소스 검색

refactor: update mock data structure and display in person cards to reflect new clue ranking and operator information

Yannay 5 일 전
부모
커밋
10caf5a3c1
3개의 변경된 파일22개의 추가작업 그리고 17개의 파일을 삭제
  1. 12 12
      mock/mockData.js
  2. 3 3
      pages/person/cards/index.vue
  3. 7 2
      pages/person/cards/styles/index.scss

+ 12 - 12
mock/mockData.js

@@ -42,24 +42,24 @@ const mockDataList = {
42 42
       data: [
43 43
         {
44 44
           id:1,
45
-          name:'张三',//客户名称
46
-          star:3,//客户等级
47
-          prodTitle:'LV 发财桶',//产品名称
48
-          desc:'客户说价格有点低'//客户描述
45
+          name:'张三',//运营人
46
+          level:'A',//线索等级 A/B/C类
47
+          prodTitle:'LV 发财桶',//线索名称
48
+          desc:'客户说价格有点低'//最新跟进记录
49 49
         },
50 50
         {
51 51
           id:2,
52
-          name:'李四',//客户名称
53
-          star:3,//客户等级
54
-          prodTitle:'LV 发财桶',//产品名称
55
-          desc:'客户说价格有点低'//客户描述
52
+          name:'李四',//运营人
53
+          level:'B',//线索等级 A/B/C类
54
+          prodTitle:'LV 发财桶',//线索名称
55
+          desc:'客户说价格有点低'//最新跟进记录
56 56
         },
57 57
         {
58 58
           id:3,
59
-          name:'张三',//客户名称
60
-          star:3,//客户等级
61
-          prodTitle:'LV 发财桶',//产品名称
62
-          desc:'客户说价格有点低'//客户描述
59
+          name:'张三',//运营人
60
+          level:'C',//线索等级 A/B/C类
61
+          prodTitle:'LV 发财桶',//线索名称
62
+          desc:'客户说价格有点低'//最新跟进记录
63 63
         },
64 64
         
65 65
       ]

+ 3 - 3
pages/person/cards/index.vue

@@ -130,12 +130,12 @@
130 130
                 <view class="clue_item" v-for="(item, index) in clueList" :key="index">
131 131
                     <view class="clue_star">
132 132
                         <u-icon name="star-fill" size="20" color="#facc15"></u-icon>
133
-                        <text class="clue_name">{{ item.star }}</text>
133
+                        <text class="clue_name">{{ item.level || 'C' }}类</text>
134 134
                     </view>
135
-                    <text class="clue_name">{{ item.name }}</text>
135
+                    <text class="clue_name clue_operator">{{ item.name }}</text>
136 136
                     <view class="clue_info">
137 137
                         <text class="clue_title">{{ item.prodTitle }}</text>
138
-                        <text class="clue_desc">{{ item.desc }}</text>
138
+                        <text class="clue_desc">{{ item.desc || '暂无最新跟进记录' }}</text>
139 139
                     </view>
140 140
                 </view>
141 141
             </view>

+ 7 - 2
pages/person/cards/styles/index.scss

@@ -290,8 +290,13 @@
290 290
           color: #9ca3af;
291 291
         }
292 292
       }
293
-      .clue_name{
294
-
293
+      .clue_name.clue_operator{
294
+        white-space: nowrap;
295
+        overflow: hidden;
296
+        text-overflow: ellipsis;
297
+        min-width: 0;
298
+        color: #333;
299
+        font-size: 24rpx;
295 300
       }
296 301
       .clue_info{
297 302
         display:flex;