You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
118 lines
3.5 KiB
118 lines
3.5 KiB
<template> |
|
<div class="app-container"> |
|
<!--工具栏--> |
|
<div class="head-container"> |
|
<!-- 新增 --> |
|
<div style="display: inline-block;margin: 0px 2px;"> |
|
<el-button |
|
v-permission="['ADMIN','YXSYSTEMGROUPDATA_ALL','YXSYSTEMGROUPDATA_CREATE']" |
|
class="filter-item" |
|
size="mini" |
|
type="primary" |
|
icon="el-icon-plus" |
|
@click="add">新增</el-button> |
|
</div> |
|
</div> |
|
<!--表单组件--> |
|
<eForm ref="form" :is-add="isAdd"/> |
|
<!--表格渲染--> |
|
<el-table v-loading="loading" :data="data" size="small" style="width: 100%;"> |
|
<el-table-column prop="id" label="ID"/> |
|
<el-table-column prop="map.day" label="第几天"/> |
|
<el-table-column prop="map.sign_num" label="获取积分"/> |
|
<el-table-column v-if="checkPermission(['ADMIN','YXSYSTEMGROUPDATA_ALL','YXSYSTEMGROUPDATA_EDIT','YXSYSTEMGROUPDATA_DELETE'])" label="操作" width="150px" align="center"> |
|
<template slot-scope="scope"> |
|
<el-button v-permission="['ADMIN','YXSYSTEMGROUPDATA_ALL','YXSYSTEMGROUPDATA_EDIT']" size="mini" type="primary" icon="el-icon-edit" @click="edit(scope.row)"/> |
|
<el-popover |
|
v-permission="['ADMIN','YXSYSTEMGROUPDATA_ALL','YXSYSTEMGROUPDATA_DELETE']" |
|
:ref="scope.row.id" |
|
placement="top" |
|
width="180"> |
|
<p>确定删除本条数据吗？</p> |
|
<div style="text-align: right; margin: 0"> |
|
<el-button size="mini" type="text" @click="$refs[scope.row.id].doClose()">取消</el-button> |
|
<el-button :loading="delLoading" type="primary" size="mini" @click="subDelete(scope.row.id)">确定</el-button> |
|
</div> |
|
<el-button slot="reference" type="danger" icon="el-icon-delete" size="mini"/> |
|
</el-popover> |
|
</template> |
|
</el-table-column> |
|
</el-table> |
|
<!--分页组件--> |
|
<el-pagination |
|
:total="total" |
|
:current-page="page + 1" |
|
style="margin-top: 8px;" |
|
layout="total, prev, pager, next, sizes" |
|
@size-change="sizeChange" |
|
@current-change="pageChange"/> |
|
</div> |
|
</template> |
|
|
|
<script> |
|
import checkPermission from '@/utils/permission' |
|
import initData from '@/mixins/initData' |
|
import { del } from '@/api/yxSystemGroupData' |
|
import eForm from './signform' |
|
export default { |
|
components: { eForm }, |
|
mixins: [initData], |
|
data() { |
|
return { |
|
delLoading: false, |
|
} |
|
}, |
|
created() { |
|
this.$nextTick(() => { |
|
this.init() |
|
|
|
}) |
|
}, |
|
methods: { |
|
checkPermission, |
|
beforeInit() { |
|
this.url = 'api/yxSystemGroupData' |
|
const sort = 'id,desc' |
|
this.params = { page: this.page, size: this.size, sort: sort, groupName: 'sign_day_num' } |
|
return true |
|
}, |
|
subDelete(id) { |
|
this.delLoading = true |
|
del(id).then(res => { |
|
this.delLoading = false |
|
this.$refs[id].doClose() |
|
this.dleChangePage() |
|
this.init() |
|
this.$notify({ |
|
title: '删除成功', |
|
type: 'success', |
|
duration: 2500 |
|
}) |
|
}).catch(err => { |
|
this.delLoading = false |
|
this.$refs[id].doClose() |
|
console.log(err.response.data.message) |
|
}) |
|
}, |
|
add() { |
|
this.isAdd = true |
|
this.$refs.form.dialog = true |
|
}, |
|
edit(data) { |
|
this.isAdd = false |
|
const _this = this.$refs.form |
|
_this.form = { |
|
id: data.id, |
|
groupName: data.groupName, |
|
day: data.map.day, |
|
sign_num: data.map.sign_num |
|
} |
|
_this.dialog = true |
|
} |
|
} |
|
} |
|
</script> |
|
|
|
<style scoped> |
|
|
|
</style>
|
|
|