Przeglądaj źródła

数据查看 模块

jiayufei 4 lat temu
rodzic
commit
47d9685438
1 zmienionych plików z 21 dodań i 113 usunięć
  1. 21 113
      src/views/modules/headline-view/headline-view.vue

+ 21 - 113
src/views/modules/headline-view/headline-view.vue

@@ -18,9 +18,7 @@
                         <div class="costInfo">
                             <div class="yesterdayInfo">
                                 <div style="margin-bottom:8px">上阶段花费</div>
-                                <div style="font-size:14px;font-weight:600">
-                                    {{ yearCostReportList.lastCost }}
-                                </div>
+                                <div style="font-size:14px;font-weight:600">{{ yearCostReportList.lastCost }}</div>
                             </div>
                             <a-divider type="vertical"/>
                             <div class="tongbi">
@@ -33,27 +31,23 @@
                                         <a-icon type="question-circle" />
                                     </a-tooltip>
                                 </div>
-                                <div style="font-size:14px;font-weight:600">
-                                    {{ yearCostReportList.compare }}
-                                </div>
+                                <div style="font-size:14px;font-weight:600">{{ yearCostReportList.compare }}</div>
                             </div>
                         </div>
-                        <div class="costNum">
-                            {{ yearCostReportList.nowCost }}
-                        </div>
+                        <div class="costNum">{{ yearCostReportList.nowCost }}</div>
                     </div>
                     <div class="accountBodyLeftCostRight">
                         <div
                             class="gaugeEchart"
                             id="gaugeEchart"
-                            style='width:100%;height:200px;margin:0 auto' ref="gaugeEchart"
+                            style="width:100%;height:200px;margin:0 auto"
+                            ref="gaugeEchart"
                         >
                             <a-empty/>
                         </div>
                     </div>
                 </div>
                 <div class="accountBodyLeftOther">
-                    <!-- <span class="showIndex">显示指标</span> -->
                     <div class="top">                       
                         <div class="item" v-for="item in throwColumns" :key="item.dataIndex">
                             <div class="todyCost">
@@ -96,9 +90,6 @@
                         </div>
                     </div>
                     <div class="echart" style="margin-top:20px;position:relative">
-                        <!-- <div style="position:absolute;right:5px;top:-15px">
-                            更新时间:2021-05-21 13:28:30
-                        </div> -->
                         <a-spin :spinning="accountIndexEchartSpinning">
                             <div
                                 class="accountIndexEchart"
@@ -116,9 +107,13 @@
                 <div class="accountBodyRighTitle">
                     <div class="acount-body-content" @click="handleChangeAccount">
                         <p class="acount-body-title">{{ topAccountMsg.accountMap && topAccountMsg.accountMap.authName }}</p>
-                        <span><a-icon type="down" style="font-size:14px"/></span>
+                        <span>
+                            <a-icon type="down" style="font-size:14px"/>
+                        </span>
+                    </div>
+                    <div class="accountBodyRighTitleID">
+                        账户ID:{{ topAccountMsg.accountMap && topAccountMsg.accountMap.accountId }}
                     </div>
-                    <div class="accountBodyRighTitleID">账户ID:{{ topAccountMsg.accountMap && topAccountMsg.accountMap.accountId }}</div>
                 </div> 
                 <div class="accountBodyRightInfo">
                     <div class="accountBodyRightInfoItem">
@@ -127,7 +122,9 @@
                     </div>
                     <div class="accountBodyRightInfoItem">
                         <span class="name">投放状态:</span>
-                        <span>{{ topAccountMsg.accountMap && topAccountMsg.accountMap.accountStatus === '0' ? '投放中' : '未投放' }}</span>
+                        <span>
+                            {{ topAccountMsg.accountMap && topAccountMsg.accountMap.accountStatus === '0' ? '投放中' : '未投放' }}
+                        </span>
                     </div>
                     <div class="accountBodyRightInfoItem createNum" @click="gorejectCreativePage">
                         <span class="name">被拒创意数:</span>
