Merge remote-tracking branch 'origin/master'
# Conflicts: # src/views/business/contract-manage.vue # src/views/business/temporary-credit-limit.vue # src/views/transportCapacity/vehicle.vue
This commit is contained in:
@@ -120,6 +120,7 @@
|
||||
:model="driverForm"
|
||||
:rules="formRules"
|
||||
label-position="right"
|
||||
label-width="calc(4em + 24px)"
|
||||
:disabled="readonly"
|
||||
class="driver-form archive-form"
|
||||
>
|
||||
@@ -142,7 +143,7 @@
|
||||
maxlength="18"
|
||||
show-word-limit
|
||||
placeholder="请输入"
|
||||
@input="driverForm.idCardNo = String(driverForm.idCardNo || '').toUpperCase()"
|
||||
@input="handleIdCardInput"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
@@ -158,7 +159,12 @@
|
||||
</el-col>
|
||||
<el-col :span="6">
|
||||
<el-form-item label="性别" prop="gender">
|
||||
<el-select v-model="driverForm.gender" clearable placeholder="请选择">
|
||||
<el-select
|
||||
v-model="driverForm.gender"
|
||||
clearable
|
||||
placeholder="请选择"
|
||||
:validate-event="submitAttempted"
|
||||
>
|
||||
<el-option label="男" value="男" />
|
||||
<el-option label="女" value="女" />
|
||||
</el-select>
|
||||
@@ -302,6 +308,7 @@
|
||||
allow-create
|
||||
default-first-option
|
||||
placeholder="请选择"
|
||||
:validate-event="submitAttempted"
|
||||
>
|
||||
<el-option
|
||||
v-for="item in drivingTypeOptions"
|
||||
@@ -321,7 +328,7 @@
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-col :span="6">
|
||||
<el-form-item label="有效期" prop="drivingLicenseEndDate">
|
||||
<div class="date-range">
|
||||
<el-date-picker
|
||||
@@ -343,7 +350,7 @@
|
||||
</div>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4">
|
||||
<el-col :span="6">
|
||||
<el-form-item label="长期有效" prop="drivingLicenseLongTerm">
|
||||
<el-checkbox
|
||||
v-model="driverForm.drivingLicenseLongTerm"
|
||||
@@ -395,6 +402,7 @@
|
||||
clearable
|
||||
filterable
|
||||
placeholder="请选择"
|
||||
:validate-event="submitAttempted"
|
||||
>
|
||||
<el-option
|
||||
v-for="item in qualificationTypeOptions"
|
||||
@@ -414,7 +422,7 @@
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-col :span="6">
|
||||
<el-form-item label="有效期" prop="qualificationEndDate">
|
||||
<div class="date-range">
|
||||
<el-date-picker
|
||||
@@ -436,7 +444,7 @@
|
||||
</div>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4">
|
||||
<el-col :span="6">
|
||||
<el-form-item label="长期有效" prop="qualificationLongTerm">
|
||||
<el-checkbox
|
||||
v-model="driverForm.qualificationLongTerm"
|
||||
@@ -746,6 +754,7 @@ export default {
|
||||
total: 0,
|
||||
},
|
||||
readonly: false,
|
||||
submitAttempted: false,
|
||||
driverForm: emptyForm(),
|
||||
drivingLicenseUploads: {},
|
||||
uploadHeaders: getUploadHeaders(),
|
||||
@@ -1112,8 +1121,29 @@ export default {
|
||||
removeDigits(value = '') {
|
||||
return String(value).replace(/\d/g, '');
|
||||
},
|
||||
handleIdCardInput(value) {
|
||||
const idCardNo = String(value || '').toUpperCase();
|
||||
this.driverForm.idCardNo = idCardNo;
|
||||
const idCardInfo = this.parseIdCardInfo(idCardNo);
|
||||
if (idCardInfo.birthday) {
|
||||
this.driverForm.birthday = idCardInfo.birthday;
|
||||
} else {
|
||||
this.driverForm.birthday = '';
|
||||
}
|
||||
if (idCardInfo.gender) {
|
||||
this.driverForm.gender = idCardInfo.gender;
|
||||
} else {
|
||||
this.driverForm.gender = '';
|
||||
}
|
||||
if (this.submitAttempted) {
|
||||
this.$nextTick(() => {
|
||||
this.$refs.driverForm?.validateField(['idCardNo', 'birthday', 'gender']);
|
||||
});
|
||||
}
|
||||
},
|
||||
openDriver(row, readonly = false) {
|
||||
this.readonly = readonly;
|
||||
this.submitAttempted = false;
|
||||
if (!row?.id) {
|
||||
this.driverForm = emptyForm();
|
||||
this.driverForm.organizationName = this.getCurrentOrganizationName();
|
||||
@@ -1138,6 +1168,7 @@ export default {
|
||||
this.driverForm = emptyForm();
|
||||
this.drivingLicenseUploads = {};
|
||||
this.readonly = false;
|
||||
this.submitAttempted = false;
|
||||
this.submitLoading = false;
|
||||
this.$refs.driverForm?.clearValidate();
|
||||
},
|
||||
@@ -1600,6 +1631,7 @@ export default {
|
||||
this.$refs.driverForm?.validateField(prop);
|
||||
},
|
||||
handleSubmit() {
|
||||
this.submitAttempted = true;
|
||||
this.$refs.driverForm.validate(valid => {
|
||||
if (!valid) {
|
||||
return;
|
||||
@@ -1797,6 +1829,31 @@ export default {
|
||||
}
|
||||
|
||||
.driver-form {
|
||||
:deep(.el-form-item__label) {
|
||||
flex: 0 0 calc(4em + 24px) !important;
|
||||
width: calc(4em + 24px) !important;
|
||||
height: auto;
|
||||
white-space: normal !important;
|
||||
word-break: break-all;
|
||||
overflow-wrap: anywhere;
|
||||
line-height: 18px;
|
||||
}
|
||||
|
||||
:deep(.el-form-item) {
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
:deep(.el-form-item.is-required .el-form-item__label) {
|
||||
align-items: flex-start;
|
||||
}
|
||||
|
||||
:deep(.el-form-item.is-required .el-form-item__label::before) {
|
||||
display: inline-block;
|
||||
height: 18px;
|
||||
line-height: 18px;
|
||||
margin-right: 4px;
|
||||
}
|
||||
|
||||
:deep(.el-date-editor.el-input),
|
||||
:deep(.el-date-editor.el-input__wrapper),
|
||||
:deep(.el-cascader),
|
||||
@@ -1809,6 +1866,12 @@ export default {
|
||||
display: grid;
|
||||
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
|
||||
gap: 8px;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.date-range :deep(.el-date-editor) {
|
||||
width: 100%;
|
||||
min-width: 0;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -0,0 +1,430 @@
|
||||
<template>
|
||||
<basic-container class="vehicle-dispatch-page">
|
||||
<avue-crud
|
||||
ref="crud"
|
||||
v-model="form"
|
||||
v-model:page="page"
|
||||
:data="data"
|
||||
:option="option"
|
||||
:permission="permissionList"
|
||||
:table-loading="loading"
|
||||
:before-open="beforeOpen"
|
||||
@row-save="rowSave"
|
||||
@row-update="rowUpdate"
|
||||
@search-change="searchChange"
|
||||
@search-reset="searchReset"
|
||||
@selection-change="selectionChange"
|
||||
@current-change="currentChange"
|
||||
@size-change="sizeChange"
|
||||
@refresh-change="refreshChange"
|
||||
@on-load="onLoad"
|
||||
>
|
||||
<template #menu-left>
|
||||
<el-button
|
||||
v-if="hasPermission('vehicle_dispatch_add')"
|
||||
type="primary"
|
||||
@click="$refs.crud.rowAdd()"
|
||||
>
|
||||
新增
|
||||
</el-button>
|
||||
<el-button
|
||||
v-if="hasPermission('vehicle_dispatch_export')"
|
||||
type="primary"
|
||||
plain
|
||||
@click="handleExport"
|
||||
>
|
||||
导出
|
||||
</el-button>
|
||||
</template>
|
||||
<template #applicationNo="{ row }">
|
||||
<el-link type="primary" @click="$refs.crud.rowView(row)">{{ row.applicationNo }}</el-link>
|
||||
</template>
|
||||
<template #plateNo-form>
|
||||
<el-autocomplete
|
||||
class="vehicle-dispatch-form-control"
|
||||
v-model="form.plateNo"
|
||||
value-key="value"
|
||||
clearable
|
||||
:fetch-suggestions="fetchVehicleSuggestions"
|
||||
:disabled="dialogType === 'view'"
|
||||
placeholder="请选择车牌号"
|
||||
@input="handleVehicleInput"
|
||||
@select="handleVehicleSelect"
|
||||
@blur="handleVehicleBlur"
|
||||
/>
|
||||
</template>
|
||||
<template #useDepartment-form>
|
||||
<el-cascader
|
||||
class="vehicle-dispatch-form-control"
|
||||
v-model="deptCascaderValue"
|
||||
:options="deptOptions"
|
||||
:props="deptCascaderProps"
|
||||
:disabled="dialogType === 'view'"
|
||||
clearable
|
||||
filterable
|
||||
placeholder="请选择使用部门"
|
||||
@change="handleDepartmentChange"
|
||||
/>
|
||||
</template>
|
||||
<template #attachments-form>
|
||||
<vehicle-attachment-table v-model="form.attachments" :readonly="dialogType === 'view'" />
|
||||
</template>
|
||||
<template #approvalStatus="{ row }">
|
||||
<el-tag :type="statusTagType(row.approvalStatus)" class="status-text">
|
||||
{{ statusName(row.approvalStatus) }}
|
||||
</el-tag>
|
||||
</template>
|
||||
<template #menu="{ row }">
|
||||
<el-link
|
||||
v-if="hasPermission('vehicle_dispatch_view')"
|
||||
type="primary"
|
||||
@click="$refs.crud.rowView(row)"
|
||||
>
|
||||
查看
|
||||
</el-link>
|
||||
<el-link
|
||||
v-if="
|
||||
hasPermission('vehicle_dispatch_edit') &&
|
||||
['draft', 'rejected'].includes(row.approvalStatus)
|
||||
"
|
||||
type="primary"
|
||||
@click="$refs.crud.rowEdit(row)"
|
||||
>
|
||||
编辑
|
||||
</el-link>
|
||||
<el-link
|
||||
v-if="hasPermission('vehicle_dispatch_submit') && row.approvalStatus === 'draft'"
|
||||
type="primary"
|
||||
@click="handleSubmitApproval(row)"
|
||||
>
|
||||
提交
|
||||
</el-link>
|
||||
<el-link
|
||||
v-if="hasPermission('vehicle_dispatch_approve') && row.approvalStatus === 'reviewing'"
|
||||
type="success"
|
||||
@click="handleApprove(row)"
|
||||
>
|
||||
审核通过
|
||||
</el-link>
|
||||
<el-link
|
||||
v-if="
|
||||
hasPermission('vehicle_dispatch_delete') &&
|
||||
['draft', 'rejected'].includes(row.approvalStatus)
|
||||
"
|
||||
type="danger"
|
||||
@click="handleDelete(row.id)"
|
||||
>
|
||||
删除
|
||||
</el-link>
|
||||
</template>
|
||||
</avue-crud>
|
||||
<empty-pagination
|
||||
:page="page"
|
||||
@size-change="sizeChange"
|
||||
@current-change="currentChange"
|
||||
@load="onLoad(page, query)"
|
||||
/>
|
||||
</basic-container>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { mapGetters } from 'vuex';
|
||||
import {
|
||||
approve,
|
||||
exportVehicleDispatch,
|
||||
getDetail,
|
||||
getList,
|
||||
remove,
|
||||
submit,
|
||||
submitApproval,
|
||||
} from '@/api/transportCapacity/vehicle-dispatch';
|
||||
import { getList as getVehicleList } from '@/api/transportCapacity/transport-vehicle';
|
||||
import { getDeptTree } from '@/api/system/dept';
|
||||
import VehicleAttachmentTable from '@/components/vehicle-attachment-table/main.vue';
|
||||
import { option, statusName } from '@/option/transportCapacity/vehicle-dispatch';
|
||||
|
||||
export default {
|
||||
components: {
|
||||
VehicleAttachmentTable,
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
option,
|
||||
form: {},
|
||||
query: {},
|
||||
dialogType: '',
|
||||
deptOptions: [],
|
||||
deptCascaderValue: [],
|
||||
selectedVehicleValue: '',
|
||||
data: [],
|
||||
loading: false,
|
||||
selectionList: [],
|
||||
page: { pageSize: 10, pageSizes: [10, 20, 50, 100], currentPage: 1, total: 0 },
|
||||
};
|
||||
},
|
||||
created() {
|
||||
this.initDepartmentTree();
|
||||
},
|
||||
computed: {
|
||||
...mapGetters(['permission', 'userInfo']),
|
||||
permissionList() {
|
||||
return { addBtn: this.hasPermission('vehicle_dispatch_add') };
|
||||
},
|
||||
deptCascaderProps() {
|
||||
return { label: 'title', value: 'id', children: 'children', checkStrictly: true };
|
||||
},
|
||||
},
|
||||
methods: {
|
||||
statusName,
|
||||
hasPermission(code) {
|
||||
return (
|
||||
String(this.userInfo?.authority || '').includes('admin') || this.permission?.[code] === true
|
||||
);
|
||||
},
|
||||
statusTagType(status) {
|
||||
return { approved: 'success', reviewing: 'warning', rejected: 'danger' }[status] || 'info';
|
||||
},
|
||||
formatAttachments(value) {
|
||||
if (!value) return '';
|
||||
if (Array.isArray(value)) return `${value.length} 个`;
|
||||
if (typeof value !== 'string') return '1 个';
|
||||
try {
|
||||
const attachments = JSON.parse(value);
|
||||
return Array.isArray(attachments) ? `${attachments.length} 个` : '1 个';
|
||||
} catch (error) {
|
||||
return `${value.split(',').filter(item => item.trim()).length} 个`;
|
||||
}
|
||||
},
|
||||
parseAttachments(value) {
|
||||
if (!value || Array.isArray(value)) return value || [];
|
||||
if (typeof value !== 'string') return [];
|
||||
try {
|
||||
const attachments = JSON.parse(value);
|
||||
return Array.isArray(attachments) ? attachments : [];
|
||||
} catch (error) {
|
||||
return value
|
||||
.split(',')
|
||||
.map(item => ({ name: item.trim(), url: item.trim() }))
|
||||
.filter(item => item.url);
|
||||
}
|
||||
},
|
||||
stringifyAttachments(value) {
|
||||
if (!value || typeof value === 'string') return value;
|
||||
return JSON.stringify(value);
|
||||
},
|
||||
normalizeRow(row) {
|
||||
const values = { ...row };
|
||||
values.attachments = this.stringifyAttachments(values.attachments);
|
||||
return values;
|
||||
},
|
||||
rowSave(row, done, loading) {
|
||||
if (!this.selectedVehicleValue || row.plateNo !== this.selectedVehicleValue) {
|
||||
this.$message.warning('请选择车牌号');
|
||||
loading();
|
||||
return;
|
||||
}
|
||||
submit(this.normalizeRow(row))
|
||||
.then(() => {
|
||||
this.onLoad();
|
||||
this.$message.success('操作成功');
|
||||
done();
|
||||
})
|
||||
.catch(() => loading());
|
||||
},
|
||||
rowUpdate(row, index, done, loading) {
|
||||
this.rowSave(row, done, loading);
|
||||
},
|
||||
beforeOpen(done, type) {
|
||||
if (['edit', 'view'].includes(type)) {
|
||||
this.dialogType = type;
|
||||
getDetail(this.form.id)
|
||||
.then(res => {
|
||||
this.form = res.data.data || {};
|
||||
this.form.attachments = this.parseAttachments(this.form.attachments);
|
||||
this.form.applicantName = this.form.createUserName || '';
|
||||
this.form.applyTime = this.form.createTime || '';
|
||||
this.selectedVehicleValue = this.form.plateNo || '';
|
||||
this.deptCascaderValue = this.findDepartmentPath(this.form.useDepartment);
|
||||
done();
|
||||
})
|
||||
.catch(() => done());
|
||||
} else {
|
||||
this.dialogType = 'add';
|
||||
this.deptCascaderValue = [];
|
||||
this.selectedVehicleValue = '';
|
||||
this.form.attachments = [];
|
||||
this.form.approvalStatus = 'draft';
|
||||
this.form.vehicleType = '';
|
||||
this.form.applicantName =
|
||||
this.userInfo?.realName || this.userInfo?.userName || this.userInfo?.account || '';
|
||||
this.form.applyTime = this.$dayjs().format('YYYY-MM-DD HH:mm:ss');
|
||||
done();
|
||||
}
|
||||
},
|
||||
initDepartmentTree() {
|
||||
getDeptTree(this.userInfo?.tenantId)
|
||||
.then(res => {
|
||||
this.deptOptions = this.filterExternalDepartments(res.data.data || []);
|
||||
})
|
||||
.catch(() => {
|
||||
this.deptOptions = [];
|
||||
});
|
||||
},
|
||||
filterExternalDepartments(tree) {
|
||||
return (tree || [])
|
||||
.filter(item => (item.title || item.deptName || item.name) !== '外部组织')
|
||||
.map(item => ({
|
||||
...item,
|
||||
children: this.filterExternalDepartments(item.children),
|
||||
}));
|
||||
},
|
||||
findDepartmentPath(departmentName, tree = this.deptOptions, parents = []) {
|
||||
if (!departmentName) return [];
|
||||
for (const item of tree || []) {
|
||||
const path = [...parents, item.id];
|
||||
const itemName = item.title || item.deptName || item.name;
|
||||
if (itemName === departmentName) return path;
|
||||
const matched = this.findDepartmentPath(departmentName, item.children, path);
|
||||
if (matched.length) return matched;
|
||||
}
|
||||
return [];
|
||||
},
|
||||
findDepartmentNode(id, tree = this.deptOptions) {
|
||||
for (const item of tree || []) {
|
||||
if (String(item.id) === String(id)) return item;
|
||||
const matched = this.findDepartmentNode(id, item.children);
|
||||
if (matched) return matched;
|
||||
}
|
||||
return null;
|
||||
},
|
||||
handleDepartmentChange(value) {
|
||||
const node = this.findDepartmentNode(value?.[value.length - 1]);
|
||||
this.form.useDepartment = node ? node.title || node.deptName || node.name || '' : '';
|
||||
},
|
||||
fetchVehicleSuggestions(queryString, callback) {
|
||||
getVehicleList(1, 9999, {
|
||||
plateNo: queryString || '',
|
||||
status: 1,
|
||||
})
|
||||
.then(res => {
|
||||
const records = res.data.data?.records || [];
|
||||
callback(
|
||||
records.map(item => ({
|
||||
value: item.plateNo,
|
||||
organizationName: item.organizationName,
|
||||
vehicleType: item.vehicleType,
|
||||
}))
|
||||
);
|
||||
})
|
||||
.catch(() => callback([]));
|
||||
},
|
||||
handleVehicleSelect(vehicle) {
|
||||
this.form.plateNo = vehicle.value;
|
||||
this.form.organizationName = vehicle.organizationName || '';
|
||||
this.form.vehicleType = vehicle.vehicleType || '';
|
||||
this.selectedVehicleValue = vehicle.value;
|
||||
},
|
||||
handleVehicleInput(value) {
|
||||
if (value !== this.selectedVehicleValue) {
|
||||
this.selectedVehicleValue = '';
|
||||
this.form.organizationName = '';
|
||||
this.form.vehicleType = '';
|
||||
}
|
||||
},
|
||||
handleVehicleBlur() {
|
||||
if (this.form.plateNo && this.form.plateNo !== this.selectedVehicleValue) {
|
||||
this.form.plateNo = '';
|
||||
this.form.organizationName = '';
|
||||
this.form.vehicleType = '';
|
||||
this.$message.warning('请从下拉列表中选择车牌号');
|
||||
}
|
||||
},
|
||||
handleSubmitApproval(row) {
|
||||
this.$confirm('确定提交该车辆调度申请吗？', '提示', { type: 'warning' })
|
||||
.then(() => submitApproval(row.id))
|
||||
.then(() => {
|
||||
this.$message.success('提交成功');
|
||||
this.onLoad();
|
||||
});
|
||||
},
|
||||
handleApprove(row) {
|
||||
this.$confirm('审核通过后将同步更新车辆使用部门，确认继续吗？', '提示', { type: 'warning' })
|
||||
.then(() => approve(row.id))
|
||||
.then(() => {
|
||||
this.$message.success('审核通过');
|
||||
this.onLoad();
|
||||
});
|
||||
},
|
||||
handleDelete(ids) {
|
||||
const targetIds = ids || this.selectionList.map(item => item.id).join(',');
|
||||
if (!targetIds) return this.$message.warning('请选择至少一条数据');
|
||||
this.$confirm('确定删除所选数据，删除后不可恢复?', '提示', { type: 'warning' })
|
||||
.then(() => remove(targetIds))
|
||||
.then(() => {
|
||||
this.$message.success('操作成功');
|
||||
this.onLoad();
|
||||
});
|
||||
},
|
||||
handleExport() {
|
||||
exportVehicleDispatch(this.query).then(res => {
|
||||
const blob = new Blob([res.data]);
|
||||
const link = document.createElement('a');
|
||||
link.href = URL.createObjectURL(blob);
|
||||
link.download = `车辆调度${this.$dayjs().format('YYYYMMDDHHmmss')}.xlsx`;
|
||||
link.click();
|
||||
URL.revokeObjectURL(link.href);
|
||||
});
|
||||
},
|
||||
searchChange(params, done) {
|
||||
this.query = { ...params };
|
||||
this.page.currentPage = 1;
|
||||
this.onLoad();
|
||||
done();
|
||||
},
|
||||
searchReset() {
|
||||
this.query = {};
|
||||
this.page.currentPage = 1;
|
||||
this.onLoad();
|
||||
},
|
||||
selectionChange(list) {
|
||||
this.selectionList = list;
|
||||
},
|
||||
currentChange(currentPage) {
|
||||
this.page.currentPage = currentPage;
|
||||
this.onLoad();
|
||||
},
|
||||
sizeChange(pageSize) {
|
||||
this.page.pageSize = pageSize;
|
||||
this.page.currentPage = 1;
|
||||
this.onLoad();
|
||||
},
|
||||
refreshChange() {
|
||||
this.onLoad();
|
||||
},
|
||||
onLoad() {
|
||||
this.loading = true;
|
||||
return getList(this.page.currentPage, this.page.pageSize, this.query)
|
||||
.then(res => {
|
||||
const result = res.data.data || {};
|
||||
this.data = result.records || [];
|
||||
this.page.total = result.total || 0;
|
||||
})
|
||||
.finally(() => {
|
||||
this.loading = false;
|
||||
});
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.vehicle-dispatch-page :deep(.avue-crud__header) {
|
||||
margin-top: 12px;
|
||||
}
|
||||
.vehicle-dispatch-page :deep(.el-link + .el-link) {
|
||||
margin-left: 8px;
|
||||
}
|
||||
.vehicle-dispatch-page :deep(.vehicle-dispatch-form-control) {
|
||||
width: 100%;
|
||||
}
|
||||
</style>
|
||||
@@ -127,7 +127,11 @@
|
||||
top="4vh"
|
||||
class="certification-audit-dialog"
|
||||
>
|
||||
<el-form label-position="right" label-width="auto" class="certification-audit archive-form">
|
||||
<el-form
|
||||
label-position="right"
|
||||
label-width="calc(7em + 24px)"
|
||||
class="certification-audit archive-form"
|
||||
>
|
||||
<section-card title="基础信息">
|
||||
<el-row :gutter="18">
|
||||
<el-col :span="6">
|
||||
@@ -353,7 +357,7 @@
|
||||
v-if="showRejectReason"
|
||||
class="certification-audit__reason"
|
||||
label-position="right"
|
||||
label-width="auto"
|
||||
label-width="calc(7em + 24px)"
|
||||
>
|
||||
<el-form-item label="驳回原因" required>
|
||||
<el-input
|
||||
@@ -385,6 +389,8 @@
|
||||
:model="vehicleForm"
|
||||
:rules="formRules"
|
||||
label-position="right"
|
||||
label-width="calc(4em + 24px)"
|
||||
:validate-on-rule-change="false"
|
||||
:disabled="readonly"
|
||||
class="vehicle-form archive-form"
|
||||
>
|
||||
@@ -396,7 +402,7 @@
|
||||
v-model="vehicleForm.plateNo"
|
||||
maxlength="8"
|
||||
show-word-limit
|
||||
placeholder="如：京A12345"
|
||||
placeholder="请输入"
|
||||
@input="handlePlateNoInput"
|
||||
@blur="validatePlateFormat"
|
||||
/>
|
||||
@@ -409,6 +415,7 @@
|
||||
filterable
|
||||
allow-create
|
||||
default-first-option
|
||||
placeholder="请选择"
|
||||
>
|
||||
<el-option
|
||||
v-for="item in vehicleTypeOptions"
|
||||
@@ -427,6 +434,7 @@
|
||||
<el-input
|
||||
v-model="vehicleForm.outerLength"
|
||||
inputmode="numeric"
|
||||
placeholder="请输入"
|
||||
@input="vehicleForm.outerLength = digitsOnly($event)"
|
||||
/>
|
||||
</div>
|
||||
@@ -435,6 +443,7 @@
|
||||
<el-input
|
||||
v-model="vehicleForm.outerWidth"
|
||||
inputmode="numeric"
|
||||
placeholder="请输入"
|
||||
@input="vehicleForm.outerWidth = digitsOnly($event)"
|
||||
/>
|
||||
</div>
|
||||
@@ -443,6 +452,7 @@
|
||||
<el-input
|
||||
v-model="vehicleForm.outerHeight"
|
||||
inputmode="numeric"
|
||||
placeholder="请输入"
|
||||
@input="vehicleForm.outerHeight = digitsOnly($event)"
|
||||
/>
|
||||
</div>
|
||||
@@ -473,7 +483,7 @@
|
||||
</el-col>
|
||||
<el-col :span="6">
|
||||
<el-form-item label="业务关系" prop="businessRelation">
|
||||
<el-select v-model="vehicleForm.businessRelation">
|
||||
<el-select v-model="vehicleForm.businessRelation" placeholder="请选择">
|
||||
<el-option
|
||||
v-for="item in businessRelationOptions"
|
||||
:key="item"
|
||||
@@ -490,6 +500,7 @@
|
||||
filterable
|
||||
allow-create
|
||||
default-first-option
|
||||
placeholder="请选择"
|
||||
>
|
||||
<el-option
|
||||
v-for="item in energyTypeOptions"
|
||||
@@ -509,6 +520,7 @@
|
||||
v-model="vehicleForm.compulsoryScrapDate"
|
||||
type="date"
|
||||
value-format="YYYY-MM-DD"
|
||||
placeholder="请选择"
|
||||
:disabled="vehicleForm.compulsoryScrapLongTerm === 1"
|
||||
/>
|
||||
<el-checkbox
|
||||
@@ -524,7 +536,11 @@
|
||||
</el-col>
|
||||
<el-col :span="6">
|
||||
<el-form-item label="海关备案号" prop="customsRecordNo">
|
||||
<el-input v-model="vehicleForm.customsRecordNo" maxlength="50" />
|
||||
<el-input
|
||||
v-model="vehicleForm.customsRecordNo"
|
||||
maxlength="50"
|
||||
placeholder="请输入"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="6">
|
||||
@@ -563,6 +579,7 @@
|
||||
v-model="vehicleForm.drivingLicenseEndDate"
|
||||
type="date"
|
||||
value-format="YYYY-MM-DD"
|
||||
placeholder="请选择"
|
||||
:disabled="vehicleForm.drivingLicenseLongTerm === 1"
|
||||
/>
|
||||
<el-checkbox
|
||||
@@ -578,7 +595,11 @@
|
||||
</el-col>
|
||||
<el-col :span="6">
|
||||
<el-form-item label="道路运输证号" prop="roadTransportCertNo">
|
||||
<el-input v-model="vehicleForm.roadTransportCertNo" maxlength="50" />
|
||||
<el-input
|
||||
v-model="vehicleForm.roadTransportCertNo"
|
||||
maxlength="50"
|
||||
placeholder="请输入"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="6">
|
||||
@@ -588,6 +609,7 @@
|
||||
v-model="vehicleForm.roadTransportCertEndDate"
|
||||
type="date"
|
||||
value-format="YYYY-MM-DD"
|
||||
placeholder="请选择"
|
||||
:disabled="vehicleForm.roadTransportCertLongTerm === 1"
|
||||
/>
|
||||
<el-checkbox
|
||||
@@ -608,6 +630,7 @@
|
||||
v-model="vehicleForm.annualReviewEndDate"
|
||||
type="date"
|
||||
value-format="YYYY-MM-DD"
|
||||
placeholder="请选择"
|
||||
:disabled="vehicleForm.annualReviewLongTerm === 1"
|
||||
/>
|
||||
<el-checkbox
|
||||
@@ -625,7 +648,11 @@
|
||||
<el-row :gutter="18">
|
||||
<el-col :span="6">
|
||||
<el-form-item label="机动车登记编号" prop="registrationNo">
|
||||
<el-input v-model="vehicleForm.registrationNo" maxlength="50" />
|
||||
<el-input
|
||||
v-model="vehicleForm.registrationNo"
|
||||
maxlength="50"
|
||||
placeholder="请输入"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="6">
|
||||
@@ -634,12 +661,17 @@
|
||||
v-model="vehicleForm.registrationDate"
|
||||
type="date"
|
||||
value-format="YYYY-MM-DD"
|
||||
placeholder="请选择"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="6">
|
||||
<el-form-item label="行驶证档案编号" prop="drivingLicenseNo">
|
||||
<el-input v-model="vehicleForm.drivingLicenseNo" maxlength="50" />
|
||||
<el-input
|
||||
v-model="vehicleForm.drivingLicenseNo"
|
||||
maxlength="50"
|
||||
placeholder="请输入"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
@@ -1632,6 +1664,50 @@ export default {
|
||||
}
|
||||
|
||||
// 车辆认证审核弹窗：与编辑弹窗一致，灰底 + section-card 白卡分组
|
||||
.certification-audit,
|
||||
.certification-audit__reason,
|
||||
.vehicle-form {
|
||||
:deep(.el-form-item__label) {
|
||||
height: auto;
|
||||
padding-right: 12px;
|
||||
white-space: normal !important;
|
||||
word-break: break-all;
|
||||
overflow-wrap: anywhere;
|
||||
line-height: 18px;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
:deep(.el-form-item) {
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
:deep(.el-form-item.is-required .el-form-item__label) {
|
||||
align-items: flex-start;
|
||||
}
|
||||
|
||||
:deep(.el-form-item.is-required .el-form-item__label::before) {
|
||||
display: inline-block;
|
||||
height: 18px;
|
||||
line-height: 18px;
|
||||
margin-right: 4px;
|
||||
}
|
||||
}
|
||||
|
||||
.certification-audit,
|
||||
.certification-audit__reason {
|
||||
:deep(.el-form-item__label) {
|
||||
flex: 0 0 calc(7em + 24px) !important;
|
||||
width: calc(7em + 24px) !important;
|
||||
}
|
||||
}
|
||||
|
||||
.vehicle-form {
|
||||
:deep(.el-form-item__label) {
|
||||
flex: 0 0 calc(4em + 24px) !important;
|
||||
width: calc(4em + 24px) !important;
|
||||
}
|
||||
}
|
||||
|
||||
.certification-audit {
|
||||
&__value {
|
||||
display: block;
|
||||
@@ -1679,6 +1755,7 @@ export default {
|
||||
grid-template-columns: repeat(3, minmax(0, 1fr));
|
||||
gap: 8px;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.dimension-group__item {
|
||||
@@ -1688,6 +1765,12 @@ export default {
|
||||
min-width: 0;
|
||||
}
|
||||
|
||||
.dimension-group__item :deep(.el-input) {
|
||||
flex: 1 1 auto;
|
||||
min-width: 0;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.dimension-group__label {
|
||||
flex-shrink: 0;
|
||||
color: #303133;
|
||||
@@ -1697,11 +1780,13 @@ export default {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.date-with-flag :deep(.el-date-editor) {
|
||||
flex: 1;
|
||||
flex: 1 1 auto;
|
||||
min-width: 0;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.date-with-flag :deep(.el-checkbox) {
|
||||
@@ -1719,14 +1804,12 @@ export default {
|
||||
gap: 8px;
|
||||
}
|
||||
|
||||
:deep(.el-form-item__label) {
|
||||
white-space: nowrap;
|
||||
}
|
||||
}
|
||||
|
||||
// 大尺寸证件照：按身份证 1.586:1 比例缩放（约真实尺寸 75%，240×151），左对齐显示
|
||||
// 证件照上传：宽度与同列表单项（输入框）对齐，高度按身份证 1.586:1 比例自适应
|
||||
:deep(.vehicle-uploader) {
|
||||
display: block;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
:deep(.vehicle-uploader .el-upload),
|
||||
@@ -1741,20 +1824,17 @@ export default {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
// 大尺寸模式：跟随列宽自适应（最大 240px，约 1.586:1 证件比例），
|
||||
// 保证不同分辨率 / 系统缩放下都与上方输入框左右对齐
|
||||
:deep(.vehicle-uploader--large) {
|
||||
display: block;
|
||||
width: 100%;
|
||||
max-width: 240px;
|
||||
flex: none;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
:deep(.vehicle-uploader--large .el-upload),
|
||||
:deep(.vehicle-uploader--large.el-upload) {
|
||||
width: 100%;
|
||||
height: 151px;
|
||||
height: auto;
|
||||
aspect-ratio: 1.586 / 1;
|
||||
}
|
||||
|
||||
:deep(.vehicle-uploader__image) {
|
||||
|
||||
Reference in New Issue
Block a user