调整权限弹窗
This commit is contained in:
@@ -91,19 +91,23 @@
|
|||||||
<el-dialog
|
<el-dialog
|
||||||
:title="currentGroupName + ' 功能权限管理'"
|
:title="currentGroupName + ' 功能权限管理'"
|
||||||
:visible.sync="permissionDialogVisible"
|
:visible.sync="permissionDialogVisible"
|
||||||
width="70%">
|
width="50%"
|
||||||
<el-table :data="permissions" style="width: 100%" border>
|
:style="{ maxHeight: '70vh' }"
|
||||||
<el-table-column prop="feature_id" label="功能ID" width="80"></el-table-column>
|
custom-class="permission-dialog">
|
||||||
<el-table-column prop="feature_description" label="功能描述"></el-table-column>
|
<div class="permission-table-container">
|
||||||
<el-table-column label="状态" width="100">
|
<el-table :data="permissions" style="width: 100%" border size="small">
|
||||||
|
<el-table-column prop="feature_id" label="功能ID" width="60"></el-table-column>
|
||||||
|
<el-table-column prop="feature_description" label="功能描述" min-width="200"></el-table-column>
|
||||||
|
<el-table-column label="状态" width="80">
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<el-tag
|
<el-tag
|
||||||
|
size="small"
|
||||||
:type="scope.row.status === 'enabled' ? 'success' : 'danger'">
|
:type="scope.row.status === 'enabled' ? 'success' : 'danger'">
|
||||||
{% raw %}{{ scope.row.status === 'enabled' ? '已启用' : '已关闭' }}{% endraw %}
|
{% raw %}{{ scope.row.status === 'enabled' ? '已启用' : '已关闭' }}{% endraw %}
|
||||||
</el-tag>
|
</el-tag>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column label="操作" width="120">
|
<el-table-column label="操作" width="80">
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<el-switch
|
<el-switch
|
||||||
v-model="scope.row.statusBool"
|
v-model="scope.row.statusBool"
|
||||||
@@ -114,10 +118,11 @@
|
|||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
</el-table>
|
</el-table>
|
||||||
|
</div>
|
||||||
<div slot="footer" class="dialog-footer">
|
<div slot="footer" class="dialog-footer">
|
||||||
<el-button @click="enableAllPermissions" type="success">一键启用全部</el-button>
|
<el-button @click="enableAllPermissions" type="success" size="small">一键启用全部</el-button>
|
||||||
<el-button @click="disableAllPermissions" type="danger">一键关闭全部</el-button>
|
<el-button @click="disableAllPermissions" type="danger" size="small">一键关闭全部</el-button>
|
||||||
<el-button @click="permissionDialogVisible = false">关闭</el-button>
|
<el-button @click="permissionDialogVisible = false" size="small">关闭</el-button>
|
||||||
</div>
|
</div>
|
||||||
</el-dialog>
|
</el-dialog>
|
||||||
|
|
||||||
@@ -148,6 +153,16 @@
|
|||||||
</div>
|
</div>
|
||||||
</el-dialog>
|
</el-dialog>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<style>
|
||||||
|
.permission-dialog .el-dialog__body {
|
||||||
|
padding: 10px 20px;
|
||||||
|
}
|
||||||
|
.permission-table-container {
|
||||||
|
max-height: calc(70vh - 150px);
|
||||||
|
overflow-y: auto;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
{% endblock %}
|
{% endblock %}
|
||||||
|
|
||||||
{% block scripts %}
|
{% block scripts %}
|
||||||
|
|||||||
Reference in New Issue
Block a user