diff --git a/src/pages/chooseByDeps/index.vue b/src/pages/chooseByDeps/index.vue
index 7e18f0e..b453cf2 100644
--- a/src/pages/chooseByDeps/index.vue
+++ b/src/pages/chooseByDeps/index.vue
@@ -917,7 +917,7 @@ const init = async () => {
   depTreeMyList.value = []
   crumbs.value = []
 
-  await getDepsTreeMy2()
+  await getDepsTreeMy2(state.chooseMode)
   if (depTreeMyList.value.length) {
     if (state.chooseMode === 1) {
       // 部门选择模式才创建 all 节点
diff --git a/src/pages/dialog/index.vue b/src/pages/dialog/index.vue
index c0d97be..398a2b1 100644
--- a/src/pages/dialog/index.vue
+++ b/src/pages/dialog/index.vue
@@ -53,7 +53,7 @@
           v-for="item in virtualList"
           :id="`zp-id-${item.msg_id}`"
           :key="item.zp_index"
-          style="transform: scaleY(-1)"
+          style="transform: scaleY(-1);"
         >
           <!-- 系统消息 -->
           <div v-if="item.msg_type >= 1000" class="message-box">
@@ -136,7 +136,7 @@
                   {{ item.nickname }}
                 </span>
                 <span>
-                  {{ parseTime(item.created_at, "{m}/{d} {h}:{i}") }}
+                  {{ parseTime(item.created_at, '{m}/{d} {h}:{i}') }}
                 </span>
               </div>
 
@@ -185,7 +185,7 @@
             </main>
           </div>
         </div>
-        <div class="load-toolbar pointer" style="transform: scaleY(-1)">
+        <div class="load-toolbar pointer" style="transform: scaleY(-1);">
           <span v-if="loadConfig.status == 0">正在加载数据中 ...</span>
           <span v-else-if="loadConfig.status == 1" @click="onScrollToLower">
             查看更多消息 ...
@@ -214,7 +214,7 @@
                   id="editor"
                   :options="editorOption"
                   @editorChange="onEditorChange"
-                  style="width: 100%; flex: 1; height: 100%; border: none"
+                  style="width: 100%; flex: 1; height: 100%; border: none;"
                   @click="onEditorClick"
                 />
                 <!-- <tm-input type=textarea autoHeight focusColor="#F9F9F9" color="#F9F9F9" :inputPadding="[12]"
@@ -226,7 +226,7 @@
                   >
                     {{
                       state?.quoteInfo?.nickname +
-                      "：" +
+                      '：' +
                       state?.quoteInfo?.extra?.content
                     }}
                   </span>
@@ -236,13 +236,13 @@
                   >
                     {{
                       state?.quoteInfo?.nickname +
-                      "：" +
+                      '：' +
                       ChatMsgTypeMapping[state?.quoteInfo?.msg_type]
                     }}
                   </span>
                   <img
                     @click="clearQuoteInfo"
-                    style="width: 30rpx; height: 30rpx"
+                    style="width: 30rpx; height: 30rpx;"
                     src="/src/static/image/login/check-circle-filled@3x.png"
                   />
                 </div>
@@ -373,7 +373,7 @@
       >
         <div
           class="cancel-btns flex-row flex flex-row-center-start"
-          style="width: 210rpx"
+          style="width: 210rpx;"
         >
           <div
             class="hide-btn"
@@ -381,7 +381,7 @@
             @click="hideMentionSelect"
           >
             <img
-              style="width: 40rpx; height: 40rpx"
+              style="width: 40rpx; height: 40rpx;"
               src="/src/static/image/chatList/mention_select_hide_bg.png"
             />
             <img
@@ -396,28 +396,28 @@
             />
           </div>
           <span
-            style="flex-shrink: 0; display: block"
+            style="flex-shrink: 0; display: block;"
             class="text-[32rpx] font-regular text-[#191919]"
             v-if="state.mentionIsMulSelect"
             @click="changeMentionSelectMul(false)"
           >
-            {{ $t("cancel") }}
+            {{ $t('cancel') }}
           </span>
         </div>
         <div
           class="flex flex-row-center-center flex-col"
-          style="padding: 6rpx 0"
+          style="padding: 6rpx 0;"
         >
-          <text>{{ $t("chat.mention.select") }}</text>
+          <text>{{ $t('chat.mention.select') }}</text>
         </div>
-        <div class="flex-row flex flex-row-center-end" style="width: 210rpx">
+        <div class="flex-row flex flex-row-center-end" style="width: 210rpx;">
           <div
             class="mention-edit-btn"
             v-if="!state.mentionIsMulSelect"
             @click="changeMentionSelectMul(true)"
           >
             <span class="text-[32rpx] font-regular text-[#191919]">
-              {{ $t("button.multiple.choice") }}
+              {{ $t('button.multiple.choice') }}
             </span>
           </div>
           <div
@@ -429,13 +429,13 @@
             @click="confirmMentionSelect"
           >
             <span class="text-[32rpx] font-regular text-[#191919]">
-              {{ $t("button.text.done") }}
+              {{ $t('button.text.done') }}
             </span>
             <span
               class="text-[32rpx] font-regular text-[#191919]"
               v-if="state?.selectedMembersNum > 0"
             >
-              {{ "(" + state?.selectedMembersNum + ")" }}
+              {{ '(' + state?.selectedMembersNum + ')' }}
             </span>
           </div>
         </div>
@@ -453,7 +453,7 @@
   </div>
 </template>
 <script setup>
-import selectMemberByAlphabet from "../chatSettings/components/selectMemberByAlphabet.vue";
+import selectMemberByAlphabet from '../chatSettings/components/selectMemberByAlphabet.vue'
 import {
   ref,
   reactive,
@@ -462,11 +462,11 @@ import {
   onMounted,
   onUnmounted,
   nextTick,
-} from "vue";
-import { QuillEditor, Quill } from "@vueup/vue-quill";
-import EmojiBlot from "./formats/emoji";
-import { useChatList } from "@/store/chatList/index.js";
-import { useAuth } from "@/store/auth";
+} from 'vue'
+import { QuillEditor, Quill } from '@vueup/vue-quill'
+import EmojiBlot from './formats/emoji'
+import { useChatList } from '@/store/chatList/index.js'
+import { useAuth } from '@/store/auth'
 import {
   useUserStore,
   useDialogueStore,
@@ -475,63 +475,63 @@ import {
   useTalkStore,
   useSettingsStore,
   useDialogueListStore,
-} from "@/store";
-import addCircleGray from "@/static/image/chatList/addCircleGray.png";
+} from '@/store'
+import addCircleGray from '@/static/image/chatList/addCircleGray.png'
 import {
   MessageComponents,
   ForwardableMessageType,
   ChatMsgTypeMapping,
-} from "@/constant/message";
-import { formatTime, parseTime } from "@/utils/datetime";
-import { deltaToMessage, deltaToString, isEmptyDelta } from "./util";
-import smile from "@/static/image/chatList/smile@2x.png";
-import keyboard from "@/static/image/chatList/keyboard@2x.png";
-import { useInject, useTalkRecord } from "@/hooks";
-import { emitCall } from "@/utils/common";
-import ZPaging from "@/uni_modules/z-paging/components/z-paging/z-paging.vue";
-import useZPaging from "@/uni_modules/z-paging/components/z-paging/js/hooks/useZPaging.js";
-import emojiPanel from "./components/emojiPanel.vue";
-import filePanel from "./components/filePanel.vue";
-import lodash from "lodash";
+} from '@/constant/message'
+import { formatTime, parseTime } from '@/utils/datetime'
+import { deltaToMessage, deltaToString, isEmptyDelta } from './util'
+import smile from '@/static/image/chatList/smile@2x.png'
+import keyboard from '@/static/image/chatList/keyboard@2x.png'
+import { useInject, useTalkRecord } from '@/hooks'
+import { emitCall } from '@/utils/common'
+import ZPaging from '@/uni_modules/z-paging/components/z-paging/z-paging.vue'
+import useZPaging from '@/uni_modules/z-paging/components/z-paging/js/hooks/useZPaging.js'
+import emojiPanel from './components/emojiPanel.vue'
+import filePanel from './components/filePanel.vue'
+import lodash from 'lodash'
 import {
   ServePublishMessage,
   detailGetRecordsContext,
   ServeClearTalkUnreadNum,
   ServeTalkRecords,
-} from "@/api/chat";
-import copy07 from "@/static/image/chatList/copy07@2x.png";
-import multipleChoices from "@/static/image/chatList/multipleChoices@2x.png";
-import cite from "@/static/image/chatList/cite@2x.png";
-import withdraw from "@/static/image/chatList/withdraw@2x.png";
-import delete07 from "@/static/image/chatList/delete@2x.png";
-import zu6050 from "@/static/image/chatList/zu6050@2x.png";
-import zu6051 from "@/static/image/chatList/zu6051@2x.png";
-import zu6052 from "@/static/image/chatList/zu6052@2x.png";
-import zu6053 from "@/static/image/chatList/zu6053@2x.png";
-import deepBubble from "@/components/deep-bubble/deep-bubble.vue";
-import { isRevoke } from "./menu";
-import useConfirm from "@/components/x-confirm/useConfirm.js";
-import {
-  onLoad as uniOnload,
-  onUnload as uniOnUnload,
-} from "@dcloudio/uni-app";
+} from '@/api/chat'
+import copy07 from '@/static/image/chatList/copy07@2x.png'
+import multipleChoices from '@/static/image/chatList/multipleChoices@2x.png'
+import cite from '@/static/image/chatList/cite@2x.png'
+import withdraw from '@/static/image/chatList/withdraw@2x.png'
+import delete07 from '@/static/image/chatList/delete@2x.png'
+import zu6050 from '@/static/image/chatList/zu6050@2x.png'
+import zu6051 from '@/static/image/chatList/zu6051@2x.png'
+import zu6052 from '@/static/image/chatList/zu6052@2x.png'
+import zu6053 from '@/static/image/chatList/zu6053@2x.png'
+import deepBubble from '@/components/deep-bubble/deep-bubble.vue'
+import { isRevoke } from './menu'
+import useConfirm from '@/components/x-confirm/useConfirm.js'
+import { onLoad as uniOnload, onUnload as uniOnUnload } from '@dcloudio/uni-app'
 
-Quill.register("formats/emoji", EmojiBlot);
-import "quill-mention";
-const selectMemberByAlphabetRef = ref(null);
+Quill.register('formats/emoji', EmojiBlot)
+import 'quill-mention'
+const selectMemberByAlphabetRef = ref(null)
 
-const { getDialogueList, updateZpagingRef, virtualList } =
-  useDialogueListStore();
-const talkStore = useTalkStore();
-const { showConfirm } = useConfirm();
-const settingsStore = useSettingsStore();
-const userStore = useUserStore();
-const dialogueStore = useDialogueStore();
-const editorDraftStore = useEditorDraftStore();
-const editor = ref();
-const zpagingRef = ref();
-useZPaging(zpagingRef);
-const indexName = computed(() => dialogueStore.index_name);
+const {
+  getDialogueList,
+  updateZpagingRef,
+  virtualList,
+} = useDialogueListStore()
+const talkStore = useTalkStore()
+const { showConfirm } = useConfirm()
+const settingsStore = useSettingsStore()
+const userStore = useUserStore()
+const dialogueStore = useDialogueStore()
+const editorDraftStore = useEditorDraftStore()
+const editor = ref()
+const zpagingRef = ref()
+useZPaging(zpagingRef)
+const indexName = computed(() => dialogueStore.index_name)
 const talkParams = reactive({
   uid: computed(() => userStore.uid),
   index_name: computed(() => dialogueStore.index_name),
@@ -543,14 +543,14 @@ const talkParams = reactive({
   num: computed(() => dialogueStore.members.length),
   isDismiss: computed(() => dialogueStore.isDismiss),
   adminList: computed(() => dialogueStore.getAdminList),
-});
+})
 
 const state = ref({
   isOpenEmojiPanel: false,
   isOpenFilePanel: false,
   showWin: false,
   onfocusItem: null,
-  sessionId: "", //会话Id
+  sessionId: '', //会话Id
   localPageLoadDone: true, //分页加载缓存中的聊天记录是否完毕
   quoteInfo: null, //引用信息
   mentionIsMulSelect: false, //是否是多选提醒的人
@@ -559,37 +559,40 @@ const state = ref({
   selectAreaHeight: 0, //选择要提醒人的可选人员列表区域高度
   isShowMentionSelect: false, //是否显示要提醒人的选择区域
   useCustomLoadMore: false, //是否使用自定义加载更多事件（下拉刷新、上拉加载）
-  recordDate: "", //按日期查询聊天记录的开始日期
+  recordDate: '', //按日期查询聊天记录的开始日期
   serveFindRecord: [], //调用接口查找到的聊天记录
   middleMsg: {}, //缓存中没有时，调用接口初次使用的依据记录
   keepDialogInfo: false, //是否保存会话信息
+  lastCursorIndex: undefined, //在失焦前保存光标位置
+  mentionUserIds: [], //存储所有被@的用户ID
+  isInsertingMention: false, //是否正在插入mention
 })
 
 uniOnload(async (options) => {
   console.log('onLoad' + JSON.stringify(options))
   if (options.sessionId) {
-    state.value.sessionId = options.sessionId;
+    state.value.sessionId = options.sessionId
   }
   if (options.keepDialogInfo) {
     state.value.keepDialogInfo = options.keepDialogInfo === '1' ? true : false
   }
   if (options.msgInfo) {
-    const msgInfo = JSON.parse(decodeURIComponent(options.msgInfo));
-    queryRecordsByMsgInfo(msgInfo);
-    state.value.useCustomLoadMore = true;
-    return;
+    const msgInfo = JSON.parse(decodeURIComponent(options.msgInfo))
+    queryRecordsByMsgInfo(msgInfo)
+    state.value.useCustomLoadMore = true
+    return
   }
   if (options.recordDate) {
-    state.value.recordDate = options.recordDate;
-    const msgInfo = await findTalkRecords(options.recordDate, true);
-    queryRecordsByMsgInfo(msgInfo);
-    state.value.useCustomLoadMore = true;
-    return;
+    state.value.recordDate = options.recordDate
+    const msgInfo = await findTalkRecords(options.recordDate, true)
+    queryRecordsByMsgInfo(msgInfo)
+    state.value.useCustomLoadMore = true
+    return
   }
-  initData();
-});
+  initData()
+})
 uniOnUnload(() => {
-  console.log("onUnload");
+  console.log('onUnload')
   ServeClearTalkUnreadNum({
     talk_type: Number(talkParams.type),
     receiver_id: Number(talkParams.receiver_id),
@@ -597,28 +600,28 @@ uniOnUnload(() => {
     talkStore.updateItem({
       index_name: talkParams.index_name,
       unread_num: 0,
-    });
-  });
-});
+    })
+  })
+})
 const handleEmojiPanel = () => {
-  state.value.isOpenFilePanel = false;
-  state.value.isOpenEmojiPanel = !state.value.isOpenEmojiPanel;
-};
+  state.value.isOpenFilePanel = false
+  state.value.isOpenEmojiPanel = !state.value.isOpenEmojiPanel
+}
 const handleFilePanel = () => {
-  state.value.isOpenEmojiPanel = false;
-  state.value.isOpenFilePanel = !state.value.isOpenFilePanel;
-};
+  state.value.isOpenEmojiPanel = false
+  state.value.isOpenFilePanel = !state.value.isOpenFilePanel
+}
 
 //点击隐藏表情/文件上传 面板
 const handleHidePanel = () => {
-  state.value.isOpenFilePanel = false;
-  state.value.isOpenEmojiPanel = false;
-};
+  state.value.isOpenFilePanel = false
+  state.value.isOpenEmojiPanel = false
+}
 
 //点击编辑区聚焦输入框
 const onEditorClick = () => {
-  handleHidePanel();
-};
+  handleHidePanel()
+}
 
 const onSendMessage = (data = {}, callBack) => {
   let message = {
@@ -627,25 +630,28 @@ const onSendMessage = (data = {}, callBack) => {
       receiver_id: talkParams.receiver_id,
       talk_type: talkParams.type,
     },
-  };
+  }
 
   ServePublishMessage(message)
     .then(({ code, message }) => {
       if (code == 200) {
         if (callBack) {
-          callBack(true);
+          callBack(true)
         }
       } else {
-        message.warning(message);
+        message.warning(message)
       }
     })
     .catch(() => {
-      message.warning("网络繁忙,请稍后重试!");
-    });
-};
+      message.warning('网络繁忙,请稍后重试!')
+    })
+}
 
 const onSendMessageClick = () => {
-  let delta = getQuill().getContents();
+  // 发送前确保 mentionUserIds 是最新的
+  updateMentionUserIds()
+
+  let delta = getQuill().getContents()
   if (state.value.quoteInfo) {
     delta.ops.unshift({
       insert: {
@@ -653,65 +659,66 @@ const onSendMessageClick = () => {
           id: state.value.quoteInfo.msg_id,
         },
       },
-    });
+    })
   }
