| | |
| | | :visible.sync="dialogVisible" |
| | | width="50%" |
| | | top="15vh" |
| | | :close-on-click-modal="false" |
| | | @closed="handleClose" |
| | | @close="handleClose" |
| | | > |
| | |
| | | </el-dialog> |
| | | <!-- 设置按钮对话框--> |
| | | <el-dialog |
| | | title="角色类型" |
| | | title="设置" |
| | | :visible.sync="settingDialogVisible" |
| | | width="50%" |
| | | top="15vh" |
| | | :close-on-click-modal="false" |
| | | class="settingDialogVisible" |
| | | @close="handleCloseSetting" |
| | | > |
| | |
| | | <el-table |
| | | :data="RoleTypeCodeArr" |
| | | border |
| | | height="400" |
| | | highlight-current-row |
| | | :style="{width: 100+'%',height:tableHeight-300+'px'}" |
| | | :header-cell-style="this.$headerCellStyle" |
| | | :cell-style="this.$cellStyle" |
| | | @sort-change="sortChangeOfSetting" |
| | | > |
| | | <!-- :style="{width: 100+'%',height:tableHeight-300+'px'}"--> |
| | | |
| | | <!-- <el-table-column--> |
| | | <!-- type="selection"--> |
| | | <!-- width="50"--> |
| | |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column label="操作"> |
| | | |
| | | <template slot-scope="{row}"> |
| | | <div class="operationClass"> |
| | | <el-button v-if="row.isVisible===0" type="text" @click="delSetting(row)">删除</el-button> |
| | |
| | | <el-button v-if="row.isVisible===1" type="text" @click="formSettingCancel(row)">取消</el-button> |
| | | </div> |
| | | </template> |
| | | <!-- <template v-for="item in RoleTypeCodeArr" slot-scope="{row}">--> |
| | | <!-- <div :key="item.roletype_code" class="operationClass">--> |
| | | <!-- <el-button v-if="item.isVisible" type="text" @click="formSettingSave(row)">保存</el-button>--> |
| | | <!-- <el-button v-if="item.isVisible" type="text" @click="formSettingCancel(row)">取消</el-button>--> |
| | | <!-- </div>--> |
| | | <!-- </template>--> |
| | | </el-table-column> |
| | | </el-table> |
| | | <!--分页--> |
| | |
| | | title="角色关联用户" |
| | | :visible.sync="userDialogVisible" |
| | | width="80%" |
| | | :close-on-click-modal="false" |
| | | top="15vh" |
| | | class="userDialogVisible" |
| | | @closed="handleCloseUser" |
| | |
| | | :data="dialogFormUserTable" |
| | | border |
| | | highlight-current-row |
| | | :style="{width: 100+'%',height:tableHeight-300+'px'}" |
| | | height="300" |
| | | :header-cell-style="this.$headerCellStyle" |
| | | :cell-style="this.$cellStyle" |
| | | :row-key="getRowKey" |
| | |
| | | :visible.sync="dialogVisibleRight" |
| | | width="50%" |
| | | top="15vh" |
| | | :close-on-click-modal="false" |
| | | class="dialogVisibleRight" |
| | | @closed="handleCloseRight" |
| | | @close="handleCloseRight" |
| | |
| | | }, |
| | | // 添加按钮 |
| | | addSetting() { |
| | | const data = { roletype_code: '', roletype_name: '', isVisible: 1 } |
| | | let number = Math.random() * Math.random()// 作为删除时的标识符 |
| | | number = number === 0 ? Math.random() * Math.random() : number |
| | | const data = { roletype_code: '', roletype_name: '', isVisible: 1, number: number } |
| | | this.RoleTypeCodeArr.unshift(data) |
| | | }, |
| | | // 删除按钮 |
| | |
| | | } |
| | | const res = await RoleTypeAdd([data]) |
| | | if (res.code === '200') { |
| | | this.$message.success('添加成功!') |
| | | this.$message.success('保存成功!') |
| | | await this.getRoleTypeSearch() |
| | | } |
| | | }, |
| | | // 设置表单取消事件 |
| | | formSettingCancel(row) { |
| | | this.RoleTypeCodeArr.forEach((item, index) => { |
| | | if (item.isVisible === 1 && item.roletype_code === row.roletype_code) { |
| | | if (item.isVisible === 1 && item.number === row.number) { |
| | | this.RoleTypeCodeArr.splice(index, 1) |
| | | } |
| | | }) |