Browse Source

修改分公司数据看板折线图的宽度

liubei@c-top.com.cn 3 years ago
parent
commit
33af809acf
1 changed files with 20 additions and 18 deletions
  1. 20 18
      src/views/bossDataKanban/index.vue

+ 20 - 18
src/views/bossDataKanban/index.vue

@@ -33,7 +33,7 @@
 
     .body-heada {
         min-width: 100%;
-        height: 60px;
+        height: 45px;
         background-image: url('../../assets/img/head_bg.png');
         background-size: 100% 100%;
     }
@@ -211,7 +211,7 @@
                         style="float: right;background: rgb(58, 77, 87);height: 28px;margin-top: 2px;margin-right: 2px;"
                         type="primary" size="small">全屏查看</a-button>
                     <a-button @click="signOutfullScreen" v-else
-                        style="float: right;background: rgb(58, 77, 87);height: 28px;margin-top: 2px;margin-right: 2px;"
+                        style="float: right;background: rgb(58, 77, 87);height: 18px;margin-top: 2px;margin-right: 2px;font-size: 12px;"
                         type="primary" size="small">退出全屏</a-button>
                 </p>
 
@@ -228,7 +228,7 @@
                         <div style="width:5px;height: 14px;background:#0099FF;display: inline-block;margin-left: 10px;">
                         </div>
                         <span style="color: #0099FF;font-size: 0.8vw;padding: 10px;;">素材产出占比</span>
-                        <div v-if="emptyShow">
+                        <div v-if="emptyShowOne">
                             <div id="accountIndexEchartOnePie" ref="accountIndexEchartOnePie"
                                 style="width: 90%;height: 300px;margin-right: 20px;">
                             </div>
@@ -245,8 +245,8 @@
                         <div style="width:5px;height: 14px;background:#0099FF;display: inline-block;margin-left: 10px;">
                         </div>
                         <span style="color: #0099FF;font-size: 0.8vw;padding: 10px;;">分公司消耗素材</span>
-                        <div v-if="emptyShow">
-                            <div id="consume" ref="consume" style="width: 95%;height: 290px;"></div>
+                        <div v-if="emptyShowTwo">
+                            <div id="consume" ref="consume" style="width: 98%;height: 290px;"></div>
                         </div>
                         <a-list v-else :data-source="[]" v-else />
                         <!-- <a-empty style="margin-top: 20px;"  /> -->
@@ -347,8 +347,8 @@
                         <div style="width:5px;height: 14px;background:#0099FF;display: inline-block;margin-left: 10px;">
                         </div>
                         <span style="color: #0099FF;font-size: 0.8vw;padding: 10px;;">近七天分日数据</span>
-                        <div v-if="emptyShow">
-                            <div id="lineChart" ref="lineChart" style="width: 90%;height: 260px;margin-top: 5px;"></div>
+                        <div v-if="emptyShowThree">
+                            <div id="lineChart" ref="lineChart" style="width: 100%;height: 260px;margin-top: 5px;"></div>
                         </div>
                         <a-list v-else :data-source="[]" v-else />
                         <!-- <a-empty v-else /> -->
@@ -401,7 +401,9 @@
                 optionData: [],
                 container: true,
                 chartPie: true,
-                emptyShow: true,
+                emptyShowOne: true,
+                emptyShowTwo:true,
+                emptyShowThree:true,
                 statusChart: null,
                 option: {},
                 fullscreenShow: false,
@@ -542,7 +544,7 @@
                     if (res.code == 0) {
                         var servicedata = res.result
                         if (servicedata.length > 0) {
-                            this.emptyShow = true;
+                            this.emptyShowOne = true;
                             this.pieData = [];
                             let num = 0;
                             for (var i = 0; i < servicedata.length; i++) {
@@ -558,7 +560,7 @@
                             })
                             
                         } else {
-                            this.emptyShow = false;
+                            this.emptyShowOne = false;
                         }
 
                     }
@@ -576,7 +578,7 @@
                     if (res.code == 0) {
                         resultArray = res.result;
                         if (resultArray.length > 0) {
-                            this.emptyShow = true;
+                            this.emptyShowTwo = true;
                             resultArray.forEach(element => {
                                 areaArray.push(element.area);
                                 payNumArray.push(element.cost)
@@ -586,7 +588,7 @@
                             })
                             
                         } else {
-                            this.emptyShow = false;
+                            this.emptyShowTwo = false;
                         }
 
                     }
@@ -642,7 +644,7 @@
                 }
                 this.getAction(process.env.VUE_APP_BASE_MATERIAL_URL + '/boss/bossDataExhibitionController/getAccountTrendByMediaType', paramsFour).then(res => {
                     if (res.code == 0) {
-                        this.emptyShow = true;
+                        this.emptyShowThree = true;
                         let huaBei = res.result.huaBei;
                         let huaDong = res.result.huaDong;
                         let huaNan = res.result.huaNan;
@@ -653,7 +655,7 @@
                         })
 
                     } else {
-                        this.emptyShow = false;
+                        this.emptyShowThree = false;
                     }
                 })
 
@@ -703,7 +705,7 @@
                         }
                     },
                     legend: {
-                        top: '25%',
+                        top: '20%',
                         orient: 'vertical',
                         right: '0%',
                         textStyle: { //图例文字的样式
@@ -896,8 +898,8 @@
                     backgroundColor: "transparent",
 
                     grid: {  //图表的上下左右的距离
-                        left: '-16%',
-                        right: '2%',
+                        left: '-80',
+                        right: '10%',
                         bottom: '15%',
                         top: '20%',
                         padding: [50, 0, 0, 0],
@@ -1303,7 +1305,7 @@
                     },
                     grid: {
                         left: '3%',
-                        right: '4%',
+                        right: '15%',
                         bottom: '3%',
                         containLabel: true
                     },