feat(bi-screen): 初始化BI大屏页面

.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

.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

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`。

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");

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"],
+  },
+});

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",
+    }],
+  ],
+};

jjb.config.js

@@ -0,0 +1,76 @@
+module.exports = {
+  // 应用后端git地址，部署上线需要
+  javaGit: "<git-url>",
+  // 应用后端仓库名称，部署上线需要
+  javaGitName: "<git-name>",
+  // 环境配置
+  environment: {
+    development: {
+      // 应用后端分支名称，部署上线需要
+      javaGitBranch: "<branch-name>",
+      // 接口服务地址
+      // API_HOST: "https://gbs-gateway.qhdsafety.com",
+      API_HOST: "http://192.168.20.100:30140",
+    },
+    production: {
+      // 应用后端分支名称，部署上线需要
+      javaGitBranch: "<branch-name>",
+      // 接口服务地址
+      API_HOST: "",
+    },
+  },
+  // 应用唯一标识符
+  appIdentifier: "bi",
+  // 应用上下文注入全局变量
+  contextInject: {
+    // 应用Key
+    appKey: "",
+    fileUrl: "https://jpfz.qhdsafety.com/gbsFileTest/",
+  },
+  // public/index.html注入全局变量
+  windowInject: {
+    // 应用标题
+    title: "微应用模板",
+    // 注入css链接集合
+    links: [],
+    element: {
+      root: {
+        // 挂载DOM元素ID
+        id: "root",
+      },
+    },
+    // 注入js链接集合
+    scripts: [],
+  },
+  // 开发服务
+  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,
+    },
+  },
+};

jsconfig.json

@@ -0,0 +1,9 @@
+{
+  "compilerOptions": {
+    "baseUrl": "src",
+    "paths": {
+      "~/*": ["*"]
+    }
+  },
+  "include": ["src"]
+}

package.json

@@ -0,0 +1,51 @@
+{
+  "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": "5.27.6",
+    "autofit.js": "^3.2.8",
+    "dayjs": "^1.11.7",
+    "echarts": "^6.0.0",
+    "lodash-es": "^4.17.21",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "sass": "^1.97.0",
+    "sass-loader": "^16.0.6",
+    "zy-react-library": "^1.0.160"
+  },
+  "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"
+  }
+}

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>

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}",
+// );