-  let data = deltaToMessage(delta);
+  let data = deltaToMessage(delta)
 
   if (data.items.length === 0) {
-    return;
+    return
   }
 
   switch (data.msgType) {
     case 1: // 文字消息
       if (data.items[0].content.length > 1024) {
-        return message.info("发送内容超长，请分条发送");
+        return message.info('发送内容超长，请分条发送')
       }
       onSendTextEvent({
         data,
         callBack: (ok) => {
-          if (!ok) return;
-          getQuill().setContents([], Quill.sources.USER);
+          if (!ok) return
+          getQuill().setContents([], Quill.sources.USER)
           if (state.value.quoteInfo) {
-            state.value.quoteInfo = null;
+            state.value.quoteInfo = null
           }
         },
-      });
-      break;
+      })
+      break
   }
-};
+}
 
 // 发送文本消息
 const onSendTextEvent = lodash.throttle((value) => {
-  let { data, callBack } = value;
+  let { data, callBack } = value
 
   let message = {
-    type: "text",
+    type: 'text',
     content: data.items[0].content,
     quote_id: data.quoteId,
-    mentions: data.mentionUids,
-  };
+    mentions: state.value.mentionUserIds, // 使用最终的用户ID数组
+  }
+  console.log(message)
 
-  onSendMessage(message, callBack);
-}, 1000);
+  onSendMessage(message, callBack)
+}, 1000)
 
 // 编辑器输入事件
 const onInputEvent = ({ data }) => {
   talkStore.updateItem({
     index_name: indexName.value,
     draft_text: data,
-  });
+  })
 
   // 判断对方是否在线和是否需要推送
   // 3秒时间内推送一次
   if (settingsStore.isKeyboard && props.online) {
-    onKeyboardPush();
+    onKeyboardPush()
   }
