This commit is contained in:
2025-06-19 17:33:18 +08:00
commit f8f31dc4d9
437 changed files with 103080 additions and 0 deletions
@@ -0,0 +1,7 @@
{
"usingComponents": {
"g-upload": "/components/uploadPic/uploadPic",
"van-uploader": "@vant/weapp/uploader/index"
},
"navigationBarTitleText": "出险处理反馈"
}
@@ -0,0 +1,150 @@
/* pages/backlog/insuranceFeedback/insuranceFeedback.wxss */
.container {
height: 100vh;
padding-top: 2px;
box-sizing: border-box;
background: #EFF1F4;
overflow: hidden;
position: relative;
.content {
max-height: calc(100vh - 110px);
padding: 12px 8px 4px;
background: #fff;
border-radius: 0 0 8px 8px;
overflow-y: auto;
.row {
width: 100%;
min-height: 36px;
padding: 8px 10px;
margin-bottom: 8px;
box-sizing: border-box;
box-shadow: 0px 1px 0px 0px #E6EAF2;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
position: relative;
.label {
color: #2F3B50;
font-size: 14px;
}
.select {
width: 70%;
position: absolute;
right: 10px;
picker {
width: 100%;
text-align: right;
position: relative;
.picker {
width: 100%;
height: 38px;
padding-right: 20px;
box-sizing: border-box;
// border: 1px solid #E6EAF2;
border-radius: 4px;
font-size: 14px;
display: flex;
justify-content: flex-end;
align-items: center;
}
.picker::after {
content: '';
width: 0;
height: 0;
border-top: 6px solid #636B83;
border-right: 6px solid transparent;
border-bottom: 6px solid transparent;
border-left: 6px solid transparent;
position: absolute;
top: 50%;
right: 4px;
transform: translateY(-2px);
}
}
}
.val {
display: flex;
align-items: center;
input {
text-align: right;
}
.unit {
width: 24rpx;
margin-left: 6px;
color: #636B83;
font-size: 28rpx;
white-space: nowrap;
}
}
.marker {
width: 100%;
margin-top: 8px;
color: #949CB5;
font-size: 14px;
}
.upload {
width: 100%;
margin-top: 8px;
.upload-box {
width: 80px;
height: 80px;
background: #ECF1FF;
border-radius: 4px;
border: 1px dashed #4381FC;
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;
}
}
}
}
}
.bottom {
width: 100%;
padding: 22px 10px;
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;
.btn {
width: 100%;
height: 40px;
line-height: 40px;
border-radius: 8px;
background: linear-gradient(90deg, #3B7CFC 0%, #548BFC 100%);
color: #fff;
font-weight: bold;
text-align: center;
}
}
}
}
.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,386 @@
// pages/backlog/insuranceFeedback/insuranceFeedback.ts
import { putAction, upload, getAction } from '../../../api/base';
Page({
/**
* 页面的初始数据
*/
data: {
detailInf: {} as any,
options: [],
selectIndex: 0,
selectOption: {} as any,
marker: '',
photoList: {
accidentUrl: [],
compensateAgreementUrl: [],
lossAssessmentUrl: [],
compensateUrl: [],
otherUrl: [],
accidentUrlStr: '',
compensateAgreementUrlStr: '',
lossAssessmentUrlStr: '',
compensateUrlStr: '',
otherUrlStr: ''
} as any,
uploadUrl: 'api/vehicles/accidentInfo/upload'
},
initPhotoList() {
let tmp = this.data.photoList;
// 回显用
let tmp2: any = Object.assign({}, this.data.photoList);
for (let key in tmp) {
if (this.data.detailInf[key]) {
tmp[key] = this.data.detailInf[key].split(',');
// 回显用
tmp[key].forEach((item: any) => {
tmp2[key].push({
fileUrl: item
});
});
}
}
this.setData({
photoList: tmp
});
// this.selectComponent('#accidentUrl').initPhotoList(tmp2.accidentUrl);
console.log(this.data.photoList);
},
getInsuranceCompanyList() {
getAction('api/base/insuranceCompany/insuranceCompanyList')
.then((res: any) => {
if (res.code == 200) {
console.log(res);
let selectIndex = res.result.findIndex(
(x: any) => x.id == this.data.detailInf.companyId
);
this.setData({
options: res.result,
selectIndex: selectIndex,
selectOption: res.result[selectIndex]
});
} else {
wx.showToast({
title: res.message,
icon: 'none'
});
}
})
.catch((err: any) => {
this.setData({
loading: false
});
wx.showToast({
title: err.message,
icon: 'none'
});
});
},
bindPicker(e: any) {
console.log(e.detail.value);
let index = Number(e.detail.value);
this.setData({
selectIndex: index,
selectOption: this.data.options[index]
});
},
getVal(e: any) {
console.log(e);
let tmp = this.data.detailInf;
let key = e.currentTarget.dataset.key;
if (key == 'insurancePrice') {
let detail = e.detail;
tmp[key] = Number(detail.value) > 99999999 ? 99999999 : detail.value;
} else {
tmp[key] = e.detail.value;
}
this.setData({
detailInf: tmp
});
},
onClose() {
this.setData({
show: false
});
},
returnPic(e: any) {
console.log(e.detail.photoList);
let urlList = [] as any;
e.detail.photoList.forEach((item: any) => {
urlList.push(item.fileUrl);
});
let tmp = this.data.photoList;
tmp[e.currentTarget.dataset.key] = urlList;
this.setData({
photoList: tmp
});
},
// 上传
afterRead(e: any) {
console.log(e);
let { fieldname } = e.currentTarget.dataset;
const file = e.detail;
let option = {
name: 'file',
filePath: e.detail.file.url
};
this.setData({
uploading: true
});
upload('api/vehicleCheck/upload', option).then((res: any) => {
this.setData({
uploading: false
});
let tempData = JSON.parse(res.data);
if (tempData.code == 200) {
let otherPhotoFile: any = this.data.photoList[fieldname];
otherPhotoFile.push({ ...file, url: tempData.result.fileUrl });
let data: any = this.data;
let urls = '' as any;
otherPhotoFile.forEach((p: any) => {
urls += p.url + ',';
});
urls = urls.slice(0, -1);
data.photoList[fieldname + 'Str'] = urls;
data.photoList[fieldname] = otherPhotoFile;
console.log(data.photoList);
this.setData(data);
} else {
wx.showToast({
title: '上传失败,请重试',
icon: 'none'
});
}
});
},
deletePhoto(e: any) {
let { fieldname } = e.currentTarget.dataset;
let otherPhotoFile = this.data.photoList[fieldname + 'List'];
let index = e.detail.index;
otherPhotoFile.splice(index, 1);
let data: any = this.data;
let urls = '' as any;
otherPhotoFile.forEach((p: any) => {
urls += p.url + ',';
});
urls = urls.slice(0, -1);
data.photoList[fieldname + 'Str'] = urls;
data.photoList[fieldname] = otherPhotoFile;
this.setData(data);
},
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;
},
bindSend() {
let parms = this.data.detailInf;
parms = Object.assign(parms, {
accidentUrl: this.data.photoList.accidentUrlStr,
compensateAgreementUrl: this.data.photoList.compensateAgreementUrlStr,
lossAssessmentUrl: this.data.photoList.lossAssessmentUrlStr,
compensateUrl: this.data.photoList.compensateUrlStr,
otherUrl: this.data.photoList.otherUrlStr
});
// 验证非必填
if (parms.insuranceNo) {
let msg = this.checkStr(parms.insuranceNo);
if (msg) {
wx.showToast({
title: '理赔案号:' + msg,
icon: 'none'
});
return;
}
}
if (parms.insurancePrice) {
let regPos = /^(([1-9]{1}\d*)|(0{1}))(\.\d{1,2})?$/;
let msg = !regPos.test(parms.insurancePrice);
if (parms.insurancePrice > 99999999) {
wx.showToast({
title: '赔偿金额上限为99999999',
icon: 'none'
});
return;
}
if (msg) {
wx.showToast({
title: '赔偿金额为正数且最多保留两位小数',
icon: 'none'
});
return;
}
}
if (parms.handleUser) {
let msg = this.checkStr(parms.insuranceNo);
if (msg) {
wx.showToast({
title: '处理人:' + msg,
icon: 'none'
});
return;
}
}
if (parms.remark) {
let msg = this.checkStr(parms.remark);
if (msg) {
wx.showToast({
title: '备注:' + msg,
icon: 'none'
});
return;
}
}
wx.showLoading({
title: '提交中',
icon: 'none'
});
putAction('api/insuranceRecord/edit', parms).then((res: any) => {
wx.hideLoading();
if (res.code == 200) {
console.log(res.result);
// setTimeout(() => {
// wx.navigateBack({ delta: 2 });
// }, 1500);
wx.navigateTo({
url: '../backlogFeedback/backlogFeedback',
fail: e => {
console.log(e);
}
});
} else {
wx.showToast({
title: res.message,
icon: 'none'
});
}
});
},
/**
* 生命周期函数--监听页面加载
*/
onLoad() {
console.log('onLoad');
// 接收传参
const eventChannel = this.getOpenerEventChannel();
eventChannel &&
eventChannel.on &&
eventChannel.on('eventName', data => {
console.log('接收参数', data);
let picList = this.data.photoList;
if (data.accidentUrl) {
for (let i = 0; i < data.accidentUrl.split(',').length; i++) {
let pic = data.accidentUrl.split(',')[i];
picList.accidentUrlStr = data.accidentUrl;
picList.accidentUrl.push({
url: pic,
name: ''
});
}
}
if (data.compensateAgreementUrl) {
for (
let i = 0;
i < data.compensateAgreementUrl.split(',').length;
i++
) {
let pic = data.compensateAgreementUrl.split(',')[i];
picList.compensateAgreementUrlStr = data.compensateAgreementUrl;
picList.compensateAgreementUrl.push({
url: pic,
name: ''
});
}
}
if (data.compensateUrl) {
for (let i = 0; i < data.compensateUrl.split(',').length; i++) {
let pic = data.compensateUrl.split(',')[i];
picList.compensateUrlStr = data.compensateUrl;
picList.compensateUrl.push({
url: pic,
name: ''
});
}
}
if (data.lossAssessmentUrl) {
for (let i = 0; i < data.lossAssessmentUrl.split(',').length; i++) {
let pic = data.lossAssessmentUrl.split(',')[i];
picList.lossAssessmentUrlStr = data.lossAssessmentUrl;
picList.lossAssessmentUrl.push({
url: pic,
name: ''
});
}
}
if (data.otherUrl) {
for (let i = 0; i < data.otherUrl.split(',').length; i++) {
let pic = data.otherUrl.split(',')[i];
picList.otherUrlStr = data.otherUrl;
picList.otherUrl.push({
url: pic,
name: ''
});
}
}
console.log(picList);
this.setData({
detailInf: data,
photoList: picList
});
// this.initPhotoList();
this.getInsuranceCompanyList();
});
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady() {
console.log('onReady');
},
/**
* 生命周期函数--监听页面显示
*/
onShow() {},
/**
* 生命周期函数--监听页面隐藏
*/
onHide() {},
/**
* 生命周期函数--监听页面卸载
*/
onUnload() {},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh() {},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom() {},
/**
* 用户点击右上角分享
*/
onShareAppMessage() {}
});
@@ -0,0 +1,197 @@
<!--pages/backlog/insuranceFeedback/insuranceFeedback.wxml-->
<view class="container">
<view class="content">
<view class="row">
<view class="label">保险公司</view>
<view class="select">
<picker bindchange="bindPicker" value="{{selectIndex}}" range-key="name" range="{{options}}">
<view class="picker project-select">
{{options[selectIndex].name}}
</view>
</picker>
</view>
</view>
<view class="row">
<view class="label">理赔案号</view>
<view class="val">
<input
type="text"
placeholder="请输入"
placeholder-style="color: #949CB5; font-size: 28rpx;"
value="{{detailInf.insuranceNo}}"
data-key="insuranceNo"
bindinput="getVal"/>
</view>
</view>
<view class="row">
<view class="label">赔偿金额</view>
<view class="val">
<input
type="digit"
placeholder="请输入"
placeholder-style="color: #949CB5; font-size: 28rpx;"
value="{{detailInf.insurancePrice}}"
data-key="insurancePrice"
bindinput="getVal"/>
<view class="unit">元</view>
</view>
</view>
<view class="row">
<view class="label">处理人</view>
<view class="val">
<input
type="text"
placeholder="请输入"
placeholder-style="color: #949CB5; font-size: 28rpx;"
value="{{detailInf.handleUser}}"
data-key="handleUser"
bindinput="getVal"/>
</view>
</view>
<view class="row">
<view class="label">备注</view>
<view class="marker">
<textarea
type="text"
placeholder="请输入备注"
style="height: 96rpx;"
placeholder-style="color: #949CB5; font-size: 28rpx; font-weight: 400;"
value="{{detailInf.marker}}"
data-key="marker"
bindinput="getVal"/>
</view>
</view>
<view class="row">
<view class="label">事故认定书</view>
<view class="upload">
<!-- <g-upload
id="accidentUrl"
maxLength="{{10}}"
picList="{{photoList.accidentUrllist}}"
uploadUrl="{{uploadUrl}}"
data-key="accidentUrl"
bind:returnPic="returnPic"></g-upload> -->
<van-uploader
file-list="{{ photoList.accidentUrl }}"
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 class="row">
<view class="label">赔偿协议书</view>
<view class="upload">
<!-- <g-upload
maxLength="{{10}}"
picList="{{photoList.compensateAgreementUrllist}}"
uploadUrl="{{uploadUrl}}"
data-key="compensateAgreementUrl"
bind:returnPic="returnPic"></g-upload>
-->
<van-uploader
file-list="{{ photoList.compensateAgreementUrl }}"
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 class="row">
<view class="label">定损单</view>
<view class="upload">
<!-- <g-upload
maxLength="{{10}}"
picList="{{photoList.lossAssessmentUrllist}}"
uploadUrl="{{uploadUrl}}"
data-key="lossAssessmentUrl"
bind:returnPic="returnPic"></g-upload> -->
<van-uploader
file-list="{{ photoList.lossAssessmentUrl }}"
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 class="row">
<view class="label">理赔单据</view>
<view class="upload">
<!-- <g-upload
maxLength="{{10}}"
picList="{{photoList.compensateUrllist}}"
uploadUrl="{{uploadUrl}}"
data-key="compensateUrl"
bind:returnPic="returnPic"></g-upload> -->
<van-uploader
file-list="{{ photoList.compensateUrl }}"
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 class="row">
<view class="label">其他</view>
<view class="upload">
<!-- <g-upload
maxLength="{{10}}"
picList="{{photoList.otherUrllist}}"
uploadUrl="{{uploadUrl}}"
data-key="otherUrl"
bind:returnPic="returnPic"></g-upload> -->
<van-uploader
file-list="{{ photoList.otherUrl }}"
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 class="bottom">
<view class="btn-box">
<view class="btn" catch:tap="bindSend">提交</view>
</view>
</view>
<van-popup show="{{ show }}" position="bottom" bind:close="onClose">
<van-datetime-picker
type="datetime"
value="{{ currentDate }}"
bind:confirm="dateOnInput"
bind:cancel="onClose"
/>
</van-popup>
</view>