From d0711c7f1267404ce5f63a4efe731fcc8f3d2d14 Mon Sep 17 00:00:00 2001
From: zoujing <kidevelop@163.com>
Date: Mon, 27 Oct 2025 20:05:35 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E5=B7=A5=E5=8D=95=E5=9B=BE=E7=89=87?=
 =?UTF-8?q?=E4=B8=8A=E4=BC=A0=E4=B8=8E=E6=A0=B7=E5=BC=8F=E7=9A=84=E8=B0=83?=
 =?UTF-8?q?=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/CreateServiceOrder/index.vue | 49 ++++++++++++++++++---
 src/request/api/UpdateFile.js               |  6 +--
 src/static/scss/height.scss                 |  4 ++
 src/static/scss/width.scss                  |  3 ++
 4 files changed, 52 insertions(+), 10 deletions(-)

diff --git a/src/components/CreateServiceOrder/index.vue b/src/components/CreateServiceOrder/index.vue
index f2ae5b2..57f55e6 100644
--- a/src/components/CreateServiceOrder/index.vue
+++ b/src/components/CreateServiceOrder/index.vue
@@ -47,13 +47,38 @@
           class="bg-F5F7FA border-box p-12 rounded-10 font-size-14 font-500 color-171717 mb-12"
         >
           <view class="font-500 line-height-22 mb-12">照片上传</view>
+
           <view
-            class="bg-white p-24 rounded-5 inline-block"
-            @click="handleChooseImage"
+            class="w-80 h-80 bg-white rounded-8 overflow-hidden flex flex-items-center flex-justify-center"
           >
-            <uni-icons fontFamily="znicons" size="24" color="#6A717F">
-              {{ zniconsMap["zn-camera"] }}
-            </uni-icons>
+            <view
+              v-if="contentImgUrl"
+              class="w-full h-full relative inline-block"
+            >
+              <image
+                class="w-full h-full block"
+                :src="contentImgUrl"
+                mode="aspectFill"
+              />
+              <uni-icons
+                class="close-btn absolute z-10"
+                type="close"
+                size="20"
+                color="#6A717F"
+                @click="handleDeleteImage"
+              >
+              </uni-icons>
+            </view>
+
+            <view
+              v-else
+              class="w-full h-full flex flex-items-center flex-justify-center"
+              @click="handleChooseImage"
+            >
+              <uni-icons fontFamily="znicons" size="24" color="#6A717F">
+                {{ zniconsMap["zn-camera"] }}
+              </uni-icons>
+            </view>
           </view>
         </view>
       </view>
@@ -72,8 +97,9 @@
         </view>
 
         <image
+          v-if="contentImgUrl"
           class="right rounded-6"
-          src="https://picsum.photos/300/300"
+          :src="contentImgUrl"
           mode="aspectFill"
         />
       </view>
@@ -123,12 +149,16 @@ const handleChooseImage = () => {
   });
 };
 
+const handleDeleteImage = () => {
+  contentImgUrl.value = "";
+};
+
 const updateImagehandle = (file) => {
   if (!file) {
     return;
   }
   updateImageFile(file).then((res) => {
-    contentImgUrl.value = res.data?.url || "";
+    contentImgUrl.value = res.data;
   });
 };
 
@@ -220,4 +250,9 @@ onMounted(() => {
 
 <style scoped lang="scss">
 @import "./styles/index.scss";
+
+.close-btn {
+  top: 0;
+  right: 0;
+}
 </style>
diff --git a/src/request/api/UpdateFile.js b/src/request/api/UpdateFile.js
index c8fa4d5..db9912c 100644
--- a/src/request/api/UpdateFile.js
+++ b/src/request/api/UpdateFile.js
@@ -2,7 +2,7 @@ import { BASE_URL } from "@/request/base/baseUrl";
 import { getCurrentConfig } from "@/constant/base";
 
 export const updateImageFile = (file) => {
-  const url = BASE_URL + "/common/upload";
+  const url = BASE_URL + "/hotelBiz/hotBizCommon/upload";
   const token = uni.getStorageSync("token");
   const clientId = getCurrentConfig().clientId;
 
@@ -20,8 +20,8 @@ export const updateImageFile = (file) => {
         file: "file",
       },
       success: (uploadFileRes) => {
-        console.log(uploadFileRes.data);
-        resolve(uploadFileRes.data);
+        console.log("uploadFileRes: ", uploadFileRes);
+        resolve(JSON.parse(uploadFileRes.data));
       },
       fail: (err) => {
         console.error("上传图片失败:", err);
diff --git a/src/static/scss/height.scss b/src/static/scss/height.scss
index da01276..b041705 100644
--- a/src/static/scss/height.scss
+++ b/src/static/scss/height.scss
@@ -2,6 +2,10 @@
   height: 100vh;
 }
 
+.h-full {
+  height: 100%;
+}
+
 .h-80 {
   height: 80px;
 }
diff --git a/src/static/scss/width.scss b/src/static/scss/width.scss
index 3fb544a..97edd43 100644
--- a/src/static/scss/width.scss
+++ b/src/static/scss/width.scss
@@ -9,3 +9,6 @@
 .w-50 {
   width: 50%;
 }
+.w-80 {
+  width: 80px;
+}