样式优化以及公共配置

master
wujingling0908 4 days ago
parent 2d5990e577
commit e1aaedb86d
  1. 3
      .env.development
  2. 3
      .env.production
  3. 1
      .env.sit
  4. 1
      .env.test
  5. 118
      src/assets/style/chat.css
  6. 5
      src/components/abstract.vue
  7. 22
      src/components/business-handle.vue
  8. 3
      src/components/footer-bar-input.vue
  9. 1
      src/components/hot-question.vue
  10. 5
      src/components/leave-message.vue
  11. 2
      src/components/notice-bar.vue
  12. 6
      src/components/product/index.vue
  13. 3
      src/components/welcomes.vue
  14. 2
      src/main.js
  15. 4
      src/utils/index.js
  16. 8
      src/utils/sm4.js
  17. 4
      src/utils/utils.js
  18. 2
      src/utils/websocket.js

@ -4,3 +4,6 @@ VITE_APP_TITLE=开发环境
VITE_API_BASE_URL=/yyfw VITE_API_BASE_URL=/yyfw
VITE_AES_KEY=3a7b9c2d5e8f1a4b6c9d8e7f5a3b2c1d VITE_AES_KEY=3a7b9c2d5e8f1a4b6c9d8e7f5a3b2c1d
VITE_ENABLE_VCONSOLE=true VITE_ENABLE_VCONSOLE=true
VITE_USER_MANGAGER=皮卡丘
VITE_SYSTEM_NAME=神厨小福贵
VITE_BASE_ROUTE=trace

@ -4,3 +4,6 @@ VITE_APP_TITLE=生产环境
VITE_API_BASE_URL=https://aioblu.cpic.com.cn/yyfw VITE_API_BASE_URL=https://aioblu.cpic.com.cn/yyfw
VITE_AES_KEY=3a7b9c2d5e8f1a4b6c9d8e7f5a3b2c1d VITE_AES_KEY=3a7b9c2d5e8f1a4b6c9d8e7f5a3b2c1d
VITE_ENABLE_VCONSOLE=false VITE_ENABLE_VCONSOLE=false
VITE_USER_MANGAGER=皮卡丘
VITE_SYSTEM_NAME=神厨小福贵
VITE_BASE_ROUTE=trace

@ -4,3 +4,4 @@ VITE_APP_TITLE=SIT测试环境
VITE_API_BASE_URL=https://aioblu-sit.cpic.com.cn/yyfw VITE_API_BASE_URL=https://aioblu-sit.cpic.com.cn/yyfw
VITE_AES_KEY=3a7b9c2d5e8f1a4b6c9d8e7f5a3b2c1d VITE_AES_KEY=3a7b9c2d5e8f1a4b6c9d8e7f5a3b2c1d
VITE_ENABLE_VCONSOLE=true VITE_ENABLE_VCONSOLE=true
VITE_BASE_ROUTE=trace

@ -5,3 +5,4 @@ VITE_API_BASE_URL=/yyfw
VITE_AES_KEY=3a7b9c2d5e8f1a4b6c9d8e7f5a3b2c1d VITE_AES_KEY=3a7b9c2d5e8f1a4b6c9d8e7f5a3b2c1d
VITE_ENABLE_VCONSOLE=true VITE_ENABLE_VCONSOLE=true
VITE_ENABLE_TEST=true VITE_ENABLE_TEST=true
VITE_BASE_ROUTE=trace

