From f3a8b27eb23c940dcd67bd459b76b0457fcb8b46 Mon Sep 17 00:00:00 2001
From: quanyawei <401863037@qq.com>
Date: Thu, 13 Jun 2024 13:29:49 +0800
Subject: [PATCH] fix: 样式修改

---
 src/views/hand/index.vue |   75 ++++++++++++++++++++++++++++---------
 1 files changed, 56 insertions(+), 19 deletions(-)

diff --git a/src/views/hand/index.vue b/src/views/hand/index.vue
index 383e697..3afb9c6 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"
@@ -21,11 +22,11 @@
               />
             </el-select>
           </el-form-item>
-          <el-form-item label="������������:">
+          <el-form-item label="������������:">
             <el-input
               v-model="formInline.name"
               size="medium"
-              placeholder="������������"
+              placeholder="������������"
             />
           </el-form-item>
           <el-form-item>
@@ -63,7 +64,6 @@
         :data="tableData"
         border
         size="mini"
-        max-height="680"
         style="width: 100%"
         :header-cell-style="{
           color: '#101111', fontSize: '16px'
@@ -86,12 +86,12 @@
           prop="name"
           align="center"
           width="200px"
-          label="������������"
+          label="������������"
         />
         <el-table-column
           prop="address"
           align="center"
-          label="������������"
+          label="������������"
         />
         <el-table-column
           prop="startTime"
@@ -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">
@@ -156,6 +176,12 @@
                   @click="changeTap('hour')"
                 >
                   ������
+                </p>
+                <p
+                  :class="{pClick: tapName === 'minute'}"
+                  @click="changeTap('minute')"
+                >
+                  1������
                 </p>
                 <p
                   :class="{pClick: tapName === 'minutely'}"
@@ -249,21 +275,21 @@
         { prop: 'a01006', label: '������', unit: 'hpa' },
         { prop: 'a01001', label: '������', unit: '���' },
         { prop: 'a01002', label: '������', unit: '%' },
-        { prop: 'a99054', label: 'TVOC', unit: 'ug/m��' },
+        { prop: 'a99054', label: 'TVOC', unit: 'mg/m��' },
         { prop: 'a31001', label: '������', unit: 'mg/m��' },
         { prop: 'a21028', label: '���������', unit: 'ppm' },
         { prop: 'a21001', label: '������', unit: 'ug/m��' },
       ],
       handList: [],
-      radio: '������',
+      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: [],
@@ -272,7 +298,7 @@
         // ������������������������������������������(���������������������������)
         totalCount: 0,
         // ������������������������������
-        pageSizes: [10, 30, 60, 100],
+        pageSizes: [10, 50, 100, 200],
         // ������������������������������������������
         pageSize: 10
       },
@@ -287,6 +313,7 @@
     }).then(res => {
       if (res.code === 0) {
         this.handList = res.data
+        this.onSubmit()
       } else {
         this.$message.error(res.message)
       }
@@ -328,10 +355,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 +452,7 @@
 .devaiceDetailTitle{
   p{
     display: inline-block;
-    margin-right: 10px;
+    margin-right: 15px;
     font-size: 18px;
   }
 }

--
Gitblit v1.8.0