|
|
|
@ -37,6 +37,7 @@ import voiceNoActive from "../assets/img/homePage/tail/voice-no-active.png"; |
|
|
|
import sendBtn from "../assets/img/homePage/tail/send.png"; |
|
|
|
import msgBtn from "../assets/img/homePage/tail/msg.png"; |
|
|
|
import feedbackBtn from "../assets/img/Feedback/feedbackBtn.png"; |
|
|
|
import back from "../assets/img/Feedback/back.png"; |
|
|
|
import AiEmotion from "./AiEmotion.vue"; |
|
|
|
import HistoryRecord from "./components/HistoryRecord.vue"; |
|
|
|
|
|
|
|
@ -333,8 +334,8 @@ const isAnnouncementVisible = ref(false); |
|
|
|
// Token规则提示框相关 |
|
|
|
const tokenRuleDialogVisible = ref(false); |
|
|
|
const hasShownTokenRule = ref({ |
|
|
|
AIchat: sessionStorage.getItem('hasShownTokenRule_AIchat') === 'true', |
|
|
|
AiEmotion: sessionStorage.getItem('hasShownTokenRule_AiEmotion') === 'true' |
|
|
|
AIchat: sessionStorage.getItem("hasShownTokenRule_AIchat") === "true", |
|
|
|
AiEmotion: sessionStorage.getItem("hasShownTokenRule_AiEmotion") === "true", |
|
|
|
}); |
|
|
|
|
|
|
|
// 关闭Token规则提示框 |
|
|
|
@ -361,15 +362,19 @@ onUnmounted(() => { |
|
|
|
|
|
|
|
// 检查是否需要显示Token规则提示框（从其他页面跳转过来时） |
|
|
|
const checkTokenRuleOnPageLoad = () => { |
|
|
|
const activeTab = sessionStorage.getItem('activeTabAI'); |
|
|
|
const fromExternalPage = sessionStorage.getItem('fromExternalPage'); |
|
|
|
const activeTab = sessionStorage.getItem("activeTabAI"); |
|
|
|
const fromExternalPage = sessionStorage.getItem("fromExternalPage"); |
|
|
|
|
|
|
|
if (fromExternalPage === 'true' && activeTab && !hasShownTokenRule.value[activeTab]) { |
|
|
|
if ( |
|
|
|
fromExternalPage === "true" && |
|
|
|
activeTab && |
|
|
|
!hasShownTokenRule.value[activeTab] |
|
|
|
) { |
|
|
|
tokenRuleDialogVisible.value = true; |
|
|
|
hasShownTokenRule.value[activeTab] = true; |
|
|
|
sessionStorage.setItem(`hasShownTokenRule_${activeTab}`, 'true'); |
|
|
|
sessionStorage.setItem(`hasShownTokenRule_${activeTab}`, "true"); |
|
|
|
// 清除标记，避免重复显示 |
|
|
|
sessionStorage.removeItem('fromExternalPage'); |
|
|
|
sessionStorage.removeItem("fromExternalPage"); |
|
|
|
} |
|
|
|
}; |
|
|
|
|
|
|
|
@ -954,6 +959,10 @@ const expandHistory = () => { |
|
|
|
} |
|
|
|
}; |
|
|
|
|
|
|
|
const feedbackBack = () => { |
|
|
|
dataStore.isFeedback = false; |
|
|
|
}; |
|
|
|
|
|
|
|
const backToHome = () => { |
|
|
|
if (isMobile.value) { |
|
|
|
console.log("用户是移动端"); |
|
|
|
@ -979,12 +988,12 @@ const backToHome = () => { |
|
|
|
"http://121.89.234.155:8807/hljw/homepage?menu=999999991"; |
|
|
|
} else { |
|
|
|
window.parent.postMessage( |
|
|
|
{ |
|
|
|
type: 'NAVIGATE_TO_HOMEPAGE', |
|
|
|
menu: '999999991' |
|
|
|
}, |
|
|
|
'*' |
|
|
|
) |
|
|
|
{ |
|
|
|
type: "NAVIGATE_TO_HOMEPAGE", |
|
|
|
menu: "999999991", |
|
|
|
}, |
|
|
|
"*" |
|
|
|
); |
|
|
|
} |
|
|
|
// window.parent.location.href = window.parent.document.referrer |
|
|
|
} |
|
|
|
@ -1205,8 +1214,6 @@ onMounted(async () => { |
|
|
|
sessionStorage.removeItem("activeLevel"); |
|
|
|
sessionStorage.setItem("rechargeFlag", "0"); |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
}); |
|
|
|
|
|
|
|
onUnmounted(() => { |
|
|
|
@ -1257,8 +1264,8 @@ onUnmounted(() => { |
|
|
|
v-if="!dataStore.isFeedback" |
|
|
|
class="main-container" |
|
|
|
:class="{ |
|
|
|
collapsed: historyRecordRef?.isCollapsed && !isMobile, |
|
|
|
unCollapsed: !historyRecordRef?.isCollapsed && !isMobile, |
|
|
|
collapsed: !isMobile && historyRecordRef?.isCollapsed, |
|
|
|
unCollapsed: !isMobile && !historyRecordRef?.isCollapsed, |
|
|
|
}" |
|
|
|
> |
|
|
|
<!-- AI小财神头部： logo 次数 公告 --> |
|
|
|
@ -1478,10 +1485,15 @@ onUnmounted(() => { |
|
|
|
> |
|
|
|
<el-header class="homepage-head"> |
|
|
|
<!-- logo --> |
|
|
|
<!-- <div class="homepage-logo"> |
|
|
|
<img :src="logo" alt="图片加载失败" class="logo1" /> |
|
|
|
<img :src="madeInHL" alt="图片加载失败" class="logo2" /> |
|
|
|
</div> --> |
|
|
|
<div class="homepage-logo"> |
|
|
|
<img |
|
|
|
:src="back" |
|
|
|
alt="返回按钮" |
|
|
|
class="backToHomeImg" |
|
|
|
@click="feedbackBack" |
|
|
|
/> |
|
|
|
<!-- <img :src="madeInHL" alt="图片加载失败" class="logo2" /> --> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="homepage-right-group"> |
|
|
|
<div class="count-badge" @click="showCount"> |
|
|
|
@ -1770,6 +1782,12 @@ onUnmounted(() => { |
|
|
|
padding: 0 6%; |
|
|
|
} |
|
|
|
|
|
|
|
.backToHomeImg { |
|
|
|
width: 40px; |
|
|
|
height: 40px; |
|
|
|
margin-left: 10px; |
|
|
|
} |
|
|
|
|
|
|
|
@media (max-width: 768px) { |
|
|
|
.tab-container { |
|
|
|
gap: 15px; |
|
|
|
@ -1832,22 +1850,6 @@ body { |
|
|
|
/* -webkit-overflow-scrolling: touch; */ |
|
|
|
} |
|
|
|
|
|
|
|
.main-container { |
|
|
|
flex: 1; |
|
|
|
transition: margin-left 0.3s ease; |
|
|
|
display: flex; |
|
|
|
flex-direction: column; |
|
|
|
overflow: hidden; |
|
|
|
} |
|
|
|
|
|
|
|
.main-container.unCollapsed { |
|
|
|
margin-left: 300px; /* 为历史记录组件留出空间 */ |
|
|
|
} |
|
|
|
/* 当历史记录组件折叠时调整主容器边距 */ |
|
|
|
.main-container.collapsed { |
|
|
|
margin-left: 3%; |
|
|
|
} |
|
|
|
|
|
|
|
.zhezhao { |
|
|
|
width: 100%; |
|
|
|
height: 100%; |
|
|
|
@ -1856,20 +1858,27 @@ body { |
|
|
|
position: fixed; |
|
|
|
} |
|
|
|
|
|
|
|
/* 移动端适配 */ |
|
|
|
@media (max-width: 768px) { |
|
|
|
.homepage { |
|
|
|
background-image: url("https://d31zlh4on95l9h.cloudfront.net/images/90d31d7052e729c63acb9e2cb94d1307.png"); |
|
|
|
} |
|
|
|
@media (min-width: 769px) { |
|
|
|
.main-container { |
|
|
|
/* margin-left: 280px; */ |
|
|
|
flex: 1; |
|
|
|
transition: margin-left 0.3s ease; |
|
|
|
display: flex; |
|
|
|
flex-direction: column; |
|
|
|
overflow: hidden; |
|
|
|
} |
|
|
|
.main-container.unCollapsed { |
|
|
|
margin-left: 280px; |
|
|
|
margin-left: 300px; /* 为历史记录组件留出空间 */ |
|
|
|
} |
|
|
|
|
|
|
|
/* 当历史记录组件折叠时调整主容器边距 */ |
|
|
|
.main-container.collapsed { |
|
|
|
margin-left: 40px; |
|
|
|
margin-left: 3%; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
/* 移动端适配 */ |
|
|
|
@media (max-width: 768px) { |
|
|
|
.homepage { |
|
|
|
background-image: url("https://d31zlh4on95l9h.cloudfront.net/images/90d31d7052e729c63acb9e2cb94d1307.png"); |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
@ -2656,6 +2665,11 @@ body { |
|
|
|
} |
|
|
|
|
|
|
|
@media (max-width: 768px) { |
|
|
|
.logo1 { |
|
|
|
max-width: 110px; |
|
|
|
width: 25vw; |
|
|
|
} |
|
|
|
|
|
|
|
.action-btn { |
|
|
|
height: 21px; |
|
|
|
} |
|
|
|
@ -2782,8 +2796,6 @@ body { |
|
|
|
.changeSuccessDialogContent { |
|
|
|
font-size: 1rem; |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
} |
|
|
|
</style> |
|
|
|
|
|
|
|
|
no99