| | |
| | | <div> |
| | | <div v-show="isOpenDocPreviewDialog" class="preview-dialog"> |
| | | <button @click="closePreviewDialog('doc')" class="close-button">关闭</button> |
| | | <div :id="pageMarkerfun+'-doc'" style="overflow: auto; width: 100%; height: 90%;"></div> |
| | | <div :id="pageMarkerfun+'-doc'" style="overflow: auto; width: 100% !important;; height: 90%;margin: 0px; padding: 0px!important"></div> |
| | | <div class="file-name">{{ docName }}</div> |
| | | </div> |
| | | <div v-show="isOpenPdfPreviewDialog" class="preview-dialog"> |
| | |
| | | </template> |
| | | |
| | | <script> |
| | | import {setAccessoryFormatComm} from '@/commonJS/commonFile' |
| | | import {setAccessoryFormatSingle} from '@/commonJS/commonFile' |
| | | import {setAccessoryFormatByForm} from '@/commonJS/commonFile' |
| | | export default { |
| | | name:'ViewAccessory', |
| | | props: { |
| | |
| | | }) |
| | | }, |
| | | methods: { |
| | | setAccessory(row) { |
| | | openAccessoryFormatComm(row) { |
| | | console.log(row, 'setAccessoryFormatSingle(row)'); |
| | | return setAccessoryFormatComm(row, this.pageMarkerfun, this) |
| | | }, |
| | | openAccessoryFormatSingle(row) { |
| | | console.log(row, 'setAccessoryFormatSingle(row)'); |
| | | return setAccessoryFormatSingle(row, this.pageMarkerfun, this) |
| | | }, |
| | | openAccessoryFormatByForm(row) { |
| | | console.log(row, 'setAccessoryFormatSingle(row)'); |
| | | return setAccessoryFormatByForm(row, this.pageMarkerfun, this) |
| | | }, |
| | | |
| | | closePreviewDialog(file) { |
| | | if (file == 'doc') { |
| | | this.docName = '' |
| | |
| | | position: fixed; |
| | | top: 120px; |
| | | right: 10px; |
| | | background: gray; |
| | | background: #ccc; |
| | | display: flex; |
| | | flex-direction: column; |
| | | align-items: center; |
| | | justify-content: center; |
| | | } |
| | | .preview-dialog .docx-wrapper{ |
| | | padding: 10px 0 0 0 !important; |
| | | background: inherit !important; |
| | | } |
| | | .preview-dialog .docx-wrapper>section.docx{ |
| | | width: 850.3pt !important; |
| | | padding: 0 !important; |
| | | } |
| | | .preview-dialog .docx-wrapper>section.docx>article{ |
| | | margin: 0 auto; |
| | | } |
| | | .preview-dialog .docx-wrapper>section.docx>article>.docx_4{ |
| | | width: 685.45pt !important; |
| | | } |
| | | .close-button { |
| | | position: absolute; |
| | | top: 10px; |