ui重写

.browserslistrc

@@ -0,0 +1,3 @@
+> 1%
+last 2 versions
+not dead

.env.development

@@ -0,0 +1,3 @@
+NODE_ENV='development'
+VUE_APP_BASE_URL = '/'
+VUE_APP_ENV_DESC = '开发环境'

.env.prod

@@ -0,0 +1,3 @@
+NODE_ENV='production'
+VUE_APP_BASE_URL = 'http://101.133.214.75:81/api'
+VUE_APP_ENV_DESC = '正式环境'

.env.test

@@ -0,0 +1,3 @@
+NODE_ENV='test'
+VUE_APP_BASE_URL = '/'
+VUE_APP_ENV_DESC = '测试环境'

.eslintrc.js

@@ -0,0 +1,17 @@
+module.exports = {
+  root: true,
+  env: {
+    node: true
+  },
+  'extends': [
+    'plugin:vue/vue3-essential',
+    'eslint:recommended'
+  ],
+  parserOptions: {
+    parser: 'babel-eslint'
+  },
+  rules: {
+    'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
+    'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off'
+  }
+}

.gitignore

@@ -0,0 +1,24 @@
+.DS_Store
+node_modules
+/dist
+MH*
+
+# local env files
+.env.local
+.env.*.local
+.history
+# Log files
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+
+# Editor directories and files
+.idea
+.vscode
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
+package-lock.json

README.md

@@ -0,0 +1,36 @@
+# 闵行大屏项目
+
+## node-module插件模块引入
+```
+npm install
+```
+
+### 运行
+```
+npm run serve
+```
+
+### 打包
+```
+npm run build
+```
+
+### 不同环境打包，对应根目录.env-文件配置
+development开发环境
+```
+npm run build:dev
+```
+prod发布环境
+```
+npm run build:prod
+```
+test测试环境
+```
+npm run build:test
+```
+### 修改高德和大数据地图切换
+See 1、修改html页面引入路径
+2、修改vue.config.js中configureWebpack全局变量配置
+3、修改每个mixins中map路径为大数据/高德对应引入文件.
+4、1920下 1rem=80px
+

babel.config.js

@@ -0,0 +1,5 @@
+module.exports = {
+  presets: [
+    '@vue/cli-plugin-babel/preset'
+  ]
+}

balbel.babelrc

@@ -0,0 +1,13 @@
+{
+  "presets": [
+    ["env"],
+    "stage-2"
+  ],
+  "comments": false,
+  "env": {
+    "test": {
+      "presets": ["env", "stage-2"],
+      "plugins": [ "istanbul" ]
+    }
+  }
+}

package.json

@@ -0,0 +1,52 @@
+{
+    "name": "fire-mh",
+    "version": "0.1.0",
+    "private": true,
+    "scripts": {
+        "serve": "vue-cli-service serve",
+        "build:dev": "vue-cli-service build --mode dev",
+        "build:prod": "vue-cli-service build --mode prod",
+        "build:test": "vue-cli-service build --mode test",
+        "build": "vue-cli-service build",
+        "lint": "vue-cli-service lint"
+    },
+    "dependencies": {
+        "@videojs/http-streaming": "^2.12.0",
+        "axios": "^0.21.1",
+        "core-js": "^3.6.5",
+        "echarts": "^5.1.1",
+        "echarts-gl": "^2.0.4",
+        "echarts-liquidfill": "^3.0.0",
+        "echarts-wordcloud": "^2.0.0",
+        "element-plus": "^1.0.2-beta.54",
+        "flv.js": "^1.6.2",
+        "hls": "0.0.1",
+        "react-native-webview": "^11.15.0",
+        "videojs-contrib-hls": "^5.15.0",
+        "videojs-flash": "^2.2.1",
+        "vue": "^3.0.11",
+        "vue-amap": "^0.5.10",
+        "vue-router": "^4.0.0-0",
+        "vue-video-player": "^5.0.2",
+        "vuedraggable": "^2.24.3",
+        "vuex": "^4.0.0-0"
+    },
+    "devDependencies": {
+        "@amap/amap-jsapi-loader": "^1.0.1",
+        "@types/lodash": "^4.14.172",
+        "@vue/cli-plugin-babel": "~4.5.0",
+        "@vue/cli-plugin-eslint": "~4.5.0",
+        "@vue/cli-plugin-router": "~4.5.0",
+        "@vue/cli-plugin-vuex": "~4.5.0",
+        "@vue/cli-service": "~4.5.0",
+        "@vue/compiler-sfc": "^3.0.11",
+        "babel-eslint": "^10.1.0",
+        "eslint": "^6.7.2",
+        "eslint-plugin-vue": "^7.0.0",
+        "node-sass": "^4.12.0",
+        "sass-loader": "^8.0.2",
+        "sass-resources-loader": "^2.2.1",
+        "terser-webpack-plugin": "^5.1.3",
+        "vue-cli-plugin-element-plus": "0.0.13"
+    }
+}

