新建wj-data-vision项目模块，删减部分冗余文件

.vscode/launch.json

-{
-    // 使用 IntelliSense 了解相关属性。 
-    // 悬停以查看现有属性的描述。
-    // 欲了解更多信息，请访问: https://go.microsoft.com/fwlink/?linkid=830387
-    "version": "0.2.0",
-    "configurations": [
-        {
-            "name": "Python: 当前文件",
-            "type": "python",
-            "request": "launch",
-            "program": "${file}",
-            "console": "integratedTerminal",
-            "justMyCode": true
-        }
-    ]
-}
\ No newline at end of file

build-tools/system.js

@@ -11,6 +11,12 @@ module.exports = {
     static: './dist/wj-manage-web',
     resource: '../wj-manage-web',
   },
+  'wj-data-vision': {
+    port: '9300',
+    path: '/wj-data-vision',
+    static: './dist/wj-data-vision',
+    resource: '../wj-data-vision',
+  },
   cdn: {
     path: '/cdn',
     static: './dist/cdn',

wj-data-vision/.gitignore

+.DS_Store
+node_modules/
+dist/
+../.idea/
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+package-lock.json
+yarn.lock
+
+# Editor directories and files
+.idea
+.vscode
+*.suo
+*.ntvs*
+*.njsproj
+*.sln

wj-data-vision/babel.config.js

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

wj-data-vision/package.json

+{
+  "name": "app",
+  "version": "0.1.0",
+  "private": true,
+  "scripts": {
+    "start": "st-cli-service serve",
+    "dev": "st-cli-service serve",
+    "build": "st-cli-service build"
+  },
+  "devDependencies": {
+    "@unistrong/st-cli-service": "^0.1.0",
+    "@unistrong/st-dao": "0.0.1",
+    "@vue/cli-plugin-babel": "^4.5.7",
+    "@vue/cli-plugin-router": "^4.5.7",
+    "@vue/cli-plugin-vuex": "^4.5.7",
+    "postcss-px-to-viewport": "^1.1.1"
+  },
+  "browserslist": [
+    "> 1%",
+    "last 2 versions",
+    "not dead",
+    "Chrome 49"
+  ],
+  "dependencies": {
+    "@antv/l7": "^2.13.0",
+    "@riophae/vue-treeselect": "^0.4.0",
+    "axios": "^0.21.1",
+    "compression-webpack-plugin": "^3.1.0",
+    "driver.js": "^0.9.8",
+    "highcharts": "^10.3.3",
+    "highcharts-vue": "^1.4.0",
+    "js-cookie": "^3.0.0",
+    "js-export-excel": "^1.1.4",
+    "sortablejs": "^1.13.0",
+    "vue-clipboard2": "^0.3.1",
+    "vue-seamless-scroll": "^1.1.23"
+  }
+}

wj-data-vision/public/config.js

+const map_config = {
+  // 地图引擎token
+  SYS_TITLE: '全息路段感知平台',
+  // SYS_ID: '61283C05C4154AA9A57BD9005ABA1BCD',
+  SYS_ID: 'CAFC20296895433784C193457A870DFD',
+
+  MAP_TOKEN: 'pk.eyJ1IjoiZXRlcm5pdHkteHlmIiwiYSI6ImNqaDFsdXIxdTA1ODgycXJ5czdjNmF0ZTkifQ.zN7e588TqZOQMWfws-K0Yw',
+  MAP_CENTER: [120.62663, 31.42455],
+
+  MAP_ZOOM: 14.39,
+  MAX_ZOOM: 20.5,
+  // MAX_ZOOM: 21,
+  MAP_PITCH: 60,
+  // MAP_STYLE: 'mapbox://styles/mapbox/dark-v11',
+  // MAP_STYLE: 'http://10.100.1.37:9090/style.json', // 测试环境
+  MAP_STYLE: 'http://106.120.201.126:14724/style.json', // 测试 - 2
+  MAP_STYLE_XL:'http://106.120.201.126:14724/style-xl.json',
+  // MAP_STYLE: 'http://10.100.4.17:9090/style.json', // 演示
+  // RASTER_ROAD: 'http://10.100.1.59:8883/tile?lid=traffic&get=map&cache=off&x={x}&y={y}&z={z}', // 测试环境
+  RASTER_ROAD: 'http://106.120.201.126:14724/tile?lid=traffic&get=map&cache=off&x={x}&y={y}&z={z}', // 测试 - 2
+  // RASTER_ROAD: 'http://10.100.4.35:8883/tile?lid=traffic&get=map&cache=off&x={x}&y={y}&z={z}', // 演示
+
+}
+
+const cesium_config = {
+  center:[116.288350, 40.052407],
+  zoomHeight:1800,
+  baseMap: 'http://106.120.201.126:14722/styles/OSM%20OpenMapTiles/{z}/{x}/{y}@2x.png',
+}
+
+const ws_config = {
+  // BASE_URL: 'ws://10.100.1.59:17021/holo/subscribe', // 测试环境
+  // BASE_URL: 'ws://106.120.201.126:14724/holows/subscribe', // 测试 - 2
+  BASE_URL: 'ws://106.120.201.126:14736/holows/subscribe', // 测试 - 2
+  BASE_URL_TRACK: 'ws://10.102.1.182:18021/holows/subscribe',
+  // BASE_URL: 'ws://10.100.4.35:17021/holo/subscribe', // 演示
+  // CROSS_CONTROL: 'ws://10.100.1.59:32000/utc/signalStatus/', // 测试环境
+  // CROSS_CONTROL: 'ws://106.120.201.126:14724/utc/signalStatus/', // 测试 - 2
+  CROSS_CONTROL: 'ws://106.120.201.126:14724/utc/signalStatus/', // 测试 - 2
+  // CROSS_CONTROL: 'ws://10.100.4.14:32000/utc/signalStatus/', 演示
+}
\ No newline at end of file

wj-data-vision/public/index.html

+<!DOCTYPE html>
+<html lang="en">
+<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 %>logo.png"/>
+    <title>全息路段感知平台</title>
+    <link href="/cdn/libs/normalize/normalize.css" rel="stylesheet"/>
+    <link href="/cdn/libs/element-ui/element-ui.css" rel="stylesheet"/>
+    <link href="/cdn/libs/st-ui/st-ui.css" rel="stylesheet"/>
+    <link href="/cdn/font/font.css" rel="stylesheet"/>
+
+    <script src="/cdn/libs/vue/vue.js"></script>
+    <script src="/cdn/libs/element-ui/element-ui.js"></script>
+
+<!--    <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">-->
+<!--    <script src="https://unpkg.com/element-ui/lib/index.js"></script>-->
+
+    <script src="/cdn/libs/echarts/echarts.min.js"></script>
+    <script src="/cdn/libs/lodash/lodash.js"></script>
+    <script src="/cdn/libs/st-util/st-util.js"></script>
+    <script src="/cdn/libs/st-dao/st-dao.js"></script>
+    <script src="/cdn/libs/st-ui/st-ui.js"></script>
+
+    <link href="/cdn/libs/example/styles/lib.css" rel="stylesheet" type="text/css"/>
+    <link href="/cdn/libs/example/styles/jsDemo.css" rel="stylesheet" type="text/css" media="all"/>
+    <script src="/cdn/libs/example/scripts/jquery-1.11.3.min.js" type="text/javascript"></script>
+    <script src="/cdn/libs/example/scripts/lib/ZeroClipboard.min.js" type="text/javascript" charset="utf-8"></script>
+    <script src="/cdn/libs/example/scripts/lib/codemirror.js" type="text/javascript" charset="utf-8"></script>
+    <script src="/cdn/libs/example/scripts/lib/codemirror-plugins.js" type="text/javascript" charset="utf-8"></script>
+    <script src="/cdn/libs/example/scripts/lib/slimscroll.js" type="text/javascript" charset="utf-8"></script>
+    <script src="/cdn/libs/example/scripts/lib/layer/layer.js" type="text/javascript" charset="utf-8"></script>
+
+    <script src="/cdn/libs/mapbox-gl/mapbox-gl.js" type="text/javascript"></script>
+    <link href="/cdn/libs/mapbox-gl/mapbox-gl.css" rel="stylesheet"/>
+    <script src="/cdn/libs/threebox/threebox.min.js" type="text/javascript"></script>
+    <link href="/cdn/libs/threebox/threebox.css" rel="stylesheet"/>
+    <script src="/cdn/libs/turf/turf.min.js" type="text/javascript"></script>
+    <script src="/cdn/libs/flvjs/flv.min.js" type="text/javascript"></script>
+    <script src='/cdn/libs/mapUtil/mapUtilsV3.js' type="text/javascript"></script>
+    <script src="./config.js"></script>
+
+    <style>
+        #app {
+            height: 100%;
+            width: 100%;
+        }
+    </style>
+</head>
+
+<body style="background-color: #0a1a29">
+<noscript>
+    <strong
+    >We're sorry but app 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>

