commit a235e642285e1ffb93cc83e6ec230ba2c15fa401
Author: fangjiakai <450850793@qq.com>
Date:   Thu Dec 18 14:48:37 2025 +0800

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

diff --git a/.editorconfig b/.editorconfig
new file mode 100644
index 0000000..271822f
--- /dev/null
+++ 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
diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..b840685
--- /dev/null
+++ 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
\ No newline at end of file
diff --git a/README.md b/README.md
new file mode 100644
index 0000000..a3da031
--- /dev/null
+++ 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`。
diff --git a/blessed_by_buddha.js b/blessed_by_buddha.js
new file mode 100644
index 0000000..340fa53
--- /dev/null
+++ 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");
diff --git a/eslint.config.js b/eslint.config.js
new file mode 100644
index 0000000..b695218
--- /dev/null
+++ 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"],
+  },
+});
diff --git a/jjb.babel.js b/jjb.babel.js
new file mode 100644
index 0000000..e58cbef
--- /dev/null
+++ 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",
+    }],
+  ],
+};
diff --git a/jjb.config.js b/jjb.config.js
new file mode 100644
index 0000000..3a6169e
--- /dev/null
+++ b/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,
+    },
+  },
+};
diff --git a/jsconfig.json b/jsconfig.json
new file mode 100644
index 0000000..4cf89dc
--- /dev/null
+++ b/jsconfig.json
@@ -0,0 +1,9 @@
+{
+  "compilerOptions": {
+    "baseUrl": "src",
+    "paths": {
+      "~/*": ["*"]
+    }
+  },
+  "include": ["src"]
+}
diff --git a/package.json b/package.json
new file mode 100644
index 0000000..c4a4cbd
--- /dev/null
+++ b/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"
+  }
+}
diff --git a/public/index.html b/public/index.html
new file mode 100644
index 0000000..54af0fc
--- /dev/null
+++ 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>
diff --git a/src/api/global/index.js b/src/api/global/index.js
new file mode 100644
index 0000000..ba35796
--- /dev/null
+++ 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}",
+// );
diff --git a/src/assets/images/map_bi/back.png b/src/assets/images/map_bi/back.png
new file mode 100644
index 0000000..73583a5
Binary files /dev/null and b/src/assets/images/map_bi/back.png differ
diff --git a/src/assets/images/map_bi/bottom_utils/first/img10.png b/src/assets/images/map_bi/bottom_utils/first/img10.png
new file mode 100644
index 0000000..27df7c5
Binary files /dev/null and b/src/assets/images/map_bi/bottom_utils/first/img10.png differ
diff --git a/src/assets/images/map_bi/bottom_utils/first/img10_on.png b/src/assets/images/map_bi/bottom_utils/first/img10_on.png
new file mode 100644
index 0000000..4bde2d1
Binary files /dev/null and b/src/assets/images/map_bi/bottom_utils/first/img10_on.png differ
diff --git a/src/assets/images/map_bi/bottom_utils/first/img11.png b/src/assets/images/map_bi/bottom_utils/first/img11.png
new file mode 100644
index 0000000..99a0f5a
Binary files /dev/null and b/src/assets/images/map_bi/bottom_utils/first/img11.png differ
diff --git a/src/assets/images/map_bi/bottom_utils/first/img11_on.png b/src/assets/images/map_bi/bottom_utils/first/img11_on.png
new file mode 100644
index 0000000..8796d80
Binary files /dev/null and b/src/assets/images/map_bi/bottom_utils/first/img11_on.png differ
diff --git a/src/assets/images/map_bi/bottom_utils/first/img12.png b/src/assets/images/map_bi/bottom_utils/first/img12.png
new file mode 100644
index 0000000..9cfeaf2
Binary files /dev/null and b/src/assets/images/map_bi/bottom_utils/first/img12.png differ
diff --git a/src/assets/images/map_bi/bottom_utils/first/img12_on.png b/src/assets/images/map_bi/bottom_utils/first/img12_on.png
new file mode 100644
index 0000000..7ef29ef
Binary files /dev/null and b/src/assets/images/map_bi/bottom_utils/first/img12_on.png differ
diff --git a/src/assets/images/map_bi/bottom_utils/first/img4.png b/src/assets/images/map_bi/bottom_utils/first/img4.png
new file mode 100644
index 0000000..b95fe1b
Binary files /dev/null and b/src/assets/images/map_bi/bottom_utils/first/img4.png differ
diff --git a/src/assets/images/map_bi/bottom_utils/first/img4_on.png b/src/assets/images/map_bi/bottom_utils/first/img4_on.png
new file mode 100644
index 0000000..b08bbaf
Binary files /dev/null and b/src/assets/images/map_bi/bottom_utils/first/img4_on.png differ
diff --git a/src/assets/images/map_bi/bottom_utils/first/img5.png b/src/assets/images/map_bi/bottom_utils/first/img5.png
new file mode 100644
index 0000000..f9f02a8
Binary files /dev/null and b/src/assets/images/map_bi/bottom_utils/first/img5.png differ
diff --git a/src/assets/images/map_bi/bottom_utils/first/img5_on.png b/src/assets/images/map_bi/bottom_utils/first/img5_on.png
new file mode 100644
index 0000000..5e40af2
Binary files /dev/null and b/src/assets/images/map_bi/bottom_utils/first/img5_on.png differ
diff --git a/src/assets/images/map_bi/bottom_utils/first/img6.png b/src/assets/images/map_bi/bottom_utils/first/img6.png
new file mode 100644
index 0000000..aff9d9c
Binary files /dev/null and b/src/assets/images/map_bi/bottom_utils/first/img6.png differ
diff --git a/src/assets/images/map_bi/bottom_utils/first/img6_on.png b/src/assets/images/map_bi/bottom_utils/first/img6_on.png
new file mode 100644
index 0000000..c06fce9
Binary files /dev/null and b/src/assets/images/map_bi/bottom_utils/first/img6_on.png differ
diff --git a/src/assets/images/map_bi/bottom_utils/first/img7.png b/src/assets/images/map_bi/bottom_utils/first/img7.png
new file mode 100644
index 0000000..21c9199
Binary files /dev/null and b/src/assets/images/map_bi/bottom_utils/first/img7.png differ
diff --git a/src/assets/images/map_bi/bottom_utils/first/img7_on.png b/src/assets/images/map_bi/bottom_utils/first/img7_on.png
new file mode 100644
index 0000000..fd00d7e
Binary files /dev/null and b/src/assets/images/map_bi/bottom_utils/first/img7_on.png differ
diff --git a/src/assets/images/map_bi/bottom_utils/first/img8.png b/src/assets/images/map_bi/bottom_utils/first/img8.png
new file mode 100644
index 0000000..353082a
Binary files /dev/null and b/src/assets/images/map_bi/bottom_utils/first/img8.png differ
diff --git a/src/assets/images/map_bi/bottom_utils/first/img8_on.png b/src/assets/images/map_bi/bottom_utils/first/img8_on.png
new file mode 100644
index 0000000..ad9451a
Binary files /dev/null and b/src/assets/images/map_bi/bottom_utils/first/img8_on.png differ
diff --git a/src/assets/images/map_bi/bottom_utils/first/img9.png b/src/assets/images/map_bi/bottom_utils/first/img9.png
new file mode 100644
index 0000000..974138f
Binary files /dev/null and b/src/assets/images/map_bi/bottom_utils/first/img9.png differ
diff --git a/src/assets/images/map_bi/bottom_utils/first/img9_on.png b/src/assets/images/map_bi/bottom_utils/first/img9_on.png
new file mode 100644
index 0000000..5508e5c
Binary files /dev/null and b/src/assets/images/map_bi/bottom_utils/first/img9_on.png differ
diff --git a/src/assets/images/map_bi/bottom_utils/second/01.png b/src/assets/images/map_bi/bottom_utils/second/01.png
new file mode 100644
index 0000000..9aadfee
Binary files /dev/null and b/src/assets/images/map_bi/bottom_utils/second/01.png differ
diff --git a/src/assets/images/map_bi/bottom_utils/second/01_on.png b/src/assets/images/map_bi/bottom_utils/second/01_on.png
new file mode 100644
index 0000000..3d05f16
Binary files /dev/null and b/src/assets/images/map_bi/bottom_utils/second/01_on.png differ
diff --git a/src/assets/images/map_bi/bottom_utils/second/ico1.png b/src/assets/images/map_bi/bottom_utils/second/ico1.png
new file mode 100644
index 0000000..eb7a78e
Binary files /dev/null and b/src/assets/images/map_bi/bottom_utils/second/ico1.png differ
diff --git a/src/assets/images/map_bi/bottom_utils/second/ico10.png b/src/assets/images/map_bi/bottom_utils/second/ico10.png
new file mode 100644
index 0000000..f792476
Binary files /dev/null and b/src/assets/images/map_bi/bottom_utils/second/ico10.png differ
diff --git a/src/assets/images/map_bi/bottom_utils/second/ico10_on.png b/src/assets/images/map_bi/bottom_utils/second/ico10_on.png
new file mode 100644
index 0000000..65c6571
Binary files /dev/null and b/src/assets/images/map_bi/bottom_utils/second/ico10_on.png differ
diff --git a/src/assets/images/map_bi/bottom_utils/second/ico11.png b/src/assets/images/map_bi/bottom_utils/second/ico11.png
new file mode 100644
index 0000000..36e81e0
Binary files /dev/null and b/src/assets/images/map_bi/bottom_utils/second/ico11.png differ
diff --git a/src/assets/images/map_bi/bottom_utils/second/ico11_on.png b/src/assets/images/map_bi/bottom_utils/second/ico11_on.png
new file mode 100644
index 0000000..c37b7c0
Binary files /dev/null and b/src/assets/images/map_bi/bottom_utils/second/ico11_on.png differ
diff --git a/src/assets/images/map_bi/bottom_utils/second/ico12.png b/src/assets/images/map_bi/bottom_utils/second/ico12.png
new file mode 100644
index 0000000..9b24d95
Binary files /dev/null and b/src/assets/images/map_bi/bottom_utils/second/ico12.png differ
diff --git a/src/assets/images/map_bi/bottom_utils/second/ico12_on.png b/src/assets/images/map_bi/bottom_utils/second/ico12_on.png
new file mode 100644
index 0000000..36a665b
Binary files /dev/null and b/src/assets/images/map_bi/bottom_utils/second/ico12_on.png differ
diff --git a/src/assets/images/map_bi/bottom_utils/second/ico13.png b/src/assets/images/map_bi/bottom_utils/second/ico13.png
new file mode 100644
index 0000000..1b09a6d
Binary files /dev/null and b/src/assets/images/map_bi/bottom_utils/second/ico13.png differ
diff --git a/src/assets/images/map_bi/bottom_utils/second/ico13_on.png b/src/assets/images/map_bi/bottom_utils/second/ico13_on.png
new file mode 100644
index 0000000..8916cb8
Binary files /dev/null and b/src/assets/images/map_bi/bottom_utils/second/ico13_on.png differ
diff --git a/src/assets/images/map_bi/bottom_utils/second/ico14.png b/src/assets/images/map_bi/bottom_utils/second/ico14.png
new file mode 100644
index 0000000..13ba8a4
Binary files /dev/null and b/src/assets/images/map_bi/bottom_utils/second/ico14.png differ
diff --git a/src/assets/images/map_bi/bottom_utils/second/ico14_on.png b/src/assets/images/map_bi/bottom_utils/second/ico14_on.png
new file mode 100644
index 0000000..c3f70e1
Binary files /dev/null and b/src/assets/images/map_bi/bottom_utils/second/ico14_on.png differ
diff --git a/src/assets/images/map_bi/bottom_utils/second/ico15.png b/src/assets/images/map_bi/bottom_utils/second/ico15.png
new file mode 100644
index 0000000..dd2ca8a
Binary files /dev/null and b/src/assets/images/map_bi/bottom_utils/second/ico15.png differ
diff --git a/src/assets/images/map_bi/bottom_utils/second/ico15_on.png b/src/assets/images/map_bi/bottom_utils/second/ico15_on.png
new file mode 100644
index 0000000..4239bf2
Binary files /dev/null and b/src/assets/images/map_bi/bottom_utils/second/ico15_on.png differ
diff --git a/src/assets/images/map_bi/bottom_utils/second/ico16.png b/src/assets/images/map_bi/bottom_utils/second/ico16.png
new file mode 100644
index 0000000..5f314ad
Binary files /dev/null and b/src/assets/images/map_bi/bottom_utils/second/ico16.png differ
diff --git a/src/assets/images/map_bi/bottom_utils/second/ico16_on.png b/src/assets/images/map_bi/bottom_utils/second/ico16_on.png
new file mode 100644
index 0000000..134921d
Binary files /dev/null and b/src/assets/images/map_bi/bottom_utils/second/ico16_on.png differ
diff --git a/src/assets/images/map_bi/bottom_utils/second/ico17.png b/src/assets/images/map_bi/bottom_utils/second/ico17.png
new file mode 100644
index 0000000..bd68c7f
Binary files /dev/null and b/src/assets/images/map_bi/bottom_utils/second/ico17.png differ
diff --git a/src/assets/images/map_bi/bottom_utils/second/ico17_on.png b/src/assets/images/map_bi/bottom_utils/second/ico17_on.png
new file mode 100644
index 0000000..efe7d95
Binary files /dev/null and b/src/assets/images/map_bi/bottom_utils/second/ico17_on.png differ
diff --git a/src/assets/images/map_bi/bottom_utils/second/ico18.png b/src/assets/images/map_bi/bottom_utils/second/ico18.png
new file mode 100644
index 0000000..9a0e30f
Binary files /dev/null and b/src/assets/images/map_bi/bottom_utils/second/ico18.png differ
diff --git a/src/assets/images/map_bi/bottom_utils/second/ico18_on.png b/src/assets/images/map_bi/bottom_utils/second/ico18_on.png
new file mode 100644
index 0000000..a9b403a
Binary files /dev/null and b/src/assets/images/map_bi/bottom_utils/second/ico18_on.png differ
diff --git a/src/assets/images/map_bi/bottom_utils/second/ico19.png b/src/assets/images/map_bi/bottom_utils/second/ico19.png
new file mode 100644
index 0000000..243c945
Binary files /dev/null and b/src/assets/images/map_bi/bottom_utils/second/ico19.png differ
diff --git a/src/assets/images/map_bi/bottom_utils/second/ico19_on.png b/src/assets/images/map_bi/bottom_utils/second/ico19_on.png
new file mode 100644
index 0000000..ba60a16
Binary files /dev/null and b/src/assets/images/map_bi/bottom_utils/second/ico19_on.png differ
diff --git a/src/assets/images/map_bi/bottom_utils/second/ico1_on.png b/src/assets/images/map_bi/bottom_utils/second/ico1_on.png
new file mode 100644
index 0000000..1d90869
Binary files /dev/null and b/src/assets/images/map_bi/bottom_utils/second/ico1_on.png differ
diff --git a/src/assets/images/map_bi/bottom_utils/second/ico2.png b/src/assets/images/map_bi/bottom_utils/second/ico2.png
new file mode 100644
index 0000000..d39af4c
Binary files /dev/null and b/src/assets/images/map_bi/bottom_utils/second/ico2.png differ
diff --git a/src/assets/images/map_bi/bottom_utils/second/ico20.png b/src/assets/images/map_bi/bottom_utils/second/ico20.png
new file mode 100644
index 0000000..eb9405f
Binary files /dev/null and b/src/assets/images/map_bi/bottom_utils/second/ico20.png differ
diff --git a/src/assets/images/map_bi/bottom_utils/second/ico20_on.png b/src/assets/images/map_bi/bottom_utils/second/ico20_on.png
new file mode 100644
index 0000000..1472e5e
Binary files /dev/null and b/src/assets/images/map_bi/bottom_utils/second/ico20_on.png differ
diff --git a/src/assets/images/map_bi/bottom_utils/second/ico21.png b/src/assets/images/map_bi/bottom_utils/second/ico21.png
new file mode 100644
index 0000000..504cd8b
Binary files /dev/null and b/src/assets/images/map_bi/bottom_utils/second/ico21.png differ
diff --git a/src/assets/images/map_bi/bottom_utils/second/ico21_on.png b/src/assets/images/map_bi/bottom_utils/second/ico21_on.png
new file mode 100644
index 0000000..4b3fb81
Binary files /dev/null and b/src/assets/images/map_bi/bottom_utils/second/ico21_on.png differ
diff --git a/src/assets/images/map_bi/bottom_utils/second/ico22.png b/src/assets/images/map_bi/bottom_utils/second/ico22.png
new file mode 100644
index 0000000..1bff8e8
Binary files /dev/null and b/src/assets/images/map_bi/bottom_utils/second/ico22.png differ
diff --git a/src/assets/images/map_bi/bottom_utils/second/ico22_on.png b/src/assets/images/map_bi/bottom_utils/second/ico22_on.png
new file mode 100644
index 0000000..3f6fefe
Binary files /dev/null and b/src/assets/images/map_bi/bottom_utils/second/ico22_on.png differ
diff --git a/src/assets/images/map_bi/bottom_utils/second/ico23.png b/src/assets/images/map_bi/bottom_utils/second/ico23.png
new file mode 100644
index 0000000..cd042fa
Binary files /dev/null and b/src/assets/images/map_bi/bottom_utils/second/ico23.png differ
diff --git a/src/assets/images/map_bi/bottom_utils/second/ico23_on.png b/src/assets/images/map_bi/bottom_utils/second/ico23_on.png
new file mode 100644
index 0000000..98e2e94
Binary files /dev/null and b/src/assets/images/map_bi/bottom_utils/second/ico23_on.png differ
diff --git a/src/assets/images/map_bi/bottom_utils/second/ico24.png b/src/assets/images/map_bi/bottom_utils/second/ico24.png
new file mode 100644
index 0000000..77ad605
Binary files /dev/null and b/src/assets/images/map_bi/bottom_utils/second/ico24.png differ
diff --git a/src/assets/images/map_bi/bottom_utils/second/ico24_on.png b/src/assets/images/map_bi/bottom_utils/second/ico24_on.png
new file mode 100644
index 0000000..826a403
Binary files /dev/null and b/src/assets/images/map_bi/bottom_utils/second/ico24_on.png differ
diff --git a/src/assets/images/map_bi/bottom_utils/second/ico25.png b/src/assets/images/map_bi/bottom_utils/second/ico25.png
new file mode 100644
index 0000000..3948917
Binary files /dev/null and b/src/assets/images/map_bi/bottom_utils/second/ico25.png differ
diff --git a/src/assets/images/map_bi/bottom_utils/second/ico25_on.png b/src/assets/images/map_bi/bottom_utils/second/ico25_on.png
new file mode 100644
index 0000000..53ecf23
Binary files /dev/null and b/src/assets/images/map_bi/bottom_utils/second/ico25_on.png differ
diff --git a/src/assets/images/map_bi/bottom_utils/second/ico26.png b/src/assets/images/map_bi/bottom_utils/second/ico26.png
new file mode 100644
index 0000000..afd6155
Binary files /dev/null and b/src/assets/images/map_bi/bottom_utils/second/ico26.png differ
diff --git a/src/assets/images/map_bi/bottom_utils/second/ico26_on.png b/src/assets/images/map_bi/bottom_utils/second/ico26_on.png
new file mode 100644
index 0000000..f7cd766
Binary files /dev/null and b/src/assets/images/map_bi/bottom_utils/second/ico26_on.png differ
diff --git a/src/assets/images/map_bi/bottom_utils/second/ico27.png b/src/assets/images/map_bi/bottom_utils/second/ico27.png
new file mode 100644
index 0000000..3e2fa88
Binary files /dev/null and b/src/assets/images/map_bi/bottom_utils/second/ico27.png differ
diff --git a/src/assets/images/map_bi/bottom_utils/second/ico27_on.png b/src/assets/images/map_bi/bottom_utils/second/ico27_on.png
new file mode 100644
index 0000000..c65457d
Binary files /dev/null and b/src/assets/images/map_bi/bottom_utils/second/ico27_on.png differ
diff --git a/src/assets/images/map_bi/bottom_utils/second/ico28.png b/src/assets/images/map_bi/bottom_utils/second/ico28.png
new file mode 100644
index 0000000..ce9844c
Binary files /dev/null and b/src/assets/images/map_bi/bottom_utils/second/ico28.png differ
diff --git a/src/assets/images/map_bi/bottom_utils/second/ico28_on.png b/src/assets/images/map_bi/bottom_utils/second/ico28_on.png
new file mode 100644
index 0000000..a8e4398
Binary files /dev/null and b/src/assets/images/map_bi/bottom_utils/second/ico28_on.png differ
diff --git a/src/assets/images/map_bi/bottom_utils/second/ico29.png b/src/assets/images/map_bi/bottom_utils/second/ico29.png
new file mode 100644
index 0000000..090a8af
Binary files /dev/null and b/src/assets/images/map_bi/bottom_utils/second/ico29.png differ
diff --git a/src/assets/images/map_bi/bottom_utils/second/ico29_on.png b/src/assets/images/map_bi/bottom_utils/second/ico29_on.png
new file mode 100644
index 0000000..23c82f5
Binary files /dev/null and b/src/assets/images/map_bi/bottom_utils/second/ico29_on.png differ
diff --git a/src/assets/images/map_bi/bottom_utils/second/ico2_on.png b/src/assets/images/map_bi/bottom_utils/second/ico2_on.png
new file mode 100644
index 0000000..d68ae0e
Binary files /dev/null and b/src/assets/images/map_bi/bottom_utils/second/ico2_on.png differ
diff --git a/src/assets/images/map_bi/bottom_utils/second/ico3.png b/src/assets/images/map_bi/bottom_utils/second/ico3.png
new file mode 100644
index 0000000..afd6155
Binary files /dev/null and b/src/assets/images/map_bi/bottom_utils/second/ico3.png differ
diff --git a/src/assets/images/map_bi/bottom_utils/second/ico3_on.png b/src/assets/images/map_bi/bottom_utils/second/ico3_on.png
new file mode 100644
index 0000000..f7cd766
Binary files /dev/null and b/src/assets/images/map_bi/bottom_utils/second/ico3_on.png differ
diff --git a/src/assets/images/map_bi/bottom_utils/second/ico4.png b/src/assets/images/map_bi/bottom_utils/second/ico4.png
new file mode 100644
index 0000000..09a4e32
Binary files /dev/null and b/src/assets/images/map_bi/bottom_utils/second/ico4.png differ
diff --git a/src/assets/images/map_bi/bottom_utils/second/ico4_on.png b/src/assets/images/map_bi/bottom_utils/second/ico4_on.png
new file mode 100644
index 0000000..6d21099
Binary files /dev/null and b/src/assets/images/map_bi/bottom_utils/second/ico4_on.png differ
diff --git a/src/assets/images/map_bi/bottom_utils/second/ico5.png b/src/assets/images/map_bi/bottom_utils/second/ico5.png
new file mode 100644
index 0000000..92c2871
Binary files /dev/null and b/src/assets/images/map_bi/bottom_utils/second/ico5.png differ
diff --git a/src/assets/images/map_bi/bottom_utils/second/ico5_on.png b/src/assets/images/map_bi/bottom_utils/second/ico5_on.png
new file mode 100644
index 0000000..79a2071
Binary files /dev/null and b/src/assets/images/map_bi/bottom_utils/second/ico5_on.png differ
diff --git a/src/assets/images/map_bi/bottom_utils/second/ico6.png b/src/assets/images/map_bi/bottom_utils/second/ico6.png
new file mode 100644
index 0000000..7debb3f
Binary files /dev/null and b/src/assets/images/map_bi/bottom_utils/second/ico6.png differ
diff --git a/src/assets/images/map_bi/bottom_utils/second/ico6_on.png b/src/assets/images/map_bi/bottom_utils/second/ico6_on.png
new file mode 100644
index 0000000..4fb3653
Binary files /dev/null and b/src/assets/images/map_bi/bottom_utils/second/ico6_on.png differ
diff --git a/src/assets/images/map_bi/bottom_utils/second/ico7.png b/src/assets/images/map_bi/bottom_utils/second/ico7.png
new file mode 100644
index 0000000..a880f4d
Binary files /dev/null and b/src/assets/images/map_bi/bottom_utils/second/ico7.png differ
diff --git a/src/assets/images/map_bi/bottom_utils/second/ico7_on.png b/src/assets/images/map_bi/bottom_utils/second/ico7_on.png
new file mode 100644
index 0000000..cbe2e82
Binary files /dev/null and b/src/assets/images/map_bi/bottom_utils/second/ico7_on.png differ
diff --git a/src/assets/images/map_bi/bottom_utils/second/ico8.png b/src/assets/images/map_bi/bottom_utils/second/ico8.png
new file mode 100644
index 0000000..08a0b09
Binary files /dev/null and b/src/assets/images/map_bi/bottom_utils/second/ico8.png differ
diff --git a/src/assets/images/map_bi/bottom_utils/second/ico8_on.png b/src/assets/images/map_bi/bottom_utils/second/ico8_on.png
new file mode 100644
index 0000000..4190962
Binary files /dev/null and b/src/assets/images/map_bi/bottom_utils/second/ico8_on.png differ
diff --git a/src/assets/images/map_bi/bottom_utils/second/ico9.png b/src/assets/images/map_bi/bottom_utils/second/ico9.png
new file mode 100644
index 0000000..a993673
Binary files /dev/null and b/src/assets/images/map_bi/bottom_utils/second/ico9.png differ
diff --git a/src/assets/images/map_bi/bottom_utils/second/ico9_on.png b/src/assets/images/map_bi/bottom_utils/second/ico9_on.png
new file mode 100644
index 0000000..4e8a3cd
Binary files /dev/null and b/src/assets/images/map_bi/bottom_utils/second/ico9_on.png differ
diff --git a/src/assets/images/map_bi/bottom_utils/title.png b/src/assets/images/map_bi/bottom_utils/title.png
new file mode 100644
index 0000000..c8dde5f
Binary files /dev/null and b/src/assets/images/map_bi/bottom_utils/title.png differ
diff --git a/src/assets/images/map_bi/bottom_utils/title_on.png b/src/assets/images/map_bi/bottom_utils/title_on.png
new file mode 100644
index 0000000..1b4a7fb
Binary files /dev/null and b/src/assets/images/map_bi/bottom_utils/title_on.png differ
diff --git a/src/assets/images/map_bi/center_utils/tabguang.png b/src/assets/images/map_bi/center_utils/tabguang.png
new file mode 100644
index 0000000..b21c1f7
Binary files /dev/null and b/src/assets/images/map_bi/center_utils/tabguang.png differ
diff --git a/src/assets/images/map_bi/center_utils/tableft.png b/src/assets/images/map_bi/center_utils/tableft.png
new file mode 100644
index 0000000..3d44050
Binary files /dev/null and b/src/assets/images/map_bi/center_utils/tableft.png differ
diff --git a/src/assets/images/map_bi/center_utils/tableft_on.png b/src/assets/images/map_bi/center_utils/tableft_on.png
new file mode 100644
index 0000000..7fcf403
Binary files /dev/null and b/src/assets/images/map_bi/center_utils/tableft_on.png differ
diff --git a/src/assets/images/map_bi/center_utils/tabmid.png b/src/assets/images/map_bi/center_utils/tabmid.png
new file mode 100644
index 0000000..20eba9a
Binary files /dev/null and b/src/assets/images/map_bi/center_utils/tabmid.png differ
diff --git a/src/assets/images/map_bi/center_utils/tabmid_on.png b/src/assets/images/map_bi/center_utils/tabmid_on.png
new file mode 100644
index 0000000..b7ea4d0
Binary files /dev/null and b/src/assets/images/map_bi/center_utils/tabmid_on.png differ
diff --git a/src/assets/images/map_bi/center_utils/tabright.png b/src/assets/images/map_bi/center_utils/tabright.png
new file mode 100644
index 0000000..090c582
Binary files /dev/null and b/src/assets/images/map_bi/center_utils/tabright.png differ
diff --git a/src/assets/images/map_bi/center_utils/tabright_on.png b/src/assets/images/map_bi/center_utils/tabright_on.png
new file mode 100644
index 0000000..fbb7e64
Binary files /dev/null and b/src/assets/images/map_bi/center_utils/tabright_on.png differ
diff --git a/src/assets/images/map_bi/close.png b/src/assets/images/map_bi/close.png
new file mode 100644
index 0000000..d64f369
Binary files /dev/null and b/src/assets/images/map_bi/close.png differ
diff --git a/src/assets/images/map_bi/content/anquan_bg1.png b/src/assets/images/map_bi/content/anquan_bg1.png
new file mode 100644
index 0000000..364c39a
Binary files /dev/null and b/src/assets/images/map_bi/content/anquan_bg1.png differ
diff --git a/src/assets/images/map_bi/content/anquan_bg2.png b/src/assets/images/map_bi/content/anquan_bg2.png
new file mode 100644
index 0000000..047e4ca
Binary files /dev/null and b/src/assets/images/map_bi/content/anquan_bg2.png differ
diff --git a/src/assets/images/map_bi/content/anquan_bg3.png b/src/assets/images/map_bi/content/anquan_bg3.png
new file mode 100644
index 0000000..fcde493
Binary files /dev/null and b/src/assets/images/map_bi/content/anquan_bg3.png differ
diff --git a/src/assets/images/map_bi/content/anquan_bg4.png b/src/assets/images/map_bi/content/anquan_bg4.png
new file mode 100644
index 0000000..31f33ef
Binary files /dev/null and b/src/assets/images/map_bi/content/anquan_bg4.png differ
diff --git a/src/assets/images/map_bi/content/bg1.png b/src/assets/images/map_bi/content/bg1.png
new file mode 100644
index 0000000..8d39308
Binary files /dev/null and b/src/assets/images/map_bi/content/bg1.png differ
diff --git a/src/assets/images/map_bi/content/collapse_menu.png b/src/assets/images/map_bi/content/collapse_menu.png
new file mode 100644
index 0000000..7ee0d81
Binary files /dev/null and b/src/assets/images/map_bi/content/collapse_menu.png differ
diff --git a/src/assets/images/map_bi/content/collapse_menu_bg.png b/src/assets/images/map_bi/content/collapse_menu_bg.png
new file mode 100644
index 0000000..0b3df7b
Binary files /dev/null and b/src/assets/images/map_bi/content/collapse_menu_bg.png differ
diff --git a/src/assets/images/map_bi/content/icobg.png b/src/assets/images/map_bi/content/icobg.png
new file mode 100644
index 0000000..158d02f
Binary files /dev/null and b/src/assets/images/map_bi/content/icobg.png differ
diff --git a/src/assets/images/map_bi/content/icon1.png b/src/assets/images/map_bi/content/icon1.png
new file mode 100644
index 0000000..b81eac3
Binary files /dev/null and b/src/assets/images/map_bi/content/icon1.png differ
diff --git a/src/assets/images/map_bi/content/icon10.png b/src/assets/images/map_bi/content/icon10.png
new file mode 100644
index 0000000..bcf3e57
Binary files /dev/null and b/src/assets/images/map_bi/content/icon10.png differ
diff --git a/src/assets/images/map_bi/content/icon11.png b/src/assets/images/map_bi/content/icon11.png
new file mode 100644
index 0000000..ed05656
Binary files /dev/null and b/src/assets/images/map_bi/content/icon11.png differ
diff --git a/src/assets/images/map_bi/content/icon12.png b/src/assets/images/map_bi/content/icon12.png
new file mode 100644
index 0000000..9ed9188
Binary files /dev/null and b/src/assets/images/map_bi/content/icon12.png differ
diff --git a/src/assets/images/map_bi/content/icon13.png b/src/assets/images/map_bi/content/icon13.png
new file mode 100644
index 0000000..bcf3e57
Binary files /dev/null and b/src/assets/images/map_bi/content/icon13.png differ
diff --git a/src/assets/images/map_bi/content/icon14.png b/src/assets/images/map_bi/content/icon14.png
new file mode 100644
index 0000000..ed05656
Binary files /dev/null and b/src/assets/images/map_bi/content/icon14.png differ
diff --git a/src/assets/images/map_bi/content/icon15.png b/src/assets/images/map_bi/content/icon15.png
new file mode 100644
index 0000000..9ed9188
Binary files /dev/null and b/src/assets/images/map_bi/content/icon15.png differ
diff --git a/src/assets/images/map_bi/content/icon16.png b/src/assets/images/map_bi/content/icon16.png
new file mode 100644
index 0000000..064f473
Binary files /dev/null and b/src/assets/images/map_bi/content/icon16.png differ
diff --git a/src/assets/images/map_bi/content/icon17.png b/src/assets/images/map_bi/content/icon17.png
new file mode 100644
index 0000000..a0df009
Binary files /dev/null and b/src/assets/images/map_bi/content/icon17.png differ
diff --git a/src/assets/images/map_bi/content/icon18.png b/src/assets/images/map_bi/content/icon18.png
new file mode 100644
index 0000000..f6bbe32
Binary files /dev/null and b/src/assets/images/map_bi/content/icon18.png differ
diff --git a/src/assets/images/map_bi/content/icon19.png b/src/assets/images/map_bi/content/icon19.png
new file mode 100644
index 0000000..c7bef67
Binary files /dev/null and b/src/assets/images/map_bi/content/icon19.png differ
diff --git a/src/assets/images/map_bi/content/icon2.png b/src/assets/images/map_bi/content/icon2.png
new file mode 100644
index 0000000..279091a
Binary files /dev/null and b/src/assets/images/map_bi/content/icon2.png differ
diff --git a/src/assets/images/map_bi/content/icon20.png b/src/assets/images/map_bi/content/icon20.png
new file mode 100644
index 0000000..432991b
Binary files /dev/null and b/src/assets/images/map_bi/content/icon20.png differ
diff --git a/src/assets/images/map_bi/content/icon21.png b/src/assets/images/map_bi/content/icon21.png
new file mode 100644
index 0000000..191835e
Binary files /dev/null and b/src/assets/images/map_bi/content/icon21.png differ
diff --git a/src/assets/images/map_bi/content/icon22.png b/src/assets/images/map_bi/content/icon22.png
new file mode 100644
index 0000000..9370a0e
Binary files /dev/null and b/src/assets/images/map_bi/content/icon22.png differ
diff --git a/src/assets/images/map_bi/content/icon23.png b/src/assets/images/map_bi/content/icon23.png
new file mode 100644
index 0000000..42475ba
Binary files /dev/null and b/src/assets/images/map_bi/content/icon23.png differ
diff --git a/src/assets/images/map_bi/content/icon24.png b/src/assets/images/map_bi/content/icon24.png
new file mode 100644
index 0000000..ffe9c41
Binary files /dev/null and b/src/assets/images/map_bi/content/icon24.png differ
diff --git a/src/assets/images/map_bi/content/icon25.png b/src/assets/images/map_bi/content/icon25.png
new file mode 100644
index 0000000..002bdf5
Binary files /dev/null and b/src/assets/images/map_bi/content/icon25.png differ
diff --git a/src/assets/images/map_bi/content/icon26.png b/src/assets/images/map_bi/content/icon26.png
new file mode 100644
index 0000000..7efeafc
Binary files /dev/null and b/src/assets/images/map_bi/content/icon26.png differ
diff --git a/src/assets/images/map_bi/content/icon27.png b/src/assets/images/map_bi/content/icon27.png
new file mode 100644
index 0000000..f6bbe32
Binary files /dev/null and b/src/assets/images/map_bi/content/icon27.png differ
diff --git a/src/assets/images/map_bi/content/icon28.png b/src/assets/images/map_bi/content/icon28.png
new file mode 100644
index 0000000..c7bef67
Binary files /dev/null and b/src/assets/images/map_bi/content/icon28.png differ
diff --git a/src/assets/images/map_bi/content/icon29.png b/src/assets/images/map_bi/content/icon29.png
new file mode 100644
index 0000000..432991b
Binary files /dev/null and b/src/assets/images/map_bi/content/icon29.png differ
diff --git a/src/assets/images/map_bi/content/icon3.png b/src/assets/images/map_bi/content/icon3.png
new file mode 100644
index 0000000..9d33371
Binary files /dev/null and b/src/assets/images/map_bi/content/icon3.png differ
diff --git a/src/assets/images/map_bi/content/icon4.png b/src/assets/images/map_bi/content/icon4.png
new file mode 100644
index 0000000..c5f03d5
Binary files /dev/null and b/src/assets/images/map_bi/content/icon4.png differ
diff --git a/src/assets/images/map_bi/content/icon5.png b/src/assets/images/map_bi/content/icon5.png
new file mode 100644
index 0000000..3603c09
Binary files /dev/null and b/src/assets/images/map_bi/content/icon5.png differ
diff --git a/src/assets/images/map_bi/content/icon6.png b/src/assets/images/map_bi/content/icon6.png
new file mode 100644
index 0000000..1715d40
Binary files /dev/null and b/src/assets/images/map_bi/content/icon6.png differ
diff --git a/src/assets/images/map_bi/content/icon7.png b/src/assets/images/map_bi/content/icon7.png
new file mode 100644
index 0000000..5b0d1fb
Binary files /dev/null and b/src/assets/images/map_bi/content/icon7.png differ
diff --git a/src/assets/images/map_bi/content/icon8.png b/src/assets/images/map_bi/content/icon8.png
new file mode 100644
index 0000000..167f075
Binary files /dev/null and b/src/assets/images/map_bi/content/icon8.png differ
diff --git a/src/assets/images/map_bi/content/icon9.png b/src/assets/images/map_bi/content/icon9.png
new file mode 100644
index 0000000..90010ec
Binary files /dev/null and b/src/assets/images/map_bi/content/icon9.png differ
diff --git a/src/assets/images/map_bi/content/img1.png b/src/assets/images/map_bi/content/img1.png
new file mode 100644
index 0000000..388082f
Binary files /dev/null and b/src/assets/images/map_bi/content/img1.png differ
diff --git a/src/assets/images/map_bi/content/img1_on.png b/src/assets/images/map_bi/content/img1_on.png
new file mode 100644
index 0000000..532ca4c
Binary files /dev/null and b/src/assets/images/map_bi/content/img1_on.png differ
diff --git a/src/assets/images/map_bi/content/img1ico1.png b/src/assets/images/map_bi/content/img1ico1.png
new file mode 100644
index 0000000..c5f03d5
Binary files /dev/null and b/src/assets/images/map_bi/content/img1ico1.png differ
diff --git a/src/assets/images/map_bi/content/img1ico2.png b/src/assets/images/map_bi/content/img1ico2.png
new file mode 100644
index 0000000..18ff9f8
Binary files /dev/null and b/src/assets/images/map_bi/content/img1ico2.png differ
diff --git a/src/assets/images/map_bi/content/img1ico3.png b/src/assets/images/map_bi/content/img1ico3.png
new file mode 100644
index 0000000..ec91bf0
Binary files /dev/null and b/src/assets/images/map_bi/content/img1ico3.png differ
diff --git a/src/assets/images/map_bi/content/img1ico4.png b/src/assets/images/map_bi/content/img1ico4.png
new file mode 100644
index 0000000..1ca5702
Binary files /dev/null and b/src/assets/images/map_bi/content/img1ico4.png differ
diff --git a/src/assets/images/map_bi/content/img1ico5.png b/src/assets/images/map_bi/content/img1ico5.png
new file mode 100644
index 0000000..ccffe80
Binary files /dev/null and b/src/assets/images/map_bi/content/img1ico5.png differ
diff --git a/src/assets/images/map_bi/content/img1ico6.png b/src/assets/images/map_bi/content/img1ico6.png
new file mode 100644
index 0000000..ccffe80
Binary files /dev/null and b/src/assets/images/map_bi/content/img1ico6.png differ
diff --git a/src/assets/images/map_bi/content/img2.png b/src/assets/images/map_bi/content/img2.png
new file mode 100644
index 0000000..1912ea8
Binary files /dev/null and b/src/assets/images/map_bi/content/img2.png differ
diff --git a/src/assets/images/map_bi/content/img2_1.png b/src/assets/images/map_bi/content/img2_1.png
new file mode 100644
index 0000000..3cf2b24
Binary files /dev/null and b/src/assets/images/map_bi/content/img2_1.png differ
diff --git a/src/assets/images/map_bi/content/img2_2.png b/src/assets/images/map_bi/content/img2_2.png
new file mode 100644
index 0000000..c8e0a3a
Binary files /dev/null and b/src/assets/images/map_bi/content/img2_2.png differ
diff --git a/src/assets/images/map_bi/content/img2_on.png b/src/assets/images/map_bi/content/img2_on.png
new file mode 100644
index 0000000..c22ef80
Binary files /dev/null and b/src/assets/images/map_bi/content/img2_on.png differ
diff --git a/src/assets/images/map_bi/content/img2ico1.png b/src/assets/images/map_bi/content/img2ico1.png
new file mode 100644
index 0000000..b3b5bfa
Binary files /dev/null and b/src/assets/images/map_bi/content/img2ico1.png differ
diff --git a/src/assets/images/map_bi/content/img2ico2.png b/src/assets/images/map_bi/content/img2ico2.png
new file mode 100644
index 0000000..296bc43
Binary files /dev/null and b/src/assets/images/map_bi/content/img2ico2.png differ
diff --git a/src/assets/images/map_bi/content/img2ico3.png b/src/assets/images/map_bi/content/img2ico3.png
new file mode 100644
index 0000000..e7c0089
Binary files /dev/null and b/src/assets/images/map_bi/content/img2ico3.png differ
diff --git a/src/assets/images/map_bi/content/img2ico4.png b/src/assets/images/map_bi/content/img2ico4.png
new file mode 100644
index 0000000..3a0176e
Binary files /dev/null and b/src/assets/images/map_bi/content/img2ico4.png differ
diff --git a/src/assets/images/map_bi/content/img2icon1.png b/src/assets/images/map_bi/content/img2icon1.png
new file mode 100644
index 0000000..0aadb1f
Binary files /dev/null and b/src/assets/images/map_bi/content/img2icon1.png differ
diff --git a/src/assets/images/map_bi/content/img2icon2.png b/src/assets/images/map_bi/content/img2icon2.png
new file mode 100644
index 0000000..2e7aaaf
Binary files /dev/null and b/src/assets/images/map_bi/content/img2icon2.png differ
diff --git a/src/assets/images/map_bi/content/img3.png b/src/assets/images/map_bi/content/img3.png
new file mode 100644
index 0000000..532ca4c
Binary files /dev/null and b/src/assets/images/map_bi/content/img3.png differ
diff --git a/src/assets/images/map_bi/content/img3_on.png b/src/assets/images/map_bi/content/img3_on.png
new file mode 100644
index 0000000..0bfbb0e
Binary files /dev/null and b/src/assets/images/map_bi/content/img3_on.png differ
diff --git a/src/assets/images/map_bi/content/img4.png b/src/assets/images/map_bi/content/img4.png
new file mode 100644
index 0000000..c22ef80
Binary files /dev/null and b/src/assets/images/map_bi/content/img4.png differ
diff --git a/src/assets/images/map_bi/content/img5.png b/src/assets/images/map_bi/content/img5.png
new file mode 100644
index 0000000..0bfbb0e
Binary files /dev/null and b/src/assets/images/map_bi/content/img5.png differ
diff --git a/src/assets/images/map_bi/content/img6.png b/src/assets/images/map_bi/content/img6.png
new file mode 100644
index 0000000..f2cb191
Binary files /dev/null and b/src/assets/images/map_bi/content/img6.png differ
diff --git a/src/assets/images/map_bi/content/img7.png b/src/assets/images/map_bi/content/img7.png
new file mode 100644
index 0000000..22091c1
Binary files /dev/null and b/src/assets/images/map_bi/content/img7.png differ
diff --git a/src/assets/images/map_bi/content/img8.png b/src/assets/images/map_bi/content/img8.png
new file mode 100644
index 0000000..8332cb8
Binary files /dev/null and b/src/assets/images/map_bi/content/img8.png differ
diff --git a/src/assets/images/map_bi/content/img9.png b/src/assets/images/map_bi/content/img9.png
new file mode 100644
index 0000000..f89febf
Binary files /dev/null and b/src/assets/images/map_bi/content/img9.png differ
diff --git a/src/assets/images/map_bi/content/label.png b/src/assets/images/map_bi/content/label.png
new file mode 100644
index 0000000..e427abb
Binary files /dev/null and b/src/assets/images/map_bi/content/label.png differ
diff --git a/src/assets/images/map_bi/content/oval.png b/src/assets/images/map_bi/content/oval.png
new file mode 100644
index 0000000..388082f
Binary files /dev/null and b/src/assets/images/map_bi/content/oval.png differ
diff --git a/src/assets/images/map_bi/content/qixiang_icon1.png b/src/assets/images/map_bi/content/qixiang_icon1.png
new file mode 100644
index 0000000..644fa7a
Binary files /dev/null and b/src/assets/images/map_bi/content/qixiang_icon1.png differ
diff --git a/src/assets/images/map_bi/content/qixiang_icon2.png b/src/assets/images/map_bi/content/qixiang_icon2.png
new file mode 100644
index 0000000..62de7cf
Binary files /dev/null and b/src/assets/images/map_bi/content/qixiang_icon2.png differ
diff --git a/src/assets/images/map_bi/content/qixiang_icon3.png b/src/assets/images/map_bi/content/qixiang_icon3.png
new file mode 100644
index 0000000..a696a95
Binary files /dev/null and b/src/assets/images/map_bi/content/qixiang_icon3.png differ
diff --git a/src/assets/images/map_bi/content/qixiang_icon4.png b/src/assets/images/map_bi/content/qixiang_icon4.png
new file mode 100644
index 0000000..8208307
Binary files /dev/null and b/src/assets/images/map_bi/content/qixiang_icon4.png differ
diff --git a/src/assets/images/map_bi/content/qixiang_img1.png b/src/assets/images/map_bi/content/qixiang_img1.png
new file mode 100644
index 0000000..916d405
Binary files /dev/null and b/src/assets/images/map_bi/content/qixiang_img1.png differ
diff --git a/src/assets/images/map_bi/content/qixiang_imgbg.png b/src/assets/images/map_bi/content/qixiang_imgbg.png
new file mode 100644
index 0000000..d37afee
Binary files /dev/null and b/src/assets/images/map_bi/content/qixiang_imgbg.png differ
diff --git a/src/assets/images/map_bi/content/qixiang_label.png b/src/assets/images/map_bi/content/qixiang_label.png
new file mode 100644
index 0000000..119aa30
Binary files /dev/null and b/src/assets/images/map_bi/content/qixiang_label.png differ
diff --git a/src/assets/images/map_bi/content/renyuan.vue b/src/assets/images/map_bi/content/renyuan.vue
new file mode 100644
index 0000000..c63ba5c
--- /dev/null
+++ b/src/assets/images/map_bi/content/renyuan.vue
@@ -0,0 +1,547 @@
+<template>
+  <div class="renyuan">
+    <div class="block1">
+      <layout-title title="定位基础信息" />
+      <div class="options">
+        <div
+          v-for="(item, index) in block1OptionsList"
+          :key="index"
+          class="option"
+        >
+          <div class="imger">
+            <img :src="item.img" alt="" />
+          </div>
+          <div class="info">
+            <div class="label">{{ item.title }}</div>
+            <div class="text">{{ item.count }}</div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div v-if="false" class="block2">
+      <layout-title title="定位状态数据" />
+      <div class="options">
+        <div class="bg" />
+        <div
+          v-for="(item, index) in block2OptionsList"
+          :key="index"
+          class="option"
+        >
+          <div class="label">{{ item.title }}：</div>
+          <div class="info">
+            <!--            <span class="count"><count-to :start-val="0" :end-val="item.count" :duration="3600"/></span>-->
+            <span class="count">{{ item.count }}</span>
+            <span class="company">条</span>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div v-if="false" class="block3">
+      <layout-title title="定位标签状态" />
+      <div class="content">
+        <div class="options">
+          <div
+            v-for="(item, index) in block3OptionsList"
+            :key="index"
+            :class="['title', { active: index === block3OptionsIndex }]"
+            @click="block3OptionsClick(index)"
+          >
+            {{ item }}
+          </div>
+        </div>
+        <div class="table">
+          <div class="tr">
+            <div class="td">区域名称</div>
+            <div class="td">在线标签</div>
+            <div class="td">异地告警</div>
+          </div>
+          <div v-for="(item, index) in block3List" :key="index" class="tr">
+            <div class="td">{{ item.name }}</div>
+            <div class="td">{{ item.count }}</div>
+            <div class="td">{{ item.facount }}</div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      v-if="corpInfoId === '035958e685cf4850bc40151c5e0617a6'"
+      class="block4"
+    >
+      <layout-title title="报警列表" />
+      <div class="content">
+        <div class="table">
+          <div class="tr">
+            <div class="td">区域名称</div>
+            <div class="td">报警设备编号</div>
+            <div class="td">状态告警</div>
+          </div>
+          <div v-for="(item, index) in block4List" :key="index" class="tr">
+            <div class="td">{{ item.alarmName }}</div>
+            <div class="td">{{ item.equipmentName }}</div>
+            <div class="td">{{ item.statusName }}</div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      v-if="corpInfoId !== '035958e685cf4850bc40151c5e0617a6'"
+      class="block4"
+    >
+      <layout-title title="报警列表" />
+      <div class="content">
+        <div class="table">
+          <div class="tr">
+            <div class="td">报警类型</div>
+            <div class="td">报警时间</div>
+            <div class="td">触发人</div>
+            <div class="td">报警地点</div>
+          </div>
+          <div v-for="(item, index) in block4List" :key="index" class="tr">
+            <div class="td">{{ item.alarmName }}</div>
+            <div class="td">{{ item.alarmTime }}</div>
+            <div class="td">{{ item.foulUserName }}</div>
+            <div class="td">{{ item.place }}</div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import layoutTitle from "./title.vue";
+import CountTo from "vue-count-to";
+import { requestFN } from "../../../utils/request";
+
+export default {
+  components: {
+    // eslint-disable-next-line vue/no-unused-components
+    CountTo,
+    layoutTitle,
+  },
+  props: {
+    corpInfoId: {
+      type: String,
+      default: "",
+    },
+  },
+  data() {
+    return {
+      block1OptionsList: [
+        {
+          title: "在线员工",
+          img: require("../../../assets/map/renyuan/img1ico1.png"),
+          count: "-",
+        },
+        {
+          title: "在线车辆",
+          img: require("../../../assets/map/renyuan/img1ico2.png"),
+          count: "-",
+        },
+        {
+          title: "内部人员",
+          img: require("../../../assets/map/renyuan/img1ico3.png"),
+          count: "-",
+        },
+        {
+          title: "外协人员",
+          img: require("../../../assets/map/renyuan/img1ico4.png"),
+          count: "-",
+        },
+        {
+          title: "临时人员",
+          img: require("../../../assets/map/renyuan/img1ico5.png"),
+          count: "-",
+        },
+      ],
+      block2OptionsList: [
+        {
+          title: "临时人员",
+          count: "-",
+        },
+        {
+          title: "超员警告",
+          count: "-",
+        },
+        {
+          title: "SOS求救",
+          count: "-",
+        },
+        {
+          title: "离岗告警",
+          count: "-",
+        },
+        {
+          title: "禁止超时",
+          count: "-",
+        },
+        {
+          title: "车辆超速",
+          count: "-",
+        },
+      ],
+      block3OptionsList: ["风险区域统计", "组织机构统计"],
+      block3OptionsIndex: 0,
+      block3List: [
+        {
+          name: "-",
+          count: "-",
+          facount: "-",
+        },
+      ],
+      block4List: [],
+      message: {
+        onlineDeviceNum: "",
+        UwbBQ: "",
+        UwbJiZhan: "",
+        tklyr: "",
+      },
+    };
+  },
+  created() {
+    this.getData();
+  },
+  methods: {
+    block3OptionsClick(index) {
+      this.block3OptionsIndex = index;
+    },
+    getData() {
+      requestFN("/map/getAllDwMessage", { corpId: this.corpInfoId })
+        .then((data) => {
+          // 一公司人员定位系统（我知道这里写的拉但是没办法，一天要把功能改完，后续有缘人在重构吧）
+          if (this.corpInfoId === "035958e685cf4850bc40151c5e0617a6") {
+            this.block1OptionsList = [
+              {
+                title: "在线设备数",
+                img: require("../../../assets/map/renyuan/ico1.png"),
+                count: data.orthermessage.onlineDeviceNum,
+              },
+              {
+                title: "在线人员",
+                img: require("../../../assets/map/renyuan/img1ico1.png"),
+                count: data.orthermessage.infoList.UwbBQ.num,
+              },
+              {
+                title: "在线基站数",
+                img: require("../../../assets/map/renyuan/ico3.png"),
+                count: data.orthermessage.infoList.UwbJiZhan.num,
+              },
+              {
+                title: "在线摄像头数",
+                img: require("../../../assets/map/renyuan/ico4.png"),
+                count: data.orthermessage.infoList.HKcamera
+                  ? data.orthermessage.infoList.HKcamera.num
+                  : 0,
+              },
+              {
+                title: "在线报警设备数",
+                img: require("../../../assets/map/renyuan/ico5.png"),
+                count: data.orthermessage.infoList.tklyr
+                  ? data.orthermessage.infoList.tklyr.num
+                  : 0,
+              },
+            ];
+            this.block4List = data.alarmList.list;
+          }
+          if (this.corpInfoId !== "035958e685cf4850bc40151c5e0617a6") {
+            this.block1OptionsList = [
+              {
+                title: "总设备数",
+                img: require("../../../assets/map/renyuan/img1ico1.png"),
+                count: data.orthermessage.onlineDeviceNum,
+              },
+              {
+                title: "在线人员数",
+                img: require("../../../assets/map/renyuan/img1ico1.png"),
+                count: data.orthermessage.lockNum,
+              },
+              {
+                title: "离线人数",
+                img: require("../../../assets/map/renyuan/img1ico1.png"),
+                count: data.orthermessage.unLockNum,
+              },
+            ];
+            this.block4List = data.orthermessage.alarmList;
+          }
+        })
+        .catch((e) => {
+          this.$message.error(e);
+        });
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.renyuan {
+  .title {
+    background-image: url("../../../assets/map/menjin/title_on.png");
+    background-size: 100% 100%;
+    background-repeat: no-repeat;
+    width: 113px;
+    height: 26px;
+    font-size: 14px;
+    line-height: 26px;
+    text-align: center;
+    color: #fff;
+
+    &.active {
+      background-image: url("../../../assets/map/menjin/title.png");
+    }
+  }
+
+  .block1 {
+    width: 410px;
+    background-image: linear-gradient(
+      to bottom,
+      rgba(0, 0, 0, 0),
+      rgba(0, 0, 0, 0.8)
+    );
+
+    .options {
+      padding: 10px 15px;
+      border: 1px solid;
+      border-image: linear-gradient(
+          to bottom,
+          rgba(58, 122, 149, 0),
+          rgba(58, 122, 149, 1)
+        )
+        1;
+      border-top: none;
+      display: flex;
+      flex-wrap: wrap;
+
+      .option {
+        display: flex;
+        width: 50%;
+        align-items: center;
+        margin-top: 10px;
+
+        &:nth-child(-n + 2) {
+          margin-top: 0;
+        }
+
+        .imger {
+          width: 50px;
+          height: 50px;
+          background-image: url("../../../assets/map/menjin/img1.png");
+          background-size: 100% 100%;
+          background-repeat: no-repeat;
+          text-align: center;
+          margin-left: 20px;
+
+          img {
+            width: 30px;
+            height: 30px;
+            animation: scale 2s infinite;
+            margin-top: 10px;
+          }
+        }
+
+        .info {
+          color: #ffffff;
+          margin-left: 10px;
+
+          .label {
+            font-size: 12px;
+            height: 25px;
+            line-height: 25px;
+          }
+
+          .text {
+            font-size: 24px;
+            background: linear-gradient(to top, #48bbf0, #ffffff);
+            -webkit-background-clip: text;
+            -webkit-text-fill-color: transparent;
+            font-weight: bold;
+            font-family: "PingFang SC", "Helvetica Neue", "Hiragino Sans GB",
+              "Segoe UI", "Microsoft YaHei", "微软雅黑", sans-serif;
+            margin-top: -5px;
+          }
+        }
+      }
+    }
+  }
+
+  .block2 {
+    width: 410px;
+    background-image: linear-gradient(
+      to bottom,
+      rgba(0, 0, 0, 0),
+      rgba(0, 0, 0, 0.8)
+    );
+    margin-top: 10px;
+
+    .options {
+      padding: 10px 15px;
+      border: 1px solid;
+      border-image: linear-gradient(
+          to bottom,
+          rgba(58, 122, 149, 0),
+          rgba(58, 122, 149, 1)
+        )
+        1;
+      border-top: none;
+      display: flex;
+      flex-wrap: wrap;
+      justify-content: space-between;
+      align-items: center;
+      position: relative;
+      height: 244px;
+
+      .bg {
+        background-image: url("../../../assets/map/renyuan/img2.png");
+        background-size: 100% 100%;
+        background-repeat: no-repeat;
+        width: 287px;
+        height: 244px;
+        position: absolute;
+        left: 50%;
+        top: 50%;
+        transform: translate(-50%, -50%);
+      }
+
+      .option {
+        flex-basis: 35%;
+        text-align: center;
+
+        .label {
+          font-size: 14px;
+          color: #fff;
+        }
+
+        .info {
+          .count {
+            font-size: 24px;
+            background: linear-gradient(to top, #48bbf0, #ffffff);
+            -webkit-background-clip: text;
+            -webkit-text-fill-color: transparent;
+            font-weight: bold;
+            font-family: "PingFang SC", "Helvetica Neue", "Hiragino Sans GB",
+              "Segoe UI", "Microsoft YaHei", "微软雅黑", sans-serif;
+          }
+
+          .company {
+            font-size: 14px;
+            color: #fff;
+          }
+        }
+      }
+    }
+  }
+
+  .block3 {
+    margin-top: 10px;
+    width: 410px;
+    background-image: linear-gradient(
+      to bottom,
+      rgba(0, 0, 0, 0),
+      rgba(0, 0, 0, 0.8)
+    );
+
+    .content {
+      border: 1px solid;
+      border-image: linear-gradient(
+          to bottom,
+          rgba(58, 122, 149, 0),
+          rgba(58, 122, 149, 1)
+        )
+        1;
+      border-top: none;
+      padding: 10px;
+
+      .options {
+        display: flex;
+        justify-content: flex-end;
+
+        .title {
+          cursor: pointer;
+        }
+      }
+
+      .table {
+        margin-top: 5px;
+
+        .tr {
+          display: flex;
+
+          &:nth-child(odd) {
+            background-color: rgba(42, 86, 158, 0.53);
+          }
+
+          .td {
+            flex: 1;
+            text-align: center;
+            font-size: 12px;
+            color: #fff;
+            padding: 5px;
+          }
+        }
+      }
+    }
+  }
+
+  .block4 {
+    margin-top: 10px;
+    width: 410px;
+    background-image: linear-gradient(
+      to bottom,
+      rgba(0, 0, 0, 0),
+      rgba(0, 0, 0, 0.8)
+    );
+
+    .content {
+      border: 1px solid;
+      border-image: linear-gradient(
+          to bottom,
+          rgba(58, 122, 149, 0),
+          rgba(58, 122, 149, 1)
+        )
+        1;
+      border-top: none;
+      padding: 10px;
+
+      .options {
+        display: flex;
+        justify-content: flex-end;
+
+        .title {
+          cursor: pointer;
+        }
+      }
+
+      .table {
+        margin-top: 5px;
+
+        .tr {
+          display: flex;
+
+          &:nth-child(odd) {
+            background-color: rgba(42, 86, 158, 0.53);
+          }
+
+          .td {
+            flex: 1;
+            text-align: center;
+            font-size: 12px;
+            color: #fff;
+            padding: 5px;
+          }
+        }
+      }
+    }
+  }
+}
+
+@keyframes scale {
+  0% {
+    transform: scale(0.9);
+  }
+  50% {
+    transform: scale(0.8);
+  }
+  100% {
+    transform: scale(0.9);
+  }
+}
+</style>
diff --git a/src/assets/images/map_bi/content/titbg.png b/src/assets/images/map_bi/content/titbg.png
new file mode 100644
index 0000000..ecddd40
Binary files /dev/null and b/src/assets/images/map_bi/content/titbg.png differ
diff --git a/src/assets/images/map_bi/content/title.png b/src/assets/images/map_bi/content/title.png
new file mode 100644
index 0000000..2385125
Binary files /dev/null and b/src/assets/images/map_bi/content/title.png differ
diff --git a/src/assets/images/map_bi/content/title_bg.png b/src/assets/images/map_bi/content/title_bg.png
new file mode 100644
index 0000000..c609a5d
Binary files /dev/null and b/src/assets/images/map_bi/content/title_bg.png differ
diff --git a/src/assets/images/map_bi/content/title_ico.png b/src/assets/images/map_bi/content/title_ico.png
new file mode 100644
index 0000000..df44693
Binary files /dev/null and b/src/assets/images/map_bi/content/title_ico.png differ
diff --git a/src/assets/images/map_bi/content/title_on.png b/src/assets/images/map_bi/content/title_on.png
new file mode 100644
index 0000000..8398ba6
Binary files /dev/null and b/src/assets/images/map_bi/content/title_on.png differ
diff --git a/src/assets/images/map_bi/content/videoimg1.png b/src/assets/images/map_bi/content/videoimg1.png
new file mode 100644
index 0000000..1e48a21
Binary files /dev/null and b/src/assets/images/map_bi/content/videoimg1.png differ
diff --git a/src/assets/images/map_bi/guang.png b/src/assets/images/map_bi/guang.png
new file mode 100644
index 0000000..768dad8
Binary files /dev/null and b/src/assets/images/map_bi/guang.png differ
diff --git a/src/assets/images/map_bi/point/dianwei.png b/src/assets/images/map_bi/point/dianwei.png
new file mode 100644
index 0000000..d5135a1
Binary files /dev/null and b/src/assets/images/map_bi/point/dianwei.png differ
diff --git a/src/assets/images/map_bi/point/gongsidianwei.png b/src/assets/images/map_bi/point/gongsidianwei.png
new file mode 100644
index 0000000..bef3daf
Binary files /dev/null and b/src/assets/images/map_bi/point/gongsidianwei.png differ
diff --git a/src/assets/images/map_bi/point/ico1.png b/src/assets/images/map_bi/point/ico1.png
new file mode 100644
index 0000000..dd29ca0
Binary files /dev/null and b/src/assets/images/map_bi/point/ico1.png differ
diff --git a/src/assets/images/map_bi/point/ico10.png b/src/assets/images/map_bi/point/ico10.png
new file mode 100644
index 0000000..dd7d1c7
Binary files /dev/null and b/src/assets/images/map_bi/point/ico10.png differ
diff --git a/src/assets/images/map_bi/point/ico11.png b/src/assets/images/map_bi/point/ico11.png
new file mode 100644
index 0000000..deb6d02
Binary files /dev/null and b/src/assets/images/map_bi/point/ico11.png differ
diff --git a/src/assets/images/map_bi/point/ico12.png b/src/assets/images/map_bi/point/ico12.png
new file mode 100644
index 0000000..5bf908f
Binary files /dev/null and b/src/assets/images/map_bi/point/ico12.png differ
diff --git a/src/assets/images/map_bi/point/ico13.png b/src/assets/images/map_bi/point/ico13.png
new file mode 100644
index 0000000..317355e
Binary files /dev/null and b/src/assets/images/map_bi/point/ico13.png differ
diff --git a/src/assets/images/map_bi/point/ico14.png b/src/assets/images/map_bi/point/ico14.png
new file mode 100644
index 0000000..03ca82d
Binary files /dev/null and b/src/assets/images/map_bi/point/ico14.png differ
diff --git a/src/assets/images/map_bi/point/ico15.png b/src/assets/images/map_bi/point/ico15.png
new file mode 100644
index 0000000..002bdf5
Binary files /dev/null and b/src/assets/images/map_bi/point/ico15.png differ
diff --git a/src/assets/images/map_bi/point/ico16.png b/src/assets/images/map_bi/point/ico16.png
new file mode 100644
index 0000000..b96a41a
Binary files /dev/null and b/src/assets/images/map_bi/point/ico16.png differ
diff --git a/src/assets/images/map_bi/point/ico17.png b/src/assets/images/map_bi/point/ico17.png
new file mode 100644
index 0000000..4fe3e0e
Binary files /dev/null and b/src/assets/images/map_bi/point/ico17.png differ
diff --git a/src/assets/images/map_bi/point/ico19.png b/src/assets/images/map_bi/point/ico19.png
new file mode 100644
index 0000000..905a807
Binary files /dev/null and b/src/assets/images/map_bi/point/ico19.png differ
diff --git a/src/assets/images/map_bi/point/ico2.png b/src/assets/images/map_bi/point/ico2.png
new file mode 100644
index 0000000..b019362
Binary files /dev/null and b/src/assets/images/map_bi/point/ico2.png differ
diff --git a/src/assets/images/map_bi/point/ico22.png b/src/assets/images/map_bi/point/ico22.png
new file mode 100644
index 0000000..0789655
Binary files /dev/null and b/src/assets/images/map_bi/point/ico22.png differ
diff --git a/src/assets/images/map_bi/point/ico23.png b/src/assets/images/map_bi/point/ico23.png
new file mode 100644
index 0000000..cab7875
Binary files /dev/null and b/src/assets/images/map_bi/point/ico23.png differ
diff --git a/src/assets/images/map_bi/point/ico24.png b/src/assets/images/map_bi/point/ico24.png
new file mode 100644
index 0000000..34bfcd8
Binary files /dev/null and b/src/assets/images/map_bi/point/ico24.png differ
diff --git a/src/assets/images/map_bi/point/ico3.png b/src/assets/images/map_bi/point/ico3.png
new file mode 100644
index 0000000..abc44b3
Binary files /dev/null and b/src/assets/images/map_bi/point/ico3.png differ
diff --git a/src/assets/images/map_bi/point/ico30.png b/src/assets/images/map_bi/point/ico30.png
new file mode 100644
index 0000000..7efeafc
Binary files /dev/null and b/src/assets/images/map_bi/point/ico30.png differ
diff --git a/src/assets/images/map_bi/point/ico31.png b/src/assets/images/map_bi/point/ico31.png
new file mode 100644
index 0000000..ca6bed6
Binary files /dev/null and b/src/assets/images/map_bi/point/ico31.png differ
diff --git a/src/assets/images/map_bi/point/ico32.png b/src/assets/images/map_bi/point/ico32.png
new file mode 100644
index 0000000..9180f7a
Binary files /dev/null and b/src/assets/images/map_bi/point/ico32.png differ
diff --git a/src/assets/images/map_bi/point/ico33.png b/src/assets/images/map_bi/point/ico33.png
new file mode 100644
index 0000000..c758558
Binary files /dev/null and b/src/assets/images/map_bi/point/ico33.png differ
diff --git a/src/assets/images/map_bi/point/ico4.png b/src/assets/images/map_bi/point/ico4.png
new file mode 100644
index 0000000..7bc248b
Binary files /dev/null and b/src/assets/images/map_bi/point/ico4.png differ
diff --git a/src/assets/images/map_bi/point/ico5.png b/src/assets/images/map_bi/point/ico5.png
new file mode 100644
index 0000000..027f400
Binary files /dev/null and b/src/assets/images/map_bi/point/ico5.png differ
diff --git a/src/assets/images/map_bi/point/ico6.png b/src/assets/images/map_bi/point/ico6.png
new file mode 100644
index 0000000..3db9eec
Binary files /dev/null and b/src/assets/images/map_bi/point/ico6.png differ
diff --git a/src/assets/images/map_bi/point/ico7.png b/src/assets/images/map_bi/point/ico7.png
new file mode 100644
index 0000000..26be09d
Binary files /dev/null and b/src/assets/images/map_bi/point/ico7.png differ
diff --git a/src/assets/images/map_bi/point/ico8.png b/src/assets/images/map_bi/point/ico8.png
new file mode 100644
index 0000000..a96619f
Binary files /dev/null and b/src/assets/images/map_bi/point/ico8.png differ
diff --git a/src/assets/images/map_bi/point/ico9.png b/src/assets/images/map_bi/point/ico9.png
new file mode 100644
index 0000000..4fc1a37
Binary files /dev/null and b/src/assets/images/map_bi/point/ico9.png differ
diff --git a/src/assets/images/map_bi/point/ico_people_blue.png b/src/assets/images/map_bi/point/ico_people_blue.png
new file mode 100644
index 0000000..3dd97d5
Binary files /dev/null and b/src/assets/images/map_bi/point/ico_people_blue.png differ
diff --git a/src/assets/images/map_bi/point/ico_people_orange.png b/src/assets/images/map_bi/point/ico_people_orange.png
new file mode 100644
index 0000000..a2fa564
Binary files /dev/null and b/src/assets/images/map_bi/point/ico_people_orange.png differ
diff --git a/src/assets/images/map_bi/point/ico_people_red.png b/src/assets/images/map_bi/point/ico_people_red.png
new file mode 100644
index 0000000..afbb83c
Binary files /dev/null and b/src/assets/images/map_bi/point/ico_people_red.png differ
diff --git a/src/assets/images/map_bi/point/ico_people_yellow.png b/src/assets/images/map_bi/point/ico_people_yellow.png
new file mode 100644
index 0000000..d0592a3
Binary files /dev/null and b/src/assets/images/map_bi/point/ico_people_yellow.png differ
diff --git a/src/assets/images/map_bi/right_utils/back.png b/src/assets/images/map_bi/right_utils/back.png
new file mode 100644
index 0000000..ac98120
Binary files /dev/null and b/src/assets/images/map_bi/right_utils/back.png differ
diff --git a/src/assets/images/map_bi/right_utils/bianjie.png b/src/assets/images/map_bi/right_utils/bianjie.png
new file mode 100644
index 0000000..5d87f86
Binary files /dev/null and b/src/assets/images/map_bi/right_utils/bianjie.png differ
diff --git a/src/assets/images/map_bi/right_utils/bianjie_on.png b/src/assets/images/map_bi/right_utils/bianjie_on.png
new file mode 100644
index 0000000..c3420c6
Binary files /dev/null and b/src/assets/images/map_bi/right_utils/bianjie_on.png differ
diff --git a/src/assets/images/map_bi/right_utils/del.png b/src/assets/images/map_bi/right_utils/del.png
new file mode 100644
index 0000000..073ada9
Binary files /dev/null and b/src/assets/images/map_bi/right_utils/del.png differ
diff --git a/src/assets/images/map_bi/right_utils/full.png b/src/assets/images/map_bi/right_utils/full.png
new file mode 100644
index 0000000..eef5cf6
Binary files /dev/null and b/src/assets/images/map_bi/right_utils/full.png differ
diff --git a/src/assets/images/map_bi/right_utils/full_on.png b/src/assets/images/map_bi/right_utils/full_on.png
new file mode 100644
index 0000000..4a4124d
Binary files /dev/null and b/src/assets/images/map_bi/right_utils/full_on.png differ
diff --git a/src/assets/images/map_bi/right_utils/img2.png b/src/assets/images/map_bi/right_utils/img2.png
new file mode 100644
index 0000000..5149465
Binary files /dev/null and b/src/assets/images/map_bi/right_utils/img2.png differ
diff --git a/src/assets/images/map_bi/right_utils/img4.png b/src/assets/images/map_bi/right_utils/img4.png
new file mode 100644
index 0000000..0cbab45
Binary files /dev/null and b/src/assets/images/map_bi/right_utils/img4.png differ
diff --git a/src/assets/images/map_bi/right_utils/img4_on.png b/src/assets/images/map_bi/right_utils/img4_on.png
new file mode 100644
index 0000000..5639e50
Binary files /dev/null and b/src/assets/images/map_bi/right_utils/img4_on.png differ
diff --git a/src/assets/images/map_bi/right_utils/map.png b/src/assets/images/map_bi/right_utils/map.png
new file mode 100644
index 0000000..4cbdda4
Binary files /dev/null and b/src/assets/images/map_bi/right_utils/map.png differ
diff --git a/src/assets/images/map_bi/right_utils/map_on.png b/src/assets/images/map_bi/right_utils/map_on.png
new file mode 100644
index 0000000..47c2045
Binary files /dev/null and b/src/assets/images/map_bi/right_utils/map_on.png differ
diff --git a/src/assets/images/map_bi/right_utils/qixiang.png b/src/assets/images/map_bi/right_utils/qixiang.png
new file mode 100644
index 0000000..52c90df
Binary files /dev/null and b/src/assets/images/map_bi/right_utils/qixiang.png differ
diff --git a/src/assets/images/map_bi/right_utils/sisetu.png b/src/assets/images/map_bi/right_utils/sisetu.png
new file mode 100644
index 0000000..bfd3278
Binary files /dev/null and b/src/assets/images/map_bi/right_utils/sisetu.png differ
diff --git a/src/assets/images/map_bi/right_utils/sisetu_on.png b/src/assets/images/map_bi/right_utils/sisetu_on.png
new file mode 100644
index 0000000..94c3e42
Binary files /dev/null and b/src/assets/images/map_bi/right_utils/sisetu_on.png differ
diff --git a/src/assets/images/map_bi/right_utils/tooltip.png b/src/assets/images/map_bi/right_utils/tooltip.png
new file mode 100644
index 0000000..2a8528c
Binary files /dev/null and b/src/assets/images/map_bi/right_utils/tooltip.png differ
diff --git a/src/assets/images/map_bi/tanks.png b/src/assets/images/map_bi/tanks.png
new file mode 100644
index 0000000..06472ba
Binary files /dev/null and b/src/assets/images/map_bi/tanks.png differ
diff --git a/src/assets/images/map_bi/top.png b/src/assets/images/map_bi/top.png
new file mode 100644
index 0000000..ffcd2eb
Binary files /dev/null and b/src/assets/images/map_bi/top.png differ
diff --git a/src/assets/images/map_bi/wall_img.png b/src/assets/images/map_bi/wall_img.png
new file mode 100644
index 0000000..60f1111
Binary files /dev/null and b/src/assets/images/map_bi/wall_img.png differ
diff --git a/src/assets/images/public/bigScreen/backgroundimg.jpg b/src/assets/images/public/bigScreen/backgroundimg.jpg
new file mode 100644
index 0000000..51427b0
Binary files /dev/null and b/src/assets/images/public/bigScreen/backgroundimg.jpg differ
diff --git a/src/assets/images/public/bigScreen/bg1.png b/src/assets/images/public/bigScreen/bg1.png
new file mode 100644
index 0000000..9dd6684
Binary files /dev/null and b/src/assets/images/public/bigScreen/bg1.png differ
diff --git a/src/assets/images/public/bigScreen/bg2.png b/src/assets/images/public/bigScreen/bg2.png
new file mode 100644
index 0000000..dd4617b
Binary files /dev/null and b/src/assets/images/public/bigScreen/bg2.png differ
diff --git a/src/assets/images/public/bigScreen/bg3.png b/src/assets/images/public/bigScreen/bg3.png
new file mode 100644
index 0000000..acbae77
Binary files /dev/null and b/src/assets/images/public/bigScreen/bg3.png differ
diff --git a/src/assets/images/public/bigScreen/bg4.png b/src/assets/images/public/bigScreen/bg4.png
new file mode 100644
index 0000000..00092e7
Binary files /dev/null and b/src/assets/images/public/bigScreen/bg4.png differ
diff --git a/src/assets/images/public/bigScreen/bg7.png b/src/assets/images/public/bigScreen/bg7.png
new file mode 100644
index 0000000..5e80c0e
Binary files /dev/null and b/src/assets/images/public/bigScreen/bg7.png differ
diff --git a/src/assets/images/public/bigScreen/close.png b/src/assets/images/public/bigScreen/close.png
new file mode 100644
index 0000000..d64f369
Binary files /dev/null and b/src/assets/images/public/bigScreen/close.png differ
diff --git a/src/assets/images/public/bigScreen/guang.png b/src/assets/images/public/bigScreen/guang.png
new file mode 100644
index 0000000..5f927b7
Binary files /dev/null and b/src/assets/images/public/bigScreen/guang.png differ
diff --git a/src/assets/images/public/bigScreen/ico1.png b/src/assets/images/public/bigScreen/ico1.png
new file mode 100644
index 0000000..069f8fb
Binary files /dev/null and b/src/assets/images/public/bigScreen/ico1.png differ
diff --git a/src/assets/images/public/bigScreen/ico2.png b/src/assets/images/public/bigScreen/ico2.png
new file mode 100644
index 0000000..d869cc4
Binary files /dev/null and b/src/assets/images/public/bigScreen/ico2.png differ
diff --git a/src/assets/images/public/bigScreen/icobg1.png b/src/assets/images/public/bigScreen/icobg1.png
new file mode 100644
index 0000000..137aaa3
Binary files /dev/null and b/src/assets/images/public/bigScreen/icobg1.png differ
diff --git a/src/assets/images/public/bigScreen/icobg2.png b/src/assets/images/public/bigScreen/icobg2.png
new file mode 100644
index 0000000..08178db
Binary files /dev/null and b/src/assets/images/public/bigScreen/icobg2.png differ
diff --git a/src/assets/images/public/bigScreen/img1.png b/src/assets/images/public/bigScreen/img1.png
new file mode 100644
index 0000000..064a19a
Binary files /dev/null and b/src/assets/images/public/bigScreen/img1.png differ
diff --git a/src/assets/images/public/bigScreen/img10.png b/src/assets/images/public/bigScreen/img10.png
new file mode 100644
index 0000000..e296380
Binary files /dev/null and b/src/assets/images/public/bigScreen/img10.png differ
diff --git a/src/assets/images/public/bigScreen/img11.png b/src/assets/images/public/bigScreen/img11.png
new file mode 100644
index 0000000..f88b0dd
Binary files /dev/null and b/src/assets/images/public/bigScreen/img11.png differ
diff --git a/src/assets/images/public/bigScreen/img12.png b/src/assets/images/public/bigScreen/img12.png
new file mode 100644
index 0000000..2fc5155
Binary files /dev/null and b/src/assets/images/public/bigScreen/img12.png differ
diff --git a/src/assets/images/public/bigScreen/img13.png b/src/assets/images/public/bigScreen/img13.png
new file mode 100644
index 0000000..80e4d0a
Binary files /dev/null and b/src/assets/images/public/bigScreen/img13.png differ
diff --git a/src/assets/images/public/bigScreen/img14.png b/src/assets/images/public/bigScreen/img14.png
new file mode 100644
index 0000000..9a77586
Binary files /dev/null and b/src/assets/images/public/bigScreen/img14.png differ
diff --git a/src/assets/images/public/bigScreen/img15.png b/src/assets/images/public/bigScreen/img15.png
new file mode 100644
index 0000000..fd02174
Binary files /dev/null and b/src/assets/images/public/bigScreen/img15.png differ
diff --git a/src/assets/images/public/bigScreen/img16.png b/src/assets/images/public/bigScreen/img16.png
new file mode 100644
index 0000000..7838cf3
Binary files /dev/null and b/src/assets/images/public/bigScreen/img16.png differ
diff --git a/src/assets/images/public/bigScreen/img17.png b/src/assets/images/public/bigScreen/img17.png
new file mode 100644
index 0000000..16f8b9c
Binary files /dev/null and b/src/assets/images/public/bigScreen/img17.png differ
diff --git a/src/assets/images/public/bigScreen/img2.png b/src/assets/images/public/bigScreen/img2.png
new file mode 100644
index 0000000..ce5ed43
Binary files /dev/null and b/src/assets/images/public/bigScreen/img2.png differ
diff --git a/src/assets/images/public/bigScreen/img3.png b/src/assets/images/public/bigScreen/img3.png
new file mode 100644
index 0000000..05fa5e7
Binary files /dev/null and b/src/assets/images/public/bigScreen/img3.png differ
diff --git a/src/assets/images/public/bigScreen/img4.png b/src/assets/images/public/bigScreen/img4.png
new file mode 100644
index 0000000..f1cc52a
Binary files /dev/null and b/src/assets/images/public/bigScreen/img4.png differ
diff --git a/src/assets/images/public/bigScreen/img5.png b/src/assets/images/public/bigScreen/img5.png
new file mode 100644
index 0000000..2b3890c
Binary files /dev/null and b/src/assets/images/public/bigScreen/img5.png differ
diff --git a/src/assets/images/public/bigScreen/img6.png b/src/assets/images/public/bigScreen/img6.png
new file mode 100644
index 0000000..fc212db
Binary files /dev/null and b/src/assets/images/public/bigScreen/img6.png differ
diff --git a/src/assets/images/public/bigScreen/img7.png b/src/assets/images/public/bigScreen/img7.png
new file mode 100644
index 0000000..c68a0a4
Binary files /dev/null and b/src/assets/images/public/bigScreen/img7.png differ
diff --git a/src/assets/images/public/bigScreen/img8.png b/src/assets/images/public/bigScreen/img8.png
new file mode 100644
index 0000000..d9103b8
Binary files /dev/null and b/src/assets/images/public/bigScreen/img8.png differ
diff --git a/src/assets/images/public/bigScreen/img9.png b/src/assets/images/public/bigScreen/img9.png
new file mode 100644
index 0000000..80ec5ee
Binary files /dev/null and b/src/assets/images/public/bigScreen/img9.png differ
diff --git a/src/assets/images/public/bigScreen/smalltitle.png b/src/assets/images/public/bigScreen/smalltitle.png
new file mode 100644
index 0000000..fb793c0
Binary files /dev/null and b/src/assets/images/public/bigScreen/smalltitle.png differ
diff --git a/src/assets/images/public/bigScreen/title.png b/src/assets/images/public/bigScreen/title.png
new file mode 100644
index 0000000..73f94c2
Binary files /dev/null and b/src/assets/images/public/bigScreen/title.png differ
diff --git a/src/assets/images/public/index_perch_img.jpg b/src/assets/images/public/index_perch_img.jpg
new file mode 100644
index 0000000..9eea107
Binary files /dev/null and b/src/assets/images/public/index_perch_img.jpg differ
diff --git a/src/assets/images/public/prevention_imgs/bg1.png b/src/assets/images/public/prevention_imgs/bg1.png
new file mode 100644
index 0000000..e2a8690
Binary files /dev/null and b/src/assets/images/public/prevention_imgs/bg1.png differ
diff --git a/src/assets/images/public/prevention_imgs/bg2.png b/src/assets/images/public/prevention_imgs/bg2.png
new file mode 100644
index 0000000..f6685a4
Binary files /dev/null and b/src/assets/images/public/prevention_imgs/bg2.png differ
diff --git a/src/assets/images/public/prevention_imgs/bg3.png b/src/assets/images/public/prevention_imgs/bg3.png
new file mode 100644
index 0000000..11aebac
Binary files /dev/null and b/src/assets/images/public/prevention_imgs/bg3.png differ
diff --git a/src/assets/images/public/prevention_imgs/bg4.png b/src/assets/images/public/prevention_imgs/bg4.png
new file mode 100644
index 0000000..068a6ba
Binary files /dev/null and b/src/assets/images/public/prevention_imgs/bg4.png differ
diff --git a/src/assets/images/public/prevention_imgs/ico1.png b/src/assets/images/public/prevention_imgs/ico1.png
new file mode 100644
index 0000000..581c5dd
Binary files /dev/null and b/src/assets/images/public/prevention_imgs/ico1.png differ
diff --git a/src/assets/images/public/prevention_imgs/ico2.png b/src/assets/images/public/prevention_imgs/ico2.png
new file mode 100644
index 0000000..83cd45d
Binary files /dev/null and b/src/assets/images/public/prevention_imgs/ico2.png differ
diff --git a/src/assets/images/public/prevention_imgs/ico3.png b/src/assets/images/public/prevention_imgs/ico3.png
new file mode 100644
index 0000000..6281168
Binary files /dev/null and b/src/assets/images/public/prevention_imgs/ico3.png differ
diff --git a/src/assets/images/public/share/bg.jpg b/src/assets/images/public/share/bg.jpg
new file mode 100644
index 0000000..552e622
Binary files /dev/null and b/src/assets/images/public/share/bg.jpg differ
diff --git a/src/assets/images/public/share/ico1.png b/src/assets/images/public/share/ico1.png
new file mode 100644
index 0000000..22489a2
Binary files /dev/null and b/src/assets/images/public/share/ico1.png differ
diff --git a/src/assets/images/public/share/ico10.png b/src/assets/images/public/share/ico10.png
new file mode 100644
index 0000000..ac6f52c
Binary files /dev/null and b/src/assets/images/public/share/ico10.png differ
diff --git a/src/assets/images/public/share/ico11.png b/src/assets/images/public/share/ico11.png
new file mode 100644
index 0000000..7cf150b
Binary files /dev/null and b/src/assets/images/public/share/ico11.png differ
diff --git a/src/assets/images/public/share/ico12.png b/src/assets/images/public/share/ico12.png
new file mode 100644
index 0000000..5658334
Binary files /dev/null and b/src/assets/images/public/share/ico12.png differ
diff --git a/src/assets/images/public/share/ico2.png b/src/assets/images/public/share/ico2.png
new file mode 100644
index 0000000..187b250
Binary files /dev/null and b/src/assets/images/public/share/ico2.png differ
diff --git a/src/assets/images/public/share/ico3.png b/src/assets/images/public/share/ico3.png
new file mode 100644
index 0000000..2373101
Binary files /dev/null and b/src/assets/images/public/share/ico3.png differ
diff --git a/src/assets/images/public/share/ico4.png b/src/assets/images/public/share/ico4.png
new file mode 100644
index 0000000..6c9e60b
Binary files /dev/null and b/src/assets/images/public/share/ico4.png differ
diff --git a/src/assets/images/public/share/ico5.png b/src/assets/images/public/share/ico5.png
new file mode 100644
index 0000000..4a969a7
Binary files /dev/null and b/src/assets/images/public/share/ico5.png differ
diff --git a/src/assets/images/public/share/ico6.png b/src/assets/images/public/share/ico6.png
new file mode 100644
index 0000000..306f1fd
Binary files /dev/null and b/src/assets/images/public/share/ico6.png differ
diff --git a/src/assets/images/public/share/ico7.png b/src/assets/images/public/share/ico7.png
new file mode 100644
index 0000000..e624451
Binary files /dev/null and b/src/assets/images/public/share/ico7.png differ
diff --git a/src/assets/images/public/share/ico8.png b/src/assets/images/public/share/ico8.png
new file mode 100644
index 0000000..a4b699e
Binary files /dev/null and b/src/assets/images/public/share/ico8.png differ
diff --git a/src/assets/images/public/share/ico9.png b/src/assets/images/public/share/ico9.png
new file mode 100644
index 0000000..9356ed8
Binary files /dev/null and b/src/assets/images/public/share/ico9.png differ
diff --git a/src/assets/images/public/share/icon/ico1.png b/src/assets/images/public/share/icon/ico1.png
new file mode 100644
index 0000000..22489a2
Binary files /dev/null and b/src/assets/images/public/share/icon/ico1.png differ
diff --git a/src/assets/images/public/share/icon/ico10.png b/src/assets/images/public/share/icon/ico10.png
new file mode 100644
index 0000000..ac6f52c
Binary files /dev/null and b/src/assets/images/public/share/icon/ico10.png differ
diff --git a/src/assets/images/public/share/icon/ico11.png b/src/assets/images/public/share/icon/ico11.png
new file mode 100644
index 0000000..7cf150b
Binary files /dev/null and b/src/assets/images/public/share/icon/ico11.png differ
diff --git a/src/assets/images/public/share/icon/ico12.png b/src/assets/images/public/share/icon/ico12.png
new file mode 100644
index 0000000..5658334
Binary files /dev/null and b/src/assets/images/public/share/icon/ico12.png differ
diff --git a/src/assets/images/public/share/icon/ico2.png b/src/assets/images/public/share/icon/ico2.png
new file mode 100644
index 0000000..187b250
Binary files /dev/null and b/src/assets/images/public/share/icon/ico2.png differ
diff --git a/src/assets/images/public/share/icon/ico3.png b/src/assets/images/public/share/icon/ico3.png
new file mode 100644
index 0000000..2373101
Binary files /dev/null and b/src/assets/images/public/share/icon/ico3.png differ
diff --git a/src/assets/images/public/share/icon/ico4.png b/src/assets/images/public/share/icon/ico4.png
new file mode 100644
index 0000000..6c9e60b
Binary files /dev/null and b/src/assets/images/public/share/icon/ico4.png differ
diff --git a/src/assets/images/public/share/icon/ico5.png b/src/assets/images/public/share/icon/ico5.png
new file mode 100644
index 0000000..4a969a7
Binary files /dev/null and b/src/assets/images/public/share/icon/ico5.png differ
diff --git a/src/assets/images/public/share/icon/ico6.png b/src/assets/images/public/share/icon/ico6.png
new file mode 100644
index 0000000..306f1fd
Binary files /dev/null and b/src/assets/images/public/share/icon/ico6.png differ
diff --git a/src/assets/images/public/share/icon/ico7.png b/src/assets/images/public/share/icon/ico7.png
new file mode 100644
index 0000000..e624451
Binary files /dev/null and b/src/assets/images/public/share/icon/ico7.png differ
diff --git a/src/assets/images/public/share/icon/ico8.png b/src/assets/images/public/share/icon/ico8.png
new file mode 100644
index 0000000..a4b699e
Binary files /dev/null and b/src/assets/images/public/share/icon/ico8.png differ
diff --git a/src/assets/images/public/share/icon/ico9.png b/src/assets/images/public/share/icon/ico9.png
new file mode 100644
index 0000000..9356ed8
Binary files /dev/null and b/src/assets/images/public/share/icon/ico9.png differ
diff --git a/src/assets/images/public/share/menubg.png b/src/assets/images/public/share/menubg.png
new file mode 100644
index 0000000..95f480a
Binary files /dev/null and b/src/assets/images/public/share/menubg.png differ
diff --git a/src/assets/images/public/share/titbg.png b/src/assets/images/public/share/titbg.png
new file mode 100644
index 0000000..7798282
Binary files /dev/null and b/src/assets/images/public/share/titbg.png differ
diff --git a/src/assets/images/public/share/title.png b/src/assets/images/public/share/title.png
new file mode 100644
index 0000000..2d714a8
Binary files /dev/null and b/src/assets/images/public/share/title.png differ
diff --git a/src/assets/images/public/share/yuan1.png b/src/assets/images/public/share/yuan1.png
new file mode 100644
index 0000000..4433ec2
Binary files /dev/null and b/src/assets/images/public/share/yuan1.png differ
diff --git a/src/assets/images/public/share/yuan2.png b/src/assets/images/public/share/yuan2.png
new file mode 100644
index 0000000..ad74791
Binary files /dev/null and b/src/assets/images/public/share/yuan2.png differ
diff --git a/src/assets/images/public/share/yuan3.png b/src/assets/images/public/share/yuan3.png
new file mode 100644
index 0000000..f192893
Binary files /dev/null and b/src/assets/images/public/share/yuan3.png differ
diff --git a/src/assets/images/public/stakeholder_imgs/ico1.png b/src/assets/images/public/stakeholder_imgs/ico1.png
new file mode 100644
index 0000000..f65b189
Binary files /dev/null and b/src/assets/images/public/stakeholder_imgs/ico1.png differ
diff --git a/src/assets/images/public/stakeholder_imgs/ico2.png b/src/assets/images/public/stakeholder_imgs/ico2.png
new file mode 100644
index 0000000..7680cf6
Binary files /dev/null and b/src/assets/images/public/stakeholder_imgs/ico2.png differ
diff --git a/src/assets/images/public/stakeholder_imgs/ico3.png b/src/assets/images/public/stakeholder_imgs/ico3.png
new file mode 100644
index 0000000..6c7d3d4
Binary files /dev/null and b/src/assets/images/public/stakeholder_imgs/ico3.png differ
diff --git a/src/assets/images/public/stakeholder_imgs/ico4.png b/src/assets/images/public/stakeholder_imgs/ico4.png
new file mode 100644
index 0000000..a9cbc8f
Binary files /dev/null and b/src/assets/images/public/stakeholder_imgs/ico4.png differ
diff --git a/src/assets/images/public/stakeholder_imgs/ico5.png b/src/assets/images/public/stakeholder_imgs/ico5.png
new file mode 100644
index 0000000..e0b45b8
Binary files /dev/null and b/src/assets/images/public/stakeholder_imgs/ico5.png differ
diff --git a/src/assets/images/public/stakeholder_imgs/ico6.png b/src/assets/images/public/stakeholder_imgs/ico6.png
new file mode 100644
index 0000000..221321d
Binary files /dev/null and b/src/assets/images/public/stakeholder_imgs/ico6.png differ
diff --git a/src/assets/images/public/stakeholder_imgs/ico7.png b/src/assets/images/public/stakeholder_imgs/ico7.png
new file mode 100644
index 0000000..cc07c7b
Binary files /dev/null and b/src/assets/images/public/stakeholder_imgs/ico7.png differ
diff --git a/src/assets/images/public/stakeholder_imgs/ico_prev.png b/src/assets/images/public/stakeholder_imgs/ico_prev.png
new file mode 100644
index 0000000..cea6bf8
Binary files /dev/null and b/src/assets/images/public/stakeholder_imgs/ico_prev.png differ
diff --git a/src/assets/images/public/tx.png b/src/assets/images/public/tx.png
new file mode 100644
index 0000000..3f55e30
Binary files /dev/null and b/src/assets/images/public/tx.png differ
diff --git a/src/assets/images/public/zgzs.png b/src/assets/images/public/zgzs.png
new file mode 100644
index 0000000..e5bcd90
Binary files /dev/null and b/src/assets/images/public/zgzs.png differ
diff --git a/src/components/index.js b/src/components/index.js
new file mode 100644
index 0000000..cb0ff5c
--- /dev/null
+++ b/src/components/index.js
@@ -0,0 +1 @@
+export {};
diff --git a/src/enumerate/constant/index.js b/src/enumerate/constant/index.js
new file mode 100644
index 0000000..f077757
--- /dev/null
+++ b/src/enumerate/constant/index.js
@@ -0,0 +1,5 @@
+/**
+ * 全局常量定义
+ */
+
+export {};
diff --git a/src/enumerate/context/index.js b/src/enumerate/context/index.js
new file mode 100644
index 0000000..2b11e05
--- /dev/null
+++ b/src/enumerate/context/index.js
@@ -0,0 +1,8 @@
+/**
+ * 全局上下文定义
+ */
+
+import React from "react";
+
+// 获取antd全局静态方法
+export const InjectContext = React.createContext({});
diff --git a/src/enumerate/namespace/index.js b/src/enumerate/namespace/index.js
new file mode 100644
index 0000000..9ef763c
--- /dev/null
+++ b/src/enumerate/namespace/index.js
@@ -0,0 +1,8 @@
+/**
+ * 全局数据状态管理模块定义
+ */
+
+import { defineNamespace } from "@cqsjjb/jjb-dva-runtime";
+
+export const NS_GLOBAL = defineNamespace("global");
+
diff --git a/src/main.js b/src/main.js
new file mode 100644
index 0000000..c1cdccb
--- /dev/null
+++ 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);
diff --git a/src/pages/Container/Bi/bubble/index.js b/src/pages/Container/Bi/bubble/index.js
new file mode 100644
index 0000000..065cc2c
--- /dev/null
+++ b/src/pages/Container/Bi/bubble/index.js
@@ -0,0 +1,43 @@
+import React from 'react';
+import { RightOutlined } from '@ant-design/icons';
+
+import closeIcon from '../../../../assets/images/public/bigScreen/close.png';
+
+
+
+const Bubble = ({ id, title, description, onClose }) => {
+
+  const close = () => {
+    onClose && onClose();
+  };
+
+  const handleViewMore = () => {
+    // navigate({
+    //   pathname: '/map',
+    //   search: `?id=${id}&CORP_INFO_ID=${data.CORP_INFO_ID}&mapType=${data.type}&name=${data.name}&longitude=${data.position.x}&latitude=${data.position.y}`
+    // });
+  };
+
+  return (
+    <div className="bubble-wrap">
+      <div className="bubble-box">
+        <div className="bubble-wrap__header">
+          <div className="bubble-wrap__title">{title}</div>
+          <div className="bubble-wrap__close" style={{ backgroundImage: `url(${closeIcon})` }} onClick={close} />
+        </div>
+        <div className="bubble-wrap__content">
+          <div className="content__label">简介:</div>
+          <p className="content__text">{description}</p>
+        </div>
+        <div className="bubble-wrap__footer">
+          <p className="footer__text" onClick={handleViewMore}>
+            查看更多
+            <RightOutlined />
+          </p>
+        </div>
+      </div>
+    </div>
+  );
+};
+
+export default Bubble;
\ No newline at end of file
diff --git a/src/pages/Container/Bi/index.js b/src/pages/Container/Bi/index.js
new file mode 100644
index 0000000..381bd60
--- /dev/null
+++ b/src/pages/Container/Bi/index.js
@@ -0,0 +1,141 @@
+import React, { useState } from 'react';
+import { useMount } from 'ahooks';
+import autofit from 'autofit.js';
+import './index.less';
+// import TopTitleArea from './components/topTitleArea';
+// import LeftPanel from './components/leftPanel';
+// import RightPanel from './components/rightPanel';
+// import CenterArea from './components/centerArea';
+import Bubble from './bubble';
+
+import ico2 from '../../../assets/images/public/bigScreen/ico2.png';
+import icobg2 from '../../../assets/images/public/bigScreen/icobg2.png';
+import ico1 from '../../../assets/images/public/bigScreen/ico1.png';
+import icobg1 from '../../../assets/images/public/bigScreen/icobg1.png';
+import backgroundimg from '../../../assets/images/public/bigScreen/backgroundimg.jpg';
+
+const mockPoints = [
+  {
+    id: "00002",
+    name: "沧州黄骅港矿石港务有限公司",
+    title: "沧州港",
+    type: "港口",
+    descr: "公司现共有10个泊位（10-20万吨级），设计年通过能力6400万吨。堆场面积176万平米，堆存能力740万吨，大型装卸设备44台套。",
+    position: { x: 117.91412, y: 38.35902 },
+    CORP_INFO_ID: "f8da1790b1034058ae2efefd69af3284",
+    style: { top: "58%", left: "30%" },
+    description: "公司现共有10个泊位（10-20万吨级），设计年通过能力6400万吨。堆场面积176万平米，堆存能力740万吨，大型装卸设备44台套。"
+  },
+  {
+    id: "00003",
+    name: "秦皇岛港",
+    title: "秦皇岛港",
+    type: "港口",
+    descr: "秦皇岛港分为东、西两个港区，现有生产性泊位50个，年设计通过能力2.26亿吨，经营货类主要包括煤炭、金属矿石、油品及液体化工、集装箱及其他杂货等。",
+    position: { x: 119.61254, y: 39.92572 },
+    style: { top: "30%", right: "46.8%" },
+    CORP_INFO_ID: "",
+    description: "秦皇岛港分为东、西两个港区，现有生产性泊位50个，年设计通过能力2.26亿吨，经营货类主要包括煤炭、金属矿石、油品及液体化工、集装箱及其他杂货等。"
+  },
+  {
+    id: "00004",
+    name: "曹妃甸实业港务",
+    title: "曹实业",
+    type: "港口",
+    descr: "公司现共有6个泊位(5-30万吨级)，设计年通过能力6550万吨。堆场面积146万平米，堆存能力1350万吨，大型装卸设备23台套。",
+    position: { x: 118.51022, y: 38.93503 },
+    CORP_INFO_ID: "8854edee3aa94be496cee676b6d4845a",
+    style: { top: "49%", left: "38.5%" },
+    description: "公司现共有6个泊位(5-30万吨级)，设计年通过能力6550万吨。堆场面积146万平米，堆存能力1350万吨，大型装卸设备23台套。"
+  }
+];
+const BiScreen = () => {
+  const [bubbleVisibleMeta, setBubbleVisibleMeta] = useState({});
+
+  const handleBubbleVisible = (id) => {
+    const newVisibleMeta = {};
+    newVisibleMeta[id] = true;
+    setBubbleVisibleMeta(newVisibleMeta);
+  };
+
+  const handleBubbleClose = (id) => {
+    setBubbleVisibleMeta(prev => ({
+      ...prev,
+      [id]: false
+    }));
+  };
+
+  useMount(() => {
+    autofit.init({
+      dw: 1920,
+      dh: 1080,
+      el: "#screenContainerId",
+      resize: true,
+    });
+
+    return () => {
+      autofit.off();
+    };
+  });
+
+
+  return (
+    <div id="screenContainerId" className="screen-container" style={{ backgroundImage: `url(${backgroundimg})` }}>
+      {/* 顶部标题区 */}
+      <TopTitleArea />
+
+      {/* 左中右面板 */}
+      <div className="screen-body">
+        {/* 左侧面板 */}
+        {/* <LeftPanel/> */}
+
+        {/* 中间面板 */}
+        {/* <CenterArea initPoint={initPoint} /> */}
+
+        {/* 右侧面板 */}
+        {/* <RightPanel /> */}
+      </div>
+
+      {/* 地图三个点位信息坐标 start */}
+      {mockPoints.map((item, index) => (
+        <div key={index} className="center-area__point" style={item.style}>
+          {item.id === '00003' ? (
+            <div className="img">
+              <img
+                src={ico2}
+                alt=""
+                onClick={() => handleBubbleVisible(item.id)}
+              />
+              <img src={icobg2} alt="" />
+            </div>
+          ) : (
+            <div className="img">
+              <img
+                src={ico1}
+                alt=""
+                onClick={() => handleBubbleVisible(item.id)}
+              />
+              <img
+                src={icobg1}
+                alt=""
+              />
+            </div>
+          )}
+          <div className="bubble-box">
+            {bubbleVisibleMeta[item.id] && (
+              <Bubble
+                id={item.id}
+                title={item.name}
+                description={item.descr || item.description || '暂无描述'}
+                onClose={() => handleBubbleClose(item.id)}
+              />
+            )}
+          </div>
+        </div>
+      ))}
+      {/* 地图三个点位信息坐标 end */}
+    </div>
+  );
+};
+
+export default BiScreen;
\ No newline at end of file
diff --git a/src/pages/Container/Bi/index.less b/src/pages/Container/Bi/index.less
new file mode 100644
index 0000000..b5b2058
--- /dev/null
+++ b/src/pages/Container/Bi/index.less
@@ -0,0 +1,1054 @@
+/* 驾驶舱专用 - 通用样式规则 */
+
+/* 顶部标题区域样式 */
+.top-title-area {
+  box-sizing: border-box;
+  width: 100%;
+  height: 80px;
+
+  .top-title-area__back {
+    width: 65px;
+    height: 32px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    gap: 6px;
+    position: absolute;
+    top: 30px;
+    left: 17px;
+    color: #fff;
+    font-size: 17px;
+    cursor: pointer;
+
+    .icon-arrow__left {
+      font-size: 20px;
+    }
+  }
+
+  .top-title-area__img {
+    width: 100%;
+    height: 100%;
+    text-align: center;
+    line-height: 80px;
+    position: relative;
+    background-origin: border-box;
+    background-repeat: no-repeat;
+    background-size: 100% 100%;
+
+    .top-title-area__img__text {
+      user-select: none;
+      background-image: linear-gradient(to bottom, #5bb4f7, #ffffff);
+      background-clip: text;
+      -webkit-background-clip: text;
+      -webkit-text-fill-color: transparent;
+      font-size: 40px;
+      font-weight: bold;
+    }
+
+    .top-title-area__img__box {
+      position: absolute;
+      top: 53px;
+      left: 50%;
+    }
+
+    .top-title-area__right {
+      position: absolute;
+      top: 30px;
+      right: 17px;
+      width: 110px;
+      height: 32px;
+      cursor: pointer;
+      background-image: url("../../../assets/images/public/bigScreen/bg7.png");
+      background-origin: border-box;
+      background-position: center;
+      background-repeat: no-repeat;
+      background-size: cover;
+      color: #fff;
+
+      .top-title-area__right__text {
+        user-select: none;
+        width: 60px;
+        position: absolute;
+        top: -24px;
+        left: 40px;
+        height: 32px;
+      }
+    }
+
+    .top-title-area__img__guang {
+      animation: scale 2s infinite;
+    }
+  }
+}
+
+@keyframes scale {
+  0% {
+    transform: translateX(-50%) scale(1.2);
+  }
+
+  50% {
+    transform: translateX(-50%) scale(0.6);
+  }
+
+  100% {
+    transform: translateX(-50%) scale(1.2);
+  }
+}
+
+/* 主容器样式 */
+.screen-container {
+  background-origin: border-box;
+  background-repeat: no-repeat;
+  position: relative;
+  background-size: 100% 100%;
+  width: 100%;
+  height: 100%;
+}
+
+.screen-body {
+  box-sizing: border-box;
+  padding-top: 10px;
+  width: 100%;
+  display: grid;
+  grid-template-columns: 450px 1fr 450px;
+  gap: 8px;
+}
+
+/* 地图点位样式 */
+.center-area__point {
+  position: absolute;
+
+  .img {
+    cursor: pointer;
+    animation: moveUpDown 1.3s infinite ease-in-out;
+    position: relative;
+
+    img:nth-child(1) {
+      width: 52px;
+      height: 54px;
+      position: absolute;
+      top: -52px;
+      left: 21px;
+    }
+
+    img:nth-child(2) {
+      width: 96px;
+      height: 31px;
+      position: absolute;
+      top: 0;
+      left: 0;
+    }
+  }
+
+  .bubble-box {
+    width: 380px;
+    position: absolute;
+    top: 0;
+    left: 45px;
+  }
+}
+
+// /* 卡片样式 */
+// .card {
+//   width: 100%;
+//   background: rgba(4, 24, 52, 0.85);
+//   border-radius: 8px;
+//   box-shadow: 0 0 12px rgba(20, 143, 255, 0.4);
+//   overflow: hidden;
+
+//   .card-header {
+//     width: 100%;
+//     height: 38px;
+//     background-image: url("../../../assets/images/public/bigScreen/smalltitle.png");
+//     background-origin: border-box;
+//     background-position: left;
+//     background-repeat: no-repeat;
+//     background-size: contain;
+
+//     .card-header__text {
+//       line-height: 35px;
+//       padding-left: 25px;
+//       font-size: 18px;
+//       font-weight: bold;
+//       color: #fff;
+//     }
+//   }
+
+//   .card-body {
+//     height: calc(100% - 40px);
+//     padding: 10px;
+//     box-sizing: border-box;
+//   }
+// }
+
+/* 左侧面板样式 */
+.left-panel {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  gap: 15px;
+  z-index: 100;
+}
+
+/* 通用卡片样式 */
+.card {
+  width: 100%;
+  background: rgba(4, 24, 52, 0);
+  overflow: hidden;
+}
+
+.card-header {
+  width: 100%;
+  height: 38px;
+  background-origin: border-box;
+  background-position: left;
+  background-repeat: no-repeat;
+  background-size: contain;
+}
+
+.card-header__text {
+  line-height: 35px;
+  padding-left: 25px;
+  font-size: 18px;
+  font-weight: bold;
+  color: #fff;
+}
+
+.weather-card__content {
+  padding: 15px;
+}
+
+.weather-main {
+  display: flex;
+  align-items: center;
+  gap: 20px;
+  margin-bottom: 15px;
+}
+
+.weather-icon {
+  width: 80px;
+  height: 80px;
+  background: rgba(255, 255, 255, 0.1);
+  border-radius: 50%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border: 1px solid #42698f;
+}
+
+.wind-icon {
+  width: 60px;
+  height: 60px;
+  background: rgba(5, 227, 251, 0.2);
+  border-radius: 50%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: #05e3fb;
+  font-size: 18px;
+  font-weight: bold;
+  border: 1px solid #05e3fb;
+}
+
+.weather-info {
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+}
+
+.temperature {
+  display: flex;
+  align-items: baseline;
+  gap: 5px;
+}
+
+.temp-value {
+  font-size: 36px;
+  font-weight: bold;
+  color: #fff;
+}
+
+.temp-unit {
+  font-size: 18px;
+  color: #fff;
+}
+
+.wind-speed {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+}
+
+.wind-label {
+  font-size: 14px;
+  color: #fff;
+}
+
+.wind-value {
+  font-size: 24px;
+  font-weight: bold;
+  color: #05e3fb;
+}
+
+.weather-alert {
+  padding: 10px;
+  background: rgba(255, 87, 34, 0.2);
+  border: 1px solid #ff5722;
+  border-radius: 4px;
+}
+
+.weather-alert p {
+  margin: 0;
+  font-size: 14px;
+  color: #ff5722;
+  line-height: 1.4;
+}
+
+/* 防汛状态样式 */
+.flood-control-card {
+  @extend .card;
+}
+
+.table-header {
+  display: flex;
+  justify-content: space-between;
+  padding: 8px 0;
+  border-bottom: 1px solid #42698f;
+  font-weight: bold;
+  color: #fff;
+  font-size: 14px;
+}
+
+.table-body {
+  margin-top: 10px;
+}
+
+.table-row {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 8px 0;
+  border-bottom: 1px solid rgba(66, 105, 143, 0.3);
+  font-size: 13px;
+  color: #fff;
+}
+
+.table-row span:first-child {
+  width: 30%;
+}
+
+.table-row span:nth-child(2) {
+  width: 20%;
+  text-align: center;
+}
+
+.table-row span:last-child {
+  width: 50%;
+  text-align: right;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.status-done {
+  color: #52c41a;
+  background: rgba(82, 196, 26, 0.2);
+  padding: 2px 8px;
+  border-radius: 10px;
+}
+
+.status-processing {
+  color: #faad14;
+  background: rgba(250, 173, 20, 0.2);
+  padding: 2px 8px;
+  border-radius: 10px;
+}
+
+.status-pending {
+  color: #ff4d4f;
+  background: rgba(255, 77, 79, 0.2);
+  padding: 2px 8px;
+  border-radius: 10px;
+}
+
+/* 重大危险源样式 */
+.hazards-card {
+  @extend .card;
+}
+
+.hazard-list {
+  margin-bottom: 15px;
+}
+
+.hazard-item {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  padding: 10px;
+  background: rgba(255, 77, 79, 0.1);
+  border: 1px solid #ff4d4f;
+  border-radius: 4px;
+  cursor: pointer;
+  margin-bottom: 8px;
+  color: #fff;
+}
+
+.hazard-item.selected {
+  background: rgba(255, 77, 79, 0.3);
+  border-color: #ff7875;
+}
+
+.hazard-icon {
+  font-size: 20px;
+}
+
+.hazard-name {
+  font-size: 14px;
+}
+
+.hazard-stats {
+  display: flex;
+  gap: 20px;
+  margin-bottom: 15px;
+}
+
+.stat-item {
+  text-align: center;
+  color: #fff;
+}
+
+.stat-label {
+  font-size: 13px;
+  margin-bottom: 5px;
+}
+
+.stat-value {
+  font-size: 24px;
+  font-weight: bold;
+  color: #05e3fb;
+}
+
+.tank-stats {
+  display: flex;
+  gap: 20px;
+}
+
+.tank-group {
+  flex: 1;
+  padding: 10px;
+  background: rgba(66, 105, 143, 0.2);
+  border: 1px solid #42698f;
+  border-radius: 4px;
+}
+
+.tank-group-label {
+  font-size: 14px;
+  font-weight: bold;
+  color: #fff;
+  margin-bottom: 10px;
+  text-align: center;
+}
+
+.tank-info {
+  display: flex;
+  flex-direction: column;
+  gap: 5px;
+  color: #fff;
+  font-size: 13px;
+}
+
+/* 储罐状态样式 */
+.tank-status-card {
+  @extend .card;
+}
+
+.tank-list {
+  margin-bottom: 15px;
+}
+
+.tank-item {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 8px 0;
+  border-bottom: 1px solid rgba(66, 105, 143, 0.3);
+  color: #fff;
+  font-size: 14px;
+}
+
+.tank-status {
+  padding: 2px 12px;
+  border-radius: 10px;
+  font-size: 12px;
+}
+
+.tank-status.normal {
+  color: #52c41a;
+  background: rgba(82, 196, 26, 0.2);
+}
+
+.tank-status.warning {
+  color: #faad14;
+  background: rgba(250, 173, 20, 0.2);
+}
+
+.handling-status {
+  padding: 12px;
+  background: rgba(66, 105, 143, 0.2);
+  border: 1px solid #42698f;
+  border-radius: 4px;
+}
+
+.handling-header h4 {
+  margin: 0 0 10px 0;
+  font-size: 14px;
+  color: #fff;
+}
+
+.handling-list {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+
+.handling-item {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  color: #fff;
+  font-size: 13px;
+}
+
+/* 领域整改情况统计样式 */
+.domain-rectification-card {
+  @extend .card;
+}
+
+.chart-container {
+  width: 100%;
+  height: 200px;
+}
+
+.flow-machine-tooltip {
+  background: rgba(35, 53, 93, 0.95);
+  border: 1px solid #42698f;
+  border-radius: 4px;
+  padding: 10px;
+  color: #fff;
+  font-size: 13px;
+  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
+}
+
+.tooltip-content {
+  display: flex;
+  flex-direction: column;
+  gap: 5px;
+}
+
+.tooltip-title {
+  font-weight: bold;
+  margin-bottom: 5px;
+  color: #05e3fb;
+}
+
+/* 公司作业情况样式 */
+.operation-status-card {
+  @extend .card;
+}
+
+.operation-status-card .table-header span {
+  width: 20%;
+  text-align: center;
+}
+
+.operation-status-card .table-row span {
+  width: 20%;
+  text-align: center;
+  font-size: 13px;
+}
+
+/* 中间区域样式 */
+.center-area {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  gap: 20px;
+  z-index: 100;
+  box-sizing: border-box;
+  width: 100%;
+  position: relative;
+
+  .center-area__navlist {
+    position: absolute;
+    top: 73px;
+    right: 30px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    flex-direction: column;
+    gap: 3px;
+
+    .center-area__navlist__item {
+      cursor: pointer;
+      width: 157px;
+      height: 54px;
+      background-image: url("../../../assets/images/public/bigScreen/bg3.png");
+      background-origin: border-box;
+      background-repeat: no-repeat;
+      background-size: contain;
+
+      .center-area__navlist__item__title {
+        color: #fff;
+        font-size: 21px;
+        font-weight: bold;
+        text-align: center;
+        line-height: 50px;
+        margin-right: 17px;
+      }
+    }
+  }
+
+  .center-area__content {
+    width: 100%;
+    height: 282px;
+    position: absolute;
+    bottom: 15px;
+    left: 50%;
+    transform: translate(-50%, 0);
+    display: grid;
+    grid-template-columns: repeat(2, 1fr);
+    gap: 15px;
+
+    .node_style__1 {
+      .card-body {
+        margin-top: 10px;
+
+        .card-body__table {
+          width: 100%;
+          background: linear-gradient(180deg, #0e1a4f7a, transparent);
+
+          .text-ellipsis {
+            width: 235px;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            white-space: nowrap;
+          }
+
+          .card-body__table_thead {
+            width: 100%;
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+
+            &>div {
+              text-align: start;
+              color: #fff;
+              padding: 7px;
+              font-size: 16px;
+            }
+
+            &>div:nth-child(1) {
+              width: 258px;
+            }
+          }
+
+          .card-body__table_tbody {
+            .card-body__table_tbody_scroll {
+              width: 100%;
+              height: 200px;
+              overflow: hidden;
+            }
+
+            .tbody__item {
+              color: #fff;
+              width: 100%;
+              padding: 12px 5px;
+              display: flex;
+              justify-content: space-between;
+              align-items: center;
+
+              &>span:not(:first-child) {
+                width: 82px;
+                text-align: center;
+              }
+
+              &>span:nth-child(1) {
+                display: inline-block;
+                text-align: start;
+              }
+
+              &>span:nth-child(2) {
+                display: inline-block;
+                text-align: center;
+              }
+            }
+          }
+        }
+      }
+    }
+
+    .node_style__2 {
+      .card-body {
+        margin-top: 10px;
+
+        .echarts_node_2 {
+          width: 100%;
+          height: 232px;
+        }
+      }
+    }
+  }
+}
+
+/* 右侧面板样式 */
+.right-panel {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  gap: 20px;
+  z-index: 100;
+}
+
+/* 节点样式 */
+.node_style__1,
+.node_style__2,
+.node_style__3,
+.node_style__4 {
+  height: calc(33.33% - 13.33px);
+}
+
+/* 节点1样式 */
+.node_style__1 {
+  .card-body {
+    display: flex;
+    justify-content: space-around;
+    align-items: center;
+
+    .card-body__items {
+      text-align: center;
+
+      &>p {
+        color: #fff;
+      }
+
+      .card-body__items__title {
+        font-size: 16px;
+        margin-bottom: 10px;
+      }
+
+      .card-body__items__imgbox {
+        width: 80px;
+        height: 40px;
+        background-image: url("../../../assets/images/public/bigScreen/bg1.png");
+        background-origin: border-box;
+        background-repeat: no-repeat;
+        background-size: cover;
+
+        &>img {
+          width: 40px;
+          height: 40px;
+          animation: moveUpDown 1.3s infinite ease-in-out;
+        }
+      }
+
+      .card-body__items__text {
+        display: flex;
+        text-align: left;
+        margin-top: 10px;
+        font-size: 14px;
+        color: #fff;
+      }
+    }
+  }
+}
+
+/* 节点2样式 */
+.node_style__2 {
+  .card-body {
+    margin-top: 8px;
+
+    .echarts_node_style_2 {
+      width: 100%;
+      height: 200px;
+      padding: 0 10px;
+    }
+  }
+}
+
+/* 节点3样式 */
+.node_style__3 {
+  .card-body {
+    margin-top: 15px;
+
+    .card-body__imgbox {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      gap: 2px;
+
+      .card-body__imgbox__items {
+        width: 242px;
+        height: 67px;
+        background-image: url("../../../assets/images/public/bigScreen/bg4.png");
+        background-origin: border-box;
+        background-repeat: no-repeat;
+        background-size: contain;
+        padding: 12px;
+        display: flex;
+        align-items: center;
+        gap: 12px;
+
+        &>div>img {
+          animation: zooming 1.3s infinite ease-in-out;
+        }
+
+        .items__content {
+          color: #fff;
+
+          &>p:nth-child(1) {
+            font-size: 15px;
+            margin-bottom: 5px;
+          }
+
+          &>p:nth-child(2) {
+            font-size: 18px;
+          }
+        }
+      }
+    }
+
+    .card-body__count {
+      margin-top: 30px;
+      display: grid;
+      grid-template-columns: repeat(2, 1fr);
+      grid-template-rows: repeat(2, 1fr);
+      gap: 30px;
+
+      .card-body__count__items {
+        display: flex;
+        justify-content: flex-start;
+        align-items: center;
+        gap: 8px;
+        margin-left: 30px;
+
+        .card-body__count_imgbox {
+          width: 53px;
+          height: 36px;
+          background-image: url("../../../assets/images/public/bigScreen/bg2.png");
+          background-origin: border-box;
+          background-repeat: no-repeat;
+          background-size: contain;
+
+          &>img {
+            animation: moveUpDown__2 1.3s infinite ease-in-out;
+          }
+        }
+
+        .count__content {
+          color: #fff;
+
+          &>p:nth-child(1) {
+            font-size: 15px;
+            margin-bottom: 5px;
+          }
+
+          &>p:nth-child(2) {
+            font-size: 18px;
+          }
+        }
+      }
+    }
+  }
+}
+
+/* 节点4样式 */
+.node_style__4 {
+  width: 100%;
+  box-sizing: border-box;
+
+  .card-body {
+    margin-top: 12px;
+    width: 100%;
+    color: #fff;
+
+    .card-body__tabbar {
+      display: flex;
+      justify-content: flex-end;
+      align-items: center;
+
+      .tabBarItem {
+        cursor: pointer;
+        padding: 6px 8px;
+        background-color: #00216d;
+
+        &:first-child {
+          border-radius: 5px 0 0 5px;
+        }
+
+        &:last-child {
+          border-radius: 0 5px 5px 0;
+        }
+      }
+
+      .tabBarItemIndex {
+        background-color: #094ed8;
+      }
+    }
+
+    .card-body-tabbar__content {
+      width: 100%;
+      margin-top: 6px;
+
+      .echarts_node_style_4 {
+        width: 100%;
+        height: 190px;
+      }
+
+      .echarts_node_style_5 {
+        width: 100%;
+        height: 190px;
+      }
+    }
+  }
+}
+
+/* 图表容器样式 */
+.echarts_node_style_2,
+.echarts_node_2,
+.echarts_node {
+  width: 100%;
+  height: 100%;
+}
+
+/* 气泡样式 */
+.bubble-wrap {
+  width: 100%;
+  z-index: 1500;
+
+  .bubble-box {
+    width: 100%;
+    border-radius: 4px;
+    border: 1px solid #42698f;
+    background-color: rgb(35 53 93 / 74%);
+    animation: slide-in-elliptic-bottom-fwd 0.75s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
+
+    .bubble-wrap__header {
+      display: flex;
+      padding: 10px 14px;
+      justify-content: space-between;
+      align-items: center;
+      border-bottom: 1px solid #42698f;
+
+      .bubble-wrap__title {
+        text-align: start;
+        font-size: 16px;
+        font-weight: bold;
+        color: #ffffff;
+      }
+
+      .bubble-wrap__close {
+        width: 12px;
+        height: 12px;
+        background-repeat: no-repeat;
+        background-size: 100% 100%;
+        cursor: pointer;
+      }
+    }
+
+    .bubble-wrap__content {
+      background-color: rgb(74 101 161 / 38%);
+      padding: 25px 10px;
+      display: flex;
+      justify-content: space-between;
+      align-items: flex-start;
+      color: #fff;
+      font-size: 14px;
+
+      .content__label {
+        width: 110px;
+        color: #fff;
+        font-size: 14px;
+      }
+
+      .content__text {
+        display: -webkit-box;
+        -webkit-box-orient: vertical;
+        -webkit-line-clamp: 3;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: normal;
+        height: 48px;
+      }
+    }
+
+    .bubble-wrap__footer {
+      background-color: rgb(74 101 161 / 38%);
+      padding: 10px 14px;
+      text-align: right;
+
+      .footer__text {
+        color: #05e3fb;
+        font-size: 14px;
+        cursor: pointer;
+        margin: 0;
+        display: inline-flex;
+        align-items: center;
+
+        &:hover {
+          text-decoration: underline;
+        }
+      }
+    }
+  }
+}
+
+/* 动画效果 */
+@keyframes moveUpDown {
+
+  0%,
+  100% {
+    transform: translateY(0);
+  }
+
+  50% {
+    transform: translateY(-5px);
+  }
+}
+
+@keyframes moveUpDown__2 {
+
+  0%,
+  100% {
+    transform: translateX(12px) translateY(-10px);
+  }
+
+  50% {
+    transform: translateX(12px) translateY(-15px);
+  }
+}
+
+@keyframes zooming {
+
+  0%,
+  100% {
+    transform: scale(1);
+  }
+
+  50% {
+    transform: scale(1.1);
+  }
+}
+
+@keyframes slide-in-elliptic-bottom-fwd {
+  0% {
+    transform: translateY(600px) rotateX(30deg) scale(0);
+    transform-origin: 50% 100%;
+    opacity: 0;
+  }
+
+  100% {
+    transform: translateY(0) rotateX(0) scale(1);
+    transform-origin: 50% 100%;
+    opacity: 1;
+  }
+}
\ No newline at end of file
diff --git a/src/pages/Container/Entry/index.js b/src/pages/Container/Entry/index.js
new file mode 100644
index 0000000..c51ecfd
--- /dev/null
+++ 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}
+      />
+    );
+  }
+}
diff --git a/src/pages/Container/index.js b/src/pages/Container/index.js
new file mode 100644
index 0000000..c26d322
--- /dev/null
+++ 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;
+  }
+}
diff --git a/src/pages/index.js b/src/pages/index.js
new file mode 100644
index 0000000..64c36bb
--- /dev/null
+++ 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>
+  );
+}
diff --git a/webstorm.config.js b/webstorm.config.js
new file mode 100644
index 0000000..ca262cd
--- /dev/null
+++ 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/"),
+    },
+  },
+};