完成访客搭建，完善之前审核界面

src/views/system/parking/addParking.vue

@@ -38,7 +38,7 @@
             <el-col :span="11">
               <el-form-item label="车位类型" prop="type">
                 <el-radio-group v-model="form.type">
-                  <el-radio v-for="dict in com_parking_type" :key="dict.value" :value="parseInt(dict.value)">{{ dict.label }}</el-radio>
+                  <el-radio v-for="dict in com_parking_type" :key="dict.value" :value="dict.value">{{ dict.label }}</el-radio>
                 </el-radio-group>
               </el-form-item>
             </el-col>
@@ -55,7 +55,7 @@
             <el-col :span="24">
               <el-form-item label="持有人" prop="residentId">
                 <!-- 公共组件 持有人 -->
-                <Holder @change="handleChange"></Holder>
+                <Holder :userid="form.resident_id" @change="handleChange"></Holder>
               </el-form-item>
             </el-col>
           </el-row>
@@ -96,9 +96,9 @@ const form = ref({
   areaId: null, // 区域id
   parkingArea: null, // 车位面积
   parkingFloor: null, // 车位楼层
-  type: 0, // 车位类型
-  resident_id: null, // 住户id
-  parkingStatus: null, // 车位状态
+  type: '0', // 车位类型
+  residentId: null, // 住户id
+  parkingStatus: '', // 车位状态
   remark: '', // 备注
   parkingCode: '' // 车位编码
 });
@@ -113,7 +113,6 @@ const userid = ref(null);
 if (route.query.id) {
   userid.value = route.query.id;
   getParking(userid.value).then((res) => {
-    console.log(res);
     form.value = {
       ...form.value,
       ...res.data
@@ -143,7 +142,7 @@ function handleChange(pop) {
 const submitForm = () => {
   formRef.value?.validate(async (valid: boolean) => {
     if (valid) {
-      form.value.resident_id = holderInfo.value;
+      form.value.residentId = holderInfo.value;
       if (userid.value) {
         updateParking(form.value).then((res) => {
           ElMessage.success('编辑成功');

src/views/system/parking/index.vue

@@ -7,7 +7,7 @@
           <el-form ref="queryFormRef" :model="queryParams" :inline="true">
             <el-form-item label="车位状态" prop="parkingStatus">
               <el-select v-model="queryParams.parkingStatus" placeholder="请选择" clearable>
-                <el-option v-for="dict in com_parking_statuslist" :key="dict.value" :label="dict.label" :value="Number(dict.value)" />
+                <el-option v-for="dict in com_parking_status" :key="dict.value" :label="dict.label" :value="Number(dict.value)" />
               </el-select>
             </el-form-item>
 
@@ -65,19 +65,19 @@
         </el-table-column>
         <el-table-column label="车位类型" align="center" prop="type">
           <template #default="scope">
-            <dict-tag :options="com_parking_typelist" :value="scope.row.type" />
+            <dict-tag :options="com_parking_type" :value="scope.row.type" />
           </template>
         </el-table-column>
         <el-table-column label="持有人" align="center" prop="residentName" />
         <el-table-column label="审核状态" align="center" prop="checkStatus">
           <template #default="scope">
-            <dict-tag :options="com_reviewlist" :value="scope.row.checkStatus" />
+            <dict-tag :options="com_review" :value="scope.row.checkStatus" />
           </template>
         </el-table-column>
         <el-table-column label="备注" align="center" prop="remark" />
         <el-table-column label="操作" align="center" fixed="right" class-name="small-padding fixed-width">
           <template #default="scope">
-            <el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)" v-hasPermi="['parking:parking:edit']">审核</el-button>
+            <el-button link type="primary" icon="Edit" @click="handleMain(scope.row)" v-hasPermi="['parking:parking:edit']">审核</el-button>
             <el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)" v-hasPermi="['parking:parking:edit']">修改</el-button>
             <el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)" v-hasPermi="['parking:parking:remove']">删除</el-button>
           </template>
@@ -100,10 +100,6 @@ const { com_review } = toRefs<any>(proxy?.useDict('com_review'));
 const { com_parking_type } = toRefs<any>(proxy?.useDict('com_parking_type'));
 const { com_parking_status } = toRefs<any>(proxy?.useDict('com_parking_status'));
 
-const com_reviewlist = computed(() => com_review.value ?? []);
-const com_parking_typelist = computed(() => com_parking_type.value ?? []);
-const com_parking_statuslist = computed(() => com_parking_status.value ?? []);
-
 const router = useRouter();
 const parkingList = ref<ParkingVO[]>([]);
 const buttonLoading = ref(false);
@@ -142,16 +138,13 @@ const data = reactive<PageData<ParkingForm, ParkingQuery>>({
     areaId: undefined,
     parkingCode: undefined,
     parkingArea: undefined,
-    parkingStatus: undefined,
+    parkingStatus: '',
     type: undefined,
     residentId: undefined,
     addTime: undefined,
     addBy: undefined,
     checkStatus: undefined,
     params: {}
-  },
-  rules: {
-    id: [{ required: true, message: 'id车位管理表不能为空', trigger: 'blur' }]
   }
 });
 
@@ -210,6 +203,15 @@ const handleUpdate = async (row?: ParkingVO) => {
     }
   });
 };
+/** 审核按钮操作 */
+const handleMain = async (row?: ParkingVO) => {
+  router.push({
+    path: '/carArea/parkMain',
+    query: {
+      id: row.id
+    }
+  });
+};
 
 /** 删除按钮操作 */
 const handleDelete = async (row?: ParkingVO) => {

src/views/system/parking/parkMain.vue

@@ -148,7 +148,7 @@
               </div>
             </template>
             <div class="w-full h-50%">
-              <el-steps space="200px" direction="vertical" :active="activeStop">
+              <!-- <el-steps space="200px" direction="vertical" :active="activeStop">
                 <el-step :description="reviewInfo.submitTime">
                   <template #title>
                     <span v-if="active === 0">未提交信息</span>
@@ -173,7 +173,7 @@
                     <span>审核完成</span>
                   </template>
                 </el-step>
-              </el-steps>
+              </el-steps> -->
             </div>
           </el-card>
         </el-col>