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.
158 lines
2.9 KiB
158 lines
2.9 KiB
<template>
|
|
<!-- <div>提现</div> -->
|
|
<view class="box">
|
|
<view class="top" :style="{ borderRadius: '16rpx' }">
|
|
<view >
|
|
提现金额
|
|
</view>
|
|
<view class="level">
|
|
<view class="money level">
|
|
<text>¥</text>
|
|
<input v-model="form.amount" type="digit" />
|
|
</view>
|
|
<!-- <DForm :list="state. " @submit="handleSubmit" /> -->
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="center">
|
|
<view class="text">
|
|
提现说明
|
|
</view>
|
|
<view>
|
|
<up-parse :content="configList.withdrawal_statement.paramValueArea" containerStyle="{
|
|
color: '#707070',
|
|
fontSize: '30rpx',
|
|
lineHeight: '45rpx',
|
|
}"></up-parse>
|
|
</view>
|
|
<view @click="handleSubmit" class="buttom level" :style="{ borderRadius: '41rpx' }">
|
|
提现
|
|
</view>
|
|
</view>
|
|
<view >
|
|
<!-- <u-popup :show="show" mode="center" @close="close" @open="open"> -->
|
|
</view>
|
|
</template>
|
|
|
|
<script setup>
|
|
import {
|
|
reactive,
|
|
ref,
|
|
computed
|
|
} from "vue";
|
|
import DForm from "@/components/dForm/index.vue"
|
|
import {
|
|
cashOut
|
|
} from "@/api/amount/index.js"
|
|
import {
|
|
useStore
|
|
} from "vuex"
|
|
|
|
const state = reactive({
|
|
list: [{
|
|
type: "input",
|
|
key: "提现金额",
|
|
placeholder: "请输入提现金额",
|
|
}, ]
|
|
})
|
|
const store = useStore();
|
|
const configList = computed(() => {
|
|
return store.getters.configList
|
|
})
|
|
const userInfo = computed(() => {
|
|
return store.getters.userInfo
|
|
})
|
|
const form = ref({
|
|
amount: ''
|
|
})
|
|
|
|
const handleSubmit = async (val) => {
|
|
if (!form.value.amount) {
|
|
return uni.showToast({
|
|
title: '请填写提现金额',
|
|
icon: "none"
|
|
})
|
|
}
|
|
let response = await cashOut({
|
|
...form.value,
|
|
type: 0,
|
|
userId: userInfo.value.userId
|
|
})
|
|
if (response.code == 200) {
|
|
uni.showToast({
|
|
title: response.msg,
|
|
icon: "none"
|
|
})
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style scoped lang="scss">
|
|
.box {
|
|
width: 750rpx;
|
|
height: 180rpx;
|
|
background-image: linear-gradient(to bottom, #FFBF60, #FFFFFF);
|
|
padding: 60rpx 24rpx 0 24rpx;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.top {
|
|
width: 702rpx;
|
|
height: 227rpx;
|
|
background-color: #FFFFFF;
|
|
padding: 24rpx 34rpx 0 34rpx;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.money {
|
|
width: 550rpx;
|
|
height: 71rpx;
|
|
/* background-color: #FFBF60; */
|
|
color: #FFBF60 !important;
|
|
font-size: 54rpx !important;
|
|
;
|
|
height: 71rpx;
|
|
/* background-color: #FFBF60; */
|
|
color: #FFBF60 !important;
|
|
font-size: 54rpx !important;
|
|
margin: 3% 0 0 5%;
|
|
}
|
|
|
|
.money input {
|
|
margin-left: 5%;
|
|
font-size: 61rpx;
|
|
height: 71rpx;
|
|
}
|
|
|
|
.center {
|
|
width: 100%;
|
|
height: 1265rpx;
|
|
background-color: #FFFFFF;
|
|
font-size: 30rpx;
|
|
color: #707070;
|
|
padding: 84rpx 0 0 54rpx;
|
|
box-sizing: border-box;
|
|
line-height: 45rpx;
|
|
}
|
|
|
|
.text {
|
|
color: #000000;
|
|
font-weight: 700;
|
|
margin-bottom: 30rpx;
|
|
}
|
|
|
|
.buttom {
|
|
width: 544rpx;
|
|
height: 89rpx;
|
|
background-color: #FFBF60;
|
|
color: #FFFFFF;
|
|
font-size: 28rpx;
|
|
line-height: 89rpx;
|
|
margin: 800rpx 0 0 50rpx;
|
|
justify-content: center;
|
|
}
|
|
|
|
.level {
|
|
display: flex;
|
|
}
|
|
</style>
|