调整权限页面布局
This commit is contained in:
@@ -67,8 +67,9 @@ export default defineComponent({
|
|||||||
})
|
})
|
||||||
let tableLoading = ref(false)
|
let tableLoading = ref(false)
|
||||||
let columns = reactive([
|
let columns = reactive([
|
||||||
{ title: 'Name', align:'center', ellipsis: true, dataIndex: 'exportName', key: 'exportName', width:250 },
|
{ title: 'Name', align:'center', ellipsis: true, dataIndex: 'exportName', key: 'exportName', width:350 },
|
||||||
{ title: 'Create Time', align:'center', ellipsis: true, dataIndex: 'createTime', key: 'createTime'},
|
{ 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: 'Type', align:'center', ellipsis: true, dataIndex: 'span', key: 'span'},
|
||||||
{
|
{
|
||||||
title: 'Operations',
|
title: 'Operations',
|
||||||
|
|||||||
@@ -61,13 +61,18 @@
|
|||||||
<td class="second_td">
|
<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>
|
<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>
|
||||||
<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_block" v-for="(menu) in role.level2ResourceList" :key="menu.code">
|
||||||
<div class="table_td_permission">
|
<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 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>
|
||||||
</div>
|
</div>
|
||||||
</td>
|
</td> -->
|
||||||
</tr>
|
</tr>
|
||||||
</table>
|
</table>
|
||||||
</div>
|
</div>
|
||||||
@@ -447,6 +452,10 @@ export default defineComponent({
|
|||||||
&:last-child{
|
&:last-child{
|
||||||
border-bottom: none;
|
border-bottom: none;
|
||||||
}
|
}
|
||||||
|
&.td_block_padding0{
|
||||||
|
// padding: 16px 0 16px 0px;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.table_td_permission{
|
.table_td_permission{
|
||||||
@@ -456,12 +465,15 @@ export default defineComponent({
|
|||||||
}
|
}
|
||||||
|
|
||||||
.first_td{
|
.first_td{
|
||||||
width: 120px;
|
width: 200px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.second_td{
|
.second_td{
|
||||||
width: 150px;
|
width: 200px;
|
||||||
}
|
}
|
||||||
|
.third_td{
|
||||||
|
width: 130px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user