add
This commit is contained in:
parent
d456784cab
commit
9d664f62d2
|
@ -9,12 +9,11 @@
|
|||
{{form.is_own?'对公账户':'个人账户'}}
|
||||
</view>
|
||||
<view style="display: flex;align-items: center;color: #20B128;" @click="showPop1=true">
|
||||
<text>更换账户</text> <up-icon color="#20B128" name="arrow-right"></up-icon>
|
||||
<text>账户绑定</text> <up-icon color="#20B128" name="arrow-right"></up-icon>
|
||||
</view>
|
||||
</view>
|
||||
<view class="form">
|
||||
<up-form labelPosition="left" borderBottom :label-style="{fontSize:'30rpx'}" :model="model1" :rules="rules"
|
||||
ref="form1" labelWidth='70'>
|
||||
<up-form labelPosition="left" borderBottom :label-style="{fontSize:'30rpx'}" labelWidth='70'>
|
||||
<up-form-item label="开户银行" prop="userInfo.name" borderBottom ref="item1" @click="showPop=true">
|
||||
<text style="padding-left: 20rpx;" v-if="form.bank_id">{{form.bank_name}}</text>
|
||||
<text v-else style="color: #20B128;padding-left: 20rpx;">点击选择开户银行</text>
|
||||
|
@ -59,10 +58,10 @@
|
|||
<up-icon name="close" color="#303133" size="24" @click="showPop1=false"
|
||||
style="position: absolute;top: 20rpx;right: 20rpx;"></up-icon>
|
||||
<view class="bank-list">
|
||||
<view class="bank-li" @click="form.is_own=0,showPop1=false">
|
||||
<view class="bank-li" @click="choseAccount(0)">
|
||||
<text>个人账户</text>
|
||||
</view>
|
||||
<view class="bank-li" @click="form.is_own=1,showPop1=false">
|
||||
<view class="bank-li" @click="choseAccount(1)">
|
||||
<text>对公账户</text>
|
||||
</view>
|
||||
</view>
|
||||
|
@ -75,7 +74,8 @@
|
|||
<script setup>
|
||||
import {
|
||||
bankListApi,
|
||||
bindCradApi
|
||||
bindCradApi,
|
||||
amountAccountApi
|
||||
} from "@/api/balance.js"
|
||||
import {
|
||||
ref,
|
||||
|
@ -93,6 +93,48 @@
|
|||
bankList.value = res.data.lists
|
||||
}
|
||||
|
||||
const bank_list = ref([])
|
||||
const getBanlance = () => {
|
||||
amountAccountApi().then(res => {
|
||||
bank_list.value = res.data.bank_list
|
||||
getFormData(form, res.data.bank_list[0])
|
||||
})
|
||||
}
|
||||
getBanlance()
|
||||
|
||||
const form = reactive({
|
||||
"name": "",
|
||||
"bank_id": 1,
|
||||
"bank_name": '',
|
||||
"bank_code": "",
|
||||
"bank_branch": "",
|
||||
"financial_img": "",
|
||||
"is_own": 0,
|
||||
phone: '',
|
||||
"id_card": "",
|
||||
"mer_id": userStore?.userInfo?.merchant?.mer_id,
|
||||
supplier_id: userStore?.userInfo?.supplier?.id,
|
||||
user_type: userStore?.userInfo?.merchant?.mer_id ? '1' : '2'
|
||||
})
|
||||
|
||||
const getFormData = (form, target) => {
|
||||
form.name = target.name || ''
|
||||
form.bank_id = target.bank_id || ''
|
||||
form.bank_name = target.bank_name || ''
|
||||
form.bank_code = target.bank_code || ''
|
||||
form.bank_branch = target.bank_branch || ''
|
||||
form.phone = target.phone || ''
|
||||
form.id_card = target.id_card || ''
|
||||
form.is_own = target.is_own
|
||||
}
|
||||
|
||||
const choseAccount = (type) => {
|
||||
getFormData(form, bank_list.value[type])
|
||||
showPop1.value = false
|
||||
}
|
||||
|
||||
|
||||
|
||||
const choseBank = (item) => {
|
||||
form.bank_name = item.name
|
||||
form.bank_id = item.id
|
||||
|
@ -107,20 +149,7 @@
|
|||
}
|
||||
|
||||
|
||||
const form = reactive({
|
||||
"name": "赵明军",
|
||||
"bank_id": 1,
|
||||
"bank_name": '中国见识过和',
|
||||
"bank_code": "6213362109985515778",
|
||||
"bank_branch": "支行",
|
||||
"financial_img": "",
|
||||
"is_own": 0,
|
||||
phone: '19130550023',
|
||||
"id_card": "513701200012105613",
|
||||
"mer_id": userStore?.userInfo?.merchant?.mer_id,
|
||||
supplier_id: userStore?.userInfo?.supplier?.id,
|
||||
user_type: userStore?.userInfo?.merchant?.mer_id ? '1' : '2'
|
||||
})
|
||||
|
||||
|
||||
|
||||
const submit = () => {
|
||||
|
@ -134,55 +163,6 @@
|
|||
|
||||
}
|
||||
|
||||
// 使用 reactive 创建响应式状态
|
||||
const state = reactive({
|
||||
showSex: false,
|
||||
model1: {
|
||||
userInfo: {
|
||||
name: 'uview-plus UI',
|
||||
sex: '',
|
||||
},
|
||||
},
|
||||
actions: [{
|
||||
name: '男'
|
||||
},
|
||||
{
|
||||
name: '女'
|
||||
},
|
||||
{
|
||||
name: '保密'
|
||||
},
|
||||
],
|
||||
rules: {
|
||||
'userInfo.name': {
|
||||
type: 'string',
|
||||
required: true,
|
||||
message: '请填写姓名',
|
||||
trigger: ['blur', 'change'],
|
||||
},
|
||||
'userInfo.sex': {
|
||||
type: 'string',
|
||||
max: 1,
|
||||
required: true,
|
||||
message: '请选择男或女',
|
||||
trigger: ['blur', 'change'],
|
||||
},
|
||||
},
|
||||
radio: '',
|
||||
switchVal: false,
|
||||
});
|
||||
|
||||
// 使用 ref 创建响应式引用
|
||||
const formRef = ref(null);
|
||||
|
||||
// 定义方法
|
||||
function sexSelect(e) {
|
||||
state.model1.userInfo.sex = e.name;
|
||||
if (formRef.value) {
|
||||
formRef.value.validateField('userInfo.sex');
|
||||
}
|
||||
}
|
||||
|
||||
getBankList()
|
||||
</script>
|
||||
|
||||
|
|
|
@ -15,15 +15,16 @@
|
|||
</view>
|
||||
</view>
|
||||
|
||||
<view style="margin-top: 20rpx;" @click="showDate=true">
|
||||
<text>2024-4-7</text>-<text>2024-4-7</text>
|
||||
<view style="margin-top: 20rpx; display: flex;align-items: center;" @click="showDate=true">
|
||||
<text>{{formatTimestampToYearMonth(nowTimes) }}</text> <up-icon name="arrow-down"></up-icon>
|
||||
</view>
|
||||
<view class="recoder">
|
||||
<view class="recoder" v-if="lists.length">
|
||||
<view class="card" v-for="(item,index) in lists" :key="index">
|
||||
<view class="right">
|
||||
<view class="item" style="justify-content: flex-start;">
|
||||
<text class="rest">余额提现至</text>
|
||||
<text class="code">{{item.merchant_bank_info.bank_code}}</text>
|
||||
<text v-if="item.merchant_bank_info.bank_code"
|
||||
class="code">({{item.merchant_bank_info.bank_code.substring(item.merchant_bank_info.bank_code.length - 4)}})</text>
|
||||
<text class="withdraw-type legal_company">{{ item.merchant_bank_info.is_own?"对公" :"个人"}}</text>
|
||||
</view>
|
||||
<view class="item">
|
||||
|
@ -39,17 +40,12 @@
|
|||
</view>
|
||||
<view class="remark" v-if="item.fail_msg">{{item.fail_msg}}</view>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
|
||||
|
||||
|
||||
<!-- <up-popup :show="showPop" :round="10" mode="bottom" @close="showPop=false" @open="showPop=true">
|
||||
<hDatetimePicker ref="pickerDate" @reset="showPop=false" @confirm="confirm">
|
||||
</hDatetimePicker>
|
||||
</up-popup> -->
|
||||
|
||||
<up-datetime-picker hasInput :show="showDate" @confirm='confirmDate' :maxDate='now' @cancel='showDate=false'
|
||||
@close='showDate=false' v-model="times" mode="year-month"></up-datetime-picker>
|
||||
<up-empty v-else mode="data" icon="http://cdn.uviewui.com/uview/empty/data.png">
|
||||
</up-empty>
|
||||
<up-datetime-picker :show="showDate" @confirm='confirmDate' :maxDate='now' @cancel='showDate=false'
|
||||
@close='showDate=false' v-model="nowTimes" mode="year-month"></up-datetime-picker>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
|
@ -61,12 +57,16 @@
|
|||
} from "vue"
|
||||
import {
|
||||
UserWithdrawListsApi,
|
||||
UserWithdrawIndexApi
|
||||
UserWithdrawIndexApi,
|
||||
|
||||
} from "@/api/balance.js"
|
||||
|
||||
const showDate = ref(false)
|
||||
const count = ref(0)
|
||||
const total = ref(0)
|
||||
const nowTimes = ref(new Date().getFullYear() + '-' + (new Date().getMonth() + 1))
|
||||
|
||||
|
||||
const getInfo = async () => {
|
||||
let res = await UserWithdrawIndexApi()
|
||||
count.value = res.data.count
|
||||
|
@ -77,19 +77,29 @@
|
|||
const lists = ref([])
|
||||
const getList = async () => {
|
||||
let res = await UserWithdrawListsApi({
|
||||
create_time: '2024-05 '
|
||||
create_time: nowTimes.value
|
||||
})
|
||||
lists.value = res.data.lists
|
||||
console.log(res)
|
||||
|
||||
}
|
||||
getList()
|
||||
|
||||
let now = ref(new Date().getTime())
|
||||
|
||||
const confirmDate = (e) => {
|
||||
function formatTimestampToYearMonth(timestamp) {
|
||||
var date = new Date(timestamp);
|
||||
var year = date.getFullYear();
|
||||
var month = date.getMonth() + 1; // 月份是从0开始的,所以需要加1
|
||||
if (month < 10) {
|
||||
month = '0' + month; // 如果月份小于10,则在前面补零
|
||||
}
|
||||
return year + '-' + month;
|
||||
}
|
||||
|
||||
console.log(e)
|
||||
const confirmDate = (e) => {
|
||||
nowTimes.value = formatTimestampToYearMonth(e.value)
|
||||
getList()
|
||||
showDate.value = false
|
||||
|
||||
}
|
||||
|
||||
|
@ -102,7 +112,6 @@
|
|||
showPop.value = true
|
||||
}
|
||||
const confirm = (e) => {
|
||||
console.log(e)
|
||||
showPop.value = false
|
||||
}
|
||||
</script>
|
||||
|
|
|
@ -12,7 +12,7 @@
|
|||
<view class="">
|
||||
提现至
|
||||
</view>
|
||||
<view style="font-weight: bold;">
|
||||
<view style="font-weight: bold;" @click="showPop1=true">
|
||||
{{target_bank.is_own?'对公账户':"个人账户"}}
|
||||
</view>
|
||||
<view style="display: flex;align-items: center;color: #20B128;"
|
||||
|
@ -21,8 +21,7 @@
|
|||
</view>
|
||||
</view>
|
||||
<view class="form" v-if='true'>
|
||||
<up-form labelPosition="left" borderBottom :label-style="{fontSize:'30rpx'}" :model="model1" :rules="rules"
|
||||
ref="form1" labelWidth='70'>
|
||||
<up-form labelPosition="left" borderBottom :label-style="{fontSize:'30rpx'}" ref="form1" labelWidth='70'>
|
||||
<up-form-item label="银行卡" prop="userInfo.name" borderBottom ref="item1">
|
||||
<up-input style="border: none;" v-model="target_bank.bank_name" />
|
||||
</up-form-item>
|
||||
|
@ -44,8 +43,6 @@
|
|||
</text>
|
||||
</up-form>
|
||||
</view>
|
||||
|
||||
|
||||
<up-empty mode="data" v-else :text='emptyText'
|
||||
icon="https://lihai001.oss-cn-chengdu.aliyuncs.com/attach/89e93202405131146497294.png" />
|
||||
<view class="detail" @click="navgo('/pageQuota/Balance/detail')">
|
||||
|
@ -54,6 +51,21 @@
|
|||
<view class="submit-btn">
|
||||
<up-button text="提现" @click="submit" shape="circle" color="#50C758"></up-button>
|
||||
</view>
|
||||
<up-popup :show="showPop1" :round="10" mode="bottom" @close="showPop1=false" @open="showPop1=true">
|
||||
<view class="popContent">
|
||||
<view style="text-align: center;font-weight: bold;">请选择提现账户</view>
|
||||
<up-icon name="close" color="#303133" size="24" @click="showPop1=false"
|
||||
style="position: absolute;top: 20rpx;right: 20rpx;"></up-icon>
|
||||
<view class="bank-list">
|
||||
<view class="bank-li" @click="choseAccount(0)">
|
||||
<text>个人账户</text>
|
||||
</view>
|
||||
<view class="bank-li" @click="choseAccount(1)">
|
||||
<text>对公账户</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</up-popup>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
|
@ -68,6 +80,14 @@
|
|||
reactive
|
||||
} from 'vue';
|
||||
const emptyText = '您尚未绑定提现账户,\n点击右上角"添加账户"'
|
||||
const showPop1 = ref(false)
|
||||
|
||||
const choseAccount = (type) => {
|
||||
target_bank.value = bank_list.value[type]
|
||||
console.log(target_bank.value)
|
||||
showPop1.value = false
|
||||
}
|
||||
|
||||
|
||||
const showPop = ref(false)
|
||||
const navgo = (url) => {
|
||||
|
@ -124,55 +144,6 @@
|
|||
}
|
||||
|
||||
|
||||
// 使用 reactive 创建响应式状态
|
||||
const state = reactive({
|
||||
showSex: false,
|
||||
model1: {
|
||||
userInfo: {
|
||||
name: 'uview-plus UI',
|
||||
sex: '',
|
||||
},
|
||||
},
|
||||
actions: [{
|
||||
name: '男'
|
||||
},
|
||||
{
|
||||
name: '女'
|
||||
},
|
||||
{
|
||||
name: '保密'
|
||||
},
|
||||
],
|
||||
rules: {
|
||||
'userInfo.name': {
|
||||
type: 'string',
|
||||
required: true,
|
||||
message: '请填写姓名',
|
||||
trigger: ['blur', 'change'],
|
||||
},
|
||||
'userInfo.sex': {
|
||||
type: 'string',
|
||||
max: 1,
|
||||
required: true,
|
||||
message: '请选择男或女',
|
||||
trigger: ['blur', 'change'],
|
||||
},
|
||||
},
|
||||
radio: '',
|
||||
switchVal: false,
|
||||
});
|
||||
|
||||
// 使用 ref 创建响应式引用
|
||||
const formRef = ref(null);
|
||||
|
||||
// 定义方法
|
||||
function sexSelect(e) {
|
||||
state.model1.userInfo.sex = e.name;
|
||||
if (formRef.value) {
|
||||
formRef.value.validateField('userInfo.sex');
|
||||
}
|
||||
}
|
||||
|
||||
getBankList()
|
||||
</script>
|
||||
|
||||
|
|
Loading…
Reference in New Issue