Skip to content

liangzhen / framework-tools-web

Go to a project
Commit 82515635 by Thews
Options

20231212wangwansu

1 parent ba09454c
Inline Side-by-side
Showing with 103 additions and 40 deletions
src/api/index.js
......@@ -70,6 +70,7 @@ export function get_yuan_mo_xing_list(params) {
export function delete_yuan_mo_xing_list(params) {
return post('/ynMol/deleteYnMol', params);
}
// 架构视图配置
// 列表查询
export function getJGSTPZlist(params) {
......@@ -95,6 +96,13 @@ export function getJGSTPZDel(params) {
export function getViewNameList(params) {
return post('/vwDis/getviewName', params);
}
// 获取元素范围和包含元素
export function getEleList(params) {
return post('/vwDis/gtEleList', params);
}
export function getViewList(params) {
return post('/vwDis/gtVwEleList', params);
}
// 元模型字典管理
......
src/views/archiEleRela/index.vue
......@@ -53,9 +53,15 @@
<el-table-column prop="object2" label="对象2" width="180" align="center"></el-table-column>
<el-table-column prop="scope" label="适用范围" width="180" align="center"></el-table-column>
<el-table-column prop="content" label="关系描述" width="180" align="center"></el-table-column>
<el-table-column label="图标" align="center">
<template>
<el-button type="text" style="color: #0D867F;">预览</el-button>
<el-table-column label="图标" align="center" width="100">
<template slot-scope="scope">
<div class="tableIcon">
<img class="iconItem" src="@/assets/archiEleRela/img1.svg" alt="" v-if="scope.row.icon == 'img1'" />
<img class="iconItem" src="@/assets/archiEleRela/img2.svg" alt="" v-if="scope.row.icon == 'img2'" />
<img class="iconItem" src="@/assets/archiEleRela/img3.svg" alt="" v-if="scope.row.icon == 'img3'" />
<img class="iconItem" src="@/assets/archiEleRela/img4.svg" alt="" v-if="scope.row.icon == 'img4'" />
<img class="iconItem" src="@/assets/archiEleRela/img5.svg" alt="" v-if="scope.row.icon == 'img5'" />
</div>
</template>
</el-table-column>
<el-table-column prop="version" label="版本" width="180" align="center"></el-table-column>
......@@ -121,19 +127,19 @@
<div class="dialog_form_item_title">图标设置</div>
<div>
<div class="dialog_form_item3_content1">
<el-radio v-model="radio2" label="img1">
<el-radio v-model="formData.icon" label="img1">
<img class="tu_biao_icon2" src="@/assets/archiEleRela/img1.svg" alt="" />
</el-radio>
<el-radio v-model="radio2" label="img2">
<el-radio v-model="formData.icon" label="img2">
<img class="tu_biao_icon2" src="@/assets/archiEleRela/img2.svg" alt="" />
</el-radio>
<el-radio v-model="radio2" label="img3">
<el-radio v-model="formData.icon" label="img3">
<img class="tu_biao_icon2" src="@/assets/archiEleRela/img3.svg" alt="" />
</el-radio>
<el-radio v-model="radio2" label="img4">
<el-radio v-model="formData.icon" label="img4">
<img class="tu_biao_icon2" src="@/assets/archiEleRela/img4.svg" alt="" />
</el-radio>
<el-radio v-model="radio2" label="img5">
<el-radio v-model="formData.icon" label="img5">
<img class="tu_biao_icon2" src="@/assets/archiEleRela/img5.svg" alt="" />
</el-radio>
</div>
......@@ -146,22 +152,20 @@
情况{{index+1}}
<div class="formItem">
<div class="label">对象1</div>
<!-- <el-select v-model="formData.object1" placeholder="请选择" clearable v-if="index == 0">
<el-option v-for="(item,idnex) in eleList" :key="idnex" :label="item.elementName" :value="item.elementId" ></el-option>
</el-select> -->
<el-select v-model="item.name1" placeholder="请选择" clearable>
<el-option label="业务架构" value="业务架构"></el-option>
<el-option label="应用架构" value="应用架构"></el-option>
<el-option label="内容架构" value="内容架构"></el-option>
<el-option label="技术架构" value="技术架构"></el-option>
<el-option label="安全架构" value="安全架构"></el-option>
<el-option v-for="(item,idnex) in eleList" :key="idnex" :label="item.elementName" :value="item.elementId" ></el-option>
</el-select>
</div>
<div class="formItem">
<div class="label">对象2</div>
<!-- <el-select v-model="formData.object2" placeholder="请选择" clearable v-if="index == 0">
<el-option v-for="(item,idnex) in eleList" :key="idnex" :label="item.elementName" :value="item.elementId" ></el-option>
</el-select> -->
<el-select v-model="item.name2" placeholder="请选择" clearable>
<el-option label="业务架构" value="业务架构"></el-option>
<el-option label="应用架构" value="应用架构"></el-option>
<el-option label="内容架构" value="内容架构"></el-option>
<el-option label="技术架构" value="技术架构"></el-option>
<el-option label="安全架构" value="安全架构"></el-option>
<el-option v-for="(item,idnex) in eleList" :key="idnex" :label="item.elementName" :value="item.elementId" ></el-option>
</el-select>
</div>
<div class="newBtn">
......@@ -189,6 +193,7 @@ import {
getJGYSGLDel,
getJGYSGLUpdate,
getJGYSGLUpdateBatch,
getEleList,
} from "@/api/index.js";
export default {
......@@ -255,15 +260,18 @@ export default {
},
],
radio2: '',
eleList: [],
};
},
mounted() {
// 初始化查询列表
this.getList();
},
created() {
// 初始化查询列表
this.getList();
// 获取元素列表
this.getYuansuList();
},
methods: {
// 查询列表
......@@ -278,6 +286,14 @@ export default {
}
});
},
// 获取元素列表
getYuansuList() {
getEleList().then(res => {
if (res.code == 200) {
this.eleList = res.data;
}
});
},
// 重置
reset(){
this.params = {
......@@ -566,6 +582,15 @@ export default {
.table_container{
width: 97%;
margin-top: 20px;
.tableIcon{
width: 100%;
display: flex;
justify-content: center;
.iconItem{
width: 30px;
height: 30px;
}
}
}
.el-pagination{
margin-top: 50px;
......
src/views/archiViewConfig/index.vue
......@@ -6,9 +6,6 @@
<div class="search_menu_item">
<span class="search_title">架构视图名称</span>
<el-input v-model="params.viewName" placeholder="请输入内容" class="search_item"></el-input>
<!-- <el-select v-model="params.viewName" placeholder="请选择" clearable class="search_item">
<el-option v-for="(item,idnex) in viewNameList" :key="idnex" :label="item" :value="item" ></el-option>
</el-select> -->
</div>
<div class="search_menu_item">
<span class="search_title">架构层次</span>
......@@ -122,15 +119,15 @@
</div>
<div class="dialog_form_item">
<div class="dialog_form_item_title">*元素范围</div>
<el-table :data="tableData2" border>
<el-table :data="tableData1" border height="195" @selection-change="handleSelectionChange1">
<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="name" label="元素名称" align="center"></el-table-column>
<el-table-column prop="elementName" label="元素名称" align="center"></el-table-column>
</el-table>
</div>
<div class="dialog_form_item">
<div class="dialog_form_item_title">*包含元素</div>
<el-table :data="tableData2" border>
<el-table :data="tableData2" border height="195" @selection-change="handleSelectionChange2">
<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="name" label="元素名称" align="center"></el-table-column>
......@@ -155,6 +152,8 @@ import {
getJGSTPZUpdate,
getJGSTPZUpdateBatch,
getViewNameList,
getEleList,
getViewList,
} from "@/api/index.js";
export default {
......@@ -168,16 +167,8 @@ export default {
selectList: [],
add_dialog: false,
title: "",
tableData1: [
{ name: '业务域'},
{ name: '业务职能'},
{ name: '业务流程'},
],
tableData2: [
{ name: '业务域'},
{ name: '业务职能'},
{ name: '业务流程'},
],
tableData1: [],
tableData2: [],
add_dialog: false,
query_item1: null,
query_item3: null,
......@@ -283,14 +274,16 @@ export default {
};
},
mounted() {
},
created() {
// 初始化查询列表
this.getList();
// 查询视图下拉
this.getViewNameList();
},
created() {
// 获取包含元素下拉
this.getEleList();
this.getViewList();
},
methods: {
// 查询列表
......@@ -312,6 +305,37 @@ export default {
}
});
},
getEleList() {
getEleList().then(res => {
if (res.code == 200) {
this.tableData1 = res.data;
}
});
},
getViewList() {
let params = {
archiViewId: "22",
archiEleId: "33",
eleName: "",
type: "2",
}
getViewList(params).then(res => {
this.tableData2 = [];
if (res.code == 200) {
console.log(res.data);
// this.tableData2 = res.data;
let eleName = res.data[0].eleName;
let arr = eleName.split(",");
arr.map(item => {
this.tableData2.push(
{
name: item,
}
)
});
}
});
},
// 重置查询
reset(){
this.params = {
......@@ -457,6 +481,12 @@ export default {
handleSelectionChange(e) {
this.selectList = e;
},
handleSelectionChange1(e) {
console.log(e);
},
handleSelectionChange2(e) {
console.log(e);
},
selectInit(row,index){
if(row.state != "1"){
return true //可勾选
......
Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!