数据存储vuex

src/views/cockpitNew1/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>
 
@@ -69,7 +59,7 @@ export default {
   methods: {
     dateChange() {
       this.$emit("dateChange", this.dateValue);
-      store.setCockpitHysyText(this.dateValue);
+      store.setCockpitDate(this.dateValue);
     },
   },
 };
@@ -86,17 +76,21 @@ export default {
   padding: 0;
   width: 180px !important;
 }
+
 .el-date-editor .el-range__close-icon {
   display: none;
 }
+
 .el-picker-panel__sidebar {
   background: #002446;
   border-color: #64daff;
   border-radius: 6px 0 0 6px;
+
   .el-picker-panel__shortcut {
     color: rgba(255, 255, 255, 1);
   }
 }
+
 //// 时间选择器  通用样式
 .el-date-editor--daterange.el-input__inner {
   width: 200px;

src/views/cockpitNew1/gkzb.vue

@@ -86,7 +86,7 @@
           </div>
         </div>
         <div class="text">
-          <p>近岸海述海洋生态保护红线
+          <p>近岸海域海洋生态保护红线
 
           </p>
           <span>740.63</span>公顷
@@ -131,15 +131,25 @@ export default {
   beforeMount() { }, //生命周期 - 挂载之前
   async mounted() {
     const that = this;
-    let obj = {
-      beginTime: '20240101',
-      endTime: '20240501',
-      jscType: 'jsc_gkzb_ztgu_stbh',
-      id: '4602'
-    };
-    let data = await cockpitInfo(obj);
-
-    cockpitInfo();
+    // console.log(store.state.cockpit_date, "store.cockpit_date");
+
+
+    // let obj = {
+    //   // beginTime: store.state.cockpit_date[0],
+    //   // endTime: store.state.cockpit_date[1],
+    //   jscType: 'jsc_gkzb_ztgu_stbh',
+    //   id: '4602'
+    // };
+    // let data = await cockpitInfo(obj);
+    // console.log(data, "data");
+
+    // // 生态保护红线面积
+    // data.data[0].mj
+    // // 路与生态保护红线
+    // data.data[0].ly_mj
+    // // 近海岸面积
+    // data.data[0].hy_mj
+
   }, //生命周期 - 挂在完成
   beforeUpdate() { }, //生命周期 - 更新之前
   updated() { }, //生命周期 - 更新之后