8/13， dev

src/views/system/parking/parkReview.vue

@@ -47,7 +47,6 @@
                     <span>
                       {{ parkingReviewInfo.parking.residentName }}
                     </span>
-                    <el-button type="primary" link style="font-size: smaller">详情</el-button>
                   </div>
                 </div>
                 <div class="carInfo_item">
@@ -66,6 +65,73 @@
             </el-card>
           </div>
           <!-- 车辆信息 -->
+          <div class="mb-10" v-if="!showCar">
+            <el-card>
+              <template #header>
+                <div class="card-header">
+                  <span>车辆信息</span>
+                </div>
+              </template>
+              <div class="w-full h-full CarInfoBox" v-if="parkingReviewInfo.car">
+                <el-row>
+                  <el-col :span="8">
+                    <div class="carInfo_item">
+                      <div class="label">车牌号：</div>
+                      <div class="main">{{ parkingReviewInfo.car.carNum }}</div>
+                    </div>
+                  </el-col>
+                  <el-col :span="8">
+                    <div class="carInfo_item">
+                      <div class="label">车辆品牌：</div>
+                      <div class="main">{{ parkingReviewInfo.car.carBrand }}</div>
+                    </div>
+                  </el-col>
+                  <el-col :span="8">
+                    <div class="carInfo_item">
+                      <div class="label">车辆型号</div>
+                      <div class="main">{{ parkingReviewInfo.car.carModel }}</div>
+                    </div>
+                  </el-col>
+                </el-row>
+                <el-row class="mt-30px mb-30px">
+                  <el-col :span="8">
+                    <div class="carInfo_item">
+                      <div class="label">车身颜色：</div>
+                      <div class="main">{{ parkingReviewInfo.car.carColor }}</div>
+                    </div>
+                  </el-col>
+                  <el-col :span="8">
+                    <div class="carInfo_item">
+                      <div class="label">备注：</div>
+                      <div class="main">{{ parkingReviewInfo.car.remark }}</div>
+                    </div>
+                  </el-col>
+                  <el-col :span="8"> </el-col>
+                </el-row>
+                <el-row>
+                  <el-col :span="24">
+                    <div class="carInfo_item flex-items-start">
+                      <div class="label">车辆照片：</div>
+                      <div class="main">
+                        <el-image
+                          v-for="(item, index) in parkingReviewInfo.car.carImageUrlList"
+                          :key="index"
+                          class="carInfoImage"
+                          :src="item"
+                          :initial-index="index"
+                          :preview-src-list="parkingReviewInfo.car.carImageUrlList"
+                          preview-teleported
+                        ></el-image>
+                      </div>
+                    </div>
+                  </el-col>
+                </el-row>
+              </div>
+              <div class="w-full h-full CarInfoBox flex flex-center min-h-17rem" v-else>
+                <span style="color: #999; font-weight: 500; font-size: larger; letter-spacing: 10px">暂无信息</span>
+              </div>
+            </el-card>
+          </div>
           <div class="">
             <el-card>
               <template #header>
@@ -143,6 +209,8 @@ const { proxy } = getCurrentInstance() as ComponentInternalInstance;
 const { com_parking_status } = toRefs<any>(proxy?.useDict('com_parking_status'));
 const { com_parking_type } = toRefs<any>(proxy?.useDict('com_parking_type'));
 
+const showCar = true;
+
 /** 住户 提交状态 */
 enum submitStatus {
   /** 未提交 */
@@ -177,7 +245,23 @@ const id = ref('');
 
 type parkingReviewType = {
   parking: parkingType;
-  car: any;
+  car: {
+    'id': string;
+    'areaId': null;
+    'villageId': string;
+    'parkingId': string;
+    'residentId': null;
+    'residentName': null;
+    'carNum': string;
+    'carBrand': string;
+    'carModel': string;
+    'carColor': string;
+    'remark': null;
+    'carImageUrl': string;
+    'userName': null;
+    'userId': string;
+    carImageUrlList?: string[];
+  };
   parkingReviewProcess: parkingReviewProcess;
 };
 
@@ -228,7 +312,22 @@ const parkingReviewInfo = ref<parkingReviewType>({
     'remark': '',
     'createTime': ''
   },
-  car: null,
+  car: {
+    'id': '',
+    'areaId': null,
+    'villageId': '',
+    'parkingId': '',
+    'residentId': null,
+    'residentName': null,
+    'carNum': '',
+    'carBrand': '',
+    'carModel': '',
+    'carColor': '',
+    'remark': null,
+    'carImageUrl': '',
+    'userName': null,
+    'userId': ''
+  },
   parkingReviewProcess: {
     id: null,
     submitStatus: null,
@@ -249,6 +348,9 @@ function getInfo() {
   if (route.query.id) {
     id.value = route.query.id as string;
     getParkingReviewInfo(id.value).then((res) => {
+      if (res.data.car) {
+        res.data.car.carImageUrlList = res.data.car.carImageUrl.split(',').filter(Boolean) ?? [];
+      }
       parkingReviewInfo.value = res.data;
       handleActiveStaus(res.data.parkingReviewProcess);
     });