页面更新

components/MtaPDF.vue

@@ -1,25 +1,42 @@
 <template>
-	<view class="pdf-container" v-if="pdfUrl" >
-		<template v-if="systemInfo.platform == 'android'">
-			<web-view
-				:src="pdfUrl1"
-				class="web-view"></web-view>
-		</template>
-		<template v-else>
-			<web-view :src="pdfUrl" class="web-view"></web-view>
-		</template>
+	<view class="pdf-container" v-if="pdfUrl">
+		<button @click="handleOpen">PDF预览</button>
 	</view>
+	<uni-popup ref="popup" type="bottom" background-color="#fff"  border-radius="10px 10px 0 0" :mask-click="false" :animation="false">
+		<view  style="height:90vh;padding: 0;margin: 0">
+			<uni-nav-bar shadow left-icon="left" title="PDF预览" @clickLeft="handleBack" />
+			<web-view :src="pdfUrl1" v-if="showPdfUrl" class="web-view" style="margin-top: 50px"></web-view>
+		</view>
+	</uni-popup>
+
 </template>
 
 <script setup>
+	import {
+		nextTick,
+		ref
+	} from "vue"
 	const props = defineProps({
 		pdfUrl: {
 			type: String
 		}
 	})
-	const systemInfo = uni.getSystemInfoSync();
-	
-	const pdfUrl1 = `/hybrid/html/web/viewer.html?file=${encodeURIComponent(props.pdfUrl)}`
+	const showPdfUrl = ref(false)
+	let pdfUrl1 = '';
+	const popup = ref(null)
+
+	function handleOpen() {
+		popup.value.open('bottom')
+		pdfUrl1 = `/hybrid/html/web/viewer.html?file=${encodeURIComponent(props.pdfUrl)}`;
+		setTimeout(() => {
+			showPdfUrl.value = true;
+		}, 50)
+	}
+
+	function handleBack() {
+		popup.value.close()
+		showPdfUrl.value = false;
+	}
 </script>
 
 <style lang="scss">

pages/dqgzDangjiangongzuoInfo/dqgzDangjiangongzuoInfo.vue

@@ -51,7 +51,6 @@
 	import * as httpApi from "@/api/common.js"
 	import {formatDateToYearMonthDay } from "@/utils/common.js"
   import MtaMpHtml from "@/components/MTAMpHtml/MtaMpHtml.vue"
