tmp

src/views/comprehensive/knzzZsgApply/fdy.vue

@@ -61,6 +61,16 @@
                         <el-form-item label="中职毕业证">
                             <el-button type="primary" size="mini" icon="el-icon-download" @click="downloadDiploma">下载毕业证
                             </el-button>
+
+                            <el-button type="primary" size="mini" icon="el-icon-view" @click="lookBiye">预览毕业证
+                            </el-button>
+
+                            <el-dialog :visible.sync="lookBiyeV" :destroy-on-close="true" append-to-body>
+                                <span slot="title">中职毕业证预览</span>
+                                <iframe v-if="lookBiyeUrl" :src="lookBiyeUrl" style="width: 100%; height: 80vh;"
+                                    frameborder="0"></iframe>
+                            </el-dialog>
+
                         </el-form-item>
                     </el-form>
                     <el-form label-width="200px" size="mini" class="lookForm">
@@ -294,6 +304,9 @@ export default {
 
             editForm: {},
             editV: false,
+
+            lookBiyeV: false,
+            lookBiyeUrl: ''
         }
     },
     created() {
@@ -301,6 +314,15 @@ export default {
         this.getOwnSign();
     },
     methods: {
+        lookBiye() {
+            const isAbsoluteUrl = this.lookForm.diplomaCertificate.startsWith('http');
+            const pdfUrl = isAbsoluteUrl
+                ? this.lookForm.diplomaCertificate
+                : `${this.baseurl}${this.lookForm.diplomaCertificate}`;
+            this.lookBiyeUrl = pdfUrl;
+            this.lookBiyeV = true;
+        },
+
         changeApplyReason(v) {
             if (v != "1.监测对象家庭学生(脱贫不稳定家庭学生、边缘易致贫家庭学生、突发严重困难家庭学生):") {
                 this.editForm.applyReason1 = "";