修改 bug

src/views/govern/device/control/tabs/components/realtrend.vue

@@ -1,7 +1,6 @@
 <!-- 实时数据 - 实时趋势 -->
 <template>
     <div class="realtrend">
-        qwww
         <el-tabs type="border-card" v-model="activeName" @tab-click="handleClick">
             <el-tab-pane v-for="(item, index) in tabsList" :label="item.groupName" :name="index" :key="index">
                 <div v-loading="loading">
@@ -13,7 +12,7 @@
                                 </li>
                             </ul>
                         </div>
-                        <div class="table">
+                        <div class="table" >
                             <ul v-for="(table, tableIndex) in newTableList" :key="tableIndex">
                                 <span v-for="(key, keys) in table">
                                     <li v-if="keys != 0">
@@ -151,6 +150,7 @@ const findRealTrendDataByGroupId = (obj: any) => {
             item.unshift({ value: myColumns.value[index].title, count: '' })
         })
         newTableList.value = list
+        console.log("🚀 ~ getDeviceTrendData ~ newTableList.value:", newTableList.value)
         loading.value = false
         init()
     })
@@ -209,19 +209,22 @@ const init = () => {
             // backgroundColor: '#0f375f',
             dataZoom: [
                 {
-                    show: true,
+                    type: 'inside',
+                    height: 13,
                     start: 0,
+                    bottom: '20px',
                     end: 20
                 },
                 {
-                    type: 'inside',
                     start: 0,
+                    height: 13,
+                    bottom: '20px',
                     end: 20
                 }
             ],
             grid: {
                 top: '14%',
-                bottom: '22%', //也可设置left和right设置距离来控制图表的大小
+                bottom: '70px', //也可设置left和right设置距离来控制图表的大小
                 left: '3%',
                 right: '5%'
             },
@@ -327,19 +330,21 @@ const handleClick = (tab: any, event: any) => {
     findRealTrendDataByGroupId(params.value)
     init()
 }
-onMounted(() => {})
+onMounted(() => { })
 defineExpose({ open })
 </script>
 <style lang="scss" scoped>
 .realtrend {
     width: 100%;
     height: 100%;
+
     .realtrend_top {
         width: 100%;
         height: auto;
         display: flex;
         justify-content: space-between;
         align-items: center;
+
         .thead {
             height: 100%;
             overflow-y: hidden;
@@ -349,6 +354,7 @@ defineExpose({ open })
                 width: auto;
                 height: 40px;
                 display: flex;
+
                 li {
                     flex: none;
                     width: 100px;
@@ -357,18 +363,25 @@ defineExpose({ open })
                     text-align: center;
                     list-style: none;
                 }
+
                 li:nth-child(1) {
                     flex: none;
                     width: 200px;
                 }
+               
             }
+
             ul:nth-child(1) {
                 li {
                     font-weight: 800;
                     background: #f4f6f9;
                 }
             }
+            ul:nth-child(4) {
+            height: 48px;
+            }
         }
+
         .table {
             flex: 1;
             // min-height: 80px;
@@ -379,10 +392,12 @@ defineExpose({ open })
             overflow-x: auto;
             overflow-y: hidden;
             position: relative;
+
             ul {
                 width: auto;
                 height: 40px;
                 display: flex;
+
                 li {
                     flex: none;
                     width: 100px;
@@ -392,6 +407,7 @@ defineExpose({ open })
                     list-style: none;
                 }
             }
+
             ul:nth-child(1) {
                 li {
                     font-weight: 800;
@@ -399,35 +415,40 @@ defineExpose({ open })
                 }
             }
         }
-        .table::-webkit-scrollbar {
-            display: none;
-        }
+
+        // .table::-webkit-scrollbar {
+        //     display: none;
+        // }
     }
 }
+
 .reverse-table .vxe-body--row .vxe-body--column:first-child {
     background-color: #f8f8f9;
 }
+
 ::v-deep .vxe-table--render-wrapper {
     height: 90px !important;
     max-height: 90px !important;
     overflow-x: auto !important;
     min-height: 0 !important;
 }
+
 ::v-deep .body--wrapper {
     height: 90px !important;
     max-height: 90px !important;
     min-height: 0 !important;
 }
+
 .tab_info {
     width: 100%;
     height: calc(100vh - 450px);
+
     // overflow: auto;
     // padding-bottom: 20px;
     .charts {
         width: 100%;
         margin-top: 10px;
-        height: calc(100vh - 550px);
+        height: calc(100vh - 600px);
     }
 }
-
 </style>