'fix:修改一些静态图片打包后不能正常显示,设备页面的地图和地理位置的铆钉'

@@ -35,7 +35,7 @@
     >
     >
       <BasicForm @register="registerForm" />
       <BasicForm @register="registerForm" />
       <Empty v-if="!isNull" />
       <Empty v-if="!isNull" />
-      <div v-show="isNull" ref="chartRef" :style="{ height: '600px', width }"></div>
+      <div v-else ref="chartRef" :style="{ height: '600px', width }"></div>
     </BasicModal>
     </BasicModal>
     <DeviceDetailDrawer @register="registerDetailDrawer" />
     <DeviceDetailDrawer @register="registerDetailDrawer" />
   </div>
   </div>
@@ -61,6 +61,13 @@
   import { useDrawer } from '/@/components/Drawer';
   import { useDrawer } from '/@/components/Drawer';
   import DeviceDetailDrawer from '/@/views/device/manage/cpns/modal/DeviceDetailDrawer.vue';
   import DeviceDetailDrawer from '/@/views/device/manage/cpns/modal/DeviceDetailDrawer.vue';
   import moment from 'moment';
   import moment from 'moment';
+  // 导入一些静态图片,避免打包时不能正确解析
+  import djx from '/@/assets/images/djx.png';
+  import zx from '/@/assets/images/zx.png';
+  import lx from '/@/assets/images/lx.png';
+  import djh from '/@/assets/images/djh.png';
+  import online from '/@/assets/images/online1.png';
+  import lx1 from '/@/assets/images/lx1.png';
   export default defineComponent({
   export default defineComponent({
     name: 'BaiduMap',
     name: 'BaiduMap',
     components: {
     components: {
@@ -141,10 +148,10 @@
               <div style="font-size:16px;font-weight:bold">${name}</div>
               <div style="font-size:16px;font-weight:bold">${name}</div>
               ${
               ${
                 deviceState === 'INACTIVE'
                 deviceState === 'INACTIVE'
-                  ? '<div style="display:flex;align-items:center"><img style="width:15px;height:15px" src="/src/assets/images/djh.png">待激活</div>'
+                  ? `<div style="display:flex;align-items:center"><img style="width:15px;height:15px" src="${djh}">待激活</div>`
                   : deviceState === 'ONLINE'
                   : deviceState === 'ONLINE'
-                  ? '<div style="display:flex;align-items:center"><img style="width:15px;height:15px" src="/src/assets/images/online1.png">在线</div>'
-                  : '<div style="display:flex;align-items:center"><img style="width:15px;height:15px" src="/src/assets/images/lx1.png">离线</div>'
+                  ? `<div style="display:flex;align-items:center"><img style="width:15px;height:15px" src="${online}">在线</div>`
+                  : `<div style="display:flex;align-items:center"><img style="width:15px;height:15px" src="${lx1}">离线</div>`
               }
               }
             </div>
             </div>
             <div>所属组织：${organizationDTO.name}</div>
             <div>所属组织：${organizationDTO.name}</div>
@@ -161,12 +168,8 @@
 
 
           map.openInfoWindow(infoWindow, map.getCenter());
           map.openInfoWindow(infoWindow, map.getCenter());
           let preMarker = null;
           let preMarker = null;
-          const rivet =
-            deviceState === 'INACTIVE'
-              ? '/src/assets/images/djx.png'
-              : deviceState === 'ONLINE'
-              ? '/src/assets/images/zx.png'
-              : '/src/assets/images/lx.png';
+
+          const rivet = deviceState === 'INACTIVE' ? djx : deviceState === 'ONLINE' ? zx : lx;
           let myIcon = new BMap.Icon(rivet, new BMap.Size(20, 30));
           let myIcon = new BMap.Icon(rivet, new BMap.Size(20, 30));
           let marker = new BMap.Marker(point, { icon: myIcon });
           let marker = new BMap.Marker(point, { icon: myIcon });
           if (marker) {
           if (marker) {

@@ -73,6 +73,7 @@
   import { upload } from '/@/api/oss/ossFileUploader';
   import { upload } from '/@/api/oss/ossFileUploader';
   import { FileItem } from '/@/components/Upload/src/typing';
   import { FileItem } from '/@/components/Upload/src/typing';
   import { BAI_DU_MAP_URL } from '/@/utils/fnUtils';
   import { BAI_DU_MAP_URL } from '/@/utils/fnUtils';
+  import icon from '/@/assets/images/wz.png';
   export default defineComponent({
   export default defineComponent({
     components: {
     components: {
       BasicForm,
       BasicForm,
@@ -179,7 +180,6 @@
         if (!wrapEl) return;
         if (!wrapEl) return;
         let preMarker = null;
         let preMarker = null;
         const map = new BMap.Map(wrapEl);
         const map = new BMap.Map(wrapEl);
-        const icon = '/src/assets/images/wz.png';
         let myIcon = new BMap.Icon(icon, new BMap.Size(20, 30));
         let myIcon = new BMap.Icon(icon, new BMap.Size(20, 30));
         const point = new BMap.Point(Number(longitude), Number(latitude));
         const point = new BMap.Point(Number(longitude), Number(latitude));
         let marker = new BMap.Marker(point, { icon: myIcon });
         let marker = new BMap.Marker(point, { icon: myIcon });
@@ -207,8 +207,8 @@
           //获取详细的地址，精确到街道的名称
           //获取详细的地址，精确到街道的名称
           gc.getLocation(newPoint, (rs) => {
           gc.getLocation(newPoint, (rs) => {
             let addComp = rs.addressComponents;
             let addComp = rs.addressComponents;
-            let addrname = addComp.city + addComp.district + addComp.street + addComp.streetNumber;
-            positionState.address = addrname;
+            let address = addComp.city + addComp.district + addComp.street + addComp.streetNumber;
+            positionState.address = address;
           });
           });
         });
         });
       }
       }