前端 + 后端：支付界面~

mobile-web/src/api/pay.js

+import request from "../config/request";
+
+export function getTransaction(appId, orderId) {
+  return request({
+    url: '/pay-api/users/transaction/get',
+    method: 'get',
+    params: {
+      appId,
+      orderId
+    }
+  });
+}
+
+export function submitTransaction(appId, orderId, payChannel) {
+  return request({
+    url: '/pay-api/users/transaction/submit',
+    method: 'post',
+    params: {
+      appId,
+      orderId,
+      payChannel
+    }
+  });
+}

mobile-web/src/config/request.js

@@ -21,11 +21,11 @@ const serviceRouter = function(requestUrl) {
       },
       '/promotion-api': {
         prefix: '/promotion-api',
-        target: 'http://127.0.0.1:18085//promotion-api',
+        target: 'http://127.0.0.1:18085/promotion-api',
       },
       '/pay-api': {
         prefix: '/pay-api',
-        target: 'http://127.0.0.1:18084//promotion-api',
+        target: 'http://127.0.0.1:18084/pay-api',
       },
     };
 
@@ -48,7 +48,7 @@ const serviceRouter = function(requestUrl) {
       },
       '/pay-api': {
         prefix: '/pay-api',
-        target: 'http://api.shop.iocoder.cn:18099/promotion-api',
+        target: 'http://api.shop.iocoder.cn:18099/pay-api',
       },
     };
 

mobile-web/src/config/router.js

@@ -203,6 +203,13 @@ const routes = [
     meta: {
       title: '优惠劵领取'
     }
+  },
+  {
+    path: '/pay',
+    component: () => import('../page/pay/index'),
+    meta: {
+      title: '收银台'
+    }
   }
 ];
 

mobile-web/src/page/pay/index.vue

 <template>
     <div>
+        <headerNav title="收银台"/>
         <van-cell-group>
-            <van-cell title="优惠劵编号" :value="couponTemplate.id" />
-            <van-cell title="优惠劵名" :value="couponTemplate.title"/>
+            <van-cell title="订单商品名" :value="transaction.orderSubject" />
+            <van-cell title="价格" :value="transaction.price / 100.0" />
         </van-cell-group>
-        <van-button slot="button" size="small" type="primary" @click="onFetchClick">领取优惠劵</van-button>
+        <van-button slot="button" size="small" type="primary" @click="submit(9999)">模拟支付</van-button>
     </div>
 </template>
 
 <script>
-  import { getCouponTemplate, doAddCouponCard } from '../../api/promotion';
+  import { getTransaction, submitTransaction } from '../../api/pay';
+  import pingpp from 'pingpp-js';
   import { Dialog } from 'vant';
