diff --git a/package.json b/package.json
index 39c0185..5b19169 100644
--- a/package.json
+++ b/package.json
@@ -31,15 +31,16 @@
     "@uni-helper/axios-adapter": "^1.5.2",
     "@uni-helper/localforage-adapter": "^1.0.2",
     "@uni-helper/uni-use": "^0.19.12",
-    "@vueup/vue-quill": "^1.2.0",
     "@vueuse/core": "^9.13.0",
+    "@vueup/vue-quill": "^1.2.0",
+    "quill": "^1.3.7",
+    "quill-mention": "^4.1.0",
     "axios": "^1.7.2",
     "dayjs": "^1.11.12",
     "less": "^4.2.0",
     "lodash": "^4.17.21",
     "nzh": "^1.0.13",
     "pinia-plugin-persistedstate": "^4.1.3",
-    "quill-mention": "^6.0.2",
     "vconsole": "^3.15.1",
     "vue": "^3.3.8",
     "vue-i18n": "11.0.0-rc.1"
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index e0bfdb2..1ec134c 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -86,9 +86,12 @@ importers:
       pinia-plugin-persistedstate:
         specifier: ^4.1.3
         version: 4.1.3(pinia@2.0.36(typescript@5.5.4)(vue@3.4.35(typescript@5.5.4)))(rollup@4.19.2)
+      quill:
+        specifier: ^1.3.7
+        version: 1.3.7
       quill-mention:
-        specifier: ^6.0.2
-        version: 6.0.2
+        specifier: ^4.1.0
+        version: 4.1.0
       vconsole:
         specifier: ^3.15.1
         version: 3.15.1
@@ -2997,9 +3000,6 @@ packages:
   fast-diff@1.2.0:
     resolution: {integrity: sha512-xJuoT5+L99XlZ8twedaRf6Ax2TgQVxvgZOYoPKqZufmJib0tL2tegPBOZb1pVNgIhlqDlA0eO0c3wBvQcmzx4w==}
 
-  fast-diff@1.3.0:
-    resolution: {integrity: sha512-VxPP4NqbUjj6MaAOafWeUn2cXWLcCtljklUtZf0Ind4XQ+QPtmA0b18zZy0jIQx+ExRVCR/ZQpBmik5lXshNsw==}
-
   fast-glob@3.3.2:
     resolution: {integrity: sha512-oX2ruAFQwf/Orj8m737Y5adxDQO0LAB7/S5MnxCdTNDd4p6BsyIVsv9JQsATbTSq8KHRpLwIHbVlUNatxd+1Ow==}
     engines: {node: '>=8.6.0'}
@@ -3986,9 +3986,6 @@ packages:
   parchment@1.1.4:
     resolution: {integrity: sha512-J5FBQt/pM2inLzg4hEWmzQx/8h8D0CiDxaG3vyp9rKrQRSDgBlhjdP5jQGgosEajXPSQouXGHOmVdgo7QmJuOg==}
 
-  parchment@3.0.0:
-    resolution: {integrity: sha512-HUrJFQ/StvgmXRcQ1ftY6VEZUq3jA2t9ncFN4F84J/vN0/FPpQF+8FKXb3l6fLces6q0uOHj6NJn+2xvZnxO6A==}
-
   parse-bmfont-ascii@1.0.6:
     resolution: {integrity: sha512-U4RrVsUFCleIOBsIGYOMKjn9PavsGOXxbvYGtMOEfnId0SVNsgehXh1DxUdVPLoxd5mvcEtvmKs2Mmf0Mpa1ZA==}
 
