547 lines
15 KiB
JavaScript
547 lines
15 KiB
JavaScript
|
import {
|
|||
|
readNotes,
|
|||
|
readDeployNotes,
|
|||
|
startProcessInstance
|
|||
|
} from '../../../api/flowable'
|
|||
|
import {
|
|||
|
findMyDeptList,
|
|||
|
findAllByCategory
|
|||
|
} from '../../../api/publics'
|
|||
|
import config from '../../../config'
|
|||
|
import {
|
|||
|
getToken
|
|||
|
} from '../../../utils/auth'
|
|||
|
const app = getApp()
|
|||
|
Page({
|
|||
|
|
|||
|
/**
|
|||
|
* 页面的初始数据
|
|||
|
*/
|
|||
|
data: {
|
|||
|
maxDate: new Date(2088, 1, 1).getTime(),
|
|||
|
options: {},
|
|||
|
initData: {},
|
|||
|
deptList: [],
|
|||
|
dataList: [],
|
|||
|
useDeptId: "",
|
|||
|
useTime: "",
|
|||
|
applyReason: "",
|
|||
|
limit: 9,
|
|||
|
detailDataList: [],
|
|||
|
filesData: [],
|
|||
|
fileType: ["png", "jpg", "jpeg"],
|
|||
|
flowNodeList: [],
|
|||
|
flowNodes: [],
|
|||
|
stepList: [],
|
|||
|
active: "",
|
|||
|
},
|
|||
|
|
|||
|
/**
|
|||
|
* 生命周期函数--监听页面加载
|
|||
|
*/
|
|||
|
onLoad(options) {
|
|||
|
this.setData({
|
|||
|
options: options,
|
|||
|
initData: {
|
|||
|
id: app.globalData.useProjectId,
|
|||
|
text: app.globalData.useProjectName
|
|||
|
}
|
|||
|
})
|
|||
|
this.initDeptList();
|
|||
|
this.findMyDeptAssetsList();
|
|||
|
this.findFlowNodes();
|
|||
|
this.newApplyDetail();
|
|||
|
},
|
|||
|
|
|||
|
/**
|
|||
|
* 栏目触发事件
|
|||
|
*/
|
|||
|
onClickNav(e) {
|
|||
|
var index = e.currentTarget.dataset.index
|
|||
|
let list = this.data.detailDataList;
|
|||
|
list[index].activeId = null;
|
|||
|
list[index].mainActiveIndex = e.detail.index;
|
|||
|
this.setData({
|
|||
|
detailDataList: list
|
|||
|
})
|
|||
|
console.log(e.detail.index, this.data.dataList);
|
|||
|
},
|
|||
|
|
|||
|
/**
|
|||
|
* 选项触发事件
|
|||
|
*/
|
|||
|
onClickItem(e) {
|
|||
|
var index = e.currentTarget.dataset.index
|
|||
|
let list = this.data.detailDataList;
|
|||
|
list[index].detailId = e.detail.id;
|
|||
|
list[index].detailName = e.detail.text;
|
|||
|
list[index].showDetailsName = e.detail.detailName;
|
|||
|
if (e.detail.units) {
|
|||
|
let itemList = [];
|
|||
|
e.detail.units.split(',').forEach((item, idx) => {
|
|||
|
if (idx == 0) {
|
|||
|
list[index].useUnitIndex = idx;
|
|||
|
list[index].useUnit = item;
|
|||
|
}
|
|||
|
itemList.push({
|
|||
|
id: idx,
|
|||
|
text: item
|
|||
|
});
|
|||
|
});
|
|||
|
list[index].assetsUnits = itemList;
|
|||
|
}
|
|||
|
list[index].activeId = e.detail.id;
|
|||
|
list[index].showDetailsPopup = false;
|
|||
|
this.setData({
|
|||
|
detailDataList: list
|
|||
|
})
|
|||
|
},
|
|||
|
|
|||
|
/**
|
|||
|
* 初始化部门列表
|
|||
|
*/
|
|||
|
initDeptList() {
|
|||
|
findMyDeptList().then(res => {
|
|||
|
let list = [];
|
|||
|
res.data.forEach(item => {
|
|||
|
list.push({
|
|||
|
"id": item.deptId,
|
|||
|
"text": item.deptName
|
|||
|
});
|
|||
|
});
|
|||
|
this.setData({
|
|||
|
deptList: list,
|
|||
|
useDeptId: app.globalData.userData?.deptId,
|
|||
|
})
|
|||
|
});
|
|||
|
},
|
|||
|
|
|||
|
//查询工作流节点
|
|||
|
findFlowNodes() {
|
|||
|
//readNotes
|
|||
|
readDeployNotes(this.data.options.deploymentId).then(res => {
|
|||
|
if (res.code == 200) {
|
|||
|
let list = [{
|
|||
|
text: '开始'
|
|||
|
}];
|
|||
|
res.data.forEach(item => {
|
|||
|
list.push({
|
|||
|
text: item.name,
|
|||
|
desc: ''
|
|||
|
});
|
|||
|
});
|
|||
|
list.push({
|
|||
|
text: '结束'
|
|||
|
});
|
|||
|
this.setData({
|
|||
|
stepList: list
|
|||
|
})
|
|||
|
}
|
|||
|
});
|
|||
|
},
|
|||
|
|
|||
|
//新增问题
|
|||
|
newApplyDetail() {
|
|||
|
var data = this.data.detailDataList
|
|||
|
data.push({
|
|||
|
detailId: '',
|
|||
|
detailName: '',
|
|||
|
showDetailsName: '',
|
|||
|
showDetailsPopup: false,
|
|||
|
mainActiveIndex: 0,
|
|||
|
activeId: [],
|
|||
|
useUnit: "",
|
|||
|
useUnitIndex: "",
|
|||
|
assetsUnits: [],
|
|||
|
applyNumber: "",
|
|||
|
assetsVersion: "",
|
|||
|
useReason: ""
|
|||
|
})
|
|||
|
this.setData({
|
|||
|
detailDataList: data
|
|||
|
})
|
|||
|
},
|
|||
|
|
|||
|
/**
|
|||
|
* 删除申请详情
|
|||
|
* @param {*} e
|
|||
|
*/
|
|||
|
delApplyDetail(e) {
|
|||
|
var index = e.currentTarget.dataset.index
|
|||
|
var data = this.data.detailDataList
|
|||
|
data.splice(index, 1);
|
|||
|
this.setData({
|
|||
|
detailDataList: data
|
|||
|
})
|
|||
|
},
|
|||
|
|
|||
|
//保存
|
|||
|
onSave() {
|
|||
|
let {
|
|||
|
options,
|
|||
|
initData,
|
|||
|
useDeptId,
|
|||
|
useTime,
|
|||
|
applyReason,
|
|||
|
detailDataList,
|
|||
|
filesData
|
|||
|
} = this.data;
|
|||
|
//数据效验
|
|||
|
if (!initData.id || !options.procDefId || !options.category || !options.deploymentId) {
|
|||
|
app.toast("数据异常,请刷新页面重试!")
|
|||
|
return false;
|
|||
|
}
|
|||
|
if (useDeptId == "") {
|
|||
|
app.toast("请选择使用单位!")
|
|||
|
return false;
|
|||
|
}
|
|||
|
if (useTime == "") {
|
|||
|
app.toast("请选择使用时间!")
|
|||
|
return false;
|
|||
|
}
|
|||
|
if (applyReason == "") {
|
|||
|
app.toast("请填写申请原因!")
|
|||
|
return false;
|
|||
|
}
|
|||
|
if (detailDataList.length > 0) {
|
|||
|
for (let i = 0; i < detailDataList.length; i++) {
|
|||
|
if (!detailDataList[i].detailId || !detailDataList[i].detailName || detailDataList[i].activeId.length == 0) {
|
|||
|
app.toast("请选择申请明细!")
|
|||
|
return false;
|
|||
|
}
|
|||
|
if (!detailDataList[i].applyNumber) {
|
|||
|
app.toast("请填写申请数量!")
|
|||
|
return false;
|
|||
|
}
|
|||
|
if (!detailDataList[i].useUnit) {
|
|||
|
app.toast("请选择单位名称!")
|
|||
|
return false;
|
|||
|
}
|
|||
|
}
|
|||
|
} else {
|
|||
|
app.toast("请添加申请明细!")
|
|||
|
}
|
|||
|
if (filesData.length > 0) {
|
|||
|
for (let i = 0; i < filesData.length; i++) {
|
|||
|
let _fileType = filesData[0].split('.');
|
|||
|
_fileType = _fileType[_fileType.length - 1].toLowerCase();
|
|||
|
if (this.data.fileType.indexOf(_fileType) == -1) {
|
|||
|
app.toast("申请附件不支持 [ " + _fileType + " ] 格式!请检查第" + (i + 1) + "个附件")
|
|||
|
return false;
|
|||
|
}
|
|||
|
}
|
|||
|
}
|
|||
|
let that = this;
|
|||
|
wx.showModal({
|
|||
|
title: '提示',
|
|||
|
content: '是否确定提交流程申请?',
|
|||
|
success: function (sm) {
|
|||
|
if (sm.confirm) {
|
|||
|
that.submit()
|
|||
|
} else if (sm.cancel) {
|
|||
|
console.log('用户点击取消');
|
|||
|
}
|
|||
|
}
|
|||
|
})
|
|||
|
},
|
|||
|
|
|||
|
/**
|
|||
|
* 表单确认提交
|
|||
|
*/
|
|||
|
submit() {
|
|||
|
let {
|
|||
|
filesData,
|
|||
|
} = this.data;
|
|||
|
let fileUrls = [];
|
|||
|
if (filesData.length > 0) {
|
|||
|
filesData.forEach(async (item) => {
|
|||
|
//这里复杂的图片上传,改为同步上传,因为小程序只能上传一张图片
|
|||
|
let ajaxResult = await this.syncUploadImage(item);
|
|||
|
fileUrls.push(ajaxResult.data.fileName);
|
|||
|
//验证图片上传完毕
|
|||
|
if (fileUrls.length == filesData.length) {
|
|||
|
this.sbm(fileUrls.toString());
|
|||
|
}
|
|||
|
})
|
|||
|
} else {
|
|||
|
this.sbm("");
|
|||
|
}
|
|||
|
|
|||
|
},
|
|||
|
|
|||
|
sbm(fileUrls) {
|
|||
|
let {
|
|||
|
options,
|
|||
|
initData,
|
|||
|
useDeptId,
|
|||
|
useTime,
|
|||
|
applyReason,
|
|||
|
detailDataList,
|
|||
|
dataList
|
|||
|
} = this.data;
|
|||
|
let applyDetailList = [];
|
|||
|
detailDataList.forEach(detail => {
|
|||
|
applyDetailList.push({
|
|||
|
superTypeKey: options.category,
|
|||
|
typeId: dataList[detail.mainActiveIndex].id,
|
|||
|
typeName: dataList[detail.mainActiveIndex].name,
|
|||
|
assetsId: detail.detailId,
|
|||
|
assetsName: detail.detailName,
|
|||
|
number: detail.applyNumber,
|
|||
|
assetsUnit: detail.useUnit,
|
|||
|
assetsVersion: detail.assetsVersion,
|
|||
|
useReason: detail.useReason
|
|||
|
});
|
|||
|
});
|
|||
|
let params = {
|
|||
|
procDefId: options.procDefId,
|
|||
|
proProjectApply: {
|
|||
|
deptId: useDeptId,
|
|||
|
projId: initData.id,
|
|||
|
projName: initData.text,
|
|||
|
applyType: options.category,
|
|||
|
applyStatus: 1,
|
|||
|
useTime,
|
|||
|
applyReason,
|
|||
|
applyFiles: fileUrls,
|
|||
|
proProjectApplyDetailList: applyDetailList
|
|||
|
}
|
|||
|
}
|
|||
|
startProcessInstance(params).then(res => {
|
|||
|
if (res.code == '200') {
|
|||
|
app.toast("提交流程申请成功!", 'success');
|
|||
|
//跳转页面
|
|||
|
wx.redirectTo({
|
|||
|
url: '../../index/index',
|
|||
|
})
|
|||
|
}
|
|||
|
});
|
|||
|
},
|
|||
|
|
|||
|
/**
|
|||
|
* 这里考虑上传图片异步问题,封装为同步
|
|||
|
*/
|
|||
|
syncUploadImage(file) {
|
|||
|
let url = config.baseUrl + "/common/upload";
|
|||
|
let name = "file";
|
|||
|
return new Promise((resolve, reject) => {
|
|||
|
wx.uploadFile({
|
|||
|
url, // 上传的服务器接口地址
|
|||
|
filePath: file,
|
|||
|
header: {
|
|||
|
"Content-Type": "application/x-www-form-urlencoded;charset=UTF-8",
|
|||
|
'Authorization': 'Bearer ' + getToken(),
|
|||
|
},
|
|||
|
name, //上传的所需字段,后端提供
|
|||
|
formData: null,
|
|||
|
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)
|
|||
|
}
|
|||
|
});
|
|||
|
})
|
|||
|
},
|
|||
|
|
|||
|
//申请说明输入
|
|||
|
applyReasonblur: function (options) {
|
|||
|
this.data.applyReason = options.detail.value;
|
|||
|
},
|
|||
|
|
|||
|
//申请附件上传
|
|||
|
fileUpload(options) {
|
|||
|
let files = options.detail;
|
|||
|
this.setData({
|
|||
|
filesData: files
|
|||
|
});
|
|||
|
},
|
|||
|
|
|||
|
//使用单位
|
|||
|
onSelectDept(e) {
|
|||
|
this.setData({
|
|||
|
useDeptId: e.detail.id
|
|||
|
})
|
|||
|
},
|
|||
|
|
|||
|
//使用时间
|
|||
|
onInputTime(e) {
|
|||
|
this.setData({
|
|||
|
useTime: e.detail
|
|||
|
})
|
|||
|
},
|
|||
|
|
|||
|
//查询部门资产列表信息
|
|||
|
findMyDeptAssetsList() {
|
|||
|
findAllByCategory(this.data.options.category).then(res => {
|
|||
|
if (res.code == '200') {
|
|||
|
let list = [];
|
|||
|
res.data.forEach(item => {
|
|||
|
let children = [];
|
|||
|
item.childrenAssetsTypeList.forEach(child => {
|
|||
|
children.push({
|
|||
|
id: child.id,
|
|||
|
text: child.name,
|
|||
|
units: child.unit,
|
|||
|
detailName: item.name + ' > ' + child.name
|
|||
|
});
|
|||
|
})
|
|||
|
list.push({
|
|||
|
id: item.id,
|
|||
|
text: item.name,
|
|||
|
children: children
|
|||
|
});
|
|||
|
});
|
|||
|
this.setData({
|
|||
|
dataList: list
|
|||
|
})
|
|||
|
}
|
|||
|
});
|
|||
|
},
|
|||
|
|
|||
|
//输入申请数量
|
|||
|
onInputNumber(e) {
|
|||
|
var index = e.currentTarget.dataset.index
|
|||
|
let list = this.data.detailDataList;
|
|||
|
let value = e.detail.value;
|
|||
|
list[index].applyNumber = value;
|
|||
|
this.setData({
|
|||
|
detailDataList: list
|
|||
|
})
|
|||
|
},
|
|||
|
|
|||
|
//选择资产单位
|
|||
|
onSelectUnit(e) {
|
|||
|
var index = e.currentTarget.dataset.index
|
|||
|
let list = this.data.detailDataList;
|
|||
|
list[index].useUnit = e.detail.text;
|
|||
|
list[index].useUnitIndex = e.detail.id;
|
|||
|
this.setData({
|
|||
|
detailDataList: list
|
|||
|
})
|
|||
|
},
|
|||
|
|
|||
|
//输入规格型号
|
|||
|
onInputVersion(e) {
|
|||
|
var index = e.currentTarget.dataset.index
|
|||
|
let list = this.data.detailDataList;
|
|||
|
list[index].assetsVersion = e.detail.value;
|
|||
|
this.setData({
|
|||
|
detailDataList: list
|
|||
|
})
|
|||
|
},
|
|||
|
|
|||
|
//输入使用说明
|
|||
|
onInputUseReason(e) {
|
|||
|
var index = e.currentTarget.dataset.index
|
|||
|
let list = this.data.detailDataList;
|
|||
|
list[index].useReason = e.detail.value;
|
|||
|
this.setData({
|
|||
|
detailDataList: list
|
|||
|
})
|
|||
|
},
|
|||
|
|
|||
|
//关闭申请明细选择
|
|||
|
onShowPopup(e) {
|
|||
|
var index = e.currentTarget.dataset.index
|
|||
|
let list = this.data.detailDataList;
|
|||
|
list[index].showDetailsPopup = true;
|
|||
|
this.setData({
|
|||
|
detailDataList: list
|
|||
|
})
|
|||
|
},
|
|||
|
|
|||
|
//关闭申请明细选择
|
|||
|
onClosePopup(e) {
|
|||
|
var index = e.currentTarget.dataset.index
|
|||
|
let list = this.data.detailDataList;
|
|||
|
list[index].showDetailsPopup = false;
|
|||
|
this.setData({
|
|||
|
detailDataList: list
|
|||
|
})
|
|||
|
},
|
|||
|
|
|||
|
/**
|
|||
|
* 切换临建项目
|
|||
|
* @param {*} e
|
|||
|
*/
|
|||
|
onProjectSelect: function (e) {
|
|||
|
let projectId = e.detail.id;
|
|||
|
let projectName = e.detail.text;
|
|||
|
app.globalData.useProjectId = projectId;
|
|||
|
app.globalData.useProjectName = projectName;
|
|||
|
this.setData({
|
|||
|
initData: {
|
|||
|
id: app.globalData.useProjectId,
|
|||
|
text: app.globalData.useProjectName
|
|||
|
}
|
|||
|
})
|
|||
|
},
|
|||
|
|
|||
|
returnToPage: function () {
|
|||
|
/*关闭当前页面,跳转到应用内的某个页面。但是不允许跳转到 tabbar 页面*/
|
|||
|
wx.redirectTo({
|
|||
|
url: '../myFlowDefinition/index',
|
|||
|
})
|
|||
|
},
|
|||
|
|
|||
|
/**
|
|||
|
* 生命周期函数--监听页面初次渲染完成
|
|||
|
*/
|
|||
|
onReady() {
|
|||
|
|
|||
|
},
|
|||
|
|
|||
|
/**
|
|||
|
* 生命周期函数--监听页面显示
|
|||
|
*/
|
|||
|
onShow() {
|
|||
|
|
|||
|
},
|
|||
|
|
|||
|
/**
|
|||
|
* 生命周期函数--监听页面隐藏
|
|||
|
*/
|
|||
|
onHide() {
|
|||
|
|
|||
|
},
|
|||
|
|
|||
|
/**
|
|||
|
* 生命周期函数--监听页面卸载
|
|||
|
*/
|
|||
|
onUnload() {
|
|||
|
|
|||
|
},
|
|||
|
|
|||
|
/**
|
|||
|
* 页面相关事件处理函数--监听用户下拉动作
|
|||
|
*/
|
|||
|
onPullDownRefresh() {
|
|||
|
|
|||
|
},
|
|||
|
|
|||
|
/**
|
|||
|
* 页面上拉触底事件的处理函数
|
|||
|
*/
|
|||
|
onReachBottom() {
|
|||
|
|
|||
|
},
|
|||
|
|
|||
|
/**
|
|||
|
* 用户点击右上角分享
|
|||
|
*/
|
|||
|
onShareAppMessage() {
|
|||
|
|
|||
|
}
|
|||
|
})
|