详情页

gassafety-web/src/utils/gaodeMap.js

@@ -62,6 +62,12 @@ class gaodeMap {
     this.districtBoundaries();
   }
 
+
+
+  resetMapCenter(value){
+    map.setCenter(value);
+  }
+
   /**
    * 设置城市边界
    */

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

@@ -16,7 +16,7 @@
         
         <div style="width: 100%;height: 280px;">
           <el-divider></el-divider>
-          <div style="color: #31EAEA;width: 100%;height: 40px;">
+          <div style="color: #31EAEA;width: 30%;height: 40px;">
             <ul><li>详细信息</li></ul>
           </div>
           <el-form ref="form" v-model="form" :rules="rules" label-width="100px" style="float: left;margin-left: 50px;">
@@ -69,7 +69,7 @@
                 <font>{{form.actualTime}}</font>
               </el-form-item>
           </el-form>
-          <div id="marbox" style="width: 700px;height: 200px;float: left;border: 1px solid rgb(218, 213, 213);">
+          <div id="marbox" style="width: 700px;height: 250px;float: left;margin-top: -35px; border: 1px solid rgb(218, 213, 213);">
             <div style="width: 100%;height: 100%" id="container"></div>
           </div>
         </div>
@@ -90,13 +90,13 @@
           </el-form>
         </div>
         <!-- 反馈信息 -->
-        <div style="width: 100%;font-weight: 600;height: 250px;" v-if="form.contents != null && form.feedbackTime != null && form.dealStatus != null">
+        <div style="width: 100%;font-weight: 600;height: 200px;" v-if="form.contents != null && form.feedbackTime != null && form.dealStatus != null">
           <el-divider></el-divider>
           <div style="color: #31EAEA;width: 100%;height: 40px;">
             <ul><li>反馈信息</li></ul>
           </div>
-          <div style="width: 95%;height: 200px;float: right;">
-            <el-upload style="width:20%;float: left;"
+          <div style="width: 95%;float: left;">
+            <!-- <el-upload style="float: left;"
               action="#"
               list-type="picture-card"
               :auto-upload="false">
@@ -129,8 +129,16 @@
                     </span>
                   </span>
                 </div>
-            </el-upload>
-            <el-form ref="form" v-model="form" :rules="rules" label-width="100px" style="float: left;" >
+            </el-upload> -->
+              <div style="float: left;margin-left: 50px;" >
+                <el-image :src="form.pictureUrl1" fit="cover" v-if="form.pictureUrl2 != null"  style="width: 100px;height: 100px;">
+                </el-image>
+                <el-image :src="form.pictureUrl2" fit="cover"  v-if="form.pictureUrl2 != null"   style="width: 100px;height: 100px;">
+                </el-image>
+                <el-image :src="form.pictureUrl3" fit="cover"  v-if="form.pictureUrl3 != null"   style="width: 100px;height: 100px;">
+                </el-image>
+              </div>
+            <el-form ref="form" v-model="form" :rules="rules" label-width="100px" style="float: left;margin-left: 50px;" >
                 <el-form-item label="反馈信息:" prop="contents">
                   <font>{{form.contents}}</font>
                 </el-form-item>
@@ -263,11 +271,15 @@ export default {
       getBasicsInfo (){
         getBasicsInfo(this.orderId).then(response =>{
           this.form = response.data;
+          console.log(response.data,"fdsfdsa======")
           this.active = parseInt(response.data.orderStatus) + 1;
+          if(this.form.deviceInfoList.length>0){
+            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,"94444444444444-=----")
             this.gaoMap.addMarker(DEVICE_TYPE.WORKORDER, obj)
+           
           }
         });