-};
+}
 
 // 发送表情消息
 const onSendEmoticonEvent = ({ data }) => {
-  onSendMessage({ type: "emoticon", emoticon_id: data });
-};
+  onSendMessage({ type: 'emoticon', emoticon_id: data })
+}
 
 // 注册事件
 const evnets = {
@@ -719,122 +726,123 @@ const evnets = {
   input_event: onInputEvent,
   emoticon_event: onSendEmoticonEvent,
   history_event: () => {
-    isShowHistory.value = true;
+    isShowHistory.value = true
   },
-};
+}
 
-const { loadConfig, records, onLoad, onRefreshLoad, onJumpMessage } =
-  useTalkRecord(talkParams.uid);
+const {
+  loadConfig,
+  records,
+  onLoad,
+  onRefreshLoad,
+  onJumpMessage,
+} = useTalkRecord(talkParams.uid)
 
 const getQuill = () => {
-  return editor.value?.getQuill();
-};
+  return editor.value?.getQuill()
+}
 
 const isShowCopy = (item) => {
   switch (item.msg_type) {
     case 1:
-      return true;
+      return true
     case 3:
-      return true;
+      return true
     case 5:
-      return true;
+      return true
     case 6:
-      return true;
+      return true
     default:
-      return false;
+      return false
   }
-};
+}
 
 const selectedMessage = computed(() => {
-  return virtualList.value.filter((item) => item.isCheck);
-});
+  return virtualList.value.filter((item) => item.isCheck)
+})
 
 // 编辑器事件
 const onEditorEvent = (msg) => {
-  evnets[msg.event] && evnets[msg.event](msg);
-};
+  evnets[msg.event] && evnets[msg.event](msg)
+}
 
 const getQuillSelectionIndex = () => {
-  let quill = getQuill();
-  return (quill.getSelection() || {}).index;
-};
+  let quill = getQuill()
+  return (quill.getSelection() || {}).index
+}
 
 const onEmoticonEvent = (data) => {
   if (data.type == 1) {
-    const quill = getQuill();
-    let index = getQuillSelectionIndex();
+    const quill = getQuill()
+    let index = getQuillSelectionIndex()
 
-    if (index == 1 && quill.getLength() == 1 && quill.getText(0, 1) == "\n") {
-      quill.deleteText(0, 1);
-      index = 0;
+    if (index == 1 && quill.getLength() == 1 && quill.getText(0, 1) == '\n') {
+      quill.deleteText(0, 1)
+      index = 0
     }
     if (data.img) {
-      quill.insertEmbed(index, "emoji", {
+      quill.insertEmbed(index, 'emoji', {
         alt: data.value,
         src: data.img,
-      });
+      })
     } else {
-      quill.insertText(index, data.value);
+      quill.insertText(index, data.value)
     }
 
-    quill.setSelection(index + 1, 0, "user");
+    quill.setSelection(index + 1, 0, 'user')
   } else {
-    let fn = emitCall("emoticon_event", data.value, () => {});
-    emit("editor-event", fn);
+    let fn = emitCall('emoticon_event', data.value, () => {})
+    emit('editor-event', fn)
   }
-};
+}
 
 const onEditorChange = () => {
-  let delta = getQuill().getContents();
+  let delta = getQuill().getContents()
+  let text = deltaToString(delta)
 
-  let text = deltaToString(delta);
-
-  // if (
-  //   text.length > 0 &&
-  //   text.slice(-2).trim() === "@" &&
-  //   talkParams.type === 2
-  // ) {
-  //   state.value.isShowMentionSelect = true;
-  // }
+  // 如果正在插入mention，不进行mention的检查和更新
+  if (!state.value.isInsertingMention) {
+    updateMentionUserIds()
+  }
 
   if (!isEmptyDelta(delta)) {
-    editorDraftStore.items[indexName.value || ""] = JSON.stringify({
+    editorDraftStore.items[indexName.value || ''] = JSON.stringify({
       text: text,
       ops: delta.ops,
-    });
+    })
   } else {
     // 删除 editorDraftStore.items 下的元素
-    delete editorDraftStore.items[indexName.value || ""];
+    delete editorDraftStore.items[indexName.value || '']
   }
-  onEditorEvent(emitCall("input_event", text));
+  onEditorEvent(emitCall('input_event', text))
   // emit('editor-event', emitCall('input_event', text))
   // 清理过期的撤回消息（超过5分钟）
-  const now = new Date().getTime();
+  const now = new Date().getTime()
   Object.keys(state.value.revokedMessages || {}).forEach((msgId) => {
     if (now - state.value.revokedMessages[msgId].revokeTime > 5 * 60 * 1000) {
-      delete state.value.revokedMessages[msgId];
+      delete state.value.revokedMessages[msgId]
     }
-  });
-};
+  })
+}
 
 const onClipboardMatcher = (node, Delta) => {
-  const ops = [];
+  const ops = []
 
   Delta.ops.forEach((op) => {
     // 如果粘贴了图片，这里会是一个对象，所以可以这样处理
-    if (op.insert && typeof op.insert === "string") {
+    if (op.insert && typeof op.insert === 'string') {
       ops.push({
         insert: op.insert, // 文字内容
         attributes: {}, //文字样式（包括背景色和文字颜色等）
-      });
+      })
     } else {
-      ops.push(op);
+      ops.push(op)
     }
-  });
+  })
 
