Browse Source

fix:1. 会话列表的连接改为跳转新的标签页;2. 菜单栏增加滚动;3. 修改线上地址为域名;

dxj
李朋徽 1 year ago
parent
commit
8286d20bea
  1. 2
      .env.production
  2. 31
      src/components/AppMessage/index.vue
  3. 31
      src/layout/AppMenu/index.vue

2
.env.production

@ -1,7 +1,7 @@
# 正式环境
# 公共地址
VITE_GLOB_BASE_URL = "http://223.99.228.207:19872"
VITE_GLOB_BASE_URL = "https://ai.sinenux.com:19876"
# 本地MQTT地址
VITE_GLOB_MQTT_HOST = "223.99.228.240"

31
src/components/AppMessage/index.vue

@ -3,6 +3,7 @@ import { computed, nextTick, onMounted, ref, watch } from 'vue'
import { Image } from 'ant-design-vue'
import { MdPreview } from 'md-editor-v3'
import 'md-editor-v3/lib/style.css'
import { throttle } from 'lodash-es'
import type { MessageItem } from './index.d'
import { SvgIcon } from '@/components/SvgIcon'
import { MessageStatusEnum, MessageTypeEnum } from '@/enums/messageEnum'
@ -46,6 +47,7 @@ const conversationData = computed(() => messageStore.getConversationData)
watch(
() => props.list[props.list.length - 1],
() => {
throttle(setHrefTarget, 500)
if (isAutoScroll.value) {
scrollToBottom()
}
@ -53,6 +55,19 @@ watch(
{ immediate: true },
)
watch(
() => messageStore.messageStatus,
() => {
setHrefTarget()
},
)
watch(
() => props.list.length,
() => {
setHrefTarget()
},
)
/**
* @description: 滚动到底部
*/
@ -111,8 +126,22 @@ function reloadMessage() {
emit('reloadMessage')
}
/**
* @description: 给链接添加target="_blank"
*/
async function setHrefTarget() {
if (messageRef.value && props.list.length) {
await nextTick()
const links = messageRef.value.querySelectorAll('a')
links.forEach((item: { target: string }) => {
item.target = '_blank'
})
}
}
onMounted(async () => {
scrollToBottom()
setHrefTarget()
})
</script>
@ -123,7 +152,7 @@ onMounted(async () => {
<div class="content">
<MdPreview
:editor-id="`preview-only-user${index}${Date.now()}`"
:model-value="item.content"
:model-value="`[我是连接](https://open.ys7.com/console/device.html?_blank)${item.content}`"
/>
</div>
<img class="icon-user" src="@/assets/images/conversation/user.png" alt="">

31
src/layout/AppMenu/index.vue

@ -104,8 +104,8 @@ function showConfirm() {
<template>
<div class="app-menu h-full flex flex-col justify-between">
<div class="menu w-full">
<img class="logo" src="~@/assets/images/logo.png" alt="">
<img class="logo" src="~@/assets/images/logo.png" alt="">
<div class="menu header-menu w-full">
<div
v-for="item in menu"
:key="item.key"
@ -119,7 +119,7 @@ function showConfirm() {
</p>
</div>
</div>
<div class="menu foot-menu w-full">
<div class="menu foot-menu w-full flex flex-col flex-justify-end">
<div
v-for="item in footMenu"
:key="item.key"
@ -144,16 +144,20 @@ function showConfirm() {
</template>
<style lang="scss" scoped>
::-webkit-scrollbar {
width: 0px;
height: 8px;
}
@include app('menu') {
background-image: url('../../assets/images/bg_menu.png');
background-size: cover;
.logo {
width: 50px;
margin: 15px auto 30px auto;
display: block;
}
.menu {
.logo {
width: 50px;
margin: 15px auto 30px auto;
display: block;
}
.menu-item {
color: #fff;
cursor: pointer;
@ -181,5 +185,14 @@ function showConfirm() {
}
}
}
.header-menu {
height: calc(100vh - 180px - 63px);
overflow: auto;
}
.foot-menu {
height: 180px;
overflow: auto;
box-shadow: 0 0 15px #3766d6;
}
}
</style>

Loading…
Cancel
Save