|
|
@ -3,7 +3,7 @@ |
|
|
|
<el-button type="primary" @click="goBack" style="margin-right:20px">返回</el-button> |
|
|
|
<span style="font-size: 1.5em; font-weight: bold;">导入抽奖用户</span> |
|
|
|
</div> |
|
|
|
<el-card style="min-height: 90vh; max-height: 90vh;"> |
|
|
|
<el-card style="height:87vh"> |
|
|
|
<div style="margin-bottom: 20px; display: flex; justify-content: space-between; align-items: center;"> |
|
|
|
<div style="display: flex; gap: 10px; align-items: center;"> |
|
|
|
姓名:<el-input v-model="searchObj.username" placeholder="请输入姓名" style="width: 150px;" clearable></el-input> |
|
|
@ -17,8 +17,9 @@ |
|
|
|
<input type="file" ref="fileInput" style="display: none" accept=".xlsx,.xls" @change="handleFileChange" /> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="table-container"> |
|
|
|
<!-- 用户表格 --> |
|
|
|
<el-table :data="tableData" style="width: 100%;" :row-style="{ height: '60px' }" |
|
|
|
<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,7 +44,9 @@ |
|
|
|
: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"> |
|
|
|
<el-form-item label="姓名" prop="username"> |
|
|
@ -244,16 +247,9 @@ 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> |