From b1c9375873886aa5bb54dedc99b274ed63f2aa36 Mon Sep 17 00:00:00 2001
From: GGJ <357021191@qq.com>
Date: Thu, 5 Dec 2024 18:14:43 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/api/plan/static.json             |   2 +-
 frontend/src/components/ProTable/index.vue    |   4 +-
 .../src/components/echarts/pie/default.vue    |   4 +-
 frontend/src/styles/common.scss               |   4 +-
 frontend/src/styles/element.scss              |  30 +--
 .../views/home/components/dataCheckPopup.vue  | 206 ++++++++++--------
 .../home/components/dataCheckRawDataTable.vue |   4 +-
 .../home/components/dataCheckResultTable.vue  |  14 +-
 frontend/src/views/home/components/tree.vue   |  36 ++-
 frontend/src/views/home/tabs/dashboard.vue    |   2 +-
 10 files changed, 171 insertions(+), 135 deletions(-)

diff --git a/frontend/src/api/plan/static.json b/frontend/src/api/plan/static.json
index 39f2a68..f34325e 100644
--- a/frontend/src/api/plan/static.json
+++ b/frontend/src/api/plan/static.json
@@ -7,7 +7,7 @@
                 {
                     "id": 4,
                     "pid": 1,
-                    "name": "邯郸220kV团城站电能质量检测11111111111111111111111111"
+                    "name": "邯郸220kV团城站电能质量检测"
                 },
                 {
                     "id": 5,
diff --git a/frontend/src/components/ProTable/index.vue b/frontend/src/components/ProTable/index.vue
index c0395f0..efd38e8 100644
--- a/frontend/src/components/ProTable/index.vue
+++ b/frontend/src/components/ProTable/index.vue
@@ -8,7 +8,6 @@
     :search-param='searchParam'
     :search-col='searchCol'
   />
-
   <!-- 表格主体 -->
   <div class='table-main' :class='{ card: showCard }'  >
     <!-- 表格头部 操作按钮 -->
@@ -43,10 +42,11 @@
     >
       <!-- 默认插槽 -->
       <slot />
+      
       <template v-for='item in tableColumns' :key='item'>
         <!-- selection || radio || index || expand || sort -->
         <el-table-column
-          v-if='item.type && columnTypes.includes(item.type)'
+          v-if='item.type && columnTypes.includes(item.type) && item.isShow'
           v-bind='item'
           :align="item.align ?? 'center'"
           :reserve-selection="item.type == 'selection'"
diff --git a/frontend/src/components/echarts/pie/default.vue b/frontend/src/components/echarts/pie/default.vue
index 1cbd0c9..576a852 100644
--- a/frontend/src/components/echarts/pie/default.vue
+++ b/frontend/src/components/echarts/pie/default.vue
@@ -40,7 +40,7 @@ const init = () => {
     icon: "roundRect", // 图例项的icon,类型包括 circle(圆形),rect(正方形),//roundRect(圆角正方形),triangle(三角形),diamond(菱形),//pin(大头针行),arrow(箭头形),none(无图例项的icon)
     orient: "vertical", //图例排列方向
     left: "right", //可选属性left,right,top,bottom,可选属性值 left,right,top,bottom,px,百分比,数值,
-    itemGap: 1, // 设置图例项之间的间隔为20
+    itemGap: 10, // 设置图例项之间的间隔为20
     ...props.legendData,
   };
   chart.value = chartsRef.value && echarts.init(chartsRef.value);
@@ -101,7 +101,7 @@ const init = () => {
               fontSize: 12,
             },
             formatter: function (data) {
-                                return data.value
+                                return data.value +'台'
                             }
           },
         },
diff --git a/frontend/src/styles/common.scss b/frontend/src/styles/common.scss
index 2ce6ba1..6b6ee87 100644
--- a/frontend/src/styles/common.scss
+++ b/frontend/src/styles/common.scss
@@ -77,8 +77,8 @@
 
 /* scroll bar */
 ::-webkit-scrollbar {
-  width: 6px;
-  height: 200px;
+  width: 8px;
+  height: 8px;
   // background-color: var(--el-color-primary);
 }
 /* 滚动条实际可拖动部分的颜色 */
