181 Commits

Author SHA1 Message Date
081a77ac4c 升级electron egg脚手架版本 2025-10-15 14:12:24 +08:00
sjl
ca8f173394 10550处理 2025-10-15 13:33:40 +08:00
caozehui
2e377bcca2 Merge remote-tracking branch 'origin/master' 2025-10-15 09:59:26 +08:00
caozehui
2a8757c9f1 微调 2025-10-15 09:59:10 +08:00
sjl
35f21b7140 去除日志,表格宽度 2025-10-15 08:49:11 +08:00
贾同学
b0ca84c8fd UPDATE: 优化 2025-10-15 08:45:37 +08:00
sjl
045acfa061 计划默认不勾选闪变 2025-10-14 20:54:35 +08:00
贾同学
55ff45f9a9 ADD: 模块激活流程 2025-10-14 19:00:47 +08:00
sjl
7afccb58fd 正式检测重复初始化 2025-10-14 18:41:36 +08:00
sjl
11c6704f11 闪变 2025-10-14 11:40:39 +08:00
sjl
97d1f08bbe 正式检测闪变 2025-10-13 13:56:37 +08:00
sjl
7d0053eb71 被检设备监测点台账线路号占满不可新增 2025-10-11 14:12:15 +08:00
贾同学
666fb22c49 UPDATE: 优化客户端桌面窗口内容自适应 2025-10-10 15:29:54 +08:00
贾同学
b319a89501 UPDATE: 处理控制台警告问题 2025-10-10 13:23:40 +08:00
贾同学
8e0b3be438 Merge remote-tracking branch 'origin/master' 2025-10-10 08:24:55 +08:00
sjl
b0d92de738 微调 2025-10-09 15:51:45 +08:00
sjl
92b3e25989 冲突 2025-10-09 15:49:29 +08:00
sjl
43c75c96a7 录波数据 2025-10-09 15:47:00 +08:00
贾同学
da0aa0cd0f UPDATE: 调整超时时间到1200秒 2025-10-09 14:34:45 +08:00
贾同学
b0c88b9df2 UPDATE: 优化; 2025-09-30 08:42:45 +08:00
caozehui
7c0ec5844a 微调 2025-09-29 14:49:29 +08:00
贾同学
a4a64ef0f9 UPDATE: 优化; 2025-09-29 09:47:53 +08:00
贾同学
58bb25500e UPDATE: 优化; 2025-09-25 14:40:45 +08:00
贾同学
3d73c34343 Merge remote-tracking branch 'origin/master' 2025-09-25 11:17:15 +08:00
贾同学
f74fedc213 UPDATE: 优化; 2025-09-25 11:16:57 +08:00
sjl
8ea49f9609 预检测实时数据对齐失败展示 2025-09-25 10:11:15 +08:00
caozehui
9ee71d29d4 Merge remote-tracking branch 'origin/master'
# Conflicts:
#	frontend/src/views/home/components/table.vue
2025-09-25 08:54:05 +08:00
caozehui
039a67c35a 微调 2025-09-25 08:53:32 +08:00
sjl
e17749d47e Merge branch 'master' of http://192.168.1.125:3000/root/pqs-9100_client 2025-09-25 08:53:28 +08:00
sjl
21c859c8f1 微调 2025-09-25 08:51:40 +08:00
贾同学
4fe239c86f UPDATE: 1、子计划管理,筛选条件改成搜索、设备厂家、是否分配;
2、重复导入子计划时,增量被检设备并删除未检设备;
        3、优化删除子计划后,刷新主计划信息;
2025-09-25 08:49:15 +08:00
ab62e56bbb 微调 2025-09-25 08:39:06 +08:00
5730b9c5cf 比对模式的检测报告生成和下载 2025-09-23 16:14:03 +08:00
贾同学
d4992db198 UPDATE: 优化批量导入提示; 2025-09-23 15:15:20 +08:00
sjl
5ccd1709a5 Merge branch 'master' of http://192.168.1.22:3000/frontend/pqs-9100_client 2025-09-23 11:14:44 +08:00
sjl
b48c1e0d78 微调 2025-09-23 11:14:34 +08:00
贾同学
fcdbbce7a9 UPDATE: 1、测试项改成检测项;
2、检测项勾选闪变添加提示;
        3、检测项由误差体系反推为下拉框让用户多选,默认全选;
        4、修改检测计划有子计划后部分字段不可编辑;
2025-09-23 10:55:07 +08:00
sjl
d08194bfd8 相序校验拦截错误 2025-09-23 08:39:15 +08:00
贾同学
55f579ef64 UPDATE: 优化 2025-09-22 16:16:45 +08:00
sjl
783e1c080b 预检测,正式检测,数据查询能处理只有录波的情况 2025-09-22 15:51:58 +08:00
guanj
44cdb3273c 微调 2025-09-22 15:37:28 +08:00
guanj
dbc21cdbfa 修改通道配对布局 2025-09-22 15:26:13 +08:00
sjl
24d83cfd39 Merge branch 'master' of http://192.168.1.22:3000/frontend/pqs-9100_client 2025-09-22 09:17:17 +08:00
sjl
b213b721bb 微调 2025-09-22 09:17:10 +08:00
caozehui
4ae42408c3 微调 2025-09-22 09:16:35 +08:00
贾同学
a9156f0954 UPDATE: 异步导出检测数据逻辑。 2025-09-19 16:18:10 +08:00
sjl
3e7509cd44 预检测重复初始化拦截 2025-09-19 11:20:06 +08:00
sjl
24becb82e1 比对式误差切换和删除零时表 2025-09-19 09:31:02 +08:00
sjl
6608587edd 预检测处理错误 2025-09-18 14:11:50 +08:00
sjl
5ad8cdecba 重新计算 2025-09-18 10:06:24 +08:00
贾同学
6b4cca1ef7 Merge remote-tracking branch 'origin/master' 2025-09-17 16:28:17 +08:00
贾同学
dea0844829 UPDATE: 根据计划的状态调按钮显示还是隐藏。 2025-09-17 16:27:46 +08:00
sjl
bbd438d23f 修复比对式一键检测 2025-09-17 15:42:05 +08:00
sjl
c88128b63b 1.被检设备监测点新增是否参与检测
2.调整通道配对只显示绑定和参与检测的通道数
2025-09-17 14:08:58 +08:00
sjl
95c68942ed 数据查询树替换接口联调 2025-09-17 08:46:26 +08:00
贾同学
5db685baca UPDATE: 修改计划数据源选择逻辑。 2025-09-16 14:42:02 +08:00
贾同学
fa710efea4 Merge remote-tracking branch 'origin/master' 2025-09-16 14:37:53 +08:00
贾同学
d0c3e1d9bd UPDATE: 修改计划数据源选择逻辑。 2025-09-16 14:37:17 +08:00
caozehui
589ddd38f3 微调 2025-09-16 13:47:40 +08:00
sjl
47d1500296 模拟式报告生成不弹框 2025-09-16 13:34:22 +08:00
sjl
4a8f8bff6a 预检测新增录波 2025-09-15 14:59:54 +08:00
贾同学
2b9b87a3db UPDATE: 布局样式优化。 2025-09-15 14:58:12 +08:00
贾同学
b241128105 Merge remote-tracking branch 'origin/master' 2025-09-15 10:56:13 +08:00
贾同学
226e3271ee UPDATE: 及格改成符合,添加无法比较。 2025-09-15 10:55:38 +08:00
sjl
1c253fd713 Merge branch 'master' of http://192.168.1.22:3000/frontend/pqs-9100_client 2025-09-15 10:43:53 +08:00
sjl
ed81d3d398 比对式报告生成显示检测中设备 2025-09-15 10:43:42 +08:00
贾同学
09b54a29ab ADD: 报告生成选择检测数据源并更新监测点结果。 2025-09-15 10:38:14 +08:00
贾同学
b27615baaf ADD: 1、报告生成选择界面流程。 2025-09-12 16:34:27 +08:00
sjl
c735e7a5bb 数据查询检测次数默认最后一次 2025-09-12 16:09:41 +08:00
sjl
c78f591baf 实时数据过了录波状态处理和进度条 2025-09-12 13:35:29 +08:00
贾同学
cfd8b072dd ADD: 修改数据合并逻辑,新增 event-source-polyfill包,实现长连接通信,展示合并进度 2025-09-11 11:03:14 +08:00
sjl
d18e34d2c9 比对模式没有检测次数,数据操作可查看检测中设备 2025-09-10 14:20:42 +08:00
sjl
53813795db 调整正式检测录波状态 2025-09-10 09:28:04 +08:00
sjl
8c3098e19a Merge branch 'master' of http://192.168.1.22:3000/frontend/pqs-9100_client 2025-09-09 20:54:32 +08:00
sjl
780a446aed 正式检测录波数据查询 2025-09-09 20:54:22 +08:00
贾同学
375f01a6ab UPDATE: 完善检修计划项目负责人和项目成员逻辑。 2025-09-09 10:25:53 +08:00
sjl
48aab7c1e9 Merge branch 'master' of http://192.168.1.22:3000/frontend/pqs-9100_client 2025-09-09 09:14:52 +08:00
sjl
d7cfe665e2 录波数据查询 2025-09-09 09:14:42 +08:00
贾同学
237c23bb70 UPDATE: 完善检修计划项目负责人和项目成员逻辑。 2025-09-08 16:23:19 +08:00
guanj
4cd6302ee0 修改 通道配对样式 2025-09-08 16:01:04 +08:00
caozehui
6a75709774 微调 2025-09-08 14:55:25 +08:00
贾同学
629dff1256 ADD: 检修计划添加项目负责人和项目成员 2025-09-08 10:21:54 +08:00
贾同学
6d6d03c03c UPDATE: 优化高度 2025-09-05 09:09:18 +08:00
贾同学
6122f53c8e UPDATE: 检测计划选择数据源逻辑改成主计划默认全选,子计划勾选校验 2025-09-05 08:57:39 +08:00
贾同学
5a7eea1052 UPDATE: 优化选择被检设备组件 2025-09-04 19:39:20 +08:00
贾同学
25f3570c18 UPDATE: 替换新增比对检测计划时,可选择的标准设备接口;优化选择被检设备组件 2025-09-04 11:12:29 +08:00
贾同学
74e015bd12 UPDATE: 重构检修计划选择被检设备组件,并处理对应数据逻辑 2025-09-03 20:44:32 +08:00
caozehui
da6a72807b 微调 2025-09-03 08:38:13 +08:00
贾同学
bb7ebaea45 UPDATE: 比对被检设备提交校验监测点信息 2025-09-02 11:03:39 +08:00
sjl
ae51b590af Merge branch 'master' of http://192.168.1.22:3000/frontend/pqs-9100_client 2025-09-01 14:53:44 +08:00
sjl
2ec3102eff 新建检测计划时,检测项下拉框要和误差体系里配置的要一致 2025-09-01 14:53:30 +08:00
贾同学
f5f7d259a9 ADD: 是否下载检测报告选择 2025-09-01 09:36:32 +08:00
guanj
4364f88526 Merge branch 'master' of http://192.168.1.22:3000/frontend/pqs-9100_client 2025-09-01 08:36:25 +08:00
guanj
0f5e21a06c 微调 2025-09-01 08:36:18 +08:00
贾同学
ddbaf5651a UPDATE: 勾选被检设备下载检测结果数据等 2025-08-29 15:09:05 +08:00
贾同学
a847419ab5 Merge remote-tracking branch 'origin/master' 2025-08-29 11:35:05 +08:00
贾同学
d5fb41cbab ADD: 检测计划添加导入标识字段以及逻辑 2025-08-29 11:34:55 +08:00
guanj
25e7b754b7 修改 正式检测结果 2025-08-29 11:12:57 +08:00
贾同学
a32ca3c849 ADD:数据合并按钮操作 2025-08-29 09:54:19 +08:00
caozehui
6e979c5dcb 微调 2025-08-28 16:29:00 +08:00
caozehui
8b578d4d8b 微调 2025-08-28 10:37:50 +08:00
贾同学
52fcdbfe1e ADD:导入子计划元数据二次确认提示 2025-08-27 20:21:55 +08:00
guanj
4559a7b5e2 修改检测查询页面空白问题 2025-08-27 16:32:29 +08:00
guanj
567201563d 修改预检测实时数据详情展示 2025-08-27 14:55:00 +08:00
guanj
772707ac42 修改比对式检测页面 2025-08-27 11:17:13 +08:00
guanj
4a6db824ba 修改通道配置页面 2025-08-26 20:52:24 +08:00
guanj
8b4c22e959 微调 2025-08-26 18:29:14 +08:00
caozehui
d7f1224df4 微调 2025-08-26 15:39:58 +08:00
贾同学
ac4e0e2077 UPDATE:优化子计划增删tab展示数据刷新问题 2025-08-26 15:28:01 +08:00
guanj
56a6f199c0 Merge branch 'master' of http://192.168.1.22:3000/frontend/pqs-9100_client 2025-08-26 15:16:25 +08:00
guanj
0abb765b32 修改查看 模拟式 页面展示 2025-08-26 15:16:18 +08:00
贾同学
4f8fdb83d1 ADD:检测计划添加检测配置相关 2025-08-26 11:13:23 +08:00
caozehui
300b220de2 微调 2025-08-26 10:58:29 +08:00
guanj
825d2cc46a Merge branch 'master' of http://192.168.1.22:3000/frontend/pqs-9100_client 2025-08-26 10:37:24 +08:00
guanj
95b602e6d4 修改检测数据查询展示页面 2025-08-26 10:37:13 +08:00
贾同学
a7b5bbf0bf Merge remote-tracking branch 'origin/master' 2025-08-25 14:53:06 +08:00
贾同学
dfbba11aae ADD:ICD添加检测是否两个开关字段 2025-08-25 14:39:59 +08:00
guanj
5cf39e8aa8 联调检测结果查询弹框 2025-08-25 11:35:38 +08:00
贾同学
a19a20ddd8 ADD:导入检测计划检测结果; 2025-08-25 11:02:07 +08:00
guanj
0985cc5d7c 修改正式监测返回结果 2025-08-22 16:21:57 +08:00
guanj
2be0be681e Merge branch 'master' of http://192.168.1.22:3000/frontend/pqs-9100_client 2025-08-22 15:34:07 +08:00
guanj
dd9ca8f956 联调 正式检测结果页面 2025-08-22 15:33:57 +08:00
贾同学
5cd60d9a32 ADD:导出检测计划检测结果; 2025-08-22 09:04:09 +08:00
guanj
959ae1dee9 Merge branch 'master' of http://192.168.1.22:3000/frontend/pqs-9100_client 2025-08-21 13:15:14 +08:00
guanj
d2d1490e9b 修改正式检测推送逻辑 2025-08-21 13:14:59 +08:00
caozehui
7bcd88c3a7 微调 2025-08-21 10:42:09 +08:00
guanj
8e3368bd29 修改正式检测逻辑 2025-08-21 09:33:13 +08:00
guanj
bc03ba88f0 修改样式 2025-08-20 20:05:07 +08:00
guanj
2aee4b281d 联调正式检测 2025-08-20 20:02:22 +08:00
贾同学
26647222e2 UPDATE:优化v-auth指令逻辑 2025-08-20 10:15:09 +08:00
贾同学
a2db45cace ADD:添加按钮权限 2025-08-20 08:51:01 +08:00
caozehui
d761c0449b 微调 2025-08-19 19:16:20 +08:00
caozehui
dc6a346fd4 微调 2025-08-19 09:37:42 +08:00
贾同学
e938c6b3d9 UPDATE:修改编辑计划按钮判断是否为主计划逻辑 2025-08-18 16:28:29 +08:00
caozehui
c9fef2a9d7 微调 2025-08-18 08:30:03 +08:00
sjl
9319dd06c5 首页判断被检设备下绑定监测点 2025-08-15 16:22:58 +08:00
贾同学
7b96ce84fc ADD:添加导出子计划元信息和导入检修计划按钮逻辑 2025-08-15 16:03:42 +08:00
sjl
b105ff890c 标准 2025-08-15 08:43:42 +08:00
sjl
61b87304e6 数模没有标准设备 2025-08-15 08:37:35 +08:00
sjl
83c8dc5f19 调整开始检测接口 2025-08-14 15:02:58 +08:00
贾同学
b1ddf540ca UPDATE:1.完善主计划导入被检设备逻辑;2.完善新增编辑子计划逻辑。 2025-08-13 20:34:08 +08:00
sjl
0025895696 预检测描述 2025-08-13 15:52:48 +08:00
sjl
1ec8cce63e 实时数据对齐,修改成标准对应被检 2025-08-13 10:06:55 +08:00
贾同学
865d52c135 Merge remote-tracking branch 'origin/master' 2025-08-12 20:43:11 +08:00
贾同学
ce8607af36 UPDATE:优化完善新增编辑检测计划绑定被检设备 2025-08-12 20:42:48 +08:00
sjl
4e8a6300dd 预检测 2025-08-12 20:17:37 +08:00
919e81da8b 前端优化调整 2025-08-12 10:26:30 +08:00
caozehui
18cb6dbde8 微调 2025-08-12 08:34:09 +08:00
6d405d16ed 前端优化调整 2025-08-11 16:30:53 +08:00
sjl
77d2176812 接口调整 2025-08-11 15:59:29 +08:00
c85eac3888 前端优化调整 2025-08-11 11:14:20 +08:00
sjl
27d2d82fcd 去除协议校验 2025-08-08 15:27:17 +08:00
sjl
ecbc3c30c8 1 2025-08-08 13:24:19 +08:00
sjl
0a65efd235 Merge branch 'master' of http://192.168.1.22:3000/frontend/pqs-9100_client
# Conflicts:
#	frontend/src/views/home/components/compareTestPopup.vue
#	frontend/src/views/home/components/testPopup.vue
2025-08-08 13:21:42 +08:00
sjl
5cd8fea60c 预见测 2025-08-08 13:18:01 +08:00
caozehui
3d1b4eb7c6 微调 2025-08-07 16:08:36 +08:00
ec1330bdb8 前端优化调整 2025-08-07 15:44:17 +08:00
caozehui
e66bcdb293 正式检测userPageId参数 2025-08-07 15:29:49 +08:00
sjl
88f1876ef0 通道配对 2025-08-07 15:17:04 +08:00
sjl
fdc1fd6fbd Merge branch 'master' of http://192.168.1.22:3000/frontend/pqs-9100_client 2025-08-07 14:44:04 +08:00
sjl
022d80f30e 实时数据对齐 2025-08-07 14:43:56 +08:00
f59f287b63 前端优化调整 2025-08-07 08:55:28 +08:00
6e573cc597 前端优化调整 2025-08-07 08:47:56 +08:00
d2f92ecde4 前端优化调整 2025-08-06 19:53:22 +08:00
sjl
b2a6a1de4e websocket 2025-08-06 15:28:17 +08:00
sjl
f374df79a6 Merge branch 'master' of http://192.168.1.22:3000/frontend/pqs-9100_client
# Conflicts:
#	frontend/src/utils/webSocketClient.ts
2025-08-06 15:21:17 +08:00
sjl
154eb9f79c 1 2025-08-06 15:19:27 +08:00
sjl
d0724cb7f6 预检测 2025-08-06 15:18:27 +08:00
d6d63523a3 websocket优化 2025-08-06 13:33:09 +08:00
sjl
83998f88ac Merge branch 'master' of http://192.168.1.22:3000/frontend/pqs-9100_client 2025-08-05 10:37:48 +08:00
sjl
9c5e54507b 通道配对,预检测界面 2025-08-05 10:37:40 +08:00
caozehui
15689b5284 Merge branch 'qr_branch'
# Conflicts:
#	frontend/src/views/machine/device/index.vue
2025-07-31 09:47:40 +08:00
sjl
0079f7415e 检测计划列表编辑 2025-07-29 18:35:46 +08:00
sjl
6e22c01dd8 通道配对 2025-07-24 08:29:03 +08:00
sjl
bccb4b1f17 被检设备监测点 2025-07-22 16:12:08 +08:00
sjl
1f37cc567c 首页隐藏子计划,计划列表子计划设备管理 2025-07-22 14:56:58 +08:00
sjl
f81503091d Merge branch 'master' of http://192.168.1.22:3000/frontend/pqs-9100_client 2025-07-21 13:48:07 +08:00
sjl
e29f25653e 比对检测计划 2025-07-21 13:47:56 +08:00
caozehui
6e10b0c645 二楼检测项为空问题 2025-07-14 15:02:07 +08:00
sjl
c8f3b4eddc tab监测点框高度 2025-07-09 20:58:52 +08:00
sjl
cc848b1ffb 标准设备,比对模式被检设备 2025-07-09 20:12:40 +08:00
203 changed files with 26222 additions and 18763 deletions

3
.gitignore vendored
View File

@@ -7,5 +7,6 @@ package-lock.json
data/ data/
.vscode/launch.json .vscode/launch.json
public/electron/ public/electron/
public/dist/
pnpm-lock.yaml pnpm-lock.yaml
CLAUDE.md
/public/dist/

6
.npmrc
View File

@@ -2,3 +2,9 @@ registry=https://registry.npmmirror.com/
disturl=https://registry.npmmirror.com/-/binary/node disturl=https://registry.npmmirror.com/-/binary/node
electron_mirror=https://npmmirror.com/mirrors/electron/ electron_mirror=https://npmmirror.com/mirrors/electron/
electron-builder-binaries_mirror=https://registry.npmmirror.com/-/binary/electron-builder-binaries/ electron-builder-binaries_mirror=https://registry.npmmirror.com/-/binary/electron-builder-binaries/
# 屏蔽警告配置
legacy-peer-deps=true
audit=false
fund=false
loglevel=error

View File

@@ -1,61 +0,0 @@
#### 项目简介
#### 常用命令
```shell
# 运行项目
npm run dev
# 仅运行前端
npm run dev-frontend
# 仅运行后端
npm run dev-electron
# 预发布模式环境变量为prod请先移动资源
npm run start
# 移动前端静态资源
npm run rd
# 移动资源,可配置
npm run move
# 代码加密
npm run encrypt
# 清除加密的代码
npm run clean
# 生成logo
npm run icon
# 打包 windows版
npm run build-w (调整为64位)
npm run build-w-32 (32位)
npm run build-w-64 (64位)
npm run build-w-arm64 (arm64)
# 打包 windows 免安装版)
# ee > v2.2.1
npm run build-wz (调整为64位)
npm run build-wz-32 (32位)
npm run build-wz-64 (64位)
npm run build-wz-arm64 (arm64)
# 打包 mac版
npm run build-m
npm run build-m-arm64 (m1芯片架构)
# 打包 linux版
# ee > v2.2.1
npm run build-l (默认64位 deb包)
npm run build-l-32 (32位 deb包)
npm run build-l-64 (64位 deb包)
npm run build-l-arm64 (64位 deb包 arm64)
npm run build-l-armv7l (64位 deb包 armv7l)
npm run build-lr-64 (64位 rpm包)
npm run build-lp-64 (64位 pacman包)
```

View File

@@ -1 +0,0 @@
chrome应用商店ctx文件解压后放置在此目录中打包时会将资源加入安装包内。

Binary file not shown.

Before

Width:  |  Height:  |  Size: 11 KiB

After

Width:  |  Height:  |  Size: 12 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 745 B

After

Width:  |  Height:  |  Size: 930 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 33 KiB

After

Width:  |  Height:  |  Size: 26 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.8 KiB

After

Width:  |  Height:  |  Size: 2.5 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3.2 KiB

After

Width:  |  Height:  |  Size: 4.6 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 119 KiB

After

Width:  |  Height:  |  Size: 26 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 4.6 KiB

After

Width:  |  Height:  |  Size: 7.1 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 34 KiB

After

Width:  |  Height:  |  Size: 6.6 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 119 KiB

After

Width:  |  Height:  |  Size: 26 KiB

205
cmd/bin.js Normal file
View File

@@ -0,0 +1,205 @@
/**
* ee-bin 配置
* 仅适用于开发环境
*/
module.exports = {
/**
* development serve ("frontend" "electron" )
* ee-bin dev
*/
dev: {
// frontend前端服务
// 说明:该配置的意思是,进入 frontend 目录,执行 npm run dev
// 运行后的服务为 http://localhost:8080
// 如果 protocol 属性为 'file://' 那么不会执行命令,项目直接加载 indexPath 对应的文件。
frontend: {
directory: './frontend',
cmd: 'npm',
args: ['run', 'dev'],
port: 18091,
},
// electron主进程服务
// 说明:该配置的意思是,在根目录,执行 electron . --env=local
electron: {
directory: './',
cmd: 'electron',
args: ['.', '--env=local'],
watch: false,
}
},
/**
* 构建
* ee-bin build
*/
build: {
frontend: {
directory: './frontend',
cmd: 'npm',
args: ['run', 'build'],
},
electron: {
type: 'javascript',
bundleType: 'copy'
},
win64: {
cmd: 'electron-builder',
directory: './',
args: ['--config=./cmd/builder.json', '-w=nsis', '--x64'],
},
win32: {
args: ['--config=./cmd/builder.json', '-w=nsis', '--ia32'],
},
win_e: {
args: ['--config=./cmd/builder.json', '-w=portable', '--x64'],
},
win_7z: {
args: ['--config=./cmd/builder.json', '-w=7z', '--x64'],
},
mac: {
args: ['--config=./cmd/builder-mac.json', '-m'],
},
mac_arm64: {
args: ['--config=./cmd/builder-mac-arm64.json', '-m', '--arm64'],
},
linux: {
args: ['--config=./cmd/builder-linux.json', '-l=deb', '--x64'],
},
linux_arm64: {
args: ['--config=./cmd/builder-linux.json', '-l=deb', '--arm64'],
},
go_w: {
directory: './go',
cmd: 'go',
args: ['build', '-o=../build/extraResources/goapp.exe'],
},
go_m: {
directory: './go',
cmd: 'go',
args: ['build', '-o=../build/extraResources/goapp'],
},
go_l: {
directory: './go',
cmd: 'go',
args: ['build', '-o=../build/extraResources/goapp'],
},
python: {
directory: './python',
cmd: 'python',
args: ['./setup.py', 'build'],
},
},
/**
* 移动资源
* ee-bin move
*/
move: {
frontend_dist: {
src: './frontend/dist',
dest: './public/dist'
},
go_static: {
src: './frontend/dist',
dest: './go/public/dist'
},
go_config: {
src: './go/config',
dest: './go/public/config'
},
go_package: {
src: './package.json',
dest: './go/public/package.json'
},
go_images: {
src: './public/images',
dest: './go/public/images'
},
python_dist: {
src: './python/dist',
dest: './build/extraResources/py'
},
},
/**
* 预发布模式prod
* ee-bin start
*/
start: {
directory: './',
cmd: 'electron',
args: ['.', '--env=prod']
},
/**
* 加密
*/
encrypt: {
frontend: {
type: 'none',
files: [
'./public/dist/**/*.(js|json)',
],
cleanFiles: ['./public/dist'],
confusionOptions: {
compact: true,
stringArray: true,
stringArrayEncoding: ['none'],
stringArrayCallsTransform: true,
numbersToExpressions: true,
target: 'browser',
}
},
electron: {
type: 'confusion',
files: [
'./public/electron/**/*.(js|json)',
],
cleanFiles: ['./public/electron'],
specificFiles: [
'./public/electron/main.js',
'./public/electron/preload/bridge.js',
],
confusionOptions: {
compact: true,
stringArray: true,
stringArrayEncoding: ['rc4'],
deadCodeInjection: false,
stringArrayCallsTransform: true,
numbersToExpressions: true,
target: 'node',
}
}
},
/**
* 执行自定义命令
* ee-bin exec
*/
exec: {
// 单独调试air 实现 go 热重载
go: {
directory: './go',
cmd: 'air',
args: ['-c=config/.air.toml' ],
},
// windows 单独调试air 实现 go 热重载
go_w: {
directory: './go',
cmd: 'air',
args: ['-c=config/.air.windows.toml' ],
},
// 单独调试,以基础方式启动 go
go2: {
directory: './go',
cmd: 'go',
args: ['run', './main.go', '--env=dev','--basedir=../', '--port=7073'],
},
python: {
directory: './python',
cmd: 'python',
args: ['./main.py', '--port=7074'],
stdio: "inherit", // ignore
},
},
};

