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
-
202vue/gold-system/src/views/usergold/index.vue
@ -1,13 +1,207 @@ |
|||||
<script setup> |
<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> |
</script> |
||||
|
|
||||
<template> |
<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> |
</template> |
||||
|
|
||||
<style scoped> |
<style scoped> |
||||
|
|
||||
|
|
||||
|
.status { |
||||
|
display: flex; |
||||
|
} |
||||
|
|
||||
|
.head-card { |
||||
|
display: flex; |
||||
|
} |
||||
|
|
||||
|
.head-card-element { |
||||
|
margin-right: 20px; |
||||
|
} |
||||
|
|
||||
|
.head-card-btn { |
||||
|
margin-left: auto; |
||||
|
} |
||||
</style> |
</style> |
||||
Write
Preview
Loading…
Cancel
Save
Reference in new issue