From 852207efeee3d6c72bb62494be65d2ecd7c3cdf4 Mon Sep 17 00:00:00 2001
From: liuyihe <2513762445@qq.com>
Date: Tue, 11 Aug 2026 10:35:39 +0800
Subject: [PATCH] =?UTF-8?q?=E7=BC=96=E8=BE=91=E6=8C=89=E9=92=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/LoadingListsView.test.ts       |  6 ++++++
 .../components/LoadingListsView.vue           | 20 +++++++++++++++++--
 2 files changed, 24 insertions(+), 2 deletions(-)

diff --git a/src/modules/loading-lists/components/LoadingListsView.test.ts b/src/modules/loading-lists/components/LoadingListsView.test.ts
index 3f213130..2922067e 100644
--- a/src/modules/loading-lists/components/LoadingListsView.test.ts
+++ b/src/modules/loading-lists/components/LoadingListsView.test.ts
@@ -37,4 +37,10 @@ describe('LoadingListsView', () => {
     expect(detailSource).toContain('装柜完成后清单、明细和运输信息永久只读')
     expect(source).toContain('expectedVersion: detail.value.summary.version')
   })
+
+  it('exposes a row edit action only for loading preload plans', () => {
+    expect(source).toContain("isPreload && canEdit && row.status === 'LOADING'")
+    expect(source).toContain('openEditFromRow(row)')
+    expect(source).toContain('await loadDetail()')
+  })
 })
diff --git a/src/modules/loading-lists/components/LoadingListsView.vue b/src/modules/loading-lists/components/LoadingListsView.vue
index e400883e..88b8c96f 100644
--- a/src/modules/loading-lists/components/LoadingListsView.vue
+++ b/src/modules/loading-lists/components/LoadingListsView.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { computed, onMounted, reactive, ref, watch } from 'vue'
 import { ElMessage, type FormInstance, type FormRules } from 'element-plus'
-import { Eye } from '@lucide/vue'
+import { Eye, Pencil } from '@lucide/vue'
 import { useAccessPreviewStore } from '@/core/access/accessPreview'
 import { getApiErrorDetails, type ApiErrorDetails } from '@/shared/api/http'
 import AdminPage from '@/shared/components/AdminPage.vue'
@@ -165,6 +165,19 @@ function openDetail(rowValue: object) {
   void loadDetail()
 }
 
+async function openEditFromRow(rowValue: object) {
+  const row = rowValue as LoadingListSummary
+  if (!isPreload.value || !canEdit.value || row.status !== 'LOADING') return
+  selectedPlanId.value = String(row.planId)
+  selectedWarehouseId.value = String(row.warehouseId || '')
+  detail.value = null
+  detailError.value = null
+  detailOpen.value = true
+  await loadDetail()
+  const loadedDetail = detail.value as LoadingDetail | null
+  if (loadedDetail && loadedDetail.summary.status === 'LOADING') openEdit()
+}
+
 function openEdit() {
   if (!detail.value || !('preloadNo' in detail.value.summary) || detail.value.summary.status !== 'LOADING') return
   editForm.containerNo = detail.value.summary.containerNo || ''
@@ -237,7 +250,10 @@ onMounted(() => {
         :empty-text="`暂无符合筛选条件的${title}`"
         :aria-label="title"
       >
-        <template #actions="{ row }"><el-button v-if="canView" link type="primary" @click="openDetail(row)"><Eye :size="15" />查看</el-button></template>
+        <template #actions="{ row }">
+          <el-button v-if="canView" link type="primary" @click="openDetail(row)"><Eye :size="15" />查看</el-button>
+          <el-button v-if="isPreload && canEdit && row.status === 'LOADING'" link type="primary" @click="openEditFromRow(row)"><Pencil :size="15" />编辑</el-button>
+        </template>
         <template #customers="{ row }">{{ (row as PreloadSummary).customers.map((item) => item.customerName || item.accountId).join('、') || '—' }}</template>
         <template #vesselVoyage="{ row }">{{ (row as PreloadSummary).vesselName || '—' }} / {{ (row as PreloadSummary).voyageNo || '—' }}</template>
         <template #status="{ row }"><StatusBadge :status="row.status" /><span class="status-label">{{ row.status === 'LOADING' ? '装柜中' : row.status === 'COMPLETED' ? '装柜完成' : row.status }}</span></template>