Ver Fonte

pref: add exchange relative pages

wangyuan há 2 anos atrás
pai
commit
ad0d68bf18

+ 2 - 1
app.json

@@ -19,7 +19,8 @@
     "pages/myFile/myFile",
     "pages/reportDetail/reportDetail",
     "pages/myRecord/myRecord",
-    "pages/scan/scan"
+    "pages/scan/scan",
+    "pages/exchange/exchange"
   ],
   "requiredPrivateInfos": [
     "chooseAddress"

BIN
imaes/chongzhi.png


+ 99 - 0
pages/exchange/exchange.js

@@ -0,0 +1,99 @@
+// pages/exchange/exchange.js
+import { userEntityRecharge } from '../../api/charge'
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+    cardNo: '',
+    cardSecret: ''
+  },
+
+
+  /**
+   * 确认提交充值
+   */
+  handleComfirm() {
+    var cardNo = this.data.cardNo
+    var cardSecret = this.data.cardSecret
+    console.log(cardNo, cardSecret);
+    if (cardNo == '') {
+      wx.showToast({
+        title: '请输入卡号',
+        icon: 'error'
+      })
+      return
+    } else if (cardSecret == '') {
+      wx.showToast({
+        title: '请输入卡密',
+        icon: 'error'
+      })
+      return
+    } else {
+      var data = {
+        cardNo: cardNo,
+        cardSecret: cardSecret
+      }
+      wx.showLoading({
+        title: '充值中...',
+        mask: true
+      })
+      userEntityRecharge(data).then(res => {
+        console.log(res, 'userEntityRecharge');
+        wx.hideLoading()
+        w.showToast({
+          title: '充值成功',
+          icon: 'success'
+        })
+      }).catch(e => {
+        wx.hideLoading()
+        wx.showModal({
+          content: e,
+          confirmColor: '#333',
+          showCancel: false
+        })
+      })
+    }
+  },
+
+  bindCardNo(e) {
+    this.setData({
+      cardNo: e.detail.value
+    })
+  },
+
+  bindCardPwd(e) {
+    this.setData({
+      cardSecret: e.detail.value
+    })
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  handleCancle() {
+    wx.navigateBack()
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh() {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom() {
+
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage() {
+
+  }
+})

+ 3 - 0
pages/exchange/exchange.json

@@ -0,0 +1,3 @@
+{
+  "navigationBarTitleText": "实体卡兑换"
+}

+ 23 - 0
pages/exchange/exchange.wxml

@@ -0,0 +1,23 @@
+<!--pages/exchange/exchange.wxml-->
+<view class="exchange-container">
+  <view class="form">
+    <view class="form-item card-no ittflex-jcb">
+      <view class="label">请输入卡号:</view>
+      <input bindinput="bindCardNo" class="carditem" type="number" placeholder="请输入" placeholder-style="font-size: 26rpx;font-weight: 400;color: #999999;"/>
+    </view>
+    <view class="form-item card-pwd ittflex-jcb">
+      <view class="label">请输入卡密:</view>
+      <input bindinput="bindCardPwd" class="carditem" password type="text"  placeholder="请输入" placeholder-style="font-size: 26rpx;font-weight: 400;color: #999999;"/>
+    </view>
+  </view>
+  <view class="tips">
+    注:兑换后立即到账,不能退回
+  </view>
+  <view class="submit ittflex-jcb">
+    <view class="itt-btn cancel btn" bindtap="handleCancle">取消</view>
+    <view class="itt-btn confirm btn" bindtap="handleComfirm">确定</view>
+  </view>
+  <view class="shuoming ittflex">
+    实体卡说明
+  </view>
+</view>

+ 66 - 0
pages/exchange/exchange.wxss

@@ -0,0 +1,66 @@
+/* pages/exchange/exchange.wxss */
+.exchange-container {
+  width: 100%;
+  height: 100%;
+  overflow-y: auto;
+  background-color: #F7F7F7;
+}
+.form {
+  width: 690rpx;
+  min-height: 94rpx;
+  margin: 0 auto;
+}
+.form-item {
+  width: 100%;
+  height: 94rpx;
+  border-bottom: 1px solid #E4E4E4;
+}
+.label {
+  width: 160rpx;
+  height: 94rpx;
+  line-height: 94rpx;
+  font-size: 26rpx;
+  font-weight: 400;
+  color: #333333;
+}
+.carditem {
+  width: calc(100% - 160rpx);
+  height: 94rpx;
+  font-size: 26rpx;
+  font-weight: 400;
+  color: #999999;
+  text-align: right;
+}
+.tips {
+  width: 690rpx;
+  margin: 0 auto;
+  font-size: 26rpx;
+  font-weight: 400;
+  color: #9A1D16;
+  margin-top: 18rpx;
+}
+.submit {
+  width: 690rpx;
+  height: 80rpx;
+  margin: 80rpx auto 0;
+}
+.btn {
+  width: 326rpx;
+  height: 80rpx;
+  border-radius: 10rpx;
+}
+.cancel {
+  background-color: #F7F7F7;
+  border: 1px solid #333333;
+  color: #333333;
+}
+.shuoming {
+  width: 690rpx;
+  margin: 80rpx auto 0;
+  height: 808rpx;
+  background: #D8D8D8;
+  border-radius: 10rpx;
+  font-size: 26rpx;
+  font-weight: 400;
+  color: #333333;
+}

+ 6 - 0
pages/my/my.js

@@ -39,6 +39,12 @@ Page({
         url: '/pages/myAppointment/myAppointment?form=my',
         imgUrl: '../../imaes/yuyue@2x.png'
       },
+      {
+        id: 7,
+        title: '实体卡兑换',
+        url: '/pages/exchange/exchange?form=my',
+        imgUrl: '../../imaes/chongzhi.png'
+      },
       {
         id: 3,
         title: '我的记录',