From d83cdba4689a447853714d2a8cf1a7f95b051542 Mon Sep 17 00:00:00 2001
From: zoujing <kidevelop@163.com>
Date: Sat, 6 Sep 2025 11:34:48 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=84=8F=E8=A7=81=E5=8F=8D=E9=A6=88?=
 =?UTF-8?q?=E7=9A=84=E5=AE=9E=E7=8E=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../CreateServiceOrder/styles/index.scss      |  12 +-
 components/Feedback/images/icon_volume.png    | Bin 0 -> 844 bytes
 components/Feedback/index.vue                 | 140 ++++++++++++++++++
 components/Feedback/styles/index.scss         |  95 ++++++++++++
 model/ChatModel.js                            |   9 +-
 pages/chat/ChatMainList.vue                   |   7 +
 pages/chat/ChatQuickAccess.vue                |   4 +-
 7 files changed, 250 insertions(+), 17 deletions(-)
 create mode 100644 components/Feedback/images/icon_volume.png
 create mode 100644 components/Feedback/index.vue
 create mode 100644 components/Feedback/styles/index.scss

diff --git a/components/CreateServiceOrder/styles/index.scss b/components/CreateServiceOrder/styles/index.scss
index 4e1700e..76cac94 100644
--- a/components/CreateServiceOrder/styles/index.scss
+++ b/components/CreateServiceOrder/styles/index.scss
@@ -1,15 +1,5 @@
-.create-service-order {
-  // margin-left: 12px;
-  // margin-right: 12px;
-}
-
 .create-service-wrapper {
-  // box-sizing: border-box;
   padding: 12px 0;
-  // background-color: #eff6fa;
-  // box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.1);
-  // border-radius: 4px 20px 20px 20px;
-  // border: 1px solid #fff;
 }
 
 .order-header {
@@ -116,7 +106,7 @@
 }
 
 .order-button {
-  width: 280px;
+  width: 300px;
   height: 42px;
   background: linear-gradient(90deg, #ff7e00, #ffba00);
   color: #fff;
diff --git a/components/Feedback/images/icon_volume.png b/components/Feedback/images/icon_volume.png
new file mode 100644
index 0000000000000000000000000000000000000000..75bc98d8ba57294de93cd7a4b3b2db5224763113
GIT binary patch
literal 844
zcmV-S1GD^zP)<h;3K|Lk000e1NJLTq000;O000#T1^@s6T<I<*00001b5ch_0Itp)
z=>Px&21!IgR7gv$m0d_vVHn5%&%4c!wpZKE)TnMEqAt1!!ob2P2#O-;gD!$7w20gk
ziY&rzyecDuz;+xK+FjD;MMV~LRZ$@!T@^+*snBvC>N(Cicg|C1xmu=eu+HuCKIiv*
z{vSe~A2Ud6mdZ>Vdq9q-9yK~l0OxY2Tn{WeAAl|5b#5i1vtVo^Lckr@&(KXIa{1>4
zi1?i+0XhxF3no+%^Ou=LuEr(pp~(#3Qxl4-rll<F(!$x$1py3Dw8^s!X43lcegfLu
zm3mh!Ebp*sj?D#(Hpt_GxQ>B(ud08@K+=G3KIb|+iJb;>QN|zu0Z=uFH9MP^%hh<l
zWs5e-2lD|!$IDmR?MBcFj1wh$E4ss)^`5NMJchgo@Iiovev^5|1U*cqaARp!+Sve`
zFhr4_TvJv#F@RPW;Re@cLAV9b6-Cvqqyb->tDKIwevLqJkE;7~H7y%ZGL=|uu<;ls
z8kL}a&+?7<T)hOWci6B|cIcx80T2R;<YYSowPvEE#wyFWudLdD`GmoT6m_z%Ab>SR
zp%ZeGO|TWc&#UV9xfS+UNPdJsw<n-oC>StW@0Fq?@s>dS9#uP%9t6MZ6+o}vS7<E-
z17_>~nwi4hPHlH)(qQs%#HKeF4EQ;Pu6IOu=?Um3(m=oK88ZziqyHg;h+o!#`94fK
zuLQMjZiR@2<lukl!R!>ZF|dVAV~005H8Sp7RGor&YLa=lA`pL6P>D+8dTk2S1Bg0B
zo#>k_&uuob&Q@&S;J!LGMnk7i>YR32v%GKaCNsoc8`I6jo#V000%k8-acbJZNn@?M
zQhQ@<a?CGxF>?=W)S`4~*VCJvj~0=j4!5GcrdFgD(xOO{XE}^y4~UXcq3v7Mf$3j>
z`Q+g*H6>h%2>ph_vUdSBJtl~cI*5*x1+>9G)HIj=SoeTHjXxyeIe-;l9+@lG6Q`v&
zIhiW98lBfY$bOW4(HLAyM8T-g&t=N+uK@G9Xz8;#dy`XB=JuJC{Y_QZ_~%@iTlVjN
WaT6UV9i~_S0000<MNUMnLSTZ+F^9$g

literal 0
HcmV?d00001

diff --git a/components/Feedback/index.vue b/components/Feedback/index.vue
new file mode 100644
index 0000000..1978386
--- /dev/null
+++ b/components/Feedback/index.vue
@@ -0,0 +1,140 @@
+<template>
+  <view class="create-service-order">
+    <view class="create-service-wrapper">
+      <view class="order-header">
+        <text>反馈意见</text>
+      </view>
+      <view class="order-content">
+        <view class="detail-item">
+          <text class="detail-label">联系电话：</text>
+          <input
+            v-if="!isCallSuccess"
+            class="detail-input"
+            placeholder="请填写联系电话"
+            v-model="contactPhone"
+          />
+          <text v-else class="detail-value">{{ contactPhone }}</text>
+        </view>
+        <view class="detail-item">
+          <text class="detail-label">意见内容：</text>
+          <textarea
+            v-if="!isCallSuccess"
+            class="detail-textarea"
+            placeholder="请输入反馈意见"
+            v-model="contactText"
+          />
+          <text v-else class="detail-value">{{ contactText }}</text>
+        </view>
+
+        <button
+          v-if="!isCallSuccess"
+          class="order-button submit-button"
+          @click="handleCall"
+        >
+          立即提交
+        </button>
+
+        <button v-else class="order-button look-button" @click="viewWorkOrder">
+          查看意见
+        </button>
+      </view>
+    </view>
+
+    <view class="footer-help">
+      <image src="./images/icon_volume.png" class="help-icon"></image>
+      <text class="help-text">朵朵收到您的意见将第一时间为您处理!</text>
+    </view>
+  </view>
+</template>
+
+<script setup>
+import { ref, onMounted, nextTick } from "vue";
+import { SCROLL_TO_BOTTOM } from "@/constant/constant";
+import { createWorkOrder } from "@/request/api/OrderApi";
+const workOrderTypeId = ref("");
+const contactPhone = ref("");
+const contactText = ref("");
+const isCallSuccess = ref(false); // 呼叫成功状态
+const workOrderId = ref(0); // 工单ID
+
+const handleCall = async () => {
+  if (!contactPhone.value.trim()) {
+    uni.showToast({
+      title: "请填写联系电话",
+      icon: "none",
+      duration: 2000,
+    });
+    return;
+  }
+
+  if (!contactText.value.trim()) {
+    uni.showToast({
+      title: "请填写意见内容",
+      icon: "none",
+      duration: 2000,
+    });
+    return;
+  }
+
+  sendCreateWorkOrder();
+};
+
+/// 创建工单
+const sendCreateWorkOrder = async () => {
+  try {
+    const res = await createWorkOrder({
+      contactName: contactText.value,
+      contactPhone: contactPhone.value,
+      workOrderTypeId: workOrderTypeId.value,
+    });
+
+    if (res.code === 0) {
+      // 保存工单ID
+      workOrderId.value = res.data?.id || "";
+
+      // 设置呼叫成功状态
+      isCallSuccess.value = true;
+
+      uni.showToast({
+        title: "工单创建成功",
+        icon: "success",
+        duration: 2000,
+      });
+    } else {
+      uni.showToast({
+        title: res.message || "创建工单失败",
+        icon: "none",
+        duration: 2000,
+      });
+    }
+  } catch (error) {
+    console.error("创建工单失败:", error);
+    uni.showToast({
+      title: "网络错误，请重试",
+      icon: "none",
+      duration: 2000,
+    });
+  }
+};
+
+// 查看工单
+const viewWorkOrder = () => {
+  console.log("查看工单:", workOrderId.value);
+  // 这里可以跳转到工单详情页面
+  uni.navigateTo({
+    url: `/pages/order/list?id=${workOrderId.value}`,
+  });
+};
+
+onMounted(() => {
+  nextTick(() => {
+    setTimeout(() => {
+      uni.$emit(SCROLL_TO_BOTTOM, true);
+    }, 200);
+  });
+});
+</script>
+
+<style scoped lang="scss">
+@import "./styles/index.scss";
+</style>
diff --git a/components/Feedback/styles/index.scss b/components/Feedback/styles/index.scss
new file mode 100644
index 0000000..1253cad
--- /dev/null
+++ b/components/Feedback/styles/index.scss
@@ -0,0 +1,95 @@
+.create-service-wrapper {
+  padding: 6px 0 12px;
+}
+
+.order-header {
+  font-size: 14px;
+  font-weight: 500;
+  margin-bottom: 10px;
+  color: #333;
+}
+
+.order-content {
+  width: 100%;
+  box-sizing: border-box;
+  background-color: #fff;
+  padding: 12px;
+  border-radius: 8px;
+  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
+}
+
+.detail-item {
+  display: flex;
+  align-items: start;
+  margin-bottom: 12px;
+  font-size: 14px;
+  color: #333;
+}
+
+.detail-label {
+  width: 70px;
+  white-space: nowrap;
+}
+
+.detail-value {
+  font-size: 14px;
+  color: #333;
+}
+
+.detail-textarea {
+  width: 100%;
+  font-size: 14px;
+  color: #333;
+  border-radius: 4px;
+  border: 1px solid #ddd;
+  padding: 8px;
+}
+
+.detail-input {
+  border: none;
+  outline: none;
+  width: 100%;
+  font-size: 14px;
+  color: #333;
+  border-bottom: 1px solid #ddd;
+  padding-left: 8px;
+}
+
+.order-button {
+  width: 300px;
+  height: 42px;
+  color: #fff;
+  font-size: 14px;
+  font-weight: 600;
+  border-radius: 21px;
+  margin-top: 24px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.submit-button {
+  background: linear-gradient(90deg, #ff7e00, #ffba00);
+}
+
+.look-button {
+  background: linear-gradient(90deg, #0256ff, #00a6ff);
+}
+
+.footer-help {
+  margin-bottom: 12px;
+  display: flex;
+  align-items: center;
+  font-size: 14px;
+  color: #ed6a0c;
+}
+
+.help-icon {
+  width: 16px;
+  height: 14px;
+  margin-right: 5px;
+}
+
+.help-text {
+  margin-right: 5px;
+}
diff --git a/model/ChatModel.js b/model/ChatModel.js
index 5c9725d..f3cfe85 100644
--- a/model/ChatModel.js
+++ b/model/ChatModel.js
@@ -12,7 +12,8 @@ export const MessageType = {
 
 
 export const CompName = {
-	quickBookingCard: 'quickBookingCard',
-	createWorkOrderCard: 'createWorkOrderCard',
-	discoveryCard: 'discoveryCard',
-}
\ No newline at end of file
+  quickBookingCard: "quickBookingCard",
+  createWorkOrderCard: "createWorkOrderCard",
+  feedbackCard: "feedbackCard",
+  discoveryCard: "discoveryCard",
+};
\ No newline at end of file
diff --git a/pages/chat/ChatMainList.vue b/pages/chat/ChatMainList.vue
index 391426f..1d149d3 100644
--- a/pages/chat/ChatMainList.vue
+++ b/pages/chat/ChatMainList.vue
@@ -61,6 +61,12 @@
                     item.toolCall.componentName === CompName.createWorkOrderCard
                   "
                 />
+                <Feedback
+                  v-else-if="
+                    item.toolCall.componentName === CompName.feedbackCard
+                  "
+                  :toolCall="item.toolCall"
+                />
                 <DetailCardCompontent
                   v-else-if="item.toolCall.componentName === ''"
                   :toolCall="item.toolCall"
@@ -148,6 +154,7 @@ import ActivityListComponent from "../module/banner/ActivityListComponent.vue";
 import RecommendPostsComponent from "../module/recommend/RecommendPostsComponent.vue";
 import AttachListComponent from "../module/attach/AttachListComponent.vue";
 import CreateServiceOrder from "@/components/CreateServiceOrder/index.vue";
+import Feedback from "@/components/Feedback/index.vue";
 import DetailCardCompontent from "../module/detail/DetailCardCompontent.vue";
 import { mainPageData } from "@/request/api/MainPageDataApi";
 import {
diff --git a/pages/chat/ChatQuickAccess.vue b/pages/chat/ChatQuickAccess.vue
index 015213b..1b9b05d 100644
--- a/pages/chat/ChatQuickAccess.vue
+++ b/pages/chat/ChatQuickAccess.vue
@@ -58,8 +58,8 @@ const initData = () => {
     },
     {
       icon: "/static/quick/quick_icon_call.png",
-      title: "呼叫服务",
-      content: "加水、客房服务等",
+      title: "反馈意见",
+      content: "有意见告诉朵朵",
       type: "Command.createWorkOrder",
     },
   ];