Merge remote-tracking branch 'origin/master'

gassafety-web/src/assets/styles/gassafety.scss

@@ -105,18 +105,23 @@
 
 // gis地图中底部table样式
 .drawer {
-  // .el-button {
-  //   color:red;
-  //   .is-disabled {
-  //     background-color: none;
-  //   }
-  // }
-
+  .el-button {
+    color: #ffffff;
+    &:not(.is-disabled):hover {
+      color: rgb(46, 231, 231);
+    }
+    &.is-disabled {
+      border-color: #ccccccc3 !important;
+      color: #ccccccc3;
+    }
+  }
 }
 .right-bottom-data-left {
   .el-table {
     background-color: rgba(0, 0, 0, 0) !important;
-
+    .el-table__body {
+      width: 100% !important;
+    }
     &::before {
       height: 0px !important;
     }
@@ -172,6 +177,39 @@
       }
     }
   }
+  // 滚动条样式
+  .el-table--scrollable-y {
+    .el-table__body-wrapper {
+      &::-webkit-scrollbar {
+        width: 10px;
+        background: #012a53;
+        position: absolute;
+        top: 0;
+      }
+      &::-webkit-scrollbar-thumb {
+        /*滚动条里面小方块*/
+        // border-radius: 10px;
+        // box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
+        background: #00000052;
+        border-radius: 8px;
+      }
+      &::-webkit-scrollbar-track {
+        /*滚动条里面轨道*/
+        // box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
+        // border-radius: 10px;
+        // background-color: red;
+      }
+
+      &::-webkit-scrollbar-button:start {
+        // overflow: hidden;
+      }
+      &::-webkit-scrollbar-button:end {
+        // overflow: hidden;
+      }
+
+      // overflow-y: none !important;
+    }
+  }
 }
 // gis地图里抽屉的搜索样式
 .search-input {
@@ -383,7 +421,6 @@
   }
 }
 
-
 // 设备巡检详情页表格样式
 .inspectiondetail {
   .el-table {
@@ -437,3 +474,37 @@
   text-overflow: ellipsis;
   white-space: nowrap;
 }
+
+// 滚动条公共样式
+.scrollStyle {
+  &::-webkit-scrollbar {
+    width: 10px;
+    background: rgba(6, 29, 51, 0.8)
+
+    // position: absolute;
+    // top: 0;
+  }
+  &::-webkit-scrollbar-thumb {
+    /*滚动条里面小方块*/
+    // border-radius: 10px;
+    // box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
+    background: #00000053;
+
+    border-radius: 8px;
+  }
+  &::-webkit-scrollbar-track {
+    /*滚动条里面轨道*/
+    // box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
+    // border-radius: 10px;
+    // background-color: red;
+  }
+
+  &::-webkit-scrollbar-button:start {
+    // overflow: hidden;
+  }
+  &::-webkit-scrollbar-button:end {
+    // overflow: hidden;
+  }
+
+  // overflow-y: none !important;
+}

gassafety-web/src/components/PopWindow/lineInfoWindow.vue

@@ -8,7 +8,7 @@
     </div>
 
     <!-- 设备信息 -->
-    <div class="content">
+    <div class="content scrollStyle">
       <div class="eq-content display-default">
         <div class="text-wrapper">
           <!-- <div :title="obj.pipeName" class="eq-text">

gassafety-web/src/components/PopWindow/markerInfoWindow.vue

@@ -12,7 +12,7 @@
       </div>
     </div>
     <!-- 设备信息 -->
-    <div class="content">
+    <div class="content  scrollStyle">
       <div class="eq-content display-default">
         <div class="text-wrapper">
           <div class="eq-text">

gassafety-web/src/components/PopWindowGis/lineInfoWindow.vue

@@ -8,7 +8,7 @@
     </div>
 
     <!-- 报警设备信息 -->
-    <div class="content">
+    <div class="content scrollStyle">
       <div class="eq-content display-default">
         <div class="text-wrapper">
           <!-- <div :title="obj.pipeName" class="eq-text">

gassafety-web/src/components/PopWindowGis/lineInfoWindowWarn.vue

@@ -8,7 +8,7 @@
     </div>
 
     <!-- 报警设备信息 -->
-    <div class="content">
+    <div class="content scrollStyle">
       <div class="eq-content display-default">
         <div class="text-wrapper">
           <!-- <div :title="obj.pipeName" class="eq-text">

gassafety-web/src/components/PopWindowGis/markerInfoWindow.vue

@@ -8,7 +8,7 @@
       </div>
     </div>
     <!-- 设备信息 -->
-    <div class="content">
+    <div class="content  scrollStyle">
       <div class="eq-content display-default">
         <div class="text-wrapper">
           <div class="eq-text">

gassafety-web/src/components/PopWindowGis/markerInfoWindowWarn.vue

@@ -10,7 +10,7 @@
       </div>
     </div>
     <!-- 设备信息 -->
-    <div class="content">
+    <div class="content scrollStyle">
       <div class="eq-content display-default">
         <div class="text-wrapper">
           <div class="eq-text">

gassafety-web/src/components/PopWindowGis/troubleInfoWindowWarn.vue

@@ -10,7 +10,7 @@
       </div>
     </div>
     <!-- 设备信息 -->
-    <div class="content">
+    <div class="content  scrollStyle">
       <div class="eq-content display-default">
         <div class="text-wrapper">
           <div class="eq-text">

gassafety-web/src/components/mapDialog/js/gaodeMapDialog.js

@@ -9,6 +9,8 @@ import { delDeviceInfo } from "@/api/device/deviceInfo";
 import markerInfoWindow from "@/components/PopWindow/markerInfoWindow.vue";
 import { getArray } from "@/utils/gassafety.js";
 import { delPipe } from "@/api/device/pipe.js";
+import { lineColor,mapStyle } from "@/utils/mapCommon.js";
+
 import vue from "@/main";
 let defaultCenter = "石家庄";
 export let map;
@@ -48,7 +50,8 @@ class gaodeMap {
       showLabel: true,
       // labelzIndex: 110,
       pitch: 8,
-      zoom: 12
+      zoom: 12,
+      mapStyle,
       //mapStyle: 'amap://styles/darkblue',
       // mapStyle: 'amap://styles/3b679a15f448a4740ba2ff7524e1a4ae',
     });

