Skip to content

liangzhen / framework-tools-web

Go to a project
Commit ea93fe08 by liuyong
Options

修改bug

1 parent 2dd1dbd5
Inline Side-by-side
Showing with 889 additions and 91 deletions
src/views/archiAssetVisualShow/index(旧).vue 0 → 100644
<template>
<template>
<div class="archiAssetVisualShow">
<el-tree
class="filter-tree"
:data="treeData"
:highlight-current="true"
:props="{ children: 'children', label: 'name', id: 'id' }"
default-expand-all
node-key="assetId"
@node-click="treeClick"
ref="tree">
</el-tree>
<div class="right_container">
<div id="echartsContainer" style="width: 800px;height: 500px;"></div>
</div>
</div>
</template>
<script>
import {
archiAssetShowTree,
} from '@/api/index.js';
import { MessageBox, Message } from 'element-ui';
import $ from 'jquery';
export default {
name: 'ArchiAssetVisualShow',
components: {
},
data() {
return {
treeData: [
{ id: 'BUSI', name: '业务架构', children: [] },
{ id: 'APP', name: '应用架构', children: [] },
{ id: 'DATA', name: '数据架构', children: [] },
{ id: 'TECH', name: '技术架构', children: [] },
{ id: 'SAFE', name: '安全架构', children: [] }
],
myChart: null
};
},
mounted(){
this.getTreeData('BUSI');
this.echarts1();
},
methods: {
echarts1(seriesData, linkData) {
this.myChart = echarts.init(document.getElementById('echartsContainer'));
var option = {
tooltip: {
trigger: 'axis',
axisPointer: {
type: 'shadow'
}
},
xAxis: {
type: 'category',
data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
},
yAxis: {
type: 'value'
},
series: [
{
data: [120, 200, 150, 80, 70, 110, 130],
type: 'bar'
}
]
};
this.myChart.setOption(option);
},
getTreeData(type) {//查询左侧树
const params = {
"assetEnum": type
}
archiAssetShowTree(params).then(res => {
if(res.code == 200) {
this.treeData.forEach(item => {
if(item.id == type) {
item.children = res.data;
}
})
}
});
},
treeClick(data, node, e) {//树点击的时候
// console.log(data.assetId);
const type = [ 'BUSI', 'APP', 'DATA', 'TECH', 'SAFE' ];
if(type.includes(data.id)) {
this.getTreeData(data.id);
}
}
}
}
</script>
<style scoped>
.archiAssetVisualShow{
width: 100%;
height: 100%;
display: flex;
align-items: center;
}
.filter-tree{
width: 300px;
height: 100%;
overflow-y: auto;
border-right: 1px solid #ccc;
}
.right_container{
width: calc(100% - 300px);
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
/deep/ .is-leaf {
background-color: #fff !important;
}
</style>
\ No newline at end of file
src/views/archiAssetVisualShow/index.vue
<template>
<div class="archiAssetVisualShow">
<el-tree
class="filter-tree"
:data="treeData"
:highlight-current="true"
:props="{ children: 'children', label: 'name', id: 'id' }"
default-expand-all
node-key="assetId"
@node-click="treeClick"
ref="tree">
</el-tree>
<div class="right_container">
<div id="echartsContainer" style="width: 800px;height: 500px;"></div>
</div>
<el-tabs>
<el-tab-pane label="业务架构">
<Tab1></Tab1>
</el-tab-pane>
<el-tab-pane label="应用架构">
<Tab2></Tab2>
</el-tab-pane>
<el-tab-pane label="数据架构">
<Tab3></Tab3>
</el-tab-pane>
<el-tab-pane label="技术架构">
<Tab4></Tab4>
</el-tab-pane>
<el-tab-pane label="安全架构">
<Tab5></Tab5>
</el-tab-pane>
</el-tabs>
</div>
</template>
<script>
import {
archiAssetShowTree,
} from '@/api/index.js';
import { MessageBox, Message } from 'element-ui';
import $ from 'jquery';
import Tab1 from './tab1.vue';
import Tab2 from './tab2.vue';
import Tab3 from './tab3.vue';
import Tab4 from './tab4.vue';
import Tab5 from './tab5.vue';
import { MessageBox, Message } from 'element-ui';
import $ from 'jquery';
import {
saveArchiViewManageCardDetails
} from '@/api/index.js';
export default {
name: 'ArchiAssetVisualShow',
export default {
name: 'archiAssetVisualShow',
components: {
Tab1,
Tab2,
Tab3,
Tab4,
Tab5,
},
data() {
return {
treeData: [
{ id: 'BUSI', name: '业务架构', children: [] },
{ id: 'APP', name: '应用架构', children: [] },
{ id: 'DATA', name: '数据架构', children: [] },
{ id: 'TECH', name: '技术架构', children: [] },
{ id: 'SAFE', name: '安全架构', children: [] }
],
myChart: null
routerId: null,
};
},
mounted(){
this.getTreeData('BUSI');
this.echarts1();
},
methods: {
echarts1(seriesData, linkData) {
this.myChart = echarts.init(document.getElementById('echartsContainer'));
var option = {
tooltip: {
trigger: 'axis',
axisPointer: {
type: 'shadow'
}
},
xAxis: {
type: 'category',
data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
},
yAxis: {
type: 'value'
},
series: [
{
data: [120, 200, 150, 80, 70, 110, 130],
type: 'bar'
}
]
};
this.myChart.setOption(option);
},
getTreeData(type) {//查询左侧树
const params = {
"assetEnum": type
</script>
<style>
.confirmClass{
background-color: #0D867F !important;
}
.el-message-box__content{
padding: 60px 15px 60px 15px;
}
</style>
<style scoped>
.el-tabs{
width: 100%;
height: 100%;
}
archiAssetShowTree(params).then(res => {
if(res.code == 200) {
this.treeData.forEach(item => {
if(item.id == type) {
item.children = res.data;
/deep/ .el-tabs__item.is-active {
color: #0D867F;
}
})
/deep/ .el-tabs__item:hover{
color: #0D867F;
}
});
},
treeClick(data, node, e) {//树点击的时候
// console.log(data.assetId);
const type = [ 'BUSI', 'APP', 'DATA', 'TECH', 'SAFE' ];
if(type.includes(data.id)) {
this.getTreeData(data.id);
/deep/ .el-tabs__active-bar{
background-color: #0D867F;
}
/deep/ .el-tabs__content{
height: calc(100% - 38px);
padding: 0;
}
.el-tab-pane{
height: 100%;
}
}
</script>
<style scoped>
.archiAssetVisualShow{
width: 100%;
height: 100%;
display: flex;
align-items: center;
position: relative;
}
.filter-tree{
width: 300px;
height: 100%;
overflow-y: auto;
border-right: 1px solid #ccc;
/deep/ .el-dialog__header{
background-color: #0D867F;
text-align: left;
}
.right_container{
width: calc(100% - 300px);
height: 100%;
display: flex;
justify-content: center;
align-items: center;
/deep/ .el-dialog__title{
color: #fff;
}
/deep/ .el-dialog__close {
color: #fff;
}
/deep/ .is-leaf {
background-color: #fff !important;
.greenButton{
background-color: #0D867F;
color: #fff;
}
</style>
src/views/archiAssetVisualShow/tab1.vue 0 → 100644
<template>
<div class="tab1">
<div class="containerLeft">
<p style="text-align: left;margin-left: 20px;">业务域</p>
<el-divider></el-divider>
<div class="buttonContainer">
<span v-for="item in leftData" :key="item.assetId">
<el-button style="margin: 10px 20px;" @click="showCurrent(item)">{{ item.assetName }}</el-button>
</span>
</div>
</div>
<div class="containerCenter">
<el-collapse accordion v-for="item in centerData" :key="item.assetId" style="margin-bottom: 20px;">
<el-collapse-item>
<template slot="title">
<div style="width: 100%;display: flex;align-items: center;padding-left: 20px;">
<el-button size="medium">{{ item.assetName }}</el-button>
<p style="width: 76%;margin-left: 20px;border-top: 1px dotted #000;"></p>
</div>
</template>
<span v-for="item2 in item.children" :key="item2.assetId">
<el-button style="margin: 10px 20px;">{{ item2.assetName }}</el-button>
</span>
</el-collapse-item>
</el-collapse>
</div>
<div class="containerRight">
<div id="echartsContainer" style="width: 800px;height: 500px;"></div>
</div>
</div>
</template>
<script>
import {
archiAssetShowTree
} from '@/api/index.js';
import { MessageBox, Message } from 'element-ui';
export default {
name: 'tab1',
components: {
},
data() {
return {
leftData: [],
centerData: []
};
},
mounted(){
this.echarts1();
this.getLeftData();
},
methods: {
showCurrent(data) {
this.centerData = data.children;
},
getLeftData() {
const params = {
"assertType": "ARCHI_BUSINESS"
}
archiAssetShowTree(params).then(res => {
if(res.code == 200) {
this.leftData = res.data;
}else {
Message({
type: 'error',
message: res.msg
});
}
})
},
echarts1() {
this.myChart = echarts.init(document.getElementById('echartsContainer'));
var option = {
tooltip: {
trigger: 'axis',
axisPointer: {
type: 'shadow'
}
},
xAxis: {
type: 'category',
data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
},
yAxis: {
type: 'value'
},
series: [
{
data: [120, 200, 150, 80, 70, 110, 130],
type: 'bar'
}
]
};
this.myChart.setOption(option);
},
}
}
</script>
<style>
.el-tabs__nav{
margin-left: 20px;
}
</style>
<style scoped>
.tab1{
height: calc(100% - 20px);
display: flex;
}
.buttonContainer{
height: calc(100% - 90px);
overflow-y: auto;
text-align: left;
}
.containerLeft{
width: 20%;
height: 100%;
border-right: 2px solid #ccc;
}
.containerCenter{
width: 35%;
height: 100%;
border-right: 2px solid #ccc;
}
.containerRight{
width: 45%;
height: 100%;
}
.el-button--primary{
background: rgba(13,134,127,1);
color: #fff;
border: 0;
}
</style>
\ No newline at end of file
src/views/archiAssetVisualShow/tab2.vue 0 → 100644
<template>
<div class="tab2">
<div class="containerLeft">
<p style="text-align: left;margin-left: 20px;">业务域</p>
<el-divider></el-divider>
<div class="buttonContainer">
<span v-for="item in leftData" :key="item.assetId">
<el-button style="margin: 10px 20px;" @click="showCurrent(item)">{{ item.assetName }}</el-button>
</span>
</div>
</div>
<div class="containerCenter">
<el-collapse accordion v-for="item in centerData" :key="item.assetId" style="margin-bottom: 20px;">
<el-collapse-item>
<template slot="title">
<div style="width: 100%;display: flex;align-items: center;padding-left: 20px;">
<el-button size="medium">{{ item.assetName }}</el-button>
<p style="width: 76%;margin-left: 20px;border-top: 1px dotted #000;"></p>
</div>
</template>
<span v-for="item2 in item.children" :key="item2.assetId">
<el-button style="margin: 10px 20px;">{{ item2.assetName }}</el-button>
</span>
</el-collapse-item>
</el-collapse>
</div>
<div class="containerRight">
<div id="echartsContainer2" style="width: 800px;height: 500px;"></div>
</div>
</div>
</template>
<script>
import {
archiAssetShowTree
} from '@/api/index.js';
import { MessageBox, Message } from 'element-ui';
export default {
name: 'tab2',
components: {
},
data() {
return {
leftData: [],
centerData: []
};
},
mounted(){
this.echarts1();
this.getLeftData();
},
methods: {
showCurrent(data) {
this.centerData = data.children;
},
getLeftData() {
const params = {
"assertType": "ARCHI_APPLICATION"
}
archiAssetShowTree(params).then(res => {
if(res.code == 200) {
this.leftData = res.data;
}else {
Message({
type: 'error',
message: res.msg
});
}
})
},
echarts1() {
this.myChart = echarts.init(document.getElementById('echartsContainer2'));
var option = {
tooltip: {
trigger: 'axis',
axisPointer: {
type: 'shadow'
}
},
xAxis: {
type: 'category',
data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
},
yAxis: {
type: 'value'
},
series: [
{
data: [120, 200, 150, 80, 70, 110, 130],
type: 'bar'
}
]
};
this.myChart.setOption(option);
},
}
}
</script>
<style>
.el-tabs__nav{
margin-left: 20px;
}
</style>
<style scoped>
.tab2{
height: calc(100% - 20px);
display: flex;
}
.buttonContainer{
height: calc(100% - 90px);
overflow-y: auto;
text-align: left;
}
.containerLeft{
width: 20%;
height: 100%;
border-right: 2px solid #ccc;
}
.containerCenter{
width: 35%;
height: 100%;
border-right: 2px solid #ccc;
}
.containerRight{
width: 45%;
height: 100%;
}
.el-button--primary{
background: rgba(13,134,127,1);
color: #fff;
border: 0;
}
</style>
\ No newline at end of file
src/views/archiAssetVisualShow/tab3.vue 0 → 100644
<template>
<div class="tab3">
<div class="containerLeft">
<p style="text-align: left;margin-left: 20px;">业务域</p>
<el-divider></el-divider>
<div class="buttonContainer">
<span v-for="item in leftData" :key="item.assetId">
<el-button style="margin: 10px 20px;" @click="showCurrent(item)">{{ item.assetName }}</el-button>
</span>
</div>
</div>
<div class="containerCenter">
<el-collapse accordion v-for="item in centerData" :key="item.assetId" style="margin-bottom: 20px;">
<el-collapse-item>
<template slot="title">
<div style="width: 100%;display: flex;align-items: center;padding-left: 20px;">
<el-button size="medium">{{ item.assetName }}</el-button>
<p style="width: 76%;margin-left: 20px;border-top: 1px dotted #000;"></p>
</div>
</template>
<span v-for="item2 in item.children" :key="item2.assetId">
<el-button style="margin: 10px 20px;">{{ item2.assetName }}</el-button>
</span>
</el-collapse-item>
</el-collapse>
</div>
<div class="containerRight">
<div id="echartsContainer3" style="width: 800px;height: 500px;"></div>
</div>
</div>
</template>
<script>
import {
archiAssetShowTree
} from '@/api/index.js';
import { MessageBox, Message } from 'element-ui';
export default {
name: 'tab3',
components: {
},
data() {
return {
leftData: [],
centerData: []
};
},
mounted(){
this.echarts1();
this.getLeftData();
},
methods: {
showCurrent(data) {
this.centerData = data.children;
},
getLeftData() {
const params = {
"assertType": "ARCHI_DATA"
}
archiAssetShowTree(params).then(res => {
if(res.code == 200) {
this.leftData = res.data;
}else {
Message({
type: 'error',
message: res.msg
});
}
})
},
echarts1() {
this.myChart = echarts.init(document.getElementById('echartsContainer3'));
var option = {
tooltip: {
trigger: 'axis',
axisPointer: {
type: 'shadow'
}
},
xAxis: {
type: 'category',
data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
},
yAxis: {
type: 'value'
},
series: [
{
data: [120, 200, 150, 80, 70, 110, 130],
type: 'bar'
}
]
};
this.myChart.setOption(option);
},
}
}
</script>
<style>
.el-tabs__nav{
margin-left: 20px;
}
</style>
<style scoped>
.tab3{
height: calc(100% - 20px);
display: flex;
}
.buttonContainer{
height: calc(100% - 90px);
overflow-y: auto;
text-align: left;
}
.containerLeft{
width: 20%;
height: 100%;
border-right: 2px solid #ccc;
}
.containerCenter{
width: 35%;
height: 100%;
border-right: 2px solid #ccc;
}
.containerRight{
width: 45%;
height: 100%;
}
.el-button--primary{
background: rgba(13,134,127,1);
color: #fff;
border: 0;
}
</style>
\ No newline at end of file
src/views/archiAssetVisualShow/tab4.vue 0 → 100644
<template>
<div class="tab4">
<div class="containerLeft">
<p style="text-align: left;margin-left: 20px;">业务域</p>
<el-divider></el-divider>
<div class="buttonContainer">
<span v-for="item in leftData" :key="item.assetId">
<el-button style="margin: 10px 20px;" @click="showCurrent(item)">{{ item.assetName }}</el-button>
</span>
</div>
</div>
<div class="containerCenter">
<el-collapse accordion v-for="item in centerData" :key="item.assetId" style="margin-bottom: 20px;">
<el-collapse-item>
<template slot="title">
<div style="width: 100%;display: flex;align-items: center;padding-left: 20px;">
<el-button size="medium">{{ item.assetName }}</el-button>
<p style="width: 76%;margin-left: 20px;border-top: 1px dotted #000;"></p>
</div>
</template>
<span v-for="item2 in item.children" :key="item2.assetId">
<el-button style="margin: 10px 20px;">{{ item2.assetName }}</el-button>
</span>
</el-collapse-item>
</el-collapse>
</div>
<div class="containerRight">
<div id="echartsContainer4" style="width: 800px;height: 500px;"></div>
</div>
</div>
</template>
<script>
import {
archiAssetShowTree
} from '@/api/index.js';
import { MessageBox, Message } from 'element-ui';
export default {
name: 'tab4',
components: {
},
data() {
return {
leftData: [],
centerData: []
};
},
mounted(){
this.echarts1();
this.getLeftData();
},
methods: {
showCurrent(data) {
this.centerData = data.children;
},
getLeftData() {
const params = {
"assertType": "ARCHI_TECHNOLOGY"
}
archiAssetShowTree(params).then(res => {
if(res.code == 200) {
this.leftData = res.data;
}else {
Message({
type: 'error',
message: res.msg
});
}
})
},
echarts1() {
this.myChart = echarts.init(document.getElementById('echartsContainer4'));
var option = {
tooltip: {
trigger: 'axis',
axisPointer: {
type: 'shadow'
}
},
xAxis: {
type: 'category',
data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
},
yAxis: {
type: 'value'
},
series: [
{
data: [120, 200, 150, 80, 70, 110, 130],
type: 'bar'
}
]
};
this.myChart.setOption(option);
},
}
}
</script>
<style>
.el-tabs__nav{
margin-left: 20px;
}
</style>
<style scoped>
.tab4{
height: calc(100% - 20px);
display: flex;
}
.buttonContainer{
height: calc(100% - 90px);
overflow-y: auto;
text-align: left;
}
.containerLeft{
width: 20%;
height: 100%;
border-right: 2px solid #ccc;
}
.containerCenter{
width: 35%;
height: 100%;
border-right: 2px solid #ccc;
}
.containerRight{
width: 45%;
height: 100%;
}
.el-button--primary{
background: rgba(13,134,127,1);
color: #fff;
border: 0;
}
</style>
\ No newline at end of file
src/views/archiAssetVisualShow/tab5.vue 0 → 100644
<template>
<div class="tab5">
<div class="containerLeft">
<p style="text-align: left;margin-left: 20px;">业务域</p>
<el-divider></el-divider>
<div class="buttonContainer">
<span v-for="item in leftData" :key="item.assetId">
<el-button style="margin: 10px 20px;" @click="showCurrent(item)">{{ item.assetName }}</el-button>
</span>
</div>
</div>
<div class="containerCenter">
<el-collapse accordion v-for="item in centerData" :key="item.assetId" style="margin-bottom: 20px;">
<el-collapse-item>
<template slot="title">
<div style="width: 100%;display: flex;align-items: center;padding-left: 20px;">
<el-button size="medium">{{ item.assetName }}</el-button>
<p style="width: 76%;margin-left: 20px;border-top: 1px dotted #000;"></p>
</div>
</template>
<span v-for="item2 in item.children" :key="item2.assetId">
<el-button style="margin: 10px 20px;">{{ item2.assetName }}</el-button>
</span>
</el-collapse-item>
</el-collapse>
</div>
<div class="containerRight">
<div id="echartsContainer5" style="width: 800px;height: 500px;"></div>
</div>
</div>
</template>
<script>
import {
archiAssetShowTree
} from '@/api/index.js';
import { MessageBox, Message } from 'element-ui';
export default {
name: 'tab5',
components: {
},
data() {
return {
leftData: [],
centerData: []
};
},
mounted(){
this.echarts1();
this.getLeftData();
},
methods: {
showCurrent(data) {
this.centerData = data.children;
},
getLeftData() {
const params = {
"assertType": "ARCHI_SAFE"
}
archiAssetShowTree(params).then(res => {
if(res.code == 200) {
this.leftData = res.data;
}else {
Message({
type: 'error',
message: res.msg
});
}
})
},
echarts1() {
this.myChart = echarts.init(document.getElementById('echartsContainer5'));
var option = {
tooltip: {
trigger: 'axis',
axisPointer: {
type: 'shadow'
}
},
xAxis: {
type: 'category',
data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
},
yAxis: {
type: 'value'
},
series: [
{
data: [120, 200, 150, 80, 70, 110, 130],
type: 'bar'
}
]
};
this.myChart.setOption(option);
},
}
}
</script>
<style>
.el-tabs__nav{
margin-left: 20px;
}
</style>
<style scoped>
.tab5{
height: calc(100% - 20px);
display: flex;
}
.buttonContainer{
height: calc(100% - 90px);
overflow-y: auto;
text-align: left;
}
.containerLeft{
width: 20%;
height: 100%;
border-right: 2px solid #ccc;
}
.containerCenter{
width: 35%;
height: 100%;
border-right: 2px solid #ccc;
}
.containerRight{
width: 45%;
height: 100%;
}
.el-button--primary{
background: rgba(13,134,127,1);
color: #fff;
border: 0;
}
</style>
\ No newline at end of file
src/views/projectInfoManage/index.vue
......@@ -544,6 +544,7 @@ export default {
},
addItem() {//新建项目
this.add_dialog = true;
this.is_add_edit = 'add';
this.$nextTick(() => {
this.$refs.form.resetFields();
this.ruleForm.let1 = null;
......@@ -587,7 +588,7 @@ export default {
this.tableData4.forEach((item, index) => {
item.fileList = filesValue[index].fileUrl ? [
{
name: filesValue[index].name,
name: filesValue[index].fileName,
url: filesValue[index].fileUrl,
fileId: filesValue[index].fileId,
fileName: filesValue[index].fileName,
......@@ -596,7 +597,7 @@ export default {
] : [];
item.fileArray = filesValue[index].fileUrl ? [
{
name: filesValue[index].name,
name: filesValue[index].fileName,
url: filesValue[index].fileUrl,
fileId: filesValue[index].fileId,
fileName: filesValue[index].fileName,
......@@ -689,7 +690,7 @@ export default {
let filesValue = [];
this.tableData4.forEach(item => {
filesValue.push({
name: item.tableLet1,
docName: item.tableLet1,
fileId: item.fileArray.length > 0 ? item.fileArray[0].fileId : null,
fileName: item.fileArray.length > 0 ? item.fileArray[0].fileName : null,
fileUrl: item.fileArray.length > 0 ? item.fileArray[0].fileUrl : null,
......
src/views/typical-example-manage/index.vue
......@@ -295,6 +295,8 @@ export default {
this.$confirm("确认删除吗", "提示", {
confirmButtonText: "确定",
cancelButtonText: "取消",
customClass: 'messageClass',
confirmButtonClass: 'confirmClass',
type: "warning"
}).then(() => {
let params = {
......@@ -325,6 +327,8 @@ export default {
this.$confirm("确认批量删除吗", "提示", {
confirmButtonText: "确定",
cancelButtonText: "取消",
customClass: 'messageClass',
confirmButtonClass: 'confirmClass',
type: "warning"
}).then(() => {
getTypicalExampleDel(params).then(res => {
......
Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!