优化字段取值无值处理

src/views/index/components/box1_2.vue

@@ -20,7 +20,7 @@ import { defineProps} from "vue";
         <div class="box1-item-info">
           <div>总床位</div>
           <div class="box1-item-num">
-            {{overviewStatisticsData.bedCount}}
+            {{overviewStatisticsData?.bedCount}}
           </div>
         </div>
       </div>
@@ -29,7 +29,7 @@ import { defineProps} from "vue";
         <div class="box1-item-info">
           <div>预定数</div>
           <div class="box1-item-num">
-            {{overviewStatisticsData.presetCount}}
+            {{overviewStatisticsData?.presetCount}}
           </div>
         </div>
       </div>
@@ -38,7 +38,7 @@ import { defineProps} from "vue";
         <div class="box1-item-info">
           <div>已入住</div>
           <div class="box1-item-num">
-            {{overviewStatisticsData.checkInCount}}
+            {{overviewStatisticsData?.checkInCount}}
           </div>
         </div>
       </div>
@@ -48,7 +48,7 @@ import { defineProps} from "vue";
         <div class="box1-item-info">
           <div>空床位</div>
           <div class="box1-item-num">
-            {{overviewStatisticsData.emptyBedCount}}
+            {{overviewStatisticsData?.emptyBedCount}}
           </div>
         </div>
       </div>
@@ -58,7 +58,7 @@ import { defineProps} from "vue";
         <div class="box1-item-info">
           <div>入住率</div>
           <div class="box1-item-num">
-            {{overviewStatisticsData.occupancyRate}}
+            {{overviewStatisticsData?.occupancyRate}}
             <!-- <span>%</span> -->
           </div>
         </div>
@@ -69,7 +69,7 @@ import { defineProps} from "vue";
         <div class="box1-item-info">
           <div>员工数</div>
           <div class="box1-item-num">
-            {{overviewStatisticsData.userCount}}
+            {{overviewStatisticsData?.userCount}}
           </div>
         </div>
       </div>
@@ -79,7 +79,7 @@ import { defineProps} from "vue";
         <div class="box1-item-info">
           <div>护工数</div>
           <div class="box1-item-num">
-            {{overviewStatisticsData.caregiverCount}}
+            {{overviewStatisticsData?.caregiverCount}}
           </div>
         </div>
       </div>
@@ -89,7 +89,7 @@ import { defineProps} from "vue";
         <div class="box1-item-info">
           <div>退住数</div>
           <div class="box1-item-num">
-            {{overviewStatisticsData.retreatCount}}
+            {{overviewStatisticsData?.retreatCount}}
           </div>
         </div>
       </div>

src/views/index/components/box2.vue

@@ -36,7 +36,7 @@ function barEchartsInit() {
       splitLine: { show: false }, // 去掉背景线
       axisLine: { show: false }, // 这里设置为false即可去掉x轴线
       axisTick: { show: false },
-      data: elderCountStatisticsData.value.xaxis.map((el) => el),
+      data: elderCountStatisticsData.value?.xaxis.map((el) => el),
       axisLabel: {
         color: "#A3C2CC", // 设置 Y 轴字体颜色
         fontSize: 16, // 设置 Y 轴字体大小
@@ -89,7 +89,7 @@ function barEchartsInit() {
     },
     series: [
       {
-        data: elderCountStatisticsData.value.series.map((el) => el),
+        data: elderCountStatisticsData.value?.series.map((el) => el),
         type: "bar",
         showBackground: true,
         backgroundStyle: {
@@ -119,7 +119,7 @@ function barEchartsInit() {
         },
       },
       {
-        data: elderCountStatisticsData.value.series.map((el) => el),
+        data: elderCountStatisticsData.value?.series.map((el) => el),
         type: "line",
         color: "#0088FF",
         smooth: 0.5,