| | |
| | | <template>
|
| | | <div class="app-container">
|
| | | <el-form :model="queryParams" ref="queryForm" :inline="true">
|
| | | <el-form :model="queryParams" ref="queryForm" v-show="showSearch" :inline="true">
|
| | | <el-form-item label="角色名称" prop="roleName">
|
| | | <el-input
|
| | | v-model="queryParams.roleName"
|
| | |
| | | ></el-date-picker>
|
| | | </el-form-item>
|
| | | <el-form-item>
|
| | | <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
|
| | | <el-button type="cyan" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
|
| | | <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
|
| | | </el-form-item>
|
| | | </el-form>
|
| | |
| | | v-hasPermi="['system:role:export']"
|
| | | >导出</el-button>
|
| | | </el-col>
|
| | | <div class="top-right-btn">
|
| | | <el-tooltip class="item" effect="dark" content="刷新" placement="top">
|
| | | <el-button size="mini" circle icon="el-icon-refresh" @click="handleQuery" />
|
| | | </el-tooltip>
|
| | | <el-tooltip class="item" effect="dark" :content="showSearch ? '隐藏搜索' : '显示搜索'" placement="top">
|
| | | <el-button size="mini" circle icon="el-icon-search" @click="showSearch=!showSearch" />
|
| | | </el-tooltip>
|
| | | </div>
|
| | | </el-row>
|
| | |
|
| | | <el-table v-loading="loading" :data="roleList" @selection-change="handleSelectionChange">
|
| | |
| | | single: true,
|
| | | // 非多个禁用
|
| | | multiple: true,
|
| | | // 显示搜索条件
|
| | | showSearch: true,
|
| | | // 总条数
|
| | | total: 0,
|
| | | // 角色表格数据
|