Merge branch 'dev' of http://git.xayunmei.com/SH-Arbitrate/Mediation-Frontend into hcb

src/views/onlyoffice/onlyoffice.vue

@@ -1,13 +1,14 @@
 <template>
-    <div style="width: 100%;height: 100%;">
+  <div style="width: 100%; height: 100%">
     <div id="placeholder"></div>
   </div>
 </template>
 
 <script>
-import { getOnlyoffice, saveOnlyOfficeFile } from "@/api/onlyoffice/onlyoffice"
-import store from "@/store"
-import axios from 'axios'
+import { getOnlyoffice, saveOnlyOfficeFile } from "@/api/onlyoffice/onlyoffice";
+import { setToken } from "@/utils/auth";
+import store from "@/store";
+import axios from "axios";
 export default {
   props: [],
   data() {
@@ -15,46 +16,50 @@ export default {
       config: {},
       flag: 0,
       userId: store.getters.userId,
-            websock: null
+      websock: null,
     };
   },
   destroyed() {
     //页面销毁时关闭ws连接
     if (this.websock) {
-            this.websock.close() // 关闭websocket
+      this.websock.close(); // 关闭websocket
     }
   },
   methods: {
     getConfig(id) {
       let edit = "edit";
       if (this.flag == 0) {
-                edit = 'view';
+        edit = "view";
       } else {
-                edit = 'edit';
+        edit = "edit";
       }
-            axios.get(`http://121.40.189.20:9090/onlyOfficeConfig/${edit}/${id}/${this.userId}/desktop/true`).then(res => {
+      axios
+        .get(
+          `http://121.40.189.20:9090/onlyOfficeConfig/${edit}/${id}/${this.userId}/desktop/true`
+        )
+        .then((res) => {
           this.config = res.data;
           // this.config.callbackUrl = this.config.callbackUrl + `/${this.userId}`;
           console.log(res.data, "OOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOO");
           var docEditor = new DocsAPI.DocEditor("placeholder", this.config);
-            })
+        });
     },
     //初始化weosocket
     initWebSocket() {
-            if (typeof (WebSocket) === "undefined") {
-                alert("您的浏览器不支持WebSocket")
-                return false
+      if (typeof WebSocket === "undefined") {
+        alert("您的浏览器不支持WebSocket");
+        return false;
       }
-            const wsuri = `ws://121.40.189.20:9090/api/websocket/${this.userId}` // websocket地址
-            this.websock = new WebSocket(wsuri)
-            this.websock.onopen = this.websocketonopen
-            this.websock.onmessage = this.websocketonmessage
-            this.websock.onerror = this.websocketonerror
-            this.websock.onclose = this.websocketclose
+      const wsuri = `ws://121.40.189.20:9090/api/websocket/${this.userId}`; // websocket地址
+      this.websock = new WebSocket(wsuri);
+      this.websock.onopen = this.websocketonopen;
+      this.websock.onmessage = this.websocketonmessage;
+      this.websock.onerror = this.websocketonerror;
+      this.websock.onclose = this.websocketclose;
     },
     //连接成功
     websocketonopen() {
-            console.log('WebSocket连接成功')
+      console.log("WebSocket连接成功");
     },
     //接收后端返回的数据
     websocketonmessage(e) {
@@ -67,32 +72,37 @@ export default {
           caseAppliId: Number(dataJson.caseId),
           annexName: dataJson.fileName,
           annexPath: dataJson.filePath,
-                    onlyOfficeFileId: dataJson.fileId
-                }).then(res => {
-                    this.websock.send()
-                })
+          onlyOfficeFileId: dataJson.fileId,
+        }).then((res) => {
+          this.websock.send();
+        });
       }
       // 在这里使用后端返回的数据，对数据进行处理渲染
     },
     //连接建立失败重连
     websocketonerror(e) {
-            console.log(`连接失败的信息：`, e)
-            this.initWebSocket() // 连接失败后尝试重新连接
+      console.log(`连接失败的信息：`, e);
+      this.initWebSocket(); // 连接失败后尝试重新连接
     },
     //关闭连接
     websocketclose(e) {
-            console.log('断开连接', e)
+      console.log("断开连接", e);
+    },
+    /**是否从视频会议跳转，是处理token */
+    async getToken() {
+      setToken(this.$route.query.token);
     },
   },
-    mounted() {
+  async mounted() {
+    if (this.$route.query.token) {
+      await this.getToken();
+    }
     let id = this.$route.query.id;
     this.flag = this.$route.query.flag;
     this.getConfig(id);
     this.initWebSocket();
   },
-    watch: {
-
-    }
+  watch: {},
 };
 </script>
 <style lang="scss" scoped></style>