暂存code
This commit is contained in:
@@ -1,69 +1,101 @@
|
||||
"use strict";
|
||||
const common_vendor = require("../../common/vendor.js");
|
||||
const api_bank = require("../../api/bank.js");
|
||||
const utils_index = require("../../utils/index.js");
|
||||
const Header = () => "../../components/header.js";
|
||||
const _sfc_main = {
|
||||
components: { Header },
|
||||
data() {
|
||||
return {
|
||||
bankList: [
|
||||
{
|
||||
id: 1,
|
||||
url: "/static/bank/default.png",
|
||||
bankName: "中国交通银行",
|
||||
userName: "张某某",
|
||||
number: "**** **** **** 0865"
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
url: "/static/bank/default.png",
|
||||
bankName: "中国农业银行",
|
||||
userName: "张某某",
|
||||
number: "**** **** **** 0769"
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
url: "/static/bank/default.png",
|
||||
bankName: "中国农业银行",
|
||||
userName: "张某某",
|
||||
number: "**** **** **** 0769"
|
||||
}
|
||||
]
|
||||
bankList: []
|
||||
};
|
||||
},
|
||||
onLoad() {
|
||||
this.getBankList();
|
||||
},
|
||||
methods: {
|
||||
encipherBankNumber: utils_index.encipherBankNumber,
|
||||
jumpAddBank() {
|
||||
common_vendor.index.navigateTo({
|
||||
url: "/pages/mine_bank_add/mine_bank_add"
|
||||
});
|
||||
},
|
||||
async getBankList() {
|
||||
const resp = await api_bank.getBankList();
|
||||
if (resp && resp.bizcode === 100) {
|
||||
this.bankList = resp.data || [];
|
||||
}
|
||||
},
|
||||
// 删除
|
||||
deleteClick(item) {
|
||||
const then = this;
|
||||
common_vendor.index.showModal({
|
||||
title: "提示",
|
||||
content: "是否要解绑该银行卡?",
|
||||
success: function(res) {
|
||||
if (res.confirm) {
|
||||
then.deleteFun(item);
|
||||
}
|
||||
}
|
||||
});
|
||||
},
|
||||
// 删除的方法
|
||||
async deleteFun(item) {
|
||||
const params = {
|
||||
id: item.id
|
||||
};
|
||||
const respon = await api_bank.unbind(params);
|
||||
if (respon && respon.bizcode === 100) {
|
||||
this.getBankList();
|
||||
}
|
||||
}
|
||||
}
|
||||
};
|
||||
if (!Array) {
|
||||
const _component_Header = common_vendor.resolveComponent("Header");
|
||||
const _easycom_up_image2 = common_vendor.resolveComponent("up-image");
|
||||
_easycom_up_image2();
|
||||
(_component_Header + _easycom_up_image2)();
|
||||
}
|
||||
const _easycom_up_image = () => "../../uni_modules/uview-plus/components/u-image/u-image.js";
|
||||
if (!Math) {
|
||||
_easycom_up_image();
|
||||
}
|
||||
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
||||
return {
|
||||
a: common_vendor.t($data.bankList.length),
|
||||
b: common_vendor.f($data.bankList, (item, k0, i0) => {
|
||||
return common_vendor.e({
|
||||
a: common_vendor.p({
|
||||
leftTitle: _ctx.$t("bankCard.title"),
|
||||
["left-path-type"]: "switchTab",
|
||||
["left-path"]: "/pages/mine/mine"
|
||||
}),
|
||||
b: common_vendor.t($data.bankList.length),
|
||||
c: $data.bankList.length !== 0
|
||||
}, $data.bankList.length !== 0 ? {
|
||||
d: common_vendor.f($data.bankList, (item, k0, i0) => {
|
||||
return {
|
||||
a: "c1af5562-0-" + i0,
|
||||
a: "c1af5562-1-" + i0,
|
||||
b: common_vendor.p({
|
||||
src: item.url,
|
||||
src: item.bankLogo || "/static/bank/default.png",
|
||||
width: "50",
|
||||
height: "50",
|
||||
bgColor: "#f1f6ff00"
|
||||
}),
|
||||
c: common_vendor.t(item.bankName),
|
||||
d: common_vendor.t(item.userName),
|
||||
e: common_vendor.t(item.number),
|
||||
f: item.id
|
||||
d: common_vendor.t(item.bankUsername),
|
||||
e: common_vendor.t($options.encipherBankNumber(item.bankNo)),
|
||||
f: common_vendor.o(($event) => $options.deleteClick(item), item.id),
|
||||
g: item.id
|
||||
};
|
||||
}),
|
||||
c: common_vendor.o((...args) => $options.jumpAddBank && $options.jumpAddBank(...args))
|
||||
};
|
||||
})
|
||||
} : {
|
||||
e: common_vendor.p({
|
||||
src: "/static/common/not_order.png",
|
||||
width: "80",
|
||||
height: "80",
|
||||
bgColor: "#f1f6ff00"
|
||||
})
|
||||
}, {
|
||||
f: common_vendor.o((...args) => $options.jumpAddBank && $options.jumpAddBank(...args))
|
||||
});
|
||||
}
|
||||
const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-c1af5562"]]);
|
||||
wx.createPage(MiniProgramPage);
|
||||
|
||||
@@ -1,10 +1,7 @@
|
||||
{
|
||||
"navigationBarTitleText": "银行卡管理",
|
||||
"navigationBarBackgroundColor": "#FFFFFF",
|
||||
"navigationBarTextStyle": "black",
|
||||
"enablePullDownRefresh": false,
|
||||
"navigationStyle": "default",
|
||||
"navigationStyle": "custom",
|
||||
"usingComponents": {
|
||||
"header": "../../components/header",
|
||||
"up-image": "../../uni_modules/uview-plus/components/u-image/u-image"
|
||||
}
|
||||
}
|
||||
@@ -1 +1 @@
|
||||
<view class="mine_bank_warp data-v-c1af5562"><view class="bank_title data-v-c1af5562"> 银行卡({{a}}张) </view><view class="bank_list data-v-c1af5562"><view wx:for="{{b}}" wx:for-item="item" wx:key="f" class="bank_item data-v-c1af5562"><view class="bank_data data-v-c1af5562"><up-image wx:if="{{item.b}}" class="data-v-c1af5562" u-i="{{item.a}}" bind:__l="__l" u-p="{{item.b}}"></up-image><view class="bank_info data-v-c1af5562"><view class="bank_bank_name data-v-c1af5562">{{item.c}}</view><view class="bank_user_name data-v-c1af5562">{{item.d}}</view></view></view><view class="bank_parting_line data-v-c1af5562"></view><view class="data-v-c1af5562">{{item.e}}</view></view></view><view class="add_but data-v-c1af5562" bindtap="{{c}}"> 添加银行卡 </view></view>
|
||||
<view class="mine_bank_warp data-v-c1af5562"><header wx:if="{{a}}" class="data-v-c1af5562" u-i="c1af5562-0" bind:__l="__l" u-p="{{a}}"/><view class="mine_bank_content_warp data-v-c1af5562"><view class="bank_title data-v-c1af5562"> 银行卡({{b}}张) </view><view class="bank_list data-v-c1af5562"><block wx:if="{{c}}"><view wx:for="{{d}}" wx:for-item="item" wx:key="g" class="bank_item data-v-c1af5562"><view class="bank_data data-v-c1af5562"><up-image wx:if="{{item.b}}" class="data-v-c1af5562" u-i="{{item.a}}" bind:__l="__l" u-p="{{item.b}}"></up-image><view class="bank_info data-v-c1af5562"><view class="bank_bank_name data-v-c1af5562">{{item.c}}</view><view class="bank_user_name data-v-c1af5562">{{item.d}}</view></view></view><view class="bank_parting_line data-v-c1af5562"></view><view class="operate_item data-v-c1af5562"><view class="data-v-c1af5562">{{item.e}}</view><view class="operate_ data-v-c1af5562" bindtap="{{item.f}}">解绑</view></view></view></block><view wx:else class="not_order_warp data-v-c1af5562"><up-image wx:if="{{e}}" class="data-v-c1af5562" u-i="c1af5562-2" bind:__l="__l" u-p="{{e}}"></up-image><view class="not_order_msg_warp data-v-c1af5562">还未绑定银行卡哦~</view></view></view><view class="add_but data-v-c1af5562" bindtap="{{f}}"> 添加银行卡 </view></view></view>
|
||||
@@ -25,9 +25,11 @@
|
||||
.mine_bank_warp.data-v-c1af5562 {
|
||||
height: calc(100vh - 58rpx);
|
||||
background-color: #F5F5F5;
|
||||
padding: 30rpx;
|
||||
overflow-y: hidden;
|
||||
}
|
||||
.mine_bank_warp .mine_bank_content_warp.data-v-c1af5562 {
|
||||
padding: 30rpx;
|
||||
}
|
||||
.mine_bank_warp .bank_title.data-v-c1af5562 {
|
||||
font-weight: bold;
|
||||
font-size: 36rpx;
|
||||
@@ -67,4 +69,16 @@
|
||||
background: #EEEEEEFF;
|
||||
border-radius: 0rpx 0rpx 1rpx 1rpx;
|
||||
margin: 30rpx auto;
|
||||
}
|
||||
.mine_bank_warp .operate_item.data-v-c1af5562 {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.mine_bank_warp .operate_item .operate_.data-v-c1af5562 {
|
||||
padding: 10rpx 30rpx;
|
||||
background: #F3F3F3;
|
||||
border-radius: 25rpx;
|
||||
font-size: 24rpx;
|
||||
color: #222222;
|
||||
margin-left: 20rpx;
|
||||
}
|
||||
Reference in New Issue
Block a user