微信小程序+报修系统界面

// pages/add_repair/add_repair.js var app = getApp(); const recorderManager = wx.getRecorderManager() const innerAudioContext = wx.createInnerAudioContext() Page({ /** * 页面的初始数据 */ data: { setInter: '', num: 1, index:-1, hideAlert: true, uVideohide: false, uVideoHideView: false, startRecord: true, recording: false, reRecord: false, loading: false, disabled: false, isNewAudio: true, typeName: "总务处", buttonText: "暂无录音", repairManList:[], repairManMobile:'', repairManId:0, repairMan:'', sysUser:{}, types: [{ "id": "1", "name": "电教报修", "checked": true }, { "id": "2", "name": "总务报修", "checked": false }], levels: [ { "id": "2", "name": "紧急", "checked": true },{ "id": "1", "name": "常规", "checked": false } ], imgUrls: [], imageUrl: '', src: [], content: "", imgUrls: [], thumbnailsImgs: [], videoUrlShow: "", videoUrl: "", type: "", message: '', applicantName: "", address: "", radioUrl: "", description: "", remarks: "", mobile: "", typeId: "1", level: "2" }, bindPickerChange:function(e){ this.setData({ repairManMobile: this.data.repairManList[e.detail.value].mobile, index: e.detail.value, repairManId:this.data.repairManList[e.detail.value].id, repairMan:this.data.repairManList[e.detail.value].userName, }) }, radioChange: function (e) { this.setData({ typeId: e.detail.value }) }, radioLevelChange: function (e) { this.setData({ level: e.detail.value }) }, getRemarks: function (e) { var val = e.detail.detail.value this.setData({ remarks: val, hideAlert: true }); }, getMobile: function (e) { var val = e.detail.value this.setData({ mobile: val, hideAlert: true }); }, getDescription: function (e) { var val = e.detail.value this.setData({ description: val, hideAlert: true }); }, getApplicantName: function (e) { console.log(e) var val = e.detail.value this.setData({ applicantName: val, hideAlert: true }); }, getAddress: function (e) { var val = e.detail.value console.log(val) this.setData({ address: val, hideAlert: true }); }, handleClick: function (e) { if (this.data.applicantName == '' || this.data.applicantName == null) { wx.showModal({ title: "尚未登录，无法提交", content: "现在去进行登录？", confirmText: "去登录", cancelText:"放弃使用", success(res) { if (res.confirm) { wx.navigateTo({ url: '/pages/binding/index', }) } else if (res.cancel) { } } }) return; } console.log(this.data.applicantName) if (this.data.applicantName == '') { wx.showModal({ content: '请输入申请人姓名', showCancel: false }) return } if (this.data.mobile == '') { wx.showModal({ content: '请输入联系电话', showCancel: false }) return } if (this.data.address == '') { wx.showModal({ content: '输入故障地点', showCancel: false }) return } //if (this.data.repairManMobile == '') { // wx.showModal({ // content: '请选择维修人员', // showCancel: false // }) // return // } if (this.data.description == '') { wx.showModal({ content: '请输入故障描述', showCancel: false }) return } var that = this; var imgUrlsArr = that.data.imgUrls; var imgUrls = ""; // 'content': for (var i = 0; i < imgUrlsArr.length; i++) { imgUrls += "," + imgUrlsArr[i]; } if (imgUrls != '') { imgUrls = imgUrls.substr(1) that.setData({ imageUrl: imgUrls }) } var times = 0 that.setData({ disabled: true }) setInterval(function () { times++ if (times >= 3) { that.setData({ disabled: false }) clearInterval(i) } }, 1000) if (this.tempFilePath && this.data.isNewAudio) { //存在音频，上传音频获取到音频地址后提交数据 console.log(" 执行 uploadsumit") that.upload() } else { console.log(" 执行 submitData") //不存音频直接提交数据 that.submitData() } }, getRepairMan:function(){ let that =this wx.request({ url: app.serverUrl + 'api/sysUser/list/1/1000', data: { userType: 3 }, header: { 'content-type': 'application/json' // 默认值 }, success: function (res) { console.log(res.data.list) that.setData({ repairManList:res.data.list }) }, complete: function () { wx.hideLoading({ success: (res) => {}, }) } }) }, getSysUser:function(){ let that =this var userInfo = app.globalData.userInfo wx.request({ url: app.serverUrl + 'api/sysUser/queryByMobile', data: { mobile: userInfo.mobile }, header: { 'content-type': 'application/json' // 默认值 }, success: function (res) { console.log(res.data) that.setData({ sysUser:res.data }) }, complete: function () { wx.hideLoading({ success: (res) => {}, }) } }) }, submitData: function (e) { let that = this // wx.requestSubscribeMessage({ // tmplIds: ['QbrQai0NpzbvXPFRravDW7n9D4dYZp3HMjFzTWyEsxk'], //在数组中填入刚刚复制的模版id // success(re) { // console.log(re) //我们可以输出res来看看是怎么样的(大家可以试试) let isNotice = 0; //然后我们判断用户是否点击了同意授权 // if (re['QbrQai0NpzbvXPFRravDW7n9D4dYZp3HMjFzTWyEsxk'] == 'accept') { //判断等于'accept'表示用户点击同意该条id对应的模板消息 //判断等于'reject'表示用户拒绝订阅该条id对应的模板消息 //判断等于'ban'表示已被后台封禁 //这里我们判断等于‘accept’表示用户同意订阅我们将执行云函数给用户发送订阅消息，这里有两种方法给用户发送订阅消息，我这里使用的是云函数，大家可以再去看看官方文档使用https调用进行发送 // isNotice = 1; // } else { //用户没有点击同意订阅 isNotice = 0; // } // console.log(that.data.radioUrl) wx.request({ url: app.serverUrl + 'api/repairInfo/add', method: "POST", header: { 'content-type': 'application/x-www-form-urlencoded' }, data: { "address": that.data.address, "description": that.data.description, "applicantName": that.data.applicantName, "isNotice": isNotice, "remarks": that.data.remarks, "mobile": that.data.mobile, "type": that.data.typeId, "level": that.data.level, "repairManMobile": that.data.repairManMobile, "repairManId": that.data.repairManId, "repairMan": that.data.repairMan, "status": 1, "imageUrl": that.data.imageUrl, "openid": app.globalData.openid, "radioUrl": that.data.radioUrl, "departmentId": that.data.sysUser.departmentId, "departmentName": that.data.sysUser.departmentName }, success: function (res) { console.log(res