删减部分冗余文件,修改大屏地图

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_CENTER_CHANGSHA:[112.96306239435421, 28.182939427196445],
 
   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}', // 演示
+  MAP_STYLE: 'http://106.120.201.126:14724/style-changsha.json', // 测试 - 2
 
-}
+  MAP_STYLE_XL: 'http://106.120.201.126:14724/style-xl.json',
 
-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',
+  RASTER_ROAD: 'http://106.120.201.126:14724/tile?lid=traffic&get=map&cache=off&x={x}&y={y}&z={z}',
 }
 
 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/', 演示
+  // BASE_URL: 'ws://106.120.201.126:14736/holows/subscribe', // 苏州
+  BASE_URL: 'ws://10.102.1.182:18021/holows/subscribe', // 长沙
+  CROSS_CONTROL: 'ws://106.120.201.126:14724/utc/signalStatus/', // 路口
 }
\ No newline at end of file

wj-data-vision/public/index.html

@@ -8,8 +8,8 @@
     <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"/>
+<!--    <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>
@@ -18,19 +18,19 @@
 <!--    <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/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>
+<!--    <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>
+<!--    <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"/>
@@ -38,7 +38,7 @@
     <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='/cdn/libs/mapUtil/mapUtilsV3.js' type="text/javascript"></script>-->
     <script src="./config.js"></script>
 
     <style>

wj-data-vision/src/App.vue

