|
@@ -38,7 +38,7 @@
|
|
|
:title="infoDialogData.checkHazardApplyDto.rectifyStatus==1?'已完成':(infoDialogData.checkHazardApplyDto.rectifyStatus==2?'待整改':(infoDialogData.checkHazardApplyDto.rectifyStatus==3?'待复核':(infoDialogData.checkHazardApplyDto.rectifyStatus==4?'暂无法整改':'')))"
|
|
|
:visible.sync="infoDialogType" v-if="infoDialogType"
|
|
|
width="1184px" append-to-body>
|
|
|
- <div class="info-dialog-title-box scrollbar-box">
|
|
|
+ <div class="info-dialog-title-box scrollbar-box" v-if="imgDocumentType == 0">
|
|
|
<div class="info-dialog-for-title-box" @click="checkTitleButton('info')" :class="infoDialogCheckIndex == 'info'?'info-dialog-for-check':''">
|
|
|
<p>隐患检查</p>
|
|
|
<p></p>
|
|
@@ -54,7 +54,7 @@
|
|
|
<p></p>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="info-dialog-content-box scrollbar-box">
|
|
|
+ <div class="info-dialog-content-box scrollbar-box" v-if="imgDocumentType == 0">
|
|
|
<div class="info-dialog-content-info" v-if="infoDialogCheckIndex == 'info' && imgDocumentType == 0">
|
|
|
<div class="info-dialog-content-info-top">
|
|
|
<div class="text-box-box">
|
|
@@ -299,42 +299,42 @@
|
|
|
</div>
|
|
|
</el-form>
|
|
|
</div>
|
|
|
- <div class="info-dialog-content-img" v-if="imgDocumentType == 1">
|
|
|
- <img :src="imgList[imgIndex].fileUrl">
|
|
|
- <p class="el-icon-arrow-left left-button-p" @click="infoLeftButton"></p>
|
|
|
- <p class="el-icon-arrow-right right-button-p" @click="infoRightButton"></p>
|
|
|
- <p class="bottom-num-text">{{imgIndex+1}} / {{imgList.length}}</p>
|
|
|
- <p class="out-button" @click="outLook">返回</p>
|
|
|
- </div>
|
|
|
- <!--通知书/告知书-->
|
|
|
- <div class="info-dialog-content-document" v-if="imgDocumentType == 2">
|
|
|
- <informDom v-if="infoDialogData.rectifyNotice == 1" :propsInformDomData="propsInformDomData"></informDom>
|
|
|
- <noticeDom v-if="infoDialogData.rectifyNotice == 2" :propsNoticeDomData="propsNoticeDomData"></noticeDom>
|
|
|
- <p class="out-button" v-if="!fullScreenType" @click="outLook">返回</p>
|
|
|
- <p class="positionButton" @click="fullScreenButton">{{fullScreenType?'退出':'全屏'}}</p>
|
|
|
- </div>
|
|
|
- <!--材料附件(暂时废弃)-->
|
|
|
- <div class="info-dialog-content-document-list" v-if="imgDocumentType == 3">
|
|
|
- <div class="left-box">
|
|
|
- <div class="left-title-box">
|
|
|
- <img src="@/assets/ZDimages/safetyCheck/icon_dr_wj.png">
|
|
|
- <p>材料附件</p>
|
|
|
- </div>
|
|
|
- <div class="left-for-box scrollbar-box">
|
|
|
- <p class="left-for-p" v-for="(iframeItem,iframeIndex) in iframeSrcList" :key="iframeIndex"
|
|
|
- @click="lookDocumentListCheck(iframeIndex)"
|
|
|
- :class="iframeSrcIndex == iframeIndex?'check-p':''">{{iframeItem.name}}</p>
|
|
|
- </div>
|
|
|
+ </div>
|
|
|
+ <div class="info-dialog-content-img scrollbar-box" v-if="imgDocumentType == 1">
|
|
|
+ <img :src="imgList[imgIndex].fileUrl">
|
|
|
+ <p class="el-icon-arrow-left left-button-p" @click="infoLeftButton"></p>
|
|
|
+ <p class="el-icon-arrow-right right-button-p" @click="infoRightButton"></p>
|
|
|
+ <p class="bottom-num-text">{{imgIndex+1}} / {{imgList.length}}</p>
|
|
|
+ <p class="out-button" @click="outLook">返回</p>
|
|
|
+ </div>
|
|
|
+ <!--通知书/告知书-->
|
|
|
+ <div class="info-dialog-content-document scrollbar-box" v-if="imgDocumentType == 2">
|
|
|
+ <informDom v-if="infoDialogData.rectifyNotice == 1" :propsInformDomData="propsInformDomData"></informDom>
|
|
|
+ <noticeDom v-if="infoDialogData.rectifyNotice == 2" :propsNoticeDomData="propsNoticeDomData"></noticeDom>
|
|
|
+ <p class="out-button" v-if="!fullScreenType" @click="outLook">关闭</p>
|
|
|
+ <p class="positionButton" @click="fullScreenButton">{{fullScreenType?'退出':'全屏'}}</p>
|
|
|
+ </div>
|
|
|
+ <!--材料附件(暂时废弃)-->
|
|
|
+ <div class="info-dialog-content-document-list" v-if="imgDocumentType == 3">
|
|
|
+ <div class="left-box">
|
|
|
+ <div class="left-title-box">
|
|
|
+ <img src="@/assets/ZDimages/safetyCheck/icon_dr_wj.png">
|
|
|
+ <p>材料附件</p>
|
|
|
</div>
|
|
|
- <div class="center-border"></div>
|
|
|
- <div class="right-box">
|
|
|
- <iframe
|
|
|
- class="iframe"
|
|
|
- :src="iframeSrc" scrolling="auto" frameborder="0">
|
|
|
- </iframe>
|
|
|
+ <div class="left-for-box scrollbar-box">
|
|
|
+ <p class="left-for-p" v-for="(iframeItem,iframeIndex) in iframeSrcList" :key="iframeIndex"
|
|
|
+ @click="lookDocumentListCheck(iframeIndex)"
|
|
|
+ :class="iframeSrcIndex == iframeIndex?'check-p':''">{{iframeItem.name}}</p>
|
|
|
</div>
|
|
|
- <p class="out-button" @click="outLook">返回</p>
|
|
|
</div>
|
|
|
+ <div class="center-border"></div>
|
|
|
+ <div class="right-box">
|
|
|
+ <iframe
|
|
|
+ class="iframe"
|
|
|
+ :src="iframeSrc" scrolling="auto" frameborder="0">
|
|
|
+ </iframe>
|
|
|
+ </div>
|
|
|
+ <p class="out-button" @click="outLook">返回</p>
|
|
|
</div>
|
|
|
<div class="bottom-button-box dialog-footer-box" v-if="infoDialogCheckIndex == 'add'&&imgDocumentType != 1">
|
|
|
<p class="dialog-footer-button-null"></p>
|
|
@@ -1165,177 +1165,188 @@
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
- .info-dialog-content-img{
|
|
|
- padding:30px 70px 0;
|
|
|
- img{
|
|
|
- width:1040px;
|
|
|
- }
|
|
|
- .left-button-p{
|
|
|
- cursor: pointer;
|
|
|
- text-align: center;
|
|
|
- line-height:30px;
|
|
|
- color:#fff;
|
|
|
- font-size:16px;
|
|
|
- top:440px;
|
|
|
- left:20px;
|
|
|
- position: absolute;
|
|
|
- width:30px;
|
|
|
- height:30px;
|
|
|
- background-color: #0045AF;
|
|
|
- border-radius:50%;
|
|
|
- }
|
|
|
- .right-button-p{
|
|
|
- cursor: pointer;
|
|
|
- text-align: center;
|
|
|
- line-height:30px;
|
|
|
- color:#fff;
|
|
|
- font-size:16px;
|
|
|
- position: absolute;
|
|
|
- top:440px;
|
|
|
- right:20px;
|
|
|
- width:30px;
|
|
|
- height:30px;
|
|
|
- background-color: #0045AF;
|
|
|
- border-radius:50%;
|
|
|
- }
|
|
|
- .left-button-p:hover{
|
|
|
- background-color: #0183fa;
|
|
|
- }
|
|
|
- .right-button-p:hover{
|
|
|
- background-color: #0183fa;
|
|
|
- }
|
|
|
- .bottom-num-text{
|
|
|
- text-align: center;
|
|
|
- line-height: 30px;
|
|
|
- font-size:16px;
|
|
|
- position: absolute;
|
|
|
- bottom:0;
|
|
|
- width:1026px;
|
|
|
- }
|
|
|
- .out-button{
|
|
|
- width:60px;
|
|
|
- line-height:30px;
|
|
|
- color:#999;
|
|
|
- background-color: #dedede;
|
|
|
- border-radius:4px;
|
|
|
- text-align: center;
|
|
|
- cursor: pointer;
|
|
|
- position: absolute;
|
|
|
- top:17px;
|
|
|
- right:17px;
|
|
|
- z-index:99999;
|
|
|
- }
|
|
|
+ }
|
|
|
+ .info-dialog-content-img{
|
|
|
+ padding:30px 70px 0;
|
|
|
+ height:680px;
|
|
|
+ img{
|
|
|
+ width:1040px;
|
|
|
}
|
|
|
- .info-dialog-content-document{
|
|
|
- padding:30px 70px 0;
|
|
|
- display: flex;
|
|
|
- flex:1;
|
|
|
- height:570px;
|
|
|
- .out-button{
|
|
|
- width:60px;
|
|
|
- line-height:30px;
|
|
|
- color:#999;
|
|
|
- background-color: #dedede;
|
|
|
- border-radius:4px;
|
|
|
- text-align: center;
|
|
|
- cursor: pointer;
|
|
|
- position: absolute;
|
|
|
- top:17px;
|
|
|
- right:17px;
|
|
|
- z-index:99999;
|
|
|
- }
|
|
|
- .positionButton{
|
|
|
- position: absolute;
|
|
|
- top:160px;
|
|
|
- right: 20px;
|
|
|
- border:1px solid #0183fa;
|
|
|
- border-radius:4px;
|
|
|
- line-height:30px;
|
|
|
- width:60px;
|
|
|
- text-align: center;
|
|
|
- cursor: pointer;
|
|
|
- color:#0183fa;
|
|
|
- background-color: #fff;
|
|
|
- }
|
|
|
- .positionButton:hover{
|
|
|
- background-color:#0183fa;
|
|
|
- color:#fff;
|
|
|
- }
|
|
|
+ .left-button-p{
|
|
|
+ cursor: pointer;
|
|
|
+ text-align: center;
|
|
|
+ line-height:30px;
|
|
|
+ color:#fff;
|
|
|
+ font-size:16px;
|
|
|
+ top:440px;
|
|
|
+ left:20px;
|
|
|
+ position: absolute;
|
|
|
+ width:30px;
|
|
|
+ height:30px;
|
|
|
+ background-color: #0045AF;
|
|
|
+ border-radius:50%;
|
|
|
}
|
|
|
- .info-dialog-content-document-list{
|
|
|
- padding:30px 70px 0;
|
|
|
+ .right-button-p{
|
|
|
+ cursor: pointer;
|
|
|
+ text-align: center;
|
|
|
+ line-height:30px;
|
|
|
+ color:#fff;
|
|
|
+ font-size:16px;
|
|
|
+ position: absolute;
|
|
|
+ top:440px;
|
|
|
+ right:20px;
|
|
|
+ width:30px;
|
|
|
+ height:30px;
|
|
|
+ background-color: #0045AF;
|
|
|
+ border-radius:50%;
|
|
|
+ }
|
|
|
+ .left-button-p:hover{
|
|
|
+ background-color: #0183fa;
|
|
|
+ }
|
|
|
+ .right-button-p:hover{
|
|
|
+ background-color: #0183fa;
|
|
|
+ }
|
|
|
+ .bottom-num-text{
|
|
|
+ text-align: center;
|
|
|
+ line-height: 30px;
|
|
|
+ font-size:16px;
|
|
|
+ position: absolute;
|
|
|
+ bottom:0;
|
|
|
+ width:1026px;
|
|
|
+ }
|
|
|
+ .out-button{
|
|
|
+ width:60px;
|
|
|
+ line-height:30px;
|
|
|
+ background:#ffffff;
|
|
|
+ border: 1px solid #999;
|
|
|
+ color:#999;
|
|
|
+ border-radius:4px;
|
|
|
+ text-align: center;
|
|
|
+ cursor: pointer;
|
|
|
+ position: absolute;
|
|
|
+ top:80px;
|
|
|
+ right:17px;
|
|
|
+ z-index:99999;
|
|
|
+ }
|
|
|
+ .out-button:hover{
|
|
|
+ background-color:#999;
|
|
|
+ color:#fff;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .info-dialog-content-document{
|
|
|
+ padding:30px 70px 0;
|
|
|
+ display: flex;
|
|
|
+ flex:1;
|
|
|
+ height:680px;
|
|
|
+ .out-button{
|
|
|
+ width:60px;
|
|
|
+ line-height:30px;
|
|
|
+ background:#ffffff;
|
|
|
+ border: 1px solid #999;
|
|
|
+ color:#999;
|
|
|
+ border-radius:4px;
|
|
|
+ text-align: center;
|
|
|
+ cursor: pointer;
|
|
|
+ position: absolute;
|
|
|
+ top:80px;
|
|
|
+ right:17px;
|
|
|
+ z-index:99999;
|
|
|
+ }
|
|
|
+ .out-button:hover{
|
|
|
+ background-color:#999;
|
|
|
+ color:#fff;
|
|
|
+ }
|
|
|
+ .positionButton{
|
|
|
+ position: absolute;
|
|
|
+ top:80px;
|
|
|
+ right: 90px;
|
|
|
+ border:1px solid #0183fa;
|
|
|
+ border-radius:4px;
|
|
|
+ line-height:30px;
|
|
|
+ width:60px;
|
|
|
+ text-align: center;
|
|
|
+ cursor: pointer;
|
|
|
+ color:#0183fa;
|
|
|
+ background-color: #fff;
|
|
|
+ }
|
|
|
+ .positionButton:hover{
|
|
|
+ background-color:#0183fa;
|
|
|
+ color:#fff;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .info-dialog-content-document-list{
|
|
|
+ padding:30px 70px 0;
|
|
|
+ display: flex;
|
|
|
+ flex:1;
|
|
|
+ height:680px;
|
|
|
+ overflow: hidden;
|
|
|
+ .left-box{
|
|
|
display: flex;
|
|
|
- flex:1;
|
|
|
- height:570px;
|
|
|
+ flex-direction: column;
|
|
|
overflow: hidden;
|
|
|
- .left-box{
|
|
|
+ width:265px;
|
|
|
+ .left-title-box{
|
|
|
+ padding-bottom:20px;
|
|
|
display: flex;
|
|
|
- flex-direction: column;
|
|
|
- overflow: hidden;
|
|
|
- width:265px;
|
|
|
- .left-title-box{
|
|
|
- padding-bottom:20px;
|
|
|
- display: flex;
|
|
|
- width:230px;
|
|
|
- border-bottom:1px dashed #D8D8D8;
|
|
|
- img{
|
|
|
- width:16px;
|
|
|
- height:13px;
|
|
|
- margin:13px 15px 13px 0;
|
|
|
- }
|
|
|
- p{
|
|
|
- line-height:40px;
|
|
|
- width:230px;
|
|
|
- font-size:16px;
|
|
|
- color:#0183FA;
|
|
|
- }
|
|
|
+ width:230px;
|
|
|
+ border-bottom:1px dashed #D8D8D8;
|
|
|
+ img{
|
|
|
+ width:16px;
|
|
|
+ height:13px;
|
|
|
+ margin:13px 15px 13px 0;
|
|
|
}
|
|
|
- .left-for-box{
|
|
|
- flex:1;
|
|
|
- .left-for-p{
|
|
|
- padding:0 10px;
|
|
|
- width:230px;
|
|
|
- line-height:40px;
|
|
|
- margin-top:10px;
|
|
|
- font-size:16px;
|
|
|
- color:#333;
|
|
|
- display:block;
|
|
|
- overflow:hidden;
|
|
|
- text-overflow:ellipsis;
|
|
|
- white-space:nowrap;
|
|
|
- cursor: pointer;
|
|
|
- }
|
|
|
- .check-p{
|
|
|
- background-color:rgba(1,131,250,0.2);
|
|
|
- color:#0183FA;
|
|
|
- }
|
|
|
+ p{
|
|
|
+ line-height:40px;
|
|
|
+ width:230px;
|
|
|
+ font-size:16px;
|
|
|
+ color:#0183FA;
|
|
|
}
|
|
|
}
|
|
|
- .center-border{
|
|
|
- border-right:1px dashed #D8D8D8;
|
|
|
- }
|
|
|
- .right-box{
|
|
|
+ .left-for-box{
|
|
|
flex:1;
|
|
|
- display: flex;
|
|
|
- margin-left:57px;
|
|
|
- .iframe{
|
|
|
- flex:1;
|
|
|
+ .left-for-p{
|
|
|
+ padding:0 10px;
|
|
|
+ width:230px;
|
|
|
+ line-height:40px;
|
|
|
+ margin-top:10px;
|
|
|
+ font-size:16px;
|
|
|
+ color:#333;
|
|
|
+ display:block;
|
|
|
+ overflow:hidden;
|
|
|
+ text-overflow:ellipsis;
|
|
|
+ white-space:nowrap;
|
|
|
+ cursor: pointer;
|
|
|
+ }
|
|
|
+ .check-p{
|
|
|
+ background-color:rgba(1,131,250,0.2);
|
|
|
+ color:#0183FA;
|
|
|
}
|
|
|
}
|
|
|
- .out-button{
|
|
|
- width:60px;
|
|
|
- line-height:30px;
|
|
|
- color:#999;
|
|
|
- background-color: #dedede;
|
|
|
- border-radius:4px;
|
|
|
- text-align: center;
|
|
|
- cursor: pointer;
|
|
|
- position: absolute;
|
|
|
- top:17px;
|
|
|
- right:17px;
|
|
|
- z-index:99999;
|
|
|
+ }
|
|
|
+ .center-border{
|
|
|
+ border-right:1px dashed #D8D8D8;
|
|
|
+ }
|
|
|
+ .right-box{
|
|
|
+ flex:1;
|
|
|
+ display: flex;
|
|
|
+ margin-left:57px;
|
|
|
+ .iframe{
|
|
|
+ flex:1;
|
|
|
}
|
|
|
}
|
|
|
+ .out-button{
|
|
|
+ width:60px;
|
|
|
+ line-height:30px;
|
|
|
+ color:#999;
|
|
|
+ background-color: #dedede;
|
|
|
+ border-radius:4px;
|
|
|
+ text-align: center;
|
|
|
+ cursor: pointer;
|
|
|
+ position: absolute;
|
|
|
+ top:17px;
|
|
|
+ right:17px;
|
|
|
+ z-index:99999;
|
|
|
+ }
|
|
|
}
|
|
|
.bottom-button-box{
|
|
|
height:60px;
|