From 84245611117042e8a0e497abd824fc88a96e3b34 Mon Sep 17 00:00:00 2001
From: hanchaobo <you@example.com>
Date: Tue, 14 May 2024 15:45:47 +0800
Subject: [PATCH] =?UTF-8?q?=E8=A7=86=E9=A2=91=E4=BC=9A=E8=AE=AE=EF=BC=8Con?=
 =?UTF-8?q?lyoffice?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 public/index.html                             |   1 +
 src/api/onlyoffice/onlyoffice.js              |  20 ++++
 src/router/index.js                           |   5 +
 src/store/getters.js                          |   1 +
 src/store/modules/user.js                     |   4 +
 .../components/trialincourtDialog.vue         |  28 ++---
 src/views/onlyoffice/onlyoffice.vue           | 110 ++++++++++++++++++
 7 files changed, 155 insertions(+), 14 deletions(-)
 create mode 100644 src/api/onlyoffice/onlyoffice.js
 create mode 100644 src/views/onlyoffice/onlyoffice.vue

diff --git a/public/index.html b/public/index.html
index 925455c..1a834cf 100644
--- a/public/index.html
+++ b/public/index.html
@@ -7,6 +7,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
     <link rel="icon" href="<%= BASE_URL %>favicon.ico">
     <title><%= webpackConfig.name %></title>
+    <script src="http://121.40.189.20:8899/web-apps/apps/api/documents/api.js"></script>
     <!--[if lt IE 11]><script>window.location.href='/html/ie.html';</script><![endif]-->
 	  <style>
     html,
diff --git a/src/api/onlyoffice/onlyoffice.js b/src/api/onlyoffice/onlyoffice.js
new file mode 100644
index 0000000..2ec0641
--- /dev/null
+++ b/src/api/onlyoffice/onlyoffice.js
@@ -0,0 +1,20 @@
+import request from '@/utils/request'
+// 获取onlyoffice配置文件
+export function getOnlyoffice(params) {
+  return request({
+    url: '/onlyOffice',
+    // headers: {
+    //   isToken: false
+    // },
+    method: 'get',
+    params: params
+  })
+}
+// 保存onlyoffice文档
+export function saveOnlyOfficeFile(data) {
+  return request({
+    url: '/caseApplication/saveOnlyOfficeFile',
+    method: 'post',
+    data: data
+  })
+}
\ No newline at end of file
diff --git a/src/router/index.js b/src/router/index.js
index 9ed9477..61cbfd4 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -61,6 +61,11 @@ export const constantRoutes = [
     component: () => import('@/views/error/401'),
     hidden: true
   },
+  {
+    path: '/onlyoffice',
+    component: () => import('@/views/onlyoffice/onlyoffice'),
+    hidden: true
+  },
   {
     path: '',
     component: Layout,
diff --git a/src/store/getters.js b/src/store/getters.js
index 8adb1b6..4b95a79 100644
--- a/src/store/getters.js
+++ b/src/store/getters.js
@@ -15,5 +15,6 @@ const getters = {
   topbarRouters:state => state.permission.topbarRouters,
   defaultRoutes:state => state.permission.defaultRoutes,
   sidebarRouters:state => state.permission.sidebarRouters,
+  userId:state => state.user.userId,
 }
 export default getters
diff --git a/src/store/modules/user.js b/src/store/modules/user.js
index ab0a6fe..e9d9fd6 100644
--- a/src/store/modules/user.js
+++ b/src/store/modules/user.js
@@ -11,6 +11,9 @@ const user = {
   },
 
   mutations: {
+    SET_USERID:(state,userId) => {
+      state.userId = userId
+    },
     SET_TOKEN: (state, token) => {
       state.token = token
     },
@@ -60,6 +63,7 @@ const user = {
           }
           commit('SET_NAME', user.userName)
           commit('SET_AVATAR', avatar)
+          commit('SET_USERID',user.userId)
           resolve(res)
         }).catch(error => {
           reject(error)
diff --git a/src/views/caseManagement/components/trialincourtDialog.vue b/src/views/caseManagement/components/trialincourtDialog.vue
index c85d0f5..4a58017 100644
--- a/src/views/caseManagement/components/trialincourtDialog.vue
+++ b/src/views/caseManagement/components/trialincourtDialog.vue
@@ -157,7 +157,7 @@
           <el-form-item label="裁决书:">
             <div v-if="awardArr.length == 0">裁决书暂未提供！</div>
             <div v-for="(item, index) in awardArr" :key="index">
-              <a href="#" @click="awardToFile(item, index)" style="color: blue">
+              <a href="#" @click="awardToFile(item.onlyOfficeFileId)" style="color: blue">
                 {{ item.annexName }}
               </a>
             </div>
@@ -549,10 +549,7 @@ export default {
                 }
                 //裁决书附件
                 if (item.annexType == 3) {
-                  this.awardArr.push({
-                    annexName: item.annexName,
-                    annexPath: item.annexPath,
-                  });
+                  this.awardArr.push(item);
                 }
               });
             }
