# ace-admin

**Repository Path**: chenqianwen/ace-admin

## Basic Information

- **Project Name**: ace-admin
- **Description**: No description available
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 2
- **Created**: 2018-10-31
- **Last Updated**: 2020-12-17

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

###
```
<template>
  <div>
    <Card>
      <Tables ref="tenantTables" searchable search-place="top" :loading="listLoading" :columns="columns" v-model="list">
        <template slot="handleButton">
          <Button v-if="tenantManager_btn_add" type="primary" @click="handleAdd"><Icon type="md-add" />新增</Button>
        </template>
        <template slot="searchButton">
          <div style="float:right">
            <Input placeholder="租户名称" class="search-input" v-model="listQuery.name">
            <Button @click="getList" slot="append" type="info" icon="ios-search"></Button>
            </Input>
          </div>
        </template>
        <template slot="action" slot-scope="props">
          <Divider type="vertical" />
          <Poptip confirm title="永久删除用户?" transfer @on-ok="handleFrozen(props)">
            <Button v-if="tenantManager_btn_frozen" type="warning" size="small">冻结</Button>
          </Poptip>
        </template>
      </Tables>
      <div style="margin: 10px;overflow: hidden">
        <div style="float: left;">
          <Page v-show="!listLoading" :total="total" :page-size-opts="[50,100,500,1000,2000]" :current="listQuery.page" show-total show-sizer :page-size="listQuery.limit" @on-change="handleCurrentChange" @on-page-size-change="handleSizeChange"></Page>
        </div>
      </div>
    </Card>
  </div>
</template>
<script>
import Tables from '_c/tables'
import { mapGetters } from 'vuex'
export default {
  name: 'tenant',
  components: {
    Tables
  },
  data () {
    return {
      tenantManager_btn_add: false,
      tenantManager_btn_frozen: false,
      listLoading: false,
      total: 0,
      list: [],
      listQuery: {
        page: 1,
        limit: 50,
        name: undefined
      },
      columns: [
        { title: '姓名', key: 'name' },
        { title: '账户', key: 'username' },
        { title: '性别', key: 'sex' },
        { title: '操作',
          key: 'action',
          align: 'center',
          render: (h, params) => {
            return h(
              'div',
              this.$refs.tables.$scopedSlots.action(params)
            )
          }
        }
      ]
    }
  },
  computed: {
    ...mapGetters([
      'elements'
    ])
  },
  created () {
    this.tenantManager_btn_add = this.elements['tenantManager:btn_add']
  },
  methods: {
    handleSizeChange (val) {
      this.listQuery.limit = val
      this.getList()
    },
    getList () {

    },
    handleCurrentChange (val) {
      this.listQuery.page = val
      this.getList()
    },
  }
}
</script>

```