diff --git a/frontend/src/styles/element.scss b/frontend/src/styles/element.scss
index a163182..d0cc594 100644
--- a/frontend/src/styles/element.scss
+++ b/frontend/src/styles/element.scss
@@ -142,13 +142,16 @@
       margin-bottom: 15px;
     }
   }
-
+.el-table__body{
+  // border-left: 1px solid var(--el-table-border-color)
+}
   // el-table 表格样式
   .el-table {
+    // border: 1px solid var(--el-table-border-color);
     // flex: 1;
     width: 100%;
     height: 100%;
-
+    border-left: 1px solid var(--el-table-border-color)
     // 修复 safari 浏览器表格错位 https://github.com/HalseySpicy/Geeker-Admin/issues/83
     table {
       width: 100%;
@@ -398,7 +401,7 @@
 
   &::-webkit-scrollbar {
     width: 8px !important;
-    height: 200px !important;
+    height: 8px !important;
     // background-color: var(--el-color-primary);
     z-index: 3001;
   }
@@ -457,27 +460,6 @@
   }
 }
 
-.form-two {
-  display: flex;
-  flex-wrap: wrap;
-  justify-content: space-between;
-
-  .el-form-item {
-    display: flex;
-    width: 48%;
-
-    .el-form-item__content {
-      flex: 1;
-
-      .el-select,
-      .el-cascader,
-      .el-input__inner,
-      .el-date-editor {
-        width: 100%;
-      }
-    }
-  }
-}
 
 .cn-render-buttons {
   cursor: pointer;
diff --git a/frontend/src/views/home/components/dataCheckPopup.vue b/frontend/src/views/home/components/dataCheckPopup.vue
index aadd6d3..9d8f5ee 100644
--- a/frontend/src/views/home/components/dataCheckPopup.vue
+++ b/frontend/src/views/home/components/dataCheckPopup.vue
@@ -1,22 +1,22 @@
 <template>
-    <el-dialog  title="数据查询" :model-value='visible' @close="handleCancel" width="1065px" draggable>
+    <el-dialog title="数据查询" :model-value='visible' @close="handleCancel" width="1065px" draggable>
         <div class="data-check-dialog">
             <div class="data-check-title">
                 <el-form :model='formContent' label-width="auto" class="form-three ">
-                                <el-form-item label="检测脚本"  >
-                                    <el-input v-model='testScriptName' :disabled="true"/>
-                                </el-form-item>             
-                                <el-form-item label="误差体系"  >
-                                    <el-input v-model='errorSysName' :disabled="true"/>
-                                </el-form-item>              
-                                <el-form-item label="数据原则"  >
-                                    <el-input v-model='dataRule' :disabled="true"/>
-                                </el-form-item>           
-                                <el-form-item label="设备名称"  >
-                                    <el-input v-model='deviceName' :disabled="true"/>
-                                </el-form-item>          
-                          
-                            <!-- <el-col :span="8">
+                    <el-form-item label="检测脚本">
+                        <el-input v-model='testScriptName' :disabled="true" />
+                    </el-form-item>
+                    <el-form-item label="误差体系">
+                        <el-input v-model='errorSysName' :disabled="true" />
+                    </el-form-item>
+                    <el-form-item label="数据处理原则">
+                        <el-input v-model='dataRule' :disabled="true" />
+                    </el-form-item>
+                    <el-form-item label="设备名称">
+                        <el-input v-model='deviceName' :disabled="true" />
+                    </el-form-item>
+
+                    <!-- <el-col :span="8">
                                 <el-form-item label='复检次数:'>
                                     <el-select v-model="reCheckIdx">
                                         <el-option
@@ -28,44 +28,43 @@
                                     </el-select>
                                 </el-form-item>       
                             </el-col> -->
-                                <el-form-item label='通道号'>
-                                    <el-select v-model="monitorIdx">
-                                        <el-option
-                                        v-for="item in monitorIdxList"
-                                        :key="item.value"
-                                        :label="item.value"
-                                        :value="item.value"
-                                        />
-                                    </el-select>
-                                </el-form-item>       
+                    <el-form-item label='通道号'>
+                        <el-select v-model="monitorIdx">
+                            <el-option v-for="item in monitorIdxList" :key="item.value" :label="item.value"
+                                :value="item.value" />
+                        </el-select>
+                    </el-form-item>
                 </el-form>
             </div>
             <div class="data-check-content">
                 <div class="content-left-tree">
                     <div class="content-left-tree-switch">
-                        <el-switch
+                        <!-- <el-switch
                             v-model="scriptSwitch"
                             class="ml-2"
                             inline-prompt
                             style="--el-switch-on-color: #003078; --el-switch-off-color: #5a79a9"
                             active-text="不合格测试项"
                             inactive-text="全部测试项"
-                        />
+                        /> -->
+                        <el-radio-group v-model="scriptSwitch">
+                            <el-radio-button label="不合格测试项" value="0" />
+                            <el-radio-button label="全部测试项" value="1" />
+
+                        </el-radio-group>
                     </div>
-                    <div>
-                        <el-tree
-                            :default-expanded-keys="['0','0-1','0-2','0-3','1']"
-                            node-key="id"
-                            :data="data"
-                            :props="defaultProps"
-                            @node-click="handleNodeClick"
-                        />
+                    <div class="content-tree">
+                        <el-tree :default-expanded-keys="['0', '0-1', '0-2', '0-3', '1']" node-key="id" :data="data"
+                            :props="defaultProps" @node-click="handleNodeClick" />
                     </div>
                 </div>
                 <div class="content-right">
                     <div class="content-right-title">
-                        <el-divider >当前检测项目：</el-divider>
-                        <span>{{currentScriptDsc}}</span>
+                        <!-- <el-divider>当前检测项目：</el-divider> -->
+                        <div>
+                            当前检测项目
+                        </div>
+                        <span>{{ currentScriptDsc }}</span>
                     </div>
                     <div class="content-right-Tabs">
                         <el-tabs type="border-card" v-model="activeName">
@@ -101,52 +100,52 @@ import { type Monitor } from '@/api/device/interface/monitor'
 import { data } from "@/api/plan/autoTest.json";
 import DataCheckResultTable from './dataCheckResultTable.vue'
 import DataCheckRawDataTable from './dataCheckRawDataTable.vue'
-
+const formContent = ref({})
 const activeName = ref('rawDataTab')
 const deviceName = ref('被检设备1');
-  const monitorIdx = ref('1');
-  const reCheckIdx = ref('3');
-  const testScriptName = ref('Q/GDW 10650.4-2021 模拟式');
-  const errorSysName = ref('Q/GDW 10650.2-2021');
-  const dataRule = ref('所有值');
-  const scriptSwitch = ref(true);
-  const currentScriptDsc = ref('电压准确度检测：频率：42.5Hz Ua=46.192V 0° Ub=46.192V -120° Uc=46.192V 120° Ia=1A 0° Ib=1A -120° Ic=1A 120°');
-  const defaultProps = {
-  children: "children",
-  label: "name",
-  pid: "pid",
+const monitorIdx = ref('1');
+const reCheckIdx = ref('3');
+const testScriptName = ref('Q/GDW 10650.4-2021 模拟式');
+const errorSysName = ref('Q/GDW 10650.2-2021');
+const dataRule = ref('所有值');
+const scriptSwitch = ref("0");
+const currentScriptDsc = ref('电压准确度检测：频率：42.5Hz Ua=46.192V 0° Ub=46.192V -120° Uc=46.192V 120° Ia=1A 0° Ib=1A -120° Ic=1A 120°');
+const defaultProps = {
+    children: "children",
+    label: "name",
+    pid: "pid",
 };
 
 const reCheckList = [
-  {
-    value: '0',
-  },
-  {
-    value: '1',
-  },
-  {
-    value: '2',
-  },
-  {
-    value: '3',
-  },
+    {
+        value: '0',
+    },
+    {
+        value: '1',
+    },
+    {
+        value: '2',
+    },
+    {
+        value: '3',
+    },
 ]
 const monitorIdxList = [
-  {
-    value: '1',
-  },
-  {
-    value: '2 （不合格）',
-  },
-  {
-    value: '3',
-  },
-  {
-    value: '4 （不合格）',
-  },
+    {
+        value: '1',
+    },
+    {
+        value: '2 （不合格）',
+    },
+    {
+        value: '3',
+    },
+    {
+        value: '4 （不合格）',
+    },
 ]
 const handleNodeClick = (data) => {
-  console.log(data);
+    console.log(data);
 };
 const MonIsShow = ref(false)
 const DevIsShow = ref(false)
@@ -155,55 +154,76 @@ const dictStore = useDictStore()
 // 定义弹出组件元信息
 const dialogFormRef = ref()
 const disabledDate = (time: Date) => {
-  return time.getTime() > Date.now()
+    return time.getTime() > Date.now()
 }
 
 const props = defineProps<{
     visible: boolean;
-  }>();
+}>();
 
-  const emit = defineEmits<{
+const emit = defineEmits<{
     (e: 'update:visible', value: boolean): void;
     (e: 'submit', data: any): void;
-  }>();
+}>();
 
-  const handleCancel = () => {
+const handleCancel = () => {
     emit('update:visible', false); // 关闭对话框
-  };
+};
 </script>
 <style scoped>
-
-.data-check-dialog{
+.data-check-dialog {
     display: flex;
     flex-direction: column;
     max-height: 580px;
 }
 
-.data-check-title{
+.data-check-title {
     display: flex;
     flex-direction: row;
     margin-top: 10px;
 }
 
-.data-check-content{
+.data-check-content {
     display: flex;
-    flex-direction: row;
+    /* flex-direction: row; */
 }
 
-.content-left-tree{
-    width: 20%;
-    max-height: 475px;
-    overflow-y: auto;
+.content-left-tree {
+    width: 240px;
+    max-height: 445px;
+    /* overflow-y: auto; */
+    padding: 10px 0;
+    border: 1px solid #ccc;
     /* background-color: gray; */
 }
-.content-left-tree-switch{
+
+.content-tree {
+    max-height: 405px;
+    margin-top: 10px;
+    overflow-y: auto;
+}
+
+.content-left-tree-switch {
     text-align: right;
     margin-right: 10px;
 }
-.content-right{
-    margin-left: 20px;
+
+.content-right {
+    margin-left: 10px;
+    flex: 1;
 }
-.content-right-Tabs{
+
+.content-right-Tabs {
     margin-top: 15px;
 }
+
+:deep(.el-divider--horizontal) {
+    margin: 15px 0;
+}
+.content-right-title{
+    div{
+        font-size: 16px;
+        font-weight: 600;    
+    }
+}
 </style>
\ No newline at end of file
diff --git a/frontend/src/views/home/components/dataCheckRawDataTable.vue b/frontend/src/views/home/components/dataCheckRawDataTable.vue
index b9b8cad..d761a92 100644
--- a/frontend/src/views/home/components/dataCheckRawDataTable.vue
+++ b/frontend/src/views/home/components/dataCheckRawDataTable.vue
@@ -1,7 +1,7 @@
 <template>
 
     <div class="table-container table-main">
-        <el-table :data="tableData" stripe border :header-cell-style="{ textAlign: 'center' } " :cell-style="{ textAlign: 'center' }" height="310px" style="width: 100%" >
+        <el-table :data="tableData" stripe border :header-cell-style="{ textAlign: 'center' } " :cell-style="{ textAlign: 'center' }" height="335px" style="width: 100%" >
                 <el-table-column prop="id" label="序号" width="70" />
                 <el-table-column prop="updateTime" label="数据时间" />
                 <el-table-column prop="L1" label="L1（V）" />
@@ -170,7 +170,7 @@ const tableData = ref([
 <style scoped>
 
 .table-container {
-max-height: 320px; /* 根据需要调整高度 */
+
 overflow-y: auto; /* 允许垂直滚动 */
 overflow-x: hidden; /* 隐藏水平滚动条 */
 }
diff --git a/frontend/src/views/home/components/dataCheckResultTable.vue b/frontend/src/views/home/components/dataCheckResultTable.vue
index 66dfb1e..a2a3084 100644
--- a/frontend/src/views/home/components/dataCheckResultTable.vue
+++ b/frontend/src/views/home/components/dataCheckResultTable.vue
@@ -2,32 +2,32 @@
 
     <div class="table-container  table-main">
         
-        <el-table :data="tableData" height="310px"  :header-cell-style="{ textAlign: 'center' } " :cell-style="{ textAlign: 'center' }" style="width: 100%" >
+        <el-table :data="tableData" height="335px"  :header-cell-style="{ textAlign: 'center' } " :cell-style="{ textAlign: 'center' }" >
 
                 <el-table-column prop="id" label="序号" width="70" />
                 <el-table-column prop="standardValue" label="标准值（V）" />
 
                 <el-table-column label="L1（V）" >
-                    <el-table-column prop="L1" label="被检值">
+                    <el-table-column prop="L1"  width="70" label="被检值">
 
                     </el-table-column>
-                    <el-table-column prop="L1_errValue" label="误差值">
+                    <el-table-column prop="L1_errValue"  width="70" label="误差值">
                         
                     </el-table-column>
                 </el-table-column>
                 <el-table-column label="L2（V）" >
-                    <el-table-column prop="L2" label="被检值">
+                    <el-table-column prop="L2"  width="70" label="被检值">
 
                     </el-table-column>
-                    <el-table-column prop="L2_errValue" label="误差值">
+                    <el-table-column prop="L2_errValue"  width="70" label="误差值">
                         
                     </el-table-column>
                 </el-table-column>
                 <el-table-column label="L3（V）" >
-                    <el-table-column prop="L3" label="被检值">
+                    <el-table-column prop="L3"  width="70" label="被检值">
 
                     </el-table-column>
-                    <el-table-column prop="L3_errValue" label="误差值">
+                    <el-table-column prop="L3_errValue"  width="70" label="误差值">
                         
                     </el-table-column>
                 </el-table-column>
diff --git a/frontend/src/views/home/components/tree.vue b/frontend/src/views/home/components/tree.vue
index 2c4d731..e5f1883 100644
--- a/frontend/src/views/home/components/tree.vue
+++ b/frontend/src/views/home/components/tree.vue
@@ -15,6 +15,7 @@
         :filter-node-method='filterNode'
         :props='defaultProps'
         node-key='id'
+       class="filter-tree"
         default-expand-all
         :default-checked-keys='defaultChecked'
         @node-click='handleNodeClick'
@@ -119,9 +120,42 @@ defineExpose({ getTreeData })
     overflow-x: auto;
 
     .el-tree {
-      height: 100%;
+      // height: 100%;
       width: auto;
     }
   }
 }
+.filter-tree {
+//  border: 1px solid #dcdfe6;
+  min-width: 100%;
+ height: 97%;
+  display: inline-block;
+  overflow: auto;
+  margin-top: 12px;
+}
+
+.filter-tree span {
+  font-size: 16px;
+  display:block;
+  overflow:hidden;
+  // word-break:keep-all;
+  // white-space:nowrap;
+  //  text-overflow:ellipsis;
+   padding-right: 12px;
+}
+.leftBox {
+  // float: left;
+  // width: 20%;
+  height: 100%;
+  width: 100%;
+}
+.left {
+  height: calc(100% - 45px);
+  overflow: auto;
+}
+/* 设置滚动条宽度 */
+:deep(.bodyTwo ::-webkit-scrollbar) {
+    width: 3px !important; 
+    height: 6px !important;   
+  } 
 </style>
diff --git a/frontend/src/views/home/tabs/dashboard.vue b/frontend/src/views/home/tabs/dashboard.vue
index 56dc6ff..becaf49 100644
--- a/frontend/src/views/home/tabs/dashboard.vue
+++ b/frontend/src/views/home/tabs/dashboard.vue
@@ -457,7 +457,7 @@ onUnmounted(() => {
           p {
             margin: 0;
             font-weight: 800;
-            color: var(--el-color-primary);
+            color:#fff;
             font-size: 14px;
             font-family: "Microsoft YaHei", "微软雅黑", "Arial", sans-serif;
           }