-  Delta.ops = ops;
-  return Delta;
-};
+  Delta.ops = ops
+  return Delta
+}
 
 const editorOption = {
   debug: false,
@@ -860,118 +868,111 @@ const editorOption = {
 
     mention: {
       allowedChars: /^[\u4e00-\u9fa5]*$/,
-      mentionDenotationChars: ["@"],
-      positioningStrategy: "fixed",
+      mentionDenotationChars: ['@'],
+      positioningStrategy: 'fixed',
       renderItem: (data) => {
-        const el = document.createElement("div");
-        el.className = "ed-member-item";
-        el.innerHTML = `<img src="${data.avatar}" class="avator"/>`;
-        el.innerHTML += `<span class="nickname">${data.nickname}</span>`;
-        return el;
+        const el = document.createElement('div')
+        el.className = 'ed-member-item'
+        el.innerHTML += `<span class="nickname">${data.nickname}</span>`
+        return el
       },
-      source: function (searchTerm, renderList) {
-        if (!dialogueStore.members.length) {
-          return renderList([]);
+      source: function (searchTerm, renderList, mentionChar) {
+        // 在失焦前保存光标位置
+        const quill = getQuill()
+        const range = quill.getSelection()
+        if (range) {
+          state.value.lastCursorIndex = range.index
         }
-
-        let list = [
-          { id: 0, nickname: "所有人", avatar: "https://cdn-test.szjixun.cn/artistinfo/test/4455/81e23b7a-d9a3-45c2-af9b-405d33083fed.jpg", value: "所有人" },
-          ...dialogueStore.members,
-        ];
-
-        const items = list.filter(
-          (item) => item.nickname.toLowerCase().indexOf(searchTerm) !== -1
-        );
-
-        renderList(items);
+        state.value.isShowMentionSelect = true
+        // 失去焦点
+        quill.blur()
       },
-      mentionContainerClass:
-        "ql-mention-list-container me-scrollbar me-scrollbar-thumb",
+      mentionContainerClass: '',
     },
   },
-  placeholder: "",
-};
+  placeholder: '',
+}
 
 const handleSelectImg = (data, file_num) => {
-  onSendMessage({ ...data, file_num });
-};
+  onSendMessage({ ...data, file_num })
+}
 
 const virtualListChange = (vList) => {
-  virtualList.value = vList;
-};
+  virtualList.value = vList
+}
 
 const onContextMenu = (menuType, item) => {
-  console.log(menuType, item, "item");
+  console.log(menuType, item, 'item')
   switch (menuType) {
-    case "actionCopy":
-      actionCopy(item);
-      break;
-    case "multipleChoose":
-      multipleChoose(item);
-      break;
-    case "actionCite":
-      actionCite(item);
-      break;
-    case "actionWithdraw":
-      actionWithdraw(item);
-      break;
-    case "actionDelete":
-      actionDelete(item);
-      break;
+    case 'actionCopy':
+      actionCopy(item)
+      break
+    case 'multipleChoose':
+      multipleChoose(item)
+      break
+    case 'actionCite':
+      actionCite(item)
+      break
+    case 'actionWithdraw':
+      actionWithdraw(item)
+      break
+    case 'actionDelete':
+      actionDelete(item)
+      break
 
     default:
-      break;
+      break
   }
-};
+}
 
 const actionCopy = (item) => {
-  console.log("复制");
-  let content = "";
+  console.log('复制')
+  let content = ''
   switch (item.msg_type) {
     case 1:
-      content = item.extra.content;
-      break;
+      content = item.extra.content
+      break
     case 3:
-      content = item.extra.url;
-      break;
+      content = item.extra.url
+      break
     case 5:
-      content = item.extra.url;
-      break;
+      content = item.extra.url
+      break
 
     default:
-      break;
+      break
   }
   uni.setClipboardData({
     data: content,
-  });
-};
+  })
+}
 
 const multipleChoose = (item) => {
-  item.isCheck = true;
-  dialogueStore.setMultiSelect(true);
-};
+  item.isCheck = true
+  dialogueStore.setMultiSelect(true)
+}
 
 const actionCite = (item) => {
-  console.log("引用");
-  state.value.quoteInfo = item;
-};
+  console.log('引用')
+  state.value.quoteInfo = item
+}
 
 //清除引用信息
 const clearQuoteInfo = () => {
-  state.value.quoteInfo = null;
-};
+  state.value.quoteInfo = null
+}
 
 const actionWithdraw = (item) => {
-  console.log("撤回");
-  state.value.onfocusItem = item;
-  state.value.showWin = true;
-};
+  console.log('撤回')
+  state.value.onfocusItem = item
+  state.value.showWin = true
+}
 
 const withdrawerConfirm = () => {
-  dialogueStore.ApiRevokeRecord(state.value.onfocusItem.msg_id);
-  state.value.onfocusItem = null;
-  state.value.showWin = false;
-};
+  dialogueStore.ApiRevokeRecord(state.value.onfocusItem.msg_id)
+  state.value.onfocusItem = null
+  state.value.showWin = false
+}
 
 // 添加检查是否可以重新编辑撤回消息的函数
 const canEditRevokedMessage = (item) => {
@@ -981,25 +982,25 @@ const canEditRevokedMessage = (item) => {
     const revokeTime = new Date(item.created_at).getTime()
     // console.log(now)
     // 检查是否在5分钟内
-    return now - revokeTime <= 5 * 60 * 1000;
+    return now - revokeTime <= 5 * 60 * 1000
   }
-  return false;
-};
+  return false
+}
 
 // 添加恢复撤回消息到输入框的函数
 const restoreRevokedMessage = async (item) => {
   // 接口拿数据，之后把查询的内容给输入框
   const res = await detailGetRecordsContext({
     msgId: item.msg_id,
-  });
-  console.log(res);
+  })
+  console.log(res)
   if (res.code == 200) {
-    const content = res.data.item?.extra?.content;
-    const quill = getQuill();
-    quill.setText(content);
+    const content = res.data.item?.extra?.content
+    const quill = getQuill()
+    quill.setText(content)
     // 将光标设置到文本末尾
-    quill.setSelection(content.length, 0);
-    quill.focus();
+    quill.setSelection(content.length, 0)
+    quill.focus()
   }
   /* const revokedMsg = state.value.revokedMessages[msgId]
 
@@ -1010,95 +1011,95 @@ const restoreRevokedMessage = async (item) => {
     quill.focus()
   } */
   // 可以根据需要添加其他类型消息的处理
