Skip to content

liangzhen / framework-tools-web

Go to a project
Commit 2630810e by liuyong
Options

修改bug

1 parent f9197d99
Inline Side-by-side
Showing with 786 additions and 145 deletions
src/api/index.js
......@@ -495,3 +495,28 @@ export function queryViewManageQingDan(params) {
export function archiIntelligenceSearchTree(params) {
return post('/network/archi-asset-view/assetTree', params);
}
// 系统信息管理，表格
export function querysystemInfoManageTable(params) {
return post('/network/app-info/', params);
}
// 系统信息管理，新增
export function addasystemInfoManageTable(params) {
return post('/network/app-info/ad', params);
}
// 系统信息管理，编辑和删除
export function editDeleteSystemInfoManageTable(params) {
return post('/network/app-info/upd', params);
}
// 项目信息管理，表格
export function queryProjectInfoManageTable(params) {
return post('/network/prj-info/', params);
}
// 项目信息管理，新增
export function addProjectManageTable(params) {
return post('/network/prj-info/ad', params);
}
// 项目信息管理，编辑和删除
export function editDeleteProjectInfoManageTable(params) {
return post('/network/prj-info/upd', params);
}
src/views/archi-view-manage/index.vue
......@@ -455,6 +455,7 @@ export default {
state: 1,
archiBelongId: this.graphGroup,
assetConstant: this.assetConstant,
archiViewId: this.viewId
}
queryArchiGraph(params).then(res => {
if(res.code == 200) {
......
src/views/archiAssetVisualShow/index.vue
......@@ -4,10 +4,10 @@
class="filter-tree"
:data="treeData"
:highlight-current="true"
:props="{ children: 'subList', label: 'assetName', id: 'assetId' }"
default-expand-all
node-key="viewId"
@node-click="treeClick"
:props="{ children: 'subList', label: 'viewName', id: 'viewId' }"
node-key="assetId"
@check="treeCheckChange"
ref="tree">
</el-tree>
<div class="right_container">
......@@ -18,8 +18,7 @@
<script>
import {
getJiShuZhengCeGuanLianShiYongTable,
getDianXingAnLiSelectData
archiIntelligenceSearchTree,
} from '@/api/index.js';
import { MessageBox, Message } from 'element-ui';
import $ from 'jquery';
......@@ -36,9 +35,21 @@ export default {
};
},
mounted(){
this.getTreeData();
},
methods: {
getTreeData() {//查询左侧树
const params = {
"assetName": null,
"versionId": null
}
archiIntelligenceSearchTree(params).then(res => {
if(res.code == 200) {
this.treeData = res.data;
}
});
},
treeClick(data, node, e) {//树点击的时候
}
......@@ -61,4 +72,7 @@ export default {
width: calc(100% - 300px);
height: 100%;
}
/deep/ .is-leaf {
background-color: #fff !important;
}
</style>
\ No newline at end of file
src/views/projectInfoManage/index.vue
......@@ -5,26 +5,20 @@
<div class="search_menu_item_container">
<div class="search_menu_item">
<span class="search_title">单位</span>
<el-select v-model="searchParams.let1" placeholder="请选择" class="search_item">
<el-option v-for="item in fuHeDu" :key="item.value" :label="item.label" :value="item.value"></el-option>
</el-select>
<el-input v-no-backslash v-model="searchParams.let1" maxlength="100" placeholder="请输入内容" class="search_item"></el-input>
</div>
<div class="search_menu_item">
<span class="search_title">部门</span>
<el-select v-model="searchParams.let2" placeholder="请选择" class="search_item">
<el-option v-for="item in fuHeDu" :key="item.value" :label="item.label" :value="item.value"></el-option>
</el-select>
<el-input v-no-backslash v-model="searchParams.let2" maxlength="100" placeholder="请输入内容" class="search_item"></el-input>
</div>
<div class="search_menu_item">
<span class="search_title">系统名称</span>
<el-select v-model="searchParams.let3" placeholder="请选择" class="search_item">
<el-option v-for="item in fuHeDu" :key="item.value" :label="item.label" :value="item.value"></el-option>
</el-select>
<el-input v-no-backslash v-model="searchParams.let3" maxlength="100" placeholder="请输入内容" class="search_item"></el-input>
</div>
<div class="search_menu_item">
<span class="search_title">建设类型</span>
<el-select v-model="searchParams.let4" placeholder="请选择" class="search_item">
<el-option v-for="item in fuHeDu" :key="item.value" :label="item.label" :value="item.value"></el-option>
<el-option v-for="item in jianSheLeiXingSelect" :key="item.value" :label="item.label" :value="item.value"></el-option>
</el-select>
</div>
</div>
......@@ -41,21 +35,31 @@
</div>
<div class="search_btn">
<el-button type="primary" size="medium" icon="el-icon-document-add" @click="operation('add', null)">新建项目</el-button>
<el-button type="primary" size="medium" icon="el-icon-document-add" @click="operation('add', null)">续建项目</el-button>
<el-button type="primary" size="medium" icon="el-icon-delete">删除</el-button>
<!-- <el-button type="primary" size="medium" icon="el-icon-document-add" @click="operation('add', null)">续建项目</el-button> -->
<!-- <el-button type="primary" size="medium" icon="el-icon-delete">删除</el-button> -->
</div>
<el-table :height="tableHeight" v-loading="loading" :data="tableData" stripe border>
<el-table-column type="index" label="序号" width="80" align="center"></el-table-column>
<el-table-column prop="deptName" label="单位" align="center"></el-table-column>
<el-table-column prop="startTime" label="部门" align="center"></el-table-column>
<el-table-column prop="policyName" label="系统名称" align="center" width="200" :show-overflow-tooltip="true"></el-table-column>
<el-table-column prop="policyContent" label="建设类型" align="center"></el-table-column>
<el-table-column prop="policyContent" label="项目名称" align="center" width="200" :show-overflow-tooltip="true"></el-table-column>
<el-table-column prop="policyContent" label="是否续建" align="center"></el-table-column>
<el-table-column prop="policyContent" label="承建单位" align="center"></el-table-column>
<el-table-column prop="policyContent" label="项目经理" align="center"></el-table-column>
<el-table-column prop="policyContent" label="创建人" align="center"></el-table-column>
<el-table-column prop="policyContent" label="创建时间" align="center"></el-table-column>
<el-table-column 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-column label="操作" width="260" align="center">
<template slot-scope="scope">
<div style="display: flex;align-items: center;justify-content: center;">
......@@ -82,36 +86,63 @@
</el-pagination>
</div>
<el-dialog
:title="is_add_edit == 'add' ? '新建统推系统' : '编辑统推系统'"
:title="is_add_edit == 'add' ? '新建系统' : '编辑系统'"
:visible.sync="add_dialog"
:center="false"
:close-on-click-modal="false"
width="50%">
width="80%">
<el-form :model="ruleForm" ref="form" :rules="rules" style="display: flex;flex-wrap: wrap;">
<el-form-item label="关联系统:" prop="let1">
<el-form-item label="关联系统:" prop="let1" style="width: 30%;">
<el-input v-model="ruleForm.let1" readonly>
<div slot="append" @click="operation('open_add_dialog2', null)">
选择系统
</div>
</el-input>
</el-form-item>
<el-form-item label="项目名称:" prop="let2">
<el-form-item label="项目名称:" prop="let2" style="width: 30%;margin-left: 46px;">
<el-input v-no-backslash v-model="ruleForm.let2" maxlength="100"></el-input>
</el-form-item>
<el-form-item label="是否续建:" prop="let3">
<el-form-item label="是否续建:" prop="let3" style="width: 30%;">
<el-select v-model="ruleForm.let3" clearable placeholder="请选择">
<el-option label="是" :value="1"></el-option>
<el-option label="否" :value="0"></el-option>
<el-option label="是" :value="2"></el-option>
<el-option label="否" :value="1"></el-option>
</el-select>
</el-form-item>
<el-form-item label="前期项目:" prop="let4">
<el-form-item label="前期项目:" prop="let4" style="width: 29.5%;margin-left: 10px;">
<el-input v-model="ruleForm.let4" readonly>
<div slot="append" @click="operation('open_add_dialog3', null)">
选择项目
</div>
</el-input>
</el-form-item>
<el-form-item label="报告模版关联使用:" prop="let5" style="width: 33%;">
<el-input v-model="ruleForm.let5" readonly>
<div slot="append" @click="operation('open_add_dialog4', null)">
选择报告
</div>
</el-input>
</el-form-item>
</el-form>
<div style="text-align: left;margin-left: 10px;">项目资料:</div>
<el-table :data="tableData4" stripe border>
<el-table-column type="index" label="序号" width="80" align="center"></el-table-column>
<el-table-column prop="tableLet1" label="资料类型" align="center"></el-table-column>
<el-table-column label="资料名称" align="center">
<template slot-scope="scope">
<el-upload
class="upload-demo"
action="/api/file/oss/upload"
ref="upload"
:on-remove="(file, fileList) => handleRemove(file, fileList, scope.row)"
:on-success="(res, file, fileList) => handleFileUploadSuccess(res, file, fileList, scope.row)"
:limit="1"
:file-list="fileList">
<el-button size="small" type="primary">点击上传</el-button>
</el-upload>
</template>
</el-table-column>
</el-table>
<span slot="footer" class="dialog-footer">
<el-button class="greenButton" @click="dialogOperation('save', null)">保存</el-button>
<el-button @click="add_dialog = false">取消</el-button>
......@@ -124,10 +155,68 @@
:center="false"
:close-on-click-modal="false"
width="80%">
<div class="search_menu" style="justify-content: center;">
<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="300" v-loading="loading2" @selection-change="select_table_rows" :data="tableData2" 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">确定</el-button>
<el-button @click="add_dialog2 = false">取消</el-button>
<el-button class="greenButton" @click="dialogOperation('selectSystem', null)">确定</el-button>
<el-button @click="dialogOperation('cancelSelectSystem', null)">取消</el-button>
</span>
</el-dialog>
......@@ -137,10 +226,87 @@
:center="false"
:close-on-click-modal="false"
width="80%">
<div class="search_menu" style="justify-content: center;">
<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="searchParams.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="300" v-loading="loading3" @selection-change="select_table_row3" :data="tableData3" 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_dialog4"
:center="false"
:close-on-click-modal="false"
width="80%">
<span slot="footer" class="dialog-footer">
<el-button class="greenButton">确定</el-button>
<el-button @click="add_dialog3 = false">取消</el-button>
<el-button class="greenButton" @click="dialogOperation('selectReport', null)">确定</el-button>
<el-button @click="dialogOperation('cancelSelectReport', null)">取消</el-button>
</span>
</el-dialog>
</div>
......@@ -148,8 +314,11 @@
<script>
import {
getJiShuZhengCeGuanLianShiYongTable,
getDianXingAnLiSelectData
queryProjectInfoManageTable,
getDianXingAnLiSelectData,
editDeleteProjectInfoManageTable,
querysystemInfoManageTable,
addProjectManageTable
} from '@/api/index.js';
import { MessageBox, Message } from 'element-ui';
import $ from 'jquery';
......@@ -163,11 +332,13 @@ export default {
return {
add_dialog2: false,
add_dialog3: false,
add_dialog4: false,
ruleForm: {
let1: null,
let2: null,
let3: null,
let4: null,
let5: null,
},
rules: {
let1: [
......@@ -197,8 +368,46 @@ export default {
let3: null,
let4: null,
},
fuHeDu: [],
searchParams2: {
let1: null,
let2: null,
let3: null,
let4: null,
},
searchParams3: {
let1: null,
let2: null,
let3: null,
let4: null,
},
jianSheLeiXingSelect: [],
tableData2: [],
loading2: false,
pager2: {
current: 1,
sizes: [10, 20, 50, 100, 200],
size: 10,
total: 20 //总条数
},
selectRow: [],
selectRow3: [],
tableData3: [],
loading3: false,
pager3: {
current: 1,
sizes: [10, 20, 50, 100, 200],
size: 10,
total: 20 //总条数
},
selectRo3: [],
tableData4: [
{ id: 1, tableLet1: '技术规范书', fileList: [] },
{ id: 2, tableLet1: '可行性研究报告', fileList: [] },
{ id: 3, tableLet1: '需求规格说明书', fileList: [] },
{ id: 4, tableLet1: '概要设计说明书', fileList: [] },
{ id: 5, tableLet1: '安全防护方案', fileList: [] },
],
fileList: []
};
},
mounted(){
......@@ -207,11 +416,23 @@ export default {
})
this.set_table_height();
this.get_table();
this.get_fu_he_du_select().then(res => {
this.fuHeDu = res;
this.getJianSheLeiXingSelect().then(res => {
this.jianSheLeiXingSelect = res;
})
},
methods: {
// 文件上传逻辑
handleRemove(file, fileList, row) {//文件移出
row.fileList = [];
},
handleFileUploadSuccess(res, file, fileList, row) {//文件上传
row.fileList = [{
fileName: file.name,
fileId: file.response.data.fileId,
fileUrl: file.response.data.viewUrl
}];
console.log(this.fileList)
},
operation(type, data) {
switch(type){
case 'add':
......@@ -236,25 +457,90 @@ export default {
case 'save':
this.save_dialog();
break;
case 3200:
case 'selectSystem':
this.confirmSelectSystem();
break;
case 3840:
case 'cancelSelectSystem':
this.selectRow = [];
this.add_dialog2 = false;
break;
case 7680:
case 'selectProject':
this.confirmSelectProject();
break;
case 11200:
case 'cancelSelectProject':
this.selectRow3 = [];
this.add_dialog3 = false;
break;
}
},
editItem(row) {//编辑
confirmSelectSystem() {
if(this.selectRow.length == 0) {
Message({
type: 'error',
message: '请选择至少一条数据'
});
return;
}
if(this.selectRow.length > 1) {
Message({
type: 'error',
message: '只能选择一条数据'
});
return;
}
this.ruleForm.let1 = this.selectRow[0].appName;
this.add_dialog2 = false;
},
confirmSelectProject() {
if(this.selectRow3.length == 0) {
Message({
type: 'error',
message: '请选择至少一条数据'
});
return;
}
if(this.selectRow3.length > 1) {
Message({
type: 'error',
message: '只能选择一条数据'
});
return;
}
this.ruleForm.let4 = this.selectRow3[0].prjName;
this.add_dialog3 = false;
},
deleteItem(row) {//删除
MessageBox.confirm('确定删除?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
customClass: 'messageClass',
confirmButtonClass: 'confirmClass',
type: 'warning'
}).then(() => {
const params = {
prjId: row.prjId,
delFlag: 1
}
editDeleteProjectInfoManageTable(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: '已取消'
});
});
},
addItem() {//新建项目
this.add_dialog = true;
......@@ -264,26 +550,221 @@ export default {
this.ruleForm.let2 = null;
this.ruleForm.let3 = null;
this.ruleForm.let4 = null;
this.selectRow = [];
this.selectRow3 = [];
});
},
editItem(row) {//编辑
this.add_dialog = true;
console.log(JSON.parse(row.filesValue));
this.is_add_edit = 'edit';
this.ruleForm.let1 = row.appName;
this.selectRow = [{
appCode: row.appCode,
appId: row.appId,
appName: row.appName,
buildOrg: row.buildOrg,
buildType: row.buildType,
manageDeptId: row.manageDeptId,
manageOrgId: row.manageOrgId,
}];
this.ruleForm.let2 = row.prjName;
this.ruleForm.let3 = row.prjPlanClass;
if(row.prjPlanClass == 2) {
this.selectRow3 = [{
agoPrjCode: row.agoPrjCode,
agoPrjId: row.agoPrjId,
agoPrjName: row.agoPrjName,
}]
this.ruleForm.let4 = row.prjName;
}
},
open_add_dialog2() {//打开选择系统窗口
this.add_dialog2 = true;
this.get_system_table();
},
open_add_dialog3() {//打开选择项目窗口
this.add_dialog3 = true;
this.get_table2();
},
search_table3() {//搜索
this.pager3.current = 1;
this.get_table2();
},
get_table2() {//查询表格数据
this.loading3 = true;
const params = {
"appId": this.selectRow.length > 0 ? this.selectRow[0].appId : null,
"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;
}
});
},
save_dialog() {//保存字典
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_table2();
},
//当前页码改变
handleCurrentChange3(val) {
this.pager3.current = val;
this.get_table2();
},
select_table_row3(data){//表格的勾选
this.selectRow3 = data;
},
save_dialog() {//保存系统
this.$refs.form.validate(valid => {
if(valid) {
let agoPrjCode, agoPrjId, agoPrjName, appCode, appId, appName, buildOrg, buildType, manageDeptId, manageOrgId;
if(this.ruleForm.let3 == 2) {
if(this.selectRow3.length == 0) {
Message({
type: 'error',
message: '请选择前期项目!'
});
return;
}
}
if(this.selectRow3.length > 0) {
agoPrjCode = this.selectRow3[0].agoPrjCode;
agoPrjId = this.selectRow3[0].agoPrjId;
agoPrjName = this.selectRow3[0].agoPrjName;
}
appCode = this.selectRow[0].appCode;
appId = this.selectRow[0].appId;
appName = this.selectRow[0].appName;
buildOrg = this.selectRow[0].buildOrg;
buildType = this.selectRow[0].buildType;
manageDeptId = this.selectRow[0].manageDeptId;
manageOrgId = this.selectRow[0].manageOrgId;
let filesValue = [];
this.tableData4.forEach(item => {
filesValue.push({
name: item.tableLet1,
fileId: item.fileList.length > 0 ? item.fileList[0].fileId : null,
fileName: item.fileList.length > 0 ? item.fileList[0].fileName : null,
fileUrl: item.fileList.length > 0 ? item.fileList[0].fileUrl : null,
})
})
const params = {
agoPrjCode, agoPrjId, agoPrjName, appCode, appId, appName, buildOrg, buildType, manageDeptId, manageOrgId,
prjName: this.ruleForm.let2,
prjPlanClass: this.ruleForm.let3,
filesValue
}
const requestParams = this.is_add_edit == 'add' ? params : { ...params, elementId: this.elementId };
if(this.is_add_edit == 'add') {
// addProjectManageTable(requestParams).then(res => {
// if(res.code == 200) {
// this.get_table();
// this.add_dialog = false;
// Message({
// type: 'success',
// message: '保存成功!'
// });
// }else {
// Message({
// type: 'error',
// message: res.msg
// });
// }
// });
}else {
}
}else {
return false;
}
});
},
get_fu_he_du_select() {//符合度下拉
search_table2() {//搜索
this.pager2.current = 1;
this.get_system_table();
},
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_system_table();
},
//当前页码改变
handleCurrentChange2(val) {
this.pager2.current = val;
this.get_system_table();
},
select_table_rows(data){//表格的勾选
this.selectRow = data;
},
get_system_table() {//查询表格数据
this.loading2 = true;
const params = {
"manageOrgId": this.searchParams2.let1,
"manageDeptId": this.searchParams2.let2,
"appName": this.searchParams2.let3,
"buildType": this.searchParams2.let4,
"current": this.pager.current,
"pageSize": this.pager.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;
}
// res.records.map(item => {
// const startTime_year = String(new Date(item.startTime).getFullYear());
// const startTime_month = String(new Date(item.startTime).getMonth() + 1);
// let startTime_day = String(new Date(item.startTime).getDay());
// startTime_day = startTime_day.length == 1 ? '0' + startTime_day : startTime_day;
// item['startTime_'] = startTime_year + '-' + startTime_month + '-' + startTime_day;
// });
// this.getJianSheLeiXingSelect().then(res2 => {
// res.records.map(item3 => {
// let result1 = res2.find(item2 => item2.value == item3.conformCount);
// item3['conformCount_'] = result1 ? result1.label : '';
// });
// this.tableData = res.records;
// })
// this.tableData = res.records;
// this.pager.current = res.current;
// this.pager.total = res.total;
// this.pager.size = res.size;
});
},
getJianSheLeiXingSelect() {//建设类型下拉
const params = {
key: "tech_compliance"
key: "build_type"
}
return new Promise((resolve, reject) => {
getDianXingAnLiSelectData(params).then(res => {
......@@ -323,16 +804,21 @@ export default {
get_table() {//查询表格数据
this.loading = true;
const params = {
"let1": this.searchParams.let1,
"let2": this.searchParams.let2,
"let3": this.searchParams.let3,
"let4": this.searchParams.let4,
"manageOrgId": this.searchParams.let1,
"manageDeptId": this.searchParams.let2,
"appName": this.searchParams.let3,
"buildType": this.searchParams.let4,
"current": this.pager.current,
"pageSize": this.pager.size,
};
getJiShuZhengCeGuanLianShiYongTable(params).then(res => {
queryProjectInfoManageTable(params).then(res => {
if(res.code == 200) {
this.loading = false;
console.log(res)
this.tableData = res.data.records;
this.pager.current = res.data.current;
this.pager.total = res.data.total;
this.pager.size = res.data.size;
}
// res.records.map(item => {
// const startTime_year = String(new Date(item.startTime).getFullYear());
// const startTime_month = String(new Date(item.startTime).getMonth() + 1);
......@@ -341,17 +827,17 @@ export default {
// item['startTime_'] = startTime_year + '-' + startTime_month + '-' + startTime_day;
// });
// this.get_fu_he_du_select().then(res2 => {
// this.getJianSheLeiXingSelect().then(res2 => {
// res.records.map(item3 => {
// let result1 = res2.find(item2 => item2.value == item3.conformCount);
// item3['conformCount_'] = result1 ? result1.label : '';
// });
// this.tableData = res.records;
// })
this.tableData = res.records;
this.pager.current = res.current;
this.pager.total = res.total;
this.pager.size = res.size;
// this.tableData = res.records;
// this.pager.current = res.current;
// this.pager.total = res.total;
// this.pager.size = res.size;
......
src/views/systemInfoManage/index.vue
......@@ -5,26 +5,20 @@
<div class="search_menu_item_container">
<div class="search_menu_item">
<span class="search_title">单位</span>
<el-select v-model="searchParams.let1" placeholder="请选择" class="search_item">
<el-option v-for="item in fuHeDu" :key="item.value" :label="item.label" :value="item.value"></el-option>
</el-select>
<el-input v-no-backslash v-model="searchParams.let1" maxlength="100" placeholder="请输入内容" class="search_item"></el-input>
</div>
<div class="search_menu_item">
<span class="search_title">部门</span>
<el-select v-model="searchParams.let2" placeholder="请选择" class="search_item">
<el-option v-for="item in fuHeDu" :key="item.value" :label="item.label" :value="item.value"></el-option>
</el-select>
<el-input v-no-backslash v-model="searchParams.let2" maxlength="100" placeholder="请输入内容" class="search_item"></el-input>
</div>
<div class="search_menu_item">
<span class="search_title">系统名称</span>
<el-select v-model="searchParams.let3" placeholder="请选择" class="search_item">
<el-option v-for="item in fuHeDu" :key="item.value" :label="item.label" :value="item.value"></el-option>
</el-select>
<el-input v-no-backslash v-model="searchParams.let3" maxlength="100" placeholder="请输入内容" class="search_item"></el-input>
</div>
<div class="search_menu_item">
<span class="search_title">建设类型</span>
<el-select v-model="searchParams.let4" placeholder="请选择" class="search_item">
<el-option v-for="item in fuHeDu" :key="item.value" :label="item.label" :value="item.value"></el-option>
<el-option v-for="item in jianSheLeiXingSelect" :key="item.value" :label="item.label" :value="item.value"></el-option>
</el-select>
</div>
</div>
......@@ -40,21 +34,25 @@
</div>
</div>
<div class="search_btn">
<el-button type="primary" size="medium" icon="el-icon-document-add" @click="operation('add', null)">新建统推系统</el-button>
<el-button type="primary" size="medium" icon="el-icon-document-add" @click="operation('add', null)">新建自建系统</el-button>
<el-button type="primary" size="medium" icon="el-icon-delete">删除</el-button>
<el-button type="primary" size="medium" icon="el-icon-document-add" @click="operation('add', 1)">新建统推系统</el-button>
<el-button type="primary" size="medium" icon="el-icon-document-add" @click="operation('add', 2)">新建自建系统</el-button>
<!-- <el-button type="primary" size="medium" icon="el-icon-delete">删除</el-button> -->
</div>
<el-table :height="tableHeight" v-loading="loading" :data="tableData" stripe border>
<el-table-column type="index" label="序号" width="80" align="center"></el-table-column>
<el-table-column prop="deptName" label="单位" align="center"></el-table-column>
<el-table-column prop="startTime" label="部门" align="center"></el-table-column>
<el-table-column prop="policyName" label="系统名称" align="center" width="200" :show-overflow-tooltip="true"></el-table-column>
<el-table-column prop="policyContent" label="建设类型" align="center"></el-table-column>
<el-table-column prop="policyContent" label="承建单位" align="center"></el-table-column>
<el-table-column prop="policyContent" label="建设类型" align="center"></el-table-column>
<el-table-column prop="usefulCount" label="项目经理" align="center"></el-table-column>
<el-table-column prop="remark" label="创建人" align="center"></el-table-column>
<el-table-column prop="remark" label="创建时间" 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-column label="操作" width="260" align="center">
<template slot-scope="scope">
<div style="display: flex;align-items: center;justify-content: center;">
......@@ -81,38 +79,28 @@
</el-pagination>
</div>
<el-dialog
:title="is_add_edit == 'add' ? '新建统推系统' : '编辑统推系统'"
:title="dialogTitle"
:visible.sync="add_dialog"
:center="false"
:close-on-click-modal="false"
width="60%">
<el-form :model="ruleForm" ref="form" :rules="rules" style="display: flex;flex-wrap: wrap;">
<el-form-item label="单位:" prop="let1">
<el-select clearable placeholder="请选择" v-model="ruleForm.let1">
<el-option label="单行文本框" value="0"></el-option>
<el-option label="多行文本框" value="1"></el-option>
<el-option label="下拉框" value="2"></el-option>
</el-select>
<el-input v-no-backslash v-model="ruleForm.let1" maxlength="100"></el-input>
</el-form-item>
<el-form-item label="部门:" prop="let2">
<el-select clearable placeholder="请选择" v-model="ruleForm.let2">
<el-option label="单行文本框" value="0"></el-option>
<el-option label="多行文本框" value="1"></el-option>
<el-option label="下拉框" value="2"></el-option>
</el-select>
<el-input v-no-backslash v-model="ruleForm.let2" maxlength="100"></el-input>
</el-form-item>
<el-form-item label="系统名称:" prop="let3">
<el-input v-no-backslash v-model="ruleForm.let3" maxlength="100"></el-input>
</el-form-item>
<el-form-item label="建设类型:" prop="let4">
<!-- <el-form-item label="建设类型:" prop="let4">
<el-select clearable placeholder="请选择" v-model="ruleForm.let4">
<el-option label="单行文本框" value="0"></el-option>
<el-option label="多行文本框" value="1"></el-option>
<el-option label="下拉框" value="2"></el-option>
<el-option v-for="item in jianSheLeiXingSelect" :key="item.value" :label="item.label" :value="item.value"></el-option>
</el-select>
</el-form-item>
</el-form-item> -->
<el-form-item label="承建单位:" prop="let5">
<el-input v-no-backslash v-model="ruleForm.let5" maxlength="100" style="width: 218px;"></el-input>
<el-input v-no-backslash v-model="ruleForm.let5" maxlength="100"></el-input>
</el-form-item>
<el-form-item label="项目经理:" prop="let6">
<el-input v-no-backslash v-model="ruleForm.let6" maxlength="100"></el-input>
......@@ -128,8 +116,10 @@
<script>
import {
getJiShuZhengCeGuanLianShiYongTable,
getDianXingAnLiSelectData
querysystemInfoManageTable,
getDianXingAnLiSelectData,
addasystemInfoManageTable,
editDeleteSystemInfoManageTable
} from '@/api/index.js';
import { MessageBox, Message } from 'element-ui';
import $ from 'jquery';
......@@ -145,7 +135,7 @@ export default {
let1: null,
let2: null,
let3: null,
let4: null,
// let4: null,
let5: null,
let6: null,
},
......@@ -159,12 +149,12 @@ export default {
let3: [
{ required: true, message: '请输入系统名称', trigger: 'blur' },
],
let4: [
{ required: true, message: '请选择建设类型', trigger: 'change' },
],
// let4: [
// { required: true, message: '请选择建设类型', trigger: 'change' },
// ],
},
add_dialog: false,
is_add_edit: 'add',
dialogTitle: null,
tableData: [],
loading: false,
search_select1: [],
......@@ -181,8 +171,8 @@ export default {
let3: null,
let4: null,
},
fuHeDu: [],
jianSheLeiXingSelect: [],
appId: null,
};
},
mounted(){
......@@ -191,8 +181,8 @@ export default {
})
this.set_table_height();
this.get_table();
this.get_fu_he_du_select().then(res => {
this.fuHeDu = res;
this.getJianSheLeiXingSelect().then(res => {
this.jianSheLeiXingSelect = res;
})
},
methods: {
......@@ -200,6 +190,7 @@ export default {
switch(type){
case 'add':
this.openAddDialog();
this.dialogTitle = data == 1 ? '新建统推系统' : '新建自建系统';
break;
case 'edit':
this.editItem(data);
......@@ -216,10 +207,51 @@ export default {
}
},
editItem(row) {//编辑
this.add_dialog = true;
this.dialogTitle = row.buildType == 1 ? '编辑统推系统' : '编辑自建系统';
this.ruleForm.let1 = row.manageOrgId;
this.ruleForm.let2 = row.manageDeptId;
this.ruleForm.let3 = row.appName;
this.ruleForm.let4 = row.buildType;
this.ruleForm.let5 = row.buildOrg;
this.ruleForm.let6 = row.projectManager;
this.appId = row.appId;
this.$nextTick(() => {
this.$refs.form.clearValidate();
});
},
deleteItem(row) {//删除
MessageBox.confirm('确定删除?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
customClass: 'messageClass',
confirmButtonClass: 'confirmClass',
type: 'warning'
}).then(() => {
const params = {
appId: row.appId,
delFlag: 1
}
editDeleteSystemInfoManageTable(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: '已取消'
});
});
},
openAddDialog() {//打开新建系统窗口
this.add_dialog = true;
......@@ -255,15 +287,96 @@ export default {
save_dialog() {//保存
this.$refs.form.validate(valid => {
if(valid) {
const params = {
manageOrgId: this.ruleForm.let1,
manageDeptId: this.ruleForm.let2,
appName: this.ruleForm.let3,
buildOrg: this.ruleForm.let5,
projectManager: this.ruleForm.let6,
};
let requestParams;
switch(this.dialogTitle){
case '新建统推系统':
requestParams = { ...params, buildType: 1 };
addasystemInfoManageTable(requestParams).then(res => {
if(res.code == 200) {
this.get_table();
this.add_dialog = false;
Message({
type: 'success',
message: '保存成功!'
});
}else {
Message({
type: 'error',
message: res.msg
});
}
});
break;
case '新建自建系统':
requestParams = { ...params, buildType: 2 };
addasystemInfoManageTable(requestParams).then(res => {
if(res.code == 200) {
this.get_table();
this.add_dialog = false;
Message({
type: 'success',
message: '保存成功!'
});
}else {
Message({
type: 'error',
message: res.msg
});
}
});
break;
case '编辑统推系统':
requestParams = { ...params, buildType: 1, appId: this.appId };
editDeleteSystemInfoManageTable(requestParams).then(res => {
if(res.code == 200) {
this.get_table();
this.add_dialog = false;
Message({
type: 'success',
message: '保存成功!'
});
}else {
Message({
type: 'error',
message: res.msg
});
}
});
break;
case '编辑自建系统':
requestParams = { ...params, buildType: 2, appId: this.appId };
editDeleteSystemInfoManageTable(requestParams).then(res => {
if(res.code == 200) {
this.get_table();
this.add_dialog = false;
Message({
type: 'success',
message: '保存成功!'
});
}else {
Message({
type: 'error',
message: res.msg
});
}
});
break;
}
}else {
return false;
}
});
},
get_fu_he_du_select() {//符合度下拉
getJianSheLeiXingSelect() {//建设类型下拉
const params = {
key: "tech_compliance"
key: "build_type"
}
return new Promise((resolve, reject) => {
getDianXingAnLiSelectData(params).then(res => {
......@@ -303,16 +416,21 @@ export default {
get_table() {//查询表格数据
this.loading = true;
const params = {
"let1": this.searchParams.let1,
"let2": this.searchParams.let2,
"let3": this.searchParams.let3,
"let4": this.searchParams.let4,
"manageOrgId": this.searchParams.let1,
"manageDeptId": this.searchParams.let2,
"appName": this.searchParams.let3,
"buildType": this.searchParams.let4,
"current": this.pager.current,
"pageSize": this.pager.size,
};
getJiShuZhengCeGuanLianShiYongTable(params).then(res => {
querysystemInfoManageTable(params).then(res => {
if(res.code == 200) {
this.loading = false;
console.log(res)
this.tableData = res.data.records;
this.pager.current = res.data.current;
this.pager.total = res.data.total;
this.pager.size = res.data.size;
}
// res.records.map(item => {
// const startTime_year = String(new Date(item.startTime).getFullYear());
// const startTime_month = String(new Date(item.startTime).getMonth() + 1);
......@@ -321,25 +439,17 @@ export default {
// item['startTime_'] = startTime_year + '-' + startTime_month + '-' + startTime_day;
// });
// this.get_fu_he_du_select().then(res2 => {
// this.getJianSheLeiXingSelect().then(res2 => {
// res.records.map(item3 => {
// let result1 = res2.find(item2 => item2.value == item3.conformCount);
// item3['conformCount_'] = result1 ? result1.label : '';
// });
// this.tableData = res.records;
// })
this.tableData = res.records;
this.pager.current = res.current;
this.pager.total = res.total;
this.pager.size = res.size;
// if(res.code == 200) {
// this.loading = false;
// console.log(res)
// // this.tableData = res.
// }
// this.tableData = res.records;
// this.pager.current = res.current;
// this.pager.total = res.total;
// this.pager.size = res.size;
});
},
}
......@@ -450,6 +560,10 @@ export default {
cursor: pointer;
}
.shanChu_btn{
color: #DD6A15;
background-color: #F8EBE2;
}
.reset_btn{
display: flex;
align-items: center;
......
Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!