生成 付款二维码

src/api/store/packageOrder.js

@@ -96,3 +96,9 @@ export function getUserPhone(orderId) {
     method: 'get'
   })
 }
+export function getWxaCodePackageOrderUnLimit(orderId) {
+  return request({
+    url: '/store/packageOrder/getWxaCodePackageOrderUnLimit/'+orderId,
+    method: 'get',
+  })
+}

src/views/store/inquiryOrder/list.vue

@@ -403,7 +403,7 @@ export default {
       });
 
       getWxaCodeInquiryOrderUnLimit(row.orderId).then(response => {
-        this.codeImage='data:image/jpeg;base64,'+response.data
+        this.codeImage=response.url
         this.payInquiryOrder.open=true;
         this.payInquiryOrder.name=row.title;
         loadingRock.close();

src/views/store/inquiryOrder/myList.vue

@@ -528,7 +528,8 @@ export default {
       });
 
       getWxaCodeInquiryOrderUnLimit(row.orderId).then(response => {
-        this.codeImage='data:image/jpeg;base64,'+response.data
+        // this.codeImage='data:image/jpeg;base64,'+response.data
+        this.codeImage=response.url
         this.payInquiryOrder.open=true;
         this.payInquiryOrder.name=row.title;
         loadingRock.close();

src/views/store/packageOrder/myList.vue

@@ -189,7 +189,15 @@
                       @click="handledetails(scope.row)"
                     >详情
           </el-button>
-
+          <el-button
+            v-if="scope.row.isPay==0"
+            size="mini"
+            type="text"
+            @click="handlePayOrder(scope.row)"
+            icon="el-icon-coin"
+            v-hasPermi="['store:inquiryOrder:wxaCodeInquiryOrder']"
+          >生成付款二维码
+          </el-button>
         </template>
       </el-table-column>
     </el-table>
@@ -274,11 +282,30 @@
          <packageOrderDetails  ref="Details" />
        </el-drawer>
 
+    <el-dialog :title="payPackageOrder.title" v-if="payPackageOrder.open"  :visible.sync="payPackageOrder.open" width="450px"  append-to-body>
+      <div style="padding-bottom:15px;" >
+        <img :src="codeImage" width="400px">
+      </div>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="downloadImage(codeImage, payPackageOrder.name+'.png')">下载二维码</el-button>
+      </div>
+    </el-dialog>
+
   </div>
 </template>
 
 <script>
-import { listPackageOrder, getPackageOrder, delPackageOrder, addPackageOrder, updatePackageOrder, exportPackageOrder,myListPackageOrder,myExportPackageOrder } from "@/api/store/packageOrder";
+import {
+  listPackageOrder,
+  getPackageOrder,
+  delPackageOrder,
+  addPackageOrder,
+  updatePackageOrder,
+  exportPackageOrder,
+  myListPackageOrder,
+  myExportPackageOrder,
+  getWxaCodePackageOrderUnLimit
+} from "../../../api/store/packageOrder";
 import packageOrderDetails from '../components/packageOrderDetails.vue';
 import { getTask } from "@/api/common";
 export default {
@@ -289,7 +316,14 @@ export default {
       show:{
               open:false,
             },
-	  sourceOptions:[],
+
+      codeImage:null,
+      payPackageOrder:{
+        open:false,
+        title:"付款二维码",
+        name:null,
+      },
+	    sourceOptions:[],
       actName:"10",
       // 遮罩层
       loading: true,
@@ -400,6 +434,34 @@ export default {
                  this.$refs.Details.getDetails(row.orderId);
             }, 1);
         },
+
+    handlePayOrder(row){
+
+      let loadingRock = this.$loading({
+        lock: true,
+        text: '生成二维码中~~请不要刷新页面！！',
+        spinner: 'el-icon-loading',
+        background: 'rgba(0, 0, 0, 0.7)'
+      });
+
+      getWxaCodePackageOrderUnLimit(row.orderId).then(response => {
+        this.codeImage=response.url
+        this.payPackageOrder.open=true;
+        this.payPackageOrder.name=row.title;
+        loadingRock.close();
+      }).finally(res=>{
+        loadingRock.close();
+      })
+    },
+
+    downloadImage(imageSrc, fileName) {
+      const link = document.createElement('a');
+      link.href = imageSrc;
+      link.download = fileName || '付款二维码.png';
+      document.body.appendChild(link);
+      link.click();
+      document.body.removeChild(link);
+    },
     change(){
           if(this.startTime!=null){
             this.queryParams.sTime=this.startTime[0];