-};
+}
 
 const actionDelete = (item) => {
-  console.log("删除");
-  item.isCheck = true;
-  handleDelete();
-};
+  console.log('删除')
+  item.isCheck = true
+  handleDelete()
+}
 
 const handleMergeForward = () => {
   if (selectedMessage.value.length == 0) {
-    return message.warning("未选择消息");
+    return message.warning('未选择消息')
   }
-  console.log("合并转发");
-  dialogueStore.setForwardType(2);
-  dialogueStore.setForwardMessages(selectedMessage.value);
+  console.log('合并转发')
+  dialogueStore.setForwardType(2)
+  dialogueStore.setForwardMessages(selectedMessage.value)
   uni.navigateTo({
-    url: "/pages/chooseChat/index",
+    url: '/pages/chooseChat/index',
     success: function (res) {
-      clearMultiSelect();
+      clearMultiSelect()
     },
-  });
-};
+  })
+}
 
 const handleSingleForward = () => {
   if (selectedMessage.value.length == 0) {
-    return message.warning("未选择消息");
+    return message.warning('未选择消息')
   }
-  console.log("逐条转发");
-  dialogueStore.setForwardType(1);
-  dialogueStore.setForwardMessages(selectedMessage.value);
+  console.log('逐条转发')
+  dialogueStore.setForwardType(1)
+  dialogueStore.setForwardMessages(selectedMessage.value)
   uni.navigateTo({
-    url: "/pages/chooseChat/index",
+    url: '/pages/chooseChat/index',
     success: function (res) {
-      clearMultiSelect();
+      clearMultiSelect()
     },
-  });
-};
+  })
+}
 
 const handleWechatForward = () => {
   if (selectedMessage.value.length == 0) {
-    return message.warning("未选择消息");
+    return message.warning('未选择消息')
   }
-  console.log("微信转发");
-};
+  console.log('微信转发')
+}
 
 const handleDelete = () => {
   if (selectedMessage.value.length == 0) {
-    return message.warning("未选择消息");
+    return message.warning('未选择消息')
   }
-  console.log("删除");
+  console.log('删除')
   showConfirm({
-    content: "确定删除聊天记录",
-    confirmText: "删除",
-    confirmColor: "#CF3050",
+    content: '确定删除聊天记录',
+    confirmText: '删除',
+    confirmColor: '#CF3050',
     onConfirm: async () => {
-      const msgIds = selectedMessage.value.map((item) => item.msg_id);
+      const msgIds = selectedMessage.value.map((item) => item.msg_id)
       virtualList.value = virtualList.value.filter(
-        (item) => !msgIds.includes(item.msg_id)
-      );
-      dialogueStore.ApiDeleteRecord(msgIds);
-      clearMultiSelect();
+        (item) => !msgIds.includes(item.msg_id),
+      )
+      dialogueStore.ApiDeleteRecord(msgIds)
+      clearMultiSelect()
     },
     onCancel: () => {},
-  });
-};
+  })
+}
 
 //更新选中的要提醒的人数
 const updateSelectedMembersNum = (numChange) => {
-  state.value.selectedMembersNum = state.value.selectedMembersNum + numChange;
-};
+  state.value.selectedMembersNum = state.value.selectedMembersNum + numChange
+}
 
 watch(
   () => zpagingRef.value,
   (newValue, oldValue) => {
     if (newValue) {
-      updateZpagingRef(newValue);
+      updateZpagingRef(newValue)
     }
-  }
-);
+  },
+)
 
 watch(
   () => virtualList.value,
   (newValue, oldValue) => {
     if (newValue) {
-      const dialogueList = getDialogueList(talkParams.index_name);
+      const dialogueList = getDialogueList(talkParams.index_name)
       // console.log(newValue[newValue.length - 1]?.sequence, dialogueList?.records?.[0]?.sequence)
       if (!dialogueList || dialogueList?.length === 0) {
-        state.value.localPageLoadDone = true;
-        return;
+        state.value.localPageLoadDone = true
+        return
       }
       // 只在正常加载模式下检查是否加载完缓存数据
       if (!state.value.useCustomLoadMore) {
@@ -1116,27 +1117,27 @@ watch(
   },
   {
     deep: true,
-  }
-);
+  },
+)
 
 const onScrollToLower = async () => {
   if (state.value.useCustomLoadMore) {
-    const tempVirtualList = lodash.cloneDeep(virtualList.value).reverse();
-    const dialogueList = getDialogueList(talkParams.index_name);
+    const tempVirtualList = lodash.cloneDeep(virtualList.value).reverse()
+    const dialogueList = getDialogueList(talkParams.index_name)
     const recordIndex = dialogueList?.records?.findIndex(
-      (record) => record.msg_id === tempVirtualList[0].msg_id
-    );
+      (record) => record.msg_id === tempVirtualList[0].msg_id,
+    )
     if (!recordIndex || recordIndex === -1) {
       const moreRecords = await findTalkRecords(
-        "",
+        '',
         false,
         tempVirtualList[0].sequence,
         {
-          direction: "up",
-          sort_sequence: "",
-        }
-      );
-      console.log(moreRecords);
+          direction: 'up',
+          sort_sequence: '',
+        },
+      )
+      console.log(moreRecords)
 
       // 格式化新加载的消息
       const formattedMoreRecords = moreRecords.map((item) => ({
@@ -1146,13 +1147,13 @@ const onScrollToLower = async () => {
 
       virtualList.value = formattedMoreRecords.concat(tempVirtualList).reverse()
 
-      console.log(virtualList.value);
+      console.log(virtualList.value)
     } else {
       if (tempVirtualList[0].sequence > dialogueList.records[0].sequence) {
         virtualList.value = dialogueList.records
           .slice(Math.max(0, recordIndex - 10), recordIndex)
           .concat(tempVirtualList)
-          .reverse();
+          .reverse()
         // zpagingRef.value.setLocalPaging(
         //   dialogueList.records
         //     .slice(0, recordIndex)
@@ -1161,32 +1162,32 @@ const onScrollToLower = async () => {
         //   // zpagingRef.value.scrollIntoViewById('zp-id-' + virtualList.value[virtualList.value.length - 1].msg_id)
         // )
 
-        console.log(virtualList.value);
+        console.log(virtualList.value)
       }
     }
-    return;
+    return
   }
   if (state.value.localPageLoadDone) {
     //本地缓存的聊天记录分页加载完之后，才可以请求接口
-    onRefreshLoad();
+    onRefreshLoad()
   }
-};
+}
 
 //本来的下拉刷新——列表倒置后为上拉加载
 const onScrollToUpper = async () => {
   if (state.value.useCustomLoadMore) {
-    const tempVirtualList = lodash.cloneDeep(virtualList.value).reverse();
-    const dialogueList = getDialogueList(talkParams.index_name);
+    const tempVirtualList = lodash.cloneDeep(virtualList.value).reverse()
+    const dialogueList = getDialogueList(talkParams.index_name)
     const recordIndex = dialogueList?.records?.findIndex(
       (record) =>
-        record.msg_id === tempVirtualList[tempVirtualList.length - 1].msg_id
-    );
-    console.log(recordIndex);
+        record.msg_id === tempVirtualList[tempVirtualList.length - 1].msg_id,
+    )
+    console.log(recordIndex)
     if (!recordIndex || recordIndex === -1) {
       // 记住加载更多前消息的ID
-      const currentMsgId = tempVirtualList[tempVirtualList.length - 1].msg_id;
+      const currentMsgId = tempVirtualList[tempVirtualList.length - 1].msg_id
       const moreRecords = await findTalkRecords(
-        "",
+        '',
         false,
         tempVirtualList[tempVirtualList.length - 1].sequence,
       )
@@ -1202,129 +1203,169 @@ const onScrollToUpper = async () => {
         .concat(formattedMoreRecords.reverse())
         .reverse()
 
-      console.log(virtualList.value);
+      console.log(virtualList.value)
 
       // 数据更新后，滚动到之前的位置
       nextTick(() => {
-        zpagingRef.value?.scrollIntoViewById("zp-id-" + currentMsgId);
-      });
+        zpagingRef.value?.scrollIntoViewById('zp-id-' + currentMsgId)
+      })
     } else {
       if (
         tempVirtualList[tempVirtualList.length - 1].sequence <
         dialogueList.records[dialogueList.records.length - 1].sequence
       ) {
         // 记住加载更多前消息的ID
-        const currentMsgId = tempVirtualList[tempVirtualList.length - 1].msg_id;
+        const currentMsgId = tempVirtualList[tempVirtualList.length - 1].msg_id
 
         virtualList.value = tempVirtualList
           .concat(
             dialogueList.records.slice(
               Math.min(recordIndex + 11, dialogueList.records.length),
-              dialogueList.records.length
-            )
+              dialogueList.records.length,
+            ),
           )
-          .reverse();
+          .reverse()
 
         // 数据更新后，滚动到之前的位置
         nextTick(() => {
-          zpagingRef.value?.scrollIntoViewById("zp-id-" + currentMsgId);
-        });
+          zpagingRef.value?.scrollIntoViewById('zp-id-' + currentMsgId)
+        })
       }
     }
   }
