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