代码提交

src/assets/images/chat/send-active.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="35.3623046875" height="35.00732421875" viewBox="0 0 35.3623046875 35.00732421875"><defs><linearGradient x1="0.7857142686843872" y1="0.8571428656578064" x2="0.3035714328289032" y2="0" id="master_svg0_cu3_01572"><stop offset="0%" stop-color="#025CEA" stop-opacity="1"/><stop offset="100%" stop-color="#58A9FF" stop-opacity="1"/></linearGradient><filter id="master_svg1_796_23076/190_49352" filterUnits="objectBoundingBox" color-interpolation-filters="sRGB" x="-1.1428571428571428" y="-0.9230769230769231" width="3.2857142857142856" height="3.4615384615384617"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy="4" dx="0"/><feGaussianBlur stdDeviation="4"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0.24206344783306122 0 0 0 0 0.726190447807312 0 0 0 0.30000001192092896 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/><feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/></filter><linearGradient x1="0.5714285969734192" y1="0.3795180916786194" x2="0.17481591256849782" y2="0.9736520270527523" id="master_svg2_190_49213"><stop offset="0%" stop-color="#FFFFFF" stop-opacity="1"/><stop offset="100%" stop-color="#D1E6FF" stop-opacity="1"/></linearGradient></defs><ellipse cx="17.68115234375" cy="14" rx="14" ry="14" fill="url(#master_svg0_cu3_01572)" fill-opacity="1"/><path d="M12.14364524375,17.283941C11.63409412375,18.230249999999998,12.56672564375,19.303781,13.57496814375,18.931502000000002L17.27704524375,17.564567C17.53784464375,17.46827,17.82446004375,17.46827,18.08525944375,17.564567L21.78733634375,18.931502000000002C22.79557934375,19.303781,23.72821034375,18.230249999999998,23.218659343749998,17.283941L18.70836834375,8.9076874C18.26787094375,8.0896206,17.094433343749998,8.0896206,16.65393594375,8.9076874L12.14364524375,17.283941Z" fill="url(#master_svg2_190_49213)" fill-opacity="1" filter="url(#master_svg1_796_23076/190_49352)"/></svg>

src/assets/images/chat/send-inactive.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="35.3623046875" height="35.00732421875" viewBox="0 0 35.3623046875 35.00732421875"><defs><filter id="master_svg0_796_18110/190_49340" filterUnits="objectBoundingBox" color-interpolation-filters="sRGB" x="-1.1428571428571428" y="-0.9230769230769231" width="3.2857142857142856" height="3.4615384615384617"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy="4" dx="0"/><feGaussianBlur stdDeviation="4"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0.24206344783306122 0 0 0 0 0.726190447807312 0 0 0 0.30000001192092896 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/><feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/></filter><linearGradient x1="0.5714285969734192" y1="0.3795180916786194" x2="0.17481591256849782" y2="0.9736520270527523" id="master_svg1_190_49213"><stop offset="0%" stop-color="#FFFFFF" stop-opacity="1"/><stop offset="100%" stop-color="#D1E6FF" stop-opacity="1"/></linearGradient></defs><ellipse cx="17.68115234375" cy="14" rx="14" ry="14" fill="#E0E4EE" fill-opacity="1"/><path d="M12.14364524375,17.283941C11.63409412375,18.230249999999998,12.56672564375,19.303781,13.57496814375,18.931502000000002L17.27704524375,17.564567C17.53784464375,17.46827,17.82446004375,17.46827,18.08525944375,17.564567L21.78733634375,18.931502000000002C22.79557934375,19.303781,23.72821034375,18.230249999999998,23.218659343749998,17.283941L18.70836834375,8.9076874C18.26787094375,8.0896206,17.094433343749998,8.0896206,16.65393594375,8.9076874L12.14364524375,17.283941Z" fill="url(#master_svg1_190_49213)" fill-opacity="1" filter="url(#master_svg0_796_18110/190_49340)"/></svg>

src/assets/style/chat.css