@@ -585,11 +582,17 @@ export default {
       );
     },
     //裁决书文件
-    awardToFile(item, index) {
-      window.open(
-        window.location.origin + "/API" + this.awardArr[index].annexPath,
-        "_black"
-      );
+    awardToFile(item) {
+      console.log(item,"LLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLL");
+      // window.open(
+      //   window.location.origin + "/API" + this.awardArr[index].annexPath,
+      //   "_black"
+      // );
+      if (this.checkPermi(['caseManagement:list:editOffice'])) {
+        this.$router.push({ path: '/onlyoffice', query: { id: item, flag: 1 } })
+      } else {
+        this.$router.push({ path: '/onlyoffice', query: { id: item, flag: 0 } })
+      }
     },
     // 庭审笔录附件
     toFile2(item, index) {
@@ -670,10 +673,7 @@ export default {
                 this.adjudicatename.caseAttachList = res.data.caseAttachList;
                  this.adjudicatename.caseAttachList.forEach(item=>{
                   if(item.annexType==3){
-                    this.awardArr.push({
-                    annexName: item.annexName,
-                    annexPath: item.annexPath,
-                  });
+                    this.awardArr.push(item);
                   }
                  })
                 
diff --git a/src/views/onlyoffice/onlyoffice.vue b/src/views/onlyoffice/onlyoffice.vue
new file mode 100644
index 0000000..4c286ef
--- /dev/null
+++ b/src/views/onlyoffice/onlyoffice.vue
@@ -0,0 +1,110 @@
+<template>
+  <div style="width: 100%; height: 100%">
+    <div id="placeholder"></div>
+  </div>
+</template>
+
+<script>
+import { getOnlyoffice, saveOnlyOfficeFile } from "@/api/onlyoffice/onlyoffice";
+import { setToken } from "@/utils/auth";
+import store from "@/store";
+import axios from "axios";
+export default {
+  props: [],
+  data() {
+    return {
+      config: {},
+      flag: 0,
+      userId: store.getters.userId,
+      websock: null,
+    };
+  },
+  destroyed() {
+    //页面销毁时关闭ws连接
+    if (this.websock) {
+      this.websock.close(); // 关闭websocket
+    }
+  },
+  methods: {
+    getConfig(id) {
+      let edit = "edit";
+      if (this.flag == 0) {
+        edit = "view";
+      } else {
+        edit = "edit";
+      }
+      axios
+        .get(
+          `http://121.40.189.20:9090/onlyOfficeConfig/${edit}/${id}/${this.userId}/desktop/true/zhongcai`
+        )
+        .then((res) => {
+          this.config = res.data;
+          this.config.editorConfig.callbackUrl = this.config.editorConfig.callbackUrl + "/" + id;
+          console.log(this.config,"OOOOOOOOOOOOOOOOOOOOOOOOOOO");
+
+          // this.config.callbackUrl = this.config.callbackUrl + `/${this.userId}`;
+          var docEditor = new DocsAPI.DocEditor("placeholder", this.config);
+        });
+    },
+    //初始化weosocket
+    initWebSocket() {
+      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;
+    },
+    //连接成功
+    websocketonopen() {
+      console.log("WebSocket连接成功");
+    },
+    //接收后端返回的数据
+    websocketonmessage(e) {
+      let dataJson = e.data;
+      if (dataJson != "conn_success") {
+        dataJson = JSON.parse(dataJson);
+      }
+      if (dataJson.caseId) {
+        saveOnlyOfficeFile({
+          caseAppliId: Number(dataJson.caseId),
+          annexName: dataJson.fileName,
+          annexPath: dataJson.filePath,
+          onlyOfficeFileId: dataJson.fileId,
+        }).then((res) => {
+          this.websock.send();
+        });
+      }
+      // 在这里使用后端返回的数据，对数据进行处理渲染
+    },
+    //连接建立失败重连
+    websocketonerror(e) {
+      console.log(`连接失败的信息：`, e);
+      this.initWebSocket(); // 连接失败后尝试重新连接
+    },
+    //关闭连接
+    websocketclose(e) {
+      console.log("断开连接", e);
+    },
+    /**是否从视频会议跳转，是处理token */
+    async getToken() {
+      setToken(this.$route.query.token);
+    },
+  },
+  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: {},
+};
+</script>
+<style lang="scss" scoped></style>
\ No newline at end of file