wj-data-vision/src/App.vue

+<template>
+  <!-- <stms-framework
+    id="app"
+    title="GIS云中台"
+    wrapperClassName="default"
+    :menu="menu"
+    :path="path"
+    :params="params"
+    v-if="isInit"
+  /> -->
+  <div class="full-h full-w">
+    <div v-if="showMenu" id="app" class="stms-framework default">
+      <!-- 头部 -->
+      <Navigator title="全息路段感知平台"/>
+      <div class="stms-framework-container">
+        <!-- 左侧 -->
+        <leftMenu/>
+        <div class="stms-framework-content">
+          <div class="stms-framework-content-flex">
+            <router-view/>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="full-w full-h" v-else><router-view/></div>
+  </div>
+</template>
+
+<script>
+import Navigator from "@/components/navigator";
+import leftMenu from "@/components/leftMenu";
+
+export default {
+  components: {
+    Navigator,
+    leftMenu,
+  },
+  data() {
+    return {
+      isInit: false,
+    };
+  },
+  computed: {
+    showMenu() {
+      return this.$store.state.dataset.menuShow
+    },
+    menu() {
+      return this.$store.getters.menu;
+    },
+    path() {
+      return this.$route.path;
+    },
+    params() {
+      return this.$route.params;
+    },
+  },
+  created() {
+    localStorage.removeItem("pathdata");
+    localStorage.removeItem("pathActive");
+    localStorage.removeItem("pathList");
+  },
+  mounted() {
+    this.init();
+  },
+  methods: {
+    async init() {
+      await this.$store.dispatch("QUERY_MENU");
+      this.isInit = true;
+      // if (window.location.hash === "#/") {
+      //   this.$route.path === "/" && this.$router.push(this.menu.find(v => !v.parentId).url);
+      // }
+    },
+  },
+};
+</script>
+
+<style lang="less" scoped>
+#app {
+  // font-family: "Avenir", Helvetica, Arial, sans-serif;
+  //font-family: 'SiYuanHT';
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  color: #2c3e50;
+  height: 100%;
+  width: 100%;
+}
+
+.full-h {
+  height: 100%;
+}
+
+.full-w {
+  width: 100%;
+}
+</style>

