Skip to content

liangzhen / framework-tools-web

Go to a project
Commit 33c7466e by liuyong
Options

修改bug

1 parent c173fecd
Expand all
Inline Side-by-side
Showing with 1740 additions and 420 deletions
public/drawio/extention/js/exApp.js
...@@ -121,32 +121,39 @@ const setIcon = function (itemIcon, dicys, color) { ...@@ -121,32 +121,39 @@ const setIcon = function (itemIcon, dicys, color) {
return { width, height, icon }; return { width, height, icon };
} }
// const images_ = [
// { // 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>';
// aspect: "fixed", 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>';
// data: "data:image/svg+xml;base64,PHN2ZyB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWw6c3BhY2U9InByZXNlcnZlIiB2aWV3Qm94PSIwIDAgMjU2IDI1NiIgeT0iMHB4IiB4PSIwcHgiIHZlcnNpb249IjEuMSI+JiN4YTsJPG1ldGFkYXRhPiYjeGE7CQlTdmcgVmVjdG9yIEljb25zIDogaHR0cDovL3d3dy5vbmxpbmV3ZWJmb250cy5jb20vaWNvbiYjeGE7CTwvbWV0YWRhdGE+JiN4YTsJPGc+JiN4YTsJCTxnPiYjeGE7CQkJPHBhdGggZD0iTTIxNS4zLDEwMS41bDEzLjksMjQuMWwtOTcuNSw1LjNsMjIuNSwzOWw0My41LDQuN2w4LDEzLjhsLTU3LjUsMjIuM0wxMDYuMiwyNDZsLTguMS0xNGwxNy45LTQwLjRsLTIyLTM4LjFsLTUzLjMsODEuN2wtMTMuOS0yNC4xbDM3LjgtMTA4LjVsLTM0LTU4LjhjLTYuMy0xMS0zLTI0LjgsNy41LTMwLjljMTAuNS02LDI0LjItMiwzMC41LDguOWwzMy42LDU4LjFMMjE1LjMsMTAxLjV6IE0yMTMuOCwxMTcuM2wtNC40LTcuNmwtMTEzLTIxLjZMNjAuOCwyNi4zYy0zLjgtNi42LTExLjktOS4xLTE4LTUuNnMtOCwxMS44LTQuMiwxOC40bDM2LjEsNjIuNEwzNi44LDIxMC4xbDQuNCw3LjZsNTMuMy04MS43bDMxLjgsNTUuMWwtMTcuOSw0MC40bDAuMywwLjVsMzQuNS0yOWwxLjMtMC42bDQ3LjktMTguNmwtMC40LTAuNmwtNDMuNS00LjdsLTMyLjMtNTUuOUwyMTMuOCwxMTcuM3oiIGZpbGw9IiMwMDAwMDAiLz4mI3hhOwkJPC9nPiYjeGE7CTwvZz4mI3hhOzwvc3ZnPg==", const encode_item_icon = window.btoa(svg);//base64编码
// h: 256, let svgImage= 'data:image/svg+xml;base64,'+ encode_item_icon;
// title: "svg", console.log(svgImage)
// w: 256
// }
// ];
// xml格式数据，压缩或者不压缩的都行
const images_ = [ const images_ = [
{ {
aspect: "fixed", aspect: "fixed",
xml: "tZTBUoMwEIafhisDpC30qG3Vg84404NHJ4UtZAwsExahPr0JhALWjnqQC/D9uyT7bxaHbfL2XvEye8IEpBN4SeuwrRMEfriI9M2QkyXLld+TVInEshHsxQdY6FlaiwSqWSAhShLlHMZYFBDTjHGlsJmHHVHOVy15ChdgH3N5SV9EQllPoyAc+QOINBtW9lfrXsn5EGwrqTKeYDNBbOewjUKk/ilvNyCNe4Mvfd7dFfW8MQUF/SYh6BPeuaxtbXZfdBqKVVgXCZh432G3TSYI9iWPjdro/mqWUS6tfBRSblCi6nKZ5/FDtDYcC5rwY3dpXpHCN5gowTZceZ5WdO+IiwIMN+92o6AI2qvF+mcL9eEDzIHUSYfYhIC54bJPasa2hYFrYTbp2cI2iNujkp6/NrqpH6yh35vLfjbX1CP0wXrkB5DPWAkSWGjpgESY67KHgBspUiMQfnFcn6DSfCxvUzNt7oFXInZ5XBO8khK8SM1at930ebrSf3E2WvQZdqAvTR4md2qx/3eL9es4G502+cWw3Sc=", //data: "data:image/svg+xml;base64,PHN2ZyB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWw6c3BhY2U9InByZXNlcnZlIiB2aWV3Qm94PSIwIDAgMjU2IDI1NiIgeT0iMHB4IiB4PSIwcHgiIHZlcnNpb249IjEuMSI+JiN4YTsJPG1ldGFkYXRhPiYjeGE7CQlTdmcgVmVjdG9yIEljb25zIDogaHR0cDovL3d3dy5vbmxpbmV3ZWJmb250cy5jb20vaWNvbiYjeGE7CTwvbWV0YWRhdGE+JiN4YTsJPGc+JiN4YTsJCTxnPiYjeGE7CQkJPHBhdGggZD0iTTIxNS4zLDEwMS41bDEzLjksMjQuMWwtOTcuNSw1LjNsMjIuNSwzOWw0My41LDQuN2w4LDEzLjhsLTU3LjUsMjIuM0wxMDYuMiwyNDZsLTguMS0xNGwxNy45LTQwLjRsLTIyLTM4LjFsLTUzLjMsODEuN2wtMTMuOS0yNC4xbDM3LjgtMTA4LjVsLTM0LTU4LjhjLTYuMy0xMS0zLTI0LjgsNy41LTMwLjljMTAuNS02LDI0LjItMiwzMC41LDguOWwzMy42LDU4LjFMMjE1LjMsMTAxLjV6IE0yMTMuOCwxMTcuM2wtNC40LTcuNmwtMTEzLTIxLjZMNjAuOCwyNi4zYy0zLjgtNi42LTExLjktOS4xLTE4LTUuNnMtOCwxMS44LTQuMiwxOC40bDM2LjEsNjIuNEwzNi44LDIxMC4xbDQuNCw3LjZsNTMuMy04MS43bDMxLjgsNTUuMWwtMTcuOSw0MC40bDAuMywwLjVsMzQuNS0yOWwxLjMtMC42bDQ3LjktMTguNmwtMC40LTAuNmwtNDMuNS00LjdsLTMyLjMtNTUuOUwyMTMuOCwxMTcuM3oiIGZpbGw9IiMwMDAwMDAiLz4mI3hhOwkJPC9nPiYjeGE7CTwvZz4mI3hhOzwvc3ZnPg==",
h: 430, data: svgImage,
title: "我的图库", h: 256,
w: 360 title: "svg",
w: 256
} }
]; ];
// xml格式数据，压缩或者不压缩的都行
// const images_ = [
// {
// aspect: "fixed",
// xml: "tZTBUoMwEIafhisDpC30qG3Vg84404NHJ4UtZAwsExahPr0JhALWjnqQC/D9uyT7bxaHbfL2XvEye8IEpBN4SeuwrRMEfriI9M2QkyXLld+TVInEshHsxQdY6FlaiwSqWSAhShLlHMZYFBDTjHGlsJmHHVHOVy15ChdgH3N5SV9EQllPoyAc+QOINBtW9lfrXsn5EGwrqTKeYDNBbOewjUKk/ilvNyCNe4Mvfd7dFfW8MQUF/SYh6BPeuaxtbXZfdBqKVVgXCZh432G3TSYI9iWPjdro/mqWUS6tfBRSblCi6nKZ5/FDtDYcC5rwY3dpXpHCN5gowTZceZ5WdO+IiwIMN+92o6AI2qvF+mcL9eEDzIHUSYfYhIC54bJPasa2hYFrYTbp2cI2iNujkp6/NrqpH6yh35vLfjbX1CP0wXrkB5DPWAkSWGjpgESY67KHgBspUiMQfnFcn6DSfCxvUzNt7oFXInZ5XBO8khK8SM1at930ebrSf3E2WvQZdqAvTR4md2qx/3eL9es4G502+cWw3Sc=",
// h: 430,
// title: "我的图库",
// w: 360
// }
// ];
const leftCustomGraph = function(that) {//左侧自定义图形 const leftCustomGraph = function(that) {//左侧自定义图形
// var xml = that.createLibraryDataFromImages(images_); var xml = that.createLibraryDataFromImages(images_);
// var file = new LocalLibrary(that, xml, '图库'); var file = new LocalLibrary(that, xml, '图库');
// that.libraryLoaded(file, images_, null, false); that.libraryLoaded(file, images_, null, false);
// const standardGraph = JSON.parse(localStorage.getItem('standardGraph')); // const standardGraph = JSON.parse(localStorage.getItem('standardGraph'));
...@@ -188,30 +195,30 @@ const leftCustomGraph = function(that) {//左侧自定义图形 ...@@ -188,30 +195,30 @@ 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.subList.forEach(item2 => {
......
src/api/index.js
...@@ -497,7 +497,11 @@ export function archiAssetShowTree(params) { ...@@ -497,7 +497,11 @@ export function archiAssetShowTree(params) {
} }
// 总体架构资产智能搜索，左侧树 // 总体架构资产智能搜索，左侧树
export function archiIntelligenceSearchTree(params) { export function archiIntelligenceSearchTree(params) {
return post('/network/archi-asset-view/assetTree', params); return post('/network/archi-asset-view/assetTreeView', params);
}
// 总体架构资产智能搜索，架构版本
export function archiIntelligenceSearchVersionList(params) {
return post('/network/archi-asset-view/assetV', params);
} }
// 系统信息管理，表格 // 系统信息管理，表格
export function querysystemInfoManageTable(params) { export function querysystemInfoManageTable(params) {
......
src/assets/meta-model-list/default_img.png
src/assets/meta-model-list/default_img.png

5.38 KB | W: | H:

src/assets/meta-model-list/default_img.png

691 Bytes | W: | H:

src/assets/meta-model-list/default_img.png
src/assets/meta-model-list/default_img.png
src/assets/meta-model-list/default_img.png
src/assets/meta-model-list/default_img.png
  • 2-up
  • Swipe
  • Onion skin
src/views/archi-asset-manage/index.vue
...@@ -63,19 +63,20 @@ ...@@ -63,19 +63,20 @@
<el-table-column type="index" label="序号" width="80" align="center"></el-table-column> <el-table-column type="index" label="序号" width="80" align="center"></el-table-column>
<el-table-column prop="assetName" label="资产名称" width="300" :show-overflow-tooltip="true" align="center"></el-table-column> <el-table-column prop="assetName" label="资产名称" width="300" :show-overflow-tooltip="true" align="center"></el-table-column>
<el-table-column prop="eleName" label="资产类型(所属元素)" align="center"></el-table-column> <el-table-column prop="eleName" label="资产类型(所属元素)" align="center"></el-table-column>
<el-table-column label="是否继承" align="center"> <el-table-column label="来源" align="center">
<template slot-scope="scope"> <template slot-scope="scope">
<span v-if="scope.row.isExtend == 1">是</span> <span v-if="scope.row.isExtend == 1">总体资产</span>
<span v-if="scope.row.isExtend == 0">否</span> <span v-if="scope.row.isExtend == 0">系统资产</span>
</template> </template>
</el-table-column> </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 prop="createTime" label="创建时间" align="center"></el-table-column> <el-table-column prop="createTime" label="创建时间" align="center"></el-table-column>
<el-table-column label="操作" width="300" align="center"> <el-table-column label="操作" width="360" align="center">
<template slot-scope="scope"> <template slot-scope="scope">
<div style="display: flex;align-items: center;justify-content: center;"> <div style="display: flex;align-items: center;justify-content: center;">
<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="tingYong_btn" icon="el-icon-remove-outline" size="mini" @click="stopItem(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>
</div> </div>
</template> </template>
...@@ -244,7 +245,7 @@ ...@@ -244,7 +245,7 @@
</el-dialog> </el-dialog>
<el-dialog <el-dialog
title='新建架构' :title="is_add_edit == 'add' ? '新建架构' : '编辑架构'"
:visible.sync="add_dialog3" :visible.sync="add_dialog3"
:center="false" :center="false"
:close-on-click-modal="false" :close-on-click-modal="false"
...@@ -901,6 +902,40 @@ ...@@ -901,6 +902,40 @@
} }
}); });
}, },
stopItem(row) {//停用
MessageBox.confirm('确定发布?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
customClass: 'messageClass',
confirmButtonClass: 'confirmClass',
type: 'warning'
}).then(() => {
const params = {
assetId: row.assetId,
state: 0,
assetConstant: this.assetConstant,
}
editSystemTable(params).then(res => {
if(res.code == 200) {
this.get_table();
Message({
type: 'success',
message: '发布成功!'
});
}else {
Message({
type: 'error',
message: res.msg
});
}
});
}).catch(() => {
Message({
type: 'info',
message: '已取消'
});
});
},
releaseItem(row) {//发布 releaseItem(row) {//发布
MessageBox.confirm('确定发布?', '提示', { MessageBox.confirm('确定发布?', '提示', {
confirmButtonText: '确定', confirmButtonText: '确定',
...@@ -1199,6 +1234,10 @@ ...@@ -1199,6 +1234,10 @@
/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;
} }
.tingYong_btn{
color: #DEA82A;
background-color: #FDF6E6;
}
.shanChu_btn{ .shanChu_btn{
color: #DD6A15; color: #DD6A15;
background-color: #F8EBE2; background-color: #F8EBE2;
......
src/views/archi-intelligence-search/index.vue
<template> <template>
<div class="archiIntelligenceSearch"> <div class="archiIntelligenceSearch">
<div class="left_container"> <div class="left_container">
<div class="search_menu_item" style="margin-top: 15px;">
<span class="search_title">架构内容:</span>
<!-- <el-input v-no-backslash v-model="query_item1" placeholder="请输入" style="width: 300px;" maxlength="100"></el-input> -->
<el-input placeholder="请输入内容" v-model="query_item1" style="width: 300px;">
<template slot="append">
<div style="cursor: pointer;width: 50px;height: 35px;display: flex;justify-content: center;align-items: center;" @click="select1">
<i class="el-icon-search"></i>
</div>
</template>
</el-input>
</div>
<div class="search_menu_item">
<span class="search_title">架构版本:</span>
<el-select v-model="query_item2" clearable placeholder="请选择" style="width: 300px;" @change="select2">
<el-option v-for="item in archiList" :key="item.versionId" :label="item.versionName" :value="item.versionId"></el-option>
</el-select>
</div>
<el-tree <el-tree
class="filter-tree" class="filter-tree"
:data="treeData" :data="treeData"
:highlight-current="true" :highlight-current="true"
:props="{ children: 'subList', label: 'assetName', id: 'assetId' }" :props="{ children: 'children', label: 'name', id: 'id' }"
default-expand-all default-expand-all
show-checkbox show-checkbox
node-key="assetId" node-key="id"
:check-strictly="true"
@check="treeCheckChange" @check="treeCheckChange"
ref="tree"> ref="tree">
</el-tree> </el-tree>
...@@ -22,6 +40,7 @@ ...@@ -22,6 +40,7 @@
<script> <script>
import { import {
archiIntelligenceSearchTree, archiIntelligenceSearchTree,
archiIntelligenceSearchVersionList
} 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';
...@@ -32,12 +51,23 @@ export default { ...@@ -32,12 +51,23 @@ export default {
return { return {
treeData: [], treeData: [],
myChart: null, myChart: null,
query_item1: null,
query_item2: null,
archiList: []
}; };
}, },
mounted(){ mounted(){
this.getTreeData(); this.getTreeData();
this.getVisionList();
}, },
methods: { methods: {
select1() {
this.getTreeData();
},
select2(data) {
this.getTreeData();
},
echarts1(seriesData, linkData) { echarts1(seriesData, linkData) {
this.myChart = echarts.init(document.getElementById('echartsContainer')); this.myChart = echarts.init(document.getElementById('echartsContainer'));
...@@ -51,6 +81,7 @@ export default { ...@@ -51,6 +81,7 @@ export default {
{ {
type: 'graph', type: 'graph',
layout: 'force', layout: 'force',
roam: true,
symbolSize: [ 120, 60 ], symbolSize: [ 120, 60 ],
label: { label: {
normal: { normal: {
...@@ -70,7 +101,9 @@ export default { ...@@ -70,7 +101,9 @@ export default {
} }
}, },
force: { force: {
repulsion: 3000 // repulsion: 500,
repulsion: 1000, //节点之间的斥力因子。
edgeLength: 100 //边的两个节点之间的距离，这个距离也会受 repulsion。
}, },
// edgeSymbol: ['circle', 'arrow'], // edgeSymbol: ['circle', 'arrow'],
data: seriesData, data: seriesData,
...@@ -81,8 +114,19 @@ export default { ...@@ -81,8 +114,19 @@ export default {
this.myChart.setOption(option); this.myChart.setOption(option);
}, },
getTreeData(type) {//查询左侧树 getVisionList() {//查询架构版本
archiIntelligenceSearchTree({}).then(res => { archiIntelligenceSearchVersionList({}).then(res => {
if(res.code == 200) {
this.archiList = res.data;
}
});
},
getTreeData() {//查询左侧树
const params = {
"assetName": this.query_item1,
"versionId": this.query_item2,
}
archiIntelligenceSearchTree(params).then(res => {
if(res.code == 200) { if(res.code == 200) {
this.treeData = res.data; this.treeData = res.data;
} }
...@@ -90,7 +134,11 @@ export default { ...@@ -90,7 +134,11 @@ export default {
}, },
treeCheckChange(data, tree) {//左侧树勾选 treeCheckChange(data, tree) {//左侧树勾选
let seriesData = [], linkData = []; let seriesData = [], linkData = [];
if(tree.checkedNodes.length > 0) { if(tree.checkedNodes.length > 0) {
console.log(tree.checkedNodes)
tree.checkedNodes.forEach(item => { tree.checkedNodes.forEach(item => {
if(!item.targetList){ if(!item.targetList){
return; return;
...@@ -127,22 +175,24 @@ export default { ...@@ -127,22 +175,24 @@ export default {
} }
}) })
var new_arr2 = [] // var new_arr2 = []
for (var i = 0; i < seriesData.length; i++) { // for (var i = 0; i < seriesData.length; i++) {
var flag = true // var flag = true
for (var j = 0; j < new_arr2.length; j++) { // for (var j = 0; j < new_arr2.length; j++) {
if (new_arr2[j].id == seriesData[i].id) { // if (new_arr2[j].id == seriesData[i].id) {
flag = false // flag = false
} // }
} // }
if (flag) { // if (flag) {
new_arr2.push(seriesData[i]) // new_arr2.push(seriesData[i])
} // }
} // }
seriesData = new_arr2; // seriesData = new_arr2;
this.echarts1(seriesData, linkData);
// this.echarts1(seriesData, linkData);
}else { }else {
this.myChart.dispose(); // this.myChart.dispose();
} }
}, },
} }
...@@ -154,24 +204,43 @@ export default { ...@@ -154,24 +204,43 @@ export default {
<style scoped> <style scoped>
.filter-tree{ .filter-tree{
width: 300px; width: 300px;
height: 100%; height: calc(100% - 120px);
overflow-y: auto; overflow-y: auto;
display: inline-block;
} }
/deep/ .is-leaf { /deep/ .is-leaf {
background-color: #fff !important; background-color: #fff !important;
} }
.search_menu_item{
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 10px;
}
.search_title{
font-size: 14px;
color: #606291;
flex-shrink: 0;
margin-right: 10px;
}
.archiIntelligenceSearch{ .archiIntelligenceSearch{
width: 100%; width: 100%;
height: 100%; height: 100%;
display: flex; display: flex;
} }
.left_container{ .left_container{
width: 20%; width: 25%;
margin-right: 20px; margin-right: 20px;
height: 100%; height: 100%;
border: 1px solid #ccc;
text-align: center;
} }
.right_container{ .right_container{
width: 80%; width: 75%;
height: 100%; height: 100%;
pornhub: hidden;
}
/deep/ .el-input-group__append{
padding: 0;
} }
</style> </style>
\ No newline at end of file
src/views/comCenterServeList/pages/page1.vue
...@@ -44,41 +44,38 @@ ...@@ -44,41 +44,38 @@
<el-table :height="tableHeight" @selection-change="handleSelectionChange" v-loading="loading" :data="tableData" stripe border> <el-table :height="tableHeight" @selection-change="handleSelectionChange" v-loading="loading" :data="tableData" stripe border>
<el-table-column type="selection" width="55"></el-table-column> <el-table-column type="selection" width="55"></el-table-column>
<el-table-column type="index" label="序号" width="80" align="center"></el-table-column> <el-table-column type="index" label="序号" width="80" align="center"></el-table-column>
<el-table-column prop="inventoryName" label="服务名称" align="center"></el-table-column> <el-table-column label="企业中台" align="center">
<el-table-column prop="tcType" label="服务来源" align="center"></el-table-column>
<el-table-column prop="platformSource" label="平台来源" align="center"></el-table-column>
<el-table-column label="服务类型" align="center">
<template slot-scope="scope"> <template slot-scope="scope">
<span v-if="scope.row.serveType == 1">聚合服务</span> <span v-if="scope.row.abilityType == 1">业务中台服务能力</span>
<span v-if="scope.row.serveType == 2">规则服务</span> <span v-else-if="scope.row.abilityType == 2">数据中台资源目录</span>
<span v-if="scope.row.serveType == 3">数据服务</span> <span v-else-if="scope.row.abilityType == 3">数据中台资源服务</span>
<span v-else>原子服务</span> <span v-else-if="scope.row.abilityType == 4">技术中台公共技术能力</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="departName" label="中心名称" align="center"></el-table-column>
<el-table-column prop="module" label="模块" align="center"></el-table-column>
<el-table-column prop="inventoryName" label="服务名称" align="center"></el-table-column>
<el-table-column prop="serveRemark" label="服务描述" align="center"></el-table-column>
<el-table-column label="服务状态" align="center"> <el-table-column label="服务状态" align="center">
<template slot-scope="scope"> <template slot-scope="scope">
<span v-if="scope.row.serveState == 1">在建</span> <span v-if="scope.row.serveType == 1">聚合服务</span>
<span v-else>在运</span> <span v-else-if="scope.row.serveType == 2">规则服务</span>
<span v-else-if="scope.row.serveType == 3">数据服务</span>
<span v-else-if="scope.row.serveType == 4">原子服务</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="serveRemark" label="服务描述" align="center"></el-table-column> <el-table-column prop="serveState" label="服务类型" align="center">
<el-table-column prop="module" label="模块" align="center"></el-table-column>
<el-table-column label="状态" align="center">
<template slot-scope="scope"> <template slot-scope="scope">
<span v-if="scope.row.state == 0">已停用</span> <span v-if="scope.row.serveState == 1">在建</span>
<span v-if="scope.row.state == 1">已发布</span> <span v-else-if="scope.row.serveState == 2">在运</span>
<span v-if="scope.row.state == 2">暂存</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="departName" label="归属部门" align="center"></el-table-column> <el-table-column label="操作" width="250" align="center">
<el-table-column prop="compName" label="建设单位" align="center"></el-table-column>
<el-table-column prop="publishTime" label="发布时间" align="center" :show-overflow-tooltip="true"></el-table-column>
<el-table-column prop="description" label="简介" align="center"></el-table-column>
<el-table-column prop="inventoryVersion" label="版本" align="center"></el-table-column>
<el-table-column label="操作" width="150" 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="operate('view',scope.row)">查看</el-button> <el-button icon="el-icon-view" type="primary" size="mini" @click="operate('view',scope.row)">查看</el-button>
<el-button icon="el-icon-upload2" type="primary" size="mini" @click="cancelReleaseItem(scope.row)" v-if="scope.row.state == 1">取消发布</el-button>
<el-button icon="el-icon-upload2" type="primary" size="mini" @click="releaseItem(scope.row)" v-if="scope.row.state != 1">发布</el-button>
</div> </div>
</template> </template>
</el-table-column> </el-table-column>
...@@ -104,46 +101,36 @@ ...@@ -104,46 +101,36 @@
<div class="add_dialog_content"> <div class="add_dialog_content">
<el-form :model="formData" ref="form"> <el-form :model="formData" ref="form">
<div class="form_item_container"> <div class="form_item_container">
<el-form-item label="案例名称:" prop="tcName"> <el-form-item label="企业中台:" prop="abilityType">
<el-input v-model="formData.tcName"></el-input> <el-input v-model="formData.abilityType" readonly></el-input>
</el-form-item>
<el-form-item label="案例类型:" prop="tcType">
<el-select v-model="formData.tcType" placeholder="请选择">
<el-option v-for="item in selectData1" :key="item.label" :label="item.label" :value="item.value"></el-option>
</el-select>
</el-form-item> </el-form-item>
<el-form-item label="项目类型:" prop="prjType"> <el-form-item label="中心名称:" prop="departName">
<el-select v-model="formData.prjType" placeholder="请选择"> <el-input v-model="formData.departName" readonly></el-input>
<el-option v-for="item in selectData3" :key="item.label" :label="item.label" :value="item.value"></el-option>
</el-select>
</el-form-item> </el-form-item>
<el-form-item label="建设内容:" prop="buildContent"> <el-form-item label="模块:" prop="module">
<el-input v-model="formData.buildContent"></el-input> <el-input v-model="formData.module" readonly></el-input>
</el-form-item> </el-form-item>
<el-form-item label="问题类型:" prop="problemType"> <el-form-item label="服务名称:" prop="inventoryName">
<el-select v-model="formData.problemType" placeholder="请选择"> <el-input v-model="formData.inventoryName" readonly></el-input>
<el-option v-for="item in selectData2" :key="item.label" :label="item.label" :value="item.value"></el-option>
</el-select>
</el-form-item> </el-form-item>
<el-form-item label="问题等级:" prop="problemLevel"> <el-form-item class="cross1" label="服务描述:" prop="serveRemark">
<el-select v-model="formData.problemLevel" placeholder="请选择"> <el-input type="textarea" readonly v-model="formData.serveRemark" maxlength="200" show-word-limit></el-input>
<el-option v-for="item in selectData4" :key="item.label" :label="item.label" :value="item.value"></el-option>
</el-select>
</el-form-item> </el-form-item>
<el-form-item class="cross1" label="架构详情:" prop="archiDetail"> <el-form-item label="服务状态:" prop="serveType">
<el-input type="textarea" v-model="formData.archiDetail" maxlength="200" show-word-limit></el-input> <el-input v-model="formData.serveType" readonly></el-input>
</el-form-item> </el-form-item>
<el-form-item class="cross1" label="问题描述:" prop="problemContent"> <el-form-item label="服务类型:" prop="serveState">
<el-input type="textarea" v-model="formData.problemContent" maxlength="200" show-word-limit></el-input> <el-input v-model="formData.serveState" readonly></el-input>
</el-form-item> </el-form-item>
</div> </div>
</el-form> </el-form>
</div> </div>
</div> </div>
<span slot="footer" class="dialog-footer"> <!-- <span slot="footer" class="dialog-footer">
<el-button class="greenButton" @click="operate('create')">确定</el-button> <el-button class="greenButton" @click="operate('create')">确定</el-button>
<el-button @click="add_dialog = false">取消</el-button> <el-button @click="add_dialog = false">取消</el-button>
</span> </span> -->
</el-dialog> </el-dialog>
</div> </div>
</template> </template>
...@@ -199,14 +186,13 @@ export default { ...@@ -199,14 +186,13 @@ export default {
total: 0, //总条数 total: 0, //总条数
}, },
formData: { formData: {
tcName: '', abilityType: '',
tcType: '', departName: '',
prjType: '', module: '',
buildContent: '', inventoryName: '',
problemType: '', serveRemark: '',
problemLevel: '', serveType: '',
problemContent: '', serveState: '',
archiDetail: "",
}, },
tableHeight: null, tableHeight: null,
dicObj: { dicObj: {
...@@ -264,14 +250,49 @@ export default { ...@@ -264,14 +250,49 @@ export default {
this.add_dialog = true; this.add_dialog = true;
this.title = "新建案例"; this.title = "新建案例";
this.resetForm(); this.resetForm();
}else if (type == "edit") { }else if(type == 'view') {
this.add_dialog = true; this.add_dialog = true;
this.title = "编辑案例"; this.title = "查看案例";
this.formData = item; this.formData = item;
this.formData.tcType = String(this.formData.tcType); switch(item.abilityType){
this.formData.problemType = String(this.formData.problemType); case '1':
this.formData.prjType = String(this.formData.prjType); this.formData.abilityType = '业务中台服务能力';
this.formData.problemLevel = String(this.formData.problemLevel); break;
case '2':
this.formData.abilityType = '数据中台资源目录';
break;
case '3':
this.formData.abilityType = '数据中台资源服务';
break;
case '4':
this.formData.abilityType = '技术中台公共技术能力';
break;
}
switch(item.serveType){
case 1:
this.formData.serveType = '聚合服务';
break;
case 2:
this.formData.serveType = '规则服务';
break;
case 3:
this.formData.serveType = '数据服务';
break;
case 4:
this.formData.serveType = '原子服务';
break;
}
if(item.serveState == 1) {
this.formData.serveState = '在建';
}else {
this.formData.serveState = '在运';
}
}else if (type == "create") { }else if (type == "create") {
if (this.formData.ktcId) { if (this.formData.ktcId) {
// 编辑保存 // 编辑保存
......
src/views/comCenterServeList/pages/page2.vue
...@@ -44,41 +44,38 @@ ...@@ -44,41 +44,38 @@
<el-table :height="tableHeight" @selection-change="handleSelectionChange" v-loading="loading" :data="tableData" stripe border> <el-table :height="tableHeight" @selection-change="handleSelectionChange" v-loading="loading" :data="tableData" stripe border>
<el-table-column type="selection" width="55"></el-table-column> <el-table-column type="selection" width="55"></el-table-column>
<el-table-column type="index" label="序号" width="80" align="center"></el-table-column> <el-table-column type="index" label="序号" width="80" align="center"></el-table-column>
<el-table-column prop="inventoryName" label="服务名称" align="center"></el-table-column> <el-table-column label="企业中台" align="center">
<el-table-column prop="tcType" label="服务来源" align="center"></el-table-column>
<el-table-column prop="platformSource" label="平台来源" align="center"></el-table-column>
<el-table-column label="服务类型" align="center">
<template slot-scope="scope"> <template slot-scope="scope">
<span v-if="scope.row.serveType == 1">聚合服务</span> <span v-if="scope.row.abilityType == 1">业务中台服务能力</span>
<span v-if="scope.row.serveType == 2">规则服务</span> <span v-else-if="scope.row.abilityType == 2">数据中台资源目录</span>
<span v-if="scope.row.serveType == 3">数据服务</span> <span v-else-if="scope.row.abilityType == 3">数据中台资源服务</span>
<span v-else>原子服务</span> <span v-else-if="scope.row.abilityType == 4">技术中台公共技术能力</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="departName" label="中心名称" align="center"></el-table-column>
<el-table-column prop="module" label="模块" align="center"></el-table-column>
<el-table-column prop="inventoryName" label="服务名称" align="center"></el-table-column>
<el-table-column prop="serveRemark" label="服务描述" align="center"></el-table-column>
<el-table-column label="服务状态" align="center"> <el-table-column label="服务状态" align="center">
<template slot-scope="scope"> <template slot-scope="scope">
<span v-if="scope.row.serveState == 1">在建</span> <span v-if="scope.row.serveType == 1">聚合服务</span>
<span v-else>在运</span> <span v-else-if="scope.row.serveType == 2">规则服务</span>
<span v-else-if="scope.row.serveType == 3">数据服务</span>
<span v-else-if="scope.row.serveType == 4">原子服务</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="serveRemark" label="服务描述" align="center"></el-table-column> <el-table-column prop="serveState" label="服务类型" align="center">
<el-table-column prop="module" label="模块" align="center"></el-table-column>
<el-table-column label="状态" align="center">
<template slot-scope="scope"> <template slot-scope="scope">
<span v-if="scope.row.state == 0">已停用</span> <span v-if="scope.row.serveState == 1">在建</span>
<span v-if="scope.row.state == 1">已发布</span> <span v-else-if="scope.row.serveState == 2">在运</span>
<span v-if="scope.row.state == 2">暂存</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="departName" label="归属部门" align="center"></el-table-column> <el-table-column label="操作" width="250" align="center">
<el-table-column prop="compName" label="建设单位" align="center"></el-table-column>
<el-table-column prop="publishTime" label="发布时间" align="center" :show-overflow-tooltip="true"></el-table-column>
<el-table-column prop="description" label="简介" align="center"></el-table-column>
<el-table-column prop="inventoryVersion" label="版本" align="center"></el-table-column>
<el-table-column label="操作" width="150" 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="operate('view',scope.row)">查看</el-button> <el-button icon="el-icon-view" type="primary" size="mini" @click="operate('view',scope.row)">查看</el-button>
<el-button icon="el-icon-upload2" type="primary" size="mini" @click="cancelReleaseItem(scope.row)" v-if="scope.row.state == 1">取消发布</el-button>
<el-button icon="el-icon-upload2" type="primary" size="mini" @click="releaseItem(scope.row)" v-if="scope.row.state != 1">发布</el-button>
</div> </div>
</template> </template>
</el-table-column> </el-table-column>
...@@ -104,46 +101,32 @@ ...@@ -104,46 +101,32 @@
<div class="add_dialog_content"> <div class="add_dialog_content">
<el-form :model="formData" ref="form"> <el-form :model="formData" ref="form">
<div class="form_item_container"> <div class="form_item_container">
<el-form-item label="案例名称:" prop="tcName"> <el-form-item label="企业中台:" prop="abilityType">
<el-input v-model="formData.tcName"></el-input> <el-input v-model="formData.abilityType" readonly></el-input>
</el-form-item>
<el-form-item label="案例类型:" prop="tcType">
<el-select v-model="formData.tcType" placeholder="请选择">
<el-option v-for="item in selectData1" :key="item.label" :label="item.label" :value="item.value"></el-option>
</el-select>
</el-form-item> </el-form-item>
<el-form-item label="项目类型:" prop="prjType"> <el-form-item label="中心名称:" prop="departName">
<el-select v-model="formData.prjType" placeholder="请选择"> <el-input v-model="formData.departName" readonly></el-input>
<el-option v-for="item in selectData3" :key="item.label" :label="item.label" :value="item.value"></el-option>
</el-select>
</el-form-item> </el-form-item>
<el-form-item label="建设内容:" prop="buildContent"> <el-form-item label="模块:" prop="module">
<el-input v-model="formData.buildContent"></el-input> <el-input v-model="formData.module" readonly></el-input>
</el-form-item> </el-form-item>
<el-form-item label="问题类型:" prop="problemType"> <el-form-item label="服务名称:" prop="inventoryName">
<el-select v-model="formData.problemType" placeholder="请选择"> <el-input v-model="formData.inventoryName" readonly></el-input>
<el-option v-for="item in selectData2" :key="item.label" :label="item.label" :value="item.value"></el-option>
</el-select>
</el-form-item> </el-form-item>
<el-form-item label="问题等级:" prop="problemLevel"> <el-form-item class="cross1" label="服务描述:" prop="serveRemark">
<el-select v-model="formData.problemLevel" placeholder="请选择"> <el-input type="textarea" readonly v-model="formData.serveRemark" maxlength="200" show-word-limit></el-input>
<el-option v-for="item in selectData4" :key="item.label" :label="item.label" :value="item.value"></el-option>
</el-select>
</el-form-item> </el-form-item>
<el-form-item class="cross1" label="架构详情:" prop="archiDetail"> <el-form-item label="服务状态:" prop="serveType">
<el-input type="textarea" v-model="formData.archiDetail" maxlength="200" show-word-limit></el-input> <el-input v-model="formData.serveType" readonly></el-input>
</el-form-item> </el-form-item>
<el-form-item class="cross1" label="问题描述:" prop="problemContent"> <el-form-item label="服务类型:" prop="serveState">
<el-input type="textarea" v-model="formData.problemContent" maxlength="200" show-word-limit></el-input> <el-input v-model="formData.serveState" readonly></el-input>
</el-form-item> </el-form-item>
</div> </div>
</el-form> </el-form>
</div> </div>
</div> </div>
<span slot="footer" class="dialog-footer">
<el-button class="greenButton" @click="operate('create')">确定</el-button>
<el-button @click="add_dialog = false">取消</el-button>
</span>
</el-dialog> </el-dialog>
</div> </div>
</template> </template>
...@@ -199,14 +182,13 @@ export default { ...@@ -199,14 +182,13 @@ export default {
total: 0, //总条数 total: 0, //总条数
}, },
formData: { formData: {
tcName: '', abilityType: '',
tcType: '', departName: '',
prjType: '', module: '',
buildContent: '', inventoryName: '',
problemType: '', serveRemark: '',
problemLevel: '', serveType: '',
problemContent: '', serveState: '',
archiDetail: "",
}, },
tableHeight: null, tableHeight: null,
dicObj: { dicObj: {
...@@ -264,14 +246,49 @@ export default { ...@@ -264,14 +246,49 @@ export default {
this.add_dialog = true; this.add_dialog = true;
this.title = "新建案例"; this.title = "新建案例";
this.resetForm(); this.resetForm();
}else if (type == "edit") { }else if (type == "view") {
this.add_dialog = true; this.add_dialog = true;
this.title = "编辑案例"; this.title = "查看案例";
this.formData = item; this.formData = item;
this.formData.tcType = String(this.formData.tcType); switch(item.abilityType){
this.formData.problemType = String(this.formData.problemType); case '1':
this.formData.prjType = String(this.formData.prjType); this.formData.abilityType = '业务中台服务能力';
this.formData.problemLevel = String(this.formData.problemLevel); break;
case '2':
this.formData.abilityType = '数据中台资源目录';
break;
case '3':
this.formData.abilityType = '数据中台资源服务';
break;
case '4':
this.formData.abilityType = '技术中台公共技术能力';
break;
}
switch(item.serveType){
case 1:
this.formData.serveType = '聚合服务';
break;
case 2:
this.formData.serveType = '规则服务';
break;
case 3:
this.formData.serveType = '数据服务';
break;
case 4:
this.formData.serveType = '原子服务';
break;
}
if(item.serveState == 1) {
this.formData.serveState = '在建';
}else {
this.formData.serveState = '在运';
}
}else if (type == "create") { }else if (type == "create") {
if (this.formData.ktcId) { if (this.formData.ktcId) {
// 编辑保存 // 编辑保存
......
src/views/comCenterServeList/pages/page3.vue
...@@ -44,41 +44,38 @@ ...@@ -44,41 +44,38 @@
<el-table :height="tableHeight" @selection-change="handleSelectionChange" v-loading="loading" :data="tableData" stripe border> <el-table :height="tableHeight" @selection-change="handleSelectionChange" v-loading="loading" :data="tableData" stripe border>
<el-table-column type="selection" width="55"></el-table-column> <el-table-column type="selection" width="55"></el-table-column>
<el-table-column type="index" label="序号" width="80" align="center"></el-table-column> <el-table-column type="index" label="序号" width="80" align="center"></el-table-column>
<el-table-column prop="inventoryName" label="服务名称" align="center"></el-table-column> <el-table-column label="企业中台" align="center">
<el-table-column prop="tcType" label="服务来源" align="center"></el-table-column>
<el-table-column prop="platformSource" label="平台来源" align="center"></el-table-column>
<el-table-column label="服务类型" align="center">
<template slot-scope="scope"> <template slot-scope="scope">
<span v-if="scope.row.serveType == 1">聚合服务</span> <span v-if="scope.row.abilityType == 1">业务中台服务能力</span>
<span v-if="scope.row.serveType == 2">规则服务</span> <span v-else-if="scope.row.abilityType == 2">数据中台资源目录</span>
<span v-if="scope.row.serveType == 3">数据服务</span> <span v-else-if="scope.row.abilityType == 3">数据中台资源服务</span>
<span v-else>原子服务</span> <span v-else-if="scope.row.abilityType == 4">技术中台公共技术能力</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="departName" label="中心名称" align="center"></el-table-column>
<el-table-column prop="module" label="模块" align="center"></el-table-column>
<el-table-column prop="inventoryName" label="服务名称" align="center"></el-table-column>
<el-table-column prop="serveRemark" label="服务描述" align="center"></el-table-column>
<el-table-column label="服务状态" align="center"> <el-table-column label="服务状态" align="center">
<template slot-scope="scope"> <template slot-scope="scope">
<span v-if="scope.row.serveState == 1">在建</span> <span v-if="scope.row.serveType == 1">聚合服务</span>
<span v-else>在运</span> <span v-else-if="scope.row.serveType == 2">规则服务</span>
<span v-else-if="scope.row.serveType == 3">数据服务</span>
<span v-else-if="scope.row.serveType == 4">原子服务</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="serveRemark" label="服务描述" align="center"></el-table-column> <el-table-column prop="serveState" label="服务类型" align="center">
<el-table-column prop="module" label="模块" align="center"></el-table-column>
<el-table-column label="状态" align="center">
<template slot-scope="scope"> <template slot-scope="scope">
<span v-if="scope.row.state == 0">已停用</span> <span v-if="scope.row.serveState == 1">在建</span>
<span v-if="scope.row.state == 1">已发布</span> <span v-else-if="scope.row.serveState == 2">在运</span>
<span v-if="scope.row.state == 2">暂存</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="departName" label="归属部门" align="center"></el-table-column> <el-table-column label="操作" width="250" align="center">
<el-table-column prop="compName" label="建设单位" align="center"></el-table-column>
<el-table-column prop="publishTime" label="发布时间" align="center" :show-overflow-tooltip="true"></el-table-column>
<el-table-column prop="description" label="简介" align="center"></el-table-column>
<el-table-column prop="inventoryVersion" label="版本" align="center"></el-table-column>
<el-table-column label="操作" width="150" 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="operate('view',scope.row)">查看</el-button> <el-button icon="el-icon-view" type="primary" size="mini" @click="operate('view',scope.row)">查看</el-button>
<el-button icon="el-icon-upload2" type="primary" size="mini" @click="cancelReleaseItem(scope.row)" v-if="scope.row.state == 1">取消发布</el-button>
<el-button icon="el-icon-upload2" type="primary" size="mini" @click="releaseItem(scope.row)" v-if="scope.row.state != 1">发布</el-button>
</div> </div>
</template> </template>
</el-table-column> </el-table-column>
...@@ -104,46 +101,33 @@ ...@@ -104,46 +101,33 @@
<div class="add_dialog_content"> <div class="add_dialog_content">
<el-form :model="formData" ref="form"> <el-form :model="formData" ref="form">
<div class="form_item_container"> <div class="form_item_container">
<el-form-item label="案例名称:" prop="tcName"> <el-form-item label="企业中台:" prop="abilityType">
<el-input v-model="formData.tcName"></el-input> <el-input v-model="formData.abilityType" readonly></el-input>
</el-form-item>
<el-form-item label="案例类型:" prop="tcType">
<el-select v-model="formData.tcType" placeholder="请选择">
<el-option v-for="item in selectData1" :key="item.label" :label="item.label" :value="item.value"></el-option>
</el-select>
</el-form-item> </el-form-item>
<el-form-item label="项目类型:" prop="prjType"> <el-form-item label="中心名称:" prop="departName">
<el-select v-model="formData.prjType" placeholder="请选择"> <el-input v-model="formData.departName" readonly></el-input>
<el-option v-for="item in selectData3" :key="item.label" :label="item.label" :value="item.value"></el-option>
</el-select>
</el-form-item> </el-form-item>
<el-form-item label="建设内容:" prop="buildContent"> <el-form-item label="模块:" prop="module">
<el-input v-model="formData.buildContent"></el-input> <el-input v-model="formData.module" readonly></el-input>
</el-form-item> </el-form-item>
<el-form-item label="问题类型:" prop="problemType"> <el-form-item label="服务名称:" prop="inventoryName">
<el-select v-model="formData.problemType" placeholder="请选择"> <el-input v-model="formData.inventoryName" readonly></el-input>
<el-option v-for="item in selectData2" :key="item.label" :label="item.label" :value="item.value"></el-option>
</el-select>
</el-form-item> </el-form-item>
<el-form-item label="问题等级:" prop="problemLevel"> <el-form-item class="cross1" label="服务描述:" prop="serveRemark">
<el-select v-model="formData.problemLevel" placeholder="请选择"> <el-input type="textarea" readonly v-model="formData.serveRemark" maxlength="200" show-word-limit></el-input>
<el-option v-for="item in selectData4" :key="item.label" :label="item.label" :value="item.value"></el-option>
</el-select>
</el-form-item> </el-form-item>
<el-form-item class="cross1" label="架构详情:" prop="archiDetail"> <el-form-item label="服务状态:" prop="serveType">
<el-input type="textarea" v-model="formData.archiDetail" maxlength="200" show-word-limit></el-input> <el-input v-model="formData.serveType" readonly></el-input>
</el-form-item> </el-form-item>
<el-form-item class="cross1" label="问题描述:" prop="problemContent"> <el-form-item label="服务类型:" prop="serveState">
<el-input type="textarea" v-model="formData.problemContent" maxlength="200" show-word-limit></el-input> <el-input v-model="formData.serveState" readonly></el-input>
</el-form-item> </el-form-item>
</div> </div>
</el-form> </el-form>
</div> </div>
</div> </div>
<span slot="footer" class="dialog-footer">
<el-button class="greenButton" @click="operate('create')">确定</el-button>
<el-button @click="add_dialog = false">取消</el-button>
</span>
</el-dialog> </el-dialog>
</div> </div>
</template> </template>
...@@ -199,14 +183,13 @@ export default { ...@@ -199,14 +183,13 @@ export default {
total: 0, //总条数 total: 0, //总条数
}, },
formData: { formData: {
tcName: '', abilityType: '',
tcType: '', departName: '',
prjType: '', module: '',
buildContent: '', inventoryName: '',
problemType: '', serveRemark: '',
problemLevel: '', serveType: '',
problemContent: '', serveState: '',
archiDetail: "",
}, },
tableHeight: null, tableHeight: null,
dicObj: { dicObj: {
...@@ -264,14 +247,49 @@ export default { ...@@ -264,14 +247,49 @@ export default {
this.add_dialog = true; this.add_dialog = true;
this.title = "新建案例"; this.title = "新建案例";
this.resetForm(); this.resetForm();
}else if (type == "edit") { }else if (type == "view") {
this.add_dialog = true; this.add_dialog = true;
this.title = "编辑案例"; this.title = "查看案例";
this.formData = item; this.formData = item;
this.formData.tcType = String(this.formData.tcType); switch(item.abilityType){
this.formData.problemType = String(this.formData.problemType); case '1':
this.formData.prjType = String(this.formData.prjType); this.formData.abilityType = '业务中台服务能力';
this.formData.problemLevel = String(this.formData.problemLevel); break;
case '2':
this.formData.abilityType = '数据中台资源目录';
break;
case '3':
this.formData.abilityType = '数据中台资源服务';
break;
case '4':
this.formData.abilityType = '技术中台公共技术能力';
break;
}
switch(item.serveType){
case 1:
this.formData.serveType = '聚合服务';
break;
case 2:
this.formData.serveType = '规则服务';
break;
case 3:
this.formData.serveType = '数据服务';
break;
case 4:
this.formData.serveType = '原子服务';
break;
}
if(item.serveState == 1) {
this.formData.serveState = '在建';
}else {
this.formData.serveState = '在运';
}
}else if (type == "create") { }else if (type == "create") {
if (this.formData.ktcId) { if (this.formData.ktcId) {
// 编辑保存 // 编辑保存
......
src/views/comCenterServeList/pages/page4.vue
...@@ -44,41 +44,38 @@ ...@@ -44,41 +44,38 @@
<el-table :height="tableHeight" @selection-change="handleSelectionChange" v-loading="loading" :data="tableData" stripe border> <el-table :height="tableHeight" @selection-change="handleSelectionChange" v-loading="loading" :data="tableData" stripe border>
<el-table-column type="selection" width="55"></el-table-column> <el-table-column type="selection" width="55"></el-table-column>
<el-table-column type="index" label="序号" width="80" align="center"></el-table-column> <el-table-column type="index" label="序号" width="80" align="center"></el-table-column>
<el-table-column prop="inventoryName" label="服务名称" align="center"></el-table-column> <el-table-column label="企业中台" align="center">
<el-table-column prop="tcType" label="服务来源" align="center"></el-table-column>
<el-table-column prop="platformSource" label="平台来源" align="center"></el-table-column>
<el-table-column label="服务类型" align="center">
<template slot-scope="scope"> <template slot-scope="scope">
<span v-if="scope.row.serveType == 1">聚合服务</span> <span v-if="scope.row.abilityType == 1">业务中台服务能力</span>
<span v-if="scope.row.serveType == 2">规则服务</span> <span v-else-if="scope.row.abilityType == 2">数据中台资源目录</span>
<span v-if="scope.row.serveType == 3">数据服务</span> <span v-else-if="scope.row.abilityType == 3">数据中台资源服务</span>
<span v-else>原子服务</span> <span v-else-if="scope.row.abilityType == 4">技术中台公共技术能力</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="departName" label="中心名称" align="center"></el-table-column>
<el-table-column prop="module" label="模块" align="center"></el-table-column>
<el-table-column prop="inventoryName" label="服务名称" align="center"></el-table-column>
<el-table-column prop="serveRemark" label="服务描述" align="center"></el-table-column>
<el-table-column label="服务状态" align="center"> <el-table-column label="服务状态" align="center">
<template slot-scope="scope"> <template slot-scope="scope">
<span v-if="scope.row.serveState == 1">在建</span> <span v-if="scope.row.serveType == 1">聚合服务</span>
<span v-else>在运</span> <span v-else-if="scope.row.serveType == 2">规则服务</span>
<span v-else-if="scope.row.serveType == 3">数据服务</span>
<span v-else-if="scope.row.serveType == 4">原子服务</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="serveRemark" label="服务描述" align="center"></el-table-column> <el-table-column prop="serveState" label="服务类型" align="center">
<el-table-column prop="module" label="模块" align="center"></el-table-column>
<el-table-column label="状态" align="center">
<template slot-scope="scope"> <template slot-scope="scope">
<span v-if="scope.row.state == 0">已停用</span> <span v-if="scope.row.serveState == 1">在建</span>
<span v-if="scope.row.state == 1">已发布</span> <span v-else-if="scope.row.serveState == 2">在运</span>
<span v-if="scope.row.state == 2">暂存</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="departName" label="归属部门" align="center"></el-table-column> <el-table-column label="操作" width="250" align="center">
<el-table-column prop="compName" label="建设单位" align="center"></el-table-column>
<el-table-column prop="publishTime" label="发布时间" align="center" :show-overflow-tooltip="true"></el-table-column>
<el-table-column prop="description" label="简介" align="center"></el-table-column>
<el-table-column prop="inventoryVersion" label="版本" align="center"></el-table-column>
<el-table-column label="操作" width="150" 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="operate('view',scope.row)">查看</el-button> <el-button icon="el-icon-view" type="primary" size="mini" @click="operate('view',scope.row)">查看</el-button>
<el-button icon="el-icon-upload2" type="primary" size="mini" @click="cancelReleaseItem(scope.row)" v-if="scope.row.state == 1">取消发布</el-button>
<el-button icon="el-icon-upload2" type="primary" size="mini" @click="releaseItem(scope.row)" v-if="scope.row.state != 1">发布</el-button>
</div> </div>
</template> </template>
</el-table-column> </el-table-column>
...@@ -104,46 +101,33 @@ ...@@ -104,46 +101,33 @@
<div class="add_dialog_content"> <div class="add_dialog_content">
<el-form :model="formData" ref="form"> <el-form :model="formData" ref="form">
<div class="form_item_container"> <div class="form_item_container">
<el-form-item label="案例名称:" prop="tcName"> <el-form-item label="企业中台:" prop="abilityType">
<el-input v-model="formData.tcName"></el-input> <el-input v-model="formData.abilityType" readonly></el-input>
</el-form-item>
<el-form-item label="案例类型:" prop="tcType">
<el-select v-model="formData.tcType" placeholder="请选择">
<el-option v-for="item in selectData1" :key="item.label" :label="item.label" :value="item.value"></el-option>
</el-select>
</el-form-item> </el-form-item>
<el-form-item label="项目类型:" prop="prjType"> <el-form-item label="中心名称:" prop="departName">
<el-select v-model="formData.prjType" placeholder="请选择"> <el-input v-model="formData.departName" readonly></el-input>
<el-option v-for="item in selectData3" :key="item.label" :label="item.label" :value="item.value"></el-option>
</el-select>
</el-form-item> </el-form-item>
<el-form-item label="建设内容:" prop="buildContent"> <el-form-item label="模块:" prop="module">
<el-input v-model="formData.buildContent"></el-input> <el-input v-model="formData.module" readonly></el-input>
</el-form-item> </el-form-item>
<el-form-item label="问题类型:" prop="problemType"> <el-form-item label="服务名称:" prop="inventoryName">
<el-select v-model="formData.problemType" placeholder="请选择"> <el-input v-model="formData.inventoryName" readonly></el-input>
<el-option v-for="item in selectData2" :key="item.label" :label="item.label" :value="item.value"></el-option>
</el-select>
</el-form-item> </el-form-item>
<el-form-item label="问题等级:" prop="problemLevel"> <el-form-item class="cross1" label="服务描述:" prop="serveRemark">
<el-select v-model="formData.problemLevel" placeholder="请选择"> <el-input type="textarea" readonly v-model="formData.serveRemark" maxlength="200" show-word-limit></el-input>
<el-option v-for="item in selectData4" :key="item.label" :label="item.label" :value="item.value"></el-option>
</el-select>
</el-form-item> </el-form-item>
<el-form-item class="cross1" label="架构详情:" prop="archiDetail"> <el-form-item label="服务状态:" prop="serveType">
<el-input type="textarea" v-model="formData.archiDetail" maxlength="200" show-word-limit></el-input> <el-input v-model="formData.serveType" readonly></el-input>
</el-form-item> </el-form-item>
<el-form-item class="cross1" label="问题描述:" prop="problemContent"> <el-form-item label="服务类型:" prop="serveState">
<el-input type="textarea" v-model="formData.problemContent" maxlength="200" show-word-limit></el-input> <el-input v-model="formData.serveState" readonly></el-input>
</el-form-item> </el-form-item>
</div> </div>
</el-form> </el-form>
</div> </div>
</div> </div>
<span slot="footer" class="dialog-footer">
<el-button class="greenButton" @click="operate('create')">确定</el-button>
<el-button @click="add_dialog = false">取消</el-button>
</span>
</el-dialog> </el-dialog>
</div> </div>
</template> </template>
...@@ -199,14 +183,13 @@ export default { ...@@ -199,14 +183,13 @@ export default {
total: 0, //总条数 total: 0, //总条数
}, },
formData: { formData: {
tcName: '', abilityType: '',
tcType: '', departName: '',
prjType: '', module: '',
buildContent: '', inventoryName: '',
problemType: '', serveRemark: '',
problemLevel: '', serveType: '',
problemContent: '', serveState: '',
archiDetail: "",
}, },
tableHeight: null, tableHeight: null,
dicObj: { dicObj: {
...@@ -264,14 +247,49 @@ export default { ...@@ -264,14 +247,49 @@ export default {
this.add_dialog = true; this.add_dialog = true;
this.title = "新建案例"; this.title = "新建案例";
this.resetForm(); this.resetForm();
}else if (type == "edit") { }else if (type == "view") {
this.add_dialog = true; this.add_dialog = true;
this.title = "编辑案例"; this.title = "查看案例";
this.formData = item; this.formData = item;
this.formData.tcType = String(this.formData.tcType); switch(item.abilityType){
this.formData.problemType = String(this.formData.problemType); case '1':
this.formData.prjType = String(this.formData.prjType); this.formData.abilityType = '业务中台服务能力';
this.formData.problemLevel = String(this.formData.problemLevel); break;
case '2':
this.formData.abilityType = '数据中台资源目录';
break;
case '3':
this.formData.abilityType = '数据中台资源服务';
break;
case '4':
this.formData.abilityType = '技术中台公共技术能力';
break;
}
switch(item.serveType){
case 1:
this.formData.serveType = '聚合服务';
break;
case 2:
this.formData.serveType = '规则服务';
break;
case 3:
this.formData.serveType = '数据服务';
break;
case 4:
this.formData.serveType = '原子服务';
break;
}
if(item.serveState == 1) {
this.formData.serveState = '在建';
}else {
this.formData.serveState = '在运';
}
}else if (type == "create") { }else if (type == "create") {
if (this.formData.ktcId) { if (this.formData.ktcId) {
// 编辑保存 // 编辑保存
......
src/views/current-assets-list/tab1.vue 0 → 100644
<template>
<div class="tab1">
<div class="table_container">
<div class="search_btn">
<div class="version_btn">
<img class="btn_icon" src="@/assets/archi-ele-list/version.png" alt="" />
<p>发布</p>
</div>
<div class="cancel_version_btn">
<img class="btn_icon" src="@/assets/archi-ele-list/version.png" alt="" />
<p>取消发布</p>
</div>
</div>
<el-table :height="tableHeight" v-loading="loading" :data="tableData" stripe border>
<el-table-column type="index" label="序号" width="80" align="center"></el-table-column>
<el-table-column prop="deptName" label="业务域" align="center"></el-table-column>
<el-table-column prop="startTime" label="一级业务职能" align="center"></el-table-column>
<el-table-column prop="policyName" label="二级业务职能" align="center"></el-table-column>
<el-table-column prop="policyContent" label="业务流程" align="center"></el-table-column>
<el-table-column label="操作" width="260" align="center">
<template slot-scope="scope">
<div style="display: flex;align-items: center;justify-content: center;">
<el-button icon="el-icon-edit" type="primary" size="mini" @click="viewItem(scope.row)">查看</el-button>
<el-button icon="el-icon-upload2" type="primary" size="mini" @click="cancelReleaseItem(scope.row)" v-if="scope.row.state == 1">取消发布</el-button>
<el-button icon="el-icon-upload2" type="primary" size="mini" @click="releaseItem(scope.row)" v-if="scope.row.state != 1">发布</el-button>
</div>
</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>
</template>
<script>
import {
getJiShuZhengCeGuanLianShiYongTable,
getDianXingAnLiSelectData
} from '@/api/index.js';
import { MessageBox, Message } from 'element-ui';
import $ from 'jquery';
export default {
name: 'tab1',
components: {
},
data() {
return {
is_add_edit: 'add',
tableData: [],
loading: false,
search_select1: [],
pager: {
current: 1,
sizes: [10, 20, 50, 100, 200],
size: 10,
total: 20 //总条数
},
tableHeight: null,
searchParams: {
policyName: null,
conformCount: null,
},
fuHeDu: [],
};
},
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;
})
},
methods: {
viewItem(data) {
},
releaseItem(data) {
},
cancelReleaseItem(data) {
},
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);
}
})
})
},
set_table_height() {//动态设置表格高度
const table_container_height = $(".table_container").height();
const search_btn_height = $(".search_btn").outerHeight(true);
this.tableHeight = table_container_height - search_btn_height - 90 + 'px';
},
search_table() {//搜索
this.pager.current = 1;
this.get_table();
},
reset() {//重置
this.searchParams.policyName = null;
this.searchParams.conformCount = 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 = {
"current": this.pager.current,
"pageSize": this.pager.size,
};
getJiShuZhengCeGuanLianShiYongTable(params).then(res => {
this.loading = false;
console.log(res)
// this.tableData = res.records;
// this.pager.current = res.current;
// this.pager.total = res.total;
// this.pager.size = res.size;
});
},
}
}
</script>
<style>
.confirmClass{
background-color: #0D867F !important;
}
.el-message-box__content{
padding: 60px 15px 60px 15px;
}
</style>
<style scoped>
.version_btn{
display: flex;
align-items: center;
justify-content: center;
width: 84px;
height: 32px;
background: rgba(13,134,127,0.1);
border-radius: 6px 6px 6px 6px;
/* border: 1px solid #0D867F; */
font-size: 14px;
color: #0D867F;
cursor: pointer;
margin-left: 15px;
}
.cancel_version_btn{
display: flex;
align-items: center;
justify-content: center;
width: 104px;
height: 32px;
background: rgba(13,134,127,0.1);
border-radius: 6px 6px 6px 6px;
/* border: 1px solid #0D867F; */
font-size: 14px;
color: #0D867F;
cursor: pointer;
margin-left: 15px;
}
.tab1{
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
}
.search_btn{
width: 100%;
display: flex;
margin-bottom: 20px;
}
.el-button--primary{
background: rgba(13,134,127,0.1);
color: #0D867F;
border: 0;
}
/deep/ .el-input-group__append{
background-color: #0D867F;
color: #fff;
cursor: pointer;
}
.table_container{
width: 97%;
height: calc(100% - 40px);
margin-top: 20px;
}
.el-pagination{
margin-top: 30px;
}
/deep/ .el-pagination.is-background .el-pager li:not(.disabled).active{
background-color: #0D867F;
}
.greenButton{
background-color: #0D867F;
color: #fff;
}
.el-form-item{
display: flex;
align-items: center;
width: 33%;
}
</style>
\ No newline at end of file
src/views/current-assets-list/tab2.vue 0 → 100644
<template>
<div class="tab2">
<div class="table_container">
<div class="search_btn">
<div class="version_btn">
<img class="btn_icon" src="@/assets/archi-ele-list/version.png" alt="" />
<p>发布</p>
</div>
<div class="cancel_version_btn">
<img class="btn_icon" src="@/assets/archi-ele-list/version.png" alt="" />
<p>取消发布</p>
</div>
</div>
<el-table :height="tableHeight" v-loading="loading" :data="tableData" stripe border>
<el-table-column type="index" label="序号" width="80" align="center"></el-table-column>
<el-table-column prop="deptName" label="业务域" align="center"></el-table-column>
<el-table-column prop="startTime" label="一级功能" align="center"></el-table-column>
<el-table-column prop="policyName" label="二级功能" align="center"></el-table-column>
<el-table-column prop="policyContent" label="三级功能" align="center"></el-table-column>
<el-table-column label="操作" width="260" align="center">
<template slot-scope="scope">
<div style="display: flex;align-items: center;justify-content: center;">
<el-button icon="el-icon-edit" type="primary" size="mini" @click="viewItem(scope.row)">查看</el-button>
<el-button icon="el-icon-upload2" type="primary" size="mini" @click="cancelReleaseItem(scope.row)" v-if="scope.row.state == 1">取消发布</el-button>
<el-button icon="el-icon-upload2" type="primary" size="mini" @click="releaseItem(scope.row)" v-if="scope.row.state != 1">发布</el-button>
</div>
</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>
</template>
<script>
import {
getJiShuZhengCeGuanLianShiYongTable,
getDianXingAnLiSelectData
} from '@/api/index.js';
import { MessageBox, Message } from 'element-ui';
import $ from 'jquery';
export default {
name: 'tab2',
components: {
},
data() {
return {
is_add_edit: 'add',
tableData: [],
loading: false,
search_select1: [],
pager: {
current: 1,
sizes: [10, 20, 50, 100, 200],
size: 10,
total: 20 //总条数
},
tableHeight: null,
searchParams: {
policyName: null,
conformCount: null,
},
fuHeDu: [],
};
},
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;
})
},
methods: {
viewItem(data) {
},
releaseItem(data) {
},
cancelReleaseItem(data) {
},
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);
}
})
})
},
set_table_height() {//动态设置表格高度
const table_container_height = $(".table_container").height();
const search_btn_height = $(".search_btn").outerHeight(true);
this.tableHeight = table_container_height - search_btn_height - 90 + 'px';
},
search_table() {//搜索
this.pager.current = 1;
this.get_table();
},
reset() {//重置
this.searchParams.policyName = null;
this.searchParams.conformCount = 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 = {
"current": this.pager.current,
"pageSize": this.pager.size,
};
getJiShuZhengCeGuanLianShiYongTable(params).then(res => {
this.loading = false;
console.log(res)
// this.tableData = res.records;
// this.pager.current = res.current;
// this.pager.total = res.total;
// this.pager.size = res.size;
});
},
}
}
</script>
<style>
.confirmClass{
background-color: #0D867F !important;
}
.el-message-box__content{
padding: 60px 15px 60px 15px;
}
</style>
<style scoped>
.version_btn{
display: flex;
align-items: center;
justify-content: center;
width: 84px;
height: 32px;
background: rgba(13,134,127,0.1);
border-radius: 6px 6px 6px 6px;
/* border: 1px solid #0D867F; */
font-size: 14px;
color: #0D867F;
cursor: pointer;
margin-left: 15px;
}
.cancel_version_btn{
display: flex;
align-items: center;
justify-content: center;
width: 104px;
height: 32px;
background: rgba(13,134,127,0.1);
border-radius: 6px 6px 6px 6px;
/* border: 1px solid #0D867F; */
font-size: 14px;
color: #0D867F;
cursor: pointer;
margin-left: 15px;
}
.tab2{
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
}
.search_btn{
width: 100%;
display: flex;
margin-bottom: 20px;
}
.el-button--primary{
background: rgba(13,134,127,0.1);
color: #0D867F;
border: 0;
}
/deep/ .el-input-group__append{
background-color: #0D867F;
color: #fff;
cursor: pointer;
}
.table_container{
width: 97%;
height: calc(100% - 40px);
margin-top: 20px;
}
.el-pagination{
margin-top: 30px;
}
/deep/ .el-pagination.is-background .el-pager li:not(.disabled).active{
background-color: #0D867F;
}
.greenButton{
background-color: #0D867F;
color: #fff;
}
.el-form-item{
display: flex;
align-items: center;
width: 33%;
}
</style>
\ No newline at end of file
src/views/current-assets-list/tab3.vue 0 → 100644
<template>
<div class="tab3">
<div class="table_container">
<div class="search_btn">
<div class="version_btn">
<img class="btn_icon" src="@/assets/archi-ele-list/version.png" alt="" />
<p>发布</p>
</div>
<div class="cancel_version_btn">
<img class="btn_icon" src="@/assets/archi-ele-list/version.png" alt="" />
<p>取消发布</p>
</div>
</div>
<el-table :height="tableHeight" v-loading="loading" :data="tableData" stripe border>
<el-table-column type="index" label="序号" width="80" align="center"></el-table-column>
<el-table-column prop="deptName" label="业务域" align="center"></el-table-column>
<el-table-column prop="startTime" label="一级功能" align="center"></el-table-column>
<el-table-column prop="policyName" label="二级功能" align="center"></el-table-column>
<el-table-column prop="policyContent" label="三级功能" align="center"></el-table-column>
<el-table-column prop="policyContent" label="物理实体" align="center"></el-table-column>
<el-table-column label="操作" width="260" align="center">
<template slot-scope="scope">
<div style="display: flex;align-items: center;justify-content: center;">
<el-button icon="el-icon-edit" type="primary" size="mini" @click="viewItem(scope.row)">查看</el-button>
<el-button icon="el-icon-upload2" type="primary" size="mini" @click="cancelReleaseItem(scope.row)" v-if="scope.row.state == 1">取消发布</el-button>
<el-button icon="el-icon-upload2" type="primary" size="mini" @click="releaseItem(scope.row)" v-if="scope.row.state != 1">发布</el-button>
</div>
</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>
</template>
<script>
import {
getJiShuZhengCeGuanLianShiYongTable,
getDianXingAnLiSelectData
} from '@/api/index.js';
import { MessageBox, Message } from 'element-ui';
import $ from 'jquery';
export default {
name: 'tab3',
components: {
},
data() {
return {
is_add_edit: 'add',
tableData: [],
loading: false,
search_select1: [],
pager: {
current: 1,
sizes: [10, 20, 50, 100, 200],
size: 10,
total: 20 //总条数
},
tableHeight: null,
searchParams: {
policyName: null,
conformCount: null,
},
fuHeDu: [],
};
},
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;
})
},
methods: {
viewItem(data) {
},
releaseItem(data) {
},
cancelReleaseItem(data) {
},
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);
}
})
})
},
set_table_height() {//动态设置表格高度
const table_container_height = $(".table_container").height();
const search_btn_height = $(".search_btn").outerHeight(true);
this.tableHeight = table_container_height - search_btn_height - 90 + 'px';
},
search_table() {//搜索
this.pager.current = 1;
this.get_table();
},
reset() {//重置
this.searchParams.policyName = null;
this.searchParams.conformCount = 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 = {
"current": this.pager.current,
"pageSize": this.pager.size,
};
getJiShuZhengCeGuanLianShiYongTable(params).then(res => {
this.loading = false;
console.log(res)
// this.tableData = res.records;
// this.pager.current = res.current;
// this.pager.total = res.total;
// this.pager.size = res.size;
});
},
}
}
</script>
<style>
.confirmClass{
background-color: #0D867F !important;
}
.el-message-box__content{
padding: 60px 15px 60px 15px;
}
</style>
<style scoped>
.version_btn{
display: flex;
align-items: center;
justify-content: center;
width: 84px;
height: 32px;
background: rgba(13,134,127,0.1);
border-radius: 6px 6px 6px 6px;
/* border: 1px solid #0D867F; */
font-size: 14px;
color: #0D867F;
cursor: pointer;
margin-left: 15px;
}
.cancel_version_btn{
display: flex;
align-items: center;
justify-content: center;
width: 104px;
height: 32px;
background: rgba(13,134,127,0.1);
border-radius: 6px 6px 6px 6px;
/* border: 1px solid #0D867F; */
font-size: 14px;
color: #0D867F;
cursor: pointer;
margin-left: 15px;
}
.tab3{
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
}
.search_btn{
width: 100%;
display: flex;
margin-bottom: 20px;
}
.el-button--primary{
background: rgba(13,134,127,0.1);
color: #0D867F;
border: 0;
}
/deep/ .el-input-group__append{
background-color: #0D867F;
color: #fff;
cursor: pointer;
}
.table_container{
width: 97%;
height: calc(100% - 40px);
margin-top: 20px;
}
.el-pagination{
margin-top: 30px;
}
/deep/ .el-pagination.is-background .el-pager li:not(.disabled).active{
background-color: #0D867F;
}
.greenButton{
background-color: #0D867F;
color: #fff;
}
.el-form-item{
display: flex;
align-items: center;
width: 33%;
}
</style>
\ No newline at end of file
src/views/current-assets-list/tab4.vue 0 → 100644
<template>
<div class="tab4">
<div class="table_container">
<div class="search_btn">
<div class="version_btn">
<img class="btn_icon" src="@/assets/archi-ele-list/version.png" alt="" />
<p>发布</p>
</div>
<div class="cancel_version_btn">
<img class="btn_icon" src="@/assets/archi-ele-list/version.png" alt="" />
<p>取消发布</p>
</div>
</div>
<el-table :height="tableHeight" v-loading="loading" :data="tableData" stripe border>
<el-table-column type="index" label="序号" width="80" align="center"></el-table-column>
<el-table-column prop="deptName" label="资产类型" align="center"></el-table-column>
<el-table-column prop="startTime" label="资产名称" align="center"></el-table-column>
<el-table-column label="操作" width="260" align="center">
<template slot-scope="scope">
<div style="display: flex;align-items: center;justify-content: center;">
<el-button icon="el-icon-edit" type="primary" size="mini" @click="viewItem(scope.row)">查看</el-button>
<el-button icon="el-icon-upload2" type="primary" size="mini" @click="cancelReleaseItem(scope.row)" v-if="scope.row.state == 1">取消发布</el-button>
<el-button icon="el-icon-upload2" type="primary" size="mini" @click="releaseItem(scope.row)" v-if="scope.row.state != 1">发布</el-button>
</div>
</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>
</template>
<script>
import {
getJiShuZhengCeGuanLianShiYongTable,
getDianXingAnLiSelectData
} from '@/api/index.js';
import { MessageBox, Message } from 'element-ui';
import $ from 'jquery';
export default {
name: 'tab4',
components: {
},
data() {
return {
is_add_edit: 'add',
tableData: [],
loading: false,
search_select1: [],
pager: {
current: 1,
sizes: [10, 20, 50, 100, 200],
size: 10,
total: 20 //总条数
},
tableHeight: null,
searchParams: {
policyName: null,
conformCount: null,
},
fuHeDu: [],
};
},
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;
})
},
methods: {
viewItem(data) {
},
releaseItem(data) {
},
cancelReleaseItem(data) {
},
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);
}
})
})
},
set_table_height() {//动态设置表格高度
const table_container_height = $(".table_container").height();
const search_btn_height = $(".search_btn").outerHeight(true);
this.tableHeight = table_container_height - search_btn_height - 90 + 'px';
},
search_table() {//搜索
this.pager.current = 1;
this.get_table();
},
reset() {//重置
this.searchParams.policyName = null;
this.searchParams.conformCount = 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 = {
"current": this.pager.current,
"pageSize": this.pager.size,
};
getJiShuZhengCeGuanLianShiYongTable(params).then(res => {
this.loading = false;
console.log(res)
// this.tableData = res.records;
// this.pager.current = res.current;
// this.pager.total = res.total;
// this.pager.size = res.size;
});
},
}
}
</script>
<style>
.confirmClass{
background-color: #0D867F !important;
}
.el-message-box__content{
padding: 60px 15px 60px 15px;
}
</style>
<style scoped>
.version_btn{
display: flex;
align-items: center;
justify-content: center;
width: 84px;
height: 32px;
background: rgba(13,134,127,0.1);
border-radius: 6px 6px 6px 6px;
/* border: 1px solid #0D867F; */
font-size: 14px;
color: #0D867F;
cursor: pointer;
margin-left: 15px;
}
.cancel_version_btn{
display: flex;
align-items: center;
justify-content: center;
width: 104px;
height: 32px;
background: rgba(13,134,127,0.1);
border-radius: 6px 6px 6px 6px;
/* border: 1px solid #0D867F; */
font-size: 14px;
color: #0D867F;
cursor: pointer;
margin-left: 15px;
}
.tab4{
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
}
.search_btn{
width: 100%;
display: flex;
margin-bottom: 20px;
}
.el-button--primary{
background: rgba(13,134,127,0.1);
color: #0D867F;
border: 0;
}
/deep/ .el-input-group__append{
background-color: #0D867F;
color: #fff;
cursor: pointer;
}
.table_container{
width: 97%;
height: calc(100% - 40px);
margin-top: 20px;
}
.el-pagination{
margin-top: 30px;
}
/deep/ .el-pagination.is-background .el-pager li:not(.disabled).active{
background-color: #0D867F;
}
.greenButton{
background-color: #0D867F;
color: #fff;
}
.el-form-item{
display: flex;
align-items: center;
width: 33%;
}
</style>
\ No newline at end of file
src/views/current-assets-list/tab5.vue 0 → 100644
<template>
<div class="tab5">
<div class="table_container">
<div class="search_btn">
<div class="version_btn">
<img class="btn_icon" src="@/assets/archi-ele-list/version.png" alt="" />
<p>发布</p>
</div>
<div class="cancel_version_btn">
<img class="btn_icon" src="@/assets/archi-ele-list/version.png" alt="" />
<p>取消发布</p>
</div>
</div>
<el-table :height="tableHeight" v-loading="loading" :data="tableData" stripe border>
<el-table-column type="index" label="序号" width="80" align="center"></el-table-column>
<el-table-column prop="deptName" label="安全架构分类" align="center"></el-table-column>
<el-table-column prop="startTime" label="安全类型" align="center"></el-table-column>
<el-table-column label="操作" width="260" align="center">
<template slot-scope="scope">
<div style="display: flex;align-items: center;justify-content: center;">
<el-button icon="el-icon-edit" type="primary" size="mini" @click="viewItem(scope.row)">查看</el-button>
<el-button icon="el-icon-upload2" type="primary" size="mini" @click="cancelReleaseItem(scope.row)" v-if="scope.row.state == 1">取消发布</el-button>
<el-button icon="el-icon-upload2" type="primary" size="mini" @click="releaseItem(scope.row)" v-if="scope.row.state != 1">发布</el-button>
</div>
</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>
</template>
<script>
import {
getJiShuZhengCeGuanLianShiYongTable,
getDianXingAnLiSelectData
} from '@/api/index.js';
import { MessageBox, Message } from 'element-ui';
import $ from 'jquery';
export default {
name: 'tab5',
components: {
},
data() {
return {
is_add_edit: 'add',
tableData: [],
loading: false,
search_select1: [],
pager: {
current: 1,
sizes: [10, 20, 50, 100, 200],
size: 10,
total: 20 //总条数
},
tableHeight: null,
searchParams: {
policyName: null,
conformCount: null,
},
fuHeDu: [],
};
},
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;
})
},
methods: {
viewItem(data) {
},
releaseItem(data) {
},
cancelReleaseItem(data) {
},
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);
}
})
})
},
set_table_height() {//动态设置表格高度
const table_container_height = $(".table_container").height();
const search_btn_height = $(".search_btn").outerHeight(true);
this.tableHeight = table_container_height - search_btn_height - 90 + 'px';
},
search_table() {//搜索
this.pager.current = 1;
this.get_table();
},
reset() {//重置
this.searchParams.policyName = null;
this.searchParams.conformCount = 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 = {
"current": this.pager.current,
"pageSize": this.pager.size,
};
getJiShuZhengCeGuanLianShiYongTable(params).then(res => {
this.loading = false;
console.log(res)
// this.tableData = res.records;
// this.pager.current = res.current;
// this.pager.total = res.total;
// this.pager.size = res.size;
});
},
}
}
</script>
<style>
.confirmClass{
background-color: #0D867F !important;
}
.el-message-box__content{
padding: 60px 15px 60px 15px;
}
</style>
<style scoped>
.version_btn{
display: flex;
align-items: center;
justify-content: center;
width: 84px;
height: 32px;
background: rgba(13,134,127,0.1);
border-radius: 6px 6px 6px 6px;
/* border: 1px solid #0D867F; */
font-size: 14px;
color: #0D867F;
cursor: pointer;
margin-left: 15px;
}
.cancel_version_btn{
display: flex;
align-items: center;
justify-content: center;
width: 104px;
height: 32px;
background: rgba(13,134,127,0.1);
border-radius: 6px 6px 6px 6px;
/* border: 1px solid #0D867F; */
font-size: 14px;
color: #0D867F;
cursor: pointer;
margin-left: 15px;
}
.tab5{
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
}
.search_btn{
width: 100%;
display: flex;
margin-bottom: 20px;
}
.el-button--primary{
background: rgba(13,134,127,0.1);
color: #0D867F;
border: 0;
}
/deep/ .el-input-group__append{
background-color: #0D867F;
color: #fff;
cursor: pointer;
}
.table_container{
width: 97%;
height: calc(100% - 40px);
margin-top: 20px;
}
.el-pagination{
margin-top: 30px;
}
/deep/ .el-pagination.is-background .el-pager li:not(.disabled).active{
background-color: #0D867F;
}
.greenButton{
background-color: #0D867F;
color: #fff;
}
.el-form-item{
display: flex;
align-items: center;
width: 33%;
}
</style>
\ No newline at end of file
src/views/projectInfoManage/index.vue
...@@ -45,15 +45,15 @@ ...@@ -45,15 +45,15 @@
<el-table-column prop="appName" label="系统名称" align="center" width="200" :show-overflow-tooltip="true"></el-table-column> <el-table-column prop="appName" label="系统名称" align="center" width="200" :show-overflow-tooltip="true"></el-table-column>
<el-table-column label="建设类型" align="center"> <el-table-column label="建设类型" align="center">
<template slot-scope="scope"> <template slot-scope="scope">
<span v-if="scope.row.buildType == 1">新建</span> <span v-if="scope.row.buildType == 1">统推</span>
<span v-else>续建</span> <span v-else-if="scope.row.buildType == 2">自建</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="prjName" label="项目名称" align="center" width="200" :show-overflow-tooltip="true"></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"> <el-table-column label="项目类型" align="center">
<template slot-scope="scope"> <template slot-scope="scope">
<span v-if="scope.row.prjPlanClass == 1">否</span> <span v-if="scope.row.prjPlanClass == 1">新建</span>
<span v-else>是</span> <span v-else-if="scope.row.prjPlanClass == 2">续建</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="buildOrg" label="承建单位" align="center"></el-table-column> <el-table-column prop="buildOrg" label="承建单位" align="center"></el-table-column>
...@@ -406,6 +406,7 @@ export default { ...@@ -406,6 +406,7 @@ export default {
{ id: 3, tableLet1: '需求规格说明书', fileList: [], fileArray: [] }, { id: 3, tableLet1: '需求规格说明书', fileList: [], fileArray: [] },
{ id: 4, tableLet1: '概要设计说明书', fileList: [], fileArray: [] }, { id: 4, tableLet1: '概要设计说明书', fileList: [], fileArray: [] },
{ id: 5, tableLet1: '安全防护方案', fileList: [], fileArray: [] }, { id: 5, tableLet1: '安全防护方案', fileList: [], fileArray: [] },
{ id: 5, tableLet1: '其他', fileList: [], fileArray: [] },
], ],
prjId: null, prjId: null,
}; };
......
src/views/summaryArchiDesign/index.vue
...@@ -422,7 +422,8 @@ export default { ...@@ -422,7 +422,8 @@ export default {
state: 1, state: 1,
archiBelongId: this.graphGroup, archiBelongId: this.graphGroup,
assetConstant: this.assetConstant, assetConstant: this.assetConstant,
archiViewId: this.viewId archiViewId: this.viewId,
prjId: this.showSelectTitle.prjId
} }
queryArchiGraph(params).then(res => { queryArchiGraph(params).then(res => {
if(res.code == 200) { if(res.code == 200) {
......
src/views/systemArchiViewDesign/index.vue
...@@ -415,7 +415,8 @@ export default { ...@@ -415,7 +415,8 @@ export default {
state: 1, state: 1,
archiBelongId: this.graphGroup, archiBelongId: this.graphGroup,
assetConstant: this.assetConstant, assetConstant: this.assetConstant,
archiViewId: this.viewId archiViewId: this.viewId,
appId: this.showSelectTitle.appId
} }
queryArchiGraph(params).then(res => { queryArchiGraph(params).then(res => {
if(res.code == 200) { if(res.code == 200) {
......
src/views/systemInfoManage/index.vue
...@@ -34,8 +34,8 @@ ...@@ -34,8 +34,8 @@
</div> </div>
</div> </div>
<div class="search_btn"> <div class="search_btn">
<el-button type="primary" size="medium" icon="el-icon-document-add" @click="operation('add', 1)">新建统推系统</el-button> <el-button type="primary" size="medium" icon="el-icon-document-add" @click="operation('add', null)">新建系统</el-button>
<el-button type="primary" size="medium" icon="el-icon-document-add" @click="operation('add', 2)">新建自建系统</el-button> <!-- <el-button type="primary" size="medium" icon="el-icon-document-add" @click="operation('add', 2)">新建自建系统</el-button> -->
<!-- <el-button type="primary" size="medium" icon="el-icon-delete">删除</el-button> --> <!-- <el-button type="primary" size="medium" icon="el-icon-delete">删除</el-button> -->
</div> </div>
<el-table :height="tableHeight" v-loading="loading" :data="tableData" stripe border> <el-table :height="tableHeight" v-loading="loading" :data="tableData" stripe border>
...@@ -46,7 +46,7 @@ ...@@ -46,7 +46,7 @@
<el-table-column label="建设类型" align="center"> <el-table-column label="建设类型" align="center">
<template slot-scope="scope"> <template slot-scope="scope">
<span v-if="scope.row.buildType == 1">统推</span> <span v-if="scope.row.buildType == 1">统推</span>
<span v-else>自建</span> <span v-else-if="scope.row.buildType == 2">自建</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="buildOrg" label="承建单位" align="center"></el-table-column> <el-table-column prop="buildOrg" label="承建单位" align="center"></el-table-column>
...@@ -94,11 +94,12 @@ ...@@ -94,11 +94,12 @@
<el-form-item label="系统名称:" prop="let3"> <el-form-item label="系统名称:" prop="let3">
<el-input v-no-backslash v-model="ruleForm.let3" maxlength="100"></el-input> <el-input v-no-backslash v-model="ruleForm.let3" maxlength="100"></el-input>
</el-form-item> </el-form-item>
<!-- <el-form-item label="建设类型:" prop="let4"> <el-form-item label="系统类型:" prop="let4">
<el-select clearable placeholder="请选择" v-model="ruleForm.let4"> <el-select clearable v-model="ruleForm.let4">
<el-option v-for="item in jianSheLeiXingSelect" :key="item.value" :label="item.label" :value="item.value"></el-option> <el-option label="统推" :value="1"></el-option>
<el-option label="自建" :value="2"></el-option>
</el-select> </el-select>
</el-form-item> --> </el-form-item>
<el-form-item label="承建单位:" prop="let5"> <el-form-item label="承建单位:" prop="let5">
<el-input v-no-backslash v-model="ruleForm.let5" maxlength="100"></el-input> <el-input v-no-backslash v-model="ruleForm.let5" maxlength="100"></el-input>
</el-form-item> </el-form-item>
...@@ -135,7 +136,7 @@ export default { ...@@ -135,7 +136,7 @@ export default {
let1: null, let1: null,
let2: null, let2: null,
let3: null, let3: null,
// let4: null, let4: null,
let5: null, let5: null,
let6: null, let6: null,
}, },
...@@ -149,9 +150,9 @@ export default { ...@@ -149,9 +150,9 @@ export default {
let3: [ let3: [
{ required: true, message: '请输入系统名称', trigger: 'blur' }, { required: true, message: '请输入系统名称', trigger: 'blur' },
], ],
// let4: [ let4: [
// { required: true, message: '请选择建设类型', trigger: 'change' }, { required: true, message: '请选择系统类型', trigger: 'change' },
// ], ],
}, },
add_dialog: false, add_dialog: false,
dialogTitle: null, dialogTitle: null,
...@@ -190,7 +191,7 @@ export default { ...@@ -190,7 +191,7 @@ export default {
switch(type){ switch(type){
case 'add': case 'add':
this.openAddDialog(); this.openAddDialog();
this.dialogTitle = data == 1 ? '新建统推系统' : '新建自建系统'; this.dialogTitle = '新建系统';
break; break;
case 'edit': case 'edit':
this.editItem(data); this.editItem(data);
...@@ -208,7 +209,7 @@ export default { ...@@ -208,7 +209,7 @@ export default {
}, },
editItem(row) {//编辑 editItem(row) {//编辑
this.add_dialog = true; this.add_dialog = true;
this.dialogTitle = row.buildType == 1 ? '编辑统推系统' : '编辑自建系统'; this.dialogTitle = '编辑系统';
this.ruleForm.let1 = row.manageOrgId; this.ruleForm.let1 = row.manageOrgId;
this.ruleForm.let2 = row.manageDeptId; this.ruleForm.let2 = row.manageDeptId;
this.ruleForm.let3 = row.appName; this.ruleForm.let3 = row.appName;
...@@ -291,83 +292,43 @@ export default { ...@@ -291,83 +292,43 @@ export default {
manageOrgId: this.ruleForm.let1, manageOrgId: this.ruleForm.let1,
manageDeptId: this.ruleForm.let2, manageDeptId: this.ruleForm.let2,
appName: this.ruleForm.let3, appName: this.ruleForm.let3,
buildType: this.ruleForm.let4,
buildOrg: this.ruleForm.let5, buildOrg: this.ruleForm.let5,
projectManager: this.ruleForm.let6, projectManager: this.ruleForm.let6,
}; };
let requestParams; const requestParams = this.dialogTitle == '新建系统' ? params : { ...params, appId: this.appId };
switch(this.dialogTitle){ if(this.dialogTitle == '新建系统') {
case '新建统推系统': addasystemInfoManageTable(requestParams).then(res => {
requestParams = { ...params, buildType: 1 }; if(res.code == 200) {
addasystemInfoManageTable(requestParams).then(res => { this.get_table();
if(res.code == 200) { this.add_dialog = false;
this.get_table(); Message({
this.add_dialog = false; type: 'success',
Message({ message: '保存成功!'
type: 'success', });
message: '保存成功!' }else {
}); Message({
}else { type: 'error',
Message({ message: res.msg
type: 'error', });
message: res.msg }
}); });
} }else {
}); editDeleteSystemInfoManageTable(requestParams).then(res => {
break; if(res.code == 200) {
case '新建自建系统': this.get_table();
requestParams = { ...params, buildType: 2 }; this.add_dialog = false;
addasystemInfoManageTable(requestParams).then(res => { Message({
if(res.code == 200) { type: 'success',
this.get_table(); message: '保存成功!'
this.add_dialog = false; });
Message({ }else {
type: 'success', Message({
message: '保存成功!' type: 'error',
}); message: res.msg
}else { });
Message({ }
type: 'error', });
message: res.msg
});
}
});
break;
case '编辑统推系统':
requestParams = { ...params, buildType: 1, appId: this.appId };
editDeleteSystemInfoManageTable(requestParams).then(res => {
if(res.code == 200) {
this.get_table();
this.add_dialog = false;
Message({
type: 'success',
message: '保存成功!'
});
}else {
Message({
type: 'error',
message: res.msg
});
}
});
break;
case '编辑自建系统':
requestParams = { ...params, buildType: 2, appId: this.appId };
editDeleteSystemInfoManageTable(requestParams).then(res => {
if(res.code == 200) {
this.get_table();
this.add_dialog = false;
Message({
type: 'success',
message: '保存成功!'
});
}else {
Message({
type: 'error',
message: res.msg
});
}
});
break;
} }
}else { }else {
return false; return false;
......
Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!