From df844bae116a89eec89dcd94474afb12db43a1c7 Mon Sep 17 00:00:00 2001
From: zoujing <kidevelop@163.com>
Date: Thu, 23 Oct 2025 18:46:47 +0800
Subject: [PATCH 1/9] =?UTF-8?q?feat:=20=E5=9B=BE=E7=89=87=E7=9B=B8?=
 =?UTF-8?q?=E5=86=8C=E4=B8=8E=E5=9B=BE=E7=89=87=E6=B5=8F=E8=A7=88?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/ImageSwiper/index.vue | 11 +++-
 src/pages.json                       |  6 ++
 src/pages/goods/album/index.vue      | 87 ++++++++++++++++++++++++++++
 src/static/scss/background.scss      |  4 ++
 src/static/scss/overflow.scss        |  4 ++
 src/static/scss/padding.scss         |  8 +++
 src/store/modules/app.js             | 10 +++-
 7 files changed, 126 insertions(+), 4 deletions(-)
 create mode 100644 src/pages/goods/album/index.vue

diff --git a/src/components/ImageSwiper/index.vue b/src/components/ImageSwiper/index.vue
index 872bf4a..fe7edf9 100644
--- a/src/components/ImageSwiper/index.vue
+++ b/src/components/ImageSwiper/index.vue
@@ -52,7 +52,7 @@
         </view>
       </scroll-view>
 
-      <view class="custom-indicator">
+      <view class="custom-indicator" @click="handlePreviewClick">
         <uni-icons fontFamily="znicons" size="10" color="#fff">{{
           zniconsMap["zn-camera"]
         }}</uni-icons>
@@ -68,6 +68,8 @@
 <script setup>
 import { ref, computed, nextTick } from "vue";
 import { zniconsMap } from "@/static/fonts/znicons.js";