-  import MtaPDFVue from "@/components/MtaPDF.vue";
   import MtaFooter from "@/components/MtaFooter.vue"
 	const data = reactive({
 		info: null,

pages/dqgzGongzhuizhijiaInfo/dqgzGongzhuizhijiaInfo.vue

@@ -45,7 +45,6 @@
 	import * as httpApi from "@/api/common.js"
 	import {formatDateToYearMonthDay } from "@/utils/common.js"
   import MtaMpHtml from "@/components/MTAMpHtml/MtaMpHtml.vue"
-  import MtaPDFVue from "@/components/MtaPDF.vue";
   import MtaFooter from "@/components/MtaFooter.vue"
 	const data = reactive({
 		info: null,

pages/dqgzXueyuanfengcaiInfo/dqgzXueyuanfengcaiInfo.vue

@@ -45,7 +45,6 @@
 	import * as httpApi from "@/api/common.js"
 	import {formatDateToYearMonthDay } from "@/utils/common.js"
   import MtaMpHtml from "@/components/MTAMpHtml/MtaMpHtml.vue"
-  import MtaPDFVue from "@/components/MtaPDF.vue";
   import MtaFooter from "@/components/MtaFooter.vue"
 	const data = reactive({
 		info: null,

pages/jyjxDasaifengcaiInfo/jyjxDasaifengcaiInfo.vue

@@ -47,7 +47,6 @@
 	import * as httpApi from "@/api/common.js"
 	import {formatDateToYearMonthDay } from "@/utils/common.js"
   import MtaMpHtml from "@/components/MTAMpHtml/MtaMpHtml.vue"
-  import MtaPDFVue from "@/components/MtaPDF.vue";
   import MtaFooter from "@/components/MtaFooter.vue"
 	const data = reactive({
 		info: null,

pages/jyjxDierketangInfo/jyjxDierketangInfo.vue

@@ -48,7 +48,6 @@
 	import * as httpApi from "@/api/common.js"
 	import {formatDateToYearMonthDay } from "@/utils/common.js"
   import MtaMpHtml from "@/components/MTAMpHtml/MtaMpHtml.vue"
-  import MtaPDFVue from "@/components/MtaPDF.vue";
   import MtaFooter from "@/components/MtaFooter.vue"
 	const data = reactive({
 		info: null,

pages/jyjxGuizhangzhiduInfo/jyjxGuizhangzhiduInfo.vue

@@ -48,7 +48,6 @@
 	import * as httpApi from "@/api/common.js"
 	import {formatDateToYearMonthDay } from "@/utils/common.js"
   import MtaMpHtml from "@/components/MTAMpHtml/MtaMpHtml.vue"
-  import MtaPDFVue from "@/components/MtaPDF.vue";
   import MtaFooter from "@/components/MtaFooter.vue"
 	const data = reactive({
 		info: null,

pages/jyjxJinengjiandingInfo/jyjxJinengjiandingInfo.vue

@@ -48,7 +48,6 @@
 	import * as httpApi from "@/api/common.js"
 	import {formatDateToYearMonthDay } from "@/utils/common.js"
   import MtaMpHtml from "@/components/MTAMpHtml/MtaMpHtml.vue"
-  import MtaPDFVue from "@/components/MtaPDF.vue";
   import MtaFooter from "@/components/MtaFooter.vue"
 	const data = reactive({
 		info: null,

pages/jyjxKeyandongtaiInfo/jyjxKeyandongtaiInfo.vue

@@ -48,7 +48,6 @@
 	import * as httpApi from "@/api/common.js"
 	import {formatDateToYearMonthDay } from "@/utils/common.js"
   import MtaMpHtml from "@/components/MTAMpHtml/MtaMpHtml.vue"
-  import MtaPDFVue from "@/components/MtaPDF.vue";
   import MtaFooter from "@/components/MtaFooter.vue"
 	const data = reactive({
 		info: null,

pages/jyjxKeyanhuodongInfo/jyjxKeyanhuodongInfo.vue

@@ -48,7 +48,6 @@
 	import * as httpApi from "@/api/common.js"
 	import {formatDateToYearMonthDay } from "@/utils/common.js"
   import MtaMpHtml from "@/components/MTAMpHtml/MtaMpHtml.vue"
-  import MtaPDFVue from "@/components/MtaPDF.vue";
   import MtaFooter from "@/components/MtaFooter.vue"
 	const data = reactive({
 		info: null,

pages/jyjxShiziduiwuInfo/jyjxShiziduiwuInfo.vue

@@ -48,7 +48,6 @@
 	import * as httpApi from "@/api/common.js"
 	import {formatDateToYearMonthDay } from "@/utils/common.js"
   import MtaMpHtml from "@/components/MTAMpHtml/MtaMpHtml.vue"
-  import MtaPDFVue from "@/components/MtaPDF.vue";
   import MtaFooter from "@/components/MtaFooter.vue"
 	const data = reactive({
 		info: null,

pages/jyjxXiaoqihezuoInfo/jyjxXiaoqihezuoInfo.vue

@@ -48,7 +48,6 @@
 	import * as httpApi from "@/api/common.js"
 	import {formatDateToYearMonthDay } from "@/utils/common.js"
   import MtaMpHtml from "@/components/MTAMpHtml/MtaMpHtml.vue"
-  import MtaPDFVue from "@/components/MtaPDF.vue";
   import MtaFooter from "@/components/MtaFooter.vue"
 	const data = reactive({
 		info: null,

pages/jyjxZhongdianxiangmuInfo/jyjxZhongdianxiangmuInfo.vue

@@ -48,7 +48,6 @@
 	import * as httpApi from "@/api/common.js"
 	import {formatDateToYearMonthDay } from "@/utils/common.js"
   import MtaMpHtml from "@/components/MTAMpHtml/MtaMpHtml.vue"
-  import MtaPDFVue from "@/components/MtaPDF.vue";
   import MtaFooter from "@/components/MtaFooter.vue"
 	const data = reactive({
 		info: null,

pages/jyjxZhuanyejiansheInfo/jyjxZhuanyejiansheInfo.vue

@@ -48,7 +48,6 @@
 	import * as httpApi from "@/api/common.js"
 	import {formatDateToYearMonthDay } from "@/utils/common.js"
   import MtaMpHtml from "@/components/MTAMpHtml/MtaMpHtml.vue"
-  import MtaPDFVue from "@/components/MtaPDF.vue";
   import MtaFooter from "@/components/MtaFooter.vue"
 	const data = reactive({
 		info: null,

pages/xsydDeyuduiwuInfo/xsydDeyuduiwuInfo.vue

@@ -46,7 +46,6 @@
 	import * as httpApi from "@/api/common.js"
 	import {formatDateToYearMonthDay } from "@/utils/common.js"
   import MtaMpHtml from "@/components/MTAMpHtml/MtaMpHtml.vue"
-  import MtaPDFVue from "@/components/MtaPDF.vue";
   import MtaFooter from "@/components/MtaFooter.vue"
 	const data = reactive({
 		info: null,

pages/xsydGongqingtuanInfo/xsydGongqingtuanInfo.vue

@@ -45,7 +45,6 @@
 	import * as httpApi from "@/api/common.js"
 	import {formatDateToYearMonthDay } from "@/utils/common.js"
   import MtaMpHtml from "@/components/MTAMpHtml/MtaMpHtml.vue"
-  import MtaPDFVue from "@/components/MtaPDF.vue";
   import MtaFooter from "@/components/MtaFooter.vue"
 	const data = reactive({
 		info: null,

pages/xsydXueshenghuodongInfo/xsydXueshenghuodongInfo.vue

@@ -45,7 +45,6 @@
 	import * as httpApi from "@/api/common.js"
 	import {formatDateToYearMonthDay } from "@/utils/common.js"
   import MtaMpHtml from "@/components/MTAMpHtml/MtaMpHtml.vue"
-  import MtaPDFVue from "@/components/MtaPDF.vue";
   import MtaFooter from "@/components/MtaFooter.vue"
 	const data = reactive({
 		info: null,

pages/xsydZizhuguanliInfo/xsydZizhuguanliInfo.vue

@@ -23,14 +23,6 @@
 					<!-- 富文本 -->
 					<MtaMpHtml class="dljt-editor-box" :content="data.info.content" ></MtaMpHtml>
 					
-					<!-- PDF -->
-					<!-- <MtaPDFVue class="dljt-pdf-box" :pdfUrl="pdfUrl"></MtaPDFVue> -->
-					
-					<!-- 文件下载 -->
-					<!-- <div class="return-footer-box" v-if="">
-						<view class="dljt-down-btn" @click="handleDownFile"></view>
-					</div> -->
-					
 				</view>
 			</view>
 		</view>
@@ -53,7 +45,6 @@
 	import * as httpApi from "@/api/common.js"
 	import {formatDateToYearMonthDay } from "@/utils/common.js"
   import MtaMpHtml from "@/components/MTAMpHtml/MtaMpHtml.vue"
-  import MtaPDFVue from "@/components/MtaPDF.vue";
   import MtaFooter from "@/components/MtaFooter.vue"
 	const data = reactive({
 		info: null,

pages/xydtTongzhigonggaoInfo/xydtTongzhigonggaoInfo.vue

@@ -23,14 +23,6 @@
 					<!-- 富文本 -->
 					<MtaMpHtml class="dljt-editor-box" :content="data.info.content"></MtaMpHtml>
 
-					<!-- PDF -->
-					<!-- <MtaPDFVue class="dljt-pdf-box" :pdfUrl="pdfUrl"></MtaPDFVue> -->
-
-					<!-- 文件下载 -->
-					<!-- <div class="return-footer-box" v-if="">
-						<view class="dljt-down-btn" @click="handleDownFile"></view>
-					</div> -->
-
 				</view>
 			</view>
 		</view>
@@ -55,7 +47,6 @@
 		formatDateToYearMonthDay
 	} from "@/utils/common.js"
 	import MtaMpHtml from "@/components/MTAMpHtml/MtaMpHtml.vue"
-	import MtaPDFVue from "@/components/MtaPDF.vue";
 	import MtaFooter from "@/components/MtaFooter.vue"
 	const data = reactive({
 		info: null,

pages/xydtXiaowugongkaiInfo/xydtXiaowugongkaiInfo.vue

@@ -47,7 +47,6 @@
 		formatDateToYearMonthDay
 	} from "@/utils/common.js"
 	import MtaMpHtml from "@/components/MTAMpHtml/MtaMpHtml.vue"
-	import MtaPDFVue from "@/components/MtaPDF.vue";
 	import MtaFooter from "@/components/MtaFooter.vue"
 	const data = reactive({
 		info: null,

pages/xydtXueyuanfengcaiInfo/xydtXueyuanfengcaiInfo.vue

@@ -63,7 +63,6 @@
 		formatDateToYearMonthDay
 	} from "@/utils/common.js"
 	import MtaMpHtml from "@/components/MTAMpHtml/MtaMpHtml.vue"
-	import MtaPDFVue from "@/components/MtaPDF.vue";
 	import MtaFooter from "@/components/MtaFooter.vue"
 
 

pages/xydtXueyuanxinwenInfo/xydtXueyuanxinwenInfo.vue

@@ -45,7 +45,6 @@
 	import * as httpApi from "@/api/common.js"
 	import {formatDateToYearMonthDay } from "@/utils/common.js"
   import MtaMpHtml from "@/components/MTAMpHtml/MtaMpHtml.vue"
-  import MtaPDFVue from "@/components/MtaPDF.vue";
   import MtaFooter from "@/components/MtaFooter.vue"
 	const data = reactive({
 		info: null,

pages/xygkXueyuanjianjie/xygkXueyuanjianjie.vue

@@ -25,7 +25,6 @@
 
 <script setup>
 	import MtaMpHtml from "@/components/MTAMpHtml/MtaMpHtml.vue"
-	import MtaPDFVue from "@/components/MtaPDF.vue";
 	import MtaFooter from "@/components/MtaFooter.vue"
 	import {
 		ref,

pages/zsjyXiaoqihezuoInfo/zsjyXiaoqihezuoInfo.vue

@@ -45,7 +45,6 @@
 	import * as httpApi from "@/api/common.js"
 	import {formatDateToYearMonthDay } from "@/utils/common.js"
   import MtaMpHtml from "@/components/MTAMpHtml/MtaMpHtml.vue"
-  import MtaPDFVue from "@/components/MtaPDF.vue";
   import MtaFooter from "@/components/MtaFooter.vue"
 	const data = reactive({
 		info: null,

pages/zsjyYouxiubiyeshengInfo/zsjyYouxiubiyeshengInfo.vue

@@ -48,7 +48,6 @@
 	import * as httpApi from "@/api/common.js"
 	import {formatDateToYearMonthDay } from "@/utils/common.js"
   import MtaMpHtml from "@/components/MTAMpHtml/MtaMpHtml.vue"
-  import MtaPDFVue from "@/components/MtaPDF.vue";
   import MtaFooter from "@/components/MtaFooter.vue"
 	const data = reactive({
 		info: null,

pages/zsjyZhengcewenhuaInfo/zsjyZhengcewenhuaInfo.vue

@@ -45,7 +45,6 @@
 	import * as httpApi from "@/api/common.js"
 	import {formatDateToYearMonthDay } from "@/utils/common.js"
   import MtaMpHtml from "@/components/MTAMpHtml/MtaMpHtml.vue"
-  import MtaPDFVue from "@/components/MtaPDF.vue";
   import MtaFooter from "@/components/MtaFooter.vue"
 	const data = reactive({
 		info: null,

pages/zypxTongzhigonggaoInfo/zypxTongzhigonggaoInfo.vue

@@ -47,7 +47,6 @@
 		formatDateToYearMonthDay
 	} from "@/utils/common.js"
 	import MtaMpHtml from "@/components/MTAMpHtml/MtaMpHtml.vue"
-	import MtaPDFVue from "@/components/MtaPDF.vue";
 	import MtaFooter from "@/components/MtaFooter.vue"
 	import {
 		getCommonZypxTongzhiInfo