resumeList.js 1.1 KB

12345678910111213141516171819202122232425262728293031323334353637
  1. app.component('resume-list', {
  2. template: `
  3. <div class="resume-list">
  4. <div class="resume-item" v-for="item in list">
  5. <div class="title">
  6. <div class="name">{{item.name}} <span class="mobile">({{item.mobile}})</span></div>
  7. <div class="status">{{item.status_text}}</div>
  8. </div>
  9. <div class="content">
  10. <div class="remark">{{item.last_msg}}</div>
  11. <div class="time">{{item.last_msg_time}}</div>
  12. </div>
  13. <div class="tool">
  14. <van-tag type="primary" plain size="large" @click="onFollow(item.id)">跟进</van-tag>
  15. <van-tag type="success" plain size="large" @click="onEdit(item.id)">编辑</van-tag>
  16. </div>
  17. </div>
  18. </div>
  19. `,
  20. data() {
  21. return {}
  22. },
  23. props: {
  24. list: {
  25. type: Array,
  26. default: [],
  27. },
  28. },
  29. methods: {
  30. onFollow(id) {
  31. this.$emit('follow',id);
  32. },
  33. onEdit(id) {
  34. this.$emit('edit',id);
  35. },
  36. },
  37. });