Browse Source

onlyoffice

wukai 2 years ago
parent
commit
99efef335a
3 changed files with 22 additions and 20 deletions
  1. 1 0
      index.html
  2. 7 7
      src/components/OnlyOffice/index.vue
  3. 14 13
      src/views/biz/onlyoffice/index.vue

+ 1 - 0
index.html

@@ -8,6 +8,7 @@
 		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
 		<link rel="icon" href="/favicon.ico">
 		<title>若依管理系统</title>
+		<script type="text/javascript" src="http://192.168.188.188:19531/web-apps/apps/api/documents/api.js" charset="utf-8" async></script>
 		<!--引入onlyoffice组件-->
 		<!--[if lt IE 11]><script>window.location.href='/html/ie.html';</script><![endif]-->
 		<style>

+ 7 - 7
src/components/OnlyOffice/index.vue

@@ -36,13 +36,13 @@
 			},
 		},
 		mounted() {
-			let script = document.createElement("script");
-			script.type = "text/javascript";
-			script.src = `${window.location.origin}:19531/web-apps/apps/api/documents/api.js`;
-			document.body.appendChild(script);
-			if (this.option.url) {
-				this.setEditor(this.option)
-			}
+			// let script = document.createElement("script");
+			// script.type = "text/javascript";
+			// script.src = `${window.location.origin}:19531/web-apps/apps/api/documents/api.js`;
+			// document.body.appendChild(script);
+			// if (this.option.url) {
+			// 	this.setEditor(this.option)
+			// }
 		},
 		methods: {
 			async setEditor(option) {

+ 14 - 13
src/views/biz/onlyoffice/index.vue

@@ -1,6 +1,6 @@
 <template>
 	<div>
-		<el-form ref="elForm" :model="formData" :rules="rules" size="medium" label-width="100px">
+		<!-- <el-form ref="elForm" :model="formData" :rules="rules" size="medium" label-width="100px">
 			<el-row>
 				<el-col :span="6">
 					<el-form-item label="文件ID" prop="fileId">
@@ -19,7 +19,7 @@
 					</el-form-item>
 				</el-col>
 			</el-row>
-		</el-form>
+		</el-form> -->
 		<div class='qualityManual-container-office'>
 			<jjt-only-office :option='option' />
 		</div>
@@ -37,17 +37,6 @@
 		},
 		data() {
 			return {
-				formData: {
-					fileId: '64edbe7153085f500d7ce33f',
-					url: ''
-				},
-				rules: {
-					fileId: [{
-						required: true,
-						message: '请输入文件ID',
-						trigger: 'blur'
-					}],
-				},
 				//参考jjtOnlyOffice组件参数配置
 				option: {
 					key: '',
@@ -73,6 +62,18 @@
 			const route = useRoute();
 			let row=JSON.parse(decodeURI(route.query.data))
 			console.log(111221,row);
+			this.show = true;
+			this.option.isEdit = true;
+			this.option.url = `${window.location.origin}${import.meta.env.VITE_APP_BASE_API}/api/access/${row.fileId}`;
+			this.option.title = row.fileName;
+			this.option.key=row.fileId;
+			this.option.fileType = row.fileType.replace(".","");
+			this.option.editUrl = `${window.location.origin}${import.meta.env.VITE_APP_BASE_API}/only-office/callback/${row.fileId}`;
+			
+			this.option.user = {
+				id: useUserStore().uid, //用户ID
+				name: useUserStore().uname //用户姓名
+			};
 		},
 		methods: {
 			submitForm() {