feat(router): 添加机票预订编辑页面路由并优化列表页面

dev
Yangk 7 days ago
parent 68da4f6df5
commit 7fa9b38a37

@ -180,6 +180,19 @@ export const constantRoutes: RouteRecordRaw[] = [
} }
] ]
}, },
{
path: '/crm/flightBooking',
component: Layout,
hidden: true,
children: [
{
path: 'edit',
component: () => import('@/views/oa/crm/flightBooking/edit.vue'),
name: 'FlightBookingEditLegacy',
meta: { title: '机票预订审批', activeMenu: '/oa/crm/flightBooking' }
}
]
},
{ {
path: '/customer', path: '/customer',
component: Layout, component: Layout,

@ -30,9 +30,9 @@
<el-option v-for="dict in flight_discount" :key="dict.value" :label="dict.label" :value="dict.value" /> <el-option v-for="dict in flight_discount" :key="dict.value" :label="dict.label" :value="dict.value" />
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="机票金额" prop="flightAmount"> <!-- <el-form-item label="机票金额" prop="flightAmount">
<el-input v-model="queryParams.flightAmount" placeholder="请输入机票金额" clearable @keyup.enter="handleQuery" /> <el-input v-model="queryParams.flightAmount" placeholder="请输入机票金额" clearable @keyup.enter="handleQuery" />
</el-form-item> </el-form-item> -->
<el-form-item> <el-form-item>
<el-button type="primary" icon="Search" @click="handleQuery"></el-button> <el-button type="primary" icon="Search" @click="handleQuery"></el-button>
<el-button icon="Refresh" @click="resetQuery"></el-button> <el-button icon="Refresh" @click="resetQuery"></el-button>
@ -67,13 +67,13 @@
<el-table v-loading="loading" border :data="flightBookingList" @selection-change="handleSelectionChange"> <el-table v-loading="loading" border :data="flightBookingList" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center" /> <el-table-column type="selection" width="55" align="center" />
<el-table-column label="机票预订ID" align="center" prop="bookingId" v-if="columns[0].visible" /> <el-table-column label="机票预订ID" align="center" prop="bookingId" width="120" v-if="columns[0].visible" />
<el-table-column label="机票预订编号" align="center" prop="applyCode" 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="乘机人ID" align="center" prop="passengerId" v-if="columns[3].visible" />
<el-table-column label="乘机人姓名" align="center" prop="passengerName" v-if="columns[4].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="180" v-if="columns[5].visible"> <el-table-column label="出行日期" align="center" prop="travelDate" width="120" v-if="columns[5].visible">
<template #default="scope"> <template #default="scope">
<span>{{ parseTime(scope.row.travelDate, '{y}-{m}-{d} {h}:{i}:{s}') }}</span> <span>{{ parseTime(scope.row.travelDate, '{y}-{m}-{d}') }}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="出发地点" align="center" prop="departureLocation" v-if="columns[6].visible" /> <el-table-column label="出发地点" align="center" prop="departureLocation" v-if="columns[6].visible" />
@ -204,23 +204,23 @@ const columns = ref<FieldOption[]>([
{ key: 0, label: `机票预订ID`, visible: false }, { key: 0, label: `机票预订ID`, visible: false },
{ key: 1, label: `租户编号`, visible: true }, { key: 1, label: `租户编号`, visible: true },
{ key: 2, label: `机票预订编号`, visible: true }, { key: 2, label: `机票预订编号`, visible: true },
{ key: 3, label: `乘机人ID`, visible: true }, { key: 3, label: `乘机人ID`, visible: false },
{ key: 4, label: `乘机人姓名`, visible: true }, { key: 4, label: `乘机人姓名`, visible: true },
{ key: 5, label: `出行日期`, visible: true }, { key: 5, label: `出行日期`, visible: true },
{ key: 6, label: `出发地点`, visible: true }, { key: 6, label: `出发地点`, visible: true },
{ key: 7, label: `到达地点`, visible: true }, { key: 7, label: `到达地点`, visible: true },
{ key: 8, label: `机票折扣`, visible: true }, { key: 8, label: `机票折扣`, visible: true },
{ key: 9, label: `机票金额`, visible: true }, { key: 9, label: `机票金额`, visible: true },
{ key: 10, label: `附件ID`, visible: true }, { key: 10, label: `附件ID`, visible: false },
{ key: 11, label: `申请状态`, visible: true }, { key: 11, label: `申请状态`, visible: true },
{ key: 12, label: `流程状态`, visible: true }, { key: 12, label: `流程状态`, visible: false },
{ key: 13, label: `备注`, visible: true }, { key: 13, label: `备注`, visible: true },
{ key: 14, label: `删除标志`, visible: false }, { key: 14, label: `删除标志`, visible: false },
{ key: 15, label: `创建部门`, visible: false }, { key: 15, label: `创建部门`, visible: false },
{ key: 16, label: `创建者`, visible: false }, { key: 16, label: `创建者`, visible: false },
{ key: 17, label: `创建时间`, visible: true }, { key: 17, label: `创建时间`, visible: false },
{ key: 18, label: `更新者`, visible: false }, { key: 18, label: `更新者`, visible: false },
{ key: 19, label: `更新时间`, visible: true } { key: 19, label: `更新时间`, visible: false }
]); ]);
const initFormData: FlightBookingForm = { const initFormData: FlightBookingForm = {

Loading…
Cancel
Save