Merge branch 'master' of http://192.168.1.22:3000/frontend/pqs-9100_client

# Conflicts:
#	frontend/src/views/machine/device/index.vue

frontend/package.json

@@ -14,6 +14,7 @@
   },
   "dependencies": {
     "@element-plus/icons-vue": "^2.3.1",
+    "@vue-flow/core": "^1.45.0",
     "@vueuse/core": "^10.4.1",
     "axios": "^1.7.3",
     "crypto-js": "^4.2.0",
@@ -26,6 +27,7 @@
     "md5": "^2.3.0",
     "mitt": "^3.0.1",
     "mkdirp": "^3.0.1",
+    "node-forge": "^1.3.1",
     "nprogress": "^0.2.0",
     "pinia": "^2.2.1",
     "pinia-plugin-persistedstate": "^3.2.1",
@@ -45,6 +47,7 @@
     "@types/html2canvas": "^1.0.0",
     "@types/md5": "^2.3.2",
     "@types/node": "^20.14.14",
+    "@types/node-forge": "^1.3.11",
     "@types/nprogress": "^0.2.0",
     "@types/qs": "^6.9.8",
     "@types/sortablejs": "^1.15.2",
@@ -70,11 +73,11 @@
     "unplugin-auto-import": "^0.18.3",
     "unplugin-vue-components": "^0.27.4",
     "unplugin-vue-setup-extend-plus": "^1.0.0",
-    "vite": "^5.3.1",
+    "vite": "^5.4.19",
     "vite-plugin-compression": "^0.5.1",
     "vite-plugin-eslint": "^1.8.1",
     "vite-plugin-html": "^3.2.0",
-    "vite-plugin-node-polyfills": "^0.22.0",
+    "vite-plugin-node-polyfills": "^0.23.0",
     "vite-plugin-pwa": "^0.16.5",
     "vite-plugin-svg-icons": "^2.0.1",
     "vue-tsc": "^2.0.21"

frontend/src/api/check/interface/index.ts

@@ -13,13 +13,15 @@ export namespace CheckData {
         // 装置原始数据-被检值
         data: number,
 
-
+        // 误差值
+        errorData: number,
         // 第几次谐波
         num?: number,
         //符合、不符合
         isData?: number,
         //最大误差值
         radius?: string,
+        unit?: string,
     }
 
     /**
@@ -50,21 +52,25 @@ export namespace CheckData {
         errorA?: string,
         maxErrorA?: string,
         isDataA?: number,
+        unitA?: string,
         stdB?: string,
         dataB?: string,
         errorB?: string,
         maxErrorB?: string,
         isDataB?: number,
+        unitB?: string,
         stdC?: string,
         dataC?: string,
         errorC?: string,
         maxErrorC?: string,
         isDataC?: number,
+        unitC?: string,
         stdT?: string,
         dataT?: string,
         errorT?: string,
         maxErrorT?: string,
         isDataT?: number,
+        unitT?: string,
 
         //最大误差值
         maxError?: string,
@@ -93,9 +99,10 @@ export namespace CheckData {
 
         planId: string; //计划Id
         devType: string; //设备类型
-        devVolt:number; //设备电压
+        devVolt: number; //设备电压
-        devCurr:number; //设备电流
+        devCurr: number; //设备电流
-        factorFlag:number; //是否支持系数校准
+        factorFlag: number; //是否支持系数校准
+        checkResult:number; //检测结果
     }
 
     // 用来描述检测脚本类型
@@ -107,7 +114,7 @@ export namespace CheckData {
 
     // 用来描述 检测数据-左侧树结构
     export interface TreeItem {
-        id:string | null,
+        id: string | null,
         scriptTypeName: string | null,
         sourceDesc: string | null,
         harmNum: number | null,
@@ -123,7 +130,8 @@ export namespace CheckData {
         SUCCESS = 1,
         FAIL = 2,
         TIMEOUT = 3,
-        ERRORDATA = 4
+        ERRORDATA = 4,
+        NOT_PART_IN_ERROR = 5
     }
 
     export interface DeviceCheckResult {
@@ -143,8 +151,8 @@ export namespace CheckData {
 
     export enum ButtonColorEnum {
         INFO = '#909399',
-        LOADING = '#003078',
+        LOADING = 'var(--el-color-primary)',
-        SUCCESS = '#67c23a',
+        SUCCESS = '#91cc75',
         WARNING = '#e6a23c',
         DANGER = '#f56c6c',
     }
@@ -154,7 +162,7 @@ export namespace CheckData {
      */
     export interface ButtonResult {
         color: ButtonColorEnum
-        icon: 'Minus' | 'Loading' | 'Close' | 'CircleCheckFilled' | 'Link' | 'WarnTriangleFilled'
+        icon: 'More' | 'Loading' | 'Close' | 'CircleCheckFilled' | 'Link' | 'WarnTriangleFilled' | 'Minus'
     }
 
     /**

frontend/src/api/check/test/index.ts

@@ -2,9 +2,9 @@ import http from "@/api";
 import {CheckData} from "@/api/check/interface";
 
 export const getBigTestItem = (params: {
-    reCheckType:number,
+    reCheckType: number,
     planId: string,
-    devId: string,
+    devIds: string[],
 }) => {
     return http.post(`/adPlan/getBigTestItem`, params, {loading: false});
 }
@@ -31,9 +31,9 @@ export const getTreeData = (params: {
     devId?: string,
     devNum?: string,
     scriptType?: string | null,
-    code?: number,
+    code?: string,
 }) => {
-    return http.post<CheckData.TreeItem[]>("/result/treeData/", params, {loading: true});
+    return http.post<CheckData.TreeItem[]>("/result/treeData/", params, {loading: false});
 }
 
 /**
@@ -45,7 +45,7 @@ export const getTableData = (params: {
     scriptId: string,
     devId: string,
     devNum: string,
-    code: number,
+    code: string,
     index: number,
 }) => {
     return http.post("/result/resultData/", params, {loading: false});
@@ -56,8 +56,44 @@ export const exportRawData = (params: {
     scriptId: string,
     devId: string,
     devNum: string,
-    code: number,
+    code: string,
     index: number,
 }) => {
     return http.download("/result/exportRawData", params, {loading: false});
 }
+
+/**
+ * 重新计算
+ * @param params
+ */
+export const reCalculate = (params: {
+    planId: string,
+    scriptId: string,
+    errorSysId: string,
+    deviceId: string,
+    code: string
+}) => {
+    return http.post("/result/reCalculate", params, {loading: true});
+}
+
+/**
+ * 更换误差体系
+ * @param params
+ */
+export const changeErrorSystem = (params: {
+    planId: string,
+    scriptId: string,
+    errorSysId: string,
+    deviceId: string,
+    code: string
+}) => {
+    return http.post("/result/changeErrorSystem", params, {loading: true});
+}
+
+/**
+ * 删除（误差体系切换时产生的）临时表
+ * @param code
+ */
+export const deleteTempTable = (code: string) => {
+    return http.get(`/result/deleteTempTable?code=${code}`, null, {loading: false})
+}

frontend/src/api/device/device/index.ts

@@ -1,4 +1,5 @@
-import type { Device } from '@/api/device/interface/device'
+import { pa } from 'element-plus/es/locale/index.mjs';
+import type {Device} from '@/api/device/interface/device'
 import http from '@/api'
 
 /**
@@ -25,39 +26,49 @@ export const deletePqDev = (params: string[]) => {
     return http.post(`/pqDev/delete`, params)
 }
 
-// export const downloadTemplate = () => {
+//导出被检设备
-//   return http.download(`/pqDev/downloadTemplate`)
+export const exportPqDev = (params: Device.ReqPqDevParams) => {
-// }
+    return http.download(`/pqDev/export`, params)
-
+}
-// //导入被检设备(比对)
+// 下载导入文件模板
-// export const importPqDev=(params: Device.ReqPqDevParams)=>{
+export const downloadTemplate = (params: { pattern: string }) => {
-//    return http.upload(`/pqDev/import`, params)
+    return http.download(`/pqDev/downloadTemplate`,params)
-// }
-//   //导入比对式被检设备
-//   export const importContrastPqDev=(params: Device.ReqPqDevParams)=>{
-//    return http.upload(`/pqDev/importContrast`, params)
-//   }
-
-//导出灿能二楼设备
-export const exportCNDev = (params: Device.ReqPqDevParams) => {
-  return http.download(`/pqDev/exportCNDev`, params)
 }
 
-// 下载灿能二楼设备导入文件模板
+//导入被检设备
-export const downloadCNDevTemplate = () => {
+export const importPqDev = (params: Device.ReqPqDevParams) => {
-  return http.download(`/pqDev/downloadCNDevTemplate`)
+    return http.uploadExcel(`/pqDev/import`, params)
 }
 
-//导入灿能二楼设备
+//导入比对式被检设备
-export const importCNDev = (params: Device.ReqPqDevParams) => {
+export const importContrastPqDev = (params: Device.ReqPqDevParams) => {
-  return http.uploadExcel(`/pqDev/importCNDev`, params)
+    return http.upload(`/pqDev/importContrast`, params)
 }
+
+// //导出灿能二楼设备
+// export const exportCNDev = (params: Device.ReqPqDevParams) => {
+//     return http.download(`/pqDev/exportCNDev`, params)
+// }
+//
+// // 下载灿能二楼设备导入文件模板
+// export const downloadCNDevTemplate = () => {
+//     return http.download(`/pqDev/downloadCNDevTemplate`)
+// }
+//
+// //导入灿能二楼设备
+// export const importCNDev = (params: Device.ReqPqDevParams) => {
+//     return http.uploadExcel(`/pqDev/importCNDev`, params)
+// }
+
+export const getPqDevById = (params: Device.ReqPqDevParams) => {
+    return http.get(`/pqDev/getById?id=${params.id}`)
+}
+
 //根据设备类型决定（电源、icd、模板、通道数、额定电压、额定电流）；
 export const getPqDev = () => {
     return http.get(`/devType/listAll`)
 }
 
-//被检设备归档
+export const getSelectOptions = (params:{ pattern: string }) => {
-export const documentedPqDev = (ids: string[]) => {
+    return http.get(`/pqDev/getSelectOptions`, params)
-  return http.post(`/pqDev/documented`, ids)
 }

frontend/src/api/device/error/index.ts

@@ -30,5 +30,7 @@ export const deletePqErrSys = (params: string[]) => {
   return http.post(`/pqErrSys/delete`, params)
 }
 
-
+//复制误差体系
-
+export const copyPqErrSys = (params: ErrorSystem.ErrorSystemList) => {
+  return http.get(`/pqErrSys/copy?id=${params.id}`)
+}

frontend/src/api/device/interface/device.ts

@@ -1,4 +1,6 @@
-import type { ReqPage,ResPage } from '@/api/interface'
+import { getPqDevById } from './../device/index';
+import type {ReqPage, ResPage} from '@/api/interface'
+import type { Monitor } from './monitor';
 
 // 被检设备模块
 export namespace Device {
@@ -6,20 +8,23 @@ export namespace Device {
     /**
      *  被检设备表格分页查询参数
      */
-  export interface ReqPqDevParams extends ReqPage{
+    export interface ReqPqDevParams extends ReqPage {
         id: string; // 装置序号id 必填
         name: string; //设备名称
         devType?: string; // 设备名称
-    createTime?:string; //创建时间
+        createTime?: string; //创建时间
-    pattern:string;
+        pattern: string;
     }
 
     /**
      *  被检设备表格分页查询参数
      */
-  export interface ReqDevReportParams extends ReqPage{
+    export interface ReqDevReportParams extends ReqPage {
-    planId?:string; // 计划id
+        planId?: string; // 计划id
-    devId?:string; // 装置id
+        devId?: string; // 装置id
+        scriptId?: string; // 脚本id
+        planCode?: string;
+        devIdList?: string[]; // 装置id列表
     }
 
     /**
@@ -30,62 +35,90 @@ export namespace Device {
         name: string; //设备名称
         pattern: string; //设备模式 模拟 数字 比对
         devType: string;//设备类型
-        devChns: number;   //设备通道数
-        devVolt: number;   //额定电压（V）
-        devCurr: number;   //额定电流（A）
         manufacturer?: string | null;//生产厂家
         createDate: string; //生产日期
         createId: string; //出厂编号
         hardwareVersion: string; //固件版本
         softwareVersion: string; //软件版本
-        protocol:string; //通讯协议
+        protocol: string; //通讯协议
         ip: string; //IP地址
         port: number; //端口号
         encryptionFlag: number; //装置是否为加密版本
-        series?: string| null; //装置识别码（3ds加密）
+        series?: string | null; //装置识别码（3ds加密）
-        devKey?: string| null; //装置秘钥（3ds加密）
+        devKey?: string | null; //装置秘钥（3ds加密）
-        sampleID?: string| null; //样品编号
+        sampleId?: string | null; //样品编号
         arrivedDate?: string; //送样日期
-        cityName?: string| null; //所属地市名称
+        cityName?: string | null; //所属地市名称
-        gDName?: string| null; //所属供电公司名称
+        gdName?: string | null; //所属供电公司名称
-        subName?: string| null; //所属电站名称
+        subName?: string | null; //所属电站名称
-        checkState?: number| null; //检测状态
+        reportPath?: string | null; //报告路径
-        checkResult?: number| null; //检测结果
+        planId?: string;//检测计划Id
-        reportState?: number| null; //报告状态
+        factorFlag?: number;//是否支持系数校准(0:不支持,1:支持)
-        reportPath?: string| null; //报告路径
+        preinvestmentPlan: string | null;//预投计划
-        qRCode?: string| null; //设备关键信息二维码
+        delegate: string | null; //委托方
-        reCheckNum: number; //复检次数
+        inspectChannel?: string[] | string;//被检通道
-        planId?:string;//检测计划Id
+        inspectDate?: string | null;//定检日期
-        timeCheckResult?:number;//守时检测结果(0:不符合1:符合)
+        harmSysId?: string | null;//谐波系统设备id
-        factorFlag?:number;//是否支持系数校准(0:不支持,1:支持)
+        importFlag?: number;//是否为导入设备 0否 1是
-        factorCheckResult?: number;//系数校准结果(0:不合格，1:合格，2：/表示没有做系数校准)
         state: number; //状态
-        createBy?: string| null; //创建用户
+        createBy?: string | null; //创建用户
-        createTime?: string| null; //创建时间
+        createTime?: string | null; //创建时间
-        updateBy?: string| null; //更新用户
+        updateBy?: string | null; //更新用户
-        updateTime?: string| null; //更新时间
+        updateTime?: string | null; //更新时间
-        icdId: string| null;
+        
-        power: string| null;//工作电源
+        devChns: number;   //设备通道数
-        preinvestmentPlan: string| null;
+        devVolt: number;   //额定电压（V）
+        devCurr: number;   //额定电流（A）
+        icdId: string | null;
+        power: string | null;//工作电源
+
+        devId?: number;
+        checkState?: number | null; //检测状态(0:未检，1:检测中，2:检测完成 3:归档)
+        checkResult?: number | null; //检测结果(0:不符合，1:符合，2:未检)
+        reportState?: number | null; //报告状态(0:未生成，1:已生成，2:未检)
+        recheckNum: number; //复检次数
+        timeCheckResult?: number;//守时检测结果(0:不符合1:符合)
+        factorCheckResult?: number;//系数校准结果(0:不合格，1:合格，2:未检)
+        realtimeResult?: number;//实时数据结论(0:不符合，1:符合，2:未检)
+        statisticsResult?: number;//统计数据结论(0:不符合，1:符合，2:未检)
+        recordedResult?: number;//录波数据结论(0:不符合，1:符合，2:未检)
+        checkBy?: string | null;//检测人
+        checkTime?: string | null;//检测时间
+        preDetectTime?: number;//预检测耗时
+        coefficientTime?: number;//系数校准耗时
+        formalCheckTime?: number;//正式检测耗时
+
+        boundPlanName?: string| null;
+        assign?: number;////是否分配给检测人员 0否 1是
+        monitorList: Monitor.ResPqMon[] ;
+    }
+
+    export interface SelectOption {
+            label: string;
+            value: string | number;
     }
 
 
-    export interface ResDev{
+
+
+    export interface ResDev {
         id: string;
-      name: string ,
+        name: string,
-      icd:string ,
+        icd: string,
-      power:string,
+        power: string,
-      devVolt:number,
+        devVolt: number,
-      devCurr:number,
+        devCurr: number,
-      devChns:number,
+        devChns: number,
     }
 
-
+    export interface ResTH {
-
+        temperature :number | null;//温度
+        humidity:number | null;//湿度
+    }
     /**
      * 被检设备表格查询分页返回的对象；
      */
     export interface ResPqDevPage extends ResPage<ResPqDev> {
 
     }
-  }
+}

frontend/src/api/device/interface/error.ts

@@ -33,7 +33,9 @@ export namespace ErrorSystem  {
         endFlag?:number;//是否包含结束值
         conditionType?:string;//判断条件值类型（包括值类型，绝对值、相对值）
         maxErrorValue:number;//误差最大值
-        errorValueType:string;//误差值类型（包括值类型，绝对值、相对值1、相对值2）
+        errorValueType:any;//误差值类型（0标称值、1标准值、2值类型）
+        valueType:number;//值类型（1绝对值、2相对值）
+        errorUnit:string;//误差单位
     }
 
     //查看详细误差体系

frontend/src/api/device/interface/monitor.ts

@@ -1,33 +1,35 @@
 import type { ReqPage, ResPage } from '@/api/interface'
 
-// 被检设备模块
+// 监测点模块
 export namespace Monitor {
 
   /**
-   * 电能质量指标字典数据表格分页查询参数
+   * 监测点表格分页查询参数
    */
   export interface ReqPqMonParams extends ReqPage {
     id: string; // 装置序号id 必填
-    devType?: string; // 设备名称
+    name?: string; // 设备名称
-    createTime?: string; //创建时间
+    
   }
 
   /**
-   * 被检设备新增、修改、根据id查询返回的对象
+   * 监测点新增、修改、根据id查询返回的对象
    */
   export interface ResPqMon {
     id: string;     //监测点ID
-    code: string; //默认与谐波系统监测点ID相同
     devId: string; //所属设备ID
-    name: string; //所属母线
+    busbar: string;//所属母线
-    num: number; //监测点序号
+    name: string; //监测点名称
-    pt: number; //PT变比
+    num: number; //线路号,监测点序号
-    ct: number; //CT变比
+    pt: string; //PT变比
-    ptType: string; //接线方式，字典表
+    ct: string; //CT变比
+    connection: string; //接线方式，字典表
+    statInterval: number; //统计间隔
+    harmSysId: string; //默认与谐波系统监测点ID相同
   }
 
   /**
-   * 被检设备表格查询分页返回的对象；
+   * 监测点表格查询分页返回的对象；
    */
   export interface ResPqMonPage extends ResPage<ResPqMon> {
 

frontend/src/api/device/interface/report.ts

@@ -0,0 +1,39 @@
+import type { ReqPage, ResPage } from '@/api/interface'
+import type { UploadFile } from 'element-plus';
+
+// 报告模版接口
+export namespace PqReport {
+
+  /**
+   * 报告模版表格分页查询参数
+   */
+  export interface ReqReportParams extends ReqPage {
+    id: string; // 装置序号id 必填
+    name?: string; // 设备名称
+    createTime?: string; //创建时间
+  }
+
+  /**
+   * 报告模版新增、修改、根据id查询返回的对象
+   */
+  export interface ResReport {
+    id: string;     //报告模板id
+    name: string;//报告模板名称
+    version:string;//版本号
+    baseFile?:string;//基础模板文件路径
+    detailFile?:string;//检测项模版文件路径
+    description:string;//描述信息
+    state:number;//状态:8-删除 1-正常
+    createBy?: string| null; //创建用户
+    createTime?: string| null; //创建时间
+    updateBy?: string| null; //更新用户
+    updateTime?: string| null; //更新时间
+  }
+
+  /**
+   * 报告模版表格查询分页返回的对象；
+   */
+  export interface ResReportPage extends ResPage<ResReport> {
+
+  }
+}

frontend/src/api/device/interface/standardDevice.ts

@@ -0,0 +1,46 @@
+import type {ReqPage, ResPage} from '@/api/interface'
+
+// 标准设备模块
+export namespace StandardDevice {
+
+    /**
+     *  标准设备表格分页查询参数
+     */
+    export interface ReqPqStandardDeviceParams extends ReqPage {
+        id: string; // 装置序号id 必填
+        name: string; //设备名称
+        devType?: string; // 设备名称
+        createTime?: string; //创建时间
+    }
+
+
+    /**
+     * 标准设备新增、修改、根据id查询返回的对象
+     */
+    export interface ResPqStandardDevice {
+        id: string;     //装置序号ID
+        name: string; //设备名称
+        devType: string;//设备类型
+        manufacturer?: string | null;//生产厂家
+        protocol: string;//通讯协议
+        ip: string; //IP地址
+        port: number; //端口号
+        inspectChannel:string[] |string;//可检通道数
+        encryptionFlag: number; //装置是否为加密版本
+        series?: string | null; //装置识别码（3ds加密）
+        devKey?: string | null; //装置秘钥（3ds加密）
+        state: number; //状态
+        createBy?: string | null; //创建用户
+        createTime?: string | null; //创建时间
+        updateBy?: string | null; //更新用户
+        updateTime?: string | null; //更新时间
+    }
+
+
+    /**
+     * 标准设备表格查询分页返回的对象；
+     */
+    export interface ResPqStandardDevicePage extends ResPage<ResPqStandardDevice> {
+
+    }
+}

frontend/src/api/device/interface/testScript.ts

@@ -2,39 +2,37 @@ import type { ReqPage, ResPage } from '@/api/interface'
 
 // 检测脚本模块
 export namespace TestScript {
-
-
     /**
      * 检测脚本表格分页查询参数
      */
- export interface ReqTestScriptParams extends ReqPage{
+    export interface ReqTestScriptParams extends ReqPage {
-    id: string; // 装置序号id 必填
+        id: string // 装置序号id 必填
-    name: string; 
+        name: string
-    type: string;  
+        type: string
-    pattern:string;
+        pattern: string
     }
 
     // 检测脚本接口
     export interface ResTestScript {
-        id?: string;     //检测脚本ID
+        id?: string //检测脚本ID
-        name: string;   //检测脚本名称
+        name: string //检测脚本名称
-        type: string;   //设定0为脚本，1为模板
+        type: string //设定0为脚本，1为模板
-        pattern: string;//检测脚本模式(字典表Code字段，数字、模拟、比对)
+        pattern: string //检测脚本模式(字典表Code字段，数字、模拟、比对)
-        valueType?: string;//脚本值类型(字典表Code字段，相对值脚本、绝对值脚本、无)
+        valueType?: string //脚本值类型(字典表Code字段，相对值脚本、绝对值脚本、无)
-        standardName: string;//参照标准名称
+        standardName: string //参照标准名称
-        standardTime: string;//标准推行时间
+        standardTime: string //标准推行时间
-        state?:number;//
+        state?: number //
-        createBy?: string;
+        createBy?: string
-        createTime?: string;
+        createTime?: string
-        updateBy?: string;
+        updateBy?: string
-        updateTime?: string;
+        updateTime?: string
-        selectedValue?: string;
+        selectedValue?: string
+        ratedCurr?: number
+        ratedVolt?: number
     }
 
     /**
      * 检测脚本查询分页返回的对象；
      */
-  export interface ResTestScriptPage extends ResPage<ResTestScript> {
+    export interface ResTestScriptPage extends ResPage<ResTestScript> {}
-
+}
-  }
-  }

frontend/src/api/device/report/index.ts

@@ -0,0 +1,51 @@
+import type {PqReport} from '@/api/device/interface/report'
+import http from '@/api'
+
+/**
+ * @name 报告模版模块
+ */
+
+//获取报告模版
+export const getPqReportList = (params: PqReport.ReqReportParams) => {
+    return http.post(`/report/list`, params)
+}
+
+//新增报告模版
+export const addPqReport = (params: PqReport.ResReport) => {
+    return http.upload(`/report/add`, params)
+}
+
+//删除报告模版
+export const deletePqReport = (params: string[]) => {
+    return http.post(`/report/delete`, params)
+}
+
+//查询报告模板详情
+export const getPqReportById = (params: PqReport.ResReport) => {
+    return http.get(`/report/getById?id=${params.id}`)
+}
+
+//修改报告模板
+export const updatePqReport = (params: PqReport.ResReport) => {
+    return http.upload(`/report/update`, params)
+}
+
+//查询所有报告模板名称
+export const getPqReportAllName = () => {
+    return http.get(`/report/listAllName`)
+}
+
+//根据名称查询指定报告模板的所有版本
+export const getPqReportAllVersion = (params:any) => {
+    return http.get(`/report/listAllVersion?name=${params.name}`)
+}
+
+//被检设备归档
+export const documentedPqDev = (ids: string[]) => {
+    return http.post(`/report/documented`, ids)
+}
+
+//上传报告到云端
+export const uploadReportToCloud = (deviceIds: string[]) => {
+    return http.post(`/report/uploadReportToCloud`, deviceIds)
+}

frontend/src/api/device/standardDevice/index.ts

@@ -0,0 +1,51 @@
+import type {StandardDevice} from '@/api/device/interface/standardDevice'
+import http from '@/api'
+
+/**
+ * @name 标准设备管理模块
+ */
+
+//获取标准设备
+export const getPqStandardDevList = (params: StandardDevice.ReqPqStandardDeviceParams) => {
+    return http.post(`/pqStandardDev/list`, params)
+}
+
+//根据id查询标准设备
+export const getPqStandardDevById = (params: StandardDevice.ReqPqStandardDeviceParams) => {
+    return http.get(`/pqStandardDev/getById?id=${params.id}`)
+}
+
+//添加标准设备
+export const addPqStandardDev = (params: StandardDevice.ResPqStandardDevice) => {
+    return http.post(`/pqStandardDev/add`, params)
+}
+
+//编辑标准设备
+export const updatePqStandardDev = (params: StandardDevice.ResPqStandardDevice) => {
+    return http.post(`/pqStandardDev/update`, params)
+}
+
+//删除标准设备
+export const deletePqStandardDev = (params: string[]) => {
+    return http.post(`/pqStandardDev/delete`, params)
+}
+
+
+//导出标准设备
+export const exportPqStandardDev = (params: StandardDevice.ReqPqStandardDeviceParams) => {
+    return http.download(`/pqStandardDev/export`, params)
+}
+// 下载导入文件模板
+export const downloadTemplate = () => {
+    return http.download(`/pqStandardDev/downloadTemplate`)
+}
+
+//导入标准设备
+export const importPqStandardDev = (params: StandardDevice.ReqPqStandardDeviceParams) => {
+    return http.uploadExcel(`/pqStandardDev/import`, params)
+}
+
+//获取所有标准设备
+export const getAllPqStandardDev = () => {
+    return http.get(`/pqStandardDev/getAll`)
+}

frontend/src/api/index.ts

@@ -76,6 +76,7 @@ class RequestHttp {
               userStore.setAccessToken(result.data.accessToken)
               userStore.setRefreshToken(result.data.refreshToken)
                 userStore.setIsRefreshToken(false)
+                userStore.setExp(1000 * 60 * 60 * 24 * 30)
               response.config.headers.Authorization = `Bearer ${result.data.accessToken}`//重新请求前需要将更新后的新token更换掉之前无效的token,不然会死循环
               const resp = await this.service.request(response.config)
               return resp
@@ -84,12 +85,13 @@ class RequestHttp {
             }
          }
         // 登陆失效
-        if (data.code == ResultEnum.OVERDUE) {
+        if (data.code === ResultEnum.OVERDUE) {
           console.log("登陆失效")
           userStore.setAccessToken('')
           userStore.setRefreshToken('')
             userStore.setIsRefreshToken(false)
-          userStore.setUserInfo({ name: '' })
+          userStore.setUserInfo({ id:'',name: '' })
+            userStore.setExp(0)
           await router.replace(LOGIN_URL)
             if(isFirst){//临时处理token失效弹窗多次
             ElMessage.error(data.message)
@@ -100,14 +102,29 @@ class RequestHttp {
         // 全局错误信息拦截（防止下载文件的时候返回数据流，没有 code 直接报错）
         if (data.code && data.code !== ResultEnum.SUCCESS) {
           if(data.message.includes('&')){
-            const formattedMessage = data.message.split('&').join('<br>');
+            let formattedMessage = data.message.split('&').join('<br>');
+              if (data.message.includes(':')) {
+                  formattedMessage = formattedMessage.replace(':', '')
+              }
             ElMessage.error({ message: formattedMessage, dangerouslyUseHTMLString: true });
             return Promise.reject(data)
           }
+
           ElMessage.error(data.message)
           return Promise.reject(data)
         }
         // 成功请求（在页面上除非特殊情况，否则不用处理失败逻辑）
+
+          if (userStore.exp <= Date.now() && userStore.exp !== 0) {
+              userStore.setAccessToken('')
+              userStore.setRefreshToken('')
+              userStore.setIsRefreshToken(false)
+              userStore.setUserInfo({ id:'',name: '' })
+              userStore.setExp(0)
+              ElMessage.error('登录已过期，请重新登录!')
+              await router.replace(LOGIN_URL)
+              return Promise.reject(data)
+          }
         return data
       },
       async (error: AxiosError) => {

frontend/src/api/interface/index.ts

@@ -15,6 +15,7 @@ export interface Result {
  * 请求响应参数（包含data）
  */
 export interface ResultData<T = any> extends Result {
+  map(arg0: (item: any) => { label: any; value: any; }): { label: string; value: string; }[] | { label: string; value: string; }[];
   data: T;
 }
 

frontend/src/api/plan/interface/index.ts

@@ -22,6 +22,18 @@ export namespace Plan {
         createTime?:string; //创建时间
         updateBy?:string; //更新用户
         updateTime?:string; //更新时间
+        
+        associateReport:number;//是否关联报告模板 0否 1是
+        reportTemplateName:string;
+        reportTemplateVersion:string;
+        dataRule:string;//数据处理原则
+
+        standardDevIds:string[];
+        standardDevMap:Map<string,number>;//标准设备
+        testItems:string[];//测试项
+        Check_By?:string;//计划检测人
+        progress?: number; // 进度百分比，例如 75
+        children?: ResPlan[];
     }
 
     // 检测计划 + 分页
@@ -32,11 +44,13 @@ export namespace Plan {
 
     export interface ReqPlan extends ResPlan {
         datasourceIds:string;
-        sourceIds: string;
+        sourceIds: string | null;
         planId:string;
         scriptName: string ; 
         errorSysName: string;
         sourceName: string ;
+        standardDevNameStr: string;
+        testItemNameStr:string;
         devIds: string[];
     }
 

frontend/src/api/plan/plan.ts

@@ -2,7 +2,7 @@ import type { Plan } from './interface'
 import http from '@/api'
 import type { ErrorSystem } from '../device/interface/error'
 import type { Device } from '../device/interface/device'
-import { ReqDevReportParams } from '@/api/device/interface/device'
+import { pa } from 'element-plus/es/locale/index.mjs'
 
 /**
  * @name 检测计划管理模块
@@ -23,8 +23,8 @@ export const updatePlan = (params: any) => {
 }
 
 // 删除检测计划
-export const deletePlan = (params: { id: string[] }) => {
+export const deletePlan = (params: { id: string[] ,pattern: string}) => {
-  return http.post(`/adPlan/delete`, params)
+  return http.post(`/adPlan/delete?pattern=${params.pattern}`, params.id)
 }
 
 // 获取指定模式下所有检测源 
@@ -49,7 +49,7 @@ export const getUnboundPqDevList = (params: Plan.ReqPlan) => {
 
 //根据检测计划id查询出所有已绑定的设备
 export const getBoundPqDevList = (params: any) => {
-  return http.post(`/pqDev/listByPlanId`, params)
+  return http.post(`/adPlan/listByPlanId`, params)
 }
 
 //检测计划绑定设备
@@ -63,17 +63,17 @@ export const getPlanListByPattern = (params: Plan.ReqPlan) => {
 }
 
 // 导出检测计划
-export const exportCNPlan = (params: Device.ReqPqDevParams) => {
+export const exportPlan = (params: Device.ReqPqDevParams) => {
-  return http.download(`/adPlan/exportCNPlan`, params)
+  return http.download(`/adPlan/export`, params)
 }
 
 // 下载模板
-export const downloadCNPlanTemplate = () => {
+export const downloadTemplate = (params: { patternId: string }) => {
-  return http.download(`/adPlan/downloadCNPlanTemplate`)
+  return http.download(`/adPlan/downloadTemplate`, params)
 }
 // 导入检测计划
-export const importCNPlan = (params: Device.ReqPqDevParams) => {
+export const importPlan = (params: Device.ReqPqDevParams) => {
-  return http.uploadExcel(`/adPlan/importCNPlan`, params)
+  return http.uploadExcel(`/adPlan/import`, params)
 }
 
 // 装置检测报告生成
@@ -90,3 +90,32 @@ export const staticsAnalyse = (params: { id: string[] }) => {
   return http.download('/adPlan/analyse', params)
 }
 
+//根据计划id分页查询被检设
+export const getDevListByPlanId = (params:any) => {
+  return http.post(`/adPlan/listDevByPlanId`, params)
+}
+
+//修改子计划名称
+export const updateSubPlanName = (params:Plan.ReqPlan) => {
+  return http.get(`/adPlan/updateSubPlanName?planId=${params.id}&name=${params.name}`)
+}
+
+//子计划绑定/解绑标准设备
+export const subPlanBindStandardDevList = (params:Plan.ReqPlan) => {
+  return http.post(`/adPlan/updateBindStandardDev`, params)
+}
+
+//子计划绑定/解绑被检设备
+export const subPlanBindDev = (params:Plan.ReqPlan) => {
+  return http.post(`/adPlan/updateBindDev`, params)
+}
+
+//根据父计划ID获取未被子计划绑定的标准设备
+export const getUnboundStandardDevList = (params:Plan.ResPlan) => {
+  return http.get(`/adPlan/getUnBoundStandardDev?fatherPlanId=${params.fatherPlanId}`)
+}
+
+//根据计划ID获取已绑定的标准设备
+export const getBoundStandardDevList = (params:Plan.ResPlan) => {
+  return http.get(`/adPlan/getBoundStandardDev?planId=${params.id}`)
+}

frontend/src/api/socket/socket.ts

@@ -13,9 +13,9 @@ export const closePreTest = (params) => {
  * 开始正式检测
  * @param params
  */
-export const startTest = (params) => {
+// export const startTest = (params) => {
-    return http.post(`/prepare/startTest`, params, {loading: false})
+//     return http.post(`/prepare/startTest`, params, {loading: false})
-}
+// }
 
 /**
  * 暂停正式检测

frontend/src/api/system/base/index.ts

@@ -1,3 +1,4 @@
+
 import http from '@/api'
 import {type Base} from '@/api/system/base/interface'
 
@@ -12,6 +13,10 @@ export const updateTestConfig = (params: Base.ResTestConfig) => {
     return http.post(`/sysTestConfig/update`, params)
 }
 
+//场景切换
+export const updateScene = (params: any) => {
+    return http.post(`/sysTestConfig/update`,params)
+}
 
 
 

frontend/src/api/system/base/interface/index.ts

@@ -8,8 +8,8 @@ export namespace Base {
         id: string;     //系统配置表Id
         autoGenerate:number;//检测报告是否自动生成0 否；1是
         maxTime:number;//最大复检次数，默认3次
-        dataRule:string;//数据处理原则,关联字典（所有值、部分值、cp95值、平均值、任意值），默认任意值
         state: number; //状态
+        scale:number;//小数位
         createBy?: string| null; //创建用户
         createTime?: string| null; //创建时间
         updateBy?: string| null; //更新用户

frontend/src/api/system/log/index.ts

@@ -9,3 +9,8 @@ import http from '@/api'
 export const getAuditLog = (params: AuditLog.ReqAuditLogParams) => {
   return http.post(`/sysLog/list`, params)
 }
+
+
+export const exportCsv = (params: AuditLog.ReqAuditLogParams) => {
+  return http.download(`/sysLog/exportCSV`, params)
+}

frontend/src/api/user/interface/user.ts

@@ -5,11 +5,13 @@ export namespace Login {
   export interface ReqLoginForm {
     username: string;
     password: string;
+    checked: boolean;
   }
   export interface ResLogin {
     accessToken: string;
     refreshToken: string;
     userInfo:{
+      id: string;
       name: string;
     }
   }

frontend/src/api/user/login/index.ts

@@ -1,23 +1,25 @@
-import type { Login } from '@/api/user/interface/user'
+import { pa } from 'element-plus/es/locale/index.mjs';
-import { ADMIN as rePrefix } from '@/api/system/config/serviceName'
+import type {Login} from '@/api/user/interface/user'
+import {ADMIN as rePrefix} from '@/api/system/config/serviceName'
 import http from '@/api'
-import type { Dict } from '@/api/interface'
+import type {Dict} from '@/api/interface'
+
 /**
  * @name 登录模块
  */
 // 用户登录
-export const loginApi = (params: Login.ReqLoginForm) => {
+export const loginApi = (params: { username: string; password: string}) => {
-  return http.post<Login.ResLogin>(`${rePrefix}/login`, params, { loading: false })
+    return http.post<Login.ResLogin>(`${rePrefix}/login`, params, {loading: false})
     // return http.post<Login.ResLogin>(`/Register1`, params, { loading: false })
 }
 // 获取菜单列表
 export const getAuthMenuListApi = () => {
-   return http.get<Menu.MenuOptions[]>(`/sysFunction/getMenu`, {}, { loading: false })
+    return http.get<Menu.MenuOptions[]>(`/sysFunction/getMenu`, {}, {loading: false})
     //  return http.post<Menu.MenuOptions[]>(`/Register2`, {}, { loading: false })
 }
 // 获取按钮权限
 export const getAuthButtonListApi = () => {
-  return http.get<Login.ResAuthButtons>(`/sysFunction/getButton`, {}, { loading: false })
+    return http.get<Login.ResAuthButtons>(`/sysFunction/getButton`, {}, {loading: false})
     //  return http.post<Login.ResAuthButtons>(`/Register3`, {}, { loading: false })
 }
 // 用户退出登录
@@ -26,7 +28,7 @@ export const logoutApi = () => {
 }
 
 //获取下拉框列表
-export const getDictList = () =>{
+export const getDictList = () => {
     return http.get<Dict>('/dictData/dictDataCache')
 }
 
@@ -34,7 +36,25 @@ export const getDictList = () =>{
 export const refreshToken = () => {
     return http.get<Login.ResLogin>(`${rePrefix}/refreshToken`,
         {},
-      { loading: false }
+        {loading: false}
     )
 }
 
+//获取场景
+export const getCurrentScene = () => {
+    return http.get('/sysTestConfig/getCurrentScene', {}, {loading: false})
+}
+
+/**
+ * 获取RSA公钥
+ */
+export const getPublicKey = (username: string) => {
+    return http.get(`/admin/getPublicKey?username=${username}`, {}, {loading: false})
+}
+
+/**
+ * 获取是否在检测中自动生成报告
+ */
+export const getAutoGenerate = () => {
+    return http.get('/sysTestConfig/getAutoGenerate', {}, {loading: false})
+}

frontend/src/api/user/user/index.ts

@@ -37,3 +37,7 @@ export const updatePassWord = (params: User.ResPassWordUser) => {
   return http.post(`/sysUser/updatePassword`,params)
 }
 
+// 获取所有用户
+export const getAllUser= () => {
+  return http.get(`/sysUser/getAll`)
+}

frontend/src/components/ImportExcel/index.vue

@@ -48,6 +48,7 @@ export interface ExcelParameterProps {
   title: string; // 标题
   showCover?: boolean; // 是否显示”数据覆盖“选项
   patternId?: string; // 模式ID
+  planId?: string | null ;//计划ID
   fileSize?: number; // 上传文件的大小
   fileType?: File.ExcelMimeType[]; // 上传文件的类型
   tempApi?: (params: any) => Promise<any>; // 下载模板的Api
@@ -77,7 +78,7 @@ const acceptParams = (params: ExcelParameterProps) => {
 // Excel 导入模板下载
 const downloadTemp = () => {
   if (!parameter.value.tempApi) return
-  useDownload(parameter.value.tempApi, `${parameter.value.title}模板`, {}, false)
+  useDownload(parameter.value.tempApi, `${parameter.value.title}模板`, {'pattern':parameter.value.patternId}, false)
 }
 
 // 文件上传
@@ -87,6 +88,9 @@ const uploadExcel = async (param: UploadRequestOptions) => {
   if (parameter.value.patternId) {
     excelFormData.append('patternId', parameter.value.patternId)
   }
+
+  excelFormData.append('planId', parameter.value.planId)
+  
   isCover.value && excelFormData.append('isCover', isCover.value as unknown as Blob)
   //await parameter.value.importApi!(excelFormData);
   await parameter.value.importApi!(excelFormData)

frontend/src/components/ProTable/index.vue

@@ -119,6 +119,7 @@ import TableColumn from './components/TableColumn.vue'
 import Sortable from 'sortablejs'
 
 export interface ProTableProps {
+
   columns: ColumnProps[]; // 列配置项  ==> 必传
   data?: any[]; // 静态 table data 数据，若存在则不会使用 requestApi 返回的 data ==> 非必传
   requestApi?: (params: any) => Promise<any>; // 请求表格数据的 api ==> 非必传

frontend/src/config/index.ts

@@ -9,7 +9,7 @@ export const HOME_URL: string = "/home/index";
 export const LOGIN_URL: string = "/login";
 
 // 默认主题颜色
-export const DEFAULT_PRIMARY: string = "#003078";
+export const DEFAULT_PRIMARY: string = "#526ADE";
 
 // 路由白名单地址（本地存在的路由 staticRouter.ts 中）
 export const ROUTER_WHITE_LIST: string[] = ["/500"];
@@ -19,3 +19,5 @@ export const AMAP_MAP_KEY: string = "";
 
 // 百度地图 key
 export const BAIDU_MAP_KEY: string = "";
+
+

frontend/src/enums/httpEnum.ts

@@ -4,8 +4,8 @@
 export enum ResultEnum {
   SUCCESS = "A0000",
   ERROR = 500,
-  ACCESSTOKEN_EXPIRED = 401,
+  ACCESSTOKEN_EXPIRED = "A0024",
-  OVERDUE = 4001,
+  OVERDUE = "A0025",
   TIMEOUT = 30000,
   TYPE = "success"
 }

frontend/src/hooks/useTable.ts

@@ -78,6 +78,7 @@ export const useTable = (
       });
       dataCallBack && (data = dataCallBack(data));
       state.tableData = isPageable ? data.records : data;
+      //console.log(data);
       // 解构后台返回的分页数据 (如果有分页更新分页信息)
       if (isPageable) {
         state.resPageable.total = data.total;
@@ -85,6 +86,7 @@ export const useTable = (
         state.resPageable.size = data.size;
       }
     } catch (error) {
+      //console.log('123');
       requestError && requestError(error);
     }
   };

frontend/src/hooks/useTheme.ts

@@ -27,6 +27,7 @@ export const useTheme = () => {
 
   // 修改主题颜色
   const changePrimary = (val: string | null) => {
+ 
     if (!val) {
       val = DEFAULT_PRIMARY;
       ElMessage({ type: "success", message: `主题颜色已重置为 ${DEFAULT_PRIMARY}` });
@@ -40,10 +41,13 @@ export const useTheme = () => {
     for (let i = 1; i <= 9; i++) {
       const primaryColor = isDark.value ? `${getDarkColor(val, i / 10)}` : `${getLightColor(val, i / 10)}`;
       document.documentElement.style.setProperty(`--el-color-primary-light-${i}`, primaryColor);
+
+      // const colorValue = document.documentElement.style.getPropertyValue(`--el-color-primary-light-${i}`).trim();
+      // console.log(`--el-color-primary-light-${i}: ${colorValue}`);
     }
     globalStore.setGlobalState("primary", val);
-  };
  
+  }
   // 灰色和弱色切换
   const changeGreyOrWeak = (type: Theme.GreyOrWeakType, value: boolean) => {
     const body = document.body as HTMLElement;

frontend/src/languages/modules/en.ts

@@ -26,6 +26,8 @@ export default {
     changePassword: "Change Password",
     changeMode:"Change Mode",
     versionRegister:"Version Register",
+    changeTheme: "Change Theme",
+    changeScene: "Change Scene",
     logout: "Logout"
   }
 };

frontend/src/languages/modules/zh.ts

@@ -26,6 +26,8 @@ export default {
     changePassword: "修改密码",
     changeMode:"模式切换",
     versionRegister:"版本注册",
+    changeTheme:"主题切换",
+    changeScene: "场景切换",
     logout: "退出登录"
   }
 };

frontend/src/layouts/LayoutTransverse/index.scss

@@ -39,7 +39,9 @@
       }
       .el-menu-item:hover {
         color: #fff; //一级导航划过颜色
-        background-color: #5274a5 !important; //一级导航划过背景色
+        //background-color: #5274a5 !important; //一级导航划过背景色
+        background-color:var(--el-color-primary-light-3) !important; 
+
       }
       .el-sub-menu__hide-arrow {
         width: 65px;
@@ -47,7 +49,9 @@
       }
       .el-menu-item.is-active {
         color: #fff !important; //一级导航文字选中颜色
-        background-color: #5274a5 !important; //一级导航选中背景色
+        //background-color: #5274a5 !important; //一级导航选中背景色
+        background-color: var(--el-color-primary-light-3) !important; 
+
         border-bottom: 0 !important;
       }
       .el-sub-menu__title {
@@ -67,7 +71,9 @@
           color: #fff !important; //二级导航文字选中颜色
           // background-color: var(--el-color-primary) !important;
           // background-color: #5274a5 !important;//二级导航选中背景色
-          background-color: #5274a5 !important;
+      
+          //background-color: #7588e5 !important; 
+          background-color: var(--el-color-primary-light-3) !important; 
           border-bottom-color: var(--el-color-primary) !important;
         }
       }

frontend/src/layouts/components/Footer/index.vue

@@ -30,7 +30,7 @@
         </el-dropdown-menu>
       </template>
     </el-dropdown>
-    <p style="margin: 0;">
+    <p style="margin: 0;" >
       <a href="http://www.shining-electric.com/" target="_blank">
         2024 © 南京灿能电力自动化股份有限公司
       </a>
@@ -42,25 +42,12 @@ import { ref, reactive, computed, onMounted, watch } from "vue";
 import { useAuthStore } from "@/stores/modules/auth";
 import { useModeStore } from '@/stores/modules/mode'; // 引入模式 store
 import { useRouter } from "vue-router";
-const title = ref("模拟式模块");
 const router = useRouter();
 const authStore = useAuthStore();
 const modeStore = useModeStore();
 
-onMounted(() => {
+const title = computed(() => {
-  switch (modeStore.currentMode) {
+  return modeStore.currentMode=== ''? '模拟式模块' : modeStore.currentMode+'模块';
-    case '模拟式':
-      title.value = '模拟式模块';
-      break;
-    case '数字式':
-      title.value = '数字式模块';
-      break;
-    case '比对式':
-      title.value = '比对式模块';
-      break;
-    default:
-      title.value = '模拟式模块';
-  }
 });
 
 const handelOpen = async (item: string) => {
@@ -117,10 +104,11 @@ const handelOpen = async (item: string) => {
     position: absolute;
     width: 100%;
     height: 100%;
-    text-align: center;
+    text-align: right;
     line-height: 40px;
     a {
       color: #fff;
+      margin-right: 25px; // 增加右边距
     }
   }
 }

frontend/src/layouts/components/Header/components/Avatar.vue

@@ -18,18 +18,43 @@
     </div>
     <template #dropdown>
       <el-dropdown-menu>
+        <el-dropdown-item @click="openDialog('themeRef')">
+          <el-icon><Sunny /></el-icon>{{ t("header.changeTheme") }}
+        </el-dropdown-item>
         <el-dropdown-item @click="openDialog('infoRef')">
-          <el-icon><User /></el-icon>{{ $t("header.personalData") }}
+          <el-icon><User /></el-icon>{{ t("header.personalData") }}
         </el-dropdown-item>
         <el-dropdown-item @click="openDialog('passwordRef')">
-          <el-icon><Edit /></el-icon>{{ $t("header.changePassword") }}
+          <el-icon><Edit /></el-icon>{{ t("header.changePassword") }}
         </el-dropdown-item>
         <el-dropdown-item @click="changeMode">
-          <el-icon><Edit /></el-icon>{{ $t("header.changeMode") }}
+          <el-icon><Switch /></el-icon>{{ t("header.changeMode") }}
         </el-dropdown-item>
         <el-dropdown-item @click="openDialog('versionRegisterRef')">
-          <el-icon><SetUp /></el-icon>{{ $t("header.versionRegister") }}
+          <el-icon><SetUp /></el-icon>{{ t("header.versionRegister") }}
         </el-dropdown-item>
+       <el-dropdown trigger="hover" placement="left-start" v-if="userStore.userInfo.loginName == 'root'">
+          <div class="custom-dropdown-trigger">
+            <el-icon><Tools /></el-icon>
+            <span>{{ t("header.changeScene") }}</span>
+          </div>
+          <template #dropdown>
+              <el-dropdown-menu>
+                <el-dropdown-item
+                  v-for="item in dictStore.getDictData('app_scene')"
+                  :key="item.value"
+                  :class="{
+                    'custom-dropdown-item': true,
+                    active: item.value === appSceneStore.currentScene
+                  }"
+                  @click="changeScene(item.value?? '')"
+                  :disabled = "item.value === appSceneStore.currentScene"
+                >
+              {{ item.name }}
+              </el-dropdown-item>
+            </el-dropdown-menu>
+          </template>
+        </el-dropdown>
       </el-dropdown-menu>
     </template>
   </el-dropdown>
@@ -42,6 +67,9 @@
   <PasswordDialog ref="passwordRef"></PasswordDialog>
    <!-- versionRegisterDialog -->
    <VersionDialog ref="versionRegisterRef"></VersionDialog>
+    <!-- ThemeDialog -->
+    <ThemeDialog ref="themeRef"></ThemeDialog>
+
 </template>
 
 <script setup lang="ts">
@@ -50,12 +78,13 @@ import { LOGIN_URL } from "@/config";
 import { useRouter } from "vue-router";
 import { logoutApi } from "@/api/user/login";
 import { useUserStore } from "@/stores/modules/user";
-import { ElMessageBox, ElMessage } from "element-plus";
+import { ElMessageBox, ElMessage, CHANGE_EVENT } from "element-plus";
 import InfoDialog from "./InfoDialog.vue";
 import PasswordDialog from "./PasswordDialog.vue";
+import ThemeDialog from "./ThemeDialog.vue";
 import VersionDialog from "@/views/system/versionRegister/index.vue";
 import { computed } from "vue";
-import { Avatar } from "@element-plus/icons-vue";
+import { ArrowLeft, Avatar, Delete, Document, Sunny, Switch ,Tools} from "@element-plus/icons-vue";
 import AssemblySize from "./components/AssemblySize.vue";
 import Language from "./components/Language.vue";
 import SearchMenu from "./components/SearchMenu.vue";
@@ -68,10 +97,21 @@ import { useModeStore,useAppSceneStore } from "@/stores/modules/mode";
 const userStore = useUserStore();
 const dictStore = useDictStore();
 const username = computed(() => userStore.userInfo.name);
+
 const router = useRouter();
 const authStore = useAuthStore();
 const modeStore = useModeStore();
 const AppSceneStore = useAppSceneStore();
+import { useTheme } from "@/hooks/useTheme";
+import { useI18n } from "vue-i18n";
+import {updateScene} from '@/api/system/base/index'
+
+
+const { changePrimary} = useTheme();
+
+// 初始化 i18n
+const { t } = useI18n(); // 使用 t 方法替代 $t
+
 // 退出登录
 const logout = () => {
   ElMessageBox.confirm("您是否确认退出登录?", "温馨提示", {
@@ -84,7 +124,8 @@ const logout = () => {
     // 2.清除 Token
     userStore.setAccessToken("");
     userStore.setRefreshToken("");
-    userStore.setUserInfo({name: ""});
+    userStore.setExp(0)
+    userStore.setUserInfo({id: "", name: ""});
     userStore.setIsRefreshToken(false)
     dictStore.setDictData([]);
     modeStore.setCurrentMode('');
@@ -101,12 +142,26 @@ const logout = () => {
 const infoRef = ref<InstanceType<typeof InfoDialog> | null>(null);
 const passwordRef = ref<InstanceType<typeof PasswordDialog> | null>(null);
 const versionRegisterRef = ref<InstanceType<typeof VersionDialog> | null>(null);
-  
+const themeRef = ref<InstanceType<typeof ThemeDialog> | null>(null);
 const openDialog = (ref: string) => {
   if (ref == "infoRef") infoRef.value?.openDialog();
   if (ref == "passwordRef") passwordRef.value?.openDialog();
   if (ref == "versionRegisterRef") versionRegisterRef.value?.openDialog();
+  if (ref == "themeRef") themeRef.value?.openDialog();
+  
 };
+
+
+const appSceneStore = useAppSceneStore();
+
+const changeScene = async (value: string) => {
+  appSceneStore.setCurrentMode(value);
+  await updateScene({scene :dictStore.getDictData('app_scene').find(item => item.value == value)?.id});
+  // 强制刷新页面
+  window.location.reload();
+};
+
+
 //模式切换
 const changeMode = () => {
   authStore.changeModel();
@@ -146,4 +201,18 @@ const changeMode = () => {
     // height: 100%;
   }
 }
+
+.custom-dropdown-trigger {
+  padding: 8px 15px;
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+
+:deep(.el-dropdown-menu__item.custom-dropdown-item.active),
+:deep(.el-dropdown-menu__item.custom-dropdown-item.active:hover) {
+  background-color: var(--el-color-primary-light-9) !important; 
+  color: var(--el-color-primary)
+}
 </style>

frontend/src/layouts/components/Header/components/ThemeDialog.vue

@@ -0,0 +1,45 @@
+<template>
+    <el-dialog v-model="dialogVisible" title="主题切换" width="500px" draggable>
+        <el-divider content-position="center">主题颜色</el-divider>
+        <div style="display: flex; justify-content: center;">
+            <el-color-picker v-model="color" />
+        </div>
+      <template #footer>
+        <span class="dialog-footer">
+          <el-button @click="dialogVisible = false">取消</el-button>
+          <el-button type="primary" @click="sure">确认</el-button>
+        </span>
+      </template>
+    </el-dialog>
+  </template>
+  
+  <script setup lang="ts">
+  import { onMounted, ref } from "vue";
+  import { useTheme } from "@/hooks/useTheme";
+import { on } from "events";
+  const color = ref('')
+  const { changePrimary} = useTheme();
+
+  const dialogVisible = ref(false);
+  const openDialog = () => {
+      // 修复：使用可选链和空值合并运算符确保不会出现 null 或 undefined
+    const storedColor = JSON.parse(localStorage.getItem('cn-global') ?? '{}').primary;
+    color.value = storedColor ?? '#526ADE'; // 默认值为 '#526ADE'
+    dialogVisible.value = true;
+  };
+
+  const sure = () => {
+    changePrimary(color.value); // 切换主题
+    dialogVisible.value = false;
+  };
+
+  // onMounted(() => {
+  //  // 修复：使用可选链和空值合并运算符确保不会出现 null 或 undefined
+  // const storedColor = JSON.parse(localStorage.getItem('cn-global') ?? '{}').primary;
+  // console.log('123',storedColor)
+  // color.value = storedColor ?? '#526ADE'; // 默认值为 '#526ADE'
+  // })
+  
+  defineExpose({ openDialog });
+  </script>
+  

frontend/src/layouts/components/Menu/SubMenu.vue

@@ -20,27 +20,36 @@
   </template>
 </template>
 <script setup lang="ts">
+import { onBeforeMount } from "vue";
 import { useRouter } from "vue-router";
 defineProps<{ menuList: Menu.MenuOptions[] }>();
 const router = useRouter();
 const handleClickMenu = (subItem: Menu.MenuOptions) => {
+  //console.log('1456----------------',subItem);
   if (subItem.meta.isLink) return window.open(subItem.meta.isLink, "_blank");
   router.push(subItem.path);
 };
+
+
 </script>
 <style lang="scss">
 .el-sub-menu .el-sub-menu__title:hover {
   // color: var(--el-menu-hover-text-color) !important;
   // background-color: transparent !important;
   color: #fff !important;//一级导航文字选中颜色
-  background-color: #5274a5 !important; //一级导航选中背景色
+  //background-color: #5274a5 !important; //一级导航选中背景色
+  
+  background-color: var(--el-color-primary-light-3) !important; 
+
 }
 .el-menu--collapse {
   .is-active {
     .el-sub-menu__title {
       color: #ffffff !important;
       // background-color: var(--el-color-primary) !important;
-      background-color: #5274a5 !important;
+      //background-color: #5274a5 !important;
+      background-color: var(--el-color-primary-light-3) !important; 
+
       border-bottom: 0 !important;
     }
   }
@@ -53,7 +62,9 @@ const handleClickMenu = (subItem: Menu.MenuOptions) => {
     // color: var(--el-menu-active-color) !important;
     // background-color: var(--el-menu-active-bg-color) !important;
     color: #fff !important;//一级导航文字选中颜色
-    background-color: #5274a5 !important; //一级导航选中背景色
+    //background-color: #5274a5 !important; //一级导航选中背景色
+    background-color: var(--el-color-primary-light-3) !important; 
+
     &::before {
       position: absolute;
       top: 0;

frontend/src/layouts/components/Tabs/index.vue

@@ -1,12 +1,17 @@
 <template>
-  <div class='tabs-box'>
+    <div class="tabs-box">
-    <div class='tabs-menu'>
+        <div class="tabs-menu">
-      <el-tabs v-model='tabsMenuValue' type='card' @tab-click='tabClick' @tab-remove='tabRemove'>
+            <el-tabs v-model="tabsMenuValue" type="card" @tab-click="tabClick" @tab-remove="tabRemove">
-        <el-tab-pane v-for='item in tabsMenuList' :key='item.path' :label='item.title' :name='item.path'
+                <el-tab-pane
-                     :closable='item.close'>
+                    v-for="item in tabsMenuList"
+                    :key="item.path"
+                    :label="item.title"
+                    :name="item.path"
+                    :closable="item.close"
+                >
                     <template #label>
-            <el-icon v-show='item.icon && tabsIcon' class='tabs-icon'>
+                        <el-icon v-show="item.icon && tabsIcon" class="tabs-icon">
-              <component :is='item.icon'></component>
+                            <component :is="item.icon"></component>
                         </el-icon>
                         {{ item.title }}
                     </template>
@@ -17,7 +22,7 @@
     </div>
 </template>
 
-<script setup lang='ts'>
+<script setup lang="ts">
 import Sortable from 'sortablejs'
 import { ref, computed, watch, onMounted } from 'vue'
 import { useRoute, useRouter } from 'vue-router'
@@ -42,15 +47,14 @@ onMounted(() => {
     initTabs()
 })
 
-
 // 监听路由的变化（防止浏览器后退/前进不变化 tabsMenuValue）
 watch(
     () => route.fullPath,
     () => {
         if (route.meta.isFull) return
-    if (route.meta.hideTab){
+        if (route.meta.hideTab) {
             tabsMenuValue.value = route.meta.parentPath as string
-    }else{
+        } else {
             tabsMenuValue.value = route.fullPath
             const tabsParams = {
                 icon: route.meta.icon as string,
@@ -58,12 +62,12 @@ watch(
                 path: route.fullPath,
                 name: route.name as string,
                 close: !route.meta.isAffix,
-        isKeepAlive: route.meta.isKeepAlive as boolean,
+                isKeepAlive: route.meta.isKeepAlive as boolean
             }
             tabStore.addTabs(tabsParams)
         }
     },
-  { immediate: true },
+    { immediate: true }
 )
 
 // 初始化需要固定的 tabs
@@ -77,7 +81,7 @@ const initTabs = () => {
                 name: item.name,
                 close: !item.meta.isAffix,
                 isKeepAlive: item.meta.isKeepAlive,
-        unshift:true
+                unshift: true
             }
             tabStore.addTabs(tabsParams)
         }
@@ -94,7 +98,7 @@ const tabsDrop = () => {
             const currRow = tabsList.splice(oldIndex as number, 1)[0]
             tabsList.splice(newIndex as number, 0, currRow)
             tabStore.setTabs(tabsList)
-    },
+        }
     })
 }
 
@@ -107,10 +111,12 @@ const tabClick = (tabItem: TabsPaneContext) => {
 
 // Remove Tab
 const tabRemove = (fullPath: TabPaneName) => {
-  tabStore.removeTabs(fullPath as string, fullPath == route.fullPath)
+
+
+    tabStore.removeTabs(fullPath as string, fullPath == route.fullPath || '/machine/testScriptAdd' == route.fullPath)
 }
 </script>
 
-<style scoped lang='scss'>
+<style scoped lang="scss">
-@import "./index.scss";
+@import './index.scss';
 </style>

frontend/src/layouts/components/ThemeDrawer/index.scss

@@ -46,7 +46,7 @@
       border-radius: 3px;
     }
     .layout-light {
-      background-color: var(--el-color-primary-light-5);
+      background-color: var(--el-color-primary-light-3);
       border-radius: 3px;
     }
     .layout-content {

frontend/src/main.ts

@@ -65,5 +65,6 @@ const setupAll = async () => {
 
 //挂载app
 setupAll().then(() => {
+ 
     app.mount('#app')
 })

frontend/src/routers/modules/dynamicRouter.ts

@@ -30,6 +30,7 @@ export const initDynamicRouter = async () => {
       });
       userStore.setAccessToken("");
       userStore.setRefreshToken("");
+      userStore.setExp(0)
       router.replace(LOGIN_URL);
       return Promise.reject("No permission");
     }
@@ -52,6 +53,7 @@ export const initDynamicRouter = async () => {
     // 当按钮 || 菜单请求出错时，重定向到登陆页
     userStore.setAccessToken("");
     userStore.setRefreshToken("");
+    userStore.setExp(0)
     router.replace(LOGIN_URL);
     return Promise.reject(error);
   }

frontend/src/stores/interface/index.ts

@@ -30,7 +30,7 @@ export interface UserState {
     accessToken: string;
     refreshToken: string;
     isRefreshToken: boolean;
-  userInfo: { name: string };
+    userInfo: { id: string, name: string,loginName:string };
 }
 
 /* tabsMenuProps */

frontend/src/stores/modules/auth.ts

@@ -8,6 +8,9 @@ import {
 } from "@/utils";
 import { useRouter } from "vue-router";
 import { AUTH_STORE_KEY } from "@/stores/constant";
+import {useModeStore} from '@/stores/modules/mode'
+
+
 export const useAuthStore = defineStore({
   id: AUTH_STORE_KEY,
   state: (): AuthState => ({
@@ -43,7 +46,13 @@ export const useAuthStore = defineStore({
     },
     // Get AuthMenuList
     async getAuthMenuList() {
-      const { data } = await getAuthMenuListApi();
+      const modeStore = useModeStore()
+     
+      const { data: menuData } = await getAuthMenuListApi();
+      let data = menuData; // 新增变量接收并操作
+      if(modeStore.currentMode === '比对式'){
+        data = filterMenuTree(data); 
+      }
       this.authMenuList = data;
     
     },
@@ -73,3 +82,16 @@ export const useAuthStore = defineStore({
     },
   },
 });
+
+
+// 工具函数：递归过滤掉 name == 'test' 的菜单项
+function filterMenuTree(menuList: any[]) {
+  return menuList.filter(menu => {
+    // 如果当前项有 children，递归处理子项
+    if (menu.children && menu.children.length > 0) {
+      menu.children = filterMenuTree(menu.children);
+    }
+     // 过滤掉 name 是 testSource、testScript 或 controlSource 的菜单项
+    return !['testSource', 'testScript', 'controlSource'].includes(menu.name);
+  });
+}

frontend/src/stores/modules/check.ts

@@ -2,18 +2,22 @@ import {defineStore} from "pinia";
 import {CHECK_STORE_KEY} from "@/stores/constant";
 import type {CheckData} from "@/api/check/interface";
 import type {Plan} from '@/api/plan/interface'
+import {useAppSceneStore} from "@/stores/modules/mode";
+import { set } from "lodash";
 
-
+const AppSceneStore = useAppSceneStore()
 export const useCheckStore = defineStore("check", {
     id: CHECK_STORE_KEY,
 
     state: () => ({
         devices: Array<CheckData.Device>(),
         plan: Object<Plan.ResPlan>(),
-        selectTestItems: Object<CheckData.SelectTestItem>({preTest: true, timeTest: true, channelsTest: false, test: true}),
+        selectTestItems: Object<CheckData.SelectTestItem>({preTest: true, timeTest: false, channelsTest: false, test: true}),
         checkType:1, // 0:手动检测 1:自动检测
         reCheckType: 1, // 0:不合格项复检 1:全部复检
-        showDetailType: 0 // 0:数据查询 1:误差体系跟换
+        showDetailType: 0 ,// 0:数据查询 1:误差体系跟换 2：正式检测
+        temperature: 0,
+        humidity: 0
     }),
 
     getters: {},
@@ -30,7 +34,11 @@ export const useCheckStore = defineStore("check", {
         },
         initSelectTestItems() {
             this.selectTestItems.preTest = true
+            if (AppSceneStore.currentScene === '1') {
+                this.selectTestItems.channelsTest = true
+            } else {
                 this.selectTestItems.channelsTest = false
+            }
             this.selectTestItems.test = true
         },
         setSelectTestItems(selectTestItems: CheckData.SelectTestItem) {
@@ -44,6 +52,12 @@ export const useCheckStore = defineStore("check", {
         },
         setShowDetailType(showDetailType: number) {
             this.showDetailType = showDetailType
+        },
+        setTemperature(temperature: number) {
+            this.temperature = temperature
+        },
+        setHumidity(humidity: number) {
+            this.humidity = humidity
         }
     }
 });

frontend/src/stores/modules/global.ts

@@ -1,6 +1,6 @@
 import { defineStore } from "pinia";
 import { GlobalState } from "@/stores/interface";
-import { DEFAULT_PRIMARY } from "@/config";
+import { DEFAULT_PRIMARY} from "@/config";
 import piniaPersistConfig from "@/stores/helper/persist";
 import {GLOBAL_STORE_KEY} from "@/stores/constant";
 
@@ -31,7 +31,7 @@ export const useGlobalStore = defineStore({
     // 折叠菜单
     isCollapse: false,
     // 菜单手风琴
-    accordion: true,
+    accordion: false,
     // 面包屑导航
     breadcrumb: true,
     // 面包屑导航图标
@@ -42,12 +42,14 @@ export const useGlobalStore = defineStore({
     tabsIcon: true,
     // 页脚
     footer: false
+  
   }),
   getters: {},
   actions: {
     // Set GlobalState
     setGlobalState(...args: ObjToKeyValArray<GlobalState>) {
       this.$patch({ [args[0]]: args[1] });
+      console.log(DEFAULT_PRIMARY);
     }
   },
   persist: piniaPersistConfig(GLOBAL_STORE_KEY)

frontend/src/stores/modules/user.ts

@@ -9,7 +9,8 @@ export const useUserStore = defineStore({
     accessToken: "",
     refreshToken: "",
     isRefreshToken:false,
-    userInfo: { name: "admin" },
+    exp: Number(0),
+    userInfo: {id:"", name: "" ,loginName:""},
   }),
   getters: {},
   actions: {
@@ -27,6 +28,9 @@ export const useUserStore = defineStore({
     setUserInfo(userInfo: UserState["userInfo"]) {
       this.userInfo = userInfo;
     },
+    setExp(exp: number) {
+      this.exp = exp;
+    }
   },
   persist: piniaPersistConfig(USER_STORE_KEY),
 });

frontend/src/styles/element.scss

@@ -445,7 +445,7 @@
 
 .dialog-small {
   .el-dialog__body {
-    max-height: 340px;
+    max-height: 350px;
   }
 }
 
@@ -578,6 +578,26 @@
     }
   }
 }
+.form-four {
+  display: flex;
+  flex-wrap: wrap;
+  // justify-content: space-between;
+  .el-form-item {
+    display: flex;
+    width: 24%;
+
+    .el-form-item__content {
+      flex: 1;
+
+      .el-select,
+      .el-cascader,
+      .el-input__inner,
+      .el-date-editor {
+        width: 100%;
+      }
+    }
+  }
+}
 
 .el-table__cell {
   border-right: 1px solid #ebeef5 !important;

frontend/src/styles/reset.scss

@@ -140,3 +140,9 @@ body,
 :-webkit-any(article, aside, nav, section) h1 {
   font-size: 2em;
 }
+
+@import 'https://cdn.jsdelivr.net/npm/@vue-flow/core@1.45.0/dist/style.css';
+@import 'https://cdn.jsdelivr.net/npm/@vue-flow/core@1.45.0/dist/theme-default.css';
+@import 'https://cdn.jsdelivr.net/npm/@vue-flow/controls@latest/dist/style.css';
+@import 'https://cdn.jsdelivr.net/npm/@vue-flow/minimap@latest/dist/style.css';
+@import 'https://cdn.jsdelivr.net/npm/@vue-flow/node-resizer@latest/dist/style.css';

frontend/src/utils/color.ts

@@ -37,6 +37,7 @@ export function rgbToHex(r: any, g: any, b: any) {
  * @returns {String} 返回处理后的颜色值
  */
 export function getDarkColor(color: string, level: number) {
+
   let reg = /^\#?[0-9A-Fa-f]{6}$/;
   if (!reg.test(color)) return ElMessage.warning("输入错误的hex颜色值");
   let rgb = hexToRgb(color);
@@ -51,6 +52,7 @@ export function getDarkColor(color: string, level: number) {
  * @returns {String} 返回处理后的颜色值
  */
 export function getLightColor(color: string, level: number) {
+ 
   let reg = /^\#?[0-9A-Fa-f]{6}$/;
   if (!reg.test(color)) return ElMessage.warning("输入错误的hex颜色值");
   let rgb = hexToRgb(color);

frontend/src/utils/mittBus.ts

@@ -1,5 +1,4 @@
 import mitt from "mitt";
 
 const mittBus = mitt();
-
 export default mittBus;

frontend/src/utils/webSocketClient.ts

@@ -20,6 +20,7 @@ export default class SocketService {
     // 重新连接尝试的次数
     connectRetryCount = 0;
     work:any;
+    workerBlobUrl:any;
     lastActivityTime= 0; // 上次活动时间戳
     lastResponseHeartTime = Date.now();//最后一次收到心跳回复时间
 
@@ -107,9 +108,9 @@ export default class SocketService {
     startHeartbeat() {
         this.lastResponseHeartTime = Date.now();
         const  _this = this
-		const url  = window.URL.createObjectURL(new Blob(['(function(e){setInterval(function(){this.postMessage(null)},9000)})()']));
+        _this.workerBlobUrl  = window.URL.createObjectURL(new Blob(['(function(e){setInterval(function(){this.postMessage(null)},9000)})()']));
-        this.workerBlobUrl = url; // 存储临时的Blob URL
+
-        this.work = new Worker(url);
+        this.work = new Worker(_this.workerBlobUrl);
         this.work.onmessage = function(e){
             //判断多久没收到心跳响应
 
@@ -135,13 +136,14 @@ export default class SocketService {
     }
 
     clearHeartbeat() {
-        if (this.work) {
+        const  _this = this
-            this.work.terminate();
+        if (_this.work) {
-            this.work = null;
+            _this.work.terminate();
+            _this.work = null;
         }
-        if (this.workerBlobUrl) {
+        if (_this.workerBlobUrl) {
-            window.URL.revokeObjectURL(this.workerBlobUrl); // 释放临时的Blob URL
+            window.URL.revokeObjectURL(_this.workerBlobUrl); // 释放临时的Blob URL
-            this.workerBlobUrl = null;
+            _this.workerBlobUrl = null;
         }
     }
 

frontend/src/views/authority/resource/components/resourcePopup.vue

@@ -1,5 +1,5 @@
 <template>
-    <el-dialog :title="dialogTitle" :model-value="dialogVisible" @close="close" v-bind="dialogMiddle">
+    <el-dialog :title="dialogTitle" :model-value="dialogVisible" @close="close" v-bind="dialogMiddle" align-center>
       <el-form :model="formContent" ref='dialogFormRef' :rules='rules' class="form-two">
         <el-form-item label="上级菜单" prop="pid" :label-width="100">
           <el-tree-select
@@ -14,10 +14,10 @@
           />
         </el-form-item>
         <el-form-item label="名称" prop="name" :label-width="100">
-          <el-input v-model="formContent.name" />
+          <el-input v-model="formContent.name" maxlength="32" show-word-limit/>
         </el-form-item>
         <el-form-item label="编码" prop="code" :label-width="100">
-          <el-input v-model="formContent.code" />
+          <el-input v-model="formContent.code" maxlength="32" show-word-limit/>
         </el-form-item>
         <el-form-item v-if="!formContent.type" label="图标" prop="icon" :label-width="100">
           <IconSelect
@@ -27,11 +27,11 @@
           placeholder="选择一个图标"
         />
         </el-form-item>
-        <el-form-item v-if="!formContent.type" label="路由地址" prop="path" :label-width="100">
+        <el-form-item v-if="!formContent.type" label="路由地址" prop="path" :label-width="100" >
-          <el-input v-model="formContent.path" />
+          <el-input v-model="formContent.path" maxlength="32" show-word-limit/>
         </el-form-item>
         <el-form-item v-if="!formContent.type" label="组件地址" prop="component" :label-width="100">
-          <el-input v-model="formContent.component" />
+          <el-input v-model="formContent.component" maxlength="32" show-word-limit/>
         </el-form-item>
         <el-form-item label="排序" prop="sort" :label-width="100">
           <el-input-number v-model="formContent.sort" :min='1' :max='999' />
@@ -199,6 +199,8 @@ const displayPid = computed({
     functionList.value = response.data as unknown as Function.ResFunction[]
     titleType.value = sign
     dialogVisible.value = true
+    rules.value.path = [{ required: true, trigger: 'blur', message: '路由地址必填!' }];
+    rules.value.component = [{ required: true, trigger: 'blur', message: '组件地址必填!' }];
 
     if (formContent.value.pid ==='0') {
         formContent.value.pid = '';

frontend/src/views/authority/role/components/rolePopup.vue

@@ -1,6 +1,6 @@
 <template>
     <!-- 基础信息弹出框 -->
-  <el-dialog :model-value="dialogVisible" :title="dialogTitle" v-bind="dialogSmall" @close="close" >
+  <el-dialog :model-value="dialogVisible" :title="dialogTitle" v-bind="dialogSmall" @close="close" align-center>
     <div>
 
         <el-form :model="formContent" 
@@ -8,11 +8,11 @@
                   :rules='rules'
                   >
         <el-form-item label="名称" prop='name' :label-width="100" >
-          <el-input v-model="formContent.name" placeholder="请输入名称" autocomplete="off" :disabled="rootIsEdit"/>
+          <el-input v-model="formContent.name" placeholder="请输入名称" autocomplete="off" :disabled="rootIsEdit" maxlength="32" show-word-limit/>
         </el-form-item>
 
         <el-form-item label="编码" prop='code' :label-width="100">
-          <el-input v-model="formContent.code" placeholder="请输入编码" autocomplete="off" :disabled="rootIsEdit"/>
+          <el-input v-model="formContent.code" placeholder="请输入编码" autocomplete="off" :disabled="rootIsEdit" maxlength="32" show-word-limit/>
         </el-form-item>
         <el-form-item label='类型'  prop='type' :label-width="100">
           <el-select v-model="formContent.type"  clearable placeholder="请选择类型" :disabled="rootIsEdit">

frontend/src/views/authority/role/components/roleResourcePopup.vue

@@ -1,6 +1,6 @@
 <template>
     <!-- 基础信息弹出框 -->
-  <el-dialog :model-value="dialogVisible" :title="dialogTitle"  v-bind="dialogMiddle" @close="close" >
+  <el-dialog :model-value="dialogVisible" :title="dialogTitle"  v-bind="dialogMiddle" @close="close" align-center>
     <div>
         <el-form :model="formContent" ref='dialogFormRef'>
       <el-tree

frontend/src/views/authority/role/index.vue

@@ -8,7 +8,7 @@
       <!-- :requestApi="getRoleList" -->
       <!-- 表格 header 按钮 -->
       <template #tableHeader='scope'>
-        <el-button v-auth.role="'add'" type='primary' :icon='CirclePlus' @click="openDrawer('新增角色')">新增</el-button>
+        <el-button v-auth.role="'add'" type='primary' :icon='CirclePlus' @click="openDrawer('add')">新增</el-button>
                 <el-button v-auth.role="'delete'" type='danger' :icon='Delete' plain :disabled='!scope.isSelected'
                    @click='batchDelete(scope.selectedListIds)'>
           删除
@@ -16,9 +16,9 @@
       </template>
       <!-- 表格操作 -->
       <template #operation='scope'>
-        <el-button v-auth.role="'edit'" type='primary' link :icon='EditPen' @click="openDrawer('编辑角色', scope.row)">编辑</el-button>
+        <el-button v-auth.role="'edit'" type='primary' link :icon='EditPen' @click="openDrawer('edit', scope.row)" :disabled="scope.row.code == 'root'">编辑</el-button>
-        <el-button v-auth.role="'delete'" v-if="scope.row.type !== 0 && scope.row.type !== 1" type='primary' link :icon='Delete' @click='deleteAccount(scope.row)'>删除</el-button>
+        <el-button v-auth.role="'delete'"  type='primary' link :icon='Delete' @click='deleteAccount(scope.row)' :disabled="scope.row.code == 'root'">删除</el-button>
-        <el-button v-auth.role="'SetPermissions'" type='primary' link :icon='Share' @click="openDrawer('设置权限', scope.row)">设置权限</el-button>
+        <el-button v-auth.role="'SetPermissions'" type='primary' link :icon='Share' @click="openDrawer('设置权限', scope.row)" :disabled="scope.row.code == 'root'">设置权限</el-button>
       </template>
 
     </ProTable>

frontend/src/views/authority/user/components/passWordPopup.vue

@@ -1,19 +1,19 @@
 <template>
     <!-- 基础信息弹出框 -->
-  <el-dialog v-model='dialogVisible' :title="dialogTitle" v-bind="dialogSmall" @close="close">
+  <el-dialog v-model='dialogVisible' :title="dialogTitle" v-bind="dialogSmall" @close="close" align-center>
     <div>
         <el-form :model="formContent"
                   ref='dialogFormRef'
                   :rules='rules'
                   >
         <el-form-item label="原密码" prop='oldPassword' :label-width="100">
-          <el-input type="oldPassword" v-model="formContent.oldPassword" show-password placeholder="请输入原密码" autocomplete="off" />
+          <el-input type="oldPassword" v-model="formContent.oldPassword" show-password placeholder="请输入原密码" autocomplete="off" maxlength="32" show-word-limit/>
         </el-form-item>
         <el-form-item label="新密码" prop='newPassword' :label-width="100">
-          <el-input type="newPassword" v-model="formContent.newPassword" show-password placeholder="请输入新密码" autocomplete="off" />
+          <el-input type="newPassword" v-model="formContent.newPassword" show-password placeholder="请输入新密码" autocomplete="off" maxlength="32" show-word-limit/>
         </el-form-item>
         <el-form-item label="确认密码" prop='surePassword' :label-width="100">
-          <el-input type="surePassword" v-model="formContent.surePassword" show-password placeholder="请再次输入确认密码" autocomplete="off" />
+          <el-input type="surePassword" v-model="formContent.surePassword" show-password placeholder="请再次输入确认密码" autocomplete="off" maxlength="32" show-word-limit/>
         </el-form-item>
       </el-form>
       </div>

frontend/src/views/authority/user/components/userPopup.vue

@@ -1,19 +1,19 @@
 <template>
     <!-- 基础信息弹出框 -->
-  <el-dialog v-model='dialogVisible' :title="dialogTitle" v-bind="dialogSmall" @close="close" >
+  <el-dialog v-model='dialogVisible' :title="dialogTitle" v-bind="dialogSmall" @close="close" align-center>
     <div>
         <el-form :model="formContent"
                   ref='dialogFormRef'
                   :rules='rules'
                   >
         <el-form-item label="用户名" prop='name' :label-width="100">
-          <el-input v-model="formContent.name" placeholder="请输入用户名" autocomplete="off" />
+          <el-input v-model="formContent.name" placeholder="请输入用户名" autocomplete="off" maxlength="32" show-word-limit/>
         </el-form-item>
         <el-form-item label="登录名" prop='loginName'  :label-width="100" >
-          <el-input v-model="formContent.loginName" placeholder="请输入登录名" autocomplete="off" :disabled="LoginNameIsShow"/>
+          <el-input v-model="formContent.loginName" placeholder="请输入登录名" autocomplete="off" :disabled="LoginNameIsShow" maxlength="32" show-word-limit/>
         </el-form-item>
         <el-form-item label="密码" prop='password' :label-width="100" v-if="IsPasswordShow">
-          <el-input type="password" v-model="formContent.password" show-password placeholder="请输入密码" autocomplete="off" />
+          <el-input type="password" v-model="formContent.password" show-password placeholder="请输入密码" autocomplete="off" maxlength="32" show-word-limit/>
         </el-form-item>
         <el-form-item label='角色' :label-width='100' prop='roles'>
             <el-select v-model="formContent.roleIds"  multiple   placeholder="请选择角色">

frontend/src/views/authority/user/index.vue

@@ -16,9 +16,9 @@
         </template>
         <!-- 表格操作 -->
         <template #operation='scope'>
-          <el-button v-auth.user="'edit'" type='primary' link :icon='EditPen' @click="openDialog('edit', scope.row)">编辑</el-button>
+          <el-button v-auth.user="'edit'" type='primary' link :icon='EditPen' @click="openDialog('edit', scope.row)" :disabled="scope.row.loginName == 'root'">编辑</el-button>
-          <el-button v-auth.user="'delete'" type='primary' link :icon='Delete' @click='handleDelete(scope.row)'>删除</el-button>
+          <el-button v-auth.user="'delete'" type='primary' link :icon='Delete' @click='handleDelete(scope.row)' :disabled="scope.row.loginName == 'root'">删除</el-button>
-          <el-button v-auth.user="'editPassWord'" type='primary' link :icon='Delete' @click='EditPassWord(scope.row)'>修改密码</el-button>
+          <el-button v-auth.user="'editPassWord'" type='primary' link :icon='Delete' @click='EditPassWord(scope.row)' :disabled="scope.row.loginName == 'root'">修改密码</el-button>
           </template>
 
       </ProTable>
@@ -64,8 +64,8 @@
   // 默认不做操作就直接在 ProTable 组件上绑定	:requestApi="getUserList"
   const getTableList = (params: any) => {
   let newParams = JSON.parse(JSON.stringify(params))
-  newParams.searchEndTime = endDate.value
+  // newParams.searchEndTime = endDate.value
-  newParams.searchBeginTime = startDate.value
+  // newParams.searchBeginTime = startDate.value
   return getUserList(newParams)
 }
 
@@ -91,6 +91,7 @@
       render: (scope) => {
       const roleNames = scope.row.roleNames;
       const roleArray = Array.isArray(roleNames) ? roleNames : [roleNames];
+   
       if (roleArray.length > 1) {
         return roleArray.join(', ');
       }
@@ -111,19 +112,19 @@
       prop: 'loginTime',
       label: '最后一次登录时间',
       minWidth: 180,
-      search: {
+    //   search: {
-      render: () => {
+    //   render: () => {
-        return (
+    //     return (
-            <div class='flx-flex-start'>
+    //         <div class='flx-flex-start'>
-              <TimeControl
+    //           <TimeControl
-                  include={['日', '周', '月', '自定义']}
+    //               include={['日', '周', '月', '自定义']}
-                  default={'月'}
+    //               default={'月'}
-                  onUpdate-dates={handleDateChange}
+    //               onUpdate-dates={handleDateChange}
-              />
+    //           />
-            </div>
+    //         </div>
-        )
+    //     )
-      },
+    //   },
-    },
+    // },
     },
     {
       prop: 'state',

frontend/src/views/home/components/RemoveableEdge.vue

@@ -0,0 +1,85 @@
+<script setup>
+import { BaseEdge, EdgeLabelRenderer, getBezierPath, useVueFlow } from '@vue-flow/core'
+import { computed } from 'vue'
+
+const props = defineProps({
+  id: {
+    type: String,
+    required: true,
+  },
+  sourceX: {
+    type: Number,
+    required: true,
+  },
+  sourceY: {
+    type: Number,
+    required: true,
+  },
+  targetX: {
+    type: Number,
+    required: true,
+  },
+  targetY: {
+    type: Number,
+    required: true,
+  },
+  sourcePosition: {
+    type: String,
+    required: true,
+  },
+  targetPosition: {
+    type: String,
+    required: true,
+  },
+  markerEnd: {
+    type: String,
+    required: false,
+  },
+  style: {
+    type: Object,
+    required: false,
+  },
+})
+
+const { removeEdges } = useVueFlow()
+
+const path = computed(() => getBezierPath(props))
+</script>
+
+<script>
+export default {
+  inheritAttrs: false,
+}
+</script>
+
+<template>
+  <BaseEdge :id="id" :style="style" :path="path[0]" :marker-end="markerEnd" />
+  <EdgeLabelRenderer>
+    <div
+      :style="{
+        pointerEvents: 'all',
+        position: 'absolute',
+        transform: `translate(-50%, -50%) translate(${path[1]}px,${path[2]}px)`,
+      }"
+      class="nodrag nopan"
+    >
+      <el-popconfirm 
+        title="确定要删除这条连线吗？" 
+        @confirm="removeEdges(id)"
+      >
+        <template #reference>
+          <el-icon class="edge-icon"><Delete/></el-icon>
+        </template>
+      </el-popconfirm>
+    </div>
+  </EdgeLabelRenderer>
+</template>
+<style scoped>
+.edge-icon {
+  background: white;
+  border-radius: 50%;
+  padding: 2px;
+  cursor: pointer;
+  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
+}
+</style>

frontend/src/views/home/components/channelsTest.vue

@@ -1,13 +1,13 @@
 <template>
-  <el-dialog v-model='dialogVisible' title="系数校准"  v-bind="dialogBig" width="1550px" @close="handleCancel">
+  <el-dialog v-model='dialogVisible' title="系数校准" v-bind="dialogBig" width="1550px" @close="handleCancel" :before-close="beforeClose">
-    <div class="test-dialog" >
+    <div class="test-dialog">
       <div class="dialog-content">
         <div class="right-title">
           <!-- <div>系数校准表</div> -->
           <div>{{ outputDsc }}</div>
           <div>
             <span style="  font-size: 18px;font-weight: 600;">
-              设备已合格 <span style="color: #67C23A">{{ qualified }}</span> 台/共 <span style="color: green">{{ total }}</span>
+              设备已合格 <span style="color: #91cc75">{{ qualified }}</span> 台/共 <span style="color: green">{{ total }}</span>
               台
             </span>
             <!-- <el-button type="primary" loading
@@ -18,14 +18,16 @@
         <div class="container">
           <div class="dialog-left">
             <el-steps direction="vertical" :active="active" :process-status="currentStepStatus" finish-status="success">
-                <el-step title="开始"  />
+              <el-step title="开始"/>
               <el-step>
                 <template #title>
                   <span>大电压/电流系数下装</span><br/>
                   <span class="spanStyle">源输出为：</span><br/>
-                      <span class="spanStyle" v-if="active > 0">{{big_V_Download}}</span><br/>
+                  <span class="spanStyle" v-if="active > 0">{{ big_V_Download }}</span><br/>
-                      <span class="spanStyle" v-if="active > 0">{{big_I_Download}}</span>
+                  <span class="spanStyle" v-if="active > 0">{{ big_I_Download }}</span>
-                      <el-icon v-if="active === 1 " class="loading-box"><el-icon-loading /></el-icon>
+                  <el-icon v-if="active === 1 " class="loading-box">
+                    <el-icon-loading/>
+                  </el-icon>
                 </template>
               </el-step>
               <el-step>
@@ -34,7 +36,9 @@
                   <span class="spanStyle">源输出为：</span><br/>
                   <span class="spanStyle" v-if="active > 1">{{ small_V_Download }}</span><br/>
                   <span class="spanStyle" v-if="active > 1">{{ small_I_Download }}</span>
-                      <el-icon v-if="active === 2" class="loading-box"><el-icon-loading /></el-icon>
+                  <el-icon v-if="active === 2" class="loading-box">
+                    <el-icon-loading/>
+                  </el-icon>
                 </template>
               </el-step>
               <el-step>
@@ -43,7 +47,9 @@
                   <span class="spanStyle">源输出为：</span><br/>
                   <span class="spanStyle" v-if="active > 2">{{ big_V_Adjust }}</span><br/>
                   <span class="spanStyle" v-if="active > 2">{{ big_I_Adjust }}</span>
-                      <el-icon v-if="active === 3" class="loading-box"><el-icon-loading /></el-icon>
+                  <el-icon v-if="active === 3" class="loading-box">
+                    <el-icon-loading/>
+                  </el-icon>
                 </template>
               </el-step>
               <el-step>
@@ -52,20 +58,22 @@
                   <span class="spanStyle">源输出为：</span><br/>
                   <span class="spanStyle" v-if="active > 3">{{ small_V_Adjust }}</span><br/>
                   <span class="spanStyle" v-if="active > 3">{{ small_I_Adjust }}</span>
-                      <el-icon v-if="active === 4" class="loading-box"><el-icon-loading /></el-icon>
+                  <el-icon v-if="active === 4" class="loading-box">
+                    <el-icon-loading/>
+                  </el-icon>
                 </template>
               </el-step>
               <el-step title="结束"/>
             </el-steps>
           </div>
           <div class="right-content">
-              <el-tabs type="border-card" v-model="editableTabsValue" :active-index="String(activeIndex)" >
+            <el-tabs type="border-card" v-model="editableTabsValue" :active-index="String(activeIndex)">
               <el-tab-pane v-for="(device, index) in name" :key="index" :label="device">
                 <template #label>
                     <span class="custom-tabs-label">
                       <span>{{ device }}</span>
-                      <el-icon v-if="errorStates[index]" class ="icon-style" >
+                      <el-icon v-if="errorStates[index]" class="icon-style">
-                        <Failed />
+                        <Failed/>
                       </el-icon>
                     </span>
                 </template>
@@ -78,7 +86,7 @@
             </el-tabs>
           </div>
         </div>
-</div>
+      </div>
     </div>
     <template #footer>
       <div class="dialog-footer">
@@ -89,15 +97,17 @@
 
 </template>
 <script lang="tsx" setup name="channelsTest">
-import { type Device } from '@/api/device/interface/device';
+import {type Device} from '@/api/device/interface/device';
-import { SuccessFilled, Failed, Message, MessageBox } from '@element-plus/icons-vue'
+import {Failed} from '@element-plus/icons-vue'
-import { type Ref, ref, toRef, watch } from 'vue'
+import {type Ref, ref, toRef, watch} from 'vue'
 import {dialogBig} from '@/utils/elementBind'
-import { ElMessage, ElMessageBox, TabsPaneContext } from 'element-plus';
+import {ElMessageBox} from 'element-plus';
-import { getCoefficientCheck } from '@/api/home/channelsTest/index'
+import {getCoefficientCheck} from '@/api/home/channelsTest/index'
-import type { ChannelsTest } from '@/api/home/interface/channelsTest';
+import type {ChannelsTest} from '@/api/home/interface/channelsTest';
-import type { Plan } from '@/api/plan/interface';
+import type {Plan} from '@/api/plan/interface';
-import { fa } from 'element-plus/es/locale';
+import {useUserStore} from "@/stores/modules/user";
+
+
 const activeIndex = ref(0)
 const activeTotalNum = ref(4)
 const qualified = ref(0)
@@ -113,7 +123,7 @@ const devIdArray = ref<string[]>([])//系数校准所选设备ID数组
 const select_Plan = ref<Plan.ReqPlan>()
 const planId = ref('')
 const isButtonDisabled = ref(false);
-const CurV= ref<number>()//额定电压
+const CurV = ref<number>()//额定电压
 // 在 setup 函数中
 const errorStates = ref(new Array(name.value.length).fill(false));
 //const loadingStates = ref(new Array(name.value.length).fill(false)); // 初始化 loading 状态
@@ -136,12 +146,12 @@ const props = defineProps({
     default: () => ({})
   }
 })
-
+const userStore = useUserStore()
 const tableDataMap = new Map<number, Ref<ChannelsTest.CoefficientVO[]>>([]);
 const currentStepStatus = ref<'error' | 'finish' | 'wait' | 'success' | 'process'>('finish');
 const webMsgSend = toRef(props, 'webMsgSend');
 
-watch(webMsgSend,function (newValue,oldValue){
+watch(webMsgSend, function (newValue, oldValue) {
   if (newValue.code == 10520) {
     ElMessageBox.alert('报文解析异常！', '初始化失败', {
       confirmButtonText: '确定',
@@ -215,17 +225,17 @@ watch(webMsgSend,function (newValue,oldValue){
     })
     TableInit();
   } else {
-    switch (newValue.requestId){
+    switch (newValue.requestId) {
       case 'yjc_ytxjy':
         switch (newValue.operateCode) {
           case'INIT_GATHER':
-          if(newValue.code ==-1){
+            if (newValue.code == -1) {
               ElMessageBox.alert('源未知异常', '初始化失败', {
                 confirmButtonText: '确定',
                 type: 'error',
               })
               TableInit();
-          }else if (newValue.code == 10523) {
+            } else if (newValue.code == 10523) {
               ElMessageBox.alert('源连接失败', '源连接失败', {
                 confirmButtonText: '确定',
                 type: 'error',
@@ -271,7 +281,7 @@ watch(webMsgSend,function (newValue,oldValue){
                 type: 'error',
               })
               TableInit();
-            }else if (newValue.code == 10551) {
+            } else if (newValue.code == 10551) {
               ElMessageBox.alert('设备触发报告异常', '设备触发报告异常', {
                 confirmButtonText: '确定',
                 type: 'error',
@@ -294,40 +304,66 @@ watch(webMsgSend,function (newValue,oldValue){
             break;
         }
         break;
+      case 'yjc_xyjy':
+        switch (newValue.operateCode) {
+          case 'VERIFY_MAPPING$01':
+            if (newValue.code == 10200) {
+              let data = JSON.parse(newValue.data)
+              ElMessageBox.alert(`脚本与icd检验失败! icd名称：${data['icdType']} -> 校验项：${data['dataType']}`, '初始化失败', {
+                confirmButtonText: '确定',
+                type: 'error',
+              })
+              TableInit();
+            }
+            if (newValue.code == 10500) {
+              ElMessageBox.alert(`装置中未找到该icd！`, '初始化失败', {
+                confirmButtonText: '确定',
+                type: 'error',
+              })
+              TableInit();
+            }
+            break;
+        }
+        break;
       case 'Coefficient_Check':
-        console.log("Coefficient_Checkactive",active.value);
+        console.log("Coefficient_Checkactive", active.value);
-        switch (newValue.operateCode){
+        switch (newValue.operateCode) {
-          case 'big_end'://大电压,电流下装
+          case 'big_start'://大电压,电流下装
-                active.value++;
             big_V_Download.value = 'Ua=Ub=Uc=' + newValue.data.devVolt + 'V';
             big_I_Download.value = 'Ia=Ib=Ic=' + newValue.data.devCurr + 'A';
-
+            break;
-                tableLoading('small','系数下装')
+          case 'big_end'://大电压,电流下装
+            active.value++;
+            tableLoading('small', '系数下装')
             break;
         }
-        switch (newValue.operateCode){
+        switch (newValue.operateCode) {
-          case 'small_end'://小电压,电流下装
+          case 'small_start'://小电压,电流下装
-                active.value++;
             small_V_Download.value = 'Ua=Ub=Uc=' + newValue.data.devVolt + 'V';
             small_I_Download.value = 'Ia=Ib=Ic=' + newValue.data.devCurr + 'A';
-
+            break;
-                tableLoading('big','系数校准')
+          case 'small_end'://小电压,电流下装
+            active.value++;
+            tableLoading('big', '系数校准')
             break;
         }
-        switch (newValue.operateCode){
+        switch (newValue.operateCode) {
-          case 'big_comp_end'://大电压,电流校准
+          case 'big_comp_start'://大电压,电流校准
-                active.value++;
             big_V_Adjust.value = 'Ua=Ub=Uc=' + newValue.data.devVolt + 'V';
             big_I_Adjust.value = 'Ia=Ib=Ic=' + newValue.data.devCurr + 'A';
-
+            break;
-                tableLoading('small','系数校准')
+          case 'big_comp_end'://大电压,电流校准
+            active.value++;
+            tableLoading('small', '系数校准')
             break;
         }
-        switch (newValue.operateCode){
+        switch (newValue.operateCode) {
-          case 'small_comp_end'://小电压,电流校准
+          case 'small_comp_start'://小电压,电流校准
-                active.value++;
             small_V_Adjust.value = 'Ua=Ub=Uc=' + newValue.data.devVolt + 'V';
             small_I_Adjust.value = 'Ia=Ib=Ic=' + newValue.data.devCurr + 'A';
+            break;
+          case 'small_comp_end'://小电压,电流校准
+            active.value++;
             active.value++;
 
             for (let i = 0; i < name.value.length; i++) {
@@ -348,7 +384,7 @@ watch(webMsgSend,function (newValue,oldValue){
             isButtonDisabled.value = false; // 恢复按钮
             break;
         }
-        switch (newValue.operateCode){
+        switch (newValue.operateCode) {
           case 'DATA_CHNFACTOR$02'://表格
             // 输出 key 为 0 的数组中的第一条 ChannelsTest.CoefficientVO 对象
             for (let i = 0; i < name.value.length; i++) {
@@ -431,7 +467,7 @@ watch(webMsgSend,function (newValue,oldValue){
         }
         break;
       case 'socket_timeout':
-          switch(newValue.operateCode){
+        switch (newValue.operateCode) {
           case 'VOLTAGE':
             ElMessageBox.alert('连接超时！', '连接超时', {
               confirmButtonText: '确定',
@@ -442,7 +478,7 @@ watch(webMsgSend,function (newValue,oldValue){
         }
         break;
       case 'connect':
-        switch (newValue.operateCode){
+        switch (newValue.operateCode) {
           case "Source":
             ElMessageBox.alert('源服务端连接失败', '源服务端连接失败', {
               confirmButtonText: '确定',
@@ -466,11 +502,11 @@ watch(webMsgSend,function (newValue,oldValue){
 
 //出错系数检测初始化
 const TableInit = () => {
-  console.log("TableInitactive",active.value);
+  console.log("TableInitactive", active.value);
   isButtonDisabled.value = false; // 恢复按钮
   for (let i = 0; i < channel.value.length; i++) {
     const currentTableData = initializeTableData(dataTemplates, i);
-              tableDataMap.set(i,currentTableData)
+    tableDataMap.set(i, currentTableData)
 
     // const targetArrayRef = tableDataMap.get(i);
     //     if (targetArrayRef) {
@@ -498,7 +534,7 @@ const tableLoading = (type: string, desc: string) => {
           const firstCoefficientVO = targetArray.find(item => item.monitorNum === (j + 1).toString() &&
               item.type === type &&
               item.desc === desc);
-                    if (firstCoefficientVO){
+          if (firstCoefficientVO) {
             firstCoefficientVO.loading = true;
           }
         }
@@ -507,13 +543,13 @@ const tableLoading = (type: string, desc: string) => {
   }
 }
 
-const dataTemplates : ChannelsTest.CoefficientVO[]= [
+const dataTemplates: ChannelsTest.CoefficientVO[] = [
   {
     monitorNum: '1',
     desc: '系数下装',
-    type:'big',
+    type: 'big',
     aVuData: '—',
-    aVuXi:'—',
+    aVuXi: '—',
     bVuData: '—',
     bVuXi: '—',
     cVuData: '—',
@@ -524,21 +560,21 @@ const dataTemplates : ChannelsTest.CoefficientVO[]= [
     bIeXi: '—',
     cIeData: '—',
     cIeXi: '—',
-    loading:false,
+    loading: false,
-    devName:'',
+    devName: '',
-    aV:'—',
+    aV: '—',
-    bV:'—',
+    bV: '—',
-    cV:'—',
+    cV: '—',
-    aI:'—',
+    aI: '—',
-    bI:'—',
+    bI: '—',
-    cI:'—',
+    cI: '—',
   },
   {
     monitorNum: '2',
     desc: '系数下装',
-    type:'small',
+    type: 'small',
     aVuData: '—',
-    aVuXi:'—',
+    aVuXi: '—',
     bVuData: '—',
     bVuXi: '—',
     cVuData: '—',
@@ -549,21 +585,21 @@ const dataTemplates : ChannelsTest.CoefficientVO[]= [
     bIeXi: '—',
     cIeData: '—',
     cIeXi: '—',
-    loading:false,
+    loading: false,
-    devName:'',
+    devName: '',
-    aV:'—',
+    aV: '—',
-    bV:'—',
+    bV: '—',
-    cV:'—',
+    cV: '—',
-    aI:'—',
+    aI: '—',
-    bI:'—',
+    bI: '—',
-    cI:'—',
+    cI: '—',
   },
   {
     monitorNum: '3',
     desc: '系数校准',
-    type:'big',
+    type: 'big',
     aVuData: '—',
-    aVuXi:'—',
+    aVuXi: '—',
     bVuData: '—',
     bVuXi: '—',
     cVuData: '—',
@@ -574,21 +610,21 @@ const dataTemplates : ChannelsTest.CoefficientVO[]= [
     bIeXi: '—',
     cIeData: '—',
     cIeXi: '—',
-    loading:false,
+    loading: false,
-    devName:'', 
+    devName: '',
-    aV:'—',
+    aV: '—',
-    bV:'—',
+    bV: '—',
-    cV:'—',
+    cV: '—',
-    aI:'—',
+    aI: '—',
-    bI:'—',
+    bI: '—',
-    cI:'—',
+    cI: '—',
   },
   {
     monitorNum: '4',
     desc: '系数校准',
-    type:'small',
+    type: 'small',
     aVuData: '—',
-    aVuXi:'—',
+    aVuXi: '—',
     bVuData: '—',
     bVuXi: '—',
     cVuData: '—',
@@ -599,25 +635,25 @@ const dataTemplates : ChannelsTest.CoefficientVO[]= [
     bIeXi: '—',
     cIeData: '—',
     cIeXi: '—',
-    loading:false,
+    loading: false,
-    devName:'',
+    devName: '',
-    aV:'—',
+    aV: '—',
-    bV:'—',
+    bV: '—',
-    cV:'—',
+    cV: '—',
-    aI:'—',
+    aI: '—',
-    bI:'—',
+    bI: '—',
-    cI:'—',
+    cI: '—',
   },
 
 ];
 
-const dataTemplates2 : ChannelsTest.CoefficientVO[]= [
+const dataTemplates2: ChannelsTest.CoefficientVO[] = [
   {
     monitorNum: '1',
     desc: '系数下装',
-    type:'big',
+    type: 'big',
     aVuData: '—',
-    aVuXi:'—',
+    aVuXi: '—',
     bVuData: '—',
     bVuXi: '—',
     cVuData: '—',
@@ -628,15 +664,15 @@ const dataTemplates2 : ChannelsTest.CoefficientVO[]= [
     bIeXi: '—',
     cIeData: '—',
     cIeXi: '—',
-    loading:false,
+    loading: false,
-    devName:''
+    devName: ''
   },
   {
     monitorNum: '2',
     desc: '系数下装',
-    type:'small',
+    type: 'small',
     aVuData: '—',
-    aVuXi:'—',
+    aVuXi: '—',
     bVuData: '—',
     bVuXi: '—',
     cVuData: '—',
@@ -647,15 +683,15 @@ const dataTemplates2 : ChannelsTest.CoefficientVO[]= [
     bIeXi: '—',
     cIeData: '—',
     cIeXi: '—',
-    loading:false,
+    loading: false,
-    devName:''
+    devName: ''
   },
   {
     monitorNum: '3',
     desc: '系数校准',
-    type:'big',
+    type: 'big',
     aVuData: '—',
-    aVuXi:'不合格',
+    aVuXi: '不合格',
     bVuData: '—',
     bVuXi: '—',
     cVuData: '—',
@@ -666,15 +702,15 @@ const dataTemplates2 : ChannelsTest.CoefficientVO[]= [
     bIeXi: '—',
     cIeData: '—',
     cIeXi: '—',
-    loading:false,
+    loading: false,
-    devName:''
+    devName: ''
   },
   {
     monitorNum: '4',
     desc: '系数校准',
-    type:'small',
+    type: 'small',
     aVuData: '—',
-    aVuXi:'—',
+    aVuXi: '—',
     bVuData: '—',
     bVuXi: '—',
     cVuData: '—',
@@ -685,8 +721,8 @@ const dataTemplates2 : ChannelsTest.CoefficientVO[]= [
     bIeXi: '—',
     cIeData: '—',
     cIeXi: '—',
-    loading:false,
+    loading: false,
-    devName:''
+    devName: ''
   },
 
 ];
@@ -696,8 +732,8 @@ const updateErrorState = (index: number, hasError: boolean) => {
   errorStates.value[index] = hasError;
 };
 
-  // 打开弹窗，可能是新增，也可能是编辑
+// 打开弹窗，可能是新增，也可能是编辑
-  const open = (selection: Device.ResPqDev[],plan:Plan.ReqPlan) => {
+const open = (selection: Device.ResPqDev[], plan: Plan.ReqPlan) => {
   CurV.value = selection[0]?.devVolt || 57.74;
   isButtonDisabled.value = false; // 恢复按钮
   select_Plan.value = plan
@@ -715,18 +751,32 @@ const updateErrorState = (index: number, hasError: boolean) => {
 
   for (let i = 0; i < channel.value.length; i++) {
     const currentTableData = initializeTableData(dataTemplates, i);
-      tableDataMap.set(i,currentTableData)
+    tableDataMap.set(i, currentTableData)
   }
   //console.log('tableDataMap',tableDataMap);
-  }
+}
 
 
-  const emit = defineEmits<{
+const emit = defineEmits<{
   (e: 'quitClicked'): void;
   (e: 'submitClicked', callback: (resolve: (value: boolean) => void) => void): void;
-  }>();
+}>();
 
-  const handleCancel=() => {
+
+
+const beforeClose = (done: () => void) => {
+ ElMessageBox.confirm('是否退出系数校准?', '提示', {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning',
+        }
+    ).then(() => {
+       handleCancel()
+    })
+}
+
+const handleCancel = () => {
+        //dataSocket.socketServe.closeWs()
         // 清空 name, channel, total
         name.value = [];
         channel.value = [];
@@ -737,7 +787,11 @@ const updateErrorState = (index: number, hasError: boolean) => {
         dialogVisible.value = false
         editableTabsValue.value = '0'
         emit('quitClicked'); // 触发事件
-  }
+
+
+
+
+}
 
 const getTableDataForChannel = (index: number): any[] => {
   const data = tableDataMap.get(index);
@@ -746,8 +800,7 @@ const getTableDataForChannel = (index: number): any[] => {
 
 
 watch(activeIndex, function (newValue, oldValue) {
-    if(activeIndex.value === 1)
+  if (activeIndex.value === 1) {
-    {
     outputDsc.value = "电压误差为：±0.1Un%； 电流误差为：±0.5%";
     // 当前源输出为：Ua=Ub=Uc=57.74V Ia=Ib=Ic=1A"
   }
@@ -777,14 +830,15 @@ const handleSubmit = async () => {
   }
 
   isButtonDisabled.value = true; // 禁用按钮
-  tableLoading('big','系数下装')
+  tableLoading('big', '系数下装')
   await getCoefficientCheck({
     userPageId: "cdf",
-          devIds:devIdArray.value,  
+    devIds: devIdArray.value,
-          planId:planId.value,
+    planId: planId.value,
-          errorSysId: select_Plan.value?.errorSysId,
+    errorSysId: select_Plan.value?.errorSysId,
-          scriptId: select_Plan.value?.scriptId,
+    scriptId: select_Plan.value?.scriptId,
-          operateType:'0' // '0'为预检测、‘1‘为正式检测
+    operateType: '0', // '0'为预检测、‘1‘为正式检测
+    userId: userStore.userInfo.id
   })
   active.value++;
 
@@ -793,65 +847,65 @@ const handleSubmit = async () => {
 
   return;
   // 初始化 currentTableData
-  let isTimer2Completed = false;
+  // let isTimer2Completed = false;
 
 
-  //"80b4b4f52a4c4064a18319525f8ac13c",
+  // //"80b4b4f52a4c4064a18319525f8ac13c",
-  for (let i = 0; i < channel.value.length; i++) {
+  // for (let i = 0; i < channel.value.length; i++) {
-    // 重置状态变量
+  //   // 重置状态变量
-    active.value = 0;
+  //   active.value = 0;
-    //activeIndex.value = 0;
+  //   //activeIndex.value = 0;
-    editableTabsValue.value = i.toString();
+  //   editableTabsValue.value = i.toString();
-    // 初始化并填充 currentTableData
+  //   // 初始化并填充 currentTableData
-    const currentTableData = initializeTableData(dataTemplates2, i);
+  //   const currentTableData = initializeTableData(dataTemplates2, i);
-    tableDataMap.set(i, currentTableData);
+  //   tableDataMap.set(i, currentTableData);
-    //activeIndex.value++;
+  //   //activeIndex.value++;
 
-    // 清除之前的 timer1
+  //   // 清除之前的 timer1
-    clearInterval(timer1);
+  //   clearInterval(timer1);
-    // 启动 timer1
+  //   // 启动 timer1
-    timer1 = setInterval(() => {
+  //   timer1 = setInterval(() => {
-      active.value++;
+  //     active.value++;
-      if (active.value > 5) {
+  //     if (active.value > 5) {
-        clearInterval(timer1);
+  //       clearInterval(timer1);
-      }
+  //     }
-    }, 3000);
+  //   }, 3000);
 
-    // 清除之前的 timer2
+  //   // 清除之前的 timer2
-    clearInterval(timer2);
+  //   clearInterval(timer2);
-    // 启动 timer2
+  //   // 启动 timer2
-    timer2 = setInterval(() => {
+  //   timer2 = setInterval(() => {
-      // 初始化并填充 currentTableData
+  //     // 初始化并填充 currentTableData
-      const currentTableData = initializeTableData(i > 0 ? dataTemplates2 : dataTemplates2, i);
+  //     const currentTableData = initializeTableData(i > 0 ? dataTemplates2 : dataTemplates2, i);
-      tableDataMap.set(i, currentTableData);
+  //     tableDataMap.set(i, currentTableData);
-      activeIndex.value++;
+  //     activeIndex.value++;
 
-      clearInterval(timer2);
+  //     clearInterval(timer2);
-      const currentDataRef = tableDataMap.get(i);
+  //     const currentDataRef = tableDataMap.get(i);
-      if (currentDataRef) {
+  //     if (currentDataRef) {
-        const currentData = currentDataRef.value;
+  //       const currentData = currentDataRef.value;
-        // 检查当前数据中有无不合格字段
+  //       // 检查当前数据中有无不合格字段
-        const hasError = checkForErrors(currentData);
+  //       const hasError = checkForErrors(currentData);
-        if (hasError) {
+  //       if (hasError) {
-        } else {
+  //       } else {
-          qualified.value++;
+  //         qualified.value++;
-        }
+  //       }
-        updateErrorState(i, hasError);
+  //       updateErrorState(i, hasError);
-      }
+  //     }
 
-      // 设置标志变量为 true，表示 timer2 已经完成
+  //     // 设置标志变量为 true，表示 timer2 已经完成
-      isTimer2Completed = true;
+  //     isTimer2Completed = true;
-    }, 3000);
+  //   }, 3000);
 
-    // 等待 timer2 完成
+  //   // 等待 timer2 完成
-    while (!isTimer2Completed) {
+  //   while (!isTimer2Completed) {
-      // 这里可以添加一个短暂的等待，避免死循环
+  //     // 这里可以添加一个短暂的等待，避免死循环
-      await new Promise(resolve => setTimeout(resolve, 100));
+  //     await new Promise(resolve => setTimeout(resolve, 100));
-    }
+  //   }
 
-    // 重置标志变量
+  //   // 重置标志变量
-    isTimer2Completed = false;
+  //   isTimer2Completed = false;
-  }
+  // }
 };
 
 // 提取初始化并填充 currentTableData 的函数
@@ -860,7 +914,7 @@ const initializeTableData = (templates: ChannelsTest.CoefficientVO[], index: num
   for (let j = 0; j < channel.value[index]; j++) {
     templates.forEach((template) => {
       // 使用解构赋值排除 id 和 MonitorIdx 属性
-    const { devName,monitorNum: __, ...rest } = template;
+      const {devName, monitorNum: __, ...rest} = template;
       currentTableData.value.push({
         monitorNum: (j + 1).toString(),
         devName: name.value[index],
@@ -872,8 +926,8 @@ const initializeTableData = (templates: ChannelsTest.CoefficientVO[], index: num
 };
 
 
- // 对外映射
+// 对外映射
- defineExpose({ open })
+defineExpose({open})
 </script>
 <style scoped>
 
@@ -899,6 +953,7 @@ const initializeTableData = (templates: ChannelsTest.CoefficientVO[], index: num
   justify-content: space-between;
   margin-bottom: 10px;
 }
+
 .custom-tabs-label .el-icon {
   vertical-align: middle;
 }
@@ -915,13 +970,15 @@ const initializeTableData = (templates: ChannelsTest.CoefficientVO[], index: num
 .el-tabs--border-card {
   height: 470px;
 }
+
 /* .el-icon svg {
   color: #ff7171;
 } */
 
-.icon-style{
+.icon-style {
   color: #ff7171;
 }
+
 .container {
   display: flex;
 }
@@ -934,7 +991,7 @@ const initializeTableData = (templates: ChannelsTest.CoefficientVO[], index: num
   flex: 6;
 }
 
-.spanStyle{
+.spanStyle {
   font-size: 14px;
 }
 

frontend/src/views/home/components/comparePreTest.vue

@@ -0,0 +1,657 @@
+<template>
+  <div>
+    <el-tabs type="border-card">
+      <el-tab-pane label="预检测项目">
+        <div class="form-grid">
+          <el-checkbox v-for="(item, index) in detectionOptions" v-model="item.selected" :key="index"
+                       :label="item.name" disabled></el-checkbox>
+        </div>
+      </el-tab-pane>
+    </el-tabs>
+
+    <div class="test-dialog">
+      <div class="dialog-left">
+        <el-steps direction="vertical" :active="activeIndex" :process-status="currentStepStatus"
+                  finish-status="success">
+          <el-step :status="step1" title="设备通讯校验"/>
+          <el-step :status="step2" title="协议校验"/>
+          <el-step :status="step3" title="模型一致性校验"/>
+          <el-step :status="step4" title="实时数据对齐验证"/>
+          <el-step :status="step5" title="相序校验"/>
+          <!-- <el-step :status="step6" title="遥控录波功能验证"/> -->
+          <el-step :status="step6" :title="ts === 'error'? '检测失败':ts === 'process'? '检测中':ts === 'success'? '检测成功':'待检测'"/>
+        </el-steps>
+      </div>
+      <div class="dialog-right">
+        <el-collapse v-model="collapseActiveName" accordion>
+          <el-collapse-item title="设备通讯校验" name="1">
+            <div class="div-log">
+              <p v-for="(item, index) in step1InitLog" :key="index"
+                 :style="{ color: item.type === 'error' ? '#F56C6C' : 'var(--el-text-color-regular)' }">
+                {{ item.log }} <br/>
+              </p>
+            </div>
+          </el-collapse-item>
+          <el-collapse-item title="协议校验" name="2">
+            <div class="div-log">
+              <p v-for="(item, index) in step2InitLog" :key="index"
+                 :style="{ color: item.type === 'error' ? '#F56C6C' : 'var(--el-text-color-regular)' }">
+                {{ item.log }} <br/>
+              </p>
+            </div>
+          </el-collapse-item>
+          <el-collapse-item title="模型一致性校验" name="3">
+            <div class="div-log">
+              <p v-for="(item, index) in step3InitLog" :key="index"
+                 :style="{ color: item.type === 'error' ? '#F56C6C' : 'var(--el-text-color-regular)' }">
+                {{ item.log }} <br/>
+              </p>
+            </div>
+          </el-collapse-item>
+          <el-collapse-item  name="4">
+              <template #title>
+                实时数据对齐验证
+                <el-icon class="title-icon" @click="openDialog"><InfoFilled/></el-icon>
+              </template>
+            <div class="div-log">
+              <p v-for="(item, index) in step4InitLog" :key="index"
+                 :style="{ color: item.type === 'error' ? '#F56C6C' : 'var(--el-text-color-regular)' }">
+                {{ item.log }} 
+                <br/>
+              </p>
+            </div>
+          </el-collapse-item>
+           <el-collapse-item title="相序校验" name="5">
+            <div class="div-log">
+              <p v-for="(item, index) in step5InitLog" :key="index"
+                 :style="{ color: item.type === 'error' ? '#F56C6C' : 'var(--el-text-color-regular)' }">
+                {{ item.log }} <br/>
+              </p>
+            </div>
+          </el-collapse-item>
+          <!-- <el-collapse-item title="遥控录波功能验证" name="3">
+            <div class="div-log">
+              <p v-for="(item, index) in step3InitLog" :key="index"
+                 :style="{ color: item.type === 'error' ? '#F56C6C' : 'var(--el-text-color-regular)' }">
+                {{ item.log.split('&&')[0] }}
+                <br v-if="item.log.includes('&&')"/>
+                &nbsp;&nbsp;&nbsp;&nbsp;{{ item.log.split('&&')[1] }}
+
+                <br v-if="item.log.includes('&&')"/>
+                &nbsp;&nbsp;&nbsp;&nbsp;{{ item.log.split('&&')[2] }}
+
+              </p>
+            </div>
+          </el-collapse-item> -->
+        </el-collapse>
+      </div>
+    </div>
+  </div>
+  <RealTimeData ref="realTimeDataRef"/>
+</template>
+<script lang="tsx" setup name="preTest">
+import {ElMessage, ElMessageBox, StepProps} from "element-plus";
+import {defineExpose, ref, toRef, watch} from 'vue';
+import RealTimeData from './realTimeDataAlign.vue'
+
+const realTimeDataRef = ref()
+
+
+const step1InitLog = ref([
+  {
+    type: 'info',
+    log: '暂无数据，等待检测开始',
+  },
+])
+
+const step2InitLog = ref([
+  {
+    type: 'info',
+    log: '暂无数据，等待检测开始',
+  },
+])
+
+const step3InitLog = ref([
+  {
+    type: 'info',
+    log: '暂无数据，等待检测开始',
+  },
+])
+
+const step4InitLog = ref([
+  {
+    type: 'info',
+    log: '暂无数据，等待检测开始',
+  },
+])
+
+const step5InitLog = ref([
+  {
+    type: 'info',
+    log: '暂无数据，等待检测开始',
+  },
+])
+
+
+
+const collapseActiveName = ref('1')
+const activeIndex = ref(0)
+const activeTotalNum = ref(5)
+const step1 = ref<StepProps['status']>('wait')
+const step2 = ref<StepProps['status']>('wait')
+const step3 = ref<StepProps['status']>('wait')
+const step4 = ref<StepProps['status']>('wait')
+const step5 = ref<StepProps['status']>('wait')
+const step6 = ref<StepProps['status']>('wait')
+
+//定义与预检测配置数组
+const detectionOptions = ref([
+  {
+    id: 0,
+    name: "设备通讯校验",
+    selected: true,
+  },
+  {
+    id: 1,
+    name: "协议校验",
+    selected: true,
+  },
+  {
+    id: 2,
+    name: "模型一致性校验",
+    selected: true,
+  },
+  {
+    id: 3,
+    name: "实时数据对齐验证",
+    selected: true,
+  },
+  {
+    id: 4,
+    name: "相序校验",
+    selected: true,
+  },
+]);
+
+const currentStepStatus = ref<'error' | 'finish' | 'wait' | 'success' | 'process'>('finish');
+
+const props = defineProps({
+  testStatus: {
+    type: String,
+    default: 'wait'
+  },
+  webMsgSend: {
+    type: Object,
+    default: () => ({})
+  }
+})
+
+
+const testStatus = toRef(props, 'testStatus');
+const webMsgSend = toRef(props, 'webMsgSend');
+const ts = ref('');
+
+watch(webMsgSend, function (newValue, oldValue) {
+  if (testStatus.value !== 'waiting') {
+    switch (newValue.requestId) {
+      case 'yjc_sbtxjy':
+
+        switch (newValue.operateCode) {
+          case 'INIT_GATHER$01':
+            if (newValue.code == 10200) {
+              step1InitLog.value.push({
+                type: 'info',
+                log: newValue.data + '设备通讯校验成功!',
+              })
+
+            } else if (newValue.code == 10201) {
+              step1.value = 'process'
+              step1InitLog.value = [{
+                type: 'wait',
+                log: '正在进行设备通讯校验.....',
+              }];
+            } else if (newValue.code == 10550) {
+              step1InitLog.value.push({
+                type: 'error',
+                log: newValue.data + '设备连接异常!',
+              })
+              step1.value = 'error'
+              // ts.value = 'error'
+              // step6.value = 'error'
+            } else if (newValue.code == 10551) {
+              step1InitLog.value.push({
+                type: 'error',
+                log: newValue.data + '设备触发报告异常!',
+              })
+              step1.value = 'error'
+              ts.value = 'error'
+              step6.value = 'error'
+            } else if (newValue.code == 10552) {
+              //ElMessage.error("存在已经初始化步骤,已经自动关闭,请重新发起检测！")
+              step2InitLog.value = [{
+                type: 'wait',
+                log: '存在已经初始化步骤,执行自动关闭,请重新发起检测！',
+              }];
+              step1.value = 'error'
+              ts.value = 'error'
+              step6.value = 'error'
+            } else if (newValue.code == 25001) {
+              activeIndex.value = 1
+              step1.value = 'success'
+              step3.value = 'process'
+            }
+            break;
+        }
+
+        break;
+      case 'yjc_xyjy':
+        switch (newValue.operateCode) {
+          case 'INIT_GATHER$01':
+            if (newValue.code == 10200) {
+              step2InitLog.value.push({
+                type: 'info',
+                log: '统计数据协议校验:' + newValue.data + '通讯协议校验成功!',
+              })
+
+            } else if (newValue.code == 10201) {
+              step2.value = 'process'
+              step2InitLog.value = [{
+                type: 'wait',
+                log: '正在进行通讯协议校验.....',
+              }];
+            } else if (newValue.code == 10550) {
+              step2InitLog.value.push({
+                type: 'error',
+                log: newValue.data + '设备连接异常!',
+              })
+              step2.value = 'error'
+              // ts.value = 'error'
+              // step5.value = 'error'
+            } else if (newValue.code == 10551) {
+              step3InitLog.value.push({
+                type: 'error',
+                log: newValue.data + '设备触发报告异常!',
+              })
+              step3.value = 'error'
+              ts.value = 'error'
+              step5.value = 'error'
+            } else if (newValue.code == 10552) {
+              step3.value = 'error'
+              //ElMessage.error("存在已经初始化步骤,已经自动关闭,请重新发起检测！")
+              step3InitLog.value = [{
+                type: 'wait',
+                log: '存在已经初始化步骤,执行自动关闭,请重新发起检测！',
+              }];
+              ts.value = 'error'
+              step5.value = 'error'
+            }
+            break;
+          case 'INIT_GATHER$02':
+            if (newValue.code == 10200) {
+              step3InitLog.value.push({
+                type: 'info',
+                log: '实时数据协议校验:' + newValue.data + '通讯协议校验成功!',
+              })
+
+            } else if (newValue.code == 10201) {
+              step3.value = 'process'
+              step3InitLog.value = [{
+                type: 'wait',
+                log: '正在进行通讯协议校验.....',
+              }];
+            } else if (newValue.code == 10550) {
+              step3InitLog.value.push({
+                type: 'error',
+                log: newValue.data + '设备连接异常!',
+              })
+              step3.value = 'error'
+              // ts.value = 'error'
+              // step5.value = 'error'
+            } else if (newValue.code == 10551) {
+              step3InitLog.value.push({
+                type: 'error',
+                log: newValue.data + '设备触发报告异常!',
+              })
+              step3.value = 'error'
+              ts.value = 'error'
+              step5.value = 'error'
+            } else if (newValue.code == 10552) {
+              step3.value = 'error'
+              //ElMessage.error("存在已经初始化步骤,已经自动关闭,请重新发起检测！")
+              step3InitLog.value = [{
+                type: 'wait',
+                log: '存在已经初始化步骤,执行自动关闭,请重新发起检测！',
+              }];
+              ts.value = 'error'
+              step5.value = 'error'
+            }
+            break;
+          case 'INIT_GATHER$03':
+            if (newValue.code == 10200) {
+              step3InitLog.value.push({
+                type: 'info',
+                log: '暂态数据协议校验:' + newValue.data + '通讯协议校验成功!',
+              })
+
+            } else if (newValue.code == 10201) {
+              step3.value = 'process'
+            } else if (newValue.code == 10550) {
+              step3InitLog.value.push({
+                type: 'error',
+                log: newValue.data + '设备连接异常!',
+              })
+              step3.value = 'error'
+              // ts.value = 'error'
+              // step5.value = 'error'
+            } else if (newValue.code == 10551) {
+              step3InitLog.value.push({
+                type: 'error',
+                log: newValue.data + '设备触发报告异常!',
+              })
+              step3.value = 'error'
+              ts.value = 'error'
+              step5.value = 'error'
+            } else if (newValue.code == 10552) {
+              //ElMessage.error("当前步骤已经初始化,执行自动关闭,请重新发起检测！")
+              step3.value = 'error'
+              step3InitLog.value = [{
+                type: 'wait',
+                log: '存在已经初始化步骤,执行自动关闭,请重新发起检测！',
+              }];
+              ts.value = 'error'
+              step5.value = 'error'
+            }
+            break;
+          case 'VERIFY_MAPPING$01':
+            if (newValue.code == 25001) {
+              activeIndex.value = 3
+              step3.value = 'success'
+              step4.value = 'process'
+            } else if (newValue.code == 10200) {
+              let data = JSON.parse(newValue.data)
+              step3InitLog.value.push({
+                type: 'error',
+                log: `脚本与icd检验失败! icd名称：${data['icdType']} -> 校验项：${data['dataType']}`,
+              })
+              step3.value = 'error'
+              ts.value = 'error'
+              step5.value = 'error'
+            } else if (newValue.code == 10500) {
+              step3InitLog.value.push({
+                type: 'error',
+                log: `装置中未找到该icd！`,
+              })
+              step3.value = 'error'
+              ts.value = 'error'
+              step5.value = 'error'
+            }
+            break;
+        }
+        break;
+      case 'YJC_xujy':
+        switch (newValue.operateCode) {
+          case 'OPER_GATHER':
+            if (newValue.code == 10200) {
+              step4InitLog.value.push({
+                type: 'info',
+                log: '源参数下发成功,等待校验中.....',
+              })
+
+            } else if (newValue.code == 10201) {
+              step4.value = 'process'
+              step4InitLog.value = [{
+                type: 'wait',
+                log: '源参数下发中.....',
+              }];
+            } else if (newValue.code == 10552) {
+              ElMessage.error("存在已经初始化步骤,已经自动关闭,请重新发起检测！")
+              step4.value = 'error'
+              ts.value = 'error'
+              step5.value = 'error'
+            } else if (newValue.code == 10520) {
+              step4.value = 'error'
+              step4InitLog.value.push({
+                type: 'error',
+                log: '解析报文异常',
+              })
+              ts.value = 'error'
+              step5.value = 'error'
+            }
+            break;
+
+          case 'DATA_REQUEST$02':
+            if (newValue.code == 10200) {
+              let type = 'info'
+              if (newValue.data.includes('不合格')) {
+                type = 'error'
+              }
+
+              newValue.data.split('<br/>')
+              step4InitLog.value.push({
+                type: type,
+                log: newValue.data,
+              })
+
+            } else if (newValue.code == 10201) {
+              step4.value = 'process'
+              step4InitLog.value = [{
+                type: 'wait',
+                log: '获取数据相序校验数据!',
+              }];
+            } else if (newValue.code == 25003) {
+              step4.value = 'error'
+              step4InitLog.value.push({
+                type: 'error',
+                log: '相序校验未通过!',
+              })
+              ts.value = 'error'
+              step5.value = 'error'
+            } else if (newValue.code == 25001) {
+              step4.value = 'success'
+              step5.value = 'success'
+              step4InitLog.value.push({
+                type: 'wait',
+                log: '相序校验成功!',
+              })
+              ts.value = 'success'
+            }
+            activeIndex.value = 5
+            console.log("@@@@", ts.value)
+            break
+        }
+
+        break;
+      case 'quit':
+        break;
+      case 'connect':
+        switch (newValue.operateCode) {
+          case "Source":
+            step1.value = 'error'
+            step1InitLog.value = [{
+              type: 'error',
+              log: '源服务端连接失败!',
+            }];
+            ts.value = 'error'
+            step5.value = 'error'
+            break;
+          case "Dev":
+            step2.value = 'error'
+            step2InitLog.value = [{
+              type: 'error',
+              log: '设备服务端连接失败!',
+            }];
+            ts.value = 'error'
+            step5.value = 'error'
+            break;
+        }
+        break;
+      case 'unknown_operate':
+
+        break;
+      case 'error_flow_end':
+        ElMessageBox.alert(`设备连接异常，请检查设备连接情况！`, '检测失败', {
+          confirmButtonText: '确定',
+          type: 'error',
+        })
+        ts.value = 'error'
+        step5.value = 'error'
+        break;
+      case 'socket_timeout':
+        ElMessageBox.alert(`设备连接异常，请检查设备连接情况！`, '检测失败', {
+          confirmButtonText: '确定',
+          type: 'error',
+        })
+        ts.value = 'error'
+        step5.value = 'error'
+        break;
+      case 'server_error':
+        ElMessageBox.alert('服务端主动关闭连接!', '初始化失败', {
+          confirmButtonText: '确定',
+          type: 'error',
+        })
+        ts.value = 'error'
+        step5.value = 'error'
+        break;
+      case 'device_error':
+        ElMessageBox.alert('设备主动关闭连接!', '初始化失败', {
+          confirmButtonText: '确定',
+          type: 'error',
+        })
+        ts.value = 'error'
+        step5.value = 'error'
+        break;
+    }
+  }
+})
+
+watch(activeIndex, function (newValue, oldValue) {
+  if (newValue <= activeTotalNum.value - 2) {
+    collapseActiveName.value = (newValue + 1).toString()
+  } else {
+    collapseActiveName.value = (newValue - 1).toString()
+  }
+})
+
+//监听goods_sn的变化
+watch(testStatus, function (newValue, oldValue) {
+  ts.value = props.testStatus;
+  if (ts.value === 'start') {
+    ts.value = 'process'
+  } else if (ts.value === 'waiting') {
+    activeIndex.value = 0
+    step1InitLog.value = [
+      {
+        type: 'info',
+        log: '暂无数据，等待检测开始',
+      },
+    ]
+    step1.value = 'finish'
+    step2.value = 'wait'
+    step3.value = 'wait'
+    step4.value = 'wait'
+    step5.value = 'wait'
+  }
+})
+
+const emit = defineEmits(['update:testStatus']);
+//监听sn
+watch(ts, function (newValue, oldValue) {
+  //修改父组件
+  emit('update:testStatus', ts.value)
+})
+
+
+// 定义一个初始化参数的方法
+function initializeParameters() {
+  activeIndex.value = 0
+  step1.value = 'process'
+  step2.value = 'wait'
+  step3.value = 'wait'
+  step4.value = 'wait'
+  step5.value = 'wait'
+
+  step1InitLog.value = [
+    {
+      type: 'info',
+      log: '暂无数据，等待检测开始',
+    },
+  ]
+  step2InitLog.value = [
+    {
+      type: 'info',
+      log: '暂无数据，等待检测开始',
+    },
+  ]
+  step3InitLog.value = [
+    {
+      type: 'info',
+      log: '暂无数据，等待检测开始',
+    },
+  ]
+  step4InitLog.value = [
+    {
+      type: 'info',
+      log: '暂无数据，等待检测开始',
+    },
+  ]
+ step5InitLog.value = [
+    {
+      type: 'info',
+      log: '暂无数据，等待检测开始',
+    },
+  ]
+}
+
+const openDialog = () => { 
+  realTimeDataRef.value.open()
+}
+
+defineExpose({
+  initializeParameters,
+});
+</script>
+<style scoped lang="scss">
+
+
+.title-icon {
+  margin-left: 10px;
+  cursor: pointer;
+  font-size: 16px;
+  vertical-align: middle;
+}
+
+.test-dialog {
+  height: 350px;
+  display: flex;
+  flex-direction: row;
+  /* 横向排列 */
+  margin-top: 20px;
+}
+
+.dialog-left {
+  width: 15%;
+  margin-left: 20px;
+}
+
+.dialog-right {
+  margin-left: 20px;
+  width: 80%;
+  height: 100%;
+}
+
+.dialog-right :deep(.el-collapse-item__header) {
+  font-size: 16px;
+}
+
+.div-log {
+  height: 145px;
+  overflow-y: auto;
+  padding-left: 10px;
+
+  p {
+    margin: 5px 0;
+    font-size: 14px;
+  }
+
+}
+</style>

frontend/src/views/home/components/compareTestPopup.vue

@@ -0,0 +1,470 @@
+<template>
+  <el-dialog :title="dialogTitle" width="1550px" :model-value="dialogVisible" :before-close="beforeClose" @close="handleClose" height="1000px" draggable>
+
+    <div class="steps-container">
+      <el-steps v-if="showSteps" class="test-head-steps" simple :active="stepsActiveIndex" process-status="finish" finish-status="success">
+        <el-step v-if="preTestSelected" title="预检测" :icon="stepsActive > 1 || stepsActiveIndex > stepsTotalNum - 1? SuccessFilled :Edit" @click="handleStepClick(1)"/>
+        
+        <el-step v-if="testSelected" title="正式检测" :icon="stepsActive > 2 || stepsActiveIndex > stepsTotalNum - 1? SuccessFilled :Coin" @click="handleStepClick(2)"/>
+        <el-step title="检测完成" :icon="stepsActiveIndex > stepsTotalNum-1 ? SuccessFilled :Key"/>
+      </el-steps>
+    </div>
+
+    <ComparePreTest v-if="showComponent&&preTestSelected" v-show="preTestSelected && stepsActiveView==1" ref="preTestRef" v-model:testStatus="preTestStatus"
+             :webMsgSend="webMsgSend"/>
+    <test v-if="showComponent&&testSelected" ref="testRef" v-show="testSelected && stepsActiveView==2" v-model:testStatus="TestStatus" :webMsgSend="webMsgSend"
+          @update:webMsgSend="webMsgSend=$event" @sendPause="sendPause" @sendResume="sendResume" @sendReCheck="sendReCheck" @closeWebSocket="closeWebSocket"
+          :stepsActive="stepsActive"/>
+
+    <template #footer>
+      <div>
+        <el-button type="primary" :icon="VideoPlay" v-if="ActiveStatue === 'waiting'" @click="handleSubmitFast">开始检测</el-button>
+        <el-button type="primary" v-if="TestStatus === 'test_init'" disabled>
+          <el-icon class="loading-box" style="color: #fff;margin-right: 8px;">
+            <component :is="Refresh"/>
+          </el-icon>
+          初始化中
+        </el-button>
+        <el-button
+            type="primary"
+            v-if="TestStatus=='process'"
+            :icon="VideoPause"
+            @click="handlePause()">停止检测
+        </el-button>
+        <el-button type="warning" v-if="TestStatus === 'paused_ing'" disabled>
+          <el-icon class="loading-box" style="color: #fff;margin-right: 8px;">
+            <component :is="Refresh"/>
+          </el-icon>
+          暂停中
+        </el-button>
+        <el-button
+            type="warning"
+            v-if="(TestStatus =='paused')"
+            :icon="VideoPlay"
+            @click="sendResume"
+        >继续检测
+        </el-button>
+
+        <el-button :type="ActiveStatue==='success'?'primary':'danger'" :icon="Right"
+                   v-if="nextStepText !== '下一步' && (ActiveStatue === 'success'||ActiveStatue==='error'||ActiveStatue==='test_init_fail'||ActiveStatue==='connect_timeout'||ActiveStatue==='pause_timeout')"
+                   @click="nextStep">
+          {{ nextStepText }}
+        </el-button>
+        <el-button type="primary" @click="handleQuit" v-else>
+          退出检测
+        </el-button>
+      </div>
+    </template>
+  </el-dialog>
+
+
+</template>
+
+<script lang="tsx" setup name="testPopup">
+import {reactive, ref, watch} from 'vue';
+import {ElMessage, ElMessageBox} from 'element-plus'
+import {Coin, Edit, Key, Odometer, Refresh, Right, SuccessFilled, UploadFilled, VideoPause, VideoPlay} from '@element-plus/icons-vue'
+import ComparePreTest from './comparePreTest.vue'
+import test from './test.vue'
+import socketClient from '@/utils/webSocketClient';
+import {useCheckStore} from "@/stores/modules/check";
+import {pauseTest, resumeTest, startPreTest} from '@/api/socket/socket'
+import {useUserStore} from "@/stores/modules/user";
+
+
+const userStore = useUserStore()
+const checkStore = useCheckStore();
+const nextStepText = ref('下一步');
+const dialogVisible = ref(false)
+
+const showSteps = ref(false)
+const stepsTotalNum = ref(-1);//步骤总数
+const stepsActiveIndex = ref(1); //当前正在执行的步骤索引
+const stepsActiveView = ref(-1); //当前正在执行的步骤在（预处理、守时校验、系数校准、正式检测）中的排序，仅用于页面显示
+const stepsActive = ref(-1); //当前正在执行的步骤在（预处理、守时校验、系数校准、正式检测）中的排序，实际记录步骤的状态，用于切换步骤
+const ActiveStatue = ref('waiting');//当前步骤状态
+const preTestStatus = ref('waiting');//预检测执行状态
+const TestStatus = ref('waiting');//正式检测执行状态
+const webMsgSend = ref();//webSocket推送的数据
+
+
+const dialogTitle = ref('')
+const showComponent = ref(true)
+const preTestRef = ref(null)
+const testRef = ref(null)
+
+const dataSocket = reactive({
+  socketServe: socketClient.Instance,
+});
+
+// 勾选的检测内容
+const preTestSelected = ref(false)
+const testSelected = ref(false)
+
+const initOperate = () => {
+  ActiveStatue.value = 'waiting'
+  preTestStatus.value = 'waiting'
+
+  TestStatus.value = 'waiting'
+
+  stepsActiveIndex.value = 1
+  showComponent.value = true
+  // 初始化勾选的检测内容
+  preTestSelected.value = checkStore.selectTestItems.preTest
+  testSelected.value = checkStore.selectTestItems.test
+
+  let count = 0
+  for (let key in checkStore.selectTestItems) {
+    if (checkStore.selectTestItems[key]) {
+      count++
+    }
+  }
+  stepsTotalNum.value = count + 1
+
+  if (preTestSelected.value) {
+    stepsActiveView.value = 1
+    stepsActive.value = 1
+    return
+  }
+  if (testSelected.value) {
+    stepsActiveView.value = 2
+    stepsActive.value = 2
+    return
+  }
+}
+
+const open = (title: string,sourceIds: string[]) => {
+
+  showSteps.value = true
+  initOperate()
+  dialogTitle.value = title;
+  dialogVisible.value = true;
+
+  if (preTestRef.value) {
+    preTestRef.value.initializeParameters();
+  }
+
+  //开始创建webSocket客户端
+  socketClient.Instance.connect();
+  dataSocket.socketServe = socketClient.Instance;
+  dataSocket.socketServe.registerCallBack('aaa', (res: { code: number; }) => {
+    // 处理来自服务器的消息
+    // console.log('Received message:', res);
+    if (res.code === 20000) {
+      //ElMessage.error(message.message)
+      // loading.close()
+    } else {
+      webMsgSend.value = res
+    }
+  });
+}
+
+const handleSubmitFast = () => {
+  let deviceIds = checkStore.devices.map((item) => item.deviceId)
+  let planId = checkStore.plan.id
+
+  if (!dataSocket.socketServe.connected) {
+    ElMessage.error('webSocket连接中断！')
+    return
+  }
+  console.log("handleSubmit", stepsActive.value, TestStatus.value)
+  switch (stepsActive.value) {
+    case 1:
+      if (preTestStatus.value == 'waiting') {
+        if (checkStore.selectTestItems.preTest) {
+          startPreTest({
+            userPageId: "cdf",
+            devIds: deviceIds,
+            planId: planId,
+            operateType: checkStore.reCheckType == 1 ? '1' : '2',
+            userId: userStore.userInfo.id,
+            temperature: checkStore.temperature,
+            humidity: checkStore.humidity,
+            testItemList: [checkStore.selectTestItems.preTest, checkStore.selectTestItems.channelsTest, checkStore.selectTestItems.test]
+          }).then(res => {
+            if (res.code === 'A001014') {
+              ElMessageBox.alert('装置配置异常', '检测失败', {
+                confirmButtonText: '确定',
+                type: 'error',
+              })
+              preTestStatus.value = 'error'
+            }
+          })
+          preTestStatus.value = 'start'
+        }
+      }
+      break;
+    case 2:
+      if (TestStatus.value == "waiting") {
+        if (!checkStore.selectTestItems.preTest && !checkStore.selectTestItems.channelsTest && checkStore.selectTestItems.test) {
+          startPreTest({
+            userPageId: "cdf",
+            devIds: deviceIds,
+            planId: planId,
+            operateType: checkStore.reCheckType == 1 ? '1' : '2',
+            userId: userStore.userInfo.id,
+            temperature: checkStore.temperature,
+            humidity: checkStore.humidity,
+            testItemList: [checkStore.selectTestItems.preTest, checkStore.selectTestItems.channelsTest, checkStore.selectTestItems.test]
+          }).then(res => {
+            if (res.code === 'A001014') {
+              ElMessageBox.alert('装置配置异常', '初始化失败', {
+                confirmButtonText: '确定',
+                type: 'error',
+              })
+              TestStatus.value = 'test_init_fail'
+            }
+          })
+        }
+        TestStatus.value = 'start'
+      } else if (TestStatus.value == 'paused') {
+        // 发送继续指令
+        sendResume()
+      }
+      break;
+    default:
+      break;
+  }
+}
+
+
+const emit = defineEmits<{
+  (e: 'quitClicked'): void;
+}>();
+
+watch(preTestStatus, function (newValue, oldValue) {
+  console.log('预检测',newValue, oldValue);
+
+  ActiveStatue.value = newValue
+})
+
+watch(TestStatus, function (newValue, oldValue) {
+  console.log(newValue, oldValue);
+
+  ActiveStatue.value = newValue
+})
+
+watch(ActiveStatue, function (newValue, oldValue) {
+  if (newValue === 'error') {
+    stepsActiveIndex.value = stepsTotalNum.value + 1
+    nextStepText.value = '检测失败'
+  }
+  if (newValue === 'success' && stepsActiveIndex.value === stepsTotalNum.value - 1) {
+    stepsActiveIndex.value += 2
+    nextStepText.value = '检测完成'
+  }
+  if (newValue === 'test_init_fail') {
+    stepsActiveIndex.value += 2
+    nextStepText.value = '初始化失败'
+  }
+  if (newValue === 'connect_timeout') {
+    stepsActiveIndex.value += 2
+    nextStepText.value = '连接超时'
+  }
+  if (newValue === 'pause_timeout') {
+    stepsActiveIndex.value += 2
+    // nextStepText.value = '结束测试'
+    nextStepText.value = '暂停超时'
+  }
+  if (newValue === 'success' && stepsActiveIndex.value < stepsTotalNum.value - 1) {
+    nextStep() // 实现自动点击，进入下一个测试内容
+    //handleSubmit()
+    handleSubmitFast()
+  }
+
+})
+
+const handleQuit = () => {
+  console.log('handleQuit', ActiveStatue.value)
+  if (ActiveStatue.value !== 'success' && ActiveStatue.value !== 'waiting' && ActiveStatue.value !== 'paused' && ActiveStatue.value !== 'test_init_fail' && ActiveStatue.value !== 'connect_timeout' && ActiveStatue.value !== 'pause_timeout') {
+    beforeClose(() => {
+    })
+  } else {
+    handleClose()
+  }
+}
+
+
+const handlePause = () => {
+  sendPause()
+  testRef.value?.handlePause()
+}
+const sendPause = () => {
+  console.log('发起暂停请求')
+
+  TestStatus.value = 'paused_ing'
+  pauseTest()
+}
+const sendResume = () => {
+  console.log('发起继续检测请求')
+
+  resumeTest({
+    userPageId: "cdf",
+    devIds: checkStore.devices.map((item) => item.deviceId),
+    planId: checkStore.plan.id,
+    operateType: '2', //  0:'系数校验'，'1'为预检测、‘2‘为正式检测、'8'为不合格项复检
+    userId: userStore.userInfo.id,
+    temperature: checkStore.temperature,
+    humidity: checkStore.humidity
+  })
+  Object.assign(webMsgSend.value, {
+    requestId: 'Resume_Success'
+  })
+}
+
+const sendReCheck = () => {
+  console.log('发送重新检测指令')
+  startPreTest({
+    userPageId: "cdf",
+    devIds: checkStore.devices.map((item) => item.deviceId),
+    planId: checkStore.plan.id,
+    operateType: '2', // 0:'系数校验'，'1'为预检测、‘2‘为正式检测、'8'为不合格项复检
+    userId: userStore.userInfo.id,
+    temperature: checkStore.temperature,
+    humidity: checkStore.humidity,
+    testItemList: [checkStore.selectTestItems.preTest, checkStore.selectTestItems.channelsTest, checkStore.selectTestItems.test]
+  }).then(res => {
+    console.log(res)
+    if (res.code === 'A001014') {
+      ElMessageBox.alert('装置配置异常', '初始化失败', {
+        confirmButtonText: '确定',
+        type: 'error',
+      })
+      TestStatus.value = 'test_init_fail'
+    }
+  })
+  TestStatus.value = 'start'
+}
+
+const closeWebSocket = () => {
+  dataSocket.socketServe.closeWs()
+}
+
+const nextStep = () => {
+  if (stepsActiveIndex.value == stepsTotalNum.value + 1 || ActiveStatue.value === 'error' || ActiveStatue.value === 'test_init_fail' || ActiveStatue.value === 'connect_timeout' || ActiveStatue.value === 'pause_timeout') {
+    handleClose()
+    return
+  }
+  if (ActiveStatue.value != 'error') {
+    ActiveStatue.value = 'waiting'
+    let tempStep = stepsActiveIndex.value
+    let idx = 1
+    stepsActiveIndex.value++
+    for (let selectTestItemsKey in checkStore.selectTestItems) {
+      if (tempStep == 0 && checkStore.selectTestItems[selectTestItemsKey]) {
+        stepsActiveView.value = idx
+        stepsActive.value = idx
+        return
+      }
+      if (checkStore.selectTestItems[selectTestItemsKey] && tempStep != 0) {
+        tempStep--
+      }
+      idx++
+    }
+  }
+}
+
+const handleStepClick = (step: number) => {
+  if (step > stepsActive.value) {
+    return
+  } else {
+    stepsActiveView.value = step
+  }
+}
+
+function clearData() {
+  stepsTotalNum.value = -1
+  stepsActiveIndex.value = 1
+  stepsActiveView.value = -1
+  preTestStatus.value = "waiting"
+  TestStatus.value = "waiting"
+  ActiveStatue.value = "waiting"
+  nextStepText.value = "下一步"
+}
+
+const beforeClose = (done: () => void) => {
+  if (stepsActiveIndex.value < stepsTotalNum.value && ActiveStatue.value != 'error') {
+    ElMessageBox.confirm('检测未完成，是否退出当前检测流程?', '提示', {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning',
+        }
+    ).then(() => {
+      handleClose()
+    })
+  } else {
+    handleClose()
+  }
+}
+
+const handleClose = () => {
+  showSteps.value = false
+  dataSocket.socketServe.closeWs()
+  dialogVisible.value = false;
+  clearData()
+  showComponent.value = false;
+
+  emit('quitClicked'); // 触发事件
+}
+
+// 对外映射
+defineExpose({open})
+</script>
+
+<style scoped lang="scss">
+
+.test-head-steps {
+  ::v-deep .el-step {
+    .el-step__head.is-success {
+      color: #91cc75;
+    }
+
+    .el-step__title.is-success {
+      color: #91cc75;
+    }
+  }
+}
+
+:deep(.dialog-big .el-dialog__body) {
+  max-height: 840px !important;
+}
+
+.steps-container :deep(.test-head-steps) {
+  height: 80px;
+  margin-bottom: 10px;
+}
+
+.steps-container :deep(.el-step__title) {
+  font-size: 20px !important; /* 设置标题字体大小 */
+  vertical-align: baseline !important;
+  display: inline-block; /* 确保文字和图标在同一行 */
+  line-height: 1; /* 调整行高以确保底部对齐 */
+}
+
+.steps-container :deep(.el-step__icon-inner) {
+  font-size: 18px !important;
+  vertical-align: baseline !important;
+  display: inline-block; /* 确保文字和图标在同一行 */
+  line-height: 1; /* 调整行高以确保底部对齐 */
+}
+
+.steps-container :deep(.el-step__icon) {
+  font-size: 18px !important;
+  vertical-align: baseline !important;
+  display: inline-block; /* 确保文字和图标在同一行 */
+  line-height: 1; /* 调整行高以确保底部对齐 */
+}
+
+.loading-box {
+  animation: loading 1.5s linear infinite;
+}
+
+@keyframes loading {
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(360deg);
+  }
+}
+</style>

frontend/src/views/home/components/dataCheckChangeErrSysPopup.vue

@@ -38,13 +38,13 @@
           <!-- <el-button type="primary" loading v-if="activeIndex > 0 && activeIndex < activeTotalNum">合格92项/共103项</el-button> 
                   <el-button type="primary" v-if="activeIndex >= activeTotalNum" disabled>合格92项/共103项</el-button>  -->
           <span style="  font-size: 18px;font-weight: 600;">
-            数据已合格 <span style="color: #67C23A">{{ qualified }}</span> 项/共 <span style="color: green">{{ 103 }}</span>
+            数据已合格 <span style="color: #91cc75">{{ qualified }}</span> 项/共 <span style="color: green">{{ 103 }}</span>
             项
           </span>
         </div>
         <div class="dialog-content">
           <el-table :data="tableData" :cell-class-name="tableCell"  row-key="id" height="450px"
-            :header-cell-style="{ background: '#003078', color: '#eee', textAlign: 'center' }" style="width: 100%"
+            :header-cell-style="{ background: 'var(--el-color-primary)', color: '#eee', textAlign: 'center' }" style="width: 100%"
             border>
             <el-table-column fixed prop="scriptItemName" label="检测项目" width="210px" />
             <el-table-column label="被检通道1" :min-width="minwidth" align="center">

frontend/src/views/home/components/dataCheckPopup.vue

@@ -43,7 +43,7 @@
                             v-model="scriptSwitch"
                             class="ml-2"
                             inline-prompt
-                            style="--el-switch-on-color: #003078; --el-switch-off-color: #5a79a9"
+                            style="--el-switch-on-color: var(--el-color-primary); --el-switch-off-color: #5a79a9"
                             active-text="不合格测试项"
                             inactive-text="全部测试项"
                         /> -->

frontend/src/views/home/components/dataCheckRawDataTable.vue

@@ -1,22 +1,16 @@
 <template>
   <el-button v-if="tableData.length > 0" type="primary" @click="exportData" style="margin-bottom: 10px">导出</el-button>
-  <div class="table-main">
+  <div class="table-main" max-height="282px">
     <el-table v-if="tableData.length > 0" :data="tableData" stripe border :header-cell-style="{ textAlign: 'center' } "
-              :cell-style="{ textAlign: 'center' }" height="315px"
+              :cell-style="{ textAlign: 'center' }" max-height="282px"
               style="width: 100%;">
       <el-table-column type="index" label="序号" width="70" fixed="left"/>
       <el-table-column prop="time" label="数据时间"/>
-      <template v-if="!isThreePhase && phaseT === 0">
+      <el-table-column v-if="!isThreePhase && phaseA==1" prop="dataA" :label="'A相'+(unit==''?'':'（'+unit+'）')"/>
-        <el-table-column prop="dataA" :label="'A相'+(unit==''?'':'（'+unit+'）')"/>
+      <el-table-column v-if="!isThreePhase && phaseB==1" prop="dataB" :label="'B相'+(unit==''?'':'（'+unit+'）')"/>
-        <el-table-column prop="dataB" :label="'B相'+(unit==''?'':'（'+unit+'）')"/>
+      <el-table-column v-if="!isThreePhase && phaseC==1" prop="dataC" :label="'C相'+(unit==''?'':'（'+unit+'）')"/>
-        <el-table-column prop="dataC" :label="'C相'+(unit==''?'':'（'+unit+'）')"/>
+      <el-table-column v-if="!isThreePhase && phaseT === 1" prop="dataT" :label="tableHeader+(unit==''?'':'（'+unit+'）')"/>
-      </template>
+      <el-table-column v-if="isThreePhase" prop="dataB" :label="'负序不平衡度'+(unit==''?'':'（'+unit+'）')"/>
-      <template v-if="!isThreePhase && phaseT === 1">
-        <el-table-column prop="dataT" :label="tableHeader+(unit==''?'':'（'+unit+'）')"/>
-      </template>
-      <template v-if="isThreePhase">
-        <el-table-column prop="dataB" :label="'负序不平衡度'+(unit==''?'':'（'+unit+'）')"/>
-      </template>
     </el-table>
   </div>
 
@@ -37,6 +31,16 @@ const unit = computed(() => {
   return tableData.length > 0 ? tableData[0].unit : '';
 })
 
+const phaseA = computed(() => {
+  return tableData[0].dataA == '/' ? 0 : 1
+})
+const phaseB = computed(() => {
+  return tableData[0].dataB == '/' ? 0 : 1
+})
+const phaseC = computed(() => {
+  return tableData[0].dataC == '/' ? 0 : 1
+})
+
 const phaseT = computed(() => {
   return tableData[0].dataT == '/' ? 0 : 1
 })

frontend/src/views/home/components/dataCheckResultTable.vue

@@ -8,88 +8,79 @@
       <!--          {{ '通道' + row.chnNum }}-->
       <!--        </template>-->
       <!--      </el-table-column>-->
-      <template v-if="phaseT === 0">
+      <el-table-column label="A相" v-if="phaseA === 1">
-        <el-table-column label="A相">
+        <el-table-column prop="stdA" :label="'标准值'+(outerUnit==''?'':'（'+outerUnit+'）')"/>
-          <el-table-column prop="stdA" width="105" :label="'标准值'+(unit==''?'':'（'+unit+'）')"/>
+        <el-table-column prop="dataA" :label="'被检值'+(outerUnit==''?'':'（'+outerUnit+'）')"/>
-          <el-table-column prop="dataA" width="105" :label="'被检值'+(unit==''?'':'（'+unit+'）')"/>
         <el-table-column prop="isDataA" label="检测结果">
           <template #default="scope">
             <el-tooltip effect="dark" placement="bottom">
               <template #content>
                 误差范围：{{ scope.row.maxErrorA }} <br/>
-                  误差值：{{ scope.row.errorA }} {{ scope.row.errorA !== '/' ? unit : '' }}
+                误差值：{{ scope.row.errorA }} {{ scope.row.errorA !== '/' ? innerUnitA : '' }}
               </template>
               <el-tag type="success" v-if="scope.row.isDataA === 1">符合</el-tag>
               <el-tag type="danger" v-if="scope.row.isDataA === 2">不符合</el-tag>
               <el-tag type="warning" v-if="scope.row.isDataA === 4">/</el-tag>
+              <el-tag type="info" v-if="scope.row.isDataA === 5">-</el-tag>
             </el-tooltip>
           </template>
         </el-table-column>
       </el-table-column>
-        <el-table-column label="B相">
+      <el-table-column label="B相" v-if="phaseB === 1">
-          <el-table-column prop="stdB" width="105" :label="'标准值'+(unit==''?'':'（'+unit+'）')"/>
+        <el-table-column prop="stdB" :label="'标准值'+(outerUnit==''?'':'（'+outerUnit+'）')"/>
-          <el-table-column prop="dataB" width="105" :label="'被检值'+(unit==''?'':'（'+unit+'）')"/>
+        <el-table-column prop="dataB" :label="'被检值'+(outerUnit==''?'':'（'+outerUnit+'）')"/>
         <el-table-column prop="isDataB" label="检测结果">
           <template #default="scope">
             <el-tooltip effect="dark" placement="bottom">
               <template #content>
                 误差范围：{{ scope.row.maxErrorB }}<br/>
-                  误差值：{{ scope.row.errorB }} {{ scope.row.errorB !== '/' ? unit : '' }}
+                误差值：{{ scope.row.errorB }} {{ scope.row.errorB !== '/' ? innerUnitB : '' }}
               </template>
               <el-tag type="success" v-if="scope.row.isDataB === 1">符合</el-tag>
               <el-tag type="danger" v-if="scope.row.isDataB === 2">不符合</el-tag>
               <el-tag type="warning" v-if="scope.row.isDataB === 4">/</el-tag>
+              <el-tag type="info" v-if="scope.row.isDataA === 5">-</el-tag>
             </el-tooltip>
           </template>
         </el-table-column>
       </el-table-column>
-        <el-table-column label="C相">
+      <el-table-column label="C相" v-if="phaseC === 1">
-          <el-table-column prop="stdC" width="105" :label="'标准值'+(unit==''?'':'（'+unit+'）')"/>
+        <el-table-column prop="stdC" :label="'标准值'+(outerUnit==''?'':'（'+outerUnit+'）')"/>
-          <el-table-column prop="dataC" width="105" :label="'被检值'+(unit==''?'':'（'+unit+'）')"/>
+        <el-table-column prop="dataC" :label="'被检值'+(outerUnit==''?'':'（'+outerUnit+'）')"/>
         <el-table-column prop="isDataC" label="检测结果">
           <template #default="scope">
             <el-tooltip effect="dark" placement="bottom">
               <template #content>
                 误差范围： {{ scope.row.maxErrorC }}<br/>
-                  误差值：{{ scope.row.errorC }} {{ scope.row.errorC !== '/' ? unit : '' }}
+                误差值：{{ scope.row.errorC }} {{ scope.row.errorC !== '/' ? innerUnitC : '' }}
               </template>
               <el-tag type="success" v-if="scope.row.isDataC === 1">符合</el-tag>
               <el-tag type="danger" v-if="scope.row.isDataC === 2">不符合</el-tag>
               <el-tag type="warning" v-if="scope.row.isDataC === 4">/</el-tag>
+              <el-tag type="info" v-if="scope.row.isDataA === 5">-</el-tag>
             </el-tooltip>
           </template>
         </el-table-column>
       </el-table-column>
-      </template>
 
-      <template v-if="phaseT === 1">
+      <el-table-column :label="tableHeader" v-if="phaseT === 1">
-        <el-table-column :label="tableHeader">
+        <el-table-column prop="stdT" :label="'标准值'+(outerUnit==''?'':'（'+outerUnit+'）')"/>
-          <el-table-column prop="stdT" :label="'标准值'+(unit==''?'':'（'+unit+'）')"/>
+        <el-table-column prop="dataT" :label="'被检值'+(outerUnit==''?'':'（'+outerUnit+'）')"/>
-          <el-table-column prop="dataT" :label="'被检值'+(unit==''?'':'（'+unit+'）')"/>
         <el-table-column prop="isDataT" label="检测结果">
           <template #default="scope">
             <el-tooltip effect="dark" placement="bottom">
               <template #content>
                 误差范围： {{ scope.row.maxErrorT }}<br/>
-                  误差值：{{ scope.row.errorT }} {{ scope.row.errorT !== '/' ? unit : '' }}
+                误差值：{{ scope.row.errorT }} {{ scope.row.errorT !== '/' ? innerUnitT : '' }}
               </template>
               <el-tag type="success" v-if="scope.row.isDataT === 1">符合</el-tag>
               <el-tag type="danger" v-if="scope.row.isDataT === 2">不符合</el-tag>
               <el-tag type="warning" v-if="scope.row.isDataT === 4">/</el-tag>
+              <el-tag type="info" v-if="scope.row.isDataA === 5">-</el-tag>
             </el-tooltip>
           </template>
         </el-table-column>
       </el-table-column>
-        <!--        <el-table-column prop="maxError" label="误差范围"/>-->
-        <!--        <el-table-column prop="result" label="检测结果">-->
-        <!--          <template #default="scope">-->
-        <!--            <span v-if="scope.row.result === 1">符合</span>-->
-        <!--            <el-tag type="danger" v-if="scope.row.result === 2">不符合</el-tag>-->
-        <!--            <span v-if="scope.row.result === 4">/</span>-->
-        <!--          </template>-->
-        <!--        </el-table-column>-->
-      </template>
-
     </el-table>
   </div>
 
@@ -105,16 +96,39 @@ const {tableData, currentScriptTypeName} = defineProps<{
 }>();
 
 
-const unit = computed(() => {
+const outerUnit = computed(() => {
   return tableData.length > 0 ? tableData[0].unit : '';
 })
 
+const innerUnitA = computed(() => {
+  return tableData.length > 0 ? tableData[0].unitA : '';
+})
+const innerUnitB = computed(() => {
+  return tableData.length > 0 ? tableData[0].unitB : '';
+})
+const innerUnitC = computed(() => {
+  return tableData.length > 0 ? tableData[0].unitC : '';
+})
+const innerUnitT = computed(() => {
+  return tableData.length > 0 ? tableData[0].unitT : '';
+})
+
+const phaseA = computed(() => {
+  return tableData.length <= 0 || tableData[0].dataA == null || tableData[0].dataA == "/" ? 0 : 1
+})
+const phaseB = computed(() => {
+  return tableData.length <= 0 || tableData[0].dataB == null || tableData[0].dataB == "/" ? 0 : 1
+})
+const phaseC = computed(() => {
+  return tableData.length <= 0 || tableData[0].dataC == null || tableData[0].dataC == "/" ? 0 : 1
+})
+
 const phaseT = computed(() => {
-  return tableData[0].dataT == null || tableData[0].dataT == undefined ? 0 : 1
+  return tableData.length <= 0 || tableData[0].dataT == null || tableData[0].dataT == "/" ? 0 : 1
 })
 
 const tableHeader = computed(() => {
-  if (phaseT.value === 1){
+  if (phaseT.value === 1) {
     let index = currentScriptTypeName.indexOf('=');
     return currentScriptTypeName.substring(0, index);
   }
@@ -125,7 +139,7 @@ const tableHeader = computed(() => {
 //   let result = tableData[0].maxError ?? '/'
 //   let idx = result.indexOf('~');
 //   if (idx > 0) {
-//     result = result.substring(0, idx) + unit.value + result.substring(idx, result.length) + unit.value;
+//     result = result.substring(0, idx) + outerUnit.value + result.substring(idx, result.length) + outerUnit.value;
 //   }
 //   return result;
 // })

frontend/src/views/home/components/dataCheckSingleChannelSingleTestPopup.vue

@@ -1,6 +1,6 @@
 <template>
   <el-dialog :append-to-body="appendToBody" class="dialog" title="数据查询" :model-value='visible' @close="close"
-             v-bind="dialogBig" :draggable="false">
+             v-bind="dialogBig" :draggable="false" width="1400px">
     <div class="data-check-dialog">
       <div class="data-check-head">
         <el-form :model='formContent' label-width="auto" class="form-three ">
@@ -8,7 +8,8 @@
             <el-input v-model='formContent.scriptName' :disabled="true"/>
           </el-form-item>
           <el-form-item label="误差体系">
-            <el-select v-model="formContent.errorSysId" placeholder="请选择误差体系" autocomplete="off" :disabled="checkStore.showDetailType===0">
+            <el-select :disabled="checkStore.showDetailType===2 || checkStore.showDetailType===0" v-model="formContent.errorSysId" placeholder="请选择误差体系" autocomplete="off"
+                       @change="handleErrorSysChange">
               <el-option
                   v-for="(option) in pqErrorList"
                   :key="option.id"
@@ -27,8 +28,11 @@
               <el-option v-for="item in chnList" :key="item.value" :label="item.label" :value="item.value"/>
             </el-select>
           </el-form-item>
-          <el-form-item label=" ">
+          <el-form-item v-if="checkStore.showDetailType===1">
-            <el-button type="primary" :icon="Postcard" v-if="checkStore.showDetailType===1" @click="handleGenerateReport">报告生成</el-button>
+            <el-button type="primary" :icon="Postcard" @click="handleGenerateReport">报告生成</el-button>
+          </el-form-item>
+          <el-form-item v-if="checkStore.showDetailType===0">
+            <el-button type="primary" :icon="Histogram" @click="handleReCalculate">重新计算</el-button>
           </el-form-item>
         </el-form>
       </div>
@@ -49,7 +53,7 @@
                      :props="defaultProps"
                      @node-click="handleNodeClick" class="custom-tree" ref="treeRef">
               <template #default="{ node, data }">
-                <el-tooltip effect="dark" :content="data.scriptTypeName" placement="top">
+                <el-tooltip effect="dark" :content="data.scriptTypeName" placement="right">
                   <span class="custom-tree-node" :style="data.fly===2? 'color: #F56C6C;':data.fly===4? 'color: #e6a23c;':''">{{
                       data.scriptTypeName
                     }}</span>
@@ -61,7 +65,7 @@
 
         <div class="content-right">
           <div class="content-right-title">
-            <div style="width: 750px;">
+            <div style="width: 840px;">
               <span class="content-right-title-text">当前检测项目：
                   <el-popover trigger="hover" :content="currentDesc" :width="popoverWidth" placement="right">
                     <template #reference>
@@ -72,15 +76,13 @@
                   </el-popover>
               </span>
             </div>
-            <!--            <el-form-item style="margin-left: 0px;margin-bottom:0px !important;width: 210px;" v-if="harmNumList.length" label='次数'>-->
+            <el-form-item style="margin-left: 0px;margin-bottom:0px !important;width: 280px;" v-if="checkListLevel.length" label='测试项'>
-            <!--              <el-select v-model="currentHarmNum">-->
+              <el-cascader
-            <!--                <el-option v-for="item in harmNumList" :key="item.value" :label="item.label" :value="item.value"/>-->
+                  v-model="currentCheckItem"
-            <!--              </el-select>-->
+                  :options="checkListLevel"
-            <!--            </el-form-item>-->
+                  :props="{expandTrigger: 'click' as const}"
-            <el-form-item style="margin-left: 0px;margin-bottom:0px !important;width: 230px;" v-if="checkList.length" label='测试项'>
+                  placement="bottom-end"
-              <el-select v-model="currentCheckItem">
+              />
-                <el-option v-for="item in checkList" :key="item.value" :label="item.label" :value="item.value"/>
-              </el-select>
             </el-form-item>
           </div>
           <div class="content-right-Tabs">
@@ -107,10 +109,12 @@ import DataCheckRawDataTable from './dataCheckRawDataTable.vue'
 import {CheckData} from "@/api/check/interface";
 import {useDictStore} from "@/stores/modules/dict";
 import {useCheckStore} from "@/stores/modules/check";
-import {exportRawData, getFormData, getTableData, getTreeData} from "@/api/check/test";
+import {changeErrorSystem, deleteTempTable, exportRawData, getFormData, getTableData, getTreeData, reCalculate} from "@/api/check/test";
-import {getPqErrSysList} from '@/api/plan/plan'
+import {generateDevReport, getPqErrSysList} from '@/api/plan/plan'
 import {useDownload} from "@/hooks/useDownload";
-import {Postcard} from "@element-plus/icons-vue";
+import {Histogram, Postcard} from "@element-plus/icons-vue";
+import {ResultEnum} from "@/enums/httpEnum";
+import {ElMessage} from "element-plus";
 
 const {appendToBody} = withDefaults(defineProps<{
   appendToBody: boolean
@@ -143,14 +147,17 @@ const formContent = reactive<CheckData.DataCheck>({
   deviceName: '',
   chnNum: '',
 })
-// 当前选中的谐波次数
+// 原始误差体系id
-// const currentHarmNum = ref<string>("-1")
+let originErrorSysId: string = ''
+let planCode: string = ''
 // 谐波次数列表
 // const harmNumList = reactive<{ value: string, label: string }[]>([])
 // 当前选中的检测项
-const currentCheckItem = ref<string>("")
+const currentCheckItem = ref<any>()
 // 检测项列表
-const checkList = reactive<{ value: string, label: string }[]>([])
+// const checkList = reactive<{ value: string, label: string }[]>([])
+// 带有层级的检测项列表
+const checkListLevel = reactive<{ value: string, label: string, children: { value: string, label: string }[] }[]>([])
 
 let deviceId: string = ''
 let originScriptType: string | null = null
@@ -174,14 +181,13 @@ const currentDesc = ref('');
 const activeTab = ref<string>('resultTab')
 
 //存放相应的表格数据
-let resTableData: { resultData: Map<string, any>, rawData: Map<string, any> } = {resultData: new Map(), rawData: new Map()}
+const resTableData = reactive<{ resultData: Map<string, any>, rawData: Map<string, any> }>({resultData: new Map(), rawData: new Map()})
 
 // 检测结果表格数据
 const checkResultData = reactive<CheckData.CheckResult[]>([])
 
 const popoverWidth: ComputedRef<string> = computed(() => {
-  // return `${940 - (currentScriptTypeName.value.length + 7) * 14 - (harmNumList.length || checkList.length ? 160 : 0)}px`
+  return `${1140 - (currentScriptTypeName.value.length + 7 + 3) * 14 - (checkListLevel.length ? 280 : 0)}px`
-  return `${940 - (currentScriptTypeName.value.length + 7) * 14 - (checkList.length ? 220 : 0)}px`
 })
 
 
@@ -212,24 +218,48 @@ const handleNodeClick = async (data: any) => {
   }
 };
 
-watch(() => formContent.errorSysId, async (newVal, oldVal) => {
+const handleErrorSysChange = async () => {
-  if (newVal != '') {
+  console.log("切换误差体系", formContent.errorSysId);
-    console.log("切换误差体系");
+  changeErrorSystem({
-    formContent.chnNum = chnList[0].value
+    planId: checkStore.plan.id,
+    scriptId: checkStore.plan.scriptId,
+    errorSysId: formContent.errorSysId,
+    deviceId: deviceId,
+    code: checkStore.plan.code + '',
+  }).then((res) => {
+    if (res.code === ResultEnum.SUCCESS) {
+      ElMessage.success('切换误差体系成功')
+      if (originErrorSysId != formContent.errorSysId) {
+        planCode = checkStore.plan.code + "_temp"
+      } else {
+        planCode = checkStore.plan.code + ''
       }
-})
+      if (formContent.chnNum != chnList[0].value) {
+        formContent.chnNum = chnList[0].value
+      } else {
+        handleChnNumChange()
+      }
+    }
+  })
+}
+
 
 watch(() => formContent.chnNum, async (newVal, oldVal) => {
   // console.log("通道号", newVal);
-
   if (newVal != '') {
+    handleChnNumChange()
+  }
+})
+
+const handleChnNumChange = async () => {
+  console.log("通道号", formContent.chnNum);
   // 发起请求，查询该测试项的检测结果
   const {data: resTreeDataTemp}: { data: CheckData.TreeItem[] } = await getTreeData({
     scriptId: checkStore.plan.scriptId,
     devId: deviceId,
     devNum: formContent.chnNum + '',
     scriptType: originScriptType,
-      code: parseInt(checkStore.plan.code)
+    code: planCode
   })
   updateTreeFly(resTreeDataTemp, 4)
   updateTreeFly(resTreeDataTemp, 2)
@@ -240,32 +270,18 @@ watch(() => formContent.chnNum, async (newVal, oldVal) => {
 
   defaultOperate()
   await updateTableData()
-  }
   activeTab.value = 'resultTab'
-})
+}
-
-
-// watch(currentHarmNum, (newVal, oldVal) => {
-//   console.log("谐波次数", newVal);
-//   if (newVal !== '-1') {
-//     let resCheckResult: CheckData.ResCheckResult = resTableData.resultData.get(newVal.toString())
-//     setCheckResultData(resCheckResult)
-//
-//     let tempRawData = resTableData.rawData.get(newVal.toString())
-//     if (tempRawData) {
-//       setRawData(tempRawData)
-//     } else {
-//       setRawData([])
-//     }
-//   }
-//   activeTab.value = 'resultTab'
-// })
 
 
 watch(currentCheckItem, (newVal, oldVal) => {
-  console.log("当前检测项", newVal);
   if (newVal !== '') {
-    doCurrentCheckItemUpdate(newVal)
+    let key = newVal[0]
+    if (newVal.length == 2) {
+      key += "_" + newVal[1]
+    }
+    console.log("当前检测项", key);
+    doCurrentCheckItemUpdate(key)
   } else {
     activeTab.value = 'resultTab'
   }
@@ -294,6 +310,12 @@ const defaultOperate = () => {
 const updateTableData = async () => {
   console.log("左侧树被选中的叶子节点checkIndex", checkIndex.value);
   if (checkIndex.value !== '') {
+
+    checkListLevel.length = 0
+    checkResultData.length = 0
+    rawTableData.length = 0
+    currentCheckItem.value = ''
+
     //  console.log("更新表格数据");
     // 发起请求，查询该测试项的检测结果
     const {data} = await getTableData({
@@ -301,76 +323,70 @@ const updateTableData = async () => {
       scriptId: checkStore.plan.scriptId,
       devId: deviceId,
       devNum: formContent.chnNum + '',
-      code: parseInt(checkStore.plan.code),
+      code: planCode,
       index: parseInt(checkIndex.value),
     })
 
     let keys1 = Object.keys(data.resultData)
     let resultData = new Map()
     for (let key of keys1) {
-      resultData.set(key, data.resultData[key])
+      let children = []
+      let label = key
+      if ((key.includes('谐波') || key.includes('简谐波')) && key !== '谐波有功功率') {
+        for (let item of data.resultData[key]) {
+          let num = formatHarmNum(item.harmNum + '')
+          label = item.isData === 1 ? `${num}` : item.isData === 4 ? `${num}（/）` : item.isData === 5 ? `${num}（-）` : `${num}（不符合）`
+          children.push({label: label, value: num})
+          resultData.set(key + "_" + num, item)
         }
+        checkListLevel.push({label: key, value: key, children: children})
+      } else {
+        label = data.resultData[key][0].isData === 1 ? `${key}` : data.resultData[key][0].isData === 4 ? `${key}（/）` : data.resultData[key][0].isData === 5 ? `${key}（-）` : `${key}（不符合）`
+        resultData.set(key, data.resultData[key][0])
+        checkListLevel.push({label: label, value: key, children: []})
+        let temp = checkListLevel.find(item => item.label.includes('电压幅值'))
+        if (temp) {
+          checkListLevel.splice(checkListLevel.indexOf(temp), 1)
+          checkListLevel.unshift(temp)
+        }
+      }
+    }
+
 
     let keys2 = Object.keys(data.rawData)
     let rawData = new Map()
     for (let key of keys2) {
+      if ((key.includes('谐波') || key.includes('简谐波')) && key !== '谐波有功功率') {
+        for (let item of data.rawData[key]) {
+          let num = formatHarmNum(item.harmNum + '')
+          let value = rawData.get(key + "_" + num)
+          if (!value) {
+            rawData.set(key + "_" + num, [item])
+          } else {
+            value.push(item)
+          }
+        }
+      } else {
         rawData.set(key, data.rawData[key])
       }
-
-    resTableData = {
-      resultData,
-      rawData
     }
 
-    let resCheckResult: CheckData.ResCheckResult = {}
-    let resRawData: CheckData.RawDataItem[] = []
 
-    if (keys1.length === 0) {
+    resTableData.resultData = resultData
-      checkList.length = 0
+    resTableData.rawData = rawData
-      checkResultData.length = 0
-      rawTableData.length = 0
-      currentCheckItem.value = ''
-    }
 
-    if (keys1.length === 1) {
+    toAngleLast()
-      resCheckResult = resTableData.resultData.get(keys1[0])
-      resRawData = resTableData.rawData.get(keys2[0])
 
-      resRawData = (resRawData == null || resRawData == undefined ? [] : resRawData)
+    if (checkListLevel.length !== 0) {
-      resCheckResult = (resCheckResult == null || resCheckResult == undefined ? {} : resCheckResult)
+      if (checkListLevel[0].children.length !== 0) {
-      setCheckResultData(resCheckResult)
+        currentCheckItem.value = [checkListLevel[0].value + '', checkListLevel[0].children[0].value + '']
-      setRawData(resRawData)
-      checkList.length = 0
-      checkList.push({value: keys1[0], label: resCheckResult.isData === 1? `${keys1[0]}`:resCheckResult.isData === 4? `${keys1[0]}（/）` :`${keys1[0]}（不符合）`})
-      if (currentCheckItem.value == checkList[0].value) {
-        doCurrentCheckItemUpdate(checkList[0].value)
       } else {
-        currentCheckItem.value = checkList[0].value
+        currentCheckItem.value = [checkListLevel[0].value + '']
       }
-    } else if (keys1.length != 0) {
-      let tempCheckList = []
-      for (let [key, value] of resTableData.resultData) {
-        let hum = formatHarmNum(key)
-        tempCheckList.push({
-          value: key,
-          label: value.isData === 1 ? hum : value.isData === 4 ? `${hum}（/）` : `${hum}（不符合）`
-        })
     }
 
-      toAngleLast(tempCheckList)
-      checkList.length = 0
-      Object.assign(checkList, tempCheckList)
 
-      if (currentCheckItem.value == tempCheckList[0].value) {
-        doCurrentCheckItemUpdate(tempCheckList[0].value)
   } else {
-        currentCheckItem.value = tempCheckList[0].value
-      }
-    }
-  }
-
-  // setCheckResultData(resCheckResult)
-  else {
     checkResultData.length = 0
     rawTableData.length = 0
   }
@@ -391,6 +407,7 @@ const doCurrentCheckItemUpdate = (newVal: string) => {
 }
 
 const open = async (_deviceId: string, chnNum: string, _scriptType: string | null) => {
+  planCode = checkStore.plan.code + ''
   deviceId = _deviceId
   originScriptType = _scriptType
   scriptType = _scriptType
@@ -409,13 +426,11 @@ const open = async (_deviceId: string, chnNum: string, _scriptType: string | nul
     //label: item.label == '1' ? `${item.value}` : item.label == '2' ? `${item.value}（不符合）` : `${item.value}`
   }))
 
-  let dataRuleName = dictStore.getDictData('Data_Rule').find(item => item.id == resFormContent.dataRule)?.name
-
   Object.assign(formContent, {
     ...resFormContent,
-    dataRule: dataRuleName,
     chnNum: chnList.length > 0 ? chnList[0].value : '',
   })
+  originErrorSysId = formContent.errorSysId
 
   pqErrorList.length = 0
   let {data: resPqErrorList} = await getPqErrSysList()
@@ -424,11 +439,34 @@ const open = async (_deviceId: string, chnNum: string, _scriptType: string | nul
   visible.value = true;
 }
 
-const handleGenerateReport = () => {
+const handleGenerateReport = async () => {
-  console.log("生成报告", checkStore.plan.id, deviceId)
+  await generateDevReport({'planId': checkStore.plan.id, 'devIdList': [deviceId],'scriptId':checkStore.plan.scriptId,'planCode':planCode})
+  ElMessage.success({message: `报告生成成功！`})
 }
 
-const close = () => {
+const handleReCalculate = async () => {
+  reCalculate({
+    planId: checkStore.plan.id,
+    scriptId: checkStore.plan.scriptId,
+    errorSysId: formContent.errorSysId,
+    deviceId: deviceId,
+    code: checkStore.plan.code + ''
+  }).then((res) => {
+    ElMessage.success('重新计算成功！')
+    // if (originErrorSysId != formContent.errorSysId) {
+    //   planCode = checkStore.plan.code + "_temp"
+    // } else {
+    //   planCode = checkStore.plan.code + ''
+    // }
+    if (formContent.chnNum != chnList[0].value) {
+      formContent.chnNum = chnList[0].value
+    } else {
+      handleChnNumChange()
+    }
+  })
+}
+
+const close = async () => {
   //数据清空
   Object.assign(formContent, {
     scriptName: '',
@@ -443,19 +481,23 @@ const close = () => {
   currentCheckItem.value = ''
   checkResultData.length = 0
   rawTableData.length = 0
-  checkList.length = 0
+  //checkList.length = 0
   defaultExpandedKeys = []
   checkIndex.value = ''
   activeTab.value = 'resultTab'
   currentScriptTypeName.value = ''
   currentDesc.value = ''
   pqErrorList.length = 0
+  planCode = ''
 
   visible.value = false;
+
+  if (checkStore.showDetailType === 1) {
+    await deleteTempTable(checkStore.plan.code + '')
+  }
 };
 
 const setCheckResultData = (data: CheckData.ResCheckResult | null) => {
-  // console.log("检测结果", data);
   let result: CheckData.CheckResult[] = []
   if (data == null || data == undefined) {
     Object.assign(checkResultData, [])
@@ -463,21 +505,30 @@ const setCheckResultData = (data: CheckData.ResCheckResult | null) => {
   }
   if (data.dataA != null && data.dataB != null && data.dataC != null) {
     result.push({
-      stdA: numberToFixed(data.dataA.resultData),
+      // stdA: numberToFixed(data.dataA.resultData),
-      dataA: numberToFixed(data.dataA.data),
+      // dataA: numberToFixed(data.dataA.data),
-      errorA: getError(data.dataA.resultData, data.dataA.data),
+      stdA: dataToShow(data.dataA.resultData),
-      maxErrorA: toMaxErrorStr(data.dataA.radius, data.unit),
+      dataA: dataToShow(data.dataA.data),
+      errorA: data.dataA.errorData == null ? '/' : data.dataA.errorData + '',
+      maxErrorA: toMaxErrorStr(data.dataA.radius, data.dataA.unit),
+      unitA: data.dataA.unit,
       isDataA: data.dataA.isData,
-      stdB: numberToFixed(data.dataB.resultData),
+      // stdB: numberToFixed(data.dataB.resultData),
-      dataB: numberToFixed(data.dataB.data),
+      // dataB: numberToFixed(data.dataB.data),
-      errorB: getError(data.dataB.resultData, data.dataB.data),
+      stdB: dataToShow(data.dataB.resultData),
-      maxErrorB: toMaxErrorStr(data.dataB.radius, data.unit),
+      dataB: dataToShow(data.dataB.data),
+      errorB: data.dataB.errorData == null ? '/' : data.dataB.errorData + '',
+      maxErrorB: toMaxErrorStr(data.dataB.radius, data.dataB.unit),
       isDataB: data.dataB.isData,
-      stdC: numberToFixed(data.dataC.resultData),
+      unitB: data.dataB.unit,
-      dataC: numberToFixed(data.dataC.data),
+      // stdC: numberToFixed(data.dataC.resultData),
-      errorC: getError(data.dataC.resultData, data.dataC.data),
+      // dataC: numberToFixed(data.dataC.data),
-      maxErrorC: toMaxErrorStr(data.dataC.radius, data.unit),
+      stdC: dataToShow(data.dataC.resultData),
+      dataC: dataToShow(data.dataC.data),
+      errorC: data.dataC.errorData == null ? '/' : data.dataC.errorData + '',
+      maxErrorC: toMaxErrorStr(data.dataC.radius, data.dataC.unit),
       isDataC: data.dataC.isData,
+      unitC: data.dataC.unit,
 
       maxError: data.radius,
       unit: data.unit,
@@ -485,13 +536,16 @@ const setCheckResultData = (data: CheckData.ResCheckResult | null) => {
     })
   }
 
-  if (data.dataT != null) {
+  if (data.dataT != null && data.dataA == null && data.dataB == null && data.dataC == null) {
     result.push({
-      stdT: numberToFixed(data.dataT.resultData),
+      // stdT: numberToFixed(data.dataT.resultData),
-      dataT: numberToFixed(data.dataT.data),
+      // dataT: numberToFixed(data.dataT.data),
-      errorT: getError(data.dataT.resultData, data.dataT.data),
+      stdT: dataToShow(data.dataT.resultData),
-      maxErrorT: toMaxErrorStr(data.dataT.radius, data.unit),
+      dataT: dataToShow(data.dataT.data),
+      errorT: data.dataT.errorData == null ? '/' : data.dataT.errorData + '',
+      maxErrorT: toMaxErrorStr(data.dataT.radius, data.dataT.unit),
       isDataT: data.dataT?.isData,
+      unitT: data.dataT.unit,
 
       maxError: data.radius,
       unit: data.unit,
@@ -499,15 +553,16 @@ const setCheckResultData = (data: CheckData.ResCheckResult | null) => {
     })
   }
   Object.assign(checkResultData, result)
+  console.log("检测结果", checkResultData);
 }
 
 const exportRawDataHandler = () => {
-  useDownload(exportRawData, '原始数据.xlsx', {
+  useDownload(exportRawData, '原始数据', {
     scriptType,
     scriptId: checkStore.plan.scriptId,
     devId: deviceId,
     devNum: formContent.chnNum + '',
-    code: parseInt(checkStore.plan.code),
+    code: checkStore.plan.code + '',
     index: parseInt(checkIndex.value),
   }, false, '.xlsx')
 }
@@ -524,15 +579,26 @@ const formatHarmNum = (num: string) => {
 
 const setRawData = (data: CheckData.RawDataItem[]) => {
   data.forEach((item: CheckData.RawDataItem) => {
-    item.dataA = stringToFixed(item.dataA)
+    // item.dataA = stringToFixed(item.dataA)
-    item.dataB = stringToFixed(item.dataB)
+    // item.dataB = stringToFixed(item.dataB)
-    item.dataC = stringToFixed(item.dataC)
+    // item.dataC = stringToFixed(item.dataC)
-    item.dataT = stringToFixed(item.dataT)
+    // item.dataT = stringToFixed(item.dataT)
+    item.dataA = dataToShow(item.dataA)
+    item.dataB = dataToShow(item.dataB)
+    item.dataC = dataToShow(item.dataC)
+    item.dataT = dataToShow(item.dataT)
   })
   rawTableData.length = 0
   Object.assign(rawTableData, data)
   console.log("原始数据", rawTableData)
 }
+const dataToShow = (num: number): string => {
+  if (num == null || num == undefined) {
+    return '/'
+  }
+  return num+''
+}
+
 
 const numberToFixed = (num: number): string => {
   if (num == null || num == undefined) {
@@ -598,18 +664,18 @@ const getDefaultNode = (data: any[]) => {
   return findFirstLeafNode(firstElement);
 }
 
-const toAngleLast = (data: any[]) => {
+const toAngleLast = () => {
   let angleIndex = -1
-  for (let i = 0; i < data.length; i++) {
+  for (let i = 0; i < checkListLevel.length; i++) {
-    if (data[i].value.toString().includes('相角')) {
+    if (checkListLevel[i].value.toString().includes('相角')) {
       angleIndex = i
       break
     }
   }
   if (angleIndex != -1) {
-    let temp = data[angleIndex]
+    let temp = checkListLevel[angleIndex]
-    data.splice(angleIndex, 1)
+    checkListLevel.splice(angleIndex, 1)
-    data.push(temp)
+    checkListLevel.push(temp)
   }
 }
 
@@ -681,7 +747,6 @@ defineExpose({
 </script>
 
 <style lang="scss" scoped>
-
 .dialog {
   display: flex;
   flex-direction: column;
@@ -776,7 +841,7 @@ defineExpose({
 <!--.el-popover.popover-class {-->
 <!--  .el-popover__title {-->
 <!--    color: #fff;-->
-<!--    background-color: #003078 !important;-->
+<!--    background-color: var(--el-color-primary) !important;-->
 <!--  }-->
 <!--}-->
 <!--</style>-->

frontend/src/views/home/components/deviceConnectionPopup.vue

@@ -0,0 +1,362 @@
+<template>
+  <el-dialog title="设备通道配对" v-model='dialogVisible' v-bind="dialogBig">
+    <div class="flow-container" style="overflow: hidden; position: relative;">
+      <el-button @click="logConnections">打印当前配对</el-button> 
+      <VueFlow 
+        :nodes="nodes" 
+        :edges="edges"
+        :connection-radius="30" 
+        :nodes-draggable="false" 
+        :dragging="false"
+        :zoom-on-scroll="false" 
+        :pan-on-drag="false" 
+        :disable-zoom-pan-on-connect="true"
+        :prevent-scrolling="true"
+        :fit-view="true"
+        :min-zoom="1"
+        :max-zoom="1"
+        :elements-selectable="false"
+        auto-connect 
+        @connect="handleConnect"
+        @connect-start="handleConnectStart"
+        @connect-end="handleConnectEnd"
+        @pane-ready="onPaneReady"
+        v-on:pane-mouse-move="false"
+      >
+      </VueFlow>          
+    </div>
+    
+    <!-- 底部操作按钮 -->
+    <template #footer>
+      <div class="dialog-footer">
+        <el-button @click="dialogVisible = false">取消</el-button>
+        <el-button type="primary" @click="handleNext">下一步</el-button>
+      </div>
+    </template>
+  </el-dialog>
+
+  <!-- 手动检测-勾选检测项弹窗 -->
+  <SelectTestItemPopup ref="selectTestItemPopupRef" @openTestDialog="openTestDialog"></SelectTestItemPopup>
+  <CompareTestPopup ref='testPopup'></CompareTestPopup>
+</template>
+
+<script lang="ts" setup>
+import { h, ref } from 'vue'
+import { VueFlow, useVueFlow } from '@vue-flow/core'
+import { dialogBig } from "@/utils/elementBind";
+import { Platform, Flag } from '@element-plus/icons-vue'
+import { Device } from '@/api/device/interface/device';
+import { StandardDevice } from '@/api/device/interface/standardDevice';
+import SelectTestItemPopup from "@/views/home/components/selectTestItemPopup.vue";
+import CompareTestPopup from './compareTestPopup.vue'
+import { ElMessage } from 'element-plus';
+import CustomEdge from './RemoveableEdge.vue' // 导入自定义连接线组件
+
+const dialogVisible = ref(false)
+const selectTestItemPopupRef = ref<InstanceType<typeof SelectTestItemPopup>>()
+const testPopup = ref()
+const dialogTitle = ref('手动检测')
+
+// 初始化 VueFlow，注册自定义连线类型
+const { edges, setViewport } = useVueFlow({
+  edgeTypes: {
+    default: CustomEdge
+  }
+})
+
+// 初始化时锁定画布位置
+const onPaneReady = () => {
+  setViewport({ x: 0, y: 0, zoom: 1 })
+}
+
+// 提取公共的label渲染函数
+const createLabel = (text: string, type: string) => {
+  return h('div', {
+    style: {
+      display: 'flex',
+      flexDirection: 'column',
+      alignItems: 'center',
+      fontSize: '15px',
+      textAlign: 'center',
+      border: '1px solid #ccc',
+      borderRadius: '8px',
+      padding: '8px',
+      backgroundColor: '#f9f9f9'
+    }
+  }, [
+    h(Platform, {
+      style: {
+        width: '20px',
+        marginBottom: '4px',
+        color: '#526ade'
+      }
+    }),
+    h('div', null, '设备名称：' + text),
+    h('div', null, '设备类型：' + type)
+  ]) as any
+}
+
+const createLabel3 = (text: string) => {
+  return h('div', {
+    style: {
+      display: 'flex',
+      alignItems: 'center',
+      fontSize: '15px',
+      textAlign: 'center',
+      border: '1px solid #ccc',
+      borderRadius: '8px',
+      padding: '8px',
+      backgroundColor: '#f9f9f9'
+    }
+  }, [
+    h(Flag, {
+      style: {
+        width: '20px',
+        marginRight: '4px',
+        color: '#526ade'
+      }
+    }),
+    text
+  ]) as any
+}
+
+
+const handleConnectStart = (params: any) => {
+  onPaneReady()
+}
+
+const handleConnectEnd = (params: any) => {
+  onPaneReady()
+}
+
+const handleConnect = (params: any) => {
+  console.log('连接信息:', params);
+  const sourceNode = nodes.value.find(node => node.id === params.source)
+  const targetNode = nodes.value.find(node => node.id === params.target)
+  
+  // 连接规则验证
+  const isValidConnection = 
+    sourceNode?.type === 'input' && 
+    targetNode?.type === 'output'
+
+  if (!isValidConnection) {
+    removeEdge(params)
+    ElMessage.warning('只能从被检通道连接到标准通道')
+    return
+  }
+  
+}
+
+// 删除不合法连接
+const removeEdge = (params: any) => {
+  const edgeIndex = edges.value.findIndex(edge => 
+    edge.source === params.source && edge.target === params.target
+  )
+  if (edgeIndex !== -1) {
+    edges.value.splice(edgeIndex, 1)
+  }
+}
+
+
+// 打印当前节点和连线信息
+function logConnections() {
+  console.log('当前节点:', nodes.value);
+  console.log('当前连线:', edges.value);
+
+  const connections = edges.value.map(edge => ({
+    source: edge.source,
+    target: edge.target,
+    label: `${edge.source} → ${edge.target}`
+  }));
+
+  console.table(connections);
+}
+
+const nodes = ref([])
+const sourceIdArray = ref<string[]>()
+const open = async (device: Device.ResPqDev[], standardDev: StandardDevice.ResPqStandardDevice[],sourceIds: string[]) => {
+  edges.value = []
+  sourceIdArray.value = sourceIds
+  nodes.value = createNodes(device, standardDev)
+  dialogVisible.value = true
+  onPaneReady()
+}
+
+const handleNext = () => {
+  if (edges.value.length === 0) {
+    ElMessage.warning('请先完成通道配对')
+    return
+  }
+  dialogVisible.value = false
+  selectTestItemPopupRef.value?.open(sourceIdArray.value)
+}
+
+const openTestDialog = () => {
+  testPopup.value?.open(dialogTitle.value,sourceIdArray.value)
+}
+
+const createNodes = (device: Device.ResPqDev[], standardDev: StandardDevice.ResPqStandardDevice[]) => {
+  const channelCounts: Record<string, number> = {}
+  device.forEach(device => {
+    channelCounts[device.id] = device.devChns || 0
+  })
+
+  const inspectionDevices = device.map(d => ({
+    id: d.id,
+    name: d.name,
+    type: 'normal',
+    deviceType: d.devType
+  }))
+
+  const channelCounts2: Record<string, number> = {}
+  standardDev.forEach(dev => {
+    const channelList = dev.inspectChannel ? dev.inspectChannel.split(',') : []
+    channelCounts2[dev.id] = channelList.length
+  })
+
+  const standardDevices = standardDev.map(d => ({
+    id: d.id,
+    name: d.name,
+    type: 'normal',
+    deviceType: d.devType
+  }))
+
+  const newNodes: any[] = []
+  const deviceChannelGroups: { deviceId: string; centerY: number; }[] = []
+  const standardChannelGroups: any[] = []
+ 
+  const deviceWidth = 0
+  const inputChannelX = 200
+  const outputChannelX = 800
+  const standardWidth = 950
+
+  const yPosition = ref(25)
+  const yPosition2 = ref(25)
+
+  // 添加被检通道
+  Object.entries(channelCounts).forEach(([deviceId, count]) => {
+    for (let i = 1; i <= count; i++) {
+      const channelId = `被检通道-${deviceId}-${i}`
+      newNodes.push({  
+        id: channelId,
+        type: 'input',
+        data: { label: createLabel3(`被检通道${i}`) },
+        position: { x: inputChannelX, y: yPosition.value },
+        sourcePosition: 'right',
+        style: { width: '150px', border: 'none', boxShadow: 'none' }
+      })
+      
+      // 计算设备节点Y坐标（居中显示）
+      if(i == 1 && count == 1){
+         deviceChannelGroups.push({
+          deviceId,
+          centerY: yPosition.value - 25
+        })
+      }else if(i == 2 && count == 2){
+         deviceChannelGroups.push({
+          deviceId,
+          centerY: yPosition.value - 50
+        })
+      }else if(i == 3 && count == 3){
+        deviceChannelGroups.push({
+          deviceId,
+          centerY: yPosition.value - 75
+        })
+      }else if(i == 4 && count == 4){
+        deviceChannelGroups.push({
+          deviceId,
+          centerY: yPosition.value - 100
+        })
+      }
+      
+      yPosition.value += 50 
+    }
+    yPosition.value += 50
+  })
+
+  // 添加标准通道
+  Object.entries(channelCounts2).forEach(([deviceId, count]) => {
+    for (let i = 1; i <= count; i++) {
+      const channelId = `标准通道-${deviceId}-${i}`
+      newNodes.push({  
+        id: channelId,
+        type: 'output',
+        data: { label: createLabel3(`标准通道${i}`) },
+        position: { x: outputChannelX, y: yPosition2.value },
+        targetPosition: 'left',
+        style: { width: '150px', border: 'none', boxShadow: 'none' }
+      })
+      
+      // 计算设备节点Y坐标（居中显示）
+      if(i == 1 && count == 1){
+         standardChannelGroups.push({
+          deviceId,
+          centerY: yPosition2.value - 25
+        })
+      }else if(i == 2 && count == 2){
+         standardChannelGroups.push({
+          deviceId,
+          centerY: yPosition2.value - 50
+        })
+      }else if(i == 3 && count == 3){
+        standardChannelGroups.push({
+          deviceId,
+          centerY: yPosition2.value - 100
+        })
+      }else if(i == 4 && count == 4){
+        standardChannelGroups.push({
+          deviceId,
+          centerY: yPosition2.value - 100
+        })
+      }
+      
+      yPosition2.value += 50
+    }
+    yPosition2.value += 50
+  })
+
+  // 添加被检设备
+  deviceChannelGroups.forEach(({ deviceId, centerY }) => {
+    const device = inspectionDevices.find(d => d.id === deviceId)
+    if (device) {
+      newNodes.push({
+        id: device.id,
+        data: { label: createLabel(device.name, device.deviceType) },
+        position: { x: deviceWidth, y: centerY },
+        class: 'no-handle-node',
+        style: { width: '200px', border: 'none', boxShadow: 'none' }
+      })
+    }
+  })
+
+  // 添加标准设备
+  standardChannelGroups.forEach(({ deviceId, centerY }) => {
+    const device = standardDevices.find(d => d.id === deviceId)
+    if (device) {
+      newNodes.push({
+        id: device.id,
+        data: { label: createLabel(device.name, device.deviceType) },
+        position: { x: standardWidth, y: centerY },
+        class: 'no-handle-node',
+        style: { width: '200px', border: 'none', boxShadow: 'none' }
+      })
+    }
+  })
+
+  return newNodes
+}
+
+defineExpose({ open })
+</script>
+
+<style>
+.flow-container {
+  height: 600px;
+  width: 100%;
+  overflow: hidden;
+}
+
+.vue-flow__node.no-handle-node .vue-flow__handle {
+  display: none !important;
+}
+</style>

frontend/src/views/home/components/factorTest.vue

@@ -6,7 +6,7 @@
         <div>{{ outputDsc }}</div>
         <div>
             <span style="  font-size: 18px;font-weight: 600;">
-              设备已合格 <span style="color: #67C23A">{{ qualified }}</span> 台/共 <span style="color: green">{{ total }}</span>
+              设备已合格 <span style="color: #91cc75">{{ qualified }}</span> 台/共 <span style="color: green">{{ total }}</span>
               台
             </span>
           <!-- <el-button type="primary" loading
@@ -99,6 +99,7 @@ import {getCoefficientCheck} from '@/api/home/channelsTest/index'
 import type {ChannelsTest} from '@/api/home/interface/channelsTest';
 import type {Plan} from '@/api/plan/interface';
 import {useCheckStore} from "@/stores/modules/check";
+import {useUserStore} from "@/stores/modules/user";
 
 const checkStore = useCheckStore()
 const activeIndex = ref(0)
@@ -143,7 +144,7 @@ const props = defineProps({
     default: () => ({})
   },
 })
-
+const userStore = useUserStore()
 const testStatus = toRef(props, 'testStatus');
 const tableDataMap = new Map<number, Ref<ChannelsTest.CoefficientVO[]>>([]);
 const currentStepStatus = ref<'error' | 'finish' | 'wait' | 'success' | 'process'>('finish');
@@ -188,6 +189,7 @@ watch(testStatus, function (newValue, oldValue) {
 watch(webMsgSend, function (newValue, oldValue) {
   console.log('webMsgSend---code', newValue.code)
   console.log('webMsgSend---requestId', newValue.requestId)
+  if (testStatus.value !== 'waiting') {
     if (newValue.code == 10520) {
       ElMessageBox.alert('报文解析异常！', '初始化失败', {
         confirmButtonText: '确定',
@@ -343,44 +345,66 @@ watch(webMsgSend, function (newValue, oldValue) {
               break;
           }
           break;
+        case 'yjc_xyjy':
+          switch (newValue.operateCode) {
+            case 'VERIFY_MAPPING$01':
+              if (newValue.code == 10200) {
+                let data = JSON.parse(newValue.data)
+                ElMessageBox.alert(`脚本与icd校验失败！icd名称：${data['icdType']} -> 校验项：${data['dataType']}`, '初始化失败', {
+                  confirmButtonText: '确定',
+                  type: 'error',
+                })
+                TableInit();
+              }
+              if (newValue.code == 10500) {
+                ElMessageBox.alert(`装置中未找到该icd!`, '初始化失败', {
+                  confirmButtonText: '确定',
+                  type: 'error',
+                })
+                TableInit();
+              }
+              break;
+          }
+          break;
         case 'Coefficient_Check':
           console.log("Coefficient_Checkactive", active.value);
           switch (newValue.operateCode) {
-          case 'big_end'://大电压,电流下装
+            case 'big_start'://大电压,电流下装
-            console.log('大电压,电流下装')
-            active.value++;
               big_V_Download.value = 'Ua=Ub=Uc=' + newValue.data.devVolt + 'V';
               big_I_Download.value = 'Ia=Ib=Ic=' + newValue.data.devCurr + 'A';
-
+              break;
+            case 'big_end'://大电压,电流下装
+              active.value++;
               tableLoading('small', '系数下装')
               break;
           }
           switch (newValue.operateCode) {
-          case 'small_end'://小电压,电流下装
+            case 'small_start'://小电压,电流下装
-            console.log('小电压,电流下装')
-            active.value++;
               small_V_Download.value = 'Ua=Ub=Uc=' + newValue.data.devVolt + 'V';
               small_I_Download.value = 'Ia=Ib=Ic=' + newValue.data.devCurr + 'A';
-
+              break;
+            case 'small_end'://小电压,电流下装
+              active.value++;
               tableLoading('big', '系数校准')
               break;
           }
           switch (newValue.operateCode) {
-          case 'big_comp_end'://大电压,电流校准
+            case 'big_comp_start'://大电压,电流校准
-            console.log('大电压,电流校准')
-            active.value++;
               big_V_Adjust.value = 'Ua=Ub=Uc=' + newValue.data.devVolt + 'V';
               big_I_Adjust.value = 'Ia=Ib=Ic=' + newValue.data.devCurr + 'A';
-
+              break;
+            case 'big_comp_end'://大电压,电流校准
+              active.value++;
               tableLoading('small', '系数校准')
               break;
           }
           switch (newValue.operateCode) {
-          case 'small_comp_end'://小电压,电流校准
+            case 'small_comp_start'://小电压,电流校准
-          console.log('小电压,电流校准')
-            active.value++;
               small_V_Adjust.value = 'Ua=Ub=Uc=' + newValue.data.devVolt + 'V';
               small_I_Adjust.value = 'Ia=Ib=Ic=' + newValue.data.devCurr + 'A';
+              break;
+            case 'small_comp_end'://小电压,电流校准
+              active.value++;
               active.value++;
 
               for (let i = 0; i < name.value.length; i++) {
@@ -405,7 +429,7 @@ watch(webMsgSend, function (newValue, oldValue) {
           switch (newValue.operateCode) {
             case 'DATA_CHNFACTOR$02'://表格
               // 输出 key 为 0 的数组中的第一条 ChannelsTest.CoefficientVO 对象
-            console.log('表格',name.value)
+              console.log('表格', name.value)
               for (let i = 0; i < name.value.length; i++) {
                 const targetArrayRef = tableDataMap.get(i);
                 if (targetArrayRef) {
@@ -473,13 +497,13 @@ watch(webMsgSend, function (newValue, oldValue) {
                       console.log(newValue.data.devName + '对象:', firstCoefficientVO);
                       activeIndex.value++;
                     } else {
-                    console.log('未找到匹配的'+ newValue.data.devName+'对象');
+                      console.log('未找到匹配的' + newValue.data.devName + '对象');
                     }
                   } else {
                     console.log(newValue.data.devName + '数组为空');
                   }
                 } else {
-                console.log('未找到'+newValue.data.devName+'对应的数组');
+                  console.log('未找到' + newValue.data.devName + '对应的数组');
                 }
               }
               break;
@@ -517,6 +541,7 @@ watch(webMsgSend, function (newValue, oldValue) {
           break;
       }
     }
+  }
 })
 
 //出错系数检测初始化
@@ -714,14 +739,15 @@ const handleSubmit = async () => {
 
   isButtonDisabled.value = true; // 禁用按钮
   tableLoading('big', '系数下装')
-  await getCoefficientCheck({
+/*  await getCoefficientCheck({
     userPageId: "cdf",
     devIds: devIdArray.value,
     planId: planId.value,
     errorSysId: select_Plan.value?.errorSysId,
     scriptId: select_Plan.value?.scriptId,
-    operateType: '0' // '0'为预检测、‘1‘为正式检测
+    operateType: '0', // '0'为预检测、‘1‘为正式检测
-  })
+    userId:userStore.userInfo.id
+  })*/
   active.value++;  
 
   console.log('开始检测active.value', active.value)

frontend/src/views/home/components/preTest.vue

@@ -4,8 +4,7 @@
       <el-tab-pane label="预检测项目">
         <div class="form-grid">
           <el-checkbox v-for="(item, index) in detectionOptions" v-model="item.selected" :key="index"
-                       :label="item.name"></el-checkbox>
+                       :label="item.name" disabled></el-checkbox>
-          <!-- disabled="true" -->
         </div>
       </el-tab-pane>
     </el-tabs>
@@ -18,7 +17,7 @@
           <el-step :status="step2" title="设备通讯校验"/>
           <el-step :status="step3" title="协议校验"/>
           <el-step :status="step4" title="相序校验"/>
-          <el-step :status="step5" title="检测完成"/>
+          <el-step :status="step5" :title="ts === 'error'? '检测失败':ts === 'process'? '检测中':ts === 'success'? '检测成功':'待检测'"/>
         </el-steps>
       </div>
       <div class="dialog-right">
@@ -69,7 +68,7 @@
 </template>
 <script lang="tsx" setup name="preTest">
 import {ElMessage, ElMessageBox} from "element-plus";
-import {defineExpose, toRef} from 'vue';
+import {defineExpose, ref, toRef, watch} from 'vue';
 
 const step1InitLog = ref([
   {
@@ -234,8 +233,7 @@ const webMsgSend = toRef(props, 'webMsgSend');
 const ts = ref('');
 
 watch(webMsgSend, function (newValue, oldValue) {
-  // console.log(newValue)
+  if (testStatus.value !== 'waiting') {
-
     switch (newValue.requestId) {
       case 'yjc_ytxjy':
         switch (newValue.operateCode) {
@@ -258,9 +256,11 @@ watch(webMsgSend, function (newValue, oldValue) {
               ElMessage.error(newValue.code)
               step1.value = 'error'
               ts.value = 'error'
+              step5.value = 'error'
             } else if (newValue.code == 10523) {
               step1.value = 'error'
               ts.value = 'error'
+              step5.value = 'error'
               step1InitLog.value = [{
                 type: 'error',
                 log: '源连接失败!',
@@ -268,6 +268,7 @@ watch(webMsgSend, function (newValue, oldValue) {
             } else if (newValue.code == -1) {
               step1.value = 'error'
               ts.value = 'error'
+              step5.value = 'error'
               step1InitLog.value = [{
                 type: 'error',
                 log: '源未知异常!',
@@ -301,6 +302,7 @@ watch(webMsgSend, function (newValue, oldValue) {
               })
               step2.value = 'error'
               // ts.value = 'error'
+              // step5.value = 'error'
             } else if (newValue.code == 10551) {
               step2InitLog.value.push({
                 type: 'error',
@@ -308,6 +310,7 @@ watch(webMsgSend, function (newValue, oldValue) {
               })
               step2.value = 'error'
               ts.value = 'error'
+              step5.value = 'error'
             } else if (newValue.code == 10552) {
               //ElMessage.error("存在已经初始化步骤,已经自动关闭,请重新发起检测！")
               step2InitLog.value = [{
@@ -316,6 +319,7 @@ watch(webMsgSend, function (newValue, oldValue) {
               }];
               step2.value = 'error'
               ts.value = 'error'
+              step5.value = 'error'
             } else if (newValue.code == 25001) {
               activeIndex.value = 2
               step2.value = 'success'
@@ -347,6 +351,7 @@ watch(webMsgSend, function (newValue, oldValue) {
               })
               step3.value = 'error'
               // ts.value = 'error'
+              // step5.value = 'error'
             } else if (newValue.code == 10551) {
               step3InitLog.value.push({
                 type: 'error',
@@ -354,6 +359,7 @@ watch(webMsgSend, function (newValue, oldValue) {
               })
               step3.value = 'error'
               ts.value = 'error'
+              step5.value = 'error'
             } else if (newValue.code == 10552) {
               step3.value = 'error'
               //ElMessage.error("存在已经初始化步骤,已经自动关闭,请重新发起检测！")
@@ -362,6 +368,7 @@ watch(webMsgSend, function (newValue, oldValue) {
                 log: '存在已经初始化步骤,执行自动关闭,请重新发起检测！',
               }];
               ts.value = 'error'
+              step5.value = 'error'
             }
             break;
           case 'INIT_GATHER$02':
@@ -384,6 +391,7 @@ watch(webMsgSend, function (newValue, oldValue) {
               })
               step3.value = 'error'
               // ts.value = 'error'
+              // step5.value = 'error'
             } else if (newValue.code == 10551) {
               step3InitLog.value.push({
                 type: 'error',
@@ -391,6 +399,7 @@ watch(webMsgSend, function (newValue, oldValue) {
               })
               step3.value = 'error'
               ts.value = 'error'
+              step5.value = 'error'
             } else if (newValue.code == 10552) {
               step3.value = 'error'
               //ElMessage.error("存在已经初始化步骤,已经自动关闭,请重新发起检测！")
@@ -399,6 +408,7 @@ watch(webMsgSend, function (newValue, oldValue) {
                 log: '存在已经初始化步骤,执行自动关闭,请重新发起检测！',
               }];
               ts.value = 'error'
+              step5.value = 'error'
             }
             break;
           case 'INIT_GATHER$03':
@@ -417,6 +427,7 @@ watch(webMsgSend, function (newValue, oldValue) {
               })
               step3.value = 'error'
               // ts.value = 'error'
+              // step5.value = 'error'
             } else if (newValue.code == 10551) {
               step3InitLog.value.push({
                 type: 'error',
@@ -424,6 +435,7 @@ watch(webMsgSend, function (newValue, oldValue) {
               })
               step3.value = 'error'
               ts.value = 'error'
+              step5.value = 'error'
             } else if (newValue.code == 10552) {
               //ElMessage.error("当前步骤已经初始化,执行自动关闭,请重新发起检测！")
               step3.value = 'error'
@@ -432,14 +444,34 @@ watch(webMsgSend, function (newValue, oldValue) {
                 log: '存在已经初始化步骤,执行自动关闭,请重新发起检测！',
               }];
               ts.value = 'error'
-          } else if (newValue.code == 25001) {
+              step5.value = 'error'
+            }
+            break;
+          case 'VERIFY_MAPPING$01':
+            if (newValue.code == 25001) {
               activeIndex.value = 3
               step3.value = 'success'
               step4.value = 'process'
+            } else if (newValue.code == 10200) {
+              let data = JSON.parse(newValue.data)
+              step3InitLog.value.push({
+                type: 'error',
+                log: `脚本与icd检验失败! icd名称：${data['icdType']} -> 校验项：${data['dataType']}`,
+              })
+              step3.value = 'error'
+              ts.value = 'error'
+              step5.value = 'error'
+            } else if (newValue.code == 10500) {
+              step3InitLog.value.push({
+                type: 'error',
+                log: `装置中未找到该icd！`,
+              })
+              step3.value = 'error'
+              ts.value = 'error'
+              step5.value = 'error'
             }
             break;
         }
-
         break;
       case 'YJC_xujy':
         switch (newValue.operateCode) {
@@ -460,6 +492,7 @@ watch(webMsgSend, function (newValue, oldValue) {
               ElMessage.error("存在已经初始化步骤,已经自动关闭,请重新发起检测！")
               step4.value = 'error'
               ts.value = 'error'
+              step5.value = 'error'
             } else if (newValue.code == 10520) {
               step4.value = 'error'
               step4InitLog.value.push({
@@ -467,6 +500,7 @@ watch(webMsgSend, function (newValue, oldValue) {
                 log: '解析报文异常',
               })
               ts.value = 'error'
+              step5.value = 'error'
             }
             break;
 
@@ -480,7 +514,7 @@ watch(webMsgSend, function (newValue, oldValue) {
               newValue.data.split('<br/>')
               step4InitLog.value.push({
                 type: type,
-              log:newValue.data,
+                log: newValue.data,
               })
 
             } else if (newValue.code == 10201) {
@@ -496,6 +530,7 @@ watch(webMsgSend, function (newValue, oldValue) {
                 log: '相序校验未通过!',
               })
               ts.value = 'error'
+              step5.value = 'error'
             } else if (newValue.code == 25001) {
               step4.value = 'success'
               step5.value = 'success'
@@ -503,10 +538,10 @@ watch(webMsgSend, function (newValue, oldValue) {
                 type: 'wait',
                 log: '相序校验成功!',
               })
+              ts.value = 'success'
             }
             activeIndex.value = 5
-          ts.value = 'success'
+            console.log("@@@@", ts.value)
-            console.log("@@@@",ts.value)
             break
         }
 
@@ -522,6 +557,7 @@ watch(webMsgSend, function (newValue, oldValue) {
               log: '源服务端连接失败!',
             }];
             ts.value = 'error'
+            step5.value = 'error'
             break;
           case "Dev":
             step2.value = 'error'
@@ -530,6 +566,7 @@ watch(webMsgSend, function (newValue, oldValue) {
               log: '设备服务端连接失败!',
             }];
             ts.value = 'error'
+            step5.value = 'error'
             break;
         }
         break;
@@ -542,9 +579,34 @@ watch(webMsgSend, function (newValue, oldValue) {
           type: 'error',
         })
         ts.value = 'error'
+        step5.value = 'error'
+        break;
+      case 'socket_timeout':
+        ElMessageBox.alert(`设备连接异常，请检查设备连接情况！`, '检测失败', {
+          confirmButtonText: '确定',
+          type: 'error',
+        })
+        ts.value = 'error'
+        step5.value = 'error'
+        break;
+      case 'server_error':
+        ElMessageBox.alert('服务端主动关闭连接!', '初始化失败', {
+          confirmButtonText: '确定',
+          type: 'error',
+        })
+        ts.value = 'error'
+        step5.value = 'error'
+        break;
+      case 'device_error':
+        ElMessageBox.alert('设备主动关闭连接!', '初始化失败', {
+          confirmButtonText: '确定',
+          type: 'error',
+        })
+        ts.value = 'error'
+        step5.value = 'error'
         break;
     }
-
+  }
 })
 
 watch(activeIndex, function (newValue, oldValue) {

frontend/src/views/home/components/realTimeDataAlign.vue

@@ -0,0 +1,134 @@
+<template>
+  <el-dialog title="实时数据详情" v-model='dialogVisible' @close="handleClose" v-bind="dialogBig" >
+    <el-tabs v-model="activeTab" type="card">
+      <el-tab-pane label="被检设备1" name="channel1">
+        <div class="table-toolbar">
+          <el-form-item label="被检设备通道号" prop="createId">
+               <el-select v-model="timeRange" placeholder="选择时间范围" style="width: 150px;">
+                  <el-option label="通道1" value="1"></el-option>
+                  <el-option label="通道2" value="2"></el-option>
+                  <el-option label="通道3" value="3"></el-option>
+                  <el-option label="通道4" value="4"></el-option>
+               </el-select>
+          </el-form-item>    
+          <el-button type="primary" @click="exportData">导出数据</el-button>
+        </div>
+        <el-table 
+          :data="tableData" 
+          :header-cell-style="{ textAlign: 'center',backgroundColor: 'var(--el-color-primary)',color: '#fff' } "
+          :cell-style="{ textAlign: 'center' }"
+          style="width: 100%"
+          :style="{ height: '400px',maxHeight: '400px',overflow:'hidden'}">
+          <el-table-column prop="monitorNum" label="数据时标" width="180"/>
+          <el-table-column label="被检设备1-通道1">
+            <el-table-column prop="Ua" label="A相(V)">
+            </el-table-column>
+            <el-table-column prop="Ub" label="B相(V)">
+            </el-table-column>
+            <el-table-column prop="Uc" label="C相(V)">
+            </el-table-column>
+          </el-table-column>
+          <el-table-column label="标准设备-通道1">
+            <el-table-column prop="Ua" label="A相(V)">
+            </el-table-column>
+            <el-table-column prop="Ub" label="B相(V)">
+            </el-table-column>
+            <el-table-column prop="Uc" label="C相(V)">
+            </el-table-column>
+          </el-table-column>
+        </el-table>
+      </el-tab-pane>
+       <el-tab-pane label="被检设备2" name="channel2"></el-tab-pane>
+    </el-tabs>
+  </el-dialog>
+</template>
+
+<script setup lang='tsx' name='realTimeDataAlign'>
+import { dialogBig } from "@/utils/elementBind";
+import { ref, reactive } from "vue";
+import { ElMessage } from "element-plus";
+
+const dialogVisible = ref(false);
+const activeTab = ref('channel1');
+const timeRange = ref('1');
+
+
+// 表格数据示例
+const tableData = ref([
+  {
+    monitorNum: '2023-05-20 10:30:01',
+    Ua: '220.5V',
+    Ub: '219.8V',
+    Uc: '220.2V',
+    Ia: '4.98A',
+    Ib: '5.01A',
+    Ic: '4.99A'
+  },
+  {
+    monitorNum: '2023-05-20 10:30:04',
+    Ua: '220.3V',
+    Ub: '220.1V',
+    Uc: '219.9V',
+    Ia: '5.02A',
+    Ib: '4.99A',
+    Ic: '5.00A'
+  },
+    {
+    monitorNum: '2023-05-20 10:30:07',
+    Ua: '220.5V',
+    Ub: '219.8V',
+    Uc: '220.2V',
+    Ia: '4.98A',
+    Ib: '5.01A',
+    Ic: '4.99A'
+  },
+  {
+    monitorNum: '2023-05-20 10:30:10',
+    Ua: '220.3V',
+    Ub: '220.1V',
+    Uc: '219.9V',
+    Ia: '5.02A',
+    Ib: '4.99A',
+    Ic: '5.00A'
+  }
+]);
+
+const open = async () => {
+  dialogVisible.value = true;
+};
+
+// 刷新数据
+const refreshData = () => {
+  ElMessage.info('正在刷新数据...');
+  // 这里可以添加实际的数据刷新逻辑
+};
+
+// 导出数据
+const exportData = () => {
+  ElMessage.success('数据导出成功');
+  // 这里可以添加实际的数据导出逻辑
+};
+
+// 关闭弹窗
+const handleClose = () => {
+  dialogVisible.value = false;
+};
+
+defineExpose({ open });
+</script>
+
+<style scoped lang="scss">
+.table-toolbar {
+  display: flex;
+  justify-content: space-between; // 关键修改：将子元素分布到两端
+}
+
+// 移除这个样式，避免影响布局
+// .table-toolbar .el-button {
+//   margin-right: 10px;
+// }
+
+:deep(.el-dialog__body) {
+  padding: 10px 20px 20px 20px;
+}
+</style>

frontend/src/views/home/components/reportPopup.vue

@@ -27,7 +27,7 @@
                                 <div class="tabs-title ">
                                     <el-button type="primary" :icon="Download"  >报告下载</el-button>     
                                     <span style="  font-size: 18px;font-weight: 600;">
-                                        已生成 <span style="color: #67C23A">2</span> 台/共 <span style="color: green">3</span> 台
+                                        已生成 <span style="color: #91cc75">2</span> 台/共 <span style="color: green">3</span> 台
                                     </span>
                                     
                                     </div> 

frontend/src/views/home/components/selectTestItemPopup.vue

@@ -8,7 +8,7 @@
         <el-form-item v-if="checkStore.plan.timeCheck===1" prop="timeTest" :label-width="100">
           <el-checkbox v-model="formContent.timeTest" label="守时检测"/>
         </el-form-item>
-        <el-form-item prop="channelsTest" :label-width="100">
+        <el-form-item  v-if="channelsTestShow" prop="channelsTest" :label-width="100">
           <el-checkbox v-model="formContent.channelsTest" label="系数校准"/>
         </el-form-item>
         <el-form-item prop="test" :label-width="100">
@@ -28,29 +28,42 @@
 
 <script setup lang='tsx' name='selectTestItemPopup'>
 import {dialogSmall} from "@/utils/elementBind";
-import {ref} from "vue";
+import {reactive, ref} from "vue";
 import {useCheckStore} from "@/stores/modules/check";
 import type {CheckData} from "@/api/check/interface";
 import {ElMessageBox} from "element-plus";
-
+import {useAppSceneStore,useModeStore} from "@/stores/modules/mode";
+const AppSceneStore = useAppSceneStore()
 const emit = defineEmits(['openTestDialog'])
 const checkStore = useCheckStore();
-
+const modeStore = useModeStore()
 const dialogFormRef = ref()
-
+const channelsTestShow = ref(false)
 
 const dialogVisible = ref(false)
 const formContent = reactive<CheckData.SelectTestItem>({preTest: true, timeTest: false, channelsTest: false, test: false})
+const sourceIdArray = ref<string[]>()
+const open = async (sourcesIds: string[]) => {
 
-const open = async () => {
+  sourceIdArray.value = sourcesIds
   resetFormContent()
   checkStore.setSelectTestItems(formContent)
   dialogVisible.value = true
+  if(modeStore.currentMode === '比对式'){
+    channelsTestShow.value = false
+  }else{
+    if(AppSceneStore.currentScene === '1'){
+      channelsTestShow.value = true
+    }else{
+      channelsTestShow.value = false
+    }
+  }
 }
 
 // 清空表单内容
 const resetFormContent = () => {
-  Object.assign(formContent, {preTest: true, channelsTest: false, timeTest: false, test: false})
+  let hasResult = checkStore.devices.some((device) => device.checkResult === 0)
+  Object.assign(formContent, {preTest: !hasResult, channelsTest: false, timeTest: false, test: hasResult})
 }
 
 const handleStart = () => {
@@ -88,7 +101,8 @@ const handleStart = () => {
     checkStore.setCheckType(0)
     checkStore.setSelectTestItems({...formContent})
     handleClose()
-    emit('openTestDialog')
+    
+    emit('openTestDialog',checkStore.selectTestItems.test)
   }
 }
 

frontend/src/views/home/components/table.vue

@@ -18,7 +18,7 @@
       <template #tableHeader=''>
         <el-form :model='form' :inline='true'>
           <el-form-item label='关键字'>
-            <el-input v-model='form.search' placeholder='请输入设备名称' clearable style='width: 140px;'></el-input>
+            <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>
@@ -64,6 +64,10 @@
             >重置
             </el-button
             >
+             <el-button
+                type='primary'
+                :icon='Clock' @click="handleTest2">通道配对
+             </el-button>
             <!-- :disabled='!scope.isSelected' -->
             <el-button
                 type='primary'
@@ -90,19 +94,17 @@
               >报告下载</el-button
             > -->
             <!-- :disabled='!scope.isSelected' -->
-            <!-- <el-button type="primary" :icon="Postcard"   @click="handleTest('批量生成')" v-if="form.activeTabs === 3"
+            <el-button type="primary" :icon="Postcard"   @click="handleTest('批量生成')" v-if="form.activeTabs === 3">报告生成</el-button>
-              >报告生成</el-button
-            > -->
 
             <!-- :disabled="!scope.isSelected || scope.selectedList.filter((item) => item.check_State === '检测完成').length === 0" -->
             <el-button type='primary' :icon='Notebook' @click="handleTest('批量归档')" v-if='form.activeTabs === 4'>归档</el-button>
             <!-- <el-button type="primary" :icon="CirclePlus" @click="addDevice('设备新增')" v-if="form.activeTabs === 0"
               >设备新增</el-button> -->
 
-            <el-button type='primary' v-auth.role="'channelsTest'" :icon='Odometer' @click="handleTest('系数校准')"
+<!--            <el-button type='primary' v-auth.role="'channelsTest'" :icon='Odometer' @click="handleTest('系数校准')"-->
-                       v-if='form.activeTabs === 0'
+<!--                       v-if='form.activeTabs === 0 && appSceneStore.currentScene === "1" '-->
-            >系数校准
+<!--            >系数校准-->
-            </el-button>
+<!--            </el-button>-->
           </el-form-item>
         </el-form>
       </template>
@@ -138,7 +140,7 @@
             link
             :icon='Download'
             @click="openDrawer('报告下载', scope.row)"
-            v-if='form.activeTabs === 3 && form.activeChildTabs === 0 && scope.row.reportState === 1'
+            v-if='form.activeTabs === 3 && form.activeChildTabs === 0 && (scope.row.reportState === 1 ||scope.row.reportState === 3)'
         >报告下载
         </el-button>
 
@@ -163,7 +165,6 @@
                    :icon='Notebook'
                    @click="openDrawer('归档', scope.row)"
                    v-if='form.activeTabs === 4'
-                   :disabled='scope.row.reportState != 1'
         >归档
         </el-button>
 
@@ -234,6 +235,11 @@
     <ChannelsTest ref='channelsTest' :webMsgSend='webMsgSend' @quitClicked='handleQuitClicked' @submitClicked='handleSubmitClicked'></ChannelsTest>
     <!--  手动检测-勾选检测项弹窗  -->
     <SelectTestItemPopup ref="selectTestItemPopupRef" @openTestDialog="openTestDialog"></SelectTestItemPopup>
+     <!--  省平台-填写温度湿度弹窗  -->
+    <WriteTHPopup ref="writeTHPopupRef" @openTestDialog2="openTestDialog2"></WriteTHPopup>
+    <!--  比对模式-通道配对弹窗  -->
+    <DeviceConnectionPopup ref="deviceConnectionPopupRef" ></DeviceConnectionPopup>
+
   </div>
 </template>
 
@@ -261,17 +267,16 @@ import {
   CirclePlus,
   Odometer,
 } from '@element-plus/icons-vue'
-import {getPlanList} from '@/api/plan/planList'
 import deviceDataList from '@/api/device/device/deviceData'
 import TestPopup from './testPopup.vue'
 import reportPopup from './reportPopup.vue'
 import dataCheckPopup from './dataCheckSingleChannelSingleTestPopup.vue'
 import dataCheckChangeErrSysPopup from './dataCheckChangeErrSysPopup.vue'
 import {generateDevReport, getBoundPqDevList} from '@/api/plan/plan.ts'
-import {onBeforeMount, onMounted, reactive, ref, watch} from 'vue'
+import {onBeforeMount, onMounted, PropType, provide, reactive, ref, watch} from 'vue'
 import {useDictStore} from '@/stores/modules/dict'
 import ChannelsTest from './channelsTest.vue'
-import {useModeStore} from '@/stores/modules/mode' // 引入模式 store
+import {useModeStore,useAppSceneStore} from '@/stores/modules/mode' // 引入模式 store
 import {useCheckStore} from '@/stores/modules/check'
 import {CheckData} from '@/api/check/interface'
 import socketClient from '@/utils/webSocketClient'
@@ -279,10 +284,16 @@ import auth from '@/directives/modules/auth'
 import {useAuthStore} from '@/stores/modules/auth'
 import {useDownload} from '@/hooks/useDownload'
 import {downloadDevData} from '@/api/plan/plan.ts'
-import {documentedPqDev} from '@/api/device/device'
+import {documentedPqDev} from '@/api/device/report'
 import {getPqDev} from '@/api/device/device/index.ts'
 import {ResultEnum} from '@/enums/httpEnum'
 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 { Plan } from '@/api/plan/interface'
+import { StandardDevice } from '@/api/device/interface/standardDevice'
+import {getPlanList } from '@/api/plan/plan.ts'
+import { mount } from 'sortablejs'
 
 const dictStore = useDictStore()
 const checkStore = useCheckStore()
@@ -299,7 +310,8 @@ const reportDialogVisible = ref(false)
 
 const dataCheckPopupRef = ref<InstanceType<typeof dataCheckPopup>>()
 const selectTestItemPopupRef = ref<InstanceType<typeof SelectTestItemPopup>>()
-
+const writeTHPopupRef = ref<InstanceType<typeof WriteTHPopup>>()
+const deviceConnectionPopupRef = ref<InstanceType<typeof DeviceConnectionPopup>>()
 const matchDialogVisible = ref(false)
 const dialogTitle = ref('手动检测')
 const checkStateTable = ref<number[]>([0, 1, 2])
@@ -354,7 +366,14 @@ const props = defineProps({
     type: Object,
     default: null,
   },
+  planArray: {
+  type: Array as PropType<Plan.ReqPlan[]>,
+  default: null,
+},
 })
+const appSceneStore = useAppSceneStore()
+const planTable = ref<any[]>([])
+
 
 const emit = defineEmits<{
   (e: 'batchGenerateClicked'): void;
@@ -473,7 +492,7 @@ const getTableList = async (params: any) => {
     }
     //console.log('table，getBoundPqDevList')
     return getBoundPqDevList({
-      'planId': props.id,
+      'planIdList': [props.id],
       'checkStateList': checkStateList.value,
       'checkResult': form.value.checkResult,
       'reportState': form.value.checkReportStatus,
@@ -512,12 +531,46 @@ const columns = reactive<ColumnProps<Device.ResPqDev>[]>([
   {
     prop: 'devType',
     label: '设备类型',
-    minWidth: 100,
+    minWidth: 150,
-    render: (scope) => {
+    // render: (scope) => {
-      // 查找设备类型名称
+    //   // 查找设备类型名称
-      const name = devTypeOptions.value.find(option => option.id === scope.row.devType)
+    //   const name = devTypeOptions.value.find(option => option.id === scope.row.devType)
-      return <span>{name?.name}</span>
+    //   return <span>{name?.name}</span>
+    // },
   },
+  {
+    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',
@@ -526,7 +579,7 @@ const columns = reactive<ColumnProps<Device.ResPqDev>[]>([
     sortable: true,
   },
   {
-    prop: 'reCheckNum',
+    prop: 'recheckNum',
     label: '检测次数',
     minWidth: 100,
     sortable: true,
@@ -577,6 +630,8 @@ const columns = reactive<ColumnProps<Device.ResPqDev>[]>([
         return '已生成'
       } else if (scope.row.reportState === 2) {
         return '未检'
+      }else if(scope.row.reportState === 3){
+        return '已上传'
       }
       return ''
     },
@@ -586,16 +641,16 @@ const columns = reactive<ColumnProps<Device.ResPqDev>[]>([
     label: '系数校准结果',
     minWidth: 100,
     sortable: true,
-    isShow: factorCheckShow,
+    isShow: factorCheckShow.value && appSceneStore.currentScene === "1" ,
     render: scope => {
       if (scope.row.factorCheckResult === 0) {
         return '不合格'
       } else if (scope.row.factorCheckResult === 1) {
         return '合格'
-      } else if (scope.row.factorCheckResult === 2) {
+      } else {
-        return '/'
+        return '未检'
       }
-      return ''
+     
     },
   },
   {prop: 'operation', label: '操作', fixed: 'right', minWidth: 200, isShow: operationShow},
@@ -621,6 +676,7 @@ const resetSearchForm = () => {
 let testType = 'test'//检测还是复检
 
 const handleSelectionChange = (selection: any[]) => {
+
   channelsSelection.value = selection
   devNum = selection.length
   devChannelsNum = 0
@@ -646,6 +702,7 @@ const handleSelectionChange = (selection: any[]) => {
       devVolt: item.devVolt,
       devCurr: item.devCurr,
       factorFlag: item.factorFlag,
+      checkResult: item.checkResult,
     }
   })
 
@@ -839,6 +896,74 @@ const addDevice = (val: string) => {
   })
 }
 
+
+const handleTest2 =  () => {
+  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
+            )
+        }
+        return []
+  })
+
+  if(pqStandardDevList.value.length==0){
+    ElMessageBox.confirm(
+        '所勾选被检设备所属计划无标准设备，请重新选择',
+        '提示',
+        {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning',
+        },
+    )
+    return
+  }
+  //选中计划的数据源
+  const dataSources = ref([])
+  const matchedItem = planTable.value.data.find(item => item.name === props.plan.name)
+  if (matchedItem) {
+    dataSources.value = matchedItem.datasourceIds
+  }
+  deviceConnectionPopupRef.value?.open(channelsSelection.value,pqStandardDevList.value,dataSources.value)
+}
+
 const handleTest = async (val: string) => {
 
   if (devNum == 0) {
@@ -938,6 +1063,7 @@ const handleTest = async (val: string) => {
 
     dialogTitle.value = val
     if (val === '手动检测') {
+      checkStore.setShowDetailType(2)
 
       if (testType === 'reTest') {
         ElMessageBox.confirm('请选择复检检测方式', '设备复检',
@@ -949,20 +1075,37 @@ const handleTest = async (val: string) => {
             })
             .then(() => {
               ElMessage.success('不合格项复检')
-              if (checkStore.devices.length > 1) {
+              // if (checkStore.devices.length > 1) {
-                checkStore.setReCheckType(1)
+              //   checkStore.setReCheckType(1)
-              } else {
+              // } else {
                 checkStore.setReCheckType(0)
+              // }
+              //selectTestItemPopupRef.value?.open()
+              if(appSceneStore.currentScene === '0'){
+                writeTHPopupRef.value?.open()
+              }else{
+                selectTestItemPopupRef.value?.open([])
+                //openTestDialog(true)
               }
-              selectTestItemPopupRef.value?.open()
             })
             .catch((action: Action) => {
+              if(action === 'cancel'){
                 ElMessage.success('全部复检')
                 checkStore.setReCheckType(1)
-              selectTestItemPopupRef.value?.open()
+                //selectTestItemPopupRef.value?.open()
+                if(appSceneStore.currentScene === '0'){
+                  writeTHPopupRef.value?.open()
+                }else{
+                  selectTestItemPopupRef.value?.open([])
+                  //openTestDialog(true)
+                }
+              }
             })
+
+        checkStore.setSelectTestItems({preTest: false, timeTest: false, channelsTest: false, test: true})
       } else {
-        selectTestItemPopupRef.value?.open()
+        selectTestItemPopupRef.value?.open([])
+        checkStore.setReCheckType(1)
       }
     } else if (val === '系数校准') {
       // 检查 socketClient.Instance 是否存在
@@ -988,6 +1131,7 @@ const handleTest = async (val: string) => {
       channelsTest.value?.open(channelsSelection.value, props.plan)
       return
     } else {
+      checkStore.setShowDetailType(2)
       checkStore.setCheckType(1)
       checkStore.initSelectTestItems()
       // 一键检测
@@ -1001,20 +1145,34 @@ const handleTest = async (val: string) => {
             })
             .then(() => {
               ElMessage.success('不合格项复检')
-              if (checkStore.devices.length > 1) {
+              // if (checkStore.devices.length > 1) {
-                checkStore.setReCheckType(1)
+              //   checkStore.setReCheckType(1)
-              } else {
+              // } else {
                 checkStore.setReCheckType(0)
+              // }
+              //openTestDialog(false)
+              if(appSceneStore.currentScene === '0'){
+                    writeTHPopupRef.value?.open()
+                }else{
+                    openTestDialog(true)
                 }
-              openTestDialog()
             })
             .catch((action: Action) => {
+              if (action === 'cancel') {
                 ElMessage.success('全部复检')
                 checkStore.setReCheckType(1)
-              openTestDialog()
+                //openTestDialog(false)
-            })
+                if (appSceneStore.currentScene === '0') {
+                  writeTHPopupRef.value?.open()
                 } else {
-        openTestDialog()
+                  openTestDialog(true)
+                }
+              }
+            })
+        checkStore.setSelectTestItems({preTest: false, timeTest: false, channelsTest: false, test: true})
+      } else {
+        checkStore.setReCheckType(1)
+        openTestDialog(true)
       }
     }
   }
@@ -1034,7 +1192,7 @@ const handleTest = async (val: string) => {
     //   ElMessage.success("归档成功");
     // }, 2000)
     documentedPqDev(checkStore.devices.map(item => {
-      item.deviceId
+      return item.deviceId
     })).then((res) => {
       if (res.code === ResultEnum.SUCCESS) {
         ElMessage.success('归档成功!')
@@ -1043,9 +1201,36 @@ const handleTest = async (val: string) => {
 
     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+''
+    })
+    ElMessage.success({message: `报告生成成功！`})
+  }
 }
 
-const openTestDialog = () => {
+const openTestDialog = (testData:any) => {
+  if (appSceneStore.currentScene === '0') {
+    if(testData)
+      writeTHPopupRef.value?.open()
+    else
+      testPopup.value?.open(dialogTitle.value)
+  } else {
+    testPopup.value?.open(dialogTitle.value)
+  }
+}
+
+
+
+
+const openTestDialog2 = () => {
     testPopup.value?.open(dialogTitle.value)
 }
 
@@ -1062,7 +1247,7 @@ const openDrawer = async (title: string, row: any) => {
 
 
   if (title === '报告生成') {
-    await generateDevReport({'planId': checkStore.plan.id, 'devId': row.id})
+    await generateDevReport({'planId': checkStore.plan.id, 'devIdList': [row.id],'scriptId':checkStore.plan.scriptId,'planCode':checkStore.plan.code+''})
     emit('batchGenerateClicked') // 触发事件
     ElMessage.success({message: `报告生成成功！`})
   }
@@ -1138,9 +1323,19 @@ onBeforeMount(async () => {
   }))
 })
 
+onMounted(async () => {
+    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 });
+    } 
+})
+
 const handleQuitClicked = () => {
   //console.log('handleQuitClicked')
-  //dataSocket.socketServe.closeWs()
+  dataSocket.socketServe.closeWs()
   emit('batchGenerateClicked') // 触发事件
 }
 

frontend/src/views/home/components/temptest.vue

@@ -1,7 +1,7 @@
 <template>
   <el-table
     :data="tableData"
-:row-class-name="tableRowClassName" row-key="id" height="300px" :header-cell-style="{ background: '#003078', color: '#eee', textAlign: 'center' } " style="width: 100%" border v-on:cell-click="handleClick"
+:row-class-name="tableRowClassName" row-key="id" height="300px" :header-cell-style="{ background: 'var(--el-color-primary)', color: '#eee', textAlign: 'center' } " style="width: 100%" border v-on:cell-click="handleClick"
   >
     <el-table-column prop="date" label="Date" width="180" />
     <el-table-column prop="name" label="Name" width="180" />

frontend/src/views/home/components/test.vue

@@ -9,73 +9,15 @@
           <span>检测用时：{{ timeView }}</span>
         </div>
         <el-progress
-            style="width: 60%; margin-right: 4%;"
+            style="width: 82%; margin-right: 3%;"
             :percentage="percentage"
             :color="customColors"/>
-
-        <div style="width: 15%">
-          <el-button type="primary" v-if="testStatus=='test_init'" disabled @click="handlePause()">
-            <el-icon class="loading-box" style="color: #fff;margin-right: 8px;">
-              <component :is="Refresh"/>
-            </el-icon>
-            初始化中
-          </el-button>
-
-          <el-button
-              type="primary"
-              v-if="testStatus=='process' && percentage < 100"
-              :icon="VideoPause"
-              @click="handlePause()">停止检测
-          </el-button>
-          <el-button type="warning" v-if="testStatus === 'paused_ing' && percentage < 100" disabled>
-            <el-icon class="loading-box" style="margin-right: 8px;">
-              <component :is="Refresh"/>
-            </el-icon>
-            暂停中
-          </el-button>
-          <!--      <el-button-->
-          <!--          type="primary"-->
-          <!--          v-if="testStatus=='test_init'"-->
-          <!--          :icon="VideoPause"-->
-          <!--          disabled>初始化中-->
-          <!--      </el-button>-->
-          <!--      <el-button-->
-          <!--          type="danger"-->
-          <!--          v-if="testStatus=='test_init_fail'"-->
-          <!--          :icon="Failed"-->
-          <!--          disabled>初始化失败-->
-          <!--      </el-button>-->
-          <!--      <el-button-->
-          <!--          type="danger"-->
-          <!--          v-if="testStatus=='connect_timeout'"-->
-          <!--          :icon="Failed"-->
-          <!--          disabled>连接超时-->
-          <!--      </el-button>-->
-          <!--          <el-button-->
-          <!--              type="primary"-->
-          <!--              :icon="RefreshLeft"-->
-          <!--              v-if="testStatus === 'recheck'"-->
-          <!--              @click="emit('sendReCheck')">重新检测-->
-          <!--          </el-button>-->
-
-
-          <el-button type="success" v-if="percentage >= 100" :icon="Check" disabled>检测完成</el-button>
-
-          <el-button
-              type="warning"
-              v-if="(testStatus=='paused' || testStatus === 'pause_timeout') && percentage < 100"
-              :icon="VideoPlay"
-              :disabled="testStatus === 'pause_timeout'"
-              @click="emit('sendResume')"
-          >继续检测
-          </el-button>
-        </div>
         <el-button style="width: 10%" type="text" :icon="InfoFilled" @click="showTestLog">检测项进度</el-button>
       </div>
 
       <div class="dialog-content">
         <el-table :data="checkResultView" row-key="scriptType" height="450px"
-                  :header-cell-style="{ background: '#003078', color: '#eee', textAlign: 'center' } " style="width: 100%"
+                  :header-cell-style="{ background: 'var(--el-color-primary)', color: '#eee', textAlign: 'center' } " style="width: 100%"
                   border>
           <el-table-column fixed prop="scriptName" label="检测项目" width="150px" align="center">
           </el-table-column>
@@ -87,8 +29,12 @@
                                :label="'通道'+chnItem" align="center">
                 <template #default="{row}">
                   <el-tooltip
-                      :content="row.devices[index1].chnResult[index2].color===CheckData.ButtonColorEnum.INFO ? '暂无数据' : '点击查看详情'"
+                      :content="row.devices[index1].chnResult[index2].icon==='More' ? '暂无数据'
-                      placement="top">
+                      : row.devices[index1].chnResult[index2].icon==='CircleCheckFilled' ? '符合'
+                      : row.devices[index1].chnResult[index2].icon==='Close' ? '不符合'
+                      : row.devices[index1].chnResult[index2].icon==='WarnTriangleFilled' ? '数据异常'
+                      : row.devices[index1].chnResult[index2].icon==='Loading'? '检测中':'连接中断'"
+                      placement="right">
                     <el-button
                         :disabled="row.devices[index1].chnResult[index2].color===CheckData.ButtonColorEnum.INFO || row.devices[index1].chnResult[index2].color===CheckData.ButtonColorEnum.LOADING"
                         :color="row.devices[index1].chnResult[index2].color"
@@ -141,7 +87,7 @@
 
     </div>
     <div class="drawer-container">
-      <el-drawer v-model="drawer" title="检测项进度" direction="btt">
+      <el-drawer v-model="drawer" title="检测项进度" direction="btt" :size="'38%'">
         <div ref="scrollContainerRef" style="height: 100%; overflow-y: auto;">
           <p v-for="(item, index) in testLogList"
              :key="index"
@@ -152,15 +98,15 @@
       </el-drawer>
     </div>
 
-<!--    <resultPopup-->
+    <!--    <resultPopup-->
-<!--        :visible="resultDialogVisible"-->
+    <!--        :visible="resultDialogVisible"-->
-<!--        @update:visible="resultDialogVisible = $event"-->
+    <!--        @update:visible="resultDialogVisible = $event"-->
-<!--    ></resultPopup>-->
+    <!--    ></resultPopup>-->
     <dataCheckSingleChannelSingleTestPopup ref="dataCheckSingleChannelSingleTestPopupRef"/>
   </div>
 </template>
 <script lang="tsx" setup name="test">
-import {Check, InfoFilled, Loading, Refresh, VideoPause, VideoPlay} from '@element-plus/icons-vue'
+import {InfoFilled, Loading} from '@element-plus/icons-vue'
 import dataCheckSingleChannelSingleTestPopup from './dataCheckSingleChannelSingleTestPopup.vue'
 import {computed, reactive, ref, toRef, watch} from "vue";
 import {dialogBig} from "@/utils/elementBind";
@@ -168,6 +114,9 @@ import {CheckData} from "@/api/check/interface"
 import {useCheckStore} from "@/stores/modules/check";
 import {ElMessage, ElMessageBox} from "element-plus";
 import {getBigTestItem} from "@/api/check/test";
+import {getAutoGenerate} from "@/api/user/login";
+import {generateDevReport} from "@/api/plan/plan";
+
 
 const checkStore = useCheckStore()
 
@@ -191,12 +140,12 @@ const props = defineProps({
   }
 })
 
-const emit = defineEmits(['update:testStatus', 'update:webMsgSend', 'sendPause', 'sendResume', 'sendReCheck']);
+const emit = defineEmits(['update:testStatus', 'update:webMsgSend', 'sendPause', 'sendResume', 'sendReCheck', 'closeWebSocket']);
 
 // 用来保存测试项进度抽屉是否打开
 const drawer = ref(false)
 // 进度条颜色
-const customColors = [{color: "#67c23a", percentage: 100}]
+const customColors = [{color: "#91cc75", percentage: 100}]
 // 检测脚本数据
 let scriptData: CheckData.ScriptItem[] = []
 // 用来保存被检设备
@@ -254,7 +203,7 @@ const checkResultView: ComputedRef<CheckData.ScriptChnViewItem[]> = computed(()
         for (let j = 0; j < device.chnResult.length; j++) {
           switch (device.chnResult[j]) {
             case CheckData.ChnCheckResultEnum.UNKNOWN:
-              tempChnBtnResult.push({color: CheckData.ButtonColorEnum.INFO, icon: 'Minus'})
+              tempChnBtnResult.push({color: CheckData.ButtonColorEnum.INFO, icon: 'More'})
               break;
             case CheckData.ChnCheckResultEnum.LOADING:
               tempChnBtnResult.push({color: CheckData.ButtonColorEnum.LOADING, icon: 'Loading'})
@@ -271,6 +220,9 @@ const checkResultView: ComputedRef<CheckData.ScriptChnViewItem[]> = computed(()
             case CheckData.ChnCheckResultEnum.ERRORDATA:
               tempChnBtnResult.push({color: CheckData.ButtonColorEnum.WARNING, icon: 'WarnTriangleFilled'})
               break;
+            case CheckData.ChnCheckResultEnum.NOT_PART_IN_ERROR:
+              tempChnBtnResult.push({color: CheckData.ButtonColorEnum.INFO, icon: 'Minus'})
+              break;
             default:
               break;
           }
@@ -325,19 +277,19 @@ const checkResultView: ComputedRef<CheckData.ScriptChnViewItem[]> = computed(()
 
 watch(testStatus, function (newValue, oldValue) {
   if (newValue == 'start') {
+    if (!checkStore.selectTestItems.preTest && !checkStore.selectTestItems.channelsTest) {
       ElMessage.success('初始化开始!')
+      emit('update:testStatus', 'test_init')
+      testLogList.push({type: 'info', log: `${new Date().toLocaleString()}：初始化开始！`})
+    } else {
+      emit('update:testStatus', 'process')
+    }
     startTimeCount()
 
     showTestLog()
-
-    // if (oldValue == 'recheck' || oldValue == 'error' || oldValue == 'test_init_fail' || oldValue == 'connect_timeout' || oldValue == 'pause_timeout' || oldValue == 'error_flow_end') {
-    //   handleReCheck()
-    // }
-    emit('update:testStatus', 'test_init')
     //startTimer() // todo 可移除
     startData.value = new Date();
     timeDifference.value = 0;
-    testLogList.push({type: 'info', log: `${new Date().toLocaleString()}：初始化开始！`})
   }
 
   if (newValue == 'recheck' || newValue == 'error' || newValue == 'test_init_fail' || newValue == 'connect_timeout' || newValue == 'pause_timeout' || oldValue == 'error_flow_end') {
@@ -349,6 +301,7 @@ watch(testStatus, function (newValue, oldValue) {
 let count = 0
 
 watch(webMsgSend, function (newValue, oldValue) {
+  if (testStatus.value !== 'waiting') {
     if (props.stepsActive === 4) {
       if (newValue.code == 10520) {
         ElMessageBox.alert('报文解析异常！', '初始化失败', {
@@ -441,11 +394,22 @@ watch(webMsgSend, function (newValue, oldValue) {
         switch (newValue.requestId) {
           case 'server_error':
             if (newValue.operateCode === 'server_error' && count === 0) {
-            ElMessageBox.alert('源连接失败!', '初始化失败', {
+              ElMessageBox.alert('服务端主动关闭连接!', '初始化失败', {
                 confirmButtonText: '确定',
                 type: 'error',
               })
-            testLogList.push({type: 'error', log: `${new Date().toLocaleString()}：源连接失败！`})
+              testLogList.push({type: 'error', log: `${new Date().toLocaleString()}：服务端主动关闭连接！`})
+              emit('update:testStatus', 'test_init_fail')
+              count++
+            }
+            break;
+          case 'device_error':
+            if (newValue.operateCode === 'device_error' && count === 0) {
+              ElMessageBox.alert('设备端主动关闭连接!', '初始化失败', {
+                confirmButtonText: '确定',
+                type: 'error',
+              })
+              testLogList.push({type: 'error', log: `${new Date().toLocaleString()}：设备端主动关闭连接！`})
               emit('update:testStatus', 'test_init_fail')
               count++
             }
@@ -529,7 +493,7 @@ watch(webMsgSend, function (newValue, oldValue) {
             break;
           case 'yjc_xyjy':
             switch (newValue.operateCode) {
-            case 'INIT_GATHER$03':
+              case 'VERIFY_MAPPING$01':
                 if (newValue.code == 25001) {
                   ElMessage.success('初始化成功!')
                   testLogList.push({type: 'info', log: `${new Date().toLocaleString()}：协议校验成功！`})
@@ -537,11 +501,31 @@ watch(webMsgSend, function (newValue, oldValue) {
                   testLogList.push({type: 'info', log: `${new Date().toLocaleString()}：初始化成功！`})
                   percentage.value = 3
 
-
                   activeIndex = getNextActiveIndex() + 2
                   //startTimer()
 
                   emit('update:testStatus', 'process')
+                } else if (newValue.code == 10200) {
+                  let data = JSON.parse(newValue.data)
+                  ElMessageBox.alert(`脚本与icd校验失败！icd名称：${data['icdType']} -> 校验项：${data['dataType']}`, '初始化失败', {
+                    confirmButtonText: '确定',
+                    type: 'error',
+                  })
+                  testLogList.push({
+                    type: 'error',
+                    log: `${new Date().toLocaleString()}：脚本与icd校验失败！icd名称：${data['icdType']} -> 校验项：${data['dataType']}`
+                  })
+                  emit('update:testStatus', 'test_init_fail')
+                } else if (newValue.code == 10500) {
+                  ElMessageBox.alert(`装置中未找到该icd！`, '初始化失败', {
+                    confirmButtonText: '确定',
+                    type: 'error',
+                  })
+                  testLogList.push({
+                    type: 'error',
+                    log: `${new Date().toLocaleString()}：装置中未找到该icd！`
+                  })
+                  emit('update:testStatus', 'test_init_fail')
                 }
                 break;
             }
@@ -642,6 +626,7 @@ watch(webMsgSend, function (newValue, oldValue) {
         }
       }
     }
+  }
 }, {deep: true})
 
 const handleStartItem = (code: string, desc: string | undefined) => {
@@ -650,9 +635,9 @@ const handleStartItem = (code: string, desc: string | undefined) => {
     updateCheckResultView(code, true)
     updateLog(true)
   } else {
-    if (desc.length > 150) {
+    // if (desc.length > 150) {
-      desc = desc.substring(0, 150) + '...'
+    //   desc = desc.substring(0, 150) + '...'
-    }
+    // }
     testLogList.push({type: 'info', log: `${new Date().toLocaleString()}：${desc}准确度检测：开始`})
   }
 }
@@ -668,9 +653,9 @@ const handleEndItem = (code: string, desc: string | undefined, devices: CheckDat
     }
   } else {
     let result = getResult(devices)
-    if (desc.length > 150) {
+    // if (desc.length > 150) {
-      desc = desc.substring(0, 150) + '...'
+    //   desc = desc.substring(0, 150) + '...'
-    }
+    // }
     if (result === 1) {
       testLogList.push({type: 'info', log: `${new Date().toLocaleString()}：${desc}检测结束：符合`})
     }
@@ -684,15 +669,32 @@ const handleEndItem = (code: string, desc: string | undefined, devices: CheckDat
 }
 
 // 更新进度条
-const updatePercentage = () => {
+const updatePercentage = async () => {
   if (activeIndex < checkTotal) {
     percentage.value = Math.trunc(activeIndex / checkTotal * 100);
   } else {
     percentage.value = 100;
     emit('update:testStatus', 'success')
+
+    let {data: autoGenerate} = await getAutoGenerate()
+    if (autoGenerate == 1) {
+      //调用自动生成报告接口
+      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 + ''
+      })
+    }
     ElMessageBox.alert('检测全部结束,你可以停留在此页面查看检测结果，或返回首页进行复检、报告生成和归档等操作', '检测完成', {
       confirmButtonText: '确定',
     })
+    // 关闭WebSocket连接
+    emit('closeWebSocket')
     //clear();
   }
 }
@@ -726,9 +728,9 @@ const showTestLog = () => {
 // 初始化检测脚本数据
 const initScriptData = async () => {
 
-  let response: any = await getBigTestItem({reCheckType:checkStore.reCheckType, planId:checkStore.plan.id,devId:checkStore.devices[0].deviceId})
+  let response: any = await getBigTestItem({reCheckType: checkStore.reCheckType, planId: checkStore.plan.id, devIds: checkStore.devices.map(item => item.deviceId)})
 
-  let temp = response.data.map(item => {
+  let temp = response.data.map((item: any) => {
     return {
       ...item,
       scriptName: item.scriptName
@@ -1117,7 +1119,7 @@ const handleClick = (item: any, chnNum: number, scriptType: string) => {
     })
   }
   if (flag === -1 || flag === 1) {
-    checkStore.setShowDetailType(0)
+    checkStore.setShowDetailType(2)
     dataCheckSingleChannelSingleTestPopupRef.value?.open(item.deviceId, chnNum + '', scriptType);
   }
 };
@@ -1243,7 +1245,7 @@ const startTimer = () => {
   }
 };
 const handlePause = () => {
-  emit('sendPause')
+  //emit('sendPause')
   testLogList.push({type: 'error', log: `${new Date().toLocaleString()}：当前测试小项正在执行中，将在该小项执行结束后暂停...`})
 }
 
@@ -1424,10 +1426,15 @@ const secondToTime = (second: number) => {
 }
 
 onBeforeUnmount(() => {
+
   if (timer) {
     clearInterval(timer)
   }
 })
+
+defineExpose({
+  handlePause
+})
 </script>
 
 <style scoped lang="scss">
@@ -1479,8 +1486,7 @@ onBeforeUnmount(() => {
   .timeView {
     display: flex;
     align-items: center;
-
+    color: #91cc75;
-    color: #67c23a;;
     width: 28%;
     margin-right: 0px;
     text-align: left;
@@ -1514,7 +1520,7 @@ onBeforeUnmount(() => {
 .drawer-container {
   :deep(header.el-drawer__header) {
     color: #fff !important;
-    background-color: #003078 !important;
+    background-color: var(--el-color-primary) !important;
 
     .el-drawer__close-btn svg:hover {
       color: #ccc !important;
@@ -1541,7 +1547,7 @@ onBeforeUnmount(() => {
 
 
 //:deep(.el-drawer .el-drawer__title){
-//  background-color: #003078 !important;
+//  background-color: var(--el-color-primary) !important;
 //}
 
 </style>

frontend/src/views/home/components/testPopup.vue

@@ -2,10 +2,12 @@
   <el-dialog :title="dialogTitle" width="1550px" :model-value="dialogVisible" :before-close="beforeClose" @close="handleClose" height="1000px" draggable>
 
     <div class="steps-container">
-      <el-steps class="test-head-steps" simple :active="stepsActiveIndex" process-status="finish" finish-status="success">
+      <el-steps v-if="showSteps" class="test-head-steps" simple :active="stepsActiveIndex" process-status="finish" finish-status="success">
         <el-step v-if="preTestSelected" title="预检测" :icon="stepsActive > 1 || stepsActiveIndex > stepsTotalNum-1? SuccessFilled :Edit" @click="handleStepClick(1)"/>
-        <el-step v-if="timeTestSelected" title="守时检测" :icon="stepsActive > 2 || stepsActiveIndex > stepsTotalNum-1? SuccessFilled :UploadFilled" @click="handleStepClick(2)"/>
+        <el-step v-if="timeTestSelected" title="守时检测" :icon="stepsActive > 2 || stepsActiveIndex > stepsTotalNum-1? SuccessFilled :UploadFilled"
-        <el-step v-if="channelsTestSelected" title="系数校准" :icon="stepsActive > 3 || stepsActiveIndex > stepsTotalNum-1? SuccessFilled :Odometer" @click="handleStepClick(3)"/>
+                 @click="handleStepClick(2)"/>
+        <el-step v-if="channelsTestSelected" title="系数校准" :icon="stepsActive > 3 || stepsActiveIndex > stepsTotalNum-1? SuccessFilled :Odometer"
+                 @click="handleStepClick(3)"/>
         <el-step v-if="testSelected" title="正式检测" :icon="stepsActive > 4 || stepsActiveIndex > stepsTotalNum-1? SuccessFilled :Coin" @click="handleStepClick(4)"/>
         <el-step title="检测完成" :icon="stepsActiveIndex > stepsTotalNum-1 ? SuccessFilled :Key"/>
       </el-steps>
@@ -15,47 +17,50 @@
              :webMsgSend="webMsgSend"/>
     <timeTest v-if="showComponent&&timeTestSelected" v-show="timeTestSelected && stepsActiveView==2" v-model:testStatus="timeTestStatus"/>
     <!--     <channelsTest v-if="stepsActiveIndex === 3" v-model:testStatus="channelsTestStatus"></channelsTest>-->
-    <factorTest v-if="showComponent&&channelsTestSelected" v-show="channelsTestSelected && stepsActiveView==3" v-model:testStatus="channelsTestStatus" :webMsgSend="webMsgSend"/>
+    <factorTest v-if="showComponent&&channelsTestSelected" v-show="channelsTestSelected && stepsActiveView==3" v-model:testStatus="channelsTestStatus"
-    <test v-if="showComponent&&testSelected" v-show="testSelected && stepsActiveView==4" v-model:testStatus="TestStatus" :webMsgSend="webMsgSend"
+                :webMsgSend="webMsgSend"/>
-          @update:webMsgSend="webMsgSend=$event" @sendPause="sendPause" @sendResume="sendResume" @sendReCheck="sendReCheck" :stepsActive="stepsActive"/>
+    <test v-if="showComponent&&testSelected" ref="testRef" v-show="testSelected && stepsActiveView==4" v-model:testStatus="TestStatus" :webMsgSend="webMsgSend"
+          @update:webMsgSend="webMsgSend=$event" @sendPause="sendPause" @sendResume="sendResume" @sendReCheck="sendReCheck" @closeWebSocket="closeWebSocket"
+          :stepsActive="stepsActive"/>
 
     <template #footer>
       <div>
-<!--        <el-button type="primary" :icon="DArrowRight" v-if="stepsActiveIndex < stepsTotalNum && ActiveStatue != 'success'" @click="nextStep">跳过</el-button>-->
+        <!--        <el-button type="primary" :icon="DArrowRight" v-if="stepsActiveIndex < stepsTotalNum && ActiveStatue != 'success'" @click="nextStep">跳过</el-button>-->
-        <el-button type="primary" :icon="VideoPlay" v-if="ActiveStatue === 'waiting'" @click="handleSubmit">开始检测</el-button>
+        <el-button type="primary" :icon="VideoPlay" v-if="ActiveStatue === 'waiting'" @click="handleSubmitFast">开始检测</el-button>
-        <el-button type="primary"
-                   v-if="(stepsActiveIndex <= stepsTotalNum - 1) && (ActiveStatue !== 'success' &&ActiveStatue !== 'test_init' && ActiveStatue !=='paused_ing' && ActiveStatue !=='paused' && ActiveStatue !== 'waiting' && ActiveStatue !== 'error' && ActiveStatue !== 'test_init_fail' && ActiveStatue !== 'connect_timeout' && ActiveStatue!=='pause_timeout')"
-                   disabled>
-          <el-icon class="loading-box" style="color: #fff;margin-right: 8px;">
-            <component :is="Refresh"/>
-          </el-icon>
-          检测中
-        </el-button>
-        <!--        <el-button type="primary" v-if="ActiveStatue === 'process'" disabled>-->
-        <!--          <el-icon class="loading-box" style="color: #fff;margin-right: 8px;">-->
-        <!--            <component :is="Refresh"/>-->
-        <!--          </el-icon>-->
-        <!--          检测中-->
-        <!--        </el-button>-->
-        <el-button type="warning" :icon="VideoPlay" v-if="TestStatus === 'paused'" @click="handleSubmit">继续检测</el-button>
-        <!--        <el-button type="primary" :icon="RefreshLeft" v-if="ActiveStatue === 'recheck' || ActiveStatue ==='error' || ActiveStatue ==='test_init_fail' || ActiveStatue === 'pause_timeout' || ActiveStatue === 'connect_timeout'" @click="handleSubmit">重新检测</el-button>-->
         <el-button type="primary" v-if="TestStatus === 'test_init'" disabled>
           <el-icon class="loading-box" style="color: #fff;margin-right: 8px;">
             <component :is="Refresh"/>
           </el-icon>
           初始化中
         </el-button>
+        <el-button
+            type="primary"
+            v-if="TestStatus=='process'"
+            :icon="VideoPause"
+            @click="handlePause()">停止检测
+        </el-button>
         <el-button type="warning" v-if="TestStatus === 'paused_ing'" disabled>
           <el-icon class="loading-box" style="color: #fff;margin-right: 8px;">
             <component :is="Refresh"/>
           </el-icon>
           暂停中
         </el-button>
+        <el-button
+            type="warning"
+            v-if="(TestStatus =='paused')"
+            :icon="VideoPlay"
+            @click="sendResume"
+        >继续检测
+        </el-button>
+
         <el-button :type="ActiveStatue==='success'?'primary':'danger'" :icon="Right"
                    v-if="nextStepText !== '下一步' && (ActiveStatue === 'success'||ActiveStatue==='error'||ActiveStatue==='test_init_fail'||ActiveStatue==='connect_timeout'||ActiveStatue==='pause_timeout')"
                    @click="nextStep">
           {{ nextStepText }}
         </el-button>
+        <el-button type="primary" @click="handleQuit" v-else>
+          退出检测
+        </el-button>
       </div>
     </template>
   </el-dialog>
@@ -66,7 +71,7 @@
 <script lang="tsx" setup name="testPopup">
 import {reactive, ref, watch} from 'vue';
 import {ElMessage, ElMessageBox} from 'element-plus'
-import {Coin, DArrowRight, Edit, Key, Odometer, Refresh, Right, SuccessFilled, UploadFilled, VideoPlay} from '@element-plus/icons-vue'
+import {Coin, Edit, Key, Odometer, Refresh, Right, SuccessFilled, UploadFilled, VideoPause, VideoPlay} from '@element-plus/icons-vue'
 import preTest from './preTest.vue'
 import timeTest from './timeTest.vue'
 import factorTest from './factorTest.vue'
@@ -74,11 +79,14 @@ import test from './test.vue'
 import socketClient from '@/utils/webSocketClient';
 import {useCheckStore} from "@/stores/modules/check";
 import {pauseTest, resumeTest, startPreTest} from '@/api/socket/socket'
+import {useUserStore} from "@/stores/modules/user";
 
+const userStore = useUserStore()
 const checkStore = useCheckStore();
 const nextStepText = ref('下一步');
 const dialogVisible = ref(false)
 
+const showSteps = ref(false)
 const stepsTotalNum = ref(-1);//步骤总数
 const stepsActiveIndex = ref(1); //当前正在执行的步骤索引
 const stepsActiveView = ref(-1); //当前正在执行的步骤在（预处理、守时校验、系数校准、正式检测）中的排序，仅用于页面显示
@@ -90,9 +98,11 @@ const channelsTestStatus = ref('waiting');//通道系数校准执行状态
 const TestStatus = ref('waiting');//正式检测执行状态
 const webMsgSend = ref();//webSocket推送的数据
 
+
 const dialogTitle = ref('')
 const showComponent = ref(true)
 const preTestRef = ref(null)
+const testRef = ref(null)
 
 const dataSocket = reactive({
   socketServe: socketClient.Instance,
@@ -150,6 +160,7 @@ const initOperate = () => {
 }
 
 const open = (title: string) => {
+  showSteps.value = true
   initOperate()
   dialogTitle.value = title;
   dialogVisible.value = true;
@@ -174,8 +185,7 @@ const open = (title: string) => {
   });
 }
 
-// let loading;
+const handleSubmitFast = () => {
-const handleSubmit = () => {
   let deviceIds = checkStore.devices.map((item) => item.deviceId)
   let planId = checkStore.plan.id
 
@@ -183,14 +193,20 @@ const handleSubmit = () => {
     ElMessage.error('webSocket连接中断！')
     return
   }
-  console.log("handleSubmit",stepsActive.value,TestStatus.value)
+  console.log("handleSubmit", stepsActive.value, TestStatus.value)
   switch (stepsActive.value) {
     case 1:
+      if (preTestStatus.value == 'waiting') {
+        if (checkStore.selectTestItems.preTest) {
           startPreTest({
             userPageId: "cdf",
             devIds: deviceIds,
             planId: planId,
-        operateType: '1' // '1'为预检测、‘2‘为正式检测、'8'为不合格项复检
+            operateType: checkStore.reCheckType == 1 ? '1' : '2',
+            userId: userStore.userInfo.id,
+            temperature: checkStore.temperature,
+            humidity: checkStore.humidity,
+            testItemList: [checkStore.selectTestItems.preTest, checkStore.selectTestItems.channelsTest, checkStore.selectTestItems.test]
           }).then(res => {
             if (res.code === 'A001014') {
               ElMessageBox.alert('装置配置异常', '检测失败', {
@@ -201,26 +217,51 @@ const handleSubmit = () => {
             }
           })
           preTestStatus.value = 'start'
-      // setTimeout(() => {
+        }
-      //   preTestStatus.value = 'success'
+      }
-      // }, 5000)
       break;
     case 2:
       timeTestStatus.value = 'start'
       break;
     case 3:
-      // 调用系数校准组件的handleSubmit方法
+      if (channelsTestStatus.value == 'waiting') {
-      channelsTestStatus.value = 'start'
+        if (!checkStore.selectTestItems.preTest && checkStore.selectTestItems.channelsTest) {
-      break;
-    case 4:
-      if (TestStatus.value == "waiting") {
           startPreTest({
             userPageId: "cdf",
             devIds: deviceIds,
             planId: planId,
-          operateType: checkStore.reCheckType ==1 ?'2':'8' // '1'为预检测、‘2‘为正式检测、'8'为不合格项复检
+            operateType: checkStore.reCheckType == 1 ? '1' : '2',
+            userId: userStore.userInfo.id,
+            temperature: checkStore.temperature,
+            humidity: checkStore.humidity,
+            testItemList: [checkStore.selectTestItems.preTest, checkStore.selectTestItems.channelsTest, checkStore.selectTestItems.test]
+          }).then(res => {
+            if (res.code === 'A001014') {
+              ElMessageBox.alert('装置配置异常', '初始化失败', {
+                confirmButtonText: '确定',
+                type: 'error',
+              })
+              channelsTestStatus.value = 'test_init_fail'
+            }
+          })
+          // 调用系数校准组件的handleSubmit方法
+        }
+        channelsTestStatus.value = 'start'
+      }
+      break;
+    case 4:
+      if (TestStatus.value == "waiting") {
+        if (!checkStore.selectTestItems.preTest && !checkStore.selectTestItems.channelsTest && checkStore.selectTestItems.test) {
+          startPreTest({
+            userPageId: "cdf",
+            devIds: deviceIds,
+            planId: planId,
+            operateType: checkStore.reCheckType == 1 ? '1' : '2',
+            userId: userStore.userInfo.id,
+            temperature: checkStore.temperature,
+            humidity: checkStore.humidity,
+            testItemList: [checkStore.selectTestItems.preTest, checkStore.selectTestItems.channelsTest, checkStore.selectTestItems.test]
           }).then(res => {
-          console.log(res)
             if (res.code === 'A001014') {
               ElMessageBox.alert('装置配置异常', '初始化失败', {
                 confirmButtonText: '确定',
@@ -229,6 +270,7 @@ const handleSubmit = () => {
               TestStatus.value = 'test_init_fail'
             }
           })
+        }
         TestStatus.value = 'start'
       } else if (TestStatus.value == 'paused') {
         // 发送继续指令
@@ -245,7 +287,7 @@ const handleSubmit = () => {
     default:
       break;
   }
-};
+}
 
 
 const emit = defineEmits<{
@@ -275,7 +317,7 @@ watch(TestStatus, function (newValue, oldValue) {
 
 watch(ActiveStatue, function (newValue, oldValue) {
   if (newValue === 'error') {
-    // stepsActiveIndex.value = stepsTotalNum.value + 2
+    stepsActiveIndex.value = stepsTotalNum.value + 1
     nextStepText.value = '检测失败'
   }
   if (newValue === 'success' && stepsActiveIndex.value === stepsTotalNum.value - 1) {
@@ -297,21 +339,32 @@ watch(ActiveStatue, function (newValue, oldValue) {
   }
   if (newValue === 'success' && stepsActiveIndex.value < stepsTotalNum.value - 1) {
     nextStep() // 实现自动点击，进入下一个测试内容
-    handleSubmit()
+    //handleSubmit()
+    handleSubmitFast()
   }
 
 })
 
+const handleQuit = () => {
+  console.log('handleQuit', ActiveStatue.value)
+  if (ActiveStatue.value !== 'success' && ActiveStatue.value !== 'waiting' && ActiveStatue.value !== 'paused' && ActiveStatue.value !== 'test_init_fail' && ActiveStatue.value !== 'connect_timeout' && ActiveStatue.value !== 'pause_timeout') {
+    beforeClose(() => {
+    })
+  } else {
+    handleClose()
+  }
+}
+
+
+const handlePause = () => {
+  sendPause()
+  testRef.value?.handlePause()
+}
 const sendPause = () => {
   console.log('发起暂停请求')
 
   TestStatus.value = 'paused_ing'
-  pauseTest().then(res => {
+  pauseTest()
-    Object.assign(webMsgSend.value, {
-      requestId: 'preStopTest',
-      operateCode: 'stop'
-    })
-  })
   // setTimeout(() => {
   //   Object.assign(webMsgSend.value, {
   //     requestId: 'preStopTest',
@@ -326,7 +379,10 @@ const sendResume = () => {
     userPageId: "cdf",
     devIds: checkStore.devices.map((item) => item.deviceId),
     planId: checkStore.plan.id,
-    operateType: '2' //  0:'系数校验'，'1'为预检测、‘2‘为正式检测、'8'为不合格项复检
+    operateType: '2', //  0:'系数校验'，'1'为预检测、‘2‘为正式检测、'8'为不合格项复检
+    userId: userStore.userInfo.id,
+    temperature: checkStore.temperature,
+    humidity: checkStore.humidity
   })
   Object.assign(webMsgSend.value, {
     requestId: 'Resume_Success'
@@ -339,7 +395,11 @@ const sendReCheck = () => {
     userPageId: "cdf",
     devIds: checkStore.devices.map((item) => item.deviceId),
     planId: checkStore.plan.id,
-    operateType: '2' // 0:'系数校验'，'1'为预检测、‘2‘为正式检测、'8'为不合格项复检
+    operateType: '2', // 0:'系数校验'，'1'为预检测、‘2‘为正式检测、'8'为不合格项复检
+    userId: userStore.userInfo.id,
+    temperature: checkStore.temperature,
+    humidity: checkStore.humidity,
+    testItemList: [checkStore.selectTestItems.preTest, checkStore.selectTestItems.channelsTest, checkStore.selectTestItems.test]
   }).then(res => {
     console.log(res)
     if (res.code === 'A001014') {
@@ -353,6 +413,10 @@ const sendReCheck = () => {
   TestStatus.value = 'start'
 }
 
+const closeWebSocket = () => {
+  dataSocket.socketServe.closeWs()
+}
+
 const nextStep = () => {
   if (stepsActiveIndex.value == stepsTotalNum.value + 1 || ActiveStatue.value === 'error' || ActiveStatue.value === 'test_init_fail' || ActiveStatue.value === 'connect_timeout' || ActiveStatue.value === 'pause_timeout') {
     handleClose()
@@ -426,6 +490,7 @@ const beforeClose = (done: () => void) => {
 }
 
 const handleClose = () => {
+  showSteps.value = false
   dataSocket.socketServe.closeWs()
   dialogVisible.value = false;
   clearData()
@@ -440,6 +505,18 @@ defineExpose({open})
 
 <style scoped lang="scss">
 
+.test-head-steps {
+  ::v-deep .el-step {
+    .el-step__head.is-success {
+      color: #91cc75;
+    }
+
+    .el-step__title.is-success {
+      color: #91cc75;
+    }
+  }
+}
+
 :deep(.dialog-big .el-dialog__body) {
   max-height: 840px !important;
 }

frontend/src/views/home/components/timeTest.vue

@@ -5,7 +5,7 @@
         <div class="right-title" >
           <span v-if="activeIndex <= 1"> </span>
             <span v-if="activeIndex > 1" class="time-text">
-            标准时间: <span style="color: #003078">{{ gpsTime }}</span> 
+            标准时间: <span style="color: var(--el-color-primary)">{{ gpsTime }}</span> 
             </span>
             <div class="error-dsc">
               <div class="green-div"></div>
@@ -52,7 +52,7 @@
 
             <!-- <span v-if="activeIndex <= 1"> </span>
             <span v-if="activeIndex > 1" style="  font-size: 18px;font-weight: 600;">
-            标准时间: <span style="color: #003078">{{ gpsTime }}</span> 
+            标准时间: <span style="color: var(--el-color-primary)">{{ gpsTime }}</span> 
             </span>
             <div class="error-dsc">
               <div class="green-div"></div>
@@ -423,7 +423,7 @@ watch(ts, function (newValue, oldValue) {
 }
 
 .right-title .gps-time {
-  color: #003078;
+  color: var(--el-color-primary);
 }
 
 .error-dsc {
@@ -440,7 +440,7 @@ watch(ts, function (newValue, oldValue) {
 }
 
 .error-dsc .green-div {
-  background-color: #67C23A;
+  background-color: #91cc75;
 }
 
 .error-dsc .red-div {

frontend/src/views/home/components/tree.vue

@@ -5,6 +5,8 @@
         placeholder='请输入计划名称'
         clearable
         v-model='searchForm.planName'
+        show-word-limit
+        maxlength="32"
       ></el-input>
       <el-tooltip content="检测计划列表" placement="top">
       <Menu style='width: 26px;height: 26px; margin-left: 8px;cursor: pointer;color:var(--el-color-primary)'
@@ -26,29 +28,47 @@
       >
         <template #default='{ node, data }'>
           <span class='custom-tree-node' style='display: flex;align-items: center;'>
+             <!-- 父节点图标 -->
             <Platform v-if='!data.pid' style='width:18px;height: 18px;margin-right:8px;'
                       :style="{color:node.label=='未检'?'#fac858':node.label=='检测中'?'#ee6666':'#91cc75'}" />
+            <!-- 节点名称 -->
             <span>{{ node.label }}</span>
-            <!-- <Menu v-if="data.pid" @click.stop="detail(data)" style="width: 12px;margin-left: 8px;"/> -->
+            <!-- 子节点右侧图标 + tooltip -->
+            <el-tooltip 
+              v-if="node.label!='未检' && node.label!='检测中' && node.label!='检测完成'"
+              placement="top" 
+              :manual="true"
+              content="子计划信息">
+              <Menu
+                @click.stop="childDetail(node.data)"
+                style="width: 16px; height: 16px; margin-left: 8px; cursor: pointer; color: var(--el-color-primary)"
+              />
+            </el-tooltip>
           </span>
         </template>
       </el-tree>
     </div>
   </div>
+  <SourceOpen  ref='openSourceView' :width="width" :height="height + 175"></SourceOpen>
+
 </template>
 <script lang='ts' setup>
 import { type Plan } from '@/api/plan/interface';
 import { Menu, Platform, CircleCheck,Loading } from '@element-plus/icons-vue'
-import { nextTick, onMounted, ref, watch } from 'vue';
+import { nextTick, onMounted, PropType, ref, watch } from 'vue';
 import { useRouter } from 'vue-router'
 import {useCheckStore} from "@/stores/modules/check";
 import { ElTooltip } from 'element-plus';
+import SourceOpen from '@/views/plan/planList/components/childrenPlan.vue'
 
+
+const openSourceView = ref()
 const router = useRouter()
 const checkStore = useCheckStore()
 const filterText = ref('')
 const treeRef = ref()
 const data: any = ref([])
+
 const defaultProps = {
   children: 'children',
   label: 'name',
@@ -61,8 +81,8 @@ const defaultChecked = ref<string[]>([])  // 明确类型为 number[]
 const tree = ref(false)//确保左侧树高凉只执行一次
 const getTreeData = (val: any) => {
   defaultChecked.value = [];
-  data.value = val;
+  // 遍历 val 的每个 children，过滤掉 pid !== '0'
-
+  data.value = val
   for (let item of data.value) {
     if (item.children.length > 0) {
       let node = item.children[0];
@@ -82,7 +102,6 @@ const getTreeData = (val: any) => {
 
 //点击表格后左侧树刷新，高亮显示对应节点
 const  clickTableToTree = (val: any,id:any) => {
-
   defaultChecked.value = []
   data.value = val
   let node = ref('')
@@ -105,9 +124,13 @@ const  clickTableToTree = (val: any,id:any) => {
   }
 }
 
-const {updateSelectedTreeNode}  = defineProps<{
+const {updateSelectedTreeNode,width,height,planArray}  = defineProps<{
     updateSelectedTreeNode:Function;
+    width: number;
+    height: number;
+    planArray?: Plan.ReqPlan[];
   }>();
+
 watch(
   () => searchForm.value.planName,
   (val) => {
@@ -141,11 +164,18 @@ const filterNode = (value: string, data: any) => {
    return data.name.includes(value)
 }
 
-
 // 点击详情
 const detail = () => {
   router.push('/plan/planList')
 }
+
+
+
+const childDetail = (data: Plan.ResPlan) => {
+  console.log('planArray',planArray)
+  openSourceView.value.open("检测计划详情",data)
+}
+
 onMounted(() => {
  // console.log()
 })

frontend/src/views/home/components/writeTHPopup.vue

@@ -0,0 +1,95 @@
+<template>
+  <el-dialog title="填写实验室环境" v-model='dialogVisible' @close="handleClose" v-bind="dialogSmall" >
+    <div>
+      <el-form ref="dialogFormRef" :model="formContent"  :rules='rules' >
+       <el-form-item label="温度(℃)" prop="temperature" :label-width="110">
+            <el-input v-model="formContent.temperature" placeholder="请输入温度" maxlength="32" show-word-limit/>
+        </el-form-item>            
+        <el-form-item label="相对湿度(%)" prop="humidity" :label-width="110">
+            <el-input v-model="formContent.humidity" placeholder="请输入湿度" maxlength="32" show-word-limit/>
+        </el-form-item> 
+      </el-form>
+    </div>
+
+    <template #footer>
+        <span class="dialog-footer">
+          <el-button @click="handleClose">取消</el-button>
+          <el-button type="primary" @click="handleStart">确定</el-button>
+        </span>
+    </template>
+  </el-dialog>
+</template>
+
+<script setup lang='tsx' name='selectTestItemPopup'>
+import {dialogSmall} from "@/utils/elementBind";
+import {reactive, Ref, ref} from "vue";
+import type {Device} from "@/api/device/interface/device.ts";
+import {ElMessageBox, FormItemRule} from "element-plus";
+import {useCheckStore} from "@/stores/modules/check";
+
+const emit = defineEmits(['openTestDialog2'])
+const dialogFormRef = ref()
+
+
+const dialogVisible = ref(false)
+const formContent = reactive<Device.ResTH>({temperature:0,humidity:0})
+const checkStore = useCheckStore();
+const open = async () => {
+  resetFormContent()
+  dialogVisible.value = true
+}
+
+// 清空表单内容
+const resetFormContent = () => {
+  Object.assign(formContent,{temperature:'22',humidity:'50'})
+}
+
+
+  //定义校验规则
+  const rules: Ref<Record<string, Array<FormItemRule>>> = ref({
+    temperature: [{ required: true, message: '温度必填！', trigger: 'blur' },
+       // 指定正则，此处是数字正则
+       { pattern: /^(?:(?:-50)|-?[1-4][0-9]|-?[0-9]|[1-4][0-9]|50)(\.[0-9]+)?$/,
+      message: '温度必须为 -50 到 50 之间的合法数字',
+       trigger: 'blur' 
+    }],
+    humidity: [{ required: true, message: '湿度必填！', trigger: 'blur' },
+      { pattern: /^(?:100(?:\.0+)?|\d{1,2}(?:\.\d+)?|0?\.\d+)$/  , message: '湿度必须为 0 到 100 之间的合法数字', trigger: 'blur' },
+    ],
+    
+  })
+
+
+const handleStart = () => {
+    try {      
+        dialogFormRef.value?.validate(async (valid: boolean) => {
+        if (valid) {
+           
+            checkStore.setTemperature(formContent.temperature)
+            checkStore.setHumidity(formContent.humidity)
+            emit('openTestDialog2')
+            handleClose()
+        }
+    })
+  } catch (err) {
+    console.error('验证过程中出现错误', err)
+  }
+
+}
+
+// 关闭弹窗
+const handleClose = () => {
+  dialogVisible.value = false
+  // 清空dialogForm中的值
+  resetFormContent()
+  dialogFormRef.value?.resetFields()
+}
+
+defineExpose({open})
+
+</script>
+
+
+<style scoped lang="scss">
+
+</style>

frontend/src/views/home/index.vue

@@ -70,14 +70,14 @@ const modeList = [
 const handelOpen = async (isActive: any) => {
   await authStore.setShowMenu();
   return;
-  if (isActive) {
+  // if (isActive) {
-    router.push({ path: "/static" });
+  //   router.push({ path: "/static" });
-  } else {
+  // } else {
-    ElMessage({
+  //   ElMessage({
-      message: "当前模式未配置",
+  //     message: "当前模式未配置",
-      type: "warning",
+  //     type: "warning",
-    });
+  //   });
-  }
+  // }
 };
 const handleSelect = (key: string, keyPath: string[]) => {
   //console.log(key, keyPath);

frontend/src/views/home/tabs/dashboard.vue

@@ -1,11 +1,11 @@
 <!-- 真正的首页 -->
 <template>
-  <div class='static'>
+  <div class='static' ref='popupBaseView'>
     <el-row :gutter='10'>
       <el-col :lg='4' :xl='4' :md='4' :sm='4'>
         <div class='left_tree'>
           <!-- <tree ref='treeRef' :updateSelectedTreeNode='getPieData || (() => {})' /> -->
-            <tree ref='treeRef' :updateSelectedTreeNode='updateData|| (() => {})' />
+            <tree ref='treeRef' :updateSelectedTreeNode='updateData|| (() => {})' :width="viewWidth" :height="viewHeight" :planArray = 'planList2?.data'/>
         </div>
       </el-col>
       <el-col :lg='20' :xl='20' :md='20' :sm='20'>
@@ -29,8 +29,8 @@
           </div>
           <!--检测计划统计 饼图统计-->
           <div class='container_pieShow'>
-            <el-collapse model-value='1' accordion @change='handleCollapseChange'>
+            <el-collapse model-value='1' accordion @change='handleCollapseChange' >
-              <el-collapse-item name='1'>
+              <el-collapse-item name='1' >
                 <template #title>
                   <div class='container_pieShow_title'>
                     <span>检测计划统计</span>
@@ -95,7 +95,7 @@
             <el-tab-pane :label='tabLabel1' :style='{ height: tabPaneHeight}'>
               <!-- 列表数据 -->
               <div class='container_table' :style='{ height: tableHeight }'>
-                <Table ref='tableRef1' :id='currentId' :plan = 'select_Plan' @batchGenerateClicked="handleBatchGenerate"></Table>
+                <Table ref='tableRef1' :id='currentId' :plan ='select_Plan'  :planArray = 'planList2?.data' @batchGenerateClicked="handleBatchGenerate"></Table>
               </div>
             </el-tab-pane>
           </el-tabs>
@@ -118,6 +118,8 @@ import { type Plan } from '@/api/plan/interface'
 import type { CollapseModelValue } from 'element-plus/es/components/collapse/src/collapse.mjs'
 import { type Device } from '@/api/device/interface/device'
 import { ResultData } from '@/api/interface'
+import { useViewSize } from '@/hooks/useViewSize'
+import { map } from 'lodash'
 
 const planName = ref('')
 const dictStore = useDictStore()
@@ -146,8 +148,10 @@ const tabPaneHeight = ref('calc(100% - 5px)') // 初始高度
 const tableHeight = ref('calc(100% - 50px)') // 初始高度
 
 const planList = ref<ResultData<Plan.ReqPlan[]>>()
+const planList2 = ref<ResultData<Plan.ReqPlan[]>>()//备份含子计划的结构
 const select_Plan = ref<Plan.ReqPlan>()
 const isLabelLineShow = ref(true)
+const { popupBaseView,viewWidth, viewHeight } = useViewSize()
 const handleCollapseChange = (val: CollapseModelValue) => {
 
   // 计算新的高度
@@ -168,7 +172,7 @@ const handleTabsChange = (val: any) => {
   form.value.activeChildTabs = Number(val)
 
 }
-localStorage.setItem('color', 'red')
+localStorage.setItem('color', '#91cc75')
 //功能选择数据
 const tabsList = ref([
   {
@@ -202,7 +206,6 @@ const tableRef1 = ref()
 const tableRef2 = ref()
 const currentId = ref('')
 
-
 watch(
   () => form.value,
   (val, oldVal) => {
@@ -241,15 +244,13 @@ watch(
   },
 )
 
-
-
 const pieRef1 = ref(),
-  pieRef2 = ref(),
+pieRef2 = ref(),
-  pieRef3 = ref()
+pieRef3 = ref()
 
 const chartsData1: any = ref([]),
-  chartsData2: any = ref([]),
+chartsData2: any = ref([]),
-  chartsData3: any = ref([])
+chartsData3: any = ref([])
 
 const findPlanById = (plans: Plan.ReqPlan[], id: string): Plan.ReqPlan | undefined => {
   for (const plan of plans) {
@@ -297,12 +298,14 @@ const getPieData = async (id: string) => {
   const reportStateCount: { [key: number]: number } = { 0: 0, 1: 0, 2: 0 }
   if (id) {
     const boundPqDevList = ref<Device.ResPqDev[]>([])//根据检测计划id查询出所有已绑定的设备
-    const plan = findPlanById(planList.value?.data || [], id)
+    const plan = findPlanById(planList.value, id)
+
     planName.value = '所选计划:' + plan.name
 
     select_Plan.value = plan
+    console.log('所选计划:',plan)
 
-    const pqDevList_Result2 = await getBoundPqDevList({ 'planId': id, 'checkStateList': [0, 1, 2, 3] })
+    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 => {
@@ -321,7 +324,6 @@ const getPieData = async (id: string) => {
       }
     })
 
-
     // 检查 checkStateCount 是否全为 0
     if(boundPqDevList.value.length != 0){
 
@@ -375,12 +377,7 @@ const getPieData = async (id: string) => {
         { value:  0 , itemStyle: { color: '#eeeeee' } },
       ];
     }
-    
-
-
- 
   }else{
-    
     planName.value = '所选计划:' 
   }
 
@@ -409,7 +406,6 @@ const planDetail = () => {
 
 //功能选择css切换
 const handleCheckFunction = (val: any) => {
-
   editableTabsValue.value = '0'
   form.value.activeChildTabs = 0
   tabsList.value.map((item: any, index: any) => {
@@ -454,7 +450,6 @@ const handleCheckFunction = (val: any) => {
 const resizeObserver = new ResizeObserver(entries => {
   for (let entry of entries) {
     chartsWidth.value = entry.contentRect.width
-    //console.log('Charts Info Width:', chartsWidth.value);
    
     pieRef1.value?.reSize(chartsWidth.value * 0.95, 180, true)
     pieRef2.value?.reSize(chartsWidth.value * 0.95, 180, true)
@@ -485,19 +480,37 @@ const initPlan = async () => {
     result: 0,
     code: 0,
     state: 0,
+    standardDevNameStr: '',
+    associateReport: 0,
+    reportTemplateName: '',
+    reportTemplateVersion: '',
+    dataRule: '',
+    testItemNameStr:'',
+    testItems: [],
+    standardDevIds:[],
+    standardDevMap: new Map<string, number>(),
   }
-  planList.value = (await getPlanListByPattern(reqPlan)) as ResultData<Plan.ReqPlan[]>
+  planList2.value = (await getPlanListByPattern(reqPlan)) as ResultData<Plan.ReqPlan[]>
+  planList.value = JSON.parse(JSON.stringify(planList2.value));
+  planList.value = planList.value.data.map((item: any) => {
+      if (item.children) {
+        item.children = item.children.filter(child => child.pid === '0');
+      }
+      return item;
+    });
 }
 
 onBeforeMount(async () => {
+
   await initPlan()
-  for (let i = 0; i < planList.value.data.length; i++) {
+  console.log(planList.value)
-    if (Array.isArray(planList.value.data[i].children) && planList.value.data[i].children.length > 0) {
+  for (let i = 0; i < planList.value.length; i++) {
-      currentId.value = planList.value.data[i].children[0].id; // 直接赋值第一个 children 的 id
+    if (Array.isArray(planList.value[i].children) && planList.value[i].children.length > 0) {
+      currentId.value = planList.value[i].children[0].id; // 直接赋值第一个 children 的 id
       break; // 确保只执行一次
     }
   }
-  
+  console.log('planList.valuecurrentId.value', currentId.value)
   // if (planList.value.data[0].children[0]) {
   //   currentId.value = planList.value.data[0].children[0].id
   //   console.log('currentId.value',planList.value.data[0])
@@ -506,8 +519,7 @@ onBeforeMount(async () => {
   if (chartsInfoRef.value) {
     resizeObserver.observe(chartsInfoRef.value)
   }
-  getTree(planList.value.data)
+  getTree(planList.value)
-
   getPieData(currentId.value)
 })
 
@@ -521,7 +533,7 @@ const handleBatchGenerate = async () => {
  // console.log('批量生成按钮被点击了');
   // 在这里添加其他逻辑，比如显示对话框、更新状态等
   await initPlan()
-  treeRef.value.clickTableToTree(planList.value.data,currentId.value)
+  treeRef.value.clickTableToTree(planList.value,currentId.value)
   getPieData(currentId.value)
  
   if (form.value.activeTabs === 0)//设备检测
@@ -646,7 +658,7 @@ const handleBatchGenerate = async () => {
         justify-content: space-between;
         padding: 0 15px;
         font-weight: bold;
-        width: 100%;
+        width: 99%;
         font-size: 14px;
       }
 

frontend/src/views/home/tabs/model.vue

@@ -52,6 +52,8 @@ import { ElMessage } from "element-plus";
 import { useAuthStore } from "@/stores/modules/auth";
 import { useModeStore, useAppSceneStore } from "@/stores/modules/mode"; // 引入模式 store
 import { ref } from "vue";
+import {getCurrentScene} from "@/api/user/login";
+
 const authStore = useAuthStore();
 const modeStore = useModeStore(); // 使用模式 store
 const AppSceneStore = useAppSceneStore();
@@ -70,20 +72,23 @@ const modeList = [
     code: "数字式",
     subName: "启用数字检测计划",
     img: new URL('/src/assets/images/dashboard/2.svg', import.meta.url).href,
-    isActive: false,
+    isActive: true,
   },
   {
     name: "比对式模块",
     code: "比对式",
     subName: "启用比对式检测计划",
     img: new URL('/src/assets/images/dashboard/3.svg', import.meta.url).href,
-    isActive: false,
+    isActive: true,
   },
 ];
 const handelOpen = async (item: any) => {
   modeStore.setCurrentMode(item.code); // 将模式code存入 store
-  AppSceneStore.setCurrentMode('1');//0：省级平台，1：设备出厂，2：研发自测
+  const {data:scene} = await getCurrentScene(); // 获取当前场景
+  // AppSceneStore.setCurrentMode(scene+'');//0：省级平台，1：设备出厂，2：研发自测
+  AppSceneStore.setCurrentMode(scene+'');//0：省级平台，1：设备出厂，2：研发自测
   await authStore.setShowMenu();
+  await authStore.getAuthMenuList();
   return;
   // if (isActive) {
   //   router.push({ path: "/static" });

frontend/src/views/log/index.vue

@@ -4,13 +4,11 @@
         ref='proTable'
         :columns='columns'
         :request-api='getTableList'
-      @selection-change='handleSelectionChange'
-      type='selection'
     >
       <!-- 表格 header 按钮 -->
       <template #tableHeader>
-        <el-button type='primary' :icon='DataAnalysis' >分析</el-button>
+        <el-button type='primary' :icon='DataAnalysis'>分析</el-button>
-        <el-button type='primary' :icon='Upload'>导出csv</el-button>
+        <el-button type='primary' :icon='Upload' @click='handleExport'>导出csv</el-button>
       </template>
     </ProTable>
 
@@ -21,14 +19,14 @@
 <script setup lang='tsx' name='useProTable'>
 // 根据实际路径调整
 import TimeControl from '@/components/TimeControl/index.vue'
-import { type  AuditLog} from '@/api/system/log/interface/log.ts'
+import {type  AuditLog} from '@/api/system/log/interface/log.ts'
 import ProTable from '@/components/ProTable/index.vue'
-import { Upload ,DataAnalysis} from '@element-plus/icons-vue'
+import {DataAnalysis, Upload} from '@element-plus/icons-vue'
-import type { ColumnProps, ProTableInstance } from '@/components/ProTable/interface'
+import type {ColumnProps, ProTableInstance} from '@/components/ProTable/interface'
-import { reactive,ref,watch } from 'vue'
+import {reactive, ref} from 'vue'
-import {
+import {getAuditLog, exportCsv} from '@/api/system/log/index.ts'
-  getAuditLog,
+import {useDownload} from "@/hooks/useDownload";
-} from '@/api/system/log/index.ts'
+import {exportPqDev} from "@/api/device/device";
 
 
 // defineOptions({
@@ -50,12 +48,12 @@ const getTableList = async (params: any) => {
 
 // 表格配置项
 const columns = reactive<ColumnProps<AuditLog.ReqAuditLogParams>[]>([
-  { type: 'selection', fixed: 'left', width: 70 },
+  {type: 'selection', fixed: 'left', width: 70},
-  { type: 'index', fixed: 'left', width: 70, label: '序号' },
+  {type: 'index', fixed: 'left', width: 70, label: '序号'},
   {
-    prop: 'createBy',
+    prop: 'userName',
     label: '操作用户',
-    search: { el: 'input' },
+    search: {el: 'input'},
     minWidth: 100,
   },
   {
@@ -64,7 +62,7 @@ const columns = reactive<ColumnProps<AuditLog.ReqAuditLogParams>[]>([
     minWidth: 120,
   },
   {
-    prop: 'createTime',
+    prop: 'logTime',
     label: '记录时间',
     minWidth: 180,
     search: {
@@ -82,9 +80,11 @@ const columns = reactive<ColumnProps<AuditLog.ReqAuditLogParams>[]>([
     },
   },
   {
-    prop: 'remark',
     label: '事件描述',
-    minWidth: 400,
+    minWidth: 450,
+    render: (scope) => {
+      return (scope.row.userName + '在' + scope.row.logTime + '执行了' + scope.row.operateType + scope.row.operate + '操作，结果为' + scope.row.result + '。')
+    }
   },
   {
     prop: 'result',
@@ -97,7 +97,7 @@ const columns = reactive<ColumnProps<AuditLog.ReqAuditLogParams>[]>([
     minWidth: 100,
     render: scope => {
       return (
-           <el-tag type={scope.row.warn ? 'danger' : 'success'}>{scope.row.warn ? '告警' : '未告警'}</el-tag>
+          <el-tag type={scope.row.warn == 1 ? 'danger' : 'success'}>{scope.row.warn == 1 ? '已告警' : '未告警'}</el-tag>
       )
     },
   },
@@ -108,13 +108,22 @@ const columns = reactive<ColumnProps<AuditLog.ReqAuditLogParams>[]>([
   },
 ])
 
-  // 处理日期变化的回调函数
+// 处理日期变化的回调函数
 const handleDateChange = (startDateTemp: string, endDateTemp: string) => {
   startDate.value = startDateTemp
   endDate.value = endDateTemp
 }
 
+const handleExport = () => {
+  // 获取当前的搜索参数
+  let searchParam = proTable.value?.searchParam || {}
 
+  // 将开始时间和结束时间添加到搜索参数中
+  searchParam.searchBeginTime = startDate.value
+  searchParam.searchEndTime = endDate.value
+
+  useDownload(exportCsv, '日志列表', searchParam, false, '.csv')
+}
 
 </script>
 

frontend/src/views/login/components/LoginForm.vue

@@ -9,7 +9,7 @@
       <el-input v-model='loginForm.username' placeholder='用户名'>
         <template #prefix>
           <el-icon class='el-input__icon'>
-            <user />
+            <user/>
           </el-icon>
         </template>
       </el-input>
@@ -24,11 +24,14 @@
       >
         <template #prefix>
           <el-icon class='el-input__icon'>
-            <lock />
+            <lock/>
           </el-icon>
         </template>
       </el-input>
     </el-form-item>
+    <el-form-item prop='checked'>
+      <el-checkbox v-model="loginForm.checked">记住我</el-checkbox>
+    </el-form-item>
   </el-form>
   <div class='login-btn'>
     <el-button
@@ -53,21 +56,22 @@
 </template>
 
 <script setup lang='ts'>
-import { useRouter } from 'vue-router'
+import {useRouter} from 'vue-router'
-import { HOME_URL } from '@/config'
+import {HOME_URL} from '@/config'
-import { getTimeState } from '@/utils'
+import {getTimeState} from '@/utils'
-import { type Dict } from '@/api/interface'
+import {type Dict} from '@/api/interface'
-import { type Login } from '@/api/user/interface/user'
+import {type Login} from '@/api/user/interface/user'
-import { ElNotification } from 'element-plus'
+import type {ElForm} from 'element-plus'
-import { getDictList, loginApi } from '@/api/user/login'
+import {ElNotification} from 'element-plus'
-import { useUserStore } from '@/stores/modules/user'
+import {getDictList, getPublicKey, loginApi} from '@/api/user/login'
-import { useTabsStore } from '@/stores/modules/tabs'
+import {useUserStore} from '@/stores/modules/user'
-import { useKeepAliveStore } from '@/stores/modules/keepAlive'
+import {useTabsStore} from '@/stores/modules/tabs'
-import { initDynamicRouter } from '@/routers/modules/dynamicRouter'
+import {useKeepAliveStore} from '@/stores/modules/keepAlive'
-import { CircleClose, UserFilled } from '@element-plus/icons-vue'
+import {initDynamicRouter} from '@/routers/modules/dynamicRouter'
-import { useAuthStore } from '@/stores/modules/auth'
+import {CircleClose, UserFilled} from '@element-plus/icons-vue'
-import type { ElForm } from 'element-plus'
+import {useAuthStore} from '@/stores/modules/auth'
 import {useDictStore} from "@/stores/modules/dict";
+import forge from 'node-forge'
 
 const authStore = useAuthStore()
 const router = useRouter()
@@ -76,19 +80,21 @@ const tabsStore = useTabsStore()
 const keepAliveStore = useKeepAliveStore()
 
 const dictStore = useDictStore()
+let publicKey: any = null;
 
 
 type FormInstance = InstanceType<typeof ElForm>;
 const loginFormRef = ref<FormInstance>()
 const loginRules = reactive({
-  username: [{ required: true, message: '请输入用户名', trigger: 'blur' }],
+  username: [{required: true, message: '请输入用户名', trigger: 'blur'}],
-  password: [{ required: true, message: '请输入密码', trigger: 'blur' }],
+  password: [{required: true, message: '请输入密码', trigger: 'blur'}],
 })
 
 const loading = ref(false)
 const loginForm = reactive<Login.ReqLoginForm>({
   username: '',
   password: '',
+  checked: false,
 })
 
 // login
@@ -98,14 +104,22 @@ const login = (formEl: FormInstance | undefined) => {
     if (!valid) return
     loading.value = true
     try {
+      let {data: publicKeyBase64}: { data: string } = await getPublicKey(loginForm.username)
+      //将base64格式的公钥转换为Forge可以使用的格式
+      const publicKeyDer = forge.util.decode64(publicKeyBase64);
+      publicKey = forge.pki.publicKeyFromPem(forge.pki.publicKeyToPem(forge.pki.publicKeyFromAsn1(forge.asn1.fromDer(publicKeyDer))));
+
       // 1.执行登录接口
-      const { data } = await loginApi({
+      const {data} = await loginApi({
-        ...loginForm,
+        username: forge.util.encode64(loginForm.username),
-        password: loginForm.password,
+        password: encryptPassword(loginForm.password),
       })
       userStore.setAccessToken(data.accessToken)
       userStore.setRefreshToken(data.refreshToken)
       userStore.setUserInfo(data.userInfo)
+      if(loginForm.checked){
+        userStore.setExp(Date.now() + 1000 * 60 * 60 * 24 * 30)
+      }
       const response = await getDictList()
       const dictData = response.data as unknown as Dict[]
       await dictStore.initDictData(dictData)
@@ -148,6 +162,13 @@ onMounted(() => {
     }
   }
 })
+
+const encryptPassword = (password: string) => {
+  const encrypted = publicKey.encrypt(password, 'RSAES-PKCS1-V1_5');
+  // 将加密后的数据转换为base64格式以便传输
+  return forge.util.encode64(encrypted);
+}
+
 </script>
 
 <style scoped lang='scss'>

frontend/src/views/login/index.scss

@@ -2,7 +2,7 @@
   height: 100%;
   min-height: 550px;
   // background-color: #eeeeee;
-  background-color: #003078;
+  background-color: var(--el-color-primary);
   background-image: url("@/assets/images/login_bg.svg");
   background-size: 100% 100%;
   background-size: cover;

frontend/src/views/machine/controlSource/components/controlSourceDetail.vue

@@ -6,7 +6,7 @@
         </div>
         <div class="data-check-content">
             <div class="content-tree">
-                <Tree ref="treeRef" :treeData="treeData" @setTab="setTab"/>
+                <Tree ref="treeRef" :treeData="treeData" @setTab="setTab" />
             </div>
 
             <div class="content-right-Tabs" style="height: calc(100vh - 315px); width: 100px">
@@ -14,7 +14,7 @@
                     <el-tab-pane v-for="tab in tabData" :key="tab.value" :label="tab.label" :name="tab.value">
                         <div v-if="activeName == tab.value">
                             <div class="dialog-footer">
-<!--                                <el-button :icon="CirclePlus" type="primary" @click="openDialog('add')">新增</el-button>-->
+                                <!--                                <el-button :icon="CirclePlus" type="primary" @click="openDialog('add')">新增</el-button>-->
                             </div>
                             <div style="display: flex">
                                 <!-- 通信脚本 -->
@@ -48,7 +48,7 @@
                                             :data="tableData"
                                             :header-cell-style="{
                                                 textAlign: 'center',
-                                                backgroundColor: '#003078',
+                                                backgroundColor: 'var(--el-color-primary)',
                                                 color: '#fff'
                                             }"
                                             stripe
@@ -95,7 +95,7 @@
                                                                             ? '/'
                                                                             : '' +
                                                                               row.channelList[item.num + 1].famp +
-                                                                              (valueCode == 'Absolute' ? 'V' : '%')
+                                                                              (valueCode == 'Absolute' ? 'A' : '%')
                                                                     }}
                                                                 </td>
                                                                 <td>
@@ -126,45 +126,51 @@
                                 </el-tabs>
                                 <div class="page">
                                     <div class="black-container">
-<!--                                        <el-progress-->
+                                        <!--                                        <el-progress-->
-<!--                                            v-if="loading"-->
+                                        <!--                                            v-if="loading"-->
-<!--                                            type="circle"-->
+                                        <!--                                            type="circle"-->
-<!--                                        >-->
+                                        <!--                                        >-->
-<!--                                        <template #default="{}">-->
+                                        <!--                                        <template #default="{}">-->
-<!--                                            <span class="Loading">Loading</span>-->
+                                        <!--                                            <span class="Loading">Loading</span>-->
-<!--                                        </template>-->
+                                        <!--                                        </template>-->
-<!--                                        </el-progress>-->
+                                        <!--                                        </el-progress>-->
                                         <div class="loading-container" v-if="showLoading">
-                                        <div style="width: 80%; height: 80%;" class="loading-box">
+                                            <div style="width: 80%; height: 80%" class="loading-box">
                                                 <div class="loading-circle"></div>
                                                 <div class="loading-text">Loading...</div>
                                             </div>
-<!--                                        <div style="color:#fff;width: 80%;text-align: center;">Loading...</div>-->
+                                            <!--                                        <div style="color:#fff;width: 80%;text-align: center;">Loading...</div>-->
                                         </div>
                                         <div class="loading-container" v-else>
-                                        <div style="width: 80%; height: 80%; " class="loading-box">
+                                            <div style="width: 80%; height: 80%" class="loading-box">
                                                 <div class="loading-circle static"></div>
                                                 <div class="loading-text">Loading</div>
                                             </div>
-<!--                                        <div style="color:#fff;width: 80%;text-align: center;">Loading...</div>-->
+                                            <!--                                        <div style="color:#fff;width: 80%;text-align: center;">Loading...</div>-->
                                         </div>
                                     </div>
-                                  <div style="margin-top: 10px;">
+                                    <div style="margin-top: 10px">
-                                    <span>标准源加量输出:{{hour}}时{{minute}}分{{second}}秒</span>
+                                        <span>标准源加量输出:{{ hour }}时{{ minute }}分{{ second }}秒</span>
                                     </div>
-                                  <div style="margin-top: 10px;">
+                                    <div style="margin-top: 10px">
-                                    <el-button :icon="VideoPlay"
+                                        <el-button
+                                            :icon="VideoPlay"
                                             type="primary"
                                             size="large"
                                             @click="startLoading"
                                             :disabled="pauseDisabled"
-                                    >启动</el-button>
+                                        >
-                                    <el-button :icon="VideoPause"
+                                            启动
+                                        </el-button>
+                                        <el-button
+                                            :icon="VideoPause"
                                             type="primary"
                                             size="large"
                                             @click="stopLoading"
                                             :disabled="pauseDisabled"
-                                    >停止</el-button>
+                                        >
+                                            停止
+                                        </el-button>
                                     </div>
                                 </div>
                             </div>
@@ -187,7 +193,8 @@
             v-if="showDialog"
         />
         <!-- 查看 -->
-        <ViewRow ref="viewRowRef"
+        <ViewRow
+            ref="viewRowRef"
             :activeName="activeName"
             :formContent="props.formContent"
             @close="viewDialog = false"
@@ -200,9 +207,19 @@
 import { type PropType, ref, nextTick, onMounted, watch } from 'vue'
 import Tree from './tree.vue'
 import Commun from '@/views/machine/testScript/components//communication.vue'
-import {type CascaderOption, ElMessage} from 'element-plus'
+import { type CascaderOption, ElMessage } from 'element-plus'
 import { getTreeData } from '@/api/check/test'
-import {CirclePlus, Delete, Check, CopyDocument, View, EditPen, VideoPlay, VideoPause, Loading} from '@element-plus/icons-vue'
+import {
+    CirclePlus,
+    Delete,
+    Check,
+    CopyDocument,
+    View,
+    EditPen,
+    VideoPlay,
+    VideoPause,
+    Loading
+} from '@element-plus/icons-vue'
 import type { TestScript } from '@/api/device/interface/testScript'
 import TestProjectPopup from '@/views/machine/testScript/components/testProjectPopup.vue'
 import { CheckData } from '@/api/check/interface'
@@ -211,7 +228,7 @@ import { useDictStore } from '@/stores/modules/dict'
 import { useHandleData } from '@/hooks/useHandleData'
 import { scriptDtlsCheckDataList } from '@/api/device/testScript/index'
 import ViewRow from '@/views/machine/testScript/components/viewRow.vue'
-import { startSimulateTest,closeSimulateTest } from '@/api/device/controlSource/index.ts'
+import { startSimulateTest, closeSimulateTest } from '@/api/device/controlSource/index.ts'
 import { controlSource } from '@/api/device/interface/controlSource'
 interface TabOption {
     label?: string
@@ -239,8 +256,8 @@ const props = defineProps({
         required: true
     },
     startDisabeld: {
-    type:Boolean,
+        type: Boolean,
-    required:true
+        required: true
     },
     pauseDisabled: {
         type: Boolean,
@@ -248,7 +265,6 @@ const props = defineProps({
     }
 })
 
-
 const showDialog = ref(false)
 const viewDialog = ref(false)
 const dictStore = useDictStore()
@@ -285,47 +301,47 @@ const hour = ref(0)
 const minute = ref(0)
 const second = ref(0)
 
-const emit = defineEmits(['update:activeName','update:activeIndex','update:startDisabeld','update:pauseDisabled'])
+const emit = defineEmits(['update:activeName', 'update:activeIndex', 'update:startDisabeld', 'update:pauseDisabled'])
-
-watch(()=>props.formControl.scriptId,async ()=>{
-  if(props.formControl.scriptId!=''){
 
+watch(
+    () => props.formControl.scriptId,
+    async () => {
+        if (props.formControl.scriptId != '') {
             nextTick(async () => {
                 await getTree()
                 console.log('props.formControl.scriptId')
                 treeRef.value.checkTree()
             })
-    
-    
         }
-})
+    }
+)
 const controlContent = ref<controlSource.ResControl>({
     userPageId: '',
     scriptId: '',
     scriptIndex: 0,
-        sourceId: '',
+    sourceId: ''
 })
 // 获取树
 const getTree = () => {
     getTreeData({
-        scriptId: props.formControl.scriptId,
+        scriptId: props.formControl.scriptId
     }).then(res => {
         if (res.code === 'A0000') {
             treeData.value = res.data
             //console.log('tree',res.data)
             // 为 treeData 及其子节点添加 id
-            let idCounter = 0;
+            let idCounter = 0
             const addIdToTree = (nodes: any[]) => {
                 nodes.forEach(node => {
-                    node.id = idCounter++; // 为每个节点添加唯一的 id
+                    node.id = idCounter++ // 为每个节点添加唯一的 id
                     if (node.children && node.children.length > 0) {
                         node.disabled = true
-                        addIdToTree(node.children); // 递归为子节点添加 id
+                        addIdToTree(node.children) // 递归为子节点添加 id
+                    }
+                })
             }
-                });
-            };
 
-            addIdToTree(treeData.value);
+            addIdToTree(treeData.value)
 
             // 添加tab子项
             props.options.forEach((k: any, i: number) => {
@@ -335,7 +351,6 @@ const getTree = () => {
                         item.children.forEach((s: any) => {
                             k.children.forEach((P: any) => {
                                 if (P.code == s.scriptTypeCode) {
-                                
                                     tabData.value[i].children.push({
                                         label: P.label,
                                         value: P.code,
@@ -364,10 +379,8 @@ const getTree = () => {
         }
     })
     //console.log('获取树')
-    
 }
 
-
 // 设置树点击tab
 const setTab = row => {
     activeName.value = row.activeName
@@ -396,8 +409,6 @@ const tabChange = () => {
             childActiveName.value =
                 tabData.value.filter((item: any) => item.value == activeName.value)[0]?.children[0]?.value || ''
         }
-
-
     }
     inquireTable()
 }
@@ -425,13 +436,11 @@ const inquireTable = () => {
     //console.log('treeData',treeData.value)
 }
 
-
 // 查看
 const view = (row: Partial<TestScript.ResTestScript> = {}) => {
-
     getCommunication()
     //当前点击的一级tab
-    const parentTabName = communicationList.value.find(t => t.id === activeName.value)?.name || '未找到对应名称';
+    const parentTabName = communicationList.value.find(t => t.id === activeName.value)?.name || '未找到对应名称'
     //当前点击的二级tab
     const childrenTabName = ref('')
     tabData.value.forEach((item: any) => {
@@ -445,17 +454,15 @@ const view = (row: Partial<TestScript.ResTestScript> = {}) => {
     })
     viewDialog.value = true
     setTimeout(() => {
-
         viewRowRef.value?.open(row, communicationList.value, parentTabName, childrenTabName.value)
     }, 0)
-
 }
 
 // 定义 startLoading 方法
 const startLoading = async () => {
     emit('update:startDisabeld', true)
     emit('update:pauseDisabled', true)
-  ElMessage.success({message:'启动中...',duration:6000})
+    ElMessage.success({ message: '启动中...', duration: 6000 })
     // 启动加载逻辑
     controlContent.value.userPageId = 'cdf'
     controlContent.value.scriptId = props.formControl.scriptId
@@ -463,7 +470,7 @@ const startLoading = async () => {
     controlContent.value.sourceId = props.formControl.sourceId
     setTimeout(async () => {
         await startSimulateTest(controlContent.value)
-  },3000)
+    }, 3000)
 }
 
 // 定义 startLoading 方法
@@ -476,10 +483,9 @@ const stopLoading = async () => {
     await closeSimulateTest(controlContent.value)
     emit('update:pauseDisabled', true)
     emit('update:startDisabeld', true)
-    ElMessage.success({message:'停止中...',duration:5000})
+    ElMessage.success({ message: '停止中...', duration: 5000 })
 }
 
-
 const startTimeCount = () => {
     // Loading效果展示
     showLoading.value = true
@@ -500,7 +506,7 @@ const secondToTime = (secd: number) => {
     //将秒数转换成时分秒
     hour.value = Math.floor(secd / 3600)
     minute.value = Math.floor((secd - hour.value * 3600) / 60)
-  second.value = Math.floor(secd % 60);
+    second.value = Math.floor(secd % 60)
 }
 
 const stopTimeCount = () => {
@@ -519,7 +525,6 @@ const addTab = (row: any) => {
 }
 
 onMounted(() => {
- 
     getTree()
     props.options.forEach((item: any) => {
         tabData.value.push({
@@ -598,7 +603,7 @@ defineExpose({
         width: 45%;
     }
     .theFirst {
-        background-color: #003078;
+        background-color: var(--el-color-primary);
         color: #fff;
         width: 20px !important;
     }
@@ -672,12 +677,14 @@ defineExpose({
 }
 
 @keyframes spin {
-  0% { transform: rotate(0deg); }
+    0% {
-  100% { transform: rotate(360deg); }
+        transform: rotate(0deg);
+    }
+    100% {
+        transform: rotate(360deg);
+    }
 }
 
-
-
 .hidden-tab {
     display: none;
 }
@@ -690,7 +697,6 @@ defineExpose({
         transform: rotate(360deg);
     }
 }
-
 </style>
 <style>
 input::-webkit-inner-spin-button {

frontend/src/views/machine/controlSource/index.vue

@@ -31,7 +31,7 @@
 <!--          <div class="formBut">-->
           <el-button type="primary" :icon="Select" @click="start()" :disabled="connectDisabeld">通讯校验</el-button>
           <el-button v-if="!connectDisabeld" type="text" style="color: #303133" disabled>源未连接</el-button>
-          <el-button v-else type="text" style="color: #67c23a" disabled>源连接成功</el-button>
+          <el-button v-else type="text" style="color: #91cc75" disabled>源连接成功</el-button>
 <!--          </div>-->
         </el-form-item>
       </el-form>

frontend/src/views/machine/devType/components/devTypePopup.vue

@@ -1,10 +1,10 @@
 <template>
     <!-- 基础信息弹出框 -->
-  <el-dialog :model-value="dialogVisible" :title="dialogTitle" v-bind="dialogMiddle" @close="close" >
+  <el-dialog :model-value="dialogVisible" :title="dialogTitle" v-bind="dialogMiddle" @close="close" align-center>
     <div>
         <el-form :model="formContent"  ref='dialogFormRef' :rules='rules' class="form-two">
             <el-form-item label="名称" prop="name" >
-                <el-input v-model='formContent.name' placeholder="请输入设备类型名称"/>
+                <el-input v-model='formContent.name' placeholder="请输入设备类型名称" maxlength="32" show-word-limit/>
             </el-form-item>
             <el-form-item label="工作电源" prop="power" >
                 <el-select v-model="formContent.power"  clearable placeholder="请选择工作电源">
@@ -46,7 +46,7 @@
                     />
                 </el-select>
             </el-form-item> 
-            <el-form-item label="报告模版名称" prop="reportName" >
+            <el-form-item label="报告模版名称" prop="reportName" v-if="scene == '1'">
                 <el-select v-model="formContent.reportName"  clearable placeholder="请选择报告模版">
                     <el-option
                         v-for="item in dictStore.getDictData('Report_Template')"
@@ -93,6 +93,7 @@
   const dictStore = useDictStore()
   // 定义弹出组件元信息
   const dialogFormRef = ref()
+  const scene = ref('')
   const icdOptions = ref<ICD.ResICD[]>([])
  function useMetaInfo() {
     const dialogVisible = ref(false)
@@ -138,8 +139,19 @@ const resetFormContent = () => {
 
   //定义规则
   const formRuleRef = ref<FormInstance>()
+
+  // 使用计算属性根据 scene 动态生成规则
+  const rules = computed(() => {
+    const dynamicRules = { ...baseRules };
+    
+    if (scene.value === '1'){//只有楼下出厂需要展示
+      dynamicRules.reportName = [{ required: true, message: '报告模版名称必选！', trigger: 'change' }];
+    }
+    return dynamicRules;
+  });
+
   //定义校验规则
-  const rules: Ref<Record<string, Array<FormItemRule>>> = ref({
+  const baseRules: Record<string, Array<FormItemRule>> = {
     name: [{ required: true, message: '设备类型名称必填！', trigger: 'blur' }],
     power: [
     { required: true, message: '工作电源必选！', trigger: 'change' }
@@ -153,13 +165,10 @@ const resetFormContent = () => {
   devCurr: [
     { required: true, message: '额定电流必选！', trigger: 'change' }
   ],
-  reportName: [
-    { required: true, message: '报告模版名称必选！', trigger: 'change' }
-  ],
   icd: [
     { required: true, message: '设备关联ICD必选！', trigger: 'change' }
-  ],
+  ]
-  })
+};
 
   
 // 关闭弹窗
@@ -193,12 +202,12 @@ const close = () => {
   }
   
   // 打开弹窗，可能是新增，也可能是编辑
-  const open = async (sign: string, data: DevType.ResPqDevType,icd: ICD.ResICD[]) => {
+  const open = async (sign: string, data: DevType.ResPqDevType,icd: ICD.ResICD[],currentScene: string) => {
     // 重置表单
     dialogFormRef.value?.resetFields()
     titleType.value = sign
     dialogVisible.value = true
-
+    scene.value = currentScene
     icdOptions.value  = icd
 
     if (data.id) {

frontend/src/views/machine/devType/index.vue

@@ -51,6 +51,7 @@ import type { ICD } from '@/api/device/interface/icd'
   // })
   const modeStore = useModeStore()
   const dictStore = useDictStore()
+  const appSceneStore = useAppSceneStore()
   // ProTable 实例
   const proTable = ref<ProTableInstance>()
   const devTypePopup = ref()
@@ -96,6 +97,7 @@ import type { ICD } from '@/api/device/interface/icd'
       prop: 'reportName',
       label: '报告模版名称',
       minWidth: 150,
+      isShow: appSceneStore.currentScene == '1',
       enum: dictStore.getDictData('Report_Template'),
       fieldNames: { label: 'name', value: 'id' },
     },
@@ -134,7 +136,7 @@ import type { ICD } from '@/api/device/interface/icd'
 
   // 打开 drawer(新增、编辑)
   const openDialog = (titleType: string, row: Partial<DevType.ResPqDevType> = {}) => {
-    devTypePopup.value?.open(titleType, row,icdOptions.value)
+    devTypePopup.value?.open(titleType, row,icdOptions.value,appSceneStore.currentScene)
   }
   
   

frontend/src/views/machine/device/components/devicePopup.vue

@@ -1,18 +1,18 @@
 <template>
-    <el-dialog  :title="dialogTitle" v-model='dialogVisible' @close="close" v-bind="dialogBig">
+  <el-dialog :title="dialogTitle" v-model='dialogVisible' @close="close" v-bind="dialogBig" align-center >
-        <el-tabs type="border-card">
+    <el-tabs type="border-card" v-model="activeTab" @tab-change="onTabChange">
       <el-tab-pane label="设备台账信息">
-                <div >
+        <div ref="deviceInfoContainer">
-                    <el-form :model='formContent' ref='dialogFormRef' :rules='rules' :disabled="false" label-width="auto" class="form-three">
+          <el-form :model='formContent' ref='dialogFormRef' :rules='rules' :disabled="false" label-width="auto" class="form-three" :validate-on-rule-change="false">
-                        <el-divider >设备信息</el-divider>
+            <el-divider>设备信息</el-divider>
-                                <el-form-item label="装置编号" prop="createId" >
+            <el-form-item label="装置编号" prop="createId">
-                                    <el-input v-model="formContent.createId" placeholder="请输入装置编号" @input="handleInput" />
+              <el-input v-model="formContent.createId" placeholder="请输入装置编号" @input="handleInput" maxlength="32" show-word-limit/>
             </el-form-item>
-                                <el-form-item label="设备名称" prop="name" >
+            <el-form-item label="设备名称" prop="name">
-                                    <el-input v-model='formContent.name' placeholder="请输入设备名称" :disabled="scene === '1'"/>
+              <el-input v-model='formContent.name' placeholder="请输入设备名称" :disabled="scene === '1' || formContent.importFlag == 1" maxlength="32" show-word-limit  />
             </el-form-item>
-                                <el-form-item label='设备类型'  prop='devType' >
+            <el-form-item label='设备类型' prop='devType'>
-                                    <el-select v-model="formContent.devType" filterable  clearable placeholder="请选择设备类型" @change="handleDevTypeChange">
+              <el-select v-model="formContent.devType"  filterable clearable placeholder="请选择设备类型" @change="handleDevTypeChange"   :disabled="formContent.importFlag == 1">
                 <el-option
                     v-for="item in devTypeOptions"
                     :key="item.id"
@@ -31,18 +31,8 @@
                 />
               </el-select>
             </el-form-item>
-<!--                                <el-form-item label='设备模式'  prop='pattern' >-->
-<!--                                    <el-select v-model="formContent.pattern"  clearable placeholder="请选择设备模式" disabled>-->
-<!--                                    <el-option -->
-<!--                                    v-for="item in dictStore.getDictData('Pattern')"-->
-<!--                                    :key="item.id"-->
-<!--                                    :label="item.name"-->
-<!--                                    :value="item.id"-->
-<!--                                    />-->
-<!--                                </el-select>-->
-<!--                                </el-form-item>           -->
             <el-form-item label='设备厂家' prop='manufacturer' v-if="scene != '1'">
-                                    <el-select v-model="formContent.manufacturer"  clearable placeholder="请选择设备厂家">
+              <el-select v-model="formContent.manufacturer" clearable placeholder="请选择设备厂家"  :disabled="formContent.importFlag == 1">
                 <el-option
                     v-for="item in dictStore.getDictData('Dev_Manufacturers')"
                     :key="item.id"
@@ -51,60 +41,93 @@
                 />
               </el-select>
             </el-form-item>
-                                <el-form-item label="出厂日期" prop="createDate"    v-if="scene === '0'">
+            <el-form-item :label="createDateTitle" prop="createDate" v-if="scene === '0'" >
               <el-date-picker
                   v-model="formContent.createDate"
-                                        placeholder="请选择出厂日期"
+                  :placeholder="`请选择${createDateTitle}`"
                   :disabled-date="disabledDate"
+                  :disabled="formContent.importFlag == 1"
               />
             </el-form-item>
-                                        
             <el-form-item label="固件版本" prop="hardwareVersion" v-if="scene === '0'">
-                                    <el-input v-model="formContent.hardwareVersion" placeholder="请输入固件版本"/>
+              <el-select v-model="formContent.hardwareVersion" clearable placeholder="请选择固件版本" filterable allow-create>
+                <el-option
+                  v-for="item in selectOptions['hardwareVersion']"
+                  :key="item.value"
+                  :label="item.label"
+                  :value="item.value"
+                />
+              </el-select>
             </el-form-item>
             <el-form-item label="软件版本" prop="softwareVersion" v-if="scene === '0'">
-                                    <el-input v-model="formContent.softwareVersion" placeholder="请输入软件版本"/>
+              <el-select v-model="formContent.softwareVersion" clearable placeholder="请选择软件版本" filterable allow-create>
+                <el-option
+                  v-for="item in selectOptions['softwareVersion']"
+                  :key="item.value"
+                  :label="item.label"
+                  :value="item.value"
+                />
+              </el-select>
             </el-form-item>
-                        <el-divider >参数信息</el-divider>
+            <el-form-item label='定检日期' prop='inspectDate' v-if="MonIsShow">
-                                <el-form-item label="通道数" prop="devChns" >
+              <el-date-picker
+                  v-model="formContent.inspectDate"
+                  placeholder="请选择定检日期"
+                  :disabled-date="disabledDate"
+                 :disabled="formContent.importFlag == 1"
+              />
+            </el-form-item>
+            <el-divider>参数信息</el-divider>
+            <el-form-item label="通道数" prop="devChns" v-if="DevIsShow">
               <el-input v-model='formContent.devChns' :disabled="true"/>
             </el-form-item>
-                                <el-form-item label="额定电压(V)" prop="devVolt" >
+            <el-form-item label="额定电压(V)" prop="devVolt" v-if="DevIsShow">
               <el-input v-model='formContent.devVolt' :disabled="true"/>
             </el-form-item>
-                                <el-form-item label="额定电流(A)" prop="devCurr" >
+            <el-form-item label="额定电流(A)" prop="devCurr" v-if="DevIsShow">
               <el-input v-model='formContent.devCurr' :disabled="true"/>
             </el-form-item>
-                                <el-form-item label='通讯协议'  prop='protocol' >
+            <el-form-item label='被检通道' prop='inspectChannel'  v-if="MonIsShow">
-                                    <el-select v-model="formContent.protocol"  clearable placeholder="请选择通讯协议" >
+                <el-select v-model="formContent.inspectChannel"  multiple collapse-tags  :disabled="true"  :max-collapse-tags="4" placeholder="请选择被检通道" clearable>
+                    <el-option
+                        v-for="(option, index) in pqChannelArray"
+                        :key="index"
+                        :label="option.label"
+                        :value="option.value"
+                    />
+                </el-select>                      
+            </el-form-item>
+            <el-form-item label='通讯协议' prop='protocol'>
+              <el-select v-model="formContent.protocol" clearable placeholder="请选择通讯协议"   :disabled="formContent.importFlag == 1">
                 <el-option
                     v-for="item in dictStore.getDictData('Protocol')"
                     :key="item.id"
                     :label="item.name"
                     :value="item.id"
+                   
                 />
               </el-select>
             </el-form-item>
-                                <el-form-item label="IP地址" prop="ip" >
+            <el-form-item label="IP地址" prop="ip" placeholder="请输入IP地址">
-                                    <IPAddress v-model:value="formContent.ip"/>
+              <el-input v-model="formContent.ip"  :disabled="formContent.importFlag == 1"/>
             </el-form-item>
-                                <el-form-item label="端口号" prop="port" placeholder="请输入端口号" >
+            <el-form-item label="端口号" prop="port" placeholder="请输入端口号">
-                                    <el-input v-model="formContent.port" />
+              <el-input v-model="formContent.port"  :disabled="formContent.importFlag == 1"/>
             </el-form-item>
-                                <el-form-item label='是否加密'  prop='encryptionFlag' >
+            <el-form-item label='是否加密' prop='encryptionFlag'>
-                                    <el-select v-model="formContent.encryptionFlag"  clearable placeholder="请选择是否加密">
+              <el-select v-model="formContent.encryptionFlag" clearable placeholder="请选择是否加密" :disabled="formContent.importFlag == 1">
                 <el-option label="是" :value="1"></el-option>
                 <el-option label="否" :value="0"></el-option>
               </el-select>
             </el-form-item>
             <el-form-item label='识别码' prop='series' clearable v-if="formContent.encryptionFlag">
-                                    <el-input v-model='formContent.series' placeholder="请输入识别码" show-password/>
+              <el-input v-model='formContent.series' placeholder="请输入识别码" show-password  :disabled="formContent.importFlag == 1"/>
             </el-form-item>
             <el-form-item label='密钥' prop='devKey' clearable v-if="formContent.encryptionFlag">
-                                    <el-input v-model='formContent.devKey' placeholder="请输入密钥" show-password/>
+              <el-input v-model='formContent.devKey' placeholder="请输入密钥" show-password  :disabled="formContent.importFlag == 1"/>
             </el-form-item>
-                                <el-form-item label='样品编号'  prop='sampleID' clearable  v-if="DevIsShow && scene === '0'">
+            <el-form-item label='样品编号' prop='sampleId' clearable v-if="DevIsShow && scene === '0'">
-                                    <el-input v-model='formContent.sampleID' placeholder="请输入样品编号" />
+              <el-input v-model='formContent.sampleId' placeholder="请输入样品编号"/>
             </el-form-item>
             <el-form-item label='送样日期' prop='arrivedDate' v-if="scene === '0'">
               <el-date-picker
@@ -113,17 +136,48 @@
                   :disabled-date="disabledDate"
               />
             </el-form-item>
-                                <el-form-item label='所属地市'  prop='cityName' clearable placeholder="请输入所属地市"  v-if="MonIsShow">
+            <el-form-item label='委托方' prop='delegate' v-if="scene === '0'">
-                                    <el-input v-model='formContent.cityName' />
+              <el-select v-model="formContent.delegate" clearable placeholder="请选择委托方">
+                <el-option
+                    v-for="item in dictStore.getDictData('Delegate')"
+                    :key="item.id"
+                    :label="item.name"
+                    :value="item.id"
+                />
+              </el-select>
             </el-form-item>
-                                <el-form-item label='所属供电公司'  prop='gDName' clearable placeholder="请输入所属供电公司" v-if="MonIsShow">
+             <el-form-item label="所属地市" prop="cityName" v-if="MonIsShow">
-                                    <el-input v-model='formContent.gDName' />
+              <el-select v-model="formContent.cityName" clearable placeholder="请选择所属地市" :disabled="formContent.importFlag == 1" filterable allow-create>
+                <el-option
+                  v-for="item in selectOptions['cityName']"
+                  :key="item.value"
+                  :label="item.label"
+                  :value="item.value"
+                />
+              </el-select>
             </el-form-item>
-                                <el-form-item label='所属电站'  prop='subName' clearable placeholder="请输入所属电站" v-if="MonIsShow">
+             <el-form-item label="所属供电公司" prop="gdName" v-if="MonIsShow">
-                                    <el-input v-model='formContent.subName' />
+              <el-select v-model="formContent.gdName" clearable placeholder="请选择所属供电公司" :disabled="formContent.importFlag == 1" filterable allow-create>
+                <el-option
+                  v-for="item in selectOptions['gdName']"
+                  :key="item.value"
+                  :label="item.label"
+                  :value="item.value"
+                />
+              </el-select>
             </el-form-item>
-                                <el-form-item  v-auth.device="'factorFlag'"  label="是否支持系数校准"  prop='factorFlag'>
+             <el-form-item label="所属电站" prop="subName" v-if="MonIsShow">
-                                  <el-radio-group v-model="formContent.factorFlag" >
+              <el-select v-model="formContent.subName" clearable placeholder="请选择所属电站" :disabled="formContent.importFlag == 1" filterable allow-create>
+                <el-option
+                  v-for="item in selectOptions['subName']"
+                  :key="item.value"
+                  :label="item.label"
+                  :value="item.value"
+                />
+              </el-select>
+            </el-form-item>
+            <el-form-item v-auth.device="'factorFlag'" label="是否支持系数校准" prop='factorFlag' v-if="scene === '1'">
+              <el-radio-group v-model="formContent.factorFlag">
                 <el-radio :value="1">是</el-radio>
                 <el-radio :value="0">否</el-radio>
               </el-radio-group>
@@ -131,9 +185,10 @@
           </el-form>
         </div>
       </el-tab-pane>
-
+       <el-tab-pane label="监测点台账信息" v-if="MonIsShow">
             <!-- 监测点台账信息 tab pane -->
-            <MonitorTable :MonIsShow="MonIsShow"/>
+            <MonitorTable @getParameter="getParameter" :DevFormContent = "formContent" :tableHeight="monitorTableHeight" :selectOptions = "selectOptions"></MonitorTable>
+          </el-tab-pane>
         </el-tabs>
         <template #footer>
             <div >
@@ -145,211 +200,288 @@
 
 </template>
 <script setup lang='ts'>
-
+import {dialogBig} from '@/utils/elementBind'
-import IPAddress from '@/components/IpAddress/index.vue'
+import {type Device} from '@/api/device/interface/device'
-import { dialogBig } from '@/utils/elementBind'
+import {ElMessage, type FormItemRule} from 'element-plus'
-import { type Device } from '@/api/device/interface/device'
+import {addPqDev, updatePqDev,getSelectOptions} from '@/api/device/device'
-import { ElMessage, type FormItemRule } from 'element-plus'
+import {computed, reactive, type Ref, ref, watchEffect, nextTick} from 'vue'
-import { addPqDev, updatePqDev } from '@/api/device/device'
+import {useDictStore} from '@/stores/modules/dict'
-import { computed, reactive, type Ref, ref } from 'vue'
+import {CirclePlus, Delete, EditPen} from '@element-plus/icons-vue'
-import { useDictStore } from '@/stores/modules/dict'
-import { CirclePlus, Delete, EditPen } from '@element-plus/icons-vue'
 // 使用 dayjs 库格式化
 import dayjs from 'dayjs'
 import MonitorTable from '@/views/machine/device/components/monitorTab.vue';
+import {useAppSceneStore} from "@/stores/modules/mode";
+import { generateUUID } from '@/utils'
+import { Monitor } from '@/api/device/interface/monitor'
+import { el } from 'element-plus/es/locale'
 
+
+const AppSceneStore = useAppSceneStore()
 const MonIsShow = ref(false)
 const DevIsShow = ref(false)
 // 存储设备类型选项
 const devTypeOptions = ref<Device.ResDev[]>([])
+const monitor = ref<Monitor.ResPqMon[]>([])
 // const IsPasswordShow = ref(false)
 const dictStore = useDictStore()
 const mode = ref()
 const scene = ref('')
 // 定义弹出组件元信息
 const dialogFormRef = ref()
+const createDateTitle = ref('')
+const activeTab = ref('0') // '0' 对应第一个 tab
+const monitorTableHeight = ref(375) // 默认高度
+
+const selectOptions = ref<Record<string, Device.SelectOption[]>>({})
+
+const pqChannelArray = ref([
+  {
+    value: '1',
+    label: '1',
+  }
+])
 const disabledDate = (time: Date) => {
   return time.getTime() > Date.now()
 }
+const onTabChange = (tabName: string | number) => {
+  const name = tabName.toString(); // 统一转为字符串处理
+  if (name === '1') {
+    const formElement = dialogFormRef.value.$el as HTMLElement
+    const formHeight = formElement.offsetHeight
+    monitorTableHeight.value = formHeight - 88
+  }
+}
 
-  function useMetaInfo() {
+function useMetaInfo() {
   const dialogVisible = ref(false)
   const titleType = ref('add')
-    const formContent = ref<Device.ResPqDev>({
+  const formContent = reactive<Device.ResPqDev>({
     id: '',
     name: '',
-      pattern:mode.value,
+    pattern: mode.value,
-      devType:'',
+    devType: '',
-      devChns:1,
+    devChns: 1,
-      devVolt:57.74,
+    devVolt: 57.74,
-      devCurr:5,
+    devCurr: 5,
-      manufacturer:'',
-      createDate: dayjs().format('YYYY-MM-DD'),
-      createId: '', 
-      hardwareVersion: '',
-      softwareVersion: '',
-      protocol: 'MMS',
-      ip: '172.17.102.200',
-      port: 102,
-      encryptionFlag: 0,
-      reCheckNum:0,
-      state: 1,
-      factorFlag:1,
-      icdId:'',
-      power:'',
-      preinvestmentPlan:''
-    })
-    return { dialogVisible, titleType, formContent }
-  }
-  
-  const { dialogVisible, titleType, formContent } = useMetaInfo()
-  // 清空formContent
-  const resetFormContent = () => {
-    formContent.value = {
-        id: '',
-        name: '',
-        pattern:mode.value,
-        devType:'',
-        devChns:1,
-        devVolt:57.74,
-        devCurr:5,
     manufacturer: '',
     createDate: dayjs().format('YYYY-MM-DD'),
     createId: '',
     hardwareVersion: '',
     softwareVersion: '',
     protocol: 'MMS',
-        ip: '172.17.102.200',
+    ip: '',
     port: 102,
     encryptionFlag: 0,
-        reCheckNum:0,
+    recheckNum: 0,
     state: 1,
-        factorFlag:1,
+    factorFlag: 1,
-        icdId:'',
+    icdId: '',
-        power:'',
+    power: '',
-        preinvestmentPlan:''
+    preinvestmentPlan: '',
-    }
+    delegate:'',
-  }
+    inspectDate:dayjs().format('YYYY-MM-DD'),
-  
+    cityName: '', 
-
+    gdName: '',
-  let dialogTitle = computed(() => {
+    subName: '',
-    return titleType.value === 'add' ? '新增被检设备' : '编辑被检设备'
+    importFlag:0,
+    inspectChannel:[],
+    monitorList:[]
   })
+  return {dialogVisible, titleType, formContent}
+}
 
+const {dialogVisible, titleType, formContent} = useMetaInfo()
+// 清空formContent
+const resetFormContent = () => {
+   Object.assign(
+      formContent,{
+      id: '',
+      name: '',
+      pattern: mode.value,
+      devType: '',
+      devChns: 1,
+      devVolt: 57.74,
+      devCurr: 5,
+      manufacturer: '',
+      createDate: dayjs().format('YYYY-MM-DD'),
+      createId: '',
+      hardwareVersion: '',
+      softwareVersion: '',
+      protocol: 'MMS',
+      ip: '',
+      port: 102,
+      encryptionFlag: 0,
+      recheckNum: 0,
+      state: 1,
+      factorFlag: 1,
+      icdId: '',
+      power: '',
+      preinvestmentPlan: '',
+      delegate:'',
+      inspectDate:dayjs().format('YYYY-MM-DD'),
+      cityName: '', 
+      gdName: '',
+      subName: '',
+      importFlag:0,
+      inspectChannel:[],
+      monitorList:[]
+        }
+    )
+
+}
+
+let dialogTitle = computed(() => {
+  return titleType.value === 'add' ? '新增被检设备' : '编辑被检设备'
+})
 
 // 定义表单校验规则
 const baseRules: Record<string, Array<FormItemRule>> = {
-  devType: [{ required: true, message: '设备类型必选！', trigger: 'change' }],
+  devType: [{required: true, message: '设备类型必选！', trigger: 'change'}],
-  pattern: [{ required: true, message: '设备模式必填！', trigger: 'blur' }],
+  pattern: [{required: true, message: '设备模式必填！', trigger: 'blur'}],
   devChns: [
-    { required: true, message: '设备通道数必填！', trigger: 'blur' },
+    {required: true, message: '设备通道数必填！', trigger: 'blur'},
-    { pattern: /^[1-9]\d*$/, message: '设备通道数为大于1的整数', trigger: 'blur' }
+    {pattern: /^[1-9]\d*$/, message: '设备通道数为大于1的整数', trigger: 'blur'}
   ],
   devVolt: [
-    { required: true, message: '额定电压必填！', trigger: 'blur' },
+    {required: true, message: '额定电压必填！', trigger: 'blur'},
-    { pattern: /^\d+(\.\d+)?$/, message: '额定电压格式错误', trigger: 'blur' }
+    {pattern: /^\d+(\.\d+)?$/, message: '额定电压格式错误', trigger: 'blur'}
   ],
   devCurr: [
-    { required: true, message: '额定电流必填！', trigger: 'blur' },
+    {required: true, message: '额定电流必填！', trigger: 'blur'},
-    { pattern: /^\d+(\.\d+)?$/, message: '额定电流格式错误', trigger: 'blur' }
+    {pattern: /^\d+(\.\d+)?$/, message: '额定电流格式错误', trigger: 'blur'}
   ],
-  createId: [{ required: true, message: '装置编号必填！', trigger: 'blur' }
+  createId: [{required: true, message: '装置编号必填！', trigger: 'blur'}
   ],
   ip: [
-    { required: true, message: 'IP地址必填！', trigger: 'blur' },
+    {required: true, message: 'IP地址必填！', trigger: 'blur'},
-    { pattern: /^((25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.){3}(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)$/, message: 'IP地址格式错误', trigger: 'blur' }
+    {pattern: /^((25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.){3}(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)$/, message: 'IP地址格式错误', trigger: 'blur'}
   ],
   port: [
-    { required: true, message: '端口号必填！', trigger: 'blur' },
+    {required: true, message: '端口号必填！', trigger: 'blur'},
-    { pattern: /^(6553[0-5]|655[0-2][0-9]|64[0-9]{3}|[1-5]?[0-9]{1,4})$/, message: '端口号范围0到65535的整数', trigger: 'blur' }
+    {pattern: /^(6553[0-5]|655[0-2][0-9]|64[0-9]{3}|[1-5]?[0-9]{1,4})$/, message: '端口号范围0到65535的整数', trigger: 'blur'}
   ],
-  encryptionFlag: [{ required: true, message: '是否加密必选！', trigger: 'change' }],
+  encryptionFlag: [{required: true, message: '是否加密必选！', trigger: 'change'}],
-  protocol: [{ required: true, message: '通讯协议必选！', trigger: 'change' }],
+  protocol: [{required: true, message: '通讯协议必选！', trigger: 'change'}],
-  series: [{ required: true, message: '请输入识别码', trigger: 'blur' }],
+  series: [{required: true, message: '请输入识别码', trigger: 'blur'}],
-  devKey: [{ required: true, message: '请输入密钥', trigger: 'blur' }]
+  devKey: [{required: true, message: '请输入密钥', trigger: 'blur'}]
 };
 
 // 使用计算属性根据 scene 动态生成规则
 const rules = computed(() => {
-  const dynamicRules = { ...baseRules };
+  const dynamicRules = {...baseRules};
 
-  if (scene.value === '0'){//只有电科院需要展示
+  if (scene.value === '0') {//只有电科院需要展示
-    dynamicRules.createDate= [{ required: true, message: '出厂日期必填！', trigger: 'blur' }];
+    dynamicRules.createDate = [{required: true, message: createDateTitle.value + '必填！', trigger: 'blur'}];
   }
-  if (scene.value === '1'){//只有楼下出厂需要展示
+  if (scene.value === '1') {//只有楼下出厂需要展示
-    dynamicRules.preinvestmentPlan= [{ required: true, message: '预投计划必选！', trigger: 'change' }];
+    dynamicRules.preinvestmentPlan = [{required: true, message: '预投计划必选！', trigger: 'change'}];
-    dynamicRules.createId= [{ required: true, message: '装置编号必填！', trigger: 'blur' },
+    dynamicRules.createId = [{required: true, message: '装置编号必填！', trigger: 'blur'},
-    { pattern: /^\d+$/, message: '装置编号为数字', trigger: 'blur' }
+      {pattern: /^\d+$/, message: '装置编号为数字', trigger: 'blur'}
     ];
   }
   if (scene.value !== '0') {
-    dynamicRules.name = [{ required: true, message: '设备名称必填！', trigger: 'blur' }];
+    dynamicRules.name = [{required: true, message: '设备名称必填！', trigger: 'blur'}];
-    dynamicRules.hardwareVersion = [{ required: true, message: '固件版本必填！', trigger: 'blur' }];
+    dynamicRules.hardwareVersion = [{required: true, message: '固件版本必选！', trigger: 'change'}];
-    dynamicRules.softwareVersion = [{ required: true, message: '软件版本必填！', trigger: 'blur' }];
+    dynamicRules.softwareVersion = [{required: true, message: '软件版本必选！', trigger: 'change'}];
-    dynamicRules.manufacturer = [{ required: true, message: '生产厂家必选！', trigger: 'change' }];
+    dynamicRules.manufacturer = [{required: true, message: '生产厂家必选！', trigger: 'change'}];
 
   }
 
   if (scene.value !== '2') {
-    dynamicRules.name = [{ required: true, message: '设备名称必填！', trigger: 'blur' }];
+    dynamicRules.name = [{required: true, message: '设备名称必填！', trigger: 'blur'}];
-    dynamicRules.manufacturer = [{ required: true, message: '生产厂家必选！', trigger: 'change' }];
+    dynamicRules.manufacturer = [{required: true, message: '生产厂家必选！', trigger: 'change'}];
-    
   }
 
+  if(mode.value === '比对式'){
+    dynamicRules.inspectDate = [{required: true, message: '定检日期必填！', trigger: 'blur'}];
+    dynamicRules.cityName = [{required: true, message: '所属地市必选！', trigger: 'change'}];
+    dynamicRules.gdName = [{required: true, message: '所属供电公司必选！', trigger: 'change'}];
+    dynamicRules.subName = [{required: true, message: '所属电站必选！', trigger: 'change'}];
+  }
 
 
   return dynamicRules;
 });
 
-  // 关闭弹窗
+// 关闭弹窗
-  const close = () => {
+const close = () => {
   dialogVisible.value = false
   // 清空dialogForm中的值
   resetFormContent()
   // 重置表单
   dialogFormRef.value?.resetFields()
+}
 
-  }
+//子组件监测点变化通知父组件设备台账
+const getParameter = (data: Monitor.ResPqMon[]) => {
+      monitor.value = data  
+      //保存监测点信息自动更新设备台账的被检通道
+      formContent.inspectChannel = monitor.value
+                                  .map(item => item.num.toString())
+                                  .sort((a, b) => parseFloat(a) - parseFloat(b));
+}
   
-  // 保存数据
+// 保存数据
-  const save = () => {
+const save = () => {
   try {      
         dialogFormRef.value?.validate(async (valid: boolean) => {
          
-            if (formContent.value.encryptionFlag === 0) {
+        if (formContent.encryptionFlag === 0) {
-              formContent.value.series = ''
+              formContent.series = ''
-              formContent.value.devKey = ''
+              formContent.devKey = ''
         }
         if (valid) {
-          formContent.value.createDate = dayjs(formContent.value.createDate).format('YYYY-MM-DD');
+          formContent.createDate = dayjs(formContent.createDate).format('YYYY-MM-DD');
-          formContent.value.name = formContent.value.createId
+          if (AppSceneStore.currentScene === '1') {
-          if (formContent.value.arrivedDate) 
+            formContent.name = formContent.createId
-          {
-            formContent.value.arrivedDate = dayjs(formContent.value.arrivedDate).format('YYYY-MM-DD');
           }
 
+        if (formContent.arrivedDate) {
+          formContent.arrivedDate = dayjs(formContent.arrivedDate).format('YYYY-MM-DD');
+        }
+
+        if(mode.value == '比对式'){
+          if (formContent.inspectDate) {
+            formContent.inspectDate = dayjs(formContent.inspectDate).format('YYYY-MM-DD');
+          }
+
+          //可检通道转为字符串逗号分隔
+          // 确保 inspectChannel 是数组再执行 join
+         if (Array.isArray(formContent.inspectChannel)) {
+            formContent.inspectChannel = formContent.inspectChannel
+              .map(Number)  // 将值转为数字以保证正确排序
+              .sort((a, b) => a - b)  // 数字升序排序
+              .map(String) // 恢复为字符串用于保存
+              .join(',');
+          }
+        }else{
+          formContent.inspectChannel = null;
+        }
+       
+
         //保存时判是否加密，把识别码密钥字段清空
-          if(formContent.value.encryptionFlag === 0){
+        if (formContent.encryptionFlag === 0) {
-              formContent.value.series = null
+          formContent.series = null
-              formContent.value.devKey = null
+          formContent.devKey = null
         }
+  	    formContent.monitorList = monitor.value
          
-          if (formContent.value.id) {
+        if (titleType.value  != 'add') {
-                await updatePqDev(formContent.value);
+          await updatePqDev(formContent);
-                ElMessage.success({ message: `${dialogTitle.value}成功！` })
+          ElMessage.success({message: `${dialogTitle.value}成功！`})
         } else {
           // 新增需要把设备模式转成字典ID
-                const patternItem = dictStore.getDictData('Pattern').find(item => item.name === formContent.value.pattern);
+          const patternItem = dictStore.getDictData('Pattern').find(item => item.name === formContent.pattern);
           if (patternItem) {
-                    formContent.value.pattern = patternItem.id;
+            formContent.pattern = patternItem.id;
           }
           // 新增需要把通讯协议转成字典ID
-                 const protocolItem = dictStore.getDictData('Protocol').find(item => item.name === formContent.value.protocol);
+          const protocolItem = dictStore.getDictData('Protocol').find(item => item.name === formContent.protocol);
           if (protocolItem) {
-                    formContent.value.protocol = protocolItem.id;
+            formContent.protocol = protocolItem.id;
           }
-              await addPqDev(formContent.value);
+          await addPqDev(formContent);
-              ElMessage.success({ message: `${dialogTitle.value}成功！` })
+          ElMessage.success({message: `${dialogTitle.value}成功！`})
 
         }
 
@@ -366,105 +498,124 @@ const rules = computed(() => {
 
 
 // 打开弹窗，可能是新增，也可能是编辑
-const open = async (sign: string, data: Device.ResPqDev,currentMode: string,currentScene: string,devType:Device.ResDev[] ) => {
+const open = async (sign: string, data: Device.ResPqDev, currentMode: string, currentScene: string, devType: Device.ResDev[]) => {
+  dialogFormRef.value?.resetFields()
   devTypeOptions.value = devType
   mode.value = currentMode
   scene.value = currentScene
   titleType.value = sign
   dialogVisible.value = true
+  activeTab.value = '0' // 强制回到第一个 tab
 
-    if( currentMode ==='比对式'){
+  if (currentMode === '比对式') {
+    const patternItem = dictStore.getDictData('Pattern').find(item => item.name === currentMode)
+    if (patternItem) {
+      const { data } = await getSelectOptions({ pattern: patternItem.id }) as { data: Record<string, any[]> }
+      
+      // 遍历 data 的所有字段并映射为 { label, value }
+      for (const key in data) {
+        if (Array.isArray(data[key])) {
+          selectOptions.value[key] = data[key].map((value: string) => ({
+            label: value,
+            value: value
+          }))
+        }
+      }
+    }
+
+    createDateTitle.value = '投运日期'
     DevIsShow.value = false
     MonIsShow.value = true
-    }else{
+  } else {
+    createDateTitle.value = '出厂日期'
     DevIsShow.value = true
     MonIsShow.value = false
   }
 
-  if (data.encryptionFlag === 1) {
+
-    //handleEncryptionChange(1)
-  } else {
-    //handleEncryptionChange(0)
-  }
   if (data.id) {
-    formContent.value = { ...data }
+    updateDeviceByType(data.devType)
+     Object.assign(formContent,{ ...data })
+     if (typeof formContent.inspectChannel === 'string') {
+          formContent.inspectChannel = formContent.inspectChannel.split(',').filter(Boolean)
+      }
+    
   } else {
     resetFormContent()
+    //只有比对式设备ID由前端传
+    if(currentMode === '比对式')
+       formContent.id = generateUUID().replaceAll("-","")
+
     if(scene.value === '2'){
       const manufacturers = dictStore.getDictData('Dev_Manufacturers');
       const nanjingCanxuan = manufacturers.find(item => item.name === '南京灿能');
-      if(nanjingCanxuan){
+      if (nanjingCanxuan) {
-        formContent.value.manufacturer = nanjingCanxuan.id;
+        formContent.manufacturer = nanjingCanxuan.id;
       }
     }
+    // 设置默认设备参数
+    updateDeviceByType('') // 可传空或默认类型
+  }
 
-    //handleEncryptionChange(1)
-  }
-
-  // 重置表单
-  dialogFormRef.value?.resetFields()
 }
-//   const handleEncryptionChange = (value: number) => {
+
-//     // 根据是否加密来显示或隐藏识别码和密钥
+
-//     if(value === 1){
+
-//         IsPasswordShow.value = true
+const updateDeviceByType = (devTypeId: string) => {
-//
+  const dev = devTypeOptions.value.find(t => t.id === devTypeId)
-//     }else
+  if (dev) {
-//     {
+    formContent.devChns = dev.devChns
-//          IsPasswordShow.value = false
+    formContent.devCurr = dev.devCurr
-//         // formContent.value.series = ''
+    formContent.devVolt = dev.devVolt
-//         // formContent.value.devKey = ''
+    formContent.icdId = dev.icd
-//         // rules.value.series = [];
+    formContent.power = dev.power
-//         // rules.value.devKey = [];
+
-//     }
+    // 动态设置 pqChannelArray 从 1 到 dev.devChns.length
-// }
+    pqChannelArray.value = Array.from({ length: dev.devChns }, (_, i) => ({
+      value: String(i + 1),
+      label: String(i + 1),
+    }))
+  } else {
+    // 默认值处理
+    formContent.devChns = 1
+    formContent.devCurr = 1
+    formContent.devVolt = 57.74
+    pqChannelArray.value = [{ value: '1', label: '1' }]
+  }
+}
 
 const handleDevTypeChange = (value: string) => {
-  // 在这里处理选中事件的逻辑
+    updateDeviceByType(value)
-  const dev = devTypeOptions.value.find(t =>t.id === value)
+    const maxChannel = formContent.devChns
-  if (dev) {
+  
-    formContent.value.devChns = dev.devChns; // 默认值为1
+    // 过滤掉超出新通道数范围的选项
-    formContent.value.devCurr = dev.devCurr; // 默认值为1
+    if (Array.isArray(formContent.inspectChannel)) {
-    formContent.value.devVolt = dev.devVolt; // 默认值为1
+      formContent.inspectChannel = formContent.inspectChannel.filter(
-    formContent.value.icdId = dev.icd
+        (channel) => parseInt(channel, 10) <= maxChannel
-    formContent.value.power = dev.power
+      )
-    if(dev.name.includes('882B')){
+    }
-      formContent.value.ip = '172.17.102.220'
+    //切换设备类型时，删除超出最大通道数的监测点台账
-    }else if(dev.name.includes('882A')){
+    monitor.value = monitor.value.filter(
-      formContent.value.ip = '172.17.102.221'
+        (monitor) => parseInt(monitor.num.toString(), 10) <= maxChannel
-    }else{
+    )
-       formContent.value.ip = '172.17.102.200'
+    formContent.monitorList = monitor.value
   }
 
 
-  } else {
-    formContent.value.devChns = 1; // 默认值为1
-    formContent.value.devCurr = 1; // 默认值为1
-    formContent.value.devVolt = 57.74; // 默认值为1
-    formContent.value.ip = '172.17.102.200'
-  }
-  
-}
-
 
 const handleInput = (value: string) => {
   // 在这里处理选中事件的逻辑
-  if(scene.value === '1'){
+  //if (scene.value === '1') {
-    formContent.value.name = value
+    formContent.name = value
-  }
+  //}
- 
 }
 
 
-
-
 // 对外映射
-defineExpose({ open })
+defineExpose({open})
 const props = defineProps<{
   refreshTable: (() => Promise<void>) | undefined;
 }>()
 
 
-
-
 </script>

frontend/src/views/machine/device/components/monitorPopup.vue

@@ -0,0 +1,265 @@
+<template>
+    <!-- 基础信息弹出框 -->
+  <el-dialog :model-value="dialogVisible" :title="dialogTitle" v-bind="dialogMiddle" @close="close" align-center>
+    <div>
+        <el-form :model="formContent"  ref='dialogFormRef' :rules='rules' class="form-two">
+            <el-form-item label="名称" prop="name" >
+                <el-input v-model='formContent.name' placeholder="请输入监测点名称"/>
+            </el-form-item>
+            <el-form-item label="线路号" prop="num" >
+                <el-select v-model="formContent.num"  clearable placeholder="请选择线路号" @change="handleMonNumChange">
+                     <el-option
+                        v-for="item in lineNum"
+                        :key="item.id"
+                        :label="item.name"
+                        :value="item.id"
+                    />
+                </el-select>
+            </el-form-item>   
+             <el-form-item label="所属母线" prop="busbar">
+                <el-select v-model="formContent.busbar" clearable placeholder="请选择所属母线" filterable allow-create>
+                  <el-option
+                    v-for="item in selectOptions['busbar']"
+                    :key="item.value"
+                    :label="item.label"
+                    :value="item.value"
+                  />
+                </el-select>
+             </el-form-item>
+              <el-form-item label="PT变比" prop="pt">
+                <el-select v-model="formContent.pt" clearable placeholder="请选择PT变比" filterable allow-create>
+                  <el-option
+                    v-for="item in selectOptions['pt']"
+                    :key="item.value"
+                    :label="item.label"
+                    :value="item.value"
+                  />
+                </el-select>
+             </el-form-item>
+              <el-form-item label="CT变比" prop="ct">
+                <el-select v-model="formContent.ct" clearable placeholder="请选择CT变比" filterable allow-create>
+                  <el-option
+                    v-for="item in selectOptions['ct']"
+                    :key="item.value"
+                    :label="item.label"
+                    :value="item.value"
+                  />
+                </el-select>
+             </el-form-item>
+             <el-form-item label='接线方式'  prop='connection' >
+                <el-select v-model="formContent.connection"  clearable placeholder="请选择接线方式">
+                  <el-option
+                      v-for="item in dictStore.getDictData('Dev_Connect')"
+                      :key="item.id"
+                      :label="item.name"
+                      :value="item.id"
+                  />
+                </el-select>
+              </el-form-item>
+              <el-form-item label='统计间隔'  prop='statInterval' >
+                <el-select v-model="formContent.statInterval"  clearable placeholder="请选择统计间隔"  >
+                  <el-option
+                        v-for="item in dictStore.getDictData('Dev_Chns')"
+                        :key="item.id"
+                        :label="item.name"
+                        :value="item.code"
+                    />
+                </el-select>
+              </el-form-item>
+               <el-form-item label="谐波系统检测点id" prop="harmSysId" placeholder="请输入谐波系统检测点id" >
+                <el-input v-model="formContent.harmSysId" />
+            </el-form-item>   
+        </el-form>
+      </div>
+    <template #footer>
+      <div class="dialog-footer">
+        <el-button @click="close()">取消</el-button>
+        <el-button type="primary" @click="save()" >
+          保存
+        </el-button>
+      </div>
+    </template>
+  </el-dialog>
+
+  </template>
+  
+  <script lang="ts" setup>
+  import{  ElMessage, type FormInstance,type FormItemRule } from 'element-plus'
+  import type { ProTableInstance } from '@/components/ProTable/interface'
+  import { ref,computed, Ref, toRaw  } from 'vue'
+  import { type Monitor } from '@/api/device/interface/monitor'
+  import {dialogMiddle} from '@/utils/elementBind'
+  import { useDictStore } from '@/stores/modules/dict'
+  import { generateUUID } from '@/utils'
+  import { Device } from '@/api/device/interface/device'
+
+  const dictStore = useDictStore()
+  const lineNum = ref<{ id: number; name: string }[]>([])
+  const originalNum = ref<number | null>(null) // 存储编辑前的 num 值
+  const monitorTable = ref<any[]>()
+  const selectOptions = ref<Record<string, Device.SelectOption[]>>({})
+  // 定义弹出组件元信息
+  const dialogFormRef = ref()
+ function useMetaInfo() {
+    const dialogVisible = ref(false)
+    const titleType = ref('add')
+    const formContent = ref<Monitor.ResPqMon>({
+        id: '',
+        devId: '',
+        busbar: '',
+        name: '',
+        num: 1,
+        pt: '',
+        ct: '',
+        connection: '',
+        statInterval: 1,
+        harmSysId: '',
+    })
+    return { dialogVisible, titleType, formContent }
+  }
+  
+  const { dialogVisible, titleType, formContent } = useMetaInfo()
+
+
+  const emit = defineEmits(['get-parameter'])
+// 清空formContent
+const resetFormContent = () => {
+    formContent.value = {
+         id: '',
+        devId: '',
+        busbar: '',
+        name: '',
+        num: 1,
+        pt: '',
+        ct: '',
+        connection: '',
+        statInterval: 1,
+        harmSysId: '',
+    }
+  }
+  
+  let dialogTitle = computed(() => {
+    return titleType.value === 'add' ? '新增监测点台账' : '编辑监测点台账'
+  })
+
+  // 关闭弹窗
+  const close = () => {
+      dialogVisible.value = false
+    }
+
+
+   //定义校验规则
+  const rules: Ref<Record<string, Array<FormItemRule>>> = ref({
+        name : [{ required: true, message: '监测点名称必填！', trigger: 'blur' }],
+        num:[ { required: true, message: '线路号必选', trigger: 'change' }],
+        pt: [
+            { required: true, message: 'PT变比必选！', trigger: 'blur' },
+             { pattern: /^[1-9]\d*:[1-9]\d*$/, message: 'PT变比格式应为 n:n 形式，例如 1:1', trigger: 'change' }
+        ],
+        ct: [
+            { required: true, message: 'CT变比必选！', trigger: 'blur' },
+             { pattern: /^[1-9]\d*:[1-9]\d*$/, message: 'CT变比格式应为 n:n 形式，例如 1:1', trigger: 'change' }
+        ],
+        connection: [{ required: true, message: '接线方式必选！', trigger: 'change' }],
+        busbar : [{ required: true, message: '所属母线必选！', trigger: 'change' }],
+        harmSysId : [{ required: true, message: '谐波系统检测点id必填！', trigger: 'blur' }],
+  })
+
+  
+  // 保存数据
+  const save = () => {
+    try {
+        dialogFormRef.value?.validate(async (valid: boolean) => {
+        if (valid) {
+           // 校验名称是否重复
+            const isNameDuplicate = monitorTable.value.some(
+              item => item.name === formContent.value.name && item.id !== formContent.value.id
+            )
+            if (isNameDuplicate) {
+              ElMessage.error({ message: '监测点名称已存在，请重新输入！' })
+              return
+            }
+
+            if (titleType.value != 'edit') 
+            {
+              formContent.value.id = generateUUID().replaceAll("-","")
+            }
+            emit('get-parameter', formContent.value)
+            //ElMessage.success({ message: `${dialogTitle.value}成功！` })
+            close()
+        }
+      })
+    } catch (err) {
+      console.error('验证过程中出现错误', err)
+    }
+  }
+  
+
+
+  // 打开弹窗，可能是新增，也可能是编辑
+  const open = async (sign: string, data: Monitor.ResPqMon,device: Device.ResPqDev,table: any[],options: any) => {
+    // 重置表单
+    //dialogFormRef.value?.resetFields()
+    selectOptions.value = options
+    titleType.value = sign
+    dialogVisible.value = true
+    monitorTable.value = table|| [] 
+      // 提取 table 中已使用的 num（安全处理）
+      const usedNums = new Set<number>()
+      if (table && table.length > 0) {
+        table.forEach(item => {
+          if (item.num != null) {
+            usedNums.add(Number(item.num))
+          }
+        })
+      }
+      
+    lineNum.value = Array.from({ length: device.devChns }, (_, i) => {
+      const id = i + 1;
+      return {
+        id,
+        name: id.toString()
+      };
+    }).filter(item => !usedNums.has(item.id)); // 过滤掉已被使用的线路号
+
+
+    if (sign == 'edit') {
+      formContent.value = { ...data }
+      originalNum.value = data.num // 记录原始线路号
+    } else {
+      resetFormContent()
+      originalNum.value = null
+       // 设置默认选中第一个线路号
+      if (lineNum.value.length > 0) {
+        formContent.value.num = lineNum.value[0].id
+      }
+    }
+     formContent.value.devId = device.id  
+  }
+
+
+
+  const handleMonNumChange = (value: string) => {
+     const newValue = parseInt(value)
+    if (originalNum.value && originalNum.value !== newValue) {
+      // 将原来的 num 添加回 lineNum（表示释放）
+      lineNum.value.push({
+        id: originalNum.value,
+        name: originalNum.value.toString()
+      })
+      //移除新选择的 num（因为已被占用）
+      lineNum.value = lineNum.value.filter(item => item.id !== newValue).sort((a, b) => a.id - b.id)
+
+      // 更新 originalNum 为最新值，以便下次修改
+      originalNum.value = newValue
+    }
+  }
+  
+  // 对外映射
+  defineExpose({ open })
+  
+  </script>
+
+<style scoped>
+
+</style>

frontend/src/views/machine/device/components/monitorTab.vue

@@ -1,78 +1,191 @@
 <!-- components/MonitorPointTable.vue -->
 <template>
-    <el-tab-pane label="监测点台账信息" v-if="MonIsShow">
+      <div class='table-box'>
-      <div class='table-box' ref='popupBaseView'>
         <ProTable
           ref='proTable'
+          :pagination="false"
+          :toolButton="false"
           :columns='columns'
-          :style="{ height: '326px',maxHeight: '400px',overflow:'hidden'}"
+          :data="tableData"
+          :style="{ height: tableHeight + 'px',overflow:'hidden'}"
         >
           <!-- 表格 header 按钮 -->
           <template #tableHeader='scope'>
-            <el-button type='primary' :icon='CirclePlus'>新增</el-button>
+            <el-button type='primary' :icon='CirclePlus' @click="openDialog('add')" :disabled="props.DevFormContent.importFlag == 1">新增</el-button>
-            <el-button type='danger' :icon='Delete' plain :disabled='!scope.isSelected'>删除</el-button>
+            <el-button v-auth.device="'delete'" type='danger' :icon='Delete' plain :disabled='!scope.isSelected'
+                     @click='batchDelete(scope.selectedListIds)'>
+            删除
+          </el-button>
           </template>
           <!-- 表格操作 -->
-          <template #operation>
+          <template #operation="scope">
-            <el-button type='primary' link :icon='EditPen'>复制</el-button>
+            <el-button v-auth.device="'edit'" type='primary' link :icon='EditPen' :model-value='false' :disabled="props.DevFormContent.importFlag == 1"
-            <el-button type='primary' link :icon='EditPen'>编辑</el-button>
+                     @click="openDialog('edit', scope.row)">编辑
-            <el-button type='primary' link :icon='Delete'>删除</el-button>
+            </el-button>
+            <el-button v-auth.device="'delete'" type='primary' link :icon='Delete' @click='handleDelete(scope.row.id)' >删除
+            </el-button>
           </template>
         </ProTable>
       </div>
-    </el-tab-pane>
+       <MonitorPopup @getParameter="getParameter" ref='monitorPopup'/>
   </template>
   
   <script setup lang="ts">
-    import { ref, defineProps, reactive } from 'vue';
+    import { ref, defineProps, reactive, watch } from 'vue';
     import ProTable from '@/components/ProTable/index.vue'; // 假设 ProTable 是自定义组件
-    import { CirclePlus, Delete, EditPen } from '@element-plus/icons-vue';
+    import { CirclePlus, Delete, EditPen, MessageBox } from '@element-plus/icons-vue';
-    import { getPqMonList } from '@/api/device/monitor'
+    import MonitorPopup from '@/views/machine/device/components/monitorPopup.vue'
-    import { type ColumnProps } from '@/components/ProTable/interface'
+    import { ProTableInstance, type ColumnProps } from '@/components/ProTable/interface'
     import { type Monitor } from '@/api/device/interface/monitor'
+    import { useDictStore } from '@/stores/modules/dict';
+    import { useHandleData } from '@/hooks/useHandleData';
+    import { Device } from '@/api/device/interface/device';
+    import { ElMessage, ElMessageBox } from 'element-plus';
 
   // 定义 props
-const props = defineProps<{
+  const props = defineProps<{
-  MonIsShow: boolean;
+    DevFormContent:Device.ResPqDev,
-}>();
+    tableHeight?: number, // 接收外部传入的高度
+    selectOptions: Record<string, Device.SelectOption[]>,
+  }>();
 
+ // ProTable 实例
+  const proTable = ref<ProTableInstance>()
+  const dictStore = useDictStore()
+  const monitorPopup = ref()
+  const tableData = ref<any[]>([])
+  const title_Type = ref('add')
 
   // 表格配置项
 const columns = reactive<ColumnProps<Monitor.ResPqMon>[]>([
   { type: 'selection', fixed: 'left', width: 70 },
   { type: 'index', fixed: 'left', width: 70, label: '序号' },
    {
-    prop: '',
+    prop: 'name',
+    label: '名称',
+    width: 200,
+  },
+  {
+    prop: 'busbar',
     label: '所属母线',
     width: 200,
   },
   {
-    prop: '',
+    prop: 'num',
-    label: '被检通道',
+    label: '线路号',
     width: 200,
   },
   {
-    prop: '',
+    prop: 'pt',
     label: 'PT变比',
     width: 110,
   },
   {
-    prop: '',
+    prop: 'ct',
     label: 'CT变比',
     width: 130,
   },
   {
-    prop: '',
+    prop: 'connection',
     label: '接线方式',
+    enum: dictStore.getDictData('Dev_Connect'),
+    fieldNames: {label: 'name', value: 'id'},
     width: 130,
-
   },
   {
-    prop: '',
+    prop: 'statInterval',
-    label: '谐波系统监测点ID',
+    label: '统计间隔',
-    minWidth: 250,
+    width: 130,
   },
   { prop: 'operation', label: '操作', fixed: 'right', width: 200 },
 ])
+
+
+const emit = defineEmits(['get-parameter'])
+
+const getParameter = (data: Monitor.ResPqMon) => {
+  console.log('data', data)
+  if (title_Type.value === 'edit') {
+    // 编辑：替换已有的数据
+    const index = tableData.value.findIndex(item => item.id === data.id)
+    if (index > -1) {
+      tableData.value = [
+        ...tableData.value.slice(0, index),
+        data,
+        ...tableData.value.slice(index + 1)
+      ]
+    }
+  } else {
+    // 新增：追加数据
+    tableData.value = [...tableData.value, data]
+    
+  }
+  emit('get-parameter', tableData.value)
+}
+
+
+ // 打开 drawer(新增、编辑)
+  const openDialog =  (titleType: string, row: Partial<Monitor.ResPqMon> = {}) => {
+      if(props.DevFormContent.devType == '' || props.DevFormContent.devType == undefined){
+            ElMessageBox.confirm(
+                  '请先选择被检设备类型',
+                  '提示',
+                  {
+                    confirmButtonText: '确定',
+                    cancelButtonText: '取消',
+                    type: 'warning',
+                  },
+            )
+            return
+      }
+       title_Type.value = titleType
+       monitorPopup.value?.open(titleType, row,props.DevFormContent,tableData.value,props.selectOptions)
+  }
+  
+  
+  // 批量删除监测点台账
+  const batchDelete =  (ids: string[]) => {
+      ElMessageBox.confirm(`是否批量删除监测点?`, "温馨提示", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        draggable: true
+      }).then(async () => {
+        tableData.value = tableData.value.filter(item => !ids.includes(item.id));
+        proTable.value?.clearSelection()
+      emit('get-parameter', tableData.value)
+      ElMessage({
+        type: "success",
+        message: `批量删除监测点成功!`
+      });
+  });
+    
+  }
+  
+  // 删除监测点台账
+const handleDelete =  (id: string) => {
+    ElMessageBox.confirm(`是否删除监测点?`, "温馨提示", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        draggable: true
+      }).then(async () => {
+         tableData.value = tableData.value.filter(item => item.id !== id)
+         proTable.value?.clearSelection()
+         emit('get-parameter', tableData.value)
+      ElMessage({
+        type: "success",
+        message: `删除监测点成功!`
+      });
+  });
+}
+
+
+watch(
+  () => props.DevFormContent.monitorList,
+  (newVal) => {
+    tableData.value = newVal|| []
+  },
+  { immediate: true }
+)
+
   </script>
   

frontend/src/views/machine/device/index.vue

@@ -16,6 +16,7 @@
         <el-button v-auth.device="'import'" type='primary' :icon='Download' plain @click="importFile('比对式')"
                    v-if='modeStore.currentMode === "比对式"'>导入
         </el-button>
+        <el-button type='primary' :icon='Upload' plain @click='uploadFile()' v-if='appSceneStore.currentScene === "1"'>报告上传</el-button>
         <el-button v-auth.device="'delete'" type='danger' :icon='Delete' plain :disabled='!scope.isSelected'
                    @click='batchDelete(scope.selectedListIds)'>
           删除
@@ -28,36 +29,32 @@
         </el-button>
         <el-button v-auth.device="'delete'" type='primary' link :icon='Delete' @click='handleDelete(scope.row)'>删除
         </el-button>
+
+
       </template>
 
     </ProTable>
   </div>
-  <DevicePopup :refresh-table='proTable?.getTableList' ref='devicePopup' />
+  <DevicePopup :refresh-table='proTable?.getTableList' ref='devicePopup'/>
-  <ImportExcel ref='deviceImportExcel' />
+  <ImportExcel ref='deviceImportExcel'/>
 </template>
 
 <script setup lang='tsx' name='useRole'>
 import TimeControl from '@/components/TimeControl/index.vue'
-import { type Device } from '@/api/device/interface/device.ts'
+import {type Device} from '@/api/device/interface/device'
-import { useHandleData } from '@/hooks/useHandleData'
+import {useHandleData} from '@/hooks/useHandleData'
-import { useDownload } from '@/hooks/useDownload'
+import {useDownload} from '@/hooks/useDownload'
 import ProTable from '@/components/ProTable/index.vue'
 import ImportExcel from '@/components/ImportExcel/index.vue'
-import { type ProTableInstance, type ColumnProps } from '@/components/ProTable/interface'
+import {type ColumnProps, type ProTableInstance} from '@/components/ProTable/interface'
 import DevicePopup from '@/views/machine/device/components/devicePopup.vue'
-import { CirclePlus, Delete, EditPen, Download, Upload } from '@element-plus/icons-vue'
+import {CirclePlus, Delete, Download, EditPen, Upload} from '@element-plus/icons-vue'
-import { useDictStore } from '@/stores/modules/dict'
+import {useDictStore} from '@/stores/modules/dict'
-import {
+import {deletePqDev, downloadTemplate, exportPqDev, getPqDev, getPqDevList, importPqDev} from '@/api/device/device/index'
-  getPqDevList,
+import {uploadReportToCloud} from '@/api/device/report/index'
-  deletePqDev,
+import {ElMessage, ElMessageBox} from 'element-plus'
-  getPqDev,
+import {onBeforeMount, reactive, ref} from 'vue'
-  exportCNDev,
+import {useAppSceneStore, useModeStore} from '@/stores/modules/mode'
-  downloadCNDevTemplate,
-  importCNDev,
-} from '@/api/device/device/index.ts'
-import { ElMessage, ElMessageBox } from 'element-plus'
-import { onBeforeMount, reactive, ref } from 'vue'
-import { useModeStore, useAppSceneStore } from '@/stores/modules/mode'
 
 // defineOptions({
 //   name: 'device',
@@ -74,8 +71,8 @@ const devTypeOptions = ref<Device.ResDev[]>([])
 
 const getTableList = async (params: any) => {
   let newParams = JSON.parse(JSON.stringify(params))
-  newParams.searchEndTime = endDate.value
+  // newParams.searchEndTime = endDate.value
-  newParams.searchBeginTime = startDate.value
+  // newParams.searchBeginTime = startDate.value
   const patternId = dictStore.getDictData('Pattern').find(item => item.name === modeStore.currentMode)?.id//获取数据字典中对应的id
   newParams.pattern = patternId
   return getPqDevList(newParams)
@@ -84,12 +81,12 @@ const getTableList = async (params: any) => {
 
 // 表格配置项
 const columns = reactive<ColumnProps<Device.ResPqDev>[]>([
-  { type: 'selection', fixed: 'left', width: 70 },
+  {type: 'selection', fixed: 'left', width: 70},
-  { type: 'index', fixed: 'left', width: 70, label: '序号' },
+  {type: 'index', fixed: 'left', width: 70, label: '序号'},
   {
     prop: 'name',
     label: '名称',
-    search: { el: 'input' },
+    search: {el: 'input'},
     // isShow: appSceneStore.currentScene != '1',
     // ...(appSceneStore.currentScene != '1' ? {
     //   search: { el: 'input' },
@@ -100,33 +97,15 @@ const columns = reactive<ColumnProps<Device.ResPqDev>[]>([
     prop: 'devType',
     label: '设备类型',
     minWidth: 200,
-    render: (scope) => {
+
-      // 查找设备类型名称
-      const name = devTypeOptions.value.find(option => option.id === scope.row.devType)
-      return <span>{name?.name}</span>
-    },
   },
   {
     prop: 'createDate',
-    label: '出厂日期',
+    label: modeStore.currentMode === '比对式' ? '投运日期' : '出厂日期',
     minWidth: 200,
     isShow: appSceneStore.currentScene === '0',
-    ...(appSceneStore.currentScene === '0' ? {
+    // ...(appSceneStore.currentScene === '0' ? {
-      search: {
-        render: () => {
-          return (
-            <div class='flx-flex-start'>
-              <TimeControl
-                default={'月'}
-                onUpdate-dates={handleDateChange}
-              />
-            </div>
-          )
-        },
-      },
-    } : {}),
     //   search: {
-    //   span: 2,
     //     render: () => {
     //       return (
     //           <div class='flx-flex-start'>
@@ -138,24 +117,30 @@ const columns = reactive<ColumnProps<Device.ResPqDev>[]>([
     //       )
     //     },
     //   },
+    // } : {}),
   },
   {
     prop: 'devChns',
     label: '通道数',
     minWidth: 110,
-
+    isShow: modeStore.currentMode != '比对式',
   },
   {
     prop: 'devVolt',
     label: '额定电压（V）',
     minWidth: 130,
-
+    isShow: modeStore.currentMode != '比对式',
   },
   {
     prop: 'devCurr',
     label: '额定电流（A）',
     minWidth: 130,
-
+    isShow: modeStore.currentMode != '比对式',
+  },
+  {
+    prop: 'ip',
+    label: 'IP',
+    minWidth: 130,
   },
   {
     prop: 'manufacturer',
@@ -163,11 +148,25 @@ const columns = reactive<ColumnProps<Device.ResPqDev>[]>([
     enum: dictStore.getDictData('Dev_Manufacturers'),
     isShow: appSceneStore.currentScene != '1',
     ...(appSceneStore.currentScene != '1' ? {
-      search: { el: 'select', props: { filterable: true }, order: 1 },
+      search: {el: 'select', props: {filterable: true}, order: 1},
-      fieldNames: { label: 'name', value: 'id' },
+      fieldNames: {label: 'name', value: 'id'},
     } : {}),
     minWidth: 200,
   },
+  {
+    prop: 'gdName',
+    label: '供电公司',
+    isShow: modeStore.currentMode === '比对式',
+    search: {el: 'input'},
+    minWidth: 200,
+  },
+  {
+    prop: 'subName',
+    label: '变电站',
+    isShow: modeStore.currentMode === '比对式',
+    search: {el: 'input'},
+    minWidth: 200,
+  },
   {
     prop: 'createTime',
     label: '创建时间',
@@ -186,7 +185,7 @@ const columns = reactive<ColumnProps<Device.ResPqDev>[]>([
       return '';
     }
   },
-  { prop: 'operation', label: '操作', fixed: 'right', width: 200 },
+  {prop: 'operation', label: '操作', fixed: 'right', width: 200},
 ])
 
 
@@ -198,15 +197,21 @@ const handleDateChange = (startDateTemp: string, endDateTemp: string) => {
   endDate.value = endDateTemp
 }
 // 打开 drawer(新增、编辑)
-const openDialog = (titleType: string, row: Partial<Device.ResPqDev> = {}) => {
+const openDialog = async (titleType: string, row: Partial<Device.ResPqDev> = {}) => {
+    if(titleType === 'add'){
         devicePopup.value?.open(titleType, row, modeStore.currentMode, appSceneStore.currentScene, devTypeOptions.value)
+    }else{
+      row = await getPqDevById(row)
+       devicePopup.value?.open(titleType, row.data, modeStore.currentMode, appSceneStore.currentScene, devTypeOptions.value)
+    }
+
 }
 
 
 // 批量删除设备
 const batchDelete = async (id: string[]) => {
   const patternId = dictStore.getDictData('Pattern').find(item => item.name === modeStore.currentMode)?.id ?? ''//获取数据字典中对应的id
-  await useHandleData(deletePqDev, { 'ids': id, 'pattern': patternId }, '删除所选设备')
+  await useHandleData(deletePqDev, {'ids': id, 'pattern': patternId}, '删除所选设备')
 
   proTable.value?.clearSelection()
   proTable.value?.getTableList()
@@ -215,7 +220,7 @@ const batchDelete = async (id: string[]) => {
 // 删除设备
 const handleDelete = async (params: Device.ResPqDev) => {
   const patternId = dictStore.getDictData('Pattern').find(item => item.name === modeStore.currentMode)?.id//获取数据字典中对应的id
-  await useHandleData(deletePqDev, { 'ids': [params.id], 'pattern': patternId }, `删除【${params.name}】设备`)
+  await useHandleData(deletePqDev, {'ids': [params.id], 'pattern': patternId}, `删除【${params.name}】设备`)
   proTable.value?.getTableList()
 
 }
@@ -229,9 +234,9 @@ const downloadFile = async () => {
   searchParam.searchBeginTime = startDate.value
   searchParam.searchEndTime = endDate.value
 
-  ElMessageBox.confirm('确认导出被检设备?', '温馨提示', { type: 'warning' }).then(() => {
+  ElMessageBox.confirm('确认导出被检设备?', '温馨提示', {type: 'warning'}).then(() => {
     const patternId = dictStore.getDictData('Pattern').find(item => item.name === modeStore.currentMode)?.id//获取数据字典中对应的id
-    useDownload(exportCNDev, '被检设备导出数据', { ...proTable.value?.searchParam, pattern: patternId }, false, '.xlsx')
+    useDownload(exportPqDev, '被检设备导出数据', {...proTable.value?.searchParam, pattern: patternId}, false, '.xlsx')
   })
 }
 
@@ -239,29 +244,53 @@ const downloadFile = async () => {
 const deviceImportExcel = ref<InstanceType<typeof ImportExcel> | null>(null)
 
 const importFile = async (pattern: string) => {
-
-  if (pattern === '比对式') {
-    // const params = {
-    //     title: '被检设备',
-    //     showCover: false,
-    //     tempApi: downloadTemplate,
-    //     importApi: importPqDev,
-    //     getTableList: proTable.value?.getTableList,
-    // }
-    // deviceImportExcel.value?.acceptParams(params)
-  } else {
     const params = {
       title: '被检设备',
       showCover: false,
       patternId: dictStore.getDictData('Pattern').find(item => item.name === modeStore.currentMode)?.id,
-      tempApi: downloadCNDevTemplate,
+      planId: null,
-      importApi: importCNDev,
+      tempApi: downloadTemplate,
+      importApi: importPqDev,
       // importApi: modeStore.currentMode === "比对式"? importContrastPqDev: importCNDev,
       getTableList: proTable.value?.getTableList,
     }
     deviceImportExcel.value?.acceptParams(params)
-  }
 
+
+}
+
+// 报告上传
+const uploadFile = async () => {
+  const selectedRows = proTable.value?.selectedList || []
+
+  if (selectedRows.length === 0) {
+    // 没有选择设备，弹出确认框询问是否处理全部
+    ElMessageBox.confirm('未选择被检设备，是否对全部设备进行报告上传？', '提示', {
+      type: 'warning',
+      confirmButtonText: '全部上传',
+      cancelButtonText: '取消'
+    }).then(() => {
+      // 用户确认全部上传，传递空数组或特殊标识
+      handleReportUpload([])
+    }).catch(() => {
+      // 用户取消
+    })
+  } else {
+    // 有选择设备，使用选中的设备ID
+    const selectedIds = selectedRows.map(row => row.id)
+    handleReportUpload(selectedIds)
+  }
+}
+
+// 处理报告上传
+const handleReportUpload = async (deviceIds: string[]) => {
+  try {
+    await uploadReportToCloud(deviceIds)
+    ElMessage.success('报告上传成功')
+  } catch (error) {
+    ElMessage.error('报告上传失败')
+    console.error('报告上传错误:', error)
+  }
 }
 
 onBeforeMount(async () => {

frontend/src/views/machine/errorSystem/components/errorStandardPopup.vue

@@ -1,6 +1,6 @@
 <template>
 
-  <el-dialog  :title="dialogTitle"  v-model='dialogVisible'  @close="close" v-bind="dialogBig">
+  <el-dialog :title="dialogTitle" v-model='dialogVisible' @close="close" v-bind="dialogBig" align-center>
     <div class="table-container">
       <el-table :data="errorData.value"
                 height="500"
@@ -13,12 +13,12 @@
       >
         <el-table-column label="被测量">
           <el-table-column prop="col1" width="150"/>
-            <el-table-column prop="col2" width="120" />
+          <el-table-column prop="col2" width="120"/>
         </el-table-column>
         <el-table-column prop="deviceLevel" label="检测装置级别" width="120"/>
-          <el-table-column prop="measurementType" label="测量类型" />
+        <el-table-column prop="measurementType" label="测量类型"/>
-          <el-table-column prop="condition" label="测量条件" />
+        <el-table-column prop="condition" label="测量条件"/>
-          <el-table-column prop="maxErrorValue" label="最大误差" />
+        <el-table-column prop="maxErrorValue" label="最大误差"/>
       </el-table>
     </div>
     <div>
@@ -30,34 +30,33 @@
   </el-dialog>
 </template>
 
- <script lang="ts" setup name="IndicatorTypeDialog">
+<script lang="ts" setup name="IndicatorTypeDialog">
- import { defineProps, defineEmits, reactive,watch,ref,computed, type CSSProperties } from 'vue';
+import {computed, type CSSProperties, defineProps, ref} from 'vue';
- import { dialogBig} from '@/utils/elementBind'
+import {dialogBig} from '@/utils/elementBind'
- import type { ColumnProps } from '@/components/ProTable/interface'
+import type {ErrorSystem} from '@/api/device/interface/error'
- import type { ErrorSystem } from '@/api/device/interface/error'
+import errorDataList from '@/api/device/error/errorData'
- import errorDataList from '@/api/device/error/errorData'
+import type {TableColumnCtx} from 'element-plus'
- import type { TableColumnCtx } from 'element-plus'
+import {useDictStore} from '@/stores/modules/dict'
- import { useDictStore } from '@/stores/modules/dict'
 
- const dictStore = useDictStore()
+const dictStore = useDictStore()
- const errorData = ref<ErrorSystem.Error_detail[]>([]);
+const errorData = ref<ErrorSystem.Error_detail[]>([]);
- const dialogTitle = ref()
+const dialogTitle = ref()
- const devLevelName = ref<string>('') // 假设 devLevelName 是一个 ref
+const devLevelName = ref<string>('') // 假设 devLevelName 是一个 ref
-  function useMetaInfo() {
+function useMetaInfo() {
   const dialogVisible = ref(false)
   const formContent = ref<ErrorSystem.ErrorSystemList>({
     id: '',
     name: '',
-      standardName:'',
+    standardName: '',
-      standardTime:'',
+    standardTime: '',
-      devLevel:'',
+    devLevel: '',
-      enable:1,
+    enable: 1,
-      state:1,
+    state: 1,
   })
-    return { dialogVisible, formContent }
+  return {dialogVisible, formContent}
-  }
+}
 
-  const { dialogVisible, formContent } = useMetaInfo()
+const {dialogVisible, formContent} = useMetaInfo()
 
 interface SpanMethodProps {
   row: ErrorSystem.ErrorSystemDetail
@@ -66,14 +65,14 @@ interface SpanMethodProps {
   columnIndex: number
 }
 
-const rowClass = ({ row, column, rowIndex, columnIndex }: { row: any; column: any; rowIndex: number; columnIndex: number }): CSSProperties => {
+const rowClass = ({row, column, rowIndex, columnIndex}: { row: any; column: any; rowIndex: number; columnIndex: number }): CSSProperties => {
   let res: CSSProperties = {
     textAlign: 'center' as CSSProperties['textAlign'],
-    backgroundColor: '#003078',
+    backgroundColor: 'var(--el-color-primary)',
     color: '#fff'
   }
   if (rowIndex === 1) {
-    res = { ...res, display: 'none' }
+    res = {...res, display: 'none'}
   }
   return res
 }
@@ -88,7 +87,7 @@ const spanAMethod = ({
                        column,
                        rowIndex,
                        columnIndex,
-}: SpanMethodProps) => {
+                     }: SpanMethodProps) => {
   if (columnIndex === 0) {
     if (rowIndex <= 1 || rowIndex === 7 || rowIndex == 20) {//0电压偏差，1频率偏差，7闪变，20功率，简单的跨两列
       return {
@@ -170,7 +169,7 @@ const spanSMethod = ({
                        column,
                        rowIndex,
                        columnIndex,
-}: SpanMethodProps) => {
+                     }: SpanMethodProps) => {
   if (columnIndex === 0) {
     if (rowIndex <= 1 || rowIndex === 8 || rowIndex == 17) {//0电压偏差，1频率偏差，7闪变，20功率，简单的跨两列
       return {
@@ -205,7 +204,7 @@ const spanSMethod = ({
         colspan: 2,
       }
     }
-    if (rowIndex === 18 ) {//电流跨两行两列
+    if (rowIndex === 18) {//电流跨两行两列
       return {
         rowspan: 2,
         colspan: 2,
@@ -245,18 +244,18 @@ const spanSMethod = ({
       }
     }
   }
-  if(columnIndex === 3){
+  if (columnIndex === 3) {
     if (rowIndex === 2 || rowIndex === 6 || rowIndex === 9 ||
-        rowIndex === 11 || rowIndex === 13 ||rowIndex === 15 ||
+        rowIndex === 11 || rowIndex === 13 || rowIndex === 15 ||
-        rowIndex === 18 || rowIndex === 21){
+        rowIndex === 18 || rowIndex === 21) {
       return {
         rowspan: 2,
         colspan: 1,
       }
     }
     if (rowIndex === 3 || rowIndex === 7 || rowIndex === 10 ||
-        rowIndex === 12 || rowIndex === 14 ||rowIndex === 16 ||
+        rowIndex === 12 || rowIndex === 14 || rowIndex === 16 ||
-        rowIndex === 19 || rowIndex === 22){
+        rowIndex === 19 || rowIndex === 22) {
       return {
         rowspan: 0,
         colspan: 0,
@@ -270,31 +269,31 @@ const close = () => {
   dialogVisible.value = false
 }
 
- // 打开弹窗，可能是新增，也可能是编辑
+// 打开弹窗，可能是新增，也可能是编辑
 const open = async (sign: string, data: ErrorSystem.ErrorSystemList) => {
   dialogTitle.value = sign + '  误差体系'
   dialogVisible.value = true
+
   if (data.id) {
     formContent.value = data as ErrorSystem.ErrorSystemList;
+    devLevelName.value = dictStore.getDictData('Dev_Level').find(item => item.id === data.devLevel)?.name || '';
 
-      devLevelName.value =  dictStore.getDictData('Dev_Level').find(item => item.id === data.devLevel)?.name || '';;
+    if (devLevelName.value === 'A级' || data.devLevel === 'A级') {
-
-      if(devLevelName.value === 'A级'){
       errorData.value = errorDataList.errorADetail as unknown as ErrorSystem.Error_detail[];
-      }else{
+    } else {
       errorData.value = errorDataList.errorSDetail as unknown as ErrorSystem.Error_detail[];
     }
 
   }
 }
 
- // 对外映射
+// 对外映射
-defineExpose({ open })
+defineExpose({open})
 const props = defineProps<{
   refreshTable: (() => Promise<void>) | undefined;
 }>()
- </script>
+</script>
- <style>
+<style>
 .table-container {
   display: flex;
   flex-direction: column;
@@ -316,4 +315,4 @@ const props = defineProps<{
 }
 
 
- </style>
+</style>

frontend/src/views/machine/errorSystem/components/errorSystemDetailTable.vue

@@ -5,13 +5,13 @@
   </div>
   <div class="table-container">
     <el-table :data="tableData"
-                  :header-cell-style="{ textAlign: 'center',backgroundColor: '#003078',color: '#fff' } " 
+              :header-cell-style="{ textAlign: 'center',backgroundColor: 'var(--el-color-primary)',color: '#fff' } "
               :cell-style="{ textAlign: 'center' }"
               style="width: 100%"
-                  :style="{ height: '250px',maxHeight: '400px',overflow:'hidden'}"
+              :style="{ height: '400px',maxHeight: '400px',overflow:'hidden'}"
               @selection-change="handleSelectionChange">
-                    <el-table-column type="selection" width="55" />
+      <el-table-column type="selection" width="55"/>
-                    <el-table-column prop="sort" label="序号" width="60" />
+      <el-table-column prop="sort" label="序号" width="60"/>
       <el-table-column prop="type" label="误差类型" min-width="180">
         <template #default="{ row }">
           <el-cascader style="min-width: 180px;"
@@ -29,10 +29,10 @@
                        v-model="row.scriptType"
                        :props="{ checkStrictly: false, emitPath: false }"
                        placeholder="请选择脚本类型"
-                                        />
+                       @change="handleScriptTypeChange(row)"/>
         </template>
       </el-table-column>
-                    <el-table-column label="起止范围" >
+      <el-table-column label="起止范围">
         <el-table-column label="起始" width="150">
           <template #default="{ row }">
             <el-row type="flex" :gutter="24">
@@ -44,7 +44,7 @@
                 </el-select>
               </el-col>
               <el-col :span="12">
-                                        <el-input v-model= "row.startValue" style="width: 60px;"  :disabled="isStartValueDisabled[row.sort]"
+                <el-input v-model="row.startValue" style="width: 60px;" :disabled="isStartValueDisabled[row.sort]"
                 />
               </el-col>
             </el-row>
@@ -52,7 +52,7 @@
         </el-table-column>
         <el-table-column label="结束" width="150">
           <template #default="{ row }">
-                                <el-row type="flex" :gutter="24" >
+            <el-row type="flex" :gutter="24">
               <el-col :span="12">
                 <el-select v-model="row.endFlag" placeholder="选择结束值" style="width: 70px;" @change="(value) => handleEndFlagChange(row, value)">
                   <el-option label="无" :value="2"></el-option>
@@ -61,7 +61,7 @@
                 </el-select>
               </el-col>
               <el-col :span="12">
-                                        <el-input v-model= "row.endValue" style="width: 60px;" :disabled="isEndValueDisabled[row.sort]"/>
+                <el-input v-model="row.endValue" style="width: 60px;" :disabled="isEndValueDisabled[row.sort]"/>
               </el-col>
             </el-row>
           </template>
@@ -70,7 +70,7 @@
           <template #default="{ row }">
             <el-select v-model="row.conditionType" placeholder="选择单位">
               <el-option
-                                v-for="item in dictStore.getDictData('Condition_Type')"
+                  v-for="item in conditionTypes"
                   :key="item.id"
                   :label="item.name"
                   :value="Number(item.value)"
@@ -82,19 +82,19 @@
       <el-table-column label="最大误差">
         <el-table-column prop="maxErrorValue" label="最大误差值" width="100">
           <template #default="{ row }">
-                                <el-input v-model= "row.maxErrorValue" style="width: 70px;"/>
+            <el-input v-model="row.maxErrorValue" style="width: 70px;"/>
           </template>
         </el-table-column>
-                        <el-table-column label="误差类型" width="180">
+        <el-table-column label="误差类型" width="170">
           <template #default="{ row }">
-                            <el-select v-model="row.errorValueType" placeholder="选择误差类型">
+            <el-cascader :options="errorValueTypeOptions"
-                                <el-option
+                         v-model="row.errorValueType"
-                                 v-for="item in dictStore.getDictData('Error_Value_Type')"
+                         @change="handleErrorValueTypeChange(row)"/>
-                                :key="item.id"
+          </template>
-                                :label="item.name"
+        </el-table-column>
-                                :value="Number(item.value)"
+        <el-table-column label="误差单位" width="100" prop="errorUnit">
-                                />
+          <template #default="{ row }">
-                            </el-select>
+            <span>{{ row.errorUnit }}</span>
           </template>
         </el-table-column>
       </el-table-column>
@@ -109,19 +109,18 @@
 </template>
 
 <script setup lang="ts">
-  import { type ErrorSystem } from '@/api/device/interface/error';
+import {type ErrorSystem} from '@/api/device/interface/error';
-  import { useDictStore, } from '@/stores/modules/dict'
+import {useDictStore,} from '@/stores/modules/dict'
-  import {CirclePlus, Delete, EditPen,CopyDocument} from '@element-plus/icons-vue'
+import {CirclePlus, CopyDocument, Delete} from '@element-plus/icons-vue'
-  import { type CascaderOption, type FormItemRule } from 'element-plus';
+import {type CascaderOption} from 'element-plus';
-import { el } from 'element-plus/es/locale';
+import {defineEmits, type PropType, reactive, ref, watch} from 'vue';
-  import { type PropType, type Ref, ref, watch } from 'vue';
+
-  import { defineEmits } from 'vue';
+const emit = defineEmits(['updateTableData']);
-  const emit = defineEmits(['updateTableData']);
+const multipleSelection = ref<number[]>([])
-  const multipleSelection = ref<number[]>([])
+const dictStore = useDictStore()
-  const dictStore = useDictStore()
+const isStartValueDisabled = ref<{ [key: number]: boolean }>({});
-  const isStartValueDisabled = ref<{ [key: number]: boolean }>({});
+const isEndValueDisabled = ref<{ [key: number]: boolean }>({});
-  const isEndValueDisabled = ref<{ [key: number]: boolean }>({});
+const props = defineProps({
-  const props = defineProps({
   errorOptions: {
     type: Array as PropType<CascaderOption[]>,
     required: true
@@ -138,32 +137,25 @@ import { el } from 'element-plus/es/locale';
   }
 });
 
+const errorValueTypeOptions = reactive<{ value: number, label: string, children: { value: number, label: string }[] }[]>([])
+const conditionTypes = dictStore.getDictData('Condition_Type')
+const errorValueTypes = dictStore.getDictData('Error_Value_Type')
+const valueTypes = dictStore.getDictData('Script_Value_Type')
 
-// 定义一个 Map 来存储误差和脚本系统信息
-const errSysAndScriptMap = new Map<string, string>([
-  ['Freq_Deviation_Freq','FREQ'],//频率偏差/频率---频率
-  ['Vol_Deviation_Vol','VRMS'],//电压偏差/电压---电压/相电压有效值
-  ['MSQI_V','V_UNBAN'],//三相不平衡/电压---电压/三相电压负序不平衡度
-  ['MSQI_CUR','I_UNBAN'],//三相不平衡/电流---电流/三相电流负序不平衡度
-  ['Voltage Fluctuation_Voltage Amplitude',''],//电压波动/电压幅值---
-  ['Voltage Fluctuation_Duration',''],//电压波动/持续时间---
-  ['Short Time Flicker Item','PST'],//闪变/短时间闪变---闪变/短时间闪变
-  ['Harmonic_Voltage','V2-50'],//谐波/电压---谐波/谐波电压含有率
-  ['Harmonic_Current','I2-50'],//谐波/电流---谐波/谐波电流幅值
-  ['Harmonic_Angle','VA2-50'],//谐波/相角---谐波/谐波电压相角
-  ['Harmonic_Angle','IA2-50'],//谐波/相角---谐波/谐波电流相角
-  ['Harmonic_Power','P2-50'],//谐波/功率---谐波/谐波有功功率
-  ['Interharmonic_Voltage','SV_1-49'],//间谐波/电压---谐波/间谐波电压含有率
-  ['Interharmonic_Current','SI_1-49'],//间谐波/电流---谐波/间谐波电流幅值
-  ['High Frequency Harmonic_Voltage',''],//高频次谐波/电压
-  ['High Frequency Harmonic_Current',''],//高频次谐波/电流
-  ['Power Item','P'],//功率/功率---功率
-  ['Current Item','IRMS'],//电流/电流---电流/电流有效值
-  ['Dip & Swell & Short duration interruption_Voltage','MAG'],//暂态/电压幅值/电压---暂态/电压幅值
-  ['Dip & Swell & Short duration interruption_Duration','DUR'],//暂态/持续时间/时间---暂态/持续时间
-]);
 
-const handleErrorTypeChange = (value: any, row: any) =>{
+onBeforeMount(() => {
+  valueTypes.forEach(item1 => {
+    let children = []
+    for (let i = 0; i < errorValueTypes.length; i++) {
+      if (item1.value === '2' && errorValueTypes[i].value === '2') {
+        continue
+      }
+      children.push({label: errorValueTypes[i].name, value: Number(errorValueTypes[i].value)})
+    }
+    errorValueTypeOptions.push({label: item1.name, value: Number(item1.value), children: children})
+  })
+})
+const handleErrorTypeChange = (value: any, row: any) => {
 
   // const matchedRow = findRowById(row.errorType, props.errorOptions);//选中误差id找对应结构中的含chilren的code
   // console.log('matchedRow.code',matchedRow.code)
@@ -182,6 +174,31 @@ const handleErrorTypeChange = (value: any, row: any) =>{
   // }
 }
 
+const handleScriptTypeChange = (row: any) => {
+  handleErrorValueTypeChange(row)
+}
+
+const handleErrorValueTypeChange = (row: any) => {
+  let scriptType = findRowById(row.scriptType, props.scriptOptions)
+  if (scriptType) {
+    const errorValueType = row.errorValueType
+    let level1 = errorValueType[0]
+
+    switch (level1) {
+      case 1: // 绝对值
+        row.valueType = 1
+        row.errorUnit = scriptType.remark
+        break;
+      case 2: // 相对值
+        row.valueType = 2
+        row.errorUnit = "%"
+        break;
+      default:
+        break;
+    }
+  }
+}
+
 
 // 假设 props.errorOptions 是一个数组，每个元素可能包含 children 属性
 const findRowById = (id: string, options: any[]): any | null => {
@@ -236,7 +253,7 @@ watch(() => props.tableData, async (newTableData) => {
   props.tableData.forEach(row => {
     isEndValueDisabled.value[row.sort] = row.endFlag === 2;
   });
-}, { immediate: true });
+}, {immediate: true});
 
 
 // 处理 startFlag 变化的方法
@@ -259,41 +276,43 @@ const handleEndFlagChange = (row: ErrorSystem.ErrorSystemDetail, value: number)
   }
 };
 
- //选中
+//选中
-   const handleSelectionChange = (selection: ErrorSystem.ErrorSystemDetail[]) => {
+const handleSelectionChange = (selection: ErrorSystem.ErrorSystemDetail[]) => {
   multipleSelection.value = selection.map(row => row.sort); // 更新选中的行
-  };
+};
-  //新增
+//新增
-  const openAddDialog = () => {
+const openAddDialog = () => {
   // 获取字典数据
-     const conditionTypes = dictStore.getDictData('Condition_Type');
+
-     const errorValueTypes = dictStore.getDictData('Error_Value_Type');
+
   const newRow = {
     sort: props.tableData.length + 1,
     id: '',
-      startFlag:2,
+    startFlag: 2,
-      endFlag:2,
+    endFlag: 2,
-      conditionType: conditionTypes.length > 0 ? Number(conditionTypes[3].value) : 0, // 设置默认值为第一个选项的值
+    conditionType: conditionTypes.length > 0 ? Number(conditionTypes[0].value) : 0, // 设置默认值为第一个选项的值
-      errorValueType:errorValueTypes.length > 0 ? Number(errorValueTypes[0].value) : 0, // 设置默认值为第一个选项的值
+    valueType: valueTypes.length > 0 ? Number(valueTypes[0].value) : 1,
+    errorValueType: [errorValueTypeOptions[0].value, errorValueTypeOptions[0].children[0].value],
     errorSysId: "",
     errorType: "",
     scriptType: "",
     maxErrorValue: 0
   };
 
+
   emit('updateTableData', [...props.tableData, newRow]);
 
 };
 
 const copyRow = (row: ErrorSystem.ErrorSystemDetail) => {
   // 深拷贝行数据
-  const newRow = { ...row };
+  const newRow = {...row};
   const maxNextId = Math.max(...props.tableData.map(item => item.sort), 0);
   newRow.sort = maxNextId + 1;
   emit('updateTableData', [...props.tableData, newRow]);
 };
 //删除行
-const deleteRow = (row:ErrorSystem.ErrorSystemDetail) => {
+const deleteRow = (row: ErrorSystem.ErrorSystemDetail) => {
   const index = props.tableData.indexOf(row);
   if (index !== -1) {
     const newTableData = [...props.tableData];
@@ -322,6 +341,7 @@ const deleteSelectedRows = () => {
 .el-table th, .el-table td {
   text-align: center; /* 所有单元格文字居中 */
 }
+
 .table-container {
   max-height: 400px; /* 根据需要调整高度 */
   overflow-y: auto; /* 允许垂直滚动 */

frontend/src/views/machine/errorSystem/components/errorSystemPopup.vue

@@ -1,11 +1,11 @@
 <template>
-    <el-dialog  :title="dialogTitle" v-model='dialogVisible' @close="close" v-bind="dialogBig" width="1500px">
+    <el-dialog  :title="dialogTitle" v-model='dialogVisible' @close="close" v-bind="dialogBig" width="1660px" align-center>
         <el-tabs type="border-card">
             <el-tab-pane label="基础信息">
-                <div >
+                <div>
-                    <el-form :model="formContent" ref='dialogFormRef' :rules='rules' label-width="auto" class="form-three">
+                    <el-form :model="formContent" ref='dialogFormRef' :rules='rules' label-width="auto" class="form-four">
                         <el-form-item  label="标准号" prop="standardName" >
-                            <el-input  v-model='formContent.standardName'   placeholder="请填写标准号"/>
+                            <el-input  v-model='formContent.standardName'   placeholder="请填写标准号" maxlength="32" show-word-limit/>
                         </el-form-item>
                         <el-form-item label="标准推行年份" prop="standardTime" >
                             <el-date-picker
@@ -26,7 +26,7 @@
                         <el-form-item label="状态" prop="enable" >
                             <el-select v-model='formContent.enable' placeholder="请选择状态">
                                 <el-option label="启用" :value="1"></el-option>
-                                <el-option label="不启用" :value="0"></el-option>
+                                <el-option label="停用" :value="0"></el-option>
                             </el-select>
                         </el-form-item>
                     </el-form>
@@ -137,6 +137,9 @@ const handleTableDataUpdate = (newTableData: ErrorSystem.ErrorSystemDetail[]) =>
                 }
             
                 formContent.value.pqErrSysDtlsList = tableData.value
+              formContent.value.pqErrSysDtlsList.forEach((item) => {
+                item.errorValueType=item.errorValueType[1]
+              })
                 if (formContent.value.id) {
                     await updatePqErrSys(formContent.value);
                     ElMessage.success({ message: `${dialogTitle.value}成功！` })
@@ -212,7 +215,8 @@ const loadSecondLevelOptions = async () => {
         value: item.id,
         label: item.name,
         code: item.code,
-        children: item.children ? convertToOptions(item.children) : undefined
+        children: item.children ? convertToOptions(item.children) : undefined,
+        remark: item.remark
     }));
     };
 
@@ -230,6 +234,9 @@ const open = async (sign: string, data: ErrorSystem.ErrorSystemList) => {
   if (result && result.data) {
     formContent.value = result.data as ErrorSystem.ErrorSystemList;
     tableData.value = formContent.value.pqErrSysDtlsList || [];
+    tableData.value.forEach((item) => {
+      item.errorValueType=[item.valueType,item.errorValueType]
+    })
   } else {
     resetFormContent();
   }

frontend/src/views/machine/errorSystem/index.vue

@@ -16,6 +16,7 @@
        <!-- 表格操作 -->
        <template #operation='scope'>
           <el-button v-auth.device="'view'" type='primary' link :icon='View' @click="openDialog('view', scope.row)">查看</el-button>
+          <el-button v-auth.device="'view'" type='primary' link :icon='View' @click="copy(scope.row)">复制</el-button>
           <el-button v-auth.device="'edit'" type='primary' link :icon='EditPen' @click="openDialog('edit', scope.row)">编辑</el-button>
           <el-button v-auth.device="'delete'" type='primary' link :icon='Delete' @click='handleDelete(scope.row)'>删除</el-button>
         </template>
@@ -26,7 +27,7 @@
   <ErrorStandardPopup :refresh-table='proTable?.getTableList' ref='errorStandardPopup' />
 </template>
 
-<script setup lang="ts" name='useProTable'>
+<script setup lang="tsx" name='useProTable'>
 import ProTable from '@/components/ProTable/index.vue'
 import type { ColumnProps, ProTableInstance } from '@/components/ProTable/interface'
 import { CirclePlus, Delete,EditPen,View} from '@element-plus/icons-vue'
@@ -36,7 +37,8 @@ import ErrorSystemPopup from '@/views/machine/errorSystem/components/errorSystem
 import ErrorStandardPopup from '@/views/machine/errorSystem/components/errorStandardPopup.vue'
 import type { ErrorSystem } from '@/api/device/interface/error'
 import { useDictStore } from '@/stores/modules/dict'
-import { getPqErrSysList, deletePqErrSys} from '@/api/device/error/index'
+import { getPqErrSysList, deletePqErrSys,copyPqErrSys} from '@/api/device/error/index'
+import { ElMessageBox } from 'element-plus'
 defineOptions({
       name: 'errorSystem'
   })
@@ -71,7 +73,15 @@ const columns = ref<ColumnProps<ErrorSystem.ErrorSystemList>[]>([
     search: { el: 'select', props: { filterable: true } },
     fieldNames: { label: 'name', value: 'id' },
   },
-  { prop: 'operation', label: '操作', fixed: 'right' ,width: 250,},
+  {
+    prop: 'enable',
+    label: '启用状态',
+    width: 120,
+    render: scope => {
+      return (scope.row.enable ? <el-tag type='success'>启用</el-tag> : <el-tag type='danger'>停用</el-tag>)
+    },
+  },
+  { prop: 'operation', label: '操作', fixed: 'right' ,width: 300,},
 ])
 
 // 打开 drawer(新增、编辑)
@@ -86,19 +96,33 @@ const openDialog = (titleType: string, row: Partial<ErrorSystem.ErrorSystemList>
 }
 
 
-// 批量删除设备
+// 批量误差体系
 const batchDelete = async (id: string[]) => {
   await useHandleData(deletePqErrSys, id, '删除所选误差体系')
   proTable.value?.clearSelection()
   proTable.value?.getTableList()
 }
 
-// 删除设备
+// 删除误差体系
 const handleDelete = async (params: ErrorSystem.ErrorSystemList) => {
   await useHandleData(deletePqErrSys, [params.id], `删除【${params.name}】误差体系`)
   proTable.value?.getTableList()
 }
 
+
+// 复制误差体系
+const copy = async (params: ErrorSystem.ErrorSystemList) => {
+  ElMessageBox.confirm('是否复制当前误差体系?', '提示', {
+    confirmButtonText: "确定",
+    cancelButtonText: "取消",
+    type: 'warning',
+    draggable: true
+  }).then(async () => {
+    copyPqErrSys(params).then(() => {
+      proTable.value?.getTableList()
+    })
+  })
+}
 </script>
 
 <style scoped>

frontend/src/views/machine/icd/components/icdPopup.vue

@@ -1,13 +1,13 @@
 <template>
     <!-- 基础信息弹出框 -->
-  <el-dialog :model-value="dialogVisible" :title="dialogTitle" v-bind="dialogSmall" @close="close" >
+  <el-dialog :model-value="dialogVisible" :title="dialogTitle" v-bind="dialogSmall" @close="close" align-center>
     <div>
         <el-form :model="formContent"  ref='dialogFormRef' :rules='rules'>
             <el-form-item label="名称" prop="name" >
-                <el-input v-model='formContent.name' placeholder="请输入icd名称"/>
+                <el-input v-model='formContent.name' placeholder="请输入icd名称" maxlength="32" show-word-limit/>
             </el-form-item>
             <el-form-item label="存储地址" prop="path" >
-                <el-input v-model='formContent.path' placeholder="请输入icd存储地址"/>
+                <el-input v-model='formContent.path' placeholder="请输入icd存储地址" maxlength="32" show-word-limit/>
             </el-form-item>
       </el-form>
       </div>

frontend/src/views/machine/standardDevice/components/standardDevicePopup.vue

@@ -0,0 +1,319 @@
+<template>
+    <el-dialog  :title="dialogTitle" v-model='dialogVisible' @close="close" v-bind="dialogBig" align-center>
+        <el-tabs type="border-card">
+            <el-tab-pane label="设备台账信息">
+                <div >
+                    <el-form :model='formContent' ref='dialogFormRef' :rules='rules' :disabled="false" label-width="auto" class="form-three">
+                        <el-divider >设备信息</el-divider>
+                             
+                                <el-form-item label="设备名称" prop="name" >
+                                    <el-input v-model='formContent.name' placeholder="请输入设备名称" maxlength="32" show-word-limit/>
+                                </el-form-item>           
+                                <el-form-item label='设备类型'  prop='devType' >
+                                    <el-select v-model="formContent.devType" filterable  clearable placeholder="请选择设备类型" @change="handleDevTypeChange">
+                                    <el-option
+                                    v-for="item in devTypeOptions"
+                                    :key="item.id"
+                                    :label="item.name"
+                                    :value="item.id"
+                                    />
+                                </el-select>
+                                </el-form-item>  
+                                <el-form-item label='设备厂家'  prop='manufacturer'>
+                                    <el-select v-model="formContent.manufacturer"  clearable placeholder="请选择设备厂家">
+                                    <el-option
+                                    v-for="item in dictStore.getDictData('Dev_Manufacturers')"
+                                    :key="item.id"
+                                    :label="item.name"
+                                    :value="item.id"
+                                    />
+                                </el-select>
+                                </el-form-item>              
+                                        
+                        <el-divider >参数信息</el-divider>
+                                  <el-form-item label='通讯协议' prop='protocol'>
+                                    <el-select v-model="formContent.protocol" clearable placeholder="请选择通讯协议">
+                                      <el-option
+                                          v-for="item in dictStore.getDictData('Protocol')"
+                                          :key="item.id"
+                                          :label="item.name"
+                                          :value="item.id"
+                                      />
+                                    </el-select>
+                                  </el-form-item>     
+                                <el-form-item label="IP地址" prop="ip" placeholder="请输入IP地址">
+                                    <el-input v-model="formContent.ip"/>
+                                </el-form-item>     
+                                <el-form-item label="端口号" prop="port" placeholder="请输入端口号" >
+                                    <el-input v-model="formContent.port" />
+                                </el-form-item>    
+                                  <el-form-item label='可检通道数' prop='inspectChannel' >
+                                  <el-select v-model="formContent.inspectChannel"  multiple collapse-tags    :max-collapse-tags="4" placeholder="请选择可检通道数" clearable>
+                                    <el-option
+                                      v-for="(option, index) in pqChannelArray"
+                                      :key="index"
+                                      :label="option.label"
+                                      :value="option.value"
+                                    />
+                                  </el-select>
+                                </el-form-item>   
+                                <el-form-item label='是否加密'  prop='encryptionFlag' >
+                                    <el-select v-model="formContent.encryptionFlag"  clearable placeholder="请选择是否加密">
+                                        <el-option label="是" :value="1"></el-option>
+                                        <el-option label="否" :value="0"></el-option>
+                                    </el-select>
+                                </el-form-item>           
+                                <el-form-item label='识别码'  prop='series' clearable  v-if="formContent.encryptionFlag">
+                                    <el-input v-model='formContent.series' placeholder="请输入识别码" show-password/>
+                                </el-form-item>           
+                                <el-form-item label='密钥'  prop='devKey' clearable  v-if="formContent.encryptionFlag">
+                                    <el-input v-model='formContent.devKey' placeholder="请输入密钥" show-password/>
+                                </el-form-item>           
+                    </el-form>            
+                </div>  
+            </el-tab-pane>
+        </el-tabs>
+        <template #footer>
+            <div >
+                <el-button @click='close()'>取 消</el-button>
+                <el-button type="primary" @click='save()'>保存</el-button>
+            </div>
+        </template>
+    </el-dialog>
+
+</template>
+<script setup lang='ts'>
+
+import IPAddress from '@/components/IpAddress/index.vue'
+import { dialogBig } from '@/utils/elementBind'
+import {type StandardDevice} from '@/api/device/interface/standardDevice.ts'
+import { ElMessage, type FormItemRule } from 'element-plus'
+import { addPqStandardDev, updatePqStandardDev} from '@/api/device/standardDevice/index.ts'
+import { computed, reactive, type Ref, ref } from 'vue'
+import { useDictStore } from '@/stores/modules/dict'
+import { CirclePlus, Delete, EditPen } from '@element-plus/icons-vue'
+import {type Device} from '@/api/device/interface/device.ts'
+// 使用 dayjs 库格式化
+import dayjs from 'dayjs'
+
+// 存储设备类型选项
+const devTypeOptions = ref<Device.ResDev[]>([])
+const dictStore = useDictStore()
+// 定义弹出组件元信息
+const dialogFormRef = ref()
+
+const pqChannelArray = ref([
+  {
+    value: '1',
+    label: '1',
+  },
+  {
+    value: '2',
+    label: '2',
+  },
+  {
+    value: '3',
+    label: '3',
+  },
+  {
+    value: '4',
+    label: '4',
+  },
+])
+
+  function useMetaInfo() {
+    const dialogVisible = ref(false)
+    const titleType = ref('add')
+    const formContent = reactive<StandardDevice.ResPqStandardDevice>({
+      id: '',
+      name: '',
+      devType:'',
+      manufacturer:'',
+      protocol: 'MMS',
+      ip: '',
+      port: 102,
+      inspectChannel:'',
+      encryptionFlag: 0,
+      state: 1,
+    })
+    return { dialogVisible, titleType, formContent }
+  }
+  
+  const { dialogVisible, titleType, formContent } = useMetaInfo()
+  // 清空formContent
+  const resetFormContent = () => { 
+      Object.assign(
+      formContent,{
+        id: '',
+        name: '',
+        devType:'',
+        manufacturer:'',
+        protocol: 'MMS',
+        ip: '',
+        port: 102,
+        inspectChannel:'',
+        encryptionFlag: 0,
+        state: 1,
+        }
+    )
+  }
+  
+
+  let dialogTitle = computed(() => {
+    return titleType.value === 'add' ? '新增标准设备' : '编辑标准设备'
+  })
+
+
+    //定义校验规则
+  const rules: Ref<Record<string, Array<FormItemRule>>> = ref({
+        name : [{ required: true, message: '设备名称必填！', trigger: 'blur' }],
+        devType: [{ required: true, message: '设备类型必选！', trigger: 'change' }],
+        manufacturer:[{ required: true, message: '生产厂家必选！', trigger: 'change' }],
+        ip: [
+            { required: true, message: 'IP地址必填！', trigger: 'blur' },
+            { pattern: /^((25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.){3}(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)$/, message: 'IP地址格式错误', trigger: 'blur' }
+        ],
+        port: [
+            { required: true, message: '端口号必填！', trigger: 'blur' },
+            { pattern: /^(6553[0-5]|655[0-2][0-9]|64[0-9]{3}|[1-5]?[0-9]{1,4})$/, message: '端口号范围0到65535的整数', trigger: 'blur' }
+        ],
+        inspectChannel:[ { required: true, message: '可检通道数必选', trigger: 'change' }],
+        encryptionFlag: [{ required: true, message: '是否加密必选！', trigger: 'change' }],
+        series: [{ required: true, message: '请输入识别码', trigger: 'blur' }],
+        devKey: [{ required: true, message: '请输入密钥', trigger: 'blur' }],
+        protocol: [{required: true, message: '通讯协议必选！', trigger: 'change'}],
+  })
+
+  // 关闭弹窗
+  const close = () => {
+    dialogVisible.value = false
+    // 清空dialogForm中的值
+    resetFormContent()
+    // 重置表单
+    dialogFormRef.value?.resetFields()
+    
+  }
+  
+  // 保存数据
+  const save = () => {
+    try {      
+        dialogFormRef.value?.validate(async (valid: boolean) => {
+            if (formContent.encryptionFlag === 0) {
+              formContent.series = ''
+              formContent.devKey = ''
+            }
+        if (valid) {
+          //保存时判是否加密，把识别码密钥字段清空
+          if(formContent.encryptionFlag === 0){
+              formContent.series = null
+              formContent.devKey = null
+          }
+
+        // 可检通道转为字符串逗号分隔（保存前临时转换）
+        let originalInspectChannel = formContent.inspectChannel; // 保存原始值
+          //可检通道转为字符串逗号分隔
+          // 确保 inspectChannel 是数组再执行 join
+         if (Array.isArray(formContent.inspectChannel)) {
+            formContent.inspectChannel = formContent.inspectChannel
+              .map(Number)  // 将值转为数字以保证正确排序
+              .sort((a, b) => a - b)  // 数字升序排序
+              .map(String) // 恢复为字符串用于保存
+              .join(',');
+          }
+
+          try {
+          if (formContent.id) {
+            await updatePqStandardDev(formContent);
+            ElMessage.success({ message: `${dialogTitle.value}成功！` })
+          } else {  
+            // 新增需要把通讯协议转成字典ID
+            const protocolItem = dictStore.getDictData('Protocol').find(item => item.name === formContent.protocol);
+            if (protocolItem) {
+              formContent.protocol = protocolItem.id;
+            }
+
+            await addPqStandardDev(formContent);
+            ElMessage.success({ message: `${dialogTitle.value}成功！` })
+          }
+          close()
+          // 刷新表格
+          await props.refreshTable!()
+        } catch (error) {
+          // 如果保存失败，恢复原始的 inspectChannel 值
+          formContent.inspectChannel = originalInspectChannel;
+          throw error;
+        }
+      } else {
+        // 验证失败也需要恢复原始 inspectChannel 格式（如果之前被转换过）
+        if (typeof formContent.inspectChannel === 'string' && formContent.inspectChannel.includes(',')) {
+          formContent.inspectChannel = formContent.inspectChannel.split(',').filter(Boolean);
+        }
+
+        }
+    })
+  } catch (err) {
+    console.error('验证过程中出现错误', err)
+  }
+}
+
+
+// 打开弹窗，可能是新增，也可能是编辑
+const open = async (sign: string, data: StandardDevice.ResPqStandardDevice,devType:Device.ResDev[]) => {
+    // 重置表单
+    dialogFormRef.value?.resetFields()
+    devTypeOptions.value = devType
+    titleType.value = sign
+    if (data.id) {
+     Object.assign(formContent,{ ...data })
+      if (typeof formContent.inspectChannel === 'string') {
+          formContent.inspectChannel = formContent.inspectChannel.split(',').filter(Boolean)
+      }
+      //handleDevTypeChange(data.devType)
+    } else {
+      resetFormContent()
+    }
+
+
+  dialogVisible.value = true
+}
+
+
+const handleDevTypeChange = (value: string) => {
+  console.log('handleDevTypeChange', value)
+  // 在这里处理选中事件的逻辑
+  const dev = devTypeOptions.value.find(t =>t.id === value)
+  if (dev) {
+      const maxChannel = dev.devChns
+    // 动态设置 pqChannelArray 从 1 到 dev.devChns.length
+    pqChannelArray.value = Array.from({ length: dev.devChns }, (_, i) => ({
+      value: String(i + 1),
+      label: String(i + 1),
+    }))
+
+    //if(titleType.value == 'add')    // 默认全选所有通道
+      formContent.inspectChannel = pqChannelArray.value.map(channel => channel.value)
+    // 过滤掉超出新通道数范围的选项
+    if (Array.isArray(formContent.inspectChannel)) {
+      formContent.inspectChannel = formContent.inspectChannel.filter(
+        (channel) => parseInt(channel, 10) <= maxChannel
+      )
+    }
+  } else {
+    // 可选：恢复默认值
+    pqChannelArray.value = [
+      { value: '1', label: '1' },
+      { value: '2', label: '2' },
+      { value: '3', label: '3' },
+      { value: '4', label: '4' },
+    ]
+
+     
+  }
+}
+
+// 对外映射
+defineExpose({ open })
+const props = defineProps<{
+  refreshTable: (() => Promise<void>) | undefined;
+}>()
+</script>