应急物资

dcit-hcsystem-hcsystem-master/src/views/qyMap/qyMap.vue

@@ -71,11 +71,11 @@
                         </div>
                   
                 </div>
-                <div @click="mapma" class="markbox-div" ref="yh">
+                <div @click="mapma" class="markbox-div" ref="material">
                     <div class="markbox-click" ref="maimg" style="width: 30%;height: 100%;float: left;text-align: right;">
                         <img width="30px" src="@/assets/mark/markjk.png" />
                     </div>
-                    <div class="markbox-span" ref="zyh" style="width: 70%;height: 100%;float: left;text-align: center;line-height: 10px;padding-top: 18px;">
+                    <div class="markbox-span" ref="zma" style="width: 70%;height: 100%;float: left;text-align: center;line-height: 10px;padding-top: 18px;">
                         <span>应急物资<p></p><span style="font-family: 'UnidreamLED';font-size: 1.5rem;">{{materialData.total}}</span></span>
                     </div>
 
@@ -813,12 +813,13 @@
             if (this.maVisble) {
                 this.Mutil.visibleMarks(false, "material");
                 this.maVisble = false;
-                this.$refs.maimg.lastChild.style.display = "none";
-
+                this.$refs.material.style.background = "#24BBC7";
+                this.$refs.zma.lastChild.style.color = "#013056";
             } else {
                 this.Mutil.visibleMarks(true, "material");
                 this.maVisble = true;
-                this.$refs.maimg.lastChild.style.display = "block";
+                this.$refs.material.style.background = "RGBA(5, 52, 82, 0.7)";
+                this.$refs.zma.lastChild.style.color = "#fff";
             }
 
         }