init
LiuJiaNan
commit
81b0f177c4
|
|
@ -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
|
||||||
|
|
@ -0,0 +1,14 @@
|
||||||
|
# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
|
||||||
|
|
||||||
|
# dependencies
|
||||||
|
/node_modules
|
||||||
|
|
||||||
|
# production
|
||||||
|
/dist
|
||||||
|
/demo
|
||||||
|
|
||||||
|
npm-debug.log*
|
||||||
|
yarn-debug.log*
|
||||||
|
yarn-error.log*
|
||||||
|
.idea
|
||||||
|
yarn.lock
|
||||||
|
|
@ -0,0 +1,47 @@
|
||||||
|
{
|
||||||
|
"prettier.enable": false,
|
||||||
|
"editor.formatOnSave": false,
|
||||||
|
|
||||||
|
"editor.codeActionsOnSave": {
|
||||||
|
"source.fixAll.eslint": "explicit",
|
||||||
|
"source.organizeImports": "never"
|
||||||
|
},
|
||||||
|
|
||||||
|
"eslint.rules.customizations": [
|
||||||
|
{ "rule": "style/*", "severity": "off", "fixable": true },
|
||||||
|
{ "rule": "format/*", "severity": "off", "fixable": true },
|
||||||
|
{ "rule": "*-indent", "severity": "off", "fixable": true },
|
||||||
|
{ "rule": "*-spacing", "severity": "off", "fixable": true },
|
||||||
|
{ "rule": "*-spaces", "severity": "off", "fixable": true },
|
||||||
|
{ "rule": "*-order", "severity": "off", "fixable": true },
|
||||||
|
{ "rule": "*-dangle", "severity": "off", "fixable": true },
|
||||||
|
{ "rule": "*-newline", "severity": "off", "fixable": true },
|
||||||
|
{ "rule": "*quotes", "severity": "off", "fixable": true },
|
||||||
|
{ "rule": "*semi", "severity": "off", "fixable": true }
|
||||||
|
],
|
||||||
|
|
||||||
|
"eslint.validate": [
|
||||||
|
"javascript",
|
||||||
|
"javascriptreact",
|
||||||
|
"typescript",
|
||||||
|
"typescriptreact",
|
||||||
|
"vue",
|
||||||
|
"html",
|
||||||
|
"markdown",
|
||||||
|
"json",
|
||||||
|
"json5",
|
||||||
|
"jsonc",
|
||||||
|
"yaml",
|
||||||
|
"toml",
|
||||||
|
"xml",
|
||||||
|
"gql",
|
||||||
|
"graphql",
|
||||||
|
"astro",
|
||||||
|
"svelte",
|
||||||
|
"css",
|
||||||
|
"less",
|
||||||
|
"scss",
|
||||||
|
"pcss",
|
||||||
|
"postcss"
|
||||||
|
]
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,75 @@
|
||||||
|
# 微应用模板说明文档
|
||||||
|
|
||||||
|
## 在线文档
|
||||||
|
|
||||||
|
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,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,77 @@
|
||||||
|
module.exports = {
|
||||||
|
// 应用后端git地址，部署上线需要
|
||||||
|
javaGit: "<git-url>",
|
||||||
|
// 应用后端仓库名称，部署上线需要
|
||||||
|
javaGitName: "<git-name>",
|
||||||
|
// 环境配置
|
||||||
|
environment: {
|
||||||
|
development: {
|
||||||
|
// 应用后端分支名称，部署上线需要
|
||||||
|
javaGitBranch: "<branch-name>",
|
||||||
|
// 接口服务地址
|
||||||
|
API_HOST: "http://192.168.20.100:30140",
|
||||||
|
},
|
||||||
|
production: {
|
||||||
|
// 应用后端分支名称，部署上线需要
|
||||||
|
javaGitBranch: "<branch-name>",
|
||||||
|
// 接口服务地址
|
||||||
|
API_HOST: "",
|
||||||
|
},
|
||||||
|
},
|
||||||
|
// 应用唯一标识符
|
||||||
|
appIdentifier: "inspection",
|
||||||
|
// 应用上下文注入全局变量
|
||||||
|
contextInject: {
|
||||||
|
// 应用Key
|
||||||
|
appKey: "",
|
||||||
|
fileUrl: "http://192.168.20.240:9787/mnt/",
|
||||||
|
},
|
||||||
|
// public/index.html注入全局变量
|
||||||
|
windowInject: {
|
||||||
|
// 应用标题
|
||||||
|
title: "微应用模板",
|
||||||
|
// 注入css链接集合
|
||||||
|
links: [],
|
||||||
|
element: {
|
||||||
|
root: {
|
||||||
|
// 挂载DOM元素ID
|
||||||
|
id: "root",
|
||||||
|
},
|
||||||
|
},
|
||||||
|
// 注入js链接集合
|
||||||
|
scripts: [
|
||||||
|
"https://api.map.baidu.com/api?v=1.0&type=webgl&ak=OElqFYoKiAH8KFtph8ftLKF5NlNrbCUr",
|
||||||
|
],
|
||||||
|
},
|
||||||
|
// 开发服务
|
||||||
|
server: {
|
||||||
|
// 监听端口号
|
||||||
|
port: "8080",
|
||||||
|
// 服务地址
|
||||||
|
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,49 @@
|
||||||
|
{
|
||||||
|
"name": "micro-app",
|
||||||
|
"version": "2.0.0",
|
||||||
|
"description": "建教帮微应用模板",
|
||||||
|
"author": "JJB",
|
||||||
|
"license": "MIT",
|
||||||
|
"main": "index.js",
|
||||||
|
"scripts": {
|
||||||
|
"serve": "node node_modules/@cqsjjb/scripts/webpack.dev.server.js",
|
||||||
|
"build": "node node_modules/@cqsjjb/scripts/webpack.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": "latest",
|
||||||
|
"@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",
|
||||||
|
"@xyflow/react": "^12.9.3",
|
||||||
|
"ahooks": "^3.9.5",
|
||||||
|
"antd": "latest",
|
||||||
|
"dayjs": "^1.11.7",
|
||||||
|
"lodash-es": "^4.17.21",
|
||||||
|
"react": "^18.2.0",
|
||||||
|
"react-dom": "^18.2.0",
|
||||||
|
"react-to-print": "^3.2.0",
|
||||||
|
"zy-react-library": "^1.0.124"
|
||||||
|
},
|
||||||
|
"devDependencies": {
|
||||||
|
"@antfu/eslint-config": "^5.4.1",
|
||||||
|
"@babel/plugin-proposal-decorators": "^7.19.3",
|
||||||
|
"@cqsjjb/scripts": "latest",
|
||||||
|
"@eslint-react/eslint-plugin": "^2.2.2",
|
||||||
|
"cross-env": "^7.0.3",
|
||||||
|
"eslint": "^9.37.0",
|
||||||
|
"eslint-plugin-format": "^1.0.2",
|
||||||
|
"eslint-plugin-react-hooks": "^7.0.0",
|
||||||
|
"eslint-plugin-react-refresh": "^0.4.23",
|
||||||
|
"typescript": "^5.9.3"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
@ -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,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,78 @@
|
||||||
|
import { declareRequest } from "@cqsjjb/jjb-dva-runtime";
|
||||||
|
|
||||||
|
export const inspectionList = declareRequest(
|
||||||
|
"inspectionLoading",
|
||||||
|
`Post > @/inspection/safetyEnvironmentalInspection/page`,
|
||||||
|
);
|
||||||
|
export const inspectionFlowchart = declareRequest(
|
||||||
|
"inspectionLoading",
|
||||||
|
`Post > @/inspection/safetyEnvironmentalInspection/flowchart/{id}`,
|
||||||
|
);
|
||||||
|
export const inspectionAdd = declareRequest(
|
||||||
|
"inspectionLoading",
|
||||||
|
`Post > @/inspection/safetyEnvironmentalInspection/initiate`,
|
||||||
|
);
|
||||||
|
export const inspectionUpdate = declareRequest(
|
||||||
|
"inspectionLoading",
|
||||||
|
`Post > @/inspection/safetyEnvironmentalInspection/edit`,
|
||||||
|
);
|
||||||
|
export const inspectionView = declareRequest(
|
||||||
|
"inspectionLoading",
|
||||||
|
`Post > @/inspection/safetyEnvironmentalInspection/detail`,
|
||||||
|
);
|
||||||
|
export const inspectionDelete = declareRequest(
|
||||||
|
"inspectionLoading",
|
||||||
|
`Post > @/inspection/safetyEnvironmentalInspection/remove/{id}`,
|
||||||
|
);
|
||||||
|
export const hiddenDelete = declareRequest(
|
||||||
|
"inspectionLoading",
|
||||||
|
`Delete > @/hidden/hidden/ids?ids={ids}`,
|
||||||
|
);
|
||||||
|
export const hiddenAdd = declareRequest(
|
||||||
|
"inspectionLoading",
|
||||||
|
`Post > @/hidden/hidden/save`,
|
||||||
|
);
|
||||||
|
export const partAdd = declareRequest(
|
||||||
|
"inspectionLoading",
|
||||||
|
`Post > @/hidden/hiddenRegion/save`,
|
||||||
|
);
|
||||||
|
export const inspectedConfirm = declareRequest(
|
||||||
|
"inspectedLoading",
|
||||||
|
`Post > @/inspection/safetyEnvironmentalInspection/confirm`,
|
||||||
|
);
|
||||||
|
export const inspectorVerify = declareRequest(
|
||||||
|
"inspectorLoading",
|
||||||
|
`Post > @/inspection/safetyEnvironmentalInspection/verify`,
|
||||||
|
);
|
||||||
|
export const hiddenList = declareRequest(
|
||||||
|
"assignLoading",
|
||||||
|
`Post > @/hidden/hidden/queryHiddenListByForeign`,
|
||||||
|
);
|
||||||
|
export const hiddenConfirmUserAllList = declareRequest(
|
||||||
|
"confirmUserLoading",
|
||||||
|
`Post > @/hidden/hiddenConfirmUser/list`,
|
||||||
|
);
|
||||||
|
export const hiddenAssign = declareRequest(
|
||||||
|
"assignLoading",
|
||||||
|
`Post > @/inspection/safetyEnvironmentalInspection/assign`,
|
||||||
|
);
|
||||||
|
export const defenseSubmit = declareRequest(
|
||||||
|
"defenseLoading",
|
||||||
|
`Post > @/inspection/safetyEnvironmentalInspection/defenseReview`,
|
||||||
|
);
|
||||||
|
export const defenseRecordList = declareRequest(
|
||||||
|
"defenseLoading",
|
||||||
|
`Post > @/inspection/safetyEnvironmentalInspection/defense/{id}`,
|
||||||
|
);
|
||||||
|
export const hiddenAcceptance = declareRequest(
|
||||||
|
"acceptanceLoading",
|
||||||
|
`Put > @/hidden/hidden/checkHidden`,
|
||||||
|
);
|
||||||
|
export const hiddenFlowchart = declareRequest(
|
||||||
|
"acceptanceLoading",
|
||||||
|
`Get > /hidden/hidden/flowChart/{id}`,
|
||||||
|
);
|
||||||
|
export const inspectionCount = declareRequest(
|
||||||
|
"inspectionCountLoading",
|
||||||
|
`Post > @/inspection/safetyEnvironmentalInspection/getCount`,
|
||||||
|
);
|
||||||
|
|
@ -0,0 +1 @@
|
||||||
|
export {};
|
||||||
|
|
@ -0,0 +1,22 @@
|
||||||
|
/**
|
||||||
|
* 全局常量定义
|
||||||
|
*/
|
||||||
|
|
||||||
|
export {};
|
||||||
|
|
||||||
|
export const INSPECTION_QUESTION_ENUM = [
|
||||||
|
{ bianma: "安全检查", name: "安全" },
|
||||||
|
{ bianma: "环保检查", name: "环保" },
|
||||||
|
{ bianma: "综合检查", name: "综合" },
|
||||||
|
];
|
||||||
|
|
||||||
|
export const INSPECTION_STATE_ENUM = [
|
||||||
|
{ bianma: "100", name: "待核实" },
|
||||||
|
{ bianma: "200", name: "待确认" },
|
||||||
|
{ bianma: "300", name: "待指派" },
|
||||||
|
{ bianma: "400", name: "待验收" },
|
||||||
|
{ bianma: "500", name: "检查归档" },
|
||||||
|
{ bianma: "600", name: "检查核实打回" },
|
||||||
|
{ bianma: "700", name: "被检查人申辩" },
|
||||||
|
{ bianma: "-1", name: "暂存" },
|
||||||
|
];
|
||||||
|
|
@ -0,0 +1,8 @@
|
||||||
|
/**
|
||||||
|
* 全局上下文定义
|
||||||
|
*/
|
||||||
|
|
||||||
|
import React from "react";
|
||||||
|
|
||||||
|
// 获取antd全局静态方法
|
||||||
|
export const InjectContext = React.createContext({});
|
||||||
|
|
@ -0,0 +1,8 @@
|
||||||
|
/**
|
||||||
|
* 全局数据状态管理模块定义
|
||||||
|
*/
|
||||||
|
|
||||||
|
import { defineNamespace } from "@cqsjjb/jjb-dva-runtime";
|
||||||
|
|
||||||
|
export const NS_GLOBAL = defineNamespace("global");
|
||||||
|
export const NS_INSPECTION = defineNamespace("inspection");
|
||||||
|
|
@ -0,0 +1,47 @@
|
||||||
|
import { setJJBCommonAntdMessage } from "@cqsjjb/jjb-common-lib";
|
||||||
|
import { setup } from "@cqsjjb/jjb-dva-runtime";
|
||||||
|
import { message } from "antd";
|
||||||
|
import dayjs from "dayjs";
|
||||||
|
import "dayjs/locale/zh-cn";
|
||||||
|
import "../blessed_by_buddha";
|
||||||
|
|
||||||
|
require("antd/dist/reset.css");
|
||||||
|
|
||||||
|
dayjs.locale("zh-cn");
|
||||||
|
setJJBCommonAntdMessage(message);
|
||||||
|
|
||||||
|
const app = setup();
|
||||||
|
|
||||||
|
// 非底座环境运行
|
||||||
|
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,60 @@
|
||||||
|
import { Connect } from "@cqsjjb/jjb-dva-runtime";
|
||||||
|
import { Divider, Form, message } from "antd";
|
||||||
|
import FormBuilder from "zy-react-library/components/FormBuilder";
|
||||||
|
import HeaderBack from "zy-react-library/components/HeaderBack";
|
||||||
|
import HiddenInfo from "zy-react-library/components/HiddenInfo/gwj";
|
||||||
|
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 useGetUrlQuery from "zy-react-library/hooks/useGetUrlQuery";
|
||||||
|
import useUploadFile from "zy-react-library/hooks/useUploadFile";
|
||||||
|
import { NS_INSPECTION } from "~/enumerate/namespace";
|
||||||
|
|
||||||
|
function Acceptance(props) {
|
||||||
|
const query = useGetUrlQuery();
|
||||||
|
const [form] = Form.useForm();
|
||||||
|
const { loading: uploadFileLoading, uploadFile } = useUploadFile();
|
||||||
|
|
||||||
|
const onSubmit = async (values) => {
|
||||||
|
await uploadFile({
|
||||||
|
single: false,
|
||||||
|
files: values.files,
|
||||||
|
params: { type: UPLOAD_FILE_TYPE_ENUM["146"], foreignKey: query.hiddenId },
|
||||||
|
});
|
||||||
|
const { success } = await props["hiddenAcceptance"]({ ...values, id: query.id });
|
||||||
|
if (success) {
|
||||||
|
message.success("验收成功");
|
||||||
|
props.history.goBack();
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
return (
|
||||||
|
<div>
|
||||||
|
<HeaderBack title="隐患验收" />
|
||||||
|
<HiddenInfo isShowHeaderBack={false} hiddenId={query.hiddenId} id={query.id} />
|
||||||
|
<Divider orientation="left">安全环保检查验收</Divider>
|
||||||
|
<FormBuilder
|
||||||
|
form={form}
|
||||||
|
loading={uploadFileLoading || props.inspection.acceptanceLoading}
|
||||||
|
onFinish={onSubmit}
|
||||||
|
span={24}
|
||||||
|
values={{
|
||||||
|
finalCheck: "1",
|
||||||
|
}}
|
||||||
|
options={[
|
||||||
|
{
|
||||||
|
name: "finalCheck",
|
||||||
|
label: "是否合格",
|
||||||
|
render: FORM_ITEM_RENDER_ENUM.RADIO,
|
||||||
|
items: [{ bianma: "1", name: "是" }, { bianma: "2", name: "否" }],
|
||||||
|
},
|
||||||
|
{ name: "finalCheckDesc", label: "验收意见", render: FORM_ITEM_RENDER_ENUM.TEXTAREA },
|
||||||
|
{ name: "finalCheckTime", label: "验收时间", render: FORM_ITEM_RENDER_ENUM.DATETIME },
|
||||||
|
{ name: "files", label: "验收图片", required: false, render: (<Upload />) },
|
||||||
|
]}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
export default Connect([NS_INSPECTION], true)(Acceptance);
|
||||||
|
|
@ -0,0 +1,57 @@
|
||||||
|
import { Connect } from "@cqsjjb/jjb-dva-runtime";
|
||||||
|
import { Button, Space } from "antd";
|
||||||
|
import HeaderBack from "zy-react-library/components/HeaderBack";
|
||||||
|
import Table from "zy-react-library/components/Table";
|
||||||
|
import { HIDDEN_STATE_ENUM } from "zy-react-library/enum/hidden/gwj";
|
||||||
|
import useGetUrlQuery from "zy-react-library/hooks/useGetUrlQuery";
|
||||||
|
import useTable from "zy-react-library/hooks/useTable";
|
||||||
|
import { getLabelName } from "zy-react-library/utils";
|
||||||
|
import { NS_INSPECTION } from "~/enumerate/namespace";
|
||||||
|
|
||||||
|
function HiddenList(props) {
|
||||||
|
const query = useGetUrlQuery();
|
||||||
|
const { tableProps } = useTable(props["hiddenList"], {
|
||||||
|
params: { foreignKey: query.inspectionId, state: "301" },
|
||||||
|
});
|
||||||
|
|
||||||
|
return (
|
||||||
|
<div>
|
||||||
|
<HeaderBack title="隐患验收" />
|
||||||
|
<div style={{ padding: 20 }}>
|
||||||
|
<Table
|
||||||
|
columns={[
|
||||||
|
{ title: "隐患描述", dataIndex: "hiddenDesc" },
|
||||||
|
{ title: "隐患状态", dataIndex: "state", render: (_, record) => getLabelName({ list: HIDDEN_STATE_ENUM, status: record.state }) },
|
||||||
|
{
|
||||||
|
title: "操作",
|
||||||
|
width: 150,
|
||||||
|
render: (_, record) => (
|
||||||
|
<Space>
|
||||||
|
<Button
|
||||||
|
type="link"
|
||||||
|
onClick={() => {
|
||||||
|
props.history.push(`../HiddenView?hiddenId=${record.hiddenId}&id=${record.id}`);
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
查看
|
||||||
|
</Button>
|
||||||
|
<Button
|
||||||
|
type="link"
|
||||||
|
onClick={() => {
|
||||||
|
props.history.push(`./acceptance?hiddenId=${record.hiddenId}&id=${record.id}`);
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
验收
|
||||||
|
</Button>
|
||||||
|
</Space>
|
||||||
|
),
|
||||||
|
},
|
||||||
|
]}
|
||||||
|
{...tableProps}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
export default Connect([NS_INSPECTION], true)(HiddenList);
|
||||||
|
|
@ -0,0 +1,87 @@
|
||||||
|
import { Connect } from "@cqsjjb/jjb-dva-runtime";
|
||||||
|
import { Button, Form, Space } from "antd";
|
||||||
|
import Search from "zy-react-library/components/Search";
|
||||||
|
import DepartmentSelectTree from "zy-react-library/components/SelectTree/Department/Gwj";
|
||||||
|
import DictionarySelectTree from "zy-react-library/components/SelectTree/Dictionary";
|
||||||
|
import Table from "zy-react-library/components/Table";
|
||||||
|
import { FORM_ITEM_RENDER_ENUM } from "zy-react-library/enum/formItemRender";
|
||||||
|
import useTable from "zy-react-library/hooks/useTable";
|
||||||
|
import { INSPECTION_QUESTION_ENUM } from "~/enumerate/constant";
|
||||||
|
import { NS_INSPECTION } from "~/enumerate/namespace";
|
||||||
|
|
||||||
|
function List(props) {
|
||||||
|
const [form] = Form.useForm();
|
||||||
|
const { tableProps, getData } = useTable(props["inspectionList"], {
|
||||||
|
form,
|
||||||
|
transform: formData => ({
|
||||||
|
checkStartTime: formData.checkTime?.[0],
|
||||||
|
checkEndTime: formData.checkTime?.[1],
|
||||||
|
}),
|
||||||
|
params: { status: "400" },
|
||||||
|
});
|
||||||
|
|
||||||
|
return (
|
||||||
|
<div style={{ padding: 20 }}>
|
||||||
|
<Search
|
||||||
|
labelCol={{ span: 8 }}
|
||||||
|
options={[
|
||||||
|
{
|
||||||
|
name: "inspectionSubject",
|
||||||
|
label: "检查题目",
|
||||||
|
render: FORM_ITEM_RENDER_ENUM.SELECT,
|
||||||
|
items: INSPECTION_QUESTION_ENUM,
|
||||||
|
},
|
||||||
|
{ name: "inspectionDeptId", label: "检查部门", render: <DepartmentSelectTree /> },
|
||||||
|
{ name: "inspectionUserName", label: "检查人" },
|
||||||
|
{ name: "type", label: "检查类型", render: <DictionarySelectTree dictValue="inspectionType" onlyLastLevel /> },
|
||||||
|
{ name: "checkTime", label: "检查时间", render: FORM_ITEM_RENDER_ENUM.DATE_RANGE },
|
||||||
|
{ name: "inspectedDepartmentId", label: "被检查单位", render: <DepartmentSelectTree searchType={props.searchType} /> },
|
||||||
|
{ name: "inspectedUserName", label: "被检查单位现场负责人" },
|
||||||
|
]}
|
||||||
|
form={form}
|
||||||
|
onFinish={getData}
|
||||||
|
/>
|
||||||
|
<Table
|
||||||
|
columns={[
|
||||||
|
{ title: "检查题目", dataIndex: "subject" },
|
||||||
|
{ title: "检查部门", dataIndex: "inspectionDepartmentName" },
|
||||||
|
{ title: "检查人", dataIndex: "inspectionInspectorUserName" },
|
||||||
|
{ title: "被检查单位", dataIndex: "inspectionSiteDepartmentName" },
|
||||||
|
{ title: "被检查单位现场负责人", dataIndex: "inspectedSiteManagerName", width: 200 },
|
||||||
|
{ title: "检查类型", dataIndex: "typeName" },
|
||||||
|
{ title: "检查时间", width: 200, render: (_, record) => (`${record.timeStart}至${record.timeEnd}`) },
|
||||||
|
{ title: "检查状态", dataIndex: "status", render: () => "待验收" },
|
||||||
|
{ title: "发现隐患数", dataIndex: "hiddenNumber" },
|
||||||
|
{
|
||||||
|
title: "操作",
|
||||||
|
fixed: "right",
|
||||||
|
width: 150,
|
||||||
|
render: (_, record) => (
|
||||||
|
<Space>
|
||||||
|
<Button
|
||||||
|
type="link"
|
||||||
|
onClick={() => {
|
||||||
|
props.history.push(`../viewInfo?id=${record.id}&inspectionId=${record.inspectionId}&isExport=0`);
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
查看
|
||||||
|
</Button>
|
||||||
|
<Button
|
||||||
|
type="link"
|
||||||
|
onClick={() => {
|
||||||
|
props.history.push(`./hiddenList?id=${record.id}&inspectionId=${record.inspectionId}`);
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
验收
|
||||||
|
</Button>
|
||||||
|
</Space>
|
||||||
|
),
|
||||||
|
},
|
||||||
|
]}
|
||||||
|
{...tableProps}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
export default Connect([NS_INSPECTION], true)(List);
|
||||||
|
|
@ -0,0 +1,9 @@
|
||||||
|
function Acceptance(props) {
|
||||||
|
return (
|
||||||
|
<div>
|
||||||
|
{props.children}
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
export default Acceptance;
|
||||||
|
|
@ -0,0 +1,67 @@
|
||||||
|
import { Connect } from "@cqsjjb/jjb-dva-runtime";
|
||||||
|
import { Divider, Form, message } from "antd";
|
||||||
|
import { useEffect, useState } from "react";
|
||||||
|
import FormBuilder from "zy-react-library/components/FormBuilder";
|
||||||
|
import HeaderBack from "zy-react-library/components/HeaderBack";
|
||||||
|
import HiddenInfo from "zy-react-library/components/HiddenInfo/gwj";
|
||||||
|
import { FORM_ITEM_RENDER_ENUM } from "zy-react-library/enum/formItemRender";
|
||||||
|
import useGetUrlQuery from "zy-react-library/hooks/useGetUrlQuery";
|
||||||
|
import { NS_INSPECTION } from "~/enumerate/namespace";
|
||||||
|
|
||||||
|
function Assign(props) {
|
||||||
|
const query = useGetUrlQuery();
|
||||||
|
const [form] = Form.useForm();
|
||||||
|
const [confirmUserList, setConfirmUserList] = useState([]);
|
||||||
|
const getConfirmUserList = async () => {
|
||||||
|
const { data } = await props["hiddenConfirmUserAllList"]();
|
||||||
|
setConfirmUserList(data);
|
||||||
|
};
|
||||||
|
useEffect(() => {
|
||||||
|
getConfirmUserList();
|
||||||
|
}, []);
|
||||||
|
|
||||||
|
const onSubmit = async (values) => {
|
||||||
|
const { success } = await props["hiddenAssign"]({ ...values, inspectId: query.id, hiddenBusinessId: query.hiddenUUId, hiddenId: query.hiddenId });
|
||||||
|
if (success) {
|
||||||
|
message.success("指派成功");
|
||||||
|
props.history.goBack();
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
return (
|
||||||
|
<div>
|
||||||
|
<HeaderBack title="隐患指派" />
|
||||||
|
<HiddenInfo isShowHeaderBack={false} hiddenId={query.hiddenUUId} id={query.hiddenId} />
|
||||||
|
<Divider orientation="left">隐患确认</Divider>
|
||||||
|
<FormBuilder
|
||||||
|
form={form}
|
||||||
|
loading={props.inspection.assignLoading}
|
||||||
|
onFinish={onSubmit}
|
||||||
|
labelCol={{ span: 6 }}
|
||||||
|
span={24}
|
||||||
|
options={[
|
||||||
|
{
|
||||||
|
name: "userId",
|
||||||
|
label: "隐患确认人",
|
||||||
|
render: FORM_ITEM_RENDER_ENUM.SELECT,
|
||||||
|
items: confirmUserList,
|
||||||
|
itemsField: { valueKey: "userId", labelKey: "userName" },
|
||||||
|
componentProps: {
|
||||||
|
onChange: (value) => {
|
||||||
|
const findItem = confirmUserList.find(item => item.userId === value);
|
||||||
|
form.setFieldValue("userName", findItem.userName);
|
||||||
|
form.setFieldValue("deptName", findItem.deptName);
|
||||||
|
form.setFieldValue("deptId", findItem.deptId);
|
||||||
|
},
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{ name: "userName", label: "隐患确认人名称", onlyForLabel: true },
|
||||||
|
{ name: "deptName", label: "隐患确认人部门名称", onlyForLabel: true },
|
||||||
|
{ name: "deptId", label: "隐患确认人部门id", onlyForLabel: true },
|
||||||
|
]}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
export default Connect([NS_INSPECTION], true)(Assign);
|
||||||
|
|
@ -0,0 +1,57 @@
|
||||||
|
import { Connect } from "@cqsjjb/jjb-dva-runtime";
|
||||||
|
import { Button, Space } from "antd";
|
||||||
|
import HeaderBack from "zy-react-library/components/HeaderBack";
|
||||||
|
import Table from "zy-react-library/components/Table";
|
||||||
|
import { HIDDEN_STATE_ENUM } from "zy-react-library/enum/hidden/gwj";
|
||||||
|
import useGetUrlQuery from "zy-react-library/hooks/useGetUrlQuery";
|
||||||
|
import useTable from "zy-react-library/hooks/useTable";
|
||||||
|
import { getLabelName } from "zy-react-library/utils";
|
||||||
|
import { NS_INSPECTION } from "~/enumerate/namespace";
|
||||||
|
|
||||||
|
function HiddenList(props) {
|
||||||
|
const query = useGetUrlQuery();
|
||||||
|
const { tableProps } = useTable(props["hiddenList"], {
|
||||||
|
params: { foreignKey: query.inspectionId, state: "102" },
|
||||||
|
});
|
||||||
|
|
||||||
|
return (
|
||||||
|
<div>
|
||||||
|
<HeaderBack title="隐患指派" />
|
||||||
|
<div style={{ padding: 20 }}>
|
||||||
|
<Table
|
||||||
|
columns={[
|
||||||
|
{ title: "隐患描述", dataIndex: "hiddenDesc" },
|
||||||
|
{ title: "隐患状态", dataIndex: "state", render: (_, record) => getLabelName({ list: HIDDEN_STATE_ENUM, status: record.state }) },
|
||||||
|
{
|
||||||
|
title: "操作",
|
||||||
|
width: 150,
|
||||||
|
render: (_, record) => (
|
||||||
|
<Space>
|
||||||
|
<Button
|
||||||
|
type="link"
|
||||||
|
onClick={() => {
|
||||||
|
props.history.push(`../HiddenView?hiddenId=${record.hiddenId}&id=${record.id}`);
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
查看
|
||||||
|
</Button>
|
||||||
|
<Button
|
||||||
|
type="link"
|
||||||
|
onClick={() => {
|
||||||
|
props.history.push(`./assign?inspectionId=${query.inspectionId}&id=${query.id}&hiddenUUId=${record.hiddenId}&hiddenId=${record.id}`);
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
指派
|
||||||
|
</Button>
|
||||||
|
</Space>
|
||||||
|
),
|
||||||
|
},
|
||||||
|
]}
|
||||||
|
{...tableProps}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
export default Connect([NS_INSPECTION], true)(HiddenList);
|
||||||
|
|
@ -0,0 +1,87 @@
|
||||||
|
import { Connect } from "@cqsjjb/jjb-dva-runtime";
|
||||||
|
import { Button, Form, Space } from "antd";
|
||||||
|
import Search from "zy-react-library/components/Search";
|
||||||
|
import DepartmentSelectTree from "zy-react-library/components/SelectTree/Department/Gwj";
|
||||||
|
import DictionarySelectTree from "zy-react-library/components/SelectTree/Dictionary";
|
||||||
|
import Table from "zy-react-library/components/Table";
|
||||||
|
import { FORM_ITEM_RENDER_ENUM } from "zy-react-library/enum/formItemRender";
|
||||||
|
import useTable from "zy-react-library/hooks/useTable";
|
||||||
|
import { INSPECTION_QUESTION_ENUM } from "~/enumerate/constant";
|
||||||
|
import { NS_INSPECTION } from "~/enumerate/namespace";
|
||||||
|
|
||||||
|
function List(props) {
|
||||||
|
const [form] = Form.useForm();
|
||||||
|
const { tableProps, getData } = useTable(props["inspectionList"], {
|
||||||
|
form,
|
||||||
|
transform: formData => ({
|
||||||
|
checkStartTime: formData.checkTime?.[0],
|
||||||
|
checkEndTime: formData.checkTime?.[1],
|
||||||
|
}),
|
||||||
|
params: { status: "300" },
|
||||||
|
});
|
||||||
|
|
||||||
|
return (
|
||||||
|
<div style={{ padding: 20 }}>
|
||||||
|
<Search
|
||||||
|
labelCol={{ span: 8 }}
|
||||||
|
options={[
|
||||||
|
{
|
||||||
|
name: "inspectionSubject",
|
||||||
|
label: "检查题目",
|
||||||
|
render: FORM_ITEM_RENDER_ENUM.SELECT,
|
||||||
|
items: INSPECTION_QUESTION_ENUM,
|
||||||
|
},
|
||||||
|
{ name: "inspectionDeptId", label: "检查部门", render: <DepartmentSelectTree /> },
|
||||||
|
{ name: "inspectionUserName", label: "检查人" },
|
||||||
|
{ name: "type", label: "检查类型", render: <DictionarySelectTree dictValue="inspectionType" onlyLastLevel /> },
|
||||||
|
{ name: "checkTime", label: "检查时间", render: FORM_ITEM_RENDER_ENUM.DATE_RANGE },
|
||||||
|
{ name: "inspectedDepartmentId", label: "被检查单位", render: <DepartmentSelectTree /> },
|
||||||
|
{ name: "inspectedUserName", label: "被检查单位现场负责人" },
|
||||||
|
]}
|
||||||
|
form={form}
|
||||||
|
onFinish={getData}
|
||||||
|
/>
|
||||||
|
<Table
|
||||||
|
columns={[
|
||||||
|
{ title: "检查题目", dataIndex: "subject" },
|
||||||
|
{ title: "检查部门", dataIndex: "inspectionDepartmentName" },
|
||||||
|
{ title: "检查人", dataIndex: "inspectionInspectorUserName" },
|
||||||
|
{ title: "被检查单位", dataIndex: "inspectionSiteDepartmentName" },
|
||||||
|
{ title: "被检查单位现场负责人", dataIndex: "inspectedSiteManagerName", width: 200 },
|
||||||
|
{ title: "检查类型", dataIndex: "typeName" },
|
||||||
|
{ title: "检查时间", width: 200, render: (_, record) => (`${record.timeStart}至${record.timeEnd}`) },
|
||||||
|
{ title: "检查状态", dataIndex: "status", render: () => "待指派" },
|
||||||
|
{ title: "发现隐患数", dataIndex: "hiddenNumber" },
|
||||||
|
{
|
||||||
|
title: "操作",
|
||||||
|
fixed: "right",
|
||||||
|
width: 150,
|
||||||
|
render: (_, record) => (
|
||||||
|
<Space>
|
||||||
|
<Button
|
||||||
|
type="link"
|
||||||
|
onClick={() => {
|
||||||
|
props.history.push(`../viewInfo?id=${record.id}&inspectionId=${record.inspectionId}&isExport=0`);
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
查看
|
||||||
|
</Button>
|
||||||
|
<Button
|
||||||
|
type="link"
|
||||||
|
onClick={() => {
|
||||||
|
props.history.push(`./hiddenList?id=${record.id}&inspectionId=${record.inspectionId}`);
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
指派
|
||||||
|
</Button>
|
||||||
|
</Space>
|
||||||
|
),
|
||||||
|
},
|
||||||
|
]}
|
||||||
|
{...tableProps}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
export default Connect([NS_INSPECTION], true)(List);
|
||||||
|
|
@ -0,0 +1,9 @@
|
||||||
|
function Assign(props) {
|
||||||
|
return (
|
||||||
|
<div>
|
||||||
|
{props.children}
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
export default Assign;
|
||||||
|
|
@ -0,0 +1,282 @@
|
||||||
|
import { Connect } from "@cqsjjb/jjb-dva-runtime";
|
||||||
|
import { Button, Form, Image, message, Modal, Space } from "antd";
|
||||||
|
import { useEffect, useState } from "react";
|
||||||
|
import FormBuilder from "zy-react-library/components/FormBuilder";
|
||||||
|
import Search from "zy-react-library/components/Search";
|
||||||
|
import DepartmentSelectTree from "zy-react-library/components/SelectTree/Department/Gwj";
|
||||||
|
import DictionarySelectTree from "zy-react-library/components/SelectTree/Dictionary";
|
||||||
|
import Signature from "zy-react-library/components/Signature";
|
||||||
|
import Table from "zy-react-library/components/Table";
|
||||||
|
import { FORM_ITEM_RENDER_ENUM } from "zy-react-library/enum/formItemRender";
|
||||||
|
import { UPLOAD_FILE_TYPE_ENUM } from "zy-react-library/enum/uploadFile/gwj";
|
||||||
|
import useDownloadFile from "zy-react-library/hooks/useDownloadFile";
|
||||||
|
import useGetFile from "zy-react-library/hooks/useGetFile";
|
||||||
|
import useTable from "zy-react-library/hooks/useTable";
|
||||||
|
import useUploadFile from "zy-react-library/hooks/useUploadFile";
|
||||||
|
import { getFileUrl } from "zy-react-library/utils";
|
||||||
|
import { INSPECTION_QUESTION_ENUM } from "~/enumerate/constant";
|
||||||
|
import { NS_INSPECTION } from "~/enumerate/namespace";
|
||||||
|
|
||||||
|
function List(props) {
|
||||||
|
const [defenseHandlingModalOpen, setDefenseHandlingModalOpen] = useState(false);
|
||||||
|
const [defenseRecordModalOpen, setDefenseRecordModalOpen] = useState(false);
|
||||||
|
const [currentId, setCurrentId] = useState("");
|
||||||
|
const [form] = Form.useForm();
|
||||||
|
const { tableProps, getData } = useTable(props["inspectionList"], {
|
||||||
|
form,
|
||||||
|
transform: formData => ({
|
||||||
|
checkStartTime: formData.checkTime?.[0],
|
||||||
|
checkEndTime: formData.checkTime?.[1],
|
||||||
|
}),
|
||||||
|
params: { status: "700" },
|
||||||
|
});
|
||||||
|
|
||||||
|
return (
|
||||||
|
<div style={{ padding: 20 }}>
|
||||||
|
<Search
|
||||||
|
labelCol={{ span: 8 }}
|
||||||
|
options={[
|
||||||
|
{
|
||||||
|
name: "inspectionSubject",
|
||||||
|
label: "检查题目",
|
||||||
|
render: FORM_ITEM_RENDER_ENUM.SELECT,
|
||||||
|
items: INSPECTION_QUESTION_ENUM,
|
||||||
|
},
|
||||||
|
{ name: "inspectionOriginatorUserName", label: "检查发起人" },
|
||||||
|
{ name: "inspectionDeptId", label: "检查部门", render: <DepartmentSelectTree /> },
|
||||||
|
{ name: "inspectionUserName", label: "检查人" },
|
||||||
|
{ name: "type", label: "检查类型", render: <DictionarySelectTree dictValue="inspectionType" onlyLastLevel /> },
|
||||||
|
{ name: "checkTime", label: "检查时间", render: FORM_ITEM_RENDER_ENUM.DATE_RANGE },
|
||||||
|
{ name: "inspectedDepartmentId", label: "被检查单位", render: <DepartmentSelectTree searchType={props.searchType} /> },
|
||||||
|
{ name: "inspectedUserName", label: "被检查单位现场负责人" },
|
||||||
|
]}
|
||||||
|
form={form}
|
||||||
|
onFinish={getData}
|
||||||
|
/>
|
||||||
|
<Table
|
||||||
|
columns={[
|
||||||
|
{ title: "检查题目", dataIndex: "subject" },
|
||||||
|
{ title: "检查部门", dataIndex: "inspectionDepartmentName" },
|
||||||
|
{ title: "检查人", dataIndex: "inspectionInspectorUserName" },
|
||||||
|
{ title: "被检查单位", dataIndex: "inspectionSiteDepartmentName" },
|
||||||
|
{ title: "被检查单位现场负责人", dataIndex: "inspectedSiteManagerName", width: 200 },
|
||||||
|
{ title: "检查类型", dataIndex: "typeName" },
|
||||||
|
{ title: "检查时间", width: 200, render: (_, record) => (`${record.timeStart}至${record.timeEnd}`) },
|
||||||
|
{ title: "检查状态", dataIndex: "status", render: () => "被检查单位负责人申辩" },
|
||||||
|
{ title: "发现隐患数", dataIndex: "hiddenNumber" },
|
||||||
|
{
|
||||||
|
title: "操作",
|
||||||
|
fixed: "right",
|
||||||
|
width: 200,
|
||||||
|
render: (_, record) => (
|
||||||
|
<Space>
|
||||||
|
<Button
|
||||||
|
type="link"
|
||||||
|
onClick={() => {
|
||||||
|
props.history.push(`../viewInfo?id=${record.id}&inspectionId=${record.inspectionId}&isExport=0`);
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
查看
|
||||||
|
</Button>
|
||||||
|
<Button
|
||||||
|
type="link"
|
||||||
|
onClick={() => {
|
||||||
|
setDefenseHandlingModalOpen(true);
|
||||||
|
setCurrentId(record.id);
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
申辩处理
|
||||||
|
</Button>
|
||||||
|
<Button
|
||||||
|
type="link"
|
||||||
|
onClick={() => {
|
||||||
|
setDefenseRecordModalOpen(true);
|
||||||
|
setCurrentId(record.inspectionId);
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
申辩记录
|
||||||
|
</Button>
|
||||||
|
</Space>
|
||||||
|
),
|
||||||
|
},
|
||||||
|
]}
|
||||||
|
{...tableProps}
|
||||||
|
/>
|
||||||
|
{defenseHandlingModalOpen && (
|
||||||
|
<DefenseHandlingModal
|
||||||
|
id={currentId}
|
||||||
|
onCancel={() => {
|
||||||
|
setDefenseHandlingModalOpen(false);
|
||||||
|
setCurrentId("");
|
||||||
|
}}
|
||||||
|
getData={getData}
|
||||||
|
/>
|
||||||
|
)}
|
||||||
|
{defenseRecordModalOpen && (
|
||||||
|
<DefenseRecordModal
|
||||||
|
id={currentId}
|
||||||
|
onCancel={() => {
|
||||||
|
setDefenseRecordModalOpen(false);
|
||||||
|
setCurrentId("");
|
||||||
|
}}
|
||||||
|
/>
|
||||||
|
)}
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function DefenseHandlingModalComponent(props) {
|
||||||
|
const [form] = Form.useForm();
|
||||||
|
const { loading: uploadFileLoading, uploadFile } = useUploadFile();
|
||||||
|
|
||||||
|
const onSubmit = async (values) => {
|
||||||
|
let signature = "";
|
||||||
|
if (values.signature) {
|
||||||
|
const { filePath } = await uploadFile({
|
||||||
|
files: [{ originFileObj: values.signature }],
|
||||||
|
params: { type: UPLOAD_FILE_TYPE_ENUM["144"] },
|
||||||
|
});
|
||||||
|
signature = filePath;
|
||||||
|
}
|
||||||
|
const { success } = await props["defenseSubmit"]({ ...values, signature, inspectionId: props.id });
|
||||||
|
if (success) {
|
||||||
|
message.success("操作成功");
|
||||||
|
props.onCancel();
|
||||||
|
props.getData();
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
return (
|
||||||
|
<Modal
|
||||||
|
title="申辩处理"
|
||||||
|
width={800}
|
||||||
|
open
|
||||||
|
maskClosable={false}
|
||||||
|
onCancel={props.onCancel}
|
||||||
|
onOk={form.submit}
|
||||||
|
loading={uploadFileLoading || props.inspection.defenseLoading}
|
||||||
|
>
|
||||||
|
<FormBuilder
|
||||||
|
form={form}
|
||||||
|
span={24}
|
||||||
|
labelCol={{ span: 8 }}
|
||||||
|
showActionButtons={false}
|
||||||
|
onFinish={onSubmit}
|
||||||
|
options={[
|
||||||
|
{
|
||||||
|
name: "status",
|
||||||
|
label: "申辩是否成立",
|
||||||
|
render: FORM_ITEM_RENDER_ENUM.RADIO,
|
||||||
|
items: [{ bianma: "1", name: "是" }, { bianma: "2", name: "否" }],
|
||||||
|
componentProps: {
|
||||||
|
onChange: () => {
|
||||||
|
form.setFieldValue("signatureTime", "");
|
||||||
|
},
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: "userRemarks",
|
||||||
|
label: "不成立理由内容",
|
||||||
|
render: FORM_ITEM_RENDER_ENUM.TEXTAREA,
|
||||||
|
dependencies: ["status"],
|
||||||
|
hidden: formValues => !(formValues.status === "2"),
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: "signature",
|
||||||
|
label: "确认人",
|
||||||
|
required: false,
|
||||||
|
rules: [{ required: true, message: "请签名" }],
|
||||||
|
dependencies: ["status"],
|
||||||
|
hidden: formValues => !(formValues.status === "2"),
|
||||||
|
render: (
|
||||||
|
<Signature
|
||||||
|
onConfirm={(value) => {
|
||||||
|
form.setFieldValue("signature", value.file);
|
||||||
|
form.setFieldValue("signatureTime", value.time);
|
||||||
|
}}
|
||||||
|
/>
|
||||||
|
),
|
||||||
|
},
|
||||||
|
{ name: "signatureTime", label: "签字时间", onlyForLabel: true },
|
||||||
|
]}
|
||||||
|
/>
|
||||||
|
</Modal>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function DefenseRecordModalComponent(props) {
|
||||||
|
const [list, setList] = useState([]);
|
||||||
|
const { loading: downloadFileLoading, downloadFile } = useDownloadFile();
|
||||||
|
const { loading: downloadGetFileLoading, getFile } = useGetFile();
|
||||||
|
|
||||||
|
const getFiles = async (list) => {
|
||||||
|
for (let i = 0; i < list.length; i++) {
|
||||||
|
const files = await getFile({ eqType: UPLOAD_FILE_TYPE_ENUM["143"], eqForeignKey: list[i].defendId });
|
||||||
|
list[i].files = files;
|
||||||
|
}
|
||||||
|
setList(list);
|
||||||
|
};
|
||||||
|
const { tableProps, getData } = useTable(props["defenseRecordList"], {
|
||||||
|
params: { id: props.id },
|
||||||
|
manual: true,
|
||||||
|
usePagination: false,
|
||||||
|
useStorageQueryCriteria: false,
|
||||||
|
onSuccess: (data) => {
|
||||||
|
getFiles(data.list);
|
||||||
|
},
|
||||||
|
});
|
||||||
|
|
||||||
|
useEffect(() => {
|
||||||
|
getData();
|
||||||
|
}, []);
|
||||||
|
return (
|
||||||
|
<Modal
|
||||||
|
title="申辩记录"
|
||||||
|
width={1200}
|
||||||
|
open
|
||||||
|
maskClosable={false}
|
||||||
|
onCancel={props.onCancel}
|
||||||
|
footer={[
|
||||||
|
<Button key="cancel" onClick={props.onCancel}>取消</Button>,
|
||||||
|
]}
|
||||||
|
loading={downloadFileLoading || downloadGetFileLoading}
|
||||||
|
>
|
||||||
|
<Table
|
||||||
|
columns={[
|
||||||
|
{ title: "申辩时间", dataIndex: "createTime", width: 200 },
|
||||||
|
{ title: "申辩描述", dataIndex: "content" },
|
||||||
|
{ title: "申辩状态", dataIndex: "isPass", render: (_, record) => (
|
||||||
|
<>
|
||||||
|
<div>{record.isPass === 0 && "未审批"}</div>
|
||||||
|
<div>{record.isPass === 1 && "通过"}</div>
|
||||||
|
<div>{record.isPass === 2 && "未通过"}</div>
|
||||||
|
</>
|
||||||
|
) },
|
||||||
|
{ title: "签字图片", dataIndex: "signature", render: (_, record) => (record.signature && <Image src={getFileUrl() + record.signature} width={100} height={100} />) },
|
||||||
|
{ title: "申辩附件名称", dataIndex: "name", width: 200 },
|
||||||
|
{ title: "申辩附件", dataIndex: "url", render: (_, record) => (
|
||||||
|
record.url && (
|
||||||
|
<Button
|
||||||
|
type="link"
|
||||||
|
onClick={() => {
|
||||||
|
downloadFile({ url: record.url, name: record.name });
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
下载
|
||||||
|
</Button>
|
||||||
|
)
|
||||||
|
) },
|
||||||
|
{ title: "检查人签字", dataIndex: "checkSign", render: (_, record) => (record.checkSign && <Image src={getFileUrl() + record.checkSign} width={100} height={100} />) },
|
||||||
|
{ title: "检查人意见", dataIndex: "checkRemarks" },
|
||||||
|
{ title: "审批时间", dataIndex: "checkSignTime", width: 200 },
|
||||||
|
]}
|
||||||
|
{...tableProps}
|
||||||
|
dataSource={list}
|
||||||
|
/>
|
||||||
|
</Modal>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
const DefenseHandlingModal = Connect([NS_INSPECTION], true)(DefenseHandlingModalComponent);
|
||||||
|
const DefenseRecordModal = Connect([NS_INSPECTION], true)(DefenseRecordModalComponent);
|
||||||
|
export default Connect([NS_INSPECTION], true)(List);
|
||||||
|
|
@ -0,0 +1,9 @@
|
||||||
|
function Defense(props) {
|
||||||
|
return (
|
||||||
|
<div>
|
||||||
|
{props.children}
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
export default Defense;
|
||||||
|
|
@ -0,0 +1,11 @@
|
||||||
|
import HiddenInfo from "zy-react-library/components/HiddenInfo/gwj";
|
||||||
|
|
||||||
|
function HiddenView() {
|
||||||
|
return (
|
||||||
|
<div>
|
||||||
|
<HiddenInfo />
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
export default HiddenView;
|
||||||
|
|
@ -0,0 +1,191 @@
|
||||||
|
import { Connect } from "@cqsjjb/jjb-dva-runtime";
|
||||||
|
import { Button, Form, message, Modal, Space } from "antd";
|
||||||
|
import { useState } from "react";
|
||||||
|
import FormBuilder from "zy-react-library/components/FormBuilder";
|
||||||
|
import Search from "zy-react-library/components/Search";
|
||||||
|
import DepartmentSelectTree from "zy-react-library/components/SelectTree/Department/Gwj";
|
||||||
|
import DictionarySelectTree from "zy-react-library/components/SelectTree/Dictionary";
|
||||||
|
import Signature from "zy-react-library/components/Signature";
|
||||||
|
import Table from "zy-react-library/components/Table";
|
||||||
|
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 useTable from "zy-react-library/hooks/useTable";
|
||||||
|
import useUploadFile from "zy-react-library/hooks/useUploadFile";
|
||||||
|
import { INSPECTION_QUESTION_ENUM } from "~/enumerate/constant";
|
||||||
|
import { NS_INSPECTION } from "~/enumerate/namespace";
|
||||||
|
|
||||||
|
function List(props) {
|
||||||
|
const [confirmModalOpen, setConfirmModalOpen] = useState(false);
|
||||||
|
const [currentId, setCurrentId] = useState("");
|
||||||
|
const [form] = Form.useForm();
|
||||||
|
const { tableProps, getData } = useTable(props["inspectionList"], {
|
||||||
|
form,
|
||||||
|
transform: formData => ({
|
||||||
|
checkStartTime: formData.checkTime?.[0],
|
||||||
|
checkEndTime: formData.checkTime?.[1],
|
||||||
|
}),
|
||||||
|
params: { status: "300" },
|
||||||
|
});
|
||||||
|
|
||||||
|
return (
|
||||||
|
<div style={{ padding: 20 }}>
|
||||||
|
<Search
|
||||||
|
labelCol={{ span: 8 }}
|
||||||
|
options={[
|
||||||
|
{
|
||||||
|
name: "inspectionSubject",
|
||||||
|
label: "检查题目",
|
||||||
|
render: FORM_ITEM_RENDER_ENUM.SELECT,
|
||||||
|
items: INSPECTION_QUESTION_ENUM,
|
||||||
|
},
|
||||||
|
{ name: "inspectionDeptId", label: "检查部门", render: <DepartmentSelectTree /> },
|
||||||
|
{ name: "inspectionUserName", label: "检查人" },
|
||||||
|
{ name: "type", label: "检查类型", render: <DictionarySelectTree dictValue="inspectionType" onlyLastLevel /> },
|
||||||
|
{ name: "checkTime", label: "检查时间", render: FORM_ITEM_RENDER_ENUM.DATE_RANGE },
|
||||||
|
{ name: "inspectedDepartmentId", label: "被检查单位", render: <DepartmentSelectTree /> },
|
||||||
|
{ name: "inspectedUserName", label: "被检查单位现场负责人" },
|
||||||
|
]}
|
||||||
|
form={form}
|
||||||
|
onFinish={getData}
|
||||||
|
/>
|
||||||
|
<Table
|
||||||
|
columns={[
|
||||||
|
{ title: "检查题目", dataIndex: "subject" },
|
||||||
|
{ title: "检查部门", dataIndex: "inspectionDepartmentName" },
|
||||||
|
{ title: "检查人", dataIndex: "inspectionInspectorUserName" },
|
||||||
|
{ title: "被检查单位", dataIndex: "inspectionSiteDepartmentName" },
|
||||||
|
{ title: "被检查单位现场负责人", dataIndex: "inspectedSiteManagerName", width: 200 },
|
||||||
|
{ title: "检查类型", dataIndex: "typeName" },
|
||||||
|
{ title: "检查时间", width: 200, render: (_, record) => (`${record.timeStart}至${record.timeEnd}`) },
|
||||||
|
{ title: "检查状态", dataIndex: "status", render: () => "待确认" },
|
||||||
|
{ title: "发现隐患数", dataIndex: "hiddenNumber" },
|
||||||
|
{
|
||||||
|
title: "操作",
|
||||||
|
fixed: "right",
|
||||||
|
width: 150,
|
||||||
|
render: (_, record) => (
|
||||||
|
<Space>
|
||||||
|
<Button
|
||||||
|
type="link"
|
||||||
|
onClick={() => {
|
||||||
|
props.history.push(`../viewInfo?id=${record.id}&inspectionId=${record.inspectionId}&isExport=0`);
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
查看
|
||||||
|
</Button>
|
||||||
|
<Button
|
||||||
|
type="link"
|
||||||
|
onClick={() => {
|
||||||
|
setConfirmModalOpen(true);
|
||||||
|
setCurrentId(record.inspectionId);
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
确认
|
||||||
|
</Button>
|
||||||
|
</Space>
|
||||||
|
),
|
||||||
|
},
|
||||||
|
]}
|
||||||
|
{...tableProps}
|
||||||
|
/>
|
||||||
|
{confirmModalOpen && (
|
||||||
|
<ConfirmModal
|
||||||
|
id={currentId}
|
||||||
|
onCancel={() => {
|
||||||
|
setConfirmModalOpen(false);
|
||||||
|
setCurrentId("");
|
||||||
|
}}
|
||||||
|
getData={getData}
|
||||||
|
/>
|
||||||
|
)}
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function ConfirmModalComponent(props) {
|
||||||
|
const [form] = Form.useForm();
|
||||||
|
const { loading: uploadFileLoading, uploadFile } = useUploadFile();
|
||||||
|
|
||||||
|
const onSubmit = async (values) => {
|
||||||
|
const { id } = await uploadFile({
|
||||||
|
single: false,
|
||||||
|
files: values.files,
|
||||||
|
params: { type: UPLOAD_FILE_TYPE_ENUM["143"], foreignKey: "" },
|
||||||
|
});
|
||||||
|
const { filePath } = await uploadFile({
|
||||||
|
files: [{ originFileObj: values.signature }],
|
||||||
|
params: { type: UPLOAD_FILE_TYPE_ENUM["142"] },
|
||||||
|
});
|
||||||
|
const { success } = await props["inspectedConfirm"]({ ...values, signature: filePath, inspectionId: props.id, status: "1", defendId: id });
|
||||||
|
if (success) {
|
||||||
|
message.success("操作成功");
|
||||||
|
props.onCancel();
|
||||||
|
props.getData();
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
return (
|
||||||
|
<Modal
|
||||||
|
title="检查确认"
|
||||||
|
width={800}
|
||||||
|
open
|
||||||
|
maskClosable={false}
|
||||||
|
onCancel={props.onCancel}
|
||||||
|
onOk={form.submit}
|
||||||
|
loading={uploadFileLoading || props.inspection.inspectedLoading}
|
||||||
|
>
|
||||||
|
<FormBuilder
|
||||||
|
form={form}
|
||||||
|
span={24}
|
||||||
|
values={{
|
||||||
|
reviewStatus: "1",
|
||||||
|
}}
|
||||||
|
labelCol={{ span: 8 }}
|
||||||
|
showActionButtons={false}
|
||||||
|
onFinish={onSubmit}
|
||||||
|
options={[
|
||||||
|
{
|
||||||
|
name: "reviewStatus",
|
||||||
|
label: "是否申辩",
|
||||||
|
render: FORM_ITEM_RENDER_ENUM.RADIO,
|
||||||
|
items: [{ bianma: "2", name: "是" }, { bianma: "1", name: "否" }],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: "userRemarks",
|
||||||
|
label: "申辩内容",
|
||||||
|
render: FORM_ITEM_RENDER_ENUM.TEXTAREA,
|
||||||
|
dependencies: ["reviewStatus"],
|
||||||
|
hidden: formValues => !(formValues.reviewStatus === "2"),
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: "files",
|
||||||
|
label: "附件",
|
||||||
|
required: false,
|
||||||
|
render: (<Upload fileType="document" maxCount={1} accept=".pdf" />),
|
||||||
|
dependencies: ["reviewStatus"],
|
||||||
|
hidden: formValues => !(formValues.reviewStatus === "2"),
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: "signature",
|
||||||
|
label: "确认人",
|
||||||
|
required: false,
|
||||||
|
rules: [{ required: true, message: "请签名" }],
|
||||||
|
render: (
|
||||||
|
<Signature
|
||||||
|
onConfirm={(value) => {
|
||||||
|
form.setFieldValue("signature", value.file);
|
||||||
|
form.setFieldValue("signatureTime", value.time);
|
||||||
|
}}
|
||||||
|
/>
|
||||||
|
),
|
||||||
|
},
|
||||||
|
{ name: "signatureTime", label: "签字时间", onlyForLabel: true },
|
||||||
|
]}
|
||||||
|
/>
|
||||||
|
</Modal>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
const ConfirmModal = Connect([NS_INSPECTION], true)(ConfirmModalComponent);
|
||||||
|
export default Connect([NS_INSPECTION], true)(List);
|
||||||
|
|
@ -0,0 +1,9 @@
|
||||||
|
function Inspected(props) {
|
||||||
|
return (
|
||||||
|
<div>
|
||||||
|
{props.children}
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
export default Inspected;
|
||||||
|
|
@ -0,0 +1,143 @@
|
||||||
|
import { Button, Form, Input, Modal } from "antd";
|
||||||
|
import dayjs from "dayjs";
|
||||||
|
import { useState } from "react";
|
||||||
|
import FormBuilder from "zy-react-library/components/FormBuilder";
|
||||||
|
import Map from "zy-react-library/components/Map";
|
||||||
|
import DictionarySelectTree from "zy-react-library/components/SelectTree/Dictionary";
|
||||||
|
import HiddenLevelSelectTree from "zy-react-library/components/SelectTree/HiddenLevel/Gwj";
|
||||||
|
import HiddenPartSelectTree from "zy-react-library/components/SelectTree/HiddenPart/Gwj";
|
||||||
|
import Upload from "zy-react-library/components/Upload";
|
||||||
|
import { FORM_ITEM_RENDER_ENUM } from "zy-react-library/enum/formItemRender";
|
||||||
|
|
||||||
|
function HiddenAddModal(props) {
|
||||||
|
const [form] = Form.useForm();
|
||||||
|
const [hiddenPartType, setHiddenPartType] = useState("select");
|
||||||
|
|
||||||
|
const onSubmit = (values) => {
|
||||||
|
props.onConfirm({ ...values, hiddenPartType, hiddenFindTime: dayjs().format("YYYY-MM-DD hh:mm:ss"), rectificationType: 2 });
|
||||||
|
props.onCancel();
|
||||||
|
};
|
||||||
|
|
||||||
|
return (
|
||||||
|
<Modal
|
||||||
|
title="添加发现隐患"
|
||||||
|
width={800}
|
||||||
|
open
|
||||||
|
maskClosable={false}
|
||||||
|
onCancel={props.onCancel}
|
||||||
|
onOk={form.submit}
|
||||||
|
>
|
||||||
|
<FormBuilder
|
||||||
|
form={form}
|
||||||
|
span={24}
|
||||||
|
labelCol={{ span: 8 }}
|
||||||
|
showActionButtons={false}
|
||||||
|
onFinish={onSubmit}
|
||||||
|
options={[
|
||||||
|
{ name: "hiddenDesc", label: "隐患描述", render: FORM_ITEM_RENDER_ENUM.TEXTAREA, span: 24 },
|
||||||
|
{
|
||||||
|
name: "hiddenPart",
|
||||||
|
customizeRender: true,
|
||||||
|
render: (
|
||||||
|
<Form.Item label="隐患部位" required labelCol={{ span: 4 }} wrapperCol={{ span: 20 }}>
|
||||||
|
<div style={{ display: "flex", gap: 10 }}>
|
||||||
|
<Form.Item name="hiddenPart" noStyle rules={[{ required: true, message: "请选择隐患部位" }]}>
|
||||||
|
{
|
||||||
|
hiddenPartType === "select"
|
||||||
|
? <HiddenPartSelectTree />
|
||||||
|
: <Input placeholder="请输入隐患部位" />
|
||||||
|
}
|
||||||
|
</Form.Item>
|
||||||
|
<Button
|
||||||
|
type="primary"
|
||||||
|
onClick={() => {
|
||||||
|
if (hiddenPartType === "select")
|
||||||
|
setHiddenPartType("input");
|
||||||
|
if (hiddenPartType === "input")
|
||||||
|
setHiddenPartType("select");
|
||||||
|
form.setFieldValue("hiddenPart", "");
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
{hiddenPartType === "select" ? "输入" : "选择"}
|
||||||
|
</Button>
|
||||||
|
</div>
|
||||||
|
</Form.Item>
|
||||||
|
),
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: "hiddenLevel",
|
||||||
|
label: "隐患级别",
|
||||||
|
render: (
|
||||||
|
<HiddenLevelSelectTree
|
||||||
|
isShowNeglect={false}
|
||||||
|
isShowLarger={false}
|
||||||
|
isShowMajor={false}
|
||||||
|
onGetLabel={label => form.setFieldValue("hiddenLevelName", label)}
|
||||||
|
/>
|
||||||
|
),
|
||||||
|
},
|
||||||
|
{ name: "hiddenLevelName", label: "隐患级别名称", onlyForLabel: true },
|
||||||
|
{
|
||||||
|
name: "hiddenType",
|
||||||
|
label: "隐患类型",
|
||||||
|
render: (
|
||||||
|
<DictionarySelectTree
|
||||||
|
onlyLastLevel
|
||||||
|
dictValue="hiddenType"
|
||||||
|
onGetLabel={label => form.setFieldValue("hiddenTypeName", label)}
|
||||||
|
onGetNodePaths={(nodes) => {
|
||||||
|
form.setFieldValue("hiddenType2", nodes[0].dictValue);
|
||||||
|
form.setFieldValue("hiddenType2Name", nodes[0].dictLabel);
|
||||||
|
}}
|
||||||
|
/>
|
||||||
|
),
|
||||||
|
},
|
||||||
|
{ name: "hiddenTypeName", label: "隐患类型名称", onlyForLabel: true },
|
||||||
|
{ name: "hiddenType2", label: "隐患类型名称", onlyForLabel: true },
|
||||||
|
{ name: "hiddenType2Name", label: "隐患类型名称", onlyForLabel: true },
|
||||||
|
{
|
||||||
|
name: "isRelated",
|
||||||
|
label: "是否相关方",
|
||||||
|
render: FORM_ITEM_RENDER_ENUM.RADIO,
|
||||||
|
items: [{ bianma: 1, name: "是" }, { bianma: 2, name: "否" }],
|
||||||
|
},
|
||||||
|
{ name: "map", customizeRender: true, render: <Map required={false} />, span: 24 },
|
||||||
|
{ name: "positionDesc", label: "隐患位置描述", required: false, span: 24 },
|
||||||
|
{
|
||||||
|
name: "hiddenImageFiles",
|
||||||
|
label: "隐患图片",
|
||||||
|
render: (<Upload />),
|
||||||
|
span: 24,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: "hiddenVideoFiles",
|
||||||
|
label: "隐患视频",
|
||||||
|
render: (<Upload fileType="video" />),
|
||||||
|
span: 24,
|
||||||
|
required: false,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: "creatorId",
|
||||||
|
label: "隐患发现人",
|
||||||
|
render: FORM_ITEM_RENDER_ENUM.SELECT,
|
||||||
|
items: props.hiddenDiscovererUserList,
|
||||||
|
itemsField: { labelKey: "userName", valueKey: "userId" },
|
||||||
|
componentProps: {
|
||||||
|
onChange: (value) => {
|
||||||
|
const findItem = props.hiddenDiscovererUserList.find(item => item.userId === value) || {};
|
||||||
|
form.setFieldValue("creatorName", findItem.userName);
|
||||||
|
form.setFieldValue("hiddenFindDeptName", findItem.departmentName);
|
||||||
|
form.setFieldValue("hiddenFindDept", findItem.departmentId);
|
||||||
|
},
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{ name: "creatorName", label: "隐患发现人名称", onlyForLabel: true },
|
||||||
|
{ name: "hiddenFindDeptName", label: "隐患发现部门名称", onlyForLabel: true },
|
||||||
|
{ name: "hiddenFindDept", label: "隐患发现部门", onlyForLabel: true },
|
||||||
|
]}
|
||||||
|
/>
|
||||||
|
</Modal>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
export default HiddenAddModal;
|
||||||
|
|
@ -0,0 +1,494 @@
|
||||||
|
import { Connect } from "@cqsjjb/jjb-dva-runtime";
|
||||||
|
import { Button, Col, Form, Input, message, Modal, Row } from "antd";
|
||||||
|
import { cloneDeep } from "lodash-es";
|
||||||
|
import { useEffect, useRef, useState } from "react";
|
||||||
|
import FormBuilder from "zy-react-library/components/FormBuilder";
|
||||||
|
import HeaderBack from "zy-react-library/components/HeaderBack";
|
||||||
|
import PersonnelSelect from "zy-react-library/components/Select/Personnel/Gwj";
|
||||||
|
import DepartmentSelectTree from "zy-react-library/components/SelectTree/Department/Gwj";
|
||||||
|
import DictionarySelectTree from "zy-react-library/components/SelectTree/Dictionary";
|
||||||
|
import Signature from "zy-react-library/components/Signature";
|
||||||
|
import Table from "zy-react-library/components/Table";
|
||||||
|
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 useIsExistenceDuplicateSelection from "zy-react-library/hooks/useIsExistenceDuplicateSelection";
|
||||||
|
import useUploadFile from "zy-react-library/hooks/useUploadFile";
|
||||||
|
import { getFileUrl, validatorEndTime } from "zy-react-library/utils";
|
||||||
|
import { INSPECTION_QUESTION_ENUM } from "~/enumerate/constant";
|
||||||
|
import { NS_INSPECTION } from "~/enumerate/namespace";
|
||||||
|
import HiddenAddModal from "./components/HiddenAdd";
|
||||||
|
|
||||||
|
function Add(props) {
|
||||||
|
const query = useGetUrlQuery();
|
||||||
|
const { getUserInfo } = useGetUserInfo();
|
||||||
|
const { loading: deleteFileLoading, deleteFile } = useDeleteFile();
|
||||||
|
const { loading: getFileLoading, getFile } = useGetFile();
|
||||||
|
const { loading: uploadFileLoading, uploadFile } = useUploadFile();
|
||||||
|
const { isExistenceDuplicateSelection } = useIsExistenceDuplicateSelection();
|
||||||
|
|
||||||
|
const [form] = Form.useForm();
|
||||||
|
const personUnderInspectionDepartmentId = Form.useWatch(["personUnderInspection", "departmentId"], form);
|
||||||
|
const inspectorList = Form.useWatch("inspectorList", form);
|
||||||
|
|
||||||
|
const [userInfo, setUserInfo] = useState({});
|
||||||
|
const [hiddenAddModalOpen, setHiddenAddModalOpen] = useState(false);
|
||||||
|
const [hiddenDiscovererUserList, setHiddenDiscovererUserList] = useState([]);
|
||||||
|
const [hiddenList, setHiddenList] = useState([]);
|
||||||
|
const deleteHiddenIds = useRef([]);
|
||||||
|
const [signatureFilePath, setSignatureFilePath] = useState("");
|
||||||
|
|
||||||
|
const getData = async () => {
|
||||||
|
const userInfo = await getUserInfo();
|
||||||
|
setUserInfo(userInfo);
|
||||||
|
if (query.id) {
|
||||||
|
const situationList = [];
|
||||||
|
const { data } = await props["inspectionView"]({ inspectionId: query.id });
|
||||||
|
situationList.push(...data.content);
|
||||||
|
for (let i = 0; i < situationList.length; i++) {
|
||||||
|
const files = await getFile({
|
||||||
|
eqType: UPLOAD_FILE_TYPE_ENUM["140"],
|
||||||
|
eqForeignKey: situationList[i].contentId,
|
||||||
|
});
|
||||||
|
situationList[i].files = files;
|
||||||
|
}
|
||||||
|
const currentInspectorUser = data.inspectorVerificationList.filter(item => item.userId === userInfo.id)[0];
|
||||||
|
setSignatureFilePath(currentInspectorUser.signature ? getFileUrl() + currentInspectorUser.signature : "");
|
||||||
|
form.setFieldsValue({
|
||||||
|
...data,
|
||||||
|
situationList,
|
||||||
|
inspectorList: data.inspectorVerificationList,
|
||||||
|
personUnderInspection: data.inspectedPartyConfirmation,
|
||||||
|
initiator: {
|
||||||
|
userRemarks: currentInspectorUser.userRemarks,
|
||||||
|
signature: currentInspectorUser.signature,
|
||||||
|
signatureTime: currentInspectorUser.signatureTime,
|
||||||
|
},
|
||||||
|
});
|
||||||
|
const { data: hiddenList } = await props["hiddenList"]({ foreignKey: query.inspectionId, pageIndex: 1, pageSize: 999 });
|
||||||
|
setHiddenList(hiddenList);
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
form.setFieldsValue({
|
||||||
|
inspectorList: [{
|
||||||
|
departmentId: userInfo.departmentId,
|
||||||
|
userId: userInfo.id,
|
||||||
|
departmentName: userInfo.departmentName,
|
||||||
|
userName: userInfo.name,
|
||||||
|
}],
|
||||||
|
});
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
useEffect(() => {
|
||||||
|
getData();
|
||||||
|
}, []);
|
||||||
|
|
||||||
|
const onSubmit = async (values, isDraft) => {
|
||||||
|
await isExistenceDuplicateSelection({ data: values.inspectorList, key: "userId" });
|
||||||
|
// 删除旧的签字图片
|
||||||
|
await deleteFile({ single: false, files: [{ filePath: values.deleteSignature }] });
|
||||||
|
let signatureFilePath = "";
|
||||||
|
// 签字图片
|
||||||
|
if (typeof values.initiator.signature !== "string") {
|
||||||
|
const { filePath } = await uploadFile({
|
||||||
|
files: [{ originFileObj: values.initiator.signature }],
|
||||||
|
params: { type: UPLOAD_FILE_TYPE_ENUM["139"] },
|
||||||
|
});
|
||||||
|
signatureFilePath = filePath;
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
signatureFilePath = values.initiator.signature;
|
||||||
|
}
|
||||||
|
const situationList = cloneDeep(values.situationList.filter(Boolean));
|
||||||
|
// 检查情况图片
|
||||||
|
for (let i = 0; i < situationList.length; i++) {
|
||||||
|
await deleteFile({ single: false, files: situationList[i].deleteFiles });
|
||||||
|
const { id } = await uploadFile({
|
||||||
|
single: false,
|
||||||
|
files: situationList[i].files,
|
||||||
|
params: { type: UPLOAD_FILE_TYPE_ENUM["140"], foreignKey: situationList[i].contentId },
|
||||||
|
});
|
||||||
|
situationList[i].imgId = id;
|
||||||
|
delete situationList[i].deleteFiles;
|
||||||
|
delete situationList[i].files;
|
||||||
|
}
|
||||||
|
const inspectorList = cloneDeep(values.inspectorList.filter(Boolean));
|
||||||
|
if (!inspectorList.some(item => userInfo.id === item.userId)) {
|
||||||
|
inspectorList.push({
|
||||||
|
departmentId: userInfo.departmentId,
|
||||||
|
departmentName: userInfo.departmentName,
|
||||||
|
userId: userInfo.id,
|
||||||
|
userName: userInfo.name,
|
||||||
|
});
|
||||||
|
}
|
||||||
|
// 发起新增请求
|
||||||
|
const { traceId } = await props[!query.id ? "inspectionAdd" : "inspectionUpdate"]({
|
||||||
|
...values,
|
||||||
|
situationList,
|
||||||
|
inspectorList,
|
||||||
|
initiator: { ...values.initiator, signature: signatureFilePath },
|
||||||
|
isDraft,
|
||||||
|
source: props.source || "5",
|
||||||
|
deleteSignature: undefined,
|
||||||
|
hiddenNumber: hiddenList.length,
|
||||||
|
inspectionId: query.id,
|
||||||
|
inspectionBusinessId: query.inspectionId,
|
||||||
|
});
|
||||||
|
// 删除隐患附件，删除隐患
|
||||||
|
for (let i = 0; i < deleteHiddenIds.current.length; i++) {
|
||||||
|
props["hiddenDelete"]({ ids: deleteHiddenIds.current.join(",") });
|
||||||
|
const hiddenImageFiles = await getFile({
|
||||||
|
eqType: UPLOAD_FILE_TYPE_ENUM["3"],
|
||||||
|
eqForeignKey: deleteHiddenIds.current[i],
|
||||||
|
});
|
||||||
|
await deleteFile({ single: false, files: hiddenImageFiles });
|
||||||
|
const hiddenVideoFiles = await getFile({
|
||||||
|
eqType: UPLOAD_FILE_TYPE_ENUM["102"],
|
||||||
|
eqForeignKey: deleteHiddenIds.current[i],
|
||||||
|
});
|
||||||
|
await deleteFile({ single: false, files: hiddenVideoFiles });
|
||||||
|
}
|
||||||
|
// 上传隐患图片，新增隐患
|
||||||
|
for (let i = 0; i < hiddenList.length; i++) {
|
||||||
|
if (!hiddenList[i].hiddenId) {
|
||||||
|
const { id } = await uploadFile({
|
||||||
|
single: false,
|
||||||
|
files: hiddenList[i].hiddenImageFiles,
|
||||||
|
params: { type: UPLOAD_FILE_TYPE_ENUM["3"], foreignKey: hiddenList[i].hiddenId },
|
||||||
|
});
|
||||||
|
await uploadFile({
|
||||||
|
single: false,
|
||||||
|
files: hiddenList[i].hiddenVideoFiles,
|
||||||
|
params: { type: UPLOAD_FILE_TYPE_ENUM["102"], foreignKey: id },
|
||||||
|
});
|
||||||
|
delete hiddenList[i].hiddenImageFiles;
|
||||||
|
delete hiddenList[i].hiddenVideoFiles;
|
||||||
|
if (hiddenList[i].hiddenPartType === "input") {
|
||||||
|
await props["partAdd"]({ hiddenregion: hiddenList[i].hiddenPart });
|
||||||
|
}
|
||||||
|
await props["hiddenAdd"]({
|
||||||
|
...hiddenList[i],
|
||||||
|
source: 5,
|
||||||
|
hiddenId: id,
|
||||||
|
state: isDraft === 0 ? 102 : 98,
|
||||||
|
foreignKey: traceId,
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
message.success("操作成功");
|
||||||
|
props.history.goBack();
|
||||||
|
};
|
||||||
|
|
||||||
|
return (
|
||||||
|
<div>
|
||||||
|
<HeaderBack title={query.id ? "编辑" : "新增"} />
|
||||||
|
<div style={{ paddingBottom: 10 }}>
|
||||||
|
<FormBuilder
|
||||||
|
form={form}
|
||||||
|
values={{
|
||||||
|
situationList: [{ content: undefined }],
|
||||||
|
}}
|
||||||
|
loading={deleteFileLoading || getFileLoading || uploadFileLoading || props.inspection.inspectionLoading}
|
||||||
|
onFinish={values => onSubmit(values, 0)}
|
||||||
|
extraActionButtons={[
|
||||||
|
<Button
|
||||||
|
key="temporaryStorage"
|
||||||
|
onClick={() => {
|
||||||
|
onSubmit(form.getFieldsValue(), 1);
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
暂存
|
||||||
|
</Button>,
|
||||||
|
]}
|
||||||
|
options={[
|
||||||
|
{
|
||||||
|
name: "subject",
|
||||||
|
label: "检查题目",
|
||||||
|
render: FORM_ITEM_RENDER_ENUM.RADIO,
|
||||||
|
items: INSPECTION_QUESTION_ENUM,
|
||||||
|
span: 24,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: ["personUnderInspection", "departmentId"],
|
||||||
|
label: "被检查单位",
|
||||||
|
render: (
|
||||||
|
<DepartmentSelectTree
|
||||||
|
searchType={props.searchType}
|
||||||
|
onGetLabel={label => form.setFieldValue(["personUnderInspection", "departmentName"], label)}
|
||||||
|
onChange={() => {
|
||||||
|
form.setFieldValue(["personUnderInspection", "userId"], "");
|
||||||
|
form.setFieldValue(["personUnderInspection", "userName"], "");
|
||||||
|
}}
|
||||||
|
/>
|
||||||
|
),
|
||||||
|
},
|
||||||
|
{ name: ["personUnderInspection", "departmentName"], label: "被检查单位名称", onlyForLabel: true },
|
||||||
|
{
|
||||||
|
name: ["personUnderInspection", "userId"],
|
||||||
|
label: "被检查单位现场负责人",
|
||||||
|
render: (
|
||||||
|
<PersonnelSelect
|
||||||
|
params={{ departmentId: personUnderInspectionDepartmentId }}
|
||||||
|
onGetLabel={label => form.setFieldValue(["personUnderInspection", "userName"], label)}
|
||||||
|
/>
|
||||||
|
),
|
||||||
|
},
|
||||||
|
{ name: ["personUnderInspection", "userName"], label: "被检查单位现场负责人名称", onlyForLabel: true },
|
||||||
|
{ name: "place", label: "检查场所", span: 24 },
|
||||||
|
{
|
||||||
|
name: "type",
|
||||||
|
label: "检查类型",
|
||||||
|
span: 8,
|
||||||
|
render: (
|
||||||
|
<DictionarySelectTree
|
||||||
|
dictValue="inspectionType"
|
||||||
|
onlyLastLevel
|
||||||
|
onGetLabel={label => form.setFieldValue("typeName", label)}
|
||||||
|
/>
|
||||||
|
),
|
||||||
|
formItemProps: { labelCol: { span: 6 } },
|
||||||
|
},
|
||||||
|
{ name: "typeName", label: "检查类型名称", onlyForLabel: true },
|
||||||
|
{
|
||||||
|
name: "timeStart",
|
||||||
|
label: "检查开始时间",
|
||||||
|
span: 8,
|
||||||
|
render: FORM_ITEM_RENDER_ENUM.DATETIME,
|
||||||
|
formItemProps: { labelCol: { span: 6 } },
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: "timeEnd",
|
||||||
|
label: "检查结束时间",
|
||||||
|
span: 8,
|
||||||
|
render: FORM_ITEM_RENDER_ENUM.DATETIME,
|
||||||
|
formItemProps: { labelCol: { span: 6 } },
|
||||||
|
rules: [validatorEndTime(form.getFieldValue("timeStart"))],
|
||||||
|
},
|
||||||
|
{ label: "检查人员", render: FORM_ITEM_RENDER_ENUM.DIVIDER },
|
||||||
|
{
|
||||||
|
key: "inspectorList",
|
||||||
|
customizeRender: true,
|
||||||
|
span: 24,
|
||||||
|
render: (
|
||||||
|
<>
|
||||||
|
<Form.List name="inspectorList">
|
||||||
|
{(fields, { add, remove }) => (
|
||||||
|
<>
|
||||||
|
{fields.map((field, index) => (
|
||||||
|
<Row gutter={24} key={field.key}>
|
||||||
|
<Col span={12}>
|
||||||
|
<Form.Item
|
||||||
|
label="检查人员部门"
|
||||||
|
rules={[{ required: true, message: "请选择检查人员部门" }]}
|
||||||
|
name={[field.name, "departmentId"]}
|
||||||
|
>
|
||||||
|
<DepartmentSelectTree
|
||||||
|
onChange={() => {
|
||||||
|
form.setFieldValue(["inspectorList", field.name, "userId"], "");
|
||||||
|
form.setFieldValue(["inspectorList", field.name, "userName"], "");
|
||||||
|
}}
|
||||||
|
onGetLabel={(label) => {
|
||||||
|
form.setFieldValue(["inspectorList", field.name, "departmentName"], label);
|
||||||
|
}}
|
||||||
|
/>
|
||||||
|
</Form.Item>
|
||||||
|
<Form.Item label="检查人员部门名称" noStyle name={[field.name, "departmentName"]}>
|
||||||
|
<input type="hidden" />
|
||||||
|
</Form.Item>
|
||||||
|
</Col>
|
||||||
|
<Col span={12}>
|
||||||
|
<Form.Item label="检查人员" required>
|
||||||
|
<div style={{ display: "flex", gap: 10 }}>
|
||||||
|
<Form.Item
|
||||||
|
noStyle
|
||||||
|
rules={[{ required: true, message: "请选择检查人员" }]}
|
||||||
|
name={[field.name, "userId"]}
|
||||||
|
>
|
||||||
|
<PersonnelSelect
|
||||||
|
params={{ departmentId: inspectorList?.[field.name]?.departmentId || "" }}
|
||||||
|
onGetLabel={label => form.setFieldValue(["inspectorList", field.name, "userName"], label)}
|
||||||
|
/>
|
||||||
|
</Form.Item>
|
||||||
|
{
|
||||||
|
index >= 1
|
||||||
|
? <Button type="primary" danger onClick={() => remove(field.name)}>删除</Button>
|
||||||
|
: <Button type="primary" onClick={() => add()}>添加检查人员</Button>
|
||||||
|
}
|
||||||
|
</div>
|
||||||
|
</Form.Item>
|
||||||
|
<Form.Item label="检查人员名称" noStyle name={[field.name, "userName"]}>
|
||||||
|
<input type="hidden" />
|
||||||
|
</Form.Item>
|
||||||
|
</Col>
|
||||||
|
</Row>
|
||||||
|
))}
|
||||||
|
</>
|
||||||
|
)}
|
||||||
|
</Form.List>
|
||||||
|
</>
|
||||||
|
),
|
||||||
|
},
|
||||||
|
{ label: "检查情况", render: FORM_ITEM_RENDER_ENUM.DIVIDER },
|
||||||
|
{
|
||||||
|
key: "situationList",
|
||||||
|
customizeRender: true,
|
||||||
|
span: 24,
|
||||||
|
render: (
|
||||||
|
<>
|
||||||
|
<Form.List name="situationList">
|
||||||
|
{(fields, { add, remove }) => (
|
||||||
|
<>
|
||||||
|
{fields.map((field, index) => (
|
||||||
|
<Row gutter={24} key={field.key}>
|
||||||
|
<Col span={12}>
|
||||||
|
<Form.Item
|
||||||
|
label="检查情况"
|
||||||
|
rules={[{ required: true, message: "请输入检查情况" }]}
|
||||||
|
name={[field.name, "content"]}
|
||||||
|
>
|
||||||
|
<Input.TextArea placeholder="请输入检查情况" rows={3} />
|
||||||
|
</Form.Item>
|
||||||
|
</Col>
|
||||||
|
<Col span={12}>
|
||||||
|
<Form.Item label="图片">
|
||||||
|
<div style={{ display: "flex", gap: 10 }}>
|
||||||
|
<div style={{ flex: 1 }}>
|
||||||
|
<Form.Item noStyle name={[field.name, "files"]}>
|
||||||
|
<Upload
|
||||||
|
maxCount={1}
|
||||||
|
onGetRemoveFile={(file) => {
|
||||||
|
form.setFieldValue(
|
||||||
|
["situationList", field.name, "deleteFiles"],
|
||||||
|
[...(form.getFieldValue(["situationList", field.name, "deleteFiles"]) || []), file],
|
||||||
|
);
|
||||||
|
}}
|
||||||
|
/>
|
||||||
|
</Form.Item>
|
||||||
|
</div>
|
||||||
|
{
|
||||||
|
index >= 1
|
||||||
|
? <Button type="primary" danger onClick={() => remove(field.name)}>删除</Button>
|
||||||
|
: <Button type="primary" onClick={() => add()}>添加检查情况</Button>
|
||||||
|
}
|
||||||
|
</div>
|
||||||
|
</Form.Item>
|
||||||
|
<Form.Item name={[field.name, "deleteFiles"]} label="删除的图片" noStyle preserve={false}>
|
||||||
|
<input type="hidden" />
|
||||||
|
</Form.Item>
|
||||||
|
</Col>
|
||||||
|
</Row>
|
||||||
|
))}
|
||||||
|
</>
|
||||||
|
)}
|
||||||
|
</Form.List>
|
||||||
|
</>
|
||||||
|
),
|
||||||
|
},
|
||||||
|
{ label: "发现问题", render: FORM_ITEM_RENDER_ENUM.DIVIDER },
|
||||||
|
{
|
||||||
|
key: "hiddenList",
|
||||||
|
customizeRender: true,
|
||||||
|
span: 24,
|
||||||
|
render: (
|
||||||
|
<Table
|
||||||
|
style={{ marginBottom: 20 }}
|
||||||
|
pagination={false}
|
||||||
|
options={false}
|
||||||
|
disabledResizer={true}
|
||||||
|
toolBarRender={() => (
|
||||||
|
<Button
|
||||||
|
type="primary"
|
||||||
|
onClick={() => {
|
||||||
|
setHiddenAddModalOpen(true);
|
||||||
|
const inspectorList = form.getFieldValue("inspectorList");
|
||||||
|
const newHiddenDiscovererUserList = cloneDeep(inspectorList).filter(item => item && item.userId && item.departmentId);
|
||||||
|
if (!newHiddenDiscovererUserList.some(item => userInfo.id === item.userId)) {
|
||||||
|
newHiddenDiscovererUserList.unshift({
|
||||||
|
departmentId: userInfo.departmentId,
|
||||||
|
departmentName: userInfo.departmentName,
|
||||||
|
userId: userInfo.id,
|
||||||
|
userName: userInfo.name,
|
||||||
|
});
|
||||||
|
}
|
||||||
|
setHiddenDiscovererUserList(newHiddenDiscovererUserList);
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
添加隐患
|
||||||
|
</Button>
|
||||||
|
)}
|
||||||
|
dataSource={hiddenList}
|
||||||
|
columns={[
|
||||||
|
{ title: "问题描述", dataIndex: "hiddenDesc" },
|
||||||
|
{
|
||||||
|
title: "操作",
|
||||||
|
width: 100,
|
||||||
|
render: (_, record, index) => (
|
||||||
|
<Button
|
||||||
|
type="link"
|
||||||
|
danger
|
||||||
|
onClick={() => {
|
||||||
|
Modal.confirm({
|
||||||
|
title: "提示",
|
||||||
|
content: "确定删除该隐患吗？",
|
||||||
|
onOk: async () => {
|
||||||
|
if (record.hiddenId) {
|
||||||
|
deleteHiddenIds.current.push(record.hiddenId);
|
||||||
|
}
|
||||||
|
setHiddenList(hiddenList.filter((_, i) => i !== index));
|
||||||
|
},
|
||||||
|
});
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
删除
|
||||||
|
</Button>
|
||||||
|
),
|
||||||
|
},
|
||||||
|
]}
|
||||||
|
/>
|
||||||
|
),
|
||||||
|
},
|
||||||
|
{ name: ["initiator", "userRemarks"], label: "检查人意见", render: FORM_ITEM_RENDER_ENUM.TEXTAREA, span: 24 },
|
||||||
|
{
|
||||||
|
name: ["initiator", "signature"],
|
||||||
|
label: "检查人",
|
||||||
|
span: 24,
|
||||||
|
required: false,
|
||||||
|
rules: [{ required: true, message: "请签名" }],
|
||||||
|
render: (
|
||||||
|
<Signature
|
||||||
|
url={signatureFilePath}
|
||||||
|
onConfirm={(value) => {
|
||||||
|
const signature = form.getFieldValue(["initiator", "signature"]);
|
||||||
|
if (query.id && typeof signature === "string") {
|
||||||
|
form.setFieldValue("deleteSignature", signature);
|
||||||
|
}
|
||||||
|
form.setFieldValue(["initiator", "signature"], value.file);
|
||||||
|
form.setFieldValue(["initiator", "signatureTime"], value.time);
|
||||||
|
}}
|
||||||
|
/>
|
||||||
|
),
|
||||||
|
},
|
||||||
|
{ name: ["initiator", "signatureTime"], label: "签字时间", onlyForLabel: true },
|
||||||
|
{ name: "deleteSignature", label: "删除的签字图片", onlyForLabel: true },
|
||||||
|
]}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
{
|
||||||
|
hiddenAddModalOpen && (
|
||||||
|
<HiddenAddModal
|
||||||
|
hiddenDiscovererUserList={hiddenDiscovererUserList}
|
||||||
|
onCancel={() => setHiddenAddModalOpen(false)}
|
||||||
|
onConfirm={values => setHiddenList([...hiddenList, values])}
|
||||||
|
/>
|
||||||
|
)
|
||||||
|
}
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
export default Connect([NS_INSPECTION], true)(Add);
|
||||||
|
|
@ -0,0 +1,293 @@
|
||||||
|
import { Connect } from "@cqsjjb/jjb-dva-runtime";
|
||||||
|
import {
|
||||||
|
ReactFlow,
|
||||||
|
ReactFlowProvider,
|
||||||
|
} from "@xyflow/react";
|
||||||
|
import { Button, Form, message, Modal, Space, Spin } from "antd";
|
||||||
|
import { useEffect, useState } from "react";
|
||||||
|
import AddIcon from "zy-react-library/components/Icon/AddIcon";
|
||||||
|
import ExportIcon from "zy-react-library/components/Icon/ExportIcon";
|
||||||
|
import Search from "zy-react-library/components/Search";
|
||||||
|
import DepartmentSelectTree from "zy-react-library/components/SelectTree/Department/Gwj";
|
||||||
|
import DictionarySelectTree from "zy-react-library/components/SelectTree/Dictionary";
|
||||||
|
import Table from "zy-react-library/components/Table";
|
||||||
|
import { FORM_ITEM_RENDER_ENUM } from "zy-react-library/enum/formItemRender";
|
||||||
|
import useTable from "zy-react-library/hooks/useTable";
|
||||||
|
import { getLabelName } from "zy-react-library/utils";
|
||||||
|
import { INSPECTION_QUESTION_ENUM, INSPECTION_STATE_ENUM } from "~/enumerate/constant";
|
||||||
|
import { NS_INSPECTION } from "~/enumerate/namespace";
|
||||||
|
import { getFlowData } from "~/utils/flow";
|
||||||
|
import "@xyflow/react/dist/style.css";
|
||||||
|
|
||||||
|
function List(props) {
|
||||||
|
const [flowModalOpen, setFlowModalOpen] = useState(false);
|
||||||
|
const [currentId, setCurrentId] = useState("");
|
||||||
|
const [count, setCount] = useState({
|
||||||
|
inspectCount: 0,
|
||||||
|
hiddenCount: 0,
|
||||||
|
safetyCount: 0,
|
||||||
|
environmentalCount: 0,
|
||||||
|
});
|
||||||
|
|
||||||
|
const [form] = Form.useForm();
|
||||||
|
|
||||||
|
const { tableProps, getData } = useTable(props["inspectionList"], {
|
||||||
|
form,
|
||||||
|
transform: formData => ({
|
||||||
|
checkStartTime: formData.checkTime?.[0],
|
||||||
|
checkEndTime: formData.checkTime?.[1],
|
||||||
|
}),
|
||||||
|
params: { status: "" },
|
||||||
|
});
|
||||||
|
const getCount = async () => {
|
||||||
|
const { data } = await props["inspectionCount"]();
|
||||||
|
console.log(data);
|
||||||
|
setCount(data);
|
||||||
|
};
|
||||||
|
useEffect(() => {
|
||||||
|
getCount();
|
||||||
|
}, []);
|
||||||
|
|
||||||
|
const onDelete = (id) => {
|
||||||
|
Modal.confirm({
|
||||||
|
title: "删除确认",
|
||||||
|
content: "确定要删除吗？",
|
||||||
|
onOk: async () => {
|
||||||
|
const { success } = await props["inspectionDelete"]({ id });
|
||||||
|
if (success) {
|
||||||
|
message.success("删除成功");
|
||||||
|
getData();
|
||||||
|
}
|
||||||
|
},
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|
||||||
|
return (
|
||||||
|
<div style={{ padding: 20 }}>
|
||||||
|
<Search
|
||||||
|
labelCol={{ span: 8 }}
|
||||||
|
options={[
|
||||||
|
{
|
||||||
|
name: "inspectionSubject",
|
||||||
|
label: "检查题目",
|
||||||
|
render: FORM_ITEM_RENDER_ENUM.SELECT,
|
||||||
|
items: INSPECTION_QUESTION_ENUM,
|
||||||
|
},
|
||||||
|
{ name: "inspectionOriginatorUserName", label: "检查发起人" },
|
||||||
|
{ name: "inspectionDeptId", label: "检查部门", render: <DepartmentSelectTree /> },
|
||||||
|
{ name: "inspectionUserName", label: "检查人员" },
|
||||||
|
{ name: "type", label: "检查类型", render: <DictionarySelectTree dictValue="inspectionType" onlyLastLevel /> },
|
||||||
|
{ name: "inspectedDepartmentId", label: "被检查单位", render: <DepartmentSelectTree searchType={props.searchType} /> },
|
||||||
|
{ name: "inspectedUserName", label: "被检查单位现场负责人" },
|
||||||
|
{ name: "status", label: "检查状态", render: FORM_ITEM_RENDER_ENUM.SELECT, items: INSPECTION_STATE_ENUM },
|
||||||
|
{ name: "checkYear", label: "检查年度", render: FORM_ITEM_RENDER_ENUM.DATE_YEAR },
|
||||||
|
{ name: "checkTime", label: "检查时间", render: FORM_ITEM_RENDER_ENUM.DATE_RANGE },
|
||||||
|
]}
|
||||||
|
form={form}
|
||||||
|
onFinish={getData}
|
||||||
|
/>
|
||||||
|
<Table
|
||||||
|
headerTitle={(
|
||||||
|
<Spin spinning={props.inspection.inspectionCountLoading}>
|
||||||
|
<Space
|
||||||
|
size={10}
|
||||||
|
style={{
|
||||||
|
padding: "8px 20px",
|
||||||
|
border: "1px solid #abdcff",
|
||||||
|
backgroundColor: "#f0faff",
|
||||||
|
borderRadius: "4px",
|
||||||
|
color: "#515a6e",
|
||||||
|
fontSize: "14px",
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<div>
|
||||||
|
安全检查总数：
|
||||||
|
<span style={{ color: "#2d8cf0", fontWeight: 700 }}>{count.safetyCount}</span>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
环保检查总数：
|
||||||
|
<span style={{ color: "#2d8cf0", fontWeight: 700 }}>{count.environmentalCount}</span>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
综合检查总数：
|
||||||
|
<span style={{ color: "#2d8cf0", fontWeight: 700 }}>{count.comprehensiveCount}</span>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
涉及隐患总数：
|
||||||
|
<span style={{ color: "#2d8cf0", fontWeight: 700 }}>{count.hiddenCount}</span>
|
||||||
|
</div>
|
||||||
|
</Space>
|
||||||
|
</Spin>
|
||||||
|
)}
|
||||||
|
toolBarRender={() => (
|
||||||
|
<Space>
|
||||||
|
<Button
|
||||||
|
type="primary"
|
||||||
|
icon={<AddIcon />}
|
||||||
|
onClick={() => {
|
||||||
|
props.history.push("./add");
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
新增
|
||||||
|
</Button>
|
||||||
|
<Button
|
||||||
|
type="primary"
|
||||||
|
icon={<ExportIcon />}
|
||||||
|
onClick={() => {
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
导出
|
||||||
|
</Button>
|
||||||
|
</Space>
|
||||||
|
)}
|
||||||
|
columns={[
|
||||||
|
{ title: "检查题目", dataIndex: "subject" },
|
||||||
|
{ title: "检查发起人", dataIndex: "inspectionOriginatorUserName" },
|
||||||
|
{ title: "检查部门", dataIndex: "inspectionDepartmentName" },
|
||||||
|
{ title: "检查人", dataIndex: "inspectionInspectorUserName" },
|
||||||
|
{ title: "被检查单位", dataIndex: "inspectionSiteDepartmentName" },
|
||||||
|
{ title: "被检查单位现场负责人", dataIndex: "inspectedSiteManagerName", width: 200 },
|
||||||
|
{ title: "检查类型", dataIndex: "typeName" },
|
||||||
|
{ title: "检查时间", width: 200, render: (_, record) => (`${record.timeStart}至${record.timeEnd}`) },
|
||||||
|
{
|
||||||
|
title: "检查状态",
|
||||||
|
dataIndex: "status",
|
||||||
|
render: (_, record) => (getLabelName({ list: INSPECTION_STATE_ENUM, status: record.status })),
|
||||||
|
},
|
||||||
|
{ title: "发现隐患数", dataIndex: "hiddenNumber" },
|
||||||
|
{
|
||||||
|
title: "操作",
|
||||||
|
fixed: "right",
|
||||||
|
width: 200,
|
||||||
|
render: (_, record) => (
|
||||||
|
<Space>
|
||||||
|
{(record.status === -1 || record.status === 600) && (
|
||||||
|
<Button
|
||||||
|
type="link"
|
||||||
|
onClick={() => {
|
||||||
|
props.history.push(`./add?id=${record.id}&inspectionId=${record.inspectionId}`);
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
编辑
|
||||||
|
</Button>
|
||||||
|
)}
|
||||||
|
{
|
||||||
|
record.status !== -1 && (
|
||||||
|
<Button
|
||||||
|
type="link"
|
||||||
|
onClick={() => {
|
||||||
|
setFlowModalOpen(true);
|
||||||
|
setCurrentId(record.id);
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
流程图
|
||||||
|
</Button>
|
||||||
|
)
|
||||||
|
}
|
||||||
|
<Button
|
||||||
|
type="link"
|
||||||
|
onClick={() => {
|
||||||
|
props.history.push(`../viewInfo?id=${record.id}&inspectionId=${record.inspectionId}`);
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
查看
|
||||||
|
</Button>
|
||||||
|
<Button
|
||||||
|
type="link"
|
||||||
|
danger
|
||||||
|
onClick={() => onDelete(record.id)}
|
||||||
|
>
|
||||||
|
删除
|
||||||
|
</Button>
|
||||||
|
</Space>
|
||||||
|
),
|
||||||
|
},
|
||||||
|
]}
|
||||||
|
{...tableProps}
|
||||||
|
/>
|
||||||
|
{
|
||||||
|
flowModalOpen && (
|
||||||
|
<FlowModal
|
||||||
|
id={currentId}
|
||||||
|
onCancel={() => {
|
||||||
|
setFlowModalOpen(false);
|
||||||
|
setCurrentId("");
|
||||||
|
}}
|
||||||
|
/>
|
||||||
|
)
|
||||||
|
}
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function FlowModalComponent(props) {
|
||||||
|
const [nodes, setNodes] = useState([]);
|
||||||
|
const [edges, setEdges] = useState([]);
|
||||||
|
|
||||||
|
const getData = async () => {
|
||||||
|
const { data } = await props["inspectionFlowchart"]({ id: props.id });
|
||||||
|
|
||||||
|
// 定义type的顺序
|
||||||
|
const typeOrder = [100, 200, 300, 600, 700, 400, 500];
|
||||||
|
|
||||||
|
// 根据type顺序对flowCOList进行排序
|
||||||
|
const sortedFlowList = [...data.flowCOList].sort((a, b) => {
|
||||||
|
const indexA = typeOrder.indexOf(a.type);
|
||||||
|
const indexB = typeOrder.indexOf(b.type);
|
||||||
|
// 如果type不在预定义顺序中，放到最后
|
||||||
|
return (indexA === -1 ? Infinity : indexA) - (indexB === -1 ? Infinity : indexB);
|
||||||
|
});
|
||||||
|
|
||||||
|
const { nodes, edges } = getFlowData(sortedFlowList, data.thisFlow);
|
||||||
|
setNodes(nodes);
|
||||||
|
setEdges(edges);
|
||||||
|
};
|
||||||
|
|
||||||
|
useEffect(() => {
|
||||||
|
getData();
|
||||||
|
}, []);
|
||||||
|
|
||||||
|
return (
|
||||||
|
<Modal
|
||||||
|
title="查看流程图"
|
||||||
|
width={1000}
|
||||||
|
open
|
||||||
|
maskClosable={false}
|
||||||
|
onCancel={props.onCancel}
|
||||||
|
footer={[
|
||||||
|
<Button key="cancel" onClick={props.onCancel}>取消</Button>,
|
||||||
|
]}
|
||||||
|
>
|
||||||
|
<ReactFlowProvider>
|
||||||
|
<div style={{ width: "100%", height: 500 }}>
|
||||||
|
<style>
|
||||||
|
{`
|
||||||
|
.react-flow__attribution {
|
||||||
|
display: none !important;
|
||||||
|
}
|
||||||
|
`}
|
||||||
|
</style>
|
||||||
|
<ReactFlow
|
||||||
|
nodes={nodes}
|
||||||
|
edges={edges}
|
||||||
|
fitView
|
||||||
|
preventScrolling={false}
|
||||||
|
connectionMode="loose"
|
||||||
|
zoomOnScroll={true}
|
||||||
|
zoomOnPinch={true}
|
||||||
|
panOnScroll={true}
|
||||||
|
panOnScrollSpeed={0.5}
|
||||||
|
connectionLineOptions={{
|
||||||
|
type: "straight",
|
||||||
|
style: { stroke: "transparent", strokeWidth: 0 },
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
</ReactFlow>
|
||||||
|
</div>
|
||||||
|
</ReactFlowProvider>
|
||||||
|
</Modal>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
const FlowModal = Connect([NS_INSPECTION], true)(FlowModalComponent);
|
||||||
|
export default Connect([NS_INSPECTION], true)(List);
|
||||||
|
|
@ -0,0 +1,9 @@
|
||||||
|
function Inspection(props) {
|
||||||
|
return (
|
||||||
|
<div>
|
||||||
|
{props.children}
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
export default Inspection;
|
||||||
|
|
@ -0,0 +1,177 @@
|
||||||
|
import { Connect } from "@cqsjjb/jjb-dva-runtime";
|
||||||
|
import { Button, Form, message, Modal, Space } from "antd";
|
||||||
|
import { useState } from "react";
|
||||||
|
import FormBuilder from "zy-react-library/components/FormBuilder";
|
||||||
|
import Search from "zy-react-library/components/Search";
|
||||||
|
import DepartmentSelectTree from "zy-react-library/components/SelectTree/Department/Gwj";
|
||||||
|
import DictionarySelectTree from "zy-react-library/components/SelectTree/Dictionary";
|
||||||
|
import Signature from "zy-react-library/components/Signature";
|
||||||
|
import Table from "zy-react-library/components/Table";
|
||||||
|
import { FORM_ITEM_RENDER_ENUM } from "zy-react-library/enum/formItemRender";
|
||||||
|
import { UPLOAD_FILE_TYPE_ENUM } from "zy-react-library/enum/uploadFile/gwj";
|
||||||
|
import useTable from "zy-react-library/hooks/useTable";
|
||||||
|
import useUploadFile from "zy-react-library/hooks/useUploadFile";
|
||||||
|
import { INSPECTION_QUESTION_ENUM } from "~/enumerate/constant";
|
||||||
|
import { NS_INSPECTION } from "~/enumerate/namespace";
|
||||||
|
|
||||||
|
function List(props) {
|
||||||
|
const [verifyModalOpen, setVerifyModalOpen] = useState(false);
|
||||||
|
const [currentId, setCurrentId] = useState("");
|
||||||
|
const [form] = Form.useForm();
|
||||||
|
const { tableProps, getData } = useTable(props["inspectionList"], {
|
||||||
|
form,
|
||||||
|
transform: formData => ({
|
||||||
|
checkStartTime: formData.checkTime?.[0],
|
||||||
|
checkEndTime: formData.checkTime?.[1],
|
||||||
|
}),
|
||||||
|
params: { status: "200" },
|
||||||
|
});
|
||||||
|
|
||||||
|
return (
|
||||||
|
<div style={{ padding: 20 }}>
|
||||||
|
<Search
|
||||||
|
labelCol={{ span: 8 }}
|
||||||
|
options={[
|
||||||
|
{
|
||||||
|
name: "inspectionSubject",
|
||||||
|
label: "检查题目",
|
||||||
|
render: FORM_ITEM_RENDER_ENUM.SELECT,
|
||||||
|
items: INSPECTION_QUESTION_ENUM,
|
||||||
|
},
|
||||||
|
{ name: "inspectionDeptId", label: "检查部门", render: <DepartmentSelectTree /> },
|
||||||
|
{ name: "inspectionUserName", label: "检查人" },
|
||||||
|
{ name: "type", label: "检查类型", render: <DictionarySelectTree dictValue="inspectionType" onlyLastLevel /> },
|
||||||
|
{ name: "checkTime", label: "检查时间", render: FORM_ITEM_RENDER_ENUM.DATE_RANGE },
|
||||||
|
{ name: "inspectedDepartmentId", label: "被检查单位", render: <DepartmentSelectTree searchType={props.searchType} /> },
|
||||||
|
{ name: "inspectedUserName", label: "被检查单位现场负责人" },
|
||||||
|
]}
|
||||||
|
form={form}
|
||||||
|
onFinish={getData}
|
||||||
|
/>
|
||||||
|
<Table
|
||||||
|
columns={[
|
||||||
|
{ title: "检查题目", dataIndex: "subject" },
|
||||||
|
{ title: "检查部门", dataIndex: "inspectionDepartmentName" },
|
||||||
|
{ title: "检查人", dataIndex: "inspectionInspectorUserName" },
|
||||||
|
{ title: "被检查单位", dataIndex: "inspectionSiteDepartmentName" },
|
||||||
|
{ title: "被检查单位现场负责人", dataIndex: "inspectedSiteManagerName", width: 200 },
|
||||||
|
{ title: "检查类型", dataIndex: "typeName" },
|
||||||
|
{ title: "检查时间", width: 200, render: (_, record) => (`${record.timeStart}至${record.timeEnd}`) },
|
||||||
|
{ title: "检查状态", dataIndex: "status", render: () => "待核实" },
|
||||||
|
{ title: "发现隐患数", dataIndex: "hiddenNumber" },
|
||||||
|
{
|
||||||
|
title: "操作",
|
||||||
|
fixed: "right",
|
||||||
|
width: 150,
|
||||||
|
render: (_, record) => (
|
||||||
|
<Space>
|
||||||
|
<Button
|
||||||
|
type="link"
|
||||||
|
onClick={() => {
|
||||||
|
props.history.push(`../viewInfo?id=${record.id}&inspectionId=${record.inspectionId}&isExport=0`);
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
查看
|
||||||
|
</Button>
|
||||||
|
<Button
|
||||||
|
type="link"
|
||||||
|
onClick={() => {
|
||||||
|
setVerifyModalOpen(true);
|
||||||
|
setCurrentId(record.id);
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
核实
|
||||||
|
</Button>
|
||||||
|
</Space>
|
||||||
|
),
|
||||||
|
},
|
||||||
|
]}
|
||||||
|
{...tableProps}
|
||||||
|
/>
|
||||||
|
{verifyModalOpen && (
|
||||||
|
<VerifyModal
|
||||||
|
id={currentId}
|
||||||
|
onCancel={() => {
|
||||||
|
setVerifyModalOpen(false);
|
||||||
|
setCurrentId("");
|
||||||
|
}}
|
||||||
|
getData={getData}
|
||||||
|
/>
|
||||||
|
)}
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function VerifyModalComponent(props) {
|
||||||
|
const [form] = Form.useForm();
|
||||||
|
const { loading: uploadFileLoading, uploadFile } = useUploadFile();
|
||||||
|
|
||||||
|
const onSubmit = async (values) => {
|
||||||
|
const { filePath } = await uploadFile({
|
||||||
|
files: [{ originFileObj: values.signature }],
|
||||||
|
params: { type: UPLOAD_FILE_TYPE_ENUM["141"] },
|
||||||
|
});
|
||||||
|
const { success } = await props["inspectorVerify"]({ ...values, signature: filePath, inspectionId: props.id });
|
||||||
|
if (success) {
|
||||||
|
message.success("操作成功");
|
||||||
|
props.onCancel();
|
||||||
|
props.getData();
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
return (
|
||||||
|
<Modal
|
||||||
|
title="检查核实"
|
||||||
|
width={1000}
|
||||||
|
open
|
||||||
|
maskClosable={false}
|
||||||
|
onCancel={props.onCancel}
|
||||||
|
onOk={form.submit}
|
||||||
|
loading={uploadFileLoading || props.inspection.inspectorLoading}
|
||||||
|
>
|
||||||
|
<FormBuilder
|
||||||
|
form={form}
|
||||||
|
span={24}
|
||||||
|
values={{
|
||||||
|
status: "1",
|
||||||
|
}}
|
||||||
|
labelCol={{ span: 8 }}
|
||||||
|
showActionButtons={false}
|
||||||
|
onFinish={onSubmit}
|
||||||
|
options={[
|
||||||
|
{
|
||||||
|
name: "status",
|
||||||
|
label: "检查人核实",
|
||||||
|
render: FORM_ITEM_RENDER_ENUM.RADIO,
|
||||||
|
items: [{ bianma: "1", name: "通过" }, { bianma: "2", name: "不通过" }],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: "userRemarks",
|
||||||
|
label: "核实意见",
|
||||||
|
render: FORM_ITEM_RENDER_ENUM.TEXTAREA,
|
||||||
|
dependencies: ["status"],
|
||||||
|
hidden: formValues => !(formValues.status === "2"),
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: "signature",
|
||||||
|
label: "检查人",
|
||||||
|
required: false,
|
||||||
|
rules: [{ required: true, message: "请签名" }],
|
||||||
|
render: (
|
||||||
|
<Signature
|
||||||
|
onConfirm={(value) => {
|
||||||
|
form.setFieldValue("signature", value.file);
|
||||||
|
form.setFieldValue("signatureTime", value.time);
|
||||||
|
}}
|
||||||
|
/>
|
||||||
|
),
|
||||||
|
},
|
||||||
|
{ name: "signatureTime", label: "签字时间", onlyForLabel: true },
|
||||||
|
]}
|
||||||
|
/>
|
||||||
|
</Modal>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
const VerifyModal = Connect([NS_INSPECTION], true)(VerifyModalComponent);
|
||||||
|
export default Connect([NS_INSPECTION], true)(List);
|
||||||
|
|
@ -0,0 +1,9 @@
|
||||||
|
function Inspector(props) {
|
||||||
|
return (
|
||||||
|
<div>
|
||||||
|
{props.children}
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
export default Inspector;
|
||||||
|
|
@ -0,0 +1,322 @@
|
||||||
|
import { Connect } from "@cqsjjb/jjb-dva-runtime";
|
||||||
|
import { ReactFlow, ReactFlowProvider } from "@xyflow/react";
|
||||||
|
import { Button, Descriptions, Divider, message, Modal, Space, Spin } from "antd";
|
||||||
|
import { useEffect, useRef, useState } from "react";
|
||||||
|
import { useReactToPrint } from "react-to-print";
|
||||||
|
import HeaderBack from "zy-react-library/components/HeaderBack";
|
||||||
|
import HiddenInfo from "zy-react-library/components/HiddenInfo/gwj";
|
||||||
|
import PreviewImg from "zy-react-library/components/PreviewImg";
|
||||||
|
import Table from "zy-react-library/components/Table";
|
||||||
|
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 useGetUserInfo from "zy-react-library/hooks/useGetUserInfo";
|
||||||
|
import { getFileUrl } from "zy-react-library/utils";
|
||||||
|
import { NS_INSPECTION } from "~/enumerate/namespace";
|
||||||
|
import { getFlowData } from "~/utils/flow";
|
||||||
|
import "./index.less";
|
||||||
|
|
||||||
|
function View(props) {
|
||||||
|
const query = useGetUrlQuery();
|
||||||
|
const { loading: getFileLoading, getFile } = useGetFile();
|
||||||
|
const { getUserInfo } = useGetUserInfo();
|
||||||
|
|
||||||
|
const [info, setInfo] = useState({
|
||||||
|
inspectedPartyConfirmation: {},
|
||||||
|
currentInspectorUser: {},
|
||||||
|
content: [],
|
||||||
|
inspectorVerificationList: [],
|
||||||
|
});
|
||||||
|
const [hiddenList, setHiddenList] = useState([]);
|
||||||
|
const [hiddenViewModalOpen, setHiddenViewModalOpen] = useState(false);
|
||||||
|
const [hiddenId, setHiddenId] = useState("");
|
||||||
|
const [hiddenUUId, setHiddenUUId] = useState("");
|
||||||
|
const [flowModalOpen, setFlowModalOpen] = useState(false);
|
||||||
|
const [currentId, setCurrentId] = useState("");
|
||||||
|
const contentRef = useRef(null);
|
||||||
|
const handlePrint = useReactToPrint({
|
||||||
|
contentRef,
|
||||||
|
pageStyle: ` @page {
|
||||||
|
size: landscape;
|
||||||
|
margin: 0mm;
|
||||||
|
}
|
||||||
|
@media print {
|
||||||
|
body {
|
||||||
|
margin: 10px;
|
||||||
|
padding: 10px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
`,
|
||||||
|
documentTitle: "",
|
||||||
|
});
|
||||||
|
|
||||||
|
const getData = async () => {
|
||||||
|
const userInfo = await getUserInfo();
|
||||||
|
const { data } = await props["inspectionView"]({ inspectionId: query.id });
|
||||||
|
for (let i = 0; i < data.content.length; i++) {
|
||||||
|
const files = await getFile({
|
||||||
|
eqType: UPLOAD_FILE_TYPE_ENUM["140"],
|
||||||
|
eqForeignKey: data.content[i].contentId,
|
||||||
|
});
|
||||||
|
data.content[i].files = files;
|
||||||
|
}
|
||||||
|
data.currentInspectorUser = data.inspectorVerificationList.filter(item => item.userId === userInfo.id)[0];
|
||||||
|
setInfo(data);
|
||||||
|
const { data: hiddenList } = await props["hiddenList"]({ foreignKey: query.inspectionId, pageIndex: 1, pageSize: 999 });
|
||||||
|
setHiddenList(hiddenList);
|
||||||
|
};
|
||||||
|
useEffect(() => {
|
||||||
|
getData();
|
||||||
|
}, []);
|
||||||
|
|
||||||
|
return (
|
||||||
|
<div>
|
||||||
|
<HeaderBack title="查看" />
|
||||||
|
<Spin spinning={props.inspection.inspectionLoading || getFileLoading}>
|
||||||
|
<div style={{ padding: 20, paddingBottom: 0 }} ref={contentRef}>
|
||||||
|
<Divider orientation="left">
|
||||||
|
{info.subject}
|
||||||
|
现场安全检查记录
|
||||||
|
</Divider>
|
||||||
|
<Descriptions
|
||||||
|
column={2}
|
||||||
|
bordered
|
||||||
|
labelStyle={{ width: 200 }}
|
||||||
|
items={[
|
||||||
|
{ label: "被检查单位", children: info.inspectedPartyConfirmation.departmentName },
|
||||||
|
{ label: "被检查单位现场负责人", children: info.inspectedPartyConfirmation.userName },
|
||||||
|
{ label: "检查场所", children: info.place, span: 2 },
|
||||||
|
{ label: "牵头检查部门", children: info.currentInspectorUser.departmentName },
|
||||||
|
{ label: "检查人员", children: info.currentInspectorUser.userName },
|
||||||
|
{ label: "检查类型", children: info.typeName },
|
||||||
|
{ label: "检查时间", children: `${info.timeStart}至${info.timeEnd}` },
|
||||||
|
{ label: "记录填写时间", children: info.createTime, span: 2 },
|
||||||
|
]}
|
||||||
|
/>
|
||||||
|
<Divider orientation="left">检查情况</Divider>
|
||||||
|
<Descriptions
|
||||||
|
column={2}
|
||||||
|
bordered
|
||||||
|
labelStyle={{ width: 200 }}
|
||||||
|
items={
|
||||||
|
info.content.map(item =>
|
||||||
|
[
|
||||||
|
{ label: "检查情况", children: item.content },
|
||||||
|
{ label: "图片", children: (<PreviewImg files={item.files} />) },
|
||||||
|
],
|
||||||
|
).flat()
|
||||||
|
}
|
||||||
|
/>
|
||||||
|
<Divider orientation="left">发现问题</Divider>
|
||||||
|
<Table
|
||||||
|
className="print-no-use"
|
||||||
|
dataSource={hiddenList || []}
|
||||||
|
disabledResizer={true}
|
||||||
|
pagination={false}
|
||||||
|
options={false}
|
||||||
|
columns={[
|
||||||
|
{ title: "隐患描述", dataIndex: "hiddenDesc" },
|
||||||
|
{ title: "隐患部位", dataIndex: "hiddenPartName" },
|
||||||
|
{ title: "操作", render: (_, record) => (
|
||||||
|
<Space>
|
||||||
|
<Button
|
||||||
|
type="link"
|
||||||
|
onClick={() => {
|
||||||
|
setHiddenViewModalOpen(true);
|
||||||
|
setHiddenId(record.id);
|
||||||
|
setHiddenUUId(record.hiddenId);
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
查看
|
||||||
|
</Button>
|
||||||
|
<Button
|
||||||
|
type="link"
|
||||||
|
onClick={() => {
|
||||||
|
setFlowModalOpen(true);
|
||||||
|
setCurrentId(record.id);
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
流程图
|
||||||
|
</Button>
|
||||||
|
</Space>
|
||||||
|
) },
|
||||||
|
]}
|
||||||
|
/>
|
||||||
|
<table className="print-table">
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<th>序号</th>
|
||||||
|
<th>隐患描述</th>
|
||||||
|
<th>隐患部位</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody>
|
||||||
|
{
|
||||||
|
(hiddenList || []).map((item, index) => (
|
||||||
|
<tr key={item.id}>
|
||||||
|
<td>{index + 1}</td>
|
||||||
|
<td>{item.hiddenDesc}</td>
|
||||||
|
<td>{item.hiddenPartName}</td>
|
||||||
|
</tr>
|
||||||
|
))
|
||||||
|
}
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
<Divider orientation="left">检查人员审核情况</Divider>
|
||||||
|
<Table
|
||||||
|
className="print-no-use"
|
||||||
|
dataSource={info.inspectorVerificationList}
|
||||||
|
disabledResizer={true}
|
||||||
|
pagination={false}
|
||||||
|
options={false}
|
||||||
|
columns={[
|
||||||
|
{ title: "审核人员", dataIndex: "userName" },
|
||||||
|
{ title: "审核意见", dataIndex: "userRemarks" },
|
||||||
|
{ title: "签字", render: (_, record) => (record.signature && <PreviewImg files={[record.signature]} />) },
|
||||||
|
]}
|
||||||
|
/>
|
||||||
|
<table className="print-table">
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<th>序号</th>
|
||||||
|
<th>审核人员</th>
|
||||||
|
<th>审核意见</th>
|
||||||
|
<th>签字</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody>
|
||||||
|
{
|
||||||
|
info.inspectorVerificationList.map((item, index) => (
|
||||||
|
<tr key={item.id}>
|
||||||
|
<td>{index + 1}</td>
|
||||||
|
<td>{item.userName}</td>
|
||||||
|
<td>{item.userRemarks}</td>
|
||||||
|
<td>{item.signature && <img src={getFileUrl() + item.signature} alt="" width={100} height={100} />}</td>
|
||||||
|
</tr>
|
||||||
|
))
|
||||||
|
}
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
<Divider orientation="left">被检查单位现场负责人确认情况</Divider>
|
||||||
|
<Descriptions
|
||||||
|
column={1}
|
||||||
|
bordered
|
||||||
|
labelStyle={{ width: 200 }}
|
||||||
|
items={[
|
||||||
|
{ label: "被检查单位现场负责人（签字）", children: (<PreviewImg files={[]} />) },
|
||||||
|
]}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<div style={{ marginTop: 20, paddingBottom: 20, textAlign: "center" }}>
|
||||||
|
<Space>
|
||||||
|
<Button type="primary" onClick={handlePrint}>打印</Button>
|
||||||
|
{query.isExport !== "0" && <Button type="primary">导出</Button>}
|
||||||
|
</Space>
|
||||||
|
</div>
|
||||||
|
</Spin>
|
||||||
|
{hiddenViewModalOpen && (
|
||||||
|
<HiddenViewModal
|
||||||
|
id={hiddenId}
|
||||||
|
hiddenId={hiddenUUId}
|
||||||
|
onCancel={() => {
|
||||||
|
setHiddenViewModalOpen(false);
|
||||||
|
setHiddenId("");
|
||||||
|
setHiddenUUId("");
|
||||||
|
}}
|
||||||
|
/>
|
||||||
|
)}
|
||||||
|
{flowModalOpen && (
|
||||||
|
<FlowModal
|
||||||
|
id={currentId}
|
||||||
|
onCancel={() => {
|
||||||
|
setFlowModalOpen(false);
|
||||||
|
setCurrentId("");
|
||||||
|
}}
|
||||||
|
/>
|
||||||
|
)}
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function HiddenViewModal(props) {
|
||||||
|
return (
|
||||||
|
<Modal
|
||||||
|
title="查看隐患"
|
||||||
|
width={1000}
|
||||||
|
open
|
||||||
|
maskClosable={false}
|
||||||
|
onCancel={props.onCancel}
|
||||||
|
footer={[
|
||||||
|
<Button key="cancel" onClick={props.onCancel}>取消</Button>,
|
||||||
|
]}
|
||||||
|
>
|
||||||
|
<HiddenInfo id={props.id} hiddenId={props.hiddenId} />
|
||||||
|
</Modal>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function FlowModalComponent(props) {
|
||||||
|
const [nodes, setNodes] = useState([]);
|
||||||
|
const [edges, setEdges] = useState([]);
|
||||||
|
|
||||||
|
const getData = async () => {
|
||||||
|
const { success, data } = await props["hiddenFlowchart"]({ id: props.id });
|
||||||
|
if (success) {
|
||||||
|
const { nodes, edges } = getFlowData(data.flowCOList, data.thisFlow);
|
||||||
|
setNodes(nodes);
|
||||||
|
setEdges(edges);
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
message.error("获取数据失败");
|
||||||
|
props.onCancel();
|
||||||
|
}
|
||||||
|
};
|
||||||
|
useEffect(() => {
|
||||||
|
getData();
|
||||||
|
}, []);
|
||||||
|
|
||||||
|
return (
|
||||||
|
<Modal
|
||||||
|
title="查看流程图"
|
||||||
|
width={1000}
|
||||||
|
open
|
||||||
|
maskClosable={false}
|
||||||
|
onCancel={props.onCancel}
|
||||||
|
footer={[
|
||||||
|
<Button key="cancel" onClick={props.onCancel}>取消</Button>,
|
||||||
|
]}
|
||||||
|
>
|
||||||
|
<ReactFlowProvider>
|
||||||
|
<div style={{ width: "100%", height: 500 }}>
|
||||||
|
<style>
|
||||||
|
{`
|
||||||
|
.react-flow__attribution {
|
||||||
|
display: none !important;
|
||||||
|
}
|
||||||
|
`}
|
||||||
|
</style>
|
||||||
|
<ReactFlow
|
||||||
|
nodes={nodes}
|
||||||
|
edges={edges}
|
||||||
|
fitView
|
||||||
|
preventScrolling={false}
|
||||||
|
connectionMode="loose"
|
||||||
|
zoomOnScroll={true}
|
||||||
|
zoomOnPinch={true}
|
||||||
|
panOnScroll={true}
|
||||||
|
panOnScrollSpeed={0.5}
|
||||||
|
connectionLineOptions={{
|
||||||
|
type: "straight",
|
||||||
|
style: { stroke: "transparent", strokeWidth: 0 },
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
</ReactFlow>
|
||||||
|
</div>
|
||||||
|
</ReactFlowProvider>
|
||||||
|
</Modal>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
const FlowModal = Connect([NS_INSPECTION], true)(FlowModalComponent);
|
||||||
|
|
||||||
|
export default Connect([NS_INSPECTION], true)(View);
|
||||||
|
|
@ -0,0 +1,23 @@
|
||||||
|
.print-table {
|
||||||
|
display: none;
|
||||||
|
border-collapse: collapse;
|
||||||
|
width: 100%;
|
||||||
|
font-size: 14px;
|
||||||
|
|
||||||
|
td, th {
|
||||||
|
border: 1px solid #eaeaea;
|
||||||
|
padding: 8px;
|
||||||
|
line-height: 1.6;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media print {
|
||||||
|
display: table;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.print-no-use {
|
||||||
|
@media print {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
@ -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,7 @@
|
||||||
|
import AcceptanceAcceptance from "../../../BranchCompany/Acceptance/Acceptance";
|
||||||
|
|
||||||
|
function Acceptance(props) {
|
||||||
|
return <AcceptanceAcceptance {...props} />;
|
||||||
|
}
|
||||||
|
|
||||||
|
export default Acceptance;
|
||||||
|
|
@ -0,0 +1,7 @@
|
||||||
|
import AcceptanceHiddenList from "../../../BranchCompany/Acceptance/HiddenList";
|
||||||
|
|
||||||
|
function HiddenList(props) {
|
||||||
|
return <AcceptanceHiddenList {...props} />;
|
||||||
|
}
|
||||||
|
|
||||||
|
export default HiddenList;
|
||||||
|
|
@ -0,0 +1,7 @@
|
||||||
|
import AcceptanceList from "../../../BranchCompany/Acceptance/List";
|
||||||
|
|
||||||
|
function List(props) {
|
||||||
|
return <AcceptanceList searchType="all" {...props} />;
|
||||||
|
}
|
||||||
|
|
||||||
|
export default List;
|
||||||
|
|
@ -0,0 +1,9 @@
|
||||||
|
function Acceptance(props) {
|
||||||
|
return (
|
||||||
|
<div>
|
||||||
|
{props.children}
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
export default Acceptance;
|
||||||
|
|
@ -0,0 +1,7 @@
|
||||||
|
import DefenseList from "../../../BranchCompany/Defense/List";
|
||||||
|
|
||||||
|
function List(props) {
|
||||||
|
return <DefenseList searchType="all" {...props} />;
|
||||||
|
}
|
||||||
|
|
||||||
|
export default List;
|
||||||
|
|
@ -0,0 +1,9 @@
|
||||||
|
function Defense(props) {
|
||||||
|
return (
|
||||||
|
<div>
|
||||||
|
{props.children}
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
export default Defense;
|
||||||
|
|
@ -0,0 +1,7 @@
|
||||||
|
import InspectionAdd from "../../../BranchCompany/Inspection/Add";
|
||||||
|
|
||||||
|
function Add(props) {
|
||||||
|
return <InspectionAdd searchType="all" source="4" {...props} />;
|
||||||
|
}
|
||||||
|
|
||||||
|
export default Add;
|
||||||
|
|
@ -0,0 +1,7 @@
|
||||||
|
import InspectionList from "../../../BranchCompany/Inspection/List";
|
||||||
|
|
||||||
|
function List(props) {
|
||||||
|
return <InspectionList searchType="all" {...props} />;
|
||||||
|
}
|
||||||
|
|
||||||
|
export default List;
|
||||||
|
|
@ -0,0 +1,9 @@
|
||||||
|
function Inspection(props) {
|
||||||
|
return (
|
||||||
|
<div>
|
||||||
|
{props.children}
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
export default Inspection;
|
||||||
|
|
@ -0,0 +1,7 @@
|
||||||
|
import InspectorList from "../../../BranchCompany/Inspector/List";
|
||||||
|
|
||||||
|
function List(props) {
|
||||||
|
return <InspectorList searchType="all" {...props} />;
|
||||||
|
}
|
||||||
|
|
||||||
|
export default List;
|
||||||
|
|
@ -0,0 +1,9 @@
|
||||||
|
function Inspector(props) {
|
||||||
|
return (
|
||||||
|
<div>
|
||||||
|
{props.children}
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
export default Inspector;
|
||||||
|
|
@ -0,0 +1,7 @@
|
||||||
|
import ViewInfoA from "../../BranchCompany/ViewInfo";
|
||||||
|
|
||||||
|
function ViewInfo() {
|
||||||
|
return <ViewInfoA />;
|
||||||
|
}
|
||||||
|
|
||||||
|
export default ViewInfo;
|
||||||
|
|
@ -0,0 +1,9 @@
|
||||||
|
function Supervision(props) {
|
||||||
|
return (
|
||||||
|
<div>
|
||||||
|
{props.children}
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
export default Supervision;
|
||||||
|
|
@ -0,0 +1,101 @@
|
||||||
|
import { ImportCore } from "@cqsjjb/jjb-common-decorator/module";
|
||||||
|
import { theme as antdTheme, App, ConfigProvider } from "antd";
|
||||||
|
import language from "antd/locale/zh_CN";
|
||||||
|
import React from "react";
|
||||||
|
|
||||||
|
import { InjectContext } from "~/enumerate/context";
|
||||||
|
|
||||||
|
export default class Container extends React.Component {
|
||||||
|
state = window?.base?.themeConfig || {
|
||||||
|
algorithm: window.process.env.app.antd.algorithm,
|
||||||
|
borderRadius: window.process.env.app.antd.borderRadius,
|
||||||
|
colorPrimary: window.process.env.app.antd.colorPrimary,
|
||||||
|
};
|
||||||
|
|
||||||
|
get token() {
|
||||||
|
const {
|
||||||
|
colorPrimary,
|
||||||
|
borderRadius,
|
||||||
|
} = this.state;
|
||||||
|
return {
|
||||||
|
fontFamily: window.process.env.app.antd.fontFamily,
|
||||||
|
colorPrimary,
|
||||||
|
borderRadius,
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
get algorithm() {
|
||||||
|
return antdTheme[this.state.algorithm];
|
||||||
|
}
|
||||||
|
|
||||||
|
componentDidMount() {
|
||||||
|
if (window.__IN_BASE__) {
|
||||||
|
// eslint-disable-next-line react-web-api/no-leaked-event-listener
|
||||||
|
window.base.addEventListener("EVENT_THEME_CONTROL", (e) => {
|
||||||
|
const config = e.data;
|
||||||
|
this.setState({ [config.field]: config.value });
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
render() {
|
||||||
|
return (
|
||||||
|
<ConfigProvider
|
||||||
|
theme={{
|
||||||
|
token: this.token,
|
||||||
|
algorithm: this.algorithm,
|
||||||
|
}}
|
||||||
|
locale={language}
|
||||||
|
prefixCls={window.process.env.app.antd["ant-prefix"]}
|
||||||
|
>
|
||||||
|
<App style={{ height: "100%" }}>
|
||||||
|
<AppMiddle {...this.props} />
|
||||||
|
</App>
|
||||||
|
</ConfigProvider>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function AppMiddle(props) {
|
||||||
|
return (
|
||||||
|
<InjectContext.Provider value={App.useApp()}>
|
||||||
|
{process.env.NODE_ENV === "development"
|
||||||
|
? props.children
|
||||||
|
: (
|
||||||
|
<Interceptor>
|
||||||
|
{props.children}
|
||||||
|
</Interceptor>
|
||||||
|
)}
|
||||||
|
</InjectContext.Provider>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
class Interceptor 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(async (res) => {
|
||||||
|
if (res.status) {
|
||||||
|
this.setState({ Component: res.module?.PageCover });
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
render() {
|
||||||
|
const { Component } = this.state;
|
||||||
|
return (Component && process.env.app.appKey && process.env.NODE_ENV === "development")
|
||||||
|
? (
|
||||||
|
<Component appKey={process.env.app.appKey}>
|
||||||
|
{this.props.children}
|
||||||
|
</Component>
|
||||||
|
)
|
||||||
|
: this.props.children;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,8 @@
|
||||||
|
export default function () {
|
||||||
|
return (
|
||||||
|
<h1>
|
||||||
|
底座微应用模板，技术文档：
|
||||||
|
<a rel="noreferrer noopener" target="_blank" href="https://www.yuque.com/buhangjiecheshen-ymbtb/qc0093/gxdun1dphetcurko">https://www.yuque.com/buhangjiecheshen-ymbtb/qc0093/gxdun1dphetcurko</a>
|
||||||
|
</h1>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,83 @@
|
||||||
|
// 根据状态获取颜色
|
||||||
|
export const getStatusColor = (status, type, thisFlow) => {
|
||||||
|
// 如果data.thisFlow和flowItem的type相等，则显示红色
|
||||||
|
if (thisFlow && type === thisFlow) {
|
||||||
|
return "#ff4d4f"; // 红色（正在审核）
|
||||||
|
}
|
||||||
|
|
||||||
|
// 根据状态设置颜色
|
||||||
|
switch (status) {
|
||||||
|
case 0: return "#1890ff"; // 蓝色
|
||||||
|
case 1: return "#52c41a"; // 绿色
|
||||||
|
case 2: return "#52c41a"; // 绿色
|
||||||
|
default: return "#1890ff";
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
// 获取节点标签
|
||||||
|
export const getNodeLabel = (flowItem) => {
|
||||||
|
return (
|
||||||
|
<div style={{ padding: "10px", textAlign: "center" }}>
|
||||||
|
<div style={{ fontSize: "16px" }}>{flowItem.flowList[0]}</div>
|
||||||
|
{flowItem.flowList.slice(1).map((item, index) => (
|
||||||
|
<div key={index} style={{ fontSize: "16px", marginTop: "5px" }}>{item}</div>
|
||||||
|
))}
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
|
||||||
|
export const getFlowData = (list, thisFlow) => {
|
||||||
|
const nodes = [];
|
||||||
|
const edges = [];
|
||||||
|
|
||||||
|
// 计算节点位置以居中显示
|
||||||
|
const nodeWidth = 300;
|
||||||
|
const nodeHeight = 200;
|
||||||
|
const horizontalSpacing = 350;
|
||||||
|
const verticalPosition = 100;
|
||||||
|
|
||||||
|
// 创建节点
|
||||||
|
list.forEach((flowItem, index) => {
|
||||||
|
nodes.push({
|
||||||
|
id: `node-${index}`,
|
||||||
|
data: {
|
||||||
|
label: getNodeLabel(flowItem),
|
||||||
|
status: flowItem.status,
|
||||||
|
},
|
||||||
|
style: {
|
||||||
|
background: getStatusColor(flowItem.status, flowItem.type, thisFlow),
|
||||||
|
color: "white",
|
||||||
|
borderColor: getStatusColor(flowItem.status, flowItem.type, thisFlow),
|
||||||
|
width: nodeWidth,
|
||||||
|
minHeight: nodeHeight,
|
||||||
|
padding: "10px",
|
||||||
|
borderRadius: 5,
|
||||||
|
wordBreak: "break-word",
|
||||||
|
whiteSpace: "normal",
|
||||||
|
display: "flex",
|
||||||
|
alignItems: "center",
|
||||||
|
justifyContent: "center",
|
||||||
|
textAlign: "center",
|
||||||
|
},
|
||||||
|
position: { x: index * horizontalSpacing, y: verticalPosition },
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
// 创建连接线
|
||||||
|
for (let i = 0; i < list.length - 1; i++) {
|
||||||
|
edges.push({
|
||||||
|
id: `edge-${i}`,
|
||||||
|
source: `node-${i}`,
|
||||||
|
target: `node-${i + 1}`,
|
||||||
|
type: "smoothstep",
|
||||||
|
animated: true,
|
||||||
|
style: { stroke: "#1890ff", strokeWidth: 2 },
|
||||||
|
markerEnd: {
|
||||||
|
type: "arrowclosed",
|
||||||
|
color: "#1890ff",
|
||||||
|
},
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
return { nodes, edges };
|
||||||
|
};
|
||||||
|
|
@ -0,0 +1,16 @@
|
||||||
|
"use strict";
|
||||||
|
const path = require("node:path");
|
||||||
|
|
||||||
|
function resolve(dir) {
|
||||||
|
return path.join(__dirname, ".", dir);
|
||||||
|
}
|
||||||
|
|
||||||
|
module.exports = {
|
||||||
|
context: path.resolve(__dirname, "./"),
|
||||||
|
resolve: {
|
||||||
|
extensions: [".js"],
|
||||||
|
alias: {
|
||||||
|
"~": resolve("src/"),
|
||||||
|
},
|
||||||
|
},
|
||||||
|
};
|
||||||
Loading…
Reference in New Issue