90 Commits

Author SHA1 Message Date
sjl
83998f88ac Merge branch 'master' of http://192.168.1.22:3000/frontend/pqs-9100_client 2025-08-05 10:37:48 +08:00
sjl
9c5e54507b 通道配对,预检测界面 2025-08-05 10:37:40 +08:00
caozehui
15689b5284 Merge branch 'qr_branch'
# Conflicts:
#	frontend/src/views/machine/device/index.vue
2025-07-31 09:47:40 +08:00
caozehui
00893d2d1f 微调 2025-07-31 09:40:12 +08:00
sjl
0079f7415e 检测计划列表编辑 2025-07-29 18:35:46 +08:00
327801d040 出厂检测报告改造 2025-07-24 16:30:19 +08:00
sjl
6e22c01dd8 通道配对 2025-07-24 08:29:03 +08:00
sjl
bccb4b1f17 被检设备监测点 2025-07-22 16:12:08 +08:00
sjl
1f37cc567c 首页隐藏子计划,计划列表子计划设备管理 2025-07-22 14:56:58 +08:00
sjl
f81503091d Merge branch 'master' of http://192.168.1.22:3000/frontend/pqs-9100_client 2025-07-21 13:48:07 +08:00
sjl
e29f25653e 比对检测计划 2025-07-21 13:47:56 +08:00
caozehui
9e8e44b886 二楼检测项为空问题 2025-07-18 14:33:12 +08:00
caozehui
6e10b0c645 二楼检测项为空问题 2025-07-14 15:02:07 +08:00
sjl
c8f3b4eddc tab监测点框高度 2025-07-09 20:58:52 +08:00
sjl
cc848b1ffb 标准设备,比对模式被检设备 2025-07-09 20:12:40 +08:00
sjl
d2f0382bd9 新增场景切换 2025-07-01 14:58:11 +08:00
sjl
9fecf0ce3f 用户管理去除时间查询 2025-07-01 10:47:59 +08:00
sjl
290586d0ff 全局误差小数位4-6位 2025-06-30 10:06:19 +08:00
sjl
ddc45af223 优化计划弹框 2025-06-27 10:57:57 +08:00
sjl
0e6f123306 新增计划初始化 2025-06-27 10:53:56 +08:00
sjl
7b93363b23 通用配置误差保留小数位 2025-06-27 09:01:06 +08:00
caozehui
2fd0dcb8a3 微调 2025-06-27 08:40:27 +08:00
caozehui
86ee05f8af 微调 2025-06-26 14:01:04 +08:00
caozehui
38814b9f44 手动检测根据检测内容不同动态决定是否进行初始化操作 2025-06-26 13:17:11 +08:00
caozehui
fb5d13671d Merge remote-tracking branch 'origin/master' 2025-06-25 09:22:14 +08:00
caozehui
310a769092 微调 2025-06-25 09:21:58 +08:00
sjl
8c63edabdc 楼下场景不用报告模版 2025-06-24 11:03:55 +08:00
caozehui
5363625a2f 微调 2025-06-24 09:22:36 +08:00
efcd6e1cfe 临时提交(自动检测步骤) 2025-06-23 13:19:38 +08:00
acc4d0ca67 被检设备表格增加IP字段 2025-06-20 14:58:28 +08:00
772f38feca 代码提交 2025-06-20 12:11:57 +08:00
sjl
1eb141e559 新增检测计划默认显示,为空判断 2025-06-11 16:01:23 +08:00
caozehui
16b446bf20 微调 2025-06-04 22:15:37 +08:00
sjl
bc0de34c15 预检测不显示温度框 2025-06-04 16:38:02 +08:00
sjl
15f2c1ee41 用户,角色超级管理员不可编辑 2025-05-29 10:49:26 +08:00
sjl
81a944062a Merge branch 'master' of http://192.168.1.22:3000/frontend/pqs-9100_client 2025-05-29 10:15:10 +08:00
sjl
3c19b05f4b 间谐波次数,IP地址 2025-05-29 10:15:03 +08:00
caozehui
c1f53cdc69 微调 2025-05-27 09:07:59 +08:00
sjl
6ef2a6049b 系数校准二次确认,输入框长度限值 2025-05-26 15:36:06 +08:00
caozehui
9989cc98cb 微调 2025-05-26 14:41:06 +08:00
caozehui
e192158deb 微调 2025-05-23 10:15:05 +08:00
caozehui
2e5d551e5d 添加脚本与ICD检验时出现10500错误 2025-05-22 18:43:33 +08:00
caozehui
4622eb36d9 ABC三项可以分开单独展示部分相的数据 2025-05-22 08:45:55 +08:00
caozehui
9c53b7c18e 微调 2025-05-21 15:29:39 +08:00
caozehui
7b3805060f 微调 2025-05-19 09:15:48 +08:00
caozehui
629600bc00 归档前如果设备没有生成报告则自动生成报告 2025-05-16 10:33:43 +08:00
caozehui
8b144b63fc 批量生成报告 2025-05-15 16:08:35 +08:00
caozehui
098ab3a41d 省级平台在正式检测时增加温度、相对湿度参数 2025-05-15 08:57:24 +08:00
caozehui
2a53f577aa 检测计划新增数据处理原则字段、全局配置中移除数据处理原则字段 2025-05-14 08:58:21 +08:00
caozehui
f8b7c224b7 检测计划数据源字段显示bug、脚本大项启用/禁用功能 2025-05-12 15:57:19 +08:00
caozehui
f0b3bdd37c 预检测出现连接超时错误提示 2025-05-12 14:38:25 +08:00
caozehui
bb35eb749b 不合格项复检bug 2025-05-09 08:51:54 +08:00
caozehui
b3750d6a7f 微调 2025-05-06 15:22:26 +08:00
caozehui
33ebb91ab6 微调 2025-05-06 15:14:58 +08:00
sjl
3e00f2fee7 Merge branch 'master' of http://192.168.1.22:3000/frontend/pqs-9100_client 2025-05-06 11:00:23 +08:00
sjl
68e9856641 省级平台不展示系数校准 2025-05-06 11:00:12 +08:00
caozehui
51b2e80493 微调 2025-05-06 10:19:41 +08:00
sjl
cf77572f41 设备类型报告模版只在楼下厂家展示 2025-05-06 10:08:57 +08:00
GGJ
fe6524404c 微调 2025-04-29 10:47:25 +08:00
caozehui
ccda7218f4 检测计划数据源字段调整、绑定设备样式调整 2025-04-28 09:18:52 +08:00
caozehui
ddd0e6a22b (间)谐波含有率可以为小数 2025-04-27 16:11:48 +08:00
caozehui
ed85453de1 误差体系切换时-生成报告 2025-04-25 14:32:17 +08:00
caozehui
04939606fc 间谐波电流、间谐波电流复制bug,tooltip位置调整 2025-04-24 16:16:04 +08:00
caozehui
2df455b667 暂态设定幅值最大为180% 2025-04-24 10:18:27 +08:00
caozehui
8fb214d7a7 微调 2025-04-23 15:28:35 +08:00
caozehui
4f2c8a8016 微调 2025-04-23 10:45:46 +08:00
caozehui
c2974dbe0d 微调 2025-04-22 15:52:03 +08:00
caozehui
3891e5459a 误差体系修改 2025-04-22 14:21:24 +08:00
caozehui
9ed47ac5bc 检测结果数据显示问题 2025-04-22 14:12:07 +08:00
caozehui
114fcd140d 微调 2025-04-22 13:49:59 +08:00
caozehui
19a30894f8 微调 2025-04-21 09:11:31 +08:00
caozehui
2134fea518 微调 2025-04-21 09:10:24 +08:00
caozehui
82f495ce3b 调整窗口大小 2025-04-18 13:42:48 +08:00
caozehui
f2ecff54a3 微调 2025-04-18 11:07:04 +08:00
caozehui
f56004ac15 微调 2025-04-17 14:47:32 +08:00
caozehui
5303c47248 微调 2025-04-17 10:21:38 +08:00
GGJ
37731592f7 微调 2025-04-16 10:17:37 +08:00
caozehui
c9e41e0c82 日志导出csv、报告模板编辑框样式调整 2025-04-15 09:45:00 +08:00
caozehui
4a80a88e6e 微调 2025-04-14 19:51:06 +08:00
caozehui
30b219e14d 微调 2025-04-14 14:43:29 +08:00
caozehui
ecec9adeea icd校验 2025-04-14 13:22:46 +08:00
caozehui
1853152138 日志分页查询及展示 2025-04-11 14:34:56 +08:00
GGJ
5619413f37 修改点击使能默认够选通道使能,修改暂态使能持续时间保持一致 2025-04-10 11:11:23 +08:00
caozehui
5b736bc475 微调 2025-04-10 10:50:53 +08:00
caozehui
2aa37c3fe3 微调 2025-04-09 20:42:17 +08:00
caozehui
4e0cb72f32 微调 2025-04-09 20:06:08 +08:00
caozehui
ce74ec4db7 bug修复 2025-04-09 19:30:00 +08:00
caozehui
9938306884 微调 2025-04-09 14:30:00 +08:00
caozehui
ef63fcf807 bug修复 2025-04-08 09:51:35 +08:00
caozehui
08cffa4256 bug修复 2025-04-08 09:43:12 +08:00
100 changed files with 8486 additions and 3644 deletions

View File

@@ -14,6 +14,7 @@
}, },
"dependencies": { "dependencies": {
"@element-plus/icons-vue": "^2.3.1", "@element-plus/icons-vue": "^2.3.1",
"@vue-flow/core": "^1.45.0",
"@vueuse/core": "^10.4.1", "@vueuse/core": "^10.4.1",
"axios": "^1.7.3", "axios": "^1.7.3",
"crypto-js": "^4.2.0", "crypto-js": "^4.2.0",
@@ -72,7 +73,7 @@
"unplugin-auto-import": "^0.18.3", "unplugin-auto-import": "^0.18.3",
"unplugin-vue-components": "^0.27.4", "unplugin-vue-components": "^0.27.4",
"unplugin-vue-setup-extend-plus": "^1.0.0", "unplugin-vue-setup-extend-plus": "^1.0.0",
"vite": "^5.3.1", "vite": "^5.4.19",
"vite-plugin-compression": "^0.5.1", "vite-plugin-compression": "^0.5.1",
"vite-plugin-eslint": "^1.8.1", "vite-plugin-eslint": "^1.8.1",
"vite-plugin-html": "^3.2.0", "vite-plugin-html": "^3.2.0",

View File

@@ -102,6 +102,7 @@ export namespace CheckData {
devVolt: number; //设备电压 devVolt: number; //设备电压
devCurr: number; //设备电流 devCurr: number; //设备电流
factorFlag: number; //是否支持系数校准 factorFlag: number; //是否支持系数校准
checkResult:number; //检测结果
} }
// 用来描述检测脚本类型 // 用来描述检测脚本类型

View File

@@ -4,7 +4,7 @@ import {CheckData} from "@/api/check/interface";
export const getBigTestItem = (params: { export const getBigTestItem = (params: {
reCheckType: number, reCheckType: number,
planId: string, planId: string,
devId: string, devIds: string[],
}) => { }) => {
return http.post(`/adPlan/getBigTestItem`, params, {loading: false}); return http.post(`/adPlan/getBigTestItem`, params, {loading: false});
} }

View File

@@ -1,3 +1,4 @@
import { pa } from 'element-plus/es/locale/index.mjs';
import type {Device} from '@/api/device/interface/device' import type {Device} from '@/api/device/interface/device'
import http from '@/api' import http from '@/api'
@@ -30,8 +31,8 @@ export const exportPqDev = (params: Device.ReqPqDevParams) => {
return http.download(`/pqDev/export`, params) return http.download(`/pqDev/export`, params)
} }
// 下载导入文件模板 // 下载导入文件模板
export const downloadTemplate = () => { export const downloadTemplate = (params: { pattern: string }) => {
return http.download(`/pqDev/downloadTemplate`) return http.download(`/pqDev/downloadTemplate`,params)
} }
//导入被检设备 //导入被检设备
@@ -59,13 +60,15 @@ export const importContrastPqDev = (params: Device.ReqPqDevParams) => {
// return http.uploadExcel(`/pqDev/importCNDev`, params) // return http.uploadExcel(`/pqDev/importCNDev`, params)
// } // }
export const getPqDevById = (params: Device.ReqPqDevParams) => {
return http.get(`/pqDev/getById?id=${params.id}`)
}
//根据设备类型决定电源、icd、模板、通道数、额定电压、额定电流 //根据设备类型决定电源、icd、模板、通道数、额定电压、额定电流
export const getPqDev = () => { export const getPqDev = () => {
return http.get(`/devType/listAll`) 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)
} }

View File

@@ -1,4 +1,6 @@
import { getPqDevById } from './../device/index';
import type {ReqPage, ResPage} from '@/api/interface' import type {ReqPage, ResPage} from '@/api/interface'
import type { Monitor } from './monitor';
// 被检设备模块 // 被检设备模块
export namespace Device { export namespace Device {
@@ -22,6 +24,7 @@ export namespace Device {
devId?: string; // 装置id devId?: string; // 装置id
scriptId?: string; // 脚本id scriptId?: string; // 脚本id
planCode?: string; planCode?: string;
devIdList?: string[]; // 装置id列表
} }
/** /**
@@ -32,9 +35,6 @@ export namespace Device {
name: string; //设备名称 name: string; //设备名称
pattern: string; //设备模式 模拟 数字 比对 pattern: string; //设备模式 模拟 数字 比对
devType: string;//设备类型 devType: string;//设备类型
devChns: number; //设备通道数
devVolt: number; //额定电压V
devCurr: number; //额定电流A
manufacturer?: string | null;//生产厂家 manufacturer?: string | null;//生产厂家
createDate: string; //生产日期 createDate: string; //生产日期
createId: string; //出厂编号 createId: string; //出厂编号
@@ -49,28 +49,57 @@ export namespace Device {
sampleId?: string | null; //样品编号 sampleId?: string | null; //样品编号
arrivedDate?: string; //送样日期 arrivedDate?: string; //送样日期
cityName?: string | null; //所属地市名称 cityName?: string | null; //所属地市名称
gDName?: string | null; //所属供电公司名称 gdName?: string | null; //所属供电公司名称
subName?: string | null; //所属电站名称 subName?: string | null; //所属电站名称
checkState?: number | null; //检测状态
checkResult?: number | null; //检测结果
reportState?: number | null; //报告状态
reportPath?: string | null; //报告路径 reportPath?: string | null; //报告路径
qRCode?: string | null; //设备关键信息二维码
reCheckNum: number; //复检次数
planId?: string;//检测计划Id planId?: string;//检测计划Id
timeCheckResult?: number;//守时检测结果(0:不符合1:符合)
factorFlag?: number;//是否支持系数校准(0:不支持,1:支持) factorFlag?: number;//是否支持系数校准(0:不支持,1:支持)
factorCheckResult?: number;//系数校准结果(0:不合格1:合格2/表示没有做系数校准) preinvestmentPlan: string | null;//预投计划
delegate: string | null; //委托方
inspectChannel?: string[] | string;//被检通道
inspectDate?: string | null;//定检日期
harmSysId?: string | null;//谐波系统设备id
importFlag?: number;//是否为导入设备 0否 1是
state: number; //状态 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; //更新时间
devChns: number; //设备通道数
devVolt: number; //额定电压V
devCurr: number; //额定电流A
icdId: string | null; icdId: string | null;
power: string | null;//工作电源 power: string | null;//工作电源
preinvestmentPlan: 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; id: string;
@@ -82,7 +111,10 @@ export namespace Device {
devChns: number, devChns: number,
} }
export interface ResTH {
temperature :number | null;//温度
humidity:number | null;//湿度
}
/** /**
* 被检设备表格查询分页返回的对象; * 被检设备表格查询分页返回的对象;
*/ */

View File

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

View File

@@ -1,33 +1,35 @@
import type { ReqPage, ResPage } from '@/api/interface' import type { ReqPage, ResPage } from '@/api/interface'
// 被检设备模块 // 监测点模块
export namespace Monitor { export namespace Monitor {
/** /**
* 电能质量指标字典数据表格分页查询参数 * 监测点表格分页查询参数
*/ */
export interface ReqPqMonParams extends ReqPage { export interface ReqPqMonParams extends ReqPage {
id: string; // 装置序号id 必填 id: string; // 装置序号id 必填
devType?: string; // 设备名称 name?: string; // 设备名称
createTime?: string; //创建时间
} }
/** /**
* 被检设备新增、修改、根据id查询返回的对象 * 监测点新增、修改、根据id查询返回的对象
*/ */
export interface ResPqMon { export interface ResPqMon {
id: string; //监测点ID id: string; //监测点ID
code: string; //默认与谐波系统监测点ID相同
devId: 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> { export interface ResPqMonPage extends ResPage<ResPqMon> {

View File

@@ -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> {
}
}

View File

@@ -40,3 +40,12 @@ export const getPqReportAllVersion = (params:any) => {
return http.get(`/report/listAllVersion?name=${params.name}`) 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)
}

View File

@@ -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`)
}

View File

@@ -76,6 +76,7 @@ class RequestHttp {
userStore.setAccessToken(result.data.accessToken) userStore.setAccessToken(result.data.accessToken)
userStore.setRefreshToken(result.data.refreshToken) userStore.setRefreshToken(result.data.refreshToken)
userStore.setIsRefreshToken(false) userStore.setIsRefreshToken(false)
userStore.setExp(1000 * 60 * 60 * 24 * 30)
response.config.headers.Authorization = `Bearer ${result.data.accessToken}`//重新请求前需要将更新后的新token更换掉之前无效的token,不然会死循环 response.config.headers.Authorization = `Bearer ${result.data.accessToken}`//重新请求前需要将更新后的新token更换掉之前无效的token,不然会死循环
const resp = await this.service.request(response.config) const resp = await this.service.request(response.config)
return resp return resp
@@ -90,6 +91,7 @@ class RequestHttp {
userStore.setRefreshToken('') userStore.setRefreshToken('')
userStore.setIsRefreshToken(false) userStore.setIsRefreshToken(false)
userStore.setUserInfo({ id:'',name: '' }) userStore.setUserInfo({ id:'',name: '' })
userStore.setExp(0)
await router.replace(LOGIN_URL) await router.replace(LOGIN_URL)
if(isFirst){//临时处理token失效弹窗多次 if(isFirst){//临时处理token失效弹窗多次
ElMessage.error(data.message) ElMessage.error(data.message)
@@ -100,14 +102,29 @@ class RequestHttp {
// 全局错误信息拦截(防止下载文件的时候返回数据流,没有 code 直接报错) // 全局错误信息拦截(防止下载文件的时候返回数据流,没有 code 直接报错)
if (data.code && data.code !== ResultEnum.SUCCESS) { if (data.code && data.code !== ResultEnum.SUCCESS) {
if(data.message.includes('&')){ 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 }); ElMessage.error({ message: formattedMessage, dangerouslyUseHTMLString: true });
return Promise.reject(data) return Promise.reject(data)
} }
ElMessage.error(data.message) ElMessage.error(data.message)
return Promise.reject(data) 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 return data
}, },
async (error: AxiosError) => { async (error: AxiosError) => {

View File

@@ -15,6 +15,7 @@ export interface Result {
* 请求响应参数包含data * 请求响应参数包含data
*/ */
export interface ResultData<T = any> extends Result { 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; data: T;
} }

View File

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

View File

@@ -2,7 +2,7 @@ import type { Plan } from './interface'
import http from '@/api' import http from '@/api'
import type { ErrorSystem } from '../device/interface/error' import type { ErrorSystem } from '../device/interface/error'
import type { Device } from '../device/interface/device' import type { Device } from '../device/interface/device'
import { ReqDevReportParams } from '@/api/device/interface/device' import { pa } from 'element-plus/es/locale/index.mjs'
/** /**
* @name 检测计划管理模块 * @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查询出所有已绑定的设备 //根据检测计划id查询出所有已绑定的设备
export const getBoundPqDevList = (params: any) => { export const getBoundPqDevList = (params: any) => {
return http.post(`/pqDev/listByPlanId`, params) return http.post(`/adPlan/listByPlanId`, params)
} }
//检测计划绑定设备 //检测计划绑定设备
@@ -68,8 +68,8 @@ export const exportPlan = (params: Device.ReqPqDevParams) => {
} }
// 下载模板 // 下载模板
export const downloadTemplate = () => { export const downloadTemplate = (params: { patternId: string }) => {
return http.download(`/adPlan/downloadTemplate`) return http.download(`/adPlan/downloadTemplate`, params)
} }
// 导入检测计划 // 导入检测计划
export const importPlan = (params: Device.ReqPqDevParams) => { export const importPlan = (params: Device.ReqPqDevParams) => {
@@ -90,3 +90,32 @@ export const staticsAnalyse = (params: { id: string[] }) => {
return http.download('/adPlan/analyse', params) 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}`)
}

View File

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

View File

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

View File

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

View File

@@ -11,6 +11,7 @@ export namespace Login {
accessToken: string; accessToken: string;
refreshToken: string; refreshToken: string;
userInfo:{ userInfo:{
id: string;
name: string; name: string;
} }
} }

View File

@@ -1,3 +1,4 @@
import { pa } from 'element-plus/es/locale/index.mjs';
import type {Login} from '@/api/user/interface/user' import type {Login} from '@/api/user/interface/user'
import {ADMIN as rePrefix} from '@/api/system/config/serviceName' import {ADMIN as rePrefix} from '@/api/system/config/serviceName'
import http from '@/api' import http from '@/api'
@@ -7,7 +8,7 @@ import type {Dict} from '@/api/interface'
* @name 登录模块 * @name 登录模块
*/ */
// 用户登录 // 用户登录
export const loginApi = (params: { username: string; password: string,checked: boolean }) => { 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 }) // return http.post<Login.ResLogin>(`/Register1`, params, { loading: false })
} }
@@ -47,8 +48,8 @@ export const getCurrentScene = () => {
/** /**
* 获取RSA公钥 * 获取RSA公钥
*/ */
export const getPublicKey = (username: string, checked: boolean) => { export const getPublicKey = (username: string) => {
return http.get(`/admin/getPublicKey?username=${username}&checked=${checked}`, {}, {loading: false}) return http.get(`/admin/getPublicKey?username=${username}`, {}, {loading: false})
} }
/** /**

View File

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

View File

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

View File

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

View File

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

View File

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

View File

@@ -27,6 +27,7 @@ export default {
changeMode:"模式切换", changeMode:"模式切换",
versionRegister:"版本注册", versionRegister:"版本注册",
changeTheme:"主题切换", changeTheme:"主题切换",
changeScene: "场景切换",
logout: "退出登录" logout: "退出登录"
} }
}; };

View File

@@ -42,25 +42,12 @@ import { ref, reactive, computed, onMounted, watch } from "vue";
import { useAuthStore } from "@/stores/modules/auth"; import { useAuthStore } from "@/stores/modules/auth";
import { useModeStore } from '@/stores/modules/mode'; // 引入模式 store import { useModeStore } from '@/stores/modules/mode'; // 引入模式 store
import { useRouter } from "vue-router"; import { useRouter } from "vue-router";
const title = ref("模拟式模块");
const router = useRouter(); const router = useRouter();
const authStore = useAuthStore(); const authStore = useAuthStore();
const modeStore = useModeStore(); 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) => { const handelOpen = async (item: string) => {

View File

@@ -33,6 +33,28 @@
<el-dropdown-item @click="openDialog('versionRegisterRef')"> <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-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> </el-dropdown-menu>
</template> </template>
</el-dropdown> </el-dropdown>
@@ -62,7 +84,7 @@ import PasswordDialog from "./PasswordDialog.vue";
import ThemeDialog from "./ThemeDialog.vue"; import ThemeDialog from "./ThemeDialog.vue";
import VersionDialog from "@/views/system/versionRegister/index.vue"; import VersionDialog from "@/views/system/versionRegister/index.vue";
import { computed } from "vue"; import { computed } from "vue";
import { Avatar, Delete, Document, Sunny, Switch } 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 AssemblySize from "./components/AssemblySize.vue";
import Language from "./components/Language.vue"; import Language from "./components/Language.vue";
import SearchMenu from "./components/SearchMenu.vue"; import SearchMenu from "./components/SearchMenu.vue";
@@ -75,13 +97,16 @@ import { useModeStore,useAppSceneStore } from "@/stores/modules/mode";
const userStore = useUserStore(); const userStore = useUserStore();
const dictStore = useDictStore(); const dictStore = useDictStore();
const username = computed(() => userStore.userInfo.name); const username = computed(() => userStore.userInfo.name);
const router = useRouter(); const router = useRouter();
const authStore = useAuthStore(); const authStore = useAuthStore();
const modeStore = useModeStore(); const modeStore = useModeStore();
const AppSceneStore = useAppSceneStore(); const AppSceneStore = useAppSceneStore();
import { useTheme } from "@/hooks/useTheme"; import { useTheme } from "@/hooks/useTheme";
import { useI18n } from "vue-i18n"; import { useI18n } from "vue-i18n";
import {getPublicKey} from "@/api/user/login"; // 引入 vue-i18n 钩子 import {updateScene} from '@/api/system/base/index'
const { changePrimary} = useTheme(); const { changePrimary} = useTheme();
// 初始化 i18n // 初始化 i18n
@@ -99,6 +124,7 @@ const logout = () => {
// 2.清除 Token // 2.清除 Token
userStore.setAccessToken(""); userStore.setAccessToken("");
userStore.setRefreshToken(""); userStore.setRefreshToken("");
userStore.setExp(0)
userStore.setUserInfo({id: "", name: ""}); userStore.setUserInfo({id: "", name: ""});
userStore.setIsRefreshToken(false) userStore.setIsRefreshToken(false)
dictStore.setDictData([]); dictStore.setDictData([]);
@@ -126,7 +152,14 @@ const openDialog = (ref: string) => {
}; };
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();
};
//模式切换 //模式切换
@@ -168,4 +201,18 @@ const changeMode = () => {
// height: 100%; // 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> </style>

View File

@@ -20,13 +20,17 @@
</template> </template>
</template> </template>
<script setup lang="ts"> <script setup lang="ts">
import { onBeforeMount } from "vue";
import { useRouter } from "vue-router"; import { useRouter } from "vue-router";
defineProps<{ menuList: Menu.MenuOptions[] }>(); defineProps<{ menuList: Menu.MenuOptions[] }>();
const router = useRouter(); const router = useRouter();
const handleClickMenu = (subItem: Menu.MenuOptions) => { const handleClickMenu = (subItem: Menu.MenuOptions) => {
//console.log('1456----------------',subItem);
if (subItem.meta.isLink) return window.open(subItem.meta.isLink, "_blank"); if (subItem.meta.isLink) return window.open(subItem.meta.isLink, "_blank");
router.push(subItem.path); router.push(subItem.path);
}; };
</script> </script>
<style lang="scss"> <style lang="scss">
.el-sub-menu .el-sub-menu__title:hover { .el-sub-menu .el-sub-menu__title:hover {

View File

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

View File

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

View File

@@ -8,6 +8,9 @@ import {
} from "@/utils"; } from "@/utils";
import { useRouter } from "vue-router"; import { useRouter } from "vue-router";
import { AUTH_STORE_KEY } from "@/stores/constant"; import { AUTH_STORE_KEY } from "@/stores/constant";
import {useModeStore} from '@/stores/modules/mode'
export const useAuthStore = defineStore({ export const useAuthStore = defineStore({
id: AUTH_STORE_KEY, id: AUTH_STORE_KEY,
state: (): AuthState => ({ state: (): AuthState => ({
@@ -43,7 +46,13 @@ export const useAuthStore = defineStore({
}, },
// Get AuthMenuList // Get AuthMenuList
async getAuthMenuList() { 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; 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);
});
}

View File

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

View File

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

View File

@@ -445,7 +445,7 @@
.dialog-small { .dialog-small {
.el-dialog__body { .el-dialog__body {
max-height: 340px; max-height: 350px;
} }
} }

View File

@@ -140,3 +140,9 @@ body,
:-webkit-any(article, aside, nav, section) h1 { :-webkit-any(article, aside, nav, section) h1 {
font-size: 2em; 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';

View File

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

View File

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

View File

@@ -1,6 +1,6 @@
<template> <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> <div>
<el-form :model="formContent" <el-form :model="formContent"
@@ -8,11 +8,11 @@
:rules='rules' :rules='rules'
> >
<el-form-item label="名称" prop='name' :label-width="100" > <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>
<el-form-item label="编码" prop='code' :label-width="100"> <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>
<el-form-item label='类型' prop='type' :label-width="100"> <el-form-item label='类型' prop='type' :label-width="100">
<el-select v-model="formContent.type" clearable placeholder="请选择类型" :disabled="rootIsEdit"> <el-select v-model="formContent.type" clearable placeholder="请选择类型" :disabled="rootIsEdit">

View File

@@ -1,6 +1,6 @@
<template> <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> <div>
<el-form :model="formContent" ref='dialogFormRef'> <el-form :model="formContent" ref='dialogFormRef'>
<el-tree <el-tree

View File

@@ -16,9 +16,9 @@
</template> </template>
<!-- 表格操作 --> <!-- 表格操作 -->
<template #operation='scope'> <template #operation='scope'>
<el-button v-auth.role="'edit'" type='primary' link :icon='EditPen' @click="openDrawer('edit', 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> </template>
</ProTable> </ProTable>

View File

@@ -1,19 +1,19 @@
<template> <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> <div>
<el-form :model="formContent" <el-form :model="formContent"
ref='dialogFormRef' ref='dialogFormRef'
:rules='rules' :rules='rules'
> >
<el-form-item label="原密码" prop='oldPassword' :label-width="100"> <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>
<el-form-item label="新密码" prop='newPassword' :label-width="100"> <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>
<el-form-item label="确认密码" prop='surePassword' :label-width="100"> <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-item>
</el-form> </el-form>
</div> </div>

View File

@@ -1,19 +1,19 @@
<template> <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> <div>
<el-form :model="formContent" <el-form :model="formContent"
ref='dialogFormRef' ref='dialogFormRef'
:rules='rules' :rules='rules'
> >
<el-form-item label="用户名" prop='name' :label-width="100"> <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>
<el-form-item label="登录名" prop='loginName' :label-width="100" > <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>
<el-form-item label="密码" prop='password' :label-width="100" v-if="IsPasswordShow"> <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>
<el-form-item label='角色' :label-width='100' prop='roles'> <el-form-item label='角色' :label-width='100' prop='roles'>
<el-select v-model="formContent.roleIds" multiple placeholder="请选择角色"> <el-select v-model="formContent.roleIds" multiple placeholder="请选择角色">

View File

@@ -16,9 +16,9 @@
</template> </template>
<!-- 表格操作 --> <!-- 表格操作 -->
<template #operation='scope'> <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> </template>
</ProTable> </ProTable>
@@ -64,8 +64,8 @@
// 默认不做操作就直接在 ProTable 组件上绑定 :requestApi="getUserList" // 默认不做操作就直接在 ProTable 组件上绑定 :requestApi="getUserList"
const getTableList = (params: any) => { const getTableList = (params: any) => {
let newParams = JSON.parse(JSON.stringify(params)) 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) return getUserList(newParams)
} }
@@ -91,6 +91,7 @@
render: (scope) => { render: (scope) => {
const roleNames = scope.row.roleNames; const roleNames = scope.row.roleNames;
const roleArray = Array.isArray(roleNames) ? roleNames : [roleNames]; const roleArray = Array.isArray(roleNames) ? roleNames : [roleNames];
if (roleArray.length > 1) { if (roleArray.length > 1) {
return roleArray.join(', '); return roleArray.join(', ');
} }
@@ -111,19 +112,19 @@
prop: 'loginTime', prop: 'loginTime',
label: '最后一次登录时间', label: '最后一次登录时间',
minWidth: 180, 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', prop: 'state',

View File

@@ -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>

View File

@@ -1,6 +1,6 @@
<template> <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="dialog-content">
<div class="right-title"> <div class="right-title">
<!-- <div>系数校准表</div> --> <!-- <div>系数校准表</div> -->
@@ -18,14 +18,16 @@
<div class="container"> <div class="container">
<div class="dialog-left"> <div class="dialog-left">
<el-steps direction="vertical" :active="active" :process-status="currentStepStatus" finish-status="success"> <el-steps direction="vertical" :active="active" :process-status="currentStepStatus" finish-status="success">
<el-step title="开始" /> <el-step title="开始"/>
<el-step> <el-step>
<template #title> <template #title>
<span>大电压/电流系数下装</span><br/> <span>大电压/电流系数下装</span><br/>
<span class="spanStyle">源输出为</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> </template>
</el-step> </el-step>
<el-step> <el-step>
@@ -34,7 +36,9 @@
<span class="spanStyle">源输出为</span><br/> <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_V_Download }}</span><br/>
<span class="spanStyle" v-if="active > 1">{{ small_I_Download }}</span> <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> </template>
</el-step> </el-step>
<el-step> <el-step>
@@ -43,7 +47,9 @@
<span class="spanStyle">源输出为</span><br/> <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_V_Adjust }}</span><br/>
<span class="spanStyle" v-if="active > 2">{{ big_I_Adjust }}</span> <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> </template>
</el-step> </el-step>
<el-step> <el-step>
@@ -52,20 +58,22 @@
<span class="spanStyle">源输出为</span><br/> <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_V_Adjust }}</span><br/>
<span class="spanStyle" v-if="active > 3">{{ small_I_Adjust }}</span> <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> </template>
</el-step> </el-step>
<el-step title="结束"/> <el-step title="结束"/>
</el-steps> </el-steps>
</div> </div>
<div class="right-content"> <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"> <el-tab-pane v-for="(device, index) in name" :key="index" :label="device">
<template #label> <template #label>
<span class="custom-tabs-label"> <span class="custom-tabs-label">
<span>{{ device }}</span> <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> </el-icon>
</span> </span>
</template> </template>
@@ -78,7 +86,7 @@
</el-tabs> </el-tabs>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<template #footer> <template #footer>
<div class="dialog-footer"> <div class="dialog-footer">
@@ -89,15 +97,14 @@
</template> </template>
<script lang="tsx" setup name="channelsTest"> <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 {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"; import {useUserStore} from "@/stores/modules/user";
@@ -116,7 +123,7 @@ const devIdArray = ref<string[]>([])//系数校准所选设备ID数组
const select_Plan = ref<Plan.ReqPlan>() const select_Plan = ref<Plan.ReqPlan>()
const planId = ref('') const planId = ref('')
const isButtonDisabled = ref(false); const isButtonDisabled = ref(false);
const CurV= ref<number>()//额定电压 const CurV = ref<number>()//额定电压
// 在 setup 函数中 // 在 setup 函数中
const errorStates = ref(new Array(name.value.length).fill(false)); const errorStates = ref(new Array(name.value.length).fill(false));
//const loadingStates = ref(new Array(name.value.length).fill(false)); // 初始化 loading 状态 //const loadingStates = ref(new Array(name.value.length).fill(false)); // 初始化 loading 状态
@@ -144,7 +151,7 @@ const tableDataMap = new Map<number, Ref<ChannelsTest.CoefficientVO[]>>([]);
const currentStepStatus = ref<'error' | 'finish' | 'wait' | 'success' | 'process'>('finish'); const currentStepStatus = ref<'error' | 'finish' | 'wait' | 'success' | 'process'>('finish');
const webMsgSend = toRef(props, 'webMsgSend'); const webMsgSend = toRef(props, 'webMsgSend');
watch(webMsgSend,function (newValue,oldValue){ watch(webMsgSend, function (newValue, oldValue) {
if (newValue.code == 10520) { if (newValue.code == 10520) {
ElMessageBox.alert('报文解析异常!', '初始化失败', { ElMessageBox.alert('报文解析异常!', '初始化失败', {
confirmButtonText: '确定', confirmButtonText: '确定',
@@ -218,17 +225,17 @@ watch(webMsgSend,function (newValue,oldValue){
}) })
TableInit(); TableInit();
} else { } else {
switch (newValue.requestId){ switch (newValue.requestId) {
case 'yjc_ytxjy': case 'yjc_ytxjy':
switch (newValue.operateCode) { switch (newValue.operateCode) {
case'INIT_GATHER': case'INIT_GATHER':
if(newValue.code ==-1){ if (newValue.code == -1) {
ElMessageBox.alert('源未知异常', '初始化失败', { ElMessageBox.alert('源未知异常', '初始化失败', {
confirmButtonText: '确定', confirmButtonText: '确定',
type: 'error', type: 'error',
}) })
TableInit(); TableInit();
}else if (newValue.code == 10523) { } else if (newValue.code == 10523) {
ElMessageBox.alert('源连接失败', '源连接失败', { ElMessageBox.alert('源连接失败', '源连接失败', {
confirmButtonText: '确定', confirmButtonText: '确定',
type: 'error', type: 'error',
@@ -274,7 +281,7 @@ watch(webMsgSend,function (newValue,oldValue){
type: 'error', type: 'error',
}) })
TableInit(); TableInit();
}else if (newValue.code == 10551) { } else if (newValue.code == 10551) {
ElMessageBox.alert('设备触发报告异常', '设备触发报告异常', { ElMessageBox.alert('设备触发报告异常', '设备触发报告异常', {
confirmButtonText: '确定', confirmButtonText: '确定',
type: 'error', type: 'error',
@@ -297,40 +304,66 @@ watch(webMsgSend,function (newValue,oldValue){
break; break;
} }
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': 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_V_Download.value = 'Ua=Ub=Uc=' + newValue.data.devVolt + 'V';
big_I_Download.value = 'Ia=Ib=Ic=' + newValue.data.devCurr + 'A'; big_I_Download.value = 'Ia=Ib=Ic=' + newValue.data.devCurr + 'A';
break;
tableLoading('small','系数下装') case 'big_end'://大电压,电流下装
active.value++;
tableLoading('small', '系数下装')
break; 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_V_Download.value = 'Ua=Ub=Uc=' + newValue.data.devVolt + 'V';
small_I_Download.value = 'Ia=Ib=Ic=' + newValue.data.devCurr + 'A'; small_I_Download.value = 'Ia=Ib=Ic=' + newValue.data.devCurr + 'A';
break;
tableLoading('big','系数校准') case 'small_end'://小电压,电流下装
active.value++;
tableLoading('big', '系数校准')
break; 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_V_Adjust.value = 'Ua=Ub=Uc=' + newValue.data.devVolt + 'V';
big_I_Adjust.value = 'Ia=Ib=Ic=' + newValue.data.devCurr + 'A'; big_I_Adjust.value = 'Ia=Ib=Ic=' + newValue.data.devCurr + 'A';
break;
tableLoading('small','系数校准') case 'big_comp_end'://大电压,电流校准
active.value++;
tableLoading('small', '系数校准')
break; 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_V_Adjust.value = 'Ua=Ub=Uc=' + newValue.data.devVolt + 'V';
small_I_Adjust.value = 'Ia=Ib=Ic=' + newValue.data.devCurr + 'A'; small_I_Adjust.value = 'Ia=Ib=Ic=' + newValue.data.devCurr + 'A';
break;
case 'small_comp_end'://小电压,电流校准
active.value++;
active.value++; active.value++;
for (let i = 0; i < name.value.length; i++) { for (let i = 0; i < name.value.length; i++) {
@@ -351,7 +384,7 @@ watch(webMsgSend,function (newValue,oldValue){
isButtonDisabled.value = false; // 恢复按钮 isButtonDisabled.value = false; // 恢复按钮
break; break;
} }
switch (newValue.operateCode){ switch (newValue.operateCode) {
case 'DATA_CHNFACTOR$02'://表格 case 'DATA_CHNFACTOR$02'://表格
// 输出 key 为 0 的数组中的第一条 ChannelsTest.CoefficientVO 对象 // 输出 key 为 0 的数组中的第一条 ChannelsTest.CoefficientVO 对象
for (let i = 0; i < name.value.length; i++) { for (let i = 0; i < name.value.length; i++) {
@@ -434,7 +467,7 @@ watch(webMsgSend,function (newValue,oldValue){
} }
break; break;
case 'socket_timeout': case 'socket_timeout':
switch(newValue.operateCode){ switch (newValue.operateCode) {
case 'VOLTAGE': case 'VOLTAGE':
ElMessageBox.alert('连接超时!', '连接超时', { ElMessageBox.alert('连接超时!', '连接超时', {
confirmButtonText: '确定', confirmButtonText: '确定',
@@ -445,7 +478,7 @@ watch(webMsgSend,function (newValue,oldValue){
} }
break; break;
case 'connect': case 'connect':
switch (newValue.operateCode){ switch (newValue.operateCode) {
case "Source": case "Source":
ElMessageBox.alert('源服务端连接失败', '源服务端连接失败', { ElMessageBox.alert('源服务端连接失败', '源服务端连接失败', {
confirmButtonText: '确定', confirmButtonText: '确定',
@@ -469,11 +502,11 @@ watch(webMsgSend,function (newValue,oldValue){
//出错系数检测初始化 //出错系数检测初始化
const TableInit = () => { const TableInit = () => {
console.log("TableInitactive",active.value); console.log("TableInitactive", active.value);
isButtonDisabled.value = false; // 恢复按钮 isButtonDisabled.value = false; // 恢复按钮
for (let i = 0; i < channel.value.length; i++) { for (let i = 0; i < channel.value.length; i++) {
const currentTableData = initializeTableData(dataTemplates, i); const currentTableData = initializeTableData(dataTemplates, i);
tableDataMap.set(i,currentTableData) tableDataMap.set(i, currentTableData)
// const targetArrayRef = tableDataMap.get(i); // const targetArrayRef = tableDataMap.get(i);
// if (targetArrayRef) { // if (targetArrayRef) {
@@ -501,7 +534,7 @@ const tableLoading = (type: string, desc: string) => {
const firstCoefficientVO = targetArray.find(item => item.monitorNum === (j + 1).toString() && const firstCoefficientVO = targetArray.find(item => item.monitorNum === (j + 1).toString() &&
item.type === type && item.type === type &&
item.desc === desc); item.desc === desc);
if (firstCoefficientVO){ if (firstCoefficientVO) {
firstCoefficientVO.loading = true; firstCoefficientVO.loading = true;
} }
} }
@@ -510,13 +543,13 @@ const tableLoading = (type: string, desc: string) => {
} }
} }
const dataTemplates : ChannelsTest.CoefficientVO[]= [ const dataTemplates: ChannelsTest.CoefficientVO[] = [
{ {
monitorNum: '1', monitorNum: '1',
desc: '系数下装', desc: '系数下装',
type:'big', type: 'big',
aVuData: '—', aVuData: '—',
aVuXi:'—', aVuXi: '—',
bVuData: '—', bVuData: '—',
bVuXi: '—', bVuXi: '—',
cVuData: '—', cVuData: '—',
@@ -527,21 +560,21 @@ const dataTemplates : ChannelsTest.CoefficientVO[]= [
bIeXi: '—', bIeXi: '—',
cIeData: '—', cIeData: '—',
cIeXi: '—', cIeXi: '—',
loading:false, loading: false,
devName:'', devName: '',
aV:'—', aV: '—',
bV:'—', bV: '—',
cV:'—', cV: '—',
aI:'—', aI: '—',
bI:'—', bI: '—',
cI:'—', cI: '—',
}, },
{ {
monitorNum: '2', monitorNum: '2',
desc: '系数下装', desc: '系数下装',
type:'small', type: 'small',
aVuData: '—', aVuData: '—',
aVuXi:'—', aVuXi: '—',
bVuData: '—', bVuData: '—',
bVuXi: '—', bVuXi: '—',
cVuData: '—', cVuData: '—',
@@ -552,21 +585,21 @@ const dataTemplates : ChannelsTest.CoefficientVO[]= [
bIeXi: '—', bIeXi: '—',
cIeData: '—', cIeData: '—',
cIeXi: '—', cIeXi: '—',
loading:false, loading: false,
devName:'', devName: '',
aV:'—', aV: '—',
bV:'—', bV: '—',
cV:'—', cV: '—',
aI:'—', aI: '—',
bI:'—', bI: '—',
cI:'—', cI: '—',
}, },
{ {
monitorNum: '3', monitorNum: '3',
desc: '系数校准', desc: '系数校准',
type:'big', type: 'big',
aVuData: '—', aVuData: '—',
aVuXi:'—', aVuXi: '—',
bVuData: '—', bVuData: '—',
bVuXi: '—', bVuXi: '—',
cVuData: '—', cVuData: '—',
@@ -577,21 +610,21 @@ const dataTemplates : ChannelsTest.CoefficientVO[]= [
bIeXi: '—', bIeXi: '—',
cIeData: '—', cIeData: '—',
cIeXi: '—', cIeXi: '—',
loading:false, loading: false,
devName:'', devName: '',
aV:'—', aV: '—',
bV:'—', bV: '—',
cV:'—', cV: '—',
aI:'—', aI: '—',
bI:'—', bI: '—',
cI:'—', cI: '—',
}, },
{ {
monitorNum: '4', monitorNum: '4',
desc: '系数校准', desc: '系数校准',
type:'small', type: 'small',
aVuData: '—', aVuData: '—',
aVuXi:'—', aVuXi: '—',
bVuData: '—', bVuData: '—',
bVuXi: '—', bVuXi: '—',
cVuData: '—', cVuData: '—',
@@ -602,25 +635,25 @@ const dataTemplates : ChannelsTest.CoefficientVO[]= [
bIeXi: '—', bIeXi: '—',
cIeData: '—', cIeData: '—',
cIeXi: '—', 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', monitorNum: '1',
desc: '系数下装', desc: '系数下装',
type:'big', type: 'big',
aVuData: '—', aVuData: '—',
aVuXi:'—', aVuXi: '—',
bVuData: '—', bVuData: '—',
bVuXi: '—', bVuXi: '—',
cVuData: '—', cVuData: '—',
@@ -631,15 +664,15 @@ const dataTemplates2 : ChannelsTest.CoefficientVO[]= [
bIeXi: '—', bIeXi: '—',
cIeData: '—', cIeData: '—',
cIeXi: '—', cIeXi: '—',
loading:false, loading: false,
devName:'' devName: ''
}, },
{ {
monitorNum: '2', monitorNum: '2',
desc: '系数下装', desc: '系数下装',
type:'small', type: 'small',
aVuData: '—', aVuData: '—',
aVuXi:'—', aVuXi: '—',
bVuData: '—', bVuData: '—',
bVuXi: '—', bVuXi: '—',
cVuData: '—', cVuData: '—',
@@ -650,15 +683,15 @@ const dataTemplates2 : ChannelsTest.CoefficientVO[]= [
bIeXi: '—', bIeXi: '—',
cIeData: '—', cIeData: '—',
cIeXi: '—', cIeXi: '—',
loading:false, loading: false,
devName:'' devName: ''
}, },
{ {
monitorNum: '3', monitorNum: '3',
desc: '系数校准', desc: '系数校准',
type:'big', type: 'big',
aVuData: '—', aVuData: '—',
aVuXi:'不合格', aVuXi: '不合格',
bVuData: '—', bVuData: '—',
bVuXi: '—', bVuXi: '—',
cVuData: '—', cVuData: '—',
@@ -669,15 +702,15 @@ const dataTemplates2 : ChannelsTest.CoefficientVO[]= [
bIeXi: '—', bIeXi: '—',
cIeData: '—', cIeData: '—',
cIeXi: '—', cIeXi: '—',
loading:false, loading: false,
devName:'' devName: ''
}, },
{ {
monitorNum: '4', monitorNum: '4',
desc: '系数校准', desc: '系数校准',
type:'small', type: 'small',
aVuData: '—', aVuData: '—',
aVuXi:'—', aVuXi: '—',
bVuData: '—', bVuData: '—',
bVuXi: '—', bVuXi: '—',
cVuData: '—', cVuData: '—',
@@ -688,8 +721,8 @@ const dataTemplates2 : ChannelsTest.CoefficientVO[]= [
bIeXi: '—', bIeXi: '—',
cIeData: '—', cIeData: '—',
cIeXi: '—', cIeXi: '—',
loading:false, loading: false,
devName:'' devName: ''
}, },
]; ];
@@ -699,8 +732,8 @@ const updateErrorState = (index: number, hasError: boolean) => {
errorStates.value[index] = hasError; 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; CurV.value = selection[0]?.devVolt || 57.74;
isButtonDisabled.value = false; // 恢复按钮 isButtonDisabled.value = false; // 恢复按钮
select_Plan.value = plan select_Plan.value = plan
@@ -718,20 +751,31 @@ const updateErrorState = (index: number, hasError: boolean) => {
for (let i = 0; i < channel.value.length; i++) { for (let i = 0; i < channel.value.length; i++) {
const currentTableData = initializeTableData(dataTemplates, i); const currentTableData = initializeTableData(dataTemplates, i);
tableDataMap.set(i,currentTableData) tableDataMap.set(i, currentTableData)
} }
//console.log('tableDataMap',tableDataMap); //console.log('tableDataMap',tableDataMap);
} }
const emit = defineEmits<{ const emit = defineEmits<{
(e: 'quitClicked'): void; (e: 'quitClicked'): void;
(e: 'submitClicked', callback: (resolve: (value: boolean) => void) => void): 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() //dataSocket.socketServe.closeWs()
// 清空 name, channel, total // 清空 name, channel, total
name.value = []; name.value = [];
@@ -743,7 +787,11 @@ const updateErrorState = (index: number, hasError: boolean) => {
dialogVisible.value = false dialogVisible.value = false
editableTabsValue.value = '0' editableTabsValue.value = '0'
emit('quitClicked'); // 触发事件 emit('quitClicked'); // 触发事件
}
}
const getTableDataForChannel = (index: number): any[] => { const getTableDataForChannel = (index: number): any[] => {
const data = tableDataMap.get(index); const data = tableDataMap.get(index);
@@ -752,8 +800,7 @@ const getTableDataForChannel = (index: number): any[] => {
watch(activeIndex, function (newValue, oldValue) { watch(activeIndex, function (newValue, oldValue) {
if(activeIndex.value === 1) if (activeIndex.value === 1) {
{
outputDsc.value = "电压误差为±0.1Un% 电流误差为±0.5%"; outputDsc.value = "电压误差为±0.1Un% 电流误差为±0.5%";
// 当前源输出为Ua=Ub=Uc=57.74V Ia=Ib=Ic=1A" // 当前源输出为Ua=Ub=Uc=57.74V Ia=Ib=Ic=1A"
} }
@@ -783,15 +830,15 @@ const handleSubmit = async () => {
} }
isButtonDisabled.value = true; // 禁用按钮 isButtonDisabled.value = true; // 禁用按钮
tableLoading('big','系数下装') tableLoading('big', '系数下装')
await getCoefficientCheck({ await getCoefficientCheck({
userPageId: "cdf", 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 userId: userStore.userInfo.id
}) })
active.value++; active.value++;
@@ -800,65 +847,65 @@ const handleSubmit = async () => {
return; return;
// 初始化 currentTableData // 初始化 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 的函数 // 提取初始化并填充 currentTableData 的函数
@@ -867,7 +914,7 @@ const initializeTableData = (templates: ChannelsTest.CoefficientVO[], index: num
for (let j = 0; j < channel.value[index]; j++) { for (let j = 0; j < channel.value[index]; j++) {
templates.forEach((template) => { templates.forEach((template) => {
// 使用解构赋值排除 id 和 MonitorIdx 属性 // 使用解构赋值排除 id 和 MonitorIdx 属性
const { devName,monitorNum: __, ...rest } = template; const {devName, monitorNum: __, ...rest} = template;
currentTableData.value.push({ currentTableData.value.push({
monitorNum: (j + 1).toString(), monitorNum: (j + 1).toString(),
devName: name.value[index], devName: name.value[index],
@@ -879,8 +926,8 @@ const initializeTableData = (templates: ChannelsTest.CoefficientVO[], index: num
}; };
// 对外映射 // 对外映射
defineExpose({ open }) defineExpose({open})
</script> </script>
<style scoped> <style scoped>
@@ -906,6 +953,7 @@ const initializeTableData = (templates: ChannelsTest.CoefficientVO[], index: num
justify-content: space-between; justify-content: space-between;
margin-bottom: 10px; margin-bottom: 10px;
} }
.custom-tabs-label .el-icon { .custom-tabs-label .el-icon {
vertical-align: middle; vertical-align: middle;
} }
@@ -922,13 +970,15 @@ const initializeTableData = (templates: ChannelsTest.CoefficientVO[], index: num
.el-tabs--border-card { .el-tabs--border-card {
height: 470px; height: 470px;
} }
/* .el-icon svg { /* .el-icon svg {
color: #ff7171; color: #ff7171;
} */ } */
.icon-style{ .icon-style {
color: #ff7171; color: #ff7171;
} }
.container { .container {
display: flex; display: flex;
} }
@@ -941,7 +991,7 @@ const initializeTableData = (templates: ChannelsTest.CoefficientVO[], index: num
flex: 6; flex: 6;
} }
.spanStyle{ .spanStyle {
font-size: 14px; font-size: 14px;
} }

