Merge remote-tracking branch 'origin/release/test' into dev

src/modules/overseas-warehouse/components/OrderReferenceText.test.ts

@@ -1,5 +1,5 @@
-import { mount } from '@vue/test-utils'
-import { describe, expect, it } from 'vitest'
+import { flushPromises, mount } from '@vue/test-utils'
+import { describe, expect, it, vi } from 'vitest'
 import OrderReferenceText from './OrderReferenceText.vue'
 
 describe('OrderReferenceText', () => {
@@ -23,4 +23,15 @@ describe('OrderReferenceText', () => {
     expect(wrapper.text()).toBe('LMO-260827-0001')
     expect(wrapper.attributes('title')).toBe('LMO-260827-0001')
   })
+
+  it('copies the exact server short number without frontend formatting', async () => {
+    const writeText = vi.fn().mockResolvedValue(undefined)
+    vi.stubGlobal('navigator', { clipboard: { writeText } })
+    const wrapper = mount(OrderReferenceText, { props: { value: 'LMO-9A7', copyable: true } })
+    await wrapper.get('el-button').trigger('click')
+    await flushPromises()
+    expect(writeText).toHaveBeenCalledWith('LMO-9A7')
+    expect(wrapper.attributes('title')).toBe('LMO-9A7')
+    vi.unstubAllGlobals()
+  })
 })

src/modules/overseas-warehouse/components/OrderReferenceText.vue

@@ -1,10 +1,13 @@
 <script setup lang="ts">
 import { computed } from 'vue'
+import CopyButton from '@/shared/components/CopyButton.vue'
 
 const props = withDefaults(defineProps<{
   value?: string | null
   emptyText?: string
-}>(), { value: null, emptyText: '—' })
+  copyable?: boolean
+  copyLabel?: string
+}>(), { value: null, emptyText: '—', copyable: false, copyLabel: '尾程单号' })
 
 const displayValue = computed(() => {
   const value = String(props.value ?? '')
@@ -15,16 +18,23 @@ const fullTitle = computed(() => displayValue.value === props.emptyText ? undefi
 </script>
 
 <template>
-  <span class="order-reference-text" :title="fullTitle">{{ displayValue }}</span>
+  <span class="order-reference-text" :title="fullTitle"><span class="order-reference-text__value">{{ displayValue }}</span><CopyButton v-if="copyable && fullTitle" class="order-reference-text__copy" :value="displayValue" :label="copyLabel" button-text="" /></span>
 </template>
 
 <style scoped>
 .order-reference-text {
-  display: inline-block;
+  display: inline-flex;
+  min-width: 0;
+  align-items: center;
+  gap: 4px;
   max-width: 100%;
+  vertical-align: bottom;
+}
+.order-reference-text__value {
+  min-width: 0;
   overflow: hidden;
   text-overflow: ellipsis;
-  vertical-align: bottom;
   white-space: nowrap;
 }
+.order-reference-text__copy { flex: 0 0 auto; margin: 0; padding-inline: 6px; }
 </style>