From 666fb22c494192133fb2d2acb3a059dab80b1425 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=B4=BE=E5=90=8C=E5=AD=A6?= <stary1993@qq.com>
Date: Fri, 10 Oct 2025 15:29:54 +0800
Subject: [PATCH] =?UTF-8?q?UPDATE:=20=E4=BC=98=E5=8C=96=E5=AE=A2=E6=88=B7?=
 =?UTF-8?q?=E7=AB=AF=E6=A1=8C=E9=9D=A2=E7=AA=97=E5=8F=A3=E5=86=85=E5=AE=B9?=
 =?UTF-8?q?=E8=87=AA=E9=80=82=E5=BA=94?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 electron/config/config.default.js            |    8 +-
 electron/config/config.prod.js               |    2 +-
 frontend/package.json                        |    1 +
 frontend/src/App.vue                         |   46 +-
 frontend/src/views/home/components/table.vue | 1849 +++++++++---------
 frontend/src/views/home/tabs/dashboard.vue   | 1298 ++++++------
 6 files changed, 1611 insertions(+), 1593 deletions(-)

diff --git a/electron/config/config.default.js b/electron/config/config.default.js
index c42a1ab..d4e12d9 100644
--- a/electron/config/config.default.js
+++ b/electron/config/config.default.js
@@ -25,10 +25,10 @@ module.exports = (appInfo) => {
    */
   config.windowsOption = {
     title: '自动检测平台',
-    width: 1600,
-    height: 950,
-    minWidth: 1600,
-    minHeight: 950,
+    width: 1920 /1.5,
+    height: 1080 /1.2,
+    minWidth: 1920 /1.5,
+    minHeight: 1080 /1.2,
     webPreferences: {
       //webSecurity: false,
       contextIsolation: false, // false -> 可在渲染进程中使用electron的api，true->需要bridge.js(contextBridge)
diff --git a/electron/config/config.prod.js b/electron/config/config.prod.js
index 3ec4f37..5c5218d 100644
--- a/electron/config/config.prod.js
+++ b/electron/config/config.prod.js
@@ -9,7 +9,7 @@ module.exports = (appInfo) => {
   /**
    * 开发者工具
    */
-  config.openDevTools = true;
+  config.openDevTools = false;
 
   /**
    * 应用程序顶部菜单
diff --git a/frontend/package.json b/frontend/package.json
index 94f2c90..4d2e67b 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -17,6 +17,7 @@
     "@types/event-source-polyfill": "^1.0.5",
     "@vue-flow/core": "^1.45.0",
     "@vueuse/core": "^10.4.1",
+    "autofit.js": "^3.2.8",
     "axios": "^1.7.3",
     "crypto-js": "^4.2.0",
     "dayjs": "^1.11.9",
diff --git a/frontend/src/App.vue b/frontend/src/App.vue
index c94b96e..4248030 100644
--- a/frontend/src/App.vue
+++ b/frontend/src/App.vue
@@ -1,27 +1,25 @@
 <template>
-  <!--element-plus语言国际化，全局修改为中文-->
-  <el-config-provider
-    :locale='locale'
-    :size='assemblySize'
-    :button='buttonConfig'
-  >
-    <router-view  />
-  </el-config-provider>
+    <!--element-plus语言国际化，全局修改为中文-->
+    <el-config-provider :locale="locale" :size="assemblySize" :button="buttonConfig">
+        <router-view />
+    </el-config-provider>
 </template>
 
-<script lang='ts' setup>
-defineOptions({
-  name: 'App',
-})
+<script lang="ts" setup>
+import autofit from 'autofit.js'
 import { useI18n } from 'vue-i18n'
 import { getBrowserLang } from '@/utils'
 import { useTheme } from '@/hooks/useTheme'
 import { ElConfigProvider } from 'element-plus'
-import { LanguageType } from './stores/interface'
+import { type LanguageType } from './stores/interface'
 import { useGlobalStore } from '@/stores/modules/global'
 import en from 'element-plus/es/locale/lang/en'
 import zhCn from 'element-plus/es/locale/lang/zh-cn'
 
+defineOptions({
+    name: 'App'
+})
+
 const globalStore = useGlobalStore()
 
 // init theme
@@ -31,16 +29,26 @@ initTheme()
 // init language
 const i18n = useI18n()
 onMounted(() => {
-  const language = globalStore.language ?? getBrowserLang()
-  i18n.locale.value = language
-  globalStore.setGlobalState('language', language as LanguageType)
+    const language = globalStore.language ?? getBrowserLang()
+    i18n.locale.value = language
+    globalStore.setGlobalState('language', language as LanguageType)
+    // 自动适配
+    autofit.init({
+        el: '#app',
+        //dh: 720 * 1,
+        //dw: 1280 * 1.2,
+        dw: 1920 / 1.5,
+        dh: 1080 / 1.2,
+        resize: true,
+        limit: 0.1
+    })
 })
 
 // element language
 const locale = computed(() => {
-  if (globalStore.language == 'zh') return zhCn
-  if (globalStore.language == 'en') return en
-  return getBrowserLang() == 'zh' ? zhCn : en
+    if (globalStore.language == 'zh') return zhCn
+    if (globalStore.language == 'en') return en
+    return getBrowserLang() == 'zh' ? zhCn : en
 })
 
 // element assemblySize
diff --git a/frontend/src/views/home/components/table.vue b/frontend/src/views/home/components/table.vue
index 7692af7..f74d09a 100644
--- a/frontend/src/views/home/components/table.vue
+++ b/frontend/src/views/home/components/table.vue
@@ -4,204 +4,198 @@
   支持手动/一键检测、批量操作、通道配对等高级功能
 -->
 <template>
-  <div class="table_info">
-    <!-- 主表格组件：支持排序、选择、动态列等功能 -->
-    <ProTable
-        ref="proTable"
-        :columns="columns"
-        @drag-sort="sortTable"
-        :default-sort="{ prop: 'check_State', order: 'ascending' }"
-        :stripe="true"
-        :pagination="false"
-        :key="tableKey"
-        @selection-change="handleSelectionChange"
-        :request-api="getTableList"
-        :toolButton="false"
-    >
-      <!-- 表格头部操作区域：包含查询筛选和功能按钮 -->
-      <template #tableHeader="">
-        <el-form :model="form" :inline="true">
-          <!-- 查询筛选区域 -->
-          <el-form-item label="关键字">
-            <el-input
-                v-model="form.search"
-                placeholder="请输入设备名称"
-                clearable
-                style="width: 170px"
-                show-word-limit
-                maxlength="32"
-            ></el-input>
-          </el-form-item>
-          <!-- 检测状态筛选（仅在设备检测模式下显示） -->
-          <el-form-item
-              label="检测状态"
-              v-if="form.activeTabs != 3 && form.activeTabs != 4 && form.activeTabs != 5"
-          >
-            <el-select v-model="form.checkStatus" clearable>
-              <el-option
-                  v-for="(item, index) in checkStatus"
-                  :label="item.label"
-                  :value="item.id"
-                  :key="index"
-                  v-show="shouldShowOption(item)"
-              ></el-option>
-            </el-select>
-          </el-form-item>
-          <!-- 检测结果筛选 -->
-          <el-form-item label="检测结果">
-            <el-select v-model="form.checkResult" clearable>
-              <el-option
-                  v-for="(item, index) in checkResult"
-                  :label="item.label"
-                  :value="item.id"
-                  :key="index"
-                  v-show="shouldShowOption(item)"
-              ></el-option>
-            </el-select>
-          </el-form-item>
-          <!-- 报告状态筛选 -->
-          <el-form-item label="报告状态">
-            <el-select v-model="form.checkReportStatus" clearable>
-              <el-option
-                  v-for="(item, index) in checkReportStatus"
-                  :label="item.label"
-                  :value="item.id"
-                  :key="index"
-                  v-show="shouldShowOption(item)"
-              ></el-option>
-            </el-select>
-          </el-form-item>
-          <!-- 功能按钮区域 -->
-          <el-form-item>
-            <!-- 基本查询操作 -->
-            <el-button type="primary" icon="Search" @click="handleSearch">查询</el-button>
-            <el-button icon="Delete" @click="handleRefresh">重置</el-button>
-            <!-- 比对模式下的通道配对功能 -->
-            <el-button
-                type="primary"
-                icon="Clock"
-                @click="handleTest2('手动检测')"
-                v-if="modeStore.currentMode == '比对式'"
-            >
-              手动检测
-            </el-button>
-            <!-- 设备检测模式下的操作按钮 -->
-            <el-button
-                type="primary"
-                icon="Clock"
-                @click="handleTest('手动检测')"
-                v-if="form.activeTabs === 0 && modeStore.currentMode == '模拟式'"
-            >
-              手动检测
-            </el-button>
-            <el-button
-                type="primary"
-                icon="ChatLineRound"
-                @click="handleTest('一键检测')"
-                v-if="form.activeTabs === 0"
-            >
-              一键检测
-            </el-button>
-            <!-- 报告生成模式下的批量操作 -->
-            <el-button
-                type="primary"
-                icon="Postcard"
-                @click="handleTest('批量生成')"
-                v-if="form.activeTabs === 3"
-            >
-              报告生成
-            </el-button>
-            <!-- 设备归档模式下的批量操作 -->
-            <el-button
-                type="primary"
-                icon="Notebook"
-                @click="handleTest('批量归档')"
-                v-if="form.activeTabs === 4"
-            >
-              归档
-            </el-button>
-          </el-form-item>
-        </el-form>
-      </template>
-      <!-- 表格行操作列：根据不同模式显示不同的操作按钮 -->
-      <template #operation="scope">
-        <!-- 报告下载（仅在报告已生成或已上传时显示） -->
-        <el-button
-            type="primary"
-            link
-            icon="Download"
-            @click="openDrawer('报告下载', scope.row)"
-            v-if="form.activeTabs === 3 && (scope.row.reportState === 1 || scope.row.reportState === 3)"
+    <div class="table_info">
+        <!-- 主表格组件：支持排序、选择、动态列等功能 -->
+        <ProTable
+            ref="proTable"
+            :columns="columns"
+            @drag-sort="sortTable"
+            :default-sort="{ prop: 'check_State', order: 'ascending' }"
+            :stripe="true"
+            :pagination="false"
+            :key="tableKey"
+            @selection-change="handleSelectionChange"
+            :request-api="getTableList"
+            :toolButton="false"
+            :height="props.height"
         >
-          报告下载
-        </el-button>
-        <!-- 单个设备报告生成 -->
-        <el-button
-            type="primary"
-            link
-            icon="Postcard"
-            @click="openDrawer('报告生成', scope.row)"
-            v-if="form.activeTabs === 3"
-        >
-          报告生成
-        </el-button>
-        <!-- 设备归档模式下的单个归档操作 -->
-        <el-button
-            type="primary"
-            link
-            icon="Notebook"
-            @click="openDrawer('归档', scope.row)"
-            v-if="form.activeTabs === 4"
-        >
-          归档
-        </el-button>
-        <!-- 数据操作模式下的功能 -->
-        <div v-if="form.activeTabs === 5" style="overflow-x: auto;width: 260px; display: flex; justify-content: center;align-items: center;">
-          <el-button
-              type="primary"
-              link
-              icon="PieChart"
-              @click="openDrawer('检测数据查询', scope.row)"
-          >
-            检测数据查询
-          </el-button>
-          <!-- 误差体系更换功能 -->
-          <el-button
-              type="primary"
-              link
-              icon="Switch"
-              @click="openDrawer('误差体系更换', scope.row)"
-          >
-            误差体系更换
-          </el-button>
-        </div>
-      </template>
-    </ProTable>
+            <!-- 表格头部操作区域：包含查询筛选和功能按钮 -->
+            <template #tableHeader="">
+                <el-form :model="form" :inline="true">
+                    <!-- 查询筛选区域 -->
+                    <el-form-item label="关键字">
+                        <el-input
+                            v-model="form.search"
+                            placeholder="请输入设备名称"
+                            clearable
+                            style="width: 170px"
+                            show-word-limit
+                            maxlength="32"
+                        ></el-input>
+                    </el-form-item>
+                    <!-- 检测状态筛选（仅在设备检测模式下显示） -->
+                    <el-form-item
+                        label="检测状态"
+                        v-if="form.activeTabs != 3 && form.activeTabs != 4 && form.activeTabs != 5"
+                    >
+                        <el-select v-model="form.checkStatus" clearable>
+                            <el-option
+                                v-for="(item, index) in checkStatus"
+                                :label="item.label"
+                                :value="item.id"
+                                :key="index"
+                                v-show="shouldShowOption(item)"
+                            ></el-option>
+                        </el-select>
+                    </el-form-item>
+                    <!-- 检测结果筛选 -->
+                    <el-form-item label="检测结果">
+                        <el-select v-model="form.checkResult" clearable>
+                            <el-option
+                                v-for="(item, index) in checkResult"
+                                :label="item.label"
+                                :value="item.id"
+                                :key="index"
+                                v-show="shouldShowOption(item)"
+                            ></el-option>
+                        </el-select>
+                    </el-form-item>
+                    <!-- 报告状态筛选 -->
+                    <el-form-item label="报告状态">
+                        <el-select v-model="form.checkReportStatus" clearable>
+                            <el-option
+                                v-for="(item, index) in checkReportStatus"
+                                :label="item.label"
+                                :value="item.id"
+                                :key="index"
+                                v-show="shouldShowOption(item)"
+                            ></el-option>
+                        </el-select>
+                    </el-form-item>
+                    <!-- 功能按钮区域 -->
+                    <el-form-item>
+                        <!-- 基本查询操作 -->
+                        <el-button type="primary" icon="Search" @click="handleSearch">查询</el-button>
+                        <el-button icon="Delete" @click="handleRefresh">重置</el-button>
+                        <!-- 比对模式下的通道配对功能 -->
+                        <el-button
+                            type="primary"
+                            icon="Clock"
+                            @click="handleTest2('手动检测')"
+                            v-if="modeStore.currentMode == '比对式'"
+                        >
+                            手动检测
+                        </el-button>
+                        <!-- 设备检测模式下的操作按钮 -->
+                        <el-button
+                            type="primary"
+                            icon="Clock"
+                            @click="handleTest('手动检测')"
+                            v-if="form.activeTabs === 0 && modeStore.currentMode == '模拟式'"
+                        >
+                            手动检测
+                        </el-button>
+                        <el-button
+                            type="primary"
+                            icon="ChatLineRound"
+                            @click="handleTest('一键检测')"
+                            v-if="form.activeTabs === 0"
+                        >
+                            一键检测
+                        </el-button>
+                        <!-- 报告生成模式下的批量操作 -->
+                        <el-button
+                            type="primary"
+                            icon="Postcard"
+                            @click="handleTest('批量生成')"
+                            v-if="form.activeTabs === 3"
+                        >
+                            报告生成
+                        </el-button>
+                        <!-- 设备归档模式下的批量操作 -->
+                        <el-button
+                            type="primary"
+                            icon="Notebook"
+                            @click="handleTest('批量归档')"
+                            v-if="form.activeTabs === 4"
+                        >
+                            归档
+                        </el-button>
+                    </el-form-item>
+                </el-form>
+            </template>
+            <!-- 表格行操作列：根据不同模式显示不同的操作按钮 -->
+            <template #operation="scope">
+                <!-- 报告下载（仅在报告已生成或已上传时显示） -->
+                <el-button
+                    type="primary"
+                    link
+                    icon="Download"
+                    @click="openDrawer('报告下载', scope.row)"
+                    v-if="form.activeTabs === 3 && (scope.row.reportState === 1 || scope.row.reportState === 3)"
+                >
+                    报告下载
+                </el-button>
+                <!-- 单个设备报告生成 -->
+                <el-button
+                    type="primary"
+                    link
+                    icon="Postcard"
+                    @click="openDrawer('报告生成', scope.row)"
+                    v-if="form.activeTabs === 3"
+                >
+                    报告生成
+                </el-button>
+                <!-- 设备归档模式下的单个归档操作 -->
+                <el-button
+                    type="primary"
+                    link
+                    icon="Notebook"
+                    @click="openDrawer('归档', scope.row)"
+                    v-if="form.activeTabs === 4"
+                >
+                    归档
+                </el-button>
+                <!-- 数据操作模式下的功能 -->
+                <div
+                    v-if="form.activeTabs === 5"
+                    style="overflow-x: auto; width: 260px; display: flex; justify-content: center; align-items: center"
+                >
+                    <el-button type="primary" link icon="PieChart" @click="openDrawer('检测数据查询', scope.row)">
+                        检测数据查询
+                    </el-button>
+                    <!-- 误差体系更换功能 -->
+                    <el-button type="primary" link icon="Switch" @click="openDrawer('误差体系更换', scope.row)">
+                        误差体系更换
+                    </el-button>
+                </div>
+            </template>
+        </ProTable>
 
-    <!-- ======================== 弹窗组件区域 ======================== -->
-    <!-- 检测过程显示弹窗 -->
-    <TestPopup ref="testPopup" @quitClicked="handleQuitClicked"></TestPopup>
-    <!-- 检测数据查询弹窗 -->
-    <dataCheckPopup ref="dataCheckPopupRef" :append-to-body="true"/>
-    <!-- 手动检测检测项选择弹窗 -->
-    <SelectTestItemPopup ref="selectTestItemPopupRef" @openTestDialog="openTestDialog"></SelectTestItemPopup>
-    <!-- 省平台模式下的温度湿度填写弹窗 -->
-    <WriteTHPopup ref="writeTHPopupRef" @openTestDialog2="openTestDialog2"></WriteTHPopup>
-    <!-- 比对模式下的通道配对弹窗 -->
-    <DeviceConnectionPopup ref="deviceConnectionPopupRef"></DeviceConnectionPopup>
-    <!--  检测数据查询弹窗 -->
-    <CompareDataCheckSingleChannelSingleTestPopup
-        ref="dataCheckSingleChannelSingleTestPopupRef"
-        :append-to-body="true"
-    />
-    <!-- 报告生成弹框 -->
-    <ReportResultPopup ref="reportPopup"></ReportResultPopup>
-  </div>
+        <!-- ======================== 弹窗组件区域 ======================== -->
+        <!-- 检测过程显示弹窗 -->
+        <TestPopup ref="testPopup" @quitClicked="handleQuitClicked"></TestPopup>
+        <!-- 检测数据查询弹窗 -->
+        <dataCheckPopup ref="dataCheckPopupRef" :append-to-body="true" />
+        <!-- 手动检测检测项选择弹窗 -->
+        <SelectTestItemPopup ref="selectTestItemPopupRef" @openTestDialog="openTestDialog"></SelectTestItemPopup>
+        <!-- 省平台模式下的温度湿度填写弹窗 -->
+        <WriteTHPopup ref="writeTHPopupRef" @openTestDialog2="openTestDialog2"></WriteTHPopup>
+        <!-- 比对模式下的通道配对弹窗 -->
+        <DeviceConnectionPopup ref="deviceConnectionPopupRef"></DeviceConnectionPopup>
+        <!--  检测数据查询弹窗 -->
+        <CompareDataCheckSingleChannelSingleTestPopup
+            ref="dataCheckSingleChannelSingleTestPopupRef"
+            :append-to-body="true"
+        />
+        <!-- 报告生成弹框 -->
+        <ReportResultPopup ref="reportPopup"></ReportResultPopup>
+    </div>
 </template>
 
 <script setup lang="tsx" name="useProTable">
-import {onBeforeMount, onMounted, type PropType, reactive, ref, watch} from 'vue'
-import {type Action, ElMessage, ElMessageBox} from 'element-plus'
+import { onBeforeMount, onMounted, type PropType, reactive, ref, watch } from 'vue'
+import { type Action, ElMessage, ElMessageBox } from 'element-plus'
 import TestPopup from './testPopup.vue'
 import dataCheckPopup from './dataCheckSingleChannelSingleTestPopup.vue'
 import CompareDataCheckSingleChannelSingleTestPopup from '@/views/home/components/compareDataCheckSingleChannelSingleTestPopup.vue'
@@ -209,20 +203,20 @@ import ProTable from '@/components/ProTable/index.vue'
 import SelectTestItemPopup from '@/views/home/components/selectTestItemPopup.vue'
 import WriteTHPopup from '@/views/home/components/writeTHPopup.vue'
 import DeviceConnectionPopup from '@/views/home/components/deviceConnectionPopup.vue'
-import {type Device} from '@/api/device/interface/device'
-import {type ColumnProps, type ProTableInstance} from '@/components/ProTable/interface'
-import {type Plan} from '@/api/plan/interface'
-import {type StandardDevice} from '@/api/device/interface/standardDevice'
-import {downloadDevData, generateDevReport, getBoundPqDevList} from '@/api/plan/plan'
-import {getPqDev} from '@/api/device/device'
-import {useAppSceneStore, useModeStore} from '@/stores/modules/mode' // 引入模式 store
-import {useCheckStore} from '@/stores/modules/check'
-import {CheckData} from '@/api/check/interface'
-import {useAuthStore} from '@/stores/modules/auth'
-import {useDownload} from '@/hooks/useDownload'
-import {documentedPqDev} from '@/api/device/report'
-import {ResultEnum} from '@/enums/httpEnum'
-import {getPqMonList} from '@/api/device/monitor/index.ts'
+import { type Device } from '@/api/device/interface/device'
+import { type ColumnProps, type ProTableInstance } from '@/components/ProTable/interface'
+import { type Plan } from '@/api/plan/interface'
+import { type StandardDevice } from '@/api/device/interface/standardDevice'
+import { downloadDevData, generateDevReport, getBoundPqDevList } from '@/api/plan/plan'
+import { getPqDev } from '@/api/device/device'
+import { useAppSceneStore, useModeStore } from '@/stores/modules/mode' // 引入模式 store
+import { useCheckStore } from '@/stores/modules/check'
+import { CheckData } from '@/api/check/interface'
+import { useAuthStore } from '@/stores/modules/auth'
+import { useDownload } from '@/hooks/useDownload'
+import { documentedPqDev } from '@/api/device/report'
+import { ResultEnum } from '@/enums/httpEnum'
+import { getPqMonList } from '@/api/device/monitor/index'
 import ReportResultPopup from '@/views/home/components/reportResultPopup.vue'
 
 const checkStore = useCheckStore()
@@ -245,13 +239,13 @@ const modeStore = useModeStore()
  * @returns 是否显示该选项
  */
 const shouldShowOption = (item: any) => {
-  // 非设备检测模式（weiJianTab !== 0）时，隐藏"归档"和"未检"选项
-  if (weiJianTab.value !== 0) {
-    return item.label !== '归档' && item.label !== '未检'
-  } else {
-    // 设备检测模式只隐藏"归档"选项
-    return item.label !== '归档'
-  }
+    // 非设备检测模式（weiJianTab !== 0）时，隐藏"归档"和"未检"选项
+    if (weiJianTab.value !== 0) {
+        return item.label !== '归档' && item.label !== '未检'
+    } else {
+        // 设备检测模式只隐藏"归档"选项
+        return item.label !== '归档'
+    }
 }
 const dataCheckSingleChannelSingleTestPopupRef = ref()
 tableHeight.value = window.innerHeight - 600
@@ -265,108 +259,112 @@ const reportPopup = ref()
 const weiJianTab = ref(0) // 当前Tab索引，用于控制选项显示逻辑
 const channelsSelection = ref<Device.ResPqDev[]>([])
 const props = defineProps({
-  id: {
-    type: String,
-    required: true
-  },
-  plan: {
-    type: Object,
-    default: null
-  },
-  planArray: {
-    type: Array as PropType<Plan.ReqPlan[]>,
-    default: null
-  },
-  planTable: {
-    type: Array,
-    default: () => []
-  }
+    id: {
+        type: String,
+        required: true
+    },
+    plan: {
+        type: Object,
+        default: null
+    },
+    planArray: {
+        type: Array as PropType<Plan.ReqPlan[]>,
+        default: null
+    },
+    planTable: {
+        type: Array,
+        default: () => []
+    },
+    height: {
+        type: Number,
+        default: 200
+    }
 })
 const appSceneStore = useAppSceneStore()
 
 const emit = defineEmits<{
-  (e: 'batchGenerateClicked'): void
+    (e: 'batchGenerateClicked'): void
 }>()
 
 // 存储设备类型选项
 const devTypeOptions = ref<
     {
-      id: string
-      name: string
-      icd: string
-      power: string
-      devVolt: number
-      devCurr: number
-      devChns: number
+        id: string
+        name: string
+        icd: string
+        power: string
+        devVolt: number
+        devCurr: number
+        devChns: number
     }[]
 >([])
 
 //下拉框数据
 interface Dict {
-  id: string
-  label: string
+    id: string
+    label: string
 }
 
 //检测状态数据
 const checkStatus: Dict[] = [
-  {
-    id: '0',
-    label: '未检'
-  },
-  {
-    id: '1',
-    label: '检测中'
-  },
-  {
-    id: '2',
-    label: '检测完成'
-  },
-  {
-    id: '3',
-    label: '归档'
-  }
+    {
+        id: '0',
+        label: '未检'
+    },
+    {
+        id: '1',
+        label: '检测中'
+    },
+    {
+        id: '2',
+        label: '检测完成'
+    },
+    {
+        id: '3',
+        label: '归档'
+    }
 ]
 //检测报告状态数据
 const checkReportStatus: Dict[] = [
-  {
-    id: '0',
-    label: '未生成'
-  },
-  {
-    id: '1',
-    label: '已生成'
-  },
-  {
-    id: '2',
-    label: '未检'
-  }
+    {
+        id: '0',
+        label: '未生成'
+    },
+    {
+        id: '1',
+        label: '已生成'
+    },
+    {
+        id: '2',
+        label: '未检'
+    }
 ]
 //检测结果数组
 const checkResult: Dict[] = [
-  {
-    id: '0',
-    label: '不符合'
-  },
-  {
-    id: '1',
-    label: '符合'
-  },
-  {
-    id: '2',
-    label: '未检'
-  }
+    {
+        id: '0',
+        label: '不符合'
+    },
+    {
+        id: '1',
+        label: '符合'
+    },
+    {
+        id: '2',
+        label: '未检'
+    }
 ]
 
 //查询条件
 const form: any = ref({
-  activeTabs: 0, //功能选择
-  search: null, //搜索内容
-  checkStatus: null, //检测状态
-  checkResult: null, //检测结果
-  checkReportStatus: null, //检测报告状态
-  deviceBindStatus: 0, //绑定状态
-  deviceType: 0, //设备类型
-  manufacturer: 0 //制造厂商
+    activeTabs: 0, //功能选择
+    search: null, //搜索内容
+    checkStatus: null, //检测状态
+    checkResult: null, //检测结果
+    checkReportStatus: null, //检测报告状态
+    deviceBindStatus: 0, //绑定状态
+    deviceType: 0, //设备类型
+    manufacturer: 0 //制造厂商
 })
 // ProTable 实例
 const proTable = ref<ProTableInstance>()
@@ -376,165 +374,165 @@ const proTable = ref<ProTableInstance>()
  * 根据权限控制列显示，根据查询条件获取设备列表
  */
 const getTableList = async () => {
-  // 权限控制：没有通道系数权限时隐藏相关列
-  const authStore = useAuthStore()
-  const currentPageRoles = authStore.authButtonListGet[authStore.routeName] ?? []
-  if (!currentPageRoles.includes('channelsTest')) {
-    factorCheckShow.value = false
-  }
-
-  // 清空当前表格选择
-  if (proTable.value) {
-    proTable.value.clearSelection()
-  }
-  if (props.id) {
-    const checkStateList = ref<any>()
-    if (form.value.checkStatus != null) {
-      checkStateList.value = [form.value.checkStatus]
-    } else {
-      checkStateList.value = checkStateTable.value
+    // 权限控制：没有通道系数权限时隐藏相关列
+    const authStore = useAuthStore()
+    const currentPageRoles = authStore.authButtonListGet[authStore.routeName] ?? []
+    if (!currentPageRoles.includes('channelsTest')) {
+        factorCheckShow.value = false
+    }
+
+    // 清空当前表格选择
+    if (proTable.value) {
+        proTable.value.clearSelection()
+    }
+    if (props.id) {
+        const checkStateList = ref<any>()
+        if (form.value.checkStatus != null) {
+            checkStateList.value = [form.value.checkStatus]
+        } else {
+            checkStateList.value = checkStateTable.value
+        }
+        return getBoundPqDevList({
+            planIdList: [props.id],
+            checkStateList: checkStateList.value,
+            checkResult: form.value.checkResult,
+            reportState: form.value.checkReportStatus,
+            name: form.value.search
+        })
     }
-    return getBoundPqDevList({
-      planIdList: [props.id],
-      checkStateList: checkStateList.value,
-      checkResult: form.value.checkResult,
-      reportState: form.value.checkReportStatus,
-      name: form.value.search
-    })
-  }
 }
 
 // 表格配置项
 const columns = reactive<ColumnProps<Device.ResPqDev>[]>([
-  {
-    type: 'selection',
-    fixed: 'left',
-    width: 70,
-    isShow: selectionShow,
-    selectable(row) {
-      if (weiJianTab.value === 4) {
-        return row.reportState === 1 || row.reportState === 3
-      }
-      return true
-    }
-  },
-  {type: 'index', fixed: 'left', width: 70, label: '序号'},
-  {
-    prop: 'name',
-    label: '设备名称',
-    minWidth: 220
-  },
-  {
-    prop: 'devType',
-    label: '设备类型',
-    minWidth: 150
-  },
-  {
-    prop: 'boundPlanName',
-    label: '来源计划名称',
-    minWidth: 200,
-    isShow: modeStore.currentMode === '比对式',
-    render(scope) {
-      return scope.row.boundPlanName ? scope.row.boundPlanName : props.plan.name
-    }
-  },
-  {
-    prop: 'standardDevs',
-    label: '标准设备',
-    minWidth: 200,
-    isShow: modeStore.currentMode === '比对式',
-    render(scope) {
-      const boundPlanName = ref('')
-      if (scope.row.boundPlanName) {
-        boundPlanName.value = scope.row.boundPlanName
-      } else {
-        boundPlanName.value = props.plan.name
-      }
-      const standardDevNames = props.planArray.flatMap(item => {
-        if (item.children) {
-          return item.children
-              .filter(child => child.name === boundPlanName.value)
-              .flatMap(child => child.standardDevs.map(dev => dev.name))
+    {
+        type: 'selection',
+        fixed: 'left',
+        width: 70,
+        isShow: selectionShow,
+        selectable(row) {
+            if (weiJianTab.value === 4) {
+                return row.reportState === 1 || row.reportState === 3
+            }
+            return true
         }
-        return []
-      })
-      return standardDevNames.length > 0 ? standardDevNames.join(',') : '/'
-    }
-  },
-  {
-    prop: 'devChns',
-    label: '通道数',
-    minWidth: 100,
-    sortable: true
-  },
-  {
-    prop: 'recheckNum',
-    label: '检测次数',
-    minWidth: 100,
-    sortable: true,
-    isShow: modeStore.currentMode != '比对式'
-  },
-  {
-    prop: 'checkState',
-    label: '检测状态',
-    minWidth: 100,
-    sortable: true,
-    isShow: checkStateShow,
-    render: scope => {
-      return scope.row.checkState === 0 ? '未检' : scope.row.checkState === 1 ? '检测中' : '检测完成'
-    }
-  },
-  {
-    prop: 'checkResult',
-    label: '检测结果',
-    minWidth: 100,
-    sortable: true,
-    render: scope => {
-      if (scope.row.checkResult === 0) {
-        return <el-tag type="danger">不符合</el-tag>
-      } else if (scope.row.checkResult === 1) {
-        return '符合'
-      } else if (scope.row.checkResult === 2) {
-        return '未检'
-      }
-      return ''
-    }
-  },
-  {
-    prop: 'reportState',
-    label: '报告状态',
-    minWidth: 100,
-    sortable: true,
-    render: scope => {
-      if (scope.row.reportState === 0) {
-        return '未生成'
-      } else if (scope.row.reportState === 1) {
-        return '已生成'
-      } else if (scope.row.reportState === 2) {
-        return '未检'
-      } else if (scope.row.reportState === 3) {
-        return '已上传'
-      }
-      return ''
-    }
-  },
-  {
-    prop: 'factorCheckResult',
-    label: '系数校准结果',
-    minWidth: 100,
-    sortable: true,
-    isShow: factorCheckShow.value && appSceneStore.currentScene === '1',
-    render: scope => {
-      if (scope.row.factorCheckResult === 0) {
-        return '不合格'
-      } else if (scope.row.factorCheckResult === 1) {
-        return '合格'
-      } else {
-        return '未检'
-      }
-    }
-  },
-  {prop: 'operation', label: '操作', fixed: 'right', minWidth: 200, isShow: operationShow}
+    },
+    { type: 'index', fixed: 'left', width: 70, label: '序号' },
+    {
+        prop: 'name',
+        label: '设备名称',
+        minWidth: 220
+    },
+    {
+        prop: 'devType',
+        label: '设备类型',
+        minWidth: 150
+    },
+    {
+        prop: 'boundPlanName',
+        label: '来源计划名称',
+        minWidth: 200,
+        isShow: modeStore.currentMode === '比对式',
+        render(scope) {
+            return scope.row.boundPlanName ? scope.row.boundPlanName : props.plan.name
+        }
+    },
+    {
+        prop: 'standardDevs',
+        label: '标准设备',
+        minWidth: 200,
+        isShow: modeStore.currentMode === '比对式',
+        render(scope) {
+            const boundPlanName = ref('')
+            if (scope.row.boundPlanName) {
+                boundPlanName.value = scope.row.boundPlanName
+            } else {
+                boundPlanName.value = props.plan.name
+            }
+            const standardDevNames = props.planArray.flatMap(item => {
+                if (item.children) {
+                    return item.children
+                        .filter(child => child.name === boundPlanName.value)
+                        .flatMap(child => child.standardDevs.map(dev => dev.name))
+                }
+                return []
+            })
+            return standardDevNames.length > 0 ? standardDevNames.join(',') : '/'
+        }
+    },
+    {
+        prop: 'devChns',
+        label: '通道数',
+        minWidth: 100,
+        sortable: true
+    },
+    {
+        prop: 'recheckNum',
+        label: '检测次数',
+        minWidth: 100,
+        sortable: true,
+        isShow: modeStore.currentMode != '比对式'
+    },
+    {
+        prop: 'checkState',
+        label: '检测状态',
+        minWidth: 100,
+        sortable: true,
+        isShow: checkStateShow,
+        render: scope => {
+            return scope.row.checkState === 0 ? '未检' : scope.row.checkState === 1 ? '检测中' : '检测完成'
+        }
+    },
+    {
+        prop: 'checkResult',
+        label: '检测结果',
+        minWidth: 100,
+        sortable: true,
+        render: scope => {
+            if (scope.row.checkResult === 0) {
+                return <el-tag type="danger">不符合</el-tag>
+            } else if (scope.row.checkResult === 1) {
+                return '符合'
+            } else if (scope.row.checkResult === 2) {
+                return '未检'
+            }
+            return ''
+        }
+    },
+    {
+        prop: 'reportState',
+        label: '报告状态',
+        minWidth: 100,
+        sortable: true,
+        render: scope => {
+            if (scope.row.reportState === 0) {
+                return '未生成'
+            } else if (scope.row.reportState === 1) {
+                return '已生成'
+            } else if (scope.row.reportState === 2) {
+                return '未检'
+            } else if (scope.row.reportState === 3) {
+                return '已上传'
+            }
+            return ''
+        }
+    },
+    {
+        prop: 'factorCheckResult',
+        label: '系数校准结果',
+        minWidth: 100,
+        sortable: true,
+        isShow: factorCheckShow.value && appSceneStore.currentScene === '1',
+        render: scope => {
+            if (scope.row.factorCheckResult === 0) {
+                return '不合格'
+            } else if (scope.row.factorCheckResult === 1) {
+                return '合格'
+            } else {
+                return '未检'
+            }
+        }
+    },
+    { prop: 'operation', label: '操作', fixed: 'right', minWidth: 200, isShow: operationShow }
 ])
 let testType = 'test' // 检测类型：'test'-检测 'reTest'-复检
 
@@ -543,62 +541,62 @@ let testType = 'test' // 检测类型：'test'-检测 'reTest'-复检
  * 更新全局统计信息，用于后续操作的校验和限制
  */
 const handleSelectionChange = (selection: any[]) => {
-  channelsSelection.value = selection
-  // 统计选中设备数量
-  devNum = selection.length
-  // 统计选中设备的总通道数
-  devChannelsNum = 0
+    channelsSelection.value = selection
+    // 统计选中设备数量
+    devNum = selection.length
+    // 统计选中设备的总通道数
+    devChannelsNum = 0
 
-  for (let i = 0; i < selection.length; i++) {
-    devChannelsNum += selection[i].devChns
-  }
-
-  // 统计已完成检测的设备数量
-  const result = selection.filter(item => item.checkResult != 0)
-  if (result.length > 0) {
-    testType = 'test'
-  } else {
-    testType = 'reTest'
-  }
-  let devices: CheckData.Device[] = selection.map((item: any) => {
-    return {
-      deviceId: item.id,
-      deviceName: item.name,
-      chnNum: item.devChns,
-      planId: item.planId,
-      deviceType: item.devType,
-      devVolt: item.devVolt,
-      devCurr: item.devCurr,
-      factorFlag: item.factorFlag,
-      checkResult: item.checkResult
+    for (let i = 0; i < selection.length; i++) {
+        devChannelsNum += selection[i].devChns
     }
-  })
 
-  if (selection.length > 0) {
-    checkStore.clearDevices()
-    checkStore.addDevices(devices)
-  } else {
-    checkStore.clearDevices()
-  }
+    // 统计已完成检测的设备数量
+    const result = selection.filter(item => item.checkResult != 0)
+    if (result.length > 0) {
+        testType = 'test'
+    } else {
+        testType = 'reTest'
+    }
+    let devices: CheckData.Device[] = selection.map((item: any) => {
+        return {
+            deviceId: item.id,
+            deviceName: item.name,
+            chnNum: item.devChns,
+            planId: item.planId,
+            deviceType: item.devType,
+            devVolt: item.devVolt,
+            devCurr: item.devCurr,
+            factorFlag: item.factorFlag,
+            checkResult: item.checkResult
+        }
+    })
+
+    if (selection.length > 0) {
+        checkStore.clearDevices()
+        checkStore.addDevices(devices)
+    } else {
+        checkStore.clearDevices()
+    }
 }
 
 //查询
 const handleSearch = () => {
-  proTable.value?.getTableList()
+    proTable.value?.getTableList()
 }
 //重置
 const handleRefresh = () => {
-  form.value.search = null
-  form.value.checkStatus = null
-  form.value.checkResult = null
-  form.value.checkReportStatus = null
-  proTable.value?.getTableList()
+    form.value.search = null
+    form.value.checkStatus = null
+    form.value.checkResult = null
+    form.value.checkReportStatus = null
+    proTable.value?.getTableList()
 }
 
 // 表格排序
-const sortTable = ({newIndex, oldIndex}: { newIndex?: number; oldIndex?: number }) => {
-  console.log(newIndex, oldIndex) // 避免未使用参数警告
-  ElMessage.success('修改列表排序成功')
+const sortTable = ({ newIndex, oldIndex }: { newIndex?: number; oldIndex?: number }) => {
+    console.log(newIndex, oldIndex) // 避免未使用参数警告
+    ElMessage.success('修改列表排序成功')
 }
 
 /**
@@ -607,8 +605,8 @@ const sortTable = ({newIndex, oldIndex}: { newIndex?: number; oldIndex?: number
  * 现在1和2已不做考虑了，其他4种tab满足当前的工作需求
  */
 const changeActiveTabs = (val: number) => {
-  form.value.activeTabs = val
-  tableHeaderInit(val)
+    form.value.activeTabs = val
+    tableHeaderInit(val)
 }
 
 /**
@@ -617,63 +615,63 @@ const changeActiveTabs = (val: number) => {
  * @param val Tab索引：0-设备检测 1-手动检测 2-设备复检 3-报告生成 4-设备归档 5-数据查询
  */
 function tableHeaderInit(val: number) {
-  // 重置查询条件和选择状态
-  refreshStatusList()
-  weiJianTab.value = val
-  // 根据Tab索引配置不同的表格显示模式
-  switch (val) {
-    case 0: // 设备检测模式
-    case 1: // 手动检测模式
-      checkStateTable.value = [0, 1, 2] // 显示所有检测状态
-      tableKey.value++
-      operationShow.value = false // 隐藏操作列
-      documentStateShow.value = false // 隐藏文档状态
-      checkStateShow.value = true // 显示检测状态
-      selectionShow.value = true // 显示选择框
-      factorCheckShow.value = true // 显示系数校准
-      break
-    case 2: // 设备复检模式
-      break
-    case 3: // 报告生成模式
-      if (modeStore.currentMode === '比对式') {
-        checkStateTable.value = [1, 2, 3] // 显示检测中，检测完成和归档状态
-      } else {
-        checkStateTable.value = [2, 3] // 显示检测完成和归档状态
-      }
-      columns[columns.length - 1].minWidth = 180
-      tableKey.value += 1
-      operationShow.value = true // 显示操作列
-      documentStateShow.value = true // 显示文档状态
-      checkStateShow.value = false // 隐藏检测状态
-      factorCheckShow.value = false // 隐藏系数校准
-      selectionShow.value = true // 显示选择框
-      break
-    case 4: // 设备归档模式
-      checkStateTable.value = [2] // 只显示检测完成状态
-      columns[columns.length - 1].minWidth = 100
-      tableKey.value += 1
-      operationShow.value = true // 显示操作列
-      documentStateShow.value = false // 隐藏文档状态
-      checkStateShow.value = false // 隐藏检测状态
-      factorCheckShow.value = false // 隐藏系数校准
-      selectionShow.value = true // 显示选择框
-      break
-    case 5: // 数据查询模式
-      if (modeStore.currentMode === '比对式') {
-        checkStateTable.value = [1, 2, 3] // 显示检测中，检测完成和归档状态
-      } else {
-        checkStateTable.value = [2, 3] // 显示检测完成和归档状态
-      }
-      columns[columns.length - 1].minWidth = 290
-      operationShow.value = true // 显示操作列
-      documentStateShow.value = true // 显示文档状态
-      checkStateShow.value = false // 隐藏检测状态
-      factorCheckShow.value = false // 隐藏系数校准
-      selectionShow.value = false // 隐藏选择框
-      columns[0].isShow = false // 隐藏序号列
-      tableKey.value += 1
-      break
-  }
+    // 重置查询条件和选择状态
+    refreshStatusList()
+    weiJianTab.value = val
+    // 根据Tab索引配置不同的表格显示模式
+    switch (val) {
+        case 0: // 设备检测模式
+        case 1: // 手动检测模式
+            checkStateTable.value = [0, 1, 2] // 显示所有检测状态
+            tableKey.value++
+            operationShow.value = false // 隐藏操作列
+            documentStateShow.value = false // 隐藏文档状态
+            checkStateShow.value = true // 显示检测状态
+            selectionShow.value = true // 显示选择框
+            factorCheckShow.value = true // 显示系数校准
+            break
+        case 2: // 设备复检模式
+            break
+        case 3: // 报告生成模式
+            if (modeStore.currentMode === '比对式') {
+                checkStateTable.value = [1, 2, 3] // 显示检测中，检测完成和归档状态
+            } else {
+                checkStateTable.value = [2, 3] // 显示检测完成和归档状态
+            }
+            columns[columns.length - 1].minWidth = 180
+            tableKey.value += 1
+            operationShow.value = true // 显示操作列
+            documentStateShow.value = true // 显示文档状态
+            checkStateShow.value = false // 隐藏检测状态
+            factorCheckShow.value = false // 隐藏系数校准
+            selectionShow.value = true // 显示选择框
+            break
+        case 4: // 设备归档模式
+            checkStateTable.value = [2] // 只显示检测完成状态
+            columns[columns.length - 1].minWidth = 100
+            tableKey.value += 1
+            operationShow.value = true // 显示操作列
+            documentStateShow.value = false // 隐藏文档状态
+            checkStateShow.value = false // 隐藏检测状态
+            factorCheckShow.value = false // 隐藏系数校准
+            selectionShow.value = true // 显示选择框
+            break
+        case 5: // 数据查询模式
+            if (modeStore.currentMode === '比对式') {
+                checkStateTable.value = [1, 2, 3] // 显示检测中，检测完成和归档状态
+            } else {
+                checkStateTable.value = [2, 3] // 显示检测完成和归档状态
+            }
+            columns[columns.length - 1].minWidth = 290
+            operationShow.value = true // 显示操作列
+            documentStateShow.value = true // 显示文档状态
+            checkStateShow.value = false // 隐藏检测状态
+            factorCheckShow.value = false // 隐藏系数校准
+            selectionShow.value = false // 隐藏选择框
+            columns[0].isShow = false // 隐藏序号列
+            tableKey.value += 1
+            break
+    }
 }
 
 /**
@@ -681,14 +679,14 @@ function tableHeaderInit(val: number) {
  * 在切换Tab或重置操作时调用，清空所有筛选条件和选择状态
  */
 function refreshStatusList() {
-  // 重置设备选择统计信息
-  devNum = 0
-  devChannelsNum = 0
-  // 清空查询表单
-  form.value.search = null
-  form.value.checkStatus = null //检测状态默认为未检
-  form.value.checkReportStatus = null //检测报告状态默认为未生成报告
-  form.value.checkResult = null //检测结果默认为未出结果
+    // 重置设备选择统计信息
+    devNum = 0
+    devChannelsNum = 0
+    // 清空查询表单
+    form.value.search = null
+    form.value.checkStatus = null //检测状态默认为未检
+    form.value.checkReportStatus = null //检测报告状态默认为未生成报告
+    form.value.checkResult = null //检测结果默认为未出结果
 }
 
 /**
@@ -696,143 +694,148 @@ function refreshStatusList() {
  * 校验选中设备的一致性，然后打开通道配对弹窗
  */
 const handleTest2 = async (val: string) => {
-
-  // 检查是否选择了设备
-  if (devNum == 0) {
-    ElMessageBox.confirm('请先选择被检设备', '提示', {
-      confirmButtonText: '确定',
-      cancelButtonText: '取消',
-      type: 'warning'
-    })
-    return
-  }
-  // 检查选中设备是否属于同一个计划
-  const planName = channelsSelection.value.map(item => item.boundPlanName)
-  const isPlanConsistent = new Set(planName).size === 1
-  if (!isPlanConsistent) {
-    ElMessageBox.confirm('所勾选被检设备所属计划名称不一致，请重新选择', '提示', {
-      confirmButtonText: '确定',
-      cancelButtonText: '取消',
-      type: 'warning'
-    })
-    return
-  }
-
-  // 获取设备所属计划名称
-  const boundPlanName = ref('')
-  if (channelsSelection.value[0].boundPlanName) {
-    boundPlanName.value = channelsSelection.value[0].boundPlanName
-  } else {
-    boundPlanName.value = props.plan.name
-  }
-  // 查找选中设备所属计划的标准设备列表
-  const pqStandardDevList = ref<StandardDevice.ResPqStandardDevice[]>([])
-  pqStandardDevList.value = props.planArray.flatMap(item => {
-    if (item.children) {
-      return item.children
-          .filter(child => child.name === boundPlanName.value)
-          .flatMap(child => child.standardDevs)
+    // 检查是否选择了设备
+    if (devNum == 0) {
+        ElMessageBox.confirm('请先选择被检设备', '提示', {
+            confirmButtonText: '确定',
+            cancelButtonText: '取消',
+            type: 'warning'
+        })
+        return
+    }
+    // 检查选中设备是否属于同一个计划
+    const planName = channelsSelection.value.map(item => item.boundPlanName)
+    const isPlanConsistent = new Set(planName).size === 1
+    if (!isPlanConsistent) {
+        ElMessageBox.confirm('所勾选被检设备所属计划名称不一致，请重新选择', '提示', {
+            confirmButtonText: '确定',
+            cancelButtonText: '取消',
+            type: 'warning'
+        })
+        return
     }
-    return []
-  })
 
-  // 检查是否有标准设备可用于配对
-  if (pqStandardDevList.value.length == 0) {
-    ElMessageBox.confirm('所勾选被检设备所属计划无标准设备，请重新选择', '提示', {
-      confirmButtonText: '确定',
-      cancelButtonText: '取消',
-      type: 'warning'
-    })
-    return
-  }
-
-  const devBindMonList = await getPqMonList({devIds: channelsSelection.value.map(d => d.id)})
-  // 创建一个映射来存储每个设备的监测点信息（支持多个监测点）
-  const deviceMonitoringMap = new Map<string, any[]>()
-  devBindMonList.data.forEach((item: any) => {
-    if (deviceMonitoringMap.has(item.devId)) {
-      // 如果设备已存在，添加新的监测点信息
-      deviceMonitoringMap.get(item.devId)?.push(item)
+    // 获取设备所属计划名称
+    const boundPlanName = ref('')
+    if (channelsSelection.value[0].boundPlanName) {
+        boundPlanName.value = channelsSelection.value[0].boundPlanName
     } else {
-      // 如果设备不存在，创建新的数组存储监测点信息
-      deviceMonitoringMap.set(item.devId, [item])
+        boundPlanName.value = props.plan.name
     }
-  })
-
-  // 收集所有监测点都未参与检测的设备
-  const allUncheckedDevices: string[] = [];
-  // 创建新对象存储过滤掉checkFlag === 0的监测点
-  const filteredDeviceMonitoringMap = new Map<string, any[]>();
-  deviceMonitoringMap.forEach((monitoringPoints, deviceId) => {
-    // 检查是否所有监测点的 checkFlag 都为 0
-    const allUnchecked = monitoringPoints.every(point => point.checkFlag === 0);
-
-    if (allUnchecked) {
-      // 根据deviceId找到设备名称
-      const device = channelsSelection.value.find(d => d.id === deviceId);
-      if (device) {
-        allUncheckedDevices.push(device.name);
-      }
-    } else {
-      // 过滤掉checkFlag === 0的监测点，只保留参与检测的监测点
-      const filteredPoints = monitoringPoints.filter(point => point.checkFlag !== 0);
-      filteredDeviceMonitoringMap.set(deviceId, filteredPoints);
-    }
-  });
-
-  // 统一提示所有所有监测点都未参与检测的设备
-  if (allUncheckedDevices.length > 0) {
-    ElMessage.warning(`以下设备的所有监测点都不参与检测，请重新选择: ${allUncheckedDevices.join(', ')}`);
-    return
-  }
-
-  // 过滤出至少有一个监测点的设备
-  const filteredChannelsSelection = channelsSelection.value.filter(device => {
-    return deviceMonitoringMap.has(device.id)
-  })
-
-  // 如果没有设备有监测点，则提示并返回
-  if (filteredChannelsSelection.length === 0) {
-
-    ElMessageBox.confirm('所选设备均无监测点，请检查设备配置', '提示', {
-      confirmButtonText: '确定',
-      cancelButtonText: '取消',
-      type: 'warning'
+    // 查找选中设备所属计划的标准设备列表
+    const pqStandardDevList = ref<StandardDevice.ResPqStandardDevice[]>([])
+    pqStandardDevList.value = props.planArray.flatMap(item => {
+        if (item.children) {
+            return item.children
+                .filter(child => child.name === boundPlanName.value)
+                .flatMap(child => child.standardDevs)
+        }
+        return []
     })
-    return
-  }
 
-  // 检查是否有设备被过滤掉
-  const devicesWithoutMonitoring = channelsSelection.value.filter(device => {
-    return !deviceMonitoringMap.has(device.id)
-  })
+    // 检查是否有标准设备可用于配对
+    if (pqStandardDevList.value.length == 0) {
+        ElMessageBox.confirm('所勾选被检设备所属计划无标准设备，请重新选择', '提示', {
+            confirmButtonText: '确定',
+            cancelButtonText: '取消',
+            type: 'warning'
+        })
+        return
+    }
 
-  // 提示完全没有监测点的设备
-  if (devicesWithoutMonitoring.length > 0) {
-    const deviceNames = devicesWithoutMonitoring.map(d => d.name).join(', ')
-    ElMessage.warning(`以下设备没有监测点: ${deviceNames}`)
-  }
+    const devBindMonList = await getPqMonList({ devIds: channelsSelection.value.map(d => d.id) })
+    // 创建一个映射来存储每个设备的监测点信息（支持多个监测点）
+    const deviceMonitoringMap = new Map<string, any[]>()
+    devBindMonList.data.forEach((item: any) => {
+        if (deviceMonitoringMap.has(item.devId)) {
+            // 如果设备已存在，添加新的监测点信息
+            deviceMonitoringMap.get(item.devId)?.push(item)
+        } else {
+            // 如果设备不存在，创建新的数组存储监测点信息
+            deviceMonitoringMap.set(item.devId, [item])
+        }
+    })
 
-  // 检查监测点数量与通道数是否一致，并指出具体哪些通道未绑定
-  const inconsistentPointDevices = filteredChannelsSelection.filter(device => {
-    const monitoringInfoArray = deviceMonitoringMap.get(device.id)
-    const pointCount = monitoringInfoArray ? monitoringInfoArray.length : 0
-    // 只有当监测点数量与通道数不一致时才需要提示
-    return pointCount !== device.devChns
-  })
+    // 收集所有监测点都未参与检测的设备
+    const allUncheckedDevices: string[] = []
+    // 创建新对象存储过滤掉checkFlag === 0的监测点
+    const filteredDeviceMonitoringMap = new Map<string, any[]>()
+    deviceMonitoringMap.forEach((monitoringPoints, deviceId) => {
+        // 检查是否所有监测点的 checkFlag 都为 0
+        const allUnchecked = monitoringPoints.every(point => point.checkFlag === 0)
 
-  if (inconsistentPointDevices.length > 0) {
-    const deviceNames = inconsistentPointDevices.map(d => d.name).join(', ')
-    ElMessage.warning(`以下设备存在通道未绑定监测点: ${deviceNames}`)
-  }
+        if (allUnchecked) {
+            // 根据deviceId找到设备名称
+            const device = channelsSelection.value.find(d => d.id === deviceId)
+            if (device) {
+                allUncheckedDevices.push(device.name)
+            }
+        } else {
+            // 过滤掉checkFlag === 0的监测点，只保留参与检测的监测点
+            const filteredPoints = monitoringPoints.filter(point => point.checkFlag !== 0)
+            filteredDeviceMonitoringMap.set(deviceId, filteredPoints)
+        }
+    })
 
-  // 只传递有监测点的设备
+    // 统一提示所有所有监测点都未参与检测的设备
+    if (allUncheckedDevices.length > 0) {
+        ElMessage.warning(`以下设备的所有监测点都不参与检测，请重新选择: ${allUncheckedDevices.join(', ')}`)
+        return
+    }
 
-  const targetPlan = props.planTable.data.find((item: any) => item.id === props.plan.id);
-  // 检查数组长度是否为1且唯一元素是'wave_data'
-  const isOnlyWave = targetPlan.datasourceIds.length === 1 && targetPlan.datasourceIds[0] === 'wave_data';
+    // 过滤出至少有一个监测点的设备
+    const filteredChannelsSelection = channelsSelection.value.filter(device => {
+        return deviceMonitoringMap.has(device.id)
+    })
 
-  deviceConnectionPopupRef.value?.open(filteredChannelsSelection, pqStandardDevList.value, props.id, filteredDeviceMonitoringMap, val, isOnlyWave)
+    // 如果没有设备有监测点，则提示并返回
+    if (filteredChannelsSelection.length === 0) {
+        ElMessageBox.confirm('所选设备均无监测点，请检查设备配置', '提示', {
+            confirmButtonText: '确定',
+            cancelButtonText: '取消',
+            type: 'warning'
+        })
+        return
+    }
+
+    // 检查是否有设备被过滤掉
+    const devicesWithoutMonitoring = channelsSelection.value.filter(device => {
+        return !deviceMonitoringMap.has(device.id)
+    })
+
+    // 提示完全没有监测点的设备
+    if (devicesWithoutMonitoring.length > 0) {
+        const deviceNames = devicesWithoutMonitoring.map(d => d.name).join(', ')
+        ElMessage.warning(`以下设备没有监测点: ${deviceNames}`)
+    }
+
+    // 检查监测点数量与通道数是否一致，并指出具体哪些通道未绑定
+    const inconsistentPointDevices = filteredChannelsSelection.filter(device => {
+        const monitoringInfoArray = deviceMonitoringMap.get(device.id)
+        const pointCount = monitoringInfoArray ? monitoringInfoArray.length : 0
+        // 只有当监测点数量与通道数不一致时才需要提示
+        return pointCount !== device.devChns
+    })
+
+    if (inconsistentPointDevices.length > 0) {
+        const deviceNames = inconsistentPointDevices.map(d => d.name).join(', ')
+        ElMessage.warning(`以下设备存在通道未绑定监测点: ${deviceNames}`)
+    }
+
+    // 只传递有监测点的设备
+
+    const targetPlan = props.planTable.data.find((item: any) => item.id === props.plan.id)
+    // 检查数组长度是否为1且唯一元素是'wave_data'
+    const isOnlyWave = targetPlan.datasourceIds.length === 1 && targetPlan.datasourceIds[0] === 'wave_data'
+
+    deviceConnectionPopupRef.value?.open(
+        filteredChannelsSelection,
+        pqStandardDevList.value,
+        props.id,
+        filteredDeviceMonitoringMap,
+        val,
+        isOnlyWave
+    )
 }
 
 /**
@@ -841,184 +844,184 @@ const handleTest2 = async (val: string) => {
  * @param val 操作类型字符串
  */
 const handleTest = async (val: string) => {
-  // 检查是否选择了设备
-  if (devNum == 0) {
-    ElMessageBox.confirm('请先选择被检设备', '提示', {
-      confirmButtonText: '确定',
-      cancelButtonText: '取消',
-      type: 'warning'
-    })
-    return
-  }
-
-  // 检查选中设备的额定电压是否一致
-  const checkDevVolt = channelsSelection.value.map(item => item.devVolt)
-  const isDevVoltConsistent = new Set(checkDevVolt).size === 1
-  if (!isDevVoltConsistent) {
-    ElMessageBox.confirm('所勾选设备额定电压不一致，请重新选择', '提示', {
-      confirmButtonText: '确定',
-      cancelButtonText: '取消',
-      type: 'warning'
-    })
-    return
-  }
-
-  // 检查选中设备的额定电流是否一致
-  const checkDevCurr = channelsSelection.value.map(item => item.devCurr)
-  const isDevCurrConsistent = new Set(checkDevCurr).size === 1
-  if (!isDevCurrConsistent) {
-    ElMessageBox.confirm('所勾选设备额定电流不一致，请重新选择', '提示', {
-      confirmButtonText: '确定',
-      cancelButtonText: '取消',
-      type: 'warning'
-    })
-    return
-  }
-
-  // 处理检测相关操作
-  if (val === '手动检测' || val === '一键检测' || val === '系数校准') {
-    // 检查选中设备的检测状态是否一致
-    const checkStates = channelsSelection.value.map(item => item.checkState)
-    const allCheckStatesEqual = new Set(checkStates).size <= 1
-
-    // 如果检测状态不一致，设置为复检模式
-    if (!allCheckStatesEqual) {
-      checkStore.setReCheckType(1)
-    }
-    // 限制每次检测最多12个通道
-    if (devChannelsNum > 12) {
-      ElMessageBox.confirm('每次检测最多只能检测12个设备通道，请重新选择', '提示', {
-        confirmButtonText: '确定',
-        cancelButtonText: '取消',
-        type: 'warning'
-      })
-      return
+    // 检查是否选择了设备
+    if (devNum == 0) {
+        ElMessageBox.confirm('请先选择被检设备', '提示', {
+            confirmButtonText: '确定',
+            cancelButtonText: '取消',
+            type: 'warning'
+        })
+        return
     }
 
-    dialogTitle.value = val
-    if (val === '手动检测') {
-      checkStore.setShowDetailType(2)
-      if (testType === 'reTest') {
-        ElMessageBox.confirm('请选择复检检测方式', '设备复检', {
-          distinguishCancelAndClose: true,
-          confirmButtonText: '不合格项复检',
-          cancelButtonText: '全部复检',
-          type: 'warning'
+    // 检查选中设备的额定电压是否一致
+    const checkDevVolt = channelsSelection.value.map(item => item.devVolt)
+    const isDevVoltConsistent = new Set(checkDevVolt).size === 1
+    if (!isDevVoltConsistent) {
+        ElMessageBox.confirm('所勾选设备额定电压不一致，请重新选择', '提示', {
+            confirmButtonText: '确定',
+            cancelButtonText: '取消',
+            type: 'warning'
         })
-            .then(() => {
-              ElMessage.success('不合格项复检')
-              checkStore.setReCheckType(0)
-              // 控制是否显示温度湿度输入框
-              if (appSceneStore.currentScene === '0' && modeStore.currentMode != '比对式') {
-                writeTHPopupRef.value?.open()
-              } else {
-                selectTestItemPopupRef.value?.open()
-              }
-            })
-            .catch((action: Action) => {
-              if (action === 'cancel') {
-                ElMessage.success('全部复检')
-                checkStore.setReCheckType(1)
-                if (appSceneStore.currentScene === '0' && modeStore.currentMode != '比对式') {
-                  writeTHPopupRef.value?.open()
-                } else {
-                  selectTestItemPopupRef.value?.open()
-                }
-              }
-            })
+        return
+    }
 
-        checkStore.setSelectTestItems({preTest: false, timeTest: false, channelsTest: false, test: true})
-      } else {
-        selectTestItemPopupRef.value?.open()
-        checkStore.setReCheckType(1)
-      }
-    } else {
-      checkStore.setShowDetailType(2)
-      checkStore.setCheckType(1)
-      checkStore.initSelectTestItems()
-      // 一键检测
-      if (testType === 'reTest') {
-        ElMessageBox.confirm('请选择复检检测方式', '设备复检', {
-          distinguishCancelAndClose: true,
-          confirmButtonText: '不合格项复检',
-          cancelButtonText: '全部复检',
-          type: 'warning'
+    // 检查选中设备的额定电流是否一致
+    const checkDevCurr = channelsSelection.value.map(item => item.devCurr)
+    const isDevCurrConsistent = new Set(checkDevCurr).size === 1
+    if (!isDevCurrConsistent) {
+        ElMessageBox.confirm('所勾选设备额定电流不一致，请重新选择', '提示', {
+            confirmButtonText: '确定',
+            cancelButtonText: '取消',
+            type: 'warning'
         })
-            .then(() => {
-              ElMessage.success('不合格项复检')
-              checkStore.setReCheckType(0)
-              if (appSceneStore.currentScene === '0' && modeStore.currentMode != '比对式') {
-                writeTHPopupRef.value?.open()
-              } else {
-                openTestDialog(true)
-              }
-            })
-            .catch((action: Action) => {
-              if (action === 'cancel') {
-                ElMessage.success('全部复检')
-                checkStore.setReCheckType(1)
-                if (appSceneStore.currentScene === '0' && modeStore.currentMode != '比对式') {
-                  writeTHPopupRef.value?.open()
-                } else {
-                  openTestDialog(true)
-                }
-              }
-            })
-        checkStore.setSelectTestItems({preTest: false, timeTest: false, channelsTest: false, test: true})
-      } else {
-        checkStore.setReCheckType(1)
-        if (modeStore.currentMode == '比对式') {
-          handleTest2('一键检测')
-        } else {
-          openTestDialog(true)
+        return
+    }
+
+    // 处理检测相关操作
+    if (val === '手动检测' || val === '一键检测' || val === '系数校准') {
+        // 检查选中设备的检测状态是否一致
+        const checkStates = channelsSelection.value.map(item => item.checkState)
+        const allCheckStatesEqual = new Set(checkStates).size <= 1
+
+        // 如果检测状态不一致，设置为复检模式
+        if (!allCheckStatesEqual) {
+            checkStore.setReCheckType(1)
+        }
+        // 限制每次检测最多12个通道
+        if (devChannelsNum > 12) {
+            ElMessageBox.confirm('每次检测最多只能检测12个设备通道，请重新选择', '提示', {
+                confirmButtonText: '确定',
+                cancelButtonText: '取消',
+                type: 'warning'
+            })
+            return
+        }
+
+        dialogTitle.value = val
+        if (val === '手动检测') {
+            checkStore.setShowDetailType(2)
+            if (testType === 'reTest') {
+                ElMessageBox.confirm('请选择复检检测方式', '设备复检', {
+                    distinguishCancelAndClose: true,
+                    confirmButtonText: '不合格项复检',
+                    cancelButtonText: '全部复检',
+                    type: 'warning'
+                })
+                    .then(() => {
+                        ElMessage.success('不合格项复检')
+                        checkStore.setReCheckType(0)
+                        // 控制是否显示温度湿度输入框
+                        if (appSceneStore.currentScene === '0' && modeStore.currentMode != '比对式') {
+                            writeTHPopupRef.value?.open()
+                        } else {
+                            selectTestItemPopupRef.value?.open()
+                        }
+                    })
+                    .catch((action: Action) => {
+                        if (action === 'cancel') {
+                            ElMessage.success('全部复检')
+                            checkStore.setReCheckType(1)
+                            if (appSceneStore.currentScene === '0' && modeStore.currentMode != '比对式') {
+                                writeTHPopupRef.value?.open()
+                            } else {
+                                selectTestItemPopupRef.value?.open()
+                            }
+                        }
+                    })
+
+                checkStore.setSelectTestItems({ preTest: false, timeTest: false, channelsTest: false, test: true })
+            } else {
+                selectTestItemPopupRef.value?.open()
+                checkStore.setReCheckType(1)
+            }
+        } else {
+            checkStore.setShowDetailType(2)
+            checkStore.setCheckType(1)
+            checkStore.initSelectTestItems()
+            // 一键检测
+            if (testType === 'reTest') {
+                ElMessageBox.confirm('请选择复检检测方式', '设备复检', {
+                    distinguishCancelAndClose: true,
+                    confirmButtonText: '不合格项复检',
+                    cancelButtonText: '全部复检',
+                    type: 'warning'
+                })
+                    .then(() => {
+                        ElMessage.success('不合格项复检')
+                        checkStore.setReCheckType(0)
+                        if (appSceneStore.currentScene === '0' && modeStore.currentMode != '比对式') {
+                            writeTHPopupRef.value?.open()
+                        } else {
+                            openTestDialog(true)
+                        }
+                    })
+                    .catch((action: Action) => {
+                        if (action === 'cancel') {
+                            ElMessage.success('全部复检')
+                            checkStore.setReCheckType(1)
+                            if (appSceneStore.currentScene === '0' && modeStore.currentMode != '比对式') {
+                                writeTHPopupRef.value?.open()
+                            } else {
+                                openTestDialog(true)
+                            }
+                        }
+                    })
+                checkStore.setSelectTestItems({ preTest: false, timeTest: false, channelsTest: false, test: true })
+            } else {
+                checkStore.setReCheckType(1)
+                if (modeStore.currentMode == '比对式') {
+                    handleTest2('一键检测')
+                } else {
+                    openTestDialog(true)
+                }
+            }
         }
-      }
     }
-  }
 
-  if (val === '批量归档') {
-    documentedPqDev(
-        checkStore.devices.map(item => {
-          return item.deviceId
+    if (val === '批量归档') {
+        documentedPqDev(
+            checkStore.devices.map(item => {
+                return item.deviceId
+            })
+        ).then(res => {
+            if (res.code === ResultEnum.SUCCESS) {
+                ElMessage.success('归档成功!')
+            }
         })
-    ).then(res => {
-      if (res.code === ResultEnum.SUCCESS) {
-        ElMessage.success('归档成功!')
-      }
-    })
 
-    emit('batchGenerateClicked') // 触发事件
-  }
-  if (val === '批量生成') {
-    let devIdList = checkStore.devices.map(item => {
-      return item.deviceId
-    })
-    await generateDevReport({
-      planId: checkStore.plan.id,
-      devIdList: devIdList,
-      scriptId: checkStore.plan.scriptId,
-      planCode: checkStore.plan.code + '',
-      pageNum: 1,
-      pageSize: 999
-    })
-    ElMessage.success({message: `报告生成成功！`})
-  }
+        emit('batchGenerateClicked') // 触发事件
+    }
+    if (val === '批量生成') {
+        let devIdList = checkStore.devices.map(item => {
+            return item.deviceId
+        })
+        await generateDevReport({
+            planId: checkStore.plan.id,
+            devIdList: devIdList,
+            scriptId: checkStore.plan.scriptId,
+            planCode: checkStore.plan.code + '',
+            pageNum: 1,
+            pageSize: 999
+        })
+        ElMessage.success({ message: `报告生成成功！` })
+    }
 }
 
 const openTestDialog = (testData: any) => {
-  if (appSceneStore.currentScene === '0' && modeStore.currentMode != '比对式') {
-    if (testData) {
-      writeTHPopupRef.value?.open()
+    if (appSceneStore.currentScene === '0' && modeStore.currentMode != '比对式') {
+        if (testData) {
+            writeTHPopupRef.value?.open()
+        } else {
+            testPopup.value?.open(dialogTitle.value)
+        }
     } else {
-      testPopup.value?.open(dialogTitle.value)
+        testPopup.value?.open(dialogTitle.value)
     }
-  } else {
-    testPopup.value?.open(dialogTitle.value)
-  }
 }
 
 const openTestDialog2 = () => {
-  testPopup.value?.open(dialogTitle.value)
+    testPopup.value?.open(dialogTitle.value)
 }
 
 // 打开 drawer(新增、查看、编辑)
@@ -1029,131 +1032,131 @@ const openTestDialog2 = () => {
  * @param row 当前行数据
  */
 const openDrawer = async (title: string, row: any) => {
-  // 单个设备报告生成
-  if (title === '报告生成') {
-    if (modeStore.currentMode == '比对式') {
-      reportPopup.value?.open(row)
-    } else {
-      await generateDevReport({
-        planId: checkStore.plan.id,
-        devIdList: [row.id],
-        scriptId: checkStore.plan.scriptId,
-        planCode: checkStore.plan.code + '',
-        pageNum: 1,
-        pageSize: 999
-      })
-      emit('batchGenerateClicked') // 触发事件
-      ElMessage.success({message: `报告生成成功！`})
+    // 单个设备报告生成
+    if (title === '报告生成') {
+        if (modeStore.currentMode == '比对式') {
+            reportPopup.value?.open(row)
+        } else {
+            await generateDevReport({
+                planId: checkStore.plan.id,
+                devIdList: [row.id],
+                scriptId: checkStore.plan.scriptId,
+                planCode: checkStore.plan.code + '',
+                pageNum: 1,
+                pageSize: 999
+            })
+            emit('batchGenerateClicked') // 触发事件
+            ElMessage.success({ message: `报告生成成功！` })
+        }
     }
-  }
 
-  if (title === '报告下载') {
-    await useDownload(
-        downloadDevData,
-        row.createId,
-        {
-          planId: checkStore.plan.id,
-          devId: row.id
-        },
-        false,
-        '.docx'
-    )
-    emit('batchGenerateClicked') // 触发事件
-  }
-
-  if (title === '检测数据查询') {
-    checkStore.setShowDetailType(0)
-    if (modeStore.currentMode == '模拟式') {
-      dataCheckPopupRef.value?.open(row.id, '-1', null)
-    } else if (modeStore.currentMode == '比对式') {
-      dataCheckSingleChannelSingleTestPopupRef.value?.open(row, null, row.id, 2)
+    if (title === '报告下载') {
+        await useDownload(
+            downloadDevData,
+            row.createId,
+            {
+                planId: checkStore.plan.id,
+                devId: row.id
+            },
+            false,
+            '.docx'
+        )
+        emit('batchGenerateClicked') // 触发事件
     }
-  }
-  if (title === '误差体系更换') {
-    checkStore.setShowDetailType(1)
-    if (modeStore.currentMode == '模拟式') {
-      dataCheckPopupRef.value?.open(row.id, '-1', null)
-    } else if (modeStore.currentMode == '比对式') {
-      dataCheckSingleChannelSingleTestPopupRef.value?.open(row, null, row.id, 2)
-    }
-  }
 
-  if (title === '归档') {
-    await documentedPqDev([row.id]).then(res => {
-      if (res.code === ResultEnum.SUCCESS) {
-        ElMessage.success('归档成功!')
-      }
-    })
-    emit('batchGenerateClicked') // 触发事件
-  }
+    if (title === '检测数据查询') {
+        checkStore.setShowDetailType(0)
+        if (modeStore.currentMode == '模拟式') {
+            dataCheckPopupRef.value?.open(row.id, '-1', null)
+        } else if (modeStore.currentMode == '比对式') {
+            dataCheckSingleChannelSingleTestPopupRef.value?.open(row, null, row.id, 2)
+        }
+    }
+    if (title === '误差体系更换') {
+        checkStore.setShowDetailType(1)
+        if (modeStore.currentMode == '模拟式') {
+            dataCheckPopupRef.value?.open(row.id, '-1', null)
+        } else if (modeStore.currentMode == '比对式') {
+            dataCheckSingleChannelSingleTestPopupRef.value?.open(row, null, row.id, 2)
+        }
+    }
+
+    if (title === '归档') {
+        await documentedPqDev([row.id]).then(res => {
+            if (res.code === ResultEnum.SUCCESS) {
+                ElMessage.success('归档成功!')
+            }
+        })
+        emit('batchGenerateClicked') // 触发事件
+    }
 }
 
 // 监听 props.id 的变化
 watch(
     () => props.id,
     () => {
-      handleRefresh()
+        handleRefresh()
     },
-    {immediate: true}
+    { immediate: true }
 )
 
 onBeforeMount(async () => {
-  const response = await getPqDev()
-  devTypeOptions.value = response.data.map(item => ({
-    id: item.id,
-    name: item.name,
-    icd: item.icd,
-    power: item.power,
-    devVolt: item.devVolt,
-    devCurr: item.devCurr,
-    devChns: item.devChns
-  }))
+    const response = await getPqDev()
+    devTypeOptions.value = response.data.map(item => ({
+        id: item.id,
+        name: item.name,
+        icd: item.icd,
+        power: item.power,
+        devVolt: item.devVolt,
+        devCurr: item.devCurr,
+        devChns: item.devChns
+    }))
 })
 
 onMounted(async () => {
-  // 初始化表格配置，使用默认的设备检测模式(activeTabs = 0)
-  tableHeaderInit(form.value.activeTabs)
+    // 初始化表格配置，使用默认的设备检测模式(activeTabs = 0)
+    tableHeaderInit(form.value.activeTabs)
 })
 
 // 通知dashboard组件刷新数据
 const handleQuitClicked = () => {
-  emit('batchGenerateClicked') // 触发事件
+    emit('batchGenerateClicked') // 触发事件
 }
 
-defineExpose({changeActiveTabs})
+defineExpose({ changeActiveTabs })
 </script>
 <style lang="scss" scoped>
 /* 当屏幕宽度小于或等于1300像素时 */
 @media screen and (max-width: 1300px) {
-  .el-select {
-    width: 130px !important;
-  }
+    .el-select {
+        width: 130px !important;
+    }
 }
 
 @media screen and (min-width: 1300px) {
-  .el-select {
-    width: 150px !important;
-  }
+    .el-select {
+        width: 150px !important;
+    }
 }
 
 .el-form {
-  width: 100%;
-  display: flex;
-  flex-wrap: wrap;
-
-  .el-form-item {
+    width: 100%;
     display: flex;
-    align-items: center;
-    justify-content: space-between;
+    flex-wrap: wrap;
 
-    .el-button {
-      margin: 0 !important;
-      margin-right: 10px !important;
+    .el-form-item {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+
+        .el-button {
+            margin: 0 !important;
+            margin-right: 10px !important;
+        }
     }
-  }
 }
 
 :deep(.card) {
-  border: 0 !important;
+    border: 0 !important;
 }
 </style>
diff --git a/frontend/src/views/home/tabs/dashboard.vue b/frontend/src/views/home/tabs/dashboard.vue
index c61546c..c41194c 100644
--- a/frontend/src/views/home/tabs/dashboard.vue
+++ b/frontend/src/views/home/tabs/dashboard.vue
@@ -3,114 +3,130 @@
   布局：左侧计划树 + 右侧功能区域（功能选择、饼图统计、表格数据）
 -->
 <template>
-  <div class='static' ref='popupBaseView'>
-    <el-row :gutter='10'>
-      <!-- 左侧计划树区域 (20%) -->
-      <el-col :lg='4' :xl='4' :md='4' :sm='4'>
-        <div class='left_tree'>
-          <tree ref='treeRef' :updateSelectedTreeNode='updateData|| (() => {})' :width='viewWidth' :height='viewHeight'
-                :planTable='planTable' />
-        </div>
-      </el-col>
-      <!-- 右侧主要内容区域 (80%) -->
-      <el-col :lg='20' :xl='20' :md='20' :sm='20'>
-        <div class='right_container'>
-          <!-- 功能选择 -->
-          <div class='container_function'>
-            <div
-              class='function_item'
-              :class="item.checked ? 'function_item checked_function' : 'function_item'"
-              v-for='(item, index) in tabsList'
-              :key='index'
-              @click='handleCheckFunction(item.value)'
-            >
-              <div class='item_img'>
-                <img :src='item.img' />
-              </div>
-              <div class='item_text'>
-                <p>{{ item.label }}</p>
-              </div>
-            </div>
-          </div>
-          <!--检测计划统计 饼图统计-->
-          <div class='container_pieShow'>
-            <el-collapse model-value='1' accordion @change='handleCollapseChange'>
-              <el-collapse-item name='1'>
-                <template #title>
-                  <div class='container_pieShow_title'>
-                    <span>检测计划统计</span>
-                    <span>{{ planName }}</span>
-                  </div>
-                </template>
-                <!-- 饼图 -->
-                <div class='container_charts'>
-                  <div class='charts_info' ref='chartsInfoRef'>
-                    <pie
-                      :customData="{
-                       title: '设备检测状态',
-                       textAlign: 'left',
-                      }"
-                      :legendData="{
-                       icon: 'circle',
-                       left: 'left',
-                       top: 'bottom',
-                      }"
-                      :chartsData='chartsData1'
-                      ref='pieRef1'
-                    ></pie>
-                  </div>
-                  <div class='charts_info'>
-                    <pie
-                      :customData="{
-                       title: '设备检测结果',
-                       textAlign: 'left',
-                      }"
-                      :legendData="{
-                       icon: 'circle',
-                       left: 'left',
-                       top: 'bottom',
-                      }"
-                      :chartsData='chartsData2'
-                      ref='pieRef2'
-                    ></pie>
-                  </div>
-                  <div class='charts_info'>
-                    <pie
-                      :customData="{
-                       title: '设备报告状态',
-                       textAlign: 'left',
-                      }"
-                      :legendData="{
-                        icon: 'circle',
-                        left: 'left',
-                        top: 'bottom',
-                      }"
-                      :chartsData='chartsData3'
-                      ref='pieRef3'
-                    ></pie>
-                  </div>
+    <div class="static" ref="popupBaseView">
+        <el-row :gutter="10">
+            <!-- 左侧计划树区域 (20%) -->
+            <el-col :lg="4" :xl="4" :md="4" :sm="4">
+                <div class="left_tree">
+                    <tree
+                        ref="treeRef"
+                        :updateSelectedTreeNode="updateData || (() => {})"
+                        :width="viewWidth"
+                        :height="viewHeight"
+                        :planTable="planTable"
+                    />
                 </div>
-              </el-collapse-item>
-            </el-collapse>
-          </div>
+            </el-col>
+            <!-- 右侧主要内容区域 (80%) -->
+            <el-col :lg="20" :xl="20" :md="20" :sm="20">
+                <div class="right_container">
+                    <!-- 功能选择 -->
+                    <div class="container_function">
+                        <div
+                            class="function_item"
+                            :class="item.checked ? 'function_item checked_function' : 'function_item'"
+                            v-for="(item, index) in tabsList"
+                            :key="index"
+                            @click="handleCheckFunction(item.value)"
+                        >
+                            <div class="item_img">
+                                <img :src="item.img" />
+                            </div>
+                            <div class="item_text">
+                                <p>{{ item.label }}</p>
+                            </div>
+                        </div>
+                    </div>
+                    <!--检测计划统计 饼图统计-->
+                    <div class="container_pieShow">
+                        <el-collapse model-value="1" accordion @change="handleCollapseChange">
+                            <el-collapse-item name="1">
+                                <template #title>
+                                    <div class="container_pieShow_title">
+                                        <span>检测计划统计</span>
+                                        <span>{{ planName }}</span>
+                                    </div>
+                                </template>
+                                <!-- 饼图 -->
+                                <div class="container_charts">
+                                    <div class="charts_info" ref="chartsInfoRef">
+                                        <pie
+                                            :customData="{
+                                                title: '设备检测状态',
+                                                textAlign: 'left'
+                                            }"
+                                            :legendData="{
+                                                icon: 'circle',
+                                                left: 'left',
+                                                top: 'bottom'
+                                            }"
+                                            :chartsData="chartsData1"
+                                            ref="pieRef1"
+                                        ></pie>
+                                    </div>
+                                    <div class="charts_info">
+                                        <pie
+                                            :customData="{
+                                                title: '设备检测结果',
+                                                textAlign: 'left'
+                                            }"
+                                            :legendData="{
+                                                icon: 'circle',
+                                                left: 'left',
+                                                top: 'bottom'
+                                            }"
+                                            :chartsData="chartsData2"
+                                            ref="pieRef2"
+                                        ></pie>
+                                    </div>
+                                    <div class="charts_info">
+                                        <pie
+                                            :customData="{
+                                                title: '设备报告状态',
+                                                textAlign: 'left'
+                                            }"
+                                            :legendData="{
+                                                icon: 'circle',
+                                                left: 'left',
+                                                top: 'bottom'
+                                            }"
+                                            :chartsData="chartsData3"
+                                            ref="pieRef3"
+                                        ></pie>
+                                    </div>
+                                </div>
+                            </el-collapse-item>
+                        </el-collapse>
+                    </div>
 
-          <!--下方表格数据-->
-          <el-tabs class='tabs-menu' type='border-card' v-model='editableTabsValue'
-                   :style='{ height: tabsHeight }'>
-            <el-tab-pane :label='tabLabel1' :style='{ height: tabPaneHeight}'>
-              <!-- 设备数据表格 -->
-              <div class='container_table' :style='{ height: tableHeight }'>
-                <Table ref='tableRef1' :id='currentId' :plan='select_Plan' :planArray='planList2'
-                       :planTable='planTable' @batchGenerateClicked='handleBatchGenerate'></Table>
-              </div>
-            </el-tab-pane>
-          </el-tabs>
-        </div>
-      </el-col>
-    </el-row>
-  </div>
+                    <!--下方表格数据-->
+                    <el-tabs
+                        class="tabs-menu"
+                        type="border-card"
+                        v-model="editableTabsValue"
+                        :style="{ height: tabsHeight }"
+                    >
+                        <el-tab-pane :label="tabLabel1" :style="{ height: tabPaneHeight }">
+                            <!-- 设备数据表格 -->
+                            <div class="container_table" :style="{ height: tableHeight }">
+                                <Table
+                                    ref="tableRef1"
+                                    :id="currentId"
+                                    :plan="select_Plan"
+                                    :planArray="planList2"
+                                    :planTable="planTable"
+                                    @batchGenerateClicked="handleBatchGenerate"
+                                    :height="tabPaneHeight"
+                                ></Table>
+                            </div>
+                        </el-tab-pane>
+                    </el-tabs>
+                </div>
+            </el-col>
+        </el-row>
+    </div>
 </template>
-<script lang='ts' setup>
+<script lang="ts" setup>
 import { useRouter } from 'vue-router'
 import { type Plan } from '@/api/plan/interface'
 import { type CollapseModelValue } from 'element-plus/es/components/collapse/src/collapse.mjs'
@@ -119,8 +135,8 @@ import { type ResultData } from '@/api/interface'
 import pie from '@/components/echarts/pie/default.vue'
 import tree from '../components/tree.vue'
 import Table from '../components/table.vue'
-import { getBoundPqDevList, getPlanListByPattern, getPlanList } from '@/api/plan/plan'
-import { onBeforeMount, onUnmounted, ref, watch, nextTick } from 'vue'
+import { getBoundPqDevList, getPlanList, getPlanListByPattern } from '@/api/plan/plan'
+import { nextTick, onBeforeMount, onUnmounted, ref, watch } from 'vue'
 import { useModeStore } from '@/stores/modules/mode' // 引入模式 store
 import { useDictStore } from '@/stores/modules/dict'
 import { useViewSize } from '@/hooks/useViewSize'
@@ -132,13 +148,13 @@ const chartsInfoRef = ref<HTMLElement | null>(null)
 const chartsWidth = ref<number>(0)
 const treeRef = ref()
 const form: any = ref({
-  activeTabs: 0, //功能选择,例如报告生成
-  checkStatus: 0, //检测状态
-  checkReportStatus: 0, //检测报告状态
-  checkResult: 0, //检测结果
-  deviceBindStatus: 0, //绑定状态
-  deviceType: 0, //设备类型
-  manufacturer: 0, //制造厂商
+    activeTabs: 0, //功能选择,例如报告生成
+    checkStatus: 0, //检测状态
+    checkReportStatus: 0, //检测报告状态
+    checkResult: 0, //检测结果
+    deviceBindStatus: 0, //绑定状态
+    deviceType: 0, //设备类型
+    manufacturer: 0 //制造厂商
 })
 const router = useRouter()
 const tabShow = ref(false)
@@ -165,22 +181,21 @@ const { popupBaseView, viewWidth, viewHeight } = useViewSize() // 视口尺寸ho
  * @param val - 当前展开的面板值
  */
 const handleCollapseChange = (val: CollapseModelValue) => {
-  // 计算新的高度值
-  let newHeight
-  if (Array.isArray(val)) {
-    // 数组情况：有展开项时高度更小，无展开项时高度更大
-    newHeight = val.length > 0 ? 'calc(100vh - 522px)' : 'calc(100vh - 333px)'
-  } else {
-    // 单个值情况：展开时高度更小，收起时高度更大
-    newHeight = val ? 'calc(100vh - 538px)' : 'calc(100vh - 333px)'
-  }
-  // 更新各个容器的高度
-  tabsHeight.value = newHeight
-  tabPaneHeight.value = `calc(100% - 5px)`
-  tableHeight.value = `calc(100% - 5px)`
+    // 计算新的高度值
+    let newHeight
+    if (Array.isArray(val)) {
+        // 数组情况：有展开项时高度更小，无展开项时高度更大
+        newHeight = val.length > 0 ? 'calc(100vh - 522px)' : 'calc(100vh - 333px)'
+    } else {
+        // 单个值情况：展开时高度更小，收起时高度更大
+        newHeight = val ? 'calc(100vh - 538px)' : 'calc(100vh - 333px)'
+    }
+    // 更新各个容器的高度
+    tabsHeight.value = newHeight
+    tabPaneHeight.value = `calc(100% - 5px)`
+    tableHeight.value = `calc(100% - 5px)`
 }
 
-
 // 设置默认主题颜色
 localStorage.setItem('color', '#91cc75')
 // ============================ 功能按钮配置 ============================
@@ -189,30 +204,30 @@ localStorage.setItem('color', '#91cc75')
  * 包含4个主要功能：设备检测、报告生成、设备归档、数据操作
  */
 const tabsList = ref([
-  {
-    label: '设备检测', // 设备检测功能
-    value: 0,
-    img: new URL('/src/assets/images/plan/static/1.svg', import.meta.url).href,
-    checked: true, // 默认选中
-  },
-  {
-    label: '报告生成', // 检测报告生成功能
-    value: 3,
-    img: new URL('/src/assets/images/plan/static/3.svg', import.meta.url).href,
-    checked: false,
-  },
-  {
-    label: '设备归档', // 设备归档管理功能
-    value: 4,
-    img: new URL('/src/assets/images/plan/static/4.svg', import.meta.url).href,
-    checked: false,
-  },
-  {
-    label: '数据操作', // 数据查询和操作功能
-    value: 5,
-    img: new URL('/src/assets/images/plan/static/5.svg', import.meta.url).href,
-    checked: false,
-  },
+    {
+        label: '设备检测', // 设备检测功能
+        value: 0,
+        img: new URL('/src/assets/images/plan/static/1.svg', import.meta.url).href,
+        checked: true // 默认选中
+    },
+    {
+        label: '报告生成', // 检测报告生成功能
+        value: 3,
+        img: new URL('/src/assets/images/plan/static/3.svg', import.meta.url).href,
+        checked: false
+    },
+    {
+        label: '设备归档', // 设备归档管理功能
+        value: 4,
+        img: new URL('/src/assets/images/plan/static/4.svg', import.meta.url).href,
+        checked: false
+    },
+    {
+        label: '数据操作', // 数据查询和操作功能
+        value: 5,
+        img: new URL('/src/assets/images/plan/static/5.svg', import.meta.url).href,
+        checked: false
+    }
 ])
 
 // 初始化默认选中第一个功能选项卡
@@ -230,30 +245,30 @@ let isUpdatingTabs = false // 防止重复调用的标志
  * 不再传递静态数据，让表格组件通过API获取真实数据
  */
 watch(
-  () => form.value.activeTabs,
-  async (newTabs) => {
-    if (isUpdatingTabs) return // 如果正在更新中，跳过
-    
-    isUpdatingTabs = true
-    // 只传递功能模式，不传递静态假数据
-    // 表格组件会根据功能模式通过API获取对应的真实数据
-    tableRef1.value && tableRef1.value.changeActiveTabs(newTabs)
-    
-    // 等待一个微任务队列后重置标志
-    await nextTick()
-    isUpdatingTabs = false
-  }
-  // 去掉 immediate: true，避免初始化时重复调用
+    () => form.value.activeTabs,
+    async newTabs => {
+        if (isUpdatingTabs) return // 如果正在更新中，跳过
+
+        isUpdatingTabs = true
+        // 只传递功能模式，不传递静态假数据
+        // 表格组件会根据功能模式通过API获取对应的真实数据
+        tableRef1.value && tableRef1.value.changeActiveTabs(newTabs)
+
+        // 等待一个微任务队列后重置标志
+        await nextTick()
+        isUpdatingTabs = false
+    }
+    // 去掉 immediate: true，避免初始化时重复调用
 )
 
 // ============================ 饼图组件引用和数据 ============================
 const pieRef1 = ref(), // 设备检测状态饼图引用
-  pieRef2 = ref(), // 设备检测结果饼图引用
-  pieRef3 = ref() // 设备报告状态饼图引用
+    pieRef2 = ref(), // 设备检测结果饼图引用
+    pieRef3 = ref() // 设备报告状态饼图引用
 
 const chartsData1: any = ref([]), // 设备检测状态统计数据
-  chartsData2: any = ref([]), // 设备检测结果统计数据
-  chartsData3: any = ref([]) // 设备报告状态统计数据
+    chartsData2: any = ref([]), // 设备检测结果统计数据
+    chartsData3: any = ref([]) // 设备报告状态统计数据
 
 // ============================ 工具函数 ============================
 /**
@@ -263,54 +278,53 @@ const chartsData1: any = ref([]), // 设备检测状态统计数据
  * @returns 找到的计划对象或 undefined
  */
 const findPlanById = (plans: any, id: string): Plan.ReqPlan | undefined => {
-  if (!plans) return undefined
-  for (const plan of plans) {
-    if (plan?.id === id) {
-      return plan
+    if (!plans) return undefined
+    for (const plan of plans) {
+        if (plan?.id === id) {
+            return plan
+        }
+        // 递归搜索子计划
+        if (plan?.children) {
+            const foundPlan = findPlanById(plan.children, id)
+            if (foundPlan) {
+                return foundPlan
+            }
+        }
     }
-    // 递归搜索子计划
-    if (plan?.children) {
-      const foundPlan = findPlanById(plan.children, id)
-      if (foundPlan) {
-        return foundPlan
-      }
-    }
-  }
-  return undefined
+    return undefined
 }
 
-
 /**
  * 处理树节点选中事件的回调函数
  * 根据选中的计划节点更新饼图数据并切换相应的功能模式
  * @param id - 选中的计划 ID
  */
 const updateData = (id: string) => {
-  // 刷新饼图数据
-  getPieData(id)
+    // 刷新饼图数据
+    getPieData(id)
 
-  // 查找当前计划的父节点名称
-  const parentNodeName = ref('')
-  if (planList.value?.length) {
-    for (let i = 0; i < planList.value.length; i++) {
-      const children = planList.value[i]?.children
-      if (Array.isArray(children) && children.length > 0) {
-        for (let j = 0; j < children.length; j++) {
-          if (children[j]?.id === id) {
-            parentNodeName.value = planList.value[i]?.name || ''
-            break
-          }
+    // 查找当前计划的父节点名称
+    const parentNodeName = ref('')
+    if (planList.value?.length) {
+        for (let i = 0; i < planList.value.length; i++) {
+            const children = planList.value[i]?.children
+            if (Array.isArray(children) && children.length > 0) {
+                for (let j = 0; j < children.length; j++) {
+                    if (children[j]?.id === id) {
+                        parentNodeName.value = planList.value[i]?.name || ''
+                        break
+                    }
+                }
+            }
         }
-      }
     }
-  }
-  
-  // 根据父节点名称自动切换功能模式
-  if (parentNodeName.value === '检测完成') {
-    handleCheckFunction(5) // 切换到数据操作模式
-  } else {
-    handleCheckFunction(0) // 切换到设备检测模式
-  }
+
+    // 根据父节点名称自动切换功能模式
+    if (parentNodeName.value === '检测完成') {
+        handleCheckFunction(5) // 切换到数据操作模式
+    } else {
+        handleCheckFunction(0) // 切换到设备检测模式
+    }
 }
 
 /**
@@ -319,144 +333,147 @@ const updateData = (id: string) => {
  * @param id - 计划 ID
  */
 const getPieData = async (id: string) => {
-  currentId.value = id // 设置当前选中的计划ID
-  
-  // 初始化各类统计计数器
-  const checkStateCount: { [key: number]: number } = { 0: 0, 1: 0, 2: 0, 3: 0 } // 检测状态计数：未检(0)、检测中(1)、检测完成(2)、归档(3)
-  const checkResultCount: { [key: number]: number } = { 0: 0, 1: 0, 2: 0 } // 检测结果计数：不符合(0)、符合(1)、未检(2)
-  const reportStateCount: { [key: number]: number } = { 0: 0, 1: 0, 2: 0 } // 报告状态计数：未生成(0)、已生成(1)、未检(2)
-  if (id) {
-    const boundPqDevList = ref<Device.ResPqDev[]>([])//根据检测计划id查询出所有已绑定的设备
-    const plan = findPlanById(planList.value, id)
-    planName.value = '所选计划:' + (plan?.name || '')
-    select_Plan.value = plan
-    const pqDevList_Result2 = await getBoundPqDevList({ 'planIdList': [id], 'checkStateList': [0, 1, 2, 3] })
-    boundPqDevList.value = pqDevList_Result2.data as Device.ResPqDev[]
-    // 遍历 boundPqDevList 并更新计数对象
-    boundPqDevList.value.forEach(t => {
-      if (t.checkState !== undefined && t.checkState !== null && checkStateCount[t.checkState] !== undefined) {
-        checkStateCount[t.checkState]++
-      }
-    })
-    boundPqDevList.value.forEach(t => {
-      if (t.checkResult !== undefined && t.checkResult !== null && checkResultCount[t.checkResult] !== undefined) {
-        checkResultCount[t.checkResult]++
-      }
-    })
-    boundPqDevList.value.forEach(t => {
-      if (t.reportState !== undefined && t.reportState !== null && reportStateCount[t.reportState] !== undefined) {
-        reportStateCount[t.reportState]++
-      }
-    })
+    currentId.value = id // 设置当前选中的计划ID
 
-    // 检查 checkStateCount 是否全为 0
-    if (boundPqDevList.value.length != 0) {
+    // 初始化各类统计计数器
+    const checkStateCount: { [key: number]: number } = { 0: 0, 1: 0, 2: 0, 3: 0 } // 检测状态计数：未检(0)、检测中(1)、检测完成(2)、归档(3)
+    const checkResultCount: { [key: number]: number } = { 0: 0, 1: 0, 2: 0 } // 检测结果计数：不符合(0)、符合(1)、未检(2)
+    const reportStateCount: { [key: number]: number } = { 0: 0, 1: 0, 2: 0 } // 报告状态计数：未生成(0)、已生成(1)、未检(2)
+    if (id) {
+        const boundPqDevList = ref<Device.ResPqDev[]>([]) //根据检测计划id查询出所有已绑定的设备
+        const plan = findPlanById(planList.value, id)
+        planName.value = '所选计划:' + (plan?.name || '')
+        select_Plan.value = plan
+        const pqDevList_Result2 = await getBoundPqDevList({ planIdList: [id], checkStateList: [0, 1, 2, 3] })
+        boundPqDevList.value = pqDevList_Result2.data as Device.ResPqDev[]
+        // 遍历 boundPqDevList 并更新计数对象
+        boundPqDevList.value.forEach(t => {
+            if (t.checkState !== undefined && t.checkState !== null && checkStateCount[t.checkState] !== undefined) {
+                checkStateCount[t.checkState]++
+            }
+        })
+        boundPqDevList.value.forEach(t => {
+            if (
+                t.checkResult !== undefined &&
+                t.checkResult !== null &&
+                checkResultCount[t.checkResult] !== undefined
+            ) {
+                checkResultCount[t.checkResult]++
+            }
+        })
+        boundPqDevList.value.forEach(t => {
+            if (
+                t.reportState !== undefined &&
+                t.reportState !== null &&
+                reportStateCount[t.reportState] !== undefined
+            ) {
+                reportStateCount[t.reportState]++
+            }
+        })
 
-      isLabelLineShow.value = true
-      const allZero = Object.values(checkStateCount).every(count => count === 0)
-      chartsData1.value = [
-        {
-          value: allZero ? 0 : checkStateCount[0] === 0 ? null : checkStateCount[0],
-          name: '未检',
-          itemStyle: { color: '#fac858' },
-        },
-        {
-          value: allZero ? 0 : checkStateCount[1] === 0 ? null : checkStateCount[1],
-          name: '检测中',
-          itemStyle: { color: '#ee6666' },
-        },
-        {
-          value: allZero ? 0 : checkStateCount[2] === 0 ? null : checkStateCount[2],
-          name: '检测完成',
-          itemStyle: { color: '#91cc75' },
-        },
-        {
-          value: allZero ? 0 : checkStateCount[3] === 0 ? null : checkStateCount[3],
-          name: '归档',
-          itemStyle: { color: '#5470c6' },
-        },
-      ]
-      // 同样处理 chartsData2 和 chartsData3
-      const allZeroResult = Object.values(checkResultCount).every(count => count === 0)
-      chartsData2.value = [
-        {
-          value: allZeroResult ? 0 : checkResultCount[2] === 0 ? null : checkResultCount[2],
-          name: '未检',
-          itemStyle: { color: '#fac858' },
-        },
-        {
-          value: allZeroResult ? 0 : checkResultCount[0] === 0 ? null : checkResultCount[0],
-          name: '不符合',
-          itemStyle: { color: '#ee6666' },
-        },
-        {
-          value: allZeroResult ? 0 : checkResultCount[1] === 0 ? null : checkResultCount[1],
-          name: '符合',
-          itemStyle: { color: '#91cc75' },
-        },
-      ]
+        // 检查 checkStateCount 是否全为 0
+        if (boundPqDevList.value.length != 0) {
+            isLabelLineShow.value = true
+            const allZero = Object.values(checkStateCount).every(count => count === 0)
+            chartsData1.value = [
+                {
+                    value: allZero ? 0 : checkStateCount[0] === 0 ? null : checkStateCount[0],
+                    name: '未检',
+                    itemStyle: { color: '#fac858' }
+                },
+                {
+                    value: allZero ? 0 : checkStateCount[1] === 0 ? null : checkStateCount[1],
+                    name: '检测中',
+                    itemStyle: { color: '#ee6666' }
+                },
+                {
+                    value: allZero ? 0 : checkStateCount[2] === 0 ? null : checkStateCount[2],
+                    name: '检测完成',
+                    itemStyle: { color: '#91cc75' }
+                },
+                {
+                    value: allZero ? 0 : checkStateCount[3] === 0 ? null : checkStateCount[3],
+                    name: '归档',
+                    itemStyle: { color: '#5470c6' }
+                }
+            ]
+            // 同样处理 chartsData2 和 chartsData3
+            const allZeroResult = Object.values(checkResultCount).every(count => count === 0)
+            chartsData2.value = [
+                {
+                    value: allZeroResult ? 0 : checkResultCount[2] === 0 ? null : checkResultCount[2],
+                    name: '未检',
+                    itemStyle: { color: '#fac858' }
+                },
+                {
+                    value: allZeroResult ? 0 : checkResultCount[0] === 0 ? null : checkResultCount[0],
+                    name: '不符合',
+                    itemStyle: { color: '#ee6666' }
+                },
+                {
+                    value: allZeroResult ? 0 : checkResultCount[1] === 0 ? null : checkResultCount[1],
+                    name: '符合',
+                    itemStyle: { color: '#91cc75' }
+                }
+            ]
 
+            // 检查 reportStateCount 是否全为 0
+            const allZeroReport = Object.values(reportStateCount).every(count => count === 0)
+            chartsData3.value = [
+                {
+                    value: allZeroReport ? 0 : reportStateCount[2] === 0 ? null : reportStateCount[2],
+                    name: '未检',
+                    itemStyle: { color: '#fac858' }
+                },
+                {
+                    value: allZeroReport ? 0 : reportStateCount[0] === 0 ? null : reportStateCount[0],
+                    name: '未生成',
+                    itemStyle: { color: '#ee6666' }
+                },
+                {
+                    value: allZeroReport ? 0 : reportStateCount[1] === 0 ? null : reportStateCount[1],
+                    name: '已生成',
+                    itemStyle: { color: '#91cc75' }
+                }
+            ]
+        } else {
+            isLabelLineShow.value = false //不展示引导线
+            chartsData1.value = [
+                { value: null, name: '未检', itemStyle: { color: '#fac858' } },
+                { value: null, name: '检测中', itemStyle: { color: '#ee6666' } },
+                { value: null, name: '检测完成', itemStyle: { color: '#91cc75' } },
+                { value: null, name: '归档', itemStyle: { color: '#5470c6' } },
+                { value: 0, itemStyle: { color: '#eeeeee' } }
+            ]
 
-      // 检查 reportStateCount 是否全为 0
-      const allZeroReport = Object.values(reportStateCount).every(count => count === 0)
-      chartsData3.value = [
-        {
-          value: allZeroReport ? 0 : reportStateCount[2] === 0 ? null : reportStateCount[2],
-          name: '未检',
-          itemStyle: { color: '#fac858' },
-        },
-        {
-          value: allZeroReport ? 0 : reportStateCount[0] === 0 ? null : reportStateCount[0],
-          name: '未生成',
-          itemStyle: { color: '#ee6666' },
-        },
-        {
-          value: allZeroReport ? 0 : reportStateCount[1] === 0 ? null : reportStateCount[1],
-          name: '已生成',
-          itemStyle: { color: '#91cc75' },
-        },
-      ]
+            chartsData2.value = [
+                { value: null, name: '未检', itemStyle: { color: '#fac858' } },
+                { value: null, name: '不符合', itemStyle: { color: '#ee6666' } },
+                { value: null, name: '符合', itemStyle: { color: '#91cc75' } },
+                { value: 0, itemStyle: { color: '#eeeeee' } }
+            ]
 
+            chartsData3.value = [
+                { value: null, name: '未检', itemStyle: { color: '#fac858' } },
+                { value: null, name: '未生成', itemStyle: { color: '#ee6666' } },
+                { value: null, name: '已生成', itemStyle: { color: '#91cc75' } },
+                { value: 0, itemStyle: { color: '#eeeeee' } }
+            ]
+        }
     } else {
-
-      isLabelLineShow.value = false//不展示引导线
-      chartsData1.value = [
-        { value: null, name: '未检', itemStyle: { color: '#fac858' } },
-        { value: null, name: '检测中', itemStyle: { color: '#ee6666' } },
-        { value: null, name: '检测完成', itemStyle: { color: '#91cc75' } },
-        { value: null, name: '归档', itemStyle: { color: '#5470c6' } },
-        { value: 0, itemStyle: { color: '#eeeeee' } },
-      ]
-
-      chartsData2.value = [
-        { value: null, name: '未检', itemStyle: { color: '#fac858' } },
-        { value: null, name: '不符合', itemStyle: { color: '#ee6666' } },
-        { value: null, name: '符合', itemStyle: { color: '#91cc75' } },
-        { value: 0, itemStyle: { color: '#eeeeee' } },
-      ]
-
-      chartsData3.value = [
-        { value: null, name: '未检', itemStyle: { color: '#fac858' } },
-        { value: null, name: '未生成', itemStyle: { color: '#ee6666' } },
-        { value: null, name: '已生成', itemStyle: { color: '#91cc75' } },
-        { value: 0, itemStyle: { color: '#eeeeee' } },
-      ]
+        planName.value = '所选计划:'
     }
-  } else {
-    planName.value = '所选计划:'
-  }
 
-
-  pieRef1.value.init()
-  pieRef2.value.init()
-  pieRef3.value.init()
+    pieRef1.value.init()
+    pieRef2.value.init()
+    pieRef3.value.init()
 }
 /**
  * 初始化树组件数据
  * @param data - 计划数据
  */
 const getTree = (data?: any) => {
-  treeRef.value.getTreeData(data)
+    treeRef.value.getTreeData(data)
 }
 
 // ============================ 路由跳转函数 ============================
@@ -464,21 +481,20 @@ const getTree = (data?: any) => {
  * 跳转到检测页面
  */
 const handleDetection = () => {
-  router.push({
-    path: '/detection',
-  })
+    router.push({
+        path: '/detection'
+    })
 }
 
 /**
  * 跳转到计划详情页面
  */
 const planDetail = () => {
-  router.push({
-    path: '/plan/planList',
-  })
+    router.push({
+        path: '/plan/planList'
+    })
 }
 
-
 // ============================ 主要业务逻辑函数 ============================
 /**
  * 处理功能选项卡切换
@@ -486,124 +502,122 @@ const planDetail = () => {
  * @param val - 功能选项卡值 (0:设备检测, 3:报告生成, 4:设备归档, 5:数据操作)
  */
 const handleCheckFunction = (val: any) => {
-  // 重置tab状态
-  editableTabsValue.value = '0'
-  
-  // 更新功能按钮的选中状态
-  tabsList.value.map((item: any, index: any) => {
-    item.checked = (val == item.value)
-  })
+    // 重置tab状态
+    editableTabsValue.value = '0'
 
-  tabShow.value = false
+    // 更新功能按钮的选中状态
+    tabsList.value.map((item: any, index: any) => {
+        item.checked = val == item.value
+    })
 
-  // 根据选中的功能设置不同的过滤条件和标签
-  switch (val) {
-    case 0: // 设备检测模式
-      checkStateTable.value = [0, 1, 2] // 显示未检、检测中、检测完成的设备
-      tabLabel1.value = '设备检测'
-      break
-    case 1: // 手动检测模式（预留）
-      tabLabel1.value = '手动检测'
-      break
-    case 2: // 设备复检模式（预留）
-      tabLabel1.value = '设备复检'
-      break
-    case 3: // 报告生成模式
-      checkStateTable.value = [2, 3] // 显示检测完成和已归档的设备
-      tabLabel1.value = '报告生成'
-      break
-    case 4: // 设备归档模式
-      checkStateTable.value = [2] // 只显示检测完成的设备
-      tabLabel1.value = '设备归档'
-      break
-    case 5: // 数据查询模式
-      checkStateTable.value = [2, 3] // 显示检测完成和已归档的设备
-      tabLabel1.value = '数据查询'
-      break
-  }
-  // 更新当前激活的功能选项卡
-  form.value.activeTabs = val
-  
-  // 刷新饼图数据以确保统计信息同步
-  if (currentId.value) {
-    getPieData(currentId.value)
-  }
+    tabShow.value = false
+
+    // 根据选中的功能设置不同的过滤条件和标签
+    switch (val) {
+        case 0: // 设备检测模式
+            checkStateTable.value = [0, 1, 2] // 显示未检、检测中、检测完成的设备
+            tabLabel1.value = '设备检测'
+            break
+        case 1: // 手动检测模式（预留）
+            tabLabel1.value = '手动检测'
+            break
+        case 2: // 设备复检模式（预留）
+            tabLabel1.value = '设备复检'
+            break
+        case 3: // 报告生成模式
+            checkStateTable.value = [2, 3] // 显示检测完成和已归档的设备
+            tabLabel1.value = '报告生成'
+            break
+        case 4: // 设备归档模式
+            checkStateTable.value = [2] // 只显示检测完成的设备
+            tabLabel1.value = '设备归档'
+            break
+        case 5: // 数据查询模式
+            checkStateTable.value = [2, 3] // 显示检测完成和已归档的设备
+            tabLabel1.value = '数据查询'
+            break
+    }
+    // 更新当前激活的功能选项卡
+    form.value.activeTabs = val
+
+    // 刷新饼图数据以确保统计信息同步
+    if (currentId.value) {
+        getPieData(currentId.value)
+    }
 }
 
-
 // ============================ 监听器和事件处理 ============================
 /**
  * 饼图容器尺寸变化监听器
  * 当容器大小变化时自动调整饼图尺寸，保持响应式设计
  */
 const resizeObserver = new ResizeObserver(entries => {
-  for (let entry of entries) {
-    // 更新容器宽度
-    chartsWidth.value = entry.contentRect.width
+    for (let entry of entries) {
+        // 更新容器宽度
+        chartsWidth.value = entry.contentRect.width
 
-    // 同步调整三个饼图的尺寸（宽度为容器的95%，高度固定180px）
-    pieRef1.value?.reSize(chartsWidth.value * 0.95, 180, true)
-    pieRef2.value?.reSize(chartsWidth.value * 0.95, 180, true)
-    pieRef3.value?.reSize(chartsWidth.value * 0.95, 180, true)
-  }
+        // 同步调整三个饼图的尺寸（宽度为容器的95%，高度固定180px）
+        pieRef1.value?.reSize(chartsWidth.value * 0.95, 180, true)
+        pieRef2.value?.reSize(chartsWidth.value * 0.95, 180, true)
+        pieRef3.value?.reSize(chartsWidth.value * 0.95, 180, true)
+    }
 })
 
-
 // ============================ 初始化函数 ============================
 /**
  * 初始化计划数据
  * 根据当前模式获取相应的计划列表数据
  */
 const initPlan = async () => {
-  // 获取当前模式对应的数据字典ID
-  const patternId = dictStore.getDictData('Pattern').find(item => item.name === modeStore.currentMode)?.id ?? ''
-  
-  // 构建计划查询请求对象
-  const reqPlan: Plan.ReqPlan = {
-    pattern: patternId, // 模式ID
-    datasourceIds: '',
-    sourceIds: '',
-    planId: '',
-    scriptName: '',
-    errorSysName: '',
-    sourceName: '',
-    devIds: [],
-    id: '',
-    name: '',
-    dataSourceId: '',
-    scriptId: '',
-    errorSysId: '',
-    timeCheck: 0,
-    testState: 0,
-    reportState: 0,
-    result: 0,
-    code: 0,
-    state: 0,
-    standardDevNameStr: '',
-    associateReport: 0,
-    reportTemplateName: '',
-    reportTemplateVersion: '',
-    dataRule: '',
-    testItemNameStr: '',
-    testItems: [],
-    standardDevIds: [],
-    standardDevMap: new Map<string, number>(),
-  }
-  
-  // 获取计划数据
-  const result = await getPlanListByPattern(reqPlan) as ResultData<Plan.ReqPlan[]>
-  planList2.value = result.data || []
-  
-  // 创建计划数据的副本用于过滤处理
-  planList.value = JSON.parse(JSON.stringify(planList2.value))
-  
-  // 过滤子计划，只保留 pid 为 '0' 的项目
-  planList.value = planList.value.map((item: any) => {
-    if (item?.children) {
-      item.children = item.children.filter((child: any) => child?.pid === '0')
+    // 获取当前模式对应的数据字典ID
+    const patternId = dictStore.getDictData('Pattern').find(item => item.name === modeStore.currentMode)?.id ?? ''
+
+    // 构建计划查询请求对象
+    const reqPlan: Plan.ReqPlan = {
+        pattern: patternId, // 模式ID
+        datasourceIds: '',
+        sourceIds: '',
+        planId: '',
+        scriptName: '',
+        errorSysName: '',
+        sourceName: '',
+        devIds: [],
+        id: '',
+        name: '',
+        dataSourceId: '',
+        scriptId: '',
+        errorSysId: '',
+        timeCheck: 0,
+        testState: 0,
+        reportState: 0,
+        result: 0,
+        code: 0,
+        state: 0,
+        standardDevNameStr: '',
+        associateReport: 0,
+        reportTemplateName: '',
+        reportTemplateVersion: '',
+        dataRule: '',
+        testItemNameStr: '',
+        testItems: [],
+        standardDevIds: [],
+        standardDevMap: new Map<string, number>()
     }
-    return item
-  })
+
+    // 获取计划数据
+    const result = (await getPlanListByPattern(reqPlan)) as ResultData<Plan.ReqPlan[]>
+    planList2.value = result.data || []
+
+    // 创建计划数据的副本用于过滤处理
+    planList.value = JSON.parse(JSON.stringify(planList2.value))
+
+    // 过滤子计划，只保留 pid 为 '0' 的项目
+    planList.value = planList.value.map((item: any) => {
+        if (item?.children) {
+            item.children = item.children.filter((child: any) => child?.pid === '0')
+        }
+        return item
+    })
 }
 
 // ============================ 生命周期函数 ============================
@@ -615,38 +629,37 @@ const initPlan = async () => {
  * 4. 根据模式加载额外数据
  */
 onBeforeMount(async () => {
-  // 初始化计划数据
-  await initPlan()
-  
-  // 找到第一个有子计划的项目，并设置为默认选中
-  if (planList.value?.length) {
-    for (let i = 0; i < planList.value.length; i++) {
-      const children = planList.value[i]?.children
-      if (Array.isArray(children) && children.length > 0) {
-        currentId.value = children[0]?.id // 选中第一个子计划
-        break // 确保只选中一个
-      }
+    // 初始化计划数据
+    await initPlan()
+
+    // 找到第一个有子计划的项目，并设置为默认选中
+    if (planList.value?.length) {
+        for (let i = 0; i < planList.value.length; i++) {
+            const children = planList.value[i]?.children
+            if (Array.isArray(children) && children.length > 0) {
+                currentId.value = children[0]?.id // 选中第一个子计划
+                break // 确保只选中一个
+            }
+        }
     }
-  }
 
-  // 初始化图表尺寸监听器
-  if (chartsInfoRef.value) {
-    resizeObserver.observe(chartsInfoRef.value)
-  }
-  
-  // 初始化树组件和饼图数据
-  getTree(planList.value || [])
-  getPieData(currentId.value)
+    // 初始化图表尺寸监听器
+    if (chartsInfoRef.value) {
+        resizeObserver.observe(chartsInfoRef.value)
+    }
 
-  // 如果不是比对模式，直接返回
-  if (modeStore.currentMode != '比对式')
-    return
-    
-  // 比对模式下加载额外的计划表格数据
-  const patternId2 = dictStore.getDictData('Pattern').find(item => item.name === modeStore.currentMode)?.id
-  if (patternId2 !== undefined) {
-    planTable.value = await getPlanList({ 'patternId': patternId2 } )
-  }
+    // 初始化树组件和饼图数据
+    getTree(planList.value || [])
+    getPieData(currentId.value)
+
+    // 如果不是比对模式，直接返回
+    if (modeStore.currentMode != '比对式') return
+
+    // 比对模式下加载额外的计划表格数据
+    const patternId2 = dictStore.getDictData('Pattern').find(item => item.name === modeStore.currentMode)?.id
+    if (patternId2 !== undefined) {
+        planTable.value = await getPlanList({ patternId: patternId2 })
+    }
 })
 
 /**
@@ -654,9 +667,9 @@ onBeforeMount(async () => {
  * 移除尺寸监听器，防止内存泄漏
  */
 onUnmounted(async () => {
-  if (chartsInfoRef.value) {
-    resizeObserver.unobserve(chartsInfoRef.value)
-  }
+    if (chartsInfoRef.value) {
+        resizeObserver.unobserve(chartsInfoRef.value)
+    }
 })
 
 /**
@@ -664,201 +677,194 @@ onUnmounted(async () => {
  * 更新计划数据、树状态和饼图，表格会通过watch自动更新
  */
 const handleBatchGenerate = async () => {
-  // 重新获取计划数据
-  await initPlan()
-  // 更新树的选中状态
-  treeRef.value.clickTableToTree(planList.value || [], currentId.value)
-  // 重新获取饼图数据，deviceData更新后watch会自动触发表格更新
-  getPieData(currentId.value)
+    // 重新获取计划数据
+    await initPlan()
+    // 更新树的选中状态
+    treeRef.value.clickTableToTree(planList.value || [], currentId.value)
+    // 重新获取饼图数据，deviceData更新后watch会自动触发表格更新
+    getPieData(currentId.value)
 
-  // 批量操作后的表格刷新 - 这个调用与watch监听器无关，是通过emit触发的
-  tableRef1.value && tableRef1.value.changeActiveTabs(form.value.activeTabs)
+    // 批量操作后的表格刷新 - 这个调用与watch监听器无关，是通过emit触发的
+    tableRef1.value && tableRef1.value.changeActiveTabs(form.value.activeTabs)
 }
 </script>
-<style lang='scss' scoped>
-
+<style lang="scss" scoped>
 .static {
-
-  .left_tree {
-    height: 100%;
-    background-color: #fff;
-  }
-
-  .right_container {
-    flex: none;
-    height: 100%;
-    display: flex;
-    flex-direction: column;
-
-
-    .container_function {
-      width: 100%;
-      height: auto;
-      background: #fff;
-      border-radius: 4px;
-      display: flex;
-      justify-content: flex-start;
-      align-items: center;
-      margin-bottom: 10px;
-      padding: 10px 20px 10px 20px;
-      box-sizing: border-box;
-
-      .function_item {
-        flex: none;
-        width: 6%;
-        height: 70px;
-        display: flex;
-        justify-content: space-between;
-        align-items: center;
-        flex-direction: column;
-        cursor: pointer;
-        background-color: #607eab;
-        border-radius: 8px;
-        padding: 0px 30px;
-        margin-right: 50px;;
-
-        .item_img {
-          width: 60px;
-          height: 60px;
-          border-radius: 50%;
-          // background-color: #607eab;
-          display: flex;
-          align-items: center;
-          justify-content: center;
-
-          img {
-            width: 40px;
-            height: auto;
-          }
-        }
-
-        .item_img:nth-child(3),
-        .item_img:nth-child(6) {
-          padding: 10px !important;
-
-          img {
-            width: 20px !important;
-            height: auto;
-          }
-        }
-
-        .item_text {
-          p {
-            margin: 0;
-            font-weight: 800;
-            color: #fff;
-            font-size: 14px;
-            font-family: "Microsoft YaHei", "微软雅黑", "Arial", sans-serif;
-          }
-        }
-      }
-
-      .function_item:hover,
-      .checked_function {
-        background-color: var(--el-color-primary);
-
-        .item_img {
-          // background-color: var(--el-color-primary);
-        }
-
-        .item_text {
-          p {
-            // color: var(--el-color-primary);
-            color: #fff;
-          }
-        }
-      }
-    }
-
-    .container_pieShow {
-      width: 100% !important;
-      height: auto;
-      background-color: #eee;
-      margin-bottom: 10px;
-
-      .container_pieShow_title {
-        display: flex;
-        justify-content: space-between;
-        padding: 0 15px;
-        font-weight: bold;
-        width: 99%;
-        font-size: 14px;
-      }
-
-    }
-
-    .el-collapse {
-      width: 100% !important;
-      height: 100% !important;
-      background-color: #eee;
-    }
-
-    .el-collapse-item {
-      width: 100% !important;
-      height: 100% !important;
-      background-color: #eee;
-    }
-
-    .container_charts {
-      width: 100%;
-      height: 100%;
-      background-color: #eee;
-      display: flex;
-      justify-content: space-between;
-
-      .charts_info {
-        margin-top: 1px;
-        flex: none;
-        width: 33.1%;
-        height: 100% !important;
-        background-color: #fff;
-      }
-    }
-
-    .el-tabs {
-      width: 100% !important;
-      border-radius: 4px;
-    }
-
-
-    .tabs-menu {
-      height: 100%;
-      border: 0;
-    }
-
-    .container_table {
-      // width: 100%;
-      flex: 1 !important;
-      //height: calc(100vh - 360px - 180px);
-      height: 100% !important;
-      border-radius: 4px;
-      width: 100% !important;
-      // display: none;
-      .table_info {
-        width: 100%;
+    .left_tree {
         height: 100%;
-      }
+        background-color: #fff;
+    }
+
+    .right_container {
+        flex: none;
+        height: 100%;
+        display: flex;
+        flex-direction: column;
+
+        .container_function {
+            width: 100%;
+            height: auto;
+            background: #fff;
+            border-radius: 4px;
+            display: flex;
+            justify-content: flex-start;
+            align-items: center;
+            margin-bottom: 10px;
+            padding: 10px 20px 10px 20px;
+            box-sizing: border-box;
+
+            .function_item {
+                flex: none;
+                width: 6%;
+                height: 70px;
+                display: flex;
+                justify-content: space-between;
+                align-items: center;
+                flex-direction: column;
+                cursor: pointer;
+                background-color: #607eab;
+                border-radius: 8px;
+                padding: 0px 30px;
+                margin-right: 50px;
+
+                .item_img {
+                    width: 60px;
+                    height: 60px;
+                    border-radius: 50%;
+                    // background-color: #607eab;
+                    display: flex;
+                    align-items: center;
+                    justify-content: center;
+
+                    img {
+                        width: 40px;
+                        height: auto;
+                    }
+                }
+
+                .item_img:nth-child(3),
+                .item_img:nth-child(6) {
+                    padding: 10px !important;
+
+                    img {
+                        width: 20px !important;
+                        height: auto;
+                    }
+                }
+
+                .item_text {
+                    p {
+                        margin: 0;
+                        font-weight: 800;
+                        color: #fff;
+                        font-size: 14px;
+                        font-family: 'Microsoft YaHei', '微软雅黑', 'Arial', sans-serif;
+                    }
+                }
+            }
+
+            .function_item:hover,
+            .checked_function {
+                background-color: var(--el-color-primary);
+
+                .item_img {
+                    // background-color: var(--el-color-primary);
+                }
+
+                .item_text {
+                    p {
+                        // color: var(--el-color-primary);
+                        color: #fff;
+                    }
+                }
+            }
+        }
+
+        .container_pieShow {
+            width: 100% !important;
+            height: auto;
+            background-color: #eee;
+            margin-bottom: 10px;
+
+            .container_pieShow_title {
+                display: flex;
+                justify-content: space-between;
+                padding: 0 15px;
+                font-weight: bold;
+                width: 99%;
+                font-size: 14px;
+            }
+        }
+
+        .el-collapse {
+            width: 100% !important;
+            height: 100% !important;
+            background-color: #eee;
+        }
+
+        .el-collapse-item {
+            width: 100% !important;
+            height: 100% !important;
+            background-color: #eee;
+        }
+
+        .container_charts {
+            width: 100%;
+            height: 100%;
+            background-color: #eee;
+            display: flex;
+            justify-content: space-between;
+
+            .charts_info {
+                margin-top: 1px;
+                flex: none;
+                width: 33.1%;
+                height: 100% !important;
+                background-color: #fff;
+            }
+        }
+
+        .el-tabs {
+            width: 100% !important;
+            border-radius: 4px;
+        }
+
+        .tabs-menu {
+            height: 100%;
+            border: 0;
+        }
+
+        .container_table {
+            // width: 100%;
+            flex: 1 !important;
+            //height: calc(100vh - 360px - 180px);
+            height: 100% !important;
+            border-radius: 4px;
+            width: 100% !important;
+            // display: none;
+            .table_info {
+                width: 100%;
+                height: 100%;
+            }
+        }
     }
-  }
 }
 
 :deep(.el-collapse-item__header) {
-  color: var(--el-color-primary);
-  font-size: 14px;
-  font-family: "Microsoft YaHei", "微软雅黑", "Arial", sans-serif;
+    color: var(--el-color-primary);
+    font-size: 14px;
+    font-family: 'Microsoft YaHei', '微软雅黑', 'Arial', sans-serif;
 }
 
 :deep(.el-collapse-item__conten) {
-  padding-bottom: 0px !important;
+    padding-bottom: 0px !important;
 }
 
-:deep(.el-collapse-item__content ) {
-  padding-bottom: 0px !important;
+:deep(.el-collapse-item__content) {
+    padding-bottom: 0px !important;
 }
 
 :deep(.el-tabs--border-card > .el-tabs__content) {
-  padding: 0 !important;
+    padding: 0 !important;
 }
-
-
 </style>