@@ -4262,20 +4259,12 @@ packages:
   quill-delta@4.2.2:
     resolution: {integrity: sha512-qjbn82b/yJzOjstBgkhtBjN2TNK+ZHP/BgUQO+j6bRhWQQdmj2lH6hXG7+nwwLF41Xgn//7/83lxs9n2BkTtTg==}
 
-  quill-delta@5.1.0:
-    resolution: {integrity: sha512-X74oCeRI4/p0ucjb5Ma8adTXd9Scumz367kkMK5V/IatcX6A0vlgLgKbzXWy5nZmCGeNJm2oQX0d2Eqj+ZIlCA==}
-    engines: {node: '>= 12.0.0'}
-
-  quill-mention@6.0.2:
-    resolution: {integrity: sha512-ZyiEzLxtoNJ/hAjMyfVsugpXAcOdD2fbHmJT3yKuwpUxiDHdmutVJqOzpItqiVbcjUecnjAF+/Yo1IN3/W6iAg==}
+  quill-mention@4.1.0:
+    resolution: {integrity: sha512-dT8HLYeuGU8yjjUr5SgdOusFSqQ7FQt/DWefz4V/L2omJsZ9CVYWepg3GyqV/evNDV7LQtfM7cadxtYD2bi2ew==}
 
   quill@1.3.7:
     resolution: {integrity: sha512-hG/DVzh/TiknWtE6QmWAF/pxoZKYxfe3J/d/+ShUWkDvvkZQVTPeVmUJVu1uE6DDooC4fWTiCLh84ul89oNz5g==}
 
-  quill@2.0.2:
-    resolution: {integrity: sha512-QfazNrhMakEdRG57IoYFwffUIr04LWJxbS/ZkidRFXYCQt63c1gK6Z7IHUXMx/Vh25WgPBU42oBaNzQ0K1R/xw==}
-    engines: {npm: '>=8.2.3'}
-
   range-parser@1.2.1:
     resolution: {integrity: sha512-Hrgsx+orqoygnmhFbKaHE6c296J+HTAQXoxEF6gNupROmmGJRoyzfG3ccAveqCBrwr/2yxQ5BVd/GTl5agOwSg==}
     engines: {node: '>= 0.6'}
@@ -8956,8 +8945,6 @@ snapshots:
 
   fast-diff@1.2.0: {}
 
-  fast-diff@1.3.0: {}
-
   fast-glob@3.3.2:
     dependencies:
       '@nodelib/fs.stat': 2.0.5
@@ -10153,8 +10140,6 @@ snapshots:
 
   parchment@1.1.4: {}
 
-  parchment@3.0.0: {}
-
   parse-bmfont-ascii@1.0.6: {}
 
   parse-bmfont-binary@1.0.6: {}
@@ -10407,15 +10392,9 @@ snapshots:
       lodash.clonedeep: 4.5.0
       lodash.isequal: 4.5.0
 
-  quill-delta@5.1.0:
+  quill-mention@4.1.0:
     dependencies:
-      fast-diff: 1.3.0
-      lodash.clonedeep: 4.5.0
-      lodash.isequal: 4.5.0
-
-  quill-mention@6.0.2:
-    dependencies:
-      quill: 2.0.2
+      quill: 1.3.7
 
   quill@1.3.7:
     dependencies:
@@ -10426,13 +10405,6 @@ snapshots:
       parchment: 1.1.4
       quill-delta: 3.6.3
 
-  quill@2.0.2:
-    dependencies:
-      eventemitter3: 5.0.1
-      lodash-es: 4.17.21
-      parchment: 3.0.0
-      quill-delta: 5.1.0
-
   range-parser@1.2.1: {}
 
   raw-body@2.5.2:
diff --git a/src/pages/dialog/index.vue b/src/pages/dialog/index.vue
index a01e1e1..e027ce7 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)
+Quill.register("formats/emoji", EmojiBlot);
+import "quill-mention";
+const selectMemberByAlphabetRef = ref(null);
 