-  import { setLoginToken } from '../../utils/cache';
 
   export default {
 
     data() {
       return {
-        couponTemplate: {
-        }
+        appId: this.$route.query.appId,
+        orderId: this.$route.query.orderId,
+        transaction: {},
       }
     },
 
     mounted() {
-      let id = this.$route.query.id;
-      let response = getCouponTemplate(id);
+      let response = getTransaction(this.appId, this.orderId);
       response.then(data => {
-        this.couponTemplate = data;
+        this.transaction = data;
       });
     },
 
     methods: {
-      onFetchClick: function () {
+      submit(payChannel) {
         let that = this;
-        let id = this.$route.query.id;
-        let response = doAddCouponCard(id);
-        response.then(data => {
-          Dialog.alert({
-            title: '系统提示',
-            message: '领取成功',
-            beforeClose: function (action, done) {
-              // 关闭弹窗
-              done();
-              // 跳转到我的优惠劵
-              that.$router.push('/user/coupon');
-            }
+        debugger;
+        submitTransaction(this.appId, this.orderId, payChannel).then(data => {
+          pingpp.createPayment(data.invokeResponse, function(result, err) {
+            debugger;
+            console.log(result);
+            console.log(err.msg);
+            console.log(err.extra);
           });
         });
       }

mobile-web/src/page/user/order/list.vue

@@ -38,7 +38,9 @@
               <van-button v-if="[3,4,5].indexOf(item.status) != -1" size="small">查看物流</van-button>
             </router-link>
             <van-button v-if="item.status === 3 " size="small" v-on:click="clickConfirmReceiving(item)">确认收货</van-button>
-            <van-button v-if="item.status === 1 " size="small" type="danger">支付</van-button>
+            <van-button v-if="item.status === 1 " size="small" type="danger" @click="goPay(item.orderid)">
+                    支付
+            </van-button>
           </div>
         </van-panel>
       </van-cell-group>
@@ -60,6 +62,10 @@
       }
     },
     methods: {
+      goPay(itemId) {
+        this.$router.push('/pay?appId=POd4RC6a&orderId=' + itemId);
+      },
+
       onTabChange(index) {
         // status 和 tab index 对应的关系
         const statusArray = [null, 1, 3, 4, 5];

pay/pay-application/pom.xml

@@ -27,6 +27,11 @@
             <artifactId>admin-sdk</artifactId>
             <version>1.0-SNAPSHOT</version>
         </dependency>
+        <dependency>
+            <groupId>cn.iocoder.mall</groupId>
+            <artifactId>user-sdk</artifactId>
+            <version>1.0-SNAPSHOT</version>
+        </dependency>
 
         <dependency>
             <groupId>org.springframework.boot</groupId>

pay/pay-application/src/main/java/cn/iocoder/mall/pay/application/controller/users/PayTransactionController.java

@@ -3,15 +3,14 @@ package cn.iocoder.mall.pay.application.controller.users;
 import cn.iocoder.common.framework.util.HttpUtil;
 import cn.iocoder.common.framework.vo.CommonResult;
 import cn.iocoder.mall.pay.api.PayTransactionService;
+import cn.iocoder.mall.pay.api.bo.PayTransactionBO;
 import cn.iocoder.mall.pay.api.bo.PayTransactionSubmitBO;
 import cn.iocoder.mall.pay.api.constant.PayChannelEnum;
 import cn.iocoder.mall.pay.api.dto.PayTransactionSubmitDTO;
+import cn.iocoder.mall.user.sdk.context.UserSecurityContextHolder;
 import com.alibaba.dubbo.config.annotation.Reference;
 import org.springframework.http.MediaType;
-import org.springframework.web.bind.annotation.PostMapping;
-import org.springframework.web.bind.annotation.RequestMapping;
-import org.springframework.web.bind.annotation.RequestParam;
-import org.springframework.web.bind.annotation.RestController;
+import org.springframework.web.bind.annotation.*;
 
 import javax.servlet.http.HttpServletRequest;
 import java.io.BufferedReader;
@@ -24,6 +23,12 @@ public class PayTransactionController {
     @Reference(validation = "true")
     private PayTransactionService payService;
 
+    @GetMapping("/get")
+    public CommonResult<PayTransactionBO> get(@RequestParam("appId") String appId,
+                                              @RequestParam("orderId") String orderId) {
+        return payService.getTransaction(UserSecurityContextHolder.getContext().getUserId(), appId, orderId);
+    }
+
     @PostMapping("/submit") // TODO api 注释
     // TODO result 后面改下
     public CommonResult<PayTransactionSubmitBO> submit(HttpServletRequest request,
@@ -56,4 +61,4 @@ public class PayTransactionController {
         return result.isSuccess() ? "success" : "failure";
     }
 
-}
\ No newline at end of file
+}

pay/pay-service-api/src/main/java/cn/iocoder/mall/pay/api/PayTransactionService.java

@@ -8,6 +8,8 @@ import cn.iocoder.mall.pay.api.dto.PayTransactionSubmitDTO;
 
 public interface PayTransactionService {
 
+    CommonResult<PayTransactionBO> getTransaction(Integer userId, String appId, String orderId);
+
     CommonResult<PayTransactionBO> createTransaction(PayTransactionCreateDTO payTransactionCreateDTO);
 
     CommonResult<PayTransactionSubmitBO> submitTransaction(PayTransactionSubmitDTO payTransactionSubmitDTO);
@@ -26,4 +28,4 @@ public interface PayTransactionService {
 
     CommonResult cancelTransaction(); // TODO 1. params 2. result
 
-}
\ No newline at end of file
+}

pay/pay-service-api/src/main/java/cn/iocoder/mall/pay/api/constant/PayErrorCodeEnum.java

@@ -14,9 +14,9 @@ public enum PayErrorCodeEnum {
     // ========== TRANSACTION 模块 ==========
     PAY_TRANSACTION_NOT_FOUND(100401000, "支付交易单不存在"),
     PAY_TRANSACTION_STATUS_IS_NOT_WAITING(100401001, "支付交易单不处于待支付"),
-
     PAY_TRANSACTION_EXTENSION_NOT_FOUND(100401002, "支付交易拓展单不存在"),
     PAY_TRANSACTION_EXTENSION_STATUS_IS_NOT_WAITING(100401003, "支付交易拓展单不处于待支付"),
+    PAY_TRANSACTION_ERROR_USER(100401004, "支付交易单用户不正确"),
     ;
 
     private final int code;
@@ -35,4 +35,4 @@ public enum PayErrorCodeEnum {
         return message;
     }
 
-}
\ No newline at end of file
+}

pay/pay-service-impl/src/main/java/cn/iocoder/mall/pay/biz/service/PayServiceImpl.java

@@ -53,6 +53,16 @@ public class PayServiceImpl implements PayTransactionService {
     @Resource
     private RocketMQTemplate rocketMQTemplate;
 
+    @Override
+    public CommonResult<PayTransactionBO> getTransaction(Integer userId, String appId, String orderId) {
+        PayTransactionDO payTransaction = payTransactionMapper.selectByAppIdAndOrderId(appId, orderId);
+        if (payTransaction == null) {
+            return ServiceExceptionUtil.error(PayErrorCodeEnum.PAY_TRANSACTION_NOT_FOUND.getCode());
+        }
+        // TODO 芋艿 userId 的校验
+        return CommonResult.success(PayTransactionConvert.INSTANCE.convert(payTransaction));
+    }
+
     @Override
     @SuppressWarnings("Duplicates")
     public CommonResult<PayTransactionBO> createTransaction(PayTransactionCreateDTO payTransactionCreateDTO) {
@@ -205,4 +215,4 @@ public class PayServiceImpl implements PayTransactionService {
     }
 
 
-}
\ No newline at end of file
+}