<template>
|
<view class="">
|
<view class="box 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.pubContent">
|
<text>宣防内容</text>
|
<text class="address">{{detail.pubContent}}</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 images bgc-ff" v-if="images.length">
|
<caption-row title="宣防佐证照片" />
|
<view class="ml-20 mt-10">
|
<u-album :urls="images" singleSize="100" multipleSize="100"></u-album>
|
</view>
|
|
</view>
|
|
<view class="box bgc-ff">
|
<caption-row title="宣防对象" />
|
<view class="" v-for="(i,k) in detail.backblastPubPersonEntityList" :key="k">
|
<view class="index-name f-28 fw">
|
人员-#{{k+ 1}}
|
</view>
|
<view class="item-row flex j-c-s-b a-i-c">
|
<text>姓名</text>
|
<text>{{i.name}}</text>
|
</view>
|
<view class="item-row flex j-c-s-b a-i-c">
|
<text>手机号</text>
|
<text>{{i.telephone}}</text>
|
</view>
|
<view class="item-row flex j-c-s-b a-i-c">
|
<text>身份证号</text>
|
<text>{{i.idCard}}</text>
|
</view>
|
<view class="item-row flex j-c-s-b a-i-c">
|
<text>职业</text>
|
<text>{{i.occupation}}</text>
|
</view>
|
<view class="item-row flex j-c-s-b a-i-c">
|
<text>居住地</text>
|
<text class="address">{{i.address}}</text>
|
</view>
|
</view>
|
</view>
|
<view class="blank"></view>
|
|
</view>
|
|
</template>
|
|
<script>
|
import {
|
getCounterfraudDetail
|
} from "@/api/counterfraud/counterfraud.js"
|
import {
|
|
minioBaseUrl
|
}
|
from "@/common/setting.js"
|
import captionRow from "@/components/caption/caption.vue"
|
export default {
|
components: {
|
captionRow
|
},
|
data() {
|
return {
|
detail: {},
|
images: []
|
}
|
},
|
|
onLoad(option) {
|
this.getDetail(option.id)
|
},
|
|
methods: {
|
getDetail(id) {
|
getCounterfraudDetail({
|
id
|
}).then(res => {
|
this.detail = res.data;
|
if (res.data.pubUrls) {
|
this.images = this.setImageUrl(res.data.pubUrls);
|
}
|
})
|
},
|
|
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: 20rpx;
|
box-sizing: border-box;
|
border-bottom: 1px solid #f5f5f5;
|
font-size: 28rpx;
|
}
|
|
.address {
|
width: 70%;
|
text-align: right;
|
}
|
|
.box {
|
padding: 0 20rpx;
|
margin: 20rpx 20rpx 0;
|
}
|
|
.images {
|
padding-bottom: 20rpx;
|
}
|
|
.caption {
|
padding: 30rpx 0;
|
}
|
|
.index-name {
|
padding: 20rpx 0;
|
margin-left: 20rpx;
|
}
|
|
.blank {
|
width: 100%;
|
height: 100rpx;
|
}
|
</style>
|
