<template>
|
<view class="check_details_index">
|
<view class="check_details_header">{{checkDetails.inspectName}}</view>
|
<view class="check_details_matter">
|
<view class="check_details_card">
|
<view class="check_details_text">检查情况</view>
|
<view class="check_details_items">
|
<view class="check_details_name">整改人：</view>
|
<view class="check_details_datas">{{checkDetails.realName}}</view>
|
</view>
|
</view>
|
<view class="check_details_contents">{{checkDetails.inspectContent}}</view>
|
<view style="overflow:auto;height: 345px;">
|
<view class="check_details_phone" v-for="(item,index) in checkPhone">
|
<!-- <u-image :src="`https://pipe.thhy-tj.com/${item.imgPath}`" ></u-image> -->
|
<u-album :urls="[`https://pipe.thhy-tj.com/${item.imgPath}`]"></u-album>
|
</view>
|
</view>
|
</view>
|
<view class="check_details_matter" style="margin-top:15px" v-if="checkDetails.isState ==='2'">
|
<view class="check_details_card">
|
<view class="check_details_text">反馈情况</view>
|
<view class="check_details_items">
|
<view class="check_details_name">整改人：</view>
|
<view class="check_details_datas">{{checkDetails.realName}}</view>
|
</view>
|
</view>
|
<view class="check_details_contents">{{checkDetails.feedbackContent}}</view>
|
<view style="overflow:auto;height: 345px;">
|
<view class="check_details_phone" v-for="(item,index) in overCheckPhone">
|
<!-- <u-image :src="`https://pipe.thhy-tj.com/${item.imgPath}`" ></u-image> -->
|
<u-album :urls="[`https://pipe.thhy-tj.com/${item.imgPath}`]"></u-album>
|
</view>
|
</view>
|
</view>
|
</view>
|
</template>
|
|
<script>
|
export default{
|
data(){
|
return{
|
checkDetails:[],//安全检查详情
|
overCheckPhone:[],//反馈结果
|
checkPhone:[],//检查结果图片
|
}
|
},
|
onLoad(option) {
|
console.log(option)
|
this.getDetailsInfo(option.secureInspectId)
|
},
|
methods:{
|
//获取信息详情
|
getDetailsInfo(val){
|
this.$api.reboSystem.detailsCheckSafe({secureInspectId:val}).then(res=>{
|
if(res.statusMsg === 'ok'){
|
this.checkDetails = res.data
|
this.overCheckPhone = res.data.tsecureInspectPaths.filter(item=>item.isType ===2)
|
this.checkPhone = res.data.tsecureInspectPaths.filter(item=>item.isType ===1)
|
}else{
|
uni.$u.toast(res.statusMsg);
|
}
|
})
|
}
|
}
|
}
|
</script>
|
|
<style lang="scss" scoped>
|
.check_details_index{
|
height: 100%;
|
overflow: hidden;
|
background-color: #F6F6F6;
|
padding: 15px;
|
|
.check_details_header{
|
color: #1977FF;
|
height:10vh;
|
display: flex;
|
align-items: center;
|
padding-left: 10px;
|
font-size: 16px;
|
margin-bottom: 15px;
|
background-color: #FFFFFF;
|
border-radius: 6px;
|
}
|
.check_details_matter{
|
height: calc(100vh - 112px);
|
background-color: #FFFFFF;
|
border-radius: 6px;
|
|
.check_details_card{
|
padding: 15px 10px;
|
border-bottom: 1px solid #EAEAEA;
|
display: flex;
|
justify-content: space-between;
|
.check_details_text{
|
font-size:17px ;
|
font-weight: 520;
|
color: #333333;
|
}
|
.check_details_items{
|
display: flex;
|
.check_details_name{
|
color: #999999;
|
font-size: 17px;
|
}
|
.check_details_datas{
|
color: #1977FF;
|
font-size: 17px;
|
}
|
}
|
}
|
.check_details_contents{
|
height: calc(100% - 460px);
|
margin: 15px;
|
padding: 15px;
|
display: flex;
|
// align-items: center;
|
background-color: #F6FAFF;
|
color:#666666 ;
|
overflow: auto;
|
}
|
.check_details_phone{
|
margin-top: 10px;
|
margin-bottom: 10px;
|
display: flex;
|
justify-content: center;
|
align-items: center;
|
}
|
}
|
}
|
::v-deep image{
|
width: 320px!important;
|
height: 240px!important;
|
}
|
</style>
|
