修改应急物资储备

dist/index.html

@@ -6,7 +6,7 @@
   <link rel="icon" href="./favicon.ico" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>南京东路街道</title>
-<script type="module" crossorigin src="./assets/index.1dbbddd5.js"></script>
+<script type="module" crossorigin src="./assets/index.76315788.js"></script>
   <link rel="modulepreload" href="./assets/vendor.c8b46542.js">
   <link rel="stylesheet" href="./assets/index.a271709b.css">
 </head>

src/view/right/emergency-store.vue

 <template>
-  <m-card title="应急物资储备" style="height: 1rem">
+  <m-card title="应急物资储备" style="height: 1.5rem">
+    <div class="wrapper">
+      <div>
+        <m-sub2>街道</m-sub2>
         <div class="emergency">
           <div v-for="(item, index) in list" :key="index">
-        <m-count class="count orange-count" :value="item.value" />
-        <span>处</span>
-        <p>{{ item.name }}</p>
+            <m-count class="count orange-count" :value="+item.value" />
+            <span>{{ item.name }}</span>
+            <!-- <span> 处</span>
+        <p>{{ item.name }}</p> -->
+          </div>
+        </div>
+      </div>
+      <div>
+        <m-sub2>金外滩</m-sub2>
+        <div class="emergency">
+          <div v-for="(item, index) in list2" :key="index">
+            <m-count class="count orange-count" :value="+item.value" />
+            <span>{{ item.name }}</span>
+            <!-- <span> 处</span>
+        <p>{{ item.name }}</p> -->
+          </div>
+        </div>
       </div>
     </div>
   </m-card>
-  <m-card title="房屋外立面">
+  <m-card title="房屋外立面" style="flex: 1">
     <div class="out-house">
       <div class="view-selector">
         <a-select
@@ -205,6 +222,28 @@ export default defineComponent({
         emergencySupplies = 0,
         floodPreventionUnits = 0,
         warmAntifreeze = 0,
+      } = emergencyData.value
+      return [
+        {
+          value: floodPreventionUnits,
+          name: '防汛防台',
+        },
+        {
+          value: warmAntifreeze,
+          name: '防寒抗冻',
+        },
+        {
+          value: emergencySupplies,
+          name: '疫情控制',
+        },
+        {
+          value: emergencyRescue,
+          name: '应急抢险',
+        },
+      ]
+    })
+    const list2 = computed(() => {
+      const {
         wyEmergencyRescue = 0,
         wyEmergencySupplies = 0,
         wyFloodPreventionUnits = 0,
@@ -212,19 +251,19 @@ export default defineComponent({
       } = emergencyData.value
       return [
         {
-          value: (+floodPreventionUnits + +wyFloodPreventionUnits) || 0,
+          value: wyFloodPreventionUnits,
           name: '防汛防台',
         },
         {
-          value: (+warmAntifreeze + +wyWarmAntifreeze) || 0,
+          value: wyWarmAntifreeze,
           name: '防寒抗冻',
         },
         {
-          value: (+emergencySupplies + +wyEmergencySupplies) || 0,
+          value: wyEmergencySupplies,
           name: '疫情控制',
         },
         {
-          value: (+emergencyRescue + +wyEmergencyRescue) || 0,
+          value: wyEmergencyRescue,
           name: '应急抢险',
         },
       ]
@@ -348,6 +387,7 @@ export default defineComponent({
     return {
       avatar8,
       list,
+      list2,
       houseSum,
       listModal,
       population,
@@ -370,19 +410,29 @@ export default defineComponent({
 <style lang="stylus" scoped>
 @import '../../components/MyComponent/main.styl'
 
-.emergency
+.wrapper
+  height 100%
+  display flex
+  flex-direction column
+  justify-content space-between
+  .emergency
     display flex
     align-items center
     justify-content space-between
-  height 80%
+    background rgba(70,83,97,.4)
+    padding .04rem 0
+    box-sizing border-box
     >div
-    text-align center
+      display flex
+      align-items center
+      justify-content center
       width 20%
       .count
         font-family $font-barlow
         font-size .14rem
+        margin-right .04rem
       span
-      font-size .08rem
+        font-size .09rem
         color #ccc
 .out-house
   flex 1
@@ -408,7 +458,8 @@ export default defineComponent({
       height 100%
   .bottom-box
     position relative
-    margin-top .1rem
+    margin-top .05rem
+    overflow-y auto
     .check-btn
       position absolute
       right .1rem
@@ -418,7 +469,7 @@ export default defineComponent({
       display flex
       flex-wrap wrap
       overflow-y auto
-      max-height 27vh
+      height 1.1rem
       >div
         width 31%
         padding .05rem .08rem