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

优化样式

Browse Source
This commit is contained in:
liuyihe
2026-10-13 17:15:03 +08:00
parent bd8f9433ed
commit 15015d8bfc
1 changed files with 5 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/modules/overseas-warehouse/views/ReturnOrdersView.vue
+5 -3
View File
@@ -399,8 +399,7 @@ onBeforeUnmount(clearPhotoUrls)
<h3 class="section-heading-with-action return-parcel-heading"><span>包裹签收明细</span><span class="return-label-actions"><el-button type="primary" size="small" @click="printReturnLabel(parcelReceipts)">打印全部包裹唛头（{{ parcelReceipts.length }} 个）</el-button><el-button text :aria-expanded="parcelDetailsExpanded" aria-controls="return-parcel-details" @click="parcelDetailsExpanded = !parcelDetailsExpanded">{{ parcelDetailsExpanded ? '收起明细' : '展开明细' }}</el-button></span></h3>
<div v-show="parcelDetailsExpanded" id="return-parcel-details">
<details v-for="receipt in parcelReceipts" :key="`${receipt.receiptNo}-items`" class="return-parcel-items" open>
<summary class="return-parcel-items__head"><strong>包裹 {{ receipt.unitCode || receipt.trackingNo || receipt.receiptNo }}</strong><span class="return-parcel-items__summary">{{ receipt.receivedQuantity }} 件<ChevronDown :size="16" aria-hidden="true" /></span></summary>
<div v-if="receipt.length != null || receipt.width != null || receipt.height != null || receipt.weight != null" class="return-pallet-measurements">长 {{ receipt.length ?? '—' }} cm · 宽 {{ receipt.width ?? '—' }} cm · 高 {{ receipt.height ?? '—' }} cm · 重量 {{ receipt.weight ?? '—' }} kg</div>
<summary class="return-parcel-items__head"><div class="return-parcel-items__identity"><strong>包裹 {{ receipt.unitCode || receipt.trackingNo || receipt.receiptNo }}</strong><span class="return-parcel-items__measurements">长 {{ receipt.length ?? '—' }} cm · 宽 {{ receipt.width ?? '—' }} cm · 高 {{ receipt.height ?? '—' }} cm · 体积 {{ formatReturnVolume(receipt.length != null && receipt.width != null && receipt.height != null ? receipt.length * receipt.width * receipt.height / 1_000_000 : null) }} m³ · 重量 {{ receipt.weight ?? '—' }} kg</span></div><span class="return-parcel-items__summary">{{ receipt.receivedQuantity }} 件<ChevronDown :size="16" aria-hidden="true" /></span></summary>
<div class="return-parcel-items__list"><div v-for="item in receipt.items" :key="item.skuCode" class="return-parcel-item"><span class="return-parcel-item__sku">{{ item.skuCode }}</span><span class="return-parcel-item__name">{{ item.productNameZh || '中文品名未填写' }}</span><strong>{{ item.quantity }} 件</strong></div></div>
</details>
</div>
@@ -550,10 +549,13 @@ onBeforeUnmount(clearPhotoUrls)
.return-parcel-items { width:calc(100% - 32px); max-width:760px; box-sizing:border-box; margin:8px 16px 12px; overflow:hidden; border:1px solid #dfe6ef; border-radius:8px; background:#fbfcfe; }
.return-parcel-items__head { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:8px 12px; color:#26364f; font-size:13px; background:#f3f7fc; border-bottom:1px solid #e7edf5; }
.return-parcel-items__head span { color:#1764c0; font-size:12px; font-weight:600; }
.return-parcel-items__identity { display:flex; align-items:center; flex-wrap:wrap; gap:8px 16px; min-width:0; }
.return-parcel-items__identity strong { overflow-wrap:anywhere; }
.return-parcel-items__head .return-parcel-items__measurements { color:#7c899c; font-weight:400; }
.return-parcel-items__head { cursor:pointer; list-style:none; }
.return-parcel-items__head::-webkit-details-marker { display:none; }
.return-parcel-items__head:focus-visible { outline:2px solid var(--el-color-primary); outline-offset:-2px; }
.return-parcel-items__summary { display:flex; align-items:center; gap:12px; }
.return-parcel-items__summary { display:flex; align-items:center; flex-shrink:0; gap:12px; white-space:nowrap; }
.return-parcel-items__summary svg { transition:transform .15s ease; }
.return-parcel-items:not([open]) .return-parcel-items__summary svg { transform:rotate(-90deg); }
.return-parcel-items__list { display:grid; grid-template-columns:minmax(0,1fr); gap:6px; padding:8px; }