From 55a8675806f2795a660deffb11fe3a1faa902349 Mon Sep 17 00:00:00 2001
From: zhangyahui <yhzhang@aidlab.hk>
Date: Mon, 27 Apr 2026 09:40:00 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20sketchDetail=E6=8E=A5=E5=8F=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../MyListings/EditDetail/api.ts              | 24 +++++++++++++++++++
 .../MyListings/EditDetail/index.vue           | 19 +++++++++++----
 2 files changed, 39 insertions(+), 4 deletions(-)
 create mode 100644 src/views/SellerDashboard/MyListings/EditDetail/api.ts

diff --git a/src/views/SellerDashboard/MyListings/EditDetail/api.ts b/src/views/SellerDashboard/MyListings/EditDetail/api.ts
new file mode 100644
index 00000000..5771145f
--- /dev/null
+++ b/src/views/SellerDashboard/MyListings/EditDetail/api.ts
@@ -0,0 +1,24 @@
+import { Https } from "@/tool/https"
+
+interface SketchIDs {
+	designItemIds: Array
+}
+export const fetchSketchDetail = (data: SketchIDs) => {
+	let params = "?"
+	data.forEach((id, index) => {
+		if (index === data.length - 1) {
+			params += `designItemIds=${id}`
+		} else {
+			params += `designItemIds=${id}&`
+		}
+	})
+	return Https.axiosGet(`/api/seller/sketchDetail${params}`)
+}
+
+export const uploadFile = (file) => {
+	const formData = new FormData()
+	formData.append("file", file)
+	return Https.axiosPost("/seller/file/ upload", formData, {
+		headers: { "Content-Type": "multipart/form-data", Accept: "*/*" }
+	})
+}
diff --git a/src/views/SellerDashboard/MyListings/EditDetail/index.vue b/src/views/SellerDashboard/MyListings/EditDetail/index.vue
index d58dd93d..8640e9ae 100644
--- a/src/views/SellerDashboard/MyListings/EditDetail/index.vue
+++ b/src/views/SellerDashboard/MyListings/EditDetail/index.vue
@@ -230,14 +230,14 @@
 </template>
 
 <script setup lang="ts">
-import { computed, ref, watch, defineOptions } from "vue"
+import { computed, ref, watch, defineOptions,onMounted } from "vue"
 import { useRouter } from "vue-router"
 import SellerHeader from "../../seller-header.vue"
 import testImg from "@/assets/images/test.png"
 import Radio from "./components/Radio.vue"
 import ImageClipDialog from "../../BrandProfile/image-clip-dialog.vue"
-import { Https } from "@/tool/https"
 import { useStore } from "vuex"
+import { fetchSketchDetail, uploadFile } from "./api"
 
 const ROUTER = useRouter()
 
@@ -400,7 +400,7 @@ const handleSelectProdImg = (index: number) => {
 
 const cropType = ref("")
 const handleClickCrop = (data, type) => {
-	console.log(data, type)
+	// console.log(data, type)
 	const titleList = {
 		sketch: "Crop Sketch",
 		mainProductImage: "Crop Main Product Image",
@@ -412,7 +412,11 @@ const handleClickCrop = (data, type) => {
 	imageClipDialogRef.value.open(
 		data,
 		(file) => {
-			selectList.value[currentIndex.value].sketch = URL.createObjectURL(file)
+			// console.log(file)
+			uploadFile(file).then((res) => {
+				console.log(res)
+				selectList.value[currentIndex.value].sketch = res
+			})
 		},
 		{ ratio, isPreview: true, title: titleList[type], isProduct: true }
 	)
@@ -429,6 +433,13 @@ const handleClickMenu = (status: "draft" | "publish") => {
 		ROUTER.push({ name: "Status", params: { status: "publish" } })
 	}
 }
+
+onMounted(() => {
+	fetchSketchDetail([666163, 666164]).then(res => {
+		console.log(res)
+	})
+})
+
 </script>
 
 <style lang="less" scoped>