From e8a0eb08d6f8d3f20ae250390609d8f54a8116d0 Mon Sep 17 00:00:00 2001
From: YunaiV <zhijiantianya@gmail.com>
Date: Wed, 17 Jul 2024 20:15:41 +0800
Subject: [PATCH] =?UTF-8?q?=E3=80=90=E4=BB=A3=E7=A0=81=E4=BC=98=E5=8C=96?=
 =?UTF-8?q?=E3=80=91MALL=EF=BC=9A=E5=AE=A2=E6=9C=8D=E8=81=8A=E5=A4=A9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../mall/promotion/kefu/components/KeFuMessageList.vue |  4 ++++
 .../kefu/components/history/MemberBrowsingHistory.vue  | 10 ++++++++--
 .../kefu/components/history/OrderBrowsingHistory.vue   |  2 ++
 .../kefu/components/history/ProductBrowsingHistory.vue |  2 ++
 4 files changed, 16 insertions(+), 2 deletions(-)

diff --git a/src/views/mall/promotion/kefu/components/KeFuMessageList.vue b/src/views/mall/promotion/kefu/components/KeFuMessageList.vue
index 8722f2c3..eeb951dd 100644
--- a/src/views/mall/promotion/kefu/components/KeFuMessageList.vue
+++ b/src/views/mall/promotion/kefu/components/KeFuMessageList.vue
@@ -161,6 +161,7 @@ const queryParams = reactive({
 })
 const total = ref(0) // 消息总条数
 const refreshContent = ref(false) // 内容刷新,主要解决会话消息页面高度不一致导致的滚动功能精度失效
+
 /** 获悉消息内容 */
 const getMessageContent = computed(() => (item: any) => jsonParse(item.content))
 /** 获得消息列表 */
@@ -178,6 +179,7 @@ const getMessageList = async () => {
   }
   refreshContent.value = true
 }
+
 /** 添加消息 */
 const pushMessage = (message: any) => {
   if (messageList.value.some((val) => val.id === message.id)) {
@@ -217,6 +219,7 @@ const refreshMessageList = async (message?: any) => {
     await handleToNewMessage()
   }
 }
+
 const getNewMessageList = async (val: KeFuConversationRespVO) => {
   // 会话切换,重置相关参数
   queryParams.pageNo = 1
@@ -231,6 +234,7 @@ const getNewMessageList = async (val: KeFuConversationRespVO) => {
   await refreshMessageList()
 }
 defineExpose({ getNewMessageList, refreshMessageList })
+
 const showKeFuMessageList = computed(() => !isEmpty(conversation.value)) // 是否显示聊天区域
 const skipGetMessageList = computed(() => {
   // 已加载到最后一页的话则不触发新的消息获取
diff --git a/src/views/mall/promotion/kefu/components/history/MemberBrowsingHistory.vue b/src/views/mall/promotion/kefu/components/history/MemberBrowsingHistory.vue
index ad6289cd..972760ec 100644
--- a/src/views/mall/promotion/kefu/components/history/MemberBrowsingHistory.vue
+++ b/src/views/mall/promotion/kefu/components/history/MemberBrowsingHistory.vue
@@ -1,3 +1,4 @@
+<!-- 目录是不是叫 member 好点。然后这个组件是 MemberInfo，里面有浏览足迹 -->
 <template>
   <div v-show="!isEmpty(conversation)" class="kefu">
     <div class="header-title h-60px flex justify-center items-center">他的足迹</div>
@@ -7,9 +8,9 @@
     </el-tabs>
     <div>
       <el-scrollbar ref="scrollbarRef" always height="calc(100vh - 400px)" @scroll="handleScroll">
-        <!--  最近浏览  -->
+        <!-- 最近浏览 -->
         <ProductBrowsingHistory v-if="activeName === 'a'" ref="productBrowsingHistoryRef" />
-        <!--  订单列表  -->
+        <!-- 订单列表 -->
         <OrderBrowsingHistory v-if="activeName === 'b'" ref="orderBrowsingHistoryRef" />
       </el-scrollbar>
     </div>
@@ -29,6 +30,7 @@ import { ElScrollbar as ElScrollbarType } from 'element-plus/es/components/scrol
 defineOptions({ name: 'MemberBrowsingHistory' })
 
 const activeName = ref('a')
+
 /** tab 切换 */
 const productBrowsingHistoryRef = ref<InstanceType<typeof ProductBrowsingHistory>>()
 const orderBrowsingHistoryRef = ref<InstanceType<typeof OrderBrowsingHistory>>()
@@ -37,7 +39,9 @@ const handleClick = async (tab: TabsPaneContext) => {
   await nextTick()
   await getHistoryList()
 }
+
 /** 获得历史数据 */
+// TODO @puhui：不要用 a、b 哈。就订单列表、浏览列表这种噶
 const getHistoryList = async () => {
   switch (activeName.value) {
     case 'a':
@@ -50,6 +54,7 @@ const getHistoryList = async () => {
       break
   }
 }
+
 /** 加载下一页数据 */
 const loadMore = async () => {
   switch (activeName.value) {
@@ -63,6 +68,7 @@ const loadMore = async () => {
       break
   }
 }
+
 /** 浏览历史初始化 */
 const conversation = ref<KeFuConversationRespVO>({} as KeFuConversationRespVO) // 用户会话
 const initHistory = async (val: KeFuConversationRespVO) => {
diff --git a/src/views/mall/promotion/kefu/components/history/OrderBrowsingHistory.vue b/src/views/mall/promotion/kefu/components/history/OrderBrowsingHistory.vue
index 3ee5e148..8fb8891c 100644
--- a/src/views/mall/promotion/kefu/components/history/OrderBrowsingHistory.vue
+++ b/src/views/mall/promotion/kefu/components/history/OrderBrowsingHistory.vue
@@ -21,6 +21,7 @@ const skipGetMessageList = computed(() => {
   // 已加载到最后一页的话则不触发新的消息获取
   return total.value > 0 && Math.ceil(total.value / queryParams.pageSize) === queryParams.pageNo
 }) // 跳过消息获取
+
 /** 获得浏览记录 */
 const getHistoryList = async (val: KeFuConversationRespVO) => {
   queryParams.userId = val.userId
@@ -28,6 +29,7 @@ const getHistoryList = async (val: KeFuConversationRespVO) => {
   total.value = res.total
   list.value = res.list
 }
+
 /** 加载下一页数据 */
 const loadMore = async () => {
   if (skipGetMessageList.value) {
diff --git a/src/views/mall/promotion/kefu/components/history/ProductBrowsingHistory.vue b/src/views/mall/promotion/kefu/components/history/ProductBrowsingHistory.vue
index da680a1f..c9bff188 100644
--- a/src/views/mall/promotion/kefu/components/history/ProductBrowsingHistory.vue
+++ b/src/views/mall/promotion/kefu/components/history/ProductBrowsingHistory.vue
@@ -32,6 +32,7 @@ const skipGetMessageList = computed(() => {
   // 已加载到最后一页的话则不触发新的消息获取
   return total.value > 0 && Math.ceil(total.value / queryParams.pageSize) === queryParams.pageNo
 }) // 跳过消息获取
+
 /** 获得浏览记录 */
 const getHistoryList = async (val: KeFuConversationRespVO) => {
   queryParams.userId = val.userId
@@ -39,6 +40,7 @@ const getHistoryList = async (val: KeFuConversationRespVO) => {
   total.value = res.total
   list.value = res.list
 }
+
 /** 加载下一页数据 */
 const loadMore = async () => {
   if (skipGetMessageList.value) {