<template>
|
<view class="">
|
<view class="bgc-ff">
|
<view class="item-row flex j-c-s-b a-i-c">
|
<text>地址</text>
|
<text class="address">{{detail.address}}</text>
|
</view>
|
<view class="item-row flex j-c-s-b a-i-c" v-if="detail.recContent">
|
<text>核查信息</text>
|
<text class="address">{{detail.recContent}}</text>
|
</view>
|
|
<view class="item-row flex j-c-s-b a-i-c">
|
<text>时间</text>
|
<text>{{detail.createTime}}</text>
|
</view>
|
</view>
|
<!-- <view class="box bgc-ff" v-if="detail.context">
|
<view class="caption f-28">
|
巡查内容
|
</view>
|
<view class="f-30">
|
{{detail.context}}
|
</view>
|
</view> -->
|
<view class="box bgc-ff" v-if="images.length">
|
<view class="caption f-28">
|
核查现场照片
|
</view>
|
<u-album :urls="images" singleSize="100" multipleSize="100"></u-album>
|
</view>
|
</view>
|
|
</template>
|
|
<script>
|
import {
|
getCounterfraudDisopesDetail
|
} from "@/api/counterfraud/counterfraud.js"
|
|
import {
|
minioBaseUrl
|
}
|
from "@/common/setting.js"
|
export default {
|
data() {
|
return {
|
detail: {},
|
images: []
|
}
|
},
|
|
onLoad(option) {
|
this.getDetail(option.id)
|
},
|
|
methods: {
|
getDetail(id) {
|
getCounterfraudDisopesDetail({
|
id
|
}).then(res => {
|
this.detail = res.data;
|
if (res.data.url) {
|
this.images = this.setImageUrl(res.data.url);
|
}
|
})
|
},
|
|
setImageUrl(str) {
|
let urls = str.split(",")
|
let temp = [];
|
for (let i of urls) {
|
temp.push(`${minioBaseUrl}${i}`)
|
}
|
return temp
|
}
|
}
|
}
|
</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;
|
}
|
|
.address {
|
width: 70%;
|
text-align: right;
|
}
|
|
.box {
|
padding: 0 30rpx 30rpx;
|
margin-top: 20rpx;
|
}
|
|
.caption {
|
padding: 30rpx 0;
|
}
|
</style>
|