From 2b925a1d371632af53fdcc2a54d62a37412869dc Mon Sep 17 00:00:00 2001
From: mzl <mzl@hnxinyouhe.com>
Date: Wed, 26 Aug 2026 11:17:39 +0800
Subject: [PATCH] =?UTF-8?q?feat(stocking):=20=E6=9F=A5=E7=9C=8B=E5=A4=87?=
 =?UTF-8?q?=E8=B4=A7=E5=8D=95=E8=AF=A6=E6=83=85=E5=B1=95=E7=A4=BA=E6=AF=8F?=
 =?UTF-8?q?=E8=BE=86=E8=BD=A6=E9=99=84=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

OrderDetailContent 车辆明细展开行备注下方列出附件
（点击新窗口打开），备货单与终版查看弹窗共用生效；
兼容数组与历史字符串格式。

Co-Authored-By: Claude <noreply@anthropic.com>
---
 src/components/custom/OrderDetailContent.vue | 48 ++++++++++++++++++--
 1 file changed, 44 insertions(+), 4 deletions(-)

diff --git a/src/components/custom/OrderDetailContent.vue b/src/components/custom/OrderDetailContent.vue
index b2184b1..d5fd174 100644
--- a/src/components/custom/OrderDetailContent.vue
+++ b/src/components/custom/OrderDetailContent.vue
@@ -60,9 +60,29 @@
         <template #default>
           <ElTableColumn type="expand" width="30">
             <template #default="scope">
-              <div style="padding: 6px;display: flex">
-                <div><strong>备注：</strong></div>
-                <div><span v-html="scope.row.remark || '暂无备注'"></span></div>
+              <div style="padding: 6px">
+                <div style="display: flex">
+                  <div><strong>备注：</strong></div>
+                  <div><span v-html="scope.row.remark || '暂无备注'"></span></div>
+                </div>
+                <div
+                  v-if="getItemAttachments(scope.row).length"
+                  style="display: flex; margin-top: 6px"
+                >
+                  <div><strong>附件：</strong></div>
+                  <div style="display: flex; flex-wrap: wrap; gap: 12px">
+                    <a
+                      v-for="(f, aIdx) in getItemAttachments(scope.row)"
+                      :key="aIdx"
+                      :href="f.url"
+                      target="_blank"
+                      rel="noopener"
+                      style="color: #3471ff; text-decoration: none"
+                    >
+                      <i class="iconfont-sys">&#xe814;</i> {{ f.name }}
+                    </a>
+                  </div>
+                </div>
               </div>
             </template>
           </ElTableColumn>
@@ -460,6 +480,25 @@
       const vehItems = computed(() => {
         return (props.orderData as any).veh_list || (props.orderData as any).items || []
       })
+
+      // 车辆附件（后端返回数组；兼容历史字符串数据）
+      const getItemAttachments = (row: any) => {
+        const raw = row?.attachment
+        let list: any[] = []
+        if (Array.isArray(raw)) {
+          list = raw
+        } else if (typeof raw === 'string' && raw.trim()) {
+          try {
+            const parsed = JSON.parse(raw)
+            if (Array.isArray(parsed)) list = parsed
+          } catch {
+            list = []
+          }
+        }
+        return list
+          .filter((f: any) => f && f.url)
+          .map((f: any) => ({ name: f.original_name || f.name || '附件', url: f.url }))
+      }
       const tableRef = ref()
       const expandWhenReady = () => {
         nextTick(() => {
@@ -487,7 +526,8 @@
         paymentTableData,
         vehItems,
         formatPrice,
-        tableRef
+        tableRef,
+        getItemAttachments
       }
     }
   })