40
cmd/builder-linux.json Normal file
View File

@@ -0,0 +1,40 @@
{
"productName": "ee",
"appId": "com.bilibili.ee",
"copyright": "© 2025 duola Technology Co., Ltd.",
"directories": {
"output": "out"
},
"asar": true,
"files": [
"**/*",
"!cmd/",
"!data/",
"!electron/",
"!frontend/",
"!logs/",
"!out/",
"!go/",
"!python/"
],
"extraResources": [
{
"from": "build/extraResources",
"to": "extraResources"
}
],
"publish": [
{
"provider": "generic",
"url": ""
}
],
"linux": {
"icon": "build/icons/icon.icns",
"artifactName": "${productName}-${os}-${version}-${arch}.${ext}",
"target": [
"deb"
],
"category": "Utility"
}
}

View File

@@ -0,0 +1,38 @@
{
"productName": "ee",
"appId": "com.bilibili.ee",
"copyright": "© 2025 duola Technology Co., Ltd.",
"directories": {
"output": "out"
},
"asar": true,
"files": [
"**/*",
"!cmd/",
"!data/",
"!electron/",
"!frontend/",
"!logs/",
"!out/",
"!go/",
"!python/"
],
"extraResources": [
{
"from": "build/extraResources",
"to": "extraResources"
}
],
"publish": [
{
"provider": "generic",
"url": ""
}
],
"mac": {
"icon": "build/icons/icon.icns",
"artifactName": "${productName}-${os}-${version}-${arch}.${ext}",
"darkModeSupport": true,
"hardenedRuntime": false
}
}

38
cmd/builder-mac.json Normal file
View File

@@ -0,0 +1,38 @@
{
"productName": "ee",
"appId": "com.bilibili.ee",
"copyright": "© 2025 duola Technology Co., Ltd.",
"directories": {
"output": "out"
},
"asar": true,
"files": [
"**/*",
"!cmd/",
"!data/",
"!electron/",
"!frontend/",
"!logs/",
"!out/",
"!go/",
"!python/"
],
"extraResources": [
{
"from": "build/extraResources",
"to": "extraResources"
}
],
"publish": [
{
"provider": "generic",
"url": ""
}
],
"mac": {
"icon": "build/icons/icon.icns",
"artifactName": "${productName}-${os}-${version}-${arch}.${ext}",
"darkModeSupport": true,
"hardenedRuntime": false
}
}

View File

@@ -1,17 +1,21 @@
{ {
"productName": "pqs9100", "productName": "NPQS9100",
"appId": "com.njcn.pqs9100", "appId": "NQPS9100",
"copyright": "hongawen.com", "copyright": "© 2025 南京灿能",
"directories": { "directories": {
"output": "out" "output": "out"
}, },
"asar": true, "asar": true,
"files": [ "files": [
"**/*", "**/*",
"!cmd/",
"!data/",
"!electron/",
"!frontend/", "!frontend/",
"!run/",
"!logs/", "!logs/",
"!data/" "!out/",
"!go/",
"!python/"
], ],
"extraResources": { "extraResources": {
"from": "build/extraResources/", "from": "build/extraResources/",
@@ -26,35 +30,15 @@
"installerHeaderIcon": "build/icons/icon.ico", "installerHeaderIcon": "build/icons/icon.ico",
"createDesktopShortcut": true, "createDesktopShortcut": true,
"createStartMenuShortcut": true, "createStartMenuShortcut": true,
"shortcutName": "自动检测平台" "shortcutName": "灿能检测"
},
"publish": [
{
"provider": "generic",
"url": "http://www.shining-electric.com/"
}
],
"mac": {
"icon": "build/icons/icon.icns",
"artifactName": "${productName}-${os}-${version}-${arch}.${ext}",
"darkModeSupport": true,
"hardenedRuntime": false
}, },
"win": { "win": {
"icon": "build/icons/icon.ico", "icon": "build/icons/icon.ico",
"artifactName": "${productName}-${os}-${version}-${arch}.${ext}", "artifactName": "${productName}-${os}-${version}-${arch}.${ext}",
"target": [ "target": [
{ {
"target": "nsis" "target": "portable"
} }
] ]
},
"linux": {
"icon": "build/icons/icon.icns",
"artifactName": "${productName}-${os}-${version}-${arch}.${ext}",
"target": [
"deb"
],
"category": "Utility"
} }
} }

View File

@@ -0,0 +1,133 @@
## 便携式 JRE/JDK8 集成指南
本指南介绍如何将 JRE 8 以“便携式”(解压即用、无需安装)的方式随应用打包,并在 Electron 主进程中通过绝对路径调用,从而避免要求用户在系统中安装 JDK/JRE。
### 为什么选择便携式 JRE
- 无需管理员权限与系统环境变量配置,用户无感知。
- 不污染系统环境(不写入 JAVA_HOME/PATH
- 跨平台一致,可精简体积、可控版本。
### 适用场景
- 运行 Java 程序或 JAR 包(仅需运行时)。
- 不需要 javac/jcmd/jmap 等开发/诊断工具(若需要,请改为随包便携式 JDK
### 推荐的 JRE 8 发行版(可再分发)
- Azul Zulu 8 JRE可选 ZuluFX 含 JavaFX[下载页面](https://www.azul.com/downloads/?version=java-8-lts&package=jre)
- BellSoft Liberica 8 JREStandard/FullFull 含 JavaFX[下载页面](https://bell-sw.com/pages/downloads/#/java-8-lts)
- Eclipse Temurin 8 JREAdoptium[下载页面](https://adoptium.net/temurin/releases/?version=8)
选择要点:
- 需要 AWT/Swing/字体/打印 → 选择非 headless 包。
- 需要 JavaFX → 选择 Liberica Full 或 ZuluFX。
- 仅命令行/服务端 → 任意 JRE 8headless 也可)。
### 目录放置约定
将解压后的 JRE 放入项目的 `build/extraResources/jre`,保证内部存在 `bin/java(.exe)`
```
build/
extraResources/
jre/
bin/
java(.exe)
lib/
...
```
构建后在生产环境可通过 `process.resourcesPath` 访问:
`<app>/resources/extraResources/jre/bin/java(.exe)`
### 主进程调用示例
`electron/preload/lifecycle.js` 或你的业务模块中封装 Java 运行工具(开发/生产两种路径):
```js
const path = require('path');
const { spawn } = require('child_process');
function getExtraResourcesDir() {
// 开发态:使用项目目录;生产态:使用 asar/resources 目录
const isDev = !!process.env.EE_DEV || process.env.NODE_ENV === 'development';
return isDev
? path.join(process.cwd(), 'build', 'extraResources')
: path.join(process.resourcesPath, 'extraResources');
}
function getJavaBinPath() {
const extraDir = getExtraResourcesDir();
const javaBinName = process.platform === 'win32' ? 'java.exe' : 'java';
return path.join(extraDir, 'jre', 'bin', javaBinName);
}
function runJavaJar(jarAbsPath, args = [], options = {}) {
const javaPath = getJavaBinPath();
const child = spawn(javaPath, ['-jar', jarAbsPath, ...args], {
stdio: 'inherit',
...options,
});
return child;
}
async function ensureJavaVersion(logger) {
return new Promise((resolve) => {
const child = spawn(getJavaBinPath(), ['-version']);
let out = '';
let err = '';
child.stdout && child.stdout.on('data', (d) => (out += d.toString()))
child.stderr && child.stderr.on('data', (d) => (err += d.toString()))
child.on('close', () => {
const text = (out + '\n' + err).trim();
logger && logger.info('[java] version check:', text);
resolve(text.includes('1.8.0'));
});
});
}
module.exports = { getJavaBinPath, runJavaJar, ensureJavaVersion };
```
在生命周期中调用(示例):
```js
const { logger } = require('ee-core/log');
const path = require('path');
const { runJavaJar, ensureJavaVersion } = require('./java-runner');
class Lifecycle {
async ready() {
const ok = await ensureJavaVersion(logger);
if (!ok) {
logger.error('[java] 未检测到 JRE 8请检查 extraResources/jre 是否存在');
}
}
async windowReady() {
const jarPath = path.join(process.resourcesPath || process.cwd(), 'extraResources', 'tools', 'your-app.jar');
// 示例:延后在某业务时机再启动 Java 进程
// const proc = runJavaJar(jarPath, ['--arg1', 'value']);
}
}
```
注意:示例中的 `java-runner` 为上文工具函数文件,实际请按你的项目结构放置。
### 验证清单
- 运行 `jre/bin/java -version` 输出包含 `1.8.0_xxx`
- 若涉及 GUI/字体/打印,验证 AWT/Swing 中文渲染与打印。
- 若需 JavaFX验证 JavaFX Demo 启动。
- 若涉及 TLS/HTTPS验证 SSL 通信正常。
### 许可与合规
- Azul Zulu、Eclipse TemurinAdoptium、BellSoft Liberica 的 JRE/JDK 8 发行包均可免费再分发GPLv2+CE 或厂商许可证)。
- 建议在应用的“关于/许可证”中附上所选发行版的许可证链接与致谢。
### 常见问题
1) 是否“阉割”?
— 上述 JRE 8 发行版均为标准运行时通过兼容性测试JRE 不包含开发者工具属于正常区别,不是删减。
2) 何时需要 JDK 而不是 JRE
— 需要 `javac` 编译或 `jcmd/jmap` 等诊断工具,或你的 Java 组件依赖 `tools.jar` 时。
3) 体积如何优化?
— 选择 headless若无 GUI 需求)、去除无用语言/字体包;或改用 JDK 9+ 使用 jlink不适用于 8

436
doc/打包方案对比.md Normal file
View File

