|
@@ -1,15 +1,14 @@
|
|
|
<template>
|
|
|
<div style="width: 100%;height:100%;position:absolute">
|
|
|
-
|
|
|
<el-watermark :font="font" :content="watertext" style="width: 100%;height:100%;position:absolute">
|
|
|
- <iframe v-loading style="width:100%;height:100%;border:none" :src="`${currentPdf}`" v-if="usepdf" />
|
|
|
- <div style="height: 100%;overflow-y: auto" v-if="!usepdf">
|
|
|
- <!-- <div v-for="page in pages" :key="page" style="width: 100%;">
|
|
|
- <VuePDF :pdf="pdf" fit-parent :watermark-text="watermarkText" :watermark-options="watermarkOptions" :page="page">
|
|
|
- <div v-loading="true"></div>
|
|
|
- </VuePDF>
|
|
|
- </div> -->
|
|
|
- </div>
|
|
|
+ <iframe v-loading style="width:100%;height:100%;border:none" :src="`${currentPdf}`" />
|
|
|
+ <!-- <div style="height: 100%;overflow-y: auto" v-if="!usepdf">-->
|
|
|
+ <!-- <!– <div v-for="page in pages" :key="page" style="width: 100%;">-->
|
|
|
+ <!-- <VuePDF :pdf="pdf" fit-parent :watermark-text="watermarkText" :watermark-options="watermarkOptions" :page="page">-->
|
|
|
+ <!-- <div v-loading="true"></div>-->
|
|
|
+ <!-- </VuePDF>-->
|
|
|
+ <!-- </div> –>-->
|
|
|
+ <!-- </div>-->
|
|
|
</el-watermark>
|
|
|
</div>
|
|
|
</template>
|
|
@@ -18,18 +17,22 @@ import {ref, onMounted, watchEffect} from 'vue'
|
|
|
const { proxy } = getCurrentInstance() as ComponentInternalInstance;
|
|
|
// import { VuePDF, usePDF } from '@tato30/vue-pdf'
|
|
|
import { propTypes } from '@/utils/propTypes';
|
|
|
-import base64 from 'base-64';
|
|
|
import moment from 'moment';
|
|
|
import useUserStore from '@/store/modules/user';
|
|
|
|
|
|
const userStore = useUserStore();
|
|
|
|
|
|
+document.oncontextmenu = function(){
|
|
|
+ return false;
|
|
|
+}
|
|
|
+
|
|
|
const { watermark } = toRefs<any>();
|
|
|
|
|
|
const usepdf=ref(true);
|
|
|
|
|
|
const props = defineProps({
|
|
|
src: propTypes.string.def(''),
|
|
|
+ size:propTypes.number.def(0),
|
|
|
});
|
|
|
const content = ref(["text"])
|
|
|
|
|
@@ -42,13 +45,22 @@ const watertext = ref();
|
|
|
|
|
|
const currentPdf = ref(props.src)
|
|
|
watchEffect(() => {
|
|
|
+ if(props.size>1024*1024*38){
|
|
|
+ usepdf.value = false;
|
|
|
+ }else{
|
|
|
+ usepdf.value = true;
|
|
|
+ }
|
|
|
if (usepdf.value) {
|
|
|
+ // if(props.size>1024*1024*20){
|
|
|
+ // }else{
|
|
|
+ currentPdf.value = `https://filesystem.njdnyjs.com/preview?url=${encodeURIComponent(props.src)}`
|
|
|
+ // }
|
|
|
// currentPdf.value = `/preview/onlinePreview?url=${encodeURIComponent(base64.encode(props.src))}&watermarkTxt=${encodeURIComponent(watertext.value)}`;
|
|
|
// currentPdf.value = `/preview/web/viewer.html?file=${encodeURIComponent(props.src)}`
|
|
|
- currentPdf.value = `https://filesystem.njdnyjs.com/preview?url=${encodeURIComponent(props.src)}`
|
|
|
+ // currentPdf.value = `https://filesystem.njdnyjs.com/preview?url=${encodeURIComponent(props.src)}`
|
|
|
// http://localhost:8083/preview/?url=https%3A%2F%2Fraw.githubusercontent.com%2Fmozilla%2Fpdf.js%2Fba2edeae%2Fweb%2Fcompressed.tracemonkey-pldi-09.pdf
|
|
|
} else {
|
|
|
- currentPdf.value = props.src;
|
|
|
+ currentPdf.value = props.src+"#toolbar=1";
|
|
|
}
|
|
|
//http://127.0.0.1:8012/onlinePreview?url='+encodeURIComponent(base64Encode(url))
|
|
|
|