init
This commit is contained in:
@@ -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,311 @@
|
||||
/* pages/eventReport/eventReportAdd/eventReportAdd.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;
|
||||
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 0;
|
||||
border-bottom: 2rpx 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 {
|
||||
width: 70%;
|
||||
// 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;
|
||||
}
|
||||
}
|
||||
.upload {
|
||||
width: 76%;
|
||||
max-width: fit-content;
|
||||
// image {
|
||||
// width: calc(((100vw - 40rpx) * 0.7 - 12px) / 3) !important;
|
||||
// height: calc(((100vw - 40rpx) * 0.7 - 12px) / 3) !important;
|
||||
// display: inline-block;
|
||||
// margin-left: 0;
|
||||
// }
|
||||
}
|
||||
.r100 {
|
||||
width: 100%;
|
||||
max-width: 100%;
|
||||
margin-top: 10px;
|
||||
display: block;
|
||||
text-align: left;
|
||||
}
|
||||
}
|
||||
}
|
||||
.no-flex {
|
||||
display: block !important;
|
||||
}
|
||||
.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;
|
||||
}
|
||||
.box-g {
|
||||
padding: 12px;
|
||||
// margin-bottom: 8px;
|
||||
background: #ECEFF5;
|
||||
border-radius: 4px;
|
||||
.row {
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
.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,618 @@
|
||||
// pages/eventReport/eventReportAdd/eventReportAdd.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: {
|
||||
projectSelectShow: false,
|
||||
eventCategoryShow: false,
|
||||
yesOrNoSelectShow: false,
|
||||
timeSelectShow: false,
|
||||
userSelectShow: false
|
||||
} as any,
|
||||
projectOptionsList: [],
|
||||
projectPickerIndex: -1,
|
||||
eventCategoryOptions: [], // 事件分类
|
||||
eventCategoryIndex: -1,
|
||||
userList: [],
|
||||
checkUserPickerIndex: -1,
|
||||
acceptUserPickerIndex: -1,
|
||||
yesOrNoOptions: [
|
||||
{
|
||||
text: '是',
|
||||
value: 1
|
||||
},
|
||||
{
|
||||
text: '否',
|
||||
value: 0
|
||||
}
|
||||
],
|
||||
requireObj: {
|
||||
projectId: '',
|
||||
eventTheme: '',
|
||||
eventCategory: '',
|
||||
reportTime: '',
|
||||
phoneNumber: '',
|
||||
eventText: ''
|
||||
},
|
||||
params: {
|
||||
projectId: '',
|
||||
eventTheme: '',
|
||||
eventCategory: '',
|
||||
reportTime: '',
|
||||
phoneNumber: '',
|
||||
eventText: '',
|
||||
remark: '',
|
||||
fileUrl: '',
|
||||
fileUrlList: [] as any
|
||||
} as any,
|
||||
changeProjectIndex: -1,
|
||||
reportTimestamp: new Date().getTime(),
|
||||
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;
|
||||
} else if (fieldName === 'timeSelectShow') {
|
||||
if (!data.params.reportTime) {
|
||||
data.reportTimestamp = new Date().getTime();
|
||||
}
|
||||
}
|
||||
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 === 'reportTime') {
|
||||
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();
|
||||
},
|
||||
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'
|
||||
});
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
},
|
||||
getProjectOptions() {
|
||||
getAction('api/projects/list').then((res: any) => {
|
||||
if (res.code == 200) {
|
||||
let arr = [] as any;
|
||||
res.result.forEach((item: any, index: number) => {
|
||||
arr.push({
|
||||
text: item.projectName,
|
||||
value: item.id
|
||||
});
|
||||
if (
|
||||
this.data.params.projectId != '' &&
|
||||
this.data.params.projectId == item.id
|
||||
) {
|
||||
this.setData({
|
||||
projectPickerIndex: index
|
||||
});
|
||||
}
|
||||
});
|
||||
this.setData({
|
||||
projectOptionsList: 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 == 'event_category') {
|
||||
this.setData({
|
||||
eventCategoryOptions: res.result,
|
||||
eventCategoryIndex: -1
|
||||
// checkStatus: res.result[0]
|
||||
});
|
||||
if (this.data.params.eventCategory != '') {
|
||||
let i = res.result.findIndex(
|
||||
(x: any) => x.value == this.data.params.eventCategory
|
||||
);
|
||||
this.setData({
|
||||
eventCategoryIndex: i
|
||||
});
|
||||
}
|
||||
} else {
|
||||
}
|
||||
} else {
|
||||
wx.showToast({
|
||||
title: res.message,
|
||||
icon: 'none'
|
||||
});
|
||||
}
|
||||
});
|
||||
},
|
||||
// 获取维保员
|
||||
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);
|
||||
},
|
||||
addRow(e: any) {
|
||||
console.log(123);
|
||||
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/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);
|
||||
},
|
||||
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;
|
||||
},
|
||||
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 == 'reportTime') {
|
||||
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 == 'eventText') {
|
||||
// 空格输入校验
|
||||
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;
|
||||
},
|
||||
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/event/info/add', this.data.params).then((res: any) => {
|
||||
wx.hideLoading();
|
||||
if (res.code == 200) {
|
||||
wx.showToast({
|
||||
title: '保存成功',
|
||||
icon: 'success'
|
||||
});
|
||||
wx.navigateBack({
|
||||
delta: 1
|
||||
});
|
||||
} else {
|
||||
wx.showToast({
|
||||
title: res.message,
|
||||
icon: 'none'
|
||||
});
|
||||
}
|
||||
});
|
||||
},
|
||||
/**
|
||||
* 生命周期函数--监听页面加载
|
||||
*/
|
||||
onLoad() {
|
||||
this.getProjectOptions();
|
||||
this.getDictOptions('event_category');
|
||||
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);
|
||||
|
||||
// data.fileUrlList = [];
|
||||
// if (data.fileUrl) {
|
||||
// for (let i = 0; i < data.fileUrl.split(',').length; i++) {
|
||||
// let pic = data.fileUrl.split(',')[i];
|
||||
// data.fileUrlList.push({
|
||||
// url: pic,
|
||||
// name: ''
|
||||
// });
|
||||
// }
|
||||
// }
|
||||
// this.setData({
|
||||
// params: data,
|
||||
// checkTimeTamp: new Date(data.checkTime).getTime()
|
||||
// });
|
||||
// });
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面初次渲染完成
|
||||
*/
|
||||
onReady() {
|
||||
// this.getProjectOptions()
|
||||
// this.getDictOptions('contract_type')
|
||||
// this.getDictOptions('vehicle_type')
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面显示
|
||||
*/
|
||||
onShow() {
|
||||
this.setData({
|
||||
reportTimestamp: new Date().getTime()
|
||||
});
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面隐藏
|
||||
*/
|
||||
onHide() {},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面卸载
|
||||
*/
|
||||
onUnload() {},
|
||||
|
||||
/**
|
||||
* 页面相关事件处理函数--监听用户下拉动作
|
||||
*/
|
||||
onPullDownRefresh() {},
|
||||
|
||||
/**
|
||||
* 页面上拉触底事件的处理函数
|
||||
*/
|
||||
onReachBottom() {},
|
||||
|
||||
/**
|
||||
* 用户点击右上角分享
|
||||
*/
|
||||
onShareAppMessage() {}
|
||||
});
|
||||
@@ -0,0 +1,182 @@
|
||||
<!--pages/eventReport/eventReportAdd/eventReportAdd.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>
|
||||
</view>
|
||||
<view class="box">
|
||||
<view class="row">
|
||||
<view class="flex-between noalign-center">
|
||||
<view class="left">
|
||||
<view class="require">*</view>所属项目
|
||||
</view>
|
||||
<view class="right">
|
||||
<!-- {{item.projectId_dictText}} -->
|
||||
<view class="select-box" data-fieldName="projectSelectShow" catch:tap="pickerChange">
|
||||
<view wx:if="{{params.projectId}}">{{projectOptionsList[projectPickerIndex].text}}</view>
|
||||
<view class="placeholder" wx:else>请选择</view>
|
||||
<view class="arrow"></view>
|
||||
</view>
|
||||
<view class="tips" wx:if="{{requireObj.projectId != ''}}">{{requireObj.projectId}}</view>
|
||||
</view>
|
||||
</view>
|
||||
<!-- 项目下拉选择 -->
|
||||
<van-popup show="{{showSelect.projectSelectShow}}" position="bottom" bind:close="hidePicker">
|
||||
<van-picker data-fieldname="projectId" data-fieldindex="projectPickerIndex" show-toolbar
|
||||
columns="{{projectOptionsList}}" bind:confirm="pickerConfirm" bind:cancel="hidePicker">
|
||||
</van-picker>
|
||||
</van-popup>
|
||||
</view>
|
||||
<view class="row">
|
||||
<view class="flex-between noalign-center">
|
||||
<view class="left"><view class="require">*</view>事件主题</view>
|
||||
<view class="right">
|
||||
<view class="input-box">
|
||||
<input value="{{params.eventTheme}}" placeholder="请输入" type="text" data-fieldName="eventTheme" bindinput="getInput" />
|
||||
<view class="clear-btn" data-fieldName="eventTheme" catch:tap="clearVal">
|
||||
<image src="../../../images/icon_delete.png" mode=""/>
|
||||
</view>
|
||||
</view>
|
||||
<view class="tips" wx:if="{{requireObj.eventTheme != ''}}">{{requireObj.eventTheme}}</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>
|
||||
</view>
|
||||
<view class="box">
|
||||
<view class="row">
|
||||
<view class="flex-between noalign-center">
|
||||
<view class="left"><view class="require">*</view>事件分类</view>
|
||||
<view class="right">
|
||||
<view class="select-box" data-fieldName="eventCategoryShow" catch:tap="pickerChange">
|
||||
<view wx:if="{{params.eventCategory}}">{{eventCategoryOptions[eventCategoryPickerIndex].text}}</view>
|
||||
<view class="placeholder" wx:else>请选择</view>
|
||||
<view class="arrow"></view>
|
||||
</view>
|
||||
<view class="tips" wx:if="{{requireObj.eventCategory != ''}}">{{requireObj.eventCategory}}</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<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 noalign-center">
|
||||
<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.reportTime}}">{{params.reportTime}}</view>
|
||||
<view class="placeholder" wx:else>请选择</view>
|
||||
<view class="arrow"></view>
|
||||
</view>
|
||||
<view class="tips" wx:if="{{requireObj.reportTime != ''}}">{{requireObj.reportTime}}</view>
|
||||
</view>
|
||||
</view>
|
||||
<van-popup show="{{showSelect.timeSelectShow}}" position="bottom" bind:close="hidePicker">
|
||||
<van-datetime-picker value="{{ reportTimestamp }}" data-fieldName="reportTime" bind:cancel="hidePicker" bind:confirm="pickerConfirm" />
|
||||
</van-popup>
|
||||
</view>
|
||||
<view class="box-g">
|
||||
<view class="row">
|
||||
<view class="flex-between noalign-center">
|
||||
<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>
|
||||
</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 noalign-center">
|
||||
<view class="left"><view class="require">*</view>联系电话</view>
|
||||
<view class="right">
|
||||
<view class="input-box">
|
||||
<input value="{{params.phoneNumber}}" placeholder="请输入" type="text" data-fieldName="phoneNumber" bindinput="getInput" />
|
||||
<view class="clear-btn" data-fieldName="phoneNumber" catch:tap="clearVal">
|
||||
<image src="../../../images/icon_delete.png" mode=""/>
|
||||
</view>
|
||||
</view>
|
||||
<view class="tips" wx:if="{{requireObj.phoneNumber != ''}}">{{requireObj.phoneNumber}}</view>
|
||||
</view>
|
||||
</view>
|
||||
</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.eventText}}" placeholder-style="color:#949CB5;" placeholder="请输入(限制500中英字符)" type="text" data-fieldName="eventText" bindinput="getInput" />
|
||||
<!-- <view class="clear-btn" data-fieldName="eventText" catch:tap="clearVal">
|
||||
<image src="../../../images/icon_delete.png" mode=""/>
|
||||
</view> -->
|
||||
</view>
|
||||
<view class="tips" wx:if="{{requireObj.eventText != ''}}">{{requireObj.eventText}}</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="row">
|
||||
<view class="flex-between noalign-center">
|
||||
<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>
|
||||
</view>
|
||||
</view>
|
||||
<view class="row">
|
||||
<view class="no-flex">
|
||||
<view class="left">附件</view>
|
||||
<view class="right r100 upload">
|
||||
<van-uploader
|
||||
file-list="{{ params.fileUrlList }}"
|
||||
deletable="{{ true }}"
|
||||
max-count="10"
|
||||
data-fieldName="fileUrl"
|
||||
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>
|
||||
@@ -0,0 +1,7 @@
|
||||
{
|
||||
"usingComponents": {
|
||||
"van-dialog": "@vant/weapp/dialog/index",
|
||||
"van-uploader": "@vant/weapp/uploader/index"
|
||||
},
|
||||
"navigationBarTitleText": "事件上报详情"
|
||||
}
|
||||
@@ -0,0 +1,223 @@
|
||||
/* pages/eventReport/eventReportDetail/eventReportDetail.wxss */
|
||||
.container {
|
||||
height: 100vh;
|
||||
padding-top: 2px;
|
||||
box-sizing: border-box;
|
||||
background: #EFF1F4;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
.bg {
|
||||
width: 100%;
|
||||
height: 250px;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
image {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
.top {
|
||||
margin: 8px 8px 10px;
|
||||
padding: 12px 10px;
|
||||
margin-bottom: 8px;
|
||||
background: #fff;
|
||||
border-radius: 8px;
|
||||
position: relative;
|
||||
.row:first-child {
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
.row {
|
||||
margin-bottom: 4px;
|
||||
color: #2E3A4F;
|
||||
font-size: 28rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
.title {
|
||||
font-size: 30rpx;
|
||||
font-weight: bold;
|
||||
}
|
||||
.time {
|
||||
color: #858CA0;
|
||||
}
|
||||
.type {
|
||||
width: 104rpx;
|
||||
height: 32rpx;
|
||||
padding: 4rpx;
|
||||
margin-left: 16rpx;
|
||||
line-height: 32rpx;
|
||||
// background: linear-gradient(270deg, #4CDBAD 0%, #2FCBAB 100%);
|
||||
background: linear-gradient(90deg, #0D92FF 0%, #38B1FE 100%);
|
||||
border-radius: 2px;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
}
|
||||
.type-g {
|
||||
background: linear-gradient(270deg, #A1A8BB 0%, #838EAA 100%);
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
.detail-container {
|
||||
height: calc(100vh - 72px - 80px - 40px);
|
||||
box-sizing: border-box;
|
||||
padding: 0px 8px 0px;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
.tabs-one {
|
||||
background: transparent !important;
|
||||
}
|
||||
.tabs {
|
||||
display: flex;
|
||||
background: #E2F3FE;
|
||||
border-radius: 8px 8px 0 0;
|
||||
overflow: hidden;
|
||||
.tab {
|
||||
width: 50%;
|
||||
height: 40px;
|
||||
line-height: 40px;
|
||||
color: #959595;
|
||||
font-size: 16px;
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
position: relative;
|
||||
.bg {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
image {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
.value {
|
||||
position: relative;
|
||||
}
|
||||
}
|
||||
.active {
|
||||
// background: #fff;
|
||||
color: #4381FC;
|
||||
}
|
||||
.active::after {
|
||||
content: '';
|
||||
width: 26px;
|
||||
height: 4px;
|
||||
background: linear-gradient(90deg, #3B7CFC 0%, #548BFC 100%);
|
||||
border-radius: 2px;
|
||||
position: absolute;
|
||||
bottom: 2px;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
}
|
||||
.content-borderall {
|
||||
border-radius: 8px;
|
||||
}
|
||||
.content-nobtn{
|
||||
max-height: calc(100vh - 76px - 40px - 136px) !important;
|
||||
}
|
||||
.content {
|
||||
max-height: calc(100vh - 76px - 40px - 136px);
|
||||
padding: 12px 10px;
|
||||
// box-sizing: border-box;
|
||||
border-radius: 0px 0px 8px 8px;
|
||||
background: #fff;
|
||||
overflow-y: auto;
|
||||
.row {
|
||||
margin-bottom: 8px;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
// align-items: center;
|
||||
.label {
|
||||
width: 20%;
|
||||
color: #858CA0;
|
||||
font-size: 14px;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.val {
|
||||
max-width: 80%;
|
||||
color: #2E3A4F;
|
||||
font-size: 14px;
|
||||
}
|
||||
.pic-box {
|
||||
max-width: 70%;
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
flex-wrap: wrap;
|
||||
.item {
|
||||
width: 84px;
|
||||
height: 84px;
|
||||
padding-left: 8px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
image {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.row2 {
|
||||
margin-bottom: 8px;
|
||||
font-size: 14px;
|
||||
.label {
|
||||
margin-bottom: 8px;
|
||||
color: #858CA0;
|
||||
}
|
||||
.text-area {
|
||||
width: 100%;
|
||||
max-height: 100px;
|
||||
overflow-y: auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.bottom {
|
||||
width: 100%;
|
||||
padding: 20px 12px;
|
||||
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;
|
||||
}
|
||||
.btn-w100 {
|
||||
width: 100% !important;
|
||||
}
|
||||
.btn1, .btn2, .btn3 {
|
||||
width: calc((100% - 12px) / 2);
|
||||
}
|
||||
.btn1 {
|
||||
background: #E4EDFF;
|
||||
color: #4381FC;
|
||||
}
|
||||
.btn3 {
|
||||
// margin-top: 14px;
|
||||
box-sizing: border-box;
|
||||
background: #FFFFFF;
|
||||
border: 1px solid #D6D6D6;
|
||||
color: #000;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,176 @@
|
||||
// pages/eventReport/eventReportDetail/eventReportDetail.ts
|
||||
import { getAction, deleteAction } from '../../../api/base';
|
||||
import Dialog from '@vant/weapp/dialog/dialog';
|
||||
Page({
|
||||
/**
|
||||
* 页面的初始数据
|
||||
*/
|
||||
data: {
|
||||
tabActive: 0,
|
||||
item: {} as any
|
||||
},
|
||||
|
||||
// 变更tab
|
||||
changeTab(e: any) {
|
||||
console.log(e.currentTarget.dataset.tab);
|
||||
this.setData({
|
||||
tabActive: e.currentTarget.dataset.tab
|
||||
});
|
||||
},
|
||||
getDetail(id: string) {
|
||||
let params = { id: id };
|
||||
getAction('api/event/info/getById', params).then((res: any) => {
|
||||
if (res.code == 200) {
|
||||
console.log(res.result);
|
||||
|
||||
res.result.fileUrlList = [];
|
||||
if (res.result.fileUrl) {
|
||||
for (let i = 0; i < res.result.fileUrl.split(',').length; i++) {
|
||||
let pic = res.result.fileUrl.split(',')[i];
|
||||
res.result.fileUrlList.push({
|
||||
url: pic,
|
||||
name: ''
|
||||
});
|
||||
}
|
||||
}
|
||||
if (res.result.isHandle == 1) {
|
||||
res.result.eventProgress.handleFileList = [];
|
||||
if (res.result.eventProgress.handleFile) {
|
||||
for (
|
||||
let i = 0;
|
||||
i < res.result.eventProgress.handleFile.split(',').length;
|
||||
i++
|
||||
) {
|
||||
let pic = res.result.eventProgress.handleFile.split(',')[i];
|
||||
res.result.eventProgress.handleFileList.push({
|
||||
url: pic,
|
||||
name: ''
|
||||
});
|
||||
}
|
||||
}
|
||||
}
|
||||
this.setData({
|
||||
item: res.result
|
||||
});
|
||||
} else {
|
||||
wx.showToast({
|
||||
title: res.message,
|
||||
icon: 'none'
|
||||
});
|
||||
}
|
||||
});
|
||||
},
|
||||
delItem() {
|
||||
Dialog.confirm({
|
||||
title: '提示',
|
||||
message: '是否确认删除'
|
||||
})
|
||||
.then(() => {
|
||||
// on confirm
|
||||
let params = { id: this.data.item.id };
|
||||
wx.showLoading({
|
||||
title: '加载中'
|
||||
});
|
||||
deleteAction('api/event/info/delete', params).then((res: any) => {
|
||||
wx.hideLoading();
|
||||
if (res.code == 200) {
|
||||
wx.showToast({
|
||||
title: '删除成功',
|
||||
icon: 'none'
|
||||
});
|
||||
setTimeout(() => {
|
||||
wx.navigateBack({
|
||||
delta: 1,
|
||||
fail: e => {
|
||||
console.log(e);
|
||||
}
|
||||
});
|
||||
}, 500);
|
||||
} else {
|
||||
wx.showToast({
|
||||
title: res.message,
|
||||
icon: 'none'
|
||||
});
|
||||
}
|
||||
});
|
||||
})
|
||||
.catch(() => {
|
||||
// on cancel
|
||||
});
|
||||
},
|
||||
toFeedback() {
|
||||
let that = this;
|
||||
wx.navigateTo({
|
||||
url: '../eventReportFeedback/eventReportFeedback',
|
||||
success: function (res) {
|
||||
// 通过eventChannel向被打开页面传送数据
|
||||
res.eventChannel.emit('eventName', { ...that.data.item });
|
||||
},
|
||||
fail: e => {
|
||||
console.log(e);
|
||||
}
|
||||
});
|
||||
},
|
||||
/**
|
||||
* 生命周期函数--监听页面加载
|
||||
*/
|
||||
onLoad() {
|
||||
// // 接收传参
|
||||
const eventChannel = this.getOpenerEventChannel();
|
||||
|
||||
eventChannel &&
|
||||
eventChannel.on &&
|
||||
eventChannel.on('eventName', data => {
|
||||
console.log('接收参数', data);
|
||||
// data.fileUrlList = [];
|
||||
// if (data.fileUrl) {
|
||||
// for (let i = 0; i < data.fileUrl.split(',').length; i++) {
|
||||
// let pic = data.fileUrl.split(',')[i];
|
||||
// data.fileUrlList.push({
|
||||
// url: pic,
|
||||
// name: ''
|
||||
// });
|
||||
// }
|
||||
// }
|
||||
// this.setData({
|
||||
// item: data
|
||||
// });
|
||||
this.getDetail(data.id);
|
||||
});
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面初次渲染完成
|
||||
*/
|
||||
onReady() {},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面显示
|
||||
*/
|
||||
onShow() {},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面隐藏
|
||||
*/
|
||||
onHide() {},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面卸载
|
||||
*/
|
||||
onUnload() {},
|
||||
|
||||
/**
|
||||
* 页面相关事件处理函数--监听用户下拉动作
|
||||
*/
|
||||
onPullDownRefresh() {},
|
||||
|
||||
/**
|
||||
* 页面上拉触底事件的处理函数
|
||||
*/
|
||||
onReachBottom() {},
|
||||
|
||||
/**
|
||||
* 用户点击右上角分享
|
||||
*/
|
||||
onShareAppMessage() {}
|
||||
});
|
||||
@@ -0,0 +1,102 @@
|
||||
<!--pages/eventReport/eventReportDetail/eventReportDetail.wxml-->
|
||||
<view class="container">
|
||||
<view class="bg">
|
||||
<image src="../../../images/bg_page_blue.png" mode=""/>
|
||||
</view>
|
||||
<view class="top">
|
||||
<view class="row">
|
||||
<view class="title">{{item.eventTheme ? item.eventTheme : '/'}}</view>
|
||||
<view class="time">{{item.reportTime ? item.reportTime : '/'}}</view>
|
||||
</view>
|
||||
<view class="row">
|
||||
<view class="val">{{item.projectId_dictText ? item.projectId_dictText : '/'}}</view>
|
||||
<view class="type type-g" wx:if="{{item.isHandle == 1}}">已处理</view>
|
||||
<view class="type" wx:else="">未处理</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="detail-container">
|
||||
<view class="tabs {{item.isHandle == 1 ? '' : 'tabs-one'}}">
|
||||
<view class="tab {{tabActive == 0 ? 'active' : ''}}" data-tab="0" catch:tap="changeTab">
|
||||
<view class="bg" wx:if="{{tabActive == 0}}"><image src="../../../images/btn_l.png" mode=""/></view>
|
||||
<view class="value">事件详情</view>
|
||||
</view>
|
||||
<view class="tab {{tabActive == 1 ? 'active' : ''}}" wx:if="{{item.isHandle == 1}}" data-tab="1" catch:tap="changeTab">
|
||||
<view class="bg" wx:if="{{tabActive == 1}}"><image src="../../../images/btn_r.png" mode=""/></view>
|
||||
<view class="value">反馈详情</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="content content-nobtn" wx:if="{{tabActive == 0}}">
|
||||
<view class="row">
|
||||
<view class="label">事件分类</view>
|
||||
<view class="val">{{ item.eventCategory_dictText ? item.eventCategory_dictText : '/'}}</view>
|
||||
</view>
|
||||
<view class="row">
|
||||
<view class="label">上报人</view>
|
||||
<view class="val">{{ item.reportBy_dictText ? item.reportBy_dictText : '/'}}</view>
|
||||
</view>
|
||||
<view class="row">
|
||||
<view class="label">联系电话</view>
|
||||
<view class="val">{{ item.phoneNumber ? item.phoneNumber : '/'}}</view>
|
||||
</view>
|
||||
<view class="row">
|
||||
<view class="label">上报时间</view>
|
||||
<view class="val"> {{ item.reportTime ? item.reportTime : '/'}}</view>
|
||||
</view>
|
||||
<view class="row2">
|
||||
<view class="label">事件内容</view>
|
||||
<view class="text-area">
|
||||
{{ item.eventText ? item.eventText : '/'}}
|
||||
</view>
|
||||
</view>
|
||||
<view class="row">
|
||||
<view class="label">备注</view>
|
||||
<view class="val">{{ item.remark ? item.remark : '/'}}</view>
|
||||
</view>
|
||||
<view class="row">
|
||||
<view class="label">附件</view>
|
||||
<view class="val">
|
||||
<!-- {{ item.fileUrl ? item.fileUrl : '/'}} -->
|
||||
<van-uploader
|
||||
file-list="{{ item.fileUrlList }}"
|
||||
deletable="{{ false }}"
|
||||
max-count="{{ item.fileUrlList.length }}" />
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="content" wx:if="{{item.isHandle == 1 && tabActive == 1}}">
|
||||
<view class="row">
|
||||
<view class="label">事件分类</view>
|
||||
<view class="val">{{item.eventCategory_dictText ? item.eventCategory_dictText : '/'}}</view>
|
||||
</view>
|
||||
<view class="row">
|
||||
<view class="label">实际处理人</view>
|
||||
<view class="val">{{item.eventProgress.handleBy_dictText ? item.eventProgress.handleBy_dictText : '/'}}</view>
|
||||
</view>
|
||||
<view class="row">
|
||||
<view class="label">上报时间</view>
|
||||
<view class="val">{{item.eventProgress.handleTime ? item.eventProgress.handleTime : '/'}}</view>
|
||||
</view>
|
||||
<view class="row2">
|
||||
<view class="label">处理结论</view>
|
||||
<view class="text-area">{{item.eventProgress.handleResult ? item.eventProgress.handleResult : '/'}}</view>
|
||||
</view>
|
||||
<view class="row">
|
||||
<view class="label">附件</view>
|
||||
<view class="val">
|
||||
<!-- {{item.eventProgress.handleFile ? item.eventProgress.handleFile : '/'}} -->
|
||||
<van-uploader
|
||||
file-list="{{ item.eventProgress.handleFileList }}"
|
||||
deletable="{{ false }}"
|
||||
max-count="{{ item.eventProgress.handleFileList.length }}" />
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="bottom" wx:if="{{item.canDelete || item.canHandle}}">
|
||||
<view class="btn-box">
|
||||
<view class="btn btn3 {{item.canDelete && !item.canHandle ? 'btn-w100' : ''}}" wx:if="{{item.canDelete}}" catch:tap="delItem">删除</view>
|
||||
<view class="btn btn2 {{!item.canDelete && item.canHandle ? 'btn-w100' : ''}}" wx:if="{{item.canHandle}}" catch:tap="toFeedback">去处理</view>
|
||||
</view>
|
||||
<van-dialog id="van-dialog" />
|
||||
</view>
|
||||
</view>
|
||||
@@ -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>
|
||||
@@ -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-empty": "@vant/weapp/empty/index",
|
||||
"van-divider": "@vant/weapp/divider/index"
|
||||
},
|
||||
"enablePullDownRefresh": true,
|
||||
"navigationBarTitleText": "事件上报"
|
||||
}
|
||||
@@ -0,0 +1,135 @@
|
||||
/* pages/eventReport/eventReportRecord/eventReportRecord.wxss */
|
||||
.container {
|
||||
min-height: 100vh;
|
||||
background: #EFF1F4;
|
||||
position: relative;
|
||||
.search-container {
|
||||
padding: 10px;
|
||||
box-sizing: border-box;
|
||||
background: #fff;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
>.select-box {
|
||||
width: calc((100% - 6px) / 2);
|
||||
height: 36px;
|
||||
padding: 8px 10px;
|
||||
box-sizing: border-box;
|
||||
border-radius: 4px;
|
||||
border: 1px solid #E6EAF2;
|
||||
font-size: 14px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
white-space: nowrap;
|
||||
>.val {
|
||||
max-width: 80%;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
&.selectItem{
|
||||
width: 100%;
|
||||
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;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.list-content {
|
||||
.list {
|
||||
width: 100%;
|
||||
height: calc(100vh - 44px - 110px);
|
||||
padding: 8px 0 0 0;
|
||||
box-sizing: border-box;
|
||||
// overflow-y: auto;
|
||||
|
||||
.scroll-view_H {
|
||||
height: 100%;
|
||||
// padding: 0 8px;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.item {
|
||||
padding: 12px 10px;
|
||||
margin: 0 8px 8px;
|
||||
background: #FFFFFF;
|
||||
border-radius: 8px;
|
||||
box-shadow: 0 0 4px 0 rgba(0,0,0,.4);
|
||||
.row {
|
||||
margin-bottom: 4px;
|
||||
color: #2E3A4F;
|
||||
font-size: 28rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
.title {
|
||||
font-size: 30rpx;
|
||||
font-weight: bold;
|
||||
}
|
||||
.time {
|
||||
color: #858CA0;
|
||||
}
|
||||
.type {
|
||||
width: 104rpx;
|
||||
height: 32rpx;
|
||||
padding: 4rpx;
|
||||
margin-left: 16rpx;
|
||||
line-height: 32rpx;
|
||||
// background: linear-gradient(270deg, #4CDBAD 0%, #2FCBAB 100%);
|
||||
background: linear-gradient(90deg, #0D92FF 0%, #38B1FE 100%);
|
||||
border-radius: 2px;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
}
|
||||
.type-g {
|
||||
background: linear-gradient(270deg, #A1A8BB 0%, #838EAA 100%);
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.nodata {
|
||||
text-align: center;
|
||||
margin: 60px;
|
||||
font-size: 26px;
|
||||
}
|
||||
.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;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,267 @@
|
||||
// pages/eventReport/eventReportRecord/eventReportRecord.ts
|
||||
import { getAction } from '../../../api/base';
|
||||
const dayjs = require('dayjs');
|
||||
Page({
|
||||
/**
|
||||
* 页面的初始数据
|
||||
*/
|
||||
data: {
|
||||
projectSelectShow: false,
|
||||
projectOptions: [
|
||||
{
|
||||
text: '全部',
|
||||
value: ''
|
||||
}
|
||||
],
|
||||
selectProjectIndex: 0,
|
||||
timeSelectShow: false,
|
||||
reportTimestamp: new Date().getTime(),
|
||||
reportTimeStr: '',
|
||||
params: {
|
||||
reportTime: '',
|
||||
projectId: '',
|
||||
eventTheme: '',
|
||||
pageNo: 1,
|
||||
pageSize: 10
|
||||
} as any,
|
||||
list: [],
|
||||
loading: false,
|
||||
isLast: false
|
||||
},
|
||||
pickerChange(event: any) {
|
||||
console.log(event);
|
||||
//下拉框切换是否展示
|
||||
let fieldName: any = event.currentTarget.dataset.fieldname;
|
||||
let data: any = { ...this.data };
|
||||
data[fieldName] = true;
|
||||
data.isLast = true;
|
||||
this.setData(data);
|
||||
},
|
||||
hidePicker() {
|
||||
this.setData({
|
||||
projectSelectShow: false,
|
||||
timeSelectShow: false
|
||||
});
|
||||
},
|
||||
pickerConfirm(event: any) {
|
||||
//下拉框点击确认
|
||||
let { fieldname } = event.currentTarget.dataset;
|
||||
let detail = event.detail;
|
||||
let data: any = { ...this.data };
|
||||
if (fieldname === 'reportTime') {
|
||||
data.params[fieldname] =
|
||||
dayjs(detail).format('YYYY-MM-DD') +
|
||||
' 00:00:00,' +
|
||||
dayjs(detail).format('YYYY-MM-DD') +
|
||||
' 23:59:59';
|
||||
data.reportTimestamp = detail;
|
||||
data.reportTimeStr = dayjs(detail).format('YYYY-MM-DD');
|
||||
} else if (fieldname === 'projectId') {
|
||||
data.params[fieldname] = detail.value.value;
|
||||
data.selectProjectIndex = detail.index;
|
||||
} else {
|
||||
data.params[fieldname] = detail.value.value;
|
||||
// data.params[fieldvalue] = detail.value.value;
|
||||
}
|
||||
data.list = [];
|
||||
data.params.pageNo = 1;
|
||||
data.isLast = false;
|
||||
this.setData(data);
|
||||
this.hidePicker();
|
||||
this.getList();
|
||||
},
|
||||
getProjectOptions() {
|
||||
getAction('api/projects/list').then((res: any) => {
|
||||
if (res.code == 200) {
|
||||
res.result.unshift({
|
||||
id: '',
|
||||
projectName: '全部'
|
||||
});
|
||||
let arr = [] as any;
|
||||
res.result.forEach((item: any) => {
|
||||
arr.push({
|
||||
text: item.projectName,
|
||||
value: item.id
|
||||
});
|
||||
});
|
||||
this.setData({
|
||||
projectOptions: arr,
|
||||
selectProjectIndex: 0
|
||||
// selectProject: res.result[0]
|
||||
});
|
||||
} else {
|
||||
wx.showToast({
|
||||
title: res.message,
|
||||
icon: 'none'
|
||||
});
|
||||
}
|
||||
});
|
||||
},
|
||||
toDetail(e: any) {
|
||||
console.log('跳转', e.currentTarget.dataset.inf);
|
||||
wx.navigateTo({
|
||||
url: '../eventReportDetail/eventReportDetail',
|
||||
success: function (res) {
|
||||
// 通过eventChannel向被打开页面传送数据
|
||||
res.eventChannel.emit('eventName', { ...e.currentTarget.dataset.inf });
|
||||
},
|
||||
fail: e => {
|
||||
console.log(e);
|
||||
}
|
||||
});
|
||||
// // 接收传参
|
||||
// const eventChannel = this.getOpenerEventChannel();
|
||||
|
||||
// eventChannel &&
|
||||
// eventChannel.on &&
|
||||
// eventChannel.on('eventName', data => {
|
||||
// console.log('接收参数', data);
|
||||
// this.setData({
|
||||
// detailInf: data
|
||||
// });
|
||||
// });
|
||||
},
|
||||
eventReportAdd() {
|
||||
wx.navigateTo({
|
||||
url: '../eventReportAdd/eventReportAdd',
|
||||
// success: function (res) {
|
||||
// // 通过eventChannel向被打开页面传送数据
|
||||
// res.eventChannel.emit('eventName', { ...e.currentTarget.dataset.inf });
|
||||
// },
|
||||
fail: e => {
|
||||
console.log(e);
|
||||
}
|
||||
});
|
||||
},
|
||||
getList() {
|
||||
console.log(this.data);
|
||||
let parms = this.data.params;
|
||||
wx.showLoading({
|
||||
title: '加载中'
|
||||
});
|
||||
if (!this.data.loading) {
|
||||
this.setData({
|
||||
loading: true
|
||||
});
|
||||
}
|
||||
getAction('api/event/info/list', parms).then((res: any) => {
|
||||
wx.hideLoading();
|
||||
this.setData({
|
||||
loading: false
|
||||
});
|
||||
if (res.code == 200) {
|
||||
let data: any = { ...this.data };
|
||||
data.list = data.list.concat(res.result.records);
|
||||
console.log(data);
|
||||
this.setData(data);
|
||||
if (data.list.length == res.result.total) {
|
||||
this.setData({
|
||||
isLast: true
|
||||
});
|
||||
}
|
||||
} else {
|
||||
wx.showToast({
|
||||
title: res.message,
|
||||
icon: 'none'
|
||||
});
|
||||
}
|
||||
});
|
||||
},
|
||||
lower(e: any) {
|
||||
console.log(e.detail.direction == 'bottom');
|
||||
if (this.data.isLast) {
|
||||
wx.showToast({
|
||||
title: '已经是最后一页',
|
||||
icon: 'none'
|
||||
});
|
||||
return;
|
||||
}
|
||||
if (e.detail.direction == 'bottom' && !this.data.loading) {
|
||||
// this.data.current += 1
|
||||
let { params } = this.data;
|
||||
params.pageNo = params.pageNo += 1;
|
||||
this.setData({
|
||||
loading: true,
|
||||
params: params
|
||||
});
|
||||
this.getList();
|
||||
}
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面加载
|
||||
*/
|
||||
onLoad() {},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面初次渲染完成
|
||||
*/
|
||||
onReady() {
|
||||
this.getProjectOptions();
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面显示
|
||||
*/
|
||||
onShow() {
|
||||
let params = {
|
||||
reportTime: '',
|
||||
projectId: '',
|
||||
// eventTheme: '', // 事件主题
|
||||
pageSize: 10,
|
||||
pageNo: 1
|
||||
};
|
||||
this.setData({
|
||||
reportTimestamp: new Date().getTime(),
|
||||
reportTimeStr: '',
|
||||
list: [],
|
||||
params: params,
|
||||
isLast: false
|
||||
});
|
||||
this.getList();
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面隐藏
|
||||
*/
|
||||
onHide() {},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面卸载
|
||||
*/
|
||||
onUnload() {},
|
||||
|
||||
/**
|
||||
* 页面相关事件处理函数--监听用户下拉动作
|
||||
*/
|
||||
onPullDownRefresh() {
|
||||
let params = {
|
||||
reportTime: '',
|
||||
projectId: '',
|
||||
// eventTheme: '', // 事件主题
|
||||
pageSize: 10,
|
||||
pageNo: 1
|
||||
};
|
||||
this.setData({
|
||||
reportTimestamp: new Date().getTime(),
|
||||
reportTimeStr: '',
|
||||
list: [],
|
||||
params: params,
|
||||
isLast: false
|
||||
});
|
||||
this.getList();
|
||||
|
||||
//停止下拉刷新
|
||||
wx.stopPullDownRefresh();
|
||||
},
|
||||
|
||||
/**
|
||||
* 页面上拉触底事件的处理函数
|
||||
*/
|
||||
onReachBottom() {},
|
||||
|
||||
/**
|
||||
* 用户点击右上角分享
|
||||
*/
|
||||
onShareAppMessage() {}
|
||||
});
|
||||
@@ -0,0 +1,52 @@
|
||||
<!--pages/eventReport/eventReportRecord/eventReportRecord.wxml-->
|
||||
<view class="container">
|
||||
<view class="search-container">
|
||||
<view class="select-box" data-fieldName="projectSelectShow" catch:tap="pickerChange">
|
||||
<view class="val" wx:if="{{params.projectId}}">{{projectOptions[selectProjectIndex].text}}</view>
|
||||
<view class="placeholder" wx:else>请选择项目</view>
|
||||
<view class="arrow"></view>
|
||||
</view>
|
||||
<van-popup show="{{projectSelectShow}}" position="bottom" bind:close="hidePicker">
|
||||
<van-picker default-index="{{selectProjectIndex}}" data-fieldname="projectId" show-toolbar columns="{{projectOptions}}" bind:confirm="pickerConfirm" bind:cancel="hidePicker">
|
||||
</van-picker>
|
||||
</van-popup>
|
||||
<view class="select-box" data-fieldName="timeSelectShow" catch:tap="pickerChange">
|
||||
<view class="val" wx:if="{{params.reportTime}}">{{reportTimeStr}}</view>
|
||||
<view class="placeholder" wx:else>请选择时间</view>
|
||||
<view class="arrow"></view>
|
||||
</view>
|
||||
<van-popup show="{{timeSelectShow}}" position="bottom" bind:close="hidePicker">
|
||||
<van-datetime-picker type="date" value="{{ reportTimestamp }}" data-fieldName="reportTime" bind:cancel="hidePicker" bind:confirm="pickerConfirm" />
|
||||
</van-popup>
|
||||
</view>
|
||||
|
||||
<view class="list-content">
|
||||
<view class="list">
|
||||
|
||||
<scroll-view class="scroll-view_H" scroll-y="true" bindscrolltolower="lower" style="width: 100%">
|
||||
<view class="item" wx:for="{{list}}" wx:key="index" data-inf="{{item}}" catchtap="toDetail">
|
||||
<view class="row">
|
||||
<view class="title">{{item.eventTheme}}</view>
|
||||
<view class="time">{{item.reportTime}}</view>
|
||||
</view>
|
||||
<view class="row">
|
||||
<view class="val">{{item.projectId_dictText}}</view>
|
||||
<view class="type type-g" wx:if="{{item.isHandle == 1}}">已处理</view>
|
||||
<view class="type" wx:else="">未处理</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="is-last" wx:if="{{isLast && list.length > 0}}">
|
||||
<van-divider contentPosition="center">已加载完全部数据</van-divider>
|
||||
</view>
|
||||
<view class="no-data" wx:if="{{list.length == 0}}">
|
||||
<van-empty description="无数据" />
|
||||
</view>
|
||||
</scroll-view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="bottom">
|
||||
<view class="btn-box">
|
||||
<view class="btn" catch:tap="eventReportAdd">新增上报</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
Reference in New Issue
Block a user