346 lines
8.7 KiB
JavaScript
346 lines
8.7 KiB
JavaScript
import jsonConfig from '../../../utils/json'
|
||
const app = getApp()
|
||
Page({
|
||
|
||
/**
|
||
* 页面的初始数据
|
||
*/
|
||
data: {
|
||
deptId: "",
|
||
projectId: "",
|
||
projectName: "",
|
||
loginName: "",
|
||
imageInfoData: [],
|
||
loadShow: false,
|
||
standardType: "1",
|
||
standardTypeList: [],
|
||
info: "",
|
||
standardDesc: "",
|
||
standardNotes:[],
|
||
showPopup:false,
|
||
showDetailsName:"",
|
||
activeId:null,
|
||
mainActiveIndex:0,
|
||
},
|
||
|
||
/**
|
||
* 生命周期函数--监听页面加载
|
||
*/
|
||
onLoad(options) {
|
||
let {
|
||
projectId,
|
||
projectName
|
||
} = options
|
||
//获取缓存数据
|
||
wx.getStorage({
|
||
key: 'userinfo',
|
||
success: res => {
|
||
this.setData({
|
||
projectId,
|
||
projectName,
|
||
deptId: res.data.deptId,
|
||
loginName: res.data.loginName
|
||
})
|
||
this.getStandardTypeList();
|
||
this.initStandardTypeListNotes(this.data.standardType);
|
||
}
|
||
})
|
||
},
|
||
|
||
/**
|
||
* 初始化标准类型
|
||
*/
|
||
initStandardTypeListNotes(type) {
|
||
let index = type - 1;
|
||
this.setData({
|
||
activeId: null,
|
||
mainActiveIndex: 0,
|
||
showDetailsName: "",
|
||
standardNotes:jsonConfig.standardTypeListNotes[index]
|
||
})
|
||
},
|
||
|
||
//关闭申请明细选择
|
||
onShowPopup(e) {
|
||
this.setData({
|
||
showPopup: true
|
||
})
|
||
},
|
||
|
||
//关闭申请明细选择
|
||
onClosePopup(e) {
|
||
this.setData({
|
||
showPopup: false
|
||
})
|
||
},
|
||
|
||
/**
|
||
* 栏目触发事件
|
||
*/
|
||
onClickNav(e) {
|
||
this.setData({
|
||
activeId: null,
|
||
mainActiveIndex: e.detail.index
|
||
})
|
||
},
|
||
|
||
/**
|
||
* 选项触发事件
|
||
*/
|
||
onClickItem(e) {
|
||
this.setData({
|
||
activeId:e.detail.id,
|
||
showDetailsName: e.detail.text
|
||
})
|
||
this.onClosePopup();
|
||
},
|
||
|
||
getStandardTypeList() {
|
||
let that = this
|
||
wx.request({
|
||
url: app.globalData.reqUrl + '/wechat/projectStandard/queryStandardType',
|
||
method: "get",
|
||
data: {},
|
||
header: {
|
||
'content-type': 'application/x-www-form-urlencoded'
|
||
},
|
||
success(res) {
|
||
res = res.data
|
||
if (res.code == 200) {
|
||
let list = [];
|
||
res.data.forEach(it => {
|
||
list.push({
|
||
"id": it.dictValue,
|
||
"text": it.dictLabel,
|
||
"info": it.remark
|
||
});
|
||
})
|
||
that.setData({
|
||
standardTypeList: list,
|
||
standardType: res.data[0].dictValue,
|
||
info: res.data[0].remark
|
||
})
|
||
}
|
||
}
|
||
})
|
||
},
|
||
|
||
//图片描述
|
||
onInputStandardDesc(e) {
|
||
let standardDesc = e.detail.value
|
||
this.setData({
|
||
standardDesc
|
||
})
|
||
},
|
||
|
||
// list 上传图片
|
||
onImagesArr(e) {
|
||
var data = this.data.imageInfoData
|
||
data = e.detail
|
||
this.setData({
|
||
imageInfoData: data
|
||
})
|
||
},
|
||
|
||
//取消页面
|
||
cancelSaveView() {
|
||
this.returnToPage()
|
||
},
|
||
|
||
//保存
|
||
onSave() {
|
||
this.setData({
|
||
loadShow: true
|
||
})
|
||
let that = this
|
||
let {
|
||
projectId,
|
||
loginName,
|
||
deptId,
|
||
standardType,
|
||
standardDesc,
|
||
imageInfoData,
|
||
activeId
|
||
} = that.data;
|
||
//数据效验
|
||
if (projectId == "" || loginName == "" || deptId == "") {
|
||
app.toast("数据异常，请刷新页面重试!")
|
||
that.setData({
|
||
loadShow: false
|
||
})
|
||
return;
|
||
}
|
||
if (standardType == "") {
|
||
app.toast("请选择标准类型!")
|
||
that.setData({
|
||
loadShow: false
|
||
})
|
||
return;
|
||
}
|
||
if(!activeId){
|
||
app.toast("请选择类型明细!")
|
||
that.setData({
|
||
loadShow: false
|
||
})
|
||
return;
|
||
}
|
||
if (imageInfoData.length == 0) {
|
||
app.toast("请上传标准图片!")
|
||
that.setData({
|
||
loadShow: false
|
||
})
|
||
return;
|
||
}
|
||
if (standardDesc == "") {
|
||
app.toast("请填写图片描述!")
|
||
that.setData({
|
||
loadShow: false
|
||
})
|
||
return;
|
||
}
|
||
let fileUrls = [];
|
||
imageInfoData.forEach(async (item) => {
|
||
let uploadUrl = app.globalData.uploadUrl + '/common/upload'
|
||
let name = "file"
|
||
//这里复杂的图片上传，改为同步上传，因为小程序只能上传一张图片
|
||
let obj = await that.syncUploadImage(uploadUrl, item, name);
|
||
fileUrls.push(obj.data.fileName);
|
||
//验证图片上传完毕
|
||
if (fileUrls.length == imageInfoData.length) {
|
||
let params = {
|
||
projectId,
|
||
deptId,
|
||
imageFile: fileUrls.toString(),
|
||
standardType:activeId,
|
||
standardDesc,
|
||
ord: 1,
|
||
createBy: loginName
|
||
}
|
||
wx.request({
|
||
url: app.globalData.reqUrl + '/wechat/projectStandard/add',
|
||
method: "POST",
|
||
data: params,
|
||
header: {
|
||
"Username": loginName,
|
||
"Content-Type": "application/json"
|
||
},
|
||
success(res) {
|
||
that.setData({
|
||
loadShow: false
|
||
})
|
||
res = res.data
|
||
if (res.code == 200) {
|
||
app.toast("添加成功!")
|
||
setTimeout(() => {
|
||
wx.redirectTo({
|
||
url: '../list/index',
|
||
})
|
||
}, 200)
|
||
}
|
||
}
|
||
})
|
||
}
|
||
})
|
||
},
|
||
|
||
/**
|
||
* 这里考虑上传图片异步问题，封装为同步
|
||
*/
|
||
syncUploadImage(url, uploadFile, name) {
|
||
return new Promise((resolve, reject) => {
|
||
wx.uploadFile({
|
||
url, // 上传的服务器接口地址
|
||
filePath: uploadFile,
|
||
header: {
|
||
"Content-Type": "application/x-www-form-urlencoded;charset=UTF-8"
|
||
},
|
||
name, //上传的所需字段，后端提供
|
||
formData: {
|
||
user: 'test'
|
||
},
|
||
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)
|
||
}
|
||
});
|
||
})
|
||
},
|
||
|
||
//选择项目标准类型
|
||
onSelectStandardType(e) {
|
||
this.setData({
|
||
standardType: e.detail.id,
|
||
info: e.detail.info
|
||
})
|
||
this.initStandardTypeListNotes(e.detail.id);
|
||
},
|
||
|
||
returnToPage: function () {
|
||
/*关闭当前页面，跳转到应用内的某个页面。但是不允许跳转到 tabbar 页面*/
|
||
wx.redirectTo({
|
||
url: '../list/index',
|
||
})
|
||
},
|
||
|
||
/**
|
||
* 生命周期函数--监听页面初次渲染完成
|
||
*/
|
||
onReady() {
|
||
|
||
},
|
||
|
||
/**
|
||
* 生命周期函数--监听页面显示
|
||
*/
|
||
onShow() {
|
||
|
||
},
|
||
|
||
/**
|
||
* 生命周期函数--监听页面隐藏
|
||
*/
|
||
onHide() {
|
||
|
||
},
|
||
|
||
/**
|
||
* 生命周期函数--监听页面卸载
|
||
*/
|
||
onUnload() {
|
||
|
||
},
|
||
|
||
/**
|
||
* 页面相关事件处理函数--监听用户下拉动作
|
||
*/
|
||
onPullDownRefresh() {
|
||
|
||
},
|
||
|
||
/**
|
||
* 页面上拉触底事件的处理函数
|
||
*/
|
||
onReachBottom() {
|
||
|
||
},
|
||
|
||
/**
|
||
* 用户点击右上角分享
|
||
*/
|
||
onShareAppMessage() {
|
||
|
||
}
|
||
}) |