init
This commit is contained in:
@@ -0,0 +1,11 @@
|
||||
{
|
||||
"usingComponents": {
|
||||
"van-picker": "@vant/weapp/picker/index",
|
||||
"van-datetime-picker": "@vant/weapp/datetime-picker/index",
|
||||
"van-popup": "@vant/weapp/popup/index",
|
||||
"van-radio": "@vant/weapp/radio/index",
|
||||
"van-radio-group": "@vant/weapp/radio-group/index",
|
||||
"van-uploader": "@vant/weapp/uploader/index"
|
||||
},
|
||||
"navigationBarTitleText": "出险上报"
|
||||
}
|
||||
@@ -0,0 +1,359 @@
|
||||
/* pages/insurancePolicyReport/insurancePolicyReport.wxss */
|
||||
page {
|
||||
height: 100vh;
|
||||
background: #EFF1F4;
|
||||
// overflow: hidden;
|
||||
position: relative;
|
||||
|
||||
.container {
|
||||
height: calc(100% - 62px);
|
||||
overflow-y: auto;
|
||||
|
||||
.content {
|
||||
background-color: #ffffff;
|
||||
font-size: 28rpx;
|
||||
padding: 28rpx 20rpx;
|
||||
margin-bottom: 16rpx;
|
||||
|
||||
.top {
|
||||
color: #333F53;
|
||||
font-size: 14px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
|
||||
.left {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
.line {
|
||||
width: 8rpx;
|
||||
height: 44rpx;
|
||||
background: linear-gradient(180deg, #4E87FC 0%, #38B1FE 100%);
|
||||
border-radius: 4rpx;
|
||||
margin-right: 16rpx;
|
||||
}
|
||||
|
||||
.title {
|
||||
color: #2E3A4F;
|
||||
font-weight: bold;
|
||||
}
|
||||
}
|
||||
|
||||
.right {
|
||||
display: flex;
|
||||
|
||||
.btn-add {
|
||||
padding: 8px 12px;
|
||||
margin-right: 8px;
|
||||
background: #E9F2FF;
|
||||
border-radius: 4px;
|
||||
border: 1px dashed #4381FC;
|
||||
color: #4381FC;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
image {
|
||||
width: 36rpx;
|
||||
height: 36rpx;
|
||||
margin-right: 8px;
|
||||
}
|
||||
}
|
||||
|
||||
.btn-re {
|
||||
padding: 8px 12px;
|
||||
margin-right: 8px;
|
||||
border-radius: 4px;
|
||||
border: 1px solid #D6D6D6;
|
||||
color: #2E3D52;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
image {
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
margin-right: 6px;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.val {}
|
||||
}
|
||||
|
||||
.btn {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
image {
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
margin-right: 6px;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.val {}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.box {
|
||||
padding: 10px 0 0;
|
||||
|
||||
.row {
|
||||
margin-bottom: 8px;
|
||||
color: #333F53;
|
||||
font-size: 14px;
|
||||
|
||||
.flex-between {
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.noalign-center {
|
||||
align-items: flex-start !important;
|
||||
}
|
||||
|
||||
>view {
|
||||
display: flex;
|
||||
// align-items: center;
|
||||
|
||||
.left {
|
||||
color: #858CA0;
|
||||
display: flex;
|
||||
|
||||
.require {
|
||||
color: #EA4955;
|
||||
}
|
||||
}
|
||||
|
||||
.right {
|
||||
max-width: 70%;
|
||||
min-width: 50%;
|
||||
text-align: right;
|
||||
.upload-box {
|
||||
width: 80px;
|
||||
height: 80px;
|
||||
background: #ECF1FF;
|
||||
border-radius: 4px;
|
||||
border: 1px dashed #4381FC;
|
||||
box-sizing: border-box;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
|
||||
image {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
margin: 16rpx 0 8rpx;
|
||||
}
|
||||
|
||||
.val {
|
||||
color: #4381FC;
|
||||
font-size: 14px;
|
||||
}
|
||||
}
|
||||
image {
|
||||
width: 84px;
|
||||
height: 84px;
|
||||
display: inline-block;
|
||||
margin-left: 6px;
|
||||
}
|
||||
|
||||
.select-box {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: flex-end;
|
||||
|
||||
.placeholder {
|
||||
color: #949CB5;
|
||||
}
|
||||
|
||||
.arrow {
|
||||
width: 0;
|
||||
height: 0;
|
||||
border-left: 13rpx solid transparent;
|
||||
border-right: 13rpx solid transparent;
|
||||
border-top: 15rpx solid #636B83;
|
||||
margin-left: 18rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.input-box {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: flex-end;
|
||||
|
||||
input {
|
||||
flex: 1;
|
||||
}
|
||||
.unit {
|
||||
margin-left: 4px;
|
||||
color: #636B83;
|
||||
font-size: 12px;
|
||||
}
|
||||
.clear-btn {
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
margin: 0 4px;
|
||||
|
||||
image {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.address-box {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
.val {
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
.icon {
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
|
||||
image {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
margin-left: 2px;
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.tips {
|
||||
color: #EA4955;
|
||||
text-align: right;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.row:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.row-w {
|
||||
margin-bottom: 0;
|
||||
background: #fff;
|
||||
padding: 10px 12px;
|
||||
border-bottom: 1px solid #E6EAF2;
|
||||
|
||||
.left,
|
||||
.right {
|
||||
color: #2F3B50 !important;
|
||||
}
|
||||
}
|
||||
|
||||
.row-w:first-child {
|
||||
border-radius: 4px 4px 0px 0px;
|
||||
}
|
||||
|
||||
.row:last-child {
|
||||
border-radius: 0px 0px 4px 4px;
|
||||
}
|
||||
.row-nowarp {
|
||||
flex-wrap: wrap;
|
||||
.left {
|
||||
width: 100%;
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
.right {
|
||||
width: 100% !important;
|
||||
max-width: 100% !important;
|
||||
text-align-last: left;
|
||||
}
|
||||
}
|
||||
.box-g {
|
||||
padding: 12px;
|
||||
margin-bottom: 8px;
|
||||
background: #ECEFF5;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.box-g:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.btn-box {
|
||||
margin-top: 8px;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
|
||||
.btn-del {
|
||||
padding: 2px 16px;
|
||||
background: #FFEEEE;
|
||||
border-radius: 4px;
|
||||
border: 1px solid #FDD0DD;
|
||||
color: #FA5955;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.bottom {
|
||||
width: 100%;
|
||||
padding: 16px 12px 30px;
|
||||
background: #fff;
|
||||
box-sizing: border-box;
|
||||
border-radius: 8px 8px 0 0;
|
||||
box-shadow: 0px -2px 12px 0px rgba(0, 0, 0, 0.2);
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
|
||||
.btn-box {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
flex-wrap: wrap;
|
||||
|
||||
.btn {
|
||||
width: 100%;
|
||||
height: 40px;
|
||||
line-height: 40px;
|
||||
border-radius: 8px;
|
||||
background: linear-gradient(90deg, #3B7CFC 0%, #548BFC 100%);
|
||||
color: #fff;
|
||||
font-size: 30rpx;
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.btn1,
|
||||
.btn2 {
|
||||
width: calc((100% - 12px) / 2);
|
||||
}
|
||||
|
||||
.btn1 {
|
||||
background: #fff;
|
||||
border: 1px solid #d6d6d6;
|
||||
box-sizing: border-box;
|
||||
color: #2E3A4F;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.van-uploader__preview-delete {
|
||||
.van-uploader__preview-delete-icon {
|
||||
transform: scale(.7) translate(0,0);
|
||||
}
|
||||
}
|
||||
.van-uploader__preview-delete:after {
|
||||
background-color: #F56B6B !important;
|
||||
border-top-left-radius: 12px !important;
|
||||
border-top-right-radius: 12px !important;
|
||||
border-bottom-right-radius: 12px !important;
|
||||
border-bottom-left-radius: 12px !important;
|
||||
}
|
||||
@@ -0,0 +1,691 @@
|
||||
// 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() {}
|
||||
});
|
||||
@@ -0,0 +1,525 @@
|
||||
<!--pages/insurancePolicyReport/insurancePolicyReport.wxml-->
|
||||
<view class="container">
|
||||
<view class="content">
|
||||
<view class="top">
|
||||
<view class="left">
|
||||
<view class="line"></view>
|
||||
<view class="title">基本信息</view>
|
||||
</view>
|
||||
<view class="right">
|
||||
<view class="btn" wx:if="{{showBox.base}}" data-fieldName="base" catch:tap="showBoxInf">
|
||||
<image src="../../images/icon_up.png" mode="" />
|
||||
<view class="val">收起</view>
|
||||
</view>
|
||||
<view class="btn" wx:if="{{!showBox.base}}" data-fieldName="base" catch:tap="showBoxInf">
|
||||
<image src="../../images/icon_down.png" mode="" />
|
||||
<view class="val">展开</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="box" wx:if="{{showBox.base}}">
|
||||
<view class="row">
|
||||
<view class="flex-between">
|
||||
<view class="left">
|
||||
<view class="require">*</view>车牌号
|
||||
</view>
|
||||
<view class="right">
|
||||
<!-- {{item.vehicleId_dictText}} -->
|
||||
<view class="select-box" data-fieldName="vehicleSelectShow" catch:tap="pickerChange">
|
||||
<view wx:if="{{params.vehicleId}}">{{vehicleOptionsList[vehiclePickerIndex].text}}</view>
|
||||
<view class="placeholder" wx:else>请选择</view>
|
||||
<view class="arrow"></view>
|
||||
</view>
|
||||
<view class="tips" wx:if="{{requireObj.vehicleId != ''}}">{{requireObj.vehicleId}}</view>
|
||||
</view>
|
||||
</view>
|
||||
<!-- 项目下拉选择 -->
|
||||
<van-popup show="{{showSelect.vehicleSelectShow}}" position="bottom" bind:close="hidePicker">
|
||||
<van-picker data-fieldname="vehicleId" data-fieldindex="vehiclePickerIndex" show-toolbar columns="{{vehicleOptionsList}}" bind:confirm="pickerConfirm" bind:cancel="hidePicker">
|
||||
</van-picker>
|
||||
</van-popup>
|
||||
</view>
|
||||
<view class="box-g">
|
||||
<view class="row">
|
||||
<view class="flex-between">
|
||||
<view class="left">
|
||||
<view class="require">*</view>所属项目
|
||||
</view>
|
||||
<view class="right">
|
||||
{{params.projectId_dictText ? params.projectId_dictText : '/'}}
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="content">
|
||||
<view class="top">
|
||||
<view class="left">
|
||||
<view class="line"></view>
|
||||
<view class="title">出险信息</view>
|
||||
</view>
|
||||
<view class="right">
|
||||
<view class="btn" wx:if="{{showBox.vehicle}}" data-fieldName="vehicle" catch:tap="showBoxInf">
|
||||
<image src="../../images/icon_up.png" mode="" />
|
||||
<view class="val">收起</view>
|
||||
</view>
|
||||
<view class="btn" wx:if="{{!showBox.vehicle}}" data-fieldName="vehicle" catch:tap="showBoxInf">
|
||||
<image src="../../images/icon_down.png" mode="" />
|
||||
<view class="val">展开</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="box" wx:if="{{showBox.vehicle}}">
|
||||
<view class="row">
|
||||
<view class="flex-between">
|
||||
<view class="left">
|
||||
<view class="require">*</view>保险公司
|
||||
</view>
|
||||
<view class="right">
|
||||
<view class="select-box" data-fieldName="insuranceCompanySelectShow" catch:tap="pickerChange">
|
||||
<view wx:if="{{params.companyId}}">{{insuranceCompanyList[insuranceCompanyPickerIndex].text}}</view>
|
||||
<view class="placeholder" wx:else>请选择</view>
|
||||
<view class="arrow"></view>
|
||||
</view>
|
||||
<view class="tips" wx:if="{{requireObj.companyId != ''}}">{{requireObj.companyId}}</view>
|
||||
</view>
|
||||
</view>
|
||||
<van-popup show="{{showSelect.insuranceCompanySelectShow}}" position="bottom" bind:close="hidePicker">
|
||||
<van-picker data-fieldname="companyId" data-fieldindex="insuranceCompanyPickerIndex" show-toolbar columns="{{insuranceCompanyList}}" bind:confirm="pickerConfirm" bind:cancel="hidePicker">
|
||||
</van-picker>
|
||||
</van-popup>
|
||||
</view>
|
||||
<view class="row">
|
||||
<view class="flex-between">
|
||||
<view class="left">
|
||||
<view class="require">*</view>出险日期
|
||||
</view>
|
||||
<view class="right">
|
||||
<view class="select-box" data-fieldName="timeSelectShow" catch:tap="pickerChange">
|
||||
<view wx:if="{{params.insuranceDate}}">{{params.insuranceDate}}</view>
|
||||
<view class="placeholder" wx:else>请选择</view>
|
||||
<view class="arrow"></view>
|
||||
</view>
|
||||
<view class="tips" wx:if="{{requireObj.insuranceDate != ''}}">{{requireObj.insuranceDate}}</view>
|
||||
</view>
|
||||
</view>
|
||||
<van-popup show="{{showSelect.timeSelectShow}}" position="bottom" bind:close="hidePicker">
|
||||
<van-datetime-picker type="date" value="{{ insuranceDateTamp }}" data-fieldName="insuranceDate" bind:cancel="hidePicker" bind:confirm="pickerConfirm" />
|
||||
</van-popup>
|
||||
</view>
|
||||
<view class="row">
|
||||
<view class="flex-between">
|
||||
<view class="left">
|
||||
<view class="require">*</view>事故号
|
||||
</view>
|
||||
<view class="right">
|
||||
<view class="input-box">
|
||||
<input value="{{params.insuranceNo}}" placeholder="请输入" type="text" data-fieldName="insuranceNo" bindinput="getInput" />
|
||||
<view class="clear-btn" data-fieldName="insuranceNo" catch:tap="clearVal">
|
||||
<image src="../../images/icon_delete.png" mode="" />
|
||||
</view>
|
||||
</view>
|
||||
<view class="tips" wx:if="{{requireObj.insuranceNo != ''}}">{{requireObj.insuranceNo}}</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<!-- <view class="row">
|
||||
<view class="flex-between">
|
||||
<view class="left"><view class="require">*</view>理赔金额</view>
|
||||
<view class="right">
|
||||
<view class="input-box">
|
||||
<input value="{{params.insurancePrice}}" placeholder="请输入" type="digit" data-fieldName="insurancePrice" bindinput="getInput" />
|
||||
<view class="unit">元</view>
|
||||
</view>
|
||||
<view class="tips" wx:if="{{requireObj.insurancePrice != ''}}">{{requireObj.insurancePrice}}</view>
|
||||
</view>
|
||||
</view>
|
||||
</view> -->
|
||||
<view class="row">
|
||||
<view class="flex-between">
|
||||
<view class="left">
|
||||
<view class="require">*</view>处理人
|
||||
</view>
|
||||
<view class="right">
|
||||
<view class="input-box">
|
||||
<input value="{{params.handleUser}}" placeholder="请输入" type="text" data-fieldName="handleUser" bindinput="getInput" />
|
||||
<view class="clear-btn" data-fieldName="handleUser" catch:tap="clearVal">
|
||||
<image src="../../images/icon_delete.png" mode="" />
|
||||
</view>
|
||||
</view>
|
||||
<view class="tips" wx:if="{{requireObj.handleUser != ''}}">{{requireObj.handleUser}}</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="row">
|
||||
<view class="flex-between">
|
||||
<view class="left">
|
||||
<view class="require">*</view>处理结果
|
||||
</view>
|
||||
<view class="right">
|
||||
<!-- <view class="input-box">
|
||||
<input value="{{params.handleStatus}}" placeholder="请输入" type="text" data-fieldName="handleStatus" bindinput="getInput" />
|
||||
<view class="clear-btn" data-fieldName="handleStatus" catch:tap="clearVal">
|
||||
<image src="../../images/icon_delete.png" mode=""/>
|
||||
</view>
|
||||
</view> -->
|
||||
<view class="select-box" data-fieldName="handleStatusSelectShow" catch:tap="pickerChange">
|
||||
<view wx:if="{{params.handleStatus !== ''}}">{{yesOrNoOptions[handleStatusPickerIndex].text}}</view>
|
||||
<view class="placeholder" wx:else>请选择</view>
|
||||
<view class="arrow"></view>
|
||||
</view>
|
||||
<view class="tips" wx:if="{{requireObj.handleStatus != ''}}">{{requireObj.handleStatus}}</view>
|
||||
</view>
|
||||
</view>
|
||||
<van-popup show="{{showSelect.handleStatusSelectShow}}" position="bottom" bind:close="hidePicker">
|
||||
<van-picker data-fieldname="handleStatus" data-fieldindex="handleStatusPickerIndex" show-toolbar columns="{{yesOrNoOptions}}" bind:confirm="pickerConfirm" bind:cancel="hidePicker">
|
||||
</van-picker>
|
||||
</van-popup>
|
||||
</view>
|
||||
<view class="row">
|
||||
<view class="flex-between">
|
||||
<view class="left">备注</view>
|
||||
<view class="right">
|
||||
<view class="input-box">
|
||||
<input value="{{params.remark}}" placeholder="请输入" type="text" data-fieldName="remark" bindinput="getInput" />
|
||||
<view class="clear-btn" data-fieldName="remark" catch:tap="clearVal">
|
||||
<image src="../../images/icon_delete.png" mode="" />
|
||||
</view>
|
||||
</view>
|
||||
<view class="tips" wx:if="{{requireObj.remark != ''}}">{{requireObj.remark}}</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="content">
|
||||
<view class="top">
|
||||
<view class="left">
|
||||
<view class="line"></view>
|
||||
<view class="title">损失情况</view>
|
||||
</view>
|
||||
<view class="right">
|
||||
<view class="btn" wx:if="{{showBox.lost}}" data-fieldName="lost" catch:tap="showBoxInf">
|
||||
<image src="../../images/icon_up.png" mode="" />
|
||||
<view class="val">收起</view>
|
||||
</view>
|
||||
<view class="btn" wx:if="{{!showBox.lost}}" data-fieldName="lost" catch:tap="showBoxInf">
|
||||
<image src="../../images/icon_down.png" mode="" />
|
||||
<view class="val">展开</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="box" wx:if="{{showBox.lost}}">
|
||||
<view class="row">
|
||||
<view class="flex-between">
|
||||
<view class="left">
|
||||
<view class="require">*</view>标的车损失金额
|
||||
</view>
|
||||
<view class="right">
|
||||
<view class="input-box">
|
||||
<input value="{{params.vehicleLossAmount}}" placeholder="请输入" type="digit" data-fieldName="vehicleLossAmount" data-type='number' bindblur="getInput" />
|
||||
<view class="unit">元</view>
|
||||
</view>
|
||||
<view class="tips" wx:if="{{requireObj.vehicleLossAmount != ''}}">{{requireObj.vehicleLossAmount}}</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="row">
|
||||
<view class="flex-between">
|
||||
<view class="left">
|
||||
<view class="require">*</view>第三方物损金额
|
||||
</view>
|
||||
<view class="right">
|
||||
<view class="input-box">
|
||||
<input value="{{params.thirdPropertyDamageAmount}}" placeholder="请输入" type="digit" data-fieldName="thirdPropertyDamageAmount" data-type='number' bindblur="getInput" />
|
||||
<view class="unit">元</view>
|
||||
</view>
|
||||
<view class="tips" wx:if="{{requireObj.thirdPropertyDamageAmount != ''}}">{{requireObj.thirdPropertyDamageAmount}}</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="row">
|
||||
<view class="flex-between">
|
||||
<view class="left">
|
||||
<view class="require">*</view>标的车人伤金额
|
||||
</view>
|
||||
<view class="right">
|
||||
<view class="input-box">
|
||||
<input value="{{params.vehiclePersonalInjuryAmount}}" placeholder="请输入" type="digit" data-fieldName="vehiclePersonalInjuryAmount" data-type='number' bindblur="getInput" />
|
||||
<view class="unit">元</view>
|
||||
</view>
|
||||
<view class="tips" wx:if="{{requireObj.vehiclePersonalInjuryAmount != ''}}">{{requireObj.vehiclePersonalInjuryAmount}}</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="row">
|
||||
<view class="flex-between">
|
||||
<view class="left">
|
||||
<view class="require">*</view>第三方人损金额
|
||||
</view>
|
||||
<view class="right">
|
||||
<view class="input-box">
|
||||
<input value="{{params.thirdPersonalInjuryAmount}}" placeholder="请输入" type="digit" data-fieldName="thirdPersonalInjuryAmount" data-type='number' bindblur="getInput" />
|
||||
<view class="unit">元</view>
|
||||
</view>
|
||||
<view class="tips" wx:if="{{requireObj.thirdPersonalInjuryAmount != ''}}">{{requireObj.thirdPersonalInjuryAmount}}</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="box-g">
|
||||
<view class="row">
|
||||
<view class="flex-between">
|
||||
<view class="left">
|
||||
<view class="require">*</view>预估损失总金额
|
||||
</view>
|
||||
<view class="right">
|
||||
<view class="input-box">
|
||||
<input value="{{params.estimatedTotalLossAmount}}" placeholder="自动计算" type="digit" data-fieldName="estimatedTotalLossAmount" disabled />
|
||||
<view class="unit">元</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="content">
|
||||
<view class="top">
|
||||
<view class="left">
|
||||
<view class="line"></view>
|
||||
<view class="title">保险理赔</view>
|
||||
</view>
|
||||
<view class="right">
|
||||
<view class="btn" wx:if="{{showBox.insurance}}" data-fieldName="insurance" catch:tap="showBoxInf">
|
||||
<image src="../../images/icon_up.png" mode="" />
|
||||
<view class="val">收起</view>
|
||||
</view>
|
||||
<view class="btn" wx:if="{{!showBox.insurance}}" data-fieldName="insurance" catch:tap="showBoxInf">
|
||||
<image src="../../images/icon_down.png" mode="" />
|
||||
<view class="val">展开</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="box" wx:if="{{showBox.insurance}}">
|
||||
<view class="row">
|
||||
<view class="flex-between">
|
||||
<view class="left">
|
||||
<view class="require">*</view>理赔至公司账户日期
|
||||
</view>
|
||||
<view class="right">
|
||||
<view class="select-box" data-fieldName="claimToCompanyAccountDate" catch:tap="pickerChange">
|
||||
<view wx:if="{{params.claimToCompanyAccountDate}}">{{params.claimToCompanyAccountDate}}</view>
|
||||
<view class="placeholder" wx:else>请选择</view>
|
||||
<view class="arrow"></view>
|
||||
</view>
|
||||
<view class="tips" wx:if="{{requireObj.claimToCompanyAccountDate != ''}}">{{requireObj.claimToCompanyAccountDate}}</view>
|
||||
</view>
|
||||
</view>
|
||||
<van-popup show="{{showSelect.claimToCompanyAccountDate}}" position="bottom" bind:close="hidePicker">
|
||||
<van-datetime-picker type="date" value="{{ claimToCompanyAccountDateTamp }}" data-fieldName="claimToCompanyAccountDate" bind:cancel="hidePicker" bind:confirm="pickerConfirm" />
|
||||
</van-popup>
|
||||
</view>
|
||||
<view class="row">
|
||||
<view class="flex-between">
|
||||
<view class="left">
|
||||
<view class="require">*</view>理赔至第三方账户日期
|
||||
</view>
|
||||
<view class="right">
|
||||
<view class="select-box" data-fieldName="claimToThirdAccountDate" catch:tap="pickerChange">
|
||||
<view wx:if="{{params.claimToThirdAccountDate}}">{{params.claimToThirdAccountDate}}</view>
|
||||
<view class="placeholder" wx:else>请选择</view>
|
||||
<view class="arrow"></view>
|
||||
</view>
|
||||
<view class="tips" wx:if="{{requireObj.claimToThirdAccountDate != ''}}">{{requireObj.claimToThirdAccountDate}}</view>
|
||||
</view>
|
||||
</view>
|
||||
<van-popup show="{{showSelect.claimToThirdAccountDate}}" position="bottom" bind:close="hidePicker">
|
||||
<van-datetime-picker type="date" value="{{ claimToThirdAccountDateTamp }}" data-fieldName="claimToThirdAccountDate" bind:cancel="hidePicker" bind:confirm="pickerConfirm" />
|
||||
</van-popup>
|
||||
</view>
|
||||
<view class="row">
|
||||
<view class="flex-between">
|
||||
<view class="left">
|
||||
<view class="require">*</view>理赔至公司账户金额
|
||||
</view>
|
||||
<view class="right">
|
||||
<view class="input-box">
|
||||
<input value="{{params.claimToCompanyAccountAmount}}" placeholder="请输入" type="digit" data-fieldName="claimToCompanyAccountAmount" data-type='number' bindblur="getInput" />
|
||||
<view class="unit">元</view>
|
||||
</view>
|
||||
<view class="tips" wx:if="{{requireObj.claimToCompanyAccountAmount != ''}}">{{requireObj.claimToCompanyAccountAmount}}</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="row">
|
||||
<view class="flex-between">
|
||||
<view class="left">
|
||||
<view class="require">*</view>理赔至第三方账户金额
|
||||
</view>
|
||||
<view class="right">
|
||||
<view class="input-box">
|
||||
<input value="{{params.claimToThirdAccountAmount}}" placeholder="请输入" type="digit" data-fieldName="claimToThirdAccountAmount" data-type='number' bindblur="getInput" />
|
||||
<view class="unit">元</view>
|
||||
</view>
|
||||
<view class="tips" wx:if="{{requireObj.claimToThirdAccountAmount != ''}}">{{requireObj.claimToThirdAccountAmount}}</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="content">
|
||||
<view class="top">
|
||||
<view class="left">
|
||||
<view class="line"></view>
|
||||
<view class="title">理赔金额统计</view>
|
||||
</view>
|
||||
<view class="right">
|
||||
<view class="btn" wx:if="{{showBox.insuranceCost}}" data-fieldName="insuranceCost" catch:tap="showBoxInf">
|
||||
<image src="../../images/icon_up.png" mode="" />
|
||||
<view class="val">收起</view>
|
||||
</view>
|
||||
<view class="btn" wx:if="{{!showBox.insuranceCost}}" data-fieldName="insuranceCost" catch:tap="showBoxInf">
|
||||
<image src="../../images/icon_down.png" mode="" />
|
||||
<view class="val">展开</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="box" wx:if="{{showBox.insuranceCost}}">
|
||||
<view class="box-g">
|
||||
<view class="row">
|
||||
<view class="flex-between">
|
||||
<view class="left">
|
||||
<view class="require">*</view>出险理赔总金额
|
||||
</view>
|
||||
<view class="right">
|
||||
<view class="input-box">
|
||||
<input value="{{params.totalCompensationAmount}}" placeholder="自动计算" type="digit" data-fieldName="totalCompensationAmount" disabled />
|
||||
<view class="unit">元</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="row">
|
||||
<view class="flex-between">
|
||||
<view class="left">
|
||||
<view class="require">*</view>出险未理赔金额
|
||||
</view>
|
||||
<view class="right">
|
||||
<view class="input-box">
|
||||
<input value="{{params.uncompensatedAmount}}" placeholder="请输入" type="digit" data-fieldName="uncompensatedAmount" data-type='number' bindblur="getInput" />
|
||||
<view class="unit">元</view>
|
||||
</view>
|
||||
<view class="tips" wx:if="{{requireObj.uncompensatedAmount != ''}}">{{requireObj.uncompensatedAmount}}</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="box-g">
|
||||
<view class="row">
|
||||
<view class="flex-between">
|
||||
<view class="left">
|
||||
<view class="require">*</view>案件实际发生总金额
|
||||
</view>
|
||||
<view class="right">
|
||||
<view class="input-box">
|
||||
<input value="{{params.insurancePrice}}" placeholder="自动计算" type="digit" data-fieldName="insurancePrice" disabled />
|
||||
<view class="unit">元</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="content">
|
||||
<view class="top">
|
||||
<view class="left">
|
||||
<view class="line"></view>
|
||||
<view class="title">定损理赔资料</view>
|
||||
</view>
|
||||
<view class="right">
|
||||
<view class="btn" wx:if="{{showBox.check}}" data-fieldName="check" catch:tap="showBoxInf">
|
||||
<image src="../../images/icon_up.png" mode="" />
|
||||
<view class="val">收起</view>
|
||||
</view>
|
||||
<view class="btn" wx:if="{{!showBox.check}}" data-fieldName="check" catch:tap="showBoxInf">
|
||||
<image src="../../images/icon_down.png" mode="" />
|
||||
<view class="val">展开</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="box" wx:if="{{showBox.check}}">
|
||||
<view class="row">
|
||||
<view class="row-nowarp">
|
||||
<view class="left">事故认定书</view>
|
||||
<view class="right">
|
||||
<van-uploader file-list="{{ params.accidentUrlList }}" deletable="{{ true }}" max-count="10" data-fieldName="accidentUrl" bind:after-read="afterRead" bind:delete="deletePhoto">
|
||||
<view class="upload-box">
|
||||
<image src="../../images/icon_upload.png" mode="" />
|
||||
<view class="val">上传图片</view>
|
||||
</view>
|
||||
</van-uploader>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="row">
|
||||
<view class="row-nowarp">
|
||||
<view class="left">赔偿协议书</view>
|
||||
<view class="right">
|
||||
<van-uploader file-list="{{ params.compensateAgreementUrlList }}" deletable="{{ true }}" max-count="10" data-fieldName="compensateAgreementUrl" bind:after-read="afterRead" bind:delete="deletePhoto">
|
||||
<view class="upload-box">
|
||||
<image src="../../images/icon_upload.png" mode="" />
|
||||
<view class="val">上传图片</view>
|
||||
</view>
|
||||
</van-uploader>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="row">
|
||||
<view class="row-nowarp">
|
||||
<view class="left">定损单</view>
|
||||
<view class="right">
|
||||
<van-uploader file-list="{{ params.lossAssessmentUrlList }}" deletable="{{ true }}" max-count="10" data-fieldName="lossAssessmentUrl" bind:after-read="afterRead" bind:delete="deletePhoto">
|
||||
<view class="upload-box">
|
||||
<image src="../../images/icon_upload.png" mode="" />
|
||||
<view class="val">上传图片</view>
|
||||
</view>
|
||||
</van-uploader>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="row">
|
||||
<view class="row-nowarp">
|
||||
<view class="left">理赔单据</view>
|
||||
<view class="right">
|
||||
<van-uploader file-list="{{ params.compensateUrlList }}" deletable="{{ true }}" max-count="10" data-fieldName="compensateUrl" bind:after-read="afterRead" bind:delete="deletePhoto">
|
||||
<view class="upload-box">
|
||||
<image src="../../images/icon_upload.png" mode="" />
|
||||
<view class="val">上传图片</view>
|
||||
</view>
|
||||
</van-uploader>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="row">
|
||||
<view class="row-nowarp">
|
||||
<view class="left">其他</view>
|
||||
<view class="right">
|
||||
<van-uploader file-list="{{ params.otherUrlList }}" deletable="{{ true }}" max-count="10" data-fieldName="otherUrl" bind:after-read="afterRead" bind:delete="deletePhoto">
|
||||
<view class="upload-box">
|
||||
<image src="../../images/icon_upload.png" mode="" />
|
||||
<view class="val">上传图片</view>
|
||||
</view>
|
||||
</van-uploader>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="bottom">
|
||||
<view class="btn-box">
|
||||
<view class="btn" catch:tap="formSubmit">保存</view>
|
||||
</view>
|
||||
</view>
|
||||
Reference in New Issue
Block a user