|
|
@@ -4,7 +4,7 @@ export default {
|
|
|
};
|
|
|
</script>
|
|
|
<script setup>
|
|
|
-import { ref, reactive, toRaw, toRefs, nextTick, computed, watchEffect,onMounted } from "vue";
|
|
|
+import { ref, reactive, toRaw, toRefs, nextTick, computed, watchEffect,onMounted,inject } from "vue";
|
|
|
import { useRouter, useRoute } from "vue-router";
|
|
|
import useUserStore from "@/store/modules/user";
|
|
|
import word from "@/assets/images/word2.png";
|
|
|
@@ -12,6 +12,7 @@ import chat from "@/assets/images/profile.png";
|
|
|
import cebian from "@/assets/images/cebian.png";
|
|
|
import send from "@/assets/images/send.png";
|
|
|
import downFile from "@/assets/images/down-file.png";
|
|
|
+import preFile from "@/assets/images/outline_preview.png";
|
|
|
import forwardFile from "@/assets/images/forward-file.png";
|
|
|
import sendFile from "@/assets/images/send-file.png";
|
|
|
import myfile from '@/api/myfile/myfile'
|
|
|
@@ -53,6 +54,7 @@ const openForwardFile = ref(false); //转发目录
|
|
|
const showCircel = ref(""); //是否 显示圆点
|
|
|
const chatRecords = reactive({ data: [] });
|
|
|
const loading = ref(false);
|
|
|
+const addFileTab = inject("addFileTab");
|
|
|
const wangzhi=import.meta.env.VITE_APP_BASE_API
|
|
|
const sendCont = reactive({
|
|
|
//发送聊天内容数据组装
|
|
|
@@ -169,6 +171,12 @@ const clickNewPerson = async () => {
|
|
|
toRaw(userTreeData.data);
|
|
|
open.value = true;
|
|
|
};
|
|
|
+// 点击文件预览
|
|
|
+const toPreviewFile = (index,file)=>{
|
|
|
+ const filedata = toRaw(file)
|
|
|
+ addFileTab(filedata, 0,0);
|
|
|
+ console.log('file',filedata);
|
|
|
+}
|
|
|
//点击左侧聊天列表
|
|
|
const clickPersonIndex = ref("");
|
|
|
const clickPersonId = ref(0);
|
|
|
@@ -807,6 +815,13 @@ onMounted(() => {
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
+ <img
|
|
|
+ :src="preFile"
|
|
|
+ class="zhuanfa downf shouzhi"
|
|
|
+ alt="预览"
|
|
|
+ v-if="record.isForward"
|
|
|
+ @click="toPreviewFile(index, record.file)"
|
|
|
+ />
|
|
|
<img
|
|
|
:src="forwardFile"
|
|
|
class="zhuanfa forwd shouzhi"
|
liuQiang