From e06334ca35f919fdcad2a20460af80c9e736f605 Mon Sep 17 00:00:00 2001
From: yangyin <1850366751@qq.com>
Date: 星期二, 26 十一月 2024 16:41:25 +0800
Subject: [PATCH] 新增安卓手机下载功能
---
src/layout/component/sidebar/SidebarOther.vue | 50 +++++++++++++++++++++++++++++++++++++++++++-------
1 files changed, 43 insertions(+), 7 deletions(-)
diff --git a/src/layout/component/sidebar/SidebarOther.vue b/src/layout/component/sidebar/SidebarOther.vue
index 444ae06..2c8ce3b 100644
--- a/src/layout/component/sidebar/SidebarOther.vue
+++ b/src/layout/component/sidebar/SidebarOther.vue
@@ -41,12 +41,28 @@
<span class="use_name">鐧�</span>
</div>
</div>
- <!-- <div class="agent_line"></div>
- <div class="nav__chat" @click="newChatRoomClick()">
- <div class="nav__chat-icon">
- <span class="chat_img ywifont ywicon-weixin !text-[26px] text-[#fff]"></span>
- </div>
- </div> -->
+ <div class="agent_line mt-4"></div>
+
+ <el-popover placement="right-start" :width="136" trigger="hover">
+ <template #reference>
+ <div class="nav__chat">
+ <div class="nav__chat-icon">
+ <span class="chat_img ywifont ywicon-shouji !text-[20px] text-[#fff]"></span>
+ </div>
+ </div>
+ </template>
+ <template #default>
+ <div class="relative">
+ <div class="p-0 box-shadow-none rounded-[10px]">
+ <div ref="setPhoneQRCode" class="mt-[8px] mb-[8px]"></div>
+ <p class="text-center text-[#5e6772] m-0 p-0 leading-5">
+ 瀹夊崜鎵爜涓嬭浇 <br />
+ WI 姘村姟鏅鸿兘鍔╂墜
+ </p>
+ </div>
+ </div>
+ </template>
+ </el-popover>
</div>
</div>
<div class="nav_history_list bg-[#1c1e1d]" v-show="isShowHistoryChatRoom" ref="historyChatRoomRef">
@@ -117,9 +133,11 @@
import { onClickOutside } from '@vueuse/core';
import { ElMessage, ElMessageBox } from 'element-plus';
import moment from 'moment';
-import { computed, onMounted, ref, watch, watchEffect } from 'vue';
+import QRCode from 'qrcodejs2-fixes';
+import { computed, nextTick, onMounted, ref, watch, watchEffect } from 'vue';
import type { ChatRoomItem } from './components/types';
import { DeleteHistoryGroups, setHistoryGroupTitle } from '/@/api/ai/chat';
+import { SERVE_URL } from '/@/constants';
import { useSearch } from '/@/hooks/useSearch';
import { DateFilter, dateFilterMap } from '/@/model/types/date';
import {
@@ -287,6 +305,23 @@
}
});
//#endregion
+//#region ====================== 鎵爜鎵嬫満绔笅杞� ======================
+const setPhoneQRCode = ref<HTMLElement | null>(null);
+// 鍒濆鍖栫敓鎴愪簩缁寸爜
+const initQrcode = () => {
+ const url = `${SERVE_URL}ai_html/views/mobileDownload/index.html`;
+ nextTick(() => {
+ (<HTMLElement>setPhoneQRCode.value).innerHTML = '';
+ new QRCode(setPhoneQRCode.value, {
+ text: url,
+ width: 126,
+ height: 126,
+ colorDark: '#000000',
+ colorLight: '#ffffff',
+ });
+ });
+};
+//#endregion
//#region ====================== 鎼滅储鑱婂ぉ瀹� ======================
const { query, queryData } = useSearch(filteredChatRoomList, queryParams);
const debounceQuery = debounce(query);
@@ -309,6 +344,7 @@
emitter.on('logout', () => {
logoutClick();
});
+ initQrcode();
});
</script>
--
Gitblit v1.9.3