Merge branch 'master' of http://47.97.176.204:19000/wangwansu/iact_jiagou_drowio

public/index.html

@@ -12,8 +12,10 @@
       <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
     </noscript>
     <div id="app"></div>
+    <!-- <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>
   <style>
     html,body{
       height: 100%;

src/router/index.js

@@ -23,15 +23,22 @@ const routes = [
 				path: '/main/JiaGouYuanShuGuanLi',//架构元素管理
 				name: 'JiaGouYuanShuGuanLi',
 				component: () => import('@/views/JiaGouYuanShuGuanLi/index.vue'),
-			},{
+			},
+			{
 				path: '/main/YeWuZiChanGuanLi',//业务架构资产管理
 				name: 'YeWuZiChanGuanLi',
 				component: () => import('@/views/YeWuZiChanGuanLi/index.vue'),
-			},{
+			},
+			{
 				path: '/main/YuanMoXingGuanLi',//元模型管理
 				name: 'YuanMoXingGuanLi',
 				component: () => import('@/views/YuanMoXingGuanLi/index.vue'),
-			}
+			},
+			{
+				path: '/main/wenDangDemo',//在线文档编制
+				name: 'wenDangDemo',
+				component: () => import('@/views/wenDangDemo/index.vue'),
+			},
 		]
 	}
 ]

src/views/Main/index.vue

@@ -25,6 +25,10 @@
 				<template slot="title">总体架构资产管理</template>
 				<el-menu-item index="/main/YeWuZiChanGuanLi">业务架构资产管理</el-menu-item>
 			</el-submenu>
+			<el-submenu index="3">
+				<template slot="title">文档在线编辑</template>
+				<el-menu-item index="/main/wenDangDemo">文档在线编辑入口</el-menu-item>
+			</el-submenu>
 			<!-- <el-menu-item index="3">消息中心</el-menu-item> -->
 			<!-- <el-menu-item index="4">订单管理</el-menu-item> -->
 			

src/views/wenDangDemo/index.vue

+<template>
+	<div class="wenDangDemo">
+		<div id="placeholder"></div>
+		<div class="office" @click="gotoOffice">
+			编辑文档
+		</div>
+
+	</div>
+</template>
+
+<script>
+
+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,
+
+		};
+	},
+	methods: {
+		gotoOffice() {
+			let config = {
+				"document": {
+					"fileType": "docx",
+					"key": "Khirz6zTPdfd7",
+					"title": "Example Document Title.docx",
+					"url": "https://example.com/url-to-example-document.docx"
+				},
+				"documentType": "text",
+				"editorConfig": {
+					"callbackUrl": "https://example.com/url-to-callback.ashx"
+				}
+			};
+			var docEditor = new DocsAPI.DocEditor("placeholder", config);
+		},
+		handleSelect(key, keyPath) {
+		}
+	}
+}
+</script>
+<style scoped >
+	.wenDangDemo{
+		width: 100%;
+		height: 100%;
+		
+	}
+	.office{
+		color: black;
+		font-size: 20px;
+	}
+</style>
\ No newline at end of file