修改

dsk-operate-ui/src/views/component/CustomMoneySelect.vue

@@ -411,20 +411,20 @@ export default {
       width: 186px;
       color: #606266;
       text-indent: 0;
-      padding: 16px;
+      padding: 14px;
       padding-top: 0px;
       border: 1px solid #e0e0e0;
       .popper_wrap {
         margin-top: 16px;
         display: inline-block;
         .popper_input {
-          width: 100px;
+          width: 90px;
           display: inline-block;
           margin: 0px 8px;
           line-height: 34px;
         }
         .el-input__inner {
-          width: 100px;
+          width: 90px;
         }
       }
       input::-webkit-outer-spin-button,

dsk-operate-ui/src/views/index.vue

@@ -56,13 +56,7 @@
           <div class="flex-box query-params">
             <span class="common-title">集团中标统计</span>
           </div>
-        </div>
-        <skeleton v-if="isSkeleton" style="padding: 16px"></skeleton>
-        <el-row v-if="!isSkeleton">
-          <el-col :span="14">
-            <div id="zbtj-echarts" style="height: 300px;"></div>
-          </el-col>
-          <el-col :span="10">
+          <div class="flex-box">
             <div class="search">
               <el-form ref="queryForm" :model="queryParams" :inline="true" size="small">
                 <el-form-item prop="address">
@@ -84,11 +78,19 @@
                 </el-form-item>
               </el-form>
             </div>
+          </div>
+        </div>
+        <skeleton v-if="isSkeleton" style="padding: 16px"></skeleton>
+        <el-row v-if="jtzbList.length > 0 &&!isSkeleton">
+          <el-col :span="14">
+            <div id="zbtj-echarts" style="height: 350px;"></div>
+          </el-col>
+          <el-col :span="10">
             <div class="box-right">
               <el-table
                 :data="jtzbList"
                 border
-                max-height="250"
+                max-height="320"
                 fit
                 ref="tableRef"
                 highlight-current-row
@@ -104,18 +106,17 @@
             </div>
           </el-col>
         </el-row>
+        <div class="empty" v-if="jtzbList.length === 0 && !isSkeleton">
+          <img class="img" src="@/assets/images/project/empty.png">
+          <div class="p1">抱歉，暂无数据展示</div>
+        </div>
       </div>
       <div class="content content_wap2">
         <div class="flex-box query-box">
           <div class="flex-box query-params">
             <span class="common-title">大项目中标排行榜</span>
           </div>
-        </div>
-        <el-row>
-          <el-col :span="14">
-            <div id="zbph-echarts" style="height: 500px;"></div>
-          </el-col>
-          <el-col :span="10">
+          <div class="flex-box">
             <div class="search">
               <el-form ref="queryForm" :model="queryParams1" :inline="true" size="small">
                 <el-form-item prop="money">
@@ -144,11 +145,18 @@
                 </el-form-item>
               </el-form>
             </div>
+          </div>
+        </div>
+        <el-row v-if="dxmbList.length > 0 && !dxmzbState">
+          <el-col :span="14">
+            <div id="zbph-echarts" style="height: 350px;"></div>
+          </el-col>
+          <el-col :span="10">
             <div class="box-right">
               <el-table
                 :data="dxmbList"
                 border
-                max-height="400"
+                max-height="320"
                 ref="tableRef1"
                 fit
                 highlight-current-row
@@ -165,6 +173,10 @@
             </div>
           </el-col>
         </el-row>
+        <div class="empty" v-if="dxmbList.length === 0 && !dxmzbState">
+          <img class="img" src="@/assets/images/project/empty.png">
+          <div class="p1">抱歉，暂无数据展示</div>
+        </div>
       </div>
       <div class="content_wap3" ref="returnTop">
         <el-tabs v-model="activeName" @tab-click="handleClickTab">
@@ -667,8 +679,9 @@ export default {
       zbTableTotal:0,
       isSkeleton:true,
       zxzbIsSkeleton:true,
+      dxmzbState:true,
       zhaobiaoIsSkeleton:true,
-      placeholder:'中标金额'
+      placeholder:'中标金额',
     };
   },
   created() {
@@ -704,14 +717,15 @@ export default {
         this.isSkeleton=false;
         if(res.code == 200){
           this.jtzbList=res.data;
-          // if()
-          this.initChart(this.jtzbList)
+          if(this.jtzbList.length > 0){
+            this.initChart(this.jtzbList)
+            setTimeout(() => {
+              this.$nextTick(() => {
+                this.$refs.tableRef.bodyWrapper.scrollTop = 0
+              });
+            }, 500);
+          }
 
-          setTimeout(() => {
-            this.$nextTick(() => {
-              this.$refs.tableRef.bodyWrapper.scrollTop = 0
-            });
-          }, 500);
         }
       })
     },
@@ -737,15 +751,16 @@ export default {
       }
       bidRank(params).then(res=>{
         if(res.code == 200){
+          this.dxmzbState=false;
           this.dxmbList=res.data;
           if(this.dxmbList.length > 0){
             this.initChart1(this.dxmbList)
+            setTimeout(() => {
+              this.$nextTick(() => {
+                this.$refs.tableRef1.bodyWrapper.scrollTop = 0
+              });
+            }, 500);
           }
-          setTimeout(() => {
-            this.$nextTick(() => {
-              this.$refs.tableRef1.bodyWrapper.scrollTop = 0
-            });
-          }, 500);
         }
       })
     },
@@ -869,7 +884,7 @@ export default {
               name: '单位：个',
               nameLocation: 'end',
               nameTextStyle: {
-                padding: [0, 20, 0, -60],    // 四个数字分别为上右下左与原位置距离
+                padding: [0, 10, 0, -60],    // 四个数字分别为上右下左与原位置距离
                 color: '#666666',
               }
             },
@@ -894,7 +909,7 @@ export default {
             }
           ],
           grid: {
-            top:60,
+            top:30,
             left:80,
             right:90,
             bottom:30,
@@ -1161,7 +1176,7 @@ export default {
               name: '单位：个',
               nameLocation: 'end',
               nameTextStyle: {
-                padding: [0, 20, 0, 0],    // 四个数字分别为上右下左与原位置距离
+                padding: [0, 10, 0, 0],    // 四个数字分别为上右下左与原位置距离
                 color: '#666666',
               }
             },
@@ -1187,10 +1202,10 @@ export default {
             }
           ],
           grid: {
-            top:50,
+            top:30,
             left:60,
             right:90,
-            bottom:50,
+            bottom:30,
             // containLabel: true
           },
           // dataZoom:[
@@ -1436,20 +1451,23 @@ export default {
       }
       .content{
         background: #ffffff;
-        padding: 22px 16px;
+        padding: 16px;
+        .query-box{
+          margin-bottom: 16px;
+        }
       }
       .content_wap1{
-        height: 380px;
+        height: 430px;
         margin-bottom: 12px;
       }
       .content_wap2{
-        height: 540px;
+        height: 430px;
       }
       .search{
         float:right;
         ::v-deep .el-form{
           .el-form-item--small.el-form-item{
-            margin-bottom: 16px;
+            margin-bottom: 0;
           }
           .el-form-item{
             height: 32px;
@@ -1677,7 +1695,21 @@ export default {
         }
       }
     }
-
+    .empty{
+      margin: 0 auto;
+      height: 300px;
+      text-align: center;
+      .img{
+        width: 108px;
+        height: 108px;
+        margin-bottom: 24px;
+        margin-top: 70px;
+      }
+      .p1{
+        color: #333333;
+        font-size: 16px;
+      }
+    }