@@ -88,7 +88,7 @@ export default {
 }
 
 .full-h {
-  height: 100%;
+  height: 100vh;
 }
 
 .full-w {

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>

wj-data-vision/src/assets/less/component.less

-.mapabcgl-popup-close-button{
-  color: #000 !important;
-}
-.el-dialog__wrapper {
-  .el-dialog__header {
-    height: 39px;
-    padding: 8px 20px 9px 18px;
-    background: #3a84ff;
-    border-bottom: 1px solid #d2d2d2;
-    font-size: 16px;
-  }
-  .el-dialog__header .el-dialog__headerbtn {
-    position: absolute;
-    top: 10px;
-    right: 20px;
-    padding: 0;
-    background: 0 0;
-    border: none;
-    outline: 0;
-    cursor: pointer;
-    font-size: 16px;
-  }
-  .el-dialog__title {
-    font-weight: 400;
-    letter-spacing: 1px;
-    color: #fff;
-    font-size: 16px;
-  }
-  .el-dialog {
-    width: 438px;
-    -webkit-box-sizing: border-box;
-    box-sizing: border-box;
-  }
-  .el-dialog__footer .el-button {
-    width: 80px;
-    height: 32px;
-    background: #3a84ff;
-    border-radius: 4px;
-    border: 1px solid #3a84ff;
-  }
-  .el-dialog__body {
-    padding: 40px 41px 0 35px;
-  }
-  .el-dialog__footer {
-    padding: 10px 41px 30px;
-  }
-  .el-dialog__body .el-date-editor.el-input,
-  .el-date-editor.el-input__inner {
-    width: 100%;
-  }
-  .el-dialog__body .el-form-item__label {
-    padding: 0 10px 10px 0;
-    color: #61666e;
-    font-size: 12px;
-  }
-
-  .el-dialog__headerbtn .el-dialog__close {
-    color: #fff;
-  }
-}
-.el-table th {
-  background-color: #eef1f6;
-}
-.el-select{
-  width:100%;
-}
-/* 滚动条背景基本样式 */
-.scrollbar {
-  -moz-appearance: none !important;
-  background-color: transparent !important; /* 滚动条背景透明 */
-  background-image: none !important; /* 滚动条背景图案不显示 */
-  position: relative !important; /* 更改滚动条的定位方式为相对 */
-  overflow: hidden !important;
-  z-index: 999999999 !important; /* 把滚动条提到Z轴最上层 */
-}
-
-/* 滚动条按钮基本样式 */
-.scrollbar .thumb {
-  -moz-appearance: none !important;
-  background-color: rgba(0, 100, 255, .25) !important;
-  border-radius: 0px !important;
-  border: 1px !important; /* 滚动条按钮边框 */
-  border-color: rgba(0, 100, 255, .1) !important; /* 滚动条按钮边框颜色和透明度 */
-}
-
-/* 滚动条按钮:鼠标悬停与点击拖动时基本样式 */
-.scrollbar:hover .thumb,
-.scrollbar .thumb:hover,
-.scrollbar .thumb:active {
-  background-color: rgba(0, 100, 255, .75) !important;
-  border: 0px !important;
-}
-
-/* 垂直滚动条 */
-/* 把滚动条位置移到屏幕外，这里的像素应该等于垂直滚动条宽度的负值 */
-.scrollbar[orient="vertical"] {
-  margin-left: -5px !important;
-  min-width: 5px !important;
-  max-width: 5px !important;
-}
-
-/* 垂直滚动条按钮的左边框样式 */
-.scrollbar .thumb[orient="vertical"] {
-  border-style: none none none solid !important;
-}
-
-/* 水平滚动条 */
-/* 把滚动条位置移到屏幕外，这里的像素应该等于垂直滚动条宽度的负值 */
-.scrollbar[orient="horizontal"] {
-  margin-top: -5px !important;
-  min-height: 5px !important;
-  max-height: 5px !important;
-}
-
-/* 水平滚动条按钮的上边框样式 */
-.scrollbar .thumb[orient="horizontal"] {
-  border-style: solid none none none !important;
-}
-
-/* 去除垂直与水平滚动条相交汇的角落 */
-.scrollbar .scrollcorner {
-  display: none ! important;
-}
-.el-scrollbar__wrap {
-  overflow-y: auto!important;
-  overflow-x: hidden!important;
-}
-.pop_form .vue-treeselect__control{
-  height: 100%;
-}
-.pop_form .vue-treeselect__single-value,
-.pop_form .vue-treeselect__placeholder{
-  font-size: 13px;
-}
-.fl{float:left;}
-.fr{float:right;}
-.clearfix:after{display:block;clear:both; content:' ';}
-.clearfix{zoom:1;}
-
-.rid-mapabcgl-popup {
-  min-width: 300px !important;
-}
-.map-buttons .el-button+.el-button{
-  margin-left:2px !important;
-}
-.map-buttons-margin-left{
-  margin-left:2px !important;
-}
-.custom_pop_rid .el-form-item__label{
-  text-overflow:ellipsis;
-  overflow:hidden;
-  white-space:nowrap;
-}
-
-.ridpoupheader,.ridpoupcontent{
-  display:flex;
-  border:1px solid #dcdcdc;
-  color:#909399;
-}
-.ridpoupheader{
-  background:#eef1f6;
-  color:#909399;
-  border-bottom: none;
-}
-.ridpoupheader div,.ridpoupcontent div{
-  flex:1;
-  line-height:30px;
-  text-align: center;
-  border-right:1px solid #dcdcdc;
-}
-.wizard_mapbox .mapabcgl-ctrl-top-right .mapabcgl-ctrl{
-  margin-top: 60px;
-}
-.wizard_mapbox .mapabcgl-canvas-container.mapabcgl-touch-zoom-rotate.mapabcgl-touch-drag-pan .mapabcgl-canvas{
-  outline: none;
-}
-// .el-select.el-select--small{
-//   width: 100%;
-// }
-.cross_list_form li .el-radio__label{
-  width: 256px;
-  display: inline-block;
-  text-overflow:ellipsis;
-  overflow:hidden;
-}
-.crossEdit .pop_set_range .el-input--small .el-input__inner{
-  padding-right: 2px
-}
-@keyframes A
-{
-  from {opacity: 0.2;}
-  to {opacity:  1;}
-}
-.animation{
-  animation-play-state: running;
-  animation-iteration-count: infinite;
-  animation-direction: alternate;
-  animation-name: A;
-  animation-duration: 1s;
-  animation-timing-function: linear;
-}
-
-.cloud-btn{
-  background: #fff !important;
-  color: #409eff !important;
-  position: relative;
-}
-.cloud-btn.active {
-  background: #fff !important;
-  color: #409eff !important;
-}
-.cloud-btn.active::before {
-  content: '';
-  // background: #409eff;
-  background:url(/cdn/icon/select.svg) no-repeat;
-  position: absolute;
-  bottom: 0;
-  right: 0;
-  width: 14px;
-  height: 14px;
-}
-.stms-framework-side-menu>.menuBox>.el-menu .el-menu-item span{
-  margin-left:10px !important;
-}
-label {
-  font-weight: normal;
-}
-h4, .h4 {
-  font-size: 14px;
-  font-weight: 700;
-}
-.el-table__body-wrapper::-webkit-scrollbar {
-  width: 8px; 
-  height: 8px; 
-}
-.el-table__body-wrapper::-webkit-scrollbar-thumb {
-  background-color: rgba(144,147,153,.3);
-  border-radius: 5px;
-}
\ No newline at end of file

wj-data-vision/src/config/holo/mapConfig.js

@@ -3,7 +3,7 @@ export default {
   map: {
     container: 'map',
     style: map_config.MAP_STYLE,
-    center: map_config.MAP_CENTER,
+    center: map_config.MAP_CENTER_CHANGSHA,
     zoom: map_config.MAP_ZOOM,
     maxZoom: map_config.MAX_ZOOM,
     pitch: map_config.MAP_PITCH,
@@ -18,5 +18,4 @@ export default {
     sign: require('../../assets/images/holo/xhj.png'),
   },
   rasterRoad: map_config.RASTER_ROAD,
-  // rasterRoad: 'http://10.100.4.14:8883/tile?lid=traffic&get=map&cache=on&x={x}&y={y}&z={z}',
 }

wj-data-vision/src/main.js

 import store from './store'
 import router from './router'
 import './directive'
-// 核心文件
 import App from './App'
 
-import './assets/less/component.less'
-import './assets/font/font.css'
-import './assets/icon/iconfont.css'
+// import './assets/less/component.less'
+// import './assets/font/font.css'
+// import './assets/icon/iconfont.css'
 
 // import './components'
 import './permission'