2023-7-11

src/components/Reception/Navbar.vue

@@ -33,7 +33,7 @@ export default {
   background: #247EC3;
   filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.4));
 
-  z-index: 999999;
+  z-index: 5000;
   position: sticky;
   top: 0;
 

src/views/reception/home/index.vue

@@ -203,6 +203,18 @@
         </div>
       </template>
     </el-skeleton>
+
+    <Modal
+      :width="76"
+      transfer
+      :z-index="6000"
+      v-model="showModal"
+      :footer-hide="true"
+      title="预览">
+      <template>
+        <iframe style="width: 100%;height: 57vh;" :src="codeUri" border="0"></iframe>
+      </template>
+    </Modal>
   </div>
 </template>
 
@@ -213,6 +225,8 @@ import {home, tags, departments, detail} from '@/api/reception';
 export default {
   data() {
     return {
+      codeUri: '',
+      showModal: false,
       load: false,
       uploadsList: [],
       loading: false,
@@ -236,8 +250,10 @@ export default {
   },
   methods: {
     open (e) {
-      let codeUri = encodeURIComponent(new Buffer(e.url).toString('base64'))
-      window.open(`http://view.ali251.langye.net:8012/onlinePreview?url=${codeUri}`)
+      this.codeUri =  `http://view.ali251.langye.net:8012/onlinePreview?url=${encodeURIComponent(new Buffer(e.url).toString('base64'))}`
+
+      this.showModal = true
+      //window.open(`http://view.ali251.langye.net:8012/onlinePreview?url=${codeUri}`)
     },
     down (e) {
       download (e.url, 'get', {}, e.name)

src/views/reception/list1/index.vue

@@ -87,6 +87,18 @@
         }">
       </el-pagination>
     </div>
+
+    <Modal
+      :width="76"
+      transfer
+      :z-index="6000"
+      v-model="showModal"
+      :footer-hide="true"
+      title="预览">
+      <template>
+        <iframe style="width: 100%;height: 57vh;" :src="codeUri" border="0"></iframe>
+      </template>
+    </Modal>
   </div>
 </template>
 
@@ -96,6 +108,8 @@ import { materials, detail } from "@/api/reception"
 export default {
   data() {
     return {
+      codeUri: '',
+      showModal: false,
       loading: false,
       select: {
         keyword: '',
@@ -136,8 +150,10 @@ export default {
     },
 
     open (e) {
-      let codeUri = encodeURIComponent(new Buffer(e.url).toString('base64'))
-      window.open(`http://view.ali251.langye.net:8012/onlinePreview?url=${codeUri}`)
+      this.codeUri =  `http://view.ali251.langye.net:8012/onlinePreview?url=${encodeURIComponent(new Buffer(e.url).toString('base64'))}`
+
+      this.showModal = true
+      //window.open(`http://view.ali251.langye.net:8012/onlinePreview?url=${codeUri}`)
     },
     down (e) {
       download (e.url, 'get', {}, e.name)