滑动

.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 = ''
+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,57 @@
+# 闵行大屏项目
+### 文档（吉超博）
+### https://docs.apipost.cn/preview/61b2861af42252f6/a453b7fa01ec4c0f?target_id=2c54712b-9b38-4642-b3a9-7205d58072ca
+### 地图 https://docs.qq.com/doc/p/45a9e62baebdf0205ee8e062dc788a6ab99f9386?pub=1&dver=2.1.0
+## node-module插件模块引入
+
+### 坐标系
+我们通常用经纬度来表示一个地理位置，但是由于一些原因，我们从不同渠道得到的经纬度信息可能并不是在同一个坐标系下。
+
+高德地图、腾讯地图以及谷歌中国区地图使用的是GCJ-02坐标系
+百度地图使用的是BD-09坐标系
+底层接口(HTML5 Geolocation或ios、安卓API)通过GPS设备获取的坐标使用的是WGS-84坐标系
+不同的坐标系之间可能有几十到几百米的偏移，所以在开发基于地图的产品，或者做地理数据可视化时，我们需要修正不同坐标系之间的偏差。
+
+WGS-84 - 世界大地测量系统
+WGS-84（World Geodetic System, WGS）是使用最广泛的坐标系，也是世界通用的坐标系，GPS设备得到的经纬度就是在WGS84坐标系下的经纬度。通常通过底层接口得到的定位信息都是WGS84坐标系。
+
+GCJ-02 - 国测局坐标
+GCJ-02（G-Guojia国家，C-Cehui测绘，J-Ju局），又被称为火星坐标系，是一种基于WGS-84制定的大地测量系统，由中国国测局制定。此坐标系所采用的混淆算法会在经纬度中加入随机的偏移。
+
+国家规定，中国大陆所有公开地理数据都需要至少用GCJ-02进行加密，也就是说我们从国内公司的产品中得到的数据，一定是经过了加密的。绝大部分国内互联网地图提供商都是使用GCJ-02坐标系，包括高德地图，谷歌地图中国区等。
+BD-09 - 百度坐标系
+BD-09（Baidu, BD）是百度地图使用的地理坐标系，其在GCJ-02上多增加了一次变换，用来保护用户隐私。从百度产品中得到的坐标都是BD-09坐标系。
+```
+npm install
+```
+
+### 运行
+```
+npm run serve
+```
+
+### 打包
+```
+npm run build
+```
+
+### 不同环境打包，对应根目录.env-文件配置
+development开发环境
+```
+npm run build:dev
+```
+prod发布环境
+```
+npm run build:prod
+```
+test测试环境
+```
+npm run build:test
+```
+# 修改高德和大数据地图切换
+## 闵行地图文档
+### https://docs.qq.com/doc/p/45a9e62baebdf0205ee8e062dc788a6ab99f9386?dver=2.1.0
+See 1、修改html页面引入路径
+2、修改vue.config.js中configureWebpack全局变量配置
+3、修改每个mixins中map路径为大数据/高德对应引入文件.
+

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,57 @@
+{
+    "name": "fire-mh",
+    "version": "0.1.0",
+    "private": true,
+    "scripts": {
+        "dev": "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",
+        "dayjs": "^1.11.6",
+        "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",
+        "hls.js": "^1.2.5",
+        "pinia": "^2.0.23",
+        "querystring": "^0.2.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-seamless-scroll": "^1.1.23",
+        "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": "^6.0.1",
+        "sass-loader": "^10.4.1",
+        "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,71 @@
+/*
+ * @Descripttion: 
+ * @version: 
+ * @Author: wt
+ * @Date: 2023-01-29 13:14:08
+ * @LastEditors: wt
+ * @LastEditTime: 2023-04-14 19:25:59
+ */
+"use strict";
+// 跨域请求设置，可配置多个
+module.exports = {
+    port: 81,
+    //localhost: '172.16.120.200',
+    // 本地配置ip访问（手机可通过IP访问），需要修改成本地Ip地址
+    localhost: "172.200.50.18",
+    table: {
+        "/prod-api": {
+            // target: 'http://32.0.15.107:8080/prod-api', //线上-107测试服务器
+            target: "http://park.usky.cn/prod-api", //线上-20正式服务器
+            //     target: 'http://172.16.120.165:801/dev-api', //165
+            //     target: 'http://32.0.15.107:8080/api/', //闵行线上发布时
+            //     ws: true, // 代理websockets
+            changeOrigin: true,
+            pathRewrite: {
+                //'^/api1' 是一个正则表达式，作用：将 /api1 提换成为 /
+                "^/prod-api": "/",
+            },
+        },
+        "/api": { //和mhapi互换
+            // 原有api
+            //     target: 'http://32.0.15.107:8080/api/', //杨强闵行
+            target: 'http://32.0.15.107:8080/api',
+            ws: true, // 代理websockets
+            changeOrigin: true,
+            pathRewrite: {
+                //'^/api' 是一个正则表达式，作用：将 /api 提换成为 /
+                "^/api": "/",
+            },
+        },
+        // "/mhapi": {//和api互换
+        //     // target: "http://172.16.120.165:13200/mhapi", //165
+        //     // target: "http://park.usky.cn/mhapi", //20
+        //     target: "http://32.0.15.107:8080/mhapi", //107
+        //     ws: true, // 代理websockets
+        //     changeOrigin: true,
+        //     pathRewrite: {
+        //         //'^/api4' 是一个正则表达式，作用：将 /api4 提换成为 /
+        //         "^/mhapi": "/",
+        //     },
+        "/video-api": {
+            // 执法仪视频
+            target: "http://10.107.31.215:50080/video-api",
+            ws: true, // 代理websockets
+            changeOrigin: true,
+            pathRewrite: {
+                //'^/api' 是一个正则表达式，作用：将 /api 提换成为 /
+                "^/video-api": "/",
+            },
+        },
+        "/video": {
+            // 执法仪视频
+            target: "http://32.0.15.107:8080/video-api",
+            ws: true, // 代理websockets
+            changeOrigin: true,
+            pathRewrite: {
+                //'^/api' 是一个正则表达式，作用：将 /api 提换成为 /
+                "^/video": "/",
+            },
+        },
+    }
+};

public/index.html

@@ -0,0 +1,38 @@
+<!--
+ * @Descripttion: 
+ * @version: 
+ * @Author: wt
+ * @Date: 2023-01-29 13:14:07
+ * @LastEditors: wt
+ * @LastEditTime: 2023-04-03 18:18:53
+-->
+<!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=2.0&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>
+</body>
+
+</html>

src/App.vue

@@ -0,0 +1,199 @@
+<template>
+  <div id="app">
+    <header>
+      <heads class="headS"></heads>
+    </header>
+    <div class="viewContent">
+      <!-- <keep-alive> -->
+                <router-view></router-view>
+      <!-- </keep-alive> -->
+      <timeSelect :select="select" />
+      <!-- <el-col  id="mapF"></el-col> -->
+    </div>
+    <div class="bg"></div>
+    
+
+    <transition name="el-fade-in-linear">
+        <!-- 普通弹框 -->
+      <div class="tableTooltipwt sadianTankang" v-show="stores.$state.arrayList.length > 0">
+        <img src="~@a/img/icon/close.png" alt="" class="close" @click="close" />
+        <el-row class="tableContent">
+          <el-col class="mk" v-for="li in stores.$state.arrayList" :key="li" v-show="li.title[1]">
+            <p v-show="li.title[1]">{{ li.title[0] }}</p>
+            <el-row>
+              <el-col v-for="ch in li.children" :key="ch" :span="ch[2]" v-show="li.title[1] && ch[1]">
+                <span class="color1">{{ ch[0] }}</span>
+                <span class="color2">{{ ch[1] }}</span>
+              </el-col>
+              <el-row style="margin-top: 10px" v-if="li.type">
+                        <iframe
+                        :src="li.url"
+                        allowfullscreen="true"
+                        style="width: 100%"
+                        ></iframe>
+                </el-row>
+            </el-row>
+          </el-col>
+        </el-row>
+      </div>
+    </transition>
+  </div>
+</template>
+
+<script>
+// import linstener from "@c/mixins/linstener";
+// import map from "@c/mixins/map-data1";
+import heads from "@v/head";
+import timeSelect from "@v/time-select";
+export default {
+  components: { heads, timeSelect },
+//   mixins: [linstener, map],
+  name: "App",
+  data() {
+    return {
+      stores: this.$useStore(),
+      baogao:false,
+      select:null
+    };
+  },
+  mounted() {
+
+  },
+  methods: {
+    /**
+     * 弹框关闭
+     */
+    close() {
+            setTimeout(()=>{
+                this.stores.$state.arrayList = [];
+            },1000)
+    },
+  },
+
+  computed: {
+    isFollow3() {
+      return this.stores.$state.tankuangXY; //需要监听撒点距离xy坐标
+    },
+  },
+
+  watch: {
+    $route(to, from) {
+      console.log(to,from)
+      if(to.fullPath == "/enforcement-dynamic"){
+        this.select = "jinyinian"
+      }else{
+        this.select = "dangyue"
+      }
+      // console.log(from.path); //从哪来
+      // console.log(to); //到哪去
+
+      if (this.stores.$state.leftBtn) {
+        this.stores.$state.leftBtn = true; //左侧收起按钮
+      }
+      if (this.stores.$state.leftBtn) {
+        this.stores.$state.rightBtn = true; //右侧收起按钮
+      }
+      if (this.stores.$state.streetTown) {
+        this.stores.$state.streetTown = ""; //街镇信息存储
+      }
+      if (this.stores.$state.tankuangXY) {
+        this.stores.$state.tankuangXY = {}; //撒点弹框坐标
+      }
+      if (this.stores.$state.arrayList) {
+        this.stores.$state.arrayList = []; //撒点弹框数据存储
+      }
+      if (this.stores.$state.mapSpotId) {
+        this.stores.$state.mapSpotId = ""; //地图撒点id
+      }
+    },
+    isFollow3(newVal) {
+//       let height = document.getElementsByClassName("tableTooltipwt")[0].clientHeight;
+//       document.getElementsByClassName("tableTooltipwt")[0].style.top = newVal.y - 100 + "px";
+//       document.getElementsByClassName("tableTooltipwt")[0].style.left = newVal.x - 2.4 * 80 + "px";
+    },
+  },
+};
+</script>
+
+<style lang="scss">
+#app {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  // background-color: #ccc;
+  overflow: hidden !important;
+//   white-space: nowrap !important;
+  text-overflow: ellipsis !important;
+}
+.bg{
+        width:100%;
+        height:100%;
+        position: absolute;
+        top:0;
+        left:0;
+        background: url("~@a/img/bg.png");
+        background-size: 100% 100%;
+        z-index: -1;
+        
+}
+</style>
+<style lang="scss" scoped>
+@import "@/assets/scss/color.scss";
+#app {
+  .headS {
+    width: 100%;
+  }
+  .viewContent {
+    flex: 1;
+    box-sizing: border-box;
+    overflow: hidden;
+    margin-top: -0.3125rem;
+  }
+}
+
+.tableTooltipwt {
+  width: 5rem;
+  background: transparent;
+  border-radius: 0.05rem;
+  box-shadow: inset 0 0 1px 0.0125rem rgba(115, 251, 253, 1);
+  background: rgba(0, 29, 49, 0.5);
+  font-size: 0.2rem;
+  padding: 0.1875rem;
+  position: fixed;
+  // top: 140px;
+  // right: 600px;
+  z-index: 10000;
+  .close {
+    width: 20px;
+    height: 20px;
+    position: absolute;
+    right: 10px;
+    top: 10px;
+    z-index: 10000;
+    display: block;
+  }
+  .tableContent {
+    p {
+      @include color_primary($color-primary1);
+    }
+
+    .el-col {
+      margin-top: 0.05rem;
+      line-height: 0.3rem;
+      text-overflow: ellipsis !important;
+      white-space: normal !important;
+    }
+    .mk {
+      margin-top: 0px;
+
+      .color1 {
+        @include color_primary($color-primary3);
+      }
+      .color2 {
+        @include color_primary($color-primary1);
+      }
+    }
+  }
+}
+</style>

src/assets/font/index.scss

@@ -0,0 +1,48 @@
+@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;
+}
+
+@font-face {
+    font-family: "DDP";
+    src: url(./DMFT1541427649707.TTF);
+    font-weight: normal;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: "syhtN";
+    src: url(./SourceHanSansCN-Normal_0.otf);
+    font-weight: normal;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: "syhtB";
+    src: url(./SourceHanSansCN-Bold_0.otf);
+    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-huozai:before {
+    content: "\e6e7";
+}
+
+.icon-pbaj:before {
+    content: "\e601";
+}
+
+.icon-shehuijiuzhu: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
+    }
+  ]
+}