|
|
<template>
|
|
|
<view>
|
|
|
<view class="cu-bar bg-white margin-top ">
|
|
|
<view class="action">
|
|
|
<text class="cuIcon-titles text-red"></text>
|
|
|
<text>会员名称</text>
|
|
|
</view>
|
|
|
<text class="margin-right">{{form.memberName}}</text>
|
|
|
</view>
|
|
|
|
|
|
<view class="cu-bar bg-white margin-top">
|
|
|
<view class="action">
|
|
|
<text class="cuIcon-titles text-red"></text>
|
|
|
<text>反馈日期</text>
|
|
|
</view>
|
|
|
<text class="margin-right">{{form.docDate}}</text>
|
|
|
</view>
|
|
|
<view class="cu-bar bg-white margin-top">
|
|
|
<view class="action">
|
|
|
<text class="cuIcon-titles text-red"></text>
|
|
|
<text>使用前效果</text>
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="margin-left margin-top">
|
|
|
{{form.symptomatic==null?'':form.symptomatic}}
|
|
|
</view>
|
|
|
<view class="flex justify-start" >
|
|
|
<image class="margin-left margin-top" v-for="(item,index) in beforeList" :key='index' :src="item.url" style="width: 100upx;height: 100upx;" mode="" @click="_previewImage(item.url)"></image>
|
|
|
</view>
|
|
|
<view class="cu-bar bg-white margin-top">
|
|
|
<view class="action">
|
|
|
<text class="cuIcon-titles text-red"></text>
|
|
|
<text>使用后的效果</text>
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="margin-left margin-top">
|
|
|
{{form.symptomatic==null?'':form.symptomatic}}
|
|
|
</view>
|
|
|
<view class="flex justify-start" style="display: flex;" >
|
|
|
<image class="margin-left margin-top" v-for="(item,index) in laterList" :key='index' :src="item.url" @click="_previewImage(item.url)" style="width: 100upx;height: 100upx;" mode=""></image>
|
|
|
</view>
|
|
|
<view class="cu-bar bg-white margin-top">
|
|
|
<view class="action">
|
|
|
<text class="cuIcon-titles text-red"></text>
|
|
|
<text>员工建议</text>
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="margin-left margin-top">
|
|
|
{{form.feedBack==null?'':form.feedBack}}
|
|
|
</view>
|
|
|
|
|
|
</view>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
import http from '../../../../../utils/data.js'
|
|
|
export default {
|
|
|
data() {
|
|
|
return {
|
|
|
userInfo: null,
|
|
|
form: null,
|
|
|
detailForm: {},
|
|
|
beforeList:[],
|
|
|
laterList:[],
|
|
|
}
|
|
|
},
|
|
|
methods: {
|
|
|
_previewImage(image) {
|
|
|
var imgArr = [];
|
|
|
imgArr.push(image);
|
|
|
//预览图片
|
|
|
uni.previewImage({
|
|
|
urls: imgArr,
|
|
|
current: imgArr[0]
|
|
|
});
|
|
|
},
|
|
|
getProjectProgressDetail() {
|
|
|
this.$api.getProjectProgressDetail({
|
|
|
progressId: this.form.id
|
|
|
}).then(res => {
|
|
|
if (res.code == '000000') {
|
|
|
console.log(res);
|
|
|
let beforeList = []
|
|
|
let laterList = []
|
|
|
res.rows.forEach(item=>{
|
|
|
|
|
|
item.url = http.http+"/img"+item.filePath+'/'+item.fileName
|
|
|
if(item.type==1){
|
|
|
laterList.push(item)
|
|
|
}else{
|
|
|
beforeList.push(item)
|
|
|
}
|
|
|
})
|
|
|
this.beforeList = beforeList
|
|
|
this.laterList = laterList
|
|
|
console.log(beforeList);
|
|
|
console.log(laterList);
|
|
|
} else {
|
|
|
uni.showModal({
|
|
|
title: '提示',
|
|
|
content: res.message,
|
|
|
showCancel: false,
|
|
|
success: function(res) {}
|
|
|
})
|
|
|
}
|
|
|
})
|
|
|
}
|
|
|
},
|
|
|
onLoad: function(option) { //option为object类型，会序列化上个页面传递的参数
|
|
|
if (option.item != undefined) {
|
|
|
this.form = JSON.parse(option.item)
|
|
|
}
|
|
|
},
|
|
|
onShow: function() {
|
|
|
this.userInfo = uni.getStorageSync('userInfo')
|
|
|
this.getProjectProgressDetail()
|
|
|
},
|
|
|
onPullDownRefresh: function() {
|
|
|
setTimeout(function() {
|
|
|
uni.redirectTo({
|
|
|
url: '../service-log'
|
|
|
})
|
|
|
uni.showToast({
|
|
|
title: '刷新成功',
|
|
|
icon: 'success',
|
|
|
duration: 2000
|
|
|
});
|
|
|
uni.stopPullDownRefresh();
|
|
|
}, 1000);
|
|
|
},
|
|
|
}
|
|
|
</script>
|
|
|
|
|
|
<style>
|
|
|
|
|
|
</style>
|