全局表格及按钮样式优化

This commit is contained in:
tao
2026-01-13 09:16:09 +08:00
parent 82210f6c26
commit ba71c3e42c
6 changed files with 16 additions and 19 deletions

3
components.d.ts vendored
View File

@@ -19,7 +19,6 @@ declare module 'vue' {
ADropdown: typeof import('ant-design-vue/es')['Dropdown']
AForm: typeof import('ant-design-vue/es')['Form']
AFormItem: typeof import('ant-design-vue/es')['FormItem']
AImage: typeof import('ant-design-vue/es')['Image']
AInput: typeof import('ant-design-vue/es')['Input']
AInputPassword: typeof import('ant-design-vue/es')['InputPassword']
AMenu: typeof import('ant-design-vue/es')['Menu']
@@ -43,7 +42,6 @@ declare module 'vue' {
HoldTraceOrder: typeof import('./src/components/traceOrderManage/holdTraceOrder.vue')['default']
ILucideBuilding: typeof import('~icons/lucide/building')['default']
ILucideChevronDown: typeof import('~icons/lucide/chevron-down')['default']
ILucideChevronLeft: typeof import('~icons/lucide/chevron-left')['default']
ILucideChevronUp: typeof import('~icons/lucide/chevron-up')['default']
ILucideCopy: typeof import('~icons/lucide/copy')['default']
ILucideCpu: typeof import('~icons/lucide/cpu')['default']
@@ -52,7 +50,6 @@ declare module 'vue' {
ILucideRefreshCw: typeof import('~icons/lucide/refresh-cw')['default']
ILucideRotateCcw: typeof import('~icons/lucide/rotate-ccw')['default']
ILucideRotateCw: typeof import('~icons/lucide/rotate-cw')['default']
ILucideSave: typeof import('~icons/lucide/save')['default']
ILucideShieldCheck: typeof import('~icons/lucide/shield-check')['default']
ILucideUser: typeof import('~icons/lucide/user')['default']
RouterLink: typeof import('vue-router')['RouterLink']

View File

@@ -0,0 +1,11 @@
.ant-table {
.ant-table-thead > tr > th {
font-weight: bold;
font-size: clamp(14px, 1.2vw, 18px);
}
.ant-table-tbody > tr > td {
padding: 12px 8px;
font-size: clamp(12px, 1vw, 16px);
}
}

View File

@@ -1 +1,2 @@
@forward './button';
@forward './ant-design';

View File

@@ -80,17 +80,5 @@ function rowClick(record: TableItem) {
.table-wrapper {
height: 100%;
overflow: auto;
.custom-table {
:deep(.ant-table-thead > tr > th) {
font-weight: bold;
font-size: clamp(14px, 1.2vw, 20px);
}
:deep(.ant-table-tbody > tr > td) {
padding: 12px 8px;
font-size: clamp(14px, 1vw, 20px);
}
}
}
</style>

View File

@@ -122,7 +122,7 @@ fetchBoundEquipmentList()
<a-input size="large" v-model:value="equipmentInput" @pressEnter="fetchEquipmentInfo" placeholder="按下回车搜索" />
</a-col>
<a-col :span="3">
<a-button type="primary" size="large" @click="handleBind">绑定</a-button>
<a-button size="large" @click="handleBind">绑定</a-button>
</a-col>
</a-row>
<div class="description-wrapper">

View File

@@ -146,13 +146,13 @@ fetchPrimaryMaterialList()
<a-input v-model:value="carrierInput" @pressEnter="insertCarrier" placeholder="按下回车录入" allow-clear />
</a-form-item>
<a-form-item>
<a-button type="primary" @click="insertCarrier">录入</a-button>
<a-button @click="insertCarrier">录入</a-button>
</a-form-item>
<a-form-item label="主材 ID">
<a-input v-model:value="materialInput" @pressEnter="insertMaterial" placeholder="按下回车录入" allow-clear />
</a-form-item>
<a-form-item>
<a-button type="primary" @click="insertMaterial">录入</a-button>
<a-button @click="insertMaterial">录入</a-button>
</a-form-item>
</a-form>
<div class="table-wrapper" ref="customTable">