123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114 |
- <!--
- - Copyright (c) 2018-2025, lengleng All rights reserved.
- -
- - Redistribution and use in source and binary forms, with or without
- - modification, are permitted provided that the following conditions are met:
- -
- - Redistributions of source code must retain the above copyright notice,
- - this list of conditions and the following disclaimer.
- - Redistributions in binary form must reproduce the above copyright
- - notice, this list of conditions and the following disclaimer in the
- - documentation and/or other materials provided with the distribution.
- - Neither the name of the pig4cloud.com developer nor the names of its
- - contributors may be used to endorse or promote products derived from
- - this software without specific prior written permission.
- - Author: lengleng (wangiegie@gmail.com)
- -->
- <template>
- <div class="app-container pull-auto">
- <basic-container>
- <avue-crud ref="crud"
- :page="page"
- :data="tableData"
- :table-loading="tableLoading"
- :option="tableOption"
- @on-load="getList"
- @refresh-change="refreshChange"
- @row-del="rowDel">
- <template slot-scope="scope"
- slot="menu">
- <el-button type="danger"
- v-if="permissions.sys_client_del"
- icon="el-icon-delete"
- size="mini"
- plain
- @click="handleDel(scope.row,scope.index)">删除</el-button>
- </template>
- </avue-crud>
- </basic-container>
- </div>
- </template>
- <script>
- import { fetchList, delObj } from '@/api/token'
- import { tableOption } from '@/const/crud/token'
- import { mapGetters } from 'vuex'
- export default {
- name: 'token',
- data() {
- return {
- tableData: [],
- page: {
- total: 0, // 总页数
- currentPage: 1, // 当前页数
- pageSize: 20 // 每页显示多少条
- },
- tableLoading: false,
- tableOption: tableOption
- }
- },
- created() {
- },
- mounted: function() { },
- computed: {
- ...mapGetters(['permissions'])
- },
- methods: {
- getList(page,params) {
- this.tableLoading = true
- fetchList(Object.assign({
- current: page.currentPage,
- size: page.pageSize
- }, params)).then(response => {
- this.tableData = response.data.data.records
- this.page.total = response.data.data.total
- this.tableLoading = false
- })
- },
- handleDel(row, index) {
- this.$refs.crud.rowDel(row, index)
- },
- rowDel: function(row, index) {
- var _this = this
- this.$confirm('是否确认删除ID为' + row.token_value, '提示', {
- confirmButtonText: '确定',
- cancelButtonText: '取消',
- type: 'warning'
- })
- .then(function() {
- return delObj(row.token_value)
- })
- .then(data => {
- _this.tableData.splice(index, 1)
- _this.$message({
- showClose: true,
- message: '删除成功',
- type: 'success'
- })
- })
- .catch(function(err) { })
- },
- /**
- * 刷新回调
- */
- refreshChange() {
- this.getList(this.page)
- }
- }
- }
- </script>
- <style lang="scss" scoped>
- </style>
|