|
|
@ -18,7 +18,8 @@ |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<!-- 用户表格 --> |
|
|
|
<el-table :data="tableData" style="width: 100%;" :row-style="{ height: '60px' }" |
|
|
|
<div class="table-container"> |
|
|
|
<el-table :data="tableData" style="width: 100%;height:640px" :row-style="{ height: '60px' }" |
|
|
|
@selection-change="handleSelectionChange"> |
|
|
|
<el-table-column type="selection" width="200" /> |
|
|
|
<el-table-column type="index" label="ID" width="250"> |
|
|
@ -43,6 +44,7 @@ |
|
|
|
:total="pagination.total" :page-sizes="[10, 20, 50, 100]" @size-change="handleSizeChange" |
|
|
|
@current-change="handleCurrentChange" /> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</el-card> |
|
|
|
<el-dialog v-model="addVisible" title="添加用户" width="500" align-center> |
|
|
|
<el-form :model="addObj" label-width="80px"> |
|
|
@ -263,16 +265,7 @@ onMounted(() => { |
|
|
|
}) |
|
|
|
</script> |
|
|
|
<style scoped> |
|
|
|
.el-card { |
|
|
|
border-radius: 8px; |
|
|
|
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); |
|
|
|
} |
|
|
|
|
|
|
|
.el-table { |
|
|
|
margin-top: 10px; |
|
|
|
} |
|
|
|
|
|
|
|
.el-pagination { |
|
|
|
margin: 0; |
|
|
|
.table-container { |
|
|
|
overflow-y: auto; |
|
|
|
} |
|
|
|
</style> |