|
@@ -40,16 +40,19 @@
|
|
:data="loadData"
|
|
:data="loadData"
|
|
bordered
|
|
bordered
|
|
>
|
|
>
|
|
|
|
+ <!-- 启用禁用 -->
|
|
<span slot="status" slot-scope="text, record">
|
|
<span slot="status" slot-scope="text, record">
|
|
<a-switch checkedChildren="启用" unCheckedChildren="禁用" id="roleList-isEnable" v-model="record.isEnable" @change="changeFlagHandle(text, record)"/>
|
|
<a-switch checkedChildren="启用" unCheckedChildren="禁用" id="roleList-isEnable" v-model="record.isEnable" @change="changeFlagHandle(text, record)"/>
|
|
</span>
|
|
</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">
|
|
<span slot="action" slot-scope="text, record">
|
|
- <template>
|
|
|
|
<a class="action-button menu-text" @click="openMenuModal(record)" id="roleList-openMenuModal">菜单权限</a>
|
|
<a class="action-button menu-text" @click="openMenuModal(record)" id="roleList-openMenuModal">菜单权限</a>
|
|
<a class="action-button" @click="handleEdit(record)" id="roleList-handleEdit">修改</a>
|
|
<a class="action-button" @click="handleEdit(record)" id="roleList-handleEdit">修改</a>
|
|
<a v-if="!record.isEnable" class="action-button red-text" @click="delect(record)" id="roleList-delect">删除</a>
|
|
<a v-if="!record.isEnable" class="action-button red-text" @click="delect(record)" id="roleList-delect">删除</a>
|
|
- </template>
|
|
|
|
</span>
|
|
</span>
|
|
</s-table>
|
|
</s-table>
|
|
<roleModal :visible="showModal" :data="itemData" @refresh="refreshTable" @close="showModal = false"></roleModal>
|
|
<roleModal :visible="showModal" :data="itemData" @refresh="refreshTable" @close="showModal = false"></roleModal>
|
|
@@ -102,7 +105,9 @@ export default {
|
|
title: '角色描述',
|
|
title: '角色描述',
|
|
dataIndex: 'remarks',
|
|
dataIndex: 'remarks',
|
|
width: '100',
|
|
width: '100',
|
|
- align: 'center'
|
|
|
|
|
|
+ ellipsis: true, // 内容超过宽度 自动出现省略号
|
|
|
|
+ align: 'center',
|
|
|
|
+ scopedSlots: { customRender: 'remarks' }
|
|
},
|
|
},
|
|
{
|
|
{
|
|
title: '状态',
|
|
title: '状态',
|