Kaynağa Gözat

数据查看 BUG 修改

jiayufei 4 yıl önce
ebeveyn
işleme
74299e4992
1 değiştirilmiş dosya ile 38 ekleme ve 13 silme
  1. 38 13
      src/views/modules/headline-view/headline-view.vue

+ 38 - 13
src/views/modules/headline-view/headline-view.vue

@@ -22,7 +22,7 @@
                             </div>
                             <a-divider type="vertical"/>
                             <div class="tongbi">
-                                <div style="margin-bottom:8px">
+                                <div style="margin-bottom:8px;margin-left: 23px;">
                                     同比
                                     <a-tooltip >
                                         <template slot="title">
@@ -31,7 +31,10 @@
                                         <a-icon type="question-circle" />
                                     </a-tooltip>
                                 </div>
-                                <div style="font-size:14px;font-weight:600">{{ yearCostReportList.compare || 0 }}</div>
+                                <div style="font-size:14px;font-weight:600">
+                                    <a-icon type="arrow-down" style="color: #f00"/>
+                                    {{ yearCostReportList.compare || 0 }}
+                                </div>
                             </div>
                         </div>
                         <div class="costNum">{{ Number(yearCostReportList.nowCost) | decimalsHandle }}</div>
@@ -45,6 +48,15 @@
                         >
                             <a-empty/>
                         </div>
+                        <span class="cost-radio-tool">
+                            花费占比
+                            <a-tooltip>
+                                <template slot="title">
+                                    <span>花费占比指花费占账户预算的比例</span>
+                                </template>
+                                <a-icon type="question-circle"/>
+                            </a-tooltip>
+                        </span>
                     </div>
                 </div>
                 <div class="accountBodyLeftOther">
@@ -116,10 +128,6 @@
                         <span class="name">投放状态:</span>
                         <span>{{ topAccountMsg.accountMap && topAccountMsg.accountMap.accountStatus === 0 ? '投放中' : '未投放' }}</span>
                     </div>
-                    <div class="accountBodyRightInfoItem createNum">
-                        <span class="name">被拒创意数:</span>
-                        <span>0</span>
-                    </div>
                 </div>
             </div>
         </div>
@@ -872,6 +880,7 @@ export default {
         },
         // 计划点击分页操作
         handleOnShowSizeChange(current, pageSize) {
+            console.log(current, pageSize, 'current, pageSize');
             this.planPagin = {
                 page: current,
                 size: pageSize
@@ -996,15 +1005,24 @@ export default {
                     trigger: 'axis',
                     formatter: params => {
                         let isType = '';
+                        let showBai = '';
                         this.throwColumns.forEach(item => {
+                            console.log(item, 'item--item');
                             if (item.dataIndex === this.isActive) {
                                 isType = item.title;
                             }
+                            if (item.type === 'int') {
+                                showBai = '%';
+                            }
+                            else {
+                                showBai = '';
+                            }
                         });
+                        console.log(showBai, 'showBai');
                         let option = isType + '<br/>';
                         for (let i = 0, length = params.length; i < length; i++) {
                             const showTime = specialIdentification === '时' ? params[i].seriesName : '';
-                            option += `<span style="width:8px;height:8px;border-radius:50%;background:${params[i].color};display:inline-block;position:relative;top:-2px;margin-right:5px"></span>${showTime} ${params[i].axisValue}${specialIdentification} ${params[i].data}%<br />`;
+                            option += `<span style="width:8px;height:8px;border-radius:50%;background:${params[i].color};display:inline-block;position:relative;top:-2px;margin-right:5px"></span>${showTime} ${params[i].axisValue}${specialIdentification} ${params[i].data}${showBai}<br />`;
                         }
                         return option;
                     }
@@ -1186,7 +1204,7 @@ export default {
                         },
                         data: [
                             {
-                                name: '花费占比',
+                                name: '',
                                 value: dataArr
                             }
                         ],
@@ -1416,14 +1434,14 @@ export default {
             }
             .costInfo {
                 margin: 20px 0 0 0;
-                width: 70%;
+                width: 100%;
                 display: flex;
                 justify-content: space-between;    
             }
-            .yesterdayInfo {
-                width:50%;
-                flex-shrink: 0;
-            }
+            // .yesterdayInfo {
+            //     width:50%;
+            //     flex-shrink: 0;
+            // }
             .costNum{
                 width: 90%;
                 font-size: 26px;
@@ -1454,6 +1472,13 @@ export default {
         }
         .accountBodyLeftCostRight {
             width: 45%;
+            margin-left: 15px;
+            position: relative;
+            .cost-radio-tool {
+                position: absolute;
+                bottom: 34px;
+                left: 28%;
+            }
         }
         .accountBodyLeftOther {
             width: 60%;