添加银行

H5/src/api/bank.js

@@ -55,7 +55,7 @@ export function cashOut(params) {
 
 /**
  * 获取用户银行卡信息
- * @param {*} params
+ * @param {*} params userId
  * @returns
  */
 export function getUserBankInfo(params) {
@@ -65,3 +65,14 @@ export function getUserBankInfo(params) {
     params
   });
 }
+
+/**
+ * 获取银行卡列表
+ * @returns 
+ */
+export function getBankList() {
+  return request({
+    url: "/bank/getBankNameList",
+    method: "get"
+  })
+}

H5/src/plugins/vant-ui.js

 import Vue from "vue";
 import {
+  ActionSheet,
   Button,
   Cell,
   CellGroup,
@@ -24,7 +25,8 @@ import {
   Loading
 } from "vant";
 
-Vue.use(Button)
+Vue.use(ActionSheet)
+  .use(Button)
   .use(Cell)
   .use(CellGroup)
   .use(Dialog)

H5/src/views/bank.vue

 <template>
   <div class="bank">
     <van-cell-group>
-      <van-field
-        v-model="form.bankName"
-        label="所属银行"
-        right-icon="arrow"
+      <van-cell
+        is-link
+        :value="form.bankName"
+        title="所属银行"
         placeholder="请选择"
         size="large"
-        readonly
+        @click="sheetShow = true"
       />
       <van-field
         v-model="form.cardNumber"
@@ -31,15 +31,27 @@
       @click="addAndEditBankInfo"
       >编辑</van-button
     >
+    <van-popup v-model="sheetShow" round position="bottom">
+      <van-picker
+        show-toolbar
+        title="请选择银行"
+        :columns="actions"
+        @cancel="sheetShow = false"
+        @confirm="onSelect"
+      />
+    </van-popup>
+    <!-- <van-action-sheet v-model="sheetShow" :actions="actions" @select="onSelect" /> -->
   </div>
 </template>
 
 <script>
-import { getUserBankInfo, addUserBankInfo, editUserBankInfo } from "@/api/bank";
+import { getUserBankInfo, addUserBankInfo, editUserBankInfo, getBankList } from "@/api/bank";
 export default {
   name: "Bank",
   data() {
     return {
+      sheetShow: false,
+      actions:[],
       form: {
         bankName: "",
         cardNumber: "",
@@ -49,9 +61,21 @@ export default {
     };
   },
   mounted() {
+    this.getBank();
     this.getBankInfo();
   },
   methods: {
+    onSelect(item) {
+      this.form.bankName = item;
+      this.sheetShow = false;
+    },
+    getBank() {
+      getBankList().then(res => {
+        if (res.code === 0) {
+          this.actions = res.data;
+        }
+      })
+    },
     addAndEditBankInfo() {
       const params = this.form;
       if (this.form.id) {
@@ -89,7 +113,7 @@ export default {
         userId: this.$userId
       };
       getUserBankInfo(params).then(res => {
-        if (res.code === 0) {
+        if (res.code === 0 && res.data) {
           this.form = res.data;
         }
       });

H5/src/views/cashOut/cash-out.vue

@@ -127,7 +127,11 @@ export default {
       };
       getUserBankInfo(params).then(res => {
         if (res.code === 0) {
+          if (res.data.bankName) {
             this.bank = res.data.bankName;
+          } else {
+            this.bank = "";
+          }
         }
       });
     },

H5/src/views/rewards/month-award.vue

@@ -38,7 +38,7 @@
         :duration="3000"
         style="font-weight: bold"
       ></countTo>
-      <p style="font-size: 14px;color:#333333">
+      <p v-if="awardInfo" style="font-size: 14px;color:#333333">
         历史累计奖金：￥{{ awardInfo.awardTotal.toFixed(2) || 0 }}
       </p>
     </div>

H5/src/views/settings.vue

@@ -5,7 +5,7 @@
       <van-cell is-link center title="头像" @click="onModefy">
         <img
           class="avatar-img"
-          src=""
+          :src="avatar"
           alt="头像"
         />
       </van-cell>
@@ -13,7 +13,7 @@
     <van-cell-group>
       <van-cell
         is-link
-        title="邀请人邀请码"
+        title="推荐人邀请码"
         :value="inviteeCode"
         @click="fillInviterCode"
       />
@@ -46,7 +46,7 @@
 </template>
 
 <script>
-// import { getUserInfo } from "@/api/user";
+import { getUserInfo } from "@/api/user";
 import { logoutToApp } from "@/utils/bridgeToAppFun";
 import { logout } from "@/api/user";
 import { fillInviteCode } from "@/api/user";
@@ -65,16 +65,17 @@ export default {
   },
   mounted() {
     this.getUser()
+    // this.avatar = 'http://8.131.244.76:81/upload/1615630436482.jpg';
   },
   methods: {
     getUser() {
-      const user = JSON.parse(localStorage.getItem('user'));
-      console.log(user);
-      // getUserInfo().then(res => {
-      //   if (res.code === 0) {
-      //     localStorage.setItem("user", JSON.stringify(res.data));
-      //   }
-      // })
+      getUserInfo().then(res => {
+        if (res.code == 0) {
+          this.inviteeCode = res.data.inviteCode;
+          this.avatar = 'http://8.131.244.76:81/' + res.data.headImage;
+          localStorage.setItem("user", JSON.stringify(res.data));
+        }
+      })
     },
     logout() {
       localStorage.removeItem('token');