| | |
| | | <el-button v-permission="'sys:staff:create'" type="primary" @click="openCreate">添加</el-button> |
| | | </div> |
| | | |
| | | <el-table :data="rows" v-loading="loading" stripe border class="staff-table"> |
| | | <div class="staff-table-wrap"> |
| | | <el-table :data="rows" v-loading="loading" stripe border class="staff-table" height="100%"> |
| | | <el-table-column label="姓名" min-width="130"> |
| | | <template #default="{ row }"> |
| | | <div class="person-cell"> |
| | |
| | | </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 avatarUploading = ref(false); |
| | | const rows = ref<StaffRow[]>([]); |
| | | const page = ref(1); |
| | | const size = ref(16); |
| | | const size = ref(10); |
| | | const total = ref(0); |
| | | const deptTree = ref<DeptTree[]>([]); |
| | | const deptOptions = ref<DeptTree[]>([]); |
| | |
| | | display: grid; |
| | | grid-template-columns: 250px minmax(0, 1fr); |
| | | gap: 12px; |
| | | height: calc(100vh - 170px); |
| | | min-height: calc(100vh - 170px); |
| | | } |
| | | |
| | |
| | | flex-direction: column; |
| | | gap: 12px; |
| | | min-width: 0; |
| | | min-height: 0; |
| | | } |
| | | |
| | | .panel-title { |
| | |
| | | |
| | | .table-card { |
| | | padding: 14px 16px 12px; |
| | | display: flex; |
| | | flex-direction: column; |
| | | flex: 1; |
| | | min-height: 0; |
| | | overflow: hidden; |
| | | } |
| | | |
| | | .table-toolbar { |
| | |
| | | align-items: center; |
| | | gap: 12px; |
| | | margin-bottom: 12px; |
| | | flex: none; |
| | | } |
| | | |
| | | .staff-table-wrap { |
| | | flex: 1; |
| | | min-height: 0; |
| | | } |
| | | |
| | | .toolbar-left { |
| | |
| | | justify-content: space-between; |
| | | align-items: center; |
| | | margin-top: 14px; |
| | | flex: none; |
| | | } |
| | | |
| | | .pager-total { |