|
@@ -14,7 +14,13 @@
|
|
|
curQue.Bookanswer.file_name.indexOf('jpeg') != -1
|
|
|
"
|
|
|
>
|
|
|
- <img :src="curQue.Bookanswer.file_url" alt="" />
|
|
|
+ <el-image
|
|
|
+ style="width: 100%; height: 100%"
|
|
|
+ :src="curQue.Bookanswer.file_url"
|
|
|
+ :fit="'contain'"
|
|
|
+ :preview-src-list="[curQue.Bookanswer.file_url]">
|
|
|
+ </el-image>
|
|
|
+ <!-- <img :src="curQue.Bookanswer.file_url" alt="" /> -->
|
|
|
</template>
|
|
|
<template
|
|
|
v-else-if="curQue.Bookanswer.file_name.indexOf('pdf') != -1"
|
|
@@ -45,7 +51,13 @@
|
|
|
curQue.data.file_name.indexOf('jpeg') != -1
|
|
|
"
|
|
|
>
|
|
|
- <img :src="curQue.data.id" alt="" />
|
|
|
+ <el-image
|
|
|
+ style="width: 100%; height: 100%"
|
|
|
+ :src="curQue.data.id"
|
|
|
+ :fit="'contain'"
|
|
|
+ :preview-src-list="[curQue.data.id]">
|
|
|
+ </el-image>
|
|
|
+ <!-- <img :src="curQue.data.id" alt="" /> -->
|
|
|
</template>
|
|
|
<template
|
|
|
v-else-if="curQue.Bookanswer.file_name.indexOf('pdf') != -1"
|
|
@@ -102,8 +114,30 @@
|
|
|
>
|
|
|
<img src="../../../assets/adult/red_remove.png" alt="" />
|
|
|
</div>
|
|
|
+ <div
|
|
|
+ v-if="type == 'upload_control_chs'"
|
|
|
+ class="remove zoom-in"
|
|
|
+ @click="showIframe=true"
|
|
|
+ >
|
|
|
+ <i class="el-icon-zoom-in"></i>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
+ <el-dialog
|
|
|
+ :visible.sync="showIframe"
|
|
|
+ :show-close="true"
|
|
|
+ :close-on-click-modal="false"
|
|
|
+ :modal-append-to-body="false"
|
|
|
+ width="1000px"
|
|
|
+ class="login-dialog"
|
|
|
+ v-if="showIframe">
|
|
|
+ <iframe
|
|
|
+ :src="curQue.Bookanswer.newpath"
|
|
|
+ id="ifms"
|
|
|
+ width="100%"
|
|
|
+ height="600px"
|
|
|
+ ></iframe>
|
|
|
+ </el-dialog>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
@@ -140,6 +174,7 @@ export default {
|
|
|
},
|
|
|
loading: false,
|
|
|
file_preview_url: "",
|
|
|
+ showIframe: false
|
|
|
};
|
|
|
},
|
|
|
computed: {},
|
|
@@ -194,6 +229,10 @@ export default {
|
|
|
// process.env.VUE_APP_BASE_API +
|
|
|
// this.curQue.Bookanswer.file_relative_path;
|
|
|
// this.getNumPages();
|
|
|
+ }else{
|
|
|
+ let path = `${this.file_preview_url}/onlinePreview?url=` +
|
|
|
+ Base64.encode(this.curQue.data.id?this.curQue.data.id:this.curQue.Bookanswer.file_url);
|
|
|
+ this.curQue.Bookanswer.newpath = path;
|
|
|
}
|
|
|
this.$forceUpdate();
|
|
|
},
|
|
@@ -262,6 +301,9 @@ export default {
|
|
|
.dv {
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
+ width: 72px;
|
|
|
+ flex-flow: wrap;
|
|
|
+ padding: 60px 0;
|
|
|
.remove {
|
|
|
width: 40px;
|
|
|
height: 39px;
|