样式优化以及公共配置

4 days ago · e1aaedb86d
parent 2d5990e577
commit e1aaedb86d
18 changed files with 121 additions and 96 deletions
--- a/.env.development
+++ b/.env.development
@ -4,3 +4,6 @@ VITE_APP_TITLE=开发环境
 VITE_API_BASE_URL=/yyfw
 VITE_AES_KEY=3a7b9c2d5e8f1a4b6c9d8e7f5a3b2c1d
 VITE_ENABLE_VCONSOLE=true
+VITE_USER_MANGAGER=皮卡丘
+VITE_SYSTEM_NAME=神厨小福贵
+VITE_BASE_ROUTE=trace
--- a/.env.production
+++ b/.env.production
@ -4,3 +4,6 @@ VITE_APP_TITLE=生产环境
 VITE_API_BASE_URL=https://aioblu.cpic.com.cn/yyfw
 VITE_AES_KEY=3a7b9c2d5e8f1a4b6c9d8e7f5a3b2c1d
 VITE_ENABLE_VCONSOLE=false
+VITE_USER_MANGAGER=皮卡丘
+VITE_SYSTEM_NAME=神厨小福贵
+VITE_BASE_ROUTE=trace
--- a/.env.sit
+++ b/.env.sit
@ -4,3 +4,4 @@ VITE_APP_TITLE=SIT测试环境
 VITE_API_BASE_URL=https://aioblu-sit.cpic.com.cn/yyfw
 VITE_AES_KEY=3a7b9c2d5e8f1a4b6c9d8e7f5a3b2c1d
 VITE_ENABLE_VCONSOLE=true
+VITE_BASE_ROUTE=trace
--- a/.env.test
+++ b/.env.test
@ -5,3 +5,4 @@ VITE_API_BASE_URL=/yyfw
 VITE_AES_KEY=3a7b9c2d5e8f1a4b6c9d8e7f5a3b2c1d
 VITE_ENABLE_VCONSOLE=true
 VITE_ENABLE_TEST=true
