AO签审添加下载pdf

applications/dee-mes/src/privateComponents/components/AoProcessDetailEdit/index.vue

 <template>
   <div class="task-detail-basicInfo-com">
+    <div class="download-btn" @click="seePdf">
+      <el-button
+        type="primary"
+        plain
+        size="small"
+      >下载pdf</el-button>
+    </div>
     <div v-if="loading" class="detail-com">
       <dee-as-com
         :key="layConfig.typeName"
@@ -11,6 +18,7 @@
 </template>
 
 <script>
+import { downloadFile } from '@/utils/http'
 import { post } from '@/utils/http'
 export default {
   name: 'AoProcessDetailEdit',
@@ -26,7 +34,8 @@ export default {
   data() {
     return {
       aoData: {},
-      loading: false
+      loading: false,
+      seePdfShow: false
     }
   },
   computed: {
@@ -41,6 +50,42 @@ export default {
     this.getData()
   },
   methods: {
+    seePdf() {
+      console.log(343434)
+      if (this.basicData.id) {
+        if (this.seePdfShow) {
+          return
+        }
+        const notify = this.$notify({
+          title: '提示',
+          message: 'PDF正在加载中...,请稍后!',
+          duration: 0
+        })
+        this.seePdfShow = true
+        downloadFile(`/ExtProcessPlan/createPDF?id=${this.basicData.id}`, 'get').then(res => {
+          const blob = new Blob([res.data], {
+            type: 'application/pdf'
+          })
+          if (window.navigator.msSaveOrOpenBlob) {
+            navigator.msSaveBlob(blob)
+          } else {
+            var openUrl = URL.createObjectURL(blob)
+            this.seePdfShow = false
+            notify.close()
+            window.open(openUrl, '_blank')
+          }
+        }).catch((error) => {
+          console.log(error)
+          notify.close()
+          this.seePdfShow = false
+        })
+      } else {
+        this.$message({
+          message: '该AO没有PDF',
+          type: 'warning'
+        })
+      }
+    },
     getData() {
       const params = {
         'searchItems': {
@@ -108,6 +153,10 @@ export default {
 <style lang="scss">
  .task-detail-basicInfo-com{
     height: 100%;
+    .download-btn{
+      display: flex;
+      justify-content: flex-end;
+    }
     .detail-com{
       height: 100%;
     }