wj-data-vision/src/ajax.js

+import axios from 'axios'
+const Message = ELEMENT.Message
+const ins = axios
+  .create
+  // { withCredentials: true }
+  ()
+
+// 响应拦截器
+ins.interceptors.response.use(
+  (res) => {
+    // 在一个ajax响应后再执行一下取消操作，把已经完成的请求从pending中移除
+    //removeRepeatUrl(res.config, "response");
+    // 返回信息拦截
+    console.log(res)
+    if (200 !== res.data.code && res.data.state !== 200) {
+      Message({ type: 'error', message: res.data.message, duration: 3000, showClose: true })
+      return
+    }
+    return res
+  },
+  (err) => {
+    console.log(err.message)
+    if ('操作被用户取消' !== err.message) {
+      Message({
+        type: 'error',
+        message: '请求失败',
+        duration: 1000,
+        showClose: true,
+      })
+      return Promise.reject(err)
+    }
+  }
+)
+
+export default ins

wj-data-vision/src/assets/font/font.css

+/*@font-face {*/
+/*  font-family: 'SiYuanHT';*/
+/*  src: url('SourceHanSansCN-Regular.otf');*/
+/*  font-weight: normal;*/
+/*  font-style: normal;*/
+/*}*/

wj-data-vision/src/assets/icon/iconfont.css