proxy-dev.js

@@ -0,0 +1,25 @@
+'use strict'
+// 跨域请求设置，可配置多个
+module.exports = {
+    table: {
+        '/': {
+            target: 'http://101.133.214.75:81/api',
+            //target: 'http://101.133.214.75',
+            // target: 'http://172.200.50.17:8083',
+            //target: 'http://120.55.70.156/api',
+
+
+            //target: 'http://172.16.120.104:8083', //本地
+            //target: 'http://32.0.15.107:8080/api/', //闵行
+            //target: 'http://172.200.50.85:8080/api/', //闵行杨强
+
+            ws: true, // 代理websockets
+            changeOrigin: true,
+            pathRewrite: { '': '/' } // '^/api' 是一个正则表达式，作用：将 /api 提换成为 /
+        },
+    },
+    // 本地配置ip访问（手机可通过IP访问），需要修改成本地Ip地址
+    localhost: '172.200.50.18',
+    //localhost: '172.16.120.200',
+    port: '3000',
+}

proxy-pro.js

@@ -0,0 +1,15 @@
+'use strict'
+// 跨域请求设置，可配置多个
+module.exports = {
+    table: [{
+        context: ['/'],
+        //target: 'http://32.0.15.107:8080/api/',
+        target: 'http://101.133.214.75:81/api',
+
+        changeOrigin: true,
+        pathRewrite: { '': '/' }, // '^/api' 是一个正则表达式，作用：将 /api 提换成为 /
+
+
+    }, ],
+    // 本地配置ip访问（手机可通过IP访问），需要修改成本地Ip地址
+}

public/index.html

@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html lang="">
+
+<head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width,initial-scale=1.0">
+    <link rel="icon" href="<%= BASE_URL %>favicon.ico">
+    <title>
+        <%= htmlWebpackPlugin.options.title %>
+    </title>
+    <!-- 高德地图 -->
+    <script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.15&key=8e266e1ac2ad2383c7773ff504ac248f"></script>
+    <script type="text/javascript" src="//webapi.amap.com/ui/1.1/main.js"></script>
+    <!-- 大数据地图 -->
+    <!-- <script src="http://gis.dcp.shmh.gov.cn/mh_map/js/index_v1.0.js"></script> -->
+</head>
+
+<body>
+    <noscript>
+      <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
+    </noscript>
+    <div id="app"></div>
+    <!-- built files will be auto injected -->
+</body>
+
+</html>

src/App.vue

@@ -0,0 +1,51 @@
+<template>
+  <div id="app">
+    <header>
+      <heads class="headS" ></heads>
+    </header>
+    <div class="viewContent">
+      <keep-alive>
+        <router-view></router-view>
+      </keep-alive>
+    </div>
+    <timeSelect></timeSelect>
+  </div>
+</template>
+
+<script>
+import heads from "@v/head";
+import timeSelect from "@v/time-select";
+export default {
+  components: { heads, timeSelect },
+  name: "App",
+  data() {
+    return {};
+  },
+  mounted() {},
+  methods() {},
+};
+</script>
+
+<style lang='scss'>
+#app {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  // background-color: #ccc;
+}
+</style>
+<style lang='scss' scoped >
+#app {
+  .headS {
+    width:100%;
+  }
+  .viewContent {
+    flex: 1;
+    box-sizing: border-box;
+    overflow: hidden;
+  }
+}
+
+
+</style>

src/assets/font/index.scss

@@ -0,0 +1,27 @@
+@font-face {
+    font-family: "DS";
+    src: url(./DS-DIGI.TTF);
+    font-weight: normal;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: "DS-B";
+    src: url(./DS-DIGIB.TTF);
+    font-weight: normal;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: "DS-BB";
+    src: url(./DS-DIGII.TTF);
+    font-weight: normal;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: "DS-BS";
+    src: url(./DS-DIGITS.TTF);
+    font-weight: normal;
+    font-style: normal;
+}

src/assets/icon/iconfont.css

@@ -0,0 +1,37 @@
+@font-face {
+    font-family: "iconfont";
+    /* Project id 2755069 */
+    src: url('./iconfont.woff2?t=1629361024839') format('woff2'), url('./iconfont.woff?t=1629361024839') format('woff'), url('./iconfont.ttf?t=1629361024839') format('truetype');
+}
+
+.iconfont {
+    font-family: "iconfont" !important;
+    font-size: 16px;
+    font-style: normal;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+}
+
+.icon-xiajiantou-:before {
+    content: "\e630";
+}
+
+.icon-arrowTop-fill:before {
+    content: "\e65d";
+}
+
+.icon-jiuyuan:before {
+    content: "\e61a";
+}
+
+.icon-icon-test:before {
+    content: "\e6e7";
+}
+
+.icon-nav_icon_bjgl_spe:before {
+    content: "\e601";
+}
+
+.icon-minzhengtubiao1-08:before {
+    content: "\e637";
+}

