<template>
|
<view class="home_index">
|
<view class="home_content">
|
<u-navbar
|
title="整改详情"
|
bgColor="transparent"
|
leftIconColor="#fff"
|
titleStyle="text-align:left;width:100%;color:#fff;margin-left:40px;"
|
:autoBack="true">
|
</u-navbar>
|
<view class="home_top_bg"></view>
|
<!-- <view class="notice_header">
|
<u-image class="notice_header_icon" src="@/static/time_header.png" width="88rpx" height="88rpx"></u-image>
|
<view class="notice_header_time">整改截止时间：<span>2022-10-09 10:00</span></view>
|
</view> -->
|
<view class="notice_details">
|
<view class="notice_main_headers">
|
<view class="rectify_main_left">{{rectifyDetail.inspectName}}</view>
|
<view class="rectify_main_right">
|
<view class="rectify_main_text" style="border-right:1px solid #D9D9D9">{{rectifyDetail.realName}}</view>
|
<view class="rectify_main_text">{{rectifyDetail.jobNum}}</view>
|
</view>
|
</view>
|
<view class="notice_main_matter">
|
<view class="notice_matter_items">
|
<view class="notice_matter_titles">问题内容：</view>
|
<view class="notice_matter_datas">{{rectifyDetail.inspectContent}}</view>
|
</view>
|
<view class="notice_matter_phone" v-for="(item,index) in NoticePhone" :key="index">
|
<u-image :src="`https://szpipe.thhy-tj.com/${item.imgPath}`" ></u-image>
|
</view>
|
<view class="notice_matter_items">
|
<view class="notice_matter_titles">整改结果：</view>
|
<view class="notice_matter_datas">{{rectifyDetail.feedbackContent ===null?"":rectifyDetail.feedbackContent}}</view>
|
</view>
|
<view class="notice_matter_phone" v-for="(item,index) in overNoticePhone" :key="index">
|
<u-image :src="`https://szpipe.thhy-tj.com/${item.imgPath}`" ></u-image>
|
</view>
|
</view>
|
</view>
|
</view>
|
</view>
|
</template>
|
|
<script>
|
import { basrUrl } from '@/api/http';
|
export default {
|
data(){
|
return{
|
rectifyDetail:[],//整改详情数据
|
overNoticePhone:[],//整改完成的图片
|
NoticePhone:[],//未整改图片
|
}
|
},
|
onLoad(option) {
|
this.searchRectify(option.secureInspectId)
|
},
|
methods:{
|
//获取详情信息
|
searchRectify(val){
|
this.$api.reboSystem.detailsCheckSafe({secureInspectId:val}).then(res=>{
|
if(res.statusMsg === 'ok'){
|
this.rectifyDetail = res.data
|
this.overNoticePhone = res.data.tsecureInspectPaths.filter(item=>item.isType ===2)
|
this.NoticePhone = res.data.tsecureInspectPaths.filter(item=>item.isType ===1)
|
}else{
|
uni.$u.toast(res.statusMsg);
|
}
|
})
|
}
|
}
|
}
|
</script>
|
|
<style scoped lang="scss">
|
.home_index{
|
background-color: #F6F6F6;
|
width: 100%;
|
height: 100vh;
|
overflow: hidden;
|
.home_content{
|
position: relative;
|
height: calc(100vh - 110rpx);
|
.home_top_bg{
|
background: url('https://s1.ax1x.com/2022/09/14/vvBuYq.png') no-repeat;
|
background-size: 100% 100%;
|
height: 40vh;
|
position: absolute;
|
left: 0;
|
top: 0;
|
right: 0;
|
}
|
.notice_header{
|
height: 148px;
|
margin: 0px 15px;
|
position: absolute;
|
top: 50px;
|
right: 0;
|
left: 0;
|
display: flex;
|
justify-content: center;
|
align-items: center;
|
flex-direction: column;
|
|
.notice_header_icon{
|
width: 100%;
|
height: 100%;
|
}
|
.notice_header_time{
|
margin-top: 15px;
|
font-size: 16px;
|
color: #FFFFFF;
|
}
|
}
|
.notice_details{
|
height:100%;
|
position: absolute;
|
top: 110px;
|
left: 0px;
|
right: 0px;
|
margin: 0 15px;
|
border-radius: 6px;
|
background-color: #FFFFFF;
|
|
.notice_main_headers{
|
height: 22px;
|
padding: 15px;
|
display: flex;
|
justify-content: space-between;
|
padding-bottom: 10px;
|
border-bottom: 1px solid #EDEDED;
|
.rectify_main_left{
|
color:#1977FF;
|
font-size: 17px;
|
}
|
.rectify_main_right{
|
flex: none;
|
display: flex;
|
.rectify_main_text{
|
padding: 0 5px;
|
color: #333333;
|
font-size: 17px;
|
}
|
}
|
}
|
.notice_main_matter{
|
height: calc(100% - 210px);
|
overflow: auto;
|
margin-top: 15px;
|
padding: 0 15px;
|
display: flex;
|
flex-direction: column;
|
.notice_matter_items{
|
display: flex;
|
flex-direction:row;
|
|
.notice_matter_titles{
|
color: #333333;
|
font-size: 17px;
|
margin-left: 10px;
|
position: relative;
|
flex: none;
|
&::before{
|
content: "";
|
width: 3px;
|
height: 18px;
|
background-color: #1977FF;
|
position: absolute;
|
top: 3px;
|
left: -10px;
|
}
|
}
|
.notice_matter_datas{
|
color: #AEAEAE;
|
font-size: 17px;
|
}
|
}
|
.notice_matter_phone{
|
margin-top: 10px;
|
margin-bottom: 10px;
|
display: flex;
|
justify-content: center;
|
align-items: center;
|
}
|
}
|
}
|
}
|
}
|
</style>
|
