chen
/
flying-monkey
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

调整处理工单签到执行页

master
chen 2022-03-30 18:51:24 +08:00
parent 55be026959
commit 67d554a037
3 changed files with 136 additions and 138 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

117
jsFile/tools.js
View File

@ -291,7 +291,8 @@ const tools = {
seconds = seconds < 10 && seconds >= 1 ? ('0' + seconds) : seconds; seconds = seconds < 10 && seconds >= 1 ? ('0' + seconds) : seconds;
return hours + ' : ' + minutes + ' : ' + seconds; return hours + ' : ' + minutes + ' : ' + seconds;
}, },
escape2Html(str) {//富文本 // 富文本
escape2Html(str) {
var arrEntities = { 'lt': '<', 'gt': '>', 'nbsp': ' ', 'amp': '&', 'quot': '"' }; var arrEntities = { 'lt': '<', 'gt': '>', 'nbsp': ' ', 'amp': '&', 'quot': '"' };
return str.replace(/&(lt|gt|nbsp|amp|quot|src);/ig, function (all, t) { return str.replace(/&(lt|gt|nbsp|amp|quot|src);/ig, function (all, t) {
return arrEntities[t]; return arrEntities[t];
@ -300,39 +301,10 @@ const tools = {
.replace(/\<img/g, '<img @tap="pre" style="max-width:100%!important;height:auto" ') .replace(/\<img/g, '<img @tap="pre" style="max-width:100%!important;height:auto" ')
.replace(/src=\"/g,'src="https://oss.hmzfyy.cn'); .replace(/src=\"/g,'src="https://oss.hmzfyy.cn');
}, },
updaX(){//检测小程序版本以及更新小程序 // 检查网络状态
// #ifdef MP-WEIXIN networkStatus(){
// 获取小程序的运行环境、版本号、appId 注意：线上小程序版本号仅支持在正式版小程序中获取，开发版和体验版中无法获取。
const accountInfo = wx.getAccountInfoSync();//使用详情：https://developers.weixin.qq.com/miniprogram/dev/api/open-api/account-info/wx.getAccountInfoSync.html
var version = accountInfo.miniProgram.version;
console.log(version,319);
// 检测小程序的更新
const updateManager = wx.getUpdateManager()//以下使用详情：https://developers.weixin.qq.com/miniprogram/dev/api/base/update/UpdateManager.html#%E7%A4%BA%E4%BE%8B%E4%BB%A3%E7%A0%81
updateManager.onCheckForUpdate(function (res) {
// 请求完新版本信息的回调
// console.log('检测是否有更新：',res.hasUpdate)
})
updateManager.onUpdateReady(function (res) {
wx.showModal({
title: `更新`,
content: `新版本${version}已上线，是否重启应用`,
success:(res)=> {
if (res.confirm) {
// 新的版本已经下载好，调用 applyUpdate 应用新版本并重启
updateManager.applyUpdate()
}
}
})
})
updateManager.onUpdateFailed(function (res) {
// 新版本下载失败
// console.log('新版本下载失败:',res);
})
// #endif
},
networkStatus(){//检查网络状态
uni.getNetworkType({ uni.getNetworkType({
success: function (res) { success: (res)=> {
console.log('当前网络状态：',res.networkType);//none：当前无网络连接 console.log('当前网络状态：',res.networkType);//none：当前无网络连接
if(res.networkType=='none'){ if(res.networkType=='none'){
uni.setStorageSync('isNet',false) uni.setStorageSync('isNet',false)
@ -341,12 +313,84 @@ const tools = {
// 微信小程序原生API性能优化 // 微信小程序原生API性能优化
// #ifdef MP-WEIXIN // #ifdef MP-WEIXIN
// 连网下，检测小程序是否有更新 // 连网下，检测小程序是否有更新
tools.updaX(); this.checkUpdate();
// #endif // #endif
} }
} }
}); });
}, },
// app、小程序的检测版本并更新
checkUpdate(){
// 检测app
// #ifdef APP-PLUS
// #endif
//检测小程序
// #ifdef MP-WEIXIN
var self = this;
// 获取小程序更新机制兼容
if (wx.canIUse('getUpdateManager')) {
const updateManager = wx.getUpdateManager();//1. 检查小程序是否有新版本发布
updateManager.onCheckForUpdate(function(res) {// 请求完新版本信息的回调
if (res.hasUpdate) {
//检测到新版本，需要更新，给出提示
wx.showModal({
title: '更新提示',
content: '检测到新版本，是否下载新版本并重启小程序？',
success: function(res) {
if (res.confirm) {
//2. 用户确定下载更新小程序，小程序下载及更新静默进行
self.downLoadAndUpdate(updateManager)
// 清除所有缓存
uni.clearStorage();
uni.clearStorageSync();
} else if (res.cancel) {
//用户点击取消按钮的处理，如果需要强制更新，则给出二次弹窗，如果不需要，则这里的代码都可以删掉了
wx.showModal({
title: '温馨提示~',
content: '本次版本更新涉及到新的功能添加，旧版本无法正常访问的哦~',
showCancel:false,//隐藏取消按钮
confirmText:"确定更新",//只保留确定更新按钮
success: function(res) {
if (res.confirm) {
//下载新版本，并重新应用
self.downLoadAndUpdate(updateManager)
}
}
})
}
}
})
}
})
} else { // 如果希望用户在最新版本的客户端上体验您的小程序，可以这样子提示
wx.showModal({
title: '提示',
content: '当前微信版本过低，无法使用该功能，请升级到最新微信版本后重试。'
})
}
// #endif
},
/**
* 下载小程序新版本并重启应用
* */
downLoadAndUpdate(updateManager){
var self = this;
wx.showLoading(); //静默下载更新小程序新版本
updateManager.onUpdateReady(function () {
wx.hideLoading(); //新的版本已经下载好，调用 applyUpdate 应用新版本并重启
updateManager.applyUpdate();
// 清除缓存
uni.clearStorageSync();
uni.clearStorage();
})
updateManager.onUpdateFailed(function () { // 新的版本下载失败
wx.showModal({
title: '已经有新版本了哟~',
content: '新版本已经上线啦~，请您删除当前小程序，重新搜索打开哟~',
})
})
},
// 文本复制 // 文本复制
clickCopy(data){ clickCopy(data){
uni.setClipboardData({ uni.setClipboardData({
@ -456,13 +500,10 @@ const tools = {
// console.log(hInfo.envVersion);//develop:开发版 trial：体验版 release：正式版 // console.log(hInfo.envVersion);//develop:开发版 trial：体验版 release：正式版
// if(hInfo.miniProgram.envVersion == "develop"){ // if(hInfo.miniProgram.envVersion == "develop"){
if(hInfo.miniProgram.envVersion == "develop" || hInfo.miniProgram.envVersion == "trial"){ if(hInfo.miniProgram.envVersion == "develop" || hInfo.miniProgram.envVersion == "trial"){
// (开发版,体验版)-配置全局域名
// uni.setStorageSync('hostapi','https://hengmei.scdxtc.cn/api/');
} else { } else {
// 清除所有输出日志 // 清除所有输出日志
console.log = () =>{}; console.log = () =>{};
// 正式版-配置全局域名
// uni.setStorageSync('hostapi','https://hm.hmzfyy.cn/api/');
// 开启埋点倒计时 // 开启埋点倒计时
this.daoTime();//开启埋点倒计时 this.daoTime();//开启埋点倒计时
} }

154
pages/workOrder/workOrder.vue
View File

@ -5,145 +5,84 @@
<view slot="content" style="margin: -20rpx -25rpx 0rpx;"> <view slot="content" style="margin: -20rpx -25rpx 0rpx;">
<view class="work-order-schedule"> <view class="work-order-schedule">
<view class="li"> <view class="li">
<view class="icon on icon-after"> <view class="icon on icon-after">1</view>
1 <view class="text">签到执行</view>
</view>
<view class="text">
签到执行
</view>
</view> </view>
<view class="li"> <view class="li">
<view class="icon icon-after"> <view class="icon icon-after">2</view>
2 <view class="text">填写维保单</view>
</view>
<view class="text">
填写维保单
</view>
</view> </view>
<view class="li"> <view class="li">
<view class="icon"> <view class="icon">3</view>
3 <view class="text">结算审核</view>
</view>
<view class="text">
结算审核
</view>
</view> </view>
</view> </view>
<view class="work-order-from"> <view class="work-order-from">
<view class="li"> <view class="li">
<view class="title"> <view class="title">工单编号：</view>
工单编号： <input type="text" disabled class="input" value="GD20211203-001" />
</view>
<input type="text" class="input" placeholder="" value="GD20211203-001" />
</view> </view>
<view class="li"> <view class="li">
<view class="title"> <view class="title">项目编号：</view>
项目编号： <input type="text" disabled class="input" value="GD20211203-001" />
</view>
<input type="text" class="input" placeholder="" value="GD20211203-001" />
</view> </view>
<view class="li"> <view class="li">
<view class="title"> <view class="title">项目名称：</view>
项目名称： <input type="text" disabled class="input input-black" value="湖南省林业科学院11楼会议室P2.5" />
</view>
<input type="text" class="input input-black" placeholder="" value="湖南省林业科学院11楼会议室P2.5" />
</view> </view>
<view class="li"> <view class="li">
<view class="title"> <view class="title">产品类型：</view>
产品类型： <input type="text" class="input" v-model="productType" placeholder="请填写产品类型" :style="{color: productType!='' ? '#000' : ''}" />
</view>
<input type="text" class="input" placeholder="" value="Q2.5-E" />
</view> </view>
<view class="li"> <view class="li">
<view class="title"> <view class="title">安装位置：</view>
安装位置： <input type="text" class="input" v-model="installLocation" placeholder="请填写安装位置" :style="{color: installLocation!='' ? '#000' : ''}" />
</view>
<input type="text" class="input" placeholder="" value="详细地址+某某栋11楼会议室" />
</view> </view>
<view class="li"> <view class="li">
<view class="title"> <view class="title">故障类型：</view>
故障类型： <input type="text" class="input" v-model="faultType" placeholder="请填写故障类型" :style="{color: faultType!='' ? '#000' : ''}" />
</view>
<input type="text" class="input" placeholder="" value="供电不足" />
</view> </view>
<view class="li"> <view class="li">
<view class="title"> <view class="title">紧急程度：</view>
紧急程度： <input type="text" disabled class="input" placeholder="" value="紧急" />
</view>
<input type="text" class="input" placeholder="" value="紧急" />
</view> </view>
<view class="li"> <view class="li">
<view class="title"> <view class="title"> 故障说明：</view>
<textarea auto-height class="input" v-model="faultExplain" placeholder="请输入故障说明" :style="{color: faultExplain!='' ? '#000' : ''}" />
故障说明：
</view>
<textarea auto-height class="input"
value="*********************************************************************************************************"
placeholder="" />
</view> </view>
<view class="li"> <view class="li">
<view class="title"> <view class="title flexs">故障图片：</view>
故障图片：
</view>
<view class="input"> <view class="input">
<image class="img" src="../../static/del/img001.png" mode="aspectFill"></image> <view v-for="(item,index) in faultImgList" :key="index" v-if="faultImgList.length!=0">
<image class="img" src="../../static/del/img001.png" mode="aspectFill"></image> <image class="img" :src="item" mode="aspectFill" ></image>
</view>
<view v-if="faultImgList.length!=2" @tap="chooseImg" class="img disjcac fon70" style="background-color: #DDDDDD;color: #EEEEEE;">+</view>
</view> </view>
</view> </view>
</view> </view>
<view class="work-order-from"> <view class="work-order-from">
<view class="li"> <view class="li">
<view class="title"> <view class="title">报 单 人：</view>
报 单 人： <input type="text" disabled class="input" placeholder="" value="林某" />
</view>
<input type="text" class="input" placeholder="" value="林某" />
</view>
<view class="li">
<view class="title">
报单时间：
</view>
<input type="text" class="input" placeholder="" value="2021/12/3 12:00:05" />
</view> </view>
<view class="li"> <view class="li">
<view class="title"> <view class="title">报单时间：</view>
服务方式： <input type="text" disabled disabled class="input" placeholder="" value="2021/12/3 12:00:05" />
</view>
<input type="text" class="input input-black" placeholder="" value="上门服务" />
</view> </view>
<view class="li"> <view class="li">
<view class="title"> <view class="title">服务方式：</view>
定位地址： <input type="text" v-model="serviceMode" class="input input-black" placeholder="请填写服务方式" :style="{color: serviceMode!='' ? '#000' : ''}" />
</view> </view>
<input type="text" class="input" placeholder="" value="*******************************" /> <view class="li">
<view class="title">定位地址：</view>
<input type="text" disabled class="input" placeholder="定位地址" />
</view> </view>
</view> </view>
<button class="submit-button" @click="goWorkOrderThree()" type="default">签到</button> <button class="submit-button" @click="goWorkOrderThree()" type="default">签到</button>
</view> </view>
</container-subgroup-two> </container-subgroup-two>
</view> </view>
</template> </template>
@ -159,10 +98,26 @@
}, },
data() { data() {
return { return {
productType:'Q2.5-E', // 产品类型
installLocation:'详细地址+某某栋11楼会议室', // 安装位置
faultType:'供电不足', // 故障类型
faultExplain:'', // 故障说明
faultImgList:[],
serviceMode: '' ,// 服务方式
} }
}, },
methods: { methods: {
// 上传图片
chooseImg(){
uni.chooseImage({
count:1,
sourceType:['album','camera'],
success: (res) => {
let imgsrc = res.tempFilePaths[0];
this.faultImgList.push(imgsrc);
}
})
},
goWorkOrderThree() { goWorkOrderThree() {
uni.navigateTo({ uni.navigateTo({
url: "/pages/workOrder/workorderTwo" url: "/pages/workOrder/workorderTwo"
@ -242,6 +197,7 @@
color: #8b8b8b; color: #8b8b8b;
flex: 1; flex: 1;
padding-left: 15rpx; padding-left: 15rpx;
display: flex;
} }
.work-order-from .li .input .img { .work-order-from .li .input .img {

3
pages/workOrder/workOrderLlsit.vue
View File

@ -247,7 +247,8 @@
}, },
// 查看工单详情和进入接单页面 // 查看工单详情和进入接单页面
projectDetailsFun(status,id,statusText,statusColor) { projectDetailsFun(status,id,statusText,statusColor) {
if (uni.getStorageSync('type_id')==4 && status == 3) { // if (uni.getStorageSync('type_id')==4 && status == 3) {
if (status == 3) {
// 工程师点击待接单工单 // 工程师点击待接单工单
uni.showModal({ uni.showModal({
cancelText:'取消', cancelText:'取消',