静态页面

src/pages/WoDe/GeRenSheZhi/ZhangHuSheZhi/BangDingZhiFuBao/index.vue

@@ -56,7 +56,8 @@ export default {
       'EditUserInfo'
     ]),
     ...mapUserActions([
-      'UpdateUserInfo'
+      'UpdateUserInfo',
+      'NewBindAliPay'
     ]),
     Init () {
       this.AliAccount = (this.UserInfo || {}).alipayUser
@@ -70,11 +71,16 @@ export default {
         this.DataLock = false
         return false
       }
-      this.UpdateUserInfo({ urlData: { id: this.UserInfo.customerId }, data: { alipayUser: this.AliAccount, realName: this.RealName } }).then(() => {
-        this.Toast('绑定支付宝成功')
-        this.EditUserInfo({ name: 'alipayUser', value: this.AliAccount }, { name: 'realName', value: this.RealName })
-        this.DataLock = false
-        this.$router.go(-1)
+      this.NewBindAliPay({ urlData: { id: this.UserInfo.customerId }, data: { loginId: this.AliAccount, realName: this.RealName } }).then(() => {
+        this.UpdateUserInfo({ urlData: { id: this.UserInfo.customerId }, data: { alipayUser: this.AliAccount, realName: this.RealName } }).then(() => {
+          this.Toast('绑定支付宝成功')
+          this.EditUserInfo({ name: 'alipayUser', value: this.AliAccount }, { name: 'realName', value: this.RealName })
+          this.DataLock = false
+          this.$router.go(-1)
+        }).catch((res) => {
+          this.Toast(res.data.message)
+          this.DataLock = false
+        })
       }).catch((res) => {
         this.Toast(res.data.message)
         this.DataLock = false

src/store/user/index.js

@@ -124,6 +124,11 @@ export default {
     }
   },
   actions: {
+    NewBindAliPay (context, payload) { // 绑定支付宝（新）
+      return new Promise((resolve, reject) => {
+        ToolClass.Axios(resolve, reject, Api.NewBindAliPay, context, payload, 1000)
+      })
+    },
     AliPay (context, payload) { // 支付宝支付
       return new Promise((resolve, reject) => {
         ToolClass.Axios(resolve, reject, Api.AliPay, context, payload, 1000)

src/util/Api.js

@@ -2,6 +2,10 @@
 const prefix = '/api'
 
 const $api = {
+  NewBindAliPay: { // 绑定支付宝（新）
+    method: 'post',
+    url: `${prefix}/app/:id/ali-pay`
+  },
   AliPay: { // 支付宝支付
     method: 'post',
     url: `${prefix}/app/alipay/deposit`