feat

src/views/agriculture/mapManager/MapArea.vue

@@ -43,12 +43,12 @@
       <!-- 添加设备按钮 -->
       <el-popover v-if="!isAdmin" placement="right-start" width="100" trigger="click" v-model="isShow2">
         <div v-for="item in product" :key="item.productId" class="product flex aic" @click="addDevice(item)">
-          <img :src="baseUrl + item.imgUrl" alt="" />{{ item.productName }}
+          <img :src="item.imgUrl" alt="" />{{ item.productName }}
         </div>
         <i class="btn el-icon-bangzhu" slot="reference"></i>
       </el-popover>
     </div>
-    <img class="followPoint" v-show="followPointShow" :src="baseUrl + deviceImgUrl" alt="" />
+    <img class="followPoint" v-show="followPointShow" :src="deviceImgUrl" alt="" />
     <!-- 地图工具按钮 -->
     <div class="tool">
       <el-tooltip transition="el-zoom-in-center" class="item" effect="dark" content="尺子" placement="left">
@@ -95,9 +95,7 @@
           <div class="label"><i class="el-icon-printer el_icon"></i>设备</div>
           <li class="control_item" v-for="(item, index) in deviceProduct" :key="index">
             <div class="icon">
-              <img :src="baseUrl + item.imgUrl" alt="" />{{
-                item.productName.length > 7 ? `${item.productName.substring(0, 7)}...` : item.productName
-              }}
+              <img :src="item.imgUrl" alt="" />{{ item.productName.length > 7 ? `${item.productName.substring(0, 7)}...` : item.productName }}
             </div>
             <div>
               <el-checkbox v-model="item.show" @change="show(item)"></el-checkbox>
@@ -164,7 +162,6 @@ export default {
   },
   data() {
     return {
-      baseUrl: process.env.VUE_APP_BASE_API,
       drawer: false, //抽屉控制
       drawer2: false, //抽屉控制
       drawer3: false,
@@ -396,7 +393,7 @@ export default {
       this.marker = [];
       var markerContent = document.createElement('div');
       var markerImg = document.createElement('img');
-      markerImg.src = this.baseUrl + this.deviceImgUrl;
+      markerImg.src = this.deviceImgUrl;
       markerImg.setAttribute('width', '20px');
       markerImg.setAttribute('height', '20px');
       markerContent.appendChild(markerImg);
@@ -537,13 +534,14 @@ export default {
           }
         });
       });
+      console.log('mark', this.deviceProduct);
       this.deviceProduct.forEach((item) => {
         if (item.children.length > 0) {
           let devicePointList = [];
           item.children.forEach((device) => {
             let marker = new this.AMap.Marker({
               icon: new this.AMap.Icon({
-                image: this.baseUrl + device.imgUrl,
+                image: device.imgUrl,
                 imageSize: new this.AMap.Size(26, 26),
               }),
               position: [device.longitude, device.latitude],
@@ -889,18 +887,10 @@ export default {
     opacity: 1;
     -webkit-transform: scaleX(1);
     transform: scaleX(1);
-    -webkit-transition:
-      opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1),
-      -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
-    transition:
-      opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1),
-      -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
-    transition:
-      transform 0.3s cubic-bezier(0.23, 1, 0.32, 1),
-      opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1);
-    transition:
-      transform 0.3s cubic-bezier(0.23, 1, 0.32, 1),
-      opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1),
+    -webkit-transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
+    transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
+    transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1);
+    transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1),
       -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
     -webkit-transform-origin: center right;
     transform-origin: center right;

src/views/agriculture/mapManager/index.vue

@@ -29,7 +29,7 @@
                 @click="moveTo(item, 2)"
               >
                 <div>
-                  <img class="height-20 width-20 margin-right-6" :src="baseUrl + item.imgUrl.split(',')[1]" alt="" />{{
+                  <img class="height-20 width-20 margin-right-6" :src="item.imgUrl.split(',')[1]" alt="" />{{
                     item.deviceName.length > 10 ? `${item.deviceName.substring(0, 10)}...` : item.deviceName
                   }}
                 </div>
@@ -72,7 +72,6 @@ export default {
   },
   data() {
     return {
-      baseUrl: process.env.VUE_APP_BASE_API,
       activeIndex1: null,
       activeName: 'area',
       total: 0,