<template>
|
<view class="check_details_index">
|
<view class="check_details_matter">
|
<view class="check_details_card" >
|
<view class="hidden_text">问题照片</view>
|
<view class="check_details_phone hidden_datas" v-for="(item,index) in hiddenPhone">
|
<!-- <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 class="check_details_card">
|
<view class="hidden_text">举报时间</view>
|
<view class="hidden_datas">{{hiddenDetails.createTime}}</view>
|
</view>
|
<view class="check_details_card">
|
<view class="hidden_text">隐患地点</view>
|
<view class="hidden_datas">{{hiddenDetails.dangerLocation}}</view>
|
</view>
|
<view class="check_details_card">
|
<view class="hidden_text">隐患标题</view>
|
<view class="hidden_datas">{{hiddenDetails.title}}</view>
|
</view>
|
</view>
|
</view>
|
</template>
|
|
<script>
|
export default{
|
data(){
|
return{
|
hiddenDetails:[],//隐患举报详情
|
hiddenPhone:[],//隐患举报图片
|
}
|
},
|
onLoad(option) {
|
this.getDetailsInfo(option.id)
|
},
|
methods:{
|
//获取信息详情
|
getDetailsInfo(val){
|
this.$api.reboSystem.detailsHiddenInfo(val).then(res=>{
|
if(res.statusMsg === 'ok'){
|
this.hiddenDetails = res.data
|
this.hiddenPhone = res.data.imgEntities
|
}else{
|
uni.$u.toast(res.statusMsg);
|
}
|
})
|
}
|
}
|
}
|
</script>
|
|
<style lang="scss" scoped>
|
.check_details_index{
|
height: 100vh;
|
overflow: hidden;
|
background-color: #F6F6F6;
|
padding: 15px;
|
|
.check_details_matter{
|
height: calc(100vh - 112px);
|
background-color: #FFFFFF;
|
border-radius: 6px;
|
|
.check_details_card{
|
padding: 15px 10px;
|
display: flex;
|
justify-content: space-between;
|
|
.hidden_text{
|
color: rgba(153, 153, 153, 1);
|
font-size: 16px;
|
flex: none;
|
}
|
.hidden_datas{
|
color: rgba(51, 51, 51, 1);
|
font-size: 15px;
|
text-align: left;
|
flex: 1;
|
margin-left: 15px;
|
}
|
}
|
.check_details_contents{
|
height: calc(100% - 460px);
|
margin: 15px;
|
padding: 15px;
|
display: flex;
|
// align-items: center;
|
background-color: #F6FAFF;
|
color:#666666 ;
|
}
|
.check_details_phone{
|
margin-top: 5px;
|
margin-left: 15px;
|
display: flex;
|
justify-content: center;
|
overflow: auto;
|
}
|
}
|
}
|
::v-deep image{
|
width: 320px!important;
|
height: 240px!important;
|
}
|
</style>
|
