Skip to content

liangzhen / framework-tools-web

Go to a project
Commit 7c693ec2 by 史敦盼
Options

Merge branch 'sdp-v1'

2 parents 9cd95366 dd3e240d
Inline Side-by-side
Showing with 410 additions and 40 deletions
src/api/index.js
...@@ -589,10 +589,13 @@ export function detailPrelDesInspecte(params) { ...@@ -589,10 +589,13 @@ export function detailPrelDesInspecte(params) {
return post('/network/prel-des-inspecte/qReview/', params) return post('/network/prel-des-inspecte/qReview/', params)
} }
// 根据项目ID和架构归属ID查询对应架构视图 // 根据项目ID和架构归属ID查询对应架构视图
export function qViewPrelDesInspecte(params) { export function qViewPrelDesInspecte(params) {
return post('/network/prel-des-inspecte/qView/', params) return post('/network/prel-des-inspecte/qView/', params)
} }
// 根据项目ID获取word片段表格
export function getqPrelDesInspecteWordTable(params) {
return post('/network/prel-des-inspecte/qWordTable/', params)
}
// 概设架构遵从检查-列表 // 概设架构遵从检查-列表
export function getGaiSheJiaGouZunCongJiaChaTable(params) { export function getGaiSheJiaGouZunCongJiaChaTable(params) {
......
src/views/conceptualRelated/index.vue
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
* @Autor: pan * @Autor: pan
* @Date: 2024-03-21 20:58:31 * @Date: 2024-03-21 20:58:31
* @LastEditors: pan * @LastEditors: pan
* @LastEditTime: 2024-03-22 17:35:45 * @LastEditTime: 2024-03-25 14:16:37
--> -->
<template> <template>
<div class="searchTable"> <div class="searchTable">
...@@ -21,7 +21,20 @@ ...@@ -21,7 +21,20 @@
</el-tabs> </el-tabs>
</template> </template>
<template #subTabWrap> <template #subTabWrap>
<el-tabs v-model="activeName2" @tab-click="handleSubClick"> <el-tabs
v-if="activeName === '1'"
v-model="activeName2_1"
@tab-click="handleSubClick"
>
<el-tab-pane
:label="item.label"
:name="item.name"
v-for="item in subTabOptions"
:key="item.name"
>
</el-tab-pane>
</el-tabs>
<el-tabs v-else v-model="activeName2_2" @tab-click="handleSubClick">
<el-tab-pane <el-tab-pane
:label="item.label" :label="item.label"
:name="item.name" :name="item.name"
...@@ -36,7 +49,7 @@ ...@@ -36,7 +49,7 @@
<SearchForm @onSearch="querySearch" :form-options="formOptions" /> <SearchForm @onSearch="querySearch" :form-options="formOptions" />
</template> </template>
<!-- 中部操作按钮 --> <!-- 中部操作按钮 -->
<template #operationWrap> <!-- <template #operationWrap>
<el-button <el-button
v-if="activeName === '2'" v-if="activeName === '2'"
icon="el-icon-document-add" icon="el-icon-document-add"
...@@ -45,7 +58,7 @@ ...@@ -45,7 +58,7 @@
plain plain
>同步更新</el-button >同步更新</el-button
> >
</template> </template> -->
<!-- 表格插槽 --> <!-- 表格插槽 -->
<template #tableWrap> <template #tableWrap>
<table-config <table-config
...@@ -91,11 +104,12 @@ export default { ...@@ -91,11 +104,12 @@ export default {
{ label: '概设统计分析', name: '1' }, { label: '概设统计分析', name: '1' },
{ label: '总体架构维护', name: '2' }, { label: '总体架构维护', name: '2' },
], ],
activeName2: '1', activeName2_1: '1',
subTabOptions1: [ subTabOptions1: [
{ label: '各单位概设统计', name: '1' }, { label: '各单位概设统计', name: '1' },
{ label: '各批次系统统计', name: '2' }, { label: '各批次系统统计', name: '2' },
], ],
activeName2_2: '1',
subTabOptions2: [ subTabOptions2: [
{ label: '业务架构', name: '1' }, { label: '业务架构', name: '1' },
{ label: '应用架构', name: '2' }, { label: '应用架构', name: '2' },
...@@ -103,6 +117,13 @@ export default { ...@@ -103,6 +117,13 @@ export default {
{ label: '技术架构', name: '4' }, { label: '技术架构', name: '4' },
{ label: '安全架构', name: '5' }, { label: '安全架构', name: '5' },
], ],
archiTypeList: [
'ARCHI_BUSINESS',
'ARCHI_APPLICATION',
'ARCHI_DATA',
'ARCHI_TECHNOLOGY',
'ARCHI_SAFE',
],
} }
}, },
components: { components: {
...@@ -113,10 +134,9 @@ export default { ...@@ -113,10 +134,9 @@ export default {
computed: { computed: {
getCountType() { getCountType() {
if (this.activeName === '1') { if (this.activeName === '1') {
if (this.activeName2 === '1') { if (this.activeName2_1 === '1') {
return 1 return 1
} else { } else {
console.log('2')
return 2 return 2
} }
} else { } else {
...@@ -146,7 +166,7 @@ export default { ...@@ -146,7 +166,7 @@ export default {
columns() { columns() {
let arr = [] let arr = []
if (this.activeName === '1') { if (this.activeName === '1') {
if (this.activeName2 === '1') { if (this.activeName2_1 === '1') {
arr = [ arr = [
{ label: '序号', type: 'index', width: '80px' }, { label: '序号', type: 'index', width: '80px' },
{ label: '单位名称', prop: 'manageOrgName' }, { label: '单位名称', prop: 'manageOrgName' },
...@@ -242,21 +262,34 @@ export default { ...@@ -242,21 +262,34 @@ export default {
} }
this.$refs.searchTable.queryData() this.$refs.searchTable.queryData()
}, },
getArchiType() {},
handleClick(tab, event) { handleClick(tab, event) {
this.activeName2 = '1'
if (this.activeName === '2') { if (this.activeName === '2') {
this.query.url = queryArcAstSys this.query.url = queryArcAstSys
this.query.queryParam.isExtend = 0 this.query.queryParam.isExtend = 0
this.query.queryParam.countType = undefined this.query.queryParam.countType = undefined
this.query.queryParam.archiAssetState = 2
this.query.queryParam.archiStage = 2
if (!this.query.queryParam.archiType) {
this.query.queryParam.archiType = this.archiTypeList[0]
}
} else { } else {
this.query.queryParam.archiType = undefined
this.query.url = queryQyNeedReviewCount this.query.url = queryQyNeedReviewCount
this.query.queryParam.isExtend = undefined this.query.queryParam.isExtend = undefined
this.query.queryParam.archiAssetState = undefined
this.query.queryParam.archiStage = undefined
this.query.queryParam.countType = this.getCountType
} }
console.log('refs', this.$refs.searchTable) console.log('refs', this.$refs.searchTable)
this.$refs.searchTable.queryData() this.$refs.searchTable.queryData()
}, },
handleSubClick(tab, event) { handleSubClick(tab, event) {
this.query.queryParam.countType = this.getCountType this.query.queryParam.countType = this.getCountType
if (this.activeName === '2') {
this.query.queryParam.archiType =
this.archiTypeList[+this.activeName2_2 - 1]
}
this.$refs.searchTable.queryData() this.$refs.searchTable.queryData()
}, },
}, },
......
src/views/conceptualReview/Tab8Left.vue
...@@ -89,7 +89,7 @@ export default { ...@@ -89,7 +89,7 @@ export default {
return `${this.tipsText}：【${this.totalNum}】` return `${this.tipsText}：【${this.totalNum}】`
}, },
strCancat() { strCancat() {
let str = `关键字：${this.keyWord}，总计重复数：${this.totalNum}】 \n` let str = `关键字：${this.keyWord}，总计重复数：【${this.totalNum}】 \n`
this.checkList.forEach((v, i) => { this.checkList.forEach((v, i) => {
str += `${v.label}:【${v.num}】 ${ str += `${v.label}:【${v.num}】 ${
i != this.checkList.length ? '\n' : '' i != this.checkList.length ? '\n' : ''
......
src/views/reviewArchiPoliticeCheck/index.vue
...@@ -184,9 +184,13 @@ export default { ...@@ -184,9 +184,13 @@ export default {
if (this.selectRows.length > 1) { if (this.selectRows.length > 1) {
return this.$message.warning('只能选择一条数据') return this.$message.warning('只能选择一条数据')
} }
const { name, prjId } = this.selectRows[0]
this.$router.push({ this.$router.push({
path: '/main/reviewArchiPoliticeCheckDetails', path: '/main/reviewArchiPoliticeCheckDetails',
query: {}, query: {
name,
prjId,
},
}) })
}, },
// 跳转详情指定tab // 跳转详情指定tab
......
src/views/reviewArchiPoliticeCheck/tab1.vue
...@@ -6,7 +6,15 @@ ...@@ -6,7 +6,15 @@
<i class="el-icon-caret-right icon"></i> <i class="el-icon-caret-right icon"></i>
<span>评审标准</span> <span>评审标准</span>
</div> </div>
<div class="left_container_content flex-1"></div> <div class="left_container_content flex-1">
<div class="office w-100 h-100">
<vab-only-office
id="office-preview-tab1-1"
:documentServerUrl="documentServerUrl"
:config="config"
/>
</div>
</div>
</div> </div>
<div class="right_container flex-column"> <div class="right_container flex-column">
<div class="right_container_title flex-b-c"> <div class="right_container_title flex-b-c">
...@@ -18,7 +26,15 @@ ...@@ -18,7 +26,15 @@
<el-option label="概要设计说明书.doc" value="1"></el-option> <el-option label="概要设计说明书.doc" value="1"></el-option>
</el-select> </el-select>
</div> </div>
<div class="right_container_content flex-1"></div> <div class="right_container_content flex-1">
<div class="office w-100 h-100">
<vab-only-office
id="office-preview-tab1-2"
:documentServerUrl="documentServerUrl"
:config="config"
/>
</div>
</div>
</div> </div>
</div> </div>
<div class="bottom_container"> <div class="bottom_container">
...@@ -52,13 +68,14 @@ ...@@ -52,13 +68,14 @@
</template> </template>
<script> <script>
import vabOnlyOffice from '@/components/onlyOffice/index.vue'
import { import {
saveReviewArchiFollowCheckRightSuggestion, saveReviewArchiFollowCheckRightSuggestion,
queryReviewArchiFollowCheckRightSuggestionDetails, queryReviewArchiFollowCheckRightSuggestionDetails,
} from '@/api/index.js' } from '@/api/index.js'
export default { export default {
name: 'tab1', name: 'tab1',
components: {}, components: { vabOnlyOffice },
data() { data() {
return { return {
resultContent: '', resultContent: '',
...@@ -74,6 +91,44 @@ export default { ...@@ -74,6 +91,44 @@ export default {
}, },
], ],
select: '1', select: '1',
documentServerUrl: 'http://192.168.0.120:18050/',
config: {
document: {
fileType: 'docx',
// 给服务端用的唯一id，同一个id就会获取服务器缓存里的文件（有这个key，就会先根据它去缓存里找），这项如果最开始只是先试用，可以先给个空字符串
key: '71df19fbd1',
// 文件名
title: '65f90a662c18a9e9f1878156.docx',
//相关权限
// permissions: {
// copy: true, //定义内容是否可以复制到剪贴板。如果该参数设置为false，则只能在当前文档编辑器中粘贴内容。默认值为true。
// download: true, //定义文档是可以下载还是只能在线查看或编辑。如果下载权限设置为“假”的下载为...菜单选项将是缺席的文件菜单。默认值为true。
// edit: true, //定义文档是可以编辑还是只能查看。如果编辑权限设置为“true”，则文件菜单将包含编辑文档菜单选项；请注意，如果编辑权限设置为“false”，文档将在查看器中打开，即使模式参数设置为edit，您也无法将其切换到编辑器。默认值为true。
// print: true, //定义是否可以打印文档。如果打印权限设置为“false”的打印菜单选项将是缺席的文件菜单。默认值为true
// },
// 所要渲染的文件的绝对路径，这个参数很重要，它传的不是文件的本地地址，而是需要把文件传到项目所依赖的服务器，然后拿到文件在服务器的url地址（这个一般情况需要后端支持）才可以用，这个参数决定了能不能实例化出来onlyoffice对象
url: 'http://192.168.0.120:7005/downloadFile/29',
},
documentType: 'word',
height: '100%',
width: '100%',
editorConfig: {
//语言：zh-CN简体中文/en英文
lang: 'zh-CN',
//阅读状态 view/edit
mode: 'edit',
customization: {
//是否显示插件
plugins: false,
},
user: {
// 当前正在view/edit此文档的用户信息
name: '',
},
// 指定文档存储服务器的绝对路径
callbackUrl: 'http://192.168.0.120:7005/callback?fileId=29',
},
},
} }
}, },
created() { created() {
......
src/views/reviewArchiPoliticeCheck/tab2.vue
...@@ -6,7 +6,15 @@ ...@@ -6,7 +6,15 @@
<i class="el-icon-caret-right icon"></i> <i class="el-icon-caret-right icon"></i>
<span>评审标准</span> <span>评审标准</span>
</div> </div>
<div class="left_container_content flex-1"></div> <div class="left_container_content flex-1">
<div class="office w-100 h-100">
<vab-only-office
id="office-preview-tab2-1"
:documentServerUrl="documentServerUrl"
:config="config"
/>
</div>
</div>
</div> </div>
<div class="right_container flex-column"> <div class="right_container flex-column">
<div class="right_container_title flex-b-c"> <div class="right_container_title flex-b-c">
...@@ -18,7 +26,15 @@ ...@@ -18,7 +26,15 @@
<el-option label="概要设计说明书.doc" value="1"></el-option> <el-option label="概要设计说明书.doc" value="1"></el-option>
</el-select> </el-select>
</div> </div>
<div class="right_container_content flex-1"></div> <div class="right_container_content flex-1">
<div class="office w-100 h-100">
<vab-only-office
id="office-preview-tab2-2"
:documentServerUrl="documentServerUrl"
:config="config"
/>
</div>
</div>
</div> </div>
</div> </div>
<div class="bottom_container"> <div class="bottom_container">
...@@ -52,13 +68,14 @@ ...@@ -52,13 +68,14 @@
</template> </template>
<script> <script>
import vabOnlyOffice from '@/components/onlyOffice/index.vue'
import { import {
saveReviewArchiFollowCheckRightSuggestion, saveReviewArchiFollowCheckRightSuggestion,
queryReviewArchiFollowCheckRightSuggestionDetails, queryReviewArchiFollowCheckRightSuggestionDetails,
} from '@/api/index.js' } from '@/api/index.js'
export default { export default {
name: 'tab2', name: 'tab2',
components: {}, components: { vabOnlyOffice },
data() { data() {
return { return {
resultContent: '', resultContent: '',
...@@ -74,6 +91,44 @@ export default { ...@@ -74,6 +91,44 @@ export default {
}, },
], ],
select: '1', select: '1',
documentServerUrl: 'http://192.168.0.120:18050/',
config: {
document: {
fileType: 'docx',
// 给服务端用的唯一id，同一个id就会获取服务器缓存里的文件（有这个key，就会先根据它去缓存里找），这项如果最开始只是先试用，可以先给个空字符串
key: '71df19fbd1',
// 文件名
title: '65f90a662c18a9e9f1878156.docx',
//相关权限
// permissions: {
// copy: true, //定义内容是否可以复制到剪贴板。如果该参数设置为false，则只能在当前文档编辑器中粘贴内容。默认值为true。
// download: true, //定义文档是可以下载还是只能在线查看或编辑。如果下载权限设置为“假”的下载为...菜单选项将是缺席的文件菜单。默认值为true。
// edit: true, //定义文档是可以编辑还是只能查看。如果编辑权限设置为“true”，则文件菜单将包含编辑文档菜单选项；请注意，如果编辑权限设置为“false”，文档将在查看器中打开，即使模式参数设置为edit，您也无法将其切换到编辑器。默认值为true。
// print: true, //定义是否可以打印文档。如果打印权限设置为“false”的打印菜单选项将是缺席的文件菜单。默认值为true
// },
// 所要渲染的文件的绝对路径，这个参数很重要，它传的不是文件的本地地址，而是需要把文件传到项目所依赖的服务器，然后拿到文件在服务器的url地址（这个一般情况需要后端支持）才可以用，这个参数决定了能不能实例化出来onlyoffice对象
url: 'http://192.168.0.120:7005/downloadFile/29',
},
documentType: 'word',
height: '100%',
width: '100%',
editorConfig: {
//语言：zh-CN简体中文/en英文
lang: 'zh-CN',
//阅读状态 view/edit
mode: 'edit',
customization: {
//是否显示插件
plugins: false,
},
user: {
// 当前正在view/edit此文档的用户信息
name: '',
},
// 指定文档存储服务器的绝对路径
callbackUrl: 'http://192.168.0.120:7005/callback?fileId=29',
},
},
} }
}, },
created() { created() {
......
src/views/reviewArchiPoliticeCheck/tab3.vue
...@@ -6,7 +6,15 @@ ...@@ -6,7 +6,15 @@
<i class="el-icon-caret-right icon"></i> <i class="el-icon-caret-right icon"></i>
<span>评审标准</span> <span>评审标准</span>
</div> </div>
<div class="left_container_content flex-1"></div> <div class="left_container_content flex-1">
<div class="office w-100 h-100">
<vab-only-office
id="office-preview-tab3-1"
:documentServerUrl="documentServerUrl"
:config="config"
/>
</div>
</div>
</div> </div>
<div class="right_container flex-column"> <div class="right_container flex-column">
<div class="right_container_title flex-b-c"> <div class="right_container_title flex-b-c">
...@@ -18,7 +26,15 @@ ...@@ -18,7 +26,15 @@
<el-option label="概要设计说明书.doc" value="1"></el-option> <el-option label="概要设计说明书.doc" value="1"></el-option>
</el-select> </el-select>
</div> </div>
<div class="right_container_content flex-1"></div> <div class="right_container_content flex-1">
<div class="office w-100 h-100">
<vab-only-office
id="office-preview-tab3-2"
:documentServerUrl="documentServerUrl"
:config="config"
/>
</div>
</div>
</div> </div>
</div> </div>
<div class="bottom_container"> <div class="bottom_container">
...@@ -43,13 +59,14 @@ ...@@ -43,13 +59,14 @@
</template> </template>
<script> <script>
import vabOnlyOffice from '@/components/onlyOffice/index.vue'
import { import {
saveReviewArchiFollowCheckRightSuggestion, saveReviewArchiFollowCheckRightSuggestion,
queryReviewArchiFollowCheckRightSuggestionDetails, queryReviewArchiFollowCheckRightSuggestionDetails,
} from '@/api/index.js' } from '@/api/index.js'
export default { export default {
name: 'tab3', name: 'tab3',
components: {}, components: { vabOnlyOffice },
data() { data() {
return { return {
resultContent: '', resultContent: '',
...@@ -65,6 +82,44 @@ export default { ...@@ -65,6 +82,44 @@ export default {
}, },
], ],
select: '1', select: '1',
documentServerUrl: 'http://192.168.0.120:18050/',
config: {
document: {
fileType: 'docx',
// 给服务端用的唯一id，同一个id就会获取服务器缓存里的文件（有这个key，就会先根据它去缓存里找），这项如果最开始只是先试用，可以先给个空字符串
key: '71df19fbd1',
// 文件名
title: '65f90a662c18a9e9f1878156.docx',
//相关权限
// permissions: {
// copy: true, //定义内容是否可以复制到剪贴板。如果该参数设置为false，则只能在当前文档编辑器中粘贴内容。默认值为true。
// download: true, //定义文档是可以下载还是只能在线查看或编辑。如果下载权限设置为“假”的下载为...菜单选项将是缺席的文件菜单。默认值为true。
// edit: true, //定义文档是可以编辑还是只能查看。如果编辑权限设置为“true”，则文件菜单将包含编辑文档菜单选项；请注意，如果编辑权限设置为“false”，文档将在查看器中打开，即使模式参数设置为edit，您也无法将其切换到编辑器。默认值为true。
// print: true, //定义是否可以打印文档。如果打印权限设置为“false”的打印菜单选项将是缺席的文件菜单。默认值为true
// },
// 所要渲染的文件的绝对路径，这个参数很重要，它传的不是文件的本地地址，而是需要把文件传到项目所依赖的服务器，然后拿到文件在服务器的url地址（这个一般情况需要后端支持）才可以用，这个参数决定了能不能实例化出来onlyoffice对象
url: 'http://192.168.0.120:7005/downloadFile/29',
},
documentType: 'word',
height: '100%',
width: '100%',
editorConfig: {
//语言：zh-CN简体中文/en英文
lang: 'zh-CN',
//阅读状态 view/edit
mode: 'edit',
customization: {
//是否显示插件
plugins: false,
},
user: {
// 当前正在view/edit此文档的用户信息
name: '',
},
// 指定文档存储服务器的绝对路径
callbackUrl: 'http://192.168.0.120:7005/callback?fileId=29',
},
},
} }
}, },
created() { created() {
......
src/views/reviewArchiPoliticeCheck/tab4.vue
...@@ -6,7 +6,15 @@ ...@@ -6,7 +6,15 @@
<i class="el-icon-caret-right icon"></i> <i class="el-icon-caret-right icon"></i>
<span>评审标准</span> <span>评审标准</span>
</div> </div>
<div class="left_container_content flex-1"></div> <div class="left_container_content flex-1">
<div class="office w-100 h-100">
<vab-only-office
id="office-preview-tab4-1"
:documentServerUrl="documentServerUrl"
:config="config"
/>
</div>
</div>
</div> </div>
<div class="right_container flex-column"> <div class="right_container flex-column">
<div class="right_container_title flex-b-c"> <div class="right_container_title flex-b-c">
...@@ -18,7 +26,15 @@ ...@@ -18,7 +26,15 @@
<el-option label="概要设计说明书.doc" value="1"></el-option> <el-option label="概要设计说明书.doc" value="1"></el-option>
</el-select> </el-select>
</div> </div>
<div class="right_container_content flex-1"></div> <div class="right_container_content flex-1">
<div class="office w-100 h-100">
<vab-only-office
id="office-preview-tab4-2"
:documentServerUrl="documentServerUrl"
:config="config"
/>
</div>
</div>
</div> </div>
</div> </div>
<div class="bottom_container"> <div class="bottom_container">
...@@ -43,13 +59,14 @@ ...@@ -43,13 +59,14 @@
</template> </template>
<script> <script>
import vabOnlyOffice from '@/components/onlyOffice/index.vue'
import { import {
saveReviewArchiFollowCheckRightSuggestion, saveReviewArchiFollowCheckRightSuggestion,
queryReviewArchiFollowCheckRightSuggestionDetails, queryReviewArchiFollowCheckRightSuggestionDetails,
} from '@/api/index.js' } from '@/api/index.js'
export default { export default {
name: 'tab4', name: 'tab4',
components: {}, components: { vabOnlyOffice },
data() { data() {
return { return {
resultContent: '', resultContent: '',
...@@ -65,6 +82,44 @@ export default { ...@@ -65,6 +82,44 @@ export default {
}, },
], ],
select: '1', select: '1',
documentServerUrl: 'http://192.168.0.120:18050/',
config: {
document: {
fileType: 'docx',
// 给服务端用的唯一id，同一个id就会获取服务器缓存里的文件（有这个key，就会先根据它去缓存里找），这项如果最开始只是先试用，可以先给个空字符串
key: '71df19fbd1',
// 文件名
title: '65f90a662c18a9e9f1878156.docx',
//相关权限
// permissions: {
// copy: true, //定义内容是否可以复制到剪贴板。如果该参数设置为false，则只能在当前文档编辑器中粘贴内容。默认值为true。
// download: true, //定义文档是可以下载还是只能在线查看或编辑。如果下载权限设置为“假”的下载为...菜单选项将是缺席的文件菜单。默认值为true。
// edit: true, //定义文档是可以编辑还是只能查看。如果编辑权限设置为“true”，则文件菜单将包含编辑文档菜单选项；请注意，如果编辑权限设置为“false”，文档将在查看器中打开，即使模式参数设置为edit，您也无法将其切换到编辑器。默认值为true。
// print: true, //定义是否可以打印文档。如果打印权限设置为“false”的打印菜单选项将是缺席的文件菜单。默认值为true
// },
// 所要渲染的文件的绝对路径，这个参数很重要，它传的不是文件的本地地址，而是需要把文件传到项目所依赖的服务器，然后拿到文件在服务器的url地址（这个一般情况需要后端支持）才可以用，这个参数决定了能不能实例化出来onlyoffice对象
url: 'http://192.168.0.120:7005/downloadFile/29',
},
documentType: 'word',
height: '100%',
width: '100%',
editorConfig: {
//语言：zh-CN简体中文/en英文
lang: 'zh-CN',
//阅读状态 view/edit
mode: 'edit',
customization: {
//是否显示插件
plugins: false,
},
user: {
// 当前正在view/edit此文档的用户信息
name: '',
},
// 指定文档存储服务器的绝对路径
callbackUrl: 'http://192.168.0.120:7005/callback?fileId=29',
},
},
} }
}, },
created() { created() {
......
src/views/reviewArchiPoliticeCheck/tab5.vue
...@@ -6,7 +6,15 @@ ...@@ -6,7 +6,15 @@
<i class="el-icon-caret-right icon"></i> <i class="el-icon-caret-right icon"></i>
<span>评审标准</span> <span>评审标准</span>
</div> </div>
<div class="left_container_content flex-1"></div> <div class="left_container_content flex-1">
<div class="office w-100 h-100">
<vab-only-office
id="office-preview-tab5-1"
:documentServerUrl="documentServerUrl"
:config="config"
/>
</div>
</div>
</div> </div>
<div class="right_container flex-column"> <div class="right_container flex-column">
<div class="right_container_title flex-b-c"> <div class="right_container_title flex-b-c">
...@@ -18,7 +26,15 @@ ...@@ -18,7 +26,15 @@
<el-option label="概要设计说明书.doc" value="1"></el-option> <el-option label="概要设计说明书.doc" value="1"></el-option>
</el-select> </el-select>
</div> </div>
<div class="right_container_content flex-1"></div> <div class="right_container_content flex-1">
<div class="office w-100 h-100">
<vab-only-office
id="office-preview-tab5-2"
:documentServerUrl="documentServerUrl"
:config="config"
/>
</div>
</div>
</div> </div>
</div> </div>
<div class="bottom_container"> <div class="bottom_container">
...@@ -43,13 +59,14 @@ ...@@ -43,13 +59,14 @@
</template> </template>
<script> <script>
import vabOnlyOffice from '@/components/onlyOffice/index.vue'
import { import {
saveReviewArchiFollowCheckRightSuggestion, saveReviewArchiFollowCheckRightSuggestion,
queryReviewArchiFollowCheckRightSuggestionDetails, queryReviewArchiFollowCheckRightSuggestionDetails,
} from '@/api/index.js' } from '@/api/index.js'
export default { export default {
name: 'tab5', name: 'tab5',
components: {}, components: { vabOnlyOffice },
data() { data() {
return { return {
resultContent: '', resultContent: '',
...@@ -65,6 +82,44 @@ export default { ...@@ -65,6 +82,44 @@ export default {
}, },
], ],
select: '1', select: '1',
documentServerUrl: 'http://192.168.0.120:18050/',
config: {
document: {
fileType: 'docx',
// 给服务端用的唯一id，同一个id就会获取服务器缓存里的文件（有这个key，就会先根据它去缓存里找），这项如果最开始只是先试用，可以先给个空字符串
key: '71df19fbd1',
// 文件名
title: '65f90a662c18a9e9f1878156.docx',
//相关权限
// permissions: {
// copy: true, //定义内容是否可以复制到剪贴板。如果该参数设置为false，则只能在当前文档编辑器中粘贴内容。默认值为true。
// download: true, //定义文档是可以下载还是只能在线查看或编辑。如果下载权限设置为“假”的下载为...菜单选项将是缺席的文件菜单。默认值为true。
// edit: true, //定义文档是可以编辑还是只能查看。如果编辑权限设置为“true”，则文件菜单将包含编辑文档菜单选项；请注意，如果编辑权限设置为“false”，文档将在查看器中打开，即使模式参数设置为edit，您也无法将其切换到编辑器。默认值为true。
// print: true, //定义是否可以打印文档。如果打印权限设置为“false”的打印菜单选项将是缺席的文件菜单。默认值为true
// },
// 所要渲染的文件的绝对路径，这个参数很重要，它传的不是文件的本地地址，而是需要把文件传到项目所依赖的服务器，然后拿到文件在服务器的url地址（这个一般情况需要后端支持）才可以用，这个参数决定了能不能实例化出来onlyoffice对象
url: 'http://192.168.0.120:7005/downloadFile/29',
},
documentType: 'word',
height: '100%',
width: '100%',
editorConfig: {
//语言：zh-CN简体中文/en英文
lang: 'zh-CN',
//阅读状态 view/edit
mode: 'edit',
customization: {
//是否显示插件
plugins: false,
},
user: {
// 当前正在view/edit此文档的用户信息
name: '',
},
// 指定文档存储服务器的绝对路径
callbackUrl: 'http://192.168.0.120:7005/callback?fileId=29',
},
},
} }
}, },
created() { created() {
......
src/views/reviewArchiPoliticeCheck/tab6.vue
...@@ -6,7 +6,15 @@ ...@@ -6,7 +6,15 @@
<i class="el-icon-caret-right icon"></i> <i class="el-icon-caret-right icon"></i>
<span>评审标准</span> <span>评审标准</span>
</div> </div>
<div class="left_container_content flex-1"></div> <div class="left_container_content flex-1">
<div class="office w-100 h-100">
<vab-only-office
id="office-preview-tab6-1"
:documentServerUrl="documentServerUrl"
:config="config"
/>
</div>
</div>
</div> </div>
<div class="right_container flex-column"> <div class="right_container flex-column">
<div class="right_container_title flex-b-c"> <div class="right_container_title flex-b-c">
...@@ -18,7 +26,15 @@ ...@@ -18,7 +26,15 @@
<el-option label="概要设计说明书.doc" value="1"></el-option> <el-option label="概要设计说明书.doc" value="1"></el-option>
</el-select> </el-select>
</div> </div>
<div class="right_container_content flex-1"></div> <div class="right_container_content flex-1">
<div class="office w-100 h-100">
<vab-only-office
id="office-preview-tab6-2"
:documentServerUrl="documentServerUrl"
:config="config"
/>
</div>
</div>
</div> </div>
</div> </div>
<div class="bottom_container"> <div class="bottom_container">
...@@ -52,13 +68,14 @@ ...@@ -52,13 +68,14 @@
</template> </template>
<script> <script>
import vabOnlyOffice from '@/components/onlyOffice/index.vue'
import { import {
saveReviewArchiFollowCheckRightSuggestion, saveReviewArchiFollowCheckRightSuggestion,
queryReviewArchiFollowCheckRightSuggestionDetails, queryReviewArchiFollowCheckRightSuggestionDetails,
} from '@/api/index.js' } from '@/api/index.js'
export default { export default {
name: 'tab6', name: 'tab6',
components: {}, components: { vabOnlyOffice },
data() { data() {
return { return {
resultContent: '', resultContent: '',
...@@ -74,6 +91,44 @@ export default { ...@@ -74,6 +91,44 @@ export default {
}, },
], ],
select: '1', select: '1',
documentServerUrl: 'http://192.168.0.120:18050/',
config: {
document: {
fileType: 'docx',
// 给服务端用的唯一id，同一个id就会获取服务器缓存里的文件（有这个key，就会先根据它去缓存里找），这项如果最开始只是先试用，可以先给个空字符串
key: '71df19fbd1',
// 文件名
title: '65f90a662c18a9e9f1878156.docx',
//相关权限
// permissions: {
// copy: true, //定义内容是否可以复制到剪贴板。如果该参数设置为false，则只能在当前文档编辑器中粘贴内容。默认值为true。
// download: true, //定义文档是可以下载还是只能在线查看或编辑。如果下载权限设置为“假”的下载为...菜单选项将是缺席的文件菜单。默认值为true。
// edit: true, //定义文档是可以编辑还是只能查看。如果编辑权限设置为“true”，则文件菜单将包含编辑文档菜单选项；请注意，如果编辑权限设置为“false”，文档将在查看器中打开，即使模式参数设置为edit，您也无法将其切换到编辑器。默认值为true。
// print: true, //定义是否可以打印文档。如果打印权限设置为“false”的打印菜单选项将是缺席的文件菜单。默认值为true
// },
// 所要渲染的文件的绝对路径，这个参数很重要，它传的不是文件的本地地址，而是需要把文件传到项目所依赖的服务器，然后拿到文件在服务器的url地址（这个一般情况需要后端支持）才可以用，这个参数决定了能不能实例化出来onlyoffice对象
url: 'http://192.168.0.120:7005/downloadFile/29',
},
documentType: 'word',
height: '100%',
width: '100%',
editorConfig: {
//语言：zh-CN简体中文/en英文
lang: 'zh-CN',
//阅读状态 view/edit
mode: 'edit',
customization: {
//是否显示插件
plugins: false,
},
user: {
// 当前正在view/edit此文档的用户信息
name: '',
},
// 指定文档存储服务器的绝对路径
callbackUrl: 'http://192.168.0.120:7005/callback?fileId=29',
},
},
} }
}, },
created() { created() {
......
src/views/reviewSituation/tab2.vue
...@@ -101,8 +101,8 @@ export default { ...@@ -101,8 +101,8 @@ export default {
if (res.code === 200) { if (res.code === 200) {
} else { } else {
if (res.data.length) { if (res.data.length) {
this.leftImgs = res.data.map((v) => { this.leftImgs = res.data.docParserList.map((v) => {
return `data:image/svg+xml;base64,${v.metaModelSvg}` return `data:image/svg+xml;base64,${v.docContent}`
}) })
} }
this.$message.error(res.msg) this.$message.error(res.msg)
...@@ -119,8 +119,8 @@ export default { ...@@ -119,8 +119,8 @@ export default {
qViewPrelDesInspecte(params).then((res) => { qViewPrelDesInspecte(params).then((res) => {
if (res.code === 200) { if (res.code === 200) {
if (res.data.length) { if (res.data.length) {
this.rightImgs = res.data.map((v) => { this.rightImgs = res.data.docParserList.map((v) => {
return `data:image/svg+xml;base64,${v.metaModelSvg}` return `data:image/svg+xml;base64,${v.docContent}`
}) })
} }
} else { } else {
......
src/views/reviewSituation/tab3.vue
...@@ -85,8 +85,8 @@ export default { ...@@ -85,8 +85,8 @@ export default {
qViewPrelDesInspecte(params).then((res) => { qViewPrelDesInspecte(params).then((res) => {
if (res.code === 200) { if (res.code === 200) {
if (res.data.length) { if (res.data.length) {
this.leftImgs = res.data.map((v) => { this.leftImgs = res.data.docParserList.map((v) => {
return `data:image/svg+xml;base64,${v.metaModelSvg}` return `data:image/svg+xml;base64,${v.docContent}`
}) })
} }
} else { } else {
...@@ -104,8 +104,8 @@ export default { ...@@ -104,8 +104,8 @@ export default {
getqPrelDesInspecteWordTable(params).then((res) => { getqPrelDesInspecteWordTable(params).then((res) => {
if (res.code === 200) { if (res.code === 200) {
if (res.data.length) { if (res.data.length) {
this.rightImgs = res.data.map((v) => { this.rightImgs = res.data.docParserList.map((v) => {
return `data:image/svg+xml;base64,${v.metaModelSvg}` return `data:image/svg+xml;base64,${v.docContent}`
}) })
} }
} else { } else {
......
src/views/reviewSituation/tab5.vue
...@@ -126,8 +126,8 @@ export default { ...@@ -126,8 +126,8 @@ export default {
qViewPrelDesInspecte(params).then((res) => { qViewPrelDesInspecte(params).then((res) => {
if (res.code === 200) { if (res.code === 200) {
if (res.data.length) { if (res.data.length) {
this.rightImgs = res.data.map((v) => { this.rightImgs = res.data.docParserList.map((v) => {
return `data:image/svg+xml;base64,${v.metaModelSvg}` return `data:image/svg+xml;base64,${v.docContent}`
}) })
} }
} else { } else {
......
Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!