| | |
| | | > |
| | | 新建对话 |
| | | </el-button> |
| | | <el-popover placement="right-start" :width="136" trigger="hover"> |
| | | <OtherPlatform /> |
| | | <!-- <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> |
| | | <span class="chat_img ywifont ywicon-shoujidiannao !text-[20px] text-[#fff]"></span> |
| | | </div> |
| | | </div> |
| | | </template> |
| | |
| | | <div ref="setPhoneQRCode" class="mt-[8px] mb-[8px]"></div> |
| | | <p class="text-center text-[#5e6772] m-0 p-0 leading-5"> |
| | | 扫码下载 <br /> |
| | | WI 水务智能助手 |
| | | WI水务智能平台 |
| | | </p> |
| | | </div> |
| | | </div> |
| | | </template> |
| | | </el-popover> |
| | | </el-popover> --> |
| | | </div> |
| | | </div> |
| | | <div |
| | |
| | | import moment from 'moment'; |
| | | import QRCode from 'qrcodejs2-fixes'; |
| | | import { computed, nextTick, onMounted, ref, watch } from 'vue'; |
| | | import OtherPlatform from './OtherPlatform.vue'; |
| | | import type { ChatRoomItem } from './types'; |
| | | import { DeleteHistoryGroups, setHistoryGroupTitle } from '/@/api/ai/chat'; |
| | | import { SERVE_URL } from '/@/constants'; |
| | |
| | | //#endregion |
| | | //#region ====================== 扫码手机端下载 ====================== |
| | | const setPhoneQRCode = ref<HTMLElement | null>(null); |
| | | let isInitQrcode = false; |
| | | // 初始化生成二维码 |
| | | const initQrcode = () => { |
| | | if (isInitQrcode) return; |
| | | isInitQrcode = true; |
| | | let currentTime = new Date().getTime(); |
| | | const url = `${SERVE_URL}ai_html/views/mobileDownload/index.html?v=${currentTime}`; |
| | | nextTick(() => { |
| | | (<HTMLElement>setPhoneQRCode.value).innerHTML = ''; |
| | | new QRCode(setPhoneQRCode.value, { |
| | | text: url, |
| | | width: 126, |
| | | height: 126, |
| | | colorDark: '#000000', |
| | | colorLight: '#ffffff', |
| | | }); |
| | | if (setPhoneQRCode.value) { |
| | | (<HTMLElement>setPhoneQRCode.value).innerHTML = ''; |
| | | new QRCode(setPhoneQRCode.value, { |
| | | text: url, |
| | | width: 126, |
| | | height: 126, |
| | | colorDark: '#000000', |
| | | colorLight: '#ffffff', |
| | | }); |
| | | } |
| | | }); |
| | | }; |
| | | //#endregion |
| | | |
| | | const addPluginClick = () => { |
| | | window.open(`${SERVE_URL}ai_html/views/extension/index.html`); |
| | | }; |
| | | onMounted(async () => { |
| | | selectFirstRoom(); |
| | | initQrcode(); |
| | |
| | | margin-bottom: 10px; |
| | | cursor: pointer; |
| | | &:hover { |
| | | background-color: #41424a; |
| | | background-color: var(--color-bg-base); |
| | | } |
| | | .nav__chat-icon { |
| | | background-position: 8px 8px; |