气瓶追溯

gassafetyprogress-web/src/components/bigWindow/rightBar.vue

@@ -49,87 +49,42 @@
       </div>
     </div>
     <div class="" style="padding: 0px 10px">
-      <div
-        class="yujingleft yujing"
-        style="width: 33%; height: 90px; float: left"
-      >
-        <div
-          class="yujingtop"
-          style="
-            width: 70px;
-            height: 90px;
-            float: left;
-            margin-top: 15px;
-            text-align: right;
-          "
-        >
+      <div class="yujingleft yujing">
+        <div class="yujingtop">
           <img
             src="@/assets/mapinages/group786.png"
             alt=""
             style="width: 50px; height: 50px"
           />
         </div>
-        <div
-          class="yujingbottom"
-          style="float: left; color: #cddbe4; margin-left: 10px"
-        >
-          <p>设备预警</p>
+        <div class="yujingbottom">
+          <div>设备预警</div>
           <span>2</span>
         </div>
       </div>
-      <div
-        class="yujingcenter yujing"
-        style="width: 33%; height: 90px; float: left"
-      >
-        <div
-          class="yujingtop"
-          style="
-            width: 70px;
-            height: 90px;
-            float: left;
-            margin-top: 15px;
-            text-align: right;
-          "
-        >
+      <div class="yujingcenter yujing" >
+        <div class="yujingtop" >
           <img
             src="@/assets/mapinages/group787.png"
             alt=""
             style="width: 50px; height: 50px"
           />
         </div>
-        <div
-          class="yujingbottom"
-          style="float: left; color: #cddbe4; margin-left: 10px"
-        >
-          <p>事件情况</p>
+        <div class="yujingbottom">
+          <div>事件情况</div>
           <span>2</span>
         </div>
       </div>
-      <div
-        class="yujingright yujing"
-        style="width: 33%; height: 90px; float: left"
-      >
-        <div
-          class="yujingtop"
-          style="
-            width: 70px;
-            height: 90px;
-            float: left;
-            margin-top: 15px;
-            text-align: right;
-          "
-        >
+      <div  class="yujingright yujing" >
+        <div class="yujingtop">
           <img
             src="@/assets/mapinages/group788.png"
             alt=""
             style="width: 50px; height: 50px"
           />
         </div>
-        <div
-          class="yujingbottom"
-          style="float: left; color: #cddbe4; margin-left: 10px"
-        >
-          <p>隐患数量</p>
+        <div class="yujingbottom">
+          <div>隐患数量</div>
           <span>2</span>
         </div>
       </div>

gassafetyprogress-web/src/utils/mapClass/config.js

@@ -41,6 +41,8 @@ export const svgUrl = {
   13: require("@/assets/image/yj-yy.png"),
   15: require("@/assets/image/yj-xf.png"),
   16: require("@/assets/image/yj-xj.png"),
+  //煤气罐罐  运行监测   气瓶回溯
+  17: require("@/assets/mapinages/meiqiguan.png"),
 };
 export const svgAlarm = {
   2: require("@/assets/mapImages/tyxAlarm.svg"),