css

pages/payable/detail.vue

@@ -40,10 +40,11 @@
                 <text class="t3">{{ total }}</text>
             </view>
         </view>
-        <view class="btn row rowCenter verCenter">
+        <view class="btn row rowCenter verCenter" @click="download()">
             <text class="iconfont icon-a-riqi12"></text>
             <text class="tt">付款通知书</text>
         </view>
+        <web-view :src="url" v-if="flag"></web-view>
     </view>
 </template>
 
@@ -56,7 +57,9 @@ export default {
             orderNo: '',
             applyPayment: {},
             detail: {},
-            total: ''
+            total: '',
+            flag: false,
+            url: ''
         };
     },
     onLoad(options) {
@@ -78,6 +81,19 @@ export default {
                     this.detail = res.data[0];
                 }
             });
+        },
+        download() {
+            const token = uni.getStorageSync('token') || '';
+            this.request(API.GetPaymentNoticePrintData, 'GET', { number: this.orderNo, auth_token: token }, false).then(res => {
+                if (res.err_code === 0) {
+                    this.url = res.data;
+                    this.flag = true;
+                } else {
+                    uni.showToast({
+                        title: res.err_msg
+                    });
+                }
+            });
         }
     }
 };

util/api.js

@@ -85,7 +85,12 @@ const API = {
     /**
      *  付款详情
      * */
-    GetPaymentDetails: API_BASE + '/supplywechatorder/getPaymentDetails'
+    GetPaymentDetails: API_BASE + '/supplywechatorder/getPaymentDetails',
+    /**
+     *  付款通知书
+     * */
+    GetPaymentNoticePrintData: API_BASE + '/supplywechatorder/getPaymentNoticePrintData'
+
 
 }