|
@@ -1,33 +1,117 @@
|
|
|
<!--历史记录-->
|
|
|
<template>
|
|
|
<div class="page-container initiateInspect-historyRecordsComponent">
|
|
|
- <!--详情/整改展示/复核展示-->
|
|
|
- <div v-for="(item,index) in dataList" :key="index">
|
|
|
+ <!--检查信息-->
|
|
|
+ <div>
|
|
|
<p class="content-right-title-min-p">
|
|
|
- {{item.dataList1Data1 == 1?'隐患信息':(item.dataList1Data1 == 2?'隐患整改':(item.dataList1Data1 == 3?'复查验证':''))}}
|
|
|
- <span :class="item.itemShowType?'el-icon-arrow-down':'el-icon-arrow-up'" @click="itemShowButton(index)"></span>
|
|
|
+ 隐患信息
|
|
|
+ <span :class="newData.showType?'el-icon-arrow-down':'el-icon-arrow-up'" @click="infoShowButton"></span>
|
|
|
</p>
|
|
|
- <div v-if="item.itemShowType" style="margin-top:20px;">
|
|
|
- <div class="right-text-box" v-if="item.dataList1Data1 == 2 || item.dataList1Data1 == 3">
|
|
|
- <p class="right-text-name-p">{{item.dataList1Data1 == 2?'整改结果':(item.dataList1Data1 == 3?'复查结果':'')}}</p>
|
|
|
- <div class="right-check-box">
|
|
|
- <div class="right-min-check-title-box">
|
|
|
- <p></p>
|
|
|
- </div>
|
|
|
- <p class="right-check-title-p" v-if="item.dataList1Data1 == 2">{{newData.rectifyStatus == 1?'已整改':'暂无法整改'}}</p>
|
|
|
- <p class="right-check-title-p" v-if="item.dataList1Data1 == 3">{{newData.rectifyStatus == 1?'复查完毕':'退回整改'}}</p>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
+ <div v-if="newData.showType" style="margin-top:20px;">
|
|
|
<div class="right-text-box">
|
|
|
- <p class="right-text-name-p">{{item.dataList1Data1 == 1?'隐患描述':(item.dataList1Data1 == 2?'整改措施':(item.dataList1Data1 == 3?'验证情况':''))}}</p>
|
|
|
+ <p class="right-text-name-p">隐患描述</p>
|
|
|
<div class="right-text-text-box" style="width:704px;">
|
|
|
- <p style="min-height:80px;">{{item.dataList1Data2}}</p>
|
|
|
+ <p style="min-height:80px;">{{newData.hazardDescribe}}</p>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="right-text-box">
|
|
|
<p class="right-text-name-p">现场照片</p>
|
|
|
- <img :src="imgItem" @click="fullScreenViewClick(item.dataList1Data3,imgIndex)"
|
|
|
- v-for="(imgItem,imgIndex) in item.dataList1Data3" :key="imgIndex">
|
|
|
+ <img class="for-img" :src="imgItem.fileUrl" @click="lookImg(newData.uploadDtoList,imgIndex)"
|
|
|
+ v-for="(imgItem,imgIndex) in newData.uploadDtoList" :key="imgIndex">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!--整改展示/复核展示-->
|
|
|
+ <div v-for="(item,index) in dataList" :key="index">
|
|
|
+ <div>
|
|
|
+ <p class="content-right-title-min-p">
|
|
|
+ 隐患整改
|
|
|
+ <span :class="item.topShowType?'el-icon-arrow-down':'el-icon-arrow-up'" @click="topShowButton(index)"></span>
|
|
|
+ </p>
|
|
|
+ <div v-if="item.topShowType" style="margin-top:20px;">
|
|
|
+ <div class="right-text-box">
|
|
|
+ <p class="right-text-name-p">整改结果</p>
|
|
|
+ <div class="right-check-box">
|
|
|
+ <div class="right-min-check-title-box">
|
|
|
+ <p></p>
|
|
|
+ </div>
|
|
|
+ <p class="right-check-title-p">{{item.rectifyResult?'已整改':'暂无法整改'}}</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="right-text-box">
|
|
|
+ <p class="right-text-name-p">整改措施</p>
|
|
|
+ <div class="right-text-text-box" style="width:704px;">
|
|
|
+ <p style="min-height:80px;">{{item.rectifyMeasure}}</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="right-text-box">
|
|
|
+ <p class="right-text-name-p">现场照片</p>
|
|
|
+ <img class="for-img" :src="imgItem.fileUrl" @click="lookImg(item.rectifyUploadList,imgIndex)"
|
|
|
+ v-for="(imgItem,imgIndex) in item.rectifyUploadList" :key="imgIndex">
|
|
|
+ </div>
|
|
|
+ <div class="right-text-box">
|
|
|
+ <p class="right-text-name-p">整改方案</p>
|
|
|
+ <div class="up-file-box">
|
|
|
+ <img src="@/assets/ZDimages/safetyCheck/icon_dr_wj.png">
|
|
|
+ <p @click="lookFile(item)">{{item.rectifyMaterialName}}</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="right-text-box" style="display: flex;">
|
|
|
+ <div class="right-text-box">
|
|
|
+ <p class="right-text-name-p">整改人</p>
|
|
|
+ <div class="right-text-text-box" style="height:40px;width:300px;">
|
|
|
+ <p>{{item.rectifyName}}</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="right-text-box">
|
|
|
+ <p class="right-text-name-p">处理时间</p>
|
|
|
+ <div class="right-text-text-box" style="height:40px;width:300px;">
|
|
|
+ <p>{{item.rectifyTime}}</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div v-if="item.examineResult !== null">
|
|
|
+ <p class="content-right-title-min-p">
|
|
|
+ 复查验证
|
|
|
+ <span :class="item.bottomShowType?'el-icon-arrow-down':'el-icon-arrow-up'" @click="bottomShowButton(index)"></span>
|
|
|
+ </p>
|
|
|
+ <div v-if="item.bottomShowType" style="margin-top:20px;">
|
|
|
+ <div class="right-text-box">
|
|
|
+ <p class="right-text-name-p">复查结果</p>
|
|
|
+ <div class="right-check-box">
|
|
|
+ <div class="right-min-check-title-box">
|
|
|
+ <p></p>
|
|
|
+ </div>
|
|
|
+ <p class="right-check-title-p">{{item.examineResult?'复查完毕':'退回整改'}}</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="right-text-box">
|
|
|
+ <p class="right-text-name-p">验证情况</p>
|
|
|
+ <div class="right-text-text-box" style="width:704px;">
|
|
|
+ <p style="min-height:80px;">{{item.examineOpinion}}</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="right-text-box">
|
|
|
+ <p class="right-text-name-p">现场照片</p>
|
|
|
+ <img class="for-img" :src="imgItem.fileUrl" @click="lookImg(item.examineUploadList,imgIndex)"
|
|
|
+ v-for="(imgItem,imgIndex) in item.examineUploadList" :key="imgIndex">
|
|
|
+ </div>
|
|
|
+ <div class="right-text-box" style="display: flex;">
|
|
|
+ <div class="right-text-box">
|
|
|
+ <p class="right-text-name-p">整改人</p>
|
|
|
+ <div class="right-text-text-box" style="height:40px;width:300px;">
|
|
|
+ <p>{{item.reviewName}}</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="right-text-box">
|
|
|
+ <p class="right-text-name-p">处理时间</p>
|
|
|
+ <div class="right-text-text-box" style="height:40px;width:300px;">
|
|
|
+ <p>{{item.reviewTime}}</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -43,61 +127,48 @@
|
|
|
data(){
|
|
|
return{
|
|
|
newData:{
|
|
|
- rectifyStatus:1,
|
|
|
+ showType:true,
|
|
|
+ hazardDescribe:"",
|
|
|
+ uploadDtoList:[],
|
|
|
},
|
|
|
- dataList:[
|
|
|
- {
|
|
|
- dataList1Data1:'1',
|
|
|
- dataList1Data2:'现场隐患信息描述内容',
|
|
|
- dataList1Data3:[
|
|
|
- 'https://inews.gtimg.com/news_bt/ObxBXJWswEC7oTRhEqLPmyZOq_o2q_HYFD0L4tt-vzEFYAA/641',
|
|
|
- 'https://inews.gtimg.com/news_bt/ObxBXJWswEC7oTRhEqLPmyZOq_o2q_HYFD0L4tt-vzEFYAA/641',
|
|
|
- 'https://inews.gtimg.com/news_bt/ObxBXJWswEC7oTRhEqLPmyZOq_o2q_HYFD0L4tt-vzEFYAA/641',
|
|
|
- 'https://inews.gtimg.com/news_bt/ObxBXJWswEC7oTRhEqLPmyZOq_o2q_HYFD0L4tt-vzEFYAA/641',
|
|
|
- 'https://inews.gtimg.com/news_bt/ObxBXJWswEC7oTRhEqLPmyZOq_o2q_HYFD0L4tt-vzEFYAA/641',
|
|
|
- 'https://inews.gtimg.com/news_bt/ObxBXJWswEC7oTRhEqLPmyZOq_o2q_HYFD0L4tt-vzEFYAA/641',
|
|
|
- ],
|
|
|
- itemShowType:true,
|
|
|
- },
|
|
|
- {
|
|
|
- dataList1Data1:'2',
|
|
|
- dataList1Data2:'整改措施整改措施整改措施整改措施',
|
|
|
- dataList1Data3:[
|
|
|
- 'https://inews.gtimg.com/news_bt/ObxBXJWswEC7oTRhEqLPmyZOq_o2q_HYFD0L4tt-vzEFYAA/641',
|
|
|
- 'https://inews.gtimg.com/news_bt/ObxBXJWswEC7oTRhEqLPmyZOq_o2q_HYFD0L4tt-vzEFYAA/641',
|
|
|
- 'https://inews.gtimg.com/news_bt/ObxBXJWswEC7oTRhEqLPmyZOq_o2q_HYFD0L4tt-vzEFYAA/641',
|
|
|
- 'https://inews.gtimg.com/news_bt/ObxBXJWswEC7oTRhEqLPmyZOq_o2q_HYFD0L4tt-vzEFYAA/641',
|
|
|
- 'https://inews.gtimg.com/news_bt/ObxBXJWswEC7oTRhEqLPmyZOq_o2q_HYFD0L4tt-vzEFYAA/641',
|
|
|
- 'https://inews.gtimg.com/news_bt/ObxBXJWswEC7oTRhEqLPmyZOq_o2q_HYFD0L4tt-vzEFYAA/641',
|
|
|
- ],
|
|
|
- itemShowType:true,
|
|
|
- },
|
|
|
- {
|
|
|
- dataList1Data1:'3',
|
|
|
- dataList1Data2:'验证情况验证情况验证情况验证情况验证情况验证情况验证情况验证情况验证情况验证情况验证情况验证情况验证情况验证情况验证情况',
|
|
|
- dataList1Data3:[
|
|
|
- 'https://inews.gtimg.com/news_bt/ObxBXJWswEC7oTRhEqLPmyZOq_o2q_HYFD0L4tt-vzEFYAA/641',
|
|
|
- 'https://inews.gtimg.com/news_bt/ObxBXJWswEC7oTRhEqLPmyZOq_o2q_HYFD0L4tt-vzEFYAA/641',
|
|
|
- 'https://inews.gtimg.com/news_bt/ObxBXJWswEC7oTRhEqLPmyZOq_o2q_HYFD0L4tt-vzEFYAA/641',
|
|
|
- 'https://inews.gtimg.com/news_bt/ObxBXJWswEC7oTRhEqLPmyZOq_o2q_HYFD0L4tt-vzEFYAA/641',
|
|
|
- 'https://inews.gtimg.com/news_bt/ObxBXJWswEC7oTRhEqLPmyZOq_o2q_HYFD0L4tt-vzEFYAA/641',
|
|
|
- 'https://inews.gtimg.com/news_bt/ObxBXJWswEC7oTRhEqLPmyZOq_o2q_HYFD0L4tt-vzEFYAA/641',
|
|
|
- ],
|
|
|
- itemShowType:true,
|
|
|
- },
|
|
|
- ],
|
|
|
+ dataList:[],
|
|
|
}
|
|
|
},
|
|
|
created(){
|
|
|
-
|
|
|
+ let obj = JSON.parse(JSON.stringify(this.historyRecordsComponentPropsData))
|
|
|
+ for(let i=0;i<obj.checkRectifyVoList.length;i++){
|
|
|
+ obj.checkRectifyVoList[i].topShowType = true;
|
|
|
+ obj.checkRectifyVoList[i].bottomShowType = true;
|
|
|
+ }
|
|
|
+ this.$set(this,'newData',obj.orderInfo);
|
|
|
+ this.$set(this,'dataList',obj.checkRectifyVoList);
|
|
|
},
|
|
|
mounted(){
|
|
|
-
|
|
|
},
|
|
|
methods:{
|
|
|
- //子项展开隐藏按钮
|
|
|
- itemShowButton(index){
|
|
|
- this.$set(this.dataList[index],'itemShowType',!this.dataList[index].itemShowType);
|
|
|
+ //整改展开隐藏按钮
|
|
|
+ infoShowButton(){
|
|
|
+ this.$set(this.newData,'showType',!this.newData.showType);
|
|
|
+ },
|
|
|
+ //整改展开隐藏按钮
|
|
|
+ topShowButton(index){
|
|
|
+ this.$set(this.dataList[index],'topShowType',!this.dataList[index].topShowType);
|
|
|
+ },
|
|
|
+ //复查展开隐藏按钮
|
|
|
+ bottomShowButton(index){
|
|
|
+ this.$set(this.dataList[index],'bottomShowType',!this.dataList[index].bottomShowType);
|
|
|
+ },
|
|
|
+ //照片预览
|
|
|
+ lookImg(list,index){
|
|
|
+ this.$parent.fullScreenViewClick(list,index);
|
|
|
+ },
|
|
|
+ //文件预览
|
|
|
+ lookFile(item){
|
|
|
+ let obj = {
|
|
|
+ fileName:item.rectifyMaterialName,
|
|
|
+ fileUrl:item.rectifyMaterialUrl,
|
|
|
+ };
|
|
|
+ this.$parent.fullScreenFileLookClick(obj);
|
|
|
},
|
|
|
},
|
|
|
}
|
|
@@ -213,13 +284,39 @@
|
|
|
font-size:16px;
|
|
|
}
|
|
|
}
|
|
|
- img{
|
|
|
+ .for-img{
|
|
|
cursor: pointer;
|
|
|
display: block;
|
|
|
width:100px;
|
|
|
height:100px;
|
|
|
margin-right:20px;
|
|
|
}
|
|
|
+ .up-file-box{
|
|
|
+ display: flex;
|
|
|
+ height:40px;
|
|
|
+ img{
|
|
|
+ margin-top:12px;
|
|
|
+ width:16px;
|
|
|
+ height:16px;
|
|
|
+ display: block;
|
|
|
+ }
|
|
|
+ p:nth-child(2){
|
|
|
+ line-height:40px;
|
|
|
+ font-size:14px;
|
|
|
+ margin:0 30px 0 15px;
|
|
|
+ cursor: pointer;
|
|
|
+ }
|
|
|
+ p:nth-child(3){
|
|
|
+ cursor: pointer;
|
|
|
+ color:red;
|
|
|
+ font-size:16px;
|
|
|
+ height:16px;
|
|
|
+ width:16px;
|
|
|
+ line-height:16px;
|
|
|
+ margin-top:12px;
|
|
|
+ text-align: center
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
</style>
|