修改菜单

package.json

@@ -7,6 +7,7 @@
     "build": "vue-cli-service build"
   },
   "dependencies": {
+    "@onlyoffice/document-editor-vue": "^1.3.0",
     "core-js": "^3.8.3",
     "element-ui": "^2.15.14",
     "jquery": "^3.7.1",

public/drawio/js/diagramly/sidebar/Sidebar-ArchiMate4.js

@@ -149,7 +149,7 @@
 		];
 			
 		// this.addPalette('archimate3Business', 'archimate 3.0 / Business', true, mxUtils.bind(this, function(content)
-		this.addPalette('archimate3Business', '架构 / 业务', true, mxUtils.bind(this, function(content)
+		this.addPalette('archimate3Business', '架构 / 业务', false, mxUtils.bind(this, function(content)
 				{
 					for (var i = 0; i < fns.length; i++)
 					{

public/index.html

@@ -15,7 +15,7 @@
     <!-- <script type="text/javascript" src="https://documentserver/web-apps/apps/api/documents/api.js"></script> -->
     <!-- built files will be auto injected -->
   </body>
-  <script type="text/javascript" src="https://documentserver/web-apps/apps/api/documents/api.js"></script>
+  <script type="text/javascript" src="http://192.168.0.187:9999/web-apps/apps/api/documents/api.js"></script>
   <style>
     html,body{
       height: 100%;

src/views/wenDangDemo/index.vue

@@ -4,7 +4,6 @@
 		<div class="office" @click="gotoOffice">
 			编辑文档
 		</div>
-
 	</div>
 </template>
 
@@ -13,43 +12,49 @@
 export default {
 	name: 'wenDangDemo',
 	components: {
-
+		// ,
 	},
 	data() {
 		return {
-			tableData: [
-				{ let1: '业务域', let2: '策略层', let3: '业务架构', let4: '业务域的基本描述', let5: '2023.10.31', let6: '已发布' },
-				{ let1: '业务职能', let2: '策略层', let3: '业务架构', let4: '业务职能的描述', let5: '2023.10.31', let6: '已发布' },
-				{ let1: '应用交互', let2: '策略层', let3: '应用架构', let4: '应用交互的基本描述', let5: '2023.10.31', let6: '已发布' },
-				{ let1: '功能', let2: '策略层', let3: '应用架构', let4: '功能的描述', let5: '2023.09.17', let6: '暂存' },
-				{ let1: '业务域', let2: '策略层', let3: '业务架构', let4: '业务域的基本描述', let5: '2023.08.18', let6: '已停用' },
-			],
-			add_dialog: false,
-			query_item1: null,
-			query_item2: null,
-			query_item3: null,
-			query_item4: null,
+			config: {
+				"document": {
+					"fileType": "docx",
+					"key": "Khirz6zTPdfd7",
+					"title": "new.docx",
+					"url": "http://192.168.0.187:9999/example/editor?fileName=new.docx"
+				},
+				"documentType": "word",
+				"editorConfig": {
+					"callbackUrl": "https://example.com/url-to-callback.ashx"
+				},
+				"token": "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.e30.LwimMJA3puF3ioGeS-tfczR3370GXBZMIL-bdpu4hOU",
+
+			},
 
 		};
 	},
 	methods: {
 		gotoOffice() {
+			
 			let config = {
 				"document": {
 					"fileType": "docx",
 					"key": "Khirz6zTPdfd7",
-					"title": "Example Document Title.docx",
-					"url": "https://example.com/url-to-example-document.docx"
+					"title": "new.docx",
+					"url": "http://192.168.0.187:8081/example/editor?fileName=new.docx"
 				},
-				"documentType": "text",
+				"documentType": "word",
 				"editorConfig": {
 					"callbackUrl": "https://example.com/url-to-callback.ashx"
-				}
+				},
+				"token": "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.e30.LwimMJA3puF3ioGeS-tfczR3370GXBZMIL-bdpu4hOU",
+
 			};
 			var docEditor = new DocsAPI.DocEditor("placeholder", config);
 		},
-		handleSelect(key, keyPath) {
-		}
+		onDocumentReady() {
+            console.log("Document is loaded");
+        },
 	}
 }
 </script>
@@ -62,5 +67,6 @@ export default {
 	.office{
 		color: black;
 		font-size: 20px;
+		cursor: pointer;
 	}
 </style>
\ No newline at end of file