diff --git a/.env.development b/.env.development index 1fc826c..6c142d4 100644 --- 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 \ No newline at end of file diff --git a/.env.production b/.env.production index 3f36960..57ebcde 100644 --- 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 \ No newline at end of file diff --git a/.env.sit b/.env.sit index ff91d32..afcb483 100644 --- 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 diff --git a/.env.test b/.env.test index 1ed2902..cc67e98 100644 --- 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 diff --git a/src/assets/style/chat.css b/src/assets/style/chat.css index e33b8ae..6068b3a 100644 --- 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; } diff --git a/src/components/abstract.vue b/src/components/abstract.vue index 454138e..d11bf25 100644 --- 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 () => {