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