Compare commits
No commits in common. "main" and "master" have entirely different histories.
|
|
@ -0,0 +1,13 @@
|
||||||
|
root = true
|
||||||
|
|
||||||
|
[*]
|
||||||
|
charset = utf-8
|
||||||
|
indent_style = space
|
||||||
|
indent_size = 2
|
||||||
|
end_of_line = lf
|
||||||
|
insert_final_newline = true
|
||||||
|
trim_trailing_whitespace = true
|
||||||
|
|
||||||
|
[*.md]
|
||||||
|
insert_final_newline = false
|
||||||
|
trim_trailing_whitespace = false
|
||||||
|
|
@ -1,20 +1,20 @@
|
||||||
# ---> Actionscript
|
# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
|
||||||
# Build and Release Folders
|
|
||||||
bin-debug/
|
|
||||||
bin-release/
|
|
||||||
[Oo]bj/
|
|
||||||
[Bb]in/
|
|
||||||
|
|
||||||
# Other files and folders
|
# dependencies
|
||||||
.settings/
|
/node_modules
|
||||||
|
|
||||||
# Executables
|
# production
|
||||||
*.swf
|
/dist
|
||||||
*.air
|
/demo
|
||||||
*.ipa
|
|
||||||
*.apk
|
|
||||||
|
|
||||||
# Project files, i.e. `.project`, `.actionScriptProperties` and `.flexProperties`
|
|
||||||
# should NOT be excluded as they contain compiler settings and other important
|
|
||||||
# information for Eclipse / Flash Builder.
|
|
||||||
|
|
||||||
|
npm-debug.log*
|
||||||
|
yarn-debug.log*
|
||||||
|
yarn-error.log*
|
||||||
|
.idea
|
||||||
|
yarn.lock
|
||||||
|
/openspec/
|
||||||
|
/.codebuddy/
|
||||||
|
/.idea/
|
||||||
|
/.playwright-cli/
|
||||||
|
/.vscode/
|
||||||
|
/.workbuddy/
|
||||||
|
|
|
||||||
76
README.md
76
README.md
|
|
@ -1,3 +1,75 @@
|
||||||
# safety-eval-service-frontend
|
# 微应用模板说明文档
|
||||||
|
|
||||||
重庆安全评价前端项目
|
## 在线文档
|
||||||
|
|
||||||
|
https://www.yuque.com/buhangjiecheshen-ymbtb/qc0093/gxdun1dphetcurko
|
||||||
|
|
||||||
|
|
||||||
|
## 安装依赖
|
||||||
|
项目依赖可通过 **yarn** 或 **npm** 进行安装：
|
||||||
|
|
||||||
|
```bash
|
||||||
|
# 使用 yarn
|
||||||
|
yarn
|
||||||
|
|
||||||
|
# 或使用 npm
|
||||||
|
npm i
|
||||||
|
```
|
||||||
|
|
||||||
|
## 开发服务&打包应用
|
||||||
|
|
||||||
|
```bash
|
||||||
|
# 启动开发服务
|
||||||
|
yarn serve:<env>
|
||||||
|
# 或
|
||||||
|
npm run serve:<env>
|
||||||
|
|
||||||
|
# 开发环境打包
|
||||||
|
yarn build:<env>
|
||||||
|
# 或
|
||||||
|
npm run build:<env>
|
||||||
|
```
|
||||||
|
|
||||||
|
## 路由配置&路由访问&自动化路由
|
||||||
|
所有页面必须放在`src/pages/container`目录下，启动访问页面请在浏览器地址栏输入`/<appIdentifier>/container/<你的路由页面文件名称>`
|
||||||
|
解释：
|
||||||
|
1. 所有页面组件命名为`index.js`或`index.jsx`，必须放在一个首字母大写的文件中。
|
||||||
|
2. `container`为固定路径访问格式
|
||||||
|
3. `<appIdentifier>`为应用的唯一标识符，也是应用路由的`basename`，在底座中用于区分其他应用。可在根目录 `jjb.config.js` 文件的 `appIdentifier` 节点中进行修改。
|
||||||
|
4. 自动化路由将根据`pages/container`中的路由页面文件自动生成路由树。
|
||||||
|
5. `id`匹配路由，文件夹命名`_id`
|
||||||
|
|
||||||
|
## 应用接口环境配置
|
||||||
|
应用接口环境相关配置在根目录 `jjb.config.js` 文件的 `environment` 节点中进行定义。
|
||||||
|
|
||||||
|
## 应用开发服务配置
|
||||||
|
应用开发服务相关配置在根目录 `jjb.config.js` 文件的 `server` 节点中进行定义。
|
||||||
|
|
||||||
|
## Babel 配置
|
||||||
|
应用的 `Babel` 配置在根目录 `jjb.babel.js` 文件中进行管理。
|
||||||
|
|
||||||
|
## 目录说明
|
||||||
|
|
||||||
|
1. `src/api/` 配置各个 store 模块的接口数据。
|
||||||
|
2. `src/components/` 全局公共组件。
|
||||||
|
3. `src/enumerate/` 全局各种枚举配置。
|
||||||
|
4. `src/pages/` 页面文件目录。
|
||||||
|
5. `src/main.js` 应用的入口文件。
|
||||||
|
|
||||||
|
## 核心依赖
|
||||||
|
1. `@cqsjjb/jjb-common-decorator`
|
||||||
|
1. 公共装饰器库，内部包含：
|
||||||
|
1. 按钮权限处理
|
||||||
|
2. antd/Table 控制
|
||||||
|
3. 文本重命名处理
|
||||||
|
4. 具体使用方式可参考各个模块的 `d.ts`。
|
||||||
|
2. `@cqsjjb/jjb-common-lib`
|
||||||
|
1. 公共工具库，具体 API 使用请查看 `d.ts`
|
||||||
|
3. `@cqsjjb/jjb-dva-runtime`
|
||||||
|
1. 核心运行时，基于 `dvajs` 实现。
|
||||||
|
1. 应用核心依赖模块
|
||||||
|
2. 应用的自动化路由
|
||||||
|
3. `store` 模块接口数据处理
|
||||||
|
4. 均基于此依赖实现，具体使用方式请查看 `d.ts`。
|
||||||
|
4. `@cqsjjb/jjb-react-admin-component`
|
||||||
|
1. 公共组件库，具体组件使用方式请查看 `d.ts`。
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,66 @@
|
||||||
|
/*
|
||||||
|
_ooOoo_
|
||||||
|
o8888888o
|
||||||
|
88" . "88
|
||||||
|
(| -_- |)
|
||||||
|
O\ = /O
|
||||||
|
____/`---'\____
|
||||||
|
. ' \\| |// `.
|
||||||
|
/ \\||| : |||// \
|
||||||
|
/ _||||| -:- |||||- \
|
||||||
|
| | \\\ - /// | |
|
||||||
|
| \_| ''\---/'' | |
|
||||||
|
\ .-\__ `-` ___/-. /
|
||||||
|
___`. .' /--.--\ `. . __
|
||||||
|
."" '< `.___\_<|>_/___.' >'"".
|
||||||
|
| | : `- \`.;`\ _ /`;.`/ - ` : | |
|
||||||
|
\ \ `-. \_ __\ /__ _/ .-` / /
|
||||||
|
======`-.____`-.___\_____/___.-`____.-'======
|
||||||
|
`=---='
|
||||||
|
|
||||||
|
.............................................
|
||||||
|
佛祖保佑 永无BUG
|
||||||
|
佛曰:
|
||||||
|
写字楼里写字间，写字间里程序员；
|
||||||
|
程序人员写程序，又拿程序换酒钱。
|
||||||
|
酒醒只在网上坐，酒醉还来网下眠；
|
||||||
|
酒醉酒醒日复日，网上网下年复年。
|
||||||
|
但愿老死电脑间，不愿鞠躬老板前；
|
||||||
|
奔驰宝马贵者趣，公交自行程序员。
|
||||||
|
别人笑我忒疯癫，我笑自己命太贱；
|
||||||
|
不见满街漂亮妹，哪个归得程序员？
|
||||||
|
*/
|
||||||
|
|
||||||
|
const blessedByBuddha
|
||||||
|
= "%c _ooOoo_\n"
|
||||||
|
+ " o8888888o\n"
|
||||||
|
+ " 88\" . \"88\n"
|
||||||
|
+ " (| -_- |)\n"
|
||||||
|
+ " O\\ = /O\n"
|
||||||
|
+ " ____/`---'\\____\n"
|
||||||
|
+ " . ' \\\\| |// `.\n"
|
||||||
|
+ " / \\\\||| : |||// \\\n"
|
||||||
|
+ " / _||||| -:- |||||- \\\n"
|
||||||
|
+ " | | \\\\\\ - /// | |\n"
|
||||||
|
+ " | \\_| ''\\---/'' | |\n"
|
||||||
|
+ " \\ .-\\__ `-` ___/-. /\n"
|
||||||
|
+ " ___`. .' /--.--\\ `. . __\n"
|
||||||
|
+ " .\"\" '< `.___\\_<|>_/___.' >'\"\".\n"
|
||||||
|
+ " | | : `- \\`.;`\\ _ /`;.`/ - ` : | |\n"
|
||||||
|
+ " \\ \\ `-. \\_ __\\ /__ _/ .-` / /\n"
|
||||||
|
+ " ======`-.____`-.___\\_____/___.-`____.-'======\n"
|
||||||
|
+ " `=---='\n"
|
||||||
|
+ "\n"
|
||||||
|
+ "%c .............................................\n"
|
||||||
|
+ " 佛祖保佑 永无BUG\n"
|
||||||
|
+ "\n"
|
||||||
|
+ "%c 佛曰:\n"
|
||||||
|
+ " 写字楼里写字间，写字间里程序员；\n"
|
||||||
|
+ " 程序人员写程序，又拿程序换酒钱。\n"
|
||||||
|
+ " 酒醒只在网上坐，酒醉还来网下眠；\n"
|
||||||
|
+ " 酒醉酒醒日复日，网上网下年复年。\n"
|
||||||
|
+ " 但愿老死电脑间，不愿鞠躬老板前；\n"
|
||||||
|
+ " 奔驰宝马贵者趣，公交自行程序员。\n"
|
||||||
|
+ " 别人笑我忒疯癫，我笑自己命太贱；\n"
|
||||||
|
+ " 不见满街漂亮妹，哪个归得程序员？";
|
||||||
|
console.log(blessedByBuddha, "color:#ffd700", "color:red", "color:#1e80ff");
|
||||||
|
|
@ -0,0 +1,572 @@
|
||||||
|
# 证照管理子应用 — 本地开发指南
|
||||||
|
|
||||||
|
## 目录
|
||||||
|
|
||||||
|
- [1. 项目概述](#1-项目概述)
|
||||||
|
- [2. 环境准备与启动](#2-环境准备与启动)
|
||||||
|
- [3. 路由系统](#3-路由系统)
|
||||||
|
- [4. 菜单配置](#4-菜单配置)
|
||||||
|
- [5. 页面开发流程](#5-页面开发流程)
|
||||||
|
- [6. API 接口声明](#6-api-接口声明)
|
||||||
|
- [7. 状态管理（DVA）](#7-状态管理dva)
|
||||||
|
- [8. 共享组件](#8-共享组件)
|
||||||
|
- [9. 本地模拟布局](#9-本地模拟布局)
|
||||||
|
- [10. 已知问题与注意事项](#10-已知问题与注意事项)
|
||||||
|
- [11. 目录结构参考](#11-目录结构参考)
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## 1. 项目概述
|
||||||
|
|
||||||
|
本项目是基于 **qiankun 微前端** 框架的子应用，运行在 **GBS 底座平台** 内。使用以下核心技术栈：
|
||||||
|
|
||||||
|
| 技术 | 说明 |
|
||||||
|
|------|------|
|
||||||
|
| React 18 | UI 组件框架 |
|
||||||
|
| Ant Design 5.x | UI 组件库 |
|
||||||
|
| @cqsjjb/jjb-dva-runtime | 底座 DVA 状态管理运行时 |
|
||||||
|
| @cqsjjb/jjb-common-decorator | 装饰器工具（权限、模块加载等） |
|
||||||
|
| rspack | 构建打包工具 |
|
||||||
|
| pnpm | 包管理器 |
|
||||||
|
|
||||||
|
项目通过 `jjb.config.js` 中配置的 `appIdentifier: "certificate"` 注册到底座，所有页面路由前缀为 `/certificate/container/`。
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## 2. 环境准备与启动
|
||||||
|
|
||||||
|
### 2.1 安装依赖
|
||||||
|
|
||||||
|
```bash
|
||||||
|
pnpm install
|
||||||
|
```
|
||||||
|
|
||||||
|
### 2.2 启动命令
|
||||||
|
|
||||||
|
| 命令 | 说明 |
|
||||||
|
|------|------|
|
||||||
|
| `pnpm run serve:development` | **开发环境启动**（推荐） |
|
||||||
|
| `pnpm run serve:production` | 生产环境配置启动 |
|
||||||
|
| `pnpm run build:development` | 开发环境构建 |
|
||||||
|
| `pnpm run build:production` | 生产环境构建 |
|
||||||
|
|
||||||
|
### 2.3 访问地址
|
||||||
|
|
||||||
|
启动后开发服务器默认监听 `http://127.0.0.1:8081`，访问：
|
||||||
|
|
||||||
|
```
|
||||||
|
http://localhost:8081/certificate/container/
|
||||||
|
http://localhost:8081/certificate/container/Test
|
||||||
|
```
|
||||||
|
|
||||||
|
> **注意**：本地独立启动时，应用处于 qiankun 独立运行模式（`window.__POWERED_BY_QIANKUN__` 为 false），
|
||||||
|
> 会使用内置的 `SimulatedLayout` 模拟侧边栏和标签页布局。
|
||||||
|
|
||||||
|
### 2.4 配置说明
|
||||||
|
|
||||||
|
`jjb.config.js` 中的关键配置项：
|
||||||
|
|
||||||
|
```js
|
||||||
|
module.exports = {
|
||||||
|
appIdentifier: "certificate", // 应用唯一标识，对应路由前缀
|
||||||
|
server: {
|
||||||
|
port: "8081", // 开发服务器端口
|
||||||
|
host: "127.0.0.1", // 服务地址
|
||||||
|
},
|
||||||
|
environment: {
|
||||||
|
development: {
|
||||||
|
API_HOST: "https://gbs-gateway.qhdsafety.com", // 开发环境接口地址
|
||||||
|
},
|
||||||
|
},
|
||||||
|
};
|
||||||
|
```
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## 3. 路由系统
|
||||||
|
|
||||||
|
### 3.1 约定式路由
|
||||||
|
|
||||||
|
本项目使用 **文件系统约定式路由**，由 `@cqsjjb/jjb-dva-runtime` 框架自动注册。页面对应的路径由目录结构决定：
|
||||||
|
|
||||||
|
```
|
||||||
|
src/pages/Container/<目录层级>/index.js → /certificate/container/<目录层级>
|
||||||
|
```
|
||||||
|
|
||||||
|
**示例：**
|
||||||
|
|
||||||
|
| 文件路径 | 对应路由 |
|
||||||
|
|----------|----------|
|
||||||
|
| `src/pages/Container/Test/index.js` | `/certificate/container/Test` |
|
||||||
|
| `src/pages/Container/Supervision/index.js` | `/certificate/container/Supervision` |
|
||||||
|
| `src/pages/Container/Supervision/PersonnelLicense/PersonInCharge/List/index.js` | `/certificate/container/Supervision/PersonnelLicense/PersonInCharge/List` |
|
||||||
|
|
||||||
|
### 3.2 页面组件类型
|
||||||
|
|
||||||
|
项目中有两类页面组件：
|
||||||
|
|
||||||
|
1. **容器组件**（中间层级）：作为 `{props.children}` 的容器，负责嵌套子页面
|
||||||
|
```js
|
||||||
|
function ContainerPage(props) {
|
||||||
|
return <div>{props.children}</div>;
|
||||||
|
}
|
||||||
|
export default ContainerPage;
|
||||||
|
```
|
||||||
|
|
||||||
|
2. **叶子页面**（终端页面）：实际的业务功能页面，通过 `Connect` 连接 DVA 数据
|
||||||
|
```js
|
||||||
|
import { Connect } from "@cqsjjb/jjb-dva-runtime";
|
||||||
|
import { NS_USER_CERTIFICATE } from "~/enumerate/namespace";
|
||||||
|
|
||||||
|
function List(props) {
|
||||||
|
return <div>业务内容</div>;
|
||||||
|
}
|
||||||
|
|
||||||
|
export default Connect([NS_USER_CERTIFICATE], true)(List);
|
||||||
|
```
|
||||||
|
|
||||||
|
### 3.3 路由匹配规则
|
||||||
|
|
||||||
|
- 框架自动递归扫描 `src/pages/` 目录，每个 `index.js` 对应一个路由
|
||||||
|
- 路由路径是将目录路径转换为小写并用 `/` 连接
|
||||||
|
- 带参数的路由（如 `/View/:id`）需在目录中创建对应层级
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## 4. 菜单配置
|
||||||
|
|
||||||
|
侧边栏菜单定义在 `src/pages/Container/Layout/menuConfig.js` 中。
|
||||||
|
|
||||||
|
### 4.1 菜单数据结构
|
||||||
|
|
||||||
|
```js
|
||||||
|
{
|
||||||
|
key: "/certificate/container/<实际路由>", // 必须与文件目录对应的路由完全一致
|
||||||
|
label: "菜单显示名称",
|
||||||
|
icon: <SomeIcon />, // Ant Design 图标组件
|
||||||
|
children: [...] // 可选，子菜单项
|
||||||
|
}
|
||||||
|
```
|
||||||
|
|
||||||
|
### 4.2 当前菜单结构
|
||||||
|
|
||||||
|
```
|
||||||
|
📁 监管端 (Supervision)
|
||||||
|
├── 📄 企业证照 (EnterpriseLicense)
|
||||||
|
│ ├── 企业证照管理
|
||||||
|
│ ├── 分公司统计
|
||||||
|
│ └── 干系人统计
|
||||||
|
└── 📄 人员证照 (PersonnelLicense)
|
||||||
|
├── 负责人
|
||||||
|
├── 安全管理员
|
||||||
|
├── 特种设备
|
||||||
|
├── 特种作业人员
|
||||||
|
├── 分公司人员统计
|
||||||
|
└── 干系人人员统计
|
||||||
|
|
||||||
|
📁 分公司端 (BranchCompany)
|
||||||
|
└── 📄 企业证照 (EnterpriseLicense)
|
||||||
|
├── 企业证照管理
|
||||||
|
└── 📄 人员证照 (PersonnelLicense)
|
||||||
|
├── 负责人
|
||||||
|
├── 安全管理员
|
||||||
|
├── 特种设备
|
||||||
|
└── 特种作业人员
|
||||||
|
|
||||||
|
📁 干系人端 (Stakeholder)
|
||||||
|
└── 📄 企业证照 (EnterpriseLicense)
|
||||||
|
├── 企业证照管理
|
||||||
|
└── 📄 人员证照 (PersonnelLicense)
|
||||||
|
├── 负责人
|
||||||
|
├── 安全管理员
|
||||||
|
├── 特种设备
|
||||||
|
└── 特种作业人员
|
||||||
|
|
||||||
|
📁 测试页面 (Test)
|
||||||
|
```
|
||||||
|
|
||||||
|
### 4.3 菜单配置注意事项
|
||||||
|
|
||||||
|
> **关键规则**：菜单的 `key` 必须与文件系统的实际目录层级完全一致，否则会出现"页面不存在"。
|
||||||
|
|
||||||
|
以"干系人端 → 负责人"为例：
|
||||||
|
|
||||||
|
- **文件位置**：`Stakeholder/EnterpriseLicense/PersonnelLicense/PersonInCharge/List/index.js`
|
||||||
|
- **正确路径**：`/certificate/container/Stakeholder/EnterpriseLicense/PersonnelLicense/PersonInCharge/List`
|
||||||
|
- **错误路径**（缺少 `EnterpriseLicense` 层级）：`/certificate/container/Stakeholder/PersonnelLicense/PersonInCharge/List`
|
||||||
|
|
||||||
|
### 4.4 工具函数
|
||||||
|
|
||||||
|
`menuConfig.js` 同时导出以下辅助函数：
|
||||||
|
|
||||||
|
| 函数 | 参数 | 返回值 | 说明 |
|
||||||
|
|------|------|--------|------|
|
||||||
|
| `flattenMenu(items)` | 菜单树 | 扁平数组 | 将树形菜单拍平 |
|
||||||
|
| `findMenuPath(path)` | 当前路由 | 菜单项数组 | 从根到叶子节点的面包屑路径 |
|
||||||
|
| `getPageLabel(path)` | 当前路由 | 字符串 | 获取页面标签名 |
|
||||||
|
| `getOpenKeys(path)` | 当前路由 | 路径数组 | 默认展开的菜单项 |
|
||||||
|
| `getSelectedKeys(path)` | 当前路由 | 路径数组 | 默认选中的菜单项 |
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## 5. 页面开发流程
|
||||||
|
|
||||||
|
### 5.1 新增业务页面
|
||||||
|
|
||||||
|
以新增"监管端 → 人员证照 → 新增功能"为例：
|
||||||
|
|
||||||
|
**步骤 1：创建目录结构**
|
||||||
|
|
||||||
|
```
|
||||||
|
src/pages/Container/Supervision/PersonnelLicense/NewFeature/
|
||||||
|
├── index.js # 容器组件
|
||||||
|
├── List/
|
||||||
|
│ └── index.js # 列表页
|
||||||
|
└── View/
|
||||||
|
└── index.js # 详情页
|
||||||
|
```
|
||||||
|
|
||||||
|
**步骤 2：编写容器组件**
|
||||||
|
|
||||||
|
`src/pages/Container/Supervision/PersonnelLicense/NewFeature/index.js`：
|
||||||
|
```js
|
||||||
|
function NewFeature(props) {
|
||||||
|
return <div>{props.children}</div>;
|
||||||
|
}
|
||||||
|
export default NewFeature;
|
||||||
|
```
|
||||||
|
|
||||||
|
**步骤 3：编写列表页面**
|
||||||
|
|
||||||
|
`src/pages/Container/Supervision/PersonnelLicense/NewFeature/List/index.js`：
|
||||||
|
```js
|
||||||
|
import { Connect } from "@cqsjjb/jjb-dva-runtime";
|
||||||
|
import { NS_USER_CERTIFICATE } from "~/enumerate/namespace";
|
||||||
|
|
||||||
|
function List(props) {
|
||||||
|
return (
|
||||||
|
<div>
|
||||||
|
<h1>新功能列表</h1>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
export default Connect([NS_USER_CERTIFICATE], true)(List);
|
||||||
|
```
|
||||||
|
|
||||||
|
**步骤 4：添加菜单配置**
|
||||||
|
|
||||||
|
在 `src/pages/Container/Layout/menuConfig.js` 中添加：
|
||||||
|
```js
|
||||||
|
{
|
||||||
|
key: "/certificate/container/Supervision/PersonnelLicense",
|
||||||
|
label: "人员证照",
|
||||||
|
icon: <TeamOutlined />,
|
||||||
|
children: [
|
||||||
|
// ... 已有菜单项
|
||||||
|
{
|
||||||
|
key: "/certificate/container/Supervision/PersonnelLicense/NewFeature/List",
|
||||||
|
label: "新功能",
|
||||||
|
icon: <SomeIcon />,
|
||||||
|
},
|
||||||
|
],
|
||||||
|
}
|
||||||
|
```
|
||||||
|
|
||||||
|
### 5.2 新增测试页面（独立于业务）
|
||||||
|
|
||||||
|
在 `src/pages/Container/` 下创建目录，并在菜单中添加即可：
|
||||||
|
|
||||||
|
```
|
||||||
|
src/pages/Container/MyDebug/
|
||||||
|
└── index.js
|
||||||
|
```
|
||||||
|
|
||||||
|
菜单：
|
||||||
|
```js
|
||||||
|
{
|
||||||
|
key: "/certificate/container/MyDebug",
|
||||||
|
label: "调试页面",
|
||||||
|
icon: <ExperimentOutlined />,
|
||||||
|
}
|
||||||
|
```
|
||||||
|
|
||||||
|
### 5.3 验证路径是否正确
|
||||||
|
|
||||||
|
启动项目后，通过以下方式验证：
|
||||||
|
|
||||||
|
1. 在浏览器直接访问完整 URL
|
||||||
|
2. 从侧边栏菜单点击导航
|
||||||
|
3. 检查开发者工具 Network 面板，404 表示路径不匹配
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## 6. API 接口声明
|
||||||
|
|
||||||
|
### 6.1 接口定义位置
|
||||||
|
|
||||||
|
API 接口声明在 `src/api/` 目录下，按模块划分：
|
||||||
|
|
||||||
|
```
|
||||||
|
src/api/
|
||||||
|
├── userCertificate/index.js # 人员证书接口
|
||||||
|
├── corpCertificate/index.js # 企业证书接口
|
||||||
|
├── courseware/index.js # 课件接口
|
||||||
|
└── global/index.js # 全局接口
|
||||||
|
```
|
||||||
|
|
||||||
|
### 6.2 declareRequest 语法
|
||||||
|
|
||||||
|
```js
|
||||||
|
import { declareRequest } from "@cqsjjb/jjb-dva-runtime";
|
||||||
|
|
||||||
|
// 格式：declareRequest(loadingKey, "HttpMethod > 接口路径")
|
||||||
|
export const listApi = declareRequest(
|
||||||
|
"namespaceLoading", // loading 状态 key
|
||||||
|
"Post > @/certificate/userCertificate/list", // POST + 相对路径（带 @）
|
||||||
|
);
|
||||||
|
|
||||||
|
export const getApi = declareRequest(
|
||||||
|
"namespaceLoading",
|
||||||
|
"Get > /certificate/userCertificate/getInfoById/{id}", // GET + 绝对路径
|
||||||
|
);
|
||||||
|
```
|
||||||
|
|
||||||
|
**语法规则：**
|
||||||
|
|
||||||
|
| 符号 | 说明 | 示例 |
|
||||||
|
|------|------|------|
|
||||||
|
| `@/` | 相对路径，使用 `jjb.config.js` 中配置的 `API_HOST` | `Post > @/certificate/xxx/list` |
|
||||||
|
| `/` | 绝对路径 | `Get > /config/dict-trees/list` |
|
||||||
|
| `{param}` | 路径参数 | `/certificate/xxx/delete/{id}` |
|
||||||
|
| `Post >` | POST 请求 | — |
|
||||||
|
| `Get >` | GET 请求 | — |
|
||||||
|
| `Put >` | PUT 请求 | — |
|
||||||
|
| `Delete >` | DELETE 请求 | — |
|
||||||
|
|
||||||
|
### 6.3 在组件中使用 API
|
||||||
|
|
||||||
|
API 通过 DVA 的 `dispatch` 和 `Connect` 来调用。`declareRequest` 会自动生成对应的 dva effect：
|
||||||
|
|
||||||
|
```js
|
||||||
|
import { Connect } from "@cqsjjb/jjb-dva-runtime";
|
||||||
|
import { NS_USER_CERTIFICATE } from "~/enumerate/namespace";
|
||||||
|
|
||||||
|
function List({ dispatch, userCertificate }) {
|
||||||
|
const fetchData = () => {
|
||||||
|
dispatch({
|
||||||
|
type: `${NS_USER_CERTIFICATE}/userCertificateList`, // namespace/接口名
|
||||||
|
payload: { page: 1, size: 10 },
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|
||||||
|
return <div>{/* ... */}</div>;
|
||||||
|
}
|
||||||
|
|
||||||
|
export default Connect([NS_USER_CERTIFICATE], true)(List);
|
||||||
|
```
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## 7. 状态管理（DVA）
|
||||||
|
|
||||||
|
### 7.1 Namespace 定义
|
||||||
|
|
||||||
|
`src/enumerate/namespace/index.js` 中定义了所有 DVA namespace：
|
||||||
|
|
||||||
|
```js
|
||||||
|
export const NS_GLOBAL = defineNamespace("global");
|
||||||
|
export const NS_PERSNONEL_CERTFICATE = defineNamespace("personnelCertificate");
|
||||||
|
export const NS_CORP_CERTIFICATE = defineNamespace("corpCertificate");
|
||||||
|
export const NS_USER_CERTIFICATE = defineNamespace("userCertificate");
|
||||||
|
export const NS_COURSEWARE = defineNamespace("courseware");
|
||||||
|
```
|
||||||
|
|
||||||
|
### 7.2 Connect 高阶组件
|
||||||
|
|
||||||
|
```js
|
||||||
|
Connect([NS_USER_CERTIFICATE], true)(MyComponent)
|
||||||
|
```
|
||||||
|
|
||||||
|
- 第一个参数：需要连接的 namespace 数组
|
||||||
|
- 第二个参数：是否在组件挂载时自动加载数据（`true` 表示自动触发 `load` effect）
|
||||||
|
|
||||||
|
### 7.3 数据流向
|
||||||
|
|
||||||
|
```
|
||||||
|
dispatch(action) → DVA Effect → declareRequest → HTTP API → reducer → state 更新 → 组件重渲染
|
||||||
|
```
|
||||||
|
|
||||||
|
### 7.4 本地开发时的限制
|
||||||
|
|
||||||
|
本地独立运行时（非底座环境），DVA 状态管理正常可用，但 `declareRequest` 发起的 HTTP 请求会因缺少认证 Token 而返回 **401**。详见 [§10 已知问题](#10-已知问题与注意事项)。
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## 8. 共享组件
|
||||||
|
|
||||||
|
业务组件位于 `src/components/` 目录下，目前包括：
|
||||||
|
|
||||||
|
```
|
||||||
|
src/components/
|
||||||
|
├── PersonInChargeInfo/ # 负责人详情组件
|
||||||
|
├── PersonInChargeList/ # 负责人列表组件（含搜索、分页、CRUD）
|
||||||
|
├── SpecialCertificateInfo/ # 特种证书详情组件
|
||||||
|
└── SpecialCertificateList/ # 特种证书列表组件
|
||||||
|
```
|
||||||
|
|
||||||
|
组件通过 `@/components/xxx` 或别名 `~/components/xxx` 引入：
|
||||||
|
|
||||||
|
```js
|
||||||
|
import PersonInChargeList from "~/components/PersonInChargeList";
|
||||||
|
```
|
||||||
|
|
||||||
|
### 8.1 组件参数传递
|
||||||
|
|
||||||
|
列表组件通过 `props` 接收业务参数：
|
||||||
|
|
||||||
|
```js
|
||||||
|
<PersonInChargeList
|
||||||
|
props={props} // dva props 透传
|
||||||
|
certificatePhotoType={161} // 证照照片类型
|
||||||
|
personnelType="zyfzr" // 人员类型标识
|
||||||
|
permissionAdd="gfd-xxx-add" // 新增权限码
|
||||||
|
permissionEdit="gfd-xxx-edit" // 编辑权限码
|
||||||
|
permissionView="gfd-xxx-info" // 查看权限码
|
||||||
|
permissionDel="gfd-xxx-del" // 删除权限码
|
||||||
|
dictionaryType="zyfzrgwmc0000" // 字典类型
|
||||||
|
/>
|
||||||
|
```
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## 9. 本地模拟布局
|
||||||
|
|
||||||
|
### 9.1 工作原理
|
||||||
|
|
||||||
|
`src/pages/Container/index.js` 中的 `AppMiddle` 组件检测运行环境：
|
||||||
|
|
||||||
|
```js
|
||||||
|
function AppMiddle(props) {
|
||||||
|
const content = process.env.NODE_ENV === "development" && !window.__POWERED_BY_QIANKUN__
|
||||||
|
? <SimulatedLayout>{props.children}</SimulatedLayout>
|
||||||
|
: props.children;
|
||||||
|
// ...
|
||||||
|
}
|
||||||
|
```
|
||||||
|
|
||||||
|
- **本地开发**（`development` + 非 qiankun）：使用 `SimulatedLayout` 包裹内容，提供模拟的侧边栏、面包屑和标签页
|
||||||
|
- **底座环境**：由底座平台提供真实的布局
|
||||||
|
|
||||||
|
### 9.2 SimulatedLayout 功能
|
||||||
|
|
||||||
|
`src/pages/Container/Layout/index.jsx` 提供：
|
||||||
|
|
||||||
|
| 功能 | 说明 |
|
||||||
|
|------|------|
|
||||||
|
| 侧边栏 | 使用 `menuConfig.js` 的菜单数据渲染，支持折叠 |
|
||||||
|
| 面包屑 | 根据当前路径自动计算导航路径 |
|
||||||
|
| 多标签页 | 支持打开多个页面标签，右键关闭操作 |
|
||||||
|
| 标签持久化 | 使用 sessionStorage 保存标签状态 |
|
||||||
|
| 主题适配 | 通过 `window.base?.themeConfig` 支持底座主题切换 |
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## 10. 已知问题与注意事项
|
||||||
|
|
||||||
|
### 10.1 API 401 错误
|
||||||
|
|
||||||
|
**现象**：本地启动后，点击侧边栏菜单（除 Test 页面外），控制台报 401 错误。
|
||||||
|
|
||||||
|
**原因**：本项目是 qiankun 微前端子应用，API 请求需要的认证 Token 由 GBS 底座注入。本地独立运行时没有底座，也就没有 Token，所有 API 调用被拒绝。
|
||||||
|
|
||||||
|
**处理方式**：
|
||||||
|
- **纯前端调试**：使用 Test 页面（`/certificate/container/Test`），该页面不发起任何 API 请求
|
||||||
|
- **完整功能调试**：在 GBS 底座环境中打开应用
|
||||||
|
|
||||||
|
### 10.2 路由路径与菜单 key 必须匹配
|
||||||
|
|
||||||
|
菜单的 `key` 值必须和文件目录层级完全一致。错误示例见 [§4.3 菜单配置注意事项](#43-菜单配置注意事项)。
|
||||||
|
|
||||||
|
### 10.3 重命名项目目录后需重新安装依赖
|
||||||
|
|
||||||
|
由于 pnpm 使用基于绝对路径的符号链接管理 `node_modules`，重命名项目根目录后需要：
|
||||||
|
|
||||||
|
```bash
|
||||||
|
Remove-Item -Recurse -Force node_modules
|
||||||
|
pnpm install
|
||||||
|
```
|
||||||
|
|
||||||
|
### 10.4 权限控制
|
||||||
|
|
||||||
|
页面使用 `@cqsjjb/jjb-common-decorator/permission` 的 `Permission` 装饰器控制访问：
|
||||||
|
|
||||||
|
```js
|
||||||
|
import { Permission } from "@cqsjjb/jjb-common-decorator/permission";
|
||||||
|
|
||||||
|
export default Connect([NS_USER_CERTIFICATE], true)(Permission(List));
|
||||||
|
```
|
||||||
|
|
||||||
|
权限码由底座平台管理，本地开发时权限校验可能不生效。
|
||||||
|
|
||||||
|
### 10.5 pnpm overrides
|
||||||
|
|
||||||
|
`package.json` 中通过 `pnpm.overrides` 强制统一 React 等依赖版本，避免多副本冲突：
|
||||||
|
|
||||||
|
```json
|
||||||
|
{
|
||||||
|
"pnpm": {
|
||||||
|
"overrides": {
|
||||||
|
"react": "$react",
|
||||||
|
"react-dom": "$react-dom"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
```
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## 11. 目录结构参考
|
||||||
|
|
||||||
|
```
|
||||||
|
safety-eval-service-frontend/
|
||||||
|
├── public/
|
||||||
|
│ └── index.html # HTML 模板
|
||||||
|
├── src/
|
||||||
|
│ ├── main.js # 应用入口（setup + 生命周期导出）
|
||||||
|
│ ├── api/ # API 接口声明
|
||||||
|
│ │ ├── global/
|
||||||
|
│ │ ├── userCertificate/
|
||||||
|
│ │ ├── corpCertificate/
|
||||||
|
│ │ └── courseware/
|
||||||
|
│ ├── components/ # 共享业务组件
|
||||||
|
│ │ ├── PersonInChargeList/
|
||||||
|
│ │ ├── PersonInChargeInfo/
|
||||||
|
│ │ ├── SpecialCertificateList/
|
||||||
|
│ │ └── SpecialCertificateInfo/
|
||||||
|
│ ├── enumerate/ # 枚举/常量定义
|
||||||
|
│ │ ├── namespace/ # DVA namespace
|
||||||
|
│ │ ├── context/ # React Context
|
||||||
|
│ │ └── constant/ # 常量
|
||||||
|
│ ├── pages/
|
||||||
|
│ │ └── Container/
|
||||||
|
│ │ ├── index.js # 容器入口（Antd 主题 + 布局切换）
|
||||||
|
│ │ ├── Entry/ # 底座入口页
|
||||||
|
│ │ ├── Layout/ # 本地模拟布局
|
||||||
|
│ │ │ ├── index.jsx # SimulatedLayout 组件
|
||||||
|
│ │ │ └── menuConfig.js # ★ 菜单配置
|
||||||
|
│ │ ├── Test/ # 测试页面（无 API 依赖）
|
||||||
|
│ │ ├── Supervision/ # 监管端
|
||||||
|
│ │ │ ├── EnterpriseLicense/
|
||||||
|
│ │ │ └── PersonnelLicense/
|
||||||
|
│ │ ├── BranchCompany/ # 分公司端
|
||||||
|
│ │ │ └── EnterpriseLicense/
|
||||||
|
│ │ └── Stakeholder/ # 干系人端
|
||||||
|
│ │ └── EnterpriseLicense/
|
||||||
|
│ ├── assets/ # 静态资源
|
||||||
|
│ └── utils/ # 工具函数
|
||||||
|
├── jjb.config.js # 项目配置（端口、API_HOST、主题等）
|
||||||
|
├── package.json
|
||||||
|
├── pnpm-lock.yaml
|
||||||
|
└── pnpm-workspace.yaml
|
||||||
|
```
|
||||||
|
|
@ -0,0 +1,47 @@
|
||||||
|
# 证照管理子应用 — 快速启动
|
||||||
|
|
||||||
|
## 环境要求
|
||||||
|
|
||||||
|
- Node.js >= 18
|
||||||
|
- pnpm >= 8
|
||||||
|
|
||||||
|
## 启动
|
||||||
|
|
||||||
|
```bash
|
||||||
|
# 安装依赖（首次或重命名项目目录后）
|
||||||
|
pnpm install
|
||||||
|
|
||||||
|
# 启动开发服务器
|
||||||
|
pnpm run serve:development
|
||||||
|
```
|
||||||
|
|
||||||
|
## 访问
|
||||||
|
|
||||||
|
| 地址 | 说明 |
|
||||||
|
|------|------|
|
||||||
|
| `http://localhost:8081/certificate/container/` | 应用首页 |
|
||||||
|
| `http://localhost:8081/certificate/container/Test` | 测试页面（无 API 依赖，纯前端调试可用） |
|
||||||
|
|
||||||
|
## 常用命令
|
||||||
|
|
||||||
|
| 命令 | 说明 |
|
||||||
|
|------|------|
|
||||||
|
| `pnpm run serve:development` | 开发环境启动（推荐） |
|
||||||
|
| `pnpm run serve:production` | 生产环境配置启动 |
|
||||||
|
| `pnpm run build:development` | 开发环境构建 |
|
||||||
|
| `pnpm run build:production` | 生产环境构建 |
|
||||||
|
|
||||||
|
## 技术栈
|
||||||
|
|
||||||
|
- React 18 + Ant Design 5.x
|
||||||
|
- @cqsjjb/jjb-dva-runtime（GBS 底座 DVA 运行时）
|
||||||
|
- rspack 构建 / pnpm 包管理
|
||||||
|
- qiankun 微前端子应用
|
||||||
|
|
||||||
|
## 重要提示
|
||||||
|
|
||||||
|
- 本项目为 GBS 底座微前端子应用，独立启动时有内置模拟布局
|
||||||
|
- 本地独立运行时 API 调用会返回 401（缺少底座注入的认证 Token）
|
||||||
|
- 仅 Test 页面可在本地无底座环境下正常访问
|
||||||
|
- 重命名项目目录后需 `pnpm install` 重建 node_modules 符号链接
|
||||||
|
- 完整开发指南请参考 [dev-guide.md](./dev-guide.md)
|
||||||
|
|
@ -0,0 +1,48 @@
|
||||||
|
import antfu from "@antfu/eslint-config";
|
||||||
|
|
||||||
|
export default antfu({
|
||||||
|
formatters: {
|
||||||
|
html: false,
|
||||||
|
css: true,
|
||||||
|
},
|
||||||
|
test: false,
|
||||||
|
typescript: true,
|
||||||
|
react: true,
|
||||||
|
vue: false,
|
||||||
|
markdown: false,
|
||||||
|
stylistic: {
|
||||||
|
semi: true,
|
||||||
|
quotes: "double",
|
||||||
|
},
|
||||||
|
overrides: {
|
||||||
|
react: {
|
||||||
|
"react/no-comment-textnodes": "off",
|
||||||
|
"react-hooks-extra/no-unnecessary-use-prefix": "off",
|
||||||
|
"react-hooks-extra/prefer-use-state-lazy-initialization": "off",
|
||||||
|
"react-hooks/exhaustive-deps": "off",
|
||||||
|
},
|
||||||
|
javascript: {
|
||||||
|
"no-console": process.env.NODE_ENV === "production" ? "error" : "warn",
|
||||||
|
"no-debugger": process.env.NODE_ENV === "production" ? "error" : "warn",
|
||||||
|
"no-alert": process.env.NODE_ENV === "production" ? "error" : "warn",
|
||||||
|
"no-restricted-syntax": [
|
||||||
|
"error",
|
||||||
|
{
|
||||||
|
selector: "VariableDeclarator[id.name='pd']",
|
||||||
|
message: "不允许使用 pd，请改用有语义化的变量名",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
selector: "ObjectExpression > Property[key.name='pd']",
|
||||||
|
message: "不允许使用 pd，请改用有语义化的变量名",
|
||||||
|
},
|
||||||
|
],
|
||||||
|
"no-unused-vars": ["error", { varsIgnorePattern: "^React$" }],
|
||||||
|
},
|
||||||
|
},
|
||||||
|
rules: {
|
||||||
|
"antfu/top-level-function": "off",
|
||||||
|
"node/prefer-global/process": "off",
|
||||||
|
"dot-notation": "off",
|
||||||
|
"linebreak-style": ["off", "windows"],
|
||||||
|
},
|
||||||
|
});
|
||||||
|
|
@ -0,0 +1,23 @@
|
||||||
|
module.exports = {
|
||||||
|
compact: false,
|
||||||
|
// 插件
|
||||||
|
plugins: [
|
||||||
|
[
|
||||||
|
"@babel/plugin-proposal-decorators",
|
||||||
|
{
|
||||||
|
legacy: true,
|
||||||
|
},
|
||||||
|
],
|
||||||
|
],
|
||||||
|
// 预设
|
||||||
|
presets: [
|
||||||
|
["@babel/preset-env", {
|
||||||
|
targets: {
|
||||||
|
browsers: ["ie >= 10"],
|
||||||
|
},
|
||||||
|
}],
|
||||||
|
["@babel/preset-react", {
|
||||||
|
runtime: "automatic",
|
||||||
|
}],
|
||||||
|
],
|
||||||
|
};
|
||||||
|
|
@ -0,0 +1,78 @@
|
||||||
|
module.exports = {
|
||||||
|
// 应用后端git地址，部署上线需要
|
||||||
|
javaGit: "<git-url>",
|
||||||
|
// 应用后端仓库名称，部署上线需要
|
||||||
|
javaGitName: "<git-name>",
|
||||||
|
// 环境配置
|
||||||
|
environment: {
|
||||||
|
development: {
|
||||||
|
// 应用后端分支名称，部署上线需要
|
||||||
|
javaGitBranch: "<branch-name>",
|
||||||
|
// 接口服务地址
|
||||||
|
// API_HOST: "http://192.168.20.100:30140",
|
||||||
|
API_HOST: "https://gbs-gateway.qhdsafety.com",
|
||||||
|
},
|
||||||
|
production: {
|
||||||
|
// 应用后端分支名称，部署上线需要
|
||||||
|
javaGitBranch: "<branch-name>",
|
||||||
|
// 接口服务地址
|
||||||
|
API_HOST: "",
|
||||||
|
},
|
||||||
|
},
|
||||||
|
// 应用唯一标识符
|
||||||
|
appIdentifier: "certificate",
|
||||||
|
// 应用上下文注入全局变量
|
||||||
|
contextInject: {
|
||||||
|
// 应用Key
|
||||||
|
appKey: "",
|
||||||
|
// fileUrl: "http://192.168.20.240:9787/mnt",
|
||||||
|
// fileUrl: "https://jpfz.qhdsafety.com/gbsFileTest/",
|
||||||
|
fileUrl: "https://skqhdg.porthebei.com:9004/file/uploadFiles2/",
|
||||||
|
},
|
||||||
|
// public/index.html注入全局变量
|
||||||
|
windowInject: {
|
||||||
|
// 应用标题
|
||||||
|
title: "微应用模板",
|
||||||
|
// 注入css链接集合
|
||||||
|
links: [],
|
||||||
|
element: {
|
||||||
|
root: {
|
||||||
|
// 挂载DOM元素ID
|
||||||
|
id: "root",
|
||||||
|
},
|
||||||
|
},
|
||||||
|
// 注入js链接集合
|
||||||
|
scripts: [],
|
||||||
|
},
|
||||||
|
// 开发服务
|
||||||
|
server: {
|
||||||
|
// 监听端口号
|
||||||
|
port: "8081",
|
||||||
|
// 服务地址
|
||||||
|
host: "127.0.0.1",
|
||||||
|
// 是否自动打开浏览器
|
||||||
|
open: true,
|
||||||
|
},
|
||||||
|
// 框架
|
||||||
|
framework: {
|
||||||
|
// ant-design
|
||||||
|
antd: {
|
||||||
|
// 全局antd-class-name前缀
|
||||||
|
"ant-prefix": "micro-temp",
|
||||||
|
// 全局字体
|
||||||
|
"fontFamily": "PingFangSC-Regular",
|
||||||
|
// 全局主题色
|
||||||
|
"colorPrimary": "#1677ff",
|
||||||
|
// 全局圆角
|
||||||
|
"borderRadius": 2,
|
||||||
|
},
|
||||||
|
},
|
||||||
|
// webpack
|
||||||
|
webpackConfig: {
|
||||||
|
// 单页面插件
|
||||||
|
htmlWebpackPluginOption: {
|
||||||
|
// 自动注入编译后的文件到public/index.html中
|
||||||
|
inject: true,
|
||||||
|
},
|
||||||
|
},
|
||||||
|
};
|
||||||
|
|
@ -0,0 +1,9 @@
|
||||||
|
{
|
||||||
|
"compilerOptions": {
|
||||||
|
"baseUrl": "src",
|
||||||
|
"paths": {
|
||||||
|
"~/*": ["*"]
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"include": ["src"]
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,63 @@
|
||||||
|
{
|
||||||
|
"name": "micro-app",
|
||||||
|
"version": "2.0.0",
|
||||||
|
"description": "建教帮微应用模板",
|
||||||
|
"author": "JJB",
|
||||||
|
"license": "MIT",
|
||||||
|
"main": "index.js",
|
||||||
|
"scripts": {
|
||||||
|
"serve": "node node_modules/@cqsjjb/scripts/rspack.dev.server.js",
|
||||||
|
"build": "node node_modules/@cqsjjb/scripts/rspack.build.js",
|
||||||
|
"push": "jjb-cmd push java production",
|
||||||
|
"clean-cache": "rimraf node_modules/.cache/webpack",
|
||||||
|
"serve:development": "cross-env NODE_ENV=development npm run serve",
|
||||||
|
"serve:production": "cross-env NODE_ENV=production npm run serve",
|
||||||
|
"build:development": "cross-env NODE_ENV=development npm run build",
|
||||||
|
"build:production": "cross-env NODE_ENV=production npm run build",
|
||||||
|
"code-optimization": "node node_modules/@cqsjjb/scripts/code-optimization.js",
|
||||||
|
"lint": "eslint --ext .js,.jsx,.tsx --fix src"
|
||||||
|
},
|
||||||
|
"dependencies": {
|
||||||
|
"@ant-design/icons": "^5.0.0",
|
||||||
|
"@ant-design/pro-components": "^2.8.10",
|
||||||
|
"@cqsjjb/jjb-common-decorator": "latest",
|
||||||
|
"@cqsjjb/jjb-common-lib": "latest",
|
||||||
|
"@cqsjjb/jjb-dva-runtime": "latest",
|
||||||
|
"@cqsjjb/jjb-react-admin-component": "latest",
|
||||||
|
"@rc-component/motion": "^1.0.0",
|
||||||
|
"@rc-component/util": "^1.11.1",
|
||||||
|
"ahooks": "^3.9.5",
|
||||||
|
"antd": "^5.11.2",
|
||||||
|
"dayjs": "^1.11.7",
|
||||||
|
"lodash-es": "^4.17.21",
|
||||||
|
"qrcode.react": "^4.2.0",
|
||||||
|
"react": "^18.2.0",
|
||||||
|
"react-dom": "^18.2.0",
|
||||||
|
"zy-react-library": "^1.2.3"
|
||||||
|
},
|
||||||
|
"devDependencies": {
|
||||||
|
"@antfu/eslint-config": "^5.4.1",
|
||||||
|
"@babel/plugin-proposal-decorators": "^7.19.3",
|
||||||
|
"@cqsjjb/scripts": "latest",
|
||||||
|
"@eslint-react/eslint-plugin": "^2.2.2",
|
||||||
|
"babel-loader": "^9.1.3",
|
||||||
|
"cross-env": "^7.0.3",
|
||||||
|
"css-loader": "^6.8.1",
|
||||||
|
"eslint": "^9.37.0",
|
||||||
|
"eslint-plugin-format": "^1.0.2",
|
||||||
|
"eslint-plugin-react-hooks": "^7.0.0",
|
||||||
|
"eslint-plugin-react-refresh": "^0.4.23",
|
||||||
|
"file-loader": "^6.2.0",
|
||||||
|
"less-loader": "^11.1.3",
|
||||||
|
"style-loader": "^3.3.3",
|
||||||
|
"typescript": "^5.9.3"
|
||||||
|
},
|
||||||
|
"pnpm": {
|
||||||
|
"overrides": {
|
||||||
|
"history": "^4.10.1",
|
||||||
|
"path-to-regexp": "^1.9.0",
|
||||||
|
"react": "$react",
|
||||||
|
"react-dom": "$react-dom"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
File diff suppressed because it is too large
Load Diff
|
|
@ -0,0 +1,3 @@
|
||||||
|
allowBuilds:
|
||||||
|
es5-ext: false
|
||||||
|
zy-react-library: false
|
||||||
|
|
@ -0,0 +1,54 @@
|
||||||
|
<!--BEGIN-->
|
||||||
|
<!--<% var { env: $env, process: $process, mode: $mode, builtInfo: $builtInfo, links: $links, redirectLogin: $redirectLogin, framework: $framework, scripts: $scripts, element: $element } = htmlWebpackPlugin.options %>-->
|
||||||
|
<!--<% var { appKey: $appKey, antd: $antd, basename: $basename, API_HOST: $API_HOST } = $process %>-->
|
||||||
|
<!--<% var { ['ant-prefix']: $antPrefix, fontFamily: $fontFamily, colorPrimary: $colorPrimary, borderRadius: $borderRadius } = $antd %>-->
|
||||||
|
<!--NED-->
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="zh">
|
||||||
|
<head data-built-info="<%= $builtInfo %>">
|
||||||
|
<meta charset="UTF-8"/>
|
||||||
|
<meta name="renderer" content="webkit"/>
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1"/>
|
||||||
|
<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no,viewport-fit=cover">
|
||||||
|
<% for (const item of $links) { %>
|
||||||
|
<link type="text/css" rel="stylesheet" href="<%= item %>"></link>
|
||||||
|
<% } %>
|
||||||
|
<title>--</title>
|
||||||
|
<script>
|
||||||
|
(function () {
|
||||||
|
const APP_ENV = {
|
||||||
|
antd: {
|
||||||
|
'ant-prefix': '<%= $antPrefix %>',
|
||||||
|
fontFamily: '<%= $fontFamily %>',
|
||||||
|
colorPrimary: '<%= $colorPrimary %>',
|
||||||
|
borderRadius: parseInt('<%= $borderRadius %>')
|
||||||
|
},
|
||||||
|
appKey: '<%= $appKey %>',
|
||||||
|
basename: '<%= $basename %>',
|
||||||
|
API_HOST: '<%= $API_HOST %>'
|
||||||
|
};
|
||||||
|
APP_ENV.API_HOST = sessionStorage.API_HOST || APP_ENV.API_HOST || window.location.origin;
|
||||||
|
window.process = {
|
||||||
|
env: { app: APP_ENV },
|
||||||
|
NODE_ENV: '<%= $mode %>'
|
||||||
|
};
|
||||||
|
window.__JJB_ENVIRONMENT__ = {
|
||||||
|
API_HOST: APP_ENV.API_HOST,
|
||||||
|
redirect: '<%= $redirectLogin %>',
|
||||||
|
FRAMEWORK: APP_ENV.antd
|
||||||
|
};
|
||||||
|
})();
|
||||||
|
</script>
|
||||||
|
<!-- SCRIPTS -->
|
||||||
|
<% for (const item of $scripts) { %>
|
||||||
|
<script src="<%= item %>" type="text/javascript"></script>
|
||||||
|
<% } %>
|
||||||
|
</head>
|
||||||
|
<body >
|
||||||
|
<!-- NOSCRIPT -->
|
||||||
|
<noscript>此网页需要开启JavaScript功能。</noscript>
|
||||||
|
<!-- MAIN -->
|
||||||
|
<% const { root } = $element; %>
|
||||||
|
<div id="<%= root.id %>" style="width: 100%; height: 100%; position: relative;overflow-y: auto"></div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
@ -0,0 +1,41 @@
|
||||||
|
import { declareRequest } from "@cqsjjb/jjb-dva-runtime";
|
||||||
|
|
||||||
|
export const corpCertificateList = declareRequest(
|
||||||
|
"corpCertificateLoading",
|
||||||
|
"Post > @/certificate/corpCertificate/list",
|
||||||
|
);
|
||||||
|
|
||||||
|
export const corpCertificateInfo = declareRequest(
|
||||||
|
"corpCertificateLoading",
|
||||||
|
"Get > /certificate/corpCertificate/getInfoById?id={id}",
|
||||||
|
);
|
||||||
|
export const corpCertificateAdd = declareRequest(
|
||||||
|
"corpCertificateLoading",
|
||||||
|
"Post > @/certificate/corpCertificate/save",
|
||||||
|
);
|
||||||
|
export const corpCertificateEdit = declareRequest(
|
||||||
|
"corpCertificateLoading",
|
||||||
|
"Put > @/certificate/corpCertificate/edit",
|
||||||
|
);
|
||||||
|
// 股份端查看分公司-相关方证照统计信息分页
|
||||||
|
export const corpCertificateStatPage = declareRequest(
|
||||||
|
"corpCertificateLoading",
|
||||||
|
"Post > @/certificate/corpCertificate/statPage",
|
||||||
|
);
|
||||||
|
export const corpCertificateRemove = declareRequest(
|
||||||
|
"corpCertificateLoading",
|
||||||
|
"Put > @/certificate/corpCertificate/remove?id={id}",
|
||||||
|
);
|
||||||
|
|
||||||
|
// 获取字典
|
||||||
|
export const dictValuesData = declareRequest(
|
||||||
|
"corpCertificateLoading",
|
||||||
|
"Get > /config/dict-trees/list/by/dictValues",
|
||||||
|
);
|
||||||
|
|
||||||
|
export const corpCertificateIsExistCertNo = declareRequest(
|
||||||
|
"corpCertificateLoading",
|
||||||
|
"Get > /certificate/corpCertificate/isExistCertNo",
|
||||||
|
);
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -0,0 +1,6 @@
|
||||||
|
import { declareRequest } from "@cqsjjb/jjb-dva-runtime";
|
||||||
|
|
||||||
|
export const identifyPartList = declareRequest(
|
||||||
|
"coursewareLoading",
|
||||||
|
"Post > @/risk/busIdentifyPart/list",
|
||||||
|
);
|
||||||
|
|
@ -0,0 +1,11 @@
|
||||||
|
export {};
|
||||||
|
|
||||||
|
// export const riskList = declareRequest(
|
||||||
|
// "loading",
|
||||||
|
// "Post > @/xxx",
|
||||||
|
// "dataSource: [] | res.data || [] & total: 0 | res.totalCount || 0 & pageIndex: 1 | res.pageIndex || 1 & pageSize: 10 | res.pageSize || 10",
|
||||||
|
// );
|
||||||
|
// export const riskDelete = declareRequest(
|
||||||
|
// "loading",
|
||||||
|
// "Delete > @/xxx/{id}",
|
||||||
|
// );
|
||||||
|
|
@ -0,0 +1,48 @@
|
||||||
|
import { declareRequest } from "@cqsjjb/jjb-dva-runtime";
|
||||||
|
|
||||||
|
export const userCertificateList = declareRequest(
|
||||||
|
"userCertificateLoading",
|
||||||
|
"Post > @/certificate/userCertificate/list",
|
||||||
|
);
|
||||||
|
|
||||||
|
export const userCertificateInfo = declareRequest(
|
||||||
|
"userCertificateLoading",
|
||||||
|
"Get > /certificate/userCertificate/getInfoById/{id}",
|
||||||
|
);
|
||||||
|
export const userCertificateAdd = declareRequest(
|
||||||
|
"userCertificateLoading",
|
||||||
|
"Post > @/certificate/userCertificate/save",
|
||||||
|
);
|
||||||
|
export const userCertificateEdit = declareRequest(
|
||||||
|
"userCertificateLoading",
|
||||||
|
"Put > @/certificate/userCertificate/edit",
|
||||||
|
);
|
||||||
|
// 股份端查看分公司-相关方证照统计信息分页
|
||||||
|
export const userCertificateStatPage = declareRequest(
|
||||||
|
"userCertificateLoading",
|
||||||
|
"Post > @/certificate/userCertificate/corpCertificateStatPage",
|
||||||
|
);
|
||||||
|
export const userCertificateRemove = declareRequest(
|
||||||
|
"userCertificateLoading",
|
||||||
|
"Delete > @/certificate/userCertificate/delete/{id}",
|
||||||
|
);
|
||||||
|
|
||||||
|
// 获取字典
|
||||||
|
export const dictValuesData = declareRequest(
|
||||||
|
"userCertificateLoading",
|
||||||
|
"Get > /config/dict-trees/list/by/dictValues",
|
||||||
|
);
|
||||||
|
|
||||||
|
export const userCertificateIsExistCertNo = declareRequest(
|
||||||
|
"userCertificateLoading",
|
||||||
|
"Get > /certificate/userCertificate/isExistCertNo",
|
||||||
|
);
|
||||||
|
export const projectHasUser = declareRequest(
|
||||||
|
"userCertificateLoading",
|
||||||
|
`Get > /xgfManager/project/projectHasUser`,
|
||||||
|
);
|
||||||
|
// 获取人员 （带权限）
|
||||||
|
export const getUserlistAll = declareRequest(
|
||||||
|
"corpCertificateLoading",
|
||||||
|
"Post > @/certificate/user/listAll",
|
||||||
|
);
|
||||||
|
|
@ -0,0 +1,62 @@
|
||||||
|
/* 打印时：隐藏所有内容 */
|
||||||
|
@media print {
|
||||||
|
body * {
|
||||||
|
visibility: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 只显示要打印的 div 及其子元素 */
|
||||||
|
#print-invoice,
|
||||||
|
#print-invoice * {
|
||||||
|
visibility: visible;
|
||||||
|
}
|
||||||
|
|
||||||
|
#print-invoice {
|
||||||
|
position: absolute;
|
||||||
|
left: 0;
|
||||||
|
top: 0;
|
||||||
|
width: 100%;
|
||||||
|
padding: 1cm;
|
||||||
|
box-sizing: border-box;
|
||||||
|
font-size: 12pt;
|
||||||
|
font-family: 'SimSun', '宋体', serif;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 隐藏弹窗中的操作按钮（双重保险） */
|
||||||
|
.no-print {
|
||||||
|
display: none !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 屏幕上正常显示 */
|
||||||
|
@media screen {
|
||||||
|
.modal-overlay {
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
background-color: rgba(0, 0, 0, 0.5);
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
z-index: 1000;
|
||||||
|
}
|
||||||
|
|
||||||
|
.modal-content {
|
||||||
|
background: white;
|
||||||
|
padding: 20px;
|
||||||
|
border-radius: 8px;
|
||||||
|
width: 80%;
|
||||||
|
max-width: 600px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.modal-actions {
|
||||||
|
margin-top: 20px;
|
||||||
|
text-align: right;
|
||||||
|
}
|
||||||
|
|
||||||
|
.modal-actions button {
|
||||||
|
margin-left: 10px;
|
||||||
|
padding: 8px 16px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,142 @@
|
||||||
|
import { Connect } from "@cqsjjb/jjb-dva-runtime";
|
||||||
|
import { Descriptions, Divider } from "antd";
|
||||||
|
import { useEffect, useState } from "react";
|
||||||
|
import Page from "zy-react-library/components/Page";
|
||||||
|
import PreviewImg from "zy-react-library/components/PreviewImg";
|
||||||
|
import { UPLOAD_FILE_TYPE_ENUM } from "zy-react-library/enum/uploadFile/gwj";
|
||||||
|
import useGetFile from "zy-react-library/hooks/useGetFile";
|
||||||
|
import useGetUrlQuery from "zy-react-library/hooks/useGetUrlQuery";
|
||||||
|
import { NS_USER_CERTIFICATE } from "~/enumerate/namespace";
|
||||||
|
|
||||||
|
const JOB_STATUS = {
|
||||||
|
1: "在职",
|
||||||
|
0: "离职",
|
||||||
|
2: "信息变更中",
|
||||||
|
3: "未入职",
|
||||||
|
4: "实习生",
|
||||||
|
5: "实习结束",
|
||||||
|
6: "退休",
|
||||||
|
7: "劳务派遣",
|
||||||
|
8: "劳务派遣结束",
|
||||||
|
11: "入职待审核",
|
||||||
|
10: "离职待审核",
|
||||||
|
};
|
||||||
|
function PersonInChargeInfo({ props, certificatePhotoType }) {
|
||||||
|
const [info, setInfo] = useState({});
|
||||||
|
const queryParams = useGetUrlQuery();
|
||||||
|
|
||||||
|
const { loading: getFileLoading, getFile } = useGetFile();
|
||||||
|
|
||||||
|
useEffect(() => {
|
||||||
|
console.log(queryParams);
|
||||||
|
const fetchData = async () => {
|
||||||
|
const res = await props.userCertificateInfo({
|
||||||
|
id: queryParams["id"],
|
||||||
|
});
|
||||||
|
|
||||||
|
const licenseFile = await getFile({
|
||||||
|
eqType: UPLOAD_FILE_TYPE_ENUM[certificatePhotoType],
|
||||||
|
eqForeignKey: res.data.userCertificateId,
|
||||||
|
});
|
||||||
|
|
||||||
|
res.data.licenseFile = licenseFile;
|
||||||
|
|
||||||
|
setInfo(res.data || {});
|
||||||
|
};
|
||||||
|
fetchData();
|
||||||
|
}, []);
|
||||||
|
|
||||||
|
return (
|
||||||
|
<div>
|
||||||
|
|
||||||
|
<Page headerTitle="证书信息查看">
|
||||||
|
<div>
|
||||||
|
<Divider orientation="left">人员信息</Divider>
|
||||||
|
<Descriptions
|
||||||
|
bordered
|
||||||
|
loding={getFileLoading}
|
||||||
|
items={[
|
||||||
|
{
|
||||||
|
label: "姓名",
|
||||||
|
children: info.name,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: "企业名称",
|
||||||
|
children: info.corpinfoName,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: "部门名称",
|
||||||
|
children: info.departmentName,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: "岗位名称",
|
||||||
|
children: info.userPostName,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: "就职状态",
|
||||||
|
children: <div>{JOB_STATUS[info.employmentStatus]}</div>,
|
||||||
|
},
|
||||||
|
|
||||||
|
]}
|
||||||
|
column={2}
|
||||||
|
labelStyle={{
|
||||||
|
width: 200,
|
||||||
|
}}
|
||||||
|
contentStyle={{
|
||||||
|
width: 500,
|
||||||
|
}}
|
||||||
|
|
||||||
|
/>
|
||||||
|
<Divider orientation="left">证书信息</Divider>
|
||||||
|
<Descriptions
|
||||||
|
bordered
|
||||||
|
loding={getFileLoading}
|
||||||
|
items={[
|
||||||
|
{
|
||||||
|
label: "证书名称",
|
||||||
|
children: info.certificateName,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: "证书编号",
|
||||||
|
children: info.certificateCode,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: "岗位名称",
|
||||||
|
children: info.postName,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: "发证机构",
|
||||||
|
children: info.issuingAuthority,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: "发证日期",
|
||||||
|
children: info.dateIssue,
|
||||||
|
},
|
||||||
|
|
||||||
|
{
|
||||||
|
label: "有效期至",
|
||||||
|
children: <div>{`${info.certificateDateStart ?? ""} - ${info.certificateDateEnd ?? ""}`}</div>,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: "证照照片",
|
||||||
|
children: <PreviewImg files={info.licenseFile} />,
|
||||||
|
},
|
||||||
|
|
||||||
|
]}
|
||||||
|
column={2}
|
||||||
|
labelStyle={{
|
||||||
|
width: 200,
|
||||||
|
}}
|
||||||
|
contentStyle={{
|
||||||
|
width: 500,
|
||||||
|
}}
|
||||||
|
/>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</Page>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
export default Connect([NS_USER_CERTIFICATE], true)(PersonInChargeInfo);
|
||||||
|
|
@ -0,0 +1,665 @@
|
||||||
|
import { Permission } from "@cqsjjb/jjb-common-decorator/permission";
|
||||||
|
import { Connect } from "@cqsjjb/jjb-dva-runtime";
|
||||||
|
import { Button, Form, message, Modal, Space } from "antd";
|
||||||
|
import { useEffect, useRef, useState } from "react";
|
||||||
|
import FormBuilder from "zy-react-library/components/FormBuilder";
|
||||||
|
import AddIcon from "zy-react-library/components/Icon/AddIcon";
|
||||||
|
import Page from "zy-react-library/components/Page";
|
||||||
|
import Search from "zy-react-library/components/Search";
|
||||||
|
import DictionarySelect from "zy-react-library/components/Select/Dictionary";
|
||||||
|
import PersonnelSelect from "zy-react-library/components/Select/Personnel/Gwj";
|
||||||
|
import Table from "zy-react-library/components/Table";
|
||||||
|
import TooltipPreviewImg from "zy-react-library/components/TooltipPreviewImg";
|
||||||
|
import Upload from "zy-react-library/components/Upload";
|
||||||
|
import { FORM_ITEM_RENDER_ENUM } from "zy-react-library/enum/formItemRender";
|
||||||
|
import { UPLOAD_FILE_TYPE_ENUM } from "zy-react-library/enum/uploadFile/gwj";
|
||||||
|
import useDeleteFile from "zy-react-library/hooks/useDeleteFile";
|
||||||
|
import useGetFile from "zy-react-library/hooks/useGetFile";
|
||||||
|
import useGetUrlQuery from "zy-react-library/hooks/useGetUrlQuery";
|
||||||
|
import useGetUserInfo from "zy-react-library/hooks/useGetUserInfo";
|
||||||
|
import useTable from "zy-react-library/hooks/useTable";
|
||||||
|
import useUploadFile from "zy-react-library/hooks/useUploadFile";
|
||||||
|
import { NS_USER_CERTIFICATE } from "~/enumerate/namespace";
|
||||||
|
import { useDebounce } from "~/utils";
|
||||||
|
import { useLocation } from 'react-router-dom';
|
||||||
|
|
||||||
|
const JOB_STATUS = {
|
||||||
|
1: "在职",
|
||||||
|
0: "离职",
|
||||||
|
2: "信息变更中",
|
||||||
|
3: "未入职",
|
||||||
|
4: "实习生",
|
||||||
|
5: "实习结束",
|
||||||
|
6: "退休",
|
||||||
|
7: "劳务派遣",
|
||||||
|
8: "劳务派遣结束",
|
||||||
|
11: "入职待审核",
|
||||||
|
10: "离职待审核",
|
||||||
|
};
|
||||||
|
|
||||||
|
function List({ props, certificatePhotoType, displayType, personnelType, permissionAdd, permissionEdit, permissionView, permissionDel, dictionaryType }) {
|
||||||
|
const [addModalOpen, setAddModalOpen] = useState(false);
|
||||||
|
const [currentId, setCurrentId] = useState("");
|
||||||
|
const queryParams = useGetUrlQuery();
|
||||||
|
const { loading: getFileLoading, getFile } = useGetFile();
|
||||||
|
const [form] = Form.useForm();
|
||||||
|
const { tableProps, getData } = useTable(props["userCertificateList"], {
|
||||||
|
form,
|
||||||
|
transform: (formData) => {
|
||||||
|
return {
|
||||||
|
...formData,
|
||||||
|
eqCorpinfoId: queryParams["corpinfoId"],
|
||||||
|
eqType: personnelType,
|
||||||
|
};
|
||||||
|
},
|
||||||
|
});
|
||||||
|
const onDelete = async (row) => {
|
||||||
|
props["projectHasUser"]({ eqUserId: row.userId }).then((res) => {
|
||||||
|
console.log(res);
|
||||||
|
if (res.data && res.data.length > 0) {
|
||||||
|
const arr = [];
|
||||||
|
const userArr = [];
|
||||||
|
|
||||||
|
res.data.forEach((item) => {
|
||||||
|
arr.push(item.projectName);
|
||||||
|
userArr.push(item.userName);
|
||||||
|
});
|
||||||
|
|
||||||
|
Modal.confirm({
|
||||||
|
title: "提示",
|
||||||
|
content: (
|
||||||
|
<div>
|
||||||
|
<div>
|
||||||
|
【
|
||||||
|
{[...new Set(userArr)].join(",")}
|
||||||
|
】有正在进行的项目，包含【
|
||||||
|
{
|
||||||
|
[...new Set(arr)].join(",")
|
||||||
|
}
|
||||||
|
】确定删除吗？
|
||||||
|
</div>
|
||||||
|
<div style={{ fontSize: 14, color: "red" }}>删除可能会对正在进行的项目造成异常状态，请谨慎操作。</div>
|
||||||
|
</div>
|
||||||
|
),
|
||||||
|
onOk: () => {
|
||||||
|
props["userCertificateRemove"]({
|
||||||
|
id: row.id,
|
||||||
|
}).then((res) => {
|
||||||
|
if (res.success) {
|
||||||
|
message.success("删除成功");
|
||||||
|
getData();
|
||||||
|
}
|
||||||
|
});
|
||||||
|
},
|
||||||
|
});
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
Modal.confirm({
|
||||||
|
title: "提示",
|
||||||
|
content: "确定删除吗？",
|
||||||
|
onOk: () => {
|
||||||
|
props["userCertificateRemove"]({
|
||||||
|
id: row.id,
|
||||||
|
}).then((res) => {
|
||||||
|
if (res.success) {
|
||||||
|
message.success("删除成功");
|
||||||
|
getData();
|
||||||
|
}
|
||||||
|
});
|
||||||
|
},
|
||||||
|
});
|
||||||
|
}
|
||||||
|
});
|
||||||
|
};
|
||||||
|
const [fileCache, setFileCache] = useState({});
|
||||||
|
const [loadingKeys, setLoadingKeys] = useState(new Set());
|
||||||
|
const pendingLoadIdsRef = useRef(new Set());
|
||||||
|
const requestQueueRef = useRef([]);
|
||||||
|
const activeRequestsRef = useRef(0);
|
||||||
|
const MAX_CONCURRENT_REQUESTS = 3; // 最大并发请求数
|
||||||
|
|
||||||
|
const processQueue = () => {
|
||||||
|
while (
|
||||||
|
requestQueueRef.current.length > 0
|
||||||
|
&& activeRequestsRef.current < MAX_CONCURRENT_REQUESTS
|
||||||
|
) {
|
||||||
|
const { id, resolve, reject } = requestQueueRef.current.shift();
|
||||||
|
activeRequestsRef.current++;
|
||||||
|
|
||||||
|
getFile({
|
||||||
|
eqType: UPLOAD_FILE_TYPE_ENUM[certificatePhotoType],
|
||||||
|
eqForeignKey: id,
|
||||||
|
})
|
||||||
|
.then((res) => {
|
||||||
|
setFileCache(prev => ({
|
||||||
|
...prev,
|
||||||
|
[id]: res || [],
|
||||||
|
}));
|
||||||
|
resolve(res);
|
||||||
|
})
|
||||||
|
.catch((err) => {
|
||||||
|
console.error("图片加载失败:", err);
|
||||||
|
reject(err);
|
||||||
|
})
|
||||||
|
.finally(() => {
|
||||||
|
activeRequestsRef.current--;
|
||||||
|
setLoadingKeys((prev) => {
|
||||||
|
const newSet = new Set(prev);
|
||||||
|
newSet.delete(id);
|
||||||
|
return newSet;
|
||||||
|
});
|
||||||
|
processQueue();
|
||||||
|
});
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
const loadFileForRecord = (userQualificationinfoId) => {
|
||||||
|
if (!userQualificationinfoId)
|
||||||
|
return Promise.resolve();
|
||||||
|
if (fileCache[userQualificationinfoId])
|
||||||
|
return Promise.resolve();
|
||||||
|
if (loadingKeys.has(userQualificationinfoId))
|
||||||
|
return Promise.resolve();
|
||||||
|
if (pendingLoadIdsRef.current.has(userQualificationinfoId))
|
||||||
|
return Promise.resolve();
|
||||||
|
|
||||||
|
pendingLoadIdsRef.current.add(userQualificationinfoId);
|
||||||
|
setLoadingKeys(prev => new Set([...prev, userQualificationinfoId]));
|
||||||
|
|
||||||
|
return new Promise((resolve, reject) => {
|
||||||
|
requestQueueRef.current.push({ id: userQualificationinfoId, resolve, reject });
|
||||||
|
processQueue();
|
||||||
|
}).finally(() => {
|
||||||
|
pendingLoadIdsRef.current.delete(userQualificationinfoId);
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|
||||||
|
// 清除伪类
|
||||||
|
useEffect(() => {
|
||||||
|
if (displayType === "View") {
|
||||||
|
const style = document.createElement("style");
|
||||||
|
style.innerHTML = `
|
||||||
|
.search-layout::after {
|
||||||
|
content: none !important;
|
||||||
|
display: none !important;
|
||||||
|
}
|
||||||
|
`;
|
||||||
|
document.head.appendChild(style);
|
||||||
|
// 清理函数，在组件卸载时移除样式
|
||||||
|
return () => {
|
||||||
|
document.head.removeChild(style);
|
||||||
|
};
|
||||||
|
}
|
||||||
|
}, []);
|
||||||
|
|
||||||
|
// 缓存数据变化时清空图片缓存
|
||||||
|
useEffect(() => {
|
||||||
|
if (tableProps.dataSource) {
|
||||||
|
const currentIds = new Set(tableProps.dataSource.map(item => item.userCertificateId).filter(Boolean));
|
||||||
|
setFileCache((prev) => {
|
||||||
|
const newCache = {};
|
||||||
|
Object.keys(prev).forEach((id) => {
|
||||||
|
if (currentIds.has(id)) {
|
||||||
|
newCache[id] = prev[id];
|
||||||
|
}
|
||||||
|
});
|
||||||
|
return newCache;
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}, [tableProps.dataSource]);
|
||||||
|
|
||||||
|
// 记录已经触发过加载的 ID，避免 render 重复触发
|
||||||
|
const triggeredLoadIdsRef = useRef(new Set());
|
||||||
|
useEffect(() => {
|
||||||
|
if (tableProps.dataSource) {
|
||||||
|
tableProps.dataSource.forEach((record) => {
|
||||||
|
const id = record.userCertificateId;
|
||||||
|
if (id && !triggeredLoadIdsRef.current.has(id)) {
|
||||||
|
triggeredLoadIdsRef.current.add(id);
|
||||||
|
loadFileForRecord(id);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
// 组件卸载或数据源变化时重置
|
||||||
|
return () => {
|
||||||
|
triggeredLoadIdsRef.current.clear();
|
||||||
|
};
|
||||||
|
}, [tableProps.dataSource]);
|
||||||
|
|
||||||
|
return (
|
||||||
|
<Page isShowAllAction={false}>
|
||||||
|
|
||||||
|
<Search
|
||||||
|
form={form}
|
||||||
|
options={[
|
||||||
|
{
|
||||||
|
name: "likeUserName",
|
||||||
|
label: "姓名",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: "likePostName",
|
||||||
|
label: "岗位名称",
|
||||||
|
},
|
||||||
|
]}
|
||||||
|
onFinish={getData}
|
||||||
|
/>
|
||||||
|
<Table
|
||||||
|
loding={getFileLoading}
|
||||||
|
options={displayType !== "View"}
|
||||||
|
toolBarRender={() => (
|
||||||
|
<>
|
||||||
|
{
|
||||||
|
(displayType !== "View" && props.permission(permissionAdd))
|
||||||
|
&& (
|
||||||
|
<Button
|
||||||
|
type="primary"
|
||||||
|
icon={<AddIcon />}
|
||||||
|
onClick={() => {
|
||||||
|
setAddModalOpen(true);
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
新增
|
||||||
|
</Button>
|
||||||
|
)
|
||||||
|
}
|
||||||
|
</>
|
||||||
|
)}
|
||||||
|
columns={[
|
||||||
|
{
|
||||||
|
title: "姓名",
|
||||||
|
dataIndex: "name",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "证书名称",
|
||||||
|
dataIndex: "certificateName",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "证书编号",
|
||||||
|
dataIndex: "certificateCode",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "岗位名称",
|
||||||
|
dataIndex: "postName",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "有效期至",
|
||||||
|
dataIndex: "certificateNo",
|
||||||
|
width: 280,
|
||||||
|
render: (_, record) =>
|
||||||
|
<div>{`${record.certificateDateStart ?? ""} - ${record.certificateDateEnd ?? ""}`}</div>,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "就职状态",
|
||||||
|
dataIndex: "certificateNo",
|
||||||
|
render: (_, record) => (
|
||||||
|
<div>{JOB_STATUS[record.employmentStatus] || "-"}</div>
|
||||||
|
|
||||||
|
),
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "图片",
|
||||||
|
dataIndex: "name",
|
||||||
|
render: (_, record) => {
|
||||||
|
const id = record.userCertificateId;
|
||||||
|
const files = fileCache[id] || [];
|
||||||
|
|
||||||
|
if (!files.length)
|
||||||
|
return <span>无</span>;
|
||||||
|
return <TooltipPreviewImg files={files} />;
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "操作",
|
||||||
|
width: 200,
|
||||||
|
render: (_, record) => (
|
||||||
|
<Space>
|
||||||
|
{
|
||||||
|
props.permission(permissionView)
|
||||||
|
&& (
|
||||||
|
<Button
|
||||||
|
type="link"
|
||||||
|
onClick={() => props.history.push(`./View?id=${record.id}`)}
|
||||||
|
>
|
||||||
|
查看
|
||||||
|
</Button>
|
||||||
|
|
||||||
|
)
|
||||||
|
}
|
||||||
|
{
|
||||||
|
(displayType !== "View" && props.permission(permissionEdit))
|
||||||
|
&& (
|
||||||
|
<Button
|
||||||
|
type="link"
|
||||||
|
onClick={() => {
|
||||||
|
setAddModalOpen(true);
|
||||||
|
setCurrentId(record.id);
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
编辑
|
||||||
|
</Button>
|
||||||
|
)
|
||||||
|
}
|
||||||
|
|
||||||
|
{
|
||||||
|
(displayType !== "View" && props.permission(permissionDel))
|
||||||
|
&& (
|
||||||
|
<Button
|
||||||
|
danger
|
||||||
|
type="link"
|
||||||
|
onClick={() => onDelete(record)}
|
||||||
|
>
|
||||||
|
删除
|
||||||
|
</Button>
|
||||||
|
)
|
||||||
|
}
|
||||||
|
</Space>
|
||||||
|
),
|
||||||
|
},
|
||||||
|
]}
|
||||||
|
{...tableProps}
|
||||||
|
/>
|
||||||
|
|
||||||
|
{addModalOpen && (
|
||||||
|
<AddModal
|
||||||
|
open={addModalOpen}
|
||||||
|
loding={props.userCertificate.userCertificateLoading}
|
||||||
|
getData={getData}
|
||||||
|
currentId={currentId}
|
||||||
|
requestAdd={props["userCertificateAdd"]}
|
||||||
|
requestEdit={props["userCertificateEdit"]}
|
||||||
|
requestDetails={props["userCertificateInfo"]}
|
||||||
|
userCertificateIsExistCertNo={props["userCertificateIsExistCertNo"]}
|
||||||
|
getUserlistAll={props["getUserlistAll"]}
|
||||||
|
certificatePhotoType={certificatePhotoType}
|
||||||
|
personnelType={personnelType}
|
||||||
|
dictionaryType={dictionaryType}
|
||||||
|
onCancel={() => {
|
||||||
|
setAddModalOpen(false);
|
||||||
|
setCurrentId("");
|
||||||
|
}}
|
||||||
|
onSuccess={(userQualificationinfoId) => {
|
||||||
|
// 清除该记录的图片缓存，强制下次 render 时重新加载
|
||||||
|
setFileCache((prev) => {
|
||||||
|
const newCache = { ...prev };
|
||||||
|
delete newCache[userQualificationinfoId];
|
||||||
|
return newCache;
|
||||||
|
});
|
||||||
|
}}
|
||||||
|
/>
|
||||||
|
)}
|
||||||
|
|
||||||
|
</Page>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
function AddModalComponent(props) {
|
||||||
|
const [form] = Form.useForm();
|
||||||
|
const [userQualificationinfoId, setUserQualificationinfoId] = useState("");
|
||||||
|
const [userObj, setUserObj] = useState({});
|
||||||
|
const { loading: deleteFileLoading, deleteFile } = useDeleteFile();
|
||||||
|
const { loading: uploadFileLoading, uploadFile } = useUploadFile();
|
||||||
|
const { loading: getFileLoading, getFile } = useGetFile();
|
||||||
|
const { getUserInfo } = useGetUserInfo();
|
||||||
|
const [deleteCardImageFiles, setDeleteCardImageFiles] = useState([]);
|
||||||
|
const [CertificateCodeValue, setPertificateCodeValue] = useState(null);
|
||||||
|
const debouncedCertificateCodeValue = useDebounce(CertificateCodeValue, 100);
|
||||||
|
const [personnelData, setPersonnelData] = useState([]);
|
||||||
|
const [isSubmit, setIsSubmit] = useState(true);
|
||||||
|
const location = useLocation();
|
||||||
|
const getUserInfoFun = async () => {
|
||||||
|
const userInfo = await getUserInfo();
|
||||||
|
setUserObj(userInfo);
|
||||||
|
};
|
||||||
|
|
||||||
|
const getUserlistFun = async () => {
|
||||||
|
props.getUserlistAll({menuPath:"/certificate"+location.pathname}).then(res => {
|
||||||
|
if(res.data) {
|
||||||
|
res.data.forEach(item => {
|
||||||
|
item.bianma=item.id;
|
||||||
|
})
|
||||||
|
setPersonnelData(res.data)
|
||||||
|
}
|
||||||
|
})
|
||||||
|
};
|
||||||
|
|
||||||
|
useEffect(() => {
|
||||||
|
if (props.currentId) {
|
||||||
|
const fetchData = async () => {
|
||||||
|
const { data } = await props.requestDetails({
|
||||||
|
id: props.currentId,
|
||||||
|
});
|
||||||
|
const certificateImgs = await getFile({
|
||||||
|
eqType: UPLOAD_FILE_TYPE_ENUM[props.certificatePhotoType],
|
||||||
|
eqForeignKey: data.userCertificateId,
|
||||||
|
});
|
||||||
|
data.certificateDate = [data.certificateDateStart, data.certificateDateEnd];
|
||||||
|
data.certificateImgs = certificateImgs;
|
||||||
|
form.setFieldsValue(data);
|
||||||
|
setUserQualificationinfoId(data.userCertificateId);
|
||||||
|
};
|
||||||
|
fetchData();
|
||||||
|
}
|
||||||
|
getUserInfoFun();
|
||||||
|
getUserlistFun()
|
||||||
|
}, [props.currentId]);
|
||||||
|
const onCancel = () => {
|
||||||
|
form.resetFields();
|
||||||
|
props.onCancel();
|
||||||
|
};
|
||||||
|
const onSubmit = async (values) => {
|
||||||
|
if (!isSubmit) {
|
||||||
|
form.setFields([
|
||||||
|
{
|
||||||
|
name: "certificateCode",
|
||||||
|
errors: ["证书编号重复"],
|
||||||
|
},
|
||||||
|
]);
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
if (values.certificateImgs.length !== 2) {
|
||||||
|
message.error("证照照片必须上传正反面两张");
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
const maxSizeInBytes = 10 * 1024 * 1024;
|
||||||
|
|
||||||
|
const isOverSize = values.certificateImgs.some(file => file.size > maxSizeInBytes);
|
||||||
|
|
||||||
|
if (isOverSize) {
|
||||||
|
message.error("选择的图片不能大于10MB");
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
await deleteFile({
|
||||||
|
single: false,
|
||||||
|
files: deleteCardImageFiles,
|
||||||
|
});
|
||||||
|
const { id } = await uploadFile({
|
||||||
|
single: false,
|
||||||
|
files: values.certificateImgs,
|
||||||
|
params: {
|
||||||
|
type: UPLOAD_FILE_TYPE_ENUM[props.certificatePhotoType],
|
||||||
|
foreignKey: userQualificationinfoId,
|
||||||
|
},
|
||||||
|
});
|
||||||
|
values.certificateDateStart = values.certificateDate[0];
|
||||||
|
values.certificateDateEnd = values.certificateDate[1];
|
||||||
|
values.type = props.personnelType;
|
||||||
|
const personnelTypeMap = {
|
||||||
|
tezhongzuoye: "特种作业人员",
|
||||||
|
tzsbczry: "特种设备操作人员",
|
||||||
|
zyfzr: "主要负责人",
|
||||||
|
aqscglry: "安全生产管理人员",
|
||||||
|
};
|
||||||
|
|
||||||
|
values.typeName = personnelTypeMap[props.personnelType];
|
||||||
|
if (props.currentId) {
|
||||||
|
values.id = props.currentId;
|
||||||
|
values.userCertificateId = userQualificationinfoId;
|
||||||
|
await props.requestEdit(values).then((res) => {
|
||||||
|
if (res.success) {
|
||||||
|
onCancel();
|
||||||
|
props.getData();
|
||||||
|
props.onSuccess(userQualificationinfoId);
|
||||||
|
message.success("编辑成功");
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
values.userCertificateId = id;
|
||||||
|
await props.requestAdd(values).then((res) => {
|
||||||
|
if (res.success) {
|
||||||
|
onCancel();
|
||||||
|
props.getData();
|
||||||
|
props.onSuccess(userQualificationinfoId);
|
||||||
|
message.success("新增成功");
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
};
|
||||||
|
// 校验重复
|
||||||
|
useEffect(() => {
|
||||||
|
if (!debouncedCertificateCodeValue) {
|
||||||
|
form.setFields([
|
||||||
|
{
|
||||||
|
name: "certificateCode",
|
||||||
|
errors: [],
|
||||||
|
},
|
||||||
|
]);
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
props["userCertificateIsExistCertNo"]({
|
||||||
|
certNo: debouncedCertificateCodeValue,
|
||||||
|
id: props.currentId ?? "",
|
||||||
|
}).then((res) => {
|
||||||
|
if (res.data) {
|
||||||
|
form.setFields([
|
||||||
|
{
|
||||||
|
name: "certificateCode",
|
||||||
|
errors: ["证书编号重复"],
|
||||||
|
},
|
||||||
|
]);
|
||||||
|
setIsSubmit(false);
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
setIsSubmit(true);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}, [debouncedCertificateCodeValue]);
|
||||||
|
const onValuesChange = (changedValues) => {
|
||||||
|
if ("certificateCode" in changedValues) {
|
||||||
|
setPertificateCodeValue(changedValues.certificateCode ?? "");
|
||||||
|
}
|
||||||
|
};
|
||||||
|
return (
|
||||||
|
<Modal
|
||||||
|
open={props.open}
|
||||||
|
maskClosable={false}
|
||||||
|
title={props.currentId ? "编辑" : "新增"}
|
||||||
|
width={800}
|
||||||
|
|
||||||
|
confirmLoading={
|
||||||
|
deleteFileLoading || uploadFileLoading || getFileLoading || props.loding
|
||||||
|
}
|
||||||
|
onOk={form.submit}
|
||||||
|
onCancel={onCancel}
|
||||||
|
>
|
||||||
|
<FormBuilder
|
||||||
|
form={form}
|
||||||
|
onValuesChange={onValuesChange}
|
||||||
|
span={24}
|
||||||
|
values={{
|
||||||
|
securityFlag: 0,
|
||||||
|
}}
|
||||||
|
options={[
|
||||||
|
{
|
||||||
|
name: "userId",
|
||||||
|
label: "选择人员",
|
||||||
|
render: FORM_ITEM_RENDER_ENUM.SELECT,
|
||||||
|
items:personnelData
|
||||||
|
},
|
||||||
|
{ name: "userName", label: "人员名称", onlyForLabel: true },
|
||||||
|
{
|
||||||
|
name: "certificateName",
|
||||||
|
label: "证书名称",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: "certificateCode",
|
||||||
|
label: "证书编号",
|
||||||
|
},
|
||||||
|
|
||||||
|
{
|
||||||
|
name: "postId",
|
||||||
|
label: "岗位名称",
|
||||||
|
render: (
|
||||||
|
<DictionarySelect
|
||||||
|
dictValue={props.dictionaryType}
|
||||||
|
onGetLabel={label => form.setFieldValue("postName", label)}
|
||||||
|
/>
|
||||||
|
),
|
||||||
|
},
|
||||||
|
{ name: "postName", label: "岗位名称", onlyForLabel: true },
|
||||||
|
{
|
||||||
|
name: "issuingAuthority",
|
||||||
|
label: "发证机构",
|
||||||
|
},
|
||||||
|
|
||||||
|
{
|
||||||
|
name: "dateIssue",
|
||||||
|
label: "发证日期",
|
||||||
|
render: FORM_ITEM_RENDER_ENUM.DATE,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: "certificateDate",
|
||||||
|
label: "有效期",
|
||||||
|
render: FORM_ITEM_RENDER_ENUM.DATE_RANGE,
|
||||||
|
rules: [
|
||||||
|
{
|
||||||
|
validator: (_, value) => {
|
||||||
|
const allEmptyStrings = Array.isArray(value) && value.every(item => item === "");
|
||||||
|
if (allEmptyStrings) {
|
||||||
|
return Promise.reject(new Error("请选择有效期"));
|
||||||
|
}
|
||||||
|
return Promise.resolve();
|
||||||
|
},
|
||||||
|
},
|
||||||
|
],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: "certificateImgs",
|
||||||
|
label: "证照照片",
|
||||||
|
render: (
|
||||||
|
<Upload
|
||||||
|
|
||||||
|
maxCount={2}
|
||||||
|
onGetRemoveFile={(file) => {
|
||||||
|
setDeleteCardImageFiles([...deleteCardImageFiles, file]);
|
||||||
|
}}
|
||||||
|
tipContent={(
|
||||||
|
<div
|
||||||
|
style={{
|
||||||
|
lineHeight: 1.6,
|
||||||
|
color: "red",
|
||||||
|
fontSize: 12,
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<div>
|
||||||
|
温馨提示：用户要上传证照照片正反面（证照照片数量是2张）单张大小不超过10MB，支持jpg、jpeg、png格式。
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
)}
|
||||||
|
/>
|
||||||
|
),
|
||||||
|
},
|
||||||
|
]}
|
||||||
|
labelCol={{
|
||||||
|
span: 10,
|
||||||
|
}}
|
||||||
|
showActionButtons={false}
|
||||||
|
onFinish={onSubmit}
|
||||||
|
/>
|
||||||
|
</Modal>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
const AddModal = AddModalComponent;
|
||||||
|
|
||||||
|
export default Connect([NS_USER_CERTIFICATE], true)(Permission(List));
|
||||||
|
|
@ -0,0 +1,151 @@
|
||||||
|
import { Connect } from "@cqsjjb/jjb-dva-runtime";
|
||||||
|
|
||||||
|
import { Descriptions, Divider } from "antd";
|
||||||
|
import { useEffect, useState } from "react";
|
||||||
|
import Page from "zy-react-library/components/Page";
|
||||||
|
import PreviewImg from "zy-react-library/components/PreviewImg";
|
||||||
|
import { UPLOAD_FILE_TYPE_ENUM } from "zy-react-library/enum/uploadFile/gwj";
|
||||||
|
import useGetFile from "zy-react-library/hooks/useGetFile";
|
||||||
|
import useGetUrlQuery from "zy-react-library/hooks/useGetUrlQuery";
|
||||||
|
import { NS_USER_CERTIFICATE } from "~/enumerate/namespace";
|
||||||
|
|
||||||
|
const JOB_STATUS = {
|
||||||
|
1: "在职",
|
||||||
|
0: "离职",
|
||||||
|
2: "信息变更中",
|
||||||
|
3: "未入职",
|
||||||
|
4: "实习生",
|
||||||
|
5: "实习结束",
|
||||||
|
6: "退休",
|
||||||
|
7: "劳务派遣",
|
||||||
|
8: "劳务派遣结束",
|
||||||
|
11: "入职待审核",
|
||||||
|
10: "离职待审核",
|
||||||
|
};
|
||||||
|
function SpecialCertificateInfo({ props, certificatePhotoType }) {
|
||||||
|
const [info, setInfo] = useState({});
|
||||||
|
const queryParams = useGetUrlQuery();
|
||||||
|
|
||||||
|
const { loading: getFileLoading, getFile } = useGetFile();
|
||||||
|
|
||||||
|
useEffect(() => {
|
||||||
|
console.log(queryParams["personnelType"]);
|
||||||
|
const fetchData = async () => {
|
||||||
|
const res = await props.userCertificateInfo({
|
||||||
|
id: queryParams["id"],
|
||||||
|
});
|
||||||
|
const licenseFile = await getFile({
|
||||||
|
eqType: UPLOAD_FILE_TYPE_ENUM[certificatePhotoType],
|
||||||
|
eqForeignKey: res.data.userCertificateId,
|
||||||
|
});
|
||||||
|
res.data.licenseFile = licenseFile;
|
||||||
|
setInfo(res.data || {});
|
||||||
|
};
|
||||||
|
fetchData();
|
||||||
|
}, []);
|
||||||
|
|
||||||
|
return (
|
||||||
|
<div>
|
||||||
|
|
||||||
|
<Page headerTitle="证书信息查看">
|
||||||
|
<div>
|
||||||
|
<Divider orientation="left">人员信息</Divider>
|
||||||
|
<Descriptions
|
||||||
|
bordered
|
||||||
|
loding={getFileLoading}
|
||||||
|
items={[
|
||||||
|
{
|
||||||
|
label: "姓名",
|
||||||
|
children: info.name,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: "企业名称",
|
||||||
|
children: info.corpinfoName,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: "部门名称",
|
||||||
|
children: info.departmentName,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: "岗位名称",
|
||||||
|
children: info.userPostName,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: "就职状态",
|
||||||
|
children: <div>{JOB_STATUS[info.employmentStatus]}</div>,
|
||||||
|
},
|
||||||
|
|
||||||
|
]}
|
||||||
|
column={2}
|
||||||
|
labelStyle={{
|
||||||
|
width: 200,
|
||||||
|
}}
|
||||||
|
contentStyle={{
|
||||||
|
width: 500,
|
||||||
|
}}
|
||||||
|
/>
|
||||||
|
<Divider orientation="left">证书信息</Divider>
|
||||||
|
<Descriptions
|
||||||
|
bordered
|
||||||
|
loding={getFileLoading}
|
||||||
|
items={[
|
||||||
|
{
|
||||||
|
label: "证书名称",
|
||||||
|
children: info.certificateName,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: "证书编号",
|
||||||
|
children: info.certificateCode,
|
||||||
|
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: "发证机构",
|
||||||
|
children: info.issuingAuthority,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: queryParams["personnelType"] === "tzsbczry" ? "操作项目" : "行业类别",
|
||||||
|
|
||||||
|
children: queryParams["personnelType"] === "tzsbczry" ? info.assignmentOperatingItemsName : info.industryCategoryName,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: queryParams["personnelType"] === "tzsbczry" ? "作业类别" : "操作项目",
|
||||||
|
children: queryParams["personnelType"] === "tzsbczry" ? info.assignmentCategoryName : info.industryOperatingItemsName,
|
||||||
|
|
||||||
|
},
|
||||||
|
|
||||||
|
{
|
||||||
|
label: "发证日期",
|
||||||
|
children: info.dateIssue,
|
||||||
|
},
|
||||||
|
|
||||||
|
{
|
||||||
|
label: "复审日期",
|
||||||
|
children: info.reviewDate,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: "有效期至",
|
||||||
|
children: <div>{`${info.certificateDateStart ?? ""} - ${info.certificateDateEnd ?? ""}`}</div>,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: "证照照片",
|
||||||
|
children: <PreviewImg files={info.licenseFile} />,
|
||||||
|
},
|
||||||
|
|
||||||
|
]}
|
||||||
|
column={2}
|
||||||
|
labelStyle={{
|
||||||
|
width: 200,
|
||||||
|
}}
|
||||||
|
contentStyle={{
|
||||||
|
width: 500,
|
||||||
|
}}
|
||||||
|
/>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</Page>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
export default Connect([NS_USER_CERTIFICATE], true)(SpecialCertificateInfo);
|
||||||
|
|
@ -0,0 +1,796 @@
|
||||||
|
import { Permission } from "@cqsjjb/jjb-common-decorator/permission";
|
||||||
|
import { Connect } from "@cqsjjb/jjb-dva-runtime";
|
||||||
|
import { Button, Form, message, Modal, Space } from "antd";
|
||||||
|
import { useEffect, useRef, useState } from "react";
|
||||||
|
import { useLocation } from "react-router-dom";
|
||||||
|
import FormBuilder from "zy-react-library/components/FormBuilder";
|
||||||
|
import AddIcon from "zy-react-library/components/Icon/AddIcon";
|
||||||
|
import Page from "zy-react-library/components/Page";
|
||||||
|
import Search from "zy-react-library/components/Search";
|
||||||
|
import DictionarySelect from "zy-react-library/components/Select/Dictionary";
|
||||||
|
import Table from "zy-react-library/components/Table";
|
||||||
|
import TooltipPreviewImg from "zy-react-library/components/TooltipPreviewImg";
|
||||||
|
import Upload from "zy-react-library/components/Upload";
|
||||||
|
import { FORM_ITEM_RENDER_ENUM } from "zy-react-library/enum/formItemRender";
|
||||||
|
import { UPLOAD_FILE_TYPE_ENUM } from "zy-react-library/enum/uploadFile/gwj";
|
||||||
|
import useDeleteFile from "zy-react-library/hooks/useDeleteFile";
|
||||||
|
import useGetFile from "zy-react-library/hooks/useGetFile";
|
||||||
|
import useGetUrlQuery from "zy-react-library/hooks/useGetUrlQuery";
|
||||||
|
import useGetUserInfo from "zy-react-library/hooks/useGetUserInfo";
|
||||||
|
import useTable from "zy-react-library/hooks/useTable";
|
||||||
|
import useUploadFile from "zy-react-library/hooks/useUploadFile";
|
||||||
|
|
||||||
|
import { NS_USER_CERTIFICATE } from "~/enumerate/namespace";
|
||||||
|
import { useDebounce } from "~/utils";
|
||||||
|
|
||||||
|
const JOB_STATUS = {
|
||||||
|
1: "在职",
|
||||||
|
0: "离职",
|
||||||
|
2: "信息变更中",
|
||||||
|
3: "未入职",
|
||||||
|
4: "实习生",
|
||||||
|
5: "实习结束",
|
||||||
|
6: "退休",
|
||||||
|
7: "劳务派遣",
|
||||||
|
8: "劳务派遣结束",
|
||||||
|
11: "入职待审核",
|
||||||
|
10: "离职待审核",
|
||||||
|
};
|
||||||
|
|
||||||
|
function SpecialCertificateList({ props, certificatePhotoType, displayType, personnelType, permissionAdd, permissionEdit, permissionView, permissionDel, dictionaryType }) {
|
||||||
|
const [addModalOpen, setAddModalOpen] = useState(false);
|
||||||
|
const [currentId, setCurrentId] = useState("");
|
||||||
|
const [operatingProjectType, setOperatingProjectType] = useState("");
|
||||||
|
const queryParams = useGetUrlQuery();
|
||||||
|
const { loading: getFileLoading, getFile } = useGetFile();
|
||||||
|
|
||||||
|
const [form] = Form.useForm();
|
||||||
|
|
||||||
|
const { tableProps, getData } = useTable(props["userCertificateList"], {
|
||||||
|
form,
|
||||||
|
transform: (formData) => {
|
||||||
|
if (formData.eqIndustryCategoryCode) {
|
||||||
|
setOperatingProjectType(formData.eqIndustryCategoryCode);
|
||||||
|
}
|
||||||
|
if (formData.eqAssignmentOperatingItemsCode) {
|
||||||
|
setOperatingProjectType(formData.eqAssignmentOperatingItemsCode);
|
||||||
|
}
|
||||||
|
return {
|
||||||
|
...formData,
|
||||||
|
eqCorpinfoId: queryParams["corpinfoId"],
|
||||||
|
eqType: personnelType,
|
||||||
|
};
|
||||||
|
},
|
||||||
|
});
|
||||||
|
|
||||||
|
// 清除伪类
|
||||||
|
useEffect(() => {
|
||||||
|
if (displayType === "View") {
|
||||||
|
const style = document.createElement("style");
|
||||||
|
style.innerHTML = `
|
||||||
|
.search-layout::after {
|
||||||
|
content: none !important;
|
||||||
|
display: none !important;
|
||||||
|
}
|
||||||
|
`;
|
||||||
|
document.head.appendChild(style);
|
||||||
|
// 清理函数，在组件卸载时移除样式
|
||||||
|
return () => {
|
||||||
|
document.head.removeChild(style);
|
||||||
|
};
|
||||||
|
}
|
||||||
|
}, []);
|
||||||
|
|
||||||
|
const onDelete = async (row) => {
|
||||||
|
props["projectHasUser"]({ eqUserId: row.userId }).then((res) => {
|
||||||
|
if (res.data && res.data.length > 0) {
|
||||||
|
const arr = [];
|
||||||
|
const userArr = [];
|
||||||
|
|
||||||
|
res.data.forEach((item) => {
|
||||||
|
arr.push(item.projectName);
|
||||||
|
userArr.push(item.userName);
|
||||||
|
});
|
||||||
|
|
||||||
|
Modal.confirm({
|
||||||
|
title: "提示",
|
||||||
|
content: (
|
||||||
|
<div>
|
||||||
|
<div>
|
||||||
|
【
|
||||||
|
{[...new Set(userArr)].join(",")}
|
||||||
|
】有正在进行的项目，包含【
|
||||||
|
{
|
||||||
|
[...new Set(arr)].join(",")
|
||||||
|
}
|
||||||
|
】确定删除吗？
|
||||||
|
</div>
|
||||||
|
<div style={{ fontSize: 14, color: "red" }}>删除可能会对正在进行的项目造成异常状态，请谨慎操作。</div>
|
||||||
|
</div>
|
||||||
|
),
|
||||||
|
onOk: () => {
|
||||||
|
props["userCertificateRemove"]({
|
||||||
|
id: row.id,
|
||||||
|
}).then((res) => {
|
||||||
|
if (res.success) {
|
||||||
|
message.success("删除成功");
|
||||||
|
getData();
|
||||||
|
}
|
||||||
|
});
|
||||||
|
},
|
||||||
|
});
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
Modal.confirm({
|
||||||
|
title: "提示",
|
||||||
|
content: "确定删除吗？",
|
||||||
|
onOk: () => {
|
||||||
|
props["userCertificateRemove"]({
|
||||||
|
id: row.id,
|
||||||
|
}).then((res) => {
|
||||||
|
if (res.success) {
|
||||||
|
message.success("删除成功");
|
||||||
|
getData();
|
||||||
|
}
|
||||||
|
});
|
||||||
|
},
|
||||||
|
});
|
||||||
|
}
|
||||||
|
});
|
||||||
|
};
|
||||||
|
const [fileCache, setFileCache] = useState({});
|
||||||
|
const [loadingKeys, setLoadingKeys] = useState(new Set());
|
||||||
|
const pendingLoadIdsRef = useRef(new Set());
|
||||||
|
const requestQueueRef = useRef([]);
|
||||||
|
const activeRequestsRef = useRef(0);
|
||||||
|
const MAX_CONCURRENT_REQUESTS = 3; // 最大并发请求数
|
||||||
|
|
||||||
|
const processQueue = () => {
|
||||||
|
while (
|
||||||
|
requestQueueRef.current.length > 0
|
||||||
|
&& activeRequestsRef.current < MAX_CONCURRENT_REQUESTS
|
||||||
|
) {
|
||||||
|
const { id, resolve, reject } = requestQueueRef.current.shift();
|
||||||
|
activeRequestsRef.current++;
|
||||||
|
|
||||||
|
getFile({
|
||||||
|
eqType: UPLOAD_FILE_TYPE_ENUM[certificatePhotoType],
|
||||||
|
eqForeignKey: id,
|
||||||
|
})
|
||||||
|
.then((res) => {
|
||||||
|
setFileCache(prev => ({
|
||||||
|
...prev,
|
||||||
|
[id]: res || [],
|
||||||
|
}));
|
||||||
|
resolve(res);
|
||||||
|
})
|
||||||
|
.catch((err) => {
|
||||||
|
console.error("图片加载失败:", err);
|
||||||
|
reject(err);
|
||||||
|
})
|
||||||
|
.finally(() => {
|
||||||
|
activeRequestsRef.current--;
|
||||||
|
setLoadingKeys((prev) => {
|
||||||
|
const newSet = new Set(prev);
|
||||||
|
newSet.delete(id);
|
||||||
|
return newSet;
|
||||||
|
});
|
||||||
|
processQueue();
|
||||||
|
});
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
const loadFileForRecord = (userQualificationinfoId) => {
|
||||||
|
if (!userQualificationinfoId)
|
||||||
|
return Promise.resolve();
|
||||||
|
if (fileCache[userQualificationinfoId])
|
||||||
|
return Promise.resolve();
|
||||||
|
if (loadingKeys.has(userQualificationinfoId))
|
||||||
|
return Promise.resolve();
|
||||||
|
if (pendingLoadIdsRef.current.has(userQualificationinfoId))
|
||||||
|
return Promise.resolve();
|
||||||
|
|
||||||
|
pendingLoadIdsRef.current.add(userQualificationinfoId);
|
||||||
|
setLoadingKeys(prev => new Set([...prev, userQualificationinfoId]));
|
||||||
|
|
||||||
|
return new Promise((resolve, reject) => {
|
||||||
|
requestQueueRef.current.push({ id: userQualificationinfoId, resolve, reject });
|
||||||
|
processQueue();
|
||||||
|
}).finally(() => {
|
||||||
|
pendingLoadIdsRef.current.delete(userQualificationinfoId);
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|
||||||
|
// 缓存数据变化时清空图片缓存
|
||||||
|
useEffect(() => {
|
||||||
|
if (tableProps.dataSource) {
|
||||||
|
const currentIds = new Set(tableProps.dataSource.map(item => item.userCertificateId).filter(Boolean));
|
||||||
|
setFileCache((prev) => {
|
||||||
|
const newCache = {};
|
||||||
|
Object.keys(prev).forEach((id) => {
|
||||||
|
if (currentIds.has(id)) {
|
||||||
|
newCache[id] = prev[id];
|
||||||
|
}
|
||||||
|
});
|
||||||
|
return newCache;
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}, [tableProps.dataSource]);
|
||||||
|
|
||||||
|
// 记录已经触发过加载的 ID，避免 render 重复触发
|
||||||
|
const triggeredLoadIdsRef = useRef(new Set());
|
||||||
|
useEffect(() => {
|
||||||
|
if (tableProps.dataSource) {
|
||||||
|
tableProps.dataSource.forEach((record) => {
|
||||||
|
const id = record.userCertificateId;
|
||||||
|
if (id && !triggeredLoadIdsRef.current.has(id)) {
|
||||||
|
triggeredLoadIdsRef.current.add(id);
|
||||||
|
loadFileForRecord(id);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
// 组件卸载或数据源变化时重置
|
||||||
|
return () => {
|
||||||
|
triggeredLoadIdsRef.current.clear();
|
||||||
|
};
|
||||||
|
}, [tableProps.dataSource]);
|
||||||
|
|
||||||
|
const onValuesChange = (changedValues) => {
|
||||||
|
if ("eqIndustryCategoryCode" in changedValues) {
|
||||||
|
const newIdCard = changedValues.eqIndustryCategoryCode;
|
||||||
|
if (newIdCard) {
|
||||||
|
setOperatingProjectType(newIdCard);
|
||||||
|
form.setFieldsValue({
|
||||||
|
eqIndustryOperatingItemsCode: undefined,
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
if ("eqAssignmentOperatingItemsCode" in changedValues) {
|
||||||
|
const newIdCard = changedValues.eqAssignmentOperatingItemsCode;
|
||||||
|
if (newIdCard) {
|
||||||
|
setOperatingProjectType(newIdCard);
|
||||||
|
form.setFieldsValue({
|
||||||
|
eqAssignmentCategoryCode: undefined,
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
};
|
||||||
|
return (
|
||||||
|
<Page isShowAllAction={false}>
|
||||||
|
|
||||||
|
<Search
|
||||||
|
onValuesChange={onValuesChange}
|
||||||
|
form={form}
|
||||||
|
options={[
|
||||||
|
{
|
||||||
|
name: "likeUserName",
|
||||||
|
label: "姓名",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: personnelType === "tzsbczry" ? "eqAssignmentOperatingItemsCode" : "eqIndustryCategoryCode",
|
||||||
|
label: personnelType === "tzsbczry" ? "操作项目" : "行业类别",
|
||||||
|
render: (
|
||||||
|
<DictionarySelect
|
||||||
|
dictValue={dictionaryType}
|
||||||
|
|
||||||
|
/>
|
||||||
|
),
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: personnelType === "tzsbczry" ? "eqAssignmentCategoryCode" : "eqIndustryOperatingItemsCode",
|
||||||
|
label: personnelType === "tzsbczry" ? "作业类别" : "操作项目",
|
||||||
|
render: (
|
||||||
|
<DictionarySelect
|
||||||
|
dictValue={operatingProjectType}
|
||||||
|
/>
|
||||||
|
),
|
||||||
|
},
|
||||||
|
|
||||||
|
]}
|
||||||
|
onFinish={getData}
|
||||||
|
/>
|
||||||
|
<Table
|
||||||
|
loding={getFileLoading}
|
||||||
|
options={displayType !== "View"}
|
||||||
|
toolBarRender={() => (
|
||||||
|
<>
|
||||||
|
{
|
||||||
|
(displayType !== "View" && props.permission(permissionAdd))
|
||||||
|
&& (
|
||||||
|
<Button
|
||||||
|
type="primary"
|
||||||
|
icon={<AddIcon />}
|
||||||
|
onClick={() => {
|
||||||
|
setAddModalOpen(true);
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
新增
|
||||||
|
</Button>
|
||||||
|
)
|
||||||
|
}
|
||||||
|
</>
|
||||||
|
)}
|
||||||
|
columns={[
|
||||||
|
{
|
||||||
|
title: "姓名",
|
||||||
|
dataIndex: "name",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "证书名称",
|
||||||
|
dataIndex: "certificateName",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "证书编号",
|
||||||
|
dataIndex: "certificateCode",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: personnelType === "tzsbczry" ? "操作项目" : "行业类别",
|
||||||
|
dataIndex: personnelType === "tzsbczry" ? "assignmentOperatingItemsName" : "industryCategoryName",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: personnelType === "tzsbczry" ? "作业类别" : "操作项目",
|
||||||
|
dataIndex: personnelType === "tzsbczry" ? "assignmentCategoryName" : "industryOperatingItemsName",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "有效期至",
|
||||||
|
dataIndex: "certificateDate",
|
||||||
|
width: 280,
|
||||||
|
render: (_, record) =>
|
||||||
|
<div>{`${record.certificateDateStart ?? ""} - ${record.certificateDateEnd ?? ""}`}</div>,
|
||||||
|
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "就职状态",
|
||||||
|
dataIndex: "employmentStatus",
|
||||||
|
render: (_, record) => (
|
||||||
|
<div>{JOB_STATUS[record.employmentStatus] || "-"}</div>
|
||||||
|
|
||||||
|
),
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "图片",
|
||||||
|
dataIndex: "name",
|
||||||
|
render: (_, record) => {
|
||||||
|
const id = record.userCertificateId;
|
||||||
|
const files = fileCache[id] || [];
|
||||||
|
|
||||||
|
if (!files.length)
|
||||||
|
return <span>无</span>;
|
||||||
|
return <TooltipPreviewImg files={files} />;
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "操作",
|
||||||
|
width: 200,
|
||||||
|
render: (_, record) => (
|
||||||
|
<Space>
|
||||||
|
{
|
||||||
|
props.permission(permissionView)
|
||||||
|
&& (
|
||||||
|
<Button
|
||||||
|
type="link"
|
||||||
|
onClick={() => props.history.push(`./View?id=${record.id}&personnelType=${personnelType}`)}
|
||||||
|
>
|
||||||
|
查看
|
||||||
|
</Button>
|
||||||
|
|
||||||
|
)
|
||||||
|
}
|
||||||
|
{
|
||||||
|
(displayType !== "View" && props.permission(permissionEdit))
|
||||||
|
&& (
|
||||||
|
<Button
|
||||||
|
type="link"
|
||||||
|
onClick={() => {
|
||||||
|
setAddModalOpen(true);
|
||||||
|
setCurrentId(record.id);
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
编辑
|
||||||
|
</Button>
|
||||||
|
)
|
||||||
|
}
|
||||||
|
|
||||||
|
{
|
||||||
|
displayType !== "View" && props.permission(permissionDel)
|
||||||
|
&& (
|
||||||
|
<Button
|
||||||
|
danger
|
||||||
|
type="link"
|
||||||
|
onClick={() => onDelete(record)}
|
||||||
|
>
|
||||||
|
删除
|
||||||
|
</Button>
|
||||||
|
)
|
||||||
|
}
|
||||||
|
</Space>
|
||||||
|
),
|
||||||
|
},
|
||||||
|
]}
|
||||||
|
{...tableProps}
|
||||||
|
/>
|
||||||
|
|
||||||
|
{addModalOpen && (
|
||||||
|
<AddModal
|
||||||
|
open={addModalOpen}
|
||||||
|
loding={props.userCertificate.userCertificateLoading}
|
||||||
|
getData={getData}
|
||||||
|
currentId={currentId}
|
||||||
|
requestAdd={props["userCertificateAdd"]}
|
||||||
|
requestEdit={props["userCertificateEdit"]}
|
||||||
|
requestDetails={props["userCertificateInfo"]}
|
||||||
|
userCertificateIsExistCertNo={props["userCertificateIsExistCertNo"]}
|
||||||
|
certificatePhotoType={certificatePhotoType}
|
||||||
|
getUserlistAll={props["getUserlistAll"]}
|
||||||
|
personnelType={personnelType}
|
||||||
|
dictionaryType={dictionaryType}
|
||||||
|
onCancel={() => {
|
||||||
|
setAddModalOpen(false);
|
||||||
|
setCurrentId("");
|
||||||
|
}}
|
||||||
|
onSuccess={(userQualificationinfoId) => {
|
||||||
|
// 清除该记录的图片缓存，强制下次 render 时重新加载
|
||||||
|
setFileCache((prev) => {
|
||||||
|
const newCache = { ...prev };
|
||||||
|
delete newCache[userQualificationinfoId];
|
||||||
|
return newCache;
|
||||||
|
});
|
||||||
|
}}
|
||||||
|
/>
|
||||||
|
)}
|
||||||
|
|
||||||
|
</Page>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
function AddModalComponent(props) {
|
||||||
|
const [form] = Form.useForm();
|
||||||
|
|
||||||
|
const [userQualificationinfoId, setUserQualificationinfoId] = useState("");
|
||||||
|
|
||||||
|
const { loading: deleteFileLoading, deleteFile } = useDeleteFile();
|
||||||
|
const { loading: uploadFileLoading, uploadFile } = useUploadFile();
|
||||||
|
const { loading: getFileLoading, getFile } = useGetFile();
|
||||||
|
const [operatingProjectType, setOperatingProjectType] = useState("");
|
||||||
|
const [deleteCardImageFiles, setDeleteCardImageFiles] = useState([]);
|
||||||
|
const [CertificateCodeValue, setPertificateCodeValue] = useState(null);
|
||||||
|
const [userObj, setUserObj] = useState({});
|
||||||
|
const debouncedCertificateCodeValue = useDebounce(CertificateCodeValue, 100);
|
||||||
|
const [isSubmit, setIsSubmit] = useState(true);
|
||||||
|
const [personnelData, setPersonnelData] = useState([]);
|
||||||
|
const { getUserInfo } = useGetUserInfo();
|
||||||
|
const location = useLocation();
|
||||||
|
|
||||||
|
const getUserInfoFun = async () => {
|
||||||
|
const userInfo = await getUserInfo();
|
||||||
|
|
||||||
|
setUserObj(userInfo);
|
||||||
|
};
|
||||||
|
|
||||||
|
// 校验重复
|
||||||
|
useEffect(() => {
|
||||||
|
if (!debouncedCertificateCodeValue) {
|
||||||
|
form.setFields([
|
||||||
|
{
|
||||||
|
name: "certificateCode",
|
||||||
|
errors: [],
|
||||||
|
},
|
||||||
|
]);
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
props["userCertificateIsExistCertNo"]({
|
||||||
|
certNo: debouncedCertificateCodeValue,
|
||||||
|
id: props.currentId ?? "",
|
||||||
|
}).then((res) => {
|
||||||
|
if (res.data) {
|
||||||
|
form.setFields([
|
||||||
|
{
|
||||||
|
name: "certificateCode",
|
||||||
|
errors: ["证书编号重复"],
|
||||||
|
},
|
||||||
|
]);
|
||||||
|
setIsSubmit(false);
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
setIsSubmit(true);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}, [debouncedCertificateCodeValue]);
|
||||||
|
const getUserlistFun = async () => {
|
||||||
|
props.getUserlistAll({ menuPath: `/certificate${location.pathname}` }).then((res) => {
|
||||||
|
if (res.data) {
|
||||||
|
console.log(res.data);
|
||||||
|
res.data.forEach((item) => {
|
||||||
|
item.bianma = item.id;
|
||||||
|
});
|
||||||
|
setPersonnelData(res.data);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|
||||||
|
useEffect(() => {
|
||||||
|
if (props.currentId) {
|
||||||
|
const fetchData = async () => {
|
||||||
|
const { data } = await props.requestDetails({
|
||||||
|
id: props.currentId,
|
||||||
|
});
|
||||||
|
setOperatingProjectType(data.industryCategoryCode ? data.industryCategoryCode : data.assignmentOperatingItemsCode);
|
||||||
|
data.certificateDate = [data.certificateDateStart, data.certificateDateEnd];
|
||||||
|
|
||||||
|
const certificateImgs = await getFile({
|
||||||
|
eqType: UPLOAD_FILE_TYPE_ENUM[props.certificatePhotoType],
|
||||||
|
eqForeignKey: data.userCertificateId,
|
||||||
|
});
|
||||||
|
data.certificateImgs = certificateImgs;
|
||||||
|
|
||||||
|
form.setFieldsValue(data);
|
||||||
|
setUserQualificationinfoId(data.userCertificateId);
|
||||||
|
};
|
||||||
|
fetchData();
|
||||||
|
}
|
||||||
|
getUserInfoFun();
|
||||||
|
getUserlistFun();
|
||||||
|
}, [props.currentId]);
|
||||||
|
const onCancel = () => {
|
||||||
|
form.resetFields();
|
||||||
|
props.onCancel();
|
||||||
|
};
|
||||||
|
const onSubmit = async (values) => {
|
||||||
|
if (!isSubmit) {
|
||||||
|
form.setFields([
|
||||||
|
{
|
||||||
|
name: "certificateCode",
|
||||||
|
errors: ["证书编号重复"],
|
||||||
|
},
|
||||||
|
]);
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
if (values.certificateImgs.length !== 2) {
|
||||||
|
message.error("证照照片必须上传正反面两张");
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
const maxSizeInBytes = 10 * 1024 * 1024;
|
||||||
|
|
||||||
|
const isOverSize = values.certificateImgs.some(file => file.size > maxSizeInBytes);
|
||||||
|
|
||||||
|
if (isOverSize) {
|
||||||
|
message.error("选择的图片不能大于10MB");
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
await deleteFile({
|
||||||
|
single: false,
|
||||||
|
files: deleteCardImageFiles,
|
||||||
|
});
|
||||||
|
const { id } = await uploadFile({
|
||||||
|
single: false,
|
||||||
|
files: values.certificateImgs,
|
||||||
|
params: {
|
||||||
|
type: UPLOAD_FILE_TYPE_ENUM[props.certificatePhotoType],
|
||||||
|
foreignKey: userQualificationinfoId,
|
||||||
|
},
|
||||||
|
});
|
||||||
|
values.type = props.personnelType;
|
||||||
|
|
||||||
|
const personnelTypeMap = {
|
||||||
|
tezhongzuoye: "特种作业人员",
|
||||||
|
tzsbczry: "特种设备操作人员",
|
||||||
|
zyfzr: "主要负责人",
|
||||||
|
aqscglry: "安全生产管理人员",
|
||||||
|
|
||||||
|
};
|
||||||
|
|
||||||
|
values.typeName = personnelTypeMap[props.personnelType];
|
||||||
|
|
||||||
|
values.certificateDateStart = values.certificateDate[0];
|
||||||
|
values.certificateDateEnd = values.certificateDate[1];
|
||||||
|
|
||||||
|
if (props.currentId) {
|
||||||
|
values.id = props.currentId;
|
||||||
|
values.userCertificateId = userQualificationinfoId;
|
||||||
|
await props.requestEdit(values).then((res) => {
|
||||||
|
if (res.success) {
|
||||||
|
onCancel();
|
||||||
|
props.getData();
|
||||||
|
props.onSuccess(userQualificationinfoId);
|
||||||
|
message.success("编辑成功");
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
values.userCertificateId = id;
|
||||||
|
await props.requestAdd(values).then((res) => {
|
||||||
|
if (res.success) {
|
||||||
|
onCancel();
|
||||||
|
props.getData();
|
||||||
|
props.onSuccess(userQualificationinfoId);
|
||||||
|
message.success("新增成功");
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
};
|
||||||
|
const onValuesChange = (changedValues) => {
|
||||||
|
if ("industryCategoryCode" in changedValues) {
|
||||||
|
const industryCategoryCode = changedValues.industryCategoryCode;
|
||||||
|
|
||||||
|
if (industryCategoryCode) {
|
||||||
|
setOperatingProjectType(industryCategoryCode);
|
||||||
|
|
||||||
|
form.setFieldsValue({
|
||||||
|
industryOperatingItemsCode: undefined,
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
if ("assignmentOperatingItemsCode" in changedValues) {
|
||||||
|
const assignmentOperatingItemsCode = changedValues.assignmentOperatingItemsCode;
|
||||||
|
|
||||||
|
if (assignmentOperatingItemsCode) {
|
||||||
|
setOperatingProjectType(assignmentOperatingItemsCode);
|
||||||
|
|
||||||
|
form.setFieldsValue({
|
||||||
|
assignmentCategoryCode: undefined,
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
if ("certificateCode" in changedValues) {
|
||||||
|
setPertificateCodeValue(changedValues.certificateCode ?? "");
|
||||||
|
}
|
||||||
|
};
|
||||||
|
return (
|
||||||
|
<Modal
|
||||||
|
open={props.open}
|
||||||
|
maskClosable={false}
|
||||||
|
title={props.currentId ? "编辑" : "新增"}
|
||||||
|
width={800}
|
||||||
|
confirmLoading={
|
||||||
|
deleteFileLoading || uploadFileLoading || getFileLoading || props.loding
|
||||||
|
}
|
||||||
|
onOk={form.submit}
|
||||||
|
onCancel={onCancel}
|
||||||
|
|
||||||
|
>
|
||||||
|
<FormBuilder
|
||||||
|
form={form}
|
||||||
|
onValuesChange={onValuesChange}
|
||||||
|
span={24}
|
||||||
|
values={{
|
||||||
|
securityFlag: 0,
|
||||||
|
}}
|
||||||
|
options={[
|
||||||
|
|
||||||
|
{
|
||||||
|
name: "userId",
|
||||||
|
label: "选择人员",
|
||||||
|
render: FORM_ITEM_RENDER_ENUM.SELECT,
|
||||||
|
items: personnelData,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: "certificateName",
|
||||||
|
label: "证书名称",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: "certificateCode",
|
||||||
|
label: "证书编号",
|
||||||
|
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: "issuingAuthority",
|
||||||
|
label: "发证机构",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: "industryCategoryCode",
|
||||||
|
label: "行业类别",
|
||||||
|
hidden: !(props.personnelType === "tezhongzuoye"),
|
||||||
|
render: (
|
||||||
|
<DictionarySelect
|
||||||
|
dictValue={props.dictionaryType}
|
||||||
|
onGetLabel={label => form.setFieldValue("industryCategoryName", label)}
|
||||||
|
/>
|
||||||
|
),
|
||||||
|
},
|
||||||
|
{ name: "industryCategoryName", label: "行业类别名称", onlyForLabel: true },
|
||||||
|
|
||||||
|
{
|
||||||
|
name: "industryOperatingItemsCode",
|
||||||
|
label: "操作项目",
|
||||||
|
hidden: !(props.personnelType === "tezhongzuoye"),
|
||||||
|
render: (
|
||||||
|
<DictionarySelect
|
||||||
|
dictValue={operatingProjectType}
|
||||||
|
onGetLabel={label => form.setFieldValue("industryOperatingItemsName", label)}
|
||||||
|
/>
|
||||||
|
),
|
||||||
|
},
|
||||||
|
{ name: "industryOperatingItemsName", label: "操作项目名称", onlyForLabel: true },
|
||||||
|
|
||||||
|
{
|
||||||
|
name: "assignmentOperatingItemsCode",
|
||||||
|
label: "操作项目",
|
||||||
|
hidden: !(props.personnelType === "tzsbczry"),
|
||||||
|
render: (
|
||||||
|
<DictionarySelect
|
||||||
|
dictValue={props.dictionaryType}
|
||||||
|
onGetLabel={label => form.setFieldValue("assignmentOperatingItemsName", label)}
|
||||||
|
/>
|
||||||
|
),
|
||||||
|
},
|
||||||
|
{ name: "assignmentOperatingItemsName", label: "操作项目名称", onlyForLabel: true },
|
||||||
|
|
||||||
|
{
|
||||||
|
name: "assignmentCategoryCode",
|
||||||
|
label: "作业类别",
|
||||||
|
hidden: !(props.personnelType === "tzsbczry"),
|
||||||
|
render: (
|
||||||
|
<DictionarySelect
|
||||||
|
dictValue={operatingProjectType}
|
||||||
|
onGetLabel={label => form.setFieldValue("assignmentCategoryName", label)}
|
||||||
|
/>
|
||||||
|
),
|
||||||
|
},
|
||||||
|
{ name: "assignmentCategoryName", label: "作业类别名称", onlyForLabel: true },
|
||||||
|
|
||||||
|
{
|
||||||
|
name: "dateIssue",
|
||||||
|
label: "发证日期",
|
||||||
|
render: FORM_ITEM_RENDER_ENUM.DATE,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: "certificateDate",
|
||||||
|
label: "有效期",
|
||||||
|
render: FORM_ITEM_RENDER_ENUM.DATE_RANGE,
|
||||||
|
rules: [
|
||||||
|
{
|
||||||
|
validator: (_, value) => {
|
||||||
|
const allEmptyStrings = Array.isArray(value) && value.every(item => item === "");
|
||||||
|
if (allEmptyStrings) {
|
||||||
|
return Promise.reject(new Error("请选择有效期"));
|
||||||
|
}
|
||||||
|
return Promise.resolve();
|
||||||
|
},
|
||||||
|
},
|
||||||
|
],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: "reviewDate",
|
||||||
|
label: "复审日期",
|
||||||
|
render: FORM_ITEM_RENDER_ENUM.DATE,
|
||||||
|
},
|
||||||
|
|
||||||
|
{
|
||||||
|
name: "certificateImgs",
|
||||||
|
label: "证照照片",
|
||||||
|
render: (
|
||||||
|
<Upload
|
||||||
|
|
||||||
|
maxCount={2}
|
||||||
|
onGetRemoveFile={(file) => {
|
||||||
|
setDeleteCardImageFiles([...deleteCardImageFiles, file]);
|
||||||
|
}}
|
||||||
|
tipContent={(
|
||||||
|
<div
|
||||||
|
style={{
|
||||||
|
lineHeight: 1.6,
|
||||||
|
color: "red",
|
||||||
|
fontSize: 12,
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<div>
|
||||||
|
温馨提示：用户要上传证照照片正反面（证照照片数量是2张）单张大小不超过10MB，支持jpg、jpeg、png格式。
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
)}
|
||||||
|
/>
|
||||||
|
),
|
||||||
|
},
|
||||||
|
]}
|
||||||
|
labelCol={{
|
||||||
|
span: 10,
|
||||||
|
}}
|
||||||
|
showActionButtons={false}
|
||||||
|
onFinish={onSubmit}
|
||||||
|
/>
|
||||||
|
</Modal>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
const AddModal = AddModalComponent;
|
||||||
|
|
||||||
|
export default Connect([NS_USER_CERTIFICATE], true)(Permission(SpecialCertificateList));
|
||||||
|
|
@ -0,0 +1 @@
|
||||||
|
export {};
|
||||||
|
|
@ -0,0 +1,5 @@
|
||||||
|
/**
|
||||||
|
* 全局常量定义
|
||||||
|
*/
|
||||||
|
|
||||||
|
export {};
|
||||||
|
|
@ -0,0 +1,8 @@
|
||||||
|
/**
|
||||||
|
* 全局上下文定义
|
||||||
|
*/
|
||||||
|
|
||||||
|
import React from "react";
|
||||||
|
|
||||||
|
// 获取antd全局静态方法
|
||||||
|
export const InjectContext = React.createContext({});
|
||||||
|
|
@ -0,0 +1,10 @@
|
||||||
|
/**
|
||||||
|
* 全局数据状态管理模块定义
|
||||||
|
*/
|
||||||
|
import { defineNamespace } from "@cqsjjb/jjb-dva-runtime";
|
||||||
|
|
||||||
|
export const NS_GLOBAL = defineNamespace("global");
|
||||||
|
export const NS_PERSNONEL_CERTFICATE = defineNamespace("personnelCertificate");
|
||||||
|
export const NS_CORP_CERTIFICATE = defineNamespace("corpCertificate");
|
||||||
|
export const NS_USER_CERTIFICATE = defineNamespace("userCertificate");
|
||||||
|
export const NS_COURSEWARE = defineNamespace("courseware");
|
||||||
|
|
@ -0,0 +1,49 @@
|
||||||
|
import { setJJBCommonAntdMessage } from "@cqsjjb/jjb-common-lib";
|
||||||
|
import { setup } from "@cqsjjb/jjb-dva-runtime";
|
||||||
|
import { message } from "antd";
|
||||||
|
import dayjs from "dayjs";
|
||||||
|
import { getFileUrlFromServer } from "zy-react-library/utils";
|
||||||
|
import "dayjs/locale/zh-cn";
|
||||||
|
import "../blessed_by_buddha";
|
||||||
|
|
||||||
|
require("antd/dist/reset.css");
|
||||||
|
require("zy-react-library/css/common.less");
|
||||||
|
|
||||||
|
dayjs.locale("zh-cn");
|
||||||
|
setJJBCommonAntdMessage(message);
|
||||||
|
|
||||||
|
const app = setup();
|
||||||
|
getFileUrlFromServer();
|
||||||
|
// 非底座环境运行
|
||||||
|
if (!window.__POWERED_BY_QIANKUN__) {
|
||||||
|
// 云组件默认依赖
|
||||||
|
window.__coreLib = {};
|
||||||
|
window.__coreLib.React = require("react");
|
||||||
|
window.__coreLib.ReactDOM = require("react-dom");
|
||||||
|
window.__coreLib.jjbCommonLib = require("@cqsjjb/jjb-common-lib");
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @description 挂载
|
||||||
|
* @param props {{ setGlobalState: ({ rendered: boolean }) => void }}
|
||||||
|
* @returns {Promise<*>} ''
|
||||||
|
*/
|
||||||
|
export const mount = async (props) => {
|
||||||
|
// 云组件默认依赖
|
||||||
|
window.__coreLib.React = require("react");
|
||||||
|
window.__coreLib.ReactDOM = require("react-dom");
|
||||||
|
window.__coreLib.jjbCommonLib = require("@cqsjjb/jjb-common-lib");
|
||||||
|
app.mount(props);
|
||||||
|
};
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @description 卸载
|
||||||
|
* @param props {object}
|
||||||
|
* @returns {Promise<*>} ''
|
||||||
|
*/
|
||||||
|
export const unmount = async props => app.unmount(props);
|
||||||
|
/**
|
||||||
|
* @description 启动
|
||||||
|
* @param props
|
||||||
|
*/
|
||||||
|
export const bootstrap = async props => app.bootstrap(props);
|
||||||
|
|
@ -0,0 +1,17 @@
|
||||||
|
import EnterpriseLicenseList from "~/pages/Container/Supervision/EnterpriseLicense/EnterpriseLicense";
|
||||||
|
|
||||||
|
function EnterpriseLicense(props) {
|
||||||
|
return (
|
||||||
|
<div>
|
||||||
|
<EnterpriseLicenseList
|
||||||
|
props={props}
|
||||||
|
permissionAdd="qyd-qyzzgl-add"
|
||||||
|
permissionEdit="qyd-qyzzgl-edit"
|
||||||
|
permissionView="qyd-qyzzgl-info"
|
||||||
|
permissionDel="qyd-qyzzgl-del"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
export default EnterpriseLicense;
|
||||||
|
|
@ -0,0 +1,23 @@
|
||||||
|
import { Permission } from "@cqsjjb/jjb-common-decorator/permission";
|
||||||
|
import { Connect } from "@cqsjjb/jjb-dva-runtime";
|
||||||
|
import PersonInChargeList from "~/components/PersonInChargeList";
|
||||||
|
import { NS_USER_CERTIFICATE } from "~/enumerate/namespace";
|
||||||
|
// 企业主要负责人管理
|
||||||
|
function List(props) {
|
||||||
|
return (
|
||||||
|
<div>
|
||||||
|
<PersonInChargeList
|
||||||
|
props={props}
|
||||||
|
certificatePhotoType={161}
|
||||||
|
personnelType="zyfzr"
|
||||||
|
permissionAdd="qyd-zyfzrgl-add"
|
||||||
|
permissionEdit="qyd-zyfzrgl-edit"
|
||||||
|
permissionView="qyd-zyfzrgl-info"
|
||||||
|
permissionDel="qyd-zyfzrgl-del"
|
||||||
|
dictionaryType="zyfzrgwmc0000"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
export default Connect([NS_USER_CERTIFICATE], true)(Permission(List));
|
||||||
|
|
@ -0,0 +1,16 @@
|
||||||
|
import { Connect } from "@cqsjjb/jjb-dva-runtime";
|
||||||
|
import PersonInChargeInfo from "~/components/PersonInChargeInfo";
|
||||||
|
import { NS_USER_CERTIFICATE } from "~/enumerate/namespace";
|
||||||
|
|
||||||
|
function View(props) {
|
||||||
|
return (
|
||||||
|
<div>
|
||||||
|
<PersonInChargeInfo
|
||||||
|
props={props}
|
||||||
|
certificatePhotoType={161}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
export default Connect([NS_USER_CERTIFICATE], true)(View);
|
||||||
|
|
@ -0,0 +1,9 @@
|
||||||
|
function PersonInCharge(props) {
|
||||||
|
return (
|
||||||
|
<div>
|
||||||
|
{props.children}
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
export default PersonInCharge;
|
||||||
|
|
@ -0,0 +1,23 @@
|
||||||
|
import { Permission } from "@cqsjjb/jjb-common-decorator/permission";
|
||||||
|
import { Connect } from "@cqsjjb/jjb-dva-runtime";
|
||||||
|
import PersonInChargeList from "~/components/PersonInChargeList";
|
||||||
|
import { NS_USER_CERTIFICATE } from "~/enumerate/namespace";
|
||||||
|
// 企业安全生产管理人员管理
|
||||||
|
function List(props) {
|
||||||
|
return (
|
||||||
|
<div>
|
||||||
|
<PersonInChargeList
|
||||||
|
props={props}
|
||||||
|
certificatePhotoType={162}
|
||||||
|
personnelType="aqscglry"
|
||||||
|
permissionAdd="qyd-aqscglrygl-add"
|
||||||
|
permissionEdit="qyd-aqscglrygl-edit"
|
||||||
|
permissionView="qyd-aqscglrygl-info"
|
||||||
|
permissionDel="qyd-aqscglrygl-del"
|
||||||
|
dictionaryType="aqscglrygwmc0000"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
export default Connect([NS_USER_CERTIFICATE], true)(Permission(List));
|
||||||
|
|
@ -0,0 +1,16 @@
|
||||||
|
import { Connect } from "@cqsjjb/jjb-dva-runtime";
|
||||||
|
import PersonInChargeInfo from "~/components/PersonInChargeInfo";
|
||||||
|
import { NS_USER_CERTIFICATE } from "~/enumerate/namespace";
|
||||||
|
|
||||||
|
function View(props) {
|
||||||
|
return (
|
||||||
|
<div>
|
||||||
|
<PersonInChargeInfo
|
||||||
|
props={props}
|
||||||
|
certificatePhotoType={162}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
export default Connect([NS_USER_CERTIFICATE], true)(View);
|
||||||
|
|
@ -0,0 +1,9 @@
|
||||||
|
function SecurityAdmini(props) {
|
||||||
|
return (
|
||||||
|
<div>
|
||||||
|
{props.children}
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
export default SecurityAdmini;
|
||||||
|
|
@ -0,0 +1,23 @@
|
||||||
|
import { Connect } from "@cqsjjb/jjb-dva-runtime";
|
||||||
|
import SpecialCertificateList from "~/components/SpecialCertificateList";
|
||||||
|
import { NS_USER_CERTIFICATE } from "~/enumerate/namespace";
|
||||||
|
import {Permission} from "@cqsjjb/jjb-common-decorator/permission";
|
||||||
|
// 企业特种设备操作人员管理
|
||||||
|
function List(props) {
|
||||||
|
return (
|
||||||
|
<div>
|
||||||
|
<SpecialCertificateList
|
||||||
|
props={props}
|
||||||
|
certificatePhotoType={160}
|
||||||
|
personnelType="tzsbczry"
|
||||||
|
permissionAdd="qyd-tzsbczrygl-add"
|
||||||
|
permissionEdit="qyd-tzsbczrygl-edit"
|
||||||
|
permissionView="qyd-tzsbczrygl-info"
|
||||||
|
permissionDel="qyd-tzsbczrygl-del"
|
||||||
|
dictionaryType="tzsbczryczxmzylb0000"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
export default Connect([NS_USER_CERTIFICATE], true)(Permission(List));
|
||||||
|
|
@ -0,0 +1,16 @@
|
||||||
|
import { Connect } from "@cqsjjb/jjb-dva-runtime";
|
||||||
|
import SpecialCertificateInfo from "~/components/SpecialCertificateInfo";
|
||||||
|
import { NS_USER_CERTIFICATE } from "~/enumerate/namespace";
|
||||||
|
|
||||||
|
function View(props) {
|
||||||
|
return (
|
||||||
|
<div>
|
||||||
|
<SpecialCertificateInfo
|
||||||
|
props={props}
|
||||||
|
certificatePhotoType={160}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
export default Connect([NS_USER_CERTIFICATE], true)(View);
|
||||||
|
|
@ -0,0 +1,9 @@
|
||||||
|
function SpecialEquipment(props) {
|
||||||
|
return (
|
||||||
|
<div>
|
||||||
|
{props.children}
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
export default SpecialEquipment;
|
||||||
|
|
@ -0,0 +1,23 @@
|
||||||
|
import { Permission } from "@cqsjjb/jjb-common-decorator/permission";
|
||||||
|
import { Connect } from "@cqsjjb/jjb-dva-runtime";
|
||||||
|
import SpecialCertificateList from "~/components/SpecialCertificateList";
|
||||||
|
import { NS_USER_CERTIFICATE } from "~/enumerate/namespace";
|
||||||
|
// 企业特种作业人员管理
|
||||||
|
function List(props) {
|
||||||
|
return (
|
||||||
|
<div>
|
||||||
|
<SpecialCertificateList
|
||||||
|
props={props}
|
||||||
|
certificatePhotoType={159}
|
||||||
|
personnelType="tezhongzuoye"
|
||||||
|
permissionAdd="qyd-tzzyrugl-add"
|
||||||
|
permissionEdit="qyd-tzzyrugl-edit"
|
||||||
|
permissionView="qyd-tzzyrugl-info"
|
||||||
|
permissionDel="qyd-tzzyrugl-del"
|
||||||
|
dictionaryType="tzzyryhylb0000"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
export default Connect([NS_USER_CERTIFICATE], true)(Permission(List));
|
||||||
|
|
@ -0,0 +1,16 @@
|
||||||
|
import { Connect } from "@cqsjjb/jjb-dva-runtime";
|
||||||
|
import SpecialCertificateInfo from "~/components/SpecialCertificateInfo";
|
||||||
|
import { NS_USER_CERTIFICATE } from "~/enumerate/namespace";
|
||||||
|
|
||||||
|
function View(props) {
|
||||||
|
return (
|
||||||
|
<div>
|
||||||
|
<SpecialCertificateInfo
|
||||||
|
props={props}
|
||||||
|
certificatePhotoType={159}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
export default Connect([NS_USER_CERTIFICATE], true)(View);
|
||||||
|
|
@ -0,0 +1,9 @@
|
||||||
|
function SpecialPersonnel(props) {
|
||||||
|
return (
|
||||||
|
<div>
|
||||||
|
{props.children}
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
export default SpecialPersonnel;
|
||||||
|
|
@ -0,0 +1,9 @@
|
||||||
|
function PersonnelLicense(props) {
|
||||||
|
return (
|
||||||
|
<div>
|
||||||
|
{props.children}
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
export default PersonnelLicense;
|
||||||
|
|
@ -0,0 +1,9 @@
|
||||||
|
function EnterpriseLicenseManage(props) {
|
||||||
|
return (
|
||||||
|
<div>
|
||||||
|
{props.children}
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
export default EnterpriseLicenseManage;
|
||||||
|
|
@ -0,0 +1,9 @@
|
||||||
|
function BranchCompany(props) {
|
||||||
|
return (
|
||||||
|
<div>
|
||||||
|
{props.children}
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
export default BranchCompany;
|
||||||
|
|
@ -0,0 +1,31 @@
|
||||||
|
import { ImportCore } from "@cqsjjb/jjb-common-decorator/module";
|
||||||
|
import React from "react";
|
||||||
|
|
||||||
|
export default class Entry extends React.Component {
|
||||||
|
state = {
|
||||||
|
Component: undefined,
|
||||||
|
};
|
||||||
|
|
||||||
|
componentDidMount() {
|
||||||
|
if (process.env.app.appKey) {
|
||||||
|
ImportCore({
|
||||||
|
name: "$",
|
||||||
|
from: "https://cdn.cqjjb.cn/jcloud/use/plugin/b31c9840a57f11ef91cf7f3cabbb7484/latest",
|
||||||
|
}).then((res) => {
|
||||||
|
if (res.status) {
|
||||||
|
this.setState({ Component: res.module?.default });
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
render() {
|
||||||
|
const { Component } = this.state;
|
||||||
|
return (Component && process.env.app.appKey) && (
|
||||||
|
<Component
|
||||||
|
detail={{ componentKey: process.env.app.appKey }}
|
||||||
|
appKey={process.env.app.appKey}
|
||||||
|
/>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,434 @@
|
||||||
|
import React, {
|
||||||
|
useState,
|
||||||
|
useCallback,
|
||||||
|
useMemo,
|
||||||
|
useEffect,
|
||||||
|
} from "react";
|
||||||
|
import { Layout, Menu, Breadcrumb, Tabs, Button, Dropdown, Space, Typography } from "antd";
|
||||||
|
import {
|
||||||
|
ReloadOutlined,
|
||||||
|
CloseOutlined,
|
||||||
|
CloseCircleOutlined,
|
||||||
|
DownOutlined,
|
||||||
|
MenuFoldOutlined,
|
||||||
|
MenuUnfoldOutlined,
|
||||||
|
} from "@ant-design/icons";
|
||||||
|
import menuItems, {
|
||||||
|
findMenuPath,
|
||||||
|
getPageLabel,
|
||||||
|
getOpenKeys,
|
||||||
|
getSelectedKeys,
|
||||||
|
} from "./menuConfig";
|
||||||
|
|
||||||
|
const { Header, Sider, Content } = Layout;
|
||||||
|
const { Text } = Typography;
|
||||||
|
|
||||||
|
const TABS_KEY = "sim_layout_tabs";
|
||||||
|
const ACTIVE_KEY = "sim_layout_active";
|
||||||
|
|
||||||
|
/* ---- sessionStorage 持久化 ---- */
|
||||||
|
function loadState() {
|
||||||
|
try {
|
||||||
|
const tabs = JSON.parse(sessionStorage.getItem(TABS_KEY) || "[]");
|
||||||
|
const activeKey = sessionStorage.getItem(ACTIVE_KEY) || "";
|
||||||
|
return { tabs, activeKey };
|
||||||
|
} catch {
|
||||||
|
return { tabs: [], activeKey: "" };
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function saveState(tabs, activeKey) {
|
||||||
|
sessionStorage.setItem(TABS_KEY, JSON.stringify(tabs));
|
||||||
|
sessionStorage.setItem(ACTIVE_KEY, activeKey || "");
|
||||||
|
}
|
||||||
|
|
||||||
|
export default function SimulatedLayout({ children }) {
|
||||||
|
const [collapsed, setCollapsed] = useState(false);
|
||||||
|
const [state, setState] = useState(loadState);
|
||||||
|
const currentPath = window.location.pathname;
|
||||||
|
|
||||||
|
// 页面加载时自动将当前路径加入标签
|
||||||
|
useEffect(() => {
|
||||||
|
if (currentPath && !currentPath.endsWith("/container/")) {
|
||||||
|
addTab(currentPath);
|
||||||
|
}
|
||||||
|
}, []); // 仅挂载时执行一次
|
||||||
|
|
||||||
|
/* ---- 标签操作 ---- */
|
||||||
|
const addTab = useCallback((path) => {
|
||||||
|
setState((prev) => {
|
||||||
|
if (prev.tabs.find((t) => t.key === path)) {
|
||||||
|
// 已存在则仅更新 activeKey
|
||||||
|
if (prev.activeKey !== path) {
|
||||||
|
saveState(prev.tabs, path);
|
||||||
|
return { ...prev, activeKey: path };
|
||||||
|
}
|
||||||
|
return prev;
|
||||||
|
}
|
||||||
|
const newTabs = [...prev.tabs, { key: path, label: getPageLabel(path) }];
|
||||||
|
saveState(newTabs, path);
|
||||||
|
return { tabs: newTabs, activeKey: path };
|
||||||
|
});
|
||||||
|
}, []);
|
||||||
|
|
||||||
|
const navigateTo = useCallback((path) => {
|
||||||
|
if (path !== currentPath) {
|
||||||
|
window.location.href = path;
|
||||||
|
}
|
||||||
|
}, [currentPath]);
|
||||||
|
|
||||||
|
const handleCloseTab = useCallback((targetKey) => {
|
||||||
|
setState((prev) => {
|
||||||
|
const idx = prev.tabs.findIndex((t) => t.key === targetKey);
|
||||||
|
const newTabs = prev.tabs.filter((t) => t.key !== targetKey);
|
||||||
|
if (newTabs.length === 0) {
|
||||||
|
saveState([], "");
|
||||||
|
return { tabs: [], activeKey: "" };
|
||||||
|
}
|
||||||
|
let newActive = prev.activeKey;
|
||||||
|
if (targetKey === prev.activeKey) {
|
||||||
|
newActive = newTabs[Math.max(0, idx - 1)]?.key || newTabs[0]?.key;
|
||||||
|
navigateTo(newActive);
|
||||||
|
}
|
||||||
|
saveState(newTabs, newActive);
|
||||||
|
return { tabs: newTabs, activeKey: newActive };
|
||||||
|
});
|
||||||
|
}, [navigateTo]);
|
||||||
|
|
||||||
|
const handleCloseOthers = useCallback((targetKey) => {
|
||||||
|
setState((prev) => {
|
||||||
|
const target = prev.tabs.find((t) => t.key === targetKey);
|
||||||
|
const newTabs = target ? [target] : [];
|
||||||
|
saveState(newTabs, targetKey);
|
||||||
|
if (targetKey !== currentPath) navigateTo(targetKey);
|
||||||
|
return { tabs: newTabs, activeKey: targetKey };
|
||||||
|
});
|
||||||
|
}, [currentPath, navigateTo]);
|
||||||
|
|
||||||
|
const handleCloseRight = useCallback((targetKey) => {
|
||||||
|
setState((prev) => {
|
||||||
|
const idx = prev.tabs.findIndex((t) => t.key === targetKey);
|
||||||
|
if (idx === -1) return prev;
|
||||||
|
const newTabs = prev.tabs.slice(0, idx + 1);
|
||||||
|
saveState(newTabs, targetKey);
|
||||||
|
return { tabs: newTabs, activeKey: targetKey };
|
||||||
|
});
|
||||||
|
}, []);
|
||||||
|
|
||||||
|
const handleCloseAll = useCallback(() => {
|
||||||
|
saveState([], "");
|
||||||
|
setState({ tabs: [], activeKey: "" });
|
||||||
|
}, []);
|
||||||
|
|
||||||
|
const handleRefresh = useCallback(() => {
|
||||||
|
window.location.reload();
|
||||||
|
}, []);
|
||||||
|
|
||||||
|
/* ---- 菜单事件 ---- */
|
||||||
|
const handleMenuClick = useCallback(
|
||||||
|
({ key }) => {
|
||||||
|
navigateTo(key);
|
||||||
|
},
|
||||||
|
[navigateTo],
|
||||||
|
);
|
||||||
|
|
||||||
|
const handleTabChange = useCallback(
|
||||||
|
(key) => {
|
||||||
|
navigateTo(key);
|
||||||
|
},
|
||||||
|
[navigateTo],
|
||||||
|
);
|
||||||
|
|
||||||
|
const handleTabEdit = useCallback(
|
||||||
|
(targetKey, action) => {
|
||||||
|
if (action === "remove") handleCloseTab(targetKey);
|
||||||
|
},
|
||||||
|
[handleCloseTab],
|
||||||
|
);
|
||||||
|
|
||||||
|
/* ---- 面包屑 ---- */
|
||||||
|
const breadcrumbItems = useMemo(() => {
|
||||||
|
const path = findMenuPath(currentPath);
|
||||||
|
return path.map((item, idx) => ({
|
||||||
|
title:
|
||||||
|
idx === path.length - 1 ? (
|
||||||
|
item.label
|
||||||
|
) : (
|
||||||
|
<a onClick={() => handleMenuClick({ key: item.key })}>{item.label}</a>
|
||||||
|
),
|
||||||
|
key: item.key,
|
||||||
|
}));
|
||||||
|
}, [currentPath, handleMenuClick]);
|
||||||
|
|
||||||
|
/* ---- 菜单选中/展开 ---- */
|
||||||
|
const selectedKeys = useMemo(() => getSelectedKeys(currentPath), [currentPath]);
|
||||||
|
const defaultOpenKeys = useMemo(() => getOpenKeys(currentPath), [currentPath]);
|
||||||
|
|
||||||
|
/* ---- 标签页右键菜单 ---- */
|
||||||
|
const buildContextMenu = useCallback(
|
||||||
|
(tabKey) => {
|
||||||
|
const { tabs } = state;
|
||||||
|
const isOnlyOne = tabs.length <= 1;
|
||||||
|
const idx = tabs.findIndex((t) => t.key === tabKey);
|
||||||
|
const hasRight = idx >= 0 && idx < tabs.length - 1;
|
||||||
|
return {
|
||||||
|
items: [
|
||||||
|
{
|
||||||
|
key: "refresh",
|
||||||
|
icon: <ReloadOutlined />,
|
||||||
|
label: "刷新当前标签",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
key: "close",
|
||||||
|
icon: <CloseOutlined />,
|
||||||
|
label: "关闭当前标签",
|
||||||
|
disabled: isOnlyOne,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
key: "close-others",
|
||||||
|
icon: <CloseCircleOutlined />,
|
||||||
|
label: "关闭其他标签",
|
||||||
|
disabled: isOnlyOne,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
key: "close-right",
|
||||||
|
icon: <CloseOutlined />,
|
||||||
|
label: "关闭右侧标签",
|
||||||
|
disabled: !hasRight,
|
||||||
|
},
|
||||||
|
{ type: "divider" },
|
||||||
|
{
|
||||||
|
key: "close-all",
|
||||||
|
icon: <CloseCircleOutlined />,
|
||||||
|
label: "关闭所有标签",
|
||||||
|
disabled: tabs.length === 0,
|
||||||
|
},
|
||||||
|
],
|
||||||
|
onClick: ({ key }) => {
|
||||||
|
switch (key) {
|
||||||
|
case "refresh":
|
||||||
|
handleRefresh();
|
||||||
|
break;
|
||||||
|
case "close":
|
||||||
|
handleCloseTab(tabKey);
|
||||||
|
break;
|
||||||
|
case "close-others":
|
||||||
|
handleCloseOthers(tabKey);
|
||||||
|
break;
|
||||||
|
case "close-right":
|
||||||
|
handleCloseRight(tabKey);
|
||||||
|
break;
|
||||||
|
case "close-all":
|
||||||
|
handleCloseAll();
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
},
|
||||||
|
};
|
||||||
|
},
|
||||||
|
[state, handleRefresh, handleCloseTab, handleCloseOthers, handleCloseRight, handleCloseAll],
|
||||||
|
);
|
||||||
|
|
||||||
|
/* ---- 标签 label 渲染（带右键菜单） ---- */
|
||||||
|
const renderTabLabel = useCallback(
|
||||||
|
(tab) => (
|
||||||
|
<Dropdown menu={buildContextMenu(tab.key)} trigger={["contextMenu"]}>
|
||||||
|
<span style={{ display: "inline-block", padding: "0 8px", userSelect: "none" }}>
|
||||||
|
{tab.label}
|
||||||
|
</span>
|
||||||
|
</Dropdown>
|
||||||
|
),
|
||||||
|
[buildContextMenu],
|
||||||
|
);
|
||||||
|
|
||||||
|
const { tabs, activeKey } = state;
|
||||||
|
const siderWidth = collapsed ? 64 : 220;
|
||||||
|
|
||||||
|
return (
|
||||||
|
<Layout style={{ minHeight: "100vh" }}>
|
||||||
|
{/* ---- 侧边栏 ---- */}
|
||||||
|
<Sider
|
||||||
|
collapsible
|
||||||
|
collapsed={collapsed}
|
||||||
|
onCollapse={setCollapsed}
|
||||||
|
theme="dark"
|
||||||
|
width={220}
|
||||||
|
style={{
|
||||||
|
overflow: "auto",
|
||||||
|
height: "100vh",
|
||||||
|
position: "fixed",
|
||||||
|
left: 0,
|
||||||
|
top: 0,
|
||||||
|
bottom: 0,
|
||||||
|
zIndex: 10,
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
style={{
|
||||||
|
height: 48,
|
||||||
|
display: "flex",
|
||||||
|
alignItems: "center",
|
||||||
|
justifyContent: "center",
|
||||||
|
color: "#fff",
|
||||||
|
fontWeight: 700,
|
||||||
|
fontSize: collapsed ? 15 : 17,
|
||||||
|
borderBottom: "1px solid rgba(255,255,255,0.1)",
|
||||||
|
letterSpacing: 1,
|
||||||
|
flexShrink: 0,
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
{collapsed ? "证照" : "证照管理系统"}
|
||||||
|
</div>
|
||||||
|
<Menu
|
||||||
|
theme="dark"
|
||||||
|
mode="inline"
|
||||||
|
selectedKeys={selectedKeys}
|
||||||
|
defaultOpenKeys={defaultOpenKeys}
|
||||||
|
onClick={handleMenuClick}
|
||||||
|
items={menuItems}
|
||||||
|
style={{ borderRight: 0 }}
|
||||||
|
/>
|
||||||
|
</Sider>
|
||||||
|
|
||||||
|
{/* ---- 右侧主体 ---- */}
|
||||||
|
<Layout
|
||||||
|
style={{
|
||||||
|
marginLeft: siderWidth,
|
||||||
|
transition: "margin-left 0.2s",
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
{/* ---- Header + 面包屑 + 操作按钮 ---- */}
|
||||||
|
<Header
|
||||||
|
style={{
|
||||||
|
background: "#fff",
|
||||||
|
padding: "0 16px",
|
||||||
|
display: "flex",
|
||||||
|
alignItems: "center",
|
||||||
|
justifyContent: "space-between",
|
||||||
|
borderBottom: "1px solid #f0f0f0",
|
||||||
|
height: 48,
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<Space>
|
||||||
|
<Button
|
||||||
|
type="text"
|
||||||
|
icon={collapsed ? <MenuUnfoldOutlined /> : <MenuFoldOutlined />}
|
||||||
|
onClick={() => setCollapsed(!collapsed)}
|
||||||
|
/>
|
||||||
|
<Breadcrumb items={breadcrumbItems} />
|
||||||
|
</Space>
|
||||||
|
<Space>
|
||||||
|
<Button
|
||||||
|
type="text"
|
||||||
|
icon={<ReloadOutlined />}
|
||||||
|
onClick={handleRefresh}
|
||||||
|
>
|
||||||
|
刷新
|
||||||
|
</Button>
|
||||||
|
<Button
|
||||||
|
type="text"
|
||||||
|
icon={<CloseCircleOutlined />}
|
||||||
|
onClick={handleCloseAll}
|
||||||
|
disabled={tabs.length === 0}
|
||||||
|
>
|
||||||
|
关闭所有
|
||||||
|
</Button>
|
||||||
|
<Text type="secondary" style={{ fontSize: 12 }}>
|
||||||
|
模拟布局·Dev
|
||||||
|
</Text>
|
||||||
|
</Space>
|
||||||
|
</Header>
|
||||||
|
|
||||||
|
{/* ---- 标签栏 ---- */}
|
||||||
|
<div
|
||||||
|
style={{
|
||||||
|
background: "#fff",
|
||||||
|
borderBottom: "1px solid #f0f0f0",
|
||||||
|
padding: "4px 8px 0",
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
{tabs.length > 0 ? (
|
||||||
|
<Tabs
|
||||||
|
type="editable-card"
|
||||||
|
hideAdd
|
||||||
|
activeKey={activeKey}
|
||||||
|
onChange={handleTabChange}
|
||||||
|
onEdit={handleTabEdit}
|
||||||
|
size="small"
|
||||||
|
style={{ marginBottom: 0 }}
|
||||||
|
items={tabs.map((tab) => ({
|
||||||
|
key: tab.key,
|
||||||
|
label: renderTabLabel(tab),
|
||||||
|
closable: true,
|
||||||
|
}))}
|
||||||
|
tabBarExtraContent={
|
||||||
|
<Dropdown
|
||||||
|
menu={{
|
||||||
|
items: [
|
||||||
|
{
|
||||||
|
key: "refresh",
|
||||||
|
icon: <ReloadOutlined />,
|
||||||
|
label: "刷新当前标签",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
key: "close-others",
|
||||||
|
icon: <CloseOutlined />,
|
||||||
|
label: "关闭其他标签",
|
||||||
|
disabled: tabs.length <= 1,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
key: "close-all",
|
||||||
|
icon: <CloseCircleOutlined />,
|
||||||
|
label: "关闭所有标签",
|
||||||
|
disabled: tabs.length === 0,
|
||||||
|
},
|
||||||
|
],
|
||||||
|
onClick: ({ key }) => {
|
||||||
|
switch (key) {
|
||||||
|
case "refresh":
|
||||||
|
handleRefresh();
|
||||||
|
break;
|
||||||
|
case "close-others":
|
||||||
|
handleCloseOthers(activeKey);
|
||||||
|
break;
|
||||||
|
case "close-all":
|
||||||
|
handleCloseAll();
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
},
|
||||||
|
}}
|
||||||
|
placement="bottomRight"
|
||||||
|
>
|
||||||
|
<Button type="text" size="small" icon={<DownOutlined />} />
|
||||||
|
</Dropdown>
|
||||||
|
}
|
||||||
|
/>
|
||||||
|
) : (
|
||||||
|
<div
|
||||||
|
style={{
|
||||||
|
height: 36,
|
||||||
|
display: "flex",
|
||||||
|
alignItems: "center",
|
||||||
|
paddingLeft: 8,
|
||||||
|
color: "#bbb",
|
||||||
|
fontSize: 12,
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
暂无打开的标签页，请从左侧菜单选择页面
|
||||||
|
</div>
|
||||||
|
)}
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{/* ---- 内容区 ---- */}
|
||||||
|
<Content
|
||||||
|
style={{
|
||||||
|
margin: 0,
|
||||||
|
minHeight: 280,
|
||||||
|
position: "relative",
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
{children}
|
||||||
|
</Content>
|
||||||
|
</Layout>
|
||||||
|
</Layout>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,239 @@
|
||||||
|
import React from "react";
|
||||||
|
import {
|
||||||
|
DashboardOutlined,
|
||||||
|
FileProtectOutlined,
|
||||||
|
TeamOutlined,
|
||||||
|
BankOutlined,
|
||||||
|
UserSwitchOutlined,
|
||||||
|
IdcardOutlined,
|
||||||
|
SafetyCertificateOutlined,
|
||||||
|
ToolOutlined,
|
||||||
|
UserOutlined,
|
||||||
|
BarChartOutlined,
|
||||||
|
PieChartOutlined,
|
||||||
|
ExperimentOutlined,
|
||||||
|
} from "@ant-design/icons";
|
||||||
|
|
||||||
|
const menuItems = [
|
||||||
|
{
|
||||||
|
key: "/certificate/container/Supervision",
|
||||||
|
label: "监管端",
|
||||||
|
icon: <DashboardOutlined />,
|
||||||
|
children: [
|
||||||
|
{
|
||||||
|
key: "/certificate/container/Supervision/test2",
|
||||||
|
label: "Test2 测试",
|
||||||
|
icon: <ExperimentOutlined />,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
key: "/certificate/container/Supervision/EnterpriseLicense",
|
||||||
|
label: "企业证照",
|
||||||
|
icon: <FileProtectOutlined />,
|
||||||
|
children: [
|
||||||
|
{
|
||||||
|
key: "/certificate/container/Supervision/EnterpriseLicense/EnterpriseLicense",
|
||||||
|
label: "企业证照管理",
|
||||||
|
icon: <IdcardOutlined />,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
key: "/certificate/container/Supervision/EnterpriseLicense/BranchStatistics/List",
|
||||||
|
label: "分公司统计",
|
||||||
|
icon: <BarChartOutlined />,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
key: "/certificate/container/Supervision/EnterpriseLicense/StakeholderStatistics/List",
|
||||||
|
label: "干系人统计",
|
||||||
|
icon: <PieChartOutlined />,
|
||||||
|
},
|
||||||
|
],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
key: "/certificate/container/Supervision/PersonnelLicense",
|
||||||
|
label: "人员证照",
|
||||||
|
icon: <TeamOutlined />,
|
||||||
|
children: [
|
||||||
|
{
|
||||||
|
key: "/certificate/container/Supervision/PersonnelLicense/PersonInCharge/List",
|
||||||
|
label: "负责人",
|
||||||
|
icon: <UserOutlined />,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
key: "/certificate/container/Supervision/PersonnelLicense/SecurityAdmini/List",
|
||||||
|
label: "安全管理员",
|
||||||
|
icon: <SafetyCertificateOutlined />,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
key: "/certificate/container/Supervision/PersonnelLicense/SpecialDevice/List",
|
||||||
|
label: "特种设备",
|
||||||
|
icon: <ToolOutlined />,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
key: "/certificate/container/Supervision/PersonnelLicense/SpecialPersonnel/List",
|
||||||
|
label: "特种作业人员",
|
||||||
|
icon: <IdcardOutlined />,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
key: "/certificate/container/Supervision/PersonnelLicense/BranchCompanyStat/List",
|
||||||
|
label: "分公司人员统计",
|
||||||
|
icon: <BarChartOutlined />,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
key: "/certificate/container/Supervision/PersonnelLicense/StakeholderStat/List",
|
||||||
|
label: "干系人人员统计",
|
||||||
|
icon: <PieChartOutlined />,
|
||||||
|
},
|
||||||
|
],
|
||||||
|
},
|
||||||
|
],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
key: "/certificate/container/BranchCompany",
|
||||||
|
label: "分公司端",
|
||||||
|
icon: <BankOutlined />,
|
||||||
|
children: [
|
||||||
|
{
|
||||||
|
key: "/certificate/container/BranchCompany/EnterpriseLicense/EnterpriseLicense",
|
||||||
|
label: "企业证照管理",
|
||||||
|
icon: <IdcardOutlined />,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
key: "/certificate/container/BranchCompany/EnterpriseLicense/PersonnelLicense",
|
||||||
|
label: "人员证照",
|
||||||
|
icon: <TeamOutlined />,
|
||||||
|
children: [
|
||||||
|
{
|
||||||
|
key: "/certificate/container/BranchCompany/EnterpriseLicense/PersonnelLicense/PersonInCharge/List",
|
||||||
|
label: "负责人",
|
||||||
|
icon: <UserOutlined />,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
key: "/certificate/container/BranchCompany/EnterpriseLicense/PersonnelLicense/SecurityAdmini/List",
|
||||||
|
label: "安全管理员",
|
||||||
|
icon: <SafetyCertificateOutlined />,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
key: "/certificate/container/BranchCompany/EnterpriseLicense/PersonnelLicense/SpecialDevice/List",
|
||||||
|
label: "特种设备",
|
||||||
|
icon: <ToolOutlined />,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
key: "/certificate/container/BranchCompany/EnterpriseLicense/PersonnelLicense/SpecialPersonnel/List",
|
||||||
|
label: "特种作业人员",
|
||||||
|
icon: <IdcardOutlined />,
|
||||||
|
},
|
||||||
|
],
|
||||||
|
},
|
||||||
|
],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
key: "/certificate/container/Stakeholder",
|
||||||
|
label: "干系人端",
|
||||||
|
icon: <UserSwitchOutlined />,
|
||||||
|
children: [
|
||||||
|
{
|
||||||
|
key: "/certificate/container/Stakeholder/EnterpriseLicense/EnterpriseLicense",
|
||||||
|
label: "企业证照管理",
|
||||||
|
icon: <IdcardOutlined />,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
key: "/certificate/container/Stakeholder/EnterpriseLicense/PersonnelLicense",
|
||||||
|
label: "人员证照",
|
||||||
|
icon: <TeamOutlined />,
|
||||||
|
children: [
|
||||||
|
{
|
||||||
|
key: "/certificate/container/Stakeholder/EnterpriseLicense/PersonnelLicense/PersonInCharge/List",
|
||||||
|
label: "负责人",
|
||||||
|
icon: <UserOutlined />,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
key: "/certificate/container/Stakeholder/EnterpriseLicense/PersonnelLicense/SecurityAdmini/List",
|
||||||
|
label: "安全管理员",
|
||||||
|
icon: <SafetyCertificateOutlined />,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
key: "/certificate/container/Stakeholder/EnterpriseLicense/PersonnelLicense/SpecialDevice/List",
|
||||||
|
label: "特种设备",
|
||||||
|
icon: <ToolOutlined />,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
key: "/certificate/container/Stakeholder/EnterpriseLicense/PersonnelLicense/SpecialPersonnel/List",
|
||||||
|
label: "特种作业人员",
|
||||||
|
icon: <IdcardOutlined />,
|
||||||
|
},
|
||||||
|
],
|
||||||
|
},
|
||||||
|
],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
key: "/certificate/container/Test",
|
||||||
|
label: "测试页面",
|
||||||
|
icon: <ExperimentOutlined />,
|
||||||
|
},
|
||||||
|
];
|
||||||
|
|
||||||
|
export default menuItems;
|
||||||
|
|
||||||
|
/** 扁平化菜单 */
|
||||||
|
export function flattenMenu(items) {
|
||||||
|
const result = [];
|
||||||
|
function walk(list) {
|
||||||
|
for (const item of list) {
|
||||||
|
result.push(item);
|
||||||
|
if (item.children) walk(item.children);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
walk(items);
|
||||||
|
return result;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 根据路径查找面包屑路径
|
||||||
|
* 返回从根到叶子节点的菜单项数组
|
||||||
|
*/
|
||||||
|
export function findMenuPath(path) {
|
||||||
|
function search(items, ancestors) {
|
||||||
|
for (const item of items) {
|
||||||
|
const current = [...ancestors, item];
|
||||||
|
if (item.key === path) {
|
||||||
|
return current;
|
||||||
|
}
|
||||||
|
if (item.children) {
|
||||||
|
const found = search(item.children, current);
|
||||||
|
if (found) return found;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
return null;
|
||||||
|
}
|
||||||
|
return search(menuItems, []) || [];
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 根据路径获取页面标签名
|
||||||
|
*/
|
||||||
|
export function getPageLabel(path) {
|
||||||
|
const flat = flattenMenu(menuItems);
|
||||||
|
const item = flat.find((m) => m.key === path);
|
||||||
|
return item?.label || path.split("/").filter(Boolean).pop() || "未命名页面";
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 根据路径获取默认展开的菜单项
|
||||||
|
*/
|
||||||
|
export function getOpenKeys(path) {
|
||||||
|
const breadcrumb = findMenuPath(path);
|
||||||
|
return breadcrumb.slice(0, -1).map((i) => i.key);
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 根据路径获取选中的菜单项
|
||||||
|
*/
|
||||||
|
export function getSelectedKeys(path) {
|
||||||
|
const allPaths = flattenMenu(menuItems).map((m) => m.key);
|
||||||
|
let match = "";
|
||||||
|
for (const p of allPaths) {
|
||||||
|
if (path.startsWith(p) && p.length > match.length) {
|
||||||
|
match = p;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
return match ? [match] : [];
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,17 @@
|
||||||
|
import EnterpriseLicenseList from "~/pages/Container/Supervision/EnterpriseLicense/EnterpriseLicense";
|
||||||
|
|
||||||
|
function EnterpriseLicense(props) {
|
||||||
|
return (
|
||||||
|
<div>
|
||||||
|
<EnterpriseLicenseList
|
||||||
|
props={props}
|
||||||
|
permissionAdd="xgfd-qyzzgl-add"
|
||||||
|
permissionEdit="xgfd-qyzzgl-edit"
|
||||||
|
permissionView="xgfd-qyzzgl-info"
|
||||||
|
permissionDel="xgfd-qyzzgl-del"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
export default EnterpriseLicense;
|
||||||
|
|
@ -0,0 +1,23 @@
|
||||||
|
import { Permission } from "@cqsjjb/jjb-common-decorator/permission";
|
||||||
|
import { Connect } from "@cqsjjb/jjb-dva-runtime";
|
||||||
|
import PersonInChargeList from "~/components/PersonInChargeList";
|
||||||
|
import { NS_USER_CERTIFICATE } from "~/enumerate/namespace";
|
||||||
|
// 企业主要负责人管理
|
||||||
|
function List(props) {
|
||||||
|
return (
|
||||||
|
<div>
|
||||||
|
<PersonInChargeList
|
||||||
|
props={props}
|
||||||
|
certificatePhotoType={161}
|
||||||
|
personnelType="zyfzr"
|
||||||
|
permissionAdd="xgfd-zyfzrgl-add"
|
||||||
|
permissionEdit="xgfd-zyfzrgl-edit"
|
||||||
|
permissionView="xgfd-zyfzrgl-info"
|
||||||
|
permissionDel="xgfd-zyfzrgl-del"
|
||||||
|
dictionaryType="zyfzrgwmc0000"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
export default Connect([NS_USER_CERTIFICATE], true)(Permission(List));
|
||||||
|
|
@ -0,0 +1,16 @@
|
||||||
|
import { Connect } from "@cqsjjb/jjb-dva-runtime";
|
||||||
|
import PersonInChargeInfo from "~/components/PersonInChargeInfo";
|
||||||
|
import { NS_USER_CERTIFICATE } from "~/enumerate/namespace";
|
||||||
|
|
||||||
|
function View(props) {
|
||||||
|
return (
|
||||||
|
<div>
|
||||||
|
<PersonInChargeInfo
|
||||||
|
props={props}
|
||||||
|
certificatePhotoType={161}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
export default Connect([NS_USER_CERTIFICATE], true)(View);
|
||||||
|
|
@ -0,0 +1,9 @@
|
||||||
|
function PersonInCharge(props) {
|
||||||
|
return (
|
||||||
|
<div>
|
||||||
|
{props.children}
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
export default PersonInCharge;
|
||||||
|
|
@ -0,0 +1,23 @@
|
||||||
|
import { Permission } from "@cqsjjb/jjb-common-decorator/permission";
|
||||||
|
import { Connect } from "@cqsjjb/jjb-dva-runtime";
|
||||||
|
import PersonInChargeList from "~/components/PersonInChargeList";
|
||||||
|
import { NS_USER_CERTIFICATE } from "~/enumerate/namespace";
|
||||||
|
// 企业安全生产管理人员管理
|
||||||
|
function List(props) {
|
||||||
|
return (
|
||||||
|
<div>
|
||||||
|
<PersonInChargeList
|
||||||
|
props={props}
|
||||||
|
certificatePhotoType={162}
|
||||||
|
personnelType="aqscglry"
|
||||||
|
permissionAdd="xgfd-aqscglrygl-add"
|
||||||
|
permissionEdit="xgfd-aqscglrygl-edit"
|
||||||
|
permissionView="xgfd-aqscglrygl-info"
|
||||||
|
permissionDel="xgfd-aqscglrygl-del"
|
||||||
|
dictionaryType="aqscglrygwmc0000"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
export default Connect([NS_USER_CERTIFICATE], true)(Permission(List));
|
||||||
|
|
@ -0,0 +1,16 @@
|
||||||
|
import { Connect } from "@cqsjjb/jjb-dva-runtime";
|
||||||
|
import PersonInChargeInfo from "~/components/PersonInChargeInfo";
|
||||||
|
import { NS_USER_CERTIFICATE } from "~/enumerate/namespace";
|
||||||
|
|
||||||
|
function View(props) {
|
||||||
|
return (
|
||||||
|
<div>
|
||||||
|
<PersonInChargeInfo
|
||||||
|
props={props}
|
||||||
|
certificatePhotoType={162}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
export default Connect([NS_USER_CERTIFICATE], true)(View);
|
||||||
|
|
@ -0,0 +1,9 @@
|
||||||
|
function SecurityAdmini(props) {
|
||||||
|
return (
|
||||||
|
<div>
|
||||||
|
{props.children}
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
export default SecurityAdmini;
|
||||||
|
|
@ -0,0 +1,23 @@
|
||||||
|
import { Connect } from "@cqsjjb/jjb-dva-runtime";
|
||||||
|
import SpecialCertificateList from "~/components/SpecialCertificateList";
|
||||||
|
import { NS_USER_CERTIFICATE } from "~/enumerate/namespace";
|
||||||
|
import {Permission} from "@cqsjjb/jjb-common-decorator/permission";
|
||||||
|
// 企业特种设备操作人员管理
|
||||||
|
function List(props) {
|
||||||
|
return (
|
||||||
|
<div>
|
||||||
|
<SpecialCertificateList
|
||||||
|
props={props}
|
||||||
|
certificatePhotoType={160}
|
||||||
|
personnelType="tzsbczry"
|
||||||
|
permissionAdd="xgfd-tzzzsbczrygl-add"
|
||||||
|
permissionEdit="xgfd-tzzzsbczrygl-edit"
|
||||||
|
permissionView="xgfd-tzzzsbczrygl-info"
|
||||||
|
permissionDel="xgfd-tzzzsbczrygl-del"
|
||||||
|
dictionaryType="tzsbczryczxmzylb0000"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
export default Connect([NS_USER_CERTIFICATE], true)(Permission(List));
|
||||||
|
|
@ -0,0 +1,16 @@
|
||||||
|
import { Connect } from "@cqsjjb/jjb-dva-runtime";
|
||||||
|
import SpecialCertificateInfo from "~/components/SpecialCertificateInfo";
|
||||||
|
import { NS_USER_CERTIFICATE } from "~/enumerate/namespace";
|
||||||
|
|
||||||
|
function View(props) {
|
||||||
|
return (
|
||||||
|
<div>
|
||||||
|
<SpecialCertificateInfo
|
||||||
|
props={props}
|
||||||
|
certificatePhotoType={160}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
export default Connect([NS_USER_CERTIFICATE], true)(View);
|
||||||
|
|
@ -0,0 +1,9 @@
|
||||||
|
function SpecialEquipment(props) {
|
||||||
|
return (
|
||||||
|
<div>
|
||||||
|
{props.children}
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
export default SpecialEquipment;
|
||||||
|
|
@ -0,0 +1,23 @@
|
||||||
|
import { Permission } from "@cqsjjb/jjb-common-decorator/permission";
|
||||||
|
import { Connect } from "@cqsjjb/jjb-dva-runtime";
|
||||||
|
import SpecialCertificateList from "~/components/SpecialCertificateList";
|
||||||
|
import { NS_USER_CERTIFICATE } from "~/enumerate/namespace";
|
||||||
|
// 企业特种作业人员管理
|
||||||
|
function List(props) {
|
||||||
|
return (
|
||||||
|
<div>
|
||||||
|
<SpecialCertificateList
|
||||||
|
props={props}
|
||||||
|
certificatePhotoType={159}
|
||||||
|
personnelType="tezhongzuoye"
|
||||||
|
permissionAdd="xgfd-tzzyrugl-add"
|
||||||
|
permissionEdit="xgfd-tzzyrugl-edit"
|
||||||
|
permissionView="xgfd-tzzyrugl-info"
|
||||||
|
permissionDel="xgfd-tzzyrugl-del"
|
||||||
|
dictionaryType="tzzyryhylb0000"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
export default Connect([NS_USER_CERTIFICATE], true)(Permission(List));
|
||||||
|
|
@ -0,0 +1,16 @@
|
||||||
|
import { Connect } from "@cqsjjb/jjb-dva-runtime";
|
||||||
|
import SpecialCertificateInfo from "~/components/SpecialCertificateInfo";
|
||||||
|
import { NS_USER_CERTIFICATE } from "~/enumerate/namespace";
|
||||||
|
|
||||||
|
function View(props) {
|
||||||
|
return (
|
||||||
|
<div>
|
||||||
|
<SpecialCertificateInfo
|
||||||
|
props={props}
|
||||||
|
certificatePhotoType={159}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
export default Connect([NS_USER_CERTIFICATE], true)(View);
|
||||||
|
|
@ -0,0 +1,9 @@
|
||||||
|
function SpecialPersonnel(props) {
|
||||||
|
return (
|
||||||
|
<div>
|
||||||
|
{props.children}
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
export default SpecialPersonnel;
|
||||||
|
|
@ -0,0 +1,9 @@
|
||||||
|
function PersonnelLicense(props) {
|
||||||
|
return (
|
||||||
|
<div>
|
||||||
|
{props.children}
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
export default PersonnelLicense;
|
||||||
|
|
@ -0,0 +1,9 @@
|
||||||
|
function EnterpriseLicenseManage(props) {
|
||||||
|
return (
|
||||||
|
<div>
|
||||||
|
{props.children}
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
export default EnterpriseLicenseManage;
|
||||||
|
|
@ -0,0 +1,9 @@
|
||||||
|
function Stakeholder(props) {
|
||||||
|
return (
|
||||||
|
<div>
|
||||||
|
{props.children}
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
export default Stakeholder;
|
||||||
|
|
@ -0,0 +1,70 @@
|
||||||
|
import { Permission } from "@cqsjjb/jjb-common-decorator/permission";
|
||||||
|
import { Connect } from "@cqsjjb/jjb-dva-runtime";
|
||||||
|
import { Button, Form, Space } from "antd";
|
||||||
|
import Page from "zy-react-library/components/Page";
|
||||||
|
import Search from "zy-react-library/components/Search";
|
||||||
|
import Table from "zy-react-library/components/Table";
|
||||||
|
|
||||||
|
import useTable from "zy-react-library/hooks/useTable";
|
||||||
|
import { NS_CORP_CERTIFICATE } from "~/enumerate/namespace";
|
||||||
|
|
||||||
|
function List(props) {
|
||||||
|
const [form] = Form.useForm();
|
||||||
|
const { tableProps, getData } = useTable(props["corpCertificateStatPage"], {
|
||||||
|
form,
|
||||||
|
transform: (formData) => {
|
||||||
|
return {
|
||||||
|
...formData,
|
||||||
|
corpType: 0,
|
||||||
|
};
|
||||||
|
},
|
||||||
|
});
|
||||||
|
|
||||||
|
return (
|
||||||
|
<Page isShowAllAction={false}>
|
||||||
|
|
||||||
|
<Search
|
||||||
|
form={form}
|
||||||
|
options={[
|
||||||
|
{
|
||||||
|
name: "corpName",
|
||||||
|
label: "公司名称",
|
||||||
|
},
|
||||||
|
]}
|
||||||
|
onFinish={getData}
|
||||||
|
/>
|
||||||
|
<Table
|
||||||
|
columns={[
|
||||||
|
{
|
||||||
|
title: "公司名称",
|
||||||
|
dataIndex: "corpName",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "证书数量",
|
||||||
|
dataIndex: "certCount",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "操作",
|
||||||
|
width: 200,
|
||||||
|
hidden: !props.permission("gfd-zgsztj-info"),
|
||||||
|
render: (_, record) => (
|
||||||
|
<Space>
|
||||||
|
|
||||||
|
<Button
|
||||||
|
type="link"
|
||||||
|
onClick={() => props.history.push(`./View?corpinfoId=${record.corpId}`)}
|
||||||
|
>
|
||||||
|
查看
|
||||||
|
</Button>
|
||||||
|
|
||||||
|
</Space>
|
||||||
|
),
|
||||||
|
},
|
||||||
|
]}
|
||||||
|
{...tableProps}
|
||||||
|
/>
|
||||||
|
|
||||||
|
</Page>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
export default Connect([NS_CORP_CERTIFICATE], true)(Permission(List));
|
||||||
|
|
@ -0,0 +1,15 @@
|
||||||
|
import EnterpriseLicense from "../../EnterpriseLicense";
|
||||||
|
|
||||||
|
function View(props) {
|
||||||
|
return (
|
||||||
|
<div>
|
||||||
|
<EnterpriseLicense
|
||||||
|
props={props}
|
||||||
|
type="View"
|
||||||
|
permissionView="gfd-zgsztj-insideInfo"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
export default View;
|
||||||
|
|
@ -0,0 +1,9 @@
|
||||||
|
function BranchStatistics(props) {
|
||||||
|
return (
|
||||||
|
<div>
|
||||||
|
{props.children}
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
export default BranchStatistics;
|
||||||
|
|
@ -0,0 +1,600 @@
|
||||||
|
import { Permission } from "@cqsjjb/jjb-common-decorator/permission";
|
||||||
|
import { Connect } from "@cqsjjb/jjb-dva-runtime";
|
||||||
|
import { Button, Descriptions, Form, message, Modal, Space } from "antd";
|
||||||
|
import { useEffect, useRef, useState } from "react";
|
||||||
|
import FormBuilder from "zy-react-library/components/FormBuilder";
|
||||||
|
import AddIcon from "zy-react-library/components/Icon/AddIcon";
|
||||||
|
import Page from "zy-react-library/components/Page";
|
||||||
|
import PreviewImg from "zy-react-library/components/PreviewImg";
|
||||||
|
import Search from "zy-react-library/components/Search";
|
||||||
|
import Table from "zy-react-library/components/Table";
|
||||||
|
import TooltipPreviewImg from "zy-react-library/components/TooltipPreviewImg";
|
||||||
|
import Upload from "zy-react-library/components/Upload";
|
||||||
|
import { FORM_ITEM_RENDER_ENUM } from "zy-react-library/enum/formItemRender";
|
||||||
|
|
||||||
|
import { UPLOAD_FILE_TYPE_ENUM } from "zy-react-library/enum/uploadFile/gwj";
|
||||||
|
import useDeleteFile from "zy-react-library/hooks/useDeleteFile";
|
||||||
|
import useGetFile from "zy-react-library/hooks/useGetFile";
|
||||||
|
import useGetUrlQuery from "zy-react-library/hooks/useGetUrlQuery";
|
||||||
|
import useTable from "zy-react-library/hooks/useTable";
|
||||||
|
import useUploadFile from "zy-react-library/hooks/useUploadFile";
|
||||||
|
import { NS_CORP_CERTIFICATE } from "~/enumerate/namespace";
|
||||||
|
import { useDebounce } from "~/utils";
|
||||||
|
|
||||||
|
function EnterpriseLicense(props) {
|
||||||
|
const [addModalOpen, setAddModalOpen] = useState(false);
|
||||||
|
const [viewModalOpen, setViewModalOpen] = useState(false);
|
||||||
|
const [currentId, setCurrentId] = useState("");
|
||||||
|
const queryParams = useGetUrlQuery();
|
||||||
|
|
||||||
|
const permissionAdd = props.permissionAdd ? props.permissionAdd : "gfd-qyzzgl-add";
|
||||||
|
const permissionEdit = props.permissionEdit ? props.permissionEdit : "gfd-qyzzgl-edit";
|
||||||
|
const permissionView = props.permissionView ? props.permissionView : "gfd-qyzzgl-info";
|
||||||
|
const permissionDel = props.permissionDel ? props.permissionDel : "gfd-qyzzgl-del";
|
||||||
|
|
||||||
|
const { loading: getFileLoading, getFile } = useGetFile();
|
||||||
|
const [form] = Form.useForm();
|
||||||
|
const { tableProps, getData } = useTable(props["corpCertificateList"], {
|
||||||
|
form,
|
||||||
|
transform: (formData) => {
|
||||||
|
return {
|
||||||
|
...formData,
|
||||||
|
geCertificateDateStart: formData.certificateDate?.[0],
|
||||||
|
leCertificateDateEnd: formData.certificateDate?.[1],
|
||||||
|
eqCorpinfoId: queryParams["corpinfoId"],
|
||||||
|
|
||||||
|
};
|
||||||
|
},
|
||||||
|
});
|
||||||
|
const onDelete = (id) => {
|
||||||
|
Modal.confirm({
|
||||||
|
title: "提示",
|
||||||
|
content: "确定删除吗？",
|
||||||
|
onOk: () => {
|
||||||
|
props["corpCertificateRemove"]({
|
||||||
|
id,
|
||||||
|
}).then((res) => {
|
||||||
|
if (res.success) {
|
||||||
|
message.success("删除成功");
|
||||||
|
getData();
|
||||||
|
}
|
||||||
|
});
|
||||||
|
getData();
|
||||||
|
},
|
||||||
|
});
|
||||||
|
};
|
||||||
|
const [fileCache, setFileCache] = useState({});
|
||||||
|
const [loadingKeys, setLoadingKeys] = useState(new Set());
|
||||||
|
const pendingLoadIdsRef = useRef(new Set());
|
||||||
|
const requestQueueRef = useRef([]);
|
||||||
|
const activeRequestsRef = useRef(0);
|
||||||
|
const MAX_CONCURRENT_REQUESTS = 3; // 最大并发请求数
|
||||||
|
|
||||||
|
const processQueue = () => {
|
||||||
|
while (
|
||||||
|
requestQueueRef.current.length > 0
|
||||||
|
&& activeRequestsRef.current < MAX_CONCURRENT_REQUESTS
|
||||||
|
) {
|
||||||
|
const { id, resolve, reject } = requestQueueRef.current.shift();
|
||||||
|
activeRequestsRef.current++;
|
||||||
|
|
||||||
|
getFile({
|
||||||
|
eqType: UPLOAD_FILE_TYPE_ENUM["6"],
|
||||||
|
eqForeignKey: id,
|
||||||
|
})
|
||||||
|
.then((res) => {
|
||||||
|
setFileCache(prev => ({
|
||||||
|
...prev,
|
||||||
|
[id]: res || [],
|
||||||
|
}));
|
||||||
|
resolve(res);
|
||||||
|
})
|
||||||
|
.catch((err) => {
|
||||||
|
reject(err);
|
||||||
|
})
|
||||||
|
.finally(() => {
|
||||||
|
activeRequestsRef.current--;
|
||||||
|
setLoadingKeys((prev) => {
|
||||||
|
const newSet = new Set(prev);
|
||||||
|
newSet.delete(id);
|
||||||
|
return newSet;
|
||||||
|
});
|
||||||
|
processQueue();
|
||||||
|
});
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
const loadFileForRecord = (userQualificationinfoId) => {
|
||||||
|
if (!userQualificationinfoId)
|
||||||
|
return Promise.resolve();
|
||||||
|
if (fileCache[userQualificationinfoId])
|
||||||
|
return Promise.resolve();
|
||||||
|
if (loadingKeys.has(userQualificationinfoId))
|
||||||
|
return Promise.resolve();
|
||||||
|
if (pendingLoadIdsRef.current.has(userQualificationinfoId))
|
||||||
|
return Promise.resolve();
|
||||||
|
|
||||||
|
pendingLoadIdsRef.current.add(userQualificationinfoId);
|
||||||
|
setLoadingKeys(prev => new Set([...prev, userQualificationinfoId]));
|
||||||
|
|
||||||
|
return new Promise((resolve, reject) => {
|
||||||
|
requestQueueRef.current.push({ id: userQualificationinfoId, resolve, reject });
|
||||||
|
processQueue();
|
||||||
|
}).finally(() => {
|
||||||
|
pendingLoadIdsRef.current.delete(userQualificationinfoId);
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|
||||||
|
// 缓存数据变化时清空图片缓存
|
||||||
|
useEffect(() => {
|
||||||
|
if (tableProps.dataSource) {
|
||||||
|
const currentIds = new Set(tableProps.dataSource.map(item => item.corpCertificateId).filter(Boolean));
|
||||||
|
setFileCache((prev) => {
|
||||||
|
const newCache = {};
|
||||||
|
Object.keys(prev).forEach((id) => {
|
||||||
|
if (currentIds.has(id)) {
|
||||||
|
newCache[id] = prev[id];
|
||||||
|
}
|
||||||
|
});
|
||||||
|
return newCache;
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}, [tableProps.dataSource]);
|
||||||
|
|
||||||
|
// 记录已经触发过加载的 ID，避免 render 重复触发
|
||||||
|
const triggeredLoadIdsRef = useRef(new Set());
|
||||||
|
useEffect(() => {
|
||||||
|
if (tableProps.dataSource) {
|
||||||
|
tableProps.dataSource.forEach((record) => {
|
||||||
|
const id = record.corpCertificateId;
|
||||||
|
if (id && !triggeredLoadIdsRef.current.has(id)) {
|
||||||
|
triggeredLoadIdsRef.current.add(id);
|
||||||
|
loadFileForRecord(id);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
// 组件卸载或数据源变化时重置
|
||||||
|
return () => {
|
||||||
|
triggeredLoadIdsRef.current.clear();
|
||||||
|
};
|
||||||
|
}, [tableProps.dataSource]);
|
||||||
|
return (
|
||||||
|
<Page isShowAllAction={false}>
|
||||||
|
|
||||||
|
<Search
|
||||||
|
form={form}
|
||||||
|
options={[
|
||||||
|
{
|
||||||
|
name: "likeCertificateName",
|
||||||
|
label: "证书名称",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: "certificateDate",
|
||||||
|
label: "证书有效期",
|
||||||
|
render: FORM_ITEM_RENDER_ENUM.DATE_RANGE,
|
||||||
|
},
|
||||||
|
]}
|
||||||
|
onFinish={getData}
|
||||||
|
/>
|
||||||
|
<Table
|
||||||
|
loding={getFileLoading}
|
||||||
|
toolBarRender={() => (
|
||||||
|
<>
|
||||||
|
{
|
||||||
|
(!props.type && props.permission(permissionAdd))
|
||||||
|
&& (
|
||||||
|
<Button
|
||||||
|
type="primary"
|
||||||
|
icon={<AddIcon />}
|
||||||
|
onClick={() => {
|
||||||
|
setAddModalOpen(true);
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
新增
|
||||||
|
</Button>
|
||||||
|
)
|
||||||
|
}
|
||||||
|
</>
|
||||||
|
)}
|
||||||
|
columns={[
|
||||||
|
|
||||||
|
{
|
||||||
|
title: "证书名称",
|
||||||
|
dataIndex: "certificateName",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "证书编号",
|
||||||
|
dataIndex: "certificateCode",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "证书有效期",
|
||||||
|
dataIndex: "certificateNo",
|
||||||
|
width: 370,
|
||||||
|
render: (_, record) =>
|
||||||
|
<div>{`${record.certificateDateStart ?? ""} - ${record.certificateDateEnd ?? ""}`}</div>,
|
||||||
|
},
|
||||||
|
|
||||||
|
{
|
||||||
|
title: "图片",
|
||||||
|
render: (_, record) => {
|
||||||
|
const id = record.corpCertificateId;
|
||||||
|
const files = fileCache[id] || [];
|
||||||
|
|
||||||
|
if (!files.length)
|
||||||
|
return <span>无</span>;
|
||||||
|
return <TooltipPreviewImg files={files} />;
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "操作",
|
||||||
|
width: 200,
|
||||||
|
render: (_, record) => (
|
||||||
|
<Space>
|
||||||
|
{
|
||||||
|
props.permission(permissionView)
|
||||||
|
&& (
|
||||||
|
<Button
|
||||||
|
type="link"
|
||||||
|
onClick={() => {
|
||||||
|
setViewModalOpen(true);
|
||||||
|
setCurrentId(record.id);
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
查看
|
||||||
|
</Button>
|
||||||
|
|
||||||
|
)
|
||||||
|
}
|
||||||
|
{
|
||||||
|
(!props.type && props.permission(permissionEdit))
|
||||||
|
&& (
|
||||||
|
<Button
|
||||||
|
type="link"
|
||||||
|
onClick={() => {
|
||||||
|
setAddModalOpen(true);
|
||||||
|
setCurrentId(record.id);
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
编辑
|
||||||
|
</Button>
|
||||||
|
)
|
||||||
|
}
|
||||||
|
|
||||||
|
{
|
||||||
|
(!props.type && props.permission(permissionDel))
|
||||||
|
&& (
|
||||||
|
<Button
|
||||||
|
danger
|
||||||
|
type="link"
|
||||||
|
onClick={() => onDelete(record.id)}
|
||||||
|
>
|
||||||
|
删除
|
||||||
|
</Button>
|
||||||
|
)
|
||||||
|
}
|
||||||
|
</Space>
|
||||||
|
),
|
||||||
|
},
|
||||||
|
]}
|
||||||
|
{...tableProps}
|
||||||
|
/>
|
||||||
|
|
||||||
|
{addModalOpen && (
|
||||||
|
<AddModal
|
||||||
|
open={addModalOpen}
|
||||||
|
loding={props.corpCertificate.corpCertificateLoading}
|
||||||
|
getData={getData}
|
||||||
|
currentId={currentId}
|
||||||
|
requestAdd={props["corpCertificateAdd"]}
|
||||||
|
requestEdit={props["corpCertificateEdit"]}
|
||||||
|
requestDetails={props["corpCertificateInfo"]}
|
||||||
|
corpCertificateIsExistCertNo={props["corpCertificateIsExistCertNo"]}
|
||||||
|
onCancel={() => {
|
||||||
|
setAddModalOpen(false);
|
||||||
|
setCurrentId("");
|
||||||
|
}}
|
||||||
|
onSuccess={(userQualificationinfoId) => {
|
||||||
|
// 清除该记录的图片缓存，强制下次 render 时重新加载
|
||||||
|
setFileCache((prev) => {
|
||||||
|
const newCache = { ...prev };
|
||||||
|
delete newCache[userQualificationinfoId];
|
||||||
|
return newCache;
|
||||||
|
});
|
||||||
|
}}
|
||||||
|
/>
|
||||||
|
)}
|
||||||
|
{viewModalOpen && (
|
||||||
|
<ViewModal
|
||||||
|
open={viewModalOpen}
|
||||||
|
loding={props.corpCertificate.corpCertificateLoading}
|
||||||
|
getData={getData}
|
||||||
|
currentId={currentId}
|
||||||
|
requestDetails={props["corpCertificateInfo"]}
|
||||||
|
onCancel={() => {
|
||||||
|
setViewModalOpen(false);
|
||||||
|
setCurrentId("");
|
||||||
|
}}
|
||||||
|
|
||||||
|
/>
|
||||||
|
)}
|
||||||
|
</Page>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
function AddModalComponent(props) {
|
||||||
|
const [form] = Form.useForm();
|
||||||
|
const [userQualificationinfoId, setUserQualificationinfoId] = useState("");
|
||||||
|
|
||||||
|
const { loading: deleteFileLoading, deleteFile } = useDeleteFile();
|
||||||
|
const { loading: uploadFileLoading, uploadFile } = useUploadFile();
|
||||||
|
const { loading: getFileLoading, getFile } = useGetFile();
|
||||||
|
const [deleteCardImageFiles, setDeleteCardImageFiles] = useState([]);
|
||||||
|
const [CertificateCodeValue, setPertificateCodeValue] = useState(null);
|
||||||
|
const [isSubmit, setIsSubmit] = useState(true);
|
||||||
|
const debouncedCertificateCodeValue = useDebounce(CertificateCodeValue, 100);
|
||||||
|
useEffect(() => {
|
||||||
|
if (props.currentId) {
|
||||||
|
const fetchData = async () => {
|
||||||
|
const { data } = await props.requestDetails({
|
||||||
|
id: props.currentId,
|
||||||
|
});
|
||||||
|
|
||||||
|
data.certificateDate = [data.certificateDateStart, data.certificateDateEnd];
|
||||||
|
const certificateImgs = await getFile({
|
||||||
|
eqType: UPLOAD_FILE_TYPE_ENUM["6"],
|
||||||
|
eqForeignKey: data.corpCertificateId,
|
||||||
|
});
|
||||||
|
data.certificateImgs = certificateImgs;
|
||||||
|
form.setFieldsValue(data);
|
||||||
|
setUserQualificationinfoId(data.corpCertificateId);
|
||||||
|
};
|
||||||
|
fetchData();
|
||||||
|
}
|
||||||
|
}, [props.currentId]);
|
||||||
|
const onCancel = () => {
|
||||||
|
form.resetFields();
|
||||||
|
props.onCancel();
|
||||||
|
};
|
||||||
|
const onSubmit = async (values) => {
|
||||||
|
await deleteFile({
|
||||||
|
single: false,
|
||||||
|
files: deleteCardImageFiles,
|
||||||
|
});
|
||||||
|
values.certificateDateStart = values.certificateDate[0];
|
||||||
|
values.certificateDateEnd = values.certificateDate[1];
|
||||||
|
|
||||||
|
if (!isSubmit) {
|
||||||
|
form.setFields([
|
||||||
|
{
|
||||||
|
name: "certificateCode",
|
||||||
|
errors: ["证书编号重复"],
|
||||||
|
},
|
||||||
|
]);
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
const { id } = await uploadFile({
|
||||||
|
single: false,
|
||||||
|
files: values.certificateImgs,
|
||||||
|
params: {
|
||||||
|
type: UPLOAD_FILE_TYPE_ENUM["6"],
|
||||||
|
foreignKey: userQualificationinfoId,
|
||||||
|
},
|
||||||
|
});
|
||||||
|
if (props.currentId) {
|
||||||
|
values.id = props.currentId;
|
||||||
|
values.corpCertificateId = userQualificationinfoId;
|
||||||
|
|
||||||
|
await props.requestEdit(values).then((res) => {
|
||||||
|
if (res.success) {
|
||||||
|
onCancel();
|
||||||
|
props.getData();
|
||||||
|
message.success("编辑成功");
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
values.corpCertificateId = id;
|
||||||
|
await props.requestAdd(values).then((res) => {
|
||||||
|
if (res.success) {
|
||||||
|
onCancel();
|
||||||
|
props.getData();
|
||||||
|
message.success("新增成功");
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
};
|
||||||
|
// 校验重复
|
||||||
|
useEffect(() => {
|
||||||
|
if (!debouncedCertificateCodeValue) {
|
||||||
|
form.setFields([
|
||||||
|
{
|
||||||
|
name: "certificateCode",
|
||||||
|
errors: [],
|
||||||
|
},
|
||||||
|
]);
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
props["corpCertificateIsExistCertNo"]({
|
||||||
|
certNo: debouncedCertificateCodeValue,
|
||||||
|
id: props.currentId ?? "",
|
||||||
|
}).then((res) => {
|
||||||
|
if (res.data) {
|
||||||
|
form.setFields([
|
||||||
|
{
|
||||||
|
name: "certificateCode",
|
||||||
|
errors: ["证书编号重复"],
|
||||||
|
},
|
||||||
|
]);
|
||||||
|
setIsSubmit(false);
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
setIsSubmit(true);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}, [debouncedCertificateCodeValue]);
|
||||||
|
|
||||||
|
const onValuesChange = (changedValues) => {
|
||||||
|
if ("certificateCode" in changedValues) {
|
||||||
|
setPertificateCodeValue(changedValues.certificateCode ?? "");
|
||||||
|
}
|
||||||
|
};
|
||||||
|
return (
|
||||||
|
<Modal
|
||||||
|
open={props.open}
|
||||||
|
maskClosable={false}
|
||||||
|
title={props.currentId ? "编辑" : "新增"}
|
||||||
|
width={800}
|
||||||
|
confirmLoading={
|
||||||
|
deleteFileLoading || uploadFileLoading || getFileLoading || props.loding
|
||||||
|
}
|
||||||
|
onOk={form.submit}
|
||||||
|
onCancel={onCancel}
|
||||||
|
>
|
||||||
|
<FormBuilder
|
||||||
|
form={form}
|
||||||
|
span={24}
|
||||||
|
onValuesChange={onValuesChange}
|
||||||
|
values={{
|
||||||
|
securityFlag: 0,
|
||||||
|
}}
|
||||||
|
options={[
|
||||||
|
{
|
||||||
|
name: "certificateName",
|
||||||
|
label: "证书名称",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: "certificateDate",
|
||||||
|
label: "证书有效期",
|
||||||
|
render: FORM_ITEM_RENDER_ENUM.DATE_RANGE,
|
||||||
|
|
||||||
|
rules: [
|
||||||
|
{
|
||||||
|
validator: (_, value) => {
|
||||||
|
const allEmptyStrings = Array.isArray(value) && value.every(item => item === "");
|
||||||
|
if (allEmptyStrings) {
|
||||||
|
return Promise.reject(new Error("请选择有效期"));
|
||||||
|
}
|
||||||
|
return Promise.resolve();
|
||||||
|
},
|
||||||
|
},
|
||||||
|
],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: "certificateCode",
|
||||||
|
label: "证书编号",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: "remark",
|
||||||
|
label: "备注",
|
||||||
|
required: false,
|
||||||
|
render: FORM_ITEM_RENDER_ENUM.TEXTAREA,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: "certificateImgs",
|
||||||
|
label: "证书图片",
|
||||||
|
render: (
|
||||||
|
<Upload
|
||||||
|
|
||||||
|
maxCount={3}
|
||||||
|
onGetRemoveFile={(file) => {
|
||||||
|
setDeleteCardImageFiles([...deleteCardImageFiles, file]);
|
||||||
|
}}
|
||||||
|
/>
|
||||||
|
),
|
||||||
|
},
|
||||||
|
]}
|
||||||
|
labelCol={{
|
||||||
|
span: 10,
|
||||||
|
}}
|
||||||
|
showActionButtons={false}
|
||||||
|
onFinish={onSubmit}
|
||||||
|
/>
|
||||||
|
</Modal>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
const AddModal = AddModalComponent;
|
||||||
|
|
||||||
|
function ViewModalComponent(props) {
|
||||||
|
const [form] = Form.useForm();
|
||||||
|
|
||||||
|
const [info, setInfo] = useState({});
|
||||||
|
|
||||||
|
const { loading: getFileLoading, getFile } = useGetFile();
|
||||||
|
|
||||||
|
useEffect(() => {
|
||||||
|
if (props.currentId) {
|
||||||
|
const fetchData = async () => {
|
||||||
|
const { data } = await props.requestDetails({
|
||||||
|
id: props.currentId,
|
||||||
|
});
|
||||||
|
const certificateImgs = await getFile({
|
||||||
|
eqType: UPLOAD_FILE_TYPE_ENUM["6"],
|
||||||
|
eqForeignKey: data.corpCertificateId,
|
||||||
|
});
|
||||||
|
|
||||||
|
data.certificateImgs = certificateImgs;
|
||||||
|
setInfo(data);
|
||||||
|
};
|
||||||
|
fetchData();
|
||||||
|
}
|
||||||
|
}, [props.currentId]);
|
||||||
|
const onCancel = () => {
|
||||||
|
form.resetFields();
|
||||||
|
props.onCancel();
|
||||||
|
};
|
||||||
|
|
||||||
|
return (
|
||||||
|
<Modal
|
||||||
|
open={props.open}
|
||||||
|
maskClosable={false}
|
||||||
|
title="查看"
|
||||||
|
width={800}
|
||||||
|
cancelText="关闭"
|
||||||
|
okButtonProps={{
|
||||||
|
style: {
|
||||||
|
display: "none",
|
||||||
|
},
|
||||||
|
}}
|
||||||
|
confirmLoading={
|
||||||
|
getFileLoading || props.loding
|
||||||
|
}
|
||||||
|
|
||||||
|
onCancel={onCancel}
|
||||||
|
>
|
||||||
|
<Descriptions
|
||||||
|
size="middle"
|
||||||
|
bordered
|
||||||
|
labelStyle={{ width: 200 }}
|
||||||
|
items={[
|
||||||
|
{
|
||||||
|
label: "证书名称",
|
||||||
|
children: info.certificateName,
|
||||||
|
span: 4,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: "证书有效期",
|
||||||
|
children: <div>{`${info.certificateDateStart ?? ""} - ${info.certificateDateEnd ?? ""}`}</div>,
|
||||||
|
span: 4,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: "证书编号",
|
||||||
|
children: info.certificateCode,
|
||||||
|
span: 4,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: "备注",
|
||||||
|
children: info.remark,
|
||||||
|
span: 4,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: "证书图片",
|
||||||
|
children: <PreviewImg files={info.certificateImgs} />,
|
||||||
|
span: 4,
|
||||||
|
},
|
||||||
|
]}
|
||||||
|
/>
|
||||||
|
</Modal>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
const ViewModal = ViewModalComponent;
|
||||||
|
export default Connect([NS_CORP_CERTIFICATE], true)(Permission(EnterpriseLicense));
|
||||||
|
|
@ -0,0 +1,72 @@
|
||||||
|
import { Permission } from "@cqsjjb/jjb-common-decorator/permission";
|
||||||
|
import { Connect } from "@cqsjjb/jjb-dva-runtime";
|
||||||
|
import { Button, Form, Space } from "antd";
|
||||||
|
import Page from "zy-react-library/components/Page";
|
||||||
|
import Search from "zy-react-library/components/Search";
|
||||||
|
import Table from "zy-react-library/components/Table";
|
||||||
|
|
||||||
|
import useTable from "zy-react-library/hooks/useTable";
|
||||||
|
import { NS_CORP_CERTIFICATE } from "~/enumerate/namespace";
|
||||||
|
|
||||||
|
function List(props) {
|
||||||
|
const [form] = Form.useForm();
|
||||||
|
const { tableProps, getData } = useTable(props["corpCertificateStatPage"], {
|
||||||
|
form,
|
||||||
|
transform: (formData) => {
|
||||||
|
return {
|
||||||
|
...formData,
|
||||||
|
corpType: 1,
|
||||||
|
|
||||||
|
};
|
||||||
|
},
|
||||||
|
});
|
||||||
|
|
||||||
|
return (
|
||||||
|
<Page isShowAllAction={false}>
|
||||||
|
|
||||||
|
<Search
|
||||||
|
form={form}
|
||||||
|
options={[
|
||||||
|
{
|
||||||
|
name: "corpName",
|
||||||
|
label: "公司名称",
|
||||||
|
},
|
||||||
|
|
||||||
|
]}
|
||||||
|
onFinish={getData}
|
||||||
|
/>
|
||||||
|
<Table
|
||||||
|
columns={[
|
||||||
|
{
|
||||||
|
title: "公司名称",
|
||||||
|
dataIndex: "corpName",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "证书数量",
|
||||||
|
dataIndex: "certCount",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "操作",
|
||||||
|
width: 200,
|
||||||
|
hidden: !props.permission("gfd-xgfztj-info"),
|
||||||
|
render: (_, record) => (
|
||||||
|
<Space>
|
||||||
|
|
||||||
|
<Button
|
||||||
|
type="link"
|
||||||
|
onClick={() => props.history.push(`./View?corpinfoId=${record.corpId}`)}
|
||||||
|
>
|
||||||
|
查看
|
||||||
|
</Button>
|
||||||
|
|
||||||
|
</Space>
|
||||||
|
),
|
||||||
|
},
|
||||||
|
]}
|
||||||
|
{...tableProps}
|
||||||
|
/>
|
||||||
|
|
||||||
|
</Page>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
export default Connect([NS_CORP_CERTIFICATE], true)(Permission(List));
|
||||||
|
|
@ -0,0 +1,15 @@
|
||||||
|
import EnterpriseLicense from "../../EnterpriseLicense";
|
||||||
|
|
||||||
|
function View(props) {
|
||||||
|
return (
|
||||||
|
<div>
|
||||||
|
<EnterpriseLicense
|
||||||
|
props={props}
|
||||||
|
type="View"
|
||||||
|
permissionView="gfd-xgfztj-insideInfo"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
export default View;
|
||||||
|
|
@ -0,0 +1,9 @@
|
||||||
|
function StakeholderStatistics(props) {
|
||||||
|
return (
|
||||||
|
<div>
|
||||||
|
{props.children}
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
export default StakeholderStatistics;
|
||||||
|
|
@ -0,0 +1,9 @@
|
||||||
|
function EnterpriseLicenseManage(props) {
|
||||||
|
return (
|
||||||
|
<div>
|
||||||
|
{props.children}
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
export default EnterpriseLicenseManage;
|
||||||
|
|
@ -0,0 +1,117 @@
|
||||||
|
import { Permission } from "@cqsjjb/jjb-common-decorator/permission";
|
||||||
|
import { Connect } from "@cqsjjb/jjb-dva-runtime";
|
||||||
|
import { Button, Form, Space } from "antd";
|
||||||
|
import Page from "zy-react-library/components/Page";
|
||||||
|
import Search from "zy-react-library/components/Search";
|
||||||
|
import Table from "zy-react-library/components/Table";
|
||||||
|
|
||||||
|
import useTable from "zy-react-library/hooks/useTable";
|
||||||
|
import { NS_USER_CERTIFICATE } from "~/enumerate/namespace";
|
||||||
|
|
||||||
|
function List(props) {
|
||||||
|
const [form] = Form.useForm();
|
||||||
|
const { tableProps, getData } = useTable(props["userCertificateStatPage"], {
|
||||||
|
form,
|
||||||
|
transform: (formData) => {
|
||||||
|
return {
|
||||||
|
...formData,
|
||||||
|
corpType: 0,
|
||||||
|
};
|
||||||
|
},
|
||||||
|
});
|
||||||
|
|
||||||
|
return (
|
||||||
|
<Page isShowAllAction={false}>
|
||||||
|
|
||||||
|
<Search
|
||||||
|
form={form}
|
||||||
|
options={[
|
||||||
|
{
|
||||||
|
name: "corpName",
|
||||||
|
label: "公司名称",
|
||||||
|
},
|
||||||
|
]}
|
||||||
|
onFinish={getData}
|
||||||
|
/>
|
||||||
|
<Table
|
||||||
|
columns={[
|
||||||
|
{
|
||||||
|
title: "公司名称",
|
||||||
|
dataIndex: "corpName",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "特种作业人员证书数",
|
||||||
|
dataIndex: "specialWorkCertCount",
|
||||||
|
render: (_, record) => (
|
||||||
|
<Space>
|
||||||
|
|
||||||
|
<Button
|
||||||
|
type="link"
|
||||||
|
onClick={() => props.history.push(`./SpecialPersonnel/List?corpinfoId=${record.corpinfoId}`)}
|
||||||
|
disabled={!props.permission("gfd-fzgsryzztj-tzzyInfo")}
|
||||||
|
>
|
||||||
|
{record.specialWorkCertCount}
|
||||||
|
</Button>
|
||||||
|
|
||||||
|
</Space>
|
||||||
|
),
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "特种设备操作人员证书数",
|
||||||
|
dataIndex: "specialEquipmentCertCount",
|
||||||
|
render: (_, record) => (
|
||||||
|
<Space>
|
||||||
|
|
||||||
|
<Button
|
||||||
|
type="link"
|
||||||
|
onClick={() => props.history.push(`./SpecialDevice/List?corpinfoId=${record.corpinfoId}`)}
|
||||||
|
disabled={!props.permission("gfd-fzgsryzztj-tzsbInfo")}
|
||||||
|
>
|
||||||
|
{record.specialEquipmentCertCount}
|
||||||
|
</Button>
|
||||||
|
|
||||||
|
</Space>
|
||||||
|
),
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "主要负责人证书数",
|
||||||
|
dataIndex: "principalCertCount",
|
||||||
|
render: (_, record) => (
|
||||||
|
<Space>
|
||||||
|
|
||||||
|
<Button
|
||||||
|
type="link"
|
||||||
|
onClick={() => props.history.push(`./PersonInCharge/List?corpinfoId=${record.corpinfoId}`)}
|
||||||
|
disabled={!props.permission("gfd-fzgsryzztj-zyfzrInfo")}
|
||||||
|
>
|
||||||
|
{record.principalCertCount}
|
||||||
|
</Button>
|
||||||
|
|
||||||
|
</Space>
|
||||||
|
),
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "安全生产管理人员证书数",
|
||||||
|
dataIndex: "safetyManagerCertCount",
|
||||||
|
render: (_, record) => (
|
||||||
|
<Space>
|
||||||
|
<Button
|
||||||
|
type="link"
|
||||||
|
onClick={() => props.history.push(`./SecurityAdmini/List?corpinfoId=${record.corpinfoId}`)}
|
||||||
|
disabled={!props.permission("gfd-fzgsryzztj-aqgly-info")}
|
||||||
|
>
|
||||||
|
{record.safetyManagerCertCount}
|
||||||
|
</Button>
|
||||||
|
|
||||||
|
</Space>
|
||||||
|
),
|
||||||
|
},
|
||||||
|
|
||||||
|
]}
|
||||||
|
{...tableProps}
|
||||||
|
/>
|
||||||
|
|
||||||
|
</Page>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
export default Connect([NS_USER_CERTIFICATE], true)(Permission(List));
|
||||||
|
|
@ -0,0 +1,24 @@
|
||||||
|
import { Permission } from "@cqsjjb/jjb-common-decorator/permission";
|
||||||
|
import { Connect } from "@cqsjjb/jjb-dva-runtime";
|
||||||
|
import Page from "zy-react-library/components/Page";
|
||||||
|
import PersonInChargeList from "~/components/PersonInChargeList";
|
||||||
|
import { NS_USER_CERTIFICATE } from "~/enumerate/namespace";
|
||||||
|
// 企业主要负责人管理
|
||||||
|
function List(props) {
|
||||||
|
return (
|
||||||
|
<Page headerTitle="主要负责人证书数" isShowFooter={false}>
|
||||||
|
<div>
|
||||||
|
<PersonInChargeList
|
||||||
|
props={props}
|
||||||
|
certificatePhotoType={161}
|
||||||
|
displayType="View"
|
||||||
|
personnelType="zyfzr"
|
||||||
|
permissionView="gfd-fzgsryzztj-zyfzrInfoNb"
|
||||||
|
dictionaryType="zyfzrgwmc0000"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</Page>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
export default Connect([NS_USER_CERTIFICATE], true)(Permission(List));
|
||||||
|
|
@ -0,0 +1,16 @@
|
||||||
|
import { Connect } from "@cqsjjb/jjb-dva-runtime";
|
||||||
|
import PersonInChargeInfo from "~/components/PersonInChargeInfo";
|
||||||
|
import { NS_USER_CERTIFICATE } from "~/enumerate/namespace";
|
||||||
|
|
||||||
|
function View(props) {
|
||||||
|
return (
|
||||||
|
<div>
|
||||||
|
<PersonInChargeInfo
|
||||||
|
props={props}
|
||||||
|
certificatePhotoType={161}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
export default Connect([NS_USER_CERTIFICATE], true)(View);
|
||||||
|
|
@ -0,0 +1,9 @@
|
||||||
|
function PersonInCharge(props) {
|
||||||
|
return (
|
||||||
|
<div>
|
||||||
|
{props.children}
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
export default PersonInCharge;
|
||||||
|
|
@ -0,0 +1,22 @@
|
||||||
|
import { Permission } from "@cqsjjb/jjb-common-decorator/permission";
|
||||||
|
import { Connect } from "@cqsjjb/jjb-dva-runtime";
|
||||||
|
import Page from "zy-react-library/components/Page";
|
||||||
|
import PersonInChargeList from "~/components/PersonInChargeList";
|
||||||
|
import { NS_USER_CERTIFICATE } from "~/enumerate/namespace";
|
||||||
|
// 企业安全生产管理人员管理
|
||||||
|
function List(props) {
|
||||||
|
return (
|
||||||
|
<Page headerTitle="安全生产管理人员证书数" isShowFooter={false}>
|
||||||
|
<PersonInChargeList
|
||||||
|
props={props}
|
||||||
|
certificatePhotoType={162}
|
||||||
|
displayType="View"
|
||||||
|
personnelType="aqscglry"
|
||||||
|
permissionView="gfd-fzgsryzztj-aqgly-infoNb"
|
||||||
|
dictionaryType="aqscglrygwmc0000"
|
||||||
|
/>
|
||||||
|
</Page>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
export default Connect([NS_USER_CERTIFICATE], true)(Permission(List));
|
||||||
|
|
@ -0,0 +1,16 @@
|
||||||
|
import { Connect } from "@cqsjjb/jjb-dva-runtime";
|
||||||
|
import PersonInChargeInfo from "~/components/PersonInChargeInfo";
|
||||||
|
import { NS_USER_CERTIFICATE } from "~/enumerate/namespace";
|
||||||
|
|
||||||
|
function View(props) {
|
||||||
|
return (
|
||||||
|
<div>
|
||||||
|
<PersonInChargeInfo
|
||||||
|
props={props}
|
||||||
|
certificatePhotoType={162}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
export default Connect([NS_USER_CERTIFICATE], true)(View);
|
||||||
|
|
@ -0,0 +1,9 @@
|
||||||
|
function SecurityAdmini(props) {
|
||||||
|
return (
|
||||||
|
<div>
|
||||||
|
{props.children}
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
export default SecurityAdmini;
|
||||||
|
|
@ -0,0 +1,22 @@
|
||||||
|
import { Permission } from "@cqsjjb/jjb-common-decorator/permission";
|
||||||
|
import { Connect } from "@cqsjjb/jjb-dva-runtime";
|
||||||
|
import Page from "zy-react-library/components/Page";
|
||||||
|
import SpecialCertificateList from "~/components/SpecialCertificateList";
|
||||||
|
import { NS_USER_CERTIFICATE } from "~/enumerate/namespace";
|
||||||
|
// 企业特种设备操作人员管理
|
||||||
|
function List(props) {
|
||||||
|
return (
|
||||||
|
<Page headerTitle="特种设备操作人员证书数" isShowFooter={false}>
|
||||||
|
<SpecialCertificateList
|
||||||
|
props={props}
|
||||||
|
certificatePhotoType={160}
|
||||||
|
displayType="View"
|
||||||
|
personnelType="tzsbczry"
|
||||||
|
permissionView="gfd-fzgsryzztj-tzsbInfoNb"
|
||||||
|
dictionaryType="tzsbczryczxmzylb0000"
|
||||||
|
/>
|
||||||
|
</Page>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
export default Connect([NS_USER_CERTIFICATE], true)(Permission(List));
|
||||||
|
|
@ -0,0 +1,16 @@
|
||||||
|
import { Connect } from "@cqsjjb/jjb-dva-runtime";
|
||||||
|
import SpecialCertificateInfo from "~/components/SpecialCertificateInfo";
|
||||||
|
import { NS_USER_CERTIFICATE } from "~/enumerate/namespace";
|
||||||
|
|
||||||
|
function View(props) {
|
||||||
|
return (
|
||||||
|
<div>
|
||||||
|
<SpecialCertificateInfo
|
||||||
|
props={props}
|
||||||
|
certificatePhotoType={160}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
export default Connect([NS_USER_CERTIFICATE], true)(View);
|
||||||
|
|
@ -0,0 +1,9 @@
|
||||||
|
function SpecialEquipment(props) {
|
||||||
|
return (
|
||||||
|
<div>
|
||||||
|
{props.children}
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
export default SpecialEquipment;
|
||||||
|
|
@ -0,0 +1,22 @@
|
||||||
|
import { Permission } from "@cqsjjb/jjb-common-decorator/permission";
|
||||||
|
import { Connect } from "@cqsjjb/jjb-dva-runtime";
|
||||||
|
import Page from "zy-react-library/components/Page";
|
||||||
|
import SpecialCertificateList from "~/components/SpecialCertificateList";
|
||||||
|
import { NS_USER_CERTIFICATE } from "~/enumerate/namespace";
|
||||||
|
// 企业特种作业人员管理
|
||||||
|
function List(props) {
|
||||||
|
return (
|
||||||
|
<Page headerTitle="特种作业人员证书数" isShowFooter={false}>
|
||||||
|
<SpecialCertificateList
|
||||||
|
props={props}
|
||||||
|
certificatePhotoType={159}
|
||||||
|
displayType="View"
|
||||||
|
personnelType="tezhongzuoye"
|
||||||
|
permissionView="gfd-fzgsryzztj-tzzyInfoNb"
|
||||||
|
dictionaryType="tzzyryhylb0000"
|
||||||
|
/>
|
||||||
|
</Page>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
export default Connect([NS_USER_CERTIFICATE], true)(Permission(List));
|
||||||
|
|
@ -0,0 +1,16 @@
|
||||||
|
import { Connect } from "@cqsjjb/jjb-dva-runtime";
|
||||||
|
import SpecialCertificateInfo from "~/components/SpecialCertificateInfo";
|
||||||
|
import { NS_USER_CERTIFICATE } from "~/enumerate/namespace";
|
||||||
|
|
||||||
|
function View(props) {
|
||||||
|
return (
|
||||||
|
<div>
|
||||||
|
<SpecialCertificateInfo
|
||||||
|
props={props}
|
||||||
|
certificatePhotoType={159}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
export default Connect([NS_USER_CERTIFICATE], true)(View);
|
||||||
|
|
@ -0,0 +1,9 @@
|
||||||
|
function SpecialPersonnel(props) {
|
||||||
|
return (
|
||||||
|
<div>
|
||||||
|
{props.children}
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
export default SpecialPersonnel;
|
||||||
|
|
@ -0,0 +1,9 @@
|
||||||
|
function BranchCompanyStat(props) {
|
||||||
|
return (
|
||||||
|
<div>
|
||||||
|
{props.children}
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
export default BranchCompanyStat;
|
||||||
|
|
@ -0,0 +1,23 @@
|
||||||
|
import { Permission } from "@cqsjjb/jjb-common-decorator/permission";
|
||||||
|
import { Connect } from "@cqsjjb/jjb-dva-runtime";
|
||||||
|
import PersonInChargeList from "~/components/PersonInChargeList";
|
||||||
|
import { NS_USER_CERTIFICATE } from "~/enumerate/namespace";
|
||||||
|
// 企业主要负责人管理
|
||||||
|
function List(props) {
|
||||||
|
return (
|
||||||
|
<div>
|
||||||
|
<PersonInChargeList
|
||||||
|
props={props}
|
||||||
|
certificatePhotoType={161}
|
||||||
|
personnelType="zyfzr"
|
||||||
|
permissionAdd="gfd-qyzyfzrgl-add"
|
||||||
|
permissionEdit="gfd-qyzyfzrgl-edit"
|
||||||
|
permissionView="gfd-qyzyfzrgl-info"
|
||||||
|
permissionDel="gfd-qyzyfzrgl-del"
|
||||||
|
dictionaryType="zyfzrgwmc0000"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
export default Connect([NS_USER_CERTIFICATE], true)(Permission(List));
|
||||||
|
|
@ -0,0 +1,16 @@
|
||||||
|
import { Connect } from "@cqsjjb/jjb-dva-runtime";
|
||||||
|
import PersonInChargeInfo from "~/components/PersonInChargeInfo";
|
||||||
|
import { NS_USER_CERTIFICATE } from "~/enumerate/namespace";
|
||||||
|
|
||||||
|
function View(props) {
|
||||||
|
return (
|
||||||
|
<div>
|
||||||
|
<PersonInChargeInfo
|
||||||
|
props={props}
|
||||||
|
certificatePhotoType={161}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
export default Connect([NS_USER_CERTIFICATE], true)(View);
|
||||||
|
|
@ -0,0 +1,9 @@
|
||||||
|
function PersonInCharge(props) {
|
||||||
|
return (
|
||||||
|
<div>
|
||||||
|
{props.children}
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
export default PersonInCharge;
|
||||||
|
|
@ -0,0 +1,23 @@
|
||||||
|
import { Permission } from "@cqsjjb/jjb-common-decorator/permission";
|
||||||
|
import { Connect } from "@cqsjjb/jjb-dva-runtime";
|
||||||
|
import PersonInChargeList from "~/components/PersonInChargeList";
|
||||||
|
import { NS_USER_CERTIFICATE } from "~/enumerate/namespace";
|
||||||
|
// 企业安全生产管理人员管理
|
||||||
|
function List(props) {
|
||||||
|
return (
|
||||||
|
<div>
|
||||||
|
<PersonInChargeList
|
||||||
|
props={props}
|
||||||
|
certificatePhotoType={162}
|
||||||
|
personnelType="aqscglry"
|
||||||
|
permissionAdd="gfd-qyaqscglrygl-add"
|
||||||
|
permissionEdit="gfd-qyaqscglrygl-edit"
|
||||||
|
permissionView="gfd-qyaqscglrygl-info"
|
||||||
|
permissionDel="gfd-qyaqscglrygl-del"
|
||||||
|
dictionaryType="aqscglrygwmc0000"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
export default Connect([NS_USER_CERTIFICATE], true)(Permission(List));
|
||||||
|
|
@ -0,0 +1,16 @@
|
||||||
|
import { Connect } from "@cqsjjb/jjb-dva-runtime";
|
||||||
|
import PersonInChargeInfo from "~/components/PersonInChargeInfo";
|
||||||
|
import { NS_USER_CERTIFICATE } from "~/enumerate/namespace";
|
||||||
|
|
||||||
|
function View(props) {
|
||||||
|
return (
|
||||||
|
<div>
|
||||||
|
<PersonInChargeInfo
|
||||||
|
props={props}
|
||||||
|
certificatePhotoType={162}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
export default Connect([NS_USER_CERTIFICATE], true)(View);
|
||||||
|
|
@ -0,0 +1,9 @@
|
||||||
|
function SecurityAdmini(props) {
|
||||||
|
return (
|
||||||
|
<div>
|
||||||
|
{props.children}
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
export default SecurityAdmini;
|
||||||
|
|
@ -0,0 +1,23 @@
|
||||||
|
import { Permission } from "@cqsjjb/jjb-common-decorator/permission";
|
||||||
|
import { Connect } from "@cqsjjb/jjb-dva-runtime";
|
||||||
|
import SpecialCertificateList from "~/components/SpecialCertificateList";
|
||||||
|
import { NS_USER_CERTIFICATE } from "~/enumerate/namespace";
|
||||||
|
// 企业特种设备操作人员管理
|
||||||
|
function List(props) {
|
||||||
|
return (
|
||||||
|
<div>
|
||||||
|
<SpecialCertificateList
|
||||||
|
props={props}
|
||||||
|
certificatePhotoType={160}
|
||||||
|
personnelType="tzsbczry"
|
||||||
|
permissionAdd="gfd-tzsbczrygl-add"
|
||||||
|
permissionEdit="gfd-tzsbczrygl-edit"
|
||||||
|
permissionView="gfd-tzsbczrygl-info"
|
||||||
|
permissionDel="gfd-tzsbczrygl-del"
|
||||||
|
dictionaryType="tzsbczryczxmzylb0000"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
export default Connect([NS_USER_CERTIFICATE], true)(Permission(List));
|
||||||
|
|
@ -0,0 +1,16 @@
|
||||||
|
import { Connect } from "@cqsjjb/jjb-dva-runtime";
|
||||||
|
import SpecialCertificateInfo from "~/components/SpecialCertificateInfo";
|
||||||
|
import { NS_USER_CERTIFICATE } from "~/enumerate/namespace";
|
||||||
|
|
||||||
|
function View(props) {
|
||||||
|
return (
|
||||||
|
<div>
|
||||||
|
<SpecialCertificateInfo
|
||||||
|
props={props}
|
||||||
|
certificatePhotoType={160}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
export default Connect([NS_USER_CERTIFICATE], true)(View);
|
||||||
|
|
@ -0,0 +1,9 @@
|
||||||
|
function SpecialEquipment(props) {
|
||||||
|
return (
|
||||||
|
<div>
|
||||||
|
{props.children}
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
export default SpecialEquipment;
|
||||||
|
|
@ -0,0 +1,22 @@
|
||||||
|
import { Permission } from "@cqsjjb/jjb-common-decorator/permission";
|
||||||
|
import { Connect } from "@cqsjjb/jjb-dva-runtime";
|
||||||
|
import SpecialCertificateList from "~/components/SpecialCertificateList";
|
||||||
|
import { NS_USER_CERTIFICATE } from "~/enumerate/namespace";
|
||||||
|
// 企业特种作业人员管理
|
||||||
|
function List(props) {
|
||||||
|
return (
|
||||||
|
<div>
|
||||||
|
<SpecialCertificateList
|
||||||
|
props={props}
|
||||||
|
certificatePhotoType={159}
|
||||||
|
personnelType="tezhongzuoye"
|
||||||
|
permissionAdd="gfd-tzzyrugl-add"
|
||||||
|
permissionEdit="gfd-tzzyrugl-edit"
|
||||||
|
permissionView="gfd-tzzyrugl-info"
|
||||||
|
permissionDel="gfd-tzzyrugl-del"
|
||||||
|
dictionaryType="tzzyryhylb0000"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
export default Connect([NS_USER_CERTIFICATE], true)(Permission(List));
|
||||||
|
|
@ -0,0 +1,16 @@
|
||||||
|
import { Connect } from "@cqsjjb/jjb-dva-runtime";
|
||||||
|
import SpecialCertificateInfo from "~/components/SpecialCertificateInfo";
|
||||||
|
import { NS_USER_CERTIFICATE } from "~/enumerate/namespace";
|
||||||
|
|
||||||
|
function View(props) {
|
||||||
|
return (
|
||||||
|
<div>
|
||||||
|
<SpecialCertificateInfo
|
||||||
|
props={props}
|
||||||
|
certificatePhotoType={159}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
export default Connect([NS_USER_CERTIFICATE], true)(View);
|
||||||
|
|
@ -0,0 +1,9 @@
|
||||||
|
function SpecialPersonnel(props) {
|
||||||
|
return (
|
||||||
|
<div>
|
||||||
|
{props.children}
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
export default SpecialPersonnel;
|
||||||
|
|
@ -0,0 +1,119 @@
|
||||||
|
import { Permission } from "@cqsjjb/jjb-common-decorator/permission";
|
||||||
|
import { Connect } from "@cqsjjb/jjb-dva-runtime";
|
||||||
|
import { Button, Form, Space } from "antd";
|
||||||
|
import Page from "zy-react-library/components/Page";
|
||||||
|
import Search from "zy-react-library/components/Search";
|
||||||
|
import Table from "zy-react-library/components/Table";
|
||||||
|
|
||||||
|
import useTable from "zy-react-library/hooks/useTable";
|
||||||
|
import { NS_USER_CERTIFICATE } from "~/enumerate/namespace";
|
||||||
|
|
||||||
|
function List(props) {
|
||||||
|
const [form] = Form.useForm();
|
||||||
|
const { tableProps, getData } = useTable(props["userCertificateStatPage"], {
|
||||||
|
form,
|
||||||
|
transform: (formData) => {
|
||||||
|
return {
|
||||||
|
...formData,
|
||||||
|
corpType: 1,
|
||||||
|
};
|
||||||
|
},
|
||||||
|
});
|
||||||
|
|
||||||
|
return (
|
||||||
|
<Page isShowAllAction={false}>
|
||||||
|
|
||||||
|
<Search
|
||||||
|
form={form}
|
||||||
|
options={[
|
||||||
|
{
|
||||||
|
name: "corpName",
|
||||||
|
label: "公司名称",
|
||||||
|
},
|
||||||
|
]}
|
||||||
|
onFinish={getData}
|
||||||
|
/>
|
||||||
|
<Table
|
||||||
|
columns={[
|
||||||
|
{
|
||||||
|
title: "公司名称",
|
||||||
|
dataIndex: "corpName",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "特种作业人员证书数",
|
||||||
|
dataIndex: "specialWorkCertCount",
|
||||||
|
render: (_, record) => (
|
||||||
|
<Space>
|
||||||
|
|
||||||
|
<Button
|
||||||
|
type="link"
|
||||||
|
|
||||||
|
disabled={!props.permission("gfd-xgfryzztj-tzzyInfo")}
|
||||||
|
onClick={() => props.history.push(`./SpecialPersonnel/List?corpinfoId=${record.corpinfoId}`)}
|
||||||
|
>
|
||||||
|
{record.specialWorkCertCount}
|
||||||
|
</Button>
|
||||||
|
|
||||||
|
</Space>
|
||||||
|
),
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "特种设备操作人员证书数",
|
||||||
|
dataIndex: "specialEquipmentCertCount",
|
||||||
|
render: (_, record) => (
|
||||||
|
<Space>
|
||||||
|
|
||||||
|
<Button
|
||||||
|
type="link"
|
||||||
|
onClick={() => props.history.push(`./SpecialDevice/List?corpinfoId=${record.corpinfoId}`)}
|
||||||
|
disabled={!props.permission("gfd-xgfryzztj-tzsbInfo")}
|
||||||
|
>
|
||||||
|
{record.specialEquipmentCertCount}
|
||||||
|
</Button>
|
||||||
|
|
||||||
|
</Space>
|
||||||
|
),
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "主要负责人证书数",
|
||||||
|
dataIndex: "principalCertCount",
|
||||||
|
render: (_, record) => (
|
||||||
|
<Space>
|
||||||
|
|
||||||
|
<Button
|
||||||
|
type="link"
|
||||||
|
onClick={() => props.history.push(`./PersonInCharge/List?corpinfoId=${record.corpinfoId}`)}
|
||||||
|
disabled={!props.permission("gfd-xgfryzztj-zyfzrInfo")}
|
||||||
|
>
|
||||||
|
{record.principalCertCount}
|
||||||
|
</Button>
|
||||||
|
|
||||||
|
</Space>
|
||||||
|
),
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "安全生产管理人员证书数",
|
||||||
|
dataIndex: "safetyManagerCertCount",
|
||||||
|
render: (_, record) => (
|
||||||
|
<Space>
|
||||||
|
|
||||||
|
<Button
|
||||||
|
type="link"
|
||||||
|
onClick={() => props.history.push(`./SecurityAdmini/List?corpinfoId=${record.corpinfoId}`)}
|
||||||
|
disabled={!props.permission("gfd-xgfryzztj-aqscInfo")}
|
||||||
|
>
|
||||||
|
{record.safetyManagerCertCount}
|
||||||
|
</Button>
|
||||||
|
|
||||||
|
</Space>
|
||||||
|
),
|
||||||
|
},
|
||||||
|
|
||||||
|
]}
|
||||||
|
{...tableProps}
|
||||||
|
/>
|
||||||
|
|
||||||
|
</Page>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
export default Connect([NS_USER_CERTIFICATE], true)(Permission(List));
|
||||||
|
|
@ -0,0 +1,22 @@
|
||||||
|
import { Permission } from "@cqsjjb/jjb-common-decorator/permission";
|
||||||
|
import { Connect } from "@cqsjjb/jjb-dva-runtime";
|
||||||
|
import Page from "zy-react-library/components/Page";
|
||||||
|
import PersonInChargeList from "~/components/PersonInChargeList";
|
||||||
|
import { NS_USER_CERTIFICATE } from "~/enumerate/namespace";
|
||||||
|
// 企业主要负责人管理
|
||||||
|
function List(props) {
|
||||||
|
return (
|
||||||
|
<Page headerTitle="主要负责人证书数" isShowFooter={false}>
|
||||||
|
<PersonInChargeList
|
||||||
|
props={props}
|
||||||
|
certificatePhotoType={161}
|
||||||
|
displayType="View"
|
||||||
|
personnelType="zyfzr"
|
||||||
|
permissionView="gfd-xgfryzztj-zyfzrInfoNb"
|
||||||
|
dictionaryType="zyfzrgwmc0000"
|
||||||
|
/>
|
||||||
|
</Page>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
export default Connect([NS_USER_CERTIFICATE], true)(Permission(List));
|
||||||
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in New Issue