+@font-face {font-family: "iconfont";
+  src: url('iconfont.eot?t=1616480873074'); /* IE9 */
+  src: url('iconfont.eot?t=1616480873074#iefix') format('embedded-opentype'), /* IE6-IE8 */
+  url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAANgAAsAAAAABzQAAAMRAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCDBgqCFIIMATYCJAMMCwgABCAFhG0HQBtcBsgusG3Ykw2mzhgS4ZvaFgUOIhQBtVb2zM4RPaoPs+fyQKhR/cuEjSBUwMIgKkIXm5taa/u4JpjtiGpSOdk7lpM99vd/+IRKMm2QIJE0QRPxRiULuMDAITc/0UEssxAzLIWcqi8Op01LYD5QLnNNiroA44ACGnuRFVCC3DB2E4FD2ExA2SDhTPMKy6uAiwT0Cgi7scwBl5xCakkPioJ8zcQknEAxHowPcJx/P/wyLbgQ5TJg4PytBSLI/trzuzHraUcUgTmfDtY0MkwAJMLaWsNy9jIwgb1ywHMI84G8JIhzuduHM0JeHv7hEQVCHkitgjFaMPI1CDNSIa+y7nqjDORRwALAHgDX5dgka1U9St3BddNY0NZjzevXy16+XPLizYTpAMfrF4t1WumgV6+WX7sMXbtK2rkIWT6vObnZf+7whYHze+/djl1rj9J/Rv3MeG/j4Z2p91VVeeXu4fsD9w7daVvt+rgb5K6alKmpXRFSqTTsyi2wH/Sx76ptscnotKtyLBh+SC3VqBpVSu2qSmtUxZzf8ajdfnpx27N6Z+J6299JerSHGwvbx1nR4IqKMJwWN2yd83FjfND4kXdw0iY+dfyO/2aXZgQDDeL/OMiGS9bv/42POasWWxvp/4ok8KH7Aua8NKIIRZHezJ/N7FmWQjZQZslnYEZszEzL2ERUmm3WBiwdXsdLul8oFBR1pxAV9EGmaAQyYSdATsUMyCuaCWXjFU2v6ETZC6mEcQYVCJq2Iaq7D5mmE2TCvkBOjz/IawZ7KFsa/BesGBWwWx5FHEMi5G0QC0SXkJq5ifQKJFtUjmbZHF+DqBm7YcykKcVwEdIRnWOI2SrHMiZBiRINFirbIVUl0KCkAwkssp0xIzVq8ta6N0UKRANu5qIQDoOIIJ4NhAkInUSrM26lz1dAZBYqDm0pGVDWQCgzXD8UI1J0D2SRQO9Vci/XmFnJYjGMBJJQhAYqVNohKhUBGfXtOiACJlL7CJ8hVRSsJPUVRK4v0r5vDZSBBbIQQxaSwgEL4TFHPDSi0iMycgAAAAAA') format('woff2'),
+  url('iconfont.woff?t=1616480873074') format('woff'),
+  url('iconfont.ttf?t=1616480873074') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
+  url('iconfont.svg?t=1616480873074#iconfont') format('svg'); /* iOS 4.1- */
+}
+
+.iconfont {
+  font-family: "iconfont", sans-serif !important;
+  /* font-size: 16px; */
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.iconzuobiao:before {
+  content: "\e662";
+}
+
+.iconmian-zuobiao:before {
+  content: "\e616";
+}
+

wj-data-vision/src/assets/icon/iconfont.svg

+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
+<!--
+2013-9-30: Created.
+-->
+<svg>
+<metadata>
+Created by iconfont
+</metadata>
+<defs>
+
+<font id="iconfont" horiz-adv-x="1024" >
+  <font-face
+    font-family="iconfont"
+    font-weight="500"
+    font-stretch="normal"
+    units-per-em="1024"
+    ascent="896"
+    descent="-128"
+  />
+    <missing-glyph />
+    
+    <glyph glyph-name="zuobiao" unicode="&#58978;" d="M511.99 41.5c-7.95 0-15.46 3.59-20.45 9.75-23.85 29.4-232.87 291-232.87 421.91 0 139.69 113.64 253.34 253.32 253.34 139.71 0 253.35-113.64 253.35-253.34 0-130.91-209.05-392.52-232.9-421.91a26.315 26.315 0 0 0-20.45-9.75z m0 632.31c-110.63 0-200.63-90.01-200.63-200.65 0-85.86 130.08-271.69 200.63-362.84 70.55 91.14 200.66 276.98 200.66 362.84 0 110.64-90.03 200.65-200.66 200.65zM511.99 365.76c-59.23 0-107.39 48.18-107.39 107.4s48.16 107.42 107.39 107.42S619.4 532.39 619.4 473.16s-48.19-107.4-107.41-107.4z m0 162.13c-30.15 0-54.7-24.55-54.7-54.72 0-30.17 24.55-54.71 54.7-54.71 30.18 0 54.72 24.55 54.72 54.71 0 30.17-24.54 54.72-54.72 54.72z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="mian-zuobiao" unicode="&#58902;" d="M717.8 680.3c-55 55-128 85.2-205.8 85.2s-150.8-30.3-205.8-85.2c-55-55-85.2-128-85.2-205.8 0-68.5 24.3-135 68.3-187.4l198.4-272.3c5.6-7.7 14.7-12.3 24.2-12.3s18.6 4.6 24.2 12.3l198.4 272.3C778.7 339.5 803 406 803 474.5c0 77.7-30.3 150.8-85.2 205.8zM512 471m-78 0a78 78 0 1 1 156 0 78 78 0 1 1-156 0Z"  horiz-adv-x="1024" />
+
+    
+
+
+  </font>
+</defs></svg>