gassafety-web/src/utils/gaodeMap.js

 import createPop from "./createPop";
-import { lineColor } from "./mapCommon.js";
+import { lineColor,mapStyle } from "./mapCommon.js";
 import regulatorBox from "../components/PopWindow/regulatorBox.vue";
 import valveWell from "../components/PopWindow/valveWell.vue";
 import flowMeter from "../components/PopWindow/flowMeter.vue";
@@ -57,7 +57,7 @@ class gaodeMap {
       // labelzIndex: 110,
       pitch: 8,
       zoom: 9,
-      mapStyle: "amap://styles/1c84d2203793b0f622df2cda53db1afd"
+      mapStyle,
       // mapStyle: 'amap://styles/darkblue',
       // mapStyle: 'amap://styles/3b679a15f448a4740ba2ff7524e1a4ae',
     });

gassafety-web/src/utils/gaodeMapView.js

@@ -15,7 +15,7 @@ import workerManInfowindow from "../components/PopWindowGis/workerManInfowindow.
 import workerManView from "../components/PopWindowGis/workerManView.vue";
 
 import { getArray } from "@/utils/gassafety.js";
-import { lineColor } from "./mapCommon.js";
+import { lineColor,mapStyle } from "./mapCommon.js";
 import { delPipe } from "@/api/device/pipe.js";
 import vue from "../main";
 import { Card } from "element-ui";
