初始提交

2025-11-24 10:55:53 +08:00 · 2025-11-24 10:55:53 +08:00 · 6ffe7055bf
commit 6ffe7055bf
28 changed files with 1199 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/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,46 @@
+import antfu from "@antfu/eslint-config";
+
+export default antfu({
+  // Remove formatter configuration that might be causing issues
+  formatters: false,
+  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: "firefighting",
+  // 应用上下文注入全局变量
+  contextInject: {
+    // 应用Key
+    appKey: "",
+    fileUrl: "http://192.168.20.240:9787/mnt",
+  },
+  // public/index.html注入全局变量
+  windowInject: {
+    // 应用标题
+    title: "微应用模板",
+    // 注入css链接集合
+    links: [],
+    element: {
+      root: {
+        // 挂载DOM元素ID
+        id: "root",
+      },
+    },
+    // 注入js链接集合
+    scripts: [
+      "https://api.map.baidu.com/api?v=1.0&type=webgl&ak=OElqFYoKiAH8KFtph8ftLKF5NlNrbCUr"
+    ],
+  },
+  // 开发服务
+  server: {
+    // 监听端口号
+    port: "8080",
+    // 服务地址
+    host: "127.0.0.1",
+    // 是否自动打开浏览器
+    open: true,
+  },
+  // 框架
+  framework: {
+    // ant-design
+    antd: {
+      // 全局antd-class-name前缀
+      "ant-prefix": "micro-temp",
+      // 全局字体
+      "fontFamily": "PingFangSC-Regular",
+      // 全局主题色
+      "colorPrimary": "#1677ff",
+      // 全局圆角
+      "borderRadius": 2,
+    },
+  },
+  // webpack
+  webpackConfig: {
+    // 单页面插件
+    htmlWebpackPluginOption: {
+      // 自动注入编译后的文件到public/index.html中
+      inject: true,
+    },
+  },
+};
--- 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": "latest",
+    "@ant-design/pro-components": "^2.8.10",
+    "@cqsjjb/jjb-common-decorator": "latest",
+    "@cqsjjb/jjb-common-lib": "latest",
+    "@cqsjjb/jjb-dva-runtime": "latest",
+    "@cqsjjb/jjb-react-admin-component": "latest",
+    "ahooks": "^3.9.5",
+    "antd": "latest",
+    "dayjs": "^1.11.7",
+    "lodash-es": "^4.17.21",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "zy-react-library": "^1.0.105"
+  },
+  "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/fireresources/index.js
+++ b/src/api/fireresources/index.js
@ -0,0 +1,30 @@
+import {declareRequest} from '@cqsjjb/jjb-dva-runtime';
+
+export const fireresourcesList = declareRequest(
+  'fireresourcesLoading',
+  'Post > @/firefighting/fireresources/list',
+);
+export const fireresourcesAdd = declareRequest(
+  'fireresourcesLoading',
+  'Post > @/firefighting/fireresources/save'
+);
+export const fireresourcesEdit = declareRequest(
+  'fireresourcesLoading',
+  'Put > @/firefighting/fireresources/edit'
+);
+export const fireresourcesDelete = declareRequest(
+  'fireresourcesLoading',
+  'Delete > @/firefighting/fireresources/{id}'
+);
+export const fireresourcesBatchDelete = declareRequest(
+  'fireresourcesLoading',
+  'Delete > @/firefighting/fireresources/ids/{ids}'
+);
+export const fireresourcesInfo = declareRequest('fireresourcesLoading', 'Get > /firefighting/fireresources/{id}');
+
+export const getCountByCorpinfoAndType = declareRequest('fireresourcesLoading', 'Post > @/firefighting/fireresources/countByCorpinfoAndType');
+
+export const getCorpInfoList = declareRequest(
+    'fireresourcesLoading',
+    'Post > @/basic-info/corpInfo/list'
+);
--- 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/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,5 @@
+/**
+ * 全局常量定义
+ */
+
+export {};
--- 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,8 @@
+/**
+ * 全局数据状态管理模块定义
+ */
+
+import { defineNamespace } from "@cqsjjb/jjb-dva-runtime";
+
+export const NS_GLOBAL = defineNamespace("global");
+export const NS_FIRERESOURCES = defineNamespace("fireresources");
--- 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/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/Fireresources/components/Fireresources/index.js
+++ b/src/pages/Container/Fireresources/components/Fireresources/index.js
@ -0,0 +1,346 @@
+import {Connect} from "@cqsjjb/jjb-dva-runtime";
+import {Button, Descriptions, Form, message, Modal, Space} from "antd";
+import {useEffect, useState} from "react";
+import FormBuilder from "zy-react-library/components/FormBuilder";
+import Search from "zy-react-library/components/Search";
+import 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_FIRERESOURCES} from "~/enumerate/namespace";
+import AddIcon from "zy-react-library/components/Icon/AddIcon";
+import DeleteIcon from "zy-react-library/components/Icon/DeleteIcon";
+import Map from "zy-react-library/components/Map";
+import LocationIcon from "zy-react-library/components/Icon/LocationIcon";
+import MapSelector from "zy-react-library/components/Map/MapSelector";
+import HeaderBack from "zy-react-library/components/HeaderBack";
+
+const FIRERESOURCES_TYPE = {
+  "xfjyd01": "消防救援队",
+  "xfkzs01": "消防控制室",
+  "xfbf01": "消防泵房",
+  "xfsy01": "消防水源",
+}
+
+const FIRERESOURCES_STATE = [
+  {name: "正常", bianma: "0"},
+  {name: "异常", bianma: "1"},
+]
+
+function Fireresources(props) {
+  const [addModalVisible, setAddModalVisible] = useState(false);
+  const [infoModalVisible, setInfoModalVisible] = useState(false);
+  const [currentId, setCurrentId] = useState("");
+  const [selectedRowKeys, setSelectedRowKeys] = useState([]);
+  const [form] = Form.useForm();
+  const {tableProps, getData} = useTable(props["fireresourcesList"], {
+    form,
+    params: {
+      eqFireresourcesType: props["fireresourcesType"],
+      eqCorpinfoId: props["corpinfoId"],
+    },
+  });
+  return (
+    <div style={{padding: 10}}>
+      {props.isSupervise && <HeaderBack title="统计列表"/>}
+      <Search
+        form={form}
+        onFinish={getData}
+        options={[
+          {name: "likeFireresourcesName", label: "名称"},
+        ]}
+      />
+      <Table
+        rowSelection={{
+          selectedRowKeys,
+          onChange: selectedRowKeys => setSelectedRowKeys(selectedRowKeys),
+        }}
+        toolBarRender={() => (!props.isSupervise ? (
+          <Space>
+            <Button type="primary" icon={<AddIcon/>} onClick={() => setAddModalVisible(true)}>新增</Button>
+            <Button
+              icon={<DeleteIcon/>}
+              type="primary"
+              danger
+              onClick={() => {
+                if (!selectedRowKeys.length)
+                  return message.warning("请选择要删除的行");
+                Modal.confirm({
+                  title: "确定删除吗？",
+                  onOk: async () => {
+                    await props["fireresourcesBatchDelete"]({ids: selectedRowKeys});
+                    message.success("删除成功");
+                    getData();
+                  },
+                });
+              }}
+            >
+              批量删除
+            </Button>
+          </Space>
+        ) : null)}
+        columns={[
+          {dataIndex: "fireresourcesName", title: "名称"},
+          {
+            dataIndex: "fireresourcesType",
+            title: "消防资源类型",
+            render: (_, record) => FIRERESOURCES_TYPE[record.fireresourcesType]
+          },
+          {
+            dataIndex: "location",
+            title: "消防资源经纬度",
+            render: (_, record) => record.longitude + "--" + record.latitude
+          },
+          {
+            dataIndex: "createTime", title: "创建时间", render: (_, record) => {
+              if (!record.createTime) return "";
+              const [date, time] = record.createTime.split("T");
+              return `${date} ${time.split(".")[0]}`;
+            }
+          },
+          {
+            title: "操作",
+            align: "center",
+            width: 200,
+            render: (_, record) => (
+              <Space>
+                <Button
+                  type="link"
+                  onClick={() => {
+                    setCurrentId(record.id);
+                    setInfoModalVisible(true);
+                  }}
+                >
+                  查看
+                </Button>
+                {!props.isSupervise && (
+                  <>
+                    <Button
+                      type="link"
+                      onClick={() => {
+                        setCurrentId(record.id);
+                        setAddModalVisible(true);
+                      }}
+                    >
+                      编辑
+                    </Button>
+                    <Button
+                      type="link"
+                      danger
+                      onClick={() => {
+                        Modal.confirm({
+                          title: "确定删除吗？",
+                          onOk: async () => {
+                            await props["fireresourcesDelete"]({id: record.id});
+                            message.success("删除成功");
+                            getData();
+                          },
+                        });
+                      }}
+                    >
+                      删除
+                    </Button>
+                  </>
+                )}
+              </Space>
+            ),
+          },
+        ]}
+        {...tableProps}
+      />
+      {addModalVisible && <AddModal
+        currentId={currentId}
+        fireresourcesType={props["fireresourcesType"]}
+        onCancel={() => {
+          setAddModalVisible(false);
+          setCurrentId("");
+        }}
+        getData={getData}
+      />}
+
+
+      {infoModalVisible && <InfoModal
+        currentId={currentId}
+        onCancel={() => {
+          setInfoModalVisible(false);
+          setCurrentId("");
+        }}
+        getData={getData}
+      />}
+
+    </div>
+  );
+}
+
+function AddModalComponent(props) {
+  const [form] = Form.useForm();
+  useEffect(() => {
+    if (props.currentId) {
+      props["fireresourcesInfo"]({id: props.currentId}).then((res) => {
+        form.setFieldsValue({
+          ...res.data,
+          state: res.data.state + "",
+        });
+      });
+    }
+  }, [props.currentId]);
+  const onCancel = () => {
+    form.resetFields();
+    props.onCancel();
+  };
+  const submit = async (values) => {
+    // 将点号分隔的details字段转换为嵌套JSON对象
+    const transformedValues = {...values};
+    const details = {};
+
+    // 提取所有details开头的字段并构建嵌套对象
+    Object.keys(values).forEach(key => {
+      if (key.startsWith('details.')) {
+        const fieldName = key.substring('details.'.length);
+        details[fieldName] = values[key];
+        delete transformedValues[key]; // 删除原始的点号分隔字段
+      }
+    });
+
+    // 添加details对象
+    transformedValues.details = details;
+
+    await props[!props.currentId ? "fireresourcesAdd" : "fireresourcesEdit"]({
+      ...transformedValues,
+      fireresourcesType: props["fireresourcesType"],
+      id: props.currentId
+    });
+    onCancel();
+    props.getData();
+  };
+
+  let detailsFields = [];
+  if (props["fireresourcesType"] === "xfsy01") {
+    detailsFields = [
+      {name: "details.水源位置", label: "水源位置"},
+      {name: "details.吸水口规格", label: "吸水口规格"},
+      {name: "details.接口形式", label: "接口形式"},
+      {name: "details.水源类型", label: "水源类型"},
+      {name: "details.水源编号", label: "水源编号"},
+      {name: "details.所属单位或部门", label: "所属单位或部门"},
+      {name: "details.水源容量", label: "水源容量"},
+      {name: "details.供水能力", label: "供水能力"},
+      {name: "details.设备清单", label: "设备清单"},
+    ]
+  } else if (props["fireresourcesType"] === "xfbf01") {
+    detailsFields = [
+      {
+            name: "details.imageFiles",
+            label: "消防泵房图片",
+            render: (
+              <Upload
+                onGetRemoveFile={(file) => {
+                  setDeleteImageFiles([...deleteImageFiles, file]);
+                }}
+              />
+            ),
+            span: 24
+          },
+    ]
+
+  }else if (props["fireresourcesType"] === "xfjyd01") {
+    detailsFields = [
+      {name: "details.编制", label: "编制"},
+      {name: "details.负责单位或部门", label: "负责单位或部门"},
+      {name: "details.队长", label: "队长"},
+      {name: "details.指挥人员", label: "指挥人员"},
+      {name: "details.队员名单", label: "队员名单"},
+      {name: "details.建立日期", label: "建立日期"},
+      {name: "details.组建背景", label: "组建背景"},
+      {name: "details.所属区域范围", label: "所属区域范围"},
+      {name: "details.救援装备清单", label: "救援装备清单"},
+      {name: "details.职责和任务范围", label: "职责和任务范围"},
+    ]
+  }
+  return (
+    <Modal
+      open
+      onCancel={onCancel}
+      onOk={form.submit}
+      title={props.currentId ? "编辑" : "新增"}
+      loading={props.fireresources.loading}
+      width={800}
+    >
+      <FormBuilder
+        labelCol={{span: 8}}
+        form={form}
+        span={24}
+        onFinish={submit}
+        showActionButtons={false}
+        options={[
+          {name: "fireresourcesName", label: "名称"},
+          {name: "state", label: "状态", render: FORM_ITEM_RENDER_ENUM.SELECT, items: FIRERESOURCES_STATE},
+          {key: "map", customizeRender: true, render: <Map/>},
+          ...detailsFields,
+        ]}
+      />
+    </Modal>
+  );
+}
+
+function InfoModalComponent(props) {
+  const [info, setInfo] = useState({});
+  const [mapVisible, setMapVisible] = useState(false);
+  useEffect(() => {
+    if (props.currentId) {
+      props["fireresourcesInfo"]({id: props.currentId}).then((res) => {
+        setInfo(res.data);
+      });
+    }
+  }, [props.currentId]);
+
+  return (
+    <Modal
+      onCancel={props.onCancel}
+      open
+      footer={<Button onClick={props.onCancel}>关闭</Button>}
+      title="查看"
+      loading={props.fireresources.loading}
+    >
+      <Descriptions
+        labelStyle={{width: 200}}
+        column={1}
+        bordered
+        items={[
+          {children: info.fireresourcesName, label: "名称"},
+          {
+            children: info.state === 0 ? "正常" : "异常",
+            label: "状态"
+          },
+          {
+            children: <LocationIcon onClick={() => {
+              setMapVisible(true);
+            }}/>, label: "位置"
+          },
+          ...(info.details ? (() => {
+            try {
+              const detailsObj = typeof info.details === 'string' ? JSON.parse(info.details) : info.details;
+              return typeof detailsObj === 'object' && detailsObj !== null ?
+                Object.entries(detailsObj).map(([key, value]) => ({children: value, label: key})) : [];
+            } catch (error) {
+              console.error('解析details JSON失败:', error);
+              return [];
+            }
+          })() : [])
+        ]}
+      />
+
+      <MapSelector
+        visible={mapVisible}
+        onClose={() => setMapVisible(false)}
+        longitude={info.longitude}
+        latitude={info.latitude}
+        disable={true}
+      />
+    </Modal>
+  );
+}
+
+const AddModal = Connect([NS_FIRERESOURCES], true)(AddModalComponent);
+const InfoModal = Connect([NS_FIRERESOURCES], true)(InfoModalComponent);
+export default Connect([NS_FIRERESOURCES], true)(Fireresources);
+
--- a/src/pages/Container/Pumproom/index.js
+++ b/src/pages/Container/Pumproom/index.js
@ -0,0 +1,12 @@
+import Fireresources from "../Fireresources/components/Fireresources";
+
+
+function FireresourcesContainer(props) {
+  return (
+    <Fireresources fireresourcesType="xfbf01"
+      {...props}
+    />
+  );
+}
+
+export default FireresourcesContainer;
--- a/src/pages/Container/Rescueteam/index.js
+++ b/src/pages/Container/Rescueteam/index.js
@ -0,0 +1,12 @@
+import Fireresources from "../Fireresources/components/Fireresources";
+
+
+function FireresourcesContainer(props) {
+  return (
+    <Fireresources fireresourcesType="xfjyd01"
+      {...props}
+    />
+  );
+}
+
+export default FireresourcesContainer;
--- a/src/pages/Container/Supervise/Info/index.js
+++ b/src/pages/Container/Supervise/Info/index.js
@ -0,0 +1,15 @@
+import Fireresources from "../../Fireresources/components/Fireresources";
+import useGetUrlQuery from "zy-react-library/hooks/useGetUrlQuery";
+
+function FireresourcesContainer(props) {
+  const {corpinfoId,fireresourcesType} = useGetUrlQuery();
+  return (
+    <Fireresources fireresourcesType={fireresourcesType}
+      corpinfoId={corpinfoId}
+    isSupervise={true}
+      {...props}
+    />
+  );
+}
+
+export default FireresourcesContainer;
--- a/src/pages/Container/Supervise/List/index.js
+++ b/src/pages/Container/Supervise/List/index.js
@ -0,0 +1,108 @@
+import {Connect} from "@cqsjjb/jjb-dva-runtime";
+import {Button, Form, Space} from "antd";
+import {useState} from "react";
+import Search from "zy-react-library/components/Search";
+import Table from "zy-react-library/components/Table";
+import useTable from "zy-react-library/hooks/useTable";
+import {NS_FIRERESOURCES} from "~/enumerate/namespace";
+
+function Supervise(props) {
+  const [selectedRowKeys, setSelectedRowKeys] = useState([]);
+  const [form] = Form.useForm();
+  const [countByCorpinfoAndType, setCountByCorpinfoAndType] = useState([]);
+
+  const getCountByCorpinfoAndType=async (corpinfoIds)=>{
+    const {data} = await props["getCountByCorpinfoAndType"]({corpinfoIds})
+    setCountByCorpinfoAndType(data)
+  }
+
+  const {tableProps, getData} = useTable(props["getCorpInfoList"], {
+    form,
+    onSuccess: ({data}) => {
+      console.log(data)
+      getCountByCorpinfoAndType(data.map(item => item.id))
+    },
+  });
+  const getCount=(id,type)=>{
+    return countByCorpinfoAndType.find(item => item.corpinfoId === id && item.fireresourcesType === type)?.[`count`] || 0;
+  }
+  const getArea=(record)=>{
+    const areaArr = [record.provinceName,record.cityName,record.countyName].filter(item => item);
+    return areaArr.join("-") || "-";
+  }
+  return (
+    <div style={{padding: 10}}>
+      <Search
+        form={form}
+        values={{
+          eqAccidentType: "1",
+        }}
+        onFinish={getData}
+        options={[
+          {name: "likecorpName", label: `公司名称`},
+        ]}
+      />
+      <Table
+        rowSelection={{
+          selectedRowKeys,
+          onChange: selectedRowKeys => setSelectedRowKeys(selectedRowKeys),
+        }}
+        columns={[
+          {dataIndex: "corpName", title: `所属公司`},
+          {dataIndex: "area", title: `属地`,render: (_, record) => getArea(record)},
+          {dataIndex: "xfjyd01", title: `消防救援队`,render: (_, record) => (
+              <Space>
+                <Button
+                  type="link"
+                  onClick={() => {
+                    props.history.push(`./Info?corpinfoId=${record.id}&fireresourcesType=xfjyd01`)
+                  }}
+                >
+                  {getCount(record.id,"xfjyd01")}
+                </Button>
+              </Space>
+            )},
+          {dataIndex: "xfkzs01", title: `消防控制室`,render: (_, record) => (
+              <Space>
+                <Button
+                  type="link"
+                  onClick={() => {
+                    props.history.push(`./Info?corpinfoId=${record.id}&fireresourcesType=xfkzs01`)
+                  }}
+                >
+                  {getCount(record.id,"xfkzs01")}
+                </Button>
+              </Space>
+            )},
+          {dataIndex: "xfbf01", title: `消防泵房`,render: (_, record) => (
+              <Space>
+                <Button
+                  type="link"
+                  onClick={() => {
+                    props.history.push(`./Info?corpinfoId=${record.id}&fireresourcesType=xfbf01`)
+                  }}
+                >
+                  {getCount(record.id,"xfbf01")}
+                </Button>
+              </Space>
+            )},
+          {dataIndex: "xfsy01", title: `消防水源`,render: (_, record) => (
+              <Space>
+                <Button
+                  type="link"
+                  onClick={() => {
+                    props.history.push(`./Info?corpinfoId=${record.id}&fireresourcesType=xfsy01`)
+                  }}
+                >
+                  {getCount(record.id,"xfsy01")}
+                </Button>
+              </Space>
+            )},
+        ]}
+        {...tableProps}
+      />
+    </div>
+  );
+}
+
+export default Connect([NS_FIRERESOURCES], true)(Supervise);
--- a/src/pages/Container/Supervise/index.js
+++ b/src/pages/Container/Supervise/index.js
@ -0,0 +1,4 @@
+function SuperviseContainer(props) {
+    return props.children;
+}
+export default SuperviseContainer;
--- a/src/pages/Container/Watersource/index.js
+++ b/src/pages/Container/Watersource/index.js
@ -0,0 +1,12 @@
+import Fireresources from "../Fireresources/components/Fireresources";
+
+
+function FireresourcesContainer(props) {
+  return (
+    <Fireresources fireresourcesType="xfsy01"
+      {...props}
+    />
+  );
+}
+
+export default FireresourcesContainer;
--- 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/"),
+    },
+  },
+};