hai 1 ano · 6314ae0ffd
--- a/.env
+++ b/.env
@@ -0,0 +1,9 @@
 
																+VITE_APP_APP="fire"
															
 
																+VITE_SEVER_URL="https://192.168.0.25"
															
 
																+VITE_DEVCODE_URL="https://192.168.0.25/code"
															
 
																+VITE_SWKK_URL="https://test.4dkankan.com"
															
 
																+VITE_SERVICE_URL="https://test.4dkankan.com"
															
 
																+VITE_SWSS_URL="https://uat-laser.4dkankan.com/uat"
															
 
																+VITE_LASER_URL="https://uat-laser.4dkankan.com"
															
 
																+VITE_FDKK_URL="https://laser.4dkankan.com"
															
 
																+VITE_DOC_URL="https://192.168.0.25/docs/#/product/all/zh-cn/README"
															
--- a/.env.development
+++ b/.env.development
@@ -0,0 +1,10 @@
 
																+VITE_APP_APP="fire"
															
 
																+VITE_SEVER_URL="https://192.168.0.25"
															
 
																+# VITE_SEVER_URL="https://xj-mix3d.4dkankan.com"
															
 
																+VITE_DEVCODE_URL="https://192.168.0.25/code"
															
 
																+VITE_SWKK_URL="https://test.4dkankan.com"
															
 
																+VITE_SERVICE_URL="https://test.4dkankan.com"
															
 
																+VITE_SWSS_URL="https://uat-laser.4dkankan.com/uat"
															
 
																+VITE_LASER_URL="https://uat-laser.4dkankan.com"
															
 
																+VITE_FDKK_URL="https://uat-laser.4dkankan.com/uat"
															
 
																+VITE_DOC_URL="https://192.168.0.25/docs/#/product/all/zh-cn/README"
															
--- a/.env.fire
+++ b/.env.fire
@@ -0,0 +1,9 @@
 
																+VITE_APP_APP="fire"
															
 
																+VITE_SEVER_URL="https://192.168.0.25"
															
 
																+VITE_DEVCODE_URL="https://192.168.0.25/code"
															
 
																+VITE_SWKK_URL="https://4dkankan.com"
															
 
																+VITE_SERVICE_URL="https://4dkankan.com"
															
 
																+VITE_SWSS_URL="https://laser.4dkankan.com/"
															
 
																+VITE_LASER_URL="https://laser.4dkankan.com"
															
 
																+VITE_FDKK_URL="https://uat-laser.4dkankan.com/uat"
															
 
																+VITE_DOC_URL="https://192.168.0.25/docs/#/product/all/zh-cn/README"
															
--- a/.gitignore
+++ b/.gitignore
@@ -0,0 +1,24 @@
 
																+# Logs
															
 
																+logs
															
 
																+*.log
															
 
																+npm-debug.log*
															
 
																+yarn-debug.log*
															
 
																+yarn-error.log*
															
 
																+pnpm-debug.log*
															
 
																+lerna-debug.log*
															
 
																+
															
 
																+node_modules
															
 
																+dist
															
 
																+dist-ssr
															
 
																+*.local
															
 
																+
															
 
																+# Editor directories and files
															
 
																+.vscode/*
															
 
																+!.vscode/extensions.json
															
 
																+.idea
															
 
																+.DS_Store
															
 
																+*.suo
															
 
																+*.ntvs*
															
 
																+*.njsproj
															
 
																+*.sln
															
 
																+*.sw?
															
--- a/.vscode/extensions.json
+++ b/.vscode/extensions.json
@@ -0,0 +1,6 @@
 
																+{
															
 
																+  "recommendations": [
															
 
																+    "Vue.offical",
															
 
																+    "Vue.vscode-typescript-vue-plugin"
															
 
																+  ],
															
 
																+}
															
--- a/index.html
+++ b/index.html
@@ -0,0 +1,15 @@
 
																+<!doctype html>
															
 
																+<html lang="en">
															
 
																+
															
 
																+<head>
															
 
																+  <meta charset="UTF-8" />
															
 
																+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
															
 
																+  <link rel="icon" type="image/ico" href="/favicon.ico" id="app-icon" />
															
 
																+</head>
															
 
																+
															
 
																+<body>
															
 
																+  <div id="app"></div>
															
 
																+  <script type="module" src="/src/main.ts"></script>
															
 
																+</body>
															
 
																+
															
 
																+</html>
															
--- a/map.html
+++ b/map.html
@@ -0,0 +1,15 @@
 
																+<!doctype html>
															
 
																+<html lang="en">
															
 
																+
															
 
																+<head>
															
 
																+  <meta charset="UTF-8" />
															
 
																+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
															
 
																+  <link rel="icon" type="image/ico" href="/favicon.ico" id="app-icon" />
															
 
																+</head>
															
 
																+
															
 
																+<body>
															
 
																+  <div id="app"></div>
															
 
																+  <script type="module" src="/src/app/map/main.ts"></script>
															
 
																+</body>
															
 
																+
															
 
																+</html>
															
--- a/mirror.html
+++ b/mirror.html
@@ -0,0 +1,15 @@
 
																+<!doctype html>
															
 
																+<html lang="en">
															
 
																+
															
 
																+<head>
															
 
																+  <meta charset="UTF-8" />
															
 
																+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
															
 
																+  <link rel="icon" type="image/ico" href="/favicon.ico" id="app-icon" />
															
 
																+</head>
															
 
																+
															
 
																+<body>
															
 
																+  <div id="app"></div>
															
 
																+  <script type="module" src="/src/app/mirror/main.ts"></script>
															
 
																+</body>
															
 
																+
															
 
																+</html>
															
--- a/package-lock.json
+++ b/package-lock.json
--- a/package.json
+++ b/package.json
@@ -0,0 +1,45 @@
 
																+{
															
 
																+  "name": "public-service",
															
 
																+  "private": true,
															
 
																+  "version": "0.0.0",
															
 
																+  "type": "module",
															
 
																+  "scripts": {
															
 
																+    "dev": "vite",
															
 
																+    "build": "npm run build-quisk",
															
 
																+    "build-quisk": "vite build ./ --mode=fire",
															
 
																+    "preview": "vite preview"
															
 
																+  },
															
 
																+  "dependencies": {
															
 
																+    "@amap/amap-jsapi-loader": "^1.0.1",
															
 
																+    "@element-plus/icons-vue": "^2.1.0",
															
 
																+    "@types/qs": "^6.9.7",
															
 
																+    "@vueuse/components": "^10.11.0",
															
 
																+    "@vueuse/core": "^10.11.0",
															
 
																+    "@vueuse/router": "^10.11.0",
															
 
																+    "axios": "^1.4.0",
															
 
																+    "echarts": "^5.4.3",
															
 
																+    "element-plus": "^2.3.8",
															
 
																+    "js-base64": "^3.7.5",
															
 
																+    "mime": "^3.0.0",
															
 
																+    "mitt": "^3.0.1",
															
 
																+    "qrcode.vue": "^3.4.1",
															
 
																+    "qs": "^6.11.2",
															
 
																+    "sass": "^1.64.2",
															
 
																+    "sortablejs": "^1.15.2",
															
 
																+    "swiper": "^11.1.4",
															
 
																+    "three": "^0.158.0",
															
 
																+    "unplugin-element-plus": "^0.7.2",
															
 
																+    "unplugin-vue-define-options": "^1.3.12",
															
 
																+    "vue": "^3.3.4",
															
 
																+    "vue-cropper": "^1.0.9",
															
 
																+    "vue-draggable-plus": "^0.5.0",
															
 
																+    "vue-router": "^4.2.4"
															
 
																+  },
															
 
																+  "devDependencies": {
															
 
																+    "@types/node": "^20.4.5",
															
 
																+    "@vitejs/plugin-vue": "^4.2.3",
															
 
																+    "typescript": "^5.0.2",
															
 
																+    "vite": "^4.4.5",
															
 
																+    "vue-tsc": "^1.8.5"
															
 
																+  }
															
 
																+}
															
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
--- a/public/favicon.ico
+++ b/public/favicon.ico
--- a/public/xfile-viewer/.prettierrc
+++ b/public/xfile-viewer/.prettierrc
@@ -0,0 +1,14 @@
 
																+{
															
 
																+    "printWidth": 200,
															
 
																+    "tabWidth": 4,
															
 
																+    "useTabs": false,
															
 
																+    "semi": false,
															
 
																+    "singleQuote": true,
															
 
																+    "arrowParens": "avoid",
															
 
																+    "bracketSpacing": true,
															
 
																+    "disableLanguages": [],
															
 
																+    "eslintIntegration": false,
															
 
																+    "stylelintIntegration": false,
															
 
																+    "tslintIntegration": false,
															
 
																+    "proseWrap": "preserve"
															
 
																+}
															
--- a/public/xfile-viewer/index.html
+++ b/public/xfile-viewer/index.html
@@ -0,0 +1,247 @@
 
																+<!DOCTYPE html>
															
 
																+<html lang="en">
															
 
																+    <head>
															
 
																+        <meta charset="UTF-8" />
															
 
																+        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
															
 
																+        <title>文档浏览</title>
															
 
																+        <script src="./publish/lib/hammer.js"></script>
															
 
																+        <script src="./publish/lib/cornerstone.js"></script>
															
 
																+        <script src="./publish/lib/cornerstoneMath.min.js"></script>
															
 
																+        <script src="./publish/lib/cornerstoneWADOImageLoader.bundle.min.js"></script>
															
 
																+        <script src="./publish/lib/cornerstoneWebImageLoader.min.js"></script>
															
 
																+        <script src="./publish/lib/cornerstoneTools.js"></script>
															
 
																+        <script src="./publish/lib/dicomParser.min.js"></script>
															
 
																+        <style>
															
 
																+            .disabled {
															
 
																+                opacity: 0.5;
															
 
																+                pointer-events: none;
															
 
																+            }
															
 
																+            select {
															
 
																+                outline: none;
															
 
																+            }
															
 
																+            html,
															
 
																+            body {
															
 
																+                width: 100%;
															
 
																+                height: 100%;
															
 
																+            }
															
 
																+            body {
															
 
																+                margin: 0;
															
 
																+                overflow: hidden;
															
 
																+            }
															
 
																+            #dicomImage {
															
 
																+                width: 100%;
															
 
																+                height: 100%;
															
 
																+            }
															
 
																+            #toolbar {
															
 
																+                position: absolute;
															
 
																+                left: 50%;
															
 
																+                top: 24px;
															
 
																+                padding: 10px;
															
 
																+                transform: translateX(-50%);
															
 
																+                background-color: #fff;
															
 
																+                border: solid 1px #e5e5e5;
															
 
																+                border-radius: 6px;
															
 
																+                z-index: 999;
															
 
																+                display: flex;
															
 
																+                align-items: center;
															
 
																+                justify-content: space-around;
															
 
																+                box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
															
 
																+                font-size: 12px;
															
 
																+            }
															
 
																+            #toolbar > div {
															
 
																+                cursor: pointer;
															
 
																+                padding: 0 5px;
															
 
																+            }
															
 
																+            #toolbar > div.active {
															
 
																+                color: #1779ed;
															
 
																+            }
															
 
																+            #statbar {
															
 
																+                cursor: pointer;
															
 
																+                position: absolute;
															
 
																+                left: 50%;
															
 
																+                bottom: 24px;
															
 
																+                padding: 10px;
															
 
																+                transform: translateX(-50%);
															
 
																+                background-color: #fff;
															
 
																+                border: solid 1px #e5e5e5;
															
 
																+                border-radius: 6px;
															
 
																+                z-index: 999;
															
 
																+                display: none;
															
 
																+                align-items: center;
															
 
																+                justify-content: space-around;
															
 
																+                box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
															
 
																+                font-size: 12px;
															
 
																+            }
															
 
																+        </style>
															
 
																+    </head>
															
 
																+    <body>
															
 
																+        <div id="dicomImage"></div>
															
 
																+        <div id="toolbar">
															
 
																+            <div id="Length">
															
 
																+                标注:
															
 
																+                <select onchange="tools.annotation(this.value)">
															
 
																+                    <option value="">请选择</option>
															
 
																+                    <option value="ArrowAnnotate">箭头</option>
															
 
																+                    <option value="Length">长度</option>
															
 
																+                    <option value="Angle">角度</option>
															
 
																+                    <option value="RectangleRoi">矩形</option>
															
 
																+                    <option value="EllipticalRoi">椭圆</option>
															
 
																+                    <option value="FreehandRoi">面积</option>
															
 
																+                    <option value="Probe">针探</option>
															
 
																+                </select>
															
 
																+            </div>
															
 
																+            <div id="Wwwc" onclick="tools.wwwc()">调整窗宽窗高</div>
															
 
																+            <div onclick="tools.download()">下载</div>
															
 
																+        </div>
															
 
																+        <div id="statbar" onclick="tools.annotation('')">退出</div>
															
 
																+        <script>
															
 
																+            const urlParams = key => {
															
 
																+                let querys = window.location.search.substr(1).split('&')
															
 
																+                for (let i = 0; i < querys.length; i++) {
															
 
																+                    let keypair = querys[i].split('=')
															
 
																+                    if (keypair.length === 2 && keypair[0] === key) {
															
 
																+                        return keypair[1]
															
 
																+                    }
															
 
																+                }
															
 
																+                return ''
															
 
																+            }
															
 
																+
															
 
																+            const tools = {
															
 
																+                name: '',
															
 
																+                set active(name) {
															
 
																+                    document.querySelectorAll('#toolbar >div').forEach(el => el.classList.remove('active'))
															
 
																+                    if (name) {
															
 
																+                        this.name = name
															
 
																+                        document.getElementById(name).classList.add('active')
															
 
																+                    } else {
															
 
																+                        this.name = ''
															
 
																+                    }
															
 
																+                },
															
 
																+                download() {
															
 
																+                    var link = document.createElement('a')
															
 
																+                    link.download = 'preview.png'
															
 
																+                    link.href = document.querySelector('canvas').toDataURL('image/png').replace('image/png', 'image/octet-stream')
															
 
																+                    link.click()
															
 
																+                },
															
 
																+                wwwc() {
															
 
																+                    const name = 'Wwwc'
															
 
																+                    if (this.name == name) {
															
 
																+                        cornerstoneTools.setToolActive('Pan', {
															
 
																+                            mouseButtonMask: 1,
															
 
																+                        })
															
 
																+                        this.active = ''
															
 
																+                    } else {
															
 
																+                        cornerstoneTools.setToolActive('Wwwc', {
															
 
																+                            mouseButtonMask: 1,
															
 
																+                        })
															
 
																+                        this.active = name
															
 
																+                    }
															
 
																+                },
															
 
																+                annotation(name) {
															
 
																+                    const wwwc = document.getElementById('Wwwc')
															
 
																+                    const leave = document.getElementById('statbar')
															
 
																+                    const select = document.querySelector('select')
															
 
																+                    if (name) {
															
 
																+                        if (this.name == 'Wwwc') {
															
 
																+                            this.wwwc()
															
 
																+                        }
															
 
																+                        wwwc.classList.add('disabled')
															
 
																+                        leave.style.display = 'flex'
															
 
																+                        select.disabled = true
															
 
																+                        cornerstoneTools.setToolActive(name, { mouseButtonMask: 1 })
															
 
																+                    } else {
															
 
																+                        wwwc.classList.remove('disabled')
															
 
																+                        leave.style.display = 'none'
															
 
																+                        select.disabled = false
															
 
																+                        document.querySelector('select').value = ''
															
 
																+                        cornerstoneTools.setToolPassive(this.name)
															
 
																+                        cornerstoneTools.setToolActive('Pan', {
															
 
																+                            mouseButtonMask: 1,
															
 
																+                        })
															
 
																+                    }
															
 
																+                    this.name = name
															
 
																+                },
															
 
																+            }
															
 
																+            // 注册并挂载cornerstone及其cornerstoneTools，固定操作
															
 
																+            cornerstoneTools.external.cornerstone = cornerstone
															
 
																+            cornerstoneTools.external.cornerstoneMath = cornerstoneMath
															
 
																+            cornerstoneTools.external.Hammer = Hammer
															
 
																+            cornerstoneWADOImageLoader.external.dicomParser = dicomParser
															
 
																+            cornerstoneWADOImageLoader.external.cornerstone = cornerstone
															
 
																+            var file = urlParams('file')
															
 
																+            if (!file) {
															
 
																+                alert('文档不能为空')
															
 
																+            } else {
															
 
																+                var imageId = 'wadouri: ' + decodeURIComponent(file) //http://192.168.0.11:80/20231025172413.dcm'
															
 
																+                // 初始化cornerstoneTools工具
															
 
																+                cornerstoneTools.init([
															
 
																+                    {
															
 
																+                        moduleName: 'globalConfiguration',
															
 
																+                        configuration: {
															
 
																+                            showSVGCursors: true,
															
 
																+                        },
															
 
																+                    },
															
 
																+                    {
															
 
																+                        moduleName: 'segmentation',
															
 
																+                        configuration: {
															
 
																+                            outlineWidth: 2,
															
 
																+                        },
															
 
																+                    },
															
 
																+                ])
															
 
																+
															
 
																+                // 获取要用于加载图片的div区域
															
 
																+                var element = document.getElementById('dicomImage')
															
 
																+                //激活获取到的用于图片加载的区域
															
 
																+                cornerstone.enable(element)
															
 
																+                //   // 从cornerstoneTools库中获取窗宽,窗高工具
															
 
																+                //   const WwwcTool = cornerstoneTools.WwwcTool;
															
 
																+                //   //添加获取到的窗宽,窗高工具
															
 
																+                //   cornerstoneTools.addTool(WwwcTool);
															
 
																+                //   // 绑定工具操作功能到鼠标左键
															
 
																+                //   cornerstoneTools.setToolActive("Wwwc", {
															
 
																+                //     mouseButtonMask: 1,
															
 
																+                //   });
															
 
																+                //使用loadAndCacheImage()方法加载并缓存图片，然后使用displayImage()方法显示图片。
															
 
																+                cornerstone.loadAndCacheImage(imageId).then(function (image) {
															
 
																+                    cornerstone.displayImage(element, image)
															
 
																+                })
															
 
																+
															
 
																+                /* 平移、缩放  */
															
 
																+                const PanTool = cornerstoneTools.PanTool
															
 
																+                cornerstoneTools.addTool(PanTool)
															
 
																+                cornerstoneTools.setToolActive('Pan', { mouseButtonMask: 1 })
															
 
																+
															
 
																+                const ZoomMouseWheelTool = cornerstoneTools.ZoomMouseWheelTool
															
 
																+                cornerstoneTools.addTool(ZoomMouseWheelTool)
															
 
																+                cornerstoneTools.setToolActive('ZoomMouseWheel', { mouseButtonMask: 1 })
															
 
																+
															
 
																+                /*  标注工具 */
															
 
																+                // 长度标注
															
 
																+                const LengthTool = cornerstoneTools.LengthTool
															
 
																+                cornerstoneTools.addTool(LengthTool)
															
 
																+
															
 
																+                const AngleTool = cornerstoneTools.AngleTool
															
 
																+                cornerstoneTools.addTool(AngleTool)
															
 
																+
															
 
																+                const ArrowAnnotateTool = cornerstoneTools.ArrowAnnotateTool
															
 
																+                cornerstoneTools.addTool(ArrowAnnotateTool)
															
 
																+
															
 
																+                const RectangleRoiTool = cornerstoneTools.RectangleRoiTool
															
 
																+                cornerstoneTools.addTool(RectangleRoiTool)
															
 
																+
															
 
																+                const EllipticalRoiTool = cornerstoneTools.EllipticalRoiTool
															
 
																+                cornerstoneTools.addTool(EllipticalRoiTool)
															
 
																+
															
 
																+                const FreehandRoiTool = cornerstoneTools.FreehandRoiTool
															
 
																+                cornerstoneTools.addTool(FreehandRoiTool)
															
 
																+
															
 
																+                const ProbeTool = cornerstoneTools.ProbeTool
															
 
																+                cornerstoneTools.addTool(ProbeTool)
															
 
																+
															
 
																+                const WwwcTool = cornerstoneTools.WwwcTool
															
 
																+                //添加获取到的窗宽,窗高工具
															
 
																+                cornerstoneTools.addTool(WwwcTool)
															
 
																+            }
															
 
																+        </script>
															
 
																+    </body>
															
 
																+</html>
															
--- a/public/xfile-viewer/publish/20231025172413.dcm
+++ b/public/xfile-viewer/publish/20231025172413.dcm
--- a/public/xfile-viewer/publish/20231025172413.raw
+++ b/public/xfile-viewer/publish/20231025172413.raw
--- a/public/xfile-viewer/publish/lib/cornerstone.js
+++ b/public/xfile-viewer/publish/lib/cornerstone.js
--- a/public/xfile-viewer/publish/lib/cornerstoneMath.min.js
+++ b/public/xfile-viewer/publish/lib/cornerstoneMath.min.js
--- a/public/xfile-viewer/publish/lib/cornerstoneTools.js
+++ b/public/xfile-viewer/publish/lib/cornerstoneTools.js
--- a/public/xfile-viewer/publish/lib/cornerstoneWADOImageLoader.bundle.min.js
+++ b/public/xfile-viewer/publish/lib/cornerstoneWADOImageLoader.bundle.min.js
--- a/public/xfile-viewer/publish/lib/cornerstoneWebImageLoader.min.js
+++ b/public/xfile-viewer/publish/lib/cornerstoneWebImageLoader.min.js
--- a/public/xfile-viewer/publish/lib/dicomParser.min.js
+++ b/public/xfile-viewer/publish/lib/dicomParser.min.js
--- a/public/xfile-viewer/publish/lib/hammer.js
+++ b/public/xfile-viewer/publish/lib/hammer.js
--- a/src/App.vue
+++ b/src/App.vue
@@ -0,0 +1,12 @@
 
																+<template>
															
 
																+  <Locale>
															
 
																+    <router-view v-slot="{ Component }">
															
 
																+      <component :is="Component" />
															
 
																+    </router-view>
															
 
																+    <div id="dialog"></div>
															
 
																+  </Locale>
															
 
																+</template>
															
 
																+
															
 
																+<script setup lang="ts">
															
 
																+import Locale from "@/config/locale.vue";
															
 
																+</script>
															
--- a/src/app/criminal/constant.ts
+++ b/src/app/criminal/constant.ts
@@ -0,0 +1,20 @@
 
																+import { AppConstant } from "../";
															
 
																+import banner from "@/assets/image/criminalBanner.png";
															
 
																+import ico from "@/assets/image/criminal.ico";
															
 
																+import linkIco from "@/assets/image/criminal-32.png";
															
 
																+
															
 
																+import { criminalDeptId } from "@/constant/appDeptId";
															
 
																+
															
 
																+export const appConstant: AppConstant = {
															
 
																+  title: "多尺度融合的现场3D数字化重建系统",
															
 
																+  desc: "",
															
 
																+  ico,
															
 
																+
															
 
																+  banner,
															
 
																+  name: "criminal",
															
 
																+  loginComponent: () => import("./view/login/index.vue"),
															
 
																+  deptId: criminalDeptId,
															
 
																+};
															
 
																+
															
 
																+const link = document.querySelector<HTMLLinkElement>("#app-icon")!;
															
 
																+link.setAttribute("href", linkIco);
															
--- a/src/app/criminal/routeConfig.ts
+++ b/src/app/criminal/routeConfig.ts
@@ -0,0 +1,27 @@
 
																+import { RouteName } from "@/router/routeName";
															
 
																+import { Routes } from "@/router/config";
															
 
																+
															
 
																+export const CriminalRouteName = {
															
 
																+  ...RouteName,
															
 
																+  example: "example",
															
 
																+} as const;
															
 
																+
															
 
																+export const menuRouteNames = [
															
 
																+  // CriminalRouteName.statistics,
															
 
																+  CriminalRouteName.vrmodel,
															
 
																+  CriminalRouteName.camera,
															
 
																+  CriminalRouteName.example,
															
 
																+  CriminalRouteName.organization,
															
 
																+  CriminalRouteName.role,
															
 
																+  CriminalRouteName.user,
															
 
																+  CriminalRouteName.downloadLog,
															
 
																+];
															
 
																+
															
 
																+export const routes: Routes = [
															
 
																+  {
															
 
																+    name: CriminalRouteName.example,
															
 
																+    path: "example",
															
 
																+    component: () => import("@/app/criminal/view/example/index.vue"),
															
 
																+    meta: { title: "案件管理", icon: "iconfire_management" },
															
 
																+  },
															
 
																+];
															
--- a/src/app/criminal/store/example.ts
+++ b/src/app/criminal/store/example.ts
@@ -0,0 +1,24 @@
 
																+import {
															
 
																+  PaggingReq,
															
 
																+  PaggingRes,
															
 
																+  axios,
															
 
																+  exampleList,
															
 
																+  deleteExample,
															
 
																+  setExample as setExampleUrl,
															
 
																+} from "@/request";
															
 
																+import { Case } from "@/store/case";
															
 
																+
															
 
																+export type Example = Case;
															
 
																+
															
 
																+export const getExamplePagging = async (
															
 
																+  params: PaggingReq<Pick<Case, "caseTitle">>
															
 
																+) => (await axios.get(exampleList, { params })).data as PaggingRes<Example>;
															
 
																+
															
 
																+export const delExample = (example: Example) =>
															
 
																+  axios.post(deleteExample, { caseId: example.caseId });
															
 
																+
															
 
																+export const addExample = (caseTitle: string) =>
															
 
																+  axios.post(setExampleUrl, { caseTitle });
															
 
																+
															
 
																+export const setExample = (caseTitle: string, id: number) =>
															
 
																+  axios.post(setExampleUrl, { caseTitle, caseId: id });
															
--- a/src/app/criminal/useStyle.scss
+++ b/src/app/criminal/useStyle.scss
@@ -0,0 +1,21 @@
 
																+@forward 'element-plus/theme-chalk/src/common/var.scss'with ($colors: ('primary': ('base': #26559B, )),
															
 
																+  $common-component-size: ('default': 40px));
															
 
																+
															
 
																+.delBtn {
															
 
																+  color   : #26559B;
															
 
																+  // color: rgb(250, 85, 85);
															
 
																+}
															
 
																+
															
 
																+body {
															
 
																+
															
 
																+
															
 
																+  .home-content h1,
															
 
																+  .info h1 {
															
 
																+    color: rgba(0, 0, 0, 0.85);
															
 
																+  }
															
 
																+
															
 
																+  .home-content p,
															
 
																+  .info p {
															
 
																+    color: rgba(0, 0, 0, 0.45);
															
 
																+  }
															
 
																+}
															
--- a/src/app/criminal/view/example/edit.vue
+++ b/src/app/criminal/view/example/edit.vue
@@ -0,0 +1,33 @@
 
																+<template>
															
 
																+  <el-form ref="form" label-width="84px">
															
 
																+    <el-form-item label="案件名称">
															
 
																+      <el-input
															
 
																+        v-model="bindExample.caseTitle"
															
 
																+        maxlength="50"
															
 
																+        placeholder="请输入案件名称"
															
 
																+      />
															
 
																+    </el-form-item>
															
 
																+  </el-form>
															
 
																+</template>
															
 
																+
															
 
																+<script setup lang="ts">
															
 
																+import { ref } from "vue";
															
 
																+import { Example, setExample, addExample } from "@/app/criminal/store/example";
															
 
																+import { ElMessage } from "element-plus";
															
 
																+import { QuiskExpose } from "@/helper/mount";
															
 
																+
															
 
																+const props = defineProps<{ example?: Example }>();
															
 
																+const bindExample = ref<Example>(props.example ? { ...props.example } : ({} as Example));
															
 
																+
															
 
																+defineExpose<QuiskExpose>({
															
 
																+  async submit() {
															
 
																+    if (!bindExample.value.caseTitle || !bindExample.value.caseTitle.trim()) {
															
 
																+      ElMessage.error("案件名称不能为空");
															
 
																+      throw "案件名称不能为空";
															
 
																+    }
															
 
																+    await (bindExample.value.caseId
															
 
																+      ? setExample(bindExample.value.caseTitle, bindExample.value.caseId)
															
 
																+      : addExample(bindExample.value.caseTitle));
															
 
																+  },
															
 
																+});
															
 
																+</script>
															
--- a/src/app/criminal/view/example/index.vue
+++ b/src/app/criminal/view/example/index.vue
@@ -0,0 +1,109 @@
 
																+<template>
															
 
																+  <com-head :options="[{ name: '案件管理', value: '2' }]">
															
 
																+    <el-form label-width="84px" inline>
															
 
																+      <el-form-item label="标题：">
															
 
																+        <el-input v-model="state.query.caseTitle" placeholder="请输入"></el-input>
															
 
																+      </el-form-item>
															
 
																+      <el-form-item label="承办单位：">
															
 
																+        <com-company v-model="state.query.deptId" />
															
 
																+      </el-form-item>
															
 
																+      <el-form-item class="searh-btns" style="grid-area: 1 / 4 / 2 / 6">
															
 
																+        <el-button type="primary" @click="refresh">查询</el-button>
															
 
																+        <el-button type="primary" plain @click="queryReset">重置</el-button>
															
 
																+      </el-form-item>
															
 
																+    </el-form>
															
 
																+  </com-head>
															
 
																+
															
 
																+  <div class="body-layer">
															
 
																+    <div class="body-head">
															
 
																+      <h3 style="visibility: hidden">案件列表</h3>
															
 
																+      <div class="table-ctrl-right">
															
 
																+        <el-button type="primary" @click="addHandler" v-pdpath="['add']">
															
 
																+          新增案件
															
 
																+        </el-button>
															
 
																+      </div>
															
 
																+    </div>
															
 
																+
															
 
																+    <el-table
															
 
																+      :data="state.table.rows"
															
 
																+      id="multipleTable"
															
 
																+      style="width: 100%"
															
 
																+      class="table"
															
 
																+      size="large"
															
 
																+    >
															
 
																+      <el-table-column label="序号" width="70" v-slot:default="{ $index }">
															
 
																+        <div style="text-align: center">
															
 
																+          {{ state.pag.size * (state.pag.currentPage - 1) + $index + 1 }}
															
 
																+        </div>
															
 
																+      </el-table-column>
															
 
																+      <el-table-column label="标题" prop="caseTitle"></el-table-column>
															
 
																+      <el-table-column label="承办单位" prop="deptName"></el-table-column>
															
 
																+      <el-table-column label="创建时间" prop="createTime"></el-table-column>
															
 
																+      <el-table-column
															
 
																+        label="操作"
															
 
																+        v-slot:default="{ row }: { row: Example }"
															
 
																+        :width="240"
															
 
																+      >
															
 
																+        <CaseEditMenu
															
 
																+          :caseId="row.caseId"
															
 
																+          :title="row.caseTitle"
															
 
																+          :prevMenu="[
															
 
																+            { key: 'info', label: '编辑案件', onClick: () => editHandler(row) },
															
 
																+          ]"
															
 
																+          v-if="row.caseId"
															
 
																+        />
															
 
																+        <span class="oper-span" @click="gotoQuery(row.caseId)" v-pdpath="['view']"
															
 
																+          >查看</span
															
 
																+        >
															
 
																+        <span
															
 
																+          class="oper-span"
															
 
																+          @click="del(row)"
															
 
																+          style="color: var(--primaryColor)"
															
 
																+          v-pdpath="['del']"
															
 
																+        >
															
 
																+          删除
															
 
																+        </span>
															
 
																+      </el-table-column>
															
 
																+    </el-table>
															
 
																+
															
 
																+    <com-pagination
															
 
																+      @size-change="changPageSize"
															
 
																+      @current-change="changPageCurrent"
															
 
																+      :current-page="state.pag.currentPage"
															
 
																+      :page-size="state.pag.size"
															
 
																+      :total="state.pag.total"
															
 
																+    />
															
 
																+  </div>
															
 
																+</template>
															
 
																+
															
 
																+<script setup lang="ts">
															
 
																+import comHead from "@/components/head/index.vue";
															
 
																+import comCompany from "@/components/company-select/index.vue";
															
 
																+import comPagination from "@/components/pagination/index.vue";
															
 
																+import { usePagging } from "@/hook/pagging";
															
 
																+import { Example, delExample, getExamplePagging } from "@/app/criminal/store/example";
															
 
																+import CaseEditMenu from "@/view/case/editMenu.vue";
															
 
																+import { gotoQuery } from "@/view/case/help";
															
 
																+import { addExample, editExample } from "./quisk";
															
 
																+
															
 
																+const { state, refresh, queryReset, del, changPageSize, changPageCurrent } = usePagging({
															
 
																+  get: getExamplePagging,
															
 
																+  del: delExample,
															
 
																+  mapper: {
															
 
																+    delMsg: "删除案件，相关档案也会一并删除，确定要删除吗？",
															
 
																+  },
															
 
																+  paramsTemlate: { caseTitle: "", deptId: "" },
															
 
																+});
															
 
																+
															
 
																+const addHandler = async () => {
															
 
																+  if (await addExample({})) {
															
 
																+    refresh();
															
 
																+  }
															
 
																+};
															
 
																+
															
 
																+const editHandler = async (example: Example) => {
															
 
																+  if (await editExample({ example })) {
															
 
																+    refresh();
															
 
																+  }
															
 
																+};
															
 
																+</script>
															
--- a/src/app/criminal/view/example/quisk.ts
+++ b/src/app/criminal/view/example/quisk.ts
@@ -0,0 +1,12 @@
 
																+import Edit from "./edit.vue";
															
 
																+import { quiskMountFactory } from "@/helper/mount";
															
 
																+
															
 
																+export const addExample = quiskMountFactory(Edit, {
															
 
																+  title: "新增案件",
															
 
																+  width: 500,
															
 
																+});
															
 
																+
															
 
																+export const editExample = quiskMountFactory(Edit, {
															
 
																+  title: "编辑案件",
															
 
																+  width: 500,
															
 
																+});
															
--- a/src/app/criminal/view/login/index.vue
+++ b/src/app/criminal/view/login/index.vue
@@ -0,0 +1,296 @@
 
																+<template>
															
 
																+  <div class="login-layer">
															
 
																+    <div class="content">
															
 
																+      <div class="info">
															
 
																+        <img src="@/assets/image/criminal.ico" alt="" />
															
 
																+        <h1>{{ appConstant.title }}</h1>
															
 
																+      </div>
															
 
																+      <el-form class="panel login" :model="form" @submit.stop>
															
 
																+        <h2>欢 迎 登 录</h2>
															
 
																+        <el-form-item class="panel-form-item">
															
 
																+          <p class="err-info">{{ verification.phone }}</p>
															
 
																+          <el-input
															
 
																+            :maxlength="11"
															
 
																+            v-model.trim="form.phone"
															
 
																+            placeholder="手机号"
															
 
																+            @keydown.enter="submitClick"
															
 
																+          ></el-input>
															
 
																+        </el-form-item>
															
 
																+        <el-form-item class="panel-form-item">
															
 
																+          <p class="err-info">{{ verification.psw }}</p>
															
 
																+          <el-input
															
 
																+            v-model="form.psw"
															
 
																+            :maxlength="16"
															
 
																+            placeholder="密码"
															
 
																+            :type="flag ? 'password' : 'text'"
															
 
																+            @keydown.enter="submitClick"
															
 
																+          >
															
 
																+            <template v-slot:suffix>
															
 
																+              <img
															
 
																+                v-if="flag"
															
 
																+                @click="flag = !flag"
															
 
																+                style="width: 20px; margin: 10px 15px"
															
 
																+                src="@/assets/image/pasword.png"
															
 
																+                alt=""
															
 
																+              />
															
 
																+              <el-icon :size="20" @click="flag = !flag" class="icon-style" v-else>
															
 
																+                <View />
															
 
																+              </el-icon>
															
 
																+            </template>
															
 
																+          </el-input>
															
 
																+        </el-form-item>
															
 
																+
															
 
																+        <el-form-item class="panel-form-item code-form-item">
															
 
																+          <p class="err-info">{{ verification.code }}</p>
															
 
																+          <el-input
															
 
																+            v-model="form.code"
															
 
																+            placeholder="验证码"
															
 
																+            @keydown.enter="submitClick"
															
 
																+            class="code-input"
															
 
																+          >
															
 
																+            <template v-slot:append>
															
 
																+              <img :src="codeImg" class="code-img" @click="refer" />
															
 
																+            </template>
															
 
																+          </el-input>
															
 
																+        </el-form-item>
															
 
																+
															
 
																+        <el-form-item class="panel-form-item" style="margin-top: 18px">
															
 
																+          <el-button type="primary" class="fill" @click="submitClick">登录</el-button>
															
 
																+        </el-form-item>
															
 
																+
															
 
																+        <!-- <div class="more">
															
 
																+          <a @click="$router.push({ name: 'forget' })">忘记密码</a>
															
 
																+        </div> -->
															
 
																+      </el-form>
															
 
																+    </div>
															
 
																+
															
 
																+    <p class="desc">
															
 
																+      公安部鉴定中心 & 珠海市四维时代网络科技有限公司 |
															
 
																+      公安部科技强警基础工作计划（2022JC13）
															
 
																+    </p>
															
 
																+  </div>
															
 
																+</template>
															
 
																+
															
 
																+<script lang="ts" setup>
															
 
																+import { reactive, watch, ref, computed } from "vue";
															
 
																+import { openErrorMsg, baseURL, getCode } from "@/request";
															
 
																+import { PHONE } from "@/constant/REG";
															
 
																+import { guid, strToParams } from "@/util";
															
 
																+import { RouteName, router } from "@/router";
															
 
																+import { login } from "@/store/system";
															
 
																+import { appConstant } from "@/app";
															
 
																+import { user } from "@/store/user";
															
 
																+
															
 
																+// 是否显示明文密码
															
 
																+const flag = ref(true);
															
 
																+// 表单
															
 
																+const form = reactive({
															
 
																+  phone: localStorage.getItem("userName") || "",
															
 
																+  psw: localStorage.getItem("password") || "",
															
 
																+  code: "",
															
 
																+  remember: import.meta.env.DEV || localStorage.getItem("remember") === "1",
															
 
																+});
															
 
																+const verification = reactive({ phone: "", psw: "", code: "" });
															
 
																+// 验证
															
 
																+watch(
															
 
																+  form,
															
 
																+  () => {
															
 
																+    console.log("form", form);
															
 
																+    if (!form.phone) {
															
 
																+      verification.phone = "请输入手机号";
															
 
																+    } else if (form.phone == "88888888888") {
															
 
																+      verification.phone = "";
															
 
																+    } else {
															
 
																+      verification.phone = PHONE.REG.test(form.phone) ? "" : PHONE.tip;
															
 
																+    }
															
 
																+    if (!form.psw) {
															
 
																+      verification.psw = "请输入密码";
															
 
																+    } else {
															
 
																+      verification.psw = "";
															
 
																+    }
															
 
																+    if (!form.code.trim()) {
															
 
																+      verification.code = "请输入验证码";
															
 
																+    } else {
															
 
																+      verification.code = "";
															
 
																+    }
															
 
																+  },
															
 
																+  { immediate: true }
															
 
																+);
															
 
																+
															
 
																+// 图片验证码
															
 
																+const imgKey = ref(guid());
															
 
																+const refer = () => (imgKey.value = guid());
															
 
																+const codeImg = computed(() => baseURL + getCode + "?key=" + imgKey.value);
															
 
																+
															
 
																+// 表单提交
															
 
																+const submitClick = async () => {
															
 
																+  if (verification.phone && verification.phone !== "88888888888") {
															
 
																+    return openErrorMsg(verification.phone);
															
 
																+  }
															
 
																+  if (verification.psw) return openErrorMsg(verification.psw);
															
 
																+  if (verification.code) return openErrorMsg(verification.code);
															
 
																+
															
 
																+  try {
															
 
																+    await login({ phoneNum: form.phone, code: form.code, password: form.psw });
															
 
																+
															
 
																+    if (form.remember) {
															
 
																+      localStorage.setItem("userName", form.phone);
															
 
																+      localStorage.setItem("password", form.psw);
															
 
																+      localStorage.setItem("remember", "1");
															
 
																+    } else {
															
 
																+      localStorage.setItem("userName", "");
															
 
																+      localStorage.setItem("password", "");
															
 
																+      localStorage.setItem("remember", "0");
															
 
																+    }
															
 
																+
															
 
																+    const params = strToParams(window.location.search);
															
 
																+    if ("redirect" in params) {
															
 
																+      const url = new URL(unescape(params.redirect));
															
 
																+      url.searchParams.delete("token");
															
 
																+      url.searchParams.append("token", user.value.token);
															
 
																+      window.location.replace(url);
															
 
																+    } else {
															
 
																+      router.replace({ name: RouteName.scene });
															
 
																+    }
															
 
																+  } catch (e) {
															
 
																+    console.error(e);
															
 
																+    return refer();
															
 
																+  }
															
 
																+};
															
 
																+</script>
															
 
																+
															
 
																+<style lang="sass">
															
 
																+@import "./style.scss"
															
 
																+</style>
															
 
																+
															
 
																+<style lang="scss" scoped>
															
 
																+.login-layer {
															
 
																+  width: 100%;
															
 
																+  height: 100%;
															
 
																+  background: #eceff2 url("@/assets/image/criminalBanner.png") no-repeat center center;
															
 
																+  background-size: cover;
															
 
																+  position: inherit;
															
 
																+
															
 
																+  .desc {
															
 
																+    position: absolute;
															
 
																+    left: 50%;
															
 
																+    transform: translateX(-50%);
															
 
																+    bottom: 30px;
															
 
																+    font-size: 14px;
															
 
																+    color: #999999;
															
 
																+    line-height: 30px;
															
 
																+    width: 100%;
															
 
																+    padding: 0 20px;
															
 
																+    text-align: center;
															
 
																+    letter-spacing: 1px;
															
 
																+  }
															
 
																+}
															
 
																+.content {
															
 
																+  display: flex;
															
 
																+  justify-content: space-between;
															
 
																+  align-items: flex-start;
															
 
																+  height: 100%;
															
 
																+}
															
 
																+.info {
															
 
																+  color: #fff;
															
 
																+  margin-right: 143px;
															
 
																+  padding-top: 40px;
															
 
																+  padding-left: 44px;
															
 
																+  flex: none;
															
 
																+  text-align: left;
															
 
																+  display: flex;
															
 
																+  align-items: center;
															
 
																+
															
 
																+  img {
															
 
																+    width: 40px;
															
 
																+    height: 40px;
															
 
																+    margin-right: 20px;
															
 
																+  }
															
 
																+  h1 {
															
 
																+    font-size: 2.2rem;
															
 
																+  }
															
 
																+}
															
 
																+
															
 
																+.login {
															
 
																+  width: 400px;
															
 
																+  margin-right: 12.5%;
															
 
																+  position: relative;
															
 
																+  display: inline-block;
															
 
																+  background: none;
															
 
																+  box-shadow: none;
															
 
																+  align-self: center;
															
 
																+
															
 
																+  h2 {
															
 
																+    padding-left: 0;
															
 
																+    padding-bottom: 0;
															
 
																+    border-bottom: none;
															
 
																+    margin-bottom: 2.14rem;
															
 
																+    text-align: center;
															
 
																+    font-weight: bold;
															
 
																+    font-size: 36px;
															
 
																+
															
 
																+    span {
															
 
																+      color: #646566;
															
 
																+      font-size: 1.33rem;
															
 
																+      margin-top: 0.71rem;
															
 
																+      display: block;
															
 
																+    }
															
 
																+  }
															
 
																+
															
 
																+  .panel-form-item {
															
 
																+    padding-left: 0;
															
 
																+    padding-right: 0;
															
 
																+    .icon-style {
															
 
																+      margin-right: 14px;
															
 
																+      font-size: 20px;
															
 
																+      line-height: 50px;
															
 
																+    }
															
 
																+  }
															
 
																+
															
 
																+  .more a:first-child::after {
															
 
																+    content: "";
															
 
																+    position: absolute;
															
 
																+    right: -5px;
															
 
																+    width: 1px;
															
 
																+    height: 8px;
															
 
																+    background: #dcdee0;
															
 
																+    top: 50%;
															
 
																+    transform: translateY(-50%);
															
 
																+  }
															
 
																+}
															
 
																+
															
 
																+.code-img {
															
 
																+  height: 40px;
															
 
																+}
															
 
																+</style>
															
 
																+
															
 
																+<style>
															
 
																+.login-layer .el-input {
															
 
																+  --el-input-bg-color: #f6f8fb;
															
 
																+  /* var(--el-fill-color-blank) */
															
 
																+}
															
 
																+.login .code-form-item .el-input {
															
 
																+  display: flex;
															
 
																+}
															
 
																+
															
 
																+.login .code-form-item .el-input-group__append {
															
 
																+  flex: none;
															
 
																+  margin-left: 10px;
															
 
																+  width: 95px;
															
 
																+  display: flex;
															
 
																+  align-items: center;
															
 
																+  justify-content: center;
															
 
																+  padding: 0;
															
 
																+}
															
 
																+
															
 
																+.login .code-form-item .el-input__inner {
															
 
																+  flex: 1;
															
 
																+}
															
 
																+.login .code-form-item .el-input-group__append,
															
 
																+.login .code-form-item .el-input__inner {
															
 
																+  border-radius: 4px;
															
 
																+}
															
 
																+input[type="password"]::-ms-reveal {
															
 
																+  display: none;
															
 
																+}
															
 
																+</style>
															
--- a/src/app/criminal/view/login/style.scss
+++ b/src/app/criminal/view/login/style.scss
@@ -0,0 +1,75 @@
 
																+.panel {
															
 
																+  background   : rgba(255, 255, 255, 0.7);
															
 
																+  box-shadow   : 0px 2px 20px 0px rgba(5, 38, 38, 0.15);
															
 
																+  border-radius: 10px;
															
 
																+  width        : 600px;
															
 
																+  padding      : 30px 0 40px;
															
 
																+  text-align   : initial;
															
 
																+
															
 
																+  h2 {
															
 
																+    color         : #323233;
															
 
																+    font-size     : 1.85rem;
															
 
																+    margin-bottom : 2.14rem;
															
 
																+    font-weight   : normal;
															
 
																+    padding-left  : 60px;
															
 
																+    padding-bottom: 20px;
															
 
																+    border-bottom : 1px solid #E9E9E9;
															
 
																+  }
															
 
																+
															
 
																+  .panel-form-item {
															
 
																+    position      : relative;
															
 
																+    padding-bottom: 2.14rem;
															
 
																+    margin        : 0;
															
 
																+    padding-left  : 90px;
															
 
																+    padding-right : 90px;
															
 
																+
															
 
																+    &.remember {
															
 
																+      padding: 0;
															
 
																+    }
															
 
																+
															
 
																+    .err-info {
															
 
																+      position   : absolute;
															
 
																+      top        : 100%;
															
 
																+      left       : 20px;
															
 
																+      font-size  : 1rem;
															
 
																+      line-height: 2.14rem;
															
 
																+      color      : #FA5555;
															
 
																+    }
															
 
																+
															
 
																+  }
															
 
																+
															
 
																+  .more {
															
 
																+    text-align: center;
															
 
																+
															
 
																+    a {
															
 
																+      color          : #323233;
															
 
																+      line-height    : 21px;
															
 
																+      font-size      : 16px;
															
 
																+      margin         : 0 5px;
															
 
																+      position       : relative;
															
 
																+      text-decoration: none;
															
 
																+      cursor         : pointer;
															
 
																+    }
															
 
																+  }
															
 
																+}
															
 
																+
															
 
																+
															
 
																+.panel-form-item .el-select {
															
 
																+  width: 100%;
															
 
																+}
															
 
																+
															
 
																+.panel-form-item .el-button,
															
 
																+.panel-form-item .el-input__inner {
															
 
																+  height   : 40px;
															
 
																+  font-size: 1.14rem;
															
 
																+}
															
 
																+
															
 
																+.panel-form-item .el-button {
															
 
																+  line-height: 26px;
															
 
																+  font-weight: bold;
															
 
																+  font-size  : 16px;
															
 
																+}
															
 
																+
															
 
																+.panel-form-item .el-form-item__label {
															
 
																+  line-height: 40px;
															
 
																+}
															
--- a/src/app/fire/constant.ts
+++ b/src/app/fire/constant.ts
@@ -0,0 +1,14 @@
 
																+import { AppConstant } from "../";
															
 
																+import banner from "@/assets/image/fireBanner.png";
															
 
																+import ico from "@/assets/image/fire.ico";
															
 
																+import { fireDeptId } from "@/constant/appDeptId";
															
 
																+// 新疆消防救援总队火灾现场重建平台
															
 
																+export const appConstant: AppConstant = {
															
 
																+  title: "消防火调三维远程勘验平台",
															
 
																+  // desc: "Three-dimensional remote prospecting platform for fire scenes",
															
 
																+  desc: "",
															
 
																+  ico,
															
 
																+  banner,
															
 
																+  name: "fire",
															
 
																+  deptId: fireDeptId,
															
 
																+};
															
--- a/src/app/fire/constant/fire.ts
+++ b/src/app/fire/constant/fire.ts
@@ -0,0 +1,582 @@
 
																+import { FireStatus } from "@/app/fire/store/fire";
															
 
																+
															
 
																+// 火灾原因
															
 
																+export const reason = [
															
 
																+  {
															
 
																+    label: "放火",
															
 
																+    value: "放火",
															
 
																+    children: [
															
 
																+      { value: "刑事防火", label: "刑事防火" },
															
 
																+      { value: "精神病、智障等人士防火", label: "精神病、智障等人士防火" },
															
 
																+      { value: "自焚", label: "自焚" },
															
 
																+      { value: "其他", label: "其他" },
															
 
																+    ],
															
 
																+  },
															
 
																+  {
															
 
																+    value: "电气火灾",
															
 
																+    label: "电气火灾",
															
 
																+    children: [
															
 
																+      { label: "蓄电池故障（热失控）", value: "蓄电池故障（热失控）" },
															
 
																+      {
															
 
																+        label: "电气线路故障（线路接插件、配电盘、控制装置等） ",
															
 
																+        value: "电气线路故障（线路接插件、配电盘、控制装置等） ",
															
 
																+      },
															
 
																+      { label: "电动机及其他工业设备", value: "电动机及其他工业设备" },
															
 
																+      { label: "电器设备故障", value: "电器设备故障" },
															
 
																+      { label: "电加热器具火灾", value: "电加热器具火灾" },
															
 
																+      { label: "其他", value: "其他" },
															
 
																+    ],
															
 
																+  },
															
 
																+  {
															
 
																+    value: "产作业",
															
 
																+    label: "产作业",
															
 
																+    children: [
															
 
																+      { label: "焊割", value: "焊割" },
															
 
																+      { label: "熬炼", value: "熬炼" },
															
 
																+      { label: "化工生产", value: "化工生产" },
															
 
																+      { label: "机械设备类故障", value: "机械设备类故障" },
															
 
																+      { label: "烘烤", value: "烘烤" },
															
 
																+      { label: "接触高温", value: "接触高温" },
															
 
																+      { label: "其他", value: "其他" },
															
 
																+    ],
															
 
																+  },
															
 
																+  {
															
 
																+    value: "用火不慎",
															
 
																+    label: "用火不慎",
															
 
																+    children: [
															
 
																+      { label: "余火复燃", value: "余火复燃" },
															
 
																+      { label: "照明不慎", value: "照明不慎" },
															
 
																+      { label: "烘烤不慎", value: "烘烤不慎" },
															
 
																+      { label: "敬神祭祖", value: "敬神祭祖" },
															
 
																+      { label: "油锅起火", value: "油锅起火" },
															
 
																+      { label: "燃气炉具故障及使用不当", value: "燃气炉具故障及使用不当" },
															
 
																+      { label: "燃油炉具故障及使用不当", value: "燃油炉具故障及使用不当" },
															
 
																+      { label: "其他炉具故障及使用不当", value: "其他炉具故障及使用不当" },
															
 
																+      { label: "烟道过热窜火、飞火等", value: "烟道过热窜火、飞火等" },
															
 
																+      { label: "烧荒、野外生火不慎", value: "烧荒、野外生火不慎" },
															
 
																+      { label: "使用蚊香不慎", value: "使用蚊香不慎" },
															
 
																+      { label: "其他", value: "其他" },
															
 
																+    ],
															
 
																+  },
															
 
																+  {
															
 
																+    value: "吸烟",
															
 
																+    label: "吸烟",
															
 
																+    children: [
															
 
																+      { label: "违章吸烟", value: "违章吸烟" },
															
 
																+      { label: "乱扔烟头、火柴等", value: "乱扔烟头、火柴等" },
															
 
																+      { label: "卧床吸烟", value: "卧床吸烟" },
															
 
																+      { label: "其他", value: "其他" },
															
 
																+    ],
															
 
																+  },
															
 
																+  {
															
 
																+    value: "玩火",
															
 
																+    label: "玩火",
															
 
																+    children: [
															
 
																+      { label: "小孩玩火", value: "小孩玩火" },
															
 
																+      { label: "其他", value: "其他" },
															
 
																+    ],
															
 
																+  },
															
 
																+  { label: "燃放烟花爆竹", value: "燃放烟花爆竹" },
															
 
																+  { label: "自燃", value: "自燃" },
															
 
																+  { label: "雷击", value: "雷击" },
															
 
																+  { label: "静电", value: "静电" },
															
 
																+  { label: "遗留火种", value: "遗留火种" },
															
 
																+  { label: "其他", value: "其他" },
															
 
																+  { label: "不排除原因", value: "不排除原因" },
															
 
																+];
															
 
																+
															
 
																+// 天气情况等标准化勘验信息
															
 
																+export const place = [
															
 
																+  {
															
 
																+    label: "非建构筑物",
															
 
																+    value: "非建构筑物",
															
 
																+    children: [
															
 
																+      { label: "室外集贸市场", value: "室外集贸市场" },
															
 
																+      { label: "露天堆垛", value: "露天堆垛" },
															
 
																+      {
															
 
																+        label: "露天农副业场所",
															
 
																+        value: "露天农副业场所",
															
 
																+        children: [
															
 
																+          { label: "农田", value: "农田" },
															
 
																+          { label: "经济林木（含果园）", value: "经济林木（含果园）" },
															
 
																+          { label: "苗圃", value: "苗圃" },
															
 
																+          { label: "花卉", value: "花卉" },
															
 
																+          { label: "养殖场", value: "养殖场" },
															
 
																+          { label: "大棚", value: "大棚" },
															
 
																+          { label: "其他", value: "其他" },
															
 
																+        ],
															
 
																+      },
															
 
																+      {
															
 
																+        label: "室外独立生产设施设备",
															
 
																+        value: "室外独立生产设施设备",
															
 
																+        children: [
															
 
																+          { label: "风力发电设施", value: "风力发电设施" },
															
 
																+          { label: "光伏发电设施", value: "光伏发电设施" },
															
 
																+          {
															
 
																+            label: "小型变压器、配电柜等室外输配电设备",
															
 
																+            value: "小型变压器、配电柜等室外输配电设备",
															
 
																+          },
															
 
																+          { label: "变电站", value: "变电站" },
															
 
																+          { label: "通讯基站", value: "通讯基站" },
															
 
																+          { label: "其他室外独立式生产设施", value: "其他室外独立式生产设施" },
															
 
																+        ],
															
 
																+      },
															
 
																+      { label: "公园", value: "公园" },
															
 
																+      { label: "森林", value: "森林" },
															
 
																+      { label: "草原", value: "草原" },
															
 
																+      { label: "道路绿化带、隔离带", value: "道路绿化带、隔离带" },
															
 
																+      { label: "其他", value: "其他" },
															
 
																+    ],
															
 
																+  },
															
 
																+  {
															
 
																+    label: "交通工具",
															
 
																+    value: "交通工具",
															
 
																+    children: [
															
 
																+      {
															
 
																+        label: "客车",
															
 
																+        value: "客车",
															
 
																+        children: [
															
 
																+          { label: "燃油车", value: "燃油车" },
															
 
																+          { label: "燃气车", value: "燃气车" },
															
 
																+          { label: "电动车", value: "电动车" },
															
 
																+          { label: "混合电动车", value: "混合电动车" },
															
 
																+        ],
															
 
																+      },
															
 
																+      {
															
 
																+        label: "货车",
															
 
																+        value: "货车",
															
 
																+        children: [
															
 
																+          { label: "燃油车", value: "燃油车" },
															
 
																+          { label: "燃气车", value: "燃气车" },
															
 
																+          { label: "电动车", value: "电动车" },
															
 
																+          { label: "混合电动车", value: "混合电动车" },
															
 
																+        ],
															
 
																+      },
															
 
																+      {
															
 
																+        label: "轿车",
															
 
																+        value: "轿车",
															
 
																+        children: [
															
 
																+          { label: "燃油车", value: "燃油车" },
															
 
																+          { label: "燃气车", value: "燃气车" },
															
 
																+          { label: "电动车", value: "电动车" },
															
 
																+          { label: "混合电动车", value: "混合电动车" },
															
 
																+        ],
															
 
																+      },
															
 
																+      {
															
 
																+        label: "特种车",
															
 
																+        value: "特种车",
															
 
																+        children: [
															
 
																+          { label: "燃油车", value: "燃油车" },
															
 
																+          { label: "燃气车", value: "燃气车" },
															
 
																+          { label: "电动车", value: "电动车" },
															
 
																+          { label: "混合电动车", value: "混合电动车" },
															
 
																+        ],
															
 
																+      },
															
 
																+      { label: "摩托车", value: "摩托车" },
															
 
																+      { label: "铁路列车", value: "铁路列车" },
															
 
																+      { label: "船舶", value: "船舶" },
															
 
																+      { label: "航空（天）", value: "航空（天）" },
															
 
																+      { label: "城市轨道交通工具", value: "城市轨道交通工具" },
															
 
																+      { label: "农用机械", value: "农用机械" },
															
 
																+      {
															
 
																+        label: "电动助力车（三轮车、自行车）",
															
 
																+        value: "电动助力车（三轮车、自行车）",
															
 
																+      },
															
 
																+      { label: "其他", value: "其他" },
															
 
																+    ],
															
 
																+  },
															
 
																+  {
															
 
																+    label: "建构筑物",
															
 
																+    value: "建构筑物",
															
 
																+    children: [
															
 
																+      {
															
 
																+        label: "居住场所",
															
 
																+        value: "居住场所",
															
 
																+        children: [
															
 
																+          { label: "自建住宅", value: "自建住宅" },
															
 
																+          {
															
 
																+            label: "非自建住宅",
															
 
																+            value: "非自建住宅",
															
 
																+            children: [
															
 
																+              { label: "商品房	", value: "商品房	" },
															
 
																+              { label: "经适房	", value: "经适房	" },
															
 
																+              { label: "集资房	", value: "集资房	" },
															
 
																+              { label: "公寓房	", value: "公寓房	" },
															
 
																+            ],
															
 
																+          },
															
 
																+          { label: "员工集体宿舍", value: "员工集体宿舍" },
															
 
																+        ],
															
 
																+      },
															
 
																+      { label: "办公场所", value: "办公场所" },
															
 
																+      {
															
 
																+        label: "学校",
															
 
																+        value: "学校",
															
 
																+        children: [
															
 
																+          {
															
 
																+            label: "幼儿园托儿所",
															
 
																+            value: "幼儿园托儿所",
															
 
																+            children: [
															
 
																+              { label: "教学场所	", value: "教学场所	" },
															
 
																+              { label: "实验场所	", value: "实验场所	" },
															
 
																+              { label: "学生集体宿舍	", value: "学生集体宿舍	" },
															
 
																+              { label: "食堂	", value: "食堂	" },
															
 
																+              { label: "礼堂等室内活动场馆	", value: "礼堂等室内活动场馆	" },
															
 
																+              { label: "其他	", value: "其他	" },
															
 
																+            ],
															
 
																+          },
															
 
																+          {
															
 
																+            label: "小学",
															
 
																+            value: "小学",
															
 
																+            children: [
															
 
																+              { label: "教学场所	", value: "教学场所	" },
															
 
																+              { label: "实验场所	", value: "实验场所	" },
															
 
																+              { label: "学生集体宿舍	", value: "学生集体宿舍	" },
															
 
																+              { label: "食堂	", value: "食堂	" },
															
 
																+              { label: "礼堂等室内活动场馆	", value: "礼堂等室内活动场馆	" },
															
 
																+              { label: "其他	", value: "其他	" },
															
 
																+            ],
															
 
																+          },
															
 
																+          {
															
 
																+            label: "中学",
															
 
																+            value: "中学",
															
 
																+            children: [
															
 
																+              { label: "教学场所	", value: "教学场所	" },
															
 
																+              { label: "实验场所	", value: "实验场所	" },
															
 
																+              { label: "学生集体宿舍	", value: "学生集体宿舍	" },
															
 
																+              { label: "食堂	", value: "食堂	" },
															
 
																+              { label: "礼堂等室内活动场馆	", value: "礼堂等室内活动场馆	" },
															
 
																+              { label: "其他	", value: "其他	" },
															
 
																+            ],
															
 
																+          },
															
 
																+          {
															
 
																+            label: "大学",
															
 
																+            value: "大学",
															
 
																+            children: [
															
 
																+              { label: "教学场所	", value: "教学场所	" },
															
 
																+              { label: "实验场所	", value: "实验场所	" },
															
 
																+              { label: "学生集体宿舍	", value: "学生集体宿舍	" },
															
 
																+              { label: "食堂	", value: "食堂	" },
															
 
																+              { label: "礼堂等室内活动场馆	", value: "礼堂等室内活动场馆	" },
															
 
																+              { label: "其他	", value: "其他	" },
															
 
																+            ],
															
 
																+          },
															
 
																+          {
															
 
																+            label: "校外培训机构",
															
 
																+            value: "校外培训机构",
															
 
																+            children: [
															
 
																+              { label: "教学场所	", value: "教学场所	" },
															
 
																+              { label: "实验场所	", value: "实验场所	" },
															
 
																+              { label: "学生集体宿舍	", value: "学生集体宿舍	" },
															
 
																+              { label: "食堂	", value: "食堂	" },
															
 
																+              { label: "礼堂等室内活动场馆	", value: "礼堂等室内活动场馆	" },
															
 
																+              { label: "其他	", value: "其他	" },
															
 
																+            ],
															
 
																+          },
															
 
																+          {
															
 
																+            label: "成人教育机构",
															
 
																+            value: "成人教育机构",
															
 
																+            children: [
															
 
																+              { label: "教学场所	", value: "教学场所	" },
															
 
																+              { label: "实验场所	", value: "实验场所	" },
															
 
																+              { label: "学生集体宿舍	", value: "学生集体宿舍	" },
															
 
																+              { label: "食堂	", value: "食堂	" },
															
 
																+              { label: "礼堂等室内活动场馆	", value: "礼堂等室内活动场馆	" },
															
 
																+              { label: "其他	", value: "其他	" },
															
 
																+            ],
															
 
																+          },
															
 
																+        ],
															
 
																+      },
															
 
																+      {
															
 
																+        label: "商业场所",
															
 
																+        value: "商业场所",
															
 
																+        children: [
															
 
																+          { label: "商场", value: "商场" },
															
 
																+          { label: "超市", value: "超市" },
															
 
																+          { label: "室内市场", value: "室内市场" },
															
 
																+          { label: "经营性小场所", value: "经营性小场所" },
															
 
																+          { label: "其他", value: "其他" },
															
 
																+        ],
															
 
																+      },
															
 
																+      {
															
 
																+        label: "宾馆、饭店、招待所",
															
 
																+        value: "宾馆、饭店、招待所",
															
 
																+        children: [
															
 
																+          { label: "客房", value: "客房" },
															
 
																+          { label: "餐饮", value: "餐饮" },
															
 
																+          { label: "办公室", value: "办公室" },
															
 
																+          { label: "会议室", value: "会议室" },
															
 
																+          { label: "民宿", value: "民宿" },
															
 
																+        ],
															
 
																+      },
															
 
																+      {
															
 
																+        label: "纯餐饮场所",
															
 
																+        value: "纯餐饮场所",
															
 
																+        children: [
															
 
																+          { label: "餐馆酒家", value: "餐馆酒家" },
															
 
																+          { label: "农家乐", value: "农家乐" },
															
 
																+          { label: "露天大排档", value: "露天大排档" },
															
 
																+          { label: "私房菜馆", value: "私房菜馆" },
															
 
																+        ],
															
 
																+      },
															
 
																+      {
															
 
																+        label: "医疗机构",
															
 
																+        value: "医疗机构",
															
 
																+        children: [
															
 
																+          { label: "医院", value: "医院" },
															
 
																+          { label: "诊所", value: "诊所" },
															
 
																+          { label: "康复中心", value: "康复中心" },
															
 
																+          { label: "精神病院", value: "精神病院" },
															
 
																+        ],
															
 
																+      },
															
 
																+      {
															
 
																+        label: "养老院",
															
 
																+        value: "养老院",
															
 
																+        children: [
															
 
																+          { label: "公办养老院", value: "公办养老院" },
															
 
																+          { label: "私营养老院", value: "私营养老院" },
															
 
																+        ],
															
 
																+      },
															
 
																+      { label: "福利院", value: "福利院" },
															
 
																+      {
															
 
																+        label: "公共娱乐场所",
															
 
																+        value: "公共娱乐场所",
															
 
																+        children: [
															
 
																+          {
															
 
																+            label: "影剧院、礼堂等演出、放映场所",
															
 
																+            value: "影剧院、礼堂等演出、放映场所",
															
 
																+          },
															
 
																+          {
															
 
																+            label: "舞厅、卡拉OK厅等歌舞娱乐场所",
															
 
																+            value: "舞厅、卡拉OK厅等歌舞娱乐场所",
															
 
																+          },
															
 
																+          {
															
 
																+            label: "具有娱乐功能的夜总会、音乐茶座场所",
															
 
																+            value: "具有娱乐功能的夜总会、音乐茶座场所",
															
 
																+          },
															
 
																+          {
															
 
																+            label:
															
 
																+              "保龄球馆、旱冰场、按摩、沐足、棋牌、桑拿浴室等营业性健身、休闲场所",
															
 
																+            value:
															
 
																+              "保龄球馆、旱冰场、按摩、沐足、棋牌、桑拿浴室等营业性健身、休闲场所",
															
 
																+          },
															
 
																+          { label: "儿童娱乐、活动场所", value: "儿童娱乐、活动场所" },
															
 
																+          { label: "游艺等其他公共娱乐场所", value: "游艺等其他公共娱乐场所" },
															
 
																+        ],
															
 
																+      },
															
 
																+      {
															
 
																+        label: "体育场馆",
															
 
																+        value: "体育场馆",
															
 
																+        children: [
															
 
																+          { label: "室内部分", value: "室内部分" },
															
 
																+          { label: "露天部分", value: "露天部分" },
															
 
																+        ],
															
 
																+      },
															
 
																+      {
															
 
																+        label: "金融交易场所",
															
 
																+        value: "金融交易场所",
															
 
																+        children: [
															
 
																+          { label: "证券交易所", value: "证券交易所" },
															
 
																+          { label: "银行网点", value: "银行网点" },
															
 
																+        ],
															
 
																+      },
															
 
																+      {
															
 
																+        label: "交通枢纽（站）",
															
 
																+        value: "交通枢纽（站）",
															
 
																+        children: [
															
 
																+          { label: "候机场所", value: "候机场所" },
															
 
																+          { label: "候船场所", value: "候船场所" },
															
 
																+          {
															
 
																+            label: "候车场所",
															
 
																+            value: "候车场所",
															
 
																+            children: [
															
 
																+              { label: "汽车客运站	", value: "汽车客运站	" },
															
 
																+              {
															
 
																+                label: "铁路、高铁、城轨候车场所	",
															
 
																+                value: "铁路、高铁、城轨候车场所	",
															
 
																+              },
															
 
																+            ],
															
 
																+          },
															
 
																+          { label: "地铁站", value: "地铁站" },
															
 
																+          { label: "公交站", value: "公交站" },
															
 
																+          { label: "交通综合枢纽", value: "交通综合枢纽" },
															
 
																+        ],
															
 
																+      },
															
 
																+      {
															
 
																+        label: "文物古建筑",
															
 
																+        value: "文物古建筑",
															
 
																+        children: [
															
 
																+          { label: "国家级", value: "国家级" },
															
 
																+          { label: "省级", value: "省级" },
															
 
																+          { label: "市、县级", value: "市、县级" },
															
 
																+          { label: "其他", value: "其他" },
															
 
																+        ],
															
 
																+      },
															
 
																+      {
															
 
																+        label: "文博馆（图书馆、博物馆、档案馆等）",
															
 
																+        value: "文博馆（图书馆、博物馆、档案馆等）",
															
 
																+      },
															
 
																+      { label: "科研试验场所", value: "科研试验场所" },
															
 
																+      { label: "广播电视中心", value: "广播电视中心" },
															
 
																+      {
															
 
																+        label: "通信场所",
															
 
																+        value: "通信场所",
															
 
																+        children: [
															
 
																+          { label: "营业厅", value: "营业厅" },
															
 
																+          { label: "机房", value: "机房" },
															
 
																+          { label: "其他", value: "其他" },
															
 
																+        ],
															
 
																+      },
															
 
																+      {
															
 
																+        label: "宗教场所",
															
 
																+        value: "宗教场所",
															
 
																+        children: [
															
 
																+          { label: "寺庙", value: "寺庙" },
															
 
																+          { label: "教堂", value: "教堂" },
															
 
																+          { label: "道观", value: "道观" },
															
 
																+          { label: "其他民间信仰场所", value: "其他民间信仰场所" },
															
 
																+        ],
															
 
																+      },
															
 
																+      { label: "会议、展览中心", value: "会议、展览中心" },
															
 
																+      {
															
 
																+        label: "物资仓储场所",
															
 
																+        value: "物资仓储场所",
															
 
																+        children: [
															
 
																+          {
															
 
																+            label: "危险品",
															
 
																+            value: "危险品",
															
 
																+            children: [
															
 
																+              { label: "甲类	", value: "甲类	" },
															
 
																+              { label: "乙类	", value: "乙类	" },
															
 
																+              { label: "丙类	", value: "丙类	" },
															
 
																+              { label: "丁类	", value: "丁类	" },
															
 
																+              { label: "戊类	", value: "戊类	" },
															
 
																+            ],
															
 
																+          },
															
 
																+          { label: "棉花", value: "棉花" },
															
 
																+          { label: "粮食", value: "粮食" },
															
 
																+          { label: "百货", value: "百货" },
															
 
																+          { label: "综合", value: "综合" },
															
 
																+          { label: "物流快递", value: "物流快递" },
															
 
																+          { label: "三合一、多合一", value: "三合一、多合一" },
															
 
																+          { label: "经营性小场所", value: "经营性小场所" },
															
 
																+        ],
															
 
																+      },
															
 
																+      {
															
 
																+        label: "厂房",
															
 
																+        value: "厂房",
															
 
																+        children: [
															
 
																+          { label: "甲乙类生产", value: "甲乙类生产" },
															
 
																+          { label: "丙类生产", value: "丙类生产" },
															
 
																+          { label: "丁戊类生产", value: "丁戊类生产" },
															
 
																+          { label: "劳动密集型", value: "劳动密集型" },
															
 
																+          { label: "三合一、多合一", value: "三合一、多合一" },
															
 
																+          { label: "经营性小场所", value: "经营性小场所" },
															
 
																+          { label: "其他", value: "其他" },
															
 
																+        ],
															
 
																+      },
															
 
																+      {
															
 
																+        label: "加油加气站充电站",
															
 
																+        value: "加油加气站充电站",
															
 
																+        children: [
															
 
																+          { label: "加油站", value: "加油站" },
															
 
																+          { label: "加气站", value: "加气站" },
															
 
																+          { label: "充电站", value: "充电站" },
															
 
																+          { label: "加油加气站", value: "加油加气站" },
															
 
																+          { label: "其他", value: "其他" },
															
 
																+        ],
															
 
																+      },
															
 
																+      {
															
 
																+        label: "汽车库",
															
 
																+        value: "汽车库",
															
 
																+        children: [
															
 
																+          { label: "高层", value: "高层" },
															
 
																+          { label: "多层", value: "多层" },
															
 
																+          { label: "地下", value: "地下" },
															
 
																+          { label: "半地下", value: "半地下" },
															
 
																+          { label: "机械", value: "机械" },
															
 
																+          { label: "敞开式", value: "敞开式" },
															
 
																+        ],
															
 
																+      },
															
 
																+      {
															
 
																+        label: "修车库",
															
 
																+        value: "修车库",
															
 
																+        children: [
															
 
																+          { label: "简易修理厂", value: "简易修理厂" },
															
 
																+          { label: "临时搭建修理厂", value: "临时搭建修理厂" },
															
 
																+        ],
															
 
																+      },
															
 
																+      {
															
 
																+        label: "工地",
															
 
																+        value: "工地",
															
 
																+        children: [
															
 
																+          {
															
 
																+            label: "建设工地",
															
 
																+            value: "建设工地",
															
 
																+            children: [
															
 
																+              {
															
 
																+                label: "建筑物、构筑物、设施等	",
															
 
																+                value: "建筑物、构筑物、设施等	",
															
 
																+              },
															
 
																+              { label: "临时宿舍	", value: "临时宿舍	" },
															
 
																+              { label: "临时办公场所	", value: "临时办公场所	" },
															
 
																+              { label: "临时食堂	", value: "临时食堂	" },
															
 
																+              { label: "临时室内仓库	", value: "临时室内仓库	" },
															
 
																+              { label: "临时建材堆放场所	", value: "临时建材堆放场所	" },
															
 
																+            ],
															
 
																+          },
															
 
																+          { label: "装修、改造工地", value: "装修、改造工地" },
															
 
																+          { label: "动拆迁工地", value: "动拆迁工地" },
															
 
																+        ],
															
 
																+      },
															
 
																+      {
															
 
																+        label: "室内农副业场所",
															
 
																+        value: "室内农副业场所",
															
 
																+        children: [
															
 
																+          { label: "温室", value: "温室" },
															
 
																+          { label: "养殖场", value: "养殖场" },
															
 
																+        ],
															
 
																+      },
															
 
																+      {
															
 
																+        label: "石油化工企业",
															
 
																+        value: "石油化工企业",
															
 
																+        children: [
															
 
																+          { label: "生产装置", value: "生产装置" },
															
 
																+          { label: "储罐区", value: "储罐区" },
															
 
																+          { label: "生活区", value: "生活区" },
															
 
																+          { label: "办公区", value: "办公区" },
															
 
																+        ],
															
 
																+      },
															
 
																+      { label: "其他", value: "其他" },
															
 
																+    ],
															
 
																+  },
															
 
																+  {
															
 
																+    label: "垃圾及废弃物",
															
 
																+    value: "垃圾及废弃物",
															
 
																+    children: [
															
 
																+      { label: "垃圾箱", value: "垃圾箱" },
															
 
																+      { label: "垃圾堆", value: "垃圾堆" },
															
 
																+      { label: "垃圾场", value: "垃圾场" },
															
 
																+      { label: "垃圾中转站", value: "垃圾中转站" },
															
 
																+      { label: "废品回收场所", value: "废品回收场所" },
															
 
																+      { label: "其他", value: "其他" },
															
 
																+    ],
															
 
																+  },
															
 
																+];
															
 
																+
															
 
																+export const fireStatusDesc = {
															
 
																+  [FireStatus.all]: "全部",
															
 
																+  [FireStatus.incomplete]: "未认定",
															
 
																+  [FireStatus.complete]: "已认定",
															
 
																+};
															
 
																+
															
 
																+export const fireStatuOptions = [
															
 
																+  {
															
 
																+    value: FireStatus.all,
															
 
																+    label: fireStatusDesc[FireStatus.all],
															
 
																+  },
															
 
																+  {
															
 
																+    value: FireStatus.incomplete,
															
 
																+    label: fireStatusDesc[FireStatus.incomplete],
															
 
																+  },
															
 
																+  { value: FireStatus.complete, label: fireStatusDesc[FireStatus.complete] },
															
 
																+];
															
--- a/src/app/fire/routeConfig.ts
+++ b/src/app/fire/routeConfig.ts
@@ -0,0 +1,46 @@
 
																+import { RouteName } from "@/router/routeName";
															
 
																+import { Routes } from "@/router/config";
															
 
																+
															
 
																+export const FireRouteName = {
															
 
																+  ...RouteName,
															
 
																+  dispatch: "dispatch",
															
 
																+  teaching: "teaching",
															
 
																+  recycle: "caseRecovery",
															
 
																+} as const;
															
 
																+
															
 
																+export const menuRouteNames = [
															
 
																+  FireRouteName.vrmodel,
															
 
																+  FireRouteName.camera,
															
 
																+  FireRouteName.dispatch,
															
 
																+  FireRouteName.teaching,
															
 
																+  FireRouteName.statistics,
															
 
																+  FireRouteName.organization,
															
 
																+  FireRouteName.role,
															
 
																+  FireRouteName.user,
															
 
																+  FireRouteName.downloadLog,
															
 
																+  FireRouteName.setting,
															
 
																+  FireRouteName.recycle,
															
 
																+  FireRouteName.cameraVersion,
															
 
																+  FireRouteName.cameraVersionApp,
															
 
																+];
															
 
																+
															
 
																+export const routes: Routes = [
															
 
																+  {
															
 
																+    name: FireRouteName.dispatch,
															
 
																+    path: "dispatch",
															
 
																+    component: () => import("./view/dispatch/index.vue"),
															
 
																+    meta: { title: "火调管理", icon: "iconfire_management" },
															
 
																+  },
															
 
																+  {
															
 
																+    name: FireRouteName.teaching,
															
 
																+    path: "teaching",
															
 
																+    component: () => import("./view/dispatch/index.vue"),
															
 
																+    meta: { title: "教学平台", icon: "iconfire_study" },
															
 
																+  },
															
 
																+  {
															
 
																+    name: FireRouteName.recycle,
															
 
																+    path: "recycle",
															
 
																+    component: () => import("./view/dispatch/index.vue"),
															
 
																+    meta: { title: "案件回收", icon: "icon-del" },
															
 
																+  },
															
 
																+];
															
--- a/src/app/fire/store/fire.ts
+++ b/src/app/fire/store/fire.ts
@@ -0,0 +1,106 @@
 
																+import { UN_REQ_NUM } from "@/constant/sys";
															
 
																+import {
															
 
																+  PaggingReq,
															
 
																+  PaggingRes,
															
 
																+  axios,
															
 
																+  fireDetail,
															
 
																+  getFireList,
															
 
																+  getMessageList,
															
 
																+  insertFire,
															
 
																+  insertMessage,
															
 
																+  setTeach,
															
 
																+  setUnTeach,
															
 
																+  updateFire,
															
 
																+} from "@/request";
															
 
																+
															
 
																+export enum FireStatus {
															
 
																+  all = UN_REQ_NUM,
															
 
																+  incomplete = 0,
															
 
																+  complete = 1,
															
 
																+}
															
 
																+
															
 
																+export type Fire = {
															
 
																+  accidentDate: string;
															
 
																+  createTime: string;
															
 
																+  creatorDeptId: string;
															
 
																+  caseId: number;
															
 
																+  mapShow: boolean;
															
 
																+  creatorId: string;
															
 
																+  creatorName: string;
															
 
																+  deptId: string;
															
 
																+  editTime: string;
															
 
																+  editorId: string;
															
 
																+  editorName: string;
															
 
																+  fireReason: string;
															
 
																+  id: string;
															
 
																+  isTeached: number;
															
 
																+  organizerDeptName: string;
															
 
																+  organizerUsers: string;
															
 
																+  projectAddress: string;
															
 
																+  latAndLong: string;
															
 
																+  latlng: string;
															
 
																+  projectName: string;
															
 
																+  projectSite: string;
															
 
																+  projectSiteCode: string;
															
 
																+  projectSn: string;
															
 
																+  status: FireStatus;
															
 
																+  statusDesc: string;
															
 
																+  updateTime: string;
															
 
																+  isDelete?: number;
															
 
																+
															
 
																+  field1: string;
															
 
																+  field2: string;
															
 
																+  field3: string;
															
 
																+  field4: string;
															
 
																+
															
 
																+  field5: string;
															
 
																+  field6: string;
															
 
																+  field7: string;
															
 
																+  field8: string;
															
 
																+  field9: string;
															
 
																+  field10: string;
															
 
																+};
															
 
																+
															
 
																+export enum FirePaggingRoute {
															
 
																+  fire = 1,
															
 
																+  teached = 2,
															
 
																+}
															
 
																+
															
 
																+type FirePaggingParams = PaggingReq<Fire & { queryType: FirePaggingRoute }>;
															
 
																+export const getFirePagging = async (params: FirePaggingParams) =>
															
 
																+  (await axios.get(getFireList, { params })).data as PaggingRes<Fire>;
															
 
																+
															
 
																+export const addFire = async (fire: Omit<Fire, "id">) =>
															
 
																+  axios.post(insertFire, fire);
															
 
																+
															
 
																+export const setFire = async (fire: Fire) => await axios.post(updateFire, fire);
															
 
																+
															
 
																+export const delFire = (fire: Fire, isDelete = 1) =>
															
 
																+  setFire({ ...fire, isDelete: isDelete });
															
 
																+
															
 
																+export const getFire = async (projectId: string) =>
															
 
																+  (await axios.get<Fire>(fireDetail, { params: { type: 0, projectId } })).data;
															
 
																+
															
 
																+export const revokeFireTeachs = (ids: string[]) =>
															
 
																+  axios.post(setUnTeach, { ids: ids.join(",") });
															
 
																+
															
 
																+export const setFireTeachs = (ids: string[]) =>
															
 
																+  axios.post(setTeach, { ids: ids.join(",") });
															
 
																+
															
 
																+export type FireLeaveMsg = {
															
 
																+  id: string;
															
 
																+  content: string;
															
 
																+  userName: string;
															
 
																+  createTime: number;
															
 
																+};
															
 
																+
															
 
																+export const getFireLeaveMsgPagging = async (
															
 
																+  params: PaggingReq<{ projectId: string }>
															
 
																+) =>
															
 
																+  (await axios.get(getMessageList, { params }))
															
 
																+    .data as PaggingRes<FireLeaveMsg>;
															
 
																+
															
 
																+export const addFireLeaveMsg = (params: {
															
 
																+  content: string;
															
 
																+  projectId: string;
															
 
																+}) => axios.post(insertMessage, params);
															
--- a/src/app/fire/useStyle.scss
+++ b/src/app/fire/useStyle.scss
@@ -0,0 +1,7 @@
 
																+@forward 'element-plus/theme-chalk/src/common/var.scss'with ($colors: ('primary': ('base': #D8000A, )),
															
 
																+  $common-component-size: ('default': 40px));
															
 
																+
															
 
																+.delBtn {
															
 
																+  color   : #D8000A;
															
 
																+  // color: rgb(250, 85, 85);
															
 
																+}
															
--- a/src/app/fire/view/dispatch/editFire.vue
+++ b/src/app/fire/view/dispatch/editFire.vue
@@ -0,0 +1,321 @@
 
																+<template>
															
 
																+  <el-form ref="form" label-width="106px" class="camera-from">
															
 
																+    <div class="def-select-map" ref="mapEl"></div>
															
 
																+    <div class="el-form-item">
															
 
																+      <el-col :span="12">
															
 
																+        <el-form-item label="项目编号" class="mandatory">
															
 
																+          <el-input
															
 
																+            v-model="bindFire.projectSn"
															
 
																+            maxlength="18"
															
 
																+            placeholder="请输入项目编号"
															
 
																+          />
															
 
																+        </el-form-item>
															
 
																+      </el-col>
															
 
																+      <el-col :span="12">
															
 
																+        <el-form-item label="起火对象" class="mandatory">
															
 
																+          <el-input
															
 
																+            v-model="bindFire.projectName"
															
 
																+            maxlength="50"
															
 
																+            placeholder="请输入起火对象"
															
 
																+          />
															
 
																+        </el-form-item>
															
 
																+      </el-col>
															
 
																+    </div>
															
 
																+    <el-form-item label="详细地址" class="mandatory asdasd">
															
 
																+      <!-- <el-input
															
 
																+        v-model="bindFire.projectAddress"
															
 
																+        maxlength="50"
															
 
																+        placeholder="请输入详细地址"
															
 
																+      /> -->
															
 
																+      <el-input
															
 
																+        v-model="bindFire.projectAddress"
															
 
																+        placeholder="输入名称搜索"
															
 
																+        clearable
															
 
																+        disabled
															
 
																+      >
															
 
																+        <template #append>
															
 
																+          <el-button :icon="Search" @click="searchAMapAddress" />
															
 
																+        </template>
															
 
																+      </el-input>
															
 
																+    </el-form-item>
															
 
																+    <el-form-item label="勘验地址">
															
 
																+      <el-input v-model="bindFire.field1" maxlength="50" placeholder="请输入勘验地址" />
															
 
																+    </el-form-item>
															
 
																+    <el-form-item label="起火场所" class="mandatory">
															
 
																+      <el-cascader
															
 
																+        style="width: 100%"
															
 
																+        v-model="projectSite"
															
 
																+        placeholder="起火场所"
															
 
																+        :options="place"
															
 
																+        :props="{ expandTrigger: 'hover' }"
															
 
																+      />
															
 
																+    </el-form-item>
															
 
																+    <!-- <el-form-item label="全宗名称">
															
 
																+      <el-input v-model="bindFire.field2" maxlength="50" placeholder="请输入全宗名称" />
															
 
																+    </el-form-item> -->
															
 
																+
															
 
																+    <div class="el-form-item">
															
 
																+      <el-col :span="12">
															
 
																+        <el-form-item label="勘验单位" class="mandatory">
															
 
																+          <companySelect v-model="bindFire.deptId" hideAll :notUpdate="true" disabled />
															
 
																+        </el-form-item>
															
 
																+      </el-col>
															
 
																+      <el-col :span="12">
															
 
																+        <el-form-item label="勘验人员" class="mandatory">
															
 
																+          <el-input
															
 
																+            v-model="bindFire.organizerUsers"
															
 
																+            maxlength="50"
															
 
																+            placeholder="请输入勘验人员"
															
 
																+          />
															
 
																+        </el-form-item>
															
 
																+      </el-col>
															
 
																+    </div>
															
 
																+    <div class="el-form-item">
															
 
																+      <!-- <el-col :span="12">
															
 
																+        <el-form-item label="勘验人姓名">
															
 
																+          <el-input
															
 
																+            v-model="bindFire.field3"
															
 
																+            maxlength="18"
															
 
																+            placeholder="请输入勘验人姓名"
															
 
																+          />
															
 
																+        </el-form-item>
															
 
																+      </el-col> -->
															
 
																+      <el-col :span="12">
															
 
																+        <el-form-item label="勘验人职务">
															
 
																+          <el-input
															
 
																+            v-model="bindFire.field4"
															
 
																+            maxlength="50"
															
 
																+            placeholder="请输入勘验人职务"
															
 
																+          />
															
 
																+        </el-form-item>
															
 
																+      </el-col>
															
 
																+      <el-col :span="12">
															
 
																+        <el-form-item label="火灾原因" class="mandatory">
															
 
																+          <el-cascader
															
 
																+            style="width: 100%"
															
 
																+            v-model="fireReason"
															
 
																+            placeholder="火灾原因："
															
 
																+            :options="reason"
															
 
																+            :props="{ expandTrigger: 'hover' }"
															
 
																+          />
															
 
																+        </el-form-item>
															
 
																+      </el-col>
															
 
																+    </div>
															
 
																+
															
 
																+    <div class="el-form-item">
															
 
																+      <el-col :span="12">
															
 
																+        <el-form-item label="事故日期" class="mandatory" placeholder="请选择事故日期">
															
 
																+          <el-date-picker
															
 
																+            type="date"
															
 
																+            v-model="accidentDate"
															
 
																+            style="width: 100%"
															
 
																+            :disabled-date="(date) => date.getTime() > new Date().getTime()"
															
 
																+          />
															
 
																+        </el-form-item>
															
 
																+      </el-col>
															
 
																+      <el-col :span="12">
															
 
																+        <el-form-item label="大屏显示" class="mandatory">
															
 
																+          <el-switch v-model="bindFire.mapShow" :disabled="!bindFire.latlng" />
															
 
																+        </el-form-item>
															
 
																+      </el-col>
															
 
																+    </div>
															
 
																+
															
 
																+    <div class="el-form-item">
															
 
																+      <el-col :span="12">
															
 
																+        <el-form-item label="事件分类">
															
 
																+          <el-input
															
 
																+            v-model="bindFire.field5"
															
 
																+            maxlength="18"
															
 
																+            placeholder="请输入事件分类"
															
 
																+          />
															
 
																+        </el-form-item>
															
 
																+      </el-col>
															
 
																+      <el-col :span="12">
															
 
																+        <el-form-item label="分类登记">
															
 
																+          <el-input
															
 
																+            v-model="bindFire.field6"
															
 
																+            maxlength="50"
															
 
																+            placeholder="请输入分类登记"
															
 
																+          />
															
 
																+        </el-form-item>
															
 
																+      </el-col>
															
 
																+    </div>
															
 
																+
															
 
																+    <div class="el-form-item">
															
 
																+      <el-col :span="12">
															
 
																+        <el-form-item label="天气情况">
															
 
																+          <el-input
															
 
																+            v-model="bindFire.field7"
															
 
																+            placeholder="请输入天气情况"
															
 
																+            show-word-limit
															
 
																+            maxlength="100"
															
 
																+          />
															
 
																+        </el-form-item>
															
 
																+      </el-col>
															
 
																+      <el-col :span="12">
															
 
																+        <el-form-item
															
 
																+          label="勘验起止时间"
															
 
																+          class="mandatory"
															
 
																+          placeholder="请选择勘验起止时间"
															
 
																+        >
															
 
																+          <el-date-picker
															
 
																+            v-model="f8"
															
 
																+            type="daterange"
															
 
																+            range-separator="-"
															
 
																+            start-placeholder="开始时间"
															
 
																+            end-placeholder="结束时间"
															
 
																+            :disabled-date="(date) => date.getTime() > new Date().getTime()"
															
 
																+          />
															
 
																+          <!-- <el-date-picker
															
 
																+            type="date"
															
 
																+            v-model="f8"
															
 
																+            style="width: 100%"
															
 
																+            :disabled-date="(date) => date.getTime() > new Date().getTime()"
															
 
																+          /> -->
															
 
																+        </el-form-item>
															
 
																+      </el-col>
															
 
																+    </div>
															
 
																+  </el-form>
															
 
																+</template>
															
 
																+
															
 
																+<script setup lang="ts">
															
 
																+import companySelect from "@/components/company-select/index.vue";
															
 
																+import { ref, watchEffect } from "vue";
															
 
																+import { Fire, setFire, addFire } from "@/app/fire/store/fire";
															
 
																+import { reason, place } from "@/app/fire/constant/fire";
															
 
																+import { ElMessage } from "element-plus";
															
 
																+import { dateFormat, debounce } from "@/util";
															
 
																+import { genCascaderValue, getCode } from "@/helper/cascader";
															
 
																+import { QuiskExpose } from "@/helper/mount";
															
 
																+import AMapLoader from "@amap/amap-jsapi-loader";
															
 
																+import { user } from "@/store/user";
															
 
																+import { Search } from "@element-plus/icons-vue";
															
 
																+import { selectMapImage } from "@/view/case/quisk";
															
 
																+
															
 
																+const props = defineProps<{ fire?: Fire }>();
															
 
																+
															
 
																+const bindFire = ref<Fire>(
															
 
																+  props.fire
															
 
																+    ? { ...props.fire }
															
 
																+    : ({
															
 
																+        deptId: user.value.info.deptId,
															
 
																+      } as Fire)
															
 
																+);
															
 
																+
															
 
																+const fireReason = genCascaderValue(bindFire, "fireReason");
															
 
																+const projectSite = genCascaderValue(bindFire, "projectSite");
															
 
																+const accidentDate = ref(
															
 
																+  bindFire.value.accidentDate ? new Date(bindFire.value.accidentDate) : new Date()
															
 
																+);
															
 
																+
															
 
																+const f8s = [new Date(), new Date()];
															
 
																+if (bindFire.value.field8) {
															
 
																+  const s = bindFire.value.field8.split("至");
															
 
																+  console.log(s);
															
 
																+  if (s.length > 1) {
															
 
																+    f8s[0] = new Date(s[0]);
															
 
																+    f8s[1] = new Date(s[1]);
															
 
																+  } else {
															
 
																+    f8s[0] = new Date(s[0]);
															
 
																+  }
															
 
																+}
															
 
																+
															
 
																+const f8 = ref(f8s);
															
 
																+const searchAMapAddress = async () => {
															
 
																+  const data = await selectMapImage({});
															
 
																+  if (!data?.search) return;
															
 
																+  bindFire.value.projectAddress = data.search.text;
															
 
																+  bindFire.value.latlng = bindFire.value.latAndLong = `${data.search.lat},${data.search.lng}`;
															
 
																+};
															
 
																+
															
 
																+defineExpose<QuiskExpose>({
															
 
																+  async submit() {
															
 
																+    if (!bindFire.value.projectAddress || !bindFire.value.projectAddress.trim()) {
															
 
																+      ElMessage.error("详细地址不能为空！");
															
 
																+      throw "详细地址不能为空！";
															
 
																+    } else if (!bindFire.value.projectSn || !bindFire.value.projectSn.trim()) {
															
 
																+      ElMessage.error("项目编号不能为空！");
															
 
																+      throw "项目编号不能为空！";
															
 
																+    } else if (!bindFire.value.projectName || !bindFire.value.projectName.trim()) {
															
 
																+      ElMessage.error("起火对象不能为空！");
															
 
																+      throw "起火对象不能为空！";
															
 
																+    } else if (!bindFire.value.projectSite || !bindFire.value.projectSite.trim()) {
															
 
																+      ElMessage.error("起火场所不能为空！");
															
 
																+      throw "起火场所不能为空！";
															
 
																+    } else if (!bindFire.value.deptId || !bindFire.value.deptId.trim()) {
															
 
																+      ElMessage.error("勘验单位不能为空！");
															
 
																+      throw "勘验单位不能为空！";
															
 
																+    } else if (!bindFire.value.organizerUsers || !bindFire.value.organizerUsers.trim()) {
															
 
																+      ElMessage.error("勘验人员不能为空！");
															
 
																+      throw "勘验人员不能为空！";
															
 
																+    } else if (!accidentDate) {
															
 
																+      ElMessage.error("事故日期不能为空！");
															
 
																+      throw "事故日期不能为空！";
															
 
																+    } else if (!bindFire.value.fireReason || !bindFire.value.fireReason.trim()) {
															
 
																+      ElMessage.error("火灾原因不能为空！");
															
 
																+      throw "火灾原因不能为空！";
															
 
																+    }
															
 
																+
															
 
																+    bindFire.value.accidentDate = dateFormat(accidentDate.value, "yyyy-MM-dd");
															
 
																+    bindFire.value.field8 =
															
 
																+      dateFormat(f8.value[0], "yyyy-MM-dd") +
															
 
																+      "至" +
															
 
																+      dateFormat(f8.value[1], "yyyy-MM-dd");
															
 
																+    bindFire.value.projectSiteCode = getCode(place, bindFire.value.projectSite);
															
 
																+    bindFire.value.id
															
 
																+      ? await setFire(bindFire.value)
															
 
																+      : await addFire(bindFire.value as any);
															
 
																+  },
															
 
																+});
															
 
																+</script>
															
 
																+
															
 
																+<style scoped>
															
 
																+.search-result {
															
 
																+  position: absolute;
															
 
																+  left: 0;
															
 
																+  right: 0;
															
 
																+  z-index: 1;
															
 
																+  overflow: hidden;
															
 
																+  top: 100%;
															
 
																+
															
 
																+  &.show {
															
 
																+    max-height: 450px;
															
 
																+    overflow-y: auto;
															
 
																+  }
															
 
																+}
															
 
																+
															
 
																+.def-map-info {
															
 
																+  margin-top: 10px;
															
 
																+  p {
															
 
																+    font-size: 14px;
															
 
																+    color: rgba(0, 0, 0, 0.85);
															
 
																+    display: inline;
															
 
																+    &:not(:last-child)::after {
															
 
																+      content: ",";
															
 
																+      margin-right: 6px;
															
 
																+    }
															
 
																+  }
															
 
																+
															
 
																+  span::after {
															
 
																+    content: "：";
															
 
																+  }
															
 
																+}
															
 
																+
															
 
																+.def-select-map {
															
 
																+  position: absolute;
															
 
																+  opacity: 0;
															
 
																+  z-index: -1;
															
 
																+  width: 540px;
															
 
																+  height: 390px;
															
 
																+  z-index: 1;
															
 
																+  left: -100vw;
															
 
																+  top: -100vh;
															
 
																+  display: none;
															
 
																+}
															
 
																+
															
 
																+.asdasd {
															
 
																+  position: relative;
															
 
																+  margin-bottom: 15px;
															
 
																+  z-index: 2;
															
 
																+}
															
 
																+</style>
															
--- a/src/app/fire/view/dispatch/editLeaveMsg.vue
+++ b/src/app/fire/view/dispatch/editLeaveMsg.vue
@@ -0,0 +1,43 @@
 
																+<template>
															
 
																+  <el-form ref="form" label-width="84px" class="leave-from">
															
 
																+    <el-input
															
 
																+      type="textarea"
															
 
																+      placeholder="请输入留言内容，限200字"
															
 
																+      maxlength="200"
															
 
																+      show-word-limit
															
 
																+      v-model="content"
															
 
																+    >
															
 
																+    </el-input>
															
 
																+  </el-form>
															
 
																+</template>
															
 
																+
															
 
																+<script setup lang="ts">
															
 
																+import { ElMessage } from "element-plus";
															
 
																+import { ref } from "vue";
															
 
																+import { QuiskExpose } from "@/helper/mount";
															
 
																+import { addFireLeaveMsg } from "@/app/fire/store/fire";
															
 
																+
															
 
																+const props = defineProps<{
															
 
																+  projectId: string;
															
 
																+}>();
															
 
																+const content = ref("");
															
 
																+
															
 
																+defineExpose<QuiskExpose>({
															
 
																+  async submit() {
															
 
																+    if (!content.value.trim()) {
															
 
																+      ElMessage.error("留言内容不能为空！");
															
 
																+      throw "留言内容不能为空！";
															
 
																+    }
															
 
																+    await addFireLeaveMsg({
															
 
																+      content: content.value,
															
 
																+      projectId: props.projectId,
															
 
																+    });
															
 
																+  },
															
 
																+});
															
 
																+</script>
															
 
																+
															
 
																+<style>
															
 
																+.leave-from textarea {
															
 
																+  height: 200px;
															
 
																+}
															
 
																+</style>
															
--- a/src/app/fire/view/dispatch/header.vue
+++ b/src/app/fire/view/dispatch/header.vue
@@ -0,0 +1,93 @@
 
																+<template>
															
 
																+  <com-head :options="head" showCtrl>
															
 
																+    <el-form label-width="84px">
															
 
																+      <el-form-item label="项目编号：">
															
 
																+        <el-input v-model="pagging.state.query.projectSn" placeholder="请输入"></el-input>
															
 
																+      </el-form-item>
															
 
																+      <el-form-item label="起火对象：">
															
 
																+        <el-input
															
 
																+          v-model="pagging.state.query.projectName"
															
 
																+          placeholder="请输入"
															
 
																+        ></el-input>
															
 
																+      </el-form-item>
															
 
																+      <el-form-item label="详细地址：">
															
 
																+        <el-input
															
 
																+          v-model="pagging.state.query.projectAddress"
															
 
																+          placeholder="请输入"
															
 
																+        ></el-input>
															
 
																+      </el-form-item>
															
 
																+      <el-form-item label="起火场所：">
															
 
																+        <el-cascader
															
 
																+          style="width: 100%"
															
 
																+          v-model="projectSite"
															
 
																+          placeholder="请选择"
															
 
																+          :options="[{ label: '全部', value: UN_REQ_NUM.toString() }].concat(place)"
															
 
																+          :props="{ expandTrigger: 'hover', checkStrictly: true }"
															
 
																+        ></el-cascader>
															
 
																+      </el-form-item>
															
 
																+
															
 
																+      <el-form-item label="勘验单位：">
															
 
																+        <com-company v-model="pagging.state.query.deptId" />
															
 
																+      </el-form-item>
															
 
																+      <el-form-item label="事故日期：">
															
 
																+        <el-date-picker
															
 
																+          type="date"
															
 
																+          v-model="pagging.state.query.accidentDate"
															
 
																+          placeholder="请选择"
															
 
																+          style="width: 100%"
															
 
																+        />
															
 
																+      </el-form-item>
															
 
																+      <!-- <el-form-item label="火灾原因：">
															
 
																+        <el-cascader
															
 
																+          style="width: 100%"
															
 
																+          v-model="fireReason"
															
 
																+          placeholder="请选择"
															
 
																+          :options="[{ label: '全部', value: UN_REQ_NUM.toString() }].concat(reason)"
															
 
																+          :props="{ expandTrigger: 'hover', checkStrictly: true }"
															
 
																+        ></el-cascader>
															
 
																+      </el-form-item> -->
															
 
																+      <el-form-item label="项目状态：">
															
 
																+        <el-select placeholder="请选择" v-model="pagging.state.query.status" showAll>
															
 
																+          <el-option
															
 
																+            v-for="option in fireStatuOptions"
															
 
																+            :key="option.value"
															
 
																+            :value="option.value"
															
 
																+            :label="option.label"
															
 
																+          />
															
 
																+        </el-select>
															
 
																+      </el-form-item>
															
 
																+      <el-form-item class="searh-btns" style="grid-area: 1/4/4/5">
															
 
																+        <el-button type="primary" @click="pagging.refresh">查询</el-button>
															
 
																+        <el-button type="primary" plain @click="pagging.queryReset">重置</el-button>
															
 
																+      </el-form-item>
															
 
																+    </el-form>
															
 
																+  </com-head>
															
 
																+</template>
															
 
																+
															
 
																+<script lang="ts" setup>
															
 
																+import { FirePagging } from "./pagging";
															
 
																+import comCompany from "@/components/company-select/index.vue";
															
 
																+import { genCascaderValue, getCode, getRaw, getValue } from "@/helper/cascader";
															
 
																+import { reason, place, fireStatuOptions } from "@/app/fire/constant/fire";
															
 
																+import comHead from "@/components/head/index.vue";
															
 
																+import { computed, ref, watchEffect } from "vue";
															
 
																+import { UN_REQ_NUM } from "@/constant/sys";
															
 
																+
															
 
																+const props = defineProps<{ pagging: FirePagging; isTeached: boolean }>();
															
 
																+const head = computed(() => [
															
 
																+  { name: props.isTeached ? "教学平台" : "火调管理", value: "2" },
															
 
																+]);
															
 
																+
															
 
																+const projectSite = genCascaderValue(
															
 
																+  computed(() => props.pagging.state.query),
															
 
																+  "projectSite",
															
 
																+  UN_REQ_NUM.toString()
															
 
																+);
															
 
																+watchEffect(() => {
															
 
																+  props.pagging.state.query.projectSiteCode = getCode(place, getRaw(projectSite.value!));
															
 
																+});
															
 
																+const fireReason = genCascaderValue(
															
 
																+  computed(() => props.pagging.state.query),
															
 
																+  "fireReason"
															
 
																+);
															
 
																+</script>
															
--- a/src/app/fire/view/dispatch/index.vue
+++ b/src/app/fire/view/dispatch/index.vue
@@ -0,0 +1,174 @@
 
																+<template>
															
 
																+  <Header :pagging="pagging" :isTeached="isTeached" />
															
 
																+  <List
															
 
																+    :pagging="pagging"
															
 
																+    :checkPerm="isTeached ? 'cancel' : 'teach'"
															
 
																+    :isRecycle="isRecycle"
															
 
																+  >
															
 
																+    <template v-slot:tableCtrl>
															
 
																+      <template v-if="!isRecycle">
															
 
																+        <template v-if="isTeached">
															
 
																+          <el-button
															
 
																+            type="primary"
															
 
																+            @click="revokeTeaching()"
															
 
																+            v-pdpath="'cancel'"
															
 
																+            :class="{ disable: !pagging.state.table.selectRows.length }"
															
 
																+          >
															
 
																+            撤销教学
															
 
																+          </el-button>
															
 
																+        </template>
															
 
																+        <template v-else>
															
 
																+          <el-button type="primary" @click="addHandler" v-pdpath="'add'">
															
 
																+            新增火调项目
															
 
																+          </el-button>
															
 
																+          <el-button
															
 
																+            type="primary"
															
 
																+            @click="setTeaching"
															
 
																+            v-pdpath="'teach'"
															
 
																+            :class="{ disable: !pagging.state.table.selectRows.length }"
															
 
																+          >
															
 
																+            设为教学项目
															
 
																+          </el-button>
															
 
																+        </template>
															
 
																+      </template>
															
 
																+    </template>
															
 
																+
															
 
																+    <template v-slot:appendColumn v-if="!isTeached">
															
 
																+      <el-table-column label="教学项目" v-slot:default="{ row }: { row: Fire }">
															
 
																+        {{ row.isTeached ? "是" : "否" }}
															
 
																+      </el-table-column>
															
 
																+    </template>
															
 
																+
															
 
																+    <template v-slot:rowCtrl="{ row }: { row: Fire }">
															
 
																+      <template v-if="!isRecycle">
															
 
																+        <template v-if="isTeached">
															
 
																+          <span class="oper-span" @click="gotoQuery(row.caseId)" v-pdpath="['view']">
															
 
																+            查看
															
 
																+          </span>
															
 
																+          <span
															
 
																+            class="oper-span"
															
 
																+            @click="showMessageHandler(row)"
															
 
																+            v-pdpath="['message:look']"
															
 
																+            >留言
															
 
																+          </span>
															
 
																+        </template>
															
 
																+        <template v-else>
															
 
																+          <CaseEditMenu
															
 
																+            :title="row.projectSn"
															
 
																+            :prev-menu="[
															
 
																+              {
															
 
																+                key: 'info',
															
 
																+                label: '火调信息',
															
 
																+                onClick: () => editHandler(row),
															
 
																+              },
															
 
																+            ]"
															
 
																+            :caseId="row.caseId"
															
 
																+            v-if="row.caseId"
															
 
																+          />
															
 
																+          <span class="oper-span" @click="gotoQuery(row.caseId)" v-pdpath="['view']">
															
 
																+            查看
															
 
																+          </span>
															
 
																+          <span class="oper-span" @click="copy(row.caseId)" v-pdpath="['view']">
															
 
																+            复制
															
 
																+          </span>
															
 
																+          <span
															
 
																+            class="oper-span"
															
 
																+            @click="pagging.del(row)"
															
 
																+            style="color: var(--primaryColor)"
															
 
																+            v-pdpath="['del']"
															
 
																+          >
															
 
																+            删除
															
 
																+          </span>
															
 
																+        </template>
															
 
																+      </template>
															
 
																+      <template v-else>
															
 
																+        <span
															
 
																+          class="oper-span"
															
 
																+          @click="async () => {
															
 
																+            await setFire({...row, isDelete: 0} as any)
															
 
																+            pagging.refresh();
															
 
																+          }"
															
 
																+          v-pdpath="['retruen']"
															
 
																+          style="color: var(--primaryColor)"
															
 
																+        >
															
 
																+          恢复
															
 
																+        </span>
															
 
																+        <span
															
 
																+          class="oper-span"
															
 
																+          @click="pagging.del(row)"
															
 
																+          v-pdpath="['del']"
															
 
																+          style="color: var(--primaryColor)"
															
 
																+        >
															
 
																+          删除
															
 
																+        </span>
															
 
																+      </template>
															
 
																+    </template>
															
 
																+  </List>
															
 
																+</template>
															
 
																+
															
 
																+<script setup lang="ts">
															
 
																+import Header from "./header.vue";
															
 
																+import List from "./list.vue";
															
 
																+import { useFirePagging } from "./pagging";
															
 
																+import { Fire, revokeFireTeachs, setFireTeachs, setFire } from "@/app/fire/store/fire";
															
 
																+import { copyCase } from "@/store/case";
															
 
																+import CaseEditMenu from "@/view/case/editMenu.vue";
															
 
																+import { gotoQuery } from "@/view/case/help";
															
 
																+import { confirm } from "@/helper/message";
															
 
																+import { addFire, editFire, showLeaveMsgList, addLeaveMsg } from "./quisk";
															
 
																+import { shareCase } from "@/view/case/quisk";
															
 
																+import { ElMessage } from "element-plus";
															
 
																+
															
 
																+const { pagging, isTeached, isRecycle } = useFirePagging();
															
 
																+
															
 
																+const copy = async (caseId: number) => {
															
 
																+  await copyCase(caseId);
															
 
																+  pagging.refresh();
															
 
																+};
															
 
																+
															
 
																+// 撤销教学
															
 
																+const revokeTeaching = async (row?: Fire) => {
															
 
																+  if (!(await confirm("撤销教学，火调项目将不再显示在教学平台。（火调项目不会删除）"))) {
															
 
																+    return;
															
 
																+  }
															
 
																+  const items = row ? [row] : pagging.state.table.selectRows;
															
 
																+  await revokeFireTeachs(items.map(({ id }) => id));
															
 
																+  pagging.refresh();
															
 
																+  ElMessage.success(
															
 
																+    items.map(({ projectSn }) => projectSn).join(",") + "已成功从教学项目撤销"
															
 
																+  );
															
 
																+};
															
 
																+
															
 
																+const showMessageHandler = (row: Fire) => {
															
 
																+  showLeaveMsgList({
															
 
																+    projectId: row.id,
															
 
																+    onAddLeaveMsg: () => addLeaveMsg({ projectId: row.id }),
															
 
																+  });
															
 
																+};
															
 
																+
															
 
																+const setTeaching = async () => {
															
 
																+  let items = pagging.state.table.selectRows || [];
															
 
																+  if (!items.length) {
															
 
																+    return ElMessage.error("请先选择操作项");
															
 
																+  }
															
 
																+  if (
															
 
																+    !(await confirm(
															
 
																+      "将火调项目设为教学项目后，总队及以下全部队伍均可查看。设置后可在教学平台取消设置。"
															
 
																+    ))
															
 
																+  ) {
															
 
																+    return;
															
 
																+  }
															
 
																+  await setFireTeachs(items.map(({ id }) => id));
															
 
																+  pagging.refresh();
															
 
																+  ElMessage.success(
															
 
																+    "已成功设置" + items.length + "个火调项目到教学平台，已设置的项目不重复设置。"
															
 
																+  );
															
 
																+};
															
 
																+
															
 
																+const editHandler = async (row: Fire) => {
															
 
																+  (await editFire({ fire: row })) && pagging.refresh();
															
 
																+};
															
 
																+const addHandler = async () => {
															
 
																+  (await addFire({})) && pagging.refresh();
															
 
																+};
															
 
																+</script>
															
--- a/src/app/fire/view/dispatch/leaveMsgList.vue
+++ b/src/app/fire/view/dispatch/leaveMsgList.vue
@@ -0,0 +1,110 @@
 
																+<template>
															
 
																+  <!-- power="message:add" -->
															
 
																+  <div class="body-layer" style="padding: 0">
															
 
																+    <el-table
															
 
																+      ref="multipleTable"
															
 
																+      :data="state.table.rows"
															
 
																+      tooltip-effect="dark"
															
 
																+      style="width: 100%; max-height: 540px"
															
 
																+    >
															
 
																+      <el-table-column label="留言内容" prop="content" v-slot:default="{ row }">
															
 
																+        <el-tooltip
															
 
																+          class="item"
															
 
																+          effect="dark"
															
 
																+          :content="row.content"
															
 
																+          placement="bottom-start"
															
 
																+          v-if="row.content && row.content.length > 30"
															
 
																+        >
															
 
																+          <a class="msg-content"> {{ row.content.substr(0, 30) }}... </a>
															
 
																+        </el-tooltip>
															
 
																+        <a class="msg-content" v-else>
															
 
																+          {{ row.content }}
															
 
																+        </a>
															
 
																+      </el-table-column>
															
 
																+      <el-table-column label="创建人" prop="userName" width="150"></el-table-column>
															
 
																+      <el-table-column
															
 
																+        label="创建日期"
															
 
																+        prop="createTime"
															
 
																+        v-slot:default="{ row }"
															
 
																+        width="180"
															
 
																+      >
															
 
																+        {{ format(row.createTime) }}
															
 
																+      </el-table-column>
															
 
																+    </el-table>
															
 
																+
															
 
																+    <com-pagination
															
 
																+      @size-change="changPageSize"
															
 
																+      @current-change="changPageCurrent"
															
 
																+      :current-page="state.pag.currentPage"
															
 
																+      :page-size="state.pag.size"
															
 
																+      :total="state.pag.total"
															
 
																+    />
															
 
																+  </div>
															
 
																+</template>
															
 
																+
															
 
																+<script setup lang="ts">
															
 
																+import { usePagging } from "@/hook/pagging";
															
 
																+import comPagination from "@/components/pagination/index.vue";
															
 
																+import { FireLeaveMsg, getFireLeaveMsgPagging } from "@/app/fire/store/fire";
															
 
																+import { dateFormat } from "@/util";
															
 
																+import { QuiskExpose } from "@/helper/mount";
															
 
																+
															
 
																+const props = defineProps<{
															
 
																+  projectId: string;
															
 
																+  onAddLeaveMsg: (projectId: string) => boolean | Promise<boolean>;
															
 
																+}>();
															
 
																+
															
 
																+const { state, refresh, changPageSize, changPageCurrent } = usePagging({
															
 
																+  get: getFireLeaveMsgPagging,
															
 
																+  paramsTemlate: { projectId: props.projectId },
															
 
																+});
															
 
																+
															
 
																+const format = (date: number) => dateFormat(new Date(date), "yyyy-MM-dd hh:mm");
															
 
																+
															
 
																+defineExpose<QuiskExpose>({
															
 
																+  async submit() {
															
 
																+    if (await props.onAddLeaveMsg(props.projectId)) {
															
 
																+      refresh();
															
 
																+    }
															
 
																+    throw "不退出";
															
 
																+  },
															
 
																+});
															
 
																+</script>
															
 
																+
															
 
																+<style lang="scss" scoped>
															
 
																+.table-ctrl-right {
															
 
																+  .search-scene {
															
 
																+    margin: 0 20px 0 26px;
															
 
																+  }
															
 
																+  i {
															
 
																+    margin-left: 20px;
															
 
																+    font-size: 1.7rem;
															
 
																+    vertical-align: middle;
															
 
																+    cursor: pointer;
															
 
																+
															
 
																+    &.active {
															
 
																+      color: var(--primaryColor);
															
 
																+    }
															
 
																+  }
															
 
																+}
															
 
																+
															
 
																+.leave-from {
															
 
																+  // width: 520px;
															
 
																+  margin: 0 auto;
															
 
																+}
															
 
																+
															
 
																+.title {
															
 
																+  font-weight: bold;
															
 
																+  color: #26559b;
															
 
																+  line-height: 19px;
															
 
																+  font-size: 14px;
															
 
																+}
															
 
																+
															
 
																+.msg-content {
															
 
																+  overflow: hidden; //超出的文本隐藏
															
 
																+  text-overflow: ellipsis; //溢出用省略号显示
															
 
																+  white-space: nowrap; //溢出不换行
															
 
																+  position: relative;
															
 
																+  cursor: pointer;
															
 
																+}
															
 
																+</style>
															
--- a/src/app/fire/view/dispatch/list.vue
+++ b/src/app/fire/view/dispatch/list.vue
@@ -0,0 +1,194 @@
 
																+<template>
															
 
																+  <div class="body-layer">
															
 
																+    <div class="body-head">
															
 
																+      <h3 style="visibility: hidden">项目列表</h3>
															
 
																+      <div class="table-ctrl-right">
															
 
																+        <slot name="tableCtrl" />
															
 
																+      </div>
															
 
																+    </div>
															
 
																+
															
 
																+    <el-table
															
 
																+      :data="pagging.state.table.rows"
															
 
																+      id="multipleTable"
															
 
																+      style="width: 100%"
															
 
																+      class="table"
															
 
																+      size="large"
															
 
																+      @selection-change="pagging.changeSelectRows"
															
 
																+    >
															
 
																+      <el-table-column
															
 
																+        v-if="!isRecycle"
															
 
																+        type="selection"
															
 
																+        width="50"
															
 
																+        :selectable="() => !!operateIsPermissionByPath(checkPerm)"
															
 
																+      />
															
 
																+      <el-table-column label="序号" width="70" v-slot:default="{ $index }">
															
 
																+        <div style="text-align: center">
															
 
																+          {{ pagging.state.pag.size * (pagging.state.pag.currentPage - 1) + $index + 1 }}
															
 
																+        </div>
															
 
																+      </el-table-column>
															
 
																+      <el-table-column label="项目编号" prop="projectSn"></el-table-column>
															
 
																+      <el-table-column label="事件分类" prop="field5" v-slot:default="{ row }">
															
 
																+        <el-tooltip
															
 
																+          class="item"
															
 
																+          effect="dark"
															
 
																+          :content="row.field5"
															
 
																+          placement="bottom-start"
															
 
																+          v-if="row.field5 && row.field5.length > 10"
															
 
																+        >
															
 
																+          <p class="tip oper-user">{{ row.field5.substring(0, 10) }}...</p>
															
 
																+        </el-tooltip>
															
 
																+        <p class="tip" v-else>{{ row.field5 }}</p>
															
 
																+      </el-table-column>
															
 
																+      <el-table-column label="起火对象" prop="projectName" v-slot:default="{ row }">
															
 
																+        <el-tooltip
															
 
																+          class="item"
															
 
																+          effect="dark"
															
 
																+          :content="row.projectName"
															
 
																+          placement="bottom-start"
															
 
																+          v-if="row.projectName && row.projectName.length > 10"
															
 
																+        >
															
 
																+          <p class="tip oper-user">{{ row.projectName.substring(0, 10) }}...</p>
															
 
																+        </el-tooltip>
															
 
																+        <p class="tip" v-else>{{ row.projectName }}</p>
															
 
																+      </el-table-column>
															
 
																+      <el-table-column label="分类登记" prop="field6" v-slot:default="{ row }">
															
 
																+        <el-tooltip
															
 
																+          class="item"
															
 
																+          effect="dark"
															
 
																+          :content="row.field6"
															
 
																+          placement="bottom-start"
															
 
																+          v-if="row.field6 && row.field6.length > 10"
															
 
																+        >
															
 
																+          <p class="tip oper-user">{{ row.field6.substring(0, 10) }}...</p>
															
 
																+        </el-tooltip>
															
 
																+        <p class="tip" v-else>{{ row.field6 }}</p>
															
 
																+      </el-table-column>
															
 
																+      <el-table-column label="详细地址" prop="projectAddress" v-slot:default="{ row }">
															
 
																+        <el-tooltip
															
 
																+          class="item"
															
 
																+          effect="dark"
															
 
																+          :content="row.projectAddress"
															
 
																+          placement="bottom-start"
															
 
																+          v-if="row.projectAddress && row.projectAddress.length > 10"
															
 
																+        >
															
 
																+          <p class="tip oper-user">{{ row.projectAddress.substring(0, 10) }}...</p>
															
 
																+        </el-tooltip>
															
 
																+        <p class="tip" v-else>{{ row.projectAddress }}</p>
															
 
																+      </el-table-column>
															
 
																+      <el-table-column label="起火场所" prop="projectSite" v-slot:default="{ row }">
															
 
																+        <el-tooltip
															
 
																+          class="item"
															
 
																+          effect="dark"
															
 
																+          :content="row.projectSite"
															
 
																+          placement="bottom-start"
															
 
																+          v-if="row.projectSite && row.projectSite.length > 10"
															
 
																+        >
															
 
																+          <p class="tip oper-user">{{ row.projectSite.substring(0, 10) }}...</p>
															
 
																+        </el-tooltip>
															
 
																+        <p class="tip" v-else>{{ row.projectSite }}</p>
															
 
																+      </el-table-column>
															
 
																+      <el-table-column label="天气情况" prop="field7" v-slot:default="{ row }">
															
 
																+        <el-tooltip
															
 
																+          class="item"
															
 
																+          effect="dark"
															
 
																+          :content="row.field7"
															
 
																+          placement="bottom-start"
															
 
																+          v-if="row.field7 && row.field7.length > 10"
															
 
																+        >
															
 
																+          <p class="tip oper-user">{{ row.field7.substring(0, 10) }}...</p>
															
 
																+        </el-tooltip>
															
 
																+        <p class="tip" v-else>{{ row.field7 }}</p>
															
 
																+      </el-table-column>
															
 
																+
															
 
																+      <el-table-column label="勘验地址" prop="field1" v-slot:default="{ row }">
															
 
																+        <el-tooltip
															
 
																+          class="item"
															
 
																+          effect="dark"
															
 
																+          :content="row.field1"
															
 
																+          placement="bottom-start"
															
 
																+          v-if="row.field1 && row.field1.length > 10"
															
 
																+        >
															
 
																+          <p class="tip oper-user">{{ row.field1.substring(0, 10) }}...</p>
															
 
																+        </el-tooltip>
															
 
																+        <p class="tip" v-else>{{ row.field1 }}</p>
															
 
																+      </el-table-column>
															
 
																+      <el-table-column label="全宗名称" prop="caseNewName" v-slot:default="{ row }">
															
 
																+        <el-tooltip
															
 
																+          class="item"
															
 
																+          effect="dark"
															
 
																+          :content="row.caseNewName"
															
 
																+          placement="bottom-start"
															
 
																+          v-if="row.caseNewName && row.caseNewName.length > 10"
															
 
																+        >
															
 
																+          <p class="tip oper-user">{{ row.caseNewName.substring(0, 10) }}...</p>
															
 
																+        </el-tooltip>
															
 
																+        <p class="tip" v-else>{{ row.caseNewName }}</p>
															
 
																+      </el-table-column>
															
 
																+      <el-table-column label="勘验人员" prop="organizerUsers" v-slot:default="{ row }">
															
 
																+        <el-tooltip
															
 
																+          class="item"
															
 
																+          effect="dark"
															
 
																+          :content="row.organizerUsers"
															
 
																+          placement="bottom-start"
															
 
																+          v-if="row.organizerUsers && row.organizerUsers.length > 10"
															
 
																+        >
															
 
																+          <p class="tip oper-user">{{ row.organizerUsers.substring(0, 10) }}...</p>
															
 
																+        </el-tooltip>
															
 
																+        <p class="tip" v-else>{{ row.organizerUsers }}</p>
															
 
																+      </el-table-column>
															
 
																+      <el-table-column label="勘验人勘验人职务" prop="field4" v-slot:default="{ row }">
															
 
																+        <el-tooltip
															
 
																+          class="item"
															
 
																+          effect="dark"
															
 
																+          :content="row.field4"
															
 
																+          placement="bottom-start"
															
 
																+          v-if="row.field4 && row.field4.length > 10"
															
 
																+        >
															
 
																+          <p class="tip oper-user">{{ row.field4.substring(0, 10) }}...</p>
															
 
																+        </el-tooltip>
															
 
																+        <p class="tip" v-else>{{ row.field4 }}</p>
															
 
																+      </el-table-column>
															
 
																+
															
 
																+      <el-table-column label="勘验单位" prop="organizerDeptName"></el-table-column>
															
 
																+      <el-table-column label="事故日期" prop="accidentDate"></el-table-column>
															
 
																+      <el-table-column label="勘验起止时间" prop="field8"></el-table-column>
															
 
																+      <el-table-column label="火灾原因" prop="fireReason" v-slot:default="{ row }">
															
 
																+        <el-tooltip
															
 
																+          class="item"
															
 
																+          effect="dark"
															
 
																+          :content="row.fireReason"
															
 
																+          placement="bottom-start"
															
 
																+          v-if="row.fireReason && row.fireReason.length > 10"
															
 
																+        >
															
 
																+          <p class="tip oper-user">{{ row.fireReason.substring(0, 10) }}...</p>
															
 
																+        </el-tooltip>
															
 
																+        <p class="tip" v-else>{{ row.fireReason }}</p>
															
 
																+      </el-table-column>
															
 
																+      <el-table-column label="项目状态" v-slot:default="{ row }">
															
 
																+        {{ fireStatusDesc[row.status as FireStatus] }}
															
 
																+      </el-table-column>
															
 
																+      <slot name="appendColumn" />
															
 
																+      <el-table-column label="操作" v-slot:default="{ row }" :width="220" fixed="right">
															
 
																+        <slot name="rowCtrl" :row="row" />
															
 
																+      </el-table-column>
															
 
																+    </el-table>
															
 
																+
															
 
																+    <com-pagination
															
 
																+      @size-change="pagging.changPageSize"
															
 
																+      @current-change="pagging.changPageCurrent"
															
 
																+      :current-page="pagging.state.pag.currentPage"
															
 
																+      :page-size="pagging.state.pag.size"
															
 
																+      :total="pagging.state.pag.total"
															
 
																+    />
															
 
																+  </div>
															
 
																+</template>
															
 
																+
															
 
																+<script lang="ts" setup>
															
 
																+import comPagination from "@/components/pagination/index.vue";
															
 
																+import { fireStatusDesc } from "@/app/fire/constant/fire";
															
 
																+import { FireStatus } from "@/app/fire/store/fire";
															
 
																+import { operateIsPermissionByPath } from "@/directive/permission";
															
 
																+import { FirePagging } from "./pagging";
															
 
																+
															
 
																+defineProps<{ pagging: FirePagging; checkPerm: string; isRecycle: boolean }>();
															
 
																+</script>
															
--- a/src/app/fire/view/dispatch/pagging.ts
+++ b/src/app/fire/view/dispatch/pagging.ts
@@ -0,0 +1,74 @@
 
																+import { usePagging } from "@/hook/pagging";
															
 
																+import {
															
 
																+  FirePaggingRoute,
															
 
																+  FireStatus,
															
 
																+  delFire,
															
 
																+  getFirePagging,
															
 
																+} from "@/app/fire/store/fire";
															
 
																+import { computed, watch, watchEffect } from "vue";
															
 
																+import { router } from "@/router";
															
 
																+import { FireRouteName } from "@/app/fire/routeConfig";
															
 
																+import { UN_REQ_NUM } from "@/constant/sys";
															
 
																+
															
 
																+export const useFirePagging = () => {
															
 
																+  const isTeached = computed(
															
 
																+    () => router.currentRoute.value.name === FireRouteName.teaching
															
 
																+  );
															
 
																+  const isRecycle = computed(
															
 
																+    () => router.currentRoute.value.name === FireRouteName.recycle
															
 
																+  );
															
 
																+
															
 
																+  const pagging = usePagging({
															
 
																+    get: getFirePagging,
															
 
																+    del: async (raw) => {
															
 
																+      await delFire(raw, isRecycle.value ? 1 : 2);
															
 
																+    },
															
 
																+    mapper: {
															
 
																+      delMsg: () =>
															
 
																+        isRecycle.value
															
 
																+          ? "删除后将无法恢复，确定要删除吗？"
															
 
																+          : "删除火调项目，相关档案也会一并删除，确定要删除吗？",
															
 
																+    },
															
 
																+    paramsTemlate: {
															
 
																+      projectSn: "",
															
 
																+      projectName: "",
															
 
																+      projectAddress: "",
															
 
																+      deptId: "",
															
 
																+      isDelete: 0,
															
 
																+      accidentDate: "",
															
 
																+      status: FireStatus.all,
															
 
																+      projectSiteCode: "",
															
 
																+      fireReason: UN_REQ_NUM.toString(),
															
 
																+      organizerUsers: "",
															
 
																+    } as any,
															
 
																+  });
															
 
																+
															
 
																+  watch(
															
 
																+    () => [pagging.state.query.queryType, isTeached.value, isRecycle.value],
															
 
																+    () => {
															
 
																+      console.log(isRecycle.value);
															
 
																+      if (isRecycle.value) {
															
 
																+        pagging.state.query.queryType = FirePaggingRoute.fire;
															
 
																+        pagging.state.query.isDelete = 2;
															
 
																+      } else {
															
 
																+        pagging.state.query.isDelete = 0;
															
 
																+        pagging.state.query.queryType = isTeached.value
															
 
																+          ? FirePaggingRoute.teached
															
 
																+          : FirePaggingRoute.fire;
															
 
																+      }
															
 
																+    },
															
 
																+    { flush: "post", immediate: true }
															
 
																+  );
															
 
																+
															
 
																+  const params = [{ ...pagging.state.query }, { ...pagging.state.query }];
															
 
																+  watchEffect(
															
 
																+    () => {
															
 
																+      pagging.state.query = params[isTeached.value ? 0 : 1];
															
 
																+      // pagging.state.query = params[isRecycle.value ? 0 : 1];
															
 
																+    },
															
 
																+    { flush: "sync" }
															
 
																+  );
															
 
																+
															
 
																+  return { pagging, isTeached, isRecycle };
															
 
																+};
															
 
																+export type FirePagging = ReturnType<typeof useFirePagging>["pagging"];
															
--- a/src/app/fire/view/dispatch/quisk.ts
+++ b/src/app/fire/view/dispatch/quisk.ts
@@ -0,0 +1,23 @@
 
																+import EditFire from "./editFire.vue";
															
 
																+import EditLeaveMsg from "./editLeaveMsg.vue";
															
 
																+import LeaveMsgList from "./leaveMsgList.vue";
															
 
																+import { quiskMountFactory } from "@/helper/mount";
															
 
																+
															
 
																+export const addFire = quiskMountFactory(EditFire, {
															
 
																+  title: "新增火调项目",
															
 
																+});
															
 
																+
															
 
																+export const editFire = quiskMountFactory(EditFire, {
															
 
																+  title: "编辑火调项目",
															
 
																+});
															
 
																+
															
 
																+export const addLeaveMsg = quiskMountFactory(EditLeaveMsg, {
															
 
																+  title: "新增留言",
															
 
																+  width: 540,
															
 
																+});
															
 
																+
															
 
																+export const showLeaveMsgList = quiskMountFactory(LeaveMsgList, {
															
 
																+  title: "留言",
															
 
																+  enterText: "发表留言",
															
 
																+  power: "message:add",
															
 
																+});
															
--- a/src/app/index.ts
+++ b/src/app/index.ts
@@ -0,0 +1,51 @@
 
																+import { Routes } from "@/router";
															
 
																+
															
 
																+import { appConstant as criminalConstant } from "./criminal/constant";
															
 
																+import {
															
 
																+  routes as cRoutes,
															
 
																+  menuRouteNames as cMenuRouteNames,
															
 
																+} from "./criminal/routeConfig";
															
 
																+
															
 
																+import { appConstant as fireConstant } from "./fire/constant";
															
 
																+import {
															
 
																+  routes as fireRoutes,
															
 
																+  menuRouteNames as firelMenuRouteNames,
															
 
																+} from "./fire/routeConfig";
															
 
																+
															
 
																+import { appConstant as xmfireConstant } from "./xmfire/constant";
															
 
																+import {
															
 
																+  routes as xmfireRoutes,
															
 
																+  menuRouteNames as xmfirelMenuRouteNames,
															
 
																+} from "./xmfire/routeConfig";
															
 
																+
															
 
																+export type AppConstant = {
															
 
																+  title: string;
															
 
																+  ico: string;
															
 
																+  desc: string;
															
 
																+  banner: string;
															
 
																+  deptId: number;
															
 
																+  name: string;
															
 
																+  loginComponent?: any;
															
 
																+};
															
 
																+
															
 
																+export let appConstant: AppConstant;
															
 
																+export let appRoutes: Routes;
															
 
																+export let menuRouteNames: string[];
															
 
																+
															
 
																+const app = import.meta.env.VITE_APP_APP;
															
 
																+console.log('app', app)
															
 
																+
															
 
																+// 为了打包去除不需要的app只能固定写法
															
 
																+if (app === "fire") {
															
 
																+  appRoutes = fireRoutes;
															
 
																+  menuRouteNames = firelMenuRouteNames;
															
 
																+  appConstant = fireConstant;
															
 
																+} else if (app === "criminal") {
															
 
																+  appRoutes = cRoutes;
															
 
																+  menuRouteNames = cMenuRouteNames;
															
 
																+  appConstant = criminalConstant;
															
 
																+} else if (app === "xmfire") {
															
 
																+  appRoutes = xmfireRoutes;
															
 
																+  menuRouteNames = xmfirelMenuRouteNames;
															
 
																+  appConstant = xmfireConstant;
															
 
																+}
															
--- a/src/app/map/App.vue
+++ b/src/app/map/App.vue
@@ -0,0 +1,333 @@
 
																+<template>
															
 
																+  <!-- <div>地图页面</div> -->
															
 
																+  <div class="tabbar">
															
 
																+    <div class="nav">
															
 
																+      <el-button-group class="ml-4">
															
 
																+        <el-button
															
 
																+          :type="currentType(0) ? 'primary' : 'default'"
															
 
																+          @click="handleSelect(0)"
															
 
																+          >地图</el-button
															
 
																+        >
															
 
																+        <el-button
															
 
																+          :type="currentType(1) ? 'primary' : 'default'"
															
 
																+          @click="handleSelect(1)"
															
 
																+          >卡片</el-button
															
 
																+        >
															
 
																+      </el-button-group>
															
 
																+    </div>
															
 
																+    <el-form-item label="所属架构：" class="filter">
															
 
																+      <com-company v-model="state.deptId" :id="state.caseId" hideAll />
															
 
																+    </el-form-item>
															
 
																+  </div>
															
 
																+  <div ref="mapEl" class="map-container" v-show="currentType(0)"></div>
															
 
																+  <div class="card-container" v-show="currentType(1)">
															
 
																+    <div class="card-list">
															
 
																+      <template v-for="item of list" v-if="list.length > 0">
															
 
																+        <el-card
															
 
																+          style="width: 480px"
															
 
																+          shadow="hover"
															
 
																+          @click="handCardClick(item.caseId)"
															
 
																+        >
															
 
																+          <img
															
 
																+            class="cover"
															
 
																+            :src="
															
 
																+              item.cover
															
 
																+                ? item.cover
															
 
																+                : 'https://test-mix3d.4dkankan.com/code/assets/pic.d5781b0c.jpg'
															
 
																+            "
															
 
																+            style="width: 100%"
															
 
																+          />
															
 
																+          <div class="card">
															
 
																+            <span> 项目: {{ item.projectName }}</span>
															
 
																+            <span> 地址: {{ item.projectAddress }}</span>
															
 
																+            <span> 类别: {{ item.projectSite }}</span>
															
 
																+          </div>
															
 
																+        </el-card>
															
 
																+      </template>
															
 
																+      <template v-else>
															
 
																+        <div class="no-data">
															
 
																+          <img :src="emptyBG" />
															
 
																+          <span>暂无数据</span>
															
 
																+        </div>
															
 
																+      </template>
															
 
																+    </div>
															
 
																+  </div>
															
 
																+</template>
															
 
																+
															
 
																+<script setup lang="ts">
															
 
																+import { onMounted, ref, computed, onBeforeMount } from "vue";
															
 
																+// import { useRouteQuery } from "@vueuse/router";
															
 
																+import AMapLoader from "@amap/amap-jsapi-loader";
															
 
																+import axios from "axios";
															
 
																+import { getFuseCodeLink } from "../../view/case/help";
															
 
																+import comCompany from "./company-select/index.vue";
															
 
																+import { reactive } from "vue";
															
 
																+import { watch } from "vue";
															
 
																+import { ElLoading } from "element-plus";
															
 
																+import linkIco from "@/assets/image/fire.ico";
															
 
																+import { useUrlSearchParams } from "@vueuse/core";
															
 
																+import emptyBG from "@/assets/image/empty__empty.png";
															
 
																+
															
 
																+const params = useUrlSearchParams("history");
															
 
																+console.log("params", params.deptId);
															
 
																+
															
 
																+const current = ref(0);
															
 
																+const list = ref<any>([]);
															
 
																+
															
 
																+const state = reactive({
															
 
																+  deptId: params.deptId || "",
															
 
																+  // caseId: params.caseId || "",
															
 
																+});
															
 
																+
															
 
																+const link = document.querySelector<HTMLLinkElement>("#app-icon")!;
															
 
																+link.setAttribute("href", linkIco);
															
 
																+
															
 
																+document.title = "案件显示";
															
 
																+
															
 
																+const currentType = computed(() => (type: number) => current.value === type);
															
 
																+const handleSelect = (type: number) => {
															
 
																+  current.value = type;
															
 
																+};
															
 
																+
															
 
																+const markers = ref<any>([]);
															
 
																+
															
 
																+const getQuery = (
															
 
																+  caseId: number,
															
 
																+  share: boolean = false,
															
 
																+  single: boolean = false
															
 
																+) =>
															
 
																+  `${getFuseCodeLink(caseId, true)}${share ? "&share=1" : ""}${
															
 
																+    single ? "&single=1" : ""
															
 
																+  }#show/summary`;
															
 
																+
															
 
																+const request = axios.create({
															
 
																+  baseURL: "",
															
 
																+  timeout: 1000,
															
 
																+  headers: {
															
 
																+    share: 1,
															
 
																+    "Content-Type": "application/json",
															
 
																+  },
															
 
																+});
															
 
																+const mapEl = ref<HTMLDivElement>();
															
 
																+let AMap, map;
															
 
																+
															
 
																+const queryURL = `${import.meta.env.VITE_SEVER_URL}/fusion-xj/web/fireProject/queryProject`
															
 
																+
															
 
																+// debugger;
															
 
																+const getDataQuest = () => {
															
 
																+  return new Promise(async (reslove, reject) => {
															
 
																+    const res = await request.post(
															
 
																+      queryURL,
															
 
																+      {
															
 
																+        pageNum: 1,
															
 
																+        pageSize: 10000,
															
 
																+        deptId: state.deptId,
															
 
																+      }
															
 
																+    );
															
 
																+    console.log("res.data", res);
															
 
																+    if (res.status === 200 && res.data.code === 0) {
															
 
																+      reslove(res.data.data.list);
															
 
																+    } else {
															
 
																+      reslove([]);
															
 
																+    }
															
 
																+  });
															
 
																+};
															
 
																+
															
 
																+const refresh = async () => {
															
 
																+  const loading = ElLoading.service({
															
 
																+    lock: true,
															
 
																+    text: "Loading",
															
 
																+    background: "rgba(0, 0, 0, 0.7)",
															
 
																+  });
															
 
																+  map.remove(markers.value);
															
 
																+  markers.value = [];
															
 
																+  initMakers();
															
 
																+  loading.close();
															
 
																+};
															
 
																+
															
 
																+watch(
															
 
																+  () => state.deptId,
															
 
																+  () => {
															
 
																+    refresh();
															
 
																+  },
															
 
																+  {
															
 
																+    immediate: false,
															
 
																+    deep: true,
															
 
																+  }
															
 
																+);
															
 
																+const initMakers = async () => {
															
 
																+  const data = (await getDataQuest()) as any as any[];
															
 
																+  console.log("data", data);
															
 
																+  const positions: any[] = [];
															
 
																+  list.value = data as any[];
															
 
																+  Array.from(data).forEach((item: any) => {
															
 
																+    // console.log(item)
															
 
																+    const latlng = item.latlng;
															
 
																+    const coord = latlng.split(",");
															
 
																+
															
 
																+    console.log("coord", coord, item.caseId);
															
 
																+    const url = getQuery(item.caseId, true);
															
 
																+    console.log("url", url);
															
 
																+    const icon = new AMap.Icon({
															
 
																+      image:
															
 
																+        "//a.amap.com/jsapi_demos/static/demo-center/icons/poi-marker-default.png",
															
 
																+      size: new AMap.Size(22, 28), //图标所处区域大小
															
 
																+      imageSize: new AMap.Size(22, 28), //图标大小
															
 
																+    });
															
 
																+
															
 
																+    const pos = coord.reverse();
															
 
																+    positions.push(pos);
															
 
																+    const marker = new AMap.Marker({
															
 
																+      icon: icon,
															
 
																+      position: pos,
															
 
																+      title: item.title,
															
 
																+      label: item.title,
															
 
																+      extData: { url: url, id: item.caseId },
															
 
																+      // offset: new AMap.Pixel(-26, -54),
															
 
																+    });
															
 
																+    markers.value.push(marker);
															
 
																+    marker.setMap(map);
															
 
																+
															
 
																+    marker.on("click", () => {
															
 
																+      const data = marker.getExtData();
															
 
																+      window.open(data.url);
															
 
																+      console.log("click", data);
															
 
																+    });
															
 
																+  });
															
 
																+
															
 
																+  var polygon = new AMap.Polygon({
															
 
																+    path: positions,
															
 
																+    map: map,
															
 
																+    strokeOpacity: 0, //透明
															
 
																+    fillOpacity: 0, //透明
															
 
																+    bubble: true, //事件穿透到地图
															
 
																+  });
															
 
																+  var overlaysList = map.getAllOverlays("polygon"); //获取多边形图层
															
 
																+  map.setFitView(); //自适应显示
															
 
																+};
															
 
																+const loadMap = async () => {
															
 
																+  AMap = await AMapLoader.load({
															
 
																+    plugins: ["AMap.PlaceSearch"],
															
 
																+    key: "e661b00bdf2c44cccf71ef6070ef41b8",
															
 
																+    version: "2.0",
															
 
																+  });
															
 
																+
															
 
																+  map = new AMap.Map(mapEl.value, {
															
 
																+    WebGLParams: {
															
 
																+      preserveDrawingBuffer: true,
															
 
																+    },
															
 
																+    resizeEnable: true,
															
 
																+  });
															
 
																+
															
 
																+  //添加插件
															
 
																+  AMap.plugin(
															
 
																+    ["AMap.ToolBar", "AMap.Scale", "AMap.HawkEye", "AMap.MapType"],
															
 
																+    function () {
															
 
																+      //异步同时加载多个插件
															
 
																+      // map.addControl(new AMap.HawkEye()); //显示缩略图
															
 
																+      map.addControl(new AMap.Scale()); //显示当前地图中心的比例尺
															
 
																+      map.addControl(new AMap.MapType()); //显示当前地图中心的比例尺
															
 
																+    }
															
 
																+  );
															
 
																+  console.log("map", map);
															
 
																+
															
 
																+  initMakers();
															
 
																+};
															
 
																+
															
 
																+onMounted(() => {
															
 
																+  // console.log("caseId", caseId);
															
 
																+  loadMap();
															
 
																+});
															
 
																+const handCardClick = (id: number) => {
															
 
																+  const url = getQuery(id, true);
															
 
																+  console.log("url", url);
															
 
																+  window.open(url);
															
 
																+};
															
 
																+</script>
															
 
																+<style>
															
 
																+body {
															
 
																+  padding: 0;
															
 
																+  margin: 0;
															
 
																+}
															
 
																+
															
 
																+.map-container {
															
 
																+  width: 100%;
															
 
																+  height: 100vh;
															
 
																+}
															
 
																+
															
 
																+.tabbar {
															
 
																+  display: flex;
															
 
																+  width: 100%;
															
 
																+  position: fixed;
															
 
																+  top: 30px;
															
 
																+  z-index: 10000;
															
 
																+  justify-items: center;
															
 
																+  justify-content: center;
															
 
																+}
															
 
																+
															
 
																+.tabbar .nav {
															
 
																+  display: flex;
															
 
																+  /* background: white; */
															
 
																+  justify-content: center;
															
 
																+  align-items: center;
															
 
																+}
															
 
																+.el-form-item {
															
 
																+  margin-bottom: 0px !important;
															
 
																+}
															
 
																+
															
 
																+.tabbar .nav .nav_item {
															
 
																+  padding: 10px;
															
 
																+  cursor: pointer;
															
 
																+}
															
 
																+
															
 
																+.card-container {
															
 
																+  width: 100%;
															
 
																+  padding-top: 100px;
															
 
																+}
															
 
																+
															
 
																+.card-list {
															
 
																+  margin: 0 auto;
															
 
																+
															
 
																+  display: flex;
															
 
																+  gap: 50px 25px;
															
 
																+  width: 90%;
															
 
																+  flex-direction: row;
															
 
																+  flex-wrap: wrap;
															
 
																+  justify-content: center;
															
 
																+}
															
 
																+
															
 
																+.cover {
															
 
																+  cursor: pointer;
															
 
																+  max-height: 220px;
															
 
																+  object-fit: cover;
															
 
																+}
															
 
																+
															
 
																+.card {
															
 
																+  display: flex;
															
 
																+  flex-direction: column;
															
 
																+  cursor: pointer;
															
 
																+  gap: 10px;
															
 
																+}
															
 
																+
															
 
																+.filter {
															
 
																+  margin: 0;
															
 
																+  margin-left: 20px;
															
 
																+}
															
 
																+
															
 
																+.amap-ctrl-list-layer {
															
 
																+  z-index: 100000;
															
 
																+}
															
 
																+.no-data {
															
 
																+  width: 100%;
															
 
																+  height: 100%;
															
 
																+  /* background: red; */
															
 
																+  min-height: 530px;
															
 
																+  display: flex;
															
 
																+  justify-content: center;
															
 
																+  align-items: center;
															
 
																+  flex-direction: column;
															
 
																+}
															
 
																+.no-data span {
															
 
																+  color: #999;
															
 
																+}
															
 
																+</style>
															
--- a/src/app/map/company-select/index.vue
+++ b/src/app/map/company-select/index.vue
@@ -0,0 +1,55 @@
 
																+<template>
															
 
																+  <el-cascader
															
 
																+    style="width: 100%"
															
 
																+    v-model="state.path"
															
 
																+    :disabled="disabled"
															
 
																+    placeholder="勘验单位："
															
 
																+    :options="state.options"
															
 
																+    :props="{ expandTrigger: 'hover', checkStrictly: true }"
															
 
																+  />
															
 
																+</template>
															
 
																+
															
 
																+<script setup lang="ts">
															
 
																+import { useTreeSelect, Props, TreeOption } from "@/hook/treeSelect";
															
 
																+import { getOrganizationTree } from "./organization";
															
 
																+import { watchEffect } from "vue";
															
 
																+
															
 
																+const emit = defineEmits<{
															
 
																+  (e: "update:data", data: TreeOption | null): void;
															
 
																+  (e: "update:modelValue", value: string): void;
															
 
																+  (e: "update:label", value: string): void;
															
 
																+  (e: "update:path", path: string[]): void;
															
 
																+}>();
															
 
																+const props = defineProps<Props>();
															
 
																+
															
 
																+const state = useTreeSelect(
															
 
																+  props,
															
 
																+  getOrganizationTree,
															
 
																+  (val) => emit("update:modelValue", val),
															
 
																+  {
															
 
																+    label: "name",
															
 
																+    level: "level",
															
 
																+  }
															
 
																+);
															
 
																+
															
 
																+watchEffect(() => {
															
 
																+  emit("update:data", state.currentOption);
															
 
																+});
															
 
																+watchEffect(() => {
															
 
																+  emit("update:label", state.label);
															
 
																+});
															
 
																+watchEffect(() => {
															
 
																+  emit("update:path", state.path);
															
 
																+});
															
 
																+</script>
															
 
																+
															
 
																+<style scoped>
															
 
																+.aaa::after {
															
 
																+  content: "";
															
 
																+  position: absolute;
															
 
																+  left: 0;
															
 
																+  right: 0;
															
 
																+  top: 0;
															
 
																+  bottom: 0;
															
 
																+}
															
 
																+</style>
															
--- a/src/app/map/company-select/organization.ts
+++ b/src/app/map/company-select/organization.ts
@@ -0,0 +1,68 @@
 
																+import {
															
 
																+  addTreeitem,
															
 
																+  axios,
															
 
																+  delTreeitem,
															
 
																+  editTreeitem,
															
 
																+  getTreeselect,
															
 
																+} from "@/request";
															
 
																+import { useUrlSearchParams } from "@vueuse/core";
															
 
																+const params = useUrlSearchParams("history");
															
 
																+console.log("params", params.deptId);
															
 
																+
															
 
																+
															
 
																+const request = axios.create({
															
 
																+  baseURL: `${import.meta.env.VITE_SEVER_URL}/`,
															
 
																+  timeout: 1000,
															
 
																+  headers: {
															
 
																+    share: 1,
															
 
																+    'Content-Type': 'application/json'
															
 
																+  },
															
 
																+});
															
 
																+
															
 
																+export enum DeptType {
															
 
																+  corps = 1,
															
 
																+  detachment = 2,
															
 
																+  brigade = 3,
															
 
																+}
															
 
																+
															
 
																+export type Organization = {
															
 
																+  ancestors: string;
															
 
																+  children?: Organization[];
															
 
																+  deptType: DeptType;
															
 
																+  id: string;
															
 
																+  leader: string;
															
 
																+  level: number;
															
 
																+  name: string;
															
 
																+  parentId: string;
															
 
																+  parentName: string;
															
 
																+  phone: string;
															
 
																+  remark: string;
															
 
																+};
															
 
																+
															
 
																+export const getOrganizationTree = async (type?: string) =>
															
 
																+  (await axios.get<Organization[]>(getTreeselect, { headers: { share: 1 }, params: { type, deptId: params.deptId, ingoreRes: true, share: 1, } })).data;
															
 
																+
															
 
																+export const addOrganization = async (
															
 
																+  dept: Omit<Organization, "id">,
															
 
																+  deptIds: string[]
															
 
																+) => {
															
 
																+  await axios.post(addTreeitem, {
															
 
																+    superior: "sheq",
															
 
																+    ...dept,
															
 
																+    deptIdList: deptIds.join(","),
															
 
																+  });
															
 
																+};
															
 
																+
															
 
																+export const setOrganization = async (
															
 
																+  dept: Organization,
															
 
																+  deptIds: string[]
															
 
																+) => {
															
 
																+  await axios.post(editTreeitem, {
															
 
																+    superior: "sheq",
															
 
																+    ...dept,
															
 
																+    deptIdList: deptIds.join(","),
															
 
																+  });
															
 
																+};
															
 
																+
															
 
																+export const delOrganization = async (deptId: string) =>
															
 
																+  axios.post(delTreeitem + deptId);
															
--- a/src/app/map/main.ts
+++ b/src/app/map/main.ts
@@ -0,0 +1,14 @@
 
																+import { createApp } from "vue";
															
 
																+import "element-plus/dist/index.css";
															
 
																+import * as ElementPlusIconsVue from "@element-plus/icons-vue";
															
 
																+import App from "./App.vue";
															
 
																+import ElementPlus from "element-plus";
															
 
																+
															
 
																+const app = createApp(App);
															
 
																+
															
 
																+for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
															
 
																+  app.component(key, component);
															
 
																+}
															
 
																+
															
 
																+app.use(ElementPlus);
															
 
																+app.mount("#app");
															
--- a/src/app/mirror/App.vue
+++ b/src/app/mirror/App.vue
@@ -0,0 +1,589 @@
 
																+<template>
															
 
																+  <div class="mirror-setting" v-if="!isNotFound">
															
 
																+    <!-- 图片预览 -->
															
 
																+    <el-dialog v-model="dialogVisible">
															
 
																+      <img
															
 
																+        v-if="checkSourceIsImage(dialogImageUrl) && dialogVisible"
															
 
																+        style="width: 100%; height: 500px; object-fit: scale-down"
															
 
																+        w-full
															
 
																+        :src="dialogImageUrl"
															
 
																+        alt="Preview Image"
															
 
																+      />
															
 
																+
															
 
																+      <video
															
 
																+        v-if="checkSourceIsVideo(dialogImageUrl) && dialogVisible"
															
 
																+        style="width: 100%"
															
 
																+        w-full
															
 
																+        controls
															
 
																+        :src="dialogImageUrl"
															
 
																+      />
															
 
																+
															
 
																+      <audio
															
 
																+        v-if="checkSourceIsAudio(dialogImageUrl) && dialogVisible"
															
 
																+        style="width: 100%"
															
 
																+        w-full
															
 
																+        controls
															
 
																+        :src="dialogImageUrl"
															
 
																+      />
															
 
																+    </el-dialog>
															
 
																+    <!-- 分镜配置 -->
															
 
																+    <div class="project-title">
															
 
																+      <el-input
															
 
																+        class="title"
															
 
																+        type="textarea"
															
 
																+        maxlength="100"
															
 
																+        :autosize="{ minRows: 1, maxRows: 4 }"
															
 
																+        v-model="project.title"
															
 
																+      />
															
 
																+      <el-button type="primary" @click="saveProject">保存</el-button>
															
 
																+    </div>
															
 
																+    <div class="content">
															
 
																+      <el-table
															
 
																+        :key="data.list.length"
															
 
																+        class="main-table"
															
 
																+        key="id"
															
 
																+        border
															
 
																+        v-dragable="dragOptions"
															
 
																+        :data="data.list"
															
 
																+        header-row-class-name="t-head"
															
 
																+        header-cell-class-name="t-cell"
															
 
																+      >
															
 
																+        <!-- <template v-for="item in columns" :key="item.prop">
															
 
																+          <el-table-column  :prop="item.prop" :label="item.label" />
															
 
																+          大纲
															
 
																+        </template> 
															
 
																+        :on-preview="handlePictureCardPreview" :on-remove="handleRemove"
															
 
																+        -->
															
 
																+        <el-table-column prop="name" label="大纲">
															
 
																+          <template v-slot="{ row }">
															
 
																+            <el-input
															
 
																+              type="textarea"
															
 
																+              :autosize="{ minRows: 3 }"
															
 
																+              v-model="row.name"
															
 
																+              :row="3"
															
 
																+              maxlength="1000"
															
 
																+              placeholder="概括拍摄内容"
															
 
																+            />
															
 
																+          </template>
															
 
																+        </el-table-column>
															
 
																+
															
 
																+        <el-table-column prop="desc" label="分镜描述">
															
 
																+          <template v-slot="{ row }">
															
 
																+            <el-input
															
 
																+              class="gray"
															
 
																+              type="textarea"
															
 
																+              :autosize="{ minRows: 3 }"
															
 
																+              maxlength="1000"
															
 
																+              v-model="row.desc"
															
 
																+              :row="3"
															
 
																+              placeholder="详细描述分镜"
															
 
																+            />
															
 
																+          </template>
															
 
																+        </el-table-column>
															
 
																+        <!-- show-overflow-tooltip -->
															
 
																+        <el-table-column prop="clip" label="已拍摄片段">
															
 
																+          <template v-slot="{ row }">
															
 
																+            <el-upload
															
 
																+              ref="upload"
															
 
																+              v-model:file-list="row.fileList"
															
 
																+              class="list-upload-style"
															
 
																+              :accept="DrawFormats.toString()"
															
 
																+              :class="{
															
 
																+                activefileList: row.fileList && row.fileList.length == 1,
															
 
																+              }"
															
 
																+              :before-upload="beforeUpload"
															
 
																+              list-type="picture-card"
															
 
																+              :action="uploadFileUrl"
															
 
																+              :on-success="handleUploadSuccess"
															
 
																+              :limit="1"
															
 
																+            >
															
 
																+              <div
															
 
																+                class="uploadImg"
															
 
																+                v-if="row.fileList && row.fileList.length == 0"
															
 
																+              >
															
 
																+                <el-icon><Plus /></el-icon>
															
 
																+              </div>
															
 
																+              <template #file="{ file }">
															
 
																+                <div style="width: 100%">
															
 
																+                  <img
															
 
																+                    v-if="file.cover"
															
 
																+                    class="el-upload-list__item-thumbnail"
															
 
																+                    :src="getCoverUrl(file.cover)"
															
 
																+                    alt=""
															
 
																+                  />
															
 
																+                  <span class="el-upload-list__item-actions">
															
 
																+                    <span
															
 
																+                      class="el-upload-list__item-preview"
															
 
																+                      @click="handlePictureCardPreview(file)"
															
 
																+                    >
															
 
																+                      <el-icon><zoom-in /></el-icon>
															
 
																+                    </span>
															
 
																+                    <span
															
 
																+                      class="el-upload-list__item-delete"
															
 
																+                      @click="handleRemove(row)"
															
 
																+                    >
															
 
																+                      <el-icon><Delete /></el-icon>
															
 
																+                    </span>
															
 
																+                  </span>
															
 
																+                </div>
															
 
																+              </template>
															
 
																+            </el-upload>
															
 
																+          </template>
															
 
																+        </el-table-column>
															
 
																+
															
 
																+        <el-table-column prop="words" label="台词文案">
															
 
																+          <template v-slot="{ row }">
															
 
																+            <el-input
															
 
																+              class="gray"
															
 
																+              maxlength="1000"
															
 
																+              type="textarea"
															
 
																+              :autosize="{ minRows: 3 }"
															
 
																+              v-model="row.words"
															
 
																+              placeholder="点击输入台词"
															
 
																+            />
															
 
																+          </template>
															
 
																+        </el-table-column>
															
 
																+
															
 
																+        <el-table-column prop="marks" label="备注">
															
 
																+          <template v-slot="{ row, $index }">
															
 
																+            <div class="marksDiv">
															
 
																+              <el-input
															
 
																+                class="gray"
															
 
																+                maxlength="1000"
															
 
																+                type="textarea"
															
 
																+                :autosize="{ minRows: 3 }"
															
 
																+                v-model="row.marks"
															
 
																+                placeholder="点击输入内容"
															
 
																+              />
															
 
																+              <span
															
 
																+                class="table-delete"
															
 
																+                @click="handleTableRemove($index, row)"
															
 
																+              >
															
 
																+                <el-icon><Delete /></el-icon>
															
 
																+              </span>
															
 
																+            </div>
															
 
																+          </template>
															
 
																+        </el-table-column>
															
 
																+      </el-table>
															
 
																+    </div>
															
 
																+    <div class="add-handle">
															
 
																+      <el-button type="primary" @click="handleAdd">
															
 
																+        <el-icon class="el-icon--right">
															
 
																+          <Plus />
															
 
																+        </el-icon>
															
 
																+        添加
															
 
																+        <el-input class="add-line" type="text" v-model="addLine" size="small">
															
 
																+        </el-input>
															
 
																+        行
															
 
																+      </el-button>
															
 
																+    </div>
															
 
																+  </div>
															
 
																+  <noCase :show-btn="false" v-else></noCase>
															
 
																+</template>
															
 
																+
															
 
																+<script lang="ts" setup>
															
 
																+import { vDragable } from "./dragable";
															
 
																+import { ElMessage } from "element-plus";
															
 
																+import { reactive, ref, onMounted, computed } from "vue";
															
 
																+import type { UploadFile } from "element-plus";
															
 
																+import { uploadFile as uploadFileUrl } from "@/request";
															
 
																+import {
															
 
																+  getCaseScriptInfo,
															
 
																+  CaseScriptSaveOrUpdate,
															
 
																+  CaseScriptGetCover,
															
 
																+} from "@/app/mirror/store/script";
															
 
																+import linkIco from "@/assets/image/fire.ico";
															
 
																+import musicHeadphones from "@/assets/image/music.png";
															
 
																+import { getCaseInfo } from "@/store/case";
															
 
																+import noCase from "@/view/case/no-case.vue";
															
 
																+
															
 
																+const link = document.querySelector<HTMLLinkElement>("#app-icon")!;
															
 
																+link.setAttribute("href", linkIco);
															
 
																+
															
 
																+const caseId = ref(null);
															
 
																+const project = reactive({
															
 
																+  title: "我的脚本",
															
 
																+});
															
 
																+const DrawFormats = [
															
 
																+  ".jpg",
															
 
																+  ".jpeg",
															
 
																+  ".png",
															
 
																+  ".mp4",
															
 
																+  ".m4v",
															
 
																+  ".mp3",
															
 
																+  ".aac",
															
 
																+  ".wav",
															
 
																+];
															
 
																+const isNotFound = ref(false);
															
 
																+
															
 
																+const dialogImageUrl = ref("");
															
 
																+const dialogVisible = ref(false);
															
 
																+const disabled = ref(false);
															
 
																+
															
 
																+const addLine = ref(1);
															
 
																+const active = ref(1);
															
 
																+const dragOptions = [
															
 
																+  // {
															
 
																+  //   selector: "thead tr", // add drag support for column
															
 
																+  //   option: {
															
 
																+  //     // sortablejs's option
															
 
																+  //     animation: 150,
															
 
																+  //     onEnd: (evt) => {
															
 
																+  //       let oldCol: any = {};
															
 
																+  //       Object.assign(oldCol, columns.value[evt.oldIndex]);
															
 
																+  //       columns.value.splice(evt.oldIndex, 1); // 因为新增了数据，所以要移除原来的列的index要在原来的基础上
															
 
																+  //       setTimeout(() => {
															
 
																+  //         columns.value.splice(evt.newIndex, 0, oldCol); // 把原来的列数据添加到新的位置，然后再从原位置移除它，触发table的重绘
															
 
																+  //       }, 30);
															
 
																+  //       console.log(evt.oldIndex, evt.newIndex);
															
 
																+  //     },
															
 
																+  //   },
															
 
																+  // },
															
 
																+  {
															
 
																+    selector: "tbody", // add drag support for row
															
 
																+    option: {
															
 
																+      // sortablejs's option
															
 
																+      animation: 150,
															
 
																+      onEnd: (evt: any) => {
															
 
																+        // let oldItem = sortList.value[evt.oldIndex];
															
 
																+        // let sortLists = sortList.value.filter(
															
 
																+        //   (_, index) => index !== evt.oldIndex
															
 
																+        // );
															
 
																+        // sortLists.splice(evt.newIndex, 0, oldItem);
															
 
																+        // sortList.value = sortLists;
															
 
																+        let list = JSON.parse(JSON.stringify(data.newSortList));
															
 
																+        const target = list.splice(evt.oldIndex, 1);
															
 
																+        list.splice(evt.newIndex, 0, target[0]);
															
 
																+        data.newSortList = list;
															
 
																+        console.log(evt.oldIndex, evt.newIndex, data.newSortList, data.list);
															
 
																+      },
															
 
																+    },
															
 
																+  },
															
 
																+];
															
 
																+
															
 
																+const columns = ref([
															
 
																+  // { prop: "id", label: "ID", hidden: true, },
															
 
																+  { prop: "name", label: "大纲" },
															
 
																+  { prop: "desc", label: "分镜描述" },
															
 
																+  { prop: "clip", label: "已拍摄片段" },
															
 
																+  { prop: "words", label: "台词文案" },
															
 
																+  { prop: "marks", label: "备注" },
															
 
																+]);
															
 
																+const beforeUpload = async (file: File) => {
															
 
																+  const fileType = file.name
															
 
																+    .substring(file.name.lastIndexOf("."))
															
 
																+    .toUpperCase();
															
 
																+  if (!DrawFormats.some((type) => type.toUpperCase() === fileType)) {
															
 
																+    ElMessage.error(`请上传${DrawFormats}格式的文件`);
															
 
																+    return false;
															
 
																+  } else {
															
 
																+    return true;
															
 
																+  }
															
 
																+};
															
 
																+const checkSourceIsVideo = computed(() => (url: string) => {
															
 
																+  return url.includes(".mp4") || url.includes(".m4v");
															
 
																+});
															
 
																+const checkSourceIsAudio = computed(() => (url: string) => {
															
 
																+  return url.includes(".mp3") || url.includes(".aac") || url.includes(".wav");
															
 
																+});
															
 
																+const checkSourceIsImage = computed(() => (url: string) => {
															
 
																+  return (
															
 
																+    url.includes(".jpg") ||
															
 
																+    url.includes(".png") ||
															
 
																+    url.includes(".jpeg") ||
															
 
																+    url.includes(".gif")
															
 
																+  );
															
 
																+});
															
 
																+
															
 
																+const getCoverUrl = computed(() => (url: string) => {
															
 
																+  switch (true) {
															
 
																+    // case url.includes(".mp4"):
															
 
																+    //   return (
															
 
																+    //     url + "?x-oss-process=video/snapshot,t_0,f_jpg,w_0,h_0,m_fast,ar_auto"
															
 
																+    //   );
															
 
																+    case url.includes(".mp3") ||
															
 
																+      url.includes(".aac") ||
															
 
																+      url.includes(".wmv") ||
															
 
																+      url.includes(".wav"):
															
 
																+      return musicHeadphones;
															
 
																+    default:
															
 
																+      return url;
															
 
																+  }
															
 
																+});
															
 
																+
															
 
																+const data = reactive({
															
 
																+  list: [{ id: 1, name: "", desc: "", fileList: [] }],
															
 
																+  newSortList: [],
															
 
																+});
															
 
																+const sortList = ref([0]);
															
 
																+
															
 
																+onMounted(async () => {
															
 
																+  caseId.value = GetRequest("caseId");
															
 
																+  try {
															
 
																+    const caseInfo = await getCaseInfo(caseId.value!);
															
 
																+    if (caseInfo && caseId.value) {
															
 
																+      document.title = caseInfo.caseTitle + " | 分镜配置";
															
 
																+    } else {
															
 
																+      isNotFound.value = true;
															
 
																+    }
															
 
																+  } catch (error) {
															
 
																+    //TODO hack 由于没hook
															
 
																+    if (error === "用户未登录") {
															
 
																+      location.href = getRootLoginURl();
															
 
																+    } else {
															
 
																+      isNotFound.value = true;
															
 
																+    }
															
 
																+  }
															
 
																+
															
 
																+  getCaseScriptList();
															
 
																+  console.log("caseId", caseId); //query传参
															
 
																+});
															
 
																+
															
 
																+function getRootLoginURl() {
															
 
																+  const currentPath = location.pathname.replace("/mirror.html", "");
															
 
																+  const loginUrl =
															
 
																+    location.protocol + "//" + location.host + currentPath + "/#/login";
															
 
																+  console.log("loginUrl", loginUrl);
															
 
																+  return loginUrl;
															
 
																+}
															
 
																+
															
 
																+function getCaseScriptList() {
															
 
																+  getCaseScriptInfo(caseId.value)
															
 
																+    .then((res) => {
															
 
																+      project.title = (res && res.name) || "我的脚本";
															
 
																+      data.list = (res && res.content) || [];
															
 
																+      data.newSortList = (res && res.content) || [];
															
 
																+      const idList = data.list.map((ele) => ele.id);
															
 
																+      active.value = idList.length == 0 ? 0 : Math.max.apply(null, idList) || 1;
															
 
																+      sortList.value = data.list.map((_, index) => index);
															
 
																+      console.log("getCaseScriptList", idList, active.value);
															
 
																+      // Array.from(data.list).forEach((item) => {
															
 
																+      //   item.fileList.forEach(async (file: File, index) => {
															
 
																+      //     console.log("getCaseScriptList", file);
															
 
																+      //     if ((file as any).url.includes(".mp4") || (file as any).url.includes(".m4v")) {
															
 
																+      //       const res = file.cover || await CaseScriptGetCover((file as any).url);
															
 
																+      //       (item.fileList[index] as any).cover = res;
															
 
																+      //     } else {
															
 
																+      //       (item.fileList[index] as any).cover = (file as any).url;
															
 
																+      //     }
															
 
																+      //   });
															
 
																+      // });
															
 
																+    })
															
 
																+    .catch((err) => {
															
 
																+      console.log(err);
															
 
																+    });
															
 
																+}
															
 
																+function handleAdd() {
															
 
																+  // let content = sortList.value.map((index) => data.list[index]);
															
 
																+  // data.list.length = 0;
															
 
																+  // Object.assign(data.list, content);
															
 
																+  console.log("add", data.list, data.newSortList);
															
 
																+  if (data.newSortList.length == 0) {
															
 
																+  }
															
 
																+  for (var i = 1; i <= addLine.value; i++) {
															
 
																+    console.log(i);
															
 
																+    data.newSortList.push({
															
 
																+      id: active.value + 1,
															
 
																+      name: "",
															
 
																+      desc: "",
															
 
																+      words: "",
															
 
																+      marks: "",
															
 
																+      fileList: [],
															
 
																+    });
															
 
																+  }
															
 
																+  active.value++;
															
 
																+  data.list = data.newSortList;
															
 
																+  sortList.value = data.list.map((_, index) => index);
															
 
																+}
															
 
																+const handleRemove = (data) => {
															
 
																+  data.fileList = [];
															
 
																+};
															
 
																+const handleTableRemove = (index, datas) => {
															
 
																+  data.newSortList = data.newSortList.filter((ele) => ele.id !== datas.id);
															
 
																+  console.log("saveProject", data.newSortList);
															
 
																+  data.list = data.newSortList;
															
 
																+  // let content = sortList.value.map((index) => data.list[index]);
															
 
																+  // data.list.length = 0;
															
 
																+  // content.splice(index, 1);
															
 
																+  // Object.assign(data.list, content);
															
 
																+  // sortList.value = content.map((_, index) => index);
															
 
																+  ElMessage.success("删除成功");
															
 
																+  console.log("saveProject", index, datas, data.list);
															
 
																+};
															
 
																+const handlePictureCardPreview = (file: UploadFile) => {
															
 
																+  dialogImageUrl.value = file.url!;
															
 
																+  dialogVisible.value = true;
															
 
																+};
															
 
																+
															
 
																+const saveProject = () => {
															
 
																+  // let content = sortList.value.map((index) => data.list[index]);
															
 
																+  let apiDataList = data.newSortList.map((item) => {
															
 
																+    let asData = data.list.find((ele) => ele.id === item.id) || {};
															
 
																+    return {
															
 
																+      ...item,
															
 
																+      ...asData,
															
 
																+    };
															
 
																+  });
															
 
																+  console.log("saveProject", data.list, data.newSortList);
															
 
																+  CaseScriptSaveOrUpdate({
															
 
																+    caseId: caseId.value,
															
 
																+    name: project.title,
															
 
																+    content: apiDataList,
															
 
																+  }).then((res) => {
															
 
																+    console.log("saveProject");
															
 
																+    ElMessage.success("保存成功");
															
 
																+  });
															
 
																+};
															
 
																+async function handleUploadSuccess(response: any, uploadFile: UploadFile) {
															
 
																+  uploadFile.url = response.data;
															
 
																+  console.log("handleUploadSuccess", uploadFile.url);
															
 
																+  if (uploadFile.url!.includes(".mp4") || uploadFile.url!.includes(".m4v")) {
															
 
																+    const res = await CaseScriptGetCover(uploadFile.url!);
															
 
																+    (uploadFile as any).cover = res;
															
 
																+  } else {
															
 
																+    (uploadFile as any).cover = uploadFile.url;
															
 
																+  }
															
 
																+}
															
 
																+
															
 
																+function GetRequest(value) {
															
 
																+  var url = decodeURI(window.location.search); //?id="123456"&name="www";
															
 
																+  var object = {};
															
 
																+  if (url.indexOf("?") != -1) {
															
 
																+    //url中存在问号，也就说有参数。
															
 
																+    var str = url.substr(1); //得到?后面的字符串
															
 
																+    var strs = str.split("&"); //将得到的参数分隔成数组[id="123456",name="www"];
															
 
																+    for (var i = 0; i < strs.length; i++) {
															
 
																+      object[strs[i].split("=")[0]] = strs[i].split("=")[1]; //得到{id:'123456',name:'www'}
															
 
																+    }
															
 
																+  }
															
 
																+  return object[value];
															
 
																+}
															
 
																+</script>
															
 
																+<style lang="scss" scoped></style>
															
 
																+
															
 
																+<style lang="scss">
															
 
																+body,
															
 
																+#app {
															
 
																+  margin: 0;
															
 
																+  padding: 0;
															
 
																+}
															
 
																+
															
 
																+.mirror-setting {
															
 
																+  width: 100%;
															
 
																+  min-height: 100%;
															
 
																+  padding-top: 80px;
															
 
																+  min-height: calc(100vh - 80px);
															
 
																+  margin: 0 auto;
															
 
																+  background: #eee;
															
 
																+
															
 
																+  .content {
															
 
																+    margin: 0 auto;
															
 
																+    display: flex;
															
 
																+    padding: 0 40px;
															
 
																+  }
															
 
																+
															
 
																+  .t-head {
															
 
																+    border: 1px solid #ddd;
															
 
																+    /* padding: 10px; */
															
 
																+    /* display: flex; */
															
 
																+    position: relative;
															
 
																+    background-color: #eee;
															
 
																+  }
															
 
																+
															
 
																+  tbody {
															
 
																+    /* border-top: 20px solid transparent; */
															
 
																+  }
															
 
																+
															
 
																+  .t-head th {
															
 
																+    margin-bottom: 20px;
															
 
																+  }
															
 
																+
															
 
																+  .project-title {
															
 
																+    display: flex;
															
 
																+    padding: 0 40px;
															
 
																+    align-items: center;
															
 
																+    /* justify-content: center; */
															
 
																+  }
															
 
																+
															
 
																+  .project-title .title {
															
 
																+    font-size: 28px;
															
 
																+    min-height: 0;
															
 
																+    height: auto;
															
 
																+    background-color: transparent !important;
															
 
																+    /* width: 300px; */
															
 
																+    margin: 30px 0;
															
 
																+  }
															
 
																+
															
 
																+  .el-textarea__inner {
															
 
																+    background-color: transparent;
															
 
																+    box-shadow: none;
															
 
																+    resize: none;
															
 
																+  }
															
 
																+
															
 
																+  .gray .el-textarea__inner {
															
 
																+    background: rgba(227, 225, 225, 0.2);
															
 
																+  }
															
 
																+
															
 
																+  .add-handle {
															
 
																+    padding: 30px 0;
															
 
																+    display: flex;
															
 
																+    justify-content: center;
															
 
																+  }
															
 
																+
															
 
																+  .add-line {
															
 
																+    margin: 0 10px;
															
 
																+    width: 30px;
															
 
																+  }
															
 
																+
															
 
																+  .add-line .el-input__wrapper {
															
 
																+    box-shadow: none;
															
 
																+    background: rgba(23, 41, 46, 0.2);
															
 
																+  }
															
 
																+
															
 
																+  .add-line input {
															
 
																+    color: white;
															
 
																+    text-align: center;
															
 
																+  }
															
 
																+  .activefileList {
															
 
																+    .el-upload-list--picture-card {
															
 
																+    }
															
 
																+    .el-upload--picture-card {
															
 
																+      display: none;
															
 
																+    }
															
 
																+  }
															
 
																+  .list-upload-style {
															
 
																+    width: 100%;
															
 
																+    text-align: center;
															
 
																+    .el-upload-list,
															
 
																+    .el-upload--text {
															
 
																+      width: 100%;
															
 
																+    }
															
 
																+    .el-upload-list__item-thumbnail,
															
 
																+    .el-upload--picture-card {
															
 
																+      min-height: 73px;
															
 
																+      height: 73px;
															
 
																+      width: 100%;
															
 
																+    }
															
 
																+    .uploadImg,
															
 
																+    .el-upload-list__item {
															
 
																+      width: 100%;
															
 
																+      min-height: 73px;
															
 
																+      height: 73px;
															
 
																+      line-height: 73px;
															
 
																+      .el-upload-list__item-thumbnail {
															
 
																+        width: 100%;
															
 
																+        max-width: 100px;
															
 
																+        object-fit: cover;
															
 
																+      }
															
 
																+    }
															
 
																+  }
															
 
																+  .marksDiv {
															
 
																+    position: relative;
															
 
																+    .table-delete {
															
 
																+      position: absolute;
															
 
																+      right: -10px;
															
 
																+      top: -3px;
															
 
																+    }
															
 
																+  }
															
 
																+}
															
 
																+</style>
															
--- a/src/app/mirror/dragable.ts
+++ b/src/app/mirror/dragable.ts
@@ -0,0 +1,11 @@
 
																+import Sortable from "sortablejs";
															
 
																+
															
 
																+export const vDragable = {
															
 
																+  mounted(el, binding) {
															
 
																+    const options = binding.value;
															
 
																+    for (let oi = 0; oi < options.length; oi++) {
															
 
																+      const o = options[oi];
															
 
																+      new Sortable(el.querySelector(o.selector), o.option);
															
 
																+    }
															
 
																+  },
															
 
																+};
															
--- a/src/app/mirror/main.ts
+++ b/src/app/mirror/main.ts
@@ -0,0 +1,14 @@
 
																+import { createApp } from "vue";
															
 
																+import "element-plus/dist/index.css";
															
 
																+import * as ElementPlusIconsVue from "@element-plus/icons-vue";
															
 
																+import App from "./App.vue";
															
 
																+import ElementPlus from "element-plus";
															
 
																+import "@/store/user";
															
 
																+const app = createApp(App);
															
 
																+
															
 
																+for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
															
 
																+  app.component(key, component);
															
 
																+}
															
 
																+
															
 
																+app.use(ElementPlus);
															
 
																+app.mount("#app");
															
--- a/src/app/mirror/store/script.ts
+++ b/src/app/mirror/store/script.ts
@@ -0,0 +1,80 @@
 
																+import { UN_REQ_NUM } from "@/constant/sys";
															
 
																+import {
															
 
																+  getCaseScriptSaveOrUpdateUrl,
															
 
																+  getCaseScriptInfoUrl,
															
 
																+  getVideoCover,
															
 
																+  axios,
															
 
																+} from "@/request";
															
 
																+
															
 
																+export enum FireStatus {
															
 
																+  all = UN_REQ_NUM,
															
 
																+  incomplete = 0,
															
 
																+  complete = 1,
															
 
																+}
															
 
																+
															
 
																+export type Fire = {
															
 
																+  accidentDate: string;
															
 
																+  createTime: string;
															
 
																+  creatorDeptId: string;
															
 
																+  caseId: number;
															
 
																+  mapShow: boolean;
															
 
																+  creatorId: string;
															
 
																+  creatorName: string;
															
 
																+  deptId: string;
															
 
																+  editTime: string;
															
 
																+  editorId: string;
															
 
																+  editorName: string;
															
 
																+  fireReason: string;
															
 
																+  id: string;
															
 
																+  isTeached: number;
															
 
																+  organizerDeptName: string;
															
 
																+  organizerUsers: string;
															
 
																+  projectAddress: string;
															
 
																+  latAndLong: string;
															
 
																+  latlng: string;
															
 
																+  projectName: string;
															
 
																+  projectSite: string;
															
 
																+  projectSiteCode: string;
															
 
																+  projectSn: string;
															
 
																+  status: FireStatus;
															
 
																+  statusDesc: string;
															
 
																+  updateTime: string;
															
 
																+  isDelete?: number;
															
 
																+
															
 
																+  field1: string;
															
 
																+  field2: string;
															
 
																+  field3: string;
															
 
																+  field4: string;
															
 
																+
															
 
																+  field5: string;
															
 
																+  field6: string;
															
 
																+  field7: string;
															
 
																+  field8: string;
															
 
																+  field9: string;
															
 
																+  field10: string;
															
 
																+};
															
 
																+
															
 
																+export enum FirePaggingRoute {
															
 
																+  fire = 1,
															
 
																+  teached = 2,
															
 
																+}
															
 
																+
															
 
																+export const getCaseScriptInfo = async (caseId) => {
															
 
																+  let res = await axios.get(getCaseScriptInfoUrl, { params: { caseId, ingoreRes: true } });
															
 
																+  console.log(res);
															
 
																+  if (res && res.code === 0) {
															
 
																+    return res.data;
															
 
																+  } else {
															
 
																+    // window.location.href = '/'
															
 
																+    throw {
															
 
																+      code: 4008,
															
 
																+      msg: "用户未登录"
															
 
																+    };
															
 
																+  }
															
 
																+};
															
 
																+
															
 
																+export const CaseScriptSaveOrUpdate = async (fire: Omit<Fire, "id">) =>
															
 
																+  axios.post(getCaseScriptSaveOrUpdateUrl, fire, { params: { ingoreRes: true } });
															
 
																+
															
 
																+export const CaseScriptGetCover = async (url: string, width = 200, height = 200) =>
															
 
																+  (await axios.get(getVideoCover, { params: { videoPath: url, width, height } })).data;
															
--- a/src/app/xmfire/constant.ts
+++ b/src/app/xmfire/constant.ts
@@ -0,0 +1,15 @@
 
																+import { AppConstant } from "..";
															
 
																+import banner from "@/assets/image/jmfirebg@2x.png";
															
 
																+import ico from "@/assets/image/jmlogo.png";
															
 
																+import { xmfireDeptId } from "@/constant/appDeptId";
															
 
																+
															
 
																+export const appConstant: AppConstant = {
															
 
																+  title: "火灾调查三维远程勘验平台",
															
 
																+  desc: "",
															
 
																+  // desc: "Three-dimensional remote prospecting platform for fire scenes",
															
 
																+  ico,
															
 
																+  name: "fire",
															
 
																+  banner,
															
 
																+  loginComponent: () => import("./view/login/index.vue"),
															
 
																+  deptId: xmfireDeptId,
															
 
																+};
															
--- a/src/app/xmfire/images/banner@2x.png
+++ b/src/app/xmfire/images/banner@2x.png
--- a/src/app/xmfire/routeConfig.ts
+++ b/src/app/xmfire/routeConfig.ts
@@ -0,0 +1,35 @@
 
																+import { RouteName } from "@/router/routeName";
															
 
																+import { Routes } from "@/router/config";
															
 
																+
															
 
																+export const FireRouteName = {
															
 
																+  ...RouteName,
															
 
																+  dispatch: "dispatch",
															
 
																+  teaching: "teaching",
															
 
																+} as const;
															
 
																+
															
 
																+export const menuRouteNames = [
															
 
																+  FireRouteName.statistics,
															
 
																+  FireRouteName.downloadLog,
															
 
																+  FireRouteName.vrmodel,
															
 
																+  FireRouteName.camera,
															
 
																+  FireRouteName.dispatch,
															
 
																+  FireRouteName.teaching,
															
 
																+  FireRouteName.organization,
															
 
																+  FireRouteName.role,
															
 
																+  FireRouteName.user,
															
 
																+];
															
 
																+
															
 
																+export const routes: Routes = [
															
 
																+  {
															
 
																+    name: FireRouteName.dispatch,
															
 
																+    path: "dispatch",
															
 
																+    component: () => import("../fire/view/dispatch/index.vue"),
															
 
																+    meta: { title: "火调管理", icon: "iconfire_management" },
															
 
																+  },
															
 
																+  {
															
 
																+    name: FireRouteName.teaching,
															
 
																+    path: "teaching",
															
 
																+    component: () => import("../fire/view/dispatch/index.vue"),
															
 
																+    meta: { title: "教学平台", icon: "iconfire_study" },
															
 
																+  },
															
 
																+];
															
--- a/src/app/xmfire/useStyle.scss
+++ b/src/app/xmfire/useStyle.scss
@@ -0,0 +1,7 @@
 
																+@forward 'element-plus/theme-chalk/src/common/var.scss'with ($colors: ('primary': ('base': #D8000A, )),
															
 
																+  $common-component-size: ('default': 40px));
															
 
																+
															
 
																+.delBtn {
															
 
																+  color   : #D8000A;
															
 
																+  // color: rgb(250, 85, 85);
															
 
																+}
															
--- a/src/app/xmfire/view/login/index.vue
+++ b/src/app/xmfire/view/login/index.vue
@@ -0,0 +1,385 @@
 
																+<template>
															
 
																+  <div class="system-layer" :style="{ backgroundImage: `url(${appConstant.banner})` }">
															
 
																+    <div class="content">
															
 
																+      <div class="login-layer">
															
 
																+        <div class="content">
															
 
																+          <div class="info">
															
 
																+            <img src="@/app/xmfire/images/banner@2x.png" />
															
 
																+            <span>{{ dateFormat(currentDate, "yyyy-MM-dd hh:mm:ss") }}</span>
															
 
																+          </div>
															
 
																+          <el-form class="panel login" :model="form" @submit.stop>
															
 
																+            <img :src="appConstant.ico" />
															
 
																+            <h2>{{ appConstant.title }}</h2>
															
 
																+            <el-form-item class="panel-form-item">
															
 
																+              <p class="err-info">{{ verification.phone }}</p>
															
 
																+              <el-input
															
 
																+                :maxlength="11"
															
 
																+                v-model.trim="form.phone"
															
 
																+                placeholder="手机号"
															
 
																+                @keydown.enter="submitClick"
															
 
																+              ></el-input>
															
 
																+            </el-form-item>
															
 
																+            <el-form-item class="panel-form-item">
															
 
																+              <p class="err-info">{{ verification.psw }}</p>
															
 
																+              <el-input
															
 
																+                v-model="form.psw"
															
 
																+                :maxlength="16"
															
 
																+                placeholder="密码"
															
 
																+                :type="flag ? 'password' : 'text'"
															
 
																+                @keydown.enter="submitClick"
															
 
																+              >
															
 
																+                <template v-slot:suffix>
															
 
																+                  <img
															
 
																+                    v-if="flag"
															
 
																+                    @click="flag = !flag"
															
 
																+                    style="width: 20px; margin: 15px"
															
 
																+                    src="@/assets/image/pasword.png"
															
 
																+                    alt=""
															
 
																+                  />
															
 
																+                  <el-icon :size="20" @click="flag = !flag" class="icon-style" v-else>
															
 
																+                    <View />
															
 
																+                  </el-icon>
															
 
																+                </template>
															
 
																+              </el-input>
															
 
																+            </el-form-item>
															
 
																+
															
 
																+            <el-form-item class="panel-form-item code-form-item">
															
 
																+              <p class="err-info">{{ verification.code }}</p>
															
 
																+              <el-input
															
 
																+                v-model="form.code"
															
 
																+                placeholder="验证码"
															
 
																+                @keydown.enter="submitClick"
															
 
																+                class="code-input"
															
 
																+              >
															
 
																+                <template v-slot:append>
															
 
																+                  <img :src="codeImg" class="code-img" @click="refer" />
															
 
																+                </template>
															
 
																+              </el-input>
															
 
																+            </el-form-item>
															
 
																+
															
 
																+            <el-form-item class="panel-form-item">
															
 
																+              <el-button type="primary" class="fill" @click="submitClick">登录</el-button>
															
 
																+            </el-form-item>
															
 
																+            <div class="more">
															
 
																+              <a @click="$router.push({ name: 'forget' })">忘记密码</a>
															
 
																+            </div>
															
 
																+          </el-form>
															
 
																+        </div>
															
 
																+      </div>
															
 
																+    </div>
															
 
																+  </div>
															
 
																+</template>
															
 
																+
															
 
																+<script lang="ts" setup>
															
 
																+import { reactive, watch, ref, computed, onUnmounted } from "vue";
															
 
																+import { openErrorMsg, baseURL, getCode } from "@/request";
															
 
																+import { PHONE } from "@/constant/REG";
															
 
																+import { guid, strToParams, dateFormat } from "@/util";
															
 
																+import { RouteName, router } from "@/router";
															
 
																+import { login } from "@/store/system";
															
 
																+import { appConstant } from "@/app";
															
 
																+import { user } from "@/store/user";
															
 
																+
															
 
																+const currentDate = ref(new Date());
															
 
																+const interval = setInterval(() => {
															
 
																+  currentDate.value = new Date();
															
 
																+});
															
 
																+onUnmounted(() => clearInterval(interval));
															
 
																+
															
 
																+// 是否显示明文密码
															
 
																+const flag = ref(true);
															
 
																+// 表单
															
 
																+const form = reactive({
															
 
																+  phone: localStorage.getItem("userName") || "",
															
 
																+  psw: localStorage.getItem("password") || "",
															
 
																+  code: "",
															
 
																+  remember: import.meta.env.DEV || localStorage.getItem("remember") === "1",
															
 
																+});
															
 
																+const verification = reactive({ phone: "", psw: "", code: "" });
															
 
																+// 验证
															
 
																+watch(
															
 
																+  form,
															
 
																+  () => {
															
 
																+    console.log("form", form);
															
 
																+    if (!form.phone) {
															
 
																+      verification.phone = "请输入手机号";
															
 
																+    } else if (form.phone == "88888888888") {
															
 
																+      verification.phone = "";
															
 
																+    } else {
															
 
																+      verification.phone = PHONE.REG.test(form.phone) ? "" : PHONE.tip;
															
 
																+    }
															
 
																+    if (!form.psw) {
															
 
																+      verification.psw = "请输入密码";
															
 
																+    } else {
															
 
																+      verification.psw = "";
															
 
																+    }
															
 
																+    if (!form.code.trim()) {
															
 
																+      verification.code = "请输入验证码";
															
 
																+    } else {
															
 
																+      verification.code = "";
															
 
																+    }
															
 
																+  },
															
 
																+  { immediate: true }
															
 
																+);
															
 
																+
															
 
																+// 图片验证码
															
 
																+const imgKey = ref(guid());
															
 
																+const refer = () => (imgKey.value = guid());
															
 
																+const codeImg = computed(() => baseURL + getCode + "?key=" + imgKey.value);
															
 
																+
															
 
																+// 表单提交
															
 
																+const submitClick = async () => {
															
 
																+  if (verification.phone && verification.phone !== "88888888888") {
															
 
																+    return openErrorMsg(verification.phone);
															
 
																+  }
															
 
																+  if (verification.psw) return openErrorMsg(verification.psw);
															
 
																+  if (verification.code) return openErrorMsg(verification.code);
															
 
																+
															
 
																+  try {
															
 
																+    await login({ phoneNum: form.phone, code: form.code, password: form.psw });
															
 
																+
															
 
																+    if (form.remember) {
															
 
																+      localStorage.setItem("userName", form.phone);
															
 
																+      localStorage.setItem("password", form.psw);
															
 
																+      localStorage.setItem("remember", "1");
															
 
																+    } else {
															
 
																+      localStorage.setItem("userName", "");
															
 
																+      localStorage.setItem("password", "");
															
 
																+      localStorage.setItem("remember", "0");
															
 
																+    }
															
 
																+
															
 
																+    const params = strToParams(window.location.search);
															
 
																+    if ("redirect" in params) {
															
 
																+      const url = new URL(unescape(params.redirect));
															
 
																+      url.searchParams.delete("token");
															
 
																+      url.searchParams.append("token", user.value.token);
															
 
																+      window.location.replace(url);
															
 
																+    } else {
															
 
																+      router.replace({ name: RouteName.scene });
															
 
																+    }
															
 
																+  } catch (e) {
															
 
																+    console.error(e);
															
 
																+    return refer();
															
 
																+  }
															
 
																+};
															
 
																+</script>
															
 
																+
															
 
																+<style lang="scss" scoped>
															
 
																+.system-layer {
															
 
																+  width: 100%;
															
 
																+  min-height: 100%;
															
 
																+  display: flex;
															
 
																+  flex-direction: row;
															
 
																+  align-items: center;
															
 
																+  justify-content: center;
															
 
																+  background: no-repeat left bottom;
															
 
																+  background-size: cover;
															
 
																+}
															
 
																+
															
 
																+.content {
															
 
																+  display: flex;
															
 
																+  justify-content: center;
															
 
																+  align-items: flex-start;
															
 
																+}
															
 
																+
															
 
																+.login-layer {
															
 
																+  text-align: right;
															
 
																+}
															
 
																+.content {
															
 
																+  display: flex;
															
 
																+  justify-content: center;
															
 
																+  align-items: flex-start;
															
 
																+}
															
 
																+.info {
															
 
																+  color: #fff;
															
 
																+  flex: none;
															
 
																+  text-align: left;
															
 
																+  position: relative;
															
 
																+  height: 100%;
															
 
																+  pointer-events: none;
															
 
																+  span {
															
 
																+    position: absolute;
															
 
																+    bottom: 20px;
															
 
																+    left: 50%;
															
 
																+    transform: translateX(-50%);
															
 
																+    font-size: 18px;
															
 
																+    color: #fff;
															
 
																+  }
															
 
																+
															
 
																+  img {
															
 
																+    height: 562px;
															
 
																+  }
															
 
																+  h1 {
															
 
																+    font-size: 2.8rem;
															
 
																+    line-height: 3.7rem;
															
 
																+    margin-bottom: 0.7rem;
															
 
																+  }
															
 
																+  p {
															
 
																+    font-size: 2rem;
															
 
																+    line-height: 2.2rem;
															
 
																+  }
															
 
																+}
															
 
																+
															
 
																+.top-text {
															
 
																+  margin-bottom: 50px;
															
 
																+  pointer-events: none;
															
 
																+  height: 153px;
															
 
																+  min-width: 1200px;
															
 
																+  img {
															
 
																+    position: absolute;
															
 
																+    right: 0;
															
 
																+  }
															
 
																+}
															
 
																+.login {
															
 
																+  width: 380px;
															
 
																+  padding: 40px 40px 30px;
															
 
																+  position: relative;
															
 
																+  display: inline-block;
															
 
																+
															
 
																+  h2 {
															
 
																+    padding-left: 0;
															
 
																+    padding-bottom: 0;
															
 
																+    border-bottom: none;
															
 
																+    margin-bottom: 2.14rem;
															
 
																+
															
 
																+    span {
															
 
																+      color: #646566;
															
 
																+      font-size: 1.33rem;
															
 
																+      margin-top: 0.71rem;
															
 
																+      display: block;
															
 
																+    }
															
 
																+  }
															
 
																+
															
 
																+  .panel-form-item {
															
 
																+    padding-left: 0;
															
 
																+    padding-right: 0;
															
 
																+    .icon-style {
															
 
																+      margin-right: 14px;
															
 
																+      font-size: 20px;
															
 
																+      line-height: 50px;
															
 
																+    }
															
 
																+  }
															
 
																+
															
 
																+  .more a:first-child::after {
															
 
																+    content: "";
															
 
																+    position: absolute;
															
 
																+    right: -5px;
															
 
																+    width: 1px;
															
 
																+    height: 8px;
															
 
																+    background: #dcdee0;
															
 
																+    top: 50%;
															
 
																+    transform: translateY(-50%);
															
 
																+  }
															
 
																+}
															
 
																+
															
 
																+.code-img {
															
 
																+  width: 100%;
															
 
																+  height: 100%;
															
 
																+  // object-fit: cover;
															
 
																+}
															
 
																+</style>
															
 
																+
															
 
																+<style lang="scss">
															
 
																+.system-layer .panel {
															
 
																+  background: rgba(255, 255, 255, 0.7);
															
 
																+  box-shadow: 0px 2px 20px 0px rgba(5, 38, 38, 0.15);
															
 
																+  width: 380px;
															
 
																+  padding: 40px 40px 30px;
															
 
																+  text-align: initial;
															
 
																+  text-align: center;
															
 
																+  border-radius: 0;
															
 
																+
															
 
																+  img {
															
 
																+    width: 100px;
															
 
																+  }
															
 
																+
															
 
																+  h2 {
															
 
																+    color: #323233;
															
 
																+    font-size: 1.4rem;
															
 
																+    margin-bottom: 2.14rem;
															
 
																+    font-weight: normal;
															
 
																+    padding-left: 0;
															
 
																+    border-bottom: 0;
															
 
																+    text-align: center;
															
 
																+  }
															
 
																+
															
 
																+  .panel-form-item {
															
 
																+    position: relative;
															
 
																+    padding-bottom: 2.14rem;
															
 
																+    margin: 0;
															
 
																+    padding-left: 0;
															
 
																+    padding-right: 0;
															
 
																+
															
 
																+    &.remember {
															
 
																+      padding: 0;
															
 
																+    }
															
 
																+
															
 
																+    .err-info {
															
 
																+      position: absolute;
															
 
																+      top: 100%;
															
 
																+      left: 0;
															
 
																+      font-size: 1rem;
															
 
																+      line-height: 2.14rem;
															
 
																+      color: #fa5555;
															
 
																+    }
															
 
																+  }
															
 
																+
															
 
																+  .more {
															
 
																+    text-align: center;
															
 
																+
															
 
																+    a {
															
 
																+      color: #323233;
															
 
																+      line-height: 21px;
															
 
																+      font-size: 16px;
															
 
																+      margin: 0 5px;
															
 
																+      position: relative;
															
 
																+      text-decoration: none;
															
 
																+      cursor: pointer;
															
 
																+    }
															
 
																+  }
															
 
																+}
															
 
																+
															
 
																+.panel-form-item .el-select {
															
 
																+  width: 100%;
															
 
																+}
															
 
																+
															
 
																+.panel-form-item .el-button,
															
 
																+.panel-form-item .el-input__inner {
															
 
																+  height: 50px;
															
 
																+  font-size: 1.14rem;
															
 
																+}
															
 
																+
															
 
																+.panel-form-item .el-button {
															
 
																+  line-height: 26px;
															
 
																+  font-weight: bold;
															
 
																+  font-size: 16px;
															
 
																+}
															
 
																+
															
 
																+.panel-form-item .el-form-item__label {
															
 
																+  line-height: 50px;
															
 
																+}
															
 
																+.login .code-form-item .el-input {
															
 
																+  display: flex;
															
 
																+}
															
 
																+
															
 
																+.login .code-form-item .el-input-group__append {
															
 
																+  flex: none;
															
 
																+  margin-left: 10px;
															
 
																+  width: 95px;
															
 
																+  display: flex;
															
 
																+  align-items: center;
															
 
																+  justify-content: center;
															
 
																+  padding: 0;
															
 
																+}
															
 
																+
															
 
																+.login .code-form-item .el-input__inner {
															
 
																+  flex: 1;
															
 
																+}
															
 
																+.login .code-form-item .el-input-group__append,
															
 
																+.login .code-form-item .el-input__inner {
															
 
																+  border-radius: 4px;
															
 
																+}
															
 
																+input[type="password"]::-ms-reveal {
															
 
																+  display: none;
															
 
																+}
															
 
																+</style>
															
--- a/src/assets/icon/fire/demo.css
+++ b/src/assets/icon/fire/demo.css
@@ -0,0 +1,539 @@
 
																+/* Logo 字体 */
															
 
																+@font-face {
															
 
																+  font-family: "iconfont logo";
															
 
																+  src: url('https://at.alicdn.com/t/font_985780_km7mi63cihi.eot?t=1545807318834');
															
 
																+  src: url('https://at.alicdn.com/t/font_985780_km7mi63cihi.eot?t=1545807318834#iefix') format('embedded-opentype'),
															
 
																+    url('https://at.alicdn.com/t/font_985780_km7mi63cihi.woff?t=1545807318834') format('woff'),
															
 
																+    url('https://at.alicdn.com/t/font_985780_km7mi63cihi.ttf?t=1545807318834') format('truetype'),
															
 
																+    url('https://at.alicdn.com/t/font_985780_km7mi63cihi.svg?t=1545807318834#iconfont') format('svg');
															
 
																+}
															
 
																+
															
 
																+.logo {
															
 
																+  font-family: "iconfont logo";
															
 
																+  font-size: 160px;
															
 
																+  font-style: normal;
															
 
																+  -webkit-font-smoothing: antialiased;
															
 
																+  -moz-osx-font-smoothing: grayscale;
															
 
																+}
															
 
																+
															
 
																+/* tabs */
															
 
																+.nav-tabs {
															
 
																+  position: relative;
															
 
																+}
															
 
																+
															
 
																+.nav-tabs .nav-more {
															
 
																+  position: absolute;
															
 
																+  right: 0;
															
 
																+  bottom: 0;
															
 
																+  height: 42px;
															
 
																+  line-height: 42px;
															
 
																+  color: #666;
															
 
																+}
															
 
																+
															
 
																+#tabs {
															
 
																+  border-bottom: 1px solid #eee;
															
 
																+}
															
 
																+
															
 
																+#tabs li {
															
 
																+  cursor: pointer;
															
 
																+  width: 100px;
															
 
																+  height: 40px;
															
 
																+  line-height: 40px;
															
 
																+  text-align: center;
															
 
																+  font-size: 16px;
															
 
																+  border-bottom: 2px solid transparent;
															
 
																+  position: relative;
															
 
																+  z-index: 1;
															
 
																+  margin-bottom: -1px;
															
 
																+  color: #666;
															
 
																+}
															
 
																+
															
 
																+
															
 
																+#tabs .active {
															
 
																+  border-bottom-color: #f00;
															
 
																+  color: #222;
															
 
																+}
															
 
																+
															
 
																+.tab-container .content {
															
 
																+  display: none;
															
 
																+}
															
 
																+
															
 
																+/* 页面布局 */
															
 
																+.main {
															
 
																+  padding: 30px 100px;
															
 
																+  width: 960px;
															
 
																+  margin: 0 auto;
															
 
																+}
															
 
																+
															
 
																+.main .logo {
															
 
																+  color: #333;
															
 
																+  text-align: left;
															
 
																+  margin-bottom: 30px;
															
 
																+  line-height: 1;
															
 
																+  height: 110px;
															
 
																+  margin-top: -50px;
															
 
																+  overflow: hidden;
															
 
																+  *zoom: 1;
															
 
																+}
															
 
																+
															
 
																+.main .logo a {
															
 
																+  font-size: 160px;
															
 
																+  color: #333;
															
 
																+}
															
 
																+
															
 
																+.helps {
															
 
																+  margin-top: 40px;
															
 
																+}
															
 
																+
															
 
																+.helps pre {
															
 
																+  padding: 20px;
															
 
																+  margin: 10px 0;
															
 
																+  border: solid 1px #e7e1cd;
															
 
																+  background-color: #fffdef;
															
 
																+  overflow: auto;
															
 
																+}
															
 
																+
															
 
																+.icon_lists {
															
 
																+  width: 100% !important;
															
 
																+  overflow: hidden;
															
 
																+  *zoom: 1;
															
 
																+}
															
 
																+
															
 
																+.icon_lists li {
															
 
																+  width: 100px;
															
 
																+  margin-bottom: 10px;
															
 
																+  margin-right: 20px;
															
 
																+  text-align: center;
															
 
																+  list-style: none !important;
															
 
																+  cursor: default;
															
 
																+}
															
 
																+
															
 
																+.icon_lists li .code-name {
															
 
																+  line-height: 1.2;
															
 
																+}
															
 
																+
															
 
																+.icon_lists .icon {
															
 
																+  display: block;
															
 
																+  height: 100px;
															
 
																+  line-height: 100px;
															
 
																+  font-size: 42px;
															
 
																+  margin: 10px auto;
															
 
																+  color: #333;
															
 
																+  -webkit-transition: font-size 0.25s linear, width 0.25s linear;
															
 
																+  -moz-transition: font-size 0.25s linear, width 0.25s linear;
															
 
																+  transition: font-size 0.25s linear, width 0.25s linear;
															
 
																+}
															
 
																+
															
 
																+.icon_lists .icon:hover {
															
 
																+  font-size: 100px;
															
 
																+}
															
 
																+
															
 
																+.icon_lists .svg-icon {
															
 
																+  /* 通过设置 font-size 来改变图标大小 */
															
 
																+  width: 1em;
															
 
																+  /* 图标和文字相邻时，垂直对齐 */
															
 
																+  vertical-align: -0.15em;
															
 
																+  /* 通过设置 color 来改变 SVG 的颜色/fill */
															
 
																+  fill: currentColor;
															
 
																+  /* path 和 stroke 溢出 viewBox 部分在 IE 下会显示
															
 
																+      normalize.css 中也包含这行 */
															
 
																+  overflow: hidden;
															
 
																+}
															
 
																+
															
 
																+.icon_lists li .name,
															
 
																+.icon_lists li .code-name {
															
 
																+  color: #666;
															
 
																+}
															
 
																+
															
 
																+/* markdown 样式 */
															
 
																+.markdown {
															
 
																+  color: #666;
															
 
																+  font-size: 14px;
															
 
																+  line-height: 1.8;
															
 
																+}
															
 
																+
															
 
																+.highlight {
															
 
																+  line-height: 1.5;
															
 
																+}
															
 
																+
															
 
																+.markdown img {
															
 
																+  vertical-align: middle;
															
 
																+  max-width: 100%;
															
 
																+}
															
 
																+
															
 
																+.markdown h1 {
															
 
																+  color: #404040;
															
 
																+  font-weight: 500;
															
 
																+  line-height: 40px;
															
 
																+  margin-bottom: 24px;
															
 
																+}
															
 
																+
															
 
																+.markdown h2,
															
 
																+.markdown h3,
															
 
																+.markdown h4,
															
 
																+.markdown h5,
															
 
																+.markdown h6 {
															
 
																+  color: #404040;
															
 
																+  margin: 1.6em 0 0.6em 0;
															
 
																+  font-weight: 500;
															
 
																+  clear: both;
															
 
																+}
															
 
																+
															
 
																+.markdown h1 {
															
 
																+  font-size: 28px;
															
 
																+}
															
 
																+
															
 
																+.markdown h2 {
															
 
																+  font-size: 22px;
															
 
																+}
															
 
																+
															
 
																+.markdown h3 {
															
 
																+  font-size: 16px;
															
 
																+}
															
 
																+
															
 
																+.markdown h4 {
															
 
																+  font-size: 14px;
															
 
																+}
															
 
																+
															
 
																+.markdown h5 {
															
 
																+  font-size: 12px;
															
 
																+}
															
 
																+
															
 
																+.markdown h6 {
															
 
																+  font-size: 12px;
															
 
																+}
															
 
																+
															
 
																+.markdown hr {
															
 
																+  height: 1px;
															
 
																+  border: 0;
															
 
																+  background: #e9e9e9;
															
 
																+  margin: 16px 0;
															
 
																+  clear: both;
															
 
																+}
															
 
																+
															
 
																+.markdown p {
															
 
																+  margin: 1em 0;
															
 
																+}
															
 
																+
															
 
																+.markdown>p,
															
 
																+.markdown>blockquote,
															
 
																+.markdown>.highlight,
															
 
																+.markdown>ol,
															
 
																+.markdown>ul {
															
 
																+  width: 80%;
															
 
																+}
															
 
																+
															
 
																+.markdown ul>li {
															
 
																+  list-style: circle;
															
 
																+}
															
 
																+
															
 
																+.markdown>ul li,
															
 
																+.markdown blockquote ul>li {
															
 
																+  margin-left: 20px;
															
 
																+  padding-left: 4px;
															
 
																+}
															
 
																+
															
 
																+.markdown>ul li p,
															
 
																+.markdown>ol li p {
															
 
																+  margin: 0.6em 0;
															
 
																+}
															
 
																+
															
 
																+.markdown ol>li {
															
 
																+  list-style: decimal;
															
 
																+}
															
 
																+
															
 
																+.markdown>ol li,
															
 
																+.markdown blockquote ol>li {
															
 
																+  margin-left: 20px;
															
 
																+  padding-left: 4px;
															
 
																+}
															
 
																+
															
 
																+.markdown code {
															
 
																+  margin: 0 3px;
															
 
																+  padding: 0 5px;
															
 
																+  background: #eee;
															
 
																+  border-radius: 3px;
															
 
																+}
															
 
																+
															
 
																+.markdown strong,
															
 
																+.markdown b {
															
 
																+  font-weight: 600;
															
 
																+}
															
 
																+
															
 
																+.markdown>table {
															
 
																+  border-collapse: collapse;
															
 
																+  border-spacing: 0px;
															
 
																+  empty-cells: show;
															
 
																+  border: 1px solid #e9e9e9;
															
 
																+  width: 95%;
															
 
																+  margin-bottom: 24px;
															
 
																+}
															
 
																+
															
 
																+.markdown>table th {
															
 
																+  white-space: nowrap;
															
 
																+  color: #333;
															
 
																+  font-weight: 600;
															
 
																+}
															
 
																+
															
 
																+.markdown>table th,
															
 
																+.markdown>table td {
															
 
																+  border: 1px solid #e9e9e9;
															
 
																+  padding: 8px 16px;
															
 
																+  text-align: left;
															
 
																+}
															
 
																+
															
 
																+.markdown>table th {
															
 
																+  background: #F7F7F7;
															
 
																+}
															
 
																+
															
 
																+.markdown blockquote {
															
 
																+  font-size: 90%;
															
 
																+  color: #999;
															
 
																+  border-left: 4px solid #e9e9e9;
															
 
																+  padding-left: 0.8em;
															
 
																+  margin: 1em 0;
															
 
																+}
															
 
																+
															
 
																+.markdown blockquote p {
															
 
																+  margin: 0;
															
 
																+}
															
 
																+
															
 
																+.markdown .anchor {
															
 
																+  opacity: 0;
															
 
																+  transition: opacity 0.3s ease;
															
 
																+  margin-left: 8px;
															
 
																+}
															
 
																+
															
 
																+.markdown .waiting {
															
 
																+  color: #ccc;
															
 
																+}
															
 
																+
															
 
																+.markdown h1:hover .anchor,
															
 
																+.markdown h2:hover .anchor,
															
 
																+.markdown h3:hover .anchor,
															
 
																+.markdown h4:hover .anchor,
															
 
																+.markdown h5:hover .anchor,
															
 
																+.markdown h6:hover .anchor {
															
 
																+  opacity: 1;
															
 
																+  display: inline-block;
															
 
																+}
															
 
																+
															
 
																+.markdown>br,
															
 
																+.markdown>p>br {
															
 
																+  clear: both;
															
 
																+}
															
 
																+
															
 
																+
															
 
																+.hljs {
															
 
																+  display: block;
															
 
																+  background: white;
															
 
																+  padding: 0.5em;
															
 
																+  color: #333333;
															
 
																+  overflow-x: auto;
															
 
																+}
															
 
																+
															
 
																+.hljs-comment,
															
 
																+.hljs-meta {
															
 
																+  color: #969896;
															
 
																+}
															
 
																+
															
 
																+.hljs-string,
															
 
																+.hljs-variable,
															
 
																+.hljs-template-variable,
															
 
																+.hljs-strong,
															
 
																+.hljs-emphasis,
															
 
																+.hljs-quote {
															
 
																+  color: #df5000;
															
 
																+}
															
 
																+
															
 
																+.hljs-keyword,
															
 
																+.hljs-selector-tag,
															
 
																+.hljs-type {
															
 
																+  color: #a71d5d;
															
 
																+}
															
 
																+
															
 
																+.hljs-literal,
															
 
																+.hljs-symbol,
															
 
																+.hljs-bullet,
															
 
																+.hljs-attribute {
															
 
																+  color: #0086b3;
															
 
																+}
															
 
																+
															
 
																+.hljs-section,
															
 
																+.hljs-name {
															
 
																+  color: #63a35c;
															
 
																+}
															
 
																+
															
 
																+.hljs-tag {
															
 
																+  color: #333333;
															
 
																+}
															
 
																+
															
 
																+.hljs-title,
															
 
																+.hljs-attr,
															
 
																+.hljs-selector-id,
															
 
																+.hljs-selector-class,
															
 
																+.hljs-selector-attr,
															
 
																+.hljs-selector-pseudo {
															
 
																+  color: #795da3;
															
 
																+}
															
 
																+
															
 
																+.hljs-addition {
															
 
																+  color: #55a532;
															
 
																+  background-color: #eaffea;
															
 
																+}
															
 
																+
															
 
																+.hljs-deletion {
															
 
																+  color: #bd2c00;
															
 
																+  background-color: #ffecec;
															
 
																+}
															
 
																+
															
 
																+.hljs-link {
															
 
																+  text-decoration: underline;
															
 
																+}
															
 
																+
															
 
																+/* 代码高亮 */
															
 
																+/* PrismJS 1.15.0
															
 
																+https://prismjs.com/download.html#themes=prism&languages=markup+css+clike+javascript */
															
 
																+/**
															
 
																+ * prism.js default theme for JavaScript, CSS and HTML
															
 
																+ * Based on dabblet (http://dabblet.com)
															
 
																+ * @author Lea Verou
															
 
																+ */
															
 
																+code[class*="language-"],
															
 
																+pre[class*="language-"] {
															
 
																+  color: black;
															
 
																+  background: none;
															
 
																+  text-shadow: 0 1px white;
															
 
																+  font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
															
 
																+  text-align: left;
															
 
																+  white-space: pre;
															
 
																+  word-spacing: normal;
															
 
																+  word-break: normal;
															
 
																+  word-wrap: normal;
															
 
																+  line-height: 1.5;
															
 
																+
															
 
																+  -moz-tab-size: 4;
															
 
																+  -o-tab-size: 4;
															
 
																+  tab-size: 4;
															
 
																+
															
 
																+  -webkit-hyphens: none;
															
 
																+  -moz-hyphens: none;
															
 
																+  -ms-hyphens: none;
															
 
																+  hyphens: none;
															
 
																+}
															
 
																+
															
 
																+pre[class*="language-"]::-moz-selection,
															
 
																+pre[class*="language-"] ::-moz-selection,
															
 
																+code[class*="language-"]::-moz-selection,
															
 
																+code[class*="language-"] ::-moz-selection {
															
 
																+  text-shadow: none;
															
 
																+  background: #b3d4fc;
															
 
																+}
															
 
																+
															
 
																+pre[class*="language-"]::selection,
															
 
																+pre[class*="language-"] ::selection,
															
 
																+code[class*="language-"]::selection,
															
 
																+code[class*="language-"] ::selection {
															
 
																+  text-shadow: none;
															
 
																+  background: #b3d4fc;
															
 
																+}
															
 
																+
															
 
																+@media print {
															
 
																+
															
 
																+  code[class*="language-"],
															
 
																+  pre[class*="language-"] {
															
 
																+    text-shadow: none;
															
 
																+  }
															
 
																+}
															
 
																+
															
 
																+/* Code blocks */
															
 
																+pre[class*="language-"] {
															
 
																+  padding: 1em;
															
 
																+  margin: .5em 0;
															
 
																+  overflow: auto;
															
 
																+}
															
 
																+
															
 
																+:not(pre)>code[class*="language-"],
															
 
																+pre[class*="language-"] {
															
 
																+  background: #f5f2f0;
															
 
																+}
															
 
																+
															
 
																+/* Inline code */
															
 
																+:not(pre)>code[class*="language-"] {
															
 
																+  padding: .1em;
															
 
																+  border-radius: .3em;
															
 
																+  white-space: normal;
															
 
																+}
															
 
																+
															
 
																+.token.comment,
															
 
																+.token.prolog,
															
 
																+.token.doctype,
															
 
																+.token.cdata {
															
 
																+  color: slategray;
															
 
																+}
															
 
																+
															
 
																+.token.punctuation {
															
 
																+  color: #999;
															
 
																+}
															
 
																+
															
 
																+.namespace {
															
 
																+  opacity: .7;
															
 
																+}
															
 
																+
															
 
																+.token.property,
															
 
																+.token.tag,
															
 
																+.token.boolean,
															
 
																+.token.number,
															
 
																+.token.constant,
															
 
																+.token.symbol,
															
 
																+.token.deleted {
															
 
																+  color: #905;
															
 
																+}
															
 
																+
															
 
																+.token.selector,
															
 
																+.token.attr-name,
															
 
																+.token.string,
															
 
																+.token.char,
															
 
																+.token.builtin,
															
 
																+.token.inserted {
															
 
																+  color: #690;
															
 
																+}
															
 
																+
															
 
																+.token.operator,
															
 
																+.token.entity,
															
 
																+.token.url,
															
 
																+.language-css .token.string,
															
 
																+.style .token.string {
															
 
																+  color: #9a6e3a;
															
 
																+  background: hsla(0, 0%, 100%, .5);
															
 
																+}
															
 
																+
															
 
																+.token.atrule,
															
 
																+.token.attr-value,
															
 
																+.token.keyword {
															
 
																+  color: #07a;
															
 
																+}
															
 
																+
															
 
																+.token.function,
															
 
																+.token.class-name {
															
 
																+  color: #DD4A68;
															
 
																+}
															
 
																+
															
 
																+.token.regex,
															
 
																+.token.important,
															
 
																+.token.variable {
															
 
																+  color: #e90;
															
 
																+}
															
 
																+
															
 
																+.token.important,
															
 
																+.token.bold {
															
 
																+  font-weight: bold;
															
 
																+}
															
 
																+
															
 
																+.token.italic {
															
 
																+  font-style: italic;
															
 
																+}
															
 
																+
															
 
																+.token.entity {
															
 
																+  cursor: help;
															
 
																+}
															
--- a/src/assets/icon/fire/demo_index.html
+++ b/src/assets/icon/fire/demo_index.html
@@ -0,0 +1,878 @@
 
																+<!DOCTYPE html>
															
 
																+<html>
															
 
																+<head>
															
 
																+  <meta charset="utf-8"/>
															
 
																+  <title>iconfont Demo</title>
															
 
																+  <link rel="shortcut icon" href="//img.alicdn.com/imgextra/i2/O1CN01ZyAlrn1MwaMhqz36G_!!6000000001499-73-tps-64-64.ico" type="image/x-icon"/>
															
 
																+  <link rel="icon" type="image/svg+xml" href="//img.alicdn.com/imgextra/i4/O1CN01EYTRnJ297D6vehehJ_!!6000000008020-55-tps-64-64.svg"/>
															
 
																+  <link rel="stylesheet" href="https://g.alicdn.com/thx/cube/1.3.2/cube.min.css">
															
 
																+  <link rel="stylesheet" href="demo.css">
															
 
																+  <link rel="stylesheet" href="iconfont.css">
															
 
																+  <script src="iconfont.js"></script>
															
 
																+  <!-- jQuery -->
															
 
																+  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/7bfddb60-08e8-11e9-9b04-53e73bb6408b.js"></script>
															
 
																+  <!-- 代码高亮 -->
															
 
																+  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/a3f714d0-08e6-11e9-8a15-ebf944d7534c.js"></script>
															
 
																+  <style>
															
 
																+    .main .logo {
															
 
																+      margin-top: 0;
															
 
																+      height: auto;
															
 
																+    }
															
 
																+
															
 
																+    .main .logo a {
															
 
																+      display: flex;
															
 
																+      align-items: center;
															
 
																+    }
															
 
																+
															
 
																+    .main .logo .sub-title {
															
 
																+      margin-left: 0.5em;
															
 
																+      font-size: 22px;
															
 
																+      color: #fff;
															
 
																+      background: linear-gradient(-45deg, #3967FF, #B500FE);
															
 
																+      -webkit-background-clip: text;
															
 
																+      -webkit-text-fill-color: transparent;
															
 
																+    }
															
 
																+  </style>
															
 
																+</head>
															
 
																+<body>
															
 
																+  <div class="main">
															
 
																+    <h1 class="logo"><a href="https://www.iconfont.cn/" title="iconfont 首页" target="_blank">
															
 
																+      <img width="200" src="https://img.alicdn.com/imgextra/i3/O1CN01Mn65HV1FfSEzR6DKv_!!6000000000514-55-tps-228-59.svg">
															
 
																+      
															
 
																+    </a></h1>
															
 
																+    <div class="nav-tabs">
															
 
																+      <ul id="tabs" class="dib-box">
															
 
																+        <li class="dib active"><span>Unicode</span></li>
															
 
																+        <li class="dib"><span>Font class</span></li>
															
 
																+        <li class="dib"><span>Symbol</span></li>
															
 
																+      </ul>
															
 
																+      
															
 
																+      <a href="https://www.iconfont.cn/manage/index?manage_type=myprojects&projectId=2466491" target="_blank" class="nav-more">查看项目</a>
															
 
																+      
															
 
																+    </div>
															
 
																+    <div class="tab-container">
															
 
																+      <div class="content unicode" style="display: block;">
															
 
																+          <ul class="icon_lists dib-box">
															
 
																+          
															
 
																+            <li class="dib">
															
 
																+              <span class="icon iconfont">&#xe6e2;</span>
															
 
																+                <div class="name">fire_role_management</div>
															
 
																+                <div class="code-name">&amp;#xe6e2;</div>
															
 
																+              </li>
															
 
																+          
															
 
																+            <li class="dib">
															
 
																+              <span class="icon iconfont">&#xe6e0;</span>
															
 
																+                <div class="name">fire_organization</div>
															
 
																+                <div class="code-name">&amp;#xe6e0;</div>
															
 
																+              </li>
															
 
																+          
															
 
																+            <li class="dib">
															
 
																+              <span class="icon iconfont">&#xe6a0;</span>
															
 
																+                <div class="name">fire_home_study</div>
															
 
																+                <div class="code-name">&amp;#xe6a0;</div>
															
 
																+              </li>
															
 
																+          
															
 
																+            <li class="dib">
															
 
																+              <span class="icon iconfont">&#xe6a1;</span>
															
 
																+                <div class="name">fire_home_vr</div>
															
 
																+                <div class="code-name">&amp;#xe6a1;</div>
															
 
																+              </li>
															
 
																+          
															
 
																+            <li class="dib">
															
 
																+              <span class="icon iconfont">&#xe69f;</span>
															
 
																+                <div class="name">collect</div>
															
 
																+                <div class="code-name">&amp;#xe69f;</div>
															
 
																+              </li>
															
 
																+          
															
 
																+            <li class="dib">
															
 
																+              <span class="icon iconfont">&#xe695;</span>
															
 
																+                <div class="name">fire_mic_off</div>
															
 
																+                <div class="code-name">&amp;#xe695;</div>
															
 
																+              </li>
															
 
																+          
															
 
																+            <li class="dib">
															
 
																+              <span class="icon iconfont">&#xe696;</span>
															
 
																+                <div class="name">fire_cancel</div>
															
 
																+                <div class="code-name">&amp;#xe696;</div>
															
 
																+              </li>
															
 
																+          
															
 
																+            <li class="dib">
															
 
																+              <span class="icon iconfont">&#xe697;</span>
															
 
																+                <div class="name">fire_pen_open</div>
															
 
																+                <div class="code-name">&amp;#xe697;</div>
															
 
																+              </li>
															
 
																+          
															
 
																+            <li class="dib">
															
 
																+              <span class="icon iconfont">&#xe698;</span>
															
 
																+                <div class="name">fire_pen_off</div>
															
 
																+                <div class="code-name">&amp;#xe698;</div>
															
 
																+              </li>
															
 
																+          
															
 
																+            <li class="dib">
															
 
																+              <span class="icon iconfont">&#xe699;</span>
															
 
																+                <div class="name">fire_cross</div>
															
 
																+                <div class="code-name">&amp;#xe699;</div>
															
 
																+              </li>
															
 
																+          
															
 
																+            <li class="dib">
															
 
																+              <span class="icon iconfont">&#xe69a;</span>
															
 
																+                <div class="name">fire_exit</div>
															
 
																+                <div class="code-name">&amp;#xe69a;</div>
															
 
																+              </li>
															
 
																+          
															
 
																+            <li class="dib">
															
 
																+              <span class="icon iconfont">&#xe69b;</span>
															
 
																+                <div class="name">fire_share</div>
															
 
																+                <div class="code-name">&amp;#xe69b;</div>
															
 
																+              </li>
															
 
																+          
															
 
																+            <li class="dib">
															
 
																+              <span class="icon iconfont">&#xe69c;</span>
															
 
																+                <div class="name">fire_vr</div>
															
 
																+                <div class="code-name">&amp;#xe69c;</div>
															
 
																+              </li>
															
 
																+          
															
 
																+            <li class="dib">
															
 
																+              <span class="icon iconfont">&#xe69d;</span>
															
 
																+                <div class="name">fire_mic_on</div>
															
 
																+                <div class="code-name">&amp;#xe69d;</div>
															
 
																+              </li>
															
 
																+          
															
 
																+            <li class="dib">
															
 
																+              <span class="icon iconfont">&#xe69e;</span>
															
 
																+                <div class="name">fire_appendix</div>
															
 
																+                <div class="code-name">&amp;#xe69e;</div>
															
 
																+              </li>
															
 
																+          
															
 
																+            <li class="dib">
															
 
																+              <span class="icon iconfont">&#xe68f;</span>
															
 
																+                <div class="name">fire_119</div>
															
 
																+                <div class="code-name">&amp;#xe68f;</div>
															
 
																+              </li>
															
 
																+          
															
 
																+            <li class="dib">
															
 
																+              <span class="icon iconfont">&#xe690;</span>
															
 
																+                <div class="name">fire_arrow</div>
															
 
																+                <div class="code-name">&amp;#xe690;</div>
															
 
																+              </li>
															
 
																+          
															
 
																+            <li class="dib">
															
 
																+              <span class="icon iconfont">&#xe691;</span>
															
 
																+                <div class="name">fire_building</div>
															
 
																+                <div class="code-name">&amp;#xe691;</div>
															
 
																+              </li>
															
 
																+          
															
 
																+            <li class="dib">
															
 
																+              <span class="icon iconfont">&#xe692;</span>
															
 
																+                <div class="name">fire_other</div>
															
 
																+                <div class="code-name">&amp;#xe692;</div>
															
 
																+              </li>
															
 
																+          
															
 
																+            <li class="dib">
															
 
																+              <span class="icon iconfont">&#xe693;</span>
															
 
																+                <div class="name">fire_bus</div>
															
 
																+                <div class="code-name">&amp;#xe693;</div>
															
 
																+              </li>
															
 
																+          
															
 
																+            <li class="dib">
															
 
																+              <span class="icon iconfont">&#xe694;</span>
															
 
																+                <div class="name">fire_recycle</div>
															
 
																+                <div class="code-name">&amp;#xe694;</div>
															
 
																+              </li>
															
 
																+          
															
 
																+            <li class="dib">
															
 
																+              <span class="icon iconfont">&#xe686;</span>
															
 
																+                <div class="name">fire_user</div>
															
 
																+                <div class="code-name">&amp;#xe686;</div>
															
 
																+              </li>
															
 
																+          
															
 
																+            <li class="dib">
															
 
																+              <span class="icon iconfont">&#xe687;</span>
															
 
																+                <div class="name">fire_camera</div>
															
 
																+                <div class="code-name">&amp;#xe687;</div>
															
 
																+              </li>
															
 
																+          
															
 
																+            <li class="dib">
															
 
																+              <span class="icon iconfont">&#xe688;</span>
															
 
																+                <div class="name">log_eye_normal</div>
															
 
																+                <div class="code-name">&amp;#xe688;</div>
															
 
																+              </li>
															
 
																+          
															
 
																+            <li class="dib">
															
 
																+              <span class="icon iconfont">&#xe689;</span>
															
 
																+                <div class="name">log_eye_selected</div>
															
 
																+                <div class="code-name">&amp;#xe689;</div>
															
 
																+              </li>
															
 
																+          
															
 
																+            <li class="dib">
															
 
																+              <span class="icon iconfont">&#xe68a;</span>
															
 
																+                <div class="name">fire_home</div>
															
 
																+                <div class="code-name">&amp;#xe68a;</div>
															
 
																+              </li>
															
 
																+          
															
 
																+            <li class="dib">
															
 
																+              <span class="icon iconfont">&#xe68b;</span>
															
 
																+                <div class="name">fire_annex</div>
															
 
																+                <div class="code-name">&amp;#xe68b;</div>
															
 
																+              </li>
															
 
																+          
															
 
																+            <li class="dib">
															
 
																+              <span class="icon iconfont">&#xe68c;</span>
															
 
																+                <div class="name">fire_management </div>
															
 
																+                <div class="code-name">&amp;#xe68c;</div>
															
 
																+              </li>
															
 
																+          
															
 
																+            <li class="dib">
															
 
																+              <span class="icon iconfont">&#xe68d;</span>
															
 
																+                <div class="name">fire_study</div>
															
 
																+                <div class="code-name">&amp;#xe68d;</div>
															
 
																+              </li>
															
 
																+          
															
 
																+            <li class="dib">
															
 
																+              <span class="icon iconfont">&#xe68e;</span>
															
 
																+                <div class="name">fire_scenes</div>
															
 
																+                <div class="code-name">&amp;#xe68e;</div>
															
 
																+              </li>
															
 
																+          
															
 
																+          </ul>
															
 
																+          <div class="article markdown">
															
 
																+          <h2 id="unicode-">Unicode 引用</h2>
															
 
																+          <hr>
															
 
																+
															
 
																+          <p>Unicode 是字体在网页端最原始的应用方式，特点是：</p>
															
 
																+          <ul>
															
 
																+            <li>支持按字体的方式去动态调整图标大小，颜色等等。</li>
															
 
																+            <li>默认情况下不支持多色，直接添加多色图标会自动去色。</li>
															
 
																+          </ul>
															
 
																+          <blockquote>
															
 
																+            <p>注意：新版 iconfont 支持两种方式引用多色图标：SVG symbol 引用方式和彩色字体图标模式。（使用彩色字体图标需要在「编辑项目」中开启「彩色」选项后并重新生成。）</p>
															
 
																+          </blockquote>
															
 
																+          <p>Unicode 使用步骤如下：</p>
															
 
																+          <h3 id="-font-face">第一步：拷贝项目下面生成的 <code>@font-face</code></h3>
															
 
																+<pre><code class="language-css"
															
 
																+>@font-face {
															
 
																+  font-family: 'iconfont';
															
 
																+  src: url('iconfont.woff2?t=1639981610282') format('woff2'),
															
 
																+       url('iconfont.woff?t=1639981610282') format('woff'),
															
 
																+       url('iconfont.ttf?t=1639981610282') format('truetype');
															
 
																+}
															
 
																+</code></pre>
															
 
																+          <h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
															
 
																+<pre><code class="language-css"
															
 
																+>.iconfont {
															
 
																+  font-family: "iconfont" !important;
															
 
																+  font-size: 16px;
															
 
																+  font-style: normal;
															
 
																+  -webkit-font-smoothing: antialiased;
															
 
																+  -moz-osx-font-smoothing: grayscale;
															
 
																+}
															
 
																+</code></pre>
															
 
																+          <h3 id="-">第三步：挑选相应图标并获取字体编码，应用于页面</h3>
															
 
																+<pre>
															
 
																+<code class="language-html"
															
 
																+>&lt;span class="iconfont"&gt;&amp;#x33;&lt;/span&gt;
															
 
																+</code></pre>
															
 
																+          <blockquote>
															
 
																+            <p>"iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
															
 
																+          </blockquote>
															
 
																+          </div>
															
 
																+      </div>
															
 
																+      <div class="content font-class">
															
 
																+        <ul class="icon_lists dib-box">
															
 
																+          
															
 
																+          <li class="dib">
															
 
																+            <span class="icon iconfont iconfire_role_management"></span>
															
 
																+            <div class="name">
															
 
																+              fire_role_management
															
 
																+            </div>
															
 
																+            <div class="code-name">.iconfire_role_management
															
 
																+            </div>
															
 
																+          </li>
															
 
																+          
															
 
																+          <li class="dib">
															
 
																+            <span class="icon iconfont iconfire_organization"></span>
															
 
																+            <div class="name">
															
 
																+              fire_organization
															
 
																+            </div>
															
 
																+            <div class="code-name">.iconfire_organization
															
 
																+            </div>
															
 
																+          </li>
															
 
																+          
															
 
																+          <li class="dib">
															
 
																+            <span class="icon iconfont iconfire_home_study"></span>
															
 
																+            <div class="name">
															
 
																+              fire_home_study
															
 
																+            </div>
															
 
																+            <div class="code-name">.iconfire_home_study
															
 
																+            </div>
															
 
																+          </li>
															
 
																+          
															
 
																+          <li class="dib">
															
 
																+            <span class="icon iconfont iconfire_home_vr"></span>
															
 
																+            <div class="name">
															
 
																+              fire_home_vr
															
 
																+            </div>
															
 
																+            <div class="code-name">.iconfire_home_vr
															
 
																+            </div>
															
 
																+          </li>
															
 
																+          
															
 
																+          <li class="dib">
															
 
																+            <span class="icon iconfont iconcollect"></span>
															
 
																+            <div class="name">
															
 
																+              collect
															
 
																+            </div>
															
 
																+            <div class="code-name">.iconcollect
															
 
																+            </div>
															
 
																+          </li>
															
 
																+          
															
 
																+          <li class="dib">
															
 
																+            <span class="icon iconfont iconfire_mic_off"></span>
															
 
																+            <div class="name">
															
 
																+              fire_mic_off
															
 
																+            </div>
															
 
																+            <div class="code-name">.iconfire_mic_off
															
 
																+            </div>
															
 
																+          </li>
															
 
																+          
															
 
																+          <li class="dib">
															
 
																+            <span class="icon iconfont iconfire_cancel"></span>
															
 
																+            <div class="name">
															
 
																+              fire_cancel
															
 
																+            </div>
															
 
																+            <div class="code-name">.iconfire_cancel
															
 
																+            </div>
															
 
																+          </li>
															
 
																+          
															
 
																+          <li class="dib">
															
 
																+            <span class="icon iconfont iconfire_pen_on"></span>
															
 
																+            <div class="name">
															
 
																+              fire_pen_open
															
 
																+            </div>
															
 
																+            <div class="code-name">.iconfire_pen_on
															
 
																+            </div>
															
 
																+          </li>
															
 
																+          
															
 
																+          <li class="dib">
															
 
																+            <span class="icon iconfont iconfire_pen_off"></span>
															
 
																+            <div class="name">
															
 
																+              fire_pen_off
															
 
																+            </div>
															
 
																+            <div class="code-name">.iconfire_pen_off
															
 
																+            </div>
															
 
																+          </li>
															
 
																+          
															
 
																+          <li class="dib">
															
 
																+            <span class="icon iconfont iconfire_cross"></span>
															
 
																+            <div class="name">
															
 
																+              fire_cross
															
 
																+            </div>
															
 
																+            <div class="code-name">.iconfire_cross
															
 
																+            </div>
															
 
																+          </li>
															
 
																+          
															
 
																+          <li class="dib">
															
 
																+            <span class="icon iconfont iconfire_exit"></span>
															
 
																+            <div class="name">
															
 
																+              fire_exit
															
 
																+            </div>
															
 
																+            <div class="code-name">.iconfire_exit
															
 
																+            </div>
															
 
																+          </li>
															
 
																+          
															
 
																+          <li class="dib">
															
 
																+            <span class="icon iconfont iconfire_share"></span>
															
 
																+            <div class="name">
															
 
																+              fire_share
															
 
																+            </div>
															
 
																+            <div class="code-name">.iconfire_share
															
 
																+            </div>
															
 
																+          </li>
															
 
																+          
															
 
																+          <li class="dib">
															
 
																+            <span class="icon iconfont iconfire_vr"></span>
															
 
																+            <div class="name">
															
 
																+              fire_vr
															
 
																+            </div>
															
 
																+            <div class="code-name">.iconfire_vr
															
 
																+            </div>
															
 
																+          </li>
															
 
																+          
															
 
																+          <li class="dib">
															
 
																+            <span class="icon iconfont iconfire_mic_on"></span>
															
 
																+            <div class="name">
															
 
																+              fire_mic_on
															
 
																+            </div>
															
 
																+            <div class="code-name">.iconfire_mic_on
															
 
																+            </div>
															
 
																+          </li>
															
 
																+          
															
 
																+          <li class="dib">
															
 
																+            <span class="icon iconfont iconfire_appendix"></span>
															
 
																+            <div class="name">
															
 
																+              fire_appendix
															
 
																+            </div>
															
 
																+            <div class="code-name">.iconfire_appendix
															
 
																+            </div>
															
 
																+          </li>
															
 
																+          
															
 
																+          <li class="dib">
															
 
																+            <span class="icon iconfont iconfire_119"></span>
															
 
																+            <div class="name">
															
 
																+              fire_119
															
 
																+            </div>
															
 
																+            <div class="code-name">.iconfire_119
															
 
																+            </div>
															
 
																+          </li>
															
 
																+          
															
 
																+          <li class="dib">
															
 
																+            <span class="icon iconfont iconfire_arrow"></span>
															
 
																+            <div class="name">
															
 
																+              fire_arrow
															
 
																+            </div>
															
 
																+            <div class="code-name">.iconfire_arrow
															
 
																+            </div>
															
 
																+          </li>
															
 
																+          
															
 
																+          <li class="dib">
															
 
																+            <span class="icon iconfont iconfire_building"></span>
															
 
																+            <div class="name">
															
 
																+              fire_building
															
 
																+            </div>
															
 
																+            <div class="code-name">.iconfire_building
															
 
																+            </div>
															
 
																+          </li>
															
 
																+          
															
 
																+          <li class="dib">
															
 
																+            <span class="icon iconfont iconfire_other"></span>
															
 
																+            <div class="name">
															
 
																+              fire_other
															
 
																+            </div>
															
 
																+            <div class="code-name">.iconfire_other
															
 
																+            </div>
															
 
																+          </li>
															
 
																+          
															
 
																+          <li class="dib">
															
 
																+            <span class="icon iconfont iconfire_bus"></span>
															
 
																+            <div class="name">
															
 
																+              fire_bus
															
 
																+            </div>
															
 
																+            <div class="code-name">.iconfire_bus
															
 
																+            </div>
															
 
																+          </li>
															
 
																+          
															
 
																+          <li class="dib">
															
 
																+            <span class="icon iconfont iconfire_recycle"></span>
															
 
																+            <div class="name">
															
 
																+              fire_recycle
															
 
																+            </div>
															
 
																+            <div class="code-name">.iconfire_recycle
															
 
																+            </div>
															
 
																+          </li>
															
 
																+          
															
 
																+          <li class="dib">
															
 
																+            <span class="icon iconfont iconfire_user"></span>
															
 
																+            <div class="name">
															
 
																+              fire_user
															
 
																+            </div>
															
 
																+            <div class="code-name">.iconfire_user
															
 
																+            </div>
															
 
																+          </li>
															
 
																+          
															
 
																+          <li class="dib">
															
 
																+            <span class="icon iconfont iconfire_camera"></span>
															
 
																+            <div class="name">
															
 
																+              fire_camera
															
 
																+            </div>
															
 
																+            <div class="code-name">.iconfire_camera
															
 
																+            </div>
															
 
																+          </li>
															
 
																+          
															
 
																+          <li class="dib">
															
 
																+            <span class="icon iconfont iconlog_eye_normal"></span>
															
 
																+            <div class="name">
															
 
																+              log_eye_normal
															
 
																+            </div>
															
 
																+            <div class="code-name">.iconlog_eye_normal
															
 
																+            </div>
															
 
																+          </li>
															
 
																+          
															
 
																+          <li class="dib">
															
 
																+            <span class="icon iconfont iconlog_eye_selected"></span>
															
 
																+            <div class="name">
															
 
																+              log_eye_selected
															
 
																+            </div>
															
 
																+            <div class="code-name">.iconlog_eye_selected
															
 
																+            </div>
															
 
																+          </li>
															
 
																+          
															
 
																+          <li class="dib">
															
 
																+            <span class="icon iconfont iconfire_home"></span>
															
 
																+            <div class="name">
															
 
																+              fire_home
															
 
																+            </div>
															
 
																+            <div class="code-name">.iconfire_home
															
 
																+            </div>
															
 
																+          </li>
															
 
																+          
															
 
																+          <li class="dib">
															
 
																+            <span class="icon iconfont iconfire_annex"></span>
															
 
																+            <div class="name">
															
 
																+              fire_annex
															
 
																+            </div>
															
 
																+            <div class="code-name">.iconfire_annex
															
 
																+            </div>
															
 
																+          </li>
															
 
																+          
															
 
																+          <li class="dib">
															
 
																+            <span class="icon iconfont iconfire_management"></span>
															
 
																+            <div class="name">
															
 
																+              fire_management 
															
 
																+            </div>
															
 
																+            <div class="code-name">.iconfire_management
															
 
																+            </div>
															
 
																+          </li>
															
 
																+          
															
 
																+          <li class="dib">
															
 
																+            <span class="icon iconfont iconfire_study"></span>
															
 
																+            <div class="name">
															
 
																+              fire_study
															
 
																+            </div>
															
 
																+            <div class="code-name">.iconfire_study
															
 
																+            </div>
															
 
																+          </li>
															
 
																+          
															
 
																+          <li class="dib">
															
 
																+            <span class="icon iconfont iconfire_scenes"></span>
															
 
																+            <div class="name">
															
 
																+              fire_scenes
															
 
																+            </div>
															
 
																+            <div class="code-name">.iconfire_scenes
															
 
																+            </div>
															
 
																+          </li>
															
 
																+          
															
 
																+        </ul>
															
 
																+        <div class="article markdown">
															
 
																+        <h2 id="font-class-">font-class 引用</h2>
															
 
																+        <hr>
															
 
																+
															
 
																+        <p>font-class 是 Unicode 使用方式的一种变种，主要是解决 Unicode 书写不直观，语意不明确的问题。</p>
															
 
																+        <p>与 Unicode 使用方式相比，具有如下特点：</p>
															
 
																+        <ul>
															
 
																+          <li>相比于 Unicode 语意明确，书写更直观。可以很容易分辨这个 icon 是什么。</li>
															
 
																+          <li>因为使用 class 来定义图标，所以当要替换图标时，只需要修改 class 里面的 Unicode 引用。</li>
															
 
																+        </ul>
															
 
																+        <p>使用步骤如下：</p>
															
 
																+        <h3 id="-fontclass-">第一步：引入项目下面生成的 fontclass 代码：</h3>
															
 
																+<pre><code class="language-html">&lt;link rel="stylesheet" href="./iconfont.css"&gt;
															
 
																+</code></pre>
															
 
																+        <h3 id="-">第二步：挑选相应图标并获取类名，应用于页面：</h3>
															
 
																+<pre><code class="language-html">&lt;span class="iconfont iconxxx"&gt;&lt;/span&gt;
															
 
																+</code></pre>
															
 
																+        <blockquote>
															
 
																+          <p>"
															
 
																+            iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
															
 
																+        </blockquote>
															
 
																+      </div>
															
 
																+      </div>
															
 
																+      <div class="content symbol">
															
 
																+          <ul class="icon_lists dib-box">
															
 
																+          
															
 
																+            <li class="dib">
															
 
																+                <svg class="icon svg-icon" aria-hidden="true">
															
 
																+                  <use xlink:href="#iconfire_role_management"></use>
															
 
																+                </svg>
															
 
																+                <div class="name">fire_role_management</div>
															
 
																+                <div class="code-name">#iconfire_role_management</div>
															
 
																+            </li>
															
 
																+          
															
 
																+            <li class="dib">
															
 
																+                <svg class="icon svg-icon" aria-hidden="true">
															
 
																+                  <use xlink:href="#iconfire_organization"></use>
															
 
																+                </svg>
															
 
																+                <div class="name">fire_organization</div>
															
 
																+                <div class="code-name">#iconfire_organization</div>
															
 
																+            </li>
															
 
																+          
															
 
																+            <li class="dib">
															
 
																+                <svg class="icon svg-icon" aria-hidden="true">
															
 
																+                  <use xlink:href="#iconfire_home_study"></use>
															
 
																+                </svg>
															
 
																+                <div class="name">fire_home_study</div>
															
 
																+                <div class="code-name">#iconfire_home_study</div>
															
 
																+            </li>
															
 
																+          
															
 
																+            <li class="dib">
															
 
																+                <svg class="icon svg-icon" aria-hidden="true">
															
 
																+                  <use xlink:href="#iconfire_home_vr"></use>
															
 
																+                </svg>
															
 
																+                <div class="name">fire_home_vr</div>
															
 
																+                <div class="code-name">#iconfire_home_vr</div>
															
 
																+            </li>
															
 
																+          
															
 
																+            <li class="dib">
															
 
																+                <svg class="icon svg-icon" aria-hidden="true">
															
 
																+                  <use xlink:href="#iconcollect"></use>
															
 
																+                </svg>
															
 
																+                <div class="name">collect</div>
															
 
																+                <div class="code-name">#iconcollect</div>
															
 
																+            </li>
															
 
																+          
															
 
																+            <li class="dib">
															
 
																+                <svg class="icon svg-icon" aria-hidden="true">
															
 
																+                  <use xlink:href="#iconfire_mic_off"></use>
															
 
																+                </svg>
															
 
																+                <div class="name">fire_mic_off</div>
															
 
																+                <div class="code-name">#iconfire_mic_off</div>
															
 
																+            </li>
															
 
																+          
															
 
																+            <li class="dib">
															
 
																+                <svg class="icon svg-icon" aria-hidden="true">
															
 
																+                  <use xlink:href="#iconfire_cancel"></use>
															
 
																+                </svg>
															
 
																+                <div class="name">fire_cancel</div>
															
 
																+                <div class="code-name">#iconfire_cancel</div>
															
 
																+            </li>
															
 
																+          
															
 
																+            <li class="dib">
															
 
																+                <svg class="icon svg-icon" aria-hidden="true">
															
 
																+                  <use xlink:href="#iconfire_pen_on"></use>
															
 
																+                </svg>
															
 
																+                <div class="name">fire_pen_open</div>
															
 
																+                <div class="code-name">#iconfire_pen_on</div>
															
 
																+            </li>
															
 
																+          
															
 
																+            <li class="dib">
															
 
																+                <svg class="icon svg-icon" aria-hidden="true">
															
 
																+                  <use xlink:href="#iconfire_pen_off"></use>
															
 
																+                </svg>
															
 
																+                <div class="name">fire_pen_off</div>
															
 
																+                <div class="code-name">#iconfire_pen_off</div>
															
 
																+            </li>
															
 
																+          
															
 
																+            <li class="dib">
															
 
																+                <svg class="icon svg-icon" aria-hidden="true">
															
 
																+                  <use xlink:href="#iconfire_cross"></use>
															
 
																+                </svg>
															
 
																+                <div class="name">fire_cross</div>
															
 
																+                <div class="code-name">#iconfire_cross</div>
															
 
																+            </li>
															
 
																+          
															
 
																+            <li class="dib">
															
 
																+                <svg class="icon svg-icon" aria-hidden="true">
															
 
																+                  <use xlink:href="#iconfire_exit"></use>
															
 
																+                </svg>
															
 
																+                <div class="name">fire_exit</div>
															
 
																+                <div class="code-name">#iconfire_exit</div>
															
 
																+            </li>
															
 
																+          
															
 
																+            <li class="dib">
															
 
																+                <svg class="icon svg-icon" aria-hidden="true">
															
 
																+                  <use xlink:href="#iconfire_share"></use>
															
 
																+                </svg>
															
 
																+                <div class="name">fire_share</div>
															
 
																+                <div class="code-name">#iconfire_share</div>
															
 
																+            </li>
															
 
																+          
															
 
																+            <li class="dib">
															
 
																+                <svg class="icon svg-icon" aria-hidden="true">
															
 
																+                  <use xlink:href="#iconfire_vr"></use>
															
 
																+                </svg>
															
 
																+                <div class="name">fire_vr</div>
															
 
																+                <div class="code-name">#iconfire_vr</div>
															
 
																+            </li>
															
 
																+          
															
 
																+            <li class="dib">
															
 
																+                <svg class="icon svg-icon" aria-hidden="true">
															
 
																+                  <use xlink:href="#iconfire_mic_on"></use>
															
 
																+                </svg>
															
 
																+                <div class="name">fire_mic_on</div>
															
 
																+                <div class="code-name">#iconfire_mic_on</div>
															
 
																+            </li>
															
 
																+          
															
 
																+            <li class="dib">
															
 
																+                <svg class="icon svg-icon" aria-hidden="true">
															
 
																+                  <use xlink:href="#iconfire_appendix"></use>
															
 
																+                </svg>
															
 
																+                <div class="name">fire_appendix</div>
															
 
																+                <div class="code-name">#iconfire_appendix</div>
															
 
																+            </li>
															
 
																+          
															
 
																+            <li class="dib">
															
 
																+                <svg class="icon svg-icon" aria-hidden="true">
															
 
																+                  <use xlink:href="#iconfire_119"></use>
															
 
																+                </svg>
															
 
																+                <div class="name">fire_119</div>
															
 
																+                <div class="code-name">#iconfire_119</div>
															
 
																+            </li>
															
 
																+          
															
 
																+            <li class="dib">
															
 
																+                <svg class="icon svg-icon" aria-hidden="true">
															
 
																+                  <use xlink:href="#iconfire_arrow"></use>
															
 
																+                </svg>
															
 
																+                <div class="name">fire_arrow</div>
															
 
																+                <div class="code-name">#iconfire_arrow</div>
															
 
																+            </li>
															
 
																+          
															
 
																+            <li class="dib">
															
 
																+                <svg class="icon svg-icon" aria-hidden="true">
															
 
																+                  <use xlink:href="#iconfire_building"></use>
															
 
																+                </svg>
															
 
																+                <div class="name">fire_building</div>
															
 
																+                <div class="code-name">#iconfire_building</div>
															
 
																+            </li>
															
 
																+          
															
 
																+            <li class="dib">
															
 
																+                <svg class="icon svg-icon" aria-hidden="true">
															
 
																+                  <use xlink:href="#iconfire_other"></use>
															
 
																+                </svg>
															
 
																+                <div class="name">fire_other</div>
															
 
																+                <div class="code-name">#iconfire_other</div>
															
 
																+            </li>
															
 
																+          
															
 
																+            <li class="dib">
															
 
																+                <svg class="icon svg-icon" aria-hidden="true">
															
 
																+                  <use xlink:href="#iconfire_bus"></use>
															
 
																+                </svg>
															
 
																+                <div class="name">fire_bus</div>
															
 
																+                <div class="code-name">#iconfire_bus</div>
															
 
																+            </li>
															
 
																+          
															
 
																+            <li class="dib">
															
 
																+                <svg class="icon svg-icon" aria-hidden="true">
															
 
																+                  <use xlink:href="#iconfire_recycle"></use>
															
 
																+                </svg>
															
 
																+                <div class="name">fire_recycle</div>
															
 
																+                <div class="code-name">#iconfire_recycle</div>
															
 
																+            </li>
															
 
																+          
															
 
																+            <li class="dib">
															
 
																+                <svg class="icon svg-icon" aria-hidden="true">
															
 
																+                  <use xlink:href="#iconfire_user"></use>
															
 
																+                </svg>
															
 
																+                <div class="name">fire_user</div>
															
 
																+                <div class="code-name">#iconfire_user</div>
															
 
																+            </li>
															
 
																+          
															
 
																+            <li class="dib">
															
 
																+                <svg class="icon svg-icon" aria-hidden="true">
															
 
																+                  <use xlink:href="#iconfire_camera"></use>
															
 
																+                </svg>
															
 
																+                <div class="name">fire_camera</div>
															
 
																+                <div class="code-name">#iconfire_camera</div>
															
 
																+            </li>
															
 
																+          
															
 
																+            <li class="dib">
															
 
																+                <svg class="icon svg-icon" aria-hidden="true">
															
 
																+                  <use xlink:href="#iconlog_eye_normal"></use>
															
 
																+                </svg>
															
 
																+                <div class="name">log_eye_normal</div>
															
 
																+                <div class="code-name">#iconlog_eye_normal</div>
															
 
																+            </li>
															
 
																+          
															
 
																+            <li class="dib">
															
 
																+                <svg class="icon svg-icon" aria-hidden="true">
															
 
																+                  <use xlink:href="#iconlog_eye_selected"></use>
															
 
																+                </svg>
															
 
																+                <div class="name">log_eye_selected</div>
															
 
																+                <div class="code-name">#iconlog_eye_selected</div>
															
 
																+            </li>
															
 
																+          
															
 
																+            <li class="dib">
															
 
																+                <svg class="icon svg-icon" aria-hidden="true">
															
 
																+                  <use xlink:href="#iconfire_home"></use>
															
 
																+                </svg>
															
 
																+                <div class="name">fire_home</div>
															
 
																+                <div class="code-name">#iconfire_home</div>
															
 
																+            </li>
															
 
																+          
															
 
																+            <li class="dib">
															
 
																+                <svg class="icon svg-icon" aria-hidden="true">
															
 
																+                  <use xlink:href="#iconfire_annex"></use>
															
 
																+                </svg>
															
 
																+                <div class="name">fire_annex</div>
															
 
																+                <div class="code-name">#iconfire_annex</div>
															
 
																+            </li>
															
 
																+          
															
 
																+            <li class="dib">
															
 
																+                <svg class="icon svg-icon" aria-hidden="true">
															
 
																+                  <use xlink:href="#iconfire_management"></use>
															
 
																+                </svg>
															
 
																+                <div class="name">fire_management </div>
															
 
																+                <div class="code-name">#iconfire_management</div>
															
 
																+            </li>
															
 
																+          
															
 
																+            <li class="dib">
															
 
																+                <svg class="icon svg-icon" aria-hidden="true">
															
 
																+                  <use xlink:href="#iconfire_study"></use>
															
 
																+                </svg>
															
 
																+                <div class="name">fire_study</div>
															
 
																+                <div class="code-name">#iconfire_study</div>
															
 
																+            </li>
															
 
																+          
															
 
																+            <li class="dib">
															
 
																+                <svg class="icon svg-icon" aria-hidden="true">
															
 
																+                  <use xlink:href="#iconfire_scenes"></use>
															
 
																+                </svg>
															
 
																+                <div class="name">fire_scenes</div>
															
 
																+                <div class="code-name">#iconfire_scenes</div>
															
 
																+            </li>
															
 
																+          
															
 
																+          </ul>
															
 
																+          <div class="article markdown">
															
 
																+          <h2 id="symbol-">Symbol 引用</h2>
															
 
																+          <hr>
															
 
																+
															
 
																+          <p>这是一种全新的使用方式，应该说这才是未来的主流，也是平台目前推荐的用法。相关介绍可以参考这篇<a href="">文章</a>
															
 
																+            这种用法其实是做了一个 SVG 的集合，与另外两种相比具有如下特点：</p>
															
 
																+          <ul>
															
 
																+            <li>支持多色图标了，不再受单色限制。</li>
															
 
																+            <li>通过一些技巧，支持像字体那样，通过 <code>font-size</code>, <code>color</code> 来调整样式。</li>
															
 
																+            <li>兼容性较差，支持 IE9+，及现代浏览器。</li>
															
 
																+            <li>浏览器渲染 SVG 的性能一般，还不如 png。</li>
															
 
																+          </ul>
															
 
																+          <p>使用步骤如下：</p>
															
 
																+          <h3 id="-symbol-">第一步：引入项目下面生成的 symbol 代码：</h3>
															
 
																+<pre><code class="language-html">&lt;script src="./iconfont.js"&gt;&lt;/script&gt;
															
 
																+</code></pre>
															
 
																+          <h3 id="-css-">第二步：加入通用 CSS 代码（引入一次就行）：</h3>
															
 
																+<pre><code class="language-html">&lt;style&gt;
															
 
																+.icon {
															
 
																+  width: 1em;
															
 
																+  height: 1em;
															
 
																+  vertical-align: -0.15em;
															
 
																+  fill: currentColor;
															
 
																+  overflow: hidden;
															
 
																+}
															
 
																+&lt;/style&gt;
															
 
																+</code></pre>
															
 
																+          <h3 id="-">第三步：挑选相应图标并获取类名，应用于页面：</h3>
															
 
																+<pre><code class="language-html">&lt;svg class="icon" aria-hidden="true"&gt;
															
 
																+  &lt;use xlink:href="#icon-xxx"&gt;&lt;/use&gt;
															
 
																+&lt;/svg&gt;
															
 
																+</code></pre>
															
 
																+          </div>
															
 
																+      </div>
															
 
																+
															
 
																+    </div>
															
 
																+  </div>
															
 
																+  <script>
															
 
																+  $(document).ready(function () {
															
 
																+      $('.tab-container .content:first').show()
															
 
																+
															
 
																+      $('#tabs li').click(function (e) {
															
 
																+        var tabContent = $('.tab-container .content')
															
 
																+        var index = $(this).index()
															
 
																+
															
 
																+        if ($(this).hasClass('active')) {
															
 
																+          return
															
 
																+        } else {
															
 
																+          $('#tabs li').removeClass('active')
															
 
																+          $(this).addClass('active')
															
 
																+
															
 
																+          tabContent.hide().eq(index).fadeIn()
															
 
																+        }
															
 
																+      })
															
 
																+    })
															
 
																+  </script>
															
 
																+</body>
															
 
																+</html>
															
--- a/src/assets/icon/fire/iconfont.css
+++ b/src/assets/icon/fire/iconfont.css
@@ -0,0 +1,135 @@
 
																+@font-face {
															
 
																+  font-family: "iconfont"; /* Project id 2466491 */
															
 
																+  src: url('iconfont.woff2?t=1639981610282') format('woff2'),
															
 
																+       url('iconfont.woff?t=1639981610282') format('woff'),
															
 
																+       url('iconfont.ttf?t=1639981610282') format('truetype');
															
 
																+}
															
 
																+
															
 
																+.iconfont {
															
 
																+  font-family: "iconfont" !important;
															
 
																+  font-size: 16px;
															
 
																+  font-style: normal;
															
 
																+  -webkit-font-smoothing: antialiased;
															
 
																+  -moz-osx-font-smoothing: grayscale;
															
 
																+}
															
 
																+
															
 
																+.iconfire_role_management:before {
															
 
																+  content: "\e6e2";
															
 
																+}
															
 
																+
															
 
																+.iconfire_organization:before {
															
 
																+  content: "\e6e0";
															
 
																+}
															
 
																+
															
 
																+.iconfire_home_study:before {
															
 
																+  content: "\e6a0";
															
 
																+}
															
 
																+
															
 
																+.iconfire_home_vr:before {
															
 
																+  content: "\e6a1";
															
 
																+}
															
 
																+
															
 
																+.iconcollect:before {
															
 
																+  content: "\e69f";
															
 
																+}
															
 
																+
															
 
																+.iconfire_mic_off:before {
															
 
																+  content: "\e695";
															
 
																+}
															
 
																+
															
 
																+.iconfire_cancel:before {
															
 
																+  content: "\e696";
															
 
																+}
															
 
																+
															
 
																+.iconfire_pen_on:before {
															
 
																+  content: "\e697";
															
 
																+}
															
 
																+
															
 
																+.iconfire_pen_off:before {
															
 
																+  content: "\e698";
															
 
																+}
															
 
																+
															
 
																+.iconfire_cross:before {
															
 
																+  content: "\e699";
															
 
																+}
															
 
																+
															
 
																+.iconfire_exit:before {
															
 
																+  content: "\e69a";
															
 
																+}
															
 
																+
															
 
																+.iconfire_share:before {
															
 
																+  content: "\e69b";
															
 
																+}
															
 
																+
															
 
																+.iconfire_vr:before {
															
 
																+  content: "\e69c";
															
 
																+}
															
 
																+
															
 
																+.iconfire_mic_on:before {
															
 
																+  content: "\e69d";
															
 
																+}
															
 
																+
															
 
																+.iconfire_appendix:before {
															
 
																+  content: "\e69e";
															
 
																+}
															
 
																+
															
 
																+.iconfire_119:before {
															
 
																+  content: "\e68f";
															
 
																+}
															
 
																+
															
 
																+.iconfire_arrow:before {
															
 
																+  content: "\e690";
															
 
																+}
															
 
																+
															
 
																+.iconfire_building:before {
															
 
																+  content: "\e691";
															
 
																+}
															
 
																+
															
 
																+.iconfire_other:before {
															
 
																+  content: "\e692";
															
 
																+}
															
 
																+
															
 
																+.iconfire_bus:before {
															
 
																+  content: "\e693";
															
 
																+}
															
 
																+
															
 
																+.iconfire_recycle:before {
															
 
																+  content: "\e694";
															
 
																+}
															
 
																+
															
 
																+.iconfire_user:before {
															
 
																+  content: "\e686";
															
 
																+}
															
 
																+
															
 
																+.iconfire_camera:before {
															
 
																+  content: "\e687";
															
 
																+}
															
 
																+
															
 
																+.iconlog_eye_normal:before {
															
 
																+  content: "\e688";
															
 
																+}
															
 
																+
															
 
																+.iconlog_eye_selected:before {
															
 
																+  content: "\e689";
															
 
																+}
															
 
																+
															
 
																+.iconfire_home:before {
															
 
																+  content: "\e68a";
															
 
																+}
															
 
																+
															
 
																+.iconfire_annex:before {
															
 
																+  content: "\e68b";
															
 
																+}
															
 
																+
															
 
																+.iconfire_management:before {
															
 
																+  content: "\e68c";
															
 
																+}
															
 
																+
															
 
																+.iconfire_study:before {
															
 
																+  content: "\e68d";
															
 
																+}
															
 
																+
															
 
																+.iconfire_scenes:before {
															
 
																+  content: "\e68e";
															
 
																+}
															
 
																+
															
--- a/src/assets/icon/fire/iconfont.eot
+++ b/src/assets/icon/fire/iconfont.eot
--- a/src/assets/icon/fire/iconfont.js
+++ b/src/assets/icon/fire/iconfont.js
--- a/src/assets/icon/fire/iconfont.json
+++ b/src/assets/icon/fire/iconfont.json
@@ -0,0 +1,219 @@
 
																+{
															
 
																+  "id": "2466491",
															
 
																+  "name": "消防火调VR",
															
 
																+  "font_family": "iconfont",
															
 
																+  "css_prefix_text": "icon",
															
 
																+  "description": "",
															
 
																+  "glyphs": [
															
 
																+    {
															
 
																+      "icon_id": "26624915",
															
 
																+      "name": "fire_role_management",
															
 
																+      "font_class": "fire_role_management",
															
 
																+      "unicode": "e6e2",
															
 
																+      "unicode_decimal": 59106
															
 
																+    },
															
 
																+    {
															
 
																+      "icon_id": "26624684",
															
 
																+      "name": "fire_organization",
															
 
																+      "font_class": "fire_organization",
															
 
																+      "unicode": "e6e0",
															
 
																+      "unicode_decimal": 59104
															
 
																+    },
															
 
																+    {
															
 
																+      "icon_id": "21445457",
															
 
																+      "name": "fire_home_study",
															
 
																+      "font_class": "fire_home_study",
															
 
																+      "unicode": "e6a0",
															
 
																+      "unicode_decimal": 59040
															
 
																+    },
															
 
																+    {
															
 
																+      "icon_id": "21445458",
															
 
																+      "name": "fire_home_vr",
															
 
																+      "font_class": "fire_home_vr",
															
 
																+      "unicode": "e6a1",
															
 
																+      "unicode_decimal": 59041
															
 
																+    },
															
 
																+    {
															
 
																+      "icon_id": "21104009",
															
 
																+      "name": "collect",
															
 
																+      "font_class": "collect",
															
 
																+      "unicode": "e69f",
															
 
																+      "unicode_decimal": 59039
															
 
																+    },
															
 
																+    {
															
 
																+      "icon_id": "20808329",
															
 
																+      "name": "fire_mic_off",
															
 
																+      "font_class": "fire_mic_off",
															
 
																+      "unicode": "e695",
															
 
																+      "unicode_decimal": 59029
															
 
																+    },
															
 
																+    {
															
 
																+      "icon_id": "20808330",
															
 
																+      "name": "fire_cancel",
															
 
																+      "font_class": "fire_cancel",
															
 
																+      "unicode": "e696",
															
 
																+      "unicode_decimal": 59030
															
 
																+    },
															
 
																+    {
															
 
																+      "icon_id": "20808331",
															
 
																+      "name": "fire_pen_open",
															
 
																+      "font_class": "fire_pen_on",
															
 
																+      "unicode": "e697",
															
 
																+      "unicode_decimal": 59031
															
 
																+    },
															
 
																+    {
															
 
																+      "icon_id": "20808332",
															
 
																+      "name": "fire_pen_off",
															
 
																+      "font_class": "fire_pen_off",
															
 
																+      "unicode": "e698",
															
 
																+      "unicode_decimal": 59032
															
 
																+    },
															
 
																+    {
															
 
																+      "icon_id": "20808333",
															
 
																+      "name": "fire_cross",
															
 
																+      "font_class": "fire_cross",
															
 
																+      "unicode": "e699",
															
 
																+      "unicode_decimal": 59033
															
 
																+    },
															
 
																+    {
															
 
																+      "icon_id": "20808334",
															
 
																+      "name": "fire_exit",
															
 
																+      "font_class": "fire_exit",
															
 
																+      "unicode": "e69a",
															
 
																+      "unicode_decimal": 59034
															
 
																+    },
															
 
																+    {
															
 
																+      "icon_id": "20808335",
															
 
																+      "name": "fire_share",
															
 
																+      "font_class": "fire_share",
															
 
																+      "unicode": "e69b",
															
 
																+      "unicode_decimal": 59035
															
 
																+    },
															
 
																+    {
															
 
																+      "icon_id": "20808336",
															
 
																+      "name": "fire_vr",
															
 
																+      "font_class": "fire_vr",
															
 
																+      "unicode": "e69c",
															
 
																+      "unicode_decimal": 59036
															
 
																+    },
															
 
																+    {
															
 
																+      "icon_id": "20808338",
															
 
																+      "name": "fire_mic_on",
															
 
																+      "font_class": "fire_mic_on",
															
 
																+      "unicode": "e69d",
															
 
																+      "unicode_decimal": 59037
															
 
																+    },
															
 
																+    {
															
 
																+      "icon_id": "20808339",
															
 
																+      "name": "fire_appendix",
															
 
																+      "font_class": "fire_appendix",
															
 
																+      "unicode": "e69e",
															
 
																+      "unicode_decimal": 59038
															
 
																+    },
															
 
																+    {
															
 
																+      "icon_id": "20806963",
															
 
																+      "name": "fire_119",
															
 
																+      "font_class": "fire_119",
															
 
																+      "unicode": "e68f",
															
 
																+      "unicode_decimal": 59023
															
 
																+    },
															
 
																+    {
															
 
																+      "icon_id": "20806964",
															
 
																+      "name": "fire_arrow",
															
 
																+      "font_class": "fire_arrow",
															
 
																+      "unicode": "e690",
															
 
																+      "unicode_decimal": 59024
															
 
																+    },
															
 
																+    {
															
 
																+      "icon_id": "20806965",
															
 
																+      "name": "fire_building",
															
 
																+      "font_class": "fire_building",
															
 
																+      "unicode": "e691",
															
 
																+      "unicode_decimal": 59025
															
 
																+    },
															
 
																+    {
															
 
																+      "icon_id": "20806966",
															
 
																+      "name": "fire_other",
															
 
																+      "font_class": "fire_other",
															
 
																+      "unicode": "e692",
															
 
																+      "unicode_decimal": 59026
															
 
																+    },
															
 
																+    {
															
 
																+      "icon_id": "20806967",
															
 
																+      "name": "fire_bus",
															
 
																+      "font_class": "fire_bus",
															
 
																+      "unicode": "e693",
															
 
																+      "unicode_decimal": 59027
															
 
																+    },
															
 
																+    {
															
 
																+      "icon_id": "20806968",
															
 
																+      "name": "fire_recycle",
															
 
																+      "font_class": "fire_recycle",
															
 
																+      "unicode": "e694",
															
 
																+      "unicode_decimal": 59028
															
 
																+    },
															
 
																+    {
															
 
																+      "icon_id": "20805833",
															
 
																+      "name": "fire_user",
															
 
																+      "font_class": "fire_user",
															
 
																+      "unicode": "e686",
															
 
																+      "unicode_decimal": 59014
															
 
																+    },
															
 
																+    {
															
 
																+      "icon_id": "20805834",
															
 
																+      "name": "fire_camera",
															
 
																+      "font_class": "fire_camera",
															
 
																+      "unicode": "e687",
															
 
																+      "unicode_decimal": 59015
															
 
																+    },
															
 
																+    {
															
 
																+      "icon_id": "20805835",
															
 
																+      "name": "log_eye_normal",
															
 
																+      "font_class": "log_eye_normal",
															
 
																+      "unicode": "e688",
															
 
																+      "unicode_decimal": 59016
															
 
																+    },
															
 
																+    {
															
 
																+      "icon_id": "20805836",
															
 
																+      "name": "log_eye_selected",
															
 
																+      "font_class": "log_eye_selected",
															
 
																+      "unicode": "e689",
															
 
																+      "unicode_decimal": 59017
															
 
																+    },
															
 
																+    {
															
 
																+      "icon_id": "20805837",
															
 
																+      "name": "fire_home",
															
 
																+      "font_class": "fire_home",
															
 
																+      "unicode": "e68a",
															
 
																+      "unicode_decimal": 59018
															
 
																+    },
															
 
																+    {
															
 
																+      "icon_id": "20805838",
															
 
																+      "name": "fire_annex",
															
 
																+      "font_class": "fire_annex",
															
 
																+      "unicode": "e68b",
															
 
																+      "unicode_decimal": 59019
															
 
																+    },
															
 
																+    {
															
 
																+      "icon_id": "20805839",
															
 
																+      "name": "fire_management ",
															
 
																+      "font_class": "fire_management",
															
 
																+      "unicode": "e68c",
															
 
																+      "unicode_decimal": 59020
															
 
																+    },
															
 
																+    {
															
 
																+      "icon_id": "20805840",
															
 
																+      "name": "fire_study",
															
 
																+      "font_class": "fire_study",
															
 
																+      "unicode": "e68d",
															
 
																+      "unicode_decimal": 59021
															
 
																+    },
															
 
																+    {
															
 
																+      "icon_id": "20805841",
															
 
																+      "name": "fire_scenes",
															
 
																+      "font_class": "fire_scenes",
															
 
																+      "unicode": "e68e",
															
 
																+      "unicode_decimal": 59022
															
 
																+    }
															
 
																+  ]
															
 
																+}
															
--- a/src/assets/icon/fire/iconfont.svg
+++ b/src/assets/icon/fire/iconfont.svg
--- a/src/assets/icon/fire/iconfont.ttf
+++ b/src/assets/icon/fire/iconfont.ttf
--- a/src/assets/icon/fire/iconfont.woff
+++ b/src/assets/icon/fire/iconfont.woff
--- a/src/assets/icon/fire/iconfont.woff2
+++ b/src/assets/icon/fire/iconfont.woff2
--- a/src/assets/icon/fuse/demo.css
+++ b/src/assets/icon/fuse/demo.css
@@ -0,0 +1,539 @@
 
																+/* Logo 字体 */
															
 
																+@font-face {
															
 
																+  font-family: "iconfont logo";
															
 
																+  src: url('https://at.alicdn.com/t/font_985780_km7mi63cihi.eot?t=1545807318834');
															
 
																+  src: url('https://at.alicdn.com/t/font_985780_km7mi63cihi.eot?t=1545807318834#iefix') format('embedded-opentype'),
															
 
																+    url('https://at.alicdn.com/t/font_985780_km7mi63cihi.woff?t=1545807318834') format('woff'),
															
 
																+    url('https://at.alicdn.com/t/font_985780_km7mi63cihi.ttf?t=1545807318834') format('truetype'),
															
 
																+    url('https://at.alicdn.com/t/font_985780_km7mi63cihi.svg?t=1545807318834#iconfont') format('svg');
															
 
																+}
															
 
																+
															
 
																+.logo {
															
 
																+  font-family: "iconfont logo";
															
 
																+  font-size: 160px;
															
 
																+  font-style: normal;
															
 
																+  -webkit-font-smoothing: antialiased;
															
 
																+  -moz-osx-font-smoothing: grayscale;
															
 
																+}
															
 
																+
															
 
																+/* tabs */
															
 
																+.nav-tabs {
															
 
																+  position: relative;
															
 
																+}
															
 
																+
															
 
																+.nav-tabs .nav-more {
															
 
																+  position: absolute;
															
 
																+  right: 0;
															
 
																+  bottom: 0;
															
 
																+  height: 42px;
															
 
																+  line-height: 42px;
															
 
																+  color: #666;
															
 
																+}
															
 
																+
															
 
																+#tabs {
															
 
																+  border-bottom: 1px solid #eee;
															
 
																+}
															
 
																+
															
 
																+#tabs li {
															
 
																+  cursor: pointer;
															
 
																+  width: 100px;
															
 
																+  height: 40px;
															
 
																+  line-height: 40px;
															
 
																+  text-align: center;
															
 
																+  font-size: 16px;
															
 
																+  border-bottom: 2px solid transparent;
															
 
																+  position: relative;
															
 
																+  z-index: 1;
															
 
																+  margin-bottom: -1px;
															
 
																+  color: #666;
															
 
																+}
															
 
																+
															
 
																+
															
 
																+#tabs .active {
															
 
																+  border-bottom-color: #f00;
															
 
																+  color: #222;
															
 
																+}
															
 
																+
															
 
																+.tab-container .content {
															
 
																+  display: none;
															
 
																+}
															
 
																+
															
 
																+/* 页面布局 */
															
 
																+.main {
															
 
																+  padding: 30px 100px;
															
 
																+  width: 960px;
															
 
																+  margin: 0 auto;
															
 
																+}
															
 
																+
															
 
																+.main .logo {
															
 
																+  color: #333;
															
 
																+  text-align: left;
															
 
																+  margin-bottom: 30px;
															
 
																+  line-height: 1;
															
 
																+  height: 110px;
															
 
																+  margin-top: -50px;
															
 
																+  overflow: hidden;
															
 
																+  *zoom: 1;
															
 
																+}
															
 
																+
															
 
																+.main .logo a {
															
 
																+  font-size: 160px;
															
 
																+  color: #333;
															
 
																+}
															
 
																+
															
 
																+.helps {
															
 
																+  margin-top: 40px;
															
 
																+}
															
 
																+
															
 
																+.helps pre {
															
 
																+  padding: 20px;
															
 
																+  margin: 10px 0;
															
 
																+  border: solid 1px #e7e1cd;
															
 
																+  background-color: #fffdef;
															
 
																+  overflow: auto;
															
 
																+}
															
 
																+
															
 
																+.icon_lists {
															
 
																+  width: 100% !important;
															
 
																+  overflow: hidden;
															
 
																+  *zoom: 1;
															
 
																+}
															
 
																+
															
 
																+.icon_lists li {
															
 
																+  width: 100px;
															
 
																+  margin-bottom: 10px;
															
 
																+  margin-right: 20px;
															
 
																+  text-align: center;
															
 
																+  list-style: none !important;
															
 
																+  cursor: default;
															
 
																+}
															
 
																+
															
 
																+.icon_lists li .code-name {
															
 
																+  line-height: 1.2;
															
 
																+}
															
 
																+
															
 
																+.icon_lists .icon {
															
 
																+  display: block;
															
 
																+  height: 100px;
															
 
																+  line-height: 100px;
															
 
																+  font-size: 42px;
															
 
																+  margin: 10px auto;
															
 
																+  color: #333;
															
 
																+  -webkit-transition: font-size 0.25s linear, width 0.25s linear;
															
 
																+  -moz-transition: font-size 0.25s linear, width 0.25s linear;
															
 
																+  transition: font-size 0.25s linear, width 0.25s linear;
															
 
																+}
															
 
																+
															
 
																+.icon_lists .icon:hover {
															
 
																+  font-size: 100px;
															
 
																+}
															
 
																+
															
 
																+.icon_lists .svg-icon {
															
 
																+  /* 通过设置 font-size 来改变图标大小 */
															
 
																+  width: 1em;
															
 
																+  /* 图标和文字相邻时，垂直对齐 */
															
 
																+  vertical-align: -0.15em;
															
 
																+  /* 通过设置 color 来改变 SVG 的颜色/fill */
															
 
																+  fill: currentColor;
															
 
																+  /* path 和 stroke 溢出 viewBox 部分在 IE 下会显示
															
 
																+      normalize.css 中也包含这行 */
															
 
																+  overflow: hidden;
															
 
																+}
															
 
																+
															
 
																+.icon_lists li .name,
															
 
																+.icon_lists li .code-name {
															
 
																+  color: #666;
															
 
																+}
															
 
																+
															
 
																+/* markdown 样式 */
															
 
																+.markdown {
															
 
																+  color: #666;
															
 
																+  font-size: 14px;
															
 
																+  line-height: 1.8;
															
 
																+}
															
 
																+
															
 
																+.highlight {
															
 
																+  line-height: 1.5;
															
 
																+}
															
 
																+
															
 
																+.markdown img {
															
 
																+  vertical-align: middle;
															
 
																+  max-width: 100%;
															
 
																+}
															
 
																+
															
 
																+.markdown h1 {
															
 
																+  color: #404040;
															
 
																+  font-weight: 500;
															
 
																+  line-height: 40px;
															
 
																+  margin-bottom: 24px;
															
 
																+}
															
 
																+
															
 
																+.markdown h2,
															
 
																+.markdown h3,
															
 
																+.markdown h4,
															
 
																+.markdown h5,
															
 
																+.markdown h6 {
															
 
																+  color: #404040;
															
 
																+  margin: 1.6em 0 0.6em 0;
															
 
																+  font-weight: 500;
															
 
																+  clear: both;
															
 
																+}
															
 
																+
															
 
																+.markdown h1 {
															
 
																+  font-size: 28px;
															
 
																+}
															
 
																+
															
 
																+.markdown h2 {
															
 
																+  font-size: 22px;
															
 
																+}
															
 
																+
															
 
																+.markdown h3 {
															
 
																+  font-size: 16px;
															
 
																+}
															
 
																+
															
 
																+.markdown h4 {
															
 
																+  font-size: 14px;
															
 
																+}
															
 
																+
															
 
																+.markdown h5 {
															
 
																+  font-size: 12px;
															
 
																+}
															
 
																+
															
 
																+.markdown h6 {
															
 
																+  font-size: 12px;
															
 
																+}
															
 
																+
															
 
																+.markdown hr {
															
 
																+  height: 1px;
															
 
																+  border: 0;
															
 
																+  background: #e9e9e9;
															
 
																+  margin: 16px 0;
															
 
																+  clear: both;
															
 
																+}
															
 
																+
															
 
																+.markdown p {
															
 
																+  margin: 1em 0;
															
 
																+}
															
 
																+
															
 
																+.markdown>p,
															
 
																+.markdown>blockquote,
															
 
																+.markdown>.highlight,
															
 
																+.markdown>ol,
															
 
																+.markdown>ul {
															
 
																+  width: 80%;
															
 
																+}
															
 
																+
															
 
																+.markdown ul>li {
															
 
																+  list-style: circle;
															
 
																+}
															
 
																+
															
 
																+.markdown>ul li,
															
 
																+.markdown blockquote ul>li {
															
 
																+  margin-left: 20px;
															
 
																+  padding-left: 4px;
															
 
																+}
															
 
																+
															
 
																+.markdown>ul li p,
															
 
																+.markdown>ol li p {
															
 
																+  margin: 0.6em 0;
															
 
																+}
															
 
																+
															
 
																+.markdown ol>li {
															
 
																+  list-style: decimal;
															
 
																+}
															
 
																+
															
 
																+.markdown>ol li,
															
 
																+.markdown blockquote ol>li {
															
 
																+  margin-left: 20px;
															
 
																+  padding-left: 4px;
															
 
																+}
															
 
																+
															
 
																+.markdown code {
															
 
																+  margin: 0 3px;
															
 
																+  padding: 0 5px;
															
 
																+  background: #eee;
															
 
																+  border-radius: 3px;
															
 
																+}
															
 
																+
															
 
																+.markdown strong,
															
 
																+.markdown b {
															
 
																+  font-weight: 600;
															
 
																+}
															
 
																+
															
 
																+.markdown>table {
															
 
																+  border-collapse: collapse;
															
 
																+  border-spacing: 0px;
															
 
																+  empty-cells: show;
															
 
																+  border: 1px solid #e9e9e9;
															
 
																+  width: 95%;
															
 
																+  margin-bottom: 24px;
															
 
																+}
															
 
																+
															
 
																+.markdown>table th {
															
 
																+  white-space: nowrap;
															
 
																+  color: #333;
															
 
																+  font-weight: 600;
															
 
																+}
															
 
																+
															
 
																+.markdown>table th,
															
 
																+.markdown>table td {
															
 
																+  border: 1px solid #e9e9e9;
															
 
																+  padding: 8px 16px;
															
 
																+  text-align: left;
															
 
																+}
															
 
																+
															
 
																+.markdown>table th {
															
 
																+  background: #F7F7F7;
															
 
																+}
															
 
																+
															
 
																+.markdown blockquote {
															
 
																+  font-size: 90%;
															
 
																+  color: #999;
															
 
																+  border-left: 4px solid #e9e9e9;
															
 
																+  padding-left: 0.8em;
															
 
																+  margin: 1em 0;
															
 
																+}
															
 
																+
															
 
																+.markdown blockquote p {
															
 
																+  margin: 0;
															
 
																+}
															
 
																+
															
 
																+.markdown .anchor {
															
 
																+  opacity: 0;
															
 
																+  transition: opacity 0.3s ease;
															
 
																+  margin-left: 8px;
															
 
																+}
															
 
																+
															
 
																+.markdown .waiting {
															
 
																+  color: #ccc;
															
 
																+}
															
 
																+
															
 
																+.markdown h1:hover .anchor,
															
 
																+.markdown h2:hover .anchor,
															
 
																+.markdown h3:hover .anchor,
															
 
																+.markdown h4:hover .anchor,
															
 
																+.markdown h5:hover .anchor,
															
 
																+.markdown h6:hover .anchor {
															
 
																+  opacity: 1;
															
 
																+  display: inline-block;
															
 
																+}
															
 
																+
															
 
																+.markdown>br,
															
 
																+.markdown>p>br {
															
 
																+  clear: both;
															
 
																+}
															
 
																+
															
 
																+
															
 
																+.hljs {
															
 
																+  display: block;
															
 
																+  background: white;
															
 
																+  padding: 0.5em;
															
 
																+  color: #333333;
															
 
																+  overflow-x: auto;
															
 
																+}
															
 
																+
															
 
																+.hljs-comment,
															
 
																+.hljs-meta {
															
 
																+  color: #969896;
															
 
																+}
															
 
																+
															
 
																+.hljs-string,
															
 
																+.hljs-variable,
															
 
																+.hljs-template-variable,
															
 
																+.hljs-strong,
															
 
																+.hljs-emphasis,
															
 
																+.hljs-quote {
															
 
																+  color: #df5000;
															
 
																+}
															
 
																+
															
 
																+.hljs-keyword,
															
 
																+.hljs-selector-tag,
															
 
																+.hljs-type {
															
 
																+  color: #a71d5d;
															
 
																+}
															
 
																+
															
 
																+.hljs-literal,
															
 
																+.hljs-symbol,
															
 
																+.hljs-bullet,
															
 
																+.hljs-attribute {
															
 
																+  color: #0086b3;
															
 
																+}
															
 
																+
															
 
																+.hljs-section,
															
 
																+.hljs-name {
															
 
																+  color: #63a35c;
															
 
																+}
															
 
																+
															
 
																+.hljs-tag {
															
 
																+  color: #333333;
															
 
																+}
															
 
																+
															
 
																+.hljs-title,
															
 
																+.hljs-attr,
															
 
																+.hljs-selector-id,
															
 
																+.hljs-selector-class,
															
 
																+.hljs-selector-attr,
															
 
																+.hljs-selector-pseudo {
															
 
																+  color: #795da3;
															
 
																+}
															
 
																+
															
 
																+.hljs-addition {
															
 
																+  color: #55a532;
															
 
																+  background-color: #eaffea;
															
 
																+}
															
 
																+
															
 
																+.hljs-deletion {
															
 
																+  color: #bd2c00;
															
 
																+  background-color: #ffecec;
															
 
																+}
															
 
																+
															
 
																+.hljs-link {
															
 
																+  text-decoration: underline;
															
 
																+}
															
 
																+
															
 
																+/* 代码高亮 */
															
 
																+/* PrismJS 1.15.0
															
 
																+https://prismjs.com/download.html#themes=prism&languages=markup+css+clike+javascript */
															
 
																+/**
															
 
																+ * prism.js default theme for JavaScript, CSS and HTML
															
 
																+ * Based on dabblet (http://dabblet.com)
															
 
																+ * @author Lea Verou
															
 
																+ */
															
 
																+code[class*="language-"],
															
 
																+pre[class*="language-"] {
															
 
																+  color: black;
															
 
																+  background: none;
															
 
																+  text-shadow: 0 1px white;
															
 
																+  font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
															
 
																+  text-align: left;
															
 
																+  white-space: pre;
															
 
																+  word-spacing: normal;
															
 
																+  word-break: normal;
															
 
																+  word-wrap: normal;
															
 
																+  line-height: 1.5;
															
 
																+
															
 
																+  -moz-tab-size: 4;
															
 
																+  -o-tab-size: 4;
															
 
																+  tab-size: 4;
															
 
																+
															
 
																+  -webkit-hyphens: none;
															
 
																+  -moz-hyphens: none;
															
 
																+  -ms-hyphens: none;
															
 
																+  hyphens: none;
															
 
																+}
															
 
																+
															
 
																+pre[class*="language-"]::-moz-selection,
															
 
																+pre[class*="language-"] ::-moz-selection,
															
 
																+code[class*="language-"]::-moz-selection,
															
 
																+code[class*="language-"] ::-moz-selection {
															
 
																+  text-shadow: none;
															
 
																+  background: #b3d4fc;
															
 
																+}
															
 
																+
															
 
																+pre[class*="language-"]::selection,
															
 
																+pre[class*="language-"] ::selection,
															
 
																+code[class*="language-"]::selection,
															
 
																+code[class*="language-"] ::selection {
															
 
																+  text-shadow: none;
															
 
																+  background: #b3d4fc;
															
 
																+}
															
 
																+
															
 
																+@media print {
															
 
																+
															
 
																+  code[class*="language-"],
															
 
																+  pre[class*="language-"] {
															
 
																+    text-shadow: none;
															
 
																+  }
															
 
																+}
															
 
																+
															
 
																+/* Code blocks */
															
 
																+pre[class*="language-"] {
															
 
																+  padding: 1em;
															
 
																+  margin: .5em 0;
															
 
																+  overflow: auto;
															
 
																+}
															
 
																+
															
 
																+:not(pre)>code[class*="language-"],
															
 
																+pre[class*="language-"] {
															
 
																+  background: #f5f2f0;
															
 
																+}
															
 
																+
															
 
																+/* Inline code */
															
 
																+:not(pre)>code[class*="language-"] {
															
 
																+  padding: .1em;
															
 
																+  border-radius: .3em;
															
 
																+  white-space: normal;
															
 
																+}
															
 
																+
															
 
																+.token.comment,
															
 
																+.token.prolog,
															
 
																+.token.doctype,
															
 
																+.token.cdata {
															
 
																+  color: slategray;
															
 
																+}
															
 
																+
															
 
																+.token.punctuation {
															
 
																+  color: #999;
															
 
																+}
															
 
																+
															
 
																+.namespace {
															
 
																+  opacity: .7;
															
 
																+}
															
 
																+
															
 
																+.token.property,
															
 
																+.token.tag,
															
 
																+.token.boolean,
															
 
																+.token.number,
															
 
																+.token.constant,
															
 
																+.token.symbol,
															
 
																+.token.deleted {
															
 
																+  color: #905;
															
 
																+}
															
 
																+
															
 
																+.token.selector,
															
 
																+.token.attr-name,
															
 
																+.token.string,
															
 
																+.token.char,
															
 
																+.token.builtin,
															
 
																+.token.inserted {
															
 
																+  color: #690;
															
 
																+}
															
 
																+
															
 
																+.token.operator,
															
 
																+.token.entity,
															
 
																+.token.url,
															
 
																+.language-css .token.string,
															
 
																+.style .token.string {
															
 
																+  color: #9a6e3a;
															
 
																+  background: hsla(0, 0%, 100%, .5);
															
 
																+}
															
 
																+
															
 
																+.token.atrule,
															
 
																+.token.attr-value,
															
 
																+.token.keyword {
															
 
																+  color: #07a;
															
 
																+}
															
 
																+
															
 
																+.token.function,
															
 
																+.token.class-name {
															
 
																+  color: #DD4A68;
															
 
																+}
															
 
																+
															
 
																+.token.regex,
															
 
																+.token.important,
															
 
																+.token.variable {
															
 
																+  color: #e90;
															
 
																+}
															
 
																+
															
 
																+.token.important,
															
 
																+.token.bold {
															
 
																+  font-weight: bold;
															
 
																+}
															
 
																+
															
 
																+.token.italic {
															
 
																+  font-style: italic;
															
 
																+}
															
 
																+
															
 
																+.token.entity {
															
 
																+  cursor: help;
															
 
																+}
															
--- a/src/assets/icon/fuse/demo_index.html
+++ b/src/assets/icon/fuse/demo_index.html
--- a/src/assets/icon/fuse/iconfont.css
+++ b/src/assets/icon/fuse/iconfont.css
@@ -0,0 +1,319 @@
 
																+@font-face {
															
 
																+  font-family: "iconfont"; /* Project id 3549513 */
															
 
																+  src: url('iconfont.woff2?t=1722820936866') format('woff2'),
															
 
																+       url('iconfont.woff?t=1722820936866') format('woff'),
															
 
																+       url('iconfont.ttf?t=1722820936866') format('truetype');
															
 
																+}
															
 
																+
															
 
																+.iconfont {
															
 
																+  font-family: "iconfont" !important;
															
 
																+  font-size: 16px;
															
 
																+  font-style: normal;
															
 
																+  -webkit-font-smoothing: antialiased;
															
 
																+  -moz-osx-font-smoothing: grayscale;
															
 
																+}
															
 
																+
															
 
																+.icon-index:before {
															
 
																+  content: "\e76d";
															
 
																+}
															
 
																+
															
 
																+.icon-symbol:before {
															
 
																+  content: "\e76e";
															
 
																+}
															
 
																+
															
 
																+.icon-arrows1:before {
															
 
																+  content: "\e76f";
															
 
																+}
															
 
																+
															
 
																+.icon-text1:before {
															
 
																+  content: "\e770";
															
 
																+}
															
 
																+
															
 
																+.icon-fire_firmware:before {
															
 
																+  content: "\e767";
															
 
																+}
															
 
																+
															
 
																+.icon-fire_app:before {
															
 
																+  content: "\e768";
															
 
																+}
															
 
																+
															
 
																+.icon-fire_statistics:before {
															
 
																+  content: "\e74d";
															
 
																+}
															
 
																+
															
 
																+.icon-query_home:before {
															
 
																+  content: "\e74b";
															
 
																+}
															
 
																+
															
 
																+.icon-list-detail:before {
															
 
																+  content: "\e740";
															
 
																+}
															
 
																+
															
 
																+.icon-without:before {
															
 
																+  content: "\e70e";
															
 
																+}
															
 
																+
															
 
																+.icon-keyboard:before {
															
 
																+  content: "\e70d";
															
 
																+}
															
 
																+
															
 
																+.icon-recover:before {
															
 
																+  content: "\e693";
															
 
																+}
															
 
																+
															
 
																+.icon-repeal:before {
															
 
																+  content: "\e694";
															
 
																+}
															
 
																+
															
 
																+.icon-broken_l:before {
															
 
																+  content: "\e6fd";
															
 
																+}
															
 
																+
															
 
																+.icon-arrows:before {
															
 
																+  content: "\e6fe";
															
 
																+}
															
 
																+
															
 
																+.icon-blood:before {
															
 
																+  content: "\e6ff";
															
 
																+}
															
 
																+
															
 
																+.icon-circle:before {
															
 
																+  content: "\e700";
															
 
																+}
															
 
																+
															
 
																+.icon-cigarette_e:before {
															
 
																+  content: "\e701";
															
 
																+}
															
 
																+
															
 
																+.icon-corpse:before {
															
 
																+  content: "\e702";
															
 
																+}
															
 
																+
															
 
																+.icon-icon_n:before {
															
 
																+  content: "\e703";
															
 
																+}
															
 
																+
															
 
																+.icon-form:before {
															
 
																+  content: "\e704";
															
 
																+}
															
 
																+
															
 
																+.icon-footprint_l:before {
															
 
																+  content: "\e705";
															
 
																+}
															
 
																+
															
 
																+.icon-footprint_r:before {
															
 
																+  content: "\e706";
															
 
																+}
															
 
																+
															
 
																+.icon-fire_p:before {
															
 
																+  content: "\e707";
															
 
																+}
															
 
																+
															
 
																+.icon-rectangle:before {
															
 
																+  content: "\e708";
															
 
																+}
															
 
																+
															
 
																+.icon-shoeprints_l:before {
															
 
																+  content: "\e709";
															
 
																+}
															
 
																+
															
 
																+.icon-text:before {
															
 
																+  content: "\e70a";
															
 
																+}
															
 
																+
															
 
																+.icon-fingerprint:before {
															
 
																+  content: "\e70b";
															
 
																+}
															
 
																+
															
 
																+.icon-shoeprints_r:before {
															
 
																+  content: "\e70c";
															
 
																+}
															
 
																+
															
 
																+.icon-nav-setup:before {
															
 
																+  content: "\e64b";
															
 
																+}
															
 
																+
															
 
																+.icon-a-film:before {
															
 
																+  content: "\e6e8";
															
 
																+}
															
 
																+
															
 
																+.icon-nav-edit:before {
															
 
																+  content: "\e642";
															
 
																+}
															
 
																+
															
 
																+.icon-pic:before {
															
 
																+  content: "\e648";
															
 
																+}
															
 
																+
															
 
																+.icon-list-scene:before {
															
 
																+  content: "\e6e4";
															
 
																+}
															
 
																+
															
 
																+.icon-list-file:before {
															
 
																+  content: "\e6e5";
															
 
																+}
															
 
																+
															
 
																+.icon-list-record:before {
															
 
																+  content: "\e6e6";
															
 
																+}
															
 
																+
															
 
																+.icon-list-view:before {
															
 
																+  content: "\e6e7";
															
 
																+}
															
 
																+
															
 
																+.icon-video1:before {
															
 
																+  content: "\e63b";
															
 
																+}
															
 
																+
															
 
																+.icon-order:before {
															
 
																+  content: "\e6dd";
															
 
																+}
															
 
																+
															
 
																+.icon-pin1:before {
															
 
																+  content: "\e6e3";
															
 
																+}
															
 
																+
															
 
																+.icon-nav-measure:before {
															
 
																+  content: "\e64a";
															
 
																+}
															
 
																+
															
 
																+.icon-v-l:before {
															
 
																+  content: "\e66f";
															
 
																+}
															
 
																+
															
 
																+.icon-h-r:before {
															
 
																+  content: "\e670";
															
 
																+}
															
 
																+
															
 
																+.icon-f-l:before {
															
 
																+  content: "\e673";
															
 
																+}
															
 
																+
															
 
																+.icon-search:before {
															
 
																+  content: "\e64c";
															
 
																+}
															
 
																+
															
 
																+.icon-left1:before {
															
 
																+  content: "\e6ae";
															
 
																+}
															
 
																+
															
 
																+.icon-right:before {
															
 
																+  content: "\e6af";
															
 
																+}
															
 
																+
															
 
																+.icon-state_e:before {
															
 
																+  content: "\e624";
															
 
																+}
															
 
																+
															
 
																+.icon-state_f:before {
															
 
																+  content: "\e625";
															
 
																+}
															
 
																+
															
 
																+.icon-state_s:before {
															
 
																+  content: "\e626";
															
 
																+}
															
 
																+
															
 
																+.icon-eye-n:before {
															
 
																+  content: "\e621";
															
 
																+}
															
 
																+
															
 
																+.icon-eye-s:before {
															
 
																+  content: "\e622";
															
 
																+}
															
 
																+
															
 
																+.icon-more:before {
															
 
																+  content: "\e600";
															
 
																+}
															
 
																+
															
 
																+.icon-element:before {
															
 
																+  content: "\e666";
															
 
																+}
															
 
																+
															
 
																+.icon-extend:before {
															
 
																+  content: "\e690";
															
 
																+}
															
 
																+
															
 
																+.icon-shrink:before {
															
 
																+  content: "\e691";
															
 
																+}
															
 
																+
															
 
																+.icon-pause:before {
															
 
																+  content: "\e636";
															
 
																+}
															
 
																+
															
 
																+.icon-preview:before {
															
 
																+  content: "\e63a";
															
 
																+}
															
 
																+
															
 
																+.icon-clear:before {
															
 
																+  content: "\e63f";
															
 
																+}
															
 
																+
															
 
																+.icon-play_stop:before {
															
 
																+  content: "\e6b4";
															
 
																+}
															
 
																+
															
 
																+.icon-transparency:before {
															
 
																+  content: "\e6d7";
															
 
																+}
															
 
																+
															
 
																+.icon-pull-down:before {
															
 
																+  content: "\e61d";
															
 
																+}
															
 
																+
															
 
																+.icon-pull-up:before {
															
 
																+  content: "\e61e";
															
 
																+}
															
 
																+
															
 
																+.icon-add:before {
															
 
																+  content: "\e631";
															
 
																+}
															
 
																+
															
 
																+.icon-close:before {
															
 
																+  content: "\e633";
															
 
																+}
															
 
																+
															
 
																+.icon-pin:before {
															
 
																+  content: "\e67c";
															
 
																+}
															
 
																+
															
 
																+.icon-flip:before {
															
 
																+  content: "\e67e";
															
 
																+}
															
 
																+
															
 
																+.icon-move:before {
															
 
																+  content: "\e680";
															
 
																+}
															
 
																+
															
 
																+.icon-del:before {
															
 
																+  content: "\e632";
															
 
																+}
															
 
																+
															
 
																+.icon-checkbox:before {
															
 
																+  content: "\e649";
															
 
																+}
															
 
																+
															
 
																+.icon-nor:before {
															
 
																+  content: "\e696";
															
 
																+}
															
 
																+
															
 
																+.icon-joint:before {
															
 
																+  content: "\e6e0";
															
 
																+}
															
 
																+
															
 
																+.icon-path:before {
															
 
																+  content: "\e6e1";
															
 
																+}
															
 
																+
															
 
																+.icon-label:before {
															
 
																+  content: "\e6e2";
															
 
																+}
															
 
																+
															
 
																+.icon-case:before {
															
 
																+  content: "\e6da";
															
 
																+}
															
 
																+
															
 
																+.icon-scene:before {
															
 
																+  content: "\e6db";
															
 
																+}
															
 
																+
															
--- a/src/assets/icon/fuse/iconfont.js
+++ b/src/assets/icon/fuse/iconfont.js
--- a/src/assets/icon/fuse/iconfont.json
+++ b/src/assets/icon/fuse/iconfont.json
@@ -0,0 +1,541 @@
 
																+{
															
 
																+  "id": "3549513",
															
 
																+  "name": "融合平台",
															
 
																+  "font_family": "iconfont",
															
 
																+  "css_prefix_text": "icon-",
															
 
																+  "description": "",
															
 
																+  "glyphs": [
															
 
																+    {
															
 
																+      "icon_id": "41299621",
															
 
																+      "name": "index",
															
 
																+      "font_class": "index",
															
 
																+      "unicode": "e76d",
															
 
																+      "unicode_decimal": 59245
															
 
																+    },
															
 
																+    {
															
 
																+      "icon_id": "41299620",
															
 
																+      "name": "symbol",
															
 
																+      "font_class": "symbol",
															
 
																+      "unicode": "e76e",
															
 
																+      "unicode_decimal": 59246
															
 
																+    },
															
 
																+    {
															
 
																+      "icon_id": "41299619",
															
 
																+      "name": "arrows",
															
 
																+      "font_class": "arrows1",
															
 
																+      "unicode": "e76f",
															
 
																+      "unicode_decimal": 59247
															
 
																+    },
															
 
																+    {
															
 
																+      "icon_id": "41299618",
															
 
																+      "name": "text",
															
 
																+      "font_class": "text1",
															
 
																+      "unicode": "e770",
															
 
																+      "unicode_decimal": 59248
															
 
																+    },
															
 
																+    {
															
 
																+      "icon_id": "41207891",
															
 
																+      "name": "fire_firmware",
															
 
																+      "font_class": "fire_firmware",
															
 
																+      "unicode": "e767",
															
 
																+      "unicode_decimal": 59239
															
 
																+    },
															
 
																+    {
															
 
																+      "icon_id": "41207890",
															
 
																+      "name": "fire_app",
															
 
																+      "font_class": "fire_app",
															
 
																+      "unicode": "e768",
															
 
																+      "unicode_decimal": 59240
															
 
																+    },
															
 
																+    {
															
 
																+      "icon_id": "39135106",
															
 
																+      "name": "fire_statistics",
															
 
																+      "font_class": "fire_statistics",
															
 
																+      "unicode": "e74d",
															
 
																+      "unicode_decimal": 59213
															
 
																+    },
															
 
																+    {
															
 
																+      "icon_id": "38948724",
															
 
																+      "name": "query_home",
															
 
																+      "font_class": "query_home",
															
 
																+      "unicode": "e74b",
															
 
																+      "unicode_decimal": 59211
															
 
																+    },
															
 
																+    {
															
 
																+      "icon_id": "37076167",
															
 
																+      "name": "list-detail",
															
 
																+      "font_class": "list-detail",
															
 
																+      "unicode": "e740",
															
 
																+      "unicode_decimal": 59200
															
 
																+    },
															
 
																+    {
															
 
																+      "icon_id": "33692561",
															
 
																+      "name": "without",
															
 
																+      "font_class": "without",
															
 
																+      "unicode": "e70e",
															
 
																+      "unicode_decimal": 59150
															
 
																+    },
															
 
																+    {
															
 
																+      "icon_id": "33322597",
															
 
																+      "name": "keyboard",
															
 
																+      "font_class": "keyboard",
															
 
																+      "unicode": "e70d",
															
 
																+      "unicode_decimal": 59149
															
 
																+    },
															
 
																+    {
															
 
																+      "icon_id": "27198776",
															
 
																+      "name": "recover",
															
 
																+      "font_class": "recover",
															
 
																+      "unicode": "e693",
															
 
																+      "unicode_decimal": 59027
															
 
																+    },
															
 
																+    {
															
 
																+      "icon_id": "27198777",
															
 
																+      "name": "repeal",
															
 
																+      "font_class": "repeal",
															
 
																+      "unicode": "e694",
															
 
																+      "unicode_decimal": 59028
															
 
																+    },
															
 
																+    {
															
 
																+      "icon_id": "33292114",
															
 
																+      "name": "broken_l",
															
 
																+      "font_class": "broken_l",
															
 
																+      "unicode": "e6fd",
															
 
																+      "unicode_decimal": 59133
															
 
																+    },
															
 
																+    {
															
 
																+      "icon_id": "33292115",
															
 
																+      "name": "arrows",
															
 
																+      "font_class": "arrows",
															
 
																+      "unicode": "e6fe",
															
 
																+      "unicode_decimal": 59134
															
 
																+    },
															
 
																+    {
															
 
																+      "icon_id": "33292116",
															
 
																+      "name": "blood",
															
 
																+      "font_class": "blood",
															
 
																+      "unicode": "e6ff",
															
 
																+      "unicode_decimal": 59135
															
 
																+    },
															
 
																+    {
															
 
																+      "icon_id": "33292117",
															
 
																+      "name": "circle",
															
 
																+      "font_class": "circle",
															
 
																+      "unicode": "e700",
															
 
																+      "unicode_decimal": 59136
															
 
																+    },
															
 
																+    {
															
 
																+      "icon_id": "33292118",
															
 
																+      "name": "cigarette_e",
															
 
																+      "font_class": "cigarette_e",
															
 
																+      "unicode": "e701",
															
 
																+      "unicode_decimal": 59137
															
 
																+    },
															
 
																+    {
															
 
																+      "icon_id": "33292119",
															
 
																+      "name": "corpse",
															
 
																+      "font_class": "corpse",
															
 
																+      "unicode": "e702",
															
 
																+      "unicode_decimal": 59138
															
 
																+    },
															
 
																+    {
															
 
																+      "icon_id": "33292120",
															
 
																+      "name": "icon_n",
															
 
																+      "font_class": "icon_n",
															
 
																+      "unicode": "e703",
															
 
																+      "unicode_decimal": 59139
															
 
																+    },
															
 
																+    {
															
 
																+      "icon_id": "33292121",
															
 
																+      "name": "form",
															
 
																+      "font_class": "form",
															
 
																+      "unicode": "e704",
															
 
																+      "unicode_decimal": 59140
															
 
																+    },
															
 
																+    {
															
 
																+      "icon_id": "33292122",
															
 
																+      "name": "footprint_l",
															
 
																+      "font_class": "footprint_l",
															
 
																+      "unicode": "e705",
															
 
																+      "unicode_decimal": 59141
															
 
																+    },
															
 
																+    {
															
 
																+      "icon_id": "33292123",
															
 
																+      "name": "footprint_r",
															
 
																+      "font_class": "footprint_r",
															
 
																+      "unicode": "e706",
															
 
																+      "unicode_decimal": 59142
															
 
																+    },
															
 
																+    {
															
 
																+      "icon_id": "33292124",
															
 
																+      "name": "fire_p",
															
 
																+      "font_class": "fire_p",
															
 
																+      "unicode": "e707",
															
 
																+      "unicode_decimal": 59143
															
 
																+    },
															
 
																+    {
															
 
																+      "icon_id": "33292125",
															
 
																+      "name": "rectangle",
															
 
																+      "font_class": "rectangle",
															
 
																+      "unicode": "e708",
															
 
																+      "unicode_decimal": 59144
															
 
																+    },
															
 
																+    {
															
 
																+      "icon_id": "33292126",
															
 
																+      "name": "shoeprints_l",
															
 
																+      "font_class": "shoeprints_l",
															
 
																+      "unicode": "e709",
															
 
																+      "unicode_decimal": 59145
															
 
																+    },
															
 
																+    {
															
 
																+      "icon_id": "33292127",
															
 
																+      "name": "text",
															
 
																+      "font_class": "text",
															
 
																+      "unicode": "e70a",
															
 
																+      "unicode_decimal": 59146
															
 
																+    },
															
 
																+    {
															
 
																+      "icon_id": "33292128",
															
 
																+      "name": "fingerprint",
															
 
																+      "font_class": "fingerprint",
															
 
																+      "unicode": "e70b",
															
 
																+      "unicode_decimal": 59147
															
 
																+    },
															
 
																+    {
															
 
																+      "icon_id": "33292129",
															
 
																+      "name": "shoeprints_r",
															
 
																+      "font_class": "shoeprints_r",
															
 
																+      "unicode": "e70c",
															
 
																+      "unicode_decimal": 59148
															
 
																+    },
															
 
																+    {
															
 
																+      "icon_id": "25631133",
															
 
																+      "name": "nav-setup",
															
 
																+      "font_class": "nav-setup",
															
 
																+      "unicode": "e64b",
															
 
																+      "unicode_decimal": 58955
															
 
																+    },
															
 
																+    {
															
 
																+      "icon_id": "31503933",
															
 
																+      "name": "a-film",
															
 
																+      "font_class": "a-film",
															
 
																+      "unicode": "e6e8",
															
 
																+      "unicode_decimal": 59112
															
 
																+    },
															
 
																+    {
															
 
																+      "icon_id": "25631122",
															
 
																+      "name": "nav-edit",
															
 
																+      "font_class": "nav-edit",
															
 
																+      "unicode": "e642",
															
 
																+      "unicode_decimal": 58946
															
 
																+    },
															
 
																+    {
															
 
																+      "icon_id": "23786363",
															
 
																+      "name": "pic",
															
 
																+      "font_class": "pic",
															
 
																+      "unicode": "e648",
															
 
																+      "unicode_decimal": 58952
															
 
																+    },
															
 
																+    {
															
 
																+      "icon_id": "31485449",
															
 
																+      "name": "list-scene",
															
 
																+      "font_class": "list-scene",
															
 
																+      "unicode": "e6e4",
															
 
																+      "unicode_decimal": 59108
															
 
																+    },
															
 
																+    {
															
 
																+      "icon_id": "31485450",
															
 
																+      "name": "list-file",
															
 
																+      "font_class": "list-file",
															
 
																+      "unicode": "e6e5",
															
 
																+      "unicode_decimal": 59109
															
 
																+    },
															
 
																+    {
															
 
																+      "icon_id": "31485451",
															
 
																+      "name": "list-record",
															
 
																+      "font_class": "list-record",
															
 
																+      "unicode": "e6e6",
															
 
																+      "unicode_decimal": 59110
															
 
																+    },
															
 
																+    {
															
 
																+      "icon_id": "31485452",
															
 
																+      "name": "list-view",
															
 
																+      "font_class": "list-view",
															
 
																+      "unicode": "e6e7",
															
 
																+      "unicode_decimal": 59111
															
 
																+    },
															
 
																+    {
															
 
																+      "icon_id": "23781429",
															
 
																+      "name": "video",
															
 
																+      "font_class": "video1",
															
 
																+      "unicode": "e63b",
															
 
																+      "unicode_decimal": 58939
															
 
																+    },
															
 
																+    {
															
 
																+      "icon_id": "30948192",
															
 
																+      "name": "order",
															
 
																+      "font_class": "order",
															
 
																+      "unicode": "e6dd",
															
 
																+      "unicode_decimal": 59101
															
 
																+    },
															
 
																+    {
															
 
																+      "icon_id": "31365069",
															
 
																+      "name": "pin",
															
 
																+      "font_class": "pin1",
															
 
																+      "unicode": "e6e3",
															
 
																+      "unicode_decimal": 59107
															
 
																+    },
															
 
																+    {
															
 
																+      "icon_id": "25631400",
															
 
																+      "name": "nav-measure",
															
 
																+      "font_class": "nav-measure",
															
 
																+      "unicode": "e64a",
															
 
																+      "unicode_decimal": 58954
															
 
																+    },
															
 
																+    {
															
 
																+      "icon_id": "26077352",
															
 
																+      "name": "v-l",
															
 
																+      "font_class": "v-l",
															
 
																+      "unicode": "e66f",
															
 
																+      "unicode_decimal": 58991
															
 
																+    },
															
 
																+    {
															
 
																+      "icon_id": "26077353",
															
 
																+      "name": "h-r",
															
 
																+      "font_class": "h-r",
															
 
																+      "unicode": "e670",
															
 
																+      "unicode_decimal": 58992
															
 
																+    },
															
 
																+    {
															
 
																+      "icon_id": "26077356",
															
 
																+      "name": "f-l",
															
 
																+      "font_class": "f-l",
															
 
																+      "unicode": "e673",
															
 
																+      "unicode_decimal": 58995
															
 
																+    },
															
 
																+    {
															
 
																+      "icon_id": "25631464",
															
 
																+      "name": "search",
															
 
																+      "font_class": "search",
															
 
																+      "unicode": "e64c",
															
 
																+      "unicode_decimal": 58956
															
 
																+    },
															
 
																+    {
															
 
																+      "icon_id": "27765016",
															
 
																+      "name": "left",
															
 
																+      "font_class": "left1",
															
 
																+      "unicode": "e6ae",
															
 
																+      "unicode_decimal": 59054
															
 
																+    },
															
 
																+    {
															
 
																+      "icon_id": "27765017",
															
 
																+      "name": "right",
															
 
																+      "font_class": "right",
															
 
																+      "unicode": "e6af",
															
 
																+      "unicode_decimal": 59055
															
 
																+    },
															
 
																+    {
															
 
																+      "icon_id": "22132762",
															
 
																+      "name": "state_e",
															
 
																+      "font_class": "state_e",
															
 
																+      "unicode": "e624",
															
 
																+      "unicode_decimal": 58916
															
 
																+    },
															
 
																+    {
															
 
																+      "icon_id": "22132763",
															
 
																+      "name": "state_f",
															
 
																+      "font_class": "state_f",
															
 
																+      "unicode": "e625",
															
 
																+      "unicode_decimal": 58917
															
 
																+    },
															
 
																+    {
															
 
																+      "icon_id": "22132764",
															
 
																+      "name": "state_s",
															
 
																+      "font_class": "state_s",
															
 
																+      "unicode": "e626",
															
 
																+      "unicode_decimal": 58918
															
 
																+    },
															
 
																+    {
															
 
																+      "icon_id": "22099675",
															
 
																+      "name": "eye-n",
															
 
																+      "font_class": "eye-n",
															
 
																+      "unicode": "e621",
															
 
																+      "unicode_decimal": 58913
															
 
																+    },
															
 
																+    {
															
 
																+      "icon_id": "22099676",
															
 
																+      "name": "eye-s",
															
 
																+      "font_class": "eye-s",
															
 
																+      "unicode": "e622",
															
 
																+      "unicode_decimal": 58914
															
 
																+    },
															
 
																+    {
															
 
																+      "icon_id": "11304931",
															
 
																+      "name": "more read",
															
 
																+      "font_class": "more",
															
 
																+      "unicode": "e600",
															
 
																+      "unicode_decimal": 58880
															
 
																+    },
															
 
																+    {
															
 
																+      "icon_id": "25764812",
															
 
																+      "name": "element",
															
 
																+      "font_class": "element",
															
 
																+      "unicode": "e666",
															
 
																+      "unicode_decimal": 58982
															
 
																+    },
															
 
																+    {
															
 
																+      "icon_id": "27032625",
															
 
																+      "name": "extend",
															
 
																+      "font_class": "extend",
															
 
																+      "unicode": "e690",
															
 
																+      "unicode_decimal": 59024
															
 
																+    },
															
 
																+    {
															
 
																+      "icon_id": "27032630",
															
 
																+      "name": "shrink",
															
 
																+      "font_class": "shrink",
															
 
																+      "unicode": "e691",
															
 
																+      "unicode_decimal": 59025
															
 
																+    },
															
 
																+    {
															
 
																+      "icon_id": "23773343",
															
 
																+      "name": "pause",
															
 
																+      "font_class": "pause",
															
 
																+      "unicode": "e636",
															
 
																+      "unicode_decimal": 58934
															
 
																+    },
															
 
																+    {
															
 
																+      "icon_id": "23773344",
															
 
																+      "name": "preview",
															
 
																+      "font_class": "preview",
															
 
																+      "unicode": "e63a",
															
 
																+      "unicode_decimal": 58938
															
 
																+    },
															
 
																+    {
															
 
																+      "icon_id": "23781433",
															
 
																+      "name": "clear",
															
 
																+      "font_class": "clear",
															
 
																+      "unicode": "e63f",
															
 
																+      "unicode_decimal": 58943
															
 
																+    },
															
 
																+    {
															
 
																+      "icon_id": "29255507",
															
 
																+      "name": "play_stop",
															
 
																+      "font_class": "play_stop",
															
 
																+      "unicode": "e6b4",
															
 
																+      "unicode_decimal": 59060
															
 
																+    },
															
 
																+    {
															
 
																+      "icon_id": "30499411",
															
 
																+      "name": "transparency",
															
 
																+      "font_class": "transparency",
															
 
																+      "unicode": "e6d7",
															
 
																+      "unicode_decimal": 59095
															
 
																+    },
															
 
																+    {
															
 
																+      "icon_id": "22099518",
															
 
																+      "name": "pull-down",
															
 
																+      "font_class": "pull-down",
															
 
																+      "unicode": "e61d",
															
 
																+      "unicode_decimal": 58909
															
 
																+    },
															
 
																+    {
															
 
																+      "icon_id": "22099519",
															
 
																+      "name": "pull-up",
															
 
																+      "font_class": "pull-up",
															
 
																+      "unicode": "e61e",
															
 
																+      "unicode_decimal": 58910
															
 
																+    },
															
 
																+    {
															
 
																+      "icon_id": "23773068",
															
 
																+      "name": "add",
															
 
																+      "font_class": "add",
															
 
																+      "unicode": "e631",
															
 
																+      "unicode_decimal": 58929
															
 
																+    },
															
 
																+    {
															
 
																+      "icon_id": "23773070",
															
 
																+      "name": "close",
															
 
																+      "font_class": "close",
															
 
																+      "unicode": "e633",
															
 
																+      "unicode_decimal": 58931
															
 
																+    },
															
 
																+    {
															
 
																+      "icon_id": "26621105",
															
 
																+      "name": "pin",
															
 
																+      "font_class": "pin",
															
 
																+      "unicode": "e67c",
															
 
																+      "unicode_decimal": 59004
															
 
																+    },
															
 
																+    {
															
 
																+      "icon_id": "26625827",
															
 
																+      "name": "flip",
															
 
																+      "font_class": "flip",
															
 
																+      "unicode": "e67e",
															
 
																+      "unicode_decimal": 59006
															
 
																+    },
															
 
																+    {
															
 
																+      "icon_id": "26625859",
															
 
																+      "name": "move",
															
 
																+      "font_class": "move",
															
 
																+      "unicode": "e680",
															
 
																+      "unicode_decimal": 59008
															
 
																+    },
															
 
																+    {
															
 
																+      "icon_id": "23773069",
															
 
																+      "name": "del",
															
 
																+      "font_class": "del",
															
 
																+      "unicode": "e632",
															
 
																+      "unicode_decimal": 58930
															
 
																+    },
															
 
																+    {
															
 
																+      "icon_id": "23842269",
															
 
																+      "name": "sel",
															
 
																+      "font_class": "checkbox",
															
 
																+      "unicode": "e649",
															
 
																+      "unicode_decimal": 58953
															
 
																+    },
															
 
																+    {
															
 
																+      "icon_id": "27200779",
															
 
																+      "name": "nor",
															
 
																+      "font_class": "nor",
															
 
																+      "unicode": "e696",
															
 
																+      "unicode_decimal": 59030
															
 
																+    },
															
 
																+    {
															
 
																+      "icon_id": "31132312",
															
 
																+      "name": "joint",
															
 
																+      "font_class": "joint",
															
 
																+      "unicode": "e6e0",
															
 
																+      "unicode_decimal": 59104
															
 
																+    },
															
 
																+    {
															
 
																+      "icon_id": "31132318",
															
 
																+      "name": "path",
															
 
																+      "font_class": "path",
															
 
																+      "unicode": "e6e1",
															
 
																+      "unicode_decimal": 59105
															
 
																+    },
															
 
																+    {
															
 
																+      "icon_id": "31132319",
															
 
																+      "name": "label",
															
 
																+      "font_class": "label",
															
 
																+      "unicode": "e6e2",
															
 
																+      "unicode_decimal": 59106
															
 
																+    },
															
 
																+    {
															
 
																+      "icon_id": "30885164",
															
 
																+      "name": "case",
															
 
																+      "font_class": "case",
															
 
																+      "unicode": "e6da",
															
 
																+      "unicode_decimal": 59098
															
 
																+    },
															
 
																+    {
															
 
																+      "icon_id": "30885165",
															
 
																+      "name": "scene",
															
 
																+      "font_class": "scene",
															
 
																+      "unicode": "e6db",
															
 
																+      "unicode_decimal": 59099
															
 
																+    }
															
 
																+  ]
															
 
																+}
															
--- a/src/assets/icon/fuse/iconfont.ttf
+++ b/src/assets/icon/fuse/iconfont.ttf
--- a/src/assets/icon/fuse/iconfont.woff
+++ b/src/assets/icon/fuse/iconfont.woff
--- a/src/assets/icon/fuse/iconfont.woff2
+++ b/src/assets/icon/fuse/iconfont.woff2
--- a/src/assets/image/arrow.png
+++ b/src/assets/image/arrow.png
--- a/src/assets/image/arrow.svg
+++ b/src/assets/image/arrow.svg
@@ -0,0 +1,8 @@
 
																+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
															
 
																+	<title>
															
 
																+		Artboard-12
															
 
																+	</title>
															
 
																+	<g id="Up-3" data-name="Up">
															
 
																+		<path d="M19.707,9.293l-7-7a1,1,0,0,0-1.414,0l-7,7A1,1,0,0,0,5,11H8V21a1,1,0,0,0,1,1h6a1,1,0,0,0,1-1V11h3a1,1,0,0,0,.707-1.707Z" style="fill:#e44d54" />
															
 
																+	</g>
															
 
																+</svg>
															
--- a/src/assets/image/arrow_active.svg
+++ b/src/assets/image/arrow_active.svg
@@ -0,0 +1,8 @@
 
																+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
															
 
																+	<title>
															
 
																+		Artboard-12
															
 
																+	</title>
															
 
																+	<g id="Up-3" data-name="Up">
															
 
																+		<path d="M19.707,9.293l-7-7a1,1,0,0,0-1.414,0l-7,7A1,1,0,0,0,5,11H8V21a1,1,0,0,0,1,1h6a1,1,0,0,0,1-1V11h3a1,1,0,0,0,.707-1.707Z" style="fill:#95d475" />
															
 
																+	</g>
															
 
																+</svg>
															
--- a/src/assets/image/close.png
+++ b/src/assets/image/close.png
--- a/src/assets/image/code.png
+++ b/src/assets/image/code.png
--- a/src/assets/image/criminal-32.png
+++ b/src/assets/image/criminal-32.png
--- a/src/assets/image/criminal.ico
+++ b/src/assets/image/criminal.ico
--- a/src/assets/image/criminalBanner.png
+++ b/src/assets/image/criminalBanner.png
--- a/src/assets/image/decoration_collect@2x.png
+++ b/src/assets/image/decoration_collect@2x.png
--- a/src/assets/image/edit_type_panorama.png
+++ b/src/assets/image/edit_type_panorama.png
--- a/src/assets/image/empty__empty.png
+++ b/src/assets/image/empty__empty.png
--- a/src/assets/image/fire.ico
+++ b/src/assets/image/fire.ico
--- a/src/assets/image/fireBanner.png
+++ b/src/assets/image/fireBanner.png
--- a/src/assets/image/goto.png
+++ b/src/assets/image/goto.png
--- a/src/assets/image/home_bg.png
+++ b/src/assets/image/home_bg.png
--- a/src/assets/image/icon_add.png
+++ b/src/assets/image/icon_add.png
--- a/src/assets/image/img_login_logo.png
+++ b/src/assets/image/img_login_logo.png
--- a/src/assets/image/img_loginbg.png
+++ b/src/assets/image/img_loginbg.png
--- a/src/assets/image/img_loginbg1.png
+++ b/src/assets/image/img_loginbg1.png
--- a/src/assets/image/img_loginbg2.png
+++ b/src/assets/image/img_loginbg2.png
--- a/src/assets/image/jmfirebg@2x.png
+++ b/src/assets/image/jmfirebg@2x.png
--- a/src/assets/image/jmlogo.png
+++ b/src/assets/image/jmlogo.png