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 1709 additions and 389 deletions
public/drawio/extention/js/exApp.js
......@@ -121,32 +121,39 @@ const setIcon = function (itemIcon, dicys, color) {
return { width, height, icon };
}
// const images_ = [
// {
// aspect: "fixed",
// data: "data:image/svg+xml;base64,PHN2ZyB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWw6c3BhY2U9InByZXNlcnZlIiB2aWV3Qm94PSIwIDAgMjU2IDI1NiIgeT0iMHB4IiB4PSIwcHgiIHZlcnNpb249IjEuMSI+JiN4YTsJPG1ldGFkYXRhPiYjeGE7CQlTdmcgVmVjdG9yIEljb25zIDogaHR0cDovL3d3dy5vbmxpbmV3ZWJmb250cy5jb20vaWNvbiYjeGE7CTwvbWV0YWRhdGE+JiN4YTsJPGc+JiN4YTsJCTxnPiYjeGE7CQkJPHBhdGggZD0iTTIxNS4zLDEwMS41bDEzLjksMjQuMWwtOTcuNSw1LjNsMjIuNSwzOWw0My41LDQuN2w4LDEzLjhsLTU3LjUsMjIuM0wxMDYuMiwyNDZsLTguMS0xNGwxNy45LTQwLjRsLTIyLTM4LjFsLTUzLjMsODEuN2wtMTMuOS0yNC4xbDM3LjgtMTA4LjVsLTM0LTU4LjhjLTYuMy0xMS0zLTI0LjgsNy41LTMwLjljMTAuNS02LDI0LjItMiwzMC41LDguOWwzMy42LDU4LjFMMjE1LjMsMTAxLjV6IE0yMTMuOCwxMTcuM2wtNC40LTcuNmwtMTEzLTIxLjZMNjAuOCwyNi4zYy0zLjgtNi42LTExLjktOS4xLTE4LTUuNnMtOCwxMS44LTQuMiwxOC40bDM2LjEsNjIuNEwzNi44LDIxMC4xbDQuNCw3LjZsNTMuMy04MS43bDMxLjgsNTUuMWwtMTcuOSw0MC40bDAuMywwLjVsMzQuNS0yOWwxLjMtMC42bDQ3LjktMTguNmwtMC40LTAuNmwtNDMuNS00LjdsLTMyLjMtNTUuOUwyMTMuOCwxMTcuM3oiIGZpbGw9IiMwMDAwMDAiLz4mI3hhOwkJPC9nPiYjeGE7CTwvZz4mI3hhOzwvc3ZnPg==",
// h: 256,
// title: "svg",
// w: 256
// }
// ];
// xml格式数据，压缩或者不压缩的都行
// const svg = '<svg xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" style="left: 1px; top: 1px; width: 32px; height: 30px; display: block; position: relative; overflow: hidden; pointer-events: none;"><g style="pointer-events: none;"><g style="pointer-events: none;"></g><g style="pointer-events: none;"><g transform="translate(0.5,0.5)" style="visibility: visible; pointer-events: none;"><path d="M 2.48 27.98 L 28.99 1.48" fill="none" stroke="white" stroke-width="9.3" stroke-miterlimit="10" visibility="hidden" style="pointer-events: none;"></path><path d="M 2.48 27.98 L 28.99 1.48" fill="none" stroke="rgb(0, 0, 0)" stroke-width="1.3" stroke-miterlimit="10" stroke-dasharray="1.59 1.59" style="pointer-events: none;"></path></g></g><g style="pointer-events: none;"></g><g style="pointer-events: none;"></g></g></svg>';
const svg = '<svg xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" style="left: 1px; top: 1px; width: 32px; height: 30px; display: block; position: relative; overflow: hidden; pointer-events: none;"><g style="pointer-events: none;"><g style="pointer-events: none;"></g><g style="pointer-events: none;"><g transform="translate(0.5,0.5)" style="visibility: visible; pointer-events: none;"><path d="M 2.74 27.74 L 28.74 1.74" fill="none" stroke="white" stroke-width="9.3" stroke-miterlimit="10" visibility="hidden" style="pointer-events: none;"></path><path d="M 2.74 27.74 L 28.74 1.74" fill="none" stroke="rgb(0, 0, 0)" stroke-width="1.3" stroke-miterlimit="10" stroke-dasharray="1.04 3.12" style="pointer-events: none;"></path></g></g><g style="pointer-events: none;"></g><g style="pointer-events: none;"></g></g></svg>';
const encode_item_icon = window.btoa(svg);//base64编码
let svgImage= 'data:image/svg+xml;base64,'+ encode_item_icon;
console.log(svgImage)
const images_ = [
{
aspect: "fixed",
xml: "tZTBUoMwEIafhisDpC30qG3Vg84404NHJ4UtZAwsExahPr0JhALWjnqQC/D9uyT7bxaHbfL2XvEye8IEpBN4SeuwrRMEfriI9M2QkyXLld+TVInEshHsxQdY6FlaiwSqWSAhShLlHMZYFBDTjHGlsJmHHVHOVy15ChdgH3N5SV9EQllPoyAc+QOINBtW9lfrXsn5EGwrqTKeYDNBbOewjUKk/ilvNyCNe4Mvfd7dFfW8MQUF/SYh6BPeuaxtbXZfdBqKVVgXCZh432G3TSYI9iWPjdro/mqWUS6tfBRSblCi6nKZ5/FDtDYcC5rwY3dpXpHCN5gowTZceZ5WdO+IiwIMN+92o6AI2qvF+mcL9eEDzIHUSYfYhIC54bJPasa2hYFrYTbp2cI2iNujkp6/NrqpH6yh35vLfjbX1CP0wXrkB5DPWAkSWGjpgESY67KHgBspUiMQfnFcn6DSfCxvUzNt7oFXInZ5XBO8khK8SM1at930ebrSf3E2WvQZdqAvTR4md2qx/3eL9es4G502+cWw3Sc=",
h: 430,
title: "我的图库",
w: 360
//data: "data:image/svg+xml;base64,PHN2ZyB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWw6c3BhY2U9InByZXNlcnZlIiB2aWV3Qm94PSIwIDAgMjU2IDI1NiIgeT0iMHB4IiB4PSIwcHgiIHZlcnNpb249IjEuMSI+JiN4YTsJPG1ldGFkYXRhPiYjeGE7CQlTdmcgVmVjdG9yIEljb25zIDogaHR0cDovL3d3dy5vbmxpbmV3ZWJmb250cy5jb20vaWNvbiYjeGE7CTwvbWV0YWRhdGE+JiN4YTsJPGc+JiN4YTsJCTxnPiYjeGE7CQkJPHBhdGggZD0iTTIxNS4zLDEwMS41bDEzLjksMjQuMWwtOTcuNSw1LjNsMjIuNSwzOWw0My41LDQuN2w4LDEzLjhsLTU3LjUsMjIuM0wxMDYuMiwyNDZsLTguMS0xNGwxNy45LTQwLjRsLTIyLTM4LjFsLTUzLjMsODEuN2wtMTMuOS0yNC4xbDM3LjgtMTA4LjVsLTM0LTU4LjhjLTYuMy0xMS0zLTI0LjgsNy41LTMwLjljMTAuNS02LDI0LjItMiwzMC41LDguOWwzMy42LDU4LjFMMjE1LjMsMTAxLjV6IE0yMTMuOCwxMTcuM2wtNC40LTcuNmwtMTEzLTIxLjZMNjAuOCwyNi4zYy0zLjgtNi42LTExLjktOS4xLTE4LTUuNnMtOCwxMS44LTQuMiwxOC40bDM2LjEsNjIuNEwzNi44LDIxMC4xbDQuNCw3LjZsNTMuMy04MS43bDMxLjgsNTUuMWwtMTcuOSw0MC40bDAuMywwLjVsMzQuNS0yOWwxLjMtMC42bDQ3LjktMTguNmwtMC40LTAuNmwtNDMuNS00LjdsLTMyLjMtNTUuOUwyMTMuOCwxMTcuM3oiIGZpbGw9IiMwMDAwMDAiLz4mI3hhOwkJPC9nPiYjeGE7CTwvZz4mI3hhOzwvc3ZnPg==",
data: svgImage,
h: 256,
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) {//左侧自定义图形
// var xml = that.createLibraryDataFromImages(images_);
var xml = that.createLibraryDataFromImages(images_);
// var file = new LocalLibrary(that, xml, '图库');
// that.libraryLoaded(file, images_, null, false);
var file = new LocalLibrary(that, xml, '图库');
that.libraryLoaded(file, images_, null, false);
// const standardGraph = JSON.parse(localStorage.getItem('standardGraph'));
......@@ -188,30 +195,30 @@ const leftCustomGraph = function(that) {//左侧自定义图形
const joinGraph_ = JSON.parse(localStorage.getItem('joinGraph'));
const joinGraph = joinGraph_.graph;
if(joinGraph_.state == 1) {
joinGraph.pop();
joinGraph.forEach(function(item) {
if(item.eleDtos) {
if(item.eleDtos.length > 0) {
const libraryName = item.arciBelongName;
let images = [];
item.eleDtos.forEach(function(item2) {
images.unshift({
aspect: "fixed",
xml: item2.iconName,
h: 41,
title: item2.eleName,
w: 71
})
})
var xml = that.createLibraryDataFromImages(images);
// joinGraph.pop();
// joinGraph.forEach(function(item) {
// if(item.eleDtos) {
// if(item.eleDtos.length > 0) {
// const libraryName = item.arciBelongName;
// let images = [];
// item.eleDtos.forEach(function(item2) {
// images.unshift({
// aspect: "fixed",
// xml: item2.iconName,
// h: 41,
// title: item2.eleName,
// w: 71
// })
// })
// var xml = that.createLibraryDataFromImages(images);
var file = new LocalLibrary(that, xml, libraryName);
that.libraryLoaded(file, images, null, false);
}else {
// var file = new LocalLibrary(that, xml, libraryName);
// that.libraryLoaded(file, images, null, false);
// }else {
}
}
})
// }
// }
// })
}else {
// joinGraph.forEach(item => {
// item.subList.forEach(item2 => {
......
src/api/index.js
......@@ -497,7 +497,11 @@ export function archiAssetShowTree(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) {
......
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 @@
<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="eleName" label="资产类型(所属元素)" align="center"></el-table-column>
<el-table-column label="是否继承" align="center">
<el-table-column label="来源" align="center">
<template slot-scope="scope">
<span v-if="scope.row.isExtend == 1">是</span>
<span v-if="scope.row.isExtend == 0">否</span>
<span v-if="scope.row.isExtend == 1">总体资产</span>
<span v-if="scope.row.isExtend == 0">系统资产</span>
</template>
</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 label="操作" width="300" align="center">
<el-table-column label="操作" width="360" 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="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 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>
</div>
</template>
......@@ -244,7 +245,7 @@
</el-dialog>
<el-dialog
title='新建架构'
:title="is_add_edit == 'add' ? '新建架构' : '编辑架构'"
:visible.sync="add_dialog3"
:center="false"
:close-on-click-modal="false"
......@@ -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) {//发布
MessageBox.confirm('确定发布?', '提示', {
confirmButtonText: '确定',
......@@ -1199,6 +1234,10 @@
/deep/ .el-pagination.is-background .el-pager li:not(.disabled).active{
background-color: #0D867F;
}
.tingYong_btn{
color: #DEA82A;
background-color: #FDF6E6;
}
.shanChu_btn{
color: #DD6A15;
background-color: #F8EBE2;
......
src/views/archi-intelligence-search/index.vue
<template>
<div class="archiIntelligenceSearch">
<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
class="filter-tree"
:data="treeData"
:highlight-current="true"
:props="{ children: 'subList', label: 'assetName', id: 'assetId' }"
:props="{ children: 'children', label: 'name', id: 'id' }"
default-expand-all
show-checkbox
node-key="assetId"
node-key="id"
:check-strictly="true"
@check="treeCheckChange"
ref="tree">
</el-tree>
......@@ -22,6 +40,7 @@
<script>
import {
archiIntelligenceSearchTree,
archiIntelligenceSearchVersionList
} from '@/api/index.js';
import { MessageBox, Message } from 'element-ui';
import $ from 'jquery';
......@@ -32,12 +51,23 @@ export default {
return {
treeData: [],
myChart: null,
query_item1: null,
query_item2: null,
archiList: []
};
},
mounted(){
this.getTreeData();
this.getVisionList();
},
methods: {
select1() {
this.getTreeData();
},
select2(data) {
this.getTreeData();
},
echarts1(seriesData, linkData) {
this.myChart = echarts.init(document.getElementById('echartsContainer'));
......@@ -51,6 +81,7 @@ export default {
{
type: 'graph',
layout: 'force',
roam: true,
symbolSize: [ 120, 60 ],
label: {
normal: {
......@@ -70,7 +101,9 @@ export default {
}
},
force: {
repulsion: 3000
// repulsion: 500,
repulsion: 1000, //节点之间的斥力因子。
edgeLength: 100 //边的两个节点之间的距离，这个距离也会受 repulsion。
},
// edgeSymbol: ['circle', 'arrow'],
data: seriesData,
......@@ -81,8 +114,19 @@ export default {
this.myChart.setOption(option);
},
getTreeData(type) {//查询左侧树
archiIntelligenceSearchTree({}).then(res => {
getVisionList() {//查询架构版本
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) {
this.treeData = res.data;
}
......@@ -90,7 +134,11 @@ export default {
},
treeCheckChange(data, tree) {//左侧树勾选
let seriesData = [], linkData = [];
if(tree.checkedNodes.length > 0) {
console.log(tree.checkedNodes)
tree.checkedNodes.forEach(item => {
if(!item.targetList){
return;
......@@ -127,22 +175,24 @@ export default {
}
})
var new_arr2 = []
for (var i = 0; i < seriesData.length; i++) {
var flag = true
for (var j = 0; j < new_arr2.length; j++) {
if (new_arr2[j].id == seriesData[i].id) {
flag = false
}
}
if (flag) {
new_arr2.push(seriesData[i])
}
}
seriesData = new_arr2;
this.echarts1(seriesData, linkData);
// var new_arr2 = []
// for (var i = 0; i < seriesData.length; i++) {
// var flag = true
// for (var j = 0; j < new_arr2.length; j++) {
// if (new_arr2[j].id == seriesData[i].id) {
// flag = false
// }
// }
// if (flag) {
// new_arr2.push(seriesData[i])
// }
// }
// seriesData = new_arr2;
// this.echarts1(seriesData, linkData);
}else {
this.myChart.dispose();
// this.myChart.dispose();
}
},
}
......@@ -154,24 +204,43 @@ export default {
<style scoped>
.filter-tree{
width: 300px;
height: 100%;
height: calc(100% - 120px);
overflow-y: auto;
display: inline-block;
}
/deep/ .is-leaf {
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{
width: 100%;
height: 100%;
display: flex;
}
.left_container{
width: 20%;
width: 25%;
margin-right: 20px;
height: 100%;
border: 1px solid #ccc;
text-align: center;
}
.right_container{
width: 80%;
width: 75%;
height: 100%;
pornhub: hidden;
}
/deep/ .el-input-group__append{
padding: 0;
}
</style>
\ No newline at end of file
src/views/comCenterServeList/pages/page1.vue
......@@ -44,41 +44,38 @@
<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="index" label="序号" width="80" align="center"></el-table-column>
<el-table-column prop="inventoryName" label="服务名称" align="center"></el-table-column>
<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">
<el-table-column label="企业中台" align="center">
<template slot-scope="scope">
<span v-if="scope.row.serveType == 1">聚合服务</span>
<span v-if="scope.row.serveType == 2">规则服务</span>
<span v-if="scope.row.serveType == 3">数据服务</span>
<span v-else>原子服务</span>
<span v-if="scope.row.abilityType == 1">业务中台服务能力</span>
<span v-else-if="scope.row.abilityType == 2">数据中台资源目录</span>
<span v-else-if="scope.row.abilityType == 3">数据中台资源服务</span>
<span v-else-if="scope.row.abilityType == 4">技术中台公共技术能力</span>
</template>
</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">
<template slot-scope="scope">
<span v-if="scope.row.serveState == 1">在建</span>
<span v-else>在运</span>
<span v-if="scope.row.serveType == 1">聚合服务</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>
</el-table-column>
<el-table-column prop="serveRemark" label="服务描述" align="center"></el-table-column>
<el-table-column prop="module" label="模块" align="center"></el-table-column>
<el-table-column label="状态" align="center">
<el-table-column prop="serveState" label="服务类型" align="center">
<template slot-scope="scope">
<span v-if="scope.row.state == 0">已停用</span>
<span v-if="scope.row.state == 1">已发布</span>
<span v-if="scope.row.state == 2">暂存</span>
<span v-if="scope.row.serveState == 1">在建</span>
<span v-else-if="scope.row.serveState == 2">在运</span>
</template>
</el-table-column>
<el-table-column prop="departName" label="归属部门" align="center"></el-table-column>
<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">
<el-table-column label="操作" width="250" align="center">
<template slot-scope="scope">
<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-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>
......@@ -104,46 +101,36 @@
<div class="add_dialog_content">
<el-form :model="formData" ref="form">
<div class="form_item_container">
<el-form-item label="案例名称:" prop="tcName">
<el-input v-model="formData.tcName"></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 label="企业中台:" prop="abilityType">
<el-input v-model="formData.abilityType" readonly></el-input>
</el-form-item>
<el-form-item label="项目类型:" prop="prjType">
<el-select v-model="formData.prjType" placeholder="请选择">
<el-option v-for="item in selectData3" :key="item.label" :label="item.label" :value="item.value"></el-option>
</el-select>
<el-form-item label="中心名称:" prop="departName">
<el-input v-model="formData.departName" readonly></el-input>
</el-form-item>
<el-form-item label="建设内容:" prop="buildContent">
<el-input v-model="formData.buildContent"></el-input>
<el-form-item label="模块:" prop="module">
<el-input v-model="formData.module" readonly></el-input>
</el-form-item>
<el-form-item label="问题类型:" prop="problemType">
<el-select v-model="formData.problemType" placeholder="请选择">
<el-option v-for="item in selectData2" :key="item.label" :label="item.label" :value="item.value"></el-option>
</el-select>
<el-form-item label="服务名称:" prop="inventoryName">
<el-input v-model="formData.inventoryName" readonly></el-input>
</el-form-item>
<el-form-item label="问题等级:" prop="problemLevel">
<el-select v-model="formData.problemLevel" placeholder="请选择">
<el-option v-for="item in selectData4" :key="item.label" :label="item.label" :value="item.value"></el-option>
</el-select>
<el-form-item class="cross1" label="服务描述:" prop="serveRemark">
<el-input type="textarea" readonly v-model="formData.serveRemark" maxlength="200" show-word-limit></el-input>
</el-form-item>
<el-form-item class="cross1" label="架构详情:" prop="archiDetail">
<el-input type="textarea" v-model="formData.archiDetail" maxlength="200" show-word-limit></el-input>
<el-form-item label="服务状态:" prop="serveType">
<el-input v-model="formData.serveType" readonly></el-input>
</el-form-item>
<el-form-item class="cross1" label="问题描述:" prop="problemContent">
<el-input type="textarea" v-model="formData.problemContent" maxlength="200" show-word-limit></el-input>
<el-form-item label="服务类型:" prop="serveState">
<el-input v-model="formData.serveState" readonly></el-input>
</el-form-item>
</div>
</el-form>
</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 @click="add_dialog = false">取消</el-button>
</span>
</span> -->
</el-dialog>
</div>
</template>
......@@ -199,14 +186,13 @@ export default {
total: 0, //总条数
},
formData: {
tcName: '',
tcType: '',
prjType: '',
buildContent: '',
problemType: '',
problemLevel: '',
problemContent: '',
archiDetail: "",
abilityType: '',
departName: '',
module: '',
inventoryName: '',
serveRemark: '',
serveType: '',
serveState: '',
},
tableHeight: null,
dicObj: {
......@@ -264,14 +250,49 @@ export default {
this.add_dialog = true;
this.title = "新建案例";
this.resetForm();
}else if (type == "edit") {
}else if(type == 'view') {
this.add_dialog = true;
this.title = "编辑案例";
this.title = "查看案例";
this.formData = item;
this.formData.tcType = String(this.formData.tcType);
this.formData.problemType = String(this.formData.problemType);
this.formData.prjType = String(this.formData.prjType);
this.formData.problemLevel = String(this.formData.problemLevel);
switch(item.abilityType){
case '1':
this.formData.abilityType = '业务中台服务能力';
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") {
if (this.formData.ktcId) {
// 编辑保存
......
src/views/comCenterServeList/pages/page2.vue
......@@ -44,41 +44,38 @@
<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="index" label="序号" width="80" align="center"></el-table-column>
<el-table-column prop="inventoryName" label="服务名称" align="center"></el-table-column>
<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">
<el-table-column label="企业中台" align="center">
<template slot-scope="scope">
<span v-if="scope.row.serveType == 1">聚合服务</span>
<span v-if="scope.row.serveType == 2">规则服务</span>
<span v-if="scope.row.serveType == 3">数据服务</span>
<span v-else>原子服务</span>
<span v-if="scope.row.abilityType == 1">业务中台服务能力</span>
<span v-else-if="scope.row.abilityType == 2">数据中台资源目录</span>
<span v-else-if="scope.row.abilityType == 3">数据中台资源服务</span>
<span v-else-if="scope.row.abilityType == 4">技术中台公共技术能力</span>
</template>
</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">
<template slot-scope="scope">
<span v-if="scope.row.serveState == 1">在建</span>
<span v-else>在运</span>
<span v-if="scope.row.serveType == 1">聚合服务</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>
</el-table-column>
<el-table-column prop="serveRemark" label="服务描述" align="center"></el-table-column>
<el-table-column prop="module" label="模块" align="center"></el-table-column>
<el-table-column label="状态" align="center">
<el-table-column prop="serveState" label="服务类型" align="center">
<template slot-scope="scope">
<span v-if="scope.row.state == 0">已停用</span>
<span v-if="scope.row.state == 1">已发布</span>
<span v-if="scope.row.state == 2">暂存</span>
<span v-if="scope.row.serveState == 1">在建</span>
<span v-else-if="scope.row.serveState == 2">在运</span>
</template>
</el-table-column>
<el-table-column prop="departName" label="归属部门" align="center"></el-table-column>
<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">
<el-table-column label="操作" width="250" align="center">
<template slot-scope="scope">
<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-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>
......@@ -104,46 +101,32 @@
<div class="add_dialog_content">
<el-form :model="formData" ref="form">
<div class="form_item_container">
<el-form-item label="案例名称:" prop="tcName">
<el-input v-model="formData.tcName"></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 label="企业中台:" prop="abilityType">
<el-input v-model="formData.abilityType" readonly></el-input>
</el-form-item>
<el-form-item label="项目类型:" prop="prjType">
<el-select v-model="formData.prjType" placeholder="请选择">
<el-option v-for="item in selectData3" :key="item.label" :label="item.label" :value="item.value"></el-option>
</el-select>
<el-form-item label="中心名称:" prop="departName">
<el-input v-model="formData.departName" readonly></el-input>
</el-form-item>
<el-form-item label="建设内容:" prop="buildContent">
<el-input v-model="formData.buildContent"></el-input>
<el-form-item label="模块:" prop="module">
<el-input v-model="formData.module" readonly></el-input>
</el-form-item>
<el-form-item label="问题类型:" prop="problemType">
<el-select v-model="formData.problemType" placeholder="请选择">
<el-option v-for="item in selectData2" :key="item.label" :label="item.label" :value="item.value"></el-option>
</el-select>
<el-form-item label="服务名称:" prop="inventoryName">
<el-input v-model="formData.inventoryName" readonly></el-input>
</el-form-item>
<el-form-item label="问题等级:" prop="problemLevel">
<el-select v-model="formData.problemLevel" placeholder="请选择">
<el-option v-for="item in selectData4" :key="item.label" :label="item.label" :value="item.value"></el-option>
</el-select>
<el-form-item class="cross1" label="服务描述:" prop="serveRemark">
<el-input type="textarea" readonly v-model="formData.serveRemark" maxlength="200" show-word-limit></el-input>
</el-form-item>
<el-form-item class="cross1" label="架构详情:" prop="archiDetail">
<el-input type="textarea" v-model="formData.archiDetail" maxlength="200" show-word-limit></el-input>
<el-form-item label="服务状态:" prop="serveType">
<el-input v-model="formData.serveType" readonly></el-input>
</el-form-item>
<el-form-item class="cross1" label="问题描述:" prop="problemContent">
<el-input type="textarea" v-model="formData.problemContent" maxlength="200" show-word-limit></el-input>
<el-form-item label="服务类型:" prop="serveState">
<el-input v-model="formData.serveState" readonly></el-input>
</el-form-item>
</div>
</el-form>
</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>
</div>
</template>
......@@ -199,14 +182,13 @@ export default {
total: 0, //总条数
},
formData: {
tcName: '',
tcType: '',
prjType: '',
buildContent: '',
problemType: '',
problemLevel: '',
problemContent: '',
archiDetail: "",
abilityType: '',
departName: '',
module: '',
inventoryName: '',
serveRemark: '',
serveType: '',
serveState: '',
},
tableHeight: null,
dicObj: {
......@@ -264,14 +246,49 @@ export default {
this.add_dialog = true;
this.title = "新建案例";
this.resetForm();
}else if (type == "edit") {
}else if (type == "view") {
this.add_dialog = true;
this.title = "编辑案例";
this.title = "查看案例";
this.formData = item;
this.formData.tcType = String(this.formData.tcType);
this.formData.problemType = String(this.formData.problemType);
this.formData.prjType = String(this.formData.prjType);
this.formData.problemLevel = String(this.formData.problemLevel);
switch(item.abilityType){
case '1':
this.formData.abilityType = '业务中台服务能力';
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") {
if (this.formData.ktcId) {
// 编辑保存
......
src/views/comCenterServeList/pages/page3.vue
......@@ -44,41 +44,38 @@
<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="index" label="序号" width="80" align="center"></el-table-column>
<el-table-column prop="inventoryName" label="服务名称" align="center"></el-table-column>
<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">
<el-table-column label="企业中台" align="center">
<template slot-scope="scope">
<span v-if="scope.row.serveType == 1">聚合服务</span>
<span v-if="scope.row.serveType == 2">规则服务</span>
<span v-if="scope.row.serveType == 3">数据服务</span>
<span v-else>原子服务</span>
<span v-if="scope.row.abilityType == 1">业务中台服务能力</span>
<span v-else-if="scope.row.abilityType == 2">数据中台资源目录</span>
<span v-else-if="scope.row.abilityType == 3">数据中台资源服务</span>
<span v-else-if="scope.row.abilityType == 4">技术中台公共技术能力</span>
</template>
</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">
<template slot-scope="scope">
<span v-if="scope.row.serveState == 1">在建</span>
<span v-else>在运</span>
<span v-if="scope.row.serveType == 1">聚合服务</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>
</el-table-column>
<el-table-column prop="serveRemark" label="服务描述" align="center"></el-table-column>
<el-table-column prop="module" label="模块" align="center"></el-table-column>
<el-table-column label="状态" align="center">
<el-table-column prop="serveState" label="服务类型" align="center">
<template slot-scope="scope">
<span v-if="scope.row.state == 0">已停用</span>
<span v-if="scope.row.state == 1">已发布</span>
<span v-if="scope.row.state == 2">暂存</span>
<span v-if="scope.row.serveState == 1">在建</span>
<span v-else-if="scope.row.serveState == 2">在运</span>
</template>
</el-table-column>
<el-table-column prop="departName" label="归属部门" align="center"></el-table-column>
<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">
<el-table-column label="操作" width="250" align="center">
<template slot-scope="scope">
<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-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>
......@@ -104,46 +101,33 @@
<div class="add_dialog_content">
<el-form :model="formData" ref="form">
<div class="form_item_container">
<el-form-item label="案例名称:" prop="tcName">
<el-input v-model="formData.tcName"></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 label="企业中台:" prop="abilityType">
<el-input v-model="formData.abilityType" readonly></el-input>
</el-form-item>
<el-form-item label="项目类型:" prop="prjType">
<el-select v-model="formData.prjType" placeholder="请选择">
<el-option v-for="item in selectData3" :key="item.label" :label="item.label" :value="item.value"></el-option>
</el-select>
<el-form-item label="中心名称:" prop="departName">
<el-input v-model="formData.departName" readonly></el-input>
</el-form-item>
<el-form-item label="建设内容:" prop="buildContent">
<el-input v-model="formData.buildContent"></el-input>
<el-form-item label="模块:" prop="module">
<el-input v-model="formData.module" readonly></el-input>
</el-form-item>
<el-form-item label="问题类型:" prop="problemType">
<el-select v-model="formData.problemType" placeholder="请选择">
<el-option v-for="item in selectData2" :key="item.label" :label="item.label" :value="item.value"></el-option>
</el-select>
<el-form-item label="服务名称:" prop="inventoryName">
<el-input v-model="formData.inventoryName" readonly></el-input>
</el-form-item>
<el-form-item label="问题等级:" prop="problemLevel">
<el-select v-model="formData.problemLevel" placeholder="请选择">
<el-option v-for="item in selectData4" :key="item.label" :label="item.label" :value="item.value"></el-option>
</el-select>
<el-form-item class="cross1" label="服务描述:" prop="serveRemark">
<el-input type="textarea" readonly v-model="formData.serveRemark" maxlength="200" show-word-limit></el-input>
</el-form-item>
<el-form-item class="cross1" label="架构详情:" prop="archiDetail">
<el-input type="textarea" v-model="formData.archiDetail" maxlength="200" show-word-limit></el-input>
<el-form-item label="服务状态:" prop="serveType">
<el-input v-model="formData.serveType" readonly></el-input>
</el-form-item>
<el-form-item class="cross1" label="问题描述:" prop="problemContent">
<el-input type="textarea" v-model="formData.problemContent" maxlength="200" show-word-limit></el-input>
<el-form-item label="服务类型:" prop="serveState">
<el-input v-model="formData.serveState" readonly></el-input>
</el-form-item>
</div>
</el-form>
</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>
</div>
</template>
......@@ -199,14 +183,13 @@ export default {
total: 0, //总条数
},
formData: {
tcName: '',
tcType: '',
prjType: '',
buildContent: '',
problemType: '',
problemLevel: '',
problemContent: '',
archiDetail: "",
abilityType: '',
departName: '',
module: '',
inventoryName: '',
serveRemark: '',
serveType: '',
serveState: '',
},
tableHeight: null,
dicObj: {
......@@ -264,14 +247,49 @@ export default {
this.add_dialog = true;
this.title = "新建案例";
this.resetForm();
}else if (type == "edit") {
}else if (type == "view") {
this.add_dialog = true;
this.title = "编辑案例";
this.title = "查看案例";
this.formData = item;
this.formData.tcType = String(this.formData.tcType);
this.formData.problemType = String(this.formData.problemType);
this.formData.prjType = String(this.formData.prjType);
this.formData.problemLevel = String(this.formData.problemLevel);
switch(item.abilityType){
case '1':
this.formData.abilityType = '业务中台服务能力';
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") {
if (this.formData.ktcId) {
// 编辑保存
......
src/views/comCenterServeList/pages/page4.vue
......@@ -44,41 +44,38 @@
<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="index" label="序号" width="80" align="center"></el-table-column>
<el-table-column prop="inventoryName" label="服务名称" align="center"></el-table-column>
<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">
<el-table-column label="企业中台" align="center">
<template slot-scope="scope">
<span v-if="scope.row.serveType == 1">聚合服务</span>
<span v-if="scope.row.serveType == 2">规则服务</span>
<span v-if="scope.row.serveType == 3">数据服务</span>
<span v-else>原子服务</span>
<span v-if="scope.row.abilityType == 1">业务中台服务能力</span>
<span v-else-if="scope.row.abilityType == 2">数据中台资源目录</span>
<span v-else-if="scope.row.abilityType == 3">数据中台资源服务</span>
<span v-else-if="scope.row.abilityType == 4">技术中台公共技术能力</span>
</template>
</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">
<template slot-scope="scope">
<span v-if="scope.row.serveState == 1">在建</span>
<span v-else>在运</span>
<span v-if="scope.row.serveType == 1">聚合服务</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>
</el-table-column>
<el-table-column prop="serveRemark" label="服务描述" align="center"></el-table-column>
<el-table-column prop="module" label="模块" align="center"></el-table-column>
<el-table-column label="状态" align="center">
<el-table-column prop="serveState" label="服务类型" align="center">
<template slot-scope="scope">
<span v-if="scope.row.state == 0">已停用</span>
<span v-if="scope.row.state == 1">已发布</span>
<span v-if="scope.row.state == 2">暂存</span>
<span v-if="scope.row.serveState == 1">在建</span>
<span v-else-if="scope.row.serveState == 2">在运</span>
</template>
</el-table-column>
<el-table-column prop="departName" label="归属部门" align="center"></el-table-column>
<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">
<el-table-column label="操作" width="250" align="center">
<template slot-scope="scope">
<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-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>
......@@ -104,46 +101,33 @@
<div class="add_dialog_content">
<el-form :model="formData" ref="form">
<div class="form_item_container">
<el-form-item label="案例名称:" prop="tcName">
<el-input v-model="formData.tcName"></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 label="企业中台:" prop="abilityType">
<el-input v-model="formData.abilityType" readonly></el-input>
</el-form-item>
<el-form-item label="项目类型:" prop="prjType">
<el-select v-model="formData.prjType" placeholder="请选择">
<el-option v-for="item in selectData3" :key="item.label" :label="item.label" :value="item.value"></el-option>
</el-select>
<el-form-item label="中心名称:" prop="departName">
<el-input v-model="formData.departName" readonly></el-input>
</el-form-item>
<el-form-item label="建设内容:" prop="buildContent">
<el-input v-model="formData.buildContent"></el-input>
<el-form-item label="模块:" prop="module">
<el-input v-model="formData.module" readonly></el-input>
</el-form-item>
<el-form-item label="问题类型:" prop="problemType">
<el-select v-model="formData.problemType" placeholder="请选择">
<el-option v-for="item in selectData2" :key="item.label" :label="item.label" :value="item.value"></el-option>
</el-select>
<el-form-item label="服务名称:" prop="inventoryName">
<el-input v-model="formData.inventoryName" readonly></el-input>
</el-form-item>
<el-form-item label="问题等级:" prop="problemLevel">
<el-select v-model="formData.problemLevel" placeholder="请选择">
<el-option v-for="item in selectData4" :key="item.label" :label="item.label" :value="item.value"></el-option>
</el-select>
<el-form-item class="cross1" label="服务描述:" prop="serveRemark">
<el-input type="textarea" readonly v-model="formData.serveRemark" maxlength="200" show-word-limit></el-input>
</el-form-item>
<el-form-item class="cross1" label="架构详情:" prop="archiDetail">
<el-input type="textarea" v-model="formData.archiDetail" maxlength="200" show-word-limit></el-input>
<el-form-item label="服务状态:" prop="serveType">
<el-input v-model="formData.serveType" readonly></el-input>
</el-form-item>
<el-form-item class="cross1" label="问题描述:" prop="problemContent">
<el-input type="textarea" v-model="formData.problemContent" maxlength="200" show-word-limit></el-input>
<el-form-item label="服务类型:" prop="serveState">
<el-input v-model="formData.serveState" readonly></el-input>
</el-form-item>
</div>
</el-form>
</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>
</div>
</template>
......@@ -199,14 +183,13 @@ export default {
total: 0, //总条数
},
formData: {
tcName: '',
tcType: '',
prjType: '',
buildContent: '',
problemType: '',
problemLevel: '',
problemContent: '',
archiDetail: "",
abilityType: '',
departName: '',
module: '',
inventoryName: '',
serveRemark: '',
serveType: '',
serveState: '',
},
tableHeight: null,
dicObj: {
......@@ -264,14 +247,49 @@ export default {
this.add_dialog = true;
this.title = "新建案例";
this.resetForm();
}else if (type == "edit") {
}else if (type == "view") {
this.add_dialog = true;
this.title = "编辑案例";
this.title = "查看案例";
this.formData = item;
this.formData.tcType = String(this.formData.tcType);
this.formData.problemType = String(this.formData.problemType);
this.formData.prjType = String(this.formData.prjType);
this.formData.problemLevel = String(this.formData.problemLevel);
switch(item.abilityType){
case '1':
this.formData.abilityType = '业务中台服务能力';
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") {
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 @@
<el-table-column prop="appName" label="系统名称" align="center" width="200" :show-overflow-tooltip="true"></el-table-column>
<el-table-column label="建设类型" align="center">
<template slot-scope="scope">
<span v-if="scope.row.buildType == 1">新建</span>
<span v-else>续建</span>
<span v-if="scope.row.buildType == 1">统推</span>
<span v-else-if="scope.row.buildType == 2">自建</span>
</template>
</el-table-column>
<el-table-column prop="prjName" label="项目名称" align="center" width="200" :show-overflow-tooltip="true"></el-table-column>
<el-table-column label="是否续建" align="center">
<el-table-column label="项目类型" align="center">
<template slot-scope="scope">
<span v-if="scope.row.prjPlanClass == 1">否</span>
<span v-else>是</span>
<span v-if="scope.row.prjPlanClass == 1">新建</span>
<span v-else-if="scope.row.prjPlanClass == 2">续建</span>
</template>
</el-table-column>
<el-table-column prop="buildOrg" label="承建单位" align="center"></el-table-column>
......@@ -406,6 +406,7 @@ export default {
{ id: 3, tableLet1: '需求规格说明书', fileList: [], fileArray: [] },
{ id: 4, tableLet1: '概要设计说明书', fileList: [], fileArray: [] },
{ id: 5, tableLet1: '安全防护方案', fileList: [], fileArray: [] },
{ id: 5, tableLet1: '其他', fileList: [], fileArray: [] },
],
prjId: null,
};
......
src/views/summaryArchiDesign/index.vue
......@@ -422,7 +422,8 @@ export default {
state: 1,
archiBelongId: this.graphGroup,
assetConstant: this.assetConstant,
archiViewId: this.viewId
archiViewId: this.viewId,
prjId: this.showSelectTitle.prjId
}
queryArchiGraph(params).then(res => {
if(res.code == 200) {
......
src/views/systemArchiViewDesign/index.vue
......@@ -415,7 +415,8 @@ export default {
state: 1,
archiBelongId: this.graphGroup,
assetConstant: this.assetConstant,
archiViewId: this.viewId
archiViewId: this.viewId,
appId: this.showSelectTitle.appId
}
queryArchiGraph(params).then(res => {
if(res.code == 200) {
......
src/views/systemInfoManage/index.vue
......@@ -34,8 +34,8 @@
</div>
</div>
<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', 2)">新建自建系统</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-delete">删除</el-button> -->
</div>
<el-table :height="tableHeight" v-loading="loading" :data="tableData" stripe border>
......@@ -46,7 +46,7 @@
<el-table-column label="建设类型" align="center">
<template slot-scope="scope">
<span v-if="scope.row.buildType == 1">统推</span>
<span v-else>自建</span>
<span v-else-if="scope.row.buildType == 2">自建</span>
</template>
</el-table-column>
<el-table-column prop="buildOrg" label="承建单位" align="center"></el-table-column>
......@@ -94,11 +94,12 @@
<el-form-item label="系统名称:" prop="let3">
<el-input v-no-backslash v-model="ruleForm.let3" maxlength="100"></el-input>
</el-form-item>
<!-- <el-form-item label="建设类型:" prop="let4">
<el-select clearable placeholder="请选择" v-model="ruleForm.let4">
<el-option v-for="item in jianSheLeiXingSelect" :key="item.value" :label="item.label" :value="item.value"></el-option>
<el-form-item label="系统类型:" prop="let4">
<el-select clearable v-model="ruleForm.let4">
<el-option label="统推" :value="1"></el-option>
<el-option label="自建" :value="2"></el-option>
</el-select>
</el-form-item> -->
</el-form-item>
<el-form-item label="承建单位:" prop="let5">
<el-input v-no-backslash v-model="ruleForm.let5" maxlength="100"></el-input>
</el-form-item>
......@@ -135,7 +136,7 @@ export default {
let1: null,
let2: null,
let3: null,
// let4: null,
let4: null,
let5: null,
let6: null,
},
......@@ -149,9 +150,9 @@ export default {
let3: [
{ required: true, message: '请输入系统名称', trigger: 'blur' },
],
// let4: [
// { required: true, message: '请选择建设类型', trigger: 'change' },
// ],
let4: [
{ required: true, message: '请选择系统类型', trigger: 'change' },
],
},
add_dialog: false,
dialogTitle: null,
......@@ -190,7 +191,7 @@ export default {
switch(type){
case 'add':
this.openAddDialog();
this.dialogTitle = data == 1 ? '新建统推系统' : '新建自建系统';
this.dialogTitle = '新建系统';
break;
case 'edit':
this.editItem(data);
......@@ -208,7 +209,7 @@ export default {
},
editItem(row) {//编辑
this.add_dialog = true;
this.dialogTitle = row.buildType == 1 ? '编辑统推系统' : '编辑自建系统';
this.dialogTitle = '编辑系统';
this.ruleForm.let1 = row.manageOrgId;
this.ruleForm.let2 = row.manageDeptId;
this.ruleForm.let3 = row.appName;
......@@ -291,13 +292,12 @@ export default {
manageOrgId: this.ruleForm.let1,
manageDeptId: this.ruleForm.let2,
appName: this.ruleForm.let3,
buildType: this.ruleForm.let4,
buildOrg: this.ruleForm.let5,
projectManager: this.ruleForm.let6,
};
let requestParams;
switch(this.dialogTitle){
case '新建统推系统':
requestParams = { ...params, buildType: 1 };
const requestParams = this.dialogTitle == '新建系统' ? params : { ...params, appId: this.appId };
if(this.dialogTitle == '新建系统') {
addasystemInfoManageTable(requestParams).then(res => {
if(res.code == 200) {
this.get_table();
......@@ -313,45 +313,7 @@ export default {
});
}
});
break;
case '新建自建系统':
requestParams = { ...params, buildType: 2 };
addasystemInfoManageTable(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: 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();
......@@ -367,7 +329,6 @@ export default {
});
}
});
break;
}
}else {
return false;
......
Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!