From ad90552de999241a360ccca633ca8de7304f4761 Mon Sep 17 00:00:00 2001 From: wujingling0908 <2.com> Date: Sun, 20 Sep 2026 17:27:08 +0800 Subject: [PATCH] =?UTF-8?q?=E8=81=8A=E5=A4=A9=E5=8A=9F=E8=83=BD=E8=81=94?= =?UTF-8?q?=E8=B0=83?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/assets/style/chat.css | 478 +++--- src/components/abstract.vue | 13 +- src/components/chat-content.vue | 2382 ++++++++++++++++++++++++++- src/components/chat-new.vue | 181 +- src/components/hot-question-new.vue | 7 +- src/components/product/product.js | 430 +++-- src/components/text-folding.vue | 1 + src/store/app.js | 54 +- src/store/pageOverlay.js | 91 - src/utils/api.js | 180 +- src/utils/bus.js | 74 + src/utils/filters.js | 95 +- src/utils/http.js | 556 ------- src/utils/index.js | 2 +- 14 files changed, 3193 insertions(+), 1351 deletions(-) delete mode 100644 src/store/pageOverlay.js create mode 100644 src/utils/bus.js delete mode 100644 src/utils/http.js diff --git a/src/assets/style/chat.css b/src/assets/style/chat.css index f2e26ba..7d29a6e 100644 --- a/src/assets/style/chat.css +++ b/src/assets/style/chat.css @@ -1,5 +1,5 @@ .app-content-main { - padding: 22px 15px 90px 15px; + padding: 22rem 15rem 90rem 15rem; } button:disabled, .historicRecords .question-answer-con button { @@ -32,60 +32,60 @@ button:disabled, .historicRecords .question-answer-con button { .app-content .mescroll { height: auto; position: absolute; - top: 43px; + top: 43rem; bottom: 0; left: 0; right: 0; overflow-x: hidden; overflow-y: scroll; - padding-bottom: 85px; + padding-bottom: 85rem; } -.app-content .mescroll.mescrollTopPx { +.app-content .mescroll.mescrollToprem { top: 0; } .app-content .mescroll.isNoticeShow { - top: 83px; + top: 83rem; } -.app-content .mescroll.mescrollTopPx.isNoticeShow { - top: 40px; +.app-content .mescroll.mescrollToprem.isNoticeShow { + top: 40rem; } .chat-content-box-item { - margin-top: 10px; + margin-top: 10rem; } .time-show, .other-message { color: #999; text-align: center; - font-size: 11px; + font-size: 11rem; } .margin-bottom-10 { - height: 5px; + height: 5rem; } .news-tips-box { - padding-top: 20px; + padding-top: 20rem; } .chat-content-other { text-align: center; font-family: NotoSansHans-Regular; - font-size: 10px; - line-height: 11px; + font-size: 10rem; + line-height: 11rem; color: #fff; } .session-tips { - margin-top: 10px; + margin-top: 10rem; display: inline-block; - line-height: 11px; + line-height: 11rem; background-color: #dadada; - padding: 5px 5px; - border-radius: 5px; + padding: 5rem 5rem; + border-radius: 5rem; color: #fff; white-space: nowrap; } @@ -95,15 +95,15 @@ button:disabled, .historicRecords .question-answer-con button { } .historicRecords-box .chat-room-cont { - margin-top: 20px; + margin-top: 20rem; } .historicRecords-box .chat-content-left { - margin-top: 20px; + margin-top: 20rem; } .chat-content-list { - margin-top: 15px; + margin-top: 15rem; overflow: hidden; } @@ -119,26 +119,26 @@ button:disabled, .historicRecords .question-answer-con button { .chat-items { width: 100%; - margin-top: 8px; + margin-top: 8rem; overflow: hidden; position: relative; } .chat-name { - height: 36px; - line-height: 36px; - text-indent: 6px; - font-size: 12px; + height: 36rem; + line-height: 36rem; + text-indent: 6rem; + font-size: 12rem; color: #999; text-align: left; } .content-left-icon { width: 100%; - height: 36px; - min-height: 36px; + height: 36rem; + min-height: 36rem; text-align: left; - line-height: 36px; + line-height: 36rem; display: flex; align-items: flex-start; justify-content: flex-start; @@ -147,18 +147,18 @@ button:disabled, .historicRecords .question-answer-con button { .avatarUrl-img { text-align: left; display: inline-block; - width: 36px; - height: 36px; + width: 36rem; + height: 36rem; border: 0; margin-top: auto; margin-bottom: auto; - max-width: 36px; + max-width: 36rem; } img.avatarUrl-img[lazy='loading'] { - width: 36px; - height: 36px; - max-width: 36px; + width: 36rem; + height: 36rem; + max-width: 36rem; margin: 0 auto; margin-top: auto; margin-bottom: auto; @@ -166,10 +166,10 @@ img.avatarUrl-img[lazy='loading'] { .content-left-main { max-width: 100%; - font-size: 14px; + font-size: 14rem; background: #FFFFFF; - border-radius: 16px 16px 16px 2px; - padding: 11px 14px 11px 14px; + border-radius: 16rem 16rem 16rem 2rem; + padding: 11rem 14rem 11rem 14rem; box-sizing: border-box; width: 100%; /* width: -moz-fit-content; @@ -177,28 +177,28 @@ img.avatarUrl-img[lazy='loading'] { } .content-left-main.text-folding-box { - padding: 11px 14px 0 14px!important; + padding: 11rem 14rem 0 14rem!important; } .historicRecords { - padding-bottom: 20px; + padding-bottom: 20rem; } .content-left-main.service-radius { - border-radius: 16px; + border-radius: 16rem; width: 100%; - padding: 15px 0 0 0; + padding: 15rem 0 0 0; overflow: hidden; } .service-header-icon { - padding: 0 15px 15px 21px; + padding: 0 15rem 15rem 21rem; } .service-header-icon img { - width: 50px; - height: 50px; - min-width: 50px; + width: 50rem; + height: 50rem; + min-width: 50rem; } .service-link-box { @@ -206,22 +206,22 @@ img.avatarUrl-img[lazy='loading'] { } .service-link-box::before { - top: -1px; + top: -1rem; } .enter-service-link { font-family: NotoSansHans-Regular; - font-size: 14px; + font-size: 14rem; color: #5A9CFF; - line-height: 21px; + line-height: 21rem; background-color: transparent; display: inline-block; } .leave-message-btn { - padding-top: 8px 16px; + padding-top: 8rem 16rem; text-align: left; - margin-top: 10px; + margin-top: 10rem; } .leave-message-btn .answer-items { @@ -229,14 +229,14 @@ img.avatarUrl-img[lazy='loading'] { background: rgba(2, 92, 234, 0.08);; border: none; box-shadow: none; - border-radius: 100px; + border-radius: 100rem; font-family: NotoSansHans-Regular; - font-size: 12.5px; - line-height: 21px; - padding: 6px 16px; + font-size: 12.5rem; + line-height: 21rem; + padding: 6rem 16rem; color: #17204D; - font-size: 14px; - margin-bottom: 10px; + font-size: 14rem; + margin-bottom: 10rem; box-sizing: border-box; text-align: center; transition: background-color 0.2s ease; @@ -249,11 +249,11 @@ img.avatarUrl-img[lazy='loading'] { .service-link-btn { display: block; width: 100%; - line-height: 21px; - padding: 10.5px 0 12.5px 0; + line-height: 21rem; + padding: 10.5rem 0 12.5rem 0; background-color: #fff; font-family: NotoSansHans-Regular; - font-size: 14px; + font-size: 14rem; color: #5A9CFF; position: relative; border: 0; @@ -263,10 +263,10 @@ img.avatarUrl-img[lazy='loading'] { content: " "; position: absolute; left: 0; - bottom: -1px; + bottom: -1rem; width: 100%; - height: 1px; - border-bottom: 1px solid #e5e5e5; + height: 1rem; + border-bottom: 1rem solid #e5e5e5; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scaleY(0.5); @@ -275,22 +275,22 @@ img.avatarUrl-img[lazy='loading'] { .content-left-main.question-w100 { width: 100%; - border-radius: 16px; + border-radius: 16rem; box-sizing: border-box; - padding: 16px 15px 16px 14px; + padding: 16rem 15rem 16rem 14rem; } .content-question-title { - padding-right: 18px; + padding-right: 18rem; font-family: NotoSansHans-Regular; - line-height: 21px; - font-size: 14px; + line-height: 21rem; + font-size: 14rem; color: #333333; } .content-question-answer { - margin-top: 11.5px; - padding-top: 10px; + margin-top: 11.5rem; + padding-top: 10rem; position: relative; } @@ -298,11 +298,11 @@ img.avatarUrl-img[lazy='loading'] { content: " "; position: absolute; left: 0; - right: 2px; + right: 2rem; top: 0; width: 100%; - height: 1px; - border-top: 1px solid #ddd; + height: 1rem; + border-top: 1rem solid #ddd; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scaleY(0.5); @@ -315,14 +315,14 @@ img.avatarUrl-img[lazy='loading'] { background: #FFFFFF; border: 0 solid #F1F3F6; font-family: NotoSansHans-Regular; - font-size: 13px; - line-height: 20px; + font-size: 13rem; + line-height: 20rem; color: #5A9CFF; text-align: left; - padding-bottom: 12px; + padding-bottom: 12rem; position: relative; box-sizing: border-box; - padding-left: 19px; + padding-left: 19rem; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } @@ -333,12 +333,12 @@ img.avatarUrl-img[lazy='loading'] { .content-question-answer .answer-items::before { content: " "; position: absolute; - left: 6px; - top: 8px; - width: 4px; - height: 4px; + left: 6rem; + top: 8rem; + width: 4rem; + height: 4rem; background-color: #5A9CFF; - border-radius: 4px; + border-radius: 4rem; } .content-question-answer .answer-items:disabled { @@ -350,21 +350,21 @@ img.avatarUrl-img[lazy='loading'] { } .question-answer-help { - padding: 10px 0 3px 0; + padding: 10rem 0 3rem 0; } .answer-help-btn { font-family: NotoSansHans-Regular; - font-size: 14px; + font-size: 14rem; color: #5A9CFF; - line-height: 21px; + line-height: 21rem; text-decoration: underline; background-color: transparent; } .text-question-title { font-family: NotoSansHans-Medium; - font-size: 14px; + font-size: 14rem; color: #333333; } @@ -382,8 +382,8 @@ img.avatarUrl-img[lazy='loading'] { .question-answer-con p { font-family: NotoSansHans-Regular; - font-size: 14px; - line-height: 21px; + font-size: 14rem; + line-height: 21rem; color: #333333; word-wrap: break-word; word-break: break-all; @@ -398,7 +398,7 @@ img.avatarUrl-img[lazy='loading'] { } .preview-box-img { - padding: 5px 0; + padding: 5rem 0; width: auto; max-width: 100%; } @@ -406,26 +406,26 @@ img.avatarUrl-img[lazy='loading'] { .cesi-demo { width: 100%; margin: 0 auto; - padding: 30px 0; + padding: 30rem 0; } .video-type { - max-width: 271px; + max-width: 271rem; display: block; clear: both; margin: 0 auto; background-color: black; - border-radius: 10px; + border-radius: 10rem; overflow: hidden; } .question-answer-con video, .question-answer-con iframe { - max-width: 271px; + max-width: 271rem; display: block; clear: both; margin: 0 auto; background-color: black; - border-radius: 10px; + border-radius: 10rem; overflow: hidden; } @@ -433,50 +433,50 @@ img.avatarUrl-img[lazy='loading'] { display: block; text-align: center; font-family: NotoSansHans-Regular; - font-size: 14px; - height: 40px; - line-height: 40px; + font-size: 14rem; + height: 40rem; + line-height: 40rem; color: #fff; box-sizing: border-box; - margin: 14px 5px; + margin: 14rem 5rem; position: relative; background: #579AFF; - box-shadow: 1px 2px 5px 0 rgba(10, 75, 173, 0.42), inset 0 -4px 15px 0 rgba(164, 203, 255, 0.25); - border-radius: 8px; + box-shadow: 1rem 2rem 5rem 0 rgba(10, 75, 173, 0.42), inset 0 -4rem 15rem 0 rgba(164, 203, 255, 0.25); + border-radius: 8rem; } .question-answer-con p .jump-web-button-disable, .question-answer-con p .open-wx-web-button-disable, .question-answer-con p .open-app-page-button-disable { display: block; text-align: center; font-family: NotoSansHans-Regular; - font-size: 14px; - height: 40px; - line-height: 40px; + font-size: 14rem; + height: 40rem; + line-height: 40rem; color: #fff; box-sizing: border-box; - margin: 14px 5px; + margin: 14rem 5rem; position: relative; background: rgb(172,205,255); - box-shadow: 1px 2px 5px 0 rgba(45, 54, 67, 0.42), inset 0 -4px 15px 0 rgba(204, 225, 251, 0.25); - border-radius: 8px; + box-shadow: 1rem 2rem 5rem 0 rgba(45, 54, 67, 0.42), inset 0 -4rem 15rem 0 rgba(204, 225, 251, 0.25); + border-radius: 8rem; pointer-events: none; } .question-answer-con p .jump-web-button::after, .question-answer-con p .open-wx-web-button::after, .question-answer-con p .open-app-page-button::after { content: ''; position: absolute; - right: 20px; + right: 20rem; top: 50%; - width: 8px; - height: 8px; - border-top: 1px solid #ffffff; - border-right: 1px solid #ffffff; + width: 8rem; + height: 8rem; + border-top: 1rem solid #ffffff; + border-right: 1rem solid #ffffff; transform: rotate(45deg); - margin-top: -5px; + margin-top: -5rem; } .text-template-box { - margin-bottom: 11.5px; + margin-bottom: 11.5rem; } .text-folding-box { @@ -484,7 +484,7 @@ img.avatarUrl-img[lazy='loading'] { } .text-folding-box.detailed-introduce { - max-height: 102px; + max-height: 102rem; } .content-left-main .text-folding-box.total-introduce { @@ -494,8 +494,8 @@ img.avatarUrl-img[lazy='loading'] { .unfold-box { width: 100%; - height: 20px; - line-height: 20px; + height: 20rem; + line-height: 20rem; text-align: center; } @@ -509,7 +509,7 @@ img.avatarUrl-img[lazy='loading'] { .unfold-bg { position: relative; - padding-top: 12px; + padding-top: 12rem; } .unfold-bg::before { @@ -518,26 +518,26 @@ img.avatarUrl-img[lazy='loading'] { left: 0; top: 0; width: 100%; - height: 18px; - -moz-box-shadow: 0px -12px 18px #fff; - -webkit-box-shadow: 0px -12px 18px #fff; - box-shadow: 0px -12px 18px #fff; + height: 18rem; + -moz-box-shadow: 0rem -12rem 18rem #fff; + -webkit-box-shadow: 0rem -12rem 18rem #fff; + box-shadow: 0rem -12rem 18rem #fff; pointer-events: none; } .unfold-style { - padding-top: 12px; + padding-top: 12rem; } .look-more-icon { - margin-top: -3px; - margin-left: 4.4px; + margin-top: -3rem; + margin-left: 4.4rem; display: inline-block; - width: 16px; - height: 16px; + width: 16rem; + height: 16rem; vertical-align: middle; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAKCAYAAAC5Sw6hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpGNzQ2NzAzMjA0NDkxMUVBODBBRTlBQTE1OEQwMTM1MiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpGNzQ2NzAzMzA0NDkxMUVBODBBRTlBQTE1OEQwMTM1MiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkY3NDY3MDMwMDQ0OTExRUE4MEFFOUFBMTU4RDAxMzUyIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkY3NDY3MDMxMDQ0OTExRUE4MEFFOUFBMTU4RDAxMzUyIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+W+ow7AAAAOVJREFUeNpimbj3//8//xgYMuwY+LjYGD4zkAC+/GQQmLyf4T0nKwMD05VnDAxnHzIwtG1nOPDtFwMvKYa0bmM4cOUpA8O150CD8pwYnNlYGL7ff8NgRKxhMEMevWPQ52Bl+FzsymDLpCPFsA/I8CHWMHRDytwZvNTFGY4wgSSJNQyXISA5JpgiQobhMwQEGP///49iKzDwnXp3M2z59YeBU1GE4VyVJ4PDv/8MzPgMwWoQFsMY/gKTB9AQBlyG4DQI3TAQH58heA0CgRsvGGwWn2A4zAQMyXgLBnMVMYZTuNQCBBgAJUaY98oRXygAAAAASUVORK5CYII=") no-repeat center; - background-size: 9.1px auto; + background-size: 9.1rem auto; transition: transform 0.4s; -moz-transition: -moz-transform 0.4s; -webkit-transition: -webkit-transform 0.4s; @@ -559,10 +559,10 @@ img.avatarUrl-img[lazy='loading'] { width: 50%; text-align: center; font-family: NotoSansHans-Regular; - font-size: 13px; + font-size: 13rem; color: #5A9CFF; - padding: 10px 0 10px 0; - line-height: 20px; + padding: 10rem 0 10rem 0; + line-height: 20rem; vertical-align: middle; background-color: transparent; outline: 0; @@ -583,11 +583,11 @@ img.avatarUrl-img[lazy='loading'] { .help-button-item:first-child::before { content: " "; position: absolute; - right: -1px; + right: -1rem; top: 0; - width: 1px; + width: 1rem; height: 200%; - border-right: 1px solid #ddd; + border-right: 1rem solid #ddd; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scale(0.5); @@ -596,15 +596,15 @@ img.avatarUrl-img[lazy='loading'] { .help-button-icon { display: inline-block; - width: 16px; - height: 16px; + width: 16rem; + height: 16rem; vertical-align: middle; - margin-right: 7px; - margin-top: -3px; + margin-right: 7rem; + margin-top: -3rem; } .help-button-item:first-child .help-button-icon { - background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAYCAYAAADpnJ2CAAAAAXNSR0IArs4c6QAAA6VJREFUSA2dVluIjVEU/tZv5ow5I2qUy4zLg4bkCanxIJEnRVMY5SDOSApPyKPbm7xJaTQuw5kiEcoLIeTyIhGlPLibpoyEM2PM+Zdv7f/sM8fpmDO/XXPW3muvtb51+9ceQX6lO7ShP0DzqBwSxgoDPMuk5aXtN57RxnAQzaKotnOlpUB/kMCTzo3yrlRWjJE6pc0IcVMVdQUBQZ/UYFIwgLlhiOs0kizcjWQjyFHsUFebHCgWr3KHHLbTYB0oRA+6CdwIRa38wuQQ2F0ENkj5l5T7WWykdE8b9bQxi/z9G07qvbNpueVlIkDBeAJABAerBYd/5/DFQAJFkm6Oywt/lVFYnNksz73ycHRdh16kzVWhYgXlCoDBX0qKntObpZ8RfDU+61irgqyTCdA+UjCTDwQ3nJ6i2dH8jwNk+AxoaPHgQJjOJNPj9myY7iGJyjs6+sCkSOftvK41XuPvCPNcD2IppSt9xiYvVtM0bcILlug79RPfPmPesIAFEAL6aOlprVcaCd0vwvLhsckyUwu9TtkIfd2UNaSXLqVMe6wI8wAPHWBRHcsC+pTmQaIaxkypAdGOAyQdPkLKFkA8ONMcK6UGqKPxiKj0G1NS53SK8cpG6GtoXcpCuKahUuyUdqXEPq9XBqT9UZRlAX2j0LtaHyFrOdEU/2O5tNKW+x4dII3R7lDr80xMnq1L/YevWMiZu8D4cRYB3jl5xVSj0WhDNBuJsjd1UudoiFV2SS+SQYAvOc433lVLiLupDr1aHWAvJ9Ibk7G17rTOxyA2uUPRjwR0WLHGsYKogfwsPU+Lq3k5gTTtdQjyKxHiDif6e/Kn8n4071oH1Xm9x8sFOTSy3jv82VM6Hi3B/ZljcMwOLpW24bBdQrKMM9C9hxTO0vyJzHr5sKVLJ2azjMDqoGhhyj82pTHNPm7T3dCps3MDfEW4eHecfz9sz4YboPzTlrG41Noq9lwNAdqh0tp6TZM/e9DDSO0pW8q37rbp2Kzs/YQsMxJUJTC93MPrbbum8YdKtH2FZOnxZZOjYsrLH13Ol9PSzsVImzy/HI0FaAb4JmaMMl2ri18Bsl4bn+NwhtF/rdiAK+twgzXqocFxvd3ucY1sa1S3Sv/3FJrmXx6V4/PTOMI67iLwW7b+Nj4HExhxO2VrqgSLOtvkfjk94/0XYNsFre/7juesZ0OxYRq7ktkiLcW80n3slJqBjlbp5Qe5gO52WrMw0leMdF99A9aWApSe/wCClzfbrdnx3AAAAABJRU5ErkJggg==") no-repeat center; + background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAYCAYAAADpnJ2CAAAAAXNSR0IArs4c6QAAA6VJREFUSA2dVluIjVEU/tZv5ow5I2qUy4zLg4bkCanxIJEnRVMY5SDOSApPyKPbm7xJaTQuw5kiEcoLIeTyIhGlPLibpoyEM2PM+Zdv7f/sM8fpmDO/XXPW3muvtb51+9ceQX6lO7ShP0DzqBwSxgoDPMuk5aXtN57RxnAQzaKotnOlpUB/kMCTzo3yrlRWjJE6pc0IcVMVdQUBQZ/UYFIwgLlhiOs0kizcjWQjyFHsUFebHCgWr3KHHLbTYB0oRA+6CdwIRa38wuQQ2F0ENkj5l5T7WWykdE8b9bQxi/z9G07qvbNpueVlIkDBeAJABAerBYd/5/DFQAJFkm6Oywt/lVFYnNksz73ycHRdh16kzVWhYgXlCoDBX0qKntObpZ8RfDU+61irgqyTCdA+UjCTDwQ3nJ6i2dH8jwNk+AxoaPHgQJjOJNPj9myY7iGJyjs6+sCkSOftvK41XuPvCPNcD2IppSt9xiYvVtM0bcILlug79RPfPmPesIAFEAL6aOlprVcaCd0vwvLhsckyUwu9TtkIfd2UNaSXLqVMe6wI8wAPHWBRHcsC+pTmQaIaxkypAdGOAyQdPkLKFkA8ONMcK6UGqKremiKj0G1NS53SK8cpG6GtoXcpCuKahUuyUdqXEPq9XBqT9UZRlAX2j0LtaHyFrOdEU/2O5tNKW+x4dII3R7lDr80xMnq1L/YevWMiZu8D4cRYB3jl5xVSj0WhDNBuJsjd1UudoiFV2SS+SQYAvOc433lVLiLupDr1aHWAvJ9Ibk7G17rTOxyA2uUPRjwR0WLHGsYKogfwsPU+Lq3k5gTTtdQjyKxHiDif6e/Kn8n4071oH1Xm9x8sFOTSy3jv82VM6Hi3B/ZljcMwOLpW24bBdQrKMM9C9hxTO0vyJzHr5sKVLJ2azjMDqoGhhyj82pTHNPm7T3dCps3MDfEW4eHecfz9sz4YboPzTlrG41Noq9lwNAdqh0tp6TZM/e9DDSO0pW8q37rbp2Kzs/YQsMxJUJTC93MPrbbum8YdKtH2FZOnxZZOjYsrLH13Ol9PSzsVImzy/HI0FaAb4JmaMMl2ri18Bsl4bn+NwhtF/rdiAK+twgzXqocFxvd3ucY1sa1S3Sv/3FJrmXx6V4/PTOMI67iLwW7b+Nj4HExhxO2VrqgSLOtvkfjk94/0XYNsFre/7juesZ0OxYRq7ktkiLcW80n3slJqBjlbp5Qe5gO52WrMw0leMdF99A9aWApSe/wCClzfbrdnx3AAAAABJRU5ErkJggg==") no-repeat center; background-size: 100% auto; } @@ -634,8 +634,8 @@ img.avatarUrl-img[lazy='loading'] { .question-text { width: 100%; - padding: 13.5px 14px 0 14px; - border-radius: 16px; + padding: 13.5rem 14rem 0 14rem; + border-radius: 16rem; box-sizing: border-box; overflow: hidden; } @@ -653,7 +653,7 @@ img.avatarUrl-img[lazy='loading'] { .img-text-type .emoji-img { display: inline-block; width: 100%; - max-width: 25px; + max-width: 25rem; } .tips-body{ display: flex; @@ -663,19 +663,19 @@ img.avatarUrl-img[lazy='loading'] { } .service-icon-tips { font-family: NotoSansHans-Regular; - font-size: 14px; - line-height: 21px; + font-size: 14rem; + line-height: 21rem; color: #333333; - padding-left: 12px; + padding-left: 12rem; word-break: break-all; } .chat-left-txt { font-family: NotoSansHans-Regular; - font-size: 14px; + font-size: 14rem; color: #333333; letter-spacing: 0; - line-height: 21px; + line-height: 21rem; word-break: break-all; word-wrap: break-word; white-space: pre-wrap; @@ -715,7 +715,7 @@ img.avatarUrl-img[lazy='loading'] { } .send-message-loading { - padding-right: 5px; + padding-right: 5rem; display: inline-block; vertical-align: middle; } @@ -723,11 +723,11 @@ img.avatarUrl-img[lazy='loading'] { .send-message-loading .el-icon-warning { display: inline-block; vertical-align: middle; - margin-top: -2px; - width: 22px; - height: 22px; + margin-top: -2rem; + width: 22rem; + height: 22rem; border-radius: 50%; - background: #fff url('data:image/png;base64,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') no-repeat center; + background: #fff url('data:image/png;base64,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') no-repeat center; background-size: 100% auto; } @@ -741,15 +741,15 @@ img.avatarUrl-img[lazy='loading'] { text-align: left; -webkit-user-select: text; user-select: text; - min-height: 5px; + min-height: 5rem; line-height: normal; - border-top-left-radius: 16px; - border-top-right-radius: 16px; - border-bottom-right-radius: 16px; + border-top-left-radius: 16rem; + border-top-right-radius: 16rem; + border-bottom-right-radius: 16rem; border-bottom-left-radius: 0; - -webkit-border-radius: 16px 16px 0; - -moz-border-radius: 16px 16px 0; - border-radius: 16px 16px 0; + -webkit-border-radius: 16rem 16rem 0; + -moz-border-radius: 16rem 16rem 0; + border-radius: 16rem 16rem 0; -webkit-appearance: none; box-sizing: border-box; background-clip: padding-box; @@ -757,15 +757,15 @@ img.avatarUrl-img[lazy='loading'] { } .chat-txt-content p { - padding: 11px 14px 11px 14px; + padding: 11rem 14rem 11rem 14rem; font-family: NotoSansHans-Regular; - font-size: 14px; - line-height: 22px; + font-size: 14rem; + line-height: 22rem; word-break: break-all; word-wrap: break-word; -webkit-user-select: text; user-select: text; - min-height: 5px; + min-height: 5rem; text-align: justify; } @@ -779,7 +779,7 @@ img.avatarUrl-img[lazy='loading'] { display: inline-block; vertical-align: middle; width: 100%; - max-width: 25px; + max-width: 25rem; } .chat-content-image { @@ -790,18 +790,18 @@ img.avatarUrl-img[lazy='loading'] { .chat-txt-content img[alt="big-image"], .emoticon-img img[alt="big-image"], .img-text-type img[alt="big-image"] { width: auto; - max-width: 100px; + max-width: 100rem; } .chat-content-image-box { - min-width: 30px; - min-height: 30px; - max-width: 130px; + min-width: 30rem; + min-height: 30rem; + max-width: 130rem; display: inline-block; text-align: right; overflow: hidden; background-color: #f5f5f5; - border-radius: 16px; + border-radius: 16rem; vertical-align: middle; position: relative; } @@ -814,9 +814,9 @@ img.avatarUrl-img[lazy='loading'] { bottom: 0; color: #fff; background-color: rgba(50, 50, 51, 0.88); - font-size: 14px; + font-size: 14rem; line-height: inherit; - border-radius: 16px; + border-radius: 16rem; display: -webkit-box; display: -webkit-flex; display: flex; @@ -833,22 +833,22 @@ img.avatarUrl-img[lazy='loading'] { } .upload-loading-icon .van-loading, .upload-loading-icon .upload-fail-iocn, .upload-loading-icon .upload-loading-tips { - height: 22px; + height: 22rem; } .upload-loading-icon .upload-fail-iocn { - width: 28px; - background: url('data:image/png;base64,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FvJL8l73UwB47sR7s+dmPmLao4XDsn5qbp0bqj8ByDZKpkDTa6D4K1Lr5lFiDYxRo0y2IGQA0tFLkvZPI4onGo/rmG1Kybw8xmvJLq0dyWVKIuS2JQDJVeyeg3wc1MDhNP3VKydKe0FtvbJ4cs9QXEfSczFhmQoEIJmCbUwuyaPJswD4U3FuxPmetW+afTcArwvzCVVe6h/WQ4EApId4m8DiU6O89MORVXz5WLVVm3c+OprLBwDsJvmlVVe4pPIDkBV6W5I3FB3sY483/D2ooNo7AdwO4LPrr9ZDexboUDVLAFJV7nsqk+SlI45cuP4yTP5vf351REP//eG1qgWPI3S/qSoDkKbcFY2trUAAUlvxqK8pBQKQptwVja2tQABSW/GorykFApCm3BWNra1AAFJb8aivKQUCkKbcFY2trUAAUlvxqK8pBQKQptwVja2tQABSW/GorykFApCm3BWNra1AAFJb8aivKQUCkKbcFY2trUAAUlvxqK8pBQKQptwVja2tQABSW/GorykFApCm3BWNra1AAFJb8aivKQUCkKbcFY2trUAAUlvxqK8pBQKQptwVja2tQABSW/GorykFApCm3BWNra1AAFJb8aivKQUCkKbcFY2trUAAUlvxqK8pBQKQptwVja2tQABSW/GorykFApCm3BWNra1AAFJb8aivKQUCkKbcFY2trUAAUlvxqK8pBQKQptwVja2tQABSW/GorykFApCm3BWNra1AAFJb8aivKQUCkKbcFY2trUAAUlvxqK8pBf4PykxSIwHFoskAAAAASUVORK5CYII=') no-repeat center; + width: 28rem; + background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAYAAACtWK6eAAATuElEQVR4Xu2dC6wvVXnF14q1BKuJxkclUcRoW4tFtC0g+AgKWK2F1qKgMb2IlIp9iNUCbTERE6H2YitC1JgKlUKqoF5apKRUsRgfV1HQ2hLxtqTiKy2a+MKbRmtWs2QfPT2ec8/sPfPfM3vm+5LJuYT9XN/8/ntm9t7fJsJCgVBgSwUY2oQCocDWCgQgcXeEAvtQIACJ2yMUCEDiHggFyhSIEaRMt8i1EAUCkIU4OrpZpkAAUqZb5FqIAgHIQhwd3SxTIAAp0y1yLUSBAGQhjo5ulikQgJTpFrkWokAAshBHRzfLFAhAynSLXAtRIABZiKOjm2UKBCBlukWuhSgQgCzE0dHNMgUCkDLdItdCFAhAFuLo6GaZAgFImW6RayEKBCALcXR0s0yBAKRMt8i1EAUCkIU4OrpZpkAAUqZb5FqIAgHIQhwd3SxTIAAp0y1yLUSBAGQhjo5ulikQgJTpFrkWokAAshBHRzfLFAhAynSLXAtRIABZiKOjm2UKBCBlukWuhSgQgCzE0dHNMgUCkDLdItdCFAhAFuLo6GaZAgFImW6RayEKBCALcXR0s0yBAKRMt8i1EAUCkBEcLeleAO6z4fqp9N97AXwHgP/+8CL5/RGauvgqA5AV3gKSfNMfDOCxG/4eVFDtnQBuB/DZ9RfJrxWUFVk6KhCAdBSqSzJJBwB4KoCnpOtxXfL1THMHgPcB+ACA3SS/1LO8yL5OgQCk5+0g6TgAzwLwJACH9yxuiOy7AXwMwA0kbxiiwCWXEYAUeF/SEwD8OoATAPjfU7XbAPwDgOtIfmiqjZxyuwKQjt6RtD+AUwD8JgCPGq3ZJxMsl5L8YmuNH6u9Acg2ykt6WAJjB4CfHctRA9brl/rLfJH83IDlzrKoAGQLt0o6dB0YD5yh9/0JeQ2UT82wf4N0KQDZIKOkBwE4C8DZgyjcRiE7AVwYn4x/3FkByDpNJL04gfFzbdzXg7bSj1s7SXpUCUsKBCAAJPkTrUcMf5Vaul2bQPnI0oVw/xcPiKQzAVw00s3wbQC+7k5//e/7Arhf+ut/+/LSlNr2cpJvrF3p1OpbLCCS7p3A+N0VO8VrqDwHsSddfpTZQ9L/3ckkPTx9QfNXNF9+BDwSwP07FVCe6M0ADMr3yotoO+ciAZHktVH+dTxmBe77FoCb0/VBADeuaqGhpMPS0hYvb/G1CmBuBHAmSU86Ls4WB4gkT/T5kcq/ykPa+wG8xxfJrw5ZcJeyJD0YwInpOrZLnow0nlj0SLIrI88ski4KEEme7Lt8QM/5xrkqQeH1T5MwSU9MoJw88A/BuSQvmEQnKzViMYBIeikAP1MPYV62cYUvkl8fosBVlCHpAQB+K12/PFAdV5J0mYuwRQAi6XUAzhnAo174Zyg8ajRlkjya+MZ+9gANv4XkUMAN0JzVFTF7QCR5yfczekr4BQAXkHxrz3JGzy7pJQD+FMCBPRuzl6Q3hM3aZg2IJE96Hd/Tg4bCcBiSWZgkw2FIDEsfu4Pko/sUMPW8swVE0qUAvHSk1LxT7yyS15QWMPV8kp7jNVgAHtWjrdeQ9JfBWdosAZF0HoBX9/CYoTAchmTWJslwGBLDUmpvIPmK0sxTzjc7QCSdmpZxl+p+HsnXlGZuNd8APyrnk3xVq/3fqt2zAiR9/3cAA69fKrHnkvRkXzWT9Mw0o/90AI8A8F4AH/ZfkndVa8g9izafB+DqHnWeMYcPGev7remtAJO2Xons4okiJHUXSAQ+qmSS/KJ+/RYVfSXs0qi6k7AnJN/3FkKSX2szC5gSI11a9rNArjyT5+cK8RdkkqWPGXSS9hKSapaAUtxZWeFOCZBYLHGcBiKQXAfjrQofuR/K7hXmLskn6ZwBHZ2Q+nuR1Gel7J5XkyI+O8Fhis3lpbx6QtHf8nwA8pMCTB9aO8FH4MvwfAB5PsvSGLZDmB+8k3otfGrlxB0kvx2na5gCIX6pLvsP7Wdkv9FVN0jsAPL+g0sNJfqIgX68skg4B8JmCQrzv5cmt73NvGhBJ3uz0pgLnnUTyXQX5emeR5BunJHzQqSTf3rsBBQVI8lKdkiiN3uM+xBq4glYPk6VZQCT5JvOGpIdmSuHNremdn5hksecbL+cY6X0PSE6CjmKQzALyloHKPIs3ub28ZkCsBvDDTYVeT9KrW0axVQCyYJANiUHLsWpIO09qkNQlI4VerL3tCbuxogo0D4glYP2odlXm3n9ZqOKFWAfl4QST1STipZUDSKGI4DEnOaoWbSR6RCdUkkjcHiCRv+vmbTPUch/a0zDwrSd46IAmSVwJ4faZATX72bRGQ3Ek2fzXyo5UfsUa3OQCSIHGQipyoMDeRfNroDshsQFOASPKSi3dn9vFkkn0W4GVWt+/kMwLEcBiSHKu+GDSncZulbQ0Q7wn/1YxOX0zSkRMnY3MBJI0ifszy41ZXu57kEHviu9bXO10zgEhyJMGPZvTY0UYOrb2UZLv2zQwQxxb7FwCOntLVjibp+asmrCVAXgvg3AxVJzd6pF/drqt4N3Z11InCrXSXlLuK+hKSpauuM9w/TNKWAPm0R4SMbh9G0vGrJmVzGkES8A7/k7NGzPtcHkvyG5NyzBaNaQIQSd5t5xixXe0qkiULAruWX5xuboAkSN4JIGeFwukk31YsYsWMrQDylwD+MEOXXyPpF/rJ2UwB8Yt3zn6VfyTpo7Mnb60AkrMC9laSvzRV5ecISBpFbgHwixm6j7J8P6N9P0g6eUAkeYlCTmDoSQdYnjEg+9pfv9l9+Uck/yL3hq2dvgVA/gBA1+XpPqzGL4CTPd54xoD4UB+fIdL1NKwmAs61AMjfAnhBx1+O0Zezb9fOuQKSHrMc1Puk7TRI//8ukj/dMe1oyVoA5L8z9ptPYsXuvrw5c0B+G8BfZdzNR0w9RNCkAZH0uDRT21Xzx0z58Sr9ys5qonC9YyT9AoB/7eosAJN/D5k6IDkn0H6O5GMynDNK0jmPIOkHwBFYugbD/nuSvzGKIzpWOnVAHOvKMa+62NtInt4l4ZhpFgBIzlbo20n+/Jj+2K7uqQPiEJY+ybWLnUIydyNVl3IHTbMAQHKCh/8Pyf0HFXjgwqYOyN0Aup5idAjJfxtYn8GLWwAgue8hB5D8r8GFHqjAyQIi6SAA/5nRz59Y1XnkGW3YNukCAPE8yP9uK8SPEhxJMmciOKPo/kmnDIg3RnVdT/XvJEuCsfVXMLOEuQOSXtT3APiZjtK8gKQXO07SpgzIWQB2dlTNZ2mc0DHtqMkWAkjO2ZB/QtKnEE/SpgzInwH4446qXUjy7I5pR022EED8w+YfuC52EcmcldpdyhwszZQBydmpdg7JrqPNYOKVFLQQQremj9ecd9bmSpEM5TdKmDIg31HSNZfV7JN88SYU3NGohgOQEFb+BpI+hm6RNGZCcRYpNzIH4DlgIIDsAXN7xjr+FpLftTtKmDMjfAega9PhEkrsmqfAyRxCf19L1MNQ7SfqT/iRtyoD41KjjOqr2KySdfvK2kBEk5zyRvSS7TgZX928AUlnyAOTHBA9ASu5BSfGI9f+Fm2RcrM18KykesUpu+pw8kuIlvV1A4iU952YvSSspPvO2C0h85i256XPyZIa0jInCHHFXnFZSTBSuWGPPF8RSk3ZHkFhqUgGQWKzYLiCxWLECILHcvV1AYrl7BUBiw1SDgEiKDVOrhmOtfEmx5fZHYjcxD1IQ+ie23JYCJWmOQRu+BeB+BZqcTfLCgnxVs0iKoA21FJc0x7A/uaf0rsn9bJLX19K+tB5JEfanVLzcfJLmGDjuEgC/n6sFgEeS/HxBvqpZJEXguFqKzzT06NEAPIrk2JtIlkCVU0fvtAXvHxF6tK/qkmYVvNp6SHopgJwdkD9J8nt9tVx1fkkRvHrVIm8sP3PR4uSPP1j3he53ALx1Gz33AjiW5O7aupfUJymOPygRrk8eSbM6QGe9FpKeBOBSAD58ZqO9k2TXc1H6SDxIXklxgM4gSmYWMrcj2DYZIb2b7mCfjAXggQA+A8BBnb+YKdWoySXFEWxjeUDSbA7xHEvDVdcrKQ7xXLXIW5UvaTbHQI+l4SrrlRTHQK9S4O3KlvR0ADdul27d/7+K5PMz0kfSHgpIcmzdkzOKOJ2kN8RN3iYbtGGTZ/VPAzg0Q9HDSH4yI30kLVBAkmNafSIj61fSScTfyMgzWtKWAHktgHMzlLqYpGfiw1aoQObOT7fkEpIvW2GTBi26JUCOBPDRjN5/3SNOa1+DMvo3elJJD0+HrD4gozFHk/xgRvpRkzYDiFWS5PNCvJGqq01+FJF0HgCf5uvrIQD8NcgnZTlm7XVdOzpGOkmvB/DKjLqvJ+kX+masNUBOBPDuTHVPJnl1Zp6VJ5d0AACHNvLarK1ssueeSDoGwPszhXouya4hSTOLXk3ypgBJo0jucnHPoRxD8surkTC/VEkPA9B1IvA2kj73b1ImyXAYkq52E8mndU08lXQtAuKzJHJPs72MZNejFFbuG0m3AnhCRkUvJOnRZhImyY9VfrzKsR0kr8jJMIW0zQGSRpGPAzg8U8DTSF6WmWfw5Omd49WZBfswU5/i+53MfIMnl3SU348A3Dej8JtJHpGRfjJJWwXkRQC82zDH/IjlRy0/co1mkt4BoGQS83CSOfMNg/dRkqEwHIYkxybx45TT4LW0TQKSRpGcrZ1r/R19OXzmurL1Pj2V5NtLnDxUHklvAXBGZnnXkux6zktm0atP3jIgPvbZ39MfminTmSQvzswzWPJWjz+QZDAMSK49meRHcjNNJX2zgKRRJCdI8nrNTyL5rjGc0OIIIinnQJz1su4kec4YOg9VZ9OAJEj8Xd3nUeTaM0i+LzdT3/StvYNIOiTtUcntut/1PHp8LTfjlNLPARAvYPTxa56FzrUDay9FKfyK5Ughj6/9FUuSN3CV3uBNftbdeAM1D0gaRUq+aq1psR/J7+aS1Se9pNzJzuNrLzuRdB8ApZ+V30DyFX00mkreWQCSIHkjgNJVotVjTmW8rO8i6SU21UySJzE9mVliNwHw4+vko7B06dycANkPgN8pntKl45ukOap29JBt9nF738SFJC8q7E9RNknPA1C6du2bCQ6HjJ2FzQaQNIo8MUGSM8u73pHVF9NJemZa0+Rdk48A8F4AH/ZfknfVvMt6wuGmnkFyu1BGNbvUu65ZAZIgyQmevJmATURR7+35DQUUfjxYX8r5JF81dLvGLm92gCRIvMcid73Tel9cA+AskneM7aBV1y/pUX6UA/CcHnXN5qV8owazBCRB4oBsL+7hdMNhSAzLLE2SoTAchqTUriFZMg9VWl/VfLMFJEGSc1beVsL7mfoCkl+o6pkVVibpQAAO9PaSntXcQfLRPcuYdPZZA5Ig8epTL5XoY4bDkDT/AirJUBgOQ9LH9pJ0VMhZ2+wBSZC8DsAQa4K8J/4Kkg7S3JRJctwqbzYbYk/4LSQd7mf2tghAEiS5Rw7sy/mOt+XdcYbF0VMmaZIcbcRQ+Brqhr6SpMtbhC0GkATJDgCXD+hZ7yv3aPIekh8bsNxeRUnyfJBn3z1qODTPUHYuyQuGKqyFchYFSILEX1w8Oz3kjeOiHcTAK4sNy1drO1/SgxMUBuPYgev3D8HLSe4auNzJF7c4QBIkPmrAa7dyonJ0daZPsfVSC1/e0HUjye93zZyTTtJhAJ667rp/Tv6OaR0T2ZvMbuuYflbJFglIguTeaSTxpqtVmuH4EIA96fI+iT0k/d+dLEUw9A7KtcuH1TjS5CqAWN8mHxPnkWMWCw87ib0h0WIBWdMh8yTdEo33lefbAHzdnf76315H5nPU/XftutfQFXcoz2B4lF20LR6QNJr4KLSzAZyw6Lvhns57ctVbZZvdRz6kDwOQdWpK8tIUg7LZmYFD6j7FsvzoZzBGjx02JXECkA3ekPQgr8FKoEzJV6tsy86096R0e+0q2zZq2QHIFvJL8l73UwB47sR7s+dmPmLao4XDsn5qbp0bqj8ByDZKpkDTa6D4K1Lr5lFiDYxRo0y2IGQA0tFLkvZPI4onGo/rmG1Kybw8xmvJLq0dyWVKIuS2JQDJVeyeg3wc1MDhNP3VKydKe0FtvbJ4cs9QXEfSczFhmQoEIJmCbUwuyaPJswD4U3FuxPmetW+afTcArwvzCVVe6h/WQ4EApId4m8DiU6O89MORVXz5WLVVm3c+OprLBwDsJvmlVVe4pPIDkBV6W5I3FB3sY483/D2ooNo7AdwO4LPrr9ZDexboUDVLAFJV7nsqk+SlI45cuP4yTP5vf351REP//eG1qgWPI3S/qSoDkKbcFY2trUAAUlvxqK8pBQKQptwVja2tQABSW/GorykFApCm3BWNra1AAFJb8aivKQUCkKbcFY2trUAAUlvxqK8pBQKQptwVja2tQABSW/GorykFApCm3BWNra1AAFJb8aivKQUCkKbcFY2trUAAUlvxqK8pBQKQptwVja2tQABSW/GorykFApCm3BWNra1AAFJb8aivKQUCkKbcFY2trUAAUlvxqK8pBQKQptwVja2tQABSW/GorykFApCm3BWNra1AAFJb8aivKQUCkKbcFY2trUAAUlvxqK8pBQKQptwVja2tQABSW/GorykFApCm3BWNra1AAFJb8aivKQUCkKbcFY2trUAAUlvxqK8pBQKQptwVja2tQABSW/GorykFApCm3BWNra1AAFJb8aivKQUCkKbcFY2trUAAUlvxqK8pBf4PykxSIwHFoskAAAAASUVORK5CYII=') no-repeat center; background-size: 100% auto; } .image-box-style .chat-content-image-box { - min-height: 30px; - border-radius: 16px 16px 16px 2px; + min-height: 30rem; + border-radius: 16rem 16rem 16rem 2rem; } .chat-content-image-box .van-image__img { - border-radius: 16px; + border-radius: 16rem; } .chat-content-image img { @@ -856,14 +856,14 @@ img.avatarUrl-img[lazy='loading'] { display: inline-block; height: auto; width: 100%; - min-width: 30px; - min-height: 30px; + min-width: 30rem; + min-height: 30rem; max-width: 100%; - border-radius: 16px; + border-radius: 16rem; } .chat-content-image img[lazy="loading"] { - width: 40px; + width: 40rem; height: auto; } @@ -881,19 +881,19 @@ img.avatarUrl-img[lazy='loading'] { } .elder-wrapper .time-show { - border-radius: 4px; + border-radius: 4rem; font-family: PingFangSC-Regular; - font-size: 18px; + font-size: 18rem; color: #FFFFFF; letter-spacing: 0; - line-height: 18px; + line-height: 18rem; } .elder-wrapper .content-left-main { - /* padding-top: 16px; */ - padding-left: 16px; - padding-right: 16px; - border-radius: 2px 16px 16px 16px; + /* 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 { @@ -905,113 +905,113 @@ img.avatarUrl-img[lazy='loading'] { } .elder-wrapper .time-show span { - line-height: 18px; - padding: 4px 8px; + line-height: 18rem; + padding: 4rem 8rem; } .elder-wrapper .chat-txt-content { background: #025CEA; border-top-right-radius: 0; - border-bottom-right-radius: 16px; + border-bottom-right-radius: 16rem; } .elder-wrapper .chat-txt-content .messageBox { font-family: PingFangSC-Medium; - font-size: 22px; + font-size: 22rem; color: #FFFFFF; - padding: 16px; + padding: 16rem; } .elder-wrapper .question-answer-con p { font-family: PingFangSC-Medium; - font-size: 22px; + font-size: 22rem; color: #2C3562; - line-height: 30px; + line-height: 30rem; } .elder-wrapper .question-answer-con .open-wx-web-button { - width: 311px; - height: 40px; + width: 311rem; + height: 40rem; background: #025CEA; - border-radius: 6px; + border-radius: 6rem; box-shadow: unset; font-family: PingFangSC-Medium; - font-size: 18px; + font-size: 18rem; color: #FFFFFF; - margin-top: 24px; + margin-top: 24rem; } .elder-wrapper .answer-items { font-family: PingFangSC-Medium; - font-size: 22px; + font-size: 22rem; color: #025CEA; - padding-left: 26px; + padding-left: 26rem; line-height: unset; } .elder-wrapper .answer-items::before { - width: 20px!important; - height: 20px!important; - background: url(data:image/png;base64,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) no-repeat!important; + width: 20rem!important; + height: 20rem!important; + background: url(data:image/png;base64,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) no-repeat!important; background-size: 100%!important; - top: 5px; + top: 5rem; left: 0; } .elder-wrapper .text-folding-box.detailed-introduce { - max-height: 150px; + max-height: 150rem; } .elder-wrapper .service-radius .service-icon-tips { font-family: PingFangSC-Medium; - font-size: 20px; - line-height: 20px; + font-size: 20rem; + line-height: 20rem; color: #2C3562; } .elder-wrapper .service-radius .service-link-btn { font-family: PingFangSC-Medium; - font-size: 22px; + font-size: 22rem; color: #025CEA; - padding: 16px 0; + padding: 16rem 0; } .elder-wrapper .content-left-icon { - height: 48px; - min-height: 48px; - line-height: 48px; + height: 48rem; + min-height: 48rem; + line-height: 48rem; } /* .elder-wrapper .content-left-icon img { - height: 48px; - width: 48px; - max-width: 48px; + height: 48rem; + width: 48rem; + max-width: 48rem; } */ .elder-wrapper .content-left-icon .chat-name { font-family: PingFangSC-Regular; - font-size: 18px; + font-size: 18rem; color: #17204D; - height: 48px; - line-height: 48px; - text-indent: 12px; + height: 48rem; + line-height: 48rem; + text-indent: 12rem; } /* Like */ .elder-wrapper .help-button-item { font-family: PingFangSC-Medium; - font-size: 18px; + font-size: 18rem; color: #2C3562; - line-height: 24px; + line-height: 24rem; } .elder-wrapper .help-button-icon { - width: 20px; - height: 20px; + width: 20rem; + height: 20rem; vertical-align: middle; - margin-right: 7px; - margin-top: -3px; + margin-right: 7rem; + margin-top: -3rem; } .elder-wrapper .help-button-item:first-child .help-button-icon { @@ -1038,55 +1038,55 @@ img.avatarUrl-img[lazy='loading'] { } .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 { - background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAA5FBMVEUAAAAEXesOY/EDXOoMX/MDXesFX+zL3fsCXOsDXesPafAVZfoCXOv///8DXev///8DXusEXe0CXOsCXesDXesDXesDXOoEXesCXesDXusDXuz///8KZO4CXesCXesDXOsDXOsDXesCXesDXuv///8GYe0IYO8dYv////8CXOr////p8f1jm/L///8CXuv///+41voGYO4GX+3///////8CXOr////v9P3q8f3g6/zb5/zW5Ps7ge42fu7k7fzR4ftMjPBGiO9AhO8ye+4uee0qdu3z9/7O3/tJivBDhu8nc+3m7/wGaYP9AAAANXRSTlMAjBKuE7Y0/tqVEQzy5p5jWEX74MWkoIZ7ZFFPGP3OvqqAc2BUKh4I9eja2cvFclIyLSsgH0SG2OUAAAFPSURBVEjH7dbXbsIwFIBhl4Y0kJRm0QxCgVKge7t77/H+79NYVS0gOT5Jzw0X/Je2PsWSY9lsHrHT5bTt8s6spx2epW3WK1NpaSYok4bHRV8Cv/HcjFqSa3WLcxjLrH6OHRl/068Cn3OwKIsdXhS39QwOUSzzM3hBzr1gmB8h+EKFYwpeh/EzimsUXEXwtwobML4V+E6FXQrmQwp21PhSiSMQ3+A4oOAuBa+p8ZUSWyB+wjGvULBOwTaEPwW+VuOQglch/FgA+xS8pcT3XJ05gQM5/gFheK+icjiewMdy/EHgd15qo5swxn8xrTOOl9TWYNPZtapoF8euw4BaKDZ0VgZ7i7JuEJsM7CAHN1jBNgTeoeA9HzhFSCcraa0+jPE0F142Xge+kfFC+C2AN2yP4QErWRNeNZ7mydtlxEqX/H7b6pnsPw3s3r6jsXmz0Q/ytlvtgf9GPwAAAABJRU5ErkJggg==") no-repeat center; + background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAA5FBMVEUAAAAEXesOY/EDXOoMX/MDXesFX+zL3fsCXOsDXesPafAVZfoCXOv///8DXev///8DXusEXe0CXOsCXesDXesDXesDXOoEXesCXesDXusDXuz///8KZO4CXesCXesDXOsDXOsDXesCXesDXuv///8GYe0IYO8dYv////8CXOr////p8f1jm/L///8CXuv///+41voGYO4GX+3///////8CXOr////v9P3q8f3g6/zb5/zW5Ps7ge42fu7k7fzR4ftMjPBGiO9AhO8ye+4uee0qdu3z9/7O3/tJivBDhu8nc+3m7/wGaYP9AAAANXRSTlMAjBKuE7Y0/tqVEQzy5p5jWEX74MWkoIZ7ZFFPGP3OvqqAc2BUKh4I9eja2cvFclIyLSsgH0SG2OUAAAFPSURBVEjH7dbXbsIwFIBhl4Y0kJRm0QxCgVKge7t77/H+79NYVS0gOT5Jzw0X/Je2PsWSY9lsHrHT5bTt8s6srem2epW3WK1NpaSYok4bHRV8Cv/HcjFqSa3WLcxjLrH6OHRl/068Cn3OwKIsdXhS39QwOUSzzM3hBzr1gmB8h+EKFYwpeh/EzimsUXEXwtwobML4V+E6FXQrmQwp21PhSiSMQ3+A4oOAuBa+p8ZUSWyB+wjGvULBOwTaEPwW+VuOQglch/FgA+xS8pcT3XJ05gQM5/gFheK+icjiewMdy/EHgd15qo5swxn8xrTOOl9TWYNPZtapoF8euw4BaKDZ0VgZ7i7JuEJsM7CAHN1jBNgTeoeA9HzhFSCcraa0+jPE0F142Xge+kfFC+C2AN2yP4QErWRNeNZ7mydtlxEqX/H7b6pnsPw3s3r6jsXmz0Q/ytlvtgf9GPwAAAABJRU5ErkJggg==") no-repeat center; background-size: 100% auto; } .elder-wrapper .question-answer-help { font-family: PingFangSC-Medium; - font-size: 22px; + font-size: 22rem; color: #2C3562; - line-height: 30px; + line-height: 30rem; } .elder-wrapper .question-answer-help .answer-help-btn { font-family: PingFangSC-Medium; - font-size: 22px; + font-size: 22rem; color: #025CEA; - line-height: 30px; + line-height: 30rem; } .elder-wrapper .chat-left-txt { font-family: PingFangSC-Medium; - font-size: 22px; + font-size: 22rem; color: #2C3562; line-height: 1.2; } .elder-wrapper .leave-message-cont { font-family: PingFangSC-Medium; - font-size: 22px; + font-size: 22rem; color: #2C3562; line-height: 1.2; } .elder-wrapper .leave-message-btn { - padding-top: 24px; + padding-top: 24rem; } .elder-wrapper .leave-message-btn .answer-items { display: flex; - height: 40px; + height: 40rem; align-items: center; padding: unset; justify-content: center; background: #025CEA; box-shadow: unset; - border-radius: 6px; + border-radius: 6rem; font-family: PingFangSC-Medium; - font-size: 18px; + font-size: 18rem; color: #FFFFFF; - margin-bottom: 10px; + margin-bottom: 10rem; } .elder-wrapper .leave-message-btn .answer-items:disabled { @@ -1094,9 +1094,9 @@ img.avatarUrl-img[lazy='loading'] { } .elder-wrapper .service-header-icon { - padding: 8px 0 16px 0; + padding: 8rem 0 16rem 0; } .elder-wrapper .chat-content-list { - margin-top: 16px; + margin-top: 16rem; } diff --git a/src/components/abstract.vue b/src/components/abstract.vue index 6a3e0aa..b321394 100644 --- a/src/components/abstract.vue +++ b/src/components/abstract.vue @@ -1,6 +1,7 @@ + + + + diff --git a/src/components/chat-new.vue b/src/components/chat-new.vue index 2f0b473..df0452c 100644 --- a/src/components/chat-new.vue +++ b/src/components/chat-new.vue @@ -1,20 +1,34 @@ @@ -48,7 +216,7 @@ onMounted(async () => { -
+ +
diff --git a/src/components/hot-question-new.vue b/src/components/hot-question-new.vue index b5033e2..ca114db 100644 --- a/src/components/hot-question-new.vue +++ b/src/components/hot-question-new.vue @@ -3,6 +3,7 @@ import { ref, computed, inject, watch, nextTick, onMounted } from 'vue' import { showToast } from 'vant'; import { Post } from '@/utils/https' const store = inject('appStore', null) +import { messageSend } from '@/utils/api' const questionList = ref([]) const initHotQuestion = async () => { let param = { @@ -46,7 +47,11 @@ const initHotQuestion = async () => { }); } const handleAskClick=(record)=>{ - // store.setAskRecord(record) + const text = record?.name + if (!text) return + messageSend(text).catch((err) => { + console.log(err) + }) } onMounted(async () => { await initHotQuestion() diff --git a/src/components/product/product.js b/src/components/product/product.js index f30bdb4..d0ac4ab 100644 --- a/src/components/product/product.js +++ b/src/components/product/product.js @@ -1,233 +1,221 @@ +import { ref, computed, inject, defineComponent } from 'vue' +import { useRouter } from 'vue-router' import _ from 'lodash' -import wx from 'weixin-js-sdk' -import { mapState } from "vuex"; -import Utils from "@/utils/utils" -const name = "product" -const props = ["responseData","intents","itemlist"] -const labelesImg= require('@/assets/images/product/icon_yes.png') -const data =function() { - return { - labelesImg, - resultData:{}, //处理后的数据 - flagNav:true, - baseModuleData:[], - popUpFlag:false, - productImgUrl:"", - bottomModulesData:[ - { id: 1, name: 'TKYW', src: require('@/assets/images/product/bottom_tkyw.png'), url: '' }, - ], - exchangeButton: true, // 是否显示展开收起按钮 - showExchangeButton: true, - showTotal: true, // 显示展开还是收起 - isBtnsubmit: true, //防止关联问发送 - nowPopType:"", - tkywValue:"", - detaillTitle:"", - hasClicked:false - } -} -function created() { - const allData = _.cloneDeep(_.get(this.responseData,'productInfo')) //产品模板数据 - const originProDuctData= allData.insDuty - const originalText = _.cloneDeep(_.get(this.responseData,'originalText')) //图谱数据 - // console.log("产品、图谱数据===",allData,originalText) - // console.log('保险责任==',originProDuctData) - this.resultData = allData - //格式化 - const afterData = [] - for (let i in originProDuctData) { - //结果对象 - const result = {} - result.key = i - //判断是否直接渲染 - const productVal = originProDuctData[i] - if (productVal.includes('|')) { - //包含| - result.isRender = false - //分隔|拿到要处理的数据 - const beforeData = productVal.split('|') - //继续遍历是否为链接 - const afterData = beforeData.map((item) => { - if (item.includes(':')) { - //链接形式 - const urlData = item.split(';') - return { urlkey: urlData[0], urlValue: urlData[1] } +import Utils from '@/utils/utils' +import labelesImg from '@/assets/images/product/icon_yes.png' +import bottomTkywImg from '@/assets/images/product/bottom_tkyw.png' + +export default defineComponent({ + name: 'product', + props: { + responseData: { type: Object, default: () => ({}) }, + intents: { type: Array, default: () => [] }, + itemlist: { type: Object, default: () => ({}) }, + }, + setup(props) { + const store = inject('appStore', null) + const manualService = inject('manualService', ref('1')) + const mescrollContent = inject('mescrollContent', ref(null)) + const router = useRouter() + + const resultData = ref({}) + const flagNav = ref(true) + const baseModuleData = ref([]) + const popUpFlag = ref(false) + const productImgUrl = ref('') + const bottomModulesData = ref([ + { id: 1, name: 'TKYW', src: bottomTkywImg, url: '' }, + ]) + const exchangeButton = ref(true) + const showExchangeButton = ref(true) + const showTotal = ref(true) + const isBtnsubmit = ref(true) + const nowPopType = ref('') + const tkywValue = ref('') + const detaillTitle = ref('') + const hasClicked = ref(false) + + const bottomModuleNum = computed( + () => bottomModulesData.value.filter((item) => !!item.url).length > 3, + ) + + function initProductData() { + const allData = _.cloneDeep(_.get(props.responseData, 'productInfo')) + if (!allData) return + + const originProDuctData = allData.insDuty || {} + const originalText = _.cloneDeep(_.get(props.responseData, 'originalText')) + resultData.value = allData + + const afterData = [] + for (const i in originProDuctData) { + const result = {} + result.key = i + const productVal = originProDuctData[i] + if (typeof productVal === 'string' && productVal.includes('|')) { + result.isRender = false + const beforeData = productVal.split('|') + const completedData = beforeData.map((item) => { + if (item.includes(':')) { + const urlData = item.split(';') + return { urlkey: urlData[0], urlValue: urlData[1] } + } + return item + }) + result.completedData = completedData } else { - // 非链接 - return item + result.isRender = true + result.completedData = originProDuctData[i] } + afterData.push(result) + } + + allData.insDuty = afterData + resultData.value = allData + + baseModuleData.value = [ + { key: '保险类型', val: _.get(resultData.value, 'insType'), id: 0 }, + { key: '开停办时间', val: _.get(resultData.value, 'osTime'), id: 1 }, + { key: '投保年龄', val: _.get(resultData.value, 'insdAge'), id: 2 }, + { key: '保险期间', val: _.get(resultData.value, 'insPeriod'), id: 3 }, + { key: '交费方式', val: _.get(resultData.value, 'payType'), id: 4 }, + { key: '犹豫期', val: _.get(resultData.value, 'hesPeriod'), id: 5 }, + { key: '观察期', val: _.get(resultData.value, 'obsPeriod'), id: 6 }, + { key: '销售地区', val: _.get(resultData.value, 'saleArea'), id: 7 }, + { key: '销售渠道', val: _.get(resultData.value, 'salesChannels'), id: 8 }, + { key: '基本保额', val: _.get(resultData.value, 'basicInsAmo'), id: 9 }, + { key: '每份保费', val: _.get(resultData.value, 'basicPremium'), id: 10 }, + { key: '最低保证利率', val: _.get(resultData.value, 'minGuaRate'), id: 11 }, + { key: '红利领取方式', val: _.get(resultData.value, 'bonClaType'), id: 12 }, + { key: '免赔额', val: _.get(resultData.value, 'deductible'), id: 13 }, + ] + + const originalArr = _.get(originalText, '[0].properties') + if (Array.isArray(originalArr) && originalArr.length > 0) { + baseModuleData.value.forEach((item) => { + originalArr.forEach((tkyw) => { + if (tkyw.propName === item.key) { + item.tkywValue = tkyw.propValue + } + }) + }) + } + + console.log('处理后结果===', baseModuleData.value) + + bottomModulesData.value.forEach((item) => { + if (item.name === 'TKYW') item.url = resultData.value.clauseText }) - result.completedData = afterData - } else { - //直接v-html渲染 - result.isRender = true - result.completedData = originProDuctData[i] } - afterData.push(result) - } - allData.insDuty = afterData - this.resultData = allData - //设置基本保额数据，其中包括对应条款原文的数据 - this.baseModuleData = [ - {key:"保险类型",val:_.get(this.resultData,'insType'),id:0}, - {key:"开停办时间",val:_.get(this.resultData,'osTime'),id:1}, - {key:"投保年龄",val:_.get(this.resultData,'insdAge'),id:2}, - {key:"保险期间",val:_.get(this.resultData,'insPeriod'),id:3}, - {key:"交费方式",val:_.get(this.resultData,'payType'),id:4}, - {key:"犹豫期",val:_.get(this.resultData,'hesPeriod'),id:5}, - {key:"观察期",val:_.get(this.resultData,'obsPeriod'),id:6}, - {key:"销售地区",val:_.get(this.resultData,'saleArea'),id:7}, - {key:"销售渠道",val:_.get(this.resultData,'salesChannels'),id:8}, - {key:"基本保额",val:_.get(this.resultData,'basicInsAmo'),id:9}, - {key:"每份保费",val:_.get(this.resultData,'basicPremium'),id:10}, - {key:"最低保证利率",val:_.get(this.resultData,'minGuaRate'),id:11}, - {key:"红利领取方式",val:_.get(this.resultData,'bonClaType'),id:12}, - {key:"免赔额",val:_.get(this.resultData,'deductible'),id:13} - ] - const originalArr = _.get(originalText,'[0].properties') - if(Array.isArray(originalArr)&&originalArr.length>0){ - this.baseModuleData.forEach(item=>{ - originalArr.forEach(tkyw=>{ - if(tkyw.propName === item.key){ - item.tkywValue = tkyw.propValue - } - }) - }) - } - console.log("处理后结果===",this.baseModuleData) - //设置模块的url - this.bottomModulesData.forEach(item => { - if (item.name === "TKYW") item.url = this.resultData.clauseText - }) -} - -const computed = { - bottomModuleNum(){ - return this.bottomModulesData.filter(item=>!!item.url).length > 3 - }, - ...mapState([ - "manualService", - "mescrollContent", - ]), -} - -const methods = { - showImgPopup(url){ - this.popUpFlag = true - this.productImgUrl = url - this.nowPopType = "img" - }, - clickBottomBtn(name){ - let url = ''; - let productname = null; - if (name === 'TKYW') { - url = this.resultData.clauseText - productname = encodeURI(this.resultData.productName); + + function showImgPopup(url) { + popUpFlag.value = true + productImgUrl.value = url + nowPopType.value = 'img' } - let fileTypesReg = new RegExp(/\.pdf$/) - if (fileTypesReg.test(url)) { - // const valSrc = _.clone(this.urlMsg) - // let msg = '' - // if (_rules.IsNull(valSrc)) return - // Object.keys(valSrc).map((item) => { - // msg += `${item}=${valSrc[item]}&` - // return msg - // }) - // msg = msg.substr(0, msg.length - 1) - // if (url.indexOf('?') === -1) { - // url += `?${msg}${!!productname ? `&productname=${productname}` : ''}` - // } else { - // url += `&${msg}${!!productname ? `&productname=${productname}` : ''}` - // } - // 安卓小程序环境跳转预览页 - let isMiniProgram = false; - wx.miniProgram.getEnv((res) => { - if (res.miniprogram) { - isMiniProgram = true; - } - }); - if((Utils.getSystemType() === 'android' || Utils.getSystemType() === 'harmonyos') && isMiniProgram){ - this.$router.push({ - name: 'previewPdf', - params: { - url: url - } - }) - }else{ - location.href = url; + + function clickBottomBtn(name) { + let url = '' + if (name === 'TKYW') { + url = resultData.value.clauseText + } + + const fileTypesReg = /\.pdf$/ + if (fileTypesReg.test(url)) { + const systemType = Utils.getSystemType() + const isMiniProgram = Utils.isMiniProgram() + if ((systemType === 'android' || systemType === 'harmonyos') && isMiniProgram) { + router.push({ + name: 'previewPdf', + params: { url }, + }) + } else { + location.href = url + } } - return; } - // console.log(url); - //非文档则跳转 - // location.href = url; - // openWebView(this.urlMsg.src, url, title, '5') - }, - showTotalIntro() { - this.showTotal = !this.showTotal; - this.exchangeButton = !this.exchangeButton; - }, - //点击问题按钮 - richCallAnswer(item) { - var that = this; - // if(this.hasClicked){ - // return - // } - // if(this.itemlist.cmd === onceClickCmd){ - // this.hasClicked = true - // } - let sendParmas = { - reqAndResType: "1", //1文本 2图片 3问提评价 - msgText: item.intent, - intentId: item.intentId, - msgSource: this.manualService, //1机器人 2人工 - questionType: - this.itemlist.reqAndResType == "02" - ? 5 - : this.itemlist.reqAndResType == "06" - ? 4 - : this.itemlist.reqAndResType == "11" - ? 8 - : "", - }; - if (that.isBtnsubmit) { - that.isBtnsubmit = false; - this.scrollTopBody(); - this.$store - .dispatch("sendingRobot", sendParmas) - .then((res) => { - that.isBtnsubmit = true; + + function showTotalIntro() { + showTotal.value = !showTotal.value + exchangeButton.value = !exchangeButton.value + } + + function richCallAnswer(item) { + const sendParmas = { + reqAndResType: '1', + msgText: item.intent, + intentId: item.intentId, + msgSource: manualService.value, + questionType: + props.itemlist.reqAndResType == '02' + ? 5 + : props.itemlist.reqAndResType == '06' + ? 4 + : props.itemlist.reqAndResType == '11' + ? 8 + : '', + } + + if (!isBtnsubmit.value) return + isBtnsubmit.value = false + scrollTopBody() + store + ?.dispatch?.('sendingRobot', sendParmas) + .then(() => { + isBtnsubmit.value = true }) .catch((err) => { - that.isBtnsubmit = true; - console.log(err); - }); + isBtnsubmit.value = true + console.log(err) + }) + } + + function scrollTopBody() { + setTimeout(() => { + try { + if (mescrollContent.value) { + mescrollContent.value.scrollTop = mescrollContent.value.scrollHeight || 0 + } + } catch (error) { + console.log(error.message) + } + }, 300) + } + + function showGraph(item) { + popUpFlag.value = true + nowPopType.value = 'tkyw' + detaillTitle.value = item.key + tkywValue.value = (item.tkywValue || '').replace(/(\n)/g, '
') + } + + initProductData() + + return { + labelesImg, + resultData, + flagNav, + baseModuleData, + popUpFlag, + productImgUrl, + bottomModulesData, + exchangeButton, + showExchangeButton, + showTotal, + isBtnsubmit, + nowPopType, + tkywValue, + detaillTitle, + hasClicked, + bottomModuleNum, + manualService, + mescrollContent, + showImgPopup, + clickBottomBtn, + showTotalIntro, + richCallAnswer, + scrollTopBody, + showGraph, } }, - scrollTopBody() { - setTimeout(() => { - //滚动到底部 - try { - this.mescrollContent.scrollTop = - this.mescrollContent.scrollHeight || 0; - } catch (error) { - console.log(error.message); - } - }, 300); - }, - showGraph(item){ - this.popUpFlag = true; - this.nowPopType = "tkyw" - this.detaillTitle = item.key - this.tkywValue = item.tkywValue.replace(/(\n)/g, '
') - } -} - -export default { - name, - data, - props, - created, - methods, - computed -} \ No newline at end of file +}) diff --git a/src/components/text-folding.vue b/src/components/text-folding.vue index 75f8961..6723af0 100644 --- a/src/components/text-folding.vue +++ b/src/components/text-folding.vue @@ -90,6 +90,7 @@ const manualService = inject('manualService', ref('1')) const sendLoading = inject('sendLoading', ref(false)) const publicPath = import.meta.env.BASE_URL +const desc = ref(null) const showTotal = ref(true) const exchangeButton = ref(true) const showExchangeButton = ref(false) diff --git a/src/store/app.js b/src/store/app.js index 0e5c650..56e9260 100644 --- a/src/store/app.js +++ b/src/store/app.js @@ -336,10 +336,16 @@ export const useAppStore = defineStore('app', () => { function pushUserMessage(content, messageType = 'user', systemType = 'CARD') { if (!content) return null + const timestamp = Date.now() const message = { type: messageType, system: systemType, isSendSuccess: true, + msgText: content, + fromFlag: messageType === 'user' ? '1' : '2', + reqAndResType: '1', + timestamp, + VIEW_ID: 'msg' + timestamp, message: [ { value: '', @@ -347,7 +353,7 @@ export const useAppStore = defineStore('app', () => { type: 'text', options: { label: content, - readOnly: false, + readOnly: messageType !== 'user', placeholder: '', }, }, @@ -364,6 +370,7 @@ export const useAppStore = defineStore('app', () => { return ( payload?.msgText ?? payload?.answer ?? + payload?.answerText ?? payload?.content ?? payload?.text ?? payload?.message?.[0]?.options?.label ?? @@ -388,12 +395,43 @@ export const useAppStore = defineStore('app', () => { const fromFlag = typeof item === 'object' ? String(item.fromFlag || '') : '' const messageType = fromFlag === '1' ? 'user' : fromFlag === '2' ? 'bot' : fallbackType + const resolvedFromFlag = + fromFlag || (messageType === 'user' ? '1' : messageType === 'bot' ? '2' : '') + const resolvedTimestamp = + (typeof item === 'object' && item.timestamp) || Date.now() + const hasReqType = + typeof item === 'object' && item.reqAndResType !== undefined && item.reqAndResType !== null && item.reqAndResType !== '' + const hasMsgType = + typeof item === 'object' && item.msgType !== undefined && item.msgType !== null && item.msgType !== '' + // chat-content 机器人文本分支依赖 reqAndResType=='01' && msgType=='01' + const resolvedReqAndResType = hasReqType + ? item.reqAndResType + : imageUrl + ? (messageType === 'user' ? '2' : '2') + : messageType === 'bot' + ? '01' + : '1' + const resolvedMsgType = hasMsgType + ? item.msgType + : imageUrl + ? '02' + : '01' const message = { + ...(typeof item === 'object' ? item : {}), type: messageType, - system: item?.system || 'LIICS', - isSendSuccess: item?.isSendSuccess !== false, + system: (typeof item === 'object' && item.system) || 'LIICS', + isSendSuccess: typeof item === 'object' ? item.isSendSuccess !== false : true, imageUrl, raw: item, + // 兼容 chat-content：保留/补齐 liics 字段 + msgText: content || (typeof item === 'object' ? item.msgText : '') || '', + fromFlag: resolvedFromFlag, + reqAndResType: resolvedReqAndResType, + msgType: resolvedMsgType, + timestamp: resolvedTimestamp, + imgUrl: (typeof item === 'object' && (item.imgUrl || item.imageUrl)) || imageUrl || '', + VIEW_ID: + (typeof item === 'object' && item.VIEW_ID) || ('msg' + resolvedTimestamp), message: [ { value: '', @@ -580,9 +618,13 @@ export const useAppStore = defineStore('app', () => { // 消息列表 function setChatList(payload) { - const normalizedItem = utils.normalizeMessage(payload) - chatList.value.push(normalizedItem) - pushConversationMessage(normalizedItem, 'bot') + const list = Array.isArray(payload) ? payload : [payload] + list.forEach((entry) => { + if (entry == null) return + const normalizedItem = utils.normalizeMessage(entry) + chatList.value.push(normalizedItem) + pushConversationMessage(normalizedItem, 'bot') + }) } function delChatList(index) { diff --git a/src/store/pageOverlay.js b/src/store/pageOverlay.js deleted file mode 100644 index d3377b1..0000000 --- a/src/store/pageOverlay.js +++ /dev/null @@ -1,91 +0,0 @@ -import { defineStore } from 'pinia' -import { computed, ref } from 'vue' -import { clearCurrentPageContext } from '@/utils/pageMessage.js' - -export const usePageOverlayStore = defineStore('pageOverlay', () => { - // PAGE 承载态统一放在 Pinia，chat.vue 只负责分发 SSE 与选择承载模式。 - // 这样浮层模式和路由调试模式可以共用同一份 pageContext / actionResponse。 - const pageOverlayVisible = ref(false) - const currentPageOverlayContext = ref(null) - const currentPageOverlayActionResponse = ref(null) - - const hasCurrentPageContext = computed(() => Boolean(currentPageOverlayContext.value)) - - /** - * 默认浮层模式：保存当前 PAGE 上下文并显示 PageOverlayShell。 - * 每次打开新 PAGE 都先清空上一条动作回流，避免旧 UPDATE/MESSAGE 被新页面重复消费。 - * - * @param {object} pageContext 标准化后的 PAGE 上下文 - * @returns {boolean} - */ - function openPageOverlay(pageContext) { - currentPageOverlayContext.value = pageContext - currentPageOverlayActionResponse.value = null - pageOverlayVisible.value = true - return true - } - - /** - * 路由调试模式：只保存 PAGE 上下文，不显示浮层。 - * 后续由 chat.vue 执行 router.push，目标路由页再从 Pinia/sessionStorage 读取上下文。 - * - * @param {object} pageContext 标准化后的 PAGE 上下文 - * @returns {boolean} - */ - function openPageRoute(pageContext) { - currentPageOverlayContext.value = pageContext - currentPageOverlayActionResponse.value = null - pageOverlayVisible.value = false - return true - } - - /** - * 判断 PAGE UPDATE/MESSAGE 是否属于当前承载的页面。 - * 注意路由模式下 pageOverlayVisible 为 false，所以这里不能只看 visible， - * 还要允许存在 currentPageOverlayContext 的路由承载态继续接收回流。 - * - * @param {object} page SSE payload.page - * @returns {boolean} - */ - function isCurrentPageActionMessage(page) { - const currentContext = currentPageOverlayContext.value - - return Boolean( - currentContext - && (pageOverlayVisible.value || hasCurrentPageContext.value) - && (!page?.pageId || !currentContext.pageId || page.pageId === currentContext.pageId) - ) - } - - /** - * 保存当前 PAGE 的动作级回流，ClaimPagePanel 会通过 watcher 消费。 - * - * @param {object | null} actionResponse 原始 PAGE UPDATE/MESSAGE 报文 - */ - function setPageActionResponse(actionResponse) { - currentPageOverlayActionResponse.value = actionResponse || null - } - - /** - * PAGE 生命周期结束时统一清理内存态和 sessionStorage 兜底缓存。 - * NODE_EXIT 命中当前 stage/node 时会调用这里，避免后续旧 UPDATE 继续落到已结束页面。 - */ - function closePageOverlay() { - pageOverlayVisible.value = false - currentPageOverlayActionResponse.value = null - currentPageOverlayContext.value = null - clearCurrentPageContext() - } - - return { - pageOverlayVisible, - currentPageOverlayContext, - currentPageOverlayActionResponse, - hasCurrentPageContext, - openPageOverlay, - openPageRoute, - isCurrentPageActionMessage, - setPageActionResponse, - closePageOverlay, - } -}) diff --git a/src/utils/api.js b/src/utils/api.js index 1569112..1a2c9a3 100644 --- a/src/utils/api.js +++ b/src/utils/api.js @@ -1,4 +1,4 @@ -import { Get, Post } from './http.js' +import { Get, Post } from './https.js' import { useAppStore } from '@/store/app.js' import CryptoJS from 'crypto-js' @@ -42,142 +42,6 @@ function getAppStore() { return useAppStore() } -// 创建会话 -export function createSessions(data) { - const appStore = getAppStore() - // appStore.setUserInfo({ channel: data.channel, code: data.subject.code }) - - return Post('/yyfw/api/interactive-sessions', data).then((res) => { - if (res.data && res.data.token) { - sessionStorage.setItem('token', res.data.token) - console.log('Token stored in sessionStorage:', res.data.token) - } - return res - }) -} - -// 事件发送 -export function getSessions() { - const appStore = getAppStore() - let data = { - eventId: `flow-start_${getTimestamp()}${Math.floor(Math.random() * 9000) + 1000}_0001`, - eventType: 'FLOW_START', - sessionId: appStore.sessionId, - idempotentKey: `flow-start-${getTimestamp()}${Math.floor(Math.random() * 9000) + 1000}`, - payload: {}, - } - return Post(`/yyfw/api/interactive-sessions/${appStore.sessionId}/events`, data) -} - -// 通用事件发送 -export function eventFunction(payload, text) { - const appStore = getAppStore() - payload.cardType = appStore.cardType - - // 存储 certNo 到 sessionStorage - if (payload.actionPayload && payload.actionPayload.certNo) { - sessionStorage.setItem('certNo', payload.actionPayload.certNo) - console.log('CertNo stored in sessionStorage:', payload.actionPayload.certNo) - } - - let obj = { - eventId: `card_action_${getTimestamp()}${Math.floor(Math.random() * 9000) + 1000}_CARD_ACTION`, - eventType: 'CARD_ACTION', - channel: appStore.channel, - userId: appStore.userId, - currentStage: appStore.currentStage || 'SESSION_INIT', - currentNode: appStore.currentNode, - idempotentKey: appStore.idempotentKey, - occurredAt: getCurrentISOTime(), - payload: import.meta.env.VITE_USER_NODE_ENV === 'development' ? payload : undefined, - displayText: text, - } - // 判断是否需要加密 - if (shouldEncrypt('CARD_ACTION')) { - console.log('加密前:', payload) - obj.encryptedPayload = encryptPayload(payload) - } else { - console.log('不加密:', payload) - obj.payload = payload - } - - return Post(`/yyfw/api/interactive-sessions/${appStore.sessionId}/events`, obj) -} -// 事件重新发送 -export function reEventFunction(obj) { - const appStore = getAppStore() - return Post(`/yyfw/api/interactive-sessions/${appStore.sessionId}/events`, obj) -} -// 图片事件发送 -export function imgEventFunction(payload) { - const appStore = getAppStore() - payload.cardType = appStore.cardType - - // 存储 certNo 到 sessionStorage - if (payload.actionPayload && payload.actionPayload.certNo) { - sessionStorage.setItem('certNo', payload.actionPayload.certNo) - console.log('CertNo stored in sessionStorage:', payload.actionPayload.certNo) - } - - let obj = { - eventId: `page_action_${getTimestamp()}${Math.floor(Math.random() * 9000) + 1000}_PAGE_ACTION`, - eventType: 'PAGE_ACTION', - channel: appStore.channel, - userId: appStore.userId, - currentStage: appStore.currentStage || 'SESSION_INIT', - currentNode: appStore.currentNode, - idempotentKey: '', - occurredAt: getCurrentISOTime(), - payload: import.meta.env.VITE_USER_NODE_ENV === 'development' ? payload : undefined, - } - - // 判断是否需要加密 - if (shouldEncrypt('CARD_ACTION')) { - console.log('加密前:', payload) - obj.encryptedPayload = encryptPayload(payload) - } else { - console.log('不加密:', payload) - obj.payload = payload - } - - return Post(`/yyfw/api/interactive-sessions/${appStore.sessionId}/events`, obj) -} -// page事件发送 -export function eventPageFunction(payload, text) { - const appStore = getAppStore() - payload.cardType = appStore.cardType - - // 存储 certNo 到 sessionStorage - if (payload.actionPayload && payload.actionPayload.certNo) { - sessionStorage.setItem('certNo', payload.actionPayload.certNo) - console.log('CertNo stored in sessionStorage:', payload.actionPayload.certNo) - } - - let obj = { - eventId: `page_action_${getTimestamp()}${Math.floor(Math.random() * 9000) + 1000}_PAGE_ACTION`, - eventType: 'PAGE_ACTION', - channel: appStore.channel, - userId: appStore.userId, - currentStage: appStore.currentStage || 'SESSION_INIT', - currentNode: appStore.currentNode, - idempotentKey: '', - occurredAt: getCurrentISOTime(), - payload: import.meta.env.VITE_USER_NODE_ENV === 'development' ? payload : undefined, - displayText: text, - } - - // 判断是否需要加密 - if (shouldEncrypt('PAGE_ACTION')) { - console.log('加密前:', payload) - obj.encryptedPayload = encryptPayload(payload) - } else { - console.log('不加密:', payload) - obj.payload = payload - } - - return Post(`/yyfw/api/interactive-sessions/${appStore.sessionId}/events`, obj) -} - // 用户输入：统一复用 liics 迁移后的发送动作。 // 该动作在机器人模式下调用 /liics_api/semantic/qaChat，人工模式下走原有 WebSocket。 export function messageSend(text, options = {}) { @@ -189,45 +53,3 @@ export function messageSend(text, options = {}) { quoteData: options.quoteData || null, }) } - -// 获取出险人选择列表（userStr 由 SSE 下发） -export function getInsuredList(userStr) { - return Get(`/yyfw/api/select/query`, { userStr }) -} - -// 获取医院列表 -export function getHospitals(text) { - const appStore = getAppStore() - - return Get(`/yyfw/api/accident/hospitals?keyword=${text}&sfFlag=${appStore.sfFlag}`) -} -// 根据录入的意外类型获取意外原因（点击意外原因调用） -export function getAccidentReasons(remark) { - if (remark) { - return Get(`/yyfw/api/accident/accidentReasons?remark=${remark}`) - } else { - return Get(`/yyfw/api/accident/accidentReasons`) - } -} - -// 校验事故日期 -export function checkDate(data) { - return Post(`/yyfw/api/accident/checkDate`, data) -} -// 离开项目埋点 -export function leaveProject() { - const appStore = getAppStore() - return Post(`/yyfw/api/interactive-sessions/${appStore.sessionId}/exit`, {}) -} -// 获取服务器时钟 -export function getServerTime() { - return Get(`/yyfw/api/interactive-sessions/server-time`, {}) -} -// 上报网络耗时监控数据 -export function reportNetworkMetrics(data) { - return Post(`/yyfw/api/interactive-sessions/network-metrics`, data) -} -// 查询协议 -export function queryProtocol() { - return Get(`/yyfw/api/authprotocol/query`, {}) -} diff --git a/src/utils/bus.js b/src/utils/bus.js new file mode 100644 index 0000000..27486cf --- /dev/null +++ b/src/utils/bus.js @@ -0,0 +1,74 @@ +// Vue 3 兼容事件总线（替代 Vue 2 的 new Vue() Event Bus） +// 用法保持不变：Bus.$on / Bus.$off / Bus.$emit / Bus.$once + +const eventMap = new Map() + +function getHandlers(type) { + let handlers = eventMap.get(type) + if (!handlers) { + handlers = [] + eventMap.set(type, handlers) + } + return handlers +} + +const bus = { + $on(type, handler) { + if (!type || typeof handler !== 'function') return this + getHandlers(type).push(handler) + return this + }, + + $once(type, handler) { + if (!type || typeof handler !== 'function') return this + const onceHandler = (...args) => { + bus.$off(type, onceHandler) + handler(...args) + } + onceHandler.__original = handler + getHandlers(type).push(onceHandler) + return this + }, + + $off(type, handler) { + // Bus.$off() 清空全部 + if (type == null) { + eventMap.clear() + return this + } + + const handlers = eventMap.get(type) + if (!handlers) return this + + // Bus.$off(type) 移除该事件全部监听 + if (!handler) { + eventMap.delete(type) + return this + } + + for (let i = handlers.length - 1; i >= 0; i--) { + const fn = handlers[i] + if (fn === handler || fn.__original === handler) { + handlers.splice(i, 1) + } + } + if (!handlers.length) eventMap.delete(type) + return this + }, + + $emit(type, ...args) { + const handlers = eventMap.get(type) + if (!handlers || !handlers.length) return this + // 拷贝后执行，避免回调里 $off 影响本次遍历 + ;[...handlers].forEach((fn) => { + try { + fn(...args) + } catch (error) { + console.error(`[bus] event "${type}" handler error:`, error) + } + }) + return this + }, +} + +export default bus diff --git a/src/utils/filters.js b/src/utils/filters.js index f5a269f..11bdb82 100644 --- a/src/utils/filters.js +++ b/src/utils/filters.js @@ -6,61 +6,62 @@ * 例子： * (new Date()).Format("yyyy-MM-dd hh:mm:ss.S") ==> 2006-07-02 08:09:04.423 * (new Date()).Format("yyyy-M-d h:m:s.S") ==> 2006-7-2 8:9:4.18 - * item.timestamp | FormatDate('yyyy-MM-dd hh:mm:ss') + * FormatDate(item.timestamp, 'yyyy-MM-dd hh:mm:ss') * //author: guhaibin */ -const _filters = {} -_filters.FormatDate = function (_date, fmt) { - if (!_date) { - return ''; - } +export function FormatDate(_date, fmt) { + if (!_date) { + return '' + } - if (typeof (fmt) === "undefined") { - fmt = "yyyy-MM-dd HH:mm:ss"; - } + if (typeof fmt === 'undefined') { + fmt = 'yyyy-MM-dd HH:mm:ss' + } - var date = new Date(_date); - var o = { - "M+": date.getMonth() + 1, //月份 - "d+": date.getDate(), //日 - "h+": date.getHours(), //小时 - "m+": date.getMinutes(), //分 - "s+": date.getSeconds(), //秒 - "q+": Math.floor((date.getMonth() + 3) / 3), //季度 - "S": date.getMilliseconds() //毫秒 - }; - if (/(y+)/.test(fmt)) - fmt = fmt.replace(RegExp.$1, (date.getFullYear() + "").substr(4 - RegExp.$1.length)); - for (var k in o) - if (new RegExp("(" + k + ")").test(fmt)) - fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length))); - return fmt; + var date = new Date(_date) + var o = { + 'M+': date.getMonth() + 1, //月份 + 'd+': date.getDate(), //日 + 'h+': date.getHours(), //小时 + 'm+': date.getMinutes(), //分 + 's+': date.getSeconds(), //秒 + 'q+': Math.floor((date.getMonth() + 3) / 3), //季度 + S: date.getMilliseconds(), //毫秒 + } + if (/(y+)/.test(fmt)) + fmt = fmt.replace(RegExp.$1, (date.getFullYear() + '').substr(4 - RegExp.$1.length)) + for (var k in o) + if (new RegExp('(' + k + ')').test(fmt)) + fmt = fmt.replace( + RegExp.$1, + RegExp.$1.length == 1 ? o[k] : ('00' + o[k]).substr(('' + o[k]).length), + ) + return fmt } //时间格式化 Date.prototype.format = function (fmt) { - var o = { - "M+": this.getMonth() + 1, //月份 - "d+": this.getDate(), //日 - "h+": this.getHours(), //小时 - "m+": this.getMinutes(), //分 - "s+": this.getSeconds(), //秒 - "q+": Math.floor((this.getMonth() + 3) / 3), //季度 - "S": this.getMilliseconds() //毫秒 - }; - if (/(y+)/.test(fmt)) { - fmt = fmt.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length)); + var o = { + 'M+': this.getMonth() + 1, //月份 + 'd+': this.getDate(), //日 + 'h+': this.getHours(), //小时 + 'm+': this.getMinutes(), //分 + 's+': this.getSeconds(), //秒 + 'q+': Math.floor((this.getMonth() + 3) / 3), //季度 + S: this.getMilliseconds(), //毫秒 + } + if (/(y+)/.test(fmt)) { + fmt = fmt.replace(RegExp.$1, (this.getFullYear() + '').substr(4 - RegExp.$1.length)) + } + for (var k in o) { + if (new RegExp('(' + k + ')').test(fmt)) { + fmt = fmt.replace( + RegExp.$1, + RegExp.$1.length == 1 ? o[k] : ('00' + o[k]).substr(('' + o[k]).length), + ) } - for (var k in o) { - if (new RegExp("(" + k + ")").test(fmt)) { - fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length))); - } - } - return fmt; + } + return fmt } -export default (Vue) => { - Object.keys(_filters).forEach(key => { - Vue.filter(key, _filters[key]) - }) -} +export default FormatDate diff --git a/src/utils/http.js b/src/utils/http.js deleted file mode 100644 index aca4a27..0000000 --- a/src/utils/http.js +++ /dev/null @@ -1,556 +0,0 @@ -'use strict' - -//引入axios -import axios from 'axios' -import router from '@/router' -import pinia from '@/store' -import { useAppStore } from '@/store/app.js' - -import { showToast, showConfirmDialog } from 'vant' - -// Toast.allowMultiple(); -// Toast.setDefaultOptions({ forbidClick: true }); - -const base = { - baseUrl: 'https://ssp-sit.cpic.com.cn', - timeout: 300000, -} - -const IDEMPOTENT_REQUEST_TIMEOUT = 100000 - -/** - * 提示函数 - * 禁止点击蒙层、显示3秒后关闭 - */ -/** - * 显示提示消息 - * @param {string} msg - 提示消息内容 - */ -const toast = msg => { - showToast({ - message: msg, - duration: 4000, - forbidClick: true - }); -} - -const getAppStore = () => useAppStore(pinia) - -// 封装浏览器网络信息读取，兼容不同内核前缀实现。 -const getNetworkConnection = () => globalThis.navigator?.connection - || globalThis.navigator?.mozConnection - || globalThis.navigator?.webkitConnection; - -// 与 SSE 侧统一弱网判断逻辑。 -// 带幂等键的关键请求在断网/弱网下直接判定失败，避免用户长时间等待后才发现发送失败。 -const isPoorNetworkEnvironment = () => { - if (globalThis.navigator?.onLine === false) { - return true; - } - - const connection = getNetworkConnection(); - if (!connection) { - return false; - } - - const effectiveType = connection.effectiveType || ''; - const saveData = Boolean(connection.saveData); - const rtt = Number(connection.rtt || 0); - const downlink = Number(connection.downlink || 0); - - return saveData - || effectiveType === 'slow-2g' - || effectiveType === '2g' - || rtt >= 800 - || (downlink > 0 && downlink < 0.5); -} - -// 只有当前 store 中仍然持有本次请求的幂等键时才刷新， -// 避免并发请求把后续已经替换的新 key 又覆盖掉。 -const tryRefreshIdempotentKey = (requestIdempotentKey) => { - const appStore = getAppStore(); - if (appStore.getIdempotentKey() === requestIdempotentKey) { - appStore.refreshIdempotentKey(); - } -} - -// 发送成功后回写聊天消息状态，主要用于把之前失败过的同一条消息恢复为成功态。 -const markIdempotentMessageSuccess = (requestIdempotentKey) => { - if (!requestIdempotentKey) { - return; - } - const appStore = getAppStore(); - appStore.updateChatMessageSendStatus(requestIdempotentKey, true); -} - -// 发送失败时除了标记失败，还把原始请求参数挂回消息， -// 方便后续 UI 展示“失败重试”并直接复用这份请求体。 -const markIdempotentMessageFailed = (requestIdempotentKey, requestParams) => { - if (!requestIdempotentKey) { - return; - } - const appStore = getAppStore(); - appStore.updateChatMessageSendStatus(requestIdempotentKey, false, requestParams); -} - -// axios 响应拦截器里有的分支会直接 reject(response)， -// 这里统一兼容原生 error.response 和“直接被 reject 的 response 对象”两种形态。 -const getRejectedResponse = (error) => { - if (error?.response) { - return error.response; - } - - if (typeof error?.status === 'number' || error?.statusText || error?.data) { - return error; - } - - return null; -} - -// 项目里大部分接口通过 msg/code 表示业务结果。 -// 这里只在明确识别出失败时返回 false，避免误伤没有统一字段的响应结构。 -const isBusinessSuccessResponse = (data) => { - if (!data || typeof data !== 'object') { - return true; - } - - if (Object.prototype.hasOwnProperty.call(data, 'msg')) { - return data.msg === 'success'; - } - - if (Object.prototype.hasOwnProperty.call(data, 'code')) { - return data.code === 0 || data.code === 200; - } - - return true; -} - -// 仅对带幂等键的关键请求启用增强逻辑： -// 1. 断网/弱网直接失败； -// 2. 单次请求超时时间固定为 10 秒； -// 3. 请求成功后刷新下一次要用的幂等键； -// 4. 超时、HTTP 错误、业务失败都回写 chatArr 中对应消息的失败状态。 -/** - * 发送带幂等保障的 POST 请求，在弱网环境下直接标记失败，请求成功或业务失败时自动更新幂等消息状态 - * @param {string} url - 请求地址 - * @param {Object} params - 请求参数，需包含 idempotentKey 字段用于幂等标识 - * @param {string} params.idempotentKey - 幂等请求的唯一标识键 - * @returns {Promise} 返回 axios 响应对象；弱网环境下直接返回 rejected Promise - * @throws {Error} 弱网环境时抛出"当前网络环境较差，请稍后重试"错误；请求超时或服务端拒绝时抛出对应错误 - */ -function postWithIdempotentRequest(url, params) { - const requestIdempotentKey = params?.idempotentKey; - console.log('当前请求带幂等键--------->', url , params) - - if (isPoorNetworkEnvironment() && import.meta.env.VITE_ENABLE_TEST !== 'true') { - console.warn('当前处于断网或弱网环境，幂等请求直接标记为失败', requestIdempotentKey); - markIdempotentMessageFailed(requestIdempotentKey, params); - return Promise.reject(new Error('当前网络环境较差，请稍后重试')); - } - - // 这里用“拿到响应结果”来近似判定本次请求已经成功发出， - // 并在成功后把之前可能失败过的同一条消息恢复为成功态。 - const markRequestSent = () => { - markIdempotentMessageSuccess(requestIdempotentKey); - tryRefreshIdempotentKey(requestIdempotentKey); - } - - return axios.post(url, params, { - timeout: IDEMPOTENT_REQUEST_TIMEOUT, - _skipNetworkErrorToast: true - }).then(res => { - if (!isBusinessSuccessResponse(res?.data)) { - markIdempotentMessageFailed(requestIdempotentKey, params); - return res; - } - markRequestSent(); - return res; - }).catch(error => { - const rejectedResponse = getRejectedResponse(error); - - if (error?.code === 'ECONNABORTED' || error?.message?.includes('timeout')) { - console.error('Post 请求超时，标记消息发送失败', requestIdempotentKey); - markIdempotentMessageFailed(requestIdempotentKey, params); - } - - if (rejectedResponse) { - markIdempotentMessageFailed(requestIdempotentKey, params); - } - - return Promise.reject(error); - }); -} - -/** - * 跳转登录页 - * 携带当前页面路由，以期在登录页面完成登录后返回当前页面 - */ -const toLogin = () => { - router.replace({ - path: '/liics/login', - query: { - redirect: router.currentRoute.fullPath - } - }); -} - -/** - * 请求失败后的错误统一处理 - * @param {Number} status 请求失败的状态码 - */ -const errorHandle = (status, msg) => { - // 状态码判断 - switch (status) { - //未登录状态，跳转登录页 跳转登录 - case 401: - // toLogin(); - // 清除token - toast('【401】当前会话超时,请刷新页面'); - // store.commit('del_token'); - sessionStorage.removeItem('token'); - break; - // 403 token过期 - // 清除token并跳转登录页 - case 403: - toast('【403】当前会话超时,请刷新页面'); - // 清除token - // store.commit('del_token'); - sessionStorage.removeItem('token'); - setTimeout(() => { - // toLogin(); - }, 1000); - break; - // 404请求不存在 - case 404: - toast('哎呦~404了~休息一下'); - break; - case 408: - toast('请求超时'); - break; - case 500: - toast('当前网络不给力，请检查你的网络设置'); - break; - case 503: - toast('当前服务器不可用，请稍后重试'); - break; - // 其他错误，直接抛出错误提示 - default: - toast(`连接错误${msg}`); - } -} - -// 请求超时时间 -axios.defaults.timeout = base.timeout - -//设置默认请求头 -// axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded;charset=UTF-8'; -axios.defaults.headers.post['Content-Type'] = 'application/json' - -// 请求拦截器 -axios.interceptors.request.use( - config => { - // 每次发送请求之前判断是否存在token，如果存在，则统一在http请求的header都加上token，不用每次请求都手动添加了 - // 即使本地存在token，也有可能token是过期的，所以在响应拦截器中要对返回状态进行判断 - const token = sessionStorage.getItem('token'); - if (token) { - config.headers.Authorization = `Bearer ${token}`; - } - return config; - }, - error => { - return Promise.reject(error); - }) - - -// 响应拦截器 -axios.interceptors.response.use( - // 请求成功 - (res) => { - if (res.data.code === 10001) { - // store.commit('del_token'); - sessionStorage.removeItem("token"); // 删除已经失效或过期的token（不删除也可以，因为登录后覆盖） - - - - showConfirmDialog({ - title: '提示', - message: '当前会话已结束，请刷新页面或关闭页面重新进入', - confirmButtonText: '取消', - cancelButtonText: '确认', - confirmButtonColor: '#000000', - cancelButtonColor: '#000000' - }).then(() => { - - }).catch(() => { - - }); - - return Promise.resolve(res); - } - - res.status === 200 ? Promise.resolve(res) : Promise.reject(res); - - return res - }, - // 服务器状态码不是200的情况 - // 请求失败 - async error => { - const { - response - } = error; - if (response) { - //过滤排队接口弹窗问题 - if (response.config.url.indexOf('HumanChat/queueNumbers') != -1 || response.config.url.indexOf('HumanChat/msgCallBack') != -1) { - return Promise.reject(response); - } - - if (response.data.code === 10001) { - // store.commit('del_token'); - sessionStorage.removeItem("token"); // 删除已经失效或过期的token（不删除也可以，因为登录后覆盖） - - - - showConfirmDialog({ - title: '提示', - message: '当前会话已结束，请刷新页面或关闭页面重新进入', - confirmButtonText: '取消', - cancelButtonText: '确认', - confirmButtonColor: '#000000', - cancelButtonColor: '#000000' - }).then(() => { - - }).catch(() => { - - }); - - return Promise.reject(response); - } - - // 请求已发出，但是不在2xx的范围 - errorHandle(response.status, response.statusText); - return Promise.reject(response); - } else { - if (error?.config?._skipNetworkErrorToast || error?.code === 'ERR_CANCELED') { - return Promise.reject(error); - } - // 处理断网的情况 - // eg:请求超时或断网时，更新state的network状态 - // network状态在app.vue中控制着一个全局的断网提示组件的显示隐藏 - // 关于断网组件中的刷新重新获取数据，会在断网组件中说明 - // store.commit('changeNetwork', false); - if (error?.message?.includes('timeout')) { // 判断请求异常信息中是否含有超时timeout字符串 - toast('请求超时，稍后重试！'); - return Promise.reject(error); - } - - toast('当前网络不给力，请检查你的网络设置'); - return Promise.reject(error); - } - }); - -/** - * get方法，对应get请求 - * @param {String} url [请求的url地址] - * @param {Object} params [请求时携带的参数] - */ -export function Get(url, params) { - return new Promise((resolve, reject) => { - url = base.baseUrl + url; - - axios.get(url, { params }) - .then(res => { - resolve(res.data); - }) - .catch(err => { - reject(err.status) - }) - }); -} - -/** - * post方法，对应post请求 - * @param {String} url [请求的url地址] - * @param {Object} params [请求时携带的参数] - */ -export function Post(url, params) { - return new Promise((resolve, reject) => { - url = base.baseUrl + url; - console.log('url', url,base); - const request = params?.idempotentKey - ? postWithIdempotentRequest(url, params) - : axios.post(url, params); - - request - .then(res => { - resolve(res.data); - }) - .catch(err => { - reject(err?.status || err) - }) - }); -} - -/** - * post方法，对应post请求 上传图片专用 - * @param {String} url [请求的url地址] - * @param {Object} params [请求时携带的参数] - */ -export function upLoadImgHttp(url, params) { - return new Promise((resolve, reject) => { - url = base.baseUrl + url; - const instance = axios.create({ - withCredentials: true, - }) - - instance.post(url, params, { - headers: { - 'Content-Type': 'multipart/form-data', - // token: store.state.token - } - }) - .then(res => { - resolve(res.data); - }) - .catch(err => { - reject(err.status) - }) - }); -} - -/** - * 获取图片数据（支持base64格式） - * @param {String} url [请求的url地址] - * @param {Object} params [请求时携带的参数] - * @param {Object} options [额外配置选项] - */ -export function fetchImageData(url, params, options = {}) { - return new Promise((resolve, reject) => { - url = base.baseUrl + url; - - const { - timeout = 10000 - } = options; - - const instance = axios.create({ - timeout, - withCredentials: true, - }); - - instance.post(url, params, { - headers: { - 'Content-Type': 'application/json', - // token: store.state.token - } - }) - .then(res => { - // 检查响应格式 - if (res.data.code !== 0) { - reject(new Error(res.data.msg || 'Request failed')); - return; - } - - const imageData = res.data.data; - if (!imageData || !imageData.content) { - reject(new Error('Invalid response: missing image content')); - return; - } - - // 验证文件扩展名是否为图片格式 - const validImageExts = ['png', 'jpg', 'jpeg', 'gif', 'webp', 'svg', 'bmp']; - const fileExt = imageData.fileNameExt?.toLowerCase(); - if (!validImageExts.includes(fileExt)) { - reject(new Error(`Unsupported image format: ${fileExt}`)); - return; - } - - resolve({ - fileName: imageData.fileName, - fileCrc: imageData.fileCrc, - fileNameExt: imageData.fileNameExt, - content: imageData.content, - // 构建完整的data URL - dataUrl: `data:image/${fileExt};base64,${imageData.content}` - }); - }) - .catch(err => { - reject(err); - }); - }); -} - -/** - * 获取图片文件流（保持向后兼容） - * @deprecated 使用 fetchImageData 替代 - */ -export function fetchImageStream(url, params, options = {}) { - return fetchImageData(url, params, options).then(imageData => { - // 将base64转换为blob以保持兼容性 - return base64ToBlob(imageData.content, `image/${imageData.fileNameExt}`); - }); -} - -/** - * 将base64字符串转换为Blob对象 - * @param {String} base64Data - base64编码的数据（不包含前缀） - * @param {String} contentType - MIME类型 - * @returns {Blob} Blob对象 - */ -export function base64ToBlob(base64Data, contentType = 'image/png') { - try { - // 解码base64数据 - const byteCharacters = atob(base64Data); - const byteNumbers = new Array(byteCharacters.length); - - for (let i = 0; i < byteCharacters.length; i++) { - byteNumbers[i] = byteCharacters.charCodeAt(i); - } - - const byteArray = new Uint8Array(byteNumbers); - return new Blob([byteArray], { type: contentType }); - } catch (error) { - throw new Error(`Failed to convert base64 to blob: ${error.message}`); - } -} - -/** - * 通用文件下载方法 - * @param {String} url [请求的url地址] - * @param {Object} params [请求时携带的参数] - * @param {Object} options [配置选项] - */ -export function downloadFile(url, params, options = {}) { - return new Promise((resolve, reject) => { - url = base.baseUrl + url; - - const { - timeout = 30000, - responseType = 'blob', - method = 'POST' - } = options; - - const config = { - url, - method, - headers: { - 'Content-Type': 'application/json', - // token: store.state.token - }, - responseType, - timeout - }; - - if (method.toUpperCase() === 'POST') { - config.data = params; - } else { - config.params = params; - } - - axios(config) - .then(res => { - resolve(res.data); - }) - .catch(err => { - reject(err); - }); - }); -} diff --git a/src/utils/index.js b/src/utils/index.js index 1d25932..9ace2be 100644 --- a/src/utils/index.js +++ b/src/utils/index.js @@ -374,7 +374,7 @@ export function getHost() { export function Encrypt(Okey, Oiv, payload) { const key = CryptoJS.enc.Utf8.parse(Okey); const iv = CryptoJS.enc.Utf8.parse(Oiv); - let srcs = srcs = CryptoJS.enc.Utf8.parse(payload) + let srcs = CryptoJS.enc.Utf8.parse(payload) const encrypted = CryptoJS.AES.encrypt(srcs, key, { iv, mode: CryptoJS.mode.CBC, padding: CryptoJS.pad.Pkcs7 }) const base64str = CryptoJS.enc.Base64.stringify(encrypted.ciphertext) // return encrypted.ciphertext.toString().toUpperCase();