From da3548c6540f6fc0c982f737f25fc4abcb793efd Mon Sep 17 00:00:00 2001
From: xiaomai <xiaomai@ramatex.com.my>
Date: Thu, 4 Dec 2025 14:14:16 +0800
Subject: [PATCH] fix(export): sync bidding items order on sort and rename
 preview
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Updates the iddingItems state when the sortable list is reordered to ensure the exported data reflects the visual order. Additionally, renames the xportCsv computed property to csvPreview for better clarity.
---
 app/pages/export/index.vue | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/app/pages/export/index.vue b/app/pages/export/index.vue
index 00962dd..5077c65 100644
--- a/app/pages/export/index.vue
+++ b/app/pages/export/index.vue
@@ -163,7 +163,7 @@
         <div class="space-y-2">
           <h2 class="text-2xl font-medium">导出预览</h2>
           <div class="bg-gray-200 p-6 rounded-md">
-            <pre>{{ exportCsv }}</pre>
+            <pre>{{ csvPreview }}</pre>
           </div>
           <div class="flex gap-2">
             <UButton
@@ -300,6 +300,9 @@ const biddingItemColumnPinning = ref({
 
 useSortable(".bidding-item-table-tbody", biddingItemList, {
   animation: 150,
+  onUpdate: () => {
+    biddingItems.value = [...biddingItemList.value];
+  },
 });
 
 const applyStartPriceButtonClicked = () => {
@@ -325,7 +328,7 @@ function toUnderscore(name: string) {
 }
 
 // Export Preview
-const exportCsv = computed<string>(() => {
+const csvPreview = computed<string>(() => {
   return [
     ...biddingItems.value.map(
       (biddingItem) =>
@@ -337,7 +340,7 @@ const exportCsv = computed<string>(() => {
 });
 
 const downloadCsv = () => {
-  const blob = new Blob([exportCsv.value], { type: "text/csv;charset=utf-8;" });
+  const blob = new Blob([csvPreview.value], { type: "text/csv;charset=utf-8;" });
   const url = URL.createObjectURL(blob);
   const a = document.createElement("a");
   a.href = url;