@@ -0,0 +1,436 @@
# 应用打包方案对比与实现
本文档详细说明 ElectronEgg 应用的两种打包方案:纯绿色版方案 和 双版本方案。
---
## 方案对比
| 特性 | 方案一:纯绿色版 | 方案二:双版本打包 |
|------|-----------------|-------------------|
| **打包产物** | 单个便携版 exe | 安装版 exe + 便携版 exe |
| **安装过程** | 无需安装 | 安装版需安装,便携版无需 |
| **桌面快捷方式** | 应用内自动创建 | 安装版自动创建,便携版手动或自动 |
| **开始菜单** | 无 | 安装版有 |
| **卸载程序** | 无(直接删除) | 安装版有 |
| **适用场景** | 临时使用、U盘携带 | 正式部署、企业分发 |
| **用户体验** | 灵活、轻量 | 专业、完整 |
| **打包时间** | 快 | 较慢(打包两次) |
| **分发复杂度** | 简单(单文件) | 中等(两个文件) |
---
## 方案一:纯绿色版 + 自动创建快捷方式
### 特点
- ✅ 单个 exe 文件,双击即用
- ✅ 首次启动时询问是否创建桌面快捷方式
- ✅ 无需安装,无需卸载
- ✅ 适合快速分发和临时使用
### 实现步骤
#### 1. 修改打包配置
**文件**[cmd/builder.json](../cmd/builder.json)
```json
{
"productName": "南京灿能工具",
"appId": "com.canneng.tool",
"copyright": "© 2025 hongawen",
"directories": {
"output": "out"
},
"asar": true,
"files": [
"**/*",
"!cmd/",
"!data/",
"!electron/",
"!frontend/",
"!logs/",
"!out/",
"!go/",
"!python/"
],
"extraResources": {
"from": "build/extraResources/",
"to": "extraResources"
},
"publish": [
{
"provider": "generic",
"url": "https://your-update-server.com"
}
],
"win": {
"icon": "build/icons/icon.ico",
"artifactName": "${productName}-${os}-${version}-${arch}.${ext}",
"target": [
{
"target": "portable"
}
]
}
}
```
#### 2. 添加自动创建快捷方式功能
**文件**[electron/preload/lifecycle.js](../electron/preload/lifecycle.js)
`windowReady()` 钩子中添加以下代码:
```javascript
const { logger } = require('ee-core/log');
const { getConfig } = require('ee-core/config');
const { getMainWindow } = require('ee-core/electron');
class Lifecycle {
async ready() {
logger.info('[lifecycle] ready');
}
async electronAppReady() {
logger.info('[lifecycle] electron-app-ready');
}
async windowReady() {
logger.info('[lifecycle] window-ready');
// 延迟加载,无白屏
const { windowsOption } = getConfig();
if (windowsOption.show == false) {
const win = getMainWindow();
win.once('ready-to-show', () => {
win.show();
win.focus();
})
}
// 绿色版自动创建桌面快捷方式
await this.createDesktopShortcut();
}
/**
* 为绿色版创建桌面快捷方式
*/
async createDesktopShortcut() {
const { app, dialog, shell } = require('electron');
const path = require('path');
const fs = require('fs');
// 判断是否为便携版(绿色版)
// 安装版通常在 C:\Program Files 或 AppData\Local\Programs
const isPortable = process.platform === 'win32' &&
!process.execPath.includes('Program Files') &&
!process.execPath.includes('AppData\\Local\\Programs');
if (!isPortable) {
logger.info('[lifecycle] 非便携版,跳过快捷方式创建');
return;
}
try {
const desktopPath = app.getPath('desktop');
const shortcutPath = path.join(desktopPath, '南京灿能工具.lnk');
// 如果快捷方式已存在,跳过
if (fs.existsSync(shortcutPath)) {
logger.info('[lifecycle] 桌面快捷方式已存在');
return;
}
// 询问用户是否创建快捷方式
const result = await dialog.showMessageBox({
type: 'question',
buttons: ['创建', '跳过'],
defaultId: 0,
title: '创建桌面快捷方式',
message: '是否在桌面创建快捷方式?',
detail: '方便您下次快速启动应用'
});
if (result.response === 0) {
// Windows 下创建快捷方式
const success = shell.writeShortcutLink(shortcutPath, {
target: process.execPath,
cwd: path.dirname(process.execPath),
description: '南京灿能C端工具',
icon: process.execPath,
iconIndex: 0
});
if (success) {
logger.info('[lifecycle] 桌面快捷方式创建成功');
await dialog.showMessageBox({
type: 'info',
title: '成功',
message: '桌面快捷方式已创建',
buttons: ['确定']
});
} else {
logger.error('[lifecycle] 桌面快捷方式创建失败');
}
} else {
logger.info('[lifecycle] 用户跳过创建快捷方式');
}
} catch (error) {
logger.error('[lifecycle] 创建快捷方式时出错:', error);
}
}
async beforeClose() {
logger.info('[lifecycle] before-close');
}
}
Lifecycle.toString = () => '[class Lifecycle]';
module.exports = {
Lifecycle
};
```
#### 3. 打包命令
```bash
npm run build # 完整构建
npm run build-w # 打包 Windows 便携版
```
#### 4. 产物说明
打包完成后,在 `out/` 目录下会生成:
```
out/
└── 南京灿能工具-win-4.0.0-x64.exe (便携版,约 150-200MB
```
---
## 方案二:双版本打包(安装版 + 便携版)
### 特点
- ✅ 提供两种版本供用户选择
- ✅ 安装版:专业、完整的安装体验
- ✅ 便携版:灵活、轻量,无需安装
- ✅ 适合正式产品发布
### 实现步骤
#### 1. 修改打包配置
**文件**[cmd/builder.json](../cmd/builder.json)
```json
{
"productName": "南京灿能工具",
"appId": "com.canneng.tool",
"copyright": "© 2025 hongawen",
"directories": {
"output": "out"
},
"asar": true,
"files": [
"**/*",
"!cmd/",
"!data/",
"!electron/",
"!frontend/",
"!logs/",
"!out/",
"!go/",
"!python/"
],
"extraResources": {
"from": "build/extraResources/",
"to": "extraResources"
},
"nsis": {
"oneClick": false,
"allowElevation": true,
"allowToChangeInstallationDirectory": true,
"installerIcon": "build/icons/icon.ico",
"uninstallerIcon": "build/icons/icon.ico",
"installerHeaderIcon": "build/icons/icon.ico",
"createDesktopShortcut": true,
"createStartMenuShortcut": true,
"shortcutName": "南京灿能工具",
"artifactName": "${productName}-Setup-${version}.${ext}"
},
"portable": {
"artifactName": "${productName}-Portable-${version}.${ext}"
},
"publish": [
{
"provider": "generic",
"url": "https://your-update-server.com"
}
],
"win": {
"icon": "build/icons/icon.ico",
"target": [
{
"target": "nsis",
"arch": ["x64"]
},
{
"target": "portable",
"arch": ["x64"]
}
]
}
}
```
#### 2. 便携版快捷方式功能(可选)
如果希望便携版也能自动创建快捷方式,使用**方案一**中的 `createDesktopShortcut()` 代码。
#### 3. 打包命令
```bash
npm run build # 完整构建
npm run build-w # 打包两个版本
```
#### 4. 产物说明
打包完成后,在 `out/` 目录下会生成:
```
out/
├── 南京灿能工具-Setup-4.0.0.exe (安装版,约 150MB
└── 南京灿能工具-Portable-4.0.0.exe (便携版,约 150-200MB
```
#### 5. 版本差异说明
**安装版 (NSIS)**
- 需要安装到系统(默认 C:\Program Files
- 自动创建桌面快捷方式
- 自动创建开始菜单项
- 提供卸载程序
- 支持自动更新
- 适合企业部署、长期使用
**便携版 (Portable)**
- 单个 exe 文件
- 双击直接运行(首次会自解压)
- 无需安装,无需卸载
- 可放在 U 盘随身携带
- 适合临时使用、测试环境
---
## 快捷方式创建原理(技术细节)
### Windows 快捷方式 (.lnk)
```javascript
shell.writeShortcutLink(shortcutPath, {
target: process.execPath, // 目标程序路径
cwd: path.dirname(process.execPath), // 工作目录
description: '应用描述', // 快捷方式描述
icon: process.execPath, // 图标路径
iconIndex: 0, // 图标索引
args: '', // 启动参数(可选)
appUserModelId: 'com.app.id' // Windows 应用 ID可选
})
```
### 判断是否为便携版
```javascript
const isPortable = process.platform === 'win32' &&
!process.execPath.includes('Program Files') &&
!process.execPath.includes('AppData\\Local\\Programs');
```
**原理**
- 安装版通常安装在 `C:\Program Files\YourApp\`
- 或者 `C:\Users\用户名\AppData\Local\Programs\YourApp\`
- 便携版可以在任意位置运行
---
## 推荐配置
### 企业级应用(推荐方案二)
```
✅ 提供两个版本
✅ 主推安装版(专业形象)
✅ 提供便携版作为备选
```
### 轻量工具(推荐方案一)
```
✅ 只提供便携版
✅ 应用内自动创建快捷方式
✅ 简化分发流程
```
---
## 常见问题
### Q1: 便携版首次启动为什么慢?
**A**: 便携版是自解压程序,首次运行需要解压资源到临时目录(约 3-5 秒)。后续启动会快很多。
### Q2: 便携版数据存储在哪里?
**A**:
- 用户数据:`C:\Users\用户名\AppData\Roaming\你的appId\`
- 临时文件:`C:\Users\用户名\AppData\Local\Temp\`
### Q3: 如何让便携版也支持自动更新?
**A**: 需要配置 `electron-updater`,但便携版更新体验不如安装版。建议:
- 安装版:使用自动更新
- 便携版:提示用户下载新版本
### Q4: 可以同时运行两个版本吗?
**A**: 不建议。虽然技术上可行,但会导致数据冲突(共享同一个 userData 目录)。
### Q5: 如何自定义快捷方式图标?
**A**: 在 `build/icons/` 目录放置 `.ico` 文件,并在 `builder.json` 中配置:
```json
"win": {
"icon": "build/icons/custom-icon.ico"
}
```
---
## 测试检查清单
打包完成后,请进行以下测试:
### 安装版测试
- [ ] 安装到默认路径成功
- [ ] 安装到自定义路径成功
- [ ] 桌面快捷方式正常
- [ ] 开始菜单项正常
- [ ] 应用启动正常
- [ ] 卸载程序正常
### 便携版测试
- [ ] 双击 exe 正常启动
- [ ] 首次启动自动创建快捷方式(如已实现)
- [ ] 桌面快捷方式可用
- [ ] 应用功能正常
- [ ] 关闭后再次启动正常
- [ ] 可移动到其他目录运行
---
## 参考资源
- electron-builder 官方文档: https://www.electron.build/
- NSIS 配置: https://www.electron.build/configuration/nsis
- Portable 配置: https://www.electron.build/configuration/portable
- Electron shell API: https://www.electronjs.org/docs/latest/api/shell
---
*文档创建时间: 2025-10-14*
*作者: hongawen*

459
doc/生命周期描述.md Normal file
View File

@@ -0,0 +1,459 @@
# ElectronEgg 生命周期详解
本文档详细说明 ElectronEgg 框架的应用生命周期机制及其在项目中的实现。
## 生命周期流程图
```
┌─────────────┐
│ new │ 创建 ElectronEgg 实例
└──────┬──────┘
┌──────▼──────┐
│ ready │ core app 加载完成ee-core 框架初始化)
└──────┬──────┘
┌──────▼─────────────┐
│ electronAppReady │ Electron app 加载完成
└──────┬─────────────┘
├─────────────────┐
│ │
┌──────▼──────┐ ┌─────▼────────┐
│ mainWindow │ │ windowReady │ 主窗口创建完成
└──────┬──────┘ └─────▲────────┘
│ │
└─────────────────┘
┌──────▼──────┐
│ running │ 应用运行中
└──────┬──────┘
┌──────▼──────┐
│beforeClose │ 退出之前触发
└──────┬──────┘
┌──────▼──────┐
│ quit │ 应用退出
└─────────────┘
```
## 生命周期钩子详解
### 1. new - 实例创建
**触发时机**:调用 `new ElectronEgg()`
**实现位置**[electron/main.js](electron/main.js#L6)
```javascript
const { ElectronEgg } = require('ee-core');
const app = new ElectronEgg();
```
**作用**
- 创建 ElectronEgg 应用实例
- 初始化框架核心模块
- 准备生命周期管理器
---
### 2. ready - 核心应用就绪
**触发时机**ee-core 框架加载完成Electron app 启动之前
**实现位置**
- 注册:[electron/main.js](electron/main.js#L10)
- 实现:[electron/preload/lifecycle.js](electron/preload/lifecycle.js#L12-L14)
```javascript
// 注册
app.register("ready", life.ready);
// 实现
async ready() {
logger.info('[lifecycle] ready');
// 在这里可以做:
// - 初始化数据库连接
// - 加载配置文件
// - 初始化全局变量
}
```
**适用场景**
- ✅ 初始化数据库连接
- ✅ 加载应用配置
- ✅ 注册全局服务
- ✅ 初始化日志系统
- ❌ 不能操作窗口(窗口还未创建)
---
### 3. electronAppReady - Electron 应用就绪
**触发时机**Electron 的 `app.ready` 事件触发后,主窗口创建之前
**实现位置**
- 注册:[electron/main.js](electron/main.js#L11)
- 实现:[electron/preload/lifecycle.js](electron/preload/lifecycle.js#L19-L21)
```javascript
// 注册
app.register("electron-app-ready", life.electronAppReady);
// 实现
async electronAppReady() {
logger.info('[lifecycle] electron-app-ready');
// 在这里可以做:
// - 注册全局快捷键
// - 设置应用菜单
// - 初始化托盘图标
// - 注册协议处理
}
```
**适用场景**
- ✅ 注册全局快捷键 (globalShortcut)
- ✅ 创建应用菜单 (Menu)
- ✅ 创建系统托盘 (Tray)
- ✅ 注册自定义协议 (protocol)
- ⚠️ 可以创建窗口,但通常在框架内部自动创建
---
### 4. mainWindow - 主窗口创建
**触发时机**:框架创建主窗口时(内部流程,不需要手动注册)
**说明**
- 这是框架内部自动执行的步骤
- 根据 `electron/config/config.*.js` 中的 `windowsOption` 配置创建窗口
- 窗口创建完成后会触发 `windowReady` 钩子
**配置示例**
```javascript
// electron/config/config.default.js
windowsOption: {
width: 1200,
height: 800,
show: false, // 设置为 false 可实现无白屏启动
webPreferences: {
contextIsolation: false,
nodeIntegration: true
}
}
```
---
### 5. windowReady - 窗口就绪
**触发时机**:主窗口创建完成,页面加载完毕
**实现位置**
- 注册:[electron/main.js](electron/main.js#L12)
- 实现:[electron/preload/lifecycle.js](electron/preload/lifecycle.js#L26-L37)
```javascript
// 注册
app.register("window-ready", life.windowReady);
// 实现
async windowReady() {
logger.info('[lifecycle] window-ready');
// 延迟显示窗口,避免白屏
const { windowsOption } = getConfig();
if (windowsOption.show == false) {
const win = getMainWindow();
win.once('ready-to-show', () => {
win.show(); // 显示窗口
win.focus(); // 聚焦窗口
})
}
// 在这里可以做:
// - 向渲染进程发送初始化数据
// - 检查更新
// - 加载用户配置
}
```
**适用场景**
- ✅ 操作主窗口 (show/hide/maximize 等)
- ✅ 向渲染进程发送消息
- ✅ 执行自动更新检查
- ✅ 加载用户数据并同步到前端
- ✅ 实现无白屏启动(配合 `show: false`
---
### 6. running - 应用运行中
**触发时机**:窗口显示后,应用正常运行期间
**说明**
- 这不是一个独立的生命周期钩子
- 表示应用的正常运行状态
- 此时所有功能都可用
**可用操作**
- IPC 通信(前后端交互)
- 业务逻辑处理
- 数据库操作
- 网络请求
- 文件系统操作
---
### 7. beforeClose - 关闭前钩子
**触发时机**:用户点击关闭按钮或调用 `app.quit()` 之前
**实现位置**
- 注册:[electron/main.js](electron/main.js#L13)
- 实现:[electron/preload/lifecycle.js](electron/preload/lifecycle.js#L42-L44)
```javascript
// 注册
app.register("before-close", life.beforeClose);
// 实现
async beforeClose() {
logger.info('[lifecycle] before-close');
// 在这里可以做:
// - 保存用户数据
// - 关闭数据库连接
// - 清理临时文件
// - 释放系统资源
// - 确认是否退出
}
```
**适用场景**
- ✅ 保存应用状态
- ✅ 关闭数据库连接
- ✅ 清理临时资源
- ✅ 询问用户是否确认退出
- ✅ 上传日志或统计数据
**阻止关闭示例**
```javascript
async beforeClose(args, event) {
const { dialog } = require('electron');
const result = await dialog.showMessageBox({
type: 'question',
buttons: ['取消', '退出'],
message: '确定要退出应用吗?'
});
if (result.response === 0) {
// 阻止关闭
return false;
}
// 允许关闭
return true;
}
```
---
### 8. quit - 应用退出
**触发时机**`beforeClose` 完成后,应用进程终止
**说明**
- 这是最终状态,不可逆
- 所有资源清理应在 `beforeClose` 中完成
- 退出后进程结束,无法执行代码
---
## 额外生命周期preload
### preload - 预加载模块
**触发时机**:应用启动时,在所有其他钩子之前
**实现位置**
- 注册:[electron/main.js](electron/main.js#L16)
- 实现:[electron/preload/index.js](electron/preload/index.js#L7-L9)
```javascript
// 注册
app.register("preload", preload);
// 实现
function preload() {
logger.info('[preload] load 1');
// 在这里可以做:
// - 加载环境变量
// - 注册原生模块
// - 设置全局异常处理
}
```
**适用场景**
- ✅ 加载环境变量
- ✅ 注册 Node.js 原生模块
- ✅ 设置全局错误处理
- ✅ 初始化第三方 SDK
---
## 实际开发示例
### 示例 1数据库初始化
```javascript
// electron/preload/lifecycle.js
const Database = require('better-sqlite3');
let db;
class Lifecycle {
async ready() {
// 在 ready 钩子中初始化数据库
const path = require('path');
const dbPath = path.join(app.getPath('userData'), 'app.db');
db = new Database(dbPath);
logger.info('[lifecycle] database initialized');
}
async beforeClose() {
// 在关闭前关闭数据库连接
if (db) {
db.close();
logger.info('[lifecycle] database closed');
}
}
}
```
### 示例 2自动更新检查
```javascript
// electron/preload/lifecycle.js
const { autoUpdater } = require('electron-updater');
class Lifecycle {
async windowReady() {
// 窗口就绪后检查更新
const { getMainWindow } = require('ee-core/electron');
const win = getMainWindow();
autoUpdater.checkForUpdates();
autoUpdater.on('update-available', () => {
win.webContents.send('update-available');
});
logger.info('[lifecycle] update check started');
}
}
```
### 示例 3托盘图标
```javascript
// electron/preload/lifecycle.js
const { Tray, Menu } = require('electron');
let tray;
class Lifecycle {
async electronAppReady() {
// 在 Electron 就绪后创建托盘
const path = require('path');
const iconPath = path.join(__dirname, '../../public/images/tray-icon.png');
tray = new Tray(iconPath);
const contextMenu = Menu.buildFromTemplate([
{ label: '打开主窗口', click: () => {
const { getMainWindow } = require('ee-core/electron');
getMainWindow().show();
}},
{ label: '退出', click: () => {
const { app } = require('electron');
app.quit();
}}
]);
tray.setContextMenu(contextMenu);
logger.info('[lifecycle] tray created');
}
}
```
### 示例 4无白屏启动
```javascript
// electron/config/config.default.js
windowsOption: {
width: 1200,
height: 800,
show: false, // 关键配置:初始不显示
backgroundColor: '#ffffff'
}
// electron/preload/lifecycle.js
class Lifecycle {
async windowReady() {
// 页面加载完成后再显示,避免白屏
const { getMainWindow } = require('ee-core/electron');
const win = getMainWindow();
win.once('ready-to-show', () => {
win.show();
win.focus();
});
}
}
```
---
## 生命周期执行顺序总结
```
1. preload() # 预加载模块
2. new ElectronEgg() # 创建应用实例
3. ready() # 核心框架就绪
4. electronAppReady() # Electron 就绪
5. [创建主窗口] # 框架内部创建窗口
6. windowReady() # 窗口就绪
7. [应用运行中] # 正常运行状态
8. beforeClose() # 关闭前钩子
9. [应用退出] # 进程结束
```
---
## 注意事项
1. **异步支持**:所有生命周期钩子都支持 `async/await`,可以执行异步操作
2. **错误处理**:建议在每个钩子中添加 try-catch 错误处理
3. **顺序依赖**:不要在早期钩子中访问尚未初始化的资源(如在 `ready` 中操作窗口)
4. **性能优化**:避免在钩子中执行耗时操作,会阻塞应用启动
5. **资源清理**:在 `beforeClose` 中务必清理所有资源,避免内存泄漏
6. **日志记录**:建议在每个钩子中记录日志,方便排查问题
---
## 相关文件
- 生命周期注册:[electron/main.js](electron/main.js)
- 生命周期实现:[electron/preload/lifecycle.js](electron/preload/lifecycle.js)
- 预加载模块:[electron/preload/index.js](electron/preload/index.js)
- 窗口配置:[electron/config/config.default.js](electron/config/config.default.js)
---
## 参考资源
- ElectronEgg 官方文档https://www.kaka996.com/pages/987b1c/
- Electron 官方文档https://www.electronjs.org/zh/docs/latest/

View File

@@ -1,11 +0,0 @@
#### 基础配置
主进程的配置文件在./config文件夹下
```shell
# 说明
bin.js // 开发配置
config.default.js // 默认配置文件,开发环境和生产环境都会加载
config.local.js // 开发环境配置文件追加和覆盖default配置文件
config.prod.js // 生产环境配置文件追加和覆盖default配置文件
nodemon.json // 开发环境,代码(监控)热加载
builder.json // 打包配置
```

View File

@@ -1,170 +0,0 @@
const { app: electronApp } = require('electron');
const { autoUpdater } = require("electron-updater");
const is = require('ee-core/utils/is');
const Log = require('ee-core/log');
const Conf = require('ee-core/config');
const CoreWindow = require('ee-core/electron/window');
const Electron = require('ee-core/electron');
/**
* 自动升级插件
* @class
*/
class AutoUpdaterAddon {
constructor() {
}
/**
* 创建
*/
create () {
Log.info('[addon:autoUpdater] load');
const cfg = Conf.getValue('addons.autoUpdater');
if ((is.windows() && cfg.windows)
|| (is.macOS() && cfg.macOS)
|| (is.linux() && cfg.linux))
{
// continue
} else {
return
}
// 是否检查更新
if (cfg.force) {
this.checkUpdate();
}
const status = {
error: -1,
available: 1,
noAvailable: 2,
downloading: 3,
downloaded: 4,
}
const version = electronApp.getVersion();
Log.info('[addon:autoUpdater] current version: ', version);
// 设置下载服务器地址
let server = cfg.options.url;
let lastChar = server.substring(server.length - 1);
server = lastChar === '/' ? server : server + "/";
//Log.info('[addon:autoUpdater] server: ', server);
cfg.options.url = server;
// 是否后台自动下载
autoUpdater.autoDownload = cfg.force ? true : false;
try {
autoUpdater.setFeedURL(cfg.options);
} catch (error) {
Log.error('[addon:autoUpdater] setFeedURL error : ', error);
}
autoUpdater.on('checking-for-update', () => {
//sendStatusToWindow('正在检查更新...');
})
autoUpdater.on('update-available', (info) => {
info.status = status.available;
info.desc = '有可用更新';
this.sendStatusToWindow(info);
})
autoUpdater.on('update-not-available', (info) => {
info.status = status.noAvailable;
info.desc = '没有可用更新';
this.sendStatusToWindow(info);
})
autoUpdater.on('error', (err) => {
let info = {
status: status.error,
desc: err
}
this.sendStatusToWindow(info);
})
autoUpdater.on('download-progress', (progressObj) => {
let percentNumber = parseInt(progressObj.percent);
let totalSize = this.bytesChange(progressObj.total);
let transferredSize = this.bytesChange(progressObj.transferred);
let text = '已下载 ' + percentNumber + '%';
text = text + ' (' + transferredSize + "/" + totalSize + ')';
let info = {
status: status.downloading,
desc: text,
percentNumber: percentNumber,
totalSize: totalSize,
transferredSize: transferredSize
}
Log.info('[addon:autoUpdater] progress: ', text);
this.sendStatusToWindow(info);
})
autoUpdater.on('update-downloaded', (info) => {
info.status = status.downloaded;
info.desc = '下载完成';
this.sendStatusToWindow(info);
// 托盘插件默认会阻止窗口关闭,这里设置允许关闭窗口
Electron.extra.closeWindow = true;
autoUpdater.quitAndInstall();
// const mainWindow = CoreWindow.getMainWindow();
// if (mainWindow) {
// mainWindow.destroy()
// }
// electronApp.appQuit()
});
}
/**
* 检查更新
*/
checkUpdate () {
autoUpdater.checkForUpdates();
}
/**
* 下载更新
*/
download () {
autoUpdater.downloadUpdate();
}
/**
* 向前端发消息
*/
sendStatusToWindow(content = {}) {
const textJson = JSON.stringify(content);
const channel = 'app.updater';
const win = CoreWindow.getMainWindow();
win.webContents.send(channel, textJson);
}
/**
* 单位转换
*/
bytesChange (limit) {
let size = "";
if(limit < 0.1 * 1024){
size = limit.toFixed(2) + "B";
}else if(limit < 0.1 * 1024 * 1024){
size = (limit/1024).toFixed(2) + "KB";
}else if(limit < 0.1 * 1024 * 1024 * 1024){
size = (limit/(1024 * 1024)).toFixed(2) + "MB";
}else{
size = (limit/(1024 * 1024 * 1024)).toFixed(2) + "GB";
}
let sizeStr = size + "";
let index = sizeStr.indexOf(".");
let dou = sizeStr.substring(index + 1 , index + 3);
if(dou == "00"){
return sizeStr.substring(0, index) + sizeStr.substring(index + 3, index + 5);
}
return size;
}
}
AutoUpdaterAddon.toString = () => '[class AutoUpdaterAddon]';
module.exports = AutoUpdaterAddon;

View File

@@ -1,67 +0,0 @@
const { app: electronApp } = require('electron');
const Log = require('ee-core/log');
const Conf = require('ee-core/config');
/**
* 唤醒插件
* @class
*/
class AwakenAddon {
constructor() {
this.protocol = '';
}
/**
* 创建
*/
create () {
Log.info('[addon:awaken] load');
const cfg = Conf.getValue('addons.awaken');
this.protocol = cfg.protocol;
electronApp.setAsDefaultProtocolClient(this.protocol);
this.handleArgv(process.argv);
electronApp.on('second-instance', (event, argv) => {
if (process.platform === 'win32') {
this.handleArgv(argv)
}
})
// 仅用于macOS
electronApp.on('open-url', (event, urlStr) => {
this.handleUrl(urlStr)
})
}
/**
* 参数处理
*/
handleArgv(argv) {
const offset = electronApp.isPackaged ? 1 : 2;
const url = argv.find((arg, i) => i >= offset && arg.startsWith(this.protocol));
this.handleUrl(url)
}
/**
* url解析
*/
handleUrl(awakeUrlStr) {
if (!awakeUrlStr || awakeUrlStr.length === 0) {
return
}
const {hostname, pathname, search} = new URL(awakeUrlStr);
let awakeUrlInfo = {
urlStr: awakeUrlStr,
urlHost: hostname,
urlPath: pathname,
urlParams: search && search.slice(1)
}
Log.info('[addon:awaken] awakeUrlInfo:', awakeUrlInfo);
}
}
AwakenAddon.toString = () => '[class AwakenAddon]';
module.exports = AwakenAddon;

View File

@@ -1,94 +0,0 @@
const { app, session } = require('electron');
const _ = require('lodash');
const fs = require('fs');
const path = require('path');
const Log = require('ee-core/log');
/**
* 扩展插件 electron自身对该功能并不完全支持官方也不建议使用
* @class
*/
class ChromeExtensionAddon {
constructor() {
}
/**
* 创建
*/
async create () {
Log.info('[addon:chromeExtension] load');
const extensionIds = this.getAllIds();
for (let i = 0; i < extensionIds.length; i++) {
await this.load(extensionIds[i]);
}
}
/**
* 获取扩展id列表crx解压后的目录名即是该扩展的id
*/
getAllIds () {
const extendsionDir = this.getDirectory();
const ids = this.getDirs(extendsionDir);
return ids;
}
/**
* 扩展所在目录
*/
getDirectory () {
let extensionDirPath = '';
let variablePath = 'build'; // 打包前路径
if (app.isPackaged) {
variablePath = '..'; // 打包后路径
}
extensionDirPath = path.join(app.getAppPath(), variablePath, "extraResources", "chromeExtension");
return extensionDirPath;
}
/**
* 加载扩展
*/
async load (extensionId = '') {
if (_.isEmpty(extensionId)) {
return false
}
try {
const extensionPath = path.join(this.getDirectory(), extensionId);
Log.info('[addon:chromeExtension] extensionPath:', extensionPath);
await session.defaultSession.loadExtension(extensionPath, { allowFileAccess: true });
} catch (e) {
Log.info('[addon:chromeExtension] load extension error extensionId:%s, errorInfo:%s', extensionId, e.toString());
return false
}
return true
}
/**
* 获取目录下所有文件夹
*/
getDirs(dir) {
if (!dir) {
return [];
}
const components = [];
const files = fs.readdirSync(dir);
files.forEach(function(item, index) {
const stat = fs.lstatSync(dir + '/' + item);
if (stat.isDirectory() === true) {
components.push(item);
}
});
return components;
};
}
ChromeExtensionAddon.toString = () => '[class ChromeExtensionAddon]';
module.exports = ChromeExtensionAddon;

View File

@@ -1,33 +0,0 @@
const Log = require('ee-core/log');
const EE = require('ee-core/ee');
/**
* 安全插件
* @class
*/
class SecurityAddon {
constructor() {
}
/**
* 创建
*/
create () {
Log.info('[addon:security] load');
const { CoreApp } = EE;
const runWithDebug = process.argv.find(function(e){
let isHasDebug = e.includes("--inspect") || e.includes("--inspect-brk") || e.includes("--remote-debugging-port");
return isHasDebug;
})
// 不允许远程调试
if (runWithDebug) {
Log.error('[error] Remote debugging is not allowed, runWithDebug:', runWithDebug);
CoreApp.appQuit();
}
}
}
SecurityAddon.toString = () => '[class SecurityAddon]';
module.exports = SecurityAddon;

View File

@@ -1,72 +0,0 @@
const { Tray, Menu } = require('electron');
const path = require('path');
const Ps = require('ee-core/ps');
const Log = require('ee-core/log');
const Electron = require('ee-core/electron');
const CoreWindow = require('ee-core/electron/window');
const Conf = require('ee-core/config');
const EE = require('ee-core/ee');
/**
* 托盘插件
* @class
*/
class TrayAddon {
constructor() {
this.tray = null;
}
/**
* 创建托盘
*/
create () {
// 开发环境,代码热更新开启时,会导致托盘中有残影
if (Ps.isDev() && Ps.isHotReload()) return;
Log.info('[addon:tray] load');
const { CoreApp } = EE;
const cfg = Conf.getValue('addons.tray');
const mainWindow = CoreWindow.getMainWindow();
// 托盘图标
let iconPath = path.join(Ps.getHomeDir(), cfg.icon);
// 托盘菜单功能列表
let trayMenuTemplate = [
{
label: '显示',
click: function () {
mainWindow.show();
}
},
{
label: '退出',
click: function () {
CoreApp.appQuit();
}
}
]
// 点击关闭,最小化到托盘
mainWindow.on('close', (event) => {
if (Electron.extra.closeWindow == true) {
return;
}
mainWindow.hide();
event.preventDefault();
});
// 实例化托盘
this.tray = new Tray(iconPath);
this.tray.setToolTip(cfg.title);
const contextMenu = Menu.buildFromTemplate(trayMenuTemplate);
this.tray.setContextMenu(contextMenu);
this.tray.on('double-click', () => {
mainWindow.show()
})
}
}
TrayAddon.toString = () => '[class TrayAddon]';
module.exports = TrayAddon;

View File

@@ -1,108 +0,0 @@
/**
* ee-bin 配置
* 仅适用于开发环境
*/
module.exports = {
/**
* development serve ("frontend" "electron" )
* ee-bin dev
*/
dev: {
frontend: {
directory: './frontend',
cmd: 'npm',
args: ['run', 'dev'],
protocol: 'http://',
hostname: 'localhost',
port: 18091,
indexPath: 'index.html'
},
electron: {
directory: './',
cmd: 'electron',
args: ['.', '--env=local', '--color=always'], // --env: local|prod; '--color=always' 控制台颜色
}
},
/**
* 构建
* ee-bin build
*/
build: {
frontend: {
directory: './frontend',
cmd: 'npm',
args: ['run', 'build'],
}
},
/**
* 移动资源
* ee-bin move
*/
move: {
frontend_dist: {
dist: './frontend/dist',
target: './public/dist'
}
},
/**
* 预发布模式prod
* ee-bin start
*/
start: {
directory: './',
cmd: 'electron',
args: ['.', '--env=prod']
},
/**
* 加密
*/
encrypt: {
// confusion - 压缩混淆加密
// bytecode - 字节码加密
// strict - 先混淆加密,然后字节码加密
type: 'confusion',
// 文件匹配
// ! 符号开头的意思是过滤
files: [
'electron/**/*.(js|json)',
'!electron/config/encrypt.js',
'!electron/config/nodemon.json',
'!electron/config/builder.json',
'!electron/config/bin.json',
],
// 需要加密的文件后缀暂时只支持js
fileExt: ['.js'],
// 混淆加密配置
confusionOptions: {
// 压缩成一行
compact: true,
// 删除字符串文字并将其放置在一个特殊数组中
stringArray: true,
// 对stringArray的所有字符串文字进行编码'none' | 'base64' | 'rc4'
stringArrayEncoding: ['none'],
// 注入死代码,注:影响性能
deadCodeInjection: false,
}
},
/**
* 执行自定义命令
* ee-bin exec
*/
exec: {
node_v: {
directory: './',
cmd: 'node',
args: ['-v'],
},
npm_v: {
directory: './',
cmd: 'npm',
args: ['-v'],
},
},
};

View File

@@ -1,90 +1,59 @@
'use strict'; 'use strict';
const path = require('path'); const path = require('path');
const {getBaseDir} = require('ee-core/ps');
/** /**
* 默认配置 * 默认配置
*/ */
module.exports = (appInfo) => { module.exports = () => {
return {
const config = {}; openDevTools: false,
singleLock: true,
/** windowsOption: {
* 开发者工具 title: 'NPQS9100-自动检测平台',
*/ menuBarVisible: false,
config.openDevTools = false; width: 1920,
height: 1000,
/** minWidth: 1024,
* 应用程序顶部菜单 minHeight: 640,
*/
config.openAppMenu = true;
/**
* 1.507
* 主窗口
*/
config.windowsOption = {
title: '自动检测平台',
width: 1600,
height: 950,
minWidth: 1600,
minHeight: 950,
webPreferences: { webPreferences: {
//webSecurity: false, //webSecurity: false,
contextIsolation: false, // false -> 可在渲染进程中使用electron的apitrue->需要bridge.js(contextBridge) contextIsolation: false, // false -> 可在渲染进程中使用electron的apitrue->需要bridge.js(contextBridge)
nodeIntegration: true, nodeIntegration: true,
//preload: path.join(appInfo.baseDir, 'preload', 'bridge.js'), //preload: path.join(getElectronDir(), 'preload', 'bridge.js'),
}, },
frame: true, frame: true,
show: false, show: true,
icon: path.join(appInfo.home, 'public', 'images', 'logo-32.png'), icon: path.join(getBaseDir(), 'public', 'images', 'logo-32.png'),
}; },
logger: {
/**
* ee框架日志
*/
config.logger = {
encoding: 'utf8',
level: 'INFO', level: 'INFO',
outputJSON: false, outputJSON: false,
buffer: true, appLogName: '9100.log',
enablePerformanceTimer: false, coreLogName: '9100-core.log',
rotator: 'day', errorLogName: '9100-error.log'
appLogName: 'pqs9100.log',
coreLogName: 'pqs9100-core.log',
errorLogName: 'pqs9100-error.log'
}
/**
* 远程模式-web地址
*/
config.remoteUrl = {
enable: false,
url: 'http://electron-egg.kaka996.com/'
};
/**
* 内置socket服务
*/
config.socketServer = {
enable: false, // 是否开启
port: 7070,// 默认端口
path: "/socket.io/", // 默认路径名称
connectTimeout: 45000, // 客户端连接超时时间
pingTimeout: 30000, // 心跳检测超时时间
pingInterval: 25000, // 心跳检测间隔时间
maxHttpBufferSize: 1e8, // 每条消息的数据最大值
transports: ["polling", "websocket"], // http轮询和websocket
cors: {
origin: true, // http协议时需要设置允许跨域
}, },
channel: 'c1' // 默认频道c1可以自定义 // 远程web地址
}; remote: {
enable: false,
/** url: ''
* 内置http服务 },
*/ socketServer: {
config.httpServer = { enable: false,
port: 7070,
path: "/socket.io/",
connectTimeout: 45000,
pingTimeout: 30000,
pingInterval: 25000,
maxHttpBufferSize: 1e8,
transports: ["polling", "websocket"],
cors: {
origin: true,
},
channel: 'socket-channel'
},
httpServer: {
enable: false, enable: false,
https: { https: {
enable: false, enable: false,
@@ -93,93 +62,10 @@ module.exports = (appInfo) => {
}, },
host: '127.0.0.1', host: '127.0.0.1',
port: 7071, port: 7071,
cors: {
origin: "*" // 默认允许跨域
}, },
body: { mainServer: {
multipart: true,
formidable: {
keepExtensions: true
}
},
filterRequest: {
uris: [
'favicon.ico' // 默认过滤的uri favicon.ico
],
returnData: ''
}
};
/**
* 主进程
*/
config.mainServer = {
protocol: 'file://',
indexPath: '/public/dist/index.html', indexPath: '/public/dist/index.html',
}; channelSeparator: '/',
}
/**
* 硬件加速
*/
config.hardGpu = {
enable: true
};
/**
* 异常捕获
*/
config.exception = {
mainExit: false, // 主进程退出时是否捕获异常
childExit: true,
rendererExit: true,
};
/**
* jobs
*/
config.jobs = {
messageLog: true // 是否打印进程间通信的消息log
};
/**
* 插件功能
* @param window 官方内置插件
* @param tray 托盘插件
* @param security 安全插件
* @param awaken 唤醒插件
* @param autoUpdater 自动升级插件
*/
config.addons = {
window: {
enable: true,
},
tray: {
enable: true,
title: '自动检测平台',
icon: '/public/images/tray.png'
},
security: {
enable: true,
},
awaken: {
enable: true,
protocol: 'ee',
args: []
},
autoUpdater: {
enable: true,
windows: false,
macOS: false,
linux: false,
options: {
provider: 'generic',
url: 'http://kodo.qiniu.com/'
},
force: false,
} }
};
return {
...config
};
} }

View File

@@ -1,31 +1,13 @@
'use strict'; 'use strict';
/** /**
* 开发环境配置,覆盖 config.default.js * Development environment configuration, coverage config.default.js
*/ */
module.exports = (appInfo) => { module.exports = () => {
const config = {};
/**
* 开发者工具
*/
config.openDevTools = {
mode: 'undocked'
};
/**
* 应用程序顶部菜单
*/
config.openAppMenu = false;
/**
* jobs
*/
config.jobs = {
messageLog: true
};
return { return {
...config openDevTools: false,
jobs: {
messageLog: false
}
}; };
}; };

View File

@@ -1,29 +1,10 @@
'use strict'; 'use strict';
/** /**
* 生产环境配置,覆盖 config.default.js * coverage config.default.js
*/ */
module.exports = (appInfo) => { module.exports = () => {
const config = {};
/**
* 开发者工具
*/
config.openDevTools = true;
/**
* 应用程序顶部菜单
*/
config.openAppMenu = false;
/**
* jobs
*/
config.jobs = {
messageLog: false
};
return { return {
...config openDevTools: false,
}; };
}; };

View File

@@ -1,13 +0,0 @@
{
"watch": [
"electron/",
"main.js"
],
"ignore": [],
"ext": "js,json",
"verbose": true,
"exec": "electron . --env=local --hot-reload=1",
"restartable": "hr",
"colours": true,
"events": {}
}

View File

@@ -1,19 +1,13 @@
'use strict'; 'use strict';
const { Controller } = require('ee-core'); const { logger } = require('ee-core/log');
const Log = require('ee-core/log'); const { exampleService } = require('../service/example');
const Services = require('ee-core/services');
/** /**
* example * example
* @class * @class
*/ */
class ExampleController extends Controller { class ExampleController {
constructor(ctx) {
super(ctx);
}
/** /**
* 所有方法接收两个参数 * 所有方法接收两个参数
@@ -25,12 +19,12 @@ class ExampleController extends Controller {
* test * test
*/ */
async test () { async test () {
const result = await Services.get('example').test('electron'); const result = await exampleService.test('electron');
Log.info('service result:', result); logger.info('service result:', result);
return 'hello electron-egg'; return 'hello electron-egg';
} }
} }
ExampleController.toString = () => '[class ExampleController]'; ExampleController.toString = () => '[class ExampleController]';
module.exports = ExampleController; module.exports = ExampleController;

View File

@@ -1,50 +0,0 @@
const { Application } = require('ee-core');
class Index extends Application {
constructor() {
super();
// this === eeApp;
}
/**
* core app have been loaded
*/
async ready () {
// do some things
}
/**
* electron app ready
*/
async electronAppReady () {
// do some things
}
/**
* main window have been loaded
*/
async windowReady () {
// do some things
// 延迟加载,无白屏
const winOpt = this.config.windowsOption;
if (winOpt.show == false) {
const win = this.electron.mainWindow;
win.once('ready-to-show', () => {
win.show();
win.focus();
})
}
}
/**
* before app close
*/
async beforeClose () {
// do some things
}
}
Index.toString = () => '[class Index]';
module.exports = Index;

View File

@@ -1,5 +0,0 @@
const Log = require('ee-core/log');
exports.welcome = function () {
Log.info('[child-process] [jobs/example/hello] welcome ! ');
}

View File

@@ -1,29 +0,0 @@
const Job = require('ee-core/jobs/baseJobClass');
const Log = require('ee-core/log');
const Ps = require('ee-core/ps');
/**
* example - TimerJob
* @class
*/
class TimerJob extends Job {
constructor(params) {
super();
this.params = params;
}
/**
* handle()方法是必要的,且会被自动调用
*/
async handle () {
Log.info("[child-process] TimerJob params: ", this.params);
if (Ps.isChildJob()) {
Ps.exit();
}
}
}
TimerJob.toString = () => '[class TimerJob]';
module.exports = TimerJob;

19
electron/main.js Normal file
View File

@@ -0,0 +1,19 @@
const { ElectronEgg } = require('ee-core');
const { Lifecycle } = require('./preload/lifecycle');
const { preload } = require('./preload');
// new app
const app = new ElectronEgg();
// register lifecycle
const life = new Lifecycle();
app.register("ready", life.ready);
app.register("electron-app-ready", life.electronAppReady);
app.register("window-ready", life.windowReady);
app.register("before-close", life.beforeClose);
// register preload
app.register("preload", preload);
// run
app.run();

View File

@@ -1,14 +1,16 @@
/************************************************* /*************************************************
** preload为预加载模块该文件将会在程序启动时加载 ** ** preload为预加载模块该文件将会在程序启动时加载 **
*************************************************/ *************************************************/
const Addon = require('ee-core/addon');
/** const { logger } = require('ee-core/log');
* 预加载模块入口
*/
module.exports = async () => {
// 示例功能模块,可选择性使用和修改 function preload() {
Addon.get('tray').create(); logger.info('[preload] load 1');
Addon.get('security').create(); }
}
/**
* 预加载模块入口
*/
module.exports = {
preload
}

View File

@@ -0,0 +1,58 @@
'use strict';
const { logger } = require('ee-core/log');
const { getConfig } = require('ee-core/config');
const { getMainWindow } = require('ee-core/electron');
class Lifecycle {
/**
* core app have been loaded
*/
async ready() {
logger.info('[lifecycle] ready');
// 在这里可以做:
// - 初始化数据库连接
// - 加载配置文件
// - 初始化全局变量
}
/**
* electron app ready
*/
async electronAppReady() {
logger.info('[lifecycle] electron-app-ready');
}
/**
* main window have been loaded
*/
async windowReady() {
logger.info('[lifecycle] window-ready');
// 延迟加载,无白屏
const win = getMainWindow();
const { windowsOption } = getConfig();
if (windowsOption.show == false) {
win.once('ready-to-show', () => {
win.show();
win.focus();
})
} else {
win.show();
win.focus();
}
}
/**
* before app close
*/
async beforeClose() {
logger.info('[lifecycle] before-close');
}
}
Lifecycle.toString = () => '[class Lifecycle]';
module.exports = {
Lifecycle
};

View File

@@ -1,16 +1,12 @@
'use strict'; 'use strict';
const { Service } = require('ee-core'); const { logger } = require('ee-core/log');
/** /**
* 示例服务service层为单例 * 示例服务
* @class * @class
*/ */
class ExampleService extends Service { class ExampleService {
constructor(ctx) {
super(ctx);
}
/** /**
* test * test
@@ -21,9 +17,14 @@ class ExampleService extends Service {
params: args params: args
} }
logger.info('ExampleService obj:', obj);
return obj; return obj;
} }
} }
ExampleService.toString = () => '[class ExampleService]'; ExampleService.toString = () => '[class ExampleService]';
module.exports = ExampleService;
module.exports = {
ExampleService,
exampleService: new ExampleService()
};

View File

@@ -20,6 +20,8 @@ VITE_API_URL=/api
# 开发环境跨域代理,支持配置多个 # 开发环境跨域代理,支持配置多个
#VITE_PROXY=[["/api","http://127.0.0.1:18092/"]] #VITE_PROXY=[["/api","http://127.0.0.1:18092/"]]
VITE_PROXY=[["/api","http://192.168.1.124:18092/"]] VITE_PROXY=[["/api","http://192.168.1.125:18092/"]]
#VITE_PROXY=[["/api","http://192.168.1.125:18092/"]] #VITE_PROXY=[["/api","http://192.168.1.125:18092/"]]
# VITE_PROXY=[["/api","http://192.168.1.138:8080/"]]张文 # VITE_PROXY=[["/api","http://192.168.1.138:8080/"]]张文
# 开启激活验证
VITE_ACTIVATE_OPEN=false

View File

@@ -24,3 +24,5 @@ VITE_PWA=true
# 线上环境接口地址 # 线上环境接口地址
#VITE_API_URL="/api" # 打包时用 #VITE_API_URL="/api" # 打包时用
VITE_API_URL="http://192.168.1.125:18092/" VITE_API_URL="http://192.168.1.125:18092/"
# 开启激活验证
VITE_ACTIVATE_OPEN=false

View File

@@ -14,7 +14,10 @@
}, },
"dependencies": { "dependencies": {
"@element-plus/icons-vue": "^2.3.1", "@element-plus/icons-vue": "^2.3.1",
"@types/event-source-polyfill": "^1.0.5",
"@vue-flow/core": "^1.45.0",
"@vueuse/core": "^10.4.1", "@vueuse/core": "^10.4.1",
"autofit.js": "^3.2.8",
"axios": "^1.7.3", "axios": "^1.7.3",
"crypto-js": "^4.2.0", "crypto-js": "^4.2.0",
"dayjs": "^1.11.9", "dayjs": "^1.11.9",
@@ -22,6 +25,7 @@
"echarts": "^5.4.3", "echarts": "^5.4.3",
"echarts-liquidfill": "^3.1.0", "echarts-liquidfill": "^3.1.0",
"element-plus": "^2.7.8", "element-plus": "^2.7.8",
"event-source-polyfill": "^1.0.31",
"html2canvas": "^1.4.1", "html2canvas": "^1.4.1",
"md5": "^2.3.0", "md5": "^2.3.0",
"mitt": "^3.0.1", "mitt": "^3.0.1",
@@ -72,11 +76,11 @@
"unplugin-auto-import": "^0.18.3", "unplugin-auto-import": "^0.18.3",
"unplugin-vue-components": "^0.27.4", "unplugin-vue-components": "^0.27.4",
"unplugin-vue-setup-extend-plus": "^1.0.0", "unplugin-vue-setup-extend-plus": "^1.0.0",
"vite": "^5.3.1", "vite": "^5.4.19",
"vite-plugin-compression": "^0.5.1", "vite-plugin-compression": "^0.5.1",
"vite-plugin-eslint": "^1.8.1", "vite-plugin-eslint": "^1.8.1",
"vite-plugin-html": "^3.2.0", "vite-plugin-html": "^3.2.0",
"vite-plugin-node-polyfills": "^0.23.0", "vite-plugin-node-polyfills": "^0.24.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

@@ -1,27 +1,24 @@
<template> <template>
<!--element-plus语言国际化全局修改为中文--> <!--element-plus语言国际化全局修改为中文-->
<el-config-provider <el-config-provider :locale="locale" :size="assemblySize" :button="buttonConfig">
:locale='locale'
:size='assemblySize'
:button='buttonConfig'
>
<router-view /> <router-view />
</el-config-provider> </el-config-provider>
</template> </template>
<script lang='ts' setup> <script lang="ts" setup>
defineOptions({
name: 'App',
})
import { useI18n } from 'vue-i18n' import { useI18n } from 'vue-i18n'
import { getBrowserLang } from '@/utils' import { getBrowserLang } from '@/utils'
import { useTheme } from '@/hooks/useTheme' import { useTheme } from '@/hooks/useTheme'
import { ElConfigProvider } from 'element-plus' import { ElConfigProvider } from 'element-plus'
import { LanguageType } from './stores/interface' import { type LanguageType } from './stores/interface'
import { useGlobalStore } from '@/stores/modules/global' import { useGlobalStore } from '@/stores/modules/global'
import en from 'element-plus/es/locale/lang/en' import en from 'element-plus/es/locale/lang/en'
import zhCn from 'element-plus/es/locale/lang/zh-cn' import zhCn from 'element-plus/es/locale/lang/zh-cn'
defineOptions({
name: 'App'
})
const globalStore = useGlobalStore() const globalStore = useGlobalStore()
// init theme // init theme
@@ -34,6 +31,14 @@ onMounted(() => {
const language = globalStore.language ?? getBrowserLang() const language = globalStore.language ?? getBrowserLang()
i18n.locale.value = language i18n.locale.value = language
globalStore.setGlobalState('language', language as LanguageType) globalStore.setGlobalState('language', language as LanguageType)
// 移除 autofit使用 CSS 自适应
// autofit.init({
// el: '#app',
// dw: 1440,
// dh: 900,
// resize: true,
// limit: 0.1
// })
}) })
// element language // element language
@@ -51,4 +56,10 @@ const buttonConfig = reactive({ autoInsertSpace: false })
document.getElementById('loadingPage')?.remove() document.getElementById('loadingPage')?.remove()
</script> </script>
<style scoped></style> <style scoped>
#app {
width: 100vw;
height: 100vh;
overflow: hidden;
}
</style>

View File

@@ -0,0 +1,14 @@
import http from '@/api'
import type { Activate } from '@/api/activate/interface'
export const generateApplicationCode = (params: Activate.ApplicationCodePlaintext) => {
return http.post(`/activate/generateApplicationCode`, params)
}
export const verifyActivationCode = (activationCode: string) => {
return http.post(`/activate/verifyActivationCode`, { activationCode })
}
export const getLicense = () => {
return http.post(`/activate/getLicense`)
}

View File

@@ -0,0 +1,55 @@
//激活模块
export namespace Activate {
export interface ApplicationModule {
/**
* 是否申请 1是 0否
*/
apply: number;
}
export interface ActivateModule extends ApplicationModule {
/**
* 是否永久 1是 0否
*/
permanently: number;
}
export interface ApplicationCodePlaintext {
/**
* 模拟式模块
*/
simulate: ApplicationModule;
/**
* 数字式模块
*/
digital: ApplicationModule;
/**
* 比对式模块
*/
contrast: ApplicationModule;
}
export interface ActivationCodePlaintext {
/**
* 模拟式模块
*/
simulate: ActivateModule;
/**
* 数字式模块
*/
digital: ActivateModule;
/**
* 比对式模块
*/
contrast: ActivateModule;
}
}

View File

@@ -1,126 +1,158 @@
export namespace CheckData { export namespace CheckData {
export interface DataCheck { export interface DataCheck {
scriptName: string, scriptName: string
errorSysId: string, errorSysId: string
dataRule: string, dataRule: string
deviceName: string, deviceName: string
chnNum: string, chnNum: string
deviceId: string
num?: string | number
} }
export interface PhaseCheckResult { export interface PhaseCheckResult {
// 检测源定值-标准值 // 检测源定值-标准值
resultData: number, resultData: number
// 装置原始数据-被检值 // 装置原始数据-被检值
data: number, data: number
// 误差值 // 误差值
errorData: number, errorData: number
// 第几次谐波 // 第几次谐波
num?: number, num?: number
//符合、不符合 //符合、不符合
isData?: number, isData?: number
//最大误差值 //最大误差值
radius?: string, radius?: string
unit?: string, unit?: string
}
export interface DataItem {
num: number
isData: number
data: number
resultData: number
radius: string
errorData: number
unit: string
}
export interface TableRow {
isData: number
harmNum: number
radius: string
dataA: DataItem
dataB: DataItem
dataC: DataItem
dataT: DataItem | null
unit: string
timeDev?: string
uaDev?: string | number
ubDev?: string | number
ucDev?: string | number
utDev?: string | number
uaStdDev?: string | number
ubStdDev?: string | number
ucStdDev?: string | number
utStdDev?: string | number
} }
/** /**
* 用于定义 查看(设备)通道检测结果响应数据 类型 * 用于定义 查看(设备)通道检测结果响应数据 类型
*/ */
export interface ResCheckResult { export interface ResCheckResult {
dataA?: PhaseCheckResult | null, dataA?: PhaseCheckResult | null
dataB?: PhaseCheckResult | null, dataB?: PhaseCheckResult | null
dataC?: PhaseCheckResult | null, dataC?: PhaseCheckResult | null
dataT?: PhaseCheckResult | null, dataT?: PhaseCheckResult | null
// 第几次谐波 // 第几次谐波
//num: number | null, //num: number | null,
//符合、不符合 //符合、不符合
isData?: number, isData?: number
//最大误差值 //最大误差值
radius?: string, radius?: string
//单位 //单位
unit?: string, unit?: string
} }
/** /**
* 用于定义 查看(设备)通道检测结果表格展示数据 类型 * 用于定义 查看(设备)通道检测结果表格展示数据 类型
*/ */
export interface CheckResult { export interface CheckResult {
stdA?: string, stdA?: string
dataA?: string, dataA?: string
errorA?: string, errorA?: string
maxErrorA?: string, maxErrorA?: string
isDataA?: number, isDataA?: number
unitA?: string, unitA?: string
stdB?: string, stdB?: string
dataB?: string, dataB?: string
errorB?: string, errorB?: string
maxErrorB?: string, maxErrorB?: string
isDataB?: number, isDataB?: number
unitB?: string, unitB?: string
stdC?: string, stdC?: string
dataC?: string, dataC?: string
errorC?: string, errorC?: string
maxErrorC?: string, maxErrorC?: string
isDataC?: number, isDataC?: number
unitC?: string, unitC?: string
stdT?: string, stdT?: string
dataT?: string, dataT?: string
errorT?: string, errorT?: string
maxErrorT?: string, maxErrorT?: string
isDataT?: number, isDataT?: number
unitT?: string, unitT?: string
//最大误差值 //最大误差值
maxError?: string, maxError?: string
unit?: string, unit?: string
//符合、不符合 //符合、不符合
result?: number, result?: number
} }
/** /**
* 用于定义 具体通道的原始数据类型 * 用于定义 具体通道的原始数据类型
*/ */
export interface RawDataItem { export interface RawDataItem {
time?: string, time?: string
harmNum?: number | null, harmNum?: number | null
dataA?: string, dataA?: string
dataB?: string, dataB?: string
dataC?: string, dataC?: string
dataT?: string, dataT?: string
unit?: string | null unit?: string | null
} }
export interface Device { export interface Device {
deviceId: string; //装置序号Id deviceId: string //装置序号Id
deviceName: string; //设备名称 deviceName: string //设备名称
chnNum: number; //设备通道数 chnNum: number //设备通道数
planId: string; //计划Id planId: string //计划Id
devType: string; //设备类型 devType: string //设备类型
devVolt: number; //设备电压 devVolt: number //设备电压
devCurr: number; //设备电流 devCurr: number //设备电流
factorFlag: number; //是否支持系数校准 factorFlag: number //是否支持系数校准
checkResult:number; //检测结果 checkResult: number //检测结果
chnNumList: string[] //连线存储数据
} }
// 用来描述检测脚本类型 // 用来描述检测脚本类型
export interface ScriptItem { export interface ScriptItem {
id: string, id: string
code: string, code: string
scriptName: string, scriptName: string
} }
// 用来描述 检测数据-左侧树结构 // 用来描述 检测数据-左侧树结构
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
index: number | null, index: number | null
fly: number | null, fly: number | null
children: TreeItem[] | null, children: TreeItem[] | null
} }
// 用来描述 通道检测结果 // 用来描述 通道检测结果
@@ -135,8 +167,9 @@ export namespace CheckData {
} }
export interface DeviceCheckResult { export interface DeviceCheckResult {
deviceId: string, deviceId: string
deviceName: string, deviceName: string
code?: string
chnResult: ChnCheckResultEnum[] //通道检测结果 chnResult: ChnCheckResultEnum[] //通道检测结果
} }
@@ -144,7 +177,7 @@ export namespace CheckData {
export interface ScriptChnItem { export interface ScriptChnItem {
scriptType: string scriptType: string
scriptName?: string //可以不要该属性,有点多余 scriptName?: string //可以不要该属性,有点多余
code?: string
// 设备 // 设备
devices: Array<DeviceCheckResult> devices: Array<DeviceCheckResult>
} }
@@ -154,7 +187,7 @@ export namespace CheckData {
LOADING = 'var(--el-color-primary)', LOADING = 'var(--el-color-primary)',
SUCCESS = '#91cc75', SUCCESS = '#91cc75',
WARNING = '#e6a23c', WARNING = '#e6a23c',
DANGER = '#f56c6c', DANGER = '#f56c6c'
} }
/** /**
@@ -169,18 +202,17 @@ export namespace CheckData {
* 用于描述 脚本检测结果展示的按钮类型 * 用于描述 脚本检测结果展示的按钮类型
*/ */
export interface ScriptChnViewItem { export interface ScriptChnViewItem {
scriptType: string, scriptType: string
scriptName?: string //脚本项名称,可以不要该属性,有点多余 scriptName?: string //脚本项名称,可以不要该属性,有点多余
// 设备 // 设备
devices: Array<{ devices: Array<{
deviceId: string, deviceId: string
deviceName: string, deviceName: string
chnResult: ButtonResult[], chnResult: ButtonResult[]
}> }>
} }
/** /**
* 定义检测日志类型 * 定义检测日志类型
*/ */
@@ -193,13 +225,16 @@ export namespace CheckData {
* 定义手动检测时,勾选的测试项 * 定义手动检测时,勾选的测试项
*/ */
export interface SelectTestItem { export interface SelectTestItem {
preTest: boolean, preTest: boolean
timeTest: boolean, timeTest: boolean
channelsTest: boolean, channelsTest: boolean
test: boolean test: boolean
} }
//描述比对式检测项描述
export interface CompareTestItem {
id: string
code: string
name: string
}
} }

View File

@@ -1,12 +1,22 @@
import http from "@/api"; import { pa } from 'element-plus/es/locale/index.mjs';
import {CheckData} from "@/api/check/interface"; import http from '@/api'
import {CheckData} from '@/api/check/interface'
export const getBigTestItem = (params: { export const getBigTestItem = (params: {
reCheckType: number, reCheckType: number
planId: string, planId: string
devIds: string[], devIds: string[]
patternId: string
}) => { }) => {
return http.post(`/adPlan/getBigTestItem`, params, {loading: false}); return http.post(`/adPlan/getBigTestItem`, params, {loading: false})
}
export const getScriptList = (params: {
devId:string,
chnNum:number,
num:number
}) => {
return http.post('/result/getCheckItem', params, {loading: false})
} }
/** /**
@@ -14,12 +24,12 @@ export const getBigTestItem = (params: {
* @param params 当为scriptType为null时表示查询所有脚本类型否则只查询指定脚本类型。当为chnNum为-1时表示查询所有通道否则只查询指定通道。 * @param params 当为scriptType为null时表示查询所有脚本类型否则只查询指定脚本类型。当为chnNum为-1时表示查询所有通道否则只查询指定通道。
*/ */
export const getFormData = (params: { export const getFormData = (params: {
planId: string, planId: string
deviceId: string, deviceId: string
chnNum: string, chnNum: string
scriptType: string | null scriptType: string | null
}) => { }) => {
return http.post("/result/formContent/", params, {loading: false}); return http.post('/result/formContent/', params, {loading: false})
} }
/** /**
@@ -27,13 +37,13 @@ export const getFormData = (params: {
* @param params * @param params
*/ */
export const getTreeData = (params: { export const getTreeData = (params: {
scriptId?: string, scriptId?: string
devId?: string, devId?: string
devNum?: string, devNum?: string
scriptType?: string | null, scriptType?: string | null
code?: string, code?: string
}) => { }) => {
return http.post<CheckData.TreeItem[]>("/result/treeData/", params, {loading: false}); return http.post<CheckData.TreeItem[]>('/result/treeData/', params, {loading: false})
} }
/** /**
@@ -41,25 +51,25 @@ export const getTreeData = (params: {
* @param params * @param params
*/ */
export const getTableData = (params: { export const getTableData = (params: {
scriptType: string | null, scriptType: string | null
scriptId: string, scriptId: string
devId: string, devId: string
devNum: string, devNum: string
code: string, code: string
index: number, index: number
}) => { }) => {
return http.post("/result/resultData/", params, {loading: false}); return http.post('/result/resultData/', params, {loading: false})
} }
export const exportRawData = (params: { export const exportRawData = (params: {
scriptType: string | null, scriptType: string | null
scriptId: string, scriptId: string
devId: string, devId: string
devNum: string, devNum: string
code: string, code: string
index: number, index: number
}) => { }) => {
return http.download("/result/exportRawData", params, {loading: false}); return http.download('/result/exportRawData', params, {loading: false})
} }
/** /**
@@ -67,13 +77,46 @@ export const exportRawData = (params: {
* @param params * @param params
*/ */
export const reCalculate = (params: { export const reCalculate = (params: {
planId: string, planId: string
scriptId: string, scriptId: string
errorSysId: string, errorSysId: string
deviceId: string, deviceId: string
code: string code: string
patternId: string
}) => { }) => {
return http.post("/result/reCalculate", params, {loading: true}); return http.post('/result/reCalculate', params, {loading: true})
}
/**
* 获取数据获取基本信息
* @param params
*/
export const getContrastFormContent = (params: {
planId: string
scriptType: string
deviceId: string
chnNum: string
num: number | null
patternId: string
}) => {
return http.post('/result/getContrastFormContent', params, {loading: false})
}
/**
* 获取检测结果
* @param params
*/
export const getContrastResult = (params: {
planId: string
scriptType: string
deviceId: string
chnNum: string | number
num: number | string | null
waveNum: number | null
isWave: boolean
patternId: string
}) => {
return http.post('/result/getContrastResult', params, {loading: true})
} }
/** /**
@@ -81,13 +124,14 @@ export const reCalculate = (params: {
* @param params * @param params
*/ */
export const changeErrorSystem = (params: { export const changeErrorSystem = (params: {
planId: string, planId: string
scriptId: string, scriptId: string
errorSysId: string, errorSysId: string
deviceId: string, deviceId: string
code: string code: string
patternId: string
}) => { }) => {
return http.post("/result/changeErrorSystem", params, {loading: true}); return http.post('/result/changeErrorSystem', params, {loading: true})
} }
/** /**

View File

@@ -266,172 +266,4 @@ const data = [
reCheck_Num: 0, //复检次数 reCheck_Num: 0, //复检次数
}, },
] ]
// const plan_devicedata = [
// {
// id: '1', //装置序号ID
// name: '模拟装置1', //设备名称
// dev_Type: 'PQS882A',//设备类型
// dev_Chns: 1, //设备通道数
// check_Result: '合格', //检测结果
// report_State: '已生成', //报告状态
// document_State: '归档', //归档状态
// check_State:'检测完成',//检测状态
// reCheck_Num: 0, //复检次数
// },
// {
// id: '2', //装置序号ID
// name: '模拟装置2', //设备名称
// dev_Type: 'PQS882B4',//设备类型
// dev_Chns: 4, //设备通道数
// check_Result: '/', //检测结果
// report_State: '未生成', //报告状态
// document_State: '未归档', //归档状态
// check_State:'未检',//检测状态
// reCheck_Num: 0, //复检次数
// },
// {
// id: '3', //装置序号ID
// name: '模拟装置3', //设备名称
// dev_Type: 'PQS882B4',//设备类型
// dev_Chns: 4, //设备通道数
// check_Result: '/', //检测结果
// report_State: '未生成', //报告状态
// document_State: '未归档', //归档状态
// check_State:'检测中',//检测状态
// reCheck_Num: 0, //复检次数
// },
// {
// id: '4', //装置序号ID
// name: '模拟装置4', //设备名称
// dev_Type: 'PQS882B4',//设备类型
// dev_Chns: 4, //设备通道数
// check_Result: '不合格', //检测结果
// report_State: '未生成', //报告状态
// document_State: '未归档', //归档状态
// check_State:'检测完成',//检测状态
// reCheck_Num: 1, //复检次数
// },
// {
// id: '5', //装置序号ID
// name: '中电测试装置', //设备名称
// dev_Type: 'PMC-680M-22-22-00-115ANBC',//设备类型
// dev_Chns: 4, //设备通道数
// check_Result: '不合格', //检测结果
// report_State: '未生成', //报告状态
// document_State: '未归档', //归档状态
// check_State:'检测完成',//检测状态
// reCheck_Num: 1, //复检次数
// },
// {
// id: '6', //装置序号ID
// name: '易司拓测试装置1', //设备名称
// dev_Type: 'E703A',//设备类型
// dev_Chns: 1, //设备通道数
// check_Result: '不合格', //检测结果
// report_State: '已生成', //报告状态
// document_State: '未归档', //归档状态
// check_State:'检测完成',//检测状态
// reCheck_Num: 1, //复检次数
// },
// {
// id: '7', //装置序号ID
// name: '易司拓测试装置2', //设备名称
// dev_Type: 'E703A',//设备类型
// dev_Chns: 1, //设备通道数
// check_Result: '不合格', //检测结果
// report_State: '已生成', //报告状态
// document_State: '未归档', //归档状态
// check_State:'检测完成',//检测状态
// reCheck_Num: 1, //复检次数
// },
// {
// id: '8', //装置序号ID
// name: '山大电力测试装置1', //设备名称
// dev_Type: 'SDL-3002C',//设备类型
// dev_Chns: 1, //设备通道数
// check_Result: '不合格', //检测结果
// report_State: '已生成', //报告状态
// document_State: '未归档', //归档状态
// check_State:'检测完成',//检测状态
// reCheck_Num: 1, //复检次数
// },
// {
// id: '9', //装置序号ID
// name: '山大电力测试装置2', //设备名称
// dev_Type: 'SDL-3002C',//设备类型
// dev_Chns: 1, //设备通道数
// check_Result: '不合格', //检测结果
// report_State: '已生成', //报告状态
// document_State: '未归档', //归档状态
// check_State:'检测完成',//检测状态
// reCheck_Num: 2, //复检次数
// },
// {
// id: '10', //装置序号ID
// name: '山大电力测试装置2', //设备名称
// dev_Type: 'SDL-3002C',//设备类型
// dev_Chns: 1, //设备通道数
// check_Result: '不合格', //检测结果
// report_State: '已生成', //报告状态
// document_State: '未归档', //归档状态
// check_State:'检测完成',//检测状态
// reCheck_Num: 2, //复检次数
// },
// {
// id: '11', //装置序号ID
// name: '山大电力测试装置2', //设备名称
// dev_Type: 'SDL-3002C',//设备类型
// dev_Chns: 1, //设备通道数
// check_Result: '不合格', //检测结果
// report_State: '已生成', //报告状态
// document_State: '未归档', //归档状态
// check_State:'检测完成',//检测状态
// reCheck_Num: 2, //复检次数
// },
// {
// id: '12', //装置序号ID
// name: '山大电力测试装置2', //设备名称
// dev_Type: 'SDL-3002C',//设备类型
// dev_Chns: 1, //设备通道数
// check_Result: '不合格', //检测结果
// report_State: '已生成', //报告状态
// document_State: '未归档', //归档状态
// check_State:'检测完成',//检测状态
// reCheck_Num: 2, //复检次数
// },
// {
// id: '13', //装置序号ID
// name: '山大电力测试装置2', //设备名称
// dev_Type: 'SDL-3002C',//设备类型
// dev_Chns: 1, //设备通道数
// check_Result: '不合格', //检测结果
// report_State: '已生成', //报告状态
// document_State: '未归档', //归档状态
// check_State:'检测完成',//检测状态
// reCheck_Num: 2, //复检次数
// },
// {
// id: '14', //装置序号ID
// name: '山大电力测试装置3', //设备名称
// dev_Type: 'SDL-3002C',//设备类型
// dev_Chns: 1, //设备通道数
// check_Result: '不合格', //检测结果
// report_State: '已生成', //报告状态
// document_State: '未归档', //归档状态
// check_State:'检测完成',//检测状态
// reCheck_Num: 2, //复检次数
// },
// {
// id: '15', //装置序号ID
// name: '山大电力测试装置4', //设备名称
// dev_Type: 'SDL-3002C',//设备类型
// dev_Chns: 1, //设备通道数
// check_Result: '不合格', //检测结果
// report_State: '已生成', //报告状态
// document_State: '未归档', //归档状态
// check_State:'检测完成',//检测状态
// reCheck_Num: 2, //复检次数
// },
// ]
export default {data,plan_devicedata} export default {data,plan_devicedata}

View File

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

View File

@@ -25,6 +25,7 @@ export namespace DevType {
devChns: number; //设备通道数 devChns: number; //设备通道数
reportName: string| null;//报告模版名称 reportName: string| null;//报告模版名称
state: number; state: number;
waveCmd:string| null;//录波指令
createBy?: string| null; //创建用户 createBy?: string| null; //创建用户
createTime?: string| null; //创建时间 createTime?: string| null; //创建时间
updateBy?: string| null; //更新用户 updateBy?: string| null; //更新用户

View File

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

View File

@@ -24,6 +24,8 @@ export namespace ICD {
createTime?: string| null; //创建时间 createTime?: string| null; //创建时间
updateBy?: string| null; //更新用户 updateBy?: string| null; //更新用户
updateTime?: string| null; //更新时间 updateTime?: string| null; //更新时间
angle: number; // 是否支持电压相角、电流相角指标
usePhaseIndex: number; // 角型接线时是否使用相别的指标来进行检测
} }
/** /**

View File

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

View File

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

View File

@@ -1,4 +1,3 @@
import type { Monitor } from '@/api/device/interface/monitor'
import http from '@/api' import http from '@/api'
/** /**
@@ -6,23 +5,9 @@ import http from '@/api'
*/ */
//获取监测点 //获取监测点
export const getPqMonList = (params: Monitor.ReqPqMonParams) => { export const getPqMonList = (param:any) => {
//return http.post(`/pqMon/list`, params) return http.post(`/pqMonitor/list`, param)
}
//添加监测点
export const addPqMon = (params: Monitor.ResPqMon) => {
//return http.post(`/pqMon/add`, params)
}
//编辑监测点
export const updatePqMon = (params: Monitor.ResPqMon) => {
//return http.post(`/pqMon/update`, params)
}
//删除监测点
export const deletePqMon = (params: string[]) => {
//return http.post(`/pqMon/delete`, params)
} }

View File

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

View File

@@ -1,17 +1,23 @@
import { ElMessage, ElTreeSelect } from 'element-plus'; import { ElMessage } from 'element-plus'
import axios, { AxiosInstance, AxiosError, AxiosRequestConfig, InternalAxiosRequestConfig, AxiosResponse } from 'axios' import axios, {
AxiosError,
type AxiosInstance,
type AxiosRequestConfig,
type AxiosResponse,
type InternalAxiosRequestConfig
} from 'axios'
import { showFullScreenLoading, tryHideFullScreenLoading } from '@/components/Loading/fullScreen' import { showFullScreenLoading, tryHideFullScreenLoading } from '@/components/Loading/fullScreen'
import { LOGIN_URL } from '@/config' import { LOGIN_URL } from '@/config'
import { ElMessage } from 'element-plus' import { type ResultData } from '@/api/interface'
import { ResultData } from '@/api/interface'
import { ResultEnum } from '@/enums/httpEnum' import { ResultEnum } from '@/enums/httpEnum'
import { checkStatus } from './helper/checkStatus' import { checkStatus } from './helper/checkStatus'
import { useUserStore } from '@/stores/modules/user' import { useUserStore } from '@/stores/modules/user'
import router from '@/routers' import router from '@/routers'
import {refreshToken} from '@/api/user/login' import { refreshToken } from '@/api/user/login'
import { EventSourcePolyfill } from 'event-source-polyfill'
export interface CustomAxiosRequestConfig extends InternalAxiosRequestConfig { export interface CustomAxiosRequestConfig extends InternalAxiosRequestConfig {
loading?: boolean; loading?: boolean
} }
const config = { const config = {
@@ -22,7 +28,7 @@ const config = {
// 跨域时候允许携带凭证 // 跨域时候允许携带凭证
withCredentials: true, withCredentials: true,
// post请求指定数据类型以及编码 // post请求指定数据类型以及编码
headers: { 'Content-Type': 'application/json;charset=utf-8' }, headers: { 'Content-Type': 'application/json;charset=utf-8' }
} }
class RequestHttp { class RequestHttp {
@@ -46,13 +52,13 @@ class RequestHttp {
config.loading && showFullScreenLoading() config.loading && showFullScreenLoading()
if (config.headers && typeof config.headers.set === 'function') { if (config.headers && typeof config.headers.set === 'function') {
config.headers.set('Authorization', 'Bearer ' + userStore.accessToken) config.headers.set('Authorization', 'Bearer ' + userStore.accessToken)
config.headers.set('Is-Refresh-Token', userStore.isRefreshToken+"") config.headers.set('Is-Refresh-Token', userStore.isRefreshToken + '')
} }
return config return config
}, },
(error: AxiosError) => { (error: AxiosError) => {
return Promise.reject(error) return Promise.reject(error)
}, }
) )
let isFirst = true let isFirst = true
@@ -66,18 +72,19 @@ class RequestHttp {
const userStore = useUserStore() const userStore = useUserStore()
tryHideFullScreenLoading() tryHideFullScreenLoading()
if(data.code === ResultEnum.ACCESSTOKEN_EXPIRED){ if (data.code === ResultEnum.ACCESSTOKEN_EXPIRED) {
// 用长token去换短token // 用长token去换短token
userStore.setAccessToken(userStore.refreshToken) userStore.setAccessToken(userStore.refreshToken)
userStore.setIsRefreshToken(true) userStore.setIsRefreshToken(true)
const result = await refreshToken() const result = await refreshToken()
if (result) { //获取新token成功的话 if (result) {
//获取新token成功的话
// 有新的token后重新请求 // 有新的token后重新请求
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) 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
} else { } else {
@@ -86,14 +93,15 @@ 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({ id:'',name: '' }) userStore.setUserInfo({ id: '', name: '' })
userStore.setExp(0) 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)
isFirst = false isFirst = false
} }
@@ -101,12 +109,12 @@ 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('&')) {
let formattedMessage = data.message.split('&').join('<br>'); let formattedMessage = data.message.split('&').join('<br>')
if (data.message.includes(':')) { if (data.message.includes(':')) {
formattedMessage = formattedMessage.replace(':', '') formattedMessage = formattedMessage.replace(':', '')
} }
ElMessage.error({ message: formattedMessage, dangerouslyUseHTMLString: true }); ElMessage.error({ message: formattedMessage, dangerouslyUseHTMLString: true })
return Promise.reject(data) return Promise.reject(data)
} }
@@ -119,18 +127,22 @@ class RequestHttp {
userStore.setAccessToken('') userStore.setAccessToken('')
userStore.setRefreshToken('') userStore.setRefreshToken('')
userStore.setIsRefreshToken(false) userStore.setIsRefreshToken(false)
userStore.setUserInfo({ id:'',name: '' }) userStore.setUserInfo({ id: '', name: '' })
userStore.setExp(0) userStore.setExp(0)
ElMessage.error('登录已过期,请重新登录!') ElMessage.error('登录已过期,请重新登录!')
await router.replace(LOGIN_URL) await router.replace(LOGIN_URL)
return Promise.reject(data) return Promise.reject(data)
} }
// 对于blob类型的响应返回完整的response对象以保留响应头
if (response.config.responseType === 'blob') {
return response
}
return data return data
}, },
async (error: AxiosError) => { async (error: AxiosError) => {
const { response } = error const { response } = error
tryHideFullScreenLoading() tryHideFullScreenLoading()
console.log('error', error.message) //console.log('error', error.message)
// 请求超时 && 网络错误单独判断,没有 response // 请求超时 && 网络错误单独判断,没有 response
if (error.message.indexOf('timeout') !== -1) ElMessage.error('请求超时!请您稍后重试') if (error.message.indexOf('timeout') !== -1) ElMessage.error('请求超时!请您稍后重试')
if (error.message.indexOf('Network Error') !== -1) ElMessage.error('网络错误!请您稍后重试') if (error.message.indexOf('Network Error') !== -1) ElMessage.error('网络错误!请您稍后重试')
@@ -139,7 +151,7 @@ class RequestHttp {
// 服务器结果都没有返回(可能服务器错误可能客户端断网),断网处理:可以跳转到断网页面 // 服务器结果都没有返回(可能服务器错误可能客户端断网),断网处理:可以跳转到断网页面
if (!window.navigator.onLine) router.replace('/500') if (!window.navigator.onLine) router.replace('/500')
return Promise.reject(error) return Promise.reject(error)
}, }
) )
} }
@@ -163,6 +175,10 @@ class RequestHttp {
} }
download(url: string, params?: object, _object = {}): Promise<BlobPart> { download(url: string, params?: object, _object = {}): Promise<BlobPart> {
return this.service.post(url, params, { ..._object, responseType: 'blob' }).then(res => res.data)
}
downloadWithHeaders(url: string, params?: object, _object = {}): Promise<AxiosResponse<Blob>> {
return this.service.post(url, params, { ..._object, responseType: 'blob' }) return this.service.post(url, params, { ..._object, responseType: 'blob' })
} }
@@ -177,14 +193,50 @@ class RequestHttp {
* 针对excel的上传默认返回的是blob类型Excel没问题时返回json特殊处理 * 针对excel的上传默认返回的是blob类型Excel没问题时返回json特殊处理
*/ */
uploadExcel(url: string, params?: object, _object = {}): Promise<BlobPart> { uploadExcel(url: string, params?: object, _object = {}): Promise<BlobPart> {
return this.service.post(url, params, { return this.service
.post(url, params, {
..._object, ..._object,
headers: { 'Content-Type': 'multipart/form-data' }, headers: { 'Content-Type': 'multipart/form-data' },
responseType: 'blob', responseType: 'blob'
}) })
.then(res => res.data)
} }
// 添加SSE连接方法
sse(url: string, params?: any): EventSource {
const userStore = useUserStore()
// 构造带参数的URL
let requestUrl = config.baseURL + url
if (params) {
const searchParams = new URLSearchParams()
for (const key in params) {
if (Object.prototype.hasOwnProperty.call(params, key)) {
searchParams.append(key, String(params[key]))
}
}
requestUrl += '?' + searchParams.toString()
}
// 创建EventSource连接
const eventSource = new EventSourcePolyfill(requestUrl, {
headers: {
Authorization: 'Bearer ' + userStore.accessToken
},
// 增加超时时间到1200秒
heartbeatTimeout: 1200000
})
// 设置默认的Authorization头部
eventSource.addEventListener('open', function () {
//console.log('SSE连接已建立')
})
// 添加错误处理
eventSource.addEventListener('error', function (err) {
console.error('SSE连接错误:', err)
})
return eventSource
}
} }
export default new RequestHttp(config) export default new RequestHttp(config)

View File

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

View File

@@ -26,7 +26,19 @@ export namespace Plan {
associateReport:number;//是否关联报告模板 0否 1是 associateReport:number;//是否关联报告模板 0否 1是
reportTemplateName:string; reportTemplateName:string;
reportTemplateVersion:string; reportTemplateVersion:string;
dataRule:string //数据处理原则 dataRule:string;//数据处理原则
standardDevIds:string[];
standardDevMap:Map<string,number>;//标准设备
testItems:string[];//测试项
Check_By?:string;//计划检测人
progress?: number; // 进度百分比,例如 75
children?: ResPlan[];
testConfig?: PlanTestConfig;
importFlag?: number; // 导入标识0-否1-是
leader?: string; // 负责人
memberIds?: string | string[]; //成员
members?: string; //成员字符串
} }
// 检测计划 + 分页 // 检测计划 + 分页
@@ -35,15 +47,27 @@ export namespace Plan {
} }
export interface ReqPlan extends ResPlan { export interface ReqPlan extends ResPlan {
datasourceIds:string; datasourceIds:string | string[];
sourceIds: string; sourceIds: string | null;
planId:string; planId:string;
scriptName: string ; scriptName: string ;
errorSysName: string; errorSysName: string;
sourceName: string ; sourceName: string ;
standardDevNameStr: string;
testItemNameStr:string;
devIds: string[]; devIds: string[];
} }
export interface PlanTestConfig {
planId: string;
waveRecord: number;
realTime: number;
statistics: number;
flicker: number;
maxTime: number;
}
} }

View File

@@ -2,7 +2,6 @@ import type { Plan } from './interface'
import http from '@/api' import http from '@/api'
import type { ErrorSystem } from '../device/interface/error' import type { ErrorSystem } from '../device/interface/error'
import type { Device } from '../device/interface/device' import type { Device } from '../device/interface/device'
import { ReqDevReportParams } from '@/api/device/interface/device'
/** /**
* @name 检测计划管理模块 * @name 检测计划管理模块
@@ -23,8 +22,8 @@ export const updatePlan = (params: any) => {
} }
// 删除检测计划 // 删除检测计划
export const deletePlan = (params: { id: string[] }) => { export const deletePlan = (params: { id: string[]; pattern: string }) => {
return http.post(`/adPlan/delete`, params) return http.post(`/adPlan/delete?pattern=${params.pattern}`, params.id)
} }
// 获取指定模式下所有检测源 // 获取指定模式下所有检测源
@@ -43,13 +42,13 @@ export const getPqErrSysList = () => {
} }
//获取指定模式下所有未绑定的设备 //获取指定模式下所有未绑定的设备
export const getUnboundPqDevList = (params: Plan.ReqPlan) => { export const getUnboundPqDevList = (params: { pattern: string}) => {
return http.get(`/pqDev/listUnbound?pattern=${params.pattern}`) return http.get(`/pqDev/listUnbound?pattern=${params.pattern}`)
} }
//根据检测计划id查询出所有已绑定的设备 //根据检测计划id查询出所有已绑定的设备
export const getBoundPqDevList = (params: any) => { export const getBoundPqDevList = (params: any) => {
return http.post(`/pqDev/listByPlanId`, params) return http.post(`/adPlan/listByPlanId`, params)
} }
//检测计划绑定设备 //检测计划绑定设备
@@ -86,7 +85,78 @@ export const downloadDevData = (params: Device.ReqDevReportParams) => {
return http.download(`/report/downloadReport`, params) return http.download(`/report/downloadReport`, params)
} }
// 装置检测报告下载(带响应头)
export const downloadDevDataWithHeaders = (params: Device.ReqDevReportParams) => {
return http.downloadWithHeaders(`/report/downloadReport`, params)
}
export const staticsAnalyse = (params: { id: string[] }) => { export const staticsAnalyse = (params: { id: string[] }) => {
return http.download('/adPlan/analyse', params) return http.download('/adPlan/analyse', params)
} }
//根据计划id分页查询被检设
export const getDevListByPlanId = (params: any) => {
return http.post(`/adPlan/listDevByPlanId`, params)
}
//修改子计划名称
export const updateSubPlanName = (params: Plan.ReqPlan) => {
return http.get(`/adPlan/updateSubPlanName?planId=${params.id}&name=${params.name}`)
}
//子计划绑定/解绑标准设备
export const subPlanBindStandardDevList = (params: Plan.ReqPlan) => {
return http.post(`/adPlan/updateBindStandardDev`, params)
}
//子计划绑定/解绑被检设备
export const subPlanBindDev = (params: Plan.ReqPlan) => {
return http.post(`/adPlan/updateBindDev`, params)
}
//根据父计划ID获取未被子计划绑定的标准设备
export const getUnboundStandardDevList = (params: Plan.ResPlan) => {
return http.get(`/adPlan/getUnBoundStandardDev?fatherPlanId=${params.fatherPlanId}`)
}
//根据计划ID获取已绑定的标准设备
export const getBoundStandardDevList = (params: Plan.ResPlan) => {
return http.get(`/adPlan/getBoundStandardDev?planId=${params.id}`)
}
//根据计划ID获取已绑定的所有标准设备
export const getBoundStandardDevAllList = (params: { id: string }) => {
return http.get(`/adPlan/getBoundStandardDev?planId=${params.id}&all=1`)
}
// 导出子计划
export const exportSubPlan = (params: Plan.ResPlan) => {
return http.download(`/adPlan/exportSubPlan?planId=${params.id}`)
}
// 导入子检测计划
export const importSubPlan = (params: Plan.ResPlan) => {
return http.upload(`/adPlan/importSubPlan`, params)
}
// 导出计划检测结果数据
export const exportPlanCheckData = (params: any) => {
return http.post(
`/adPlan/exportPlanCheckData?planId=${params.id}&devIds=${params.devIds}&report=${params.report}`
)
}
//根据误差体系id获取测试项
export const getPqErrSysTestItemList = (params: {errorSysId : string}) => {
return http.get(`/pqErrSys/getTestItems?id=${params.errorSysId}`)
}
// 获取计划项目成员
export const getMemberList = (params: {id : string}) => {
return http.get(`/adPlan/getMemberList?planId=${params.id}`)
}
// 导入并合并子检测计划检测结果数据
export const importAndMergePlanCheckData = (params: Plan.ResPlan) => {
return http.upload(`/adPlan/importAndMergePlanCheckData`, params)
}

View File

@@ -0,0 +1,51 @@
export interface MonitorResult {
/**
* 监测点id
*/
monitorId: string;
/**
* 监测点序号
*/
monitorNum: number;
/**
* 总检测次数
*/
totalNum: number;
/**
* 合格检测次数
*/
qualifiedNum: number;
/**
* 不合格检测次数
*/
unQualifiedNum: number;
/**
* 误差体系名称
*/
errorSysName: string;
/**
* 检测结果
*/
checkResult: number;
/**
* 哪次
*/
whichTime: string;
/**
* 结论来源
*/
resultOrigin: string;
/**
* 来源类型
*/
resultType: string;
}

View File

@@ -0,0 +1,7 @@
import http from '@/api'
export const getMonitorResult = (devId: string) => http.post(`/result/getMonitorResult?devId=${devId}`)
export const getMonitorDataSourceResult = (monitorId: string) =>
http.get(`/result/getMonitorDataSourceResult?monitorId=${monitorId}`)
export const updateMonitorResult = (data: any) => http.post('/result/updateMonitorResult', data)

View File

@@ -32,3 +32,15 @@ export const pauseTest = () => {
export const resumeTest = (params) => { export const resumeTest = (params) => {
return http.post(`/prepare/restartTemTest/`, params, {loading: false}) return http.post(`/prepare/restartTemTest/`, params, {loading: false})
} }
/**
* 比对式通道配对
* @param params
*/
export const contrastTest = (params: any) => {
return http.post(`/prepare/startContrastTest`,params)
}
export const exportAlignData= () => {
return http.download(`/prepare/exportAlignData`)
}

View File

@@ -1,12 +1,11 @@
import http from '@/api' import http from '@/api'
import {type VersionRegister} from '@/api/system/versionRegister/interface' import { type VersionRegister } from '@/api/system/versionRegister/interface'
//获取有效数据配置 //获取有效数据配置
export const getRegRes = (params: VersionRegister.ResSys_Reg_Res) => { export const getRegRes = (params: { type: string }) => {
return http.get(`/sysRegRes/getRegResByType?id=${params.type}`) return http.get(`/sysRegRes/getRegResByType?id=${params.type}`)
} }
//编辑有效数据配置 //编辑有效数据配置
export const updateRegRes = (params: VersionRegister.Sys_Reg_Res) => { export const updateRegRes = (params: VersionRegister.Sys_Reg_Res) => {
return http.post(`/sysRegRes/update`, params) return http.post(`/sysRegRes/update`, params)

View File

@@ -1,22 +1,22 @@
// 登录模块 // 登录模块
import type { ReqPage,ResPage } from '@/api/interface' import type { ReqPage, ResPage } from '@/api/interface'
export namespace Login { export namespace Login {
export interface ReqLoginForm { export interface ReqLoginForm {
username: string; username: string
password: string; password: string
checked: boolean; checked: boolean
} }
export interface ResLogin { export interface ResLogin {
accessToken: string; accessToken: string
refreshToken: string; refreshToken: string
userInfo:{ userInfo: {
id: string; id: string
name: string; name: string
} }
} }
export interface ResAuthButtons { export interface ResAuthButtons {
[key: string]: string[]; [key: string]: string[]
} }
} }
@@ -52,6 +52,8 @@ export namespace User {
updateTime?: string;//更新时间 updateTime?: string;//更新时间
roleIds?: string[]; // roleIds?: string[]; //
roleNames?:string[]; // roleNames?:string[]; //
roleCodes?:string[]; //
disabled?: boolean;
} }
// 用户接口 // 用户接口

View File

@@ -1,3 +1,4 @@
import { pa } from 'element-plus/es/locale/index.mjs';
import type {Login} from '@/api/user/interface/user' import type {Login} from '@/api/user/interface/user'
import {ADMIN as rePrefix} from '@/api/system/config/serviceName' import {ADMIN as rePrefix} from '@/api/system/config/serviceName'
import http from '@/api' import http from '@/api'

View File

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

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.4 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 54 KiB

View File

@@ -4,16 +4,17 @@
<div class="not-detail"> <div class="not-detail">
<h2>403</h2> <h2>403</h2>
<h4>抱歉您无权访问该页面~🙅🙅</h4> <h4>抱歉您无权访问该页面~🙅🙅</h4>
<el-button type="primary" @click="router.back"> 返回上一页 </el-button> <el-button type="primary" @click="router.back">返回上一页</el-button>
</div> </div>
</div> </div>
</template> </template>
<script setup lang="ts" name="403"> <script setup lang="ts" name="403">
import { useRouter } from "vue-router"; import { useRouter } from 'vue-router'
const router = useRouter();
const router = useRouter()
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">
@import "./index.scss"; @use './index.scss';
</style> </style>

View File

@@ -4,16 +4,17 @@
<div class="not-detail"> <div class="not-detail">
<h2>404</h2> <h2>404</h2>
<h4>抱歉您访问的页面不存在~🤷🤷</h4> <h4>抱歉您访问的页面不存在~🤷🤷</h4>
<el-button type="primary" @click="router.back"> 返回上一页 </el-button> <el-button type="primary" @click="router.back">返回上一页</el-button>
</div> </div>
</div> </div>
</template> </template>
<script setup lang="ts" name="404"> <script setup lang="ts" name="404">
import { useRouter } from "vue-router"; import { useRouter } from 'vue-router'
const router = useRouter();
const router = useRouter()
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">
@import "./index.scss"; @use './index.scss';
</style> </style>

View File

@@ -4,16 +4,17 @@
<div class="not-detail"> <div class="not-detail">
<h2>500</h2> <h2>500</h2>
<h4>抱歉您的网络不见了~🤦🤦</h4> <h4>抱歉您的网络不见了~🤦🤦</h4>
<el-button type="primary" @click="router.back"> 返回上一页 </el-button> <el-button type="primary" @click="router.back">返回上一页</el-button>
</div> </div>
</div> </div>
</template> </template>
<script setup lang="ts" name="500"> <script setup lang="ts" name="500">
import { useRouter } from "vue-router"; import { useRouter } from 'vue-router'
const router = useRouter();
const router = useRouter()
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">
@import "./index.scss"; @use './index.scss';
</style> </style>

View File

@@ -1,58 +1,69 @@
<template> <template>
<el-dialog v-model='dialogVisible' :title='`批量添加${parameter.title}`' :destroy-on-close='true' width='580px' <el-dialog
draggable> v-model="dialogVisible"
<el-form class='drawer-multiColumn-form' label-width='100px'> :title="`批量添加${parameter.title}`"
<el-form-item label='模板下载 :'> :destroy-on-close="true"
<el-button type='primary' :icon='Download' @click='downloadTemp'> 点击下载</el-button> width="580px"
draggable
>
<el-form class="drawer-multiColumn-form" label-width="100px">
<el-form-item label="模板下载 :">
<el-button type="primary" :icon="Download" @click="downloadTemp">点击下载</el-button>
</el-form-item> </el-form-item>
<el-form-item label='文件上传 :'> <el-form-item label="文件上传 :">
<el-upload <el-upload
action='#' action="#"
class='upload' class="upload"
:drag='true' :drag="true"
:limit='excelLimit' :limit="excelLimit"
:multiple='true' :multiple="true"
:show-file-list='true' :show-file-list="true"
:http-request='uploadExcel' :http-request="uploadExcel"
:before-upload='beforeExcelUpload' :before-upload="beforeExcelUpload"
:on-exceed='handleExceed' :on-exceed="handleExceed"
:accept="parameter.fileType!.join(',')" :accept="parameter.fileType!.join(',')"
> >
<slot name='empty'> <slot name="empty">
<el-icon class='el-icon--upload'> <el-icon class="el-icon--upload">
<upload-filled /> <upload-filled />
</el-icon> </el-icon>
<div class='el-upload__text'>将文件拖到此处<em>点击上传</em></div> <div class="el-upload__text">
将文件拖到此处
<em>点击上传</em>
</div>
</slot> </slot>
<template #tip> <template #tip>
<slot name='tip'> <slot name="tip">
<div class='el-upload__tip'>请上传 .xls , .xlsx 标准格式文件文件最大为 {{ parameter.fileSize }}M</div> <div class="el-upload__tip">
请上传 .xls , .xlsx 标准格式文件文件最大为 {{ parameter.fileSize }}M
</div>
</slot> </slot>
</template> </template>
</el-upload> </el-upload>
</el-form-item> </el-form-item>
<el-form-item v-if='parameter.showCover' label='数据覆盖 :'> <el-form-item v-if="parameter.showCover" label="数据覆盖 :">
<el-switch v-model='isCover' /> <el-switch v-model="isCover" />
</el-form-item> </el-form-item>
</el-form> </el-form>
</el-dialog> </el-dialog>
</template> </template>
<script setup lang='ts' name='ImportExcel'> <script setup lang="ts" name="ImportExcel">
import { ref } from 'vue' import { ref } from 'vue'
import { useDownload } from '@/hooks/useDownload' import { useDownload } from '@/hooks/useDownload'
import { Download } from '@element-plus/icons-vue' import { Download } from '@element-plus/icons-vue'
import { ElNotification, UploadRequestOptions, UploadRawFile, ElMessage } from 'element-plus' import { ElMessage, ElNotification, UploadRawFile, UploadRequestOptions } from 'element-plus'
export interface ExcelParameterProps { export interface ExcelParameterProps {
title: string; // 标题 title: string // 标题
showCover?: boolean; // 是否显示”数据覆盖“选项 showCover?: boolean // 是否显示”数据覆盖“选项
patternId?: string; // 模式ID patternId?: string // 模式ID
fileSize?: number; // 上传文件的大小 planId?: string | null //计划ID
fileType?: File.ExcelMimeType[]; // 上传文件的类型 fileSize?: number // 上传文件的大小
tempApi?: (params: any) => Promise<any>; // 下载模板的Api fileType?: File.ExcelMimeType[] // 上传文件的类型
importApi?: (params: any) => Promise<any>; // 批量导入的Api tempApi?: (params: any) => Promise<any> // 下载模板的Api
getTableList?: () => void; // 获取表格数据的Api importApi?: (params: any) => Promise<any> // 批量导入的Api
getTableList?: () => void // 获取表格数据的Api
} }
// 是否覆盖数据 // 是否覆盖数据
@@ -65,9 +76,11 @@ const dialogVisible = ref(false)
const parameter = ref<ExcelParameterProps>({ const parameter = ref<ExcelParameterProps>({
title: '', title: '',
fileSize: 5, fileSize: 5,
fileType: ['application/vnd.ms-excel', 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'], fileType: ['application/vnd.ms-excel', 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet']
}) })
const emit = defineEmits<{
(e: 'result', data: boolean): void
}>()
// 接收父组件参数 // 接收父组件参数
const acceptParams = (params: ExcelParameterProps) => { const acceptParams = (params: ExcelParameterProps) => {
parameter.value = { ...parameter.value, ...params } parameter.value = { ...parameter.value, ...params }
@@ -77,7 +90,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}模板`, {'patternId':parameter.value.patternId}, false) useDownload(parameter.value.tempApi, `${parameter.value.title}模板`, { pattern: parameter.value.patternId }, false)
} }
// 文件上传 // 文件上传
@@ -87,17 +100,19 @@ const uploadExcel = async (param: UploadRequestOptions) => {
if (parameter.value.patternId) { if (parameter.value.patternId) {
excelFormData.append('patternId', parameter.value.patternId) excelFormData.append('patternId', parameter.value.patternId)
} }
excelFormData.append('planId', parameter.value.planId)
isCover.value && excelFormData.append('isCover', isCover.value as unknown as Blob) isCover.value && excelFormData.append('isCover', isCover.value as unknown as Blob)
//await parameter.value.importApi!(excelFormData); //await parameter.value.importApi!(excelFormData);
await parameter.value.importApi!(excelFormData) await parameter.value.importApi!(excelFormData).then(res => handleImportResponse(res))
.then(res => handleImportResponse(res))
parameter.value.getTableList && parameter.value.getTableList() parameter.value.getTableList && parameter.value.getTableList()
dialogVisible.value = false dialogVisible.value = false
} }
async function handleImportResponse(res: any) { async function handleImportResponse(res: any) {
console.log(res)
if (res.type === 'application/json') { if (res.type === 'application/json') {
const fileReader = new FileReader() const fileReader = new FileReader()
@@ -107,14 +122,19 @@ async function handleImportResponse(res: any) {
if (jsonData.code === 'A0000') { if (jsonData.code === 'A0000') {
ElMessage.success('导入成功') ElMessage.success('导入成功')
} else { } else {
ElMessage.error(jsonData.message) ElMessageBox.alert(jsonData.message, {
title: '导入结果',
type: 'error'
})
} }
emit('result', jsonData.data)
} catch (err) { } catch (err) {
console.log(err) //console.log(err)
} }
} }
fileReader.readAsText(res) fileReader.readAsText(res)
} else { } else {
emit('result', false)
ElMessage.error('导入失败,请查看下载附件!') ElMessage.error('导入失败,请查看下载附件!')
let blob = new Blob([res], { type: 'application/vnd.ms-excel' }) let blob = new Blob([res], { type: 'application/vnd.ms-excel' })
const url = window.URL.createObjectURL(blob) const url = window.URL.createObjectURL(blob)
@@ -138,14 +158,14 @@ const beforeExcelUpload = (file: UploadRawFile) => {
ElNotification({ ElNotification({
title: '温馨提示', title: '温馨提示',
message: '上传文件只能是 xls / xlsx 格式!', message: '上传文件只能是 xls / xlsx 格式!',
type: 'warning', type: 'warning'
}) })
if (!fileSize) if (!fileSize)
setTimeout(() => { setTimeout(() => {
ElNotification({ ElNotification({
title: '温馨提示', title: '温馨提示',
message: `上传文件大小不能超过 ${parameter.value.fileSize}MB`, message: `上传文件大小不能超过 ${parameter.value.fileSize}MB`,
type: 'warning', type: 'warning'
}) })
}, 0) }, 0)
return isExcel && fileSize return isExcel && fileSize
@@ -156,7 +176,7 @@ const handleExceed = () => {
ElNotification({ ElNotification({
title: '温馨提示', title: '温馨提示',
message: '最多只能上传一个文件!', message: '最多只能上传一个文件!',
type: 'warning', type: 'warning'
}) })
} }
@@ -179,9 +199,9 @@ const handleExceed = () => {
// } // }
defineExpose({ defineExpose({
acceptParams, acceptParams
}) })
</script> </script>
<style lang='scss' scoped> <style lang="scss" scoped>
@import "./index.scss"; @use './index.scss';
</style> </style>

View File

@@ -0,0 +1,3 @@
.upload {
width: 80%;
}

View File

@@ -0,0 +1,241 @@
<template>
<el-dialog
v-model="dialogVisible"
:title="parameter.title"
:destroy-on-close="true"
width="450px"
:close-on-click-modal="!parameter.progressBar"
:show-close="!disable"
draggable
>
<el-upload
ref="uploadRef"
action="#"
class="upload"
:limit="1"
:http-request="uploadZip"
accept=".zip"
:auto-upload="!parameter.confirmMessage"
:on-change="handleChange"
:on-remove="handleRemove"
:disabled="fileDisabled"
>
<slot name="empty">
<el-button type="primary" :disabled="fileDisabled" icon="Upload">点击上传</el-button>
</slot>
<template #tip>
<slot name="tip">
<div class="el-upload__tip">请上传 .zip 标准格式文件</div>
</slot>
</template>
</el-upload>
<el-text v-if="parameter.progressBar && progressData.status === 'exception'" size="small" type="danger">
{{ progressData.message }}
</el-text>
<el-text v-if="parameter.progressBar && progressData.status === 'success'" size="small" type="success">
{{ progressData.message }}
</el-text>
<el-text v-if="parameter.progressBar && progressData.status === ''" size="small" type="info">
{{ progressData.message }}
</el-text>
<el-progress
style="margin-top: 10px; margin-bottom: 10px"
v-if="parameter.progressBar"
:status="progressData.status"
:percentage="progressData.percentage"
:stroke-width="10"
striped
striped-flow
></el-progress>
<template #footer v-if="parameter.confirmMessage">
<el-button :disabled="disable" type="primary" @click="uploadSubmit">开始导入</el-button>
</template>
</el-dialog>
</template>
<script setup lang="ts" name="ImportZip">
import { ref } from 'vue'
import type { UploadInstance, UploadProps, UploadRequestOptions } from 'element-plus'
import http from '@/api'
export interface ZipParameterProps {
title: string // 标题
patternId?: string // 模式ID
planId?: string // 计划ID
importApi?: (params: any) => Promise<any> // 批量导入的Api
confirmMessage?: string // 提示信息
progressBar?: boolean // 进度条
}
// dialog状态
const dialogVisible = ref(false)
const disable = ref(true)
const fileDisabled = ref(false)
const uploadRef = ref<UploadInstance>()
// 父组件传过来的参数
const parameter = ref<ZipParameterProps>({
title: ''
})
const emit = defineEmits<{
(e: 'result', data: boolean): void
}>()
// 接收父组件参数
const acceptParams = (params: ZipParameterProps) => {
parameter.value = { ...parameter.value, ...params }
dialogVisible.value = true
}
// 文件上传
const uploadZip = (param: UploadRequestOptions) => {
let zipFormData = new FormData()
zipFormData.append('file', param.file)
if (parameter.value.patternId) {
zipFormData.append('patternId', parameter.value.patternId)
}
if (parameter.value.planId) {
zipFormData.append('planId', parameter.value.planId)
}
if (parameter.value.progressBar) {
initSSE()
}
setTimeout(() => {
parameter.value.importApi!(zipFormData)
.then(res => handleImportResponse(res))
.catch(err => {
fileDisabled.value = false
disable.value = false
})
}, 1000)
}
const handleImportResponse = (res: any) => {
if (!parameter.value.progressBar) {
if (res.code === 'A0000') {
ElMessage.success('导入成功')
emit('result', true)
dialogVisible.value = false
} else {
ElMessage.error(res.message)
fileDisabled.value = false
disable.value = false
}
} else {
if (res.code !== 'A0000') {
ElMessage.error(res.message)
}
}
}
const uploadSubmit = () => {
if (!uploadRef.value) {
return ElMessage.warning('请选择文件!')
}
progressData.value = {
percentage: 0,
status: '',
message: ''
}
ElMessageBox.confirm(parameter.value.confirmMessage, '温馨提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
})
.then(() => {
disable.value = true
fileDisabled.value = true
uploadRef.value?.submit()
})
.catch(() => {
disable.value = false
fileDisabled.value = false
})
}
const handleChange: UploadProps['onChange'] = (uploadFile, uploadFiles) => {
disable.value = uploadFiles.length === 0
progressData.value = {
percentage: 0,
status: '',
message: ''
}
}
const handleRemove: UploadProps['onRemove'] = (uploadFile, uploadFiles) => {
disable.value = uploadFiles.length === 0
progressData.value = {
percentage: 0,
status: '',
message: ''
}
}
const progressData = ref({
percentage: 0,
status: '',
message: ''
})
const eventSource = ref<EventSource | null>(null)
const initSSE = () => {
eventSource.value = http.sse('/sse/createSse')
eventSource.value.onmessage = event => {
console.log('收到消息内容是:', event.data)
const res = JSON.parse(event.data)
progressData.value.percentage = res.data
progressData.value.message = res.message
if (res.code === 'A0002') {
fileDisabled.value = false
disable.value = false
progressData.value.status = 'exception'
ElMessage.error(res.message)
}
if (progressData.value.percentage === 100) {
progressData.value.status = 'success'
eventSource.value!.close()
ElMessage.success('导入成功')
emit('result', true)
dialogVisible.value = false
}
}
eventSource.value.onerror = error => {
console.warn('SSE 连接出错:', error)
eventSource.value!.close()
}
}
// 添加一个手动关闭EventSource的函数
const closeEventSource = () => {
if (eventSource.value) {
eventSource.value.close()
eventSource.value = null
// console.log('SSE连接已关闭')
}
}
// 监听 dialogVisible 的变化,确保在对话框关闭时清理资源
watch(dialogVisible, newVal => {
if (!newVal) {
// 延迟执行,确保在组件完全关闭后清理
setTimeout(() => {
closeEventSource()
fileDisabled.value = false
disable.value = false
progressData.value = {
percentage: 0,
status: '',
message: ''
}
}, 100)
}
})
onUnmounted(() => {
closeEventSource()
})
defineExpose({
acceptParams
})
</script>
<style lang="scss" scoped>
@use './index.scss';
</style>

View File

@@ -9,5 +9,5 @@
<script setup lang="ts" name="Loading"></script> <script setup lang="ts" name="Loading"></script>
<style scoped lang="scss"> <style scoped lang="scss">
@import "./index.scss"; @use "./index.scss";;
</style> </style>

View File

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

View File

@@ -1,49 +1,49 @@
<template> <template>
<div class='icon-box' > <div class="icon-box">
<el-input <el-input
ref='inputRef' ref="inputRef"
v-model='valueIcon' v-model="valueIcon"
v-bind='$attrs' v-bind="$attrs"
:placeholder='placeholder' :placeholder="placeholder"
:clearable='clearable' :clearable="clearable"
@clear='clearIcon' @clear="clearIcon"
@click='openDialog' @click="openDialog"
> >
<template #append> <template #append>
<el-button :icon='customIcons[iconValue]' /> <el-button :icon="customIcons[iconValue]" />
</template> </template>
</el-input> </el-input>
<el-dialog v-model='dialogVisible' :title='placeholder' top='5%' width='30%' > <el-dialog v-model="dialogVisible" :title="placeholder" top="5%" width="30%">
<el-input v-model='inputValue' placeholder='搜索图标' size='large' :prefix-icon='Icons.Search' /> <el-input v-model="inputValue" placeholder="搜索图标" size="large" :prefix-icon="Icons.Search" />
<el-scrollbar v-if='Object.keys(iconsList).length'> <el-scrollbar v-if="Object.keys(iconsList).length">
<div class='icon-list'> <div class="icon-list">
<div v-for='item in iconsList' :key='item' class='icon-item' @click='selectIcon(item)'> <div v-for="item in iconsList" :key="item" class="icon-item" @click="selectIcon(item)">
<component :is='item'></component> <component :is="item"></component>
<span>{{ item.name }}</span> <span>{{ item.name }}</span>
</div> </div>
</div> </div>
</el-scrollbar> </el-scrollbar>
<el-empty v-else description='未搜索到您要找的图标~' /> <el-empty v-else description="未搜索到您要找的图标~" />
</el-dialog> </el-dialog>
</div> </div>
</template> </template>
<script lang='ts' setup name='SelectIcon'> <script lang="ts" setup name="SelectIcon">
import * as Icons from '@element-plus/icons-vue' import * as Icons from '@element-plus/icons-vue'
import { computed, ref } from 'vue'; import { computed, ref } from 'vue'
interface SelectIconProps { interface SelectIconProps {
iconValue: string| undefined; iconValue: string | undefined
title?: string; title?: string
clearable?: boolean; clearable?: boolean
placeholder?: string; placeholder?: string
} }
const props = withDefaults(defineProps<SelectIconProps>(), { const props = withDefaults(defineProps<SelectIconProps>(), {
iconValue: '', iconValue: '',
title: '请选择图标', title: '请选择图标',
clearable: true, clearable: true,
placeholder: '请选择图标', placeholder: '请选择图标'
}) })
// 重新接收一下,防止打包后 clearable 报错 // 重新接收一下,防止打包后 clearable 报错
@@ -55,7 +55,7 @@ const openDialog = () => (dialogVisible.value = true)
// 选择图标(触发更新父组件数据) // 选择图标(触发更新父组件数据)
const emit = defineEmits<{ const emit = defineEmits<{
'update:iconValue': [value: string]; 'update:iconValue': [value: string]
}>() }>()
const selectIcon = (item: any) => { const selectIcon = (item: any) => {
dialogVisible.value = false dialogVisible.value = false
@@ -83,9 +83,8 @@ const iconsList = computed((): { [key: string]: any } => {
} }
return result return result
}) })
</script> </script>
<style scoped lang='scss'> <style scoped lang="scss">
@import "./index.scss"; @use './index.scss';
</style> </style>

