From a4a3a0d6457fb9318236e8e89fbcf95fed1cd5d6 Mon Sep 17 00:00:00 2001
From: zhangxiao <898441624@qq.com>
Date: 星期四, 15 八月 2024 17:33:24 +0800
Subject: [PATCH] Merge branch 'master' of http://192.168.5.5:10010/r/web/flow_web
---
src/assets/images/addbg.svg | 1
src/assets/images/add.svg | 1
src/assets/images/agentbg.svg | 1
src/views/sessionManager/components/chatMenu.vue | 129 +
src/views/sessionManager/index.vue | 1193 ++++++++--------
src/assets/images/history1.svg | 1
src/assets/images/talk.svg | 1
src/views/sessionManager/style/layout.css | 2074 +++++++++++++++++++++++++++++
src/assets/images/talkbg.svg | 1
src/assets/images/agent.svg | 1
src/assets/images/history2.svg | 1
src/assets/images/historybg.svg | 1
src/assets/images/history.svg | 1
src/views/sessionManager/index2.vue | 838 +++++++++++
14 files changed, 3,661 insertions(+), 583 deletions(-)
diff --git a/src/assets/images/add.svg b/src/assets/images/add.svg
new file mode 100644
index 0000000..d3d885f
--- /dev/null
+++ b/src/assets/images/add.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1723700302380" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5140" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M153.6 102.4a51.2 51.2 0 0 0-51.2 51.2v544a51.2 51.2 0 0 0 51.2 51.2h99.214222a51.2 51.2 0 0 1 51.2 51.2v89.969778l271.473778-135.736889c7.111111-3.555556 14.933333-5.404444 22.897778-5.432889H870.4a51.2 51.2 0 0 0 51.2-51.2V512a51.2 51.2 0 1 1 102.4 0v185.6a153.6 153.6 0 0 1-153.6 153.6h-259.896889L275.655111 1018.624a51.2 51.2 0 0 1-74.040889-45.795556v-121.628444H153.6a153.6 153.6 0 0 1-153.6-153.6V153.6A153.6 153.6 0 0 1 153.6 0h300.8a51.2 51.2 0 0 1 0 102.4H153.6zM771.214222 0a51.2 51.2 0 0 1 51.2 51.2v121.6h121.6a51.2 51.2 0 0 1 0 102.4h-121.6v121.6a51.2 51.2 0 1 1-102.4 0V275.2h-121.6a51.2 51.2 0 0 1 0-102.4h121.571556V51.2a51.2 51.2 0 0 1 51.2-51.2h0.028444z" fill="#000000" p-id="5141"></path></svg>
\ No newline at end of file
diff --git a/src/assets/images/addbg.svg b/src/assets/images/addbg.svg
new file mode 100644
index 0000000..6b3fe8c
--- /dev/null
+++ b/src/assets/images/addbg.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1723701373447" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5573" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M153.599886 102.399924a51.199962 51.199962 0 0 0-51.199962 51.199962v543.999596a51.199962 51.199962 0 0 0 51.199962 51.199962h99.213926a51.199962 51.199962 0 0 1 51.199962 51.199962v89.969933l271.473799-135.736899a51.552962 51.552962 0 0 1 22.897983-5.432996H870.399354a51.199962 51.199962 0 0 0 51.199962-51.199962V511.99962a51.199962 51.199962 0 1 1 102.399924 0v185.599862a153.599886 153.599886 0 0 1-153.599886 153.599886H610.502547l-334.847752 167.423876a51.199962 51.199962 0 0 1-74.039945-45.795966V851.199368H153.599886A153.599886 153.599886 0 0 1 0 697.599482v-543.999596A153.599886 153.599886 0 0 1 153.599886 0h300.799777a51.199962 51.199962 0 0 1 0 102.399924H153.599886zM771.213428 0a51.199962 51.199962 0 0 1 51.199962 51.199962v121.59991h121.599909a51.199962 51.199962 0 0 1 0 102.399924h-121.599909v121.59991a51.199962 51.199962 0 1 1-102.399924 0V275.199796h-121.59991a51.199962 51.199962 0 0 1 0-102.399924h121.57191V51.199962a51.199962 51.199962 0 0 1 51.199962-51.199962h0.028z" p-id="5574" fill="#707070"></path></svg>
\ No newline at end of file
diff --git a/src/assets/images/agent.svg b/src/assets/images/agent.svg
new file mode 100644
index 0000000..3801aa1
--- /dev/null
+++ b/src/assets/images/agent.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1723702163522" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="13119" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24"><path d="M897.1264 510.5152c3.9936-5.12 7.7824-10.3936 11.4688-15.5648 65.28-91.9552 81.408-176.896 45.5168-239.36-35.9424-62.464-117.6064-91.0336-229.888-80.7424-6.5024 0.5632-13.056 1.3824-19.6608 2.2016-2.56-6.144-5.2736-12.288-7.8848-18.176C649.6768 56.32 584.0384 0 511.9488 0 439.9104 0 374.3744 56.6272 327.3728 158.976c-2.7136 5.8368-5.2224 11.8784-7.8848 17.92-6.5024-0.768-13.0048-1.536-19.456-2.1504-112.128-10.496-193.9456 18.0736-229.888 80.5376-35.9936 62.464-19.8656 147.4048 45.312 239.36 3.6864 5.12 7.5776 10.3936 11.4688 15.5136-3.9936 5.12-7.7824 10.4448-11.4688 15.5648-65.28 91.9552-81.5104 176.9472-45.5168 239.36C101.0688 819.2 166.5024 847.872 256.256 847.872c13.9264 0 28.4672-0.6656 43.4688-2.048 6.5024-0.5632 13.0048-1.3824 19.6608-2.1504 2.56 6.144 5.2736 12.2368 7.8848 18.176 47.0016 102.4512 112.64 158.8224 184.6784 158.8224 72.0896 0 137.5744-56.32 184.7296-158.8224 2.7136-5.8368 5.2224-11.9296 7.8848-17.92a490.3936 490.3936 0 0 0 63.3344 4.352c89.6512-0.0512 154.88-28.7744 186.0608-82.6368 36.0448-62.464 19.968-147.4048-45.2608-239.36a505.7536 505.7536 0 0 0-11.5712-15.7696z m-603.3408 270.336c-84.1728 7.7824-145.2544-9.8304-167.424-48.3328-22.2208-38.5536-6.8608-100.1984 42.1888-169.0624l1.6896-2.4064a850.176 850.176 0 0 0 99.1744 89.344c6.144 45.9776 15.5648 89.6 27.648 130.1504l-3.2768 0.3072z m-32.512-221.8496a738.816 738.816 0 0 1-49.408-48.6912c15.104-16.4864 31.5904-32.768 49.408-48.7424-0.6656 16.128-1.1264 32.3584-1.1264 48.8448 0 16.2304 0.4608 32.4608 1.1264 48.64z m8.2432-188.8256c-36.864 28.3648-70.144 58.4704-99.1744 89.2416-0.512-0.8192-1.2288-1.6384-1.6896-2.4064-48.9472-69.12-64.256-130.7136-42.0864-169.1648 18.7392-32.4608 65.024-50.0736 129.536-50.0736a398.5408 398.5408 0 0 1 41.1136 2.1504 850.432 850.432 0 0 0-27.6992 130.2528z m409.7536-52.8384a1029.888 1029.888 0 0 0-83.8144-48.384c22.528-7.2704 44.6976-13.312 66.304-18.176 6.656 20.8384 12.4928 43.008 17.5104 66.56z m-167.168-252.0576c44.1344 0 90.7776 45.6704 126.464 124.1088-41.0624 9.728-83.456 23.4496-126.2592 40.96a850.9952 850.9952 0 0 0-126.464-41.216c35.4304-78.336 82.0736-123.8528 126.2592-123.8528zM362.2912 250.5728c21.7088 4.8128 43.8784 10.8544 66.56 18.2784a1114.2656 1114.2656 0 0 0-84.0704 48.384c5.0176-23.552 10.8544-45.8752 17.5104-66.6624z m-17.5104 452.7616a1029.888 1029.888 0 0 0 83.8144 48.384c-22.528 7.3216-44.6976 13.3632-66.304 18.176-6.656-20.6848-12.4928-43.008-17.5104-66.56z m167.3216 252.16c-44.1856 0-90.8288-45.6192-126.464-124.0576 41.0112-9.728 83.456-23.4496 126.208-40.96 42.9056 17.6128 85.4528 31.4368 126.464 41.1648-35.5328 78.2336-82.176 123.904-126.208 123.904z m149.6576-185.344a692.6848 692.6848 0 0 1-66.56-18.3296 1114.2656 1114.2656 0 0 0 84.0704-48.384c-5.0176 23.552-10.8544 45.8752-17.5104 66.6624z m31.488-154.9824c-27.5968 19.968-57.088 39.1168-88.064 56.9344-30.8736 17.8688-62.208 33.6384-93.3376 47.4624a995.4304 995.4304 0 0 1-181.0432-104.6528 985.6 985.6 0 0 1-5.4784-104.6016c0-36.608 1.9456-71.6288 5.4784-104.7552 27.5968-20.0192 57.088-39.1168 88.064-56.9856a995.7376 995.7376 0 0 1 93.3376-47.4624 995.4304 995.4304 0 0 1 181.0432 104.6528c3.5328 33.1776 5.4784 68.1472 5.4784 104.6528 0 36.608-1.9456 71.4752-5.4784 104.7552z m37.0176-375.3472c13.056-1.28 25.6-1.8432 37.5296-1.8432 64.7168 0 111.1552 17.6128 129.8944 50.176 22.2208 38.6048 6.8608 100.1984-42.1888 169.0624l-1.6896 2.4064a850.176 850.176 0 0 0-99.1744-89.2928 848.896 848.896 0 0 0-27.648-130.1504l3.2768-0.3584z m32.512 221.952c17.7152 16.0256 34.304 32.256 49.408 48.7424-15.104 16.4864-31.5904 32.7168-49.408 48.7424 0.6656-16.128 1.1264-32.4096 1.1264-48.8448 0-16.384-0.3584-32.6144-1.1264-48.64z m134.7072 271.1552c-22.1696 38.5536-83.2512 56.064-167.424 48.128l-3.2256-0.3072c12.1344-40.448 21.504-84.1728 27.648-130.1504 36.864-28.3648 70.144-58.4192 99.2256-89.1904 0.512 0.8192 1.2288 1.5872 1.6896 2.4064 49.0496 68.9664 64.256 130.56 42.0864 169.1136z" fill="#707070" p-id="13120"></path></svg>
\ No newline at end of file
diff --git a/src/assets/images/agentbg.svg b/src/assets/images/agentbg.svg
new file mode 100644
index 0000000..aa98a93
--- /dev/null
+++ b/src/assets/images/agentbg.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1723702163522" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="13119" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24"><path d="M897.1264 510.5152c3.9936-5.12 7.7824-10.3936 11.4688-15.5648 65.28-91.9552 81.408-176.896 45.5168-239.36-35.9424-62.464-117.6064-91.0336-229.888-80.7424-6.5024 0.5632-13.056 1.3824-19.6608 2.2016-2.56-6.144-5.2736-12.288-7.8848-18.176C649.6768 56.32 584.0384 0 511.9488 0 439.9104 0 374.3744 56.6272 327.3728 158.976c-2.7136 5.8368-5.2224 11.8784-7.8848 17.92-6.5024-0.768-13.0048-1.536-19.456-2.1504-112.128-10.496-193.9456 18.0736-229.888 80.5376-35.9936 62.464-19.8656 147.4048 45.312 239.36 3.6864 5.12 7.5776 10.3936 11.4688 15.5136-3.9936 5.12-7.7824 10.4448-11.4688 15.5648-65.28 91.9552-81.5104 176.9472-45.5168 239.36C101.0688 819.2 166.5024 847.872 256.256 847.872c13.9264 0 28.4672-0.6656 43.4688-2.048 6.5024-0.5632 13.0048-1.3824 19.6608-2.1504 2.56 6.144 5.2736 12.2368 7.8848 18.176 47.0016 102.4512 112.64 158.8224 184.6784 158.8224 72.0896 0 137.5744-56.32 184.7296-158.8224 2.7136-5.8368 5.2224-11.9296 7.8848-17.92a490.3936 490.3936 0 0 0 63.3344 4.352c89.6512-0.0512 154.88-28.7744 186.0608-82.6368 36.0448-62.464 19.968-147.4048-45.2608-239.36a505.7536 505.7536 0 0 0-11.5712-15.7696z m-603.3408 270.336c-84.1728 7.7824-145.2544-9.8304-167.424-48.3328-22.2208-38.5536-6.8608-100.1984 42.1888-169.0624l1.6896-2.4064a850.176 850.176 0 0 0 99.1744 89.344c6.144 45.9776 15.5648 89.6 27.648 130.1504l-3.2768 0.3072z m-32.512-221.8496a738.816 738.816 0 0 1-49.408-48.6912c15.104-16.4864 31.5904-32.768 49.408-48.7424-0.6656 16.128-1.1264 32.3584-1.1264 48.8448 0 16.2304 0.4608 32.4608 1.1264 48.64z m8.2432-188.8256c-36.864 28.3648-70.144 58.4704-99.1744 89.2416-0.512-0.8192-1.2288-1.6384-1.6896-2.4064-48.9472-69.12-64.256-130.7136-42.0864-169.1648 18.7392-32.4608 65.024-50.0736 129.536-50.0736a398.5408 398.5408 0 0 1 41.1136 2.1504 850.432 850.432 0 0 0-27.6992 130.2528z m409.7536-52.8384a1029.888 1029.888 0 0 0-83.8144-48.384c22.528-7.2704 44.6976-13.312 66.304-18.176 6.656 20.8384 12.4928 43.008 17.5104 66.56z m-167.168-252.0576c44.1344 0 90.7776 45.6704 126.464 124.1088-41.0624 9.728-83.456 23.4496-126.2592 40.96a850.9952 850.9952 0 0 0-126.464-41.216c35.4304-78.336 82.0736-123.8528 126.2592-123.8528zM362.2912 250.5728c21.7088 4.8128 43.8784 10.8544 66.56 18.2784a1114.2656 1114.2656 0 0 0-84.0704 48.384c5.0176-23.552 10.8544-45.8752 17.5104-66.6624z m-17.5104 452.7616a1029.888 1029.888 0 0 0 83.8144 48.384c-22.528 7.3216-44.6976 13.3632-66.304 18.176-6.656-20.6848-12.4928-43.008-17.5104-66.56z m167.3216 252.16c-44.1856 0-90.8288-45.6192-126.464-124.0576 41.0112-9.728 83.456-23.4496 126.208-40.96 42.9056 17.6128 85.4528 31.4368 126.464 41.1648-35.5328 78.2336-82.176 123.904-126.208 123.904z m149.6576-185.344a692.6848 692.6848 0 0 1-66.56-18.3296 1114.2656 1114.2656 0 0 0 84.0704-48.384c-5.0176 23.552-10.8544 45.8752-17.5104 66.6624z m31.488-154.9824c-27.5968 19.968-57.088 39.1168-88.064 56.9344-30.8736 17.8688-62.208 33.6384-93.3376 47.4624a995.4304 995.4304 0 0 1-181.0432-104.6528 985.6 985.6 0 0 1-5.4784-104.6016c0-36.608 1.9456-71.6288 5.4784-104.7552 27.5968-20.0192 57.088-39.1168 88.064-56.9856a995.7376 995.7376 0 0 1 93.3376-47.4624 995.4304 995.4304 0 0 1 181.0432 104.6528c3.5328 33.1776 5.4784 68.1472 5.4784 104.6528 0 36.608-1.9456 71.4752-5.4784 104.7552z m37.0176-375.3472c13.056-1.28 25.6-1.8432 37.5296-1.8432 64.7168 0 111.1552 17.6128 129.8944 50.176 22.2208 38.6048 6.8608 100.1984-42.1888 169.0624l-1.6896 2.4064a850.176 850.176 0 0 0-99.1744-89.2928 848.896 848.896 0 0 0-27.648-130.1504l3.2768-0.3584z m32.512 221.952c17.7152 16.0256 34.304 32.256 49.408 48.7424-15.104 16.4864-31.5904 32.7168-49.408 48.7424 0.6656-16.128 1.1264-32.4096 1.1264-48.8448 0-16.384-0.3584-32.6144-1.1264-48.64z m134.7072 271.1552c-22.1696 38.5536-83.2512 56.064-167.424 48.128l-3.2256-0.3072c12.1344-40.448 21.504-84.1728 27.648-130.1504 36.864-28.3648 70.144-58.4192 99.2256-89.1904 0.512 0.8192 1.2288 1.5872 1.6896 2.4064 49.0496 68.9664 64.256 130.56 42.0864 169.1136z" fill="#2c2c2c" p-id="13120"></path></svg>
\ No newline at end of file
diff --git a/src/assets/images/history.svg b/src/assets/images/history.svg
new file mode 100644
index 0000000..e7df46d
--- /dev/null
+++ b/src/assets/images/history.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1723701570374" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="7581" width="24" height="24" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M798.5152 707.9936v-77.0048c0-12.288-9.8304-22.7328-22.1184-22.7328-13.9264 0-24.1664 11.4688-24.1664 25.3952V739.328c0 8.192 6.7584 14.9504 14.9504 14.9504h83.5584c13.1072 0 24.1664-10.6496 23.7568-23.7568-0.4096-13.7216-11.6736-22.528-25.3952-22.528h-50.5856z m-502.3744-119.1936c-16.384 0-29.2864 13.9264-27.8528 30.5152 1.2288 14.5408 13.9264 25.3952 28.672 25.3952h142.9504c14.5408 0 27.2384-10.8544 28.672-25.3952 1.4336-16.5888-11.4688-30.5152-27.8528-30.5152h-144.5888z m0-231.6288h309.4528c15.7696 0 28.4672-12.9024 28.0576-28.8768-0.4096-14.9504-13.7216-27.2384-28.672-27.2384H296.7552c-14.7456 0-27.8528 11.8784-28.672 26.624-0.4096 7.9872 2.6624 15.5648 8.192 21.2992 5.3248 5.12 12.288 8.192 19.8656 8.192z m241.4592 113.0496c0-15.36-12.4928-28.0576-28.0576-28.0576H296.7552c-14.5408 0-27.2384 10.8544-28.4672 25.3952-1.4336 16.5888 11.6736 30.5152 28.0576 30.5152h213.4016c15.36 0.4096 27.8528-12.288 27.8528-27.8528z m0 0" p-id="7582" fill="#2c2c2c"></path><path d="M568.5248 846.4384H248.0128c-24.1664 0-44.032-19.8656-44.032-44.032V212.1728c0-24.1664 19.8656-44.032 44.032-44.032h461.0048c24.1664 0 44.032 19.8656 44.032 44.032v223.0272c0 15.5648 11.6736 28.8768 27.0336 30.3104 17.6128 1.6384 32.3584-12.288 32.3584-29.696V212.1728c0-57.1392-46.4896-103.6288-103.424-103.6288H248.0128c-55.296 0-100.5568 43.008-103.424 98.0992v601.4976c2.8672 54.8864 48.3328 97.8944 103.424 97.8944h319.8976c14.9504 0 28.0576-10.6496 30.1056-25.3952 2.6624-18.432-11.6736-34.2016-29.4912-34.2016z m0 0" p-id="7583" fill="#2c2c2c"></path><path d="M782.7456 502.1696c-111.8208 0-202.752 91.3408-201.9328 203.5712 0.8192 109.7728 90.5216 199.4752 200.4992 200.4992 112.0256 0.8192 203.5712-90.112 203.5712-201.9328-0.2048-111.616-90.7264-202.1376-202.1376-202.1376z m146.432 201.9328c0 81.5104-66.7648 147.456-148.48 146.432-78.848-1.024-143.1552-65.3312-144.384-143.9744-1.2288-81.92 64.9216-148.8896 146.432-148.8896 80.6912 0 146.432 65.536 146.432 146.432z m0 0" p-id="7584" fill="#2c2c2c"></path></svg>
\ No newline at end of file
diff --git a/src/assets/images/history1.svg b/src/assets/images/history1.svg
new file mode 100644
index 0000000..78793cc
--- /dev/null
+++ b/src/assets/images/history1.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1723702451417" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="15353" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24"><path d="M798.5152 707.9936v-77.0048c0-12.288-9.8304-22.7328-22.1184-22.7328-13.9264 0-24.1664 11.4688-24.1664 25.3952V739.328c0 8.192 6.7584 14.9504 14.9504 14.9504h83.5584c13.1072 0 24.1664-10.6496 23.7568-23.7568-0.4096-13.7216-11.6736-22.528-25.3952-22.528h-50.5856z m-502.3744-119.1936c-16.384 0-29.2864 13.9264-27.8528 30.5152 1.2288 14.5408 13.9264 25.3952 28.672 25.3952h142.9504c14.5408 0 27.2384-10.8544 28.672-25.3952 1.4336-16.5888-11.4688-30.5152-27.8528-30.5152h-144.5888z m0-231.6288h309.4528c15.7696 0 28.4672-12.9024 28.0576-28.8768-0.4096-14.9504-13.7216-27.2384-28.672-27.2384H296.7552c-14.7456 0-27.8528 11.8784-28.672 26.624-0.4096 7.9872 2.6624 15.5648 8.192 21.2992 5.3248 5.12 12.288 8.192 19.8656 8.192z m241.4592 113.0496c0-15.36-12.4928-28.0576-28.0576-28.0576H296.7552c-14.5408 0-27.2384 10.8544-28.4672 25.3952-1.4336 16.5888 11.6736 30.5152 28.0576 30.5152h213.4016c15.36 0.4096 27.8528-12.288 27.8528-27.8528z m0 0" p-id="15354" fill="#2c2c2c"></path><path d="M568.5248 846.4384H248.0128c-24.1664 0-44.032-19.8656-44.032-44.032V212.1728c0-24.1664 19.8656-44.032 44.032-44.032h461.0048c24.1664 0 44.032 19.8656 44.032 44.032v223.0272c0 15.5648 11.6736 28.8768 27.0336 30.3104 17.6128 1.6384 32.3584-12.288 32.3584-29.696V212.1728c0-57.1392-46.4896-103.6288-103.424-103.6288H248.0128c-55.296 0-100.5568 43.008-103.424 98.0992v601.4976c2.8672 54.8864 48.3328 97.8944 103.424 97.8944h319.8976c14.9504 0 28.0576-10.6496 30.1056-25.3952 2.6624-18.432-11.6736-34.2016-29.4912-34.2016z m0 0" p-id="15355" fill="#2c2c2c"></path><path d="M782.7456 502.1696c-111.8208 0-202.752 91.3408-201.9328 203.5712 0.8192 109.7728 90.5216 199.4752 200.4992 200.4992 112.0256 0.8192 203.5712-90.112 203.5712-201.9328-0.2048-111.616-90.7264-202.1376-202.1376-202.1376z m146.432 201.9328c0 81.5104-66.7648 147.456-148.48 146.432-78.848-1.024-143.1552-65.3312-144.384-143.9744-1.2288-81.92 64.9216-148.8896 146.432-148.8896 80.6912 0 146.432 65.536 146.432 146.432z m0 0" p-id="15356" fill="#2c2c2c"></path></svg>
\ No newline at end of file
diff --git a/src/assets/images/history2.svg b/src/assets/images/history2.svg
new file mode 100644
index 0000000..cbeeccf
--- /dev/null
+++ b/src/assets/images/history2.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1723702451417" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="15353" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24"><path d="M798.5152 707.9936v-77.0048c0-12.288-9.8304-22.7328-22.1184-22.7328-13.9264 0-24.1664 11.4688-24.1664 25.3952V739.328c0 8.192 6.7584 14.9504 14.9504 14.9504h83.5584c13.1072 0 24.1664-10.6496 23.7568-23.7568-0.4096-13.7216-11.6736-22.528-25.3952-22.528h-50.5856z m-502.3744-119.1936c-16.384 0-29.2864 13.9264-27.8528 30.5152 1.2288 14.5408 13.9264 25.3952 28.672 25.3952h142.9504c14.5408 0 27.2384-10.8544 28.672-25.3952 1.4336-16.5888-11.4688-30.5152-27.8528-30.5152h-144.5888z m0-231.6288h309.4528c15.7696 0 28.4672-12.9024 28.0576-28.8768-0.4096-14.9504-13.7216-27.2384-28.672-27.2384H296.7552c-14.7456 0-27.8528 11.8784-28.672 26.624-0.4096 7.9872 2.6624 15.5648 8.192 21.2992 5.3248 5.12 12.288 8.192 19.8656 8.192z m241.4592 113.0496c0-15.36-12.4928-28.0576-28.0576-28.0576H296.7552c-14.5408 0-27.2384 10.8544-28.4672 25.3952-1.4336 16.5888 11.6736 30.5152 28.0576 30.5152h213.4016c15.36 0.4096 27.8528-12.288 27.8528-27.8528z m0 0" p-id="15354" fill="#707070"></path><path d="M568.5248 846.4384H248.0128c-24.1664 0-44.032-19.8656-44.032-44.032V212.1728c0-24.1664 19.8656-44.032 44.032-44.032h461.0048c24.1664 0 44.032 19.8656 44.032 44.032v223.0272c0 15.5648 11.6736 28.8768 27.0336 30.3104 17.6128 1.6384 32.3584-12.288 32.3584-29.696V212.1728c0-57.1392-46.4896-103.6288-103.424-103.6288H248.0128c-55.296 0-100.5568 43.008-103.424 98.0992v601.4976c2.8672 54.8864 48.3328 97.8944 103.424 97.8944h319.8976c14.9504 0 28.0576-10.6496 30.1056-25.3952 2.6624-18.432-11.6736-34.2016-29.4912-34.2016z m0 0" p-id="15355" fill="#707070"></path><path d="M782.7456 502.1696c-111.8208 0-202.752 91.3408-201.9328 203.5712 0.8192 109.7728 90.5216 199.4752 200.4992 200.4992 112.0256 0.8192 203.5712-90.112 203.5712-201.9328-0.2048-111.616-90.7264-202.1376-202.1376-202.1376z m146.432 201.9328c0 81.5104-66.7648 147.456-148.48 146.432-78.848-1.024-143.1552-65.3312-144.384-143.9744-1.2288-81.92 64.9216-148.8896 146.432-148.8896 80.6912 0 146.432 65.536 146.432 146.432z m0 0" p-id="15356" fill="#707070"></path></svg>
\ No newline at end of file
diff --git a/src/assets/images/historybg.svg b/src/assets/images/historybg.svg
new file mode 100644
index 0000000..c138447
--- /dev/null
+++ b/src/assets/images/historybg.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1723701570374" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="7581" width="24" height="24" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M798.5152 707.9936v-77.0048c0-12.288-9.8304-22.7328-22.1184-22.7328-13.9264 0-24.1664 11.4688-24.1664 25.3952V739.328c0 8.192 6.7584 14.9504 14.9504 14.9504h83.5584c13.1072 0 24.1664-10.6496 23.7568-23.7568-0.4096-13.7216-11.6736-22.528-25.3952-22.528h-50.5856z m-502.3744-119.1936c-16.384 0-29.2864 13.9264-27.8528 30.5152 1.2288 14.5408 13.9264 25.3952 28.672 25.3952h142.9504c14.5408 0 27.2384-10.8544 28.672-25.3952 1.4336-16.5888-11.4688-30.5152-27.8528-30.5152h-144.5888z m0-231.6288h309.4528c15.7696 0 28.4672-12.9024 28.0576-28.8768-0.4096-14.9504-13.7216-27.2384-28.672-27.2384H296.7552c-14.7456 0-27.8528 11.8784-28.672 26.624-0.4096 7.9872 2.6624 15.5648 8.192 21.2992 5.3248 5.12 12.288 8.192 19.8656 8.192z m241.4592 113.0496c0-15.36-12.4928-28.0576-28.0576-28.0576H296.7552c-14.5408 0-27.2384 10.8544-28.4672 25.3952-1.4336 16.5888 11.6736 30.5152 28.0576 30.5152h213.4016c15.36 0.4096 27.8528-12.288 27.8528-27.8528z m0 0" p-id="7582" fill="#707070"></path><path d="M568.5248 846.4384H248.0128c-24.1664 0-44.032-19.8656-44.032-44.032V212.1728c0-24.1664 19.8656-44.032 44.032-44.032h461.0048c24.1664 0 44.032 19.8656 44.032 44.032v223.0272c0 15.5648 11.6736 28.8768 27.0336 30.3104 17.6128 1.6384 32.3584-12.288 32.3584-29.696V212.1728c0-57.1392-46.4896-103.6288-103.424-103.6288H248.0128c-55.296 0-100.5568 43.008-103.424 98.0992v601.4976c2.8672 54.8864 48.3328 97.8944 103.424 97.8944h319.8976c14.9504 0 28.0576-10.6496 30.1056-25.3952 2.6624-18.432-11.6736-34.2016-29.4912-34.2016z m0 0" p-id="7583" fill="#707070"></path><path d="M782.7456 502.1696c-111.8208 0-202.752 91.3408-201.9328 203.5712 0.8192 109.7728 90.5216 199.4752 200.4992 200.4992 112.0256 0.8192 203.5712-90.112 203.5712-201.9328-0.2048-111.616-90.7264-202.1376-202.1376-202.1376z m146.432 201.9328c0 81.5104-66.7648 147.456-148.48 146.432-78.848-1.024-143.1552-65.3312-144.384-143.9744-1.2288-81.92 64.9216-148.8896 146.432-148.8896 80.6912 0 146.432 65.536 146.432 146.432z m0 0" p-id="7584" fill="#707070"></path></svg>
\ No newline at end of file
diff --git a/src/assets/images/talk.svg b/src/assets/images/talk.svg
new file mode 100644
index 0000000..f51fbdd
--- /dev/null
+++ b/src/assets/images/talk.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1723703182973" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="30378" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24"><path d="M512 9.309091c273.128727 0 495.429818 217.832727 502.504727 489.285818l0.186182 14.149818c0 83.642182-17.314909 152.436364-52.782545 205.637818a37.236364 37.236364 0 0 1-61.998546-41.332363c24.669091-36.957091 38.260364-86.621091 40.075637-149.550546L940.218182 512a428.218182 428.218182 0 0 0-856.250182-12.427636L83.781818 512v232.727273a195.490909 195.490909 0 0 0 185.716364 195.258182L279.272727 940.218182h231.610182c59.019636 0 118.085818-7.912727 177.338182-23.738182a37.236364 37.236364 0 0 1 19.223273 71.912727 761.949091 761.949091 0 0 1-171.985455 25.879273l-24.576 0.418909H279.272727a269.963636 269.963636 0 0 1-269.777454-259.630545L9.309091 744.727273v-232.727273C9.309091 234.356364 234.356364 9.309091 512 9.309091z m50.269091 515.258182a37.236364 37.236364 0 0 1 4.654545 74.193454l-4.654545 0.279273H286.301091a37.236364 37.236364 0 0 1-4.654546-74.146909l4.654546-0.279273h275.874909z m139.636364-186.181818a37.236364 37.236364 0 0 1 4.654545 74.193454l-4.654545 0.279273H286.301091a37.236364 37.236364 0 0 1-4.654546-74.146909l4.654546-0.279273h415.511273z" fill="#707070" p-id="30379"></path><path d="M847.872 734.487273c21.410909 0 38.772364 17.361455 38.772364 38.772363v38.772364h38.772363a38.772364 38.772364 0 1 1 0 77.591273h-38.772363v38.818909a38.772364 38.772364 0 0 1-77.591273 0v-38.818909h-38.772364a38.772364 38.772364 0 1 1 0-77.544728l38.772364-0.046545v-38.772364c0-21.410909 17.361455-38.772364 38.818909-38.772363z" fill="#707070" p-id="30380"></path></svg>
\ No newline at end of file
diff --git a/src/assets/images/talkbg.svg b/src/assets/images/talkbg.svg
new file mode 100644
index 0000000..fc068dd
--- /dev/null
+++ b/src/assets/images/talkbg.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1723703182973" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="30378" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24"><path d="M512 9.309091c273.128727 0 495.429818 217.832727 502.504727 489.285818l0.186182 14.149818c0 83.642182-17.314909 152.436364-52.782545 205.637818a37.236364 37.236364 0 0 1-61.998546-41.332363c24.669091-36.957091 38.260364-86.621091 40.075637-149.550546L940.218182 512a428.218182 428.218182 0 0 0-856.250182-12.427636L83.781818 512v232.727273a195.490909 195.490909 0 0 0 185.716364 195.258182L279.272727 940.218182h231.610182c59.019636 0 118.085818-7.912727 177.338182-23.738182a37.236364 37.236364 0 0 1 19.223273 71.912727 761.949091 761.949091 0 0 1-171.985455 25.879273l-24.576 0.418909H279.272727a269.963636 269.963636 0 0 1-269.777454-259.630545L9.309091 744.727273v-232.727273C9.309091 234.356364 234.356364 9.309091 512 9.309091z m50.269091 515.258182a37.236364 37.236364 0 0 1 4.654545 74.193454l-4.654545 0.279273H286.301091a37.236364 37.236364 0 0 1-4.654546-74.146909l4.654546-0.279273h275.874909z m139.636364-186.181818a37.236364 37.236364 0 0 1 4.654545 74.193454l-4.654545 0.279273H286.301091a37.236364 37.236364 0 0 1-4.654546-74.146909l4.654546-0.279273h415.511273z" fill="#2c2c2c" p-id="30379"></path><path d="M847.872 734.487273c21.410909 0 38.772364 17.361455 38.772364 38.772363v38.772364h38.772363a38.772364 38.772364 0 1 1 0 77.591273h-38.772363v38.818909a38.772364 38.772364 0 0 1-77.591273 0v-38.818909h-38.772364a38.772364 38.772364 0 1 1 0-77.544728l38.772364-0.046545v-38.772364c0-21.410909 17.361455-38.772364 38.818909-38.772363z" fill="#2c2c2c" p-id="30380"></path></svg>
\ No newline at end of file
diff --git a/src/views/sessionManager/components/chatMenu.vue b/src/views/sessionManager/components/chatMenu.vue
new file mode 100644
index 0000000..3f0ce14
--- /dev/null
+++ b/src/views/sessionManager/components/chatMenu.vue
@@ -0,0 +1,129 @@
+<template>
+ <div class="layoutNavMoveCenter">
+ <div class="layoutNavMove___j5ets">
+ <div class="myAgent___djnd_ myAgentAnim myAgentlight___yK7Gk">
+<!-- <div data-testid="msh-sidebar-main" class="myAgentHome___PG6IZ"></div>-->
+ <div class="myAgentLine___Isl6E"></div>
+ <div class="myAgentTool___Y1_mC" data-testid="msh-sidebar-new">
+ <div class="myAgentToolIcon___gaAKI myAgentToolIconNew___DBZrW">
+ <img
+ src="../../../assets/images/talkbg.svg"
+ style="width: 24px"
+ alt=""></div>
+ </div>
+ <div data-testid="msh-sidebar-history" class="myAgentTool___Y1_mC">
+ <div class="myAgentToolIcon___gaAKI myAgentToolIconHistory___GTLWk">
+ <img
+ src="../../../assets/images/history.svg"
+ style="width: 24px"
+ alt="">
+ </div>
+ </div>
+ <div data-testid="msh-sidebar-square" class="myAgentTool___Y1_mC myAgentToolSquare___dbLm1">
+ <div class="myAgentToolIcon___gaAKI myAgentToolIconSquare___Rj1o_"><img
+ src="../../../assets/images/agentbg.svg"
+ style="width: 24px"
+ alt=""></div>
+ </div>
+ <div class="myAgentLine___Isl6E" style="margin-top: 4px;"></div>
+ <div class="myAgentBox___zrCit myAgentBoxhistoryconph28t7lagf3d1bhq0">
+ <div class="myAgentBoxImg___Mgu9e">
+ <div class="myAgentBoxImgLayout___u69B_">
+ <div class="MuiBox-root css-5nczy5"><img
+ src="https://kimi-img.moonshot.cn/prod-chat-kimi/avatar/kimiplus/academic.png" alt=""
+ style="border-radius: 50%; width: 100%; height: 100%;"></div>
+ <span class="myAgentBoxImgLayoutTip___xHV4m">瀛︽湳鎼滅储</span></div>
+ <div data-testid="msh-sidebar-bot-delete" class="myAgentBoxImgDelete___qXZuq">
+ <div class="myAgentBoxImgDeleteInner____Hawc">浠庝晶杈规爮绉婚櫎</div>
+ </div>
+ </div>
+ </div>
+ <div class="myAgentBox___zrCit myAgentBoxhistoryconpgu0t7lagecg63730">
+ <div class="myAgentBoxImg___Mgu9e">
+ <div class="myAgentBoxImgLayout___u69B_">
+ <div class="MuiBox-root css-5nczy5"><img
+ src="https://kimi-img.moonshot.cn/prod-chat-kimi/avatar/kimiplus/paper_rewrite.png" alt=""
+ style="border-radius: 50%; width: 100%; height: 100%;"></div>
+ <span class="myAgentBoxImgLayoutTip___xHV4m">璁烘枃鏀瑰啓</span></div>
+ <div data-testid="msh-sidebar-bot-delete" class="myAgentBoxImgDelete___qXZuq">
+ <div class="myAgentBoxImgDeleteInner____Hawc">浠庝晶杈规爮绉婚櫎</div>
+ </div>
+ </div>
+ </div>
+ <div class="myAgentBox___zrCit myAgentBoxhistoryconpg00t7lagbbsfqkq0">
+ <div class="myAgentBoxImg___Mgu9e">
+ <div class="myAgentBoxImgLayout___u69B_">
+ <div class="MuiBox-root css-5nczy5"><img
+ src="https://kimi-img.moonshot.cn/prod-chat-kimi/avatar/kimiplus/prompt.png" alt=""
+ style="border-radius: 50%; width: 100%; height: 100%;"></div>
+ <span class="myAgentBoxImgLayoutTip___xHV4m">鎻愮ず璇嶄笓瀹�</span></div>
+ <div data-testid="msh-sidebar-bot-delete" class="myAgentBoxImgDelete___qXZuq">
+ <div class="myAgentBoxImgDeleteInner____Hawc">浠庝晶杈规爮绉婚櫎</div>
+ </div>
+ </div>
+ </div>
+ <div class="myAgentBox___zrCit myAgentBoxhistoryconpgbgt7lagcavlq340">
+ <div class="myAgentBoxImg___Mgu9e">
+ <div class="myAgentBoxImgLayout___u69B_">
+ <div class="MuiBox-root css-5nczy5"><img
+ src="https://kimi-img.moonshot.cn/prod-chat-kimi/avatar/kimiplus/taro.png" alt=""
+ style="border-radius: 50%; width: 100%; height: 100%;"></div>
+ <span class="myAgentBoxImgLayoutTip___xHV4m">濉旂綏甯�</span></div>
+ <div data-testid="msh-sidebar-bot-delete" class="myAgentBoxImgDelete___qXZuq">
+ <div class="myAgentBoxImgDeleteInner____Hawc">浠庝晶杈规爮绉婚櫎</div>
+ </div>
+ </div>
+ </div>
+ <div class="myAgentBox___zrCit myAgentBoxhistoryconpgbot7lagcavlq34g">
+ <div class="myAgentBoxImg___Mgu9e">
+ <div class="myAgentBoxImgLayout___u69B_">
+ <div class="MuiBox-root css-5nczy5"><img
+ src="https://kimi-img.moonshot.cn/prod-chat-kimi/avatar/kimiplus/guess.png" alt=""
+ style="border-radius: 50%; width: 100%; height: 100%;"></div>
+ <span class="myAgentBoxImgLayoutTip___xHV4m">鐚滅寽鎴戝湪鎯宠皝</span></div>
+ <div data-testid="msh-sidebar-bot-delete" class="myAgentBoxImgDelete___qXZuq">
+ <div class="myAgentBoxImgDeleteInner____Hawc">浠庝晶杈规爮绉婚櫎</div>
+ </div>
+ </div>
+ </div>
+ <div class="myAgentLine___Isl6E" style="margin-top: 4px;"></div>
+ </div>
+ </div>
+ </div>
+</template>
+<script setup lang="ts">
+import {
+ IconClose,
+ IconSearch,
+ IconTiktokColor
+} from "@arco-design/web-vue/es/icon";
+import { useAppStore, useUserStore } from "@/store";
+import { computed, nextTick, onMounted, watch, reactive, ref } from "vue";
+
+import { Message } from "@arco-design/web-vue";
+import { EventSourceParserStream } from "eventsource-parser/stream";
+import {
+ chatApi,
+ getDialogListApi,
+ getSessionDetailsApi,
+ sessionListApi
+} from "@/api/session";
+
+</script>
+<style scoped lang="less">
+ @import "@/views/sessionManager/style/layout.css";
+ .layoutNavMoveCenter {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ height: calc(100vh - 160px); /* 鎴栬�呮寚瀹氶珮搴� */
+ position: relative;
+ }
+ .layoutNavMove___j5ets{
+
+ }
+
+
+
+
+</style>
diff --git a/src/views/sessionManager/index.vue b/src/views/sessionManager/index.vue
index 8243092..d1f4042 100644
--- a/src/views/sessionManager/index.vue
+++ b/src/views/sessionManager/index.vue
@@ -5,143 +5,146 @@
@addSession="addSession"
:dialogId="dialogId"
></AddSession>
- <a-card class="top-title">AI浼氳瘽璁板綍</a-card>
- <a-row :gutter="[5, 5]" style="margin-top: 3px">
- <a-col :span="6">
- <a-card class="left-select">
- <a-select
- v-model="selectValue"
- :options="dialogs"
- :field-names="fieldNames"
- @change="dialogChange"
- >
- </a-select>
- </a-card>
- <a-card style="height: 50px">
- <template #cover>
- <div style="display: flex; justify-content: space-between">
- <a-button
- type="primary"
- shape="round"
- class="card-btn-1"
- @click="modalObj.add = true"
- >
- +鏂板缓浼氳瘽
- </a-button>
- <!-- <a-button type="text" shape="circle" class="card-btn-2">
- <icon-search />
- </a-button> -->
- </div>
- </template>
- </a-card>
- <a-card class="left">
- <a-scrollbar
- class="left-list"
- style="
- height: calc(100vh - 350px);
- overflow-y: auto;
- overflow-x: hidden;
- "
- >
- <div
- class="item left-list-item"
- v-for="session in sessionList"
- @click="querySessionDetail(session)"
- :class="{ isLeftActive: activeSessionId === session.id }"
- >
- <div class="text" :class="{ time: theme === 'dark' }"
- >{{ session.name }}
- </div>
- <div class="time"
- >{{
- moment(new Date(session.create_time)).format(
- 'YYYY-MM-DD HH:mm:ss'
- )
- }}
- </div>
- </div>
- </a-scrollbar>
- </a-card>
+ <!-- <a-card class="top-title">AI浼氳瘽璁板綍</a-card>-->
+ <a-row :gutter="[5, 5]" style="margin-top: 3px;">
+ <!-- <a-col :span="6">-->
+ <!-- <a-card class="left-select">-->
+ <!-- <a-select-->
+ <!-- v-model="selectValue"-->
+ <!-- :options="dialogs"-->
+ <!-- :field-names="fieldNames"-->
+ <!-- @change="dialogChange"-->
+ <!-- >-->
+ <!-- </a-select>-->
+ <!-- </a-card>-->
+ <!-- <a-card style="height: 50px">-->
+ <!-- <template #cover>-->
+ <!-- <div style="display: flex; justify-content: space-between">-->
+ <!-- <a-button-->
+ <!-- type="primary"-->
+ <!-- shape="round"-->
+ <!-- class="card-btn-1"-->
+ <!-- @click="modalObj.add = true"-->
+ <!-- >-->
+ <!-- +鏂板缓浼氳瘽-->
+ <!-- </a-button>-->
+ <!-- <!– <a-button type="text" shape="circle" class="card-btn-2">-->
+ <!-- <icon-search />-->
+ <!-- </a-button> –>-->
+ <!-- </div>-->
+ <!-- </template>-->
+ <!-- </a-card>-->
+ <!-- <a-card class="left">-->
+ <!-- <a-scrollbar-->
+ <!-- class="left-list"-->
+ <!-- style="-->
+ <!-- height: calc(100vh - 350px);-->
+ <!-- overflow-y: auto;-->
+ <!-- overflow-x: hidden;-->
+ <!-- "-->
+ <!-- >-->
+ <!-- <div-->
+ <!-- class="item left-list-item"-->
+ <!-- v-for="session in sessionList"-->
+ <!-- @click="querySessionDetail(session)"-->
+ <!-- :class="{ isLeftActive: activeSessionId === session.id }"-->
+ <!-- >-->
+ <!-- <div class="text" :class="{ time: theme === 'dark' }"-->
+ <!-- >{{ session.name }}-->
+ <!-- </div>-->
+ <!-- <div class="time"-->
+ <!-- >{{-->
+ <!-- moment(new Date(session.create_time)).format(-->
+ <!-- 'YYYY-MM-DD HH:mm:ss'-->
+ <!-- )-->
+ <!-- }}-->
+ <!-- </div>-->
+ <!-- </div>-->
+ <!-- </a-scrollbar>-->
+ <!-- </a-card>-->
+ <!-- </a-col>-->
+ <a-col :span="1">
+ <chatMenu></chatMenu>
</a-col>
<!-- 鏅鸿兘浣撲細璇�-->
- <a-col :span="18" v-show="agentType == '1'">
- <a-card class="center">
- <!-- <div
- v-if="sessionDetailList.length === 0"
- style="
- width: 90%;
- overflow: auto;
- height: 65vh;
- margin: 0px auto 20px;
- "
- >
- <div class="center-title">鏅鸿兘闂瓟</div>
- <div class="center-content">
- 鎴戝彲浠ョ悊瑙ｅ拰瀛︿範浜虹被鐨勮瑷�锛屽叿澶囧杞璇濈殑鑳藉姏锛岀幇鍦ㄥ拰鎴戝紑濮嬩氦娴佸惂~
+ <a-col :span="23" v-show="agentType == '1'">
+ <!-- <div
+ v-if="sessionDetailList.length === 0"
+ style="
+ width: 90%;
+ overflow: auto;
+ height: 65vh;
+ margin: 0px auto 20px;
+ "
+ >
+ <div class="center-title">鏅鸿兘闂瓟</div>
+ <div class="center-content">
+ 鎴戝彲浠ョ悊瑙ｅ拰瀛︿範浜虹被鐨勮瑷�锛屽叿澶囧杞璇濈殑鑳藉姏锛岀幇鍦ㄥ拰鎴戝紑濮嬩氦娴佸惂~
+ </div>
+ <div class="center-question">
+ <div class="center-question-left">璇曚竴璇曡繖鏍烽棶鎴�</div>
+ <div class="center-question-right">
+ <a-button type="primary">鎹竴鎹�</a-button>
</div>
- <div class="center-question">
- <div class="center-question-left">璇曚竴璇曡繖鏍烽棶鎴�</div>
- <div class="center-question-right">
- <a-button type="primary">鎹竴鎹�</a-button>
+ </div>
+ <a-row justify="space-around" class="center-list">
+ <a-col :span="7" class="item">
+ <div class="item-title">
+ <IconTiktokColor></IconTiktokColor>
+ 鎶栭煶甯﹁揣鑴氭湰
</div>
- </div>
- <a-row justify="space-around" class="center-list">
- <a-col :span="7" class="item">
- <div class="item-title">
- <IconTiktokColor></IconTiktokColor>
- 鎶栭煶甯﹁揣鑴氭湰
- </div>
- <div class="item-content" :class="{ dark: theme === 'dark' }">
- 缂栧啓寮曚汉娉ㄧ洰涓斿叿鏈夎鏈嶅姏鐨勩�侀�傜敤浜庝骇鍝佺殑...
- </div>
- </a-col>
- <a-col :span="7" class="item">
- <div class="item-title">
- <IconTiktokColor></IconTiktokColor>
- 鎶栭煶甯﹁揣鑴氭湰
- </div>
- <div class="item-content" :class="{ dark: theme === 'dark' }">
- 缂栧啓寮曚汉娉ㄧ洰涓斿叿鏈夎鏈嶅姏鐨勩�侀�傜敤浜庝骇鍝佺殑...
- </div>
- </a-col>
- <a-col :span="7" class="item">
- <div class="item-title">
- <IconTiktokColor></IconTiktokColor>
- 鎶栭煶甯﹁揣鑴氭湰
- </div>
- <div class="item-content" :class="{ dark: theme === 'dark' }">
- 缂栧啓寮曚汉娉ㄧ洰涓斿叿鏈夎鏈嶅姏鐨勩�侀�傜敤浜庝骇鍝佺殑...
- </div>
- </a-col>
- <a-col :span="7" class="item">
- <div class="item-title">
- <IconTiktokColor></IconTiktokColor>
- 鎶栭煶甯﹁揣鑴氭湰
- </div>
- <div class="item-content" :class="{ dark: theme === 'dark' }">
- 缂栧啓寮曚汉娉ㄧ洰涓斿叿鏈夎鏈嶅姏鐨勩�侀�傜敤浜庝骇鍝佺殑...
- </div>
- </a-col>
- <a-col :span="7" class="item">
- <div class="item-title">
- <IconTiktokColor></IconTiktokColor>
- 鎶栭煶甯﹁揣鑴氭湰
- </div>
- <div class="item-content" :class="{ dark: theme === 'dark' }">
- 缂栧啓寮曚汉娉ㄧ洰涓斿叿鏈夎鏈嶅姏鐨勩�侀�傜敤浜庝骇鍝佺殑...
- </div>
- </a-col>
- <a-col :span="7" class="item">
- <div class="item-title">
- <IconTiktokColor></IconTiktokColor>
- 鎶栭煶甯﹁揣鑴氭湰
- </div>
- <div class="item-content" :class="{ dark: theme === 'dark' }">
- 缂栧啓寮曚汉娉ㄧ洰涓斿叿鏈夎鏈嶅姏鐨勩�侀�傜敤浜庝骇鍝佺殑...
- </div>
- </a-col>
- </a-row>
- </div> -->
+ <div class="item-content" :class="{ dark: theme === 'dark' }">
+ 缂栧啓寮曚汉娉ㄧ洰涓斿叿鏈夎鏈嶅姏鐨勩�侀�傜敤浜庝骇鍝佺殑...
+ </div>
+ </a-col>
+ <a-col :span="7" class="item">
+ <div class="item-title">
+ <IconTiktokColor></IconTiktokColor>
+ 鎶栭煶甯﹁揣鑴氭湰
+ </div>
+ <div class="item-content" :class="{ dark: theme === 'dark' }">
+ 缂栧啓寮曚汉娉ㄧ洰涓斿叿鏈夎鏈嶅姏鐨勩�侀�傜敤浜庝骇鍝佺殑...
+ </div>
+ </a-col>
+ <a-col :span="7" class="item">
+ <div class="item-title">
+ <IconTiktokColor></IconTiktokColor>
+ 鎶栭煶甯﹁揣鑴氭湰
+ </div>
+ <div class="item-content" :class="{ dark: theme === 'dark' }">
+ 缂栧啓寮曚汉娉ㄧ洰涓斿叿鏈夎鏈嶅姏鐨勩�侀�傜敤浜庝骇鍝佺殑...
+ </div>
+ </a-col>
+ <a-col :span="7" class="item">
+ <div class="item-title">
+ <IconTiktokColor></IconTiktokColor>
+ 鎶栭煶甯﹁揣鑴氭湰
+ </div>
+ <div class="item-content" :class="{ dark: theme === 'dark' }">
+ 缂栧啓寮曚汉娉ㄧ洰涓斿叿鏈夎鏈嶅姏鐨勩�侀�傜敤浜庝骇鍝佺殑...
+ </div>
+ </a-col>
+ <a-col :span="7" class="item">
+ <div class="item-title">
+ <IconTiktokColor></IconTiktokColor>
+ 鎶栭煶甯﹁揣鑴氭湰
+ </div>
+ <div class="item-content" :class="{ dark: theme === 'dark' }">
+ 缂栧啓寮曚汉娉ㄧ洰涓斿叿鏈夎鏈嶅姏鐨勩�侀�傜敤浜庝骇鍝佺殑...
+ </div>
+ </a-col>
+ <a-col :span="7" class="item">
+ <div class="item-title">
+ <IconTiktokColor></IconTiktokColor>
+ 鎶栭煶甯﹁揣鑴氭湰
+ </div>
+ <div class="item-content" :class="{ dark: theme === 'dark' }">
+ 缂栧啓寮曚汉娉ㄧ洰涓斿叿鏈夎鏈嶅姏鐨勩�侀�傜敤浜庝骇鍝佺殑...
+ </div>
+ </a-col>
+ </a-row>
+ </div> -->
+ <div class="center">
<a-scrollbar
ref="scrollbar"
id="home"
@@ -149,7 +152,7 @@
style="
width: 90%;
overflow: auto;
- height: calc(100vh - 380px);
+ height: calc(100vh - 300px);
margin: 0px auto 20px;
"
>
@@ -164,7 +167,7 @@
</template>
<template #content>
<div :class="{ chartUserText: theme === 'light' }"
- >{{ sessionDetail.content }}
+ >{{ sessionDetail.content }}
</div>
</template>
</a-comment>
@@ -179,7 +182,7 @@
<template #content>
<a-card :class="{ chatItemAnswer: theme === 'light' }">
<div :class="{ light: theme === 'light' }"
- >{{ sessionDetail.content }}
+ >{{ sessionDetail.content }}
</div>
</a-card>
</template>
@@ -243,17 +246,18 @@
style="border-radius: 24px"
:loading="loading"
size="large"
- >鍙戦��</a-button
+ >鍙戦��
+ </a-button
>
</div>
</div>
</div>
- </a-card>
+ </div>
</a-col>
- <a-col :span="18" v-show="agentType == '2'">
- <a-card class="center">
+ <a-col :span="23" v-show="agentType == '2'">
+ <div class="center">
<agentSession :modalObj="agentObj"></agentSession>
- </a-card>
+ </div>
</a-col>
<!-- <a-col :span="5">
@@ -320,519 +324,542 @@
</div>
</template>
<script setup lang="ts">
- import {
- IconClose,
- IconSearch,
- IconTiktokColor,
- } from '@arco-design/web-vue/es/icon';
- import { useAppStore, useUserStore } from '@/store';
- import { computed, nextTick, onMounted, watch, reactive, ref } from 'vue';
+import {
+ IconClose,
+ IconSearch,
+ IconTiktokColor
+} from "@arco-design/web-vue/es/icon";
+import { useAppStore, useUserStore } from "@/store";
+import { computed, nextTick, onMounted, watch, reactive, ref } from "vue";
- import { Message } from '@arco-design/web-vue';
- import { EventSourceParserStream } from 'eventsource-parser/stream';
- import moment from 'moment';
- import AddSession from '@/views/sessionManager/components/addSession.vue';
- import agentSession from '@/views/sessionManager/components/agentSession.vue';
- import {
- chatApi,
- getDialogListApi,
- getSessionDetailsApi,
- sessionListApi,
- } from '@/api/session';
- import { getAuthorization } from '@/utils/auth';
- import { queryCanvasList } from '@/api/Agent';
- import { getAgentSessionDetailsApi } from '@/api/agentSession';
+import { Message } from "@arco-design/web-vue";
+import { EventSourceParserStream } from "eventsource-parser/stream";
+import moment from "moment";
+import chatMenu from "@/views/sessionManager/components/chatMenu.vue";
+import AddSession from "@/views/sessionManager/components/addSession.vue";
+import agentSession from "@/views/sessionManager/components/agentSession.vue";
+import {
+ chatApi,
+ getDialogListApi,
+ getSessionDetailsApi,
+ sessionListApi
+} from "@/api/session";
+import { getAuthorization } from "@/utils/auth";
+import { queryCanvasList } from "@/api/Agent";
+import { getAgentSessionDetailsApi } from "@/api/agentSession";
- const sessionDetailList = ref([]); //鏍规嵁浼氳瘽id鍑烘潵鐨勪細璇濊鎯�
- const sessionList = ref([]); //浼氳瘽鍒楄〃
- const modalObj = reactive({ add: false });
- const dialogId = ref('');
- const chatDis = ref(false);
- const loading = ref(false);
- const agentType = ref('1');
+const sessionDetailList = ref([]); //鏍规嵁浼氳瘽id鍑烘潵鐨勪細璇濊鎯�
+const sessionList = ref([]); //浼氳瘽鍒楄〃
+const modalObj = reactive({ add: false });
+const dialogId = ref("");
+const chatDis = ref(false);
+const loading = ref(false);
+const agentType = ref("1");
- const currIndex = ref(0);
- const displayedText = ref(''); // 姝ｅ湪鏄剧ず鐨勬枃瀛�
- let timer: number | null = null;
- const streamStr = ref('');
- const inputMsg = ref('');
- const activeSessionId = ref('');
- const fieldNames = { value: 'id', label: 'name' };
- const dialogs = ref([]);
- const dialogObj = reactive({});
- const agentObj = reactive({});
- const agentList = ref([]);
- const selectValue = ref('');
- const sectionList = ref({});
- const DialogList = async () => {
- const { code, data } = await getDialogListApi();
- if (code === 200) {
- if (data) {
- selectValue.value = data[0].id;
- dialogs.value = data.map((item) => {
- return {
- ...item,
- type: 1, //鏅鸿兘浣�
- };
- });
- console.log(data, 'dialogs');
- queryCanvas();
- // querySessionList();
- }
- }
- };
-
- const queryCanvas = async (params = {}) => {
- try {
- const { data } = await queryCanvasList(params);
- console.log(data, 'agent');
- agentList.value = data.map((item) => {
+const currIndex = ref(0);
+const displayedText = ref(""); // 姝ｅ湪鏄剧ず鐨勬枃瀛�
+let timer: number | null = null;
+const streamStr = ref("");
+const inputMsg = ref("");
+const activeSessionId = ref("");
+const fieldNames = { value: "id", label: "name" };
+const dialogs = ref([]);
+const dialogObj = reactive({});
+const agentObj = reactive({});
+const agentList = ref([]);
+const selectValue = ref("");
+const sectionList = ref({});
+const DialogList = async () => {
+ const { code, data } = await getDialogListApi();
+ if (code === 200) {
+ if (data) {
+ selectValue.value = data[0].id;
+ dialogs.value = data.map((item) => {
return {
...item,
- name: item.title,
- type: 2, //agent
+ type: 1 //鏅鸿兘浣�
};
});
- // 鍚堝苟鏁扮粍
- dialogs.value = dialogs.value.concat(agentList.value);
-
- // 鍒ゆ柇褰撳墠鏄櫤鑳戒綋鎴朼gent
- // console.log(val, 'val');
- if (dialogs.value.length > 0) {
- dialogChange(dialogs.value[0].id);
- }
- } catch (err) {
- // you can report use errorHandler or other
- } finally {
+ console.log(data, "dialogs");
+ queryCanvas();
+ // querySessionList();
}
- };
+ }
+};
- const handleShiftEnter = (event) => {
- event.preventDefault();
- inputMsg.value += '\n';
- };
- const dialogChange = (val) => {
+const queryCanvas = async (params = {}) => {
+ try {
+ const { data } = await queryCanvasList(params);
+ console.log(data, "agent");
+ agentList.value = data.map((item) => {
+ return {
+ ...item,
+ name: item.title,
+ type: 2 //agent
+ };
+ });
+ // 鍚堝苟鏁扮粍
+ dialogs.value = dialogs.value.concat(agentList.value);
+
// 鍒ゆ柇褰撳墠鏄櫤鑳戒綋鎴朼gent
// console.log(val, 'val');
- dialogId.value = val;
- dialogs.value.forEach((item) => {
- if (item.id === val) {
- Object.assign(dialogObj, item);
- }
- });
- console.log(dialogObj.type, 'dialogObj');
- if (dialogObj.type == 1) {
- agentType.value = 1;
- querySessionList();
- } else {
- agentType.value = 2;
- queryAgentSessionList();
+ if (dialogs.value.length > 0) {
+ dialogChange(dialogs.value[0].id);
}
+ } catch (err) {
+ // you can report use errorHandler or other
+ } finally {
+ }
+};
- // querySessionList();
- };
- const sentClick = () => {
- sendMessage('click');
- };
- const sendMessage = async (event) => {
- if (event.keyCode == 13 || event === 'click') {
- if (!event.shiftKey) {
- //鍙湁enter娌℃湁shift锛屾垨杩涜浣犵殑鍏朵粬閫昏緫
- if (event !== 'click') {
- event.preventDefault(); // 闃绘榛樿琛屼负锛屽嵆涓嶆崲琛�
- }
+const handleShiftEnter = (event) => {
+ event.preventDefault();
+ inputMsg.value += "\n";
+};
+const dialogChange = (val) => {
+ // 鍒ゆ柇褰撳墠鏄櫤鑳戒綋鎴朼gent
+ // console.log(val, 'val');
+ dialogId.value = val;
+ dialogs.value.forEach((item) => {
+ if (item.id === val) {
+ Object.assign(dialogObj, item);
+ }
+ });
+ console.log(dialogObj.type, "dialogObj");
+ if (dialogObj.type == 1) {
+ agentType.value = 1;
+ querySessionList();
+ } else {
+ agentType.value = 2;
+ queryAgentSessionList();
+ }
- chatDis.value = true;
- loading.value = true;
- if (!activeSessionId.value) {
- Message.warning('璇烽�夋嫨浼氳瘽');
- chatDis.value = false;
- loading.value = false;
- return;
- }
+ // querySessionList();
+};
+const sentClick = () => {
+ sendMessage("click");
+};
+const sendMessage = async (event) => {
+ if (event.keyCode == 13 || event === "click") {
+ if (!event.shiftKey) {
+ //鍙湁enter娌℃湁shift锛屾垨杩涜浣犵殑鍏朵粬閫昏緫
+ if (event !== "click") {
+ event.preventDefault(); // 闃绘榛樿琛屼负锛屽嵆涓嶆崲琛�
+ }
- // if (displayedText.value) {
- // querySessionList();
- // }
+ chatDis.value = true;
+ loading.value = true;
+ if (!activeSessionId.value) {
+ Message.warning("璇烽�夋嫨浼氳瘽");
+ chatDis.value = false;
+ loading.value = false;
+ return;
+ }
- if (inputMsg.value) {
- sessionDetailList.value.push({
- content: inputMsg.value,
- role: 'user',
- });
- sessionDetailList.value.push({ role: 'last' });
- refreshScroll();
- const response = await fetch(
- '/api/tech/cloudminds/query?modeltype=localragflow',
- {
- method: 'POST',
- headers: {
- 'Authorization': getAuthorization(),
- 'Content-Type': 'application/json',
- },
- body: JSON.stringify({
- conversation_id: activeSessionId.value,
- messages: inputMsg.value,
- }),
+ // if (displayedText.value) {
+ // querySessionList();
+ // }
+
+ if (inputMsg.value) {
+ sessionDetailList.value.push({
+ content: inputMsg.value,
+ role: "user"
+ });
+ sessionDetailList.value.push({ role: "last" });
+ refreshScroll();
+ const response = await fetch(
+ "/api/tech/cloudminds/query?modeltype=localragflow",
+ {
+ method: "POST",
+ headers: {
+ "Authorization": getAuthorization(),
+ "Content-Type": "application/json"
+ },
+ body: JSON.stringify({
+ conversation_id: activeSessionId.value,
+ messages: inputMsg.value
+ })
+ }
+ );
+
+ const reader = response?.body
+ ?.pipeThrough(new TextDecoderStream())
+ .pipeThrough(new EventSourceParserStream())
+ .getReader();
+ currIndex.value = 0;
+ while (true) {
+ const x = await reader?.read();
+ if (x) {
+ const { done, value } = x;
+ console.log(x, 999);
+ try {
+ const val = JSON.parse(value?.data || "");
+ const d = val?.data;
+ if (typeof d !== "boolean") {
+ console.info("data:", d);
+ streamStr.value = d.content;
+ startDisplayStr();
+ }
+ } catch (e) {
+ console.warn(e);
}
- );
-
- const reader = response?.body
- ?.pipeThrough(new TextDecoderStream())
- .pipeThrough(new EventSourceParserStream())
- .getReader();
- currIndex.value = 0;
- while (true) {
- const x = await reader?.read();
- if (x) {
- const { done, value } = x;
- console.log(x, 999);
- try {
- const val = JSON.parse(value?.data || '');
- const d = val?.data;
- if (typeof d !== 'boolean') {
- console.info('data:', d);
- streamStr.value = d.content;
- startDisplayStr();
- }
- } catch (e) {
- console.warn(e);
- }
- if (done) {
- console.info('done');
- displayedText.value = '';
- querySessionDetail(sectionList.value);
- break;
- }
+ if (done) {
+ console.info("done");
+ displayedText.value = "";
+ querySessionDetail(sectionList.value);
+ break;
}
}
- querySessionList();
- chatDis.value = false;
- loading.value = false;
- inputMsg.value = '';
- } else {
- Message.warning('娑堟伅涓嶈兘涓虹┖');
- chatDis.value = false;
- loading.value = false;
}
+ querySessionList();
+ chatDis.value = false;
+ loading.value = false;
+ inputMsg.value = "";
+ } else {
+ Message.warning("娑堟伅涓嶈兘涓虹┖");
+ chatDis.value = false;
+ loading.value = false;
}
}
- };
- const querySessionDetail = async (session) => {
- sectionList.value = session;
- activeSessionId.value = session.id;
- const { code, data } = await getSessionDetailsApi(session.id);
- if (code === 200) {
- sessionDetailList.value = data.message;
- refreshScroll(); //鍒锋柊婊氬姩鏉′綅缃�
- }
- };
- const queryAgentSessionDetail = async (id) => {
- const { code, data } = await getAgentSessionDetailsApi(id);
- if (code == 0) {
- Object.assign(agentObj, data);
- // sessionDetailList.value = data.message;
- // refreshScroll(); //鍒锋柊婊氬姩鏉′綅缃�
- }
- };
- const scrollbar = ref(null);
- const refreshScroll = () => {
- nextTick(() => {
- const container = document.getElementById('home');
- scrollbar.value.scrollTop(container.scrollHeight);
- });
- };
- // 鏌ヨ浼氳瘽鍒楄〃
- const querySessionList = async () => {
- const { code, data } = await sessionListApi(selectValue.value);
- if (code === 200) {
- sessionList.value = data;
- activeSessionId.value = data[0].id; //榛樿閫夋嫨绗竴涓�
- querySessionDetail(data[0]);
- } else {
- Message.warning('鏌ヨ澶辫触');
- }
- };
-
- // 鏌ヨ浼氳瘽鍒楄〃
- const queryAgentSessionList = async () => {
- // const { code, data } = await sessionListApi(selectValue.value);
- // if (code === 200) {
- //
- // } else {
- // Message.warning('鏌ヨ澶辫触');
- // }
- queryAgentSessionDetail(selectValue.value);
- };
-
- //鏂板浼氳瘽涔嬪悗鍒锋柊浼氳瘽鍒楄〃
- const addSession = () => {
- querySessionList();
- };
- onMounted(() => {
- DialogList();
+ }
+};
+const querySessionDetail = async (session) => {
+ sectionList.value = session;
+ activeSessionId.value = session.id;
+ const { code, data } = await getSessionDetailsApi(session.id);
+ if (code === 200) {
+ sessionDetailList.value = data.message;
+ refreshScroll(); //鍒锋柊婊氬姩鏉′綅缃�
+ }
+};
+const queryAgentSessionDetail = async (id) => {
+ const { code, data } = await getAgentSessionDetailsApi(id);
+ if (code == 0) {
+ Object.assign(agentObj, data);
+ // sessionDetailList.value = data.message;
+ // refreshScroll(); //鍒锋柊婊氬姩鏉′綅缃�
+ }
+};
+const scrollbar = ref(null);
+const refreshScroll = () => {
+ nextTick(() => {
+ const container = document.getElementById("home");
+ scrollbar.value.scrollTop(container.scrollHeight);
});
+};
+// 鏌ヨ浼氳瘽鍒楄〃
+const querySessionList = async () => {
+ const { code, data } = await sessionListApi(selectValue.value);
+ if (code === 200) {
+ sessionList.value = data;
+ activeSessionId.value = data[0].id; //榛樿閫夋嫨绗竴涓�
+ querySessionDetail(data[0]);
+ } else {
+ Message.warning("鏌ヨ澶辫触");
+ }
+};
- const appStore = useAppStore();
- const theme = computed(() => {
- return appStore.theme;
- });
+// 鏌ヨ浼氳瘽鍒楄〃
+const queryAgentSessionList = async () => {
+ // const { code, data } = await sessionListApi(selectValue.value);
+ // if (code === 200) {
+ //
+ // } else {
+ // Message.warning('鏌ヨ澶辫触');
+ // }
+ queryAgentSessionDetail(selectValue.value);
+};
- //鏂囧瓧鍔ㄦ�佽緭鍑�
- const startDisplayStr = () => {
- if (timer) {
- clearTimeout(timer!);
- }
- const res = streamStr.value;
- // 灏嗘暟缁勪腑鐨勫瓧绗︿覆鎷兼帴璧锋潵
- if (currIndex.value < res.length) {
- displayedText.value += res[currIndex.value];
- currIndex.value++;
- setTimeout(startDisplayStr, 100);
- refreshScroll();
- } else {
- clearTimeout(timer!);
- timer = null;
- }
- };
+//鏂板浼氳瘽涔嬪悗鍒锋柊浼氳瘽鍒楄〃
+const addSession = () => {
+ querySessionList();
+};
+onMounted(() => {
+ DialogList();
+});
+
+const appStore = useAppStore();
+const theme = computed(() => {
+ return appStore.theme;
+});
+
+//鏂囧瓧鍔ㄦ�佽緭鍑�
+const startDisplayStr = () => {
+ if (timer) {
+ clearTimeout(timer!);
+ }
+ const res = streamStr.value;
+ // 灏嗘暟缁勪腑鐨勫瓧绗︿覆鎷兼帴璧锋潵
+ if (currIndex.value < res.length) {
+ displayedText.value += res[currIndex.value];
+ currIndex.value++;
+ setTimeout(startDisplayStr, 100);
+ refreshScroll();
+ } else {
+ clearTimeout(timer!);
+ timer = null;
+ }
+};
</script>
<style scoped lang="scss">
- .isLeftActive {
- background-color: #ededf5;
- }
- .left-list-item {
- margin-bottom: 2px;
- }
- .left-list-item:hover {
- background-color: #ededf5;
+.isLeftActive {
+ background-color: #ededf5;
+}
+
+.left-list-item {
+ margin-bottom: 2px;
+}
+
+.left-list-item:hover {
+ background-color: #ededf5;
+}
+
+.dark {
+ color: gray !important;
+}
+
+.container {
+ .top-title {
+ line-height: 32px;
+ font-size: 16px;
+ color: #333;
}
- .dark {
- color: gray !important;
- }
-
- .container {
- .top-title {
- line-height: 32px;
- font-size: 16px;
- color: #333;
+ .left-select {
+ :deep(.arco-select-view-single) {
+ border-radius: 5px;
}
- .left-select {
- :deep(.arco-select-view-single) {
- border-radius: 5px;
- }
- }
+ }
- .center,
- .right {
- box-sizing: border-box;
- height: calc(100vh - 200px);
- }
+ .center,
+ .right {
+ box-sizing: border-box;
+ height: calc(100vh - 200px);
+ }
- .left {
- /* height: calc(100vh - 160px);
- overflow-y: auto;
- overflow-x: hidden;*/
- border: 0px;
+ .left {
+ /* height: calc(100vh - 160px);
+ overflow-y: auto;
+ overflow-x: hidden;*/
+ border: 0px;
- .left-list {
- .item {
- cursor: pointer;
+ .left-list {
+ .item {
+ cursor: pointer;
- .text,
- .time {
- line-height: 30px;
- }
+ .text,
+ .time {
+ line-height: 30px;
+ }
- .text {
- color: black;
- padding-left: 10px;
- }
+ .text {
+ color: black;
+ padding-left: 10px;
+ }
- .time {
- color: gray;
- font-size: 12px;
- padding-left: 10px;
- }
+ .time {
+ color: gray;
+ font-size: 12px;
+ padding-left: 10px;
}
}
}
- .card-btn-1 {
- margin: 8px 15px;
- width: 100%;
- border-radius: 5px;
- }
+ }
- .card-btn-2 {
- margin: 10px 10px;
- }
- .chatItemAnswer {
+ .card-btn-1 {
+ margin: 8px 15px;
+ width: 100%;
+ border-radius: 5px;
+ }
+
+ .card-btn-2 {
+ margin: 10px 10px;
+ }
+
+ .chatItemAnswer {
+ box-sizing: border-box;
+ background: #f1f1f1;
+ border-radius: 14px;
+
+ .light {
box-sizing: border-box;
background: #f1f1f1;
border-radius: 14px;
- .light {
- box-sizing: border-box;
- background: #f1f1f1;
- border-radius: 14px;
- }
}
- .textItemAnswer {
- background-color: #373739;
+ }
+
+ .textItemAnswer {
+ background-color: #373739;
+ }
+
+ .center {
+ position: relative;
+
+ .center-title {
+ line-height: 60px;
+ font-size: 25px;
+ font-family: 榛戜綋;
+ color: deepskyblue;
}
- .center {
- position: relative;
+ .center-content {
+ font-size: 14px;
+ color: gray;
+ }
- .center-title {
- line-height: 60px;
- font-size: 25px;
- font-family: 榛戜綋;
- color: deepskyblue;
+ .center-question {
+ margin-top: 20px;
+ display: flex;
+ justify-content: space-between;
+
+ .center-question-left {
+ margin-top: 5px;
+ margin-left: 20px;
}
- .center-content {
- font-size: 14px;
- color: gray;
+ .center-question-right {
+ margin-right: 20px;
}
+ }
- .center-question {
- margin-top: 20px;
- display: flex;
- justify-content: space-between;
+ .center-list {
+ margin-top: 10px;
- .center-question-left {
- margin-top: 5px;
- margin-left: 20px;
- }
-
- .center-question-right {
- margin-right: 20px;
- }
- }
- .center-list {
+ .item {
+ border-radius: 10px;
margin-top: 10px;
+ padding: 10px;
+ min-height: 120px;
+ background-color: #e9f3ff;
- .item {
- border-radius: 10px;
- margin-top: 10px;
- padding: 10px;
- min-height: 120px;
- background-color: #e9f3ff;
- .item-content {
- color: #666;
- }
- .item-title {
- text-align: center;
- line-height: 40px;
- font-size: 20px;
- font-family: 榛戜綋;
- color: #333;
- }
+ .item-content {
+ color: #666;
+ }
+
+ .item-title {
+ text-align: center;
+ line-height: 40px;
+ font-size: 20px;
+ font-family: 榛戜綋;
+ color: #333;
}
}
- .chartStart {
- color: #4955f5;
- cursor: pointer;
- font-family: PingFangSC-Medium;
- font-size: 12px;
- font-weight: 500;
- }
- .chat_bottom {
+ }
+
+ .chartStart {
+ color: #4955f5;
+ cursor: pointer;
+ font-family: PingFangSC-Medium;
+ font-size: 12px;
+ font-weight: 500;
+ }
+
+ .chat_bottom {
+ display: flex;
+ align-items: center;
+
+ .center-bottom {
+ // position: absolute;
+ // width: 90%;
+ // bottom: 20px;
+ // left: 5%;
+ background: #fff;
+ border: 1px solid #00000014;
+ border-radius: 24px;
display: flex;
- align-items: center;
- .center-bottom {
- // position: absolute;
- // width: 90%;
- // bottom: 20px;
- // left: 5%;
- background: #fff;
- border: 1px solid #00000014;
- border-radius: 24px;
- display: flex;
- flex: 1 1;
- flex-direction: column;
- overflow: hidden;
- position: relative;
- // padding-top:10px;
- :deep(.arco-textarea-wrapper) {
- border-radius: 24px;
- }
-
- .btn-send {
- position: absolute !important;
- right: 10px;
- bottom: 10px;
- z-index: 10;
- }
- :deep(.arco-btn-size-large) {
- height: 28px;
- width: 60px;
- }
- }
+ flex: 1 1;
+ flex-direction: column;
+ overflow: hidden;
+ position: relative;
+ // padding-top:10px;
:deep(.arco-textarea-wrapper) {
- padding-top: 5px;
+ border-radius: 24px;
}
+
+ .btn-send {
+ position: absolute !important;
+ right: 10px;
+ bottom: 10px;
+ z-index: 10;
+ }
+
+ :deep(.arco-btn-size-large) {
+ height: 28px;
+ width: 60px;
+ }
+ }
+
+ :deep(.arco-textarea-wrapper) {
+ padding-top: 5px;
}
}
- .chat-item {
- padding: 10px 0;
- .chartUserText {
- font-weight: 600;
- font-size: 14px;
- color: #333;
- margin-top: 4px;
+ }
+
+ .chat-item {
+ padding: 10px 0;
+
+ .chartUserText {
+ font-weight: 600;
+ font-size: 14px;
+ color: #333;
+ margin-top: 4px;
+ }
+
+ .icon-user-jpg {
+ border: 1px solid #d9d9d9;
+ }
+ }
+
+ .right {
+ .right-top {
+ display: flex;
+ justify-content: space-between;
+
+ .right-title {
+ font-size: 25px;
+ color: black;
}
- .icon-user-jpg {
- border: 1px solid #d9d9d9;
+
+ .right-btn {
+ position: relative;
+ left: 20px;
+ top: 0px;
}
}
- .right {
- .right-top {
- display: flex;
- justify-content: space-between;
- .right-title {
- font-size: 25px;
- color: black;
- }
+ .right-tag {
+ margin-top: 20px;
+ display: flex;
+ justify-content: space-between;
+ flex-wrap: wrap;
- .right-btn {
- position: relative;
- left: 20px;
- top: 0px;
- }
- }
- .right-tag {
- margin-top: 20px;
- display: flex;
- justify-content: space-between;
- flex-wrap: wrap;
- :deep(.arco-btn-primary) {
- margin-bottom: 10px !important;
- &:hover {
- background-color: #e9f3ff;
- color: rgb(22, 93, 255);
- }
- }
- }
+ :deep(.arco-btn-primary) {
+ margin-bottom: 10px !important;
- .right-list {
- .right-item {
- border-radius: 10px;
- margin-top: 10px;
- padding: 10px;
- min-height: 120px;
+ &:hover {
background-color: #e9f3ff;
+ color: rgb(22, 93, 255);
+ }
+ }
+ }
- .item-title {
- text-align: center;
- line-height: 40px;
- font-size: 20px;
- font-family: 榛戜綋;
- color: #333;
- }
+ .right-list {
+ .right-item {
+ border-radius: 10px;
+ margin-top: 10px;
+ padding: 10px;
+ min-height: 120px;
+ background-color: #e9f3ff;
+
+ .item-title {
+ text-align: center;
+ line-height: 40px;
+ font-size: 20px;
+ font-family: 榛戜綋;
+ color: #333;
}
}
}
}
+}
</style>
diff --git a/src/views/sessionManager/index2.vue b/src/views/sessionManager/index2.vue
new file mode 100644
index 0000000..8243092
--- /dev/null
+++ b/src/views/sessionManager/index2.vue
@@ -0,0 +1,838 @@
+<template>
+ <div class="container">
+ <AddSession
+ :modalObj="modalObj"
+ @addSession="addSession"
+ :dialogId="dialogId"
+ ></AddSession>
+ <a-card class="top-title">AI浼氳瘽璁板綍</a-card>
+ <a-row :gutter="[5, 5]" style="margin-top: 3px">
+ <a-col :span="6">
+ <a-card class="left-select">
+ <a-select
+ v-model="selectValue"
+ :options="dialogs"
+ :field-names="fieldNames"
+ @change="dialogChange"
+ >
+ </a-select>
+ </a-card>
+ <a-card style="height: 50px">
+ <template #cover>
+ <div style="display: flex; justify-content: space-between">
+ <a-button
+ type="primary"
+ shape="round"
+ class="card-btn-1"
+ @click="modalObj.add = true"
+ >
+ +鏂板缓浼氳瘽
+ </a-button>
+ <!-- <a-button type="text" shape="circle" class="card-btn-2">
+ <icon-search />
+ </a-button> -->
+ </div>
+ </template>
+ </a-card>
+ <a-card class="left">
+ <a-scrollbar
+ class="left-list"
+ style="
+ height: calc(100vh - 350px);
+ overflow-y: auto;
+ overflow-x: hidden;
+ "
+ >
+ <div
+ class="item left-list-item"
+ v-for="session in sessionList"
+ @click="querySessionDetail(session)"
+ :class="{ isLeftActive: activeSessionId === session.id }"
+ >
+ <div class="text" :class="{ time: theme === 'dark' }"
+ >{{ session.name }}
+ </div>
+ <div class="time"
+ >{{
+ moment(new Date(session.create_time)).format(
+ 'YYYY-MM-DD HH:mm:ss'
+ )
+ }}
+ </div>
+ </div>
+ </a-scrollbar>
+ </a-card>
+ </a-col>
+ <!-- 鏅鸿兘浣撲細璇�-->
+ <a-col :span="18" v-show="agentType == '1'">
+ <a-card class="center">
+ <!-- <div
+ v-if="sessionDetailList.length === 0"
+ style="
+ width: 90%;
+ overflow: auto;
+ height: 65vh;
+ margin: 0px auto 20px;
+ "
+ >
+ <div class="center-title">鏅鸿兘闂瓟</div>
+ <div class="center-content">
+ 鎴戝彲浠ョ悊瑙ｅ拰瀛︿範浜虹被鐨勮瑷�锛屽叿澶囧杞璇濈殑鑳藉姏锛岀幇鍦ㄥ拰鎴戝紑濮嬩氦娴佸惂~
+ </div>
+ <div class="center-question">
+ <div class="center-question-left">璇曚竴璇曡繖鏍烽棶鎴�</div>
+ <div class="center-question-right">
+ <a-button type="primary">鎹竴鎹�</a-button>
+ </div>
+ </div>
+ <a-row justify="space-around" class="center-list">
+ <a-col :span="7" class="item">
+ <div class="item-title">
+ <IconTiktokColor></IconTiktokColor>
+ 鎶栭煶甯﹁揣鑴氭湰
+ </div>
+ <div class="item-content" :class="{ dark: theme === 'dark' }">
+ 缂栧啓寮曚汉娉ㄧ洰涓斿叿鏈夎鏈嶅姏鐨勩�侀�傜敤浜庝骇鍝佺殑...
+ </div>
+ </a-col>
+ <a-col :span="7" class="item">
+ <div class="item-title">
+ <IconTiktokColor></IconTiktokColor>
+ 鎶栭煶甯﹁揣鑴氭湰
+ </div>
+ <div class="item-content" :class="{ dark: theme === 'dark' }">
+ 缂栧啓寮曚汉娉ㄧ洰涓斿叿鏈夎鏈嶅姏鐨勩�侀�傜敤浜庝骇鍝佺殑...
+ </div>
+ </a-col>
+ <a-col :span="7" class="item">
+ <div class="item-title">
+ <IconTiktokColor></IconTiktokColor>
+ 鎶栭煶甯﹁揣鑴氭湰
+ </div>
+ <div class="item-content" :class="{ dark: theme === 'dark' }">
+ 缂栧啓寮曚汉娉ㄧ洰涓斿叿鏈夎鏈嶅姏鐨勩�侀�傜敤浜庝骇鍝佺殑...
+ </div>
+ </a-col>
+ <a-col :span="7" class="item">
+ <div class="item-title">
+ <IconTiktokColor></IconTiktokColor>
+ 鎶栭煶甯﹁揣鑴氭湰
+ </div>
+ <div class="item-content" :class="{ dark: theme === 'dark' }">
+ 缂栧啓寮曚汉娉ㄧ洰涓斿叿鏈夎鏈嶅姏鐨勩�侀�傜敤浜庝骇鍝佺殑...
+ </div>
+ </a-col>
+ <a-col :span="7" class="item">
+ <div class="item-title">
+ <IconTiktokColor></IconTiktokColor>
+ 鎶栭煶甯﹁揣鑴氭湰
+ </div>
+ <div class="item-content" :class="{ dark: theme === 'dark' }">
+ 缂栧啓寮曚汉娉ㄧ洰涓斿叿鏈夎鏈嶅姏鐨勩�侀�傜敤浜庝骇鍝佺殑...
+ </div>
+ </a-col>
+ <a-col :span="7" class="item">
+ <div class="item-title">
+ <IconTiktokColor></IconTiktokColor>
+ 鎶栭煶甯﹁揣鑴氭湰
+ </div>
+ <div class="item-content" :class="{ dark: theme === 'dark' }">
+ 缂栧啓寮曚汉娉ㄧ洰涓斿叿鏈夎鏈嶅姏鐨勩�侀�傜敤浜庝骇鍝佺殑...
+ </div>
+ </a-col>
+ </a-row>
+ </div> -->
+ <a-scrollbar
+ ref="scrollbar"
+ id="home"
+ class="chat-list"
+ style="
+ width: 90%;
+ overflow: auto;
+ height: calc(100vh - 380px);
+ margin: 0px auto 20px;
+ "
+ >
+ <div class="chat-item" v-for="sessionDetail in sessionDetailList">
+ <a-comment v-if="sessionDetail.role === 'user'">
+ <template #avatar>
+ <img
+ class="icon-user-jpg"
+ src="../../assets/images/icon-user.jpg"
+ alt="鏈湴鍥剧墖"
+ />
+ </template>
+ <template #content>
+ <div :class="{ chartUserText: theme === 'light' }"
+ >{{ sessionDetail.content }}
+ </div>
+ </template>
+ </a-comment>
+ <a-comment v-else-if="sessionDetail.role === 'assistant'">
+ <template #avatar>
+ <img
+ class="icon-user-jpg"
+ src="../../assets/images/icon-chart.png"
+ alt="鏈湴鍥剧墖"
+ />
+ </template>
+ <template #content>
+ <a-card :class="{ chatItemAnswer: theme === 'light' }">
+ <div :class="{ light: theme === 'light' }"
+ >{{ sessionDetail.content }}
+ </div>
+ </a-card>
+ </template>
+ </a-comment>
+ <a-comment v-else-if="sessionDetail.role === 'last'">
+ <template #avatar>
+ <img
+ class="icon-user-jpg"
+ src="../../assets/images/icon-chart.png"
+ alt="鏈湴鍥剧墖"
+ />
+ </template>
+ <template #content>
+ <a-textarea
+ readonly
+ auto-size
+ v-model="displayedText"
+ :class="{ chatItemAnswer: theme === 'light' }"
+ >
+ </a-textarea>
+ </template>
+ </a-comment>
+ </div>
+ <!-- <div class="chartStart" v-if="isStart" @click="startChat"
+ >鍋滄鐢熸垚</div
+ >
+ <div class="chartStart v-else" @click="stopChat">閲嶆柊鐢熸垚</div> -->
+ </a-scrollbar>
+ <div class="chat_bottom">
+ <div class="center-bottom">
+ <!-- <a-textarea
+ v-model="inputMsg"
+ @keydown.shift.enter="sendMessage"
+ style="height: 180px"
+ placeholder="杈撳叆鎮ㄦ兂浜嗚В鐨勫唴瀹癸紝Shift+Enter鍙戦��"
+ :max-length="500"
+ allow-clear
+ show-word-limit
+ >
+ </a-textarea> -->
+ <a-textarea
+ v-model="inputMsg"
+ @keydown.shift.enter="handleShiftEnter"
+ @keydown.enter="sendMessage"
+ placeholder="杈撳叆鎮ㄦ兂浜嗚В鐨勫唴瀹癸紝Shift+Enter鎹㈣锛孍nter鍙戦��"
+ allow-clear
+ show-word-limit
+ :disabled="chatDis"
+ :class="{ textItemAnswer: theme === 'dark' }"
+ :auto-size="{
+ minRows: 12,
+ maxRows: 5,
+ }"
+ />
+ <div class="btn-send">
+ <!-- <icon-send size="32" /> -->
+ <a-button
+ :disabled="chatDis"
+ @click="sentClick"
+ type="primary"
+ style="border-radius: 24px"
+ :loading="loading"
+ size="large"
+ >鍙戦��</a-button
+ >
+ </div>
+ </div>
+ </div>
+ </a-card>
+ </a-col>
+ <a-col :span="18" v-show="agentType == '2'">
+ <a-card class="center">
+ <agentSession :modalObj="agentObj"></agentSession>
+ </a-card>
+ </a-col>
+
+ <!-- <a-col :span="5">
+ <a-card class="right">
+ <div class="right-top">
+ <div class="right-title">鏁版櫤搴�</div>
+ <div class="right-btn">
+ <a-button type="outline" shape="circle" style="border: none">
+ <icon-search />
+ </a-button>
+ <a-button
+ type="outline"
+ shape="circle"
+ style="border: none; margin-left: -10px"
+ >
+ <icon-close />
+ </a-button>
+ </div>
+ </div>
+ <div class="right-tag">
+ <a-button type="primary" size="mini" class="btn">鍏ㄩ儴 </a-button>
+ <a-button type="outline" size="mini" class="btn"
+ >鏂囨。鍒涗綔
+ </a-button>
+ <a-button type="outline" size="mini" class="btn"
+ >鐭ヨ瘑瀛︿範
+ </a-button>
+ <a-button type="outline" size="mini" class="btn"
+ >鏁堢巼鎻愬崌
+ </a-button>
+ </div>
+ <div class="right-list">
+ <div class="right-item">
+ <div class="item-title">
+ <IconTiktokColor></IconTiktokColor>
+ 鎶栭煶甯﹁揣鑴氭湰
+ </div>
+ <div class="item-content" :class="{ dark: theme === 'dark' }">
+ 缂栧啓寮曚汉娉ㄧ洰涓斿叿鏈夎鏈嶅姏鐨勩�侀�傜敤浜庝骇鍝佺殑...
+ </div>
+ </div>
+ <div class="right-item">
+ <div class="item-title">
+ <IconTiktokColor></IconTiktokColor>
+ 鎶栭煶甯﹁揣鑴氭湰
+ </div>
+ <div class="item-content" :class="{ dark: theme === 'dark' }">
+ 缂栧啓寮曚汉娉ㄧ洰涓斿叿鏈夎鏈嶅姏鐨勩�侀�傜敤浜庝骇鍝佺殑...
+ </div>
+ </div>
+ <div class="right-item">
+ <div class="item-title">
+ <IconTiktokColor></IconTiktokColor>
+ 鎶栭煶甯﹁揣鑴氭湰
+ </div>
+ <div class="item-content" :class="{ dark: theme === 'dark' }">
+ 缂栧啓寮曚汉娉ㄧ洰涓斿叿鏈夎鏈嶅姏鐨勩�侀�傜敤浜庝骇鍝佺殑...
+ </div>
+ </div>
+ </div>
+ </a-card>
+ </a-col> -->
+ </a-row>
+ </div>
+</template>
+<script setup lang="ts">
+ import {
+ IconClose,
+ IconSearch,
+ IconTiktokColor,
+ } from '@arco-design/web-vue/es/icon';
+ import { useAppStore, useUserStore } from '@/store';
+ import { computed, nextTick, onMounted, watch, reactive, ref } from 'vue';
+
+ import { Message } from '@arco-design/web-vue';
+ import { EventSourceParserStream } from 'eventsource-parser/stream';
+ import moment from 'moment';
+ import AddSession from '@/views/sessionManager/components/addSession.vue';
+ import agentSession from '@/views/sessionManager/components/agentSession.vue';
+ import {
+ chatApi,
+ getDialogListApi,
+ getSessionDetailsApi,
+ sessionListApi,
+ } from '@/api/session';
+ import { getAuthorization } from '@/utils/auth';
+ import { queryCanvasList } from '@/api/Agent';
+ import { getAgentSessionDetailsApi } from '@/api/agentSession';
+
+ const sessionDetailList = ref([]); //鏍规嵁浼氳瘽id鍑烘潵鐨勪細璇濊鎯�
+ const sessionList = ref([]); //浼氳瘽鍒楄〃
+ const modalObj = reactive({ add: false });
+ const dialogId = ref('');
+ const chatDis = ref(false);
+ const loading = ref(false);
+ const agentType = ref('1');
+
+ const currIndex = ref(0);
+ const displayedText = ref(''); // 姝ｅ湪鏄剧ず鐨勬枃瀛�
+ let timer: number | null = null;
+ const streamStr = ref('');
+ const inputMsg = ref('');
+ const activeSessionId = ref('');
+ const fieldNames = { value: 'id', label: 'name' };
+ const dialogs = ref([]);
+ const dialogObj = reactive({});
+ const agentObj = reactive({});
+ const agentList = ref([]);
+ const selectValue = ref('');
+ const sectionList = ref({});
+ const DialogList = async () => {
+ const { code, data } = await getDialogListApi();
+ if (code === 200) {
+ if (data) {
+ selectValue.value = data[0].id;
+ dialogs.value = data.map((item) => {
+ return {
+ ...item,
+ type: 1, //鏅鸿兘浣�
+ };
+ });
+ console.log(data, 'dialogs');
+ queryCanvas();
+ // querySessionList();
+ }
+ }
+ };
+
+ const queryCanvas = async (params = {}) => {
+ try {
+ const { data } = await queryCanvasList(params);
+ console.log(data, 'agent');
+ agentList.value = data.map((item) => {
+ return {
+ ...item,
+ name: item.title,
+ type: 2, //agent
+ };
+ });
+ // 鍚堝苟鏁扮粍
+ dialogs.value = dialogs.value.concat(agentList.value);
+
+ // 鍒ゆ柇褰撳墠鏄櫤鑳戒綋鎴朼gent
+ // console.log(val, 'val');
+ if (dialogs.value.length > 0) {
+ dialogChange(dialogs.value[0].id);
+ }
+ } catch (err) {
+ // you can report use errorHandler or other
+ } finally {
+ }
+ };
+
+ const handleShiftEnter = (event) => {
+ event.preventDefault();
+ inputMsg.value += '\n';
+ };
+ const dialogChange = (val) => {
+ // 鍒ゆ柇褰撳墠鏄櫤鑳戒綋鎴朼gent
+ // console.log(val, 'val');
+ dialogId.value = val;
+ dialogs.value.forEach((item) => {
+ if (item.id === val) {
+ Object.assign(dialogObj, item);
+ }
+ });
+ console.log(dialogObj.type, 'dialogObj');
+ if (dialogObj.type == 1) {
+ agentType.value = 1;
+ querySessionList();
+ } else {
+ agentType.value = 2;
+ queryAgentSessionList();
+ }
+
+ // querySessionList();
+ };
+ const sentClick = () => {
+ sendMessage('click');
+ };
+ const sendMessage = async (event) => {
+ if (event.keyCode == 13 || event === 'click') {
+ if (!event.shiftKey) {
+ //鍙湁enter娌℃湁shift锛屾垨杩涜浣犵殑鍏朵粬閫昏緫
+ if (event !== 'click') {
+ event.preventDefault(); // 闃绘榛樿琛屼负锛屽嵆涓嶆崲琛�
+ }
+
+ chatDis.value = true;
+ loading.value = true;
+ if (!activeSessionId.value) {
+ Message.warning('璇烽�夋嫨浼氳瘽');
+ chatDis.value = false;
+ loading.value = false;
+ return;
+ }
+
+ // if (displayedText.value) {
+ // querySessionList();
+ // }
+
+ if (inputMsg.value) {
+ sessionDetailList.value.push({
+ content: inputMsg.value,
+ role: 'user',
+ });
+ sessionDetailList.value.push({ role: 'last' });
+ refreshScroll();
+ const response = await fetch(
+ '/api/tech/cloudminds/query?modeltype=localragflow',
+ {
+ method: 'POST',
+ headers: {
+ 'Authorization': getAuthorization(),
+ 'Content-Type': 'application/json',
+ },
+ body: JSON.stringify({
+ conversation_id: activeSessionId.value,
+ messages: inputMsg.value,
+ }),
+ }
+ );
+
+ const reader = response?.body
+ ?.pipeThrough(new TextDecoderStream())
+ .pipeThrough(new EventSourceParserStream())
+ .getReader();
+ currIndex.value = 0;
+ while (true) {
+ const x = await reader?.read();
+ if (x) {
+ const { done, value } = x;
+ console.log(x, 999);
+ try {
+ const val = JSON.parse(value?.data || '');
+ const d = val?.data;
+ if (typeof d !== 'boolean') {
+ console.info('data:', d);
+ streamStr.value = d.content;
+ startDisplayStr();
+ }
+ } catch (e) {
+ console.warn(e);
+ }
+ if (done) {
+ console.info('done');
+ displayedText.value = '';
+ querySessionDetail(sectionList.value);
+ break;
+ }
+ }
+ }
+ querySessionList();
+ chatDis.value = false;
+ loading.value = false;
+ inputMsg.value = '';
+ } else {
+ Message.warning('娑堟伅涓嶈兘涓虹┖');
+ chatDis.value = false;
+ loading.value = false;
+ }
+ }
+ }
+ };
+ const querySessionDetail = async (session) => {
+ sectionList.value = session;
+ activeSessionId.value = session.id;
+ const { code, data } = await getSessionDetailsApi(session.id);
+ if (code === 200) {
+ sessionDetailList.value = data.message;
+ refreshScroll(); //鍒锋柊婊氬姩鏉′綅缃�
+ }
+ };
+ const queryAgentSessionDetail = async (id) => {
+ const { code, data } = await getAgentSessionDetailsApi(id);
+ if (code == 0) {
+ Object.assign(agentObj, data);
+ // sessionDetailList.value = data.message;
+ // refreshScroll(); //鍒锋柊婊氬姩鏉′綅缃�
+ }
+ };
+ const scrollbar = ref(null);
+ const refreshScroll = () => {
+ nextTick(() => {
+ const container = document.getElementById('home');
+ scrollbar.value.scrollTop(container.scrollHeight);
+ });
+ };
+ // 鏌ヨ浼氳瘽鍒楄〃
+ const querySessionList = async () => {
+ const { code, data } = await sessionListApi(selectValue.value);
+ if (code === 200) {
+ sessionList.value = data;
+ activeSessionId.value = data[0].id; //榛樿閫夋嫨绗竴涓�
+ querySessionDetail(data[0]);
+ } else {
+ Message.warning('鏌ヨ澶辫触');
+ }
+ };
+
+ // 鏌ヨ浼氳瘽鍒楄〃
+ const queryAgentSessionList = async () => {
+ // const { code, data } = await sessionListApi(selectValue.value);
+ // if (code === 200) {
+ //
+ // } else {
+ // Message.warning('鏌ヨ澶辫触');
+ // }
+ queryAgentSessionDetail(selectValue.value);
+ };
+
+ //鏂板浼氳瘽涔嬪悗鍒锋柊浼氳瘽鍒楄〃
+ const addSession = () => {
+ querySessionList();
+ };
+ onMounted(() => {
+ DialogList();
+ });
+
+ const appStore = useAppStore();
+ const theme = computed(() => {
+ return appStore.theme;
+ });
+
+ //鏂囧瓧鍔ㄦ�佽緭鍑�
+ const startDisplayStr = () => {
+ if (timer) {
+ clearTimeout(timer!);
+ }
+ const res = streamStr.value;
+ // 灏嗘暟缁勪腑鐨勫瓧绗︿覆鎷兼帴璧锋潵
+ if (currIndex.value < res.length) {
+ displayedText.value += res[currIndex.value];
+ currIndex.value++;
+ setTimeout(startDisplayStr, 100);
+ refreshScroll();
+ } else {
+ clearTimeout(timer!);
+ timer = null;
+ }
+ };
+</script>
+<style scoped lang="scss">
+ .isLeftActive {
+ background-color: #ededf5;
+ }
+ .left-list-item {
+ margin-bottom: 2px;
+ }
+ .left-list-item:hover {
+ background-color: #ededf5;
+ }
+
+ .dark {
+ color: gray !important;
+ }
+
+ .container {
+ .top-title {
+ line-height: 32px;
+ font-size: 16px;
+ color: #333;
+ }
+ .left-select {
+ :deep(.arco-select-view-single) {
+ border-radius: 5px;
+ }
+ }
+
+ .center,
+ .right {
+ box-sizing: border-box;
+ height: calc(100vh - 200px);
+ }
+
+ .left {
+ /* height: calc(100vh - 160px);
+ overflow-y: auto;
+ overflow-x: hidden;*/
+ border: 0px;
+
+ .left-list {
+ .item {
+ cursor: pointer;
+
+ .text,
+ .time {
+ line-height: 30px;
+ }
+
+ .text {
+ color: black;
+ padding-left: 10px;
+ }
+
+ .time {
+ color: gray;
+ font-size: 12px;
+ padding-left: 10px;
+ }
+ }
+ }
+ }
+ .card-btn-1 {
+ margin: 8px 15px;
+ width: 100%;
+ border-radius: 5px;
+ }
+
+ .card-btn-2 {
+ margin: 10px 10px;
+ }
+ .chatItemAnswer {
+ box-sizing: border-box;
+ background: #f1f1f1;
+ border-radius: 14px;
+ .light {
+ box-sizing: border-box;
+ background: #f1f1f1;
+ border-radius: 14px;
+ }
+ }
+ .textItemAnswer {
+ background-color: #373739;
+ }
+
+ .center {
+ position: relative;
+
+ .center-title {
+ line-height: 60px;
+ font-size: 25px;
+ font-family: 榛戜綋;
+ color: deepskyblue;
+ }
+
+ .center-content {
+ font-size: 14px;
+ color: gray;
+ }
+
+ .center-question {
+ margin-top: 20px;
+ display: flex;
+ justify-content: space-between;
+
+ .center-question-left {
+ margin-top: 5px;
+ margin-left: 20px;
+ }
+
+ .center-question-right {
+ margin-right: 20px;
+ }
+ }
+ .center-list {
+ margin-top: 10px;
+
+ .item {
+ border-radius: 10px;
+ margin-top: 10px;
+ padding: 10px;
+ min-height: 120px;
+ background-color: #e9f3ff;
+ .item-content {
+ color: #666;
+ }
+ .item-title {
+ text-align: center;
+ line-height: 40px;
+ font-size: 20px;
+ font-family: 榛戜綋;
+ color: #333;
+ }
+ }
+ }
+ .chartStart {
+ color: #4955f5;
+ cursor: pointer;
+ font-family: PingFangSC-Medium;
+ font-size: 12px;
+ font-weight: 500;
+ }
+ .chat_bottom {
+ display: flex;
+ align-items: center;
+ .center-bottom {
+ // position: absolute;
+ // width: 90%;
+ // bottom: 20px;
+ // left: 5%;
+ background: #fff;
+ border: 1px solid #00000014;
+ border-radius: 24px;
+ display: flex;
+ flex: 1 1;
+ flex-direction: column;
+ overflow: hidden;
+ position: relative;
+ // padding-top:10px;
+ :deep(.arco-textarea-wrapper) {
+ border-radius: 24px;
+ }
+
+ .btn-send {
+ position: absolute !important;
+ right: 10px;
+ bottom: 10px;
+ z-index: 10;
+ }
+ :deep(.arco-btn-size-large) {
+ height: 28px;
+ width: 60px;
+ }
+ }
+ :deep(.arco-textarea-wrapper) {
+ padding-top: 5px;
+ }
+ }
+ }
+ .chat-item {
+ padding: 10px 0;
+ .chartUserText {
+ font-weight: 600;
+ font-size: 14px;
+ color: #333;
+ margin-top: 4px;
+ }
+ .icon-user-jpg {
+ border: 1px solid #d9d9d9;
+ }
+ }
+ .right {
+ .right-top {
+ display: flex;
+ justify-content: space-between;
+
+ .right-title {
+ font-size: 25px;
+ color: black;
+ }
+
+ .right-btn {
+ position: relative;
+ left: 20px;
+ top: 0px;
+ }
+ }
+ .right-tag {
+ margin-top: 20px;
+ display: flex;
+ justify-content: space-between;
+ flex-wrap: wrap;
+ :deep(.arco-btn-primary) {
+ margin-bottom: 10px !important;
+ &:hover {
+ background-color: #e9f3ff;
+ color: rgb(22, 93, 255);
+ }
+ }
+ }
+
+ .right-list {
+ .right-item {
+ border-radius: 10px;
+ margin-top: 10px;
+ padding: 10px;
+ min-height: 120px;
+ background-color: #e9f3ff;
+
+ .item-title {
+ text-align: center;
+ line-height: 40px;
+ font-size: 20px;
+ font-family: 榛戜綋;
+ color: #333;
+ }
+ }
+ }
+ }
+ }
+</style>
diff --git a/src/views/sessionManager/style/layout.css b/src/views/sessionManager/style/layout.css
new file mode 100644
index 0000000..2804c54
--- /dev/null
+++ b/src/views/sessionManager/style/layout.css
@@ -0,0 +1,2074 @@
+.content___r3DRA {
+ flex: 1 1;
+ overflow: auto;
+ padding: var(--gap-max);
+ color: var(--color-text);
+ width: 100%;
+ height: 100%
+}
+
+.content___r3DRA img {
+ width: 100%;
+ height: 100%;
+ max-height: 60vh;
+ object-fit: contain
+}
+
+.content___ZxNf8 {
+ flex: 1 1;
+ overflow: auto;
+ padding: var(--gap-max);
+ color: var(--color-text)
+}
+
+.content___ZxNf8 p {
+ white-space: pre-wrap
+}
+
+.itemPaper___ECUkb {
+ border-radius: calc(var(--border-radius) * 1.5);
+ padding: calc(var(--msh-spacing-unit) * 2);
+ text-decoration: none
+}
+
+.itemPaper___ECUkb .fileIcon___UQWEV {
+ padding: calc(var(--msh-spacing-unit) * 1)
+}
+
+.itemPaper___ECUkb .content___NYWHF {
+ overflow: hidden
+}
+
+.itemPaper___ECUkb .content___NYWHF .caption___GjLgR {
+ min-height: 20px
+}
+
+.itemImage___qpHjD {
+ border-radius: calc(var(--border-radius) * 1.5);
+ text-decoration: none;
+ aspect-ratio: 1.13;
+ width: 100%;
+ position: relative;
+ overflow: hidden
+}
+
+.itemImage___qpHjD .loading___VcXVp {
+ height: 100%;
+ padding-bottom: 34px
+}
+
+.itemImage___qpHjD .loading___VcXVp img {
+ width: 28px;
+ height: 28px
+}
+
+.itemImage___qpHjD img {
+ width: 100%;
+ height: 100%;
+ object-fit: cover
+}
+
+.itemImage___qpHjD .errorMask___clwsW {
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ left: 0;
+ right: 0;
+ z-index: 1;
+ background: var(--msh-chat-input-image-error-bg);
+ opacity: .2
+}
+
+.itemImage___qpHjD .desc___V50od {
+ position: absolute;
+ bottom: 0;
+ z-index: 2;
+ background: var(--msh-chat-input-image-bg);
+ color: var(--text-secondary);
+ width: 100%;
+ padding: calc(var(--msh-spacing-unit) * 1) calc(var(--msh-spacing-unit) * 2);
+ border-top: 1px solid var(--border-1)
+}
+
+.historyItem___PJP2b {
+ padding: 0 calc(var(--msh-spacing-unit) * 4);
+ width: 100%
+}
+
+.historyItem___PJP2b .groupTitle___irePU {
+ font-weight: 700;
+ padding: calc(var(--msh-spacing-unit) * 2);
+ font-size: 18px;
+ line-height: 24px;
+ margin-bottom: 8px
+}
+
+.historyItem___PJP2b .contentBox___OrRSj {
+ padding: calc(var(--msh-spacing-unit) * 3);
+ cursor: pointer;
+ margin-bottom: calc(var(--msh-spacing-unit) * 2);
+ transition: all var(--animation-duration) var(--animation-transition);
+ border-color: transparent
+}
+
+.historyItem___PJP2b .contentBox___OrRSj em {
+ color: var(--main-1);
+ font-style: normal
+}
+
+.historyItem___PJP2b .contentBox___OrRSj br {
+ display: none
+}
+
+.historyItem___PJP2b .contentBox___OrRSj .contentContainer___hGhn8 {
+ width: 100%;
+ gap: 8px;
+ display: flex;
+ flex-direction: column
+}
+
+.historyItem___PJP2b .contentBox___OrRSj .contentContainer___hGhn8 .titleLine___dwqZt {
+ justify-content: space-between
+}
+
+.historyItem___PJP2b .contentBox___OrRSj .contentContainer___hGhn8 .titleLine___dwqZt .name___OEWak {
+ padding-left: calc(var(--msh-spacing-unit) * .5);
+ display: flex;
+ align-items: center
+}
+
+.historyItem___PJP2b .contentBox___OrRSj .contentContainer___hGhn8 .titleLine___dwqZt .name___OEWak img {
+ width: 20px;
+ height: 20px;
+ border-radius: 100%
+}
+
+.historyItem___PJP2b .contentBox___OrRSj .contentContainer___hGhn8 .titleLine___dwqZt .name___OEWak .defaultIcon___JnlfO {
+ padding-left: 4px;
+ font-size: 14px
+}
+
+.historyItem___PJP2b .contentBox___OrRSj .contentContainer___hGhn8 .titleLine___dwqZt .name___OEWak .nameStr___X0eP7 {
+ margin-left: 4px
+}
+
+.historyItem___PJP2b .contentBox___OrRSj .contentContainer___hGhn8 .titleLine___dwqZt .name___OEWak .tag___BNlec {
+ height: 22px;
+ margin-right: calc(var(--msh-spacing-unit) * 2)
+}
+
+.historyItem___PJP2b .contentBox___OrRSj .contentContainer___hGhn8 .titleLine___dwqZt .searched___jC0Xk {
+ font-weight: 600
+}
+
+.historyItem___PJP2b .contentBox___OrRSj .contentContainer___hGhn8 .titleLine___dwqZt .time___BiTnc {
+ display: block;
+ flex-shrink: 0;
+ padding-left: calc(var(--msh-spacing-unit) * 1)
+}
+
+.historyItem___PJP2b .contentBox___OrRSj .contentContainer___hGhn8 .titleLine___dwqZt .actions___oPOPx {
+ display: none;
+ padding-left: calc(var(--msh-spacing-unit) * 1)
+}
+
+.historyItem___PJP2b .contentBox___OrRSj .contentContainer___hGhn8 .titleLine___dwqZt .actions___oPOPx .actionBtn___OpJST {
+ width: 20px;
+ height: 20px;
+ display: flex;
+ align-items: center;
+ justify-content: center
+}
+
+.historyItem___PJP2b .contentBox___OrRSj .contentContainer___hGhn8 .titleLine___dwqZt .actions___oPOPx .actionBtn___OpJST .icon___S650t {
+ font-size: 14px
+}
+
+.historyItem___PJP2b .contentBox___OrRSj .contentContainer___hGhn8 .titleLine___dwqZt .actions___oPOPx .actionBtn___OpJST.delBtn___fCUyT {
+ margin-left: calc(var(--msh-spacing-unit) * 2)
+}
+
+.historyItem___PJP2b .contentBox___OrRSj .contentContainer___hGhn8 .titleLine___dwqZt .actions___oPOPx .actionBtn___OpJST.delBtn___fCUyT .icon___S650t {
+ color: var(--error-main)
+}
+
+.historyItem___PJP2b .contentBox___OrRSj .contentContainer___hGhn8 .content___ig5dI {
+ white-space: nowrap;
+ text-overflow: ellipsis;
+ overflow: hidden
+}
+
+.historyItem___PJP2b .contentBox___OrRSj .contentContainer___hGhn8 .content___ig5dI br {
+ display: none
+}
+
+.historyItem___PJP2b .contentBox___OrRSj .contentContainer___hGhn8 .refsWrap___rhysy .refItem___UGGzS {
+ min-width: 140px;
+ max-width: calc(50% - var(--msh-spacing-unit));
+ flex: 1 1;
+ background-color: transparent;
+ transition: all .3s;
+ border-color: var(--msh-chat-history-item-border)
+}
+
+.historyItem___PJP2b .contentBox___OrRSj .contentContainer___hGhn8 .refsWrap___rhysy .imageItem___G_CuZ {
+ background-color: transparent;
+ transition: all .3s;
+ border-color: var(--msh-chat-history-item-border);
+ width: calc((100% - 16px) / 3)
+}
+
+.historyItem___PJP2b .contentBox___OrRSj:hover {
+ background-color: var(--msh-chat-history-itme-bg);
+ border-color: var(--msh-chat-history-itme-bg);
+ box-shadow: var(--msh-chat-list-file-shadow)
+}
+
+.historyItem___PJP2b .contentBox___OrRSj:hover .contentContainer___hGhn8 .refsWrap___rhysy .refItem___UGGzS,.historyItem___PJP2b .contentBox___OrRSj:hover .contentContainer___hGhn8 .refsWrap___rhysy .imageItem___G_CuZ {
+ border-color: var(--msh-chat-history-item-border)
+}
+
+.historyItem___PJP2b .contentBox___OrRSj:hover .contentContainer___hGhn8 .refsWrap___rhysy .refItem___UGGzS:not(.no-preview):hover,.historyItem___PJP2b .contentBox___OrRSj:hover .contentContainer___hGhn8 .refsWrap___rhysy .imageItem___G_CuZ:not(.no-preview):hover {
+ border-color: var(--msh-chat-history-item-border-hover)
+}
+
+.historyItem___PJP2b .contentBox___OrRSj:hover .contentContainer___hGhn8 .titleLine___dwqZt .time___BiTnc {
+ display: none
+}
+
+.historyItem___PJP2b .contentBox___OrRSj:hover .contentContainer___hGhn8 .titleLine___dwqZt .actions___oPOPx {
+ display: flex
+}
+
+@media (min-width: 600px) {
+ .historyItem___PJP2b .groupTitle___irePU {
+ font-size:24px;
+ line-height: 34px
+ }
+
+ .historyItem___PJP2b .contentBox___OrRSj .contentContainer___hGhn8 .refsWrap___rhysy .imageItem___G_CuZ {
+ width: calc((100% - 32px)/5);
+ max-width: calc((100% - 32px)/5);
+ min-width: calc((100% - 32px)/5)
+ }
+}
+
+.historyModal___qTQKs {
+ display: none
+}
+
+.historyModal___qTQKs.show___WthR7 {
+ display: block
+}
+
+.historyModal___qTQKs .mark___l6N_v {
+ min-width: 375px;
+ overflow-x: auto;
+ position: fixed;
+ top: 0;
+ width: 100%;
+ height: 100%;
+ bottom: 0;
+ left: 0;
+ right: 0;
+ z-index: 1000;
+ background: var(--msh-chat-history-bg);
+ backdrop-filter: blur(20px);
+ -webkit-backdrop-filter: blur(20px)
+}
+
+.historyModal___qTQKs .closeBtn___oHhJS {
+ position: fixed;
+ top: calc(var(--msh-spacing-unit) * 2);
+ left: calc(var(--msh-spacing-unit) * 5);
+ background: var(--msh-chat-history-close-bg);
+ z-index: 1050
+}
+
+.historyModal___qTQKs .closeBtn___oHhJS:hover {
+ background: var(--msh-chat-history-close-bg-hover)
+}
+
+.historyModal___qTQKs .closeBtn___oHhJS .icon___AKlK1 {
+ font-size: 24px;
+ color: var(--msh-chat-history-btn-color)
+}
+
+.historyContainer___SeB_t {
+ position: absolute;
+ top: 0;
+ width: 100%;
+ height: 100%;
+ min-width: 375px;
+ overflow-x: auto;
+ z-index: 1010
+}
+
+.historyContainer___SeB_t .chatHistory___EbmZH {
+ overflow: auto
+}
+
+.historyContainer___SeB_t .chatHistory___EbmZH .deleteArea___o72HN {
+ position: fixed;
+ top: 20px;
+ right: 20px;
+ z-index: 9999
+}
+
+.historyContainer___SeB_t .chatHistory___EbmZH .historyTitle___F_iam {
+ font-weight: 700;
+ text-align: center;
+ padding: calc(var(--msh-spacing-unit) * 4) 0;
+ font-size: 24px;
+ line-height: 24px
+}
+
+.historyContainer___SeB_t .chatHistory___EbmZH .itemContainer___V43GG {
+ margin: 0 auto;
+ max-width: 792px
+}
+
+.historyContainer___SeB_t .chatHistory___EbmZH .itemContainer___V43GG .checkbox___LhI_V {
+ padding-bottom: 20px;
+ margin-top: auto
+}
+
+.historyContainer___SeB_t .chatHistory___EbmZH .itemContainer___V43GG .deleteMode___F_6zf {
+ pointer-events: none
+}
+
+.historyContainer___SeB_t .chatHistory___EbmZH .deleteContainer___jizy_ {
+ cursor: pointer
+}
+
+.historyContainer___SeB_t .chatHistory___EbmZH .placeholder___DAy06 {
+ height: 76px
+}
+
+.historyContainer___SeB_t .chatHistory___EbmZH .outContainer___TvUCY {
+ display: flex;
+ justify-content: center;
+ width: 100%;
+ margin: 0 auto 24px;
+ padding: 12px calc(var(--msh-spacing-unit)*4) 0
+}
+
+.historyContainer___SeB_t .chatHistory___EbmZH .sticky___gC2M6 {
+ position: absolute;
+ top: 0;
+ right: 2px;
+ z-index: 20;
+ background: var(--msh-chat-history-bg);
+ backdrop-filter: blur(20px);
+ -webkit-backdrop-filter: blur(20px)
+}
+
+.historyContainer___SeB_t .chatHistory___EbmZH .sticky___gC2M6 .inputContainer___EVl6c {
+ padding: 8px 16px
+}
+
+.historyContainer___SeB_t .chatHistory___EbmZH .sticky___gC2M6 .inputContainer___EVl6c .closeArea___rNugK {
+ height: 40px
+}
+
+.historyContainer___SeB_t .chatHistory___EbmZH .inputContainer___EVl6c {
+ position: relative;
+ display: flex;
+ max-width: 760px;
+ width: 100%;
+ background: var(--msh-chat-input-inner);
+ border: 1px solid var(--msh-chat-input-border);
+ padding: 16px;
+ border-radius: 12px;
+ font-size: 14px;
+ line-height: 20px;
+ color: var(--text-primary)
+}
+
+.historyContainer___SeB_t .chatHistory___EbmZH .inputContainer___EVl6c .closeArea___rNugK {
+ position: absolute;
+ width: 40px;
+ height: 56px;
+ right: 0;
+ top: 0;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ cursor: pointer
+}
+
+.historyContainer___SeB_t .chatHistory___EbmZH .inputContainer___EVl6c .icon___AKlK1 {
+ font-size: 16px;
+ margin-right: 8px
+}
+
+.historyContainer___SeB_t .chatHistory___EbmZH .inputContainer___EVl6c input {
+ border: none;
+ background: var(--msh-chat-input-inner);
+ width: 100%;
+ font-size: 14px;
+ line-height: 20px;
+ color: var(--text-primary)
+}
+
+.historyContainer___SeB_t .chatHistory___EbmZH .inputContainer___EVl6c input:focus {
+ outline: none
+}
+
+.historyContainer___SeB_t .chatHistory___EbmZH .historyMain___ZQw_i {
+ height: calc(100% - 160px)
+}
+
+.historyContainer___SeB_t .chatHistory___EbmZH .empty___mksck {
+ display: flex;
+ height: 100%;
+ flex-direction: column;
+ align-items: center;
+ justify-content: center
+}
+
+.historyContainer___SeB_t .chatHistory___EbmZH .empty___mksck .button___cKTA9 {
+ margin: 24px 0 48px;
+ width: 200px
+}
+
+@media (min-width: 600px) {
+ .historyContainer___SeB_t .chatHistory___EbmZH .historyTitle___F_iam {
+ font-size:36px;
+ line-height: 50px
+ }
+}
+
+.helperText___Fa_zw {
+ position: absolute;
+ bottom: -20px;
+ left: var(--msh-spacing-unit);
+ margin: 0
+}
+
+.TargetBox___wtHL5 {
+ padding: 0;
+ margin: 0;
+ text-align: center;
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ min-width: 375px;
+ min-height: 460px;
+ display: none
+}
+
+.TargetBox___wtHL5.DropBox____hfLi {
+ z-index: 999;
+ display: block;
+ backdrop-filter: blur(25px);
+ -webkit-backdrop-filter: blur(25px);
+ padding: 40px 30px
+}
+
+.TargetBox___wtHL5 .inner___lep5B {
+ height: 100%;
+ width: 100%;
+ padding: 16px;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ border-radius: 30px;
+ border: 3px dashed var(--border-2)
+}
+
+.TargetBox___wtHL5 .drop_area___MA23Y {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ flex-direction: column;
+ gap: 30px;
+ max-width: 635px
+}
+
+.TargetBox___wtHL5 .drop_area___MA23Y img {
+ width: 126px
+}
+
+.TargetBox___wtHL5 .drop_area___MA23Y .title___qtFnk {
+ font-size: 32px;
+ line-height: 40px;
+ font-weight: 700;
+ color: var(--text-primary)
+}
+
+.TargetBox___wtHL5 .drop_area___MA23Y .desc___XjcGo {
+ font-size: 20px;
+ line-height: 28px;
+ color: var(--text-secondary)
+}
+
+.login-pop-layout {
+ height: 140px;
+ padding-top: 28px
+}
+
+.login-pop-layout_writer {
+ margin: 0;
+ height: 42px;
+ line-height: 42px
+}
+
+.login-pop-layout_writer span {
+ font-size: 30px
+}
+
+@media (max-width: 600px) {
+ .login-pop-layout {
+ height:84px;
+ padding-top: 13px
+ }
+
+ .login-pop-layout_writer {
+ height: 29px;
+ line-height: 29px
+ }
+
+ .login-pop-layout_writer span {
+ font-size: 24px
+ }
+}
+
+.authContainer___sdOFY {
+ min-width: 375px
+}
+
+.authContainer___sdOFY .header___zjsk2 {
+ height: 68px
+}
+
+.authContainer___sdOFY .container___pA0Wc {
+ padding: 0 calc(var(--msh-spacing-unit) * 4);
+ flex: 1 1
+}
+
+.authContainer___sdOFY .container___pA0Wc .content___XV6w1 {
+ max-width: 636px;
+ width: 100%;
+ overflow: hidden;
+ border-radius: calc(var(--border-radius) * 2.5);
+ border: 1px solid var(--border-1)
+}
+
+.authContainer___sdOFY .container___pA0Wc .content___XV6w1 .top___N9wca {
+ height: 84px;
+ background: var(--msh-chat-login-content-top-bg)
+}
+
+.authContainer___sdOFY .container___pA0Wc .content___XV6w1 .top___N9wca .textBox___L34Ov {
+ position: relative;
+ top: 4px;
+ font-size: 24px;
+ line-height: 28px;
+ font-weight: 700
+}
+
+.authContainer___sdOFY .footer___LOQIe {
+ height: 56px
+}
+
+@media (min-width: 600px) {
+ .authContainer___sdOFY .container___pA0Wc .content___XV6w1 .top___N9wca {
+ height:128px
+ }
+
+ .authContainer___sdOFY .container___pA0Wc .content___XV6w1 .top___N9wca .textBox___L34Ov {
+ font-size: 32px;
+ line-height: 48px
+ }
+}
+
+.phoneLogin___SacG7 {
+ min-height: 230px
+}
+
+.phoneLogin___SacG7 .loginLayout___K4i5U {
+ display: flex;
+ flex-direction: row
+}
+
+.phoneLogin___SacG7 .loginLayout___K4i5U .loginLayoutLeft___fUj6Z {
+ flex: 1 1
+}
+
+.phoneLogin___SacG7 .loginLayout___K4i5U .loginLayoutRight___crLwH {
+ width: 174px;
+ height: 260px;
+ border-left: 1px solid var(--border-main);
+ margin-left: 24px;
+ padding-left: 24px
+}
+
+.phoneLogin___SacG7 .loginLayout___K4i5U .loginLayoutRight___crLwH .loginLayoutRightTitle___DdOwK {
+ font-size: 16px;
+ font-weight: bolder;
+ margin: 0;
+ padding: 0;
+ line-height: 25px
+}
+
+.phoneLogin___SacG7 .loginLayout___K4i5U .loginLayoutRight___crLwH .loginLayoutRightQR___NfrMC {
+ margin-top: 23px
+}
+
+.phoneLogin___SacG7 .controlLayout___dgRlA {
+ display: flex;
+ justify-content: center;
+ margin-top: 24px
+}
+
+.phoneLogin___SacG7 .controlLayout___dgRlA a {
+ font-weight: 700
+}
+
+.phoneLogin___SacG7 .lable___VHyw6 {
+ margin-bottom: 24px
+}
+
+.phoneLogin___SacG7 .lable___VHyw6 span {
+ font-size: var(--font-size-md);
+ font-weight: 700
+}
+
+.phoneLogin___SacG7 .item___rJfSj {
+ position: relative
+}
+
+.phoneLogin___SacG7 .itemHelper___DbmPN {
+ height: 20px;
+ margin-bottom: 4px
+}
+
+.phoneLogin___SacG7 .verify___P7vR9 {
+ flex-shrink: 0;
+ display: flex;
+ align-items: center;
+ width: 102px;
+ height: 25px
+}
+
+.phoneLogin___SacG7 .verify___P7vR9 .divider___iCjot {
+ height: 12px
+}
+
+.phoneLogin___SacG7 .agreeText___EUMp4 {
+ font-size: 12px;
+ color: var(--text-secondary)
+}
+
+.phoneLogin___SacG7 .checkbox___K3VQG {
+ padding: calc(var(--msh-spacing-unit) * .5);
+ margin-right: var(--msh-spacing-unit)
+}
+
+.phoneLogin___SacG7 .checkbox___K3VQG:not(.checked___Vjy9T) {
+ color: var(--text-secondary)
+}
+
+.phoneLogin___SacG7 .checkbox___K3VQG .MuiSvgIcon-root {
+ font-size: 20px
+}
+
+@media (min-width: 600px) {
+ .phoneLogin___SacG7 {
+ min-height:335px
+ }
+
+ .phoneLogin___SacG7 .verify___P7vR9 {
+ width: 112px;
+ height: 25px
+ }
+
+ .phoneLogin___SacG7 .verify___P7vR9 .divider___iCjot {
+ height: 20px
+ }
+
+ .phoneLogin___SacG7 .agreeText___EUMp4 {
+ font-size: 14px
+ }
+}
+
+.geetest_captcha .geetest_box,.geetest_captcha .geetest_header,.geetest_captcha .geetest_container,.geetest_captcha .geetest_footer {
+ background: var(--msh-paper-bg)
+}
+
+.geetest_captcha .geetest_backimg>div {
+ transition: all .3s!important
+}
+
+.geetest_captcha .geetest_header .geetest_title {
+ color: var(--text-primary)!important
+}
+
+.geetest_captcha .geetest_header .geetest_status_bar {
+ background-color: var(--primary-main)!important
+}
+
+.geetest_captcha .geetest_btn {
+ background-color: var(--primary-main)!important;
+ background-image: none!important
+}
+
+.geetest_captcha .geetest_footer_right {
+ display: none
+}
+
+.geetest_captcha .geetest_feedback {
+ display: none!important
+}
+
+.qrcodeLogin___SyLo_ .agreementLink___edm8P {
+ font-family: PingFang SC;
+ font-weight: 600;
+ line-height: 20px;
+ letter-spacing: 0em;
+ color: #333a4b
+}
+
+.qrcodeLogin___SyLo_ a {
+ text-decoration: underline
+}
+
+.qrcodeLogin___SyLo_ iframe {
+ height: 280px
+}
+
+.qrcodeLogin___SyLo_ .loginContainer___IFXUE {
+ height: 260px;
+ text-align: center
+}
+
+@media (min-width: 600px) {
+ .qrcodeLogin___SyLo_ {
+ position:relative
+ }
+
+ .qrcodeLogin___SyLo_ iframe {
+ height: 230px;
+ transform: scale(.75);
+ left: -74px;
+ top: -17px;
+ position: absolute
+ }
+}
+
+.qrcodeLayout___EPXGC {
+ border: 1px solid #e2e2e2;
+ width: 150px;
+ height: 150px;
+ background-color: #fff;
+ margin: 0;
+ display: flex;
+ justify-content: center;
+ align-items: center
+}
+
+.qrcodeLayout___EPXGC svg,.qrcodeLayout___EPXGC img {
+ padding: 0
+}
+
+.miniprogram___Tq8lH {
+ min-height: 276px
+}
+
+.miniprogram___Tq8lH .qrcode___COQ_n {
+ padding: 4px;
+ border-radius: var(--lg, 16px);
+ background: #FFF
+}
+
+.miniprogram___Tq8lH .text___PTnsz {
+ color: var(--text-secondary)
+}
+
+.miniprogram___Tq8lH .button___UpYHJ {
+ padding: 8px;
+ margin: 9px auto 0;
+ width: 100%;
+ text-transform: none
+}
+
+.loginContainer___SoCmh .title___n_X10 {
+ font-size: var(--font-size-md);
+ font-weight: var(--font-bold);
+ margin-bottom: 24px
+}
+
+.authModal___AXYNS {
+ position: fixed;
+ top: 0;
+ bottom: 0;
+ left: 0;
+ right: 0;
+ z-index: 1050;
+ background: rgba(255,0,0,.034);
+ min-width: 375px;
+ background: var(--msh-modal-bg);
+ backdrop-filter: blur(15px);
+ -webkit-backdrop-filter: blur(15px)
+}
+
+.authModal___AXYNS .header___LrmZG {
+ height: 68px
+}
+
+.authModal___AXYNS .container___HvNfq {
+ padding: 0 calc(var(--msh-spacing-unit) * 4);
+ flex: 1 1
+}
+
+.authModal___AXYNS .container___HvNfq .content___axoSN {
+ max-width: 636px;
+ width: 100%;
+ overflow: hidden;
+ border-radius: calc(var(--border-radius) * 2.5);
+ border: 1px solid var(--border-1)
+}
+
+.authModal___AXYNS .container___HvNfq .content___axoSN .top___IIjeE {
+ height: 84px;
+ background: var(--msh-chat-login-content-top-bg);
+ padding: 0 0 0 16px
+}
+
+.authModal___AXYNS .container___HvNfq .content___axoSN .top___IIjeE.dark___u9VpT {
+ background: var(--msh-chat-login-content-top-bg) url(./static/top_bg_dark.b4029bd6.png) no-repeat right center / 107% auto
+}
+
+.authModal___AXYNS .container___HvNfq .content___axoSN .top___IIjeE.light___MyIl_ {
+ background: var(--msh-chat-login-content-top-bg) url(./static/top_bg_light.ba34373a.png) no-repeat right center / 107% auto
+}
+
+.authModal___AXYNS .container___HvNfq .content___axoSN .top___IIjeE .textBox___QemLf {
+ position: relative;
+ font-size: 24px;
+ line-height: 28px;
+ font-weight: 700
+}
+
+.authModal___AXYNS .container___HvNfq .content___axoSN .loginContent___Oy5xD {
+ padding: calc(var(--msh-spacing-unit) * 4) calc(var(--msh-spacing-unit) * 4) calc(var(--msh-spacing-unit) * 8)
+}
+
+.authModal___AXYNS .footer___Quejz {
+ height: 56px
+}
+
+@media (min-width: 600px) {
+ .authModal___AXYNS .container___HvNfq .content___axoSN .top___IIjeE {
+ height:140px;
+ padding: 0 0 0 32px
+ }
+
+ .authModal___AXYNS .container___HvNfq .content___axoSN .top___IIjeE .textBox___QemLf {
+ font-size: 32px;
+ line-height: 48px
+ }
+
+ .authModal___AXYNS .container___HvNfq .content___axoSN .loginContent___Oy5xD {
+ padding: calc(var(--msh-spacing-unit) * 6 - 1px) calc(var(--msh-spacing-unit) * 10) calc(var(--msh-spacing-unit) * 8)
+ }
+}
+
+.concurrentTip___tAc_q {
+ width: 100vw;
+ height: 56px;
+ padding: calc(var(--msh-spacing-unit) * 2);
+ color: var(--text-primary);
+ background: var(--msh-chat-hard-tip-bg);
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ line-height: 1.2;
+ text-align: center;
+ position: relative;
+ z-index: 1000
+}
+
+.concurrentTip___tAc_q .placehokder___eTr1A {
+ width: 24px
+}
+
+.concurrentTip___tAc_q .icon___q_Mc6 {
+ font-size: 24px;
+ cursor: pointer
+}
+
+@media (min-width: 600px) {
+ .concurrentTip___tAc_q {
+ height:36px
+ }
+}
+
+.back___uyBkH {
+ position: absolute;
+ z-index: 3
+}
+
+.back-button___X1mhz {
+ width: 40px;
+ height: 40px;
+ border-radius: 50%;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ background: #ffffff;
+ box-shadow: 0 0 16px 1px #0000001f;
+ cursor: pointer
+}
+
+.svg____hjRy {
+ user-select: none;
+ display: inline-block;
+ fill: currentColor;
+ vertical-align: middle;
+ flex-shrink: 0;
+ transition: fill .2s cubic-bezier(.4,0,.2,1) 0ms;
+ font-size: 24px;
+ color: #000
+}
+
+.isDone___a6OpJ {
+ top: 10px;
+ left: 20px
+}
+
+.notDone___sLy_H {
+ top: 40px;
+ left: 60px
+}
+
+.noteCover___fbx0j {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ background-color: #00000073;
+ z-index: 1
+}
+
+.noteContainer___zTufb {
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ z-index: 2;
+ transform: translate(-50%,-50%);
+ width: 360px;
+ padding: 24px;
+ font-size: 14px;
+ line-height: 1.5715;
+ word-wrap: break-word;
+ background-color: #fff;
+ border-radius: 16px;
+ display: flex;
+ flex-direction: column;
+ gap: 12px;
+ color: #141414;
+ box-shadow: 0 3px 6px -4px #0000001f,0 6px 16px #00000014,0 9px 28px 8px #0000000d
+}
+
+.title___uwQTm {
+ font-weight: 600;
+ font-size: 16px
+}
+
+.titleContainer___NXjcT {
+ display: flex;
+ gap: 12px;
+ align-items: center;
+ margin-bottom: 12px;
+ flex-wrap: nowrap
+}
+
+.note___xqq01 {
+ font-size: 20px;
+ color: inherit;
+ user-select: none;
+ width: 1em;
+ height: 1em;
+ display: inline-block;
+ fill: currentColor;
+ vertical-align: middle;
+ flex-shrink: 0;
+ transition: fill .2s cubic-bezier(.4,0,.2,1) 0ms;
+ outline: none
+}
+
+.content___PkM0Z {
+ padding-left: 34px;
+ margin-bottom: 28px
+}
+
+.buttonContainer___V7PpB {
+ display: flex;
+ align-items: center;
+ justify-content: flex-end;
+ gap: 12px
+}
+
+.wait___lKMrO {
+ height: 30px;
+ width: 86px;
+ padding: 4px 15px;
+ border-radius: 4px;
+ border-color: #9c5eff;
+ background: #9c5eff
+}
+
+.wait___lKMrO:hover {
+ color: #fff!important;
+ border-color: #9c5eff!important;
+ background: #9c5eff!important
+}
+
+.escape___eBuxJ {
+ height: 30px;
+ width: 86px;
+ padding: 4px 15px;
+ border-radius: 4px;
+ border-color: #8c8c8c;
+ color: #8c8c8c;
+ background-color: #fff
+}
+
+.escape___eBuxJ:hover {
+ border-color: #8c8c8c!important;
+ color: #8c8c8c!important;
+ background: #fff!important
+}
+
+.AiPPTContainer____jYnI {
+ position: fixed;
+ left: 0;
+ top: 0;
+ width: 100%;
+ height: 100%;
+ z-index: 10
+}
+
+.previewImg___dv1wT {
+ width: 100%;
+ object-fit: contain;
+ border-radius: 15px;
+ overflow: hidden;
+ aspect-ratio: 16/9
+}
+
+.selectTemplateBtn___I5qZU {
+ background: linear-gradient(277.33deg,#8948EB 8.02%,#9D5EFB 87.79%);
+ border: 1px solid #B182F7CC;
+ height: 38px;
+ padding: 8px 15px;
+ gap: 4px;
+ border-radius: 10px;
+ font-family: PingFang SC;
+ font-size: 14px;
+ font-weight: 400;
+ line-height: 20px;
+ letter-spacing: .25px;
+ text-align: left;
+ color: #f5f9fff2;
+ transition: all var(--animation-duration) var(--animation-timing-function)
+}
+
+.selectTemplateBtn___I5qZU:hover {
+ opacity: .6
+}
+
+.AiPPT___LEp5b {
+ width: 100%;
+ height: 100%
+}
+
+.contentContainer___Ip8di {
+ display: flex;
+ flex-direction: column;
+ gap: 8px
+}
+
+.buttonContainer___njQSq {
+ display: flex;
+ gap: 8px
+}
+
+.downloadButton___i0R3X {
+ min-width: 88px;
+ padding: 10px 15px;
+ font-family: PingFang SC;
+ font-size: 14px;
+ font-weight: 400;
+ line-height: 20px;
+ letter-spacing: .25px;
+ text-align: center;
+ box-sizing: border-box
+}
+
+.selectTemplateIcon___ySbP9 {
+ font-size: 20px
+}
+
+.canPreviewPPT___HMyMX {
+ cursor: pointer
+}
+
+.idn___ei_6X {
+ width: 144px;
+ height: 60px;
+ background-color: #fff;
+ position: fixed;
+ top: 0;
+ left: 0
+}
+
+.globalCoverContainer___xppUn {
+ position: fixed;
+ z-index: 1200
+}
+
+.myAgentAnim .myAgentBoxHide {
+ height: 0;
+ opacity: 0;
+ animation: hides .2s ease 1;
+ margin-bottom: 0
+}
+
+@keyframes hides {
+ 0% {
+ height: 40px;
+ margin-bottom: 12px;
+ opacity: 1
+ }
+
+ 50% {
+ opacity: 0
+ }
+
+ to {
+ height: 0;
+ opacity: 0;
+ margin-bottom: 0
+ }
+}
+
+.login____RTRY {
+ width: 40px;
+ height: 40px;
+ font-size: 16px;
+ font-weight: 700;
+ border-radius: 50%;
+ background-color: var(--msh-chat-avatar-me-bg);
+ color: var(--common-white)
+}
+
+.img____tAMC {
+ width: 40px;
+ height: 40px;
+ border-radius: 50%;
+ overflow: hidden
+}
+
+.rightLogin___zH_dI {
+ position: absolute;
+ top: calc(var(--msh-spacing-unit) * 2);
+ right: calc(var(--msh-spacing-unit) * 5);
+ cursor: pointer
+}
+
+.user___ias7U {
+ font-size: 16px;
+ font-weight: 700;
+ border-radius: 50%;
+ background-color: var(--msh-chat-avatar-me-bg);
+ color: var(--common-white)
+}
+
+.container___vDmoU .title___OAgk1 {
+ display: flex;
+ justify-content: space-between;
+ align-items: center
+}
+
+.container___vDmoU .input___OqEA0 {
+ margin-top: 16px
+}
+
+.container___vDmoU .input___OqEA0 .MuiInputBase-input {
+ font-size: 14px
+}
+
+.container___vDmoU .rates___ZMsXL .rate___CJOsg {
+ padding: calc(2 * var(--msh-spacing-unit));
+ border-radius: 8px;
+ background: var(--msh-chat-fb-rate-bg);
+ cursor: pointer;
+ transition: all .3s
+}
+
+.container___vDmoU .rates___ZMsXL .rate___CJOsg.select___jH0fx {
+ background: var(--primary-main)
+}
+
+.container___vDmoU .rates___ZMsXL .rate___CJOsg .icon___bgc06 {
+ width: 28px;
+ height: 28px;
+ background-size: 100% 100%;
+ margin: 0 auto
+}
+
+.container___vDmoU .footer___pcgJU {
+ display: flex;
+ justify-content: flex-end;
+ gap: 8px
+}
+
+.avatarWidget___es3ap {
+ color: var(--msh-chat-history-btn-color)
+}
+
+.avatarMenu___AvTWm {
+ position: absolute;
+ left: 52px
+}
+
+.avatarMenu___AvTWm .MuiMenuItem-root {
+ height: 44px;
+ padding: 16px 8px;
+ gap: 16px
+}
+
+.avatarMenu___AvTWm .MuiMenu-list {
+ width: 138px;
+ padding-top: 0!important;
+ padding-bottom: 0!important;
+ border-radius: 8px
+}
+
+.modalContainer___r5ELB {
+ position: absolute;
+ bottom: -78px;
+ left: 64px;
+ width: 324px;
+ padding: 20px;
+ border: 1px solid var(--msh-chat-user-guide-border);
+ border-radius: 12px;
+ background: var(--msh-chat-user-guide-background);
+ display: flex;
+ gap: 8px;
+ flex-direction: column;
+ box-shadow: 0 8px 25px #0000000d;
+ z-index: 1;
+ transition: all var(--animation-duration) var(--animation-transition)
+}
+
+.title___JHNgc {
+ font-size: 16px;
+ font-weight: 600;
+ line-height: 28px;
+ text-align: left
+}
+
+.contentContainer___upoSi {
+ display: flex;
+ flex-wrap: wrap;
+ justify-content: space-between;
+ height: 100%;
+ gap: 8px;
+ cursor: pointer
+}
+
+.img___w6qsW {
+ cursor: default;
+ width: 40px!important;
+ height: 40px!important
+}
+
+.content___fRrYf {
+ width: 129px;
+ height: 40px;
+ display: flex;
+ justify-content: flex-start;
+ align-items: center;
+ gap: 4px
+}
+
+.content___fRrYf>div {
+ font-size: 14px;
+ font-weight: 600;
+ line-height: 20px;
+ letter-spacing: .25px;
+ text-align: left
+}
+
+.visible___E55gr {
+ opacity: 1
+}
+
+.hide___uahw2 {
+ opacity: 0;
+ pointer-events: none
+}
+
+.loginButton___3vHl4 {
+ font-size: 16px;
+ margin-top: 6px;
+ padding: 6px 24px
+}
+
+.myAgent___djnd_ {
+ width: 60px;
+ display: flex;
+ background-color: var(--color-bg-1);
+ flex-direction: column;
+ align-items: center;
+ padding: 14px 0 1px;
+ border-radius: 12px;
+ transition: all .3s ease;
+ box-shadow: 0 3px 6px -4px #0000001f,0 6px 16px #00000014,0 9px 28px 8px #0000000d;
+ transform: all ease .3s
+}
+
+.myAgent___djnd_.en___Q96DA .myAgentHome___PG6IZ:after {
+ content: "Go Back"
+}
+
+.myAgent___djnd_.en___Q96DA .myAgentTool___Y1_mC .myAgentToolIconNew___DBZrW:after {
+ content: "New Chat"
+}
+
+.myAgent___djnd_.en___Q96DA .myAgentTool___Y1_mC .myAgentToolIconHistory___GTLWk:after {
+ content: "History"
+}
+
+.myAgent___djnd_.en___Q96DA .myAgentTool___Y1_mC .myAgentToolIconSquare___Rj1o_:after {
+ content: "Kimi+"
+}
+
+.myAgent___djnd_ .myAgenetPreload___BWFdc {
+ width: 0;
+ height: 0;
+ overflow: hidden
+}
+
+.myAgent___djnd_ .myAgentHome___PG6IZ:after {
+ width: 73px;
+ height: 28px;
+ line-height: 28px;
+ text-align: center;
+ content: "\56de\5230\9996\9875";
+ position: absolute;
+ left: 64px;
+ display: none;
+ font-size: 14px;
+ letter-spacing: .25px;
+ background: #010101;
+ border-radius: 8px;
+ animation: show___PuZhP .3s ease 1;
+ color: #f5f9fff2;
+ margin-top: 2px
+}
+
+.myAgent___djnd_ .myAgentHome___PG6IZ {
+ width: 32px;
+ height: 32px;
+ background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABhCAYAAAApxKSdAAAACXBIWXMAACE4AAAhOAFFljFgAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAUUSURBVHgB7Z29bhtHFIWPHQN2J7lKqnhYpYvpIukCbJEAKQJEegLReYFIT0DrCSI9QEDqCSIDaQIEIOukiJwyza5SJWlId3FFz+HuGmuSSw6p+dlZ3g84luhdUeI9M3fmziyXgBCUe/DHYY0Wj/tgWmjV42zFcWe4MIBBPNJ6qqW0uvAbXFvQgKzQK62bQhkaCIPc10q1Zi3XH1o/IG9cwUm0RogrgDY1KmLgHYX9DvyiBvDYI77XmiD+oLlQHw7hIDoCMBOt1U9w0BsU9mOAtaUUFk3oQoIfzAQFCf5dNMEdTFCQ4NtQih1NSIGgf3ibxOJt5UrAB1gNK72vIdjiI61HWr+YnNxDXK0rJiULsV65GJeiIescLSTTeobKSutiCuojX8kU3MBx4I3WeNVBBRl4fWiCyoB8v2JAAkk9PmDwT8sH1TEghRjgC27scCx41wO43KAg+ILxTvhNaUACwTc04Z0B30LwzTzm5Rjw3sgseIG1wGMawMBPIOQcqvzrNIMHOg9Q5KK953O90/rFC+BhJRH8PQZ+fu7SjC7HAIV95yu99vjlxfvBJx8nwHd6IfNJAkccOjHg6OgIs9lsra6vr2GTNE03/k7q8HAhyJ/2gM9O65/4kT7/mwEcoZwYsPQiV3BwcABb9Ho9KKU2njccDjGdLlxx+InBBPBAAR86ydRPaIC9SASi3+8bnXd+fr78nw8NJ39uDJjXAVFPP7dp/VmWLR9g6w6Huo/IOTk5MTpvZesn/93AiP/dXCwd9SyILT9Jko3n1bZ+8s8rGPGvoVHbEXcPMM39V1dX9Qd/19PPNxta959D4HUGF0RrAFs/8/8mxuPxXLUwtfx2WX+cxdivZ3DFA0SKldZPuPTAKrikbOlMOX+9zFu/Q2iAQoSY5H7mfeb/tXCT8MdneU9wNNCuQUXZA0ynnrUznyqOcrspUY4BJunHqPU3gOgMsNr6G0B0BpgUXrG0fhKVAaaF1/HxMWIhKgNMcj9Tz82Nk6rVGdav/tJ5eraJ0Wi01XPq1r/xOS8uLkJc6XYnRTMNXdf62eIvLy+jyftVghnQ7Xahe8FW59fBTRYOzosDNI1hJdz0lBQkBflkMBjMU5iL13pXRb8fYAJrB/a2db0oFHthAOEUliaYFHE+aaUBdZsvvFhApyM0idYZwOCvW4JmIWdSzPmidQaYrAGZ7iX4oFUGnJ2dGdUCTRqMozeANQCLsE6nA10JG/0Mx4KmDMbBCjEWR2yxu8LAM98vXelmCA2ovVLCI8EMYODWbpbvCXtTBzQVMSAwYkBgxIDAtNKAXWdGIRADAiMpKDA0IIMQikx6QGDEgMCIAYGRMSAsMgaEhgbcQgjFa+kBYZnIGBCWWzEgLPNBOJ6Fk/aR8Y5ZCvktKwX/PJZ7xoVjfs+4chYU11tK2sE85qUBLyH4Zh5z6QHhGPOf6r2j+TEbcgdFP2RaHX5TrYQlDflj5RXE5Q1cG/lWnhYpReUGKdUewGnRmhvnCJbgmxey8sHiZ8iwF3AsUBBckKHI/SWLq6HsBc8huML4DiK80D6WnBqLzN68UFCmopheYJOVYgcU5FOVbAVfYUcUZGoaLPglCtITdg2+tZUFBTFh2+ArWEYh/7z0WIIQSiM43lt5AWAmWhLHylN4QmkNEXfAbGqEQKsHSfHLYwiSq8AnaAAKeaW3D8VbijwNW5nh3IN9FPI/jnpaPKZi2/SfFuJu4W3x9RqWL+N5C+7ruKpBAgLkAAAAAElFTkSuQmCC) no-repeat;
+ background-size: 100% 100%;
+ cursor: pointer;
+ margin-bottom: 16px
+}
+
+.myAgent___djnd_ .myAgentHome___PG6IZ:hover:after {
+ display: block
+}
+
+.myAgent___djnd_ .myAgentHome___PG6IZ img {
+ width: 100%
+}
+
+.myAgentLine___Isl6E {
+ width: 24px;
+ height: 1px;
+ background-color: #ece7e7;
+ border-radius: 12px;
+ margin-bottom: 16px;
+ cursor: pointer
+}
+
+.myAgent___djnd_ .myAgentLine0___AeBRd {
+ margin-top: 8px
+}
+
+.myAgent___djnd_ .myAgentTool___Y1_mC {
+ width: 40px;
+ height: 40px;
+ border-radius: 12px;
+ margin-bottom: 10px;
+ cursor: pointer
+}
+
+.myAgent___djnd_ .myAgentTool___Y1_mC .myAgentToolIcon___gaAKI {
+ width: 40px;
+ height: 40px;
+ background-position: 0px 0px;
+ background-repeat: no-repeat;
+ cursor: pointer;
+ position: relative
+}
+
+.myAgent___djnd_ .myAgentTool___Y1_mC .myAgentToolIcon___gaAKI img {
+ position: absolute;
+ top: 8px;
+ left: 8px;
+ opacity: 0
+}
+.myAgentToolIcon___gaAKI:hover{
+ background-color: #f0f0f0;
+ border-radius: 12px;
+}
+
+.myAgent___djnd_ .myAgentTool___Y1_mC .myAgentToolIconNew___DBZrW:after {
+ width: 87px;
+ height: 28px;
+ line-height: 28px;
+ text-align: center;
+ content: "\5f00\542f\65b0\4f1a\8bdd";
+ position: absolute;
+ left: 54px;
+ display: none;
+ font-size: 14px;
+ letter-spacing: .25px;
+ background: #010101;
+ border-radius: 8px;
+ animation: show___PuZhP .3s ease 1;
+ color: #f5f9fff2;
+ margin-top: 6px
+}
+
+.myAgent___djnd_ .myAgentTool___Y1_mC .myAgentToolIconNew___DBZrW {
+ background-size: 24px;
+ background-image: url(./../../../assets/images/talk.svg);
+ background-position: 8px 8px;
+ color: var(--color-text-1)
+}
+
+.myAgent___djnd_ .myAgentTool___Y1_mC .myAgentToolIconNew___DBZrW:hover {
+ background-image: none
+}
+
+.myAgent___djnd_ .myAgentTool___Y1_mC .myAgentToolIconNew___DBZrW:hover:after {
+ display: block
+}
+
+.myAgent___djnd_ .myAgentTool___Y1_mC .myAgentToolIconNew___DBZrW:hover img {
+ opacity: 1
+}
+
+.myAgent___djnd_ .myAgentTool___Y1_mC .myAgentToolIconHistory___GTLWk:after {
+ width: 73px;
+ height: 28px;
+ line-height: 28px;
+ text-align: center;
+ content: "\5386\53f2\4f1a\8bdd";
+ position: absolute;
+ left: 54px;
+ display: none;
+ font-size: 14px;
+ letter-spacing: .25px;
+ background: #010101;
+ border-radius: 8px;
+ animation: show___PuZhP .3s ease 1;
+ color: #f5f9fff2;
+ margin-top: 6px
+}
+
+.myAgent___djnd_ .myAgentTool___Y1_mC .myAgentToolIconHistory___GTLWk {
+ background-size: 24px;
+ background-image: url(./../../../assets/images/historybg.svg);
+ background-position: 8px 8px;
+ color: var(--color-text-1)
+}
+
+.myAgent___djnd_ .myAgentTool___Y1_mC .myAgentToolIconHistory___GTLWk:hover {
+ background-image: none;
+}
+
+.myAgent___djnd_ .myAgentTool___Y1_mC .myAgentToolIconHistory___GTLWk:hover:after {
+ display: block
+}
+
+.myAgent___djnd_ .myAgentTool___Y1_mC .myAgentToolIconHistory___GTLWk:hover img {
+ opacity: 1;
+}
+
+.myAgent___djnd_ .myAgentTool___Y1_mC .myAgentToolIconSquare___Rj1o_:after {
+ width: 58px;
+ height: 28px;
+ line-height: 28px;
+ text-align: center;
+ content: "Kimi+";
+ position: absolute;
+ left: 54px;
+ display: none;
+ font-size: 14px;
+ letter-spacing: .25px;
+ background: #010101;
+ border-radius: 8px;
+ animation: show___PuZhP .3s ease 1;
+ color: #f5f9fff2;
+ margin-top: 6px;
+ z-index: 1
+}
+
+.myAgent___djnd_ .myAgentTool___Y1_mC .myAgentToolIconSquare___Rj1o_ {
+ background-size: 24px;
+ background-image: url(./../../../assets/images/agent.svg);
+ background-position: 8px 8px;
+ color: var(--color-text-1)
+}
+
+.myAgent___djnd_ .myAgentTool___Y1_mC .myAgentToolIconSquare___Rj1o_:hover {
+ background-image: none;
+ color: var(--msh-chat-icon-color)
+}
+
+.myAgent___djnd_ .myAgentTool___Y1_mC .myAgentToolIconSquare___Rj1o_:hover:after {
+ display: block
+}
+
+.myAgent___djnd_ .myAgentTool___Y1_mC .myAgentToolIconSquare___Rj1o_:hover img {
+ opacity: 1
+}
+
+.myAgent___djnd_ .myAgentToolSquare___dbLm1 {
+ margin-bottom: 16px
+}
+
+.myAgent___djnd_ .myAgentTool___Y1_mC:hover {
+ background-color: var(--nav-bg)
+}
+
+.myAgent___djnd_ .myAgentBox___zrCit {
+ width: 32px;
+ height: 32px;
+ margin-bottom: 12px;
+ cursor: pointer;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ animation: show___PuZhP .35s cubic-bezier(.4,0,.2,1) 1,apper___Fwe2E .15s cubic-bezier(.4,0,.2,1) 1;
+ transform: all cubic-bezier(.4,0,.2,1) .3s;
+ position: relative
+}
+
+.myAgent___djnd_ .myAgentBox___zrCit .myAgentBoxImg___Mgu9e {
+ width: 100%;
+ height: 100%;
+ transition: all .15s;
+ position: relative
+}
+
+.myAgent___djnd_ .myAgentBox___zrCit .myAgentBoxImg___Mgu9e .myAgentBoxImgLayout___u69B_ {
+ position: relative
+}
+
+.myAgent___djnd_ .myAgentBox___zrCit .myAgentBoxImg___Mgu9e .myAgentBoxImgLayout___u69B_ div {
+ width: 100%;
+ height: 100%
+}
+
+.myAgent___djnd_ .myAgentBox___zrCit .myAgentBoxImg___Mgu9e .myAgentBoxImgLayout___u69B_ .myAgentBoxImgLayoutTip___xHV4m {
+ border-radius: 8px;
+ border: .5px solid #13131A;
+ height: 28px;
+ line-height: 28px;
+ background: #010101;
+ font-size: 14px;
+ color: #fff;
+ transform: scale(.8)!important;
+ transform-origin: 0 50%;
+ padding: 0 8px;
+ position: absolute;
+ left: 44px;
+ top: 2px;
+ white-space: nowrap;
+ display: none;
+ animation: show___PuZhP .25s ease 1
+}
+
+.myAgent___djnd_ .myAgentBox___zrCit .myAgentBoxImg___Mgu9e .myAgentBoxImgLayout___u69B_ img {
+ width: 100%;
+ height: 100%;
+ border-radius: 32px;
+ transition: all .15s
+}
+
+.myAgent___djnd_ .myAgentBox___zrCit .myAgentBoxImg___Mgu9e .myAgentBoxImgLayout___u69B_:hover .myAgentBoxImgLayoutTip___xHV4m {
+ display: block
+}
+
+.myAgent___djnd_ .myAgentBox___zrCit .myAgentBoxImg___Mgu9e .myAgentBoxImgDelete___qXZuq {
+ width: 9.6px;
+ height: 9.6px;
+ background-color: #ed4245;
+ border-radius: 100%;
+ position: absolute;
+ right: -2px;
+ bottom: -2px;
+ border: 2px solid var(--fill-9);
+ box-sizing: content-box;
+ transition: opacity .15s;
+ opacity: 0
+}
+
+.myAgent___djnd_ .myAgentBox___zrCit .myAgentBoxImg___Mgu9e .myAgentBoxImgDelete___qXZuq .myAgentBoxImgDeleteInner____Hawc {
+ border-radius: 8px;
+ border: .5px solid #13131A;
+ width: 102px;
+ height: 28px;
+ text-align: center;
+ line-height: 28px;
+ background: #010101;
+ font-size: 14px;
+ color: #fff;
+ transform: scale(.8)!important;
+ position: absolute;
+ left: 11px;
+ top: -21px;
+ display: none;
+ animation: show___PuZhP .35s ease 1
+}
+
+.myAgent___djnd_ .myAgentBox___zrCit .myAgentBoxImg___Mgu9e .myAgentBoxImgDelete___qXZuq:after {
+ display: block;
+ content: "";
+ width: 6.4px;
+ height: 1.6px;
+ background: #fff;
+ border-radius: 2px;
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ transform: translate(-50%,-50%)
+}
+
+.myAgent___djnd_ .myAgentBox___zrCit .myAgentBoxImg___Mgu9e .myAgentBoxImgDelete___qXZuq:hover .myAgentBoxImgDeleteInner____Hawc {
+ display: block
+}
+
+.myAgent___djnd_ .myAgentBox___zrCit .myAgentBoxImg___Mgu9e:hover {
+ transform: scale(1.25)
+}
+
+.myAgent___djnd_ .myAgentBox___zrCit .myAgentBoxImg___Mgu9e:hover img {
+ border-radius: 10px!important
+}
+
+.myAgent___djnd_ .myAgentBox___zrCit .myAgentBoxImg___Mgu9e:hover+.myAgentBoxName___mZ6v6 {
+ display: block
+}
+
+.myAgent___djnd_ .myAgentBox___zrCit .myAgentBoxImg___Mgu9e:hover .myAgentBoxImgDelete___qXZuq {
+ opacity: 1
+}
+
+.myAgent___djnd_ .myAgentBox___zrCit .myAgentBoxName___mZ6v6 {
+ position: absolute;
+ width: auto;
+ white-space: nowrap;
+ left: 50px;
+ top: 50%;
+ transform: translateY(-50%);
+ font-size: 14px;
+ letter-spacing: .25px;
+ background: #010101;
+ border-radius: 8px;
+ animation: show___PuZhP .3s ease 1;
+ color: #f5f9fff2;
+ padding: 4px 8px;
+ z-index: 100;
+ display: none
+}
+
+.myAgent___djnd_ .myAgentHead___WYY8b {
+ width: 40px;
+ height: 40px;
+ position: relative;
+ transform: scale(.8)
+}
+
+.myAgent___djnd_ .myAgentHead___WYY8b div:nth-child(1) {
+ left: 0;
+ top: 0
+}
+
+.myAgent___djnd_ .downloads___VOhKO {
+ margin-top: 11px
+}
+
+.myAgent___djnd_ .myAgentDownload___FAlpz {
+ cursor: pointer;
+ background-color: var(--nav-download);
+ width: 56px;
+ height: 46px;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ position: relative
+}
+
+.myAgent___djnd_ .myAgentDownload___FAlpz:last-of-type {
+ border-bottom-left-radius: 12px;
+ border-bottom-right-radius: 12px
+}
+
+.myAgent___djnd_ .myAgentDownload___FAlpz .myAgentDownloadLayout___pEYRP {
+ width: 158px;
+ height: 206px;
+ border-radius: 12px;
+ position: absolute;
+ background-color: var(--nav-download);
+ box-shadow: var(--nav-shadow);
+ left: 64px;
+ bottom: 0;
+ display: none;
+ animation: show___PuZhP .3s ease 1
+}
+
+.myAgent___djnd_ .myAgentDownload___FAlpz .myAgentDownloadLayout___pEYRP img {
+ width: 126px;
+ height: 126px;
+ margin: 16px 16px 2px
+}
+
+.myAgent___djnd_ .myAgentDownload___FAlpz .myAgentDownloadLayout___pEYRP p {
+ color: var(--text-2);
+ text-align: center;
+ line-height: 20px;
+ margin: 0;
+ padding: 0
+}
+
+.myAgent___djnd_ .myAgentDownload___FAlpz:hover .myAgentDownloadLayout___pEYRP {
+ display: block
+}
+
+
+.myAgentlight___yK7Gk .myAgentTool___Y1_mC .myAgentToolIconNew___DBZrW:hover {
+ background-image: none
+}
+
+.myAgentlight___yK7Gk .myAgentTool___Y1_mC .myAgentToolIconNew___DBZrW:hover img {
+ opacity: 1
+}
+
+.myAgentlight___yK7Gk .myAgentTool___Y1_mC .myAgentToolIconHistory___GTLWk {
+ /*background-image: url(./static/history_light.5dbe9ec9.svg)*/
+}
+
+.myAgentlight___yK7Gk .myAgentTool___Y1_mC .myAgentToolIconHistory___GTLWk:hover {
+ background-image: none
+}
+
+.myAgentlight___yK7Gk .myAgentTool___Y1_mC .myAgentToolIconHistory___GTLWk:hover img {
+ opacity: 1
+}
+
+.myAgentlight___yK7Gk .myAgentTool___Y1_mC .myAgentToolIconSquare___Rj1o_ {
+ /*background-image: url(./static/square_light.e46b6e7c.svg)*/
+}
+
+.myAgentlight___yK7Gk .myAgentTool___Y1_mC .myAgentToolIconSquare___Rj1o_:hover {
+ background-image: none
+}
+
+.myAgentlight___yK7Gk .myAgentTool___Y1_mC .myAgentToolIconSquare___Rj1o_:hover img {
+ opacity: 1
+}
+
+@keyframes show___PuZhP {
+ 0% {
+ opacity: 0
+ }
+
+ to {
+ opacity: 1
+ }
+}
+
+@keyframes apper___Fwe2E {
+ 0% {
+ height: 0
+ }
+
+ to {
+ height: 32px
+ }
+}
+
+.tooltip___GZ1MZ .msh-tooltip-inner {
+ padding: 2px 8px;
+ margin-left: 2px;
+ line-height: 28px;
+ font-size: 14px;
+ letter-spacing: .25px;
+ background: #010101;
+ border-radius: 8px;
+ color: #f5f9fff2
+}
+
+.myAgentHeadLayout___mhwZk {
+ cursor: pointer
+}
+
+.layoutNav___jOCfX {
+ height: 100%;
+ position: relative;
+ transition: width .2s ease;
+ background-color: transparent
+}
+
+.layoutNav___jOCfX .layoutNavMove___j5ets {
+ position: absolute;
+ top: 50%;
+ right: -8px;
+ transform: translateY(-50%);
+ z-index: 101
+}
+
+.layoutNav___jOCfX .layoutNavHot___Gmi0A {
+ width: 96px;
+ height: 100%
+}
+
+.layoutNav___jOCfX .layoutNavLine___qEtli {
+ width: 12px;
+ height: 26px;
+ position: absolute;
+ right: -26px;
+ top: 50%;
+ transform: translateY(-50%);
+ cursor: pointer;
+ transition: all .2s ease
+}
+
+.layoutNav___jOCfX .layoutNavLine___qEtli .layoutNavLine0___fDuov {
+ width: 4px;
+ height: 13px;
+ border-top-left-radius: 4px;
+ border-top-right-radius: 4px;
+ background-color: var(--fill-11);
+ left: 4px;
+ top: 0;
+ position: absolute;
+ transition: all .2s ease;
+ transform-origin: 50% 0
+}
+
+.layoutNav___jOCfX .layoutNavLine___qEtli .layoutNavLine1___hkrSK {
+ width: 4px;
+ height: 13px;
+ border-bottom-left-radius: 4px;
+ border-bottom-right-radius: 4px;
+ background-color: var(--fill-11);
+ left: 4px;
+ bottom: 0;
+ position: absolute;
+ transition: all .2s ease;
+ transform-origin: 50% 100%
+}
+
+.layoutNav___jOCfX .layoutNavLine___qEtli:after {
+ opacity: 0;
+ width: 45px;
+ height: 28px;
+ line-height: 28px;
+ text-align: center;
+ position: absolute;
+ border-radius: 8px;
+ border: .5px solid #13131A;
+ background: #010101;
+ box-shadow: 0 0 2px #00000040,0 0 1px 1px #fff3 inset;
+ color: #f5f9fff2;
+ left: 18px;
+ animation: show___TmKCq .3s ease 1
+}
+
+.logo___VUcPA {
+ width: 32px;
+ height: 32px;
+ left: 16px;
+ top: 12px;
+ position: absolute;
+ z-index: 500
+}
+
+.logo___VUcPA .logoIcon___eee_3 {
+ width: 100%;
+ height: 100%;
+ cursor: pointer
+}
+
+.logo___VUcPA .navBox___ntiEy {
+ width: 100vh;
+ height: 100vh;
+ position: fixed;
+ left: 0;
+ top: 0;
+ z-index: 1000
+}
+
+.logo___VUcPA .navContent___JDGQF {
+ position: absolute;
+ z-index: 1000
+}
+
+.en___d3BPh.layoutNavShow___NrDNn .layoutNavLine___qEtli:hover:after {
+ content: "Collapse"
+}
+
+.en___d3BPh.layoutNavHide___cXSjg .layoutNavLine___qEtli:hover:after {
+ content: "Expand"
+}
+
+.layoutNavShow___NrDNn {
+ width: 68px;
+ z-index: 1030
+}
+
+.layoutNavShow___NrDNn .layoutNavLine___qEtli {
+ opacity: 0
+}
+
+.layoutNavShow___NrDNn:hover .layoutNavLine___qEtli,.layoutNavShow___NrDNn .layoutNavHot___Gmi0A:hover .layoutNavLine___qEtli {
+ opacity: 1
+}
+
+.layoutNavShow___NrDNn .layoutNavLine___qEtli:hover:after {
+ content: "\6536\8d77";
+ opacity: 1
+}
+
+.layoutNavShow___NrDNn .layoutNavLine___qEtli:hover .layoutNavLine0___fDuov {
+ background-color: var(--fill-12);
+ transform-origin: 50% 0%;
+ transform: rotate(17deg) translateY(1px);
+ border-top-left-radius: 4px;
+ border-top-right-radius: 4px;
+ border-bottom-left-radius: 10px;
+ height: 16px
+}
+
+.layoutNavShow___NrDNn .layoutNavLine___qEtli:hover .layoutNavLine1___hkrSK {
+ background-color: var(--fill-12);
+ transform-origin: 50% 100%;
+ transform: rotate(-17deg) translateY(-1px);
+ border-bottom-left-radius: 4px;
+ border-bottom-right-radius: 4px;
+ border-top-left-radius: 10px;
+ height: 16px
+}
+
+.layoutNavHide___cXSjg {
+ width: 0px;
+ z-index: 1030
+}
+
+.layoutNavHide___cXSjg .layoutNavMove___j5ets {
+ right: 0
+}
+
+.layoutNavHide___cXSjg .layoutNavLine___qEtli {
+ right: -25px
+}
+
+.layoutNavHide___cXSjg .layoutNavLine___qEtli .layoutNavLine0___fDuov {
+ transform-origin: 50% 0%;
+ transform: rotate(-17deg) translateY(1px);
+ border-top-left-radius: 4px;
+ border-top-right-radius: 4px;
+ border-bottom-right-radius: 10px;
+ height: 16px
+}
+
+.layoutNavHide___cXSjg .layoutNavLine___qEtli .layoutNavLine1___hkrSK {
+ transform-origin: 50% 100%;
+ transform: rotate(17deg) translateY(-1px);
+ border-bottom-left-radius: 4px;
+ border-bottom-right-radius: 4px;
+ border-top-right-radius: 10px;
+ height: 16px
+}
+
+.layoutNavHide___cXSjg .layoutNavHot___Gmi0A {
+ width: 20px
+}
+
+.layoutNavHide___cXSjg .layoutNavLine___qEtli:hover:after {
+ content: "\5c55\5f00";
+ opacity: 1
+}
+
+.layoutNavHide___cXSjg .layoutNavLine___qEtli:hover .layoutNavLine0___fDuov {
+ background-color: var(--fill-12);
+ transform-origin: 50% 0%;
+ transform: rotate(-17deg) translateY(1px);
+ border-top-left-radius: 4px;
+ border-top-right-radius: 4px;
+ border-bottom-right-radius: 10px;
+ height: 16px
+}
+
+.layoutNavHide___cXSjg .layoutNavLine___qEtli:hover .layoutNavLine1___hkrSK {
+ background-color: var(--fill-12);
+ transform-origin: 50% 100%;
+ transform: rotate(17deg) translateY(-1px);
+ border-bottom-left-radius: 4px;
+ border-bottom-right-radius: 4px;
+ border-top-right-radius: 10px;
+ height: 16px
+}
+
+.mainContent___vvQdb {
+ height: 100%;
+ display: flex;
+ background-color: var(--nav-layout)
+}
+
+.mainContent___vvQdb.busy___Gqbrv {
+ height: calc(100% - 56px)
+}
+
+.mainContent___vvQdb .layoutContent___NvxZ_ {
+ flex: 1 1;
+ height: 100%;
+ width: 100%;
+ position: relative;
+ background-color: var(--nav-layout)
+}
+
+@media (min-width: 600px) {
+ .mainContent___vvQdb.busy___Gqbrv {
+ height:calc(100% - 36px)
+ }
+
+ .layoutContent___NvxZ_ {
+ width: auto
+ }
+}
+
+@keyframes show___BReeN {
+ 0% {
+ opacity: 0
+ }
+
+ to {
+ opacity: 1
+ }
+}
\ No newline at end of file
--
Gitblit v1.8.0