|
|
|
@ -1,13 +1,27 @@
|
|
|
|
|
<!-- -->
|
|
|
|
|
<template>
|
|
|
|
|
<div>
|
|
|
|
|
<iframe v-if="showFdf" :src="url" frameborder="0" :class="fullscreen?'ifarmefullscreen':'ifarme'"></iframe>
|
|
|
|
|
<iframe :src="previewUrl + encodeURIComponent(base64Encode(url))" frameborder="0" style="width:100%;height:80vh;"></iframe>
|
|
|
|
|
<iframe
|
|
|
|
|
v-if="showFdf"
|
|
|
|
|
:src="url"
|
|
|
|
|
frameborder="0"
|
|
|
|
|
:class="fullscreen ? 'ifarmefullscreen' : 'ifarme'"
|
|
|
|
|
></iframe>
|
|
|
|
|
<iframe
|
|
|
|
|
:src="previewUrl + encodeURIComponent(base64Encode(url))"
|
|
|
|
|
frameborder="0"
|
|
|
|
|
style="width: 100%; height: 80vh"
|
|
|
|
|
></iframe>
|
|
|
|
|
<div class="sumbit-box">
|
|
|
|
|
<div class="item-box" v-for="(item,index) in btnList" :key="index" @click="handleBack(item.key)">
|
|
|
|
|
<div
|
|
|
|
|
class="item-box"
|
|
|
|
|
v-for="(item, index) in btnList"
|
|
|
|
|
:key="index"
|
|
|
|
|
@click="handleBack(item.key)"
|
|
|
|
|
>
|
|
|
|
|
<van-icon :name="item.icon" :color="item.color" size="25" />
|
|
|
|
|
<div class="box-tt">
|
|
|
|
|
<span :style="`color:${item.color}`"> {{item.title}}</span>
|
|
|
|
|
<span :style="`color:${item.color}`"> {{ item.title }}</span>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
@ -16,44 +30,40 @@
|
|
|
|
|
|
|
|
|
|
<script>
|
|
|
|
|
export default {
|
|
|
|
|
name: '',
|
|
|
|
|
name: "",
|
|
|
|
|
created() {
|
|
|
|
|
this.handleSetFile()
|
|
|
|
|
this.handleSetFile();
|
|
|
|
|
},
|
|
|
|
|
data() {
|
|
|
|
|
return {
|
|
|
|
|
showFdf: false,
|
|
|
|
|
// previewUrl: 'http://60.204.223.58:8086/onlinePreview?url=',
|
|
|
|
|
// KKFileView
|
|
|
|
|
previewUrl: 'http://139.224.253.31:48012/onlinePreview?url=',
|
|
|
|
|
url: '',
|
|
|
|
|
btnList: [
|
|
|
|
|
{ title: '返回', icon: 'revoke', color: "#909399", key: 0 },
|
|
|
|
|
]
|
|
|
|
|
}
|
|
|
|
|
// previewUrl: 'http://139.224.253.31:48012/onlinePreview?url=',
|
|
|
|
|
previewUrl: process.env.VUE_APP_ONLINE_API + "/onlinePreview?url=",
|
|
|
|
|
url: "",
|
|
|
|
|
btnList: [{ title: "返回", icon: "revoke", color: "#909399", key: 0 }],
|
|
|
|
|
};
|
|
|
|
|
},
|
|
|
|
|
methods: {
|
|
|
|
|
base64Encode(url) {
|
|
|
|
|
if (url) {
|
|
|
|
|
return this.$Base64.encode(url)
|
|
|
|
|
return this.$Base64.encode(url);
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
handleBack() {
|
|
|
|
|
history.back()
|
|
|
|
|
history.back();
|
|
|
|
|
},
|
|
|
|
|
handleSetFile() {
|
|
|
|
|
this.url = this.$route.query.url
|
|
|
|
|
}
|
|
|
|
|
this.url = this.$route.query.url;
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
components: {},
|
|
|
|
|
|
|
|
|
|
computed: {},
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
};
|
|
|
|
|
</script>
|
|
|
|
|
<style scoped lang="scss">
|
|
|
|
|
@import '~@/assets/style/common/form.scss';
|
|
|
|
|
</style>
|
|
|
|
|
@import "~@/assets/style/common/form.scss";
|
|
|
|
|
</style>
|
|
|
|
|