|
@@ -34,8 +34,19 @@
|
|
|
bordered
|
|
|
>
|
|
|
<span slot="status" slot-scope="text, record">
|
|
|
- <a-switch checkedChildren="启用" unCheckedChildren="禁用" v-model="record.isEnable" @change="changeFlagHandle(text, record)" v-hasPermission="'B_power_role_del'" id="roleList-changeFlagHandle"/>
|
|
|
+ <a-switch
|
|
|
+ checkedChildren="启用"
|
|
|
+ unCheckedChildren="禁用"
|
|
|
+ v-model="record.isEnable"
|
|
|
+ @change="changeFlagHandle(text, record)"
|
|
|
+ v-hasPermission="'B_power_role_del'"
|
|
|
+ id="roleList-changeFlagHandle"/>
|
|
|
</span>
|
|
|
+ <!-- 角色描述 -->
|
|
|
+ <template slot="remarks" slot-scope="text, record">
|
|
|
+ <span :title="record.remarks" style="display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">{{ record.remarks }}</span>
|
|
|
+
|
|
|
+ </template>
|
|
|
<span slot="action" slot-scope="text, record">
|
|
|
<a class="action-button menu-text" @click="openMenuModal(record)" v-hasPermission="'M_power_role_menu'" id="roleList-openMenuModal">菜单权限</a>
|
|
|
<a class="action-button" @click="handleEdit(record)" v-hasPermission="'B_supervision_role_edit'" id="roleList-handleEdit">修改</a>
|
|
@@ -75,36 +86,38 @@ export default {
|
|
|
{
|
|
|
title: '序号',
|
|
|
dataIndex: 'no',
|
|
|
- width: '40',
|
|
|
+ width: 60,
|
|
|
align: 'center'
|
|
|
},
|
|
|
{
|
|
|
title: '创建时间',
|
|
|
dataIndex: 'createDate',
|
|
|
- minWidth: '100',
|
|
|
+ width: 200,
|
|
|
align: 'center'
|
|
|
},
|
|
|
{
|
|
|
title: '角色名称',
|
|
|
dataIndex: 'name',
|
|
|
- minWidth: '100',
|
|
|
+ width: 150,
|
|
|
align: 'center'
|
|
|
},
|
|
|
{
|
|
|
title: '角色描述',
|
|
|
dataIndex: 'remarks',
|
|
|
- minWidth: '100',
|
|
|
- align: 'center'
|
|
|
+ width: 200,
|
|
|
+ ellipsis: true, // 内容超过宽度 自动出现省略号
|
|
|
+ align: 'center',
|
|
|
+ scopedSlots: { customRender: 'remarks' }
|
|
|
},
|
|
|
{
|
|
|
title: '状态',
|
|
|
- minWidth: '100',
|
|
|
+ width: 150,
|
|
|
align: 'center',
|
|
|
scopedSlots: { customRender: 'status' }
|
|
|
},
|
|
|
{
|
|
|
title: '操作',
|
|
|
- minWidth: '100',
|
|
|
+ width: 200,
|
|
|
align: 'center',
|
|
|
scopedSlots: { customRender: 'action' }
|
|
|
}
|