fix(flightBooking): 修复机票预订表单字段标签和验证问题

- 将机票预订编号字段标签统一改为流程编号
- 为附件字段添加必填验证规则
- 为文件上传组件添加禁用状态支持
dev
Yangk 7 days ago
parent f16d4b351b
commit 64d26d9d93

@ -35,8 +35,8 @@
<li v-for="(file, index) in fileList" :key="file.uid" class="el-upload-list__item ele-upload-list__item-content">
<span class="el-icon-document"> {{ getFileName(file.name) }} </span>
<div class="ele-upload-list__item-content-action">
<el-button type="primary" link @click="handleDownload(file)"></el-button>
<el-button type="danger" v-if="!disabled" link @click="handleDelete(index)"></el-button>
<el-link type="primary" :underline="false" @click="handleDownload(file)"></el-link>
<el-link type="danger" v-if="!disabled" :underline="false" @click="handleDelete(index)"></el-link>
</div>
</li>
</transition-group>

@ -17,7 +17,7 @@
<el-form ref="flightBookingFormRef" :model="form" :rules="rules" label-width="120px" :disabled="isFormDisabled">
<el-row :gutter="20">
<el-col :span="12">
<el-form-item label="机票预订编号" prop="applyCode">
<el-form-item label="流程编号" prop="applyCode">
<el-input v-model="form.applyCode" placeholder="自动生成" :disabled="true" />
</el-form-item>
</el-col>
@ -71,6 +71,7 @@
<el-form-item label="附件" prop="ossId">
<FileUpload
v-model="ossIdString"
:disabled="isFormDisabled"
:limit="5"
:fileSize="20"
:fileType="['jpg', 'jpeg', 'png', 'pdf', 'doc', 'docx', 'xls', 'xlsx']"
@ -289,7 +290,8 @@ const data = reactive<PageData<FlightBookingForm, FlightBookingQuery>>({
flightAmount: [
{ required: true, message: '机票金额不能为空', trigger: 'blur' },
{ validator: validateAmount, trigger: ['blur', 'change'] } //
]
],
ossId: [{ required: true, message: '请上传机票折扣信息页面截图', trigger: 'blur' }]
}
});
@ -361,7 +363,7 @@ const submitForm = (status: string, mode: boolean) => {
} else {
//
buttonLoading.value = false;
proxy?.$modal.msgWarning('s请检查表单填写是否正确');
proxy?.$modal.msgWarning('请检查表单填写是否正确');
}
});
};

@ -4,8 +4,8 @@
<div v-show="showSearch" class="mb-[10px]">
<el-card shadow="hover">
<el-form ref="queryFormRef" :model="queryParams" :inline="true" label-width="100px">
<el-form-item label="机票预订编号" prop="applyCode">
<el-input v-model="queryParams.applyCode" placeholder="请输入机票预订编号" clearable @keyup.enter="handleQuery" />
<el-form-item label="流程编号" prop="applyCode">
<el-input v-model="queryParams.applyCode" placeholder="请输入流程编号" clearable @keyup.enter="handleQuery" />
</el-form-item>
<el-form-item label="乘机人姓名" prop="passengerName">
<!-- <el-input v-model="queryParams.passengerName" placeholder="请输入乘机人姓名" clearable @keyup.enter="handleQuery" /> -->
@ -68,7 +68,7 @@
<el-table v-loading="loading" border :data="flightBookingList" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center" />
<el-table-column label="机票预订ID" align="center" prop="bookingId" width="120" v-if="columns[0].visible" />
<el-table-column label="机票预订编号" align="center" prop="applyCode" width="160" v-if="columns[2].visible" />
<el-table-column label="流程编号" align="center" prop="applyCode" width="160" v-if="columns[2].visible" />
<el-table-column label="乘机人ID" align="center" prop="passengerId" v-if="columns[3].visible" />
<el-table-column label="乘机人姓名" align="center" prop="passengerName" width="120" v-if="columns[4].visible" />
<el-table-column label="出行日期" align="center" prop="travelDate" width="120" v-if="columns[5].visible">
@ -116,8 +116,8 @@
<!-- 添加或修改机票预订对话框 -->
<el-dialog :title="dialog.title" v-model="dialog.visible" width="500px" append-to-body>
<el-form ref="flightBookingFormRef" :model="form" :rules="rules" label-width="120px">
<el-form-item label="机票预订编号" prop="applyCode">
<el-input v-model="form.applyCode" placeholder="请输入机票预订编号" />
<el-form-item label="流程编号" prop="applyCode">
<el-input v-model="form.applyCode" placeholder="请输入流程编号" />
</el-form-item>
<el-form-item label="乘机人ID" prop="passengerId">
<el-input v-model="form.passengerId" placeholder="请输入乘机人ID" />
@ -203,7 +203,7 @@ const dialog = reactive<DialogOption>({
const columns = ref<FieldOption[]>([
{ key: 0, label: `机票预订ID`, visible: false },
{ key: 1, label: `租户编号`, visible: true },
{ key: 2, label: `机票预订编号`, visible: true },
{ key: 2, label: `流程编号`, visible: true },
{ key: 3, label: `乘机人ID`, visible: false },
{ key: 4, label: `乘机人姓名`, visible: true },
{ key: 5, label: `出行日期`, visible: true },
@ -392,7 +392,7 @@ const submitForm = () => {
/** 删除按钮操作 */
const handleDelete = async (row?: FlightBookingVO) => {
const _bookingIds = row?.bookingId || ids.value;
await proxy?.$modal.confirm('是否确认删除机票预订编号为"' + _bookingIds + '"的数据项?').finally(() => (loading.value = false));
await proxy?.$modal.confirm('是否确认删除流程编号为"' + _bookingIds + '"的数据项?').finally(() => (loading.value = false));
await delFlightBooking(_bookingIds);
proxy?.$modal.msgSuccess('删除成功');
await getList();

Loading…
Cancel
Save