<template>
|
<div>
|
<FormInfo
|
:info="drivingInfo"
|
:keys="drivingHeaderInfo"
|
title="行驶证基本信息"
|
:loading="loading"
|
></FormInfo>
|
<FormInfo
|
:info="carRegInfo"
|
:keys="carRegHeaderInfo"
|
title="机动车登记证"
|
:loading="loading"
|
></FormInfo>
|
<FormInfo
|
:info="car300Info"
|
:keys="car300HeaderInfo"
|
title="车300信息"
|
:loading="loading"
|
></FormInfo>
|
<KeysTable
|
:list="maintenanceRecordList"
|
:header="maintenanceRecordHeader"
|
:isShowPages="false"
|
title="维保记录"
|
></KeysTable>
|
<KeysTable
|
:list="serviceTimeRecordList"
|
:header="serviceTimeRecordHeader"
|
:isShowPages="false"
|
title="保养时间记录"
|
></KeysTable>
|
<KeysTable
|
:list="bodyStructureDamageRecordList"
|
:header="bodyStructureDamageRecordHeader"
|
:isShowPages="false"
|
title="车身结构损伤记录"
|
></KeysTable>
|
<KeysTable
|
:list="insuranceList"
|
:header="insuranceHeader"
|
:isShowPages="false"
|
title="碰撞记录"
|
></KeysTable>
|
<KeysTable
|
:list="claimsList"
|
:header="claimsHeader"
|
:isShowPages="false"
|
title="事故记录"
|
></KeysTable>
|
</div>
|
</template>
|
<script>
|
import FormInfo from "../FormInfo";
|
import KeysTable from "../KeysTable";
|
import { queryCarInfoMap } from "@comprehensive/serve/public";
|
import {
|
maintenanceRecordHeader,
|
serviceTimeRecordHeader,
|
bodyStructureDamageRecordHeader,
|
insuranceHeader,
|
claimsHeader,
|
} from "@comprehensive/utils/tableHeaders";
|
export default {
|
props: {
|
// 申请编号
|
serialNo: {
|
type: String,
|
required: true,
|
},
|
objectType: {
|
type: String,
|
default: "",
|
},
|
customerID: {
|
type: String,
|
default: "",
|
},
|
flowno: {
|
type: String,
|
|
// 默认为案场
|
default: "CreditFlowCase",
|
},
|
},
|
components: {
|
FormInfo,
|
KeysTable,
|
},
|
computed: {},
|
data() {
|
return {
|
drivingInfo: {}, //行驶证基本信息
|
drivingHeaderInfo: [], //行驶证基本信息title
|
carRegInfo: {}, //机动车登记证信息
|
carRegHeaderInfo: [], //机动车登记证信息title
|
car300Info: {}, //车300信息
|
car300HeaderInfo: [], //车300信息title
|
formModel: {}, //各种记录
|
loading: false,
|
maintenanceRecordHeader: [...maintenanceRecordHeader], //维保详细记录
|
maintenanceRecordList: [],
|
serviceTimeRecordHeader: [...serviceTimeRecordHeader], //保养时间记录
|
serviceTimeRecordList: [],
|
bodyStructureDamageRecordHeader: [...bodyStructureDamageRecordHeader], //车身结构损伤
|
bodyStructureDamageRecordList: [],
|
insuranceHeader: [...insuranceHeader], //碰撞信息
|
insuranceList: [],
|
claimsHeader: [...claimsHeader], //事故信息
|
claimsList: [],
|
};
|
},
|
created() {
|
// setTimeout(() => {
|
// this.init();
|
// }, 1000);
|
this.init();
|
},
|
methods: {
|
init() {
|
this.requestQueryCarInfoMap();
|
},
|
async requestQueryCarInfoMap() {
|
const { serialNo } = this;
|
this.loading = true;
|
const resp = await queryCarInfoMap({
|
applySerialNo: serialNo,
|
});
|
this.loading = false;
|
if (resp.code == "00") {
|
// car300Info: {}, //车300信息
|
// car300HeaderInfo: [],//车300信息title
|
this.drivingInfo = {
|
...resp.result.drivingInfoMap,
|
};
|
this.drivingHeaderInfo = [];
|
for (const key in this.drivingInfo) {
|
if (this.drivingInfo.hasOwnProperty(key)) {
|
const item = this.drivingInfo[key];
|
this.drivingHeaderInfo.push({
|
label: item.filedDescription,
|
field: key,
|
});
|
}
|
}
|
this.carRegInfo = {
|
...resp.result.carRegInfoMap,
|
};
|
this.carRegHeaderInfo = [];
|
for (const key in this.carRegInfo) {
|
if (this.carRegInfo.hasOwnProperty(key)) {
|
const item = this.carRegInfo[key];
|
this.carRegHeaderInfo.push({
|
label: item.filedDescription,
|
field: key,
|
});
|
}
|
}
|
this.car300Info = {
|
...resp.result.car300InfoMap,
|
};
|
this.car300HeaderInfo = [];
|
for (const key in this.car300Info) {
|
if (this.car300Info.hasOwnProperty(key)) {
|
const item = this.car300Info[key];
|
this.car300HeaderInfo.push({
|
label: item.filedDescription,
|
field: key,
|
});
|
}
|
}
|
this.maintenanceRecordList = resp.result.maintenanceRecord;
|
this.serviceTimeRecordList = resp.result.serviceTimeRecord;
|
this.bodyStructureDamageRecordList =
|
resp.result.bodyStructureDamageRecord;
|
this.insuranceList = resp.result.insurance;
|
this.claimsList = resp.result.claims;
|
}
|
},
|
},
|
};
|
</script>
|
