Skip to content

liangzhen / framework-tools-web

Go to a project
Commit 1b3f0d0e by Thews
Options

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

2 parents 5f87276f 455a55a1
Inline Side-by-side
Showing with 390 additions and 123 deletions
public/drawio/extention/js/exMenus.js
...@@ -33,13 +33,13 @@ var exToolbar = function (toolbarContainer) { ...@@ -33,13 +33,13 @@ var exToolbar = function (toolbarContainer) {
if(res) { if(res) {
$.ajax({ $.ajax({
type: "post", type: "post",
url: "http://192.168.161.129:7001/architecture/vi/file/upload", url: "http://192.168.161.129:7001/ynMol/updateYnMol",
// data: formData, //需要确认formData如何获取 data: JSON.stringify({
processData: false, metaModelId: urlParams['id'],
contentType: false, version: urlParams['version'],
headers: { state: urlParams['state'],
'tkv': 'yMCwNqQ9yRQ37K3h2UVw56gwzWpzPxcs50w7nfsmyFGKuUp-LGB_M0sSgCzGqs8xMkXck0CMDupY_5T6My0bt2p4SEHsibGhMsdoNT55-2s-0bGUm_UIZliqXnCJwZJtOUavqh4OrAWgLBEV82RhEJbGuRY-pIrsGtM0jouSkhRyxpek91B0URTRFitm_A_-', }),
}, contentType: 'json',
success: function( result ) { success: function( result ) {
swal ( "版本发布" , "发布成功!" ); swal ( "版本发布" , "发布成功!" );
}, },
......
public/drawio/js/diagramly/App.js
...@@ -729,7 +729,7 @@ App.main = function(callback, createUi) ...@@ -729,7 +729,7 @@ App.main = function(callback, createUi)
{ {
var content = mxUtils.getTextContent(scripts[0]); var content = mxUtils.getTextContent(scripts[0]);
if (CryptoJS.MD5(content).toString() != 'dda613656c97435b378def799740801e')//二次开发----修改校验值，不然会有弹框 if (CryptoJS.MD5(content).toString() != 'b6679dd946d10c3b1e3a0cb4fde17c71')//二次开发----修改校验值，不然会有弹框
{ {
console.warn('Change bootstrap script MD5 in the previous line:', CryptoJS.MD5(content).toString()); console.warn('Change bootstrap script MD5 in the previous line:', CryptoJS.MD5(content).toString());
console.warn(CryptoJS.MD5(content).toString()); console.warn(CryptoJS.MD5(content).toString());
...@@ -3764,17 +3764,24 @@ App.prototype.showSplash = function(force) ...@@ -3764,17 +3764,24 @@ App.prototype.showSplash = function(force)
this.showSplash(); this.showSplash();
})); }));
}else if (urlParams['id']) {//二次开发，初始化画面内容 }else if (urlParams['id']) {//二次开发，初始化画面内容
console.log(urlParams);
$.ajax({ $.ajax({
method: "get", method: "post",
url: "http://192.168.148.128:7003/api/ynMol/getByMetaModelId", url: 'http://192.168.148.128:7003/ynMol/getByMetaModelId',
data: { metaModelId: urlParams['id'] }, data: {
metaModelId: urlParams['id']
},
// dataType: "xml",
// contentType: "application/xml",
// crossDomain: true,
success: result => { success: result => {
console.log(result) // console.log(result)
// const file = new LocalFile(this, result.data.content, '测试文件', this.mode); const xmlData = result.data.metaModelData;
// this.loadFile(`-1`, true, file); const xmlTitle = result.data.verName;
const file = new LocalFile(this, xmlData, xmlTitle, this.mode);
this.loadFile(`-1`, true, file);
}, },
error: function( error ) { error: error => {
} }
}); });
......
public/drawio/js/diagramly/Menus.js
...@@ -4701,8 +4701,10 @@ ...@@ -4701,8 +4701,10 @@
// const decodedData = Base64.decode(encodedData);//base64解密 // const decodedData = Base64.decode(encodedData);//base64解密
// console.log(encodedData) // console.log(encodedData)
var composedXMLData = Graph.xmlDeclaration +'\n' +editorUi.getFileData(true, null, null, null, true, true, null, null, null, false); var composedXMLData = Graph.xmlDeclaration +'\n' +editorUi.getFileData(true, null, null, null, true, true, null, null, null, true);
var parser = new DOMParser();
var xmlDoc = parser.parseFromString(composedXMLData, "text/xml");
const mxGraphModel = xmlDoc.getElementsByTagName('diagram')[0].innerHTML;
var graph = editorUi.editor.graph; var graph = editorUi.editor.graph;
var svgImage = graph.getSvg('#fff', 1, 0, true, null, true, null, null, null, null, true, 'light', 'diagram');//当前画布的预览图，svg格式 var svgImage = graph.getSvg('#fff', 1, 0, true, null, true, null, null, null, null, true, 'light', 'diagram');//当前画布的预览图，svg格式
...@@ -4713,26 +4715,29 @@ ...@@ -4713,26 +4715,29 @@
// menu.addSeparator(parent); // menu.addSeparator(parent);
// console.log(editorUi.menus) // console.log(editorUi.menus)
const saveFileData = new File([ file.data ], '测试.xml', { type: "text/xml" }); // const saveFileData = new File([ file.data ], '测试.xml', { type: "text/xml" });
const formData = new FormData(); // const formData = new FormData();
formData.append("file", saveFileData); // formData.append("file", saveFileData);
swal({ title: "文件保存", text: file.title, icon: "success", buttons: ["取消", "确定"] }).then(res => { swal({ title: "文件保存", text: file.title, icon: "success", buttons: ["取消", "确定"] }).then(res => {
if(res) { if(res) {
$.ajax({ $.ajax({
method: "post", method: "post",
url: "http://192.168.161.129:7001/architecture/vi/file/upload", url: "http://192.168.148.128:7003/ynMol/upMxGraph",
data: formData, data: {
processData: false, metaModelId: urlParams['id'],
contentType: false, metaModelData: mxGraphModel
headers: {
'tkv': 'yMCwNqQ9yRQ37K3h2UVw56gwzWpzPxcs50w7nfsmyFGKuUp-LGB_M0sSgCzGqs8xMkXck0CMDupY_5T6My0bt2p4SEHsibGhMsdoNT55-2s-0bGUm_UIZliqXnCJwZJtOUavqh4OrAWgLBEV82RhEJbGuRY-pIrsGtM0jouSkhRyxpek91B0URTRFitm_A_-',
}, },
success: function( result ) { success: function( result ) {
swal ( "文件保存" , "保存成功!" ); // console.log(result)
if(result.code == 200) {
swal( "文件保存" , "保存成功!" );
}else {
swal( "文件保存" , result.msg );
}
}, },
error: function( error ) { error: function( error ) {
swal ( "文件保存" , "保存失败!" ); swal( "文件保存" , "保存失败!" );
} }
}); });
}else { }else {
......
src/api/index.js
...@@ -58,7 +58,18 @@ export function getJGYSGLUpdateBatch(params) { ...@@ -58,7 +58,18 @@ export function getJGYSGLUpdateBatch(params) {
export function getJGYSGLDel(params) { export function getJGYSGLDel(params) {
return post('/eleRel/deleteEleRel', params); return post('/eleRel/deleteEleRel', params);
} }
// 查询画布跳转的表格数据
export function get_drawio_transform_table(params) {
return post('/mxFile/fdBmd', params);
}
// 查询元模型管理页面
export function get_yuan_mo_xing_list(params) {
return post('/ynMol/', params);
}
// 元模型管理页面的删除
export function delete_yuan_mo_xing_list(params) {
return post('/ynMol/deleteYnMol', params);
}
// 架构视图配置 // 架构视图配置
// 列表查询 // 列表查询
export function getJGSTPZlist(params) { export function getJGSTPZlist(params) {
......
src/components/drawio.vue
<template> <template>
<iframe class="drawio_show" name="content_frame" :src="'/drawio/index.html?id='+ initGraphId_" frameborder=0 scrolling="no"></iframe> <iframe
class="drawio_show"
name="content_frame"
:src="'/drawio/index.html?id='+id+'&version='+version+'&state='+state"
frameborder=0
scrolling="no">
</iframe>
</template> </template>
<script> <script>
export default { export default {
props: { props: {
initGraphId: String initGraphId: Object
}, },
data() { data() {
return { return {
initGraphId_: null id: null,
version: null,
state: null,
}; };
}, },
watch: { watch: {
initGraphId: { initGraphId: {
handler(newVal, oldVal) { handler(newVal, oldVal) {
this.initGraphId_ = newVal; this.id = newVal.id;
this.version = newVal.version;
this.state = newVal.state;
}, },
} }
}, },
mounted(){ mounted(){
......
src/views/archi-ele-list/index.vue
...@@ -43,8 +43,8 @@ ...@@ -43,8 +43,8 @@
<p>版本发布</p> <p>版本发布</p>
</div> </div>
</div> </div>
<el-table @selection-change="select_table_rows" v-loading="loading" :data="tableData" stripe border height="400"> <el-table @selection-change="select_table_rows" v-loading="loading" :data="tableData" stripe border height="300">
<el-table-column type="selection" width="55"></el-table-column> <el-table-column type="selection" width="55" :selectable="selectable"></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="elementName" label="元素名称" align="center"></el-table-column> <el-table-column prop="elementName" label="元素名称" align="center"></el-table-column>
<el-table-column prop="archiLevelName" label="架构层次" align="center"></el-table-column> <el-table-column prop="archiLevelName" label="架构层次" align="center"></el-table-column>
...@@ -66,31 +66,28 @@ ...@@ -66,31 +66,28 @@
<el-table-column label="操作" width="360" align="center"> <el-table-column label="操作" width="360" align="center">
<template slot-scope="scope"> <template slot-scope="scope">
<div style="display: flex;align-items: center;justify-content: center;"> <div style="display: flex;align-items: center;justify-content: center;">
<div class="add_btn" @click="edit(scope.row)" style="border: 0;margin-right: 8px;"> <el-button icon="el-icon-edit" size="mini" @click="edit(scope.row)" :disabled="scope.row.state == 1">编辑</el-button>
<img class="btn_icon" src="@/assets/编辑_icon_default.png" alt="" /> <el-button icon="el-icon-remove-outline" size="mini" @click="stopItem(scope.row)" :disabled="scope.row.state != 1">停用</el-button>
<p>编辑</p> <el-button icon="el-icon-upload2" size="mini" @click="releaseItem(scope.row)" :disabled="scope.row.state == 1 ">发布</el-button>
</div> <el-button icon="el-icon-delete" size="mini" @click="deleteItem(scope.row)" :disabled="scope.row.state == 1">删除</el-button>
<!-- <el-button type="text" icon="el-icon-edit" @click="add_dialog = true">编辑</el-button> -->
<div class="reset_btn" @click="stopItem" style="border: 0;margin-right: 8px;">
<img class="btn_icon" src="@/assets/停用_icon_default.png" alt="" />
<p>停用</p>
</div>
<div class="add_btn" @click="releaseItem" style="border: 0;margin-right: 8px;">
<img class="btn_icon" src="@/assets/发布_icon_default.png" alt="" />
<p>发布</p>
</div>
<div class="reset_btn" @click="deleteItem(scope.row)" style="border: 0;">
<img class="btn_icon" src="@/assets/删除_icon_default.png" alt="" />
<p>删除</p>
</div>
</div> </div>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
<el-pagination <!-- <el-pagination
background background
layout="prev, pager, next" layout="prev, pager, next"
:total="50"> :total="50">
</el-pagination> -->
<el-pagination
background
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
:current-page="pager.current"
:page-sizes="pager.sizes"
:page-size="pager.size"
layout="total, sizes, prev, pager, next, jumper"
:total="pager.total">
</el-pagination> </el-pagination>
</div> </div>
...@@ -141,17 +138,18 @@ ...@@ -141,17 +138,18 @@
</div> </div>
<div class="dialog_form_item3"> <div class="dialog_form_item3">
<div class="dialog_form_item_title">图标设置:</div> <div class="dialog_form_item_title">图标设置:</div>
<input type="file" /> <!-- <input type="file" /> -->
<!-- <div>
<div>
<div class="dialog_form_item3_content1" style="margin-bottom: 10px;"> <div class="dialog_form_item3_content1" style="margin-bottom: 10px;">
<el-radio v-model="radio" label="长方形"> <el-radio v-model="radio" label="cfx">
<img class="tu_biao_icon" src="@/assets/长方形.svg" alt="" /> <img class="tu_biao_icon srccfx" src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPCEtLSBEbyBub3QgZWRpdCB0aGlzIGZpbGUgd2l0aCBlZGl0b3JzIG90aGVyIHRoYW4gZHJhdy5pbyAtLT4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxMjFweCIgaGVpZ2h0PSI2MXB4IiB2aWV3Qm94PSItMC41IC0wLjUgMTIxIDYxIiBjb250ZW50PSImbHQ7bXhmaWxlIGhvc3Q9JnF1b3Q7bG9jYWxob3N0JnF1b3Q7IG1vZGlmaWVkPSZxdW90OzIwMjMtMTItMDZUMDk6NTk6MzQuMjMxWiZxdW90OyBhZ2VudD0mcXVvdDtNb3ppbGxhLzUuMCAoV2luZG93cyBOVCAxMC4wOyBXaW42NDsgeDY0KSBBcHBsZVdlYktpdC81MzcuMzYgKEtIVE1MLCBsaWtlIEdlY2tvKSBDaHJvbWUvMTE5LjAuMC4wIFNhZmFyaS81MzcuMzYmcXVvdDsgZXRhZz0mcXVvdDs4RHpnU2h0R05zOEFGb1UtYW1lWSZxdW90OyB2ZXJzaW9uPSZxdW90O0BEUkFXSU8tVkVSU0lPTkAmcXVvdDsgdHlwZT0mcXVvdDtkZXZpY2UmcXVvdDsmZ3Q7Jmx0O2RpYWdyYW0gbmFtZT0mcXVvdDvnrKwgMSDpobUmcXVvdDsgaWQ9JnF1b3Q7b2xqemVmWXQ0S2NwWk1UME1YQ2EmcXVvdDsmZ3Q7alpKTmI4TWdESVovRGNkS1NlaWE3YmlsM1hyWkxwRTY3VWlERzVBZ1JKU01aTDkreVdMeW9hclNUc0RqRCt6WEpqVFQ3WnRsdFhnM0hCUkpJdDRTdWlkSkV0UDBxVDhHMG8wazNkSVJsRlp5ZEpwQkxuOEFZWVMwa1J5dUswZG5qSEt5WHNQQ1ZCVVVic1dZdGNhdjNTNUdyWCt0V1FrM0lDK1l1cVdma2pzeDBzY2tuZmtSWkNuQ3ovRU9HOVlzT0dNblY4RzQ4UXRFRDRSbTFoZzMzblNiZ1JyRUM3cU1jYTkzckZOaEZpcjNuNEJXdHcvNzAvbnI3UDFKbFIrYjQzUGFiRERMTjFNTk5vekZ1aTRvWUUxVGNSaVN4SVMrZUNFZDVEVXJCcXZ2Wjk0ejRiUkNNNllENjZDOVcyYzhkZCt2RFJnTnpuYTlDd1pzSXhRTU55WUpiei9ySHdkUnhVTDdIVEtHSXkrbjFMTXEvUVdGQ2M5NUFIKzJ4UnJUd3k4PSZsdDsvZGlhZ3JhbSZndDsmbHQ7L214ZmlsZSZndDsiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiByZ2IoMjU1LCAyNTUsIDI1NSk7Ij48ZGVmcy8+PGc+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEyMCIgaGVpZ2h0PSI2MCIgcng9IjkiIHJ5PSI5IiBmaWxsPSJyZ2IoMjU1LCAyNTUsIDI1NSkiIHN0cm9rZT0icmdiKDAsIDAsIDApIiBwb2ludGVyLWV2ZW50cz0iYWxsIi8+PC9nPjwvc3ZnPg==" alt="" />
</el-radio> </el-radio>
<el-radio v-model="radio" label="菱形"> <el-radio v-model="radio" label="lx">
<img class="tu_biao_icon" src="@/assets/菱形.svg" alt="" /> <img class="tu_biao_icon srclx" src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPCEtLSBEbyBub3QgZWRpdCB0aGlzIGZpbGUgd2l0aCBlZGl0b3JzIG90aGVyIHRoYW4gZHJhdy5pbyAtLT4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxNTFweCIgaGVpZ2h0PSI5MXB4IiB2aWV3Qm94PSItMC41IC0wLjUgMTUxIDkxIiBjb250ZW50PSImbHQ7bXhmaWxlIGhvc3Q9JnF1b3Q7bG9jYWxob3N0JnF1b3Q7IG1vZGlmaWVkPSZxdW90OzIwMjMtMTItMDZUMTA6MDE6MTEuODMzWiZxdW90OyBhZ2VudD0mcXVvdDtNb3ppbGxhLzUuMCAoV2luZG93cyBOVCAxMC4wOyBXaW42NDsgeDY0KSBBcHBsZVdlYktpdC81MzcuMzYgKEtIVE1MLCBsaWtlIEdlY2tvKSBDaHJvbWUvMTE5LjAuMC4wIFNhZmFyaS81MzcuMzYmcXVvdDsgZXRhZz0mcXVvdDtZZkd2V3VMeUZYYTFhU3RVWjBUSSZxdW90OyB2ZXJzaW9uPSZxdW90O0BEUkFXSU8tVkVSU0lPTkAmcXVvdDsgdHlwZT0mcXVvdDtkZXZpY2UmcXVvdDsmZ3Q7Jmx0O2RpYWdyYW0gbmFtZT0mcXVvdDvnrKwgMSDpobUmcXVvdDsgaWQ9JnF1b3Q7VDNTTFhwQVNxQ1Ntcno0VXQ2bl8mcXVvdDsmZ3Q7alpKTlQ0UXdFSVovRFVjVG9DckxVWERSaXpIS3dYTURzN1N4VUN6REF2NTZpd3hmMld5eUo0Wm52anJ2ak1QaXNuOHh2Qlp2T2dmbCtHN2VPK3paOFgyUEJhSDlqR1NZU0hEUEpsQVltVlBRQ2xMNUN3UmRvcTNNb2RrRm90WUtaYjJIbWE0cXlIREh1REc2MjRlZHROcDNyWGtCRnlETnVMcWtYekpITWRHREg2ejhGV1FoNXM3ZUl3MWM4am1ZSm1rRXozVzNRZXpvc05ob2paTlY5akdvVWJ4Wmx5a3Z1ZUpkSG1hZ3dsc1NzUDNBOE9BK0pWRUNQKy9mbWVyUHpSMVZPWFBWMHNEMFdCeG1CUVNXeWxxZXc2Sk9TSVMwNXRubzZ1ekNMZU5OUGVsK2tqM1lWcEdkc3g3OXN0R2Yxc09yWXF3VVVTTXdDUDNWQ2J4RkYzdFFvRXRBTTlnUVNtQ010S1ZiWWdGSjI2MmI4UjZJaWMxV1FtS2NqcUZZU3E5NldZTWttMy9YMWZ6N05nZk9qbjg9Jmx0Oy9kaWFncmFtJmd0OyZsdDsvbXhmaWxlJmd0OyIgc3R5bGU9ImJhY2tncm91bmQtY29sb3I6IHJnYigyNTUsIDI1NSwgMjU1KTsiPjxkZWZzLz48Zz48cGF0aCBkPSJNIDAgNDUgTCA3NSAxLjcgTCAxNTAgNDUgTCA3NSA4OC4zIEwgMCA0NSBaIiBmaWxsPSJyZ2IoMjU1LCAyNTUsIDI1NSkiIHN0cm9rZT0icmdiKDAsIDAsIDApIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHBvaW50ZXItZXZlbnRzPSJhbGwiLz48L2c+PC9zdmc+" alt="" />
</el-radio> </el-radio>
<el-radio v-model="radio" label="椭圆"> <el-radio v-model="radio" label="ty">
<img class="tu_biao_icon" src="@/assets/椭圆.svg" alt="" /> <img class="tu_biao_icon srcty" src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPCEtLSBEbyBub3QgZWRpdCB0aGlzIGZpbGUgd2l0aCBlZGl0b3JzIG90aGVyIHRoYW4gZHJhdy5pbyAtLT4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxMjFweCIgaGVpZ2h0PSI4MXB4IiB2aWV3Qm94PSItMC41IC0wLjUgMTIxIDgxIiBjb250ZW50PSImbHQ7bXhmaWxlIGhvc3Q9JnF1b3Q7bG9jYWxob3N0JnF1b3Q7IG1vZGlmaWVkPSZxdW90OzIwMjMtMTItMDZUMTA6MDI6MDIuMTY1WiZxdW90OyBhZ2VudD0mcXVvdDtNb3ppbGxhLzUuMCAoV2luZG93cyBOVCAxMC4wOyBXaW42NDsgeDY0KSBBcHBsZVdlYktpdC81MzcuMzYgKEtIVE1MLCBsaWtlIEdlY2tvKSBDaHJvbWUvMTE5LjAuMC4wIFNhZmFyaS81MzcuMzYmcXVvdDsgZXRhZz0mcXVvdDtWOGlfblVyNTloV2UyT3dFRHJxbyZxdW90OyB2ZXJzaW9uPSZxdW90O0BEUkFXSU8tVkVSU0lPTkAmcXVvdDsgdHlwZT0mcXVvdDtkZXZpY2UmcXVvdDsmZ3Q7Jmx0O2RpYWdyYW0gbmFtZT0mcXVvdDvnrKwgMSDpobUmcXVvdDsgaWQ9JnF1b3Q7VGlKQW03ZHdENjhNNkx0bmdOQXMmcXVvdDsmZ3Q7alpMYlNzUXdFSWFmcHBmQ3BxbTIzdHF0eW9JZ1ZGQzhDODFzRTBpYmtzM2FkcC9lMUV4NllGbndLalBmSERMekp4SE5tK0hGc0U2OGFRNHFpbmQ4aU9nK2ltTkMwMGQzVEdUMEpFMm9CN1dSSEpNV1VNb0xJTndoUFVzT3AwMmkxVnBaMlcxaHBkc1dLcnRoekJqZGI5T09XbTF2N1ZnTlY2Q3NtTHFtbjVKYjRXa1dwd3QvQlZtTGNETjV3SVViRnBKeGs1TmdYUGNyUkl1STVrWnI2NjFteUVGTjRnVmRmTjN6amVnOG1JSFcvcWZnS3pzVWgzZHpYKzQvdmttVlhBUnRzenZzOHNQVUdSZkdZZTBZRkhCZG5Oak9lZXFGdEZCMnJKb2l2WHR2eDRSdGxQT0lNN0VWR0F2RHpSbkp2TG43TXFBYnNHWjBLVmlRa01TWDRHOGhHWXJYTDlxVElLaFk2Ujd5R0Q1M1BiZGVGSEVHaWhMY1JmeS8yT29MMCtJWCZsdDsvZGlhZ3JhbSZndDsmbHQ7L214ZmlsZSZndDsiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiByZ2IoMjU1LCAyNTUsIDI1NSk7Ij48ZGVmcy8+PGc+PGVsbGlwc2UgY3g9IjYwIiBjeT0iNDAiIHJ4PSI2MCIgcnk9IjQwIiBmaWxsPSJyZ2IoMjU1LCAyNTUsIDI1NSkiIHN0cm9rZT0icmdiKDAsIDAsIDApIiBwb2ludGVyLWV2ZW50cz0iYWxsIi8+PC9nPjwvc3ZnPg==" alt="" />
</el-radio> </el-radio>
</div> </div>
<div class="dialog_form_item3_content1"> <div class="dialog_form_item3_content1">
...@@ -174,11 +172,11 @@ ...@@ -174,11 +172,11 @@
<img class="tu_biao_icon2" src="@/assets/正方形6.svg" alt="" /> <img class="tu_biao_icon2" src="@/assets/正方形6.svg" alt="" />
</el-radio> </el-radio>
</div> </div>
</div> --> </div>
</div> </div>
</div> </div>
<span slot="footer" class="dialog-footer"> <span slot="footer" class="dialog-footer">
<el-button class="greenButton" @click="add_dialog = false">发布</el-button> <el-button class="greenButton" @click="release_dialog">发布</el-button>
<el-button class="greenButton" @click="save_dialog">保存</el-button> <el-button class="greenButton" @click="save_dialog">保存</el-button>
<el-button @click="add_dialog = false">取消</el-button> <el-button @click="add_dialog = false">取消</el-button>
</span> </span>
...@@ -199,6 +197,7 @@ import { ...@@ -199,6 +197,7 @@ import {
edit_jia_gou_yuan_su edit_jia_gou_yuan_su
} from '@/api/index.js'; } from '@/api/index.js';
import { MessageBox, Message } from 'element-ui'; import { MessageBox, Message } from 'element-ui';
import $ from 'jquery';
export default { export default {
name: 'ArchiEleList', name: 'ArchiEleList',
...@@ -216,7 +215,7 @@ export default { ...@@ -216,7 +215,7 @@ export default {
dialog_let2: '', dialog_let2: '',
dialog_let3: '', dialog_let3: '',
dialog_let4: '', dialog_let4: '',
radio: '长方形', radio: 'cfx',
radio2: 'red', radio2: 'red',
add_select_item: '', add_select_item: '',
add_select_item2: '', add_select_item2: '',
...@@ -228,7 +227,12 @@ export default { ...@@ -228,7 +227,12 @@ export default {
elementId: null, elementId: null,
state: null, state: null,
version: null, version: null,
pager: {
current: 1,
sizes: [10, 20, 50, 100, 200],
size: 10,
total: 20 //总条数
},
}; };
}, },
...@@ -236,6 +240,13 @@ export default { ...@@ -236,6 +240,13 @@ export default {
this.get_table(); this.get_table();
}, },
methods: { methods: {
selectable(row) {//表格勾选框禁用
if(row.state == 1) {
return false; // 禁用
} else {
return true; //不禁用
}
},
edit(row) {//编辑 edit(row) {//编辑
this.add_dialog = true; this.add_dialog = true;
this.dialog_let1 = row.elementName; this.dialog_let1 = row.elementName;
...@@ -246,8 +257,6 @@ export default { ...@@ -246,8 +257,6 @@ export default {
this.elementId = row.elementId; this.elementId = row.elementId;
this.state = row.state; this.state = row.state;
this.version = row.version; this.version = row.version;
}, },
version_release(){//版本发布 version_release(){//版本发布
if(this.selectTable.length == 0) { if(this.selectTable.length == 0) {
...@@ -256,11 +265,19 @@ export default { ...@@ -256,11 +265,19 @@ export default {
message: '请选择至少一条数据!' message: '请选择至少一条数据!'
}); });
}else { }else {
const params = {
let elementIdArray = [];
this.selectTable.forEach(item => {
elementIdArray.push(item.elementId);
});
const params = {
elementId: elementIdArray,
state: 2
}; };
version_release_jia_gou_gui_shu(params).then(res => { version_release_jia_gou_gui_shu(params).then(res => {
if(res.code == 200) { if(res.code == 200) {
this.get_table();
Message({ Message({
type: 'success', type: 'success',
message: '版本发布成功!' message: '版本发布成功!'
...@@ -276,18 +293,62 @@ export default { ...@@ -276,18 +293,62 @@ export default {
}, },
select_table_rows(data){//表格的勾选 select_table_rows(data){//表格的勾选
this.selectTable = data; this.selectTable = data;
console.log(this.selectTable)
}, },
save_dialog() {//保存 release_dialog() {//弹框的发布
const params = { const params = {
elementName: this.dialog_let1, elementName: this.dialog_let1,
archiLevelId: this.dialog_let2, archiLevelId: this.dialog_let2,
archiBelongId: this.dialog_let3, archiBelongId: this.dialog_let3,
content: this.dialog_let4, content: this.dialog_let4,
icon: this.radio, icon: $(`.src${this.radio}`)[0].src,
color: this.radio2, color: this.radio2,
state: 1,
}; };
const requestParams = this.is_add_edit == 'add' ? params : { ...params, elementId: this.elementId, state: this.state, version: this.version }; const requestParams = this.is_add_edit == 'add' ? params : { ...params, elementId: this.elementId, version: this.version };
if(this.is_add_edit == 'add') {
add_jia_gou_yuan_su(requestParams).then(res => {
if(res.code == 200) {
this.add_dialog = false;
Message({
type: 'success',
message: '保存成功!'
});
}else {
Message({
type: 'error',
message: '保存失败!'
});
}
});
}else {
edit_jia_gou_yuan_su(requestParams).then(res => {
if(res.code == 200) {
this.add_dialog = false;
Message({
type: 'success',
message: '保存成功!'
});
}else {
Message({
type: 'error',
message: '保存失败!'
});
}
});
}
this.get_table();
},
save_dialog() {//弹框的保存
const params = {
elementName: this.dialog_let1,
archiLevelId: this.dialog_let2,
archiBelongId: this.dialog_let3,
content: this.dialog_let4,
icon: $(`.src${this.radio}`)[0].src,
color: this.radio2,
state: 2,
};
const requestParams = this.is_add_edit == 'add' ? params : { ...params, elementId: this.elementId, version: this.version };
if(this.is_add_edit == 'add') { if(this.is_add_edit == 'add') {
add_jia_gou_yuan_su(requestParams).then(res => { add_jia_gou_yuan_su(requestParams).then(res => {
if(res.code == 200) { if(res.code == 200) {
...@@ -334,7 +395,7 @@ export default { ...@@ -334,7 +395,7 @@ export default {
this.dialog_let2 = ''; this.dialog_let2 = '';
this.dialog_let3 = ''; this.dialog_let3 = '';
this.dialog_let4 = ''; this.dialog_let4 = '';
this.radio = '长方形'; this.radio = 'cfx';
this.radio2 = 'red'; this.radio2 = 'red';
}, },
add_select1() {//新增架构层次 add_select1() {//新增架构层次
...@@ -401,46 +462,75 @@ export default { ...@@ -401,46 +462,75 @@ export default {
this.query_item3 = null; this.query_item3 = null;
this.query_item4 = null; this.query_item4 = null;
}, },
// 每页条数改变
handleSizeChange(val) {
this.pager.size = val;
this.get_table();
},
//当前页码改变
handleCurrentChange(val) {
this.pager.current = val;
this.get_table();
},
get_table() {//查询表格数据 get_table() {//查询表格数据
const params = { const params = {
"archIBelongId": this.query_item1, "archiBelongId": this.query_item1,
"current": 1, "current": this.pager.current,
"delFlag": 0, "delFlag": 0,
"elementId": "", "elementId": "",
"elementName": this.query_item3, "elementName": this.query_item3,
"pageSize": 10, "pageSize": this.pager.size,
"state": this.query_item4 "state": this.query_item4
}; };
this.loading = true; this.loading = true;
query_jia_gou_yuan_su_guan_xi_table(params).then(result => { query_jia_gou_yuan_su_guan_xi_table(params).then(result => {
if(result.code == 200) { if(result.code == 200) {
this.loading = false; this.loading = false;
if(result.data.length > 0) { this.pager.current = result.data.current;
this.pager.total = result.data.total;
this.pager.size = result.data.size;
if(result.data.records.length > 0) {
Promise.all([ this.get_dialog_select1(), this.get_dialog_select2() ]).then(res2 => { Promise.all([ this.get_dialog_select1(), this.get_dialog_select2() ]).then(res2 => {
this.dialog_select1 = res2[0]; this.dialog_select1 = res2[0];
this.search_select1 = res2[1]; this.search_select1 = res2[1];
result.data.map(item => { result.data.records.map(item => {
let result1 = res2[0].find(item2 => item2.levelId == item.archiLevelId); let result1 = res2[0].find(item2 => item2.levelId == item.archiLevelId);
let result2 = res2[1].find(item2 => item2.belongId == item.archiBelongId); let result2 = res2[1].find(item2 => item2.belongId == item.archiBelongId);
item['archiBelongName'] = result1 ? result1.name : ''; item['archiLevelName'] = result1 ? result1.name : '';
item['archiLevelName'] = result2 ? result2.name : ''; item['archiBelongName'] = result2 ? result2.name : '';
}); });
this.tableData = result.data; this.tableData = result.data.records;
}) })
}else {
this.tableData = [];
} }
} }
}) })
}, },
stopItem() {//停用 stopItem(row) {//停用
MessageBox.confirm('确定停用?', '提示', { MessageBox.confirm('确定停用?', '提示', {
confirmButtonText: '确定', confirmButtonText: '确定',
cancelButtonText: '取消', cancelButtonText: '取消',
type: 'warning' type: 'warning'
}).then(() => { }).then(() => {
const params = {
elementId: row.elementId,
state: 0,
}
edit_jia_gou_yuan_su(params).then(res => {
if(res.code == 200) {
this.get_table();
Message({ Message({
type: 'success', type: 'success',
message: '停用成功!' message: '停用成功!'
}); });
}else {
Message({
type: 'error',
message: '停用失败!'
});
}
});
}).catch(() => { }).catch(() => {
Message({ Message({
type: 'info', type: 'info',
...@@ -448,16 +538,30 @@ export default { ...@@ -448,16 +538,30 @@ export default {
}); });
}); });
}, },
releaseItem() {//发布 releaseItem(row) {//发布
MessageBox.confirm('确定发布?', '提示', { MessageBox.confirm('确定发布?', '提示', {
confirmButtonText: '确定', confirmButtonText: '确定',
cancelButtonText: '取消', cancelButtonText: '取消',
type: 'warning' type: 'warning'
}).then(() => { }).then(() => {
const params = {
elementId: row.elementId,
state: 1,
}
edit_jia_gou_yuan_su(params).then(res => {
if(res.code == 200) {
this.get_table();
Message({ Message({
type: 'success', type: 'success',
message: '发布成功!' message: '发布成功!'
}); });
}else {
Message({
type: 'error',
message: '发布失败!'
});
}
});
}).catch(() => { }).catch(() => {
Message({ Message({
type: 'info', type: 'info',
......
src/views/meta-model-list/canvas/index.vue
...@@ -18,7 +18,14 @@ ...@@ -18,7 +18,14 @@
}; };
}, },
mounted(){ mounted(){
this.routerId = window.location.href.split("=")[1]; const id = window.location.href.split("id=")[1].split("&")[0];
const version = window.location.href.split("id=")[1].split("&")[1].split("=")[1];
const state = window.location.href.split("id=")[1].split("&")[2].split("=")[1];
this.routerId = {
id,
version,
state
}
}, },
methods: { methods: {
......
src/views/meta-model-list/details.vue
<template> <template>
<div class="Details"> <div class="Details">
<el-tabs type="border-card"> <el-select class="select_version_control" v-model="select_version" placeholder="请选择">
<el-option label="版本1" value="版本1"></el-option>
</el-select>
<el-tabs type="border-card" @tab-click="tabs_click_func">
<el-tab-pane> <el-tab-pane>
<span slot="label"> <span slot="label">
<i class="el-icon-picture"></i> <i class="el-icon-picture"></i>
</span> </span>
<YuanMoXingGuanLiCanvas></YuanMoXingGuanLiCanvas> <YuanMoXingGuanLiCanvas ref="canvasComponent"></YuanMoXingGuanLiCanvas>
</el-tab-pane> </el-tab-pane>
<el-tab-pane> <el-tab-pane>
<span slot="label"> <span slot="label">
<i class="el-icon-s-grid"></i> <i class="el-icon-s-grid"></i>
</span> </span>
<YuanMoXingGuanLiTable></YuanMoXingGuanLiTable> <YuanMoXingGuanLiTable ref="tableComponent"></YuanMoXingGuanLiTable>
</el-tab-pane> </el-tab-pane>
</el-tabs> </el-tabs>
</div> </div>
...@@ -29,14 +32,21 @@ export default { ...@@ -29,14 +32,21 @@ export default {
}, },
data() { data() {
return { return {
select_version: null
}; };
}, },
mounted(){ mounted(){
}, },
methods: { methods: {
tabs_click_func(data) {
if(data.index == '0') {
console.log('画布页面')
}else{
console.log('表格页面')
this.$refs.tableComponent.get_table();
}
}
} }
} }
</script> </script>
...@@ -44,6 +54,13 @@ export default { ...@@ -44,6 +54,13 @@ export default {
.Details{ .Details{
width: 100%; width: 100%;
height: 100%; height: 100%;
position: relative;
}
.select_version_control{
position: absolute;
top: 0;
right: 140px;
z-index: 9;
} }
/deep/ .el-tabs__nav{ /deep/ .el-tabs__nav{
float: right; float: right;
......
src/views/meta-model-list/index.vue
...@@ -11,7 +11,7 @@ ...@@ -11,7 +11,7 @@
<el-dropdown-item command="基于模版绘图">基于模版绘图</el-dropdown-item> <el-dropdown-item command="基于模版绘图">基于模版绘图</el-dropdown-item>
</el-dropdown-menu> </el-dropdown-menu>
</el-dropdown> </el-dropdown>
<el-input v-model="query_item1" placeholder="请输入内容" class="search_item" prefix-icon="el-icon-search"></el-input> <el-input v-model="query_item1" @change="search_list" placeholder="请输入内容" class="search_item" prefix-icon="el-icon-search"></el-input>
<div class="query_btn"> <div class="query_btn">
<p>版本分析</p> <p>版本分析</p>
</div> </div>
...@@ -26,14 +26,14 @@ ...@@ -26,14 +26,14 @@
<el-divider></el-divider> <el-divider></el-divider>
</div> </div>
<div class="card_container"> <div class="card_container">
<el-card class="card_item" v-for="o in 7" :key="o"> <el-card class="card_item" v-for="item in yi_fa_bu" :key="item.metaModelId">
<img class="card_image" @click="to_current_details" src="@/assets/元模型管理.svg" alt="" /> <img class="card_image" @click="to_current_details(item)" src="@/assets/元模型管理.svg" alt="" />
<div class="card_info"> <div class="card_info">
<div class="card_title"> <div class="card_title">
<i class="el-icon-location"></i> <i class="el-icon-location"></i>
元模型 版本XX {{ item.verName }}&nbsp;&nbsp;&nbsp;{{ item.version }}
</div> </div>
<div class="card_icon"> <div class="card_icon" @click.stop="deleteItem(item)">
<i class="el-icon-delete"></i> <i class="el-icon-delete"></i>
</div> </div>
</div> </div>
...@@ -47,14 +47,14 @@ ...@@ -47,14 +47,14 @@
<el-divider></el-divider> <el-divider></el-divider>
</div> </div>
<div class="card_container"> <div class="card_container">
<el-card class="card_item" v-for="o in 7" :key="o"> <el-card class="card_item" v-for="item in zan_cun" :key="item.metaModelId">
<img class="card_image" @click="to_current_details" src="@/assets/元模型管理.svg" alt="" /> <img class="card_image" @click="to_current_details(item)" src="@/assets/元模型管理.svg" alt="" />
<div class="card_info"> <div class="card_info">
<div class="card_title"> <div class="card_title">
<i class="el-icon-location"></i> <i class="el-icon-location"></i>
元模型 版本XX {{ item.verName }}&nbsp;&nbsp;&nbsp;{{ item.version }}
</div> </div>
<div class="card_icon"> <div class="card_icon" @click.stop="deleteItem(item)">
<i class="el-icon-delete"></i> <i class="el-icon-delete"></i>
</div> </div>
</div> </div>
...@@ -79,14 +79,18 @@ ...@@ -79,14 +79,18 @@
<el-button @click="add_dialog = false">取消</el-button> <el-button @click="add_dialog = false">取消</el-button>
</span> </span>
</el-dialog> </el-dialog>
<!-- <img :src="imgS" alt=""> -->
</div> </div>
</template> </template>
<script> <script>
import { import {
add_yuan_mo_xing, add_yuan_mo_xing,
get_yuan_mo_xing_list,
delete_yuan_mo_xing_list
} from '@/api/index.js'; } from '@/api/index.js';
import { MessageBox, Message } from 'element-ui'; import { MessageBox, Message } from 'element-ui';
import $ from 'jquery';
export default { export default {
name: 'metaModelList', name: 'metaModelList',
...@@ -104,13 +108,82 @@ export default { ...@@ -104,13 +108,82 @@ export default {
name: [ name: [
{ required: true, message: '请输入版本名称', trigger: 'blur' }, { required: true, message: '请输入版本名称', trigger: 'blur' },
], ],
} },
yi_fa_bu: [],
zan_cun: [],
imgS: ''
}; };
}, },
mounted(){ mounted(){
this.get_list();
}, },
methods: { methods: {
search_list() {//搜索
const params = {
verName: this.query_item1
}
get_yuan_mo_xing_list(params).then(res => {
if(res.code == 200) {
this.yi_fa_bu = res.data.records.filter(item => item.state == 1);
this.zan_cun = res.data.records.filter(item => item.state == 2);
}else {
}
})
},
deleteItem(item) {//删除
MessageBox.confirm('确定删除?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
const params = {
metaModelId: item.metaModelId,
state: item.state
}
delete_yuan_mo_xing_list(params).then(res => {
if(res.code == 200) {
this.get_list();
Message({
type: 'success',
message: '删除成功!'
});
}else {
Message({
type: 'error',
message: '删除失败!'
});
}
})
}).catch(() => {
Message({
type: 'info',
message: '已取消'
});
});
},
get_list() {//查询列表
get_yuan_mo_xing_list({}).then(res => {
if(res.code == 200) {
this.yi_fa_bu = res.data.records.filter(item => item.state == 1);
this.zan_cun = res.data.records.filter(item => item.state == 2);
// const res0 = res.data[0].records[0].metaModelData;
// const blob = new Blob([res0], { type: 'application/xml' });
// const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);
// console.log(imageUrl)
// this.imgS = imageUrl;
// Message({
// type: 'success',
// message: '版本发布成功!'
// });
}else {
// Message({
// type: 'error',
// message: '版本发布失败!'
// });
}
})
},
ok() {//弹框点击确定 ok() {//弹框点击确定
this.$refs.ruleForm.validate(valid => { this.$refs.ruleForm.validate(valid => {
if(valid) { if(valid) {
...@@ -121,7 +194,7 @@ export default { ...@@ -121,7 +194,7 @@ export default {
// console.log(res) // console.log(res)
if(res.code == 200) { if(res.code == 200) {
this.add_dialog = false; this.add_dialog = false;
this.$router.push(`/main/metaModelListDetails/id=${res.data}`, () => {}, () => {} ); this.$router.push(`/main/metaModelListDetails/?id=${res.data}`, () => {}, () => {} );
Message({ Message({
type: 'success', type: 'success',
message: '新增成功!' message: '新增成功!'
...@@ -139,8 +212,9 @@ export default { ...@@ -139,8 +212,9 @@ export default {
} }
}); });
}, },
to_current_details() {//跳转到详情 to_current_details(item) {//跳转到详情
this.$router.push( '/main/metaModelListDetails/1', () => {}, () => {} ); console.log(item)
this.$router.push( `/main/metaModelListDetails/id=${item.metaModelId}&version=${item.version}&state=${item.state}`, () => {}, () => {} );
}, },
handleCommand(command) {//新建按钮点击 handleCommand(command) {//新建按钮点击
if(command == '自由绘图') { if(command == '自由绘图') {
...@@ -187,7 +261,7 @@ export default { ...@@ -187,7 +261,7 @@ export default {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
margin: 30px 40px 0 40px; margin: 30px 0 0 0;
} }
.card_image{ .card_image{
width: 165px; width: 165px;
......
src/views/meta-model-list/table/index.vue
<template> <template>
<div class="table"> <div class="table">
<div class="table_container"> <div class="table_container">
<el-table v-loading="loading" :data="tableData" stripe border> <el-table v-loading="loading" :data="tableData" stripe border height="500">
<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="let1" label="元素名称" align="center"></el-table-column> <el-table-column prop="source" label="元素名称" align="center"></el-table-column>
<el-table-column prop="let2" label="元素id" align="center"></el-table-column> <el-table-column prop="sourceId" label="元素id" align="center"></el-table-column>
<el-table-column prop="let3" label="关联元素名称" align="center"></el-table-column> <el-table-column prop="linkName" label="关联元素名称" align="center"></el-table-column>
<el-table-column prop="let4" label="关联元素id" align="center"></el-table-column> <el-table-column prop="targetId" label="关联元素id" align="center"></el-table-column>
<el-table-column prop="let4" label="关联关系名称" align="center"></el-table-column> <el-table-column prop="target" label="关联关系名称" align="center"></el-table-column>
<el-table-column prop="let4" label="关联关系描述" align="center"></el-table-column> <el-table-column prop="linkNameDesc" label="关联关系描述" align="center"></el-table-column>
<el-table-column prop="let4" label="方向" align="center"></el-table-column> <el-table-column prop="direction" label="方向" align="center"></el-table-column>
<el-table-column label="操作" align="center"> <!-- <el-table-column label="操作" align="center">
<template> <template>
<div style="display: flex;align-items: center;justify-content: center;"> <div style="display: flex;align-items: center;justify-content: center;">
<div class="add_btn" @click="add_dialog = true" style="border: 0;margin-right: 8px;"> <div class="add_btn" @click="add_dialog = true" style="border: 0;margin-right: 8px;">
<!-- <img class="btn_icon" src="@/assets/编辑_icon_default.png" alt="" /> -->
<p>编辑</p> <p>编辑</p>
</div> </div>
<div class="reset_btn" style="border: 0;margin-right: 8px;"> <div class="reset_btn" style="border: 0;margin-right: 8px;">
<!-- <img class="btn_icon" src="@/assets/停用_icon_default.png" alt="" /> -->
<p>停用</p> <p>停用</p>
</div> </div>
<div class="add_btn" style="border: 0;margin-right: 8px;"> <div class="add_btn" style="border: 0;margin-right: 8px;">
<!-- <img class="btn_icon" src="@/assets/发布_icon_default.png" alt="" /> -->
<p>发布</p> <p>发布</p>
</div> </div>
<div class="reset_btn" style="border: 0;"> <div class="reset_btn" style="border: 0;">
<!-- <img class="btn_icon" src="@/assets/删除_icon_default.png" alt="" /> -->
<p>删除</p> <p>删除</p>
</div> </div>
</div> </div>
</template> </template>
</el-table-column> </el-table-column> -->
</el-table> </el-table>
</div> </div>
...@@ -75,7 +75,10 @@ ...@@ -75,7 +75,10 @@
</template> </template>
<script> <script>
import {
get_drawio_transform_table,
} from '@/api/index.js';
import { MessageBox, Message } from 'element-ui';
export default { export default {
name: 'Table', name: 'Table',
components: { components: {
...@@ -89,9 +92,38 @@ export default { ...@@ -89,9 +92,38 @@ export default {
let2: '', let2: '',
let3: '', let3: '',
let4: '', let4: '',
loading: false loading: false,
routerId: null
}; };
}, },
mounted(){
this.routerId = window.location.href.split("=")[1];
// this.get_table();
},
methods: {
get_table() {
this.loading = true;
const params = {
metaModelId: this.routerId
}
get_drawio_transform_table(params).then(res => {
// console.log(res)
if(res.code == 200) {
this.loading = false;
this.tableData = res.data;
// Message({
// type: 'success',
// message: '获取表格数据成功!'
// });
}else {
// Message({
// type: 'error',
// message: '获取表格数据失败!'
// });
}
})
}
}
} }
</script> </script>
<style scoped> <style scoped>
......
Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!