| | |
| | | <div> |
| | | <div class="content-main"> |
| | | <div class="top-bar"> |
| | | <el-form style="display: flex;align-items: center;" ref="form" :inline="true" :model="searchData"> |
| | | <el-form style="display: flex;align-items: center;margin-top: 10px;" ref="form" :inline="true" :model="searchData"> |
| | | <el-form-item label="角色名称:" class="sermargin"> |
| | | <el-input v-model="searchData.roleName" class="input-form" placeholder="请输入角色名称" style="width:250px"> |
| | | <el-input size="small" v-model="searchData.roleName" class="input-form" placeholder="请输入角色名称" style="width:250px"> |
| | | </el-input> |
| | | </el-form-item> |
| | | <el-form-item class="rightBtn"> |
| | | <el-col> |
| | | <el-button type="primary" @click="searchRole">查询</el-button> |
| | | <el-button type="primary" plain>重置</el-button> |
| | | <el-button size="small" type="primary" @click="searchRole">查询</el-button> |
| | | <el-button size="small" type="primary" @click="clear()" plain>重置</el-button> |
| | | </el-col> |
| | | </el-form-item> |
| | | </el-form> |
| | | <el-form> |
| | | <el-form style="margin-top: 10px;"> |
| | | <el-form-item class="rightBtn"> |
| | | <el-button type="primary" @click="addClickRole" icon="el-icon-plus">新增角色</el-button> |
| | | <el-button size="small" type="primary" @click="addClickRole" icon="el-icon-plus">新增角色</el-button> |
| | | </el-form-item> |
| | | </el-form> |
| | | </div> |
| | | <div class="library-table"> |
| | | <div class="table-box"> |
| | | <el-table :max-height="800" :cell-style="{ textAlign: 'center' }" |
| | | :header-cell-style="{ border: '0px', background: '#f5f7fa', color: '#606266', boxShadow: 'inset 0 1px 0 #ebeef5', textAlign: 'center' }" |
| | | <el-table :max-height="800" :cell-style="{ textAlign: 'left' }" |
| | | :header-cell-style="{ border: '0px', background: '#f5f7fa', color: '#606266', boxShadow: 'inset 0 1px 0 #ebeef5', textAlign: 'left' }" |
| | | :data="roleTable" style="width: 100%"> |
| | | <el-table-column type="index" min-width="8%" /> |
| | | <el-table-column prop="roleName" label="角色名称" min-width="20%" /> |
| | |
| | | searchRole() { |
| | | this.start() |
| | | }, |
| | | clear(){ |
| | | this.searchData.roleName='' |
| | | this.start() |
| | | }, |
| | | clearUPAll() { |
| | | this.updateRole = { |
| | | roleId: null, |