Skip to content

liangzhen / framework-tools-web

Go to a project
Commit 2f74943d by liuyong
Options

修改代码

1 parent e244fe48
Inline Side-by-side
Showing with 94 additions and 69 deletions
public/drawio/extention/js/exApp.js
......@@ -84,59 +84,46 @@ const setIcon = function (itemIcon, dicys, color) {
// ];
const leftCustomGraph = function(that) {//左侧自定义图形
$.ajax({
method: "post",
url: `http://${ajaxUrl}/ma-ml/archi-list`,
data: JSON.stringify({
metaModelId: urlParams['id']
}),
contentType: "application/json",
success: function(result) {
result.data.reverse();
result.data.forEach(function(item) {
if(item.eleDtos) {
if(item.eleDtos.length > 0) {
const libraryName = item.arciBelongName;
let images = [];
item.eleDtos.forEach(function(item2) {
if(item2.icon) {
if(item2.icon.includes('data')) {
images.unshift({
aspect: "fixed",
data: setIcon(item2.icon, item2.dicys, item2.color).icon,
h: setIcon(item2.icon, item2.dicys, item2.color).height,
title: item2.eleName,
w: setIcon(item2.icon, item2.dicys, item2.color).width
})
}
}
})
var xml = that.createLibraryDataFromImages(images);
var file = new LocalLibrary(that, xml, libraryName);
that.libraryLoaded(file, images, null, false);
const leftGraph = JSON.parse(localStorage.getItem('leftGraph'));
leftGraph.forEach(function(item) {
if(item.eleDtos) {
if(item.eleDtos.length > 0) {
const libraryName = item.arciBelongName;
let images = [];
item.eleDtos.forEach(function(item2) {
if(item2.icon) {
if(item2.icon.includes('data')) {
images.unshift({
aspect: "fixed",
data: setIcon(item2.icon, item2.dicys, item2.color).icon,
h: setIcon(item2.icon, item2.dicys, item2.color).height,
title: item2.eleName,
w: setIcon(item2.icon, item2.dicys, item2.color).width
})
}
}
})
var xml = that.createLibraryDataFromImages(images);
var file = new LocalLibrary(that, xml, libraryName);
that.libraryLoaded(file, images, null, false);
// that.saveLibrary(libraryName, images, null, 'ajax', undefined, undefined, undefined);
}else {
const libraryName2 = item.arciBelongName;
var xml = that.createLibraryDataFromImages([]);
var file = new LocalLibrary(that, xml, libraryName2);
that.libraryLoaded(file, []);
// that.saveLibrary(libraryName, images, null, 'ajax', undefined, undefined, undefined);
}else {
const libraryName2 = item.arciBelongName;
var xml = that.createLibraryDataFromImages([]);
var file = new LocalLibrary(that, xml, libraryName2);
that.libraryLoaded(file, []);
// that.saveLibrary(libraryName2, [], null, 'ajax', undefined, undefined, undefined);
}
}
})
// const icons = result.data[1].eleDtos[2].icon;
// const item_icon = icons.split("base64,")[1];
// const decode_item_icon = (window.atob) ? atob(item_icon) : Base64.decode(item_icon);//svg解码，为字符串
// const svgDocument = new DOMParser().parseFromString(decode_item_icon, 'text/xml');//svg字符串转标签
// console.log(svgDocument)
},
error: function(error) {
// that.saveLibrary(libraryName2, [], null, 'ajax', undefined, undefined, undefined);
}
}
});
})
// const icons = leftGraph[1].eleDtos[2].icon;
// const item_icon = icons.split("base64,")[1];
// const decode_item_icon = (window.atob) ? atob(item_icon) : Base64.decode(item_icon);//svg解码，为字符串
// const svgDocument = new DOMParser().parseFromString(decode_item_icon, 'text/xml');//svg字符串转标签
// console.log(svgDocument)
}
//二次开发，创建时不必先保存文件至本地，定义Dialogs.js文件里面的createTemporaryFile函数
......@@ -163,7 +150,7 @@ const setGraphOnlyView = function(graph) {
graph.getCursorForCell = function(cell){//预览时鼠标悬浮到节点时，改变鼠标样式
if (cell != null && cell.value != null && cell.vertex ==1 )
{
return 'pointer';
return 'pointer';
}
};
}
\ No newline at end of file
src/api/index.js
......@@ -4,7 +4,9 @@ import { get, post, download } from '@/utils/http';
export function query_jia_gou_yuan_su_guan_xi_table(params) {//查询架构元素管理表格
return post('/network/ele/', params);
}
export function getDrawioLeftGraph(params) {//查询画布左侧自定义图形
return post('/network/ma-ml/archi-list', params);
}
// 导入列表
export function offlineQuery(params) {
return post(`/network/anasz-smart-screen/offlineQuery/`, params);
......
src/views/archi-ele-list/index.vue
......@@ -105,7 +105,7 @@
</el-form-item>
<el-form-item label="架构层次:" prop="let2">
<el-select placeholder="请选择" v-model="ruleForm.let2">
<el-select clearable placeholder="请选择" v-model="ruleForm.let2">
<el-option v-for="item in dialog_select1" :key="item.levelId" :label="item.name" :value="item.levelId"></el-option>
<el-input placeholder="请输入内容" v-model="add_select_item">
<div slot="append" @click="add_select1">
......@@ -116,7 +116,7 @@
</el-form-item>
<el-form-item label="架构归属:" prop="let3">
<el-select placeholder="请选择" v-model="ruleForm.let3">
<el-select clearable placeholder="请选择" v-model="ruleForm.let3">
<el-option v-for="item in search_select1" :key="item.belongId" :label="item.name" :value="item.belongId"></el-option>
<el-input placeholder="请输入内容" v-model="add_select_item2">
<div slot="append" @click="add_select2">
......
src/views/archi-view-manage/index.vue
......@@ -134,7 +134,8 @@ import {
getArchiViewManageDetail,
addArchiViewManage,
deleteArchiViewManage,
queryArchiViewManageCardDetails
queryArchiViewManageCardDetails,
getDrawioLeftGraph
} from '@/api/index.js';
import { MessageBox, Message } from 'element-ui';
import $ from 'jquery';
......@@ -196,6 +197,15 @@ export default {
this.getData();
},
methods: {
queryDrawioGraph(id) {//查询画布左侧图形
const params = {
metaModelId: id
}
getDrawioLeftGraph(params).then(res => {
res.data.reverse();
localStorage.setItem('leftGraph', JSON.stringify(res.data));
})
},
to_current_details(item) {//跳转到详情
const params = {
viewDetailsId: item.viewDetailsId
......@@ -208,6 +218,7 @@ export default {
localStorage.setItem('xmlData', xmlData);
localStorage.setItem('xmlTitle', xmlTitle);
this.queryDrawioGraph(id);
this.$router.push( `/main/archiViewManageDetails/id=${id}`, () => {}, () => {} );
}
});
......
src/views/meta-model-list/index.vue
......@@ -104,7 +104,8 @@ import {
add_yuan_mo_xing,
get_yuan_mo_xing_list,
delete_yuan_mo_xing_list,
query_yuan_mo_xing_details
query_yuan_mo_xing_details,
getDrawioLeftGraph
} from '@/api/index.js';
import { MessageBox, Message } from 'element-ui';
import $ from 'jquery';
......@@ -294,10 +295,20 @@ export default {
const xmlTitle = res.data.verName;
localStorage.setItem('xmlData', xmlData);
localStorage.setItem('xmlTitle', xmlTitle);
this.queryDrawioGraph(item.metaModelId);
this.$router.push( `/main/metaModelListDetails/id=${item.metaModelId}&version=${item.version}`, () => {}, () => {} );
}
});
},
queryDrawioGraph(id) {//查询画布左侧图形
const params = {
metaModelId: id
}
getDrawioLeftGraph(params).then(res => {
res.data.reverse();
localStorage.setItem('leftGraph', JSON.stringify(res.data));
})
},
handleCommand(command) {//新建按钮点击
if(command == '自由绘图') {
this.add_dialog = true;
......
src/views/report-template-fabric/index.vue
......@@ -9,7 +9,10 @@
</div>
<div class="search_menu_item">
<span class="search_title">模板类型</span>
<el-input maxlength="100" v-model="searchParams.tempType" placeholder="请输入内容" class="search_item"></el-input>
<el-select clearable v-model="searchParams.tempType" placeholder="请选择" style="width: 210px;">
<el-option label="需求模版" :value="1"></el-option>
<el-option label="概设模版" :value="2"></el-option>
</el-select>
<!-- <el-select v-model="searchParams.tempType" placeholder="请选择" class="search_item">
<el-option v-for="item in moBanLeiXing" :key="item.value" :label="item.tempName" :value="item.value"></el-option>
</el-select> -->
......@@ -19,6 +22,7 @@
<el-date-picker
v-model="searchParams.createTime"
type="daterange"
clearable
value-format="yyyy-MM-dd"
range-separator="至"
:unlink-panels="true"
......@@ -57,7 +61,9 @@
<el-table-column prop="version" label="版本" align="center"></el-table-column>
<el-table-column label="附件" align="center">
<template slot-scope="scope">
<el-button v-if="scope.row.fileName" @click="exportFile()" type="text" style="text-decoration: underline;color: #0D867F;">{{ scope.row.fileName }}</el-button>
<el-tooltip v-if="scope.row.fileName" :content="scope.row.fileName" placement="top" effect="light">
<el-button @click="exportFile(scope.row)" type="text" style="text-decoration: underline;color: #0D867F;">{{ scope.row.fileName }}</el-button>
</el-tooltip>
</template>
</el-table-column>
<el-table-column prop="tempRemark" width="200" :show-overflow-tooltip="true" label="备注" align="center"></el-table-column>
......@@ -100,7 +106,10 @@
<el-input maxlength="100" v-model="ruleForm.let1"></el-input>
</el-form-item>
<el-form-item label="模版类型:" prop="let2">
<el-input maxlength="100" v-model="ruleForm.let2"></el-input>
<el-select clearable v-model="ruleForm.let2" placeholder="请选择" style="width: 210px;">
<el-option label="需求模版" :value="1"></el-option>
<el-option label="概设模版" :value="2"></el-option>
</el-select>
</el-form-item>
<el-form-item label="模版文件:" prop="let3" style="width: 100%;">
<!-- <input @change="fileUpload" type="file" /> -->
......@@ -162,7 +171,7 @@ export default {
{ required: true, message: '请输入模版名称', trigger: 'blur' },
],
let2: [
{ required: true, message: '请输入模版类型', trigger: 'blur' },
{ required: true, message: '请选择模版类型', trigger: 'change' },
],
let3: [
{
......@@ -213,8 +222,8 @@ export default {
},
methods: {
exportFile() {//附件下载
exportFile(row) {//附件下载
window.open(row.fileUrl);
},
editItem(row) {//编辑
this.is_add_edit = 'edit';
......@@ -279,7 +288,7 @@ export default {
tempType: this.ruleForm.let2,
fileId: this.ruleForm.let3,
fileName: this.ruleForm.let5,
fileLink: this.ruleForm.let6,
fileUrl: this.ruleForm.let6,
tempRemark: this.ruleForm.let4,
};
const requestParams = this.is_add_edit == 'add' ? params : { ...params, krtId: this.editId };
......
src/views/report-template-relative-use/index.vue
......@@ -17,7 +17,9 @@
</div>
<div class="search_menu_item">
<span class="search_title">模版名称</span>
<el-input maxlength="100" v-model="searchParams.tempName" placeholder="请输入内容" class="search_item"></el-input>
<el-select clearable v-model="searchParams.tempName" placeholder="请选择" style="width: 210px;">
<el-option v-for="item in moBanMingCheng" :key="item.krtId" :label="item.tempName" :value="item.krtId"></el-option>
</el-select>
</div>
</div>
<div class="search_menu_btn_container">
......@@ -120,7 +122,7 @@
<el-input maxlength="100" v-model="ruleForm.let3"></el-input>
</el-form-item>
<el-form-item label="模板名称:" prop="let4">
<el-select v-model="ruleForm.let4" placeholder="请选择" style="width: 210px;">
<el-select clearable v-model="ruleForm.let4" placeholder="请选择" style="width: 210px;">
<el-option v-for="item in moBanMingCheng" :key="item.krtId" :label="item.tempName" :value="item.krtId"></el-option>
</el-select>
</el-form-item>
......
src/views/tech-politics-fabric/index.vue
......@@ -12,6 +12,7 @@
<el-date-picker
v-model="searchParams.startTime"
type="daterange"
clearable
:unlink-panels="true"
value-format="yyyy-MM-dd"
range-separator="至"
......@@ -21,7 +22,7 @@
</div>
<div class="search_menu_item">
<span class="search_title">状态</span>
<el-select v-model="searchParams.state" placeholder="请选择" class="search_item">
<el-select clearable v-model="searchParams.state" placeholder="请选择" class="search_item">
<el-option label="已启用" value="1"></el-option>
<el-option label="已停用" value="0"></el-option>
</el-select>
......@@ -115,7 +116,7 @@
<el-input v-model="ruleForm.let1" maxlength="100"></el-input>
</el-form-item>
<el-form-item label="适用范围:" prop="let2">
<el-select v-model="ruleForm.let2" placeholder="请选择">
<el-select clearable v-model="ruleForm.let2" placeholder="请选择">
<el-option v-for="item in shiYongFanWei" :key="item.value" :label="item.label" :value="item.value"></el-option>
</el-select>
</el-form-item>
......@@ -123,20 +124,21 @@
<el-input v-model="ruleForm.let3" maxlength="100"></el-input>
</el-form-item>
<el-form-item label="级别:" prop="let4" style="margin-left: 27px;width: 30.5%;">
<el-select v-model="ruleForm.let4" placeholder="请选择" style="width: 200px;">
<el-select clearable v-model="ruleForm.let4" placeholder="请选择" style="width: 200px;">
<el-option v-for="item in jiBie" :key="item.value" :label="item.label" :value="item.value"></el-option>
</el-select>
</el-form-item>
<el-form-item label="启用时间:" prop="let5">
<el-date-picker
v-model="ruleForm.let5"
clearable
type="date"
value-format="yyyy-MM-dd"
placeholder="选择日期">
</el-date-picker>
</el-form-item>
<el-form-item label="状态:" prop="let6" style="margin-left: 27px;width: 30.5%;">
<el-select v-model="ruleForm.let6" placeholder="请选择" style="width: 200px;">
<el-select clearable v-model="ruleForm.let6" placeholder="请选择" style="width: 200px;">
<el-option label="已启用" :value="1"></el-option>
<el-option label="已停用" :value="0"></el-option>
</el-select>
......
Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!