-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,32 +559,32 @@ const state = ref({
   selectAreaHeight: 0, //选择要提醒人的可选人员列表区域高度
   isShowMentionSelect: false, //是否显示要提醒人的选择区域
   useCustomLoadMore: false, //是否使用自定义加载更多事件（下拉刷新、上拉加载）
-  recordDate: '', //按日期查询聊天记录的开始日期
+  recordDate: "", //按日期查询聊天记录的开始日期
   serveFindRecord: [], //调用接口查找到的聊天记录
-})
+});
 
 uniOnload(async (options) => {
-  console.log('onLoad' + options)
+  console.log("onLoad" + options);
   if (options.sessionId) {
-    state.value.sessionId = options.sessionId
+    state.value.sessionId = options.sessionId;
   }
   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),
@@ -592,28 +592,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 = {
@@ -622,25 +622,25 @@ 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()
+  let delta = getQuill().getContents();
   if (state.value.quoteInfo) {
     delta.ops.unshift({
       insert: {
@@ -648,65 +648,65 @@ 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,
-  }
+  };
 
-  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 = {
@@ -714,127 +714,122 @@ 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
-  }
+  // if (
+  //   text.length > 0 &&
+  //   text.slice(-2).trim() === "@" &&
+  //   talkParams.type === 2
+  // ) {
+  //   state.value.isShowMentionSelect = true;
+  // }
 
   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,
@@ -858,147 +853,148 @@ const editorOption = {
     //   upload: onEditorUpload
     // },
 
-    // mention: {
-    //   allowedChars: /^[\u4e00-\u9fa5]*$/,
-    //   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
-    //   },
-    //   source: function (searchTerm, renderList) {
-    //     if (!props.members.length) {
-    //       return renderList([])
-    //     }
+    mention: {
+      allowedChars: /^[\u4e00-\u9fa5]*$/,
+      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;
+      },
+      source: function (searchTerm, renderList) {
+        if (!dialogueStore.members.length) {
+          return renderList([]);
+        }
 
-    //     let list = [
-    //       { id: 0, nickname: '所有人', avatar: defAvatar, value: '所有人' },
-    //       ...props.members
-    //     ]
+        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
-    //     )
+        const items = list.filter(
+          (item) => item.nickname.toLowerCase().indexOf(searchTerm) !== -1
+        );
 
-    //     renderList(items)
-    //   },
-    //   mentionContainerClass: 'ql-mention-list-container me-scrollbar me-scrollbar-thumb'
-    // }
+        renderList(items);
+      },
+      mentionContainerClass:
+        "ql-mention-list-container me-scrollbar me-scrollbar-thumb",
+    },
   },
-  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) => {
-  console.log(item)
+  console.log(item);
   if (item.is_revoke === 1 && item.msg_type === 1) {
-    const now = new Date().getTime()
-    const revokeTime = new Date(item.created_at).getTime()
-    console.log(now)
+    const now = new Date().getTime();
+    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]
 
@@ -1009,140 +1005,140 @@ 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 (
         newValue[newValue.length - 1]?.sequence ===
         dialogueList?.records?.[0]?.sequence
       ) {
         //相同意味着分页加载缓存中的聊天记录完毕
-        state.value.localPageLoadDone = true
+        state.value.localPageLoadDone = true;
       } else {
-        state.value.localPageLoadDone = false
+        state.value.localPageLoadDone = false;
       }
     }
   },
   {
     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);
 
-      virtualList.value = moreRecords.concat(tempVirtualList).reverse()
+      virtualList.value = moreRecords.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)
@@ -1151,214 +1147,217 @@ 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,
-      )
-      console.log(moreRecords)
-      virtualList.value = tempVirtualList.concat(moreRecords.reverse()).reverse()
+        tempVirtualList[tempVirtualList.length - 1].sequence
+      );
+      console.log(moreRecords);
+      virtualList.value = tempVirtualList
+        .concat(moreRecords.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;
+};
 
 //确认要提醒人的选择
 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 //先读出来之前的信息内容
+  // @
+  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)
+    mentionUsers[0].insert.slice(0, -2) + mentionUsers[0].insert.slice(-1);
+  console.log(mentionUsers[0].insert);
   mentionSelectList.forEach((mentionSelectItem) => {
-    mentionUserIds.push(mentionSelectItem.id)
+    mentionUserIds.push(mentionSelectItem.id);
     mentionUsers.push({
-      insert: '@' + mentionSelectItem.nickname + ' ',
+      insert: "@" + mentionSelectItem.nickname + " ",
       attributes: {
         // mention: {
         //   id: mentionSelectItem.id,
         // },
-        color: '#1890ff',
+        color: "#1890ff",
       },
-    })
-  })
-  getQuill().setContents(mentionUsers)
-  hideMentionSelect()
-}
+    });
+  });
+  getQuill().setContents(mentionUsers);
+  hideMentionSelect();
+};
 
 //根据msg信息找到对应的聊天记录，并根据sequence等查看上下文
 const queryRecordsByMsgInfo = async (msgInfo) => {
-  console.log(msgInfo)
-  const dialogueList = getDialogueList(talkParams.index_name)
+  console.log(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);
   }
   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) => {
@@ -1366,124 +1365,124 @@ 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',
-    }
+      sort_sequence: "asc",
+    };
     if (record) {
       params = Object.assign({}, params, {
         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.recordDate) {
-    dialogueStore.setDialogue({})
+    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;
@@ -1870,4 +1869,164 @@ 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);
+    }
+  }
+}
 </style>