diff --git a/dist.zip b/dist.zip
index b7e57eb..6426f0a 100644
--- a/dist.zip
+++ b/dist.zip
Binary files differ

diff --git a/dist.zip b/dist.zip
index b7e57eb..6426f0a 100644
--- a/dist.zip
+++ b/dist.zip
Binary files differ
diff --git a/src/components/call.vue b/src/components/call.vue
index ade3861..29d6b7a 100644
--- a/src/components/call.vue
+++ b/src/components/call.vue
@@ -609,7 +609,6 @@
       var context = this;
 
       // 初始化
-      debugger;
       RongCallLib = RongCall.initCallLib(context.selfUserId);
       // 注册命令(消息)监听
       RongCallLib.commandWatch(function (message) {

diff --git a/dist.zip b/dist.zip
index b7e57eb..6426f0a 100644
--- a/dist.zip
+++ b/dist.zip
Binary files differ
diff --git a/src/components/call.vue b/src/components/call.vue
index ade3861..29d6b7a 100644
--- a/src/components/call.vue
+++ b/src/components/call.vue
@@ -609,7 +609,6 @@
       var context = this;
 
       // 初始化
-      debugger;
       RongCallLib = RongCall.initCallLib(context.selfUserId);
       // 注册命令(消息)监听
       RongCallLib.commandWatch(function (message) {
diff --git a/src/util/excel.js b/src/util/excel.js
new file mode 100644
index 0000000..687c074
--- /dev/null
+++ b/src/util/excel.js
@@ -0,0 +1,16 @@
+/**
+ * 项目管理相关接口
+ * @exports {Object}
+ */
+const host = "/hapi";
+
+let nozzle = {
+  recordSelectAllPoints: "/record/selectAllPoints", //人员轨迹
+
+  
+};
+
+for (const item in nozzle) {
+  nozzle[item] = host + nozzle[item];
+}
+export default nozzle;

diff --git a/dist.zip b/dist.zip
index b7e57eb..6426f0a 100644
--- a/dist.zip
+++ b/dist.zip
Binary files differ
diff --git a/src/components/call.vue b/src/components/call.vue
index ade3861..29d6b7a 100644
--- a/src/components/call.vue
+++ b/src/components/call.vue
@@ -609,7 +609,6 @@
       var context = this;
 
       // 初始化
-      debugger;
       RongCallLib = RongCall.initCallLib(context.selfUserId);
       // 注册命令(消息)监听
       RongCallLib.commandWatch(function (message) {
diff --git a/src/util/excel.js b/src/util/excel.js
new file mode 100644
index 0000000..687c074
--- /dev/null
+++ b/src/util/excel.js
@@ -0,0 +1,16 @@
+/**
+ * 项目管理相关接口
+ * @exports {Object}
+ */
+const host = "/hapi";
+
+let nozzle = {
+  recordSelectAllPoints: "/record/selectAllPoints", //人员轨迹
+
+  
+};
+
+for (const item in nozzle) {
+  nozzle[item] = host + nozzle[item];
+}
+export default nozzle;
diff --git a/src/util/interface.js b/src/util/interface.js
index e90c979..59bf882 100644
--- a/src/util/interface.js
+++ b/src/util/interface.js
@@ -1,5 +1,6 @@
 import department from './department'
 import hapi from './hapi'
+import Excel from "./excel";
 // import dataSource from './apiField/dataSource';
 
 const host = '/sysApi'
@@ -18,5 +19,6 @@
 // nozzle = Object.assign(nozzle, project)
 nozzle = Object.assign(nozzle, department)
 nozzle = Object.assign(nozzle, hapi)
+nozzle = Object.assign(nozzle, Excel)
 // nozzle = Object.assign(nozzle, dataSource);
 export default nozzle

diff --git a/dist.zip b/dist.zip
index b7e57eb..6426f0a 100644
--- a/dist.zip
+++ b/dist.zip
Binary files differ
diff --git a/src/components/call.vue b/src/components/call.vue
index ade3861..29d6b7a 100644
--- a/src/components/call.vue
+++ b/src/components/call.vue
@@ -609,7 +609,6 @@
       var context = this;
 
       // 初始化
-      debugger;
       RongCallLib = RongCall.initCallLib(context.selfUserId);
       // 注册命令(消息)监听
       RongCallLib.commandWatch(function (message) {
diff --git a/src/util/excel.js b/src/util/excel.js
new file mode 100644
index 0000000..687c074
--- /dev/null
+++ b/src/util/excel.js
@@ -0,0 +1,16 @@
+/**
+ * 项目管理相关接口
+ * @exports {Object}
+ */
+const host = "/hapi";
+
+let nozzle = {
+  recordSelectAllPoints: "/record/selectAllPoints", //人员轨迹
+
+  
+};
+
+for (const item in nozzle) {
+  nozzle[item] = host + nozzle[item];
+}
+export default nozzle;
diff --git a/src/util/interface.js b/src/util/interface.js
index e90c979..59bf882 100644
--- a/src/util/interface.js
+++ b/src/util/interface.js
@@ -1,5 +1,6 @@
 import department from './department'
 import hapi from './hapi'
+import Excel from "./excel";
 // import dataSource from './apiField/dataSource';
 
 const host = '/sysApi'
@@ -18,5 +19,6 @@
 // nozzle = Object.assign(nozzle, project)
 nozzle = Object.assign(nozzle, department)
 nozzle = Object.assign(nozzle, hapi)
+nozzle = Object.assign(nozzle, Excel)
 // nozzle = Object.assign(nozzle, dataSource);
 export default nozzle
diff --git a/src/views/CesiumCom/CesiumVue.vue b/src/views/CesiumCom/CesiumVue.vue
index 8d5ad69..848f8e8 100644
--- a/src/views/CesiumCom/CesiumVue.vue
+++ b/src/views/CesiumCom/CesiumVue.vue
@@ -44,6 +44,7 @@
       width="700px"
       :close-on-click-modal="false"
       @close="closeDialog()"
+      
     >
       <div
         id="TongHuaBox"

diff --git a/dist.zip b/dist.zip
index b7e57eb..6426f0a 100644
--- a/dist.zip
+++ b/dist.zip
Binary files differ
diff --git a/src/components/call.vue b/src/components/call.vue
index ade3861..29d6b7a 100644
--- a/src/components/call.vue
+++ b/src/components/call.vue
@@ -609,7 +609,6 @@
       var context = this;
 
       // 初始化
-      debugger;
       RongCallLib = RongCall.initCallLib(context.selfUserId);
       // 注册命令(消息)监听
       RongCallLib.commandWatch(function (message) {
diff --git a/src/util/excel.js b/src/util/excel.js
new file mode 100644
index 0000000..687c074
--- /dev/null
+++ b/src/util/excel.js
@@ -0,0 +1,16 @@
+/**
+ * 项目管理相关接口
+ * @exports {Object}
+ */
+const host = "/hapi";
+
+let nozzle = {
+  recordSelectAllPoints: "/record/selectAllPoints", //人员轨迹
+
+  
+};
+
+for (const item in nozzle) {
+  nozzle[item] = host + nozzle[item];
+}
+export default nozzle;
diff --git a/src/util/interface.js b/src/util/interface.js
index e90c979..59bf882 100644
--- a/src/util/interface.js
+++ b/src/util/interface.js
@@ -1,5 +1,6 @@
 import department from './department'
 import hapi from './hapi'
+import Excel from "./excel";
 // import dataSource from './apiField/dataSource';
 
 const host = '/sysApi'
@@ -18,5 +19,6 @@
 // nozzle = Object.assign(nozzle, project)
 nozzle = Object.assign(nozzle, department)
 nozzle = Object.assign(nozzle, hapi)
+nozzle = Object.assign(nozzle, Excel)
 // nozzle = Object.assign(nozzle, dataSource);
 export default nozzle
diff --git a/src/views/CesiumCom/CesiumVue.vue b/src/views/CesiumCom/CesiumVue.vue
index 8d5ad69..848f8e8 100644
--- a/src/views/CesiumCom/CesiumVue.vue
+++ b/src/views/CesiumCom/CesiumVue.vue
@@ -44,6 +44,7 @@
       width="700px"
       :close-on-click-modal="false"
       @close="closeDialog()"
+      
     >
       <div
         id="TongHuaBox"
diff --git a/src/views/CesiumCom/swqj3Dmap.vue b/src/views/CesiumCom/swqj3Dmap.vue
index 4f8d6b5..233280a 100644
--- a/src/views/CesiumCom/swqj3Dmap.vue
+++ b/src/views/CesiumCom/swqj3Dmap.vue
@@ -1,3 +1,20 @@
+GitBucket GitBucket
+Toggle navigation
+Find a repository
+Snippets
+Sign in
+ Files
+ Branches1
+ Releases
+ Issues
+ Pull requests
+ Labels
+ Priorities
+ Milestones
+ Wiki
+ zhangqy / XinYang_SanWei+RongYun
+ XinYang_SanWei+RongYun / src / views / CesiumCom / swqj3Dmap.vue
+@raoxianxuan raoxianxuan 34 minutes ago 110 KB gis提交
 <template>
   <div id="supermap3D" style="height: 100%">
     <div id="cesiumContainer" style="height: 100%"></div>
@@ -9,12 +26,12 @@
           <i class="el-icon-s-home iconDivs" @click="homeClick()" theme="filled" title="主界面" />
           <i class="el-icon-back iconDivs" @click="preStaMY()" theme="filled" title="上一站" />
           <i class="el-icon-right iconDivs" @click="nextStaMY()" theme="filled" title="下一站" />
-
+ 
   
           <i class="el-icon-s-promotion iconDivs" @click="beginMY()" theme="filled" title="开始" />
           <<i :class="playstopIcon" @click="holdMY()" theme="filled" :title="playstopTitle" /> 
           <i class="el-icon-switch-button iconDivs" @click="endMY()" theme="filled" title="停止" />
-
+ 
     
           <i class="el-icon-full-screen iconDivs" @click="fullClick" title="全屏" />
         </div>
@@ -67,13 +84,13 @@
     <!--泵站属性框-->
     <template v-if="MonitorStationBZ.length">
       <div
-        class="panelstyle"
+        class="panelstyleqita"
         v-show="bgMarkStationBZ"
         v-for="(item, index) in MonitorStationBZ"
-        :key="'bengzmonitorStskds' + index"
+        :key="'bengzmosnorStskds' + index"
         :id="item.id"
       >
-        <div class="close" @click="clearPopup($event)"></div>
+        <div class="close" @click="clearPopup($event)">x</div>
         <div class="content">
           <div class="item">
             <div class="l">名称:</div>
@@ -86,10 +103,10 @@
     <!--泵站属性框-->
     <template v-if="MonitorStationBZ.length">
       <div
-        class="panelstyle"
+        class="panelstyleqita"
         v-show="bgMarkStationBZ"
         v-for="(item, index) in MonitorStationBZ"
-        :key="'bengzmonitorStation' + index"
+        :key="'bengmonisrStation' + index"
         :id="item.id"
       >
         <div class="close" @click="clearPopup($event)">x</div>
@@ -103,12 +120,12 @@
     </template>
 
     <!--问题二属性框-->
-    <template v-if="MonitorStationZZ.length">
+    <!-- <template v-if="MonitorStationZZ.length">
       <div
-        class="panelstyle"
+        class="panelstyleqita"
         v-show="bgMarkStationZZ"
         v-for="(item, index) in MonitorStationZZ"
-        :key="'zhazhanmonitorStation' + index"
+        :key="'zhazhansmonitorStation' + index"
         :id="item.id"
       >
         <div class="close" @click="clearPopup($event)">x</div>
@@ -123,15 +140,14 @@
           </div>
         </div>
       </div>
-    </template>
+    </template> -->
 
-    <!--人员属性框-->
-    <template v-if="MonitorStationRY.length">
+    <template v-if="MonitorStationZZ.length">
       <div
         class="panelstyle"
         v-show="bgMarkStationZZ"
-        v-for="(item, index) in MonitorStationRY"
-        :key="'renyuanmonitorStation' + index"
+        v-for="(item, index) in MonitorStationZZ"
+        :key="'zhazhansmonitorStation' + index"
         :id="item.id"
       >
         <div class="close" @click="clearPopup($event)">
@@ -157,16 +173,68 @@
             </div>
             <div class="item">
               <div class="l">任务进度 :</div>
-              <div class="r">{{ renwujindu }}</div>
+              <div class="r">{{ renwujinzhan }}</div>
             </div>
             <div class="item">
               <div class="l">事件时间 :</div>
-              <div class="r">{{ shijianshijian }}</div>
+              <div class="r">2021-12-24</div>
             </div>
           </div>
           <div class="TongHuaRight">
             <el-carousel height="220px">
-              <el-carousel-item v-for="item in imgData" :key="item">
+              <el-carousel-item v-for="(item, index) in imgData" :key="index">
+                <img :src="item.img" class="RenYuanImg" alt="" />
+              </el-carousel-item>
+            </el-carousel>
+          </div>
+
+          <div class="call" @click="callPerson">点击通话</div>
+        </div>
+      </div>
+    </template>
+
+    <!--人员属性框-->
+    <template v-if="MonitorStationRY.length">
+      <div
+        class="panelstyle"
+        v-show="bgMarkStationZZ"
+        v-for="(item, index) in MonitorStationRY"
+        :key="'renyuanmdstoration' + index"
+        :id="item.id"
+      >
+        <div class="close" @click="clearPopup($event)">
+          <span class="RenYuanTitle">人员信息</span> x
+        </div>
+        <div class="content">
+          <div class="TongHuaLeft">
+            <div class="item">
+              <div class="l">人员姓名 :</div>
+              <div class="r">{{ peoplename }}</div>
+            </div>
+            <div class="item">
+              <div class="l">所属河道 :</div>
+              <div class="r">{{ suoshuhedao }}</div>
+            </div>
+            <div class="item">
+              <div class="l">问题描述 :</div>
+              <div class="r">{{ wentimiaoshu }}</div>
+            </div>
+            <div class="item">
+              <div class="l">问题分类 :</div>
+              <div class="r">{{ wentifenlei }}</div>
+            </div>
+            <div class="item">
+              <div class="l">任务进度 :</div>
+              <div class="r">{{ renwujinzhan }}</div>
+            </div>
+            <div class="item">
+              <div class="l">事件时间 :</div>
+              <div class="r">2021-12-24</div>
+            </div>
+          </div>
+          <div class="TongHuaRight">
+            <el-carousel height="220px">
+              <el-carousel-item v-for="(item, index) in imgData" :key="index">
                 <img :src="item.img" class="RenYuanImg" alt="" />
               </el-carousel-item>
             </el-carousel>
@@ -180,10 +248,10 @@
     <!--站点属性框-->
     <template v-if="MonitorStation.length">
       <div
-        class="panelstyle"
+        class="panelstyleqita"
         v-show="bgMarkStation"
         v-for="(item, index) in MonitorStation"
-        :key="'stationmonitorStation' + index"
+        :key="'stationmsdtorStaon' + index"
         :id="item.stCode"
       >
         <div class="page-panel mapPanel">
@@ -332,7 +400,7 @@
 
     <!-- 倾斜摄影透明度 -->
     <!-- <div id="toolbar" class="param-container tool-bar">
-
+ 
      <div id="qxsyopacity" style="width: 227px;right: 30px;margin-top: -272px;margin-left: 1700px;z-index: 999999999999;position: relative;">
 			<label style="color:#FFFFFF ">图层透明:</label>
 			<input type="range" style="width: 65%" min="0" max="1" step="0.02" title="调整地上图层透明度"
@@ -394,7 +462,7 @@
         </div> -->
   </div>
 </template>
-
+ 
 <script>
 let handler = null;
 export default {
@@ -409,6 +477,8 @@
           img: require("./../../../static/img/2.png"),
         },
       ],
+
+      currentMark: "",
       peoplename: "石付军",
       suoshuhedao: "浉河",
       wentimiaoshu: "浉河虹桥附近",
@@ -425,6 +495,7 @@
       videoPanelShow: false, //播放视频面板显隐
       dataliststation: [],
       ispanelCFBZ: false,
+      ispanelWT1: false,
       ispanelCFZZ: false,
       ispanelWZD: false,
       ispanelSPD: false,
@@ -574,6 +645,40 @@
 
     window.earth = viewer;
 
+    //加载人员轨迹接口
+    // type：(1  河道 /2 管网 /"" 所有 )
+    var params = { data: { type: "" } };
+    this.$http.post(this.nozzle.recordSelectAllPoints, params).then((res) => {
+      if (res.data.code == 200) {
+        this.MonitorStationRY = [];
+
+        var celllist = res.data.data;
+        for (var i = 0; i < celllist.length; i++) {
+          var cell = celllist[i].point;
+
+          var cellthis = {
+            id: "张武",
+            type: "人员",
+            stCode: "037606866240467",
+            lon: 114.083925956929,
+            lat: 32.0963300318205,
+          };
+          cellthis.id = celllist[i].userName;
+          cellthis.stCode = celllist[i].userName;
+          cellthis.lon = cell[cell.length - 1].P;
+          cellthis.lat = cell[cell.length - 1].O;
+
+          //人员
+
+          this.MonitorStationRY.push(cellthis);
+        }
+
+        console.log("this.MonitorStationRY", this.MonitorStationRY);
+        //根据轨迹数据进行刷新路线
+        this.addPointPeople(this.MonitorStationRY);
+      }
+    });
+
     //  window.provider_imgLayer = new Cesium.TileMapServiceImageryProvider({
     //   // url:'/imgUrl/矩形区域(2)/tiles',
     //   // url:'/imgUrl/tdtTMS/xinyangimg1/tiles',
@@ -584,7 +689,7 @@
 
     //高德影像
     window.provider_imgLayer = new Cesium.TileMapServiceImageryProvider({
-      //url: '/imgUrl/xinyangimg',
+      // url: '/imgUrl/xinyangimg',
       url: "http://webst02.is.autonavi.com/appmaptile?style=6&x={x}&y={y}&z={z}",
       //url:"https://192.168.100.18:10001/webstUrl/appmaptile?style=6&x={x}&y={y}&z={z}",
       fileExtension: "png",
@@ -593,9 +698,14 @@
       window.provider_imgLayer
     );
 
+    //调节亮度
+    window.imglayer.brightness = 2.0;
+    /* window.arcgislayer.contrast = 1.5;
+     window.arcgislayer.saturation = 1.0; */
+
     // video控件是原生获取的dom
     /* this.video = document.getElementById("videoEvent");
-
+ 
         this.videoPlayPause(); */
 
     //设置隐形飞机及路线
@@ -628,18 +738,48 @@
     showAndHightPoint(data) {
       console.log("点击了人员：", data);
 
+      //this.currentMark="系统管理员"
+
       this.peoplename = data.userName;
 
-      var keyid = "张小明";
+      var keyid = "系统管理员";
+      //var keyid = data.userName;
+
       var lon = 114.0805319404991;
       var lat = 32.10399069614823;
 
+      for (var k = 0; k < this.MonitorStationRY.length; k++) {
+        if (this.MonitorStationRY[k].id == keyid) {
+          lon = this.MonitorStationRY[k].lon;
+          lat = this.MonitorStationRY[k].lat;
+
+          console.log(111111111111, lon);
+          console.log(2222222222222, lat);
+
+          break;
+        }
+      }
+
       document.getElementById(keyid).style.display = "block";
 
       window.earth.scene.preRender.addEventListener(() => {
-        var position = new Cesium.Cartographic(lon, lat, 0);
+        var position = new Cesium.Cartographic(
+          parseFloat(lon),
+          parseFloat(lat),
+          0
+        );
         this.fixDomPosition(keyid, position);
       });
+
+      // document.getElementById(keyid).style.display = "block";
+
+      // window.earth.scene.preRender.addEventListener(() => {
+      //   var position = new Cesium.Cartographic(lon, lat, 0);
+      //   console.log("lon",lon)
+      //     console.log("lat",lat)
+      //     console.log("keyid",keyid)
+      //   this.fixDomPosition(keyid, position);
+      // });
     },
     clearPopup(event) {
       var clickDom = event.currentTarget;
@@ -1301,18 +1441,21 @@
                         var leftcut = 190;
                         console.log(pickedFeature);
                         if (pickedFeature.id.type == "问题点") {
-                          document.getElementById("问题2").style.display =
-                            "block";
+                          document.getElementById(
+                            pickedFeature.id.id
+                          ).style.display = "block";
 
                           window.earth.scene.preRender.addEventListener(() => {
                             var position = new Cesium.Cartographic(
-                              114.0864063271,
-                              32.0967950080981,
+                              pickedFeature.id.lon,
+                              pickedFeature.id.lat,
                               -6
                             );
                             this.fixDomPosition(pickedFeature.id.id, position);
                           });
                         } else if (pickedFeature.id.type == "人员") {
+                          this.peoplename = pickedFeature.id.id;
+
                           document.getElementById(
                             pickedFeature.id.id
                           ).style.display = "block";
@@ -1522,7 +1665,7 @@
           //循环删除多个实体lable
           var viewer = window.earth;
           var entitys = viewer.entities._entities._array;
-
+ 
           for (var i = 0; i < entitys.length; i++) {
             
             if (entitys[i].type && (entitys[i].type=="wushuiarrow"||entitys[i].type=="yushuiarrow"||entitys[i].type=="heliuarrow")) {
@@ -1534,7 +1677,7 @@
           //循环删除多个实体lable
           var viewer = window.earth;
           var entitys = viewer.entities._entities._array;
-
+ 
           for (var i = 0; i < entitys.length; i++) {
             if (entitys[i].type && (entitys[i].type=="wushuiarrow"||entitys[i].type=="yushuiarrow"||entitys[i].type=="heliuarrow")) {
               entitys[i].show = true;
@@ -1563,6 +1706,15 @@
         },
 
         {
+          id: "问题1",
+          type: "问题点",
+          ms: "此处有水面垃圾",
+          stCode: "00111",
+          lon: 114.085094085325,
+          lat: 32.0977182205015,
+        },
+
+        {
           id: "问题2",
           type: "问题点",
           ms: "此处有水面垃圾",
@@ -1635,16 +1787,20 @@
       console.log("this.MonitorStationBZ", this.MonitorStationBZ);
       console.log("this.MonitorStationZZ", this.MonitorStationZZ);
 
-      //人员
-      this.MonitorStationRY = this.dataliststation.filter(function (item) {
-        return item.type == "人员";
-      });
-      this.addPoint(this.MonitorStationRY);
+      // //人员
+      // this.MonitorStationRY = this.dataliststation.filter(function (item) {
+      //   return item.type == "人员";
+      // });
+      // this.addPoint(this.MonitorStationRY);
     },
 
     //添加点
     addPoint(data) {
+      //闪烁
+      var x = 1;
+      var flog = true;
       // console.log(data);
+      var scaledata = 1.0;
       let imgUrl = require("./../../../public/static/img/hdszy_zc.png");
       let placesj = new Cesium.Cartesian2(0, -60);
       var positionHeight = 15;
@@ -1663,6 +1819,7 @@
           case "人员":
             imgUrl = require("./../../../public/static/img/people.png");
             positionHeight = 0;
+            scaledata = 0.4;
             break;
         }
 
@@ -1682,12 +1839,100 @@
           ),
           billboard: {
             image: imgUrl,
+            scale: scaledata,
             // HorizontalOrigin: HorizontalOrigin.LEFT,
             // //垂直位置
             // verticalOrigin: VerticalOrigin.UP,
 
             pixelOffset: new Cesium.Cartesian2(0, -40),
             //heightReference:Cesium.CLAMP_TO_GROUND
+            //闪烁
+            show: new Cesium.CallbackProperty(function () {
+              if (this.currentMark == "张小明") {
+                if (flog) {
+                  x = x - 0.05;
+                  if (x <= 0) {
+                    flog = false;
+                  }
+                } else {
+                  x = x + 0.05;
+                  if (x >= 1) {
+                    flog = true;
+                  }
+                }
+                return x >= 0.5;
+              }
+            }, false),
+          },
+          label: {
+            text: data[i].id,
+
+            // font: '14pt monospace',
+            //font: 'Avenir, Helvetica, Arial, sans-serif',
+            font: "18px sans-serif",
+            //style: LabelStyle.FILL_AND_OUTLINE,
+            fillColor: Cesium.Color.WHITE,
+            outlineWidth: 2,
+            HorizontalOrigin: Cesium.HorizontalOrigin.LEFT,
+            //垂直位置
+            verticalOrigin: Cesium.VerticalOrigin.BUTTON,
+            //中心位置
+            pixelOffset: placesj,
+            // heightReference:Cesium.CLAMP_TO_GROUND
+          },
+        });
+      }
+    },
+
+    //添加人
+    addPointPeople(data) {
+      let imgUrl = require("./../../../public/static/img/people.png");
+      let positionHeight = 0;
+      let scaledata = 0.4;
+      var isshow = true;
+      let placesj = new Cesium.Cartesian2(0, -60);
+      for (let i = 0; i < data.length; i++) {
+        window.earth.entities.add({
+          name: data[i].id,
+          id: data[i].id,
+          lon: parseFloat(data[i].lon),
+          lat: parseFloat(data[i].lat),
+          num: data[i].id,
+          stCode: data[i].stCode,
+          type: data[i].type,
+          show: isshow,
+          position: Cesium.Cartesian3.fromDegrees(
+            parseFloat(data[i].lon),
+            parseFloat(data[i].lat),
+            positionHeight
+          ),
+          billboard: {
+            image: imgUrl,
+            scale: scaledata,
+            // HorizontalOrigin: HorizontalOrigin.LEFT,
+            // //垂直位置
+            // verticalOrigin: VerticalOrigin.UP,
+
+            pixelOffset: new Cesium.Cartesian2(0, -40),
+            //heightReference:Cesium.CLAMP_TO_GROUND
+            //闪烁
+            // show: new Cesium.CallbackProperty(function () {
+            //   if(this.currentMark=="张小明")
+            //   {
+            //   if (flog) {
+            //     x = x - 0.05;
+            //     if (x <= 0) {
+            //       flog = false;
+            //     }
+            //   } else {
+            //     x = x + 0.05;
+            //     if (x >= 1) {
+            //       flog = true;
+            //     }
+            //   }
+            //   return x >= 0.5;
+            //   }
+            // }, false),
           },
           label: {
             text: data[i].id,
@@ -1818,6 +2063,12 @@
       // { name: 'Combine' }
       // )
 
+      //            var promise=  window.earth.scene.addS3MTilesLayerByScp(
+      //   '/supermap3Dapi/iserver/services/3D-local3DCache-Config/rest/realspace/datas/Combine/config', //地址写到config那一级
+      //   //'http://192.168.100.6:8090/iserver/services/3D-local3DCache-osgbxy1/rest/realspace/datas/Combine/config', //地址写到config那一级
+      // { name: 'Combine' }
+      // )
+
       promise.then((layer) => {
         layer.visible = true;
 
@@ -2180,6 +2431,38 @@
         options.start
       );
     },
+    fullClick() {
+      //全屏事件
+      if (this.isFullscreen == false) {
+        this.isFullscreen = true;
+        Cesium.Fullscreen.requestFullscreen(document.body);
+      }
+      //退出全屏事件
+      else {
+        this.isFullscreen = false;
+        this.exitFullScreen();
+      }
+    },
+    // 退出全屏
+    exitFullScreen(el) {
+      var el = document,
+        cfs =
+          el.cancelFullScreen ||
+          el.webkitCancelFullScreen ||
+          el.mozCancelFullScreen ||
+          el.exitFullScreen,
+        wscript;
+      if (typeof cfs != "undefined" && cfs) {
+        cfs.call(el);
+        return;
+      }
+      if (typeof window.ActiveXObject != "undefined") {
+        wscript = new ActiveXObject("WScript.Shell");
+        if (wscript != null) {
+          wscript.SendKeys("{F11}");
+        }
+      }
+    },
     //飞行相关
     TravelCave() {
       ///依次遍历加载所有隧道管线
@@ -2216,92 +2499,93 @@
 
         routeCor.push(lonarr[kk]);
         routeCor.push(latarr[kk]);
-        routeCor.push(-5);
+        routeCor.push(-4);
       }
 
       routeCor.push(114.085719349506);
       routeCor.push(32.0971357752289);
-      routeCor.push(1.5);
+      routeCor.push(2);
 
       routeCor.push(114.085588643839);
       routeCor.push(32.0972612917984);
-      routeCor.push(1.5);
+      routeCor.push(2);
 
       routeCor.push(114.085491647299);
       routeCor.push(32.097355446692);
-      routeCor.push(1.5);
+      routeCor.push(2);
 
       routeCor.push(114.085318017236);
       routeCor.push(32.0975266208165);
-      routeCor.push(1.5);
+      routeCor.push(2);
 
       routeCor.push(114.085180056944);
       routeCor.push(32.0976642995766);
-      routeCor.push(1.5);
+      routeCor.push(2);
 
       routeCor.push(114.085119280774);
       routeCor.push(32.0977270301215);
-      routeCor.push(1.5);
+      routeCor.push(2);
 
       var lonarr1 = [
         114.085255976288, 114.085102694904, 114.085014961749, 114.084923781515,
         114.084786423886, 114.084692750713, 114.08460844511, 114.084534852399,
         114.084479672299, 114.084400450906, 114.084291694824, 114.084214065142,
         114.084115479127, 114.084036679425, 114.083948853824, 114.083828529212,
-        114.083762618346, 114.083670496717, 114.083564187366, 114.083480203343,
-        114.083397555403, 114.083285951538, 114.083209751656, 114.083146979527,
-        114.083040248719, 114.082968458143, 114.082938537003, 114.08288101482,
-        114.082811049091, 114.082774340772, 114.082727661101, 114.082680332365,
-        114.082648783926, 114.082594160631, 114.082546284847, 114.082503652205,
-        114.082434591266, 114.082384186164, 114.082308046589, 114.082250405793,
-        114.082192903706, 114.08211938981, 114.082049117193, 114.081992119443,
-        114.081940938433, 114.081879304096, 114.081824030884, 114.081748689648,
-        114.081686859164, 114.081597965895, 114.081531735095, 114.081470914758,
-        114.081400118209, 114.081330735072, 114.081271630674, 114.081224359781,
-        114.081150981215, 114.08107153615, 114.081034048701, 114.080977739837,
-        114.080925212461, 114.080852506325, 114.080752521335, 114.080700156844,
-        114.080629328236, 114.080532400489, 114.080459584228, 114.080399009685,
-        114.080335825006, 114.080242918602, 114.080179816621, 114.080181204924,
-        114.080089587943, 114.08004499385, 114.079971133277, 114.079850230649,
-        114.079784782032, 114.079729723803, 114.079660313457, 114.079583992338,
-        114.079527995873, 114.079459435964, 114.079408140909, 114.079333362151,
-        114.079230455162, 114.079146661184,
+        //114.083762618346, 114.083670496717, 114.083564187366, 114.083480203343,
+        // 114.083397555403, 114.083285951538, 114.083209751656, 114.083146979527,
+        // 114.083040248719, 114.082968458143, 114.082938537003, 114.08288101482,
+        // 114.082811049091, 114.082774340772, 114.082727661101, 114.082680332365,
+        // 114.082648783926, 114.082594160631, 114.082546284847, 114.082503652205,
+        // 114.082434591266, 114.082384186164, 114.082308046589, 114.082250405793,
+        // 114.082192903706, 114.08211938981, 114.082049117193, 114.081992119443,
+        // 114.081940938433, 114.081879304096, 114.081824030884, 114.081748689648,
+        // 114.081686859164, 114.081597965895, 114.081531735095, 114.081470914758,
+        // 114.081400118209, 114.081330735072, 114.081271630674, 114.081224359781,
+        // 114.081150981215, 114.08107153615, 114.081034048701, 114.080977739837,
+        // 114.080925212461, 114.080852506325, 114.080752521335, 114.080700156844,
+        // 114.080629328236, 114.080532400489, 114.080459584228, 114.080399009685,
+        // 114.080335825006, 114.080242918602, 114.080179816621, 114.080181204924,
+        // 114.080089587943, 114.08004499385, 114.079971133277, 114.079850230649,
+        // 114.079784782032, 114.079729723803, 114.079660313457, 114.079583992338,
+        // 114.079527995873, 114.079459435964, 114.079408140909, 114.079333362151,
+        // 114.079230455162, 114.079146661184,
       ];
       var latarr1 = [
         32.0978345684551, 32.0979785122343, 32.0980605423124, 32.0981493367731,
         32.0982863273092, 32.0983793459651, 32.0984714366192, 32.0985561170528,
         32.0986145838852, 32.0987069863075, 32.0988312425012, 32.0989236314715,
         32.0990387312133, 32.0991307915664, 32.0992359345577, 32.0993792349995,
-        32.0994578651062, 32.0995630877418, 32.0996859900723, 32.0997828704268,
-        32.0998817346794, 32.1000085537278, 32.100095185876, 32.1001652907905,
-        32.1002875662747, 32.1003736480043, 32.1004113295985, 32.1004861755372,
-        32.1005750063695, 32.1006252253616, 32.1006890091389, 32.1007584586724,
-        32.1008019054174, 32.1008821656155, 32.1009512477213, 32.1010090678594,
-        32.1011080872234, 32.1011858150934, 32.1012975869943, 32.1013840172796,
-        32.1014718984045, 32.1015816187692, 32.1016894782681, 32.1017769762188,
-        32.1018535972501, 32.1019493609947, 32.1020317658604, 32.1021482886804,
-        32.1022408675649, 32.1023756080394, 32.1024777230103, 32.1025734534491,
-        32.10268282509, 32.102787689644, 32.1028755374286, 32.1029506991419,
-        32.1030639197819, 32.1031839026546, 32.1032421167879, 32.10333213833,
-        32.1034137656734, 32.1035220905637, 32.1036792532342, 32.1037542274605,
-        32.103833226122, 32.1039417395034, 32.1040295715129, 32.1041000089462,
-        32.1041721958583, 32.1042804199954, 32.1043520409667, 32.1043507388764,
-        32.1044545582256, 32.104506639531, 32.1045937278367, 32.1047320829662,
-        32.104803349756, 32.1048685928752, 32.1049456548293, 32.1050357306808,
-        32.1050977032556, 32.1051800454596, 32.1052386907462, 32.1053237777052,
-        32.1054423308271, 32.1055366473754,
+        //32.0994578651062, 32.0995630877418, 32.0996859900723, 32.0997828704268,
+        // 32.0998817346794, 32.1000085537278, 32.100095185876, 32.1001652907905,
+        // 32.1002875662747, 32.1003736480043, 32.1004113295985, 32.1004861755372,
+        // 32.1005750063695, 32.1006252253616, 32.1006890091389, 32.1007584586724,
+        // 32.1008019054174, 32.1008821656155, 32.1009512477213, 32.1010090678594,
+        // 32.1011080872234, 32.1011858150934, 32.1012975869943, 32.1013840172796,
+        // 32.1014718984045, 32.1015816187692, 32.1016894782681, 32.1017769762188,
+        // 32.1018535972501, 32.1019493609947, 32.1020317658604, 32.1021482886804,
+        // 32.1022408675649, 32.1023756080394, 32.1024777230103, 32.1025734534491,
+        // 32.10268282509, 32.102787689644, 32.1028755374286, 32.1029506991419,
+        // 32.1030639197819, 32.1031839026546, 32.1032421167879, 32.10333213833,
+        // 32.1034137656734, 32.1035220905637, 32.1036792532342, 32.1037542274605,
+        // 32.103833226122, 32.1039417395034, 32.1040295715129, 32.1041000089462,
+        // 32.1041721958583, 32.1042804199954, 32.1043520409667, 32.1043507388764,
+        // 32.1044545582256, 32.104506639531, 32.1045937278367, 32.1047320829662,
+        // 32.104803349756, 32.1048685928752, 32.1049456548293, 32.1050357306808,
+        // 32.1050977032556, 32.1051800454596, 32.1052386907462, 32.1053237777052,
+        // 32.1054423308271, 32.1055366473754,
       ];
       for (let kk = 0; kk < lonarr1.length; kk++) {
         routeCor.push(lonarr1[kk]);
         routeCor.push(latarr1[kk]);
-        routeCor.push(-5);
+        routeCor.push(-4);
       }
 
       //求全管线漫游路径routeCor
       const Lines = Cesium.Cartesian3.fromDegreesArrayHeights(routeCor);
       //加载飞行模型参数
       const options = {
-        time: 117,
+        //time: 117,
+        time: routeCor.length / 3,
         // time: this.video.duration,
         Lines: Lines,
         isPathShow: true,
@@ -2348,7 +2632,7 @@
       window.earth.clock.currentTime = start.clone();
       // window.earth.clock.clockRange = Cesium.ClockRange.LOOP_STOP; // Loop at the end循环
       window.earth.clock.clockRange = Cesium.ClockRange.CLAMPED; //到达终止时间后自动停止
-      window.earth.clock.multiplier = 0.5;
+      window.earth.clock.multiplier = 0.3;
 
       for (let i = 0; i < lineLength; i++) {
         const time = Cesium.JulianDate.addSeconds(
@@ -2372,6 +2656,41 @@
      */
 
     InitRoaming(position, start, stop, isPathShow) {
+      this.finishedArray = [];
+
+      //杨工新方法
+      //定制已走过的橙色线
+      if (this.redLine) {
+        //改为空的坐标
+        this.redLine.polyline.positions = new Cesium.CallbackProperty(
+          (time, result) => {
+            //endLongitude = startLongitude + 0.001 * Cesium.JulianDate.secondsDifference(time, startTime);
+            return Cesium.Cartesian3.fromDegreesArrayHeights(
+              [
+                114.08776071508423, 32.09554632853193, -4.0000002853217715,
+                114.08775831828851, 32.09554847106537, -4.000000519596626,
+              ],
+              Cesium.Ellipsoid.WGS84,
+              result
+            );
+          },
+          false
+        );
+      } else {
+        this.redLine = window.earth.entities.add({
+          type: "redline",
+          polyline: {
+            // This callback updates positions each frame.
+            // positions : new Cesium.CallbackProperty(function(time, result) {
+            //     //endLongitude = startLongitude + 0.001 * Cesium.JulianDate.secondsDifference(time, startTime);
+            //     return Cesium.Cartesian3.fromDegreesArrayHeights([], Cesium.Ellipsoid.WGS84, result);
+            // }, false),
+            width: 10,
+            material: Cesium.Color.RED,
+          },
+        });
+      }
+
       //this.position = position;
       this.entity = window.earth.entities.add({
         availability: new Cesium.TimeIntervalCollection([
@@ -2382,13 +2701,19 @@
         ]),
         // 位置
         position: position,
+
         // 计算朝向
+        //设置视野距离
+        viewFrom: new Cesium.Cartesian3(-25.0, -25.0, 25.0),
 
         orientation: new Cesium.VelocityOrientationProperty(position),
 
         model: {
-          //uri: "/gltfUrl/car01.gltf",
+          //uri: "/gltfUrl/gongren.gltf",
           uri: "/gltfUrl/gltf/gongren.gltf",
+          // minimumPixelSize:6400,
+          // maximumSize:128,
+          // maximumScale:200,
 
           //uri: "/gltfUrl/00256_Daud008.fbx.glb",
           scale: 0.001,
@@ -2406,7 +2731,7 @@
           resolution: 1,
           material: new Cesium.PolylineGlowMaterialProperty({
             glowPower: 0.1,
-            color: Cesium.Color.RED.withAlpha(0.5),
+            color: Cesium.Color.GREEN.withAlpha(0.5),
           }),
           width: 10,
           show: true,
@@ -2421,6 +2746,15 @@
       });
     },
 
+    //世界坐标系转经纬度
+    Cartesian3_to_WGS84(point) {
+      var cartesian33 = new Cesium.Cartesian3(point.x, point.y, point.z);
+      var cartographic = Cesium.Cartographic.fromCartesian(cartesian33);
+      var lat = Cesium.Math.toDegrees(cartographic.latitude);
+      var lng = Cesium.Math.toDegrees(cartographic.longitude);
+      var alt = cartographic.height;
+      return { lng: lng, lat: lat, alt: alt };
+    },
     //第一视角漫游方法
     OneSeeFunc(position) {
       // console.log("进来了onsese")
@@ -2438,6 +2772,38 @@
           window.earth.clock.currentTime,
           this.center
         );
+
+        //先转为经纬度
+        var lonlatcell = this.Cartesian3_to_WGS84(this.center);
+
+        if (this.isEndRoam == false) {
+          this.finishedArray.push(lonlatcell.lng);
+          this.finishedArray.push(lonlatcell.lat);
+          this.finishedArray.push(lonlatcell.alt);
+        }
+
+        console.log("this.finishedArray", this.finishedArray);
+        console.log("this.redLine", this.redLine);
+
+        this.redLine.polyline.positions = new Cesium.CallbackProperty(
+          (time, result) => {
+            //endLongitude = startLongitude + 0.001 * Cesium.JulianDate.secondsDifference(time, startTime);
+            return Cesium.Cartesian3.fromDegreesArrayHeights(
+              this.finishedArray,
+              Cesium.Ellipsoid.WGS84,
+              result
+            );
+          },
+          false
+        );
+
+        this.redLine.polyline.width = 10;
+        this.redLine.polyline.material = Cesium.Color.RED;
+
+        //根据center去绘制已走过的entities坐标
+
+        //console.log("this.center", this.center)
+
         // console.log(center);
         // console.log(this.entity);
         //       if (
@@ -2475,9 +2841,10 @@
         //长丰泵站
         //this.AnimateState
 
-        if (judgeTime > -100 && judgeTime < -96 && this.ispanelCFBZ == false) {
+        // if (judgeTime > -100 && judgeTime < -96 && this.ispanelCFBZ == false) {
+        if (judgeTime > -29 && judgeTime < -25 && this.ispanelCFBZ == false) {
           this.holdMY();
-          console.log("开始展示长丰泵站");
+          // console.log("开始展示长丰泵站");
           document.getElementById("问题2").style.display = "block";
 
           window.earth.scene.preRender.addEventListener(() => {
@@ -2492,11 +2859,34 @@
           this.ispanelCFBZ = true;
           setTimeout(() => {
             this.holdMY();
-            console.log("停止展示长丰泵站,继续动画");
+            // console.log("停止展示长丰泵站,继续动画");
             document.getElementById("问题2").style.display = "none";
           }, 4000);
         }
 
+        // if (judgeTime > -90 && judgeTime < -86 && this.ispanelWT1 == false) {
+        if (judgeTime > -17 && judgeTime < -13 && this.ispanelWT1 == false) {
+          this.holdMY();
+          // console.log("开始展示长丰泵站");
+          document.getElementById("问题1").style.display = "block";
+
+          window.earth.scene.preRender.addEventListener(() => {
+            var position = new Cesium.Cartographic(
+              114.085094085325,
+              32.0977182205015,
+              1.5
+            );
+            this.fixDomPosition("问题1", position);
+          });
+
+          this.ispanelWT1 = true;
+          setTimeout(() => {
+            this.holdMY();
+            // console.log("停止展示长丰泵站,继续动画");
+            document.getElementById("问题1").style.display = "none";
+          }, 4000);
+        }
+
         //长丰闸站
         // if (
         //     judgeTime > -76 &&
@@ -2560,6 +2950,10 @@
     EndRoaming() {
       //  console.log(JulianDate.compare(window.earth.clock.currentTime, window.earth.clock.stopTime));
 
+      this.finishedArray = [];
+
+      if (this.redLine) window.earth.entities.remove(this.redLine);
+
       this.isEndRoam = true;
       if (this.entity !== undefined) {
         window.earth.entities.remove(this.entity);
@@ -2568,6 +2962,7 @@
     },
     //开始漫游暂停等
     beginMY() {
+      this.ispanelWT1 = false;
       this.ispanelCFBZ = false;
       this.ispanelCFZZ = false;
 
@@ -2650,6 +3045,29 @@
     //   this.PauseOrContinue(true);
     // },
     endMY() {
+      this.isEndRoam = true;
+      this.finishedArray = [];
+
+      if (this.redLine) window.earth.entities.remove(this.redLine);
+      // this.redLine.polyline.positions=null
+      //  this.redLine.polyline.positions=new Cesium.CallbackProperty((time, result)=> {
+      //     //endLongitude = startLongitude + 0.001 * Cesium.JulianDate.secondsDifference(time, startTime);
+      //     return Cesium.Cartesian3.fromDegreesArrayHeights([114.08776071508423, 32.09554632853193, -4.0000002853217715, 114.08775831828851, 32.09554847106537, -4.000000519596626], Cesium.Ellipsoid.WGS84, result);
+      // }, false)
+
+      //    this.redLine =  window.earth.entities.add({
+      //      polyline : {
+      //     // This callback updates positions each frame.
+      //     // positions : new Cesium.CallbackProperty(function(time, result) {
+      //     //     //endLongitude = startLongitude + 0.001 * Cesium.JulianDate.secondsDifference(time, startTime);
+      //     //     return Cesium.Cartesian3.fromDegreesArrayHeights([], Cesium.Ellipsoid.WGS84, result);
+      //     // }, false),
+      //     width : 15,
+      //     material : Cesium.Color.RED
+      // }
+
+      // });
+
       //this.removeAllpopup()
       //变量隐藏
       /*   //展示实时泵站面板
@@ -2674,98 +3092,161 @@
   },
 };
 </script>
-
+ 
 <style lang="less" scoped>
 .tools-content {
   position: absolute;
+
   left: 267px;
+
   right: 0;
+
   top: 60px;
+
   transform: translateY(-60px);
+
   transition: all 0.2s ease-in-out;
+
   &.show {
     transform: translateY(0);
   }
+
   .top-content1 {
     display: flex;
+
     height: 60px;
+
     justify-content: center;
+
     align-items: center;
+
     /*   background-color: rgba(0, 0, 0, 0.5); */
+
     img {
       width: 38px;
+
       margin-right: 20px;
+
       cursor: pointer;
     }
+
     .divider {
       width: 2px;
+
       height: 18px;
+
       background-color: #fff;
+
       margin-right: 20px;
     }
+
     .r {
       width: 32px;
+
       height: 32px;
+
       background-color: #fff;
+
       margin-right: 20px;
+
       text-align: center;
+
       border-radius: 50%;
+
       display: flex;
+
       justify-content: center;
+
       align-items: center;
+
       cursor: pointer;
+
       &.active {
         background-color: #0bc3f5;
       }
+
       img {
         width: 20px;
+
         margin: 0 auto;
       }
     }
   }
+
   .toggle-tools {
     text-align: center;
+
     p {
       margin: 0;
+
       height: 30px;
+
       display: flex;
+
       align-items: center;
+
       width: 50px;
+
       margin: 0 auto;
+
       background-color: rgba(0, 0, 0, 0.5);
+
       cursor: pointer;
+
       justify-content: center;
     }
   }
 }
+
 .videoPop {
   display: inline-block;
+
   right: 57px;
+
   top: 0px;
+
   width: 500px;
+
   height: 300px;
+
   z-index: 200;
+
   position: absolute;
 }
+
 .video {
   width: 100%;
+
   height: 100%;
+
   overflow: hidden;
 }
+
 #videoEvent {
   width: 100%;
+
   height: 100%;
 }
+
 .bzstyle {
   position: absolute;
+
   z-index: 2;
+
   color: white;
+
   /*   height: 96px; */
+
   line-height: 21px;
+
   font-size: 16px;
+
   font-weight: 600;
+
   text-align: center;
+
   /* width: 150px; */
+
   cursor: pointer;
 
   user-select: none;
@@ -2773,131 +3254,263 @@
 
 .panelstylesp {
   z-index: 1001;
+
   position: absolute;
+
   // margin-left: -200px;
+
   // margin-top: -80px;
+
   background-color: #101333;
+
   top: 0;
+
   left: 0;
+
   border-radius: 2px;
+
   max-width: 500px;
+
   min-width: 480px;
+
   min-height: 60px;
+
   box-shadow: 0 0 6px #101333;
 }
-
-.panelstyle {
+.panelstyleqita {
   // z-index: 1001;
+
   // position: absolute;
+
   // margin-left: -115px;;
+
   // margin-top: -349px;
+
   // color: white;
+
   // min-height: 60px;
 
   background-color: #101333;
-  box-shadow: 0 0 6px #101333;
-  max-width: 550px;
 
+  box-shadow: 0 0 6px #101333;
+
+  max-width: 250px;
+  margin-left: -103px;
+  margin-top: -253px;
   z-index: 1001;
+
   position: absolute;
+
   right: 5px;
+
   top: -3px;
+
   cursor: pointer;
+
   color: #aaa;
+
   &:hover {
     // color: #777;
   }
 }
+
+.panelstyle {
+  // z-index: 1001;
+
+  // position: absolute;
+
+  // margin-left: -115px;;
+
+  // margin-top: -349px;
+
+  // color: white;
+
+  // min-height: 60px;
+
+  margin-top: -209px;
+  margin-left: 27px;
+
+  background-color: #101333;
+
+  box-shadow: 0 0 6px #101333;
+
+  max-width: 550px;
+
+  // margin-left: -103px;
+  // margin-top: -253px;
+
+  z-index: 1001;
+
+  position: absolute;
+
+  right: 5px;
+
+  top: -3px;
+
+  cursor: pointer;
+
+  color: #aaa;
+
+  &:hover {
+    // color: #777;
+  }
+}
+
 .item {
   display: flex;
+
   line-height: 28px;
+
   margin-bottom: 10px;
+
   box-shadow: 0px 1px 3px #0c8585;
+
   .l {
     width: 85px;
+
     color: #ccc;
+
     margin-right: 10px;
   }
+
   .r {
     flex: 1;
+
     text-align: right;
+
     box-sizing: border-box;
+
     padding-right: 20px;
   }
 }
+
 .call {
   width: 80px;
+
   height: 30px;
+
   line-height: 30px;
+
   background-color: #1890ff;
+
   text-align: center;
+
   font-size: 14px;
+
   border-radius: 2px;
+
   cursor: pointer;
+
   margin: 10px auto 10px;
+
   float: left;
+
   color: #fff;
+
   margin-left: 240px;
+
   &:hover {
     color: rgb(204, 204, 204);
   }
 }
+
 .cnt-list {
   margin-top: 10px;
+
   display: flex;
+
   flex-wrap: wrap;
+
   .item00 {
     width: 50px;
+
     margin-right: 5px;
+
     text-align: center;
+
     .name {
       margin-top: 5px;
+
       font-size: 13px;
+
       color: #ccc;
     }
   }
 }
+
 // &::after {
+
 //   content: "";
+
 //   width: 0;
+
 //   height: 0;
+
 //   position: absolute;
+
 //   display: block;
+
 //   border-top: 7px solid #101333;
+
 //   border-left: 7px solid transparent;
+
 //   border-right: 7px solid transparent;
+
 //   bottom: -7px;
+
 //   left: 50%;
+
 //   transform: translateX(-50%);
+
 // }
 
 #supermap3D {
   font-family: "Avenir", Helvetica, Arial, sans-serif;
+
   -webkit-font-smoothing: antialiased;
+
   -moz-osx-font-smoothing: grayscale;
+
   text-align: center;
+
   color: #2c3e50;
+
   .right-menu {
     position: absolute;
+
     right: 30px;
+
     color: white;
+
     top: 100px;
+
     z-index: 1001;
+
     .item {
       margin-bottom: 20px;
+
       height: 70px;
+
       line-height: 70px;
+
       width: 200px;
+
       text-align: center;
+
       font-size: 24px;
+
       font-family: "HUAKANG";
+
       background-image: linear-gradient(
         to right,
         rgba(3, 39, 110, 1),
         rgba(3, 39, 110, 0.2)
       );
+
       cursor: pointer;
+
       transition: all 0.25s ease-in-out;
+
       &.active {
         background-image: linear-gradient(
           to right,
@@ -2908,164 +3521,280 @@
     }
   }
 }
+
 .bubble {
   position: absolute;
+
   margin: 0;
+
   margin-left: -500px;
+
   margin-bottom: -25px;
 }
+
 .mapPanel {
   position: relative;
 }
+
 // .panelstyle{
+
 //   z-index: 1001;
+
 //   position: absolute;
+
 //   margin-top: -233px;
+
 //   margin-left: -140px;
+
 //   top: 168px;
+
 //   left: 0px;
+
 //   color: white;
+
 //   min-height: 60px;
+
 // }
 
 // .panelstyle-bak  {
+
 //  z-index: 1001;
+
 //   position: absolute;
+
 //   margin-left: -155px;;
+
 //   margin-top: -49px;
+
 //   color: white;
+
 //   min-height: 60px;
+
 // }
 
 /****  地图属性面板通用样式  ****/
+
 .page-panel {
   position: absolute;
+
   padding: 0 15px;
+
   background: rgba(0, 0, 0, 0.7);
+
   border: 1px solid #3b5082;
+
   border-top: 2px solid #00ffff;
+
   bottom: 30px;
 }
+
 .page-panel .panel-head {
   display: flex;
+
   color: #00ffff;
+
   font-size: 16px;
+
   font-weight: bold;
+
   padding: 20px 7px 14px 0;
+
   line-height: 16px;
+
   cursor: pointer;
+
   justify-content: space-between;
+
   border-bottom: 1px solid #20343f;
 }
+
 .page-panel .panel-body {
   padding: 10px 0 18px;
 }
+
 .panel-body1 {
   display: flex;
+
   width: 975px;
+
   flex-wrap: wrap;
 }
+
 .panel-body1-item {
   width: 32%;
+
   height: 30px;
+
   color: #fff;
 }
+
 .page-panel .panel-list-item {
   display: flex;
+
   height: 14px;
+
   color: #b3c5ec;
+
   font-size: 14px;
+
   line-height: 14px;
+
   margin-top: 20px;
+
   align-items: center;
+
   justify-content: space-between;
 }
+
 .page-panel .panel-list-item .label {
   padding: 0;
 }
+
 .page-panel::before,
 .page-panel::after {
   position: absolute;
+
   left: 50%;
+
   width: 0;
+
   height: 0;
+
   border: 6px solid transparent;
+
   content: "";
 }
+
 .page-panel::after {
   bottom: -12px;
+
   border-top-color: #3b5082;
+
   z-index: 10;
+
   margin-left: -2px;
 }
+
 .page-panel::before {
   bottom: -11px;
+
   border-top-color: rgba(0, 0, 0, 0.7);
+
   z-index: 12;
+
   margin-left: -2px;
 }
+
 .page-panel .close-icon {
   position: absolute;
+
   right: 7px;
+
   top: 18px;
+
   color: #1dfdf8 !important;
+
   font-weight: bold;
+
   font-size: 10px;
+
   padding: 1px;
+
   z-index: 100;
+
   margin-top: -7px;
+
   border: 1px solid #1dfdf8;
 }
+
 .qxsyopacity {
   width: 227px;
+
   /* top: 20px; */
+
   right: 30px;
+
   margin-top: -343px;
+
   margin-left: 1700px;
+
   z-index: 999999999999;
+
   position: relative;
 }
+
 .TongHuaLeft {
   width: 50%;
+
   height: 230px;
+
   float: left;
+
   padding-top: 8px;
 }
+
 .TongHuaRight {
   width: 50%;
+
   height: 230px;
+
   float: left;
+
   padding-top: 8px;
 }
+
 .close {
   width: 100%;
+
   box-sizing: border-box;
+
   text-align: right;
+
   padding-right: 10px;
+
   height: 40px;
+
   line-height: 40px;
+
   position: relative;
+
   border-bottom: 1px solid #ccc;
+
   background: #0b2447;
 }
+
 .RenYuanTitle {
   position: absolute;
+
   display: inline-block;
+
   width: 100px;
+
   text-align: center;
+
   height: 40px;
+
   line-height: 40px;
+
   font-size: 18px;
+
   color: white;
+
   left: 50%;
+
   margin-left: -50px;
+
   top: 0px;
 }
+
 .content {
   width: 100%;
+
   height: auto;
 }
+
 .RenYuanImg {
   height: 100%;
 }
 </style>
+ 
\ No newline at end of file

diff --git a/dist.zip b/dist.zip
index b7e57eb..6426f0a 100644
--- a/dist.zip
+++ b/dist.zip
Binary files differ
diff --git a/src/components/call.vue b/src/components/call.vue
index ade3861..29d6b7a 100644
--- a/src/components/call.vue
+++ b/src/components/call.vue
@@ -609,7 +609,6 @@
       var context = this;
 
       // 初始化
-      debugger;
       RongCallLib = RongCall.initCallLib(context.selfUserId);
       // 注册命令(消息)监听
       RongCallLib.commandWatch(function (message) {
diff --git a/src/util/excel.js b/src/util/excel.js
new file mode 100644
index 0000000..687c074
--- /dev/null
+++ b/src/util/excel.js
@@ -0,0 +1,16 @@
+/**
+ * 项目管理相关接口
+ * @exports {Object}
+ */
+const host = "/hapi";
+
+let nozzle = {
+  recordSelectAllPoints: "/record/selectAllPoints", //人员轨迹
+
+  
+};
+
+for (const item in nozzle) {
+  nozzle[item] = host + nozzle[item];
+}
+export default nozzle;
diff --git a/src/util/interface.js b/src/util/interface.js
index e90c979..59bf882 100644
--- a/src/util/interface.js
+++ b/src/util/interface.js
@@ -1,5 +1,6 @@
 import department from './department'
 import hapi from './hapi'
+import Excel from "./excel";
 // import dataSource from './apiField/dataSource';
 
 const host = '/sysApi'
@@ -18,5 +19,6 @@
 // nozzle = Object.assign(nozzle, project)
 nozzle = Object.assign(nozzle, department)
 nozzle = Object.assign(nozzle, hapi)
+nozzle = Object.assign(nozzle, Excel)
 // nozzle = Object.assign(nozzle, dataSource);
 export default nozzle
diff --git a/src/views/CesiumCom/CesiumVue.vue b/src/views/CesiumCom/CesiumVue.vue
index 8d5ad69..848f8e8 100644
--- a/src/views/CesiumCom/CesiumVue.vue
+++ b/src/views/CesiumCom/CesiumVue.vue
@@ -44,6 +44,7 @@
       width="700px"
       :close-on-click-modal="false"
       @close="closeDialog()"
+      
     >
       <div
         id="TongHuaBox"
diff --git a/src/views/CesiumCom/swqj3Dmap.vue b/src/views/CesiumCom/swqj3Dmap.vue
index 4f8d6b5..233280a 100644
--- a/src/views/CesiumCom/swqj3Dmap.vue
+++ b/src/views/CesiumCom/swqj3Dmap.vue
@@ -1,3 +1,20 @@
+GitBucket GitBucket
+Toggle navigation
+Find a repository
+Snippets
+Sign in
+ Files
+ Branches1
+ Releases
+ Issues
+ Pull requests
+ Labels
+ Priorities
+ Milestones
+ Wiki
+ zhangqy / XinYang_SanWei+RongYun
+ XinYang_SanWei+RongYun / src / views / CesiumCom / swqj3Dmap.vue
+@raoxianxuan raoxianxuan 34 minutes ago 110 KB gis提交
 <template>
   <div id="supermap3D" style="height: 100%">
     <div id="cesiumContainer" style="height: 100%"></div>
@@ -9,12 +26,12 @@
           <i class="el-icon-s-home iconDivs" @click="homeClick()" theme="filled" title="主界面" />
           <i class="el-icon-back iconDivs" @click="preStaMY()" theme="filled" title="上一站" />
           <i class="el-icon-right iconDivs" @click="nextStaMY()" theme="filled" title="下一站" />
-
+ 
   
           <i class="el-icon-s-promotion iconDivs" @click="beginMY()" theme="filled" title="开始" />
           <<i :class="playstopIcon" @click="holdMY()" theme="filled" :title="playstopTitle" /> 
           <i class="el-icon-switch-button iconDivs" @click="endMY()" theme="filled" title="停止" />
-
+ 
     
           <i class="el-icon-full-screen iconDivs" @click="fullClick" title="全屏" />
         </div>
@@ -67,13 +84,13 @@
     <!--泵站属性框-->
     <template v-if="MonitorStationBZ.length">
       <div
-        class="panelstyle"
+        class="panelstyleqita"
         v-show="bgMarkStationBZ"
         v-for="(item, index) in MonitorStationBZ"
-        :key="'bengzmonitorStskds' + index"
+        :key="'bengzmosnorStskds' + index"
         :id="item.id"
       >
-        <div class="close" @click="clearPopup($event)"></div>
+        <div class="close" @click="clearPopup($event)">x</div>
         <div class="content">
           <div class="item">
             <div class="l">名称:</div>
@@ -86,10 +103,10 @@
     <!--泵站属性框-->
     <template v-if="MonitorStationBZ.length">
       <div
-        class="panelstyle"
+        class="panelstyleqita"
         v-show="bgMarkStationBZ"
         v-for="(item, index) in MonitorStationBZ"
-        :key="'bengzmonitorStation' + index"
+        :key="'bengmonisrStation' + index"
         :id="item.id"
       >
         <div class="close" @click="clearPopup($event)">x</div>
@@ -103,12 +120,12 @@
     </template>
 
     <!--问题二属性框-->
-    <template v-if="MonitorStationZZ.length">
+    <!-- <template v-if="MonitorStationZZ.length">
       <div
-        class="panelstyle"
+        class="panelstyleqita"
         v-show="bgMarkStationZZ"
         v-for="(item, index) in MonitorStationZZ"
-        :key="'zhazhanmonitorStation' + index"
+        :key="'zhazhansmonitorStation' + index"
         :id="item.id"
       >
         <div class="close" @click="clearPopup($event)">x</div>
@@ -123,15 +140,14 @@
           </div>
         </div>
       </div>
-    </template>
+    </template> -->
 
-    <!--人员属性框-->
-    <template v-if="MonitorStationRY.length">
+    <template v-if="MonitorStationZZ.length">
       <div
         class="panelstyle"
         v-show="bgMarkStationZZ"
-        v-for="(item, index) in MonitorStationRY"
-        :key="'renyuanmonitorStation' + index"
+        v-for="(item, index) in MonitorStationZZ"
+        :key="'zhazhansmonitorStation' + index"
         :id="item.id"
       >
         <div class="close" @click="clearPopup($event)">
@@ -157,16 +173,68 @@
             </div>
             <div class="item">
               <div class="l">任务进度 :</div>
-              <div class="r">{{ renwujindu }}</div>
+              <div class="r">{{ renwujinzhan }}</div>
             </div>
             <div class="item">
               <div class="l">事件时间 :</div>
-              <div class="r">{{ shijianshijian }}</div>
+              <div class="r">2021-12-24</div>
             </div>
           </div>
           <div class="TongHuaRight">
             <el-carousel height="220px">
-              <el-carousel-item v-for="item in imgData" :key="item">
+              <el-carousel-item v-for="(item, index) in imgData" :key="index">
+                <img :src="item.img" class="RenYuanImg" alt="" />
+              </el-carousel-item>
+            </el-carousel>
+          </div>
+
+          <div class="call" @click="callPerson">点击通话</div>
+        </div>
+      </div>
+    </template>
+
+    <!--人员属性框-->
+    <template v-if="MonitorStationRY.length">
+      <div
+        class="panelstyle"
+        v-show="bgMarkStationZZ"
+        v-for="(item, index) in MonitorStationRY"
+        :key="'renyuanmdstoration' + index"
+        :id="item.id"
+      >
+        <div class="close" @click="clearPopup($event)">
+          <span class="RenYuanTitle">人员信息</span> x
+        </div>
+        <div class="content">
+          <div class="TongHuaLeft">
+            <div class="item">
+              <div class="l">人员姓名 :</div>
+              <div class="r">{{ peoplename }}</div>
+            </div>
+            <div class="item">
+              <div class="l">所属河道 :</div>
+              <div class="r">{{ suoshuhedao }}</div>
+            </div>
+            <div class="item">
+              <div class="l">问题描述 :</div>
+              <div class="r">{{ wentimiaoshu }}</div>
+            </div>
+            <div class="item">
+              <div class="l">问题分类 :</div>
+              <div class="r">{{ wentifenlei }}</div>
+            </div>
+            <div class="item">
+              <div class="l">任务进度 :</div>
+              <div class="r">{{ renwujinzhan }}</div>
+            </div>
+            <div class="item">
+              <div class="l">事件时间 :</div>
+              <div class="r">2021-12-24</div>
+            </div>
+          </div>
+          <div class="TongHuaRight">
+            <el-carousel height="220px">
+              <el-carousel-item v-for="(item, index) in imgData" :key="index">
                 <img :src="item.img" class="RenYuanImg" alt="" />
               </el-carousel-item>
             </el-carousel>
@@ -180,10 +248,10 @@
     <!--站点属性框-->
     <template v-if="MonitorStation.length">
       <div
-        class="panelstyle"
+        class="panelstyleqita"
         v-show="bgMarkStation"
         v-for="(item, index) in MonitorStation"
-        :key="'stationmonitorStation' + index"
+        :key="'stationmsdtorStaon' + index"
         :id="item.stCode"
       >
         <div class="page-panel mapPanel">
@@ -332,7 +400,7 @@
 
     <!-- 倾斜摄影透明度 -->
     <!-- <div id="toolbar" class="param-container tool-bar">
-
+ 
      <div id="qxsyopacity" style="width: 227px;right: 30px;margin-top: -272px;margin-left: 1700px;z-index: 999999999999;position: relative;">
 			<label style="color:#FFFFFF ">图层透明:</label>
 			<input type="range" style="width: 65%" min="0" max="1" step="0.02" title="调整地上图层透明度"
@@ -394,7 +462,7 @@
         </div> -->
   </div>
 </template>
-
+ 
 <script>
 let handler = null;
 export default {
@@ -409,6 +477,8 @@
           img: require("./../../../static/img/2.png"),
         },
       ],
+
+      currentMark: "",
       peoplename: "石付军",
       suoshuhedao: "浉河",
       wentimiaoshu: "浉河虹桥附近",
@@ -425,6 +495,7 @@
       videoPanelShow: false, //播放视频面板显隐
       dataliststation: [],
       ispanelCFBZ: false,
+      ispanelWT1: false,
       ispanelCFZZ: false,
       ispanelWZD: false,
       ispanelSPD: false,
@@ -574,6 +645,40 @@
 
     window.earth = viewer;
 
+    //加载人员轨迹接口
+    // type：(1  河道 /2 管网 /"" 所有 )
+    var params = { data: { type: "" } };
+    this.$http.post(this.nozzle.recordSelectAllPoints, params).then((res) => {
+      if (res.data.code == 200) {
+        this.MonitorStationRY = [];
+
+        var celllist = res.data.data;
+        for (var i = 0; i < celllist.length; i++) {
+          var cell = celllist[i].point;
+
+          var cellthis = {
+            id: "张武",
+            type: "人员",
+            stCode: "037606866240467",
+            lon: 114.083925956929,
+            lat: 32.0963300318205,
+          };
+          cellthis.id = celllist[i].userName;
+          cellthis.stCode = celllist[i].userName;
+          cellthis.lon = cell[cell.length - 1].P;
+          cellthis.lat = cell[cell.length - 1].O;
+
+          //人员
+
+          this.MonitorStationRY.push(cellthis);
+        }
+
+        console.log("this.MonitorStationRY", this.MonitorStationRY);
+        //根据轨迹数据进行刷新路线
+        this.addPointPeople(this.MonitorStationRY);
+      }
+    });
+
     //  window.provider_imgLayer = new Cesium.TileMapServiceImageryProvider({
     //   // url:'/imgUrl/矩形区域(2)/tiles',
     //   // url:'/imgUrl/tdtTMS/xinyangimg1/tiles',
@@ -584,7 +689,7 @@
 
     //高德影像
     window.provider_imgLayer = new Cesium.TileMapServiceImageryProvider({
-      //url: '/imgUrl/xinyangimg',
+      // url: '/imgUrl/xinyangimg',
       url: "http://webst02.is.autonavi.com/appmaptile?style=6&x={x}&y={y}&z={z}",
       //url:"https://192.168.100.18:10001/webstUrl/appmaptile?style=6&x={x}&y={y}&z={z}",
       fileExtension: "png",
@@ -593,9 +698,14 @@
       window.provider_imgLayer
     );
 
+    //调节亮度
+    window.imglayer.brightness = 2.0;
+    /* window.arcgislayer.contrast = 1.5;
+     window.arcgislayer.saturation = 1.0; */
+
     // video控件是原生获取的dom
     /* this.video = document.getElementById("videoEvent");
-
+ 
         this.videoPlayPause(); */
 
     //设置隐形飞机及路线
@@ -628,18 +738,48 @@
     showAndHightPoint(data) {
       console.log("点击了人员：", data);
 
+      //this.currentMark="系统管理员"
+
       this.peoplename = data.userName;
 
-      var keyid = "张小明";
+      var keyid = "系统管理员";
+      //var keyid = data.userName;
+
       var lon = 114.0805319404991;
       var lat = 32.10399069614823;
 
+      for (var k = 0; k < this.MonitorStationRY.length; k++) {
+        if (this.MonitorStationRY[k].id == keyid) {
+          lon = this.MonitorStationRY[k].lon;
+          lat = this.MonitorStationRY[k].lat;
+
+          console.log(111111111111, lon);
+          console.log(2222222222222, lat);
+
+          break;
+        }
+      }
+
       document.getElementById(keyid).style.display = "block";
 
       window.earth.scene.preRender.addEventListener(() => {
-        var position = new Cesium.Cartographic(lon, lat, 0);
+        var position = new Cesium.Cartographic(
+          parseFloat(lon),
+          parseFloat(lat),
+          0
+        );
         this.fixDomPosition(keyid, position);
       });
+
+      // document.getElementById(keyid).style.display = "block";
+
+      // window.earth.scene.preRender.addEventListener(() => {
+      //   var position = new Cesium.Cartographic(lon, lat, 0);
+      //   console.log("lon",lon)
+      //     console.log("lat",lat)
+      //     console.log("keyid",keyid)
+      //   this.fixDomPosition(keyid, position);
+      // });
     },
     clearPopup(event) {
       var clickDom = event.currentTarget;
@@ -1301,18 +1441,21 @@
                         var leftcut = 190;
                         console.log(pickedFeature);
                         if (pickedFeature.id.type == "问题点") {
-                          document.getElementById("问题2").style.display =
-                            "block";
+                          document.getElementById(
+                            pickedFeature.id.id
+                          ).style.display = "block";
 
                           window.earth.scene.preRender.addEventListener(() => {
                             var position = new Cesium.Cartographic(
-                              114.0864063271,
-                              32.0967950080981,
+                              pickedFeature.id.lon,
+                              pickedFeature.id.lat,
                               -6
                             );
                             this.fixDomPosition(pickedFeature.id.id, position);
                           });
                         } else if (pickedFeature.id.type == "人员") {
+                          this.peoplename = pickedFeature.id.id;
+
                           document.getElementById(
                             pickedFeature.id.id
                           ).style.display = "block";
@@ -1522,7 +1665,7 @@
           //循环删除多个实体lable
           var viewer = window.earth;
           var entitys = viewer.entities._entities._array;
-
+ 
           for (var i = 0; i < entitys.length; i++) {
             
             if (entitys[i].type && (entitys[i].type=="wushuiarrow"||entitys[i].type=="yushuiarrow"||entitys[i].type=="heliuarrow")) {
@@ -1534,7 +1677,7 @@
           //循环删除多个实体lable
           var viewer = window.earth;
           var entitys = viewer.entities._entities._array;
-
+ 
           for (var i = 0; i < entitys.length; i++) {
             if (entitys[i].type && (entitys[i].type=="wushuiarrow"||entitys[i].type=="yushuiarrow"||entitys[i].type=="heliuarrow")) {
               entitys[i].show = true;
@@ -1563,6 +1706,15 @@
         },
 
         {
+          id: "问题1",
+          type: "问题点",
+          ms: "此处有水面垃圾",
+          stCode: "00111",
+          lon: 114.085094085325,
+          lat: 32.0977182205015,
+        },
+
+        {
           id: "问题2",
           type: "问题点",
           ms: "此处有水面垃圾",
@@ -1635,16 +1787,20 @@
       console.log("this.MonitorStationBZ", this.MonitorStationBZ);
       console.log("this.MonitorStationZZ", this.MonitorStationZZ);
 
-      //人员
-      this.MonitorStationRY = this.dataliststation.filter(function (item) {
-        return item.type == "人员";
-      });
-      this.addPoint(this.MonitorStationRY);
+      // //人员
+      // this.MonitorStationRY = this.dataliststation.filter(function (item) {
+      //   return item.type == "人员";
+      // });
+      // this.addPoint(this.MonitorStationRY);
     },
 
     //添加点
     addPoint(data) {
+      //闪烁
+      var x = 1;
+      var flog = true;
       // console.log(data);
+      var scaledata = 1.0;
       let imgUrl = require("./../../../public/static/img/hdszy_zc.png");
       let placesj = new Cesium.Cartesian2(0, -60);
       var positionHeight = 15;
@@ -1663,6 +1819,7 @@
           case "人员":
             imgUrl = require("./../../../public/static/img/people.png");
             positionHeight = 0;
+            scaledata = 0.4;
             break;
         }
 
@@ -1682,12 +1839,100 @@
           ),
           billboard: {
             image: imgUrl,
+            scale: scaledata,
             // HorizontalOrigin: HorizontalOrigin.LEFT,
             // //垂直位置
             // verticalOrigin: VerticalOrigin.UP,
 
             pixelOffset: new Cesium.Cartesian2(0, -40),
             //heightReference:Cesium.CLAMP_TO_GROUND
+            //闪烁
+            show: new Cesium.CallbackProperty(function () {
+              if (this.currentMark == "张小明") {
+                if (flog) {
+                  x = x - 0.05;
+                  if (x <= 0) {
+                    flog = false;
+                  }
+                } else {
+                  x = x + 0.05;
+                  if (x >= 1) {
+                    flog = true;
+                  }
+                }
+                return x >= 0.5;
+              }
+            }, false),
+          },
+          label: {
+            text: data[i].id,
+
+            // font: '14pt monospace',
+            //font: 'Avenir, Helvetica, Arial, sans-serif',
+            font: "18px sans-serif",
+            //style: LabelStyle.FILL_AND_OUTLINE,
+            fillColor: Cesium.Color.WHITE,
+            outlineWidth: 2,
+            HorizontalOrigin: Cesium.HorizontalOrigin.LEFT,
+            //垂直位置
+            verticalOrigin: Cesium.VerticalOrigin.BUTTON,
+            //中心位置
+            pixelOffset: placesj,
+            // heightReference:Cesium.CLAMP_TO_GROUND
+          },
+        });
+      }
+    },
+
+    //添加人
+    addPointPeople(data) {
+      let imgUrl = require("./../../../public/static/img/people.png");
+      let positionHeight = 0;
+      let scaledata = 0.4;
+      var isshow = true;
+      let placesj = new Cesium.Cartesian2(0, -60);
+      for (let i = 0; i < data.length; i++) {
+        window.earth.entities.add({
+          name: data[i].id,
+          id: data[i].id,
+          lon: parseFloat(data[i].lon),
+          lat: parseFloat(data[i].lat),
+          num: data[i].id,
+          stCode: data[i].stCode,
+          type: data[i].type,
+          show: isshow,
+          position: Cesium.Cartesian3.fromDegrees(
+            parseFloat(data[i].lon),
+            parseFloat(data[i].lat),
+            positionHeight
+          ),
+          billboard: {
+            image: imgUrl,
+            scale: scaledata,
+            // HorizontalOrigin: HorizontalOrigin.LEFT,
+            // //垂直位置
+            // verticalOrigin: VerticalOrigin.UP,
+
+            pixelOffset: new Cesium.Cartesian2(0, -40),
+            //heightReference:Cesium.CLAMP_TO_GROUND
+            //闪烁
+            // show: new Cesium.CallbackProperty(function () {
+            //   if(this.currentMark=="张小明")
+            //   {
+            //   if (flog) {
+            //     x = x - 0.05;
+            //     if (x <= 0) {
+            //       flog = false;
+            //     }
+            //   } else {
+            //     x = x + 0.05;
+            //     if (x >= 1) {
+            //       flog = true;
+            //     }
+            //   }
+            //   return x >= 0.5;
+            //   }
+            // }, false),
           },
           label: {
             text: data[i].id,
@@ -1818,6 +2063,12 @@
       // { name: 'Combine' }
       // )
 
+      //            var promise=  window.earth.scene.addS3MTilesLayerByScp(
+      //   '/supermap3Dapi/iserver/services/3D-local3DCache-Config/rest/realspace/datas/Combine/config', //地址写到config那一级
+      //   //'http://192.168.100.6:8090/iserver/services/3D-local3DCache-osgbxy1/rest/realspace/datas/Combine/config', //地址写到config那一级
+      // { name: 'Combine' }
+      // )
+
       promise.then((layer) => {
         layer.visible = true;
 
@@ -2180,6 +2431,38 @@
         options.start
       );
     },
+    fullClick() {
+      //全屏事件
+      if (this.isFullscreen == false) {
+        this.isFullscreen = true;
+        Cesium.Fullscreen.requestFullscreen(document.body);
+      }
+      //退出全屏事件
+      else {
+        this.isFullscreen = false;
+        this.exitFullScreen();
+      }
+    },
+    // 退出全屏
+    exitFullScreen(el) {
+      var el = document,
+        cfs =
+          el.cancelFullScreen ||
+          el.webkitCancelFullScreen ||
+          el.mozCancelFullScreen ||
+          el.exitFullScreen,
+        wscript;
+      if (typeof cfs != "undefined" && cfs) {
+        cfs.call(el);
+        return;
+      }
+      if (typeof window.ActiveXObject != "undefined") {
+        wscript = new ActiveXObject("WScript.Shell");
+        if (wscript != null) {
+          wscript.SendKeys("{F11}");
+        }
+      }
+    },
     //飞行相关
     TravelCave() {
       ///依次遍历加载所有隧道管线
@@ -2216,92 +2499,93 @@
 
         routeCor.push(lonarr[kk]);
         routeCor.push(latarr[kk]);
-        routeCor.push(-5);
+        routeCor.push(-4);
       }
 
       routeCor.push(114.085719349506);
       routeCor.push(32.0971357752289);
-      routeCor.push(1.5);
+      routeCor.push(2);
 
       routeCor.push(114.085588643839);
       routeCor.push(32.0972612917984);
-      routeCor.push(1.5);
+      routeCor.push(2);
 
       routeCor.push(114.085491647299);
       routeCor.push(32.097355446692);
-      routeCor.push(1.5);
+      routeCor.push(2);
 
       routeCor.push(114.085318017236);
       routeCor.push(32.0975266208165);
-      routeCor.push(1.5);
+      routeCor.push(2);
 
       routeCor.push(114.085180056944);
       routeCor.push(32.0976642995766);
-      routeCor.push(1.5);
+      routeCor.push(2);
 
       routeCor.push(114.085119280774);
       routeCor.push(32.0977270301215);
-      routeCor.push(1.5);
+      routeCor.push(2);
 
       var lonarr1 = [
         114.085255976288, 114.085102694904, 114.085014961749, 114.084923781515,
         114.084786423886, 114.084692750713, 114.08460844511, 114.084534852399,
         114.084479672299, 114.084400450906, 114.084291694824, 114.084214065142,
         114.084115479127, 114.084036679425, 114.083948853824, 114.083828529212,
-        114.083762618346, 114.083670496717, 114.083564187366, 114.083480203343,
-        114.083397555403, 114.083285951538, 114.083209751656, 114.083146979527,
-        114.083040248719, 114.082968458143, 114.082938537003, 114.08288101482,
-        114.082811049091, 114.082774340772, 114.082727661101, 114.082680332365,
-        114.082648783926, 114.082594160631, 114.082546284847, 114.082503652205,
-        114.082434591266, 114.082384186164, 114.082308046589, 114.082250405793,
-        114.082192903706, 114.08211938981, 114.082049117193, 114.081992119443,
-        114.081940938433, 114.081879304096, 114.081824030884, 114.081748689648,
-        114.081686859164, 114.081597965895, 114.081531735095, 114.081470914758,
-        114.081400118209, 114.081330735072, 114.081271630674, 114.081224359781,
-        114.081150981215, 114.08107153615, 114.081034048701, 114.080977739837,
-        114.080925212461, 114.080852506325, 114.080752521335, 114.080700156844,
-        114.080629328236, 114.080532400489, 114.080459584228, 114.080399009685,
-        114.080335825006, 114.080242918602, 114.080179816621, 114.080181204924,
-        114.080089587943, 114.08004499385, 114.079971133277, 114.079850230649,
-        114.079784782032, 114.079729723803, 114.079660313457, 114.079583992338,
-        114.079527995873, 114.079459435964, 114.079408140909, 114.079333362151,
-        114.079230455162, 114.079146661184,
+        //114.083762618346, 114.083670496717, 114.083564187366, 114.083480203343,
+        // 114.083397555403, 114.083285951538, 114.083209751656, 114.083146979527,
+        // 114.083040248719, 114.082968458143, 114.082938537003, 114.08288101482,
+        // 114.082811049091, 114.082774340772, 114.082727661101, 114.082680332365,
+        // 114.082648783926, 114.082594160631, 114.082546284847, 114.082503652205,
+        // 114.082434591266, 114.082384186164, 114.082308046589, 114.082250405793,
+        // 114.082192903706, 114.08211938981, 114.082049117193, 114.081992119443,
+        // 114.081940938433, 114.081879304096, 114.081824030884, 114.081748689648,
+        // 114.081686859164, 114.081597965895, 114.081531735095, 114.081470914758,
+        // 114.081400118209, 114.081330735072, 114.081271630674, 114.081224359781,
+        // 114.081150981215, 114.08107153615, 114.081034048701, 114.080977739837,
+        // 114.080925212461, 114.080852506325, 114.080752521335, 114.080700156844,
+        // 114.080629328236, 114.080532400489, 114.080459584228, 114.080399009685,
+        // 114.080335825006, 114.080242918602, 114.080179816621, 114.080181204924,
+        // 114.080089587943, 114.08004499385, 114.079971133277, 114.079850230649,
+        // 114.079784782032, 114.079729723803, 114.079660313457, 114.079583992338,
+        // 114.079527995873, 114.079459435964, 114.079408140909, 114.079333362151,
+        // 114.079230455162, 114.079146661184,
       ];
       var latarr1 = [
         32.0978345684551, 32.0979785122343, 32.0980605423124, 32.0981493367731,
         32.0982863273092, 32.0983793459651, 32.0984714366192, 32.0985561170528,
         32.0986145838852, 32.0987069863075, 32.0988312425012, 32.0989236314715,
         32.0990387312133, 32.0991307915664, 32.0992359345577, 32.0993792349995,
-        32.0994578651062, 32.0995630877418, 32.0996859900723, 32.0997828704268,
-        32.0998817346794, 32.1000085537278, 32.100095185876, 32.1001652907905,
-        32.1002875662747, 32.1003736480043, 32.1004113295985, 32.1004861755372,
-        32.1005750063695, 32.1006252253616, 32.1006890091389, 32.1007584586724,
-        32.1008019054174, 32.1008821656155, 32.1009512477213, 32.1010090678594,
-        32.1011080872234, 32.1011858150934, 32.1012975869943, 32.1013840172796,
-        32.1014718984045, 32.1015816187692, 32.1016894782681, 32.1017769762188,
-        32.1018535972501, 32.1019493609947, 32.1020317658604, 32.1021482886804,
-        32.1022408675649, 32.1023756080394, 32.1024777230103, 32.1025734534491,
-        32.10268282509, 32.102787689644, 32.1028755374286, 32.1029506991419,
-        32.1030639197819, 32.1031839026546, 32.1032421167879, 32.10333213833,
-        32.1034137656734, 32.1035220905637, 32.1036792532342, 32.1037542274605,
-        32.103833226122, 32.1039417395034, 32.1040295715129, 32.1041000089462,
-        32.1041721958583, 32.1042804199954, 32.1043520409667, 32.1043507388764,
-        32.1044545582256, 32.104506639531, 32.1045937278367, 32.1047320829662,
-        32.104803349756, 32.1048685928752, 32.1049456548293, 32.1050357306808,
-        32.1050977032556, 32.1051800454596, 32.1052386907462, 32.1053237777052,
-        32.1054423308271, 32.1055366473754,
+        //32.0994578651062, 32.0995630877418, 32.0996859900723, 32.0997828704268,
+        // 32.0998817346794, 32.1000085537278, 32.100095185876, 32.1001652907905,
+        // 32.1002875662747, 32.1003736480043, 32.1004113295985, 32.1004861755372,
+        // 32.1005750063695, 32.1006252253616, 32.1006890091389, 32.1007584586724,
+        // 32.1008019054174, 32.1008821656155, 32.1009512477213, 32.1010090678594,
+        // 32.1011080872234, 32.1011858150934, 32.1012975869943, 32.1013840172796,
+        // 32.1014718984045, 32.1015816187692, 32.1016894782681, 32.1017769762188,
+        // 32.1018535972501, 32.1019493609947, 32.1020317658604, 32.1021482886804,
+        // 32.1022408675649, 32.1023756080394, 32.1024777230103, 32.1025734534491,
+        // 32.10268282509, 32.102787689644, 32.1028755374286, 32.1029506991419,
+        // 32.1030639197819, 32.1031839026546, 32.1032421167879, 32.10333213833,
+        // 32.1034137656734, 32.1035220905637, 32.1036792532342, 32.1037542274605,
+        // 32.103833226122, 32.1039417395034, 32.1040295715129, 32.1041000089462,
+        // 32.1041721958583, 32.1042804199954, 32.1043520409667, 32.1043507388764,
+        // 32.1044545582256, 32.104506639531, 32.1045937278367, 32.1047320829662,
+        // 32.104803349756, 32.1048685928752, 32.1049456548293, 32.1050357306808,
+        // 32.1050977032556, 32.1051800454596, 32.1052386907462, 32.1053237777052,
+        // 32.1054423308271, 32.1055366473754,
       ];
       for (let kk = 0; kk < lonarr1.length; kk++) {
         routeCor.push(lonarr1[kk]);
         routeCor.push(latarr1[kk]);
-        routeCor.push(-5);
+        routeCor.push(-4);
       }
 
       //求全管线漫游路径routeCor
       const Lines = Cesium.Cartesian3.fromDegreesArrayHeights(routeCor);
       //加载飞行模型参数
       const options = {
-        time: 117,
+        //time: 117,
+        time: routeCor.length / 3,
         // time: this.video.duration,
         Lines: Lines,
         isPathShow: true,
@@ -2348,7 +2632,7 @@
       window.earth.clock.currentTime = start.clone();
       // window.earth.clock.clockRange = Cesium.ClockRange.LOOP_STOP; // Loop at the end循环
       window.earth.clock.clockRange = Cesium.ClockRange.CLAMPED; //到达终止时间后自动停止
-      window.earth.clock.multiplier = 0.5;
+      window.earth.clock.multiplier = 0.3;
 
       for (let i = 0; i < lineLength; i++) {
         const time = Cesium.JulianDate.addSeconds(
@@ -2372,6 +2656,41 @@
      */
 
     InitRoaming(position, start, stop, isPathShow) {
+      this.finishedArray = [];
+
+      //杨工新方法
+      //定制已走过的橙色线
+      if (this.redLine) {
+        //改为空的坐标
+        this.redLine.polyline.positions = new Cesium.CallbackProperty(
+          (time, result) => {
+            //endLongitude = startLongitude + 0.001 * Cesium.JulianDate.secondsDifference(time, startTime);
+            return Cesium.Cartesian3.fromDegreesArrayHeights(
+              [
+                114.08776071508423, 32.09554632853193, -4.0000002853217715,
+                114.08775831828851, 32.09554847106537, -4.000000519596626,
+              ],
+              Cesium.Ellipsoid.WGS84,
+              result
+            );
+          },
+          false
+        );
+      } else {
+        this.redLine = window.earth.entities.add({
+          type: "redline",
+          polyline: {
+            // This callback updates positions each frame.
+            // positions : new Cesium.CallbackProperty(function(time, result) {
+            //     //endLongitude = startLongitude + 0.001 * Cesium.JulianDate.secondsDifference(time, startTime);
+            //     return Cesium.Cartesian3.fromDegreesArrayHeights([], Cesium.Ellipsoid.WGS84, result);
+            // }, false),
+            width: 10,
+            material: Cesium.Color.RED,
+          },
+        });
+      }
+
       //this.position = position;
       this.entity = window.earth.entities.add({
         availability: new Cesium.TimeIntervalCollection([
@@ -2382,13 +2701,19 @@
         ]),
         // 位置
         position: position,
+
         // 计算朝向
+        //设置视野距离
+        viewFrom: new Cesium.Cartesian3(-25.0, -25.0, 25.0),
 
         orientation: new Cesium.VelocityOrientationProperty(position),
 
         model: {
-          //uri: "/gltfUrl/car01.gltf",
+          //uri: "/gltfUrl/gongren.gltf",
           uri: "/gltfUrl/gltf/gongren.gltf",
+          // minimumPixelSize:6400,
+          // maximumSize:128,
+          // maximumScale:200,
 
           //uri: "/gltfUrl/00256_Daud008.fbx.glb",
           scale: 0.001,
@@ -2406,7 +2731,7 @@
           resolution: 1,
           material: new Cesium.PolylineGlowMaterialProperty({
             glowPower: 0.1,
-            color: Cesium.Color.RED.withAlpha(0.5),
+            color: Cesium.Color.GREEN.withAlpha(0.5),
           }),
           width: 10,
           show: true,
@@ -2421,6 +2746,15 @@
       });
     },
 
+    //世界坐标系转经纬度
+    Cartesian3_to_WGS84(point) {
+      var cartesian33 = new Cesium.Cartesian3(point.x, point.y, point.z);
+      var cartographic = Cesium.Cartographic.fromCartesian(cartesian33);
+      var lat = Cesium.Math.toDegrees(cartographic.latitude);
+      var lng = Cesium.Math.toDegrees(cartographic.longitude);
+      var alt = cartographic.height;
+      return { lng: lng, lat: lat, alt: alt };
+    },
     //第一视角漫游方法
     OneSeeFunc(position) {
       // console.log("进来了onsese")
@@ -2438,6 +2772,38 @@
           window.earth.clock.currentTime,
           this.center
         );
+
+        //先转为经纬度
+        var lonlatcell = this.Cartesian3_to_WGS84(this.center);
+
+        if (this.isEndRoam == false) {
+          this.finishedArray.push(lonlatcell.lng);
+          this.finishedArray.push(lonlatcell.lat);
+          this.finishedArray.push(lonlatcell.alt);
+        }
+
+        console.log("this.finishedArray", this.finishedArray);
+        console.log("this.redLine", this.redLine);
+
+        this.redLine.polyline.positions = new Cesium.CallbackProperty(
+          (time, result) => {
+            //endLongitude = startLongitude + 0.001 * Cesium.JulianDate.secondsDifference(time, startTime);
+            return Cesium.Cartesian3.fromDegreesArrayHeights(
+              this.finishedArray,
+              Cesium.Ellipsoid.WGS84,
+              result
+            );
+          },
+          false
+        );
+
+        this.redLine.polyline.width = 10;
+        this.redLine.polyline.material = Cesium.Color.RED;
+
+        //根据center去绘制已走过的entities坐标
+
+        //console.log("this.center", this.center)
+
         // console.log(center);
         // console.log(this.entity);
         //       if (
@@ -2475,9 +2841,10 @@
         //长丰泵站
         //this.AnimateState
 
-        if (judgeTime > -100 && judgeTime < -96 && this.ispanelCFBZ == false) {
+        // if (judgeTime > -100 && judgeTime < -96 && this.ispanelCFBZ == false) {
+        if (judgeTime > -29 && judgeTime < -25 && this.ispanelCFBZ == false) {
           this.holdMY();
-          console.log("开始展示长丰泵站");
+          // console.log("开始展示长丰泵站");
           document.getElementById("问题2").style.display = "block";
 
           window.earth.scene.preRender.addEventListener(() => {
@@ -2492,11 +2859,34 @@
           this.ispanelCFBZ = true;
           setTimeout(() => {
             this.holdMY();
-            console.log("停止展示长丰泵站,继续动画");
+            // console.log("停止展示长丰泵站,继续动画");
             document.getElementById("问题2").style.display = "none";
           }, 4000);
         }
 
+        // if (judgeTime > -90 && judgeTime < -86 && this.ispanelWT1 == false) {
+        if (judgeTime > -17 && judgeTime < -13 && this.ispanelWT1 == false) {
+          this.holdMY();
+          // console.log("开始展示长丰泵站");
+          document.getElementById("问题1").style.display = "block";
+
+          window.earth.scene.preRender.addEventListener(() => {
+            var position = new Cesium.Cartographic(
+              114.085094085325,
+              32.0977182205015,
+              1.5
+            );
+            this.fixDomPosition("问题1", position);
+          });
+
+          this.ispanelWT1 = true;
+          setTimeout(() => {
+            this.holdMY();
+            // console.log("停止展示长丰泵站,继续动画");
+            document.getElementById("问题1").style.display = "none";
+          }, 4000);
+        }
+
         //长丰闸站
         // if (
         //     judgeTime > -76 &&
@@ -2560,6 +2950,10 @@
     EndRoaming() {
       //  console.log(JulianDate.compare(window.earth.clock.currentTime, window.earth.clock.stopTime));
 
+      this.finishedArray = [];
+
+      if (this.redLine) window.earth.entities.remove(this.redLine);
+
       this.isEndRoam = true;
       if (this.entity !== undefined) {
         window.earth.entities.remove(this.entity);
@@ -2568,6 +2962,7 @@
     },
     //开始漫游暂停等
     beginMY() {
+      this.ispanelWT1 = false;
       this.ispanelCFBZ = false;
       this.ispanelCFZZ = false;
 
@@ -2650,6 +3045,29 @@
     //   this.PauseOrContinue(true);
     // },
     endMY() {
+      this.isEndRoam = true;
+      this.finishedArray = [];
+
+      if (this.redLine) window.earth.entities.remove(this.redLine);
+      // this.redLine.polyline.positions=null
+      //  this.redLine.polyline.positions=new Cesium.CallbackProperty((time, result)=> {
+      //     //endLongitude = startLongitude + 0.001 * Cesium.JulianDate.secondsDifference(time, startTime);
+      //     return Cesium.Cartesian3.fromDegreesArrayHeights([114.08776071508423, 32.09554632853193, -4.0000002853217715, 114.08775831828851, 32.09554847106537, -4.000000519596626], Cesium.Ellipsoid.WGS84, result);
+      // }, false)
+
+      //    this.redLine =  window.earth.entities.add({
+      //      polyline : {
+      //     // This callback updates positions each frame.
+      //     // positions : new Cesium.CallbackProperty(function(time, result) {
+      //     //     //endLongitude = startLongitude + 0.001 * Cesium.JulianDate.secondsDifference(time, startTime);
+      //     //     return Cesium.Cartesian3.fromDegreesArrayHeights([], Cesium.Ellipsoid.WGS84, result);
+      //     // }, false),
+      //     width : 15,
+      //     material : Cesium.Color.RED
+      // }
+
+      // });
+
       //this.removeAllpopup()
       //变量隐藏
       /*   //展示实时泵站面板
@@ -2674,98 +3092,161 @@
   },
 };
 </script>
-
+ 
 <style lang="less" scoped>
 .tools-content {
   position: absolute;
+
   left: 267px;
+
   right: 0;
+
   top: 60px;
+
   transform: translateY(-60px);
+
   transition: all 0.2s ease-in-out;
+
   &.show {
     transform: translateY(0);
   }
+
   .top-content1 {
     display: flex;
+
     height: 60px;
+
     justify-content: center;
+
     align-items: center;
+
     /*   background-color: rgba(0, 0, 0, 0.5); */
+
     img {
       width: 38px;
+
       margin-right: 20px;
+
       cursor: pointer;
     }
+
     .divider {
       width: 2px;
+
       height: 18px;
+
       background-color: #fff;
+
       margin-right: 20px;
     }
+
     .r {
       width: 32px;
+
       height: 32px;
+
       background-color: #fff;
+
       margin-right: 20px;
+
       text-align: center;
+
       border-radius: 50%;
+
       display: flex;
+
       justify-content: center;
+
       align-items: center;
+
       cursor: pointer;
+
       &.active {
         background-color: #0bc3f5;
       }
+
       img {
         width: 20px;
+
         margin: 0 auto;
       }
     }
   }
+
   .toggle-tools {
     text-align: center;
+
     p {
       margin: 0;
+
       height: 30px;
+
       display: flex;
+
       align-items: center;
+
       width: 50px;
+
       margin: 0 auto;
+
       background-color: rgba(0, 0, 0, 0.5);
+
       cursor: pointer;
+
       justify-content: center;
     }
   }
 }
+
 .videoPop {
   display: inline-block;
+
   right: 57px;
+
   top: 0px;
+
   width: 500px;
+
   height: 300px;
+
   z-index: 200;
+
   position: absolute;
 }
+
 .video {
   width: 100%;
+
   height: 100%;
+
   overflow: hidden;
 }
+
 #videoEvent {
   width: 100%;
+
   height: 100%;
 }
+
 .bzstyle {
   position: absolute;
+
   z-index: 2;
+
   color: white;
+
   /*   height: 96px; */
+
   line-height: 21px;
+
   font-size: 16px;
+
   font-weight: 600;
+
   text-align: center;
+
   /* width: 150px; */
+
   cursor: pointer;
 
   user-select: none;
@@ -2773,131 +3254,263 @@
 
 .panelstylesp {
   z-index: 1001;
+
   position: absolute;
+
   // margin-left: -200px;
+
   // margin-top: -80px;
+
   background-color: #101333;
+
   top: 0;
+
   left: 0;
+
   border-radius: 2px;
+
   max-width: 500px;
+
   min-width: 480px;
+
   min-height: 60px;
+
   box-shadow: 0 0 6px #101333;
 }
-
-.panelstyle {
+.panelstyleqita {
   // z-index: 1001;
+
   // position: absolute;
+
   // margin-left: -115px;;
+
   // margin-top: -349px;
+
   // color: white;
+
   // min-height: 60px;
 
   background-color: #101333;
-  box-shadow: 0 0 6px #101333;
-  max-width: 550px;
 
+  box-shadow: 0 0 6px #101333;
+
+  max-width: 250px;
+  margin-left: -103px;
+  margin-top: -253px;
   z-index: 1001;
+
   position: absolute;
+
   right: 5px;
+
   top: -3px;
+
   cursor: pointer;
+
   color: #aaa;
+
   &:hover {
     // color: #777;
   }
 }
+
+.panelstyle {
+  // z-index: 1001;
+
+  // position: absolute;
+
+  // margin-left: -115px;;
+
+  // margin-top: -349px;
+
+  // color: white;
+
+  // min-height: 60px;
+
+  margin-top: -209px;
+  margin-left: 27px;
+
+  background-color: #101333;
+
+  box-shadow: 0 0 6px #101333;
+
+  max-width: 550px;
+
+  // margin-left: -103px;
+  // margin-top: -253px;
+
+  z-index: 1001;
+
+  position: absolute;
+
+  right: 5px;
+
+  top: -3px;
+
+  cursor: pointer;
+
+  color: #aaa;
+
+  &:hover {
+    // color: #777;
+  }
+}
+
 .item {
   display: flex;
+
   line-height: 28px;
+
   margin-bottom: 10px;
+
   box-shadow: 0px 1px 3px #0c8585;
+
   .l {
     width: 85px;
+
     color: #ccc;
+
     margin-right: 10px;
   }
+
   .r {
     flex: 1;
+
     text-align: right;
+
     box-sizing: border-box;
+
     padding-right: 20px;
   }
 }
+
 .call {
   width: 80px;
+
   height: 30px;
+
   line-height: 30px;
+
   background-color: #1890ff;
+
   text-align: center;
+
   font-size: 14px;
+
   border-radius: 2px;
+
   cursor: pointer;
+
   margin: 10px auto 10px;
+
   float: left;
+
   color: #fff;
+
   margin-left: 240px;
+
   &:hover {
     color: rgb(204, 204, 204);
   }
 }
+
 .cnt-list {
   margin-top: 10px;
+
   display: flex;
+
   flex-wrap: wrap;
+
   .item00 {
     width: 50px;
+
     margin-right: 5px;
+
     text-align: center;
+
     .name {
       margin-top: 5px;
+
       font-size: 13px;
+
       color: #ccc;
     }
   }
 }
+
 // &::after {
+
 //   content: "";
+
 //   width: 0;
+
 //   height: 0;
+
 //   position: absolute;
+
 //   display: block;
+
 //   border-top: 7px solid #101333;
+
 //   border-left: 7px solid transparent;
+
 //   border-right: 7px solid transparent;
+
 //   bottom: -7px;
+
 //   left: 50%;
+
 //   transform: translateX(-50%);
+
 // }
 
 #supermap3D {
   font-family: "Avenir", Helvetica, Arial, sans-serif;
+
   -webkit-font-smoothing: antialiased;
+
   -moz-osx-font-smoothing: grayscale;
+
   text-align: center;
+
   color: #2c3e50;
+
   .right-menu {
     position: absolute;
+
     right: 30px;
+
     color: white;
+
     top: 100px;
+
     z-index: 1001;
+
     .item {
       margin-bottom: 20px;
+
       height: 70px;
+
       line-height: 70px;
+
       width: 200px;
+
       text-align: center;
+
       font-size: 24px;
+
       font-family: "HUAKANG";
+
       background-image: linear-gradient(
         to right,
         rgba(3, 39, 110, 1),
         rgba(3, 39, 110, 0.2)
       );
+
       cursor: pointer;
+
       transition: all 0.25s ease-in-out;
+
       &.active {
         background-image: linear-gradient(
           to right,
@@ -2908,164 +3521,280 @@
     }
   }
 }
+
 .bubble {
   position: absolute;
+
   margin: 0;
+
   margin-left: -500px;
+
   margin-bottom: -25px;
 }
+
 .mapPanel {
   position: relative;
 }
+
 // .panelstyle{
+
 //   z-index: 1001;
+
 //   position: absolute;
+
 //   margin-top: -233px;
+
 //   margin-left: -140px;
+
 //   top: 168px;
+
 //   left: 0px;
+
 //   color: white;
+
 //   min-height: 60px;
+
 // }
 
 // .panelstyle-bak  {
+
 //  z-index: 1001;
+
 //   position: absolute;
+
 //   margin-left: -155px;;
+
 //   margin-top: -49px;
+
 //   color: white;
+
 //   min-height: 60px;
+
 // }
 
 /****  地图属性面板通用样式  ****/
+
 .page-panel {
   position: absolute;
+
   padding: 0 15px;
+
   background: rgba(0, 0, 0, 0.7);
+
   border: 1px solid #3b5082;
+
   border-top: 2px solid #00ffff;
+
   bottom: 30px;
 }
+
 .page-panel .panel-head {
   display: flex;
+
   color: #00ffff;
+
   font-size: 16px;
+
   font-weight: bold;
+
   padding: 20px 7px 14px 0;
+
   line-height: 16px;
+
   cursor: pointer;
+
   justify-content: space-between;
+
   border-bottom: 1px solid #20343f;
 }
+
 .page-panel .panel-body {
   padding: 10px 0 18px;
 }
+
 .panel-body1 {
   display: flex;
+
   width: 975px;
+
   flex-wrap: wrap;
 }
+
 .panel-body1-item {
   width: 32%;
+
   height: 30px;
+
   color: #fff;
 }
+
 .page-panel .panel-list-item {
   display: flex;
+
   height: 14px;
+
   color: #b3c5ec;
+
   font-size: 14px;
+
   line-height: 14px;
+
   margin-top: 20px;
+
   align-items: center;
+
   justify-content: space-between;
 }
+
 .page-panel .panel-list-item .label {
   padding: 0;
 }
+
 .page-panel::before,
 .page-panel::after {
   position: absolute;
+
   left: 50%;
+
   width: 0;
+
   height: 0;
+
   border: 6px solid transparent;
+
   content: "";
 }
+
 .page-panel::after {
   bottom: -12px;
+
   border-top-color: #3b5082;
+
   z-index: 10;
+
   margin-left: -2px;
 }
+
 .page-panel::before {
   bottom: -11px;
+
   border-top-color: rgba(0, 0, 0, 0.7);
+
   z-index: 12;
+
   margin-left: -2px;
 }
+
 .page-panel .close-icon {
   position: absolute;
+
   right: 7px;
+
   top: 18px;
+
   color: #1dfdf8 !important;
+
   font-weight: bold;
+
   font-size: 10px;
+
   padding: 1px;
+
   z-index: 100;
+
   margin-top: -7px;
+
   border: 1px solid #1dfdf8;
 }
+
 .qxsyopacity {
   width: 227px;
+
   /* top: 20px; */
+
   right: 30px;
+
   margin-top: -343px;
+
   margin-left: 1700px;
+
   z-index: 999999999999;
+
   position: relative;
 }
+
 .TongHuaLeft {
   width: 50%;
+
   height: 230px;
+
   float: left;
+
   padding-top: 8px;
 }
+
 .TongHuaRight {
   width: 50%;
+
   height: 230px;
+
   float: left;
+
   padding-top: 8px;
 }
+
 .close {
   width: 100%;
+
   box-sizing: border-box;
+
   text-align: right;
+
   padding-right: 10px;
+
   height: 40px;
+
   line-height: 40px;
+
   position: relative;
+
   border-bottom: 1px solid #ccc;
+
   background: #0b2447;
 }
+
 .RenYuanTitle {
   position: absolute;
+
   display: inline-block;
+
   width: 100px;
+
   text-align: center;
+
   height: 40px;
+
   line-height: 40px;
+
   font-size: 18px;
+
   color: white;
+
   left: 50%;
+
   margin-left: -50px;
+
   top: 0px;
 }
+
 .content {
   width: 100%;
+
   height: auto;
 }
+
 .RenYuanImg {
   height: 100%;
 }
 </style>
+ 
\ No newline at end of file
diff --git a/vue.config.js b/vue.config.js
index 0e1d78e..e7952cc 100644
--- a/vue.config.js
+++ b/vue.config.js
@@ -100,6 +100,7 @@
       }
 
 
+
     }
   },
   pluginOptions: { // 第三方插件配置