Skip to content

liangzhen / framework-tools-web

Go to a project
Commit 73f7200b by liuyong
Options

修改页面

2 parents 658da14e 8a58e079
Inline Side-by-side
Showing with 414 additions and 260 deletions
src/api/index.js
...@@ -197,6 +197,8 @@ export function get_BaoGaoMoBanJieGouHua_Table(params) { ...@@ -197,6 +197,8 @@ export function get_BaoGaoMoBanJieGouHua_Table(params) {
export function get_BaoGaoMoBanGuanLianShiYong_Table(params) { export function get_BaoGaoMoBanGuanLianShiYong_Table(params) {
return post('/kl-report-temp-link/', params); return post('/kl-report-temp-link/', params);
} }
// 专家人才库管理 // 专家人才库管理
// 列表查询 // 列表查询
export function getETPManageList(params) { export function getETPManageList(params) {
...@@ -214,3 +216,36 @@ export function getETPManageUpdate(params) { ...@@ -214,3 +216,36 @@ export function getETPManageUpdate(params) {
export function getETPManageDel(params) { export function getETPManageDel(params) {
return post('/kl-talent-pool/delete', params); return post('/kl-talent-pool/delete', params);
} }
// 典型案例库管理
// 列表查询
export function getTypicalExampleList(params) {
return post('/kl-typical-case/', params);
}
// 新建典型案例
export function getTypicalExampleAdd(params) {
return post('/kl-typical-case/cTypicalCase', params);
}
// 编辑典型案例
export function getTypicalExampleUpdate(params) {
return post('/kl-typical-case/uTypicalCase', params);
}
// 删除典型案例
export function getTypicalExampleDel(params) {
return post('/kl-typical-case/del', params);
}
// 典型案例导出
export function getTypicalExampleExcel(params) {
return post('/excel/etTc', params);
}
// 总体架构资产文档库
// 列表查询
export function getDocPoolList(params) {
return post('/kl-doc-pool/', params);
}
// 新建总体架构资产文档
export function getDocPoolAdd(params) {
return post('/kl-doc-pool/cDocPool', params);
}
\ No newline at end of file
src/views/etpManage/index.vue
...@@ -40,34 +40,34 @@ ...@@ -40,34 +40,34 @@
<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>
<div class="version_btn" @click="operate('pushAll')"> <!-- <div class="version_btn" @click="operate('pushAll')">
<!-- <img class="btn_icon" src="@/assets/archi-ele-list/version.png" alt="" /> --> <img class="btn_icon" src="@/assets/archi-ele-list/version.png" alt="" />
<p>删除</p> <p>删除</p>
</div> </div>
<div class="version_btn" @click="operate('pushAll')"> <div class="version_btn" @click="operate('pushAll')">
<!-- <img class="btn_icon" src="@/assets/archi-ele-list/version.png" alt="" /> --> <img class="btn_icon" src="@/assets/archi-ele-list/version.png" alt="" />
<p>导入</p> <p>导入</p>
</div> </div>
<div class="version_btn" @click="operate('pushAll')"> <div class="version_btn" @click="operate('pushAll')">
<!-- <img class="btn_icon" src="@/assets/archi-ele-list/version.png" alt="" /> --> <img class="btn_icon" src="@/assets/archi-ele-list/version.png" alt="" />
<p>导出</p> <p>导出</p>
</div> </div> -->
</div> </div>
<el-table :data="tableData" stripe border @selection-change="handleSelectionChange" height="450"> <el-table :data="tableData" stripe border @selection-change="handleSelectionChange" height="450">
<el-table-column type="selection" width="55" :selectable="selectInit"></el-table-column> <el-table-column type="selection" width="55" :selectable="selectInit"></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="" label="单位" width="150" align="center"></el-table-column> <el-table-column prop="deptName" label="单位" width="150" align="center"></el-table-column>
<el-table-column prop="rsName" label="专家库名称" align="center"></el-table-column> <el-table-column prop="name" label="专家库名称" align="center"></el-table-column>
<el-table-column prop="content" label="专家名称" align="center"></el-table-column> <el-table-column prop="talentName" label="专家名称" align="center"></el-table-column>
<el-table-column prop="content" label="专业标签" align="center"></el-table-column> <el-table-column prop="content" label="专业标签" align="center"></el-table-column>
<el-table-column prop="content" label="专家级别" align="center"></el-table-column> <el-table-column prop="level" label="专家级别" align="center"></el-table-column>
<el-table-column prop="content" label="专家评价" align="center"></el-table-column> <el-table-column prop="comments" label="专家评价" align="center"></el-table-column>
<el-table-column prop="state" label="专家状态" width="150" align="center"> <el-table-column prop="state" label="专家状态" width="150" align="center">
<template slot-scope="scope"> <template slot-scope="scope">
<span >{{dicObj.state[scope.row.state]}}</span> <span >{{dicObj.state[scope.row.state]}}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="content" label="备注" align="center"></el-table-column> <el-table-column prop="remark" 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;">
...@@ -172,6 +172,7 @@ import { ...@@ -172,6 +172,7 @@ import {
getETPManageAdd, getETPManageAdd,
getETPManageUpdate, getETPManageUpdate,
getETPManageDel, getETPManageDel,
getDianXingAnLiSelectData,
} from "@/api/index.js"; } from "@/api/index.js";
import $ from 'jquery'; import $ from 'jquery';
...@@ -219,33 +220,17 @@ export default { ...@@ -219,33 +220,17 @@ export default {
}, },
dicObj: { dicObj: {
state: { state: {
0: "已停用", 1: "在库",
1: "已发布", 2: "出库",
2: "暂存", },
},
scope: {
0: "架构之间",
1: "业务架构",
2: "应用架构",
3: "数据架构",
4: "技术架构",
5: "安全架构",
},
eleLtId: {
}
}, },
stateList: [ stateList: [
{ {
label: "已发布", label: "在库",
value: 1, value: 1,
}, },
{ {
label: "已停用", label: "出库",
value: 0,
},
{
label: "暂存",
value: 2, value: 2,
}, },
], ],
...@@ -275,6 +260,24 @@ export default { ...@@ -275,6 +260,24 @@ export default {
value: 5, value: 5,
}, },
], ],
levelList: [
{
label: "策略层",
value: 0,
},
{
label: "管理层",
value: 1,
},
{
label: "设计层",
value: 2,
},
{
label: "实施层",
value: 3,
},
],
eleList: [], eleList: [],
radioName: "", radioName: "",
search_select1: [], search_select1: [],
...@@ -288,23 +291,19 @@ export default { ...@@ -288,23 +291,19 @@ export default {
// 初始化查询列表 // 初始化查询列表
this.getList(); this.getList();
// 获取元素列表 // 获取元素列表
this.getYuansuList();
this.get_dialog_select2().then(res => {
this.search_select1 = res;
});
}, },
methods: { methods: {
// 查询列表 // 查询列表
getList() { getList() {
if (this.params.state != '') { getETPManageList(this.params).then(res => {
this.params.state = Number(this.params.state) console.log(res);
} this.page.total = res.total;
getJGYSGLlist(this.params).then(res => { this.tableData = res.records;
if (res.code == 200) { // if (res.code == 200) {
this.page.total = res.data.total; // this.page.total = res.data.total;
this.tableData = res.data.records; // this.tableData = res.data.records;
} // console.log(this.tableData);
// }
}); });
}, },
// 获取元素列表 // 获取元素列表
...@@ -389,80 +388,17 @@ export default { ...@@ -389,80 +388,17 @@ export default {
} }
}); });
} }
}else if (type == "pushAdd") {
this.formData.state = 1;
if (this.formData.eleRelaId) {
// 编辑发布
getJGYSGLUpdate(this.formData).then(res => {
if (res.code == 200) {
this.$message.success("发布成功");
this.add_dialog = false;
this.getList();
}else{
this.add_dialog = false;
this.$message.error(res.msg);
}
});
}else{
// 新建发布
getJGYSGLAdd(this.formData).then(res => {
if (res.code == 200) {
this.$message.success("发布成功");
this.add_dialog = false;
this.getList();
}else{
this.add_dialog = false;
this.$message.error(res.msg);
}
});
}
}else if (type == "pushEdit") {
// 编辑发布
this.$confirm("确认发布吗", "提示", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning"
}).then(() => {
this.formData = item
this.formData.state = 1;
getJGYSGLUpdate(this.formData).then(res => {
if (res.code == 200) {
this.$message.success("发布成功");
this.getList();
}else{
this.$message.error(res.msg);
}
});
}).catch(() => {
});
}else if (type == "stop") {
// 停用
this.$confirm("确认停用吗", "提示", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning"
}).then(() => {
this.formData = item;
this.formData.state = 0;
getJGYSGLUpdate(this.formData).then(res => {
if (res.code == 200) {
this.$message.success("停用成功");
this.getList();
}else{
this.$message.error(res.msg);
}
});
}).catch(() => {
});
}else if (type == "del") { }else if (type == "del") {
// 删除 // 删除
this.formData = item; this.formData = item;
this.formData.delFlag = 1;
this.$confirm("确认删除吗", "提示", { this.$confirm("确认删除吗", "提示", {
confirmButtonText: "确定", confirmButtonText: "确定",
cancelButtonText: "取消", cancelButtonText: "取消",
type: "warning" type: "warning"
}).then(() => { }).then(() => {
getJGYSGLDel(this.formData).then(res => { getETPManageUpdate(this.formData).then(res => {
console.log(res);
if (res.code == 200) { if (res.code == 200) {
this.$message.success("删除成功"); this.$message.success("删除成功");
this.getList(); this.getList();
...@@ -472,34 +408,6 @@ export default { ...@@ -472,34 +408,6 @@ export default {
}); });
}).catch(() => { }).catch(() => {
}); });
}else if (type == "pushAll") {
if (this.selectList.length <= 0) {
this.$message.error("请选择一项进行发布");
return;
}
let params = {
eleRelaId: [],
state: 2
};
this.selectList.map(item => {
params.eleRelaId.push(item.eleRelaId)
})
this.$confirm("确认批量发布吗", "提示", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning"
}).then(() => {
getJGYSGLUpdateBatch(params).then(res => {
if (res.code == 200) {
this.$message.success("批量发布成功");
this.getList();
}else{
this.$message.error(res.msg);
}
});
}).catch(() => {
});
} }
}, },
// 新建清空表单 // 新建清空表单
......
src/views/total-archi-property-document/index.vue
...@@ -5,18 +5,18 @@ ...@@ -5,18 +5,18 @@
<div class="search_menu_item_container"> <div class="search_menu_item_container">
<div class="search_menu_item"> <div class="search_menu_item">
<span class="search_title">文档名称</span> <span class="search_title">文档名称</span>
<el-input v-model="query_item3" placeholder="请输入内容" class="search_item"></el-input> <el-input v-model="params.fileName" placeholder="请输入内容" class="search_item"></el-input>
</div> </div>
<div class="search_menu_item"> <div class="search_menu_item">
<span class="search_title">文档类型</span> <span class="search_title">文档类型</span>
<el-select v-model="query_item1" placeholder="请选择" class="search_item"> <el-select v-model="params.fileType" placeholder="请选择" class="search_item">
<el-option v-for="item in search_select1" :key="item.belongId" :label="item.name" :value="item.belongId"></el-option> <el-option v-for="item in search_select1" :key="item.belongId" :label="item.name" :value="item.belongId"></el-option>
</el-select> </el-select>
</div> </div>
<div class="search_menu_item"> <div class="search_menu_item">
<span class="search_title">创建时间</span> <span class="search_title">创建时间</span>
<el-date-picker <el-date-picker
v-model="query_item4" v-model="params.tcName"
type="daterange" type="daterange"
range-separator="至" range-separator="至"
start-placeholder="开始日期" start-placeholder="开始日期"
...@@ -25,7 +25,7 @@ ...@@ -25,7 +25,7 @@
</div> </div>
</div> </div>
<div class="search_menu_btn_container"> <div class="search_menu_btn_container">
<div class="query_btn" @click="get_table"> <div class="query_btn" @click="getList">
<img class="btn_icon" src="@/assets/archi-ele-list/search.png" alt="" /> <img class="btn_icon" src="@/assets/archi-ele-list/search.png" alt="" />
<p>查询</p> <p>查询</p>
</div> </div>
...@@ -42,17 +42,12 @@ ...@@ -42,17 +42,12 @@
<el-table :height="tableHeight" @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" :selectable="selectable"></el-table-column> <el-table-column type="selection" width="55" :selectable="selectable"></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="elementName" label="文档名称" align="center"></el-table-column> <el-table-column prop="fileName" label="文档名称" align="center"></el-table-column>
<el-table-column prop="archiLevelName" label="文档类型" align="center"></el-table-column> <el-table-column prop="fileType" label="文档类型" align="center"></el-table-column>
<el-table-column prop="archiBelongName" label="文档版本" align="center"></el-table-column> <el-table-column prop="fileVersion" label="文档版本" align="center"></el-table-column>
<el-table-column prop="content" label="创建时间" align="center"></el-table-column> <el-table-column prop="createTime" label="创建时间" align="center"></el-table-column>
<el-table-column prop="content" label="附件" align="center"></el-table-column> <el-table-column prop="content" label="附件" align="center"></el-table-column>
</el-table> </el-table>
<!-- <el-pagination
background
layout="prev, pager, next"
:total="50">
</el-pagination> -->
<el-pagination <el-pagination
background background
@size-change="handleSizeChange" @size-change="handleSizeChange"
...@@ -118,7 +113,10 @@ import { ...@@ -118,7 +113,10 @@ import {
delete_jia_gou_gui_shu, delete_jia_gou_gui_shu,
add_jia_gou_yuan_su, add_jia_gou_yuan_su,
version_release_jia_gou_gui_shu, version_release_jia_gou_gui_shu,
edit_jia_gou_yuan_su edit_jia_gou_yuan_su,
getDocPoolList,
getDocPoolAdd,
} 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';
...@@ -145,6 +143,14 @@ export default { ...@@ -145,6 +143,14 @@ export default {
loading: false, loading: false,
selectTable: [], selectTable: [],
search_select1: [], search_select1: [],
params: {
current: 1,
pageSize: 10,
startTime: "",
endTime: "",
fileName: "",
fileType: "",
},
pager: { pager: {
current: 1, current: 1,
sizes: [10, 20, 50, 100, 200], sizes: [10, 20, 50, 100, 200],
...@@ -159,9 +165,20 @@ export default { ...@@ -159,9 +165,20 @@ export default {
this.set_table_height(); this.set_table_height();
}) })
this.set_table_height(); this.set_table_height();
this.get_table();
// 初始化查询列表
this.getList();
}, },
methods: { methods: {
// 查询列表
getList() {
getDocPoolList(this.params).then(res => {
if (res.code == 200) {
this.pager.total = res.data.total;
this.tableData = res.data.records;
}
});
},
set_table_height() {//动态设置表格高度 set_table_height() {//动态设置表格高度
const table_container_height = $(".table_container").height(); const table_container_height = $(".table_container").height();
const search_menu_height = $(".search_menu").height(); const search_menu_height = $(".search_menu").height();
...@@ -191,15 +208,12 @@ export default { ...@@ -191,15 +208,12 @@ export default {
handleSizeChange(val) { handleSizeChange(val) {
this.pager.current = 1; this.pager.current = 1;
this.pager.size = val; this.pager.size = val;
this.get_table(); this.getList();
}, },
//当前页码改变 //当前页码改变
handleCurrentChange(val) { handleCurrentChange(val) {
this.pager.current = val; this.pager.current = val;
this.get_table(); this.getList();
},
get_table() {//查询表格数据
}, },
} }
} }
......
src/views/typical-example-manage/index.vue
...@@ -5,23 +5,23 @@ ...@@ -5,23 +5,23 @@
<div class="search_menu_item_container"> <div class="search_menu_item_container">
<div class="search_menu_item"> <div class="search_menu_item">
<span class="search_title">案例名称</span> <span class="search_title">案例名称</span>
<el-input v-model="query_item3" placeholder="请输入内容" class="search_item"></el-input> <el-input v-model="params.tcName" placeholder="请输入内容" class="search_item"></el-input>
</div> </div>
<div class="search_menu_item"> <div class="search_menu_item">
<span class="search_title">案例类型</span> <span class="search_title">案例类型</span>
<el-select v-model="query_item1" placeholder="请选择" class="search_item"> <el-select v-model="params.tcType" placeholder="请选择" class="search_item">
<el-option v-for="item in selectData1" :key="item.label" :label="item.label" :value="item.value"></el-option> <el-option v-for="item in selectData1" :key="item.value" :label="item.label" :value="item.value"></el-option>
</el-select> </el-select>
</div> </div>
<div class="search_menu_item"> <div class="search_menu_item">
<span class="search_title">问题类型</span> <span class="search_title">问题类型</span>
<el-select v-model="query_item4" placeholder="请选择" class="search_item"> <el-select v-model="params.problemType" placeholder="请选择" class="search_item">
<el-option v-for="item in selectData2" :key="item.label" :label="item.label" :value="item.value"></el-option> <el-option v-for="item in selectData2" :key="item.value" :label="item.label" :value="item.value"></el-option>
</el-select> </el-select>
</div> </div>
</div> </div>
<div class="search_menu_btn_container"> <div class="search_menu_btn_container">
<div class="query_btn" @click="get_table"> <div class="query_btn" @click="getList">
<img class="btn_icon" src="@/assets/archi-ele-list/search.png" alt="" /> <img class="btn_icon" src="@/assets/archi-ele-list/search.png" alt="" />
<p>查询</p> <p>查询</p>
</div> </div>
...@@ -32,35 +32,47 @@ ...@@ -32,35 +32,47 @@
</div> </div>
</div> </div>
<div class="search_btn"> <div class="search_btn">
<el-button type="primary" size="medium" icon="el-icon-document-add" @click="add">新建</el-button> <el-button type="primary" size="medium" icon="el-icon-document-add" @click="operate('add')">新建</el-button>
<el-button type="primary" size="medium" icon="el-icon-delete">删除</el-button> <el-button type="primary" size="medium" icon="el-icon-delete" @click="operate('delMultiple')">删除</el-button>
<el-button type="primary" size="medium" icon="el-icon-plus" @click="exportFile">导出</el-button> <el-button type="primary" size="medium" icon="el-icon-plus" @click="exportFile">导出</el-button>
</div> </div>
<el-table :height="tableHeight" @selection-change="select_table_rows" v-loading="loading" :data="tableData" stripe border> <el-table :height="tableHeight" @selection-change="handleSelectionChange" v-loading="loading" :data="tableData" stripe border>
<el-table-column type="selection" width="55" :selectable="selectable"></el-table-column> <!-- <el-table-column type="selection" width="55" :selectable="selectable"></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="elementName" label="案例名称" align="center"></el-table-column> <el-table-column prop="tcName" label="案例名称" align="center"></el-table-column>
<el-table-column prop="archiLevelName" label="案例类型" align="center"></el-table-column> <el-table-column prop="tcType" label="案例类型" align="center">
<el-table-column prop="archiBelongName" label="项目类型" align="center"></el-table-column> <template slot-scope="scope">
<el-table-column prop="content" label="建设内容" align="center"></el-table-column> <span >{{dicObj.tcType[String(scope.row.tcType)]}}</span>
<el-table-column prop="content" label="架构详情" align="center"></el-table-column> </template>
<el-table-column prop="content" label="问题类型" align="center"></el-table-column> </el-table-column>
<el-table-column prop="content" label="问题描述" align="center"></el-table-column> <el-table-column prop="prjType" label="项目类型" align="center">
<el-table-column prop="content" label="问题等级" align="center"></el-table-column> <template slot-scope="scope">
<span >{{dicObj.prjType[String(scope.row.prjType)]}}</span>
</template>
</el-table-column>
<el-table-column prop="buildContent" label="建设内容" align="center"></el-table-column>
<el-table-column prop="archiDetail" label="架构详情" align="center"></el-table-column>
<el-table-column prop="problemType" label="问题类型" align="center">
<template slot-scope="scope">
<span >{{dicObj.problemType[String(scope.row.problemType)]}}</span>
</template>
</el-table-column>
<el-table-column prop="problemLevel" label="问题等级" align="center">
<template slot-scope="scope">
<span >{{dicObj.problemLevel[String(scope.row.problemLevel)]}}</span>
</template>
</el-table-column>
<el-table-column prop="problemContent" label="问题描述" align="center"></el-table-column>
<el-table-column label="操作" width="260" align="center"> <el-table-column label="操作" width="260" align="center">
<template slot-scope="scope"> <template slot-scope="scope">
<div style="display: flex;align-items: center;justify-content: center;"> <div style="display: flex;align-items: center;justify-content: center;">
<el-button icon="el-icon-edit" type="primary" size="mini" :disabled="scope.row.state == 1">编辑</el-button> <el-button icon="el-icon-edit" type="primary" size="mini" @click="operate('edit',scope.row)"> 编辑</el-button>
<el-button class="shanChu_btn" icon="el-icon-delete" size="mini" :disabled="scope.row.state == 1">删除</el-button> <el-button class="shanChu_btn" icon="el-icon-delete" size="mini" @click="operate('del',scope.row)">删除</el-button>
</div> </div>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
<!-- <el-pagination
background
layout="prev, pager, next"
:total="50">
</el-pagination> -->
<el-pagination <el-pagination
background background
@size-change="handleSizeChange" @size-change="handleSizeChange"
...@@ -74,50 +86,53 @@ ...@@ -74,50 +86,53 @@
</div> </div>
<el-dialog <el-dialog
title="新建案例" :title="title"
:visible.sync="add_dialog" :visible.sync="add_dialog"
:center="false" :center="false"
width="60%"> width="60%">
<div class="add_dialog_content"> <div class="add_dialog_content">
<div class="add_dialog_content"> <div class="add_dialog_content">
<el-form :model="ruleForm" ref="form"> <el-form :model="formData" ref="form">
<div class="form_item_container"> <div class="form_item_container">
<el-form-item label="案例名称:" prop="let1"> <el-form-item label="案例名称:" prop="tcName">
<el-input v-model="ruleForm.let1"></el-input> <el-input v-model="formData.tcName"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="案例类型:" prop="let2"> <el-form-item label="案例类型:" prop="tcType">
<el-select v-model="ruleForm.let2" placeholder="请选择"> <el-select v-model="formData.tcType" placeholder="请选择">
<el-option v-for="item in selectData1" :key="item.label" :label="item.label" :value="item.value"></el-option> <el-option v-for="item in selectData1" :key="item.label" :label="item.label" :value="item.value"></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="项目类型:" prop="let3"> <el-form-item label="项目类型:" prop="prjType">
<el-select v-model="ruleForm.let3" placeholder="请选择"> <el-select v-model="formData.prjType" placeholder="请选择">
<el-option v-for="item in selectData3" :key="item.label" :label="item.label" :value="item.value"></el-option> <el-option v-for="item in selectData3" :key="item.label" :label="item.label" :value="item.value"></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="建设内容:" prop="let4"> <el-form-item label="建设内容:" prop="buildContent">
<el-input v-model="ruleForm.let4"></el-input> <el-input v-model="formData.buildContent"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="问题类型:" prop="let5"> <el-form-item label="问题类型:" prop="problemType">
<el-select v-model="ruleForm.let5" placeholder="请选择"> <el-select v-model="formData.problemType" placeholder="请选择">
<el-option v-for="item in selectData2" :key="item.label" :label="item.label" :value="item.value"></el-option> <el-option v-for="item in selectData2" :key="item.label" :label="item.label" :value="item.value"></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="问题等级:" prop="let6"> <el-form-item label="问题等级:" prop="problemLevel">
<el-select v-model="ruleForm.let6" placeholder="请选择"> <el-select v-model="formData.problemLevel" placeholder="请选择">
<el-option v-for="item in selectData4" :key="item.label" :label="item.label" :value="item.value"></el-option> <el-option v-for="item in selectData4" :key="item.label" :label="item.label" :value="item.value"></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item class="cross1" label="政策描述:" prop="let7"> <el-form-item class="cross1" label="架构详情:" prop="archiDetail">
<el-input type="textarea" v-model="ruleForm.let7" maxlength="200" show-word-limit></el-input> <el-input type="textarea" v-model="formData.archiDetail" maxlength="200" show-word-limit></el-input>
</el-form-item>
<el-form-item class="cross1" label="问题描述:" prop="problemContent">
<el-input type="textarea" v-model="formData.problemContent" maxlength="200" show-word-limit></el-input>
</el-form-item> </el-form-item>
</div> </div>
</el-form> </el-form>
</div> </div>
</div> </div>
<span slot="footer" class="dialog-footer"> <span slot="footer" class="dialog-footer">
<el-button class="greenButton">确定</el-button> <el-button class="greenButton" @click="operate('create')">确定</el-button>
<el-button >取消</el-button> <el-button @click="add_dialog = false">取消</el-button>
</span> </span>
</el-dialog> </el-dialog>
</div> </div>
...@@ -126,7 +141,13 @@ ...@@ -126,7 +141,13 @@
<script> <script>
import { import {
getDianXingAnLiSelectData, getDianXingAnLiSelectData,
exportFileDianXingAnLiSelectData exportFileDianXingAnLiSelectData,
getTypicalExampleList,
getTypicalExampleAdd,
getTypicalExampleUpdate,
getTypicalExampleDel,
getTypicalExampleExcel,
} 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';
...@@ -138,38 +159,94 @@ export default { ...@@ -138,38 +159,94 @@ export default {
}, },
data() { data() {
return { return {
ruleForm: { tableData: [],
let1: '',
let2: '',
let3: '',
let4: '',
let5: '',
let6: '',
let7: '',
},
tableData: [
{
id: 1,
elementName: '123'
}
],
add_dialog: false, add_dialog: false,
query_item1: null, title: "",
query_item3: null,
query_item4: null,
loading: false, loading: false,
selectTable: [], selectList: [
selectData1: [], ],
selectData2: [], selectData1: [
selectData3: [], {
selectData4: [], label: "移动应用典型案例",
value: 1,
},
{
label: "数据模型典型案例",
value: 2,
},
{
label: "数据中台典型案例",
value: 3,
},
],
selectData2: [
{
label: "一致性",
value: 1,
},
{
label: "架构遵从",
value: 2,
},
{
label: "重复风险",
value: 3,
},
],
selectData3: [
{
label: "暂时未例举",
value: 1,
},
],
selectData4: [
{
label: "一级",
value: 1,
},
{
label: "二级",
value: 2,
},
{
label: "三级",
value: 3,
},
],
params: {
current: 1,
pageSize: 10,
tcName: "",
tcType: "",
problemType: "",
},
pager: { pager: {
current: 1, current: 1,
sizes: [10, 20, 50, 100, 200], sizes: [10, 20, 50, 100, 200],
size: 10, size: 10,
total: 20 //总条数 total: 0, //总条数
},
formData: {
tcName: '',
tcType: '',
prjType: '',
buildContent: '',
problemType: '',
problemLevel: '',
problemContent: '',
archiDetail: "",
},
tableHeight: null,
dicObj: {
tcType: {
// 1: "在库",
// 2: "出库",
// 3: "出库",
},
prjType: {},
problemType: {},
problemLevel: {},
}, },
tableHeight: null
}; };
}, },
mounted(){ mounted(){
...@@ -177,34 +254,163 @@ export default { ...@@ -177,34 +254,163 @@ export default {
this.set_table_height(); this.set_table_height();
}) })
this.set_table_height(); this.set_table_height();
this.get_table();
this.get_an_li_lei_xing_select();
this.get_wen_ti_lei_xing_select();
this.get_xiang_mu_lei_xing_select();
this.get_wen_ti_deng_ji_select();
this.selectData1.forEach(item => {
this.dicObj.tcType[item.value] = item.label;
}),
this.selectData2.forEach(item => {
this.dicObj.problemType[item.value] = item.label;
}),
this.selectData3.forEach(item => {
this.dicObj.prjType[item.value] = item.label;
}),
this.selectData4.forEach(item => {
this.dicObj.problemLevel[item.value] = item.label;
}),
// 初始化查询列表
this.getList();
// 获取元素列表
// this.get_an_li_lei_xing_select();
// this.get_wen_ti_lei_xing_select();
// this.get_xiang_mu_lei_xing_select();
// this.get_wen_ti_deng_ji_select();
}, },
methods: { methods: {
exportFile() {//导出 // 查询列表
const params = { getList() {
problemType: 1, getTypicalExampleList(this.params).then(res => {
if (res.code == 200) {
this.pager.total = res.data.total;
this.tableData = res.data.records;
}
});
},
// 重置
reset() {
this.params = {
current: 1,
pageSize: 10,
tcName: "", tcName: "",
tcType: 1, tcType: "",
problemLevel: 1 problemType: "",
}
},
// 所有操作
operate(type,item){
this.openType = type;
if (type == "add") {
this.add_dialog = true;
this.title = "新建案例";
this.resetForm();
}else if (type == "edit") {
this.add_dialog = true;
this.title = "编辑案例";
this.formData = item;
}else if (type == "create") {
if (this.formData.ktcId) {
// 编辑保存
getTypicalExampleUpdate(this.formData).then(res => {
console.log(this.formData,res);
if (res.code == 200) {
this.$message.success("保存成功");
this.add_dialog = false;
this.getList();
}else{
this.add_dialog = false;
this.$message.error(res.msg);
}
});
}else{
// 新建保存
getTypicalExampleAdd(this.formData).then(res => {
if (res.code == 200) {
this.$message.success("保存成功");
this.add_dialog = false;
this.getList();
}else{
this.add_dialog = false;
this.$message.error(res.msg);
}
});
}
}else if (type == "del") {
// 删除
this.$confirm("确认删除吗", "提示", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning"
}).then(() => {
let params = {
ids: [item.ktcId],
};
getTypicalExampleDel(params).then(res => {
if (res.code == 200) {
this.$message.success("删除成功");
this.getList();
}else{
this.$message.error(res.msg);
}
});
}).catch(() => {
});
}else if (type == "delMultiple") {
if (this.selectList.length <= 0) {
this.$message.error("请选择一项进行删除");
return;
}
let params = {
ids: [],
};
this.selectList.map(item => {
params.ids.push(item.ktcId)
})
this.$confirm("确认批量删除吗", "提示", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning"
}).then(() => {
getTypicalExampleDel(params).then(res => {
if (res.code == 200) {
this.$message.success("批量删除成功");
this.getList();
}else{
this.$message.error(res.msg);
}
});
}).catch(() => {
});
} }
exportFileDianXingAnLiSelectData(params).then(res => { },
// 新建清空表单
resetForm(){
this.formData = {
tcName: '',
tcType: '',
prjType: '',
buildContent: '',
problemType: '',
problemLevel: '',
problemContent: '',
archiDetail: "",
}
},
exportFile() {//导出
getTypicalExampleExcel(this.params).then(res => {
let blob = new Blob([res], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' }); let blob = new Blob([res], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' });
let url = URL.createObjectURL(blob); let url = URL.createObjectURL(blob);
let link = document.createElement('a'); let link = document.createElement('a');
link.href = url; link.href = url;
// link.download = '文件.xlsx';
document.body.appendChild(link); document.body.appendChild(link);
link.click(); link.click();
}) })
}, },
get_an_li_lei_xing_select() {//案例类型下拉 get_an_li_lei_xing_select() {//案例类型下拉
const params = { const params = {
key: "case_type" key: "kl_case_type"
} }
getDianXingAnLiSelectData(params).then(res => { getDianXingAnLiSelectData(params).then(res => {
if(res.code == 200) { if(res.code == 200) {
...@@ -214,7 +420,7 @@ export default { ...@@ -214,7 +420,7 @@ export default {
}, },
get_wen_ti_lei_xing_select() {//问题类型下拉 get_wen_ti_lei_xing_select() {//问题类型下拉
const params = { const params = {
key: "question_type" key: "kl_question_type"
} }
getDianXingAnLiSelectData(params).then(res => { getDianXingAnLiSelectData(params).then(res => {
if(res.code == 200) { if(res.code == 200) {
...@@ -224,7 +430,7 @@ export default { ...@@ -224,7 +430,7 @@ export default {
}, },
get_xiang_mu_lei_xing_select() {//项目类型下拉 get_xiang_mu_lei_xing_select() {//项目类型下拉
const params = { const params = {
key: "project_type" key: "kl_project_type"
} }
getDianXingAnLiSelectData(params).then(res => { getDianXingAnLiSelectData(params).then(res => {
if(res.code == 200) { if(res.code == 200) {
...@@ -234,7 +440,7 @@ export default { ...@@ -234,7 +440,7 @@ export default {
}, },
get_wen_ti_deng_ji_select() {//问题等级下拉 get_wen_ti_deng_ji_select() {//问题等级下拉
const params = { const params = {
key: "question_level" key: "kl_question_level"
} }
getDianXingAnLiSelectData(params).then(res => { getDianXingAnLiSelectData(params).then(res => {
if(res.code == 200) { if(res.code == 200) {
...@@ -242,6 +448,7 @@ export default { ...@@ -242,6 +448,7 @@ export default {
} }
}) })
}, },
set_table_height() {//动态设置表格高度 set_table_height() {//动态设置表格高度
const table_container_height = $(".table_container").height(); const table_container_height = $(".table_container").height();
const search_menu_height = $(".search_menu").height(); const search_menu_height = $(".search_menu").height();
...@@ -255,31 +462,20 @@ export default { ...@@ -255,31 +462,20 @@ export default {
return true; //不禁用 return true; //不禁用
} }
}, },
select_table_rows(data){//表格的勾选 // 表格多选
this.selectTable = data; handleSelectionChange(e) {
}, this.selectList = e;
add() {//新建按钮
this.add_dialog = true;
},
reset() {//重置
this.query_item1 = null;
this.query_item3 = null;
this.query_item4 = null;
}, },
// 每页条数改变 // 每页条数改变
handleSizeChange(val) { handleSizeChange(val) {
this.pager.current = 1; this.pager.current = 1;
this.pager.size = val; this.pager.size = val;
this.get_table(); this.getList();
}, },
//当前页码改变 //当前页码改变
handleCurrentChange(val) { handleCurrentChange(val) {
this.pager.current = val; this.pager.current = val;
this.get_table(); this.getList();
},
get_table() {//查询表格数据
}, },
} }
} }
......
Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!