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) { ...@@ -429,7 +429,7 @@ export function getCurrentZiChanJiaGouTable(params) {
} }
// 系统资产架构，表格 // 系统资产架构，表格
export function getTotalZiChanJiaGouTable(params) { export function getTotalZiChanJiaGouTable(params) {
return post('/network/arc-ast-tot/', params); return post('/network/arc-ast-sys/', params);
} }
// 思维导图 // 思维导图
export function queryMindData(params) { export function queryMindData(params) {
...@@ -491,9 +491,13 @@ export function dicyUpdateTableDelete(params) { ...@@ -491,9 +491,13 @@ export function dicyUpdateTableDelete(params) {
export function queryViewManageQingDan(params) { export function queryViewManageQingDan(params) {
return post('/network/ma-ml/asset-ele-list', 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) { export function archiIntelligenceSearchTree(params) {
return post('/network/archi-asset-view/assetLevel', params); return post('/network/archi-asset-view/assetTree', params);
} }
// 系统信息管理，表格 // 系统信息管理，表格
export function querysystemInfoManageTable(params) { export function querysystemInfoManageTable(params) {
...@@ -519,8 +523,32 @@ export function addProjectManageTable(params) { ...@@ -519,8 +523,32 @@ export function addProjectManageTable(params) {
export function editDeleteProjectInfoManageTable(params) { export function editDeleteProjectInfoManageTable(params) {
return post('/network/prj-info/upd', params); return post('/network/prj-info/upd', params);
} }
// 文档在线编辑，编辑和删除 // 文档在线编辑，查询目录树
export function queryDocumentCatalog(params) { export function queryDocumentCatalog(params) {
return post('/kl-doc-parser/qryTitleTree', 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 @@ ...@@ -49,7 +49,7 @@
<img class="btn_icon" src="@/assets/archi-ele-list/create.png" alt="" /> <img class="btn_icon" src="@/assets/archi-ele-list/create.png" alt="" />
<p>新建</p> <p>新建</p>
</div> --> </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-delete" @click="moreDelete">删除</el-button>
<!-- <el-button type="primary" size="medium" icon="el-icon-plus">导入</el-button> --> <!-- <el-button type="primary" size="medium" icon="el-icon-plus">导入</el-button> -->
<div class="import_btn" @click="importFile"> <div class="import_btn" @click="importFile">
...@@ -395,7 +395,6 @@ ...@@ -395,7 +395,6 @@
}else { }else {
targetAsset = [{}]; targetAsset = [{}];
} }
console.log(targetAsset)
const params = { const params = {
archiAssetState: this.searchParams.archiAssetState, archiAssetState: this.searchParams.archiAssetState,
archiStage: this.searchParams.archiStage, archiStage: this.searchParams.archiStage,
...@@ -519,7 +518,7 @@ ...@@ -519,7 +518,7 @@
this.selectLabel2 = ''; this.selectLabel2 = '';
}); });
}, },
add() {//新建 addItem() {//新建
this.addDialog = true; this.addDialog = true;
this.is_add_edit = 'add'; this.is_add_edit = 'add';
this.getShangJiJieDianSelect(); this.getShangJiJieDianSelect();
......
src/views/archi-asset-manage/index.vue
...@@ -2,10 +2,13 @@ ...@@ -2,10 +2,13 @@
<div class="archiAssetsManage"> <div class="archiAssetsManage">
<el-card class="box-card" style="margin-bottom: 10px;"> <el-card class="box-card" style="margin-bottom: 10px;">
<div class="topMenuContainer"> <div class="topMenuContainer">
<el-button type="primary" size="medium" icon="el-icon-document-add" @click="operation('open_add_dialog1', null)">选择系统</el-button> <div>
<el-button type="primary" size="medium" icon="el-icon-document-add" @click="operation('open_add_dialog2', null)">选择项目</el-button> <el-button type="primary" size="medium" @click="operation('open_add_dialog1', null)">选择系统</el-button>
<div style="margin-left: 20px;margin-right: 20px;">您已选择：生产检修业务-2022 年新一代应急指挥系统</div> <el-button type="primary" size="medium" @click="operation('open_add_dialog2', null)">选择项目</el-button>
<el-button type="primary" size="mini" icon="el-icon-document-add">统建</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> </div>
</el-card> </el-card>
<div class="archiAssetsManageContainer"> <div class="archiAssetsManageContainer">
...@@ -14,9 +17,10 @@ ...@@ -14,9 +17,10 @@
class="filter-tree" class="filter-tree"
:data="treeData" :data="treeData"
:highlight-current="true" :highlight-current="true"
:props="{ children: 'subList', label: 'assetName', id: 'assetId' }" :props="{ children: 'subList', label: 'viewName', id: 'viewId' }"
default-expand-all node-key="viewId"
node-key="assetId" :default-expanded-keys="treeDefaultExpand"
:current-node-key="currentNodekey"
@node-click="treeClick" @node-click="treeClick"
ref="tree"> ref="tree">
</el-tree> </el-tree>
...@@ -30,8 +34,8 @@ ...@@ -30,8 +34,8 @@
</div> </div>
<div class="search_menu_item"> <div class="search_menu_item">
<span class="search_title">资产类型</span> <span class="search_title">资产类型</span>
<el-select filterable v-model="searchParams.let2" clearable placeholder="请选择" class="search_item"> <el-select v-model="searchParams.let2" @change="zuJianLeiXingSelectChange" filterable remote :remote-method="queryZuJianLeiXingSelect" clearable placeholder="请选择">
<el-option label="1" value="1"></el-option> <el-option v-for="item in zuJianLeiXingSelect" :key="item.elementId" :label="item.elementName" :value="item.elementId"></el-option>
</el-select> </el-select>
</div> </div>
<div class="search_menu_item"> <div class="search_menu_item">
...@@ -51,16 +55,22 @@ ...@@ -51,16 +55,22 @@
</div> </div>
</div> </div>
<div class="search_btn"> <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> <el-button type="primary" size="medium" icon="el-icon-delete" @click="moreDelete">删除</el-button>
</div> </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="selection" width="55"></el-table-column>
<el-table-column type="index" label="序号" width="80" align="center"></el-table-column> <el-table-column type="index" label="序号" width="80" align="center"></el-table-column>
<el-table-column prop="assetName" label="资产名称" width="300" :show-overflow-tooltip="true" align="center"></el-table-column> <el-table-column prop="assetName" label="资产名称" width="300" :show-overflow-tooltip="true" align="center"></el-table-column>
<el-table-column prop="eleName" label="资产类型(所属元素)" align="center"></el-table-column> <el-table-column prop="eleName" label="资产类型(所属元素)" align="center"></el-table-column>
<el-table-column label="是否继承" align="center">
<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="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"> <el-table-column label="操作" width="200" align="center">
<template slot-scope="scope"> <template slot-scope="scope">
<div style="display: flex;align-items: center;justify-content: center;"> <div style="display: flex;align-items: center;justify-content: center;">
...@@ -89,6 +99,65 @@ ...@@ -89,6 +99,65 @@
:center="false" :center="false"
:close-on-click-modal="false" :close-on-click-modal="false"
width="80%"> 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"> <span slot="footer" class="dialog-footer">
<el-button class="greenButton" @click="dialogOperation('selectSystem', null)">确定</el-button> <el-button class="greenButton" @click="dialogOperation('selectSystem', null)">确定</el-button>
<el-button @click="dialogOperation('cancelSelectSystem', null)">取消</el-button> <el-button @click="dialogOperation('cancelSelectSystem', null)">取消</el-button>
...@@ -101,17 +170,160 @@ ...@@ -101,17 +170,160 @@
:center="false" :center="false"
:close-on-click-modal="false" :close-on-click-modal="false"
width="80%"> 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"> <span slot="footer" class="dialog-footer">
<el-button class="greenButton" @click="dialogOperation('selectProject', null)">确定</el-button> <el-button class="greenButton" @click="dialogOperation('selectProject', null)">确定</el-button>
<el-button @click="dialogOperation('cancelSelectProject', null)">取消</el-button> <el-button @click="dialogOperation('cancelSelectProject', null)">取消</el-button>
</span> </span>
</el-dialog> </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> </div>
</template> </template>
<script> <script>
import { import {
querysystemInfoManageTable,
queryProjectInfoManageTable,
getDianXingAnLiSelectData,
queryZiChanJiaGouZuJianLeiXing,
getArchiViewManage, getArchiViewManage,
getTotalZiChanJiaGouTable,
queryZuJianLeiXingBelongForm,
deleteSystemTable,
addSystemTable,
editSystemTable,
archiIntelligenceSearchTree
} from '@/api/index.js'; } from '@/api/index.js';
import $ from 'jquery'; import $ from 'jquery';
import { MessageBox, Message } from 'element-ui'; import { MessageBox, Message } from 'element-ui';
...@@ -127,16 +339,18 @@ ...@@ -127,16 +339,18 @@
return { return {
tableData: [], tableData: [],
loading: false, loading: false,
tableHeight: [], tableHeight: null,
selectRow: [], selectRow: [],
treeData: [ treeData: [
{ assetId: 'BUSI', assetName: '业务架构', subList: [] }, {
{ assetId: 'APP', assetName: '应用架构', subList: [] }, viewId: 0,
{ assetId: 'DATA', assetName: '数据架构', subList: [] }, viewName: '系统架构资产',
{ assetId: 'TECH', assetName: '技术架构', subList: [] }, subList: []
{ assetId: 'SAFE', assetName: '安全架构', subList: [] } }
], ],
searchParams: { searchParams: {
archiAssetState: 2,
archiStage: 2,
let1: null, let1: null,
let2: null, let2: null,
let3: null, let3: null,
...@@ -149,6 +363,73 @@ ...@@ -149,6 +363,73 @@
}, },
add_dialog1: false, add_dialog1: false,
add_dialog2: 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(){ mounted(){
...@@ -156,8 +437,224 @@ ...@@ -156,8 +437,224 @@
this.set_table_height(); this.set_table_height();
}) })
this.set_table_height(); this.set_table_height();
this.getTreeData();
this.getJianSheLeiXingSelect().then(res => {
this.jianSheLeiXingSelect = res;
})
}, },
methods: { 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) { operation(type, data) {
switch(type){ switch(type){
case 'open_add_dialog1': case 'open_add_dialog1':
...@@ -166,16 +663,115 @@ ...@@ -166,16 +663,115 @@
case 'open_add_dialog2': case 'open_add_dialog2':
this.open_add_dialog2(); this.open_add_dialog2();
break; break;
case 'open_add_dialog3':
// this.open_add_dialog3();
break;
case 'edit': case 'edit':
// this.editItem(data); this.editItem(data);
break; break;
case 'delete': case 'delete':
// this.deleteItem(data); this.deleteItem(data);
break;
case 'open_add_dialog3':
this.addItem();
break; 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) { dialogOperation(type, data) {
switch(type){ switch(type){
...@@ -191,27 +787,187 @@ ...@@ -191,27 +787,187 @@
case 'cancelSelectProject': case 'cancelSelectProject':
this.cancelSelectProject(); this.cancelSelectProject();
break; break;
case 'delete': case 'save_dialog':
// this.deleteItem(data); this.saveDialog(data);
break;
case 'saveFactor':
this.saveFactor(data);
break; 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.add_dialog1 = true;
this.get_table2();
}, },
open_add_dialog2() { open_add_dialog2() {//打开选择项目窗口
this.add_dialog2 = true; 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.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; 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; this.add_dialog2 = false;
}, },
cancelSelectProject() { cancelSelectProject() {//取消选择项目
this.add_dialog2 = false; this.add_dialog2 = false;
}, },
select_table_rows(data){//表格的勾选 select_table_rows(data){//表格的勾选
...@@ -221,23 +977,71 @@ ...@@ -221,23 +977,71 @@
const right_container_height = $(".right_container").height(); const right_container_height = $(".right_container").height();
this.tableHeight = right_container_height - 260 + 'px'; this.tableHeight = right_container_height - 260 + 'px';
}, },
treeClick(data) {//左侧树点击 addItem() {//新增
this.add_dialog3 = true;
}, this.is_add_edit = 'add';
addItem() { 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() {//查询 search_table() {//查询
this.pager.current = 1; this.pager.current = 1;
this.get_table(); this.get_table();
}, },
reset() {//重置 reset() {//重置
this.searchParams.assetName = null; this.searchParams.let1 = null;
this.searchParams.createMan = null; this.searchParams.let2 = null;
this.searchParams.archiEleId = null; this.searchParams.let3 = null;
}, },
// 每页条数改变 // 每页条数改变
handleSizeChange(val) { handleSizeChange(val) {
...@@ -250,11 +1054,9 @@ ...@@ -250,11 +1054,9 @@
this.pager.current = val; this.pager.current = val;
this.get_table(); this.get_table();
}, },
get_table() {//查询表格数据
} }
} }
}
</script> </script>
<style> <style>
.confirmClass{ .confirmClass{
...@@ -269,6 +1071,9 @@ ...@@ -269,6 +1071,9 @@
.el-select-dropdown__item.hover, .el-select-dropdown__item:hover{ .el-select-dropdown__item.hover, .el-select-dropdown__item:hover{
background-color: #fff !important; background-color: #fff !important;
} }
.el-checkbox__input.is-checked+.el-checkbox__label{
color: #0D867F;
}
</style> </style>
<style scoped> <style scoped>
.archiAssetsManage{ .archiAssetsManage{
...@@ -283,6 +1088,7 @@ ...@@ -283,6 +1088,7 @@
width: 100%; width: 100%;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between;
} }
.filter-tree{ .filter-tree{
width: 300px; width: 300px;
......
src/views/archi-intelligence-search/index.vue
...@@ -36,7 +36,6 @@ export default { ...@@ -36,7 +36,6 @@ export default {
}, },
mounted(){ mounted(){
this.getTreeData(); this.getTreeData();
// this.echarts1();
}, },
methods: { methods: {
echarts1(seriesData, linkData) { echarts1(seriesData, linkData) {
...@@ -71,7 +70,7 @@ export default { ...@@ -71,7 +70,7 @@ export default {
} }
}, },
force: { force: {
repulsion: 6000 repulsion: 3000
}, },
// edgeSymbol: ['circle', 'arrow'], // edgeSymbol: ['circle', 'arrow'],
data: seriesData, data: seriesData,
...@@ -82,12 +81,8 @@ export default { ...@@ -82,12 +81,8 @@ export default {
this.myChart.setOption(option); this.myChart.setOption(option);
}, },
getTreeData() {//查询左侧树 getTreeData(type) {//查询左侧树
const params = { archiIntelligenceSearchTree({}).then(res => {
"assetName": null,
"versionId": null
}
archiIntelligenceSearchTree(params).then(res => {
if(res.code == 200) { if(res.code == 200) {
this.treeData = res.data; this.treeData = res.data;
} }
......
src/views/archiAssetVisualShow/index.vue
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
class="filter-tree" class="filter-tree"
:data="treeData" :data="treeData"
:highlight-current="true" :highlight-current="true"
:props="{ children: 'subList', label: 'assetName', id: 'assetId' }" :props="{ children: 'children', label: 'name', id: 'id' }"
default-expand-all default-expand-all
node-key="assetId" node-key="assetId"
@node-click="treeClick" @node-click="treeClick"
...@@ -18,7 +18,7 @@ ...@@ -18,7 +18,7 @@
<script> <script>
import { import {
archiIntelligenceSearchTree, archiAssetShowTree,
} from '@/api/index.js'; } from '@/api/index.js';
import { MessageBox, Message } from 'element-ui'; import { MessageBox, Message } from 'element-ui';
import $ from 'jquery'; import $ from 'jquery';
...@@ -31,11 +31,11 @@ export default { ...@@ -31,11 +31,11 @@ export default {
data() { data() {
return { return {
treeData: [ treeData: [
{ assetId: 'BUSI', assetName: '业务架构', subList: [] }, { id: 'BUSI', name: '业务架构', children: [] },
{ assetId: 'APP', assetName: '应用架构', subList: [] }, { id: 'APP', name: '应用架构', children: [] },
{ assetId: 'DATA', assetName: '数据架构', subList: [] }, { id: 'DATA', name: '数据架构', children: [] },
{ assetId: 'TECH', assetName: '技术架构', subList: [] }, { id: 'TECH', name: '技术架构', children: [] },
{ assetId: 'SAFE', assetName: '安全架构', subList: [] } { id: 'SAFE', name: '安全架构', children: [] }
] ]
}; };
}, },
...@@ -47,11 +47,11 @@ export default { ...@@ -47,11 +47,11 @@ export default {
const params = { const params = {
"assetEnum": type "assetEnum": type
} }
archiIntelligenceSearchTree(params).then(res => { archiAssetShowTree(params).then(res => {
if(res.code == 200) { if(res.code == 200) {
this.treeData.forEach(item => { this.treeData.forEach(item => {
if(item.assetId == type) { if(item.id == type) {
item.subList = res.data; item.children = res.data;
} }
}) })
} }
...@@ -60,8 +60,8 @@ export default { ...@@ -60,8 +60,8 @@ export default {
treeClick(data, node, e) {//树点击的时候 treeClick(data, node, e) {//树点击的时候
// console.log(data.assetId); // console.log(data.assetId);
const type = [ 'BUSI', 'APP', 'DATA', 'TECH', 'SAFE' ]; const type = [ 'BUSI', 'APP', 'DATA', 'TECH', 'SAFE' ];
if(type.includes(data.assetId)) { if(type.includes(data.id)) {
this.getTreeData(data.assetId); this.getTreeData(data.id);
} }
} }
} }
......
src/views/documentEdit/index.vue
<template> <template>
<div class="documentEdit"> <div class="documentEdit">
<div class="left_container"> <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 <el-tree
class="filter-tree" class="filter-tree"
:data="treeData" :data="treeData"
...@@ -22,7 +22,8 @@ ...@@ -22,7 +22,8 @@
<el-dropdown-item command="1">添加章节</el-dropdown-item> <el-dropdown-item command="1">添加章节</el-dropdown-item>
<el-dropdown-item command="2">添加子章节</el-dropdown-item> <el-dropdown-item command="2">添加子章节</el-dropdown-item>
<el-dropdown-item command="3">复制章节</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-menu>
</el-dropdown> </el-dropdown>
</span> </span>
...@@ -30,17 +31,69 @@ ...@@ -30,17 +31,69 @@
</el-tree> </el-tree>
</div> </div>
<div class="right_container"> <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> </el-card>
</div> </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> </div>
</template> </template>
<script> <script>
import { import {
queryDocumentCatalog, queryDocumentCatalog,
getDianXingAnLiSelectData queryDocumentDetails,
deleteDocument,
addEditDocument
} from '@/api/index.js'; } from '@/api/index.js';
import { MessageBox, Message } from 'element-ui'; import { MessageBox, Message } from 'element-ui';
import $ from 'jquery'; import $ from 'jquery';
...@@ -53,24 +106,253 @@ export default { ...@@ -53,24 +106,253 @@ export default {
data() { data() {
return { return {
docTitle: null, 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(){ mounted(){
this.getDocCatalog(); this.getDocCatalog();
}, },
methods: { methods: {
handleCommand(type, data) { handleCommand(type, data) {//目录树的操作
console.log(type) console.log(typeof type)
console.log(data) 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 = { const params = {
docId: '111' docId: '111'
} }
queryDocumentCatalog(params).then(res => { queryDocumentCatalog(params).then(res => {
console.log(res)
if(res.code == 200) { if(res.code == 200) {
this.docTitle = res.data.docName; this.docTitle = res.data.docName;
this.treeData = res.data.klReportDocStructureParserList; this.treeData = res.data.klReportDocStructureParserList;
...@@ -79,17 +361,93 @@ export default { ...@@ -79,17 +361,93 @@ export default {
}) })
}, },
treeClick(data) {//左侧树点击 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> </script>
<style>
.confirmClass{
background-color: #0D867F !important;
}
.el-message-box__content{
padding: 60px 15px 60px 15px;
}
</style>
<style scoped> <style scoped>
.documentEdit{ .documentEdit{
width: 100%; width: 100%;
height: 100%; height: 100%;
display: flex; 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{ .left_container{
width: 20%; width: 20%;
margin-right: 20px; margin-right: 20px;
......
src/views/projectInfoManage/index.vue
...@@ -45,8 +45,8 @@ ...@@ -45,8 +45,8 @@
<el-table-column prop="appName" label="系统名称" align="center" width="200" :show-overflow-tooltip="true"></el-table-column> <el-table-column prop="appName" label="系统名称" align="center" width="200" :show-overflow-tooltip="true"></el-table-column>
<el-table-column label="建设类型" align="center"> <el-table-column label="建设类型" align="center">
<template slot-scope="scope"> <template slot-scope="scope">
<span v-if="scope.row.buildType == 1">统推</span> <span v-if="scope.row.buildType == 1">新建</span>
<span v-else>自建</span> <span v-else>续建</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="prjName" label="项目名称" align="center" width="200" :show-overflow-tooltip="true"></el-table-column> <el-table-column prop="prjName" label="项目名称" align="center" width="200" :show-overflow-tooltip="true"></el-table-column>
......
Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!