6/22完善引入,
This commit is contained in:
@@ -66,7 +66,7 @@
|
||||
:on-success="handleAvatarSuccess"
|
||||
:before-upload="beforeAvatarUpload"
|
||||
>
|
||||
<img v-if="form.carImageUrl" :src="form.carImageUrl" class="avatar" />
|
||||
<img alt="车辆照片" v-if="form.carImageUrl" :src="form.carImageUrl" class="avatar" />
|
||||
<el-icon v-else class="avatar-uploader-icon"><Plus /></el-icon>
|
||||
<template #tip>
|
||||
<span>支持jpg, png等格式文件上传,文件大小不超过10MB,可上传多张 </span>
|
||||
@@ -79,15 +79,15 @@
|
||||
<el-row>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="持有人">
|
||||
<AppUser :isMultiple="false" ref="HolderRef" @change="handleChange">
|
||||
<AppUser returnable="*" :isMultiple="false" ref="HolderRef" @change="handleChange">
|
||||
<template #default>
|
||||
<div class="residentBox" @click="choiceResidentFun">
|
||||
<div class="defaultbox" v-if="form.residentId === ''">
|
||||
<div class="defaultbox" v-if="form.residentId === '' || form.userId === ''">
|
||||
<span>请选择</span>
|
||||
<el-icon><Search /></el-icon>
|
||||
</div>
|
||||
<div v-else class="overflow-auto overflow-hidden w-full text-ellipsis text-nowrap">
|
||||
<span>姓名:{{ form?.residentName }}</span>
|
||||
<span>姓名:{{ form.residentName && form.residentName.trim() !== '' ? form.residentName : form.userName }}</span>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
@@ -120,13 +120,13 @@ 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, UploadUserFile } from 'element-plus';
|
||||
import { addCar, getCar, updateCar, uploadCar } from '@/api/system/cars';
|
||||
import { UploadFiles, 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';
|
||||
import { Plus } from '@element-plus/icons-vue';
|
||||
|
||||
const uploadUrl = import.meta.env.VITE_APP_BASE_API + '/car/uploadImage';
|
||||
const { proxy } = getCurrentInstance() as ComponentInternalInstance;
|
||||
|
||||
const router = useRouter();
|
||||
const route = useRoute();
|
||||
@@ -143,6 +143,8 @@ const form = ref({
|
||||
carModel: '', //车辆型号
|
||||
carColor: '', //车身颜色
|
||||
remark: '', //备注
|
||||
userId: '',
|
||||
userName: '',
|
||||
carImageUrl: '' //车辆图片url
|
||||
});
|
||||
|
||||
@@ -255,8 +257,8 @@ const cancelForm = () => {
|
||||
const holderInfo = ref(null);
|
||||
const HolderRef = ref<typeof Holder>(null);
|
||||
function choiceResidentFun() {
|
||||
if (form.value.residentId) {
|
||||
HolderRef.value.open([...form.value.residentId]);
|
||||
if (form.value.userId && form.value.userId.trim() !== '') {
|
||||
HolderRef.value.open([form.value.userId]);
|
||||
} else {
|
||||
HolderRef.value.open([]);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user