117 Commits

Author SHA1 Message Date
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
caozehui
e1a740f8bf 文件大小提示 2025-03-31 18:54:13 +08:00
caozehui
56d035253b 微调 2025-03-31 13:22:57 +08:00
caozehui
e7348107d0 解决forge库在桌面端无法使用的问题 2025-03-28 09:38:59 +08:00
caozehui
ea38b4eb21 微调 2025-03-28 09:31:46 +08:00
GGJ
67ef976739 Merge branch 'master' of http://192.168.1.22:3000/frontend/pqs-9100_client 2025-03-27 18:34:51 +08:00
GGJ
60145ec4f7 修改参考设定值添加单位 2025-03-27 18:34:40 +08:00
caozehui
81600ddc69 引入获取是否自动生成报告接口 2025-03-27 16:20:16 +08:00
caozehui
e0941d628b 引入获取是否自动生成报告接口 2025-03-27 15:54:27 +08:00
caozehui
760dcbf723 微调 2025-03-27 14:59:01 +08:00
caozehui
b75ecb8c66 微调 2025-03-26 15:42:40 +08:00
caozehui
39f4cfa670 微调 2025-03-25 15:49:32 +08:00
caozehui
862251b83c 微调 2025-03-25 15:08:25 +08:00
caozehui
312490ce59 微调 2025-03-24 19:56:11 +08:00
caozehui
d7df999cf2 登录接口加密传输登录信息 2025-03-24 19:22:56 +08:00
caozehui
e0b1b5907b 微调 2025-03-24 15:41:53 +08:00
sjl
f06ca03881 微调 2025-03-24 14:59:45 +08:00
caozehui
a9b80ed33c 微调 2025-03-24 10:46:16 +08:00
sjl
834230b26a 报告模版 2025-03-24 08:56:08 +08:00
caozehui
403ddbfb6e 微调 2025-03-20 19:42:46 +08:00
caozehui
ffb44ea909 微调 2025-03-20 16:31:15 +08:00
sjl
b729e4efa1 微调 2025-03-19 13:30:11 +08:00
sjl
962c286fd5 主题切换 2025-03-19 10:26:41 +08:00
caozehui
c215f51554 微调 2025-03-18 19:38:27 +08:00
GGJ
859c85b427 检测脚本添加 额定电压 额定电流字段 2025-03-18 16:28:22 +08:00
sjl
5fe637e84f 微调 2025-03-17 16:03:53 +08:00
sjl
5f68071c77 微调颜色 2025-03-17 15:55:30 +08:00
caozehui
1675a5af31 微调 2025-03-17 14:33:19 +08:00
caozehui
ec1d09dbd0 微调 2025-03-17 13:30:00 +08:00
caozehui
eda7b516f6 微调 2025-03-17 13:24:35 +08:00
sjl
630eb48d28 微调 2025-03-17 13:17:12 +08:00
caozehui
0d2f8a7788 微调 2025-03-14 16:30:45 +08:00
GGJ
230c68f454 修改他不删除后编辑检测监本还存在问题 2025-03-14 16:23:27 +08:00
GGJ
68934060e6 修改参考设定值0不显示 2025-03-14 16:10:00 +08:00
GGJ
846e7514b7 Merge branch 'master' of http://192.168.1.22:3000/frontend/pqs-9100_client 2025-03-14 15:03:45 +08:00
GGJ
410cfb0f7a 检测脚本添加额定电压、额定电流 修改bug 2025-03-14 15:03:36 +08:00
caozehui
c892410b07 微调 2025-03-14 14:45:39 +08:00
sjl
7caa4a5303 微调 2025-03-14 12:27:04 +08:00
sjl
c17efbf9f6 微调 2025-03-14 12:13:34 +08:00
c46abeecf5 websocket代码提交 2025-03-14 11:35:55 +08:00
caozehui
0947097932 微调 2025-03-14 11:23:49 +08:00
caozehui
50fc02d4eb 微调 2025-03-13 14:40:33 +08:00
caozehui
a122e9e1b3 微调 2025-03-12 15:01:58 +08:00
103 changed files with 5805 additions and 3819 deletions

View File

@@ -26,6 +26,7 @@
"md5": "^2.3.0", "md5": "^2.3.0",
"mitt": "^3.0.1", "mitt": "^3.0.1",
"mkdirp": "^3.0.1", "mkdirp": "^3.0.1",
"node-forge": "^1.3.1",
"nprogress": "^0.2.0", "nprogress": "^0.2.0",
"pinia": "^2.2.1", "pinia": "^2.2.1",
"pinia-plugin-persistedstate": "^3.2.1", "pinia-plugin-persistedstate": "^3.2.1",
@@ -45,6 +46,7 @@
"@types/html2canvas": "^1.0.0", "@types/html2canvas": "^1.0.0",
"@types/md5": "^2.3.2", "@types/md5": "^2.3.2",
"@types/node": "^20.14.14", "@types/node": "^20.14.14",
"@types/node-forge": "^1.3.11",
"@types/nprogress": "^0.2.0", "@types/nprogress": "^0.2.0",
"@types/qs": "^6.9.8", "@types/qs": "^6.9.8",
"@types/sortablejs": "^1.15.2", "@types/sortablejs": "^1.15.2",
@@ -74,7 +76,7 @@
"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",
"vite-plugin-node-polyfills": "^0.22.0", "vite-plugin-node-polyfills": "^0.23.0",
"vite-plugin-pwa": "^0.16.5", "vite-plugin-pwa": "^0.16.5",
"vite-plugin-svg-icons": "^2.0.1", "vite-plugin-svg-icons": "^2.0.1",
"vue-tsc": "^2.0.21" "vue-tsc": "^2.0.21"

View File

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

View File

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

View File

@@ -1,4 +1,4 @@
import type { Device } from '@/api/device/interface/device' import type {Device} from '@/api/device/interface/device'
import http from '@/api' import http from '@/api'
/** /**
@@ -7,57 +7,60 @@ import http from '@/api'
//获取被检设备 //获取被检设备
export const getPqDevList = (params: Device.ReqPqDevParams) => { export const getPqDevList = (params: Device.ReqPqDevParams) => {
return http.post(`/pqDev/list`, params) return http.post(`/pqDev/list`, params)
} }
//添加被检设备 //添加被检设备
export const addPqDev = (params: Device.ResPqDev) => { export const addPqDev = (params: Device.ResPqDev) => {
return http.post(`/pqDev/add`, params) return http.post(`/pqDev/add`, params)
} }
//编辑被检设备 //编辑被检设备
export const updatePqDev = (params: Device.ResPqDev) => { export const updatePqDev = (params: Device.ResPqDev) => {
return http.post(`/pqDev/update`, params) return http.post(`/pqDev/update`, params)
} }
//删除被检设备 //删除被检设备
export const deletePqDev = (params: string[]) => { export const deletePqDev = (params: string[]) => {
return http.post(`/pqDev/delete`, params) return http.post(`/pqDev/delete`, params)
} }
// export const downloadTemplate = () => { //导出被检设备
// return http.download(`/pqDev/downloadTemplate`) export const exportPqDev = (params: Device.ReqPqDevParams) => {
return http.download(`/pqDev/export`, params)
}
// 下载导入文件模板
export const downloadTemplate = () => {
return http.download(`/pqDev/downloadTemplate`)
}
//导入被检设备
export const importPqDev = (params: Device.ReqPqDevParams) => {
return http.uploadExcel(`/pqDev/import`, params)
}
//导入比对式被检设备
export const importContrastPqDev = (params: Device.ReqPqDevParams) => {
return http.upload(`/pqDev/importContrast`, params)
}
// //导出灿能二楼设备
// export const exportCNDev = (params: Device.ReqPqDevParams) => {
// return http.download(`/pqDev/exportCNDev`, params)
// }
//
// // 下载灿能二楼设备导入文件模板
// export const downloadCNDevTemplate = () => {
// return http.download(`/pqDev/downloadCNDevTemplate`)
// }
//
// //导入灿能二楼设备
// export const importCNDev = (params: Device.ReqPqDevParams) => {
// return http.uploadExcel(`/pqDev/importCNDev`, params)
// } // }
// //导入被检设备(比对)
// export const importPqDev=(params: Device.ReqPqDevParams)=>{
// return http.upload(`/pqDev/import`, params)
// }
// //导入比对式被检设备
// export const importContrastPqDev=(params: Device.ReqPqDevParams)=>{
// return http.upload(`/pqDev/importContrast`, params)
// }
//导出灿能二楼设备
export const exportCNDev = (params: Device.ReqPqDevParams) => {
return http.download(`/pqDev/exportCNDev`, params)
}
// 下载灿能二楼设备导入文件模板
export const downloadCNDevTemplate = () => {
return http.download(`/pqDev/downloadCNDevTemplate`)
}
//导入灿能二楼设备
export const importCNDev = (params: Device.ReqPqDevParams) => {
return http.uploadExcel(`/pqDev/importCNDev`, params)
}
//根据设备类型决定电源、icd、模板、通道数、额定电压、额定电流 //根据设备类型决定电源、icd、模板、通道数、额定电压、额定电流
export const getPqDev = () => { export const getPqDev = () => {
return http.get(`/devType/listAll`) return http.get(`/devType/listAll`)
}
//被检设备归档
export const documentedPqDev = (ids: string[]) => {
return http.post(`/pqDev/documented`, ids)
} }

View File

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

View File

@@ -1,30 +1,33 @@
import type { ReqPage,ResPage } from '@/api/interface' import type {ReqPage, ResPage} from '@/api/interface'
// 被检设备模块 // 被检设备模块
export namespace Device { export namespace Device {
/** /**
* 被检设备表格分页查询参数 * 被检设备表格分页查询参数
*/ */
export interface ReqPqDevParams extends ReqPage{ export interface ReqPqDevParams extends ReqPage {
id: string; // 装置序号id 必填 id: string; // 装置序号id 必填
name: string; //设备名称 name: string; //设备名称
devType?: string; // 设备名称 devType?: string; // 设备名称
createTime?:string; //创建时间 createTime?: string; //创建时间
pattern:string; pattern: string;
} }
/**
* 被检设备表格分页查询参数
*/
export interface ReqDevReportParams extends ReqPage{
planId?:string; // 计划id
devId?:string; // 装置id
}
/** /**
* 被检设备新增、修改、根据id查询返回的对象 * 被检设备表格分页查询参数
*/ */
export interface ReqDevReportParams extends ReqPage {
planId?: string; // 计划id
devId?: string; // 装置id
scriptId?: string; // 脚本id
planCode?: string;
devIdList?: string[]; // 装置id列表
}
/**
* 被检设备新增、修改、根据id查询返回的对象
*/
export interface ResPqDev { export interface ResPqDev {
id: string; //装置序号ID id: string; //装置序号ID
name: string; //设备名称 name: string; //设备名称
@@ -38,54 +41,57 @@ export namespace Device {
createId: string; //出厂编号 createId: string; //出厂编号
hardwareVersion: string; //固件版本 hardwareVersion: string; //固件版本
softwareVersion: string; //软件版本 softwareVersion: string; //软件版本
protocol:string; //通讯协议 protocol: string; //通讯协议
ip: string; //IP地址 ip: string; //IP地址
port: number; //端口号 port: number; //端口号
encryptionFlag: number; //装置是否为加密版本 encryptionFlag: number; //装置是否为加密版本
series?: string| null; //装置识别码3ds加密 series?: string | null; //装置识别码3ds加密
devKey?: string| null; //装置秘钥3ds加密 devKey?: string | null; //装置秘钥3ds加密
sampleID?: string| null; //样品编号 sampleId?: string | null; //样品编号
arrivedDate?: string; //送样日期 arrivedDate?: string; //送样日期
cityName?: string| null; //所属地市名称 cityName?: string | null; //所属地市名称
gDName?: string| null; //所属供电公司名称 gDName?: string | null; //所属供电公司名称
subName?: string| null; //所属电站名称 subName?: string | null; //所属电站名称
checkState?: number| null; //检测状态 checkState?: number | null; //检测状态
checkResult?: number| null; //检测结果 checkResult?: number | null; //检测结果
reportState?: number| null; //报告状态 reportState?: number | null; //报告状态
reportPath?: string| null; //报告路径 reportPath?: string | null; //报告路径
qRCode?: string| null; //设备关键信息二维码 qRCode?: string | null; //设备关键信息二维码
reCheckNum: number; //复检次数 reCheckNum: number; //复检次数
planId?:string;//检测计划Id planId?: string;//检测计划Id
timeCheckResult?:number;//守时检测结果(0:不符合1:符合) timeCheckResult?: number;//守时检测结果(0:不符合1:符合)
factorFlag?:number;//是否支持系数校准(0:不支持,1:支持) factorFlag?: number;//是否支持系数校准(0:不支持,1:支持)
factorCheckResult?: number;//系数校准结果(0:不合格1:合格2/表示没有做系数校准) factorCheckResult?: number;//系数校准结果(0:不合格1:合格2/表示没有做系数校准)
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; //更新时间
icdId: string| null; icdId: string | null;
power: string| null;//工作电源 power: string | null;//工作电源
preinvestmentPlan: string| null; preinvestmentPlan: string | null;
delegate: string | null; //委托方
} }
export interface ResDev{ export interface ResDev {
id: string; id: string;
name: string , name: string,
icd:string , icd: string,
power:string, power: string,
devVolt:number, devVolt: number,
devCurr:number, devCurr: number,
devChns:number, devChns: number,
} }
export interface ResTH {
temperature :number | null;//温度
humidity:number | null;//湿度
}
/**
* 被检设备表格查询分页返回的对象;
*/
export interface ResPqDevPage extends ResPage<ResPqDev> {
}
/** }
* 被检设备表格查询分页返回的对象;
*/
export interface ResPqDevPage extends ResPage<ResPqDev> {
}
}

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

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

View File

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