-};
+}
 
 const clearMultiSelect = () => {
-  dialogueStore.setMultiSelect(false);
+  dialogueStore.setMultiSelect(false)
   virtualList.value.forEach((item) => {
-    item.isCheck = false;
-  });
-};
+    item.isCheck = false
+  })
+}
 
 const initData = async () => {
-  const dialogueList = getDialogueList(talkParams.index_name);
+  const dialogueList = getDialogueList(talkParams.index_name)
 
   let objT = {
     uid: talkParams.uid,
     talk_type: talkParams.type,
     receiver_id: talkParams.receiver_id,
     index_name: talkParams.index_name,
-    direction: dialogueList ? "down" : "up",
+    direction: dialogueList ? 'down' : 'up',
     no_limit: dialogueList ? 1 : 0,
-  };
-  await onLoad({ ...objT });
-  zpagingRef.value?.setLocalPaging(records.value);
-};
+  }
+  await onLoad({ ...objT })
+  zpagingRef.value?.setLocalPaging(records.value)
+}
 
 //点击跳转到聊天设置页面
 const toChatSettingsPage = () => {
   uni.navigateTo({
     url:
-      "/pages/chatSettings/index?groupId=" +
+      '/pages/chatSettings/index?groupId=' +
       talkParams?.receiver_id +
-      "&sessionId=" +
+      '&sessionId=' +
       state.value.sessionId,
-  });
-};
+  })
+}
 
 //点击跳转到用户详情页面
 const toUserDetailPage = (userItem) => {
   uni.navigateTo({
     url:
-      "/pages/dialog/dialogDetail/userDetail?erpUserId=" + userItem.erp_user_id,
-  });
-};
+      '/pages/dialog/dialogDetail/userDetail?erpUserId=' + userItem.erp_user_id,
+  })
+}
 
 //切换提醒的人选择弹窗多选状态
 const changeMentionSelectMul = (status) => {
-  state.value.mentionIsMulSelect = status;
-};
+  state.value.mentionIsMulSelect = status
+}
 
 //隐藏要提醒人的选择
 const hideMentionSelect = () => {
-  state.value.isShowMentionSelect = false;
-};
+  state.value.isShowMentionSelect = false
+  // 清除保存的光标位置
+  state.value.lastCursorIndex = undefined
+  // 获得焦点
+  const quill = getQuill()
+  quill.focus()
+}
 
 //确认要提醒人的选择
 const confirmMentionSelect = () => {
   if (state?.value.selectedMembersNum > 0) {
     if (selectMemberByAlphabetRef.value) {
-      selectMemberByAlphabetRef.value.confirmSelectMembers();
+      selectMemberByAlphabetRef.value.confirmSelectMembers()
     }
-    hideMentionSelect();
+    hideMentionSelect()
   }
-};
+}
 
 //获取选择的结果
 const getSelectResult = (mentionSelect) => {
-  console.log(mentionSelect);
-  getMentionSelectLists(mentionSelect);
-};
+  console.log(mentionSelect)
+  getMentionSelectLists(mentionSelect)
+}
 
 //处理要提醒人的消息样式
 const getMentionSelectLists = (mentionSelectList) => {
-  // @
-  console.log(mentionSelectList);
-  let mentionUserIds = [];
-  let mentionUsers = getQuill().getContents().ops; //先读出来之前的信息内容
-  mentionUsers[0].insert =
-    mentionUsers[0].insert.slice(0, -2) + mentionUsers[0].insert.slice(-1);
-  console.log(mentionUsers[0].insert);
+  const quill = getQuill()
+  const mention = quill.getModule('mention')
+
+  // 使用之前保存的光标位置
+  if (state.value.lastCursorIndex !== undefined) {
+    // 删除光标前的 @ 符号
+    quill.deleteText(state.value.lastCursorIndex - 1, 1)
+  }
+
+  // 设置正在插入mention的标记
+  state.value.isInsertingMention = true
+
+  // 逐个插入mention
   mentionSelectList.forEach((mentionSelectItem) => {
-    mentionUserIds.push(mentionSelectItem.id);
-    mentionUsers.push({
-      insert: "@" + mentionSelectItem.nickname + " ",
-      attributes: {
-        // mention: {
-        //   id: mentionSelectItem.id,
-        // },
-        color: "#1890ff",
+    mention.insertItem(
+      {
+        id: mentionSelectItem?.id,
+        denotationChar: '@',
+        value: mentionSelectItem?.nickname,
       },
-    });
-  });
-  getQuill().setContents(mentionUsers);
-  hideMentionSelect();
-};
+      true,
+    )
+  })
+
+  // 将光标设置到文本末尾
+  const length = quill.getLength()
+  quill.setSelection(length, 0)
+
+  // 清除保存的光标位置
+  state.value.lastCursorIndex = undefined
+
+  // 延迟清除插入mention的标记并手动触发一次内容更新
+  setTimeout(() => {
+    state.value.isInsertingMention = false
+    // 手动触发一次内容更新，确保 mentionUserIds 是最新的
+    updateMentionUserIds()
+  }, 100)
+
+  hideMentionSelect()
+}
+
+// 新增一个更新 mentionUserIds 的函数
+const updateMentionUserIds = () => {
+  const delta = getQuill().getContents()
+  const ops = delta.ops || []
+  const currentMentions = new Set()
+
+  // 收集当前所有@的用户ID，并转换为number类型
+  ops.forEach(op => {
+    if (op.insert && op.insert.mention) {
+      currentMentions.add(Number(op.insert.mention.id))
+    }
+  })
+
+  // 直接使用当前编辑器中的mentions作为mentionUserIds
+  state.value.mentionUserIds = Array.from(currentMentions)
+}
 
 //根据msg信息找到对应的聊天记录，并根据sequence等查看上下文
 const queryRecordsByMsgInfo = async (msgInfo) => {
@@ -1332,19 +1373,19 @@ const queryRecordsByMsgInfo = async (msgInfo) => {
   state.value.middleMsg = msgInfo
   const dialogueList = getDialogueList(talkParams.index_name)
   const recordIndex = dialogueList?.records?.findIndex(
-    (record) => record.msg_id === msgInfo.msg_id
-  );
-  let recordsList = [];
-  console.log(recordIndex);
+    (record) => record.msg_id === msgInfo.msg_id,
+  )
+  let recordsList = []
+  console.log(recordIndex)
   if (!recordIndex || recordIndex === -1) {
-    recordsList = await findTalkRecords("", true, msgInfo.sequence);
+    recordsList = await findTalkRecords('', true, msgInfo.sequence)
   } else {
     // console.log(recordIndex)
-    const startRecordIndex = Math.max(0, recordIndex - 10);
-    const endRecordIndex = Math.max(0, recordIndex + 10);
+    const startRecordIndex = Math.max(0, recordIndex - 10)
+    const endRecordIndex = Math.max(0, recordIndex + 10)
     // console.log(dialogueList.records.slice(startRecordIndex, endRecordIndex))
     // console.log(recordIndex-startRecordIndex)
-    recordsList = dialogueList.records.slice(startRecordIndex, endRecordIndex);
+    recordsList = dialogueList.records.slice(startRecordIndex, endRecordIndex)
   }
 
   // 格式化消息，确保每条消息都有正确的 float
@@ -1356,39 +1397,39 @@ const queryRecordsByMsgInfo = async (msgInfo) => {
   })
 
   nextTick(() => {
-    zpagingRef.value.complete(recordsList.reverse());
-    loadConfig.status = dialogueList?.records?.[0]?.sequence > 1 ? 1 : 2;
+    zpagingRef.value.complete(recordsList.reverse())
+    loadConfig.status = dialogueList?.records?.[0]?.sequence > 1 ? 1 : 2
     nextTick(() => {
-      let offset = uni.getSystemInfoSync().windowHeight;
-      const navBarAreaQuery = uni.createSelectorQuery();
+      let offset = uni.getSystemInfoSync().windowHeight
+      const navBarAreaQuery = uni.createSelectorQuery()
       navBarAreaQuery
-        .select("#navBarArea")
+        .select('#navBarArea')
         .boundingClientRect((res) => {
           if (res) {
             // console.log('元素高度:', res.height)
-            offset = offset - res.height;
+            offset = offset - res.height
           }
         })
-        .exec();
-      const footBoxAreaQuery = uni.createSelectorQuery();
+        .exec()
+      const footBoxAreaQuery = uni.createSelectorQuery()
       footBoxAreaQuery
-        .select("#footBoxArea")
+        .select('#footBoxArea')
         .boundingClientRect((res) => {
           if (res) {
             // console.log('元素高度:', res.height)
-            offset = offset - res.height;
+            offset = offset - res.height
           }
         })
-        .exec();
+        .exec()
       setTimeout(() => {
         zpagingRef.value.scrollIntoViewById(
-          "zp-id-" + msgInfo.msg_id,
-          offset - 60
-        );
-      }, 1000);
-    });
-  });
-};
+          'zp-id-' + msgInfo.msg_id,
+          offset - 60,
+        )
+      }, 1000)
+    })
+  })
+}
 
 //查找聊天记录
 const findTalkRecords = (record, isMiddle, sequence, appointParams) => {
@@ -1396,14 +1437,14 @@ const findTalkRecords = (record, isMiddle, sequence, appointParams) => {
     let params = {
       talk_type: talkParams.type, //1私聊；2群聊
       receiver_id: talkParams.receiver_id, //目标用户id或群聊id
-      no_limit: "", //1不限制
-      file_name: "",
+      no_limit: '', //1不限制
+      file_name: '',
       msg_type: 0, //消息类型：0:全部;2:代码;3:图片;4:音频;5:视频;6:文件;7:位置;9:会话;11群投票;12图文混合
       cursor: sequence || 0, //上次查询的游标
       limit: 10, //数据行数
-      direction: "down", //down向下查最新，up向上查老数据
-      start_time: "",
-      end_time: "",
+      direction: 'down', //down向下查最新，up向上查老数据
+      start_time: '',
+      end_time: '',
       group_member_user_id: 0, //群成员id，当查询群历史消息的时候，需要指定群成员的时候送
       sort_sequence: 'asc',
       create_time: state.value.middleMsg.created_at,
@@ -1413,111 +1454,111 @@ const findTalkRecords = (record, isMiddle, sequence, appointParams) => {
         start_time: record,
         end_time: record,
         limit: 1,
-        direction: "",
-      });
+        direction: '',
+      })
     }
     if (appointParams) {
-      params = Object.assign({}, params, appointParams);
+      params = Object.assign({}, params, appointParams)
     }
