<template>
|
<view class="">
|
<view class="item-row flex j-c-s-b a-i-c">
|
<text>场所名称</text>
|
<text class="item-content">{{info.placeName}}</text>
|
</view>
|
<view class="item-row flex j-c-s-b a-i-c">
|
<text>标签</text>
|
<text>{{label || "未完善"}}</text>
|
</view>
|
<view class="item-row flex j-c-s-b a-i-c">
|
<text>场所负责人</text>
|
<text>{{info.principal || "未完善"}}</text>
|
</view>
|
<view class="item-row flex j-c-s-b a-i-c">
|
<text>场所负责人电话</text>
|
<text>{{info.principalPhone || "未完善"}}</text>
|
</view>
|
<view class="item-row flex j-c-s-b a-i-c">
|
<text>检查人</text>
|
<text>{{info.name}}</text>
|
</view>
|
<view class="item-row flex j-c-s-b a-i-c">
|
<text>检查时间</text>
|
<text>{{info.createTime}}</text>
|
</view>
|
<view class="item-row flex j-c-s-b a-i-c">
|
<text>地址</text>
|
<text class="item-content">{{info.location}}</text>
|
</view>
|
|
<view class="item-row flex j-c-s-b a-i-c" v-if="inof.remark">
|
<text>其它隐患问题</text>
|
<text class="item-content">{{info.remark}}</text>
|
</view>
|
|
<view class="image-wrap bgc-ff" v-if="images.length">
|
<view class="mb-20">
|
图片
|
</view>
|
<view class="flex flex-wrap">
|
<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>
|
|
<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 class="mt-20 bgc-ff">
|
<block v-for="(item,index) in itemList">
|
<block v-for="(i,k) in item.children">
|
<block v-for="(n,m) in info.patrolRecordVOList">
|
<view class="item-row flex j-c-s-b a-i-c" v-if="i.id == n.itemId && n.state == 1">
|
<text class="item-left">{{i.title}}</text>
|
<text>不存在</text>
|
</view>
|
<u-collapse ref="collapse" v-if="i.id == n.itemId && n.state == 0">
|
<u-collapse-item :name="index" :title="i.title" value="存在">
|
<view class="mb-20" v-if="n.remark">
|
<view class="f-26 mb-10" style="color:#000">隐患描述</view>
|
<view class="f-28" style="color:#000">
|
{{n.remark}}
|
</view>
|
</view>
|
<view class="" v-if="n.imageUrls">
|
<view class="f-26 mb-10" style="color:#000">隐患照片</view>
|
<view class="flex flex-wrap">
|
<view class="mr-20" v-for="r in ($setImageUrl(n.imageUrls))">
|
<u-image :src="r" width="100rpx" height="100rpx"
|
@click="previewImage($setImageUrl(n.imageUrls),i)"></u-image>
|
</view>
|
</view>
|
</view>
|
</u-collapse-item>
|
</u-collapse>
|
</block>
|
</block>
|
</block>
|
</view>
|
|
|
|
</view>
|
</template>
|
|
<script>
|
import {
|
getPlaceCheckItem,
|
getPlaceCheckDetail
|
} from '@/api/place/place.js'
|
export default {
|
data() {
|
return {
|
info: {},
|
images: [],
|
signatureUrl: [],
|
label: "",
|
itemList: []
|
}
|
},
|
async onLoad(option) {
|
await this.getItem();
|
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);
|
if (res.data.placePoiLabelVOList.length) {
|
this.label = res.data.placePoiLabelVOList[res.data.placePoiLabelVOList.length - 1]
|
.labelName;
|
}
|
|
// this.label = res.data.
|
})
|
},
|
|
|
getItem() {
|
getPlaceCheckItem({
|
childType: 1,
|
type: 1
|
}).then(res => {
|
if (res.code == 200) {
|
this.itemList = res.data;
|
}
|
})
|
},
|
|
|
setUrl(src) {
|
return this.$setImageUrl(url)
|
},
|
|
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;
|
}
|
|
.item-left {
|
width: 70%;
|
}
|
}
|
|
.image-wrap {
|
margin-top: 20rpx;
|
padding: 20rpx;
|
|
.image-item {
|
margin-right: 20rpx;
|
}
|
}
|
|
/deep/.u-cell__title-text {
|
color: #000 !important;
|
width: 70%;
|
font-size: 28rpx !important;
|
}
|
|
/deep/ .u-cell__value {
|
color: #000 !important;
|
font-size: 28rpx !important;
|
}
|
|
.mr-20 {
|
margin-right: 20rpx;
|
}
|
</style>
|
