8/31 dev 权限,sse,账单,bug
This commit is contained in:
@@ -4,13 +4,13 @@
|
||||
<div class="AddBuildingBody">
|
||||
<div class="title">基本信息</div>
|
||||
<div class="addBuildingFormBody">
|
||||
<el-form class="formBody" label-position="left" ref="formRef" :model="form" :rules="rules" label-width="130px">
|
||||
<el-form ref="formRef" :model="form" :rules="rules" class="formBody" label-position="left" label-width="130px">
|
||||
<el-row>
|
||||
<el-col :span="11">
|
||||
<el-form-item label="车牌号" prop="carNum" :validate-event="false">
|
||||
<el-form-item :validate-event="false" label="车牌号" prop="carNum">
|
||||
<el-input
|
||||
maxlength="10"
|
||||
v-model.trim="form.carNum"
|
||||
maxlength="10"
|
||||
placeholder="请输入车牌号"
|
||||
style="text-transform: uppercase; letter-spacing: 2px"
|
||||
/>
|
||||
@@ -19,20 +19,20 @@
|
||||
<el-col :span="2"></el-col>
|
||||
<el-col :span="11">
|
||||
<el-form-item label="车辆品牌" prop="carBrand">
|
||||
<el-input maxlength="12" v-model.trim="form.carBrand" placeholder="请输入车辆品牌" />
|
||||
<el-input v-model.trim="form.carBrand" maxlength="12" placeholder="请输入车辆品牌" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="11">
|
||||
<el-form-item label="车辆型号" prop="carModel">
|
||||
<el-input maxlength="12" v-model.trim="form.carModel" placeholder="请输入补充车辆型号" />
|
||||
<el-input v-model.trim="form.carModel" maxlength="12" placeholder="请输入补充车辆型号" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="2"></el-col>
|
||||
<el-col :span="11">
|
||||
<el-form-item label="车身颜色" prop="carColor">
|
||||
<el-input maxlength="12" v-model.trim="form.carColor" placeholder="请输入车身颜色" />
|
||||
<el-input v-model.trim="form.carColor" maxlength="12" placeholder="请输入车身颜色" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
@@ -40,18 +40,18 @@
|
||||
<el-col :span="24">
|
||||
<el-form-item label="车辆照片">
|
||||
<el-upload
|
||||
class="avatar-uploader"
|
||||
ref="uploadRef"
|
||||
accept=".png, .jpg"
|
||||
:action="uploadUrl"
|
||||
name="file"
|
||||
:before-upload="beforeAvatarUpload"
|
||||
:headers="headerToken()"
|
||||
:show-file-list="false"
|
||||
:limit="1"
|
||||
:on-success="handleAvatarSuccess"
|
||||
:before-upload="beforeAvatarUpload"
|
||||
:show-file-list="false"
|
||||
accept=".png, .jpg"
|
||||
class="avatar-uploader"
|
||||
name="file"
|
||||
>
|
||||
<img alt="车辆照片" v-if="form.carImageUrl" :src="form.carImageUrl" class="avatar" />
|
||||
<img v-if="form.carImageUrl" :src="form.carImageUrl" alt="车辆照片" class="avatar" />
|
||||
<el-icon v-else class="avatar-uploader-icon"><Plus /></el-icon>
|
||||
<template #tip>
|
||||
<div style="color: gray; font-size: small">支持jpg, png等格式文件上传</div>
|
||||
@@ -64,10 +64,10 @@
|
||||
<el-row>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="持有人">
|
||||
<AppUser returnable="*" :isMultiple="false" ref="HolderRef" @change="handleChange">
|
||||
<AppUser ref="HolderRef" :isMultiple="false" returnable="*" @change="handleChange">
|
||||
<template #default>
|
||||
<div class="residentBox" @click="choiceResidentFun">
|
||||
<div class="defaultBox" v-if="form.userId === ''">
|
||||
<div v-if="form.userId === ''" class="defaultBox">
|
||||
<span>请选择</span>
|
||||
<el-icon><Search /></el-icon>
|
||||
</div>
|
||||
@@ -84,7 +84,7 @@
|
||||
<el-row>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="备注" prop="remark">
|
||||
<el-input maxlength="200" show-word-limit type="textarea" :rows="5" v-model.trim="form.remark" placeholder="请输入" />
|
||||
<el-input v-model.trim="form.remark" :rows="5" maxlength="200" placeholder="请输入" show-word-limit type="textarea" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
@@ -98,9 +98,8 @@
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
<script lang="ts" setup>
|
||||
import { ref } from 'vue';
|
||||
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';
|
||||
@@ -242,7 +241,7 @@ const cancelForm = () => {
|
||||
router.back();
|
||||
};
|
||||
const holderInfo = ref(null);
|
||||
const HolderRef = ref<typeof Holder>(null);
|
||||
const HolderRef = ref<typeof AppUser>(null);
|
||||
function choiceResidentFun() {
|
||||
if (form.value.userId && form.value.userId.trim() !== '') {
|
||||
HolderRef.value.open([form.value.userId]);
|
||||
@@ -262,7 +261,7 @@ function handleChange(pop) {
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<style scoped lang="scss">
|
||||
<style lang="scss" scoped>
|
||||
.avatar {
|
||||
width: 178px;
|
||||
height: 178px;
|
||||
|
||||
Reference in New Issue
Block a user