update: 触达效果

src/views/ecm/touch-clue.vue

@@ -28,7 +28,9 @@
           <div class="top">
             <div class="tab2">
               <template v-if="type == 1">
-                <span v-for="item in listTabsIndex == 1 ? touchTabs : taskTabs" :key="item.id" :class="{ active2: listTabsIndex == 1 ? item.id == tabsIndex : item.id == taskTabIndex }" @click="changeTabs(item.id)">{{ item.name }}</span>
+                <span class="tab2-item" v-for="item in listTabsIndex == 1 ? touchTabs : taskTabs" :key="item.id" :class="{ active2: listTabsIndex == 1 ? item.id == tabsIndex : item.id == taskTabIndex }" @click="changeTabs(item.id)">{{ item.name }}</span>
+                <span class="tab2-tip" v-if="listTabsIndex == 1">* 只展示有数据的触达方式</span>
+                <span class="tab2-tip" v-else>* 只展示有数据的任务</span>
               </template>
             </div>
             <el-button type="primary" class="btn" @click="cdkeyExport"><i class="iconfont icon-icon_yunxiazai" style="marginRight:6px;fontSize:14px"></i>导出</el-button>
@@ -225,17 +227,21 @@ export default {
             align: 'left',
             fixed: 'left',
             formatter(row) {
+              let textColor = '#606266';
               let color = '#F0F5FF';
               if (row.index == 1) {
+                textColor = 'white';
                 color = '#F5222D';
               } else if (row.index == 2) {
                 color = '#FAAD14';
+                textColor = 'white';
               } else if (row.index == 3) {
                 color = '#FFCB48';
+                textColor = 'white';
               } else if (!row.index) {
                 return '--';
               }
-              return `<span style="background:${color};width: 16px; display: inline-block; text-align: center; line-height:16px">${row.index}</span>`;
+              return `<span style="background:${color};color:${textColor};width: 16px; display: inline-block; text-align: center; line-height:16px">${row.index}</span>`;
             }
           },
           {
@@ -570,7 +576,7 @@ export default {
         .tab2 {
           cursor: pointer;
           display: flex;
-          span {
+          .tab2-item {
             display: inline-block;
             width: 84px;
             height: 32px;
@@ -584,6 +590,12 @@ export default {
             line-height: 32px;
             text-align: center;
           }
+          .tab2-tip {
+            line-height: 32px;
+            color: #c0c4cc;
+            font-family: PingFangSC-Regular, PingFang SC;
+            margin-left: 20px;
+          }
           .active2 {
             background: #1890ff;
             color: #fff;

src/views/ecm/touch-components/card-profit.vue

@@ -31,7 +31,7 @@
           </div>
           <div>
             <p>销售单金额（元）</p>
-            <p>{{ parseInt(list.salesAmt || 0).toLocaleString('zh', { minimumFractionDigits: 2 }) }}</p>
+            <p>{{ parseFloat(list.salesAmt || 0).toLocaleString('zh', { minimumFractionDigits: 2 }) }}</p>
           </div>
         </div>
       </div>
@@ -89,7 +89,7 @@ export default {
         { label: '使用人数', prop: 'useMbrNum', minWidth: '160', align: 'left', fixed: 'left', formatter: row => this.formatterNum(row.useMbrNum) },
         { label: '使用率', prop: 'useRate', minWidth: '160', align: 'left', fixed: 'left', formatter: row => this.formatterRate((row.useMbrNum / row.getMbrNum) * 100) },
         { label: '销售单数', prop: 'orderCnt', minWidth: '160', align: 'left', fixed: 'left', formatter: row => this.formatterNum(row.orderCnt) },
-        { label: '销售单金额', prop: 'salesAmt', minWidth: '160', align: 'left', fixed: 'left', formatter: row => parseInt(row.salesAmt || 0).toLocaleString('zh', { minimumFractionDigits: 2 }) }
+        { label: '销售单金额', prop: 'salesAmt', minWidth: '160', align: 'left', fixed: 'left', formatter: row => parseFloat(row.salesAmt || 0).toLocaleString('zh', { minimumFractionDigits: 2 }) }
       ]
     };
   },