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