692 lines
19 KiB
TypeScript
692 lines
19 KiB
TypeScript
// pages/insurancePolicyReport/insurancePolicyReport.ts
|
|
import { getAction, upload, putAction, postAction } from '../../api/base';
|
|
const dayjs = require('dayjs');
|
|
var QQMapWX = require('../../utils/qqmap-wx-jssdk.min.js');
|
|
// 实例化API核心类
|
|
var qqmapsdk = new QQMapWX({
|
|
key: 'KDEBZ-EV5KH-XN5DU-WYZGD-SN3YK-WZBZI'
|
|
});
|
|
Page({
|
|
/**
|
|
* 页面的初始数据
|
|
*/
|
|
data: {
|
|
showBox: {
|
|
base: true,
|
|
vehicle: true,
|
|
lost: true,
|
|
insurance: true,
|
|
insuranceCost: true,
|
|
check: true
|
|
},
|
|
showSelect: {
|
|
projectSelectShow: false,
|
|
contractSelectShow: false,
|
|
vehicleTypeSelectShow: false,
|
|
templateSelectShow: false,
|
|
yesOrNoSelectShow: false,
|
|
timeSelectShow: false,
|
|
claimToCompanyAccountDate: false,
|
|
claimToThirdAccountDate: false
|
|
} as any,
|
|
vehicleOptionsList: [],
|
|
vehiclePickerIndex: -1,
|
|
insuranceCompanyList: [],
|
|
insuranceCompanyPickerIndex: -1,
|
|
handleStatusOptions: [],
|
|
handleStatusIndex: -1,
|
|
yesOrNoOptions: [
|
|
{
|
|
text: '已处理',
|
|
value: 1
|
|
},
|
|
{
|
|
text: '未处理',
|
|
value: 0
|
|
}
|
|
],
|
|
requireObj: {
|
|
projectId: '',
|
|
vehicleId: '',
|
|
companyId: '',
|
|
insuranceDate: '',
|
|
insuranceNo: '',
|
|
// insurancePrice: '',
|
|
handleUser: '',
|
|
handleStatus: '',
|
|
vehicleLossAmount: '',
|
|
thirdPropertyDamageAmount: '',
|
|
vehiclePersonalInjuryAmount: '',
|
|
thirdPersonalInjuryAmount: '',
|
|
claimToCompanyAccountDate: '',
|
|
claimToThirdAccountDate: '',
|
|
claimToCompanyAccountAmount: '',
|
|
claimToThirdAccountAmount: '',
|
|
uncompensatedAmount: ''
|
|
},
|
|
params: {
|
|
vehicleId: '',
|
|
vehicleModel: '',
|
|
vehicleType: '',
|
|
projectId: '',
|
|
insuranceDate: '',
|
|
companyId: '',
|
|
// insurancePrice: '',
|
|
insuranceNo: '',
|
|
handleUser: '',
|
|
handleStatus: '',
|
|
remark: '',
|
|
accidentUrl: '',
|
|
accidentUrlList: [],
|
|
compensateAgreementUrl: '',
|
|
compensateAgreementUrlList: [],
|
|
lossAssessmentUrl: '',
|
|
lossAssessmentUrlList: [],
|
|
compensateUrl: '',
|
|
compensateUrlList: [],
|
|
otherUrl: '',
|
|
otherUrlList: [],
|
|
vehicleLossAmount: 0,
|
|
thirdPropertyDamageAmount: 0,
|
|
vehiclePersonalInjuryAmount: 0,
|
|
thirdPersonalInjuryAmount: 0,
|
|
estimatedTotalLossAmount: 0,
|
|
claimToCompanyAccountDate: '',
|
|
claimToThirdAccountDate: '',
|
|
claimToCompanyAccountAmount: 0,
|
|
claimToThirdAccountAmount: 0,
|
|
uncompensatedAmount: 0,
|
|
totalCompensationAmount: 0,
|
|
insurancePrice: 0
|
|
} as any,
|
|
changeProjectIndex: -1,
|
|
insuranceDateTamp: new Date().getTime(),
|
|
claimToCompanyAccountDateTamp: new Date().getTime(),
|
|
claimToThirdAccountDateTamp: new Date().getTime()
|
|
},
|
|
showBoxInf(e: any) {
|
|
console.log(e);
|
|
let data: any = { ...this.data };
|
|
let { fieldname } = e.currentTarget.dataset;
|
|
// let detail = e.detail;
|
|
data.showBox[fieldname] = !data.showBox[fieldname];
|
|
this.setData(data);
|
|
},
|
|
pickerChange(event: any) {
|
|
//下拉框切换是否展示
|
|
let fieldName: any = event.currentTarget.dataset.fieldname;
|
|
let data: any = { ...this.data };
|
|
if (fieldName == 'yesOrNoSelectShow') {
|
|
let { fieldindex } = event.currentTarget.dataset;
|
|
data.changeProjectIndex = fieldindex;
|
|
}
|
|
data.showSelect[fieldName] = true;
|
|
this.setData(data);
|
|
},
|
|
hidePicker() {
|
|
let showSelect = this.data.showSelect;
|
|
showSelect = {
|
|
projectSelectShow: false,
|
|
contractSelectShow: false,
|
|
vehicleTypeSelectShow: false,
|
|
templateSelectShow: false,
|
|
yesOrNoSelectShow: false,
|
|
timeSelectShow: false
|
|
};
|
|
this.setData({
|
|
showSelect: showSelect
|
|
});
|
|
},
|
|
pickerConfirm(event: any) {
|
|
console.log(event);
|
|
//下拉框点击确认
|
|
let { fieldname, fieldindex } = event.currentTarget.dataset;
|
|
let detail = event.detail;
|
|
let data: any = { ...this.data };
|
|
if (fieldname === 'vehicleId') {
|
|
data.params[fieldname] = detail.value.value;
|
|
data[fieldindex] = detail.index;
|
|
data.params.projectId = data.vehicleOptionsList[detail.index].projectId;
|
|
data.params.projectId_dictText =
|
|
data.vehicleOptionsList[detail.index].projectId_dictText;
|
|
data.params.vehicleModel =
|
|
data.vehicleOptionsList[detail.index].vehicleModel;
|
|
data.params.vehicleType =
|
|
data.vehicleOptionsList[detail.index].vehicleType;
|
|
} else if (fieldname === 'checkStatus') {
|
|
console.log(data.params.projectList);
|
|
let index = data.changeProjectIndex;
|
|
data.params.projectList[index][fieldname] = detail.value.value;
|
|
// data[fieldindex] = detail.index;
|
|
console.log(data.params.projectList);
|
|
} else if (
|
|
fieldname === 'insuranceDate' ||
|
|
fieldname === 'claimToCompanyAccountDate' ||
|
|
fieldname === 'claimToThirdAccountDate'
|
|
) {
|
|
data.params[fieldname] = dayjs(new Date(detail)).format('YYYY-MM-DD');
|
|
data[fieldindex + 'Temp'] = detail;
|
|
} else {
|
|
data.params[fieldname] = detail.value.value;
|
|
data[fieldindex] = detail.index;
|
|
}
|
|
if (data.params[fieldname]) {
|
|
// delete data.requireObj[fieldname];
|
|
data.requireObj[fieldname] = '';
|
|
} else {
|
|
data.requireObj[fieldname] = '请填写';
|
|
}
|
|
console.log(this.data);
|
|
this.setData(data);
|
|
this.hidePicker();
|
|
},
|
|
changeAddress() {
|
|
let that = this;
|
|
let { params } = this.data;
|
|
if (this.data.params.checkAddress == '') {
|
|
wx.getLocation({
|
|
type: 'wgs84',
|
|
success(res) {
|
|
wx.chooseLocation({
|
|
latitude: res.latitude,
|
|
longitude: res.longitude,
|
|
success: function (data) {
|
|
console.log(data);
|
|
params.checkAddress = data.address;
|
|
console.log(params);
|
|
that.setData({
|
|
params: params
|
|
});
|
|
}
|
|
});
|
|
}
|
|
});
|
|
} else {
|
|
var _this = this;
|
|
qqmapsdk.search({
|
|
keyword: this.data.params.checkAddress,
|
|
success: function (res: any) {
|
|
if (res.status == 0) {
|
|
//成功后的回调
|
|
console.log(res);
|
|
// var res = res.result;
|
|
// _this.setData({
|
|
// signInAddress: res.result.address
|
|
// });
|
|
// _this.getCheckStatus();
|
|
wx.chooseLocation({
|
|
latitude: res.data[0].location.lat,
|
|
longitude: res.data[0].location.lng,
|
|
success: function (data) {
|
|
console.log(data);
|
|
params.checkAddress = data.address;
|
|
console.log(params);
|
|
that.setData({
|
|
params: params
|
|
});
|
|
}
|
|
});
|
|
} else {
|
|
// 位置信息获取失败
|
|
wx.showToast({
|
|
title: '位置信息获取失败',
|
|
icon: 'none'
|
|
});
|
|
}
|
|
}
|
|
});
|
|
}
|
|
},
|
|
getVehicleOptions() {
|
|
let parms = {
|
|
plateNumber: '',
|
|
pageSize: -1
|
|
};
|
|
getAction('api/vehicle/list', parms).then((res: any) => {
|
|
if (res.code == 200) {
|
|
let arr = [] as any;
|
|
res.result.records.forEach((item: any, index: number) => {
|
|
arr.push({
|
|
text: item.plateNumber,
|
|
value: item.id,
|
|
projectId: item.projectId,
|
|
projectId_dictText: item.projectId_dictText,
|
|
vehicleModel: item.vehicleModel,
|
|
vehicleType: item.vehicleType
|
|
});
|
|
if (
|
|
this.data.params.vehicleId != '' &&
|
|
this.data.params.vehicleId == item.id
|
|
) {
|
|
this.setData({
|
|
vehiclePickerIndex: index
|
|
});
|
|
}
|
|
});
|
|
this.setData({
|
|
vehicleOptionsList: arr
|
|
});
|
|
} else {
|
|
wx.showToast({
|
|
title: res.message,
|
|
icon: 'none'
|
|
});
|
|
}
|
|
});
|
|
},
|
|
getInsuranceCompanyOptions() {
|
|
getAction('api/base/insuranceCompany/insuranceCompanyList').then(
|
|
(res: any) => {
|
|
if (res.code == 200) {
|
|
let arr = [] as any;
|
|
res.result.forEach((item: any, index: number) => {
|
|
arr.push({
|
|
text: item.name,
|
|
value: item.id
|
|
});
|
|
if (
|
|
this.data.params.companyId != '' &&
|
|
this.data.params.companyId == item.id
|
|
) {
|
|
this.setData({
|
|
insuranceCompanyPickerIndex: index
|
|
});
|
|
}
|
|
});
|
|
this.setData({
|
|
insuranceCompanyList: arr
|
|
});
|
|
} else {
|
|
wx.showToast({
|
|
title: res.message,
|
|
icon: 'none'
|
|
});
|
|
}
|
|
}
|
|
);
|
|
},
|
|
getDictOptions(dictCode: string) {
|
|
getAction('api/sys/dict/getDictItems/' + dictCode).then((res: any) => {
|
|
if (res.code == 200) {
|
|
if (dictCode == 'contract_type') {
|
|
this.setData({
|
|
contractList: res.result,
|
|
contractPickerIndex: -1
|
|
});
|
|
if (this.data.params.contractId != '') {
|
|
let i = res.result.findIndex(
|
|
(x: any) => x.value == this.data.params.contractId
|
|
);
|
|
this.setData({
|
|
contractPickerIndex: i
|
|
});
|
|
}
|
|
} else if (dictCode == 'vehicle_type') {
|
|
this.setData({
|
|
vehicleTypeOptions: res.result,
|
|
vehicleTypeIndex: -1
|
|
// checkStatus: res.result[0]
|
|
});
|
|
if (this.data.params.vehicleType != '') {
|
|
let i = res.result.findIndex(
|
|
(x: any) => x.value == this.data.params.vehicleType
|
|
);
|
|
this.setData({
|
|
vehicleTypeIndex: i
|
|
});
|
|
}
|
|
} else {
|
|
}
|
|
} else {
|
|
wx.showToast({
|
|
title: res.message,
|
|
icon: 'none'
|
|
});
|
|
}
|
|
});
|
|
},
|
|
checkStatusOnChange(e: any) {
|
|
let index = e.currentTarget.dataset.pindex;
|
|
let data: any = { ...this.data };
|
|
data.params.projectList[index].checkStatus = e.detail;
|
|
this.setData(data);
|
|
},
|
|
getInput(e: any) {
|
|
console.log(e);
|
|
let { fieldname, fieldindex, fieldkey, type } = e.currentTarget.dataset;
|
|
let detail = e.detail;
|
|
let data: any = { ...this.data };
|
|
if (fieldname == 'projectList') {
|
|
data.params.projectList[fieldindex].remark = detail.value;
|
|
} else if (fieldname == 'vehicleList') {
|
|
data.params[fieldname][fieldindex][fieldkey] = detail.value;
|
|
} else if (type == 'number') {
|
|
let num = detail.value;
|
|
if (num < 0 || !num) {
|
|
data.params[fieldname] = 0;
|
|
} else {
|
|
data.params[fieldname] =
|
|
Number(detail.value) > 99999999
|
|
? 99999999
|
|
: Number(Number(detail.value).toFixed(2));
|
|
}
|
|
} else {
|
|
data.params[fieldname] = detail.value;
|
|
}
|
|
if (data.params[fieldname]) {
|
|
// delete data.requireObj[fieldname];
|
|
data.requireObj[fieldname] = '';
|
|
} else if (
|
|
data.params[fieldname] === '' ||
|
|
data.params[fieldname] === null
|
|
) {
|
|
data.requireObj[fieldname] = '请填写';
|
|
}
|
|
// 计算预估损失总金额
|
|
if (
|
|
fieldname == 'vehicleLossAmount' ||
|
|
fieldname == 'thirdPropertyDamageAmount' ||
|
|
fieldname == 'vehiclePersonalInjuryAmount' ||
|
|
fieldname == 'thirdPersonalInjuryAmount'
|
|
) {
|
|
data.params.estimatedTotalLossAmount = Number(
|
|
(
|
|
data.params.vehicleLossAmount +
|
|
data.params.thirdPropertyDamageAmount +
|
|
data.params.vehiclePersonalInjuryAmount +
|
|
data.params.thirdPersonalInjuryAmount
|
|
).toFixed(2)
|
|
);
|
|
}
|
|
// 计算出险理赔总金额
|
|
else if (
|
|
fieldname == 'claimToCompanyAccountAmount' ||
|
|
fieldname == 'claimToThirdAccountAmount' ||
|
|
fieldname == 'uncompensatedAmount'
|
|
) {
|
|
data.params.totalCompensationAmount = Number(
|
|
(
|
|
data.params.claimToCompanyAccountAmount +
|
|
data.params.claimToThirdAccountAmount
|
|
).toFixed(2)
|
|
);
|
|
data.params.insurancePrice = Number(
|
|
(
|
|
data.params.totalCompensationAmount + data.params.uncompensatedAmount
|
|
).toFixed(2)
|
|
);
|
|
}
|
|
this.setData(data);
|
|
},
|
|
clearVal(e: any) {
|
|
let { fieldname, fieldindex, fieldkey } = e.currentTarget.dataset;
|
|
let data: any = { ...this.data };
|
|
if (fieldname == 'projectList') {
|
|
data.params.projectList[fieldindex].remark = '';
|
|
} else if (fieldname == 'vehicleList') {
|
|
data.params[fieldname][fieldindex][fieldkey] = '';
|
|
} else {
|
|
data.params[fieldname] = '';
|
|
}
|
|
this.setData(data);
|
|
},
|
|
addRow(e: any) {
|
|
let { fieldname } = e.currentTarget.dataset;
|
|
let data: any = { ...this.data };
|
|
if (fieldname == 'vehicleList') {
|
|
data.params[fieldname].push({
|
|
vehicleNo: '',
|
|
frameNumber: ''
|
|
});
|
|
data.requireObj[fieldname].push({
|
|
vehicleNo: '',
|
|
frameNumber: ''
|
|
});
|
|
}
|
|
this.setData(data);
|
|
},
|
|
delRow(e: any) {
|
|
let { fieldname, fieldindex } = e.currentTarget.dataset;
|
|
let data: any = { ...this.data };
|
|
if (fieldname == 'vehicleList') {
|
|
let arr = data.params[fieldname],
|
|
value = data.params[fieldname][fieldindex];
|
|
let newSet = new Set(arr);
|
|
newSet.delete(value);
|
|
let newArr = [...newSet];
|
|
data.params[fieldname] = newArr;
|
|
let arr2 = data.requireObj[fieldname],
|
|
value2 = data.requireObj[fieldname][fieldindex];
|
|
let newSet2 = new Set(arr2);
|
|
newSet.delete(value2);
|
|
let newArr2 = [...newSet2];
|
|
data.requireObj[fieldname] = newArr2;
|
|
}
|
|
this.setData(data);
|
|
console.log(data);
|
|
},
|
|
radioOnChange(e: any) {
|
|
console.log(e);
|
|
let { fieldname } = e.currentTarget.dataset;
|
|
let data: any = { ...this.data };
|
|
data.params[fieldname] = e.detail;
|
|
this.setData(data);
|
|
},
|
|
// 上传
|
|
afterRead(e: any) {
|
|
console.log(e);
|
|
let { fieldname } = e.currentTarget.dataset;
|
|
const file = e.detail;
|
|
let option = {
|
|
name: 'file',
|
|
filePath: e.detail.file.url
|
|
};
|
|
upload('api/vehicles/repair/fileUpload', option).then((res: any) => {
|
|
let tempData = JSON.parse(res.data);
|
|
if (tempData.code == 200) {
|
|
let otherPhotoFile: any = this.data.params[fieldname + 'List'];
|
|
otherPhotoFile.push({ ...file, url: tempData.result.fileUrl });
|
|
let data: any = this.data;
|
|
let urls = '';
|
|
otherPhotoFile.forEach((p: any) => {
|
|
urls += p.url + ',';
|
|
});
|
|
urls = urls.slice(0, -1);
|
|
data.params[fieldname] = urls;
|
|
data.params[fieldname + 'List'] = otherPhotoFile;
|
|
console.log(data.params);
|
|
this.setData(data);
|
|
} else {
|
|
wx.showToast({
|
|
title: '上传失败，请重试',
|
|
icon: 'none'
|
|
});
|
|
}
|
|
});
|
|
},
|
|
deletePhoto(e: any) {
|
|
let { fieldname } = e.currentTarget.dataset;
|
|
let otherPhotoFile = this.data.params[fieldname + 'List'];
|
|
let index = e.detail.index;
|
|
otherPhotoFile.splice(index, 1);
|
|
let data: any = this.data;
|
|
let urls = '';
|
|
otherPhotoFile.forEach((p: any) => {
|
|
urls += p.url + ',';
|
|
});
|
|
urls = urls.slice(0, -1);
|
|
data.params[fieldname] = urls;
|
|
data.params[fieldname + 'List'] = otherPhotoFile;
|
|
this.setData(data);
|
|
},
|
|
isStepReady() {
|
|
//校验基础信息
|
|
let isAllReady = true;
|
|
let temp: any = this.data.requireObj;
|
|
let params: any = this.data.params;
|
|
for (let key in temp) {
|
|
if (key == 'id') {
|
|
continue;
|
|
}
|
|
if (key == 'vehicleList') {
|
|
params[key].forEach((item: any, index: number) => {
|
|
if (item.vehicleNo == '') {
|
|
isAllReady = false;
|
|
temp[key][index].vehicleNo = '请填写';
|
|
}
|
|
if (item.frameNumber == '') {
|
|
isAllReady = false;
|
|
temp[key][index].frameNumber = '请填写';
|
|
}
|
|
});
|
|
} else if (
|
|
key == 'insuranceDate' ||
|
|
key == 'claimToCompanyAccountDate' ||
|
|
key == 'claimToThirdAccountDate'
|
|
) {
|
|
let timeRegex =
|
|
/^(?:19|20)[0-9][0-9]-(?:(?:0[1-9])|(?:1[0-2]))-(?:(?:[0-2][1-9])|(?:[1-3][0-1]))$/;
|
|
if (!timeRegex.test(params[key])) {
|
|
isAllReady = false;
|
|
temp[key] = '请填写正确的时间';
|
|
}
|
|
// temp[key] = temp[key] ? temp[key] : '请填写正确的时间';
|
|
} else if (key == 'insurancePrice') {
|
|
// if(params[key] === '') {
|
|
// isAllReady = false;
|
|
// temp[key] = temp[key] ? temp[key] : '请填写';
|
|
// }
|
|
// 判断是否是正整数
|
|
let regPos = /^(([1-9]{1}\d*)|(0{1}))(\.\d{1,2})?$/;
|
|
console.log(!regPos.test(params[key]));
|
|
if (params[key] > 99999999) {
|
|
temp[key] = '赔偿金额上限为99999999';
|
|
}
|
|
if (!regPos.test(params[key])) {
|
|
isAllReady = false;
|
|
temp[key] = '理赔金额为正数且最多保留两位小数';
|
|
}
|
|
} else if (params[key] === '') {
|
|
isAllReady = false;
|
|
temp[key] = temp[key] ? temp[key] : '请填写';
|
|
} else {
|
|
temp[key] = this.checkStr(params[key]);
|
|
if (temp[key]) {
|
|
isAllReady = false;
|
|
}
|
|
}
|
|
}
|
|
this.setData({
|
|
requireObj: temp
|
|
});
|
|
console.log(temp, isAllReady);
|
|
return isAllReady;
|
|
},
|
|
checkStr(str: string) {
|
|
let returnStr = '';
|
|
let spaceRegex = /^\S*$/;
|
|
let regex = /[!@#$%^&*?><|\\\\]/;
|
|
let tooLong = str.length > 32;
|
|
if (!spaceRegex.test(str)) {
|
|
returnStr = '不支持含有空格';
|
|
} else if (regex.test(str)) {
|
|
returnStr = '不支持特殊字符';
|
|
} else if (tooLong) {
|
|
returnStr = '输入长度不得超过32个字符';
|
|
} else {
|
|
returnStr = '';
|
|
}
|
|
return returnStr;
|
|
},
|
|
formSubmit() {
|
|
if (!this.isStepReady()) {
|
|
wx.showToast({
|
|
title: '请填写完整对应信息',
|
|
icon: 'none'
|
|
});
|
|
// 验证是否非空
|
|
return;
|
|
}
|
|
// 验证非必填
|
|
if (this.data.params.remark) {
|
|
let msg = this.checkStr(this.data.params.remark);
|
|
if (msg) {
|
|
wx.showToast({
|
|
title: '备注：' + msg,
|
|
icon: 'none'
|
|
});
|
|
return;
|
|
}
|
|
}
|
|
wx.showLoading({
|
|
title: '保存中'
|
|
});
|
|
postAction('api/insuranceRecord/add', this.data.params).then((res: any) => {
|
|
wx.hideLoading();
|
|
if (res.code == 200) {
|
|
wx.showToast({
|
|
title: '提交成功',
|
|
icon: 'success'
|
|
});
|
|
setTimeout(() => {
|
|
wx.navigateBack({
|
|
delta: 1
|
|
});
|
|
}, 1000);
|
|
} else {
|
|
wx.showToast({
|
|
title: res.message,
|
|
icon: 'none'
|
|
});
|
|
}
|
|
});
|
|
},
|
|
/**
|
|
* 生命周期函数--监听页面加载
|
|
*/
|
|
onLoad() {
|
|
this.getVehicleOptions();
|
|
this.getInsuranceCompanyOptions();
|
|
},
|
|
|
|
/**
|
|
* 生命周期函数--监听页面初次渲染完成
|
|
*/
|
|
onReady() {},
|
|
|
|
/**
|
|
* 生命周期函数--监听页面显示
|
|
*/
|
|
onShow() {
|
|
this.setData({
|
|
insuranceDateTamp: new Date().getTime(),
|
|
claimToCompanyAccountDateTamp: new Date().getTime()
|
|
});
|
|
},
|
|
|
|
/**
|
|
* 生命周期函数--监听页面隐藏
|
|
*/
|
|
onHide() {},
|
|
|
|
/**
|
|
* 生命周期函数--监听页面卸载
|
|
*/
|
|
onUnload() {},
|
|
|
|
/**
|
|
* 页面相关事件处理函数--监听用户下拉动作
|
|
*/
|
|
onPullDownRefresh() {},
|
|
|
|
/**
|
|
* 页面上拉触底事件的处理函数
|
|
*/
|
|
onReachBottom() {},
|
|
|
|
/**
|
|
* 用户点击右上角分享
|
|
*/
|
|
onShareAppMessage() {}
|
|
});
|