hongxilin
6 months ago
4 changed files with 396 additions and 148 deletions
-
104vue/gold-system/src/views/managerecharge/activity.vue
-
141vue/gold-system/src/views/recharge/adminRecharge.vue
-
97vue/gold-system/src/views/recharge/allRecharge.vue
-
200vue/gold-system/src/views/usergold/index.vue
@ -1,13 +1,207 @@ |
|||
<script setup> |
|||
import { ref, onMounted, reactive, computed } from "vue"; |
|||
import ElementPlus from "element-plus"; |
|||
|
|||
const tableData = [ |
|||
{ |
|||
activityName: '这是活动名称', |
|||
startTime: '2023-12-22 00:00:00', |
|||
endTime: '2024-12-22 23:59:59', |
|||
rechargeRatio: '10:1', |
|||
status: '进行中', |
|||
adminName: '张三', |
|||
createTime: '2023-01-01 00:00:00', |
|||
}, |
|||
{ |
|||
activityName: '这是活动名称2', |
|||
startTime: '2023-12-22 00:00:00', |
|||
endTime: '2024-12-22 23:59:59', |
|||
rechargeRatio: '5:1', |
|||
status: '进行中', |
|||
adminName: '张三', |
|||
createTime: '2023-01-01 00:00:00', |
|||
}, |
|||
{ |
|||
activityName: '这是活动名称3', |
|||
startTime: '2024-12-22 00:00:00', |
|||
endTime: '2025-12-22 23:59:59', |
|||
rechargeRatio: '10:1', |
|||
status: '未开始', |
|||
adminName: '张三', |
|||
createTime: '2023-01-01 00:00:00', |
|||
}, |
|||
{ |
|||
activityName: '这是活动名称4', |
|||
startTime: '2024-12-22 00:00:00', |
|||
endTime: '2025-12-22 23:59:59', |
|||
rechargeRatio: '5:1', |
|||
status: '未开始', |
|||
adminName: '张三', |
|||
createTime: '2023-01-01 00:00:00', |
|||
}, |
|||
{ |
|||
activityName: '这是活动名称5', |
|||
startTime: '2023-01-01 00:00:00', |
|||
endTime: '2023-12-22 23:59:59', |
|||
rechargeRatio: '10:1', |
|||
status: '已结束', |
|||
adminName: '张三', |
|||
createTime: '2023-01-01 00:00:00', |
|||
}, |
|||
{ |
|||
activityName: '这是活动名称6', |
|||
startTime: '2023-01-01 00:00:00', |
|||
endTime: '2023-12-22 23:59:59', |
|||
rechargeRatio: '5:1', |
|||
status: '已结束', |
|||
adminName: '张三', |
|||
createTime: '2023-01-01 00:00:00', |
|||
}, |
|||
|
|||
] |
|||
|
|||
//下拉框 |
|||
const value = ref('') |
|||
const options = [ |
|||
{ |
|||
value: 'Option1', |
|||
label: 'Option1', |
|||
}, |
|||
{ |
|||
value: 'Option2', |
|||
label: 'Option2', |
|||
}, |
|||
{ |
|||
value: 'Option3', |
|||
label: 'Option3', |
|||
}, |
|||
{ |
|||
value: 'Option4', |
|||
label: 'Option4', |
|||
}, |
|||
{ |
|||
value: 'Option5', |
|||
label: 'Option5', |
|||
}, |
|||
] |
|||
|
|||
|
|||
//搜索对象 |
|||
const getObj = ref({ |
|||
page: 1, |
|||
size: 10, |
|||
}) |
|||
//分页总条目 |
|||
const total = ref(100) |
|||
|
|||
//新增活动弹出框 |
|||
const addActivityVisible = ref(false) |
|||
//打开新增活动弹出框 |
|||
const openAddActivityVisible = function () { |
|||
addActivityVisible.value = true |
|||
} |
|||
//关闭新增窗口弹出框 |
|||
const closeAddActivityVisible = function () { |
|||
addActivityVisible.value = false |
|||
} |
|||
//添加活动按钮 |
|||
const addActicity = function () { |
|||
openAddActivityVisible(); |
|||
} |
|||
|
|||
// 添加对象 |
|||
const addObj = reactive({ |
|||
activityName: '', |
|||
freeGold: '', |
|||
rechargeRatio: '', |
|||
startTime: '', |
|||
endTime: '', |
|||
adminName: '', |
|||
}) |
|||
|
|||
|
|||
const Delete = function (index, row) { |
|||
console.log(index, row) |
|||
} |
|||
|
|||
</script> |
|||
|
|||
<template> |
|||
<div> |
|||
<h1>User Gold</h1> |
|||
</div> |
|||
<el-row> |
|||
<el-col> |
|||
<el-card style="margin-bottom: 20px"> |
|||
<div class="head-card"> |
|||
<div class="head-card-element"> |
|||
<el-text class="mx-1" size="large">精网号：</el-text> |
|||
<el-input v-model="input" style="width: 240px" placeholder="请输入活动名称" clearable /> |
|||
</div> |
|||
<div class="head-card-element"> |
|||
<el-text class="mx-1" size="large">更新类型：</el-text> |
|||
<el-select v-model="value" placeholder="请选择活动名称" size="large" style="width: 240px"> |
|||
<el-option v-for="item in options" :key="item.value" :label="item.label" |
|||
:value="item.value" /> |
|||
</el-select> |
|||
</div> |
|||
<div class="head-card-element"> |
|||
<el-text class="mx-1" size="large">更新时间：</el-text> |
|||
<el-time-picker v-model="value1" is-range range-separator="至" start-placeholder="起始时间" |
|||
end-placeholder="结束时间" /> |
|||
</div> |
|||
<div class="head-card-btn"> |
|||
<el-button>重置</el-button> |
|||
<el-button type="primary">查询</el-button> |
|||
</div> |
|||
</div> |
|||
</el-card> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col> |
|||
<el-card> |
|||
<div> |
|||
现有金币：免费金币：（），充值金币：（），任务金币：（） |
|||
</div> |
|||
<div> |
|||
<el-table :data="tableData" style="width: 100%"> |
|||
<el-table-column prop="name" label="姓名" /> |
|||
<el-table-column prop="homilyId" label="精网号" /> |
|||
<el-table-column prop="area" label="所属地区" /> |
|||
<el-table-column prop="gold" label="更新数量" /> |
|||
<el-table-column prop="updateType" label="更新类型" /> |
|||
<el-table-column prop="freeCoin" label="免费金币" /> |
|||
<el-table-column prop="rechargeCoin" label="充值金币" /> |
|||
<el-table-column prop="taskCoin" label="任务金币" /> |
|||
<el-table-column prop="commitName" label="提交人" /> |
|||
<el-table-column prop="createTime" label="更新时间" /> |
|||
</el-table> |
|||
</div> |
|||
|
|||
<!-- 分页 --> |
|||
<el-pagination background |
|||
layout="prev, pager, next" :total="total" /> |
|||
|
|||
</el-card> |
|||
</el-col> |
|||
</el-row> |
|||
|
|||
</template> |
|||
|
|||
<style scoped> |
|||
|
|||
|
|||
.status { |
|||
display: flex; |
|||
} |
|||
|
|||
.head-card { |
|||
display: flex; |
|||
} |
|||
|
|||
.head-card-element { |
|||
margin-right: 20px; |
|||
} |
|||
|
|||
.head-card-btn { |
|||
margin-left: auto; |
|||
} |
|||
</style> |
|||
Write
Preview
Loading…
Cancel
Save
Reference in new issue