9/21 房屋信息-账单列表-对于部分缴费添加详细缴费信息，帐单列表添加分页；

src/views/system/Sdb/ChargeItem/index.vue

@@ -42,7 +42,7 @@
       <el-table v-loading="loading" :data="chargeItemList" border @selection-change="handleSelectionChange">
         <el-table-column align="center" type="selection" width="55" />
         <el-table-column align="center" label="项目名称" prop="itemName" />
-        <el-table-column align="center" label="计费方式" prop="billingType" width="100">
+        <el-table-column align="center" label="计费方式" prop="billingType" width="150">
           <template #default="scope">
             <dict-tag :options="com_charge_item_method" :value="scope.row.billingType"></dict-tag>
           </template>
@@ -84,7 +84,7 @@
           </template>
         </el-table-column>
         <el-table-column align="center" label="备注" prop="remark" show-overflow-tooltip />
-        <el-table-column align="center" class-name="small-padding fixed-width" fixed="right" label="操作">
+        <el-table-column align="center" class-name="small-padding fixed-width" label="操作">
           <template #default="scope">
             <el-button v-has-permi="['chargeItem:chargeItem:edit']" link type="primary" @click="handleUpdate(scope.row)">编辑</el-button>
             <el-button v-has-permi="['chargeItem:chargeItem:remove']" link type="primary" @click="handleDelete(scope.row)">删除</el-button>

src/views/system/house/HouseDetails.vue

@@ -188,12 +188,42 @@
         <span>缴费账单</span>
       </div>
       <div>
-        <el-table :data="billList" style="width: 100%">
+        <el-table :data="billList" style="width: 100%; max-height: 500px; overflow: auto">
           <el-table-column label="账单名称" prop="detailsName" />
           <el-table-column label="账单项目" prop="chargeItemName" />
           <el-table-column label="金额" prop="money">
             <template #default="scope">
-              <span>{{ scope.row.amount }}</span>
+              <div class="flex" style="width: 120px; justify-content: start; align-items: center">
+                <div style="width: 80px; text-align: left">
+                  {{ scope.row.amount }}
+                </div>
+                <el-tooltip v-if="scope.row.payStatus === '3'" class="box-item" effect="light" placement="top">
+                  <el-icon color="#909399"><QuestionFilled /></el-icon>
+                  <template #content>
+                    <div style="line-height: 1.8; font-size: 13px; width: 180px">
+                      <div class="flex justify-between" style="text-align: right">
+                        <span>总金额</span>
+                        <span>{{ scope.row.amount }}￥</span>
+                      </div>
+                      <div class="flex justify-between" style="text-align: right">
+                        <span>优惠金额</span>
+                        <span>− {{ scope.row.singleDiscountAmount }}￥</span>
+                      </div>
+                      <div class="flex justify-between" style="text-align: right">
+                        <span>已交金额</span>
+                        <span>− {{ scope.row.paidAmount }}￥</span>
+                      </div>
+                      <div
+                        class="flex justify-between cursor-pointer"
+                        style="margin-top: 6px; border-top: 1px solid #ccc; text-align: right; padding-top: 6px"
+                      >
+                        <span>待缴金额</span>
+                        <span style="font-weight: bold; color: red">{{ scope.row.needPayAmount }}￥</span>
+                      </div>
+                    </div>
+                  </template>
+                </el-tooltip>
+              </div>
             </template>
           </el-table-column>
           <el-table-column label="支付状态" prop="payStatus">
@@ -202,6 +232,7 @@
             </template>
           </el-table-column>
         </el-table>
+        <pagination v-show="total > 0" v-model:limit="queryParams.pageSize" v-model:page="queryParams.pageNum" :total="total" @pagination="getList" />
       </div>
     </div>
   </div>
@@ -213,6 +244,7 @@ import DictTag from '@/components/DictTag/index.vue';
 import PageHeader from '@/components/Pageheader/index.vue';
 import { Data, getHouseMain, House } from '@/api/system/house';
 import { billlistType, billQuery } from '@/api/system/SdbCashier';
+import { QuestionFilled } from '@element-plus/icons-vue';
 
 const { proxy } = getCurrentInstance() as ComponentInternalInstance;
 const { com_resident_relationship } = toRefs<any>(proxy?.useDict('com_resident_relationship'));
@@ -290,6 +322,11 @@ function getBillByHouse(info: House) {
     total.value = res.total;
   });
 }
+function getList() {
+  if (HouseInfo.value) {
+    getBillByHouse(HouseInfo.value.house);
+  }
+}
 </script>
 
 <style lang="scss" scoped>

src/views/system/parking/parkReview.vue

@@ -284,6 +284,10 @@ type parkingReviewProcess = {
   submitTime: string;
   propertyTime: string;
   certificationTime: string;
+  'parkingId': string;
+  'propertyReviewFeedback': string;
+  'carId': null;
+  'residentId': null;
 };
 const parkingReviewInfo = ref<parkingReviewType>({
   parking: {
@@ -329,7 +333,11 @@ const parkingReviewInfo = ref<parkingReviewType>({
     certificationStatus: null,
     submitTime: null,
     propertyTime: null,
-    certificationTime: null
+    certificationTime: null,
+    parkingId: null,
+    propertyReviewFeedback: null,
+    carId: null,
+    residentId: null
   }
 });
 
@@ -346,6 +354,7 @@ function getInfo() {
         res.data.car.carImageUrlList = res.data.car.carImageUrl.split(',').filter(Boolean) ?? [];
       }
       parkingReviewInfo.value = res.data;
+      form.value.propertyReviewFeedback = res.data.parkingReviewProcess.propertyReviewFeedback || '';
       handleActiveStaus(res.data.parkingReviewProcess);
     });
   }