极易检修单前端基于微信小程序, 采用前后端分离的方式设计,
运维人员可直接通过极易检修单生成检修单并分享给运维人员
前端代码已开源
前端代码已开源到gitee 地址: https://gitee.com/xxwan/easy-maintenance-list2
配置方式:
在/static/url.js中填写后台链接地址
在project.config.json中配置appid
使用到的技术
- 微信小程序
- PHP7.2
内容介绍
- 加入了微信小程序地图选择位置
- 接入了微信小程序导航
- 可对检修单进行导出
- 极简便的检修单
部分代码
- 地图选择位置
wx.chooseLocation({
success: (result) => {
that.setData({
'form.detailaddress': result.address ? result.address : result.longitude + ',' + result.latitude,
'form.address': result.name ? result.name : result.longitude + ',' + result.latitude,
'form.lonlat': result.longitude + ',' + result.latitude,
})
console.log(result)
},
fail: (res) => {},
complete: (res) => {},
})
- 位置导航
wx.openLocation({
latitude: parseFloat(address[1]),
longitude: parseFloat(address[0]),
})
- 导出并分享到文件传输助手代码
wx.downloadFile({
url: baseUrl + '/' + r.data.path,
success(res){
that.setData({
loading : true
})
wx.hideLoading({ })
var filePath = res.tempFilePath
wx.shareFileMessage({
filePath : filePath,
fileName : r.data.name
})
},
})
- 程序体验