From 9aeeea9741d3e2bca01bc7ebb4864f834fe88ee7 Mon Sep 17 00:00:00 2001 From: quanyawei <401863037@qq.com> Date: Mon, 18 Mar 2024 15:18:37 +0800 Subject: [PATCH] fix: 表格高度修改 --- src/views/hand/index.vue | 55 +++++++++++++++++++++++++++++++++++++++++++------------ 1 files changed, 43 insertions(+), 12 deletions(-) diff --git a/src/views/hand/index.vue b/src/views/hand/index.vue index 383e697..223a754 100644 --- a/src/views/hand/index.vue +++ b/src/views/hand/index.vue @@ -12,6 +12,7 @@ v-model="formInline.mac" size="medium" placeholder="������������" + clearable > <el-option v-for="item in handList" @@ -63,7 +64,6 @@ :data="tableData" border size="mini" - max-height="680" style="width: 100%" :header-cell-style="{ color: '#101111', fontSize: '16px' @@ -106,7 +106,13 @@ width="200px" /> <el-table-column - width="60px" + prop="createName" + align="center" + label="���������" + width="200px" + /> + <el-table-column + width="100px" align="center" label="������" > @@ -145,9 +151,23 @@ <template #body> <div> <div class="devaiceDetailTitle"> - <p>���������������{{ selectRow.name }}</p> - <p>���������������{{ selectRow.address }}</p> - <p>������������������{{ selectRow.longitude }},{{ selectRow.latitude }}</p> + <el-descriptions column="4"> + <el-descriptions-item label="������������"> + {{ selectRow.startTime }} + </el-descriptions-item> + <el-descriptions-item label="������������"> + {{ selectRow.endTime }} + </el-descriptions-item> + <el-descriptions-item label="������������"> + {{ selectRow.name }} + </el-descriptions-item> + <el-descriptions-item label="���������������"> + {{ selectRow.longitude }},{{ selectRow.latitude }} + </el-descriptions-item> + <el-descriptions-item label="������������"> + {{ selectRow.address }} + </el-descriptions-item> + </el-descriptions> </div> <div class="typeBox"> <div class="tapChart"> @@ -257,13 +277,13 @@ handList: [], radio: '������', tapName: 'hour', - value: '', + value: [], radioGrouplist: [ { label: '������', value: 'today', type: 'day', num: '0' }, { label: '������', value: 'yesterday', type: 'day', num: '1', }, { label: '���3���', value: 'week', type: 'day', num: '3', }, - { label: '���1������', value: 'month', type: 'month', num: '1', }, - { label: '���3������', value: 'threeMonth', type: 'month', num: '3', }, + { label: '���7���', value: 'month', type: 'day', num: '7', }, + { label: '���1������', value: 'threeMonth', type: 'month', num: '1', }, ], tableData: [], rowDetailDate: [], @@ -287,6 +307,7 @@ }).then(res => { if (res.code === 0) { this.handList = res.data + this.onSubmit() } else { this.$message.error(res.message) } @@ -328,10 +349,20 @@ } }, changeRadio (e) { - this.formInline.startTime = e.startTime - this.formInline.endTime = e.endTime + console.log('e', e) this.radio = e.label - this.value = '' + if (e.value === 'yesterday' || e.value === 'today') { + // const today = dayjs() + // const starTime = today.subtract(1, 'day').startOf('day') + // const endTime = today.subtract(1, 'day').endOf('day') + this.value = [ ] + this.formInline.endTime = '' + this.formInline.startTime = e.startTime.format('YYYY-MM-DD') + } else { + this.value = [e.startTime, e.endTime] + this.formInline.startTime = e.startTime.format('YYYY-MM-DD HH:mm:ss') + this.formInline.endTime = e.endTime.format('YYYY-MM-DD HH:mm:ss') + } }, sendPicker (e) { this.radio = '' @@ -415,7 +446,7 @@ .devaiceDetailTitle{ p{ display: inline-block; - margin-right: 10px; + margin-right: 15px; font-size: 18px; } } -- Gitblit v1.8.0