From 41dbb8c8725309e86e53173b8c4249d513793192 Mon Sep 17 00:00:00 2001
From: wangyifeng <812766448@qq.com>
Date: Tue, 20 May 2025 19:58:16 +0800
Subject: [PATCH 1/9] =?UTF-8?q?=E5=A4=84=E7=90=86=E8=A7=A3=E6=95=A3?=
 =?UTF-8?q?=E7=BE=A4=E8=81=8A=E3=80=81=E9=80=80=E5=87=BA=E7=BE=A4=E8=81=8A?=
 =?UTF-8?q?=E6=8C=89=E9=92=AE=E7=9A=84=E5=8F=AF=E8=A7=86=E6=9D=83=E9=99=90?=
 =?UTF-8?q?=EF=BC=9B=E4=BD=BF=E7=94=A8naiveUI=E7=9A=84infiniteScroll?=
 =?UTF-8?q?=E7=BB=84=E4=BB=B6=E4=BB=A3=E6=9B=BFoverflowY=EF=BC=8C=E5=B9=B6?=
 =?UTF-8?q?=E7=94=A8=E8=87=AA=E5=B8=A6=E7=9A=84load=E4=BA=8B=E4=BB=B6?=
 =?UTF-8?q?=E4=BB=A3=E6=9B=BFv-loadmore=E6=8C=87=E4=BB=A4=EF=BC=8C?=
 =?UTF-8?q?=E9=87=8D=E6=96=B0=E6=95=B4=E7=90=86=E5=A4=8D=E7=94=A8=E7=9A=84?=
 =?UTF-8?q?=E6=90=9C=E7=B4=A2=E5=88=97=E8=A1=A8=E7=BB=84=E4=BB=B6=EF=BC=8C?=
 =?UTF-8?q?=E6=95=B4=E7=90=86=E4=BC=A0=E5=8F=82=E3=80=81=E6=95=B0=E6=8D=AE?=
 =?UTF-8?q?=E5=A4=84=E7=90=86=E7=AD=89=EF=BC=8C=E8=A7=A3=E5=86=B3=E5=8F=82?=
 =?UTF-8?q?=E6=95=B0=E6=B7=B7=E4=B9=B1=E3=80=81=E6=95=B0=E6=8D=AE=E5=A4=84?=
 =?UTF-8?q?=E7=90=86=E6=B7=B7=E4=B9=B1=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components.d.ts                        |   1 +
 src/components/group/GroupPanel.vue    |  13 ++-
 src/components/search/searchList.vue   | 140 ++++++++++++----------
 src/views/message/inner/IndexSider.vue | 153 ++++++++++++-------------
 4 files changed, 162 insertions(+), 145 deletions(-)

