| | |
| | | 导出 Excel |
| | | </el-button> |
| | | </div> |
| | | <el-table :data="rows" v-loading="loading" stripe border> |
| | | <div class="table-wrap"> |
| | | <el-table :data="rows" v-loading="loading" stripe border height="100%"> |
| | | <el-table-column label="序号" width="68" type="index" :index="indexMethod" /> |
| | | <el-table-column prop="userName" label="用户" min-width="120" show-overflow-tooltip /> |
| | | <el-table-column prop="gender" label="性别" width="88" align="center" /> |
| | |
| | | </div> |
| | | </template> |
| | | </el-table-column> |
| | | </el-table> |
| | | </el-table> |
| | | </div> |
| | | |
| | | <div class="pager-wrap"> |
| | | <div class="pager-total">共 {{ total }} 条</div> |
| | |
| | | layout="sizes, prev, pager, next" |
| | | :total="total" |
| | | :page-size="size" |
| | | :page-sizes="[10, 16, 20, 50, 100]" |
| | | :page-sizes="[10, 20, 50, 100]" |
| | | v-model:current-page="page" |
| | | @current-change="load" |
| | | @size-change="onSizeChange" |
| | |
| | | const auth = useAuthStore(); |
| | | const rows = ref<VisitorRow[]>([]); |
| | | const page = ref(1); |
| | | const size = ref(16); |
| | | const size = ref(10); |
| | | const total = ref(0); |
| | | const registerDateRange = ref<string[]>([]); |
| | | const dlg = ref(false); |
| | |
| | | display: flex; |
| | | flex-direction: column; |
| | | gap: 12px; |
| | | height: calc(100vh - 170px); |
| | | min-height: calc(100vh - 170px); |
| | | } |
| | | |
| | | .search-card, |
| | |
| | | |
| | | .table-card { |
| | | padding: 14px 16px 12px; |
| | | display: flex; |
| | | flex-direction: column; |
| | | flex: 1; |
| | | min-height: 0; |
| | | overflow: hidden; |
| | | } |
| | | |
| | | .table-toolbar { |
| | | display: flex; |
| | | justify-content: flex-end; |
| | | margin-bottom: 12px; |
| | | flex: none; |
| | | } |
| | | |
| | | .table-wrap { |
| | | flex: 1; |
| | | min-height: 0; |
| | | } |
| | | |
| | | .pager-wrap { |
| | |
| | | justify-content: space-between; |
| | | align-items: center; |
| | | margin-top: 14px; |
| | | flex: none; |
| | | } |
| | | |
| | | .pager-total { |