| | |
| | | <el-button v-permission="'appointments:export'" type="primary" plain :loading="exporting" @click="exportExcel">导出</el-button> |
| | | </div> |
| | | |
| | | <el-table :data="rows" v-loading="loading" stripe border :max-height="tableMaxHeight"> |
| | | <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="visitTypeText" label="来访类型" width="110" /> |
| | | <el-table-column prop="visitedUserName" label="被访人" width="110" show-overflow-tooltip /> |
| | |
| | | </template> |
| | | </el-table-column> |
| | | </el-table> |
| | | </div> |
| | | |
| | | <div class="pager-wrap"> |
| | | <div class="pager-total">共 {{ total }} 条</div> |
| | |
| | | const size = ref(10); |
| | | const total = ref(0); |
| | | const rows = ref<AppointmentRow[]>([]); |
| | | const tableMaxHeight = computed(() => (rows.value.length > 10 ? 560 : undefined)); |
| | | const visitDateRange = ref<string[]>([]); |
| | | |
| | | const deptOptions = ref<DeptOption[]>([]); |
| | |
| | | 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-start; |
| | | 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 { |