From dbfd4bc96205dd957827ee16c1149058fc2b88bb Mon Sep 17 00:00:00 2001
From: zhuguifei <312353457@qq.com>
Date: 星期三, 04 三月 2026 15:31:14 +0800
Subject: [PATCH] perf:
---
ruoyi-plus-soybean/src/views/analy/store-silk/index.vue | 277 +++++++++++++++++++++++++++---------------------------
1 files changed, 139 insertions(+), 138 deletions(-)
diff --git a/ruoyi-plus-soybean/src/views/analy/store-silk/index.vue b/ruoyi-plus-soybean/src/views/analy/store-silk/index.vue
index addf095..b772674 100644
--- a/ruoyi-plus-soybean/src/views/analy/store-silk/index.vue
+++ b/ruoyi-plus-soybean/src/views/analy/store-silk/index.vue
@@ -15,7 +15,6 @@
name: 'StoreSilkList'
});
-
const appStore = useAppStore();
const { download } = useDownload();
const { hasAuth } = useAuth();
@@ -29,152 +28,155 @@
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;
}
const { columns, columnChecks, data, getData, getDataByPage, loading, mobilePagination, scrollX } =
useNaivePaginatedTable({
- api: () => fetchGetStoreSilkList(searchParams.value),
- transform: response => defaultTransform(response),
- onPaginationParamsChange: params => {
- searchParams.value.pageNum = params.page;
- searchParams.value.pageSize = params.pageSize;
- },
- columns: () => [
- {
- type: 'selection',
- align: 'center',
- width: 48
+ api: () => fetchGetStoreSilkList(searchParams.value),
+ transform: response => defaultTransform(response),
+ onPaginationParamsChange: params => {
+ searchParams.value.pageNum = params.page;
+ searchParams.value.pageSize = params.pageSize;
},
- {
- key: 'index',
- title: $t('common.index'),
- align: 'center',
- width: 64,
- render: (_, index) => index + 1
- },
- {
- key: 'materialname',
- title: '鐗屽彿',
- align: 'center',
- minWidth: 120
- },
- {
- key: 'batchcode',
- title: '鎵规鍙�',
- align: 'center',
- minWidth: 130
- },
- {
- key: 'roller',
- title: '鍗锋帴浜ч噺',
- align: 'center',
- minWidth: 100
- },
- {
- key: 'packer',
- title: '鍖呰浜ч噺',
- align: 'center',
- minWidth: 100
- },
- {
- key: 'actualstarttime',
- title: '鎶曟枡鏃ユ湡',
- align: 'center',
- width: 180
- },
- {
- key: 'jobinput',
- title: '鎶曟枡閲嶉噺',
- align: 'center',
- minWidth: 120
- },
- {
- key: 'weight',
- title: '鍌ㄤ笣鏌滈噸閲�',
- align: 'center',
- minWidth: 120
- },
- {
- key: 'distimebegin',
- title: '鍌ㄤ笣鏌滃嚭鏂欏紑濮嬫椂闂�',
- align: 'center',
- width: 180
- },
- {
- key: 'distimeend',
- title: '鍌ㄤ笣鏌滃嚭鏂欑粨鏉熸椂闂�',
- align: 'center',
- width: 180
- },
- {
- key: 'siloid',
- title: '鏌滃瓙鍙�(鏈綅)',
- align: 'center',
- width: 160
- },
- {
- key: 'operate',
- title: $t('common.operate'),
- align: 'center',
- fixed: 'right',
- width: 130,
- render: row => {
- const divider = () => {
- if (!hasAuth('analy:storeSilk:edit') || !hasAuth('analy:storeSilk:remove')) {
- return null;
- }
- return <NDivider vertical />;
- };
+ columns: () => [
+ {
+ type: 'selection',
+ align: 'center',
+ width: 48
+ },
+ {
+ key: 'index',
+ title: $t('common.index'),
+ align: 'center',
+ width: 64,
+ render: (_, index) => index + 1
+ },
+ {
+ key: 'materialname',
+ title: '鐗屽彿',
+ align: 'center',
+ minWidth: 120
+ },
+ {
+ key: 'batchcode',
+ title: '鎵规鍙�',
+ align: 'center',
+ minWidth: 130
+ },
+ {
+ key: 'roller',
+ title: '鍗锋帴浜ч噺',
+ align: 'center',
+ minWidth: 100
+ },
+ {
+ key: 'packer',
+ title: '鍖呰浜ч噺',
+ align: 'center',
+ minWidth: 100
+ },
+ {
+ key: 'actualstarttime',
+ title: '鎶曟枡鏃ユ湡',
+ align: 'center',
+ width: 180
+ },
+ {
+ key: 'jobinput',
+ title: '鎶曟枡閲嶉噺',
+ align: 'center',
+ minWidth: 120
+ },
+ {
+ key: 'weight',
+ title: '鍌ㄤ笣鏌滈噸閲�',
+ align: 'center',
+ minWidth: 120
+ },
+ {
+ key: 'distimebegin',
+ title: '鍌ㄤ笣鏌滃嚭鏂欏紑濮嬫椂闂�',
+ align: 'center',
+ width: 180
+ },
+ {
+ key: 'distimeend',
+ title: '鍌ㄤ笣鏌滃嚭鏂欑粨鏉熸椂闂�',
+ align: 'center',
+ width: 180
+ },
+ {
+ key: 'siloid',
+ title: '鏌滃瓙鍙�(鏈綅)',
+ align: 'center',
+ width: 160
+ },
+ {
+ key: 'operate',
+ title: $t('common.operate'),
+ align: 'center',
+ fixed: 'right',
+ width: 130,
+ render: row => {
+ const divider = () => {
+ if (!hasAuth('analy:storeSilk:edit') || !hasAuth('analy:storeSilk:remove')) {
+ return null;
+ }
+ return <NDivider vertical />;
+ };
- const editBtn = () => {
- if (!hasAuth('analy:storeSilk:edit')) {
- return null;
- }
+ const editBtn = () => {
+ if (!hasAuth('analy:storeSilk:edit')) {
+ return null;
+ }
+ return (
+ <ButtonIcon
+ text
+ type="primary"
+ icon="material-symbols:drive-file-rename-outline-outline"
+ tooltipContent={$t('common.edit')}
+ onClick={() => edit(row.id)}
+ />
+ );
+ };
+
+ const deleteBtn = () => {
+ if (!hasAuth('analy:storeSilk:remove')) {
+ return null;
+ }
+ return (
+ <ButtonIcon
+ text
+ type="error"
+ icon="material-symbols:delete-outline"
+ tooltipContent={$t('common.delete')}
+ popconfirmContent={$t('common.confirmDelete')}
+ onPositiveClick={() => handleDelete(row.id)}
+ />
+ );
+ };
+
return (
- <ButtonIcon
- text
- type="primary"
- icon="material-symbols:drive-file-rename-outline-outline"
- tooltipContent={$t('common.edit')}
- onClick={() => edit(row.id)}
- />
+ <div class="flex-center gap-8px">
+ {editBtn()}
+ {divider()}
+ {deleteBtn()}
+ </div>
);
- };
-
- const deleteBtn = () => {
- if (!hasAuth('analy:storeSilk:remove')) {
- return null;
- }
- return (
- <ButtonIcon
- text
- type="error"
- icon="material-symbols:delete-outline"
- tooltipContent={$t('common.delete')}
- popconfirmContent={$t('common.confirmDelete')}
- onPositiveClick={() => handleDelete(row.id)}
- />
- );
- };
-
- return (
- <div class="flex-center gap-8px">
- {editBtn()}
- {divider()}
- {deleteBtn()}
- </div>
- );
+ }
}
- }
- ]
-});
+ ]
+ });
const { drawerVisible, operateType, editingData, handleAdd, handleEdit, checkedRowKeys, onBatchDeleted, onDeleted } =
useTableOperate(data, 'id', getData);
@@ -231,7 +233,6 @@
</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>
@@ -252,7 +253,7 @@
remote
:row-key="row => row.id"
:pagination="mobilePagination"
- :class="['sm:h-full', tableSize === 'tiny' ? 'table-size-mini' : '']"
+ class="sm:h-full"
/>
<StoreSilkOperateDrawer
v-model:visible="drawerVisible"
@@ -265,8 +266,8 @@
</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;
}
--
Gitblit v1.9.3