|
@ -22,13 +22,13 @@ |
|
|
<el-table :data="tableData" style="width: 100%;height:640px" :row-style="{ height: '60px' }" |
|
|
<el-table :data="tableData" style="width: 100%;height:640px" :row-style="{ height: '60px' }" |
|
|
@selection-change="handleSelectionChange"> |
|
|
@selection-change="handleSelectionChange"> |
|
|
<el-table-column type="selection" width="200" /> |
|
|
<el-table-column type="selection" width="200" /> |
|
|
<el-table-column type="index" label="ID" width="250"> |
|
|
|
|
|
|
|
|
<el-table-column type="index" label="ID" width="250" show-overflow-tooltip> |
|
|
<template #default="scope"> |
|
|
<template #default="scope"> |
|
|
{{ pagination.pageSize * (pagination.pageNum - 1) + scope.$index + 1 }} |
|
|
{{ pagination.pageSize * (pagination.pageNum - 1) + scope.$index + 1 }} |
|
|
</template> |
|
|
</template> |
|
|
</el-table-column> |
|
|
</el-table-column> |
|
|
<el-table-column prop="username" label="姓名" width="250" /> |
|
|
|
|
|
<el-table-column prop="jwcode" label="精网号" width="300" /> |
|
|
|
|
|
|
|
|
<el-table-column prop="username" label="姓名" width="250" show-overflow-tooltip /> |
|
|
|
|
|
<el-table-column prop="jwcode" label="精网号" width="300" show-overflow-tooltip /> |
|
|
<el-table-column label="操作"> |
|
|
<el-table-column label="操作"> |
|
|
<template #default="scope"> |
|
|
<template #default="scope"> |
|
|
<el-button text size="small" type="danger" @click="delUser(scope.row)">删除</el-button> |
|
|
<el-button text size="small" type="danger" @click="delUser(scope.row)">删除</el-button> |
|
@ -277,30 +277,4 @@ onMounted(() => { |
|
|
overflow-y: auto; |
|
|
overflow-y: auto; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.table-container { |
|
|
|
|
|
height: 650px; /* 设置固定高度 */ |
|
|
|
|
|
overflow-y: auto; /* 启用垂直滚动条 */ |
|
|
|
|
|
overflow-x: hidden; /* 隐藏水平滚动条(如果不需要的话) */ |
|
|
|
|
|
border: 1px solid #ebeef5; /* 可选:添加边框 */ |
|
|
|
|
|
border-radius: 4px; /* 可选:添加圆角 */ |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
/* 可选:自定义滚动条样式 */ |
|
|
|
|
|
.table-container::-webkit-scrollbar { |
|
|
|
|
|
width: 8px; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.table-container::-webkit-scrollbar-track { |
|
|
|
|
|
background: #f1f1f1; |
|
|
|
|
|
border-radius: 4px; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.table-container::-webkit-scrollbar-thumb { |
|
|
|
|
|
background: #c1c1c1; |
|
|
|
|
|
border-radius: 4px; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.table-container::-webkit-scrollbar-thumb:hover { |
|
|
|
|
|
background: #a8a8a8; |
|
|
|
|
|
} |
|
|
|
|
|
</style> |
|
|
</style> |