jhwxapp/miniprogram/pageage/project_checking/add/index.js

import {
    syncFileUpload
} from '../../../utils/request'
const app = getApp()
Page({

    /**
     * 页面的初始数据
     */
    data: {
        maxDate: new Date(2088, 1, 1).getTime(),
        minDate: new Date(2001, 1, 1).getTime(),
        deptId: "",
        projectId: "",
        projectName: "",
        loginName: "",
        userName: "",
        rectifierData: [],
        rectifierData2: [],
        imageInfoData: [],
        checkingResult: "1",
        //验收时间
        checkTime: '',
        loadShow: false,
        qualityUser: "",
        qualityUserName: "",
        superviseUser: "",
        superviseUserName: "",
        checkWorkingPosition: "",
        intro: "",
        dataTypeLvl1: "1",
        dataTypeLvl2: "",
        dataTypeLvl1List: [],
        dataTypeLvl2List: [],
        dataTypeLvl2AllList: [],
        list: [{
            id: 1,
            text: "合格"
        }, {
            id: 2,
            text: "不合格"
        }],
        flowNodes: [{
            text: '开始'
        }, {
            text: '提交申请'
        }, {
            text: '监理审批'
        }, {
            text: '结束'
        }],
        active: 0,
        checkingFiles: "",
        fileType: ["doc", "docx", "xls", "xlsx", "ppt", "pptx", "pdf", "png", "jpg", "jpeg"]
    },

    /**
     * 生命周期函数--监听页面加载
     */
    onLoad(options) {
        let {
            projectId,
            projectName
        } = options
        //获取缓存数据
        wx.getStorage({
            key: 'userinfo',
            success: res => {
                this.setData({
                    projectId,
                    projectName,
                    deptId: res.data.deptId,
                    loginName: res.data.loginName,
                    userName: res.data.nickName
                })
                this.getProjectUserData();
                this.getDataTypeLvlList();
            }
        })
    },

    //查询项目人员数据
    getProjectUserData() {
        let that = this
        wx.request({
            url: app.globalData.reqUrl + '/wechat/projectuserinfo/selectProjectUnitUser',
            method: "get",
            data: {
                unitType: "4",
                projectId: that.data.projectId
            },
            header: {
                'content-type': 'application/x-www-form-urlencoded'
            },
            success(res) {
                res = res.data
                if (res.code == 200) {
                    let tempData = []
                    that.setData({
                        rectifierData: res.data,
                    })
                }
            }
        })

        wx.request({
            url: app.globalData.reqUrl + '/wechat/projectuserinfo/selectProjectUnitUser',
            method: "get",
            data: {
                unitType: "2",
                projectId: that.data.projectId
            },
            header: {
                'content-type': 'application/x-www-form-urlencoded'
            },
            success(res) {
                res = res.data
                if (res.code == 200) {
                    let tempData = []
                    that.setData({
                        rectifierData2: res.data,
                    })
                }
            }
        })
    },

    //查询验收类型数据
    getDataTypeLvlList() {
        let that = this
        wx.request({
            url: app.globalData.reqUrl + '/wechat/projectchecking/queryDictType',
            method: "get",
            data: {
                type: "project_checking_data_type_lvl1"
            },
            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
                        });
                    })
                    that.setData({
                        dataTypeLvl1List: list,
                    })
                }
            }
        })

        wx.request({
            url: app.globalData.reqUrl + '/wechat/projectchecking/queryDictType',
            method: "get",
            data: {
                type: "project_checking_data_type_lvl2"
            },
            header: {
                'content-type': 'application/x-www-form-urlencoded'
            },
            success(res) {
                res = res.data
                if (res.code == 200) {
                    let tempData = []
                    res.data.forEach(it => {
                        if (it.remark == "1") {
                            tempData.push({
                                "id": it.dictValue,
                                "text": it.dictLabel
                            });
                        }
                    })
                    that.setData({
                        dataTypeLvl2List: tempData,
                        dataTypeLvl2AllList: res.data,
                        dataTypeLvl2: tempData[0].id,
                    })
                }
            }
        })
    },

    //切换验收结果
    onSelectType(e) {
        this.setData({
            checkingResult: e.detail.id
        })
    },
    //验收类型  
    onSelectTypeLvl1(e) {
        this.setData({
            dataTypeLvl1: e.detail.id
        })
        let tempData = []
        this.data.dataTypeLvl2AllList.forEach(it => {
            if (it.remark == e.detail.id) {
                tempData.push({
                    "id": it.dictValue,
                    "text": it.dictLabel
                });
            }
        })
        this.setData({
            dataTypeLvl2List: tempData,
            dataTypeLvl2: tempData[0].id,
        })
    },
    //类型分类 
    onSelectTypeLvl2(e) {
        this.setData({
            dataTypeLvl2: e.detail.id
        })
    },
    //工序部位
    onInputCheckWorkingPositionValue(e) {
        let checkWorkingPosition = e.detail.value
        this.setData({
            checkWorkingPosition
        })
    },
    //验收描述
    onInputIntroValue(e) {
        let intro = e.detail.value
        this.setData({
            intro
        })
    },

    //验收时间
    onInputTime(e) {
        let checkTime = e.detail
        this.setData({
            checkTime
        })
    },

    // list  上传图片
    onImagesArr(e) {
        var data = this.data.imageInfoData
        data = e.detail
        this.setData({
            imageInfoData: data
        })
    },

    //添加质量专员
    onAddQualityUser(e) {
        if (e.detail.length > 0) {
            this.setData({
                qualityUser: e.detail[0].phoneNumber,
                qualityUserName: e.detail[0].userName
            })
        }
    },

    //添加监理专员
    onAddSuperviseUser(e) {
        if (e.detail.length > 0) {
            this.setData({
                superviseUser: e.detail[0].phoneNumber,
                superviseUserName: e.detail[0].userName
            })
        }
    },

    //取消页面
    cancelSaveView() {
        this.returnToPage()
    },

    //保存
    onProblemSubmitSave() {
        this.setData({
            loadShow: true
        })
        let that = this
        let {
            projectId,
            deptId,
            qualityUser,
            qualityUserName,
            superviseUser,
            superviseUserName,
            checkWorkingPosition,
            intro,
            checkTime,
            checkingResult,
            imageInfoData,
            loginName,
            userName,
            dataTypeLvl1,
            dataTypeLvl2,
            checkingFiles
        } = that.data;
        //数据效验
        if (projectId == "" || deptId == "" || loginName == "") {
            app.toast("数据异常，请刷新页面重试!")
            that.setData({
                loadShow: false
            })
            return;
        }
        if (imageInfoData.length == 0) {
            app.toast("请上传举牌验收现场图片!")
            that.setData({
                loadShow: false
            })
            return;
        }
        if (dataTypeLvl1 == "") {
            app.toast("请选择验收类型!")
            that.setData({
                loadShow: false
            })
            return;
        }
        if (dataTypeLvl2 == "") {
            app.toast("请选择类型分类!")
            that.setData({
                loadShow: false
            })
            return;
        }
        if (qualityUser == "" || qualityUserName == "") {
            app.toast("请选择质量专员!")
            that.setData({
                loadShow: false
            })
            return;
        }
        if (superviseUser == "" || superviseUserName == "") {
            app.toast("请选择监理专员!")
            that.setData({
                loadShow: false
            })
            return;
        }
        if (checkWorkingPosition == "") {
            app.toast("请填写验收工序部位!")
            that.setData({
                loadShow: false
            })
            return;
        }
        if (intro == "") {
            app.toast("请填写验收结果描述!")
            that.setData({
                loadShow: false
            })
            return;
        }
        if (checkTime == "") {
            app.toast("请选择验收时间!")
            that.setData({
                loadShow: false
            })
            return;
        }
        // if(checkingResult==""){
        //     app.toast("请选择验收结果!")
        //     that.setData({
        //         loadShow:false
        //     })
        //     return;
        // }
        if (checkingFiles.length > 0) {
            for (let i = 0; i < checkingFiles.length; i++) {
                let _fileType = checkingFiles[i].path.split('.');
                _fileType = _fileType[_fileType.length - 1].toLowerCase();
                //判断附件类型，如果是图片直接展示，非图片则显示附件
                if (this.data.fileType.indexOf(_fileType) == -1) {
                    app.toast("当前 [ " + _fileType + " ] 文件不支持上传!")
                    that.setData({
                        loadShow: false
                    });
                    return;
                }
            }
        }
        let fileUrls = [];
        let _checkingFiles = [];
        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: deptId,
                    qualityUser,
                    qualityUserName,
                    superviseUser,
                    superviseUserName,
                    checkWorkingPosition,
                    intro,
                    checkingDate: checkTime,
                    //checkResult:checkingResult,
                    approveStatus: "1",
                    createBy: loginName,
                    imageUrls: fileUrls.toString(),
                    dataTypeLvl1,
                    dataTypeLvl2
                }
                if (checkingFiles.length > 0) {
                    for (let i = 0; i < checkingFiles.length; i++) {
                        syncFileUpload(checkingFiles[i].path).then(res => {
                            _checkingFiles.push(res.fileName);
                            if (checkingFiles.length == _checkingFiles.length) {
                                params.checkingFiles = JSON.stringify(_checkingFiles);
                                this.submitForm(params);
                            }
                        });
                    }
                } else {
                    this.submitForm(params);
                }
            }
        })
    },

    /**
     * 提交表单
     * @param {*} params 
     */
    submitForm(params) {
        let that = this
        wx.request({
            url: app.globalData.reqUrl + '/wechat/projectchecking/add',
            method: "POST",
            data: params,
            header: {
                "Username": that.data.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)
                }
            });
        })
    },

    /**
     * 相关附件上传
     * @param {*} options 
     */
    otherFileUpload(options) {
        let file = options.detail;
        this.setData({
            checkingFiles: file
        });
    },

    returnToPage: function () {
        /*关闭当前页面，跳转到应用内的某个页面。但是不允许跳转到 tabbar 页面*/
        wx.redirectTo({
            url: '../list/index',
        })
    },

    /**
     * 生命周期函数--监听页面初次渲染完成
     */
    onReady() {

    },

    /**
     * 生命周期函数--监听页面显示
     */
    onShow() {

    },

    /**
     * 生命周期函数--监听页面隐藏
     */
    onHide() {

    },

    /**
     * 生命周期函数--监听页面卸载
     */
    onUnload() {

    },

    /**
     * 页面相关事件处理函数--监听用户下拉动作
     */
    onPullDownRefresh() {

    },

    /**
     * 页面上拉触底事件的处理函数
     */
    onReachBottom() {

    },

    /**
     * 用户点击右上角分享
     */
    onShareAppMessage() {

    }
})