@ -203,9 +203,14 @@ img.avatarUrl-img[lazy="loading"] {
} }
.service-header-icon { .service-header-icon {
padding: 0 15rem 15rem 21rem; padding: 0 16rem 21rem;
}
.van-field {
border-radius: 12rem;
}
.van-cell__title {
padding-left: 16rem;
} }
.service-header-icon img { .service-header-icon img {
width: 50rem; width: 50rem;
height: 50rem; height: 50rem;
@ -296,7 +301,7 @@ img.avatarUrl-img[lazy="loading"] {
font-family: NotoSansHans-Regular; font-family: NotoSansHans-Regular;
line-height: 21rem; line-height: 21rem;
font-size: 14rem; font-size: 14rem;
color: #333333; color: #17204d;
} }
.content-question-answer { .content-question-answer {
@ -323,7 +328,7 @@ img.avatarUrl-img[lazy="loading"] {
.content-question-answer .answer-items { .content-question-answer .answer-items {
display: block; display: block;
width: 100%; width: 100%;
background: #ffffff; background: transparent;
border: 0 solid #f1f3f6; border: 0 solid #f1f3f6;
font-family: NotoSansHans-Regular; font-family: NotoSansHans-Regular;
font-size: 13rem; font-size: 13rem;
@ -375,7 +380,7 @@ img.avatarUrl-img[lazy="loading"] {
.text-question-title { .text-question-title {
font-family: NotoSansHans-Medium; font-family: NotoSansHans-Medium;
font-size: 14rem; font-size: 14rem;
color: #333333; color: #17204d;
} }
.question-answer-con { .question-answer-con {
@ -392,12 +397,14 @@ img.avatarUrl-img[lazy="loading"] {
.question-answer-con p { .question-answer-con p {
font-family: NotoSansHans-Regular; font-family: NotoSansHans-Regular;
font-size: 14rem; font-size: 16rem;
line-height: 21rem; line-height: 21rem;
color: #333333; color: #17204d;
word-wrap: break-word; word-wrap: break-word;
word-break: break-all; word-break: break-all;
overflow: hidden; overflow: hidden;
line-height: 24rem;
font-weight: 500;
-webkit-user-select: text; -webkit-user-select: text;
user-select: text; user-select: text;
text-align: justify; text-align: justify;
@ -695,19 +702,20 @@ img.avatarUrl-img[lazy="loading"] {
flex-direction: column; flex-direction: column;
align-items: flex-start; align-items: flex-start;
justify-content: center; justify-content: center;
padding: 0 16rem;
} }
.service-icon-tips { .service-icon-tips {
font-family: NotoSansHans-Regular; font-family: NotoSansHans-Regular;
font-size: 14rem; font-size: 14rem;
line-height: 21rem; line-height: 21rem;
color: #333333; color: #17204d;
word-break: break-all; word-break: break-all;
} }
.chat-left-txt { .chat-left-txt {
font-family: NotoSansHans-Regular; font-family: NotoSansHans-Regular;
font-size: 14rem; font-size: 14rem;
color: #333333; color: #17204d;
letter-spacing: 0; letter-spacing: 0;
line-height: 21rem; line-height: 21rem;
word-break: break-all; word-break: break-all;
@ -781,13 +789,13 @@ a {
user-select: text; user-select: text;
min-height: 5rem; min-height: 5rem;
line-height: normal; line-height: normal;
border-top-left-radius: 16rem; border-top-left-radius: 12rem;
border-top-right-radius: 16rem; border-top-right-radius: 12rem;
border-bottom-right-radius: 16rem; border-bottom-right-radius: 12rem;
border-bottom-left-radius: 0; border-bottom-left-radius: 12rem;
-webkit-border-radius: 12rem 12rem 0; -webkit-border-radius: 12rem 12rem;
-moz-border-radius: 12rem 12rem 0; -moz-border-radius: 12rem 12rem;
border-radius: 12rem 12rem 0; border-radius: 12rem 12rem;
-webkit-appearance: none; -webkit-appearance: none;
box-sizing: border-box; box-sizing: border-box;
background-clip: padding-box; background-clip: padding-box;
@ -926,7 +934,7 @@ a {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important; -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
} }
.elder-wrapper .time-show { .time-show {
border-radius: 4rem; border-radius: 4rem;
font-family: PingFangSC-Regular; font-family: PingFangSC-Regular;
font-size: 13rem; font-size: 13rem;
@ -935,34 +943,34 @@ a {
line-height: 18rem; line-height: 18rem;
} }
.elder-wrapper .content-left-main { .content-left-main {
/* padding-top: 16rem; */ /* padding-top: 16rem; */
padding-left: 16rem; padding-left: 16rem;
padding-right: 16rem; padding-right: 16rem;
border-radius: 2rem 16rem 16rem 16rem; border-radius: 2rem 16rem 16rem 16rem;
} }
.elder-wrapper .content-left-main .question-answer-con p a { .content-left-main .question-answer-con p a {
color: #025cea; color: #025cea;
} }
.elder-wrapper .content-left-main .question-answer-con p .open-wx-web-button { .content-left-main .question-answer-con p .open-wx-web-button {
color: #fff; color: #fff;
} }
.elder-wrapper .time-show span { .time-show span {
line-height: 18rem; line-height: 18rem;
padding: 4rem 8rem; padding: 4rem 8rem;
font-size: 12rem; font-size: 12rem;
} }
.elder-wrapper .chat-txt-content { .chat-txt-content {
background: linear-gradient(103deg, #055cea 0%, #137dff 99%); background: linear-gradient(103deg, #055cea 0%, #137dff 99%);
border-top-right-radius: 0; border-top-right-radius: 0;
border-bottom-right-radius: 16rem; border-bottom-right-radius: 16rem;
} }
.elder-wrapper .chat-txt-content .messageBox { .chat-txt-content .messageBox {
font-family: PingFangSC-Medium; font-family: PingFangSC-Medium;
font-size: 14rem; font-size: 14rem;
color: #ffffff; color: #ffffff;
@ -971,18 +979,18 @@ a {
margin-bottom: 10rem; margin-bottom: 10rem;
} }
.elder-wrapper .question-answer-con p { .question-answer-con p {
font-family: PingFangSC-Medium; font-family: PingFangSC-Medium;
font-size: 14rem; font-size: 16rem;
color: #2c3562; color: #2c3562;
line-height: 22rem; line-height: 26rem;
} }
.elder-wrapper .question-answer-con img { .question-answer-con img {
width: 18rem; width: 18rem;
vertical-align: text-top; vertical-align: text-top;
margin-right: 3rem; margin-right: 3rem;
} }
.elder-wrapper .question-answer-con .open-wx-web-button { .question-answer-con .open-wx-web-button {
height: 40rem; height: 40rem;
background: #025cea; background: #025cea;
border-radius: 6rem; border-radius: 6rem;
@ -993,7 +1001,7 @@ a {
margin: 16rem 0; margin: 16rem 0;
} }
.elder-wrapper .answer-items { .answer-items {
font-family: PingFangSC-Medium; font-family: PingFangSC-Medium;
font-size: 14rem; font-size: 14rem;
color: #025cea; color: #025cea;
@ -1001,7 +1009,7 @@ a {
line-height: unset; line-height: unset;
} }
.elder-wrapper .answer-items::before { .answer-items::before {
width: 20rem !important; width: 20rem !important;
height: 20rem !important; height: 20rem !important;
background: url(data:image/png;base64,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) background: url(data:image/png;base64,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)
@ -1011,37 +1019,37 @@ a {
left: 0; left: 0;
} }
.elder-wrapper .text-folding-box.detailed-introduce { .text-folding-box.detailed-introduce {
max-height: 150rem; max-height: 150rem;
} }
.elder-wrapper .service-radius .service-icon-tips { .service-radius .service-icon-tips {
font-family: PingFangSC-Medium; font-family: PingFangSC-Medium;
font-size: 14rem; font-size: 14rem;
line-height: 20rem; line-height: 20rem;
color: #2c3562; color: #2c3562;
} }
.elder-wrapper .service-radius .service-link-btn { .service-radius .service-link-btn {
font-family: PingFangSC-Medium; font-family: PingFangSC-Medium;
font-size: 14rem; font-size: 14rem;
color: #025cea; color: #025cea;
padding: 16rem 0; padding: 16rem 0;
} }
.elder-wrapper .content-left-icon { .content-left-icon {
height: 48rem; height: 48rem;
min-height: 48rem; min-height: 48rem;
line-height: 48rem; line-height: 48rem;
} }
/* .elder-wrapper .content-left-icon img { /* .content-left-icon img {
height: 48rem; height: 48rem;
width: 48rem; width: 48rem;
max-width: 48rem; max-width: 48rem;
} */ } */
.elder-wrapper .content-left-icon .chat-name { .content-left-icon .chat-name {
font-family: PingFangSC-Regular; font-family: PingFangSC-Regular;
font-size: 13rem; font-size: 13rem;
color: #17204d; color: #17204d;
@ -1052,7 +1060,7 @@ a {
/* Like */ /* Like */
.elder-wrapper .help-button-item { .help-button-item {
font-family: PingFangSC-Medium; font-family: PingFangSC-Medium;
font-size: 13rem; font-size: 13rem;
color: #2c3562; color: #2c3562;
@ -1060,80 +1068,80 @@ a {
height: 32rem; height: 32rem;
} }
.elder-wrapper .help-button-icon { .help-button-icon {
width: 20rem; width: 20rem;
height: 20rem; height: 20rem;
vertical-align: middle; vertical-align: middle;
margin-top: -3rem; margin-top: -3rem;
} }
.elder-wrapper .help-button-item:first-child .help-button-icon { .help-button-item:first-child .help-button-icon {
background: url("@/assets/images/chat/help-icon.svg") no-repeat center; background: url("@/assets/images/chat/help-icon.svg") no-repeat center;
background-size: 100% auto; background-size: 100% auto;
} }
.elder-wrapper .help-button-item:not(.active):disabled { .help-button-item:not(.active):disabled {
color: #2c3562 !important; color: #2c3562 !important;
opacity: 0.3; opacity: 0.3;
cursor: not-allowed; cursor: not-allowed;
} }
.elder-wrapper .help-button-item.active:disabled { .help-button-item.active:disabled {
color: #025cea !important; color: #025cea !important;
opacity: 0.3; opacity: 0.3;
cursor: not-allowed; cursor: not-allowed;
} }
.elder-wrapper .help-button-item.active:first-child:disabled .help-button-icon, .help-button-item.active:first-child:disabled .help-button-icon,
.elder-wrapper .historicRecords .help-button-item:first-child:disabled .help-button-icon { .historicRecords .help-button-item:first-child:disabled .help-button-icon {
background: url("@/assets/images/chat/help-icon.svg") no-repeat center; background: url("@/assets/images/chat/help-icon.svg") no-repeat center;
background-size: 100% auto; background-size: 100% auto;
} }
.elder-wrapper .help-button-item:nth-child(2) .help-button-icon { .help-button-item:nth-child(2) .help-button-icon {
background: url("@/assets/images/chat/noHelp-icon.svg") no-repeat center; background: url("@/assets/images/chat/noHelp-icon.svg") no-repeat center;
background-size: 100% auto; background-size: 100% auto;
} }
.elder-wrapper .help-button-item.active:nth-child(2):disabled .help-button-icon, .help-button-item.active:nth-child(2):disabled .help-button-icon,
.elder-wrapper .historicRecords .help-button-item:nth-child(2):disabled .help-button-icon { .historicRecords .help-button-item:nth-child(2):disabled .help-button-icon {
background: url("@/assets/images/chat/noHelp-icon.svg") no-repeat center; background: url("@/assets/images/chat/noHelp-icon.svg") no-repeat center;
background-size: 100% auto; background-size: 100% auto;
} }
.elder-wrapper .question-answer-help { .question-answer-help {
font-family: PingFangSC-Medium; font-family: PingFangSC-Medium;
font-size: 14rem; font-size: 14rem;
color: #2c3562; color: #2c3562;
line-height: 30rem; line-height: 30rem;
} }
.elder-wrapper .question-answer-help .answer-help-btn { .question-answer-help .answer-help-btn {
font-family: PingFangSC-Medium; font-family: PingFangSC-Medium;
font-size: 14rem; font-size: 14rem;
color: #025cea; color: #025cea;
line-height: 30rem; line-height: 30rem;
} }
.elder-wrapper .chat-left-txt { .chat-left-txt {
font-family: PingFangSC-Medium; font-family: PingFangSC-Medium;
font-size: 14rem; font-size: 14rem;
color: #2c3562; color: #2c3562;
line-height: 1.2; line-height: 1.2;
} }
.elder-wrapper .leave-message-cont { .leave-message-cont {
font-family: PingFangSC-Medium; font-family: PingFangSC-Medium;
font-size: 14rem; font-size: 14rem;
color: #2c3562; color: #2c3562;
line-height: 1.2; line-height: 1.2;
} }
.elder-wrapper .leave-message-btn { .leave-message-btn {
padding-top: 24rem; padding-top: 24rem;
} }
.elder-wrapper .leave-message-btn .answer-items { .leave-message-btn .answer-items {
display: flex; display: flex;
height: 40rem; height: 40rem;
align-items: center; align-items: center;
@ -1148,14 +1156,14 @@ a {
margin-bottom: 10rem; margin-bottom: 10rem;
} }
.elder-wrapper .leave-message-btn .answer-items:disabled { .leave-message-btn .answer-items:disabled {
background: transparent; background: transparent;
} }
.elder-wrapper .service-header-icon { .service-header-icon {
padding: 8rem 0 16rem 0; padding: 8rem 0 16rem 0;
} }
.elder-wrapper .chat-content-list { .chat-content-list {
margin-top: 16rem; margin-top: 16rem;
} }

@ -9,6 +9,7 @@ import rightsIcon from '@/assets/images/chat/rights‌.webp'
const store = inject('appStore', null) const store = inject('appStore', null)
const businessHandleInfo = ref({}) const businessHandleInfo = ref({})
const orderCount = ref(0) const orderCount = ref(0)
const manager =ref (import.meta.env.VITE_USER_MANGAGER)
const emit = defineEmits(['ready', 'businessClick']) const emit = defineEmits(['ready', 'businessClick'])
const abstractList = computed(() => [ const abstractList = computed(() => [
{ {
@ -58,7 +59,7 @@ const businessHandle = (userId) => {
businessHandleInfo.value = { businessHandleInfo.value = {
contents: [ contents: [
{ {
name: '测试待办' name: '测试待办测试待办测试待办测试待办测试待办'
} }
] ]
} }
@ -159,7 +160,7 @@ onActivated(async () => {
<template> <template>
<div class="abstract-con" v-if="abstractList.length"> <div class="abstract-con" v-if="abstractList.length">
<div class="title"> <div class="title">
<span>今日皮卡丘摘要</span><img src="@/assets/images/chat/star.webp" alt="" srcset="" /> <span>今日{{ manager }}摘要</span><img src="@/assets/images/chat/star.webp" alt="" srcset="" />
</div> </div>
<div class="list"> <div class="list">
<div :class="`item ${(abstractList || []).length === 1 ? 'singleItem' : ''}`" <div :class="`item ${(abstractList || []).length === 1 ? 'singleItem' : ''}`"

@ -36,7 +36,7 @@
/> />
<div class="item-content"> <div class="item-content">
<div>{{ item.name }}</div> <div>{{ item.name }}</div>
<van-icon name="arrow" color="#025cea" /> <van-icon name="arrow" color="#B5BACE" />
</div> </div>
</div> </div>
</div> </div>
@ -151,7 +151,6 @@ defineExpose({
.item > img { .item > img {
width: 30rem; width: 30rem;
height: 30rem; height: 30rem;
margin-right: 10rem;
} }
.item-content { .item-content {
@ -159,7 +158,9 @@ defineExpose({
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
font-size: 15rem; font-size: 15rem;
line-height: 26rem; line-height: normal;
font-weight: 500;
align-items: center;
i { i {
padding-top: 4rem; padding-top: 4rem;
} }
@ -199,15 +200,20 @@ defineExpose({
max-height: 300rem; max-height: 300rem;
overflow: auto; overflow: auto;
width: 100%; width: 100%;
gap: 12rem; gap: 8rem;
padding-bottom: 12rem; padding-bottom: 12rem;
} }
.popupContentItem { .popupContentItem {
background: #ffffff; background: #ffffff;
border: 1px solid rgba(255, 255, 255, 0.9); border: 1rem solid rgba(255, 255, 255, 0.9);
padding: 12px; padding: 12rem;
gap: 12px; gap: 12rem;
border-radius: 12px; border-radius: 12rem;
align-items: center;
.van-icon {
font-size: 16rem;
height: fit-content;
}
} }
</style> </style>

@ -865,10 +865,9 @@ watch(sendMessage, (newValue, oldValue) => {
line-height: 20rem; line-height: 20rem;
border: 0; border: 0;
background: transparent; background: transparent;
border-radius: 2rem;
font-family: SourceHanSansCN-Normal; font-family: SourceHanSansCN-Normal;
font-size: 16rem; font-size: 16rem;
color: #333; color: #17204D;
letter-spacing: 0; letter-spacing: 0;
text-align: justify; text-align: justify;
vertical-align: middle; vertical-align: middle;

@ -659,6 +659,7 @@ onMounted(() => {
<style scoped lang="scss"> <style scoped lang="scss">
.hot-question { .hot-question {
padding-top: 0; padding-top: 0;
margin-bottom: 16rem;
} }
.hot-question-main { .hot-question-main {

@ -8,7 +8,7 @@
> >
<div class="leave-message-box"> <div class="leave-message-box">
<div class="leave-message-cont"> <div class="leave-message-cont">
<div class="leave-message-title">感谢您选择神厨小福贵,<br />请输入您的留言:</div> <div class="leave-message-title">感谢您选择{{ systemName }},<br />请输入您的留言:</div>
<div class="leave-message-textarea"> <div class="leave-message-textarea">
<textarea <textarea
class="input-textarea" class="input-textarea"
@ -43,7 +43,7 @@
<div class="success-tips"> <div class="success-tips">
<template v-if="weappSource.includes(source)"> <template v-if="weappSource.includes(source)">
<div class="success-tips-title">留言已提交,感谢您的关注。</div> <div class="success-tips-title">留言已提交,感谢您的关注。</div>
您可在 <span class="bold">2个自然日</span> 内点击神厨小福贵小程序 -<span 您可在 <span class="bold">2个自然日</span> 内点击{{ systemName }}小程序 -<span
class="highlight-blue" class="highlight-blue"
>【我的】</span >【我的】</span
>- 右上角<span class="highlight-blue">【消息】</span>模块查看回复内容。 >- 右上角<span class="highlight-blue">【消息】</span>模块查看回复内容。
@ -86,6 +86,7 @@ const isShow = ref(false)
const submitLoading = ref(false) const submitLoading = ref(false)
const isSuccessShow = ref(false) const isSuccessShow = ref(false)
const leaveMessageCont = ref('') const leaveMessageCont = ref('')
const systemName = ref(import.meta.env.VITE_SYSTEM_NAME)
const weappSource = [ const weappSource = [
'95820000', '95820000',
'95830000', '95830000',

@ -155,7 +155,7 @@ function handleHide() {
async function replaceDomainDev(txt) { async function replaceDomainDev(txt) {
if (window.location.href.indexOf('localhost') !== -1) { if (window.location.href.indexOf('localhost') !== -1) {
txt = txt.replace('../', '//ssp-dev.trace.com.cn/') txt = txt.replace('../', `//ssp-dev.${import.meta.env.VITE_BASE_ROUTE}.com.cn/`)
} }
const imgRegex = /<img[^>]+src=["']([^"']+)["'][^>]*>/gi const imgRegex = /<img[^>]+src=["']([^"']+)["'][^>]*>/gi
const matches = [] const matches = []

@ -359,7 +359,7 @@ function showGraph(item) {
background-size: cover; background-size: cover;
background-repeat: no-repeat; background-repeat: no-repeat;
border-radius: 0.36rem 0.36rem 0 0; border-radius: 0.36rem 0.36rem 0 0;
padding: 8rem 16rem; padding: 16rem;
display: flex; display: flex;
align-items: center; align-items: center;
@ -451,7 +451,7 @@ function showGraph(item) {
position: absolute; position: absolute;
font-size: 12rem; font-size: 12rem;
border-radius: 0rem 12rem 0rem 12rem; border-radius: 0rem 12rem 0rem 12rem;
background: #FDEEDE; background: #fdeede;
width: 64rem; width: 64rem;
height: 25rem; height: 25rem;
top: 0rem; top: 0rem;
@ -460,7 +460,7 @@ function showGraph(item) {
font-weight: 500; font-weight: 500;
text-align: center; text-align: center;
content: ''; content: '';
color: #A56033; color: #a56033;
} }
} }

@ -5,7 +5,8 @@ const store = inject('appStore')
const emit = defineEmits(['ready']) const emit = defineEmits(['ready'])
const welcomeWord = ref('') const welcomeWord = ref('')
const welcomeSubWord = ref('我是您的服务管家皮卡丘') const manager =ref (import.meta.env.VITE_USER_MANGAGER)
const welcomeSubWord = ref(`我是您的服务管家${manager.value}`)
onMounted(() => { onMounted(() => {
Post('welcome/speech', { Post('welcome/speech', {
source: store.source, source: store.source,

@ -17,7 +17,7 @@ import '@/assets/font/iconfont.css'
const shouldEnableVConsole = import.meta.env.VITE_ENABLE_TEST === 'true' const shouldEnableVConsole = import.meta.env.VITE_ENABLE_TEST === 'true'
// 根据域名判断是否启用 VConsole // 根据域名判断是否启用 VConsole
const enableVConsoleDomains = ['aioblu-sit.trace.com.cn', 'aioblu-dev.trace.com.cn'] const enableVConsoleDomains = [`aioblu-sit.${import.meta.env.VITE_BASE_ROUTE}.com.cn`, `aioblu-dev.${import.meta.env.VITE_BASE_ROUTE}.com.cn`]
const isMobile = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test( const isMobile = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(
window.navigator.userAgent, window.navigator.userAgent,
) )

@ -363,7 +363,7 @@ export function getHost() {
var hostName = ''; var hostName = '';
if (host.indexOf("localhost") >= 0) { if (host.indexOf("localhost") >= 0) {
hostName = `https://ssp-dev.trace.com.cn` hostName = `https://ssp-dev.${import.meta.env.VITE_BASE_ROUTE}.com.cn`
} else { } else {
hostName = `..` hostName = `..`
} }
@ -586,7 +586,7 @@ export function isDev() {
} }
export function isProd() { export function isProd() {
return window.location.host.includes('sxznjh.trace.com.cn') || window.location.host.includes('ssp.trace.com.cn') || window.location.host.includes('dev.trace.com.cn') return window.location.host.includes(`sxznjh.${import.meta.env.VITE_BASE_ROUTE}.com.cn`) || window.location.host.includes(`ssp.${import.meta.env.VITE_BASE_ROUTE}.com.cn`) || window.location.host.includes(`dev.${import.meta.env.VITE_BASE_ROUTE}.com.cn`)
} }
export function jumpOpenLink(url) { export function jumpOpenLink(url) {
utils.AppToHttpHtml(url); utils.AppToHttpHtml(url);

@ -6,16 +6,16 @@
// export const SM4_SAMPLE_CONFIG = { // export const SM4_SAMPLE_CONFIG = {
// cipherTextBase64: 'At1K/lI9/xqGNOqc7LMKVw==', // cipherTextBase64: 'At1K/lI9/xqGNOqc7LMKVw==',
// keyHex: stringToHex( // keyHex: stringToHex(
// currentHostname.includes('localhost') || currentHostname.includes('aioblu-dev.trace.com.cn') // currentHostname.includes('localhost') || currentHostname.includes(`aioblu-dev.${import.meta.env.VITE_BASE_ROUTE}.com.cn`)
// ? '0123456789abcdef' || 'a1b2c3d4e5f67890' // ? '0123456789abcdef' || 'a1b2c3d4e5f67890'
// : currentHostname.includes('aioblu-sit.trace.com.cn') // : currentHostname.includes(`aioblu-sit.${import.meta.env.VITE_BASE_ROUTE}.com.cn`)
// ? '9f8e7d6c5b4a3210' // ? '9f8e7d6c5b4a3210'
// : '7h9k2m5n8p1q4r6s', // : '7h9k2m5n8p1q4r6s',
// ), // ),
// ivHex: stringToHex( // ivHex: stringToHex(
// currentHostname.includes('localhost') || currentHostname.includes('aioblu-dev.trace.com.cn') // currentHostname.includes('localhost') || currentHostname.includes(`aioblu-dev.${import.meta.env.VITE_BASE_ROUTE}.com.cn`)
// ? 'abcdef0123456789' || '1a2b3c4d5e6f7089' // ? 'abcdef0123456789' || '1a2b3c4d5e6f7089'
// : currentHostname.includes('aioblu-sit.trace.com.cn') // : currentHostname.includes(`aioblu-sit.${import.meta.env.VITE_BASE_ROUTE}.com.cn`)
// ? '0123456789abcdef' // ? '0123456789abcdef'
// : '3t6w9z2b5e8h1k4n', // : '3t6w9z2b5e8h1k4n',
// ), // ),

@ -465,7 +465,7 @@ export default {
} else { } else {
// 浦发银行返回按钮跳转到基座 // 浦发银行返回按钮跳转到基座
if (appStore().source === '95410000') { if (appStore().source === '95410000') {
window.location.href = `https://${location.origin.includes("-dev") || location.origin.includes("-sit") || location.origin.includes("-uat") || location.origin.includes("-pt") ? 'life-open-sit' : 'life-open'}.trace.com.cn/web-guard-h5/`; window.location.href = `https://${location.origin.includes("-dev") || location.origin.includes("-sit") || location.origin.includes("-uat") || location.origin.includes("-pt") ? 'life-open-sit' : 'life-open'}.${import.meta.env.VITE_BASE_ROUTE}.com.cn/web-guard-h5/`;
return return
} }
if (window.wxx && typeof (window.wxx.back) == 'function') { if (window.wxx && typeof (window.wxx.back) == 'function') {
@ -502,7 +502,7 @@ export default {
var img = new Image(); var img = new Image();
if (localhostPaht.indexOf("localhost") >= 0) { if (localhostPaht.indexOf("localhost") >= 0) {
img.src = `https://ssp-dev.trace.com.cn${projectName}/favicon.ico?v=${Date.now()}`; img.src = `https://ssp-dev.${import.meta.env.VITE_BASE_ROUTE}.com.cn${projectName}/favicon.ico?v=${Date.now()}`;
} else { } else {
img.src = `${localhostPaht}${projectName}/favicon.ico?v=${Date.now()}`; img.src = `${localhostPaht}${projectName}/favicon.ico?v=${Date.now()}`;
} }

@ -20,7 +20,7 @@ let wssHref = "wss" + href.substring(5);
// this.connectTimes= connectTimes // this.connectTimes= connectTimes
// this.sceneType= sceneType // this.sceneType= sceneType
// this._this = _this // this._this = _this
// this.trainWebsocket = new WebSocket('wss://newtec-sit.trace.com.cn/nls/nls/transcription'); // this.trainWebsocket = new WebSocket(`wss://newtec-sit.${import.meta.env.VITE_BASE_ROUTE}.com.cn/nls/nls/transcription`);
// this.trainWebsocket.binaryType = "arraybuffer"; // 传输数据类型:ArrayBuffer // this.trainWebsocket.binaryType = "arraybuffer"; // 传输数据类型:ArrayBuffer
// this.trainWebsocket.onopen = (evt) => websocketOnOpen.call(this, evt); // this.trainWebsocket.onopen = (evt) => websocketOnOpen.call(this, evt);
// this.trainWebsocket.onmessage = (evt) => websocketOnMessage.call(this, evt); // this.trainWebsocket.onmessage = (evt) => websocketOnMessage.call(this, evt);

Loading…
Cancel
Save