@@ -326,7 +326,6 @@ img.avatarUrl-img[lazy="loading"] {
   line-height: 20rem;
   color: #5a9cff;
   text-align: left;
-  padding-bottom: 12rem;
   position: relative;
   box-sizing: border-box;
   padding-left: 19rem;
@@ -574,18 +573,27 @@ img.avatarUrl-img[lazy="loading"] {
 
 .help-button-box {
   position: relative;
+  width: calc(100% - 8rem);
+  margin: 0 auto;
+  padding: 10rem 0;
+  border-top: 1px solid #EBEDF0;
 }
 
+.noPadding .help-button-box {
+  width: calc(100% - 32rem);
+
+}
 .help-button-item {
-  width: 50%;
+  width: 32rem;
+  height: 32rem;
+  background: #e1eafc;
+  border-radius: 8rem;
   text-align: center;
   font-family: NotoSansHans-Regular;
   font-size: 13rem;
   color: #5a9cff;
-  padding: 10rem 0 10rem 0;
   line-height: 20rem;
   vertical-align: middle;
-  background-color: transparent;
   outline: 0;
   border: 0;
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
@@ -599,6 +607,7 @@ img.avatarUrl-img[lazy="loading"] {
   position: relative;
   height: 100%;
   overflow: hidden;
+  margin-right: 8rem;
 }
 
 .help-button-item:first-child::before {
@@ -620,12 +629,11 @@ img.avatarUrl-img[lazy="loading"] {
   width: 16rem;
   height: 16rem;
   vertical-align: middle;
-  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+pTmQaIaxkypAdGOAyQdPkLKFkA8ONMcK6UGqKremiKj0G1NS53SK8cpG6GtoXcpCuKahUuyUdqXEPq9XBqT9UZRlAX2j0LtaHyFrOdEU/2O5tNKW+x4dII3R7lDr80xMnq1L/YevWMiZu8D4cRYB3jl5xVSj0WhDNBuJsjd1UudoiFV2SS+SQYAvOc433lVLiLupDr1aHWAvJ9Ibk7G17rTOxyA2uUPRjwR0WLHGsYKogfwsPU+Lq3k5gTTtdQjyKxHiDif6e/Kn8n4071oH1Xm9x8sFOTSy3jv82VM6Hi3B/ZljcMwOLpW24bBdQrKMM9C9hxTO0vyJzHr5sKVLJ2azjMDqoGhhyj82pTHNPm7T3dCps3MDfEW4eHecfz9sz4YboPzTlrG41Noq9lwNAdqh0tp6TZM/e9DDSO0pW8q37rbp2Kzs/YQsMxJUJTC93MPrbbum8YdKtH2FZOnxZZOjYsrLH13Ol9PSzsVImzy/HI0FaAb4JmaMMl2ri18Bsl4bn+NwhtF/rdiAK+twgzXqocFxvd3ucY1sa1S3Sv/3FJrmXx6V4/PTOMI67iLwW7b+Nj4HExhxO2VrqgSLOtvkfjk94/0XYNsFre/7juesZ0OxYRq7ktkiLcW80n3slJqBjlbp5Qe5gO52WrMw0leMdF99A9aWApSe/wCClzfbrdnx3AAAAABJRU5ErkJggg==")
+  background: url("@/assets/images/chat/help-icon.svg")
     no-repeat center;
   background-size: 100% auto;
 }
@@ -640,13 +648,13 @@ img.avatarUrl-img[lazy="loading"] {
 
 .help-button-item.active:first-child:disabled .help-button-icon,
 .historicRecords .help-button-item:first-child:disabled .help-button-icon {
-  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAYCAYAAADpnJ2CAAAAAXNSR0IArs4c6QAAA1pJREFUSA2dlj9o00EUx5vUpjYZAgo2SasdREScrBTaQUSbVRBaI+JSHNq0pnSw0tGo4CBChyJN4yY4CKLooENFRYt/FhHFQsFBWy2loKVo0iTNHz/vvPsZQv780geXd/f+fe+9u9+7OBo0RSKRwObmZrfD4XCJqFAofJyZmZmXeTgcboN1M5pkXYvy+XwKm/fxeHyx1NYhguHh4e5cLveUqccYALzhcrl82Wz2ELrHyN1GZ5PnsLsK6OVi+22yYEfnYQKWA2iF7NoYLYD50Y0jV2Dossjn4Qlk1WgHdvsxiFKdV7FY7JkxVoAod4qAQFf8fv/15eXlnyzdyAXIq3VrrI+y40+yrkWDg4P3sOnD5wTcAnSWOK5Go9EUwGsidzqdLbCktgHLHpj2ndV+cvYWKUAACpbk30SB6AzNfKXEpuqSo3gtBsToHB0dbTbGpRkauclKyrqhhXVdmkAg8Bm/3wxXJpPpNIErASqQ4gypgpTXNnE0eYzfaYce41gJ0JSx+AzrylADvBHOxq1zrAUoIFZ5dRDbrLGxUQHiYC9DDC1AdllXSfWu3sLlQrZzcdpFVjbD4ovC2W3p0kjw6elp+bwWZJ5Op1WWZQHRqzLqi2LmreJYLxFDlRWuzlEBkpHqqQRTFwOl+S7dzM0F6hkZGenaAuCi+ICxW7hqbQRNIJD1BC3pIPM+WUDyHUqbE2qit74cGhp6hP0E/fGrkvJD8z9Mgx8w6yLupgGckjVdS2WqAFnfZfQTfBf8HMNQ2uv1vlhfX19CJzvcDg/BZdcXjRFcnq9I0bp0Oufz+W6K0JSygcyOsYsgAdV7iC7J83Rramrq+9jYWGsqlRpAJ+dwkgx/0OT36I+7gVIfIPt5FdDhiMH/6HmGDD8Eg8H7oVBInqv/gLKoRWxKzniVIU/ZcZr5c/GRXkn7SrIhuRMdyNW5ia6UxMA2EShJdg/EAX7WOFKFNGBLWr7PyMvxugB1gDvCAegvfgXYwBet36t5WVY3YG9v7yzBpaxeyiiPqyF1bmyk6v8e69IYLzucs7yB3QXGN8DDcLndccCa4Uco/Ry8LJnPoqyyktDj8VxLJBJn0HcA8sTYAf6Qf3oVwcSu7pKK0+Tk5C8+mS4AbjOWGAuMS8hOi74a/QXFGlv7MZ7ZJwAAAABJRU5ErkJggg==")
+  background: url("@/assets/images/chat/help-icon.svg")
     no-repeat center;
   background-size: 100% auto;
 }
 
 .help-button-item:nth-child(2) .help-button-icon {
-  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAYCAYAAADpnJ2CAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3FpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDozODdmODY4My05MzI0LWI1NGQtYjQ3ZS0zMjM4MzU1OTdlZDkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NkU5NTlBQUQwQUE3MTFFQTkzNkRCMjI3Q0I5OTAwMDYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NkU5NTlBQUMwQUE3MTFFQTkzNkRCMjI3Q0I5OTAwMDYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjM4N2Y4NjgzLTkzMjQtYjU0ZC1iNDdlLTMyMzgzNTU5N2VkOSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozODdmODY4My05MzI0LWI1NGQtYjQ3ZS0zMjM4MzU1OTdlZDkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7STMo3AAADVklEQVR42qxWTUhUURT+7hszGyvRol9sEYmLqKBNFhL9uahNSWWgZjqGRNGuRbUoo0UEUYtyVZP9OAZTRGSEqyAIFMQhWrhIWpRaJBWFNjPOOO/0vTf3Tc6oozPMXbx73rv3nO+c75xz71MiAqUUMh0er6wJA9co7qZ2EAqdJatw/fYBNTGbjoWVhyxGs19KQmPog2CNbSj+uPLrK7ZSOpRO18gGMDyGixYYiflsuLDfUDjBzxMEPtjglcqcAvr94uJ03H5RONfRpLo7mtUj0tptfYoBW3IK+PIvqpiKFRT/MGddiQWFxTazCtGcAkoMdbaiwrOUAtlg45r4lDPAli5xM5JqSzYBn/P97GtZyJyWWrIrH4PpbCSqtNYruznto+f5diQmS70Ad331avhkp6wMBtE4PooKGi5ksYyUefAWzXHd3z+wXrTzsSgu1N+XcdspQYT73x9aiuc1NSqWAKy7L0cI8FRv+p+WCSxnv50PhtgCYAR6jYBPWhXJc2iOoux/r+GUSHJUL8bwrtUveylG4hEKjmlDo6TsFcEP87WIlbcwamAXS69Ur4etuslTaJtq0HRhBJO4k0qfMuCm7aN0oPLjOM7w0y2H0sJ4oeF6h0fdrPNKmJtO09GgaWKZXouStJ2+JtWXarizUfVz6p8pZ/VeGaKdy0z6dgvQ0DTow4J5i78rXeJBJfQyjtgzE9hcg7yv0/pDs1Yp0dya6pBomU58R3Zju7bVO3tbKCzSi0FDy0pHn8mo9Ukxp3JbvwA96frQ7VDsREjEUKaAKmy3kXUXDVvtNSugA8KdwangGZ9Kmk7OPWlPGqdQ2GkhkSTwrPLHtPSmP9p03uwqdaKVzChtFSEOtmmQ9BE6lJrKvskXZUPp4ANsJDtLqB8pWo1AEiDpUjO1hTGlaBjtqowKRrBDz4Gpt4qRQuWKxnYpYDjF9iJzmGh8Ey117bJp3g0vqNI2e6ffFoKfurkvRQUtSZTyotWHdjHvwkDtPRmgkb9powNKaKtcF0zXdEAX2liR1dxUSNtrnb7jLffNiOAGvd2jnbD2b4bM2Q6WvnUdXX3sUW+Sqda/ifZvn4EKVyx+H5oGPvg8asCSGx7KWnMSFaR3wTz7L2zkI/CoQX1J/U38J8AAX3xEwqPSAuYAAAAASUVORK5CYII=")
+  background: url("@/assets/images/chat/noHelp-icon.svg")
     no-repeat center;
   background-size: 100% auto;
 }
@@ -654,7 +662,7 @@ img.avatarUrl-img[lazy="loading"] {
 /* 已点赞 */
 .help-button-item.active:nth-child(2):disabled .help-button-icon,
 .historicRecords .help-button-item:nth-child(2):disabled .help-button-icon {
-  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAYCAYAAADpnJ2CAAAAAXNSR0IArs4c6QAAA0NJREFUSA2llk1oU0EQx5MYo7ZKsEiViF4UvPgBHqRKEavpwYta1HoQ0VP6YUspiKgHrXiQoughmn54E0SoIvhx6KWCIFQoFhHsRTyokSaCh4Bp0oQ0/mbdDUv7+pqnA5uZna//7Oy89+L3/SN1dXVFisXiTcKbyuVy1u/3Pw6FQv3xeHzWLWXQzbiYrbe3ty6bzU5gjxgfQK8XCoXd7I8ZnRMPOCmX0gF2BR8B+8rJDrPOsmYBPRqLxRrd4j0DjoyMLCP5GUkKvzA0NDTKesh2VAPt0tyReQYcGxtr5iT1ZMtwZy+trKtFpoiipVsgegYkw2nJQuKn9oBQxFad/YvmjswTIPdTQ+IWyQR/ZDJ2d3evoIBNWv/Z6J14ZUpJ1hQIBKIkCmnHGVr2gFMke3p61ufz+XPYGrDVspKRSOSNSch0bsGmigf4cltb22+xIRfm5uY+RKPRZ62trSWlkx8cThDwRGSbCEiEw+FLmUzmE3Z1ArGjv8WgXDS+HR0dR0ql0nOzd+BvKfBQX19fwZzwlDiR6CeJXyEeZ4WRQ4AdsMDy+LyQQsTfoh/I96y9EWsQTrIaU6nUefhdBUhCaZNQ//Dw8B1OnEfXSeIcunXK4vMVg8Hg/kQiMaH3FTYwMPCejawF1N7e/p22XiOfXIfP9L2sPWeEY/Rb+1UiAz7uBKb9FmXk2qyNSeGLTam0QkgKUDKBaaXx+EPcXh0yLrxqQHzV6XVwVYxhWovjNnFm4t8JdwSkfaqNVJdjmZbKfXoluTe5nqQ8XhLsCIhetRHgSkvReT4hw7JPQCDVThFcAbH/FyDx6v54obgD0kanofHUUh7yAHn2yKng6v5Edj0hlQmIDS4xVVE6nd6O4xpWgYGZNEEKkArMc6f0ZmjsO0TeYIKq4eRU7SRu0v6qzD9hPa1YibOMs9CMAUfm/R7bobRV/DAwzdqt0k7Zq1cbSX8BIr2+Oj09HUNvT2lGHKUIqRbQKXhWdC5Uh796/vC1P9J/Abmr+7ztW0hQi+NGSYRjDn2KdRvbQVTyLZQCd8LFZSmSz9GNwcHB17Zj5e70374GgNT3kKQf+QRNiTMvYClCHuLlsl+KaGcen0k+BN/m+/4BvcdZUT0G15cAAAAASUVORK5CYII=")
+  background: url("@/assets/images/chat/noHelp-icon.svg")
     no-repeat center;
   background-size: 100% auto;
 }
@@ -776,9 +784,9 @@ img.avatarUrl-img[lazy="loading"] {
   border-top-right-radius: 16rem;
   border-bottom-right-radius: 16rem;
   border-bottom-left-radius: 0;
-  -webkit-border-radius: 16rem 16rem 0;
-  -moz-border-radius: 16rem 16rem 0;
-  border-radius: 16rem 16rem 0;
+  -webkit-border-radius: 12rem 12rem 0;
+  -moz-border-radius: 12rem 12rem 0;
+  border-radius: 12rem 12rem 0;
   -webkit-appearance: none;
   box-sizing: border-box;
   background-clip: padding-box;
@@ -946,7 +954,7 @@ img.avatarUrl-img[lazy="loading"] {
 }
 
 .elder-wrapper .chat-txt-content {
-  background: #025cea;
+  background: linear-gradient(103deg, #055cea 0%, #137dff 99%);
   border-top-right-radius: 0;
   border-bottom-right-radius: 16rem;
 }
@@ -987,7 +995,7 @@ img.avatarUrl-img[lazy="loading"] {
   font-family: PingFangSC-Medium;
   font-size: 14rem;
   color: #025cea;
-  padding-left: 26rem;
+  padding-left: 0;
   line-height: unset;
 }
 
@@ -1046,25 +1054,27 @@ img.avatarUrl-img[lazy="loading"] {
   font-family: PingFangSC-Medium;
   font-size: 13rem;
   color: #2c3562;
-  line-height: 24rem;
+  width: 32rem;
+  height: 32rem;
 }
 
 .elder-wrapper .help-button-icon {
   width: 20rem;
   height: 20rem;
   vertical-align: middle;
-  margin-right: 7rem;
   margin-top: -3rem;
 }
 
 .elder-wrapper .help-button-item:first-child .help-button-icon {
-  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAllBMVEUAAAAuN2IuN2QuNmQtNmMsNWIsNWMsNWIsNWMsNWMsNWIsNmMsNWMtNmMtN2QtN2M0OWZFTHUsNWMsNmIsNmItN2QvOmU2P2ssNWIsNWMsNWItNWMsNWIsNWMuNmQuNmQvOWQxOmYsNWMtNmMtNWIsNmItNmMsNWMtNmMtN2ItNmMtNmMvOGUxN2UuNWQtNWIxNmcsNWJijzalAAAAMXRSTlMAjFRjtMXE1Prc78+plkpFEwbiw75QIQv02My5rnRBPDQcm3tls6KQjoNuZzgpaVsvdAHS7QAAAXNJREFUSMft09tugkAQgOERD4iCAhXwACqCZ2077/9yZSYNzQIl7Fy1if+NF+OXJdlZePVH2uXXfOeJ6GONlBVIjh3jd1dt61lYttXFH/iTqYs3pHzHZJ3qWW9JKICIfx96eEZmHAHw0XM9fCIzABF2+Wv7MuzwV7sivOUFsYGx5kU/J3xwCEUrvuhhWZztWm3AFntQYjUnqpEoiaeU5SNnRkBZWG9RtaGJSn4KjZgLauuoNPmEFnxS7V6drsJy1Qw1vsSRit9V3IffutN4A0o9LIpnRet2fKHxoQHz5Qza8ZHGiRDzvQdCzIv7lOEUKU+Gt7xAIMM5r6cQ8/8OQmzTNBNiXiFDiPmp72XYRcqV4T0/V5Bhg4ZTIc5oaAvxgf8mxAsa3oXYp+Fchj1+kKEMhzQbezI8p5kF1S6dsF0+yPrJR6OIV98xmmKL5xq+YdeWacPSdi2BenFHe4aG3E0XOrlBc4azeKNGlYZlduLCq//ZF6PolEBpk079AAAAAElFTkSuQmCC")
+  background: url("@/assets/images/chat/help-icon.svg")
     no-repeat center;
   background-size: 100% auto;
 }
 
 .elder-wrapper .help-button-item:not(.active):disabled {
   color: #2c3562 !important;
+  opacity: .3;
+  cursor: not-allowed;
 }
 
 .elder-wrapper .help-button-item.active:disabled {
@@ -1073,20 +1083,20 @@ img.avatarUrl-img[lazy="loading"] {
 
 .elder-wrapper .help-button-item.active:first-child:disabled .help-button-icon,
 .elder-wrapper .historicRecords .help-button-item:first-child:disabled .help-button-icon {
-  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAllBMVEUAAAADXeoEXesCXOsEXe3///8CXesDXewEXu0CXOsDXesDXer///////8FX+wocP8CXeoDXOsDXesDXewCXesJYu8YYf8CXOvB1/oDXOsDXesEXOwCXewDXev///8IYvAOY/FlnPMCXOt1pvQCXesDXeuGsfYDXev////j7f8CXOz///8GYe3///8CXOr///9km/K0z/gj+LLpAAAALnRSTlMAxYzQRLR1UDzyvbehXTUG3quXgWYaCvjvr56Qblk/IBL849rUy76kcW9pYyok0TDh+QAAAQJJREFUSMft1teOwjAQhWGHsHbKbnpCWdr2ygDv/3I4EgKMkcj4CIkL/lvrk8eSL0bcu5GCqqyC1IkmH9SWKZdrB7SrZNs0o319Lp7SIZ+LYzqqZk49OMYBDytNHB49e9Itx274YaX7CQH8SQB+QfDaxO/evlEZMLBd0ViokSO/bXgRU3Rq5/7uZHMZk7K+IwN/mTYhDvZM/MvCsYl7LFwgWCJYIfgfwQ2AXwWAIwSPESwRPEVwguAFgEMBYB/BOYJ7CK4Q3EfwHMEpgDMB4AjBzxaedMZhbeGkM5bCLjcxY2jdIu6Cw4k4nyoiTzds8Zt3rlzWXdaKP+HW96NuJu5doy0A3yMcnbngKAAAAABJRU5ErkJggg==")
+  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 {
-  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAkFBMVEUAAAAuN2I0OWdGRnQtN2RTVn4tNmIuNmQsNWMsNWMtNmMtNWIsNWItNmMuNmMuNmQuOGQ3RGosNWMtNWMtN2MsNWMtNmQwN2YvOmQsNWMtNmMsNmMtN2MtNmMuOGQvN2UsNmIsNWItNmIsNWMuN2QxOWUsNWItNmMtNmMtNWIsNWMtNmMsNWMsNmMsNmMsNWIA+kXNAAAAL3RSTlMAjBIHawWuSfrieczFtGRAMwv075+VUSgYvYJ9YVk3LtrSt3JXIOjep56Qh9zWocXNibUAAAGdSURBVEjH7dXbcoIwEIDhFFRQlDOCCqKA9Wze/+3qxkGkcVfiTXvhf9PM7Hwz1Z0Y9umP8jQ6D5VJOOSvOkXJU+sGvEt+yuT0M++YLWODd86V8Kg7Hkv4i1876NdSOM30pv69pBA6f4q/4JQJjOxSLGSK46r51+QmMCxxPKXwAYbRm7gHw+IFthAsNrrCsUHhGIbmC7xGsM6hjToWiV05KHbgdMbwDKY2jVcY3sP0SOMThsUd2KF4CacthjOxCxoPMSymAYpdEmsc0kj8zbACGLsYzmlswbgicYDiHYwXGI5pfIRxSGIfxam4sRje0NgRXwmJTRQnHPLkj1LY10Y0Zr68K5u3w7El/4Dmv7BRD5a9dqW40Zm0v1b1gzbv8uRos/bYNHAsX/d+FU1Ea5NDfo5i02FosfXwoC1ku1oyIu+mszveDprmU4+RJUMgw36N90yl6r6vkTpmYzBhjUM1nIIJ+u9hTezLUcDS03BgbAB/I0V8u1xRwaFSEW/4QzFT7NLYiKmmbWu71plyyUVQf+6xd4qzRWlo7NP/6Ac8OJnYBObGdAAAAABJRU5ErkJggg==")
+  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 {
-  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==")
+  background: url("@/assets/images/chat/noHelp-icon.svg")
     no-repeat center;
   background-size: 100% auto;
 }

src/components/abstract.vue

@@ -3,10 +3,14 @@ import { ref, onMounted, onActivated, computed, inject } from 'vue';
 import { Post } from '@/utils/https'
 import { messageSend } from '@/utils/api'
 import { getHiddenProp, getVisibilityState, decryptByVersionNo1, isSit, Encrypt, isDev, isProd } from "@/utils";
+import orderIcon from '@/assets/images/chat/order.svg'
+import todoIcon from '@/assets/images/chat/todo.svg'
+import rightsIcon from '@/assets/images/chat/rights‌.svg'
 const store = inject('appStore', null)
 const businessHandleInfo = ref({})
 const orderCount = ref(0)
 const emit = defineEmits(['ready', 'businessClick'])
+console.log(import('@/assets/images/chat/todo.svg'), 11);
 const abstractList = computed(() => [
   {
     title: '保障状态',
@@ -16,6 +20,7 @@ const abstractList = computed(() => [
     name: '查保单',
     btnText: '查保单',
     btnBg: 'linear-gradient(90deg, #025cea 0%, #0595f6 100%)',
+    icon: orderIcon,
   },
   {
     title: '待办任务',
@@ -25,6 +30,7 @@ const abstractList = computed(() => [
     name: '去处理',
     btnText: '去处理',
     btnBg: 'linear-gradient(111deg, #ff752a 44%, #feb52d 136%)',
+    icon: todoIcon,
   },
   {
     title: '权益领取',
@@ -34,8 +40,11 @@ const abstractList = computed(() => [
     name: '去领取',
     btnText: '去领取',
     btnBg: 'linear-gradient(261deg, #2ed0c6 3%, #08b7ac 65%)',
+    icon: rightsIcon,
   },
-].filter(item => item.num > 0))
+]
+  .filter(item => item.num > 0)
+)
 const businessHandle = (userId) => {
   if (
     store.source == "95270000" ||
@@ -73,8 +82,8 @@ const getIdentityCardno = () => {
   const identityCardno = decryptByVersionNo1(versionNo, pidCipher)
   const testNo = decryptByVersionNo1(versionNo, store.userInfo?.sourceUserId)
   console.log('decrypt testNo =>', JSON.stringify(testNo))
-  
-  console.log('versionNo',versionNo)
+
+  console.log('versionNo', versionNo)
   console.log(store.userInfo?.entryOpenid)
   console.log('decrypt pid =>', JSON.stringify(identityCardno))
   return isIdentityNo(identityCardno) ? identityCardno.trim() : ''
@@ -146,21 +155,27 @@ onActivated(async () => {
         :key="index"
       >
         <div>
-          <div class="title">{{ item.title }}</div>
-          <div
-            class="content"
-            :style="{ display: (abstractList || []).length > 2 ? 'block' : 'flex' }"
-          >
-            <div class="nums">
-              <div class="num">
-                {{ item.num }}<span>{{ item.unit }}</span>
-              </div>
+          <img :src="item.icon" alt="" srcset="" v-if="(abstractList || []).length === 1" />
+          <div>
+            <div class="title">
+              <img :src="item.icon" alt="" srcset="" v-if="(abstractList || []).length > 1" />
+              <span>{{ item.title }}</span>
             </div>
             <div
-              class="text"
-              :style="{ marginTop: (abstractList || []).length > 2 ? '8rem' : '0' }"
+              class="content"
+              :style="{ display: (abstractList || []).length > 2 ? 'block' : 'flex' }"
             >
-              {{ item.text }}
+              <div class="nums">
+                <div class="num">
+                  {{ item.num }}<span>{{ item.unit }}</span>
+                </div>
+              </div>
+              <div
+                class="text"
+                :style="{ marginTop: (abstractList || []).length > 2 ? '8rem' : '0' }"
+              >
+                {{ item.text }}
+              </div>
             </div>
           </div>
         </div>
@@ -198,10 +213,12 @@ onActivated(async () => {
     /* 科个中性/正文-标题 17204D */
     /* 样式描述：用于正文标题 */
     color: #17204d;
+    margin-bottom: 4rem;
 
     img {
-      width: 20rem;
-      margin-left: 4.6rem;
+      width: 18rem;
+      margin-right: 2rem;
+      vertical-align: bottom;
     }
   }
 
@@ -226,7 +243,6 @@ onActivated(async () => {
       box-shadow: 0rem 4rem 10rem 0rem #e7effd;
 
       .title {
-        margin-left: 18rem;
         font-family: PingFang SC;
         font-size: 12rem;
         font-weight: normal;
@@ -304,8 +320,12 @@ onActivated(async () => {
       align-items: center;
 
       > div {
-        margin-left: 36rem;
-
+        display: flex;
+        img {
+          width: 28rem;
+          vertical-align: middle;
+          margin-right: 8rem;
+        }
         .title {
           font-family: PingFang SC;
           font-size: 14rem;
@@ -313,11 +333,8 @@ onActivated(async () => {
           line-height: normal;
           letter-spacing: 0rem;
           margin-left: 0;
-
-          /* 科个中性/正文-标题 17204D */
-          /* 样式描述：用于正文标题 */
           color: #17204d;
-          margin-bottom: 4rem;
+          margin-bottom: 0;
         }
 
         .content {

src/components/appraise-popup.vue

@@ -230,7 +230,7 @@ const submitForm = (type) => {
       }
       appraiseBtnDisabled()
       emit('handleAppraiseClose', false) // 关闭弹层
-      store.commit('set_chatList', res.data)
+      store.setChatList(res.data)
       scrollTopBody()
     })
     .catch((err) => {
@@ -306,7 +306,7 @@ getReasonList()
   line-height: 15rem;
   color: #5a9cff;
   text-align: center;
-  padding: 6rem 2rem;
+  padding: 2rem 2rem;
   display: inline-block;
 }
 .appraise-item-box .cells-check-label .cell-ft .icon-checked-txt {
@@ -365,7 +365,7 @@ getReasonList()
 
 .elder-wrapper .appraise-header-main-title {
   font-family: PingFangSC-Medium;
-  font-size: 22rem;
+  font-size: 18rem;
   color: #000000;
   letter-spacing: 0;
   text-align: center;
@@ -374,7 +374,7 @@ getReasonList()
 
 .elder-wrapper .appraise-header-title {
   font-family: PingFangSC-Regular;
-  font-size: 18rem;
+  font-size: 16rem;
   color: #7e849f;
   letter-spacing: 0;
   text-align: center;
@@ -384,7 +384,7 @@ getReasonList()
   padding: 0 12rem !important;
   display: flex !important;
   align-items: center;
-  height: 36rem;
+  height: 28rem;
 }
 
 .elder-wrapper .appraise-item-box label span {
@@ -392,16 +392,16 @@ getReasonList()
 }
 
 .elder-wrapper .appraise-item-box .cells-check-label {
-  height: 36rem;
+  height: 28rem;
 }
 
 .elder-wrapper .appraise-item-box .cells-check-label .cell-ft {
   background: #f7f8fa;
   font-family: PingFangSC-Regular;
-  font-size: 20rem;
+  font-size: 12rem;
   letter-spacing: 0;
   color: #2c3562;
-  border: unset;
+  border: 0.5rem solid #f7f8fa;
 }
 
 .elder-wrapper
@@ -410,7 +410,7 @@ getReasonList()
   .check-radio:checked
   + .text-checked {
   font-family: PingFangSC-Medium;
-  font-size: 20rem;
+  font-size: 12rem;
   color: #025cea;
   letter-spacing: 0;
   background: #f8f9fb;
@@ -425,7 +425,7 @@ getReasonList()
 
 .elder-wrapper .appraise-item-other textarea {
   font-family: PingFangSC-Medium;
-  font-size: 20rem;
+  font-size: 14rem;
   background: #f8f9fb;
   min-height: 82rem;
 }
@@ -440,7 +440,7 @@ getReasonList()
 .elder-wrapper .appraise-submit-btn {
   background: #025cea;
   font-family: PingFangSC-Medium;
-  font-size: 18rem;
+  font-size: 14rem;
   color: #ffffff;
 }
 

src/components/chat-new.vue

@@ -1,9 +1,8 @@
 <script setup>
 import { ref, computed, inject, watch, nextTick, onMounted, onActivated, onDeactivated } from 'vue'
 import { onBeforeRouteLeave } from 'vue-router'
-import { showToast } from 'vant'
+import { showToast, showLoadingToast, closeToast, showImagePreview } from 'vant'
 import _ from 'lodash'
-import { showImagePreview } from 'vant'
 import xss from 'xss'
 import footerBar from '@/components/footer-bar.vue'
 import hotQuestionNew from '@/components/hot-question-new.vue'
@@ -52,7 +51,60 @@ const baseHandle = ref('') // 评价弹层基础数据（含被点按钮 event
 
 function appraiseIsClose(val, param) {
   appraiseShow.value = val
-  baseHandle.value = param || ''
+  if (param) baseHandle.value = param
+
+  // 没帮助：打开弹层；弹层关闭（无 param）时不重复提交
+  if (val || !param) return
+
+  // 有帮助：父级直接提交评价并追加回复
+  const current = param.event
+  const payload = { ...param }
+  delete payload.event
+  showLoadingToast({
+    message: '加载中...',
+    duration: 0,
+    forbidClick: true,
+  })
+  store.savePaperResult(payload).catch((err) => console.log(err))
+  Post('evaluation/evaluateAnswer', {
+    ...payload,
+    reason: '',
+    reasonDesc: '',
+    userId: userId.value || store?.userId,
+  })
+    .then((res) => {
+      if (res.code && res.code != 0) {
+        showToast(res.msg)
+        if (current) current.disabled = false
+        return
+      }
+      if (current) {
+        try {
+          const settled = current.parentNode.children[1]
+          const unsettled = current.parentNode.children[0]
+          current.disabled = true
+          current.classList.add('active')
+          if (current.innerText === '有帮助') {
+            unsettled.disabled = true
+          } else if (current.innerText === '没有帮助') {
+            settled.disabled = true
+          }
+        } catch (err) {
+          console.log(err)
+        }
+      }
+      if (res?.data != null) {
+        store.setChatList(res.data)
+        scrollMainToBottom()
+      }
+    })
+    .catch((error) => {
+      if (current) current.disabled = false
+      console.log(error)
+    })
+    .finally(() => {
+      closeToast()
+    })
 }
 
 // 参考 liics/chat-main 的 tokenExist：token 获取成功后才渲染聊天主内容
@@ -65,13 +117,11 @@ const businessClick = () => {
   businessHandleRef.value.swiperClick()
   console.log('businessHandleRef');
 }
-const scrollMainToBottom = async () => {
+const scrollMainToBottom = async (duration = 300) => {
   // 返回恢复滚动中时，避免欢迎区/摘要 ready 再次强制滚到底部
   if (isRestoringScroll.value || shouldRestoreScroll.value) return
   await nextTick()
-  const el = mainContainerRef.value
-  if (!el) return
-  el.scrollTop = el.scrollHeight
+  smoothScrollMainToBottom(duration)
 }
 
 const onIntroReady = async () => {
@@ -273,7 +323,7 @@ function persistScrollTop(top, { allowZero = false } = {}) {
   savedScrollTop.value = value
   try {
     sessionStorage.setItem(CHAT_SCROLL_KEY, String(value))
-  } catch (e) {}
+  } catch (e) { }
   return value
 }
 
@@ -536,9 +586,9 @@ watch(
       <div class="historicRecords" v-if="historylist.length > 0">
         <chatContent
           :historylist="historylist"
+          :isHistory="true"
           :isWX="isWX"
           :tokenExist="tokenExist"
-          :isHistory="true"
           :lostChatInfoNum="lostChatInfoNum"
         />
       </div>
@@ -563,8 +613,11 @@ watch(
     </div>
     <bussinessHandle :businessHandleInfo="store.businessHandleInfo" ref="businessHandleRef" />
     <van-overlay :show="appraiseShow" z-index="10" class-name="appraise-popup-box" duration="0.2">
-      <appraise-popup v-if="appraiseShow" @handleAppraiseClose="appraiseIsClose"
-        :baseHandle="baseHandle"></appraise-popup>
+      <appraise-popup
+        v-if="appraiseShow"
+        @handleAppraiseClose="appraiseIsClose"
+        :baseHandle="baseHandle"
+      ></appraise-popup>
     </van-overlay>
   </div>
 </template>

src/components/footer-bar-input.vue

@@ -78,6 +78,8 @@
         <div class="input-btn-box btn-box2" style="flex-shrink: 0">
           <!-- <button class="btn-item opacity" v-if="!sendFlag" :class="addFlag ? 'add-box' : 'close-box'"
             :disabled="sendDisabled || elderAndOutwork" @click.stop="addUpload()"></button> -->
+             <button class="btn-item opacity disabled-send-box" v-if="!sendFlag"  :disabled="sendDisabled || elderAndOutwork"
+            @click.stop="clickSendMessage()"></button>
           <button class="btn-item opacity send-box" v-if="sendFlag"  :disabled="sendDisabled || elderAndOutwork"
             @click.stop="clickSendMessage()"></button>
         </div>
@@ -949,7 +951,12 @@ textarea:-ms-input-placeholder {
 }
 
 .send-box {
-  background: url('../assets/images/chat/_preview-send.png') no-repeat center;
+  background: url('data:image/png;base64,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') no-repeat center;
+  background-size: 100% 100%;
+  border: 0;
+}
+.disabled-send-box {
+  background: url('data:image/png;base64,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') no-repeat center;
   background-size: 100% 100%;
   border: 0;
 }

src/components/history-content.vue

@@ -226,7 +226,7 @@ onMounted(() => { processedEmoji() })
 }
 
 .chat-txt-content {
-  background: #025CEA;
+  background: linear-gradient(103deg, #055cea 0%, #137dff 99%);
   color: #fff;
   border-radius: 16px 16px 4px 16px;
   padding: 10px 14px;

src/components/product/index.vue

@@ -322,7 +322,7 @@ function showGraph(item) {
 
 <style lang="scss" scoped>
 .hiddenMore {
-  height: 205rem;
+  height: 158rem;
   overflow: hidden;
 }
 .unfold-box {