+import { useAppStore } from "@/store";
+const appStore = useAppStore();
 
 // Props定义
 const props = defineProps({
@@ -166,6 +168,13 @@ const handleSwiperChange = (e) => {
   active.value = currentIndex;
   scrollToActiveItem(currentIndex);
 };
+
+const handlePreviewClick = () => {
+  appStore.setPreviewImageData(thumbnails.value);
+  uni.navigateTo({
+    url: `/pages/goods/album/index`,
+  });
+};
 </script>
 
 <style scoped lang="scss">
diff --git a/src/pages.json b/src/pages.json
index 2857ac2..f931f7a 100644
--- a/src/pages.json
+++ b/src/pages.json
@@ -17,6 +17,12 @@
       "style": {
         "navigationStyle": "custom"
       }
+    },
+    {
+      "path": "pages/goods/album/index",
+      "style": {
+        "navigationStyle": "custom"
+      }
     }
   ],
   "subPackages": [
diff --git a/src/pages/goods/album/index.vue b/src/pages/goods/album/index.vue
new file mode 100644
index 0000000..ebf32fc
--- /dev/null
+++ b/src/pages/goods/album/index.vue
@@ -0,0 +1,87 @@
+<template>
+  <view class="bg-F5F7FA flex flex-col h-screen overflow-hidden">
+    <TopNavBar title="房间相册" backgroundColor="transparent" />
+    <view class="p-8">
+      <text class="ml-4 font-size-18 color-171717 font-500"
+        >全部({{ albumList.length }})</text
+      >
+    </view>
+
+    <scroll-view scroll-y class="scroll-container overflow-auto">
+      <view class="pl-8 pr-8 pb-24">
+        <view class="flex flex-wrap">
+          <view
+            class="album-item"
+            v-for="(item, index) in albumList"
+            :key="index"
+          >
+            <image
+              class="album-image"
+              :src="item.photoUrl"
+              mode="aspectFill"
+              @click="handlePreview(item.photoUrl)"
+            ></image>
+            <view class="album-title">{{ item.title }}</view>
+          </view>
+        </view>
+      </view>
+    </scroll-view>
+  </view>
+</template>
+
+<script setup>
+import { ref } from "vue";
+import TopNavBar from "@/components/TopNavBar/index.vue";
+import { onLoad } from "@dcloudio/uni-app";
+import { useAppStore } from "@/store";
+const appStore = useAppStore();
+
+const albumList = ref([]);
+
+onLoad(() => {
+  albumList.value = appStore.previewImageData;
+  appStore.setPreviewImageData([]);
+});
+
+// 处理图片预览
+const handlePreview = (photoUrl) => {
+  uni.previewImage({
+    current: photoUrl,
+    urls: albumList.value.map((item) => item.photoUrl),
+  });
+};
+</script>
+
+<style scoped lang="scss">
+.scroll-container {
+  flex: 1;
+  height: 100%;
+}
+
+.album-item {
+  position: relative;
+  width: calc(50% - 8px);
+  margin: 4px;
+  border-radius: 8px;
+  overflow: hidden;
+}
+
+.album-image {
+  width: 100%;
+  height: 150px;
+  border-radius: 8px;
+}
+
+.album-title {
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  width: 100%;
+  padding: 8px;
+  background: linear-gradient(180deg, rgba(144, 144, 144, 0) 0%, #000000 100%);
+  border-radius: 0 0 8px 8px;
+  color: #fff;
+  font-size: 14px;
+  font-weight: 500;
+}
+</style>
diff --git a/src/static/scss/background.scss b/src/static/scss/background.scss
index aae9d34..31bd2d4 100644
--- a/src/static/scss/background.scss
+++ b/src/static/scss/background.scss
@@ -37,3 +37,7 @@
 .bg-button {
   background: linear-gradient(90deg, #2d91ff 0%, #4de4ff 100%);
 }
+
+.bg-transparent {
+  background-color: transparent;
+}
diff --git a/src/static/scss/overflow.scss b/src/static/scss/overflow.scss
index bd67572..c440df7 100644
--- a/src/static/scss/overflow.scss
+++ b/src/static/scss/overflow.scss
@@ -2,3 +2,7 @@
 .overflow-hidden {
   overflow: hidden;
 }
+
+.overflow-auto {
+  overflow: auto;
+}
diff --git a/src/static/scss/padding.scss b/src/static/scss/padding.scss
index 45fef9c..2834468 100644
--- a/src/static/scss/padding.scss
+++ b/src/static/scss/padding.scss
@@ -103,6 +103,14 @@
   padding: 24px;
 }
 
+.pt-24 {
+  padding-top: 24px;
+}
+
+.pb-24 {
+  padding-bottom: 24px;
+}
+
 .pb-safe-area {
   padding-bottom: Max(env(safe-area-inset-bottom), 12px);
 }
diff --git a/src/store/modules/app.js b/src/store/modules/app.js
index 622c0c7..440fefc 100644
--- a/src/store/modules/app.js
+++ b/src/store/modules/app.js
@@ -4,9 +4,10 @@ export const useAppStore = defineStore("app", {
   state() {
     return {
       title: "",
-      sceneId: "",
-      hasToken: false,
-      tokenExpired: false,
+      sceneId: "", /// 分身场景id
+      hasToken: false, /// 是否有token
+      tokenExpired: false, /// token是否过期
+      previewImageData: [], /// 预览图片数据
     };
   },
   getters: {},
@@ -24,6 +25,9 @@ export const useAppStore = defineStore("app", {
     setTokenExpired(status) {
       this.tokenExpired = status;
     },
+    setPreviewImageData(data) {
+      this.previewImageData = data;
+    },
   },
 
   unistorage: true,

From f73a92ec11cd65ea50dcd13d2a5686da867e27f7 Mon Sep 17 00:00:00 2001
From: zoujing <kidevelop@163.com>
Date: Thu, 23 Oct 2025 19:46:26 +0800
Subject: [PATCH 2/9] =?UTF-8?q?feat:=20=E5=9B=BE=E7=89=87=E9=A2=84?=
 =?UTF-8?q?=E8=A7=88=E7=9A=84=E6=A0=B7=E5=BC=8F=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/ImageSwiper/styles/index.scss | 14 ++++++++++++--
 1 file changed, 12 insertions(+), 2 deletions(-)

diff --git a/src/components/ImageSwiper/styles/index.scss b/src/components/ImageSwiper/styles/index.scss
index 66e0eb9..ecf2fc1 100644
--- a/src/components/ImageSwiper/styles/index.scss
+++ b/src/components/ImageSwiper/styles/index.scss
@@ -25,6 +25,9 @@
   display: flex;
   align-items: flex-end;
   flex-direction: row;
+  flex-wrap: nowrap;
+  max-width: 100%;
+  box-sizing: border-box;
 }
 
 .custom-indicator {
@@ -32,6 +35,11 @@
   background: rgba(0, 0, 0, 0.5);
   border-radius: $uni-border-radius-50px;
   padding: 0 6px 4px 8px;
+  display: inline-flex;
+  align-items: center;
+  flex: 0 0 auto;
+  flex-shrink: 0;
+  white-space: nowrap;
 }
 
 .custom-indicator-text {
@@ -43,7 +51,9 @@
 }
 
 .thumbnail-scroll {
-  flex: 1;
+  flex: 1 1 auto;
+  min-width: 0; // 允许在flex容器中收缩以适配剩余空间
+  overflow: auto; // 防止超出thumbnail-box的宽度
   height: 100%;
   white-space: nowrap;
 }
@@ -71,7 +81,7 @@
   height: 36px;
   border-radius: 8px;
   box-sizing: border-box;
-  border: 2px solid transparent;
+  border: 1px solid #171717;
   transition: all 0.3s ease;
   display: block;
 }

From 40647ead8392b17c56d010031635f3b2505faf66 Mon Sep 17 00:00:00 2001
From: zoujing <kidevelop@163.com>
Date: Thu, 23 Oct 2025 19:51:16 +0800
Subject: [PATCH 3/9] =?UTF-8?q?feat:=20=E6=A0=B7=E5=BC=8F=E8=B0=83?=
 =?UTF-8?q?=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../index/components/module/DetailCardCompontent/index.vue      | 2 +-
 src/pages/index/components/module/RecommendPostsList/index.vue  | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/pages/index/components/module/DetailCardCompontent/index.vue b/src/pages/index/components/module/DetailCardCompontent/index.vue
index 4d91458..d707896 100644
--- a/src/pages/index/components/module/DetailCardCompontent/index.vue
+++ b/src/pages/index/components/module/DetailCardCompontent/index.vue
@@ -2,7 +2,7 @@
   <view class="w-full">
     <template v-if="toolCall.picture && toolCall.picture.length > 0">
       <ModuleTitle :title="图片详情" />
-      <ImageSwiper :images="toolCall.picture" />
+      <ImageSwiper :images="toolCall.picture" thumbnailBottom="12px" />
     </template>
 
     <template v-if="toolCall.commodityList">
diff --git a/src/pages/index/components/module/RecommendPostsList/index.vue b/src/pages/index/components/module/RecommendPostsList/index.vue
index 267be4b..2081ca7 100644
--- a/src/pages/index/components/module/RecommendPostsList/index.vue
+++ b/src/pages/index/components/module/RecommendPostsList/index.vue
@@ -20,7 +20,7 @@
         </view>
 
         <view class="card-text border-box">
-          <view class="color-171717 font-size-14 line-height-20">
+          <view class="color-171717 font-size-14 line-height-20 ellipsis-1">
             {{ item.topic }}
           </view>
           <view class="font-size-11 color-99A0AE">

From c9587d2006a3fc23d8c782e0931f0a5384375f92 Mon Sep 17 00:00:00 2001
From: zoujing <kidevelop@163.com>
Date: Thu, 23 Oct 2025 19:59:34 +0800
Subject: [PATCH 4/9] =?UTF-8?q?feat:=20=E5=9B=BE=E7=89=87=E6=B5=8F?=
 =?UTF-8?q?=E8=A7=88=E5=99=A8=E7=9A=84=E6=A0=B7=E5=BC=8F=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/ImageSwiper/styles/index.scss | 2 --
 1 file changed, 2 deletions(-)

diff --git a/src/components/ImageSwiper/styles/index.scss b/src/components/ImageSwiper/styles/index.scss
index ecf2fc1..efcc5e4 100644
--- a/src/components/ImageSwiper/styles/index.scss
+++ b/src/components/ImageSwiper/styles/index.scss
@@ -35,8 +35,6 @@
   background: rgba(0, 0, 0, 0.5);
   border-radius: $uni-border-radius-50px;
   padding: 0 6px 4px 8px;
-  display: inline-flex;
-  align-items: center;
   flex: 0 0 auto;
   flex-shrink: 0;
   white-space: nowrap;

From 3094211152f360d95aa88268051fc1e75febf964 Mon Sep 17 00:00:00 2001
From: zoujing <kidevelop@163.com>
Date: Thu, 23 Oct 2025 20:33:23 +0800
Subject: [PATCH 5/9] =?UTF-8?q?feat:=20=E6=B6=88=E6=81=AF=E7=9A=84?=
 =?UTF-8?q?=E5=B1=95=E7=A4=BA=E6=A0=B7=E5=BC=8F=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../AttachListComponent/styles/index.scss     |  2 +-
 .../zero-markdown-view/zero-markdown-view.vue | 45 +++++++++++++------
 2 files changed, 33 insertions(+), 14 deletions(-)

diff --git a/src/pages/index/components/module/AttachListComponent/styles/index.scss b/src/pages/index/components/module/AttachListComponent/styles/index.scss
index 80727d6..fbbfba7 100644
--- a/src/pages/index/components/module/AttachListComponent/styles/index.scss
+++ b/src/pages/index/components/module/AttachListComponent/styles/index.scss
@@ -16,6 +16,6 @@
 }
 
 .tag-text {
-  color: #00a6ff; /* 蓝色文字，可根据设计调整 */
+  color: #2d91ff; /* 蓝色文字，可根据设计调整 */
   font-size: $uni-font-size-base;
 }
diff --git a/src/uni_modules/zero-markdown-view/components/zero-markdown-view/zero-markdown-view.vue b/src/uni_modules/zero-markdown-view/components/zero-markdown-view/zero-markdown-view.vue
index c1c9256..61ee1d1 100644
--- a/src/uni_modules/zero-markdown-view/components/zero-markdown-view/zero-markdown-view.vue
+++ b/src/uni_modules/zero-markdown-view/components/zero-markdown-view/zero-markdown-view.vue
@@ -35,7 +35,7 @@ export default {
     },
     themeColor: {
       type: String,
-      default: "#00A6FF",
+      default: "#2D91FF",
     },
     codeBgColor: {
       type: String,
@@ -45,6 +45,14 @@ export default {
       type: String,
       default: "PingFang SC, PingFang SC",
     },
+    fontColor: {
+      type: String,
+      default: "#171717",
+    },
+    fontSubColor: {
+      type: String,
+      default: "#4D4D4D",
+    },
     aiMode: {
       type: Boolean,
       default: false,
@@ -97,12 +105,15 @@ export default {
       const themeColor = this.themeColor;
       const codeBgColor = this.codeBgColor;
       const fontFamily = this.fontFamily;
+      const fontColor = this.fontColor;
+      const fontSubColor = this.fontSubColor;
       let zeroStyle = {
         p: `
 				margin:4px 0;
 				font-size: 15px;
-				line-height:1.65;
+				line-height:1.55;
         font-family: ${fontFamily};
+        color: ${fontColor};
 				`,
         // 一级标题
         h1: `
@@ -149,12 +160,14 @@ export default {
 				 `,
         // 列表
         ul: `
+        font-size: 14px;
 				margin: 4px 0;
-				color: #555;
+				color: ${fontSubColor};
 				`,
         li: `
+        font-size: 14px;
 				margin: 4px 0;
-				color: #555;
+				color: ${fontSubColor};
 				`,
         // 链接
         a: `
@@ -168,6 +181,7 @@ export default {
 				`,
         // 斜体
         em: `
+        font-size: 14px;
 				color: ${themeColor};
         font-family: ${fontFamily};
 				letter-spacing:0.3em;
@@ -191,11 +205,11 @@ export default {
 				`,
         th: `
 				border: 1px solid #202121;
-				color: #555;
+				color: ${fontSubColor};
 				`,
         td: `
-				color:#555;
-				border: 1px solid #555555;
+				color: ${fontSubColor};
+				border: 1px solid ${fontSubColor};
 				`,
         pre: `
 				border-radius: 5px;
@@ -211,12 +225,15 @@ export default {
       const themeColor = this.themeColor;
       const codeBgColor = this.codeBgColor;
       const fontFamily = this.fontFamily;
+      const fontColor = this.fontColor;
+      const fontSubColor = this.fontSubColor;
       let zeroStyle = {
         p: `
         margin:4px 0;
 				font-size: 15px;
         line-height:1.55;
         font-family: ${fontFamily};
+        color: ${fontColor};
 				`,
         // 一级标题
         h1: `
@@ -272,11 +289,13 @@ export default {
         // 列表
         ul: `
 				margin: 4px 0;
-				color: #555;
+        font-size: 14px;
+				color: ${fontSubColor};
 				`,
         li: `
 				margin: 4px 0;
-				color: #555;
+        font-size: 14px;
+				color: ${fontSubColor};
 				`,
         // 链接
         a: `
@@ -311,12 +330,12 @@ export default {
 				border-collapse: collapse;
 				`,
         th: `
-				border: 1px solid #202121;
-				color: #555;
+				border: 1px solid ${fontSubColor};
+				color: ${fontSubColor};
 				`,
         td: `
-				color:#555;
-				border: 1px solid #555555;
+				color: ${fontSubColor};
+				border: 1px solid ${fontSubColor};
 				`,
         pre: `
 				border-radius: 5px;

From bcfc4e12a0a82abcbc30ef2f0777acce99d189fc Mon Sep 17 00:00:00 2001
From: zoujing <kidevelop@163.com>
Date: Thu, 23 Oct 2025 21:14:03 +0800
Subject: [PATCH 6/9] =?UTF-8?q?feat:=20=E7=9B=B8=E5=86=8C=E7=9A=84?=
 =?UTF-8?q?=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/goods/album/index.vue | 54 +++++++++++++++++++++------------
 1 file changed, 35 insertions(+), 19 deletions(-)

diff --git a/src/pages/goods/album/index.vue b/src/pages/goods/album/index.vue
index ebf32fc..5223df8 100644
--- a/src/pages/goods/album/index.vue
+++ b/src/pages/goods/album/index.vue
@@ -8,20 +8,22 @@
     </view>
 
     <scroll-view scroll-y class="scroll-container overflow-auto">
-      <view class="pl-8 pr-8 pb-24">
-        <view class="flex flex-wrap">
+      <view class="pl-4 pr-4 pb-24">
+        <view class="grid-container">
           <view
             class="album-item"
             v-for="(item, index) in albumList"
             :key="index"
           >
-            <image
-              class="album-image"
-              :src="item.photoUrl"
-              mode="aspectFill"
-              @click="handlePreview(item.photoUrl)"
-            ></image>
-            <view class="album-title">{{ item.title }}</view>
+            <view class="album-image-wrapper">
+              <image
+                class="album-image"
+                :src="item.photoUrl"
+                mode="aspectFill"
+                @click="handlePreview(item.photoUrl)"
+              ></image>
+              <view class="album-title">{{ item.name }}</view>
+            </view>
           </view>
         </view>
       </view>
@@ -53,35 +55,49 @@ const handlePreview = (photoUrl) => {
 </script>
 
 <style scoped lang="scss">
-.scroll-container {
-  flex: 1;
-  height: 100%;
+.grid-container {
+  display: grid;
+  grid-template-columns: repeat(2, 1fr); // 每行2列
+  grid-gap: 8px;
+  padding: 12px;
 }
 
 .album-item {
   position: relative;
-  width: calc(50% - 8px);
-  margin: 4px;
+  width: 100%;
+}
+
+.album-image-wrapper {
+  position: relative;
+  width: 100%;
+  aspect-ratio: 1 / 1; // 保持宽高1:1
   border-radius: 8px;
   overflow: hidden;
 }
 
 .album-image {
   width: 100%;
-  height: 150px;
-  border-radius: 8px;
+  height: 100%;
+  object-fit: cover;
 }
 
 .album-title {
   position: absolute;
   bottom: 0;
   left: 0;
-  width: 100%;
+  right: 0;
   padding: 8px;
-  background: linear-gradient(180deg, rgba(144, 144, 144, 0) 0%, #000000 100%);
-  border-radius: 0 0 8px 8px;
+  background: linear-gradient(
+    180deg,
+    rgba(0, 0, 0, 0) 0%,
+    rgba(0, 0, 0, 0.6) 100%
+  );
   color: #fff;
   font-size: 14px;
   font-weight: 500;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  border-radius: 0 0 8px 8px;
 }
 </style>

From f9df4c3f02b95e26d8b0c0a5a74c106c87ca25e5 Mon Sep 17 00:00:00 2001
From: zoujing <kidevelop@163.com>
Date: Thu, 23 Oct 2025 21:14:28 +0800
Subject: [PATCH 7/9] =?UTF-8?q?feat:=20=E6=89=93=E5=AD=97=E9=80=9F?=
 =?UTF-8?q?=E5=BA=A6=E6=8F=90=E5=8D=87?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/index/components/chat/ChatMainList/index.vue | 2 +-
 src/utils/TypewriterManager.js                         | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/pages/index/components/chat/ChatMainList/index.vue b/src/pages/index/components/chat/ChatMainList/index.vue
index c2ccef4..91995ee 100644
--- a/src/pages/index/components/chat/ChatMainList/index.vue
+++ b/src/pages/index/components/chat/ChatMainList/index.vue
@@ -540,7 +540,7 @@ const initTypewriterManager = () => {
   }
 
   typewriterManager = new TypewriterManager({
-    typingSpeed: 30,
+    typingSpeed: 10,
     cursorText: "",
   });
 
diff --git a/src/utils/TypewriterManager.js b/src/utils/TypewriterManager.js
index b183a50..9d80676 100644
--- a/src/utils/TypewriterManager.js
+++ b/src/utils/TypewriterManager.js
@@ -6,7 +6,7 @@ class TypewriterManager {
   constructor(options = {}) {
     // 配置选项
     this.options = {
-      typingSpeed: 50, // 打字速度（毫秒）
+      typingSpeed: 10, // 打字速度（毫秒）- 调整为更快的速度
       cursorText: "", // 光标样式
       ...options,
     };

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 8/9] =?UTF-8?q?feat:=20=E5=B7=A5=E5=8D=95=E5=9B=BE?=
 =?UTF-8?q?=E7=89=87=E4=B8=8A=E4=BC=A0=E4=B8=8E=E6=A0=B7=E5=BC=8F=E7=9A=84?=
 =?UTF-8?q?=E8=B0=83=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;
+}

From d7aea9cf551f06ee5bf437f0ae1fcca15a228528 Mon Sep 17 00:00:00 2001
From: zoujing <kidevelop@163.com>
Date: Mon, 27 Oct 2025 21:17:43 +0800
Subject: [PATCH 9/9] =?UTF-8?q?feat:=20=E5=B7=A5=E5=8D=95=E5=88=97?=
 =?UTF-8?q?=E8=A1=A8=E7=9A=84=E6=8E=A5=E5=8F=A3=E8=B0=83=E8=AF=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/CreateServiceOrder/index.vue   |  6 +-
 .../order/components/OrderCard/index.vue      | 83 +++++++++++++++----
 src/request/api/OrderApi.js                   |  6 ++
 3 files changed, 74 insertions(+), 21 deletions(-)

diff --git a/src/components/CreateServiceOrder/index.vue b/src/components/CreateServiceOrder/index.vue
index 57f55e6..ce74316 100644
--- a/src/components/CreateServiceOrder/index.vue
+++ b/src/components/CreateServiceOrder/index.vue
@@ -195,8 +195,8 @@ const sendCreateWorkOrder = async () => {
   try {
     const res = await createWorkOrder({
       workOrderTypeId: workOrderTypeId.value,
-      roomId: roomId.value,
-      contactPhone: contactPhone.value,
+      roomNo: roomId.value,
+      userPhone: contactPhone.value,
       content: contactText.value,
       contentImgUrl: contentImgUrl.value,
     });
@@ -235,7 +235,7 @@ const viewWorkOrder = () => {
   console.log("查看工单:", workOrderId.value);
   // 这里可以跳转到工单详情页面
   uni.navigateTo({
-    url: `/pages-order/order/list?id=${workOrderId.value}`,
+    url: `/pages-service/order/list`,
   });
 };
 
diff --git a/src/pages-service/order/components/OrderCard/index.vue b/src/pages-service/order/components/OrderCard/index.vue
index 7c780d9..4be621c 100644
--- a/src/pages-service/order/components/OrderCard/index.vue
+++ b/src/pages-service/order/components/OrderCard/index.vue
@@ -1,8 +1,5 @@
 <template>
-  <view
-    class="order-card bg-white border-box p-12 rounded-12 m-12"
-    @click="handleCardClick"
-  >
+  <view class="order-card bg-white border-box p-12 rounded-12 m-12">
     <!-- 卡片头部 -->
     <view class="border-box flex flex-items-center pb-12">
       <image
@@ -10,50 +7,63 @@
         src="https://oss.nianxx.cn/mp/static/version_101/service/service_icon.png"
       />
       <text class="font-size-14 color-525866 line-height-20">工单</text>
-      <text class="font-size-12 color-525866 line-height-20 ml-auto"
-        >已完成</text
-      >
+      <text class="font-size-12 color-525866 line-height-20 ml-auto">{{
+        isCancelWork ? "已取消" : workOrderStatus(orderData.workOrderStatus)
+      }}</text>
     </view>
     <!-- 卡片内容 -->
     <view class="border-box card-content flex flex-items-center pb-12">
       <view class="border-box left flex-full pr-20">
         <view class="font-size-12 color-525866 line-height-20 mb-4"
-          >房间号：A01</view
+          >房间号：{{ orderData.roomNo }}</view
         >
         <view class="font-size-12 color-525866 line-height-20 mb-4"
-          >联系方式:173822042402</view
+          >联系方式: {{ orderData.userPhone }}</view
         >
         <view class="font-size-12 color-525866 line-height-20 ellipsis-2"
-          >需求描述:我太渴了，立即立刻马上现在给我送两瓶水过来！我太渴了，立即立刻马上现在给我送两瓶水过来！我太渴了，立即立刻马上现在给我送两瓶水过来！我太渴了，立即立刻马上现在给我送两瓶水过来！</view
+          >需求描述: {{ orderData.content }}</view
         >
       </view>
 
       <image
+        v-if="orderData.contentImgUrl"
         class="right rounded-6"
-        src="https://picsum.photos/300/300"
+        :src="orderData.contentImgUrl"
         mode="aspectFill"
       />
     </view>
 
     <!-- 服务人员 -->
     <view
+      v-if="orderData.processMemberName && orderData.processMemberPhone"
       class="service-user border-box p-8 flex flex-items-center flex-justify-between mb-12"
     >
-      <view class="font-size-12 line-height-16">服务人员：张三</view>
-
+      <view class="font-size-12 line-height-16"
+        >服务人员：{{ orderData.processMemberName }}</view
+      >
       <uni-icons
         class="ml-auto mr-4"
         type="phone-filled"
         size="14"
         color="#436799"
       />
-      <text class="font-size-12 line-height-16">拨打电话</text>
+      <text class="font-size-12 line-height-16" @click="callService"
+        >拨打电话</text
+      >
     </view>
 
     <!-- 取消操作 -->
-    <view class="flex flex-items-center flex-justify-between">
+    <view
+      v-if="
+        !isCancelWork &&
+        orderData.workOrderStatus !== '2' &&
+        orderData.workOrderStatus !== '3'
+      "
+      class="flex flex-items-center flex-justify-between"
+    >
       <text
         class="cancel border-box border rounded-6 font-size-12 line-height-16 color-525866 ml-auto"
+        @click="cancelCall"
         >取消呼叫</text
       >
     </view>
@@ -62,18 +72,55 @@
 
 <script setup>
 import { defineProps } from "vue";
+import { closeWorkOrder } from "@/request/api/OrderApi";
+import { ref } from "vue";
+const isCancelWork = ref(false);
 
 // Props
 const props = defineProps({
-  item: {
+  orderData: {
     type: Object,
     required: true,
     default: () => ({}),
   },
 });
 
-// 处理卡片点击
-const handleCardClick = () => {};
+/// 工单状态 0-待接单 1-处理中 2-已完成 3-已关闭
+const workOrderStatus = (status) => {
+  if (status === "0") {
+    return "待处理";
+  } else if (status === "1") {
+    return "处理中";
+  } else if (status === "2") {
+    return "已完成";
+  } else if (status === "3") {
+    return "已取消";
+  } else {
+    return "";
+  }
+};
+
+// 拨打电话
+const callService = () => {
+  uni.makePhoneCall({
+    phoneNumber: props.orderData.processMemberPhone,
+  });
+};
+
+// 取消呼叫
+const cancelCall = async () => {
+  const res = await closeWorkOrder({
+    workOrderId: props.orderData.id,
+  });
+  if (res.data) {
+    isCancelWork.value = true;
+  }
+  uni.showToast({
+    title: res.data ? "取消呼叫成功" : res.message || "取消呼叫失败",
+    icon: "success",
+    duration: 2000,
+  });
+};
 </script>
 
 <style scoped lang="scss">
diff --git a/src/request/api/OrderApi.js b/src/request/api/OrderApi.js
index 69404e0..3bfbe74 100644
--- a/src/request/api/OrderApi.js
+++ b/src/request/api/OrderApi.js
@@ -19,6 +19,11 @@ const createWorkOrder = (args) => {
   return request.post("/hotelBiz/workOrder/createWorkOrder", args);
 };
 
+// 关闭工单
+const closeWorkOrder = (args) => {
+  return request.post("/hotelBiz/workOrder/closeWorkOrder", args);
+};
+
 // 获取订单详情
 const userOrderDetail = (args) => {
   return request.post("/hotelBiz/order/userOrderDetail", args);
@@ -49,6 +54,7 @@ export {
   userWorkOrderList,
   workOrderTypeListForBiz,
   createWorkOrder,
+  closeWorkOrder,
   userOrderDetail,
   preOrder,
   orderCancel,