From b16f610ec13e938c91bb31c90c7800fb0e72557e Mon Sep 17 00:00:00 2001
From: liutong <836164388@qq.com>
Date: Wed, 28 May 2025 11:34:40 +0800
Subject: [PATCH 1/2] =?UTF-8?q?style:=E8=B0=83=E6=95=B4=E6=8C=89=E9=92=AE?=
 =?UTF-8?q?=E8=83=8C=E6=99=AF=E9=A2=9C=E8=89=B2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 将签退按钮背景色从 #465cff 改为 #00b0f0
- 将线索按钮背景色从 #455bfe 改为 #29d3b4
---
 pages/common/my_attendance.vue | 2 +-
 pages/market/clue/index.vue    | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/pages/common/my_attendance.vue b/pages/common/my_attendance.vue
index cffd7cf..8e79839 100644
--- a/pages/common/my_attendance.vue
+++ b/pages/common/my_attendance.vue
@@ -139,7 +139,7 @@
         <view class="btn" style="background-color: #ffb703;" @click="openSignInShow('leave')">请假</view>
 
         <!--签退按钮-->
-        <view class="btn" style="background-color: #465cff;" @click="openSignInShow('sign_out')">签退</view>
+        <view class="btn" style="background-color: #00b0f0;" @click="openSignInShow('sign_out')">签退</view>
       </view>
 
     </view>
diff --git a/pages/market/clue/index.vue b/pages/market/clue/index.vue
index 83737f4..fb95d75 100644
--- a/pages/market/clue/index.vue
+++ b/pages/market/clue/index.vue
@@ -618,7 +618,7 @@ export default {
           border-radius: 5rpx;
           font-size: 24rpx;
           color: #fff;
-          background-color: #455bfe;
+          background-color: #29d3b4;
           width: 20%;
           height: 100%;
         }

From cd7220c48896e99b13d9da968e69d74b9cdc0f6a Mon Sep 17 00:00:00 2001
From: liutong <836164388@qq.com>
Date: Wed, 28 May 2025 18:57:03 +0800
Subject: [PATCH 2/2] =?UTF-8?q?feat(api):=20=E6=B7=BB=E5=8A=A0=E9=94=80?=
 =?UTF-8?q?=E5=94=AE=E7=AB=AF=E8=81=8A=E5=A4=A9=E5=8A=9F=E8=83=BD=E7=9B=B8?=
 =?UTF-8?q?=E5=85=B3=E6=8E=A5=E5=8F=A3=E5=92=8C=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 新增获取好友关系详情、聊天消息列表和发送聊天消息的 API 接口
- 实现聊天页面的初始化、获取聊天记录、发送消息等功能
- 优化聊天消息的展示逻辑，根据用户类型区分发送和接收消息
- 修改市场线索页面，增加跳转到聊天页面的功能
---
 api/apiRoute.js               |  22 ++++++
 pages/common/im_chat_info.vue | 139 +++++++++++++++++++++++++++++-----
 pages/market/clue/index.vue   |   5 +-
 3 files changed, 144 insertions(+), 22 deletions(-)

diff --git a/api/apiRoute.js b/api/apiRoute.js
index 76f946b..29661c2 100644
--- a/api/apiRoute.js
+++ b/api/apiRoute.js
@@ -227,6 +227,28 @@ export default {
         })
     },
 
+    //销售端-获取好友关系绑定详情
+    xs_chatGetChatFriendsInfo(data = {}) {
+        let url = '/chat/getChatFriendsInfo'
+        return http.get(url, data).then(res => {
+            return res;
+        })
+    },
+    //销售端-获取聊天消息列表
+    xs_chatGetChatMessagesList(data = {}) {
+        let url = '/chat/getChatMessagesList'
+        return http.get(url, data).then(res => {
+            return res;
+        })
+    },
+    //销售端-发送聊天消息
+    xs_chatSendChatMessages(data = {}) {
+        let url = '/chat/sendChatMessages'
+        return http.post(url, data).then(res => {
+            return res;
+        })
+    },
+
 
 
 
