549 lines
15 KiB
TypeScript
549 lines
15 KiB
TypeScript
import { getAction, postAction, putAction } from '../../../api/base';
|
|
const dayjs = require('dayjs');
|
|
Page({
|
|
/**
|
|
* 页面的初始数据
|
|
*/
|
|
data: {
|
|
upKeepObject: null as any, // 保养单数据
|
|
selectProject: null as any, // 项目所选
|
|
selectCar: null as any, // 车辆所选
|
|
projectOptions: [], // 项目数据
|
|
carOptions: [] as any, // 车辆数据
|
|
filterCarOptions: [] as any, // 过滤后的车辆数据
|
|
filterProjectOptions: [] as any, // 过滤后的项目数据
|
|
lastMileage: '', // 上次保养里程
|
|
predictMileage: '', // 预计保养里程
|
|
content: '', // 保养内容
|
|
uploadUrl: 'api/vehicles/repair/fileUpload', // 上传图片地址
|
|
attachmentList: [] as any, //附件
|
|
lastTimeShow: false, // 展示上次保养时间选择框
|
|
predictTimeShow: false, // 展示预计保养时间选择框
|
|
lastTime: '', // 上传保养时间
|
|
predictTime: '', // 预计保养时间
|
|
lastTimestamp: new Date().getTime(),
|
|
predictTimestamp: new Date().getTime(),
|
|
plateNumberShow: false, //展示车牌号选择框
|
|
projectShow: false, //展示项目选择框
|
|
plateNumberSearchVal: '', // 查找车牌号输入值
|
|
projectSearchVal: '', // 查找项目输入值
|
|
type: '', // 当前页面状态（新增/编辑）
|
|
echoFile: null as any // 回显附件
|
|
},
|
|
// 输入保养里程
|
|
getMileage(e: any) {
|
|
let { fieldname } = e.currentTarget.dataset;
|
|
let res = null as any;
|
|
e.detail.value = Number(Number(e.detail.value).toFixed(2));
|
|
if (e.detail.value > 99999999) {
|
|
res = 99999999;
|
|
wx.showToast({
|
|
title: '保养里程不能大于99999999',
|
|
icon: 'none'
|
|
});
|
|
} else if (e.detail.value < 0) {
|
|
res = 0;
|
|
wx.showToast({
|
|
title: '保养里程不能小于0',
|
|
icon: 'none'
|
|
});
|
|
} else res = e.detail.value;
|
|
if (fieldname == 'lastMileage') {
|
|
this.setData({
|
|
lastMileage: res
|
|
});
|
|
} else if (fieldname == 'predictMileage') {
|
|
this.setData({
|
|
predictMileage: res
|
|
});
|
|
}
|
|
},
|
|
// 输入保养内容
|
|
textareaInput(e: any) {
|
|
this.setData({
|
|
content: e.detail.value
|
|
});
|
|
},
|
|
// 上传图片回显
|
|
returnPic(e: any) {
|
|
let list = [] as any;
|
|
e.detail.photoList.forEach((item: any) => {
|
|
list.push(item);
|
|
});
|
|
this.setData({
|
|
attachmentList: list
|
|
});
|
|
},
|
|
// 提交申请
|
|
submit() {
|
|
// 校验必填
|
|
let checkProject, checkCar, checkTextarea;
|
|
this.data.selectProject?.projectId
|
|
? (checkProject = true)
|
|
: (checkProject = false);
|
|
this.data.selectCar?.id ? (checkCar = true) : (checkCar = false);
|
|
this.data.content ? (checkTextarea = true) : (checkTextarea = false);
|
|
|
|
if (!checkProject) {
|
|
wx.showToast({
|
|
title: '请选择所属项目',
|
|
icon: 'none'
|
|
});
|
|
return;
|
|
}
|
|
if (!checkCar) {
|
|
wx.showToast({
|
|
title: '请选择所属车辆',
|
|
icon: 'none'
|
|
});
|
|
return;
|
|
}
|
|
if (!this.data.lastTime) {
|
|
wx.showToast({
|
|
title: '请选择上次保养时间',
|
|
icon: 'none'
|
|
});
|
|
return;
|
|
}
|
|
if (this.data.lastMileage === '') {
|
|
wx.showToast({
|
|
title: '请输入上次保养里程',
|
|
icon: 'none'
|
|
});
|
|
return;
|
|
}
|
|
if (!this.data.predictTime) {
|
|
wx.showToast({
|
|
title: '请选择预计保养时间',
|
|
icon: 'none'
|
|
});
|
|
return;
|
|
}
|
|
if (this.data.predictMileage === '') {
|
|
wx.showToast({
|
|
title: '请输入预计保养里程',
|
|
icon: 'none'
|
|
});
|
|
return;
|
|
}
|
|
if (!checkTextarea) {
|
|
wx.showToast({
|
|
title: '请填写保养内容',
|
|
icon: 'none'
|
|
});
|
|
return;
|
|
}
|
|
let fileList = JSON.parse(JSON.stringify(this.data.attachmentList)) as any;
|
|
// 如何有回显的附件且未删除
|
|
if (this.data.echoFile) {
|
|
this.data.echoFile.forEach((item: any) => {
|
|
fileList.push(item);
|
|
});
|
|
}
|
|
let params = {
|
|
id: this.data.type == 'add' ? null : this.data.upKeepObject.id, //id
|
|
projectId: this.data.selectProject?.projectId, //所属项目
|
|
plateNumber: this.data.selectCar?.plateNumber, //车牌号
|
|
deliveryTime: this.data.selectCar?.deliveryTime, //交车时间
|
|
frameNumber: this.data.selectCar?.frameNumber, //车架号
|
|
vehicleBrand: this.data.selectCar?.vehicleBrand, //车辆品牌
|
|
vehicleModel: this.data.selectCar?.vehicleModel, //车辆型号
|
|
vehicleType: this.data.selectCar?.vehicleType, //车辆种类
|
|
vinCode: this.data.selectCar?.vinCode, //VIN码
|
|
engineNumber: this.data.selectCar?.engineNumber, //发动机码
|
|
lastMileage: this.data.lastMileage, //上次保养里程
|
|
lastTime: this.data.lastTime, //上次保养时间
|
|
predictMileage: this.data.predictMileage, //上次保养里程
|
|
predictTime: this.data.predictTime, //上次保养时间
|
|
content: this.data.content, //保养内容
|
|
attachmentList: fileList ? fileList : [] // 附件
|
|
};
|
|
wx.showLoading({
|
|
title: '加载中',
|
|
mask: true
|
|
});
|
|
// 新增
|
|
if (this.data.type == 'add') {
|
|
postAction('api/vehicles/upkeepPlan/add', params)
|
|
.then((res: any) => {
|
|
if (res.code == 200) {
|
|
wx.hideLoading();
|
|
wx.showToast({
|
|
title: '提交成功',
|
|
icon: 'none'
|
|
});
|
|
wx.setStorageSync('message', {
|
|
projectName: this.data.selectProject?.projectName,
|
|
plateNumber: this.data.selectCar?.plateNumber,
|
|
date: dayjs().format('YYYY-MM-DD HH:mm:ss'),
|
|
id: res.message,
|
|
auditStatus: 1
|
|
});
|
|
wx.reLaunch({
|
|
url: '../message/message',
|
|
fail: e => {
|
|
console.log(e);
|
|
}
|
|
});
|
|
} else {
|
|
wx.hideLoading();
|
|
wx.showToast({
|
|
title: res.message,
|
|
icon: 'none'
|
|
});
|
|
}
|
|
})
|
|
.catch((err: any) => {
|
|
wx.hideLoading();
|
|
wx.showToast({
|
|
title: err.message,
|
|
icon: 'none'
|
|
});
|
|
});
|
|
}
|
|
// 编辑
|
|
else if (this.data.type == 'edit') {
|
|
putAction('api/vehicles/upkeepPlan/edit', params)
|
|
.then((res: any) => {
|
|
if (res.code == 200) {
|
|
wx.hideLoading();
|
|
wx.showToast({
|
|
title: '编辑成功',
|
|
icon: 'none'
|
|
});
|
|
wx.setStorageSync('message', {
|
|
projectName: this.data.selectProject?.projectName,
|
|
plateNumber: this.data.selectCar?.plateNumber,
|
|
date: dayjs().format('YYYY-MM-DD HH:mm:ss'),
|
|
id: this.data.upKeepObject.id,
|
|
auditStatus: 1
|
|
});
|
|
wx.reLaunch({
|
|
url: '../message/message',
|
|
fail: e => {
|
|
console.log(e);
|
|
}
|
|
});
|
|
} else {
|
|
wx.hideLoading();
|
|
wx.showToast({
|
|
title: res.message,
|
|
icon: 'none'
|
|
});
|
|
}
|
|
})
|
|
.catch((err: any) => {
|
|
wx.hideLoading();
|
|
wx.showToast({
|
|
title: err.message,
|
|
icon: 'none'
|
|
});
|
|
});
|
|
}
|
|
},
|
|
// 获取项目数据
|
|
getProjects() {
|
|
getAction('api/vehicles/repair/queryProjects')
|
|
.then((res: any) => {
|
|
if (res.code == 200) {
|
|
let data = [] as any;
|
|
res.result.forEach((el: any) => {
|
|
el.value = el.projectId;
|
|
el.text = el.projectName;
|
|
});
|
|
data = res.result;
|
|
// 编辑情况下回显项目
|
|
let selectProject;
|
|
if (this.data.upKeepObject && this.data.type == 'edit') {
|
|
selectProject = data.find((item: any) => {
|
|
return (
|
|
item.projectId == this.data.upKeepObject.upkeepPlan.projectId
|
|
);
|
|
});
|
|
this.getCarFn(selectProject.projectId);
|
|
}
|
|
this.setData({
|
|
projectOptions: data,
|
|
filterProjectOptions: data,
|
|
selectProject: selectProject
|
|
});
|
|
} else {
|
|
wx.showToast({
|
|
title: res.message,
|
|
icon: 'none'
|
|
});
|
|
}
|
|
})
|
|
.catch((err: any) => {
|
|
wx.showToast({
|
|
title: err.message,
|
|
icon: 'none'
|
|
});
|
|
});
|
|
},
|
|
// 展示选择框
|
|
pickerChange(event: any) {
|
|
//下拉框切换是否展示
|
|
let fieldName: any = event.currentTarget.dataset.fieldname;
|
|
let data: any = { ...this.data };
|
|
data[fieldName] = true;
|
|
this.setData(data);
|
|
},
|
|
// 隐藏展示框
|
|
hidePicker() {
|
|
this.setData({
|
|
lastTimeShow: false,
|
|
predictTimeShow: false,
|
|
plateNumberShow: false,
|
|
projectShow: false
|
|
});
|
|
},
|
|
// 选择器点击确认
|
|
pickerConfirm(event: any) {
|
|
let { fieldname } = event.currentTarget.dataset;
|
|
let detail = event.detail;
|
|
// 选择保养时间
|
|
if (fieldname == 'lastTime') {
|
|
this.setData({
|
|
lastTime: dayjs(detail).format('YYYY-MM-DD'),
|
|
lastTimestamp: detail
|
|
});
|
|
} else if (fieldname == 'predictTime') {
|
|
this.setData({
|
|
predictTime: dayjs(detail).format('YYYY-MM-DD'),
|
|
predictTimestamp: detail
|
|
});
|
|
}
|
|
// 选择车牌号
|
|
else if (fieldname == 'plateNumber') {
|
|
this.setData({
|
|
selectCar: event.detail.value
|
|
});
|
|
}
|
|
// 选择项目
|
|
else if (fieldname == 'project') {
|
|
this.setData({
|
|
selectProject: event.detail.value
|
|
});
|
|
if (event.detail.value.projectId) {
|
|
this.getCarFn(event.detail.value.projectId);
|
|
}
|
|
}
|
|
this.hidePicker();
|
|
},
|
|
// 获取车辆数据
|
|
getCarFn(projectId: any) {
|
|
getAction(
|
|
`api/vehicles/repair/queryVehicleInfoByProjectId?projectId=${projectId}`
|
|
)
|
|
.then((res: any) => {
|
|
if (res.code == 200) {
|
|
// 清空当前所选的车辆数据
|
|
this.setData({
|
|
selectCar: null
|
|
});
|
|
let data = [] as any;
|
|
res.result.forEach((el: any) => {
|
|
el.value = el.plateNumber;
|
|
el.text = el.plateNumber;
|
|
});
|
|
data = res.result;
|
|
// 编辑回显
|
|
let selectCar;
|
|
if (data && this.data.type == 'edit') {
|
|
selectCar = data.find((item: any) => {
|
|
return (
|
|
item.plateNumber ==
|
|
this.data.upKeepObject.upkeepPlan.plateNumber
|
|
);
|
|
});
|
|
}
|
|
this.setData({
|
|
carOptions: data,
|
|
filterCarOptions: data,
|
|
selectCar: selectCar
|
|
});
|
|
} else {
|
|
wx.showToast({
|
|
title: res.message,
|
|
icon: 'none'
|
|
});
|
|
}
|
|
})
|
|
.catch((err: any) => {
|
|
wx.showToast({
|
|
title: err.message,
|
|
icon: 'none'
|
|
});
|
|
});
|
|
},
|
|
// 清空数据
|
|
resetData(event: any) {
|
|
let { fieldname } = event.currentTarget.dataset;
|
|
if (fieldname == 'lastMileage') {
|
|
this.setData({
|
|
lastMileage: ''
|
|
});
|
|
} else if (fieldname == 'predictMileage') {
|
|
this.setData({
|
|
predictMileage: ''
|
|
});
|
|
}
|
|
},
|
|
// 过滤车牌号
|
|
filterPlateNumber(event: any) {
|
|
let list = [] as any;
|
|
this.data.carOptions.forEach((item: any) => {
|
|
if (
|
|
item.plateNumber.toLowerCase().indexOf(event.detail.toLowerCase()) >= 0
|
|
) {
|
|
list.push(item);
|
|
}
|
|
});
|
|
this.setData({
|
|
filterCarOptions: list,
|
|
plateNumberSearchVal: event.detail
|
|
});
|
|
},
|
|
// 过滤项目
|
|
filterProject(event: any) {
|
|
let list = [] as any;
|
|
this.data.projectOptions.forEach((item: any) => {
|
|
if (
|
|
item.projectName.toLowerCase().indexOf(event.detail.toLowerCase()) >= 0
|
|
) {
|
|
list.push(item);
|
|
}
|
|
});
|
|
this.setData({
|
|
filterProjectOptions: list,
|
|
projectSearchVal: event.detail
|
|
});
|
|
},
|
|
getInf() {
|
|
let data = wx.getStorageSync('type');
|
|
wx.removeStorage({ key: 'type' });
|
|
if (!this.data.type) {
|
|
this.setData({
|
|
type: data.type
|
|
});
|
|
}
|
|
// 编辑时先获取保养计划数据再获取项目数据和车辆数据
|
|
if (data.info) this.getRepairObject(data.info.id);
|
|
// 新增时获取项目数据
|
|
if (data.type == 'add') this.getProjects();
|
|
let title = data.type == 'add' ? '新增保养' : '保养计划编辑';
|
|
wx.setNavigationBarTitle({
|
|
title: title
|
|
});
|
|
},
|
|
// 获取保养计划单数据
|
|
getRepairObject(id: string) {
|
|
if (id) {
|
|
getAction(`api/vehicles/upkeepPlan/getUpkeepPlanObjectById?id=${id}`)
|
|
.then((res: any) => {
|
|
if (res.code == 200) {
|
|
let data = res.result;
|
|
this.setData({
|
|
lastTime: data.upkeepPlan.lastTime,
|
|
lastMileage: data.upkeepPlan.lastMileage,
|
|
predictTime: data.upkeepPlan.predictTime,
|
|
predictMileage: data.upkeepPlan.predictMileage,
|
|
content: data.upkeepPlan.content,
|
|
echoFile: data.upkeepPlan.attachmentList, // 回显附件
|
|
upKeepObject: data
|
|
});
|
|
this.getProjects();
|
|
} else {
|
|
wx.showToast({
|
|
title: res.message,
|
|
icon: 'none'
|
|
});
|
|
}
|
|
})
|
|
.catch((err: any) => {
|
|
wx.showToast({
|
|
title: err.message,
|
|
icon: 'none'
|
|
});
|
|
});
|
|
}
|
|
},
|
|
// 删除回显图片
|
|
delImg(e: any) {
|
|
let that = this;
|
|
let { index } = e.currentTarget.dataset;
|
|
let { echoFile } = this.data;
|
|
wx.showModal({
|
|
title: '提示',
|
|
content: '是否删除当前照片',
|
|
success(res) {
|
|
if (res.confirm) {
|
|
echoFile.splice(index, 1);
|
|
that.setData({
|
|
echoFile: echoFile
|
|
});
|
|
}
|
|
}
|
|
});
|
|
},
|
|
// 图片预览
|
|
showImage(event: any) {
|
|
let { index, image } = event.currentTarget.dataset;
|
|
let list = [] as any;
|
|
if (image == 'echoFile') {
|
|
this.data.echoFile.forEach((item: any) => {
|
|
list.push(item.fileUrl);
|
|
});
|
|
}
|
|
wx.previewImage({
|
|
current: list[index | 0], // 当前显示图片的http链接 默认urls[0]
|
|
urls: list // 需要预览的图片http链接列表
|
|
});
|
|
},
|
|
/**
|
|
* 生命周期函数--监听页面加载
|
|
*/
|
|
onLoad() {},
|
|
|
|
/**
|
|
* 生命周期函数--监听页面初次渲染完成
|
|
*/
|
|
onReady() {},
|
|
|
|
/**
|
|
* 生命周期函数--监听页面显示
|
|
*/
|
|
onShow() {
|
|
// 不放onReady 是因为有可能切出去然后状态改了得跳转到别的页面
|
|
this.getInf();
|
|
// 默认保养人为当前用户
|
|
// let userInfo = wx.getStorageSync('userInfo');
|
|
},
|
|
|
|
/**
|
|
* 生命周期函数--监听页面隐藏
|
|
*/
|
|
onHide() {},
|
|
|
|
/**
|
|
* 生命周期函数--监听页面卸载
|
|
*/
|
|
onUnload() {},
|
|
|
|
/**
|
|
* 页面相关事件处理函数--监听用户下拉动作
|
|
*/
|
|
onPullDownRefresh() {},
|
|
|
|
/**
|
|
* 页面上拉触底事件的处理函数
|
|
*/
|
|
onReachBottom() {},
|
|
|
|
/**
|
|
* 用户点击右上角分享
|
|
*/
|
|
onShareAppMessage() {}
|
|
});
|