diff --git a/components.d.ts b/components.d.ts
index 9a2dacb..c36d670 100644
--- a/components.d.ts
+++ b/components.d.ts
@@ -62,6 +62,7 @@ declare module 'vue' {
     NotificationApi: typeof import('./src/components/common/NotificationApi.vue')['default']
     NPopover: typeof import('naive-ui')['NPopover']
     NRadio: typeof import('naive-ui')['NRadio']
+    NScrollbar: typeof import('naive-ui')['NScrollbar']
     NSpin: typeof import('naive-ui')['NSpin']
     NTag: typeof import('naive-ui')['NTag']
     NVirtualList: typeof import('naive-ui')['NVirtualList']
diff --git a/src/components/group/GroupPanel.vue b/src/components/group/GroupPanel.vue
index d69f576..2416885 100644
--- a/src/components/group/GroupPanel.vue
+++ b/src/components/group/GroupPanel.vue
@@ -663,7 +663,10 @@ const handleEditGroupNameConfirm = () => {
           清空聊天记录
         </n-button>
         <n-button
-          v-if="isAdmin || isLeader"
+          v-if="
+            (isAdmin || isLeader) &&
+            (state.detail.group_type === 1 || state.detail.group_type === 3)
+          "
           class="btn"
           type="error"
           ghost
@@ -671,7 +674,13 @@ const handleEditGroupNameConfirm = () => {
         >
           解散该群
         </n-button>
-        <n-button class="btn" type="error" ghost @click="showChatSettingOperateModal('quit')">
+        <n-button
+          class="btn"
+          type="error"
+          ghost
+          @click="showChatSettingOperateModal('quit')"
+          v-if="state.detail.group_type === 1 || state.detail.group_type === 3"
+        >
           退出群聊
         </n-button>
       </div>
diff --git a/src/components/search/searchList.vue b/src/components/search/searchList.vue
index 7c69137..cd9e97e 100644
--- a/src/components/search/searchList.vue
+++ b/src/components/search/searchList.vue
@@ -1,60 +1,65 @@
 <template>
   <div class="search-list">
-    <div class="search-result">
-      <div class="search-result-list">
-        <div
-          class="search-result-each-part"
-          v-for="(searchResultValue, searchResultKey, searchResultIndex) in state.searchResult"
-          :key="searchResultKey"
-        >
+    <n-infinite-scroll
+      :style="{ maxHeight: props.searchResultMaxHeight }"
+      @load="doLoadMore"
+    >
+      <div class="search-result">
+        <div class="search-result-list">
           <div
-            class="search-result-part"
-            v-if="
-              Array.isArray(state?.searchResult[searchResultKey]) &&
-              state?.searchResult[searchResultKey].length > 0 &&
-              searchResultKey !== 'group_infos' &&
-              searchResultKey !== 'group_member_infos'
-            "
+            class="search-result-each-part"
+            v-for="(searchResultValue, searchResultKey, searchResultIndex) in state.searchResult"
+            :key="searchResultKey"
           >
-            <div class="result-title">
-              <span class="text-[14px] font-regular">
-                {{ getResultKeysValue(searchResultKey) }}
-              </span>
-            </div>
-            <div class="result-list">
-              <div
-                class="result-list-each"
-                v-for="(item, index) in state?.searchResult[searchResultKey]"
-                :key="index"
-              >
-                <searchItem
-                  @click="clickSearchItem(searchResultKey, item)"
-                  v-if="(props.listLimit && index < 3) || !props.listLimit"
-                  :searchResultKey="searchResultKey"
-                  :searchItem="item"
-                  :searchText="state.searchText"
-                  :searchRecordDetail="props.searchRecordDetail"
-                  :isClickStay="
-                    props.useClickStay &&
-                    typeof state.clickStayItem === 'string' &&
-                    state.clickStayItem === `${item.talk_type}_${item.receiver_id}`
-                  "
-                ></searchItem>
-              </div>
-            </div>
             <div
-              class="result-has-more"
-              v-if="getHasMoreResult(searchResultKey)"
-              @click="toMoreResultPage(searchResultKey)"
+              class="search-result-part"
+              v-if="
+                Array.isArray(state?.searchResult[searchResultKey]) &&
+                state?.searchResult[searchResultKey].length > 0 &&
+                searchResultKey !== 'group_infos' &&
+                searchResultKey !== 'group_member_infos'
+              "
             >
-              <span class="text-[14px] font-regular">
-                {{ getHasMoreResult(searchResultKey) }}
-              </span>
+              <div class="result-title">
+                <span class="text-[14px] font-regular">
+                  {{ getResultKeysValue(searchResultKey) }}
+                </span>
+              </div>
+              <div class="result-list">
+                <div
+                  class="result-list-each"
+                  v-for="(item, index) in state?.searchResult[searchResultKey]"
+                  :key="index"
+                >
+                  <searchItem
+                    @click="clickSearchItem(searchResultKey, item)"
+                    v-if="(props.listLimit && index < 3) || !props.listLimit"
+                    :searchResultKey="searchResultKey"
+                    :searchItem="item"
+                    :searchText="state.searchText"
+                    :searchRecordDetail="props.searchRecordDetail"
+                    :isClickStay="
+                      props.useClickStay &&
+                      typeof state.clickStayItem === 'string' &&
+                      state.clickStayItem === `${item.talk_type}_${item.receiver_id}`
+                    "
+                  ></searchItem>
+                </div>
+              </div>
+              <div
+                class="result-has-more"
+                v-if="getHasMoreResult(searchResultKey)"
+                @click="toMoreResultPage(searchResultKey)"
+              >
+                <span class="text-[14px] font-regular">
+                  {{ getHasMoreResult(searchResultKey) }}
+                </span>
+              </div>
             </div>
           </div>
         </div>
       </div>
-    </div>
+    </n-infinite-scroll>
     <!-- <ZPaging
       ref="zPaging"
       :show-scrollbar="false"
@@ -131,6 +136,7 @@
 // const zPaging = ref()
 // useZPaging(zPaging)
 
+import { NInfiniteScroll } from 'naive-ui'
 import searchItem from './searchItem.vue'
 import { ref, reactive, defineEmits, defineProps, onMounted, watch } from 'vue'
 
@@ -138,8 +144,7 @@ const emits = defineEmits([
   'toMoreResultPage',
   'lastIdChange',
   'clickSearchItem',
-  'clickStayItemChange',
-  'doLoadMore'
+  'clickStayItemChange'
 ])
 
 const state = reactive({
@@ -148,7 +153,9 @@ const state = reactive({
   searchResult: null, //搜索结果
   pageNum: 1, //当前请求数据页数
   uid: 12303, //当前用户id
-  clickStayItem: '' //点击停留的item
+  clickStayItem: '', //点击停留的item
+  hasMore: true, //是否还有更多数据
+  loading: false //加载锁
 })
 
 const props = defineProps({
@@ -190,7 +197,11 @@ const props = defineProps({
   useClickStay: {
     type: Boolean,
     default: false
-  } //是否使用点击停留样式
+  }, //是否使用点击停留样式
+  searchResultMaxHeight: {
+    type: String,
+    default: '677px'
+  } //搜索结果最大高度
 })
 
 onMounted(() => {
@@ -212,9 +223,12 @@ watch(
 watch(
   () => props.searchText,
   (newVal, oldVal) => {
-    queryAllSearch()
+    //重置点击停留列表项
     state.clickStayItem = ''
     emits('clickStayItemChange', state.clickStayItem)
+    //重置搜索条件
+    emits('lastIdChange', 0, 0, 0, '', '')
+    queryAllSearch()
   }
 )
 
@@ -223,15 +237,11 @@ const inputSearchText = (e) => {
   if (e.trim() != state.searchText.trim()) {
     state.pageNum = 1
     state.searchResult = null // 清空搜索结果
-    emits('lastIdChange', 0, 0, 0, '', '')
   }
   state.searchText = e.trim()
   if (!e.trim()) {
     state.searchResult = null // 清空搜索结果
-    emits('lastIdChange', 0, 0, 0, '', '')
   }
-  // zPaging.value?.reload()
-  queryAllSearch()
 }
 
 // ES搜索聊天记录-主页搜索什么都有、指定用户、指定群、群与用户概览
@@ -354,6 +364,11 @@ const queryAllSearch = (doClearSearchResult) => {
               total = data.group_record_count
             }
           }
+          if (total < props.searchResultPageSize) {
+            state.hasMore = false
+          } else {
+            state.hasMore = true
+          }
           // zPaging.value?.completeByTotal([data], total)
         } else {
           state.searchResult = data
@@ -383,6 +398,7 @@ const queryAllSearch = (doClearSearchResult) => {
       // zPaging.value?.complete(state.searchResult ? [state.searchResult] : [])
     }
   })
+  return resp
 }
 
 //点击取消搜索
@@ -514,13 +530,15 @@ const clickSearchItem = (searchResultKey, searchItem) => {
 
 //加载更多数据
 const doLoadMore = (doClearSearchResult) => {
+  if (!state.hasMore || state.loading) {
+    return
+  }
+  state.loading = true
   queryAllSearch(doClearSearchResult)
+    .finally(() => {
+      state.loading = false
+    })
 }
-
-// 暴露doLoadMore方法给父组件
-defineExpose({
-  doLoadMore
-})
 </script>
 <style lang="scss" scoped>
 .search-list {
diff --git a/src/views/message/inner/IndexSider.vue b/src/views/message/inner/IndexSider.vue
index 119a75f..3dc6db6 100644
--- a/src/views/message/inner/IndexSider.vue
+++ b/src/views/message/inner/IndexSider.vue
@@ -254,7 +254,18 @@ const state = reactive({
   searchRecordText: '', // 搜索聊天记录文本
   ServeQueryTalkRecordParams: '', // 搜索聊天记录参数
   ServeQueryTalkRecordDetailParams: '', // 搜索聊天记录详情参数
-  isShowSearchRecordDetailInfo: false // 是否显示搜索聊天记录详情
+  isShowSearchRecordDetailInfo: false, // 是否显示搜索聊天记录详情
+  // 拆分 searchList 和 searchDetailList 独立状态
+  searchList: {
+    searchText: '',
+    apiParams: '',
+    lastId: undefined as any
+  },
+  searchDetailList: {
+    searchText: '',
+    apiParams: '',
+    lastId: undefined as any
+  }
 })
 
 const items = computed((): ISession[] => {
@@ -303,22 +314,29 @@ watch(
   }
 )
 
-// watch(
-//   () => state.searchRecordText,
-//   (newValue, oldValue) => {
-//     console.log(newValue, 'newValue')
-//     state.ServeQueryTalkRecordParams = encodeURIComponent(
-//       JSON.stringify({
-//         talk_type: 0, //1私聊2群聊
-//         receiver_id: 0, //查详情的时候需传入
-//         last_group_id: 0, //最后一条群id
-//         last_member_id: 0, //最后一条用户id
-//         last_receiver_user_name: '', //最后一条用户名
-//         last_receiver_group_name: '' //最后一条群名
-//       })
-//     )
-//   }
-// )
+// 监听搜索关键字变化，重置所有相关状态
+watch(
+  () => state.searchRecordText,
+  (newVal, oldVal) => {
+    // 重置左侧
+    state.searchList.searchText = newVal
+    state.searchList.apiParams = encodeURIComponent(JSON.stringify({
+      talk_type: 0,
+      receiver_id: 0,
+      last_group_id: 0,
+      last_member_id: 0,
+      last_receiver_user_name: '',
+      last_receiver_group_name: ''
+    }))
+    state.searchList.lastId = undefined
+    // 重置右侧
+    state.searchDetailList.searchText = newVal
+    state.searchDetailList.apiParams = ''
+    state.searchDetailList.lastId = undefined
+    // 关闭右侧详情
+    state.isShowSearchRecordDetailInfo = false
+  }
+)
 
 // 列表加载状态
 const loadStatus = computed(() => talkStore.loadStatus)
@@ -558,16 +576,19 @@ const handleClickSearchItem = (searchText, searchResultKey, talk_type, receiver_
   const result = JSON.parse(decodeURIComponent(res))
   console.log(result)
   if (searchResultKey === 'general_infos') {
-    state.ServeQueryTalkRecordDetailParams = encodeURIComponent(
-      JSON.stringify({
-        last_group_id: 0, //最后一条群id
-        last_member_id: 0, //最后一条用户id
-        receiver_id: receiver_id, //查详情的时候需传入
-        talk_type: talk_type //1私聊2群聊
-      })
-    )
+    // 先清空右侧
+    state.isShowSearchRecordDetailInfo = false
+    state.searchDetailList.apiParams = encodeURIComponent(JSON.stringify({
+      last_group_id: 0,
+      last_member_id: 0,
+      receiver_id: receiver_id,
+      talk_type: talk_type
+    }))
+    state.searchDetailList.searchText = state.searchRecordText
+    state.searchDetailList.lastId = undefined
+    // 再显示
     nextTick(() => {
-      searchDetailListRef.value?.doLoadMore(true)
+      state.isShowSearchRecordDetailInfo = true
     })
   }
 }
@@ -586,52 +607,20 @@ const searchListRef = ref()
 // 定义搜索详情列表组件的ref
 const searchDetailListRef = ref()
 
-//搜索聊天记录列表加载更多
-const loadMoreRecordList = () => {
-  searchListRef.value?.doLoadMore()
+// lastIdChange 事件区分来源
+const handleSearchListLastIdChange = (last_id, last_group_id, last_member_id, last_receiver_user_name, last_receiver_group_name) => {
+  state.searchList.lastId = { last_id, last_group_id, last_member_id, last_receiver_user_name, last_receiver_group_name }
+  state.searchList.apiParams = encodeURIComponent(JSON.stringify({
+    ...JSON.parse(decodeURIComponent(state.searchList.apiParams)),
+    last_id, last_group_id, last_member_id, last_receiver_user_name, last_receiver_group_name
+  }))
 }
-
-// 搜索聊天记录详情列表加载更多
-const loadMoreRecordDetail = () => {
-  searchDetailListRef.value?.doLoadMore()
-}
-
-const handleMoreRecordLastIdChange = (
-  last_id,
-  last_group_id,
-  last_member_id,
-  last_receiver_user_name,
-  last_receiver_group_name
-) => {
-  let idChanges = {
-    last_id,
-    last_group_id,
-    last_member_id,
-    last_receiver_user_name,
-    last_receiver_group_name
-  }
-  state.ServeQueryTalkRecordParams = encodeURIComponent(
-    JSON.stringify(
-      Object.assign({}, JSON.parse(decodeURIComponent(state.ServeQueryTalkRecordParams)), idChanges)
-    )
-  )
-}
-
-const handleRecordDetailLastIdChange = (last_id, last_group_id, last_member_id) => {
-  let idChanges = {
-    last_id,
-    last_group_id,
-    last_member_id
-  }
-  state.ServeQueryTalkRecordDetailParams = encodeURIComponent(
-    JSON.stringify(
-      Object.assign(
-        {},
-        JSON.parse(decodeURIComponent(state.ServeQueryTalkRecordDetailParams)),
-        idChanges
-      )
-    )
-  )
+const handleSearchDetailListLastIdChange = (last_id, last_group_id, last_member_id) => {
+  state.searchDetailList.lastId = { last_id, last_group_id, last_member_id }
+  state.searchDetailList.apiParams = encodeURIComponent(JSON.stringify({
+    ...JSON.parse(decodeURIComponent(state.searchDetailList.apiParams)),
+    last_id, last_group_id, last_member_id
+  }))
 }
 </script>
 
@@ -653,7 +642,7 @@ const handleRecordDetailLastIdChange = (last_id, last_group_id, last_member_id)
       <n-dropdown
         trigger="click"
         :options="state.chatSearchOptions"
-        style="width: 248px; height: 677px; overflow-y: scroll;"
+        style="width: 248px; height: 677px;"
       >
         <n-input
           placeholder="搜索好友 / 群聊"
@@ -865,34 +854,36 @@ const handleRecordDetailLastIdChange = (last_id, last_group_id, last_member_id)
             </n-input>
           </div>
           <div class="search-record-card" v-if="state.searchRecordText">
-            <div class="search-record-list" v-loadmore="loadMoreRecordList">
+            <div class="search-record-list">
               <chatAppSearchList
                 ref="searchListRef"
                 :searchResultPageSize="10"
                 :listLimit="false"
                 :apiRequest="ServeQueryTalkRecord"
-                :apiParams="state.ServeQueryTalkRecordParams"
-                :searchText="state.searchRecordText"
+                :apiParams="state.searchList.apiParams"
+                :searchText="state.searchList.searchText"
                 :isPagination="true"
                 searchResultKey="general_infos"
                 @clickSearchItem="handleClickSearchItem"
                 :useClickStay="true"
                 @clickStayItemChange="handleClickStayItemChange"
-                @lastIdChange="handleMoreRecordLastIdChange"
+                @lastIdChange="handleSearchListLastIdChange"
+                :searchResultMaxHeight="'517px'"
               ></chatAppSearchList>
             </div>
-            <div class="search-record-detail" v-loadmore="loadMoreRecordDetail">
+            <div class="search-record-detail">
               <chatAppSearchList
                 ref="searchDetailListRef"
                 v-if="state.isShowSearchRecordDetailInfo"
                 :searchResultPageSize="10"
                 :listLimit="false"
                 :apiRequest="ServeQueryTalkRecord"
-                :apiParams="state.ServeQueryTalkRecordDetailParams"
-                :searchText="state.searchRecordText"
+                :apiParams="state.searchDetailList.apiParams"
+                :searchText="state.searchDetailList.searchText"
                 :isPagination="true"
                 :searchRecordDetail="true"
-                @lastIdChange="handleRecordDetailLastIdChange"
+                @lastIdChange="handleSearchDetailListLastIdChange"
+                :searchResultMaxHeight="'517px'"
               ></chatAppSearchList>
             </div>
           </div>
@@ -1087,13 +1078,11 @@ html[theme-mode='dark'] {
       width: 260px;
       height: 517px;
       border: 1px solid #efeff5;
-      overflow-y: scroll;
     }
     .search-record-detail {
       width: 578px;
       height: 517px;
       border: 1px solid #efeff5;
-      overflow-y: scroll;
     }
   }
   .search-record-empty {

From 0ab2ce814a49f5805b363418b7139c860a94162f Mon Sep 17 00:00:00 2001
From: wangyifeng <812766448@qq.com>
Date: Wed, 21 May 2025 11:41:03 +0800
Subject: [PATCH 2/9] =?UTF-8?q?=E8=A7=A3=E5=86=B3=E6=90=9C=E7=B4=A2?=
 =?UTF-8?q?=E8=81=8A=E5=A4=A9=E8=AE=B0=E5=BD=95=E7=BB=84=E4=BB=B6=E6=90=9C?=
 =?UTF-8?q?=E7=B4=A2=E6=97=B6=EF=BC=8C=E6=94=B9=E5=8F=98=E6=90=9C=E7=B4=A2?=
 =?UTF-8?q?=E5=85=B3=E9=94=AE=E5=AD=97=E6=B2=A1=E6=9C=89=E6=AD=A3=E7=A1=AE?=
 =?UTF-8?q?=E8=B0=83=E7=94=A8=E6=8E=A5=E5=8F=A3=E3=80=81=E5=A4=84=E7=90=86?=
 =?UTF-8?q?=E6=90=9C=E7=B4=A2=E7=BB=93=E6=9E=9C=E6=98=BE=E7=A4=BA=E7=AD=89?=
 =?UTF-8?q?=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/common/customModal.vue    |   4 +-
 src/components/group/GroupPanel.vue      |   3 +-
 src/components/search/searchItem.vue     |  59 +++++---
 src/components/search/searchList.vue     |  49 ++++---
 src/utils/auth.js                        |   2 +-
 src/views/message/inner/IndexContent.vue |   2 +-
 src/views/message/inner/IndexSider.vue   | 163 ++++++++++++++++++-----
 7 files changed, 207 insertions(+), 75 deletions(-)

diff --git a/src/components/common/customModal.vue b/src/components/common/customModal.vue
index bfee602..1191784 100644
--- a/src/components/common/customModal.vue
+++ b/src/components/common/customModal.vue
@@ -80,7 +80,7 @@ const props = defineProps({
   }
 })
 
-const emit = defineEmits(['update:show', 'cancel', 'confirm'])
+const emit = defineEmits(['update:show', 'cancel', 'confirm', 'customCloseModal'])
 
 const show = computed({
   get: () => props.show,
@@ -111,7 +111,7 @@ const state = reactive({
 
 const handleCloseModal = () => {
   if (props.customCloseEvent) {
-    emit('closeModal')
+    emit('customCloseModal')
   } else {
     show.value = false
   }
diff --git a/src/components/group/GroupPanel.vue b/src/components/group/GroupPanel.vue
index 2416885..2c11bed 100644
--- a/src/components/group/GroupPanel.vue
+++ b/src/components/group/GroupPanel.vue
@@ -740,7 +740,8 @@ const handleEditGroupNameConfirm = () => {
 
   <UserCardModal
     v-model:show="state.isShowUserCardModal"
-    v-model:uid="(state.userInfo as any).erp_user_id"
+    v-model:uid="(state.userInfo as any).user_id"
+    :euid="(state.userInfo as any).erp_user_id"
   />
 </template>
 <style lang="less" scoped>
diff --git a/src/components/search/searchItem.vue b/src/components/search/searchItem.vue
index 4aac4e4..c88a52e 100644
--- a/src/components/search/searchItem.vue
+++ b/src/components/search/searchItem.vue
@@ -4,7 +4,7 @@
     :class="props?.conditionType ? 'search-item-condition' : ''"
     v-if="resultName"
     :style="{
-      'margin': props.searchResultKey === 'talk_record_infos_receiver' ? '12px 0 0' : '',
+      margin: props.searchResultKey === 'talk_record_infos_receiver' ? '12px 0 0' : '',
       'background-color': props.isClickStay ? '#EEE9F8' : ''
     }"
   >
@@ -70,6 +70,9 @@
           :text="resultDetail"
           :searchText="props.searchText"
         />
+        <div class="searchRecordDetail-fastLocal" v-if="searchRecordDetail">
+          <span>定位到聊天位置</span>
+        </div>
       </div>
     </div>
     <div class="search-item-pointer" v-if="pointerIconSrc">
@@ -270,25 +273,25 @@ const resultDetail = computed(() => {
   cursor: pointer;
   position: relative;
 
-  .search-item-avatar{
+  .search-item-avatar {
     position: relative;
     .info-tag {
-        display: flex;
-        flex-direction: row;
-        align-items: center;
-        justify-content: center;
-        padding: 0px 6px;
-        border: 1px solid #000;
-        border-radius: 3px;
-        flex-shrink: 0;
-        background-color: #fff;
-        position: absolute;
-        bottom: 0;
-        left: 4px;
-        span {
-          line-height: 14px;
-        }
+      display: flex;
+      flex-direction: row;
+      align-items: center;
+      justify-content: center;
+      padding: 0px 6px;
+      border: 1px solid #000;
+      border-radius: 3px;
+      flex-shrink: 0;
+      background-color: #fff;
+      position: absolute;
+      bottom: 0;
+      left: 4px;
+      span {
+        line-height: 14px;
       }
+    }
   }
 
   .result-info {
@@ -320,10 +323,24 @@ const resultDetail = computed(() => {
       }
     }
     .info-detail-searchRecordDetail {
+      display: flex;
+      flex-direction: row;
+      align-items: center;
+      justify-content: space-between;
       span {
         color: #191919;
         word-break: break-all;
       }
+      .searchRecordDetail-fastLocal {
+        display: none;
+        line-height: 20px;
+        span {
+          color: #46299d;
+          font-size: 12px;
+          font-weight: 400;
+          line-height: 17px;
+        }
+      }
     }
   }
   .search-item-pointer {
@@ -339,7 +356,7 @@ const resultDetail = computed(() => {
     }
   }
 }
-.search-item::after{
+.search-item::after {
   content: '';
   display: block;
   width: 100%;
@@ -355,5 +372,11 @@ const resultDetail = computed(() => {
 }
 .search-item:hover {
   background-color: #f8f8f8;
+
+  .info-detail-searchRecordDetail {
+    .searchRecordDetail-fastLocal {
+      display: block;
+    }
+  }
 }
 </style>
diff --git a/src/components/search/searchList.vue b/src/components/search/searchList.vue
index cd9e97e..539e26a 100644
--- a/src/components/search/searchList.vue
+++ b/src/components/search/searchList.vue
@@ -2,6 +2,7 @@
   <div class="search-list">
     <n-infinite-scroll
       :style="{ maxHeight: props.searchResultMaxHeight }"
+      :distance="47"
       @load="doLoadMore"
     >
       <div class="search-result">
@@ -19,12 +20,19 @@
                 searchResultKey !== 'group_infos' &&
                 searchResultKey !== 'group_member_infos'
               "
+              :style="{ margin: props.useCustomTitle ? '0' : '' }"
             >
-              <div class="result-title">
+              <!-- <div class="result-title" v-if="!props.useCustomTitle">
                 <span class="text-[14px] font-regular">
                   {{ getResultKeysValue(searchResultKey) }}
                 </span>
-              </div>
+              </div> -->
+              <slot
+                name="result-title"
+                :getResultKeysValue="getResultKeysValue"
+                :searchResultKey="searchResultKey"
+                :searchResultIndex="searchResultIndex"
+              ></slot>
               <div class="result-list">
                 <div
                   class="result-list-each"
@@ -144,7 +152,8 @@ const emits = defineEmits([
   'toMoreResultPage',
   'lastIdChange',
   'clickSearchItem',
-  'clickStayItemChange'
+  'clickStayItemChange',
+  'resultTotalCount'
 ])
 
 const state = reactive({
@@ -201,7 +210,11 @@ const props = defineProps({
   searchResultMaxHeight: {
     type: String,
     default: '677px'
-  } //搜索结果最大高度
+  }, //搜索结果最大高度
+  useCustomTitle: {
+    type: Boolean,
+    default: false
+  } //是否使用自定义标题
 })
 
 onMounted(() => {
@@ -223,6 +236,12 @@ watch(
 watch(
   () => props.searchText,
   (newVal, oldVal) => {
+    // 同步更新 state.searchText
+    state.searchText = newVal
+    // 清空搜索结果
+    state.searchResult = null
+    // 重置页码
+    state.pageNum = 1
     //重置点击停留列表项
     state.clickStayItem = ''
     emits('clickStayItemChange', state.clickStayItem)
@@ -232,18 +251,6 @@ watch(
   }
 )
 
-//输入搜索文本
-const inputSearchText = (e) => {
-  if (e.trim() != state.searchText.trim()) {
-    state.pageNum = 1
-    state.searchResult = null // 清空搜索结果
-  }
-  state.searchText = e.trim()
-  if (!e.trim()) {
-    state.searchResult = null // 清空搜索结果
-  }
-}
-
 // ES搜索聊天记录-主页搜索什么都有、指定用户、指定群、群与用户概览
 const queryAllSearch = (doClearSearchResult) => {
   if (doClearSearchResult) {
@@ -369,6 +376,7 @@ const queryAllSearch = (doClearSearchResult) => {
           } else {
             state.hasMore = true
           }
+          emits('resultTotalCount', total)
           // zPaging.value?.completeByTotal([data], total)
         } else {
           state.searchResult = data
@@ -534,10 +542,9 @@ const doLoadMore = (doClearSearchResult) => {
     return
   }
   state.loading = true
-  queryAllSearch(doClearSearchResult)
-    .finally(() => {
-      state.loading = false
-    })
+  queryAllSearch(doClearSearchResult).finally(() => {
+    state.loading = false
+  })
 }
 </script>
 <style lang="scss" scoped>
@@ -573,7 +580,7 @@ const doLoadMore = (doClearSearchResult) => {
       // padding: 0 10px;
 
       .search-result-part {
-        margin: 18px 0 0;
+        // margin: 18px 0 0;
 
         .result-title {
           padding: 0 10px 5px;
diff --git a/src/utils/auth.js b/src/utils/auth.js
index f9864ce..605aea5 100644
--- a/src/utils/auth.js
+++ b/src/utils/auth.js
@@ -18,7 +18,7 @@ export function isLoggedIn() {
  */
 export function getAccessToken() {
   // return storage.get(AccessToken) || ''
-  return JSON.parse(localStorage.getItem('token'))||'79b5c732d96d2b27a48a99dfd4a5566c43aaa5796242e854ebe3ffc198d6876b9628e7b764d9af65ab5dbb2d517ced88170491b74b048c0ba827c0d3741462cb89dc59ed46653a449af837a8262941caaef1334d640773710f8cd96473bacfb190cba595a5d6a9c87d70f0999a3ebb41147213b31b4bdccffca66a56acf3baab5af0154f0dce360079f37709f78e13711036899344bddb0fb4cf0f2890287cb62c3fcbe33368caa5e213624577be8b8420ab75b1f50775ee16142a4321c5d56995f37354a66a969da98d95ba6e65d142ed097e04b411c1ebad2f62866d0ec7e1838420530a9941dbbcd00490199f8b89a542742bebcc3862e86adbcf9b360820a497764e7432d66963e70eb29f9eab5268ee8efa98eed3c981eea690d977b38b76b3a9a6b51bb685000752d9d26f98a91f4df6970ad165c5299f9eb77d0c40ed'
+  return JSON.parse(localStorage.getItem('token'))||'79b5c732d96d2b27a48a99dfd4a5566c43aaa5796242e854ebe3ffc198d6876b9628e7b764d9af65ab5dbb2d517ced88170491b74b048c0ba827c0d3741462cb89dc59ed46653a449af837a8262941caaef1334d640773710f8cd96473bacfb190cba595a5d6a9c87d70f0999a3ebb41147213b31b4bdccffca66a56acf3baab5af0154f0dce360079f37709f78e13711036899344bddb0fb4cf0f2890287cb62c3fcbe33368caa5e213624577be8b8420ab75b1f50775ee16142a4321c5d56995f37354a66a969da98d95ba6e65d142ed097e04b411c1ebad2f62866d0ec7e1838420530a9941dbbcd00490199f8b89855de0ffae3adff28137845adce8c6b2c8160f779573f4e6553e86ac85dc8e689aa8970c6a4de122173f4db7bf7cdfa3ca7796d181a43b3fdf8ec549a8f33c82fbab7f0175efce75aca5cf6188ccf2a8'
 }
 
 /**
diff --git a/src/views/message/inner/IndexContent.vue b/src/views/message/inner/IndexContent.vue
index f249cea..46b8fb9 100644
--- a/src/views/message/inner/IndexContent.vue
+++ b/src/views/message/inner/IndexContent.vue
@@ -544,7 +544,7 @@ const handleGroupNoticeModalShow = (isAdmin) => {
     @confirm="handleGroupNoticeModalConfirm"
     @cancel="handleGroupNoticeModalCancel"
     :customCloseEvent="state.groupNoticeEditMode === 2 ? true : false"
-    @closeModal="handleGroupNoticeModalClose"
+    @customCloseModal="handleGroupNoticeModalClose"
   >
     <template #content>
       <div class="group-notice-modal-content">
diff --git a/src/views/message/inner/IndexSider.vue b/src/views/message/inner/IndexSider.vue
index 3dc6db6..385e608 100644
--- a/src/views/message/inner/IndexSider.vue
+++ b/src/views/message/inner/IndexSider.vue
@@ -23,7 +23,7 @@ import {
   NButton,
   NPagination
 } from 'naive-ui'
-import { Search, Plus } from '@icon-park/vue-next'
+import { Search, Plus, Right } from '@icon-park/vue-next'
 import TalkItem from './TalkItem.vue'
 import Skeleton from './Skeleton.vue'
 import { ServeClearTalkUnreadNum } from '@/api/chat'
@@ -39,7 +39,7 @@ import { processError, processSuccess } from '@/utils/helper/message.js'
 import chatAppSearchList from '@/components/search/searchList.vue'
 import { ServeSeachQueryAll, ServeQueryTalkRecord, ServeUserGroupChatList } from '@/api/search'
 import { getUserInfoByERPUserId } from '@/api/user'
-
+import HighlightText from '@/components/search/highLightText.vue'
 import { useRouter } from 'vue-router'
 const router = useRouter()
 
@@ -103,7 +103,29 @@ const renderChatAppSearch = () => {
         console.log(searchResultKey, searchText)
       }
     },
-    {}
+    {
+      'result-title': ({ getResultKeysValue, searchResultKey, searchResultIndex }) => {
+        return h(
+          'div',
+          {
+            style: {
+              padding: searchResultIndex === 0 ? '6px 10px 5px' : '18px 10px 5px',
+              borderBottom: '1px solid #f8f8f8'
+            }
+          },
+          [
+            h(
+              'span',
+              {
+                class: 'text-[14px] font-regular',
+                style: 'line-height: 20px; color: #999999;'
+              },
+              getResultKeysValue(searchResultKey)
+            )
+          ]
+        )
+      }
+    }
   )
 }
 
@@ -264,7 +286,8 @@ const state = reactive({
   searchDetailList: {
     searchText: '',
     apiParams: '',
-    lastId: undefined as any
+    lastId: undefined as any,
+    total: 0
   }
 })
 
@@ -320,14 +343,16 @@ watch(
   (newVal, oldVal) => {
     // 重置左侧
     state.searchList.searchText = newVal
-    state.searchList.apiParams = encodeURIComponent(JSON.stringify({
-      talk_type: 0,
-      receiver_id: 0,
-      last_group_id: 0,
-      last_member_id: 0,
-      last_receiver_user_name: '',
-      last_receiver_group_name: ''
-    }))
+    state.searchList.apiParams = encodeURIComponent(
+      JSON.stringify({
+        talk_type: 0,
+        receiver_id: 0,
+        last_group_id: 0,
+        last_member_id: 0,
+        last_receiver_user_name: '',
+        last_receiver_group_name: ''
+      })
+    )
     state.searchList.lastId = undefined
     // 重置右侧
     state.searchDetailList.searchText = newVal
@@ -346,8 +371,8 @@ const indexName = computed(() => dialogueStore.index_name)
 
 // 切换会话
 const onTabTalk = (item: ISession, follow = false) => {
-  console.log('onTabTalk');
-  
+  console.log('onTabTalk')
+
   if (item.index_name === indexName.value) return
 
   searchKeyword.value = ''
@@ -578,12 +603,14 @@ const handleClickSearchItem = (searchText, searchResultKey, talk_type, receiver_
   if (searchResultKey === 'general_infos') {
     // 先清空右侧
     state.isShowSearchRecordDetailInfo = false
-    state.searchDetailList.apiParams = encodeURIComponent(JSON.stringify({
-      last_group_id: 0,
-      last_member_id: 0,
-      receiver_id: receiver_id,
-      talk_type: talk_type
-    }))
+    state.searchDetailList.apiParams = encodeURIComponent(
+      JSON.stringify({
+        last_group_id: 0,
+        last_member_id: 0,
+        receiver_id: receiver_id,
+        talk_type: talk_type
+      })
+    )
     state.searchDetailList.searchText = state.searchRecordText
     state.searchDetailList.lastId = undefined
     // 再显示
@@ -608,19 +635,52 @@ const searchListRef = ref()
 const searchDetailListRef = ref()
 
 // lastIdChange 事件区分来源
-const handleSearchListLastIdChange = (last_id, last_group_id, last_member_id, last_receiver_user_name, last_receiver_group_name) => {
-  state.searchList.lastId = { last_id, last_group_id, last_member_id, last_receiver_user_name, last_receiver_group_name }
-  state.searchList.apiParams = encodeURIComponent(JSON.stringify({
-    ...JSON.parse(decodeURIComponent(state.searchList.apiParams)),
-    last_id, last_group_id, last_member_id, last_receiver_user_name, last_receiver_group_name
-  }))
+const handleSearchListLastIdChange = (
+  last_id,
+  last_group_id,
+  last_member_id,
+  last_receiver_user_name,
+  last_receiver_group_name
+) => {
+  state.searchList.lastId = {
+    last_id,
+    last_group_id,
+    last_member_id,
+    last_receiver_user_name,
+    last_receiver_group_name
+  }
+  state.searchList.apiParams = encodeURIComponent(
+    JSON.stringify({
+      ...JSON.parse(decodeURIComponent(state.searchList.apiParams)),
+      last_id,
+      last_group_id,
+      last_member_id,
+      last_receiver_user_name,
+      last_receiver_group_name
+    })
+  )
 }
 const handleSearchDetailListLastIdChange = (last_id, last_group_id, last_member_id) => {
   state.searchDetailList.lastId = { last_id, last_group_id, last_member_id }
-  state.searchDetailList.apiParams = encodeURIComponent(JSON.stringify({
-    ...JSON.parse(decodeURIComponent(state.searchDetailList.apiParams)),
-    last_id, last_group_id, last_member_id
-  }))
+  state.searchDetailList.apiParams = encodeURIComponent(
+    JSON.stringify({
+      ...JSON.parse(decodeURIComponent(state.searchDetailList.apiParams)),
+      last_id,
+      last_group_id,
+      last_member_id
+    })
+  )
+}
+
+// 关闭搜索聊天记录模态框
+const handleCloseSearchRecordModal = () => {
+  state.isShowSearchRecordModal = false
+  state.searchRecordText = ''
+}
+
+// 获取搜索结果总数
+const getResultTotalCount = (total) => {
+  state.searchDetailList.total = total
 }
 </script>
 
@@ -836,6 +896,8 @@ const handleSearchDetailListLastIdChange = (last_id, last_group_id, last_member_
     :style="state.customSearchRecordModalStyle"
     :customCloseBtn="true"
     :closable="false"
+    :customCloseEvent="true"
+    @customCloseModal="handleCloseSearchRecordModal"
   >
     <template #content>
       <div class="search-record-modal-content">
@@ -872,6 +934,22 @@ const handleSearchDetailListLastIdChange = (last_id, last_group_id, last_member_
               ></chatAppSearchList>
             </div>
             <div class="search-record-detail">
+              <div class="search-record-detail-header" v-if="state.isShowSearchRecordDetailInfo">
+                <HighlightText
+                  class="text-[14px] text-[#B0B0B0] leading-[20px]"
+                  :text="
+                    state.searchDetailList.total +
+                    '条与“' +
+                    state.searchRecordText +
+                    '”相关的搜索结果'
+                  "
+                  :searchText="state.searchRecordText"
+                />
+                <div class="search-record-detail-header-btn">
+                  <span>进入聊天</span>
+                  <n-icon :component="Right" color="#46299D" size="14px" />
+                </div>
+              </div>
               <chatAppSearchList
                 ref="searchDetailListRef"
                 v-if="state.isShowSearchRecordDetailInfo"
@@ -883,7 +961,8 @@ const handleSearchDetailListLastIdChange = (last_id, last_group_id, last_member_
                 :isPagination="true"
                 :searchRecordDetail="true"
                 @lastIdChange="handleSearchDetailListLastIdChange"
-                :searchResultMaxHeight="'517px'"
+                :searchResultMaxHeight="'469px'"
+                @resultTotalCount="getResultTotalCount"
               ></chatAppSearchList>
             </div>
           </div>
@@ -1083,6 +1162,28 @@ html[theme-mode='dark'] {
       width: 578px;
       height: 517px;
       border: 1px solid #efeff5;
+      .search-record-detail-header {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        padding: 14px 4px 14px 10px;
+        box-sizing: border-box;
+        .search-record-detail-header-btn {
+          line-height: 20px;
+          display: flex;
+          flex-direction: row;
+          align-items: center;
+          justify-content: flex-end;
+          gap: 8px;
+          cursor: pointer;
+          span {
+            line-height: 20px;
+            color: #46299d;
+            font-size: 14px;
+            font-weight: 400;
+          }
+        }
+      }
     }
   }
   .search-record-empty {

From 6517c082d53df16c3c36111399a0e426bdd98727 Mon Sep 17 00:00:00 2001
From: wangyifeng <812766448@qq.com>
Date: Thu, 22 May 2025 15:24:13 +0800
Subject: [PATCH 3/9] =?UTF-8?q?=E5=A4=84=E7=90=86=E6=8C=87=E5=AE=9A?=
 =?UTF-8?q?=E8=81=8A=E5=A4=A9=E8=AE=B0=E5=BD=95=E7=9A=84=E5=AE=9A=E4=BD=8D?=
 =?UTF-8?q?=E8=B7=B3=E8=BD=AC=EF=BC=8C=E6=9F=A5=E6=89=BE=E4=B8=8A=E4=B8=8B?=
 =?UTF-8?q?=E6=96=87=E3=80=90=E4=B8=8D=E7=A8=B3=E5=AE=9A=E3=80=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/search/searchByCondition.vue   |   4 +-
 src/hooks/useTalkRecord.ts                    | 185 +++++++++++++++++-
 src/store/modules/dialogue.js                 |  13 ++
 src/utils/auth.js                             |   2 +-
 src/views/message/inner/IndexContent.vue      |   4 +-
 src/views/message/inner/IndexSider.vue        |  46 +++--
 .../message/inner/panel/PanelContent.vue      | 170 ++++++++++++----
 7 files changed, 358 insertions(+), 66 deletions(-)

diff --git a/src/components/search/searchByCondition.vue b/src/components/search/searchByCondition.vue
index f8e7f39..09b0824 100644
--- a/src/components/search/searchByCondition.vue
+++ b/src/components/search/searchByCondition.vue
@@ -200,10 +200,10 @@
                     >
                       <div class="attachment-avatar">
                         <img :src="item?.extra?.file_avatar" v-if="state.condition === 'file'" />
-                        <img
+                        <!-- <img
                           src="@/static/image/search/result-link-icon.png"
                           v-if="state.condition === 'link'"
-                        />
+                        /> -->
                       </div>
                       <div class="attachment-info">
                         <div class="attachment-info-title">
diff --git a/src/hooks/useTalkRecord.ts b/src/hooks/useTalkRecord.ts
index aee0272..880ada2 100644
--- a/src/hooks/useTalkRecord.ts
+++ b/src/hooks/useTalkRecord.ts
@@ -11,6 +11,17 @@ interface Params {
   limit: number
 }
 
+interface SpecialParams extends Params {
+  msg_id?: string
+  cursor?: number
+  direction?: 'up' | 'down'
+}
+
+interface LoadOptions {
+  specifiedMsg?: SpecialParams
+  middleMsgCreatedAt?: string
+}
+
 export const useTalkRecord = (uid: number) => {
   const dialogueStore = useDialogueStore()
 
@@ -25,9 +36,19 @@ export const useTalkRecord = (uid: number) => {
     receiver_id: 0,
     talk_type: 0,
     status: 0,
-    cursor: 0
+    cursor: 0,
+    specialParams: undefined as SpecialParams | undefined
   })
 
+  // 重置 loadConfig
+  const resetLoadConfig = () => {
+    loadConfig.receiver_id = 0
+    loadConfig.talk_type = 0
+    loadConfig.status = 0
+    loadConfig.cursor = 0
+    loadConfig.specialParams = undefined
+  }
+
   const onJumpMessage = (msgid: string) => {
     const element = document.getElementById(msgid)
     if (!element) {
@@ -131,8 +152,160 @@ export const useTalkRecord = (uid: number) => {
     })
   }
 
+  // 获取当前消息的最小 sequence
+  const getMinSequence = () => {
+    console.error('records.value', records.value)
+    if (!records.value.length) return 0
+    console.error(Math.min(...records.value.map(item => item.sequence)))
+    return Math.min(...records.value.map(item => item.sequence))
+  }
+  // 获取当前消息的最大 sequence
+  const getMaxSequence = () => {
+    if (!records.value.length) return 0
+    return Math.max(...records.value.map(item => item.sequence))
+  }
+
+  /**
+   * 加载数据主入口，支持指定消息定位模式
+   * @param params 原有参数
+   * @param options 可选，{ specifiedMsg } 指定消息对象
+   */
+  const onLoad = (params: Params, options?: LoadOptions) => {
+    // 如果会话切换，重置所有状态
+    if (params.talk_type !== loadConfig.talk_type || params.receiver_id !== loadConfig.receiver_id) {
+      resetLoadConfig()
+    }
+
+    loadConfig.cursor = 0
+    loadConfig.receiver_id = params.receiver_id
+    loadConfig.talk_type = params.talk_type
+
+    console.error('onLoad', params, options)
+
+    // 新增：支持指定消息定位模式，参数以传入为准合并
+    if (options?.specifiedMsg?.cursor !== undefined) {
+      loadConfig.specialParams = { ...options.specifiedMsg } // 记录特殊参数，供分页加载用
+      console.error('options', options)
+      loadConfig.status = 0 // 复用主流程 loading 状态
+      // 以 params 为基础，合并 specifiedMsg 的所有字段（只要有就覆盖）
+      const contextParams = {
+        ...params,
+        ...options.specifiedMsg
+      }
+      ServeTalkRecords(contextParams).then(({ data, code }) => {
+        if (code !== 200) {
+          loadConfig.status = 2
+          return
+        }
+        dialogueStore.clearDialogueRecord()
+        const items = (data.items || []).map((item: ITalkRecord) => formatTalkRecord(uid, item))
+        dialogueStore.unshiftDialogueRecord(items.reverse())
+        loadConfig.status = items.length >= contextParams.limit ? 1 : 2
+        loadConfig.cursor = data.cursor
+        nextTick(() => {
+          setTimeout(() => {
+            const el = document.getElementById('imChatPanel')
+            const target = document.getElementById(options.specifiedMsg?.msg_id || '')
+            if (el && target) {
+              const containerRect = el.getBoundingClientRect()
+              const targetRect = target.getBoundingClientRect()
+              const offset = targetRect.top - containerRect.top
+              // 居中
+              const scrollTo = el.scrollTop + offset - el.clientHeight / 2 + target.clientHeight / 2
+              el.scrollTo({ top: scrollTo, behavior: 'smooth' })
+
+              addClass(target, 'border')
+              setTimeout(() => removeClass(target, 'border'), 3000)
+            } else if (el) {
+              el.scrollTop = el.scrollHeight
+            }
+          }, 50)
+        })
+      })
+      return
+    }
+
+    loadConfig.specialParams = undefined // 普通模式清空
+    // 原有逻辑
+    load(params)
+  }
+
+  // 向上加载更多（兼容特殊参数模式）
   const onRefreshLoad = () => {
+    console.error('loadConfig.status', loadConfig.status)
     if (loadConfig.status == 1) {
+      console.log('specialParams', loadConfig.specialParams)
+      // 判断是否是特殊参数模式
+      if (loadConfig.specialParams && typeof loadConfig.specialParams === 'object') {
+        // 检查特殊参数是否与当前会话匹配
+        if (loadConfig.specialParams.talk_type === loadConfig.talk_type && 
+            loadConfig.specialParams.receiver_id === loadConfig.receiver_id) {
+          // 特殊参数模式下，direction: 'up'，cursor: 当前最小 sequence
+          onLoad(
+            {
+              receiver_id: loadConfig.receiver_id,
+              talk_type: loadConfig.talk_type,
+              limit: 30
+            },
+            {
+              specifiedMsg: {
+                ...loadConfig.specialParams,
+                direction: 'up',
+                cursor: getMinSequence()
+              }
+            }
+          )
+        } else {
+          // 如果不匹配，重置为普通模式
+          resetLoadConfig()
+          load({
+            receiver_id: loadConfig.receiver_id,
+            talk_type: loadConfig.talk_type,
+            limit: 30
+          })
+        }
+      } else {
+        // 原有逻辑
+        load({
+          receiver_id: loadConfig.receiver_id,
+          talk_type: loadConfig.talk_type,
+          limit: 30
+        })
+      }
+    }
+  }
+
+  // 向下加载更多（兼容特殊参数模式）
+  const onLoadMoreDown = () => {
+    // 判断是否是特殊参数模式
+    if (loadConfig.specialParams && typeof loadConfig.specialParams === 'object') {
+      // 检查特殊参数是否与当前会话匹配
+      if (loadConfig.specialParams.talk_type === loadConfig.talk_type && 
+          loadConfig.specialParams.receiver_id === loadConfig.receiver_id) {
+        onLoad(
+          {
+            receiver_id: loadConfig.receiver_id,
+            talk_type: loadConfig.talk_type,
+            limit: 30
+          },
+          {
+            specifiedMsg: {
+              ...loadConfig.specialParams,
+              direction: 'down',
+              cursor: getMaxSequence()
+            }
+          }
+        )
+      } else {
+        // 如果不匹配，重置为普通模式
+        resetLoadConfig()
+        load({
+          receiver_id: loadConfig.receiver_id,
+          talk_type: loadConfig.talk_type,
+          limit: 30
+        })
+      }
+    } else {
       load({
         receiver_id: loadConfig.receiver_id,
         talk_type: loadConfig.talk_type,
@@ -141,13 +314,5 @@ export const useTalkRecord = (uid: number) => {
     }
   }
 
-  const onLoad = (params: Params) => {
-    loadConfig.cursor = 0
-    loadConfig.receiver_id = params.receiver_id
-    loadConfig.talk_type = params.talk_type
-
-    load(params)
-  }
-
-  return { loadConfig, records, onLoad, onRefreshLoad, onJumpMessage }
+  return { loadConfig, records, onLoad, onRefreshLoad, onLoadMoreDown, onJumpMessage, resetLoadConfig }
 }
diff --git a/src/store/modules/dialogue.js b/src/store/modules/dialogue.js
index 509400b..7f13422 100644
--- a/src/store/modules/dialogue.js
+++ b/src/store/modules/dialogue.js
@@ -35,6 +35,12 @@ export const useDialogueStore = defineStore('dialogue', {
       // 聊天记录
       records: [],
 
+      // 查询指定消息上下文的消息信息
+      specifiedMsg: '',
+
+      // 是否是手动切换会话
+      isManualSwitch: false,
+
       // 新消息提示
       unreadBubble: 0,
 
@@ -76,6 +82,7 @@ export const useDialogueStore = defineStore('dialogue', {
     // 更新对话信息
     setDialogue(data = {}) {
       console.log('data', data)
+      
       this.online = data.is_online == 1
       this.talk = {
         username: data.remark || data.name,
@@ -89,6 +96,12 @@ export const useDialogueStore = defineStore('dialogue', {
       this.records = []
       this.unreadBubble = 0
       this.isShowEditor = data?.is_robot === 0
+      
+      // 只在手动切换会话时清空 specifiedMsg
+      // if (this.isManualSwitch) {
+      //   this.specifiedMsg = ''
+      //   this.isManualSwitch = false
+      // }
 
       this.members = []
       if (data.talk_type == 2) {
diff --git a/src/utils/auth.js b/src/utils/auth.js
index 605aea5..10ed3a0 100644
--- a/src/utils/auth.js
+++ b/src/utils/auth.js
@@ -18,7 +18,7 @@ export function isLoggedIn() {
  */
 export function getAccessToken() {
   // return storage.get(AccessToken) || ''
-  return JSON.parse(localStorage.getItem('token'))||'79b5c732d96d2b27a48a99dfd4a5566c43aaa5796242e854ebe3ffc198d6876b9628e7b764d9af65ab5dbb2d517ced88170491b74b048c0ba827c0d3741462cb89dc59ed46653a449af837a8262941caaef1334d640773710f8cd96473bacfb190cba595a5d6a9c87d70f0999a3ebb41147213b31b4bdccffca66a56acf3baab5af0154f0dce360079f37709f78e13711036899344bddb0fb4cf0f2890287cb62c3fcbe33368caa5e213624577be8b8420ab75b1f50775ee16142a4321c5d56995f37354a66a969da98d95ba6e65d142ed097e04b411c1ebad2f62866d0ec7e1838420530a9941dbbcd00490199f8b89855de0ffae3adff28137845adce8c6b2c8160f779573f4e6553e86ac85dc8e689aa8970c6a4de122173f4db7bf7cdfa3ca7796d181a43b3fdf8ec549a8f33c82fbab7f0175efce75aca5cf6188ccf2a8'
+  return JSON.parse(localStorage.getItem('token'))||'79b5c732d96d2b27a48a99dfd4a5566c43aaa5796242e854ebe3ffc198d6876b9628e7b764d9af65ab5dbb2d517ced88170491b74b048c0ba827c0d3741462cb89dc59ed46653a449af837a8262941caaef1334d640773710f8cd96473bacfb190cba595a5d6a9c87d70f0999a3ebb41147213b31b4bdccffca66a56acf3baab5af0154f0dce360079f37709f78e13711036899344bddb0fb4cf0f2890287cb62c3fcbe33368caa5e213624577be8b8420ab75b1f50775ee16142a4321c5d56995f37354a66a969da98d95ba6e65d142ed097e04b411c1ebad2f62866d0ec7e1838420530a9941dbbcd00490199f8b89a6a1266874decb435c4ea86321f35d90bdc30204aed39f91f4d34d074462099ce788933c4b4c4c10e31272d7bb0f3b1d8086a4695de3f9cb4cd702f79b98dc4efd5f2b753acec3bad2d1d3a4b6c85972'
 }
 
 /**
diff --git a/src/views/message/inner/IndexContent.vue b/src/views/message/inner/IndexContent.vue
index 46b8fb9..03fd8a5 100644
--- a/src/views/message/inner/IndexContent.vue
+++ b/src/views/message/inner/IndexContent.vue
@@ -31,7 +31,8 @@ const talkParams = reactive({
   online: computed(() => dialogueStore.online),
   keyboard: computed(() => dialogueStore.keyboard),
   num: computed(() => dialogueStore.members.length),
-  avatar:computed(() => dialogueStore.talk.avatar)
+  avatar:computed(() => dialogueStore.talk.avatar),
+  specifiedMsg: computed(() => dialogueStore.specifiedMsg)
 })
 
 const state = reactive({
@@ -394,6 +395,7 @@ const handleGroupNoticeModalShow = (isAdmin) => {
         :talk_type="talkParams.type"
         :receiver_id="talkParams.receiver_id"
         :index_name="talkParams.index_name"
+        :specifiedMsg="talkParams.specifiedMsg"
       />
     </main>
 
diff --git a/src/views/message/inner/IndexSider.vue b/src/views/message/inner/IndexSider.vue
index 385e608..32097e8 100644
--- a/src/views/message/inner/IndexSider.vue
+++ b/src/views/message/inner/IndexSider.vue
@@ -66,21 +66,10 @@ const renderChatAppSearch = () => {
   return h(
     chatAppSearchList,
     {
-      // searchResultKey: 'user_infos',
-      // searchItem: {
-      //   avatar:
-      //     'https://e-cdn.fontree.cn/fonchain-main/prod/image/18248/avatar/a0b2bee7-947f-465a-986e-10a1b2b87032.png',
-      //   created_at: '2025-03-27 14:44:23',
-      //   erp_user_id: 18248,
-      //   id: 44,
-      //   mobile: '18994430450',
-      //   nickname: '周俊耀'
-      // },
-      // searchText: '周'
       searchResultPageSize: 3,
       listLimit: true,
       apiRequest: ServeSeachQueryAll,
-      searchText: '王',
+      searchText: searchKeyword.value,
       onClickSearchItem: (searchText, searchResultKey, talk_type, receiver_id, res) => {
         console.log(searchText, searchResultKey, talk_type, receiver_id)
         const result = JSON.parse(decodeURIComponent(res))
@@ -377,6 +366,8 @@ const onTabTalk = (item: ISession, follow = false) => {
 
   searchKeyword.value = ''
 
+  dialogueStore.isManualSwitch = true
+
   // 更新编辑信息
   dialogueStore.setDialogue(item)
 
@@ -619,6 +610,25 @@ const handleClickSearchItem = (searchText, searchResultKey, talk_type, receiver_
     })
   }
 }
+//处理点击搜索结果item
+const handleClickSearchResultItem = (searchText, searchResultKey, talk_type, receiver_id, res) => {
+  const result = JSON.parse(decodeURIComponent(res))
+  console.error(result, 'result')
+  // 根据搜索结果, 指定用于查询指定消息上下文的sequence
+  dialogueStore.specifiedMsg = encodeURIComponent(
+    JSON.stringify({
+      talk_type,
+      receiver_id,
+      msg_id: result.msg_id,
+      cursor: result.sequence - 15 > 0 ? result.sequence - 15 : 0,
+      direction: 'down',
+      sort_sequence: 'asc',
+      create_time: result.created_at
+    })
+  )
+  console.error(dialogueStore.specifiedMsg, 'dialogueStore.specifiedMsg')
+  talkStore.toTalk(talk_type, receiver_id, router)
+}
 //处理点击停留item变化
 const handleClickStayItemChange = (item) => {
   if (item) {
@@ -682,6 +692,15 @@ const handleCloseSearchRecordModal = () => {
 const getResultTotalCount = (total) => {
   state.searchDetailList.total = total
 }
+
+// 进入搜索结果聊天
+const handleEnterSearchResultChat = () => {
+  const searchResult = JSON.parse(decodeURIComponent(state.searchDetailList.apiParams))
+  talkStore.toTalk(searchResult.talk_type, searchResult.receiver_id, router)
+  state.isShowSearchRecordModal = false
+  state.searchRecordText = ''
+  searchKeyword.value = ''
+}
 </script>
 
 <template>
@@ -945,7 +964,7 @@ const getResultTotalCount = (total) => {
                   "
                   :searchText="state.searchRecordText"
                 />
-                <div class="search-record-detail-header-btn">
+                <div class="search-record-detail-header-btn" @click="handleEnterSearchResultChat">
                   <span>进入聊天</span>
                   <n-icon :component="Right" color="#46299D" size="14px" />
                 </div>
@@ -963,6 +982,7 @@ const getResultTotalCount = (total) => {
                 @lastIdChange="handleSearchDetailListLastIdChange"
                 :searchResultMaxHeight="'469px'"
                 @resultTotalCount="getResultTotalCount"
+                @clickSearchItem="handleClickSearchResultItem"
               ></chatAppSearchList>
             </div>
           </div>
diff --git a/src/views/message/inner/panel/PanelContent.vue b/src/views/message/inner/panel/PanelContent.vue
index fc37085..53b606f 100644
--- a/src/views/message/inner/panel/PanelContent.vue
+++ b/src/views/message/inner/panel/PanelContent.vue
@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { watch, onMounted, ref } from 'vue'
+import { watch, onMounted, ref, nextTick } from 'vue'
 import { NDropdown, NCheckbox } from 'naive-ui'
 import { Loading, MoreThree, ToTop } from '@icon-park/vue-next'
 import { bus } from '@/utils/event-bus'
@@ -13,7 +13,7 @@ import SkipBottom from './SkipBottom.vue'
 import { ITalkRecord } from '@/types/chat'
 import { EditorConst } from '@/constant/event-bus'
 import { useInject, useTalkRecord, useUtil } from '@/hooks'
-import { ExclamationCircleFilled } from '@ant-design/icons-vue';
+import { ExclamationCircleFilled } from '@ant-design/icons-vue'
 import { useUserStore } from '@/store'
 import RevokeMessage from '@/components/talk/message/RevokeMessage.vue'
 import { voiceToText } from '@/api/chat.js'
@@ -33,6 +33,10 @@ const props = defineProps({
   index_name: {
     type: String,
     default: ''
+  },
+  specifiedMsg: {
+    type: String,
+    default: ''
   }
 })
 
@@ -236,15 +240,15 @@ const onContextMenu = (e: any, item: ITalkRecord) => {
   e.preventDefault()
 }
 
-const onConvertText =async (data: ITalkRecord) => {
-  console.log('data',data)
+const onConvertText = async (data: ITalkRecord) => {
+  console.log('data', data)
   data.is_convert_text = 1
-  const res = await voiceToText({msgId:data.msg_id,voiceUrl:data.extra.url})
-  if(res.code == 200){
+  const res = await voiceToText({ msgId: data.msg_id, voiceUrl: data.extra.url })
+  if (res.code == 200) {
     data.extra.content = res.data.convText
   }
 }
-const onloseConvertText=(data: ITalkRecord)=>{
+const onloseConvertText = (data: ITalkRecord) => {
   data.is_convert_text = 0
 }
 const evnets = {
@@ -256,7 +260,7 @@ const evnets = {
   quote: onQuoteMessage,
   collect: onCollectImage,
   convertText: onConvertText,
-  closeConvertText:onloseConvertText
+  closeConvertText: onloseConvertText
 }
 
 // 会话列表右键菜单回调事件
@@ -276,18 +280,48 @@ const onRowClick = (item: ITalkRecord) => {
   }
 }
 
-watch(props, () => {
-  onLoad({ ...props, limit: 30 })
-})
+const lastParams = ref('')
 
-onMounted(() => {
-  onLoad({ ...props, limit: 30 })
-})
+// 监听整个 props 对象的变化
+watch(
+  () => props,
+  async (newProps) => {
+    await nextTick()
+    let specialParams = undefined
+    console.error(newProps, 'newProps')
+    if (newProps.specifiedMsg) {
+      try {
+        const parsed = JSON.parse(decodeURIComponent(newProps.specifiedMsg))
+        // 只有会话id和参数都匹配才进入特殊模式
+        if (parsed.talk_type === newProps.talk_type && parsed.receiver_id === newProps.receiver_id) {
+          specialParams = parsed
+        }
+      } catch (e) {}
+    }
+    onLoad(
+      {
+        receiver_id: newProps.receiver_id,
+        talk_type: newProps.talk_type,
+        limit: 30
+      },
+      specialParams ? { specifiedMsg: specialParams } : undefined
+    )
+  },
+  { immediate: true, deep: true }
+)
+
+// onMounted(() => {
+  // onLoad({ ...props, limit: 30 })
+// })
 </script>
 
 <template>
   <section class="section">
-    <div id="imChatPanel" class="me-scrollbar me-scrollbar-thumb talk-container" @scroll="onPanelScroll($event)">
+    <div
+      id="imChatPanel"
+      class="me-scrollbar me-scrollbar-thumb talk-container"
+      @scroll="onPanelScroll($event)"
+    >
       <!-- 数据加载状态栏 -->
       <div class="load-toolbar pointer">
         <span v-if="loadConfig.status == 0"> 正在加载数据中 ... </span>
@@ -295,53 +329,100 @@ onMounted(() => {
         <span v-else class="no-more"> 没有更多消息了 </span>
       </div>
 
-      <div class="message-item" v-for="(item, index) in records" :key="item.msg_id" :id="item.msg_id">
+      <div
+        class="message-item"
+        v-for="(item, index) in records"
+        :key="item.msg_id"
+        :id="item.msg_id"
+      >
         <!-- 系统消息 -->
         <div v-if="item.msg_type >= 1000" class="message-box">
-          <component :is="MessageComponents[item.msg_type] || 'unknown-message'" :extra="item.extra" :data="item" />
+          <component
+            :is="MessageComponents[item.msg_type] || 'unknown-message'"
+            :extra="item.extra"
+            :data="item"
+          />
         </div>
 
         <!-- 撤回消息 -->
         <div v-else-if="item.is_revoke == 1" class="message-box">
-          <revoke-message :login_uid="uid" :data="item" :user_id="item.user_id" :nickname="item.nickname" :talk_type="item.talk_type"
-            :datetime="item.created_at" />
+          <revoke-message
+            :login_uid="uid"
+            :data="item"
+            :user_id="item.user_id"
+            :nickname="item.nickname"
+            :talk_type="item.talk_type"
+            :datetime="item.created_at"
+          />
         </div>
 
-        <div v-else class="message-box record-box" :class="{
-          'direction-rt': item.float == 'right',
-          'multi-select': dialogueStore.isOpenMultiSelect,
-          'multi-select-check': item.isCheck
-        }">
+        <div
+          v-else
+          class="message-box record-box"
+          :class="{
+            'direction-rt': item.float == 'right',
+            'multi-select': dialogueStore.isOpenMultiSelect,
+            'multi-select-check': item.isCheck
+          }"
+        >
           <!-- 多选按钮 -->
           <aside v-if="dialogueStore.isOpenMultiSelect" class="checkbox-column">
-            <n-checkbox size="small" :checked="item.isCheck" @update:checked="item.isCheck = !item.isCheck" />
+            <n-checkbox
+              size="small"
+              :checked="item.isCheck"
+              @update:checked="item.isCheck = !item.isCheck"
+            />
           </aside>
           <!-- 头像信息 -->
-           
+
           <aside class="avatar-column">
-            <im-avatar class="pointer" :src="item.avatar" :size="42" :username="item.nickname"
-              @click="showUserInfoModal(item.erp_user_id,item.user_id)" />
+            <im-avatar
+              class="pointer"
+              :src="item.avatar"
+              :size="42"
+              :username="item.nickname"
+              @click="showUserInfoModal(item.erp_user_id, item.user_id)"
+            />
           </aside>
 
           <!-- 主体信息 -->
           <main class="main-column">
             <div class="talk-title">
-              <span class="nickname pointer" v-show="talk_type == 2 && item.float == 'left'"
-                @click="onClickNickname(item)">
+              <span
+                class="nickname pointer"
+                v-show="talk_type == 2 && item.float == 'left'"
+                @click="onClickNickname(item)"
+              >
                 <span class="at">@</span>{{ item.nickname }}
               </span>
               <span>{{ parseTime(item.created_at, '{y}/{m}/{d} {h}:{i}') }}</span>
             </div>
 
-            <div class="talk-content" :class="{ pointer: dialogueStore.isOpenMultiSelect }" @click="onRowClick(item)">
-
-              <component :is="MessageComponents[item.msg_type] || 'unknown-message'" :extra="item.extra" :data="item"
-                :max-width="true" :source="'panel'" @contextmenu.prevent="onContextMenu($event, item)" />
-              <div v-if="item.float==='right'&&item.extra.percentage===-1&&item.extra.is_uploading" class="mr-10px"> <n-button text style="font-size: 20px">
+            <div
+              class="talk-content"
+              :class="{ pointer: dialogueStore.isOpenMultiSelect }"
+              @click="onRowClick(item)"
+            >
+              <component
+                :is="MessageComponents[item.msg_type] || 'unknown-message'"
+                :extra="item.extra"
+                :data="item"
+                :max-width="true"
+                :source="'panel'"
+                @contextmenu.prevent="onContextMenu($event, item)"
+              />
+              <div
+                v-if="
+                  item.float === 'right' && item.extra.percentage === -1 && item.extra.is_uploading
+                "
+                class="mr-10px"
+              >
+                <n-button text style="font-size: 20px;">
                   <n-icon color="#CF3050">
                     <ExclamationCircleFilled />
                   </n-icon>
-                </n-button></div>
+                </n-button>
+              </div>
               <!-- <div class="talk-tools">
                 <template v-if="talk_type == 1 && item.float == 'right'">
                   <loading
@@ -361,7 +442,11 @@ onMounted(() => {
 </div> -->
             </div>
 
-            <div v-if="item.extra.reply" class="talk-reply pointer" @click="onJumpMessage(item.extra?.reply?.msg_id)">
+            <div
+              v-if="item.extra.reply"
+              class="talk-reply pointer"
+              @click="onJumpMessage(item.extra?.reply?.msg_id)"
+            >
               <n-icon :component="ToTop" size="14" class="icon-top" />
               <span class="ellipsis">
                 回复 {{ item.extra?.reply?.nickname }}:
@@ -382,8 +467,15 @@ onMounted(() => {
   </section>
 
   <!-- 右键菜单 -->
-  <n-dropdown :show="dropdown.show" :x="dropdown.x" :y="dropdown.y" style="width: 142px;" :options="dropdown.options"
-    @select="onContextMenuHandle" @clickoutside="closeDropdownMenu" />
+  <n-dropdown
+    :show="dropdown.show"
+    :x="dropdown.x"
+    :y="dropdown.y"
+    style="width: 142px;"
+    :options="dropdown.options"
+    @select="onContextMenuHandle"
+    @clickoutside="closeDropdownMenu"
+  />
 </template>
 
 <style lang="less" scoped>

From b7ae8598b48dc87f77f4f326fcb80a739ddbf60a Mon Sep 17 00:00:00 2001
From: Phoenix <64720302+Concur-max@users.noreply.github.com>
Date: Thu, 22 May 2025 15:26:48 +0800
Subject: [PATCH 4/9] =?UTF-8?q?=E6=9B=B4=E6=96=B0=E7=BB=84=E4=BB=B6?=
 =?UTF-8?q?=E5=A3=B0=E6=98=8E=EF=BC=8C=E6=96=B0=E5=A2=9ESearchByCondition?=
 =?UTF-8?q?=E7=BB=84=E4=BB=B6=EF=BC=9B=E8=B0=83=E6=95=B4FileMessage.vue?=
 =?UTF-8?q?=E7=9A=84=E6=A0=B7=E5=BC=8F=EF=BC=8C=E5=A2=9E=E5=8A=A0=E9=AB=98?=
 =?UTF-8?q?=E5=BA=A6=EF=BC=9B=E4=BC=98=E5=8C=96ImageMessage.vue=E4=B8=AD?=
 =?UTF-8?q?=E7=9A=84=E5=9B=BE=E7=89=87=E6=A0=B7=E5=BC=8F=EF=BC=8C=E7=A7=BB?=
 =?UTF-8?q?=E9=99=A4=E4=B8=8D=E5=BF=85=E8=A6=81=E7=9A=84=E6=A0=B7=E5=BC=8F?=
 =?UTF-8?q?=E5=B1=9E=E6=80=A7=E3=80=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components.d.ts                              | 1 +
 src/components/search/searchByCondition.vue  | 4 ++--
 src/components/talk/message/FileMessage.vue  | 1 +
 src/components/talk/message/ImageMessage.vue | 5 +----
 4 files changed, 5 insertions(+), 6 deletions(-)

diff --git a/components.d.ts b/components.d.ts
index ca374cd..b22e9ed 100644
--- a/components.d.ts
+++ b/components.d.ts
@@ -69,6 +69,7 @@ declare module 'vue' {
     RevokeMessage: typeof import('./src/components/talk/message/RevokeMessage.vue')['default']
     RouterLink: typeof import('vue-router')['RouterLink']
     RouterView: typeof import('vue-router')['RouterView']
+    SearchByCondition: typeof import('./src/components/search/searchByCondition.vue')['default']
     SearchItem: typeof import('./src/components/search/searchItem.vue')['default']
     SearchList: typeof import('./src/components/search/searchList.vue')['default']
     SysGroupAdminMessage: typeof import('./src/components/talk/message/system/SysGroupAdminMessage.vue')['default']
diff --git a/src/components/search/searchByCondition.vue b/src/components/search/searchByCondition.vue
index f8e7f39..09b0824 100644
--- a/src/components/search/searchByCondition.vue
+++ b/src/components/search/searchByCondition.vue
@@ -200,10 +200,10 @@
                     >
                       <div class="attachment-avatar">
                         <img :src="item?.extra?.file_avatar" v-if="state.condition === 'file'" />
-                        <img
+                        <!-- <img
                           src="@/static/image/search/result-link-icon.png"
                           v-if="state.condition === 'link'"
-                        />
+                        /> -->
                       </div>
                       <div class="attachment-info">
                         <div class="attachment-info-title">
diff --git a/src/components/talk/message/FileMessage.vue b/src/components/talk/message/FileMessage.vue
index 7a91918..d572506 100644
--- a/src/components/talk/message/FileMessage.vue
+++ b/src/components/talk/message/FileMessage.vue
@@ -178,6 +178,7 @@ const handleDownload = () => {
 .file-message {
   width: 243px;
   background-color: #fff;
+  height: 110px;
   border-radius: 8px;
   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
   padding: 0 14px;
diff --git a/src/components/talk/message/ImageMessage.vue b/src/components/talk/message/ImageMessage.vue
index dbc4295..389c220 100644
--- a/src/components/talk/message/ImageMessage.vue
+++ b/src/components/talk/message/ImageMessage.vue
@@ -35,7 +35,7 @@ const img = (src: string, width = 200) => {
     :class="{ left: data.float === 'left' }"
     :style="img(extra.url, 350)"
   >
-    <n-image :src="extra.url" />
+    <n-image class="h-149px" :src="extra.url" />
   </section>
 </template>
 <style lang="less" scoped>
@@ -44,9 +44,6 @@ const img = (src: string, width = 200) => {
   padding: 5px;
   border-radius: 5px;
   background: var(--im-message-left-bg-color);
-  min-width: 30px;
-  min-height: 30px;
-  max-width:240px;
   height:149px
   &.left {
     background: var(--im-message-right-bg-color);

From 470da9e7b73d0683288cb359067737a733a394a1 Mon Sep 17 00:00:00 2001
From: Phoenix <64720302+Concur-max@users.noreply.github.com>
Date: Thu, 22 May 2025 15:27:19 +0800
Subject: [PATCH 5/9] 1

---
 .gitignore      |   1 +
 components.d.ts | 104 ------------------------------------------------
 2 files changed, 1 insertion(+), 104 deletions(-)
 delete mode 100644 components.d.ts

diff --git a/.gitignore b/.gitignore
index e467976..9c0dc08 100644
--- a/.gitignore
+++ b/.gitignore
@@ -24,3 +24,4 @@ makefile
 *.njsproj
 *.sln
 *.sw?
+components.d.ts
diff --git a/components.d.ts b/components.d.ts
deleted file mode 100644
index 4ab0865..0000000
--- a/components.d.ts
+++ /dev/null
@@ -1,104 +0,0 @@
-/* eslint-disable */
-// @ts-nocheck
-// Generated by unplugin-vue-components
-// Read more: https://github.com/vuejs/core/pull/3399
-// biome-ignore lint: disable
-export {}
-
-/* prettier-ignore */
-declare module 'vue' {
-  export interface GlobalComponents {
-    ApplyTab: typeof import('./src/components/group/manage/ApplyTab.vue')['default']
-    AudioMessage: typeof import('./src/components/talk/message/AudioMessage.vue')['default']
-    Avatar: typeof import('./src/components/base/Avatar.vue')['default']
-    AvatarCropper: typeof import('./src/components/base/AvatarCropper.vue')['default']
-    AvatarModule: typeof import('./src/components/avatar-module/index.vue')['default']
-    CodeMessage: typeof import('./src/components/talk/message/CodeMessage.vue')['default']
-    ConfigTab: typeof import('./src/components/group/manage/ConfigTab.vue')['default']
-    ContactModal: typeof import('./src/components/user/ContactModal.vue')['default']
-    CustomBtn: typeof import('./src/components/common/customBtn.vue')['default']
-    CustomModal: typeof import('./src/components/common/customModal.vue')['default']
-    DetailTab: typeof import('./src/components/group/manage/DetailTab.vue')['default']
-    DialogApi: typeof import('./src/components/common/DialogApi.vue')['default']
-    Editor: typeof import('./src/components/editor/Editor.vue')['default']
-    EditorEmail: typeof import('./src/components/user/EditorEmail.vue')['default']
-    EditorMobile: typeof import('./src/components/user/EditorMobile.vue')['default']
-    EditorPassword: typeof import('./src/components/user/EditorPassword.vue')['default']
-    FileMessage: typeof import('./src/components/talk/message/FileMessage.vue')['default']
-    Flnindex: typeof import('./src/components/flnlayout/tree/flnindex.vue')['default']
-    ForwardMessage: typeof import('./src/components/talk/message/ForwardMessage.vue')['default']
-    ForwardRecord: typeof import('./src/components/talk/ForwardRecord.vue')['default']
-    GroupApply: typeof import('./src/components/group/GroupApply.vue')['default']
-    GroupLaunch: typeof import('./src/components/group/GroupLaunch.vue')['default']
-    GroupNotice: typeof import('./src/components/group/GroupNotice.vue')['default']
-    GroupNoticeMessage: typeof import('./src/components/talk/message/GroupNoticeMessage.vue')['default']
-    GroupPanel: typeof import('./src/components/group/GroupPanel.vue')['default']
-    HighLightText: typeof import('./src/components/search/highLightText.vue')['default']
-    HistoryRecord: typeof import('./src/components/talk/HistoryRecord.vue')['default']
-    ImageMessage: typeof import('./src/components/talk/message/ImageMessage.vue')['default']
-    LinkMessage: typeof import('./src/components/talk/message/LinkMessage.vue')['default']
-    Loading: typeof import('./src/components/base/Loading.vue')['default']
-    LoginMessage: typeof import('./src/components/talk/message/LoginMessage.vue')['default']
-    Manage: typeof import('./src/components/group/manage/index.vue')['default']
-    MeEditorCode: typeof import('./src/components/editor/MeEditorCode.vue')['default']
-    MeEditorEmoticon: typeof import('./src/components/editor/MeEditorEmoticon.vue')['default']
-    MeEditorImage: typeof import('./src/components/editor/MeEditorImage.vue')['default']
-    MeEditorLocation: typeof import('./src/components/editor/MeEditorLocation.vue')['default']
-    MeEditorRecorder: typeof import('./src/components/editor/MeEditorRecorder.vue')['default']
-    MeEditorVote: typeof import('./src/components/editor/MeEditorVote.vue')['default']
-    MemberTab: typeof import('./src/components/group/manage/MemberTab.vue')['default']
-    MessageApi: typeof import('./src/components/common/MessageApi.vue')['default']
-    MixedMessage: typeof import('./src/components/talk/message/MixedMessage.vue')['default']
-    NAvatar: typeof import('naive-ui')['NAvatar']
-    NButton: typeof import('naive-ui')['NButton']
-    NCheckbox: typeof import('naive-ui')['NCheckbox']
-    NDropdown: typeof import('naive-ui')['NDropdown']
-    NEmpty: typeof import('naive-ui')['NEmpty']
-    NIcon: typeof import('naive-ui')['NIcon']
-    NImage: typeof import('naive-ui')['NImage']
-    NInput: typeof import('naive-ui')['NInput']
-    NModal: typeof import('naive-ui')['NModal']
-    NoticeEditor: typeof import('./src/components/group/manage/NoticeEditor.vue')['default']
-    NoticeTab: typeof import('./src/components/group/manage/NoticeTab.vue')['default']
-    NotificationApi: typeof import('./src/components/common/NotificationApi.vue')['default']
-    NPopover: typeof import('naive-ui')['NPopover']
-    NRadio: typeof import('naive-ui')['NRadio']
-    NScrollbar: typeof import('naive-ui')['NScrollbar']
-    NSpin: typeof import('naive-ui')['NSpin']
-    NTag: typeof import('naive-ui')['NTag']
-    NVirtualList: typeof import('naive-ui')['NVirtualList']
-    RevokeMessage: typeof import('./src/components/talk/message/RevokeMessage.vue')['default']
-    RouterLink: typeof import('vue-router')['RouterLink']
-    RouterView: typeof import('vue-router')['RouterView']
-    SearchByCondition: typeof import('./src/components/search/searchByCondition.vue')['default']
-    SearchItem: typeof import('./src/components/search/searchItem.vue')['default']
-    SearchList: typeof import('./src/components/search/searchList.vue')['default']
-    SysGroupAdminMessage: typeof import('./src/components/talk/message/system/SysGroupAdminMessage.vue')['default']
-    SysGroupCancelMutedMessage: typeof import('./src/components/talk/message/system/SysGroupCancelMutedMessage.vue')['default']
-    SysGroupCreateMessage: typeof import('./src/components/talk/message/system/SysGroupCreateMessage.vue')['default']
-    SysGroupDismissed: typeof import('./src/components/talk/message/system/SysGroupDismissed.vue')['default']
-    SysGroupInfoChangeMessage: typeof import('./src/components/talk/message/system/SysGroupInfoChangeMessage.vue')['default']
-    SysGroupJoinMessage: typeof import('./src/components/talk/message/system/SysGroupJoinMessage.vue')['default']
-    SysGroupMemberCancelMutedMessage: typeof import('./src/components/talk/message/system/SysGroupMemberCancelMutedMessage.vue')['default']
-    SysGroupMemberKickedMessage: typeof import('./src/components/talk/message/system/SysGroupMemberKickedMessage.vue')['default']
-    SysGroupMemberMutedMessage: typeof import('./src/components/talk/message/system/SysGroupMemberMutedMessage.vue')['default']
-    SysGroupMemberQuitMessage: typeof import('./src/components/talk/message/system/SysGroupMemberQuitMessage.vue')['default']
-    SysGroupMemberRemovedMessage: typeof import('./src/components/talk/message/system/SysGroupMemberRemovedMessage.vue')['default']
-    SysGroupMutedMessage: typeof import('./src/components/talk/message/system/SysGroupMutedMessage.vue')['default']
-    SysGroupTransferMessage: typeof import('./src/components/talk/message/system/SysGroupTransferMessage.vue')['default']
-    SysTextMessage: typeof import('./src/components/talk/message/system/SysTextMessage.vue')['default']
-    TextMessage: typeof import('./src/components/talk/message/TextMessage.vue')['default']
-    Treelabel: typeof import('./src/components/flnlayout/tree/treelabel.vue')['default']
-    UnknownMessage: typeof import('./src/components/talk/message/UnknownMessage.vue')['default']
-    UploadsModal: typeof import('./src/components/base/UploadsModal.vue')['default']
-    UserCardModal: typeof import('./src/components/user/UserCardModal.vue')['default']
-    VideoMessage: typeof import('./src/components/talk/message/VideoMessage.vue')['default']
-    VoteMessage: typeof import('./src/components/talk/message/VoteMessage.vue')['default']
-    XAddressSelect: typeof import('./src/components/x-naive-ui/x-address-select/index.vue')['default']
-    XNDataTable: typeof import('./src/components/x-naive-ui/x-n-data-table/index.vue')['default']
-    XNModal: typeof import('./src/components/x-naive-ui/x-n-modal/index.vue')['default']
-    XNUpload: typeof import('./src/components/x-naive-ui/x-n-upload/index.vue')['default']
-    XSearchForm: typeof import('./src/components/x-naive-ui/x-search-form/index.vue')['default']
-    Xtime: typeof import('./src/components/base/Xtime.vue')['default']
-  }
-}

From 57f169ca78bf32c0be7bf0344c8824f89b6369ea Mon Sep 17 00:00:00 2001
From: Phoenix <64720302+Concur-max@users.noreply.github.com>
Date: Thu, 22 May 2025 15:44:25 +0800
Subject: [PATCH 6/9] 12

---
 env/.env.test | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/env/.env.test b/env/.env.test
index 6abdb34..a71c971 100644
--- a/env/.env.test
+++ b/env/.env.test
@@ -2,7 +2,10 @@ ENV = 'development'
 
 VITE_BASE=/
 VUE_APP_PREVIEW=false
-VITE_BASE_API=http://114.218.158.24:8503
+VITE_BASE_API=http://192.168.88.21:9503
 VITE_EPR_BASEURL=http://114.218.158.24:9020
-VITE_SOCKET_API=ws://114.218.158.24:8504
+VITE_SOCKET_API=ws://192.168.88.21:9504
+# VITE_BASE_API=http://114.218.158.24:8503
+# VITE_SOCKET_API=ws://114.218.158.24:8504
+
 VUE_APP_WEBSITE_NAME=""
\ No newline at end of file

From 5bda2be585a70b958e24c94784cfa108a00c79a7 Mon Sep 17 00:00:00 2001
From: Phoenix <64720302+Concur-max@users.noreply.github.com>
Date: Mon, 26 May 2025 12:00:30 +0800
Subject: [PATCH 7/9] =?UTF-8?q?=E6=9B=B4=E6=96=B0.env.test=E6=96=87?=
 =?UTF-8?q?=E4=BB=B6=E4=B8=AD=E7=9A=84API=E5=9C=B0=E5=9D=80=EF=BC=8C?=
 =?UTF-8?q?=E8=B0=83=E6=95=B4FileMessage.vue=E7=BB=84=E4=BB=B6=E7=9A=84?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F=EF=BC=8C=E5=A2=9E=E5=8A=A0=E9=AB=98=E5=BA=A6?=
 =?UTF-8?q?=E5=92=8C=E7=81=B5=E6=B4=BB=E6=80=A7=EF=BC=8C=E4=BC=98=E5=8C=96?=
 =?UTF-8?q?auth.js=E4=B8=AD=E7=9A=84token=E8=8E=B7=E5=8F=96=E9=80=BB?=
 =?UTF-8?q?=E8=BE=91=EF=BC=8C=E5=A2=9E=E5=BC=BAMultiSelectFooter.vue?=
 =?UTF-8?q?=E4=B8=AD=E7=9A=84=E6=89=B9=E9=87=8F=E5=88=A0=E9=99=A4=E5=8A=9F?=
 =?UTF-8?q?=E8=83=BD=EF=BC=8C=E6=B7=BB=E5=8A=A0=E7=A1=AE=E8=AE=A4=E6=A1=86?=
 =?UTF-8?q?=E6=8F=90=E7=A4=BA=E3=80=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 env/.env.test                                 | 10 ++--
 src/components/confirm-box/index.vue          | 49 +++++++++++++++++++
 src/components/confirm-box/service.js         | 32 ++++++++++++
 src/components/talk/message/FileMessage.vue   |  6 +--
 src/utils/auth.js                             |  2 +-
 .../message/inner/panel/MultiSelectFooter.vue | 17 +++++--
 6 files changed, 102 insertions(+), 14 deletions(-)
 create mode 100644 src/components/confirm-box/index.vue
 create mode 100644 src/components/confirm-box/service.js

diff --git a/env/.env.test b/env/.env.test
index a71c971..e7f905e 100644
--- a/env/.env.test
+++ b/env/.env.test
@@ -2,10 +2,10 @@ ENV = 'development'
 
 VITE_BASE=/
 VUE_APP_PREVIEW=false
-VITE_BASE_API=http://192.168.88.21:9503
-VITE_EPR_BASEURL=http://114.218.158.24:9020
-VITE_SOCKET_API=ws://192.168.88.21:9504
-# VITE_BASE_API=http://114.218.158.24:8503
-# VITE_SOCKET_API=ws://114.218.158.24:8504
+#VITE_BASE_API=http://192.168.88.21:9503
 
+#VITE_SOCKET_API=ws://192.168.88.21:9504
+ VITE_BASE_API=http://114.218.158.24:8503
+ VITE_SOCKET_API=ws://114.218.158.24:8504
+VITE_EPR_BASEURL=http://114.218.158.24:9020
 VUE_APP_WEBSITE_NAME=""
\ No newline at end of file
diff --git a/src/components/confirm-box/index.vue b/src/components/confirm-box/index.vue
new file mode 100644
index 0000000..2d53033
--- /dev/null
+++ b/src/components/confirm-box/index.vue
@@ -0,0 +1,49 @@
+<script setup>
+import { ref, watch } from 'vue'
+import XNModal from '@/components/x-naive-ui/x-n-modal/index.vue'
+const emit = defineEmits(['cancel','confirm'])
+const show=defineModel('show')
+const props = defineProps({
+  title:{
+    type:String,
+    default:'提示'
+  },
+  content:{
+    type:String,
+    default:'内容'
+  },
+  cancelText:{
+    type:String,
+    default:'取消'
+  },
+  confirmText:{
+    type:String,
+    default:'确定'
+  }
+})
+
+
+</script>
+
+<template>
+    
+  <XNModal v-model:show="show" :closable="false" class="w-724px"    content-style="padding:0px"  @after-leave="emit('after-leave')">
+   <div class="flex flex-col w-full px-25px pb-49px">
+    <div class="text-20px text-#1F2225 w-full text-center border-b-1px border-b-solid border-b-#E9E9E9 py-25px">{{ title }}</div>
+    <div class="py-60px text-center text-20px text-#1F2225">
+        {{ content }}
+    </div>
+    <div class="flex w-full justify-center">
+        <n-button color="#C7C7C9" class="text-14px text-#fff w-161px h-34px mr-10px"
+          @click="() => { show=false; emit('cancel') }"
+        >{{ cancelText }}</n-button>
+        <n-button color="#46299D" class="text-14px text-#fff w-161px h-34px"
+          @click="() => { show=false; emit('confirm') }"
+        >{{ confirmText }}</n-button>
+    </div>
+   </div>
+  </XNModal>
+</template>
+
+<style scoped>
+</style>
\ No newline at end of file
diff --git a/src/components/confirm-box/service.js b/src/components/confirm-box/service.js
new file mode 100644
index 0000000..7ecce25
--- /dev/null
+++ b/src/components/confirm-box/service.js
@@ -0,0 +1,32 @@
+import { createVNode, nextTick, render } from 'vue'
+import ConfirmBox from './index.vue'
+
+export function confirmBox(options) {
+  return new Promise((resolve, reject) => {
+    const container = document.createElement('div')
+    document.body.appendChild(container)
+
+    const props = {
+      ...options,
+      show: false,
+      onCancel: () => {
+        reject()
+
+      },
+      onAfterLeave:()=>{
+        render(null, container)
+        document.body.removeChild(container)
+      },
+      onConfirm: () => {
+        resolve()
+    
+      },
+    }
+
+    const vnode = createVNode(ConfirmBox, props)
+    render(vnode, container)
+    nextTick(() => {
+      vnode.component.props.show = true
+    })
+  })
+}
\ No newline at end of file
diff --git a/src/components/talk/message/FileMessage.vue b/src/components/talk/message/FileMessage.vue
index d572506..37828ef 100644
--- a/src/components/talk/message/FileMessage.vue
+++ b/src/components/talk/message/FileMessage.vue
@@ -113,7 +113,7 @@ const handleDownload = () => {
 </script>
 
 <template>
-  <div class="file-message" @click="handleClick">
+  <div class="file-message flex flex-col" @click="handleClick">
     <!-- 文件头部信息 -->
     <div class="file-header">
       <!-- 文件名 -->
@@ -163,7 +163,7 @@ const handleDownload = () => {
       </div>
     </div>
     <!-- 文件大小信息 -->
-    <div class="flex justify-between items-center">
+    <div class="flex justify-between items-center grow-1">
       <div class="file-size">{{ fileFormatSize(extra.size) }}</div>
       <div class="flex items-center" v-if="!extra.is_uploading">
         <div class="flex items-center" @click.stop="handleDownload"> <img class="w-11.7px h-11.74px mr-7px" src="@/assets/image/dofd.png" alt=""> <span class="text-12px text-#46299D">下载</span></div>
@@ -206,6 +206,7 @@ const handleDownload = () => {
 }
 
 .file-icon-container {
+  height: 48px;
   position: relative;
 }
 
@@ -229,7 +230,6 @@ const handleDownload = () => {
 .file-size {
   color: #747474;
   font-size: 12px;
-  padding: 5px 0 11px;
 }
 
 .circle-progress-container {
diff --git a/src/utils/auth.js b/src/utils/auth.js
index ffba221..27dd692 100644
--- a/src/utils/auth.js
+++ b/src/utils/auth.js
@@ -18,7 +18,7 @@ export function isLoggedIn() {
  */
 export function getAccessToken() {
   // return storage.get(AccessToken) || ''
-  return JSON.parse(localStorage.getItem('token'))||'79b5c732d96d2b27a48a99dfd4a5566c43aaa5796242e854ebe3ffc198d6876b9628e7b764d9af65ab5dbb2d517ced88170491b74b048c0ba827c0d3741462cb89dc59ed46653a449af837a8262941caaef1334d640773710f8cd96473bacfb190cba595a5d6a9c87d70f0999a3ebb41147213b31b4bdccffca66a56acf3baab5af0154f0dce360079f37709f78e13711036899344bddb0fb4cf0f2890287cb62c3fcbe33368caa5e213624577be8b8420ab75b1f50775ee16142a4321c5d56995f37354a66a969da98d95ba6e65d142ed097e04b411c1ebad2f62866d0ec7e1838420530a9941dbbcd00490199f8b89eb1ea28c6224649ca60080b7243593f7462085111e3bd3868564aa9a65a16e171ba833d4955a4555f3376cb64b66eb2304dafb03f182fe1719d09e84d345954edbf75b17358196e1378893c8c97b56a6'
+  return JSON.parse(localStorage.getItem('token'))||'46d71a72d8d845ad7ed23eba9bdde260e635407190c2ce1bf7fd22088e41682ea07773ec65cae8946d2003f264d55961f96e0fc5da10eb96d3a348c1664e9644ce2108c311309f398ae8ea1b8200bfd490e5cb6e8c52c9e5d493cbabb163368f8351420451a631dbfa749829ee4cda49b77b5ed2d3dced5d0f2b7dd9ee76ba5465c84a17c23af040cd92b6b2a4ea48befbb5c729dcdad0a9c9668befe84074cc24f78899c1d947f8e7f94c7eda5325b8ed698df729e76febb98549ef3482ae942fb4f4a1c92d21836fa784728f0c5483aab2760a991b6b36e6b10c84f840a6433a6ecc31dee36e8f1c6158818bc89d22cb993eb73d0e2c0e0c8f627f3a8550a8e846cd26e5ec6abe0b57b0470a33b33c4b097d9fc113aa020f9751b55320b4f6b3f812fa4cc357f90f8db108a250b14e477c1e1b2292799d3c8831f7a47de2d6'
 }
 
 /**
diff --git a/src/views/message/inner/panel/MultiSelectFooter.vue b/src/views/message/inner/panel/MultiSelectFooter.vue
index 153e79e..dd2081f 100644
--- a/src/views/message/inner/panel/MultiSelectFooter.vue
+++ b/src/views/message/inner/panel/MultiSelectFooter.vue
@@ -1,7 +1,7 @@
 <script lang="ts" setup>
 import { ref } from 'vue'
 import { useDialogueStore } from '@/store'
-import { Share, ShareThree, Delete, Close } from '@icon-park/vue-next'
+import {confirmBox} from '@/components/confirm-box/service.js'
 
 import ContactModal from '@/components/user/ContactModal.vue'
 
@@ -31,12 +31,19 @@ const onSingleForward = () => {
 }
 
 const onMultiDelete = () => {
+  confirmBox({
+    content:'确定删除聊天记录',
+    confirmText:'删除'
+  }).then(()=>{
+    let msgIds = dialogueStore.selectItems.map((item: any) => item.msg_id)
+
+if (!msgIds.length) return
+
+dialogueStore.ApiDeleteRecord(msgIds)
+    
+  })
   // 批量删除
-  let msgIds = dialogueStore.selectItems.map((item: any) => item.msg_id)
 
-  if (!msgIds.length) return
-
-  dialogueStore.ApiDeleteRecord(msgIds)
 }
 
 const onContactModal = (data: { receiver_id: number; talk_type: number }[]) => {

From e2e0a3ea3a258c509dcade3909964111fd2bed6c Mon Sep 17 00:00:00 2001
From: Phoenix <64720302+Concur-max@users.noreply.github.com>
Date: Mon, 26 May 2025 16:43:11 +0800
Subject: [PATCH 8/9] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=E6=96=87=E4=BB=B6?=
 =?UTF-8?q?=E4=B8=8A=E4=BC=A0=E9=80=BB=E8=BE=91=E5=92=8CUI=E9=97=AE?=
 =?UTF-8?q?=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 修复文件上传暂停/恢复逻辑错误，调整播放状态与上传动作的对应关系
- 为视频上传添加半透明蒙层提升用户体验
- 移除上传管理中的冗余字段和注释代码
- 调整确认框标题的padding样式
- 添加消息重发确认功能
---
 src/components/confirm-box/index.vue          |  2 +-
 src/components/talk/message/FileMessage.vue   | 14 ++--
 src/components/talk/message/VideoMessage.vue  | 15 +++-
 src/store/modules/uploads.ts                  | 73 +++----------------
 .../message/inner/panel/PanelContent.vue      | 10 ++-
 src/views/message/inner/panel/PanelFooter.vue | 40 ++--------
 vite.config.ts                                |  2 +-
 7 files changed, 49 insertions(+), 107 deletions(-)

diff --git a/src/components/confirm-box/index.vue b/src/components/confirm-box/index.vue
index 2d53033..6f2ca02 100644
--- a/src/components/confirm-box/index.vue
+++ b/src/components/confirm-box/index.vue
@@ -29,7 +29,7 @@ const props = defineProps({
     
   <XNModal v-model:show="show" :closable="false" class="w-724px"    content-style="padding:0px"  @after-leave="emit('after-leave')">
    <div class="flex flex-col w-full px-25px pb-49px">
-    <div class="text-20px text-#1F2225 w-full text-center border-b-1px border-b-solid border-b-#E9E9E9 py-25px">{{ title }}</div>
+    <div class="text-20px text-#1F2225 w-full text-center border-b-1px border-b-solid border-b-#E9E9E9 py-20px">{{ title }}</div>
     <div class="py-60px text-center text-20px text-#1F2225">
         {{ content }}
     </div>
diff --git a/src/components/talk/message/FileMessage.vue b/src/components/talk/message/FileMessage.vue
index 37828ef..c7133d7 100644
--- a/src/components/talk/message/FileMessage.vue
+++ b/src/components/talk/message/FileMessage.vue
@@ -71,9 +71,8 @@ function getFileExtension(filename) {
 // 切换播放状态
 const togglePlay = () => {
   isPlaying.value = !isPlaying.value
-  
   if (props.extra.is_uploading && props.extra.upload_id) {
-    const action = isPlaying.value ? 'resumeUpload' : 'pauseUpload'
+    const action = isPlaying.value ? 'pauseUpload' : 'resumeUpload'
     uploadsStore[action](props.extra.upload_id)
   }
 }
@@ -124,7 +123,7 @@ const handleDownload = () => {
             
         <!-- 上传进度圆环 - 上传状态 -->
         <div v-if="extra.is_uploading" class="progress-overlay">
-          <div class="circle-progress-container" @click="togglePlay">
+          <div class="circle-progress-container" @click.stop="togglePlay">
             <svg class="circle-progress" width="20" height="20" viewBox="0 0 20 20">
               <!-- 底色圆环 -->
               <circle 
@@ -150,13 +149,14 @@ const handleDownload = () => {
               />
               
               <!-- 暂停/播放图标 -->
-              <g v-if="isPlaying" class="pause-icon">
+             
+              <g v-if="isPlaying" class="play-icon">
+                <rect x="6" y="6" width="8" height="8" :fill="fileInfo.color" />
+              </g>
+              <g v-else class="pause-icon">
                 <rect x="7" y="5" width="2" height="10" :fill="fileInfo.color" />
                 <rect x="11" y="5" width="2" height="10" :fill="fileInfo.color" />
               </g>
-              <g v-else class="play-icon">
-                <rect x="6" y="6" width="8" height="8" :fill="fileInfo.color" />
-              </g>
             </svg>
           </div>
         </div>
diff --git a/src/components/talk/message/VideoMessage.vue b/src/components/talk/message/VideoMessage.vue
index 7aa0ce5..d43e247 100644
--- a/src/components/talk/message/VideoMessage.vue
+++ b/src/components/talk/message/VideoMessage.vue
@@ -137,7 +137,8 @@ function resumeUpload(e) {
   
     <!-- <n-image :src="extra.cover" preview-disabled /> -->
     <video :src="props.extra.url" :controls="false"></video>
-    
+    <!-- 上传进度时的黑色半透明蒙层 -->
+    <div v-if="extra.is_uploading && !uploadFailed" class="upload-mask"></div>
     <!-- 上传进度显示 -->
     <div v-if="extra.is_uploading && !uploadFailed" class="upload-progress">
       <n-progress
@@ -245,6 +246,17 @@ function resumeUpload(e) {
   justify-content: center;
 }
 
+.upload-mask {
+  position: absolute;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  background: rgba(0, 0, 0, 0.45);
+  z-index: 1;
+  border-radius: 5px;
+}
+
 .upload-progress {
   position: absolute;
   left: 50%;
@@ -255,6 +267,7 @@ function resumeUpload(e) {
   display: flex;
   justify-content: center;
   align-items: center;
+  z-index: 2;
   
   .upload-control {
     position: absolute;
diff --git a/src/store/modules/uploads.ts b/src/store/modules/uploads.ts
index 99ec941..44e028e 100644
--- a/src/store/modules/uploads.ts
+++ b/src/store/modules/uploads.ts
@@ -79,28 +79,6 @@ export const useUploadsStore = defineStore('uploads', {
     findItemByClientId(clientUploadId: string): UploadItem | undefined {
       return this.items.find((item) => item.client_upload_id === clientUploadId)
     },
-
-    // // 暂停文件上传
-    // pauseUpload(uploadId: string) {
-    //   const item = this.findItem(uploadId)
-    //   if (!item) return
-      
-    //   item.is_paused = true
-    //   console.log(`暂停上传: ${uploadId}`)
-    // },
-
-    // 恢复文件上传
-    // resumeUpload(uploadId: string) {
-    //   const item = this.findItem(uploadId)
-    //   if (!item) return
-      
-    //   item.is_paused = false
-    //   console.log(`恢复上传: ${uploadId}`)
-      
-    //   // 继续上传
-    //   this.triggerUpload(uploadId)
-    // },
-
     // 发送上传消息
     async sendUploadMessage(item: any) {
       try {
@@ -119,8 +97,7 @@ export const useUploadsStore = defineStore('uploads', {
       file: File, 
       talkType: number, 
       receiverId: number, 
-      username: string,
-      uploadId: string,
+      clientUploadId: string,
       onProgress: (percentage: number) => void,
       onComplete: (data: any) => void
     ) {
@@ -147,13 +124,11 @@ export const useUploadsStore = defineStore('uploads', {
             talk_type: talkType,
             receiver_id: receiverId,
             upload_id: upload_id,
-            client_upload_id: uploadId, // 客户端生成的上传ID，用于前端标识
+            client_upload_id: clientUploadId, // 客户端生成的上传ID，用于前端标识
             uploadIndex: 0,
             percentage: 0,
             status: 0, // 文件上传状态 0:等待上传 1:上传中 2:上传完成 3:网络异常
             files: fileChunks,
-            avatar: '',
-            username: username,
             is_paused: false,
             onProgress: onProgress,
             onComplete: onComplete,
@@ -162,7 +137,7 @@ export const useUploadsStore = defineStore('uploads', {
           this.isShow = false // 不显示上传管理抽屉
           
           // 开始上传分片
-          this.triggerUpload(upload_id, uploadId)
+          this.triggerUpload(upload_id, clientUploadId)
         } else {
           message.error(res.message)
           onProgress(-1) // 通知上传失败
@@ -198,16 +173,16 @@ export const useUploadsStore = defineStore('uploads', {
       
       // 上传当前分片
       try {
+
         const res = await ServeFileSubareaUpload(form)
-        
+  
         // 获取最新的项目状态，确保仍然存在且没有被暂停
-        const updatedItem = this.findItem(uploadId)
-        if (!updatedItem || updatedItem.is_paused) return
-        
+        const updatedItem:any = this.findItem(uploadId)
+      
         if (res.code == 200) {
           // 当前分片上传成功，增加索引
           updatedItem.uploadIndex++
-          
+    
           // 计算上传进度
           const percentage = (updatedItem.uploadIndex / updatedItem.files.length) * 100
           updatedItem.percentage = parseFloat(percentage.toFixed(1))
@@ -234,8 +209,7 @@ export const useUploadsStore = defineStore('uploads', {
           console.error(`分片上传失败，错误码: ${res.code}，错误信息: ${res.message || '未知错误'}`);
           updatedItem.status = 3
           
-          // 尝试重试当前分片
-          this.retryUpload(uploadId, clientUploadId, res.message || '上传失败，请重试')
+        
         }
       } catch (error) {
         console.error("分片上传错误:", error);
@@ -248,37 +222,10 @@ export const useUploadsStore = defineStore('uploads', {
         if (updatedItem.is_paused) return
         
         updatedItem.status = 3
-        
-        // 尝试重试当前分片
-        this.retryUpload(uploadId, clientUploadId, '网络错误，正在重试')
       }
     },
     
-    // 重试上传
-    retryUpload(uploadId: string, clientUploadId?: string, errorMessage?: string) {
-      const item = this.findItem(uploadId)
-      if (!item) return
-      
-      // 如果有暂停/恢复按钮，先告知用户上传出错
-      if (item.onProgress) {
-        item.onProgress(-1)
-      }
-      
-      // 显示错误提示
-      message.warning(errorMessage)
-      
-      // 创建一个5秒后自动重试的机制
-      setTimeout(() => {
-        const currentItem = this.findItem(uploadId)
-        if (!currentItem) return
-        
-        // 如果用户没有手动暂停，则自动重试
-        if (!currentItem.is_paused) {
-          console.log('正在重试上传分片...');
-          this.triggerUpload(uploadId, clientUploadId)
-        }
-      }, 5000)
-    },
+ 
     
     // 完成上传
     async completeUpload(item: UploadItem, clientUploadId: string) {
diff --git a/src/views/message/inner/panel/PanelContent.vue b/src/views/message/inner/panel/PanelContent.vue
index 360e651..c1ed184 100644
--- a/src/views/message/inner/panel/PanelContent.vue
+++ b/src/views/message/inner/panel/PanelContent.vue
@@ -17,6 +17,7 @@ import { ExclamationCircleFilled } from '@ant-design/icons-vue'
 import { useUserStore } from '@/store'
 import RevokeMessage from '@/components/talk/message/RevokeMessage.vue'
 import { voiceToText } from '@/api/chat.js'
+import {confirmBox} from '@/components/confirm-box/service.js'
 const props = defineProps({
   uid: {
     type: Number,
@@ -314,6 +315,13 @@ watch(
 // onMounted(() => {
   // onLoad({ ...props, limit: 30 })
 // })
+const retry=()=>{
+  confirmBox({
+    content:'确定重发吗'
+  }).then(()=>{
+    
+  })
+}
 </script>
 
 <template>
@@ -414,7 +422,7 @@ watch(
                 "
                 class="mr-10px"
               >
-                <n-button text style="font-size: 20px;">
+                <n-button text style="font-size: 20px;" @click="retry">
                   <n-icon color="#CF3050">
                     <ExclamationCircleFilled />
                   </n-icon>
diff --git a/src/views/message/inner/panel/PanelFooter.vue b/src/views/message/inner/panel/PanelFooter.vue
index a611d6a..4499aab 100644
--- a/src/views/message/inner/panel/PanelFooter.vue
+++ b/src/views/message/inner/panel/PanelFooter.vue
@@ -116,15 +116,13 @@ const onSendVideoEvent = async ({ data }) => {
     msg_type: 5, // 视频消息类型
     user_id: props.uid,
     receiver_id: props.receiver_id,
-    nickname: '我', // 本地显示
-    avatar: userStore.avatar, // 本地显示可能不需要
     is_revoke: 0,
     is_mark: 0,
     is_read: 1,
     content: '',
     created_at: parseTime(new Date(), '{y}-{m}-{d} {h}:{i}'),
     extra: {
-      url: '', // 上传完成后会更新
+      url: '', 
       size: data.size,
       is_uploading: true,
       upload_id: uploadId,
@@ -141,35 +139,12 @@ const onSendVideoEvent = async ({ data }) => {
     data, 
     props.talk_type, 
     props.receiver_id, 
-    dialogueStore.talk.username, 
     uploadId, 
     async (percentage) => {
       dialogueStore.updateUploadProgress(uploadId, percentage)
     },
     async () => {
       dialogueStore.batchDelDialogueRecord([uploadId])
-      // console.log('videoData', videoData)
-      // // 上传完成后的回调
-    
-      // // 更新临时消息为最终消息
-      // dialogueStore.completeUpload(uploadId, {
-      //   url: videoData.data.ori_url,
-      //   cover: videoData.data.cover_url
-      // })
-      
-      // // 上传成功后，发送正式消息给服务端
-      // let finalMessage = {
-      //   type: 'video',
-      //   url: videoData.data.ori_url,
-
-      //   size: data.size
-      // }
-      
-      // // 发送真实消息到服务端
-      // onSendMessage(finalMessage, () => {
-      //   // 上传成功且消息发送成功后，删除临时消息
-      //   dialogueStore.batchDelDialogueRecord([uploadId])
-      // })
     }
   )
 }
@@ -185,10 +160,10 @@ const onSendFileEvent = ({ data }) => {
   if (data.size > maxsize) {
     return window['$message'].warning('上传文件不能超过100M!')
   }
-  const uploadId = `file-${Date.now()}-${Math.floor(Math.random() * 1000)}`
+  const clientUploadId = `file-${Date.now()}-${Math.floor(Math.random() * 1000)}`
 
   const tempMessage = {
-    msg_id: uploadId,
+    msg_id: clientUploadId,
     sequence: Date.now(),
     talk_type: props.talk_type,
     msg_type: 6,
@@ -204,20 +179,19 @@ const onSendFileEvent = ({ data }) => {
       url: '', 
       size: data.size,
       is_uploading: true,
-      upload_id: uploadId,
+      upload_id: clientUploadId,
       percentage: 0
     },
-    erp_user_id: 4692,
     float: 'right'
   }
   dialogueStore.addDialogueRecord(tempMessage)
 
-  uploadsStore.initUploadFile(data, props.talk_type, props.receiver_id, dialogueStore.talk.username,uploadId,
+  uploadsStore.initUploadFile(data, props.talk_type, props.receiver_id,clientUploadId,
   async (percentage) => {
-      dialogueStore.updateUploadProgress(uploadId, percentage)
+      dialogueStore.updateUploadProgress(clientUploadId, percentage)
     },
     async () => {
-      dialogueStore.batchDelDialogueRecord([uploadId])
+      dialogueStore.batchDelDialogueRecord([clientUploadId])
     }
   )
 }
diff --git a/vite.config.ts b/vite.config.ts
index dd4857f..83a792e 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -47,7 +47,7 @@ export default defineConfig(({ mode }) => {
       compressPlugin(), 
       UnoCSS(),
       vueDevTools({
-        launchEditor: 'cursor',
+        launchEditor: 'trae',
       })
     ],
     define: {

From 19a6c89b76a8c3f55426e64cd950e40ac5c6460e Mon Sep 17 00:00:00 2001
From: Phoenix <64720302+Concur-max@users.noreply.github.com>
Date: Mon, 26 May 2025 16:58:12 +0800
Subject: [PATCH 9/9] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=E4=B8=8A=E4=BC=A0?=
 =?UTF-8?q?=E8=BF=9B=E5=BA=A6=E6=98=BE=E7=A4=BA=E5=92=8C=E9=87=8D=E8=AF=95?=
 =?UTF-8?q?=E9=80=BB=E8=BE=91=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 在FileMessage.vue中，仅当上传进度大于0时显示进度圆环，避免初始状态显示
- 在PanelContent.vue中，为retry函数添加参数传递，确保重试操作针对特定项目
- 在uploads.ts中，添加暂停状态检查并处理上传失败时的进度回调
---
 src/components/talk/message/FileMessage.vue    | 2 +-
 src/store/modules/uploads.ts                   | 3 ++-
 src/views/message/inner/panel/PanelContent.vue | 4 ++--
 3 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/components/talk/message/FileMessage.vue b/src/components/talk/message/FileMessage.vue
index c7133d7..7b41ad7 100644
--- a/src/components/talk/message/FileMessage.vue
+++ b/src/components/talk/message/FileMessage.vue
@@ -122,7 +122,7 @@ const handleDownload = () => {
         <img class="file-icon" :src="fileInfo.icon" alt="文件图标">
             
         <!-- 上传进度圆环 - 上传状态 -->
-        <div v-if="extra.is_uploading" class="progress-overlay">
+        <div v-if="extra.is_uploading&&extra.percentage>0" class="progress-overlay">
           <div class="circle-progress-container" @click.stop="togglePlay">
             <svg class="circle-progress" width="20" height="20" viewBox="0 0 20 20">
               <!-- 底色圆环 -->
diff --git a/src/store/modules/uploads.ts b/src/store/modules/uploads.ts
index 44e028e..20f55c5 100644
--- a/src/store/modules/uploads.ts
+++ b/src/store/modules/uploads.ts
@@ -178,7 +178,7 @@ export const useUploadsStore = defineStore('uploads', {
   
         // 获取最新的项目状态，确保仍然存在且没有被暂停
         const updatedItem:any = this.findItem(uploadId)
-      
+      if(updatedItem.is_paused) return
         if (res.code == 200) {
           // 当前分片上传成功，增加索引
           updatedItem.uploadIndex++
@@ -205,6 +205,7 @@ export const useUploadsStore = defineStore('uploads', {
             this.triggerUpload(uploadId, clientUploadId)
           }
         } else {
+          updatedItem.onProgress(-1)
           // 上传失败处理
           console.error(`分片上传失败，错误码: ${res.code}，错误信息: ${res.message || '未知错误'}`);
           updatedItem.status = 3
diff --git a/src/views/message/inner/panel/PanelContent.vue b/src/views/message/inner/panel/PanelContent.vue
index c1ed184..529652e 100644
--- a/src/views/message/inner/panel/PanelContent.vue
+++ b/src/views/message/inner/panel/PanelContent.vue
@@ -315,7 +315,7 @@ watch(
 // onMounted(() => {
   // onLoad({ ...props, limit: 30 })
 // })
-const retry=()=>{
+const retry=(item:any)=>{
   confirmBox({
     content:'确定重发吗'
   }).then(()=>{
@@ -422,7 +422,7 @@ const retry=()=>{
                 "
                 class="mr-10px"
               >
-                <n-button text style="font-size: 20px;" @click="retry">
+                <n-button text style="font-size: 20px;" @click="retry(item)">
                   <n-icon color="#CF3050">
                     <ExclamationCircleFilled />
                   </n-icon>