|
@@ -33,15 +33,16 @@
|
|
|
-->
|
|
|
<template>
|
|
|
<el-dialog class="lookDocumentDataDialog" :title="lookDocumentTitle"
|
|
|
+ :class="fullScreenType?'lookDocumentDataDialog-fullScreen':''"
|
|
|
:visible.sync="lookDocumentType" v-if="lookDocumentType"
|
|
|
@close="outLook"
|
|
|
- width="714px" height="645px" append-to-body>
|
|
|
+ width="834px" height="645px" append-to-body>
|
|
|
<div class="lookDocumentDataDialog-page scrollbar-box">
|
|
|
<rectificationReportDom v-if="documentType == 1" :propsRectificationReportData="propsRectificationReportData"></rectificationReportDom>
|
|
|
<noticeDom v-if="documentType == 2" :propsNoticeDomData="propsNoticeDomData"></noticeDom>
|
|
|
<informDom v-if="documentType == 3" :propsInformDomData="propsInformDomData"></informDom>
|
|
|
- <!--<p class="positionButton" @click="goPage">全屏</p>-->
|
|
|
</div>
|
|
|
+ <p class="positionButton" @click="fullScreenButton">{{fullScreenType?'退出':'全屏'}}</p>
|
|
|
<div slot="footer" class="dialog-footer dialog-footer-box" style="display: flex">
|
|
|
<p class="dialog-footer-button-null"></p>
|
|
|
<p class="dialog-footer-button-info" @click="outLook">取消</p>
|
|
@@ -52,9 +53,9 @@
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
- import rectificationReportDom from './rectificationReportDom.vue'
|
|
|
- import noticeDom from './noticeDom.vue'
|
|
|
- import informDom from './informDom.vue'
|
|
|
+ import rectificationReportDom from './components/rectificationReportDom.vue'
|
|
|
+ import noticeDom from './components/noticeDom.vue'
|
|
|
+ import informDom from './components/informDom.vue'
|
|
|
export default {
|
|
|
name: 'lookDocumentDataDialog',
|
|
|
props:{
|
|
@@ -67,6 +68,8 @@
|
|
|
},
|
|
|
data(){
|
|
|
return{
|
|
|
+ //全屏状态
|
|
|
+ fullScreenType:false,
|
|
|
lookDocumentType:true,
|
|
|
lookDocumentTitle:"",
|
|
|
lookDocumentSrc:"",
|
|
@@ -106,6 +109,9 @@
|
|
|
this.download('/zd-security/checkRectify/genReport/'+this.propsLookDocumentData.id, {}, this.propsLookDocumentData.name+'(整改报告).docx')
|
|
|
}
|
|
|
},
|
|
|
+ fullScreenButton(){
|
|
|
+ this.fullScreenType = !this.fullScreenType
|
|
|
+ },
|
|
|
//打开新窗口
|
|
|
goPage(){
|
|
|
window.open(this.lookDocumentSrc)
|
|
@@ -122,19 +128,48 @@
|
|
|
flex:1;
|
|
|
height:645px;
|
|
|
position: relative;
|
|
|
- .positionButton{
|
|
|
- position: absolute;
|
|
|
- top:15px;
|
|
|
- right: 225px;
|
|
|
- border:1px solid #0183fa;
|
|
|
- border-radius:4px;
|
|
|
- line-height:30px;
|
|
|
- width:60px;
|
|
|
- text-align: center;
|
|
|
- cursor: pointer;
|
|
|
- color:#0183fa;
|
|
|
- background-color: #fff;
|
|
|
+ }
|
|
|
+ .positionButton{
|
|
|
+ position: absolute;
|
|
|
+ top:15px;
|
|
|
+ right: 15px;
|
|
|
+ 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;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .lookDocumentDataDialog-fullScreen{
|
|
|
+ background-color: #666;
|
|
|
+ .positionButton{
|
|
|
+ top:25px;
|
|
|
+ right: 15px;
|
|
|
+ }
|
|
|
+ ::v-deep .el-dialog{
|
|
|
+ width:100% !important;
|
|
|
+ height:100% !important;
|
|
|
+ box-shadow: none;
|
|
|
+ }
|
|
|
+ ::v-deep .el-dialog__header{
|
|
|
+ display: none;
|
|
|
+ }
|
|
|
+ ::v-deep .el-dialog__body{
|
|
|
+ height:100% !important;
|
|
|
+ background-color: #666;
|
|
|
+ .lookDocumentDataDialog-page{
|
|
|
+ height:100%;
|
|
|
}
|
|
|
}
|
|
|
+ ::v-deep .el-dialog__footer{
|
|
|
+ display: none;
|
|
|
+ }
|
|
|
}
|
|
|
</style>
|