Skip to content

liangzhen / framework-tools-web

Go to a project
Commit d9cbf78a by liuyong
Options

修改bug

1 parent 77f9ec60
Inline Side-by-side
Showing with 1269 additions and 83 deletions
src/api/index.js
......@@ -429,7 +429,7 @@ export function getCurrentZiChanJiaGouTable(params) {
}
// 系统资产架构，表格
export function getTotalZiChanJiaGouTable(params) {
return post('/network/arc-ast-tot/', params);
return post('/network/arc-ast-sys/', params);
}
// 思维导图
export function queryMindData(params) {
......@@ -491,9 +491,13 @@ export function dicyUpdateTableDelete(params) {
export function queryViewManageQingDan(params) {
return post('/network/ma-ml/asset-ele-list', params);
}
// 总体架构资产可视化展示，左侧树
export function archiAssetShowTree(params) {
return post('/network/archi-asset-view/assetLevel', params);
}
// 总体架构资产智能搜索，左侧树
export function archiIntelligenceSearchTree(params) {
return post('/network/archi-asset-view/assetLevel', params);
return post('/network/archi-asset-view/assetTree', params);
}
// 系统信息管理，表格
export function querysystemInfoManageTable(params) {
......@@ -519,8 +523,32 @@ export function addProjectManageTable(params) {
export function editDeleteProjectInfoManageTable(params) {
return post('/network/prj-info/upd', params);
}
// 文档在线编辑，编辑和删除
// 文档在线编辑，查询目录树
export function queryDocumentCatalog(params) {
return post('/kl-doc-parser/qryTitleTree', params);
}
// 文档在线编辑，查询文档详情
export function queryDocumentDetails(params) {
return post('/kl-doc-parser/qryById', params);
}
// 文档在线编辑，删除
export function deleteDocument(params) {
return post('/kl-doc-parser/delTtile', params);
}
// 文档在线编辑，新增或修改章节
export function addEditDocument(params) {
return post('/kl-doc-parser/savOrUptTitle', params);
}
// 系统资产架构，批量删除,删除
export function deleteSystemTable(params) {
return post('/network/arc-ast-sys/delBatch', params);
}
// 系统资产架构，新增
export function addSystemTable(params) {
return post('/network/arc-ast-sys/ad', params);
}
// 系统资产架构，编辑
export function editSystemTable(params) {
return post('/network/arc-ast-sys/upd', params);
}
src/views/archi-asset-manage/index(旧).vue
<template>
<template>
......@@ -49,7 +49,7 @@
<img class="btn_icon" src="@/assets/archi-ele-list/create.png" alt="" />
<p>新建</p>
</div> -->
<el-button @click="add" type="primary" size="medium" icon="el-icon-document-add">新建</el-button>
<el-button @click="addItem" type="primary" size="medium" icon="el-icon-document-add">新建</el-button>
<el-button type="primary" size="medium" icon="el-icon-delete" @click="moreDelete">删除</el-button>
<!-- <el-button type="primary" size="medium" icon="el-icon-plus">导入</el-button> -->
<div class="import_btn" @click="importFile">
......@@ -395,7 +395,6 @@
}else {
targetAsset = [{}];
}
console.log(targetAsset)
const params = {
archiAssetState: this.searchParams.archiAssetState,
archiStage: this.searchParams.archiStage,
......@@ -519,7 +518,7 @@
this.selectLabel2 = '';
});
},
add() {//新建
addItem() {//新建
this.addDialog = true;
this.is_add_edit = 'add';
this.getShangJiJieDianSelect();
......
src/views/archi-asset-manage/index.vue
......@@ -2,10 +2,13 @@
<div class="archiAssetsManage">
<el-card class="box-card" style="margin-bottom: 10px;">
<div class="topMenuContainer">
<el-button type="primary" size="medium" icon="el-icon-document-add" @click="operation('open_add_dialog1', null)">选择系统</el-button>
<el-button type="primary" size="medium" icon="el-icon-document-add" @click="operation('open_add_dialog2', null)">选择项目</el-button>
<div style="margin-left: 20px;margin-right: 20px;">您已选择：生产检修业务-2022 年新一代应急指挥系统</div>
<el-button type="primary" size="mini" icon="el-icon-document-add">统建</el-button>
<div>
<el-button type="primary" size="medium" @click="operation('open_add_dialog1', null)">选择系统</el-button>
<el-button type="primary" size="medium" @click="operation('open_add_dialog2', null)">选择项目</el-button>
<div style="margin-left: 20px;margin-right: 20px;" v-if="showSelectTitle.title">您已选择：{{ showSelectTitle.title }}</div>
<el-tag v-if="showSelectTitle.title">{{ showSelectTitle.status }}</el-tag>
</div>
<el-button type="primary" size="medium" @click="operation('open_add_dialog4', null)">维护资产要素</el-button>
</div>
</el-card>
<div class="archiAssetsManageContainer">
......@@ -14,9 +17,10 @@
class="filter-tree"
:data="treeData"
:highlight-current="true"
:props="{ children: 'subList', label: 'assetName', id: 'assetId' }"
default-expand-all
node-key="assetId"
:props="{ children: 'subList', label: 'viewName', id: 'viewId' }"
node-key="viewId"
:default-expanded-keys="treeDefaultExpand"
:current-node-key="currentNodekey"
@node-click="treeClick"
ref="tree">
</el-tree>
......@@ -30,8 +34,8 @@
</div>
<div class="search_menu_item">
<span class="search_title">资产类型</span>
<el-select filterable v-model="searchParams.let2" clearable placeholder="请选择" class="search_item">
<el-option label="1" value="1"></el-option>
<el-select v-model="searchParams.let2" @change="zuJianLeiXingSelectChange" filterable remote :remote-method="queryZuJianLeiXingSelect" clearable placeholder="请选择">
<el-option v-for="item in zuJianLeiXingSelect" :key="item.elementId" :label="item.elementName" :value="item.elementId"></el-option>
</el-select>
</div>
<div class="search_menu_item">
......@@ -51,16 +55,22 @@
</div>
</div>
<div class="search_btn">
<el-button @click="addItem" type="primary" size="medium" icon="el-icon-document-add">新建</el-button>
<el-button @click="operation('open_add_dialog3', null)" type="primary" size="medium" icon="el-icon-document-add">新建</el-button>
<el-button type="primary" size="medium" icon="el-icon-delete" @click="moreDelete">删除</el-button>
</div>
<el-table height="300" @selection-change="select_table_rows" v-loading="loading" :data="tableData" stripe border>
<el-table :height="tableHeight" @selection-change="select_table_rows" 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="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">
<template slot-scope="scope">
<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="createMan" label="创建时间" align="center"></el-table-column>
<el-table-column prop="createTime" label="创建时间" align="center"></el-table-column>
<el-table-column label="操作" width="200" align="center">
<template slot-scope="scope">
<div style="display: flex;align-items: center;justify-content: center;">
......@@ -89,6 +99,65 @@
:center="false"
:close-on-click-modal="false"
width="80%">
<div class="search_menu" style="justify-content: center;margin-bottom: 20px;">
<div class="search_menu_item_container">
<div class="search_menu_item" style="width: auto;">
<span class="search_title">单位</span>
<el-input v-no-backslash v-model="searchParams2.let1" maxlength="100" placeholder="请输入内容" class="search_item"></el-input>
</div>
<div class="search_menu_item" style="width: auto;">
<span class="search_title">部门</span>
<el-input v-no-backslash v-model="searchParams2.let2" maxlength="100" placeholder="请输入内容" class="search_item"></el-input>
</div>
<div class="search_menu_item" style="width: auto;">
<span class="search_title">系统名称</span>
<el-input v-no-backslash v-model="searchParams2.let3" maxlength="100" placeholder="请输入内容" class="search_item"></el-input>
</div>
<div class="search_menu_item" style="width: auto;">
<span class="search_title">建设类型</span>
<el-select v-model="searchParams2.let4" placeholder="请选择" class="search_item">
<el-option v-for="item in jianSheLeiXingSelect" :key="item.value" :label="item.label" :value="item.value"></el-option>
</el-select>
</div>
</div>
<div class="search_menu_btn_container">
<div class="query_btn" @click="search_table2">
<img class="btn_icon" src="@/assets/archi-ele-list/search.png" alt="" />
<p>查询</p>
</div>
<div class="reset_btn" @click="reset2">
<img class="btn_icon" src="@/assets/archi-ele-list/reset.png" alt="" />
<p>重置</p>
</div>
</div>
</div>
<el-table height="400" v-loading="loading" :data="tableData2" @selection-change="select_table_rows2" stripe border>
<el-table-column type="selection" width="55"></el-table-column>
<el-table-column type="index" label="序号" width="80" align="center"></el-table-column>
<el-table-column prop="manageOrgId" label="单位" align="center"></el-table-column>
<el-table-column prop="manageDeptId" label="部门" align="center"></el-table-column>
<el-table-column prop="appName" label="系统名称" align="center" width="200" :show-overflow-tooltip="true"></el-table-column>
<el-table-column label="建设类型" align="center">
<template slot-scope="scope">
<span v-if="scope.row.buildType == 1">统推</span>
<span v-else>自建</span>
</template>
</el-table-column>
<el-table-column prop="buildOrg" label="承建单位" align="center"></el-table-column>
<el-table-column prop="projectManager" 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>
<el-pagination
background
@size-change="handleSizeChange2"
@current-change="handleCurrentChange2"
:current-page="pager2.current"
:page-sizes="pager2.sizes"
:page-size="pager2.size"
layout="total, sizes, prev, pager, next, jumper"
:total="pager2.total">
</el-pagination>
<span slot="footer" class="dialog-footer">
<el-button class="greenButton" @click="dialogOperation('selectSystem', null)">确定</el-button>
<el-button @click="dialogOperation('cancelSelectSystem', null)">取消</el-button>
......@@ -101,17 +170,160 @@
:center="false"
:close-on-click-modal="false"
width="80%">
<div class="search_menu" style="justify-content: center;margin-bottom: 20px;">
<div class="search_menu_item_container">
<div class="search_menu_item" style="width: auto;">
<span class="search_title">单位</span>
<el-input v-no-backslash v-model="searchParams3.let1" maxlength="100" placeholder="请输入内容" class="search_item"></el-input>
</div>
<div class="search_menu_item" style="width: auto;">
<span class="search_title">部门</span>
<el-input v-no-backslash v-model="searchParams3.let2" maxlength="100" placeholder="请输入内容" class="search_item"></el-input>
</div>
<div class="search_menu_item" style="width: auto;">
<span class="search_title">系统名称</span>
<el-input v-no-backslash v-model="searchParams3.let3" maxlength="100" placeholder="请输入内容" class="search_item"></el-input>
</div>
<div class="search_menu_item" style="width: auto;">
<span class="search_title">建设类型</span>
<el-select v-model="searchParams3.let4" placeholder="请选择" class="search_item">
<el-option v-for="item in jianSheLeiXingSelect" :key="item.value" :label="item.label" :value="item.value"></el-option>
</el-select>
</div>
</div>
<div class="search_menu_btn_container">
<div class="query_btn" @click="search_table3">
<img class="btn_icon" src="@/assets/archi-ele-list/search.png" alt="" />
<p>查询</p>
</div>
<div class="reset_btn" @click="reset3">
<img class="btn_icon" src="@/assets/archi-ele-list/reset.png" alt="" />
<p>重置</p>
</div>
</div>
</div>
<el-table height="400" v-loading="loading" :data="tableData3" @selection-change="select_table_rows3" stripe border>
<el-table-column type="selection" width="55"></el-table-column>
<el-table-column type="index" label="序号" width="80" align="center"></el-table-column>
<el-table-column prop="manageOrgId" label="单位" align="center"></el-table-column>
<el-table-column prop="manageDeptId" label="部门" align="center"></el-table-column>
<el-table-column prop="appName" label="系统名称" align="center" width="200" :show-overflow-tooltip="true"></el-table-column>
<el-table-column label="建设类型" align="center">
<template slot-scope="scope">
<span v-if="scope.row.buildType == 1">统推</span>
<span v-else>自建</span>
</template>
</el-table-column>
<el-table-column prop="prjName" label="项目名称" align="center" width="200" :show-overflow-tooltip="true"></el-table-column>
<el-table-column label="是否续建" align="center">
<template slot-scope="scope">
<span v-if="scope.row.prjPlanClass == 1">否</span>
<span v-else>是</span>
</template>
</el-table-column>
<el-table-column prop="buildOrg" label="承建单位" align="center"></el-table-column>
<el-table-column prop="projectManager" 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>
<el-pagination
background
@size-change="handleSizeChange3"
@current-change="handleCurrentChange3"
:current-page="pager3.current"
:page-sizes="pager3.sizes"
:page-size="pager3.size"
layout="total, sizes, prev, pager, next, jumper"
:total="pager3.total">
</el-pagination>
<span slot="footer" class="dialog-footer">
<el-button class="greenButton" @click="dialogOperation('selectProject', null)">确定</el-button>
<el-button @click="dialogOperation('cancelSelectProject', null)">取消</el-button>
</span>
</el-dialog>
<el-dialog
title='新建架构'
:visible.sync="add_dialog3"
:center="false"
:close-on-click-modal="false"
width="60%">
<el-form :model="ruleForm" :rules="rules" ref="form" style="height: 400px;overflow-y:auto;">
<div class="form_item_container">
<el-form-item label="架构组件名称:" prop="let1">
<el-input placeholder="请输入内容" v-no-backslash v-model="ruleForm.let1" maxlength="100"></el-input>
</el-form-item>
<el-form-item label="排序:" prop="let2">
<el-input-number style="width: 200px;" v-model="ruleForm.let2" :min="0"></el-input-number>
</el-form-item>
<el-form-item label="是否首页展示:" prop="let3">
<el-radio-group v-model="ruleForm.let3">
<el-radio label="显示"></el-radio>
<el-radio label="隐藏"></el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="组件类型:" prop="let4">
<el-select v-model="ruleForm.let4" @change="zuJianLeiXingSelectChange" filterable remote :remote-method="queryZuJianLeiXingSelect" clearable placeholder="请选择">
<el-option v-for="item in zuJianLeiXingSelect" :key="item.elementId" :label="item.elementName" :value="item.elementId"></el-option>
</el-select>
</el-form-item>
<el-form-item class="dynamicFormClass" v-for="(item, index) in ruleForm.dynamicForm_" :key="index" :label="item.cnName+':'">
<template v-if="item.controlType == 0">
<el-input placeholder="请输入内容" v-no-backslash v-model="item.value_" maxlength="100"></el-input>
</template>
<template v-else-if="item.controlType == 1">
<el-input placeholder="请输入内容" v-no-backslash v-model="item.value_" type="textarea" :rows="3" maxlength="200" show-word-limit></el-input>
</template>
<template v-else>
<el-select class="selectComponent" v-model="item.value_" clearable>
<el-option v-for="item2 in item.dictArray_" :key="item2.id" :label="item2.label" :value="item2.id"></el-option>
</el-select>
</template>
</el-form-item>
</div>
</el-form>
<span slot="footer" class="dialog-footer">
<el-button class="greenButton" @click="dialogOperation('save_dialog', null)">确定</el-button>
<el-button @click="add_dialog3 = false">取消</el-button>
</span>
</el-dialog>
<el-dialog
title='选择遵从总体架构资产类型(所属元素)'
:visible.sync="add_dialog4"
:center="false"
:close-on-click-modal="false"
width="80%">
<el-card v-for="item in elementTree" :key="item.assetId" style="margin-bottom: 20px;">
<div style="text-align: left;">
<el-checkbox :indeterminate="item.isIndeterminate" v-model="item.checkAll" @change="val => handleCheckAllChange(val, item)">{{ item.assetName }}</el-checkbox>
</div>
<div style="margin: 15px 0;"></div>
<el-checkbox-group v-model="item.checkedCities" @change="value => handleCheckedCitiesChange(value, item)" style="overflow-x: auto;display: flex;">
<el-checkbox v-for="city in item.subList" :label="city.assetName" :key="city.assetId">{{ city.assetName }}</el-checkbox>
</el-checkbox-group>
</el-card>
<span slot="footer" class="dialog-footer">
<el-button class="greenButton" @click="dialogOperation('saveFactor', null)">确定</el-button>
<el-button @click="add_dialog4 = false">取消</el-button>
</span>
</el-dialog>
</div>
</template>
<script>
import {
querysystemInfoManageTable,
queryProjectInfoManageTable,
getDianXingAnLiSelectData,
queryZiChanJiaGouZuJianLeiXing,
getArchiViewManage,
getTotalZiChanJiaGouTable,
queryZuJianLeiXingBelongForm,
deleteSystemTable,
addSystemTable,
editSystemTable,
archiIntelligenceSearchTree
} from '@/api/index.js';
import $ from 'jquery';
import { MessageBox, Message } from 'element-ui';
......@@ -127,16 +339,18 @@
return {
tableData: [],
loading: false,
tableHeight: [],
tableHeight: null,
selectRow: [],
treeData: [
{ assetId: 'BUSI', assetName: '业务架构', subList: [] },
{ assetId: 'APP', assetName: '应用架构', subList: [] },
{ assetId: 'DATA', assetName: '数据架构', subList: [] },
{ assetId: 'TECH', assetName: '技术架构', subList: [] },
{ assetId: 'SAFE', assetName: '安全架构', subList: [] }
{
viewId: 0,
viewName: '系统架构资产',
subList: []
}
],
searchParams: {
archiAssetState: 2,
archiStage: 2,
let1: null,
let2: null,
let3: null,
......@@ -149,6 +363,73 @@
},
add_dialog1: false,
add_dialog2: false,
showSelectTitle: {
title: null,
status: null,
buildType: null,
prjId: null,
prjCode: null,
prjName: null,
appId: null,
appCode: null,
appName: null,
},
searchParams2: {
let1: null,
let2: null,
let3: null,
let4: null,
},
tableData2: [],
loading2: false,
pager2: {
current: 1,
sizes: [10, 20, 50, 100, 200],
size: 10,
total: 0 //总条数
},
selectRow2: [],
jianSheLeiXingSelect: [],
searchParams3: {
let1: null,
let2: null,
let3: null,
let4: null,
},
tableData3: [],
loading3: false,
pager3: {
current: 1,
sizes: [10, 20, 50, 100, 200],
size: 10,
total: 0 //总条数
},
selectRow3: [],
add_dialog3: false,
is_add_edit: null,
ruleForm: {
let1: null,
let2: 0,
let3: '显示',
let4: null,
dynamicForm_: [],
},
rules: {
let1: [
{ required: true, message: '请输入架构组件名称', trigger: 'blur' },
],
let4: [
{ required: true, message: '请选择组件类型', trigger: 'change' },
],
},
zuJianLeiXingSelect: [],
archiBelongId: null,
assetConstant: null,
treeDefaultExpand: [],
currentNodekey: null,
editId: null,
add_dialog4: false,
elementTree: []
};
},
mounted(){
......@@ -156,8 +437,224 @@
this.set_table_height();
})
this.set_table_height();
this.getTreeData();
this.getJianSheLeiXingSelect().then(res => {
this.jianSheLeiXingSelect = res;
})
},
methods: {
zuJianLeiXingSelectChange(data) {//组件类型选择后
if(data) {
const params = {
type: '1',
typeId: data,
};
queryZuJianLeiXingBelongForm(params).then(res => {
if(res.code == 200) {
if(res.data.length > 0) {
res.data.map(item => {
if(item.controlType == 2) {
this.get_key(item.dictKey).then(res2 => {
this.$set(item, 'dictArray_', res2);
})
}
item['value_'] = '';
});
this.ruleForm.dynamicForm_ = res.data;
}else {
this.ruleForm.dynamicForm_ = [];
}
}
})
}else {
this.ruleForm.dynamicForm_ = [];
}
},
getTreeData() {//查询左侧树
getArchiViewManage({}).then(res => {
if(res.code == 200) {
this.treeDefaultExpand = [res.data[0].viewId];
this.currentNodekey = res.data[0].viewId;
this.$nextTick(() => {
this.$refs.tree.setCurrentKey(this.currentNodekey);
});
res.data.map(item => {
item.subList = [];
});
this.treeData[0].subList = res.data;
this.archiBelongId = res.data[0].archiBelongId;
this.assetConstant = res.data[0].archiType;
this.getZuJianLeiXingSelect(null);
this.get_table();
}else {
Message({
type: 'error',
message: res.msg
});
}
});
},
get_table() {//查询表格数据
const params = {
// "archiAssetState": this.searchParams.archiAssetState,
// "archiStage": this.searchParams.archiStage,
"assetName": this.searchParams.let1,
"createMan": this.searchParams.let3,
"archiEleId": this.searchParams.let2,
"assetConstant": this.assetConstant,
// "archiAssetTypeId": this.archiAssetTypeId,
"current": this.pager.current,
"pageSize": this.pager.size,
};
this.loading = true;
getTotalZiChanJiaGouTable(params).then(res => {
if(res.code == 200) {
this.loading = false;
this.pager.current = res.data.current;
this.pager.total = res.data.total;
this.pager.size = res.data.size;
this.tableData = res.data.records;
}else {
Message({
type: 'error',
message: res.msg
});
}
})
},
treeClick(data) {//左侧树点击
this.archiBelongId = data.archiBelongId;
this.assetConstant = data.archiType;
this.getZuJianLeiXingSelect(null);
this.get_table();
},
queryZuJianLeiXingSelect(data) {//组件类型搜索
if (data !== '') {
setTimeout(() => {
this.getZuJianLeiXingSelect(data);
}, 200);
}else {
this.getZuJianLeiXingSelect(null);
}
},
getZuJianLeiXingSelect(elementName) {//组件类型下拉框值
const params = {
state: '1',
type: '1',
elementName: elementName,
archiBelongId: this.archiBelongId
};
queryZiChanJiaGouZuJianLeiXing(params).then(res => {
if(res.code == 200) {
this.zuJianLeiXingSelect = res.data;
}else {
Message({
type: 'error',
message: res.msg
});
}
})
},
get_table3() {//查询表格数据
this.loading3 = true;
const params = {
"manageOrgId": this.searchParams3.let1,
"manageDeptId": this.searchParams3.let2,
"appName": this.searchParams3.let3,
"buildType": this.searchParams3.let4,
"current": this.pager3.current,
"pageSize": this.pager3.size,
};
queryProjectInfoManageTable(params).then(res => {
if(res.code == 200) {
this.loading3 = false;
this.tableData3 = res.data.records;
this.pager3.current = res.data.current;
this.pager3.total = res.data.total;
this.pager3.size = res.data.size;
}
});
},
select_table_rows3(data){//表格的勾选
this.selectRow3 = data;
},
search_table3() {//查询
this.pager3.current = 1;
this.get_table3();
},
reset3() {//重置
this.searchParams3.let1 = null;
this.searchParams3.let2 = null;
this.searchParams3.let3 = null;
this.searchParams3.let4 = null;
},
// 每页条数改变
handleSizeChange3(val) {
this.pager3.current = 1;
this.pager3.size = val;
this.get_table3();
},
//当前页码改变
handleCurrentChange3(val) {
this.pager3.current = val;
this.get_table3();
},
select_table_rows2(data){//表格的勾选
this.selectRow2 = data;
},
search_table2() {//查询
this.pager2.current = 1;
this.get_table2();
},
reset2() {//重置
this.searchParams2.let1 = null;
this.searchParams2.let2 = null;
this.searchParams2.let3 = null;
this.searchParams2.let4 = null;
},
// 每页条数改变
handleSizeChange2(val) {
this.pager2.current = 1;
this.pager2.size = val;
this.get_table2();
},
//当前页码改变
handleCurrentChange2(val) {
this.pager2.current = val;
this.get_table2();
},
get_table2() {//查询表格数据
this.loading2 = true;
const params = {
"manageOrgId": this.searchParams2.let1,
"manageDeptId": this.searchParams2.let2,
"appName": this.searchParams2.let3,
"buildType": this.searchParams2.let4,
"current": this.pager2.current,
"pageSize": this.pager2.size,
};
querysystemInfoManageTable(params).then(res => {
if(res.code == 200) {
this.loading2 = false;
this.tableData2 = res.data.records;
this.pager2.current = res.data.current;
this.pager2.total = res.data.total;
this.pager2.size = res.data.size;
}
});
},
getJianSheLeiXingSelect() {//建设类型下拉
const params = {
key: "build_type"
}
return new Promise((resolve, reject) => {
getDianXingAnLiSelectData(params).then(res => {
if(res.code == 200) {
resolve(res.data);
}
})
})
},
operation(type, data) {
switch(type){
case 'open_add_dialog1':
......@@ -166,16 +663,115 @@
case 'open_add_dialog2':
this.open_add_dialog2();
break;
case 'open_add_dialog3':
// this.open_add_dialog3();
break;
case 'edit':
// this.editItem(data);
this.editItem(data);
break;
case 'delete':
// this.deleteItem(data);
this.deleteItem(data);
break;
case 'open_add_dialog3':
this.addItem();
break;
case 'open_add_dialog4':
this.open_add_dialog4();
break;
}
},
open_add_dialog4() {//打开选择遵从总体架构资产类型(所属元素)窗口
this.add_dialog4 = true;
this.getElementTreeData();
},
handleCheckAllChange(val, item) {
let cityOptions = [];
if(val){
item.subList.forEach(item => {
cityOptions.push(item.assetName)
});
}else {
cityOptions = [];
}
item.checkedCities = val ? cityOptions : [];
item.isIndeterminate = false;
},
handleCheckedCitiesChange(value, item) {
console.log(value)
console.log(item)
let checkedCount = value.length;
item.checkAll = checkedCount === item.subList.length;
item.isIndeterminate = checkedCount > 0 && checkedCount < item.subList.length;
},
getElementTreeData(type) {//查询左侧树
archiIntelligenceSearchTree({}).then(res => {
if(res.code == 200) {
console.log(res.data);
res.data.map(item => {
item['isIndeterminate'] = false;
item['checkAll'] = false;
item['checkedCities'] = [];
})
this.elementTree = res.data;
}
});
},
editItem(row) {//编辑
this.add_dialog3 = true;
this.is_add_edit = 'edit';
this.ruleForm.let1 = row.assetName;
this.ruleForm.let2 = row.sort;
this.ruleForm.let3 = row.isShow == 0 ? '显示' : '隐藏';
this.ruleForm.let4 = row.archiEleId;
this.editId = row.assetId;
let fieldsValue = row.fieldsValue;
if(fieldsValue.length == 4) {
this.ruleForm.dynamicForm_ = [];
}else {
let fieldsValue_ = JSON.parse(fieldsValue);
fieldsValue_.map(item => {
if(item.dictKey) {
this.get_key(item.dictKey).then(res2 => {
this.$set(item, 'dictArray_', res2);
})
}
});
this.ruleForm.dynamicForm_ = fieldsValue_;
}
},
deleteItem(row) {//删除
MessageBox.confirm('确定删除?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
customClass: 'messageClass',
confirmButtonClass: 'confirmClass',
type: 'warning'
}).then(() => {
const params = {
assetId: [row.assetId],
state: row.state,
delFlag: 1,
assetConstant: this.assetConstant,
}
deleteSystemTable(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: '已取消'
});
});
},
dialogOperation(type, data) {
switch(type){
......@@ -191,27 +787,187 @@
case 'cancelSelectProject':
this.cancelSelectProject();
break;
case 'delete':
// this.deleteItem(data);
case 'save_dialog':
this.saveDialog(data);
break;
case 'saveFactor':
this.saveFactor(data);
break;
}
},
open_add_dialog1() {
saveFactor() {//确定维护资产要素
},
saveDialog(){//保存架构
this.$refs.form.validate(valid => {
if(valid) {
if(!this.showSelectTitle.title) {
Message({
type: 'error',
message: '请选择系统或项目!'
});
return;
}
let fieldsValue = [], eleName, targetAsset = [];
const items2 = this.zuJianLeiXingSelect.find(item => item.elementId == this.ruleForm.let4);
eleName = items2.elementName;
if(this.ruleForm.dynamicForm_.length > 0) {
this.ruleForm.dynamicForm_.forEach(item => {
fieldsValue.push({
cnName: item.cnName,
value_: item.value_,
controlType: item.controlType,
dictKey: item.dictKey ? item.dictKey : null
})
})
}else {
fieldsValue = [{}];
}
const params = {
archiAssetState: this.searchParams.archiAssetState,
archiStage: this.searchParams.archiStage,
archiBelongId: this.archiBelongId,
assetConstant: this.assetConstant,
// archiAssetTypeId: this.archiAssetTypeId,
archiEleId: this.ruleForm.let4,
assetName: this.ruleForm.let1,
sort: this.ruleForm.let2,
assetId: this.is_add_edit == 'add' ? null : this.editId,
isShow: this.ruleForm.let3 == '显示' ? 0 : 1,
fieldsValue: fieldsValue,
eleName: eleName,
buildType: this.showSelectTitle.buildType,
prjId: this.showSelectTitle.prjId,
prjCode: this.showSelectTitle.prjCode,
prjName: this.showSelectTitle.prjName,
appId: this.showSelectTitle.appId,
appCode: this.showSelectTitle.appCode,
appName: this.showSelectTitle.appName,
isExtend: 0,
}
if(this.is_add_edit == 'add') {
addSystemTable(params).then(res => {
if(res.code == 200) {
this.add_dialog3 = false;
this.get_table();
Message({
type: 'success',
message: '新增成功!'
});
}else {
Message({
type: 'error',
message: res.msg
});
}
})
}else {
editSystemTable(params).then(res => {
if(res.code == 200) {
this.add_dialog3 = false;
this.get_table();
Message({
type: 'success',
message: '编辑成功!'
});
}else {
Message({
type: 'error',
message: res.msg
});
}
})
}
}else {
return false;
}
});
},
get_key(key) {//查询字典
const params = {
key: key
}
return new Promise((resolve, reject) => {
getDianXingAnLiSelectData(params).then(res => {
if(res.code == 200) {
resolve(res.data);
}
})
})
},
open_add_dialog1() {//打开选择系统窗口
this.add_dialog1 = true;
this.get_table2();
},
open_add_dialog2() {
open_add_dialog2() {//打开选择项目窗口
this.add_dialog2 = true;
this.get_table3();
},
selectSystem() {
selectSystem() {//确定选择系统
if(this.selectRow2.length == 0) {
Message({
type: 'error',
message: '请选择至少一条数据'
});
return;
}
if(this.selectRow2.length > 1) {
Message({
type: 'error',
message: '只能选择一条数据'
});
return;
}
this.add_dialog1 = false;
this.showSelectTitle.title = this.selectRow2[0].appName;
this.showSelectTitle.status = this.selectRow2[0].buildType == 1 ? '统推' : '自建';
this.showSelectTitle.buildType = null;
this.showSelectTitle.prjId = null;
this.showSelectTitle.prjCode = null;
this.showSelectTitle.prjName = null;
this.showSelectTitle.appId = this.selectRow2[0].appId;
this.showSelectTitle.appCode = this.selectRow2[0].appCode;
this.showSelectTitle.appName = this.selectRow2[0].appName;
},
cancelSelectSystem() {
cancelSelectSystem() {//取消选择系统
this.add_dialog1 = false;
},
selectProject() {
selectProject() {//确定选择项目
if(this.selectRow3.length == 0) {
Message({
type: 'error',
message: '请选择至少一条数据'
});
return;
}
if(this.selectRow3.length > 1) {
Message({
type: 'error',
message: '只能选择一条数据'
});
return;
}
console.log(this.selectRow3)
this.showSelectTitle.title = this.selectRow3[0].prjName;
this.showSelectTitle.status = this.selectRow3[0].prjPlanClass == 1 ? '新建' : '续建';
this.showSelectTitle.buildType = this.selectRow3[0].buildType;
this.showSelectTitle.prjId = this.selectRow3[0].prjId;
this.showSelectTitle.prjCode = this.selectRow3[0].prjCode;
this.showSelectTitle.prjName = this.selectRow3[0].prjName;
this.showSelectTitle.appId = null;
this.showSelectTitle.appCode = null;
this.showSelectTitle.appName = null;
this.add_dialog2 = false;
},
cancelSelectProject() {
cancelSelectProject() {//取消选择项目
this.add_dialog2 = false;
},
select_table_rows(data){//表格的勾选
......@@ -221,23 +977,71 @@
const right_container_height = $(".right_container").height();
this.tableHeight = right_container_height - 260 + 'px';
},
treeClick(data) {//左侧树点击
},
addItem() {
addItem() {//新增
this.add_dialog3 = true;
this.is_add_edit = 'add';
this.$nextTick(() => {
this.$refs.form.resetFields();
this.ruleForm.let1 = null;
this.ruleForm.let2 = 0;
this.ruleForm.let3 = '显示';
this.ruleForm.let4 = null;
this.ruleForm.dynamicForm_ = [];
});
},
moreDelete() {
moreDelete() {//批量删除
if(this.selectRow.length == 0) {
Message({
type: 'error',
message: '请选择至少一条数据!'
});
}else {
let assetIdArray = [];
this.selectRow.forEach(item => {
assetIdArray.push(item.assetId);
});
const params = {
assetId: assetIdArray,
assetConstant: this.assetConstant,
// archiAssetTypeId: this.archiAssetTypeId,
};
MessageBox.confirm('确定删除?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
customClass: 'messageClass',
confirmButtonClass: 'confirmClass',
type: 'warning'
}).then(() => {
deleteSystemTable(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: '已取消'
});
});
}
},
search_table() {//查询
this.pager.current = 1;
this.get_table();
},
reset() {//重置
this.searchParams.assetName = null;
this.searchParams.createMan = null;
this.searchParams.archiEleId = null;
this.searchParams.let1 = null;
this.searchParams.let2 = null;
this.searchParams.let3 = null;
},
// 每页条数改变
handleSizeChange(val) {
......@@ -250,11 +1054,9 @@
this.pager.current = val;
this.get_table();
},
get_table() {//查询表格数据
}
}
}
</script>
<style>
.confirmClass{
......@@ -269,6 +1071,9 @@
.el-select-dropdown__item.hover, .el-select-dropdown__item:hover{
background-color: #fff !important;
}
.el-checkbox__input.is-checked+.el-checkbox__label{
color: #0D867F;
}
</style>
<style scoped>
.archiAssetsManage{
......@@ -283,6 +1088,7 @@
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
}
.filter-tree{
width: 300px;
......
src/views/archi-intelligence-search/index.vue
......@@ -36,7 +36,6 @@ export default {
},
mounted(){
this.getTreeData();
// this.echarts1();
},
methods: {
echarts1(seriesData, linkData) {
......@@ -71,7 +70,7 @@ export default {
}
},
force: {
repulsion: 6000
repulsion: 3000
},
// edgeSymbol: ['circle', 'arrow'],
data: seriesData,
......@@ -82,12 +81,8 @@ export default {
this.myChart.setOption(option);
},
getTreeData() {//查询左侧树
const params = {
"assetName": null,
"versionId": null
}
archiIntelligenceSearchTree(params).then(res => {
getTreeData(type) {//查询左侧树
archiIntelligenceSearchTree({}).then(res => {
if(res.code == 200) {
this.treeData = res.data;
}
......
src/views/archiAssetVisualShow/index.vue
......@@ -4,7 +4,7 @@
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
node-key="assetId"
@node-click="treeClick"
......@@ -18,7 +18,7 @@
<script>
import {
archiIntelligenceSearchTree,
archiAssetShowTree,
} from '@/api/index.js';
import { MessageBox, Message } from 'element-ui';
import $ from 'jquery';
......@@ -31,11 +31,11 @@ export default {
data() {
return {
treeData: [
{ assetId: 'BUSI', assetName: '业务架构', subList: [] },
{ assetId: 'APP', assetName: '应用架构', subList: [] },
{ assetId: 'DATA', assetName: '数据架构', subList: [] },
{ assetId: 'TECH', assetName: '技术架构', subList: [] },
{ assetId: 'SAFE', assetName: '安全架构', subList: [] }
{ id: 'BUSI', name: '业务架构', children: [] },
{ id: 'APP', name: '应用架构', children: [] },
{ id: 'DATA', name: '数据架构', children: [] },
{ id: 'TECH', name: '技术架构', children: [] },
{ id: 'SAFE', name: '安全架构', children: [] }
]
};
},
......@@ -47,11 +47,11 @@ export default {
const params = {
"assetEnum": type
}
archiIntelligenceSearchTree(params).then(res => {
archiAssetShowTree(params).then(res => {
if(res.code == 200) {
this.treeData.forEach(item => {
if(item.assetId == type) {
item.subList = res.data;
if(item.id == type) {
item.children = res.data;
}
})
}
......@@ -60,8 +60,8 @@ export default {
treeClick(data, node, e) {//树点击的时候
// console.log(data.assetId);
const type = [ 'BUSI', 'APP', 'DATA', 'TECH', 'SAFE' ];
if(type.includes(data.assetId)) {
this.getTreeData(data.assetId);
if(type.includes(data.id)) {
this.getTreeData(data.id);
}
}
}
......
src/views/documentEdit/index.vue
<template>
<div class="documentEdit">
<div class="left_container">
<div style="text-align: left;margin-left: 10px;">{{ docTitle }}</div>
<div style="text-align: left;margin-left: 10px;margin-bottom: 15px;margin-top: 15px;">{{ docTitle }}</div>
<el-tree
class="filter-tree"
:data="treeData"
......@@ -22,7 +22,8 @@
<el-dropdown-item command="1">添加章节</el-dropdown-item>
<el-dropdown-item command="2">添加子章节</el-dropdown-item>
<el-dropdown-item command="3">复制章节</el-dropdown-item>
<el-dropdown-item command="4">删除章节</el-dropdown-item>
<el-dropdown-item command="4">修改章节</el-dropdown-item>
<el-dropdown-item command="5">删除章节</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
</span>
......@@ -30,17 +31,69 @@
</el-tree>
</div>
<div class="right_container">
<el-card class="box-card" style="height: 98%;">
<el-card class="box-card" style="height: 98%;overflow-y: auto;">
<div style="display: flex;align-items: center;justify-content: space-between;">
<h4 style="margin: 0;text-align: left;">基本信息</h4>
<el-button class="greenButton" @click="saveChapter2">保存</el-button>
</div>
<el-divider></el-divider>
<el-form :model="ruleForm" :rules="rules" ref="form">
<el-form-item label="章节名称:" prop="let1">
<el-input v-no-backslash v-model="ruleForm.let1" maxlength="100"></el-input>
</el-form-item>
<el-form-item label="章节说明:" prop="let2">
<el-input v-no-backslash v-model="ruleForm.let2" type="textarea" :rows="5" maxlength="1000" show-word-limit></el-input>
</el-form-item>
<el-form-item label="参考规范:">
<el-button type="text" icon="el-icon-plus">添加</el-button>
</el-form-item>
<el-form-item label="引用章节:">
<el-button type="text">引用</el-button>
</el-form-item>
<el-form-item label="可添加内容块:" prop="let3">
<el-radio-group v-model="ruleForm.let3">
<el-radio label="是"></el-radio>
<el-radio label="否"></el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="必填:" prop="let4">
<el-radio-group v-model="ruleForm.let4">
<el-radio label="是"></el-radio>
<el-radio label="否"></el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="正文内容:" prop="let5">
<el-input v-no-backslash v-model="ruleForm.let5" type="textarea" :rows="5" maxlength="5000" show-word-limit></el-input>
</el-form-item>
</el-form>
</el-card>
</div>
<el-dialog
:title='dialogTitle'
:visible.sync="add_dialog1"
:center="false"
:close-on-click-modal="false"
width="50%">
<el-form :model="ruleForm2" :rules="rules2" class="elform2" ref="form2">
<el-form-item label="章节名称:" prop="let1">
<el-input v-no-backslash v-model="ruleForm2.let1" maxlength="100"></el-input>
</el-form-item>
</el-form>
<span slot="footer" class="dialog-footer">
<el-button class="greenButton" @click="dialogOperation('save', null)">确定</el-button>
<el-button @click="add_dialog1 = false">取消</el-button>
</span>
</el-dialog>
</div>
</template>
<script>
import {
queryDocumentCatalog,
getDianXingAnLiSelectData
queryDocumentDetails,
deleteDocument,
addEditDocument
} from '@/api/index.js';
import { MessageBox, Message } from 'element-ui';
import $ from 'jquery';
......@@ -53,24 +106,253 @@ export default {
data() {
return {
docTitle: null,
treeData: []
treeData: [],
ruleForm: {
let1: null,
let2: null,
let3: '是',
let4: '是',
let5: null,
},
rules: {
let1: [
{ required: true, message: '请输入章节名称', trigger: 'blur' },
],
},
add_dialog1: false,
dialogTitle: null,
chapterName: null,
ruleForm2: {
let1: null,
},
rules2: {
let1: [
{ required: true, message: '请输入章节名称', trigger: 'blur' },
],
},
addOrEditInfo: {},
leftInfo: {},
};
},
mounted(){
this.getDocCatalog();
},
methods: {
handleCommand(type, data) {
console.log(type)
handleCommand(type, data) {//目录树的操作
console.log(typeof type)
console.log(data)
switch(type){
case '1':
this.addChapter(data);
break;
case '2':
this.addChildChapter(data);
break;
case '3':
this.copyChapter(data);
break;
case '4':
this.editItem(data);
break;
case '5':
this.deleteItem(data);
break;
}
},
editItem(data){
this.add_dialog1 = true;
this.dialogTitle = '修改章节';
this.ruleForm2.let1 = data.docTitle;
this.addOrEditInfo = {
docId: data.docId,
docTitleId: data.docTitleId,
docName: data.docName,
titleName: data.titleName,
parentDocTitleId: data.parentDocTitleId,
parentDocTit1e: data.parentDocTitle,
titleLevel: data.titleLevel,
}
},
addChapter(data) {//添加章节
this.add_dialog1 = true;
this.dialogTitle = '添加章节';
this.ruleForm2.let1 = null;
this.addOrEditInfo = {
docId: data.docId,
docName: data.docName,
titleName: data.titleName,
parentDocTitleId: data.parentDocTitleId,
parentDocTit1e: data.parentDocTitle,
titleLevel: data.titleLevel,
}
},
addChildChapter(data) {//添加子章节
this.add_dialog1 = true;
this.dialogTitle = '添加子章节';
this.ruleForm2.let1 = null;
this.addOrEditInfo = {
docId: data.docId,
docName: data.docName,
titleName: data.titleName,
parentDocTitleId: data.parentDocTitleId,
parentDocTit1e: data.parentDocTitle,
titleLevel: data.titleLevel,
}
},
copyChapter(data) {//复制章节
MessageBox.confirm('确定复制?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
customClass: 'messageClass',
confirmButtonClass: 'confirmClass',
type: 'warning'
}).then(() => {
const params = {
docTitle: data.docTitle,
docId: data.docId,
docName: data.docName,
titleName: data.titleName,
parentDocTitleId: data.parentDocTitleId,
parentDocTit1e: data.parentDocTitle,
titleLevel: data.titleLevel,
}
addEditDocument(params).then(res => {
if(res.code == 200) {
this.add_dialog1 = false;
this.getDocCatalog();
Message({
type: 'success',
message: '复制成功!'
});
}else {
Message({
type: 'error',
message: res.msg
});
}
})
}).catch(() => {
Message({
type: 'info',
message: '已取消'
});
});
},
deleteItem(data) {//删除章节
MessageBox.confirm('确定删除?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
customClass: 'messageClass',
confirmButtonClass: 'confirmClass',
type: 'warning'
}).then(() => {
const params = {
"docId": data.docId,
"docTitleId": data.docTitleId
}
deleteDocument(params).then(res => {
if(res.code == 200) {
this.getDocCatalog();
Message({
type: 'success',
message: '删除成功!'
});
}else{
Message({
type: 'error',
message: res.msg
});
}
});
}).catch(() => {
Message({
type: 'info',
message: '已取消'
});
});
},
getDocCatalog() {
dialogOperation(type, data) {
switch(type){
case 'save':
this.saveChapter();
break;
case 2:
break;
case 3:
break;
case 4:
break;
}
},
saveChapter2() {//右侧保存
this.$refs.form.validate(valid => {
if(valid) {
const requestParams = {
...this.leftInfo,
docTitle: this.ruleForm.let1,
paraExplain: this.ruleForm.let2,
docContent: this.ruleForm.let5,
};
console.log(requestParams)
addEditDocument(requestParams).then(res => {
if(res.code == 200) {
this.getDocCatalog();
Message({
type: 'success',
message: '保存成功!'
});
}else {
Message({
type: 'error',
message: res.msg
});
}
})
}else{
return false;
}
});
},
saveChapter() {//添加章节或者子章节或者编辑
this.$refs.form2.validate(valid => {
if(valid) {
const requestParams = { ...this.addOrEditInfo, docTitle: this.ruleForm2.let1 };
addEditDocument(requestParams).then(res => {
if(res.code == 200) {
this.add_dialog1 = false;
this.getDocCatalog();
if(this.dialogTitle == '修改章节') {
Message({
type: 'success',
message: '修改成功!'
});
}else {
Message({
type: 'success',
message: '新增成功!'
});
}
}else {
Message({
type: 'error',
message: res.msg
});
}
})
}else {
return false;
}
});
},
getDocCatalog() {//获取左侧目录树
const params = {
docId: '111'
}
queryDocumentCatalog(params).then(res => {
console.log(res)
if(res.code == 200) {
this.docTitle = res.data.docName;
this.treeData = res.data.klReportDocStructureParserList;
......@@ -79,17 +361,93 @@ export default {
})
},
treeClick(data) {//左侧树点击
console.log(data)
this.getDocDetails(data.docId, data.docTitleId);
this.leftInfo = {
docId: data.docId,
docTitleId: data.docTitleId,
docName: data.docName,
titleName: data.titleName,
parentDocTitleId: data.parentDocTitleId,
parentDocTit1e: data.parentDocTitle,
titleLevel: data.titleLevel,
}
},
getDocDetails(docId, docTitleId) {//获取左侧目录树
const params = {
"docId": docId,
"docTitleId": docTitleId
}
queryDocumentDetails(params).then(res => {
if(res.code == 200) {
// console.log(res.data)
this.ruleForm.let1 = res.data.docTitle;
this.ruleForm.let2 = res.data.paraExplain;
this.ruleForm.let5 = res.data.docContent;
}
})
},
}
}
</script>
<style>
.confirmClass{
background-color: #0D867F !important;
}
.el-message-box__content{
padding: 60px 15px 60px 15px;
}
</style>
<style scoped>
.documentEdit{
width: 100%;
height: 100%;
display: flex;
}
.el-button--text{
color: #0D867F;
}
/deep/ .el-radio__label{
color: #0D867F !important;
}
/deep/ .el-radio__input.is-checked .el-radio__inner{
background: #0D867F !important;
}
/deep/ .el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content{
background-color: #0D867F;
color: #fff;
}
/deep/ .el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content >.is-leaf{
background-color: #0D867F !important;
}
.greenButton{
background-color: #0D867F;
color: #fff;
}
/deep/ .el-dialog__header{
background-color: #0D867F;
text-align: left;
}
/deep/ .el-dialog__title{
color: #fff;
}
/deep/ .el-dialog__close {
color: #fff;
}
.el-form-item{
display: flex;
}
/deep/ .el-form-item__content{
width: 80%;
text-align: left;
}
/deep/ .el-form-item__label{
width: 100px;
margin-right: 50px;
}
/deep/ .elform2 .el-form-item__label{
width: 100px;
margin-right: 0;
}
.left_container{
width: 20%;
margin-right: 20px;
......
src/views/projectInfoManage/index.vue
......@@ -45,8 +45,8 @@
<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>续建</span>
</template>
</el-table-column>
<el-table-column prop="prjName" label="项目名称" align="center" width="200" :show-overflow-tooltip="true"></el-table-column>
......
Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!