diff --git a/pages/common/im_chat_info.vue b/pages/common/im_chat_info.vue
index b0852ab..bc709d3 100644
--- a/pages/common/im_chat_info.vue
+++ b/pages/common/im_chat_info.vue
@@ -7,12 +7,11 @@
           class="section_1"
           scroll-y="true"
           :lower-threshold="lowerThreshold"
-          @scrolltolower="loadMoreData"
           style="height: 80vh;"
       >
         <view class="ul">
-          <view class="item_box" v-for="(v,k) in tableList" :key="k">
-            <view class="time_section" v-if="v.create_time">{{v.create_time}}</view>
+          <view class="item_box" v-for="(v,k) in tableList" :key="k" :id="'item_' + v.id">
+            <view class="time_section" v-if="v.created_at">{{v.created_at}}</view>
 
             <view class="li" v-if="v.direction == `left`">
               <view class="item left_item">
@@ -43,6 +42,7 @@
 </template>
 
 <script>
+import apiRoute from '@/api/apiRoute.js';
 import memberApi from '@/api/member.js';
 import commonApi from '@/api/common.js';
 import AQUplodeImgMulti from '@/components/AQ/AQUplodeImgMulti';
@@ -65,17 +65,37 @@ export default {
         page:1,//当前页码
         limit:10,//每页返回数据条数
         total:10,//数据总条数
-        hair_staff_id: '',//发信人id
+        friend_id: '',//chat_friends表id
       },
       tableList:[],//聊天数据列表
 
+      from_id:'',//发送者ID
+      to_id:'',//接收者ID
+      from_type:'',//发送者类型|personnel=员工,customer=学生(客户)
+
+      //请求参数
+      chatFriendsInfoParams:{
+        personnel_id:'',
+        customer_resources_id:'',
+      },
+      chatFriendsInfo:{},//好友关系详情
+
+      //聊天表单信息
       formData: {
-        content: '',
+        from_type:'',//发送者类型|personnel=员工,customer=学生(客户)
+        from_id:'',//发送者ID
+        to_id:'',//接收者ID
+        friend_id:'',//关联chat_friends表id
+        message_type: 'text',//消息类型|text=文本,img=图片
+        content: '',//文本内容（JSON 格式扩展字段）,文本类型=纯文字,图片类型=绝对路径
       },
