From d1a606963672990eee0b4db6834fa0c3e74fa946 Mon Sep 17 00:00:00 2001 From: guoshipeng <3194674006@qq.com> Date: Thu, 06 Jul 2023 09:35:24 +0800 Subject: [PATCH] 上传组件 --- src/views/Listdata/index.vue | 112 +++++++++++++++++++++++++++++++++++++++++++++++-------- 1 files changed, 95 insertions(+), 17 deletions(-) diff --git a/src/views/Listdata/index.vue b/src/views/Listdata/index.vue index ae35e81..d065d2c 100644 --- a/src/views/Listdata/index.vue +++ b/src/views/Listdata/index.vue @@ -12,7 +12,7 @@ style="width: 21rem" /> <!-- <div> --> - <el-select + <!-- <el-select v-model="value" placeholder="������������" style="margin-left: 20px" @@ -23,18 +23,37 @@ :label="item.label" :value="item.value" /> - </el-select> - <el-date-picker - v-model="timevalue" - type="datetimerange" - range-separator="���" - value-format="yyyy-MM-dd HH" - start-placeholder="������������" - :picker-options="pickerOptions" - end-placeholder="������������" - style="margin-left: 1rem" - > - </el-date-picker> + </el-select> --> + <div style="margin-left: 1.5rem"> + <el-cascader + v-model="value" + :options="newSensor" + :props="props" + collapse-tags + clearable + ></el-cascader> + </div> + <div> + <el-select + v-model="select1" + placeholder="���������" + style="margin-left: 1.5rem; width: 15rem" + > + <el-option + v-for="item in options1" + :key="item.value" + :label="item.label" + :value="item.value" + > + </el-option> + </el-select> + </div> + <component + :is="dataType" + style="padding-left: 0; margin-left: 20px; width: 160px" + @sendPickerChild="showPickerChild" + class="select11" + /> <el-button type="primary" @click="toExcel()" style="margin-left: 20px" >������</el-button @@ -66,7 +85,23 @@ import FileSaver from 'file-saver' import XLSX2 from 'xlsx-style' import XLSX from 'xlsx' +import DatePicker from '@/components/Form/DatePicker' +import MouthPicker from '@/components/Form/MouthPicker' +import HourPicker from '@/components/Form/HourPicker' +import HourPicker1 from '@/components/Form/HourPicker1' +import CustomPicker from '@/components/Form/CustomPicker' +import CustomPicker1 from '@/components/Form/CustomPicker1' +import TimePicker1 from '@/components/Form/TimePicker1' export default { + components: { + DatePicker, + MouthPicker, + HourPicker, + CustomPicker, + CustomPicker1, + TimePicker1, + HourPicker1, + }, data() { // ������������������ return { @@ -79,6 +114,23 @@ columnList: [], //��������������� dateList: [], timevalue: [], + select1: '������', + dataType: 'HourPicker', + unit: 'day', + options1: [ + { + label: '���������', + value: '���������', + }, + { + label: '������', + value: '������', + }, + { + label: '������', + value: '������', + }, + ], pickerOptions: { disabledDate: (time) => { return time.getTime() > new Date() @@ -90,6 +142,24 @@ computed: {}, // ������data������������������ watch: { + select1(nv, ov) { + if (nv === '������') { + this.dataType = 'HourPicker' + this.unit = 'day' + } else if (nv === '������') { + this.dataType = 'DatePicker' + this.unit = 'month' + } else if (nv === '������') { + this.dataType = 'MouthPicker' + this.unit = 'month' + } else if (nv === '���������') { + this.dataType = 'HourPicker1' + this.unit = 'hours' + } else { + this.dataType = 'CustomPicker' + this.unit = 'hours' + } + }, // ��������������������������� newMac(newVal, oldval) { this.newMac1 = [] @@ -105,6 +175,9 @@ // ������������ - ��������������������������������� this ��������� created() { this.getData() + // for (let key in this.timess[0]) { + // this.columnList.push(key) + // } }, // ������������ - ��������������������������� DOM ��������� // mounted() { @@ -119,6 +192,9 @@ activated() {}, // ������������ methods: { + showPickerChild(data) { + this.newData = data + }, getData() { this.$request({ url: '/monitorPoint/queryMonitorPoints', @@ -154,6 +230,7 @@ }, // ��������������������������������� getSensor() { + this.newSensor = [] this.$request({ url: '/deviceInfo/getMacSensors', method: 'post', @@ -183,7 +260,6 @@ this.$message.warning('���������������') return } - this.dateList = [] this.columnList = [] this.$request({ @@ -192,13 +268,15 @@ data: { macs: this.newMac1, sensors: this.value.toString(), - startTime: this.timevalue[0], - endTime: this.timevalue[1], + // startTime: this.timevalue[0], + // endTime: this.timevalue[1], + type: this.unit, + times: this.newData instanceof Array ? this.newData : [this.newData], }, }).then((res) => { console.log(res, 11) this.tableData = res.data - console.log(this.tableData, 'this.tableData') + // console.log(this.tableData, 'this.tableData') for (let key in this.tableData[0]) { this.columnList.push(key) } -- Gitblit v1.8.0