update: dist

src/views/ai/ai-data-report.vue

@@ -5,18 +5,22 @@
       <activity-info @flag="getFlag" @filterJson="getFilterJson"></activity-info>
     </div>
     <div class="report-module">
-      <dm-sub-title class="module-title">
-        AI外呼数据
-        <span class="title-tip">数据实时更新</span>
-        <el-button class="to-page-button" type="text" @click="toDetailPage">查看详情</el-button>
+      <dm-sub-title title-align="space-between">
+        <div>
+          AI外呼数据
+          <span class="title-tip">数据实时更新</span>
+        </div>
+        <el-button type="text" @click="toDetailPage">查看详情</el-button>
       </dm-sub-title>
       <ai-data :ai-data-show="flags"></ai-data>
     </div>
     <div class="report-module" v-if="flags.analyseFlag == 1">
-      <dm-sub-title class="module-title">
-        活动转化数据
-        <span class="title-tip">数据每天更新 1 次</span>
-        <el-button class="to-page-button" type="text" @click="toDetailPage">查看详情</el-button>
+      <dm-sub-title title-align="space-between">
+        <div>
+          活动转化数据
+          <span class="title-tip">数据每天更新 1 次</span>
+        </div>
+        <el-button type="text" @click="toDetailPage">查看详情</el-button>
       </dm-sub-title>
       <conversion :member-type="flags.memberType" :filter-json="filterJson"></conversion>
     </div>
@@ -63,22 +67,12 @@ export default {
     + .report-module {
       margin-top: 16px;
     }
-    .module-title {
-      position: relative;
-      .title-tip {
-        margin-left: 16px;
-        font-size: 12px;
-        font-weight: 400;
-        color: #606266;
-        line-height: 17px;
-      }
-      .to-page-button {
-        position: absolute;
-        top: 50%;
-        right: 0;
-        z-index: 1;
-        transform: translate(0, -50%);
-      }
+    .title-tip {
+      margin-left: 16px;
+      font-size: 12px;
+      font-weight: 400;
+      color: #606266;
+      line-height: 17px;
     }
   }
 }

src/views/ai/ai-data-report/conversion.vue

@@ -26,7 +26,7 @@
       <el-table-column label="客单价(元)" prop="perCustomerTransaction" min-width="100" :formatter="(row, col, val) => numFormat(val)"></el-table-column>
       <el-table-column label="连带率" prop="associatedPurchaseRate" min-width="70" :formatter="(row, col, val) => val || '--'"></el-table-column>
       <el-table-column label="活动费用(元)" prop="activityCost" min-width="110" :formatter="(row, col, val) => numFormat(val)"></el-table-column>
-      <el-table-column label="ROI" prop="ROI" min-width="70" :formatter="(row, col, val) => val || '--'"></el-table-column>
+      <el-table-column label="ROI" prop="ROI" min-width="70" :formatter="(row, col, val) => (val == null ? '--' : `1:${val}`)"></el-table-column>
     </el-table>
     <div class="chart-box">
       <div class="chart-member-count" id="chart-member-count">
@@ -104,7 +104,7 @@ export default {
             label: 'ROI',
             value: '',
             key: 'ROI',
-            type: 'rate'
+            type: 'roi'
           }
         ],
         [
@@ -165,6 +165,9 @@ export default {
               case 'rate':
                 item.value = value == null ? '--' : value;
                 break;
+              case 'roi':
+                item.value = value == null ? '--' : `1:${value}`;
+                break;
             }
             return item;
           });
@@ -302,12 +305,9 @@ export default {
         .finally(() => (this.comparative.loading = false));
     },
     onComparativeChange() {
-      if (!this.comparative.type) {
-        this.comparative.subTypeLeft = '';
-        this.comparative.subTypeRight = '';
-        this.comparative.data = [];
-        return;
-      }
+      this.comparative.subTypeLeft = '';
+      this.comparative.subTypeRight = '';
+      this.comparative.data = [];
       this.getComparativeData();
     },
     onSubComparativeChange() {