src/assets/icon/iconfont.json

@@ -0,0 +1,51 @@
+{
+  "id": "2755069",
+  "name": "闵行",
+  "font_family": "iconfont",
+  "css_prefix_text": "icon-",
+  "description": "",
+  "glyphs": [
+    {
+      "icon_id": "7678915",
+      "name": "下箭头-3",
+      "font_class": "xiajiantou-",
+      "unicode": "e630",
+      "unicode_decimal": 58928
+    },
+    {
+      "icon_id": "14835600",
+      "name": "上箭头",
+      "font_class": "arrowTop-fill",
+      "unicode": "e65d",
+      "unicode_decimal": 58973
+    },
+    {
+      "icon_id": "479412",
+      "name": "救援",
+      "font_class": "jiuyuan",
+      "unicode": "e61a",
+      "unicode_decimal": 58906
+    },
+    {
+      "icon_id": "1810277",
+      "name": "火",
+      "font_class": "icon-test",
+      "unicode": "e6e7",
+      "unicode_decimal": 59111
+    },
+    {
+      "icon_id": "17739976",
+      "name": "报警管理实心",
+      "font_class": "nav_icon_bjgl_spe",
+      "unicode": "e601",
+      "unicode_decimal": 58881
+    },
+    {
+      "icon_id": "19474834",
+      "name": "社会救助_fill",
+      "font_class": "minzhengtubiao1-08",
+      "unicode": "e637",
+      "unicode_decimal": 58935
+    }
+  ]
+}

src/assets/img/icon/hz.svg

@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 23.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 20 20" style="enable-background:new 0 0 20 20;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#FF3838;}
+</style>
+<path class="st0" d="M7.8,19.69c0,0-9.42-1.89-5.21-11.28c0,0,0.96,1.04,0.82,1.54c0,0,0.75-2.37,2.37-3.78
+	c1.39-1.22,2.8-4.63,1.5-5.87c0,0,6.45,1.24,7.17,7.41c0,0,0.82-1.97,2.52-2.16c0,0-0.52,1.08,0,2.7c0,0,5.34,8.34-3.86,11.16
+	c0,0,2.76-2.86-3.09-7.76c0,0-1.38,2.63-2.2,3.55C7.8,15.21,5.49,17.57,7.8,19.69z"/>
+</svg>

src/assets/img/icon/jy.svg

@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 23.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 20 20" style="enable-background:new 0 0 20 20;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#02FF26;}
+</style>
+<path class="st0" d="M4.29,8.99L4.16,9.11c0,0-0.81,0.79,0.45,2.26c0.12,0.14,1.23,0.99,0.95,1.36c-0.24,0.32-1.26-0.85-1.45-1
+	c-1.02-0.8-1.09-1.39-1.08-1.39V5.91c0,0-0.24-1.17-1.27-1.02c-1.39,0.2-1.27,1.37-1.27,1.37v4.77c0.14,2.95,4.44,5.45,4.44,5.45
+	v3.41h4.44V14.1C8.76,13.41,6.2,9.33,6.2,9.33S5.07,8.27,4.29,8.99z M14.73,3.26c0.19-1.72-1.02-3.07-2.36-3.15
+	c-1.34-0.07-2.36,1.43-2.36,1.43s-1.02-1.5-2.37-1.43C6.29,0.18,5.08,1.54,5.27,3.26c0.19,1.72,2.64,4.5,4.74,5.72
+	C12.11,7.76,14.54,4.98,14.73,3.26z M18.24,4.9c-1.03-0.15-1.27,1.02-1.27,1.02v4.43c0.01,0-0.07,0.58-1.08,1.39
+	c-0.19,0.15-1.22,1.32-1.45,1c-0.28-0.38,0.83-1.23,0.95-1.36c1.26-1.46,0.53-2.17,0.53-2.17s-0.07-0.09-0.21-0.21
+	c-0.92-0.78-1.9,0.34-1.9,0.34s-2.56,4.08-3.17,4.77v5.79h4.44v-3.41c0,0,4.29-2.5,4.44-5.45V6.27C19.51,6.27,19.63,5.09,18.24,4.9z
+	"/>
+</svg>

src/assets/img/icon/qx.svg

