forked from integrated_whb/integrated_whb_vue
保险管理,运营管理,维保管理,北斗管理优化
parent
2d1eb54c60
commit
8cfa203273
|
@ -84,6 +84,12 @@ export const OPERATING_VEHICLE_TYPE_LIST = [
|
||||||
{ ID: "2", NAME: "货运挂车" },
|
{ ID: "2", NAME: "货运挂车" },
|
||||||
];
|
];
|
||||||
|
|
||||||
|
export const INSURANCEMENU = [
|
||||||
|
// 运营车型
|
||||||
|
{ ID: "1", NAME: "太平洋保险公司" },
|
||||||
|
{ ID: "2", NAME: "中国人保" },
|
||||||
|
];
|
||||||
|
|
||||||
export const DUE_STATUS_LIST = [
|
export const DUE_STATUS_LIST = [
|
||||||
// 到期状态
|
// 到期状态
|
||||||
{ ID: "1", NAME: "未到期" },
|
{ ID: "1", NAME: "未到期" },
|
||||||
|
|
|
@ -57,8 +57,8 @@
|
||||||
{{ serialNumber(pagination, $index) }}
|
{{ serialNumber(pagination, $index) }}
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column prop="NUM" label="自编号" width="150" />
|
<el-table-column prop="NUM" label="自编号" width="200" />
|
||||||
<el-table-column prop="PLATE_NUMBER" label="车牌号" width="150" />
|
<el-table-column prop="PLATE_NUMBER" label="车牌号" width="200" />
|
||||||
<el-table-column prop="CONTACTS" label="联系人" width="150" />
|
<el-table-column prop="CONTACTS" label="联系人" width="150" />
|
||||||
<el-table-column prop="CONTACT_PHONE" label="联系电话" width="150" />
|
<el-table-column prop="CONTACT_PHONE" label="联系电话" width="150" />
|
||||||
<el-table-column prop="TRAILER_TYPE" label="挂车类型" width="150" />
|
<el-table-column prop="TRAILER_TYPE" label="挂车类型" width="150" />
|
||||||
|
@ -67,8 +67,8 @@
|
||||||
label="初登日期"
|
label="初登日期"
|
||||||
width="200"
|
width="200"
|
||||||
/>
|
/>
|
||||||
<el-table-column prop="DUE_DATE" label="到期日期" width="200" />
|
<el-table-column prop="DUE_DATE" label="到期日期" width="150" />
|
||||||
<el-table-column prop="DEPARTMENT_NAME" label="归属部门" width="200" />
|
<el-table-column prop="DEPARTMENT_NAME" label="归属部门" width="150" />
|
||||||
<el-table-column label="操作" width="150">
|
<el-table-column label="操作" width="150">
|
||||||
<template #default="{ row }">
|
<template #default="{ row }">
|
||||||
<el-button
|
<el-button
|
||||||
|
|
|
@ -101,15 +101,15 @@
|
||||||
<!--<el-table-column prop="CONTACTS" label="经营企业" width="150"/>-->
|
<!--<el-table-column prop="CONTACTS" label="经营企业" width="150"/>-->
|
||||||
<el-table-column prop="REMINDER_STATUS" label="提醒状态" width="150">
|
<el-table-column prop="REMINDER_STATUS" label="提醒状态" width="150">
|
||||||
<template #default="{ row }">
|
<template #default="{ row }">
|
||||||
<span v-if="row.REMINDER_STATUS === '1'">开启</span>
|
<el-tag v-if="row.REMINDER_STATUS === '1'">开启</el-tag>
|
||||||
<span v-else-if="row.REMINDER_STATUS === '0'">关闭</span>
|
<el-tag v-else-if="row.REMINDER_STATUS === '0'">关闭</el-tag>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column prop="DUE_DATE_TYPE" label="到期状态" width="150">
|
<el-table-column prop="DUE_DATE_TYPE" label="到期状态" width="150">
|
||||||
<template #default="{ row }">
|
<template #default="{ row }">
|
||||||
<span v-if="row.DUE_DATE_TYPE === 1">未到期</span>
|
<el-tag v-if="row.DUE_DATE_TYPE === 1">未到期</el-tag>
|
||||||
<span v-else-if="row.DUE_DATE_TYPE === 0">已到期</span>
|
<el-tag v-else-if="row.DUE_DATE_TYPE === 0">已到期</el-tag>
|
||||||
<span v-else-if="row.DUE_DATE_TYPE === 2">即将到期</span>
|
<el-tag v-else-if="row.DUE_DATE_TYPE === 2">即将到期</el-tag>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column prop="ARCHIVES_TYPE" label="档案状态" width="150" />
|
<el-table-column prop="ARCHIVES_TYPE" label="档案状态" width="150" />
|
||||||
|
|
|
@ -43,47 +43,49 @@
|
||||||
/>
|
/>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="12">
|
<el-row :gutter="20">
|
||||||
<el-form-item label="车牌号" prop="PLATE_NUMBER">
|
<el-col :span="12">
|
||||||
<el-input v-model="data.busInfo.PLATE_NUMBER" disabled />
|
<el-form-item label="车牌号" prop="PLATE_NUMBER">
|
||||||
</el-form-item>
|
<el-input v-model="data.busInfo.PLATE_NUMBER" disabled />
|
||||||
</el-col>
|
</el-form-item>
|
||||||
<el-col :span="12">
|
</el-col>
|
||||||
<el-form-item label="车架号" prop="VIN">
|
<el-col :span="12">
|
||||||
<el-input v-model="data.busInfo.VIN" disabled />
|
<el-form-item label="车架号" prop="VIN">
|
||||||
</el-form-item>
|
<el-input v-model="data.busInfo.VIN" disabled />
|
||||||
</el-col>
|
</el-form-item>
|
||||||
<el-col :span="12">
|
</el-col>
|
||||||
<el-form-item label="车辆类型" prop="TRAILER_TYPE">
|
<el-col :span="12">
|
||||||
<el-input v-model="data.busInfo.TRAILER_TYPE" disabled />
|
<el-form-item label="车辆类型" prop="TRAILER_TYPE">
|
||||||
</el-form-item>
|
<el-input v-model="data.busInfo.TRAILER_TYPE" disabled />
|
||||||
</el-col>
|
</el-form-item>
|
||||||
<el-col :span="12">
|
</el-col>
|
||||||
<el-form-item label="车主/业户" prop="CAR_OWNERS ">
|
<el-col :span="12">
|
||||||
<el-input v-model="data.busInfo.CAR_OWNERS" disabled />
|
<el-form-item label="车主/业户" prop="CAR_OWNERS ">
|
||||||
</el-form-item>
|
<el-input v-model="data.busInfo.CAR_OWNERS" disabled />
|
||||||
</el-col>
|
</el-form-item>
|
||||||
<el-col :span="12">
|
</el-col>
|
||||||
<el-form-item label="车主电话" prop="CAR_OWNERS_TEL">
|
<el-col :span="12">
|
||||||
<el-input v-model="data.busInfo.CAR_OWNERS_TEL" disabled />
|
<el-form-item label="车主电话" prop="CAR_OWNERS_TEL">
|
||||||
</el-form-item>
|
<el-input v-model="data.busInfo.CAR_OWNERS_TEL" disabled />
|
||||||
</el-col>
|
</el-form-item>
|
||||||
<el-col :span="12">
|
</el-col>
|
||||||
<el-form-item label="初登日期" prop="INITIAL_REGISTRATION_DATE">
|
<el-col :span="12">
|
||||||
<el-date-picker
|
<el-form-item label="初登日期" prop="INITIAL_REGISTRATION_DATE">
|
||||||
v-model="data.busInfo.INITIAL_REGISTRATION_DATE"
|
<el-date-picker
|
||||||
value-format="YYYY-MM-DD"
|
v-model="data.busInfo.INITIAL_REGISTRATION_DATE"
|
||||||
format="YYYY-MM-DD"
|
value-format="YYYY-MM-DD"
|
||||||
type="date"
|
format="YYYY-MM-DD"
|
||||||
disabled
|
type="date"
|
||||||
/>
|
disabled
|
||||||
</el-form-item>
|
/>
|
||||||
</el-col>
|
</el-form-item>
|
||||||
<el-col :span="12">
|
</el-col>
|
||||||
<el-form-item label="所属区域" prop="COMPANY_AREA">
|
<el-col :span="12">
|
||||||
<el-input v-model="data.busInfo.COMPANY_AREA" disabled />
|
<el-form-item label="所属区域" prop="COMPANY_AREA">
|
||||||
</el-form-item>
|
<el-input v-model="data.busInfo.COMPANY_AREA" disabled />
|
||||||
</el-col>
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
<el-col :span="24">
|
<el-col :span="24">
|
||||||
<el-divider content-position="left">年检信息</el-divider>
|
<el-divider content-position="left">年检信息</el-divider>
|
||||||
</el-col>
|
</el-col>
|
||||||
|
|
|
@ -98,43 +98,46 @@
|
||||||
{{ serialNumber(pagination, $index) }}
|
{{ serialNumber(pagination, $index) }}
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column prop="NUM" label="编号" width="150" />
|
<el-table-column prop="NUM" label="编号" width="100" />
|
||||||
<el-table-column prop="VEHICLE_MODEL" label="运营车型" width="150">
|
<el-table-column prop="VEHICLE_MODEL" label="运营车型" width="100">
|
||||||
<template #default="{ row }">
|
<template #default="{ row }">
|
||||||
{{
|
{{
|
||||||
translationStatus(row.VEHICLE_MODEL, OPERATING_VEHICLE_TYPE_LIST)
|
translationStatus(row.VEHICLE_MODEL, OPERATING_VEHICLE_TYPE_LIST)
|
||||||
}}
|
}}
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column prop="PLATE_NUMBER" label="车牌号" width="150" />
|
<el-table-column prop="PLATE_NUMBER" label="车牌号" width="100" />
|
||||||
<el-table-column prop="CAR_OWNERS" label="车主业户" width="150" />
|
<el-table-column prop="CAR_OWNERS" label="车主业户" width="100" />
|
||||||
<el-table-column prop="TELEPHONE" label="联系电话" width="150" />
|
<el-table-column prop="TELEPHONE" label="联系电话" width="100" />
|
||||||
<el-table-column prop="PROCESSING_DATE" label="办理日期" width="150" />
|
<el-table-column prop="PROCESSING_DATE" label="办理日期" width="100" />
|
||||||
<el-table-column prop="NAME" label="年检周期" width="150" />
|
<el-table-column prop="NAME" label="年检周期" width="100" />
|
||||||
<el-table-column prop="DUE_DATE" label="到期日期" width="150" />
|
<el-table-column prop="DUE_DATE" label="到期日期" width="100" />
|
||||||
<el-table-column prop="REGISTRANT" label="登记人" width="150" />
|
<el-table-column prop="REGISTRANT" label="登记人" width="100" />
|
||||||
<!--<el-table-column prop="CONTACTS" label="经营企业" width="150"/>-->
|
<!--<el-table-column prop="CONTACTS" label="经营企业" width="150"/>-->
|
||||||
<el-table-column prop="REMINDER_STATUS" label="提醒状态" width="150">
|
<el-table-column prop="REMINDER_STATUS" label="提醒状态" width="100">
|
||||||
<template #default="{ row }">
|
<template #default="{ row }">
|
||||||
<span v-if="row.REMINDER_STATUS === '1'">开启</span>
|
<el-tag v-if="row.REMINDER_STATUS === '1'" type="success"
|
||||||
<span v-else-if="row.REMINDER_STATUS === '0'">关闭</span>
|
>开启</el-tag
|
||||||
|
>
|
||||||
|
<el-tag v-else-if="row.REMINDER_STATUS === '0'" type="info"
|
||||||
|
>关闭</el-tag
|
||||||
|
>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column prop="DUE_DATE_TYPE" label="到期状态" width="150">
|
<el-table-column prop="DUE_DATE_TYPE" label="到期状态" width="100">
|
||||||
<template #default="{ row }">
|
<template #default="{ row }">
|
||||||
<span v-if="row.DUE_DATE_TYPE === 1">未到期</span>
|
<span v-if="row.DUE_DATE_TYPE === 1">未到期</span>
|
||||||
<span v-else-if="row.DUE_DATE_TYPE === 0">已到期</span>
|
<span v-else-if="row.DUE_DATE_TYPE === 0">已到期</span>
|
||||||
<span v-else-if="row.DUE_DATE_TYPE === 2">即将到期</span>
|
<span v-else-if="row.DUE_DATE_TYPE === 2">即将到期</span>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column prop="ARCHIVES_TYPE" label="档案状态" width="150" />
|
<el-table-column prop="ARCHIVES_TYPE" label="档案状态" width="100" />
|
||||||
<el-table-column prop="CREATTIME" label="创建时间" width="150" />
|
<el-table-column prop="CREATTIME" label="创建时间" width="100" />
|
||||||
<el-table-column prop="OPERATTIME" label="修改时间" width="150" />
|
<el-table-column prop="OPERATTIME" label="修改时间" width="100" />
|
||||||
<el-table-column label="操作" width="250">
|
<el-table-column label="操作" width="100">
|
||||||
<template #default="{ row }">
|
<template #default="{ row }">
|
||||||
<el-button
|
<el-button
|
||||||
type="primary"
|
type="primary"
|
||||||
text
|
|
||||||
link
|
link
|
||||||
@click="
|
@click="
|
||||||
router.push({
|
router.push({
|
||||||
|
@ -142,12 +145,10 @@
|
||||||
query: { INSPECTANNUALLY_ID: row.INSPECTANNUALLY_ID },
|
query: { INSPECTANNUALLY_ID: row.INSPECTANNUALLY_ID },
|
||||||
})
|
})
|
||||||
"
|
"
|
||||||
|
>查看</el-button
|
||||||
>
|
>
|
||||||
查看
|
|
||||||
</el-button>
|
|
||||||
<el-button
|
<el-button
|
||||||
type="primary"
|
type="primary"
|
||||||
text
|
|
||||||
link
|
link
|
||||||
@click="
|
@click="
|
||||||
router.push({
|
router.push({
|
||||||
|
@ -155,34 +156,40 @@
|
||||||
query: { INSPECTANNUALLY_ID: row.INSPECTANNUALLY_ID },
|
query: { INSPECTANNUALLY_ID: row.INSPECTANNUALLY_ID },
|
||||||
})
|
})
|
||||||
"
|
"
|
||||||
>
|
>编辑
|
||||||
编辑
|
|
||||||
</el-button>
|
</el-button>
|
||||||
<el-button
|
<el-button
|
||||||
|
v-if="expandedRows[row.INSPECTANNUALLY_ID]"
|
||||||
type="primary"
|
type="primary"
|
||||||
text
|
|
||||||
link
|
link
|
||||||
@click="fnDelete(row.INSPECTANNUALLY_ID)"
|
@click="fnDelete(row.INSPECTANNUALLY_ID)"
|
||||||
>
|
>删除
|
||||||
删除
|
|
||||||
</el-button>
|
</el-button>
|
||||||
<el-button
|
<el-button
|
||||||
v-if="row.REMINDER_STATUS === '0'"
|
v-if="
|
||||||
|
expandedRows[row.INSPECTANNUALLY_ID] &&
|
||||||
|
row.REMINDER_STATUS === '0'
|
||||||
|
"
|
||||||
type="primary"
|
type="primary"
|
||||||
text
|
|
||||||
link
|
link
|
||||||
@click="fnStatusChange(row.INSPECTANNUALLY_ID, '1')"
|
@click="fnStatusChange(row.INSPECTANNUALLY_ID, '1')"
|
||||||
|
>开启</el-button
|
||||||
>
|
>
|
||||||
开启
|
|
||||||
</el-button>
|
|
||||||
<el-button
|
<el-button
|
||||||
v-if="row.REMINDER_STATUS === '1'"
|
v-if="
|
||||||
|
expandedRows[row.INSPECTANNUALLY_ID] &&
|
||||||
|
row.REMINDER_STATUS === '1'
|
||||||
|
"
|
||||||
type="primary"
|
type="primary"
|
||||||
text
|
|
||||||
link
|
link
|
||||||
@click="fnStatusChange(row.INSPECTANNUALLY_ID, '0')"
|
@click="fnStatusChange(row.INSPECTANNUALLY_ID, '0')"
|
||||||
|
>关闭
|
||||||
|
</el-button>
|
||||||
|
<el-button
|
||||||
|
type="text"
|
||||||
|
@click="toggleExpand(row.INSPECTANNUALLY_ID)"
|
||||||
>
|
>
|
||||||
关闭
|
{{ expandedRows[row.INSPECTANNUALLY_ID] ? "收起" : "更多" }}
|
||||||
</el-button>
|
</el-button>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
|
@ -257,6 +264,18 @@ const fnResetPaginationTransfer = () => {
|
||||||
REMINDER_STATUS: searchForm.value.REMINDER_STATUS,
|
REMINDER_STATUS: searchForm.value.REMINDER_STATUS,
|
||||||
});
|
});
|
||||||
};
|
};
|
||||||
|
// 使用一个对象来跟踪每一行的展开状态
|
||||||
|
const expandedRows = reactive({}); // 初始化一个空对象
|
||||||
|
|
||||||
|
// 定义一个函数来切换展开状态
|
||||||
|
function toggleExpand(rowId) {
|
||||||
|
if (expandedRows[rowId] === undefined) {
|
||||||
|
expandedRows[rowId] = true; // 如果之前没有状态,默认设置为展开
|
||||||
|
} else {
|
||||||
|
expandedRows[rowId] = !expandedRows[rowId]; // 切换状态
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
const fnDelete = debounce(
|
const fnDelete = debounce(
|
||||||
1000,
|
1000,
|
||||||
async (INSPECTANNUALLY_ID) => {
|
async (INSPECTANNUALLY_ID) => {
|
||||||
|
|
|
@ -43,213 +43,223 @@
|
||||||
/>
|
/>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="12">
|
<el-row :gutter="20">
|
||||||
<el-form-item label="车牌号" prop="PLATE_NUMBER">
|
<el-col :span="12">
|
||||||
<el-input v-model="data.busInfo.PLATE_NUMBER" disabled />
|
<el-form-item label="车牌号" prop="PLATE_NUMBER">
|
||||||
</el-form-item>
|
<el-input v-model="data.busInfo.PLATE_NUMBER" disabled />
|
||||||
</el-col>
|
</el-form-item>
|
||||||
<el-col :span="12">
|
</el-col>
|
||||||
<el-form-item label="车架号" prop="VIN">
|
<el-col :span="12">
|
||||||
<el-input v-model="data.busInfo.VIN" disabled />
|
<el-form-item label="车架号" prop="VIN">
|
||||||
</el-form-item>
|
<el-input v-model="data.busInfo.VIN" disabled />
|
||||||
</el-col>
|
</el-form-item>
|
||||||
<el-col :span="12">
|
</el-col>
|
||||||
<el-form-item label="车辆类型" prop="TRAILER_TYPE">
|
<el-col :span="12">
|
||||||
<el-input v-model="data.busInfo.TRAILER_TYPE" disabled />
|
<el-form-item label="车辆类型" prop="TRAILER_TYPE">
|
||||||
</el-form-item>
|
<el-input v-model="data.busInfo.TRAILER_TYPE" disabled />
|
||||||
</el-col>
|
</el-form-item>
|
||||||
<el-col :span="12">
|
</el-col>
|
||||||
<el-form-item label="车主/业户" prop="CAR_OWNERS ">
|
<el-col :span="12">
|
||||||
<el-input v-model="data.busInfo.CAR_OWNERS" disabled />
|
<el-form-item label="车主/业户" prop="CAR_OWNERS ">
|
||||||
</el-form-item>
|
<el-input v-model="data.busInfo.CAR_OWNERS" disabled />
|
||||||
</el-col>
|
</el-form-item>
|
||||||
<el-col :span="12">
|
</el-col>
|
||||||
<el-form-item label="车主电话" prop="CAR_OWNERS_TEL">
|
<el-col :span="12">
|
||||||
<el-input v-model="data.busInfo.CAR_OWNERS_TEL" disabled />
|
<el-form-item label="车主电话" prop="CAR_OWNERS_TEL">
|
||||||
</el-form-item>
|
<el-input v-model="data.busInfo.CAR_OWNERS_TEL" disabled />
|
||||||
</el-col>
|
</el-form-item>
|
||||||
<el-col :span="12">
|
</el-col>
|
||||||
<el-form-item label="初登日期" prop="INITIAL_REGISTRATION_DATE">
|
<el-col :span="12">
|
||||||
<el-date-picker
|
<el-form-item label="初登日期" prop="INITIAL_REGISTRATION_DATE">
|
||||||
v-model="data.busInfo.INITIAL_REGISTRATION_DATE"
|
<el-date-picker
|
||||||
value-format="YYYY-MM-DD"
|
v-model="data.busInfo.INITIAL_REGISTRATION_DATE"
|
||||||
format="YYYY-MM-DD"
|
value-format="YYYY-MM-DD"
|
||||||
type="date"
|
format="YYYY-MM-DD"
|
||||||
disabled
|
type="date"
|
||||||
/>
|
disabled
|
||||||
</el-form-item>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="12">
|
|
||||||
<el-form-item label="所属区域" prop="COMPANY_AREA">
|
|
||||||
<el-input v-model="data.busInfo.COMPANY_AREA" disabled />
|
|
||||||
</el-form-item>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="24">
|
|
||||||
<el-divider content-position="left">投保信息</el-divider>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="12">
|
|
||||||
<el-form-item label="编号" prop="NUM">
|
|
||||||
<el-input v-model="form.NUM" maxlength="50" show-word-limit />
|
|
||||||
</el-form-item>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="12">
|
|
||||||
<el-form-item label="车主业户" prop="CAR_OWNERS">
|
|
||||||
<el-input
|
|
||||||
v-model="form.CAR_OWNERS"
|
|
||||||
maxlength="50"
|
|
||||||
show-word-limit
|
|
||||||
/>
|
|
||||||
</el-form-item>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="12">
|
|
||||||
<el-form-item label="联系电话" prop="TELEPHONE">
|
|
||||||
<el-input v-model="form.TELEPHONE" maxlength="11" show-word-limit />
|
|
||||||
</el-form-item>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="12">
|
|
||||||
<el-form-item label="登记人" prop="REGISTRANT">
|
|
||||||
<el-input
|
|
||||||
v-model="form.REGISTRANT"
|
|
||||||
maxlength="50"
|
|
||||||
show-word-limit
|
|
||||||
/>
|
|
||||||
</el-form-item>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="12">
|
|
||||||
<el-form-item label="保险公司" prop="INSURANCE_COMPANY">
|
|
||||||
<el-select v-model="form.INSURANCE_COMPANY">
|
|
||||||
<el-option
|
|
||||||
v-for="item in insuranceCompanyList"
|
|
||||||
:key="item.DICTIONARIES_ID"
|
|
||||||
:label="item.NAME"
|
|
||||||
:value="item.DICTIONARIES_ID"
|
|
||||||
/>
|
/>
|
||||||
</el-select>
|
</el-form-item>
|
||||||
</el-form-item>
|
</el-col>
|
||||||
</el-col>
|
<el-col :span="12">
|
||||||
<el-col :span="12">
|
<el-form-item label="所属区域" prop="COMPANY_AREA">
|
||||||
<el-form-item label="保险项目" prop="INSURANCE_COVERAGE">
|
<el-input v-model="data.busInfo.COMPANY_AREA" disabled />
|
||||||
<el-input
|
</el-form-item>
|
||||||
v-model="form.INSURANCE_COVERAGE"
|
</el-col>
|
||||||
maxlength="50"
|
<el-row>
|
||||||
show-word-limit
|
<el-col :span="24">
|
||||||
/>
|
<el-divider content-position="left">投保信息</el-divider>
|
||||||
</el-form-item>
|
</el-col>
|
||||||
</el-col>
|
<el-col :span="12">
|
||||||
<el-col :span="12">
|
<el-form-item label="编号" prop="NUM">
|
||||||
<el-form-item label="办理日期" prop="PROCESSING_DATE">
|
<el-input v-model="form.NUM" maxlength="50" show-word-limit />
|
||||||
<el-date-picker
|
</el-form-item>
|
||||||
v-model="form.PROCESSING_DATE"
|
</el-col>
|
||||||
value-format="YYYY-MM-DD"
|
<el-col :span="12">
|
||||||
format="YYYY-MM-DD"
|
<el-form-item label="车主业户" prop="CAR_OWNERS">
|
||||||
type="date"
|
<el-input
|
||||||
/>
|
v-model="form.CAR_OWNERS"
|
||||||
</el-form-item>
|
maxlength="50"
|
||||||
</el-col>
|
show-word-limit
|
||||||
<el-col :span="12">
|
/>
|
||||||
<el-form-item label="生效日期" prop="EFFECTIVE_DATE">
|
</el-form-item>
|
||||||
<el-date-picker
|
</el-col>
|
||||||
v-model="form.EFFECTIVE_DATE"
|
<el-col :span="12">
|
||||||
value-format="YYYY-MM-DD"
|
<el-form-item label="联系电话" prop="TELEPHONE">
|
||||||
format="YYYY-MM-DD"
|
<el-input
|
||||||
type="date"
|
v-model="form.TELEPHONE"
|
||||||
@change="getDueDate"
|
maxlength="11"
|
||||||
/>
|
show-word-limit
|
||||||
</el-form-item>
|
/>
|
||||||
</el-col>
|
</el-form-item>
|
||||||
<el-col :span="12">
|
</el-col>
|
||||||
<el-form-item label="到期日期" prop="DUE_DATE">
|
<el-col :span="12">
|
||||||
<el-date-picker
|
<el-form-item label="登记人" prop="REGISTRANT">
|
||||||
v-model="form.DUE_DATE"
|
<el-input
|
||||||
value-format="YYYY-MM-DD"
|
v-model="form.REGISTRANT"
|
||||||
format="YYYY-MM-DD"
|
maxlength="50"
|
||||||
type="date"
|
show-word-limit
|
||||||
disabled
|
/>
|
||||||
/>
|
</el-form-item>
|
||||||
</el-form-item>
|
</el-col>
|
||||||
</el-col>
|
<el-col :span="12">
|
||||||
<el-col :span="12">
|
<el-form-item label="保险公司" prop="INSURANCE_COMPANY">
|
||||||
<el-form-item label="保险全费" prop="ALL_FEES">
|
<el-select v-model="form.INSURANCE_COMPANY">
|
||||||
<el-input v-model="form.ALL_FEES" maxlength="50" show-word-limit />
|
<el-option
|
||||||
</el-form-item>
|
v-for="item in INSURANCEMENU"
|
||||||
</el-col>
|
:key="item.ID"
|
||||||
<el-col :span="12">
|
:label="item.NAME"
|
||||||
<el-form-item label="净费实收" prop="ACTUAL_COLLECTION">
|
:value="item.ID"
|
||||||
<el-input
|
/>
|
||||||
v-model="form.ACTUAL_COLLECTION"
|
</el-select>
|
||||||
maxlength="50"
|
</el-form-item>
|
||||||
show-word-limit
|
</el-col>
|
||||||
/>
|
<el-col :span="12">
|
||||||
</el-form-item>
|
<el-form-item label="保险项目" prop="INSURANCE_COVERAGE">
|
||||||
</el-col>
|
<el-input
|
||||||
<el-col :span="12">
|
v-model="form.INSURANCE_COVERAGE"
|
||||||
<el-form-item label="提醒天数" prop="REMINDER_DAYS">
|
maxlength="50"
|
||||||
<el-input
|
show-word-limit
|
||||||
v-model.number="form.REMINDER_DAYS"
|
/>
|
||||||
maxlength="50"
|
</el-form-item>
|
||||||
show-word-limit
|
</el-col>
|
||||||
@change="getRemiderDate"
|
<el-col :span="12">
|
||||||
/>
|
<el-form-item label="办理日期" prop="PROCESSING_DATE">
|
||||||
</el-form-item>
|
<el-date-picker
|
||||||
</el-col>
|
v-model="form.PROCESSING_DATE"
|
||||||
<el-col :span="12">
|
value-format="YYYY-MM-DD"
|
||||||
<el-form-item label="提醒日期" prop="REMINDER_DATE">
|
format="YYYY-MM-DD"
|
||||||
<el-date-picker
|
type="date"
|
||||||
v-model="form.REMINDER_DATE"
|
/>
|
||||||
value-format="YYYY-MM-DD"
|
</el-form-item>
|
||||||
format="YYYY-MM-DD"
|
</el-col>
|
||||||
type="date"
|
<el-col :span="12">
|
||||||
disabled
|
<el-form-item label="生效日期" prop="EFFECTIVE_DATE">
|
||||||
/>
|
<el-date-picker
|
||||||
</el-form-item>
|
v-model="form.EFFECTIVE_DATE"
|
||||||
</el-col>
|
value-format="YYYY-MM-DD"
|
||||||
<el-col :span="12">
|
format="YYYY-MM-DD"
|
||||||
<el-form-item label="提醒状态" prop="REMINDER_STATUS">
|
type="date"
|
||||||
<el-switch
|
@change="getDueDate"
|
||||||
v-model="form.REMINDER_STATUS"
|
/>
|
||||||
inline-prompt
|
</el-form-item>
|
||||||
active-text="开"
|
</el-col>
|
||||||
inactive-text="关"
|
<el-col :span="12">
|
||||||
active-value="1"
|
<el-form-item label="到期日期" prop="DUE_DATE">
|
||||||
inactive-value="0"
|
<el-date-picker
|
||||||
/>
|
v-model="form.DUE_DATE"
|
||||||
</el-form-item>
|
value-format="YYYY-MM-DD"
|
||||||
</el-col>
|
format="YYYY-MM-DD"
|
||||||
|
type="date"
|
||||||
|
disabled
|
||||||
|
/>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="保险全费" prop="ALL_FEES">
|
||||||
|
<el-input
|
||||||
|
v-model="form.ALL_FEES"
|
||||||
|
maxlength="50"
|
||||||
|
show-word-limit
|
||||||
|
/>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="净费实收" prop="ACTUAL_COLLECTION">
|
||||||
|
<el-input
|
||||||
|
v-model="form.ACTUAL_COLLECTION"
|
||||||
|
maxlength="50"
|
||||||
|
show-word-limit
|
||||||
|
/>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="提醒天数" prop="REMINDER_DAYS">
|
||||||
|
<el-input
|
||||||
|
v-model.number="form.REMINDER_DAYS"
|
||||||
|
maxlength="50"
|
||||||
|
show-word-limit
|
||||||
|
@change="getRemiderDate"
|
||||||
|
/>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="提醒日期" prop="REMINDER_DATE">
|
||||||
|
<el-date-picker
|
||||||
|
v-model="form.REMINDER_DATE"
|
||||||
|
value-format="YYYY-MM-DD"
|
||||||
|
format="YYYY-MM-DD"
|
||||||
|
type="date"
|
||||||
|
disabled
|
||||||
|
/>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="提醒状态" prop="REMINDER_STATUS">
|
||||||
|
<el-switch
|
||||||
|
v-model="form.REMINDER_STATUS"
|
||||||
|
inline-prompt
|
||||||
|
active-text="开"
|
||||||
|
inactive-text="关"
|
||||||
|
active-value="1"
|
||||||
|
inactive-value="0"
|
||||||
|
/>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
|
||||||
<el-col :span="12">
|
<el-col :span="12">
|
||||||
<el-form-item label="附件上传" prop="ATTACHMENT_UPLOAD">
|
<el-form-item label="附件上传" prop="ATTACHMENT_UPLOAD">
|
||||||
<layout-upload
|
<layout-upload
|
||||||
v-model:file-list="form.ATTACHMENT_UPLOAD"
|
v-model:file-list="form.ATTACHMENT_UPLOAD"
|
||||||
accept=".pdf"
|
accept=".pdf"
|
||||||
:limit="99"
|
:limit="99"
|
||||||
delete-to-server
|
delete-to-server
|
||||||
/>
|
/>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="12">
|
<el-col :span="12">
|
||||||
<el-form-item label="保险资料" prop="INSUREINFO">
|
<el-form-item label="保险资料" prop="INSUREINFO">
|
||||||
<layout-upload
|
<layout-upload
|
||||||
v-model:file-list="form.INSUREINFO"
|
v-model:file-list="form.INSUREINFO"
|
||||||
list-type="picture-card"
|
list-type="picture-card"
|
||||||
accept=".jpg,.jpeg,.png"
|
accept=".jpg,.jpeg,.png"
|
||||||
:limit="99"
|
:limit="99"
|
||||||
delete-to-server
|
delete-to-server
|
||||||
/>
|
/>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="12">
|
<el-col :span="12">
|
||||||
<el-form-item label="备注" prop="NOTES">
|
<el-form-item label="备注" prop="NOTES">
|
||||||
<el-input
|
<el-input
|
||||||
v-model="form.NOTES"
|
v-model="form.NOTES"
|
||||||
type="textarea"
|
type="textarea"
|
||||||
:autosize="{ minRows: 3 }"
|
:autosize="{ minRows: 3 }"
|
||||||
maxlength="250"
|
maxlength="250"
|
||||||
show-word-limit
|
show-word-limit
|
||||||
/>
|
/>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
</el-row>
|
</el-row> </el-row></el-row
|
||||||
</el-form>
|
></el-form>
|
||||||
<div class="mt-10 tc">
|
<div class="mt-10 tc">
|
||||||
<el-button type="primary" @click="fnSubmit">保存</el-button>
|
<el-button type="primary" @click="fnSubmit">保存</el-button>
|
||||||
</div>
|
</div>
|
||||||
|
@ -266,8 +276,10 @@ import {
|
||||||
setInsureEdit,
|
setInsureEdit,
|
||||||
getTrailerList,
|
getTrailerList,
|
||||||
} from "@/request/mechanical_files.js";
|
} from "@/request/mechanical_files.js";
|
||||||
import { OPERATING_VEHICLE_TYPE_LIST } from "@/assets/js/constant.js";
|
import {
|
||||||
import { layoutFnGetInsuranceCompany } from "@/assets/js/data_dictionary.js";
|
INSURANCEMENU,
|
||||||
|
OPERATING_VEHICLE_TYPE_LIST,
|
||||||
|
} from "@/assets/js/constant.js";
|
||||||
import { setUploadImg } from "@/request/api.js";
|
import { setUploadImg } from "@/request/api.js";
|
||||||
import { ElMessage } from "element-plus";
|
import { ElMessage } from "element-plus";
|
||||||
import { useRoute, useRouter } from "vue-router";
|
import { useRoute, useRouter } from "vue-router";
|
||||||
|
@ -280,8 +292,6 @@ import {
|
||||||
const route = useRoute();
|
const route = useRoute();
|
||||||
const router = useRouter();
|
const router = useRouter();
|
||||||
const INSURE_ID = route.query.INSURE_ID;
|
const INSURE_ID = route.query.INSURE_ID;
|
||||||
const insuranceCompanyList = await layoutFnGetInsuranceCompany();
|
|
||||||
console.log(insuranceCompanyList, "11111111111111111111111111111111111");
|
|
||||||
const formRef = ref(null);
|
const formRef = ref(null);
|
||||||
const form = ref({
|
const form = ref({
|
||||||
VEHICLE_MODEL: "",
|
VEHICLE_MODEL: "",
|
||||||
|
|
|
@ -137,8 +137,8 @@
|
||||||
<!--<el-table-column prop="CONTACTS" label="经营企业" width="150"/>-->
|
<!--<el-table-column prop="CONTACTS" label="经营企业" width="150"/>-->
|
||||||
<el-table-column prop="REMINDER_STATUS" label="提醒状态" width="150">
|
<el-table-column prop="REMINDER_STATUS" label="提醒状态" width="150">
|
||||||
<template #default="{ row }">
|
<template #default="{ row }">
|
||||||
<span v-if="row.REMINDER_STATUS === '1'">开启</span>
|
<el-tag v-if="row.REMINDER_STATUS === '1'">开启</el-tag>
|
||||||
<span v-else-if="row.REMINDER_STATUS === '2'">关闭</span>
|
<el-tag v-else-if="row.REMINDER_STATUS === '0'">关闭</el-tag>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column prop="DUE_DATE_TYPE" label="到期状态" width="150">
|
<el-table-column prop="DUE_DATE_TYPE" label="到期状态" width="150">
|
||||||
|
|
|
@ -108,15 +108,15 @@
|
||||||
<!--<el-table-column prop="CONTACTS" label="经营企业" width="150"/>-->
|
<!--<el-table-column prop="CONTACTS" label="经营企业" width="150"/>-->
|
||||||
<el-table-column prop="REMINDER_STATUS" label="提醒状态" width="150">
|
<el-table-column prop="REMINDER_STATUS" label="提醒状态" width="150">
|
||||||
<template #default="{ row }">
|
<template #default="{ row }">
|
||||||
<span v-if="row.REMINDER_STATUS === '1'">开启</span>
|
<el-tag v-if="row.REMINDER_STATUS === '1'">开启</el-tag>
|
||||||
<span v-else-if="row.REMINDER_STATUS === '0'">关闭</span>
|
<el-tag v-else-if="row.REMINDER_STATUS === '0'">关闭</el-tag>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column prop="DUE_DATE_TYPE" label="到期状态" width="150">
|
<el-table-column prop="DUE_DATE_TYPE" label="到期状态" width="150">
|
||||||
<template #default="{ row }">
|
<template #default="{ row }">
|
||||||
<span v-if="row.DUE_DATE_TYPE === 1">未到期</span>
|
<el-tag v-if="row.DUE_DATE_TYPE === 1">未到期</el-tag>
|
||||||
<span v-else-if="row.DUE_DATE_TYPE === 0">已到期</span>
|
<el-tag v-else-if="row.DUE_DATE_TYPE === 0">已到期</el-tag>
|
||||||
<span v-else-if="row.DUE_DATE_TYPE === 2">即将到期</span>
|
<el-tag v-else-if="row.DUE_DATE_TYPE === 2">即将到期</el-tag>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column prop="ARCHIVES_TYPE" label="档案状态" width="150" />
|
<el-table-column prop="ARCHIVES_TYPE" label="档案状态" width="150" />
|
||||||
|
|
|
@ -98,7 +98,7 @@
|
||||||
{{ serialNumber(pagination, $index) }}
|
{{ serialNumber(pagination, $index) }}
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column prop="NUM" label="编号" width="150" />
|
<el-table-column prop="OPERATIONS_ID" label="编号" width="150" />
|
||||||
<el-table-column prop="VEHICLE_MODEL" label="运营车型" width="150">
|
<el-table-column prop="VEHICLE_MODEL" label="运营车型" width="150">
|
||||||
<template #default="{ row }">
|
<template #default="{ row }">
|
||||||
{{
|
{{
|
||||||
|
@ -116,8 +116,14 @@
|
||||||
<!--<el-table-column prop="CONTACTS" label="经营企业" width="150"/>-->
|
<!--<el-table-column prop="CONTACTS" label="经营企业" width="150"/>-->
|
||||||
<el-table-column prop="REMINDER_STATUS" label="提醒状态" width="150">
|
<el-table-column prop="REMINDER_STATUS" label="提醒状态" width="150">
|
||||||
<template #default="{ row }">
|
<template #default="{ row }">
|
||||||
<span v-if="row.REMINDER_STATUS === '1'">开启</span>
|
<!-- <span v-if="row.REMINDER_STATUS === '1'">开启</span>-->
|
||||||
<span v-else-if="row.REMINDER_STATUS === '0'">关闭</span>
|
<!-- <span v-else-if="row.REMINDER_STATUS === '0'">关闭</span>-->
|
||||||
|
<el-tag v-if="row.REMINDER_STATUS === '1'" type="success"
|
||||||
|
>开启</el-tag
|
||||||
|
>
|
||||||
|
<el-tag v-else-if="row.REMINDER_STATUS === '0'" type="info"
|
||||||
|
>关闭</el-tag
|
||||||
|
>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column prop="DUE_DATE_TYPE" label="到期状态" width="150">
|
<el-table-column prop="DUE_DATE_TYPE" label="到期状态" width="150">
|
||||||
|
|
|
@ -260,6 +260,7 @@ import { addingPrefixToFile } from "@/assets/js/utils.js";
|
||||||
const router = useRouter();
|
const router = useRouter();
|
||||||
const TaxesPeriodList = await layoutFnGetTaxesPeriod();
|
const TaxesPeriodList = await layoutFnGetTaxesPeriod();
|
||||||
const getTrailerList = await layoutFnGetTrailerList();
|
const getTrailerList = await layoutFnGetTrailerList();
|
||||||
|
console.log(getTrailerList, "11111111111111111111111111111");
|
||||||
|
|
||||||
const rules = {
|
const rules = {
|
||||||
TRAILER_VEHICLE: [
|
TRAILER_VEHICLE: [
|
||||||
|
|
Loading…
Reference in New Issue