Skip to content

liangzhen / framework-tools-web

Go to a project
Commit 1a6cab35 by liuyong
Options

修改bug

1 parent 9a13989a
Expand all
Inline Side-by-side
Showing with 803 additions and 20 deletions
package.json
...@@ -8,6 +8,7 @@ ...@@ -8,6 +8,7 @@
}, },
"dependencies": { "dependencies": {
"@onlyoffice/document-editor-vue": "^1.3.0", "@onlyoffice/document-editor-vue": "^1.3.0",
"@wangeditor/editor-for-vue": "^1.0.2",
"axios": "^1.6.2", "axios": "^1.6.2",
"core-js": "^3.8.3", "core-js": "^3.8.3",
"element-ui": "^2.15.14", "element-ui": "^2.15.14",
......
src/api/index.js
...@@ -551,4 +551,8 @@ export function addSystemTable(params) { ...@@ -551,4 +551,8 @@ export function addSystemTable(params) {
export function editSystemTable(params) { export function editSystemTable(params) {
return post('/network/arc-ast-sys/upd', params); return post('/network/arc-ast-sys/upd', params);
} }
// 系统资产架构，维护资产要素保存
export function systemArchiSaveFactor(params) {
return post('/network/arc-ast-sys/extend', params);
}
src/router/index.js
...@@ -176,10 +176,35 @@ const routes = [ ...@@ -176,10 +176,35 @@ const routes = [
component: () => import('@/views/systemArchiViewDesign/index.vue'), component: () => import('@/views/systemArchiViewDesign/index.vue'),
}, },
{ {
path: '/main/systemArchiViewDesignDetails',//系统架构视图设计详情
name: 'systemArchiViewDesignDetails',
component: () => import('@/views/systemArchiViewDesign/details.vue'),
},
{
path: '/main/documentEdit',//文档编辑 path: '/main/documentEdit',//文档编辑
name: 'documentEdit', name: 'documentEdit',
component: () => import('@/views/documentEdit/index.vue'), component: () => import('@/views/documentEdit/index.vue'),
}, },
{
path: '/main/summaryArchiDesign',//概设阶段视图设计
name: 'summaryArchiDesign',
component: () => import('@/views/summaryArchiDesign/index.vue'),
},
{
path: '/main/summaryArchiDesignDetails',//概设阶段视图设计详情
name: 'summaryArchiDesignDetails',
component: () => import('@/views/summaryArchiDesign/details.vue'),
},
{
path: '/main/otherArchiDesign',//其他视图设计
name: 'otherArchiDesign',
component: () => import('@/views/otherArchiDesign/index.vue'),
},
{
path: '/main/otherArchiDesignDetails',//其他视图设计详情
name: 'otherArchiDesignDetails',
component: () => import('@/views/otherArchiDesign/details.vue'),
},
] ]
} }
] ]
......
src/views/Main/index.vue
...@@ -154,11 +154,11 @@ ...@@ -154,11 +154,11 @@
<span style="margin-left: 5px;">概设阶段架构设计</span> <span style="margin-left: 5px;">概设阶段架构设计</span>
</div> </div>
<div class="menu_1_item_subtitle"> <div class="menu_1_item_subtitle" @click="jumpPage('系统架构设计与管控', '概设阶段架构设计', '概设阶段架构设计')">
<img src="@/assets/main/3img.png" alt=""> <img src="@/assets/main/3img.png" alt="">
<span style="margin-left: 5px;">概设阶段架构设计</span> <span style="margin-left: 5px;">概设阶段架构设计</span>
</div> </div>
<div class="menu_1_item_subtitle"> <div class="menu_1_item_subtitle" @click="jumpPage('系统架构设计与管控', '概设阶段架构设计', '其他视图设计')">
<img src="@/assets/main/3img.png" alt=""> <img src="@/assets/main/3img.png" alt="">
<span style="margin-left: 5px;">其他视图设计</span> <span style="margin-left: 5px;">其他视图设计</span>
</div> </div>
...@@ -541,6 +541,14 @@ ...@@ -541,6 +541,14 @@
this.$router.push( '/main/comCenterServeList', () => {}, () => {} ); this.$router.push( '/main/comCenterServeList', () => {}, () => {} );
this.visible1 = false; this.visible1 = false;
break; break;
case '概设阶段架构设计':
this.$router.push( '/main/summaryArchiDesign', () => {}, () => {} );
this.visible2 = false;
break;
case '其他视图设计':
this.$router.push( '/main/otherArchiDesign', () => {}, () => {} );
this.visible2 = false;
break;
} }
} }
} }
......
src/views/archi-asset-manage/index.vue
...@@ -131,7 +131,7 @@ ...@@ -131,7 +131,7 @@
</div> </div>
</div> </div>
</div> </div>
<el-table height="400" v-loading="loading" :data="tableData2" @selection-change="select_table_rows2" stripe border> <el-table height="400" v-loading="loading2" :data="tableData2" @selection-change="select_table_rows2" stripe border>
<el-table-column type="selection" width="55"></el-table-column> <el-table-column type="selection" width="55"></el-table-column>
<el-table-column type="index" label="序号" width="80" align="center"></el-table-column> <el-table-column type="index" label="序号" width="80" align="center"></el-table-column>
<el-table-column prop="manageOrgId" label="单位" align="center"></el-table-column> <el-table-column prop="manageOrgId" label="单位" align="center"></el-table-column>
...@@ -301,7 +301,7 @@ ...@@ -301,7 +301,7 @@
</div> </div>
<div style="margin: 15px 0;"></div> <div style="margin: 15px 0;"></div>
<el-checkbox-group v-model="item.checkedCities" @change="value => handleCheckedCitiesChange(value, item)" style="overflow-x: auto;display: flex;"> <el-checkbox-group v-model="item.checkedCities" @change="value => handleCheckedCitiesChange(value, item)" style="overflow-x: auto;display: flex;">
<el-checkbox v-for="city in item.subList" :label="city.assetName" :key="city.assetId">{{ city.assetName }}</el-checkbox> <el-checkbox v-for="city in item.subList" :label="city.assetId" :key="city.assetId">{{ city.assetName }}</el-checkbox>
</el-checkbox-group> </el-checkbox-group>
</el-card> </el-card>
</div> </div>
...@@ -325,7 +325,8 @@ ...@@ -325,7 +325,8 @@
deleteSystemTable, deleteSystemTable,
addSystemTable, addSystemTable,
editSystemTable, editSystemTable,
archiIntelligenceSearchTree archiIntelligenceSearchTree,
systemArchiSaveFactor
} from '@/api/index.js'; } from '@/api/index.js';
import $ from 'jquery'; import $ from 'jquery';
import { MessageBox, Message } from 'element-ui'; import { MessageBox, Message } from 'element-ui';
...@@ -498,8 +499,8 @@ ...@@ -498,8 +499,8 @@
}, },
get_table() {//查询表格数据 get_table() {//查询表格数据
const params = { const params = {
// "archiAssetState": this.searchParams.archiAssetState, "archiAssetState": this.searchParams.archiAssetState,
// "archiStage": this.searchParams.archiStage, "archiStage": this.searchParams.archiStage,
"assetName": this.searchParams.let1, "assetName": this.searchParams.let1,
"createMan": this.searchParams.let3, "createMan": this.searchParams.let3,
"archiEleId": this.searchParams.let2, "archiEleId": this.searchParams.let2,
...@@ -686,8 +687,8 @@ ...@@ -686,8 +687,8 @@
handleCheckAllChange(val, item) { handleCheckAllChange(val, item) {
let cityOptions = []; let cityOptions = [];
if(val){ if(val){
item.subList.forEach(item => { item.subList.forEach(item2 => {
cityOptions.push(item.assetName) cityOptions.push(item2.assetId);
}); });
}else { }else {
cityOptions = []; cityOptions = [];
...@@ -696,16 +697,13 @@ ...@@ -696,16 +697,13 @@
item.isIndeterminate = false; item.isIndeterminate = false;
}, },
handleCheckedCitiesChange(value, item) { handleCheckedCitiesChange(value, item) {
console.log(value)
console.log(item)
let checkedCount = value.length; let checkedCount = value.length;
item.checkAll = checkedCount === item.subList.length; item.checkAll = checkedCount === item.subList.length;
item.isIndeterminate = checkedCount > 0 && checkedCount < item.subList.length; item.isIndeterminate = checkedCount > 0 && checkedCount < item.subList.length;
}, },
getElementTreeData(type) {//查询左侧树 getElementTreeData(type) {//查询选择遵从总体架构资产类型数据
archiIntelligenceSearchTree({}).then(res => { archiIntelligenceSearchTree({}).then(res => {
if(res.code == 200) { if(res.code == 200) {
console.log(res.data);
res.data.map(item => { res.data.map(item => {
item['isIndeterminate'] = false; item['isIndeterminate'] = false;
item['checkAll'] = false; item['checkAll'] = false;
...@@ -798,7 +796,33 @@ ...@@ -798,7 +796,33 @@
} }
}, },
saveFactor() {//确定维护资产要素 saveFactor() {//确定维护资产要素
this.add_dialog4 = false; let extend = [];
this.elementTree.forEach(item => {
if(item.checkedCities.length > 0) {
extend.push({
assetConstant: item.archiType,
assetIdList: item.checkedCities
})
}
})
const params = {
extend
}
systemArchiSaveFactor(params).then(res => {
if(res.code == 200) {
this.add_dialog4 = false;
this.get_table();
Message({
type: 'success',
message: '保存成功!'
});
}else {
Message({
type: 'error',
message: res.msg
});
}
})
}, },
saveDialog(){//保存架构 saveDialog(){//保存架构
this.$refs.form.validate(valid => { this.$refs.form.validate(valid => {
...@@ -934,7 +958,6 @@ ...@@ -934,7 +958,6 @@
this.showSelectTitle.appId = this.selectRow2[0].appId; this.showSelectTitle.appId = this.selectRow2[0].appId;
this.showSelectTitle.appCode = this.selectRow2[0].appCode; this.showSelectTitle.appCode = this.selectRow2[0].appCode;
this.showSelectTitle.appName = this.selectRow2[0].appName; this.showSelectTitle.appName = this.selectRow2[0].appName;
}, },
cancelSelectSystem() {//取消选择系统 cancelSelectSystem() {//取消选择系统
this.add_dialog1 = false; this.add_dialog1 = false;
......
src/views/archi-view-manage/index.vue
...@@ -493,7 +493,7 @@ export default { ...@@ -493,7 +493,7 @@ export default {
}, },
getData() {//获取树节点内容 getData() {//获取树节点内容
const params = { const params = {
archiStage: 1
} }
getArchiViewManage(params).then(res => { getArchiViewManage(params).then(res => {
if(res.code == 200) { if(res.code == 200) {
......
src/views/documentEdit/index.vue
...@@ -9,6 +9,7 @@ ...@@ -9,6 +9,7 @@
:props="{ children: 'children', label: 'docTitle', id: 'docTitleId' }" :props="{ children: 'children', label: 'docTitle', id: 'docTitleId' }"
default-expand-all default-expand-all
node-key="docTitleId" node-key="docTitleId"
:expand-on-click-node="false"
@node-click="treeClick" @node-click="treeClick"
ref="tree"> ref="tree">
<span class="custom-tree-node" slot-scope="{ node, data }"> <span class="custom-tree-node" slot-scope="{ node, data }">
...@@ -44,7 +45,7 @@ ...@@ -44,7 +45,7 @@
<el-form-item label="章节说明:" prop="let2"> <el-form-item label="章节说明:" prop="let2">
<el-input v-no-backslash v-model="ruleForm.let2" type="textarea" :rows="5" maxlength="1000" show-word-limit></el-input> <el-input v-no-backslash v-model="ruleForm.let2" type="textarea" :rows="5" maxlength="1000" show-word-limit></el-input>
</el-form-item> </el-form-item>
<el-form-item label="参考规范:"> <!-- <el-form-item label="参考规范:">
<el-button type="text" icon="el-icon-plus">添加</el-button> <el-button type="text" icon="el-icon-plus">添加</el-button>
</el-form-item> </el-form-item>
<el-form-item label="引用章节:"> <el-form-item label="引用章节:">
...@@ -61,9 +62,26 @@ ...@@ -61,9 +62,26 @@
<el-radio label="是"></el-radio> <el-radio label="是"></el-radio>
<el-radio label="否"></el-radio> <el-radio label="否"></el-radio>
</el-radio-group> </el-radio-group>
</el-form-item> </el-form-item> -->
<el-form-item label="正文内容:" prop="let5"> <!-- <el-form-item label="正文内容:" prop="let5">
<el-input v-no-backslash v-model="ruleForm.let5" type="textarea" :rows="5" maxlength="5000" show-word-limit></el-input> <el-input v-no-backslash v-model="ruleForm.let5" type="textarea" :rows="5" maxlength="5000" show-word-limit></el-input>
</el-form-item> -->
<el-form-item label="正文内容:">
<div style="border: 1px solid #ccc;">
<Toolbar
style="border-bottom: 1px solid #ccc"
:editor="editor"
:defaultConfig="toolbarConfig"
:mode="mode"
/>
<Editor
style="height: 500px; overflow-y: hidden;"
v-model="editorHtml"
:defaultConfig="editorConfig"
:mode="mode"
@onCreated="onCreated"
/>
</div>
</el-form-item> </el-form-item>
</el-form> </el-form>
</el-card> </el-card>
...@@ -98,10 +116,14 @@ import { ...@@ -98,10 +116,14 @@ import {
import { MessageBox, Message } from 'element-ui'; import { MessageBox, Message } from 'element-ui';
import $ from 'jquery'; import $ from 'jquery';
import '@wangeditor/editor/dist/css/style.css';
import { Editor, Toolbar } from '@wangeditor/editor-for-vue';
export default { export default {
name: 'documentEdit', name: 'documentEdit',
components: { components: {
Editor,
Toolbar
}, },
data() { data() {
return { return {
...@@ -132,12 +154,24 @@ export default { ...@@ -132,12 +154,24 @@ export default {
}, },
addOrEditInfo: {}, addOrEditInfo: {},
leftInfo: {}, leftInfo: {},
editor: null,
editorHtml: '<div></div>',
toolbarConfig: { },
editorConfig: { placeholder: '请输入内容...' },
mode: 'default', // or 'simple
}; };
}, },
beforeDestroy() {
if(this.editor == null) return;
this.editor.destroy(); // 组件销毁时，及时销毁编辑器
},
mounted(){ mounted(){
this.getDocCatalog(); this.getDocCatalog();
}, },
methods: { methods: {
onCreated(editor) {// 一定要用 Object.seal() ，否则会报错
this.editor = Object.seal(editor);
},
handleCommand(type, data) {//目录树的操作 handleCommand(type, data) {//目录树的操作
console.log(typeof type) console.log(typeof type)
console.log(data) console.log(data)
...@@ -383,6 +417,7 @@ export default { ...@@ -383,6 +417,7 @@ export default {
this.ruleForm.let1 = res.data.docTitle; this.ruleForm.let1 = res.data.docTitle;
this.ruleForm.let2 = res.data.paraExplain; this.ruleForm.let2 = res.data.paraExplain;
this.ruleForm.let5 = res.data.docContent; this.ruleForm.let5 = res.data.docContent;
this.editorHtml = res.data.docContent ? '<div>' + res.data.docContent + '</div>' : '<div></div>';
} }
}) })
}, },
......
src/views/otherArchiDesign/details.vue 0 → 100644
<template>
<div class="otherArchiDesignDetails">
<template>
<el-button type="text" class="saveFileBtn" @click="saveFile">保存</el-button>
</template>
<el-tabs type="border-card">
<el-tab-pane>
<span slot="label">
<i class="el-icon-picture"></i>
</span>
<Drawio :initGraphId="routerId"></Drawio>
</el-tab-pane>
</el-tabs>
</div>
</template>
<script>
import Drawio from '@/components/drawio.vue';
import { MessageBox, Message } from 'element-ui';
import $ from 'jquery';
import {
saveArchiViewManageCardDetails
} from '@/api/index.js';
export default {
name: 'otherArchiDesignDetails',
components: {
Drawio,
},
data() {
return {
routerId: null,
};
},
mounted(){
const id = this.$route.query.id;
const graphGroup = this.$route.query.info;
this.routerId = {
id: id,
info: graphGroup
};
window.onmessage = e => {
if(e.data.type == 'saveFileSignalXml') {
MessageBox.confirm('确定保存文件?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
customClass: 'messageClass',
confirmButtonClass: 'confirmClass',
type: 'warning'
}).then(() => {
const params = {
viewDetailsId: id,
metaModelData: e.data.data.mxGraphModel,
metaModelSvg: e.data.data.base64SvgToString
}
saveArchiViewManageCardDetails(params).then(res => {
if(res.code == 200) {
Message({
type: 'success',
message: '保存成功!',
});
}else {
Message({
type: 'error',
message: res.msg
});
}
})
}).catch(() => {
Message({
type: 'info',
message: '已取消'
});
});
}
}
},
methods: {
saveFile() {
document.getElementById("drawioGraph").contentWindow.postMessage({ type: 'saveFileSignal' } , '*');
},
}
}
</script>
<style>
.confirmClass{
background-color: #0D867F !important;
}
.el-message-box__content{
padding: 60px 15px 60px 15px;
}
</style>
<style scoped>
.el-button--text{
color: #0D867F;
}
.saveFileBtn{
position: absolute;
right: 200px;
top: 0px;
z-index: 9;
color: #0D867F;
}
/deep/ .el-tabs__nav{
float: right;
}
.el-tabs{
width: 100%;
height: 100%;
}
/deep/ .el-tabs__content{
height: calc(100% - 38px);
padding: 0;
}
.el-tab-pane{
height: 100%;
}
.divider1{
width: 6px;
margin-right: 6px;
background-color: #0D867F;
}
.divider2{
margin-left: 6px;
width: 74%;
}
.left_graph_container{
width: 100%;
height: 100%;
}
.right_graph_container{
width: 265px;
height: 100%;
position: absolute;
right: -15%;
top: 0;
background-color: rgba(256, 256, 256, 1);
}
.otherArchiDesignDetails{
width: 100%;
height: 100%;
display: flex;
position: relative;
}
/deep/ .el-dialog__header{
background-color: #0D867F;
text-align: left;
}
/deep/ .el-dialog__title{
color: #fff;
}
/deep/ .el-dialog__close {
color: #fff;
}
.greenButton{
background-color: #0D867F;
color: #fff;
}
.tu_biao_icon{
max-width: 80px;
max-height: 40px;
cursor: pointer;
}
</style>
src/views/summaryArchiDesign/details.vue 0 → 100644
<template>
<div class="summaryArchiDesignDetails">
<template v-if="showBtn">
<el-button type="text" class="saveFileBtn" @click="saveFile">保存</el-button>
</template>
<el-tabs type="border-card" @tab-click="tabs_click_func">
<el-tab-pane>
<span slot="label">
<i class="el-icon-picture"></i>
</span>
<Drawio :initGraphId="routerId"></Drawio>
</el-tab-pane>
<el-tab-pane>
<span slot="label">
<i class="el-icon-s-grid"></i>
</span>
<Tables ref="tableComponent"></Tables>
</el-tab-pane>
</el-tabs>
</div>
</template>
<script>
import Drawio from '@/components/drawio.vue';
import Tables from './table.vue';
import { MessageBox, Message } from 'element-ui';
import $ from 'jquery';
import {
saveArchiViewManageCardDetails
} from '@/api/index.js';
export default {
name: 'summaryArchiDesignDetails',
components: {
Drawio,
Tables
},
data() {
return {
routerId: null,
showBtn: true
};
},
mounted(){
const id = this.$route.query.id;
const graphGroup = this.$route.query.info;
this.routerId = {
id: id,
info: graphGroup
};
window.onmessage = e => {
if(e.data.type == 'saveFileSignalXml') {
MessageBox.confirm('确定保存文件?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
customClass: 'messageClass',
confirmButtonClass: 'confirmClass',
type: 'warning'
}).then(() => {
const params = {
viewDetailsId: id,
metaModelData: e.data.data.mxGraphModel,
metaModelSvg: e.data.data.base64SvgToString
}
saveArchiViewManageCardDetails(params).then(res => {
if(res.code == 200) {
Message({
type: 'success',
message: '保存成功!',
});
}else {
Message({
type: 'error',
message: res.msg
});
}
})
}).catch(() => {
Message({
type: 'info',
message: '已取消'
});
});
}
}
},
methods: {
saveFile() {
document.getElementById("drawioGraph").contentWindow.postMessage({ type: 'saveFileSignal' } , '*');
},
tabs_click_func(data) {
switch(data.index){
case '0':
this.showBtn = true;
console.log('画布页面')
break;
case '1':
this.showBtn = false;
this.$refs.tableComponent.get_table();
break;
}
}
}
}
</script>
<style>
.confirmClass{
background-color: #0D867F !important;
}
.el-message-box__content{
padding: 60px 15px 60px 15px;
}
</style>
<style scoped>
.saveFileBtn{
position: absolute;
right: 200px;
top: 0px;
z-index: 9;
color: #0D867F;
}
.el-button--text{
color: #0D867F;
}
/deep/ .el-tabs__nav{
float: right;
}
.el-tabs{
width: 100%;
height: 100%;
}
/deep/ .el-tabs__content{
height: calc(100% - 38px);
padding: 0;
}
.el-tab-pane{
height: 100%;
}
.divider1{
width: 6px;
margin-right: 6px;
background-color: #0D867F;
}
.divider2{
margin-left: 6px;
width: 74%;
}
.left_graph_container{
width: 100%;
height: 100%;
}
.right_graph_container{
width: 265px;
height: 100%;
position: absolute;
right: -15%;
top: 0;
background-color: rgba(256, 256, 256, 1);
}
.summaryArchiDesignDetails{
width: 100%;
height: 100%;
display: flex;
position: relative;
}
/deep/ .el-dialog__header{
background-color: #0D867F;
text-align: left;
}
/deep/ .el-dialog__title{
color: #fff;
}
/deep/ .el-dialog__close {
color: #fff;
}
.greenButton{
background-color: #0D867F;
color: #fff;
}
.tu_biao_icon{
max-width: 80px;
max-height: 40px;
cursor: pointer;
}
</style>
src/views/summaryArchiDesign/table.vue 0 → 100644
<template>
<div class="table">
<div class="table_container">
<el-table v-loading="loading" :data="tableData" stripe border height="500">
<el-table-column type="index" label="序号" width="80" align="center"></el-table-column>
<el-table-column label="元素类型" align="center">
<template slot-scope="scope">
<div v-html="scope.row.elementType"></div>
</template>
</el-table-column>
<el-table-column prop="elementEncoding" label="元素编码" align="center"></el-table-column>
<el-table-column label="上游元素" align="center">
<template slot-scope="scope">
<div v-html="scope.row.upstreamElements"></div>
</template>
</el-table-column>
<el-table-column prop="relationship" label="关系" align="center"></el-table-column>
</el-table>
</div>
</div>
</template>
<script>
import {
getArchiViewManageTable
} from '@/api/index.js';
import { MessageBox, Message } from 'element-ui';
export default {
name: 'Table',
components: {
},
data() {
return {
tableData: [],
loading: false,
routerId: null
};
},
mounted(){
this.routerId = this.$route.query.id;
},
methods: {
get_table() {
this.loading = true;
const params = {
viewDetailsId: this.routerId
}
getArchiViewManageTable(params).then(res => {
if(res.code == 200) {
this.loading = false;
this.tableData = res.data;
}
})
}
}
}
</script>
<style scoped>
.table{
width: 100%;
height: 100%;
}
.table_container{
margin-top: 20px;
}
/deep/ .el-dialog__header{
text-align: left;
}
</style>
\ No newline at end of file
src/views/systemArchiViewDesign/details.vue 0 → 100644
<template>
<div class="systemArchiViewDesignDetails">
<template v-if="showBtn">
<el-button type="text" class="saveFileBtn" @click="saveFile">保存</el-button>
</template>
<el-tabs type="border-card" @tab-click="tabs_click_func">
<el-tab-pane>
<span slot="label">
<i class="el-icon-picture"></i>
</span>
<Drawio :initGraphId="routerId"></Drawio>
</el-tab-pane>
<el-tab-pane>
<span slot="label">
<i class="el-icon-s-grid"></i>
</span>
<Tables ref="tableComponent"></Tables>
</el-tab-pane>
</el-tabs>
</div>
</template>
<script>
import Drawio from '@/components/drawio.vue';
import Tables from './table.vue';
import { MessageBox, Message } from 'element-ui';
import $ from 'jquery';
import {
saveArchiViewManageCardDetails
} from '@/api/index.js';
export default {
name: 'systemArchiViewDesignDetails',
components: {
Drawio,
Tables
},
data() {
return {
routerId: null,
showBtn: true
};
},
mounted(){
const id = this.$route.query.id;
const graphGroup = this.$route.query.info;
this.routerId = {
id: id,
info: graphGroup
};
window.onmessage = e => {
if(e.data.type == 'saveFileSignalXml') {
MessageBox.confirm('确定保存文件?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
customClass: 'messageClass',
confirmButtonClass: 'confirmClass',
type: 'warning'
}).then(() => {
const params = {
viewDetailsId: id,
metaModelData: e.data.data.mxGraphModel,
metaModelSvg: e.data.data.base64SvgToString
}
saveArchiViewManageCardDetails(params).then(res => {
if(res.code == 200) {
Message({
type: 'success',
message: '保存成功!',
});
}else {
Message({
type: 'error',
message: res.msg
});
}
})
}).catch(() => {
Message({
type: 'info',
message: '已取消'
});
});
}
}
},
methods: {
saveFile() {
document.getElementById("drawioGraph").contentWindow.postMessage({ type: 'saveFileSignal' } , '*');
},
tabs_click_func(data) {
switch(data.index){
case '0':
this.showBtn = true;
console.log('画布页面')
break;
case '1':
this.showBtn = false;
this.$refs.tableComponent.get_table();
break;
}
}
}
}
</script>
<style>
.confirmClass{
background-color: #0D867F !important;
}
.el-message-box__content{
padding: 60px 15px 60px 15px;
}
</style>
<style scoped>
.saveFileBtn{
position: absolute;
right: 200px;
top: 0px;
z-index: 9;
color: #0D867F;
}
.el-button--text{
color: #0D867F;
}
/deep/ .el-tabs__nav{
float: right;
}
.el-tabs{
width: 100%;
height: 100%;
}
/deep/ .el-tabs__content{
height: calc(100% - 38px);
padding: 0;
}
.el-tab-pane{
height: 100%;
}
.divider1{
width: 6px;
margin-right: 6px;
background-color: #0D867F;
}
.divider2{
margin-left: 6px;
width: 74%;
}
.left_graph_container{
width: 100%;
height: 100%;
}
.right_graph_container{
width: 265px;
height: 100%;
position: absolute;
right: -15%;
top: 0;
background-color: rgba(256, 256, 256, 1);
}
.systemArchiViewDesignDetails{
width: 100%;
height: 100%;
display: flex;
position: relative;
}
/deep/ .el-dialog__header{
background-color: #0D867F;
text-align: left;
}
/deep/ .el-dialog__title{
color: #fff;
}
/deep/ .el-dialog__close {
color: #fff;
}
.greenButton{
background-color: #0D867F;
color: #fff;
}
.tu_biao_icon{
max-width: 80px;
max-height: 40px;
cursor: pointer;
}
</style>
src/views/systemArchiViewDesign/table.vue 0 → 100644
<template>
<div class="table">
<div class="table_container">
<el-table v-loading="loading" :data="tableData" stripe border height="500">
<el-table-column type="index" label="序号" width="80" align="center"></el-table-column>
<el-table-column label="元素类型" align="center">
<template slot-scope="scope">
<div v-html="scope.row.elementType"></div>
</template>
</el-table-column>
<el-table-column prop="elementEncoding" label="元素编码" align="center"></el-table-column>
<el-table-column label="上游元素" align="center">
<template slot-scope="scope">
<div v-html="scope.row.upstreamElements"></div>
</template>
</el-table-column>
<el-table-column prop="relationship" label="关系" align="center"></el-table-column>
</el-table>
</div>
</div>
</template>
<script>
import {
getArchiViewManageTable
} from '@/api/index.js';
import { MessageBox, Message } from 'element-ui';
export default {
name: 'Table',
components: {
},
data() {
return {
tableData: [],
loading: false,
routerId: null
};
},
mounted(){
this.routerId = this.$route.query.id;
},
methods: {
get_table() {
this.loading = true;
const params = {
viewDetailsId: this.routerId
}
getArchiViewManageTable(params).then(res => {
if(res.code == 200) {
this.loading = false;
this.tableData = res.data;
}
})
}
}
}
</script>
<style scoped>
.table{
width: 100%;
height: 100%;
}
.table_container{
margin-top: 20px;
}
/deep/ .el-dialog__header{
text-align: left;
}
</style>
\ No newline at end of file
Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!