feat: add chat export button

web/src/assets/iconfont/iconfont.css

@@ -1,8 +1,8 @@
 @font-face {
   font-family: "iconfont"; /* Project id 4125778 */
-  src: url('iconfont.woff2?t=1687341905766') format('woff2'),
-       url('iconfont.woff?t=1687341905766') format('woff'),
-       url('iconfont.ttf?t=1687341905766') format('truetype');
+  src: url('iconfont.woff2?t=1691029402206') format('woff2'),
+       url('iconfont.woff?t=1691029402206') format('woff'),
+       url('iconfont.ttf?t=1691029402206') format('truetype');
 }
 
 .iconfont {
@@ -13,6 +13,10 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
+.icon-export:before {
+  content: "\e791";
+}
+
 .icon-sub-menu:before {
   content: "\e86b";
 }

web/src/assets/iconfont/iconfont.json

@@ -5,6 +5,13 @@
   "css_prefix_text": "icon-",
   "description": "",
   "glyphs": [
+    {
+      "icon_id": "4765958",
+      "name": "export",
+      "font_class": "export",
+      "unicode": "e791",
+      "unicode_decimal": 59281
+    },
     {
       "icon_id": "6343824",
       "name": "menu",

web/src/views/ChatPlus.vue

@@ -138,6 +138,10 @@
               新建会话
             </el-button>
 
+            <el-button type="success" @click="exportChat" plain>
+              <i class="iconfont icon-export"></i>
+              <span>导出会话</span>
+            </el-button>
           </div>
         </div>
 
@@ -769,6 +773,15 @@ const updateUser = function (data) {
   loginUser.value.avatar = data.avatar;
   loginUser.value.nickname = data.nickname;
 }
+
+// 导出会话
+const exportChat = () => {
+  if (!activeChat.value['chat_id']) {
+    return ElMessage.error("请先选中一个会话")
+  }
+  
+  window.open(location.protocol + location.host + '/chat/export?chat_id=' + activeChat.value['chat_id'], '_blank');
+}
 </script>
 
 <style scoped lang="stylus">
@@ -776,6 +789,7 @@ const updateUser = function (data) {
 $sideBgColor = #252526;
 $borderColor = #4676d0;
 #app {
+
   height: 100%;
 
   .common-layout {
@@ -978,6 +992,10 @@ $borderColor = #4676d0;
             }
           }
         }
+
+        .iconfont {
+          margin-right 5px;
+        }
       }
 
       .right-box {
@@ -1135,4 +1153,4 @@ $borderColor = #4676d0;
     }
   }
 }
-</style>
+</style>