@@ -73,7 +73,7 @@ class gaodeMap {
       pitch: 8,
       zoom: 9,
       //mapStyle: 'amap://styles/darkblue',
-      mapStyle: "amap://styles/1c84d2203793b0f622df2cda53db1afd"
+      mapStyle,
     });
     this.myMap = map;
     this.myMap.on("mousedown", e => {
@@ -103,6 +103,8 @@ class gaodeMap {
     // 地图开始平移删除infowindow
     this.myMap.on("movestart", () => {
       // console.log("地图平移");
+      // 如果这个值为真，下面都不执行,trac用的，第一额值班人员的infowindow显示的时候被消掉了
+      if (this.tracMoveFlag) return;
       if (this.leftListClick) {
         console.log("moveStart");
         this.closeInfoWindow();
@@ -113,11 +115,15 @@ class gaodeMap {
     // 地图开始缩放删除infowindow
     this.myMap.on("zoomstart", () => {
       // console.log("缩放开始")
+      this.domAllShow();
+      // 如果这个值为真，下面都不执行,trac用的，第一额值班人员的infowindow显示的时候被消掉了
+      if (this.tracMoveFlag) return;
       this.closeInfoWindow();
-      this.polyLinesColorClear()
-
+      this.polyLinesColorClear();
     });
     this.myMap.on("moveend", () => {
+      this.tracMoveFlag = false;
+
       if (this.handleInfoWindowOpenFunc) {
         this.handleInfoWindowOpenFunc();
         this.handleInfoWindowOpenFunc = null;
@@ -703,6 +709,11 @@ class gaodeMap {
   }
   //
   trackBack(marker, arr, data) {
+    this.tracMoveFlag = true;
+    // 飞过去
+    this.panTo(arr[0]);
+    // 放大
+    this.myMap.setZoom(13);
     // 值班人员轨迹回放
     AMap.plugin("AMap.MoveAnimation", () => {
       let lineArr = arr;
@@ -766,15 +777,30 @@ class gaodeMap {
       });
       // 刚开始的时候要立个点
       let workPoint = this.addMarker(DEVICE_TYPE.SMALLINSPECTOR, data[0]);
+      this.wokerManOpen({
+        target: workPoint,
+        lnglat: workPoint.getExtData().pos
+      });
       marker.pointArr.push(workPoint);
       marker.moveMarker.on("moveend", e => {
         // 如果不是最后一个点，就创建一个新的worderpoint，如果是就不创建，并且把自身删除
+        let z = {};
         if (e.index == lineArr.length - 1) {
+          z = {
+            target: marker,
+            lnglat: e.passedPos
+          };
           map.remove(marker.moveMarker);
         } else {
           workPoint = this.addMarker(DEVICE_TYPE.SMALLINSPECTOR, data[e.index]);
+          // workPoint.infoWindow.open(map,e.passedPos);
+          z = {
+            target: workPoint,
+            lnglat: e.passedPos
+          };
           marker.pointArr.push(workPoint);
         }
+        this.wokerManOpen(z);
       });
       marker.moveMarker.on("moveAlong", () => {
         console.log("moveAlong", e);
@@ -789,6 +815,7 @@ class gaodeMap {
     });
   }
   workerManAttrRemove(marker) {
+    marker.moveMarker && marker.moveMarker.stopMove();
     marker.moveMarker && map.remove(marker.moveMarker);
     marker.polyline && map.remove(marker.polyline);
     marker.passedPolyline && map.remove(marker.passedPolyline);

gassafety-web/src/utils/mapCommon.js

@@ -5,4 +5,5 @@
   "2":"#FFFFFF",
   "3":"#18FF0F",
   "4":"#DE67FA"
-}
+}
\ No newline at end of file
+export const mapStyle="amap://styles/1c84d2203793b0f622df2cda53db1afd";
\ No newline at end of file

gassafety-web/src/views/dataMonitoring/alarmdetail/index.vue

@@ -697,12 +697,25 @@ export default {
           }
 
           if(this.form.deviceList != null){
+            console.log(this.form.deviceList,"oooooooooooo")
             let device = this.form.deviceList[0];
             console.log("device", device);
             this.dataListdetail.push(device);
             let gaoMap = new gaodeMap(process.env.VUE_APP_MAP_CENTER,[device.longitude, device.latitude],"containerAlarm");
             this.gaoMap = gaoMap;
-            this.gaoMap.addMarker(DEVICE_TYPE.WORKORDER, device);
+            if("1" == device.deviceType){
+              this.gaoMap.addMarker(DEVICE_TYPE.REGEULATORBOX, device,"false")
+            }
+            if("2" == device.deviceType){
+              this.gaoMap.addMarker(DEVICE_TYPE.VALUEWELL, device,"false")
+            }
+            if("3" == device.deviceType){
+              this.gaoMap.addMarker(DEVICE_TYPE.FLOWMETER, device,"false")
+            }
+            if("4" == device.deviceType){
+              this.gaoMap.addMarker(DEVICE_TYPE.PRESSUREGAGE, device,"false")
+            }
+            // this.gaoMap.addMarker(DEVICE_TYPE.WORKORDER, device);
 
             // this.gaoMap.resetMapCenter([device.longitude, device.latitude]);
           }

gassafety-web/src/views/dataMonitoring/realtimedetail/index.vue

@@ -587,18 +587,20 @@
           this.active = parseInt(response.data.orderStatus) + 1;
           let gaoMap = new gaodeMap(process.env.VUE_APP_MAP_CENTER,[this.form.longitude, this.form.latitude]);
           this.gaoMap = gaoMap;
-          this.gaoMap.addMarker(DEVICE_TYPE.WORKORDER, this.form)
-          // this.gaoMap.resetMapCenter([this.form.longitude, this.form.latitude]);
-          console.log("this.form.longitude",this.form.longitude)
-          console.log("this.form", this.form)
-
-          // if (this.form.length > 0) {
-
-          // }
-          // for (var i = 0; i < this.form.length; i++) {
-          //   let obj = this.form[i];
-          //   this.gaoMap.addMarker(DEVICE_TYPE.WORKORDER, obj)
-          // }
+          if("1" == deviceType){
+            this.gaoMap.addMarker(DEVICE_TYPE.REGEULATORBOX, this.form,"false")
+          }
+          if("2" == deviceType){
+            this.gaoMap.addMarker(DEVICE_TYPE.VALUEWELL, this.form,"false")
+          }
+          if("3" == deviceType){
+            this.gaoMap.addMarker(DEVICE_TYPE.FLOWMETER, this.form,"false")
+          }
+          if("4" == deviceType){
+            this.gaoMap.addMarker(DEVICE_TYPE.PRESSUREGAGE, this.form,"false")
+          }
+          
+        
 
           var getData1 = [];
           var getData2 = [];

gassafety-web/src/views/device/deviceInfoDetail/index.vue

@@ -315,7 +315,19 @@
           // this.gaoMap.resetMapCenter([this.form.longitude, this.form.latitude]);let obj = this.form.deviceList[0];
           let gaoMap = new gaodeMap(process.env.VUE_APP_MAP_CENTER, [obj.longitude, obj.latitude]);
           this.gaoMap = gaoMap;
-          this.gaoMap.addMarker(DEVICE_TYPE.WORKORDER, this.form)
+          if("1" == obj.deviceType){
+            this.gaoMap.addMarker(DEVICE_TYPE.REGEULATORBOX, obj,"false")
+          }
+          if("2" == obj.deviceType){
+            this.gaoMap.addMarker(DEVICE_TYPE.VALUEWELL, obj,"false")
+          }
+          if("3" == obj.deviceType){
+            this.gaoMap.addMarker(DEVICE_TYPE.FLOWMETER, obj,"false")
+          }
+          if("4" == obj.deviceType){
+            this.gaoMap.addMarker(DEVICE_TYPE.PRESSUREGAGE, obj,"false")
+          }
+          // this.gaoMap.addMarker(DEVICE_TYPE.WORKORDER, this.form)
         });
       },
       getFileInfo(res) {

gassafety-web/src/views/deviceInspection/inspectiondetail/index.vue

@@ -63,10 +63,13 @@
             </el-form>
           </el-col>
           <el-col :span="24">
-            <el-table  max-height="175px" :data="form.inspectionDataList" style="width: 89%; margin-left: 30px;">
-              <el-table-column label="设备名称" align="center" prop="deviceName" />
-              <el-table-column label="设备编号" align="center" prop="deviceCode" />
-              <el-table-column label="设备类型" align="center" prop="deviceType" />
+            <el-table :data="form.inspectionDataList" height="130" style="width: 89%;margin-left: 30px;margin-top: -15px;">
+              <el-table-column  label="设备名称" align="center" prop="deviceName">
+              </el-table-column>
+              <el-table-column label="设备编号" align="center" prop="deviceCode">
+              </el-table-column>
+              <el-table-column  label="设备类型" align="center" prop="deviceType">
+              </el-table-column>
               <el-table-column label="处理状态" align="center" prop="dealStatus">
                 <template slot-scope="scope">
                   <span v-if="scope.row.dealStatus == null || scope.row.dealStatus == ''">未处理</span>
@@ -86,7 +89,7 @@
           </el-col>
         </el-col>
         <el-col :span="12">
-          <div id="marbox" style="width: 100%;height: 250px;margin-top: -25px; border: 1px solid rgb(218, 213, 213);">
+          <div id="marbox" style="width: 100%;height: 270px;margin-top: -25px; border: 1px solid rgb(218, 213, 213);">
             <div style="width: 100%;height: 100%" id="containerInspect"></div>
           </div>
         </el-col>
@@ -124,7 +127,8 @@
                 <!--&lt;!&ndash; <font>{{form.orderId}}</font> &ndash;&gt;-->
                 <template slot-scope="scope">
                   <font v-if="resourceId != undefined">{{form.orderId}}</font>
-                  <el-button type="text" @click="showDetail(form.orderId)" v-if="resourceId == undefined">{{form.orderId}}</el-button>
+                  <el-button type="text" @click="showDetail(form.orderId)" v-if="resourceId == undefined">
+                    {{form.orderId}}</el-button>
                 </template>
               </el-form-item>
             </el-form>
@@ -136,7 +140,8 @@
 
       </div>
       <!-- <el-divider></el-divider> -->
-      <div class="" style="width: 95%; height: 60px;margin-left: 50px;text-align: center;margin-top: 15px;" v-if="form.planStatus == 0">
+      <div class="" style="width: 95%; height: 60px;margin-left: 50px;text-align: center;margin-top: 15px;"
+        v-if="form.planStatus == 0">
         <el-button size="normal" type="primary" icon="el-icon-edit" @click="handleIssue(form.planId)"
           v-hasPermi="['workOrder:basicsInfo:add']">生成工单
         </el-button>
@@ -210,14 +215,9 @@
       </div>
     </div>
 
-    <el-dialog
-      title = "工单信息"
-      lock-scroll
-      :visible.sync="dialogVisible"
-      width="70%"
-    >
+    <el-dialog title="工单信息" lock-scroll :visible.sync="dialogVisible" width="70%">
       <div style="height:80vh;overflow:auto">
-        <workOrder :linkOrderId="form.orderId"/>
+        <workOrder :linkOrderId="form.orderId" />
       </div>
     </el-dialog>
   </div>
@@ -235,7 +235,7 @@
   import workOrder from "../../workOrder/detail/index.vue"
 
   export default {
-    props:["resourceId"],
+    props: ["resourceId"],
     name: "InspectionPlanDetail",
     components: {
       workOrder
@@ -342,9 +342,9 @@
       // 如果是跳转来的，则接受初始化参数
       // this.user_id = this.$route.query.id; //详细信息页接收参数
       this.getList();
-      if(this.resourceId){
+      if (this.resourceId) {
         this.planId = this.resourceId;
-      }else{
+      } else {
         this.planId = this.$route.query.planId;
       }
       // this.getDetail();
@@ -380,34 +380,55 @@
           this.form = response.data;
           console.log("this.form", this.form)
           this.active = parseInt(response.data.orderStatus) + 1;
-          if (this.form.deviceList?.length > 0) {
-
-
-            // for (var i = 0; i < this.form.deviceList.length; i++) {
-              let obj = this.form.deviceList[0];
-              let gaoMap = new gaodeMap(process.env.VUE_APP_MAP_CENTER, [obj.longitude, obj.latitude],"containerInspect");
-              this.gaoMap = gaoMap;
-              if("1" == obj.deviceType){
-                this.gaoMap.addMarker(DEVICE_TYPE.REGEULATORBOX, obj,"false")
+          const deviceNum = this.form?.deviceList?.length;
+          const pipeNum = this.form?.pipeList?.length;
+          console.log(deviceNum, pipeNum)
+          if (deviceNum > 0 && pipeNum > 0) {
+            let obj = this.form.deviceList[0];
+            let gaoMap = new gaodeMap(process.env.VUE_APP_MAP_CENTER, null, "containerInspect");
+            this.gaoMap = gaoMap;
+            for (let i = 0; i < this.form.deviceList.length; i++) {
+              if ("1" == obj.deviceType) {
+                this.gaoMap.addMarker(DEVICE_TYPE.REGEULATORBOX, this.form.deviceList[i], "false")
               }
-              if("2" == obj.deviceType){
-                this.gaoMap.addMarker(DEVICE_TYPE.VALUEWELL, obj,"false")
+              if ("2" == obj.deviceType) {
+                this.gaoMap.addMarker(DEVICE_TYPE.VALUEWELL, this.form.deviceList[i], "false")
               }
-              if("3" == obj.deviceType){
-                this.gaoMap.addMarker(DEVICE_TYPE.FLOWMETER, obj,"false")
+              if ("3" == obj.deviceType) {
+                this.gaoMap.addMarker(DEVICE_TYPE.FLOWMETER, this.form.deviceList[i], "false")
               }
-              if("4" == obj.deviceType){
-                this.gaoMap.addMarker(DEVICE_TYPE.PRESSUREGAGE, obj,"false")
+              if ("4" == obj.deviceType) {
+                this.gaoMap.addMarker(DEVICE_TYPE.PRESSUREGAGE, this.form.deviceList[i], "false")
               }
-            // }
-          }
-
-          if (this.form.pipeList?.length > 0) {
+            }
+            for (var i = 0; i < this.form.pipeList.length; i++) {
+              let obj = this.form.pipeList[i];
+              this.gaoMap.onlyLine(obj);
+            }
+          } else if (deviceNum > 0 && pipeNum == 0) {
+            let obj = this.form.deviceList[0];
+            let gaoMap = new gaodeMap(process.env.VUE_APP_MAP_CENTER, [obj.longitude, obj.latitude], "containerInspect");
+            this.gaoMap = gaoMap;
+            for (let i = 0; i < this.form.deviceList.length; i++) {
+              if ("1" == obj.deviceType) {
+                this.gaoMap.addMarker(DEVICE_TYPE.REGEULATORBOX, this.form.deviceList[i], "false")
+              }
+              if ("2" == obj.deviceType) {
+                this.gaoMap.addMarker(DEVICE_TYPE.VALUEWELL, this.form.deviceList[i], "false")
+              }
+              if ("3" == obj.deviceType) {
+                this.gaoMap.addMarker(DEVICE_TYPE.FLOWMETER, this.form.deviceList[i], "false")
+              }
+              if ("4" == obj.deviceType) {
+                this.gaoMap.addMarker(DEVICE_TYPE.PRESSUREGAGE, this.form.deviceList[i], "false")
+              }
+            }
+          } else if (deviceNum == 0 && pipeNum > 0) {
             const { coordinates } = this.form.pipeList[0];
             const path1 = eval(coordinates)[0];
             const path2 = eval(coordinates)[1];
             const path3 = [(Number(path1[0]) + Number(path2[0])) / 2, (Number(path1[1]) + Number(path2[1])) / 2];
-            let gaoMap = new gaodeMap(process.env.VUE_APP_MAP_CENTER, path3,"containerInspect");
+            let gaoMap = new gaodeMap(process.env.VUE_APP_MAP_CENTER, path3, "containerInspect");
             this.gaoMap = gaoMap;
             for (var i = 0; i < this.form.pipeList.length; i++) {
               let obj = this.form.pipeList[i];
@@ -415,7 +436,6 @@
             }
           }
 
-
           if (this.form.orderType == '1') {
             // 获取设备列表树
             let data = {
@@ -667,4 +687,11 @@
     font-size: 15px;
     font-weight: 900;
   }
-</style>
+  .el-table::before {
+    left: 0;
+    bottom: 0;
+    width: 100%;
+    height: 0px;
+}
+  
+</style>
\ No newline at end of file

gassafety-web/src/views/riskManagement/hiddenTroubleDetail/index.vue

@@ -171,7 +171,7 @@
               </el-timeline-item>
             </el-timeline>
           </div>
-          <div style="width: 95%;position: relative;" @click="changeDisplay(scope)">
+          <div style="width: 95%;position: relative;" @click="changeDisplay()">
             <i class="el-icon-arrow-down" v-if="isDisplay==false" style="margin-left: 100px;color: #909399;font-size: 14px;margin-bottom: 15px;">
               <span style="text-decoration:underline;">显示全部</span>
             </i>
@@ -627,7 +627,7 @@ export default {
       });
     },
       // 点击按钮显示隐藏
-      changeDisplay(e) {
+      changeDisplay() {
         this.isDisplay = !this.isDisplay
         let $timeline = this.$refs.timeline;
         if (!this.showAndHide) {

gassafety-web/src/views/workOrder/detail/index.vue

@@ -8,7 +8,7 @@
             <el-button size="medium" type="text" style="font-size: 18px; color: rgb(7, 63, 112);float: left;">返回
             </el-button>
             <div style="float: left;margin-top: 8px;margin-left: 5px;"><img src="../../../assets/logo/fanhui.png"
-                                                                            style="width: 25px;" alt=""></div>
+                style="width: 25px;" alt=""></div>
           </div>
         </el-col>
       </el-row>
@@ -49,9 +49,12 @@
               <font v-if="form.orderType == 1 && linkOrderId != undefined">巡检信息</font>
               <font v-if="form.orderType == 2 && linkOrderId != undefined">隐患信息</font>
               <font v-if="form.orderType == 3 && linkOrderId != undefined">报警信息</font>
-              <el-button type="text" v-if="form.orderType == 1 && linkOrderId == undefined" @click="detailInfos(form.orderType)">巡检信息</el-button>
-              <el-button type="text" v-if="form.orderType == 2 && linkOrderId == undefined" @click="detailInfos(form.orderType)">隐患信息</el-button>
-              <el-button type="text" v-if="form.orderType == 3 && linkOrderId == undefined" @click="detailInfos(form.orderType)">报警信息</el-button>
+              <el-button type="text" v-if="form.orderType == 1 && linkOrderId == undefined"
+                @click="detailInfos(form.orderType)">巡检信息</el-button>
+              <el-button type="text" v-if="form.orderType == 2 && linkOrderId == undefined"
+                @click="detailInfos(form.orderType)">隐患信息</el-button>
+              <el-button type="text" v-if="form.orderType == 3 && linkOrderId == undefined"
+                @click="detailInfos(form.orderType)">报警信息</el-button>
             </el-form-item>
             <el-form-item label="工单编号:" prop="orderId" style="margin-bottom: 0px;">
               <font>{{form.orderId}}</font>
@@ -84,8 +87,8 @@
             </el-form-item>
             <el-form-item label="设备名称:" prop="deviceName" style="margin-bottom: 0px;">
               <font v-if="form.orderType != 1">{{form.deviceName}}</font>
-              <el-tree style="margin-top: 5px;margin-left: 70px;" :data="deviceOptions" :props="defaultProps" :expand-on-click-node="false" ref="tree"
-                       @node-click="handleNodeClick" v-if="form.orderType == 1" />
+              <el-tree style="margin-top: 5px;margin-left: 70px;" :data="deviceOptions" :props="defaultProps"
+                :expand-on-click-node="false" ref="tree" @node-click="handleNodeClick" v-if="form.orderType == 1" />
             </el-form-item>
             <el-form-item label="设备位置:" v-if="form.orderType != 1" style="margin-bottom: 0px;">
               <font v-if="form.deviceType == 0">{{form.pipeList?form.pipeList[0].pipeAddr:"-"}}</font>
@@ -112,15 +115,15 @@
 
       <div v-if="form.actualTime != '' && form.actualTime != null">
         <el-divider></el-divider>
-          <el-col :span="24" style="margin-top: -15px;margin-bottom: -10px;">
-            <div style="color: #31EAEA;width: 100%;height: 40px;">
-              <ul>
-                <li>接单信息</li>
-              </ul>
-            </div>
-          </el-col>
+        <el-col :span="24" style="margin-top: -15px;margin-bottom: -10px;">
+          <div style="color: #31EAEA;width: 100%;height: 40px;">
+            <ul>
+              <li>接单信息</li>
+            </ul>
+          </div>
+        </el-col>
         <el-row style="margin-bottom: -20px;">
-          <el-col :span="6"style="margin-bottom: 15px;">
+          <el-col :span="6" style="margin-bottom: 15px;">
             <el-form ref="form" v-model="form" :rules="rules" label-width="100px" style="height: 30px;width: 100%;">
               <el-form-item label="接单人:" prop="actualInspectorName">
                 <font>{{form.actualInspectorName}}</font>
@@ -148,7 +151,7 @@
         <div class="block" style="width: 95%;">
           <el-timeline ref="timeline">
             <el-timeline-item v-for="(activity, index) in form.feedbackList" v-show='index>1?false:true' :key="index"
-                              :timestamp="activity.feedbackTime">
+              :timestamp="activity.feedbackTime">
               <el-card>
 
                 <el-row>
@@ -184,17 +187,17 @@
                     <div class="feedbackTime-div">
                       <div class="feedbackTime">
                         <el-image :src="activity.pictureUrl1" :preview-src-list="[activity.pictureUrl1]"
-                                  v-if="activity.pictureUrl1 != null && activity.pictureUrl1 != ''" style="width: 100%;">
+                          v-if="activity.pictureUrl1 != null && activity.pictureUrl1 != ''" style="width: 100%;">
                         </el-image>
                       </div>
                       <div class="feedbackTime">
                         <el-image :src="activity.pictureUrl2" :preview-src-list="[activity.pictureUrl2]"
-                                  v-if="activity.pictureUrl2 != null && activity.pictureUrl2 != ''" style="width: 100%;">
+                          v-if="activity.pictureUrl2 != null && activity.pictureUrl2 != ''" style="width: 100%;">
                         </el-image>
                       </div>
                       <div class="feedbackTime">
                         <el-image :src="activity.pictureUrl3" :preview-src-list="[activity.pictureUrl3]"
-                                  v-if="activity.pictureUrl3 != null && activity.pictureUrl3 != ''" style="width: 100%;">
+                          v-if="activity.pictureUrl3 != null && activity.pictureUrl3 != ''" style="width: 100%;">
                         </el-image>
                       </div>
                     </div>
@@ -205,10 +208,10 @@
             </el-timeline-item>
           </el-timeline>
         </div>
-        <div style="width: 95%;position: relative;" @click="changeDisplay(scope)">
+        <div style="width: 95%;position: relative;" @click="changeDisplay()">
           <!-- <el-button type="primary"> -->
           <i class="el-icon-arrow-down" v-if="isDisplay==false"
-             style="margin-left: 100px;color: #909399;font-size: 14px;">
+            style="margin-left: 100px;color: #909399;font-size: 14px;">
             <span style="text-decoration:underline">显示全部</span>
           </i>
           <i class="el-icon-arrow-up" v-else style="color: #909399;font-size: 14px;margin-left: 100px;">
@@ -252,10 +255,12 @@
       <!-- 归档 -->
 
       <div class="" style="width: 95%;margin-left: 50px;text-align: center;margin-top: 10px;">
-        <el-button style="margin-bottom: 15px;margin-top: 10px;" type="primary" size="normal" icon="el-icon-edit" @click="handleUpdate(form.orderId)"
-                   v-hasPermi="['workOrder:basicsInfo:edit']" v-if="form.orderStatus == 0 && linkOrderId == undefined">修改</el-button>
-        <el-button style="margin-bottom: 15px;margin-top: 10px;" type="primary" size="normal" icon="el-icon-edit" @click="handleFinish(form.orderId)"
-                   v-hasPermi="['workOrder:basicsInfo:editStatus']" v-if="form.orderStatus == 2 && linkOrderId == undefined">归档</el-button>
+        <el-button style="margin-bottom: 15px;margin-top: 10px;" type="primary" size="normal" icon="el-icon-edit"
+          @click="handleUpdate(form.orderId)" v-hasPermi="['workOrder:basicsInfo:edit']"
+          v-if="form.orderStatus == 0 && linkOrderId == undefined">修改</el-button>
+        <el-button style="margin-bottom: 15px;margin-top: 10px;" type="primary" size="normal" icon="el-icon-edit"
+          @click="handleFinish(form.orderId)" v-hasPermi="['workOrder:basicsInfo:editStatus']"
+          v-if="form.orderStatus == 2 && linkOrderId == undefined">归档</el-button>
         <el-dialog :title="title" :visible.sync="open" width="800px" append-to-body>
           <el-form ref="form" :model="form" :rules="rules" label-width="100px">
             <div v-if="this.title == '工单信息修改'">
@@ -264,7 +269,7 @@
               </el-form-item>
               <el-form-item label="指定执行人员" prop="appointInspector">
                 <el-select v-model="form.appointInspector" placeholder="请选择执行人员" filterable clearable size="small"
-                           @change="setUserId">
+                  @change="setUserId">
                   <el-option v-for="item in inspector" :key="item.userId" :label="item.nickName" :value="item.userId">
                   </el-option>
                 </el-select>
@@ -297,36 +302,21 @@
         </el-dialog>
       </div>
     </div>
-    <el-dialog
-      title="巡检信息"
-      lock-scroll
-      :visible.sync="inspectionDialogVisible"
-      width="70%"
-    >
+    <el-dialog title="巡检信息" lock-scroll :visible.sync="inspectionDialogVisible" width="70%">
       <div style="height:80vh;overflow:auto">
-        <inspection :resourceId="form.resourceId"/>
+        <inspection :resourceId="form.resourceId" />
       </div>
     </el-dialog>
 
-    <el-dialog
-      title="隐患信息"
-      lock-scroll
-      :visible.sync="hiddenTroubleDialogVisible"
-      width="70%"
-    >
+    <el-dialog title="隐患信息" lock-scroll :visible.sync="hiddenTroubleDialogVisible" width="70%">
       <div style="height:80vh;overflow:auto">
-        <hiddenTrouble :resourceId="form.resourceId"/>
+        <hiddenTrouble :resourceId="form.resourceId" />
       </div>
     </el-dialog>
 
-    <el-dialog
-      title="报警信息"
-      lock-scroll
-      :visible.sync="alarmDialogVisible"
-      width="70%"
-    >
+    <el-dialog title="报警信息" lock-scroll :visible.sync="alarmDialogVisible" width="70%">
       <div style="height:80vh;overflow:auto">
-        <alarm :resourceId="form.resourceId"/>
+        <alarm :resourceId="form.resourceId" />
       </div>
     </el-dialog>
   </div>
@@ -344,7 +334,7 @@
   import alarm from "../../dataMonitoring/alarmdetail/index.vue";
 
   export default {
-    props:["linkOrderId"],
+    props: ["linkOrderId"],
     name: "BasicsInfo",
     components: {
       inspection,
@@ -426,9 +416,9 @@
     created() {
       // 如果是跳转来的，则接受初始化参数
       // this.user_id = this.$route.query.id; //详细信息页接收参数
-      if(this.linkOrderId){
+      if (this.linkOrderId) {
         this.orderId = this.linkOrderId;
-      }else{
+      } else {
         this.orderId = this.$route.query.orderId;
       }
 
@@ -453,7 +443,7 @@
         });
       },
       // 点击按钮显示隐藏
-      changeDisplay(e) {
+      changeDisplay() {
         this.isDisplay = !this.isDisplay
         let $timeline = this.$refs.timeline;
         if (!this.showAndHide) {
@@ -497,48 +487,123 @@
         });
       },
       getBasicsInfo() {
-        !
-          getBasicsInfo(this.orderId).then(response => {
-            this.form = response.data;
-            this.active = parseInt(response.data.orderStatus) + 1;
-
-            if (this.form.deviceInfoList.length > 0) {
-              console.log("this.form.deviceInfoList", this.form.deviceInfoList)
-              let gaoMap = new gaodeMap(process.env.VUE_APP_MAP_CENTER, [this.form.deviceInfoList[0].longitude, this.form.deviceInfoList[0].latitude]);
-              this.gaoMap = gaoMap;
-              // this.gaoMap.resetMapCenter([this.form.deviceInfoList[0].longitude, this.form.deviceInfoList[0].latitude]);
-              for (var i = 0; i < this.form.deviceInfoList.length; i++) {
-                let obj = this.form.deviceInfoList[i];
-                this.gaoMap.addMarker(DEVICE_TYPE.WORKORDER, obj);
+
+        getBasicsInfo(this.orderId).then(response => {
+          this.form = response.data;
+          this.active = parseInt(response.data.orderStatus) + 1;
+          const deviceNum = this.form?.deviceInfoList?.length;
+          const pipeNum = this.form?.pipeList?.length;
+          console.log(deviceNum,pipeNum)
+          if (deviceNum > 0 && pipeNum > 0) {
+            let gaoMap = new gaodeMap(process.env.VUE_APP_MAP_CENTER, null);
+            this.gaoMap = gaoMap;
+            for (var i = 0; i < this.form.deviceInfoList.length; i++) {
+              let obj = this.form.deviceInfoList[i];
+              console.log(obj, "kkkkkkkk")
+              if ("1" == obj.deviceType) {
+                this.gaoMap.addMarker(DEVICE_TYPE.REGEULATORBOX, obj, "false")
+              }
+              if ("2" == obj.deviceType) {
+                this.gaoMap.addMarker(DEVICE_TYPE.VALUEWELL, obj, "false")
+              }
+              if ("3" == obj.deviceType) {
+                this.gaoMap.addMarker(DEVICE_TYPE.FLOWMETER, obj, "false")
               }
+              if ("4" == obj.deviceType) {
+                this.gaoMap.addMarker(DEVICE_TYPE.PRESSUREGAGE, obj, "false")
+              }
+            }
+
+            for (var i = 0; i < this.form.pipeList.length; i++) {
+              let obj = this.form.pipeList[i];
+              this.gaoMap.onlyLine(obj);
             }
 
-            if (this.form.pipeList != null) {
-              console.log("this.form.pipeList",this.form.pipeList[0].coordinates)
-              const {coordinates} = this.form.pipeList[0];
-              const path1 = eval(coordinates)[0];
-              const path2 = eval(coordinates)[1];
-              const path3 = [(Number(path1[0]) + Number(path2[0])) / 2, (Number(path1[1]) + Number(path2[1])) / 2];
-              let gaoMap = new gaodeMap(process.env.VUE_APP_MAP_CENTER,path3);
-              this.gaoMap = gaoMap;
-
-              for (var i = 0; i < this.form.pipeList.length; i++) {
-                let obj = this.form.pipeList[i];
-                this.gaoMap.onlyLine(obj);
+          } else if (deviceNum > 0 && pipeNum == 0) {
+            let gaoMap = new gaodeMap(process.env.VUE_APP_MAP_CENTER, [this.form.deviceInfoList[0].longitude, this.form.deviceInfoList[0].latitude]);
+            this.gaoMap = gaoMap;
+            // this.gaoMap.resetMapCenter([this.form.deviceInfoList[0].longitude, this.form.deviceInfoList[0].latitude]);
+            for (var i = 0; i < this.form.deviceInfoList.length; i++) {
+              let obj = this.form.deviceInfoList[i];
+              console.log(obj, "kkkkkkkk")
+              if ("1" == obj.deviceType) {
+                this.gaoMap.addMarker(DEVICE_TYPE.REGEULATORBOX, obj, "false")
+              }
+              if ("2" == obj.deviceType) {
+                this.gaoMap.addMarker(DEVICE_TYPE.VALUEWELL, obj, "false")
+              }
+              if ("3" == obj.deviceType) {
+                this.gaoMap.addMarker(DEVICE_TYPE.FLOWMETER, obj, "false")
+              }
+              if ("4" == obj.deviceType) {
+                this.gaoMap.addMarker(DEVICE_TYPE.PRESSUREGAGE, obj, "false")
               }
             }
 
-            if (this.form.orderType == '1') {
-              // 获取设备列表树
-              let data = {
-                key1: this.form.deviceInfoList,
-                key2: this.form.pipeList
-              };
-              deviceTree(data).then(response => {
-                this.deviceOptions[0].childList = response.data;
-              });
+          } else if (deviceNum == 0 && pipeNum > 0) {
+            console.log("this.form.pipeList", this.form.pipeList[0].coordinates)
+            const { coordinates } = this.form.pipeList[0];
+            const path1 = eval(coordinates)[0];
+            const path2 = eval(coordinates)[1];
+            const path3 = [(Number(path1[0]) + Number(path2[0])) / 2, (Number(path1[1]) + Number(path2[1])) / 2];
+            let gaoMap = new gaodeMap(process.env.VUE_APP_MAP_CENTER, path3);
+            this.gaoMap = gaoMap;
+
+            for (var i = 0; i < this.form.pipeList.length; i++) {
+              let obj = this.form.pipeList[i];
+              this.gaoMap.onlyLine(obj);
             }
-          });
+          }
+
+
+          // if (this.form.deviceInfoList.length > 0) {
+          //   let gaoMap = new gaodeMap(process.env.VUE_APP_MAP_CENTER, [this.form.deviceInfoList[0].longitude, this.form.deviceInfoList[0].latitude]);
+          //   this.gaoMap = gaoMap;
+          //   // this.gaoMap.resetMapCenter([this.form.deviceInfoList[0].longitude, this.form.deviceInfoList[0].latitude]);
+          //   for (var i = 0; i < this.form.deviceInfoList.length; i++) {
+          //     let obj = this.form.deviceInfoList[i];
+          //     console.log(obj, "kkkkkkkk")
+          //     if ("1" == obj.deviceType) {
+          //       this.gaoMap.addMarker(DEVICE_TYPE.REGEULATORBOX, obj, "false")
+          //     }
+          //     if ("2" == obj.deviceType) {
+          //       this.gaoMap.addMarker(DEVICE_TYPE.VALUEWELL, obj, "false")
+          //     }
+          //     if ("3" == obj.deviceType) {
+          //       this.gaoMap.addMarker(DEVICE_TYPE.FLOWMETER, obj, "false")
+          //     }
+          //     if ("4" == obj.deviceType) {
+          //       this.gaoMap.addMarker(DEVICE_TYPE.PRESSUREGAGE, obj, "false")
+          //     }
+          //   }
+          // }
+
+          // if (this.form.pipeList != null) {
+          //   console.log("this.form.pipeList", this.form.pipeList[0].coordinates)
+          //   const { coordinates } = this.form.pipeList[0];
+          //   const path1 = eval(coordinates)[0];
+          //   const path2 = eval(coordinates)[1];
+          //   const path3 = [(Number(path1[0]) + Number(path2[0])) / 2, (Number(path1[1]) + Number(path2[1])) / 2];
+          //   let gaoMap = new gaodeMap(process.env.VUE_APP_MAP_CENTER, path3);
+          //   this.gaoMap = gaoMap;
+
+          //   for (var i = 0; i < this.form.pipeList.length; i++) {
+          //     let obj = this.form.pipeList[i];
+          //     this.gaoMap.onlyLine(obj);
+          //   }
+          // }
+
+          if (this.form.orderType == '1') {
+            // 获取设备列表树
+            let data = {
+              key1: this.form.deviceInfoList,
+              key2: this.form.pipeList
+            };
+            deviceTree(data).then(response => {
+              this.deviceOptions[0].childList = response.data;
+            });
+          }
+        });
       },
       // 筛选节点
       // filterNode(value, data) {
@@ -663,14 +728,14 @@
           this.exportLoading = false;
         }).catch(() => { });
       },
-      detailInfos(type){
-        if("1" == type){
+      detailInfos(type) {
+        if ("1" == type) {
           this.inspectionDialogVisible = true;
         }
-        if("2" == type){
+        if ("2" == type) {
           this.hiddenTroubleDialogVisible = true;
         }
-        if("3" == type){
+        if ("3" == type) {
           this.alarmDialogVisible = true;
         }
       }
@@ -706,6 +771,7 @@
     justify-content: center;
     align-items: center;
   }
+
   .el-card__body {
     padding: 5px 20px 20px 20px;
   }
@@ -746,4 +812,4 @@
     font-size: 15px;
     font-weight: 900;
   }
-</style>
+</style>
\ No newline at end of file