更新.env.test文件中的API地址，调整FileMessage.vue组件的样式，增加高度和灵活性，优化auth.js中的token获取逻辑，增强MultiSelectFooter.vue中的批量删除功能，添加确认框提示。

env/.env.test

@@ -2,10 +2,10 @@ ENV = 'development'
 
 VITE_BASE=/
 VUE_APP_PREVIEW=false
-VITE_BASE_API=http://192.168.88.21:9503
+#VITE_BASE_API=http://192.168.88.21:9503
-VITE_EPR_BASEURL=http://114.218.158.24:9020
-VITE_SOCKET_API=ws://192.168.88.21:9504
-# VITE_BASE_API=http://114.218.158.24:8503
-# VITE_SOCKET_API=ws://114.218.158.24:8504
 
+#VITE_SOCKET_API=ws://192.168.88.21:9504
+ VITE_BASE_API=http://114.218.158.24:8503
+ VITE_SOCKET_API=ws://114.218.158.24:8504
+VITE_EPR_BASEURL=http://114.218.158.24:9020
 VUE_APP_WEBSITE_NAME=""

src/components/confirm-box/index.vue

@@ -0,0 +1,49 @@
+<script setup>
+import { ref, watch } from 'vue'
+import XNModal from '@/components/x-naive-ui/x-n-modal/index.vue'
+const emit = defineEmits(['cancel','confirm'])
+const show=defineModel('show')
+const props = defineProps({
+  title:{
+    type:String,
+    default:'提示'
+  },
+  content:{
+    type:String,
+    default:'内容'
+  },
+  cancelText:{
+    type:String,
+    default:'取消'
+  },
+  confirmText:{
+    type:String,
+    default:'确定'
+  }
+})
+
+
+</script>
+
+<template>
+    
+  <XNModal v-model:show="show" :closable="false" class="w-724px"    content-style="padding:0px"  @after-leave="emit('after-leave')">
+   <div class="flex flex-col w-full px-25px pb-49px">
+    <div class="text-20px text-#1F2225 w-full text-center border-b-1px border-b-solid border-b-#E9E9E9 py-25px">{{ title }}</div>
+    <div class="py-60px text-center text-20px text-#1F2225">
+        {{ content }}
+    </div>
+    <div class="flex w-full justify-center">
+        <n-button color="#C7C7C9" class="text-14px text-#fff w-161px h-34px mr-10px"
+          @click="() => { show=false; emit('cancel') }"
+        >{{ cancelText }}</n-button>
+        <n-button color="#46299D" class="text-14px text-#fff w-161px h-34px"
+          @click="() => { show=false; emit('confirm') }"
+        >{{ confirmText }}</n-button>
+    </div>
+   </div>
+  </XNModal>
+</template>
+
+<style scoped>
+</style>

src/components/confirm-box/service.js

@@ -0,0 +1,32 @@
+import { createVNode, nextTick, render } from 'vue'
+import ConfirmBox from './index.vue'
+
+export function confirmBox(options) {
+  return new Promise((resolve, reject) => {
+    const container = document.createElement('div')
+    document.body.appendChild(container)
+
+    const props = {
+      ...options,
+      show: false,
+      onCancel: () => {
+        reject()
+
+      },
+      onAfterLeave:()=>{
+        render(null, container)
+        document.body.removeChild(container)
+      },
+      onConfirm: () => {
+        resolve()
+    
+      },
+    }
+
+    const vnode = createVNode(ConfirmBox, props)
+    render(vnode, container)
+    nextTick(() => {
+      vnode.component.props.show = true
+    })
+  })
+}

src/components/talk/message/FileMessage.vue