View File

@@ -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>

View File

@@ -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>

View File

@@ -1,22 +1,16 @@
<template> <template>
<el-button v-if="tableData.length > 0" type="primary" @click="exportData" style="margin-bottom: 10px">导出</el-button> <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' } " <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%;"> style="width: 100%;">
<el-table-column type="index" label="序号" width="70" fixed="left"/> <el-table-column type="index" label="序号" width="70" fixed="left"/>
<el-table-column prop="time" label="数据时间"/> <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> </el-table>
</div> </div>
@@ -37,6 +31,16 @@ const unit = computed(() => {
return tableData.length > 0 ? tableData[0].unit : ''; 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(() => { const phaseT = computed(() => {
return tableData[0].dataT == '/' ? 0 : 1 return tableData[0].dataT == '/' ? 0 : 1
}) })

View File

@@ -8,10 +8,9 @@
<!-- {{ '通道' + row.chnNum }}--> <!-- {{ '通道' + row.chnNum }}-->
<!-- </template>--> <!-- </template>-->
<!-- </el-table-column>--> <!-- </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="'标准值'+(outerUnit==''?'':''+outerUnit+'')"/> <el-table-column prop="dataA" :label="'被检值'+(outerUnit==''?'':''+outerUnit+'')"/>
<el-table-column prop="dataA" width="105" :label="'被检值'+(outerUnit==''?'':''+outerUnit+'')"/>
<el-table-column prop="isDataA" label="检测结果"> <el-table-column prop="isDataA" label="检测结果">
<template #default="scope"> <template #default="scope">
<el-tooltip effect="dark" placement="bottom"> <el-tooltip effect="dark" placement="bottom">
@@ -27,9 +26,9 @@
</template> </template>
</el-table-column> </el-table-column>
</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="'标准值'+(outerUnit==''?'':''+outerUnit+'')"/> <el-table-column prop="stdB" :label="'标准值'+(outerUnit==''?'':''+outerUnit+'')"/>
<el-table-column prop="dataB" width="105" :label="'被检值'+(outerUnit==''?'':''+outerUnit+'')"/> <el-table-column prop="dataB" :label="'被检值'+(outerUnit==''?'':''+outerUnit+'')"/>
<el-table-column prop="isDataB" label="检测结果"> <el-table-column prop="isDataB" label="检测结果">
<template #default="scope"> <template #default="scope">
<el-tooltip effect="dark" placement="bottom"> <el-tooltip effect="dark" placement="bottom">
@@ -45,9 +44,9 @@
</template> </template>
</el-table-column> </el-table-column>
</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="'标准值'+(outerUnit==''?'':''+outerUnit+'')"/> <el-table-column prop="stdC" :label="'标准值'+(outerUnit==''?'':''+outerUnit+'')"/>
<el-table-column prop="dataC" width="105" :label="'被检值'+(outerUnit==''?'':''+outerUnit+'')"/> <el-table-column prop="dataC" :label="'被检值'+(outerUnit==''?'':''+outerUnit+'')"/>
<el-table-column prop="isDataC" label="检测结果"> <el-table-column prop="isDataC" label="检测结果">
<template #default="scope"> <template #default="scope">
<el-tooltip effect="dark" placement="bottom"> <el-tooltip effect="dark" placement="bottom">
@@ -63,10 +62,8 @@
</template> </template>
</el-table-column> </el-table-column>
</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="'标准值'+(outerUnit==''?'':''+outerUnit+'')"/>
<el-table-column prop="dataT" :label="'被检值'+(outerUnit==''?'':''+outerUnit+'')"/> <el-table-column prop="dataT" :label="'被检值'+(outerUnit==''?'':''+outerUnit+'')"/>
<el-table-column prop="isDataT" label="检测结果"> <el-table-column prop="isDataT" label="检测结果">
@@ -84,16 +81,6 @@
</template> </template>
</el-table-column> </el-table-column>
</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> </el-table>
</div> </div>
@@ -126,12 +113,22 @@ const innerUnitT = computed(() => {
return tableData.length > 0 ? tableData[0].unitT : ''; 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(() => { 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(() => { const tableHeader = computed(() => {
if (phaseT.value === 1){ if (phaseT.value === 1) {
let index = currentScriptTypeName.indexOf('='); let index = currentScriptTypeName.indexOf('=');
return currentScriptTypeName.substring(0, index); return currentScriptTypeName.substring(0, index);
} }

View File

@@ -1,6 +1,6 @@
<template> <template>
<el-dialog :append-to-body="appendToBody" class="dialog" title="数据查询" :model-value='visible' @close="close" <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-dialog">
<div class="data-check-head"> <div class="data-check-head">
<el-form :model='formContent' label-width="auto" class="form-three "> <el-form :model='formContent' label-width="auto" class="form-three ">
@@ -8,7 +8,7 @@
<el-input v-model='formContent.scriptName' :disabled="true"/> <el-input v-model='formContent.scriptName' :disabled="true"/>
</el-form-item> </el-form-item>
<el-form-item label="误差体系"> <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"> @change="handleErrorSysChange">
<el-option <el-option
v-for="(option) in pqErrorList" v-for="(option) in pqErrorList"
@@ -53,7 +53,7 @@
:props="defaultProps" :props="defaultProps"
@node-click="handleNodeClick" class="custom-tree" ref="treeRef"> @node-click="handleNodeClick" class="custom-tree" ref="treeRef">
<template #default="{ node, data }"> <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;':''">{{ <span class="custom-tree-node" :style="data.fly===2? 'color: #F56C6C;':data.fly===4? 'color: #e6a23c;':''">{{
data.scriptTypeName data.scriptTypeName
}}</span> }}</span>
@@ -65,7 +65,7 @@
<div class="content-right"> <div class="content-right">
<div class="content-right-title"> <div class="content-right-title">
<div style="width: 750px;"> <div style="width: 840px;">
<span class="content-right-title-text">当前检测项目 <span class="content-right-title-text">当前检测项目
<el-popover trigger="hover" :content="currentDesc" :width="popoverWidth" placement="right"> <el-popover trigger="hover" :content="currentDesc" :width="popoverWidth" placement="right">
<template #reference> <template #reference>
@@ -76,15 +76,13 @@
</el-popover> </el-popover>
</span> </span>
</div> </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> </el-form-item>
</div> </div>
<div class="content-right-Tabs"> <div class="content-right-Tabs">
@@ -112,7 +110,7 @@ import {CheckData} from "@/api/check/interface";
import {useDictStore} from "@/stores/modules/dict"; import {useDictStore} from "@/stores/modules/dict";
import {useCheckStore} from "@/stores/modules/check"; import {useCheckStore} from "@/stores/modules/check";
import {changeErrorSystem, deleteTempTable, exportRawData, getFormData, getTableData, getTreeData, reCalculate} 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 {useDownload} from "@/hooks/useDownload";
import {Histogram, Postcard} from "@element-plus/icons-vue"; import {Histogram, Postcard} from "@element-plus/icons-vue";
import {ResultEnum} from "@/enums/httpEnum"; import {ResultEnum} from "@/enums/httpEnum";
@@ -155,9 +153,11 @@ let planCode: string = ''
// 谐波次数列表 // 谐波次数列表
// const harmNumList = reactive<{ value: string, label: 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 deviceId: string = ''
let originScriptType: string | null = null let originScriptType: string | null = null
@@ -181,14 +181,13 @@ const currentDesc = ref('');
const activeTab = ref<string>('resultTab') 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 checkResultData = reactive<CheckData.CheckResult[]>([])
const popoverWidth: ComputedRef<string> = computed(() => { 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`
}) })
@@ -275,27 +274,14 @@ const handleChnNumChange = async () => {
} }
// 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) => { watch(currentCheckItem, (newVal, oldVal) => {
console.log("当前检测项", newVal);
if (newVal !== '') { if (newVal !== '') {
doCurrentCheckItemUpdate(newVal) let key = newVal[0]
if (newVal.length == 2) {
key += "_" + newVal[1]
}
console.log("当前检测项", key);
doCurrentCheckItemUpdate(key)
} else { } else {
activeTab.value = 'resultTab' activeTab.value = 'resultTab'
} }
@@ -324,6 +310,12 @@ const defaultOperate = () => {
const updateTableData = async () => { const updateTableData = async () => {
console.log("左侧树被选中的叶子节点checkIndex", checkIndex.value); console.log("左侧树被选中的叶子节点checkIndex", checkIndex.value);
if (checkIndex.value !== '') { if (checkIndex.value !== '') {
checkListLevel.length = 0
checkResultData.length = 0
rawTableData.length = 0
currentCheckItem.value = ''
// console.log("更新表格数据"); // console.log("更新表格数据");
// 发起请求,查询该测试项的检测结果 // 发起请求,查询该测试项的检测结果
const {data} = await getTableData({ const {data} = await getTableData({
@@ -338,70 +330,63 @@ const updateTableData = async () => {
let keys1 = Object.keys(data.resultData) let keys1 = Object.keys(data.resultData)
let resultData = new Map() let resultData = new Map()
for (let key of keys1) { 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 keys2 = Object.keys(data.rawData)
let rawData = new Map() let rawData = new Map()
for (let key of keys2) { 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]) 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
let key = formatHarmNum(keys1[0])
checkList.push({value: keys1[0], label: resCheckResult.isData === 1 ? `${key}` : resCheckResult.isData === 4 ? `${key}/` : resCheckResult.isData === 5? `${key}-`:`${key}(不符合)`})
if (currentCheckItem.value == checkList[0].value) {
doCurrentCheckItemUpdate(checkList[0].value)
} else { } 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}/` : value.isData === 5? `${hum}-`:`${hum}(不符合)`
})
} }
toAngleLast(tempCheckList)
checkList.length = 0
Object.assign(checkList, tempCheckList)
if (currentCheckItem.value == tempCheckList[0].value) {
doCurrentCheckItemUpdate(tempCheckList[0].value)
} else { } else {
currentCheckItem.value = tempCheckList[0].value
}
}
}
// setCheckResultData(resCheckResult)
else {
checkResultData.length = 0 checkResultData.length = 0
rawTableData.length = 0 rawTableData.length = 0
} }
@@ -441,11 +426,8 @@ const open = async (_deviceId: string, chnNum: string, _scriptType: string | nul
//label: item.label == '1' ? `${item.value}` : item.label == '2' ? `${item.value}(不符合)` : `${item.value}` //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, { Object.assign(formContent, {
...resFormContent, ...resFormContent,
dataRule: dataRuleName,
chnNum: chnList.length > 0 ? chnList[0].value : '', chnNum: chnList.length > 0 ? chnList[0].value : '',
}) })
originErrorSysId = formContent.errorSysId originErrorSysId = formContent.errorSysId
@@ -457,8 +439,9 @@ const open = async (_deviceId: string, chnNum: string, _scriptType: string | nul
visible.value = true; 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 handleReCalculate = async () => { const handleReCalculate = async () => {
@@ -498,7 +481,7 @@ const close = async () => {
currentCheckItem.value = '' currentCheckItem.value = ''
checkResultData.length = 0 checkResultData.length = 0
rawTableData.length = 0 rawTableData.length = 0
checkList.length = 0 //checkList.length = 0
defaultExpandedKeys = [] defaultExpandedKeys = []
checkIndex.value = '' checkIndex.value = ''
activeTab.value = 'resultTab' activeTab.value = 'resultTab'
@@ -515,7 +498,6 @@ const close = async () => {
}; };
const setCheckResultData = (data: CheckData.ResCheckResult | null) => { const setCheckResultData = (data: CheckData.ResCheckResult | null) => {
// console.log("检测结果", data);
let result: CheckData.CheckResult[] = [] let result: CheckData.CheckResult[] = []
if (data == null || data == undefined) { if (data == null || data == undefined) {
Object.assign(checkResultData, []) Object.assign(checkResultData, [])
@@ -523,21 +505,27 @@ const setCheckResultData = (data: CheckData.ResCheckResult | null) => {
} }
if (data.dataA != null && data.dataB != null && data.dataC != null) { if (data.dataA != null && data.dataB != null && data.dataC != null) {
result.push({ result.push({
stdA: numberToFixed(data.dataA.resultData), // stdA: numberToFixed(data.dataA.resultData),
dataA: numberToFixed(data.dataA.data), // dataA: numberToFixed(data.dataA.data),
errorA: numberToFixed(data.dataA.errorData), stdA: dataToShow(data.dataA.resultData),
dataA: dataToShow(data.dataA.data),
errorA: data.dataA.errorData == null ? '/' : data.dataA.errorData + '',
maxErrorA: toMaxErrorStr(data.dataA.radius, data.dataA.unit), maxErrorA: toMaxErrorStr(data.dataA.radius, data.dataA.unit),
unitA: data.dataA.unit, unitA: data.dataA.unit,
isDataA: data.dataA.isData, 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: numberToFixed(data.dataB.errorData), stdB: dataToShow(data.dataB.resultData),
dataB: dataToShow(data.dataB.data),
errorB: data.dataB.errorData == null ? '/' : data.dataB.errorData + '',
maxErrorB: toMaxErrorStr(data.dataB.radius, data.dataB.unit), maxErrorB: toMaxErrorStr(data.dataB.radius, data.dataB.unit),
isDataB: data.dataB.isData, isDataB: data.dataB.isData,
unitB: data.dataB.unit, unitB: data.dataB.unit,
stdC: numberToFixed(data.dataC.resultData), // stdC: numberToFixed(data.dataC.resultData),
dataC: numberToFixed(data.dataC.data), // dataC: numberToFixed(data.dataC.data),
errorC: numberToFixed(data.dataC.errorData), 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), maxErrorC: toMaxErrorStr(data.dataC.radius, data.dataC.unit),
isDataC: data.dataC.isData, isDataC: data.dataC.isData,
unitC: data.dataC.unit, unitC: data.dataC.unit,
@@ -548,11 +536,13 @@ 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({ result.push({
stdT: numberToFixed(data.dataT.resultData), // stdT: numberToFixed(data.dataT.resultData),
dataT: numberToFixed(data.dataT.data), // dataT: numberToFixed(data.dataT.data),
errorT: numberToFixed(data.dataT.errorData), stdT: dataToShow(data.dataT.resultData),
dataT: dataToShow(data.dataT.data),
errorT: data.dataT.errorData == null ? '/' : data.dataT.errorData + '',
maxErrorT: toMaxErrorStr(data.dataT.radius, data.dataT.unit), maxErrorT: toMaxErrorStr(data.dataT.radius, data.dataT.unit),
isDataT: data.dataT?.isData, isDataT: data.dataT?.isData,
unitT: data.dataT.unit, unitT: data.dataT.unit,
@@ -563,10 +553,11 @@ const setCheckResultData = (data: CheckData.ResCheckResult | null) => {
}) })
} }
Object.assign(checkResultData, result) Object.assign(checkResultData, result)
console.log("检测结果", checkResultData);
} }
const exportRawDataHandler = () => { const exportRawDataHandler = () => {
useDownload(exportRawData, '原始数据.xlsx', { useDownload(exportRawData, '原始数据', {
scriptType, scriptType,
scriptId: checkStore.plan.scriptId, scriptId: checkStore.plan.scriptId,
devId: deviceId, devId: deviceId,
@@ -588,15 +579,26 @@ const formatHarmNum = (num: string) => {
const setRawData = (data: CheckData.RawDataItem[]) => { const setRawData = (data: CheckData.RawDataItem[]) => {
data.forEach((item: 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 rawTableData.length = 0
Object.assign(rawTableData, data) Object.assign(rawTableData, data)
console.log("原始数据", rawTableData) console.log("原始数据", rawTableData)
} }
const dataToShow = (num: number): string => {
if (num == null || num == undefined) {
return '/'
}
return num+''
}
const numberToFixed = (num: number): string => { const numberToFixed = (num: number): string => {
if (num == null || num == undefined) { if (num == null || num == undefined) {
@@ -662,18 +664,18 @@ const getDefaultNode = (data: any[]) => {
return findFirstLeafNode(firstElement); return findFirstLeafNode(firstElement);
} }
const toAngleLast = (data: any[]) => { const toAngleLast = () => {
let angleIndex = -1 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 angleIndex = i
break break
} }
} }
if (angleIndex != -1) { 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)
} }
} }
@@ -745,7 +747,6 @@ defineExpose({
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.dialog { .dialog {
display: flex; display: flex;
flex-direction: column; flex-direction: column;

View File

@@ -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>

View File

@@ -189,6 +189,7 @@ watch(testStatus, function (newValue, oldValue) {
watch(webMsgSend, function (newValue, oldValue) { watch(webMsgSend, function (newValue, oldValue) {
console.log('webMsgSend---code', newValue.code) console.log('webMsgSend---code', newValue.code)
console.log('webMsgSend---requestId', newValue.requestId) console.log('webMsgSend---requestId', newValue.requestId)
if (testStatus.value !== 'waiting') {
if (newValue.code == 10520) { if (newValue.code == 10520) {
ElMessageBox.alert('报文解析异常!', '初始化失败', { ElMessageBox.alert('报文解析异常!', '初始化失败', {
confirmButtonText: '确定', confirmButtonText: '确定',
@@ -344,44 +345,66 @@ watch(webMsgSend, function (newValue, oldValue) {
break; break;
} }
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': 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'://大电压,电流下装
console.log('大电压,电流下装')
active.value++;
big_V_Download.value = 'Ua=Ub=Uc=' + newValue.data.devVolt + 'V'; big_V_Download.value = 'Ua=Ub=Uc=' + newValue.data.devVolt + 'V';
big_I_Download.value = 'Ia=Ib=Ic=' + newValue.data.devCurr + 'A'; big_I_Download.value = 'Ia=Ib=Ic=' + newValue.data.devCurr + 'A';
break;
case 'big_end'://大电压,电流下装
active.value++;
tableLoading('small', '系数下装') tableLoading('small', '系数下装')
break; break;
} }
switch (newValue.operateCode) { 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_V_Download.value = 'Ua=Ub=Uc=' + newValue.data.devVolt + 'V';
small_I_Download.value = 'Ia=Ib=Ic=' + newValue.data.devCurr + 'A'; small_I_Download.value = 'Ia=Ib=Ic=' + newValue.data.devCurr + 'A';
break;
case 'small_end'://小电压,电流下装
active.value++;
tableLoading('big', '系数校准') tableLoading('big', '系数校准')
break; break;
} }
switch (newValue.operateCode) { 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_V_Adjust.value = 'Ua=Ub=Uc=' + newValue.data.devVolt + 'V';
big_I_Adjust.value = 'Ia=Ib=Ic=' + newValue.data.devCurr + 'A'; big_I_Adjust.value = 'Ia=Ib=Ic=' + newValue.data.devCurr + 'A';
break;
case 'big_comp_end'://大电压,电流校准
active.value++;
tableLoading('small', '系数校准') tableLoading('small', '系数校准')
break; break;
} }
switch (newValue.operateCode) { 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_V_Adjust.value = 'Ua=Ub=Uc=' + newValue.data.devVolt + 'V';
small_I_Adjust.value = 'Ia=Ib=Ic=' + newValue.data.devCurr + 'A'; small_I_Adjust.value = 'Ia=Ib=Ic=' + newValue.data.devCurr + 'A';
break;
case 'small_comp_end'://小电压,电流校准
active.value++;
active.value++; active.value++;
for (let i = 0; i < name.value.length; i++) { for (let i = 0; i < name.value.length; i++) {
@@ -406,7 +429,7 @@ watch(webMsgSend, function (newValue, oldValue) {
switch (newValue.operateCode) { switch (newValue.operateCode) {
case 'DATA_CHNFACTOR$02'://表格 case 'DATA_CHNFACTOR$02'://表格
// 输出 key 为 0 的数组中的第一条 ChannelsTest.CoefficientVO 对象 // 输出 key 为 0 的数组中的第一条 ChannelsTest.CoefficientVO 对象
console.log('表格',name.value) console.log('表格', name.value)
for (let i = 0; i < name.value.length; i++) { for (let i = 0; i < name.value.length; i++) {
const targetArrayRef = tableDataMap.get(i); const targetArrayRef = tableDataMap.get(i);
if (targetArrayRef) { if (targetArrayRef) {
@@ -474,13 +497,13 @@ watch(webMsgSend, function (newValue, oldValue) {
console.log(newValue.data.devName + '对象:', firstCoefficientVO); console.log(newValue.data.devName + '对象:', firstCoefficientVO);
activeIndex.value++; activeIndex.value++;
} else { } else {
console.log('未找到匹配的'+ newValue.data.devName+'对象'); console.log('未找到匹配的' + newValue.data.devName + '对象');
} }
} else { } else {
console.log(newValue.data.devName + '数组为空'); console.log(newValue.data.devName + '数组为空');
} }
} else { } else {
console.log('未找到'+newValue.data.devName+'对应的数组'); console.log('未找到' + newValue.data.devName + '对应的数组');
} }
} }
break; break;
@@ -518,6 +541,7 @@ watch(webMsgSend, function (newValue, oldValue) {
break; break;
} }
} }
}
}) })
//出错系数检测初始化 //出错系数检测初始化
@@ -715,7 +739,7 @@ const handleSubmit = async () => {
isButtonDisabled.value = true; // 禁用按钮 isButtonDisabled.value = true; // 禁用按钮
tableLoading('big', '系数下装') tableLoading('big', '系数下装')
await getCoefficientCheck({ /* await getCoefficientCheck({
userPageId: "cdf", userPageId: "cdf",
devIds: devIdArray.value, devIds: devIdArray.value,
planId: planId.value, planId: planId.value,
@@ -723,7 +747,7 @@ const handleSubmit = async () => {
scriptId: select_Plan.value?.scriptId, scriptId: select_Plan.value?.scriptId,
operateType: '0', // '0'为预检测、1为正式检测 operateType: '0', // '0'为预检测、1为正式检测
userId:userStore.userInfo.id userId:userStore.userInfo.id
}) })*/
active.value++; active.value++;
console.log('开始检测active.value', active.value) console.log('开始检测active.value', active.value)

View File

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

View File

@@ -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>

View File

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

View File

@@ -18,7 +18,7 @@
<template #tableHeader=''> <template #tableHeader=''>
<el-form :model='form' :inline='true'> <el-form :model='form' :inline='true'>
<el-form-item label='关键字'> <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>
<el-form-item label='检测状态' v-if='form.activeTabs != 3 && form.activeTabs != 4 && form.activeTabs != 5'> <el-form-item label='检测状态' v-if='form.activeTabs != 3 && form.activeTabs != 4 && form.activeTabs != 5'>
<el-select v-model='form.checkStatus' clearable> <el-select v-model='form.checkStatus' clearable>
@@ -64,6 +64,10 @@
>重置 >重置
</el-button </el-button
> >
<el-button
type='primary'
:icon='Clock' @click="handleTest2">通道配对
</el-button>
<!-- :disabled='!scope.isSelected' --> <!-- :disabled='!scope.isSelected' -->
<el-button <el-button
type='primary' type='primary'
@@ -90,19 +94,17 @@
>报告下载</el-button >报告下载</el-button
> --> > -->
<!-- :disabled='!scope.isSelected' --> <!-- :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" --> <!-- :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='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 type="primary" :icon="CirclePlus" @click="addDevice('设备新增')" v-if="form.activeTabs === 0"
>设备新增</el-button> --> >设备新增</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-item>
</el-form> </el-form>
</template> </template>
@@ -138,7 +140,7 @@
link link
:icon='Download' :icon='Download'
@click="openDrawer('报告下载', scope.row)" @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> </el-button>
@@ -163,7 +165,6 @@
:icon='Notebook' :icon='Notebook'
@click="openDrawer('归档', scope.row)" @click="openDrawer('归档', scope.row)"
v-if='form.activeTabs === 4' v-if='form.activeTabs === 4'
:disabled='scope.row.reportState != 1'
>归档 >归档
</el-button> </el-button>
@@ -234,6 +235,11 @@
<ChannelsTest ref='channelsTest' :webMsgSend='webMsgSend' @quitClicked='handleQuitClicked' @submitClicked='handleSubmitClicked'></ChannelsTest> <ChannelsTest ref='channelsTest' :webMsgSend='webMsgSend' @quitClicked='handleQuitClicked' @submitClicked='handleSubmitClicked'></ChannelsTest>
<!-- 手动检测-勾选检测项弹窗 --> <!-- 手动检测-勾选检测项弹窗 -->
<SelectTestItemPopup ref="selectTestItemPopupRef" @openTestDialog="openTestDialog"></SelectTestItemPopup> <SelectTestItemPopup ref="selectTestItemPopupRef" @openTestDialog="openTestDialog"></SelectTestItemPopup>
<!-- 省平台-填写温度湿度弹窗 -->
<WriteTHPopup ref="writeTHPopupRef" @openTestDialog2="openTestDialog2"></WriteTHPopup>
<!-- 比对模式-通道配对弹窗 -->
<DeviceConnectionPopup ref="deviceConnectionPopupRef" ></DeviceConnectionPopup>
</div> </div>
</template> </template>
@@ -261,17 +267,16 @@ import {
CirclePlus, CirclePlus,
Odometer, Odometer,
} from '@element-plus/icons-vue' } from '@element-plus/icons-vue'
import {getPlanList} from '@/api/plan/planList'
import deviceDataList from '@/api/device/device/deviceData' import deviceDataList from '@/api/device/device/deviceData'
import TestPopup from './testPopup.vue' import TestPopup from './testPopup.vue'
import reportPopup from './reportPopup.vue' import reportPopup from './reportPopup.vue'
import dataCheckPopup from './dataCheckSingleChannelSingleTestPopup.vue' import dataCheckPopup from './dataCheckSingleChannelSingleTestPopup.vue'
import dataCheckChangeErrSysPopup from './dataCheckChangeErrSysPopup.vue' import dataCheckChangeErrSysPopup from './dataCheckChangeErrSysPopup.vue'
import {generateDevReport, getBoundPqDevList} from '@/api/plan/plan.ts' 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 {useDictStore} from '@/stores/modules/dict'
import ChannelsTest from './channelsTest.vue' 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 {useCheckStore} from '@/stores/modules/check'
import {CheckData} from '@/api/check/interface' import {CheckData} from '@/api/check/interface'
import socketClient from '@/utils/webSocketClient' import socketClient from '@/utils/webSocketClient'
@@ -279,10 +284,16 @@ import auth from '@/directives/modules/auth'
import {useAuthStore} from '@/stores/modules/auth' import {useAuthStore} from '@/stores/modules/auth'
import {useDownload} from '@/hooks/useDownload' import {useDownload} from '@/hooks/useDownload'
import {downloadDevData} from '@/api/plan/plan.ts' 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 {getPqDev} from '@/api/device/device/index.ts'
import {ResultEnum} from '@/enums/httpEnum' import {ResultEnum} from '@/enums/httpEnum'
import SelectTestItemPopup from "@/views/home/components/selectTestItemPopup.vue"; import SelectTestItemPopup from "@/views/home/components/selectTestItemPopup.vue";
import WriteTHPopup from "@/views/home/components/writeTHPopup.vue";
import DeviceConnectionPopup from '@/views/home/components/deviceConnectionPopup.vue'
import { 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 dictStore = useDictStore()
const checkStore = useCheckStore() const checkStore = useCheckStore()
@@ -299,7 +310,8 @@ const reportDialogVisible = ref(false)
const dataCheckPopupRef = ref<InstanceType<typeof dataCheckPopup>>() const dataCheckPopupRef = ref<InstanceType<typeof dataCheckPopup>>()
const selectTestItemPopupRef = ref<InstanceType<typeof SelectTestItemPopup>>() const selectTestItemPopupRef = ref<InstanceType<typeof SelectTestItemPopup>>()
const writeTHPopupRef = ref<InstanceType<typeof WriteTHPopup>>()
const deviceConnectionPopupRef = ref<InstanceType<typeof DeviceConnectionPopup>>()
const matchDialogVisible = ref(false) const matchDialogVisible = ref(false)
const dialogTitle = ref('手动检测') const dialogTitle = ref('手动检测')
const checkStateTable = ref<number[]>([0, 1, 2]) const checkStateTable = ref<number[]>([0, 1, 2])
@@ -354,7 +366,14 @@ const props = defineProps({
type: Object, type: Object,
default: null, default: null,
}, },
planArray: {
type: Array as PropType<Plan.ReqPlan[]>,
default: null,
},
}) })
const appSceneStore = useAppSceneStore()
const planTable = ref<any[]>([])
const emit = defineEmits<{ const emit = defineEmits<{
(e: 'batchGenerateClicked'): void; (e: 'batchGenerateClicked'): void;
@@ -473,7 +492,7 @@ const getTableList = async (params: any) => {
} }
//console.log('tablegetBoundPqDevList') //console.log('tablegetBoundPqDevList')
return getBoundPqDevList({ return getBoundPqDevList({
'planId': props.id, 'planIdList': [props.id],
'checkStateList': checkStateList.value, 'checkStateList': checkStateList.value,
'checkResult': form.value.checkResult, 'checkResult': form.value.checkResult,
'reportState': form.value.checkReportStatus, 'reportState': form.value.checkReportStatus,
@@ -512,12 +531,46 @@ const columns = reactive<ColumnProps<Device.ResPqDev>[]>([
{ {
prop: 'devType', prop: 'devType',
label: '设备类型', 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', prop: 'devChns',
@@ -526,7 +579,7 @@ const columns = reactive<ColumnProps<Device.ResPqDev>[]>([
sortable: true, sortable: true,
}, },
{ {
prop: 'reCheckNum', prop: 'recheckNum',
label: '检测次数', label: '检测次数',
minWidth: 100, minWidth: 100,
sortable: true, sortable: true,
@@ -577,6 +630,8 @@ const columns = reactive<ColumnProps<Device.ResPqDev>[]>([
return '已生成' return '已生成'
} else if (scope.row.reportState === 2) { } else if (scope.row.reportState === 2) {
return '未检' return '未检'
}else if(scope.row.reportState === 3){
return '已上传'
} }
return '' return ''
}, },
@@ -586,16 +641,16 @@ const columns = reactive<ColumnProps<Device.ResPqDev>[]>([
label: '系数校准结果', label: '系数校准结果',
minWidth: 100, minWidth: 100,
sortable: true, sortable: true,
isShow: factorCheckShow, isShow: factorCheckShow.value && appSceneStore.currentScene === "1" ,
render: scope => { render: scope => {
if (scope.row.factorCheckResult === 0) { if (scope.row.factorCheckResult === 0) {
return '不合格' return '不合格'
} else if (scope.row.factorCheckResult === 1) { } else if (scope.row.factorCheckResult === 1) {
return '合格' return '合格'
} else if (scope.row.factorCheckResult === 2) { } else {
return '/' return '未检'
} }
return ''
}, },
}, },
{prop: 'operation', label: '操作', fixed: 'right', minWidth: 200, isShow: operationShow}, {prop: 'operation', label: '操作', fixed: 'right', minWidth: 200, isShow: operationShow},
@@ -621,6 +676,7 @@ const resetSearchForm = () => {
let testType = 'test'//检测还是复检 let testType = 'test'//检测还是复检
const handleSelectionChange = (selection: any[]) => { const handleSelectionChange = (selection: any[]) => {
channelsSelection.value = selection channelsSelection.value = selection
devNum = selection.length devNum = selection.length
devChannelsNum = 0 devChannelsNum = 0
@@ -646,6 +702,7 @@ const handleSelectionChange = (selection: any[]) => {
devVolt: item.devVolt, devVolt: item.devVolt,
devCurr: item.devCurr, devCurr: item.devCurr,
factorFlag: item.factorFlag, 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) => { const handleTest = async (val: string) => {
if (devNum == 0) { if (devNum == 0) {
@@ -950,20 +1075,37 @@ const handleTest = async (val: string) => {
}) })
.then(() => { .then(() => {
ElMessage.success('不合格项复检') ElMessage.success('不合格项复检')
if (checkStore.devices.length > 1) { // if (checkStore.devices.length > 1) {
checkStore.setReCheckType(1) // checkStore.setReCheckType(1)
} else { // } else {
checkStore.setReCheckType(0) 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) => { .catch((action: Action) => {
if(action === 'cancel'){
ElMessage.success('全部复检') ElMessage.success('全部复检')
checkStore.setReCheckType(1) 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 { } else {
selectTestItemPopupRef.value?.open() selectTestItemPopupRef.value?.open([])
checkStore.setReCheckType(1)
} }
} else if (val === '系数校准') { } else if (val === '系数校准') {
// 检查 socketClient.Instance 是否存在 // 检查 socketClient.Instance 是否存在
@@ -1003,20 +1145,34 @@ const handleTest = async (val: string) => {
}) })
.then(() => { .then(() => {
ElMessage.success('不合格项复检') ElMessage.success('不合格项复检')
if (checkStore.devices.length > 1) { // if (checkStore.devices.length > 1) {
checkStore.setReCheckType(1) // checkStore.setReCheckType(1)
} else { // } else {
checkStore.setReCheckType(0) checkStore.setReCheckType(0)
// }
//openTestDialog(false)
if(appSceneStore.currentScene === '0'){
writeTHPopupRef.value?.open()
}else{
openTestDialog(true)
} }
openTestDialog()
}) })
.catch((action: Action) => { .catch((action: Action) => {
if (action === 'cancel') {
ElMessage.success('全部复检') ElMessage.success('全部复检')
checkStore.setReCheckType(1) checkStore.setReCheckType(1)
openTestDialog() //openTestDialog(false)
}) if (appSceneStore.currentScene === '0') {
writeTHPopupRef.value?.open()
} else { } else {
openTestDialog() openTestDialog(true)
}
}
})
checkStore.setSelectTestItems({preTest: false, timeTest: false, channelsTest: false, test: true})
} else {
checkStore.setReCheckType(1)
openTestDialog(true)
} }
} }
} }
@@ -1036,7 +1192,7 @@ const handleTest = async (val: string) => {
// ElMessage.success("归档成功"); // ElMessage.success("归档成功");
// }, 2000) // }, 2000)
documentedPqDev(checkStore.devices.map(item => { documentedPqDev(checkStore.devices.map(item => {
item.deviceId return item.deviceId
})).then((res) => { })).then((res) => {
if (res.code === ResultEnum.SUCCESS) { if (res.code === ResultEnum.SUCCESS) {
ElMessage.success('归档成功!') ElMessage.success('归档成功!')
@@ -1045,9 +1201,36 @@ const handleTest = async (val: string) => {
emit('batchGenerateClicked') // 触发事件 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) testPopup.value?.open(dialogTitle.value)
} }
@@ -1064,7 +1247,7 @@ const openDrawer = async (title: string, row: any) => {
if (title === '报告生成') { if (title === '报告生成') {
await generateDevReport({'planId': checkStore.plan.id, 'devId': row.id,'scriptId':checkStore.plan.scriptId,'planCode':checkStore.plan.code+''}) await generateDevReport({'planId': checkStore.plan.id, 'devIdList': [row.id],'scriptId':checkStore.plan.scriptId,'planCode':checkStore.plan.code+''})
emit('batchGenerateClicked') // 触发事件 emit('batchGenerateClicked') // 触发事件
ElMessage.success({message: `报告生成成功!`}) ElMessage.success({message: `报告生成成功!`})
} }
@@ -1140,6 +1323,16 @@ 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 = () => { const handleQuitClicked = () => {
//console.log('handleQuitClicked') //console.log('handleQuitClicked')
dataSocket.socketServe.closeWs() dataSocket.socketServe.closeWs()

View File

@@ -12,64 +12,6 @@
style="width: 82%; margin-right: 3%;" style="width: 82%; margin-right: 3%;"
:percentage="percentage" :percentage="percentage"
:color="customColors"/> :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>-->
<!-- &lt;!&ndash; <el-button&ndash;&gt;-->
<!-- &lt;!&ndash; type="primary"&ndash;&gt;-->
<!-- &lt;!&ndash; v-if="testStatus=='test_init'"&ndash;&gt;-->
<!-- &lt;!&ndash; :icon="VideoPause"&ndash;&gt;-->
<!-- &lt;!&ndash; disabled>初始化中&ndash;&gt;-->
<!-- &lt;!&ndash; </el-button>&ndash;&gt;-->
<!-- &lt;!&ndash; <el-button&ndash;&gt;-->
<!-- &lt;!&ndash; type="danger"&ndash;&gt;-->
<!-- &lt;!&ndash; v-if="testStatus=='test_init_fail'"&ndash;&gt;-->
<!-- &lt;!&ndash; :icon="Failed"&ndash;&gt;-->
<!-- &lt;!&ndash; disabled>初始化失败&ndash;&gt;-->
<!-- &lt;!&ndash; </el-button>&ndash;&gt;-->
<!-- &lt;!&ndash; <el-button&ndash;&gt;-->
<!-- &lt;!&ndash; type="danger"&ndash;&gt;-->
<!-- &lt;!&ndash; v-if="testStatus=='connect_timeout'"&ndash;&gt;-->
<!-- &lt;!&ndash; :icon="Failed"&ndash;&gt;-->
<!-- &lt;!&ndash; disabled>连接超时&ndash;&gt;-->
<!-- &lt;!&ndash; </el-button>&ndash;&gt;-->
<!-- &lt;!&ndash; <el-button&ndash;&gt;-->
<!-- &lt;!&ndash; type="primary"&ndash;&gt;-->
<!-- &lt;!&ndash; :icon="RefreshLeft"&ndash;&gt;-->
<!-- &lt;!&ndash; v-if="testStatus === 'recheck'"&ndash;&gt;-->
<!-- &lt;!&ndash; @click="emit('sendReCheck')">重新检测&ndash;&gt;-->
<!-- &lt;!&ndash; </el-button>&ndash;&gt;-->
<!-- <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> <el-button style="width: 10%" type="text" :icon="InfoFilled" @click="showTestLog">检测项进度</el-button>
</div> </div>
@@ -87,8 +29,12 @@
:label="'通道'+chnItem" align="center"> :label="'通道'+chnItem" align="center">
<template #default="{row}"> <template #default="{row}">
<el-tooltip <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 <el-button
:disabled="row.devices[index1].chnResult[index2].color===CheckData.ButtonColorEnum.INFO || row.devices[index1].chnResult[index2].color===CheckData.ButtonColorEnum.LOADING" :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" :color="row.devices[index1].chnResult[index2].color"
@@ -141,7 +87,7 @@
</div> </div>
<div class="drawer-container"> <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;"> <div ref="scrollContainerRef" style="height: 100%; overflow-y: auto;">
<p v-for="(item, index) in testLogList" <p v-for="(item, index) in testLogList"
:key="index" :key="index"
@@ -152,15 +98,15 @@
</el-drawer> </el-drawer>
</div> </div>
<!-- <resultPopup--> <!-- <resultPopup-->
<!-- :visible="resultDialogVisible"--> <!-- :visible="resultDialogVisible"-->
<!-- @update:visible="resultDialogVisible = $event"--> <!-- @update:visible="resultDialogVisible = $event"-->
<!-- ></resultPopup>--> <!-- ></resultPopup>-->
<dataCheckSingleChannelSingleTestPopup ref="dataCheckSingleChannelSingleTestPopupRef"/> <dataCheckSingleChannelSingleTestPopup ref="dataCheckSingleChannelSingleTestPopupRef"/>
</div> </div>
</template> </template>
<script lang="tsx" setup name="test"> <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 dataCheckSingleChannelSingleTestPopup from './dataCheckSingleChannelSingleTestPopup.vue'
import {computed, reactive, ref, toRef, watch} from "vue"; import {computed, reactive, ref, toRef, watch} from "vue";
import {dialogBig} from "@/utils/elementBind"; import {dialogBig} from "@/utils/elementBind";
@@ -194,7 +140,7 @@ 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 drawer = ref(false)
@@ -331,19 +277,19 @@ const checkResultView: ComputedRef<CheckData.ScriptChnViewItem[]> = computed(()
watch(testStatus, function (newValue, oldValue) { watch(testStatus, function (newValue, oldValue) {
if (newValue == 'start') { if (newValue == 'start') {
if (!checkStore.selectTestItems.preTest && !checkStore.selectTestItems.channelsTest) {
ElMessage.success('初始化开始!') ElMessage.success('初始化开始!')
emit('update:testStatus', 'test_init')
testLogList.push({type: 'info', log: `${new Date().toLocaleString()}:初始化开始!`})
} else {
emit('update:testStatus', 'process')
}
startTimeCount() startTimeCount()
showTestLog() 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 可移除 //startTimer() // todo 可移除
startData.value = new Date(); startData.value = new Date();
timeDifference.value = 0; 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') { if (newValue == 'recheck' || newValue == 'error' || newValue == 'test_init_fail' || newValue == 'connect_timeout' || newValue == 'pause_timeout' || oldValue == 'error_flow_end') {
@@ -355,6 +301,7 @@ watch(testStatus, function (newValue, oldValue) {
let count = 0 let count = 0
watch(webMsgSend, function (newValue, oldValue) { watch(webMsgSend, function (newValue, oldValue) {
if (testStatus.value !== 'waiting') {
if (props.stepsActive === 4) { if (props.stepsActive === 4) {
if (newValue.code == 10520) { if (newValue.code == 10520) {
ElMessageBox.alert('报文解析异常!', '初始化失败', { ElMessageBox.alert('报文解析异常!', '初始化失败', {
@@ -447,11 +394,22 @@ watch(webMsgSend, function (newValue, oldValue) {
switch (newValue.requestId) { switch (newValue.requestId) {
case 'server_error': case 'server_error':
if (newValue.operateCode === 'server_error' && count === 0) { if (newValue.operateCode === 'server_error' && count === 0) {
ElMessageBox.alert('源连接失败!', '初始化失败', { ElMessageBox.alert('服务端主动关闭连接!', '初始化失败', {
confirmButtonText: '确定', confirmButtonText: '确定',
type: 'error', 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') emit('update:testStatus', 'test_init_fail')
count++ count++
} }
@@ -535,7 +493,7 @@ watch(webMsgSend, function (newValue, oldValue) {
break; break;
case 'yjc_xyjy': case 'yjc_xyjy':
switch (newValue.operateCode) { switch (newValue.operateCode) {
case 'INIT_GATHER$03': case 'VERIFY_MAPPING$01':
if (newValue.code == 25001) { if (newValue.code == 25001) {
ElMessage.success('初始化成功!') ElMessage.success('初始化成功!')
testLogList.push({type: 'info', log: `${new Date().toLocaleString()}:协议校验成功!`}) testLogList.push({type: 'info', log: `${new Date().toLocaleString()}:协议校验成功!`})
@@ -543,11 +501,31 @@ watch(webMsgSend, function (newValue, oldValue) {
testLogList.push({type: 'info', log: `${new Date().toLocaleString()}:初始化成功!`}) testLogList.push({type: 'info', log: `${new Date().toLocaleString()}:初始化成功!`})
percentage.value = 3 percentage.value = 3
activeIndex = getNextActiveIndex() + 2 activeIndex = getNextActiveIndex() + 2
//startTimer() //startTimer()
emit('update:testStatus', 'process') 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; break;
} }
@@ -648,6 +626,7 @@ watch(webMsgSend, function (newValue, oldValue) {
} }
} }
} }
}
}, {deep: true}) }, {deep: true})
const handleStartItem = (code: string, desc: string | undefined) => { const handleStartItem = (code: string, desc: string | undefined) => {
@@ -656,9 +635,9 @@ const handleStartItem = (code: string, desc: string | undefined) => {
updateCheckResultView(code, true) updateCheckResultView(code, true)
updateLog(true) updateLog(true)
} else { } 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}准确度检测:开始`}) testLogList.push({type: 'info', log: `${new Date().toLocaleString()}${desc}准确度检测:开始`})
} }
} }
@@ -674,9 +653,9 @@ const handleEndItem = (code: string, desc: string | undefined, devices: CheckDat
} }
} else { } else {
let result = getResult(devices) 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) { if (result === 1) {
testLogList.push({type: 'info', log: `${new Date().toLocaleString()}${desc}检测结束:符合`}) testLogList.push({type: 'info', log: `${new Date().toLocaleString()}${desc}检测结束:符合`})
} }
@@ -700,12 +679,22 @@ const updatePercentage = async () => {
let {data: autoGenerate} = await getAutoGenerate() let {data: autoGenerate} = await getAutoGenerate()
if (autoGenerate == 1) { if (autoGenerate == 1) {
//调用自动生成报告接口 //调用自动生成报告接口
let deviceIds = checkStore.devices.map(item => item.deviceId) let devIdList = checkStore.devices.map(item => {
// await generateDevReport({'planId': checkStore.plan.id, 'devId':deviceIds[0] ,'scriptId':checkStore.plan.scriptId,'planCode':checkStore.plan.code+''}) return item.deviceId
})
await generateDevReport({
'planId': checkStore.plan.id,
'devIdList': devIdList,
'scriptId': checkStore.plan.scriptId,
'planCode': checkStore.plan.code + ''
})
} }
ElMessageBox.alert('检测全部结束,你可以停留在此页面查看检测结果,或返回首页进行复检、报告生成和归档等操作', '检测完成', { ElMessageBox.alert('检测全部结束,你可以停留在此页面查看检测结果,或返回首页进行复检、报告生成和归档等操作', '检测完成', {
confirmButtonText: '确定', confirmButtonText: '确定',
}) })
// 关闭WebSocket连接
emit('closeWebSocket')
//clear(); //clear();
} }
} }
@@ -739,9 +728,9 @@ const showTestLog = () => {
// 初始化检测脚本数据 // 初始化检测脚本数据
const initScriptData = async () => { 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 { return {
...item, ...item,
scriptName: item.scriptName scriptName: item.scriptName
@@ -1532,6 +1521,7 @@ defineExpose({
:deep(header.el-drawer__header) { :deep(header.el-drawer__header) {
color: #fff !important; color: #fff !important;
background-color: var(--el-color-primary) !important; background-color: var(--el-color-primary) !important;
.el-drawer__close-btn svg:hover { .el-drawer__close-btn svg:hover {
color: #ccc !important; color: #ccc !important;
} }

View File

@@ -2,10 +2,12 @@
<el-dialog :title="dialogTitle" width="1550px" :model-value="dialogVisible" :before-close="beforeClose" @close="handleClose" height="1000px" draggable> <el-dialog :title="dialogTitle" width="1550px" :model-value="dialogVisible" :before-close="beforeClose" @close="handleClose" height="1000px" draggable>
<div class="steps-container"> <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="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 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-step title="检测完成" :icon="stepsActiveIndex > stepsTotalNum-1 ? SuccessFilled :Key"/>
</el-steps> </el-steps>
@@ -15,32 +17,16 @@
:webMsgSend="webMsgSend"/> :webMsgSend="webMsgSend"/>
<timeTest v-if="showComponent&&timeTestSelected" v-show="timeTestSelected && stepsActiveView==2" v-model:testStatus="timeTestStatus"/> <timeTest v-if="showComponent&&timeTestSelected" v-show="timeTestSelected && stepsActiveView==2" v-model:testStatus="timeTestStatus"/>
<!-- <channelsTest v-if="stepsActiveIndex === 3" v-model:testStatus="channelsTestStatus"></channelsTest>--> <!-- <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"
:webMsgSend="webMsgSend"/>
<test v-if="showComponent&&testSelected" ref="testRef" v-show="testSelected && stepsActiveView==4" v-model:testStatus="TestStatus" :webMsgSend="webMsgSend" <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" :stepsActive="stepsActive"/> @update:webMsgSend="webMsgSend=$event" @sendPause="sendPause" @sendResume="sendResume" @sendReCheck="sendReCheck" @closeWebSocket="closeWebSocket"
:stepsActive="stepsActive"/>
<template #footer> <template #footer>
<div> <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-button type="primary" v-if="TestStatus === 'test_init'" disabled>
<el-icon class="loading-box" style="color: #fff;margin-right: 8px;"> <el-icon class="loading-box" style="color: #fff;margin-right: 8px;">
<component :is="Refresh"/> <component :is="Refresh"/>
@@ -85,7 +71,7 @@
<script lang="tsx" setup name="testPopup"> <script lang="tsx" setup name="testPopup">
import {reactive, ref, watch} from 'vue'; import {reactive, ref, watch} from 'vue';
import {ElMessage, ElMessageBox} from 'element-plus' import {ElMessage, ElMessageBox} from 'element-plus'
import {Coin, DArrowRight, Edit, Key, Odometer, Refresh, Right, SuccessFilled, UploadFilled, VideoPlay,VideoPause} 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 preTest from './preTest.vue'
import timeTest from './timeTest.vue' import timeTest from './timeTest.vue'
import factorTest from './factorTest.vue' import factorTest from './factorTest.vue'
@@ -100,6 +86,7 @@ const checkStore = useCheckStore();
const nextStepText = ref('下一步'); const nextStepText = ref('下一步');
const dialogVisible = ref(false) const dialogVisible = ref(false)
const showSteps = ref(false)
const stepsTotalNum = ref(-1);//步骤总数 const stepsTotalNum = ref(-1);//步骤总数
const stepsActiveIndex = ref(1); //当前正在执行的步骤索引 const stepsActiveIndex = ref(1); //当前正在执行的步骤索引
const stepsActiveView = ref(-1); //当前正在执行的步骤在(预处理、守时校验、系数校准、正式检测)中的排序,仅用于页面显示 const stepsActiveView = ref(-1); //当前正在执行的步骤在(预处理、守时校验、系数校准、正式检测)中的排序,仅用于页面显示
@@ -111,6 +98,7 @@ const channelsTestStatus = ref('waiting');//通道系数校准执行状态
const TestStatus = ref('waiting');//正式检测执行状态 const TestStatus = ref('waiting');//正式检测执行状态
const webMsgSend = ref();//webSocket推送的数据 const webMsgSend = ref();//webSocket推送的数据
const dialogTitle = ref('') const dialogTitle = ref('')
const showComponent = ref(true) const showComponent = ref(true)
const preTestRef = ref(null) const preTestRef = ref(null)
@@ -172,6 +160,7 @@ const initOperate = () => {
} }
const open = (title: string) => { const open = (title: string) => {
showSteps.value = true
initOperate() initOperate()
dialogTitle.value = title; dialogTitle.value = title;
dialogVisible.value = true; dialogVisible.value = true;
@@ -196,8 +185,7 @@ const open = (title: string) => {
}); });
} }
// let loading; const handleSubmitFast = () => {
const handleSubmit = () => {
let deviceIds = checkStore.devices.map((item) => item.deviceId) let deviceIds = checkStore.devices.map((item) => item.deviceId)
let planId = checkStore.plan.id let planId = checkStore.plan.id
@@ -205,15 +193,20 @@ const handleSubmit = () => {
ElMessage.error('webSocket连接中断') ElMessage.error('webSocket连接中断')
return return
} }
console.log("handleSubmit",stepsActive.value,TestStatus.value) console.log("handleSubmit", stepsActive.value, TestStatus.value)
switch (stepsActive.value) { switch (stepsActive.value) {
case 1: case 1:
if (preTestStatus.value == 'waiting') {
if (checkStore.selectTestItems.preTest) {
startPreTest({ startPreTest({
userPageId: "cdf", userPageId: "cdf",
devIds: deviceIds, devIds: deviceIds,
planId: planId, planId: planId,
operateType: '1', // '1'为预检测、2为正式检测、'8'为不合格项复检 operateType: checkStore.reCheckType == 1 ? '1' : '2',
userId:userStore.userInfo.id userId: userStore.userInfo.id,
temperature: checkStore.temperature,
humidity: checkStore.humidity,
testItemList: [checkStore.selectTestItems.preTest, checkStore.selectTestItems.channelsTest, checkStore.selectTestItems.test]
}).then(res => { }).then(res => {
if (res.code === 'A001014') { if (res.code === 'A001014') {
ElMessageBox.alert('装置配置异常', '检测失败', { ElMessageBox.alert('装置配置异常', '检测失败', {
@@ -224,27 +217,51 @@ const handleSubmit = () => {
} }
}) })
preTestStatus.value = 'start' preTestStatus.value = 'start'
// setTimeout(() => { }
// preTestStatus.value = 'success' }
// }, 5000)
break; break;
case 2: case 2:
timeTestStatus.value = 'start' timeTestStatus.value = 'start'
break; break;
case 3: 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({ startPreTest({
userPageId: "cdf", userPageId: "cdf",
devIds: deviceIds, devIds: deviceIds,
planId: planId, planId: planId,
operateType: checkStore.reCheckType ==1 ?'2':'8', // '1'为预检测、2为正式检测、'8'为不合格项复检 operateType: checkStore.reCheckType == 1 ? '1' : '2',
userId:userStore.userInfo.id 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 => { }).then(res => {
console.log(res)
if (res.code === 'A001014') { if (res.code === 'A001014') {
ElMessageBox.alert('装置配置异常', '初始化失败', { ElMessageBox.alert('装置配置异常', '初始化失败', {
confirmButtonText: '确定', confirmButtonText: '确定',
@@ -253,6 +270,7 @@ const handleSubmit = () => {
TestStatus.value = 'test_init_fail' TestStatus.value = 'test_init_fail'
} }
}) })
}
TestStatus.value = 'start' TestStatus.value = 'start'
} else if (TestStatus.value == 'paused') { } else if (TestStatus.value == 'paused') {
// 发送继续指令 // 发送继续指令
@@ -269,7 +287,7 @@ const handleSubmit = () => {
default: default:
break; break;
} }
}; }
const emit = defineEmits<{ const emit = defineEmits<{
@@ -299,7 +317,7 @@ watch(TestStatus, function (newValue, oldValue) {
watch(ActiveStatue, function (newValue, oldValue) { watch(ActiveStatue, function (newValue, oldValue) {
if (newValue === 'error') { if (newValue === 'error') {
// stepsActiveIndex.value = stepsTotalNum.value + 2 stepsActiveIndex.value = stepsTotalNum.value + 1
nextStepText.value = '检测失败' nextStepText.value = '检测失败'
} }
if (newValue === 'success' && stepsActiveIndex.value === stepsTotalNum.value - 1) { if (newValue === 'success' && stepsActiveIndex.value === stepsTotalNum.value - 1) {
@@ -321,22 +339,24 @@ watch(ActiveStatue, function (newValue, oldValue) {
} }
if (newValue === 'success' && stepsActiveIndex.value < stepsTotalNum.value - 1) { if (newValue === 'success' && stepsActiveIndex.value < stepsTotalNum.value - 1) {
nextStep() // 实现自动点击,进入下一个测试内容 nextStep() // 实现自动点击,进入下一个测试内容
handleSubmit() //handleSubmit()
handleSubmitFast()
} }
}) })
const handleQuit = () => { const handleQuit = () => {
console.log('handleQuit',ActiveStatue.value) 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') { if (ActiveStatue.value !== 'success' && ActiveStatue.value !== 'waiting' && ActiveStatue.value !== 'paused' && ActiveStatue.value !== 'test_init_fail' && ActiveStatue.value !== 'connect_timeout' && ActiveStatue.value !== 'pause_timeout') {
beforeClose(() => {}) beforeClose(() => {
})
} else { } else {
handleClose() handleClose()
} }
} }
const handlePause=()=>{ const handlePause = () => {
sendPause() sendPause()
testRef.value?.handlePause() testRef.value?.handlePause()
} }
@@ -344,12 +364,7 @@ const sendPause = () => {
console.log('发起暂停请求') console.log('发起暂停请求')
TestStatus.value = 'paused_ing' TestStatus.value = 'paused_ing'
pauseTest().then(res => { pauseTest()
Object.assign(webMsgSend.value, {
requestId: 'preStopTest',
operateCode: 'stop'
})
})
// setTimeout(() => { // setTimeout(() => {
// Object.assign(webMsgSend.value, { // Object.assign(webMsgSend.value, {
// requestId: 'preStopTest', // requestId: 'preStopTest',
@@ -365,7 +380,9 @@ const sendResume = () => {
devIds: checkStore.devices.map((item) => item.deviceId), devIds: checkStore.devices.map((item) => item.deviceId),
planId: checkStore.plan.id, planId: checkStore.plan.id,
operateType: '2', // 0:'系数校验''1'为预检测、2为正式检测、'8'为不合格项复检 operateType: '2', // 0:'系数校验''1'为预检测、2为正式检测、'8'为不合格项复检
userId:userStore.userInfo.id userId: userStore.userInfo.id,
temperature: checkStore.temperature,
humidity: checkStore.humidity
}) })
Object.assign(webMsgSend.value, { Object.assign(webMsgSend.value, {
requestId: 'Resume_Success' requestId: 'Resume_Success'
@@ -379,7 +396,10 @@ const sendReCheck = () => {
devIds: checkStore.devices.map((item) => item.deviceId), devIds: checkStore.devices.map((item) => item.deviceId),
planId: checkStore.plan.id, planId: checkStore.plan.id,
operateType: '2', // 0:'系数校验''1'为预检测、2为正式检测、'8'为不合格项复检 operateType: '2', // 0:'系数校验''1'为预检测、2为正式检测、'8'为不合格项复检
userId:userStore.userInfo.id userId: userStore.userInfo.id,
temperature: checkStore.temperature,
humidity: checkStore.humidity,
testItemList: [checkStore.selectTestItems.preTest, checkStore.selectTestItems.channelsTest, checkStore.selectTestItems.test]
}).then(res => { }).then(res => {
console.log(res) console.log(res)
if (res.code === 'A001014') { if (res.code === 'A001014') {
@@ -393,6 +413,10 @@ const sendReCheck = () => {
TestStatus.value = 'start' TestStatus.value = 'start'
} }
const closeWebSocket = () => {
dataSocket.socketServe.closeWs()
}
const nextStep = () => { const nextStep = () => {
if (stepsActiveIndex.value == stepsTotalNum.value + 1 || ActiveStatue.value === 'error' || ActiveStatue.value === 'test_init_fail' || ActiveStatue.value === 'connect_timeout' || ActiveStatue.value === 'pause_timeout') { if (stepsActiveIndex.value == stepsTotalNum.value + 1 || ActiveStatue.value === 'error' || ActiveStatue.value === 'test_init_fail' || ActiveStatue.value === 'connect_timeout' || ActiveStatue.value === 'pause_timeout') {
handleClose() handleClose()
@@ -466,6 +490,7 @@ const beforeClose = (done: () => void) => {
} }
const handleClose = () => { const handleClose = () => {
showSteps.value = false
dataSocket.socketServe.closeWs() dataSocket.socketServe.closeWs()
dialogVisible.value = false; dialogVisible.value = false;
clearData() clearData()
@@ -485,7 +510,8 @@ defineExpose({open})
.el-step__head.is-success { .el-step__head.is-success {
color: #91cc75; color: #91cc75;
} }
.el-step__title.is-success{
.el-step__title.is-success {
color: #91cc75; color: #91cc75;
} }
} }

View File

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

View File

@@ -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>

View File

@@ -70,14 +70,14 @@ const modeList = [
const handelOpen = async (isActive: any) => { const handelOpen = async (isActive: any) => {
await authStore.setShowMenu(); await authStore.setShowMenu();
return; 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[]) => { const handleSelect = (key: string, keyPath: string[]) => {
//console.log(key, keyPath); //console.log(key, keyPath);

View File

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

View File

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

View File

@@ -4,13 +4,11 @@
ref='proTable' ref='proTable'
:columns='columns' :columns='columns'
:request-api='getTableList' :request-api='getTableList'
@selection-change='handleSelectionChange'
type='selection'
> >
<!-- 表格 header 按钮 --> <!-- 表格 header 按钮 -->
<template #tableHeader> <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> </template>
</ProTable> </ProTable>
@@ -21,14 +19,14 @@
<script setup lang='tsx' name='useProTable'> <script setup lang='tsx' name='useProTable'>
// 根据实际路径调整 // 根据实际路径调整
import TimeControl from '@/components/TimeControl/index.vue' 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 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({ // defineOptions({
@@ -50,12 +48,12 @@ const getTableList = async (params: any) => {
// 表格配置项 // 表格配置项
const columns = reactive<ColumnProps<AuditLog.ReqAuditLogParams>[]>([ 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: '操作用户', label: '操作用户',
search: { el: 'input' }, search: {el: 'input'},
minWidth: 100, minWidth: 100,
}, },
{ {
@@ -64,7 +62,7 @@ const columns = reactive<ColumnProps<AuditLog.ReqAuditLogParams>[]>([
minWidth: 120, minWidth: 120,
}, },
{ {
prop: 'createTime', prop: 'logTime',
label: '记录时间', label: '记录时间',
minWidth: 180, minWidth: 180,
search: { search: {
@@ -82,9 +80,11 @@ const columns = reactive<ColumnProps<AuditLog.ReqAuditLogParams>[]>([
}, },
}, },
{ {
prop: 'remark',
label: '事件描述', 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', prop: 'result',
@@ -97,7 +97,7 @@ const columns = reactive<ColumnProps<AuditLog.ReqAuditLogParams>[]>([
minWidth: 100, minWidth: 100,
render: scope => { render: scope => {
return ( 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) => { const handleDateChange = (startDateTemp: string, endDateTemp: string) => {
startDate.value = startDateTemp startDate.value = startDateTemp
endDate.value = endDateTemp endDate.value = endDateTemp
} }
const handleExport = () => {
// 获取当前的搜索参数
let searchParam = proTable.value?.searchParam || {}
// 将开始时间和结束时间添加到搜索参数中
searchParam.searchBeginTime = startDate.value
searchParam.searchEndTime = endDate.value
useDownload(exportCsv, '日志列表', searchParam, false, '.csv')
}
</script> </script>

View File

@@ -80,7 +80,6 @@ const tabsStore = useTabsStore()
const keepAliveStore = useKeepAliveStore() const keepAliveStore = useKeepAliveStore()
const dictStore = useDictStore() const dictStore = useDictStore()
const isAutoLogin = ref(false)
let publicKey: any = null; let publicKey: any = null;
@@ -105,31 +104,22 @@ const login = (formEl: FormInstance | undefined) => {
if (!valid) return if (!valid) return
loading.value = true loading.value = true
try { try {
if (!isAutoLogin.value) { let {data: publicKeyBase64}: { data: string } = await getPublicKey(loginForm.username)
let {data: publicKeyBase64}: { data: string } = await getPublicKey(loginForm.username, loginForm.checked)
//将base64格式的公钥转换为Forge可以使用的格式 //将base64格式的公钥转换为Forge可以使用的格式
const publicKeyDer = forge.util.decode64(publicKeyBase64); const publicKeyDer = forge.util.decode64(publicKeyBase64);
publicKey = forge.pki.publicKeyFromPem(forge.pki.publicKeyToPem(forge.pki.publicKeyFromAsn1(forge.asn1.fromDer(publicKeyDer)))); publicKey = forge.pki.publicKeyFromPem(forge.pki.publicKeyToPem(forge.pki.publicKeyFromAsn1(forge.asn1.fromDer(publicKeyDer))));
}
// 1.执行登录接口 // 1.执行登录接口
const {data} = await loginApi({ const {data} = await loginApi({
username: forge.util.encode64(loginForm.username), username: forge.util.encode64(loginForm.username),
password: isAutoLogin.value ? loginForm.password : encryptPassword(loginForm.password), password: encryptPassword(loginForm.password),
checked: loginForm.checked
}) })
if (loginForm.checked) {
localStorage.setItem("loginInfo", JSON.stringify({
username: forge.util.encode64(loginForm.username),
password: isAutoLogin.value ? loginForm.password : encryptPassword(loginForm.password),
exp: Date.now() + 1000 * 60 * 60 * 24 * 30
}))
} else {
localStorage.removeItem("loginInfo")
}
userStore.setAccessToken(data.accessToken) userStore.setAccessToken(data.accessToken)
userStore.setRefreshToken(data.refreshToken) userStore.setRefreshToken(data.refreshToken)
userStore.setUserInfo(data.userInfo) userStore.setUserInfo(data.userInfo)
if(loginForm.checked){
userStore.setExp(Date.now() + 1000 * 60 * 60 * 24 * 30)
}
const response = await getDictList() const response = await getDictList()
const dictData = response.data as unknown as Dict[] const dictData = response.data as unknown as Dict[]
await dictStore.initDictData(dictData) await dictStore.initDictData(dictData)
@@ -179,20 +169,6 @@ const encryptPassword = (password: string) => {
return forge.util.encode64(encrypted); return forge.util.encode64(encrypted);
} }
onBeforeMount(async () => {
let loginInfoJSON = localStorage.getItem("loginInfo")
if (loginInfoJSON) {
const loginInfo = JSON.parse(loginInfoJSON)
if (loginInfo.exp < Date.now()) {
localStorage.removeItem("loginInfo")
} else {
isAutoLogin.value = true
loginForm.username = forge.util.decode64(loginInfo.username)
loginForm.password = loginInfo.password
loginForm.checked = true
}
}
})
</script> </script>
<style scoped lang='scss'> <style scoped lang='scss'>

View File

@@ -1,10 +1,10 @@
<template> <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> <div>
<el-form :model="formContent" ref='dialogFormRef' :rules='rules' class="form-two"> <el-form :model="formContent" ref='dialogFormRef' :rules='rules' class="form-two">
<el-form-item label="名称" prop="name" > <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>
<el-form-item label="工作电源" prop="power" > <el-form-item label="工作电源" prop="power" >
<el-select v-model="formContent.power" clearable placeholder="请选择工作电源"> <el-select v-model="formContent.power" clearable placeholder="请选择工作电源">
@@ -46,7 +46,7 @@
/> />
</el-select> </el-select>
</el-form-item> </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-select v-model="formContent.reportName" clearable placeholder="请选择报告模版">
<el-option <el-option
v-for="item in dictStore.getDictData('Report_Template')" v-for="item in dictStore.getDictData('Report_Template')"
@@ -93,6 +93,7 @@
const dictStore = useDictStore() const dictStore = useDictStore()
// 定义弹出组件元信息 // 定义弹出组件元信息
const dialogFormRef = ref() const dialogFormRef = ref()
const scene = ref('')
const icdOptions = ref<ICD.ResICD[]>([]) const icdOptions = ref<ICD.ResICD[]>([])
function useMetaInfo() { function useMetaInfo() {
const dialogVisible = ref(false) const dialogVisible = ref(false)
@@ -138,8 +139,19 @@ const resetFormContent = () => {
//定义规则 //定义规则
const formRuleRef = ref<FormInstance>() 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' }], name: [{ required: true, message: '设备类型名称必填!', trigger: 'blur' }],
power: [ power: [
{ required: true, message: '工作电源必选!', trigger: 'change' } { required: true, message: '工作电源必选!', trigger: 'change' }
@@ -153,13 +165,10 @@ const resetFormContent = () => {
devCurr: [ devCurr: [
{ required: true, message: '额定电流必选!', trigger: 'change' } { required: true, message: '额定电流必选!', trigger: 'change' }
], ],
reportName: [
{ required: true, message: '报告模版名称必选!', trigger: 'change' }
],
icd: [ icd: [
{ required: true, message: '设备关联ICD必选', trigger: 'change' } { 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() dialogFormRef.value?.resetFields()
titleType.value = sign titleType.value = sign
dialogVisible.value = true dialogVisible.value = true
scene.value = currentScene
icdOptions.value = icd icdOptions.value = icd
if (data.id) { if (data.id) {

View File

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

View File

@@ -1,18 +1,18 @@
<template> <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="设备台账信息"> <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>
<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>
<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 <el-option
v-for="item in devTypeOptions" v-for="item in devTypeOptions"
:key="item.id" :key="item.id"
@@ -31,18 +31,8 @@
/> />
</el-select> </el-select>
</el-form-item> </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-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 <el-option
v-for="item in dictStore.getDictData('Dev_Manufacturers')" v-for="item in dictStore.getDictData('Dev_Manufacturers')"
:key="item.id" :key="item.id"
@@ -51,60 +41,93 @@
/> />
</el-select> </el-select>
</el-form-item> </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 <el-date-picker
v-model="formContent.createDate" v-model="formContent.createDate"
placeholder="请选择出厂日期" :placeholder="`请选择${createDateTitle}`"
:disabled-date="disabledDate" :disabled-date="disabledDate"
:disabled="formContent.importFlag == 1"
/> />
</el-form-item> </el-form-item>
<el-form-item label="固件版本" prop="hardwareVersion" v-if="scene === '0'"> <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>
<el-form-item label="软件版本" prop="softwareVersion" v-if="scene === '0'"> <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-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-input v-model='formContent.devChns' :disabled="true"/>
</el-form-item> </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-input v-model='formContent.devVolt' :disabled="true"/>
</el-form-item> </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-input v-model='formContent.devCurr' :disabled="true"/>
</el-form-item> </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 <el-option
v-for="item in dictStore.getDictData('Protocol')" v-for="item in dictStore.getDictData('Protocol')"
:key="item.id" :key="item.id"
:label="item.name" :label="item.name"
:value="item.id" :value="item.id"
/> />
</el-select> </el-select>
</el-form-item> </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>
<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>
<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="1"></el-option>
<el-option label="否" :value="0"></el-option> <el-option label="否" :value="0"></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label='识别码' prop='series' clearable v-if="formContent.encryptionFlag"> <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>
<el-form-item label='密钥' prop='devKey' clearable v-if="formContent.encryptionFlag"> <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>
<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>
<el-form-item label='送样日期' prop='arrivedDate' v-if="scene === '0'"> <el-form-item label='送样日期' prop='arrivedDate' v-if="scene === '0'">
<el-date-picker <el-date-picker
@@ -113,17 +136,48 @@
:disabled-date="disabledDate" :disabled-date="disabledDate"
/> />
</el-form-item> </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>
<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>
<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>
<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="1"></el-radio>
<el-radio :value="0"></el-radio> <el-radio :value="0"></el-radio>
</el-radio-group> </el-radio-group>
@@ -131,9 +185,10 @@
</el-form> </el-form>
</div> </div>
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="监测点台账信息" v-if="MonIsShow">
<!-- 监测点台账信息 tab pane --> <!-- 监测点台账信息 tab pane -->
<MonitorTable :MonIsShow="MonIsShow"/> <MonitorTable @getParameter="getParameter" :DevFormContent = "formContent" :tableHeight="monitorTableHeight" :selectOptions = "selectOptions"></MonitorTable>
</el-tab-pane>
</el-tabs> </el-tabs>
<template #footer> <template #footer>
<div > <div >
@@ -145,211 +200,288 @@
</template> </template>
<script setup lang='ts'> <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 库格式化 // 使用 dayjs 库格式化
import dayjs from 'dayjs' import dayjs from 'dayjs'
import MonitorTable from '@/views/machine/device/components/monitorTab.vue'; 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 MonIsShow = ref(false)
const DevIsShow = ref(false) const DevIsShow = ref(false)
// 存储设备类型选项 // 存储设备类型选项
const devTypeOptions = ref<Device.ResDev[]>([]) const devTypeOptions = ref<Device.ResDev[]>([])
const monitor = ref<Monitor.ResPqMon[]>([])
// const IsPasswordShow = ref(false) // const IsPasswordShow = ref(false)
const dictStore = useDictStore() const dictStore = useDictStore()
const mode = ref() const mode = ref()
const scene = ref('') const scene = ref('')
// 定义弹出组件元信息 // 定义弹出组件元信息
const dialogFormRef = 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) => { const disabledDate = (time: Date) => {
return time.getTime() > Date.now() 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 dialogVisible = ref(false)
const titleType = ref('add') const titleType = ref('add')
const formContent = ref<Device.ResPqDev>({ const formContent = reactive<Device.ResPqDev>({
id: '', id: '',
name: '', 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: '', manufacturer: '',
createDate: dayjs().format('YYYY-MM-DD'), createDate: dayjs().format('YYYY-MM-DD'),
createId: '', createId: '',
hardwareVersion: '', hardwareVersion: '',
softwareVersion: '', softwareVersion: '',
protocol: 'MMS', protocol: 'MMS',
ip: '172.17.102.200', ip: '',
port: 102, port: 102,
encryptionFlag: 0, encryptionFlag: 0,
reCheckNum:0, recheckNum: 0,
state: 1, 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>> = { 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: [ 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: [ devVolt: [
{ required: true, message: '额定电压必填!', trigger: 'blur' }, {required: true, message: '额定电压必填!', trigger: 'blur'},
{ pattern: /^\d+(\.\d+)?$/, message: '额定电压格式错误', trigger: 'blur' } {pattern: /^\d+(\.\d+)?$/, message: '额定电压格式错误', trigger: 'blur'}
], ],
devCurr: [ 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: [ 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: [ 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 动态生成规则 // 使用计算属性根据 scene 动态生成规则
const rules = computed(() => { 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') { 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') { 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; return dynamicRules;
}); });
// 关闭弹窗 // 关闭弹窗
const close = () => { const close = () => {
dialogVisible.value = false dialogVisible.value = false
// 清空dialogForm中的值 // 清空dialogForm中的值
resetFormContent() resetFormContent()
// 重置表单 // 重置表单
dialogFormRef.value?.resetFields() 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 { try {
dialogFormRef.value?.validate(async (valid: boolean) => { 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) { 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 { } else {
// 新增需要把设备模式转成字典ID // 新增需要把设备模式转成字典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) { if (patternItem) {
formContent.value.pattern = patternItem.id; formContent.pattern = patternItem.id;
} }
// 新增需要把通讯协议转成字典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) { 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 devTypeOptions.value = devType
mode.value = currentMode mode.value = currentMode
scene.value = currentScene scene.value = currentScene
titleType.value = sign titleType.value = sign
dialogVisible.value = true 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 DevIsShow.value = false
MonIsShow.value = true MonIsShow.value = true
}else{ } else {
createDateTitle.value = '出厂日期'
DevIsShow.value = true DevIsShow.value = true
MonIsShow.value = false MonIsShow.value = false
} }
if (data.encryptionFlag === 1) {
//handleEncryptionChange(1)
} else {
//handleEncryptionChange(0)
}
if (data.id) { 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 { } else {
resetFormContent() resetFormContent()
//只有比对式设备ID由前端传
if(currentMode === '比对式')
formContent.id = generateUUID().replaceAll("-","")
if(scene.value === '2'){ if(scene.value === '2'){
const manufacturers = dictStore.getDictData('Dev_Manufacturers'); const manufacturers = dictStore.getDictData('Dev_Manufacturers');
const nanjingCanxuan = manufacturers.find(item => item.name === '南京灿能'); 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) => { 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) => { 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<{ const props = defineProps<{
refreshTable: (() => Promise<void>) | undefined; refreshTable: (() => Promise<void>) | undefined;
}>() }>()
</script> </script>

View File

@@ -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>

View File

@@ -1,78 +1,191 @@
<!-- components/MonitorPointTable.vue --> <!-- components/MonitorPointTable.vue -->
<template> <template>
<el-tab-pane label="监测点台账信息" v-if="MonIsShow"> <div class='table-box'>
<div class='table-box' ref='popupBaseView'>
<ProTable <ProTable
ref='proTable' ref='proTable'
:pagination="false"
:toolButton="false"
:columns='columns' :columns='columns'
:style="{ height: '326px',maxHeight: '400px',overflow:'hidden'}" :data="tableData"
:style="{ height: tableHeight + 'px',overflow:'hidden'}"
> >
<!-- 表格 header 按钮 --> <!-- 表格 header 按钮 -->
<template #tableHeader='scope'> <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>
<!-- 表格操作 --> <!-- 表格操作 -->
<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> </template>
</ProTable> </ProTable>
</div> </div>
</el-tab-pane> <MonitorPopup @getParameter="getParameter" ref='monitorPopup'/>
</template> </template>
<script setup lang="ts"> <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 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 { 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 // 定义 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>[]>([ const columns = reactive<ColumnProps<Monitor.ResPqMon>[]>([
{ 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: '', prop: 'name',
label: '名称',
width: 200,
},
{
prop: 'busbar',
label: '所属母线', label: '所属母线',
width: 200, width: 200,
}, },
{ {
prop: '', prop: 'num',
label: '被检通道', label: '线路号',
width: 200, width: 200,
}, },
{ {
prop: '', prop: 'pt',
label: 'PT变比', label: 'PT变比',
width: 110, width: 110,
}, },
{ {
prop: '', prop: 'ct',
label: 'CT变比', label: 'CT变比',
width: 130, width: 130,
}, },
{ {
prop: '', prop: 'connection',
label: '接线方式', label: '接线方式',
enum: dictStore.getDictData('Dev_Connect'),
fieldNames: {label: 'name', value: 'id'},
width: 130, width: 130,
}, },
{ {
prop: '', prop: 'statInterval',
label: '谐波系统监测点ID', label: '统计间隔',
minWidth: 250, width: 130,
}, },
{ prop: 'operation', label: '操作', fixed: 'right', width: 200 }, { 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> </script>

View File

@@ -16,6 +16,7 @@
<el-button v-auth.device="'import'" type='primary' :icon='Download' plain @click="importFile('比对式')" <el-button v-auth.device="'import'" type='primary' :icon='Download' plain @click="importFile('比对式')"
v-if='modeStore.currentMode === "比对式"'>导入 v-if='modeStore.currentMode === "比对式"'>导入
</el-button> </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' <el-button v-auth.device="'delete'" type='danger' :icon='Delete' plain :disabled='!scope.isSelected'
@click='batchDelete(scope.selectedListIds)'> @click='batchDelete(scope.selectedListIds)'>
删除 删除
@@ -28,6 +29,8 @@
</el-button> </el-button>
<el-button v-auth.device="'delete'" type='primary' link :icon='Delete' @click='handleDelete(scope.row)'>删除 <el-button v-auth.device="'delete'" type='primary' link :icon='Delete' @click='handleDelete(scope.row)'>删除
</el-button> </el-button>
</template> </template>
</ProTable> </ProTable>
@@ -38,7 +41,7 @@
<script setup lang='tsx' name='useRole'> <script setup lang='tsx' name='useRole'>
import TimeControl from '@/components/TimeControl/index.vue' 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 ProTable from '@/components/ProTable/index.vue'
@@ -47,8 +50,9 @@ import {type ColumnProps, type ProTableInstance} from '@/components/ProTable/int
import DevicePopup from '@/views/machine/device/components/devicePopup.vue' import DevicePopup from '@/views/machine/device/components/devicePopup.vue'
import {CirclePlus, Delete, Download, EditPen, 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 {deletePqDev, downloadTemplate, exportPqDev, getPqDev, getPqDevList, importPqDev} from '@/api/device/device/index.ts' import {deletePqDev, downloadTemplate, exportPqDev, getPqDev, getPqDevList, importPqDev} from '@/api/device/device/index'
import {ElMessageBox} from 'element-plus' import {uploadReportToCloud} from '@/api/device/report/index'
import {ElMessage, ElMessageBox} from 'element-plus'
import {onBeforeMount, reactive, ref} from 'vue' import {onBeforeMount, reactive, ref} from 'vue'
import {useAppSceneStore, useModeStore} from '@/stores/modules/mode' import {useAppSceneStore, useModeStore} from '@/stores/modules/mode'
@@ -65,11 +69,10 @@ const boundPqDevList = ref<Device.ReqPqDevParams[]>([])//根据检测计划id查
// 存储设备类型选项 // 存储设备类型选项
const devTypeOptions = ref<Device.ResDev[]>([]) const devTypeOptions = ref<Device.ResDev[]>([])
const getTableList = async (params: any) => { const getTableList = async (params: any) => {
let newParams = JSON.parse(JSON.stringify(params)) 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 const patternId = dictStore.getDictData('Pattern').find(item => item.name === modeStore.currentMode)?.id//获取数据字典中对应的id
newParams.pattern = patternId newParams.pattern = patternId
return getPqDevList(newParams) return getPqDevList(newParams)
@@ -94,33 +97,15 @@ const columns = reactive<ColumnProps<Device.ResPqDev>[]>([
prop: 'devType', prop: 'devType',
label: '设备类型', label: '设备类型',
minWidth: 200, minWidth: 200,
render: (scope) => {
// 查找设备类型名称
const name = devTypeOptions.value.find(option => option.id === scope.row.devType)
return <span>{name?.name}</span>
},
}, },
{ {
prop: 'createDate', prop: 'createDate',
label: '出厂日期', label: modeStore.currentMode === '比对式' ? '投运日期' : '出厂日期',
minWidth: 200, minWidth: 200,
isShow: appSceneStore.currentScene === '0', 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: { // search: {
// span: 2,
// render: () => { // render: () => {
// return ( // return (
// <div class='flx-flex-start'> // <div class='flx-flex-start'>
@@ -132,24 +117,30 @@ const columns = reactive<ColumnProps<Device.ResPqDev>[]>([
// ) // )
// }, // },
// }, // },
// } : {}),
}, },
{ {
prop: 'devChns', prop: 'devChns',
label: '通道数', label: '通道数',
minWidth: 110, minWidth: 110,
isShow: modeStore.currentMode != '比对式',
}, },
{ {
prop: 'devVolt', prop: 'devVolt',
label: '额定电压V', label: '额定电压V',
minWidth: 130, minWidth: 130,
isShow: modeStore.currentMode != '比对式',
}, },
{ {
prop: 'devCurr', prop: 'devCurr',
label: '额定电流A', label: '额定电流A',
minWidth: 130, minWidth: 130,
isShow: modeStore.currentMode != '比对式',
},
{
prop: 'ip',
label: 'IP',
minWidth: 130,
}, },
{ {
prop: 'manufacturer', prop: 'manufacturer',
@@ -162,6 +153,20 @@ const columns = reactive<ColumnProps<Device.ResPqDev>[]>([
} : {}), } : {}),
minWidth: 200, 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', prop: 'createTime',
label: '创建时间', label: '创建时间',
@@ -192,8 +197,14 @@ const handleDateChange = (startDateTemp: string, endDateTemp: string) => {
endDate.value = endDateTemp endDate.value = endDateTemp
} }
// 打开 drawer(新增、编辑) // 打开 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) 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)
}
} }
@@ -233,29 +244,53 @@ const downloadFile = async () => {
const deviceImportExcel = ref<InstanceType<typeof ImportExcel> | null>(null) const deviceImportExcel = ref<InstanceType<typeof ImportExcel> | null>(null)
const importFile = async (pattern: string) => { 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 = { const params = {
title: '被检设备', title: '被检设备',
showCover: false, showCover: false,
patternId: dictStore.getDictData('Pattern').find(item => item.name === modeStore.currentMode)?.id, patternId: dictStore.getDictData('Pattern').find(item => item.name === modeStore.currentMode)?.id,
planId: null,
tempApi: downloadTemplate, tempApi: downloadTemplate,
importApi: importPqDev, importApi: importPqDev,
// importApi: modeStore.currentMode === "比对式"? importContrastPqDev: importCNDev, // importApi: modeStore.currentMode === "比对式"? importContrastPqDev: importCNDev,
getTableList: proTable.value?.getTableList, getTableList: proTable.value?.getTableList,
} }
deviceImportExcel.value?.acceptParams(params) 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 () => { onBeforeMount(async () => {

View File

@@ -1,6 +1,6 @@
<template> <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"> <div class="table-container">
<el-table :data="errorData.value" <el-table :data="errorData.value"
height="500" height="500"

View File

@@ -10,8 +10,8 @@
style="width: 100%" style="width: 100%"
:style="{ height: '400px',maxHeight: '400px',overflow:'hidden'}" :style="{ height: '400px',maxHeight: '400px',overflow:'hidden'}"
@selection-change="handleSelectionChange"> @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"> <el-table-column prop="type" label="误差类型" min-width="180">
<template #default="{ row }"> <template #default="{ row }">
<el-cascader style="min-width: 180px;" <el-cascader style="min-width: 180px;"
@@ -29,10 +29,10 @@
v-model="row.scriptType" v-model="row.scriptType"
:props="{ checkStrictly: false, emitPath: false }" :props="{ checkStrictly: false, emitPath: false }"
placeholder="请选择脚本类型" placeholder="请选择脚本类型"
/> @change="handleScriptTypeChange(row)"/>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="起止范围" > <el-table-column label="起止范围">
<el-table-column label="起始" width="150"> <el-table-column label="起始" width="150">
<template #default="{ row }"> <template #default="{ row }">
<el-row type="flex" :gutter="24"> <el-row type="flex" :gutter="24">
@@ -44,7 +44,7 @@
</el-select> </el-select>
</el-col> </el-col>
<el-col :span="12"> <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-col>
</el-row> </el-row>
@@ -52,7 +52,7 @@
</el-table-column> </el-table-column>
<el-table-column label="结束" width="150"> <el-table-column label="结束" width="150">
<template #default="{ row }"> <template #default="{ row }">
<el-row type="flex" :gutter="24" > <el-row type="flex" :gutter="24">
<el-col :span="12"> <el-col :span="12">
<el-select v-model="row.endFlag" placeholder="选择结束值" style="width: 70px;" @change="(value) => handleEndFlagChange(row, value)"> <el-select v-model="row.endFlag" placeholder="选择结束值" style="width: 70px;" @change="(value) => handleEndFlagChange(row, value)">
<el-option label="无" :value="2"></el-option> <el-option label="无" :value="2"></el-option>
@@ -61,7 +61,7 @@
</el-select> </el-select>
</el-col> </el-col>
<el-col :span="12"> <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-col>
</el-row> </el-row>
</template> </template>
@@ -70,7 +70,7 @@
<template #default="{ row }"> <template #default="{ row }">
<el-select v-model="row.conditionType" placeholder="选择单位"> <el-select v-model="row.conditionType" placeholder="选择单位">
<el-option <el-option
v-for="item in dictStore.getDictData('Condition_Type')" v-for="item in conditionTypes"
:key="item.id" :key="item.id"
:label="item.name" :label="item.name"
:value="Number(item.value)" :value="Number(item.value)"
@@ -82,19 +82,19 @@
<el-table-column label="最大误差"> <el-table-column label="最大误差">
<el-table-column prop="maxErrorValue" label="最大误差值" width="100"> <el-table-column prop="maxErrorValue" label="最大误差值" width="100">
<template #default="{ row }"> <template #default="{ row }">
<el-input v-model= "row.maxErrorValue" style="width: 70px;"/> <el-input v-model="row.maxErrorValue" style="width: 70px;"/>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="误差类型" width="180"> <el-table-column label="误差类型" width="170">
<template #default="{ row }"> <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> </template>
</el-table-column> </el-table-column>
</el-table-column> </el-table-column>
@@ -109,19 +109,18 @@
</template> </template>
<script setup lang="ts"> <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: { errorOptions: {
type: Array as PropType<CascaderOption[]>, type: Array as PropType<CascaderOption[]>,
required: true 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 // const matchedRow = findRowById(row.errorType, props.errorOptions);//选中误差id找对应结构中的含chilren的code
// console.log('matchedRow.code',matchedRow.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 属性 // 假设 props.errorOptions 是一个数组,每个元素可能包含 children 属性
const findRowById = (id: string, options: any[]): any | null => { const findRowById = (id: string, options: any[]): any | null => {
@@ -236,7 +253,7 @@ watch(() => props.tableData, async (newTableData) => {
props.tableData.forEach(row => { props.tableData.forEach(row => {
isEndValueDisabled.value[row.sort] = row.endFlag === 2; isEndValueDisabled.value[row.sort] = row.endFlag === 2;
}); });
}, { immediate: true }); }, {immediate: true});
// 处理 startFlag 变化的方法 // 处理 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); // 更新选中的行 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 = { const newRow = {
sort: props.tableData.length + 1, sort: props.tableData.length + 1,
id: '', 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: "", errorSysId: "",
errorType: "", errorType: "",
scriptType: "", scriptType: "",
maxErrorValue: 0 maxErrorValue: 0
}; };
emit('updateTableData', [...props.tableData, newRow]); emit('updateTableData', [...props.tableData, newRow]);
}; };
const copyRow = (row: ErrorSystem.ErrorSystemDetail) => { const copyRow = (row: ErrorSystem.ErrorSystemDetail) => {
// 深拷贝行数据 // 深拷贝行数据
const newRow = { ...row }; const newRow = {...row};
const maxNextId = Math.max(...props.tableData.map(item => item.sort), 0); const maxNextId = Math.max(...props.tableData.map(item => item.sort), 0);
newRow.sort = maxNextId + 1; newRow.sort = maxNextId + 1;
emit('updateTableData', [...props.tableData, newRow]); emit('updateTableData', [...props.tableData, newRow]);
}; };
//删除行 //删除行
const deleteRow = (row:ErrorSystem.ErrorSystemDetail) => { const deleteRow = (row: ErrorSystem.ErrorSystemDetail) => {
const index = props.tableData.indexOf(row); const index = props.tableData.indexOf(row);
if (index !== -1) { if (index !== -1) {
const newTableData = [...props.tableData]; const newTableData = [...props.tableData];
@@ -322,6 +341,7 @@ const deleteSelectedRows = () => {
.el-table th, .el-table td { .el-table th, .el-table td {
text-align: center; /* 所有单元格文字居中 */ text-align: center; /* 所有单元格文字居中 */
} }
.table-container { .table-container {
max-height: 400px; /* 根据需要调整高度 */ max-height: 400px; /* 根据需要调整高度 */
overflow-y: auto; /* 允许垂直滚动 */ overflow-y: auto; /* 允许垂直滚动 */

View File

@@ -1,11 +1,11 @@
<template> <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-tabs type="border-card">
<el-tab-pane label="基础信息"> <el-tab-pane label="基础信息">
<div > <div>
<el-form :model="formContent" ref='dialogFormRef' :rules='rules' label-width="auto" class="form-four"> <el-form :model="formContent" ref='dialogFormRef' :rules='rules' label-width="auto" class="form-four">
<el-form-item label="标准号" prop="standardName" > <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>
<el-form-item label="标准推行年份" prop="standardTime" > <el-form-item label="标准推行年份" prop="standardTime" >
<el-date-picker <el-date-picker
@@ -137,6 +137,9 @@ const handleTableDataUpdate = (newTableData: ErrorSystem.ErrorSystemDetail[]) =>
} }
formContent.value.pqErrSysDtlsList = tableData.value formContent.value.pqErrSysDtlsList = tableData.value
formContent.value.pqErrSysDtlsList.forEach((item) => {
item.errorValueType=item.errorValueType[1]
})
if (formContent.value.id) { if (formContent.value.id) {
await updatePqErrSys(formContent.value); await updatePqErrSys(formContent.value);
ElMessage.success({ message: `${dialogTitle.value}成功!` }) ElMessage.success({ message: `${dialogTitle.value}成功!` })
@@ -212,7 +215,8 @@ const loadSecondLevelOptions = async () => {
value: item.id, value: item.id,
label: item.name, label: item.name,
code: item.code, 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) { if (result && result.data) {
formContent.value = result.data as ErrorSystem.ErrorSystemList; formContent.value = result.data as ErrorSystem.ErrorSystemList;
tableData.value = formContent.value.pqErrSysDtlsList || []; tableData.value = formContent.value.pqErrSysDtlsList || [];
tableData.value.forEach((item) => {
item.errorValueType=[item.valueType,item.errorValueType]
})
} else { } else {
resetFormContent(); resetFormContent();
} }

View File

@@ -1,13 +1,13 @@
<template> <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> <div>
<el-form :model="formContent" ref='dialogFormRef' :rules='rules'> <el-form :model="formContent" ref='dialogFormRef' :rules='rules'>
<el-form-item label="名称" prop="name" > <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>
<el-form-item label="存储地址" prop="path" > <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-item>
</el-form> </el-form>
</div> </div>

View File

@@ -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>

View File

@@ -0,0 +1,228 @@
<template>
<div class='table-box' ref='popupBaseView'>
<ProTable
ref='proTable'
:columns='columns'
:request-api='getTableList'
>
<!-- :requestApi="getRoleList" -->
<!-- 表格 header 按钮 -->
<template #tableHeader='scope'>
<el-button v-auth.device="'add'" type='primary' :icon='CirclePlus' @click="openDialog('add')">新增</el-button>
<el-button v-auth.device="'delete'" type='danger' :icon='Delete' plain :disabled='!scope.isSelected'
@click='batchDelete(scope.selectedListIds)'>
删除
</el-button>
<el-button v-auth.device="'export'" type='primary' :icon='Upload' plain @click='downloadFile()'>导出</el-button>
<el-button v-auth.device="'import'" type='primary' :icon='Download' plain @click="importFile()">导入
</el-button>
</template>
<!-- 表格操作 -->
<template #operation='scope'>
<el-button v-auth.device="'edit'" type='primary' link :icon='EditPen' :model-value='false'
@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>
</ProTable>
</div>
<StandardDevicePopup :refresh-table='proTable?.getTableList' ref='standardDevicePopup'/>
<ImportExcel ref='deviceImportExcel'/>
</template>
<script setup lang='tsx' name='useRole'>
import {type StandardDevice} from '@/api/device/interface/standardDevice.ts'
import {useHandleData} from '@/hooks/useHandleData'
import {useDownload} from '@/hooks/useDownload'
import ProTable from '@/components/ProTable/index.vue'
import {type ColumnProps, type ProTableInstance} from '@/components/ProTable/interface'
import StandardDevicePopup from '@/views/machine/standardDevice/components/standardDevicePopup.vue'
import {CirclePlus, Delete, Download, EditPen, Upload} from '@element-plus/icons-vue'
import {deletePqStandardDev, getPqStandardDevList,getPqStandardDevById,exportPqStandardDev,downloadTemplate,importPqStandardDev} from '@/api/device/standardDevice/index.ts'
import {computed, onBeforeMount, reactive, ref} from 'vue'
import { getPqDev} from '@/api/device/device/index.ts'
import {type Device} from '@/api/device/interface/device.ts'
import {useDictStore} from '@/stores/modules/dict'
import { ElMessageBox } from 'element-plus'
import ImportExcel from '@/components/ImportExcel/index.vue'
// ProTable 实例
const proTable = ref<ProTableInstance>()
const standardDevicePopup = ref()
// 存储设备类型选项
const devTypeOptions = ref<Device.ResDev[]>([])
const dictStore = useDictStore()
const getTableList = async (params: any) => {
let newParams = JSON.parse(JSON.stringify(params))
return getPqStandardDevList(newParams)
}
// 表格配置项
const columns = reactive<ColumnProps<StandardDevice.ResPqStandardDevice>[]>([
{type: 'selection', fixed: 'left', width: 70},
{type: 'index', fixed: 'left', width: 70, label: '序号'},
{
prop: 'name',
label: '名称',
search: {el: 'input'},
minWidth: 200,
},
{
prop: 'devType',
label: '设备类型',
enum:computed(() => {
return devTypeOptions.value.map(item => ({
id: item.id,
name: item.name,
icd: item.icd,
power: item.power,
devVolt: item.devVolt,
devCurr: item.devCurr,
devChns: item.devChns,
}))
}),
search: {el: 'select', props: {filterable: true}, order: 1},
fieldNames: {label: 'name', value: 'id'},
render: (scope) => {
// 查找设备类型名称
const name = devTypeOptions.value.find(option => option.id === scope.row.devType)
return <span>{name?.name}</span>
},
minWidth: 200,
},
{
prop: 'inspectChannel',
label: '可检通道',
minWidth: 150,
render: (scope) => {
const codes = scope.row.inspectChannel // 获取当前行的 datasourceIds 字段
if (!codes) {
return '/'
}
// 确保 codes 是一个字符串
const codeString = Array.isArray(codes) ? codes.join(',') : codes
const codeArray = codeString.split(',')
return codeArray.length > 1 ? codeArray.join(', ') : codeArray[0]
},
},
{
prop: 'ip',
label: 'IP地址',
minWidth: 110,
},
{
prop: 'manufacturer',
label: '设备厂家',
enum: dictStore.getDictData('Dev_Manufacturers'),
search: {el: 'select', props: {filterable: true}, order: 1},
fieldNames: {label: 'name', value: 'id'},
minWidth: 200,
},
{
prop: 'createTime',
label: '创建时间',
minWidth: 200,
render: scope => {
if (scope.row.createTime) {
const date = new Date(scope.row.createTime);
const year = date.getFullYear();
const month = String(date.getMonth() + 1).padStart(2, '0');
const day = String(date.getDate()).padStart(2, '0');
const hours = String(date.getHours()).padStart(2, '0');
const minutes = String(date.getMinutes()).padStart(2, '0');
const seconds = String(date.getSeconds()).padStart(2, '0');
return `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`;
}
return '';
}
},
{prop: 'operation', label: '操作', fixed: 'right', width: 200},
])
const formContent = reactive<StandardDevice.ResPqStandardDevice>({
id: '',
name: '',
devType:'',
manufacturer:'',
hardwareVersion: '',
softwareVersion: '',
ip: '172.17.102.200',
port: 102,
inspectChannel:'',
encryptionFlag: 0,
state: 1,
})
// 打开 drawer(新增、编辑)
const openDialog = async (titleType: string, row: Partial<StandardDevice.ResPqStandardDevice> = {}) => {
if(titleType === 'add'){
row = formContent
standardDevicePopup.value?.open(titleType, row,devTypeOptions.value)
}else{
row = await getPqStandardDevById(row)
standardDevicePopup.value?.open(titleType, row.data,devTypeOptions.value)
}
}
// 批量删除设备
const batchDelete = async (id: string[]) => {
await useHandleData(deletePqStandardDev, id, '删除所选设备')
proTable.value?.clearSelection()
proTable.value?.getTableList()
}
// 删除设备
const handleDelete = async (params: StandardDevice.ResPqStandardDevice) => {
await useHandleData(deletePqStandardDev, [params.id] , `删除【${params.name}】设备`)
proTable.value?.getTableList()
}
// 导出设备
const downloadFile = async () => {
ElMessageBox.confirm('确认导出标准设备?', '温馨提示', {type: 'warning'}).then(() => {
useDownload(exportPqStandardDev, '标准设备导出数据', {...proTable.value?.searchParam}, false, '.xlsx')
})
}
//导入设备
const deviceImportExcel = ref<InstanceType<typeof ImportExcel> | null>(null)
const importFile = async () => {
const params = {
title: '标准设备',
showCover: false,
tempApi: downloadTemplate,
importApi: importPqStandardDev,
getTableList: proTable.value?.getTableList,
}
deviceImportExcel.value?.acceptParams(params)
}
onBeforeMount(async () => {
const response = await getPqDev()
devTypeOptions.value = (response.data as Device.ResDev[]).map(item => ({
id: item.id,
name: item.name,
icd: item.icd,
power: item.power,
devVolt: item.devVolt,
devCurr: item.devCurr,
devChns: item.devChns,
}))
})
</script>

View File

@@ -140,7 +140,7 @@ const info = async () => {
name: k.name, name: k.name,
disabled: false, disabled: false,
pname: item.name, pname: item.name,
dataType: '谐波有功功率' dataType: item.name =='谐波有功功率'
? 'avg' ? 'avg'
: item.name == '闪变' : item.name == '闪变'
? 'avg' ? 'avg'

View File

@@ -20,7 +20,7 @@
<el-table-column prop="name" label="参考设定值子类型" width="250"> <el-table-column prop="name" label="参考设定值子类型" width="250">
<template #default="{ row }">{{ row.harmNum ? `(${row.harmNum}次)` : '' }} {{ row.name }}</template> <template #default="{ row }">{{ row.harmNum ? `(${row.harmNum}次)` : '' }} {{ row.name }}</template>
</el-table-column> </el-table-column>
<el-table-column prop="dataType" label="值类型"> <!-- <el-table-column prop="dataType" label="值类型">
<template #default="{ row }"> <template #default="{ row }">
<el-select v-model="row.dataType" v-if="!row.show"> <el-select v-model="row.dataType" v-if="!row.show">
<el-option v-for="item in typeList" :key="item.value" :label="item.label" :value="item.value" /> <el-option v-for="item in typeList" :key="item.value" :label="item.label" :value="item.value" />
@@ -29,7 +29,7 @@
{{ typeList.find(item => item.value == row.dataType)?.label || row.dataType }} {{ typeList.find(item => item.value == row.dataType)?.label || row.dataType }}
</span> </span>
</template> </template>
</el-table-column> </el-table-column> -->
<el-table-column prop="phase" label="相别" /> <el-table-column prop="phase" label="相别" />
<el-table-column prop="value" label="参考设定值"> <el-table-column prop="value" label="参考设定值">
<template #default="{ row }"> <template #default="{ row }">

View File

@@ -31,7 +31,11 @@
:show-header="false" :show-header="false"
:span-method="arraySpanMethod" :span-method="arraySpanMethod"
:cell-style="tableStyle.cellStyle" :cell-style="tableStyle.cellStyle"
:header-cell-style="{ textAlign: 'center', backgroundColor: 'var(--el-color-primary)', color: '#fff' }" :header-cell-style="{
textAlign: 'center',
backgroundColor: 'var(--el-color-primary)',
color: '#fff'
}"
@cell-click="handleRowClick" @cell-click="handleRowClick"
:key="key" :key="key"
> >
@@ -85,22 +89,32 @@
<el-checkbox-button <el-checkbox-button
v-model="form.channelList[$index].channelFlag" v-model="form.channelList[$index].channelFlag"
label="通道使能" label="通道使能"
:disabled="
form.channelList[$index].harmFlag ||
form.channelList[$index].inHarmFlag ||
form.channelList[$index].flickerFlag ||
form.channelList[$index].dipFlag
"
/> />
<el-checkbox-button <el-checkbox-button
v-model="form.channelList[$index].harmFlag" v-model="form.channelList[$index].harmFlag"
label="谐波使能" label="谐波使能"
@change="handleHarmFlag($event, $index)"
/> />
<el-checkbox-button <el-checkbox-button
v-model="form.channelList[$index].inHarmFlag" v-model="form.channelList[$index].inHarmFlag"
label="间谐波使能" label="间谐波使能"
@change="handleHarmFlag($event, $index)"
/> />
<el-checkbox-button <el-checkbox-button
v-model="form.channelList[$index].flickerFlag" v-model="form.channelList[$index].flickerFlag"
label="闪变使能" label="闪变使能"
@change="handleHarmFlag($event, $index)"
/> />
<el-checkbox-button <el-checkbox-button
v-model="form.channelList[$index].dipFlag" v-model="form.channelList[$index].dipFlag"
label="暂态使能" label="暂态使能"
@change="handleHarmFlag($event, $index)"
/> />
</template> </template>
</el-table-column> </el-table-column>
@@ -114,7 +128,13 @@
<div class="form-item-container"> <div class="form-item-container">
<el-form-item label="频率:" prop="name"> <el-form-item label="频率:" prop="name">
<div class="input-label-container"> <div class="input-label-container">
<el-input type="number" style="width: 100px" v-model="form.ffreq" /> <el-input
type="number"
style="width: 100px"
v-model="form.ffreq"
onkeypress="return (/[\d\.]/.test(String.fromCharCode(event.keyCode)))"
@change="validateFreq"
/>
<label>Hz</label> <label>Hz</label>
</div> </div>
</el-form-item> </el-form-item>
@@ -142,7 +162,7 @@
<TestScriptFlickerTab :childForm="childForm" /> <TestScriptFlickerTab :childForm="childForm" />
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="暂态编辑" v-if="childForm[0].dipFlag || childForm[1].dipFlag"> <el-tab-pane label="暂态编辑" v-if="childForm[0].dipFlag || childForm[1].dipFlag">
<TestScriptDipTab :childForm="childForm" /> <TestScriptDipTab :childForm="childForm" @setRetainTime="setRetainTime" />
</el-tab-pane> </el-tab-pane>
</el-tabs> </el-tabs>
</div> </div>
@@ -154,7 +174,7 @@
:formContent="props.formContent" :formContent="props.formContent"
:form="form" :form="form"
:key="initial" :key="initial"
:valueCode=valueCode :valueCode="valueCode"
@recalculation="recalculation" @recalculation="recalculation"
/> />
</el-carousel-item> </el-carousel-item>
@@ -277,6 +297,12 @@ const close = () => {
dialogVisible.value = false dialogVisible.value = false
emit('close') emit('close')
} }
// 设置持续时间
const setRetainTime = (val: any) => {
form.value.channelList.forEach((item: any) => {
item.dipData.retainTime = val
})
}
// 保存数据 // 保存数据
const save = () => { const save = () => {
@@ -318,7 +344,7 @@ const next = () => {
return return
} }
let { flag, message } = checkFlags() let { flag, message } = checkFlags()
// // 判断选通道 // // 判断选通道
if (!flag) { if (!flag) {
ElMessage.warning({ ElMessage.warning({
message: message, message: message,
@@ -341,7 +367,7 @@ const recalculation = () => {
setValueTableRef.value?.open(props.communicationList, {}) setValueTableRef.value?.open(props.communicationList, {})
} }
// 判断选通道 // 判断选通道
const checkFlags = () => { const checkFlags = () => {
let list: any = [] let list: any = []
let flag = true let flag = true
@@ -362,7 +388,7 @@ const checkFlags = () => {
form.value.channelList[2].channelFlag == false && form.value.channelList[2].channelFlag == false &&
form.value.channelList[4].channelFlag == false form.value.channelList[4].channelFlag == false
) )
return { flag: false, message: '通讯脚本中选了电压,请选择电压通道使能' } return { flag: false, message: '通讯脚本中选了电压,请选择电压通道使能' }
break break
case '谐波电压': case '谐波电压':
@@ -371,7 +397,7 @@ const checkFlags = () => {
form.value.channelList[2].harmFlag == false && form.value.channelList[2].harmFlag == false &&
form.value.channelList[4].harmFlag == false form.value.channelList[4].harmFlag == false
) )
return { flag: false, message: '通讯脚本中选了谐波电压,请选择谐波电压通道使能' } return { flag: false, message: '通讯脚本中选了谐波电压,请选择谐波电压通道使能' }
break break
case '谐波电流': case '谐波电流':
if ( if (
@@ -379,7 +405,7 @@ const checkFlags = () => {
form.value.channelList[3].harmFlag == false && form.value.channelList[3].harmFlag == false &&
form.value.channelList[5].harmFlag == false form.value.channelList[5].harmFlag == false
) )
return { flag: false, message: '通讯脚本中选了谐波电流,请选择谐波电流通道使能' } return { flag: false, message: '通讯脚本中选了谐波电流,请选择谐波电流通道使能' }
break break
case '谐波有功功率': case '谐波有功功率':
if ( if (
@@ -390,7 +416,7 @@ const checkFlags = () => {
form.value.channelList[4].harmFlag == false && form.value.channelList[4].harmFlag == false &&
form.value.channelList[5].harmFlag == false form.value.channelList[5].harmFlag == false
) )
return { flag: false, message: '通讯脚本中选了谐波有功功率,请选择间电压、电流谐波通道使能' } return { flag: false, message: '通讯脚本中选了谐波有功功率,请选择间电压、电流谐波通道使能' }
break break
case '间谐波电压': case '间谐波电压':
if ( if (
@@ -398,7 +424,7 @@ const checkFlags = () => {
form.value.channelList[2].inHarmFlag == false && form.value.channelList[2].inHarmFlag == false &&
form.value.channelList[4].inHarmFlag == false form.value.channelList[4].inHarmFlag == false
) )
return { flag: false, message: '通讯脚本中选了间谐波电压,请选择间谐波电压通道使能' } return { flag: false, message: '通讯脚本中选了间谐波电压,请选择间谐波电压通道使能' }
break break
case '间谐波电流': case '间谐波电流':
if ( if (
@@ -406,7 +432,7 @@ const checkFlags = () => {
form.value.channelList[3].inHarmFlag == false && form.value.channelList[3].inHarmFlag == false &&
form.value.channelList[5].inHarmFlag == false form.value.channelList[5].inHarmFlag == false
) )
return { flag: false, message: '通讯脚本中选了间谐波电流,请选择间谐波电流通道使能' } return { flag: false, message: '通讯脚本中选了间谐波电流,请选择间谐波电流通道使能' }
break break
case '暂态': case '暂态':
if ( if (
@@ -414,7 +440,7 @@ const checkFlags = () => {
form.value.channelList[2].dipFlag == false && form.value.channelList[2].dipFlag == false &&
form.value.channelList[4].dipFlag == false form.value.channelList[4].dipFlag == false
) )
return { flag: false, message: '通讯脚本中选了暂态,请选择电压暂态通道使能' } return { flag: false, message: '通讯脚本中选了暂态,请选择电压暂态通道使能' }
break break
case '电流': case '电流':
if ( if (
@@ -422,7 +448,7 @@ const checkFlags = () => {
form.value.channelList[3].channelFlag == false && form.value.channelList[3].channelFlag == false &&
form.value.channelList[5].channelFlag == false form.value.channelList[5].channelFlag == false
) )
return { flag: false, message: '通讯脚本中选了电,请选择电通道使能' } return { flag: false, message: '通讯脚本中选了电,请选择电通道使能' }
break break
case '三相电压不平衡度': case '三相电压不平衡度':
if ( if (
@@ -430,7 +456,7 @@ const checkFlags = () => {
form.value.channelList[2].channelFlag == false || form.value.channelList[2].channelFlag == false ||
form.value.channelList[4].channelFlag == false form.value.channelList[4].channelFlag == false
) )
return { flag: false, message: '通讯脚本中选了三相电压不平衡度,请选择电压A、B、C通道使能' } return { flag: false, message: '通讯脚本中选了三相电压不平衡度,请选择电压A、B、C通道使能' }
break break
case '三相电流不平衡度': case '三相电流不平衡度':
if ( if (
@@ -438,7 +464,7 @@ const checkFlags = () => {
form.value.channelList[3].channelFlag == false || form.value.channelList[3].channelFlag == false ||
form.value.channelList[5].channelFlag == false form.value.channelList[5].channelFlag == false
) )
return { flag: false, message: '通讯脚本中选了三相电流不平衡度,请选择电流A、B、C通道使能' } return { flag: false, message: '通讯脚本中选了三相电流不平衡度,请选择电流A、B、C通道使能' }
break break
case '闪变': case '闪变':
if ( if (
@@ -446,7 +472,7 @@ const checkFlags = () => {
form.value.channelList[2].flickerFlag == false && form.value.channelList[2].flickerFlag == false &&
form.value.channelList[4].flickerFlag == false form.value.channelList[4].flickerFlag == false
) )
return { flag: false, message: '通讯脚本中选了闪变,请选择电压闪变通道使能' } return { flag: false, message: '通讯脚本中选了闪变,请选择电压闪变通道使能' }
break break
} }
} }
@@ -601,7 +627,7 @@ const copyRow = (num: number, index: number) => {
form.value.channelList[0].channelType = 'Ua' form.value.channelList[0].channelType = 'Ua'
form.value.channelList[1].channelType = 'Ia' form.value.channelList[1].channelType = 'Ia'
form.value.channelList[2].channelType = 'Ub' form.value.channelList[2].channelType = 'Ub'
form.value.channelList[3].channelType = 'Ia' form.value.channelList[3].channelType = 'Ib'
form.value.channelList[4].channelType = 'Uc' form.value.channelList[4].channelType = 'Uc'
form.value.channelList[5].channelType = 'Ic' form.value.channelList[5].channelType = 'Ic'
key.value += 1 key.value += 1
@@ -611,6 +637,21 @@ const copyRow = (num: number, index: number) => {
}) })
} }
const validateFreq = () => {
if (form.value.ffreq < 40) {
ElMessage.warning('频率不能低于40Hz')
form.value.ffreq = 40
} else if (form.value.ffreq > 60) {
ElMessage.warning('频率不能高于60Hz')
form.value.ffreq = 60
}
}
// 点击使能按钮
const handleHarmFlag = (e: boolean, i: number) => {
if (e) {
form.value.channelList[i].channelFlag = true
}
}
// 打开 drawer(新增、编辑) // 打开 drawer(新增、编辑)
const openDialog = () => {} const openDialog = () => {}
@@ -677,4 +718,8 @@ defineExpose({ open })
:deep(.el-table__body) { :deep(.el-table__body) {
border-top: var(--el-table-border); border-top: var(--el-table-border);
} }
:deep(.el-checkbox-button.is-disabled .el-checkbox-button__inner) {
background-color: var(--el-color-primary);
color: var(--el-color-white);
}
</style> </style>

View File

@@ -19,6 +19,17 @@
<el-tab-pane v-for="tab in tabData" :key="tab.value" :label="tab.label" :name="tab.value"> <el-tab-pane v-for="tab in tabData" :key="tab.value" :label="tab.label" :name="tab.value">
<div v-if="activeName == tab.value"> <div v-if="activeName == tab.value">
<div class="dialog-footer"> <div class="dialog-footer">
<el-switch v-model="value1"
inline-prompt
:active-value="1"
:inactive-value="0"
active-text="禁用"
inactive-text="启用"
@change="enableScript"
size="large"
width="80px"
style="margin-right: 10px;"
/>
<el-button :icon="CirclePlus" type="primary" @click="openDialog('add')">新增</el-button> <el-button :icon="CirclePlus" type="primary" @click="openDialog('add')">新增</el-button>
</div> </div>
<div style="display: flex"> <div style="display: flex">
@@ -241,6 +252,7 @@ const props = defineProps({
type: Boolean type: Boolean
} }
}) })
const value1 = ref(0) // 假设初始状态为禁用0
const showDialog = ref(false) const showDialog = ref(false)
const viewDialog = ref(false) const viewDialog = ref(false)
const dictStore = useDictStore() const dictStore = useDictStore()
@@ -268,13 +280,13 @@ const column = ref([
]) ])
// 获取树 // 获取树
const getTree = () => { const getTree = () => {
console.log('props.formContent.id', props.formContent.id) // console.log('props.formContent.id', props.formContent.id)
getTreeData({ getTreeData({
scriptId: props.formContent.id scriptId: props.formContent.id
}).then(res => { }).then(res => {
if (res.code === 'A0000') { if (res.code === 'A0000') {
treeData.value = res.data treeData.value = res.data
console.log('tree', treeData.value) //console.log('tree', treeData.value)
// 添加tab子项 // 添加tab子项
props.options.forEach((k: any, i: number) => { props.options.forEach((k: any, i: number) => {
tabData.value[i].children = [] tabData.value[i].children = []
@@ -317,7 +329,7 @@ const setTab = row => {
const copyActiveName = ref('') const copyActiveName = ref('')
// 获取通讯脚本点击 // 获取通讯脚本点击
const getCommunication = () => { const getCommunication = () => {
console.log('123123', communRef.value[0]?.getData()) //console.log('123123', communRef.value[0]?.getData())
communicationList.value = communRef.value[0]?.getData() communicationList.value = communRef.value[0]?.getData()
} }
// 切换大tab控制小tab // 切换大tab控制小tab
@@ -354,8 +366,12 @@ const inquireTable = () => {
}) })
tableData.value = res.data tableData.value = res.data
// 设置 value1只要有一个 enable === 1就启用开关
value1.value = tableData.value.some(item => item.enable === 1) ? 1 : 0
} }
}) })
} }
// 打开 drawer(新增、编辑) // 打开 drawer(新增、编辑)
const openDialog = (titleType: string, row: Partial<TestScript.ResTestScript> = {}) => { const openDialog = (titleType: string, row: Partial<TestScript.ResTestScript> = {}) => {
@@ -404,7 +420,7 @@ const copyRow = async (row: any) => {
// 查看 // 查看
const view = (row: Partial<TestScript.ResTestScript> = {}) => { const view = (row: Partial<TestScript.ResTestScript> = {}) => {
getCommunication() getCommunication()
console.log('communicationList', communicationList.value) // console.log('communicationList', communicationList.value)
//当前点击的一级tab //当前点击的一级tab
const parentTabName = communicationList.value.find(t => t.id === activeName.value)?.name || '未找到对应名称' const parentTabName = communicationList.value.find(t => t.id === activeName.value)?.name || '未找到对应名称'
//当前点击的二级tab //当前点击的二级tab
@@ -449,6 +465,38 @@ const enableRow = async (row: any) => {
row.enable = row.enable == 0 ? 1 : 0 row.enable = row.enable == 0 ? 1 : 0
}) })
} }
// 启用/禁用脚本的方法
const enableScript = async () => {
const willEnable = value1.value === 1
const confirmText = willEnable ? '启用' : '禁用'
try {
await ElMessageBox.confirm(`是否${confirmText}当前检测脚本?`, '温馨提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning',
draggable: true
})
// 调用接口更新状态
await updateDtls({
enable: value1.value,
scriptType: activeName.value,
scriptId: props.formContent.id
})
ElMessage.success(`${confirmText}成功!`)
getTree() // 刷新树数据
} catch (error) {
// 用户取消或请求失败,回滚状态
value1.value = value1.value === 1 ? 0 : 1
console.error('操作失败:', error)
}
}
// 获取左边树数据 // 获取左边树数据
// 新增保存 // 新增保存
const addTab = (row: any) => { const addTab = (row: any) => {
@@ -458,7 +506,7 @@ const addTab = (row: any) => {
const saveTheNewsletter = () => {} const saveTheNewsletter = () => {}
onMounted(() => { onMounted(() => {
getTree() getTree()
console.log('testScriptDetail', props.options) //console.log('testScriptDetail', props.options)
props.options.forEach((item: any) => { props.options.forEach((item: any) => {
tabData.value.push({ tabData.value.push({
label: item.label.replace(/准确度|检测/g, ''), label: item.label.replace(/准确度|检测/g, ''),
@@ -505,6 +553,7 @@ onMounted(() => {
margin-bottom: 10px; margin-bottom: 10px;
} }
.divider-container { .divider-container {
display: flex; display: flex;
} }

View File

@@ -33,14 +33,17 @@
v-model="form[0].dipData.ftransValue" v-model="form[0].dipData.ftransValue"
style="width: 150px" style="width: 150px"
:disabled="!form[0].dipFlag" :disabled="!form[0].dipFlag"
onkeypress="return (/[\d]/.test(String.fromCharCode(event.keyCode)))"
/> />
</el-form-item> </el-form-item>
<el-form-item label-width="120px" label="持续时间(周波)"> <el-form-item label-width="120px" label="持续时间(周波)">
<el-input <el-input
type="number" type="number"
v-model="form[0].dipData.retainTime" v-model="form[0].dipData.retainTime"
@input="handleInputRetainTime"
style="width: 150px" style="width: 150px"
:disabled="!form[0].dipFlag" :disabled="!form[0].dipFlag"
onkeypress="return (/[\d.]/.test(String.fromCharCode(event.keyCode)))"
/> />
</el-form-item> </el-form-item>
</div> </div>
@@ -61,13 +64,33 @@ const form: any = computed({
}, },
set(value) {} set(value) {}
}) })
const emit = defineEmits(['setRetainTime'])
const handleInput = value => { const handleInput = value => {
if (value < 0) { if (value < 0) {
ElMessage.warning("设定幅度不能小于0%")
props.childForm[0].dipData.ftransValue = 0 props.childForm[0].dipData.ftransValue = 0
} else if (value > 200) { } else if (value > 180) {
props.childForm[0].dipData.ftransValue = 200 ElMessage.warning("设定幅度不能大于180%")
props.childForm[0].dipData.ftransValue = 180
} }
} }
const handleInputRetainTime = value => {
if (value < 0) {
ElMessage.warning("持续时间不能小于0周波")
props.childForm[0].dipData.retainTime = 0
emit('setRetainTime', 0 )
}else if (value > 300) {
ElMessage.warning("持续时间不能大于300周波")
props.childForm[0].dipData.retainTime = 300
emit('setRetainTime', 300 )
}else{
console.log(props);
emit('setRetainTime', value )
}
}
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>

View File

@@ -204,6 +204,10 @@ const waveList = [
{ {
fchagFre: '2400', fchagFre: '2400',
fchagValue: '0.77' fchagValue: '0.77'
},
{
fchagFre: '4000',
fchagValue: '2.4'
} }
] ]
}, },

View File

@@ -13,8 +13,8 @@
filterable filterable
clearable clearable
> >
<el-option label="全部" value="0" /> <el-option label="全部" value="0"/>
<el-option v-for="item in 49" :key="item" :label="item + 1" :value="item + 1" /> <el-option v-for="item in 49" :key="item" :label="item + 1" :value="item + 1"/>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="含有率"> <el-form-item label="含有率">
@@ -23,6 +23,8 @@
type="number" type="number"
placeholder="含有率" placeholder="含有率"
style="width: 80px" style="width: 80px"
onkeypress="return (/[\d.]/.test(String.fromCharCode(event.keyCode)))"
@input="validateInput('famp',0)"
clearable clearable
/> />
</el-form-item> </el-form-item>
@@ -32,6 +34,8 @@
type="number" type="number"
placeholder="相角" placeholder="相角"
style="width: 80px" style="width: 80px"
onkeypress="return (/[\d-]/.test(String.fromCharCode(event.keyCode)))"
@input="validateInput('fphase',0)"
clearable clearable
/> />
</el-form-item> </el-form-item>
@@ -43,16 +47,16 @@
<!-- 电压通道内容 --> <!-- 电压通道内容 -->
<div class="table-container"> <div class="table-container">
<el-table :data="form[0].harmList" border stripe size="small"> <el-table :data="form[0].harmList" border stripe size="small">
<el-table-column prop="harm" align="center" label="次数" width="60" /> <el-table-column prop="harm" align="center" label="次数" width="60"/>
<el-table-column prop="famp" align="center" label="谐波含有率"> <el-table-column prop="famp" align="center" label="谐波含有率">
<template #default="{ row }"> <template #default="{ row }">
<el-input type="number" v-if="row.show" v-model="row.famp" /> <el-input type="number" v-if="row.show" v-model="row.famp"/>
<span v-else>{{ row.famp }}%</span> <span v-else>{{ row.famp }}%</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="fphase" label="谐波相角" align="center"> <el-table-column prop="fphase" label="谐波相角" align="center">
<template #default="{ row }"> <template #default="{ row }">
<el-input type="number" v-if="row.show" v-model="row.fphase" /> <el-input type="number" v-if="row.show" v-model="row.fphase"/>
<span v-else>{{ row.fphase }}°</span> <span v-else>{{ row.fphase }}°</span>
</template> </template>
</el-table-column> </el-table-column>
@@ -92,8 +96,8 @@
filterable filterable
clearable clearable
> >
<el-option label="全部" value="0" /> <el-option label="全部" value="0"/>
<el-option v-for="item in 49" :key="item" :label="item + 1" :value="item + 1" /> <el-option v-for="item in 49" :key="item" :label="item + 1" :value="item + 1"/>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="含有率"> <el-form-item label="含有率">
@@ -102,6 +106,8 @@
type="number" type="number"
placeholder="含有率" placeholder="含有率"
style="width: 80px" style="width: 80px"
onkeypress="return (/[\d]/.test(String.fromCharCode(event.keyCode)))"
@input="validateInput('famp',1)"
clearable clearable
/> />
</el-form-item> </el-form-item>
@@ -111,6 +117,8 @@
type="number" type="number"
placeholder="相角" placeholder="相角"
style="width: 80px" style="width: 80px"
onkeypress="return (/[\d-]/.test(String.fromCharCode(event.keyCode)))"
@input="validateInput('fphase',1)"
clearable clearable
/> />
</el-form-item> </el-form-item>
@@ -122,16 +130,16 @@
<!-- 电流通道内容 --> <!-- 电流通道内容 -->
<div class="table-container"> <div class="table-container">
<el-table :data="form[1].harmList" border stripe size="small"> <el-table :data="form[1].harmList" border stripe size="small">
<el-table-column prop="harm" align="center" label="次数" width="60" /> <el-table-column prop="harm" align="center" label="次数" width="60"/>
<el-table-column prop="famp" align="center" label="谐波含有率"> <el-table-column prop="famp" align="center" label="谐波含有率">
<template #default="{ row }"> <template #default="{ row }">
<el-input type="number" v-if="row.show" v-model="row.famp" /> <el-input type="number" v-if="row.show" v-model="row.famp"/>
<span v-else>{{ row.famp }}%</span> <span v-else>{{ row.famp }}%</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="fphase" label="谐波相角" align="center"> <el-table-column prop="fphase" label="谐波相角" align="center">
<template #default="{ row }"> <template #default="{ row }">
<el-input type="number" v-if="row.show" v-model="row.fphase" /> <el-input type="number" v-if="row.show" v-model="row.fphase"/>
<span v-else>{{ row.fphase }}°</span> <span v-else>{{ row.fphase }}°</span>
</template> </template>
</el-table-column> </el-table-column>
@@ -162,8 +170,9 @@
</template> </template>
<script setup lang="ts"> <script setup lang="ts">
import { Check, Delete, EditPen, CopyDocument } from '@element-plus/icons-vue' import {Check, Delete, EditPen} from '@element-plus/icons-vue'
import { ref } from 'vue' import {ref} from 'vue'
const props = defineProps({ const props = defineProps({
childForm: { childForm: {
type: Array as any, type: Array as any,
@@ -175,7 +184,8 @@ const form: any = computed({
get() { get() {
return props.childForm return props.childForm
}, },
set(value) {} set(value) {
}
}) })
const formInline = ref({ const formInline = ref({
harm: [], harm: [],
@@ -187,6 +197,7 @@ const formInline1 = ref({
famp: '', famp: '',
fphase: '' fphase: ''
}) })
// 定义表格数据项的类型 // 定义表格数据项的类型
interface TableItem { interface TableItem {
date: string date: string
@@ -194,6 +205,7 @@ interface TableItem {
harmonicPhase?: string harmonicPhase?: string
name?: string name?: string
} }
const empty = (index: number) => { const empty = (index: number) => {
props.childForm[index].harmList = [] props.childForm[index].harmList = []
} }
@@ -276,6 +288,48 @@ const onSubmit1 = () => {
const HarmFlagDelete = (index: number, number: number) => { const HarmFlagDelete = (index: number, number: number) => {
props.childForm[index].harmList.splice(number, 1) props.childForm[index].harmList.splice(number, 1)
} }
const validateInput = (type: string, index: number) => {
if (type == 'famp') {
if (Number(formInline.value.famp) < 0 || Number(formInline1.value.famp) < 0) {
ElMessage.warning("含有率不能低于0")
if (index == 0) {
formInline.value.famp = '0'
}
if (index == 1) {
formInline1.value.famp = '0'
}
}
if (Number(formInline.value.famp) > 200 || Number(formInline1.value.famp) > 200) {
ElMessage.warning("含有率不能高于200")
if (index == 0) {
formInline.value.famp = '200'
}
if (index == 1) {
formInline1.value.famp = '200'
}
}
}
if (type == 'fphase') {
if (Number(formInline.value.fphase) < -360 || Number(formInline1.value.fphase) < -360) {
ElMessage.warning("相角不能低于-360°")
if (index == 0) {
formInline.value.fphase = '-360';
}
if (index == 1) {
formInline1.value.fphase = '-360';
}
} else if (Number(formInline.value.fphase) > 360 || Number(formInline1.value.fphase) > 360) {
ElMessage.warning("相角不能高于360°")
if (index == 0) {
formInline.value.fphase = '360';
}
if (index == 1) {
formInline1.value.fphase = '360';
}
}
}
}
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
@@ -317,6 +371,7 @@ const HarmFlagDelete = (index: number, number: number) => {
.input-label-container label { .input-label-container label {
margin-left: 5px; /* 添加标签与输入框之间的间距 */ margin-left: 5px; /* 添加标签与输入框之间的间距 */
} }
// 全局css 加上以下代码,可以隐藏上下箭头 // 全局css 加上以下代码,可以隐藏上下箭头
// 取消input的上下箭头 // 取消input的上下箭头

View File

@@ -23,6 +23,8 @@
type="number" type="number"
placeholder="含有率" placeholder="含有率"
style="width: 80px" style="width: 80px"
onkeypress="return (/[\d.]/.test(String.fromCharCode(event.keyCode)))"
@input="validateInput('famp',0)"
clearable clearable
/> />
</el-form-item> </el-form-item>
@@ -32,6 +34,8 @@
type="number" type="number"
placeholder="相角" placeholder="相角"
style="width: 80px" style="width: 80px"
onkeypress="return (/[\d-]/.test(String.fromCharCode(event.keyCode)))"
@input="validateInput('fphase',0)"
clearable clearable
/> />
</el-form-item> </el-form-item>
@@ -102,6 +106,8 @@
type="number" type="number"
placeholder="含有率" placeholder="含有率"
style="width: 80px" style="width: 80px"
onkeypress="return (/[\d]/.test(String.fromCharCode(event.keyCode)))"
@input="validateInput('famp',1)"
clearable clearable
/> />
</el-form-item> </el-form-item>
@@ -111,6 +117,8 @@
type="number" type="number"
placeholder="相角" placeholder="相角"
style="width: 80px" style="width: 80px"
onkeypress="return (/[\d-]/.test(String.fromCharCode(event.keyCode)))"
@input="validateInput('fphase',1)"
clearable clearable
/> />
</el-form-item> </el-form-item>
@@ -205,7 +213,7 @@ const onSubmit = () => {
} }
if (formInline.value.inharm.includes('0')) { if (formInline.value.inharm.includes('0')) {
props.childForm[0].inharmList = [] props.childForm[0].inharmList = []
for (let i = 2; i < 51; i++) { for (let i = 0.5; i < 50; i++) {
props.childForm[0].inharmList.push({ props.childForm[0].inharmList.push({
inharm: i, //间间谐波次数 inharm: i, //间间谐波次数
famp: formInline.value.famp, //间间谐波含有率 famp: formInline.value.famp, //间间谐波含有率
@@ -242,7 +250,7 @@ const onSubmit1 = () => {
} }
if (formInline1.value.inharm.includes('0')) { if (formInline1.value.inharm.includes('0')) {
props.childForm[1].inharmList = [] props.childForm[1].inharmList = []
for (let i = 2; i < 51; i++) { for (let i = 0.5; i < 50; i++) {
props.childForm[1].inharmList.push({ props.childForm[1].inharmList.push({
inharm: i, //间间谐波次数 inharm: i, //间间谐波次数
famp: formInline1.value.famp, //间间谐波含有率 famp: formInline1.value.famp, //间间谐波含有率
@@ -276,6 +284,48 @@ const onSubmit1 = () => {
const inHarmFlagDelete = (index: number, number: number) => { const inHarmFlagDelete = (index: number, number: number) => {
props.childForm[index].inharmList.splice(number, 1) props.childForm[index].inharmList.splice(number, 1)
} }
const validateInput = (type: string, index: number) => {
if (type == 'famp') {
if (Number(formInline.value.famp) < 0 || Number(formInline1.value.famp) < 0) {
ElMessage.warning("含有率不能低于0")
if (index == 0) {
formInline.value.famp = '0'
}
if (index == 1) {
formInline1.value.famp = '0'
}
}
if (Number(formInline.value.famp) > 200 || Number(formInline1.value.famp) > 200) {
ElMessage.warning("含有率不能高于200")
if (index == 0) {
formInline.value.famp = '200'
}
if (index == 1) {
formInline1.value.famp = '200'
}
}
}
if (type == 'fphase') {
if (Number(formInline.value.fphase) < -360 || Number(formInline1.value.fphase) < -360) {
ElMessage.warning("相角不能低于-360°")
if (index == 0) {
formInline.value.fphase = '-360';
}
if (index == 1) {
formInline1.value.fphase = '-360';
}
} else if (Number(formInline.value.fphase) > 360 || Number(formInline1.value.fphase) > 360) {
ElMessage.warning("相角不能高于360°")
if (index == 0) {
formInline.value.fphase = '360';
}
if (index == 1) {
formInline1.value.fphase = '360';
}
}
}
}
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>

View File

@@ -10,7 +10,7 @@
class="form-five" class="form-five"
> >
<el-form-item label="脚本名称" prop="name"> <el-form-item label="脚本名称" prop="name">
<el-input v-model.trim="formContent.name" placeholder="请输入脚本名称" clearable /> <el-input v-model.trim="formContent.name" placeholder="请输入脚本名称" clearable maxlength="32" show-word-limit/>
</el-form-item> </el-form-item>
<el-form-item label="参照标准名称" prop="standardName"> <el-form-item label="参照标准名称" prop="standardName">
<!-- <el-input v-model.trim="formContent.standardName" placeholder="请输入参照标准名称" clearable />--> <!-- <el-input v-model.trim="formContent.standardName" placeholder="请输入参照标准名称" clearable />-->

View File

@@ -9,17 +9,17 @@
<!-- 右侧编辑区域内容 --> <!-- 右侧编辑区域内容 -->
<el-form :inline="true" label-width="auto" :model="form" class="form-two"> <el-form :inline="true" label-width="auto" :model="form" class="form-two">
<el-form-item :label="`电压有效值(${valueCode == 'Absolute' ? 'V' : '%'})`"> <el-form-item :label="`电压有效值(${valueCode == 'Absolute' ? 'V' : '%'})`">
<el-input type="number" v-model="form[0].famp" :disabled="!form[0].channelFlag" /> <el-input type="number" v-model="form[0].famp" :disabled="!form[0].channelFlag" onkeypress="return (/[\d.]/.test(String.fromCharCode(event.keyCode)))" @input="validateInput(0, 'famp')"/>
</el-form-item> </el-form-item>
<el-form-item label="电压相角(°)"> <el-form-item label="电压相角(°)">
<el-input type="number" v-model="form[0].fphase" :disabled="!form[0].channelFlag" /> <el-input type="number" v-model="form[0].fphase" :disabled="!form[0].channelFlag" onkeypress="return (/[\d-]/.test(String.fromCharCode(event.keyCode)))" @input="validateInput(0, 'fphase')"/>
</el-form-item> </el-form-item>
<el-form-item :label="`电流有效值(${valueCode == 'Absolute' ? 'A' : '%'})`"> <el-form-item :label="`电流有效值(${valueCode == 'Absolute' ? 'A' : '%'})`">
<el-input type="number" v-model="form[1].famp" :disabled="!form[1].channelFlag" /> <el-input type="number" v-model="form[1].famp" :disabled="!form[1].channelFlag" onkeypress="return (/[\d.]/.test(String.fromCharCode(event.keyCode)))" @input="validateInput(1, 'famp')"/>
</el-form-item> </el-form-item>
<el-form-item label="电流相角(°)"> <el-form-item label="电流相角(°)">
<el-input type="number" v-model="form[1].fphase" :disabled="!form[1].channelFlag" /> <el-input type="number" v-model="form[1].fphase" :disabled="!form[1].channelFlag" onkeypress="return (/[\d-]/.test(String.fromCharCode(event.keyCode)))" @input="validateInput(1, 'fphase')"/>
</el-form-item> </el-form-item>
</el-form> </el-form>
</div> </div>
@@ -109,6 +109,50 @@ function drawSineWave() {
} }
} }
} }
const validateInput = (index: number, field: string) => {
const value = form.value[index][field];
if (index === 0) {
if (field === 'famp') {
if (value < 0) {
ElMessage.warning("电压不能低于0V")
form.value[index][field] = 0;
} else if (value > 380) {
ElMessage.warning("电压不能高于380V")
form.value[index][field] = 380;
}
}
}
if (index === 1) {
if (field === 'famp') {
if (value < 0) {
if(valueCode=== 'Absolute') {
ElMessage.warning("电流不能低于0A")
}else{
ElMessage.warning("电流不能低于0%")
}
form.value[index][field] = 0;
} else if (value > 20) {
if(valueCode=== 'Absolute') {
ElMessage.warning("电流不能高于20A")
form.value[index][field] = 20;
}else if(value > 200){
ElMessage.warning("电流不能高于200%")
form.value[index][field] = 200;
}
}
}
}
if (field === 'fphase') {
if (value < -360) {
ElMessage.warning("相角不能低于-360°")
form.value[index][field] = -360;
} else if (value > 360) {
ElMessage.warning("相角不能高于360°")
form.value[index][field] = 360;
}
}
}
</script> </script>
<style scoped> <style scoped>

View File

@@ -1,6 +1,6 @@
<template> <template>
<el-dialog v-model="dialogVisible" :title="dialogTitle" <el-dialog v-model="dialogVisible" :title="dialogTitle"
v-bind="dialogSmall" @close="close"> v-bind="dialogSmall" @close="close" align-center>
<div> <div>
<el-form :model="formContent" ref="dialogFormRef" :rules="rules"> <el-form :model="formContent" ref="dialogFormRef" :rules="rules">
<el-form-item label="参数所属" prop="pId" :label-width="100"> <el-form-item label="参数所属" prop="pId" :label-width="100">
@@ -16,10 +16,10 @@
/> />
</el-form-item> </el-form-item>
<el-form-item label="源参数描述" :label-width="100" prop="desc"> <el-form-item label="源参数描述" :label-width="100" prop="desc">
<el-input v-model="formContent.desc" autocomplete="off"/> <el-input v-model="formContent.desc" autocomplete="off" maxlength="32" show-word-limit/>
</el-form-item> </el-form-item>
<el-form-item label="源参数类型" :label-width="100" prop="type"> <el-form-item label="源参数类型" :label-width="100" prop="type">
<el-input v-model="formContent.type" autocomplete="off"/> <el-input v-model="formContent.type" autocomplete="off" maxlength="32" show-word-limit/>
</el-form-item> </el-form-item>
<el-form-item label="源参数值" :label-width="100" <el-form-item label="源参数值" :label-width="100"
prop="value"> prop="value">
@@ -93,8 +93,8 @@ function useMetaInfo() {
} }
const rules: reactive<Record<string, Array<FormItemRule>>> = reactive({ const rules: reactive<Record<string, Array<FormItemRule>>> = reactive({
desc: [{required: true, message: '源参数描述必填!', trigger: 'blur'}], desc: [{required: true, message: '源参数描述必填!', trigger: 'blur'},{min: 1, max: 32, message: '长度为1~32个字符', trigger: 'blur'}],
type: [{required: true, message: '源参数类型必填!', trigger: 'blur'}], type: [{required: true, message: '源参数类型必填!', trigger: 'blur'},{min: 1, max: 32, message: '长度为1~32个字符', trigger: 'blur'}],
sort: [{required: true, message: '排序必填!', trigger: 'blur'}] sort: [{required: true, message: '排序必填!', trigger: 'blur'}]
}) })

View File

@@ -1,5 +1,5 @@
<template> <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 > <div >
<el-form :model="formContent" ref='dialogFormRef' :rules='rules' :disabled="tableIsDisable" label-width="auto" class="form-three"> <el-form :model="formContent" ref='dialogFormRef' :rules='rules' :disabled="tableIsDisable" label-width="auto" class="form-three">
<el-form-item label="设备类型" prop="devType" > <el-form-item label="设备类型" prop="devType" >

View File

@@ -0,0 +1,547 @@
<!--单列-->
<template>
<el-dialog
class="table-box"
v-model="dialogVisible"
top="114px"
:style="{ height: height + 'px', maxHeight: height + 'px', overflow: 'hidden' }"
:title="title"
:width="width"
:modal="false"
>
<div
class="table-box"
:style="{ height: height - 64 + 'px', maxHeight: height - 64 + 'px', overflow: 'hidden' }"
>
<el-tabs
v-model="editableTabsValue"
type="card"
@tab-remove="removeTab"
@tab-click="handleTabClick"
>
<el-tab-pane
v-for="item in editableTabs"
:key="item.name"
:label="item.title"
:name="item.name"
:closable="item.closable"
>
</el-tab-pane>
</el-tabs>
<ProTable
ref="proTable"
:columns="columns"
:request-api="getTableList"
type="selection"
>
<!-- 表格 header 按钮 -->
<template #tableHeader="scope">
<el-button type="primary" :icon="CirclePlus" @click="addTab('add')" v-if="!isTabPlanFather">
新增子计划
</el-button>
<el-button type="primary" :icon="CirclePlus" @click="addTab('edit')" v-if="isTabPlanFather">
编辑子计划
</el-button>
<!-- <el-button type="primary" :icon="Upload" >
导出检测方案
</el-button>
<el-button type="primary" :icon="Download" >
导入检测结果
</el-button> -->
<el-button type="danger" :icon="Delete" plain :disabled="!scope.isSelected" v-if="isTabPlanFather" @click="subBatchRemove(scope.selectedListIds)">
批量移除
</el-button>
<el-dropdown trigger="hover" placement="right-start" :disabled="!scope.isSelected">
<el-button type="primary" :icon="ScaleToOriginal" style="margin-left: 10px;" v-if="!isTabPlanFather" :disabled="!scope.isSelected">
分配被检设备
</el-button>
<template #dropdown >
<el-dropdown-menu>
<el-dropdown-item
v-for="child in planFormContent?.children"
:key="child.id"
@click="distribute(child,scope)"
>
{{ child.name }}
</el-dropdown-item>
</el-dropdown-menu>
</template>
</el-dropdown>
<el-dropdown trigger="hover" placement="right-start">
<el-button type="primary" :icon="ScaleToOriginal" style="margin-left: 10px;" v-if="!isTabPlanFather">
标准设备管理
</el-button>
<template #dropdown >
<el-dropdown-menu>
<el-dropdown-item
v-for="child in planFormContent?.children"
:key="child.id"
@click="allotStandardDev(child)"
>
{{ child.name }}
</el-dropdown-item>
</el-dropdown-menu>
</template>
</el-dropdown>
</template>
<!-- 表格操作 -->
<template #operation="scope">
<el-button type="primary" link :icon="Delete" v-if="!isTabPlanFather" :disabled="scope.row.checkState != 0" @click="handleRemove(scope.row)">删除</el-button>
<el-button type="primary" link :icon="Delete" v-if="isTabPlanFather" @click="subHandleRemove(scope.row)">移除</el-button>
</template>
</ProTable>
</div>
</el-dialog>
<!-- 向计划导入/导出设备对话框 -->
<PlanPopup :refresh-table='proTable?.getTableList' ref='planPopup' @update:tab="addNewChildTab"/>
<DevTransfer ref='devTransfer' @update:table="addNewChildTab"/>
</template>
<script setup lang="tsx">
import { ElMessage, ElMessageBox, TabPaneName } from 'element-plus'
import { ref, computed, watch, reactive } from 'vue'
import { ScaleToOriginal, CirclePlus, Delete, Upload, Download } from '@element-plus/icons-vue'
import PlanPopup from '@/views/plan/planList/components/planPopup.vue' // 导入子组件
import { Plan } from '@/api/plan/interface'
import {useModeStore } from '@/stores/modules/mode'; // 引入模式 store
import { ColumnProps, ProTableInstance, SearchRenderScope } from '@/components/ProTable/interface'
import {getDevListByPlanId ,subPlanBindDev,deletePlan} from '@/api/plan/plan'
import { Device } from '@/api/device/interface/device'
import { useDictStore } from '@/stores/modules/dict'
import DevTransfer from '@/views/plan/planList/components/devTransfer.vue'
import { useHandleData } from '@/hooks/useHandleData'
const dictStore = useDictStore()
const planFormContent = ref<Plan.ReqPlan>()
const proTable = ref<ProTableInstance>()
const modeStore = useModeStore();
const planPopup = ref()
const devTransfer = ref()
// 控制弹窗显示与标题
const dialogVisible = ref(false)
const title = ref('')
const planTitle = ref('')
// tab 相关
const editableTabsValue = ref('0')
const isTabPlanFather = ref(true)
const planId = ref('')
const planTabDevList = ref<any[]>([])
const patternId = ref('')
const getTableList = async (params: any) => {
if (!planFormContent.value) {
return Promise.resolve({ data: [], total: 0 });
}
let newParams = JSON.parse(JSON.stringify(params));
newParams.pattern = patternId.value
if(!isTabPlanFather.value)
newParams.planId = planFormContent.value.id
else
newParams.planId = planId.value
newParams.planIdList = [newParams.planId];
proTable.value?.clearSelection()
planTabDevList.value = await getDevListByPlanId(newParams);
return planTabDevList.value;
}
const columns = reactive<ColumnProps<Device.ResPqDev>[]>([
{ type: 'selection', fixed: 'left', width: 70,selectable: (row) => row.checkState == 0 },
{ type: 'index', fixed: 'left', width: 70, label: '序号' },
{
prop: 'name',
label: '名称',
search: { el: 'input' },
minWidth: 180,
},
{
prop: 'devType',
label: '设备类型',
minWidth: 150,
},
{
prop: 'createDate',
label: '出厂日期',
minWidth: 150,
},
{
prop: 'devChns',
label: '通道数',
minWidth: 100,
},
{
prop: 'devVolt',
label: '额定电压V',
minWidth: 150,
},
{
prop: 'devCurr',
label: '额定电流A',
minWidth: 150,
},
{
prop: 'manufacturer',
label: '设备厂家',
enum: dictStore.getDictData('Dev_Manufacturers'),
search: {el: 'select', props: {filterable: true}, order: 1},
fieldNames: {label: 'name', value: 'id'},
minWidth: 200,
},
{
prop: 'cityName',
label: '地市',
minWidth: 150,
},
{
prop: 'region',
label: '地市',
minWidth: 150,
isShow:false,
search: {
el: 'input',
label :'关键词',
render: (scope: SearchRenderScope) => {
return (
<el-input
v-model={scope.searchParam.region}
placeholder="请输入关键词"
clearable
/>
);
}
}
},
{
prop: 'gdName',
label: '供电公司',
minWidth: 150,
},
{
prop: 'subName',
label: '变电站',
minWidth: 150,
},
{
prop: 'boundPlanName',
label: '子计划',
minWidth: 150,
render: (scope) => {
console.log('boundPlanName', isTabPlanFather.value)
const value = scope.row.boundPlanName;
if (!value) {
return '/'; // 空值直接返回空字符串
}
return (
<el-link type='primary' link onClick={() => unbindDevice(scope.row)}>
{value}
</el-link>
);
},
},
{
prop: 'checkState',
label: '检测状态',
minWidth: 150,
render: (scope: { row: { checkState: number } }) => {
return (
scope.row.checkState === 0 ? <el-tag type='warning' effect="dark">未检</el-tag> :
scope.row.checkState === 1 ? <el-tag type='danger' effect="dark">检测中</el-tag> :
<el-tag type='success' effect="dark">检测完成</el-tag>
)
},
},
{ prop: 'operation', label: '操作', fixed: 'right', width: 100},
])
const editableTabs = computed(() => {
console.log('editableTabs',planFormContent.value)
const tabs = []
// 主计划 tab
if (planFormContent.value) {
tabs.push({
title: planFormContent.value.name,
name: planFormContent.value.id,
closable: false
})
}
// 子计划 tabs
if (planFormContent.value?.children?.length > 0) {
planFormContent.value.children.forEach((child, index) => {
tabs.push({
title: child.name,
name: child.id,
closable: true
})
})
}
return tabs
})
//解绑被检设备
const unbindDevice = (row: any) => {
if(row.state == '/')
return
ElMessageBox.confirm(`确定将设备 ${row.name} 从子计划中解绑吗?`, '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(async () => {
if(row.checkState != 0){
ElMessage.warning(`当前设备已检,无法解除绑定!`);
return
}
await subPlanBindDev({'planId': row.planId, 'devIds': [row.id] ,'bindFlag': 0}) //解绑 0 绑定 1
// 👇 更新数据(例如清空 state 字段)
row.state = '/'
proTable.value?.getTableList()
// 可选:刷新表格或提交接口
ElMessage.success('解绑成功')
}).catch(() => {
// 用户取消操作
})
}
// 新增 tab 方法
const addTab = (type: string) => {
if(type === "add"){
planPopup.value?.open("edit", planFormContent.value,modeStore.currentMode,1)
}else {
const subPlanFormContent = ref<Plan.ReqPlan>()
// 从 planFormContent.value?.children 中找到 id 与 item.name 匹配的子计划
subPlanFormContent.value = planFormContent.value?.children?.find(
(child: Plan.ReqPlan) => child.id === planId.value
)
console.log('0000---',subPlanFormContent.value)
planPopup.value?.open("edit", subPlanFormContent.value,modeStore.currentMode,2)
}
}
//收到子组件回复后新增子计划tab
const addNewChildTab = async () => {
await props.refreshTable!()//刷新检测计划列表
}
//分配被检设备
const distribute = (childPlan: Plan.ResPlan, scope: any) => {
// 获取当前选中的设备对象
const selectedDevices = planTabDevList.value.data.records.filter((dev: { id: any }) =>
scope.selectedListIds.includes(dev.id)
);
// 找出不符合条件的设备
const invalidDevices = selectedDevices.filter(
(dev: { checkState: number; assign: number }) => dev.checkState !== 0 || dev.assign === 1
);
if (invalidDevices.length > 0) {
const names = invalidDevices.map((dev: { name: any }) => dev.name).join('、');
ElMessage.warning(`以下设备不可分配:${names}`);
proTable.value?.clearSelection()
return;
}
ElMessageBox.confirm(`确定将以下被检设备分配给 ${childPlan.name} 吗?`, '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning',
}).then(async () => {
await subPlanBindDev({'planId': childPlan.id, 'devIds': scope.selectedListIds ,'bindFlag': 1}) //解绑 0 绑定 1
proTable.value?.getTableList()
ElMessage.success('分配成功')
}).catch(() => {
// 用户取消操作
})
}
const allotStandardDev = (childPlan: Plan.ResPlan) => {
devTransfer.value.open(childPlan)
}
// 删除 tab 方法
const removeTab = async (targetName: TabPaneName) => {
// 找到匹配的 tab
const tab = editableTabs.value.find(item => item.name === targetName);
const tabTitle = tab?.title || '未知计划'; // 获取 tab 的标题,若不存在则默认为 '未知计划'
await useHandleData(deletePlan, { id: [targetName], pattern: patternId.value }, `删除【${tabTitle}】检测计划`);
await props.refreshTable!()//刷新检测计划列表
}
// 弹窗打开方法
const open = async (textTitle: string,data: Plan.ReqPlan,pattern: string) => {
console.log('open',data)
dialogVisible.value = true
title.value = textTitle
planTitle.value = data.name
planId.value = data.id
planFormContent.value = data
editableTabsValue.value = planFormContent.value.id//默认tab第一个
proTable.value?.getTableList()
isTabPlanFather.value = false//子计划页面按钮默认展示主计划的
patternId.value = pattern
columns.forEach(item => {//刚进去子计划页面隐藏主计划的操作列
if (item.prop === 'operation') {
item.isShow = false;
}
});
console.log('弹窗打开方法',planFormContent.value)
}
const handleTabClick = (tab:any) => {
if(tab.props.closable){
columns.forEach(item => {//隐藏子计划名称
if (item.prop === 'boundPlanName') {
item.isShow = false;
}
if (item.prop === 'operation') {
item.isShow = true;
}
});
isTabPlanFather.value = true
}else{
columns.forEach(item => {
if (item.prop === 'boundPlanName') {
item.isShow = true;
}
if (item.prop === 'operation') {
item.isShow = false;
}
});
isTabPlanFather.value = false
}
planId.value = tab.props.name
console.log('handleTabClick',tab)
proTable.value?.getTableList()
}
const handleTableDataUpdate = async (newData: any[]) => {
// 👇 处理新数据,例如更新 planFormContent
console.log('handleTableDataUpdate', newData)
const matchedItem = findItemById(newData, planId.value);
if (matchedItem) {
planFormContent.value = matchedItem
console.log('递归匹配成功:', planFormContent.value)
} else {
console.warn('未找到匹配的 planId:', planId.value)
}
}
const findItemById = (data: any[], id: string): any => {
for (const item of data) {
if (item.id === id) {
return item; // 找到匹配项,返回它
}
if (item.children && item.children.length > 0) {
const result = findItemById(item.children, id); // 递归查找子项
if (result) {
return item; // 如果子项中找到,返回结果
}
}
}
return null; // 未找到匹配项
};
//主计划下移除被检设备
const handleRemove = async (row: any) => {
ElMessageBox.confirm(`确定要移除计划【${row.name}】吗?`, '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(async () => {
if(row.assign != 0){
ElMessage.warning(`当前设备已被子计划绑定,无法删除!`);
return
}
console.log('shcn',planFormContent.value)
proTable.value?.getTableList(); // 刷新当前表格
}).catch(() => {
// 用户取消操作
});
}
//子计划下移除被检设备
const subHandleRemove = async (row: any) => {
ElMessageBox.confirm(`确定要移除计划【${row.name}】吗?`, '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(async () => {
if(row.checkState != 0){
ElMessage.warning(`当前设备已检,无法移除!`);
return
}
await subPlanBindDev({'planId': row.planId, 'devIds': [row.id] ,'bindFlag': 0}) //解绑 0 绑定 1
ElMessage.success('移除成功');
proTable.value?.getTableList(); // 刷新当前表格
}).catch(() => {
// 用户取消操作
});
}
// 子计划下批量移除被检设备
const subBatchRemove = async (selectedListIds: string[]) => {
const selectedDevices = planTabDevList.value.data.records.filter((dev: { id: any }) =>
selectedListIds.includes(dev.id)
);
const invalidDevices = selectedDevices.filter(
(dev: { checkState: number }) => dev.checkState !== 0
);
if (invalidDevices.length > 0) {
const names = invalidDevices.map((dev: { name: any }) => dev.name).join('、');
ElMessage.warning(`以下设备不可移除(已检):${names}`);
proTable.value?.clearSelection();
return;
}
try {
await ElMessageBox.confirm(`确定要批量移除选中的 ${selectedListIds.length} 个设备吗?`, '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
});
await subPlanBindDev({ planId: planId.value, devIds: selectedListIds, bindFlag: 0 });
ElMessage.success('批量移除成功');
proTable.value?.getTableList(); // 刷新表格
} catch (error) {
// 用户取消或接口异常
console.error('批量移除失败:', error);
}
};
defineExpose({ open,handleTableDataUpdate })
interface ChildrenPlanProps {
refreshTable?: () => Promise<void>
width?: number
height?: number
}
const props = withDefaults(defineProps<ChildrenPlanProps>(), {
width: 800,
height: 744
})
// const props = defineProps<{
// refreshTable: (() => Promise<void>) | undefined;
// width: {
// type: Number,
// default: 800,
// },
// height: {
// type: Number,
// default: 744,
// },
// }>()
</script>

View File

@@ -1,13 +1,13 @@
<template> <template>
<!-- 权限信息弹出框 --> <!-- 权限信息弹出框 -->
<el-dialog title="设备绑定" v-model='dialogVisible' @close="close" v-bind="dialogBig" width="600" draggable> <el-dialog title="标准设备绑定" v-model='dialogVisible' @close="close" v-bind="dialogBig" width="600" draggable>
<div> <div>
<el-transfer v-model="value" <el-transfer v-model="value"
filterable filterable
:filter-method="filterMethod" :filter-method="filterMethod"
filter-placeholder="请输入内容搜索" filter-placeholder="请输入内容搜索"
:data="allData" :data="allData"
:titles="['未绑定设备', '已绑定设备']"> :titles="['未绑定标准设备', '已绑定标准设备']">
<template #default="{ option }"> <template #default="{ option }">
<el-tooltip :content="option.tips" placement="top" :show-after=1000> <el-tooltip :content="option.tips" placement="top" :show-after=1000>
<span>{{ option.label }}</span> <span>{{ option.label }}</span>
@@ -29,28 +29,25 @@
<script lang="ts" setup> <script lang="ts" setup>
import { computed, ref } from 'vue' import { computed, ref } from 'vue'
import type { Device } from '@/api/device/interface' import type { StandardDevice } from '@/api/device/interface/standardDevice'
import deviceDataList from '@/api/device/deviceData'
import { dialogBig } from '@/utils/elementBind' import { dialogBig } from '@/utils/elementBind'
import { getUnboundPqDevList,getBoundPqDevList } from '@/api/plan/plan.ts' import { getBoundStandardDevList,getUnboundStandardDevList,subPlanBindStandardDevList } from '@/api/plan/plan.ts'
import { type Plan } from '@/api/plan/interface' import { type Plan } from '@/api/plan/interface'
import { ElMessage } from 'element-plus' import { ElMessage } from 'element-plus'
const unboundPqDevList=ref<Device.ReqPqDevParams[]>([])//指定模式下所有未绑定的设备 const unboundStandardDevList=ref<StandardDevice.ResPqStandardDevice[]>([])//指定模式下所有未绑定的标准设备
const boundPqDevList=ref<Device.ReqPqDevParams[]>([])//根据检测计划id查询出所有已绑定的设备 const boundStandardDevList=ref<StandardDevice.ResPqStandardDevice[]>([])//根据检测计划id查询出所有已绑定的标准设备
const dialogVisible = ref(false) const dialogVisible = ref(false)
const planData = ref<Plan.ReqPlan | null>(null) // 新增状态管理 const planData = ref<Plan.ReqPlan | null>(null) // 新增状态管理
const value = ref<string[]>([]) const value = ref<string[]>([])
const generateData = () => { const generateData = () => {
const unboundData = unboundPqDevList.value.map((i: Device.ReqPqDevParams) => ({ const unboundData = unboundStandardDevList.value.map((i: StandardDevice.ResPqStandardDevice) => ({
key: i.id, key: i.id,
label: i.name, label: i.name,
tips: i.description
})) }))
const boundData = boundPqDevList.value.map((i: Device.ReqPqDevParams) => ({ const boundData = boundStandardDevList.value.map((i: StandardDevice.ResPqStandardDevice) => ({
key: i.id, key: i.id,
label: i.name, label: i.name,
tips: i.description
})) }))
return [...unboundData, ...boundData] return [...unboundData, ...boundData]
@@ -68,34 +65,35 @@ const filterMethod = (query: string, item: { label?: string }) => {
const open = async (data: Plan.ReqPlan) => { const open = async (data: Plan.ReqPlan) => {
dialogVisible.value = true dialogVisible.value = true
planData.value = data planData.value = data
console.log('planData.value',planData.value)
const standardDevList_Result1 = await getUnboundStandardDevList(data);
unboundStandardDevList.value = standardDevList_Result1.data as StandardDevice.ResPqStandardDevice[];
//console.log('123') const standardDevList_Result2 = await getBoundStandardDevList(data);
boundStandardDevList.value = standardDevList_Result2.data as StandardDevice.ResPqStandardDevice[];
const pqDevList_Result1 = await getUnboundPqDevList(data); value.value = boundStandardDevList.value.map((i: { id: { toString: () => any } }) => i.id.toString());
unboundPqDevList.value = pqDevList_Result1.data as Device.ReqPqDevParams[];
const pqDevList_Result2 = await getBoundPqDevList({'planId': data.id});
boundPqDevList.value = pqDevList_Result2.data as Device.ReqPqDevParams[];
value.value = boundPqDevList.value.map((i: { id: { toString: () => any } }) => i.id.toString());
//console.log('123',value.value)
} }
const close = () => { const close = () => {
dialogVisible.value = false dialogVisible.value = false
} }
const emit = defineEmits(['update:table'])
const save = async () => { const save = async () => {
if (planData.value) { if (planData.value) {
//await BindPqDevList({ 'planId': planData.value.id,'pqDevIds': value.value }) planData.value.planId = planData.value.id
ElMessage.success({ message: `设备绑定保存成功成功!` }) planData.value.devIds = value.value
await subPlanBindStandardDevList(planData.value)
emit('update:table')
ElMessage.success({ message: `标准设备绑定保存成功!` })
} }
dialogVisible.value = false dialogVisible.value = false
} }
// 对外映射 // 对外映射
defineExpose({ open }) defineExpose({ open })
const props = defineProps<{
refreshTable: (() => Promise<void>) | undefined;
}>()
</script> </script>

View File

@@ -1,15 +1,36 @@
<template> <template>
<!-- 基础信息弹出框 --> <!-- 基础信息弹出框 -->
<el-dialog :title="dialogTitle" v-model='dialogVisible' @close="close" v-bind="dialogBig"> <el-dialog :title="dialogTitle" v-model='dialogVisible' @close="close" v-bind="planType == 0 ? dialogBig : dialogMiddle" align-center>
<div> <div>
<el-row :gutter="24"> <el-row :gutter="24">
<el-col :span="12"> <el-col :span="planType == 0 ? 12 : 24">
<el-form :model="formContent" ref='dialogFormRef' :rules='rules'> <el-form :model="formContent" ref='dialogFormRef' :rules='rules' >
<el-form-item label="名称" prop="name" :label-width="100"> <el-form-item label="名称" prop="name" :label-width="110" >
<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>
<el-form-item label='检测源' prop='sourceIds' :label-width='100'> <el-form-item label='标准设备' prop='standardDevIds' :label-width='110' v-if="selectByMode && planType == 0" >
<el-select v-model="formContent.sourceIds" :multiple="selectByMode" collapse-tags placeholder="请选择检测源"> <el-select v-model="formContent.standardDevIds" multiple collapse-tags :max-collapse-tags="2" :disabled="planType != 0" placeholder="请选择标准设备" clearable>
<el-option
v-for="option in pqStandardDevArray"
:key="option.value"
:label="option.label"
:value="option.value"
:disabled="subPlanBindStandardDev.includes(option.label)"
/>
</el-select>
</el-form-item>
<el-form-item label='测试项' prop='testItems' :label-width='110' v-if="selectByMode" >
<el-select v-model="formContent.testItems" multiple collapse-tags :max-collapse-tags="3" :disabled="planType != 0" placeholder="请选择测试项" clearable>
<el-option
v-for="(option, index) in secondLevelOptions"
:key="index"
:label="option.label"
:value="option.value"
/>
</el-select>
</el-form-item>
<el-form-item label='检测源' prop='sourceIds' :label-width='110' v-if="!selectByMode">
<el-select v-model="formContent.sourceIds" :multiple="selectByMode" collapse-tags placeholder="请选择检测源" clearable>
<el-option <el-option
v-for="(option, index) in pqSourceArray" v-for="(option, index) in pqSourceArray"
:key="index" :key="index"
@@ -18,18 +39,18 @@
/> />
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="数据源" prop="datasourceIds" :label-width="100"> <el-form-item label="数据源" prop="datasourceIds" :label-width="110">
<el-select v-model="formContent.datasourceIds" :multiple="selectByMode" collapse-tags placeholder="请选择数据源" autocomplete="off"> <el-select v-model="formContent.datasourceIds" :multiple="selectByMode" :max-collapse-tags="2" :disabled="planType != 0" collapse-tags placeholder="请选择数据源" autocomplete="off" clearable @change="handleDataSourceChange">
<el-option <el-option
v-for="item in dictStore.getDictData(dataSourceType)" v-for="item in dictStore.getDictData(dataSourceType)"
:key="item.id" :key="item.id"
:label="item.name" :label="item.name"
:value="item.value || ''" :value="item.code || ''"
/> />
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="检测脚本" prop="scriptId" :label-width="100"> <el-form-item label="检测脚本" prop="scriptId" :label-width="110" v-if="!selectByMode">
<el-select v-model="formContent.scriptId" placeholder="请选择检测脚本" autocomplete="off" :disabled="isSelectDisabled "> <el-select v-model="formContent.scriptId" placeholder="请选择检测脚本" autocomplete="off" :disabled="isSelectDisabled" clearable>
<el-option <el-option
v-for="(option, index) in pqScriptArray" v-for="(option, index) in pqScriptArray"
:key="index" :key="index"
@@ -38,8 +59,8 @@
/> />
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="误差体系" prop="errorSysId" :label-width="100"> <el-form-item label="误差体系" prop="errorSysId" :label-width="110">
<el-select v-model="formContent.errorSysId" placeholder="请选择误差体系" autocomplete="off" :disabled="isSelectDisabled"> <el-select v-model="formContent.errorSysId" placeholder="请选择误差体系" autocomplete="off" :disabled="isSelectDisabled" clearable>
<el-option <el-option
v-for="(option, index) in pqErrorArray" v-for="(option, index) in pqErrorArray"
:key="index" :key="index"
@@ -48,20 +69,30 @@
/> />
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="守时检测" :label-width="100" prop='timeCheck'> <el-form-item label="数据处理原则" prop="dataRule" :label-width="110">
<el-radio-group v-model="formContent.timeCheck"> <el-select v-model="formContent.dataRule" placeholder="请选择数据处理原则" autocomplete="off" :disabled="isSelectDisabled" clearable>
<el-option
v-for="item in dictStore.getDictData('Data_Rule')"
:key="item.id"
:label="item.name"
:value="item.id"
/>
</el-select>
</el-form-item>
<el-form-item label="守时检测" :label-width="110" prop='timeCheck' >
<el-radio-group v-model="formContent.timeCheck" :disabled="planType != 0">
<el-radio :value="1"></el-radio> <el-radio :value="1"></el-radio>
<el-radio :value="0"></el-radio> <el-radio :value="0"></el-radio>
</el-radio-group> </el-radio-group>
</el-form-item> </el-form-item>
<el-form-item label="关联报告模版" :label-width="100" prop='associateReport'> <!-- <el-form-item label="关联报告模版" :label-width="100" prop='associateReport'>
<el-radio-group v-model="formContent.associateReport"> <el-radio-group v-model="formContent.associateReport">
<el-radio :value="1"></el-radio> <el-radio :value="1"></el-radio>
<el-radio :value="0"></el-radio> <el-radio :value="0"></el-radio>
</el-radio-group> </el-radio-group>
</el-form-item> </el-form-item> -->
<el-form-item label="模版名称" prop="reportTemplateName" :label-width="100" v-if="formContent.associateReport === 1"> <el-form-item label="模版名称" prop="reportTemplateName" :label-width="110" v-if="formContent.associateReport === 1">
<el-select v-model="formContent.reportTemplateName" placeholder="请选择报告模版" autocomplete="off" > <el-select v-model="formContent.reportTemplateName" placeholder="请选择报告模版" autocomplete="off" :disabled="planType != 0" >
<el-option <el-option
v-for="(option, index) in pqReportName" v-for="(option, index) in pqReportName"
:key="index" :key="index"
@@ -70,21 +101,22 @@
/> />
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-form> </el-form>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12" v-if="planType == 0">
<div style="text-align: center; margin-bottom: -30px;">
<el-button type='primary' v-auth.plan="'import'" :icon='Download'>导入</el-button>
</div>
<el-transfer <el-transfer
v-model="value" v-model="value"
filterable filterable
:filter-method="filterMethod" :filter-method="filterMethod"
filter-placeholder="请输入内容搜索" filter-placeholder="请输入内容搜索"
:data="allData" :data="allData"
:titles="['未绑定设备', '已绑定设备']"> :titles="['未绑定被检设备', '已绑定被检设备']">
<template #default="{ option }"> <template #default="{ option }">
<el-tooltip :content="option.tips" placement="top" :show-after=1000>
<span>{{ option.label }}</span> <span>{{ option.label }}</span>
</el-tooltip>
</template> </template>
</el-transfer> </el-transfer>
</el-col> </el-col>
@@ -100,42 +132,56 @@
</template> </template>
<script setup lang="ts"> <script setup lang="ts">
import{ElMessage, type FormInstance,type FormItemRule}from'element-plus' import{CascaderOption, ElMessage,type FormItemRule}from'element-plus'
import { defineProps, defineEmits, reactive,watch,ref, type Ref, computed } from 'vue'; import { defineProps, reactive,ref, computed } from 'vue';
import { dialogBig} from '@/utils/elementBind' import { dialogBig,dialogMiddle} from '@/utils/elementBind'
import { type Plan } from '@/api/plan/interface'; import { type Plan } from '@/api/plan/interface';
import { addPlan, updatePlan,getUnboundPqDevList,getBoundPqDevList,getPqErrSysList,getPqScriptList,getTestSourceList } from '@/api/plan/plan.ts' import { addPlan, updatePlan,getUnboundPqDevList,getBoundPqDevList,getPqErrSysList,getPqScriptList,getTestSourceList,updateSubPlanName } from '@/api/plan/plan.ts'
import { useDictStore } from '@/stores/modules/dict' import { useDictStore } from '@/stores/modules/dict'
import { type TestSource } from '@/api/device/interface/testSource'; import { type TestSource } from '@/api/device/interface/testSource';
import { type TestScript } from '@/api/device/interface/testScript'; import { type TestScript } from '@/api/device/interface/testScript';
import { type ErrorSystem } from '@/api/device/interface/error'; import { type ErrorSystem } from '@/api/device/interface/error';
import { type Device } from '@/api/device/interface/device'; import { type Device } from '@/api/device/interface/device';
import {getPqReportAllName,getPqReportAllVersion} from '@/api/device/report/index.ts' import {getPqReportAllName} from '@/api/device/report/index.ts'
import {useAppSceneStore} from "@/stores/modules/mode";
import {Download } from '@element-plus/icons-vue'
import {getAllPqStandardDev} from '@/api/device/standardDevice/index.ts'
import { StandardDevice } from '@/api/device/interface/standardDevice';
import { Dict } from '@/api/system/dictionary/interface';
import { getDictTreeByCode } from '@/api/system/dictionary/dictTree';
import {getAllUser} from '@/api/user/user'
const AppSceneStore = useAppSceneStore()
const dictStore = useDictStore() const dictStore = useDictStore()
// 定义弹出组件元信息 // 定义弹出组件元信息
const dialogFormRef = ref() const dialogFormRef = ref()
const mode = ref() const mode = ref()
const selectByMode = ref(true) const selectByMode = ref(true)
const pqSourceList=ref<TestSource.ResTestSource[]>([])//获取指定模式下所有检测源 const pqSourceList=ref<TestSource.ResTestSource[]>([])//获取指定模式下所有检测源
const pqScriptList=ref<TestScript.ResTestScript[]>([])//获取指定模式下所有检测 const pqScriptList=ref<TestScript.ResTestScript[]>([])//获取指定模式下所有检测脚本
const pqErrSysList=ref<ErrorSystem.ErrorSystemList[]>([])//获取指定模式下所有检测源 const pqErrSysList=ref<ErrorSystem.ErrorSystemList[]>([])//获取指定模式下所有误差体系
const pqDevList=ref<Device.ResPqDev[]>([])//获取指定模式下所有检测源 const pqDevList=ref<Device.ResPqDev[]>([])//获取指定模式下所有被检设备
const pqStandardDevList=ref<StandardDevice.ResPqStandardDevice[]>([])//获取指定模式下所有标准设备
const pqReportName = ref<{ name: string }[]>([]) const pqReportName = ref<{ name: string }[]>([])
const pqSourceArray = ref<{ label: string; value: string; }[]>() const pqSourceArray = ref<{ label: string; value: string; }[]>()
const pqScriptArray = ref<{ label: string; value: string; }[]>() const pqScriptArray = ref<{ label: string; value: string; }[]>()
const pqErrorArray = ref<{ label: string; value: string; }[]>() const pqErrorArray = ref<{ label: string; value: string; }[]>()
const pqDevArray = ref<{ label: string; value: string; }[]>() const pqDevArray = ref<{ label: string; value: string; }[]>()
const pqStandardDevArray = ref<{ label: string; value: string; }[]>()
const secondLevelOptions: any[] = [];
const userArray = ref<{ label: string; value: string; }[]>([])
const unboundPqDevList=ref<Device.ResPqDev[]>([])//指定模式下所有未绑定的设备 const unboundPqDevList=ref<Device.ResPqDev[]>([])//指定模式下所有未绑定的设备
const boundPqDevList=ref<Device.ResPqDev[]>([])//根据检测计划id查询出所有已绑定的设备 const boundPqDevList=ref<Device.ResPqDev[]>([])//根据检测计划id查询出所有已绑定的设备
const value = ref<string[]>([]) const value = ref<string[]>([])
const allData = computed(() => generateData()) const allData = computed(() => generateData())
const isSelectDisabled = ref(false) const isSelectDisabled = ref(false)
const planType = ref<number>(0)
const subPlanBindStandardDev = ref<any>([])//哪些标准设备已经被子计划绑定
const generateData = () => { const generateData = () => {
const unboundData = unboundPqDevList.value.map((i: Device.ResPqDev) => ({ const unboundData = unboundPqDevList.value.map((i: Device.ResPqDev) => ({
key: i.id, key: i.id,
@@ -146,7 +192,7 @@ const generateData = () => {
key: i.id, key: i.id,
label: i.name, label: i.name,
//tips: i.description //tips: i.description
disabled:i.checkState != 0 , disabled:i.checkState != 0 || i.assign == 1,
})) }))
return [...unboundData, ...boundData] return [...unboundData, ...boundData]
} }
@@ -155,7 +201,6 @@ const filterMethod = (query: string, item: { label?: string }) => {
return item.label?.toLowerCase().includes(query.toLowerCase()) ?? false return item.label?.toLowerCase().includes(query.toLowerCase()) ?? false
} }
function useMetaInfo() { function useMetaInfo() {
const dialogVisible = ref(false) const dialogVisible = ref(false)
const titleType = ref('add') const titleType = ref('add')
@@ -183,6 +228,13 @@ const filterMethod = (query: string, item: { label?: string }) => {
associateReport:0, associateReport:0,
reportTemplateName:'', reportTemplateName:'',
reportTemplateVersion:'', reportTemplateVersion:'',
dataRule:'',
standardDevNameStr:'',
testItemNameStr:'',
standardDevIds:[],
standardDevMap:new Map<string, number>(),
testItems:[],
Check_By:'',
}) })
return { dialogVisible, titleType, formContent } return { dialogVisible, titleType, formContent }
} }
@@ -216,17 +268,27 @@ const filterMethod = (query: string, item: { label?: string }) => {
associateReport:0, associateReport:0,
reportTemplateName:'', reportTemplateName:'',
reportTemplateVersion:'', reportTemplateVersion:'',
dataRule:'',
standardDevNameStr:'',
standardDevIds:[],
standardDevMap:new Map<string, number>(),
testItemNameStr:'',
testItems:[],
Check_By:'',
} }
) )
} }
let dialogTitle = computed(() => { let dialogTitle = computed(() => {
return titleType.value === 'add' ? '新增检测计划' : '编辑检测计划' if (planType.value === 1) {
}) return '新增子计划'
} else if (titleType.value === 'add') {
return '新增检测计划'
} else {
return '编辑检测计划'
}
})
// 定义表单校验规则 // 定义表单校验规则
const baseRules: Record<string, Array<FormItemRule>> = { const baseRules: Record<string, Array<FormItemRule>> = {
@@ -235,6 +297,9 @@ const baseRules: Record<string, Array<FormItemRule>> = {
datasourceIds: [{ required: true, message: '数据源必选!', trigger: 'change' }], datasourceIds: [{ required: true, message: '数据源必选!', trigger: 'change' }],
scriptId: [{ required: true, message: '检测脚本必选!', trigger: 'change' }], scriptId: [{ required: true, message: '检测脚本必选!', trigger: 'change' }],
errorSysId: [{ required: true, message: '误差体系必选!', trigger: 'change' }], errorSysId: [{ required: true, message: '误差体系必选!', trigger: 'change' }],
dataRule: [{ required: true, message: '数据处理原则必选!', trigger: 'change' }],
standardDevIds: [{ required: true, message: '标准设备必选!', trigger: 'change' }],
testItems: [{ required: true, message: '测试项必选!', trigger: 'change' }],
}; };
// 使用计算属性根据 scene 动态生成规则 // 使用计算属性根据 scene 动态生成规则
@@ -261,29 +326,41 @@ const rules = computed(() => {
} }
const emit = defineEmits(['update:tab'])
// 保存数据 // 保存数据
const save = () => { const save = () => {
try { try {
dialogFormRef.value?.validate(async (valid: boolean) => { dialogFormRef.value?.validate(async (valid: boolean) => {
if (valid) { if (valid) {
formContent.devIds = value.value formContent.devIds = value.value
// 将 formContent.devIds 转换为 ReqPqDevParams 数组
// boundPqDevList.value = pqDevList.value
// .filter(device => formContent.devIds.includes(device.id))
// .map(device => ({
// id: device.id,
// name: device.name,
// devType: device.devType,
// createTime: device.createDate,
// pattern: device.pattern,
// }));
if (formContent.id) { if (formContent.id) {
// 把数据处理原则转成字典ID
const patternItem = dictStore.getDictData('Data_Rule').find(item => item.name === formContent.dataRule);
if (patternItem) {
formContent.dataRule = patternItem.id;
}
if( mode.value === '比对式'){ if( mode.value === '比对式'){
if(planType.value == 1){
formContent.fatherPlanId = formContent.id;
formContent.id = '';
formContent.devIds = []
formContent.standardDevIds = []
formContent.standardDevMap = new Map<string, number>();
await addPlan(formContent)
emit('update:tab')
}
else if(planType.value == 2){
await updateSubPlanName(formContent)
emit('update:tab')
console.log('更新子计划',formContent)
}
else{
formContent.sourceIds = null
await updatePlan(formContent) await updatePlan(formContent)
}else{ }
}else{
await updatePlan({...formContent,'sourceIds':[formContent.sourceIds],'datasourceIds':[formContent.datasourceIds]}); await updatePlan({...formContent,'sourceIds':[formContent.sourceIds],'datasourceIds':[formContent.datasourceIds]});
} }
ElMessage.success({ message: `${dialogTitle.value}成功!` }) ElMessage.success({ message: `${dialogTitle.value}成功!` })
@@ -294,7 +371,13 @@ const rules = computed(() => {
if (patternItem) { if (patternItem) {
formContent.pattern = patternItem.id; formContent.pattern = patternItem.id;
} }
// 把数据处理原则转成字典ID
const patternItem2 = dictStore.getDictData('Data_Rule').find(item => item.name === formContent.dataRule);
if (patternItem2) {
formContent.dataRule = patternItem2.id;
}
if( mode.value === '比对式'){ if( mode.value === '比对式'){
formContent.sourceIds = null
await addPlan(formContent); await addPlan(formContent);
}else{ }else{
await addPlan({...formContent,'sourceIds':[formContent.sourceIds],'datasourceIds':[formContent.datasourceIds]}); await addPlan({...formContent,'sourceIds':[formContent.sourceIds],'datasourceIds':[formContent.datasourceIds]});
@@ -303,20 +386,20 @@ const rules = computed(() => {
} }
close() close()
// 刷新表格 // 刷新表格
if(planType.value == 0){
await props.refreshTable!() await props.refreshTable!()
}
} }
}) })
} catch (err) { } catch (err) {
console.error('验证过程中出现错误', err) console.error('验证过程中出现错误', err)
} }
} }
// 打开弹窗,可能是新增,也可能是编辑 // 打开弹窗,可能是新增,也可能是编辑
const open = async (sign: string, const open = async (sign: string, data: Plan.ReqPlan,currentMode: string,plan:number) => {
data: Plan.ReqPlan,
currentMode: string,) => {
unboundPqDevList.value = [] unboundPqDevList.value = []
boundPqDevList.value = [] boundPqDevList.value = []
//处理异步调用 //处理异步调用
@@ -325,67 +408,151 @@ const open = async (sign: string,
mode.value = currentMode mode.value = currentMode
titleType.value = sign titleType.value = sign
isSelectDisabled.value = false isSelectDisabled.value = false
if (data.id) { planType.value = plan
if(data.testState === 0){ console.log('planType.value',planType.value)
isSelectDisabled.value = false //比对式测试项下拉框
}else{ if(mode.value == '比对式'){
isSelectDisabled.value = true const dictCode = 'Script_Error';
const resDictTree: Dict.ResDictTree = {
name: '',
id: '',
pid: '',
pids: '',
code: dictCode,
sort: 0
};
const result = await getDictTreeByCode(resDictTree)
const allOptions = convertToOptions(result.data as Dict.ResDictTree[]);
// 提取第二层节点
allOptions.forEach(option => {
if (option.children && option.children.length > 0) {
secondLevelOptions.push(...option.children);
} }
});
Object.assign(formContent,{ ...data })
} else {
resetFormContent()
} }
// 重置表单
dialogFormRef.value?.resetFields()
if(sign == 'add') if(sign == 'add')
{ {
const [pqSource_Result, PqScript_Result, PqErrSys_Result,pqDevList_Result,pqReportName_Result] = await Promise.all([ resetFormContent()
let pqSource_Result, PqScript_Result, PqErrSys_Result, pqDevList_Result, pqReportName_Result, pqStandardDev_Result;
if (mode.value === '比对式') {
const commonResults = await Promise.all([
getPqErrSysList(),
getUnboundPqDevList(data),
getPqReportAllName(),
getAllPqStandardDev()
]);
[PqErrSys_Result, pqDevList_Result, pqReportName_Result, pqStandardDev_Result] = commonResults;
// 比对式下这两个接口不需要
pqSource_Result = { data: [] };
PqScript_Result = { data: [] };
} else {
const commonResults = await Promise.all([
getTestSourceList(data), getTestSourceList(data),
getPqScriptList(data), getPqScriptList(data),
getPqErrSysList(), getPqErrSysList(),
getUnboundPqDevList(data), getUnboundPqDevList(data),
getPqReportAllName(), getPqReportAllName(),
]); ]);
[pqSource_Result, PqScript_Result, PqErrSys_Result, pqDevList_Result, pqReportName_Result] = commonResults;
}
if (Array.isArray(pqReportName_Result.data)) { if (Array.isArray(pqReportName_Result.data)) {
pqReportName.value = pqReportName_Result.data.map(item => ({ name: item })); pqReportName.value = pqReportName_Result.data.map(item => ({ name: item }));
} else { } else {
pqReportName.value = []; pqReportName.value = [];
console.error('pqReportName_Result.data is not an array:', pqReportName_Result.data);
} }
pqSourceList.value = pqSource_Result.data as TestSource.ResTestSource[]; pqSourceList.value = pqSource_Result.data as TestSource.ResTestSource[];
pqScriptList.value = PqScript_Result.data as TestScript.ResTestScript[]; pqScriptList.value = PqScript_Result.data as TestScript.ResTestScript[];
pqErrSysList.value = PqErrSys_Result.data as unknown as ErrorSystem.ErrorSystemList[]; pqErrSysList.value = PqErrSys_Result.data as unknown as ErrorSystem.ErrorSystemList[];
pqDevList.value = pqDevList_Result.data as Device.ResPqDev[]; pqDevList.value = pqDevList_Result.data as Device.ResPqDev[];
if (pqStandardDev_Result && Array.isArray(pqStandardDev_Result.data)) {
pqStandardDevList.value = pqStandardDev_Result.data as StandardDevice.ResPqStandardDevice[];
} else {
pqStandardDevList.value = [];
}
// 初始化 boundPqDevList 为空数组 // 初始化 boundPqDevList 为空数组
unboundPqDevList.value = pqDevList.value unboundPqDevList.value = pqDevList.value
boundPqDevList.value = []; boundPqDevList.value = [];
//楼下场景新增下拉框需要默认
formContent.scriptId = pqScriptList.value[0]?.id ?? '';
formContent.errorSysId = pqErrSysList.value[0]?.id ?? '';
formContent.sourceIds = pqSourceList.value[0]?.id ?? '';
formContent.datasourceIds = dictStore.getDictData('Datasource')[0]?.code ?? '';
formContent.dataRule = dictStore.getDictData('Data_Rule')[0]?.id ?? '';
}else{//编辑时先给表单赋值(这会没接收被检设备),需要手动再给被检设备复制后整体表单赋值 }else{//编辑时先给表单赋值(这会没接收被检设备),需要手动再给被检设备复制后整体表单赋值
const [pqSource_Result, PqScript_Result, PqErrSys_Result,boundPqDevList_Result, unboundPqDevList_Result,pqReportName_Result] = await Promise.all([ if(plan == 1 || plan == 2){
isSelectDisabled.value = true
}else{
if(data.testState === 0){
isSelectDisabled.value = false
}else{
isSelectDisabled.value = true
}
}
Object.assign(formContent,{ ...data })
let pqSource_Result, PqScript_Result, PqErrSys_Result, boundPqDevList_Result, unboundPqDevList_Result, pqReportName_Result, pqStandardDev_Result;
if (mode.value === '比对式') {
const commonResults = await Promise.all([
getPqErrSysList(),
getBoundPqDevList({ 'planIdList': [data.id] }),
getUnboundPqDevList(data),
getPqReportAllName(),
getAllPqStandardDev()
]);
[PqErrSys_Result, boundPqDevList_Result, unboundPqDevList_Result, pqReportName_Result, pqStandardDev_Result] = commonResults;
// 比对式下这两个接口不需要
pqSource_Result = { data: [] };
PqScript_Result = { data: [] };
//编辑时把标准设备map赋值给数组
formContent.standardDevIds = Object.keys(formContent.standardDevMap)
//哪些标准设备已经被子计划绑定
subPlanBindStandardDev.value = Object.entries(formContent.standardDevMap)
.filter(([key, value]) => value === 1)
.map(([key]) => {
const matched = pqStandardDev_Result.data?.find(
(item: StandardDevice.ResPqStandardDevice) => item.id === key
);
return matched ? matched.name : key;
});
} else {
const commonResults = await Promise.all([
getTestSourceList(data), getTestSourceList(data),
getPqScriptList(data), getPqScriptList(data),
getPqErrSysList(), getPqErrSysList(),
getBoundPqDevList({ 'planId': data.id }), getBoundPqDevList({ 'planIdList': [data.id] }),
getUnboundPqDevList(data), getUnboundPqDevList(data),
getPqReportAllName(), getPqReportAllName(),
]); ]);
[pqSource_Result, PqScript_Result, PqErrSys_Result, boundPqDevList_Result, unboundPqDevList_Result, pqReportName_Result] = commonResults;
}
if (Array.isArray(pqReportName_Result.data)) { if (Array.isArray(pqReportName_Result.data)) {
pqReportName.value = pqReportName_Result.data.map(item => ({ name: item })); pqReportName.value = pqReportName_Result.data.map(item => ({ name: item }));
} else { } else {
pqReportName.value = []; pqReportName.value = [];
console.error('pqReportName_Result.data is not an array:', pqReportName_Result.data);
} }
pqSourceList.value = pqSource_Result.data as TestSource.ResTestSource[]; pqSourceList.value = pqSource_Result.data as TestSource.ResTestSource[];
pqScriptList.value = PqScript_Result.data as TestScript.ResTestScript[]; pqScriptList.value = PqScript_Result.data as TestScript.ResTestScript[];
pqErrSysList.value = PqErrSys_Result.data as unknown as ErrorSystem.ErrorSystemList[]; pqErrSysList.value = PqErrSys_Result.data as unknown as ErrorSystem.ErrorSystemList[];
if (pqStandardDev_Result && Array.isArray(pqStandardDev_Result.data)) {
pqStandardDevList.value = pqStandardDev_Result.data as StandardDevice.ResPqStandardDevice[];
} else {
pqStandardDevList.value = [];
}
const boundData = Array.isArray(boundPqDevList_Result.data) ? boundPqDevList_Result.data : []; const boundData = Array.isArray(boundPqDevList_Result.data) ? boundPqDevList_Result.data : [];
const unboundData = Array.isArray(unboundPqDevList_Result.data) ? unboundPqDevList_Result.data : []; const unboundData = Array.isArray(unboundPqDevList_Result.data) ? unboundPqDevList_Result.data : [];
@@ -400,7 +567,7 @@ const open = async (sign: string,
pqToArray();//将对象转为数组 pqToArray();//将对象转为数组
if( mode.value != '比对式'){ if(mode.value != '比对式'){
selectByMode.value = false selectByMode.value = false
// 将 formContent.sourceIds 从数组转换为字符串 // 将 formContent.sourceIds 从数组转换为字符串
if (Array.isArray(formContent.sourceIds)) { if (Array.isArray(formContent.sourceIds)) {
@@ -413,11 +580,37 @@ const open = async (sign: string,
} }
value.value = boundPqDevList.value.map((i: { id: { toString: () => any } }) => i.id.toString()); value.value = boundPqDevList.value.map((i: { id: { toString: () => any } }) => i.id.toString());
if(AppSceneStore.currentScene == "1"){//楼下场景不用报告模版
formContent.associateReport = 0
}else{
formContent.associateReport = 1
}
if(plan == 1)//新增子计划名称清空
{
formContent.name = ''
const userList = await getAllUser()
const sourceArray1 = Array.isArray(userList.data) ? userList.data : []
// 将 pqSource_Result 转换成 { label, value } 数组
userArray.value = sourceArray1.map(item => ({
label: item.loginName || '',
value: item.id
}));
}
// 所有数据加载完成后显示对话框 // 所有数据加载完成后显示对话框
dialogVisible.value = true; dialogVisible.value = true;
} }
// 转换函数
const convertToOptions = (dictTree: Dict.ResDictTree[]): CascaderOption[] => {
return dictTree.map(item => ({
value: item.id,
label: item.name,
code: item.code,
children: item.children ? convertToOptions(item.children) : undefined,
remark: item.remark
}));
};
function pqToArray() { function pqToArray() {
const sourceArray1 = Array.isArray(pqSourceList.value) ? pqSourceList.value : [] const sourceArray1 = Array.isArray(pqSourceList.value) ? pqSourceList.value : []
// 将 pqSource_Result 转换成 { label, value } 数组 // 将 pqSource_Result 转换成 { label, value } 数组
@@ -443,8 +636,18 @@ function pqToArray() {
label: item.name, label: item.name,
value: item.id value: item.id
})) }))
const sourceArray5 = Array.isArray(pqStandardDevList.value) ? pqStandardDevList.value : []
pqStandardDevArray.value = sourceArray5.map(item => ({
label: item.name,
value: item.id
}))
} }
const dataSourceType = computed(() => { const dataSourceType = computed(() => {
// switch (mode.value) { // switch (mode.value) {
// case '模拟式': // case '模拟式':
@@ -457,6 +660,35 @@ const dataSourceType = computed(() => {
return 'Datasource' return 'Datasource'
}) })
const handleDataSourceChange = () => {
if(mode.value != '比对式')
return
// 获取当前选中的 datasourceIds并确保为数组
const values = Array.isArray(formContent.datasourceIds)
? formContent.datasourceIds
: [formContent.datasourceIds].filter(Boolean); // 转为数组并过滤空值
const selectedLabels = values.map(value => {
const matched = dictStore.getDictData(dataSourceType.value).find(item => item.code === value);
return matched ? matched.name : '';
})
// 判断是否同时包含 '3s' 和 '分钟'
const hasThreeSeconds = selectedLabels.some(label => label.includes('3s'));
const hasMinuteStats = selectedLabels.some(label => label.includes('分钟'));
if (hasThreeSeconds && hasMinuteStats) {
ElMessage.warning('3s实时数据与分钟统计数据不能同时选择');
formContent.datasourceIds = '';
}
// 判断是否选择了多个“分钟统计数据”项
const minuteStatLabels = selectedLabels.filter(label => label.includes('分钟'));
if (minuteStatLabels.length > 1) {
ElMessage.warning('分钟统计数据不能多选');
formContent.datasourceIds = '';
}
};
// 对外映射 // 对外映射
defineExpose({ open }) defineExpose({ open })

View File

@@ -3,15 +3,17 @@
<ProTable <ProTable
ref='proTable' ref='proTable'
:columns='columns' :columns='columns'
:data="currentPageData"
:request-api='getTableList' :request-api='getTableList'
:pagination="false"
> >
<!-- 表格 header 按钮 --> <!-- 表格 header 按钮 -->
<template #tableHeader='scope'> <template #tableHeader='scope'>
<el-button type='primary' v-auth.plan="'import'" :icon='Download' @click='importClick'>导入</el-button> <el-button type='primary' v-auth.plan="'import'" :icon='Download' @click='importClick' v-if="modeStore.currentMode != '比对式'">导入</el-button>
<el-button type='primary' v-auth.plan="'export'" :icon='Upload' @click='exportClick'>导出</el-button> <el-button type='primary' v-auth.plan="'export'" :icon='Upload' @click='exportClick' v-if="modeStore.currentMode != '比对式'">导出</el-button>
<el-button type='primary' v-auth.plan="'combine'" :icon='ScaleToOriginal' :disabled='!(scope.selectedList.length > 1)' @click='combineClick'> <!-- <el-button type='primary' v-auth.plan="'combine'" :icon='ScaleToOriginal' :disabled='!(scope.selectedList.length > 1)' @click='combineClick'>
合并 合并
</el-button> </el-button> -->
<el-button type='primary' v-auth.plan="'add'" :icon='CirclePlus' @click="openDialog('add')">新增</el-button> <el-button type='primary' v-auth.plan="'add'" :icon='CirclePlus' @click="openDialog('add')">新增</el-button>
<el-button type='primary' v-auth.plan="'analysis'" :icon='List' :disabled='!scope.isSelected' @click='statisticalAnalysisMore(scope.selectedListIds,scope.selectedList)'>统计分析</el-button> <el-button type='primary' v-auth.plan="'analysis'" :icon='List' :disabled='!scope.isSelected' @click='statisticalAnalysisMore(scope.selectedListIds,scope.selectedList)'>统计分析</el-button>
<el-button type='danger' v-auth.plan="'delete'" :icon='Delete' plain :disabled='!scope.isSelected' @click='batchDelete(scope.selectedListIds)'> <el-button type='danger' v-auth.plan="'delete'" :icon='Delete' plain :disabled='!scope.isSelected' @click='batchDelete(scope.selectedListIds)'>
@@ -23,36 +25,49 @@
<template #operation='scope'> <template #operation='scope'>
<el-button type='primary' v-auth.plan="'edit'" link :icon='EditPen' @click="openDialog('edit',scope.row)">编辑</el-button> <el-button type='primary' v-auth.plan="'edit'" link :icon='EditPen' @click="openDialog('edit',scope.row)">编辑</el-button>
<el-button type='primary' v-auth.plan="'delete'" link :icon='Delete' @click='handleDelete(scope.row)'>删除</el-button> <el-button type='primary' v-auth.plan="'delete'" link :icon='Delete' @click='handleDelete(scope.row)'>删除</el-button>
<el-button type='primary' link :icon='List' @click="openChildrenPlan(scope.row)" v-if="modeStore.currentMode == '比对式' && scope.row.fatherPlanId == 0">子计划</el-button>
<!-- <el-button type='primary' link :icon='List' @click='showDeviceOpen(scope.row)'>设备绑定</el-button> --> <!-- <el-button type='primary' link :icon='List' @click='showDeviceOpen(scope.row)'>设备绑定</el-button> -->
<el-button type='primary' v-auth.plan="'analysis'" link :icon='List' v-if="scope.row.testState == '2'" @click='statisticalAnalysis(scope.row)'>统计分析</el-button> <el-button type='primary' v-auth.plan="'analysis'" link :icon='List' v-if="scope.row.testState == '2'" @click='statisticalAnalysis(scope.row)'>统计分析</el-button>
</template> </template>
<!-- 在此处新增 footer 插槽 -->
<template #pagination ='scope'>
<el-pagination
:background="true"
:current-page="currentPage"
:page-size="pageSize"
:page-sizes="[10, 25, 50, 100]"
:total="pageTotal"
layout="total, sizes, prev, pager, next, jumper"
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
/>
</template>
</ProTable> </ProTable>
</div> </div>
<!-- 向计划导入/导出设备对话框 --> <!-- 向计划导入/导出设备对话框 -->
<PlanPopup :refresh-table='proTable?.getTableList' ref='planPopup'/> <PlanPopup :refresh-table='refreshTable' ref='planPopup'/>
<!-- 查看误差体系详细信息 --> <!-- 查看误差体系详细信息 -->
<ErrorStandardPopup :refresh-table='proTable?.getTableList' ref="errorStandardPopup"/> <ErrorStandardPopup :refresh-table='proTable?.getTableList' ref="errorStandardPopup"/>
<!-- 查看检测源 --> <!-- 查看检测源 -->
<TestSourcePopup :refresh-table='proTable?.getTableList' ref="testSourcePopup"/> <TestSourcePopup :refresh-table='proTable?.getTableList' ref="testSourcePopup"/>
<!-- 查看设备绑定
<DevTransfer :refresh-table='proTable?.getTableList' ref='devTransferPopup'/> -->
<ImportExcel ref='planImportExcel' />
<ImportExcel ref='planImportExcel'/>
<ChildrenPlan :refresh-table='refreshTable' ref='childrenPlanView' :width='viewWidth' :height='viewHeight'></ChildrenPlan>
</template> </template>
<script setup lang='tsx' name='useProTable'> <script setup lang='tsx' name='useProTable'>
import ProTable from '@/components/ProTable/index.vue' import ProTable from '@/components/ProTable/index.vue'
import type { ProTableInstance, ColumnProps } from '@/components/ProTable/interface' import type { ProTableInstance, ColumnProps, RenderScope } from '@/components/ProTable/interface'
import { ScaleToOriginal, CirclePlus, Delete, EditPen, View, Upload, Download, List, Tools } from '@element-plus/icons-vue' import { ScaleToOriginal, CirclePlus, Delete, EditPen, View, Upload, Download, List, Tools } from '@element-plus/icons-vue'
import {getPlanList,deletePlan,exportPlan,downloadTemplate,importPlan } from '@/api/plan/plan.ts' import {getPlanList,deletePlan,exportPlan,downloadTemplate,importPlan } from '@/api/plan/plan.ts'
import { computed, onMounted, reactive, ref } from 'vue' import { computed, onMounted, reactive, ref, watch } from 'vue'
import type { Plan } from '@/api/plan/interface' import type { Plan } from '@/api/plan/interface'
import PlanPopup from '@/views/plan/planList/components/planPopup.vue' // 导入子组件 import PlanPopup from '@/views/plan/planList/components/planPopup.vue' // 导入子组件
import DeviceOpen from '@/views/plan/planList/components/devPopup.vue' import DeviceOpen from '@/views/plan/planList/components/devPopup.vue'
import SourceOpen from '@/views/plan/planList/components/sourcePopup.vue' import ChildrenPlan from '@/views/plan/planList/components/childrenPlan.vue'
import DevTransfer from './components/devTransfer.vue'
import { useViewSize } from '@/hooks/useViewSize' import { useViewSize } from '@/hooks/useViewSize'
import { useRouter } from 'vue-router' import { useRouter } from 'vue-router'
import { useDictStore } from '@/stores/modules/dict' import { useDictStore } from '@/stores/modules/dict'
@@ -62,7 +77,7 @@ import type { ErrorSystem } from '@/api/error/interface'
import ErrorStandardPopup from '@/views/machine/errorSystem/components/errorStandardPopup.vue' // 导入子组件 import ErrorStandardPopup from '@/views/machine/errorSystem/components/errorStandardPopup.vue' // 导入子组件
import TestSourcePopup from '@/views/machine/testSource/components/testSourcePopup.vue' // 导入子组件 import TestSourcePopup from '@/views/machine/testSource/components/testSourcePopup.vue' // 导入子组件
import { type TestSource } from '@/api/device/interface/testSource' import { type TestSource } from '@/api/device/interface/testSource'
import { useModeStore } from '@/stores/modules/mode'; // 引入模式 store import { useAppSceneStore, useModeStore } from '@/stores/modules/mode'; // 引入模式 store
import { useHandleData } from '@/hooks/useHandleData' import { useHandleData } from '@/hooks/useHandleData'
import { dictTestState,dictReportState,dictResult } from '@/api/plan/planData.ts' import { dictTestState,dictReportState,dictResult } from '@/api/plan/planData.ts'
import {getTestSourceById} from '@/api/device/testSource/index' import {getTestSourceById} from '@/api/device/testSource/index'
@@ -76,34 +91,133 @@ import { getBoundPqDevList ,staticsAnalyse} from '@/api/plan/plan.ts'
// name: 'planList' // name: 'planList'
// }) // })
const dictStore = useDictStore() const dictStore = useDictStore()
const openDeviceView = ref() const childrenPlanView = ref()
const openSourceView = ref()
const devTransferVisible = ref(false)
const sourceTransferVisible = ref(false)
// ProTable 实例 // ProTable 实例
const proTable = ref<ProTableInstance>() const proTable = ref<ProTableInstance>()
const errorStandardPopup = ref() const errorStandardPopup = ref()
const testSourcePopup = ref() const testSourcePopup = ref()
const planPopup = ref() const planPopup = ref()
const devTransferPopup = ref()
const modeStore = useModeStore(); const modeStore = useModeStore();
const tableData = ref<any[]>([])
const planImportExcel = ref<InstanceType<typeof ImportExcel> | null>(null) const planImportExcel = ref<InstanceType<typeof ImportExcel> | null>(null)
const planList = ref<Plan.ResPlan[]>([]); const { popupBaseView, viewWidth, viewHeight } = useViewSize()
const getTableList = async(params: any) => { const pageTotal = ref(0)
let newParams = JSON.parse(JSON.stringify(params)) const currentPage = ref(1)
const patternId = dictStore.getDictData('Pattern').find(item=>item.name=== modeStore.currentMode)?.id//获取数据字典中对应的id const pageSize = ref(10)
newParams.pattern = patternId const currentPageData = ref<any[]>([])//当前页的数据
const patternId = ref('')
onMounted(async () => {
refreshTable()
})
//假分页后用data刷新
const refreshTable = async () => {
try { try {
const result = await getPlanList(newParams); console.log("表格刷新")
planList.value = result.data as Plan.ResPlan[]; patternId.value = dictStore.getDictData('Pattern').find(item => item.name === modeStore.currentMode)?.id;
return result; const result = await getPlanList({'patternId' : patternId.value});
tableData.value = buildTree(result.data as any[]);
pageTotal.value = tableData.value.length;
updateCurrentPageData(tableData.value)
console.log("表格刷新成功")
} catch (error) { } catch (error) {
return { data: [] }; // 返回空数据或处理错误 tableData.value = [];
ElMessage.error('获取计划列表失败');
} }
} }
// 监听 tableData 变化
watch(() => tableData.value, (newVal) => {
if (childrenPlanView.value && newVal) {
console.log('监听 tableData 变化', newVal)
childrenPlanView.value.handleTableDataUpdate?.(newVal)
updateCurrentPageData(newVal)
}
}, { deep: true, immediate: true })
//模糊查询计划列表
const getTableList = async(params: any) => {
let newParams = JSON.parse(JSON.stringify(params))
// 从 newParams 中提取筛选条件
const name = newParams.name
const reportState = newParams.reportState
const result = newParams.result
const testState = newParams.testState
// 对 tableData.value 进行筛选
const filteredData = tableData.value.filter(item => {
let match = true
if (name) {
match = item.name?.includes(name)
}
if (reportState !== undefined && reportState !== null && reportState !== '') {
match = item.reportState == (reportState)
}
if (result !== undefined && result !== null && result !== '') {
match = item.result == (result)
}
if (testState !== undefined && testState !== null && testState !== '') {
match = item.testState == (testState)
}
return match
})
// 更新分页总数
pageTotal.value = filteredData.length
// 更新当前页数据
currentPage.value = 1
updateCurrentPageData(filteredData)
}
function buildTree(flatList: any[]): any[] {
const map = new Map();
const tree: any[] = [];
// First, create a map of all items by id for fast lookup
flatList.forEach(item => {
map.set(item.id, { ...item, children: [] });
});
// Then, assign each item to its parent's children array
flatList.forEach(item => {
if (item.fatherPlanId && map.has(item.fatherPlanId)) {
map.get(item.fatherPlanId).children.push(map.get(item.id));
} else if (item.fatherPlanId === '0') {
// Items with fatherPlanId '0' are root nodes
tree.push(map.get(item.id));
}
});
return tree;
}
const handleSizeChange = (size: number) => {
pageSize.value = size
updateCurrentPageData()
}
const handleCurrentChange = (page: number) => {
currentPage.value = page
updateCurrentPageData()
}
const updateCurrentPageData = (data = tableData.value) => {
const start = (currentPage.value - 1) * pageSize.value
const end = start + pageSize.value
currentPageData.value = data.slice(start, end)
console.log('currentPageData', currentPageData.value)
}
const dataSourceType = computed(() => { const dataSourceType = computed(() => {
// switch (modeStore.currentMode) { // switch (modeStore.currentMode) {
@@ -117,34 +231,50 @@ const dataSourceType = computed(() => {
return 'Datasource' return 'Datasource'
}) })
// 表格配置项 // 表格配置项
const columns = reactive<ColumnProps<Plan.ReqPlan>[]>([ const columns = reactive<ColumnProps<Plan.ReqPlan>[]>([
{ type: 'selection', fixed: 'left', width: 70 }, { type: 'selection', fixed: 'left', minWidth: 70 },
{ type: 'index', fixed: 'left', width: 70, label: '序号' }, { type: 'index', fixed: 'left', minWidth: 70, label: '序号'},
{ {
prop: 'name', prop: 'name',
label: '名称', label: '名称',
width: 220, minWidth: 200,
search: { el: 'input' }, search: { el: 'input' },
}, },
{ {
prop: 'testState', prop: 'testState',
label: '检测状态', label: '检测状态',
width: 120, minWidth: 100,
enum:dictTestState, enum:dictTestState,
search: { el:'select',props: { filterable: true }}, search: { el:'select',props: { filterable: true }},
fieldNames: { label: 'label', value: 'id' }, fieldNames: { label: 'label', value: 'id' },
render: scope => { render: scope => {
return ( return (
scope.row.testState === 0 ? '未检' : scope.row.testState === 1 ? '检测中' : '检测完成' scope.row.testState === 0 ? <el-tag type='warning' effect="dark">未检</el-tag> :
scope.row.testState === 1 ? <el-tag type='danger' effect="dark">检测中</el-tag> :
<el-tag type='success' effect="dark">检测完成</el-tag>
) )
}, },
}, },
{
prop: 'progress',
label: '检测进度',
minWidth: 150,
render: (scope) => {
return (
<el-progress
text-inside={true}
stroke-width={20}
percentage={(scope.row.progress ?? 0) * 100}
status='success'
/>
);
},
},
{ {
prop: 'reportState', prop: 'reportState',
label: '检测报告状态', label: '检测报告状态',
width: 120, minWidth: 120,
enum:dictReportState, enum:dictReportState,
search: { el: 'select', props: { filterable: true } }, search: { el: 'select', props: { filterable: true } },
fieldNames: { label: 'label', value: 'id' }, fieldNames: { label: 'label', value: 'id' },
@@ -157,12 +287,11 @@ const columns = reactive<ColumnProps<Plan.ReqPlan>[]>([
{ {
prop: 'result', prop: 'result',
label: '检测结果', label: '检测结果',
width: 120, minWidth: 100,
enum:dictResult, enum:dictResult,
search: { el: 'select', props: { filterable: true } }, search: { el: 'select', props: { filterable: true } },
fieldNames: { label: 'label', value: 'id' }, fieldNames: { label: 'label', value: 'id' },
render: scope => { render: scope => {
console.log('检测结果',scope.row.result)
return ( return (
scope.row.result === 0 ? '不符合' : scope.row.result === 1 ? '符合' : '/' scope.row.result === 0 ? '不符合' : scope.row.result === 1 ? '符合' : '/'
) )
@@ -171,7 +300,7 @@ const columns = reactive<ColumnProps<Plan.ReqPlan>[]>([
{ {
prop: 'createTime', prop: 'createTime',
label: '创建时间', label: '创建时间',
width: 200, minWidth: 180,
render: scope => { render: scope => {
if (scope.row.createTime) { if (scope.row.createTime) {
const date = new Date(scope.row.createTime); const date = new Date(scope.row.createTime);
@@ -189,7 +318,8 @@ const columns = reactive<ColumnProps<Plan.ReqPlan>[]>([
{ {
prop: 'sourceName', prop: 'sourceName',
label: '检测源', label: '检测源',
minWidth: 400, minWidth: 300,
isShow: modeStore.currentMode != "比对式",
render: scope => { render: scope => {
const sourceNames = Array.isArray(scope.row.sourceName) ? scope.row.sourceName : []; const sourceNames = Array.isArray(scope.row.sourceName) ? scope.row.sourceName : [];
const sourceIds = Array.isArray(scope.row.sourceIds) ? scope.row.sourceIds : []; const sourceIds = Array.isArray(scope.row.sourceIds) ? scope.row.sourceIds : [];
@@ -217,17 +347,36 @@ const columns = reactive<ColumnProps<Plan.ReqPlan>[]>([
{ {
prop: 'scriptId', prop: 'scriptId',
label: '检测脚本', label: '检测脚本',
width: 360, minWidth: 300,
isShow: modeStore.currentMode != "比对式",
render: scope => { render: scope => {
return ( return (
<span>{scope.row.scriptName}</span> <span>{scope.row.scriptName}</span>
) )
}, },
}, },
{
prop: 'standardDevNameStr',
label: '标准设备',
minWidth: 250,
isShow: modeStore.currentMode == "比对式",
render: scope => {
const standardDevNameStr = scope.row.standardDevNameStr
if (!standardDevNameStr) {
return '/'
}
return standardDevNameStr
}
},
{
prop: 'testItemNameStr',
label: '测试项',
minWidth: 300,
isShow: modeStore.currentMode == "比对式",
},
{ {
prop: 'errorSysId', prop: 'errorSysId',
label: '误差体系', label: '误差体系', minWidth:300,
width: 240,
render: scope => { render: scope => {
return ( return (
<el-link type='primary' link onClick={() => showData(scope.row)}> <el-link type='primary' link onClick={() => showData(scope.row)}>
@@ -236,35 +385,51 @@ const columns = reactive<ColumnProps<Plan.ReqPlan>[]>([
) )
}, },
}, },
{
prop: 'origin',//null 表示主计划 1表示子计划
label: '来源',
minWidth:200,
isShow: modeStore.currentMode == "比对式",
},
{ {
prop: 'datasourceIds', prop: 'datasourceIds',
label: '数据源', label: '数据源',
enum: dictStore.getDictData(dataSourceType.value), enum: dictStore.getDictData(dataSourceType.value),
fieldNames: { label: 'name', value: 'value' }, fieldNames: { label: 'name', value: 'value' },
minWidth: 250, minWidth: 230,
render: (scope) => { render: (scope) => {
const codes = scope.row.datasourceIds // 获取当前行的 datasourceIds 字段 const codes = scope.row.datasourceIds // 获取当前行的 datasourceIds 字段
if (!codes) { if (!codes) {
return '/' return '/'
} }
// 确保 codes 是一个字符串 // 确保 codes 是一个字符串
const codeString = Array.isArray(codes) ? codes.join(',') : codes const codeString = Array.isArray(codes) ? codes.join(',') : codes
const codeArray = codeString.split(',') const codeArray = codeString.split(',')
if (codeArray.length > 1) { if (codeArray.length > 1) {
// 查找与每个 code 值匹配的 name然后拼接成逗号分割的字符串 // 查找与每个 code 值匹配的 name然后拼接成逗号分割的字符串
const names = codeArray.map(code => { const names = codeArray.map(code => {
const dictItem = dictStore.getDictData(dataSourceType.value).find(item => item.value === code) const dictItem = dictStore.getDictData(dataSourceType.value).find(item => item.code === code)
return dictItem ? dictItem.name : '/' // 如果找到匹配的项,返回对应的 name return dictItem ? dictItem.name : '/' // 如果找到匹配的项,返回对应的 name
}) })
return names.join(', ') // 用逗号连接所有的 name return names.join(', ') // 用逗号连接所有的 name
} }
// 查找单个 code 对应的 name // 查找单个 code 对应的 name
const dictItem = dictStore.getDictData(dataSourceType.value).find(item => item.value === codeArray[0]) const dictItem = dictStore.getDictData(dataSourceType.value).find(item => item.code === codeArray[0])
return dictItem ? dictItem.name : '/' // 如果找到匹配的项,返回对应的 name return dictItem ? dictItem.name : '/' // 如果找到匹配的项,返回对应的 name
}, },
}, },
{
prop: 'dataRule',
label: '数据处理原则',
enum: dictStore.getDictData('Data_Rule'),
fieldNames: { label: 'name', value: 'id' },
minWidth: 120,
},
{ prop: 'operation', label: '操作', fixed: 'right', width: 300 }, { prop: 'operation', label: '操作', fixed: 'right', minWidth: 250 },
]) ])
@@ -301,44 +466,6 @@ async function showTestSource(row:string) {
} }
function showTestScript(row: string) {
}
function handleFiles(event: Event) {
const target = event.target as HTMLInputElement
const files = target.files
if (files && files.length > 0) {
// 处理文件
// console.log(files)
ElMessageBox.confirm(
'导入的数据与当前数据有冲突,请选择以哪个数据为主进行覆盖',
'数据冲突',
{
distinguishCancelAndClose: true,
confirmButtonText: '以导入数据为主覆盖',
cancelButtonText: '以当前数据为主覆盖',
type: 'warning',
},
)
.then(() => {
ElMessage({
type: 'info',
message: '以导入数据为主完成数据覆盖',
})
})
.catch((action: Action) => {
ElMessage({
type: 'info',
message:
action === 'cancel'
? '以当前数据为主完成数据覆盖'
: '取消本次导入操作',
})
})
}
}
// 点击导入按钮 // 点击导入按钮
const importClick = () => { const importClick = () => {
const params = { const params = {
@@ -347,60 +474,62 @@ const importClick = () => {
patternId: dictStore.getDictData('Pattern').find(item=>item.name=== modeStore.currentMode)?.id ?? '', patternId: dictStore.getDictData('Pattern').find(item=>item.name=== modeStore.currentMode)?.id ?? '',
tempApi: downloadTemplate, tempApi: downloadTemplate,
importApi: importPlan, importApi: importPlan,
getTableList: proTable.value?.getTableList, getTableList: refreshTable(),
} }
planImportExcel.value?.acceptParams(params) planImportExcel.value?.acceptParams(params)
} }
// 点击导出按钮 // 点击导出按钮
const exportClick = () => { const exportClick = () => {
ElMessageBox.confirm('确认导出检测计划?', '温馨提示', { type: 'warning' }).then(() =>{ ElMessageBox.confirm('确认导出检测计划?', '温馨提示', { type: 'warning' }).then(() =>{
const patternId = dictStore.getDictData('Pattern').find(item=>item.name=== modeStore.currentMode)?.id//获取数据字典中对应的id useDownload(exportPlan,'检测计划导出数据', {...proTable.value?.searchParam,patternId:patternId}, false,'.xlsx')
useDownload(exportPlan,'检测计划导出数据', {...proTable.value?.searchParam,pattern:patternId}, false,'.xlsx')
})
}
// 点击合并按钮
const combineClick = () => {
ElMessageBox.prompt(
'请输入合并后的计划名称',
'检测计划合并',
{
confirmButtonText: '确定',
cancelButtonText: '取消',
},
)
.then(({ value }) => {
// console.log(`合并后的计划名为:`, value)
proTable.value?.clearSelection()
proTable.value?.getTableList()
}) })
} }
// 打开 drawer(新增、编辑) // 打开 drawer(新增、编辑)
const openDialog = (titleType: string, row: Partial<Plan.ReqPlan> = {}) => { const openDialog = (titleType: string, row: Partial<Plan.ReqPlan> = {}) => {
planPopup.value?.open(titleType, row,modeStore.currentMode) let planType = 0; // 0主计划 1子计划 2修改子计划
if (modeStore.currentMode === '比对式') {
if (titleType === 'add') {
// 新增只能是主计划
planType = 0;
} else {
// 编辑情况
if (row.children?.length > 0) {
// 有子计划 -> 主计划
planType = 0;
} else if (row.origin == null) {
// 没有来源 -> 主计划
planType = 0;
} else {
// 其他 -> 修改子计划
planType = 2;
}
}
}
planPopup.value?.open(titleType, row, modeStore.currentMode, planType);
} }
// 批量删除设备 // 批量删除设备
const batchDelete = async (id: string[]) => { const batchDelete = async (id: string[]) => {
await useHandleData(deletePlan, id, '删除所选检测计划') await useHandleData(deletePlan, {'id':id, 'pattern':patternId.value},'删除所选检测计划')
proTable.value?.clearSelection() proTable.value?.clearSelection()
proTable.value?.getTableList() await refreshTable()
} }
// 删除检测计划 // 删除检测计划
const handleDelete = async (params: Plan.ReqPlanParams) => { const handleDelete = async (params: Plan.ReqPlanParams) => {
await useHandleData(deletePlan, [params.id], `删除【${params.name}】检测计划`) await useHandleData(deletePlan, {id: [params.id], 'pattern': patternId.value}, `删除【${params.name}】检测计划`)
proTable.value?.getTableList() proTable.value?.clearSelection()
await refreshTable()
} }
const showDeviceOpen = (row: Partial<Plan.ReqPlan> = {}) => { const openChildrenPlan = (row: Partial<Plan.ReqPlan> = {}) => {
devTransferPopup.value.open(row) childrenPlanView.value.open("检测计划详情",row,patternId.value)
} }
const myDict = new Map<string, any[]>();
const statisticalAnalysisMore = async (ids: string[], rows: Plan.ReqPlan[]) => { const statisticalAnalysisMore = async (ids: string[], rows: Plan.ReqPlan[]) => {
const hasInvalidState = rows.some(row => row.testState != 2); const hasInvalidState = rows.some(row => row.testState != 2);
@@ -417,39 +546,10 @@ const statisticalAnalysisMore = async (ids: string[], rows: Plan.ReqPlan[]) => {
const statisticalAnalysis = async (row: Partial<Plan.ReqPlan> = {}) => { const statisticalAnalysis = async (row: Partial<Plan.ReqPlan> = {}) => {
useDownload(staticsAnalyse,'分析结果', [row.id], false,'.xlsx') useDownload(staticsAnalyse,'分析结果', [row.id], false,'.xlsx')
// const response = await getTestConfig() as unknown as Base.ResTestConfig
// const maxTime= response.data.maxTime//检测最大次数
// const dev = await getBoundPqDevList({ 'planId': row.id })
// for (let i = 0; i <= maxTime; i++) {
// dev.data.forEach((item: any) => {
// if(item.reCheckNum === i){
// // 向已有的数组中添加元素
// if (myDict.has(i.toString())) {
// myDict.get(i.toString())?.push(item.name);
// }else{
// myDict.set(i.toString(), [item.name]);
// }
// }
// })
// }
// for (let i = 0; i <= maxTime; i++) {
// if (myDict.has(i.toString())) {
// const array = myDict.get(i.toString());
// if (array) {
// for (const value of array) {
// console.log(i + '---'+value);
// }
// }
// }
// }
} }
</script> </script>
<style scoped> <style scoped>

View File

@@ -1,58 +1,65 @@
<template> <template>
<div class='table-box' > <div class='table-box'>
<el-tabs type="border-card"> <el-tabs type="border-card">
<el-tab-pane label="检测相关配置"> <el-tab-pane label="检测相关配置">
<div > <div>
<el-divider >检测配置</el-divider> <el-form :model="TestConfigForm" ref='testConfigFormRef' :rules='rules'>
<el-row :gutter="24" > <el-divider>检测配置</el-divider>
<el-row :gutter="24">
<el-col :span="8"> <el-col :span="8">
<el-form-item label='一键检测方式' prop='autoGenerate' :label-width="140"> <el-form-item label='一键检测方式' prop='autoGenerate' :label-width="140">
<el-select v-model="TestConfigForm.autoGenerate" clearable placeholder="请选择一键检测方式" > <el-select v-model="TestConfigForm.autoGenerate" clearable placeholder="请选择一键检测方式">
<el-option label="只检测,报告后续手动生成" :value="0"></el-option> <el-option label="只检测,报告后续手动生成" :value="0"></el-option>
<el-option label="检测和生成报告同时进行" :value="1"></el-option> <el-option label="检测和生成报告同时进行" :value="1"></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<el-form-item label='检测最大次数' prop='maxTime' :label-width="110"> <el-form-item label='检测最大次数' prop='maxTime' :label-width="140">
<el-input-number v-model='TestConfigForm.maxTime' :min='1' :max='999' /> <!-- <el-input-number v-model='TestConfigForm.maxTime' :min='1' :max='999' onkeypress="return (/[\d]/.test(String.fromCharCode(event.keyCode)))"/>-->
<el-input number v-model.number='TestConfigForm.maxTime' placeholder="请输入检测最大次数" onkeypress="return (/[\d]/.test(String.fromCharCode(event.keyCode)))"/>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<el-form-item label='数据处理原则' prop='dataRule' :label-width="140"> <el-form-item label='误差保留小数位' prop='scale' :label-width="140">
<el-select v-model="TestConfigForm.dataRule" clearable placeholder="请选择数据处理原则" > <el-input number v-model.number='TestConfigForm.scale' placeholder="请输入误差保留小数位" onkeypress="return (/[\d]/.test(String.fromCharCode(event.keyCode)))"/>
<el-option
v-for="item in dictStore.getDictData('Data_Rule')"
:key="item.id"
:label="item.name"
:value="item.id"
/>
</el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
<!-- <el-col :span="8">-->
<!-- <el-form-item label='数据处理原则' prop='dataRule' :label-width="140">-->
<!-- <el-select v-model="TestConfigForm.dataRule" clearable placeholder="请选择数据处理原则">-->
<!-- <el-option-->
<!-- v-for="item in dictStore.getDictData('Data_Rule')"-->
<!-- :key="item.id"-->
<!-- :label="item.name"-->
<!-- :value="item.id"-->
<!-- />-->
<!-- </el-select>-->
<!-- </el-form-item>-->
<!-- </el-col>-->
</el-row> </el-row>
<el-form :model="RegResForm" ref='dialogFormRef' :rules='rules' > </el-form>
<el-divider >有效数据配置</el-divider> <el-form :model="RegResForm" ref='dialogFormRef' :rules='rules'>
<el-row :gutter="24" > <el-divider>有效数据配置</el-divider>
<el-row :gutter="24">
<el-col :span="8"> <el-col :span="8">
<el-form-item label="录波数据有效组数" prop="waveRecord" :label-width="140"> <el-form-item label="录波数据有效组数" prop="waveRecord" :label-width="140">
<el-input v-model.number='RegResForm.waveRecord' :placeholder="placeholder" :disabled="IsMode"/> <el-input v-model.number='RegResForm.waveRecord' :placeholder="placeholder" :disabled="IsMode"/>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<el-form-item label="实时数据有效组数" prop="realTime" :label-width="140" > <el-form-item label="实时数据有效组数" prop="realTime" :label-width="140">
<el-input number v-model.number='RegResForm.realTime' placeholder="请输入实时数据有效组数"/> <el-input number v-model.number='RegResForm.realTime' placeholder="请输入实时数据有效组数" onkeypress="return (/[\d]/.test(String.fromCharCode(event.keyCode)))"/>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<el-form-item label="统计数据有效组数" prop="statistics" :label-width="140" > <el-form-item label="统计数据有效组数" prop="statistics" :label-width="140">
<el-input number v-model.number='RegResForm.statistics' placeholder="请输入统计数据有效组数"/> <el-input number v-model.number='RegResForm.statistics' placeholder="请输入统计数据有效组数" onkeypress="return (/[\d]/.test(String.fromCharCode(event.keyCode)))"/>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<el-form-item label="闪变数据有效组数" prop="flicker" :label-width="140" > <el-form-item label="闪变数据有效组数" prop="flicker" :label-width="140">
<el-input number v-model.number='RegResForm.flicker' placeholder="请输入闪变数据有效组数"/> <el-input number v-model.number='RegResForm.flicker' placeholder="请输入闪变数据有效组数" onkeypress="return (/[\d]/.test(String.fromCharCode(event.keyCode)))"/>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
@@ -63,11 +70,11 @@
</div> </div>
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="日志配置"> <el-tab-pane label="日志配置">
<div > <div>
<el-row :gutter="24" > <el-row :gutter="24">
<el-col :span="8"> <el-col :span="8">
<el-form-item label='调试日志配置' :label-width="140"> <el-form-item label='调试日志配置' :label-width="140">
<el-select clearable placeholder="请选择调试日志配置" > <el-select clearable placeholder="请选择调试日志配置">
<el-option label="开启" :value="0"></el-option> <el-option label="开启" :value="0"></el-option>
<el-option label="关闭" :value="1"></el-option> <el-option label="关闭" :value="1"></el-option>
</el-select> </el-select>
@@ -75,7 +82,7 @@
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<el-form-item label='调试日志记录等级' :label-width="140"> <el-form-item label='调试日志记录等级' :label-width="140">
<el-select clearable placeholder="请选择日志记录等" > <el-select clearable placeholder="请选择日志记录等">
<el-option label="FATAL(致命错误)及以上" :value="0"></el-option> <el-option label="FATAL(致命错误)及以上" :value="0"></el-option>
<el-option label="ERROR(一般错误)及以上" :value="1"></el-option> <el-option label="ERROR(一般错误)及以上" :value="1"></el-option>
<el-option label="WARN(警告)及以上" :value="2"></el-option> <el-option label="WARN(警告)及以上" :value="2"></el-option>
@@ -86,7 +93,7 @@
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<el-form-item label='操作日志配置' :label-width="140"> <el-form-item label='操作日志配置' :label-width="140">
<el-select clearable placeholder="请选择操作日志配置" > <el-select clearable placeholder="请选择操作日志配置">
<el-option label="开启" :value="0"></el-option> <el-option label="开启" :value="0"></el-option>
<el-option label="关闭" :value="1"></el-option> <el-option label="关闭" :value="1"></el-option>
</el-select> </el-select>
@@ -99,11 +106,11 @@
</div> </div>
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="数据删除备份配置"> <el-tab-pane label="数据删除备份配置">
<div > <div>
<el-row :gutter="24" > <el-row :gutter="24">
<el-col :span="8"> <el-col :span="8">
<el-form-item label='原始数据备份频率' :label-width="140"> <el-form-item label='原始数据备份频率' :label-width="140">
<el-select clearable placeholder="请选择原始数据备份频率" > <el-select clearable placeholder="请选择原始数据备份频率">
<el-option label="每月" :value="0"></el-option> <el-option label="每月" :value="0"></el-option>
<el-option label="每三月" :value="1"></el-option> <el-option label="每三月" :value="1"></el-option>
<el-option label="每年" :value="1"></el-option> <el-option label="每年" :value="1"></el-option>
@@ -114,7 +121,7 @@
<el-col :span="8"> <el-col :span="8">
<el-form-item label='原始数据备份路径' :label-width="140"> <el-form-item label='原始数据备份路径' :label-width="140">
<el-col :span="16"> <el-col :span="16">
<el-input /> <el-input/>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<el-button type='primary'>立即进行备份</el-button> <el-button type='primary'>立即进行备份</el-button>
@@ -122,17 +129,17 @@
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row :gutter="24" > <el-row :gutter="24">
<el-col :span="8"> <el-col :span="8">
<el-form-item label='原始数据备份时间' :label-width="140"> <el-form-item label='原始数据备份时间' :label-width="140">
<el-select clearable placeholder="请选择原始数据备份时间" > <el-select clearable placeholder="请选择原始数据备份时间">
<el-option label="03:00" :value="0"></el-option> <el-option label="03:00" :value="0"></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<el-form-item label='原始数据删除配置' :label-width="140"> <el-form-item label='原始数据删除配置' :label-width="140">
<el-select clearable placeholder="请选择原始数据删除配置" > <el-select clearable placeholder="请选择原始数据删除配置">
<el-option label="从不" :value="0"></el-option> <el-option label="从不" :value="0"></el-option>
<el-option label="大于半年进行删除" :value="1"></el-option> <el-option label="大于半年进行删除" :value="1"></el-option>
<el-option label="大于一年进行删除" :value="2"></el-option> <el-option label="大于一年进行删除" :value="2"></el-option>
@@ -143,16 +150,16 @@
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<el-form-item label='原始数据删除时间' :label-width="140"> <el-form-item label='原始数据删除时间' :label-width="140">
<el-select clearable placeholder="请选择原始数据删除时间" > <el-select clearable placeholder="请选择原始数据删除时间">
<el-option label="05:00" :value="0"></el-option> <el-option label="05:00" :value="0"></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row :gutter="24" > <el-row :gutter="24">
<el-col :span="8"> <el-col :span="8">
<el-form-item label='调试日志保存策略' :label-width="140"> <el-form-item label='调试日志保存策略' :label-width="140">
<el-select clearable placeholder="请选择调试日志保存策略" > <el-select clearable placeholder="请选择调试日志保存策略">
<el-option label="一个月" :value="0"></el-option> <el-option label="一个月" :value="0"></el-option>
<el-option label="三个月" :value="1"></el-option> <el-option label="三个月" :value="1"></el-option>
<el-option label="六个月" :value="2"></el-option> <el-option label="六个月" :value="2"></el-option>
@@ -162,7 +169,7 @@
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<el-form-item label='操作日志保存策略' :label-width="140"> <el-form-item label='操作日志保存策略' :label-width="140">
<el-select clearable placeholder="请选择操作日志保存策略" > <el-select clearable placeholder="请选择操作日志保存策略">
<el-option label="三个月" :value="0"></el-option> <el-option label="三个月" :value="0"></el-option>
<el-option label="六个月或大于100万条" :value="1"></el-option> <el-option label="六个月或大于100万条" :value="1"></el-option>
<el-option label="从不" :value="2"></el-option> <el-option label="从不" :value="2"></el-option>
@@ -177,63 +184,60 @@
</el-tab-pane> </el-tab-pane>
</el-tabs> </el-tabs>
</div> </div>
</template> </template>
<script setup lang='tsx''> <script setup lang='tsx'>
import { type Dict } from '@/api/system/dictionary/interface' import {useDictStore} from '@/stores/modules/dict'
import { ProTableInstance, ColumnProps } from '@/components/ProTable/interface' import {computed, onMounted, Ref, ref} from 'vue'
import PqPopup from '@/views/system/dictionary/dictPq/components/pqPopup.vue' import {type Base} from '@/api/system/base/interface'
import { useDictStore } from '@/stores/modules/dict' import {type VersionRegister} from '@/api/system/versionRegister/interface'
import { useHandleData } from '@/hooks/useHandleData' import {getTestConfig, updateTestConfig} from '@/api/system/base/index'
import { computed, onMounted, reactive, Ref, ref, watch } from 'vue' import {getRegRes, updateRegRes} from '@/api/system/versionRegister/index'
import {type Base } from '@/api/system/base/interface' import {ElMessage, FormItemRule} from 'element-plus'
import {type VersionRegister } from '@/api/system/versionRegister/interface' import {useModeStore} from '@/stores/modules/mode'; // 引入模式 store
import {getTestConfig,updateTestConfig } from '@/api/system/base/index' defineOptions({
import {getRegRes,updateRegRes } from '@/api/system/versionRegister/index'
import { ElMessage, FormItemRule } from 'element-plus'
import { useModeStore } from '@/stores/modules/mode'; // 引入模式 store
defineOptions({
name: 'base' name: 'base'
}) })
const modeStore = useModeStore(); const modeStore = useModeStore();
const dictStore = useDictStore() const dictStore = useDictStore()
const dialogFormRef = ref() const testConfigFormRef = ref()
const mode = ref() const dialogFormRef = ref()
const IsMode = ref(false) const mode = ref()
const placeholder = ref() const IsMode = ref(false)
const TestConfigList = ref<Base.ResTestConfig>() const placeholder = ref()
const RegResList = ref<VersionRegister.ResSys_Reg_Res>() const TestConfigList = ref<Base.ResTestConfig>()
const RegResList = ref<VersionRegister.ResSys_Reg_Res>()
// 初始化时获取 // 初始化时获取
onMounted(async () => { onMounted(async () => {
mode.value =modeStore.currentMode;//pinia中获取当前是那个模块进来的 mode.value = modeStore.currentMode;//pinia中获取当前是那个模块进来的
const response = await getTestConfig() const response = await getTestConfig()
TestConfigForm.value = response.data as unknown as Base.ResTestConfig TestConfigForm.value = response.data as unknown as Base.ResTestConfig
const patternId = dictStore.getDictData('Pattern').find(item=>item.name=== mode.value)?.id//获取数据字典中对应的id const patternId = dictStore.getDictData('Pattern').find(item => item.name === mode.value)?.id//获取数据字典中对应的id
RegResForm.value.type = patternId || ''; RegResForm.value.type = patternId || '';
const response2 = await getRegRes(RegResForm.value) const response2 = await getRegRes(RegResForm.value)
RegResForm.value = response2.data as unknown as VersionRegister.ResSys_Reg_Res RegResForm.value = response2.data as unknown as VersionRegister.ResSys_Reg_Res
//只有比对式有录波 //只有比对式有录波
if(mode.value == '比对式'){ if (mode.value == '比对式') {
placeholder.value = '请输入录波数据有效组数' placeholder.value = '请输入录波数据有效组数'
IsMode.value = false IsMode.value = false
}else{ } else {
placeholder.value = '/' placeholder.value = '/'
IsMode.value = true IsMode.value = true
} }
}) })
const TestConfigForm = ref<Base.ResTestConfig>({ const TestConfigForm = ref<Base.ResTestConfig>({
id: '', id: '',
autoGenerate: 0, autoGenerate: 0,
maxTime: 3, maxTime: 3,
dataRule: '',
state: 1, //状态 state: 1, //状态
}) scale:4,
})
const RegResForm = ref<VersionRegister.ResSys_Reg_Res>({ const RegResForm = ref<VersionRegister.ResSys_Reg_Res>({
id: '', //版本注册表Id id: '', //版本注册表Id
type: '', //版本类型(模拟式、数字式、比对式) type: '', //版本类型(模拟式、数字式、比对式)
code: '', //注册码 code: '', //注册码
@@ -246,72 +250,86 @@ onMounted(async () => {
state: 1, //状态 state: 1, //状态
}) })
const RegResForm2 = ref<VersionRegister.Sys_Reg_Res>({ const RegResForm2 = ref<VersionRegister.Sys_Reg_Res>({
id:'', id: '',
waveRecord: 0, waveRecord: 0,
realTime: 20, realTime: 20,
statistics: 5, statistics: 5,
flicker: 1, flicker: 1,
}) })
// 定义弹出组件元信息 // 定义弹出组件元信息
const rules = computed(() =>{ const rules = computed(() => {
const baseRules : Ref<Record<string, Array<FormItemRule>>> = ref({ const baseRules: Ref<Record<string, Array<FormItemRule>>> = ref({
realTime :[ maxTime: [
{required:true,trigger:'blur',message:'实时数据有效组数必填!'}, {required: true, trigger: 'blur', message: '检测最大次数必填!'},
{ pattern: /^[0-9]\d*$/, message: '实时数据有效组数为含0的正整数', trigger: 'blur' } {pattern: /^(?:[1-9]|[1-9][0-9]|[1-9][0-9]{2})$/, message: '检测最大次数为1~999的正整数', trigger: 'blur'}
], ],
statistics :[ scale: [
{required:true,trigger:'blur',message:'统计数据有效组数必填!'}, {required: true, trigger: 'blur', message: '误差保留小数位必填!'},
{ pattern: /^[0-9]\d*$/, message: '统计数据有效组数为含0的正整数', trigger: 'blur' } {pattern: /^[4-6]$/, message: '误差保留小数位为4~6的整数', trigger: 'blur'}
], ],
flicker :[ realTime: [
{required:true,trigger:'blur',message:'闪变数据有效组数必填!'}, {required: true, trigger: 'blur', message: '实时数据有效组数必填!'},
{ pattern: /^[0-9]\d*$/, message: '闪变数据有效组数为含0的正整数', trigger: 'blur' } {pattern: /^(?:[1-9]|[1-9][0-9]|[1-9][0-9]{2})$/, message: '实时数据有效组数为1~999的正整数', trigger: 'blur'}
], ],
statistics: [
{required: true, trigger: 'blur', message: '统计数据有效组数必填!'},
{pattern: /^(?:[1-9]|[1-9][0-9]|[1-9][0-9]{2})$/, message: '统计数据有效组数为1~999的正整数', trigger: 'blur'}
],
flicker: [
{required: true, trigger: 'blur', message: '闪变数据有效组数必填!'},
{pattern: /^(?:[1-9]|[1-9][0-9]|[1-9][0-9]{2})$/, message: '闪变数据有效组数为1~999的正整数', trigger: 'blur'}
],
}); });
if(mode.value == '比对式'){ if (mode.value == '比对式') {
baseRules.value.waveRecord = [ baseRules.value.waveRecord = [
{required:true,trigger:'blur',message:'录波数据有效组数必填!'}, {required: true, trigger: 'blur', message: '录波数据有效组数必填!'},
{ pattern: /^[0-9]\d*$/, message: '录波数据有效组数为含0的正整数', trigger: 'blur' } {pattern: /^(?:[1-9]|[1-9][0-9]|[1-9][0-9]{2})$/, message: '录波数据有效组数为1~999的正整数', trigger: 'blur'}
]; ];
} }
return baseRules; return baseRules;
}) })
const submitForm = async () => {
const submitForm = async () => {
try { try {
dialogFormRef.value?.validate(async (valid: boolean) => { testConfigFormRef.value?.validate(async (valid: boolean) => {
if (valid) { if (valid) {
await updateTestConfig(TestConfigForm.value); await updateTestConfig(TestConfigForm.value);
// 提取并传递 4 个参数 dialogFormRef.value?.validate(async (valid: boolean) => {
const { id,waveRecord, realTime, statistics, flicker } = RegResForm.value if (valid) {
RegResForm2.value = { id,waveRecord, realTime, statistics, flicker } //await updateTestConfig(TestConfigForm.value);
if(RegResForm.value.waveRecord == null){ // 提取并传递 4 个参数
const {id, waveRecord, realTime, statistics, flicker} = RegResForm.value
RegResForm2.value = {id, waveRecord, realTime, statistics, flicker}
if (RegResForm.value.waveRecord == null) {
RegResForm2.value.waveRecord = -1 RegResForm2.value.waveRecord = -1
} }
await updateRegRes(RegResForm2.value); await updateRegRes(RegResForm2.value);
ElMessage.success({ message: `保存配置成功!` }) ElMessage.success({message: `保存配置成功!`})
} }
}) })
}
})
} catch (err) { } catch (err) {
console.error('验证过程中出现错误', err) console.error('验证过程中出现错误', err)
} }
} }
</script> </script>
<style scoped> <style scoped>
.dialog-footer { .dialog-footer {
float: right; float: right;
} }
</style> </style>

View File

@@ -1,16 +1,16 @@
<template> <template>
<el-dialog v-model="dialogVisible" :title="dialogTitle" <el-dialog v-model="dialogVisible" :title="dialogTitle"
v-bind="dialogSmall" @close="close"> v-bind="dialogSmall" @close="close" align-center>
<div> <div>
<el-form :model="formContent" ref="dialogFormRef" :rules="rules"> <el-form :model="formContent" ref="dialogFormRef" :rules="rules">
<el-form-item label="字典类型" :label-width="100"> <el-form-item label="字典类型" :label-width="100">
<el-input :value="dictTypeName" disabled/> <el-input :value="dictTypeName" disabled/>
</el-form-item> </el-form-item>
<el-form-item label="名称" :label-width="100" prop="name"> <el-form-item label="名称" :label-width="100" prop="name">
<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>
<el-form-item label="编码" :label-width="100" prop="code"> <el-form-item label="编码" :label-width="100" prop="code">
<el-input v-model="formContent.code" placeholder="请输入" autocomplete="off"/> <el-input v-model="formContent.code" placeholder="请输入" autocomplete="off" maxlength="32" show-word-limit/>
</el-form-item> </el-form-item>
<el-form-item label="开启值描述" :label-width="100" > <el-form-item label="开启值描述" :label-width="100" >
<el-radio-group v-model="formContent.openValue" @change="handleOpenValueChange"> <el-radio-group v-model="formContent.openValue" @change="handleOpenValueChange">

View File

@@ -1,5 +1,5 @@
<template> <template>
<el-dialog v-model='dialogVisible' :title='dialogTitle' v-bind="dialogBig" @close="close"> <el-dialog v-model='dialogVisible' :title='dialogTitle' v-bind="dialogBig" @close="close" align-center>
<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-three">
<el-divider>基础数据</el-divider> <el-divider>基础数据</el-divider>
<el-form-item label='数据模型' prop='dataType'> <el-form-item label='数据模型' prop='dataType'>
@@ -13,7 +13,7 @@
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label='指标名称' prop='name'> <el-form-item label='指标名称' prop='name'>
<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>
<el-form-item label='相别' prop='phase'> <el-form-item label='相别' prop='phase'>
<el-select v-model="formContent.phase" clearable placeholder="请选择相别"> <el-select v-model="formContent.phase" clearable placeholder="请选择相别">

View File

@@ -1,14 +1,14 @@
<template> <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>
<el-form :model='formContent' ref='dialogFormRef' :rules='rules' > <el-form :model='formContent' ref='dialogFormRef' :rules='rules' >
<el-form-item label='字典名称' :label-width='100' prop='name'> <el-form-item label='字典名称' :label-width='100' prop='name'>
<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>
<el-form-item label='排序' :label-width='100'> <el-form-item label='排序' :label-width='100'>
<el-input-number v-model='formContent.sort' :min='1' :max='999' /> <el-input-number v-model='formContent.sort' :min='1' :max='999' />
</el-form-item> </el-form-item>
<el-form-item label='编码' :label-width='100' prop='code'> <el-form-item label='编码' :label-width='100' prop='code'>
<el-input v-model='formContent.code' placeholder='请输入字典编码' autocomplete='off' /> <el-input v-model='formContent.code' placeholder='请输入字典编码' autocomplete='off' maxlength="32" show-word-limit/>
</el-form-item> </el-form-item>
<el-form-item label='描述' :label-width='100' prop='remark'> <el-form-item label='描述' :label-width='100' prop='remark'>
<el-input v-model='formContent.remark' placeholder='请输入字典描述' autocomplete='off' :rows="2" <el-input v-model='formContent.remark' placeholder='请输入字典描述' autocomplete='off' :rows="2"

View File

@@ -1,12 +1,12 @@
<template> <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> <div>
<el-form :model='formContent' ref='dialogFormRef' :rules='rules'> <el-form :model='formContent' ref='dialogFormRef' :rules='rules'>
<el-form-item label='类型名称' :label-width='100' prop='name'> <el-form-item label='类型名称' :label-width='100' prop='name'>
<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>
<el-form-item label='类型编码' :label-width='100' prop='code'> <el-form-item label='类型编码' :label-width='100' prop='code'>
<el-input v-model='formContent.code' placeholder='请输入' autocomplete='off' /> <el-input v-model='formContent.code' placeholder='请输入' autocomplete='off' maxlength="32" show-word-limit/>
</el-form-item> </el-form-item>
<el-form-item label="开启等级" :label-width="100" v-if="false"> <el-form-item label="开启等级" :label-width="100" v-if="false">
<el-radio-group v-model="formContent.openLevel" > <el-radio-group v-model="formContent.openLevel" >

View File

@@ -1,11 +1,12 @@
<template> <template>
<el-dialog :title="dialogTitle" v-model="dialogVisible" @close="close" v-bind="dialogSmall"> <el-dialog :title="dialogTitle" v-model="dialogVisible" @close="close" v-bind="dialogSmall" align-center>
<el-form ref="dialogFormRef" :model="formContent" :rules="rules" style="height: 330px; overflow: hidden;" > <div>
<el-form ref="dialogFormRef" :model="formContent" :rules="rules">
<el-form-item label="名称" prop="name"> <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>
<el-form-item label="版本号" prop="version"> <el-form-item label="版本号" prop="version">
<el-input v-model="formContent.version" placeholder="请输入版本号" /> <el-input v-model="formContent.version" placeholder="请输入版本号" maxlength="32" show-word-limit/>
</el-form-item> </el-form-item>
<el-form-item label="基础模板文件" prop="baseFile"> <el-form-item label="基础模板文件" prop="baseFile">
<el-upload <el-upload
@@ -17,6 +18,7 @@
:on-exceed="BaseHandleExceed" :on-exceed="BaseHandleExceed"
:on-remove="BaseHandleRemove" :on-remove="BaseHandleRemove"
style="width: 100% !important;" style="width: 100% !important;"
accept=".docx"
class="upload-container" class="upload-container"
> >
<el-button type="primary">选择文件</el-button> <el-button type="primary">选择文件</el-button>
@@ -33,6 +35,7 @@
:on-exceed="DataHandleExceed" :on-exceed="DataHandleExceed"
:on-remove="DataHandleRemove" :on-remove="DataHandleRemove"
style="width: 100% !important;" style="width: 100% !important;"
accept=".docx"
class="upload-container" class="upload-container"
> >
<el-button type="primary">选择文件</el-button> <el-button type="primary">选择文件</el-button>
@@ -40,9 +43,10 @@
仅支持上传大小不超过5MB的.docx文件 仅支持上传大小不超过5MB的.docx文件
</el-form-item> </el-form-item>
<el-form-item label="描述信息" prop="description"> <el-form-item label="描述信息" prop="description">
<el-input v-model="formContent.description" type="textarea" placeholder="请输入描述信息" /> <el-input v-model="formContent.description" type="textarea" placeholder="请输入描述信息"/>
</el-form-item> </el-form-item>
</el-form> </el-form>
</div>
<template #footer> <template #footer>
<div> <div>
<el-button @click="close()"> </el-button> <el-button @click="close()"> </el-button>
@@ -53,11 +57,11 @@
</template> </template>
<script setup lang="ts"> <script setup lang="ts">
import { dialogSmall } from '@/utils/elementBind' import {dialogSmall} from '@/utils/elementBind'
import { type PqReport } from '@/api/device/interface/report' import {type PqReport} from '@/api/device/interface/report'
import { ElMessage, UploadFile } from 'element-plus' import {ElMessage, UploadFile} from 'element-plus'
import { updatePqReport, addPqReport, getPqReportById } from '@/api/device/report' import {addPqReport, getPqReportById, updatePqReport} from '@/api/device/report'
import { computed, reactive, ref } from 'vue' import {computed, reactive, ref} from 'vue'
// 定义弹出组件元信息 // 定义弹出组件元信息
const dialogFormRef = ref() const dialogFormRef = ref()
@@ -70,14 +74,14 @@ const detailFileUrl = ref('')
const baseFileList = computed(() => { const baseFileList = computed(() => {
if (baseFileName.value && baseFileUrl.value) { if (baseFileName.value && baseFileUrl.value) {
return [{ name: baseFileName.value, url: baseFileUrl.value }]; return [{name: baseFileName.value, url: baseFileUrl.value}];
} }
return []; return [];
}); });
const detailFileList = computed(() => { const detailFileList = computed(() => {
if (detailFileName.value && detailFileUrl.value) { if (detailFileName.value && detailFileUrl.value) {
return [{ name: detailFileName.value, url: detailFileUrl.value }]; return [{name: detailFileName.value, url: detailFileUrl.value}];
} }
return []; return [];
}); });
@@ -90,14 +94,14 @@ function useMetaInfo() {
name: '', name: '',
version: '', // 版本号 version: '', // 版本号
description: '', // 描述信息 description: '', // 描述信息
detailFile:'',//检测项模版文件路径 detailFile: '',//检测项模版文件路径
baseFile:'', baseFile: '',
state: 1, state: 1,
}) })
return { dialogVisible, titleType, formContent } return {dialogVisible, titleType, formContent}
} }
const { dialogVisible, titleType, formContent } = useMetaInfo() const {dialogVisible, titleType, formContent} = useMetaInfo()
// 清空formContent // 清空formContent
const resetFormContent = () => { const resetFormContent = () => {
@@ -106,8 +110,8 @@ const resetFormContent = () => {
name: '', name: '',
version: '', // 版本号 version: '', // 版本号
description: '', // 描述信息 description: '', // 描述信息
detailFile:'',//检测项模版文件路径 detailFile: '',//检测项模版文件路径
baseFile:'', baseFile: '',
state: 1, state: 1,
} }
@@ -127,10 +131,10 @@ const close = () => {
// 表单验证规则 // 表单验证规则
const rules = reactive({ const rules = reactive({
name: [{ required: true, message: '请输入报告名称', trigger: 'blur' }], name: [{required: true, message: '请输入报告名称', trigger: 'blur'}],
version: [{ required: true, message: '请输入版本号', trigger: 'blur' }], version: [{required: true, message: '请输入版本号', trigger: 'blur'}],
baseFile: [{ required: true, message: '请上传基础模板文件', trigger: 'change' }], baseFile: [{required: true, message: '请上传基础模板文件', trigger: 'change'}],
detailFile: [{ required: true, message: '请上传检测项模版文件', trigger: 'change' }], detailFile: [{required: true, message: '请上传检测项模版文件', trigger: 'change'}],
}) })
// 保存数据 // 保存数据
@@ -147,14 +151,19 @@ const save = () => {
excelFormData.append('name', formContent.value.name) excelFormData.append('name', formContent.value.name)
excelFormData.append('version', formContent.value.version) excelFormData.append('version', formContent.value.version)
excelFormData.append('description', formContent.value.description) excelFormData.append('description', formContent.value.description)
let baseFileFlag = handleFileLimit(excelFormData.get('baseFile') as File)
let detailFileFlag = handleFileLimit(excelFormData.get('detailFile') as File)
if (!baseFileFlag || !detailFileFlag) {
return
}
if (formContent.value.id) { if (formContent.value.id) {
excelFormData.append('id', formContent.value.id) excelFormData.append('id', formContent.value.id)
await updatePqReport(excelFormData); await updatePqReport(excelFormData);
ElMessage.success({ message: `${dialogTitle.value}成功!` }) ElMessage.success({message: `${dialogTitle.value}成功!`})
} else { } else {
await addPqReport(excelFormData); await addPqReport(excelFormData);
ElMessage.success({ message: `${dialogTitle.value}成功!` }) ElMessage.success({message: `${dialogTitle.value}成功!`})
} }
@@ -183,14 +192,14 @@ const open = async (sign: string, data?: PqReport.ResReport) => {
// 处理文件信息 // 处理文件信息
if (res.data.baseFileVO) { if (res.data.baseFileVO) {
baseFileName.value= res.data.baseFileVO.name; baseFileName.value = res.data.baseFileVO.name;
baseFileUrl.value= res.data.baseFileVO.url; baseFileUrl.value = res.data.baseFileVO.url;
formContent.value.baseFile = res.data.baseFileVO.name formContent.value.baseFile = res.data.baseFileVO.name
} }
if (res.data.detailFileVO) { if (res.data.detailFileVO) {
detailFileName.value= res.data.detailFileVO.name; detailFileName.value = res.data.detailFileVO.name;
detailFileUrl.value= res.data.detailFileVO.url; detailFileUrl.value = res.data.detailFileVO.url;
formContent.value.detailFile = res.data.detailFileVO.name formContent.value.detailFile = res.data.detailFileVO.name
} }
@@ -198,7 +207,7 @@ const open = async (sign: string, data?: PqReport.ResReport) => {
}) })
} else { } else {
baseFileName.value ='' baseFileName.value = ''
baseFileUrl.value = '' baseFileUrl.value = ''
detailFileName.value = '' detailFileName.value = ''
detailFileUrl.value = '' detailFileUrl.value = ''
@@ -250,7 +259,7 @@ const DataHandleExceed = (files: File[]) => {
}; };
const BaseHandleChange = async(param : UploadFile) => { const BaseHandleChange = async (param: UploadFile) => {
baseFileName.value = param.name; baseFileName.value = param.name;
baseFileUrl.value = URL.createObjectURL(param.raw as Blob); baseFileUrl.value = URL.createObjectURL(param.raw as Blob);
excelFormData.append('baseFile', param.raw as Blob, param.name); excelFormData.append('baseFile', param.raw as Blob, param.name);
@@ -258,7 +267,7 @@ const BaseHandleChange = async(param : UploadFile) => {
formContent.value.baseFile = param.name; formContent.value.baseFile = param.name;
}; };
const DataHandleChange = async(param: UploadFile) => { const DataHandleChange = async (param: UploadFile) => {
detailFileName.value = param.name; detailFileName.value = param.name;
detailFileUrl.value = URL.createObjectURL(param.raw as Blob); detailFileUrl.value = URL.createObjectURL(param.raw as Blob);
excelFormData.append('detailFile', param.raw as Blob, param.name); excelFormData.append('detailFile', param.raw as Blob, param.name);
@@ -266,10 +275,23 @@ const DataHandleChange = async(param: UploadFile) => {
formContent.value.detailFile = param.name; formContent.value.detailFile = param.name;
}; };
const fileSizeLimit = 5 * 1024 * 1024; // 5MB
const handleFileLimit = (file: File) => {
if (file) {
if (file.size > fileSizeLimit) {
ElMessage.error({message: `文件大小不能超过${fileSizeLimit / 1024 / 1024}MB`});
return false;
} else {
return true;
}
}
return true;
}
// 对外映射 // 对外映射
defineExpose({ open }) defineExpose({open})
const props = defineProps<{ const props = defineProps<{
refreshTable: (() => Promise<void>) | undefined refreshTable: (() => Promise<void>) | undefined
}>() }>()
@@ -279,7 +301,4 @@ const props = defineProps<{
display: flex; display: flex;
align-items: center; align-items: center;
} }
</style> </style>

View File

@@ -84,6 +84,11 @@
return scope.row.detailFileVO.url return scope.row.detailFileVO.url
} }
}, },
{
prop:'description',
label: '描述',
minWidth: 150
},
{ {
prop: 'createTime', prop: 'createTime',
label: '创建时间', label: '创建时间',