|
|
|
@ -12,16 +12,15 @@
|
|
|
|
<a class="ivu-modal-screen" @click="isfullscreen = !isfullscreen">
|
|
|
|
<a class="ivu-modal-screen" @click="isfullscreen = !isfullscreen">
|
|
|
|
<i :class="isfullscreen?'el-icon-aim':'el-icon-full-screen'"></i></a>
|
|
|
|
<i :class="isfullscreen?'el-icon-aim':'el-icon-full-screen'"></i></a>
|
|
|
|
<a @click='coloseDia'><i class="el-icon-close"></i></a>
|
|
|
|
<a @click='coloseDia'><i class="el-icon-close"></i></a>
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div class="dialogConcent">
|
|
|
|
<div :class="isfullscreen?'dialogConcentFull':'dialogConcent'">
|
|
|
|
<div v-if="typeName=='file'" style="height:100%;overflow: scroll;">
|
|
|
|
<div v-if="typeName=='file'" style="height:100%;overflow: scroll;">
|
|
|
|
<vue-office-docx v-if="urlType==='docx'" :src="url" @rendered="renderingCompleted"></vue-office-docx>
|
|
|
|
<vue-office-docx style="height:100%" v-if="urlType==='docx'" :src="url" @rendered="renderingCompleted"></vue-office-docx>
|
|
|
|
<vue-office-pdf v-else-if="urlType==='pdf'" :src="url" @rendered="renderingCompleted"></vue-office-pdf>
|
|
|
|
<vue-office-pdf style="height:100%" v-else-if="urlType==='pdf'" :src="url" @rendered="renderingCompleted"></vue-office-pdf>
|
|
|
|
<vue-office-excel v-else-if="urlType==='excel'" :src="url" @rendered="renderingCompleted"></vue-office-excel>
|
|
|
|
<vue-office-excel style="height:100%" v-else-if="urlType==='excel'" :src="url" @rendered="renderingCompleted"></vue-office-excel>
|
|
|
|
<vue-office-pptx v-else-if="urlType==='pptx'" :src="url" @rendered="renderingCompleted"></vue-office-pptx>
|
|
|
|
<vue-office-pptx style="height:100%" v-else-if="urlType==='pptx'" :src="url" @rendered="renderingCompleted"></vue-office-pptx>
|
|
|
|
<img v-else-if="urlType==='image'" :src="url" style="width:100%"></img>
|
|
|
|
<img v-else-if="urlType==='image'" :src="url" style="width:100%"></img>
|
|
|
|
|
|
|
|
|
|
|
|
<iframe v-else id="iframeWin" :src="url" frameborder="0" scrolling="auto" align="center" class="iframeWeb">
|
|
|
|
<iframe v-else id="iframeWin" :src="url" frameborder="0" scrolling="auto" align="center" class="iframeWeb">
|
|
|
|
@ -80,7 +79,7 @@
|
|
|
|
data() {
|
|
|
|
data() {
|
|
|
|
return {
|
|
|
|
return {
|
|
|
|
diaShow: this.isShow,
|
|
|
|
diaShow: this.isShow,
|
|
|
|
isfullscreen: false,
|
|
|
|
isfullscreen: true,
|
|
|
|
baseUrl: `${process.env.VUE_APP_PREVIEW_API}?url=`,
|
|
|
|
baseUrl: `${process.env.VUE_APP_PREVIEW_API}?url=`,
|
|
|
|
url: '',
|
|
|
|
url: '',
|
|
|
|
wheight: "400",
|
|
|
|
wheight: "400",
|
|
|
|
@ -151,7 +150,11 @@
|
|
|
|
|
|
|
|
|
|
|
|
.dialogConcent {
|
|
|
|
.dialogConcent {
|
|
|
|
overflow-y: scroll;
|
|
|
|
overflow-y: scroll;
|
|
|
|
height:400px;
|
|
|
|
/* height:400px; */
|
|
|
|
|
|
|
|
min-height:400px;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
.dialogConcentFull{
|
|
|
|
|
|
|
|
height:calc(100vh - 150px)
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.iframeWeb {
|
|
|
|
.iframeWeb {
|
|
|
|
|