7/4新增公安备案底部链接

src/views/system/cars/addCars.vue

@@ -8,8 +8,8 @@
           <!-- <el-row>
             <el-col :span="11">
               <el-form-item label="车辆区域" prop="areaId">
-                <el-select @change="changeArealist" v-model="form.areaId" placeholder="请选择车辆区域">
-                  <el-option v-for="item in carArealist" :key="item.id" :label="`${item.areaName}(${item.areaCode})`" :value="item.id" />
+                <el-select @change="changeAreaList" v-model="form.areaId" placeholder="请选择车辆区域">
+                  <el-option v-for="item in carAreaList" :key="item.id" :label="`${item.areaName}(${item.areaCode})`" :value="item.id" />
                 </el-select>
               </el-form-item>
             </el-col>
@@ -17,7 +17,7 @@
             <el-col :span="11">
               <el-form-item label="车位编号" prop="parkingId">
                 <el-select v-model="form.parkingId" placeholder="请选择车位编号">
-                  <el-option v-for="item in parkinglist" :key="item.id" :label="item.parkingCode" :value="item.id" />
+                  <el-option v-for="item in parkingList" :key="item.id" :label="item.parkingCode" :value="item.id" />
                 </el-select>
               </el-form-item>
             </el-col>
@@ -82,7 +82,7 @@
                 <AppUser returnable="*" :isMultiple="false" ref="HolderRef" @change="handleChange">
                   <template #default>
                     <div class="residentBox" @click="choiceResidentFun">
-                      <div class="defaultbox" v-if="form.residentId === '' || form.userId === ''">
+                      <div class="defaultBox" v-if="form.residentId === '' || form.userId === ''">
                         <span>请选择</span>
                         <el-icon><Search /></el-icon>
                       </div>
@@ -120,7 +120,7 @@ import Holder from '@/components/Holder/index.vue';
 import PageHeader from '@/components/Pageheader/index.vue';
 import { listArea } from '@/api/system/carArea';
 import { listParking } from '@/api/system/parking';
-import { UploadFiles, UploadProps, UploadRawFile } from 'element-plus';
+import { UploadProps, UploadRawFile } from 'element-plus';
 import { addCar, getCar, updateCar } from '@/api/system/cars';
 import { useUserStore } from '@/store/modules/user';
 import AppUser from '@/components/Holder/appUser.vue';
@@ -187,17 +187,17 @@ const beforeAvatarUpload: UploadProps['beforeUpload'] = (rawFile: UploadRawFile)
   }
 };
 
-const handleAvatarSuccess: UploadProps['onSuccess'] = (response: any, uploadFile: UploadFile, uploadFiles: UploadFiles) => {
+const handleAvatarSuccess: UploadProps['onSuccess'] = (response: any) => {
   form.value.carImageUrl = response.data.url;
 };
 
 // 车辆区域
-const carArealist = ref([]);
+const carAreaList = ref([]);
 // 根据车辆区域 动态选择 车位
-const parkinglist = ref([]);
+const parkingList = ref([]);
 function init() {
   listArea().then((res) => {
-    carArealist.value = res.rows;
+    carAreaList.value = res.rows;
   });
 }
 init();
@@ -210,17 +210,17 @@ if (route.query.id) {
       ...form.value,
       ...res.data
     };
-    changeArealist(res.data.areaId);
+    changeAreaList(res.data.areaId);
   });
 }
 
-function changeArealist(val: string) {
+function changeAreaList(val: string) {
   listParking({
     areaId: val,
     pageSize: 9999999,
     pageNum: 1
   }).then((res) => {
-    parkinglist.value = res.rows;
+    parkingList.value = res.rows;
   });
 }
 
@@ -282,27 +282,6 @@ function handleChange(pop) {
   height: 178px;
   display: block;
 }
-.avatar-uploader:deep(.el-upload) {
-  border: 1px dashed #ccc;
-  margin-right: 20px;
-  border-radius: 6px;
-  cursor: pointer;
-  position: relative;
-  overflow: hidden;
-  transition: var(--el-transition-duration-fast);
-}
-
-.avatar-uploader .el-upload:hover {
-  border-color: var(--el-color-primary);
-}
-
-.el-icon.avatar-uploader-icon {
-  font-size: 28px;
-  color: #8c939d;
-  width: 178px;
-  height: 178px;
-  text-align: center;
-}
 </style>
 <style scoped lang="scss">
 .AddBuildingBox {
@@ -356,7 +335,7 @@ function handleChange(pop) {
   border: 1px solid #ccc;
   border-radius: 5px;
   padding: 0 10px;
-  .defaultbox {
+  .defaultBox {
     display: flex;
     align-items: center;
     justify-content: space-between;