fix: opl详情显示图片

This commit is contained in:
caoqianming 2023-04-13 14:21:10 +08:00
parent 5749845e38
commit f788fdac3f
1 changed files with 34 additions and 2 deletions

View File

@ -74,6 +74,18 @@
</text> </text>
</view> </view>
</view> </view>
<view class="item">
<view class="title">现场照片</view>
<view class="content">
<u-upload :custom-btn="true" :file-list="create_imgs_list" :show-progress="false" :auto-upload="false" :deletable="false"></u-upload>
</view>
</view>
<view class="item">
<view class="title">关闭照片</view>
<view class="content">
<u-upload :custom-btn="true" :file-list="close_imgs_list" :show-progress="false" :auto-upload="false" :deletable="false"></u-upload>
</view>
</view>
<view class="item"> <view class="item">
<view class="title">监控状态</view> <view class="title">监控状态</view>
<view class="content contentFlex"> <view class="content contentFlex">
@ -173,6 +185,8 @@
measures_checked_:{}, measures_checked_:{},
mtask_uid:null mtask_uid:null
}, },
create_imgs_list: [],
close_imgs_list: [],
msOptions:{ msOptions:{
"REVOKED": "已停止", "REVOKED": "已停止",
"STARTED": "进行中", "STARTED": "进行中",
@ -197,11 +211,11 @@
onLoad(params) { onLoad(params) {
this.oplId = params.oplId; this.oplId = params.oplId;
this.getOpl(); this.getOpl();
},
onShow() {
this.getworkerList();// this.getworkerList();//
this.getgasList();// this.getgasList();//
}, },
onShow() {
},
methods: { methods: {
cancelPreImg(){ cancelPreImg(){
this.preImg = false; this.preImg = false;
@ -212,6 +226,18 @@
let that = this; let that = this;
that.$u.api.oplItem(that.oplId).then((res) => { that.$u.api.oplItem(that.oplId).then((res) => {
that.formData ={...res} ; that.formData ={...res} ;
res.create_imgs_.forEach(item=>{
that.create_imgs_list.push({
url: that.vuex_host+item.path,
id:item.id,
})
})
res.close_imgs_.forEach(item=>{
that.close_imgs_list.push({
url: that.vuex_host+item.path,
id:item.id,
})
})
}); });
}, },
// //
@ -293,6 +319,12 @@
}, },
preView(srcImg){ preView(srcImg){
this.preImg = true; this.preImg = true;
if(srcImg=='' || srcImg == null){
uni.showToast({
title: '未上传证件照片',
icon: 'none'
})
}
this.preImgSrc = this.vuex_host+srcImg; this.preImgSrc = this.vuex_host+srcImg;
console.log(this.preImgSrc) console.log(this.preImgSrc)
// this.$refs.imgPreView.open(); // this.$refs.imgPreView.open();