-    console.log(params);
-    const resp = ServeTalkRecords(params);
-    console.log(resp);
+    console.log(params)
+    const resp = ServeTalkRecords(params)
+    console.log(resp)
     resp.then(({ code, data }) => {
-      console.log(data);
+      console.log(data)
       if (code == 200) {
         if (data?.items.length > 0) {
           if (record) {
-            resolve(data?.items[0]);
-            return;
+            resolve(data?.items[0])
+            return
           }
           if (isMiddle) {
             state.value.serveFindRecord = JSON.parse(
-              JSON.stringify(data?.items)
-            );
-            return findTalkRecords("", false, sequence + 1, {
-              direction: "up",
-              sort_sequence: "",
+              JSON.stringify(data?.items),
+            )
+            return findTalkRecords('', false, sequence + 1, {
+              direction: 'up',
+              sort_sequence: '',
             }).then((finalResult) => {
-              console.log(finalResult);
-              resolve(finalResult);
-            });
+              console.log(finalResult)
+              resolve(finalResult)
+            })
           } else {
             state.value.serveFindRecord = data?.items
               .reverse()
-              .concat(state.value.serveFindRecord);
-            resolve(JSON.parse(JSON.stringify(state.value.serveFindRecord)));
-            state.value.serveFindRecord = [];
+              .concat(state.value.serveFindRecord)
+            resolve(JSON.parse(JSON.stringify(state.value.serveFindRecord)))
+            state.value.serveFindRecord = []
           }
         }
       } else {
       }
-    });
-    resp.catch(() => {});
-  });
-};
+    })
+    resp.catch(() => {})
+  })
+}
 
 //是否是管理员
 const isLeader = computed(() => {
   if (talkParams.adminList.length > 0) {
     return (
       talkParams.adminList.filter(
-        (adminItem) => adminItem.erp_user_id === useAuth()?.userInfo?.value?.ID
+        (adminItem) => adminItem.erp_user_id === useAuth()?.userInfo?.value?.ID,
       ).length > 0
-    );
+    )
   }
-  return false;
-});
+  return false
+})
 
 onMounted(async () => {
-  if (typeof plus !== "undefined") {
-    const webview = plus.webview.currentWebview();
+  if (typeof plus !== 'undefined') {
+    const webview = plus.webview.currentWebview()
     webview.setStyle({
       bottom: 0,
-    });
+    })
   } else {
-    document.addEventListener("plusready", () => {
-      const webview = plus.webview.currentWebview();
+    document.addEventListener('plusready', () => {
+      const webview = plus.webview.currentWebview()
       webview.setStyle({
         bottom: 0,
-      });
-    });
+      })
+    })
   }
   nextTick(() => {
     state.value.mentionSelectHeight = pxTorPx(
-      uni.getSystemInfoSync().windowHeight * 0.86
-    );
+      uni.getSystemInfoSync().windowHeight * 0.86,
+    )
 
     state.value.selectAreaHeight =
-      rpxToPx(state.value.mentionSelectHeight) - rpxToPx(90) + "px";
-  });
-});
+      rpxToPx(state.value.mentionSelectHeight) - rpxToPx(90) + 'px'
+  })
+})
 
 const pxTorPx = (px) => {
-  const sysInfo = uni.getSystemInfoSync();
-  const rpx = px / (sysInfo.screenWidth / 750);
-  return rpx;
-};
+  const sysInfo = uni.getSystemInfoSync()
+  const rpx = px / (sysInfo.screenWidth / 750)
+  return rpx
+}
 
 const rpxToPx = (rpx) => {
-  const sysInfo = uni.getSystemInfoSync();
-  const px = (sysInfo.screenWidth / 750) * rpx;
-  return px;
-};
+  const sysInfo = uni.getSystemInfoSync()
+  const px = (sysInfo.screenWidth / 750) * rpx
+  return px
+}
 
 onUnmounted(() => {
   if (!state.value.keepDialogInfo) {
     dialogueStore.setDialogue({})
   }
-  clearMultiSelect();
-});
+  clearMultiSelect()
+})
 </script>
 <style scoped lang="less">
 .dialog-page {
   flex: 1;
-  background-image: url("@/static/image/clockIn/z3280@3x.png");
+  background-image: url('@/static/image/clockIn/z3280@3x.png');
   background-size: cover;
   background-position: bottom center;
-  background-attachment: fixed;
+  background-attachment: scroll;
   width: 100%;
 
   .dialog-list {
@@ -1901,164 +1942,7 @@ onUnmounted(() => {
     }
   }
 }
-
-.ql-mention-list-container {
-  width: 160px;
-  max-height: 200px;
-  border: 1px solid #f0f0f0;
-  border-radius: 10px;
-  background-color: #ffffff;
-  box-shadow: 0 2px 12px 0 rgba(30, 30, 30, 0.08);
-  z-index: 9001;
-  overflow: auto;
-  padding: 3px;
-  padding-left: 6px;
-}
-html[theme-mode="dark"] {
-  .ql-mention-list-container {
-    background-color: rgb(44 44 49);
-    color: #fff;
-    border: unset;
-
-    .ql-mention-list-item {
-      color: var(--im-text-color-grey);
-    }
-  }
-}
-
-// 滚动条样式
-.me-scrollbar {
-  &::-webkit-scrollbar {
-    width: 3px;
-    height: 3px;
-    background-color: transparent;
-  }
-
-  &::-webkit-scrollbar-thumb {
-    border-radius: 3px;
-    background-color: transparent;
-  }
-
-  &:hover {
-    &::-webkit-scrollbar {
-      background-color: var(--im-scrollbar);
-    }
-
-    &::-webkit-scrollbar-thumb {
-      background-color: var(--im-scrollbar-thumb);
-    }
-  }
-
-  &.me-scrollbar-thumb {
-    &::-webkit-scrollbar {
-      background-color: unset;
-    }
-  }
-}
-.ql-mention-list-container {
-  width: 160px;
-  max-height: 200px;
-  border: 1px solid #f0f0f0;
-  border-radius: 10px;
-  background-color: #ffffff;
-  box-shadow: 0 2px 12px 0 rgba(30, 30, 30, 0.08);
-  z-index: 9001;
-  overflow: auto;
-  padding: 3px;
-  padding-left: 6px;
-}
-html[theme-mode="dark"] {
-  .ql-mention-list-container {
-    background-color: rgb(44 44 49);
-    color: #fff;
-    border: unset;
-
-    .ql-mention-list-item {
-      color: var(--im-text-color-grey);
-    }
-  }
-}
-.ql-mention-loading {
-  line-height: 44px;
-  padding: 0 20px;
-  vertical-align: middle;
-  font-size: 16px;
-}
-
-.ql-mention-list {
-  list-style: none;
-  margin: 0;
-  padding: 0;
-}
-
-.ql-mention-list-item {
-  cursor: pointer;
-  line-height: 44px;
-  font-size: 16px;
-  vertical-align: middle;
-  padding: 0 10px;
-  overflow: hidden;
-}
-
-.ql-mention-list-item.disabled {
-  cursor: auto;
-}
-
-.ql-mention-list-item.selected {
-  background-color: var(--im-primary-color);
-  color: #fff;
-  text-decoration: none;
-  border-radius: 3px;
-}
-
-.mention {
-  height: 24px;
-  width: 65px;
-  border-radius: 6px;
-  background-color: #d3e1eb;
-  padding: 3px 0;
-  margin-right: 2px;
-  user-select: all;
-}
-
-.mention {
-  color: var(--im-primary-color);
-  background-color: transparent;
-
-  > span {
-    margin: 0 3px;
-  }
-}
-
-.ed-member-item {
-  height: 35px;
-  display: flex;
-  align-items: center;
-
-  img {
-    height: 22px;
-    width: 22px;
-    border-radius: 50%;
-  }
-
-  .nickname {
-    margin-left: 10px;
-    font-size: 13px;
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
-  }
-}
-
-html[theme-mode="dark"] {
-  .ql-mention-list-container {
-    background-color: rgb(44 44 49);
-    color: #fff;
-    border: unset;
-
-    .ql-mention-list-item {
-      color: var(--im-text-color-grey);
-    }
-  }
+:deep(.mention) {
+  color: #1890ff;
 }
 </style>
diff --git a/src/store/groupType/index.js b/src/store/groupType/index.js
index 2bd9b0b..71a882e 100644
--- a/src/store/groupType/index.js
+++ b/src/store/groupType/index.js
@@ -37,34 +37,36 @@ export const useGroupTypeStore = createGlobalState(() => {
       depTreeMyList.value = res.data.nodes
     }
   }
-// userInfo?.value?.ID
-  const getDepsTreeMy2 = async () => {
-    const isHasRes = await userHasPermission({
-      erpUserId: userInfo?.value?.ID,
-      ruleUrl: [
-        "auth_chat_app_create_all_dept",
-        "auth_chat_app_create_limit_dept"
-        ]
-    })
-    let pramas = { nowUserId : 0 }
-    if (isHasRes.code === 200) {
-      if (isHasRes.data.auth_chat_app_create_all_dept) {
-        pramas = {
-          nowUserId : 0
-        }
-      } else{
-        if (isHasRes.data.auth_chat_app_create_limit_dept) {
-          pramas = {
-            nowUserId : userInfo?.value?.ID
+  // userInfo?.value?.ID
+  const getDepsTreeMy2 = async (chooseMode) => {
+    let params = { nowUserId: 0 }
+    if (chooseMode === 1) {
+      const isHasRes = await userHasPermission({
+        erpUserId: userInfo?.value?.ID,
+        ruleUrl: [
+          'auth_chat_app_create_all_dept',
+          'auth_chat_app_create_limit_dept',
+        ],
+      })
+      if (isHasRes.code === 200) {
+        if (isHasRes.data.auth_chat_app_create_all_dept) {
+          params = {
+            nowUserId: 0,
           }
         } else {
-          pramas = {
-            nowUserId : 0
+          if (isHasRes.data.auth_chat_app_create_limit_dept) {
+            params = {
+              nowUserId: userInfo?.value?.ID,
+            }
+          } else {
+            params = {
+              nowUserId: 0,
+            }
           }
         }
       }
     }
-    const res = await departmentV2TreeAll2(pramas)
+    const res = await departmentV2TreeAll2(params)
     if (res.status === 0) {
       depTreeMyList.value = res.data.nodes
     }