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,9 @@
{
"usingComponents": {
"van-picker": "@vant/weapp/picker/index",
"van-datetime-picker": "@vant/weapp/datetime-picker/index",
"van-popup": "@vant/weapp/popup/index",
"van-uploader": "@vant/weapp/uploader/index"
},
"navigationBarTitleText": "事件处理"
}
@@ -0,0 +1,301 @@
/* pages/eventReport/eventReportFeedback/eventReportFeedback.wxss */
page {
height: 100vh;
background: #EFF1F4;
// overflow: hidden;
position: relative;
.container {
height: calc(100% - 88px);
overflow-y: auto;
.content {
background-color: #ffffff;
font-size: 28rpx;
// padding: 28rpx 20rpx;
padding: 0rpx 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 {
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;
padding: 10px 6px;
border-bottom: 1px solid #E6EAF2;
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;
}
.clear-btn {
width: 12px;
height: 12px;
margin: 0 4px;
image {
width: 100%;
height: 100%;
display: block;
}
}
}
.textarea-box {
textarea {
width: 100%;
height: 64px;
}
}
.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;
}
}
.r100 {
width: 100%;
max-width: 100%;
margin-top: 10px;
display: block;
text-align: left;
}
}
}
.row:last-child {
margin-bottom: 0;
border-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;
}
.no-flex {
display: block !important;
}
.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,396 @@
// pages/eventReport/eventReportFeedback/eventReportFeedback.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: {
showSelect: {
timeSelectShow: false
} as any,
requireObj: {
// eventId: '',
handleTime: '',
handleResult: ''
},
params: {
eventId: '',
handleTime: '',
handleResult: '',
handleFile: '',
handleFileList: [] as any
} as any,
handleTimestamp: new Date().getTime(),
detailInf: {} as any,
userInf: {} as any
},
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 === 'projectId') {
data.params[fieldname] = detail.value.value;
data[fieldindex] = detail.index;
}
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 === 'handleTime') {
console.log(data.params.reportTime);
data.params[fieldname] = dayjs(new Date(detail)).format(
'YYYY-MM-DD HH:mm'
);
console.log(data.params[fieldname]);
} 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();
},
// 获取维保员
getByRoleCode() {
let params = {
// roleCode: ''
};
getAction('api/user/getByRoleCode', params).then((res: any) => {
if (res.code == 200) {
// let data: any = { ...this.data };
// data.params.userList = res.result;
// this.setData(data);
// console.log(this.data.params);
let arr = [] as any;
res.result.forEach((item: any, index: number) => {
arr.push({
text: item.realname,
value: item.id
});
if (
this.data.params.checkUserId != '' &&
this.data.params.checkUserId == item.id
) {
this.setData({
checkUserPickerIndex: index
});
}
if (
this.data.params.acceptUserId != '' &&
this.data.params.acceptUserId == item.id
) {
this.setData({
acceptUserPickerIndex: index
});
}
});
this.setData({
userList: arr
});
} 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 } = 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 == 'reportTime') {
data.reportTimestamp = detail;
data.params[fieldindex] = dayjs(detail).format('YYYY-MM-DD HH:mm');
} else {
data.params[fieldname] = detail.value;
}
if (data.params[fieldname]) {
// delete data.requireObj[fieldname];
data.requireObj[fieldname] = '';
} else {
data.requireObj[fieldname] = '此项为必填项';
}
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);
},
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/event/info/upload', 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 == 'handleTime') {
let timeRegex =
/^(?:19|20)[0-9][0-9]-(?:(?:0[1-9])|(?:1[0-2]))-(?:(?:[0-2][1-9])|(?:[1-3][0-1])) (?:(?:[0-2][0-3])|(?:[0-1][0-9])):[0-5][0-9]$/;
if (!timeRegex.test(params[key])) {
isAllReady = false;
temp[key] = '请填写正确的时间';
}
// temp[key] = temp[key] ? temp[key] : '请填写正确的时间';
} else if (key == 'phoneNumber') {
let timeRegex = /^(?:(?:\+|00)86)?1[3-9]\d{9}$/;
if (!timeRegex.test(params[key])) {
isAllReady = false;
temp[key] = '请填写正确的联系电话';
}
} else if (key == 'handleResult') {
// 空格输入校验
let spaceRegex = /^\S*$/;
let regex = /[!@#$%^&*?><|\\\\]/;
let tooLong = temp[key].length > 500;
if (!params[key]) {
temp[key] = '此项为必填项';
} else if (params[key] && !spaceRegex.test(params[key])) {
temp[key] = '不支持含有空格';
} else if (params[key] && regex.test(params[key])) {
temp[key] = '不支持特殊字符';
} else if (params[key] && tooLong) {
temp[key] = '输入长度不得超过500个字符';
} else {
temp[key] = '';
}
if (temp[key]) {
isAllReady = false;
}
} 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;
}
wx.showLoading({
title: '处理中'
});
postAction('api/event/info/handle', this.data.params).then((res: any) => {
wx.hideLoading();
if (res.code == 200) {
wx.showToast({
title: '处理成功',
icon: 'success'
});
setTimeout(() => {
wx.navigateBack({
delta: 2
});
}, 500);
} else {
wx.showToast({
title: res.message,
icon: 'none'
});
}
});
},
/**
* 生命周期函数--监听页面加载
*/
onLoad() {
// this.getByRoleCode();
let userInf = wx.getStorageSync('userInfo');
this.setData({
userInf: userInf
});
// 接收传参
const eventChannel = this.getOpenerEventChannel();
eventChannel &&
eventChannel.on &&
eventChannel.on('eventName', data => {
console.log('接收参数', data);
let params = this.data.params;
params.eventId = data.id;
this.setData({
detailInf: data,
params: params
});
});
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady() {},
/**
* 生命周期函数--监听页面显示
*/
onShow() {},
/**
* 生命周期函数--监听页面隐藏
*/
onHide() {},
/**
* 生命周期函数--监听页面卸载
*/
onUnload() {},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh() {},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom() {},
/**
* 用户点击右上角分享
*/
onShareAppMessage() {}
});
@@ -0,0 +1,85 @@
<!--pages/eventReport/eventReportFeedback/eventReportFeedback.wxml-->
<view class="container">
<view class="content">
<view class="box">
<van-popup show="{{showSelect.eventCategoryShow}}" position="bottom" bind:close="hidePicker">
<van-picker data-fieldname="eventCategory" data-fieldindex="eventCategoryPickerIndex" show-toolbar
columns="{{eventCategoryOptions}}" bind:confirm="pickerConfirm" bind:cancel="hidePicker">
</van-picker>
</van-popup>
<view class="row">
<view class="flex-between">
<view class="left"><view class="require">*</view>实际处理人</view>
<view class="right">
<!-- <view class="select-box" data-fieldName="acceptUserShow" catch:tap="pickerChange">
<view wx:if="{{params.acceptUserId}}">{{userList[acceptUserPickerIndex].text}}</view>
<view class="placeholder" wx:else>请选择</view>
<view class="arrow"></view>
</view>
<view class="tips" wx:if="{{requireObj.acceptUserId != ''}}">{{requireObj.acceptUserId}}</view> -->
<view class="val">{{userInf.realname}}</view>
</view>
</view>
</view>
<van-popup show="{{showSelect.acceptUserShow}}" position="bottom" bind:close="hidePicker">
<van-picker data-fieldname="acceptUserId" data-fieldindex="acceptUserPickerIndex" show-toolbar
columns="{{userList}}" bind:confirm="pickerConfirm" bind:cancel="hidePicker">
</van-picker>
</van-popup>
<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.handleTime}}">{{params.handleTime}}</view>
<view class="placeholder" wx:else>请选择</view>
<view class="arrow"></view>
</view>
<view class="tips" wx:if="{{requireObj.handleTime != ''}}">{{requireObj.handleTime}}</view>
</view>
</view>
<van-popup show="{{showSelect.timeSelectShow}}" position="bottom" bind:close="hidePicker">
<van-datetime-picker value="{{ handleTimestamp }}" data-fieldName="handleTime" bind:cancel="hidePicker" bind:confirm="pickerConfirm" />
</van-popup>
</view>
<view class="row">
<view class="no-flex">
<view class="left"><view class="require">*</view>处理结论</view>
<view class="right r100">
<view class="textarea-box">
<textarea value="{{params.handleResult}}" placeholder-style="color:#949CB5;" placeholder="请输入(限制500中英字符)" type="text" data-fieldName="handleResult" bindinput="getInput" />
<!-- <view class="clear-btn" data-fieldName="handleResult" catch:tap="clearVal">
<image src="../../../images/icon_delete.png" mode=""/>
</view> -->
</view>
<view class="tips" wx:if="{{requireObj.handleResult != ''}}">{{requireObj.handleResult}}</view>
</view>
</view>
</view>
<view class="row">
<view class="no-flex">
<view class="left">验收单</view>
<view class="right r100">
<van-uploader
file-list="{{ params.handleFileList }}"
deletable="{{ true }}"
max-count="10"
data-fieldName="handleFile"
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>