Skip to content

liangzhen / framework-tools-web

Go to a project
Commit 031ff118 by liuyong
Options

修改bug

1 parent 8bc9010e
Inline Side-by-side
Showing with 700 additions and 530 deletions
public/drawio/extention/js/exApp.js
...@@ -54,7 +54,7 @@ const initDrawioGraph = function(that) {//一进入画布显示的图形 ...@@ -54,7 +54,7 @@ const initDrawioGraph = function(that) {//一进入画布显示的图形
var parser = new DOMParser(); var parser = new DOMParser();
var xmlDoc = parser.parseFromString(composedXMLData, "text/xml"); var xmlDoc = parser.parseFromString(composedXMLData, "text/xml");
const mxGraphModel = xmlDoc.getElementsByTagName('diagram')[0].innerHTML; const mxGraphModel = xmlDoc.getElementsByTagName('diagram')[0].innerHTML;
console.log(mxGraphModel)
var graph = that.editor.graph; var graph = that.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格式
var svgToString = new XMLSerializer().serializeToString(svgImage); var svgToString = new XMLSerializer().serializeToString(svgImage);
...@@ -123,10 +123,10 @@ const setIcon = function (itemIcon, dicys, color) { ...@@ -123,10 +123,10 @@ const setIcon = function (itemIcon, dicys, color) {
} }
// const svg = '<svg xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" style="left: 1px; top: 1px; width: 32px; height: 30px; display: block; position: relative; overflow: hidden; pointer-events: none;"><g style="pointer-events: none;"><g style="pointer-events: none;"></g><g style="pointer-events: none;"><g transform="translate(0.5,0.5)" style="visibility: visible; pointer-events: none;"><path d="M 2.48 27.98 L 28.99 1.48" fill="none" stroke="white" stroke-width="9.3" stroke-miterlimit="10" visibility="hidden" style="pointer-events: none;"></path><path d="M 2.48 27.98 L 28.99 1.48" fill="none" stroke="rgb(0, 0, 0)" stroke-width="1.3" stroke-miterlimit="10" stroke-dasharray="1.59 1.59" style="pointer-events: none;"></path></g></g><g style="pointer-events: none;"></g><g style="pointer-events: none;"></g></g></svg>'; // const svg = '<svg xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" style="left: 1px; top: 1px; width: 32px; height: 30px; display: block; position: relative; overflow: hidden; pointer-events: none;"><g style="pointer-events: none;"><g style="pointer-events: none;"></g><g style="pointer-events: none;"><g transform="translate(0.5,0.5)" style="visibility: visible; pointer-events: none;"><path d="M 2.48 27.98 L 28.99 1.48" fill="none" stroke="white" stroke-width="9.3" stroke-miterlimit="10" visibility="hidden" style="pointer-events: none;"></path><path d="M 2.48 27.98 L 28.99 1.48" fill="none" stroke="rgb(0, 0, 0)" stroke-width="1.3" stroke-miterlimit="10" stroke-dasharray="1.59 1.59" style="pointer-events: none;"></path></g></g><g style="pointer-events: none;"></g><g style="pointer-events: none;"></g></g></svg>';
const svg = '<svg xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" style="left: 1px; top: 1px; width: 32px; height: 30px; display: block; position: relative; overflow: hidden; pointer-events: none;"><g style="pointer-events: none;"><g style="pointer-events: none;"></g><g style="pointer-events: none;"><g transform="translate(0.5,0.5)" style="visibility: visible; pointer-events: none;"><path d="M 2.74 27.74 L 28.74 1.74" fill="none" stroke="white" stroke-width="9.3" stroke-miterlimit="10" visibility="hidden" style="pointer-events: none;"></path><path d="M 2.74 27.74 L 28.74 1.74" fill="none" stroke="rgb(0, 0, 0)" stroke-width="1.3" stroke-miterlimit="10" stroke-dasharray="1.04 3.12" style="pointer-events: none;"></path></g></g><g style="pointer-events: none;"></g><g style="pointer-events: none;"></g></g></svg>'; const svg = '<svg xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" style="left: 1px; top: 1px; width: 32px; height: 30px; display: block; position: relative; overflow: hidden; pointer-events: none;"><g style="pointer-events: none;"><g style="pointer-events: none;"></g><g style="pointer-events: none;"><g transform="translate(0.5,0.5)" style="visibility: visible; pointer-events: none;"><rect x="1" y="3" width="30" height="24" fill="none" stroke="white" visibility="hidden" stroke-width="9" style="pointer-events: none;"></rect><rect x="1" y="3" width="30" height="24" fill="none" stroke="none" style="pointer-events: none;"></rect></g><g style="pointer-events: none;"><g transform="scale(0.3)" style="pointer-events: none;"><foreignObject width="334%" height="334%" style="overflow: visible; text-align: left; pointer-events: none;"><div style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 98px; height: 1px; padding-top: 50px; margin-left: 5px; pointer-events: none;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 76px; overflow: hidden; pointer-events: none;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;"><ul style="pointer-events: none;"><li style="pointer-events: none;">Value 1</li><li style="pointer-events: none;">Value 2</li><li style="pointer-events: none;">Value 3</li></ul></div></div></div></foreignObject></g></g></g><g style="pointer-events: none;"></g><g style="pointer-events: none;"></g></g></svg>';
const encode_item_icon = window.btoa(svg);//base64编码 const encode_item_icon = window.btoa(svg);//base64编码
let svgImage= 'data:image/svg+xml;base64,'+ encode_item_icon; let svgImage= 'data:image/svg+xml;base64,'+ encode_item_icon;
console.log(svgImage)
const images_ = [ const images_ = [
{ {
aspect: "fixed", aspect: "fixed",
...@@ -195,33 +195,33 @@ const leftCustomGraph = function(that) {//左侧自定义图形 ...@@ -195,33 +195,33 @@ const leftCustomGraph = function(that) {//左侧自定义图形
const joinGraph_ = JSON.parse(localStorage.getItem('joinGraph')); const joinGraph_ = JSON.parse(localStorage.getItem('joinGraph'));
const joinGraph = joinGraph_.graph; const joinGraph = joinGraph_.graph;
if(joinGraph_.state == 1) { if(joinGraph_.state == 1) {
// joinGraph.pop(); joinGraph.pop();
// joinGraph.forEach(function(item) { joinGraph.forEach(function(item) {
// if(item.eleDtos) { if(item.eleDtos) {
// if(item.eleDtos.length > 0) { if(item.eleDtos.length > 0) {
// const libraryName = item.arciBelongName; const libraryName = item.arciBelongName;
// let images = []; let images = [];
// item.eleDtos.forEach(function(item2) { item.eleDtos.forEach(function(item2) {
// images.unshift({ images.unshift({
// aspect: "fixed", aspect: "fixed",
// xml: item2.iconName, xml: item2.iconName,
// h: 41, h: 41,
// title: item2.eleName, title: item2.eleName,
// w: 71 w: 71
// }) })
// }) })
// var xml = that.createLibraryDataFromImages(images); var xml = that.createLibraryDataFromImages(images);
// var file = new LocalLibrary(that, xml, libraryName); var file = new LocalLibrary(that, xml, libraryName);
// that.libraryLoaded(file, images, null, false); that.libraryLoaded(file, images, null, false);
// }else { }else {
// } }
// } }
// }) })
}else { }else {
// joinGraph.forEach(item => { // joinGraph.forEach(item => {
// item.subList.forEach(item2 => { // item.eleDtos.forEach(item2 => {
// if(item2.eleType == '1') { // if(item2.eleType == '1') {
// console.log(item2) // console.log(item2)
// } // }
......
public/drawio/extention/js/exFormat.js
//二次开发，自定义属性面板 //二次开发，自定义属性面板
const initAttributePanel = function(that) { const initAttributePanel = function(that) {
var graph = that.editorUi.editor.graph; var graph = that.editorUi.editor.graph;
const cell = graph.getSelectionCell(); const cell = graph.getSelectionCell();
// graph.getModel().setValue(cell, '测试');
// cell.setValue('测试');
// let currentNode = graph.getModel().getValue(cell);
// console.log(cell.style)
// console.log(currentNode)
// console.log(cell)
// const str_AES_decode = str => { // const str_AES_decode = str => {
// const str2 = CryptoJS.AES.decrypt(str, 'secretkey'); // const str2 = CryptoJS.AES.decrypt(str, 'secretkey');
// return str2.toString(CryptoJS.enc.Utf8); // return str2.toString(CryptoJS.enc.Utf8);
......
public/drawio/extention/js/exGraph.js
...@@ -46,14 +46,14 @@ ...@@ -46,14 +46,14 @@
if(joinGraph_.state == 2) { if(joinGraph_.state == 2) {
const joinGraph = joinGraph_.graph; const joinGraph = joinGraph_.graph;
this.sidebarTitles = true;//勾选标签 this.sidebarTitles = true;//勾选标签
console.log(joinGraph) // console.log(joinGraph)
joinGraph.forEach(item => { joinGraph.forEach(item => {
if(item.arciBelongName == '架构元素关系') { if(item.arciBelongName == '架构元素关系') {
let fns = []; let fns = [];
item.eleDtos.forEach(item2 => { item.eleDtos.forEach(item2 => {
fns.push( fns.push(
this.createEdgeTemplateEntry( this.createEdgeTemplateEntry(
item2.iconName + 'attr=[]', item2.iconName + 'attr=[];assetName=[' + item2.rsName + '];',
item2.shapeWidth ? item2.shapeWidth : 150, item2.shapeWidth ? item2.shapeWidth : 150,
item2.shapeHeight ? item2.shapeHeight : 75, item2.shapeHeight ? item2.shapeHeight : 75,
'', '',
...@@ -86,7 +86,7 @@ ...@@ -86,7 +86,7 @@
// console.log(item3.fieldsValue) // console.log(item3.fieldsValue)
fns.push( fns.push(
this.createVertexTemplateEntry( this.createVertexTemplateEntry(
item2.iconName + ';fillColor=' + item2.color + ';' + 'attr=' + JSON.stringify(attr_) + ';assetId=' + item3.assetId + ';archiBelongId=' + item3.archiBelongId + ';', item2.iconName + ';fillColor=' + item2.color + ';' + 'attr=' + JSON.stringify(attr_) + ';assetId=' + item3.assetId + ';archiBelongId=' + item3.archiBelongId + ';assetName=[' + item3.assetName + '];',
item2.shapeWidth ? item2.shapeWidth : 150, item2.shapeWidth ? item2.shapeWidth : 150,
item2.shapeHeight ? item2.shapeHeight : 75, item2.shapeHeight ? item2.shapeHeight : 75,
null, null,
......
public/drawio/js/grapheditor/Sidebar.js
...@@ -2348,6 +2348,10 @@ Sidebar.prototype.createItem = function(cells, title, showLabel, showTitle, widt ...@@ -2348,6 +2348,10 @@ Sidebar.prototype.createItem = function(cells, title, showLabel, showTitle, widt
{ {
var originalCells = cells; var originalCells = cells;
cells = this.graph.cloneCells(cells); cells = this.graph.cloneCells(cells);
// cells[0].value = '测试';
// console.log(cells[0].value)
this.editorUi.insertHandler(originalCells, null, this.graph.model, this.editorUi.insertHandler(originalCells, null, this.graph.model,
this.editorUi.editor.graph.defaultVertexStyle, this.editorUi.editor.graph.defaultVertexStyle,
this.editorUi.editor.graph.defaultEdgeStyle, this.editorUi.editor.graph.defaultEdgeStyle,
...@@ -3767,6 +3771,12 @@ Sidebar.prototype.addClickHandler = function(elt, ds, cells, clickFn) ...@@ -3767,6 +3771,12 @@ Sidebar.prototype.addClickHandler = function(elt, ds, cells, clickFn)
ds.mouseDown =function(evt) ds.mouseDown =function(evt)
{ {
if(cells[0].style.includes("assetName")) {//二次开发，左侧点击图形时候给图形设置名称
const assetNameList = cells[0].style.match(/assetName=\[[^\]]*\]/);
const assetName = assetNameList[0].split("assetName=[")[1].split("]")[0];
// console.log(assetName);
cells[0].value = assetName;
}
oldMouseDown.apply(this, arguments); oldMouseDown.apply(this, arguments);
first = new mxPoint(mxEvent.getClientX(evt), mxEvent.getClientY(evt)); first = new mxPoint(mxEvent.getClientX(evt), mxEvent.getClientY(evt));
op = elt.style.opacity; op = elt.style.opacity;
......
src/api/index.js
...@@ -377,19 +377,19 @@ export function getComCenterServeDetail(params) { ...@@ -377,19 +377,19 @@ export function getComCenterServeDetail(params) {
} }
// 资产架构，表格 // 资产架构，表格
export function getZiChanJiaGouTable(params) { export function getZiChanJiaGouTable(params) {
return post('/network/arc-ast-cn/', params); return post('/network/arc-ast-info/', params);
} }
// 资产架构编辑 // 资产架构编辑
export function editZiChanJiaGouTable(params) { export function editZiChanJiaGouTable(params) {
return post('/network/arc-ast-cn/upd', params); return post('/network/arc-ast-info/upd', params);
} }
// 资产架构，删除，批量删除 // 资产架构，删除，批量删除
export function deleteMoreZiChanJiaGouTable(params) { export function deleteMoreZiChanJiaGouTable(params) {
return post('/network/arc-ast-cn/delBatch', params); return post('/network/arc-ast-info/delBatch', params);
} }
// 资产架构，新增 // 资产架构，新增
export function addMoreZiChanJiaGouTable(params) { export function addMoreZiChanJiaGouTable(params) {
return post('/network/arc-ast-cn/ad', params); return post('/network/arc-ast-info/ad', params);
} }
// 资产架构，上级节点 // 资产架构，上级节点
export function queryZiChanJiaGouShangJiJieDian(params) { export function queryZiChanJiaGouShangJiJieDian(params) {
...@@ -413,7 +413,7 @@ export function importZhiChanJiaGou(params) { ...@@ -413,7 +413,7 @@ export function importZhiChanJiaGou(params) {
} }
// 资产架构，关联资产 // 资产架构，关联资产
export function queryGuanLianZiChanSelect(params) { export function queryGuanLianZiChanSelect(params) {
return post('/network/arc-ast-cn/assetList', params); return post('/network/arc-ast-info/assetList', params);
} }
// 日志管理，列表 // 日志管理，列表
export function queryLogManageTable(params) { export function queryLogManageTable(params) {
...@@ -572,3 +572,11 @@ export function systemArchiSaveFactor(params) { ...@@ -572,3 +572,11 @@ export function systemArchiSaveFactor(params) {
export function getGaiSheJiaGouZunCongJiaChaTable(params) { export function getGaiSheJiaGouZunCongJiaChaTable(params) {
return post('/network/app-archi-control-requirements/', params); return post('/network/app-archi-control-requirements/', params);
} }
// 概设架构遵从检查, 右侧图片
export function getReviewArchiFollowCheckRightGraph(params) {
return post('/network/app-archi-control-requirements/qView', params);
}
// 概设架构遵从检查, 保存
export function saveReviewArchiFollowCheckRightSuggestion(params) {
return post('/network/app-archi-control-requirements/cComment', params);
}
src/views/archi-asset-manage/index.vue
...@@ -429,7 +429,7 @@ ...@@ -429,7 +429,7 @@
}, },
zuJianLeiXingSelect: [], zuJianLeiXingSelect: [],
archiBelongId: null, archiBelongId: null,
assetConstant: null, archiType: null,
treeDefaultExpand: [], treeDefaultExpand: [],
currentNodekey: null, currentNodekey: null,
editId: null, editId: null,
...@@ -488,7 +488,7 @@ ...@@ -488,7 +488,7 @@
}); });
this.treeData[0].subList = res.data; this.treeData[0].subList = res.data;
this.archiBelongId = res.data[0].viewId; this.archiBelongId = res.data[0].viewId;
this.assetConstant = res.data[0].archiType; this.archiType = res.data[0].archiType;
this.get_table(); this.get_table();
}else { }else {
Message({ Message({
...@@ -505,7 +505,7 @@ ...@@ -505,7 +505,7 @@
"assetName": this.searchParams.let1, "assetName": this.searchParams.let1,
"createMan": this.searchParams.let3, "createMan": this.searchParams.let3,
"archiEleId": this.searchParams.let2, "archiEleId": this.searchParams.let2,
"assetConstant": this.assetConstant, "archiType": this.archiType,
// "archiAssetTypeId": this.archiAssetTypeId, // "archiAssetTypeId": this.archiAssetTypeId,
"current": this.pager.current, "current": this.pager.current,
"pageSize": this.pager.size, "pageSize": this.pager.size,
...@@ -530,7 +530,7 @@ ...@@ -530,7 +530,7 @@
}, },
treeClick(data) {//左侧树点击 treeClick(data) {//左侧树点击
this.archiBelongId = data.viewId; this.archiBelongId = data.viewId;
this.assetConstant = data.archiType; this.archiType = data.archiType;
this.get_table(); this.get_table();
}, },
queryZuJianLeiXingSelect(data) {//组件类型搜索 queryZuJianLeiXingSelect(data) {//组件类型搜索
...@@ -713,6 +713,7 @@ ...@@ -713,6 +713,7 @@
}); });
}, },
editItem(row) {//编辑 editItem(row) {//编辑
this.getZuJianLeiXingSelect(null);
this.add_dialog3 = true; this.add_dialog3 = true;
this.is_add_edit = 'edit'; this.is_add_edit = 'edit';
this.ruleForm.let1 = row.assetName; this.ruleForm.let1 = row.assetName;
...@@ -748,7 +749,7 @@ ...@@ -748,7 +749,7 @@
assetId: [row.assetId], assetId: [row.assetId],
state: row.state, state: row.state,
delFlag: 1, delFlag: 1,
assetConstant: this.assetConstant, archiType: this.archiType,
} }
deleteSystemTable(params).then(res => { deleteSystemTable(params).then(res => {
if(res.code == 200) { if(res.code == 200) {
...@@ -799,7 +800,7 @@ ...@@ -799,7 +800,7 @@
this.elementTree.forEach(item => { this.elementTree.forEach(item => {
if(item.checkedCities.length > 0) { if(item.checkedCities.length > 0) {
extend.push({ extend.push({
assetConstant: item.archiType, archiType: item.archiType,
assetIdList: item.checkedCities assetIdList: item.checkedCities
}) })
} }
...@@ -847,7 +848,7 @@ ...@@ -847,7 +848,7 @@
archiAssetState: this.searchParams.archiAssetState, archiAssetState: this.searchParams.archiAssetState,
archiStage: this.searchParams.archiStage, archiStage: this.searchParams.archiStage,
archiBelongId: this.archiBelongId, archiBelongId: this.archiBelongId,
assetConstant: this.assetConstant, archiType: this.archiType,
// archiAssetTypeId: this.archiAssetTypeId, // archiAssetTypeId: this.archiAssetTypeId,
archiEleId: this.ruleForm.let4, archiEleId: this.ruleForm.let4,
assetName: this.ruleForm.let1, assetName: this.ruleForm.let1,
...@@ -864,6 +865,7 @@ ...@@ -864,6 +865,7 @@
appCode: this.showSelectTitle.appCode, appCode: this.showSelectTitle.appCode,
appName: this.showSelectTitle.appName, appName: this.showSelectTitle.appName,
isExtend: 0, isExtend: 0,
state: 2
} }
if(this.is_add_edit == 'add') { if(this.is_add_edit == 'add') {
addSystemTable(params).then(res => { addSystemTable(params).then(res => {
...@@ -914,7 +916,7 @@ ...@@ -914,7 +916,7 @@
const params = { const params = {
assetId: row.assetId, assetId: row.assetId,
state: 0, state: 0,
assetConstant: this.assetConstant, archiType: this.archiType,
} }
editSystemTable(params).then(res => { editSystemTable(params).then(res => {
if(res.code == 200) { if(res.code == 200) {
...@@ -948,7 +950,7 @@ ...@@ -948,7 +950,7 @@
const params = { const params = {
assetId: row.assetId, assetId: row.assetId,
state: 1, state: 1,
assetConstant: this.assetConstant, archiType: this.archiType,
} }
editSystemTable(params).then(res => { editSystemTable(params).then(res => {
if(res.code == 200) { if(res.code == 200) {
...@@ -1096,7 +1098,7 @@ ...@@ -1096,7 +1098,7 @@
}); });
const params = { const params = {
assetId: assetIdArray, assetId: assetIdArray,
assetConstant: this.assetConstant, archiType: this.archiType,
// archiAssetTypeId: this.archiAssetTypeId, // archiAssetTypeId: this.archiAssetTypeId,
}; };
MessageBox.confirm('确定删除?', '提示', { MessageBox.confirm('确定删除?', '提示', {
......
src/views/archi-view-manage/index.vue
...@@ -198,7 +198,7 @@ export default { ...@@ -198,7 +198,7 @@ export default {
}, },
addStatus: null, addStatus: null,
graphGroup: null, graphGroup: null,
assetConstant: null, archiType: null,
}; };
}, },
mounted(){ mounted(){
...@@ -441,7 +441,7 @@ export default { ...@@ -441,7 +441,7 @@ export default {
localStorage.setItem('commonGraph', JSON.stringify({ show: true, graph: res2[0].dataEle })); localStorage.setItem('commonGraph', JSON.stringify({ show: true, graph: res2[0].dataEle }));
localStorage.setItem('standardGraph', JSON.stringify({ show: true, graph: res2[1].dataEle })); localStorage.setItem('standardGraph', JSON.stringify({ show: true, graph: res2[1].dataEle }));
localStorage.setItem('joinGraph', JSON.stringify({ state: 2, graph: res2[2].dataEle })); localStorage.setItem('joinGraph', JSON.stringify({ state: 2, graph: res2[2].dataEle }));
this.$router.push( `/main/archiViewManageDetails?id=${id}&info=${this.graphGroup}&viewId=${this.viewId}&assetConstant=${this.assetConstant}`, () => {}, () => {} ); this.$router.push( `/main/archiViewManageDetails?id=${id}&info=${this.graphGroup}&viewId=${this.viewId}&assetConstant=${this.archiType}`, () => {}, () => {} );
}); });
} }
}); });
...@@ -454,7 +454,7 @@ export default { ...@@ -454,7 +454,7 @@ export default {
delFlag: 0, delFlag: 0,
state: 1, state: 1,
archiBelongId: this.graphGroup, archiBelongId: this.graphGroup,
assetConstant: this.assetConstant, archiType: this.archiType,
archiViewId: this.viewId archiViewId: this.viewId
} }
queryArchiGraph(params).then(res => { queryArchiGraph(params).then(res => {
...@@ -473,7 +473,7 @@ export default { ...@@ -473,7 +473,7 @@ export default {
treeClick(data, node, e) {//树点击的时候 treeClick(data, node, e) {//树点击的时候
if(!data.subList) { if(!data.subList) {
this.graphGroup = node.parent.data.viewId; this.graphGroup = node.parent.data.viewId;
this.assetConstant = node.parent.data.archiType; this.archiType = node.parent.data.archiType;
this.viewId = data.viewId; this.viewId = data.viewId;
this.pager1.current = 1; this.pager1.current = 1;
this.pager2.current = 1; this.pager2.current = 1;
...@@ -498,7 +498,7 @@ export default { ...@@ -498,7 +498,7 @@ export default {
getArchiViewManage(params).then(res => { getArchiViewManage(params).then(res => {
if(res.code == 200) { if(res.code == 200) {
this.graphGroup = res.data[0].viewId; this.graphGroup = res.data[0].viewId;
this.assetConstant = res.data[0].archiType; this.archiType = res.data[0].archiType;
this.treeData[0].subList = res.data; this.treeData[0].subList = res.data;
this.treeDefaultExpand = [res.data[0].viewId]; this.treeDefaultExpand = [res.data[0].viewId];
this.currentNodekey = res.data[0].subList[0].viewId; this.currentNodekey = res.data[0].subList[0].viewId;
......
src/views/busi-assets-list/index.vue
...@@ -82,9 +82,10 @@ ...@@ -82,9 +82,10 @@
</el-table-column> </el-table-column>
<el-table-column prop="createTime" label="创建时间" align="center"></el-table-column> <el-table-column prop="createTime" label="创建时间" align="center"></el-table-column>
<el-table-column prop="createMan" label="创建人" align="center"></el-table-column> <el-table-column prop="createMan" label="创建人" align="center"></el-table-column>
<el-table-column label="操作" width="300" align="center"> <el-table-column label="操作" width="440" 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;">
<el-button icon="el-icon-view" type="primary" size="mini" @click="viewItem(scope.row)">查看</el-button>
<el-button icon="el-icon-edit" type="primary" size="mini" @click="editItem(scope.row)" :disabled="scope.row.state == 1">编辑</el-button> <el-button icon="el-icon-edit" type="primary" size="mini" @click="editItem(scope.row)" :disabled="scope.row.state == 1">编辑</el-button>
<el-button icon="el-icon-upload2" type="primary" size="mini" @click="releaseItem(scope.row)" :disabled="scope.row.state == 1 ">发布</el-button> <el-button icon="el-icon-upload2" type="primary" size="mini" @click="releaseItem(scope.row)" :disabled="scope.row.state == 1 ">发布</el-button>
<el-button class="shanChu_btn" icon="el-icon-delete" size="mini" @click="deleteItem(scope.row)" :disabled="scope.row.state == 1">删除</el-button> <el-button class="shanChu_btn" icon="el-icon-delete" size="mini" @click="deleteItem(scope.row)" :disabled="scope.row.state == 1">删除</el-button>
...@@ -105,7 +106,7 @@ ...@@ -105,7 +106,7 @@
</div> </div>
<el-dialog <el-dialog
:title="is_add_edit == 'add' ? '新建架构' : '编辑架构'" :title="is_add_edit == 'add' ? '新建架构' : is_add_edit == 'edit' ? '编辑架构' : '查看架构'"
:visible.sync="addDialog" :visible.sync="addDialog"
:center="false" :center="false"
:close-on-click-modal="false" :close-on-click-modal="false"
...@@ -113,11 +114,11 @@ ...@@ -113,11 +114,11 @@
<el-form :model="ruleForm" :rules="rules" ref="form" style="height: 500px;overflow-y:auto;"> <el-form :model="ruleForm" :rules="rules" ref="form" style="height: 500px;overflow-y:auto;">
<div class="form_item_container"> <div class="form_item_container">
<el-form-item label="架构组件名称:" prop="let1"> <el-form-item label="架构组件名称:" prop="let1">
<el-input placeholder="请输入内容" v-no-backslash v-model="ruleForm.let1" maxlength="100"></el-input> <el-input placeholder="请输入内容" v-no-backslash v-model="ruleForm.let1" :disabled="is_add_edit == 'view' ? true: false" maxlength="100"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="上级节点:" prop="let2"> <el-form-item label="上级节点:" prop="let2">
<el-select class="treeSelectClass" clearable placeholder="请选择" v-model="ruleForm.let2"> <el-select class="treeSelectClass" clearable :disabled="is_add_edit == 'view' ? true: false" placeholder="请选择" v-model="ruleForm.let2">
<!-- <el-option v-for="item in shangJiJieDianSelect" :key="item.assetId" :label="item.assetName" :value="item.assetId"></el-option> --> <!-- <el-option v-for="item in shangJiJieDianSelect" :key="item.assetId" :label="item.assetName" :value="item.assetId"></el-option> -->
<el-option :value="selectValue" :label="selectLabel"> <el-option :value="selectValue" :label="selectLabel">
...@@ -141,38 +142,38 @@ ...@@ -141,38 +142,38 @@
</el-select> </el-select>
</el-form-item> --> </el-form-item> -->
<el-form-item label="排序:" prop="let4"> <el-form-item label="排序:" prop="let4">
<el-input-number style="width: 200px;" v-model="ruleForm.let4" :min="0"></el-input-number> <el-input-number style="width: 200px;" v-model="ruleForm.let4" :disabled="is_add_edit == 'view' ? true: false" :min="0"></el-input-number>
</el-form-item> </el-form-item>
<el-form-item label="是否首页展示:" prop="let5"> <el-form-item label="是否首页展示:" prop="let5">
<el-radio-group v-model="ruleForm.let5"> <el-radio-group v-model="ruleForm.let5" :disabled="is_add_edit == 'view' ? true: false">
<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="let3"> <el-form-item label="组件类型:" prop="let3">
<el-select @change="zuJianLeiXingSelectChange" filterable remote :remote-method="queryZuJianLeiXingSelect" clearable placeholder="请选择" v-model="ruleForm.let3"> <el-select :disabled="is_add_edit == 'view' ? true: false" @change="zuJianLeiXingSelectChange" filterable remote :remote-method="queryZuJianLeiXingSelect" clearable placeholder="请选择" v-model="ruleForm.let3">
<el-option v-for="item in zuJianLeiXingSelect" :key="item.elementId" :label="item.elementName" :value="item.elementId"></el-option> <el-option v-for="item in zuJianLeiXingSelect" :key="item.elementId" :label="item.elementName" :value="item.elementId"></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item class="dynamicFormClass" v-for="(item, index) in ruleForm.dynamicForm0_" :key="index" :label="item.assetName+':'"> <el-form-item class="dynamicFormClass" v-for="(item, index) in ruleForm.dynamicForm0_" :key="index" :label="item.assetName+':'">
<el-input placeholder="请输入内容" v-no-backslash v-model="item.relaName" maxlength="100"></el-input> <el-input :disabled="is_add_edit == 'view' ? true: false" placeholder="请输入内容" v-no-backslash v-model="item.relaName" maxlength="100"></el-input>
</el-form-item> </el-form-item>
<el-form-item class="dynamicFormClass" v-for="(item, index) in ruleForm.dynamicForm_" :key="index" :label="item.cnName+':'"> <el-form-item class="dynamicFormClass" v-for="(item, index) in ruleForm.dynamicForm_" :key="index" :label="item.cnName+':'">
<template v-if="item.controlType == 0"> <template v-if="item.controlType == 0">
<el-input placeholder="请输入内容" v-no-backslash v-model="item.value_" maxlength="100"></el-input> <el-input :disabled="is_add_edit == 'view' ? true: false" placeholder="请输入内容" v-no-backslash v-model="item.value_" maxlength="100"></el-input>
</template> </template>
<template v-else-if="item.controlType == 1"> <template v-else-if="item.controlType == 1">
<el-input placeholder="请输入内容" v-no-backslash v-model="item.value_" type="textarea" :rows="3" maxlength="200" show-word-limit></el-input> <el-input :disabled="is_add_edit == 'view' ? true: false" placeholder="请输入内容" v-no-backslash v-model="item.value_" type="textarea" :rows="3" maxlength="200" show-word-limit></el-input>
</template> </template>
<template v-else> <template v-else>
<el-select class="selectComponent" v-model="item.value_" clearable> <el-select :disabled="is_add_edit == 'view' ? true: false" class="selectComponent" v-model="item.value_" clearable>
<el-option v-for="item2 in item.dictArray_" :key="item2.id" :label="item2.label" :value="item2.id"></el-option> <el-option v-for="item2 in item.dictArray_" :key="item2.id" :label="item2.label" :value="item2.id"></el-option>
</el-select> </el-select>
</template> </template>
</el-form-item> </el-form-item>
</div> </div>
</el-form> </el-form>
<span slot="footer" class="dialog-footer"> <span slot="footer" class="dialog-footer" v-if="is_add_edit == 'view' ? false: true">
<el-button class="greenButton" @click="saveDialog">确定</el-button> <el-button class="greenButton" @click="saveDialog">确定</el-button>
<el-button @click="cancelDialog">取消</el-button> <el-button @click="cancelDialog">取消</el-button>
</span> </span>
...@@ -271,7 +272,7 @@ ...@@ -271,7 +272,7 @@
{ required: true, message: '请输入架构组件名称', trigger: 'blur' }, { required: true, message: '请输入架构组件名称', trigger: 'blur' },
], ],
let3: [ let3: [
{ required: true, message: '请选择节点类型', trigger: 'change' }, { required: true, message: '请选择组件类型', trigger: 'change' },
], ],
}, },
rules2: { rules2: {
...@@ -315,7 +316,7 @@ ...@@ -315,7 +316,7 @@
editRow: null, editRow: null,
guanLianZiChanSelect: [], guanLianZiChanSelect: [],
archiBelongId: null, archiBelongId: null,
assetConstant: null, archiType: null,
// archiAssetTypeId: null, // archiAssetTypeId: null,
treeSelectData: [], treeSelectData: [],
}; };
...@@ -357,7 +358,7 @@ ...@@ -357,7 +358,7 @@
getGuanLianZiChanSelectData(assetName) {//关联资产下拉菜单 getGuanLianZiChanSelectData(assetName) {//关联资产下拉菜单
const params = { const params = {
assetName: assetName, assetName: assetName,
assetConstant: this.assetConstant archiType: this.archiType
} }
queryGuanLianZiChanSelect(params).then(res => { queryGuanLianZiChanSelect(params).then(res => {
// console.log(res) // console.log(res)
...@@ -376,7 +377,6 @@ ...@@ -376,7 +377,6 @@
// parentAssetName = items.assetName; // parentAssetName = items.assetName;
// assetCode = items.parentCode; // assetCode = items.parentCode;
// } // }
const items2 = this.zuJianLeiXingSelect.find(item => item.elementId == this.ruleForm.let3); const items2 = this.zuJianLeiXingSelect.find(item => item.elementId == this.ruleForm.let3);
eleName = items2.elementName; eleName = items2.elementName;
...@@ -409,7 +409,7 @@ ...@@ -409,7 +409,7 @@
archiAssetState: this.searchParams.archiAssetState, archiAssetState: this.searchParams.archiAssetState,
archiStage: this.searchParams.archiStage, archiStage: this.searchParams.archiStage,
archiBelongId: this.archiBelongId, archiBelongId: this.archiBelongId,
assetConstant: this.assetConstant, archiType: this.archiType,
// archiAssetTypeId: this.archiAssetTypeId, // archiAssetTypeId: this.archiAssetTypeId,
archiEleId: this.ruleForm.let3, archiEleId: this.ruleForm.let3,
assetName: this.ruleForm.let1, assetName: this.ruleForm.let1,
...@@ -496,7 +496,7 @@ ...@@ -496,7 +496,7 @@
"assetName": this.searchParams.assetName, "assetName": this.searchParams.assetName,
"createMan": this.searchParams.createMan, "createMan": this.searchParams.createMan,
"archiEleId": this.searchParams.archiEleId, "archiEleId": this.searchParams.archiEleId,
"assetConstant": this.assetConstant, "archiType": this.archiType,
// "archiAssetTypeId": this.archiAssetTypeId, // "archiAssetTypeId": this.archiAssetTypeId,
"current": this.pager.current, "current": this.pager.current,
"pageSize": this.pager.size, "pageSize": this.pager.size,
...@@ -549,7 +549,53 @@ ...@@ -549,7 +549,53 @@
}); });
}, },
viewItem(row) {//查看架构
this.getZuJianLeiXingSelect(null);
this.addDialog = true;
this.is_add_edit = 'view';
this.ruleForm.let1 = row.assetName;
this.ruleForm.let2 = row.parentAssetName;
this.ruleForm.let3 = row.archiEleId;
this.ruleForm.let4 = row.sort;
this.ruleForm.let5 = row.isShow == 0 ? '显示' : '隐藏';
this.editRow = row;
let fieldsValue = row.fieldsValue;
let targetAsset = row.targetAsset;
this.selectCode = row.assetCode;
this.selectLabel = row.parentAssetName;
this.selectValue = row.parentAssetId;
let targetAsset_id = [];
if(targetAsset) {
if(targetAsset.length == 4) {
this.ruleForm.dynamicForm0_ = [];
}else {
let targetAsset_ = JSON.parse(targetAsset);
this.ruleForm.dynamicForm0_ = targetAsset_;
targetAsset_.forEach(item => {
targetAsset_id.push(
item.assetId
)
})
}
this.ruleForm.let6 = targetAsset_id;
}
if(fieldsValue.length == 4) {
this.ruleForm.dynamicForm_ = [];
}else {
let fieldsValue_ = JSON.parse(fieldsValue);
fieldsValue_.map(item => {
if(item.dictKey) {
this.get_key(item.dictKey).then(res2 => {
this.$set(item, 'dictArray_', res2);
})
}
});
this.ruleForm.dynamicForm_ = fieldsValue_;
}
},
editItem(row){//编辑 editItem(row){//编辑
this.getZuJianLeiXingSelect(null);
this.addDialog = true; this.addDialog = true;
this.is_add_edit = 'edit'; this.is_add_edit = 'edit';
this.ruleForm.let1 = row.assetName; this.ruleForm.let1 = row.assetName;
...@@ -564,19 +610,22 @@ ...@@ -564,19 +610,22 @@
this.selectLabel = row.parentAssetName; this.selectLabel = row.parentAssetName;
this.selectValue = row.parentAssetId; this.selectValue = row.parentAssetId;
let targetAsset_id = []; let targetAsset_id = [];
if(targetAsset.length == 4) {
this.ruleForm.dynamicForm0_ = [];
}else {
let targetAsset_ = JSON.parse(targetAsset);
this.ruleForm.dynamicForm0_ = targetAsset_;
targetAsset_.forEach(item => { if(targetAsset) {
targetAsset_id.push( if(targetAsset.length == 4) {
item.assetId this.ruleForm.dynamicForm0_ = [];
) }else {
}) let targetAsset_ = JSON.parse(targetAsset);
} this.ruleForm.dynamicForm0_ = targetAsset_;
this.ruleForm.let6 = targetAsset_id;
targetAsset_.forEach(item => {
targetAsset_id.push(
item.assetId
)
})
}
this.ruleForm.let6 = targetAsset_id;
}
if(fieldsValue.length == 4) { if(fieldsValue.length == 4) {
this.ruleForm.dynamicForm_ = []; this.ruleForm.dynamicForm_ = [];
...@@ -612,7 +661,7 @@ ...@@ -612,7 +661,7 @@
resolve([]); resolve([]);
}else { }else {
const params = { const params = {
archiType: this.assetConstant, archiType: this.archiType,
parentAssetId: node.data.assetId, parentAssetId: node.data.assetId,
archiAssetState: this.searchParams.archiAssetState, archiAssetState: this.searchParams.archiAssetState,
archiStage: this.searchParams.archiStage, archiStage: this.searchParams.archiStage,
...@@ -628,7 +677,7 @@ ...@@ -628,7 +677,7 @@
getShangJiJieDianSelect() {//上级节点下拉框值 getShangJiJieDianSelect() {//上级节点下拉框值
const params = { const params = {
archiType: this.assetConstant, archiType: this.archiType,
archiAssetState: this.searchParams.archiAssetState, archiAssetState: this.searchParams.archiAssetState,
archiStage: this.searchParams.archiStage, archiStage: this.searchParams.archiStage,
// parentAssetId: this.archiBelongId, // parentAssetId: this.archiBelongId,
...@@ -726,7 +775,7 @@ ...@@ -726,7 +775,7 @@
}); });
const params = { const params = {
assetId: assetIdArray, assetId: assetIdArray,
assetConstant: this.assetConstant, archiType: this.archiType,
// archiAssetTypeId: this.archiAssetTypeId, // archiAssetTypeId: this.archiAssetTypeId,
}; };
MessageBox.confirm('确定删除?', '提示', { MessageBox.confirm('确定删除?', '提示', {
...@@ -766,7 +815,7 @@ ...@@ -766,7 +815,7 @@
// console.log(event.target.files[0]); // console.log(event.target.files[0]);
var formData = new FormData(); var formData = new FormData();
formData.append("file", event.target.files[0]); formData.append("file", event.target.files[0]);
formData.append("typeCode", this.assetConstant); formData.append("typeCode", this.archiType);
importZhiChanJiaGou(formData).then(res => { importZhiChanJiaGou(formData).then(res => {
if(res.code == 200) { if(res.code == 200) {
this.get_table(); this.get_table();
...@@ -821,7 +870,7 @@ ...@@ -821,7 +870,7 @@
const params = { const params = {
assetId: row.assetId, assetId: row.assetId,
state: 1, state: 1,
assetConstant: this.assetConstant, archiType: this.archiType,
} }
editZiChanJiaGouTable(params).then(res => { editZiChanJiaGouTable(params).then(res => {
if(res.code == 200) { if(res.code == 200) {
...@@ -854,7 +903,7 @@ ...@@ -854,7 +903,7 @@
}).then(() => { }).then(() => {
const params = { const params = {
assetId: [row.assetId], assetId: [row.assetId],
assetConstant: this.assetConstant, archiType: this.archiType,
// archiAssetTypeId: this.archiAssetTypeId, // archiAssetTypeId: this.archiAssetTypeId,
} }
deleteMoreZiChanJiaGouTable(params).then(res => { deleteMoreZiChanJiaGouTable(params).then(res => {
...@@ -889,7 +938,7 @@ ...@@ -889,7 +938,7 @@
treeClick(data) {//左侧树点击 treeClick(data) {//左侧树点击
if(!data.archiBelongId) return; if(!data.archiBelongId) return;
this.archiBelongId = data.archiBelongId; this.archiBelongId = data.archiBelongId;
this.assetConstant = data.assetConstant; this.archiType = data.archiType;
// this.archiAssetTypeId = data.viewId; // this.archiAssetTypeId = data.viewId;
this.get_table(); this.get_table();
}, },
...@@ -906,74 +955,35 @@ ...@@ -906,74 +955,35 @@
item.subList = []; item.subList = [];
switch(item.viewName){ switch(item.viewName){
case '安全架构': case '安全架构':
item['assetConstant'] = 'ARCHI_SAFE'; item['archiType'] = 'ARCHI_SAFE';
item['archiBelongId'] = 5; item['archiBelongId'] = 5;
break; break;
case '技术架构': case '技术架构':
item['assetConstant'] = 'ARCHI_TECHNOLOGY'; item['archiType'] = 'ARCHI_TECHNOLOGY';
item['archiBelongId'] = 4; item['archiBelongId'] = 4;
break; break;
case '数据架构': case '数据架构':
item['assetConstant'] = 'ARCHI_DATA'; item['archiType'] = 'ARCHI_DATA';
item['archiBelongId'] = 3; item['archiBelongId'] = 3;
break; break;
case '应用架构': case '应用架构':
item['assetConstant'] = 'ARCHI_APPLICATION'; item['archiType'] = 'ARCHI_APPLICATION';
item['archiBelongId'] = 2; item['archiBelongId'] = 2;
break; break;
case '业务架构': case '业务架构':
item['assetConstant'] = 'ARCHI_BUSINESS'; item['archiType'] = 'ARCHI_BUSINESS';
item['archiBelongId'] = 1; item['archiBelongId'] = 1;
break; break;
} }
}); });
// res.data.map(item => {
// switch(item.viewName){
// case '安全架构':
// item.subList.map(item2 => {
// item2['assetConstant'] = 'ARCHI_SAFE';
// item2['archiBelongId'] = 5;
// })
// break;
// case '技术架构':
// item.subList.map(item2 => {
// item2['assetConstant'] = 'ARCHI_TECHNOLOGY';
// item2['archiBelongId'] = 4;
// })
// break;
// case '数据架构':
// item.subList.map(item2 => {
// item2['assetConstant'] = 'ARCHI_DATA';
// item2['archiBelongId'] = 3;
// })
// break;
// case '应用架构':
// item.subList.map(item2 => {
// item2['assetConstant'] = 'ARCHI_APPLICATION';
// item2['archiBelongId'] = 2;
// })
// break;
// case '业务架构':
// item.subList.map(item2 => {
// item2['assetConstant'] = 'ARCHI_BUSINESS';
// item2['archiBelongId'] = 1;
// })
// break;
// }
// });
this.treeData[0].subList = res.data; this.treeData[0].subList = res.data;
this.archiBelongId = res.data[0].archiBelongId; this.archiBelongId = res.data[0].archiBelongId;
this.assetConstant = res.data[0].assetConstant; this.archiType = res.data[0].archiType;
// this.archiAssetTypeId = res.data[0].viewId; // this.archiAssetTypeId = res.data[0].viewId;
this.getShangJiJieDianSelect(); this.getShangJiJieDianSelect();
this.getGuanLianZiChanSelectData(null); this.getGuanLianZiChanSelectData(null);
......
src/views/current-assets-list/tab1.vue
...@@ -170,7 +170,6 @@ export default { ...@@ -170,7 +170,6 @@ export default {
font-size: 14px; font-size: 14px;
color: #0D867F; color: #0D867F;
cursor: pointer; cursor: pointer;
margin-left: 15px;
} }
.cancel_version_btn{ .cancel_version_btn{
display: flex; display: flex;
......
src/views/current-assets-list/tab2.vue
...@@ -170,7 +170,6 @@ export default { ...@@ -170,7 +170,6 @@ export default {
font-size: 14px; font-size: 14px;
color: #0D867F; color: #0D867F;
cursor: pointer; cursor: pointer;
margin-left: 15px;
} }
.cancel_version_btn{ .cancel_version_btn{
display: flex; display: flex;
......
src/views/current-assets-list/tab3.vue
...@@ -171,7 +171,6 @@ export default { ...@@ -171,7 +171,6 @@ export default {
font-size: 14px; font-size: 14px;
color: #0D867F; color: #0D867F;
cursor: pointer; cursor: pointer;
margin-left: 15px;
} }
.cancel_version_btn{ .cancel_version_btn{
display: flex; display: flex;
......
src/views/current-assets-list/tab4.vue
...@@ -168,7 +168,6 @@ export default { ...@@ -168,7 +168,6 @@ export default {
font-size: 14px; font-size: 14px;
color: #0D867F; color: #0D867F;
cursor: pointer; cursor: pointer;
margin-left: 15px;
} }
.cancel_version_btn{ .cancel_version_btn{
display: flex; display: flex;
......
src/views/current-assets-list/tab5.vue
...@@ -168,7 +168,6 @@ export default { ...@@ -168,7 +168,6 @@ export default {
font-size: 14px; font-size: 14px;
color: #0D867F; color: #0D867F;
cursor: pointer; cursor: pointer;
margin-left: 15px;
} }
.cancel_version_btn{ .cancel_version_btn{
display: flex; display: flex;
......
src/views/etpManage/index.vue
...@@ -359,15 +359,17 @@ export default { ...@@ -359,15 +359,17 @@ export default {
} }
}else if (type == "del") { }else if (type == "del") {
// 删除 // 删除
this.formData = item; const params = {
this.formData.delFlag = 1; talentId: item.talentId,
delFlag: 1,
}
this.$confirm("确认删除吗", "提示", { this.$confirm("确认删除吗", "提示", {
confirmButtonText: "确定", confirmButtonText: "确定",
cancelButtonText: "取消", cancelButtonText: "取消",
confirmButtonClass: 'confirmClass', confirmButtonClass: 'confirmClass',
type: "warning" type: "warning"
}).then(() => { }).then(() => {
getETPManageUpdate(this.formData).then(res => { getETPManageUpdate(params).then(res => {
if (res.code == 200) { if (res.code == 200) {
this.$message.success("删除成功"); this.$message.success("删除成功");
this.getList(); this.getList();
......
src/views/reviewArchiFollowCheck/details.vue
<template> <template>
<div class="reviewArchiFollowCheckDetails"> <div class="reviewArchiFollowCheckDetails">
<el-tabs> <el-tabs v-model="activeName">
<el-tab-pane label="安全架构遵从"> <el-tab-pane label="安全架构遵从" name="1">
<Tab1></Tab1> <Tab1></Tab1>
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="部署架构审查"> <el-tab-pane label="部署架构审查" name="2">
<Tab2></Tab2> <Tab2></Tab2>
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="技术架构遵从"> <el-tab-pane label="技术架构遵从" name="3">
<Tab3></Tab3> <Tab3></Tab3>
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="应用架构遵从"> <el-tab-pane label="应用架构遵从" name="4">
<Tab4></Tab4> <Tab4></Tab4>
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="物理数据架构遵从"> <el-tab-pane label="物理数据架构遵从" name="5">
<Tab5></Tab5> <Tab5></Tab5>
</el-tab-pane> </el-tab-pane>
</el-tabs> </el-tabs>
...@@ -43,11 +43,11 @@ ...@@ -43,11 +43,11 @@
}, },
data() { data() {
return { return {
routerId: null, activeName: '1'
}; };
}, },
mounted(){ mounted(){
this.activeName = this.$route.query.type;
}, },
methods: { methods: {
......
src/views/reviewArchiFollowCheck/index.vue
<template> <template>
<div class="reviewArchiFollowCheck"> <div class="reviewArchiFollowCheck">
<div class="table_container"> <div class="table_container">
<div class="search_menu"> <div class="search_menu">
<div class="search_menu_item_container"> <div class="search_menu_item_container">
<div class="search_menu_item"> <div class="search_menu_item">
<span class="search_title">单位</span> <span class="search_title">单位</span>
<el-select v-model="searchParams.let1" placeholder="请选择" class="search_item"> <el-select
<el-option v-for="item in fuHeDu" :key="item.value" :label="item.label" :value="item.value"></el-option> v-model="searchParams.let1"
</el-select> placeholder="请选择"
</div> class="search_item"
<div class="search_menu_item"> >
<span class="search_title">部门</span> <el-option
<el-select v-model="searchParams.let2" placeholder="请选择" class="search_item"> v-for="item in fuHeDu"
<el-option v-for="item in fuHeDu" :key="item.value" :label="item.label" :value="item.value"></el-option> :key="item.value"
</el-select> :label="item.label"
</div> :value="item.value"
<div class="search_menu_item"> ></el-option>
<span class="search_title">系统名称</span> </el-select>
<el-input v-no-backslash v-model="searchParams.let3" maxlength="100" placeholder="请输入内容" class="search_item"></el-input> </div>
</div> <div class="search_menu_item">
<div class="search_menu_item"> <span class="search_title">部门</span>
<span class="search_title">建设类型</span> <el-select
<el-select v-model="searchParams.let4" placeholder="请选择" class="search_item"> v-model="searchParams.let2"
<el-option v-for="item in ziJianLeiXing" :key="item.value" :label="item.label" :value="item.value"></el-option> placeholder="请选择"
</el-select> class="search_item"
</div> >
<el-option
v-for="item in fuHeDu"
:key="item.value"
:label="item.label"
:value="item.value"
></el-option>
</el-select>
</div>
<div class="search_menu_item">
<span class="search_title">系统名称</span>
<el-input
v-no-backslash
v-model="searchParams.let3"
maxlength="100"
placeholder="请输入内容"
class="search_item"
></el-input>
</div>
<div class="search_menu_item">
<span class="search_title">建设类型</span>
<el-select
v-model="searchParams.let4"
placeholder="请选择"
class="search_item"
>
<el-option
v-for="item in ziJianLeiXing"
:key="item.value"
:label="item.label"
:value="item.value"
></el-option>
</el-select>
</div>
</div>
<div class="search_menu_btn_container">
<div class="query_btn" @click="search_table">
<img
class="btn_icon"
src="@/assets/archi-ele-list/search.png"
alt=""
/>
<p>查询</p>
</div>
<div class="reset_btn" @click="reset">
<img
class="btn_icon"
src="@/assets/archi-ele-list/reset.png"
alt=""
/>
<p>重置</p>
</div>
</div>
</div>
<div class="search_btn">
<el-button type="primary" size="medium" @click="toDetails">概设遵从情况</el-button>
</div>
<el-table
:height="tableHeight"
v-loading="loading"
@selection-change="select_table_rows"
:data="tableData"
stripe
border
>
<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="manageOrgId" label="单位" align="center"></el-table-column>
<el-table-column prop="manageDeptId" label="部门" align="center"></el-table-column>
<el-table-column prop="appName" label="系统名称" align="center" width="200" :show-overflow-tooltip="true"></el-table-column>
<el-table-column prop="buildType" label="建设类型" align="center">
<template slot-scope="scope">
<span v-if="scope.row.buildType == 1">统推</span>
<span v-else-if="scope.row.buildType == 2">自建</span>
</template>
</el-table-column>
<el-table-column prop="prjName" label="项目名称" align="center" width="200" :show-overflow-tooltip="true"></el-table-column>
<el-table-column label="是否续建" align="center">
<template slot-scope="scope">
<span v-if="scope.row.prjPlanClass == 1">否</span>
<span v-else-if="scope.row.prjPlanClass == 2">是</span>
</template>
</el-table-column>
<el-table-column prop="manageOrgId" label="承建单位" align="center"></el-table-column>
<el-table-column prop="projectManager" label="项目经理" align="center"></el-table-column>
<el-table-column prop="remark" label="安全架构遵从" align="center">
<template slot-scope="scope">
<el-button type="text" @click="check(scope.row, '1')">查看</el-button>
</template>
</el-table-column>
<el-table-column prop="remark" label="部署架构审查" align="center">
<template slot-scope="scope">
<el-button type="text" @click="check(scope.row, '2')">查看</el-button>
</template>
</el-table-column>
<el-table-column prop="remark" label="技术架构遵从" align="center">
<template slot-scope="scope">
<el-button type="text" @click="check(scope.row, '3')">查看</el-button>
</template>
</el-table-column>
<el-table-column prop="remark" label="应用架构遵从" align="center">
<template slot-scope="scope">
<el-button type="text" @click="check(scope.row, '4')">查看</el-button>
</template>
</el-table-column>
<el-table-column prop="remark" label="物理数据架构遵从" align="center">
<template slot-scope="scope">
<el-button type="text" @click="check(scope.row, '5')">查看</el-button>
</template>
</el-table-column>
</el-table>
<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> </div>
<div class="search_menu_btn_container"> <el-dialog
<div class="query_btn" @click="search_table"> :title="is_add_edit == 'add' ? '新建字典' : '编辑字典'"
<img class="btn_icon" src="@/assets/archi-ele-list/search.png" alt=""/> :visible.sync="add_dialog"
<p>查询</p> :center="false"
</div> :close-on-click-modal="false"
<div class="reset_btn" @click="reset"> width="60%">
<img class="btn_icon" src="@/assets/archi-ele-list/reset.png" alt=""/> <el-form
<p>重置</p> :model="ruleForm"
</div> ref="form"
</div> :rules="rules"
</div> style="display: flex; flex-wrap: wrap">
<div class="search_btn"> <el-form-item label="字典名称:" prop="let1">
<el-button type="primary" size="medium" @click="toDetails">概设遵从情况</el-button> <el-input
</div> v-no-backslash
<el-table :height="tableHeight" v-loading="loading" @selection-change="select_table_rows" :data="tableData" stripe border> v-model="ruleForm.let1"
<el-table-column type="selection" width="55"></el-table-column> maxlength="100"
<el-table-column type="index" label="序号" width="80" align="center"></el-table-column> ></el-input>
<el-table-column prop="manageOrgId" label="单位" align="center"></el-table-column> </el-form-item>
<el-table-column prop="manageDeptId" label="部门" align="center"></el-table-column> <el-form-item label="字典标识:" prop="let2">
<el-table-column prop="appName" label="系统名称" align="center" width="200" :show-overflow-tooltip="true"></el-table-column> <el-input
<el-table-column prop="buildType" label="建设类型" align="center"> v-no-backslash
<template slot-scope="scope"> v-model="ruleForm.let2"
<span v-if="scope.row.buildType == 1">统推</span> maxlength="100"
<span v-else-if="scope.row.buildType == 2">自建</span> ></el-input>
</template> </el-form-item>
</el-table-column> <el-form-item class="cross1" label="描述:" prop="let3">
<el-table-column prop="prjName" label="项目名称" align="center"></el-table-column> <el-input
<el-table-column prop="prjPlanClass" label="是否续建" align="center"></el-table-column> v-no-backslash
<el-table-column prop="manageOrgId" label="承建单位" align="center"></el-table-column> v-model="ruleForm.let3"
<el-table-column prop="projectManager" label="项目经理" align="center"></el-table-column> type="textarea"
<el-table-column prop="remark" label="安全架构遵从" align="center"> :rows="3"
<template slot-scope="scope"> maxlength="200"
<el-button type="text" @click="check(scope.row)">查看</el-button> show-word-limit
</template> placeholder="请输入内容"
</el-table-column> ></el-input>
<el-table-column prop="remark" label="部署架构审查" align="center"> </el-form-item>
<template slot-scope="scope"> </el-form>
<el-button type="text" @click="check(scope.row)">查看</el-button> <span slot="footer" class="dialog-footer">
</template> <el-button class="greenButton" @click="save_dicy">保存</el-button>
</el-table-column> <el-button @click="add_dialog = false">取消</el-button>
<el-table-column prop="remark" label="技术架构遵从" align="center"> </span>
<template slot-scope="scope"> </el-dialog>
<el-button type="text" @click="check(scope.row)">查看</el-button>
</template>
</el-table-column>
<el-table-column prop="remark" label="应用架构遵从" align="center">
<template slot-scope="scope">
<el-button type="text" @click="check(scope.row)">查看</el-button>
</template>
</el-table-column>
<el-table-column prop="remark" label="物理数据架构遵从" align="center">
<template slot-scope="scope">
<el-button type="text" @click="check(scope.row)">查看</el-button>
</template>
</el-table-column>
</el-table>
<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> </div>
<el-dialog
:title="is_add_edit == 'add' ? '新建字典' : '编辑字典'"
:visible.sync="add_dialog"
:center="false"
:close-on-click-modal="false"
width="60%">
<el-form :model="ruleForm" ref="form" :rules="rules" style="display: flex;flex-wrap: wrap;">
<el-form-item label="字典名称:" prop="let1">
<el-input v-no-backslash v-model="ruleForm.let1" maxlength="100"></el-input>
</el-form-item>
<el-form-item label="字典标识:" prop="let2">
<el-input v-no-backslash v-model="ruleForm.let2" maxlength="100"></el-input>
</el-form-item>
<el-form-item class="cross1" label="描述:" prop="let3">
<el-input v-no-backslash v-model="ruleForm.let3" type="textarea" :rows="3" maxlength="200" show-word-limit placeholder="请输入内容"></el-input>
</el-form-item>
</el-form>
<span slot="footer" class="dialog-footer">
<el-button class="greenButton" @click="save_dicy">保存</el-button>
<el-button @click="add_dialog = false">取消</el-button>
</span>
</el-dialog>
</div>
</template> </template>
<script> <script>
import { import {
getJiShuZhengCeGuanLianShiYongTable, getDianXingAnLiSelectData,
getDianXingAnLiSelectData, getGaiSheJiaGouZunCongJiaChaTable, gAllDictKey getGaiSheJiaGouZunCongJiaChaTable,
} from '@/api/index.js'; } from "@/api/index.js";
import {MessageBox, Message} from 'element-ui'; import { MessageBox, Message } from "element-ui";
import $ from 'jquery'; import $ from "jquery";
export default { export default {
name: 'reviewArchiFollowCheck', name: "reviewArchiFollowCheck",
components: {}, components: {},
data() { data() {
return { return {
ruleForm: { ruleForm: {
let1: '', let1: "",
let2: '', let2: "",
let3: '', let3: "",
}, },
rules: {}, rules: {},
add_dialog: false, add_dialog: false,
is_add_edit: 'add', is_add_edit: "add",
tableData: [], tableData: [],
loading: false, loading: false,
search_select1: [], search_select1: [],
pager: { pager: {
current: 1, current: 1,
sizes: [10, 20, 50, 100, 200], sizes: [10, 20, 50, 100, 200],
size: 10, size: 10,
total: 20 //总条数 total: 20, //总条数
}, },
tableHeight: null, tableHeight: null,
searchParams: { searchParams: {
let1: null, let1: null,
let2: null, let2: null,
let3: null, let3: null,
let4: null, let4: null,
}, },
fuHeDu: [], fuHeDu: [],
ziJianLeiXing: [], ziJianLeiXing: [],
selectRows: [] selectRows: [],
}; };
},
mounted() {
window.addEventListener('resize', () => {
this.set_table_height();
})
this.set_table_height();
this.get_table();
this.get_fu_he_du_select().then(res => {
this.fuHeDu = res;
})
this.get_zi_jian_lei_xing_select().then(
res => {
this.ziJianLeiXing = res;
}
)
},
methods: {
select_table_rows(data) {//表格的勾选
this.selectRows = data;
}, },
toDetails() { mounted() {
if (this.selectRows.length == 0) { window.addEventListener("resize", () => {
Message({ this.set_table_height();
type: 'warning',
message: '请选择一条数据!'
}); });
return; this.set_table_height();
} this.get_table();
if (this.selectRows.length > 1) { this.get_fu_he_du_select().then((res) => {
Message({ this.fuHeDu = res;
type: 'warning', });
message: '只能选择一条数据!' this.get_zi_jian_lei_xing_select().then((res) => {
this.ziJianLeiXing = res;
}); });
return;
}
this.$router.push(`/main/reviewArchiFollowCheckDetails`, () => {
}, () => {
});
},
save_dicy() {//保存字典
this.$refs.form.validate(valid => {
if (valid) {
} else {
return false;
}
});
},
get_fu_he_du_select() {//符合度下拉
const params = {
key: "tech_compliance"
}
return new Promise((resolve, reject) => {
getDianXingAnLiSelectData(params).then(res => {
if (res.code == 200) {
resolve(res.data);
}
})
})
},
get_zi_jian_lei_xing_select() {//自建类型下拉
const params = {
key: "build_type"
}
return new Promise((resolve, reject) => {
getDianXingAnLiSelectData(params).then(res => {
if (res.code == 200) {
resolve(res.data);
}
})
})
},
set_table_height() {//动态设置表格高度
const table_container_height = $(".table_container").height();
const search_menu_height = $(".search_menu").height();
const search_btn_height = $(".search_btn").outerHeight(true);
this.tableHeight = table_container_height - search_menu_height - search_btn_height - 90 + 'px';
},
search_table() {//搜索
this.pager.current = 1;
this.get_table();
},
reset() {//重置
this.searchParams.let1 = null;
this.searchParams.let2 = null;
this.searchParams.let3 = null;
this.searchParams.let4 = null;
},
// 每页条数改变
handleSizeChange(val) {
this.pager.current = 1;
this.pager.size = val;
this.get_table();
},
//当前页码改变
handleCurrentChange(val) {
this.pager.current = val;
this.get_table();
}, },
get_table() {//查询表格数据 methods: {
this.loading = true; select_table_rows(data) {
const params = { //表格的勾选
"policyName": this.searchParams.let1, this.selectRows = data;
"conformCount": this.searchParams.let2, },
"prjName": this.searchParams.let3, toDetails() {//概设遵从情况点击
"buildType": this.searchParams.let4, if (this.selectRows.length == 0) {
"current": this.pager.current, Message({
"pageSize": this.pager.size, type: "warning",
}; message: "请选择一条数据!",
getGaiSheJiaGouZunCongJiaChaTable(params).then(res => { });
this.loading = false; return;
if (res.code === 200) { }
this.loading = false; if (this.selectRows.length > 1) {
this.tableData = res.data.records; Message({
this.pager.current = res.data.current; type: "warning",
this.pager.total = res.data.total; message: "只能选择一条数据!",
this.pager.size = res.data.size; });
} return;
}); }
const prjId = this.selectRows[0].prjId;
this.$router.push(
`/main/reviewArchiFollowCheckDetails?prjId=${prjId}&type=1`,
() => {},
() => {}
);
},
check(row, type) {//查看点击
this.$router.push(
`/main/reviewArchiFollowCheckDetails?prjId=${row.prjId}&type=${type}`,
() => {},
() => {}
);
},
save_dicy() {
//保存字典
this.$refs.form.validate((valid) => {
if (valid) {
} else {
return false;
}
});
},
get_fu_he_du_select() {
//符合度下拉
const params = {
key: "tech_compliance",
};
return new Promise((resolve, reject) => {
getDianXingAnLiSelectData(params).then((res) => {
if (res.code == 200) {
resolve(res.data);
}
});
});
},
get_zi_jian_lei_xing_select() {
//自建类型下拉
const params = {
key: "build_type",
};
return new Promise((resolve, reject) => {
getDianXingAnLiSelectData(params).then((res) => {
if (res.code == 200) {
resolve(res.data);
}
});
});
},
set_table_height() {
//动态设置表格高度
const table_container_height = $(".table_container").height();
const search_menu_height = $(".search_menu").height();
const search_btn_height = $(".search_btn").outerHeight(true);
this.tableHeight = table_container_height - search_menu_height - search_btn_height - 90 + "px";
},
search_table() {
//搜索
this.pager.current = 1;
this.get_table();
},
reset() {
//重置
this.searchParams.let1 = null;
this.searchParams.let2 = null;
this.searchParams.let3 = null;
this.searchParams.let4 = null;
},
// 每页条数改变
handleSizeChange(val) {
this.pager.current = 1;
this.pager.size = val;
this.get_table();
},
//当前页码改变
handleCurrentChange(val) {
this.pager.current = val;
this.get_table();
},
get_table() {
//查询表格数据
this.loading = true;
const params = {
policyName: this.searchParams.let1,
conformCount: this.searchParams.let2,
prjName: this.searchParams.let3,
buildType: this.searchParams.let4,
current: this.pager.current,
pageSize: this.pager.size,
};
getGaiSheJiaGouZunCongJiaChaTable(params).then((res) => {
this.loading = false;
if (res.code === 200) {
this.loading = false;
this.tableData = res.data.records;
this.pager.current = res.data.current;
this.pager.total = res.data.total;
this.pager.size = res.data.size;
}
});
},
}, },
} };
}
</script> </script>
<style> <style>
.confirmClass { .confirmClass {
background-color: #0D867F !important; background-color: #0d867f !important;
} }
.el-message-box__content { .el-message-box__content {
padding: 60px 15px 60px 15px; padding: 60px 15px 60px 15px;
} }
</style> </style>
<style scoped> <style scoped>
.version_btn { .version_btn {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
width: 84px; width: 84px;
height: 32px; height: 32px;
background: rgba(13, 134, 127, 0.1); background: rgba(13, 134, 127, 0.1);
border-radius: 6px 6px 6px 6px; border-radius: 6px 6px 6px 6px;
/* border: 1px solid #0D867F; */ /* border: 1px solid #0D867F; */
font-size: 14px; font-size: 14px;
color: #0D867F; color: #0d867f;
cursor: pointer; cursor: pointer;
margin-left: 15px; margin-left: 15px;
} }
.cancel_version_btn { .cancel_version_btn {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
width: 104px; width: 104px;
height: 32px; height: 32px;
background: rgba(13, 134, 127, 0.1); background: rgba(13, 134, 127, 0.1);
border-radius: 6px 6px 6px 6px; border-radius: 6px 6px 6px 6px;
/* border: 1px solid #0D867F; */ /* border: 1px solid #0D867F; */
font-size: 14px; font-size: 14px;
color: #0D867F; color: #0d867f;
cursor: pointer; cursor: pointer;
margin-left: 15px; margin-left: 15px;
} }
.reviewArchiFollowCheck { .reviewArchiFollowCheck {
width: 100%; width: 100%;
height: 100%; height: 100%;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: flex-start; justify-content: flex-start;
align-items: center; align-items: center;
} }
.el-button--primary { .el-button--primary {
background: rgba(13, 134, 127, 0.1); background: rgba(13, 134, 127, 0.1);
color: #0D867F; color: #0d867f;
border: 0; border: 0;
}
.el-button--text{
color: #0d867f;
} }
/deep/ .el-input-group__append { /deep/ .el-input-group__append {
background-color: #0D867F; background-color: #0d867f;
color: #fff; color: #fff;
cursor: pointer; cursor: pointer;
} }
.search_btn { .search_btn {
width: 100%; width: 100%;
display: flex; display: flex;
margin-top: 50px; margin-top: 50px;
margin-bottom: 20px; margin-bottom: 20px;
} }
.search_menu { .search_menu {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
margin-bottom: 50px; margin-bottom: 50px;
} }
.search_menu_item_container { .search_menu_item_container {
display: flex; display: flex;
align-items: center; align-items: center;
} }
.search_menu_btn_container { .search_menu_btn_container {
display: flex; display: flex;
align-items: center; align-items: center;
} }
.search_menu_item { .search_menu_item {
display: flex; display: flex;
align-items: center; align-items: center;
width: 344px; width: 344px;
} }
.search_title { .search_title {
/* width: 20%; */ /* width: 20%; */
flex-shrink: 0; flex-shrink: 0;
margin-right: 15px; margin-right: 15px;
} }
.search_item { .search_item {
width: 60%; width: 60%;
} }
.query_btn { .query_btn {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
width: 76px; width: 76px;
height: 32px; height: 32px;
background: rgba(13, 134, 127, 1); background: rgba(13, 134, 127, 1);
border-radius: 6px 6px 6px 6px; border-radius: 6px 6px 6px 6px;
border: 1px solid #0D867F; border: 1px solid #0d867f;
font-size: 14px; font-size: 14px;
color: #fff; color: #fff;
margin-right: 10px; margin-right: 10px;
cursor: pointer; cursor: pointer;
} }
.reset_btn { .reset_btn {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
width: 76px; width: 76px;
height: 32px; height: 32px;
background: rgba(244, 244, 244, 1); background: rgba(244, 244, 244, 1);
border-radius: 6px 6px 6px 6px; border-radius: 6px 6px 6px 6px;
border: 1px solid #ccc; border: 1px solid #ccc;
font-size: 14px; font-size: 14px;
color: #666; color: #666;
cursor: pointer; cursor: pointer;
} }
.btn_icon { .btn_icon {
margin-right: 10px; margin-right: 10px;
} }
.table_container { .table_container {
width: 97%; width: 97%;
height: calc(100% - 40px); height: calc(100% - 40px);
margin-top: 20px; margin-top: 20px;
} }
.el-pagination { .el-pagination {
margin-top: 30px; margin-top: 30px;
} }
/deep/ .el-pagination.is-background .el-pager li:not(.disabled).active { /deep/ .el-pagination.is-background .el-pager li:not(.disabled).active {
background-color: #0D867F; background-color: #0d867f;
} }
/deep/ .el-dialog__header { /deep/ .el-dialog__header {
background-color: #0D867F; background-color: #0d867f;
text-align: left; text-align: left;
} }
/deep/ .el-dialog__title { /deep/ .el-dialog__title {
color: #fff; color: #fff;
} }
/deep/ .el-dialog__close { /deep/ .el-dialog__close {
color: #fff; color: #fff;
} }
.greenButton { .greenButton {
background-color: #0D867F; background-color: #0d867f;
color: #fff; color: #fff;
} }
.el-form-item { .el-form-item {
display: flex; display: flex;
align-items: center; align-items: center;
width: 33%; width: 33%;
} }
</style> </style>
\ No newline at end of file
src/views/reviewArchiFollowCheck/tab1.vue
...@@ -9,9 +9,10 @@ ...@@ -9,9 +9,10 @@
</div> </div>
<div class="right_container"> <div class="right_container">
<el-alert title="评审内容" type="success" :closable="false"></el-alert> <el-alert title="评审内容" type="success" :closable="false"></el-alert>
<el-select v-model="select2" class="rightSelect"> <el-select v-model="select2" class="rightSelect" @change="select2Change">
<el-option label="1" value="1"></el-option> <el-option v-for="item in rightSelect" :key="item.viewDetailsId" :label="item.viewDetailName" :value="item.viewDetailsId"></el-option>
</el-select> </el-select>
<img :src="rightImageSrc" alt="">
</div> </div>
</div> </div>
<div class="bottom_container"> <div class="bottom_container">
...@@ -20,9 +21,9 @@ ...@@ -20,9 +21,9 @@
<el-divider direction="vertical"></el-divider> <el-divider direction="vertical"></el-divider>
<span style="margin-right: 50px;">评审意见</span> <span style="margin-right: 50px;">评审意见</span>
<el-radio v-model="radio" label="1">通过</el-radio> <el-radio v-model="radio" label="1">通过</el-radio>
<el-radio v-model="radio" label="2">不通过</el-radio> <el-radio v-model="radio" label="0">不通过</el-radio>
</div> </div>
<el-button type="primary" size="medium">带入批准</el-button> <el-button type="primary" size="medium" @click="saveSuggestion">带入批准</el-button>
</div> </div>
<el-input type="textarea" :rows="4" v-model="textarea" style="width: 98%;"></el-input> <el-input type="textarea" :rows="4" v-model="textarea" style="width: 98%;"></el-input>
</div> </div>
...@@ -31,7 +32,8 @@ ...@@ -31,7 +32,8 @@
<script> <script>
import { import {
getArchiViewManageTable getReviewArchiFollowCheckRightGraph,
saveReviewArchiFollowCheckRightSuggestion
} from '@/api/index.js'; } from '@/api/index.js';
import { MessageBox, Message } from 'element-ui'; import { MessageBox, Message } from 'element-ui';
export default { export default {
...@@ -45,13 +47,54 @@ export default { ...@@ -45,13 +47,54 @@ export default {
textarea: '', textarea: '',
select1: null, select1: null,
select2: null, select2: null,
rightImageSrc: null,
prjId: null,
rightSelect: []
}; };
}, },
mounted(){ mounted(){
this.prjId = this.$route.query.prjId;
this.getRightGraph(5);
}, },
methods: { methods: {
getRightGraph(archiBelongId) {//获取右侧图片
const params = {
archiBelongId: archiBelongId,
prjId: this.prjId,
}
getReviewArchiFollowCheckRightGraph(params).then(res => {
if (res.code == 200) {
if(res.data.length > 0) {
this.rightSelect = res.data;
this.select2 = res.data[0].viewDetailsId;
this.rightImageSrc = 'data:image/svg+xml;base64,'+ res.data[0].metaModelSvg;
}
}
})
},
select2Change(data) {//右侧下拉框选择
const res = this.rightSelect.find(item => item.viewDetailsId == data);
this.rightImageSrc = 'data:image/svg+xml;base64,'+ res.metaModelSvg;
},
saveSuggestion() {//保存
const params = {
"archiPrjReviewEnum": "CONFORMANCE_REVIEW",
"prjId": this.prjId,
"reviewState": this.radio,
"reviewSuggestion": this.textarea
}
saveReviewArchiFollowCheckRightSuggestion(params).then(res => {
if (res.code == 200) {
console.log(res.code)
}else {
Message({
type: "error",
message: res.msg,
});
}
})
}
} }
} }
</script> </script>
......
src/views/summaryArchiDesign/index.vue
...@@ -217,7 +217,7 @@ export default { ...@@ -217,7 +217,7 @@ export default {
], ],
}, },
graphGroup: null, graphGroup: null,
assetConstant: null, archiType: null,
}; };
}, },
mounted(){ mounted(){
...@@ -344,7 +344,7 @@ export default { ...@@ -344,7 +344,7 @@ export default {
getArchiViewManage(params).then(res => { getArchiViewManage(params).then(res => {
if(res.code == 200) { if(res.code == 200) {
this.graphGroup = res.data[0].viewId; this.graphGroup = res.data[0].viewId;
this.assetConstant = res.data[0].archiType; this.archiType = res.data[0].archiType;
this.treeData[0].subList = res.data; this.treeData[0].subList = res.data;
this.currentNodekey = res.data[0].subList[0].viewId; this.currentNodekey = res.data[0].subList[0].viewId;
this.$nextTick(() => { this.$nextTick(() => {
...@@ -359,7 +359,7 @@ export default { ...@@ -359,7 +359,7 @@ export default {
treeClick(data, node, e) {//树点击的时候 treeClick(data, node, e) {//树点击的时候
if(!data.subList) { if(!data.subList) {
this.graphGroup = node.parent.data.viewId; this.graphGroup = node.parent.data.viewId;
this.assetConstant = node.parent.data.archiType; this.archiType = node.parent.data.archiType;
this.viewId = data.viewId; this.viewId = data.viewId;
this.pager.current = 1; this.pager.current = 1;
this.get_list(); this.get_list();
...@@ -408,7 +408,7 @@ export default { ...@@ -408,7 +408,7 @@ export default {
localStorage.setItem('commonGraph', JSON.stringify({ show: true, graph: [] })); localStorage.setItem('commonGraph', JSON.stringify({ show: true, graph: [] }));
localStorage.setItem('standardGraph', JSON.stringify({ show: true, graph: [] })); localStorage.setItem('standardGraph', JSON.stringify({ show: true, graph: [] }));
localStorage.setItem('joinGraph', JSON.stringify({ state: 2, graph: res.dataEle })); localStorage.setItem('joinGraph', JSON.stringify({ state: 2, graph: res.dataEle }));
this.$router.push( `/main/summaryArchiDesignDetails?id=${id}&info=${this.graphGroup}&viewId=${this.viewId}&assetConstant=${this.assetConstant}`, () => {}, () => {} ); this.$router.push( `/main/summaryArchiDesignDetails?id=${id}&info=${this.graphGroup}&viewId=${this.viewId}&assetConstant=${this.archiType}`, () => {}, () => {} );
}); });
} }
}); });
...@@ -421,7 +421,7 @@ export default { ...@@ -421,7 +421,7 @@ export default {
delFlag: 0, delFlag: 0,
state: 1, state: 1,
archiBelongId: this.graphGroup, archiBelongId: this.graphGroup,
assetConstant: this.assetConstant, archiType: this.archiType,
archiViewId: this.viewId, archiViewId: this.viewId,
prjId: this.showSelectTitle.prjId prjId: this.showSelectTitle.prjId
} }
......
src/views/systemArchiViewDesign/index.vue
...@@ -210,7 +210,7 @@ export default { ...@@ -210,7 +210,7 @@ export default {
], ],
}, },
graphGroup: null, graphGroup: null,
assetConstant: null, archiType: null,
}; };
}, },
mounted(){ mounted(){
...@@ -337,7 +337,7 @@ export default { ...@@ -337,7 +337,7 @@ export default {
getArchiViewManage(params).then(res => { getArchiViewManage(params).then(res => {
if(res.code == 200) { if(res.code == 200) {
this.graphGroup = res.data[0].viewId; this.graphGroup = res.data[0].viewId;
this.assetConstant = res.data[0].archiType; this.archiType = res.data[0].archiType;
this.treeData[0].subList = res.data; this.treeData[0].subList = res.data;
this.currentNodekey = res.data[0].subList[0].viewId; this.currentNodekey = res.data[0].subList[0].viewId;
this.$nextTick(() => { this.$nextTick(() => {
...@@ -352,7 +352,7 @@ export default { ...@@ -352,7 +352,7 @@ export default {
treeClick(data, node, e) {//树点击的时候 treeClick(data, node, e) {//树点击的时候
if(!data.subList) { if(!data.subList) {
this.graphGroup = node.parent.data.viewId; this.graphGroup = node.parent.data.viewId;
this.assetConstant = node.parent.data.archiType; this.archiType = node.parent.data.archiType;
this.viewId = data.viewId; this.viewId = data.viewId;
this.pager.current = 1; this.pager.current = 1;
this.get_list(); this.get_list();
...@@ -401,7 +401,7 @@ export default { ...@@ -401,7 +401,7 @@ export default {
localStorage.setItem('commonGraph', JSON.stringify({ show: true, graph: [] })); localStorage.setItem('commonGraph', JSON.stringify({ show: true, graph: [] }));
localStorage.setItem('standardGraph', JSON.stringify({ show: true, graph: [] })); localStorage.setItem('standardGraph', JSON.stringify({ show: true, graph: [] }));
localStorage.setItem('joinGraph', JSON.stringify({ state: 2, graph: res.dataEle })); localStorage.setItem('joinGraph', JSON.stringify({ state: 2, graph: res.dataEle }));
this.$router.push( `/main/systemArchiViewDesignDetails?id=${id}&info=${this.graphGroup}&viewId=${this.viewId}&assetConstant=${this.assetConstant}`, () => {}, () => {} ); this.$router.push( `/main/systemArchiViewDesignDetails?id=${id}&info=${this.graphGroup}&viewId=${this.viewId}&assetConstant=${this.archiType}`, () => {}, () => {} );
}); });
} }
}); });
...@@ -414,7 +414,7 @@ export default { ...@@ -414,7 +414,7 @@ export default {
delFlag: 0, delFlag: 0,
state: 1, state: 1,
archiBelongId: this.graphGroup, archiBelongId: this.graphGroup,
assetConstant: this.assetConstant, archiType: this.archiType,
archiViewId: this.viewId, archiViewId: this.viewId,
appId: this.showSelectTitle.appId appId: this.showSelectTitle.appId
} }
......
src/views/total-archi-property-document/index.vue
...@@ -50,7 +50,7 @@ ...@@ -50,7 +50,7 @@
<el-table-column prop="createTime" label="创建时间" align="center"></el-table-column> <el-table-column prop="createTime" label="创建时间" align="center"></el-table-column>
<el-table-column prop="fileName" label="附件" align="center"> <el-table-column prop="fileName" label="附件" align="center">
<template slot-scope="scope"> <template slot-scope="scope">
<span ><a :href="scope.row.fileUrl" :download="scope.row.fileName">{{scope.row.fileName}}</a></span> <a style="color: #0D867F;text-decoration: underline;" :href="scope.row.fileUrl" :download="scope.row.fileName">{{scope.row.fileName}}</a>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
......
Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!