帧视界壹通告,付费看视频的微信小程序
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

169 lines
3.3 KiB

11 months ago
11 months ago
10 months ago
11 months ago
10 months ago
11 months ago
10 months ago
10 months ago
10 months ago
10 months ago
11 months ago
10 months ago
10 months ago
11 months ago
11 months ago
10 months ago
11 months ago
11 months ago
11 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
11 months ago
11 months ago
11 months ago
11 months ago
11 months ago
11 months ago
11 months ago
  1. <template>
  2. <view class="addBankCard">
  3. <!--顶部导航栏-->
  4. <navbar leftClick @leftClick="$utils.navigateBack" title="编辑银行卡信息"/>
  5. <!--添加银行卡页面-->
  6. <view class="container">
  7. <view class="header">
  8. <text>为保证您的资金安全请绑定账户本人的银行卡</text>
  9. </view>
  10. <!-- <view class="form-item">
  11. <text class="label">卡号</text>
  12. <view class="card-info">
  13. <radio-group>
  14. <label>
  15. <radio value="建行" checked="true"></radio>
  16. <text>中国建设银行</text>
  17. </label>
  18. </radio-group>
  19. </view>
  20. </view> -->
  21. <view class="form-item">
  22. <text class="label">开户行</text>
  23. <input class="input" placeholder="请输入开户行" v-model="form.bankAddress" />
  24. </view>
  25. <view class="form-item">
  26. <text class="label">姓名</text>
  27. <input class="input" placeholder="请输入姓名" v-model="form.name" />
  28. </view>
  29. <view class="form-item">
  30. <text class="label">银行卡号</text>
  31. <input class="input" placeholder="请输入银行卡号" v-model="form.bankId" />
  32. </view>
  33. <!--<button class="next-button" @click="onNextClick">下一步</button>-->
  34. </view>
  35. <!--下一步按钮-->
  36. <button @click="addCart" class="bottomBtn">
  37. 提交
  38. </button>
  39. </view>
  40. </template>
  41. <script>
  42. import '../../common.css'; // 引入公共 CSS 文件
  43. export default {
  44. data() {
  45. return {
  46. form : {
  47. name: '',
  48. bankId: '',
  49. bankAddress : '',
  50. },
  51. };
  52. },
  53. onLoad() {
  54. this.getData()
  55. },
  56. methods: {
  57. onCameraClick() {
  58. // 添加拍照或选择图片的逻辑
  59. },
  60. getData(){
  61. this.$api('infoGetBankCardPage', res => {
  62. if(res.code == 200 && res.result){
  63. this.form = res.result
  64. }
  65. })
  66. },
  67. addCart(){
  68. let data = {
  69. bankAddress : this.form.bankAddress,
  70. name : this.form.name,
  71. bankId : this.form.bankId,
  72. }
  73. if(this.form.id){
  74. data.id = this.form.id
  75. }
  76. if (this.$utils.verificationAll(data, {
  77. bankAddress: '请输入开户行',
  78. name: '请输入姓名',
  79. bankId: '请输入银行卡号',
  80. })) {
  81. return
  82. }
  83. this.$api('infoAddBankCard', data, res => {
  84. if(res.code == 200){
  85. uni.showToast({
  86. title:'添加成功',
  87. icon : 'none'
  88. })
  89. setTimeout(() => {
  90. uni.navigateTo({
  91. url:'/pages_mine/mine/purse'
  92. })
  93. }, 500)
  94. }
  95. })
  96. },
  97. onNextClick() {
  98. this.$utils.navigateTo("/mine/purse");
  99. }
  100. }
  101. }
  102. </script>
  103. <style lang="scss" scoped>
  104. * {
  105. box-sizing: border-box;
  106. margin: 0;
  107. padding: 0;
  108. }
  109. .container {
  110. padding: 16px;
  111. .header {
  112. margin-bottom: 20px;
  113. font-size: 14px;
  114. color: #666;
  115. }
  116. .form-item {
  117. margin-bottom: 20px;
  118. .label {
  119. font-size: 16px;
  120. margin-bottom: 10px;
  121. display: block;
  122. }
  123. .card-info {
  124. display: flex;
  125. justify-content: space-between;
  126. align-items: center;
  127. .camera-icon {
  128. width: 24px;
  129. height: 24px;
  130. image {
  131. width: 100%;
  132. height: 100%;
  133. }
  134. }
  135. }
  136. .input {
  137. width: 100%;
  138. padding: 10px;
  139. font-size: 16px;
  140. border: 1px solid #e5e5e5;
  141. border-radius: 4px;
  142. }
  143. }
  144. }
  145. </style>