@@ -0,0 +1,33 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 23.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 20 20" style="enable-background:new 0 0 20 20;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#FFCA13;}
+</style>
+<g>
+	<g>
+		<path class="st0" d="M5.96,8.81c0.33,0.01,0.6-0.08,0.88-0.25C9.41,7.04,11.99,5.53,14.56,4c0.15-0.09,0.3-0.18,0.41-0.3
+			c0.27-0.3,0.27-0.73,0.02-1.06c-0.22-0.29-0.65-0.39-0.99-0.22c-0.32,0.16-0.62,0.35-0.93,0.53C10.23,4.63,7.38,6.32,4.53,8
+			c-0.43,0.26-0.87,0.51-1.3,0.77c0,0.01,0.01,0.03,0.01,0.04C4.15,8.81,5.05,8.8,5.96,8.81z M19.11,13.84v-0.22
+			c0-1.29,0.01-2.57-0.01-3.86c0-0.17-0.05-0.36-0.14-0.5c-0.43-0.72-0.88-1.42-1.32-2.13c-0.11-0.18-0.27-0.26-0.48-0.26
+			c-1.91,0-3.82,0-5.73,0c-0.37,0-0.52,0.15-0.52,0.53c0,0.61,0,1.23,0,1.84c0,0.07-0.01,0.13-0.01,0.21h-0.25
+			c-3.06,0-6.13,0-9.19,0c-0.06,0-0.13,0-0.19,0C1.11,9.48,0.96,9.58,0.93,9.74c-0.04,0.22-0.04,0.45-0.06,0.7h0.53v1.82H0.89v1.59
+			c-0.31-0.05-0.54,0.03-0.7,0.29v1.19c0.13,0.25,0.34,0.32,0.62,0.31c0.48-0.02,0.97,0,1.46-0.01c0.12,0,0.17,0.03,0.2,0.16
+			c0.2,1.07,1.13,1.83,2.25,1.86c1,0.02,1.95-0.74,2.19-1.75c0.07-0.27,0.07-0.28,0.35-0.28c2.07,0,4.14,0,6.21,0
+			c0.02,0,0.05,0.01,0.08,0.01c0.1,0.61,0.37,1.11,0.84,1.5c1.03,0.87,2.68,0.59,3.36-0.58c0.13-0.23,0.22-0.5,0.3-0.76
+			c0.04-0.12,0.07-0.17,0.2-0.16c0.32,0.01,0.64-0.01,0.96,0.01c0.28,0.02,0.49-0.07,0.62-0.31v-1.19
+			C19.66,13.87,19.41,13.81,19.11,13.84z M2.69,12.25v-1.81h1.38v1.81H2.69z M4.7,16.32c-0.52,0.01-0.95-0.42-0.95-0.95
+			c0-0.01,0.01-0.02,0.01-0.04c0,0,0,0,0,0c0.01-0.26,0.11-0.49,0.28-0.66c0.01-0.01,0.03-0.02,0.05-0.03
+			c0.08-0.06,0.15-0.12,0.25-0.16c0.11-0.05,0.24-0.07,0.37-0.07c0.13,0,0.26,0.03,0.37,0.07c0.09,0.04,0.17,0.1,0.25,0.16
+			c0.01,0.01,0.03,0.02,0.05,0.03c0.17,0.17,0.28,0.41,0.28,0.68C5.65,15.9,5.24,16.31,4.7,16.32z M6.74,12.25H5.35v-1.78h1.38
+			V12.25z M8.02,12.25v-1.8c0.44,0,0.87,0,1.3,0.01c0.04,0,0.1,0.08,0.1,0.12c0.01,0.56,0,1.11,0,1.68H8.02z M12.08,12.25h-1.38
+			v-1.8h1.38V12.25z M15.8,16.33c-0.53,0-0.95-0.43-0.94-0.97c0-0.01,0-0.01,0-0.02c0,0,0,0,0,0c0.01-0.26,0.11-0.49,0.28-0.66
+			c0.02-0.01,0.04-0.02,0.05-0.04c0.07-0.06,0.15-0.12,0.24-0.16c0.11-0.05,0.24-0.07,0.37-0.07c0.13,0,0.26,0.03,0.37,0.07
+			c0.09,0.04,0.17,0.1,0.25,0.16c0.01,0.01,0.03,0.02,0.04,0.03c0.18,0.17,0.28,0.42,0.28,0.7C16.74,15.91,16.33,16.33,15.8,16.33z
+			 M17.55,11.19c-0.52,0-1.05,0-1.57,0c-0.5,0-1,0-1.49,0c-0.35,0-0.46-0.1-0.46-0.45c0-0.79,0-1.57,0-2.36
+			c0-0.32,0.11-0.44,0.43-0.44c0.73,0,1.47,0,2.2,0c0.18,0,0.32,0.05,0.43,0.23c0.24,0.39,0.5,0.77,0.74,1.17
+			c0.06,0.09,0.09,0.21,0.09,0.32c0.01,0.39,0.01,0.78,0,1.17C17.93,11.07,17.81,11.19,17.55,11.19z"/>
+	</g>
+</g>
+</svg>