This commit is contained in:
魏啾
2024-02-29 17:32:14 +08:00
parent 56f9d83447
commit e0ade277dc
4 changed files with 558 additions and 12 deletions

View File

@@ -81,6 +81,18 @@
</div>
</div>
<!-- <el-dialog v-model="stored" title="余额明细" width="500" :before-close="handleClose">
<div class="dialog_footer" v-for="(iten, index) in 6" :key="index">
<div class="dialog_footer_left">
<span>微信用户</span>
<span>2021-02-22 18:05:53</span>
</div>
<div class="dialog_footer_right">
<span>19000</span>
<span>26300</span>
</div>
</div>
</el-dialog> -->
<el-dialog v-model="stored" title="余额明细" width="500" :before-close="handleClose">
<div class="dialog_footer" v-for="(iten, index) in 6" :key="index">
<div class="dialog_footer_left">
@@ -92,12 +104,14 @@
<span>26300</span>
</div>
</div>
</el-dialog>
<el-dialog v-model="recharge" title="会员充值" width="800" :before-close="handlerecharge">
<div class="recharge_footer">
<div class="recharge_footer_item">
qq
<div class="recharge_footer_items" v-for="(item, index) in 6" :key="index">
<div>充1000送300</div>
<div>充1000.00到13000.00</div>
</div>
</div>
<div class="recharge_footer_itemright">
<div class="recharge_footer_itemright_input">
@@ -158,7 +172,7 @@ const stored = ref(false)//储值余额
const handleClose = () => {
stored.value = !stored.value
}
const recharge = ref(true)//充值
const recharge = ref(false)//充值
const onSubmit = () => {
if (firstinput.value) {
@@ -177,22 +191,22 @@ const tableData = [
{
date: '2016-05-03',
name: 'Tom',
address: 'No. 189, Grove St, Los Angeles',
address: '1s',
},
{
date: '2016-05-02',
name: 'Tom',
address: 'No. 189, Grove St, Los Angeles',
address: '1s',
},
{
date: '2016-05-04',
name: 'Tom',
address: 'No. 189, Grove St, Los Angeles',
address: '1s',
},
{
date: '2016-05-01',
name: 'Tom',
address: 'No. 189, Grove St, Los Angeles',
address: '1s',
},
]
const moneys = reactive({
@@ -477,11 +491,38 @@ const _handleConfirmKey = () => {
justify-content: space-between;
.recharge_footer_item {
width: 50%;
width: 60%;
background: #f2f2f2;
border-radius: 10px;
padding: 20px;
display: flex;
justify-content: space-between;
flex-flow: wrap;
.recharge_footer_items {
background: #187ead;
padding: 16px 22px;
width: 45%;
height: fit-content;
text-align: center;
border-radius: 10px;
div:nth-child(1) {
color: #fff;
font-size: 20px;
}
div:nth-child(2) {
color: #bad9e7;
font-size: 14px;
}
}
}
.recharge_footer_itemright {
width: 50%;
padding-left: 20px;
width: 40%;
position: relative;
bottom: 0;
left: 0;