样式

src/views/cockpit/datePicker.vue

@@ -1,18 +1,8 @@
 <template>
   <!-- value-format="yyyy-MM-dd" -->
-  <el-date-picker
-    v-model="dateValue"
-    class="timePicker"
-    type="daterange"
-    :picker-options="pickerOptions"
-    value-format="yyyyMMdd"
-    range-separator="~"
-    start-placeholder="开始日期"
-    end-placeholder="结束日期"
-    :clearable="false"
-    align="left"
-    @change="dateChange"
-  >
+  <el-date-picker v-model="dateValue" class="timePicker" type="daterange" :picker-options="pickerOptions"
+    value-format="yyyyMMdd" range-separator="~" start-placeholder="开始日期" end-placeholder="结束日期" :clearable="false"
+    align="left" @change="dateChange">
   </el-date-picker>
 </template>
 
@@ -85,12 +75,13 @@ export default {
 // 日期按选择器样式修改
 .timePicker {
   position: absolute;
-  top: 40px; //top: 10%;
-  left: 23%;
+  top: 2rem;
+  left: 27rem;
   z-index: 100;
   font-size: 14px;
   padding: 0;
   width: 180px !important;
 }
+
 @import "../cockpit/datePicker.scss";
 </style>

src/views/cockpit/hysy.vue

@@ -2,7 +2,7 @@
     <div class="hysy">
         <div class="title">
             <div class="icon"></div>
-            <span>重点用地监管</span>
+            <!-- <span>重点用地监管</span> -->
         </div>
         <!-- <div class="hysy_box">
          
@@ -170,6 +170,7 @@ export default {
     width: 23rem;
     height: 17rem;
     z-index: 100;
+    border: 1px solid red;
 }
 
 

src/views/cockpit/tdsy.vue

@@ -819,17 +819,6 @@ export default {
       that.init_tdgy_jt_jd();
       that.init_info();
       that.init_echart_data();
-
-
-      //  store.start.cockpit_tdgy.jt_jg
-      // this.$refs.tdgy_echart_sfyd.setOptions([
-      //   { name: "未供应", value: 12.86 },
-      //   { name: "已供应", value: 21.56 },
-      // ]);
-      // this.$refs.tdgy_echart_gyyd.setOptions([
-      //   { name: "未供应", value: 12.65 },
-      //   { name: "已供应", value: 21.21 },
-      // ]);
     });
   },
   beforeUpdate() { }, //生命周期 - 更新之前

src/views/viewer.vue

@@ -97,6 +97,7 @@ export default {
             this.$refs.tdgy_ref.init_tdgy_jt_jg(this.params);
             this.$refs.tdgy_ref.getInfo(this.params);
             this.$refs.tdgy_ref.init_tdgy_jt_jd(this.params);
+            this.$refs.tdgy_ref.init_echart_data(this.params);
 
 
             // 海域使用