home.fengxinyhyl
7 months ago
parent
d2a37de243
commit
56ca235aa1
@ -0,0 +1,166 @@ |
|||||||
|
<template> |
||||||
|
<div class="divBox"> |
||||||
|
<el-card> |
||||||
|
<div class="mb20"> |
||||||
|
<el-button size="small" type="primary" @click="onAdd">{{ '添加预存'}}</el-button> |
||||||
|
</div> |
||||||
|
<el-table |
||||||
|
v-loading="listLoading" |
||||||
|
:data="tableData.data" |
||||||
|
size="small" |
||||||
|
highlight-current-row |
||||||
|
> |
||||||
|
<el-table-column |
||||||
|
label="ID" |
||||||
|
min-width="60" |
||||||
|
> |
||||||
|
<template slot-scope="{row}"> |
||||||
|
<span v-text="row.id" /> |
||||||
|
</template> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column |
||||||
|
:label="'预存金额'" |
||||||
|
min-width="180" |
||||||
|
> |
||||||
|
<template slot-scope="{row}"> |
||||||
|
<span v-text="row.money" /> |
||||||
|
</template> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column |
||||||
|
prop="cycle" |
||||||
|
label="提现周期" |
||||||
|
min-width="150" |
||||||
|
/> |
||||||
|
<el-table-column |
||||||
|
prop="count" |
||||||
|
label="名额" |
||||||
|
min-width="150" |
||||||
|
/> |
||||||
|
<el-table-column |
||||||
|
prop="diamond" |
||||||
|
label="赠送钻石/天" |
||||||
|
min-width="150" |
||||||
|
/> |
||||||
|
<el-table-column |
||||||
|
prop="diamond_max" |
||||||
|
label="钻石最大值" |
||||||
|
min-width="150" |
||||||
|
/> |
||||||
|
<el-table-column |
||||||
|
prop="create_time" |
||||||
|
label="创建时间" |
||||||
|
min-width="150" |
||||||
|
/> |
||||||
|
<el-table-column label="操作" min-width="90" fixed="right"> |
||||||
|
<template slot-scope="scope"> |
||||||
|
<el-button type="text" size="small" @click="onEdit(scope.row.id)">编辑</el-button> |
||||||
|
<el-button type="text" size="small" @click="handleDelete(scope.row.id, scope.$index)">删除</el-button> |
||||||
|
</template> |
||||||
|
</el-table-column> |
||||||
|
</el-table> |
||||||
|
<div class="block"> |
||||||
|
<el-pagination |
||||||
|
background |
||||||
|
:page-size="tableFrom.limit" |
||||||
|
:current-page="tableFrom.page" |
||||||
|
layout="total, prev, pager, next, jumper" |
||||||
|
:total="tableData.total" |
||||||
|
@size-change="handleSizeChange" |
||||||
|
@current-change="pageChange" |
||||||
|
/> |
||||||
|
</div> |
||||||
|
</el-card> |
||||||
|
</div> |
||||||
|
</template> |
||||||
|
|
||||||
|
<script> |
||||||
|
// +---------------------------------------------------------------------- |
||||||
|
// | CRMEB [ CRMEB赋能开发者，助力企业发展 ] |
||||||
|
// +---------------------------------------------------------------------- |
||||||
|
// | Copyright (c) 2016~2024 https://www.crmeb.com All rights reserved. |
||||||
|
// +---------------------------------------------------------------------- |
||||||
|
// | Licensed CRMEB并不是自由软件，未经许可不能去掉CRMEB相关版权 |
||||||
|
// +---------------------------------------------------------------------- |
||||||
|
// | Author: CRMEB Team <admin@crmeb.com> |
||||||
|
// +---------------------------------------------------------------------- |
||||||
|
import { |
||||||
|
depositLstApi, |
||||||
|
depositFormApi, |
||||||
|
depositEditApi, |
||||||
|
depositDeleteApi, |
||||||
|
} from '@/api/user' |
||||||
|
export default { |
||||||
|
name: 'UserGroup', |
||||||
|
data() { |
||||||
|
return { |
||||||
|
tableFrom: { |
||||||
|
page: 1, |
||||||
|
limit: 20 |
||||||
|
}, |
||||||
|
tableData: { |
||||||
|
data: [], |
||||||
|
total: 0 |
||||||
|
}, |
||||||
|
listLoading: true |
||||||
|
} |
||||||
|
}, |
||||||
|
mounted() { |
||||||
|
this.getList() |
||||||
|
}, |
||||||
|
watch:{ |
||||||
|
'$route.path': { |
||||||
|
handler: function() { |
||||||
|
this.getList() |
||||||
|
}, |
||||||
|
immediate: false, |
||||||
|
deep: true |
||||||
|
}, |
||||||
|
}, |
||||||
|
methods: { |
||||||
|
// 列表 |
||||||
|
getList() { |
||||||
|
this.listLoading = true |
||||||
|
depositLstApi(this.tableFrom).then(res => { |
||||||
|
this.tableData.data = res.data.list |
||||||
|
this.tableData.total = res.data.count |
||||||
|
this.listLoading = false |
||||||
|
}).catch(res => { |
||||||
|
this.listLoading = false |
||||||
|
this.$message.error(res.message) |
||||||
|
}) |
||||||
|
}, |
||||||
|
pageChange(page) { |
||||||
|
this.tableFrom.page = page |
||||||
|
this.getList() |
||||||
|
}, |
||||||
|
handleSizeChange(val) { |
||||||
|
this.tableFrom.limit = val |
||||||
|
this.getList() |
||||||
|
}, |
||||||
|
// 添加 |
||||||
|
onAdd() { |
||||||
|
this.$modalForm(depositFormApi()).then(() => this.getList()) |
||||||
|
}, |
||||||
|
// 编辑 |
||||||
|
onEdit(id) { |
||||||
|
this.$modalForm(depositEditApi(id)).then(() => this.getList()) |
||||||
|
}, |
||||||
|
// 删除 |
||||||
|
handleDelete(id, idx) { |
||||||
|
this.$modalSure('删除').then(() => { |
||||||
|
depositDeleteApi(id).then(({ message }) => { |
||||||
|
this.$message.success(message) |
||||||
|
this.tableData.data.splice(idx, 1) |
||||||
|
this.getList() |
||||||
|
}).catch(({ message }) => { |
||||||
|
this.$message.error(message) |
||||||
|
}) |
||||||
|
}) |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
</script> |
||||||
|
|
||||||
|
<style scoped lang="scss"> |
||||||
|
|
||||||
|
</style> |
||||||
Loading…
Reference in new issue