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