+VITE_BASE_ROUTE=trace
--- a/src/assets/style/chat.css
+++ b/src/assets/style/chat.css
@ -203,9 +203,14 @@ img.avatarUrl-img[lazy="loading"] {
 }

 .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 {
  width: 50rem;
  height: 50rem;
@ -296,7 +301,7 @@ img.avatarUrl-img[lazy="loading"] {
  font-family: NotoSansHans-Regular;
  line-height: 21rem;
  font-size: 14rem;
-  color: #333333;
+  color: #17204d;
 }

 .content-question-answer {
@ -323,7 +328,7 @@ img.avatarUrl-img[lazy="loading"] {
 .content-question-answer .answer-items {
  display: block;
  width: 100%;
-  background: #ffffff;
+  background: transparent;
  border: 0 solid #f1f3f6;
  font-family: NotoSansHans-Regular;
  font-size: 13rem;
@ -375,7 +380,7 @@ img.avatarUrl-img[lazy="loading"] {
 .text-question-title {
  font-family: NotoSansHans-Medium;
  font-size: 14rem;
-  color: #333333;
+  color: #17204d;
 }

 .question-answer-con {
@ -392,12 +397,14 @@ img.avatarUrl-img[lazy="loading"] {

 .question-answer-con p {
  font-family: NotoSansHans-Regular;
-  font-size: 14rem;
+  font-size: 16rem;
  line-height: 21rem;
-  color: #333333;
+  color: #17204d;
  word-wrap: break-word;
  word-break: break-all;
  overflow: hidden;
+  line-height: 24rem;
+  font-weight: 500;
  -webkit-user-select: text;
  user-select: text;
  text-align: justify;
@ -695,19 +702,20 @@ img.avatarUrl-img[lazy="loading"] {
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
+  padding: 0 16rem;
 }
 .service-icon-tips {
  font-family: NotoSansHans-Regular;
  font-size: 14rem;
  line-height: 21rem;
-  color: #333333;
+  color: #17204d;
  word-break: break-all;
 }

 .chat-left-txt {
  font-family: NotoSansHans-Regular;
  font-size: 14rem;
-  color: #333333;
+  color: #17204d;
  letter-spacing: 0;
  line-height: 21rem;
  word-break: break-all;
@ -781,13 +789,13 @@ a {
  user-select: text;
  min-height: 5rem;
  line-height: normal;
-  border-top-left-radius: 16rem;
-  border-top-right-radius: 16rem;
-  border-bottom-right-radius: 16rem;
-  border-bottom-left-radius: 0;
-  -webkit-border-radius: 12rem 12rem 0;
-  -moz-border-radius: 12rem 12rem 0;
-  border-radius: 12rem 12rem 0;
+  border-top-left-radius: 12rem;
+  border-top-right-radius: 12rem;
+  border-bottom-right-radius: 12rem;
+  border-bottom-left-radius: 12rem;
+  -webkit-border-radius: 12rem 12rem;
+  -moz-border-radius: 12rem 12rem;
+  border-radius: 12rem 12rem;
  -webkit-appearance: none;
  box-sizing: border-box;
  background-clip: padding-box;
@ -926,7 +934,7 @@ a {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
 }

-.elder-wrapper .time-show {
+.time-show {
  border-radius: 4rem;
  font-family: PingFangSC-Regular;
  font-size: 13rem;
@ -935,34 +943,34 @@ a {
  line-height: 18rem;
 }

-.elder-wrapper .content-left-main {
+.content-left-main {
  /* padding-top: 16rem; */
  padding-left: 16rem;
  padding-right: 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;
 }

-.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;
 }

-.elder-wrapper .time-show span {
+.time-show span {
  line-height: 18rem;
  padding: 4rem 8rem;
  font-size: 12rem;
 }

-.elder-wrapper .chat-txt-content {
+.chat-txt-content {
  background: linear-gradient(103deg, #055cea 0%, #137dff 99%);
  border-top-right-radius: 0;
  border-bottom-right-radius: 16rem;
 }

-.elder-wrapper .chat-txt-content .messageBox {
+.chat-txt-content .messageBox {
  font-family: PingFangSC-Medium;
  font-size: 14rem;
  color: #ffffff;
@ -971,18 +979,18 @@ a {
  margin-bottom: 10rem;
 }

-.elder-wrapper .question-answer-con p {
+.question-answer-con p {
  font-family: PingFangSC-Medium;
-  font-size: 14rem;
+  font-size: 16rem;
  color: #2c3562;
-  line-height: 22rem;
+  line-height: 26rem;
 }
-.elder-wrapper .question-answer-con img {
+.question-answer-con img {
  width: 18rem;
  vertical-align: text-top;
  margin-right: 3rem;
 }
-.elder-wrapper .question-answer-con .open-wx-web-button {
+.question-answer-con .open-wx-web-button {
  height: 40rem;
  background: #025cea;
  border-radius: 6rem;
@ -993,7 +1001,7 @@ a {
  margin: 16rem 0;
 }

-.elder-wrapper .answer-items {
+.answer-items {
  font-family: PingFangSC-Medium;
  font-size: 14rem;
  color: #025cea;
@ -1001,7 +1009,7 @@ a {
  line-height: unset;
 }

-.elder-wrapper .answer-items::before {
+.answer-items::before {
  width: 20rem !important;
  height: 20rem !important;
  background: url(data:image/png;base64,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)
@ -1011,37 +1019,37 @@ a {
  left: 0;
 }

-.elder-wrapper .text-folding-box.detailed-introduce {
+.text-folding-box.detailed-introduce {
  max-height: 150rem;
 }

-.elder-wrapper .service-radius .service-icon-tips {
+.service-radius .service-icon-tips {
  font-family: PingFangSC-Medium;
  font-size: 14rem;
  line-height: 20rem;
  color: #2c3562;
 }

-.elder-wrapper .service-radius .service-link-btn {
+.service-radius .service-link-btn {
  font-family: PingFangSC-Medium;
  font-size: 14rem;
  color: #025cea;
  padding: 16rem 0;
 }

-.elder-wrapper .content-left-icon {
+.content-left-icon {
  height: 48rem;
  min-height: 48rem;
  line-height: 48rem;
 }

-/* .elder-wrapper .content-left-icon img {
+/*  .content-left-icon img {
    height: 48rem;
    width: 48rem;
    max-width: 48rem;
 } */

-.elder-wrapper .content-left-icon .chat-name {
+.content-left-icon .chat-name {
  font-family: PingFangSC-Regular;
  font-size: 13rem;
  color: #17204d;
@ -1052,7 +1060,7 @@ a {

 /* Like */

-.elder-wrapper .help-button-item {
+.help-button-item {
  font-family: PingFangSC-Medium;
  font-size: 13rem;
  color: #2c3562;
@ -1060,80 +1068,80 @@ a {
  height: 32rem;
 }

-.elder-wrapper .help-button-icon {
+.help-button-icon {
  width: 20rem;
  height: 20rem;
  vertical-align: middle;
  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-size: 100% auto;
 }

-.elder-wrapper .help-button-item:not(.active):disabled {
+.help-button-item:not(.active):disabled {
  color: #2c3562 !important;
  opacity: 0.3;
  cursor: not-allowed;
 }

-.elder-wrapper .help-button-item.active:disabled {
+.help-button-item.active:disabled {
  color: #025cea !important;
  opacity: 0.3;
  cursor: not-allowed;
 }

-.elder-wrapper .help-button-item.active:first-child:disabled .help-button-icon,
-.elder-wrapper .historicRecords .help-button-item:first-child:disabled .help-button-icon {
+.help-button-item.active: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-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-size: 100% auto;
 }

-.elder-wrapper .help-button-item.active:nth-child(2):disabled .help-button-icon,
-.elder-wrapper .historicRecords .help-button-item:nth-child(2):disabled .help-button-icon {
+.help-button-item.active: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-size: 100% auto;
 }

-.elder-wrapper .question-answer-help {
+.question-answer-help {
  font-family: PingFangSC-Medium;
  font-size: 14rem;
  color: #2c3562;
  line-height: 30rem;
 }

-.elder-wrapper .question-answer-help .answer-help-btn {
+.question-answer-help .answer-help-btn {
  font-family: PingFangSC-Medium;
  font-size: 14rem;
  color: #025cea;
  line-height: 30rem;
 }

-.elder-wrapper .chat-left-txt {
+.chat-left-txt {
  font-family: PingFangSC-Medium;
  font-size: 14rem;
  color: #2c3562;
  line-height: 1.2;
 }

-.elder-wrapper .leave-message-cont {
+.leave-message-cont {
  font-family: PingFangSC-Medium;
  font-size: 14rem;
  color: #2c3562;
  line-height: 1.2;
 }

-.elder-wrapper .leave-message-btn {
+.leave-message-btn {
  padding-top: 24rem;
 }

-.elder-wrapper .leave-message-btn .answer-items {
+.leave-message-btn .answer-items {
  display: flex;
  height: 40rem;
  align-items: center;
@ -1148,14 +1156,14 @@ a {
  margin-bottom: 10rem;
 }

-.elder-wrapper .leave-message-btn .answer-items:disabled {
+.leave-message-btn .answer-items:disabled {
  background: transparent;
 }

-.elder-wrapper .service-header-icon {
+.service-header-icon {
  padding: 8rem 0 16rem 0;
 }

-.elder-wrapper .chat-content-list {
+.chat-content-list {
  margin-top: 16rem;
 }
--- a/src/components/abstract.vue
+++ b/src/components/abstract.vue
@ -9,6 +9,7 @@ import rightsIcon from '@/assets/images/chat/rights‌.webp'
 const store = inject('appStore', null)
 const businessHandleInfo = ref({})
 const orderCount = ref(0)
+const manager =ref (import.meta.env.VITE_USER_MANGAGER)
 const emit = defineEmits(['ready', 'businessClick'])
 const abstractList = computed(() => [
  {
@ -58,7 +59,7 @@ const businessHandle = (userId) => {
          businessHandleInfo.value = {
            contents: [
              {
-                name: '测试待办'
+                name: '测试待办测试待办测试待办测试待办测试待办'
              }
            ]
          }
@ -159,7 +160,7 @@ onActivated(async () => {
 <template>
  <div class="abstract-con" v-if="abstractList.length">
    <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 class="list">
      <div :class="`item ${(abstractList || []).length === 1 ? 'singleItem' : ''}`"
--- a/src/components/business-handle.vue
+++ b/src/components/business-handle.vue
@ -36,7 +36,7 @@
            />
            <div class="item-content">
              <div>{{ item.name }}</div>
-              <van-icon name="arrow" color="#025cea" />
+              <van-icon name="arrow" color="#B5BACE" />
            </div>
          </div>
        </div>
@ -151,7 +151,6 @@ defineExpose({
 .item > img {
  width: 30rem;
  height: 30rem;
-  margin-right: 10rem;
 }

 .item-content {
@ -159,7 +158,9 @@ defineExpose({
  display: flex;
  justify-content: space-between;
  font-size: 15rem;
-  line-height: 26rem;
+  line-height: normal;
+  font-weight: 500;
+  align-items: center;
  i {
    padding-top: 4rem;
  }
@ -199,15 +200,20 @@ defineExpose({
  max-height: 300rem;
  overflow: auto;
  width: 100%;
-  gap: 12rem;
+  gap: 8rem;
  padding-bottom: 12rem;
 }

 .popupContentItem {
  background: #ffffff;
-  border: 1px solid rgba(255, 255, 255, 0.9);
-  padding: 12px;
-  gap: 12px;
-  border-radius: 12px;
+  border: 1rem solid rgba(255, 255, 255, 0.9);
+  padding: 12rem;
+  gap: 12rem;
+  border-radius: 12rem;
+  align-items: center;
+  .van-icon {
+    font-size: 16rem;
+    height: fit-content;
+  }
 }
 </style>
--- a/src/components/footer-bar-input.vue
+++ b/src/components/footer-bar-input.vue
@ -865,10 +865,9 @@ watch(sendMessage, (newValue, oldValue) => {
  line-height: 20rem;
  border: 0;
  background: transparent;
-  border-radius: 2rem;
  font-family: SourceHanSansCN-Normal;
  font-size: 16rem;
-  color: #333;
+  color: #17204D;
  letter-spacing: 0;
  text-align: justify;
  vertical-align: middle;
--- a/src/components/hot-question.vue
+++ b/src/components/hot-question.vue
@ -659,6 +659,7 @@ onMounted(() => {
 <style scoped lang="scss">
 .hot-question {
  padding-top: 0;
+  margin-bottom: 16rem;
 }

 .hot-question-main {
--- a/src/components/leave-message.vue
+++ b/src/components/leave-message.vue
@ -8,7 +8,7 @@
      >
        <div class="leave-message-box">
          <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">
              <textarea
                class="input-textarea"
@ -43,7 +43,7 @@
            <div class="success-tips">
              <template v-if="weappSource.includes(source)">
                <div class="success-tips-title">留言已提交，感谢您的关注。</div>
-                您可在 <span class="bold">2个自然日</span> 内点击神厨小福贵小程序 -<span
+                您可在 <span class="bold">2个自然日</span> 内点击{{ systemName }}小程序 -<span
                  class="highlight-blue"
                  >【我的】</span
                >- 右上角<span class="highlight-blue">【消息】</span>模块查看回复内容。
@ -86,6 +86,7 @@ const isShow = ref(false)
 const submitLoading = ref(false)
 const isSuccessShow = ref(false)
 const leaveMessageCont = ref('')
+const systemName = ref(import.meta.env.VITE_SYSTEM_NAME)
 const weappSource = [
  '95820000',
  '95830000',
--- a/src/components/notice-bar.vue
+++ b/src/components/notice-bar.vue
@ -155,7 +155,7 @@ function handleHide() {

 async function replaceDomainDev(txt) {
  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 matches = []
--- a/src/components/product/index.vue
+++ b/src/components/product/index.vue
@ -359,7 +359,7 @@ function showGraph(item) {
      background-size: cover;
      background-repeat: no-repeat;
      border-radius: 0.36rem 0.36rem 0 0;
-      padding: 8rem 16rem;
+      padding: 16rem;
      display: flex;
      align-items: center;

@ -448,20 +448,20 @@ function showGraph(item) {
        letter-spacing: 0;
        border-radius: 12rem;
        .tag {
-            position: absolute;
-            font-size: 12rem;
-            border-radius: 0rem 12rem 0rem 12rem;
-            background: #FDEEDE;
-            width: 64rem;
-            height: 25rem;
-            top: 0rem;
-            line-height: 26rem;
-            right: 0;
-            font-weight: 500;
-            text-align: center;
-            content: '';
-            color: #A56033;
-          }
+          position: absolute;
+          font-size: 12rem;
+          border-radius: 0rem 12rem 0rem 12rem;
+          background: #fdeede;
+          width: 64rem;
+          height: 25rem;
+          top: 0rem;
+          line-height: 26rem;
+          right: 0;
+          font-weight: 500;
+          text-align: center;
+          content: '';
+          color: #a56033;
+        }
      }

      .more_module {
--- a/src/components/welcomes.vue
+++ b/src/components/welcomes.vue
@ -5,7 +5,8 @@ const store = inject('appStore')

 const emit = defineEmits(['ready'])
 const welcomeWord = ref('')
-const welcomeSubWord = ref('我是您的服务管家皮卡丘')
+const manager =ref (import.meta.env.VITE_USER_MANGAGER)
+const welcomeSubWord = ref(`我是您的服务管家${manager.value}`)
 onMounted(() => {
  Post('welcome/speech', {
    source: store.source,
--- a/src/main.js
+++ b/src/main.js
@ -17,7 +17,7 @@ import '@/assets/font/iconfont.css'
 const shouldEnableVConsole = import.meta.env.VITE_ENABLE_TEST === 'true'

 // 根据域名判断是否启用 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(
  window.navigator.userAgent,
 )
--- a/src/utils/index.js
+++ b/src/utils/index.js
@ -363,7 +363,7 @@ export function getHost() {
  var hostName = '';

  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 {
    hostName = `..`
  }
@ -586,7 +586,7 @@ export function isDev() {
 }

 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) {
  utils.AppToHttpHtml(url);
--- a/src/utils/sm4.js
+++ b/src/utils/sm4.js
@ -6,16 +6,16 @@
 // export const SM4_SAMPLE_CONFIG = {
 //   cipherTextBase64: 'At1K/lI9/xqGNOqc7LMKVw==',
 //   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'
-//       : currentHostname.includes('aioblu-sit.trace.com.cn')
+//       : currentHostname.includes(`aioblu-sit.${import.meta.env.VITE_BASE_ROUTE}.com.cn`)
 //         ? '9f8e7d6c5b4a3210'
 //         : '7h9k2m5n8p1q4r6s',
 //   ),
 //   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'
-//       : currentHostname.includes('aioblu-sit.trace.com.cn')
+//       : currentHostname.includes(`aioblu-sit.${import.meta.env.VITE_BASE_ROUTE}.com.cn`)
 //         ? '0123456789abcdef'
 //         : '3t6w9z2b5e8h1k4n',
 //   ),
--- a/src/utils/utils.js
+++ b/src/utils/utils.js
@ -465,7 +465,7 @@ export default {
            } else {
                // 浦发银行返回按钮跳转到基座
                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
                }
                if (window.wxx && typeof (window.wxx.back) == 'function') {
@ -502,7 +502,7 @@ export default {

        var img = new Image();
        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 {
            img.src = `${localhostPaht}${projectName}/favicon.ico?v=${Date.now()}`;
        }
--- a/src/utils/websocket.js
+++ b/src/utils/websocket.js
@ -20,7 +20,7 @@ let wssHref = "wss" + href.substring(5);
 //     this.connectTimes= connectTimes
 //     this.sceneType= sceneType
 //     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.onopen = (evt) => websocketOnOpen.call(this, evt);
 //   this.trainWebsocket.onmessage = (evt) => websocketOnMessage.call(this, evt);