fix:食堂样式修改

src/components/abnormal-event-type-status.vue

@@ -7,7 +7,7 @@
           size="small" @change="dateTypeChange" />
       </div>
       <!-- <div class="area-info">
-        <div class="area-info-item" v-for="(item, index) in 10" :key="item.name" @click="doItem(item)">
+        <div class="area-info-item" v-for="(item, index) in 2" :key="item.name" @click="doItem(item)">
           <span
             :style="{ width: '1vw', height: '1vw', background: colors[index], borderRadius: '50%', display: 'inline-block' }"></span>
           <span class="name">新县府二楼</span>
@@ -217,7 +217,7 @@ onBeforeUnmount(() => {
   height: 100%;
 
   .chart {
-    width: 100%;
+    width: 50%;
     height: 100%;
   }
 
@@ -227,7 +227,7 @@ onBeforeUnmount(() => {
     display: flex;
     flex-direction: column;
     align-items: center;
-    justify-content: space-between;
+    justify-content: flex-start;
     gap: 1vh;
 
     .segmented {