View File

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

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
@@ -84,12 +85,13 @@ class RequestHttp {
} }
} }
// 登陆失效 // 登陆失效
if (data.code == ResultEnum.OVERDUE) { if (data.code === ResultEnum.OVERDUE) {
console.log("登陆失效") console.log("登陆失效")
userStore.setAccessToken('') userStore.setAccessToken('')
userStore.setRefreshToken('') userStore.setRefreshToken('')
userStore.setIsRefreshToken(false) userStore.setIsRefreshToken(false)
userStore.setUserInfo({ 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

@@ -22,6 +22,11 @@ export namespace Plan {
createTime?:string; //创建时间 createTime?:string; //创建时间
updateBy?:string; //更新用户 updateBy?:string; //更新用户
updateTime?:string; //更新时间 updateTime?:string; //更新时间
associateReport:number;//是否关联报告模板 0否 1是
reportTemplateName:string;
reportTemplateVersion:string;
dataRule:string //数据处理原则
} }
// 检测计划 + 分页 // 检测计划 + 分页

View File

@@ -63,17 +63,17 @@ export const getPlanListByPattern = (params: Plan.ReqPlan) => {
} }
// 导出检测计划 // 导出检测计划
export const exportCNPlan = (params: Device.ReqPqDevParams) => { export const exportPlan = (params: Device.ReqPqDevParams) => {
return http.download(`/adPlan/exportCNPlan`, params) return http.download(`/adPlan/export`, params)
} }
// 下载模板 // 下载模板
export const downloadCNPlanTemplate = () => { export const downloadTemplate = (params: { patternId: string }) => {
return http.download(`/adPlan/downloadCNPlanTemplate`) return http.download(`/adPlan/downloadTemplate`, params)
} }
// 导入检测计划 // 导入检测计划
export const importCNPlan = (params: Device.ReqPqDevParams) => { export const importPlan = (params: Device.ReqPqDevParams) => {
return http.uploadExcel(`/adPlan/importCNPlan`, params) return http.uploadExcel(`/adPlan/import`, params)
} }
// 装置检测报告生成 // 装置检测报告生成

View File

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

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

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

View File

@@ -1,40 +1,59 @@
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'
import type { Dict } from '@/api/interface' import type {Dict} from '@/api/interface'
/** /**
* @name 登录模块 * @name 登录模块
*/ */
// 用户登录 // 用户登录
export const loginApi = (params: Login.ReqLoginForm) => { export const loginApi = (params: { username: string; password: string}) => {
return http.post<Login.ResLogin>(`${rePrefix}/login`, params, { loading: false }) return http.post<Login.ResLogin>(`${rePrefix}/login`, params, {loading: false})
// return http.post<Login.ResLogin>(`/Register1`, params, { loading: false }) // return http.post<Login.ResLogin>(`/Register1`, params, { loading: false })
} }
// 获取菜单列表 // 获取菜单列表
export const getAuthMenuListApi = () => { export const getAuthMenuListApi = () => {
return http.get<Menu.MenuOptions[]>(`/sysFunction/getMenu`, {}, { loading: false }) return http.get<Menu.MenuOptions[]>(`/sysFunction/getMenu`, {}, {loading: false})
// return http.post<Menu.MenuOptions[]>(`/Register2`, {}, { loading: false }) // return http.post<Menu.MenuOptions[]>(`/Register2`, {}, { loading: false })
} }
// 获取按钮权限 // 获取按钮权限
export const getAuthButtonListApi = () => { export const getAuthButtonListApi = () => {
return http.get<Login.ResAuthButtons>(`/sysFunction/getButton`, {}, { loading: false }) return http.get<Login.ResAuthButtons>(`/sysFunction/getButton`, {}, {loading: false})
// return http.post<Login.ResAuthButtons>(`/Register3`, {}, { loading: false }) // return http.post<Login.ResAuthButtons>(`/Register3`, {}, { loading: false })
} }
// 用户退出登录 // 用户退出登录
export const logoutApi = () => { export const logoutApi = () => {
return http.post(`${rePrefix}/logout`) return http.post(`${rePrefix}/logout`)
} }
//获取下拉框列表 //获取下拉框列表
export const getDictList = () =>{ export const getDictList = () => {
return http.get<Dict>('/dictData/dictDataCache') return http.get<Dict>('/dictData/dictDataCache')
} }
//token刷新 //token刷新
export const refreshToken = () => { export const refreshToken = () => {
return http.get<Login.ResLogin>(`${rePrefix}/refreshToken`, return http.get<Login.ResLogin>(`${rePrefix}/refreshToken`,
{}, {},
{ loading: false } {loading: false}
) )
} }
//获取场景
export const getCurrentScene = () => {
return http.get('/sysTestConfig/getCurrentScene', {}, {loading: false})
}
/**
* 获取RSA公钥
*/
export const getPublicKey = (username: string) => {
return http.get(`/admin/getPublicKey?username=${username}`, {}, {loading: false})
}
/**
* 获取是否在检测中自动生成报告
*/
export const getAutoGenerate = () => {
return http.get('/sysTestConfig/getAutoGenerate', {}, {loading: false})
}

View File

@@ -77,7 +77,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}模板`, {'patternId':parameter.value.patternId}, false)
} }
// 文件上传 // 文件上传

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

@@ -25,12 +25,12 @@
>数字式模块</el-dropdown-item >数字式模块</el-dropdown-item
> >
<el-dropdown-item @click="handelOpen('比对式')" <el-dropdown-item @click="handelOpen('比对式')"
>比对式模块</el-dropdown-item disabled>比对式模块</el-dropdown-item
> >
</el-dropdown-menu> </el-dropdown-menu>
</template> </template>
</el-dropdown> </el-dropdown>
<p style="margin: 0;"> <p style="margin: 0;" >
<a href="http://www.shining-electric.com/" target="_blank"> <a href="http://www.shining-electric.com/" target="_blank">
2024 © 南京灿能电力自动化股份有限公司 2024 © 南京灿能电力自动化股份有限公司
</a> </a>
@@ -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) => {
@@ -117,10 +104,11 @@ const handelOpen = async (item: string) => {
position: absolute; position: absolute;
width: 100%; width: 100%;
height: 100%; height: 100%;
text-align: center; text-align: right;
line-height: 40px; line-height: 40px;
a { a {
color: #fff; color: #fff;
margin-right: 25px; // 增加右边距
} }
} }
} }

View File

@@ -18,18 +18,42 @@
</div> </div>
<template #dropdown> <template #dropdown>
<el-dropdown-menu> <el-dropdown-menu>
<el-dropdown-item @click="openDialog('themeRef')">
<el-icon><Sunny /></el-icon>{{ t("header.changeTheme") }}
</el-dropdown-item>
<el-dropdown-item @click="openDialog('infoRef')"> <el-dropdown-item @click="openDialog('infoRef')">
<el-icon><User /></el-icon>{{ $t("header.personalData") }} <el-icon><User /></el-icon>{{ t("header.personalData") }}
</el-dropdown-item> </el-dropdown-item>
<el-dropdown-item @click="openDialog('passwordRef')"> <el-dropdown-item @click="openDialog('passwordRef')">
<el-icon><Edit /></el-icon>{{ $t("header.changePassword") }} <el-icon><Edit /></el-icon>{{ t("header.changePassword") }}
</el-dropdown-item> </el-dropdown-item>
<el-dropdown-item @click="changeMode"> <el-dropdown-item @click="changeMode">
<el-icon><Edit /></el-icon>{{ $t("header.changeMode") }} <el-icon><Switch /></el-icon>{{ t("header.changeMode") }}
</el-dropdown-item> </el-dropdown-item>
<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?? '')"
>
{{ item.name }}
</el-dropdown-item>
</el-dropdown-menu>
</template>
</el-dropdown>
</el-dropdown-menu> </el-dropdown-menu>
</template> </template>
</el-dropdown> </el-dropdown>
@@ -42,6 +66,9 @@
<PasswordDialog ref="passwordRef"></PasswordDialog> <PasswordDialog ref="passwordRef"></PasswordDialog>
<!-- versionRegisterDialog --> <!-- versionRegisterDialog -->
<VersionDialog ref="versionRegisterRef"></VersionDialog> <VersionDialog ref="versionRegisterRef"></VersionDialog>
<!-- ThemeDialog -->
<ThemeDialog ref="themeRef"></ThemeDialog>
</template> </template>
<script setup lang="ts"> <script setup lang="ts">
@@ -50,12 +77,13 @@ import { LOGIN_URL } from "@/config";
import { useRouter } from "vue-router"; import { useRouter } from "vue-router";
import { logoutApi } from "@/api/user/login"; import { logoutApi } from "@/api/user/login";
import { useUserStore } from "@/stores/modules/user"; import { useUserStore } from "@/stores/modules/user";
import { ElMessageBox, ElMessage } from "element-plus"; import { ElMessageBox, ElMessage, CHANGE_EVENT } from "element-plus";
import InfoDialog from "./InfoDialog.vue"; import InfoDialog from "./InfoDialog.vue";
import PasswordDialog from "./PasswordDialog.vue"; import PasswordDialog from "./PasswordDialog.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 } 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";
@@ -68,10 +96,21 @@ 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 { useI18n } from "vue-i18n";
import {updateScene} from '@/api/system/base/index'
const { changePrimary} = useTheme();
// 初始化 i18n
const { t } = useI18n(); // 使用 t 方法替代 $t
// 退出登录 // 退出登录
const logout = () => { const logout = () => {
ElMessageBox.confirm("您是否确认退出登录?", "温馨提示", { ElMessageBox.confirm("您是否确认退出登录?", "温馨提示", {
@@ -84,7 +123,8 @@ const logout = () => {
// 2.清除 Token // 2.清除 Token
userStore.setAccessToken(""); userStore.setAccessToken("");
userStore.setRefreshToken(""); userStore.setRefreshToken("");
userStore.setUserInfo({name: ""}); userStore.setExp(0)
userStore.setUserInfo({id: "", name: ""});
userStore.setIsRefreshToken(false) userStore.setIsRefreshToken(false)
dictStore.setDictData([]); dictStore.setDictData([]);
modeStore.setCurrentMode(''); modeStore.setCurrentMode('');
@@ -101,12 +141,26 @@ const logout = () => {
const infoRef = ref<InstanceType<typeof InfoDialog> | null>(null); const infoRef = ref<InstanceType<typeof InfoDialog> | null>(null);
const passwordRef = ref<InstanceType<typeof PasswordDialog> | null>(null); const passwordRef = ref<InstanceType<typeof PasswordDialog> | null>(null);
const versionRegisterRef = ref<InstanceType<typeof VersionDialog> | null>(null); const versionRegisterRef = ref<InstanceType<typeof VersionDialog> | null>(null);
const themeRef = ref<InstanceType<typeof ThemeDialog> | null>(null);
const openDialog = (ref: string) => { const openDialog = (ref: string) => {
if (ref == "infoRef") infoRef.value?.openDialog(); if (ref == "infoRef") infoRef.value?.openDialog();
if (ref == "passwordRef") passwordRef.value?.openDialog(); if (ref == "passwordRef") passwordRef.value?.openDialog();
if (ref == "versionRegisterRef") versionRegisterRef.value?.openDialog(); if (ref == "versionRegisterRef") versionRegisterRef.value?.openDialog();
if (ref == "themeRef") themeRef.value?.openDialog();
}; };
const appSceneStore = useAppSceneStore();
const changeScene = async (value: string) => {
appSceneStore.setCurrentMode(value);
await updateScene({scene :dictStore.getDictData('app_scene').find(item => item.value == value)?.id});
// 强制刷新页面
window.location.reload();
};
//模式切换 //模式切换
const changeMode = () => { const changeMode = () => {
authStore.changeModel(); authStore.changeModel();
@@ -146,4 +200,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

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

View File

@@ -33,14 +33,19 @@ const handleClickMenu = (subItem: Menu.MenuOptions) => {
// color: var(--el-menu-hover-text-color) !important; // color: var(--el-menu-hover-text-color) !important;
// background-color: transparent !important; // background-color: transparent !important;
color: #fff !important;//一级导航文字选中颜色 color: #fff !important;//一级导航文字选中颜色
background-color: #5274a5 !important; //一级导航选中背景色 //background-color: #5274a5 !important; //一级导航选中背景色
background-color: var(--el-color-primary-light-3) !important;
} }
.el-menu--collapse { .el-menu--collapse {
.is-active { .is-active {
.el-sub-menu__title { .el-sub-menu__title {
color: #ffffff !important; color: #ffffff !important;
// background-color: var(--el-color-primary) !important; // background-color: var(--el-color-primary) !important;
background-color: #5274a5 !important; //background-color: #5274a5 !important;
background-color: var(--el-color-primary-light-3) !important;
border-bottom: 0 !important; border-bottom: 0 !important;
} }
} }
@@ -53,7 +58,9 @@ const handleClickMenu = (subItem: Menu.MenuOptions) => {
// color: var(--el-menu-active-color) !important; // color: var(--el-menu-active-color) !important;
// background-color: var(--el-menu-active-bg-color) !important; // background-color: var(--el-menu-active-bg-color) !important;
color: #fff !important;//一级导航文字选中颜色 color: #fff !important;//一级导航文字选中颜色
background-color: #5274a5 !important; //一级导航选中背景色 //background-color: #5274a5 !important; //一级导航选中背景色
background-color: var(--el-color-primary-light-3) !important;
&::before { &::before {
position: absolute; position: absolute;
top: 0; top: 0;

View File

@@ -1,23 +1,28 @@
<template> <template>
<div class='tabs-box'> <div class="tabs-box">
<div class='tabs-menu'> <div class="tabs-menu">
<el-tabs v-model='tabsMenuValue' type='card' @tab-click='tabClick' @tab-remove='tabRemove'> <el-tabs v-model="tabsMenuValue" type="card" @tab-click="tabClick" @tab-remove="tabRemove">
<el-tab-pane v-for='item in tabsMenuList' :key='item.path' :label='item.title' :name='item.path' <el-tab-pane
:closable='item.close'> v-for="item in tabsMenuList"
<template #label> :key="item.path"
<el-icon v-show='item.icon && tabsIcon' class='tabs-icon'> :label="item.title"
<component :is='item.icon'></component> :name="item.path"
</el-icon> :closable="item.close"
{{ item.title }} >
</template> <template #label>
</el-tab-pane> <el-icon v-show="item.icon && tabsIcon" class="tabs-icon">
</el-tabs> <component :is="item.icon"></component>
<MoreButton /> </el-icon>
{{ item.title }}
</template>
</el-tab-pane>
</el-tabs>
<MoreButton />
</div>
</div> </div>
</div>
</template> </template>
<script setup lang='ts'> <script setup lang="ts">
import Sortable from 'sortablejs' import Sortable from 'sortablejs'
import { ref, computed, watch, onMounted } from 'vue' import { ref, computed, watch, onMounted } from 'vue'
import { useRoute, useRouter } from 'vue-router' import { useRoute, useRouter } from 'vue-router'
@@ -38,79 +43,80 @@ const tabsMenuList = computed(() => tabStore.tabsMenuList)
const tabsIcon = computed(() => globalStore.tabsIcon) const tabsIcon = computed(() => globalStore.tabsIcon)
onMounted(() => { onMounted(() => {
tabsDrop() tabsDrop()
initTabs() initTabs()
}) })
// 监听路由的变化(防止浏览器后退/前进不变化 tabsMenuValue // 监听路由的变化(防止浏览器后退/前进不变化 tabsMenuValue
watch( watch(
() => route.fullPath, () => route.fullPath,
() => { () => {
if (route.meta.isFull) return if (route.meta.isFull) return
if (route.meta.hideTab){ if (route.meta.hideTab) {
tabsMenuValue.value = route.meta.parentPath as string tabsMenuValue.value = route.meta.parentPath as string
}else{ } else {
tabsMenuValue.value = route.fullPath tabsMenuValue.value = route.fullPath
const tabsParams = { const tabsParams = {
icon: route.meta.icon as string, icon: route.meta.icon as string,
title: route.meta.title as string, title: route.meta.title as string,
path: route.fullPath, path: route.fullPath,
name: route.name as string, name: route.name as string,
close: !route.meta.isAffix, close: !route.meta.isAffix,
isKeepAlive: route.meta.isKeepAlive as boolean, isKeepAlive: route.meta.isKeepAlive as boolean
} }
tabStore.addTabs(tabsParams) tabStore.addTabs(tabsParams)
} }
}, },
{ immediate: true }, { immediate: true }
) )
// 初始化需要固定的 tabs // 初始化需要固定的 tabs
const initTabs = () => { const initTabs = () => {
authStore.flatMenuListGet.forEach(item => { authStore.flatMenuListGet.forEach(item => {
if (item.meta.isAffix && !item.meta.isHide && !item.meta.isFull) { if (item.meta.isAffix && !item.meta.isHide && !item.meta.isFull) {
const tabsParams = { const tabsParams = {
icon: item.meta.icon, icon: item.meta.icon,
title: item.meta.title, title: item.meta.title,
path: item.path, path: item.path,
name: item.name, name: item.name,
close: !item.meta.isAffix, close: !item.meta.isAffix,
isKeepAlive: item.meta.isKeepAlive, isKeepAlive: item.meta.isKeepAlive,
unshift:true unshift: true
} }
tabStore.addTabs(tabsParams) tabStore.addTabs(tabsParams)
} }
}) })
} }
// tabs 拖拽排序 // tabs 拖拽排序
const tabsDrop = () => { const tabsDrop = () => {
Sortable.create(document.querySelector('.el-tabs__nav') as HTMLElement, { Sortable.create(document.querySelector('.el-tabs__nav') as HTMLElement, {
draggable: '.el-tabs__item', draggable: '.el-tabs__item',
animation: 300, animation: 300,
onEnd({ newIndex, oldIndex }) { onEnd({ newIndex, oldIndex }) {
const tabsList = [...tabStore.tabsMenuList] const tabsList = [...tabStore.tabsMenuList]
const currRow = tabsList.splice(oldIndex as number, 1)[0] const currRow = tabsList.splice(oldIndex as number, 1)[0]
tabsList.splice(newIndex as number, 0, currRow) tabsList.splice(newIndex as number, 0, currRow)
tabStore.setTabs(tabsList) tabStore.setTabs(tabsList)
}, }
}) })
} }
// Tab Click // Tab Click
const tabClick = (tabItem: TabsPaneContext) => { const tabClick = (tabItem: TabsPaneContext) => {
const fullPath = tabItem.props.name as string const fullPath = tabItem.props.name as string
// console.log("🚀 ~ tabClick ~ fullPath:", tabItem) // console.log("🚀 ~ tabClick ~ fullPath:", tabItem)
router.push(fullPath) router.push(fullPath)
} }
// Remove Tab // Remove Tab
const tabRemove = (fullPath: TabPaneName) => { const tabRemove = (fullPath: TabPaneName) => {
tabStore.removeTabs(fullPath as string, fullPath == route.fullPath)
tabStore.removeTabs(fullPath as string, fullPath == route.fullPath || '/machine/testScriptAdd' == route.fullPath)
} }
</script> </script>
<style scoped lang='scss'> <style scoped lang="scss">
@import "./index.scss"; @import './index.scss';
</style> </style>

View File

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

View File

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

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

@@ -6,60 +6,60 @@ export type LanguageType = 'zh' | 'en' | null;
/* GlobalState */ /* GlobalState */
export interface GlobalState { export interface GlobalState {
layout: LayoutType; layout: LayoutType;
assemblySize: AssemblySizeType; assemblySize: AssemblySizeType;
language: LanguageType; language: LanguageType;
maximize: boolean; maximize: boolean;
primary: string; primary: string;
isDark: boolean; isDark: boolean;
isGrey: boolean; isGrey: boolean;
isWeak: boolean; isWeak: boolean;
asideInverted: boolean; asideInverted: boolean;
headerInverted: boolean; headerInverted: boolean;
isCollapse: boolean; isCollapse: boolean;
accordion: boolean; accordion: boolean;
breadcrumb: boolean; breadcrumb: boolean;
breadcrumbIcon: boolean; breadcrumbIcon: boolean;
tabs: boolean; tabs: boolean;
tabsIcon: boolean; tabsIcon: boolean;
footer: boolean; footer: boolean;
} }
/* UserState */ /* UserState */
export interface UserState { export interface UserState {
accessToken: string; accessToken: string;
refreshToken: string; refreshToken: string;
isRefreshToken: boolean; isRefreshToken: boolean;
userInfo: { name: string }; userInfo: { id: string, name: string,loginName:string };
} }
/* tabsMenuProps */ /* tabsMenuProps */
export interface TabsMenuProps { export interface TabsMenuProps {
icon: string; icon: string;
title: string; title: string;
path: string; path: string;
name: string; name: string;
close: boolean; close: boolean;
isKeepAlive: boolean; isKeepAlive: boolean;
unshift?: boolean; unshift?: boolean;
} }
/* TabsState */ /* TabsState */
export interface TabsState { export interface TabsState {
tabsMenuList: TabsMenuProps[]; tabsMenuList: TabsMenuProps[];
} }
/* AuthState */ /* AuthState */
export interface AuthState { export interface AuthState {
routeName: string; routeName: string;
authButtonList: { authButtonList: {
[key: string]: string[]; [key: string]: string[];
}; };
authMenuList: Menu.MenuOptions[]; authMenuList: Menu.MenuOptions[];
showMenuFlag: boolean; showMenuFlag: boolean;
} }
/* KeepAliveState */ /* KeepAliveState */
export interface KeepAliveState { export interface KeepAliveState {
keepAliveName: string[]; keepAliveName: string[];
} }

View File

@@ -2,18 +2,22 @@ import {defineStore} from "pinia";
import {CHECK_STORE_KEY} from "@/stores/constant"; 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 { set } from "lodash";
const AppSceneStore = useAppSceneStore()
export const useCheckStore = defineStore("check", { export const useCheckStore = defineStore("check", {
id: CHECK_STORE_KEY, id: CHECK_STORE_KEY,
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:误差体系跟换 showDetailType: 0 ,// 0:数据查询 1:误差体系跟换 2正式检测
temperature: 0,
humidity: 0
}), }),
getters: {}, getters: {},
@@ -30,7 +34,11 @@ export const useCheckStore = defineStore("check", {
}, },
initSelectTestItems() { initSelectTestItems() {
this.selectTestItems.preTest = true this.selectTestItems.preTest = true
this.selectTestItems.channelsTest = false if (AppSceneStore.currentScene === '1') {
this.selectTestItems.channelsTest = true
} else {
this.selectTestItems.channelsTest = false
}
this.selectTestItems.test = true this.selectTestItems.test = true
}, },
setSelectTestItems(selectTestItems: CheckData.SelectTestItem) { setSelectTestItems(selectTestItems: CheckData.SelectTestItem) {
@@ -44,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

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

View File

@@ -9,7 +9,8 @@ export const useUserStore = defineStore({
accessToken: "", accessToken: "",
refreshToken: "", refreshToken: "",
isRefreshToken:false, isRefreshToken:false,
userInfo: { name: "admin" }, exp: Number(0),
userInfo: {id:"", name: "" ,loginName:""},
}), }),
getters: {}, getters: {},
actions: { actions: {
@@ -27,6 +28,9 @@ export const useUserStore = defineStore({
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;
} }
} }
@@ -578,6 +578,26 @@
} }
} }
} }
.form-four {
display: flex;
flex-wrap: wrap;
// justify-content: space-between;
.el-form-item {
display: flex;
width: 24%;
.el-form-item__content {
flex: 1;
.el-select,
.el-cascader,
.el-input__inner,
.el-date-editor {
width: 100%;
}
}
}
}
.el-table__cell { .el-table__cell {
border-right: 1px solid #ebeef5 !important; border-right: 1px solid #ebeef5 !important;

View File

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

View File

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

View File

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

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

@@ -8,7 +8,7 @@
<!-- :requestApi="getRoleList" --> <!-- :requestApi="getRoleList" -->
<!-- 表格 header 按钮 --> <!-- 表格 header 按钮 -->
<template #tableHeader='scope'> <template #tableHeader='scope'>
<el-button v-auth.role="'add'" type='primary' :icon='CirclePlus' @click="openDrawer('新增角色')">新增</el-button> <el-button v-auth.role="'add'" type='primary' :icon='CirclePlus' @click="openDrawer('add')">新增</el-button>
<el-button v-auth.role="'delete'" type='danger' :icon='Delete' plain :disabled='!scope.isSelected' <el-button v-auth.role="'delete'" type='danger' :icon='Delete' plain :disabled='!scope.isSelected'
@click='batchDelete(scope.selectedListIds)'> @click='batchDelete(scope.selectedListIds)'>
删除 删除
@@ -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('编辑角色', 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

@@ -7,13 +7,13 @@
: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

@@ -7,13 +7,13 @@
: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',

File diff suppressed because it is too large Load Diff

View File

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

View File

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

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

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,8 @@
<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">
<el-option <el-option
v-for="(option) in pqErrorList" v-for="(option) in pqErrorList"
:key="option.id" :key="option.id"
@@ -27,8 +28,11 @@
<el-option v-for="item in chnList" :key="item.value" :label="item.label" :value="item.value"/> <el-option v-for="item in chnList" :key="item.value" :label="item.label" :value="item.value"/>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label=" "> <el-form-item v-if="checkStore.showDetailType===1">
<el-button type="primary" :icon="Postcard" v-if="checkStore.showDetailType===1" @click="handleGenerateReport">报告生成</el-button> <el-button type="primary" :icon="Postcard" @click="handleGenerateReport">报告生成</el-button>
</el-form-item>
<el-form-item v-if="checkStore.showDetailType===0">
<el-button type="primary" :icon="Histogram" @click="handleReCalculate">重新计算</el-button>
</el-form-item> </el-form-item>
</el-form> </el-form>
</div> </div>
@@ -49,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>
@@ -61,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>
@@ -72,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">
@@ -107,10 +109,12 @@ import DataCheckRawDataTable from './dataCheckRawDataTable.vue'
import {CheckData} from "@/api/check/interface"; 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 {exportRawData, getFormData, getTableData, getTreeData} from "@/api/check/test"; import {changeErrorSystem, deleteTempTable, exportRawData, getFormData, getTableData, getTreeData, reCalculate} from "@/api/check/test";
import {getPqErrSysList} from '@/api/plan/plan' import {generateDevReport, getPqErrSysList} from '@/api/plan/plan'
import {useDownload} from "@/hooks/useDownload"; import {useDownload} from "@/hooks/useDownload";
import {Postcard} from "@element-plus/icons-vue"; import {Histogram, Postcard} from "@element-plus/icons-vue";
import {ResultEnum} from "@/enums/httpEnum";
import {ElMessage} from "element-plus";
const {appendToBody} = withDefaults(defineProps<{ const {appendToBody} = withDefaults(defineProps<{
appendToBody: boolean appendToBody: boolean
@@ -143,14 +147,17 @@ const formContent = reactive<CheckData.DataCheck>({
deviceName: '', deviceName: '',
chnNum: '', chnNum: '',
}) })
// 当前选中的谐波次数 // 原始误差体系id
// const currentHarmNum = ref<string>("-1") let originErrorSysId: string = ''
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
@@ -174,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`
}) })
@@ -212,60 +218,70 @@ const handleNodeClick = async (data: any) => {
} }
}; };
watch(() => formContent.errorSysId, async (newVal, oldVal) => { const handleErrorSysChange = async () => {
if (newVal != '') { console.log("切换误差体系", formContent.errorSysId);
console.log("切换误差体系"); changeErrorSystem({
formContent.chnNum = chnList[0].value planId: checkStore.plan.id,
} scriptId: checkStore.plan.scriptId,
}) errorSysId: formContent.errorSysId,
deviceId: deviceId,
code: checkStore.plan.code + '',
}).then((res) => {
if (res.code === ResultEnum.SUCCESS) {
ElMessage.success('切换误差体系成功')
if (originErrorSysId != formContent.errorSysId) {
planCode = checkStore.plan.code + "_temp"
} else {
planCode = checkStore.plan.code + ''
}
if (formContent.chnNum != chnList[0].value) {
formContent.chnNum = chnList[0].value
} else {
handleChnNumChange()
}
}
})
}
watch(() => formContent.chnNum, async (newVal, oldVal) => { watch(() => formContent.chnNum, async (newVal, oldVal) => {
// console.log("通道号", newVal); // console.log("通道号", newVal);
if (newVal != '') { if (newVal != '') {
// 发起请求,查询该测试项的检测结果 handleChnNumChange()
const {data: resTreeDataTemp}: { data: CheckData.TreeItem[] } = await getTreeData({
scriptId: checkStore.plan.scriptId,
devId: deviceId,
devNum: formContent.chnNum + '',
scriptType: originScriptType,
code: parseInt(checkStore.plan.code)
})
updateTreeFly(resTreeDataTemp, 4)
updateTreeFly(resTreeDataTemp, 2)
treeDataAll.length = 0
Object.assign(treeDataAll, resTreeDataTemp)
defaultOperate()
await updateTableData()
} }
activeTab.value = 'resultTab'
}) })
const handleChnNumChange = async () => {
console.log("通道号", formContent.chnNum);
// 发起请求,查询该测试项的检测结果
const {data: resTreeDataTemp}: { data: CheckData.TreeItem[] } = await getTreeData({
scriptId: checkStore.plan.scriptId,
devId: deviceId,
devNum: formContent.chnNum + '',
scriptType: originScriptType,
code: planCode
})
updateTreeFly(resTreeDataTemp, 4)
updateTreeFly(resTreeDataTemp, 2)
// watch(currentHarmNum, (newVal, oldVal) => { treeDataAll.length = 0
// console.log("谐波次数", newVal);
// if (newVal !== '-1') { Object.assign(treeDataAll, resTreeDataTemp)
// let resCheckResult: CheckData.ResCheckResult = resTableData.resultData.get(newVal.toString())
// setCheckResultData(resCheckResult) defaultOperate()
// await updateTableData()
// let tempRawData = resTableData.rawData.get(newVal.toString()) activeTab.value = 'resultTab'
// 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'
} }
@@ -294,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({
@@ -301,76 +323,70 @@ const updateTableData = async () => {
scriptId: checkStore.plan.scriptId, scriptId: checkStore.plan.scriptId,
devId: deviceId, devId: deviceId,
devNum: formContent.chnNum + '', devNum: formContent.chnNum + '',
code: parseInt(checkStore.plan.code), code: planCode,
index: parseInt(checkIndex.value), index: parseInt(checkIndex.value),
}) })
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) {
rawData.set(key, data.rawData[key]) if ((key.includes('谐波') || key.includes('简谐波')) && key !== '谐波有功功率') {
} for (let item of data.rawData[key]) {
let num = formatHarmNum(item.harmNum + '')
resTableData = { let value = rawData.get(key + "_" + num)
resultData, if (!value) {
rawData rawData.set(key + "_" + num, [item])
} } else {
value.push(item)
let resCheckResult: CheckData.ResCheckResult = {} }
let resRawData: CheckData.RawDataItem[] = [] }
if (keys1.length === 0) {
checkList.length = 0
checkResultData.length = 0
rawTableData.length = 0
currentCheckItem.value = ''
}
if (keys1.length === 1) {
resCheckResult = resTableData.resultData.get(keys1[0])
resRawData = resTableData.rawData.get(keys2[0])
resRawData = (resRawData == null || resRawData == undefined ? [] : resRawData)
resCheckResult = (resCheckResult == null || resCheckResult == undefined ? {} : resCheckResult)
setCheckResultData(resCheckResult)
setRawData(resRawData)
checkList.length = 0
checkList.push({value: keys1[0], label: resCheckResult.isData === 1? `${keys1[0]}`:resCheckResult.isData === 4? `${keys1[0]}/` :`${keys1[0]}(不符合)`})
if (currentCheckItem.value == checkList[0].value) {
doCurrentCheckItemUpdate(checkList[0].value)
} else { } else {
currentCheckItem.value = checkList[0].value rawData.set(key, data.rawData[key])
}
} else if (keys1.length != 0) {
let tempCheckList = []
for (let [key, value] of resTableData.resultData) {
let hum = formatHarmNum(key)
tempCheckList.push({
value: key,
label: value.isData === 1 ? hum : value.isData === 4 ? `${hum}/` : `${hum}(不符合)`
})
}
toAngleLast(tempCheckList)
checkList.length = 0
Object.assign(checkList, tempCheckList)
if (currentCheckItem.value == tempCheckList[0].value) {
doCurrentCheckItemUpdate(tempCheckList[0].value)
} else {
currentCheckItem.value = tempCheckList[0].value
} }
} }
}
// setCheckResultData(resCheckResult)
else { resTableData.resultData = resultData
resTableData.rawData = rawData
toAngleLast()
if (checkListLevel.length !== 0) {
if (checkListLevel[0].children.length !== 0) {
currentCheckItem.value = [checkListLevel[0].value + '', checkListLevel[0].children[0].value + '']
} else {
currentCheckItem.value = [checkListLevel[0].value + '']
}
}
} else {
checkResultData.length = 0 checkResultData.length = 0
rawTableData.length = 0 rawTableData.length = 0
} }
@@ -391,6 +407,7 @@ const doCurrentCheckItemUpdate = (newVal: string) => {
} }
const open = async (_deviceId: string, chnNum: string, _scriptType: string | null) => { const open = async (_deviceId: string, chnNum: string, _scriptType: string | null) => {
planCode = checkStore.plan.code + ''
deviceId = _deviceId deviceId = _deviceId
originScriptType = _scriptType originScriptType = _scriptType
scriptType = _scriptType scriptType = _scriptType
@@ -409,13 +426,11 @@ const open = async (_deviceId: string, chnNum: string, _scriptType: string | nul
//label: item.label == '1' ? `${item.value}` : item.label == '2' ? `${item.value}(不符合)` : `${item.value}` //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
pqErrorList.length = 0 pqErrorList.length = 0
let {data: resPqErrorList} = await getPqErrSysList() let {data: resPqErrorList} = await getPqErrSysList()
@@ -424,11 +439,34 @@ 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 close = () => { const handleReCalculate = async () => {
reCalculate({
planId: checkStore.plan.id,
scriptId: checkStore.plan.scriptId,
errorSysId: formContent.errorSysId,
deviceId: deviceId,
code: checkStore.plan.code + ''
}).then((res) => {
ElMessage.success('重新计算成功!')
// if (originErrorSysId != formContent.errorSysId) {
// planCode = checkStore.plan.code + "_temp"
// } else {
// planCode = checkStore.plan.code + ''
// }
if (formContent.chnNum != chnList[0].value) {
formContent.chnNum = chnList[0].value
} else {
handleChnNumChange()
}
})
}
const close = async () => {
//数据清空 //数据清空
Object.assign(formContent, { Object.assign(formContent, {
scriptName: '', scriptName: '',
@@ -443,19 +481,23 @@ const close = () => {
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'
currentScriptTypeName.value = '' currentScriptTypeName.value = ''
currentDesc.value = '' currentDesc.value = ''
pqErrorList.length = 0 pqErrorList.length = 0
planCode = ''
visible.value = false; visible.value = false;
if (checkStore.showDetailType === 1) {
await deleteTempTable(checkStore.plan.code + '')
}
}; };
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, [])
@@ -463,21 +505,30 @@ 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: getError(data.dataA.resultData, data.dataA.data), stdA: dataToShow(data.dataA.resultData),
maxErrorA: toMaxErrorStr(data.dataA.radius, data.unit), dataA: dataToShow(data.dataA.data),
errorA: data.dataA.errorData == null ? '/' : data.dataA.errorData + '',
maxErrorA: toMaxErrorStr(data.dataA.radius, data.dataA.unit),
unitA: data.dataA.unit,
isDataA: data.dataA.isData, isDataA: data.dataA.isData,
stdB: numberToFixed(data.dataB.resultData), // stdB: numberToFixed(data.dataB.resultData),
dataB: numberToFixed(data.dataB.data), // dataB: numberToFixed(data.dataB.data),
errorB: getError(data.dataB.resultData, data.dataB.data), stdB: dataToShow(data.dataB.resultData),
maxErrorB: toMaxErrorStr(data.dataB.radius, data.unit), dataB: dataToShow(data.dataB.data),
errorB: data.dataB.errorData == null ? '/' : data.dataB.errorData + '',
maxErrorB: toMaxErrorStr(data.dataB.radius, data.dataB.unit),
isDataB: data.dataB.isData, isDataB: data.dataB.isData,
stdC: numberToFixed(data.dataC.resultData), unitB: data.dataB.unit,
dataC: numberToFixed(data.dataC.data), // stdC: numberToFixed(data.dataC.resultData),
errorC: getError(data.dataC.resultData, data.dataC.data), // dataC: numberToFixed(data.dataC.data),
maxErrorC: toMaxErrorStr(data.dataC.radius, data.unit), stdC: dataToShow(data.dataC.resultData),
dataC: dataToShow(data.dataC.data),
errorC: data.dataC.errorData == null ? '/' : data.dataC.errorData + '',
maxErrorC: toMaxErrorStr(data.dataC.radius, data.dataC.unit),
isDataC: data.dataC.isData, isDataC: data.dataC.isData,
unitC: data.dataC.unit,
maxError: data.radius, maxError: data.radius,
unit: data.unit, unit: data.unit,
@@ -485,13 +536,16 @@ const setCheckResultData = (data: CheckData.ResCheckResult | null) => {
}) })
} }
if (data.dataT != null) { if (data.dataT != null && data.dataA == null && data.dataB == null && data.dataC == null) {
result.push({ result.push({
stdT: numberToFixed(data.dataT.resultData), // stdT: numberToFixed(data.dataT.resultData),
dataT: numberToFixed(data.dataT.data), // dataT: numberToFixed(data.dataT.data),
errorT: getError(data.dataT.resultData, data.dataT.data), stdT: dataToShow(data.dataT.resultData),
maxErrorT: toMaxErrorStr(data.dataT.radius, data.unit), dataT: dataToShow(data.dataT.data),
errorT: data.dataT.errorData == null ? '/' : data.dataT.errorData + '',
maxErrorT: toMaxErrorStr(data.dataT.radius, data.dataT.unit),
isDataT: data.dataT?.isData, isDataT: data.dataT?.isData,
unitT: data.dataT.unit,
maxError: data.radius, maxError: data.radius,
unit: data.unit, unit: data.unit,
@@ -499,15 +553,16 @@ 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,
devNum: formContent.chnNum + '', devNum: formContent.chnNum + '',
code: parseInt(checkStore.plan.code), code: checkStore.plan.code + '',
index: parseInt(checkIndex.value), index: parseInt(checkIndex.value),
}, false, '.xlsx') }, false, '.xlsx')
} }
@@ -524,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) {
@@ -598,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)
} }
} }
@@ -681,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;
@@ -776,7 +841,7 @@ defineExpose({
<!--.el-popover.popover-class {--> <!--.el-popover.popover-class {-->
<!-- .el-popover__title {--> <!-- .el-popover__title {-->
<!-- color: #fff;--> <!-- color: #fff;-->
<!-- background-color: #003078 !important;--> <!-- background-color: var(--el-color-primary) !important;-->
<!-- }--> <!-- }-->
<!--}--> <!--}-->
<!--</style>--> <!--</style>-->

View File

@@ -6,7 +6,7 @@
<div>{{ outputDsc }}</div> <div>{{ outputDsc }}</div>
<div> <div>
<span style=" font-size: 18px;font-weight: 600;"> <span style=" font-size: 18px;font-weight: 600;">
设备已合格 <span style="color: #67C23A">{{ qualified }}</span> / <span style="color: green">{{ total }}</span> 设备已合格 <span style="color: #91cc75">{{ qualified }}</span> / <span style="color: green">{{ total }}</span>
</span> </span>
<!-- <el-button type="primary" loading <!-- <el-button type="primary" loading
@@ -99,6 +99,7 @@ import {getCoefficientCheck} from '@/api/home/channelsTest/index'
import type {ChannelsTest} from '@/api/home/interface/channelsTest'; import type {ChannelsTest} from '@/api/home/interface/channelsTest';
import type {Plan} from '@/api/plan/interface'; import type {Plan} from '@/api/plan/interface';
import {useCheckStore} from "@/stores/modules/check"; import {useCheckStore} from "@/stores/modules/check";
import {useUserStore} from "@/stores/modules/user";
const checkStore = useCheckStore() const checkStore = useCheckStore()
const activeIndex = ref(0) const activeIndex = ref(0)
@@ -143,7 +144,7 @@ const props = defineProps({
default: () => ({}) default: () => ({})
}, },
}) })
const userStore = useUserStore()
const testStatus = toRef(props, 'testStatus'); const testStatus = toRef(props, 'testStatus');
const tableDataMap = new Map<number, Ref<ChannelsTest.CoefficientVO[]>>([]); 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');
@@ -188,333 +189,357 @@ 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 (newValue.code == 10520) { if (testStatus.value !== 'waiting') {
ElMessageBox.alert('报文解析异常!', '初始化失败', { if (newValue.code == 10520) {
confirmButtonText: '确定', ElMessageBox.alert('报文解析异常!', '初始化失败', {
type: 'error', confirmButtonText: '确定',
}) type: 'error',
TableInit(); })
} else if (newValue.code == 10521) { TableInit();
ElMessageBox.alert('程控源參数有误!', '初始化失败', { } else if (newValue.code == 10521) {
confirmButtonText: '确定', ElMessageBox.alert('程控源參数有误!', '初始化失败', {
type: 'error', confirmButtonText: '确定',
}) type: 'error',
TableInit(); })
} else if (newValue.code == 10522) { TableInit();
ElMessageBox.alert('测试项解析有误!', '初始化失败', { } else if (newValue.code == 10522) {
confirmButtonText: '确定', ElMessageBox.alert('测试项解析有误!', '初始化失败', {
type: 'error', confirmButtonText: '确定',
}) type: 'error',
TableInit(); })
} else if (newValue.code == 10523) { TableInit();
ElMessageBox.alert('源连接失败!', '初始化失败', { } else if (newValue.code == 10523) {
confirmButtonText: '确定', ElMessageBox.alert('源连接失败!', '初始化失败', {
type: 'error', confirmButtonText: '确定',
}) type: 'error',
TableInit(); })
} else if (newValue.code == 10524) { TableInit();
ElMessageBox.alert('获取源控制权失败!', '初始化失败', { } else if (newValue.code == 10524) {
confirmButtonText: '确定', ElMessageBox.alert('获取源控制权失败!', '初始化失败', {
type: 'error', confirmButtonText: '确定',
}) type: 'error',
TableInit(); })
} else if (newValue.code == 10525) { TableInit();
ElMessageBox.alert('重置源失败!', '初始化失败', { } else if (newValue.code == 10525) {
confirmButtonText: '确定', ElMessageBox.alert('重置源失败!', '初始化失败', {
type: 'error', confirmButtonText: '确定',
}) type: 'error',
TableInit(); })
} else if (newValue.code == 10527) { TableInit();
ElMessageBox.alert('源未进行初始化!', '初始化失败', { } else if (newValue.code == 10527) {
confirmButtonText: '确定', ElMessageBox.alert('源未进行初始化!', '初始化失败', {
type: 'error', confirmButtonText: '确定',
}) type: 'error',
TableInit(); })
} else if (newValue.code == 10528) { TableInit();
ElMessageBox.alert('目标源有误(该用户已控制其他源,在关闭前无法操作新的源)', '初始化失败', { } else if (newValue.code == 10528) {
confirmButtonText: '确定', ElMessageBox.alert('目标源有误(该用户已控制其他源,在关闭前无法操作新的源)', '初始化失败', {
type: 'error', confirmButtonText: '确定',
}) type: 'error',
TableInit(); })
} else if (newValue.code == 10529) { TableInit();
ElMessageBox.alert('源状态有误,无法响应报文(例如源处于输出状态,无法响应初始化报文)', '初始化失败', { } else if (newValue.code == 10529) {
confirmButtonText: '确定', ElMessageBox.alert('源状态有误,无法响应报文(例如源处于输出状态,无法响应初始化报文)', '初始化失败', {
type: 'error', confirmButtonText: '确定',
}) type: 'error',
TableInit(); })
} else if (newValue.code == 10550) { TableInit();
ElMessageBox.alert(`${newValue.data}设备连接异常!`, '初始化失败', { } else if (newValue.code == 10550) {
confirmButtonText: '确定', ElMessageBox.alert(`${newValue.data}设备连接异常!`, '初始化失败', {
type: 'error', confirmButtonText: '确定',
}) type: 'error',
TableInit(); })
} else if (newValue.code == 10551) { TableInit();
ElMessageBox.alert(`${newValue.data}设备触发报告异常!`, '初始化失败', { } else if (newValue.code == 10551) {
confirmButtonText: '确定', ElMessageBox.alert(`${newValue.data}设备触发报告异常!`, '初始化失败', {
type: 'error', confirmButtonText: '确定',
}) type: 'error',
TableInit(); })
} else if (newValue.code == 10552) { //todo 10552之后还会发送消息吗 TableInit();
ElMessageBox.alert('存在已经初始化步骤,执行自动关闭,请重新发起检测', '初始化失败', { } else if (newValue.code == 10552) { //todo 10552之后还会发送消息吗
confirmButtonText: '确定', ElMessageBox.alert('存在已经初始化步骤,执行自动关闭,请重新发起检测', '初始化失败', {
type: 'error', confirmButtonText: '确定',
}) type: 'error',
TableInit(); })
} else { TableInit();
console.log('显示东西code', newValue.code) } else {
console.log('显示东西requestId', newValue.requestId) console.log('显示东西code', newValue.code)
switch (newValue.requestId) { console.log('显示东西requestId', 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',
}) })
TableInit(); TableInit();
} }
} }
break; break;
case 'YJC_xujy': case 'YJC_xujy':
switch (newValue.operateCode) { switch (newValue.operateCode) {
case 'OPER_GATHER': case 'OPER_GATHER':
if (newValue.code == 10552) { if (newValue.code == 10552) {
ElMessageBox.alert('存在已经初始化步骤,执行自动关闭,请重新发起检测', '初始化失败', { ElMessageBox.alert('存在已经初始化步骤,执行自动关闭,请重新发起检测', '初始化失败', {
confirmButtonText: '确定', confirmButtonText: '确定',
type: 'error', type: 'error',
}) })
TableInit(); TableInit();
} else if (newValue.code == 10520) { } else if (newValue.code == 10520) {
ElMessageBox.alert('解析报文异常,执行自动关闭,请重新发起检测', '解析报文异常', { ElMessageBox.alert('解析报文异常,执行自动关闭,请重新发起检测', '解析报文异常', {
confirmButtonText: '确定', confirmButtonText: '确定',
type: 'error', type: 'error',
}) })
TableInit(); TableInit();
} }
break; break;
case 'DATA_REQUEST$02': case 'DATA_REQUEST$02':
if (newValue.code == 25003) { if (newValue.code == 25003) {
ElMessageBox.alert('相序校验未通过,执行自动关闭,请重新发起检测', '相序校验未通过', { ElMessageBox.alert('相序校验未通过,执行自动关闭,请重新发起检测', '相序校验未通过', {
confirmButtonText: '确定', confirmButtonText: '确定',
type: 'error', type: 'error',
}) })
TableInit(); TableInit();
} }
break; break;
} }
break; break;
case 'yjc_sbtxjy': case 'yjc_sbtxjy':
switch (newValue.operateCode) { switch (newValue.operateCode) {
case 'INIT_GATHER$01': case 'INIT_GATHER$01':
if (newValue.code == 10550) { if (newValue.code == 10550) {
ElMessageBox.alert('设备连接异常', '设备连接异常', { ElMessageBox.alert('设备连接异常', '设备连接异常', {
confirmButtonText: '确定', confirmButtonText: '确定',
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',
}) })
TableInit(); TableInit();
} else if (newValue.code == 10552) { } else if (newValue.code == 10552) {
ElMessageBox.alert('存在已经初始化步骤,执行自动关闭,请重新发起检测', '初始化失败', { ElMessageBox.alert('存在已经初始化步骤,执行自动关闭,请重新发起检测', '初始化失败', {
confirmButtonText: '确定', confirmButtonText: '确定',
type: 'error', type: 'error',
}) })
TableInit(); TableInit();
} else if (newValue.code == 10520) { } else if (newValue.code == 10520) {
ElMessageBox.alert('解析报文异常,执行自动关闭,请重新发起检测', '解析报文异常', { ElMessageBox.alert('解析报文异常,执行自动关闭,请重新发起检测', '解析报文异常', {
confirmButtonText: '确定', confirmButtonText: '确定',
type: 'error', type: 'error',
}) })
TableInit(); TableInit();
}
break;
}
break;
case 'Coefficient_Check':
console.log("Coefficient_Checkactive", active.value);
switch (newValue.operateCode) {
case 'big_end'://大电压,电流下装
console.log('大电压,电流下装')
active.value++;
big_V_Download.value = 'Ua=Ub=Uc=' + newValue.data.devVolt + 'V';
big_I_Download.value = 'Ia=Ib=Ic=' + newValue.data.devCurr + 'A';
tableLoading('small', '系数下装')
break;
}
switch (newValue.operateCode) {
case 'small_end'://小电压,电流下装
console.log('小电压,电流下装')
active.value++;
small_V_Download.value = 'Ua=Ub=Uc=' + newValue.data.devVolt + 'V';
small_I_Download.value = 'Ia=Ib=Ic=' + newValue.data.devCurr + 'A';
tableLoading('big', '系数校准')
break;
}
switch (newValue.operateCode) {
case 'big_comp_end'://大电压,电流校准
console.log('大电压,电流校准')
active.value++;
big_V_Adjust.value = 'Ua=Ub=Uc=' + newValue.data.devVolt + 'V';
big_I_Adjust.value = 'Ia=Ib=Ic=' + newValue.data.devCurr + 'A';
tableLoading('small', '系数校准')
break;
}
switch (newValue.operateCode) {
case 'small_comp_end'://小电压,电流校准
console.log('小电压,电流校准')
active.value++;
small_V_Adjust.value = 'Ua=Ub=Uc=' + newValue.data.devVolt + 'V';
small_I_Adjust.value = 'Ia=Ib=Ic=' + newValue.data.devCurr + 'A';
active.value++;
for (let i = 0; i < name.value.length; i++) {
const currentDataRef = tableDataMap.get(i);
if (currentDataRef) {
const currentData = currentDataRef.value;
// 检查当前数据中有无不合格字段
const hasError = checkForErrors(currentData);
if (hasError) {
} else {
qualified.value++;
}
updateErrorState(i, hasError);
} }
}
//editableTabsValue.value = (tabNumber.value).toString();//显示下一个tab break;
isButtonDisabled.value = false; // 恢复按钮 }
emit('update:testStatus', 'success') break;
break; case 'yjc_xyjy':
} switch (newValue.operateCode) {
switch (newValue.operateCode) { case 'VERIFY_MAPPING$01':
case 'DATA_CHNFACTOR$02'://表格 if (newValue.code == 10200) {
// 输出 key 为 0 的数组中的第一条 ChannelsTest.CoefficientVO 对象 let data = JSON.parse(newValue.data)
console.log('表格',name.value) ElMessageBox.alert(`脚本与icd校验失败icd名称${data['icdType']} -> 校验项:${data['dataType']}`, '初始化失败', {
for (let i = 0; i < name.value.length; i++) { confirmButtonText: '确定',
const targetArrayRef = tableDataMap.get(i); type: 'error',
if (targetArrayRef) { })
const targetArray = targetArrayRef.value; TableInit();
if (targetArray.length > 0) { }
const firstCoefficientVO = targetArray.find(item => item.monitorNum === newValue.data.monitorNum && if (newValue.code == 10500) {
item.type === newValue.data.type && ElMessageBox.alert(`装置中未找到该icd!`, '初始化失败', {
item.desc === newValue.data.desc && confirmButtonText: '确定',
item.devName === newValue.data.devName); type: 'error',
if (firstCoefficientVO) { // 检查 firstCoefficientVO 是否存在 })
firstCoefficientVO.aVuData = parseFloat(newValue.data.aVuData).toFixed(4); TableInit();
}
break;
}
break;
case 'Coefficient_Check':
console.log("Coefficient_Checkactive", active.value);
switch (newValue.operateCode) {
case 'big_start'://大电压,电流下装
big_V_Download.value = 'Ua=Ub=Uc=' + newValue.data.devVolt + 'V';
big_I_Download.value = 'Ia=Ib=Ic=' + newValue.data.devCurr + 'A';
break;
case 'big_end'://大电压,电流下装
active.value++;
tableLoading('small', '系数下装')
break;
}
switch (newValue.operateCode) {
case 'small_start'://小电压,电流下装
small_V_Download.value = 'Ua=Ub=Uc=' + newValue.data.devVolt + 'V';
small_I_Download.value = 'Ia=Ib=Ic=' + newValue.data.devCurr + 'A';
break;
case 'small_end'://小电压,电流下装
active.value++;
tableLoading('big', '系数校准')
break;
}
switch (newValue.operateCode) {
case 'big_comp_start'://大电压,电流校准
big_V_Adjust.value = 'Ua=Ub=Uc=' + newValue.data.devVolt + 'V';
big_I_Adjust.value = 'Ia=Ib=Ic=' + newValue.data.devCurr + 'A';
break;
case 'big_comp_end'://大电压,电流校准
active.value++;
tableLoading('small', '系数校准')
break;
}
switch (newValue.operateCode) {
case 'small_comp_start'://小电压,电流校准
small_V_Adjust.value = 'Ua=Ub=Uc=' + newValue.data.devVolt + 'V';
small_I_Adjust.value = 'Ia=Ib=Ic=' + newValue.data.devCurr + 'A';
break;
case 'small_comp_end'://小电压,电流校准
active.value++;
active.value++;
if (!isNaN(parseFloat(newValue.data.aVuXi)) && isFinite(newValue.data.aVuXi)) { for (let i = 0; i < name.value.length; i++) {
firstCoefficientVO.aVuXi = (parseFloat(newValue.data.aVuXi) / 10000).toFixed(4); const currentDataRef = tableDataMap.get(i);
} else { if (currentDataRef) {
firstCoefficientVO.aVuXi = newValue.data.aVuXi; const currentData = currentDataRef.value;
} // 检查当前数据中有无不合格字段
const hasError = checkForErrors(currentData);
firstCoefficientVO.bVuData = parseFloat(newValue.data.bVuData).toFixed(4); if (hasError) {
if (!isNaN(parseFloat(newValue.data.bVuXi)) && isFinite(newValue.data.bVuXi)) {
firstCoefficientVO.bVuXi = (parseFloat(newValue.data.bVuXi) / 10000).toFixed(4);
} else {
firstCoefficientVO.bVuXi = newValue.data.bVuXi;
}
firstCoefficientVO.cVuData = parseFloat(newValue.data.cVuData).toFixed(4);
if (!isNaN(parseFloat(newValue.data.cVuXi)) && isFinite(newValue.data.cVuXi)) {
firstCoefficientVO.cVuXi = (parseFloat(newValue.data.cVuXi) / 10000).toFixed(4);
} else {
firstCoefficientVO.cVuXi = newValue.data.cVuXi;
}
firstCoefficientVO.aIeData = parseFloat(newValue.data.aIeData).toFixed(4);
if (!isNaN(parseFloat(newValue.data.aIeXi)) && isFinite(newValue.data.aIeXi)) {
firstCoefficientVO.aIeXi = (parseFloat(newValue.data.aIeXi) / 10000).toFixed(4);
} else {
firstCoefficientVO.aIeXi = newValue.data.aIeXi;
}
firstCoefficientVO.bIeData = parseFloat(newValue.data.bIeData).toFixed(4);
if (!isNaN(parseFloat(newValue.data.bIeXi)) && isFinite(newValue.data.bIeXi)) {
firstCoefficientVO.bIeXi = (parseFloat(newValue.data.bIeXi) / 10000).toFixed(4);
} else {
firstCoefficientVO.bIeXi = newValue.data.bIeXi;
}
firstCoefficientVO.cIeData = parseFloat(newValue.data.cIeData).toFixed(4);
if (!isNaN(parseFloat(newValue.data.cIeXi)) && isFinite(newValue.data.cIeXi)) {
firstCoefficientVO.cIeXi = (parseFloat(newValue.data.cIeXi) / 10000).toFixed(4);
} else {
firstCoefficientVO.cIeXi = newValue.data.cIeXi;
}
firstCoefficientVO.aV = newValue.data.aV;
firstCoefficientVO.bV = newValue.data.bV;
firstCoefficientVO.cV = newValue.data.cV;
firstCoefficientVO.aI = newValue.data.aI;
firstCoefficientVO.bI = newValue.data.bI;
firstCoefficientVO.cI = newValue.data.cI;
console.log(newValue.data.devName + '对象:', firstCoefficientVO);
activeIndex.value++;
} else { } else {
console.log('未找到匹配的'+ newValue.data.devName+'对象'); qualified.value++;
}
updateErrorState(i, hasError);
}
}
//editableTabsValue.value = (tabNumber.value).toString();//显示下一个tab
isButtonDisabled.value = false; // 恢复按钮
emit('update:testStatus', 'success')
break;
}
switch (newValue.operateCode) {
case 'DATA_CHNFACTOR$02'://表格
// 输出 key 为 0 的数组中的第一条 ChannelsTest.CoefficientVO 对象
console.log('表格', name.value)
for (let i = 0; i < name.value.length; i++) {
const targetArrayRef = tableDataMap.get(i);
if (targetArrayRef) {
const targetArray = targetArrayRef.value;
if (targetArray.length > 0) {
const firstCoefficientVO = targetArray.find(item => item.monitorNum === newValue.data.monitorNum &&
item.type === newValue.data.type &&
item.desc === newValue.data.desc &&
item.devName === newValue.data.devName);
if (firstCoefficientVO) { // 检查 firstCoefficientVO 是否存在
firstCoefficientVO.aVuData = parseFloat(newValue.data.aVuData).toFixed(4);
if (!isNaN(parseFloat(newValue.data.aVuXi)) && isFinite(newValue.data.aVuXi)) {
firstCoefficientVO.aVuXi = (parseFloat(newValue.data.aVuXi) / 10000).toFixed(4);
} else {
firstCoefficientVO.aVuXi = newValue.data.aVuXi;
}
firstCoefficientVO.bVuData = parseFloat(newValue.data.bVuData).toFixed(4);
if (!isNaN(parseFloat(newValue.data.bVuXi)) && isFinite(newValue.data.bVuXi)) {
firstCoefficientVO.bVuXi = (parseFloat(newValue.data.bVuXi) / 10000).toFixed(4);
} else {
firstCoefficientVO.bVuXi = newValue.data.bVuXi;
}
firstCoefficientVO.cVuData = parseFloat(newValue.data.cVuData).toFixed(4);
if (!isNaN(parseFloat(newValue.data.cVuXi)) && isFinite(newValue.data.cVuXi)) {
firstCoefficientVO.cVuXi = (parseFloat(newValue.data.cVuXi) / 10000).toFixed(4);
} else {
firstCoefficientVO.cVuXi = newValue.data.cVuXi;
}
firstCoefficientVO.aIeData = parseFloat(newValue.data.aIeData).toFixed(4);
if (!isNaN(parseFloat(newValue.data.aIeXi)) && isFinite(newValue.data.aIeXi)) {
firstCoefficientVO.aIeXi = (parseFloat(newValue.data.aIeXi) / 10000).toFixed(4);
} else {
firstCoefficientVO.aIeXi = newValue.data.aIeXi;
}
firstCoefficientVO.bIeData = parseFloat(newValue.data.bIeData).toFixed(4);
if (!isNaN(parseFloat(newValue.data.bIeXi)) && isFinite(newValue.data.bIeXi)) {
firstCoefficientVO.bIeXi = (parseFloat(newValue.data.bIeXi) / 10000).toFixed(4);
} else {
firstCoefficientVO.bIeXi = newValue.data.bIeXi;
}
firstCoefficientVO.cIeData = parseFloat(newValue.data.cIeData).toFixed(4);
if (!isNaN(parseFloat(newValue.data.cIeXi)) && isFinite(newValue.data.cIeXi)) {
firstCoefficientVO.cIeXi = (parseFloat(newValue.data.cIeXi) / 10000).toFixed(4);
} else {
firstCoefficientVO.cIeXi = newValue.data.cIeXi;
}
firstCoefficientVO.aV = newValue.data.aV;
firstCoefficientVO.bV = newValue.data.bV;
firstCoefficientVO.cV = newValue.data.cV;
firstCoefficientVO.aI = newValue.data.aI;
firstCoefficientVO.bI = newValue.data.bI;
firstCoefficientVO.cI = newValue.data.cI;
console.log(newValue.data.devName + '对象:', firstCoefficientVO);
activeIndex.value++;
} else {
console.log('未找到匹配的' + newValue.data.devName + '对象');
}
} else {
console.log(newValue.data.devName + '数组为空');
} }
} else { } else {
console.log(newValue.data.devName + '数组为空'); console.log('未找到' + newValue.data.devName + '对应的数组');
} }
} else {
console.log('未找到'+newValue.data.devName+'对应的数组');
} }
} break;
break; }
} break;
break; case 'socket_timeout':
case 'socket_timeout': switch (newValue.operateCode) {
switch (newValue.operateCode) { case 'VOLTAGE':
case 'VOLTAGE': ElMessageBox.alert('连接超时!', '连接超时', {
ElMessageBox.alert('连接超时!', '连接超时', { confirmButtonText: '确定',
confirmButtonText: '确定', type: 'error',
type: 'error', })
}) TableInit();
TableInit(); break;
break; }
} break;
break; case 'connect':
case 'connect': switch (newValue.operateCode) {
switch (newValue.operateCode) { case "Source":
case "Source": ElMessageBox.alert('源服务端连接失败', '源服务端连接失败', {
ElMessageBox.alert('源服务端连接失败', '源服务端连接失败', { confirmButtonText: '确定',
confirmButtonText: '确定', type: 'error',
type: 'error', })
}) TableInit();
TableInit(); break;
break; case "Dev":
case "Dev": ElMessageBox.alert('设备服务端连接失败', '设备服务端连接失败', {
ElMessageBox.alert('设备服务端连接失败', '设备服务端连接失败', { confirmButtonText: '确定',
confirmButtonText: '确定', type: 'error',
type: 'error', })
}) TableInit();
TableInit(); break;
break; }
}
break; break;
}
} }
} }
}) })
@@ -714,14 +739,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
})*/
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">
@@ -234,317 +233,380 @@ 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) { case 'INIT_GATHER':
case 'INIT_GATHER': if (newValue.code == 10200) {
if (newValue.code == 10200) { step1InitLog.value.push({
step1InitLog.value.push({ type: 'info',
type: 'info', log: '源初始化成功!',
log: '源初始化成功!', })
}) activeIndex.value = 1
activeIndex.value = 1 step1.value = 'success'
step1.value = 'success' step2.value = 'process'
step2.value = 'process' } else if (newValue.code == 10201) {
} else if (newValue.code == 10201) { step1.value = 'process'
step1.value = 'process' step1InitLog.value = [{
step1InitLog.value = [{ type: 'wait',
type: 'wait', log: '正在进行源初始化!',
log: '正在进行源初始化!', }];
}]; } else if (newValue.code == 10552) {
} else if (newValue.code == 10552) { 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'
step1InitLog.value = [{ step5.value = 'error'
type: 'error', step1InitLog.value = [{
log: '源连接失败!', type: 'error',
}]; log: '源连接失败!',
} else if (newValue.code == -1) { }];
step1.value = 'error' } else if (newValue.code == -1) {
ts.value = 'error' step1.value = 'error'
step1InitLog.value = [{ ts.value = 'error'
type: 'error', step5.value = 'error'
log: '源未知异常!', step1InitLog.value = [{
}]; type: 'error',
} log: '源未知异常!',
break; }];
}
break;
case 'yjc_sbtxjy':
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'
} else if (newValue.code == 10551) {
step2InitLog.value.push({
type: 'error',
log: newValue.data + '设备触发报告异常!',
})
step2.value = 'error'
ts.value = 'error'
} else if (newValue.code == 10552) {
//ElMessage.error("存在已经初始化步骤,已经自动关闭,请重新发起检测!")
step2InitLog.value = [{
type: 'wait',
log: '存在已经初始化步骤,执行自动关闭,请重新发起检测!',
}];
step2.value = 'error'
ts.value = 'error'
} else if (newValue.code == 25001) {
activeIndex.value = 2
step2.value = 'success'
step3.value = 'process'
}
break;
}
break;
case 'yjc_xyjy':
switch (newValue.operateCode) {
case 'INIT_GATHER$01':
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'
} else if (newValue.code == 10551) {
step3InitLog.value.push({
type: 'error',
log: newValue.data + '设备触发报告异常!',
})
step3.value = 'error'
ts.value = 'error'
} else if (newValue.code == 10552) {
step3.value = 'error'
//ElMessage.error("存在已经初始化步骤,已经自动关闭,请重新发起检测!")
step3InitLog.value = [{
type: 'wait',
log: '存在已经初始化步骤,执行自动关闭,请重新发起检测!',
}];
ts.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'
} else if (newValue.code == 10551) {
step3InitLog.value.push({
type: 'error',
log: newValue.data + '设备触发报告异常!',
})
step3.value = 'error'
ts.value = 'error'
} else if (newValue.code == 10552) {
step3.value = 'error'
//ElMessage.error("存在已经初始化步骤,已经自动关闭,请重新发起检测!")
step3InitLog.value = [{
type: 'wait',
log: '存在已经初始化步骤,执行自动关闭,请重新发起检测!',
}];
ts.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'
} else if (newValue.code == 10551) {
step3InitLog.value.push({
type: 'error',
log: newValue.data + '设备触发报告异常!',
})
step3.value = 'error'
ts.value = 'error'
} else if (newValue.code == 10552) {
//ElMessage.error("当前步骤已经初始化,执行自动关闭,请重新发起检测!")
step3.value = 'error'
step3InitLog.value = [{
type: 'wait',
log: '存在已经初始化步骤,执行自动关闭,请重新发起检测!',
}];
ts.value = 'error'
} else if (newValue.code == 25001) {
activeIndex.value = 3
step3.value = 'success'
step4.value = 'process'
}
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'
} else if (newValue.code == 10520) {
step4.value = 'error'
step4InitLog.value.push({
type: 'error',
log: '解析报文异常',
})
ts.value = 'error'
}
break;
case 'DATA_REQUEST$02':
if (newValue.code == 10200) {
let type = 'info'
if (newValue.data.includes('不合格')) {
type = 'error'
} }
break;
newValue.data.split('<br/>')
step4InitLog.value.push({
type: type,
log:newValue.data,
})
} else if (newValue.code == 10201) { }
step4.value = 'process' break;
step4InitLog.value = [{ case 'yjc_sbtxjy':
type: 'wait',
log: '获取数据相序校验数据!', switch (newValue.operateCode) {
}]; case 'INIT_GATHER$01':
} else if (newValue.code == 25003) { if (newValue.code == 10200) {
step4.value = 'error' step2InitLog.value.push({
step4InitLog.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) {
step2InitLog.value.push({
type: 'error',
log: newValue.data + '设备触发报告异常!',
})
step2.value = 'error'
ts.value = 'error'
step5.value = 'error'
} else if (newValue.code == 10552) {
//ElMessage.error("存在已经初始化步骤,已经自动关闭,请重新发起检测!")
step2InitLog.value = [{
type: 'wait',
log: '存在已经初始化步骤,执行自动关闭,请重新发起检测!',
}];
step2.value = 'error'
ts.value = 'error'
step5.value = 'error'
} else if (newValue.code == 25001) {
activeIndex.value = 2
step2.value = 'success'
step3.value = 'process'
}
break;
}
break;
case 'yjc_xyjy':
switch (newValue.operateCode) {
case 'INIT_GATHER$01':
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$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', type: 'error',
log: '相序校验未通过!', log: '源服务端连接失败!',
}) }];
ts.value = 'error' ts.value = 'error'
} else if (newValue.code == 25001) { step5.value = 'error'
step4.value = 'success' break;
step5.value = 'success' case "Dev":
step4InitLog.value.push({ step2.value = 'error'
type: 'wait', step2InitLog.value = [{
log: '相序校验成功!', type: 'error',
}) log: '设备服务端连接失败!',
} }];
activeIndex.value = 5 ts.value = 'error'
ts.value = 'success' step5.value = 'error'
console.log("@@@@",ts.value) break;
break }
} break;
case 'unknown_operate':
break; break;
case 'quit': case 'error_flow_end':
break; ElMessageBox.alert(`设备连接异常,请检查设备连接情况!`, '检测失败', {
case 'connect': confirmButtonText: '确定',
switch (newValue.operateCode) { type: 'error',
case "Source": })
step1.value = 'error' ts.value = 'error'
step1InitLog.value = [{ step5.value = 'error'
type: 'error', break;
log: '源服务端连接失败!', case 'socket_timeout':
}]; ElMessageBox.alert(`设备连接异常,请检查设备连接情况!`, '检测失败', {
ts.value = 'error' confirmButtonText: '确定',
break; type: 'error',
case "Dev": })
step2.value = 'error' ts.value = 'error'
step2InitLog.value = [{ step5.value = 'error'
type: 'error', break;
log: '设备服务端连接失败!', case 'server_error':
}]; ElMessageBox.alert('服务端主动关闭连接!', '初始化失败', {
ts.value = 'error' confirmButtonText: '确定',
break; type: 'error',
} })
break; ts.value = 'error'
case 'unknown_operate': step5.value = 'error'
break;
break; case 'device_error':
case 'error_flow_end': ElMessageBox.alert('设备主动关闭连接!', '初始化失败', {
ElMessageBox.alert(`设备连接异常,请检查设备连接情况!`, '检测失败', { confirmButtonText: '确定',
confirmButtonText: '确定', type: 'error',
type: 'error', })
}) ts.value = 'error'
ts.value = 'error' step5.value = 'error'
break; break;
}
} }
}) })
watch(activeIndex, function (newValue, oldValue) { watch(activeIndex, function (newValue, oldValue) {

View File

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

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 prop="channelsTest" :label-width="100"> <el-form-item v-if="AppSceneStore.currentScene === '1'" 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">
@@ -32,7 +32,8 @@ import {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";
const AppSceneStore = useAppSceneStore()
const emit = defineEmits(['openTestDialog']) const emit = defineEmits(['openTestDialog'])
const checkStore = useCheckStore(); const checkStore = useCheckStore();
@@ -50,7 +51,8 @@ const open = async () => {
// 清空表单内容 // 清空表单内容
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 = () => {
@@ -88,7 +90,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>
@@ -90,19 +90,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>
@@ -163,7 +161,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 +231,9 @@
<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>
</div> </div>
</template> </template>
@@ -271,7 +271,8 @@ import {generateDevReport, getBoundPqDevList} from '@/api/plan/plan.ts'
import {onBeforeMount, onMounted, reactive, ref, watch} from 'vue' import {onBeforeMount, onMounted, 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 +280,12 @@ 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 { fa } from 'element-plus/es/locale'
const dictStore = useDictStore() const dictStore = useDictStore()
const checkStore = useCheckStore() const checkStore = useCheckStore()
@@ -299,6 +302,7 @@ 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 matchDialogVisible = ref(false) const matchDialogVisible = ref(false)
const dialogTitle = ref('手动检测') const dialogTitle = ref('手动检测')
@@ -355,6 +359,7 @@ const props = defineProps({
default: null, default: null,
}, },
}) })
const appSceneStore = useAppSceneStore()
const emit = defineEmits<{ const emit = defineEmits<{
(e: 'batchGenerateClicked'): void; (e: 'batchGenerateClicked'): void;
@@ -586,7 +591,7 @@ const columns = reactive<ColumnProps<Device.ResPqDev>[]>([
label: '系数校准结果', label: '系数校准结果',
minWidth: 100, minWidth: 100,
sortable: true, sortable: true,
isShow: factorCheckShow, isShow: factorCheckShow && appSceneStore.currentScene === "1" ,
render: scope => { render: scope => {
if (scope.row.factorCheckResult === 0) { if (scope.row.factorCheckResult === 0) {
return '不合格' return '不合格'
@@ -646,6 +651,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,
} }
}) })
@@ -938,6 +944,7 @@ const handleTest = async (val: string) => {
dialogTitle.value = val dialogTitle.value = val
if (val === '手动检测') { if (val === '手动检测') {
checkStore.setShowDetailType(2)
if (testType === 'reTest') { if (testType === 'reTest') {
ElMessageBox.confirm('请选择复检检测方式', '设备复检', ElMessageBox.confirm('请选择复检检测方式', '设备复检',
@@ -949,20 +956,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) => {
ElMessage.success('全部复检') if(action === 'cancel'){
checkStore.setReCheckType(1) ElMessage.success('全部复检')
selectTestItemPopupRef.value?.open() checkStore.setReCheckType(1)
//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 是否存在
@@ -988,6 +1012,7 @@ const handleTest = async (val: string) => {
channelsTest.value?.open(channelsSelection.value, props.plan) channelsTest.value?.open(channelsSelection.value, props.plan)
return return
} else { } else {
checkStore.setShowDetailType(2)
checkStore.setCheckType(1) checkStore.setCheckType(1)
checkStore.initSelectTestItems() checkStore.initSelectTestItems()
// 一键检测 // 一键检测
@@ -1001,20 +1026,33 @@ 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() //openTestDialog(false)
if(appSceneStore.currentScene === '0'){
writeTHPopupRef.value?.open()
}else{
openTestDialog(true)
}
}) })
.catch((action: Action) => { .catch((action: Action) => {
ElMessage.success('全部复检') if (action === 'cancel') {
checkStore.setReCheckType(1) ElMessage.success('全部复检')
openTestDialog() checkStore.setReCheckType(1)
//openTestDialog(false)
if (appSceneStore.currentScene === '0') {
writeTHPopupRef.value?.open()
} else {
openTestDialog(true)
}
}
}) })
checkStore.setSelectTestItems({preTest: false, timeTest: false, channelsTest: false, test: true})
} else { } else {
openTestDialog() openTestDialog(true)
} }
} }
} }
@@ -1034,7 +1072,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('归档成功!')
@@ -1043,10 +1081,37 @@ 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) => {
testPopup.value?.open(dialogTitle.value) 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)
} }
// 打开 drawer(新增、查看、编辑) // 打开 drawer(新增、查看、编辑)
@@ -1062,7 +1127,7 @@ const openDrawer = async (title: string, row: any) => {
if (title === '报告生成') { if (title === '报告生成') {
await generateDevReport({'planId': checkStore.plan.id, 'devId': row.id}) await generateDevReport({'planId': checkStore.plan.id, 'devIdList': [row.id],'scriptId':checkStore.plan.scriptId,'planCode':checkStore.plan.code+''})
emit('batchGenerateClicked') // 触发事件 emit('batchGenerateClicked') // 触发事件
ElMessage.success({message: `报告生成成功!`}) ElMessage.success({message: `报告生成成功!`})
} }
@@ -1126,6 +1191,7 @@ watch(
) )
onBeforeMount(async () => { onBeforeMount(async () => {
const response = await getPqDev() const response = await getPqDev()
devTypeOptions.value = response.data.map(item => ({ devTypeOptions.value = response.data.map(item => ({
id: item.id, id: item.id,
@@ -1140,7 +1206,7 @@ onBeforeMount(async () => {
const handleQuitClicked = () => { const handleQuitClicked = () => {
//console.log('handleQuitClicked') //console.log('handleQuitClicked')
//dataSocket.socketServe.closeWs() dataSocket.socketServe.closeWs()
emit('batchGenerateClicked') // 触发事件 emit('batchGenerateClicked') // 触发事件
} }

View File

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

View File

@@ -9,73 +9,15 @@
<span>检测用时{{ timeView }}</span> <span>检测用时{{ timeView }}</span>
</div> </div>
<el-progress <el-progress
style="width: 60%; margin-right: 4%;" 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>
<!-- <el-button-->
<!-- type="primary"-->
<!-- v-if="testStatus=='test_init'"-->
<!-- :icon="VideoPause"-->
<!-- disabled>初始化中-->
<!-- </el-button>-->
<!-- <el-button-->
<!-- type="danger"-->
<!-- v-if="testStatus=='test_init_fail'"-->
<!-- :icon="Failed"-->
<!-- disabled>初始化失败-->
<!-- </el-button>-->
<!-- <el-button-->
<!-- type="danger"-->
<!-- v-if="testStatus=='connect_timeout'"-->
<!-- :icon="Failed"-->
<!-- disabled>连接超时-->
<!-- </el-button>-->
<!-- <el-button-->
<!-- type="primary"-->
<!-- :icon="RefreshLeft"-->
<!-- v-if="testStatus === 'recheck'"-->
<!-- @click="emit('sendReCheck')">重新检测-->
<!-- </el-button>-->
<el-button type="success" v-if="percentage >= 100" :icon="Check" disabled>检测完成</el-button>
<el-button
type="warning"
v-if="(testStatus=='paused' || testStatus === 'pause_timeout') && percentage < 100"
:icon="VideoPlay"
:disabled="testStatus === 'pause_timeout'"
@click="emit('sendResume')"
>继续检测
</el-button>
</div>
<el-button style="width: 10%" type="text" :icon="InfoFilled" @click="showTestLog">检测项进度</el-button> <el-button style="width: 10%" type="text" :icon="InfoFilled" @click="showTestLog">检测项进度</el-button>
</div> </div>
<div class="dialog-content"> <div class="dialog-content">
<el-table :data="checkResultView" row-key="scriptType" height="450px" <el-table :data="checkResultView" row-key="scriptType" height="450px"
:header-cell-style="{ background: '#003078', color: '#eee', textAlign: 'center' } " style="width: 100%" :header-cell-style="{ background: 'var(--el-color-primary)', color: '#eee', textAlign: 'center' } " style="width: 100%"
border> border>
<el-table-column fixed prop="scriptName" label="检测项目" width="150px" align="center"> <el-table-column fixed prop="scriptName" label="检测项目" width="150px" align="center">
</el-table-column> </el-table-column>
@@ -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";
@@ -168,6 +114,9 @@ import {CheckData} from "@/api/check/interface"
import {useCheckStore} from "@/stores/modules/check"; import {useCheckStore} from "@/stores/modules/check";
import {ElMessage, ElMessageBox} from "element-plus"; import {ElMessage, ElMessageBox} from "element-plus";
import {getBigTestItem} from "@/api/check/test"; import {getBigTestItem} from "@/api/check/test";
import {getAutoGenerate} from "@/api/user/login";
import {generateDevReport} from "@/api/plan/plan";
const checkStore = useCheckStore() const checkStore = useCheckStore()
@@ -191,12 +140,12 @@ const props = defineProps({
} }
}) })
const emit = defineEmits(['update:testStatus', 'update:webMsgSend', 'sendPause', 'sendResume', 'sendReCheck']); const emit = defineEmits(['update:testStatus', 'update:webMsgSend', 'sendPause', 'sendResume', 'sendReCheck', 'closeWebSocket']);
// 用来保存测试项进度抽屉是否打开 // 用来保存测试项进度抽屉是否打开
const drawer = ref(false) const drawer = ref(false)
// 进度条颜色 // 进度条颜色
const customColors = [{color: "#67c23a", percentage: 100}] const customColors = [{color: "#91cc75", percentage: 100}]
// 检测脚本数据 // 检测脚本数据
let scriptData: CheckData.ScriptItem[] = [] let scriptData: CheckData.ScriptItem[] = []
// 用来保存被检设备 // 用来保存被检设备
@@ -254,7 +203,7 @@ const checkResultView: ComputedRef<CheckData.ScriptChnViewItem[]> = computed(()
for (let j = 0; j < device.chnResult.length; j++) { for (let j = 0; j < device.chnResult.length; j++) {
switch (device.chnResult[j]) { switch (device.chnResult[j]) {
case CheckData.ChnCheckResultEnum.UNKNOWN: case CheckData.ChnCheckResultEnum.UNKNOWN:
tempChnBtnResult.push({color: CheckData.ButtonColorEnum.INFO, icon: 'Minus'}) tempChnBtnResult.push({color: CheckData.ButtonColorEnum.INFO, icon: 'More'})
break; break;
case CheckData.ChnCheckResultEnum.LOADING: case CheckData.ChnCheckResultEnum.LOADING:
tempChnBtnResult.push({color: CheckData.ButtonColorEnum.LOADING, icon: 'Loading'}) tempChnBtnResult.push({color: CheckData.ButtonColorEnum.LOADING, icon: 'Loading'})
@@ -271,6 +220,9 @@ const checkResultView: ComputedRef<CheckData.ScriptChnViewItem[]> = computed(()
case CheckData.ChnCheckResultEnum.ERRORDATA: case CheckData.ChnCheckResultEnum.ERRORDATA:
tempChnBtnResult.push({color: CheckData.ButtonColorEnum.WARNING, icon: 'WarnTriangleFilled'}) tempChnBtnResult.push({color: CheckData.ButtonColorEnum.WARNING, icon: 'WarnTriangleFilled'})
break; break;
case CheckData.ChnCheckResultEnum.NOT_PART_IN_ERROR:
tempChnBtnResult.push({color: CheckData.ButtonColorEnum.INFO, icon: 'Minus'})
break;
default: default:
break; break;
} }
@@ -325,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') {
ElMessage.success('初始化开始!') if (!checkStore.selectTestItems.preTest && !checkStore.selectTestItems.channelsTest) {
ElMessage.success('初始化开始!')
emit('update:testStatus', 'test_init')
testLogList.push({type: 'info', log: `${new Date().toLocaleString()}:初始化开始!`})
} else {
emit('update:testStatus', 'process')
}
startTimeCount() 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') {
@@ -349,137 +301,149 @@ watch(testStatus, function (newValue, oldValue) {
let count = 0 let count = 0
watch(webMsgSend, function (newValue, oldValue) { watch(webMsgSend, function (newValue, oldValue) {
if (props.stepsActive === 4) { if (testStatus.value !== 'waiting') {
if (newValue.code == 10520) { if (props.stepsActive === 4) {
ElMessageBox.alert('报文解析异常!', '初始化失败', { if (newValue.code == 10520) {
confirmButtonText: '确定', ElMessageBox.alert('报文解析异常!', '初始化失败', {
type: 'error',
})
testLogList.push({type: 'error', log: `${new Date().toLocaleString()}:报文解析异常!`})
emit('update:testStatus', 'test_init_fail')
} else if (newValue.code == 10521) {
ElMessageBox.alert('程控源參数有误!', '初始化失败', {
confirmButtonText: '确定',
type: 'error',
})
testLogList.push({type: 'error', log: `${new Date().toLocaleString()}:程控源參数有误!`})
emit('update:testStatus', 'test_init_fail')
} else if (newValue.code == 10522) {
ElMessageBox.alert('测试项解析有误!', '初始化失败', {
confirmButtonText: '确定',
type: 'error',
})
testLogList.push({type: 'error', log: `${new Date().toLocaleString()}:测试项解析有误!`})
emit('update:testStatus', 'test_init_fail')
} else if (newValue.code == 10523) {
if (count === 0) {
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') emit('update:testStatus', 'test_init_fail')
count++ } else if (newValue.code == 10521) {
} ElMessageBox.alert('程控源參数有误!', '初始化失败', {
} else if (newValue.code == 10524) { confirmButtonText: '确定',
ElMessageBox.alert('获取源控制权失败!', '初始化失败', { type: 'error',
confirmButtonText: '确定', })
type: 'error', testLogList.push({type: 'error', log: `${new Date().toLocaleString()}:程控源參数有误!`})
}) emit('update:testStatus', 'test_init_fail')
testLogList.push({type: 'error', log: `${new Date().toLocaleString()}:获取源控制权失败!`}) } else if (newValue.code == 10522) {
emit('update:testStatus', 'test_init_fail') ElMessageBox.alert('测试项解析有误!', '初始化失败', {
} else if (newValue.code == 10525) { confirmButtonText: '确定',
ElMessageBox.alert('重置源失败!', '初始化失败', { type: 'error',
confirmButtonText: '确定', })
type: 'error', testLogList.push({type: 'error', log: `${new Date().toLocaleString()}:测试项解析有误!`})
}) emit('update:testStatus', 'test_init_fail')
testLogList.push({type: 'error', log: `${new Date().toLocaleString()}:重置源失败!`}) } else if (newValue.code == 10523) {
emit('update:testStatus', 'test_init_fail') if (count === 0) {
} else if (newValue.code == 10527) { ElMessageBox.alert('源连接失败!', '初始化失败', {
ElMessageBox.alert('源未进行初始化!', '初始化失败', {
confirmButtonText: '确定',
type: 'error',
})
testLogList.push({type: 'error', log: `${new Date().toLocaleString()}:源未进行初始化!`})
emit('update:testStatus', 'test_init_fail')
} else if (newValue.code == 10528) {
ElMessageBox.alert('目标源有误(该用户已控制其他源,在关闭前无法操作新的源)', '初始化失败', {
confirmButtonText: '确定',
type: 'error',
})
testLogList.push({type: 'error', log: `${new Date().toLocaleString()}:目标源有误(该用户已控制其他源,在关闭前无法操作新的源)`})
emit('update:testStatus', 'test_init_fail')
} else if (newValue.code == 10529) {
ElMessageBox.alert('源状态有误,无法响应报文(例如源处于输出状态,无法响应初始化报文)', '初始化失败', {
confirmButtonText: '确定',
type: 'error',
})
testLogList.push({type: 'error', log: `${new Date().toLocaleString()}:源状态有误,无法响应报文(例如源处于输出状态,无法响应初始化报文)`})
emit('update:testStatus', 'test_init_fail')
} else if (newValue.code == 10550) {
testLogList.push({type: 'error', log: `${new Date().toLocaleString()}${newValue.data}设备连接异常!`})
emit('update:testStatus', 'test_init_fail')
} else if (newValue.code == 10551) {
ElMessageBox.alert(`${newValue.data}设备触发报告异常!`, '初始化失败', {
confirmButtonText: '确定',
type: 'error',
})
testLogList.push({type: 'error', log: `${new Date().toLocaleString()}${newValue.data}设备触发报告异常!`})
emit('update:testStatus', 'test_init_fail')
} else if (newValue.code == 10552) { //todo 10552之后还会发送消息吗
ElMessageBox.alert('存在已经初始化步骤,执行自动关闭,请重新发起检测', '初始化失败', {
confirmButtonText: '确定',
type: 'error',
})
testLogList.push({
type: 'error',
log: `${new Date().toLocaleString()}:存在已经初始化步骤,执行自动关闭,请重新发起检测!`
})
// emit('update:testStatus', 'recheck')
emit('update:testStatus', 'test_init_fail')
} else {
switch (newValue.requestId) {
case 'server_error':
if (newValue.operateCode === 'server_error' && count === 0) {
ElMessageBox.alert('源连接失败!', '初始化失败', {
confirmButtonText: '确定',
type: 'error',
})
testLogList.push({type: 'error', log: `${new Date().toLocaleString()}:源连接失败!`})
emit('update:testStatus', 'test_init_fail')
count++
}
break;
case 'formal_real': // 正式测试
switch (newValue.operateCode) {
case "stop_timeout":
ElMessageBox.alert(`暂停时间已过10分钟本次检测已失效请重新发起检测`, '暂停时间过长', {
confirmButtonText: '确定',
type: 'error',
})
emit('update:testStatus', 'pause_timeout')
break;
}
break;
case 'error_flow_end':
ElMessageBox.alert(`设备连接异常,请检查设备连接情况!`, '初始化失败', {
confirmButtonText: '确定', confirmButtonText: '确定',
type: 'error', type: 'error',
}) })
testLogList.push({type: 'error', log: `${new Date().toLocaleString()}:源连接失败!`})
emit('update:testStatus', 'test_init_fail') emit('update:testStatus', 'test_init_fail')
break count++
case 'socket_timeout': }
switch (newValue.operateCode) { } else if (newValue.code == 10524) {
case "VOLTAGE": ElMessageBox.alert('获取源控制权失败!', '初始化失败', {
// todo 超时处理 页面按钮更新 confirmButtonText: '确定',
ElMessageBox.alert('连接超时!', '连接超时', { type: 'error',
})
testLogList.push({type: 'error', log: `${new Date().toLocaleString()}:获取源控制权失败!`})
emit('update:testStatus', 'test_init_fail')
} else if (newValue.code == 10525) {
ElMessageBox.alert('重置源失败!', '初始化失败', {
confirmButtonText: '确定',
type: 'error',
})
testLogList.push({type: 'error', log: `${new Date().toLocaleString()}:重置源失败!`})
emit('update:testStatus', 'test_init_fail')
} else if (newValue.code == 10527) {
ElMessageBox.alert('源未进行初始化!', '初始化失败', {
confirmButtonText: '确定',
type: 'error',
})
testLogList.push({type: 'error', log: `${new Date().toLocaleString()}:源未进行初始化!`})
emit('update:testStatus', 'test_init_fail')
} else if (newValue.code == 10528) {
ElMessageBox.alert('目标源有误(该用户已控制其他源,在关闭前无法操作新的源)', '初始化失败', {
confirmButtonText: '确定',
type: 'error',
})
testLogList.push({type: 'error', log: `${new Date().toLocaleString()}:目标源有误(该用户已控制其他源,在关闭前无法操作新的源)`})
emit('update:testStatus', 'test_init_fail')
} else if (newValue.code == 10529) {
ElMessageBox.alert('源状态有误,无法响应报文(例如源处于输出状态,无法响应初始化报文)', '初始化失败', {
confirmButtonText: '确定',
type: 'error',
})
testLogList.push({type: 'error', log: `${new Date().toLocaleString()}:源状态有误,无法响应报文(例如源处于输出状态,无法响应初始化报文)`})
emit('update:testStatus', 'test_init_fail')
} else if (newValue.code == 10550) {
testLogList.push({type: 'error', log: `${new Date().toLocaleString()}${newValue.data}设备连接异常!`})
emit('update:testStatus', 'test_init_fail')
} else if (newValue.code == 10551) {
ElMessageBox.alert(`${newValue.data}设备触发报告异常!`, '初始化失败', {
confirmButtonText: '确定',
type: 'error',
})
testLogList.push({type: 'error', log: `${new Date().toLocaleString()}${newValue.data}设备触发报告异常!`})
emit('update:testStatus', 'test_init_fail')
} else if (newValue.code == 10552) { //todo 10552之后还会发送消息吗
ElMessageBox.alert('存在已经初始化步骤,执行自动关闭,请重新发起检测', '初始化失败', {
confirmButtonText: '确定',
type: 'error',
})
testLogList.push({
type: 'error',
log: `${new Date().toLocaleString()}:存在已经初始化步骤,执行自动关闭,请重新发起检测!`
})
// emit('update:testStatus', 'recheck')
emit('update:testStatus', 'test_init_fail')
} else {
switch (newValue.requestId) {
case 'server_error':
if (newValue.operateCode === 'server_error' && count === 0) {
ElMessageBox.alert('服务端主动关闭连接!', '初始化失败', {
confirmButtonText: '确定', confirmButtonText: '确定',
type: 'error', type: 'error',
}) })
emit('update:testStatus', 'connect_timeout') testLogList.push({type: 'error', log: `${new Date().toLocaleString()}:服务端主动关闭连接!`})
break; emit('update:testStatus', 'test_init_fail')
} count++
break; }
break;
case 'device_error':
if (newValue.operateCode === 'device_error' && count === 0) {
ElMessageBox.alert('设备端主动关闭连接!', '初始化失败', {
confirmButtonText: '确定',
type: 'error',
})
testLogList.push({type: 'error', log: `${new Date().toLocaleString()}:设备端主动关闭连接!`})
emit('update:testStatus', 'test_init_fail')
count++
}
break;
case 'formal_real': // 正式测试
switch (newValue.operateCode) {
case "stop_timeout":
ElMessageBox.alert(`暂停时间已过10分钟本次检测已失效请重新发起检测`, '暂停时间过长', {
confirmButtonText: '确定',
type: 'error',
})
emit('update:testStatus', 'pause_timeout')
break;
}
break;
case 'error_flow_end':
ElMessageBox.alert(`设备连接异常,请检查设备连接情况!`, '初始化失败', {
confirmButtonText: '确定',
type: 'error',
})
emit('update:testStatus', 'test_init_fail')
break
case 'socket_timeout':
switch (newValue.operateCode) {
case "VOLTAGE":
// todo 超时处理 页面按钮更新
ElMessageBox.alert('连接超时!', '连接超时', {
confirmButtonText: '确定',
type: 'error',
})
emit('update:testStatus', 'connect_timeout')
break;
}
break;
case 'connect': case 'connect':
switch (newValue.operateCode) { switch (newValue.operateCode) {
case "Source": case "Source":
@@ -499,146 +463,167 @@ watch(webMsgSend, function (newValue, oldValue) {
} }
emit('update:testStatus', 'test_init_fail') emit('update:testStatus', 'test_init_fail')
break; break;
case 'yjc_ytxjy': case 'yjc_ytxjy':
switch (newValue.operateCode) { switch (newValue.operateCode) {
case 'INIT_GATHER': case 'INIT_GATHER':
if (newValue.code == 10200) { if (newValue.code == 10200) {
testLogList.push({type: 'info', log: `${new Date().toLocaleString()}:源初始化成功!`}) testLogList.push({type: 'info', log: `${new Date().toLocaleString()}:源初始化成功!`})
percentage.value = 1 percentage.value = 1
} }
if (newValue.code == -1) { if (newValue.code == -1) {
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') emit('update:testStatus', 'test_init_fail')
} }
break; break;
} }
break; break;
case 'yjc_sbtxjy': case 'yjc_sbtxjy':
switch (newValue.operateCode) { switch (newValue.operateCode) {
case 'INIT_GATHER$01': case 'INIT_GATHER$01':
if (newValue.code == 25001) { if (newValue.code == 25001) {
testLogList.push({type: 'info', log: `${new Date().toLocaleString()}:设备通讯校验成功!`}) testLogList.push({type: 'info', log: `${new Date().toLocaleString()}:设备通讯校验成功!`})
percentage.value = 2 percentage.value = 2
} }
break break
} }
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()}:协议校验成功!`})
timeDifference.value = +new Date().getTime() - startData.value.getTime(); timeDifference.value = +new Date().getTime() - startData.value.getTime();
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
//startTimer()
activeIndex = getNextActiveIndex() + 2 emit('update:testStatus', 'process')
//startTimer() } else if (newValue.code == 10200) {
let data = JSON.parse(newValue.data)
emit('update:testStatus', 'process') ElMessageBox.alert(`脚本与icd校验失败icd名称${data['icdType']} -> 校验项:${data['dataType']}`, '初始化失败', {
} confirmButtonText: '确定',
break; type: 'error',
} })
break; testLogList.push({
case 'preStopTest': type: 'error',
if (newValue.operateCode == 'stop') { log: `${new Date().toLocaleString()}脚本与icd校验失败icd名称${data['icdType']} -> 校验项:${data['dataType']}`
ElMessage.success('暂停成功') })
emit('update:testStatus', 'paused') emit('update:testStatus', 'test_init_fail')
pauseSuccessCallback() } else if (newValue.code == 10500) {
} ElMessageBox.alert(`装置中未找到该icd`, '初始化失败', {
break; confirmButtonText: '确定',
// case 'Pause_Fail': type: 'error',
// ElMessage.error('暂停失败') })
// break; testLogList.push({
case 'Resume_Success': type: 'error',
ElMessage.success('开始继续检测') log: `${new Date().toLocaleString()}装置中未找到该icd`
emit('update:testStatus', 'process') })
handleResumeTest() emit('update:testStatus', 'test_init_fail')
break; }
// case 'Resume_Fail': break;
// ElMessage.error('无法继续检测') }
// break; break;
case 'FREQ_Start': case 'preStopTest':
handleStartItem('FREQ', newValue.desc) if (newValue.operateCode == 'stop') {
break; ElMessage.success('暂停成功')
case 'FREQ_End': emit('update:testStatus', 'paused')
handleEndItem('FREQ', newValue.desc, newValue.data) pauseSuccessCallback()
break; }
case 'V_Start': break;
handleStartItem('V', newValue.desc) // case 'Pause_Fail':
break; // ElMessage.error('暂停失败')
case 'V_End': // break;
handleEndItem('V', newValue.desc, newValue.data) case 'Resume_Success':
break; ElMessage.success('开始继续检测')
case 'HV_Start': emit('update:testStatus', 'process')
handleStartItem('HV', newValue.desc) handleResumeTest()
break; break;
case 'HV_End': // case 'Resume_Fail':
handleEndItem('HV', newValue.desc, newValue.data) // ElMessage.error('无法继续检测')
break; // break;
case 'HI_Start': case 'FREQ_Start':
handleStartItem('HI', newValue.desc) handleStartItem('FREQ', newValue.desc)
break; break;
case 'HI_End': case 'FREQ_End':
handleEndItem('HI', newValue.desc, newValue.data) handleEndItem('FREQ', newValue.desc, newValue.data)
break; break;
case 'HP_Start': case 'V_Start':
handleStartItem('HP', newValue.desc) handleStartItem('V', newValue.desc)
break; break;
case 'HP_End': case 'V_End':
handleEndItem('HP', newValue.desc, newValue.data) handleEndItem('V', newValue.desc, newValue.data)
break; break;
case 'HSV_Start': case 'HV_Start':
handleStartItem('HSV', newValue.desc) handleStartItem('HV', newValue.desc)
break; break;
case 'HSV_End': case 'HV_End':
handleEndItem('HSV', newValue.desc, newValue.data) handleEndItem('HV', newValue.desc, newValue.data)
break; break;
case 'HSI_Start': case 'HI_Start':
handleStartItem('HSI', newValue.desc) handleStartItem('HI', newValue.desc)
break; break;
case 'HSI_End': case 'HI_End':
handleEndItem('HSI', newValue.desc, newValue.data) handleEndItem('HI', newValue.desc, newValue.data)
break; break;
case 'VOLTAGE_Start': case 'HP_Start':
handleStartItem('VOLTAGE', newValue.desc) handleStartItem('HP', newValue.desc)
break; break;
case 'VOLTAGE_End': case 'HP_End':
handleEndItem('VOLTAGE', newValue.desc, newValue.data) handleEndItem('HP', newValue.desc, newValue.data)
break; break;
case 'I_Start': case 'HSV_Start':
handleStartItem('I', newValue.desc) handleStartItem('HSV', newValue.desc)
break; break;
case 'I_End': case 'HSV_End':
handleEndItem('I', newValue.desc, newValue.data) handleEndItem('HSV', newValue.desc, newValue.data)
break; break;
case 'IMBV_Start': case 'HSI_Start':
handleStartItem('IMBV', newValue.desc) handleStartItem('HSI', newValue.desc)
break; break;
case 'IMBV_End': case 'HSI_End':
handleEndItem('IMBV', newValue.desc, newValue.data) handleEndItem('HSI', newValue.desc, newValue.data)
break; break;
case 'IMBA_Start': case 'VOLTAGE_Start':
handleStartItem('IMBA', newValue.desc) handleStartItem('VOLTAGE', newValue.desc)
break; break;
case 'IMBA_End': case 'VOLTAGE_End':
handleEndItem('IMBA', newValue.desc, newValue.data) handleEndItem('VOLTAGE', newValue.desc, newValue.data)
break; break;
case 'F_Start': case 'I_Start':
handleStartItem('F', newValue.desc) handleStartItem('I', newValue.desc)
break; break;
case 'F_End': case 'I_End':
handleEndItem('F', newValue.desc, newValue.data) handleEndItem('I', newValue.desc, newValue.data)
break; break;
case 'Quit': case 'IMBV_Start':
console.log('检测结束') handleStartItem('IMBV', newValue.desc)
break; break;
case 'IMBV_End':
handleEndItem('IMBV', newValue.desc, newValue.data)
break;
case 'IMBA_Start':
handleStartItem('IMBA', newValue.desc)
break;
case 'IMBA_End':
handleEndItem('IMBA', newValue.desc, newValue.data)
break;
case 'F_Start':
handleStartItem('F', newValue.desc)
break;
case 'F_End':
handleEndItem('F', newValue.desc, newValue.data)
break;
case 'Quit':
console.log('检测结束')
break;
}
} }
} }
} }
@@ -650,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}准确度检测:开始`})
} }
} }
@@ -668,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}检测结束:符合`})
} }
@@ -684,15 +669,32 @@ const handleEndItem = (code: string, desc: string | undefined, devices: CheckDat
} }
// 更新进度条 // 更新进度条
const updatePercentage = () => { const updatePercentage = async () => {
if (activeIndex < checkTotal) { if (activeIndex < checkTotal) {
percentage.value = Math.trunc(activeIndex / checkTotal * 100); percentage.value = Math.trunc(activeIndex / checkTotal * 100);
} else { } else {
percentage.value = 100; percentage.value = 100;
emit('update:testStatus', 'success') emit('update:testStatus', 'success')
let {data: autoGenerate} = await getAutoGenerate()
if (autoGenerate == 1) {
//调用自动生成报告接口
let devIdList = checkStore.devices.map(item => {
return item.deviceId
})
await generateDevReport({
'planId': checkStore.plan.id,
'devIdList': devIdList,
'scriptId': checkStore.plan.scriptId,
'planCode': checkStore.plan.code + ''
})
}
ElMessageBox.alert('检测全部结束,你可以停留在此页面查看检测结果,或返回首页进行复检、报告生成和归档等操作', '检测完成', { ElMessageBox.alert('检测全部结束,你可以停留在此页面查看检测结果,或返回首页进行复检、报告生成和归档等操作', '检测完成', {
confirmButtonText: '确定', confirmButtonText: '确定',
}) })
// 关闭WebSocket连接
emit('closeWebSocket')
//clear(); //clear();
} }
} }
@@ -726,7 +728,7 @@ 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 => {
return { return {
@@ -1117,7 +1119,7 @@ const handleClick = (item: any, chnNum: number, scriptType: string) => {
}) })
} }
if (flag === -1 || flag === 1) { if (flag === -1 || flag === 1) {
checkStore.setShowDetailType(0) checkStore.setShowDetailType(2)
dataCheckSingleChannelSingleTestPopupRef.value?.open(item.deviceId, chnNum + '', scriptType); dataCheckSingleChannelSingleTestPopupRef.value?.open(item.deviceId, chnNum + '', scriptType);
} }
}; };
@@ -1243,7 +1245,7 @@ const startTimer = () => {
} }
}; };
const handlePause = () => { const handlePause = () => {
emit('sendPause') //emit('sendPause')
testLogList.push({type: 'error', log: `${new Date().toLocaleString()}:当前测试小项正在执行中,将在该小项执行结束后暂停...`}) testLogList.push({type: 'error', log: `${new Date().toLocaleString()}:当前测试小项正在执行中,将在该小项执行结束后暂停...`})
} }
@@ -1424,10 +1426,15 @@ const secondToTime = (second: number) => {
} }
onBeforeUnmount(() => { onBeforeUnmount(() => {
if (timer) { if (timer) {
clearInterval(timer) clearInterval(timer)
} }
}) })
defineExpose({
handlePause
})
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">
@@ -1479,8 +1486,7 @@ onBeforeUnmount(() => {
.timeView { .timeView {
display: flex; display: flex;
align-items: center; align-items: center;
color: #91cc75;
color: #67c23a;;
width: 28%; width: 28%;
margin-right: 0px; margin-right: 0px;
text-align: left; text-align: left;
@@ -1514,7 +1520,7 @@ onBeforeUnmount(() => {
.drawer-container { .drawer-container {
:deep(header.el-drawer__header) { :deep(header.el-drawer__header) {
color: #fff !important; color: #fff !important;
background-color: #003078 !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;
@@ -1541,7 +1547,7 @@ onBeforeUnmount(() => {
//:deep(.el-drawer .el-drawer__title){ //:deep(.el-drawer .el-drawer__title){
// background-color: #003078 !important; // background-color: var(--el-color-primary) !important;
//} //}
</style> </style>

View File

@@ -4,8 +4,10 @@
<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 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,47 +17,50 @@
: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"
<test v-if="showComponent&&testSelected" v-show="testSelected && stepsActiveView==4" v-model:testStatus="TestStatus" :webMsgSend="webMsgSend" :webMsgSend="webMsgSend"/>
@update:webMsgSend="webMsgSend=$event" @sendPause="sendPause" @sendResume="sendResume" @sendReCheck="sendReCheck" :stepsActive="stepsActive"/> <test v-if="showComponent&&testSelected" ref="testRef" v-show="testSelected && stepsActiveView==4" v-model:testStatus="TestStatus" :webMsgSend="webMsgSend"
@update:webMsgSend="webMsgSend=$event" @sendPause="sendPause" @sendResume="sendResume" @sendReCheck="sendReCheck" @closeWebSocket="closeWebSocket"
:stepsActive="stepsActive"/>
<template #footer> <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"/>
</el-icon> </el-icon>
初始化中 初始化中
</el-button> </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-button type="warning" v-if="TestStatus === 'paused_ing'" 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"/>
</el-icon> </el-icon>
暂停中 暂停中
</el-button> </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" <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')" v-if="nextStepText !== '下一步' && (ActiveStatue === 'success'||ActiveStatue==='error'||ActiveStatue==='test_init_fail'||ActiveStatue==='connect_timeout'||ActiveStatue==='pause_timeout')"
@click="nextStep"> @click="nextStep">
{{ nextStepText }} {{ nextStepText }}
</el-button> </el-button>
<el-button type="primary" @click="handleQuit" v-else>
退出检测
</el-button>
</div> </div>
</template> </template>
</el-dialog> </el-dialog>
@@ -66,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} 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'
@@ -74,7 +79,9 @@ import test from './test.vue'
import socketClient from '@/utils/webSocketClient'; import socketClient from '@/utils/webSocketClient';
import {useCheckStore} from "@/stores/modules/check"; import {useCheckStore} from "@/stores/modules/check";
import {pauseTest, resumeTest, startPreTest} from '@/api/socket/socket' import {pauseTest, resumeTest, startPreTest} from '@/api/socket/socket'
import {useUserStore} from "@/stores/modules/user";
const userStore = useUserStore()
const checkStore = useCheckStore(); const checkStore = useCheckStore();
const nextStepText = ref('下一步'); const nextStepText = ref('下一步');
const dialogVisible = ref(false) const dialogVisible = ref(false)
@@ -90,9 +97,11 @@ 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)
const testRef = ref(null)
const dataSocket = reactive({ const dataSocket = reactive({
socketServe: socketClient.Instance, socketServe: socketClient.Instance,
@@ -174,8 +183,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
@@ -183,52 +191,84 @@ 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:
startPreTest({ if (preTestStatus.value == 'waiting') {
userPageId: "cdf", if (checkStore.selectTestItems.preTest) {
devIds: deviceIds, startPreTest({
planId: planId, userPageId: "cdf",
operateType: '1' // '1'为预检测、2为正式检测、'8'为不合格项复检 devIds: deviceIds,
}).then(res => { planId: planId,
if (res.code === 'A001014') { operateType: checkStore.reCheckType == 1 ? '1' : '2',
ElMessageBox.alert('装置配置异常', '检测失败', { userId: userStore.userInfo.id,
confirmButtonText: '确定', temperature: checkStore.temperature,
type: 'error', 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 = 'error' 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) {
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',
})
channelsTestStatus.value = 'test_init_fail'
}
})
// 调用系数校准组件的handleSubmit方法
}
channelsTestStatus.value = 'start'
}
break; break;
case 4: case 4:
if (TestStatus.value == "waiting") { if (TestStatus.value == "waiting") {
startPreTest({ if (!checkStore.selectTestItems.preTest && !checkStore.selectTestItems.channelsTest && checkStore.selectTestItems.test) {
userPageId: "cdf", startPreTest({
devIds: deviceIds, userPageId: "cdf",
planId: planId, devIds: deviceIds,
operateType: checkStore.reCheckType ==1 ?'2':'8' // '1'为预检测、2为正式检测、'8'为不合格项复检 planId: planId,
}).then(res => { operateType: checkStore.reCheckType == 1 ? '1' : '2',
console.log(res) userId: userStore.userInfo.id,
if (res.code === 'A001014') { temperature: checkStore.temperature,
ElMessageBox.alert('装置配置异常', '初始化失败', { humidity: checkStore.humidity,
confirmButtonText: '确定', testItemList: [checkStore.selectTestItems.preTest, checkStore.selectTestItems.channelsTest, checkStore.selectTestItems.test]
type: 'error', }).then(res => {
}) if (res.code === 'A001014') {
TestStatus.value = 'test_init_fail' ElMessageBox.alert('装置配置异常', '初始化失败', {
} confirmButtonText: '确定',
}) type: 'error',
})
TestStatus.value = 'test_init_fail'
}
})
}
TestStatus.value = 'start' TestStatus.value = 'start'
} else if (TestStatus.value == 'paused') { } else if (TestStatus.value == 'paused') {
// 发送继续指令 // 发送继续指令
@@ -245,7 +285,7 @@ const handleSubmit = () => {
default: default:
break; break;
} }
}; }
const emit = defineEmits<{ const emit = defineEmits<{
@@ -275,7 +315,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) {
@@ -297,21 +337,32 @@ 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 = () => {
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 = () => { 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',
@@ -326,7 +377,10 @@ const sendResume = () => {
userPageId: "cdf", userPageId: "cdf",
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,
temperature: checkStore.temperature,
humidity: checkStore.humidity
}) })
Object.assign(webMsgSend.value, { Object.assign(webMsgSend.value, {
requestId: 'Resume_Success' requestId: 'Resume_Success'
@@ -339,7 +393,11 @@ const sendReCheck = () => {
userPageId: "cdf", userPageId: "cdf",
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,
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') {
@@ -353,6 +411,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()
@@ -440,6 +502,18 @@ defineExpose({open})
<style scoped lang="scss"> <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) { :deep(.dialog-big .el-dialog__body) {
max-height: 840px !important; max-height: 840px !important;
} }

View File

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

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)'

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:'',humidity:''})
}
//定义校验规则
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

@@ -168,7 +168,7 @@ const handleTabsChange = (val: any) => {
form.value.activeChildTabs = Number(val) form.value.activeChildTabs = Number(val)
} }
localStorage.setItem('color', 'red') localStorage.setItem('color', '#91cc75')
//功能选择数据 //功能选择数据
const tabsList = ref([ const tabsList = ref([
{ {

View File

@@ -52,6 +52,7 @@ import { ElMessage } from "element-plus";
import { useAuthStore } from "@/stores/modules/auth"; 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";
const authStore = useAuthStore(); const authStore = useAuthStore();
const modeStore = useModeStore(); // 使用模式 store const modeStore = useModeStore(); // 使用模式 store
const AppSceneStore = useAppSceneStore(); const AppSceneStore = useAppSceneStore();
@@ -70,7 +71,7 @@ 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: "比对式模块",
@@ -82,7 +83,9 @@ const modeList = [
]; ];
const handelOpen = async (item: any) => { const handelOpen = async (item: any) => {
modeStore.setCurrentMode(item.code); // 将模式code存入 store modeStore.setCurrentMode(item.code); // 将模式code存入 store
AppSceneStore.setCurrentMode('1');//0省级平台1设备出厂2研发自测 const {data:scene} = await getCurrentScene(); // 获取当前场景
// AppSceneStore.setCurrentMode(scene+'');//0省级平台1设备出厂2研发自测
AppSceneStore.setCurrentMode(scene+'');//0省级平台1设备出厂2研发自测
await authStore.setShowMenu(); await authStore.setShowMenu();
return; return;
// if (isActive) { // if (isActive) {

View File

@@ -1,16 +1,14 @@
<template> <template>
<div class='table-box'> <div class='table-box'>
<ProTable <ProTable
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',
@@ -94,12 +94,12 @@ const columns = reactive<ColumnProps<AuditLog.ReqAuditLogParams>[]>([
{ {
prop: 'warn', prop: 'warn',
label: '告警标志', label: '告警标志',
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>
) )
}, },
}, },
{ {
prop: 'operateType', prop: 'operateType',
@@ -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

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

View File

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

View File

@@ -6,7 +6,7 @@
</div> </div>
<div class="data-check-content"> <div class="data-check-content">
<div class="content-tree"> <div class="content-tree">
<Tree ref="treeRef" :treeData="treeData" @setTab="setTab"/> <Tree ref="treeRef" :treeData="treeData" @setTab="setTab" />
</div> </div>
<div class="content-right-Tabs" style="height: calc(100vh - 315px); width: 100px"> <div class="content-right-Tabs" style="height: calc(100vh - 315px); width: 100px">
@@ -14,11 +14,11 @@
<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-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">
<!-- 通信脚本 --> <!-- 通信脚本 -->
<el-tabs type="border-card" v-model="firstName" style="height: 100%" class="hidden-tab"> <el-tabs type="border-card" v-model="firstName" style="height: 100%" class="hidden-tab">
<el-tab-pane label="通讯脚本" name="first"> <el-tab-pane label="通讯脚本" name="first">
<Commun <Commun
:activeName="activeName" :activeName="activeName"
@@ -48,7 +48,7 @@
:data="tableData" :data="tableData"
:header-cell-style="{ :header-cell-style="{
textAlign: 'center', textAlign: 'center',
backgroundColor: '#003078', backgroundColor: 'var(--el-color-primary)',
color: '#fff' color: '#fff'
}" }"
stripe stripe
@@ -95,7 +95,7 @@
? '/' ? '/'
: '' + : '' +
row.channelList[item.num + 1].famp + row.channelList[item.num + 1].famp +
(valueCode == 'Absolute' ? 'V' : '%') (valueCode == 'Absolute' ? 'A' : '%')
}} }}
</td> </td>
<td> <td>
@@ -126,46 +126,52 @@
</el-tabs> </el-tabs>
<div class="page"> <div class="page">
<div class="black-container"> <div class="black-container">
<!-- <el-progress--> <!-- <el-progress-->
<!-- v-if="loading"--> <!-- v-if="loading"-->
<!-- type="circle"--> <!-- type="circle"-->
<!-- >--> <!-- >-->
<!-- <template #default="{}">--> <!-- <template #default="{}">-->
<!-- <span class="Loading">Loading</span>--> <!-- <span class="Loading">Loading</span>-->
<!-- </template>--> <!-- </template>-->
<!-- </el-progress>--> <!-- </el-progress>-->
<div class="loading-container" v-if="showLoading"> <div class="loading-container" v-if="showLoading">
<div style="width: 80%; height: 80%;" class="loading-box"> <div style="width: 80%; height: 80%" class="loading-box">
<div class="loading-circle"></div> <div class="loading-circle"></div>
<div class="loading-text">Loading...</div> <div class="loading-text">Loading...</div>
</div>
<!-- <div style="color:#fff;width: 80%;text-align: center;">Loading...</div>-->
</div> </div>
<!-- <div style="color:#fff;width: 80%;text-align: center;">Loading...</div>--> <div class="loading-container" v-else>
</div> <div style="width: 80%; height: 80%" class="loading-box">
<div class="loading-container" v-else> <div class="loading-circle static"></div>
<div style="width: 80%; height: 80%; " class="loading-box"> <div class="loading-text">Loading</div>
<div class="loading-circle static"></div> </div>
<div class="loading-text">Loading</div> <!-- <div style="color:#fff;width: 80%;text-align: center;">Loading...</div>-->
</div> </div>
<!-- <div style="color:#fff;width: 80%;text-align: center;">Loading...</div>-->
</div>
</div> </div>
<div style="margin-top: 10px;"> <div style="margin-top: 10px">
<span>标准源加量输出:{{hour}}{{minute}}{{second}}</span> <span>标准源加量输出:{{ hour }}{{ minute }}{{ second }}</span>
</div> </div>
<div style="margin-top: 10px;"> <div style="margin-top: 10px">
<el-button :icon="VideoPlay" <el-button
type="primary" :icon="VideoPlay"
size="large" type="primary"
@click="startLoading" size="large"
:disabled="pauseDisabled" @click="startLoading"
>启动</el-button> :disabled="pauseDisabled"
<el-button :icon="VideoPause" >
type="primary" 启动
size="large" </el-button>
@click="stopLoading" <el-button
:disabled="pauseDisabled" :icon="VideoPause"
>停止</el-button> type="primary"
</div> size="large"
@click="stopLoading"
:disabled="pauseDisabled"
>
停止
</el-button>
</div>
</div> </div>
</div> </div>
</div> </div>
@@ -187,12 +193,13 @@
v-if="showDialog" v-if="showDialog"
/> />
<!-- 查看 --> <!-- 查看 -->
<ViewRow ref="viewRowRef" <ViewRow
:activeName="activeName" ref="viewRowRef"
:formContent="props.formContent" :activeName="activeName"
@close="viewDialog = false" :formContent="props.formContent"
v-if="viewDialog" @close="viewDialog = false"
/> v-if="viewDialog"
/>
</div> </div>
</template> </template>
@@ -200,9 +207,19 @@
import { type PropType, ref, nextTick, onMounted, watch } from 'vue' import { type PropType, ref, nextTick, onMounted, watch } from 'vue'
import Tree from './tree.vue' import Tree from './tree.vue'
import Commun from '@/views/machine/testScript/components//communication.vue' import Commun from '@/views/machine/testScript/components//communication.vue'
import {type CascaderOption, ElMessage} from 'element-plus' import { type CascaderOption, ElMessage } from 'element-plus'
import { getTreeData } from '@/api/check/test' import { getTreeData } from '@/api/check/test'
import {CirclePlus, Delete, Check, CopyDocument, View, EditPen, VideoPlay, VideoPause, Loading} from '@element-plus/icons-vue' import {
CirclePlus,
Delete,
Check,
CopyDocument,
View,
EditPen,
VideoPlay,
VideoPause,
Loading
} from '@element-plus/icons-vue'
import type { TestScript } from '@/api/device/interface/testScript' import type { TestScript } from '@/api/device/interface/testScript'
import TestProjectPopup from '@/views/machine/testScript/components/testProjectPopup.vue' import TestProjectPopup from '@/views/machine/testScript/components/testProjectPopup.vue'
import { CheckData } from '@/api/check/interface' import { CheckData } from '@/api/check/interface'
@@ -211,7 +228,7 @@ import { useDictStore } from '@/stores/modules/dict'
import { useHandleData } from '@/hooks/useHandleData' import { useHandleData } from '@/hooks/useHandleData'
import { scriptDtlsCheckDataList } from '@/api/device/testScript/index' import { scriptDtlsCheckDataList } from '@/api/device/testScript/index'
import ViewRow from '@/views/machine/testScript/components/viewRow.vue' import ViewRow from '@/views/machine/testScript/components/viewRow.vue'
import { startSimulateTest,closeSimulateTest } from '@/api/device/controlSource/index.ts' import { startSimulateTest, closeSimulateTest } from '@/api/device/controlSource/index.ts'
import { controlSource } from '@/api/device/interface/controlSource' import { controlSource } from '@/api/device/interface/controlSource'
interface TabOption { interface TabOption {
label?: string label?: string
@@ -238,17 +255,16 @@ const props = defineProps({
type: Object, type: Object,
required: true required: true
}, },
startDisabeld: { startDisabeld: {
type:Boolean, type: Boolean,
required:true required: true
}, },
pauseDisabled: { pauseDisabled: {
type: Boolean, type: Boolean,
required: true required: true
} }
}) })
const showDialog = ref(false) const showDialog = ref(false)
const viewDialog = ref(false) const viewDialog = ref(false)
const dictStore = useDictStore() const dictStore = useDictStore()
@@ -285,47 +301,47 @@ const hour = ref(0)
const minute = ref(0) const minute = ref(0)
const second = ref(0) const second = ref(0)
const emit = defineEmits(['update:activeName','update:activeIndex','update:startDisabeld','update:pauseDisabled']) const emit = defineEmits(['update:activeName', 'update:activeIndex', 'update:startDisabeld', 'update:pauseDisabled'])
watch(()=>props.formControl.scriptId,async ()=>{ watch(
if(props.formControl.scriptId!=''){ () => props.formControl.scriptId,
async () => {
nextTick(async () => { if (props.formControl.scriptId != '') {
await getTree() nextTick(async () => {
console.log('props.formControl.scriptId') await getTree()
treeRef.value.checkTree() console.log('props.formControl.scriptId')
}) treeRef.value.checkTree()
})
}
} }
}) )
const controlContent = ref<controlSource.ResControl>({ const controlContent = ref<controlSource.ResControl>({
userPageId: '', userPageId: '',
scriptId: '', scriptId: '',
scriptIndex: 0, scriptIndex: 0,
sourceId: '', sourceId: ''
}) })
// 获取树 // 获取树
const getTree = () => { const getTree = () => {
getTreeData({ getTreeData({
scriptId: props.formControl.scriptId, scriptId: props.formControl.scriptId
}).then(res => { }).then(res => {
if (res.code === 'A0000') { if (res.code === 'A0000') {
treeData.value = res.data treeData.value = res.data
//console.log('tree',res.data) //console.log('tree',res.data)
// 为 treeData 及其子节点添加 id // 为 treeData 及其子节点添加 id
let idCounter = 0; let idCounter = 0
const addIdToTree = (nodes: any[]) => { const addIdToTree = (nodes: any[]) => {
nodes.forEach(node => { nodes.forEach(node => {
node.id = idCounter++; // 为每个节点添加唯一的 id node.id = idCounter++ // 为每个节点添加唯一的 id
if (node.children && node.children.length > 0) { if (node.children && node.children.length > 0) {
node.disabled = true node.disabled = true
addIdToTree(node.children); // 递归为子节点添加 id addIdToTree(node.children) // 递归为子节点添加 id
} }
}); })
}; }
addIdToTree(treeData.value); addIdToTree(treeData.value)
// 添加tab子项 // 添加tab子项
props.options.forEach((k: any, i: number) => { props.options.forEach((k: any, i: number) => {
@@ -335,7 +351,6 @@ const getTree = () => {
item.children.forEach((s: any) => { item.children.forEach((s: any) => {
k.children.forEach((P: any) => { k.children.forEach((P: any) => {
if (P.code == s.scriptTypeCode) { if (P.code == s.scriptTypeCode) {
tabData.value[i].children.push({ tabData.value[i].children.push({
label: P.label, label: P.label,
value: P.code, value: P.code,
@@ -364,10 +379,8 @@ const getTree = () => {
} }
}) })
//console.log('获取树') //console.log('获取树')
} }
// 设置树点击tab // 设置树点击tab
const setTab = row => { const setTab = row => {
activeName.value = row.activeName activeName.value = row.activeName
@@ -396,8 +409,6 @@ const tabChange = () => {
childActiveName.value = childActiveName.value =
tabData.value.filter((item: any) => item.value == activeName.value)[0]?.children[0]?.value || '' tabData.value.filter((item: any) => item.value == activeName.value)[0]?.children[0]?.value || ''
} }
} }
inquireTable() inquireTable()
} }
@@ -425,13 +436,11 @@ const inquireTable = () => {
//console.log('treeData',treeData.value) //console.log('treeData',treeData.value)
} }
// 查看 // 查看
const view = (row: Partial<TestScript.ResTestScript> = {}) => { const view = (row: Partial<TestScript.ResTestScript> = {}) => {
getCommunication() getCommunication()
//当前点击的一级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
const childrenTabName = ref('') const childrenTabName = ref('')
tabData.value.forEach((item: any) => { tabData.value.forEach((item: any) => {
@@ -445,25 +454,23 @@ const view = (row: Partial<TestScript.ResTestScript> = {}) => {
}) })
viewDialog.value = true viewDialog.value = true
setTimeout(() => { setTimeout(() => {
viewRowRef.value?.open(row, communicationList.value, parentTabName, childrenTabName.value) viewRowRef.value?.open(row, communicationList.value, parentTabName, childrenTabName.value)
}, 0) }, 0)
} }
// 定义 startLoading 方法 // 定义 startLoading 方法
const startLoading = async () => { const startLoading = async () => {
emit('update:startDisabeld', true) emit('update:startDisabeld', true)
emit('update:pauseDisabled', true) emit('update:pauseDisabled', true)
ElMessage.success({message:'启动中...',duration:6000}) ElMessage.success({ message: '启动中...', duration: 6000 })
// 启动加载逻辑 // 启动加载逻辑
controlContent.value.userPageId = 'cdf' controlContent.value.userPageId = 'cdf'
controlContent.value.scriptId = props.formControl.scriptId controlContent.value.scriptId = props.formControl.scriptId
controlContent.value.scriptIndex = childActiveIndex.value controlContent.value.scriptIndex = childActiveIndex.value
controlContent.value.sourceId = props.formControl.sourceId controlContent.value.sourceId = props.formControl.sourceId
setTimeout(async () => { setTimeout(async () => {
await startSimulateTest(controlContent.value) await startSimulateTest(controlContent.value)
},3000) }, 3000)
} }
// 定义 startLoading 方法 // 定义 startLoading 方法
@@ -472,44 +479,43 @@ const stopLoading = async () => {
controlContent.value.userPageId = 'cdf' controlContent.value.userPageId = 'cdf'
controlContent.value.scriptId = props.formControl.scriptId controlContent.value.scriptId = props.formControl.scriptId
controlContent.value.scriptIndex = childActiveIndex.value controlContent.value.scriptIndex = childActiveIndex.value
controlContent.value.sourceId = props.formControl.sourceId controlContent.value.sourceId = props.formControl.sourceId
await closeSimulateTest(controlContent.value) await closeSimulateTest(controlContent.value)
emit('update:pauseDisabled', true) emit('update:pauseDisabled', true)
emit('update:startDisabeld', true) emit('update:startDisabeld', true)
ElMessage.success({message:'停止中...',duration:5000}) ElMessage.success({ message: '停止中...', duration: 5000 })
} }
const startTimeCount = () => { const startTimeCount = () => {
// Loading效果展示 // Loading效果展示
showLoading.value = true showLoading.value = true
if (!timer) { if (!timer) {
hour.value = 0 hour.value = 0
minute.value = 0 minute.value = 0
second.value = 0 second.value = 0
timeCount.value = 0 timeCount.value = 0
timer = setInterval(() => { timer = setInterval(() => {
timeCount.value = timeCount.value + 1 timeCount.value = timeCount.value + 1
secondToTime(timeCount.value) secondToTime(timeCount.value)
}, 1000) }, 1000)
} }
} }
const secondToTime = (secd: number) => { const secondToTime = (secd: number) => {
//将秒数转换成时分秒 //将秒数转换成时分秒
hour.value = Math.floor(secd / 3600) hour.value = Math.floor(secd / 3600)
minute.value = Math.floor((secd - hour.value * 3600) / 60) minute.value = Math.floor((secd - hour.value * 3600) / 60)
second.value = Math.floor(secd % 60); second.value = Math.floor(secd % 60)
} }
const stopTimeCount = () => { const stopTimeCount = () => {
if (timer) { if (timer) {
clearInterval(timer) clearInterval(timer)
timer = null timer = null
} }
//Loading效果关闭 //Loading效果关闭
showLoading.value = false showLoading.value = false
} }
// 获取左边树数据 // 获取左边树数据
@@ -519,7 +525,6 @@ const addTab = (row: any) => {
} }
onMounted(() => { onMounted(() => {
getTree() getTree()
props.options.forEach((item: any) => { props.options.forEach((item: any) => {
tabData.value.push({ tabData.value.push({
@@ -537,8 +542,8 @@ onMounted(() => {
}) })
defineExpose({ defineExpose({
startTimeCount, startTimeCount,
stopTimeCount stopTimeCount
}) })
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
@@ -598,7 +603,7 @@ defineExpose({
width: 45%; width: 45%;
} }
.theFirst { .theFirst {
background-color: #003078; background-color: var(--el-color-primary);
color: #fff; color: #fff;
width: 20px !important; width: 20px !important;
} }
@@ -611,50 +616,50 @@ defineExpose({
} }
.page { .page {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
} }
.black-container { .black-container {
background-color: #000; background-color: #000;
width: 300px; width: 300px;
height: 300px; height: 300px;
position: relative; /* 设置为相对定位 */ position: relative; /* 设置为相对定位 */
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
margin-left: 20px; margin-left: 20px;
} }
.loading-container { .loading-container {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
width: 100%; width: 100%;
height: 100%; height: 100%;
} }
.loading-box { .loading-box {
position: relative; /* 设置为相对定位 */ position: relative; /* 设置为相对定位 */
width: 100%; width: 100%;
height: 100%; height: 100%;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
} }
.loading-circle { .loading-circle {
border: 8px solid rgba(255, 255, 255, 0.932); border: 8px solid rgba(255, 255, 255, 0.932);
border-top: 8px solid var(--el-color-primary); /* 蓝色 */ border-top: 8px solid var(--el-color-primary); /* 蓝色 */
border-bottom: 8px solid var(--el-color-primary); /* 蓝色 */ border-bottom: 8px solid var(--el-color-primary); /* 蓝色 */
border-radius: 50%; border-radius: 50%;
width: 200px; width: 200px;
height: 200px; height: 200px;
position: absolute; /* 设置为绝对定位 */ position: absolute; /* 设置为绝对定位 */
animation: spin 2s linear infinite; animation: spin 2s linear infinite;
} }
.loading-circle.static { .loading-circle.static {
@@ -662,35 +667,36 @@ defineExpose({
} }
.loading-text { .loading-text {
position: absolute; /* 设置为绝对定位 */ position: absolute; /* 设置为绝对定位 */
top: 50%; top: 50%;
left: 50%; left: 50%;
transform: translate(-50%, -50%); transform: translate(-50%, -50%);
color: #fff; color: #fff;
font-size: 20px; /* 根据需要调整字体大小 */ font-size: 20px; /* 根据需要调整字体大小 */
text-align: center; text-align: center;
} }
@keyframes spin { @keyframes spin {
0% { transform: rotate(0deg); } 0% {
100% { transform: rotate(360deg); } transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
} }
.hidden-tab { .hidden-tab {
display: none; display: none;
} }
@keyframes rotate { @keyframes rotate {
from { from {
transform: rotate(0deg); transform: rotate(0deg);
} }
to { to {
transform: rotate(360deg); transform: rotate(360deg);
} }
} }
</style> </style>
<style> <style>
input::-webkit-inner-spin-button { input::-webkit-inner-spin-button {

View File

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

View File

@@ -4,7 +4,7 @@
<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,163 +1,178 @@
<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">
<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' :disabled="false" label-width="auto" class="form-three"> <el-form :model='formContent' ref='dialogFormRef' :rules='rules' :disabled="false" label-width="auto" class="form-three">
<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'" 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">
<el-option <el-option
v-for="item in devTypeOptions" v-for="item in devTypeOptions"
: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='预投计划' prop='preinvestmentPlan' v-if="scene ==='1'"> <el-form-item label='预投计划' prop='preinvestmentPlan' v-if="scene ==='1'">
<el-select v-model="formContent.preinvestmentPlan" clearable placeholder="请选择预投计划"> <el-select v-model="formContent.preinvestmentPlan" clearable placeholder="请选择预投计划">
<el-option <el-option
v-for="item in dictStore.getDictData('Preinvestment_Plan')" v-for="item in dictStore.getDictData('Preinvestment_Plan')"
: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='设备模式' prop='pattern' >--> <!-- <el-form-item label='设备模式' prop='pattern' >-->
<!-- <el-select v-model="formContent.pattern" clearable placeholder="请选择设备模式" disabled>--> <!-- <el-select v-model="formContent.pattern" clearable placeholder="请选择设备模式" disabled>-->
<!-- <el-option --> <!-- <el-option -->
<!-- v-for="item in dictStore.getDictData('Pattern')"--> <!-- v-for="item in dictStore.getDictData('Pattern')"-->
<!-- :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='设备厂家' 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="请选择设备厂家">
<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"
: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="出厂日期" prop="createDate" v-if="scene === '0'"> <el-form-item label="出厂日期" prop="createDate" v-if="scene === '0'">
<el-date-picker <el-date-picker
v-model="formContent.createDate" v-model="formContent.createDate"
placeholder="请选择出厂日期" placeholder="请选择出厂日期"
:disabled-date="disabledDate" :disabled-date="disabledDate"
/> />
</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-input v-model="formContent.hardwareVersion" placeholder="请输入固件版本"/>
</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-input v-model="formContent.softwareVersion" placeholder="请输入软件版本"/>
</el-form-item> </el-form-item>
<el-divider >参数信息</el-divider> <el-divider>参数信息</el-divider>
<el-form-item label="通道数" prop="devChns" > <el-form-item label="通道数" prop="devChns">
<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">
<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">
<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='protocol'>
<el-select v-model="formContent.protocol" clearable placeholder="请选择通讯协议" > <el-select v-model="formContent.protocol" clearable placeholder="请选择通讯协议">
<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">
<IPAddress v-model:value="formContent.ip"/> <IPAddress v-model:value="formContent.ip"/>
</el-form-item> </el-form-item> -->
<el-form-item label="端口号" prop="port" placeholder="请输入端口号" > <el-form-item label="IP地址" prop="ip" placeholder="请输入IP地址">
<el-input v-model="formContent.port" /> <el-input v-model="formContent.ip"/>
</el-form-item> </el-form-item>
<el-form-item label='是否加密' prop='encryptionFlag' > <el-form-item label="端口号" prop="port" placeholder="请输入端口号">
<el-select v-model="formContent.encryptionFlag" clearable placeholder="请选择是否加密"> <el-input v-model="formContent.port"/>
<el-option label="是" :value="1"></el-option> </el-form-item>
<el-option label="否" :value="0"></el-option> <el-form-item label='是否加密' prop='encryptionFlag'>
</el-select> <el-select v-model="formContent.encryptionFlag" clearable placeholder="请选择是否加密">
</el-form-item> <el-option label="是" :value="1"></el-option>
<el-form-item label='识别码' prop='series' clearable v-if="formContent.encryptionFlag"> <el-option label="否" :value="0"></el-option>
<el-input v-model='formContent.series' placeholder="请输入识别码" show-password/> </el-select>
</el-form-item> </el-form-item>
<el-form-item label='密钥' prop='devKey' clearable v-if="formContent.encryptionFlag"> <el-form-item label='识别码' prop='series' clearable v-if="formContent.encryptionFlag">
<el-input v-model='formContent.devKey' placeholder="请输入密钥" show-password/> <el-input v-model='formContent.series' placeholder="请输入识别码" show-password/>
</el-form-item> </el-form-item>
<el-form-item label='样品编号' prop='sampleID' clearable v-if="DevIsShow && scene === '0'"> <el-form-item label='密钥' prop='devKey' clearable v-if="formContent.encryptionFlag">
<el-input v-model='formContent.sampleID' placeholder="请输入样品编号" /> <el-input v-model='formContent.devKey' placeholder="请输入密钥" show-password/>
</el-form-item> </el-form-item>
<el-form-item label='送样日期' prop='arrivedDate' v-if="scene === '0'"> <el-form-item label='样品编号' prop='sampleId' clearable v-if="DevIsShow && scene === '0'">
<el-date-picker <el-input v-model='formContent.sampleId' placeholder="请输入样品编号"/>
v-model="formContent.arrivedDate" </el-form-item>
placeholder="请选择送样日期" <el-form-item label='送样日期' prop='arrivedDate' v-if="scene === '0'">
:disabled-date="disabledDate" <el-date-picker
/> v-model="formContent.arrivedDate"
</el-form-item> placeholder="请选择送样日期"
<el-form-item label='所属地市' prop='cityName' clearable placeholder="请输入所属地市" v-if="MonIsShow"> :disabled-date="disabledDate"
<el-input v-model='formContent.cityName' /> />
</el-form-item> </el-form-item>
<el-form-item label='所属供电公司' prop='gDName' clearable placeholder="请输入所属供电公司" v-if="MonIsShow"> <el-form-item label='委托方' prop='delegate' v-if="scene === '0'">
<el-input v-model='formContent.gDName' /> <el-select v-model="formContent.delegate" clearable placeholder="请选择委托方">
</el-form-item> <el-option
<el-form-item label='所属电站' prop='subName' clearable placeholder="请输入所属电站" v-if="MonIsShow"> v-for="item in dictStore.getDictData('Delegate')"
<el-input v-model='formContent.subName' /> :key="item.id"
</el-form-item> :label="item.name"
<el-form-item v-auth.device="'factorFlag'" label="是否支持系数校准" prop='factorFlag'> :value="item.id"
<el-radio-group v-model="formContent.factorFlag" > />
<el-radio :value="1"></el-radio> </el-select>
<el-radio :value="0"></el-radio> </el-form-item>
</el-radio-group> <el-form-item label='所属地市' prop='cityName' clearable placeholder="请输入所属地市" v-if="MonIsShow">
</el-form-item> <el-input v-model='formContent.cityName'/>
</el-form> </el-form-item>
</div> <el-form-item label='所属供电公司' prop='gDName' clearable placeholder="请输入所属供电公司" v-if="MonIsShow">
</el-tab-pane> <el-input v-model='formContent.gDName'/>
</el-form-item>
<el-form-item label='所属电站' prop='subName' clearable placeholder="请输入所属电站" v-if="MonIsShow">
<el-input v-model='formContent.subName'/>
</el-form-item>
<el-form-item v-auth.device="'factorFlag'" label="是否支持系数校准" prop='factorFlag' v-if="scene === '1'">
<el-radio-group v-model="formContent.factorFlag">
<el-radio :value="1"></el-radio>
<el-radio :value="0"></el-radio>
</el-radio-group>
</el-form-item>
</el-form>
</div>
</el-tab-pane>
<!-- 监测点台账信息 tab pane --> <!-- 监测点台账信息 tab pane -->
<MonitorTable :MonIsShow="MonIsShow"/> <MonitorTable :MonIsShow="MonIsShow"/>
</el-tabs> </el-tabs>
<template #footer> <template #footer>
<div > <div>
<el-button @click='close()'> </el-button> <el-button @click='close()'> </el-button>
<el-button type="primary" @click='save()'>保存</el-button> <el-button type="primary" @click='save()'>保存</el-button>
</div> </div>
</template> </template>
</el-dialog> </el-dialog>
</template> </template>
<script setup lang='ts'> <script setup lang='ts'>
import IPAddress from '@/components/IpAddress/index.vue' import IPAddress from '@/components/IpAddress/index.vue'
import { dialogBig } from '@/utils/elementBind' import {dialogBig} from '@/utils/elementBind'
import { type Device } from '@/api/device/interface/device' import {type Device} from '@/api/device/interface/device'
import { ElMessage, type FormItemRule } from 'element-plus' import {ElMessage, type FormItemRule} from 'element-plus'
import { addPqDev, updatePqDev } from '@/api/device/device' import {addPqDev, updatePqDev} from '@/api/device/device'
import { computed, reactive, type Ref, ref } from 'vue' import {computed, reactive, type Ref, ref} from 'vue'
import { useDictStore } from '@/stores/modules/dict' import {useDictStore} from '@/stores/modules/dict'
import { CirclePlus, Delete, EditPen } from '@element-plus/icons-vue' 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";
const AppSceneStore = useAppSceneStore()
const MonIsShow = ref(false) const MonIsShow = ref(false)
const DevIsShow = ref(false) const DevIsShow = ref(false)
// 存储设备类型选项 // 存储设备类型选项
@@ -172,192 +187,195 @@ const disabledDate = (time: Date) => {
return time.getTime() > Date.now() return time.getTime() > Date.now()
} }
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 = ref<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:'', 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:''
return { dialogVisible, titleType, formContent }
}
const { dialogVisible, titleType, formContent } = useMetaInfo()
// 清空formContent
const resetFormContent = () => {
formContent.value = {
id: '',
name: '',
pattern:mode.value,
devType:'',
devChns:1,
devVolt:57.74,
devCurr:5,
manufacturer: '',
createDate: dayjs().format('YYYY-MM-DD'),
createId: '',
hardwareVersion: '',
softwareVersion: '',
protocol: 'MMS',
ip: '172.17.102.200',
port: 102,
encryptionFlag: 0,
reCheckNum:0,
state: 1,
factorFlag:1,
icdId:'',
power:'',
preinvestmentPlan:''
}
}
let dialogTitle = computed(() => {
return titleType.value === 'add' ? '新增被检设备' : '编辑被检设备'
}) })
return {dialogVisible, titleType, formContent}
}
const {dialogVisible, titleType, formContent} = useMetaInfo()
// 清空formContent
const resetFormContent = () => {
formContent.value = {
id: '',
name: '',
pattern: mode.value,
devType: '',
devChns: 1,
devVolt: 57.74,
devCurr: 5,
manufacturer: '',
createDate: dayjs().format('YYYY-MM-DD'),
createId: '',
hardwareVersion: '',
softwareVersion: '',
protocol: 'MMS',
ip: '',
port: 102,
encryptionFlag: 0,
reCheckNum: 0,
state: 1,
factorFlag: 1,
icdId: '',
power: '',
preinvestmentPlan: '',
delegate:''
}
}
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: '出厂日期必填!', 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: 'blur'}];
dynamicRules.softwareVersion = [{ required: true, message: '软件版本必填!', trigger: 'blur' }]; dynamicRules.softwareVersion = [{required: true, message: '软件版本必填!', trigger: 'blur'}];
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'}];
} }
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 save = () => { const save = () => {
try { try {
dialogFormRef.value?.validate(async (valid: boolean) => { dialogFormRef.value?.validate(async (valid: boolean) => {
if (formContent.value.encryptionFlag === 0) { if (formContent.value.encryptionFlag === 0) {
formContent.value.series = '' formContent.value.series = ''
formContent.value.devKey = '' formContent.value.devKey = ''
} }
if (valid) { if (valid) {
formContent.value.createDate = dayjs(formContent.value.createDate).format('YYYY-MM-DD'); formContent.value.createDate = dayjs(formContent.value.createDate).format('YYYY-MM-DD');
if (AppSceneStore.currentScene === '1') {
formContent.value.name = formContent.value.createId formContent.value.name = formContent.value.createId
if (formContent.value.arrivedDate) }
{
formContent.value.arrivedDate = dayjs(formContent.value.arrivedDate).format('YYYY-MM-DD'); if (formContent.value.arrivedDate) {
formContent.value.arrivedDate = dayjs(formContent.value.arrivedDate).format('YYYY-MM-DD');
}
//保存时判是否加密,把识别码密钥字段清空
if (formContent.value.encryptionFlag === 0) {
formContent.value.series = null
formContent.value.devKey = null
}
if (formContent.value.id) {
await updatePqDev(formContent.value);
ElMessage.success({message: `${dialogTitle.value}成功!`})
} else {
// 新增需要把设备模式转成字典ID
const patternItem = dictStore.getDictData('Pattern').find(item => item.name === formContent.value.pattern);
if (patternItem) {
formContent.value.pattern = patternItem.id;
} }
// 新增需要把通讯协议转成字典ID
//保存时判是否加密,把识别码密钥字段清空 const protocolItem = dictStore.getDictData('Protocol').find(item => item.name === formContent.value.protocol);
if(formContent.value.encryptionFlag === 0){ if (protocolItem) {
formContent.value.series = null formContent.value.protocol = protocolItem.id;
formContent.value.devKey = null
} }
await addPqDev(formContent.value);
if (formContent.value.id) { ElMessage.success({message: `${dialogTitle.value}成功!`})
await updatePqDev(formContent.value);
ElMessage.success({ message: `${dialogTitle.value}成功!` })
} else {
// 新增需要把设备模式转成字典ID
const patternItem = dictStore.getDictData('Pattern').find(item => item.name === formContent.value.pattern);
if (patternItem) {
formContent.value.pattern = patternItem.id;
}
// 新增需要把通讯协议转成字典ID
const protocolItem = dictStore.getDictData('Protocol').find(item => item.name === formContent.value.protocol);
if (protocolItem) {
formContent.value.protocol = protocolItem.id;
}
await addPqDev(formContent.value);
ElMessage.success({ message: `${dialogTitle.value}成功!` })
}
close()
// 刷新表格
await props.refreshTable!()
} }
close()
// 刷新表格
await props.refreshTable!()
}
}) })
} catch (err) { } catch (err) {
console.error('验证过程中出现错误', err) console.error('验证过程中出现错误', err)
@@ -366,20 +384,20 @@ 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[]) => {
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
if( currentMode ==='比对式'){ if (currentMode === '比对式') {
DevIsShow.value = false DevIsShow.value = false
MonIsShow.value = true MonIsShow.value = true
}else{ } else {
DevIsShow.value = true DevIsShow.value = true
MonIsShow.value = false MonIsShow.value = false
} }
if (data.encryptionFlag === 1) { if (data.encryptionFlag === 1) {
//handleEncryptionChange(1) //handleEncryptionChange(1)
@@ -387,13 +405,13 @@ const open = async (sign: string, data: Device.ResPqDev,currentMode: string,curr
//handleEncryptionChange(0) //handleEncryptionChange(0)
} }
if (data.id) { if (data.id) {
formContent.value = { ...data } formContent.value = {...data}
} else { } else {
resetFormContent() resetFormContent()
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.value.manufacturer = nanjingCanxuan.id;
} }
} }
@@ -421,27 +439,27 @@ const open = async (sign: string, data: Device.ResPqDev,currentMode: string,curr
const handleDevTypeChange = (value: string) => { const handleDevTypeChange = (value: string) => {
// 在这里处理选中事件的逻辑 // 在这里处理选中事件的逻辑
const dev = devTypeOptions.value.find(t =>t.id === value) const dev = devTypeOptions.value.find(t => t.id === value)
if (dev) { if (dev) {
formContent.value.devChns = dev.devChns; // 默认值为1 formContent.value.devChns = dev.devChns; // 默认值为1
formContent.value.devCurr = dev.devCurr; // 默认值为1 formContent.value.devCurr = dev.devCurr; // 默认值为1
formContent.value.devVolt = dev.devVolt; // 默认值为1 formContent.value.devVolt = dev.devVolt; // 默认值为1
formContent.value.icdId = dev.icd formContent.value.icdId = dev.icd
formContent.value.power = dev.power formContent.value.power = dev.power
if(dev.name.includes('882B')){ // if (dev.name.includes('882B')) {
formContent.value.ip = '172.17.102.220' // formContent.value.ip = '172.17.102.220'
}else if(dev.name.includes('882A')){ // } else if (dev.name.includes('882A')) {
formContent.value.ip = '172.17.102.221' // formContent.value.ip = '172.17.102.221'
}else{ // } else {
formContent.value.ip = '172.17.102.200' // formContent.value.ip = '172.17.102.200'
} // }
} else { } else {
formContent.value.devChns = 1; // 默认值为1 formContent.value.devChns = 1; // 默认值为1
formContent.value.devCurr = 1; // 默认值为1 formContent.value.devCurr = 1; // 默认值为1
formContent.value.devVolt = 57.74; // 默认值为1 formContent.value.devVolt = 57.74; // 默认值为1
formContent.value.ip = '172.17.102.200' //formContent.value.ip = '172.17.102.200'
} }
} }
@@ -449,22 +467,18 @@ const handleDevTypeChange = (value: string) => {
const handleInput = (value: string) => { const handleInput = (value: string) => {
// 在这里处理选中事件的逻辑 // 在这里处理选中事件的逻辑
if(scene.value === '1'){ if (scene.value === '1') {
formContent.value.name = value formContent.value.name = value
} }
} }
// 对外映射 // 对外映射
defineExpose({ open }) defineExpose({open})
const props = defineProps<{ const props = defineProps<{
refreshTable: (() => Promise<void>) | undefined; refreshTable: (() => Promise<void>) | undefined;
}>() }>()
</script> </script>

View File

@@ -1,9 +1,9 @@
<template> <template>
<div class='table-box' ref='popupBaseView'> <div class='table-box' ref='popupBaseView'>
<ProTable <ProTable
ref='proTable' ref='proTable'
:columns='columns' :columns='columns'
:request-api='getTableList' :request-api='getTableList'
> >
<!-- :requestApi="getRoleList" --> <!-- :requestApi="getRoleList" -->
<!-- 表格 header 按钮 --> <!-- 表格 header 按钮 -->
@@ -32,32 +32,25 @@
</ProTable> </ProTable>
</div> </div>
<DevicePopup :refresh-table='proTable?.getTableList' ref='devicePopup' /> <DevicePopup :refresh-table='proTable?.getTableList' ref='devicePopup'/>
<ImportExcel ref='deviceImportExcel' /> <ImportExcel ref='deviceImportExcel'/>
</template> </template>
<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.ts'
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'
import ImportExcel from '@/components/ImportExcel/index.vue' import ImportExcel from '@/components/ImportExcel/index.vue'
import { type ProTableInstance, type ColumnProps } from '@/components/ProTable/interface' import {type ColumnProps, type ProTableInstance} from '@/components/ProTable/interface'
import DevicePopup from '@/views/machine/device/components/devicePopup.vue' import DevicePopup from '@/views/machine/device/components/devicePopup.vue'
import { CirclePlus, Delete, EditPen, Download, Upload } from '@element-plus/icons-vue' import {CirclePlus, Delete, Download, EditPen, Upload} from '@element-plus/icons-vue'
import { useDictStore } from '@/stores/modules/dict' import {useDictStore} from '@/stores/modules/dict'
import { import {deletePqDev, downloadTemplate, exportPqDev, getPqDev, getPqDevList, importPqDev} from '@/api/device/device/index.ts'
getPqDevList, import {ElMessageBox} from 'element-plus'
deletePqDev, import {onBeforeMount, reactive, ref} from 'vue'
getPqDev, import {useAppSceneStore, useModeStore} from '@/stores/modules/mode'
exportCNDev,
downloadCNDevTemplate,
importCNDev,
} from '@/api/device/device/index.ts'
import { ElMessage, ElMessageBox } from 'element-plus'
import { onBeforeMount, reactive, ref } from 'vue'
import { useModeStore, useAppSceneStore } from '@/stores/modules/mode'
// defineOptions({ // defineOptions({
// name: 'device', // name: 'device',
@@ -72,6 +65,7 @@ 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
@@ -84,12 +78,12 @@ const getTableList = async (params: any) => {
// 表格配置项 // 表格配置项
const columns = reactive<ColumnProps<Device.ResPqDev>[]>([ const columns = reactive<ColumnProps<Device.ResPqDev>[]>([
{ type: 'selection', fixed: 'left', width: 70 }, {type: 'selection', fixed: 'left', width: 70},
{ type: 'index', fixed: 'left', width: 70, label: '序号' }, {type: 'index', fixed: 'left', width: 70, label: '序号'},
{ {
prop: 'name', prop: 'name',
label: '名称', label: '名称',
search: { el: 'input' }, search: {el: 'input'},
// isShow: appSceneStore.currentScene != '1', // isShow: appSceneStore.currentScene != '1',
// ...(appSceneStore.currentScene != '1' ? { // ...(appSceneStore.currentScene != '1' ? {
// search: { el: 'input' }, // search: { el: 'input' },
@@ -115,12 +109,12 @@ const columns = reactive<ColumnProps<Device.ResPqDev>[]>([
search: { search: {
render: () => { render: () => {
return ( return (
<div class='flx-flex-start'> <div class='flx-flex-start'>
<TimeControl <TimeControl
default={'月'} default={'月'}
onUpdate-dates={handleDateChange} onUpdate-dates={handleDateChange}
/> />
</div> </div>
) )
}, },
}, },
@@ -157,14 +151,19 @@ const columns = reactive<ColumnProps<Device.ResPqDev>[]>([
minWidth: 130, minWidth: 130,
}, },
{
prop: 'ip',
label: 'IP',
minWidth: 130,
},
{ {
prop: 'manufacturer', prop: 'manufacturer',
label: '设备厂家', label: '设备厂家',
enum: dictStore.getDictData('Dev_Manufacturers'), enum: dictStore.getDictData('Dev_Manufacturers'),
isShow: appSceneStore.currentScene != '1', isShow: appSceneStore.currentScene != '1',
...(appSceneStore.currentScene != '1' ? { ...(appSceneStore.currentScene != '1' ? {
search: { el: 'select', props: { filterable: true }, order: 1 }, search: {el: 'select', props: {filterable: true}, order: 1},
fieldNames: { label: 'name', value: 'id' }, fieldNames: {label: 'name', value: 'id'},
} : {}), } : {}),
minWidth: 200, minWidth: 200,
}, },
@@ -174,19 +173,19 @@ const columns = reactive<ColumnProps<Device.ResPqDev>[]>([
width: 200, width: 200,
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);
const year = date.getFullYear(); const year = date.getFullYear();
const month = String(date.getMonth() + 1).padStart(2, '0'); const month = String(date.getMonth() + 1).padStart(2, '0');
const day = String(date.getDate()).padStart(2, '0'); const day = String(date.getDate()).padStart(2, '0');
const hours = String(date.getHours()).padStart(2, '0'); const hours = String(date.getHours()).padStart(2, '0');
const minutes = String(date.getMinutes()).padStart(2, '0'); const minutes = String(date.getMinutes()).padStart(2, '0');
const seconds = String(date.getSeconds()).padStart(2, '0'); const seconds = String(date.getSeconds()).padStart(2, '0');
return `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`; return `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`;
} }
return ''; return '';
} }
}, },
{ prop: 'operation', label: '操作', fixed: 'right', width: 200 }, {prop: 'operation', label: '操作', fixed: 'right', width: 200},
]) ])
@@ -206,7 +205,7 @@ const openDialog = (titleType: string, row: Partial<Device.ResPqDev> = {}) => {
// 批量删除设备 // 批量删除设备
const batchDelete = async (id: string[]) => { const batchDelete = async (id: string[]) => {
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
await useHandleData(deletePqDev, { 'ids': id, 'pattern': patternId }, '删除所选设备') await useHandleData(deletePqDev, {'ids': id, 'pattern': patternId}, '删除所选设备')
proTable.value?.clearSelection() proTable.value?.clearSelection()
proTable.value?.getTableList() proTable.value?.getTableList()
@@ -215,7 +214,7 @@ const batchDelete = async (id: string[]) => {
// 删除设备 // 删除设备
const handleDelete = async (params: Device.ResPqDev) => { const handleDelete = async (params: Device.ResPqDev) => {
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
await useHandleData(deletePqDev, { 'ids': [params.id], 'pattern': patternId }, `删除【${params.name}】设备`) await useHandleData(deletePqDev, {'ids': [params.id], 'pattern': patternId}, `删除【${params.name}】设备`)
proTable.value?.getTableList() proTable.value?.getTableList()
} }
@@ -229,9 +228,9 @@ const downloadFile = async () => {
searchParam.searchBeginTime = startDate.value searchParam.searchBeginTime = startDate.value
searchParam.searchEndTime = endDate.value searchParam.searchEndTime = endDate.value
ElMessageBox.confirm('确认导出被检设备?', '温馨提示', { type: 'warning' }).then(() => { ElMessageBox.confirm('确认导出被检设备?', '温馨提示', {type: 'warning'}).then(() => {
const patternId = dictStore.getDictData('Pattern').find(item => item.name === modeStore.currentMode)?.id//获取数据字典中对应的id const patternId = dictStore.getDictData('Pattern').find(item => item.name === modeStore.currentMode)?.id//获取数据字典中对应的id
useDownload(exportCNDev, '被检设备导出数据', { ...proTable.value?.searchParam, pattern: patternId }, false, '.xlsx') useDownload(exportPqDev, '被检设备导出数据', {...proTable.value?.searchParam, pattern: patternId}, false, '.xlsx')
}) })
} }
@@ -254,8 +253,8 @@ const importFile = async (pattern: string) => {
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,
tempApi: downloadCNDevTemplate, tempApi: downloadTemplate,
importApi: importCNDev, importApi: importPqDev,
// importApi: modeStore.currentMode === "比对式"? importContrastPqDev: importCNDev, // importApi: modeStore.currentMode === "比对式"? importContrastPqDev: importCNDev,
getTableList: proTable.value?.getTableList, getTableList: proTable.value?.getTableList,
} }

View File

@@ -1,63 +1,62 @@
<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">
<div class="table-container"> <div class="table-container">
<el-table :data="errorData.value" <el-table :data="errorData.value"
height="500" height="500"
:header-cell-style="rowClass" :header-cell-style="rowClass"
:cell-style="{ textAlign: 'center' }" :cell-style="{ textAlign: 'center' }"
style="width: 100%" style="width: 100%"
:span-method="spanMethod" :span-method="spanMethod"
:border="true" :border="true"
class="custom-table" class="custom-table"
> >
<el-table-column label="被测量"> <el-table-column label="被测量">
<el-table-column prop="col1" width="150"/> <el-table-column prop="col1" width="150"/>
<el-table-column prop="col2" width="120" /> <el-table-column prop="col2" width="120"/>
</el-table-column> </el-table-column>
<el-table-column prop="deviceLevel" label="检测装置级别" width="120"/> <el-table-column prop="deviceLevel" label="检测装置级别" width="120"/>
<el-table-column prop="measurementType" label="测量类型" /> <el-table-column prop="measurementType" label="测量类型"/>
<el-table-column prop="condition" label="测量条件" /> <el-table-column prop="condition" label="测量条件"/>
<el-table-column prop="maxErrorValue" label="最大误差" /> <el-table-column prop="maxErrorValue" label="最大误差"/>
</el-table> </el-table>
</div> </div>
<div> <div>
<label class="left-align-label">注1UN测量的标称电压IN测量仪器的标称电流Uh和Ih测量值h表示谐波次数</label> <label class="left-align-label">注1UN测量的标称电压IN测量仪器的标称电流Uh和Ih测量值h表示谐波次数</label>
</div> </div>
<div> <div>
<label class="left-align-label">注2对于数字式接入监测终端与电能质量信号采集单元联合准确度需满足本表要求</label> <label class="left-align-label">注2对于数字式接入监测终端与电能质量信号采集单元联合准确度需满足本表要求</label>
</div> </div>
</el-dialog> </el-dialog>
</template> </template>
<script lang="ts" setup name="IndicatorTypeDialog"> <script lang="ts" setup name="IndicatorTypeDialog">
import { defineProps, defineEmits, reactive,watch,ref,computed, type CSSProperties } from 'vue'; import {computed, type CSSProperties, defineProps, ref} from 'vue';
import { dialogBig} from '@/utils/elementBind' import {dialogBig} from '@/utils/elementBind'
import type { ColumnProps } from '@/components/ProTable/interface' import type {ErrorSystem} from '@/api/device/interface/error'
import type { ErrorSystem } from '@/api/device/interface/error' import errorDataList from '@/api/device/error/errorData'
import errorDataList from '@/api/device/error/errorData' import type {TableColumnCtx} from 'element-plus'
import type { TableColumnCtx } from 'element-plus' import {useDictStore} from '@/stores/modules/dict'
import { useDictStore } from '@/stores/modules/dict'
const dictStore = useDictStore() const dictStore = useDictStore()
const errorData = ref<ErrorSystem.Error_detail[]>([]); const errorData = ref<ErrorSystem.Error_detail[]>([]);
const dialogTitle = ref() const dialogTitle = ref()
const devLevelName = ref<string>('') // 假设 devLevelName 是一个 ref const devLevelName = ref<string>('') // 假设 devLevelName 是一个 ref
function useMetaInfo() { function useMetaInfo() {
const dialogVisible = ref(false) const dialogVisible = ref(false)
const formContent = ref<ErrorSystem.ErrorSystemList>({ const formContent = ref<ErrorSystem.ErrorSystemList>({
id: '', id: '',
name: '', name: '',
standardName:'', standardName: '',
standardTime:'', standardTime: '',
devLevel:'', devLevel: '',
enable:1, enable: 1,
state:1, state: 1,
}) })
return { dialogVisible, formContent } return {dialogVisible, formContent}
} }
const { dialogVisible, formContent } = useMetaInfo() const {dialogVisible, formContent} = useMetaInfo()
interface SpanMethodProps { interface SpanMethodProps {
row: ErrorSystem.ErrorSystemDetail row: ErrorSystem.ErrorSystemDetail
@@ -66,14 +65,14 @@ interface SpanMethodProps {
columnIndex: number columnIndex: number
} }
const rowClass = ({ row, column, rowIndex, columnIndex }: { row: any; column: any; rowIndex: number; columnIndex: number }): CSSProperties => { const rowClass = ({row, column, rowIndex, columnIndex}: { row: any; column: any; rowIndex: number; columnIndex: number }): CSSProperties => {
let res: CSSProperties = { let res: CSSProperties = {
textAlign: 'center' as CSSProperties['textAlign'], textAlign: 'center' as CSSProperties['textAlign'],
backgroundColor: '#003078', backgroundColor: 'var(--el-color-primary)',
color: '#fff' color: '#fff'
} }
if (rowIndex === 1) { if (rowIndex === 1) {
res = { ...res, display: 'none' } res = {...res, display: 'none'}
} }
return res return res
} }
@@ -84,11 +83,11 @@ const spanMethod = computed(() => {
}) })
const spanAMethod = ({ const spanAMethod = ({
row, row,
column, column,
rowIndex, rowIndex,
columnIndex, columnIndex,
}: SpanMethodProps) => { }: SpanMethodProps) => {
if (columnIndex === 0) { if (columnIndex === 0) {
if (rowIndex <= 1 || rowIndex === 7 || rowIndex == 20) {//0电压偏差1频率偏差7闪变20功率简单的跨两列 if (rowIndex <= 1 || rowIndex === 7 || rowIndex == 20) {//0电压偏差1频率偏差7闪变20功率简单的跨两列
return { return {
@@ -166,11 +165,11 @@ const spanAMethod = ({
const spanSMethod = ({ const spanSMethod = ({
row, row,
column, column,
rowIndex, rowIndex,
columnIndex, columnIndex,
}: SpanMethodProps) => { }: SpanMethodProps) => {
if (columnIndex === 0) { if (columnIndex === 0) {
if (rowIndex <= 1 || rowIndex === 8 || rowIndex == 17) {//0电压偏差1频率偏差7闪变20功率简单的跨两列 if (rowIndex <= 1 || rowIndex === 8 || rowIndex == 17) {//0电压偏差1频率偏差7闪变20功率简单的跨两列
return { return {
@@ -205,7 +204,7 @@ const spanSMethod = ({
colspan: 2, colspan: 2,
} }
} }
if (rowIndex === 18 ) {//电流跨两行两列 if (rowIndex === 18) {//电流跨两行两列
return { return {
rowspan: 2, rowspan: 2,
colspan: 2, colspan: 2,
@@ -235,9 +234,9 @@ const spanSMethod = ({
colspan: 1, colspan: 1,
} }
} }
if (rowIndex === 3 || rowIndex === 7 || if (rowIndex === 3 || rowIndex === 7 ||
rowIndex === 10 || rowIndex === 12 || rowIndex === 10 || rowIndex === 12 ||
rowIndex === 14 || rowIndex === 16 || rowIndex === 14 || rowIndex === 16 ||
rowIndex === 19 || rowIndex === 22) { rowIndex === 19 || rowIndex === 22) {
return { return {
rowspan: 0, rowspan: 0,
@@ -245,18 +244,18 @@ const spanSMethod = ({
} }
} }
} }
if(columnIndex === 3){ if (columnIndex === 3) {
if (rowIndex === 2 || rowIndex === 6 || rowIndex === 9 || if (rowIndex === 2 || rowIndex === 6 || rowIndex === 9 ||
rowIndex === 11 || rowIndex === 13 ||rowIndex === 15 || rowIndex === 11 || rowIndex === 13 || rowIndex === 15 ||
rowIndex === 18 || rowIndex === 21){ rowIndex === 18 || rowIndex === 21) {
return { return {
rowspan: 2, rowspan: 2,
colspan: 1, colspan: 1,
} }
} }
if (rowIndex === 3 || rowIndex === 7 || rowIndex === 10 || if (rowIndex === 3 || rowIndex === 7 || rowIndex === 10 ||
rowIndex === 12 || rowIndex === 14 ||rowIndex === 16 || rowIndex === 12 || rowIndex === 14 || rowIndex === 16 ||
rowIndex === 19 || rowIndex === 22){ rowIndex === 19 || rowIndex === 22) {
return { return {
rowspan: 0, rowspan: 0,
colspan: 0, colspan: 0,
@@ -267,34 +266,34 @@ const spanSMethod = ({
// 关闭弹窗 // 关闭弹窗
const close = () => { const close = () => {
dialogVisible.value = false dialogVisible.value = false
} }
// 打开弹窗,可能是新增,也可能是编辑 // 打开弹窗,可能是新增,也可能是编辑
const open = async (sign: string, data: ErrorSystem.ErrorSystemList) => { const open = async (sign: string, data: ErrorSystem.ErrorSystemList) => {
dialogTitle.value = sign + ' 误差体系' dialogTitle.value = sign + ' 误差体系'
dialogVisible.value = true dialogVisible.value = true
if (data.id) { if (data.id) {
formContent.value = data as ErrorSystem.ErrorSystemList; formContent.value = data as ErrorSystem.ErrorSystemList;
devLevelName.value = dictStore.getDictData('Dev_Level').find(item => item.id === data.devLevel)?.name || '';
devLevelName.value = dictStore.getDictData('Dev_Level').find(item => item.id === data.devLevel)?.name || '';; if (devLevelName.value === 'A级' || data.devLevel === 'A级') {
errorData.value = errorDataList.errorADetail as unknown as ErrorSystem.Error_detail[];
if(devLevelName.value === 'A级'){ } else {
errorData.value = errorDataList.errorADetail as unknown as ErrorSystem.Error_detail[]; errorData.value = errorDataList.errorSDetail as unknown as ErrorSystem.Error_detail[];
}else{ }
errorData.value = errorDataList.errorSDetail as unknown as ErrorSystem.Error_detail[];
}
} }
} }
// 对外映射 // 对外映射
defineExpose({ open }) defineExpose({open})
const props = defineProps<{ const props = defineProps<{
refreshTable: (() => Promise<void>) | undefined; refreshTable: (() => Promise<void>) | undefined;
}>() }>()
</script> </script>
<style> <style>
.table-container { .table-container {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@@ -316,4 +315,4 @@ const props = defineProps<{
} }
</style> </style>

View File

@@ -1,169 +1,161 @@
<template> <template>
<div class="dialog-footer"> <div class="dialog-footer">
<el-button :icon='CirclePlus' type="primary" @click="openAddDialog">新增</el-button> <el-button :icon='CirclePlus' type="primary" @click="openAddDialog">新增</el-button>
<el-button :icon='Delete' type="danger" plain :disabled='!multipleSelection.length' @click="deleteSelectedRows">删除</el-button> <el-button :icon='Delete' type="danger" plain :disabled='!multipleSelection.length' @click="deleteSelectedRows">删除</el-button>
</div> </div>
<div class="table-container"> <div class="table-container">
<el-table :data="tableData" <el-table :data="tableData"
:header-cell-style="{ textAlign: 'center',backgroundColor: '#003078',color: '#fff' } " :header-cell-style="{ textAlign: 'center',backgroundColor: 'var(--el-color-primary)',color: '#fff' } "
:cell-style="{ textAlign: 'center' }" :cell-style="{ textAlign: 'center' }"
style="width: 100%" style="width: 100%"
:style="{ height: '250px',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;"
:options="errorOptions" :options="errorOptions"
v-model="row.errorType" v-model="row.errorType"
:props="{ checkStrictly: false, emitPath: false }" :props="{ checkStrictly: false, emitPath: false }"
placeholder="请选择误差类型" placeholder="请选择误差类型"
@change="handleErrorTypeChange($event, row)"/> @change="handleErrorTypeChange($event, row)"/>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="type" label="脚本类型" min-width="230"> <el-table-column prop="type" label="脚本类型" min-width="230">
<template #default="{ row }"> <template #default="{ row }">
<el-cascader style="min-width: 230px;" <el-cascader style="min-width: 230px;"
:options="scriptOptions" :options="scriptOptions"
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">
<el-col :span="12"> <el-col :span="12">
<el-select v-model="row.startFlag" placeholder="选择起始值" style="width: 70px;" @change="(value) => handleStartFlagChange(row, value)"> <el-select v-model="row.startFlag" placeholder="选择起始值" style="width: 70px;" @change="(value) => handleStartFlagChange(row, value)">
<el-option label="无" :value="2"></el-option> <el-option label="无" :value="2"></el-option>
<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-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>
</template> </template>
</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>
<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-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>
</el-table-column> </el-table-column>
<el-table-column label="单位" width="130"> <el-table-column label="单位" width="130">
<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)"
/> />
</el-select> </el-select>
</template> </template>
</el-table-column> </el-table-column>
</el-table-column> </el-table-column>
<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>
<el-table-column label="操作" min-width="150"> <el-table-column label="操作" min-width="150">
<template #default="{ row }"> <template #default="{ row }">
<el-button type="primary" link :icon='CopyDocument' @click="copyRow(row)">复制</el-button> <el-button type="primary" link :icon='CopyDocument' @click="copyRow(row)">复制</el-button>
<el-button type='primary' link :icon='Delete' @click="deleteRow(row)">删除</el-button> <el-button type='primary' link :icon='Delete' @click="deleteRow(row)">删除</el-button>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
</div> </div>
</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 multipleSelection = ref<number[]>([])
const dictStore = useDictStore()
const isStartValueDisabled = ref<{ [key: number]: boolean }>({});
const isEndValueDisabled = ref<{ [key: number]: boolean }>({});
const props = defineProps({
errorOptions: {
type: Array as PropType<CascaderOption[]>,
required: true
},
scriptOptions: { const emit = defineEmits(['updateTableData']);
type: Array as PropType<CascaderOption[]>, const multipleSelection = ref<number[]>([])
required: true const dictStore = useDictStore()
}, const isStartValueDisabled = ref<{ [key: number]: boolean }>({});
const isEndValueDisabled = ref<{ [key: number]: boolean }>({});
const props = defineProps({
errorOptions: {
type: Array as PropType<CascaderOption[]>,
required: true
},
tableData: { scriptOptions: {
type: Array as PropType<CascaderOption[]>,
required: true
},
tableData: {
type: Array as PropType<ErrorSystem.ErrorSystemDetail[]>, type: Array as PropType<ErrorSystem.ErrorSystemDetail[]>,
default: () => [] default: () => []
} }
}); });
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,
errorSysId: "", errorValueType: [errorValueTypeOptions[0].value, errorValueTypeOptions[0].children[0].value],
errorType: "", errorSysId: "",
scriptType: "", errorType: "",
maxErrorValue: 0 scriptType: "",
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];
@@ -303,8 +322,8 @@ const deleteRow = (row:ErrorSystem.ErrorSystemDetail) => {
}; };
//批量删除选中行 //批量删除选中行
const deleteSelectedRows = () => { const deleteSelectedRows = () => {
const newTableData = props.tableData.filter(row => !multipleSelection.value.includes(row.sort)); const newTableData = props.tableData.filter(row => !multipleSelection.value.includes(row.sort));
multipleSelection.value = []; // 清空已选择的行 multipleSelection.value = []; // 清空已选择的行
emit('updateTableData', newTableData); emit('updateTableData', newTableData);
}; };
@@ -313,15 +332,16 @@ const deleteSelectedRows = () => {
<style scoped> <style scoped>
.dialog-footer { .dialog-footer {
display: flex; display: flex;
justify-content: flex-start; justify-content: flex-start;
margin-bottom: 10px; /* 调整这里的值以增加或减少间距 */ margin-bottom: 10px; /* 调整这里的值以增加或减少间距 */
margin-top: 10px; margin-top: 10px;
} }
.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">
<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-three"> <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
@@ -26,7 +26,7 @@
<el-form-item label="状态" prop="enable" > <el-form-item label="状态" prop="enable" >
<el-select v-model='formContent.enable' placeholder="请选择状态"> <el-select v-model='formContent.enable' placeholder="请选择状态">
<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> </el-form>
@@ -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

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

View File

@@ -4,10 +4,10 @@
<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

@@ -4,11 +4,11 @@
:data="tableData" :data="tableData"
:header-cell-style="{ :header-cell-style="{
textAlign: 'center', textAlign: 'center',
backgroundColor: '#003078', backgroundColor: 'var(--el-color-primary)',
color: '#fff' color: '#fff'
}" }"
stripe stripe
height="calc(100vh - 480px)" :height="`calc(100vh - ${props.shrink ? '535px' : '480px'})`"
:style="{ overflow: 'hidden' }" :style="{ overflow: 'hidden' }"
row-key="id" row-key="id"
:expand-row-keys="[props.activeName]" :expand-row-keys="[props.activeName]"
@@ -75,6 +75,9 @@ const props = defineProps({
options: { options: {
type: Array, type: Array,
required: true required: true
},
shrink: {
type: Boolean
} }
}) })
const tableData = ref<any[]>([]) const tableData = ref<any[]>([])
@@ -137,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

@@ -8,7 +8,7 @@
:data="tableData" :data="tableData"
:header-cell-style="{ :header-cell-style="{
textAlign: 'center', textAlign: 'center',
backgroundColor: '#003078', backgroundColor: 'var(--el-color-primary)',
color: '#fff' color: '#fff'
}" }"
stripe stripe
@@ -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,11 +29,11 @@
{{ 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 }">
<span v-if="row.show">{{ parseFloat((row.value - 0).toFixed(4)) || '' }}</span> <span v-if="row.show">{{ parseFloat((row.value - 0).toFixed(4)) }}{{ setUnit(row) || '' }}</span>
<el-input type="number" v-else v-model="row.value" placeholder="请输入值" /> <el-input type="number" v-else v-model="row.value" placeholder="请输入值" />
</template> </template>
</el-table-column> </el-table-column>
@@ -96,6 +96,10 @@ const props = defineProps({
form: { form: {
type: [Object, Array], type: [Object, Array],
required: true required: true
},
valueCode: {
type: String,
required: true
} }
}) })
const emit = defineEmits(['recalculation']) const emit = defineEmits(['recalculation'])
@@ -213,6 +217,112 @@ const isEqual = (obj1: any, obj2: any) => {
return true return true
} }
const unit = [
{
label: '频率',
unit: 'Hz'
},
{
label: '相电压有效值',
unit: 'V'
},
{
label: '电压偏差',
unit: '%'
},
{
label: '电压相角',
unit: '°'
},
{
label: '基波电压有效值',
unit: ''
},
{
label: '电流有效值',
unit: 'A'
},
{
label: '电流相角',
unit: '°'
},
{
label: '基波电流有效值',
unit: ''
},
{
label: '谐波电压',
unit: '%'
},
{
label: '谐波电流',
unit: '%'
},
{
label: '谐波电流幅值',
unit: 'A'
},
{
label: '谐波有功功率',
unit: 'W'
},
{
label: '间谐波电压',
unit: '%'
},
{
label: '间谐波电流',
unit: '%'
},
{
label: '电压幅值',
unit: '%'
},
{
label: '持续时间',
unit: '周波'
},
{
label: '三相电压不平衡度',
unit: '%'
},
{
label: '三相电流不平衡度',
unit: '%'
},
{
label: '闪变',
unit: ''
},
{
label: '电流',
unit: props.valueCode == 'Absolute' ? 'A' : '%'
},
]
// 参考设定值添加单位
const setUnit = (row: any) => {
console.log('🚀 ~ setUnit ~ row:', row)
let text = ''
if (row.pname == '暂态') {
row.name == '电压幅值' ? (text = '%') : ''
row.name == '持续时间' ? (text = '周波') : ''
} else if (row.pname == '电压') {
let o = props.valueCode == 'Absolute' ? 'V' : '%'
row.name == '相电压有效值' ? (text = o) : ''
row.name == '电压偏差' ? (text = '%') : ''
row.name == '电压相角' ? (text = '°') : ''
}else if (row.pname == '电流') {
let o = props.valueCode == 'Absolute' ? 'A' : '%'
row.name == '电流有效值' ? (text = o) : ''
row.name == '电流相角' ? (text = '°') : ''
} else {
text = unit.filter(item => item.label == row.pname)[0]?.unit
}
return text || ''
}
const save = () => { const save = () => {
dialogVisible.value = false dialogVisible.value = false
} }
@@ -224,6 +334,7 @@ const getTableData = () => {
const close = () => { const close = () => {
dialogVisible.value = false dialogVisible.value = false
} }
onMounted(() => {}) onMounted(() => {})
// 对外映射 // 对外映射

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: '#003078', 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,6 +174,7 @@
:formContent="props.formContent" :formContent="props.formContent"
:form="form" :form="form"
:key="initial" :key="initial"
:valueCode="valueCode"
@recalculation="recalculation" @recalculation="recalculation"
/> />
</el-carousel-item> </el-carousel-item>
@@ -276,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 = () => {
@@ -317,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,
@@ -340,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
@@ -361,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 '谐波电压':
@@ -370,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 (
@@ -378,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 (
@@ -389,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 (
@@ -397,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 (
@@ -405,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 (
@@ -413,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 (
@@ -421,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 (
@@ -429,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 (
@@ -437,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 (
@@ -445,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
} }
} }
@@ -600,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
@@ -610,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 = () => {}
@@ -676,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

@@ -6,15 +6,30 @@
<el-divider style="flex: 1" content-position="left">检测项目概要信息</el-divider> <el-divider style="flex: 1" content-position="left">检测项目概要信息</el-divider>
</div> </div>
<div class="data-check-content"> <div class="data-check-content">
<div class="content-tree"> <div class="content-tree" :style="{ height: `calc(100vh - ${props.shrink ? '370px' : '315px'})` }">
<Tree :treeData="treeData" @setTab="setTab" /> <Tree :treeData="treeData" @setTab="setTab" />
</div> </div>
<div class="content-right-Tabs" style="height: calc(100vh - 315px); width: 100px"> <div
class="content-right-Tabs"
style="width: 100px"
:style="{ height: `calc(100vh - ${props.shrink ? '370px' : '315px'})` }"
>
<el-tabs type="border-card" style="height: 100%" v-model="activeName" @tab-change="tabChange"> <el-tabs type="border-card" style="height: 100%" v-model="activeName" @tab-change="tabChange">
<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">
@@ -26,6 +41,7 @@
:formContent="props.formContent" :formContent="props.formContent"
:options="props.options" :options="props.options"
style="width: 360px" style="width: 360px"
:shrink="props.shrink"
:disabled="tab.children.length == 0 ? false : true" :disabled="tab.children.length == 0 ? false : true"
ref="communRef" ref="communRef"
/> />
@@ -49,13 +65,13 @@
:data="tableData" :data="tableData"
:header-cell-style="{ :header-cell-style="{
textAlign: 'center', textAlign: 'center',
backgroundColor: '#003078', backgroundColor: 'var(--el-color-primary)',
color: '#fff' color: '#fff'
}" }"
stripe stripe
:cell-style="{ textAlign: 'center' }" :cell-style="{ textAlign: 'center' }"
highlight-current-row highlight-current-row
height="calc(100vh - 480px)" :height="`calc(100vh - ${props.shrink ? '535px' : '480px'})`"
style="width: 100%" style="width: 100%"
> >
<el-table-column type="index" label="组次" width="60" /> <el-table-column type="index" label="组次" width="60" />
@@ -97,7 +113,7 @@
? '/' ? '/'
: '' + : '' +
row.channelList[item.num + 1].famp + row.channelList[item.num + 1].famp +
(valueCode == 'Absolute' ? 'V' : '%') (valueCode == 'Absolute' ? 'A' : '%')
}} }}
</td> </td>
<td> <td>
@@ -188,12 +204,13 @@
v-if="showDialog" v-if="showDialog"
/> />
<!-- 查看 --> <!-- 查看 -->
<ViewRow ref="viewRowRef" <ViewRow
:activeName="activeName" ref="viewRowRef"
:formContent="props.formContent" :activeName="activeName"
@close="viewDialog = false" :formContent="props.formContent"
v-if="viewDialog" @close="viewDialog = false"
/> v-if="viewDialog"
/>
</div> </div>
</template> </template>
@@ -201,7 +218,7 @@
import { type PropType, ref, nextTick } from 'vue' import { type PropType, ref, nextTick } from 'vue'
import Tree from './tree.vue' import Tree from './tree.vue'
import Commun from './communication.vue' import Commun from './communication.vue'
import {type CascaderOption, ElMessageBox} from 'element-plus' import { type CascaderOption, ElMessageBox } from 'element-plus'
import { getTreeData } from '@/api/check/test' import { getTreeData } from '@/api/check/test'
import { CirclePlus, Delete, Check, CopyDocument, View, EditPen } from '@element-plus/icons-vue' import { CirclePlus, Delete, Check, CopyDocument, View, EditPen } from '@element-plus/icons-vue'
import type { TestScript } from '@/api/device/interface/testScript' import type { TestScript } from '@/api/device/interface/testScript'
@@ -230,8 +247,12 @@ const props = defineProps({
formContent: { formContent: {
type: Object, type: Object,
required: true required: true
},
shrink: {
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()
@@ -259,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 = []
@@ -308,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
@@ -345,6 +366,8 @@ const inquireTable = () => {
}) })
tableData.value = res.data tableData.value = res.data
// 设置 value1只要有一个 enable === 1就启用开关
value1.value = tableData.value.some(item => item.enable === 1) ? 1 : 0
} }
}) })
@@ -359,48 +382,47 @@ const openDialog = (titleType: string, row: Partial<TestScript.ResTestScript> =
} }
// 复制 // 复制
const copyRow = async (row: any) => { const copyRow = async (row: any) => {
ElMessageBox.confirm('是否复制当前检测项目?', '提示', { ElMessageBox.confirm('是否复制当前检测项目?', '提示', {
confirmButtonText: "确定", confirmButtonText: '确定',
cancelButtonText: "取消", cancelButtonText: '取消',
type: 'warning', type: 'warning',
draggable: true draggable: true
}).then(async () => { }).then(async () => {
let checkDataList: any = [] let checkDataList: any = []
await communRef.value[0]?.getData().forEach((item: any) => { await communRef.value[0]?.getData().forEach((item: any) => {
item.children.forEach((k: any) => { item.children.forEach((k: any) => {
if (k.enable != 0 || k.errorFlag != 0) { if (k.enable != 0 || k.errorFlag != 0) {
checkDataList.push({ checkDataList.push({
pid: k.pid, pid: k.pid,
valueType: k.id, valueType: k.id,
dataType: k.dataType, dataType: k.dataType,
enable: k.enable, enable: k.enable,
errorFlag: k.errorFlag errorFlag: k.errorFlag
}) })
} }
}) })
}) })
let { data } = await scriptDtlsCheckDataList({ checkDataList: checkDataList, ...row, retryCompute: true }) let { data } = await scriptDtlsCheckDataList({ checkDataList: checkDataList, ...row, retryCompute: true })
let copyRow = JSON.parse(JSON.stringify(row)) let copyRow = JSON.parse(JSON.stringify(row))
delete copyRow.index delete copyRow.index
await addScriptDtls({ ...copyRow, scriptType: activeName.value, checkDataList: data }).then(res => { await addScriptDtls({ ...copyRow, scriptType: activeName.value, checkDataList: data }).then(res => {
if (res.code === 'A0000') { if (res.code === 'A0000') {
ElMessage.success({ ElMessage.success({
message: '复制成功!', message: '复制成功!',
type: 'success' type: 'success'
})
getTree()
}
}) })
getTree()
}
}) })
})
} }
// 查看 // 查看
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
const childrenTabName = ref('') const childrenTabName = ref('')
tabData.value.forEach((item: any) => { tabData.value.forEach((item: any) => {
@@ -416,12 +438,11 @@ const view = (row: Partial<TestScript.ResTestScript> = {}) => {
setTimeout(() => { setTimeout(() => {
viewRowRef.value?.open(row, communicationList.value, parentTabName, childrenTabName.value) viewRowRef.value?.open(row, communicationList.value, parentTabName, childrenTabName.value)
}, 0) }, 0)
} }
// 删除 // 删除
const deleteRow = async (row: any) => { const deleteRow = async (row: any) => {
await useHandleData(deleteDtls, { enable: row.enable, index: row.index, scriptId: row.scriptId }, `删除`) await useHandleData(deleteDtls, { enable: row.enable, index: row.index, scriptId: row.scriptId }, `删除`)
getTree() getTree()
} }
// 启用 // 启用
const enableRow = async (row: any) => { const enableRow = async (row: any) => {
@@ -444,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) => {
@@ -453,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, ''),
@@ -466,7 +519,6 @@ onMounted(() => {
valueCode.value = dictStore valueCode.value = dictStore
.getDictData('Script_Value_Type') .getDictData('Script_Value_Type')
.filter(item => item.id == props.formContent.valueType)[0].code .filter(item => item.id == props.formContent.valueType)[0].code
}) })
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
@@ -477,16 +529,14 @@ onMounted(() => {
.content-tree { .content-tree {
width: 260px; width: 260px;
height: calc(100vh - 315px);
border: 1px solid #dcdfe6; border: 1px solid #dcdfe6;
border-radius: 4px; border-radius: 4px;
// margin-right: 10px; // margin-right: 10px;
overflow: auto; /* 同时启用垂直和水平滚动 */ overflow: auto; /* 同时启用垂直和水平滚动 */
overflow-x: hidden; overflow-x: hidden;
} }
.scriptTree {
height: calc(100vh - 520px);
}
/* 确保 el-tree 内容可以超出容器宽度 */ /* 确保 el-tree 内容可以超出容器宽度 */
.el-tree { .el-tree {
@@ -503,6 +553,7 @@ onMounted(() => {
margin-bottom: 10px; margin-bottom: 10px;
} }
.divider-container { .divider-container {
display: flex; display: flex;
} }
@@ -526,7 +577,7 @@ onMounted(() => {
width: 45%; width: 45%;
} }
.theFirst { .theFirst {
background-color: #003078; background-color: var(--el-color-primary);
color: #fff; color: #fff;
width: 20px !important; width: 20px !important;
} }

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="持续时间(s)"> <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>
@@ -86,7 +109,7 @@ canvas {
position: relative; position: relative;
img { img {
width: 90%; width: 90%;
height: 150px; height: 140px;
margin: 0 10px 20px; margin: 0 10px 20px;
} }
.inputTop { .inputTop {

View File

@@ -1,322 +1,377 @@
<template> <template>
<div class="tabs-container"> <div class="tabs-container">
<el-tabs type="border-card" class="right-tabs" style="height: 100%"> <el-tabs type="border-card" class="right-tabs" style="height: 100%">
<el-tab-pane label="电压通道"> <el-tab-pane label="电压通道">
<el-form :inline="true" :model="formInline" :disabled="!props.childForm[0].harmFlag"> <el-form :inline="true" :model="formInline" :disabled="!props.childForm[0].harmFlag">
<el-form-item label="次数"> <el-form-item label="次数">
<el-select <el-select
v-model="formInline.harm" v-model="formInline.harm"
multiple multiple
collapse-tags collapse-tags
collapse-tags-tooltip collapse-tags-tooltip
style="width: 160px" style="width: 160px"
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="含有率">
<el-input <el-input
v-model="formInline.famp" v-model="formInline.famp"
type="number" type="number"
placeholder="含有率" placeholder="含有率"
style="width: 80px" style="width: 80px"
clearable onkeypress="return (/[\d.]/.test(String.fromCharCode(event.keyCode)))"
/> @input="validateInput('famp',0)"
</el-form-item> clearable
<el-form-item label="相角"> />
<el-input </el-form-item>
v-model="formInline.fphase" <el-form-item label="相角">
type="number" <el-input
placeholder="相角" v-model="formInline.fphase"
style="width: 80px" type="number"
clearable placeholder="相角"
/> style="width: 80px"
</el-form-item> onkeypress="return (/[\d-]/.test(String.fromCharCode(event.keyCode)))"
<el-form-item> @input="validateInput('fphase',0)"
<el-button type="primary" :icon="Check" @click="onSubmit" size="small">确定</el-button> clearable
<el-button type="primary" :icon="Delete" @click="empty(0)" size="small">清空表格</el-button> />
</el-form-item> </el-form-item>
</el-form> <el-form-item>
<!-- 电压通道内容 --> <el-button type="primary" :icon="Check" @click="onSubmit" size="small">确定</el-button>
<div class="table-container"> <el-button type="primary" :icon="Delete" @click="empty(0)" size="small">清空表格</el-button>
<el-table :data="form[0].harmList" border stripe size="small"> </el-form-item>
<el-table-column prop="harm" align="center" label="次数" width="60" /> </el-form>
<el-table-column prop="famp" align="center" label="谐波含有率"> <!-- 电压通道内容 -->
<template #default="{ row }"> <div class="table-container">
<el-input type="number" v-if="row.show" v-model="row.famp" /> <el-table :data="form[0].harmList" border stripe size="small">
<span v-else>{{ row.famp }}%</span> <el-table-column prop="harm" align="center" label="次数" width="60"/>
</template> <el-table-column prop="famp" align="center" label="谐波含有率">
</el-table-column> <template #default="{ row }">
<el-table-column prop="fphase" label="谐波相角" align="center"> <el-input type="number" v-if="row.show" v-model="row.famp"/>
<template #default="{ row }"> <span v-else>{{ row.famp }}%</span>
<el-input type="number" v-if="row.show" v-model="row.fphase" /> </template>
<span v-else>{{ row.fphase }}°</span> </el-table-column>
</template> <el-table-column prop="fphase" label="谐波相角" align="center">
</el-table-column> <template #default="{ row }">
<el-table-column label="操作" align="center"> <el-input type="number" v-if="row.show" v-model="row.fphase"/>
<template #default="{ row, $index }"> <span v-else>{{ row.fphase }}°</span>
<el-button </template>
type="primary" </el-table-column>
link <el-table-column label="操作" align="center">
:icon="EditPen" <template #default="{ row, $index }">
v-if="!row.show" <el-button
@click="row.show = true" type="primary"
> link
编辑 :icon="EditPen"
</el-button> v-if="!row.show"
<el-button type="primary" link :icon="Check" v-else @click="row.show = false"> @click="row.show = true"
保存 >
</el-button> 编辑
<el-button type="primary" link :icon="Delete" @click="HarmFlagDelete(0, $index)"> </el-button>
删除 <el-button type="primary" link :icon="Check" v-else @click="row.show = false">
</el-button> 保存
</template> </el-button>
</el-table-column> <el-button type="primary" link :icon="Delete" @click="HarmFlagDelete(0, $index)">
</el-table> 删除
</div> </el-button>
</el-tab-pane> </template>
</el-tabs> </el-table-column>
<el-tabs type="border-card" style="height: 100%"> </el-table>
<el-tab-pane label="电流通道"> </div>
<el-form :inline="true" :model="formInline1" :disabled="!props.childForm[1].harmFlag"> </el-tab-pane>
<el-form-item label="次数"> </el-tabs>
<el-select <el-tabs type="border-card" style="height: 100%">
v-model="formInline1.harm" <el-tab-pane label="电流通道">
multiple <el-form :inline="true" :model="formInline1" :disabled="!props.childForm[1].harmFlag">
collapse-tags <el-form-item label="次数">
collapse-tags-tooltip <el-select
style="width: 160px" v-model="formInline1.harm"
filterable multiple
clearable collapse-tags
> collapse-tags-tooltip
<el-option label="全部" value="0" /> style="width: 160px"
<el-option v-for="item in 49" :key="item" :label="item + 1" :value="item + 1" /> filterable
</el-select> clearable
</el-form-item> >
<el-form-item label="含有率"> <el-option label="全部" value="0"/>
<el-input <el-option v-for="item in 49" :key="item" :label="item + 1" :value="item + 1"/>
v-model="formInline1.famp" </el-select>
type="number" </el-form-item>
placeholder="含有率" <el-form-item label="含有率">
style="width: 80px" <el-input
clearable v-model="formInline1.famp"
/> type="number"
</el-form-item> placeholder="含有率"
<el-form-item label="相角"> style="width: 80px"
<el-input onkeypress="return (/[\d]/.test(String.fromCharCode(event.keyCode)))"
v-model="formInline1.fphase" @input="validateInput('famp',1)"
type="number" clearable
placeholder="相角" />
style="width: 80px" </el-form-item>
clearable <el-form-item label="相角">
/> <el-input
</el-form-item> v-model="formInline1.fphase"
<el-form-item> type="number"
<el-button type="primary" :icon="Check" @click="onSubmit1" size="small">确定</el-button> placeholder="相角"
<el-button type="primary" :icon="Delete" @click="empty(1)" size="small">清空表格</el-button> style="width: 80px"
</el-form-item> onkeypress="return (/[\d-]/.test(String.fromCharCode(event.keyCode)))"
</el-form> @input="validateInput('fphase',1)"
<!-- 电流通道内容 --> clearable
<div class="table-container"> />
<el-table :data="form[1].harmList" border stripe size="small"> </el-form-item>
<el-table-column prop="harm" align="center" label="次数" width="60" /> <el-form-item>
<el-table-column prop="famp" align="center" label="谐波含有率"> <el-button type="primary" :icon="Check" @click="onSubmit1" size="small">确定</el-button>
<template #default="{ row }"> <el-button type="primary" :icon="Delete" @click="empty(1)" size="small">清空表格</el-button>
<el-input type="number" v-if="row.show" v-model="row.famp" /> </el-form-item>
<span v-else>{{ row.famp }}%</span> </el-form>
</template> <!-- 电流通道内容 -->
</el-table-column> <div class="table-container">
<el-table-column prop="fphase" label="谐波相角" align="center"> <el-table :data="form[1].harmList" border stripe size="small">
<template #default="{ row }"> <el-table-column prop="harm" align="center" label="次数" width="60"/>
<el-input type="number" v-if="row.show" v-model="row.fphase" /> <el-table-column prop="famp" align="center" label="谐波含有率">
<span v-else>{{ row.fphase }}°</span> <template #default="{ row }">
</template> <el-input type="number" v-if="row.show" v-model="row.famp"/>
</el-table-column> <span v-else>{{ row.famp }}%</span>
<el-table-column label="操作" align="center"> </template>
<template #default="{ row, $index }"> </el-table-column>
<el-button <el-table-column prop="fphase" label="谐波相角" align="center">
type="primary" <template #default="{ row }">
link <el-input type="number" v-if="row.show" v-model="row.fphase"/>
:icon="EditPen" <span v-else>{{ row.fphase }}°</span>
v-if="!row.show" </template>
@click="row.show = true" </el-table-column>
> <el-table-column label="操作" align="center">
编辑 <template #default="{ row, $index }">
</el-button> <el-button
<el-button type="primary" link :icon="Check" v-else @click="row.show = false"> type="primary"
保存 link
</el-button> :icon="EditPen"
<el-button type="primary" link :icon="Delete" @click="HarmFlagDelete(1, $index)"> v-if="!row.show"
删除 @click="row.show = true"
</el-button> >
</template> 编辑
</el-table-column> </el-button>
</el-table> <el-button type="primary" link :icon="Check" v-else @click="row.show = false">
</div> 保存
</el-tab-pane> </el-button>
</el-tabs> <el-button type="primary" link :icon="Delete" @click="HarmFlagDelete(1, $index)">
</div> 删除
</el-button>
</template>
</el-table-column>
</el-table>
</div>
</el-tab-pane>
</el-tabs>
</div>
</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,
required: true required: true
} }
}) })
const form: any = computed({ const form: any = computed({
get() { get() {
return props.childForm return props.childForm
}, },
set(value) {} set(value) {
}
}) })
const formInline = ref({ const formInline = ref({
harm: [], harm: [],
famp: '', famp: '',
fphase: '' fphase: ''
}) })
const formInline1 = ref({ const formInline1 = ref({
harm: [], harm: [],
famp: '', famp: '',
fphase: '' fphase: ''
}) })
// 定义表格数据项的类型 // 定义表格数据项的类型
interface TableItem { interface TableItem {
date: string date: string
harmonicRate?: string harmonicRate?: string
harmonicPhase?: string harmonicPhase?: string
name?: string name?: string
} }
const empty = (index: number) => { const empty = (index: number) => {
props.childForm[index].harmList = [] props.childForm[index].harmList = []
} }
const onSubmit = () => { const onSubmit = () => {
console.log('🚀 ~ onSubmit ~ props.childForm[0]:', props.childForm[0].harmList) console.log('🚀 ~ onSubmit ~ props.childForm[0]:', props.childForm[0].harmList)
if (formInline.value.harm.length == 0 || formInline.value.famp == '' || formInline.value.fphase == '') { if (formInline.value.harm.length == 0 || formInline.value.famp == '' || formInline.value.fphase == '') {
ElMessage.warning('请填写值!') ElMessage.warning('请填写值!')
return return
}
if (formInline.value.harm.includes('0')) {
props.childForm[0].harmList = []
for (let i = 2; i < 51; i++) {
props.childForm[0].harmList.push({
harm: i, //间谐波次数
famp: formInline.value.famp, //间谐波含有率
fphase: formInline.value.fphase // 间谐波相角
})
} }
if (formInline.value.harm.includes('0')) { } else {
props.childForm[0].harmList = [] formInline.value.harm.forEach((item: any) => {
for (let i = 2; i < 51; i++) { props.childForm[0].harmList.push({
props.childForm[0].harmList.push({ harm: item, //间谐波次数
harm: i, //间谐波次数 famp: formInline.value.famp, //间谐波含有率
famp: formInline.value.famp, //间谐波含有率 fphase: formInline.value.fphase // 间谐波相角
fphase: formInline.value.fphase // 间谐波相角 })
}) })
} const seen = new Set()
} else { const uniqueData = []
formInline.value.harm.forEach((item: any) => {
props.childForm[0].harmList.push({
harm: item, //间谐波次数
famp: formInline.value.famp, //间谐波含有率
fphase: formInline.value.fphase // 间谐波相角
})
})
const seen = new Set()
const uniqueData = []
// 反向遍历数组 // 反向遍历数组
for (let i = props.childForm[0].harmList.length - 1; i >= 0; i--) { for (let i = props.childForm[0].harmList.length - 1; i >= 0; i--) {
const item = props.childForm[0].harmList[i] const item = props.childForm[0].harmList[i]
// 如果 harm 还未出现过,则添加到结果数组 // 如果 harm 还未出现过,则添加到结果数组
if (!seen.has(item.harm)) { if (!seen.has(item.harm)) {
seen.add(item.harm) seen.add(item.harm)
uniqueData.unshift(item) // 添加到结果数组的开头 uniqueData.unshift(item) // 添加到结果数组的开头
} }
}
props.childForm[0].harmList = uniqueData.sort((a, b) => a.harm - b.harm)
} }
props.childForm[0].harmList = uniqueData.sort((a, b) => a.harm - b.harm)
}
} }
const onSubmit1 = () => { const onSubmit1 = () => {
if (formInline1.value.harm.length == 0 || formInline1.value.famp == '' || formInline1.value.fphase == '') { if (formInline1.value.harm.length == 0 || formInline1.value.famp == '' || formInline1.value.fphase == '') {
ElMessage.warning('请填写值!') ElMessage.warning('请填写值!')
return return
}
if (formInline1.value.harm.includes('0')) {
props.childForm[1].harmList = []
for (let i = 2; i < 51; i++) {
props.childForm[1].harmList.push({
harm: i, //间谐波次数
famp: formInline1.value.famp, //间谐波含有率
fphase: formInline1.value.fphase // 间谐波相角
})
} }
if (formInline1.value.harm.includes('0')) { } else {
props.childForm[1].harmList = [] formInline1.value.harm.forEach((item: any) => {
for (let i = 2; i < 51; i++) { props.childForm[1].harmList.push({
props.childForm[1].harmList.push({ harm: item, //间谐波次数
harm: i, //间谐波次数 famp: formInline1.value.famp, //间谐波含有率
famp: formInline1.value.famp, //间谐波含有率 fphase: formInline1.value.fphase // 间谐波相角
fphase: formInline1.value.fphase // 间谐波相角 })
}) })
} const seen = new Set()
} else { const uniqueData = []
formInline1.value.harm.forEach((item: any) => {
props.childForm[1].harmList.push({
harm: item, //间谐波次数
famp: formInline1.value.famp, //间谐波含有率
fphase: formInline1.value.fphase // 间谐波相角
})
})
const seen = new Set()
const uniqueData = []
// 反向遍历数组 // 反向遍历数组
for (let i = props.childForm[1].harmList.length - 1; i >= 0; i--) { for (let i = props.childForm[1].harmList.length - 1; i >= 0; i--) {
const item = props.childForm[1].harmList[i] const item = props.childForm[1].harmList[i]
// 如果 harm 还未出现过,则添加到结果数组 // 如果 harm 还未出现过,则添加到结果数组
if (!seen.has(item.harm)) { if (!seen.has(item.harm)) {
seen.add(item.harm) seen.add(item.harm)
uniqueData.unshift(item) // 添加到结果数组的开头 uniqueData.unshift(item) // 添加到结果数组的开头
} }
}
props.childForm[1].harmList = uniqueData.sort((a, b) => a.harm - b.harm)
} }
props.childForm[1].harmList = uniqueData.sort((a, b) => a.harm - b.harm)
}
} }
// 删除 // 删除
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>
.tabs-container { .tabs-container {
display: flex; display: flex;
justify-content: space-between; /* 使两个 el-tabs 之间有间距 */ justify-content: space-between; /* 使两个 el-tabs 之间有间距 */
height: 100%; height: 100%;
} }
.right-tabs { .right-tabs {
flex: 1; /* 使两个 el-tabs 占据相同的空间 */ flex: 1; /* 使两个 el-tabs 占据相同的空间 */
margin-right: 10px; /* 可选:添加右侧间距 */ margin-right: 10px; /* 可选:添加右侧间距 */
} }
.el-tabs { .el-tabs {
flex: 1; /* 使两个 el-tabs 占据相同的空间 */ flex: 1; /* 使两个 el-tabs 占据相同的空间 */
} }
.table-container { .table-container {
display: flex; display: flex;
justify-content: space-between; /* 使两个表格之间有间距 */ justify-content: space-between; /* 使两个表格之间有间距 */
width: 100%; width: 100%;
} }
.half-width-table { .half-width-table {
flex: 1; /* 使两个表格占据相同的空间 */ flex: 1; /* 使两个表格占据相同的空间 */
margin-right: 10px; /* 可选:添加表格之间的间距 */ margin-right: 10px; /* 可选:添加表格之间的间距 */
} }
.half-width-table:last-child { .half-width-table:last-child {
margin-right: 0; /* 最后一个表格不需要右侧间距 */ margin-right: 0; /* 最后一个表格不需要右侧间距 */
} }
.input-label-container { .input-label-container {
display: flex; display: flex;
align-items: center; /* 垂直居中对齐 */ align-items: center; /* 垂直居中对齐 */
} }
.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

@@ -1,6 +1,6 @@
<template> <template>
<div> <div>
<el-card style="margin-bottom: 10px" class="cardTop"> <el-card style="margin-bottom: 10px" class="cardTop" :style="{ height: height }">
<el-form <el-form
:model="formContent" :model="formContent"
:inline="true" :inline="true"
@@ -10,26 +10,44 @@
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 />-->
<el-select v-model="formContent.standardName" filterable placeholder="请选择参照标准名称" @change="setStandardTimeList">
<el-option v-for="item in standardNameList" :key="item.label" :label="item.label" :value="item.label" />
</el-select>
</el-form-item> </el-form-item>
<el-form-item label="标准推行年份" prop="standardTime"> <el-form-item label="标准推行年份" prop="standardTime">
<el-date-picker <!-- <el-date-picker-->
v-model="formContent.standardTime" <!-- v-model="formContent.standardTime"-->
style="width: 100%" <!-- style="width: 100%"-->
type="year" <!-- type="year"-->
format="YYYY" <!-- format="YYYY"-->
value-format="YYYY" <!-- value-format="YYYY"-->
placeholder="请选择标准推行年份" <!-- placeholder="请选择标准推行年份"-->
/> <!-- />-->
<el-select v-model="formContent.standardTime" filterable placeholder="请选择标准推行年份">
<el-option v-for="item in standardTimeList" :key="item" :value="item" :label="item" />
</el-select>
</el-form-item> </el-form-item>
<el-form-item label="模版类型" prop="type"> <el-form-item label="模版类型" prop="type">
<el-select v-model="formContent.type" filterable clearable placeholder="请选择模版类型"> <el-select v-model="formContent.type" filterable clearable placeholder="请选择模版类型">
<el-option v-for="item in stencil" :key="item.value" :label="item.name" :value="item.value" /> <el-option v-for="item in stencil" :key="item.value" :label="item.name" :value="item.value" />
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item>
<div class="formBut">
<el-button
type="primary"
:icon="shrink ? ArrowUpBold : ArrowDownBold"
@click="shrinkChange"
></el-button>
<el-button type="primary" :icon="Select" @click="save">保存</el-button>
<el-button :icon="Close" @click="close">返回</el-button>
</div>
</el-form-item>
<el-form-item label="检测脚本值类型" prop="valueType"> <el-form-item label="检测脚本值类型" prop="valueType">
<el-select <el-select
v-model="formContent.valueType" v-model="formContent.valueType"
@@ -46,16 +64,30 @@
/> />
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item> <el-form-item label="额定电流" prop="ratedCurr">
<div class="formBut"> <el-input-number
<el-button type="primary" :icon="Select" @click="save">保存</el-button> v-model.trim="formContent.ratedCurr"
<el-button :icon="Close" @click="close">返回</el-button> min="0"
</div> max="20"
style="width: 100%"
placeholder="请输入额定电流"
clearable
/>
</el-form-item>
<el-form-item label="额定电压" prop="ratedVolt">
<el-input-number
v-model.trim="formContent.ratedVolt"
min="0"
max="380"
style="width: 100%"
placeholder="请输入额定电压"
clearable
/>
</el-form-item> </el-form-item>
</el-form> </el-form>
</el-card> </el-card>
<el-card v-if="show"> <el-card v-if="show">
<TestScriptDetail :options="secondLevelOptions" :formContent="formContent" /> <TestScriptDetail :options="secondLevelOptions" :formContent="formContent" :shrink="shrink" />
</el-card> </el-card>
</div> </div>
</template> </template>
@@ -67,12 +99,15 @@ import { type TestScript } from '@/api/device/interface/testScript'
import type { Dict } from '@/api/system/dictionary/interface' import type { Dict } from '@/api/system/dictionary/interface'
import { getDictTreeByCode } from '@/api/system/dictionary/dictTree' import { getDictTreeByCode } from '@/api/system/dictionary/dictTree'
import type { CascaderOption } from 'element-plus' import type { CascaderOption } from 'element-plus'
import { Select, Close } from '@element-plus/icons-vue' import { Select, Close, ArrowDownBold, ArrowUpBold } from '@element-plus/icons-vue'
import { pqScriptAdd, pqScriptUpdate } from '@/api/device/testScript' import { pqScriptAdd, pqScriptUpdate } from '@/api/device/testScript'
import { useRouter } from 'vue-router' import { useRouter } from 'vue-router'
const modeId = ref() const modeId = ref()
const show = ref(false) const show = ref(false)
const height = ref('125px')
const router = useRouter() const router = useRouter()
const standardNameList = reactive<{id:string,label: string, value: string}[]>([])
const standardTimeList = reactive<Array<string>>([])
const secondLevelOptions: any[] = [] const secondLevelOptions: any[] = []
// 定义弹出组件元信息 // 定义弹出组件元信息
@@ -87,10 +122,13 @@ function useMetaInfo() {
pattern: modeId.value, pattern: modeId.value,
standardName: '', standardName: '',
standardTime: '', standardTime: '',
state: 1 state: 1,
ratedCurr: 0,
ratedVolt: 0
}) })
return { titleType, formContent } return { titleType, formContent }
} }
const shrink = ref(true)
const stencil = [ const stencil = [
{ name: '脚本', value: 0 }, { name: '脚本', value: 0 },
{ name: '模版', value: 1 } { name: '模版', value: 1 }
@@ -100,11 +138,17 @@ const rules = {
standardName: [{ required: true, message: '请输入参照标准名称', trigger: 'blur' }], standardName: [{ required: true, message: '请输入参照标准名称', trigger: 'blur' }],
standardTime: [{ required: true, message: '请选择标准推行年份', trigger: 'change' }], standardTime: [{ required: true, message: '请选择标准推行年份', trigger: 'change' }],
type: [{ required: true, message: '请选择模版类型', trigger: 'change' }], type: [{ required: true, message: '请选择模版类型', trigger: 'change' }],
valueType: [{ required: true, message: '请选择检测脚本值类型', trigger: 'change' }] valueType: [{ required: true, message: '请选择检测脚本值类型', trigger: 'change' }],
ratedCurr: [{ required: true, message: '请填写额定电流', trigger: 'change' }],
ratedVolt: [{ required: true, message: '请填写额定电压', trigger: 'change' }]
} }
const { titleType, formContent } = useMetaInfo() const { titleType, formContent } = useMetaInfo()
// 收缩
const shrinkChange = () => {
shrink.value = !shrink.value
shrink.value ? (height.value = '125px') : (height.value = '70px')
}
// 清空formContent // 清空formContent
const resetFormContent = () => { const resetFormContent = () => {
formContent.value = { formContent.value = {
@@ -114,13 +158,14 @@ const resetFormContent = () => {
pattern: '', pattern: '',
standardName: '', standardName: '',
standardTime: '', standardTime: '',
state: 1 state: 1,
ratedCurr: 0,
ratedVolt: 0
} }
router.go(-1) router.go(-1)
} }
// 关闭弹窗 // 关闭弹窗
const close = () => { const close = () => {
// 清空dialogForm中的值 // 清空dialogForm中的值
resetFormContent() resetFormContent()
// 重置表单 // 重置表单
@@ -129,6 +174,15 @@ const close = () => {
// 关闭信息弹框 // 关闭信息弹框
const closeInformation = () => {} const closeInformation = () => {}
const setStandardTimeList = ()=>{
let checkStandard = standardNameList.find(item => item.label === formContent.value.standardName)
if (checkStandard) {
standardTimeList.push(...checkStandard.value.split(','))
} else {
standardTimeList.push('2016', '2017', '2018', '2019', '2020', '2021', '2022', '2023', '2024', '2025')
}
}
// 保存数据 // 保存数据
const save = () => { const save = () => {
// dialogFormRef // dialogFormRef
@@ -151,19 +205,26 @@ const save = () => {
} }
}) })
} }
} else {
shrink.value = true
height.value = '125px'
} }
}) })
} }
// 打开弹窗,可能是新增,也可能是编辑 // 打开弹窗,可能是新增,也可能是编辑
const open = async (title: string, row: any) => { const open = async (title: string, row: any) => {
dictStore.getDictData("Script_Standard_Name").forEach(item => {
standardNameList.push({id: item.id, label: item.name, value: item.value})
})
titleType.value = title titleType.value = title
if (title == '新增检测脚本') { if (title == '新增检测脚本') {
show.value = false show.value = false
} else { } else {
let list = JSON.parse(row) let list = JSON.parse(row)
formContent.value = list formContent.value = list
console.log('🚀 ~ open ~ list:', formContent.value ) console.log('🚀 ~ open ~ list:', formContent.value)
show.value = true show.value = true
} }
// 重置表单 // 重置表单
@@ -239,7 +300,7 @@ defineExpose({ open })
// justify-content: space-between; // justify-content: space-between;
.el-form-item { .el-form-item {
display: flex; display: flex;
width: 15.8%; width: 18.8%;
.el-form-item__content { .el-form-item__content {
flex: 1; flex: 1;

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

@@ -90,7 +90,7 @@
size="small" size="small"
:header-cell-style="{ :header-cell-style="{
textAlign: 'center', textAlign: 'center',
backgroundColor: '#003078', backgroundColor: 'var(--el-color-primary)',
color: '#fff' color: '#fff'
}" }"
stripe stripe
@@ -111,7 +111,7 @@
size="small" size="small"
:header-cell-style="{ :header-cell-style="{
textAlign: 'center', textAlign: 'center',
backgroundColor: '#003078', backgroundColor: 'var(--el-color-primary)',
color: '#fff' color: '#fff'
}" }"
stripe stripe
@@ -134,7 +134,7 @@
size="small" size="small"
:header-cell-style="{ :header-cell-style="{
textAlign: 'center', textAlign: 'center',
backgroundColor: '#003078', backgroundColor: 'var(--el-color-primary)',
color: '#fff' color: '#fff'
}" }"
stripe stripe
@@ -155,7 +155,7 @@
size="small" size="small"
:header-cell-style="{ :header-cell-style="{
textAlign: 'center', textAlign: 'center',
backgroundColor: '#003078', backgroundColor: 'var(--el-color-primary)',
color: '#fff' color: '#fff'
}" }"
stripe stripe
@@ -178,7 +178,7 @@
:data="setValue_TableData" :data="setValue_TableData"
:header-cell-style="{ :header-cell-style="{
textAlign: 'center', textAlign: 'center',
backgroundColor: '#003078', backgroundColor: 'var(--el-color-primary)',
color: '#fff' color: '#fff'
}" }"
stripe stripe

View File

@@ -127,6 +127,16 @@ const columns = reactive<ColumnProps<TestScript.ResTestScript>[]>([
search: showValueSearch.value ? { el: 'select' } : undefined, search: showValueSearch.value ? { el: 'select' } : undefined,
minWidth: 150 minWidth: 150
}, },
{
prop: 'ratedCurr',
label: '额定电流',
minWidth: 100
},
{
prop: 'ratedVolt',
label: '额定电压',
minWidth: 100
},
{ {
prop: 'type', prop: 'type',
label: '模板类型', label: '模板类型',
@@ -135,6 +145,7 @@ const columns = reactive<ColumnProps<TestScript.ResTestScript>[]>([
return <el-tag type={scope.row.type ? 'success' : 'primary'}> {scope.row.type ? '模版' : '脚本'} </el-tag> return <el-tag type={scope.row.type ? 'success' : 'primary'}> {scope.row.type ? '模版' : '脚本'} </el-tag>
} }
}, },
{ prop: 'operation', label: '操作', fixed: 'right', width: 250 } { prop: 'operation', label: '操作', fixed: 'right', width: 250 }
]) ])
@@ -143,7 +154,6 @@ const openDialog = (titleType: string, row: Partial<TestScript.ResTestScript> =
if (modeStore.currentMode == '比对式') { if (modeStore.currentMode == '比对式') {
comparisonPopup.value?.open(titleType, row, modeStore.currentMode) comparisonPopup.value?.open(titleType, row, modeStore.currentMode)
} else { } else {
if (titleType == 'add') { if (titleType == 'add') {
router.push({ router.push({
path: '/machine/testScriptAdd', path: '/machine/testScriptAdd',

View File

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

@@ -24,7 +24,7 @@
class="custom-tree-node" class="custom-tree-node"
style="display: flex; align-items: center" style="display: flex; align-items: center"
> >
<CircleCheck v-if="data.isChildNode && data.scriptIdx < currentIndex" style="width:18px;height: 18px;margin-right:8px;color:#67C23A;"/> <CircleCheck v-if="data.isChildNode && data.scriptIdx < currentIndex" style="width:18px;height: 18px;margin-right:8px;color:#91cc75;"/>
<svg-icon v-if="data.isChildNode && data.scriptIdx === currentIndex" name="loading" spin ></svg-icon> <svg-icon v-if="data.isChildNode && data.scriptIdx === currentIndex" name="loading" spin ></svg-icon>
<span>{{ node.label }}</span> <span>{{ node.label }}</span>

View File

@@ -6,10 +6,10 @@
<el-col :span="12"> <el-col :span="12">
<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="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='sourceIds' :label-width='100'> <el-form-item label='检测源' prop='sourceIds' :label-width='100'>
<el-select v-model="formContent.sourceIds" :multiple="selectByMode" collapse-tags placeholder="请选择检测源"> <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"
@@ -19,17 +19,17 @@
</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="100">
<el-select v-model="formContent.datasourceIds" :multiple="selectByMode" collapse-tags placeholder="请选择数据源" autocomplete="off"> <el-select v-model="formContent.datasourceIds" :multiple="selectByMode" collapse-tags placeholder="请选择数据源" autocomplete="off" clearable>
<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="100">
<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"
@@ -39,7 +39,7 @@
</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="100">
<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"
@@ -47,6 +47,16 @@
:value="option.value" :value="option.value"
/> />
</el-select> </el-select>
</el-form-item>
<el-form-item label="数据处理原则" prop="dataRule" :label-width="110">
<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>
<el-form-item label="守时检测" :label-width="100" prop='timeCheck'> <el-form-item label="守时检测" :label-width="100" prop='timeCheck'>
<el-radio-group v-model="formContent.timeCheck"> <el-radio-group v-model="formContent.timeCheck">
@@ -54,6 +64,23 @@
<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-radio-group v-model="formContent.associateReport">
<el-radio :value="1"></el-radio>
<el-radio :value="0"></el-radio>
</el-radio-group>
</el-form-item> -->
<el-form-item label="模版名称" prop="reportTemplateName" :label-width="100" v-if="formContent.associateReport === 1">
<el-select v-model="formContent.reportTemplateName" placeholder="请选择报告模版" autocomplete="off" >
<el-option
v-for="(option, index) in pqReportName"
:key="index"
:label="option.name"
:value="option.name"
/>
</el-select>
</el-form-item>
</el-form> </el-form>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
@@ -65,9 +92,7 @@
: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>
@@ -93,11 +118,13 @@
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 { Loading } from '@element-plus/icons-vue/dist/types'; import {getPqReportAllName,getPqReportAllVersion} from '@/api/device/report/index.ts'
import { truncate } from 'lodash'; import {useAppSceneStore} from "@/stores/modules/mode";
import { fromPairs } from 'lodash';
import { el } from 'element-plus/es/locale';
const AppSceneStore = useAppSceneStore()
const dictStore = useDictStore() const dictStore = useDictStore()
// 定义弹出组件元信息 // 定义弹出组件元信息
const dialogFormRef = ref() const dialogFormRef = ref()
@@ -108,6 +135,9 @@ import { truncate } from 'lodash';
const pqErrSysList=ref<ErrorSystem.ErrorSystemList[]>([])//获取指定模式下所有检测源 const pqErrSysList=ref<ErrorSystem.ErrorSystemList[]>([])//获取指定模式下所有检测源
const pqDevList=ref<Device.ResPqDev[]>([])//获取指定模式下所有检测源 const pqDevList=ref<Device.ResPqDev[]>([])//获取指定模式下所有检测源
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; }[]>()
@@ -164,6 +194,10 @@ const filterMethod = (query: string, item: { label?: string }) => {
devIds:[], devIds:[],
sourceIds:'', sourceIds:'',
datasourceIds:'', datasourceIds:'',
associateReport:0,
reportTemplateName:'',
reportTemplateVersion:'',
dataRule:'',
}) })
return { dialogVisible, titleType, formContent } return { dialogVisible, titleType, formContent }
} }
@@ -194,6 +228,10 @@ const filterMethod = (query: string, item: { label?: string }) => {
devIds:[], devIds:[],
sourceIds:'', sourceIds:'',
datasourceIds:'', datasourceIds:'',
associateReport:0,
reportTemplateName:'',
reportTemplateVersion:'',
dataRule:'',
} }
) )
@@ -204,14 +242,28 @@ const filterMethod = (query: string, item: { label?: string }) => {
}) })
// 定义规则
const formRuleRef = ref<FormInstance>()
const rules: Ref<Record<string, Array<FormItemRule>>> = ref({ // 定义表单校验规则
name: [{ required: true, message: '检测计划名称必填!', trigger: 'blur' }], const baseRules: Record<string, Array<FormItemRule>> = {
sourceIds: [{ required: true, message: '检测源必选', trigger: 'blur' }], name: [{ required: true, message: '检测计划名称必填', trigger: 'blur' }],
datasourceIds: [{ required: true, message: '数据源必选!', trigger: 'blur' }], sourceIds: [{ required: true, message: '检测源必选!', trigger: 'change' }],
scriptId: [{ required: true, message: '检测脚本必选!', trigger: 'blur' }], datasourceIds: [{ required: true, message: '数据源必选!', trigger: 'change' }],
errorSysId: [{ required: true, message: '误差体系必选!', trigger: 'blur' }], scriptId: [{ required: true, message: '检测脚本必选!', trigger: 'change' }],
errorSysId: [{ required: true, message: '误差体系必选!', trigger: 'change' }],
dataRule: [{ required: true, message: '数据处理原则必选!', trigger: 'change' }],
};
// 使用计算属性根据 scene 动态生成规则
const rules = computed(() => {
const dynamicRules = { ...baseRules };
if (formContent.associateReport === 1){//只有关联报告模版时需要展示
dynamicRules.reportTemplateName= [{ required: true, message: '报告模版名称必选!', trigger: 'change' }];
//dynamicRules.reportTemplateVersion= [{ required: true, message: '报告模版版本号必选!', trigger: 'change' }];
}
return dynamicRules;
}); });
// 关闭弹窗 // 关闭弹窗
@@ -245,11 +297,19 @@ const rules: Ref<Record<string, Array<FormItemRule>>> = ref({
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 === '比对式'){
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}成功!` })
} else { } else {
@@ -258,6 +318,11 @@ const rules: Ref<Record<string, Array<FormItemRule>>> = ref({
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 === '比对式'){
await addPlan(formContent); await addPlan(formContent);
}else{ }else{
@@ -289,30 +354,25 @@ 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) {
if(data.testState === 0){
isSelectDisabled.value = false
}else{
isSelectDisabled.value = true
}
Object.assign(formContent,{ ...data })
} else {
resetFormContent()
}
// 重置表单
dialogFormRef.value?.resetFields()
if(sign == 'add') if(sign == 'add')
{ {
console.log('add',data) resetFormContent()
const [pqSource_Result, PqScript_Result, PqErrSys_Result,pqDevList_Result] = await Promise.all([ const [pqSource_Result, PqScript_Result, PqErrSys_Result,pqDevList_Result,pqReportName_Result] = await Promise.all([
getTestSourceList(data), getTestSourceList(data),
getPqScriptList(data), getPqScriptList(data),
getPqErrSysList(), getPqErrSysList(),
getUnboundPqDevList(data) getUnboundPqDevList(data),
getPqReportAllName(),
]); ]);
if (Array.isArray(pqReportName_Result.data)) {
pqReportName.value = pqReportName_Result.data.map(item => ({ name: item }));
} else {
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[];
@@ -320,15 +380,41 @@ const open = async (sign: string,
// 初始化 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] = await Promise.all([
if(data.testState === 0){
isSelectDisabled.value = false
}else{
isSelectDisabled.value = true
}
Object.assign(formContent,{ ...data })
const [pqSource_Result, PqScript_Result, PqErrSys_Result,boundPqDevList_Result, unboundPqDevList_Result,pqReportName_Result] = await Promise.all([
getTestSourceList(data), getTestSourceList(data),
getPqScriptList(data), getPqScriptList(data),
getPqErrSysList(), getPqErrSysList(),
getBoundPqDevList({ 'planId': data.id }), getBoundPqDevList({ 'planId': data.id }),
getUnboundPqDevList(data) getUnboundPqDevList(data),
getPqReportAllName(),
]); ]);
if (Array.isArray(pqReportName_Result.data)) {
pqReportName.value = pqReportName_Result.data.map(item => ({ name: item }));
} else {
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[];
@@ -359,6 +445,13 @@ 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
}
// 所有数据加载完成后显示对话框 // 所有数据加载完成后显示对话框
dialogVisible.value = true; dialogVisible.value = true;
} }
@@ -392,16 +485,16 @@ function pqToArray() {
} }
const dataSourceType = computed(() => { const dataSourceType = computed(() => {
switch (mode.value) { // switch (mode.value) {
case '模拟式': // case '模拟式':
return 'Datasource_Simulate' // return 'Datasource_Simulate'
case '数字式': // case '数字式':
return 'Datasource_Digital' // return 'Datasource_Digital'
default: // default:
return 'Datasource_Contrast' // return 'Datasource_Contrast'
} // }
}) return 'Datasource'
})
// 对外映射 // 对外映射

View File

@@ -46,7 +46,7 @@
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 } 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,exportCNPlan,downloadCNPlanTemplate,importCNPlan } 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 } 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' // 导入子组件
@@ -71,6 +71,7 @@ import {useDownload} from "@/hooks/useDownload";
import {getTestConfig } from '@/api/system/base/index' import {getTestConfig } from '@/api/system/base/index'
import {type Base } from '@/api/system/base/interface' import {type Base } from '@/api/system/base/interface'
import { getBoundPqDevList ,staticsAnalyse} from '@/api/plan/plan.ts' import { getBoundPqDevList ,staticsAnalyse} from '@/api/plan/plan.ts'
import { kMaxLength } from 'buffer'
// defineOptions({ // defineOptions({
// name: 'planList' // name: 'planList'
@@ -93,7 +94,7 @@ const planList = ref<Plan.ResPlan[]>([]);
const getTableList = async(params: any) => { const getTableList = async(params: any) => {
let newParams = JSON.parse(JSON.stringify(params)) let newParams = JSON.parse(JSON.stringify(params))
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.patternId = patternId
try { try {
const result = await getPlanList(newParams); const result = await getPlanList(newParams);
@@ -106,31 +107,32 @@ const getTableList = async(params: any) => {
const dataSourceType = computed(() => { const dataSourceType = computed(() => {
switch (modeStore.currentMode) { // switch (modeStore.currentMode) {
case '模拟式': // case '模拟式':
return 'Datasource_Simulate' // return 'Datasource_Simulate'
case '数字式': // case '数字式':
return 'Datasource_Digital' // return 'Datasource_Digital'
default: // default:
return 'Datasource_Contrast' // return 'Datasource_Contrast'
} // }
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: 220,
search: { el: 'input' }, search: { el: 'input' },
}, },
{ {
prop: 'testState', prop: 'testState',
label: '检测状态', label: '检测状态',
width: 120, minWidth: 120,
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' },
@@ -143,7 +145,7 @@ const columns = reactive<ColumnProps<Plan.ReqPlan>[]>([
{ {
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' },
@@ -156,7 +158,7 @@ const columns = reactive<ColumnProps<Plan.ReqPlan>[]>([
{ {
prop: 'result', prop: 'result',
label: '检测结果', label: '检测结果',
width: 120, minWidth: 120,
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' },
@@ -170,7 +172,7 @@ const columns = reactive<ColumnProps<Plan.ReqPlan>[]>([
{ {
prop: 'createTime', prop: 'createTime',
label: '创建时间', label: '创建时间',
width: 200, minWidth: 200,
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);
@@ -216,22 +218,20 @@ const columns = reactive<ColumnProps<Plan.ReqPlan>[]>([
{ {
prop: 'scriptId', prop: 'scriptId',
label: '检测脚本', label: '检测脚本',
width: 360, minWidth: 360,
render: scope => { render: scope => {
return ( return (
<el-link type='primary' link onClick={() => showTestScript(scope.row.scriptId)}> <span>{scope.row.scriptName}</span>
{scope.row.scriptName}
</el-link>
) )
}, },
}, },
{ {
prop: 'errorSysId', prop: 'errorSysId',
label: '误差体系', label: '误差体系',
width: 200, minWidth: 240,
render: scope => { render: scope => {
return ( return (
<el-link type='primary' link onClick={() => showData(scope.row.errorSysName || '')}> <el-link type='primary' link onClick={() => showData(scope.row)}>
{scope.row.errorSysName} {scope.row.errorSysName}
</el-link> </el-link>
) )
@@ -248,24 +248,34 @@ const columns = reactive<ColumnProps<Plan.ReqPlan>[]>([
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: 300 },
]) ])
@@ -282,8 +292,9 @@ function isVisible(row: Plan.ReqPlan) {
} }
function showData(row: string) { function showData(row: any) {
errorStandardPopup.value?.open(row, row) let split = row.errorSysName.split('-')
errorStandardPopup.value?.open(row.errorSysName, {id:row.errorSysId,devLevel:split[split.length-1]})
} }
async function showTestSource(row:string) { async function showTestSource(row:string) {
@@ -345,8 +356,8 @@ const importClick = () => {
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 ?? '',
tempApi: downloadCNPlanTemplate, tempApi: downloadTemplate,
importApi: importCNPlan, importApi: importPlan,
getTableList: proTable.value?.getTableList, getTableList: proTable.value?.getTableList,
} }
planImportExcel.value?.acceptParams(params) planImportExcel.value?.acceptParams(params)
@@ -356,7 +367,7 @@ 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 const patternId = dictStore.getDictData('Pattern').find(item=>item.name=== modeStore.currentMode)?.id//获取数据字典中对应的id
useDownload(exportCNPlan,'检测计划导出数据', {...proTable.value?.searchParam,pattern:patternId}, false,'.xlsx') useDownload(exportPlan,'检测计划导出数据', {...proTable.value?.searchParam,patternId:patternId}, false,'.xlsx')
}) })
} }

View File

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

View File

@@ -7,10 +7,10 @@
<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

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

@@ -2,13 +2,13 @@
<el-dialog v-model='dialogVisible' :title='dialogTitle' v-bind='dialogSmall' @close="close"> <el-dialog v-model='dialogVisible' :title='dialogTitle' v-bind='dialogSmall' @close="close">
<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

@@ -3,10 +3,10 @@
<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" >

Some files were not shown because too many files have changed in this diff Show More