src/App.vue

@@ -2,6 +2,9 @@
   <div id="app">
     <router-view />
     <theme-picker />
+    <div class="onlyoffice">
+      <div id="placeholder" v-show="flag"></div>
+    </div>
   </div>
 </template>
 
@@ -11,18 +14,94 @@ import ThemePicker from "@/components/ThemePicker";
 export default {
   name: "App",
   components: { ThemePicker },
-    metaInfo() {
+  data() {
-        return {
+    return {
-            title: this.$store.state.settings.dynamicTitle && this.$store.state.settings.title,
+      config: {},
-            titleTemplate: title => {
+      flag: false
-                return title ? `${title} - ${process.env.VUE_APP_TITLE}` : process.env.VUE_APP_TITLE
-            }
-        }
     }
+  },
+  mounted() {
+    console.log("app.vue");
+    this.config = {
+      "editorConfig": {
+        "mode": "edit",
+        "customization": {
+          "feedback": {
+            "visible": false
+          },
+          "help": false,
+          "goback": {
+            "blank": false
+          },
+          "macros": false,
+          "autosave": false,
+          "comments": false,
+          "review": {},
+          "hideRightMenu": true,
+          "anonymous": {
+            "request": false
+          },
+          "forcesave": true,
+          "logo": {},
+          "hideNotes": true
+        },
+        "plugins": {
+          "pluginsData": [],
+          "autostart": []
+        },
+        "callbackUrl": "http://121.40.189.20:9090/onlyOffice/save",
+        "lang": "zh-CN",
+        "user": {
+          "name": "OnlyOfficeUserName1",
+          "id": "1"
+        }
+      },
+      "docServiceApiUrl": "http://121.40.189.20:8899/web-apps/apps/api/documents/api.js",
+      "documentType": "word",
+      "document": {
+        "permissions": {
+          "edit": false,
+          "chat": false,
+          "review": false
+        },
+        "title": "调解申请书模板.docx",
+        "fileType": "docx",
+        "key": "835cc5e86a7544759fdee69d3adb150c",
+        "url": "http://121.40.189.20:9090/download/835cc5e86a7544759fdee69d3adb150c",
+        "info": {
+          "sharingSettings": [
+            {
+              "isLink": true,
+              "permissions": [
+                "Full Access"
+              ],
+              "user": "OnlyOfficeUserName1"
+            }
+          ],
+          "created": "2024-03-13 09:46:41"
+        }
+      },
+      "type": "desktop"
+    }
+    var docEditor = new DocsAPI.DocEditor("placeholder", this.config);
+  },
+  metaInfo() {
+    return {
+      title: this.$store.state.settings.dynamicTitle && this.$store.state.settings.title,
+      titleTemplate: title => {
+        return title ? `${title} - ${process.env.VUE_APP_TITLE}` : process.env.VUE_APP_TITLE
+      }
+    }
+  }
 };
 </script>
 <style scoped>
 #app .theme-picker {
   display: none;
 }
+
+.onlyoffice {
+  width: 0px;
+  height: 0px;
+}
 </style>