C端小程序
選択できるのは25トピックまでです。 トピックは、先頭が英数字で、英数字とダッシュ('-')を使用した35文字以内のものにしてください。

88 行
4.0 KiB

  1. <navbar text="绑定消费卡" home back background='#FD832D' color="white"></navbar>
  2. <view style="height:{{navigationBarHeight}} "></view>
  3. <view class="tab" bindtap="changeTabs">
  4. <view class="{{tabIndex == 0 ? 'tabItem active' : 'tabItem'}}" id="0">绑定</view>
  5. <view class="{{tabIndex == 1 ? 'tabItem active' : 'tabItem'}}" id="1">转赠</view>
  6. </view>
  7. <form wx:if="{{tabIndex == 0}}" bindsubmit='searchCard' report-submit='true'>
  8. <view class="section">
  9. <input name='code' placeholder="请输入兑换码" clearable value="{{code}}" bindinput="codeInput" />
  10. <button size="primarySize" style="background:#FD832D;color:#fff;" hover-class="opcaity" form-type="submit">查询</button>
  11. <!-- <image class="scan" src="../../assets/images/scan.png" bindtap="goScanCode"></image> -->
  12. </view>
  13. </form>
  14. <form wx:if="{{tabIndex == 1}}" bindsubmit='searchCard' report-submit='true'>
  15. <view class="section">
  16. <input name='code' placeholder="请输入卡号卡密或扫描二维码" clearable value="{{code}}" bindinput="codeInput" />
  17. <button size="primarySize" style="background:#FD832D;color:#fff;" hover-class="opcaity" form-type="submit">查询</button>
  18. <image class="scan" src="../../assets/images/scan.png" bindtap="goScanCode"></image>
  19. </view>
  20. </form>
  21. <view wx:if="{{tabIndex == 0}}" class="comment">
  22. <text class="txt1">如何获取兑换码?</text>
  23. <text class="txt2">1.实体卡卡密可刮开卡背面涂层查看;</text>
  24. <!-- <text class="txt2">2.扫描实体卡二维码获取卡号;</text> -->
  25. <text class="txt3">2.绑定成功的电子卡,可到“我的卡包”或短信查看详情;</text>
  26. </view>
  27. <view wx:if="{{tabIndex == 1}}" class="comment">
  28. <text class="txt2" style="font-size: 30rpx;">请先绑定消费卡再转赠</text>
  29. </view>
  30. <view wx:if="{{isSHowInfoCard}}" class="infoCard">
  31. <view class="name">卡名称:{{title}}</view>
  32. <view wx:if="{{remainAmount}}" class="name">卡余额:{{remainAmount}}</view>
  33. <!-- <view class="name">持卡人姓名:{{name}}</view> -->
  34. <view wx:if="{{!isChangePhone && hidePhone}}" class="phone">
  35. 持卡人手机号:{{hidePhone}}
  36. <!-- <text class="changePhone" bindtap="changePhone">更改</text> -->
  37. </view>
  38. <view class="name">
  39. 绑定状态:
  40. <text wx:if="{{ownerUserId}}" style="color: #ff0000;">已绑定</text>
  41. <text wx:else style="color: #1aad19;">未绑定</text>
  42. </view>
  43. <view wx:if="{{isChangePhone}}" class="phone">持卡人手机号:
  44. <input class="phoneInput" type="text" placeholder="请填写手机号" focus="true" bindinput="phoneInput" />
  45. <text class="confirmPhone" bindtap="confirmPhone">确定</text>
  46. <text class="cancelChangePhone" bindtap="cancelChangePhone">取消</text>
  47. </view>
  48. <view wx:if="{{tabIndex == 0}}" class="security">
  49. <text>支付安全设置:</text>
  50. <radio-group class="radioGroup" bindchange="securityChange">
  51. <label>
  52. <radio value="0" checked="true" />无验证
  53. </label>
  54. <label>
  55. <radio value="1" />设置支付密码
  56. </label>
  57. </radio-group>
  58. </view>
  59. <view wx:if="{{pdwSwitch && tabIndex == 0}}" class="pwdBox">
  60. <view wx:if="{{!isShowPwd}}" style="margin-bottom: 0;">
  61. <input type="password" placeholder="请设置密码" placeholder-class="pwdBoxInside" focus="true" bindinput="pwdInput" value="{{password}}" />
  62. <image class=" eye" src="../../assets/images/password-show.png" bindtap="setPwdShow"></image>
  63. </view>
  64. <view wx:if="{{isShowPwd}}" style="margin-bottom: 0;">
  65. <input type="text" placeholder="请设置密码" placeholder-class="pwdBoxInside" value="{{password}}" bindinput="pwdInput" />
  66. <image class="eye" src="../../assets/images/password-close.png" bindtap="setPwdShow"></image>
  67. </view>
  68. </view>
  69. </view>
  70. <view class="btns">
  71. <!-- 绑定 -->
  72. <button wx:if="{{tabIndex == 0}}" type="primary" bindtap="submit">确认绑定</button>
  73. <!-- 转赠 -->
  74. <button wx:if="{{tabIndex == 1}}" type="primary" bindtap="goGive">去转赠</button>
  75. </view>