init
This commit is contained in:
@@ -0,0 +1,9 @@
|
||||
{
|
||||
"usingComponents": {
|
||||
"g-upload": "/components/uploadPic/uploadPic",
|
||||
"van-popup": "@vant/weapp/popup/index",
|
||||
"van-picker": "@vant/weapp/picker/index",
|
||||
"van-datetime-picker": "@vant/weapp/datetime-picker/index"
|
||||
},
|
||||
"navigationBarTitleText": "违章处理反馈"
|
||||
}
|
||||
@@ -0,0 +1,139 @@
|
||||
/* pages/backlog/violationFeedback/violationFeedback.wxss */
|
||||
.container {
|
||||
height: 100vh;
|
||||
padding-top: 2px;
|
||||
box-sizing: border-box;
|
||||
background: #EFF1F4;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
.content {
|
||||
padding: 12px 8px 4px;
|
||||
background: #fff;
|
||||
.row {
|
||||
width: 100%;
|
||||
min-height: 36px;
|
||||
padding: 8px 10px;
|
||||
margin-bottom: 8px;
|
||||
box-sizing: border-box;
|
||||
border-radius: 4px;
|
||||
border: 1px solid #E6EAF2;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
position: relative;
|
||||
.label {
|
||||
color: #2F3B50;
|
||||
font-size: 14px;
|
||||
}
|
||||
.marker {
|
||||
width: 100%;
|
||||
margin-top: 8px;
|
||||
color: #949CB5;
|
||||
font-size: 14px;
|
||||
}
|
||||
.upload {
|
||||
width: 100%;
|
||||
margin-top: 8px;
|
||||
.upload-btn {
|
||||
width: 64px;
|
||||
height: 64px;
|
||||
background: #ECF1FF;
|
||||
border-radius: 4px;
|
||||
border: 1px dashed #4381FC;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
image {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
margin: 16rpx 0 8rpx;
|
||||
}
|
||||
.val {
|
||||
color: #4381FC;
|
||||
font-size: 14px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.select-box {
|
||||
width: 70%;
|
||||
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;
|
||||
}
|
||||
}
|
||||
}
|
||||
.row-now {
|
||||
width: 100%;
|
||||
min-height: 36px;
|
||||
padding: 8px 10px;
|
||||
margin-bottom: 8px;
|
||||
box-sizing: border-box;
|
||||
border-radius: 4px;
|
||||
border: 1px solid #E6EAF2;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
.label {
|
||||
color: #2F3B50;
|
||||
font-size: 14px;
|
||||
}
|
||||
.select {
|
||||
width: 70%;
|
||||
padding-right: 20px;
|
||||
text-align: right;
|
||||
position: relative;
|
||||
.arrow {
|
||||
width: 0;
|
||||
height: 0;
|
||||
border-top: 6px solid #636B83;
|
||||
border-right: 6px solid transparent;
|
||||
border-bottom: 6px solid transparent;
|
||||
border-left: 6px solid transparent;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
right: 4px;
|
||||
transform: translateY(-2px);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.bottom {
|
||||
width: 100%;
|
||||
padding: 22px 10px;
|
||||
background: #fff;
|
||||
box-sizing: border-box;
|
||||
border-radius: 8px 8px 0 0;
|
||||
box-shadow: 0px -2px 12px 0px rgba(0,0,0,0.2);
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
.btn-box {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
.btn {
|
||||
width: 100%;
|
||||
height: 40px;
|
||||
line-height: 40px;
|
||||
border-radius: 8px;
|
||||
background: linear-gradient(90deg, #3B7CFC 0%, #548BFC 100%);
|
||||
color: #fff;
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,255 @@
|
||||
// pages/backlog/violationFeedback/violationFeedback.ts
|
||||
import { putAction } from '../../../api/base';
|
||||
const dayjs = require('dayjs');
|
||||
|
||||
Page({
|
||||
/**
|
||||
* 页面的初始数据
|
||||
*/
|
||||
data: {
|
||||
options: [
|
||||
{
|
||||
name: '请选择',
|
||||
type: ''
|
||||
},
|
||||
{
|
||||
name: '已处理',
|
||||
type: 1
|
||||
},
|
||||
{
|
||||
name: '未处理',
|
||||
type: 0
|
||||
}
|
||||
],
|
||||
selectIndex: 0,
|
||||
selectOption: {} as any,
|
||||
detailInf: {} as any,
|
||||
show: false,
|
||||
currentDate: new Date().getTime(),
|
||||
dateTimeStr: '请选择时间',
|
||||
marker: '',
|
||||
photoList: [] as any,
|
||||
uploadUrl: 'api/vehicles/violation/upload',
|
||||
showSelect: {} as any,
|
||||
yesOrNoOptions: [
|
||||
{
|
||||
text: '已处理',
|
||||
value: 1
|
||||
},
|
||||
{
|
||||
text: '未处理',
|
||||
value: 0
|
||||
}
|
||||
],
|
||||
yesOrNoSelectIndex: -1
|
||||
},
|
||||
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() {
|
||||
this.setData({
|
||||
showSelect: {}
|
||||
});
|
||||
},
|
||||
pickerConfirm(event: any) {
|
||||
console.log(event);
|
||||
//下拉框点击确认
|
||||
let { fieldname, fieldindex } = event.currentTarget.dataset;
|
||||
let detail = event.detail;
|
||||
let data: any = { ...this.data };
|
||||
if (fieldname == 'yesOrNoSelectIndex') {
|
||||
data[fieldname] = detail.index;
|
||||
} 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();
|
||||
},
|
||||
bindPicker(e: any) {
|
||||
console.log(e.detail.value);
|
||||
let index = Number(e.detail.value);
|
||||
this.setData({
|
||||
selectIndex: index,
|
||||
selectOption: this.data.options[index]
|
||||
});
|
||||
},
|
||||
showDateTimePicker() {
|
||||
this.setData({
|
||||
show: true
|
||||
});
|
||||
},
|
||||
dateOnInput(event: any) {
|
||||
console.log(event.detail);
|
||||
|
||||
this.setData({
|
||||
currentDate: event.detail,
|
||||
dateTimeStr: dayjs(new Date(event.detail)).format('YYYY-MM-DD HH:mm'),
|
||||
show: false
|
||||
});
|
||||
},
|
||||
onClose() {
|
||||
this.setData({
|
||||
show: false
|
||||
});
|
||||
},
|
||||
getMarker(e: any) {
|
||||
this.setData({
|
||||
marker: e.detail.value
|
||||
});
|
||||
},
|
||||
returnPic(e: any) {
|
||||
console.log(e.detail.photoList);
|
||||
let urlList = [] as any;
|
||||
e.detail.photoList.forEach((item: any) => {
|
||||
urlList.push(item.fileUrl);
|
||||
});
|
||||
this.setData({
|
||||
photoList: urlList
|
||||
});
|
||||
},
|
||||
checkStr(str: string) {
|
||||
let returnStr = '';
|
||||
let spaceRegex = /^\S*$/;
|
||||
let regex = /[!@#$%^&*?><|\\\\]/;
|
||||
let tooLong = str.length > 32;
|
||||
if (!spaceRegex.test(str)) {
|
||||
returnStr = '不支持含有空格';
|
||||
} else if (regex.test(str)) {
|
||||
returnStr = '不支持特殊字符';
|
||||
} else if (tooLong) {
|
||||
returnStr = '输入长度不得超过32个字符';
|
||||
} else {
|
||||
returnStr = '';
|
||||
}
|
||||
return returnStr;
|
||||
},
|
||||
bindSend() {
|
||||
let handleResult =
|
||||
this.data.yesOrNoSelectIndex == -1
|
||||
? ''
|
||||
: this.data.yesOrNoOptions[this.data.yesOrNoSelectIndex].value;
|
||||
let parms = Object.assign(this.data.detailInf, {
|
||||
handleVoucher: this.data.photoList.join(','),
|
||||
remark: this.data.marker,
|
||||
handleTime: this.data.dateTimeStr,
|
||||
handleResult: handleResult
|
||||
});
|
||||
if (this.data.yesOrNoSelectIndex == -1) {
|
||||
wx.showToast({
|
||||
title: '请选择处理结果',
|
||||
icon: 'none'
|
||||
});
|
||||
return;
|
||||
}
|
||||
if (parms.handleTime == '请选择时间') {
|
||||
wx.showToast({
|
||||
title: '请选择处理时间',
|
||||
icon: 'none'
|
||||
});
|
||||
return;
|
||||
}
|
||||
// 验证非必填
|
||||
if (parms.remark) {
|
||||
let msg = this.checkStr(parms.remark);
|
||||
if (msg) {
|
||||
wx.showToast({
|
||||
title: '备注：' + msg,
|
||||
icon: 'none'
|
||||
});
|
||||
return;
|
||||
}
|
||||
}
|
||||
wx.showLoading({
|
||||
title: '提交中',
|
||||
icon: 'none'
|
||||
});
|
||||
putAction('api/vehicles/violation/edit', parms).then((res: any) => {
|
||||
wx.hideLoading();
|
||||
if (res.code == 200) {
|
||||
console.log(res.result);
|
||||
// setTimeout(() => {
|
||||
// wx.navigateBack({ delta: 2 });
|
||||
// }, 1500);
|
||||
wx.navigateTo({
|
||||
url: '../backlogFeedback/backlogFeedback',
|
||||
fail: e => {
|
||||
console.log(e);
|
||||
}
|
||||
});
|
||||
} else {
|
||||
wx.showToast({
|
||||
title: res.message,
|
||||
icon: 'none'
|
||||
});
|
||||
}
|
||||
});
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面加载
|
||||
*/
|
||||
onLoad() {},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面初次渲染完成
|
||||
*/
|
||||
onReady() {
|
||||
// 接收传参
|
||||
const eventChannel = this.getOpenerEventChannel();
|
||||
|
||||
eventChannel &&
|
||||
eventChannel.on &&
|
||||
eventChannel.on('eventName', (data: any) => {
|
||||
console.log('接收参数', data);
|
||||
this.setData({
|
||||
detailInf: data
|
||||
});
|
||||
});
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面显示
|
||||
*/
|
||||
onShow() {},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面隐藏
|
||||
*/
|
||||
onHide() {},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面卸载
|
||||
*/
|
||||
onUnload() {},
|
||||
|
||||
/**
|
||||
* 页面相关事件处理函数--监听用户下拉动作
|
||||
*/
|
||||
onPullDownRefresh() {},
|
||||
|
||||
/**
|
||||
* 页面上拉触底事件的处理函数
|
||||
*/
|
||||
onReachBottom() {},
|
||||
|
||||
/**
|
||||
* 用户点击右上角分享
|
||||
*/
|
||||
onShareAppMessage() {}
|
||||
});
|
||||
@@ -0,0 +1,67 @@
|
||||
<!--pages/backlog/violationFeedback/violationFeedback.wxml-->
|
||||
<view class="container">
|
||||
<view class="content">
|
||||
<view class="row">
|
||||
<view class="label">处理结果</view>
|
||||
<!-- <view class="select">
|
||||
<picker bindchange="bindPicker" value="{{selectIndex}}" range-key="name" range="{{options}}">
|
||||
<view class="picker project-select">
|
||||
{{options[selectIndex].name}}
|
||||
</view>
|
||||
</picker>
|
||||
</view> -->
|
||||
<view class="select-box" data-fieldName="yesOrNoSelectShow" catch:tap="pickerChange">
|
||||
<view wx:if="{{yesOrNoSelectIndex > -1}}">{{yesOrNoOptions[yesOrNoSelectIndex].text}}</view>
|
||||
<view class="placeholder" wx:else>请选择</view>
|
||||
<view class="arrow"></view>
|
||||
</view>
|
||||
</view>
|
||||
<van-popup show="{{showSelect.yesOrNoSelectShow}}" position="bottom" bind:close="hidePicker">
|
||||
<van-picker data-fieldname="yesOrNoSelectIndex" show-toolbar
|
||||
columns="{{yesOrNoOptions}}" bind:confirm="pickerConfirm" bind:cancel="hidePicker">
|
||||
</van-picker>
|
||||
</van-popup>
|
||||
<view class="row-now">
|
||||
<view class="label">处理时间</view>
|
||||
<view class="select" catch:tap="showDateTimePicker">
|
||||
{{ dateTimeStr }}
|
||||
<view class="arrow"></view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="row">
|
||||
<view class="label">备注</view>
|
||||
<view class="marker">
|
||||
<textarea type="text"
|
||||
placeholder="请输入备注"
|
||||
style="height: 96rpx;"
|
||||
placeholder-style="color: #949CB5; font-size: 28rpx; font-weight: 400;"
|
||||
value="{{marker}}"
|
||||
bindinput="getMarker"/>
|
||||
</view>
|
||||
</view>
|
||||
<view class="row">
|
||||
<view class="label">处理凭证</view>
|
||||
<view class="upload">
|
||||
<g-upload
|
||||
id="g-upload"
|
||||
maxLength="{{10}}"
|
||||
picList="{{photoList}}"
|
||||
uploadUrl="{{uploadUrl}}"
|
||||
bind:returnPic="returnPic"></g-upload>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="bottom">
|
||||
<view class="btn-box">
|
||||
<view class="btn" catch:tap="bindSend">提交</view>
|
||||
</view>
|
||||
</view>
|
||||
<van-popup show="{{ show }}" position="bottom" bind:close="onClose">
|
||||
<van-datetime-picker
|
||||
type="datetime"
|
||||
value="{{ currentDate }}"
|
||||
bind:confirm="dateOnInput"
|
||||
bind:cancel="onClose"
|
||||
/>
|
||||
</van-popup>
|
||||
</view>
|
||||
Reference in New Issue
Block a user