+
+      lastItemId: null,
     }
   },
   onLoad(options) {
-    this.filteredData.hair_staff_id = options.hair_staff_id//发信人id
+    this.from_id = options.from_id//发送者的id
+    this.to_id = options.to_id//接收者的id
   },
   onShow(){
     this.init()
@@ -89,7 +109,66 @@ export default {
 
     //初始化
     async init(){
+      //获取用户类型
+      let userType = uni.getStorageSync('userType')
+      //1=教练,2=销售,3=学员
+      if (['1', '2'].includes(String(userType))) {
+        //
+        this.from_type = 'personnel'//员工
+        this.chatFriendsInfoParams.personnel_id = this.from_id//员工资源的id
+        this.chatFriendsInfoParams.customer_resources_id = this.to_id//学生资源的id
+
+        this.formData.from_type = 'personnel'//员工
+        this.formData.from_id = this.from_id//发送者的id(员工)
+        this.formData.to_id = this.to_id//接收者的id(学生)
+
+      } else {
+        //
+        this.from_type = 'customer'//学生
+        this.chatFriendsInfoParams.personnel_id = this.to_id//员工资源的id
+        this.chatFriendsInfoParams.customer_resources_id = this.from_id//学生资源的id
+
+        this.formData.from_type = 'customer'//学生
+        this.formData.from_id = this.to_id//发送者的id(学生)
+        this.formData.to_id = this.from_id//接收者的id(员工)
+      }
+      //获取好友关系详情
+      await this.getChatFriendsInfo()
+      //获取聊天记录列表
       await this.getList();
+
+      // 更新最后一个 item 的 ID
+      this.lastItemId = 'item_' + (this.tableList.length - 1);
+
+      // 滚动到底部
+      this.$nextTick(() => {
+        this.$refs.scrollView.scrollTo({ top: this.scrollViewHeight });
+      });
+
+      // 或者直接使用 scroll-into-view
+      this.scrollIntoView = this.lastItemId;
+    },
+
+    //获取好友关系详情
+    async getChatFriendsInfo(){
+      let params = {
+        personnel_id: this.chatFriendsInfoParams.personnel_id,//员工资源ID
+        customer_resources_id: this.chatFriendsInfoParams.customer_resources_id,//学生资源ID
+      }
+      let res = await apiRoute.xs_chatGetChatFriendsInfo(params)
+      if (res.code != 1){
+        uni.showToast({
+          title: res.msg,
+          icon: 'none'
+        })
+        return
+      }
+
+      this.chatFriendsInfo = res.data
+
+      this.filteredData.friend_id = res.data.id
+
+      this.formData.friend_id = res.data.id
     },
 
     //加载更多(下一页)
@@ -109,27 +188,27 @@ export default {
       this.filteredData.total = 10//数据总条数
     },
 
-    //获取列表
+    //获取聊天记录列表
     async getList(){
       this.loading = true
 
       let data = {...this.filteredData}
 
-      //判断是否还有数据
-      if(this.filteredData.page * this.filteredData.limit > this.filteredData.total){
-        this.loading = false
+      // 判断是否还有数据可加载
+      if ((this.filteredData.page - 1) * this.filteredData.limit >= this.filteredData.total) {
+        this.loading = false;
         uni.showToast({
           title: '暂无更多',
           icon: 'none'
-        })
-        return
+        });
+        return;
       }
 
       if(data.page == 1){
         this.tableList = []
       }
 
-      let res = await commonApi.getContactMessage(data)//获取消息列表
+      let res = await apiRoute.xs_chatGetChatMessagesList(data)//获取消息列表
       this.loading = false
       this.isReachedBottom = false;
       if (res.code != 1){
@@ -141,9 +220,32 @@ export default {
       }
 
       // this.tableList = this.tableList.concat(res.data.data); // 使用 concat 方法 将新数据追加到数组中
-     this.tableList.unshift(...res.data.data); // 将新数据插入到数组头部
 
-      console.log('列表',this.tableList)
+      let list = res.data.data
+
+      list.forEach((v, k) => {
+
+        if (this.from_type == 'personnel') {
+          //当前是员工登陆聊天页面时
+          if (v.from_type == 'personnel') {
+            v.direction = 'right'//是员工发的消息
+          } else {
+            v.direction = 'left'//是学生发的消息
+          }
+        } else if (this.from_type == 'customer') {
+          //当前是学生登陆聊天页面时
+          if (v.from_type == 'customer') {
+            v.direction = 'right'//是员工发的消息
+          } else {
+            v.direction = 'left'//是学生发的消息
+          }
+        }
+      })
+
+      list.reverse()
+      this.tableList.unshift(...list); // 将新数据插入到数组头部
+
+      console.log('列表',res.data.total)
       this.filteredData.total = res.data.total
       this.filteredData.page++
     },
@@ -165,10 +267,7 @@ export default {
 
     //发送站内信
     async submitForm() {
-      let data = {
-        hair_staff_id: this.filteredData.hair_staff_id,
-        content: this.formData.content,
-      }
+      let data = {...this.formData}
       if (!data.content) {
         //反馈内容为必填项
         uni.showToast({
@@ -177,7 +276,7 @@ export default {
         })
         return
       }
-      let res = await commonApi.sendMessage(data)
+      let res = await apiRoute.xs_chatSendChatMessages(data)
       if (res.code != 1) {
         uni.showToast({
           title: res.msg,
diff --git a/pages/market/clue/index.vue b/pages/market/clue/index.vue
index fb95d75..162e1b8 100644
--- a/pages/market/clue/index.vue
+++ b/pages/market/clue/index.vue
@@ -450,9 +450,10 @@ export default {
 
     //跳转页面-我的消息
     openViewMyMessage(item) {
-      let hair_staff_id = item.hair_staff_id
+      let from_id = this.userInfo.id//发送者的id
+      let to_id = item.customerResource.id//接收者ID
       uni.navigateTo({
-        url: `/pages/common/im_chat_info?hair_staff_id=${hair_staff_id}`
+        url: `/pages/common/im_chat_info?from_id=${from_id}&to_id=${to_id}`
       })
     },