html/admin-web
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(admin): unify dropship pallet print action styling

Browse Source
This commit is contained in:
ouyangxq
2026-09-15 10:19:05 +08:00
parent 4bf66d9571
commit fb316e4d5a
2 changed files with 9 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/modules/inbounds/core/DropshipPalletPrintPanel.vue
+8 -7
View File
@@ -2,6 +2,7 @@
import { onBeforeUnmount, ref, watch } from 'vue'
import { Printer, RefreshCw } from '@lucide/vue'
import { ElMessage } from 'element-plus'
import '@/styles/adminDensity.css'
import { getApiErrorDetails, type ApiErrorDetails } from '@/shared/api/http'
import ApiErrorMeta from '@/shared/components/ApiErrorMeta.vue'
import LoadErrorState from '@/shared/components/LoadErrorState.vue'
@@ -84,7 +85,7 @@ onBeforeUnmount(() => { disposed = true; requestSerial += 1 })
</script>
<template>
<section class="dropship-print-panel" aria-labelledby="dropship-print-title">
<section class="dropship-print-panel admin-density" aria-labelledby="dropship-print-title">
<header class="print-heading">
<div>
<h3 id="dropship-print-title">一件代发托盘打印</h3>
@@ -102,7 +103,7 @@ onBeforeUnmount(() => { disposed = true; requestSerial += 1 })
<el-table v-else-if="pallets.length" v-loading="loading" :data="pallets" border stripe empty-text="暂无托盘码" aria-label="一件代发托盘打印列表">
<el-table-column label="操作" width="120" fixed="left">
<template #default="{ row }">
<el-button link type="primary" :loading="printing === row.palletId" :disabled="Boolean(printing) && printing !== row.palletId" @click="printOne(row as InboundDropshipPallet)">单托补打</el-button>
<el-button class="density-action" :loading="printing === row.palletId" :disabled="Boolean(printing) && printing !== row.palletId" @click="printOne(row as InboundDropshipPallet)">单托补打</el-button>
</template>
</el-table-column>
<el-table-column prop="palletNo" label="托盘码" min-width="210" />
@@ -117,10 +118,10 @@ onBeforeUnmount(() => { disposed = true; requestSerial += 1 })
<style scoped>
.dropship-print-panel { min-width: 0; }
.print-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; margin-bottom: 14px; }
.print-heading h3 { margin: 0; color: #172033; font-size: 15px; }
.print-heading p { margin: 5px 0 0; color: var(--cc-muted); font-size: 12px; line-height: 18px; }
.print-actions { display: flex; flex-shrink: 0; gap: 8px; }
.print-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: var(--admin-space-5); margin-bottom: var(--admin-space-5); }
.print-heading h3 { margin: 0; color: var(--cc-text); font-size: var(--admin-font-section); }
.print-heading p { margin: var(--admin-space-1) 0 0; color: var(--cc-muted); font-size: var(--admin-font-caption); line-height: 1.5; }
.print-actions { display: flex; flex-shrink: 0; gap: var(--admin-space-2); }
.print-actions .el-button { margin-left: 0; }
.loading-state { padding: 12px 0; }
.loading-state { padding: var(--admin-space-5) 0; }
</style>
src/styles/adminDensity.test.ts
+1
View File
@@ -88,6 +88,7 @@ const consumers = [
'customers/pages/OverseasStorageFeesView.vue', 'customers/components/CustomerBillingRulesPanel.vue',
'unified-orders/components/InboundFeeDetailManager.vue', 'unified-orders/components/OrderDeclarationEditorDialog.vue',
'customers/CustomerOverseasStorageFeePanel.vue', 'unified-orders/pages/UnifiedOrdersView.vue',
'inbounds/core/DropshipPalletPrintPanel.vue',
'inbounds/components/InboundTaskList.vue', 'inbounds/measurement/InboundMeasurementDialog.vue',
'inbounds/measurement/InboundMeasurementPanel.vue', 'inbounds/review/MeasurementReviewPanel.vue',
'inbounds/weight/components/WeightOcrPanel.vue', 'loading-lists/pages/PreloadPlanDetailView.vue',