YZProjectCloud/yanzhu-ui-app/miniprogram/pages/project_schedule/add/index.js

327 lines
6.8 KiB
JavaScript
Raw Blame History

This file contains ambiguous Unicode characters!

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

import config from '../../../config'
import {
getToken
} from '../../../utils/auth'
import {
findPlanDatas,
findRecursionPlan,
findPreviousSchedule,
submitPlanSchedule
} from '../../../api/project'
const app = getApp()
Page({
/**
* 页面的初始数据
*/
data: {
maxDate: new Date().getTime() + (3600 * 24 * 30 * 1000),
form: {
schedulePercent: 1
},
loadShow: false,
imageInfoData: [],
picker: false,
planOptions: [],
previousSchedule: null, //上次填报数据
},
/**
* 生命周期函数--监听页面加载
*/
onLoad(options) {
if (!getToken()) {
wx.redirectTo({
url: '../../login/login',
})
}
this.setData({
"form.projectId": app.globalData.useProjectId,
"form.projectName": app.globalData.useProjectName
});
this.initPlanDatas();
},
/**
* 打开选择窗
*/
openPicker() {
this.setData({
picker: true
})
},
closePicker() {
this.setData({
picker: false
})
},
/**
* 构建树结构
* @param {*} all
* @param {*} id
*/
buildTree(all, id) {
let tmps = all.filter((d) => d.parentId == id);
if (tmps.length > 0) {
tmps.forEach((it) => {
it.children = this.buildTree(all, it.taskId);
});
}
return tmps;
},
/**
* 初始化计划
*/
initPlanDatas() {
findPlanDatas(app.globalData.useProjectId).then((res) => {
let treeDatas = this.buildTree(res.data, 1);
this.setData({
planOptions: treeDatas
})
});
},
/**
* 组件选中时会触发
*/
handleClick: function (e) {
let checkIds = e.detail.idList;
if (checkIds.length > 0) {
let planValue = checkIds[checkIds.length - 1];
this.setData({
picker: false
})
findRecursionPlan(planValue.planId).then(res => {
if (res.data) {
this.setData({
"form.comId": res.data.comid,
"form.planId": planValue.planId,
"form.taskId": res.data.taskId,
"form.taskUniqueId": res.data.taskUniqueId,
"form.taskName": res.data.taskName,
"form.bimId": res.data.bimId,
});
} else {
this.setData({
"form.comId": null,
"form.taskId": null,
"form.taskUniqueId": null,
"form.taskName": null,
"form.bimId": null,
});
}
});
findPreviousSchedule(planValue.planId).then((res) => {
if (res.data) {
this.setData({
previousSchedule: res.data,
"form.schedulePercent": res.data.schedulePercent
});
} else {
this.setData({
previousSchedule: null,
"form.schedulePercent": 1
});
}
});
}
},
onChangeMinus(e) {
this.setData({
"form.schedulePercent": this.data.form.schedulePercent - 1
});
},
onChangePlus(e) {
this.setData({
"form.schedulePercent": this.data.form.schedulePercent + 1
});
},
onChangeBlur(e) {
this.setData({
"form.schedulePercent": e.detail.value
});
},
//完成时间
onInputTime(e) {
this.setData({
"form.finishDate": e.detail
})
},
//进度描述
onInputDescription(e) {
this.setData({
"form.description": e.detail.value
})
},
// 上传图片
onImagesArr(e) {
this.setData({
imageInfoData: e.detail
})
},
/**
* 数据保存
*/
submitSave() {
let _form = {
...this.data.form
};
let {
imageInfoData
} = this.data
//数据效验
if (!_form.projectId) {
app.toast("数据异常,请刷新页面重试!")
return false;
}
if (!_form.planId) {
app.toast("请选择工程计划!")
return false;
}
if (!_form.schedulePercent) {
app.toast("请填写计划完成进度!")
return false;
} else {
if (_form.schedulePercent == 100 && !_form.finishDate) {
app.toast("请选择完成时间!")
return false;
}
}
if (!_form.description) {
app.toast("请填写进度描述!")
return false;
}
if (imageInfoData.length == 0) {
app.toast("请上传施工现场作业图!")
return false;
}
let fileUrls = [];
this.setData({
loadShow: true
});
let that = this;
imageInfoData.forEach(async (item) => {
//这里复杂的图片上传,改为同步上传,因为小程序只能上传一张图片
let obj = await that.syncUploadImage(item);
fileUrls.push(obj.data.data.url);
//验证图片上传完毕
if (fileUrls.length == imageInfoData.length) {
_form.images = fileUrls.toString();
submitPlanSchedule(_form).then(res => {
this.setData({
loadShow: false
});
if (res.code == 200) {
app.toast("新增进度成功!")
setTimeout(() => {
wx.redirectTo({
url: `../list/index`,
})
}, 200)
}
});
}
})
},
returnToPage: function () {
/*关闭当前页面,跳转到其它页面。*/
wx.redirectTo({
url: `../list/index`,
})
},
/**
* 这里考虑上传图片异步问题,封装为同步
*/
syncUploadImage(file) {
let _baseUrl = config.baseUrl;
return new Promise((resolve, reject) => {
wx.uploadFile({
url: _baseUrl + "/file/upload", // 上传的服务器接口地址
filePath: file,
header: {
"Content-Type": "application/x-www-form-urlencoded;charset=UTF-8",
'Authorization': 'Bearer ' + getToken()
},
name: "file", //上传的所需字段,后端提供
formData: {},
success: (res) => {
// 上传完成操作
const data = JSON.parse(res.data)
resolve({
data: data
})
},
fail: (err) => {
//上传失败修改pedding为reject
console.log("访问接口失败", err);
wx.showToast({
title: "网络出错,上传失败",
icon: 'none',
duration: 1000
});
reject(err)
}
});
})
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady() {
},
/**
* 生命周期函数--监听页面显示
*/
onShow() {
},
/**
* 生命周期函数--监听页面隐藏
*/
onHide() {
},
/**
* 生命周期函数--监听页面卸载
*/
onUnload() {
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh() {
},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom() {
},
/**
* 用户点击右上角分享
*/
onShareAppMessage() {
}
})