Browse Source

fix: 数据看板 - 投手数据调整

zhengxy 1 year ago
parent
commit
14d09f9fbe

+ 31 - 16
project/src/components/dataBoard/throwPerson/throwPersonPuton.vue

@@ -84,7 +84,7 @@
84 84
           <div
85 85
             :class="['flex-align-jus-center', item.sort ? 'pointer' : '', sort_field == item.prop ? 'sortFieldStyle' : '']"
86 86
             @click="item.sort ? sortFieldEvent(item.prop) : ''">
87
-            {{ item.label }}
87
+            <span :style="{'font-size': item.fontSize || '14px'}">{{ item.label }}</span>
88 88
             <i class="el-icon-caret-bottom" v-if="item.sort"></i>
89 89
             <el-tooltip v-if="item.notes" :content="item.notes" placement="top">
90 90
               <div><i class="el-icon-question"></i></div>
@@ -237,23 +237,23 @@ export default {
237 237
         { prop: "first_day_roi", label: "首日ROI", min_width: 100, notes: '首日ROI=当日新用户充值之和/累计消耗' },
238 238
         { prop: "first_roi", label: "首充ROI", min_width: 90,},
239 239
         { prop: "qw_cost", label: "企微成本", min_width: 90, },
240
-        { prop: "new_cost", label: "用户首日下单成本", min_width: 140 },
241
-        { prop: "conversions_count", label: "回传下单人数", notes: '通过广告后台获取到的实际下单人数', min_width: 120 },
242
-        { prop: "new_pay_uv", label: "实际下单人数", notes: '猎羽后台统计到的首日首次下单的人数', min_width: 120 },
243
-        { prop: "first_charge", label: "首日首单充值金额", min_width: 140 },
244
-        { prop: "first_day_pay", label: "首日充值金额", min_width: 110 },
245
-        { prop: "scan_follow_total", label: "企微粉丝人数", min_width: 110 },
240
+        { prop: "new_cost", label: "用户首日下单成本", min_width: 90, },
241
+        { prop: "conversions_count", label: "回传下单人数", notes: '通过广告后台获取到的实际下单人数', min_width: 90 },
242
+        { prop: "new_pay_uv", label: "实际下单人数", notes: '猎羽后台统计到的首日首次下单的人数', min_width: 90 },
243
+        { prop: "first_charge", label: "首日首单充值金额", min_width: 90 },
244
+        { prop: "first_day_pay", label: "首日充值金额", min_width: 90 },
245
+        { prop: "scan_follow_total", label: "企微粉丝人数", min_width: 90 },
246 246
         { prop: "profile", label: "总毛利额", notes: '总毛利额=累计充值-累计消耗', min_width: 100 },
247
-        { prop: "recall_rate", label: "回本率%", notes: '回本率=累计充值/累计消耗',min_width: 110 },
248
-        { prop: "start_date", label: "开始日期", min_width: 110 },
249
-        { prop: "end_date", label: "截止日期", min_width: 110 },
247
+        { prop: "recall_rate", label: "回本率%", notes: '回本率=累计充值/累计消耗',min_width: 100 },
248
+        { prop: "start_date", label: "开始日期", min_width: 100 },
249
+        { prop: "end_date", label: "截止日期", min_width: 100 },
250 250
         { prop: "pay_money", label: "累计充值", min_width: 100 },
251
-        { prop: "three_days_rate", label: "3天倍率", min_width: 100 },
252
-        { prop: "seven_days_rate", label: "7天倍率", min_width: 100 },
253
-        { prop: "day3_charge", label: "3天充值金额", min_width: 110 },
254
-        { prop: "day7_charge", label: "7天充值金额", min_width: 110 },
255
-        { prop: "day3_first_day_pay", label: "3天首日充值金额", min_width: 140 },
256
-        { prop: "day7_first_day_pay", label: "7天首日充值金额", min_width: 140 },
251
+        { prop: "three_days_rate", label: "3天倍率", min_width: 90 },
252
+        { prop: "seven_days_rate", label: "7天倍率", min_width: 90 },
253
+        { prop: "day3_charge", label: "3天充值金额", min_width: 90 },
254
+        { prop: "day7_charge", label: "7天充值金额", min_width: 90 },
255
+        { prop: "day3_first_day_pay", label: "3天首日充值金额", min_width: 90 },
256
+        { prop: "day7_first_day_pay", label: "7天首日充值金额", min_width: 90 },
257 257
       ],