View File

@@ -1,97 +1,84 @@
<template> <template>
<div class='time-control'> <div class="time-control">
<el-select <el-select class="select" v-model="timeUnit" placeholder="选择时间单位" @change="handleChange">
class='select'
v-model='timeUnit'
placeholder='选择时间单位'
@change='handleChange'
>
<!-- 采用 v-for 动态渲染 --> <!-- 采用 v-for 动态渲染 -->
<el-option <el-option v-for="unit in timeUnits" :key="unit.value" :label="unit.label" :value="unit.value"></el-option>
v-for='unit in timeUnits'
:key='unit.value'
:label='unit.label'
:value='unit.value'
></el-option>
</el-select> </el-select>
<!-- 禁用时间选择器 --> <!-- 禁用时间选择器 -->
<div class='date-display'> <div class="date-display">
<el-date-picker <el-date-picker
class='date-picker' class="date-picker"
v-model='startDate' v-model="startDate"
type='date' type="date"
placeholder='起始时间' placeholder="起始时间"
@change='emitDateChange' @change="emitDateChange"
:disabled-date='disableStartDate' :disabled-date="disableStartDate"
:readonly="timeUnit != '自定义'" :readonly="timeUnit != '自定义'"
></el-date-picker> ></el-date-picker>
<el-text>~</el-text> <el-text>~</el-text>
<el-date-picker <el-date-picker
class='date-picker' class="date-picker"
v-model='endDate' v-model="endDate"
type='date' type="date"
placeholder='结束时间' placeholder="结束时间"
@change='emitDateChange' @change="emitDateChange"
:disabled-date='disableEndDate' :disabled-date="disableEndDate"
:readonly="timeUnit !== '自定义'" :readonly="timeUnit !== '自定义'"
></el-date-picker> ></el-date-picker>
</div> </div>
<div class='date-display' v-if="timeUnit !== '自定义'"> <div class="date-display" v-if="timeUnit !== '自定义'">
<el-button <el-button
style='width: 10px;' style="width: 10px"
class='triangle-button' class="triangle-button"
type='primary' type="primary"
@click='prevPeriod' @click="prevPeriod"
@change='emitDateChange' @change="emitDateChange"
> >
<div class='left_triangle'></div> <div class="left_triangle"></div>
</el-button>
<el-button class='triangle-button' type='primary' @click='goToCurrent'>
当前
</el-button> </el-button>
<el-button class="triangle-button" type="primary" @click="goToCurrent">当前</el-button>
<el-button <el-button
style='width: 10px;' style="width: 10px"
class='triangle-button' class="triangle-button"
type='primary' type="primary"
@click='nextPeriod' @click="nextPeriod"
:disabled='isNextDisabled' :disabled="isNextDisabled"
> >
<div class='right_triangle'></div> <div class="right_triangle"></div>
</el-button> </el-button>
</div> </div>
</div> </div>
</template> </template>
<script setup lang="ts">
<script setup lang='ts'> import { onMounted, ref } from 'vue'
import { ref, onMounted, defineProps, defineEmits } from 'vue'
// 定义时间单位的类型 // 定义时间单位的类型
interface TimeUnit { interface TimeUnit {
label: string; label: string
value: string; value: string
} }
// 定义组件的props包含包括和排除的时间单位 // 定义组件的props包含包括和排除的时间单位
const props = defineProps({ const props = defineProps({
include: { include: {
type: Array as () => string[], type: Array as () => string[],
default: () => ['日', '周', '月', '季度', '年', '自定义'], default: () => ['日', '周', '月', '季度', '年', '自定义']
}, },
exclude: { exclude: {
type: Array as () => string[], type: Array as () => string[],
default: () => [], default: () => []
}, },
default: { default: {
type: String, type: String,
default: '月', default: '月'
}, }
}) })
// 定义事件 // 定义事件
const emit = defineEmits<{ const emit = defineEmits<{
(e: 'update-dates', startDate: string, endDate: string): void; (e: 'update-dates', startDate: string, endDate: string): void
}>() }>()
const timeUnit = ref<string>(props.default) // 默认选择 const timeUnit = ref<string>(props.default) // 默认选择
const startDate = ref<Date>(new Date()) // 起始日期 const startDate = ref<Date>(new Date()) // 起始日期
@@ -100,16 +87,17 @@ const isNextDisabled = ref<boolean>(false) // 控制下一周期按钮的禁用
const today = ref<Date>(new Date()) // 当前日期 const today = ref<Date>(new Date()) // 当前日期
// 过滤出可用的时间单位 // 过滤出可用的时间单位
const timeUnits = ref<TimeUnit[]>( const timeUnits = ref<TimeUnit[]>(
props.include.filter(unit => !props.exclude.includes(unit)).map(unit => ({ props.include
.filter(unit => !props.exclude.includes(unit))
.map(unit => ({
label: unit, label: unit,
value: unit, value: unit
})), }))
) )
// 发出日期变化事件 // 发出日期变化事件
const emitDateChange = () => { const emitDateChange = () => {
emit('update-dates', formatDate(startDate.value), formatDate(endDate.value)) emit('update-dates', formatDate(startDate.value), formatDate(endDate.value))
} }
// 在组件挂载时更新日期范围 // 在组件挂载时更新日期范围
@@ -139,7 +127,6 @@ const handleChange = (unit: string) => {
updateNextButtonStatus() updateNextButtonStatus()
} }
const updateDateRange = () => { const updateDateRange = () => {
// 根据选择的时间单位计算起始和结束日期 // 根据选择的时间单位计算起始和结束日期
if (timeUnit.value === '日') { if (timeUnit.value === '日') {
startDate.value = today.value startDate.value = today.value
@@ -147,32 +134,29 @@ const updateDateRange = () => {
} else if (timeUnit.value === '周') { } else if (timeUnit.value === '周') {
startDate.value = getStartOfWeek(today.value) startDate.value = getStartOfWeek(today.value)
endDate.value = getEndOfWeek(today.value) endDate.value = getEndOfWeek(today.value)
} else if (timeUnit.value === '月') { } else if (timeUnit.value === '月') {
// 获取本月的开始和结束日期 // 获取本月的开始和结束日期
startDate.value = new Date(today.value.getFullYear(), today.value.getMonth(), 1); startDate.value = new Date(today.value.getFullYear(), today.value.getMonth(), 1)
endDate.value = new Date(today.value.getFullYear(), today.value.getMonth() + 1, 0); endDate.value = new Date(today.value.getFullYear(), today.value.getMonth() + 1, 0)
// // 确保结束日期不超过今天
// if (endDate.value > today.value) {
// endDate.value = new Date(today.value);
// endDate.value.setHours(23, 59, 59, 999); // 设置结束时间为今天的23:59:59.999
// }
} else if (timeUnit.value === '季度') {
const quarter = Math.floor(today.value.getMonth() / 3);
startDate.value = new Date(today.value.getFullYear(), quarter * 3, 1);
endDate.value = new Date(today.value.getFullYear(), quarter * 3 + 3, 0);
// // 确保结束日期不超过今天 // // 确保结束日期不超过今天
// if (endDate.value > today.value) { // if (endDate.value > today.value) {
// endDate.value = new Date(today.value); // endDate.value = new Date(today.value);
// endDate.value.setHours(23, 59, 59, 999); // 设置结束时间为今天的23:59:59.999 // endDate.value.setHours(23, 59, 59, 999); // 设置结束时间为今天的23:59:59.999
// } // }
} else if (timeUnit.value === '季度') {
const quarter = Math.floor(today.value.getMonth() / 3)
startDate.value = new Date(today.value.getFullYear(), quarter * 3, 1)
endDate.value = new Date(today.value.getFullYear(), quarter * 3 + 3, 0)
} else if (timeUnit.value === '年') { // // 确保结束日期不超过今天
startDate.value = new Date(today.value.getFullYear(), 0, 1); // if (endDate.value > today.value) {
endDate.value = new Date(today.value.getFullYear(), 11, 31); // endDate.value = new Date(today.value);
// endDate.value.setHours(23, 59, 59, 999); // 设置结束时间为今天的23:59:59.999
// }
} else if (timeUnit.value === '年') {
startDate.value = new Date(today.value.getFullYear(), 0, 1)
endDate.value = new Date(today.value.getFullYear(), 11, 31)
// // 确保结束日期不超过今天 // // 确保结束日期不超过今天
// if (endDate.value > today.value) { // if (endDate.value > today.value) {
@@ -180,7 +164,7 @@ const updateDateRange = () => {
// endDate.value = new Date(today.value); // endDate.value = new Date(today.value);
// endDate.value.setHours(23, 59, 59, 999); // 设置结束时间为今天的23:59:59.999 // endDate.value.setHours(23, 59, 59, 999); // 设置结束时间为今天的23:59:59.999
// } // }
} }
// 确保开始时间和结束时间不为空 // 确保开始时间和结束时间不为空
if (!startDate.value) { if (!startDate.value) {
startDate.value = new Date() startDate.value = new Date()
@@ -205,8 +189,8 @@ const getEndOfWeek = (date: Date) => {
endOfWeek.setDate(endOfWeek.getDate() + diff) endOfWeek.setDate(endOfWeek.getDate() + diff)
// 获取今天的日期 // 获取今天的日期
const today = new Date(); const today = new Date()
today.setHours(23, 59, 59, 999); // 设置今天的结束时间23:59:59.999 today.setHours(23, 59, 59, 999) // 设置今天的结束时间23:59:59.999
// 返回不超过今天的结束时间 // 返回不超过今天的结束时间
//return endOfWeek > today ? today : endOfWeek; //return endOfWeek > today ? today : endOfWeek;
@@ -223,13 +207,8 @@ const prevPeriod = () => {
prevStartDate.setDate(prevStartDate.getDate() - 7) prevStartDate.setDate(prevStartDate.getDate() - 7)
prevEndDate.setDate(prevEndDate.getDate() - 7) prevEndDate.setDate(prevEndDate.getDate() - 7)
} else if (timeUnit.value === '月') { } else if (timeUnit.value === '月') {
prevStartDate.setMonth(prevStartDate.getMonth() - 1) prevStartDate.setMonth(prevStartDate.getMonth() - 1)
prevEndDate.setMonth(prevEndDate.getMonth() - 1) prevEndDate.setMonth(prevEndDate.getMonth() - 1)
} else if (timeUnit.value === '季度') { } else if (timeUnit.value === '季度') {
prevStartDate.setMonth(prevStartDate.getMonth() - 3) prevStartDate.setMonth(prevStartDate.getMonth() - 3)
prevEndDate.setMonth(prevEndDate.getMonth() - 3) prevEndDate.setMonth(prevEndDate.getMonth() - 3)
@@ -273,7 +252,6 @@ const nextPeriod = () => {
updateNextButtonStatus() updateNextButtonStatus()
} }
const updateNextButtonStatus = () => { const updateNextButtonStatus = () => {
// 更新下一个按钮的禁用状态 // 更新下一个按钮的禁用状态
const maxDate = new Date() // 假设最新日期为今天 const maxDate = new Date() // 假设最新日期为今天
// 将 maxDate 设置为当天的开始时间 // 将 maxDate 设置为当天的开始时间
@@ -286,7 +264,6 @@ const updateNextButtonStatus = () => {
emitDateChange() // 变化时也发出更新事件 emitDateChange() // 变化时也发出更新事件
} }
// 限制开始日期不能选择超过当前日期 // 限制开始日期不能选择超过当前日期
const disableStartDate = (date: Date) => { const disableStartDate = (date: Date) => {
return date > today.value return date > today.value
@@ -298,21 +275,18 @@ const disableEndDate = (date: Date) => {
return date > today.value || (start && date <= start) return date > today.value || (start && date <= start)
} }
// 格式化日期yyyy-mm-dd // 格式化日期yyyy-mm-dd
function formatDate(date: Date | null): string { function formatDate(date: Date | null): string {
if (!date) { if (!date) {
return ''; return ''
} }
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')
return `${year}-${month}-${day}`; return `${year}-${month}-${day}`
} }
</script> </script>
<style scoped lang='scss'> <style scoped lang="scss">
@import "./index.scss"; @use './index.scss';
</style> </style>

View File

@@ -5,7 +5,7 @@
</template> </template>
<script setup lang="ts"> <script setup lang="ts">
import { onBeforeUnmount, onMounted, ref, defineExpose, watch, nextTick } from 'vue' import { onBeforeUnmount, onMounted, ref, watch } from 'vue'
// import echarts from './echarts' // import echarts from './echarts'
import * as echarts from 'echarts' // 全引入 import * as echarts from 'echarts' // 全引入
// import 'echarts/lib/component/dataZoom' // import 'echarts/lib/component/dataZoom'

View File

@@ -7,20 +7,23 @@ import type { Directive, DirectiveBinding } from 'vue'
const auth: Directive = { const auth: Directive = {
mounted(el: HTMLElement, binding: DirectiveBinding) { mounted(el: HTMLElement, binding: DirectiveBinding) {
const { value } = binding //console.log('binding',binding)
const { value, modifiers } = binding
let currentPageRoles = []
const authStore = useAuthStore() const authStore = useAuthStore()
const currentPageRoles = authStore.authButtonListGet[authStore.routeName] ?? [] if (modifiers && Object.keys(modifiers).length) {
// console.log('1234',authStore.routeName) currentPageRoles = authStore.authButtonListGet[Object.keys(modifiers)[0]] ?? []
// console.log('123',currentPageRoles) } else {
currentPageRoles = authStore.authButtonListGet[authStore.routeName] ?? []
}
//console.log('currentPageRoles', currentPageRoles)
if (value instanceof Array && value.length) { if (value instanceof Array && value.length) {
//console.log('123456',value)
const hasPermission = value.every(item => currentPageRoles.includes(item)) const hasPermission = value.every(item => currentPageRoles.includes(item))
if (!hasPermission) el.remove() if (!hasPermission) el.remove()
} else { } else {
//console.log('12345',value)
if (!currentPageRoles.includes(value)) el.remove() if (!currentPageRoles.includes(value)) el.remove()
} }
}, }
} }
export default auth export default auth

View File

@@ -1,4 +1,5 @@
import { ElNotification } from "element-plus"; import { ElNotification } from "element-plus";
import type { AxiosResponse } from "axios";
/** /**
* @description 接收数据流生成 blob创建链接下载文件 * @description 接收数据流生成 blob创建链接下载文件
@@ -8,6 +9,55 @@ import { ElNotification } from "element-plus";
* @param {Boolean} isNotify 是否有导出消息提示 (默认为 true) * @param {Boolean} isNotify 是否有导出消息提示 (默认为 true)
* @param {String} fileType 导出的文件格式 (默认为.xlsx) * @param {String} fileType 导出的文件格式 (默认为.xlsx)
* */ * */
/**
* 从 Content-Disposition 头解析文件名
*/
const getFileNameFromContentDisposition = (contentDisposition: string | undefined | null): string | null => {
if (!contentDisposition) return null;
// 优先匹配 filename*=UTF-8'' 格式RFC 5987
const filenameStarRegex = /filename\*\s*=\s*UTF-8''([^;]+)/i;
const starMatches = filenameStarRegex.exec(contentDisposition);
if (starMatches && starMatches[1]) {
try {
return decodeURIComponent(starMatches[1]);
} catch (e) {
console.warn('解码 filename* 失败:', e);
}
}
// 其次匹配 filename="文件名" 或 filename=文件名 格式
const filenameRegex = /filename\s*=\s*([^;]+)/i;
const matches = filenameRegex.exec(contentDisposition);
if (matches && matches[1]) {
let filename = matches[1].trim();
// 去除引号
filename = filename.replace(/^["']|["']$/g, "");
// 尝试解码 URL 编码的文件名
try {
// 检查是否包含 URL 编码字符
if (filename.includes('%') || filename.includes('UTF-8')) {
// 处理可能的 UTF-8 前缀
if (filename.startsWith("UTF-8''") || filename.startsWith("utf-8''")) {
filename = filename.substring(7);
}
filename = decodeURIComponent(filename);
}
} catch (e) {
// 如果解码失败,返回原始文件名
console.warn('解码文件名失败,使用原始值:', e);
}
return filename;
}
return null;
};
export const useDownload = async ( export const useDownload = async (
api: (param: any) => Promise<any>, api: (param: any) => Promise<any>,
tempName: string, tempName: string,
@@ -42,3 +92,70 @@ export const useDownload = async (
} }
}; };
/**
* @description 支持服务器文件名的下载方法,会从 Content-Disposition 头获取文件名
* @param {Function} api 导出表格的api方法 (必传)
* @param {String} fallbackName 备用文件名,当服务器未提供时使用 (可选)
* @param {Object} params 导出的参数 (默认{})
* @param {Boolean} isNotify 是否有导出消息提示 (默认为 true)
* @param {String} fallbackFileType 备用文件格式,当服务器未提供时使用 (默认为.xlsx)
*/
export const useDownloadWithServerFileName = async (
api: (param: any) => Promise<AxiosResponse<Blob> | any>,
fallbackName: string = "",
params: any = {},
isNotify: boolean = true,
fallbackFileType: string = ".xlsx"
) => {
if (isNotify) {
ElNotification({
title: "温馨提示",
message: "如果数据庞大会导致下载缓慢哦,请您耐心等待!",
type: "info",
duration: 3000
});
}
try {
const res = await api(params);
// 检查响应是否包含 data 属性AxiosResponse还是直接是 Blob
const blob = res.data ? new Blob([res.data]) : new Blob([res]);
// 尝试从响应头获取文件名(如果存在)
let serverFileName: string | null = null;
if (res.headers) {
const headers = res.headers || {};
const contentDisposition = headers['content-disposition'] || headers['Content-Disposition'];
serverFileName = getFileNameFromContentDisposition(contentDisposition);
}
// 确定最终使用的文件名
let finalFileName: string;
if (serverFileName) {
finalFileName = serverFileName;
} else if (fallbackName) {
finalFileName = `${fallbackName}${fallbackFileType}`;
} else {
finalFileName = `download${fallbackFileType}`;
}
// 兼容 edge 不支持 createObjectURL 方法
if ("msSaveOrOpenBlob" in navigator) {
return window.navigator.msSaveOrOpenBlob(blob, finalFileName);
}
const blobUrl = window.URL.createObjectURL(blob);
const exportFile = document.createElement("a");
exportFile.style.display = "none";
exportFile.download = finalFileName;
exportFile.href = blobUrl;
document.body.appendChild(exportFile);
exportFile.click();
// 去除下载对 url 的影响
document.body.removeChild(exportFile);
window.URL.revokeObjectURL(blobUrl);
} catch (error) {
console.error('文件下载失败:', error);
}
};

View File

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

View File

@@ -1,7 +1,6 @@
<!-- 经典布局 --> <!-- 经典布局 -->
<template> <template>
<el-container class="layout"> <el-container class="layout">
<el-header> <el-header>
<div class="header-lf mask-image"> <div class="header-lf mask-image">
<div class="logo flx-center"> <div class="logo flx-center">
@@ -38,26 +37,26 @@
</template> </template>
<script setup lang="ts" name="layoutClassic"> <script setup lang="ts" name="layoutClassic">
import { computed } from "vue"; import { computed } from 'vue'
import { useRoute } from "vue-router"; import { useRoute } from 'vue-router'
import { useAuthStore } from "@/stores/modules/auth"; import { useAuthStore } from '@/stores/modules/auth'
import { useGlobalStore } from "@/stores/modules/global"; import { useGlobalStore } from '@/stores/modules/global'
import Main from "@/layouts/components/Main/index.vue"; import Main from '@/layouts/components/Main/index.vue'
import SubMenu from "@/layouts/components/Menu/SubMenu.vue"; import SubMenu from '@/layouts/components/Menu/SubMenu.vue'
import ToolBarLeft from "@/layouts/components/Header/ToolBarLeft.vue"; import ToolBarLeft from '@/layouts/components/Header/ToolBarLeft.vue'
import ToolBarRight from "@/layouts/components/Header/ToolBarRight.vue"; import ToolBarRight from '@/layouts/components/Header/ToolBarRight.vue'
const title = import.meta.env.VITE_GLOB_APP_TITLE; const title = import.meta.env.VITE_GLOB_APP_TITLE
const route = useRoute(); const route = useRoute()
const authStore = useAuthStore(); const authStore = useAuthStore()
const globalStore = useGlobalStore(); const globalStore = useGlobalStore()
const accordion = computed(() => globalStore.accordion); const accordion = computed(() => globalStore.accordion)
const isCollapse = computed(() => globalStore.isCollapse); const isCollapse = computed(() => globalStore.isCollapse)
const menuList = computed(() => authStore.showMenuListGet); const menuList = computed(() => authStore.showMenuListGet)
const activeMenu = computed(() => (route.meta.activeMenu ? route.meta.activeMenu : route.path) as string); const activeMenu = computed(() => (route.meta.activeMenu ? route.meta.activeMenu : route.path) as string)
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">
@import "./index.scss"; @use './index.scss';
</style> </style>

View File

@@ -11,7 +11,9 @@
v-for="item in menuList" v-for="item in menuList"
:key="item.path" :key="item.path"
class="split-item" class="split-item"
:class="{ 'split-active': splitActive === item.path || `/${splitActive.split('/')[1]}` === item.path }" :class="{
'split-active': splitActive === item.path || `/${splitActive.split('/')[1]}` === item.path
}"
@click="changeSubMenu(item)" @click="changeSubMenu(item)"
> >
<el-icon> <el-icon>
@@ -24,7 +26,7 @@
</div> </div>
<el-aside :class="{ 'not-aside': !subMenuList.length }" :style="{ width: isCollapse ? '65px' : '210px' }"> <el-aside :class="{ 'not-aside': !subMenuList.length }" :style="{ width: isCollapse ? '65px' : '210px' }">
<div class="logo flx-center"> <div class="logo flx-center">
<span v-show="subMenuList.length" class="logo-text">{{ isCollapse ? "G" : title }}</span> <span v-show="subMenuList.length" class="logo-text">{{ isCollapse ? 'G' : title }}</span>
</div> </div>
<el-scrollbar> <el-scrollbar>
<el-menu <el-menu
@@ -49,55 +51,55 @@
</template> </template>
<script setup lang="ts" name="layoutColumns"> <script setup lang="ts" name="layoutColumns">
import { ref, computed, watch } from "vue"; import { computed, ref, watch } from 'vue'
import { useRoute, useRouter } from "vue-router"; import { useRoute, useRouter } from 'vue-router'
import { useAuthStore } from "@/stores/modules/auth"; import { useAuthStore } from '@/stores/modules/auth'
import { useGlobalStore } from "@/stores/modules/global"; import { useGlobalStore } from '@/stores/modules/global'
import Main from "@/layouts/components/Main/index.vue"; import Main from '@/layouts/components/Main/index.vue'
import ToolBarLeft from "@/layouts/components/Header/ToolBarLeft.vue"; import ToolBarLeft from '@/layouts/components/Header/ToolBarLeft.vue'
import ToolBarRight from "@/layouts/components/Header/ToolBarRight.vue"; import ToolBarRight from '@/layouts/components/Header/ToolBarRight.vue'
import SubMenu from "@/layouts/components/Menu/SubMenu.vue"; import SubMenu from '@/layouts/components/Menu/SubMenu.vue'
const title = import.meta.env.VITE_GLOB_APP_TITLE; const title = import.meta.env.VITE_GLOB_APP_TITLE
const route = useRoute(); const route = useRoute()
const router = useRouter(); const router = useRouter()
const authStore = useAuthStore(); const authStore = useAuthStore()
const globalStore = useGlobalStore(); const globalStore = useGlobalStore()
const accordion = computed(() => globalStore.accordion); const accordion = computed(() => globalStore.accordion)
const isCollapse = computed(() => globalStore.isCollapse); const isCollapse = computed(() => globalStore.isCollapse)
const menuList = computed(() => authStore.showMenuListGet); const menuList = computed(() => authStore.showMenuListGet)
const activeMenu = computed(() => (route.meta.activeMenu ? route.meta.activeMenu : route.path) as string); const activeMenu = computed(() => (route.meta.activeMenu ? route.meta.activeMenu : route.path) as string)
const subMenuList = ref<Menu.MenuOptions[]>([]); const subMenuList = ref<Menu.MenuOptions[]>([])
const splitActive = ref(""); const splitActive = ref('')
watch( watch(
() => [menuList, route], () => [menuList, route],
() => { () => {
// 当前菜单没有数据直接 return // 当前菜单没有数据直接 return
if (!menuList.value.length) return; if (!menuList.value.length) return
splitActive.value = route.path; splitActive.value = route.path
const menuItem = menuList.value.filter((item: Menu.MenuOptions) => { const menuItem = menuList.value.filter((item: Menu.MenuOptions) => {
return route.path === item.path || `/${route.path.split("/")[1]}` === item.path; return route.path === item.path || `/${route.path.split('/')[1]}` === item.path
}); })
if (menuItem[0].children?.length) return (subMenuList.value = menuItem[0].children); if (menuItem[0].children?.length) return (subMenuList.value = menuItem[0].children)
subMenuList.value = []; subMenuList.value = []
}, },
{ {
deep: true, deep: true,
immediate: true immediate: true
} }
); )
// change SubMenu // change SubMenu
const changeSubMenu = (item: Menu.MenuOptions) => { const changeSubMenu = (item: Menu.MenuOptions) => {
splitActive.value = item.path; splitActive.value = item.path
if (item.children?.length) return (subMenuList.value = item.children); if (item.children?.length) return (subMenuList.value = item.children)
subMenuList.value = []; subMenuList.value = []
router.push(item.path); router.push(item.path)
}; }
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">
@import "./index.scss"; @use './index.scss';
</style> </style>

View File

@@ -4,12 +4,8 @@
<el-header> <el-header>
<div class="logo flx-center"> <div class="logo flx-center">
<!-- <img class="logo-img" src="@/assets/images/logo.svg" alt="logo" /> --> <!-- <img class="logo-img" src="@/assets/images/logo.svg" alt="logo" /> -->
<img <img class="logo-img" src="@/assets/images/cn_pms9100_logo.png" alt="logo" />
class="logo-img" <span class="logo-text">{{ title }}</span>
src="@/assets/images/cn_pms9100_logo.png"
alt="logo"
/>
<span class="logo-text">{{ title }} </span>
</div> </div>
<el-menu v-if="showMenuFlag" trigger="click" mode="horizontal" :router="false" :default-active="activeMenu"> <el-menu v-if="showMenuFlag" trigger="click" mode="horizontal" :router="false" :default-active="activeMenu">
<!-- 不能直接使用 SubMenu 组件无法触发 el-menu 隐藏省略功能 --> <!-- 不能直接使用 SubMenu 组件无法触发 el-menu 隐藏省略功能 -->
@@ -45,38 +41,35 @@
<ToolBarRight /> <ToolBarRight />
</el-header> </el-header>
<Main /> <Main />
</el-container> </el-container>
</template> </template>
<script setup lang="ts" name="layoutTransverse"> <script setup lang="ts" name="layoutTransverse">
import { computed } from "vue"; import { computed } from 'vue'
import { useAuthStore } from "@/stores/modules/auth"; import { useAuthStore } from '@/stores/modules/auth'
import { useRoute, useRouter } from "vue-router"; import { useRoute, useRouter } from 'vue-router'
import Main from "@/layouts/components/Main/index.vue"; import Main from '@/layouts/components/Main/index.vue'
import ToolBarRight from "@/layouts/components/Header/ToolBarRight.vue"; import ToolBarRight from '@/layouts/components/Header/ToolBarRight.vue'
import SubMenu from "@/layouts/components/Menu/SubMenu.vue"; import SubMenu from '@/layouts/components/Menu/SubMenu.vue'
const title = import.meta.env.VITE_GLOB_APP_TITLE; const title = import.meta.env.VITE_GLOB_APP_TITLE
const route = useRoute(); const route = useRoute()
const router = useRouter(); const router = useRouter()
const authStore = useAuthStore(); const authStore = useAuthStore()
const menuList = computed(() => authStore.showMenuListGet); const menuList = computed(() => authStore.showMenuListGet)
const showMenuFlag=computed(()=>authStore.showMenuFlagGet) const showMenuFlag = computed(() => authStore.showMenuFlagGet)
const activeMenu = computed( const activeMenu = computed(() => (route.meta.activeMenu ? route.meta.activeMenu : route.path) as string)
() => (route.meta.activeMenu ? route.meta.activeMenu : route.path) as string
);
const handleClickMenu = (subItem: Menu.MenuOptions) => { const handleClickMenu = (subItem: Menu.MenuOptions) => {
if (subItem.meta.isLink) return window.open(subItem.meta.isLink, "_blank"); if (subItem.meta.isLink) return window.open(subItem.meta.isLink, '_blank')
router.push(subItem.path); router.push(subItem.path)
}; }
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">
@import "./index.scss"; @use './index.scss';
.logo{ .logo {
margin-right: 0 !important; margin-right: 0 !important;
} }
.logo-text { .logo-text {

View File

@@ -31,26 +31,26 @@
</template> </template>
<script setup lang="ts" name="layoutVertical"> <script setup lang="ts" name="layoutVertical">
import { computed } from "vue"; import { computed } from 'vue'
import { useRoute } from "vue-router"; import { useRoute } from 'vue-router'
import { useAuthStore } from "@/stores/modules/auth"; import { useAuthStore } from '@/stores/modules/auth'
import { useGlobalStore } from "@/stores/modules/global"; import { useGlobalStore } from '@/stores/modules/global'
import Main from "@/layouts/components/Main/index.vue"; import Main from '@/layouts/components/Main/index.vue'
import ToolBarLeft from "@/layouts/components/Header/ToolBarLeft.vue"; import ToolBarLeft from '@/layouts/components/Header/ToolBarLeft.vue'
import ToolBarRight from "@/layouts/components/Header/ToolBarRight.vue"; import ToolBarRight from '@/layouts/components/Header/ToolBarRight.vue'
import SubMenu from "@/layouts/components/Menu/SubMenu.vue"; import SubMenu from '@/layouts/components/Menu/SubMenu.vue'
const title = import.meta.env.VITE_GLOB_APP_TITLE; const title = import.meta.env.VITE_GLOB_APP_TITLE
const route = useRoute(); const route = useRoute()
const authStore = useAuthStore(); const authStore = useAuthStore()
const globalStore = useGlobalStore(); const globalStore = useGlobalStore()
const accordion = computed(() => globalStore.accordion); const accordion = computed(() => globalStore.accordion)
const isCollapse = computed(() => globalStore.isCollapse); const isCollapse = computed(() => globalStore.isCollapse)
const menuList = computed(() => authStore.showMenuListGet); const menuList = computed(() => authStore.showMenuListGet)
const activeMenu = computed(() => (route.meta.activeMenu ? route.meta.activeMenu : route.path) as string); const activeMenu = computed(() => (route.meta.activeMenu ? route.meta.activeMenu : route.path) as string)
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">
@import "./index.scss"; @use './index.scss';
</style> </style>

View File

@@ -1,71 +1,83 @@
<template> <template>
<div class="footer flx-align-center pl10"> <div class="footer flx-align-center pl10">
<el-dropdown> <el-dropdown>
<!-- <span class="el-dropdown-link">
{{ title }}
<el-icon class="el-icon--right">
<arrow-down />
</el-icon>
</span> -->
<!-- <el-button dictType="primary"> -->
<div class="change_mode"> <div class="change_mode">
{{ title }} {{ title }}
<el-icon class="el-icon--right change_mode_down" <el-icon class="el-icon--right change_mode_down"><arrow-down /></el-icon>
><arrow-down
/></el-icon>
<el-icon class="el-icon--right change_mode_up"><arrow-up /></el-icon> <el-icon class="el-icon--right change_mode_up"><arrow-up /></el-icon>
</div> </div>
<!-- </el-button> -->
<template #dropdown> <template #dropdown>
<el-dropdown-menu> <el-dropdown-menu>
<el-dropdown-item @click="handelOpen('模拟式')" <el-dropdown-item
>模拟式模块</el-dropdown-item v-for="item in modeList"
> :key="item.key"
<el-dropdown-item @click="handelOpen('数字式')" :disabled="!item.activated"
>数字式模块</el-dropdown-item @click="handelOpen(item.code, item.key)"
>
<el-dropdown-item @click="handelOpen('比对式')"
disabled>比对式模块</el-dropdown-item
> >
{{ item.name }}
</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 © 南京灿能电力自动化股份有限公司</a>
2024 © 南京灿能电力自动化股份有限公司
</a>
</p> </p>
</div> </div>
</template> </template>
<script lang="ts" setup> <script lang="ts" setup>
import { ref, reactive, computed, onMounted, watch } from "vue"; import { computed } 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"; const authStore = useAuthStore()
const router = useRouter(); const modeStore = useModeStore()
const authStore = useAuthStore();
const modeStore = useModeStore();
const title = computed(() => { const title = computed(() => {
return modeStore.currentMode=== ''? '模拟式模块' : modeStore.currentMode+'模块'; return modeStore.currentMode === '' ? '选择模块' : modeStore.currentMode + '模块'
}); })
const activateInfo = authStore.activateInfo
const handelOpen = async (item: string) => { const isActivateOpen = import.meta.env.VITE_ACTIVATE_OPEN
await authStore.setShowMenu(); const modeList = [
modeStore.setCurrentMode(item); // 将模式code存入 store {
name: '模拟式模块',
//if (router.currentRoute.value.path === '/home/index') { code: '模拟式',
key: 'simulate',
activated:
isActivateOpen === 'true'
? activateInfo.simulate.apply === 1 && activateInfo.simulate.permanently === 1
: true
},
{
name: '数字式模块',
code: '数字式',
key: 'digital',
activated:
isActivateOpen === 'true'
? activateInfo.digital.apply === 1 && activateInfo.digital.permanently === 1
: true
},
{
name: '比对式模块',
code: '比对式',
key: 'contrast',
activated:
isActivateOpen === 'true'
? activateInfo.contrast.apply === 1 && activateInfo.contrast.permanently === 1
: true
}
]
const handelOpen = async (item: string, key: string) => {
if (isActivateOpen === 'true' && (activateInfo[key].apply !== 1 || activateInfo[key].permanently !== 1)) {
ElMessage.warning(`${item}模块未激活`)
return
}
await authStore.setShowMenu()
modeStore.setCurrentMode(item) // 将模式code存入 store
// 强制刷新页面 // 强制刷新页面
window.location.reload(); window.location.reload()
//} else { }
// router.push({ path: '/home/index' });
//}
};
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">
@import "./index.scss"; @use './index.scss';
.footer { .footer {
position: relative; position: relative;
background-color: var(--el-color-primary); background-color: var(--el-color-primary);

View File

@@ -1,12 +1,12 @@
<template> <template>
<!-- <div class="userInfo">--> <!-- <div class="userInfo">-->
<!-- <div class="icon">--> <!-- <div class="icon">-->
<!-- <Avatar/>--> <!-- <Avatar/>-->
<!-- </div>--> <!-- </div>-->
<!-- <div class="username">--> <!-- <div class="username">-->
<!-- {{ username }}--> <!-- {{ username }}-->
<!-- </div>--> <!-- </div>-->
<!-- </div>--> <!-- </div>-->
<el-dropdown trigger="click"> <el-dropdown trigger="click">
<div class="userInfo"> <div class="userInfo">
<div class="icon"> <div class="icon">
@@ -19,24 +19,29 @@
<template #dropdown> <template #dropdown>
<el-dropdown-menu> <el-dropdown-menu>
<el-dropdown-item @click="openDialog('themeRef')"> <el-dropdown-item @click="openDialog('themeRef')">
<el-icon><Sunny /></el-icon>{{ t("header.changeTheme") }} <el-icon><Sunny /></el-icon>
{{ t('header.changeTheme') }}
</el-dropdown-item> </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" v-if="authStore.showMenuFlag">
<el-icon><Switch /></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'"> <el-dropdown trigger="hover" placement="left-start" v-if="userStore.userInfo.loginName == 'root'">
<div class="custom-dropdown-trigger"> <div class="custom-dropdown-trigger">
<el-icon><Tools /></el-icon> <el-icon><Tools /></el-icon>
<span>{{ t("header.changeScene") }}</span> <span>{{ t('header.changeScene') }}</span>
</div> </div>
<template #dropdown> <template #dropdown>
<el-dropdown-menu> <el-dropdown-menu>
@@ -47,7 +52,8 @@
'custom-dropdown-item': true, 'custom-dropdown-item': true,
active: item.value === appSceneStore.currentScene active: item.value === appSceneStore.currentScene
}" }"
@click="changeScene(item.value?? '')" @click="changeScene(item.value ?? '')"
:disabled="item.value === appSceneStore.currentScene"
> >
{{ item.name }} {{ item.name }}
</el-dropdown-item> </el-dropdown-item>
@@ -68,103 +74,92 @@
<VersionDialog ref="versionRegisterRef"></VersionDialog> <VersionDialog ref="versionRegisterRef"></VersionDialog>
<!-- ThemeDialog --> <!-- ThemeDialog -->
<ThemeDialog ref="themeRef"></ThemeDialog> <ThemeDialog ref="themeRef"></ThemeDialog>
</template> </template>
<script setup lang="ts"> <script setup lang="ts">
import { ref } from "vue"; import { computed, ref } from 'vue'
import { LOGIN_URL } from "@/config"; 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, CHANGE_EVENT } from "element-plus"; import { ElMessage, ElMessageBox } 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 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 { Avatar, Sunny, Switch, Tools } from '@element-plus/icons-vue'
import { ArrowLeft, Avatar, Delete, Document, Sunny, Switch ,Tools} from "@element-plus/icons-vue"; import { useAuthStore } from '@/stores/modules/auth'
import AssemblySize from "./components/AssemblySize.vue"; import { useDictStore } from '@/stores/modules/dict'
import Language from "./components/Language.vue"; import { useAppSceneStore, useModeStore } from '@/stores/modules/mode'
import SearchMenu from "./components/SearchMenu.vue"; import { useTheme } from '@/hooks/useTheme'
import ThemeSetting from "./components/ThemeSetting.vue"; import { useI18n } from 'vue-i18n'
import Message from "./components/Message.vue"; import { updateScene } from '@/api/system/base/index'
import Fullscreen from "./components/Fullscreen.vue";
import { useAuthStore } from "@/stores/modules/auth";
import {useDictStore} from "@/stores/modules/dict";
import { useModeStore,useAppSceneStore } from "@/stores/modules/mode";
const userStore = useUserStore();
const dictStore = useDictStore();
const username = computed(() => userStore.userInfo.name);
const router = useRouter(); const userStore = useUserStore()
const authStore = useAuthStore(); const dictStore = useDictStore()
const modeStore = useModeStore(); const username = computed(() => userStore.userInfo.name)
const AppSceneStore = useAppSceneStore();
import { useTheme } from "@/hooks/useTheme";
import { useI18n } from "vue-i18n";
import {updateScene} from '@/api/system/base/index'
const router = useRouter()
const authStore = useAuthStore()
const modeStore = useModeStore()
const AppSceneStore = useAppSceneStore()
const { changePrimary} = useTheme(); const { changePrimary } = useTheme()
// 初始化 i18n // 初始化 i18n
const { t } = useI18n(); // 使用 t 方法替代 $t const { t } = useI18n() // 使用 t 方法替代 $t
// 退出登录 // 退出登录
const logout = () => { const logout = () => {
ElMessageBox.confirm("您是否确认退出登录?", "温馨提示", { ElMessageBox.confirm('您是否确认退出登录?', '温馨提示', {
confirmButtonText: "确定", confirmButtonText: '确定',
cancelButtonText: "取消", cancelButtonText: '取消',
type: "warning", type: 'warning'
}).then(async () => { }).then(async () => {
// 1.执行退出登录接口 // 1.执行退出登录接口
await logoutApi(); await logoutApi()
// 2.清除 Token // 2.清除 Token
userStore.setAccessToken(""); userStore.setAccessToken('')
userStore.setRefreshToken(""); userStore.setRefreshToken('')
userStore.setExp(0) userStore.setExp(0)
userStore.setUserInfo({id: "", name: ""}); userStore.setUserInfo({ id: '', name: '' })
userStore.setIsRefreshToken(false) userStore.setIsRefreshToken(false)
dictStore.setDictData([]); dictStore.setDictData([])
modeStore.setCurrentMode(''); modeStore.setCurrentMode('')
AppSceneStore.setCurrentMode(''); AppSceneStore.setCurrentMode('')
// 3.重定向到登陆页 // 3.重定向到登陆页
router.replace(LOGIN_URL); ElMessage.success('退出登录成功!')
ElMessage.success("退出登录成功!");
//重置菜单/导航栏权限 //重置菜单/导航栏权限
authStore.resetAuthStore(); await authStore.resetAuthStore()
}); await router.push(LOGIN_URL)
}; })
}
// 打开修改密码和个人信息弹窗 // 打开修改密码和个人信息弹窗
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 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(); if (ref == 'themeRef') themeRef.value?.openDialog()
}
}; const appSceneStore = useAppSceneStore()
const appSceneStore = useAppSceneStore();
const changeScene = async (value: string) => { const changeScene = async (value: string) => {
appSceneStore.setCurrentMode(value); appSceneStore.setCurrentMode(value)
await updateScene({scene :dictStore.getDictData('app_scene').find(item => item.value == value)?.id}); await updateScene({ scene: dictStore.getDictData('app_scene').find(item => item.value == value)?.id })
// 强制刷新页面 // 强制刷新页面
window.location.reload(); window.location.reload()
}; }
//模式切换 //模式切换
const changeMode = () => { const changeMode = () => {
authStore.changeModel(); authStore.changeModel()
}; }
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">
@@ -212,6 +207,6 @@ const changeMode = () => {
:deep(.el-dropdown-menu__item.custom-dropdown-item.active), :deep(.el-dropdown-menu__item.custom-dropdown-item.active),
:deep(.el-dropdown-menu__item.custom-dropdown-item.active:hover) { :deep(.el-dropdown-menu__item.custom-dropdown-item.active:hover) {
background-color: var(--el-color-primary-light-9) !important; background-color: var(--el-color-primary-light-9) !important;
color: var(--el-color-primary) color: var(--el-color-primary);
} }
</style> </style>

View File

@@ -2,10 +2,10 @@
<Maximize v-show="maximize" /> <Maximize v-show="maximize" />
<Tabs v-if="tabs && showMenuFlag" /> <Tabs v-if="tabs && showMenuFlag" />
<el-main> <el-main>
<router-view v-slot="{ Component, route }" style="height:100%;"> <router-view v-slot="{ Component, route }" style="height: 100%">
<!-- {{ keepAliveName}} --> <!-- {{ keepAliveName}} -->
<!-- <transition name="slide-right" mode="out-in"> --> <!-- <transition name="slide-right" mode="out-in"> -->
<keep-alive :include="tabsMenuList" > <keep-alive :include="tabsMenuList">
<component :is="Component" :key="route.fullPath" /> <component :is="Component" :key="route.fullPath" />
</keep-alive> </keep-alive>
<!-- </transition> --> <!-- </transition> -->
@@ -17,68 +17,65 @@
</template> </template>
<script setup lang="ts"> <script setup lang="ts">
import { ref, onBeforeUnmount, provide, watch, computed } from "vue"; import { computed, onBeforeUnmount, provide, ref, watch } from 'vue'
import { storeToRefs } from "pinia"; import { storeToRefs } from 'pinia'
import { useDebounceFn } from "@vueuse/core"; import { useDebounceFn } from '@vueuse/core'
import { useGlobalStore } from "@/stores/modules/global"; import { useGlobalStore } from '@/stores/modules/global'
import { useKeepAliveStore } from "@/stores/modules/keepAlive"; import { useKeepAliveStore } from '@/stores/modules/keepAlive'
import Maximize from "./components/Maximize.vue"; import Maximize from './components/Maximize.vue'
import Tabs from "@/layouts/components/Tabs/index.vue"; import Tabs from '@/layouts/components/Tabs/index.vue'
import Footer from "@/layouts/components/Footer/index.vue"; import Footer from '@/layouts/components/Footer/index.vue'
import { useAuthStore } from "@/stores/modules/auth"; import { useAuthStore } from '@/stores/modules/auth'
import { useTabsStore } from '@/stores/modules/tabs' import { useTabsStore } from '@/stores/modules/tabs'
const tabStore = useTabsStore() const tabStore = useTabsStore()
const globalStore = useGlobalStore(); const globalStore = useGlobalStore()
const tabsMenuList = computed(() => tabStore.tabsMenuList.map(item => item.name)) const tabsMenuList = computed(() => tabStore.tabsMenuList.map(item => item.name))
const authStore = useAuthStore(); const authStore = useAuthStore()
const { maximize, isCollapse, layout, tabs, footer } = storeToRefs(globalStore); const { maximize, isCollapse, layout, tabs, footer } = storeToRefs(globalStore)
const keepAliveStore = useKeepAliveStore(); const keepAliveStore = useKeepAliveStore()
const { keepAliveName } = storeToRefs(keepAliveStore); const { keepAliveName } = storeToRefs(keepAliveStore)
// console.log("🚀 ~ keepAliveName:", keepAliveName)
//是否显示导航栏 //是否显示导航栏
const showMenuFlag = computed(() => authStore.showMenuFlagGet); const showMenuFlag = computed(() => authStore.showMenuFlagGet)
// 注入刷新页面方法 // 注入刷新页面方法
const isRouterShow = ref(true); const isRouterShow = ref(true)
const refreshCurrentPage = (val: boolean) => (isRouterShow.value = val); const refreshCurrentPage = (val: boolean) => (isRouterShow.value = val)
provide("refresh", refreshCurrentPage); provide('refresh', refreshCurrentPage)
// 监听当前页面是否最大化,动态添加 class // 监听当前页面是否最大化,动态添加 class
watch( watch(
() => maximize.value, () => maximize.value,
() => { () => {
const app = document.getElementById("app") as HTMLElement; const app = document.getElementById('app') as HTMLElement
if (maximize.value) app.classList.add("main-maximize"); if (maximize.value) app.classList.add('main-maximize')
else app.classList.remove("main-maximize"); else app.classList.remove('main-maximize')
}, },
{ immediate: true } { immediate: true }
); )
// 监听布局变化,在 body 上添加相对应的 layout class // 监听布局变化,在 body 上添加相对应的 layout class
watch( watch(
() => layout.value, () => layout.value,
() => { () => {
const body = document.body as HTMLElement; const body = document.body as HTMLElement
body.setAttribute("class", layout.value); body.setAttribute('class', layout.value)
}, },
{ immediate: true } { immediate: true }
); )
// 监听窗口大小变化,折叠侧边栏 // 监听窗口大小变化,折叠侧边栏
const screenWidth = ref(0); const screenWidth = ref(0)
const listeningWindow = useDebounceFn(() => { const listeningWindow = useDebounceFn(() => {
screenWidth.value = document.body.clientWidth; screenWidth.value = document.body.clientWidth
if (!isCollapse.value && screenWidth.value < 1200) if (!isCollapse.value && screenWidth.value < 1200) globalStore.setGlobalState('isCollapse', true)
globalStore.setGlobalState("isCollapse", true); if (isCollapse.value && screenWidth.value > 1200) globalStore.setGlobalState('isCollapse', false)
if (isCollapse.value && screenWidth.value > 1200) }, 100)
globalStore.setGlobalState("isCollapse", false); window.addEventListener('resize', listeningWindow, false)
}, 100);
window.addEventListener("resize", listeningWindow, false);
onBeforeUnmount(() => { onBeforeUnmount(() => {
window.removeEventListener("resize", listeningWindow); window.removeEventListener('resize', listeningWindow)
}); })
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">
@import "./index.scss"; @use './index.scss';
</style> </style>

View File

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

View File

@@ -6,25 +6,32 @@
<template #dropdown> <template #dropdown>
<el-dropdown-menu> <el-dropdown-menu>
<el-dropdown-item @click="refresh"> <el-dropdown-item @click="refresh">
<el-icon><Refresh /></el-icon>{{ $t("tabs.refresh") }} <el-icon><Refresh /></el-icon>
{{ $t('tabs.refresh') }}
</el-dropdown-item> </el-dropdown-item>
<el-dropdown-item @click="maximize"> <el-dropdown-item @click="maximize">
<el-icon><FullScreen /></el-icon>{{ $t("tabs.maximize") }} <el-icon><FullScreen /></el-icon>
{{ $t('tabs.maximize') }}
</el-dropdown-item> </el-dropdown-item>
<el-dropdown-item divided @click="closeCurrentTab"> <el-dropdown-item divided @click="closeCurrentTab">
<el-icon><Remove /></el-icon>{{ $t("tabs.closeCurrent") }} <el-icon><Remove /></el-icon>
{{ $t('tabs.closeCurrent') }}
</el-dropdown-item> </el-dropdown-item>
<el-dropdown-item @click="tabStore.closeTabsOnSide(route.fullPath, 'left')"> <el-dropdown-item @click="tabStore.closeTabsOnSide(route.fullPath, 'left')">
<el-icon><DArrowLeft /></el-icon>{{ $t("tabs.closeLeft") }} <el-icon><DArrowLeft /></el-icon>
{{ $t('tabs.closeLeft') }}
</el-dropdown-item> </el-dropdown-item>
<el-dropdown-item @click="tabStore.closeTabsOnSide(route.fullPath, 'right')"> <el-dropdown-item @click="tabStore.closeTabsOnSide(route.fullPath, 'right')">
<el-icon><DArrowRight /></el-icon>{{ $t("tabs.closeRight") }} <el-icon><DArrowRight /></el-icon>
{{ $t('tabs.closeRight') }}
</el-dropdown-item> </el-dropdown-item>
<el-dropdown-item divided @click="tabStore.closeMultipleTab(route.fullPath)"> <el-dropdown-item divided @click="tabStore.closeMultipleTab(route.fullPath)">
<el-icon><CircleClose /></el-icon>{{ $t("tabs.closeOther") }} <el-icon><CircleClose /></el-icon>
{{ $t('tabs.closeOther') }}
</el-dropdown-item> </el-dropdown-item>
<el-dropdown-item @click="closeAllTab"> <el-dropdown-item @click="closeAllTab">
<el-icon><FolderDelete /></el-icon>{{ $t("tabs.closeAll") }} <el-icon><FolderDelete /></el-icon>
{{ $t('tabs.closeAll') }}
</el-dropdown-item> </el-dropdown-item>
</el-dropdown-menu> </el-dropdown-menu>
</template> </template>
@@ -32,50 +39,50 @@
</template> </template>
<script setup lang="ts"> <script setup lang="ts">
import { inject, nextTick } from "vue"; import { inject, nextTick } from 'vue'
import { HOME_URL } from "@/config"; import { HOME_URL } from '@/config'
import { useTabsStore } from "@/stores/modules/tabs"; import { useTabsStore } from '@/stores/modules/tabs'
import { useGlobalStore } from "@/stores/modules/global"; import { useGlobalStore } from '@/stores/modules/global'
import { useKeepAliveStore } from "@/stores/modules/keepAlive"; import { useKeepAliveStore } from '@/stores/modules/keepAlive'
import { useRoute, useRouter } from "vue-router"; import { useRoute, useRouter } from 'vue-router'
const route = useRoute(); const route = useRoute()
const router = useRouter(); const router = useRouter()
const tabStore = useTabsStore(); const tabStore = useTabsStore()
const globalStore = useGlobalStore(); const globalStore = useGlobalStore()
const keepAliveStore = useKeepAliveStore(); const keepAliveStore = useKeepAliveStore()
// refresh current page // refresh current page
const refreshCurrentPage: Function = inject("refresh") as Function; const refreshCurrentPage: Function = inject('refresh') as Function
const refresh = () => { const refresh = () => {
setTimeout(() => { setTimeout(() => {
keepAliveStore.removeKeepAliveName(route.name as string); keepAliveStore.removeKeepAliveName(route.name as string)
refreshCurrentPage(false); refreshCurrentPage(false)
nextTick(() => { nextTick(() => {
keepAliveStore.addKeepAliveName(route.name as string); keepAliveStore.addKeepAliveName(route.name as string)
refreshCurrentPage(true); refreshCurrentPage(true)
}); })
}, 0); }, 0)
}; }
// maximize current page // maximize current page
const maximize = () => { const maximize = () => {
globalStore.setGlobalState("maximize", true); globalStore.setGlobalState('maximize', true)
}; }
// Close Current // Close Current
const closeCurrentTab = () => { const closeCurrentTab = () => {
if (route.meta.isAffix) return; if (route.meta.isAffix) return
tabStore.removeTabs(route.fullPath); tabStore.removeTabs(route.fullPath)
}; }
// Close All // Close All
const closeAllTab = () => { const closeAllTab = () => {
tabStore.closeMultipleTab(); tabStore.closeMultipleTab()
router.push(HOME_URL); router.push(HOME_URL)
}; }
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">
@import "../index.scss"; @use '../index.scss';
</style> </style>

View File

@@ -24,12 +24,12 @@
<script setup lang="ts"> <script setup lang="ts">
import Sortable from 'sortablejs' import Sortable from 'sortablejs'
import { ref, computed, watch, onMounted } from 'vue' import { computed, onMounted, ref, watch } from 'vue'
import { useRoute, useRouter } from 'vue-router' import { useRoute, useRouter } from 'vue-router'
import { useGlobalStore } from '@/stores/modules/global' import { useGlobalStore } from '@/stores/modules/global'
import { useTabsStore } from '@/stores/modules/tabs' import { useTabsStore } from '@/stores/modules/tabs'
import { useAuthStore } from '@/stores/modules/auth' import { useAuthStore } from '@/stores/modules/auth'
import { TabsPaneContext, TabPaneName } from 'element-plus' import { TabPaneName, TabsPaneContext } from 'element-plus'
import MoreButton from './components/MoreButton.vue' import MoreButton from './components/MoreButton.vue'
const route = useRoute() const route = useRoute()
@@ -105,18 +105,15 @@ const tabsDrop = () => {
// 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)
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 || '/machine/testScriptAdd' == 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'; @use './index.scss';
</style> </style>

View File

@@ -7,7 +7,10 @@
</el-divider> </el-divider>
<div class="layout-box"> <div class="layout-box">
<el-tooltip effect="dark" content="纵向" placement="top" :show-after="200"> <el-tooltip effect="dark" content="纵向" placement="top" :show-after="200">
<div :class="['layout-item layout-vertical', { 'is-active': layout == 'vertical' }]" @click="setLayout('vertical')"> <div
:class="['layout-item layout-vertical', { 'is-active': layout == 'vertical' }]"
@click="setLayout('vertical')"
>
<div class="layout-dark"></div> <div class="layout-dark"></div>
<div class="layout-container"> <div class="layout-container">
<div class="layout-light"></div> <div class="layout-light"></div>
@@ -19,7 +22,10 @@
</div> </div>
</el-tooltip> </el-tooltip>
<el-tooltip effect="dark" content="经典" placement="top" :show-after="200"> <el-tooltip effect="dark" content="经典" placement="top" :show-after="200">
<div :class="['layout-item layout-classic', { 'is-active': layout == 'classic' }]" @click="setLayout('classic')"> <div
:class="['layout-item layout-classic', { 'is-active': layout == 'classic' }]"
@click="setLayout('classic')"
>
<div class="layout-dark"></div> <div class="layout-dark"></div>
<div class="layout-container"> <div class="layout-container">
<div class="layout-light"></div> <div class="layout-light"></div>
@@ -31,7 +37,10 @@
</div> </div>
</el-tooltip> </el-tooltip>
<el-tooltip effect="dark" content="横向" placement="top" :show-after="200"> <el-tooltip effect="dark" content="横向" placement="top" :show-after="200">
<div :class="['layout-item layout-transverse', { 'is-active': layout == 'transverse' }]" @click="setLayout('transverse')"> <div
:class="['layout-item layout-transverse', { 'is-active': layout == 'transverse' }]"
@click="setLayout('transverse')"
>
<div class="layout-dark"></div> <div class="layout-dark"></div>
<div class="layout-content"></div> <div class="layout-content"></div>
<el-icon v-if="layout == 'transverse'"> <el-icon v-if="layout == 'transverse'">
@@ -40,7 +49,10 @@
</div> </div>
</el-tooltip> </el-tooltip>
<el-tooltip effect="dark" content="分栏" placement="top" :show-after="200"> <el-tooltip effect="dark" content="分栏" placement="top" :show-after="200">
<div :class="['layout-item layout-columns', { 'is-active': layout == 'columns' }]" @click="setLayout('columns')"> <div
:class="['layout-item layout-columns', { 'is-active': layout == 'columns' }]"
@click="setLayout('columns')"
>
<div class="layout-dark"></div> <div class="layout-dark"></div>
<div class="layout-light"></div> <div class="layout-light"></div>
<div class="layout-content"></div> <div class="layout-content"></div>
@@ -128,18 +140,18 @@
</template> </template>
<script setup lang="ts"> <script setup lang="ts">
import { ref } from "vue"; import { ref } from 'vue'
import { storeToRefs } from "pinia"; import { storeToRefs } from 'pinia'
import { useTheme } from "@/hooks/useTheme"; import { useTheme } from '@/hooks/useTheme'
import { useGlobalStore } from "@/stores/modules/global"; import { useGlobalStore } from '@/stores/modules/global'
import { LayoutType } from "@/stores/interface"; import { LayoutType } from '@/stores/interface'
import { DEFAULT_PRIMARY } from "@/config"; import { DEFAULT_PRIMARY } from '@/config'
import mittBus from "@/utils/mittBus"; import mittBus from '@/utils/mittBus'
import SwitchDark from "@/components/SwitchDark/index.vue"; import SwitchDark from '@/components/SwitchDark/index.vue'
const { changePrimary, changeGreyOrWeak, setAsideTheme, setHeaderTheme } = useTheme(); const { changePrimary, changeGreyOrWeak, setAsideTheme, setHeaderTheme } = useTheme()
const globalStore = useGlobalStore(); const globalStore = useGlobalStore()
const { const {
layout, layout,
primary, primary,
@@ -154,33 +166,33 @@ const {
tabs, tabs,
tabsIcon, tabsIcon,
footer footer
} = storeToRefs(globalStore); } = storeToRefs(globalStore)
// 预定义主题颜色 // 预定义主题颜色
const colorList = [ const colorList = [
DEFAULT_PRIMARY, DEFAULT_PRIMARY,
"#daa96e", '#daa96e',
"#0c819f", '#0c819f',
"#409eff", '#409eff',
"#27ae60", '#27ae60',
"#ff5c93", '#ff5c93',
"#e74c3c", '#e74c3c',
"#fd726d", '#fd726d',
"#f39c12", '#f39c12',
"#9b59b6" '#9b59b6'
]; ]
// 设置布局方式 // 设置布局方式
const setLayout = (val: LayoutType) => { const setLayout = (val: LayoutType) => {
globalStore.setGlobalState("layout", val); globalStore.setGlobalState('layout', val)
setAsideTheme(); setAsideTheme()
}; }
// 打开主题设置 // 打开主题设置
const drawerVisible = ref(false); const drawerVisible = ref(false)
mittBus.on("openThemeDrawer", () => (drawerVisible.value = true)); mittBus.on('openThemeDrawer', () => (drawerVisible.value = true))
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">
@import "./index.scss"; @use './index.scss';
</style> </style>

View File

@@ -3,14 +3,14 @@ import { useUserStore } from '@/stores/modules/user'
import { useAuthStore } from '@/stores/modules/auth' import { useAuthStore } from '@/stores/modules/auth'
import { LOGIN_URL, ROUTER_WHITE_LIST } from '@/config' import { LOGIN_URL, ROUTER_WHITE_LIST } from '@/config'
import { initDynamicRouter } from '@/routers/modules/dynamicRouter' import { initDynamicRouter } from '@/routers/modules/dynamicRouter'
import { staticRouter, errorRouter } from '@/routers/modules/staticRouter' import { staticRouter } from '@/routers/modules/staticRouter'
import NProgress from '@/config/nprogress' import NProgress from '@/config/nprogress'
const mode = import.meta.env.VITE_ROUTER_MODE const mode = import.meta.env.VITE_ROUTER_MODE
const routerMode = { const routerMode = {
hash: () => createWebHashHistory(), hash: () => createWebHashHistory(),
history: () => createWebHistory(), history: () => createWebHistory()
} }
/** /**
@@ -30,13 +30,12 @@ const routerMode = {
* @param meta.isKeepAlive ==> 当前路由是否缓存 * @param meta.isKeepAlive ==> 当前路由是否缓存
* */ * */
const router = createRouter({ const router = createRouter({
history: routerMode[mode](), history: routerMode[mode](),
routes: [...staticRouter], routes: [...staticRouter],
// 不区分路由大小写,非严格模式下提供了更宽松的路径匹配 // 不区分路由大小写,非严格模式下提供了更宽松的路径匹配
strict: false, strict: false,
// 页面刷新时,滚动条位置还原 // 页面刷新时,滚动条位置还原
scrollBehavior: () => ({ left: 0, top: 0 }), scrollBehavior: () => ({ left: 0, top: 0 })
}) })
/** /**
@@ -71,8 +70,13 @@ router.beforeEach(async (to, from, next) => {
} }
// 7.存储 routerName 做按钮权限筛选 // 7.存储 routerName 做按钮权限筛选
authStore.setRouteName(to.name as string) await authStore.setRouteName(to.name as string)
// 8.正常访问页面 // 8. 当前页面是否有激活信息,没有就刷新
const activateInfo = authStore.activateInfo
if (!Object.keys(activateInfo).length) {
await authStore.setActivateInfo()
}
// 9.正常访问页面
next() next()
}) })

View File

@@ -1,5 +1,6 @@
import { RouteRecordRaw } from 'vue-router' import { type RouteRecordRaw } from 'vue-router'
import { HOME_URL, LOGIN_URL } from '@/config' import { HOME_URL, LOGIN_URL } from '@/config'
export const Layout = () => import('@/layouts/index.vue') export const Layout = () => import('@/layouts/index.vue')
/** /**
* staticRouter (静态路由) * staticRouter (静态路由)

View File

@@ -1,13 +1,13 @@
import { defineStore } from "pinia"; import { defineStore } from 'pinia'
import { AuthState } from "@/stores/interface"; import { AuthState } from '@/stores/interface'
import { getAuthButtonListApi, getAuthMenuListApi } from "@/api/user/login"; import { getAuthButtonListApi, getAuthMenuListApi } from '@/api/user/login'
import { import { getAllBreadcrumbList, getFlatMenuList, getShowMenuList } from '@/utils'
getFlatMenuList, import { useRouter } from 'vue-router'
getShowMenuList, import { AUTH_STORE_KEY } from '@/stores/constant'
getAllBreadcrumbList, import { useModeStore } from '@/stores/modules/mode'
} from "@/utils"; import { getLicense } from '@/api/activate'
import { useRouter } from "vue-router"; import type { Activate } from '@/api/activate/interface'
import { AUTH_STORE_KEY } from "@/stores/constant";
export const useAuthStore = defineStore({ export const useAuthStore = defineStore({
id: AUTH_STORE_KEY, id: AUTH_STORE_KEY,
state: (): AuthState => ({ state: (): AuthState => ({
@@ -16,60 +16,88 @@ export const useAuthStore = defineStore({
// 菜单权限列表 // 菜单权限列表
authMenuList: [], authMenuList: [],
// 当前页面的 router name用来做按钮权限筛选 // 当前页面的 router name用来做按钮权限筛选
routeName: "", routeName: '',
//登录不显示菜单栏和导航栏,点击进入测试的时候显示 //登录不显示菜单栏和导航栏,点击进入测试的时候显示
showMenuFlag: JSON.parse(localStorage.getItem("showMenuFlag")), showMenuFlag: JSON.parse(localStorage.getItem('showMenuFlag') as string),
router: useRouter(), router: useRouter(),
activateInfo: {}
}), }),
getters: { getters: {
// 按钮权限列表 // 按钮权限列表
authButtonListGet: (state) => state.authButtonList, authButtonListGet: state => state.authButtonList,
// 菜单权限列表 ==> 这里的菜单没有经过任何处理 // 菜单权限列表 ==> 这里的菜单没有经过任何处理
authMenuListGet: (state) => state.authMenuList, authMenuListGet: state => state.authMenuList,
// 菜单权限列表 ==> 左侧菜单栏渲染,需要剔除 isHide == true // 菜单权限列表 ==> 左侧菜单栏渲染,需要剔除 isHide == true
showMenuListGet: (state) => getShowMenuList(state.authMenuList), showMenuListGet: state => getShowMenuList(state.authMenuList),
// 菜单权限列表 ==> 扁平化之后的一维数组菜单,主要用来添加动态路由 // 菜单权限列表 ==> 扁平化之后的一维数组菜单,主要用来添加动态路由
flatMenuListGet: (state) => getFlatMenuList(state.authMenuList), flatMenuListGet: state => getFlatMenuList(state.authMenuList),
// 递归处理后的所有面包屑导航列表 // 递归处理后的所有面包屑导航列表
breadcrumbListGet: (state) => getAllBreadcrumbList(state.authMenuList), breadcrumbListGet: state => getAllBreadcrumbList(state.authMenuList),
//是否显示菜单和导航栏 //是否显示菜单和导航栏
showMenuFlagGet: (state) => state.showMenuFlag, showMenuFlagGet: state => state.showMenuFlag,
// 获取激活信息
activateInfoGet: state => state.activateInfo
}, },
actions: { actions: {
// Get AuthButtonList // Get AuthButtonList
async getAuthButtonList() { async getAuthButtonList() {
const { data } = await getAuthButtonListApi(); const { data } = await getAuthButtonListApi()
this.authButtonList = data; this.authButtonList = data
}, },
// Get AuthMenuList // Get AuthMenuList
async getAuthMenuList() { async getAuthMenuList() {
const { data } = await getAuthMenuListApi(); const modeStore = useModeStore()
this.authMenuList = data;
const { data: menuData } = await getAuthMenuListApi()
// 根据不同模式过滤菜单
const filteredMenu =
modeStore.currentMode === '比对式'
? filterMenuByExcludedNames(menuData, ['testSource', 'testScript', 'controlSource'])
: filterMenuByExcludedNames(menuData, ['standardDevice'])
this.authMenuList = filteredMenu
}, },
// Set RouteName // Set RouteName
async setRouteName(name: string) { async setRouteName(name: string) {
this.routeName = name; this.routeName = name
}, },
//重置权限 //重置权限
async resetAuthStore() { async resetAuthStore() {
this.showMenuFlag = false; this.showMenuFlag = false
localStorage.removeItem("showMenuFlag"); localStorage.removeItem('showMenuFlag')
}, },
//修改判断菜单栏/导航栏显示条件 //修改判断菜单栏/导航栏显示条件
async setShowMenu() { async setShowMenu() {
this.showMenuFlag = true; this.showMenuFlag = true
localStorage.setItem("showMenuFlag", true); localStorage.setItem('showMenuFlag', 'true')
}, },
//更改模式 //更改模式
async changeModel() { async changeModel() {
this.showMenuFlag = !this.showMenuFlag; this.showMenuFlag = false
if (this.showMenuFlag) { localStorage.removeItem('showMenuFlag')
localStorage.setItem("showMenuFlag", true); this.router.push({ path: '/home/index' })
} else { },
localStorage.removeItem("showMenuFlag"); async setActivateInfo() {
const license_result = await getLicense()
const licenseData = license_result.data as unknown as Activate.ActivationCodePlaintext
this.activateInfo = licenseData
} }
this.router.push({ path: "/home/index" }); }
}, })
},
}); /**
* 通用菜单过滤函数
* @param menuList 菜单列表
* @param excludedNames 需要排除的菜单名称数组
* @returns 过滤后的菜单列表
*/
function filterMenuByExcludedNames(menuList: any[], excludedNames: string[]): any[] {
return menuList.filter(menu => {
// 如果当前项有 children递归处理子项
if (menu.children && menu.children.length > 0) {
menu.children = filterMenuByExcludedNames(menu.children, excludedNames)
}
// 过滤掉在排除列表中的菜单项
return !excludedNames.includes(menu.name)
})
}

View File

@@ -3,25 +3,21 @@ import {CHECK_STORE_KEY} from "@/stores/constant";
import type {CheckData} from "@/api/check/interface"; import type {CheckData} from "@/api/check/interface";
import type {Plan} from '@/api/plan/interface' import type {Plan} from '@/api/plan/interface'
import {useAppSceneStore} from "@/stores/modules/mode"; import {useAppSceneStore} from "@/stores/modules/mode";
import { set } from "lodash";
const AppSceneStore = useAppSceneStore()
export const useCheckStore = defineStore("check", {
id: CHECK_STORE_KEY,
export const useCheckStore = defineStore(CHECK_STORE_KEY, {
state: () => ({ state: () => ({
devices: Array<CheckData.Device>(), devices: [] as CheckData.Device[],
plan: Object<Plan.ResPlan>(), plan: {} as Plan.ResPlan,
selectTestItems: Object<CheckData.SelectTestItem>({preTest: true, timeTest: false, channelsTest: false, test: true}), selectTestItems: {preTest: true, timeTest: false, channelsTest: false, test: true} as CheckData.SelectTestItem,
checkType:1, // 0:手动检测 1:自动检测 checkType: 1, // 0:手动检测 1:自动检测
reCheckType: 1, // 0:不合格项复检 1:全部复检 reCheckType: 1, // 0:不合格项复检 1:全部复检
showDetailType: 0 ,// 0:数据查询 1:误差体系跟换 2正式检测 showDetailType: 0, // 0:数据查询 1:误差体系跟换 2正式检测
temperature: 0, temperature: 0,
humidity: 0 humidity: 0,
chnNumList: [],//连线数据
nodesConnectable: true,//设置是能可以连线
}), }),
getters: {}, getters: {},
actions: { actions: {
addDevices(device: CheckData.Device[]) { addDevices(device: CheckData.Device[]) {
this.devices.push(...device); this.devices.push(...device);
@@ -33,8 +29,9 @@ export const useCheckStore = defineStore("check", {
this.devices = []; this.devices = [];
}, },
initSelectTestItems() { initSelectTestItems() {
const appSceneStore = useAppSceneStore()
this.selectTestItems.preTest = true this.selectTestItems.preTest = true
if (AppSceneStore.currentScene === '1') { if (appSceneStore.currentScene === '1') {
this.selectTestItems.channelsTest = true this.selectTestItems.channelsTest = true
} else { } else {
this.selectTestItems.channelsTest = false this.selectTestItems.channelsTest = false
@@ -58,6 +55,13 @@ export const useCheckStore = defineStore("check", {
}, },
setHumidity(humidity: number) { setHumidity(humidity: number) {
this.humidity = humidity this.humidity = humidity
} },
setChnNum(chnNumList: string[]) {
this.chnNumList = chnNumList
},
setNodesConnectable(nodesConnectable: boolean) {
this.nodesConnectable = nodesConnectable
},
} }
}); });

View File

@@ -1,5 +1,5 @@
import { defineStore } from "pinia"; import { defineStore } from "pinia";
import { GlobalState } from "@/stores/interface"; import { type 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";
@@ -49,7 +49,6 @@ export const useGlobalStore = defineStore({
// 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)

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