聊天记录导出

package-lock.json

@@ -13001,9 +13001,9 @@
       "dev": true
     },
     "tar": {
-      "version": "6.1.10",
-      "resolved": "https://registry.npmjs.org/tar/-/tar-6.1.10.tgz",
-      "integrity": "sha512-kvvfiVvjGMxeUNB6MyYv5z7vhfFRwbwCXJAeL0/lnbrttBVqcMOnpHUf0X42LrPMR8mMpgapkJMchFH4FSHzNA==",
+      "version": "6.1.11",
+      "resolved": "https://registry.npmjs.org/tar/-/tar-6.1.11.tgz",
+      "integrity": "sha512-an/KZQzQUkZCkuoAA64hM92X0Urb6VpRhAFllDzz44U2mcD5scmT3zBc4VgVpkugF580+DQn8eAFSyoQt0tznA==",
       "dev": true,
       "requires": {
         "chownr": "^2.0.0",

src/views/im/components/chat.vue

@@ -206,6 +206,9 @@
       class="history-message"
       width="60%"
     >
+      <Button type="warning" class="export" @click="exportEvent"
+        >导出聊天记录</Button
+      >
       <history-message
         :showHistory="showHistory"
         :chat="chat"
@@ -368,7 +371,35 @@ export default {
         });
       console.log(user);
     },
-
+    exportEvent() {
+      RequestUtils.request(conf.getExportUrl())
+        .then((json) => {
+          if (json.code == 200) {
+            let str = "D:/temp";
+            let fileUrl = json.data.fileUrl.replace(/\\/g, "/");
+            let url =
+              "https://" +
+              localStorage.getItem("host") +
+              ":" +
+              conf.http_port +
+              fileUrl.slice(str.length);
+            // 组装a标签
+            let elink = document.createElement("a");
+            // 设置下载文件名
+            elink.download = '聊天记录.xls';
+            elink.style.display = "none";
+            elink.href = URL.createObjectURL(blob);
+            document.body.appendChild(elink);
+            elink.click();
+            document.body.removeChild(elink);
+          } else if (json.code == 201) {
+            this.$Message.error("操作失败");
+          }
+        })
+        .catch((err) => {
+          console.error(err);
+        });
+    },
     approver() {
       this.groupPersonBoo = true;
       this.getApplyList();
@@ -907,7 +938,10 @@ export default {
   width: 100%;
   margin: 0.5rem;
 }
-
+.export {
+  margin-left: 10px;
+  margin-top: 10px;
+}
 .ivu-drawer-body {
   padding: 0 !important;
 

src/views/im/conf/index.js

 /*
  * @Author: your name
  * @Date: 2021-08-20 16:31:17
- * @LastEditTime: 2021-08-25 14:42:06
+ * @LastEditTime: 2021-08-27 15:34:23
  * @LastEditors: Please set LastEditors
  * @Description: In User Settings Edit
  * @FilePath: \V-IM-PC\src\views\im\conf\index.js
@@ -9,7 +9,7 @@
 export default {
   app_name: "V-IM",
   http_protocol: "http",
-  http_port: 8084,
+  http_port: 8082,
   ws_port: 9326,
   init: "/api/user/init",
   his_url: "/api/message/list",
@@ -25,6 +25,7 @@ export default {
   chatGroupUserDsh_url: '/api/chatGroupUser/dsh',
   chatGroupUserAgree_url: '/api/chatGroupUser/agree',
   chatGroupDelUser_url: '/api/chatGroupUser/delete',
+  export_url: '/api/message/export',
   ws_protocol: "ws",
   getHostUrl: function() {
     return (
@@ -80,6 +81,9 @@ export default {
   getChatGroupUserAgreeUrl: function() {
     return this.getHostUrl() + this.chatGroupUserAgree_url;
   },
+  getExportUrl: function() {
+    return this.getHostUrl() + this.export_url;
+  },
   getWsUrl: function() {
     return (
       this.ws_protocol +