From a3aabc2752637bfc44a1fd1a7366bfb508483295 Mon Sep 17 00:00:00 2001
From: zoujing <kidevelop@163.com>
Date: Tue, 21 Oct 2025 18:59:53 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E4=B8=8A=E4=BC=A0=E5=9B=BE=E7=89=87?=
 =?UTF-8?q?=E7=9A=84=E9=80=BB=E8=BE=91=E5=A4=84=E7=90=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/CreateServiceOrder/index.vue | 44 +++++++++++++++++++++
 src/components/Feedback/index.vue           |  2 +
 src/request/api/UpdateFile.js               | 32 +++++++++++++++
 src/static/scss/height.scss                 |  4 ++
 src/static/scss/padding.scss                |  4 ++
 src/static/scss/rounded.scss                |  4 ++
 6 files changed, 90 insertions(+)
 create mode 100644 src/request/api/UpdateFile.js

diff --git a/src/components/CreateServiceOrder/index.vue b/src/components/CreateServiceOrder/index.vue
index 9a2639d..01f8846 100644
--- a/src/components/CreateServiceOrder/index.vue
+++ b/src/components/CreateServiceOrder/index.vue
@@ -35,11 +35,25 @@
         >
           <view class="font-500 line-height-22 mb-12">需求信息描述</view>
           <textarea
+            class="h-80"
             placeholder="请输入需求信息描述"
+            placeholder-class="font-size-14 font-400"
             maxlength="100"
             v-model="contactText"
           />
         </view>
+
+        <view
+          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"
+          >
+            <uni-icons type="closeempty" size="24" color="#6A717F" />
+          </view>
+        </view>
       </view>
 
       <view v-else class="border-box card-content flex flex-items-center p-12">
@@ -76,6 +90,7 @@
 import { ref, onMounted, nextTick } from "vue";
 import { SCROLL_TO_BOTTOM } from "@/constant/constant";
 import { createWorkOrder } from "@/request/api/OrderApi";
+import { updateImageFile } from "@/request/api/UpdateFile";
 
 const workOrderTypeId = ref("");
 const roomId = ref("");
@@ -85,6 +100,35 @@ const contentImgUrl = ref("");
 const isCallSuccess = ref(false); // 呼叫成功状态
 const workOrderId = ref(0); // 工单ID
 
+// 处理图片上传
+const handleChooseImage = () => {
+  console.log("选择图片");
+  uni.chooseImage({
+    count: 1,
+    success: (res) => {
+      const file = res.tempFilePaths[0];
+      updateImagehandle(file);
+    },
+    fail: (err) => {
+      console.error("选择图片失败:", err);
+      uni.showToast({
+        title: "选择图片失败",
+        icon: "none",
+        duration: 2000,
+      });
+    },
+  });
+};
+
+const updateImagehandle = (file) => {
+  if (!file) {
+    return;
+  }
+  updateImageFile(file).then((res) => {
+    contentImgUrl.value = res.data?.url || "";
+  });
+};
+
 const handleCall = async () => {
   if (isCallSuccess.value) {
     // 查看工单
diff --git a/src/components/Feedback/index.vue b/src/components/Feedback/index.vue
index 89d4ed6..90d22bb 100644
--- a/src/components/Feedback/index.vue
+++ b/src/components/Feedback/index.vue
@@ -27,7 +27,9 @@
         >
           <view class="font-500 line-height-22 mb-12">意见内容</view>
           <textarea
+            class="h-80"
             placeholder="请输入反馈意见"
+            placeholder-class="font-size-14 font-400"
             maxlength="100"
             v-model="contactText"
           />
diff --git a/src/request/api/UpdateFile.js b/src/request/api/UpdateFile.js
new file mode 100644
index 0000000..c8fa4d5
--- /dev/null
+++ b/src/request/api/UpdateFile.js
@@ -0,0 +1,32 @@
+import { BASE_URL } from "@/request/base/baseUrl";
+import { getCurrentConfig } from "@/constant/base";
+
+export const updateImageFile = (file) => {
+  const url = BASE_URL + "/common/upload";
+  const token = uni.getStorageSync("token");
+  const clientId = getCurrentConfig().clientId;
+
+  return new Promise((resolve, reject) => {
+    uni.uploadFile({
+      url,
+      filePath: file,
+      name: "file",
+      header: {
+        "Content-Type": "multipart/form-data",
+        Authorization: `Bearer ${token}`,
+        clientId: clientId,
+      },
+      formData: {
+        file: "file",
+      },
+      success: (uploadFileRes) => {
+        console.log(uploadFileRes.data);
+        resolve(uploadFileRes.data);
+      },
+      fail: (err) => {
+        console.error("上传图片失败:", err);
+        reject(err);
+      },
+    });
+  });
+};
diff --git a/src/static/scss/height.scss b/src/static/scss/height.scss
index 40ebcb7..da01276 100644
--- a/src/static/scss/height.scss
+++ b/src/static/scss/height.scss
@@ -1,3 +1,7 @@
 .h-screen {
   height: 100vh;
 }
+
+.h-80 {
+  height: 80px;
+}
diff --git a/src/static/scss/padding.scss b/src/static/scss/padding.scss
index be158fc..45fef9c 100644
--- a/src/static/scss/padding.scss
+++ b/src/static/scss/padding.scss
@@ -99,6 +99,10 @@
   padding-bottom: 20px;
 }
 
+.p-24 {
+  padding: 24px;
+}
+
 .pb-safe-area {
   padding-bottom: Max(env(safe-area-inset-bottom), 12px);
 }
diff --git a/src/static/scss/rounded.scss b/src/static/scss/rounded.scss
index 39d5e45..aed980d 100644
--- a/src/static/scss/rounded.scss
+++ b/src/static/scss/rounded.scss
@@ -3,6 +3,10 @@
   border-radius: 4px;
 }
 
+.rounded-5 {
+  border-radius: 5px;
+}
+
 .rounded-6 {
   border-radius: 6px;
 }