@@ -113,7 +113,7 @@ const handleDownload = () => {
 </script>
 
 <template>
-  <div class="file-message" @click="handleClick">
+  <div class="file-message flex flex-col" @click="handleClick">
     <!-- 文件头部信息 -->
     <div class="file-header">
       <!-- 文件名 -->
@@ -163,7 +163,7 @@ const handleDownload = () => {
       </div>
     </div>
     <!-- 文件大小信息 -->
-    <div class="flex justify-between items-center">
+    <div class="flex justify-between items-center grow-1">
       <div class="file-size">{{ fileFormatSize(extra.size) }}</div>
       <div class="flex items-center" v-if="!extra.is_uploading">
         <div class="flex items-center" @click.stop="handleDownload"> <img class="w-11.7px h-11.74px mr-7px" src="@/assets/image/dofd.png" alt=""> <span class="text-12px text-#46299D">下载</span></div>
@@ -206,6 +206,7 @@ const handleDownload = () => {
 }
 
 .file-icon-container {
+  height: 48px;
   position: relative;
 }
 
@@ -229,7 +230,6 @@ const handleDownload = () => {
 .file-size {
   color: #747474;
   font-size: 12px;
-  padding: 5px 0 11px;
 }
 
 .circle-progress-container {

src/utils/auth.js

@@ -18,7 +18,7 @@ export function isLoggedIn() {
  */
 export function getAccessToken() {
   // return storage.get(AccessToken) || ''
-  return JSON.parse(localStorage.getItem('token'))||'79b5c732d96d2b27a48a99dfd4a5566c43aaa5796242e854ebe3ffc198d6876b9628e7b764d9af65ab5dbb2d517ced88170491b74b048c0ba827c0d3741462cb89dc59ed46653a449af837a8262941caaef1334d640773710f8cd96473bacfb190cba595a5d6a9c87d70f0999a3ebb41147213b31b4bdccffca66a56acf3baab5af0154f0dce360079f37709f78e13711036899344bddb0fb4cf0f2890287cb62c3fcbe33368caa5e213624577be8b8420ab75b1f50775ee16142a4321c5d56995f37354a66a969da98d95ba6e65d142ed097e04b411c1ebad2f62866d0ec7e1838420530a9941dbbcd00490199f8b89eb1ea28c6224649ca60080b7243593f7462085111e3bd3868564aa9a65a16e171ba833d4955a4555f3376cb64b66eb2304dafb03f182fe1719d09e84d345954edbf75b17358196e1378893c8c97b56a6'
+  return JSON.parse(localStorage.getItem('token'))||'46d71a72d8d845ad7ed23eba9bdde260e635407190c2ce1bf7fd22088e41682ea07773ec65cae8946d2003f264d55961f96e0fc5da10eb96d3a348c1664e9644ce2108c311309f398ae8ea1b8200bfd490e5cb6e8c52c9e5d493cbabb163368f8351420451a631dbfa749829ee4cda49b77b5ed2d3dced5d0f2b7dd9ee76ba5465c84a17c23af040cd92b6b2a4ea48befbb5c729dcdad0a9c9668befe84074cc24f78899c1d947f8e7f94c7eda5325b8ed698df729e76febb98549ef3482ae942fb4f4a1c92d21836fa784728f0c5483aab2760a991b6b36e6b10c84f840a6433a6ecc31dee36e8f1c6158818bc89d22cb993eb73d0e2c0e0c8f627f3a8550a8e846cd26e5ec6abe0b57b0470a33b33c4b097d9fc113aa020f9751b55320b4f6b3f812fa4cc357f90f8db108a250b14e477c1e1b2292799d3c8831f7a47de2d6'
 }
 
 /**

src/views/message/inner/panel/MultiSelectFooter.vue

@@ -1,7 +1,7 @@
 <script lang="ts" setup>
 import { ref } from 'vue'
 import { useDialogueStore } from '@/store'
-import { Share, ShareThree, Delete, Close } from '@icon-park/vue-next'
+import {confirmBox} from '@/components/confirm-box/service.js'
 
 import ContactModal from '@/components/user/ContactModal.vue'
 
@@ -31,12 +31,19 @@ const onSingleForward = () => {
 }
 
 const onMultiDelete = () => {
+  confirmBox({
+    content:'确定删除聊天记录',
+    confirmText:'删除'
+  }).then(()=>{
+    let msgIds = dialogueStore.selectItems.map((item: any) => item.msg_id)
+
+if (!msgIds.length) return
+
+dialogueStore.ApiDeleteRecord(msgIds)
+    
+  })
   // 批量删除
-  let msgIds = dialogueStore.selectItems.map((item: any) => item.msg_id)
 
-  if (!msgIds.length) return
-
-  dialogueStore.ApiDeleteRecord(msgIds)
 }
 
 const onContactModal = (data: { receiver_id: number; talk_type: number }[]) => {