调整权限页面布局

This commit is contained in:
X1627315083
2024-04-08 10:33:15 +08:00
parent 44efcc4283
commit 825158cd4d
2 changed files with 19 additions and 6 deletions

View File

@@ -67,8 +67,9 @@ export default defineComponent({
})
let tableLoading = ref(false)
let columns = reactive([
{ title: 'Name', align:'center', ellipsis: true, dataIndex: 'exportName', key: 'exportName', width:250 },
{ title: 'Create Time', align:'center', ellipsis: true, dataIndex: 'createTime', key: 'createTime'},
{ title: 'Name', align:'center', ellipsis: true, dataIndex: 'exportName', key: 'exportName', width:350 },
{ title: 'Time', align:'center', ellipsis: true, dataIndex: 'dataTime', key: 'dataTime', width:350},
// { title: 'Create Time', align:'center', ellipsis: true, dataIndex: 'createTime', key: 'createTime'},
{ title: 'Type', align:'center', ellipsis: true, dataIndex: 'span', key: 'span'},
{
title: 'Operations',

View File

@@ -61,13 +61,18 @@
<td class="second_td">
<div class="table_td_block" v-for="(menu) in role.level2ResourceList" :key="menu.code"><a-checkbox size="large" v-model:checked="menu.select" @change="checkLevelSec(role,menu)">{{menu.resource}}</a-checkbox></div>
</td>
<td class="third_td">
<td class="third_td">
<div class="table_td_block td_block_padding0" v-for="(menu) in role.level2ResourceList" :key="menu.code">
<div class="table_td_block" v-for="(per) in menu.operationList" :key="per.code"><a-checkbox :disabled="!menu.select" size="large" v-model:checked="per.select">{{per.resource}}</a-checkbox></div>
</div>
</td>
<!-- <td class="third_td">
<div class="table_td_block" v-for="(menu) in role.level2ResourceList" :key="menu.code">
<div class="table_td_permission">
<div v-for="(per) in menu.operationList" :key="per.code"><a-checkbox :disabled="!menu.select" size="large" v-model:checked="per.select">{{per.resource}}</a-checkbox></div>
</div>
</div>
</td>
</td> -->
</tr>
</table>
</div>
@@ -447,6 +452,10 @@ export default defineComponent({
&:last-child{
border-bottom: none;
}
&.td_block_padding0{
// padding: 16px 0 16px 0px;
padding: 0;
}
}
.table_td_permission{
@@ -456,12 +465,15 @@ export default defineComponent({
}
.first_td{
width: 120px;
width: 200px;
}
.second_td{
width: 150px;
width: 200px;
}
.third_td{
width: 130px;
}
}