<template>
|
<view class="">
|
|
<view class="item-row flex j-c-s-b a-i-c">
|
<text>整改内容</text>
|
<text>{{info.remark}}</text>
|
</view>
|
<view class="item-row flex j-c-s-b a-i-c">
|
<text>时间</text>
|
<text>{{info.createTime}}</text>
|
</view>
|
|
<view class="image-wrap bgc-ff" v-if="images.length">
|
<view class="mb-20">
|
图片
|
</view>
|
<view class="image-item" v-for="(i,k) in images" @click="previewImage(images,i)">
|
<u-image :src="i" width="100rpx" height="100rpx"></u-image>
|
</view>
|
</view>
|
|
<view class="image-wrap bgc-ff" v-if="signatureUrl.length">
|
<view class="mb-20">
|
签名
|
</view>
|
<view class="image-item" v-for="(i,k) in signatureUrl" @click="previewImage(signatureUrl,i)">
|
<u-image :src="i" width="100rpx" height="100rpx"></u-image>
|
</view>
|
</view>
|
|
</view>
|
</template>
|
|
<script>
|
import {
|
getPlaceCheckDetail
|
} from '@/api/place/place.js'
|
|
export default {
|
data() {
|
return {
|
info: {},
|
images: [],
|
signatureUrl: []
|
}
|
},
|
onLoad(option) {
|
this.getDetail(option.id);
|
},
|
methods: {
|
getDetail(id) {
|
getPlaceCheckDetail({
|
id
|
}).then(res => {
|
this.info = res.data;
|
this.images = this.$setImageUrl(res.data.imageUrls);
|
this.signatureUrl = this.$setImageUrl(res.data.signaturePath);
|
})
|
},
|
|
|
|
|
previewImage(urls, current) {
|
uni.previewImage({
|
urls,
|
current
|
})
|
}
|
|
}
|
}
|
</script>
|
|
<style lang="scss">
|
page {
|
background-color: #f5f5f5;
|
}
|
|
.item-row {
|
width: 100%;
|
padding: 30rpx;
|
box-sizing: border-box;
|
border-bottom: 1px solid #f5f5f5;
|
font-size: 28rpx;
|
background-color: #fff;
|
|
.item-content {
|
width: 70%;
|
text-align: right;
|
}
|
}
|
|
.image-wrap {
|
margin-top: 20rpx;
|
padding: 20rpx;
|
|
.image-item {
|
margin-right: 20rpx;
|
}
|
}
|
</style>
|