258 258
       height: '',
259 259
       tagType: 2,
@@ -544,6 +544,21 @@ export default {
544 544
 </style>
545 545
 
546 546
 <style lang="scss" scoped>
547
+
548
+/deep/ .elx-table .elx-header--column.col--ellipsis:not(.col--actived)>.elx-cell {
549
+  /* overflow: hidden; */
550
+  /* text-overflow: ellipsis; */
551
+  white-space: wrap;
552
+}
553
+/deep/ .elx-header--column.col--ellipsis>.elx-cell .elx-cell--title {
554
+  // overflow: hidden;
555
+  // text-overflow: ellipsis;
556
+  white-space: wrap;
557
+}
558
+/deep/ .elx-header--column .elx-cell--title {
559
+  line-height: 1.2;
560
+}
561
+
547 562
 .update-time {
548 563
   margin-top: 10px;
549 564
   padding-left: 20px;

+ 18 - 4
project/src/components/dataBoard/throwPerson/throwPersonSon.vue

@@ -153,11 +153,11 @@ export default {
153 153
         { prop: "qw_cost", label: "企微成本", sort: true, min_width: 110, },
154 154
         { prop: "roi", label: "首日ROI", notes: '首日ROI=当日新用户充值之和/累计消耗', sort: true, min_width: 110, },
155 155
         { prop: "first_roi", label: "首日首单ROI", min_width: 110, },
156
-        { prop: "new_cost", label: "用户首日下单成本", sort: true, min_width: 150 },
157
-        { prop: "unique_new_cost", label: "用户首日下单成本(去重)", min_width: 170 },
158
-        { prop: "new_user_charge_total", label: "新用户首日下单金额", min_width: 150 },
156
+        { prop: "new_cost", label: "用户首日下单成本", sort: true, min_width: 100 },
157
+        { prop: "unique_new_cost", label: "用户首日下单成本(去重)", min_width: 110 },
158
+        { prop: "new_user_charge_total", label: "新用户首日下单金额", min_width: 100 },
159 159
         { prop: "date_num", label: "投放天数", min_width: 100, sort: true },
160
-        { prop: "app_num", label: "投放公众号数", min_width: 110, sort: true },
160
+        { prop: "app_num", label: "投放公众号数", min_width: 100, sort: true },
161 161
         { prop: "profit", label: "总毛利额", notes: '总毛利额=累计充值-累计消耗', sort: true },
162 162
         { prop: "recover_rate", label: "回本率%", notes: '回本率=累计充值/累计消耗', sort: true },
163 163
       ],
@@ -304,6 +304,20 @@ export default {
304 304
 }
305 305
 </script>
306 306
 <style lang="scss" scoped>
307
+/deep/ .elx-table .elx-header--column.col--ellipsis:not(.col--actived)>.elx-cell {
308
+  /* overflow: hidden; */
309
+  /* text-overflow: ellipsis; */
310
+  white-space: wrap;
311
+}
312
+/deep/ .elx-header--column.col--ellipsis>.elx-cell .elx-cell--title {
313
+  // overflow: hidden;
314
+  // text-overflow: ellipsis;
315
+  white-space: wrap;
316
+}
317
+/deep/ .elx-header--column .elx-cell--title {
318
+  line-height: 1.2;
319
+}
320
+
307 321
 .screenBox {
308 322
   background: #fff;
309 323
   padding: 5px 20px;