1、房屋收费缴费

apps/web-antd/src/views/property/costManagement/houseCharge/house-charge-detail.vue

@@ -45,13 +45,13 @@ async function handleOpenChange(open: boolean) {
     <Descriptions v-if="houseChargeDetail" size="small" :column="2" bordered
                   :labelStyle="{width:'100px'}">
       <DescriptionsItem label="费用编号">
-        {{ costItem.id }}
+        {{ costItem?.id }}
       </DescriptionsItem>
       <DescriptionsItem label="费用项目">
-        {{ costItem.chargeItem }}
+        {{ costItem?.chargeItem }}
       </DescriptionsItem>
       <DescriptionsItem label="费用类型">
-        <component
+        <component v-if="costItem"
           :is="renderDict(costItem.costType,'pro_expense_type')"
         />
       </DescriptionsItem>
@@ -59,16 +59,16 @@ async function handleOpenChange(open: boolean) {
         {{ houseChargeDetail.startTime+' 至 '+houseChargeDetail.endTime }}
       </DescriptionsItem>
       <DescriptionsItem label="房间">
-        {{room.roomNumber}}
+        {{room?.roomNumber}}
       </DescriptionsItem>
       <DescriptionsItem label="房间面积">
-        {{`建筑面积：${room.area} 套内面积：${room.insideInArea}`}}
+        {{`建筑面积：${room?.area} 套内面积：${room?.insideInArea}`}}
       </DescriptionsItem>
       <DescriptionsItem label="单价">
-        {{ costItem.unitPrice }}
+        {{ costItem?.unitPrice }}
       </DescriptionsItem>
       <DescriptionsItem label="附加费">
-        {{costItem.surcharge}}
+        {{costItem?.surcharge}}
       </DescriptionsItem>
       <DescriptionsItem label="应收金额">
         <span style="font-size: 16px;font-weight: 600;color: red" v-if="houseChargeDetail.amountReceivable">