Skip to content

liangzhen / framework-tools-web

Go to a project
Commit 6ad7149f by liuyong
Options

修改页面

2 parents 0e46d05e c8c7293e
Inline Side-by-side
Showing with 241 additions and 99 deletions
src/api/index.js
...@@ -204,15 +204,15 @@ export function getETPManageList(params) { ...@@ -204,15 +204,15 @@ export function getETPManageList(params) {
} }
// 新建专家人才库 // 新建专家人才库
export function getETPManageAdd(params) { export function getETPManageAdd(params) {
return post('/kl-talent-pool/create', params); return post('/kl-talent-pool/adKlTalentPool', params);
} }
// 编辑专家人才库 // 编辑专家人才库
export function getETPManageUpdate(params) { export function getETPManageUpdate(params) {
return post('/kl-talent-pool/update', params); return post('/kl-talent-pool/updKlTalentPool', params);
} }
// 编辑专家人才库 // 编辑专家人才库
export function getETPManageDel(params) { export function getETPManageDel(params) {
return post('/kl-talent-pool/delete', params); return post('/kl-talent-pool/delKlTalentPool', params);
} }
...@@ -235,7 +235,7 @@ export function getTypicalExampleDel(params) { ...@@ -235,7 +235,7 @@ export function getTypicalExampleDel(params) {
} }
// 典型案例导出 // 典型案例导出
export function getTypicalExampleExcel(params) { export function getTypicalExampleExcel(params) {
return post('/excel/etTc', params); return download('/excel/etTc', params);
} }
// 总体架构资产文档库 // 总体架构资产文档库
...@@ -263,3 +263,7 @@ export function deleteAllBaoGaoMoBanGuanLianShiYong(params) { ...@@ -263,3 +263,7 @@ export function deleteAllBaoGaoMoBanGuanLianShiYong(params) {
export function deleteBaoGaoMoBanGuanLianShiYong(params) { export function deleteBaoGaoMoBanGuanLianShiYong(params) {
return post('/kl-report-temp-link/updKlReportTempLink', params); return post('/kl-report-temp-link/updKlReportTempLink', params);
} }
// 总体架构资产文档导出
export function getDocPoolExcel(params) {
return download('/excel/etDp', params);
}
\ No newline at end of file
src/views/etpManage/index.vue
...@@ -36,22 +36,9 @@ ...@@ -36,22 +36,9 @@
</div> </div>
</div> </div>
<div class="search_btn"> <div class="search_btn">
<div class="add_btn" @click="operate('add')"> <el-button type="primary" size="medium" icon="el-icon-document-add" @click="operate('add')">新建</el-button>
<img class="btn_icon" src="@/assets/archi-ele-list/create.png" alt="" /> <el-button type="primary" size="medium" icon="el-icon-delete" @click="operate('delMultiple')">删除</el-button>
<p>新建</p> <el-button type="primary" size="medium" icon="el-icon-plus" @click="exportFile">导出</el-button>
</div>
<!-- <div class="version_btn" @click="operate('pushAll')">
<img class="btn_icon" src="@/assets/archi-ele-list/version.png" alt="" />
<p>删除</p>
</div>
<div class="version_btn" @click="operate('pushAll')">
<img class="btn_icon" src="@/assets/archi-ele-list/version.png" alt="" />
<p>导入</p>
</div>
<div class="version_btn" @click="operate('pushAll')">
<img class="btn_icon" src="@/assets/archi-ele-list/version.png" alt="" />
<p>导出</p>
</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>
...@@ -95,56 +82,52 @@ ...@@ -95,56 +82,52 @@
:center="false" :center="false"
width="50%"> width="50%">
<div class="add_dialog_content"> <div class="add_dialog_content">
<!-- <div class="dialog_form_item">
<div class="dialog_form_item_title"><span class="reqIcon">*</span>元素关系名称</div>
<el-input placeholder="请输入内容" class="dialog_form_item_content" v-model="formData.rsName"></el-input>
</div> -->
<div class="dialog_content_1"> <div class="dialog_content_1">
<div class="dialog_form_item"> <div class="dialog_form_item">
<div class="dialog_form_item_title"><span class="reqIcon">*</span>单位</div> <div class="dialog_form_item_title">单位</div>
<el-select v-model="formData.schemaLevel" placeholder="请选择" clearable class="search_item"> <el-select v-model="formData.schemaLevel" placeholder="请选择" clearable class="search_item">
<el-option v-for="(item,idnex) in levelList" :key="idnex" :label="item.label" :value="item.value" ></el-option> <el-option v-for="(item,idnex) in levelList" :key="idnex" :label="item.label" :value="item.value" ></el-option>
</el-select> </el-select>
</div> </div>
<div class="dialog_form_item"> <div class="dialog_form_item">
<div class="dialog_form_item_title"><span class="reqIcon">*</span>专家库名称</div> <div class="dialog_form_item_title">专家库名称</div>
<el-select v-model="formData.schemaLevel" placeholder="请选择" clearable class="search_item"> <el-select v-model="formData.schemaLevel" placeholder="请选择" clearable class="search_item">
<el-option v-for="(item,idnex) in levelList" :key="idnex" :label="item.label" :value="item.value" ></el-option> <el-option v-for="(item,idnex) in levelList" :key="idnex" :label="item.label" :value="item.value" ></el-option>
</el-select> </el-select>
</div> </div>
<div class="dialog_form_item"> <div class="dialog_form_item">
<div class="dialog_form_item_title"><span class="reqIcon">*</span>专家名称</div> <div class="dialog_form_item_title">专家名称</div>
<el-input v-model="formData.viewName" placeholder="请输入内容" class="search_item"></el-input> <el-input v-model="formData.viewName" placeholder="请输入内容" class="search_item"></el-input>
</div> </div>
</div> </div>
<div class="dialog_content_1"> <div class="dialog_content_1">
<div class="dialog_form_item"> <div class="dialog_form_item">
<div class="dialog_form_item_title"><span class="reqIcon">*</span>专家标签</div> <div class="dialog_form_item_title">专家标签</div>
<el-select v-model="formData.schemaLevel" placeholder="请选择" clearable class="search_item"> <el-select v-model="formData.schemaLevel" placeholder="请选择" clearable class="search_item">
<el-option v-for="(item,idnex) in levelList" :key="idnex" :label="item.label" :value="item.value" ></el-option> <el-option v-for="(item,idnex) in levelList" :key="idnex" :label="item.label" :value="item.value" ></el-option>
</el-select> </el-select>
</div> </div>
<div class="dialog_form_item"> <div class="dialog_form_item">
<div class="dialog_form_item_title"><span class="reqIcon">*</span>专家级别</div> <div class="dialog_form_item_title">专家级别</div>
<el-select v-model="formData.schemaLevel" placeholder="请选择" clearable class="search_item"> <el-select v-model="formData.schemaLevel" placeholder="请选择" clearable class="search_item">
<el-option v-for="(item,idnex) in levelList" :key="idnex" :label="item.label" :value="item.value" ></el-option> <el-option v-for="(item,idnex) in levelList" :key="idnex" :label="item.label" :value="item.value" ></el-option>
</el-select> </el-select>
</div> </div>
<div class="dialog_form_item"> <div class="dialog_form_item">
<div class="dialog_form_item_title"><span class="reqIcon">*</span>专家评价</div> <div class="dialog_form_item_title">专家评价</div>
<el-input v-model="formData.viewName" placeholder="请输入内容" class="search_item"></el-input> <el-input v-model="formData.viewName" placeholder="请输入内容" class="search_item"></el-input>
</div> </div>
</div> </div>
<div class="dialog_content_1"> <div class="dialog_content_1">
<div class="dialog_form_item"> <div class="dialog_form_item">
<div class="dialog_form_item_title"><span class="reqIcon">*</span>专家状态</div> <div class="dialog_form_item_title">专家状态</div>
<el-select v-model="formData.schemaLevel" placeholder="请选择" clearable class="search_item"> <el-select v-model="formData.schemaLevel" placeholder="请选择" clearable class="search_item">
<el-option v-for="(item,idnex) in levelList" :key="idnex" :label="item.label" :value="item.value" ></el-option> <el-option v-for="(item,idnex) in levelList" :key="idnex" :label="item.label" :value="item.value" ></el-option>
</el-select> </el-select>
</div> </div>
</div> </div>
<div class="dialog_form_item"> <div class="dialog_form_item">
<div class="dialog_form_item_title"><span class="reqIcon">*</span>备注</div> <div class="dialog_form_item_title">备注</div>
<el-input type="textarea" :rows="2" placeholder="请输入内容" class="dialog_form_item_content" v-model="formData.content"></el-input> <el-input type="textarea" :rows="2" placeholder="请输入内容" class="dialog_form_item_content" v-model="formData.content"></el-input>
</div> </div>
</div> </div>
...@@ -190,9 +173,6 @@ export default { ...@@ -190,9 +173,6 @@ export default {
add_dialog3: false, add_dialog3: false,
title: "", title: "",
openType: "", openType: "",
query_item1: null,
query_item3: null,
query_item4: null,
formData: { formData: {
rsName: "", rsName: "",
content: "", content: "",
...@@ -426,6 +406,16 @@ export default { ...@@ -426,6 +406,16 @@ export default {
} }
this.radioName = ""; this.radioName = "";
}, },
exportFile() {//导出
getTypicalExampleExcel(this.params).then(res => {
let blob = new Blob([res], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' });
let url = URL.createObjectURL(blob);
let link = document.createElement('a');
link.href = url;
document.body.appendChild(link);
link.click();
})
},
// 表格多选 // 表格多选
handleSelectionChange(e) { handleSelectionChange(e) {
......
src/views/total-archi-property-document/index.vue
...@@ -10,14 +10,15 @@ ...@@ -10,14 +10,15 @@
<div class="search_menu_item"> <div class="search_menu_item">
<span class="search_title">文档类型</span> <span class="search_title">文档类型</span>
<el-select v-model="params.fileType" 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 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-date-picker <el-date-picker
v-model="params.tcName" v-model="searchDate"
type="daterange" type="daterange"
value-format="yyyy-MM-dd"
range-separator="至" range-separator="至"
start-placeholder="开始日期" start-placeholder="开始日期"
end-placeholder="结束日期"> end-placeholder="结束日期">
...@@ -36,11 +37,12 @@ ...@@ -36,11 +37,12 @@
</div> </div>
</div> </div>
<div class="search_btn"> <div class="search_btn">
<el-button @click="add" type="primary" size="medium" icon="el-icon-document-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-plus">导出</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="select_table_rows" v-loading="loading" :data="tableData" stripe border> -->
<el-table-column type="selection" width="55" :selectable="selectable"></el-table-column> <el-table :height="tableHeight" v-loading="loading" :data="tableData" stripe border>
<!-- <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="fileName" label="文档名称" align="center"></el-table-column> <el-table-column prop="fileName" label="文档名称" align="center"></el-table-column>
<el-table-column prop="fileType" label="文档类型" align="center"></el-table-column> <el-table-column prop="fileType" label="文档类型" align="center"></el-table-column>
...@@ -66,25 +68,24 @@ ...@@ -66,25 +68,24 @@
:center="false" :center="false"
width="60%"> width="60%">
<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="fileName">
<el-input v-model="ruleForm.let1"></el-input> <el-input v-model="formData.fileName"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="文档类型:" prop="let2"> <el-form-item label="文档类型:" prop="fileType">
<el-select v-model="ruleForm.let2" placeholder="请选择"> <el-select v-model="formData.fileType" placeholder="请选择">
<el-option label="已发布" value="1"></el-option> <el-option v-for="item in selectData1" :key="item.value" :label="item.label" :value="item.value"></el-option>
<el-option label="已停用" value="0"></el-option>
<el-option label="暂存" value="2"></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="文档版本:" prop="let3"> <el-form-item label="文档版本:" prop="fileVersion">
<el-input v-model="ruleForm.let3"></el-input> <el-input v-model="formData.fileVersion"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="启用时间:" prop="let4"> <el-form-item label="启用时间:" prop="startTime">
<el-date-picker <el-date-picker
style="width: 200px;" style="width: 200px;"
v-model="ruleForm.let4" v-model="formData.startTime"
value-format="yyyy-MM-dd"
type="date" type="date"
placeholder="选择日期"> placeholder="选择日期">
</el-date-picker> </el-date-picker>
...@@ -96,8 +97,8 @@ ...@@ -96,8 +97,8 @@
</el-form> </el-form>
</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>
...@@ -105,18 +106,10 @@ ...@@ -105,18 +106,10 @@
<script> <script>
import { import {
query_jia_gou_yuan_su_guan_xi_table,
add_jia_gou_ceng_ci,
query_jia_gou_ceng_ci,
add_jia_gou_gui_shu,
query_jia_gou_gui_shu,
delete_jia_gou_gui_shu,
add_jia_gou_yuan_su,
version_release_jia_gou_gui_shu,
edit_jia_gou_yuan_su,
getDocPoolList, getDocPoolList,
getDocPoolAdd, getDocPoolAdd,
getDianXingAnLiSelectData,
getDocPoolExcel,
} 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';
...@@ -128,21 +121,35 @@ export default { ...@@ -128,21 +121,35 @@ export default {
}, },
data() { data() {
return { return {
ruleForm: {
let1: '',
let2: '',
let3: '',
let4: '',
let5: [],
},
tableData: [], tableData: [],
add_dialog: false, add_dialog: false,
query_item1: null,
query_item3: null,
query_item4: null,
loading: false, loading: false,
selectTable: [], selectData1: [
search_select1: [], {
label: "元模型",
value: 1,
},
{
label: "业务架构",
value: 2,
},
{
label: "应用架构",
value: 3,
},
{
label: "数据架构",
value: 4,
},
{
label: "技术架构",
value: 5,
},
{
label: "安全架构",
value: 6,
},
],
params: { params: {
current: 1, current: 1,
pageSize: 10, pageSize: 10,
...@@ -157,7 +164,18 @@ export default { ...@@ -157,7 +164,18 @@ export default {
size: 10, size: 10,
total: 20 //总条数 total: 20 //总条数
}, },
tableHeight: null formData: {
tcName: '',
tcType: '',
prjType: '',
buildContent: '',
problemType: '',
problemLevel: '',
problemContent: '',
archiDetail: "",
},
tableHeight: null,
searchDate: [],
}; };
}, },
mounted(){ mounted(){
...@@ -168,10 +186,19 @@ export default { ...@@ -168,10 +186,19 @@ export default {
// 初始化查询列表 // 初始化查询列表
this.getList(); this.getList();
// 获取元素列表
// this.getFileTypeSelect();
}, },
methods: { methods: {
// 查询列表 // 查询列表
getList() { getList() {
if (this.searchDate != null && this.searchDate.length == 2) {
this.params.beginTime = this.searchDate[0];
this.params.endTime = this.searchDate[1];
} else {
this.params.beginTime = "";
this.params.endTime = "";
}
getDocPoolList(this.params).then(res => { getDocPoolList(this.params).then(res => {
if (res.code == 200) { if (res.code == 200) {
this.pager.total = res.data.total; this.pager.total = res.data.total;
...@@ -179,31 +206,139 @@ export default { ...@@ -179,31 +206,139 @@ export default {
} }
}); });
}, },
set_table_height() {//动态设置表格高度 // 重置
const table_container_height = $(".table_container").height(); reset() {
const search_menu_height = $(".search_menu").height(); this.params = {
const search_btn_height = $(".search_btn").outerHeight(true); current: 1,
this.tableHeight = table_container_height - search_menu_height - search_btn_height - 90 + 'px'; pageSize: 10,
beginTime: "",
endTime: "",
fileName: "",
fileType: "",
};
this.searchDate = [];
}, },
selectable(row) {//表格勾选框禁用 // 所有操作
if(row.state == 1) { operate(type,item){
return false; // 禁用 this.openType = type;
} else { if (type == "add") {
return true; //不禁用 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{
// 新建保存
getDocPoolAdd(this.formData).then(res => {
if (res.code == 200) {
this.$message.success("保存成功");
this.add_dialog = false;
this.getList();
}else{
this.add_dialog = false;
console.log(res);
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(() => {
});
} }
}, },
select_table_rows(data){//表格的勾选 // 新建清空表单
this.selectTable = data; resetForm(){
this.formData = {
fileName: '',
fileType: '',
fileVersion: '',
startTime: '',
}
}, },
add() {//新建按钮 // 导出
this.add_dialog = true; exportFile() {
getDocPoolExcel(this.params).then(res => {
let blob = new Blob([res], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' });
let url = URL.createObjectURL(blob);
let link = document.createElement('a');
link.href = url;
document.body.appendChild(link);
link.click();
})
}, },
reset() {//重置
this.query_item1 = null; getFileTypeSelect() {//案例类型下拉
this.query_item3 = null; const params = {
this.query_item4 = null; key: "kl_file_type"
}
getDianXingAnLiSelectData(params).then(res => {
if(res.code == 200) {
this.selectData1 = res.data;
console.log(this.selectData1);
}
})
}, },
// 每页条数改变 // 每页条数改变
handleSizeChange(val) { handleSizeChange(val) {
this.pager.current = 1; this.pager.current = 1;
...@@ -215,6 +350,20 @@ export default { ...@@ -215,6 +350,20 @@ export default {
this.pager.current = val; this.pager.current = val;
this.getList(); this.getList();
}, },
set_table_height() {//动态设置表格高度
const table_container_height = $(".table_container").height();
const search_menu_height = $(".search_menu").height();
const search_btn_height = $(".search_btn").outerHeight(true);
this.tableHeight = table_container_height - search_menu_height - search_btn_height - 90 + 'px';
},
selectable(row) {//表格勾选框禁用
if(row.state == 1) {
return false; // 禁用
} else {
return true; //不禁用
}
},
} }
} }
</script> </script>
......
src/views/typical-example-manage/index.vue
...@@ -141,8 +141,6 @@ ...@@ -141,8 +141,6 @@
<script> <script>
import { import {
getDianXingAnLiSelectData, getDianXingAnLiSelectData,
exportFileDianXingAnLiSelectData,
getTypicalExampleList, getTypicalExampleList,
getTypicalExampleAdd, getTypicalExampleAdd,
getTypicalExampleUpdate, getTypicalExampleUpdate,
......
Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!