卡券购买下单

刘淇
1 parent 320132a0
Showing 4 changed files with 144 additions and 74 deletions
common/common.js
pages.json
pages/businessCard/businessCard.vue
pages/businessCard/buyCard.vue
@@ -40,6 +40,15 @@ const getCouponStaticQR = serverUrl + &quot;/business/h5/couponsend/getCouponStaticQR
 //   卡券申领明细总览
 const couponDetailSummary = serverUrl + "/business/h5/couponIssued/couponDetailSummary";
  
+//   商户卡券-卡券下单
+const createCouponOrder = serverUrl + "/business/h5/coupon/createCouponOrder";
+//   商户卡券-使用余额购买
+const accountPay = serverUrl + "/business/h5/pay/busAccount/accountPay";
+
+
+
+
+
 //陈彪接口
  
 //  余额明细下拉框选择列表
@@ -225,6 +234,9 @@ export default {
   getCouponDynamicQR,
   getCouponStaticQR,
   couponDetailSummary,
+  createCouponOrder,
+  accountPay,
+
  
 	//陈彪接口
 	rechargeList,
@@ -13,19 +13,20 @@
 	},
 	"pages": [
 		// pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages
-
 		{
-			"path": "pages/businessCard/buyCard",
+			"path": "pages/businessCard/businessCard",
 			"style": {
-				"navigationBarTitleText": "商户卡券购买"
+				"navigationBarTitleText": "商户卡券"
 			}
 		},
+
 		{
-			"path": "pages/businessCard/businessCard",
+			"path": "pages/businessCard/buyCard",
 			"style": {
-				"navigationBarTitleText": "商户卡券"
+				"navigationBarTitleText": "商户卡券购买"
 			}
 		},
+
 		{
 			"path": "pages/businessCard/cardDetail",
 			"style": {
@@ -9,7 +9,7 @@
                             <uni-list-item title="适应车场" :rightText="i.plName">
                                 <text></text>
                             </uni-list-item>
-                            <uni-list-item :title="`价格: ¥${i.value}/张`"
+                            <uni-list-item :title="`价格: ¥${$common.moneyFormat(i.value)}/张`"
                                            :rightText="`商户库存:${i.cardNum}张`"></uni-list-item>
                         </uni-list>
                         <view slot="actions" class="card-actions no-border">
 <template>
     <view>
  
-        <uni-section title="2小时(时长券)" type="line" >
+        <uni-section :title="`${cardRuleName}(${cardTypeName})`" type="line">
             <uni-card padding="0" spacing="0">
                 <uni-list>
-                    <uni-list-item title="适应车场"   rightText="万达商业广场"  >
+                    <uni-list-item title="适应车场" :rightText="plName">
                         <text></text>
                     </uni-list-item>
-                    <uni-list-item title="价格：¥5/张" rightText="商户库存：0张"></uni-list-item>
+                    <uni-list-item :title="`价格：¥${$common.moneyFormat(price)}/张`" :rightText="`商户库存：${cardNum}张`"></uni-list-item>
                 </uni-list>
-
             </uni-card>
         </uni-section>
  
  
-
-        <uni-list >
-            <uni-list-item  title="购买数量" >
+        <uni-list>
+            <uni-list-item title="购买数量">
                 <template v-slot:footer>
-                    <uni-number-box v-model="vModelValue" @blur="blur" @focus="focus" @change="changeValue" />
+                    <uni-number-box v-model="vModelValue" @blur="blur" @focus="focus" @change="changeValue"
+                                    :max="cardNum" min="1"/>
                 </template>
             </uni-list-item>
-            <uni-list-item  title="应付金额"  >
+            <uni-list-item title="应付金额">
                 <template v-slot:footer>
-                    <text style="color: red">¥25.00元</text>
+                    <text style="color: red">¥{{ $common.moneyFormat(needPay)}}元</text>
                 </template>
             </uni-list-item>
-            <uni-list-item  title="支付方式" rightText="商户余额" />
-            <uni-list-item  note="请认真核对购买信息,卡券一经购买概不支持退款" >
+            <uni-list-item title="支付方式" rightText="商户余额"/>
+            <uni-list-item note="请认真核对购买信息,卡券一经购买概不支持退款">
                 <template v-slot:header>
                     <text style="color: red">温馨提示</text>
                 </template>
@@ -35,68 +34,69 @@
         </uni-list>
  
         <view class="uni-padding-wrap uni-common-mt">
-            <button type="primary" @click="dialogToggle('warn')">立即购买</button>
+            <button type="primary" @click="dialogToggle()">立即购买</button>
         </view>
  
         <view>
             <!-- 提示窗示例 -->
             <uni-popup ref="alertDialog" type="dialog">
-                <uni-popup-dialog :type="msgType" cancelText="取消" confirmText="确定" title="提示" content="二次确定" @confirm="dialogConfirm"
+                <uni-popup-dialog :type="msgType" cancelText="取消" confirmText="确定" title="提示" :content="`确定购买${cardRuleName}(${cardTypeName})${vModelValue}张\\n共支付${$common.moneyFormat(needPay)}元`"
+                                  @confirm="dialogConfirm"
                                   @close="dialogClose"></uni-popup-dialog>
             </uni-popup>
         </view>
         <view class="formWrap">
-            <uni-forms ref="baseForm" :modelValue="baseFormData" >
+            <uni-forms ref="baseForm" :modelValue="baseFormData">
                 <uni-forms-item label="车牌号码" required>
-                    <uni-easyinput v-model="baseFormData.name" placeholder="请输入车牌号码" />
+                    <uni-easyinput v-model="baseFormData.name" placeholder="请输入车牌号码"/>
                 </uni-forms-item>
  
                 <uni-forms-item label="生效时间">
-                    <uni-datetime-picker :clear-icon="false" type="datetime" return-type="timestamp" v-model="baseFormData.datetimesingle"/>
+                    <uni-datetime-picker :clear-icon="false" type="datetime" return-type="timestamp"
+                                         v-model="baseFormData.datetimesingle"/>
                 </uni-forms-item>
                 <uni-forms-item label="失效时间">
-                    <uni-datetime-picker :clear-icon="false" type="datetime" return-type="timestamp" v-model="baseFormData.datetimesingle"/>
+                    <uni-datetime-picker :clear-icon="false" type="datetime" return-type="timestamp"
+                                         v-model="baseFormData.datetimesingle"/>
                 </uni-forms-item>
             </uni-forms>
         </view>
-        <uni-section title="24小时(包天券)" type="line" >
-            <uni-card padding="0" spacing="0">
+        <!--<uni-section title="24小时(包天券)" type="line" >-->
+        <!--<uni-card padding="0" spacing="0">-->
  
-                <uni-list>
-                    <uni-list-item title="适应车场"   rightText="万达商业广场"  >
-                        <text></text>
-                    </uni-list-item>
-                    <uni-list-item title="价格：¥5/张" rightText="商户库存：0张"></uni-list-item>
-                </uni-list>
+        <!--<uni-list>-->
+        <!--<uni-list-item title="适应车场"   rightText="万达商业广场"  >-->
+        <!--<text></text>-->
+        <!--</uni-list-item>-->
+        <!--<uni-list-item title="价格：¥5/张" rightText="商户库存：0张"></uni-list-item>-->
+        <!--</uni-list>-->
  
-            </uni-card>
-        </uni-section>
+        <!--</uni-card>-->
+        <!--</uni-section>-->
  
  
+        <!--<uni-list >-->
+        <!--<uni-list-item  title="购买数量" >-->
+        <!--<template v-slot:footer>-->
+        <!--<uni-number-box v-model="vModelValue" @blur="blur" @focus="focus" @change="changeValue" />-->
+        <!--</template>-->
+        <!--</uni-list-item>-->
+        <!--<uni-list-item  title="应付金额"  >-->
+        <!--<template v-slot:footer>-->
+        <!--<text style="color: red">¥25.00元</text>-->
+        <!--</template>-->
+        <!--</uni-list-item>-->
+        <!--<uni-list-item  title="支付方式" rightText="商户余额" />-->
+        <!--<uni-list-item  note="请认真核对购买信息,卡券一经购买概不支持退款" >-->
+        <!--<template v-slot:header>-->
+        <!--<text style="color: red">温馨提示</text>-->
+        <!--</template>-->
+        <!--</uni-list-item>-->
+        <!--</uni-list>-->
  
-        <uni-list >
-            <uni-list-item  title="购买数量" >
-                <template v-slot:footer>
-                    <uni-number-box v-model="vModelValue" @blur="blur" @focus="focus" @change="changeValue" />
-                </template>
-            </uni-list-item>
-            <uni-list-item  title="应付金额"  >
-                <template v-slot:footer>
-                    <text style="color: red">¥25.00元</text>
-                </template>
-            </uni-list-item>
-            <uni-list-item  title="支付方式" rightText="商户余额" />
-            <uni-list-item  note="请认真核对购买信息,卡券一经购买概不支持退款" >
-                <template v-slot:header>
-                    <text style="color: red">温馨提示</text>
-                </template>
-            </uni-list-item>
-        </uni-list>
-
-        <view class="uni-padding-wrap uni-common-mt">
-            <button type="primary" @click="dialogToggle('warn')">立即购买</button>
-        </view>
-
+        <!--<view class="uni-padding-wrap uni-common-mt">-->
+        <!--<button type="primary" @click="dialogToggle('warn')">立即购买</button>-->
+        <!--</view>-->
  
  
     </view>
@@ -109,12 +109,10 @@ export default {
       format: true
     })
     return {
-      vModelValue: 3,
-
+      vModelValue: 1,
       benginDate: currentDate,
       overDate: currentDate,
-
-      iconType:'auto', // 图标样式
+      iconType: 'auto', // 图标样式
       datetimesingle: '',
       // 基础表单数据
       baseFormData: {
@@ -130,23 +128,38 @@ export default {
           }]
         }
       },
+      cardTypeName: '',// 卡类型名称
+      cardRuleName: '',// 卡名称
+      plName: '', // 停车场
+      price: '', // 卡价格
+      cardNum: '', // 库存
+      needPay: 0, // 应付
+      cardRuleNo: '',
     }
   },
   onLoad(params) {
     wx.showShareMenu({
       withShareTicket: true
     })
-
+    let option = JSON.parse(params.optionData)
+    console.log(option)
+    this.cardRelParkNo = option.cardRelParkNo
+    this.cardRuleNo = option.cardRuleNo
+    this.cardTypeName = option.cardTypeName
+    this.cardRuleName = option.cardRuleName
+    this.plName = option.plName
+    this.price = option.value
+    this.cardNum = option.cardNum
+    this.needPay = this.price * this.vModelValue
   },
   onShow() {
     var me = this;
-
   },
   mounted() {
     setTimeout(() => {
-      this.baseFormData.datetimesingle = Date.now() - 2*24*3600*1000
-      this.datetimesingle = Date.now() - 2*24*3600*1000
-    },500)
+      this.baseFormData.datetimesingle = Date.now() - 2 * 24 * 3600 * 1000
+      this.datetimesingle = Date.now() - 2 * 24 * 3600 * 1000
+    }, 500)
   },
   computed: {
     startDate() {
@@ -157,6 +170,48 @@ export default {
     }
   },
   methods: {
+    tobuy() {
+      let that = this
+      let paramsData = {
+        buyNum: this.vModelValue,
+        totalPrice: this.needPay,
+        cardRelParkNo: this.cardRelParkNo,
+        cardRuleNo: this.cardRuleNo
+      }
+      // 首页信息获取 接口
+      that.$myRequest({
+        url: that.$common.createCouponOrder,
+        method: 'POST',
+        data: that.$common.requestSign(paramsData)
+      }).then(res => {
+        console.log(res)
+        let orderId = res.data.orderId
+        this.accountPay(orderId)
+      })
+    },
+    accountPay(orderId){
+      let that = this
+      let paramsData = {
+        payType: '35', // '35' 商户余额支付
+        paySrcType: '501', // '101' : 停车付款单, '501': '商户优惠券购买'
+        orderId: orderId,
+        payFee: this.needPay
+      }
+      // 首页信息获取 接口
+      that.$myRequest({
+        url: that.$common.accountPay,
+        method: 'POST',
+        data: that.$common.requestSign(paramsData)
+      }).then(res => {
+        console.log(res)
+        uni.showToast({
+          title: '购买成功',
+          icon: 'success',
+          duration: 1000
+        })
+
+      })
+    },
     changeLog(e) {
       console.log('change事件:', e);
     },
@@ -165,15 +220,15 @@ export default {
     },
     dialogConfirm() {
       console.log('点击确认')
-      this.messageText = `点击确认了 ${this.msgType} 窗口`
-      this.$refs.message.open()
+      this.tobuy()
     },
     dialogToggle(type) {
-      this.msgType = type
       this.$refs.alertDialog.open()
     },
     changeValue(value) {
       console.log('返回数值：', value);
+      this.vModelValue = value
+      this.needPay = this.price * this.vModelValue
     },
     blur(e) {
       console.log('blur:', e);
@@ -181,10 +236,10 @@ export default {
     focus(e) {
       console.log('focus:', e);
     },
-    actionsClick(text){
+    actionsClick(text) {
       uni.showToast({
-        title:text,
-        icon:'none'
+        title: text,
+        icon: 'none'
       })
     },
     bindPickerChange: function (e) {
@@ -225,9 +280,11 @@ export default {
         background-color: #fff;
     }
  
-    /deep/ .uni-section{
+    /deep/ .uni-section {
         padding-bottom: 10px;
     }
  
-
+    /deep/ .uni-dialog-content-text{
+        text-align: center;
+    }
 </style>