@@ -148,6 +145,7 @@
                             v-model="planRangePicker"
                             style="width:200px;"
                             :allowClear="false"
+                            :disabled-date="disabledDate"
                             @change="handlePlanPicker"
                         />
                     </div>
@@ -200,7 +198,7 @@
                     />
                 </div>
             </div>
-            <div class="titleContext source-material">>素材相关</div>
+            <div class="titleContext source-material"> 素材相关</div>
             <div class="materialBodyRight">
                 <div class="material-table-class">
                     <a-table
@@ -580,12 +578,7 @@ export default {
                     sorter: () => {}
                 }
             ],
-            materialData: [
-                {
-                    signature: '123',
-                    photoShow: '345'
-                }
-            ],
+            materialData: [],
             materTotalAll: 0,
             accountIndexEchartSpinning: false, // 账户模块的指标的echart
             newDataSortCode: 'charge',
@@ -947,7 +940,7 @@ export default {
             };
             this.handleGetmaterialData(paramsData);
         },
-        // have
+        // 默认echarts
         initAccountIndexEchart(data, type) {
             const todayX = data.nowMap.costList.map(item => item.time);
             let specialIdentification = '';
@@ -1082,7 +1075,7 @@ export default {
             option.series[1].data = yestodayShowY;
             return option;
         },
-        // have
+        // 花费占比echarts
         initGaugechart(value) {
             let dataArr = value.split('%')[0];
             let colorSet = {
@@ -1236,93 +1229,7 @@ export default {
             };
             return option;
         },
-        initNewDataChart(data) {
-            let option = {
-                tooltip: {
-                    trigger: 'axis'
-                },
-                legend: {
-                    data: ['新上计划数', '新上组数', '新上创意数']
-                },
-                xAxis: {
-                    type: 'category',
-                    data: data.xdata,
-                    axisLine: {
-                        onZero: false,
-                        lineStyle: {
-                            color: '#999'
-                        }
-                    }
-                },
-                yAxis: {
-                    type: 'value',
-                    axisLine: {
-                        onZero: false,
-                        show: false,
-                        color: '#999',
-                        lineStyle: {
-                            color: '#999'
-                        }
-                    }
-                },
-                series: [
-                    {
-                        name: '新上计划数',
-                        data: data.campaign,
-                        type: 'line',
-                        smooth: true,
-                        showSymbol: false,
-                        symbol: 'circle',
-                        lineStyle: {
-                            color: '#AC8BF9',
-                            width: 3
-                        },
-                        itemStyle: {
-                            color: '#AC8BF9',
-                            borderWidth: 2,
-                            borderColor: '#fff'
-                        }
-                    },
-                    {
-                        name: '新上组数',
-                        data: data.unit,
-                        type: 'line',
-                        smooth: true,
-                        symbol: 'circle',
-                        showSymbol: false,
-                        lineStyle: {
-                            color: '#4CA4F9',
-                            width: 3
-                        },
-                        itemStyle: {
-                            color: '#4CA4F9',
-                            borderWidth: 2,
-                            borderColor: '#fff'
-                            
-                        }
-                    },
-                    {
-                        name: '新上创意数',
-                        data: data.creative,
-                        type: 'line',
-                        smooth: true,
-                        symbol: 'circle',
-                        showSymbol: false,
-                        lineStyle: {
-                            color: '#3CC6A5',
-                            width: 3
-                        },
-                        itemStyle: {
-                            color: '#3CC6A5',
-                            borderWidth: 3,
-                            borderColor: '#fff'
-                        }
-                    }
-                ]
-            };
-            return option;
-        },
-        // 点击分页
+        // 投放点击排序功能
         handlePlaneSort(pagination, filters, sorter, {currentDataSource}) {
             if (sorter.order === 'descend') {
                 this.newDataSortType = 'DESC';
@@ -1338,6 +1245,7 @@ export default {
             }
             this.getLaunchData();
         },
+        // 素材点击排序功能
         materialChange(pagination, filters, sorter) {
             console.log(sorter, 'v--sorter--sorter');
             if (sorter.order === 'descend') {