时间选择器

src/views/cockpitNew1/stxf.vue

@@ -60,8 +60,18 @@ export default {
       this.$nextTick(() => {
         this.$refs.echartRef.setOptions(v);
       });
-      // let option = this.options3d(v);
-      // myChart.setOption(option);
+      // this.GetQueryListztsh(datas)
+      // this.GetQueryListztsh(datas)
+    },
+    GetQueryListztsh(datas) {
+      let params = {
+        ...datas,
+        jscType: "jsc_wpjc_ztsh",
+        id: 46
+      };
+      QueryList(params).then(res => {
+        // this.sdata = res.data && res.data.length > 0 ? res.data[0] : {};
+      });
     },
     GetQueryListztsh(datas) {
       let params = {

src/views/viewer.vue

@@ -1,14 +1,14 @@
 <template>
     <div v-show="flag">
-        <datePicker @deteChange="deteChange"></datePicker>
+        <datePicker @dateChange="dateChange"></datePicker>
         <ser-center></ser-center>
         <JSYD />
         <TDSC />
         <HYSY ref="hysy_ref" />
         <TDSY />
-        <GDBH />
-        <STXF />
-        <WPJG />
+        <GDBH ref="gdbh_ref"/>
+        <STXF ref="stxf_ref"/>
+        <WPJG ref="wpjg_ref"/>
     </div>
 </template>
 
@@ -46,7 +46,11 @@ export default {
         switch() {
             this.flag = !this.flag;
         },
-        deteChange(date) {
+        dateChange(date) {
+            let params = { beginTime: date[0], endTime: date[1] };
+            this.$refs.gdbh_ref.setData(params);
+            this.$refs.stxf_ref.setData(params);
+            this.$refs.wpjg_ref.setData(params);
 
         },
         async hysyq(address) {