From 0761d9e95393d7f0301a49613c095db363d79e75 Mon Sep 17 00:00:00 2001
From: yupan <yupanx@163.com>
Date: Thu, 27 Oct 2022 09:50:21 +0800
Subject: [PATCH] 1、新增站点数据页面 2、修改监测因子趋势显示bug 3、修改监测因子趋势和监测因子对比页面的时间控件

---
 src/components/Form/HourPicker.vue |   51 ++++++++++++++++++++++++++++++++++++++-------------
 1 files changed, 38 insertions(+), 13 deletions(-)

diff --git a/src/components/Form/HourPicker.vue b/src/components/Form/HourPicker.vue
index 623a5ff..e35e5d9 100644
--- a/src/components/Form/HourPicker.vue
+++ b/src/components/Form/HourPicker.vue
@@ -1,10 +1,20 @@
 <template>
-  <el-date-picker
+  <!-- <el-date-picker
     v-model="value1"
     type="date"
     placeholder="������������"
     value-format="yyyy-MM-dd"
-  />
+  /> -->
+  <el-date-picker
+    v-model="value1"
+    type="daterange"
+    range-separator="���"
+    start-placeholder="������������"
+    value-format="yyyy-MM-dd HH"
+    end-placeholder="������������"
+    :picker-options="pickerOptions"
+  >
+  </el-date-picker>
 </template>
 
 <script>
@@ -12,7 +22,7 @@
 // ���������import������������������from'������������������';
 
 export default {
-// import ���������������������������������������������������
+  // import ���������������������������������������������������
   components: {},
   props: {
     // value1: String
@@ -21,7 +31,26 @@
     // ������������������
     return {
       // newValue1: ''
-      value1: ''
+      value1: '',
+      timeOne: '',
+      pickerOptions: {
+        onPick: ({ maxDate, minDate }) => {
+          // ������������  ������������
+          this.timeOne = minDate.getTime() // ��������������������� ������������������
+          // // ������������������������������������������������������������
+          if (maxDate) this.timeOne = ''
+        },
+        disabledDate: time => {
+          if (this.timeOne) {
+            const WEEK = 6 * 24 * 3600 * 1000 // ������������6��������� ������7���������
+            const minTime = this.timeOne  // ������������
+            const maxTime = this.timeOne + WEEK // ������������
+            return time.getTime() < minTime || time.getTime() > maxTime || time.getTime() > new Date()
+          } else {
+            return time.getTime() > new Date()
+          }
+        }
+      },
     }
   },
   // ������������ ���������data������
@@ -31,16 +60,13 @@
     value1(nv, ov) {
       // this.newValue1 = nv
       this.sendPicker()
-    }
+    },
   },
   // ������������ - ��������������������������������� this ���������
-  created() {
-
-  },
+  created() {},
   // ������������ - ��������������������������� DOM ���������
-  mounted() {
+  mounted() {},
 
-  },
   beforeCreate() {}, // ������������ - ������������
   beforeMount() {}, // ������������ - ������������
   beforeUpdate() {}, // ������������ - ������������
@@ -52,10 +78,9 @@
   methods: {
     sendPicker() {
       this.$emit('sendPickerChild', this.value1)
-    }
-  } // ���������������keep-alive������������������������������������
+    },
+  }, // ���������������keep-alive������������������������������������
 }
 </script>
 <style scoped>
-
 </style>

--
Gitblit v1.8.0