| | |
| | | distimebegin: null, |
| | | distimeend: null, |
| | | siloid: null, |
| | | params: {} |
| | | params: { |
| | | beginTime: `${new Date(new Date().getTime() - 3 * 24 * 60 * 60 * 1000).getFullYear()}-${String(new Date(new Date().getTime() - 3 * 24 * 60 * 60 * 1000).getMonth() + 1).padStart(2, '0')}-${String(new Date(new Date().getTime() - 3 * 24 * 60 * 60 * 1000).getDate()).padStart(2, '0')} 00:00:00`, |
| | | endTime: `${new Date().getFullYear()}-${String(new Date().getMonth() + 1).padStart(2, '0')}-${String(new Date().getDate()).padStart(2, '0')} 23:59:59` |
| | | } |
| | | }); |
| | | |
| | | const tableSize = ref<'tiny' | 'small' | 'medium' | 'large'>('small'); |
| | | const tableSize = ref<'small' | 'medium' | 'large'>('small'); |
| | | |
| | | function handleTableSizeChange(size: 'tiny' | 'small' | 'medium' | 'large') { |
| | | function handleTableSizeChange(size: 'small' | 'medium' | 'large') { |
| | | tableSize.value = size; |
| | | } |
| | | |
| | |
| | | </template> |
| | | <NRadioGroup :value="tableSize" @update:value="handleTableSizeChange"> |
| | | <NSpace vertical> |
| | | <NRadio value="tiny">mini</NRadio> |
| | | <NRadio value="small">小</NRadio> |
| | | <NRadio value="medium">中</NRadio> |
| | | <NRadio value="large">大</NRadio> |
| | |
| | | :row-key="row => row.id" |
| | | :pagination="mobilePagination" |
| | | class="sm:h-full" |
| | | :class="[tableSize === 'tiny' ? 'table-size-mini' : '']" |
| | | /> |
| | | <StoreSilkOperateDrawer |
| | | v-model:visible="drawerVisible" |
| | |
| | | </template> |
| | | |
| | | <style scoped> |
| | | :deep(.table-size-mini .n-data-table-th), |
| | | :deep(.table-size-mini .n-data-table-td) { |
| | | :deep(.n-data-table-th), |
| | | :deep(.n-data-table-td) { |
| | | padding-top: 4px; |
| | | padding-bottom: 4px; |
| | | } |