init

2025-11-28 18:02:24 +08:00 · 2025-11-28 18:02:24 +08:00 · e1ace876ba
commit e1ace876ba
65 changed files with 3528 additions and 0 deletions
--- a/.editorconfig
+++ b/.editorconfig
@ -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
--- a/.gitignore
+++ b/.gitignore
@ -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
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@ -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"
+  ]
+}
--- a/README.md
+++ b/README.md
@ -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`。
--- a/blessed_by_buddha.js
+++ b/blessed_by_buddha.js
@ -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");
--- a/eslint.config.js
+++ b/eslint.config.js
@ -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"],
+  },
+});
--- a/jjb.babel.js
+++ b/jjb.babel.js
@ -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",
+    }],
+  ],
+};
--- a/jjb.config.js
+++ b/jjb.config.js
@ -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: "qualifications",
+  // 应用上下文注入全局变量
+  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: "8081",
+    // 服务地址
+    host: "127.0.0.1",
+    // 是否自动打开浏览器
+    open: true,
+  },
+  // 框架
+  framework: {
+    // ant-design
+    antd: {
+      // 全局antd-class-name前缀
+      "ant-prefix": "micro-temp",
+      // 全局字体
+      "fontFamily": "PingFangSC-Regular",
+      // 全局主题色
+      "colorPrimary": "#1677ff",
+      // 全局圆角
+      "borderRadius": 2,
+    },
+  },
+  // webpack
+  webpackConfig: {
+    // 单页面插件
+    htmlWebpackPluginOption: {
+      // 自动注入编译后的文件到public/index.html中
+      inject: true,
+    },
+  },
+};
--- a/jsconfig.json
+++ b/jsconfig.json
@ -0,0 +1,9 @@
+{
+  "compilerOptions": {
+    "baseUrl": "src",
+    "paths": {
+      "~/*": ["*"]
+    }
+  },
+  "include": ["src"]
+}
--- a/package.json
+++ b/package.json
@ -0,0 +1,47 @@
+{
+  "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": "^6.1.0",
+    "@ant-design/pro-components": "^2.8.10",
+    "@cqsjjb/jjb-common-decorator": "0.0.13",
+    "@cqsjjb/jjb-common-lib": "1.0.0-beta.8",
+    "@cqsjjb/jjb-dva-runtime": "1.0.0-rc.2",
+    "@cqsjjb/jjb-react-admin-component": "3.3.0-beta.7",
+    "ahooks": "^3.9.5",
+    "antd": "^5.27.6",
+    "dayjs": "^1.11.7",
+    "lodash-es": "^4.17.21",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "zy-react-library": "^1.0.129"
+  },
+  "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"
+  }
+}
--- a/public/index.html
+++ b/public/index.html
@ -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>
--- a/src/api/global/index.js
+++ b/src/api/global/index.js
@ -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}",
+// );
--- a/src/api/qualificationApply/index.js
+++ b/src/api/qualificationApply/index.js
@ -0,0 +1,32 @@
+import { declareRequest } from "@cqsjjb/jjb-dva-runtime";
+
+export const corpInfoList = declareRequest(
+  `Post > @/basic-info/corpInfo/list`,
+);
+export const qualificationsListAll = declareRequest(
+  `Post > @/qualifications/qualifications/listAll`,
+);
+export const qualificationApplyList = declareRequest(
+  "qualificationApplyLoading",
+  `Post > @/qualifications/qualificationsApply/list`,
+);
+export const qualificationApplyAdd = declareRequest(
+  "qualificationApplyLoading",
+  `Post > @/qualifications/qualificationsApply/save`,
+);
+export const qualificationApplyUpdate = declareRequest(
+  "qualificationApplyLoading",
+  `Put > @/qualifications/qualificationsApply/edit`,
+);
+export const qualificationApplyInfo = declareRequest(
+  "qualificationApplyLoading",
+  `Get > /qualifications/qualificationsApply/{id}`,
+);
+export const qualificationApplyQualificationListAll = declareRequest(
+  "qualificationApplyLoading",
+  `Post > @/qualifications/qualificationsDetail/listAll`,
+);
+export const qualificationApplyRejectReason = declareRequest(
+  "qualificationApplyLoading",
+  `Get > /qualifications/qualificationsApply/getRejectReason/{id}`,
+);
--- a/src/api/qualificationMaintenance/index.js
+++ b/src/api/qualificationMaintenance/index.js
@ -0,0 +1,30 @@
+import { declareRequest } from "@cqsjjb/jjb-dva-runtime";
+
+export const qualificationMaintenanceList = declareRequest(
+  "qualificationMaintenanceLoading",
+  `Post > @/qualifications/qualifications/list`,
+);
+export const qualificationMaintenanceUpdateStatus = declareRequest(
+  "qualificationMaintenanceLoading",
+  `Put > @/qualifications/qualifications/updateStatus`,
+);
+export const qualificationMaintenanceAdd = declareRequest(
+  "qualificationMaintenanceLoading",
+  `Post > @/qualifications/qualifications/save`,
+);
+export const qualificationMaintenanceUpdate = declareRequest(
+  "qualificationMaintenanceLoading",
+  `Put > @/qualifications/qualifications/edit`,
+);
+export const qualificationMaintenanceInfo = declareRequest(
+  "qualificationMaintenanceLoading",
+  `Get > /qualifications/qualifications/{id}`,
+);
+export const qualificationMaintenanceQualificationsAdd = declareRequest(
+  "qualificationMaintenanceLoading",
+  `Post > @/qualifications/qualificationsDetail/save`,
+);
+export const qualificationMaintenanceQualificationsList = declareRequest(
+  "qualificationMaintenanceLoading",
+  `Post > @/qualifications/qualificationsDetail/list`,
+);
--- a/src/api/qualificationRecords/index.js
+++ b/src/api/qualificationRecords/index.js
@ -0,0 +1,10 @@
+import { declareRequest } from "@cqsjjb/jjb-dva-runtime";
+
+export const qualificationRecordsList = declareRequest(
+  "qualificationRecordsLoading",
+  `Post > @/qualifications/qualificationsApply/recordList`,
+);
+export const qualificationRecordsHistoryList = declareRequest(
+  "qualificationRecordsLoading",
+  `Post > @/qualifications/qualificationsApply/batchListByApplyId`,
+);
--- a/src/api/qualificationReview/index.js
+++ b/src/api/qualificationReview/index.js
@ -0,0 +1,26 @@
+import { declareRequest } from "@cqsjjb/jjb-dva-runtime";
+
+export const qualificationReviewList = declareRequest(
+  "qualificationReviewLoading",
+  `Post > @/qualifications/qualificationsApply/listWaitAudit`,
+);
+export const qualificationReviewInfo = declareRequest(
+  "qualificationReviewLoading",
+  `Get > /qualifications/qualificationsApply/{id}`,
+);
+export const qualificationReviewInfoBatchNum = declareRequest(
+  "qualificationReviewLoading",
+  `Get > /qualifications/qualificationsApply/{id}/{batchNum}`,
+);
+export const corpInfoDetails = declareRequest(
+  "enterpriseLoading",
+  "Post > @/basic-info/corpInfo/info/{id}",
+);
+export const userQualificationList = declareRequest(
+  "userQualificationLoading",
+  "Post > @/basic-info/userQualificationInfo/list",
+);
+export const qualificationReviewSubmit = declareRequest(
+  "userQualificationLoading",
+  "Post > @/qualifications/qualificationsApply/audit",
+);
--- a/src/api/qualificationStatistics/index.js
+++ b/src/api/qualificationStatistics/index.js
@ -0,0 +1,6 @@
+import { declareRequest } from "@cqsjjb/jjb-dva-runtime";
+
+export const qualificationStatistics = declareRequest(
+  "qualificationStatisticsLoading",
+  `Get > /qualifications/qualificationsApply/statistics`,
+);
--- a/src/components/ViewQualificationDetailsModal/index.js
+++ b/src/components/ViewQualificationDetailsModal/index.js
@ -0,0 +1,60 @@
+import { Button, Descriptions, Modal } from "antd";
+import PreviewImg from "zy-react-library/components/PreviewImg";
+import PreviewPdf from "zy-react-library/components/PreviewPdf";
+import { getFileSuffix } from "zy-react-library/utils";
+
+const ViewQualificationDetailsModal = (props) => {
+  const previewFile = () => {
+    const imgFiles = [];
+    const pdfFiles = [];
+    for (let i = 0; i < props.data.files.length; i++) {
+      if (getFileSuffix(props.data.files[i].fileName) === "pdf") {
+        pdfFiles.push(props.data.files[i]);
+      }
+      else {
+        imgFiles.push(props.data.files[i]);
+      }
+    }
+    if (imgFiles.length > 0 && pdfFiles.length > 0) {
+      return (
+        <>
+          <div><PreviewImg files={imgFiles} /></div>
+          <div style={{ marginTop: 20 }}><PreviewPdf files={pdfFiles} urlKey="url" /></div>
+        </>
+      );
+    }
+    if (imgFiles.length > 0) {
+      return <PreviewImg files={imgFiles} />;
+    }
+    if (pdfFiles.length > 0) {
+      return <PreviewPdf files={pdfFiles} />;
+    }
+  };
+
+  return (
+    <Modal
+      title={`${props.data.dataName}资质`}
+      width={800}
+      open
+      maskClosable={false}
+      onCancel={props.onCancel}
+      footer={[
+        <Button key="cancel" onClick={props.onCancel}>取消</Button>,
+      ]}
+    >
+      <Descriptions
+        bordered
+        column={1}
+        styles={{ label: { width: 200 } }}
+        items={[
+          { label: "资质", children: previewFile() },
+          ...(props.data.isValidity === 0
+            ? [{ label: "有效期开始时间", children: props.data.qualificationsTermStart }, { label: "有效期结束时间", children: props.data.qualificationsTermEnd }]
+            : []),
+        ]}
+      />
+    </Modal>
+  );
+};
+
+export default ViewQualificationDetailsModal;
--- a/src/components/index.js
+++ b/src/components/index.js
@ -0,0 +1 @@
+export {};
--- a/src/enumerate/constant/index.js
+++ b/src/enumerate/constant/index.js
@ -0,0 +1,14 @@
+/**
+ * 全局常量定义
+ */
+
+export {};
+
+// PENDING_APPROVAL(100, "待审核"),
+// IN_REVIEW(200, "审核中"),
+// REJECTED(300, "已驳回"),
+// PASSED(400, "已通过");
+
+// FIRST_PARTY_AUDITING(100, "集团单位审核"),
+// COMPANY_DEPARTMENT_AUDITING(200, "股份主管部门审核"),
+// COMPANY_SAFETY_AUDITING(300, "股份安监部门审核");
--- a/src/enumerate/context/index.js
+++ b/src/enumerate/context/index.js
@ -0,0 +1,8 @@
+/**
+ * 全局上下文定义
+ */
+
+import React from "react";
+
+// 获取antd全局静态方法
+export const InjectContext = React.createContext({});
--- a/src/enumerate/namespace/index.js
+++ b/src/enumerate/namespace/index.js
@ -0,0 +1,12 @@
+/**
+ * 全局数据状态管理模块定义
+ */
+
+import { defineNamespace } from "@cqsjjb/jjb-dva-runtime";
+
+export const NS_GLOBAL = defineNamespace("global");
+export const NS_QUALIFICATION_MAINTENANCE = defineNamespace("qualificationMaintenance");
+export const NS_QUALIFICATION_REVIEW = defineNamespace("qualificationReview");
+export const NS_QUALIFICATION_RECORDS = defineNamespace("qualificationRecords");
+export const NS_QUALIFICATION_STATISTICS = defineNamespace("qualificationStatistics");
+export const NS_QUALIFICATION_APPLY = defineNamespace("qualificationApply");
--- a/src/main.js
+++ b/src/main.js
@ -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);
--- a/src/pages/Container/BranchCompany/QualificationApply/Add/index.js
+++ b/src/pages/Container/BranchCompany/QualificationApply/Add/index.js
@ -0,0 +1,520 @@
+import { Connect } from "@cqsjjb/jjb-dva-runtime";
+import { Button, Divider, Form, message, Modal, Space, Spin } from "antd";
+import dayjs from "dayjs";
+import { cloneDeep } from "lodash-es";
+import { useEffect, useState } from "react";
+import FormBuilder from "zy-react-library/components/FormBuilder";
+import HeaderBack from "zy-react-library/components/HeaderBack";
+import DictionarySelect from "zy-react-library/components/Select/Dictionary";
+import PersonnelSelect from "zy-react-library/components/Select/Personnel/Gwj";
+import DepartmentSelectTree from "zy-react-library/components/SelectTree/Department/Gwj";
+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 useUploadFile from "zy-react-library/hooks/useUploadFile";
+import { validatorEndTime } from "zy-react-library/utils";
+import { NS_QUALIFICATION_APPLY } from "~/enumerate/namespace";
+
+function Add(props) {
+  const query = useGetUrlQuery();
+  const [form] = Form.useForm();
+  const [currentStep, setCurrentStep] = useState(1);
+  const [formValues, setFormValues] = useState({});
+  const [specialList, setSpecialList] = useState([]);
+  const [secureList, setSecureList] = useState([]);
+
+  const getData = async () => {
+    const { data } = await props["qualificationApplyInfo"]({ id: query.id });
+    setFormValues(data);
+    form.setFieldsValue(data);
+    setSpecialList(data.specialList);
+    setSecureList(data.secureList);
+  };
+
+  useEffect(() => {
+    query.id && getData();
+  }, []);
+
+  return (
+    <div>
+      <HeaderBack title={query.id ? "编辑" : "新增"} />
+      <div style={{ padding: 20 }}>
+        {currentStep === 1
+          && <StepOne setFormValues={setFormValues} setCurrentStep={setCurrentStep} formValues={formValues} form={form} />}
+        {currentStep === 2
+          && (
+            <StepTwo
+              setCurrentStep={setCurrentStep}
+              formValues={formValues}
+              query={query}
+              setSecureList={setSecureList}
+              setSpecialList={setSpecialList}
+              specialList={specialList}
+              secureList={secureList}
+            />
+          )}
+      </div>
+    </div>
+  );
+}
+
+const StepOneComponent = (props) => {
+  const form = props.form;
+  const qualificationsTypeId = Form.useWatch("qualificationsTypeId", form);
+  const stakeholderLevel = Form.useWatch("stakeholderLevel", form);
+  const groupUnitId = Form.useWatch("groupUnitId", form);
+  const groupUnitDept = Form.useWatch("groupUnitDept", form);
+
+  const [corpInfoList, setCorpInfoList] = useState([]);
+  const [qualificationsListAll, setQualificationsListAll] = useState([]);
+
+  const getQualificationsListAll = async () => {
+    const { data } = await props["qualificationsListAll"]({ qualificationsTypeId, stakeholderLevel });
+    setQualificationsListAll(data);
+  };
+
+  const getCorpInfoList = async () => {
+    const { data } = await props["corpInfoList"]({ pageIndex: 1, pageSize: 1000 });
+    setCorpInfoList(data);
+  };
+
+  useEffect(() => {
+    getCorpInfoList();
+    form.setFieldsValue(props.formValues);
+  }, []);
+
+  useEffect(() => {
+    if (qualificationsTypeId && stakeholderLevel)
+      getQualificationsListAll();
+    else setQualificationsListAll([]);
+  }, [qualificationsTypeId, stakeholderLevel]);
+
+  return (
+    <FormBuilder
+      form={form}
+      loading={props.qualificationApply.qualificationApplyLoading}
+      onFinish={(values) => {
+        props.setCurrentStep(2);
+        props.setFormValues(values);
+      }}
+      submitButtonText="下一步"
+      options={[
+        { label: "资质基础信息", render: FORM_ITEM_RENDER_ENUM.DIVIDER },
+        {
+          name: "qualificationsTypeId",
+          label: "资质类别",
+          render: (
+            <DictionarySelect
+              dictValue="qualificationsType"
+              onGetLabel={label => form.setFieldValue("qualificationsTypeName", label)}
+              onChange={() => {
+                form.setFieldValue("groupUnitName", "");
+                form.setFieldValue("groupUnitDeptName", "");
+                form.setFieldValue("groupUnitUserName", "");
+                form.setFieldValue("qualificationsId", "");
+              }}
+            />
+          ),
+        },
+        { name: "qualificationsTypeName", label: "资质类别名称", onlyForLabel: true },
+        {
+          name: "stakeholderLevel",
+          label: "资质等级",
+          render: (
+            <DictionarySelect
+              dictValue="stakeholderLevel"
+              onGetLabel={label => form.setFieldValue("stakeholderLevelName", label)}
+              onChange={() => {
+                form.setFieldValue("groupUnitName", "");
+                form.setFieldValue("groupUnitDeptName", "");
+                form.setFieldValue("groupUnitUserName", "");
+                form.setFieldValue("qualificationsId", "");
+              }}
+            />
+          ),
+        },
+        { name: "stakeholderLevelName", label: "资质等级名称", onlyForLabel: true },
+        {
+          name: "groupUnitId",
+          label: "集团单位",
+          dependencies: ["stakeholderLevel", "qualificationsTypeId"],
+          hidden: formValues => !(formValues.stakeholderLevel === "two-level" || formValues.qualificationsTypeId === "wzgll"),
+          render: FORM_ITEM_RENDER_ENUM.SELECT,
+          items: corpInfoList,
+          itemsField: { valueKey: "id", labelKey: "corpName" },
+          componentProps: {
+            onChange: (event) => {
+              const label = corpInfoList.find(item => item.id === event)?.corpName;
+              form.setFieldValue("groupUnitName", label);
+              form.setFieldValue("groupUnitDept", "");
+              form.setFieldValue("groupUnitDeptName", "");
+              form.setFieldValue("groupUnitUser", "");
+              form.setFieldValue("groupUnitUserName", "");
+            },
+          },
+        },
+        { name: "groupUnitName", label: "集团单位名称", onlyForLabel: true },
+        {
+          name: "groupUnitDept",
+          label: "部门",
+          dependencies: ["stakeholderLevel", "qualificationsTypeId"],
+          hidden: formValues => !(formValues.stakeholderLevel === "two-level" || formValues.qualificationsTypeId === "wzgll"),
+          render: (
+            <DepartmentSelectTree
+              params={{ eqCorpinfoId: groupUnitId }}
+              isNeedCorpInfoId
+              onGetLabel={label => form.setFieldValue("groupUnitDeptName", label)}
+              onChange={() => {
+                form.setFieldValue("groupUnitUser", "");
+                form.setFieldValue("groupUnitUserName", "");
+              }}
+            />
+          ),
+        },
+        { name: "groupUnitDeptName", label: "部门名称", onlyForLabel: true },
+        {
+          name: "groupUnitUser",
+          label: "负责人",
+          dependencies: ["stakeholderLevel", "qualificationsTypeId"],
+          hidden: formValues => !(formValues.stakeholderLevel === "two-level" || formValues.qualificationsTypeId === "wzgll"),
+          render: (
+            <PersonnelSelect
+              params={{ departmentId: groupUnitDept }}
+              onGetLabel={label => form.setFieldValue("groupUnitUserName", label)}
+            />
+          ),
+        },
+        { name: "groupUnitUserName", label: "负责人名称", onlyForLabel: true },
+        {
+          name: "qualificationsId",
+          label: "资质名称",
+          render: FORM_ITEM_RENDER_ENUM.SELECT,
+          items: qualificationsListAll,
+          itemsField: { labelKey: "qualificationsName", valueKey: "id" },
+        },
+        { name: "qualificationsRemarks", label: "备注", required: false, span: 24, render: FORM_ITEM_RENDER_ENUM.TEXTAREA },
+      ]}
+    />
+  );
+};
+const StepTwoComponent = (props) => {
+  const query = props.query;
+  const secureList = props.secureList;
+  const specialList = props.specialList;
+  const setSecureList = props.setSecureList;
+  const setSpecialList = props.setSpecialList;
+
+  const [uploadFileModalOpen, setUploadFileModalOpen] = useState(false);
+  const [uploadFileModalData, setUploadFileModalData] = useState({
+    title: "",
+    index: -1,
+    files: [],
+    currentList: "",
+    isValidity: "",
+  });
+
+  const { loading: uploadFileLoading, uploadFile } = useUploadFile();
+  const { loading: deleteFileLoading, deleteFile } = useDeleteFile();
+  const { loading: getFileLoading, getFile } = useGetFile();
+
+  const getData = async () => {
+    if (!props.formValues.qualificationsId)
+      return;
+    if (specialList.length === 0 || secureList.length === 0) {
+      const { data } = await props["qualificationApplyQualificationListAll"]({ qualificationsId: props.formValues.qualificationsId });
+      setSpecialList(data.specialList || []);
+      setSecureList(data.secureList || []);
+    }
+    else {
+      for (let i = 0; i < specialList.length; i++) {
+        const files = await getFile({ eqType: UPLOAD_FILE_TYPE_ENUM["148"], eqForeignKey: specialList[i].applyDetailId });
+        specialList[i].files = files;
+      }
+      for (let i = 0; i < secureList.length; i++) {
+        const files = await getFile({ eqType: UPLOAD_FILE_TYPE_ENUM["149"], eqForeignKey: secureList[i].applyDetailId });
+        secureList[i].files = files;
+      }
+    }
+  };
+
+  useEffect(() => {
+    getData();
+  }, [props.formValues.qualificationsId]);
+
+  const onUploadFileOpen = (record, index, files, currentList) => {
+    setUploadFileModalData({
+      title: record.dataName,
+      index,
+      files,
+      currentList,
+      isValidity: record.isValidity,
+      qualificationsTermStart: record.qualificationsTermStart,
+      qualificationsTermEnd: record.qualificationsTermEnd,
+    });
+    setUploadFileModalOpen(true);
+  };
+
+  const onUploadFileConfirm = (values, list) => {
+    const newList = cloneDeep(list);
+    newList[uploadFileModalData.index].files = values.files;
+    newList[uploadFileModalData.index].deleteFiles = values.deleteFiles;
+    newList[uploadFileModalData.index].qualificationsTermStart = values.qualificationsTermStart;
+    newList[uploadFileModalData.index].qualificationsTermEnd = values.qualificationsTermEnd;
+    newList[uploadFileModalData.index].uploadedTime = dayjs().format("YYYY-MM-DD HH:mm:ss");
+    return newList;
+  };
+
+  const validateFileList = (list) => {
+    for (let i = 0; i < list.length; i++) {
+      if (!list[i].files || list[i].files.length === 0) {
+        message.error(`请上传${list[i].dataName}的资质`);
+        return false;
+      }
+    }
+    return true;
+  };
+
+  const onSubmit = async () => {
+    if (!validateFileList(specialList))
+      return;
+    if (!validateFileList(secureList))
+      return;
+    for (let i = 0; i < specialList.length; i++) {
+      await deleteFile({ single: false, files: specialList[i].deleteFiles });
+      const { id } = await uploadFile({
+        single: false,
+        files: specialList[i].files,
+        params: { type: UPLOAD_FILE_TYPE_ENUM["148"], foreignKey: specialList[i].applyDetailId },
+      });
+      specialList[i].applyDetailId = id;
+    }
+    for (let i = 0; i < secureList.length; i++) {
+      await deleteFile({ single: false, files: secureList[i].deleteFiles });
+      const { id } = await uploadFile({
+        single: false,
+        files: secureList[i].files,
+        params: { type: UPLOAD_FILE_TYPE_ENUM["149"], foreignKey: secureList[i].applyDetailId },
+      });
+      secureList[i].applyDetailId = id;
+    }
+    const data = { ...props.formValues, qualificationsApplyDetailList: [...specialList, ...secureList] };
+    const { success } = await props[!query.id ? "qualificationApplyAdd" : "qualificationApplyUpdate"]({
+      ...data,
+      batchNum: 1,
+      id: query.id,
+    });
+    if (success) {
+      message.success("提交成功，请等待审核");
+      window.history.back();
+    }
+  };
+
+  return (
+    <div>
+      <Spin
+        spinning={props.qualificationApply.qualificationApplyLoading || uploadFileLoading || deleteFileLoading || getFileLoading}
+      >
+        <div>
+          <Divider orientation="left">专项资质信息</Divider>
+          <Table
+            dataSource={specialList}
+            pagination={false}
+            options={false}
+            disabledResizer={true}
+            columns={[
+              { title: "材料名称", dataIndex: "dataName" },
+              { title: "上传时间", dataIndex: "uploadedTime", render: (_, record) => record.uploadedTime || "-" },
+              {
+                title: "时效性",
+                dataIndex: "qualificationsTermStart",
+                render: (_, record) => record.qualificationsTermStart ? `${record.qualificationsTermStart}至${record.qualificationsTermEnd}` : "-",
+              },
+              {
+                title: "操作",
+                width: 150,
+                render: (_, record, index) => (
+                  <Space>
+                    {
+                      record.files?.length > 0
+                        ? (
+                            <Button
+                              type="link"
+                              onClick={() => {
+                                onUploadFileOpen(record, index, record.files, "specialList");
+                              }}
+                            >
+                              修改
+                            </Button>
+                          )
+                        : (
+                            <Button
+                              type="link"
+                              onClick={() => {
+                                onUploadFileOpen(record, index, [], "specialList");
+                              }}
+                            >
+                              上传
+                            </Button>
+                          )
+                    }
+                  </Space>
+                ),
+              },
+            ]}
+          />
+        </div>
+        <div>
+          <Divider orientation="left">安全资质信息</Divider>
+          <Table
+            dataSource={secureList}
+            pagination={false}
+            options={false}
+            disabledResizer={true}
+            columns={[
+              { title: "材料名称", dataIndex: "dataName" },
+              { title: "上传时间", dataIndex: "uploadedTime", render: (_, record) => record.uploadedTime || "-" },
+              {
+                title: "时效性",
+                dataIndex: "qualificationsTermStart",
+                render: (_, record) => record.qualificationsTermStart ? `${record.qualificationsTermStart}至${record.qualificationsTermEnd}` : "-",
+              },
+              {
+                title: "操作",
+                width: 150,
+                render: (_, record, index) => (
+                  <Space>
+                    {
+                      record.files?.length > 0
+                        ? (
+                            <Button
+                              type="link"
+                              onClick={() => {
+                                onUploadFileOpen(record, index, record.files, "secureList");
+                              }}
+                            >
+                              修改
+                            </Button>
+                          )
+                        : (
+                            <Button
+                              type="link"
+                              onClick={() => {
+                                onUploadFileOpen(record, index, [], "secureList");
+                              }}
+                            >
+                              上传
+                            </Button>
+                          )
+                    }
+                  </Space>
+                ),
+              },
+            ]}
+          />
+        </div>
+        <div style={{ textAlign: "center", marginTop: 20 }}>
+          <Space>
+            <Button onClick={() => {
+              Modal.confirm({
+                title: "提示",
+                content: "填写的信息将被清除，确定要返回吗？",
+                onOk: () => props.setCurrentStep(1),
+              });
+            }}
+            >
+              上一步
+            </Button>
+            <Button type="primary" onClick={onSubmit}>提交审核</Button>
+          </Space>
+        </div>
+      </Spin>
+      {uploadFileModalOpen && (
+        <FileUpload
+          data={uploadFileModalData}
+          onCancel={() => {
+            setUploadFileModalOpen(false);
+          }}
+          onSubmit={(values) => {
+            setUploadFileModalOpen(false);
+            if (uploadFileModalData.currentList === "specialList") {
+              setSpecialList(onUploadFileConfirm(values, specialList));
+              return;
+            }
+            setSecureList(onUploadFileConfirm(values, secureList));
+          }}
+        />
+      )}
+    </div>
+  );
+};
+
+const FileUpload = (props) => {
+  const [form] = Form.useForm();
+  const qualificationsTermStart = Form.useWatch("qualificationsTermStart", form);
+
+  useEffect(() => {
+    form.setFieldsValue({
+      files: props.data.files,
+      qualificationsTermStart: props.data.qualificationsTermStart,
+      qualificationsTermEnd: props.data.qualificationsTermEnd,
+    });
+  }, []);
+
+  return (
+    <Modal
+      title={`${props.data.title}资质`}
+      width={800}
+      open
+      maskClosable={false}
+      onCancel={props.onCancel}
+      onOk={form.submit}
+    >
+      <FormBuilder
+        form={form}
+        showActionButtons={false}
+        onFinish={values => props.onSubmit(values)}
+        span={24}
+        labelCol={{ span: 8 }}
+        options={[
+          {
+            name: "files",
+            label: "资质",
+            render: (
+              <Upload
+                fileType="image"
+                maxCount={10}
+                accept=".pdf,.jpg,.jpeg,.png"
+                onGetRemoveFile={(file) => {
+                  form.setFieldValue("deleteFiles", [...(form.getFieldValue("deleteFiles") || []), file]);
+                }}
+              />
+            ),
+          },
+          { name: "deleteFiles", label: "删除的资质", onlyForLabel: true },
+          {
+            name: "qualificationsTermStart",
+            label: "有效期开始时间",
+            render: FORM_ITEM_RENDER_ENUM.DATETIME,
+            hidden: !(props.data.isValidity === 0),
+          },
+          {
+            name: "qualificationsTermEnd",
+            label: "有效期结束时间",
+            render: FORM_ITEM_RENDER_ENUM.DATETIME,
+            rules: [validatorEndTime(qualificationsTermStart)],
+            hidden: !(props.data.isValidity === 0),
+          },
+        ]}
+      />
+    </Modal>
+  );
+};
+
+const StepOne = Connect([NS_QUALIFICATION_APPLY], true)(StepOneComponent);
+const StepTwo = Connect([NS_QUALIFICATION_APPLY], true)(StepTwoComponent);
+
+export default Connect([NS_QUALIFICATION_APPLY], true)(Add);
--- a/src/pages/Container/BranchCompany/QualificationApply/List/index.js
+++ b/src/pages/Container/BranchCompany/QualificationApply/List/index.js
@ -0,0 +1,134 @@
+import { Connect } from "@cqsjjb/jjb-dva-runtime";
+import { Button, Descriptions, Form, Modal, Space } from "antd";
+import { useState } from "react";
+import AddIcon from "zy-react-library/components/Icon/AddIcon";
+import Search from "zy-react-library/components/Search";
+import DictionarySelect from "zy-react-library/components/Select/Dictionary";
+import Table from "zy-react-library/components/Table";
+import useTable from "zy-react-library/hooks/useTable";
+import { NS_QUALIFICATION_APPLY } from "~/enumerate/namespace";
+
+function List(props) {
+  const [form] = Form.useForm();
+
+  const [rejectReasonModalOpen, setRejectReasonModalOpen] = useState(false);
+  const [rejectReason, setRejectReason] = useState(false);
+
+  const { tableProps, getData } = useTable(props["qualificationApplyList"], {
+    form,
+  });
+
+  const onViewRejectReason = async (id) => {
+    const { data } = await props["qualificationApplyRejectReason"]({ id });
+    setRejectReason(data);
+    setRejectReasonModalOpen(true);
+  };
+
+  return (
+    <div style={{ padding: 20 }}>
+      <Search
+        labelCol={{ span: 8 }}
+        options={[
+          { name: "qualificationsName", label: "资质名称" },
+          { name: "qualificationsTypeId", label: "相关方类别", render: (<DictionarySelect dictValue="qualificationsType" />) },
+          { name: "stakeholderLevel", label: "相关方级别", render: (<DictionarySelect dictValue="stakeholderLevel" />) },
+        ]}
+        form={form}
+        onFinish={getData}
+      />
+      <Table
+        toolBarRender={() => (
+          <Space>
+            <Button
+              type="primary"
+              icon={<AddIcon />}
+              onClick={() => {
+                props.history.push("./add");
+              }}
+            >
+              新增
+            </Button>
+          </Space>
+        )}
+        columns={[
+          { title: "资质名称", dataIndex: "qualificationsName" },
+          { title: "资质类别（相关方类别）", dataIndex: "qualificationsTypeName" },
+          { title: "相关方等级", dataIndex: "stakeholderLevelName" },
+          { title: "材料数量", dataIndex: "materialNum" },
+          { title: "审核公司", dataIndex: "groupUnitName" },
+          { title: "备注", dataIndex: "qualificationsRemarks" },
+          { title: "审核状态", dataIndex: "status", render: (_, record) => (
+            <>
+              {record.status === 200 && "审核中"}
+              {record.status === 300 && "已驳回"}
+              {record.status === 400 && "已通过"}
+            </>
+          ) },
+          {
+            title: "操作",
+            fixed: "right",
+            width: 200,
+            render: (_, record) => (
+              <Space>
+                <Button
+                  type="link"
+                  onClick={() => {
+                    props.history.push(`./view?id=${record.id}`);
+                  }}
+                >
+                  查看
+                </Button>
+                <Button
+                  type="link"
+                  disabled={record.status !== 300}
+                  onClick={() => {
+                    props.history.push(`./add?id=${record.id}`);
+                  }}
+                >
+                  修改
+                </Button>
+                <Button
+                  type="link"
+                  disabled={record.status !== 300}
+                  onClick={() => {
+                    onViewRejectReason(record.id);
+                  }}
+                >
+                  查看驳回原因
+                </Button>
+              </Space>
+            ),
+          },
+        ]}
+        {...tableProps}
+      />
+      {rejectReasonModalOpen && <RejectReason rejectReason={rejectReason} onCancel={() => setRejectReasonModalOpen(false)} />}
+    </div>
+  );
+}
+
+const RejectReason = (props) => {
+  return (
+    <Modal
+      title="查看驳回原因"
+      width={800}
+      open
+      maskClosable={false}
+      onCancel={props.onCancel}
+      footer={[
+        <Button key="cancel" onClick={props.onCancel}>取消</Button>,
+      ]}
+    >
+      <Descriptions
+        bordered
+        column={1}
+        styles={{ label: { width: 200 } }}
+        items={[
+          { label: "驳回原因", children: props.rejectReason },
+        ]}
+      />
+    </Modal>
+  );
+};
+
+export default Connect([NS_QUALIFICATION_APPLY], true)(List);
--- a/src/pages/Container/BranchCompany/QualificationApply/View/index.js
+++ b/src/pages/Container/BranchCompany/QualificationApply/View/index.js
@ -0,0 +1,149 @@
+import { Connect } from "@cqsjjb/jjb-dva-runtime";
+import { Button, Descriptions, Divider, Spin } from "antd";
+import { useEffect, useState } from "react";
+import HeaderBack from "zy-react-library/components/HeaderBack";
+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 ViewQualificationDetailsModal from "~/components/ViewQualificationDetailsModal";
+import { NS_QUALIFICATION_APPLY } from "~/enumerate/namespace";
+
+function View(props) {
+  const query = useGetUrlQuery();
+  const { loading: getFileLoading, getFile } = useGetFile();
+
+  const [info, setInfo] = useState([]);
+  const [specialList, setSpecialList] = useState([]);
+  const [secureList, setSecureList] = useState([]);
+  const [viewQualificationDetailsModalOpen, setViewQualificationDetailsModalOpen] = useState(false);
+  const [viewQualificationDetailsModalData, setViewQualificationDetailsModalData] = useState({});
+
+  const getData = async () => {
+    const { data } = await props["qualificationApplyInfo"]({ id: query.id });
+    setInfo(data);
+    for (let i = 0; i < data.specialList.length; i++) {
+      const files = await getFile({
+        eqType: UPLOAD_FILE_TYPE_ENUM["148"],
+        eqForeignKey: data.specialList[i].applyDetailId,
+      });
+      data.specialList[i].files = files;
+    }
+    for (let i = 0; i < data.secureList.length; i++) {
+      const files = await getFile({
+        eqType: UPLOAD_FILE_TYPE_ENUM["149"],
+        eqForeignKey: data.secureList[i].applyDetailId,
+      });
+      data.secureList[i].files = files;
+    }
+    setSpecialList(data.specialList);
+    setSecureList(data.secureList);
+  };
+
+  useEffect(() => {
+    getData();
+  }, []);
+
+  return (
+    <div>
+      <HeaderBack title="查看" />
+      <div style={{ padding: 20 }}>
+        <Spin
+          spinning={props.qualificationApply.qualificationApplyLoading || getFileLoading}
+        >
+          <div>
+            <Divider orientation="left">资质基础信息</Divider>
+            <Descriptions
+              bordered
+              column={1}
+              styles={{ label: { width: 200 } }}
+              items={[
+                { label: "资质类别", children: info.qualificationsTypeName },
+                { label: "资质等级", children: info.stakeholderLevelName },
+                ...(info.stakeholderLevel === "two-level"
+                  ? [
+                      { label: "集团单位", children: info.groupUnitName },
+                      { label: "部门", children: info.groupUnitDeptName },
+                      { label: "负责人", children: info.groupUnitUserName },
+                    ]
+                  : []),
+                { label: "资质名称", children: info.qualificationsName },
+                { label: "备注", children: info.qualificationsRemarks },
+              ]}
+            />
+          </div>
+          <div>
+            <Divider orientation="left">专项资质信息</Divider>
+            <Table
+              dataSource={specialList}
+              pagination={false}
+              options={false}
+              disabledResizer={true}
+              columns={[
+                { title: "材料名称", dataIndex: "dataName" },
+                { title: "上传时间", dataIndex: "uploadedTime", render: (_, record) => record.uploadedTime || "-" },
+                {
+                  title: "时效性",
+                  dataIndex: "qualificationsTermStart",
+                  render: (_, record) => record.qualificationsTermStart ? `${record.qualificationsTermStart}至${record.qualificationsTermEnd}` : "-",
+                },
+                {
+                  title: "操作",
+                  width: 80,
+                  render: (_, record) => (
+                    <Button
+                      type="link"
+                      onClick={() => {
+                        setViewQualificationDetailsModalOpen(true);
+                        setViewQualificationDetailsModalData(record);
+                      }}
+                    >
+                      查看
+                    </Button>
+                  ),
+                },
+              ]}
+            />
+          </div>
+          <div>
+            <Divider orientation="left">安全资质信息</Divider>
+            <Table
+              dataSource={secureList}
+              pagination={false}
+              options={false}
+              disabledResizer={true}
+              columns={[
+                { title: "材料名称", dataIndex: "dataName" },
+                { title: "上传时间", dataIndex: "uploadedTime", render: (_, record) => record.uploadedTime || "-" },
+                {
+                  title: "时效性",
+                  dataIndex: "qualificationsTermStart",
+                  render: (_, record) => record.qualificationsTermStart ? `${record.qualificationsTermStart}至${record.qualificationsTermEnd}` : "-",
+                },
+                {
+                  title: "操作",
+                  width: 80,
+                  render: (_, record) => (
+                    <Button
+                      type="link"
+                      onClick={() => {
+                        setViewQualificationDetailsModalOpen(true);
+                        setViewQualificationDetailsModalData(record);
+                      }}
+                    >
+                      查看
+                    </Button>
+                  ),
+                },
+              ]}
+            />
+          </div>
+        </Spin>
+        {viewQualificationDetailsModalOpen
+          && <ViewQualificationDetailsModal onCancel={() => setViewQualificationDetailsModalOpen(false)} data={viewQualificationDetailsModalData} />}
+      </div>
+    </div>
+  );
+}
+
+export default Connect([NS_QUALIFICATION_APPLY], true)(View);
--- a/src/pages/Container/BranchCompany/QualificationApply/index.js
+++ b/src/pages/Container/BranchCompany/QualificationApply/index.js
@ -0,0 +1,5 @@
+function QualificationApply(props) {
+  return (<div>{props.children}</div>);
+}
+
+export default QualificationApply;
--- a/src/pages/Container/BranchCompany/QualificationRecords/List/index.js
+++ b/src/pages/Container/BranchCompany/QualificationRecords/List/index.js
@ -0,0 +1,89 @@
+import { Connect } from "@cqsjjb/jjb-dva-runtime";
+import { Button, Form, Space } from "antd";
+import Search from "zy-react-library/components/Search";
+import DictionarySelect from "zy-react-library/components/Select/Dictionary";
+import Table from "zy-react-library/components/Table";
+import { FORM_ITEM_RENDER_ENUM } from "zy-react-library/enum/formItemRender";
+import useTable from "zy-react-library/hooks/useTable";
+import { NS_QUALIFICATION_RECORDS } from "~/enumerate/namespace";
+
+function List(props) {
+  const [form] = Form.useForm();
+  const { tableProps, getData } = useTable(props["qualificationRecordsList"], {
+    form,
+    transform: (formData) => {
+      const auditStatus = formData.auditStatus?.split("-") || [];
+      return {
+        auditProcess: auditStatus[0],
+        auditStatus: auditStatus[1],
+      };
+    },
+  });
+
+  return (
+    <div style={{ padding: 20 }}>
+      <Search
+        labelCol={{ span: 8 }}
+        options={[
+          { name: "qualificationsName", label: "资质名称" },
+          {
+            name: "qualificationsTypeId",
+            label: "相关方类别",
+            render: (<DictionarySelect dictValue="qualificationsType" />),
+          },
+          { name: "stakeholderLevel", label: "相关方级别", render: (<DictionarySelect dictValue="stakeholderLevel" />) },
+          { name: "auditStatus", label: "审核状态", render: FORM_ITEM_RENDER_ENUM.SELECT, items: [
+            { bianma: "200-200", name: "主管部门审核中" },
+            { bianma: "200-300", name: "主管部门已驳回" },
+            { bianma: "300-200", name: "安监部门审核中" },
+            { bianma: "300-300", name: "安监部门已驳回" },
+            { bianma: "400", name: "已完成" },
+          ] },
+        ]}
+        form={form}
+        onFinish={getData}
+      />
+      <Table
+        columns={[
+          { title: "相关方名称", dataIndex: "corpName" },
+          { title: "资质名称", dataIndex: "qualificationsName" },
+          { title: "资质类别", dataIndex: "qualificationsTypeName" },
+          { title: "资质等级", dataIndex: "stakeholderLevelName" },
+          { title: "材料数", dataIndex: "materialNum" },
+          { title: "备注", dataIndex: "qualificationsRemarks" },
+          { title: "当前状态", dataIndex: "auditProcess", render: (_, record) => (
+            <div>
+              {record.auditProcess === "100" && "集团单位"}
+              {record.auditProcess === "200" && "股份主管部门"}
+              {record.auditProcess === "300" && "股份安监部门"}
+              {record.status === 100 && "待审核"}
+              {record.status === 200 && "审核中"}
+              {record.status === 300 && "已驳回"}
+              {record.status === 400 && "已通过"}
+            </div>
+          ) },
+          {
+            title: "操作",
+            fixed: "right",
+            width: 100,
+            render: (_, record) => (
+              <Space>
+                <Button
+                  type="link"
+                  onClick={() => {
+                    props.history.push(`../ViewInfo?id=${record.id}`);
+                  }}
+                >
+                  查看
+                </Button>
+              </Space>
+            ),
+          },
+        ]}
+        {...tableProps}
+      />
+    </div>
+  );
+}
+
+export default Connect([NS_QUALIFICATION_RECORDS], true)(List);
--- a/src/pages/Container/BranchCompany/QualificationRecords/index.js
+++ b/src/pages/Container/BranchCompany/QualificationRecords/index.js
@ -0,0 +1,5 @@
+function QualificationRecords(props) {
+  return (<div>{props.children}</div>);
+}
+
+export default QualificationRecords;
--- a/src/pages/Container/BranchCompany/QualificationReview/List/index.js
+++ b/src/pages/Container/BranchCompany/QualificationReview/List/index.js
@ -0,0 +1,63 @@
+import { Connect } from "@cqsjjb/jjb-dva-runtime";
+import { Button, Form, Space } from "antd";
+import Search from "zy-react-library/components/Search";
+import DictionarySelect from "zy-react-library/components/Select/Dictionary";
+import Table from "zy-react-library/components/Table";
+import useTable from "zy-react-library/hooks/useTable";
+import { NS_QUALIFICATION_REVIEW } from "~/enumerate/namespace";
+
+function List(props) {
+  const [form] = Form.useForm();
+  const { tableProps, getData } = useTable(props["qualificationReviewList"], {
+    form,
+  });
+
+  return (
+    <div style={{ padding: 20 }}>
+      <Search
+        labelCol={{ span: 8 }}
+        options={[
+          { name: "qualificationsName", label: "资质名称" },
+          {
+            name: "qualificationsTypeId",
+            label: "相关方类别",
+            render: (<DictionarySelect dictValue="qualificationsType" />),
+          },
+          { name: "stakeholderLevel", label: "相关方级别", render: (<DictionarySelect dictValue="stakeholderLevel" />) },
+        ]}
+        form={form}
+        onFinish={getData}
+      />
+      <Table
+        columns={[
+          { title: "相关方名称", dataIndex: "corpName" },
+          { title: "资质名称", dataIndex: "qualificationsName" },
+          { title: "资质类别", dataIndex: "qualificationsTypeName" },
+          { title: "相关方等级", dataIndex: "stakeholderLevelName" },
+          { title: "材料数", dataIndex: "materialNum" },
+          { title: "备注", dataIndex: "qualificationsRemarks" },
+          {
+            title: "操作",
+            fixed: "right",
+            width: 100,
+            render: (_, record) => (
+              <Space>
+                <Button
+                  type="link"
+                  onClick={() => {
+                    props.history.push(`./review?id=${record.id}`);
+                  }}
+                >
+                  审核
+                </Button>
+              </Space>
+            ),
+          },
+        ]}
+        {...tableProps}
+      />
+    </div>
+  );
+}
+
+export default Connect([NS_QUALIFICATION_REVIEW], true)(List);
--- a/src/pages/Container/BranchCompany/QualificationReview/Review/index.js
+++ b/src/pages/Container/BranchCompany/QualificationReview/Review/index.js
@ -0,0 +1,89 @@
+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 { FORM_ITEM_RENDER_ENUM } from "zy-react-library/enum/formItemRender";
+import useGetUrlQuery from "zy-react-library/hooks/useGetUrlQuery";
+import { NS_QUALIFICATION_REVIEW } from "~/enumerate/namespace";
+import ViewInfo from "../../../Supervision/ViewInfo";
+
+function Review(props) {
+  const query = useGetUrlQuery();
+
+  const [rejectModalOpen, setRejectModalOpen] = useState(false);
+  const [passModalOpen, setPassModalOpen] = useState(false);
+
+  const onSubmit = async () => {
+    const { success } = await props["qualificationReviewSubmit"]({ id: query.id, status: "400" });
+    if (success) {
+      message.success("已提交至股份公司主管部门审核");
+      props.onCancel();
+      window.history.back();
+    }
+  };
+
+  return (
+    <div>
+      <ViewInfo title="审核">
+        <div style={{ textAlign: "center", marginTop: 10 }}>
+          <Space>
+            <Button
+              type="primary"
+              onClick={onSubmit}
+            >
+              通过
+            </Button>
+            <Button
+              type="primary"
+              danger
+              onClick={() => {
+                setRejectModalOpen(true);
+              }}
+            >
+              驳回
+            </Button>
+          </Space>
+        </div>
+      </ViewInfo>
+      {rejectModalOpen && <RejectModal onCancel={() => setRejectModalOpen(false)} id={query.id} />}
+      {passModalOpen && <PassModal onCancel={() => setPassModalOpen(false)} id={query.id} />}
+    </div>
+  );
+}
+
+const RejectModalComponent = (props) => {
+  const [form] = Form.useForm();
+  const onSubmit = async (values) => {
+    const { success } = await props["qualificationReviewSubmit"]({ ...values, id: props.id, status: "300" });
+    if (success) {
+      message.success("驳回成功");
+      props.onCancel();
+      window.history.back();
+    }
+  };
+
+  return (
+    <Modal
+      title="驳回"
+      width={1000}
+      open
+      maskClosable={false}
+      onCancel={props.onCancel}
+      onOk={form.submit}
+    >
+      <FormBuilder
+        form={form}
+        span={24}
+        labelCol={{ span: 8 }}
+        showActionButtons={false}
+        onFinish={onSubmit}
+        options={[
+          { name: "auditRemarks", label: "驳回原因", render: FORM_ITEM_RENDER_ENUM.TEXTAREA },
+        ]}
+      />
+    </Modal>
+  );
+};
+
+const RejectModal = Connect([NS_QUALIFICATION_REVIEW], true)(RejectModalComponent);
+export default Connect([NS_QUALIFICATION_REVIEW], true)(Review);
--- a/src/pages/Container/BranchCompany/QualificationReview/index.js
+++ b/src/pages/Container/BranchCompany/QualificationReview/index.js
@ -0,0 +1,5 @@
+function QualificationReview(props) {
+  return (<div>{props.children}</div>);
+}
+
+export default QualificationReview;
--- a/src/pages/Container/BranchCompany/ViewInfo/index.js
+++ b/src/pages/Container/BranchCompany/ViewInfo/index.js
@ -0,0 +1,9 @@
+import InfoPage from "../../Supervision/ViewInfo";
+
+function ViewInfo() {
+  return (
+    <InfoPage />
+  );
+}
+
+export default ViewInfo;
--- a/src/pages/Container/BranchCompany/index.js
+++ b/src/pages/Container/BranchCompany/index.js
@ -0,0 +1,5 @@
+function BranchCompany(props) {
+  return (<div>{props.children}</div>);
+}
+
+export default BranchCompany;
--- a/src/pages/Container/Entry/index.js
+++ b/src/pages/Container/Entry/index.js
@ -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}
+      />
+    );
+  }
+}
--- a/src/pages/Container/Local/QualificationReview/List/index.js
+++ b/src/pages/Container/Local/QualificationReview/List/index.js
@ -0,0 +1,63 @@
+import { Connect } from "@cqsjjb/jjb-dva-runtime";
+import { Button, Form, Space } from "antd";
+import Search from "zy-react-library/components/Search";
+import DictionarySelect from "zy-react-library/components/Select/Dictionary";
+import Table from "zy-react-library/components/Table";
+import useTable from "zy-react-library/hooks/useTable";
+import { NS_QUALIFICATION_REVIEW } from "~/enumerate/namespace";
+
+function List(props) {
+  const [form] = Form.useForm();
+  const { tableProps, getData } = useTable(props["qualificationReviewList"], {
+    form,
+  });
+
+  return (
+    <div style={{ padding: 20 }}>
+      <Search
+        labelCol={{ span: 8 }}
+        options={[
+          { name: "qualificationsName", label: "资质名称" },
+          {
+            name: "qualificationsTypeId",
+            label: "相关方类别",
+            render: (<DictionarySelect dictValue="qualificationsType" />),
+          },
+          { name: "stakeholderLevel", label: "相关方级别", render: (<DictionarySelect dictValue="stakeholderLevel" />) },
+        ]}
+        form={form}
+        onFinish={getData}
+      />
+      <Table
+        columns={[
+          { title: "相关方名称", dataIndex: "corpName" },
+          { title: "资质名称", dataIndex: "qualificationsName" },
+          { title: "资质类别", dataIndex: "qualificationsTypeName" },
+          { title: "相关方等级", dataIndex: "stakeholderLevelName" },
+          { title: "材料数", dataIndex: "materialNum" },
+          { title: "备注", dataIndex: "qualificationsRemarks" },
+          {
+            title: "操作",
+            fixed: "right",
+            width: 100,
+            render: (_, record) => (
+              <Space>
+                <Button
+                  type="link"
+                  onClick={() => {
+                    props.history.push(`./review?id=${record.id}`);
+                  }}
+                >
+                  审核
+                </Button>
+              </Space>
+            ),
+          },
+        ]}
+        {...tableProps}
+      />
+    </div>
+  );
+}
+
+export default Connect([NS_QUALIFICATION_REVIEW], true)(List);
--- a/src/pages/Container/Local/QualificationReview/Review/index.js
+++ b/src/pages/Container/Local/QualificationReview/Review/index.js
@ -0,0 +1,140 @@
+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 PersonnelSelect from "zy-react-library/components/Select/Personnel/Gwj";
+import DepartmentSelectTree from "zy-react-library/components/SelectTree/Department/Gwj";
+import { FORM_ITEM_RENDER_ENUM } from "zy-react-library/enum/formItemRender";
+import useGetUrlQuery from "zy-react-library/hooks/useGetUrlQuery";
+import { NS_QUALIFICATION_REVIEW } from "~/enumerate/namespace";
+import ViewInfo from "../../ViewInfo";
+
+function Review() {
+  const query = useGetUrlQuery();
+
+  const [rejectModalOpen, setRejectModalOpen] = useState(false);
+  const [passModalOpen, setPassModalOpen] = useState(false);
+
+  return (
+    <div>
+      <ViewInfo title="审核">
+        <div style={{ textAlign: "center", marginTop: 10 }}>
+          <Space>
+            <Button
+              type="primary"
+              onClick={() => {
+                setPassModalOpen(true);
+              }}
+            >
+              通过
+            </Button>
+            <Button
+              type="primary"
+              danger
+              onClick={() => {
+                setRejectModalOpen(true);
+              }}
+            >
+              驳回
+            </Button>
+          </Space>
+        </div>
+      </ViewInfo>
+      {rejectModalOpen && <RejectModal onCancel={() => setRejectModalOpen(false)} id={query.id} />}
+      {passModalOpen && <PassModal onCancel={() => setPassModalOpen(false)} id={query.id} />}
+    </div>
+  );
+}
+
+const RejectModalComponent = (props) => {
+  const [form] = Form.useForm();
+  const onSubmit = async (values) => {
+    const { success } = await props["qualificationReviewSubmit"]({ ...values, id: props.id, status: "300" });
+    if (success) {
+      message.success("驳回成功");
+      props.onCancel();
+      window.history.back();
+    }
+  };
+
+  return (
+    <Modal
+      title="驳回"
+      width={1000}
+      open
+      maskClosable={false}
+      onCancel={props.onCancel}
+      onOk={form.submit}
+    >
+      <FormBuilder
+        form={form}
+        span={24}
+        labelCol={{ span: 8 }}
+        showActionButtons={false}
+        onFinish={onSubmit}
+        options={[
+          { name: "auditRemarks", label: "驳回原因", render: FORM_ITEM_RENDER_ENUM.TEXTAREA },
+        ]}
+      />
+    </Modal>
+  );
+};
+
+const PassModalComponent = (props) => {
+  const [form] = Form.useForm();
+  const managerDept = Form.useWatch("managerDept", form);
+
+  const onSubmit = async (values) => {
+    const { success } = await props["qualificationReviewSubmit"]({ ...values, id: props.id, status: "400" });
+    if (success) {
+      message.success("通过成功");
+      props.onCancel();
+      window.history.back();
+    }
+  };
+
+  return (
+    <Modal
+      title="通过"
+      width={1000}
+      open
+      maskClosable={false}
+      onCancel={props.onCancel}
+      onOk={form.submit}
+    >
+      <FormBuilder
+        form={form}
+        labelCol={{ span: 8 }}
+        showActionButtons={false}
+        onFinish={onSubmit}
+        span={24}
+        options={[
+          {
+            name: "managerDept",
+            label: "主管部门",
+            render: (
+              <DepartmentSelectTree
+                onGetLabel={label => form.setFieldValue("managerDeptName", label)}
+                onChange={() => {
+                  form.setFieldValue("managerUser", "");
+                  form.setFieldValue("managerUserName", "");
+                }}
+              />
+            ),
+          },
+          { name: "managerDeptName", label: "主管部门名称", onlyForLabel: true },
+          {
+            name: "managerUser",
+            label: "负责人",
+            render: (<PersonnelSelect params={{ departmentId: managerDept }} onGetLabel={label => form.setFieldValue("managerUserName", label)} />),
+          },
+          { name: "managerUserName", label: "负责人名称", onlyForLabel: true },
+        ]}
+      />
+    </Modal>
+  );
+};
+
+const RejectModal = Connect([NS_QUALIFICATION_REVIEW], true)(RejectModalComponent);
+const PassModal = Connect([NS_QUALIFICATION_REVIEW], true)(PassModalComponent);
+export default Connect([NS_QUALIFICATION_REVIEW], true)(Review);
--- a/src/pages/Container/Local/QualificationReview/index.js
+++ b/src/pages/Container/Local/QualificationReview/index.js
@ -0,0 +1,5 @@
+function QualificationReview(props) {
+  return (<div>{props.children}</div>);
+}
+
+export default QualificationReview;
--- a/src/pages/Container/Local/ViewInfo/index.js
+++ b/src/pages/Container/Local/ViewInfo/index.js
@ -0,0 +1,9 @@
+import InfoPage from "../../Supervision/ViewInfo";
+
+function ViewInfo() {
+  return (
+    <InfoPage />
+  );
+}
+
+export default ViewInfo;
--- a/src/pages/Container/Local/index.js
+++ b/src/pages/Container/Local/index.js
@ -0,0 +1,5 @@
+function Local(props) {
+  return (<div>{props.children}</div>);
+}
+
+export default Local;
--- a/src/pages/Container/Stakeholder/QualificationApply/Add/index.js
+++ b/src/pages/Container/Stakeholder/QualificationApply/Add/index.js
@ -0,0 +1,7 @@
+import AddPage from "../../../BranchCompany/QualificationApply/Add";
+
+function Add() {
+  return (<AddPage />);
+};
+
+export default Add;
--- a/src/pages/Container/Stakeholder/QualificationApply/List/index.js
+++ b/src/pages/Container/Stakeholder/QualificationApply/List/index.js
@ -0,0 +1,134 @@
+import { Connect } from "@cqsjjb/jjb-dva-runtime";
+import { Button, Descriptions, Form, Modal, Space } from "antd";
+import { useState } from "react";
+import AddIcon from "zy-react-library/components/Icon/AddIcon";
+import Search from "zy-react-library/components/Search";
+import DictionarySelect from "zy-react-library/components/Select/Dictionary";
+import Table from "zy-react-library/components/Table";
+import useTable from "zy-react-library/hooks/useTable";
+import { NS_QUALIFICATION_APPLY } from "~/enumerate/namespace";
+
+function List(props) {
+  const [form] = Form.useForm();
+
+  const [rejectReasonModalOpen, setRejectReasonModalOpen] = useState(false);
+  const [rejectReason, setRejectReason] = useState(false);
+
+  const { tableProps, getData } = useTable(props["qualificationApplyList"], {
+    form,
+  });
+
+  const onViewRejectReason = async (id) => {
+    const { data } = await props["qualificationApplyRejectReason"]({ id });
+    setRejectReason(data);
+    setRejectReasonModalOpen(true);
+  };
+
+  return (
+    <div style={{ padding: 20 }}>
+      <Search
+        labelCol={{ span: 8 }}
+        options={[
+          { name: "qualificationsName", label: "资质名称" },
+          { name: "qualificationsTypeId", label: "相关方类别", render: (<DictionarySelect dictValue="qualificationsType" />) },
+          { name: "stakeholderLevel", label: "相关方级别", render: (<DictionarySelect dictValue="stakeholderLevel" />) },
+        ]}
+        form={form}
+        onFinish={getData}
+      />
+      <Table
+        toolBarRender={() => (
+          <Space>
+            <Button
+              type="primary"
+              icon={<AddIcon />}
+              onClick={() => {
+                props.history.push("./add");
+              }}
+            >
+              新增
+            </Button>
+          </Space>
+        )}
+        columns={[
+          { title: "资质名称", dataIndex: "qualificationsName" },
+          { title: "资质类别（相关方类别）", dataIndex: "qualificationsTypeName" },
+          { title: "资质等级", dataIndex: "stakeholderLevelName" },
+          { title: "材料数量", dataIndex: "materialNum" },
+          { title: "直属审核公司", dataIndex: "groupUnitName" },
+          { title: "备注", dataIndex: "qualificationsRemarks" },
+          { title: "审核状态", dataIndex: "status", render: (_, record) => (
+            <>
+              {record.status === 200 && "审核中"}
+              {record.status === 300 && "已驳回"}
+              {record.status === 400 && "已通过"}
+            </>
+          ) },
+          {
+            title: "操作",
+            fixed: "right",
+            width: 200,
+            render: (_, record) => (
+              <Space>
+                <Button
+                  type="link"
+                  onClick={() => {
+                    props.history.push(`./view?id=${record.id}`);
+                  }}
+                >
+                  查看
+                </Button>
+                <Button
+                  type="link"
+                  disabled={record.status !== 300}
+                  onClick={() => {
+                    props.history.push(`./add?id=${record.id}`);
+                  }}
+                >
+                  修改
+                </Button>
+                <Button
+                  type="link"
+                  disabled={record.status !== 300}
+                  onClick={() => {
+                    onViewRejectReason(record.id);
+                  }}
+                >
+                  查看驳回原因
+                </Button>
+              </Space>
+            ),
+          },
+        ]}
+        {...tableProps}
+      />
+      {rejectReasonModalOpen && <RejectReason rejectReason={rejectReason} onCancel={() => setRejectReasonModalOpen(false)} />}
+    </div>
+  );
+}
+
+const RejectReason = (props) => {
+  return (
+    <Modal
+      title="查看驳回原因"
+      width={800}
+      open
+      maskClosable={false}
+      onCancel={props.onCancel}
+      footer={[
+        <Button key="cancel" onClick={props.onCancel}>取消</Button>,
+      ]}
+    >
+      <Descriptions
+        bordered
+        column={1}
+        styles={{ label: { width: 200 } }}
+        items={[
+          { label: "驳回原因", children: props.rejectReason },
+        ]}
+      />
+    </Modal>
+  );
+};
+
+export default Connect([NS_QUALIFICATION_APPLY], true)(List);
--- a/src/pages/Container/Stakeholder/QualificationApply/View/index.js
+++ b/src/pages/Container/Stakeholder/QualificationApply/View/index.js
@ -0,0 +1,7 @@
+import ViewPage from "../../../BranchCompany/QualificationApply/View";
+
+function View() {
+  return (<ViewPage />);
+};
+
+export default View;
--- a/src/pages/Container/Stakeholder/QualificationApply/index.js
+++ b/src/pages/Container/Stakeholder/QualificationApply/index.js
@ -0,0 +1,5 @@
+function QualificationApply(props) {
+  return (<div>{props.children}</div>);
+}
+
+export default QualificationApply;
--- a/src/pages/Container/Stakeholder/QualificationRecords/List/index.js
+++ b/src/pages/Container/Stakeholder/QualificationRecords/List/index.js
@ -0,0 +1,7 @@
+import ListPage from "../../../BranchCompany/QualificationRecords/List";
+
+function List(props) {
+  return (<ListPage {...props} />);
+}
+
+export default List;
--- a/src/pages/Container/Stakeholder/QualificationRecords/index.js
+++ b/src/pages/Container/Stakeholder/QualificationRecords/index.js
@ -0,0 +1,5 @@
+function QualificationRecords(props) {
+  return (<div>{props.children}</div>);
+}
+
+export default QualificationRecords;
--- a/src/pages/Container/Stakeholder/ViewInfo/index.js
+++ b/src/pages/Container/Stakeholder/ViewInfo/index.js
@ -0,0 +1,9 @@
+import InfoPage from "../../Supervision/ViewInfo";
+
+function ViewInfo() {
+  return (
+    <InfoPage />
+  );
+}
+
+export default ViewInfo;
--- a/src/pages/Container/Stakeholder/index.js
+++ b/src/pages/Container/Stakeholder/index.js
@ -0,0 +1,5 @@
+function Stakeholder(props) {
+  return (<div>{props.children}</div>);
+}
+
+export default Stakeholder;
--- a/src/pages/Container/Supervision/QualificationMaintenance/Add/index.js
+++ b/src/pages/Container/Supervision/QualificationMaintenance/Add/index.js
@ -0,0 +1,163 @@
+import { Connect } from "@cqsjjb/jjb-dva-runtime";
+import { Form, message } from "antd";
+import { useEffect } from "react";
+import FormBuilder from "zy-react-library/components/FormBuilder";
+import HeaderBack from "zy-react-library/components/HeaderBack";
+import DictionarySelect from "zy-react-library/components/Select/Dictionary";
+import PersonnelSelect from "zy-react-library/components/Select/Personnel/Gwj";
+import DepartmentSelectTree from "zy-react-library/components/SelectTree/Department/Gwj";
+import { FORM_ITEM_RENDER_ENUM } from "zy-react-library/enum/formItemRender";
+import useGetUrlQuery from "zy-react-library/hooks/useGetUrlQuery";
+import { NS_QUALIFICATION_MAINTENANCE } from "~/enumerate/namespace";
+
+function Add(props) {
+  const query = useGetUrlQuery();
+  const [form] = Form.useForm();
+  const managerDept = Form.useWatch("managerDept", form);
+  const supervisionDept = Form.useWatch("supervisionDept", form);
+
+  const getData = async () => {
+    const { data } = await props["qualificationMaintenanceInfo"]({ id: query.id });
+    form.setFieldsValue({
+      ...data,
+      managerUser: data.managerUser.split(","),
+      managerUserName: data.managerUserName.split(","),
+      supervisionUser: data.supervisionUser.split(","),
+      supervisionUserName: data.supervisionUserName.split(","),
+    });
+  };
+
+  useEffect(() => {
+    query.id && getData();
+  }, []);
+
+  const onSubmit = async (values) => {
+    const { success } = await props[!query.id ? "qualificationMaintenanceAdd" : "qualificationMaintenanceUpdate"]({
+      ...values,
+      managerUser: values.managerUser.join(","),
+      managerUserName: values.managerUserName.join(","),
+      supervisionUser: values.supervisionUser.join(","),
+      supervisionUserName: values.supervisionUserName.join(","),
+      id: query.id,
+    });
+    if (success) {
+      message.success("操作成功");
+      props.history.goBack();
+    }
+  };
+
+  return (
+    <div>
+      <HeaderBack title={query.id ? "编辑" : "新增"} />
+      <div style={{ paddingBottom: 20 }}>
+        <FormBuilder
+          form={form}
+          values={{
+            status: 0,
+          }}
+          loading={props.qualificationMaintenance.qualificationMaintenanceLoading}
+          onFinish={onSubmit}
+          options={[
+            { name: "qualificationsName", label: "资质名称", span: 24 },
+            {
+              name: "qualificationsTypeId",
+              label: "相关方类别",
+              render: (
+                <DictionarySelect
+                  dictValue="qualificationsType"
+                  onGetLabel={(label) => {
+                    form.setFieldValue("qualificationsTypeName", label);
+                  }}
+                />
+              ),
+            },
+            { name: "qualificationsTypeName", label: "相关方类别名称", onlyForLabel: true },
+            {
+              name: "stakeholderLevel",
+              label: "资质级别",
+              render: (
+                <DictionarySelect
+                  dictValue="stakeholderLevel"
+                  onGetLabel={(label) => {
+                    form.setFieldValue("stakeholderLevelName", label);
+                  }}
+                />
+              ),
+            },
+            { name: "stakeholderLevelName", label: "资质级别名称", onlyForLabel: true },
+            {
+              name: "managerDept",
+              label: "主管部门",
+              render: (
+                <DepartmentSelectTree
+                  onGetLabel={(label) => {
+                    form.setFieldValue("managerDeptName", label);
+                  }}
+                  onChange={(_, __, extra) => {
+                    form.setFieldValue("managerUser", []);
+                    form.setFieldValue("managerUserName", []);
+                    form.setFieldValue("corpId", extra.triggerNode.props.corpinfoId);
+                  }}
+                />
+              ),
+            },
+            { name: "managerDeptName", label: "主管部门名称", onlyForLabel: true },
+            { name: "corpId", label: "主管部门所属公司", onlyForLabel: true },
+            {
+              name: "managerUser",
+              label: "主管人员",
+              render: (
+                <PersonnelSelect
+                  params={{ departmentId: managerDept }}
+                  mode="multiple"
+                  onGetLabel={(label) => {
+                    form.setFieldValue("managerUserName", label);
+                  }}
+                />
+              ),
+            },
+            { name: "managerUserName", label: "主管人员名称", onlyForLabel: true },
+            {
+              name: "supervisionDept",
+              label: "安监部门",
+              render: (
+                <DepartmentSelectTree
+                  onGetLabel={(label) => {
+                    form.setFieldValue("supervisionDeptName", label);
+                  }}
+                  onChange={() => {
+                    form.setFieldValue("supervisionUser", []);
+                    form.setFieldValue("supervisionUserName", []);
+                  }}
+                />
+              ),
+            },
+            { name: "supervisionDeptName", label: "安监部门名称", onlyForLabel: true },
+            {
+              name: "supervisionUser",
+              label: "安监人员",
+              render: (
+                <PersonnelSelect
+                  params={{ departmentId: supervisionDept }}
+                  mode="multiple"
+                  onGetLabel={(label) => {
+                    form.setFieldValue("supervisionUserName", label);
+                  }}
+                />
+              ),
+            },
+            { name: "supervisionUserName", label: "安监人员名称", onlyForLabel: true },
+            {
+              name: "status",
+              label: "是否启用",
+              render: FORM_ITEM_RENDER_ENUM.RADIO,
+              items: [{ name: "是", bianma: 0 }, { name: "否", bianma: 1 }],
+            },
+          ]}
+        />
+      </div>
+    </div>
+  );
+}
+
+export default Connect([NS_QUALIFICATION_MAINTENANCE], true)(Add);
--- a/src/pages/Container/Supervision/QualificationMaintenance/AddQualifications/index.js
+++ b/src/pages/Container/Supervision/QualificationMaintenance/AddQualifications/index.js
@ -0,0 +1,113 @@
+import { Connect } from "@cqsjjb/jjb-dva-runtime";
+import { Button, Col, Form, Input, message, Radio, Row } from "antd";
+import { useEffect } from "react";
+import FormBuilder from "zy-react-library/components/FormBuilder";
+import HeaderBack from "zy-react-library/components/HeaderBack";
+import DictionarySelect from "zy-react-library/components/Select/Dictionary";
+import useGetUrlQuery from "zy-react-library/hooks/useGetUrlQuery";
+import { NS_QUALIFICATION_MAINTENANCE } from "~/enumerate/namespace";
+
+function AddQualifications(props) {
+  const query = useGetUrlQuery();
+  const [form] = Form.useForm();
+
+  const getData = async () => {
+    const { data } = await props["qualificationMaintenanceQualificationsList"]({ qualificationsId: query.id });
+    data.length > 0 && form.setFieldsValue({ qualificationsDetailAddCmdList: data });
+  };
+  useEffect(() => {
+    getData();
+  }, []);
+
+  const onSubmit = async (values) => {
+    const { success } = await props["qualificationMaintenanceQualificationsAdd"]({ ...values, qualificationsId: query.id });
+    if (success) {
+      message.success("操作成功");
+      props.history.goBack();
+    }
+  };
+
+  return (
+    <div>
+      <HeaderBack title="添加资质" />
+      <div style={{ paddingBottom: 20 }}>
+        <FormBuilder
+          form={form}
+          values={{ qualificationsDetailAddCmdList: [{
+            dataType: undefined,
+            dataTypeName: undefined,
+            dataName: undefined,
+            isValidity: undefined,
+          }] }}
+          loading={props.qualificationMaintenance.qualificationMaintenanceLoading}
+          onFinish={onSubmit}
+          span={24}
+          labelCol={{ span: 6 }}
+          options={[
+            { key: "qualificationsDetailAddCmdList", customizeRender: true, render: (
+              <Form.List name="qualificationsDetailAddCmdList">
+                {(fields, { add, remove }) => (
+                  <>
+                    {fields.map((field, index) => (
+                      <Row gutter={24} key={field.key}>
+                        <Col span={8}>
+                          <Form.Item
+                            label="资料属性"
+                            rules={[{ required: true, message: "请选择资料属性" }]}
+                            name={[field.name, "dataType"]}
+                          >
+                            <DictionarySelect
+                              dictValue="dataType"
+                              onGetLabel={(label) => {
+                                form.setFieldValue(["qualificationsDetailAddCmdList", field.name, "dataTypeName"], label);
+                              }}
+                            />
+                          </Form.Item>
+                          <Form.Item label="资料属性名称" noStyle name={[field.name, "dataTypeName"]}>
+                            <input type="hidden" />
+                          </Form.Item>
+                        </Col>
+                        <Col span={8}>
+                          <Form.Item
+                            label="资料名称"
+                            rules={[{ required: true, message: "请输入资料名称" }, { max: 50, message: "最多输入50字符" }]}
+                            name={[field.name, "dataName"]}
+                          >
+                            <Input placeholder="请输入资料名称" max={50} />
+                          </Form.Item>
+                        </Col>
+                        <Col span={8}>
+                          <Form.Item label="是否涉及有效时间" required>
+                            <div style={{ display: "flex", gap: 10, alignItems: "center" }}>
+                              <Form.Item
+                                noStyle
+                                rules={[{ required: true, message: "请选择是否涉及有效时间" }]}
+                                name={[field.name, "isValidity"]}
+                              >
+                                <Radio.Group>
+                                  <Radio value={0}>是</Radio>
+                                  <Radio value={1}>否</Radio>
+                                </Radio.Group>
+                              </Form.Item>
+                              {
+                                index >= 1
+                                  ? <Button type="primary" danger onClick={() => remove(field.name)}>删除</Button>
+                                  : <Button type="primary" onClick={() => add()}>添加</Button>
+                              }
+                            </div>
+                          </Form.Item>
+                        </Col>
+                      </Row>
+                    ))}
+                  </>
+                )}
+              </Form.List>
+            ) },
+          ]}
+        />
+      </div>
+    </div>
+  );
+}
+
+export default Connect([NS_QUALIFICATION_MAINTENANCE], true)(AddQualifications);
--- a/src/pages/Container/Supervision/QualificationMaintenance/List/index.js
+++ b/src/pages/Container/Supervision/QualificationMaintenance/List/index.js
@ -0,0 +1,103 @@
+import { Connect } from "@cqsjjb/jjb-dva-runtime";
+import { Button, Form, message, Modal, Space } from "antd";
+import AddIcon from "zy-react-library/components/Icon/AddIcon";
+import Search from "zy-react-library/components/Search";
+import DictionarySelect from "zy-react-library/components/Select/Dictionary";
+import Table from "zy-react-library/components/Table";
+import useTable from "zy-react-library/hooks/useTable";
+import { NS_QUALIFICATION_MAINTENANCE } from "~/enumerate/namespace";
+
+function List(props) {
+  const [form] = Form.useForm();
+  const { tableProps, getData } = useTable(props["qualificationMaintenanceList"], {
+    form,
+  });
+
+  const onDelete = (id, status) => {
+    const msg = status === 0 ? "启用" : "禁用";
+    Modal.confirm({
+      title: `${msg}确认`,
+      content: `确定要${msg}吗？`,
+      onOk: async () => {
+        const { success } = await props["qualificationMaintenanceUpdateStatus"]({ id, status });
+        if (success) {
+          message.success(`${msg}成功`);
+          getData();
+        }
+      },
+    });
+  };
+
+  return (
+    <div style={{ padding: 20 }}>
+      <Search
+        labelCol={{ span: 8 }}
+        options={[
+          { name: "qualificationsName", label: "资质名称" },
+          { name: "qualificationsTypeId", label: "相关方类别", render: (<DictionarySelect dictValue="qualificationsType" />) },
+          { name: "stakeholderLevel", label: "相关方级别", render: (<DictionarySelect dictValue="stakeholderLevel" />) },
+        ]}
+        form={form}
+        onFinish={getData}
+      />
+      <Table
+        toolBarRender={() => (
+          <Space>
+            <Button
+              type="primary"
+              icon={<AddIcon />}
+              onClick={() => {
+                props.history.push("./add");
+              }}
+            >
+              新增
+            </Button>
+          </Space>
+        )}
+        columns={[
+          { title: "资质名称", dataIndex: "qualificationsName" },
+          { title: "资质类别（相关方类别）", dataIndex: "qualificationsTypeName" },
+          { title: "相关方等级", dataIndex: "stakeholderLevelName" },
+          { title: "主管部门", dataIndex: "managerDeptName" },
+          { title: "材料数量", dataIndex: "materialNum" },
+          {
+            title: "操作",
+            fixed: "right",
+            width: 200,
+            render: (_, record) => (
+              <Space>
+                <Button
+                  type="link"
+                  onClick={() => {
+                    props.history.push(`./add?id=${record.id}`);
+                  }}
+                >
+                  编辑
+                </Button>
+                <Button
+                  type="link"
+                  disabled={record.applyNum > 0}
+                  onClick={() => {
+                    props.history.push(`./addQualifications?id=${record.id}`);
+                  }}
+                >
+                  添加资质
+                </Button>
+                <Button
+                  type="link"
+                  danger
+                  onClick={() => onDelete(record.id, record.status === 0 ? 1 : 0)}
+                >
+                  {record.status === 0 ? "禁用" : "启用"}
+                </Button>
+              </Space>
+            ),
+          },
+        ]}
+        {...tableProps}
+      />
+    </div>
+  );
+}
+
+export default Connect([NS_QUALIFICATION_MAINTENANCE], true)(List);
--- a/src/pages/Container/Supervision/QualificationMaintenance/index.js
+++ b/src/pages/Container/Supervision/QualificationMaintenance/index.js
@ -0,0 +1,5 @@
+function QualificationMaintenance(props) {
+  return (<div>{props.children}</div>);
+}
+
+export default QualificationMaintenance;
--- a/src/pages/Container/Supervision/QualificationRecords/History/index.js
+++ b/src/pages/Container/Supervision/QualificationRecords/History/index.js
@ -0,0 +1,62 @@
+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 useGetUrlQuery from "zy-react-library/hooks/useGetUrlQuery";
+import useTable from "zy-react-library/hooks/useTable";
+import { NS_QUALIFICATION_RECORDS } from "~/enumerate/namespace";
+
+function History(props) {
+  const query = useGetUrlQuery();
+  const { tableProps } = useTable(props["qualificationRecordsHistoryList"], { params: { id: query.id } });
+
+  return (
+    <div>
+      <HeaderBack title="过往资料" />
+      <div style={{ padding: "0 20px 20px 20px" }}>
+        <Table
+          columns={[
+            { title: "相关方名称", dataIndex: "corpName" },
+            { title: "资质名称", dataIndex: "qualificationsName" },
+            { title: "资质类别", dataIndex: "qualificationsTypeName" },
+            { title: "相关方等级", dataIndex: "stakeholderLevelName" },
+            { title: "材料数", dataIndex: "materialNum" },
+            { title: "备注", dataIndex: "qualificationsRemarks" },
+            { title: "当前状态", dataIndex: "auditProcess", render: (_, record) => (
+              <div>
+                {record.auditProcess === "100" && "集团单位"}
+                {record.auditProcess === "200" && "股份主管部门"}
+                {record.auditProcess === "300" && "股份安监部门"}
+                {record.status === 100 && "待审核"}
+                {record.status === 200 && "审核中"}
+                {record.status === 300 && "已驳回"}
+                {record.status === 400 && "已通过"}
+              </div>
+            ) },
+            { title: "审核时间", dataIndex: "auditTime" },
+            {
+              title: "操作",
+              fixed: "right",
+              width: 100,
+              render: (_, record) => (
+                <Space>
+                  <Button
+                    type="link"
+                    onClick={() => {
+                      props.history.push(`../ViewInfo?id=${record.id}&batchNum=${record.batchNum}`);
+                    }}
+                  >
+                    查看
+                  </Button>
+                </Space>
+              ),
+            },
+          ]}
+          {...tableProps}
+        />
+      </div>
+    </div>
+  );
+}
+
+export default Connect([NS_QUALIFICATION_RECORDS], true)(History);
--- a/src/pages/Container/Supervision/QualificationRecords/List/index.js
+++ b/src/pages/Container/Supervision/QualificationRecords/List/index.js
@ -0,0 +1,97 @@
+import { Connect } from "@cqsjjb/jjb-dva-runtime";
+import { Button, Form, Space } from "antd";
+import Search from "zy-react-library/components/Search";
+import DictionarySelect from "zy-react-library/components/Select/Dictionary";
+import Table from "zy-react-library/components/Table";
+import { FORM_ITEM_RENDER_ENUM } from "zy-react-library/enum/formItemRender";
+import useTable from "zy-react-library/hooks/useTable";
+import { NS_QUALIFICATION_RECORDS } from "~/enumerate/namespace";
+
+function List(props) {
+  const [form] = Form.useForm();
+  const { tableProps, getData } = useTable(props["qualificationRecordsList"], {
+    form,
+    transform: (formData) => {
+      const auditStatus = formData.auditStatus?.split("-") || [];
+      return {
+        auditProcess: auditStatus[0],
+        auditStatus: auditStatus[1],
+      };
+    },
+  });
+
+  return (
+    <div style={{ padding: 20 }}>
+      <Search
+        labelCol={{ span: 8 }}
+        options={[
+          { name: "qualificationsName", label: "资质名称" },
+          {
+            name: "qualificationsTypeId",
+            label: "相关方类别",
+            render: (<DictionarySelect dictValue="qualificationsType" />),
+          },
+          { name: "stakeholderLevel", label: "相关方级别", render: (<DictionarySelect dictValue="stakeholderLevel" />) },
+          { name: "auditStatus", label: "审核状态", render: FORM_ITEM_RENDER_ENUM.SELECT, items: [
+            { bianma: "200-200", name: "主管部门审核中" },
+            { bianma: "200-300", name: "主管部门已驳回" },
+            { bianma: "300-200", name: "安监部门审核中" },
+            { bianma: "300-300", name: "安监部门已驳回" },
+            { bianma: "400", name: "已完成" },
+          ] },
+        ]}
+        form={form}
+        onFinish={getData}
+      />
+      <Table
+        columns={[
+          { title: "相关方名称", dataIndex: "corpName" },
+          { title: "资质名称", dataIndex: "qualificationsName" },
+          { title: "资质类别", dataIndex: "qualificationsTypeName" },
+          { title: "相关方等级", dataIndex: "stakeholderLevelName" },
+          { title: "材料数", dataIndex: "materialNum" },
+          { title: "备注", dataIndex: "qualificationsRemarks" },
+          { title: "当前状态", dataIndex: "auditProcess", render: (_, record) => (
+            <div>
+              {record.auditProcess === "100" && "集团单位"}
+              {record.auditProcess === "200" && "股份主管部门"}
+              {record.auditProcess === "300" && "股份安监部门"}
+              {record.status === 100 && "待审核"}
+              {record.status === 200 && "审核中"}
+              {record.status === 300 && "已驳回"}
+              {record.status === 400 && "已通过"}
+            </div>
+          ) },
+          {
+            title: "操作",
+            fixed: "right",
+            width: 130,
+            render: (_, record) => (
+              <Space>
+                <Button
+                  type="link"
+                  onClick={() => {
+                    props.history.push(`../ViewInfo?id=${record.id}`);
+                  }}
+                >
+                  查看
+                </Button>
+                <Button
+                  type="link"
+                  onClick={() => {
+                    props.history.push(`./history?id=${record.id}`);
+                  }}
+                >
+                  过往资料
+                </Button>
+              </Space>
+            ),
+          },
+        ]}
+        {...tableProps}
+      />
+    </div>
+  );
+}
+
+export default Connect([NS_QUALIFICATION_RECORDS], true)(List);
--- a/src/pages/Container/Supervision/QualificationRecords/index.js
+++ b/src/pages/Container/Supervision/QualificationRecords/index.js
@ -0,0 +1,5 @@
+function QualificationRecords(props) {
+  return (<div>{props.children}</div>);
+}
+
+export default QualificationRecords;
--- a/src/pages/Container/Supervision/QualificationReview/List/index.js
+++ b/src/pages/Container/Supervision/QualificationReview/List/index.js
@ -0,0 +1,68 @@
+import { Connect } from "@cqsjjb/jjb-dva-runtime";
+import { Button, Form, Space } from "antd";
+import Search from "zy-react-library/components/Search";
+import DictionarySelect from "zy-react-library/components/Select/Dictionary";
+import Table from "zy-react-library/components/Table";
+import useTable from "zy-react-library/hooks/useTable";
+import { NS_QUALIFICATION_REVIEW } from "~/enumerate/namespace";
+
+function List(props) {
+  const [form] = Form.useForm();
+  const { tableProps, getData } = useTable(props["qualificationReviewList"], {
+    form,
+  });
+
+  return (
+    <div style={{ padding: 20 }}>
+      <Search
+        labelCol={{ span: 8 }}
+        options={[
+          { name: "qualificationsName", label: "资质名称" },
+          {
+            name: "qualificationsTypeId",
+            label: "相关方类别",
+            render: (<DictionarySelect dictValue="qualificationsType" />),
+          },
+          { name: "stakeholderLevel", label: "相关方级别", render: (<DictionarySelect dictValue="stakeholderLevel" />) },
+        ]}
+        form={form}
+        onFinish={getData}
+      />
+      <Table
+        columns={[
+          { title: "相关方名称", dataIndex: "corpName" },
+          {
+            title: "所属集团单位",
+            dataIndex: "groupUnitName",
+            render: (_, record) => record.stakeholderLevel === "one-level" ? "--" : record.groupUnitName,
+          },
+          { title: "资质名称", dataIndex: "qualificationsName" },
+          { title: "资质类别", dataIndex: "qualificationsTypeName" },
+          { title: "相关方等级", dataIndex: "stakeholderLevelName" },
+          { title: "材料数", dataIndex: "materialNum" },
+          { title: "备注", dataIndex: "qualificationsRemarks" },
+          {
+            title: "操作",
+            fixed: "right",
+            width: 100,
+            render: (_, record) => (
+              <Space>
+                <Button
+                  type="link"
+                  onClick={() => {
+                    props.history.push(`./review?id=${record.id}`);
+                  }}
+                >
+                  审核
+                </Button>
+              </Space>
+            ),
+          },
+        ]}
+        {...tableProps}
+      />
+    </div>
+  );
+}
+
+export default Connect([NS_QUALIFICATION_REVIEW], true)(List);
--- a/src/pages/Container/Supervision/QualificationReview/Review/index.js
+++ b/src/pages/Container/Supervision/QualificationReview/Review/index.js
@ -0,0 +1,157 @@
+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 { FORM_ITEM_RENDER_ENUM } from "zy-react-library/enum/formItemRender";
+import useGetUrlQuery from "zy-react-library/hooks/useGetUrlQuery";
+import { validatorEndTime } from "zy-react-library/utils";
+import { NS_QUALIFICATION_REVIEW } from "~/enumerate/namespace";
+import ViewInfo from "../../ViewInfo";
+
+function Review(props) {
+  const query = useGetUrlQuery();
+
+  const [info, setInfo] = useState({});
+  const [rejectModalOpen, setRejectModalOpen] = useState(false);
+  const [passModalOpen, setPassModalOpen] = useState(false);
+
+  const onSubmit = async () => {
+    const { success } = await props["qualificationReviewSubmit"]({ id: query.id, status: "400" });
+    if (success) {
+      message.success("已完成审核");
+      window.history.back();
+    }
+  };
+
+  return (
+    <div>
+      <ViewInfo onGetData={info => setInfo(info)} title="审核">
+        <div style={{ textAlign: "center", marginTop: 10 }}>
+          <Space>
+            <Button
+              type="primary"
+              onClick={() => {
+                if (info.stakeholderLevel === "one-level") {
+                  setPassModalOpen(true);
+                }
+                else {
+                  onSubmit();
+                }
+              }}
+            >
+              通过
+            </Button>
+            <Button
+              type="primary"
+              danger
+              onClick={() => {
+                setRejectModalOpen(true);
+              }}
+            >
+              驳回
+            </Button>
+          </Space>
+        </div>
+      </ViewInfo>
+      {rejectModalOpen && <RejectModal onCancel={() => setRejectModalOpen(false)} id={query.id} />}
+      {passModalOpen && <PassModal onCancel={() => setPassModalOpen(false)} id={query.id} />}
+    </div>
+  );
+}
+
+const RejectModalComponent = (props) => {
+  const [form] = Form.useForm();
+  const onSubmit = async (values) => {
+    const { success } = await props["qualificationReviewSubmit"]({ ...values, id: props.id, status: "300" });
+    if (success) {
+      message.success("驳回成功");
+      props.onCancel();
+      window.history.back();
+    }
+  };
+
+  return (
+    <Modal
+      title="驳回"
+      width={1000}
+      open
+      maskClosable={false}
+      onCancel={props.onCancel}
+      onOk={form.submit}
+    >
+      <FormBuilder
+        form={form}
+        span={24}
+        labelCol={{ span: 8 }}
+        showActionButtons={false}
+        onFinish={onSubmit}
+        options={[
+          { name: "auditRemarks", label: "驳回原因", render: FORM_ITEM_RENDER_ENUM.TEXTAREA },
+        ]}
+      />
+    </Modal>
+  );
+};
+
+const PassModalComponent = (props) => {
+  const [form] = Form.useForm();
+  const onSubmit = async (values) => {
+    const { success } = await props["qualificationReviewSubmit"]({ ...values, id: props.id, status: "400" });
+    if (success) {
+      message.success("通过成功");
+      props.onCancel();
+      window.history.back();
+    }
+  };
+
+  return (
+    <Modal
+      title="通过"
+      width={1000}
+      open
+      maskClosable={false}
+      onCancel={props.onCancel}
+      onOk={form.submit}
+    >
+      <FormBuilder
+        form={form}
+        values={{ isLongTerm: 1 }}
+        labelCol={{ span: 8 }}
+        showActionButtons={false}
+        onFinish={onSubmit}
+        options={[
+          {
+            name: "isLongTerm",
+            label: "供应商时效属性",
+            span: 24,
+            render: FORM_ITEM_RENDER_ENUM.RADIO,
+            items: [{ bianma: 1, name: "长期" }, { bianma: 0, name: "短期" }],
+          },
+          {
+            name: "periodTermStart",
+            label: "有效开始时间",
+            render: FORM_ITEM_RENDER_ENUM.DATE,
+            dependencies: ["isLongTerm"],
+            hidden: formValues => !(formValues.isLongTerm === 0),
+          },
+          {
+            name: "periodTermEnd",
+            label: "有效结束时间",
+            render: FORM_ITEM_RENDER_ENUM.DATE,
+            dependencies: ["isLongTerm"],
+            hidden: formValues => !(formValues.isLongTerm === 0),
+            rules: [validatorEndTime(form.getFieldValue("periodTermStart"))],
+          },
+        ]}
+      />
+      <div style={{ color: "red" }}>
+        <div>长期相关方系统每年对资质进行自动复审结果，短期相关方在时间范围内无需复审，超过时间后，需要重新进行资质准入审核。</div>
+        <div>长期相关方每年1月1日重置审核状态，5月1日前完成审核操作，若超出审核时间，则需要重新审核。</div>
+      </div>
+    </Modal>
+  );
+};
+
+const RejectModal = Connect([NS_QUALIFICATION_REVIEW], true)(RejectModalComponent);
+const PassModal = Connect([NS_QUALIFICATION_REVIEW], true)(PassModalComponent);
+export default Connect([NS_QUALIFICATION_REVIEW], true)(Review);
--- a/src/pages/Container/Supervision/QualificationReview/index.js
+++ b/src/pages/Container/Supervision/QualificationReview/index.js
@ -0,0 +1,5 @@
+function QualificationReview(props) {
+  return (<div>{props.children}</div>);
+}
+
+export default QualificationReview;
--- a/src/pages/Container/Supervision/QualificationStatistics/index.js
+++ b/src/pages/Container/Supervision/QualificationStatistics/index.js
@ -0,0 +1,41 @@
+import { Connect } from "@cqsjjb/jjb-dva-runtime";
+import { Descriptions } from "antd";
+import { useEffect, useState } from "react";
+import { NS_QUALIFICATION_STATISTICS } from "~/enumerate/namespace";
+
+function QualificationStatistics(props) {
+  const [info, setInfo] = useState({});
+  const getData = async () => {
+    const { data } = await props["qualificationStatistics"]();
+    setInfo(data);
+  };
+
+  useEffect(() => {
+    getData();
+  }, []);
+
+  return (
+    <div style={{ padding: 20 }}>
+      <Descriptions
+        column={1}
+        bordered
+        styles={{ label: { width: 200 } }}
+        items={[
+          { label: "相关方总数量", children: info.totalStakeholders },
+          { label: "一级相关方数量", children: info.firstLevelStakeholders },
+          { label: "二级相关方数量", children: info.secondLevelStakeholders },
+          { label: "生产类相关方数量", children: info.productionStakeholders },
+          { label: "设备类相关方数量", children: info.deviceStakeholders },
+          { label: "工程类相关方数量", children: info.projectStakeholders },
+          { label: "劳务类相关方数量", children: info.laborStakeholders },
+          { label: "卫生环保类相关方数量", children: info.healthStakeholders },
+          { label: "企业宣传类相关方数量", children: info.promotionStakeholders },
+          { label: "物资管理类相关方数量", children: info.materialStakeholders },
+          { label: "其他类相关方数量", children: info.otherStakeholders },
+        ]}
+      />
+    </div>
+  );
+}
+
+export default Connect([NS_QUALIFICATION_STATISTICS], true)(QualificationStatistics);
--- a/src/pages/Container/Supervision/ViewInfo/index.js
+++ b/src/pages/Container/Supervision/ViewInfo/index.js
@ -0,0 +1,294 @@
+import { Connect } from "@cqsjjb/jjb-dva-runtime";
+import { Button, Descriptions, Divider, Spin } from "antd";
+import { Fragment, useEffect, useState } from "react";
+import HeaderBack from "zy-react-library/components/HeaderBack";
+import Table from "zy-react-library/components/Table";
+import TooltipPreviewImg from "zy-react-library/components/TooltipPreviewImg";
+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 useTable from "zy-react-library/hooks/useTable";
+import { getLabelName } from "zy-react-library/utils";
+import ViewQualificationDetailsModal from "~/components/ViewQualificationDetailsModal";
+import { NS_QUALIFICATION_REVIEW } from "~/enumerate/namespace";
+import "./index.less";
+
+const ENTERPRISE_TYPE = [
+  { bianma: 0, name: "普通企业" },
+  { bianma: 1, name: "集团单位" },
+  { bianma: 2, name: "股份单位" },
+  { bianma: 3, name: "相关方企业" },
+  { bianma: 4, name: "货主单位" },
+  { bianma: 5, name: "驻港单位" },
+];
+
+function ViewInfo(props) {
+  const query = useGetUrlQuery();
+  const { loading: getFileLoading, getFile } = useGetFile();
+
+  const [info, setInfo] = useState({
+    processFlow: [],
+    specialList: [],
+    secureList: [],
+  });
+  const [corpInfoData, setCorpInfoData] = useState({});
+  const [list, setList] = useState([]);
+  const [viewQualificationDetailsModalOpen, setViewQualificationDetailsModalOpen] = useState(false);
+  const [viewQualificationDetailsModalData, setViewQualificationDetailsModalData] = useState({});
+
+  const getFiles = async (list) => {
+    for (let i = 0; i < list.length; i++) {
+      const files = await getFile({ eqType: UPLOAD_FILE_TYPE_ENUM["6"], eqForeignKey: list[i].userQualificationinfoId });
+      list[i].files = files;
+    }
+    setList(list);
+  };
+  const { tableProps, getData: run } = useTable(props["userQualificationList"], {
+    useStorageQueryCriteria: false,
+    params: () => ({
+      eqCorpinfoId: info.corpId,
+      eqQualificationinfoType: 1,
+    }),
+    manual: true,
+    defaultPageSize: 10,
+    onSuccess: (data) => {
+      getFiles(data.list);
+    },
+  });
+
+  const getData = async () => {
+    if (!query.id)
+      return;
+
+    const { data } = await props[query.batchNum ? "qualificationReviewInfoBatchNum" : "qualificationReviewInfo"]({
+      id: query.id,
+      batchNum: query.batchNum,
+    });
+    for (let i = 0; i < data.specialList.length; i++) {
+      const files = await getFile({
+        eqType: UPLOAD_FILE_TYPE_ENUM["148"],
+        eqForeignKey: data.specialList[i].applyDetailId,
+      });
+      data.specialList[i].files = files;
+    }
+    for (let i = 0; i < data.secureList.length; i++) {
+      const files = await getFile({
+        eqType: UPLOAD_FILE_TYPE_ENUM["149"],
+        eqForeignKey: data.secureList[i].applyDetailId,
+      });
+      data.secureList[i].files = files;
+    }
+    setInfo(data);
+    props.onGetData?.(data);
+
+    const { data: corpInfoData } = await props["corpInfoDetails"]({ id: data.corpId });
+    const licenseFile = await getFile({
+      eqType: UPLOAD_FILE_TYPE_ENUM["6"],
+      eqForeignKey: data.corpId,
+    });
+    corpInfoData.licenseFile = licenseFile;
+    setCorpInfoData(corpInfoData);
+
+    run();
+  };
+
+  useEffect(() => {
+    getData();
+  }, []);
+
+  return (
+    <>
+      <HeaderBack title={props.title || "查看"} />
+      <div style={{ padding: "0 20px 20px 20px" }}>
+        <div className="qualification-view">
+          <div>
+            <Divider orientation="left">审核信息及流程</Divider>
+            <Spin spinning={props.qualificationReview.qualificationReviewLoading}>
+              <Descriptions
+                column={2}
+                bordered
+                styles={{ label: { width: 200 }, content: { width: 500 } }}
+                items={[
+                  { label: "相关方名称", children: info.corpName },
+                  { label: "所属集团单位", children: info.groupUnitName },
+                  { label: "资质名称", children: info.qualificationsName },
+                  { label: "资质类别", children: info.qualificationsTypeName },
+                  { label: "相关方等级", children: info.stakeholderLevelName },
+                  { label: "材料数", children: info.materialNum },
+                  { label: "备注", children: info.qualificationsRemarks },
+                ]}
+              />
+              <div className="flows-container">
+                <div className="flows">
+                  {
+                    info.processFlow.map((item, index) => (
+                      <Fragment key={index}>
+                        <div className="flow">
+                          <div
+                            className={`status ${item.auditStatus === 400 ? "blue" : ""} ${item.auditStatus === 200 || item.auditStatus === 100 ? "green" : ""} ${item.auditStatus === 300 ? "red" : ""}`}
+                          >
+                            {item.auditStatus === 400 && "通过"}
+                            {item.auditStatus === 200 && "审核中"}
+                            {item.auditStatus === 100 && "待审核"}
+                            {item.auditStatus === 300 && "已驳回"}
+                          </div>
+                          <div className="info">{item.auditUserName}</div>
+                          <div className="info">{item.auditCorpDeptName}</div>
+                          <div className="info">{item.auditCorpName}</div>
+                          {
+                            item.auditRemarks && (
+                              <div className="info">
+                                驳回原因：
+                                {item.auditRemarks}
+                              </div>
+                            )
+                          }
+                        </div>
+                        {index !== info.processFlow.length - 1 && <div className="line" />}
+                      </Fragment>
+                    ))
+                  }
+                </div>
+              </div>
+            </Spin>
+          </div>
+          <div>
+            <Divider orientation="left">基础信息</Divider>
+            <Spin spinning={props.qualificationReview.enterpriseLoading || getFileLoading}>
+              <Descriptions
+                column={2}
+                bordered
+                styles={{ label: { width: 200 }, content: { width: 500 } }}
+                items={[
+                  { label: "公司名称", children: corpInfoData.corpName },
+                  { label: "企业状态", children: corpInfoData.corpStateName },
+                  { label: "开户人", children: corpInfoData.createName },
+                  { label: "统一社会信用代码", children: corpInfoData.code },
+                  { label: "属地", children: corpInfoData.cityName },
+                  {
+                    label: "所属行业",
+                    children: [corpInfoData.corpTypeName, corpInfoData.corpType2Name, corpInfoData.corpType3Name, corpInfoData.corpType4Name].filter(Boolean).join("/"),
+                  },
+                  { label: "单位经营地址", children: corpInfoData.addressBusiness },
+                  { label: "企业规模", children: corpInfoData.scaleName },
+                  { label: "法定代表人姓名", children: corpInfoData.lrName },
+                  { label: "法定代表人手机号", children: corpInfoData.lrMobile },
+                  { label: "主要负责人姓名", children: corpInfoData.contacts },
+                  { label: "主要负责人手机号", children: corpInfoData.contactsPhone },
+                  { label: "成立日期", children: corpInfoData.createDate },
+                  { label: "职工人数（人）", children: corpInfoData.employees },
+                  { label: "资产总额（万元）", children: corpInfoData.totalAssets },
+                  { label: "注册资金（万元）", children: corpInfoData.regcapital },
+                  {
+                    label: "企业类型",
+                    children: getLabelName({ status: corpInfoData.type, list: ENTERPRISE_TYPE }),
+                  },
+                  { label: "营业执照", children: <TooltipPreviewImg files={corpInfoData.licenseFile} /> },
+                  { label: "营业执照有效期", children: `${corpInfoData.licenseStart} 至 ${corpInfoData.licenseEnd}` },
+                ]}
+              />
+            </Spin>
+          </div>
+          <div>
+            <Divider orientation="left">专项资质信息</Divider>
+            <Spin spinning={props.qualificationReview.qualificationReviewLoading}>
+              <Table
+                options={false}
+                pagination={false}
+                disabledResizer={true}
+                dataSource={info.specialList || []}
+                columns={[
+                  { title: "材料名称", dataIndex: "dataName" },
+                  { title: "上传时间", dataIndex: "uploadedTime" },
+                  {
+                    title: "时效性",
+                    dataIndex: "qualificationsTermStart",
+                    render: (_, record) => record.qualificationsTermStart ? `${record.qualificationsTermStart}至${record.qualificationsTermEnd}` : "-",
+                  },
+                  {
+                    title: "操作",
+                    render: (_, record) => (
+                      <Button
+                        type="link"
+                        onClick={() => {
+                          setViewQualificationDetailsModalOpen(true);
+                          setViewQualificationDetailsModalData(record);
+                        }}
+                      >
+                        查看
+                      </Button>
+                    ),
+                  },
+                ]}
+              />
+            </Spin>
+          </div>
+          <div>
+            <Divider orientation="left">安全资质信息</Divider>
+            <Spin spinning={props.qualificationReview.qualificationReviewLoading}>
+              <Table
+                options={false}
+                pagination={false}
+                disabledResizer={true}
+                dataSource={info.secureList || []}
+                columns={[
+                  { title: "材料名称", dataIndex: "dataName" },
+                  { title: "上传时间", dataIndex: "uploadedTime" },
+                  {
+                    title: "时效性",
+                    dataIndex: "qualificationsTermStart",
+                    render: (_, record) => record.qualificationsTermStart ? `${record.qualificationsTermStart}至${record.qualificationsTermEnd}` : "-",
+                  },
+                  {
+                    title: "操作",
+                    render: (_, record) => (
+                      <Button
+                        type="link"
+                        onClick={() => {
+                          setViewQualificationDetailsModalOpen(true);
+                          setViewQualificationDetailsModalData(record);
+                        }}
+                      >
+                        查看
+                      </Button>
+                    ),
+                  },
+                ]}
+              />
+            </Spin>
+          </div>
+          <div>
+            <Divider orientation="left">特证人员列表</Divider>
+            <Table
+              options={false}
+              disabledResizer={true}
+              columns={[
+                { title: "姓名", dataIndex: "userName" },
+                { title: "部门", dataIndex: "departmentName" },
+                { title: "人员类型", dataIndex: "todo" }, // TODO 是否流动人员 没字段
+                { title: "证书名称", dataIndex: "qualificationName" },
+                { title: "证书作业类别", dataIndex: "qualificationinfoCategoryName" },
+                { title: "操作项目", dataIndex: "operatingProjectName" },
+                { title: "证书编号", dataIndex: "certificateNo" },
+                { title: "就职状态", dataIndex: "employmentFlagName" },
+                { title: "图片", dataIndex: "files", render: (_, record) => (<TooltipPreviewImg files={record.files} />) },
+              ]}
+              {...tableProps}
+              dataSource={list}
+            />
+          </div>
+        </div>
+        {viewQualificationDetailsModalOpen
+          && (
+            <ViewQualificationDetailsModal
+              onCancel={() => setViewQualificationDetailsModalOpen(false)}
+              data={viewQualificationDetailsModalData}
+            />
+          )}
+        {props.children}
+      </div>
+    </>
+  );
+}
+
+export default Connect([NS_QUALIFICATION_REVIEW], true)(ViewInfo);
--- a/src/pages/Container/Supervision/ViewInfo/index.less
+++ b/src/pages/Container/Supervision/ViewInfo/index.less
@ -0,0 +1,50 @@
+.qualification-view {
+  .flows-container {
+    width: 80%;
+    margin: 10px auto 0;
+
+    .flows {
+      display: flex;
+      justify-content: space-between;
+      align-items: flex-start;
+
+      .flow {
+        text-align: center;
+        min-width: 120px;
+
+        .status {
+          border-radius: 50%;
+          border: 1px solid rgba(0, 0, 0, 0.2);
+          padding: 10px;
+          width: 80px;
+          height: 80px;
+          line-height: 60px;
+          margin: 0 auto 10px;
+
+          &.blue {
+            color: #1890ff;
+            border-color: #1890ff;
+          }
+
+          &.green {
+            color: #52c41a;
+            border-color: #52c41a;
+          }
+
+          &.red {
+            color: #ff4d4f;
+            border-color: #ff4d4f;
+          }
+        }
+      }
+
+      .line {
+        flex: 1;
+        height: 2px;
+        background-color: #1890ff;
+        align-self: center;
+        margin: 0 10px;
+      }
+    }
+  }
+}
--- a/src/pages/Container/Supervision/index.js
+++ b/src/pages/Container/Supervision/index.js
@ -0,0 +1,5 @@
+function Supervision(props) {
+  return (<div>{props.children}</div>);
+}
+
+export default Supervision;
--- a/src/pages/Container/index.js
+++ b/src/pages/Container/index.js
@ -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;
+  }
+}
--- a/src/pages/index.js
+++ b/src/pages/index.js
@ -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>
+  );
+}
--- a/webstorm.config.js
+++ b/webstorm.config.js
@ -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/"),
+    },
+  },
+};