采购订单，申购订单打印功能

src/api/purchase/purApply.js

@@ -128,3 +128,15 @@ export function getDetailList(params) {
     params: params
   })
 }
+
+
+export function printOrder(data) {
+  return axios({
+    url: "/pur/apply/order/printOrder",
+    method: "post",
+    data: data,
+    headers: {'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8'},
+    responseType: 'arraybuffer',   //一定要设置响应类型，否则页面会是空白pdf
+  });
+}
+

src/api/purchase/purOrder.js

@@ -155,3 +155,17 @@ export function filterSupList(data) {
 }
 
 
+export function printOrder(data) {
+  return axios({
+    url: "/pur/purchase/order/printOrder",
+    method: "post",
+    data: data,
+    headers: {'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8'},
+    responseType: 'arraybuffer',   //一定要设置响应类型，否则页面会是空白pdf
+  });
+}
+
+
+
+
+

src/views/purchase/purApply/pureApplyMySearch.vue

@@ -134,8 +134,9 @@
           </template>
         </el-table-column>
 
-        <el-table-column label="操作" width="60">
+        <el-table-column label="操作" width="90">
           <template slot-scope="scope">
+            <el-button type="text" size="small" @click.native.stop="printOrder(scope.row)">打印</el-button>
             <el-button type="text" @click.native.stop="deleteDialog(scope.row)">删除</el-button>
           </template>
         </el-table-column>
@@ -184,7 +185,7 @@
 </template>
 <script>
 import pureApplyDetail from "./pureApplyDetailDialog";
-import {delApply, auditOrder, listApplyDetail, auditListApply, listApply} from "@/api/purchase/purApply";
+import {delApply, auditOrder, listApplyDetail, auditListApply, listApply, printOrder} from "@/api/purchase/purApply";
 import {getInvListByUser} from "@/api/system/invWarehouse";
 import {filterDepts, getDeptListByUser} from "@/api/auth/authDept";
 import {filterSubAll} from "@/api/system/invSubWarehouse";
@@ -500,6 +501,23 @@ export default {
         this.getInvList();
       });
     },
+    printOrder(row) {
+      printOrder(row)
+        .then((response) => {
+          const binaryData = [];
+          binaryData.push(response);
+          //获取blob链接。
+          let url = window.URL.createObjectURL(
+            new Blob(binaryData, {type: "application/pdf"})
+          );
+          this.loading = false;
+          window.open(url);//打开新标签页，预览pdf。
+          this.getList();
+        })
+        .catch(() => {
+        });
+    },
+
   }
   ,
   components: {

src/views/purchase/purApply/pureApplySearch.vue

@@ -132,8 +132,9 @@
           </template>
         </el-table-column>
 
-        <el-table-column label="操作" width="60">
+        <el-table-column label="操作" width="90">
           <template slot-scope="scope">
+            <el-button type="text" size="small" @click.native.stop="printOrder(scope.row)">打印</el-button>
             <el-button type="text" @click.native.stop="deleteDialog(scope.row)">删除</el-button>
           </template>
         </el-table-column>
@@ -182,7 +183,7 @@
 </template>
 <script>
 import pureApplyDetail from "./pureApplyDetailDialog";
-import {delApply, auditOrder, listApplyDetail, auditListApply} from "@/api/purchase/purApply";
+import {delApply, auditOrder, listApplyDetail, auditListApply, printOrder} from "@/api/purchase/purApply";
 import {filterAll, getInvListByUser} from "@/api/system/invWarehouse";
 import {getDeptListByUser} from "@/api/auth/authDept";
 import {filterGroupBySpuse, filterSubAll} from "@/api/system/invSubWarehouse";
@@ -456,6 +457,22 @@ export default {
       this.getList();
       this.detailList = [];
     },
+    printOrder(row) {
+      printOrder(row)
+        .then((response) => {
+          const binaryData = [];
+          binaryData.push(response);
+          //获取blob链接。
+          let url = window.URL.createObjectURL(
+            new Blob(binaryData, {type: "application/pdf"})
+          );
+          this.loading = false;
+          window.open(url);//打开新标签页，预览pdf。
+          this.getList();
+        })
+        .catch(() => {
+        });
+    },
 
 
     newDistributionForm(index, row) {

src/views/purchase/purOrder/purOrderSearch.vue

@@ -122,8 +122,9 @@
                          sortable="custom" :sort-orders="['ascending', 'descending']" width="160"></el-table-column>
 
 
-        <el-table-column label="操作" width="60px" fixed="right">
+        <el-table-column label="操作" width="90" fixed="right">
           <template slot-scope="scope">
+            <el-button type="text" size="small" @click.native.stop="printOrder(scope.row)">打印</el-button>
             <el-button type="text" size="small" @click.native.stop="deleteDialog(scope.row)"
             >删除
             </el-button>
@@ -183,6 +184,7 @@ import {getInvListByUser} from '@/api/system/invWarehouse'
 import {getDeptListByUser} from '@/api/auth/authDept'
 import {selectAuthMenu} from "@/api/system/sysMenuHelp";
 import {filterSubAll} from "@/api/system/invSubWarehouse";
+import {printOrder} from "@/api/purchase/purOrder";
 
 
 export default {
@@ -475,6 +477,22 @@ export default {
         this.formName = "add";
       this.newSpDistributionVisible = true;
     },
+    printOrder(row) {
+      printOrder(row)
+        .then((response) => {
+          const binaryData = [];
+          binaryData.push(response);
+          //获取blob链接。
+          let url = window.URL.createObjectURL(
+            new Blob(binaryData, {type: "application/pdf"})
+          );
+          this.loading = false;
+          window.open(url);//打开新标签页，预览pdf。
+          this.getList();
+        })
+        .catch(() => {
+        });
+    },
 
   }
   ,