Skip to content

liangzhen / framework-tools-web

Go to a project
Commit 0acd01d8 by Thews
Options

20231213汪皖苏

1 parent 39829e68
Inline Side-by-side
Showing with 87 additions and 22 deletions
src/views/archiEleRela/index.vue
...@@ -113,7 +113,7 @@ ...@@ -113,7 +113,7 @@
:title="title" :title="title"
:visible.sync="add_dialog" :visible.sync="add_dialog"
:center="false" :center="false"
width="40%"> width="50%">
<div class="add_dialog_content"> <div class="add_dialog_content">
<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"><span class="reqIcon">*</span>元素关系名称</div>
...@@ -168,6 +168,10 @@ ...@@ -168,6 +168,10 @@
<el-option v-for="(item,idnex) in eleList" :key="idnex" :label="item.elementName" :value="item.elementId" ></el-option> <el-option v-for="(item,idnex) in eleList" :key="idnex" :label="item.elementName" :value="item.elementId" ></el-option>
</el-select> </el-select>
</div> </div>
<div class="formItem">
<div class="label">适用范围</div>
<el-input placeholder="" class="dialog_form_item_content" v-model="item.name3" :disabled="true"></el-input>
</div>
<div class="newBtn"> <div class="newBtn">
<el-button class="addItem" icon="el-icon-plus" circle @click="operateDia('add')" v-if="tableData2.length == index+1"></el-button> <el-button class="addItem" icon="el-icon-plus" circle @click="operateDia('add')" v-if="tableData2.length == index+1"></el-button>
<el-button class="addItem" icon="el-icon-minus" circle @click="operateDia('del')" v-else></el-button> <el-button class="addItem" icon="el-icon-minus" circle @click="operateDia('del')" v-else></el-button>
...@@ -208,6 +212,7 @@ export default { ...@@ -208,6 +212,7 @@ export default {
{ {
name1: "", name1: "",
name2: "", name2: "",
name3: "",
}, },
], ],
selectList: [], selectList: [],
...@@ -217,10 +222,6 @@ export default { ...@@ -217,10 +222,6 @@ export default {
query_item1: null, query_item1: null,
query_item3: null, query_item3: null,
query_item4: null, query_item4: null,
let1: '',
let2: '',
let3: '',
let4: '',
formData: { formData: {
rsName: "", rsName: "",
content: "", content: "",
...@@ -261,7 +262,7 @@ export default { ...@@ -261,7 +262,7 @@ export default {
], ],
radio2: '', radio2: '',
eleList: [], eleList: [],
}; };
}, },
mounted() { mounted() {
...@@ -455,6 +456,7 @@ export default { ...@@ -455,6 +456,7 @@ export default {
{ {
name1: "", name1: "",
name2: "", name2: "",
name3: "",
} }
); );
break; break;
...@@ -600,7 +602,7 @@ export default { ...@@ -600,7 +602,7 @@ export default {
align-items: center; align-items: center;
margin-bottom: 10px; margin-bottom: 10px;
.formArea{ .formArea{
width: 700px; width: 900px;
border-radius: 5px; border-radius: 5px;
border: 1px solid #0D867F; border: 1px solid #0D867F;
margin-top: 10px; margin-top: 10px;
...@@ -614,12 +616,15 @@ export default { ...@@ -614,12 +616,15 @@ export default {
display: flex; display: flex;
align-items: center; align-items: center;
.label{ .label{
width: 40px; width: 70px;
text-align: right; text-align: right;
margin-right: 5px; margin-right: 5px;
} }
/deep/.el-select{ /deep/.el-select{
width: 185px; width: 140px;
}
/deep/.el-input{
width: 140px;
} }
} }
.newBtn{ .newBtn{
......
src/views/archiViewConfig/index.vue
...@@ -56,10 +56,10 @@ ...@@ -56,10 +56,10 @@
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="content" label="视图描述" width="150" align="center"></el-table-column> <el-table-column prop="content" label="视图描述" width="150" align="center"></el-table-column>
<el-table-column prop="let6" label="元素范围" width="150" align="center"></el-table-column> <el-table-column prop="eleName" label="元素范围" align="center"></el-table-column>
<el-table-column prop="let7" label="包含元素" width="150" align="center"></el-table-column> <el-table-column prop="relName" label="元素关系范围" align="center"></el-table-column>
<el-table-column prop="version" label="版本" width="150" align="center"></el-table-column> <el-table-column prop="version" label="版本" width="150" align="center"></el-table-column>
<el-table-column prop="state" label="状态" align="center"> <el-table-column prop="state" label="状态" width="80" 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>
...@@ -119,16 +119,16 @@ ...@@ -119,16 +119,16 @@
<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 class="dialog_form_item"> <div class="dialog_form_item">
<div class="dialog_form_item_title">*元素</div> <div class="dialog_form_item_title">*元素范围</div>
<el-table :data="tableData1" border height="195" @selection-change="handleSelectionChange1"> <el-table :data="tableData1" ref="multipleTable1" border height="195" @selection-change="handleSelectionChange1">
<el-table-column type="selection" width="55"></el-table-column> <el-table-column type="selection" width="55"></el-table-column>
<el-table-column type="index" label="序号" width="80" align="center"></el-table-column> <el-table-column type="index" label="序号" width="80" align="center"></el-table-column>
<el-table-column prop="elementName" label="元素名称" align="center"></el-table-column> <el-table-column prop="elementName" label="元素名称" align="center"></el-table-column>
</el-table> </el-table>
</div> </div>
<div class="dialog_form_item"> <div class="dialog_form_item">
<div class="dialog_form_item_title">*元素关系</div> <div class="dialog_form_item_title">*元素关系范围</div>
<el-table :data="tableData2" border height="195" @selection-change="handleSelectionChange2"> <el-table :data="tableData2" ref="multipleTable2" border height="195" @selection-change="handleSelectionChange2">
<el-table-column type="selection" width="55"></el-table-column> <el-table-column type="selection" width="55"></el-table-column>
<el-table-column type="index" label="序号" width="80" align="center"></el-table-column> <el-table-column type="index" label="序号" width="80" align="center"></el-table-column>
<el-table-column prop="rsName" label="元素关系名称" align="center"></el-table-column> <el-table-column prop="rsName" label="元素关系名称" align="center"></el-table-column>
...@@ -174,15 +174,15 @@ export default { ...@@ -174,15 +174,15 @@ export default {
query_item1: null, query_item1: null,
query_item3: null, query_item3: null,
query_item4: null, query_item4: null,
let1: '带出',
let2: '',
let3: '',
let4: '',
formData: { formData: {
schemaLevel: "", schemaLevel: "",
schemaBelong: "", schemaBelong: "",
viewName: "", viewName: "",
content: "", content: "",
eleName: "",
archiEleId: "",
archiEleRelId: "",
relName: "",
}, },
params: { params: {
current: 1, current: 1,
...@@ -272,6 +272,11 @@ export default { ...@@ -272,6 +272,11 @@ export default {
}, },
], ],
viewNameList: [], viewNameList: [],
selectData1: [],
selectData2: [],
selectData3: [],
selectData4: [],
}; };
}, },
mounted() { mounted() {
...@@ -354,8 +359,47 @@ export default { ...@@ -354,8 +359,47 @@ export default {
this.add_dialog = true; this.add_dialog = true;
this.title = "编辑架构视图"; this.title = "编辑架构视图";
this.formData = item; this.formData = item;
if (item.eleName) {
this.selectData1 = item.eleName.split(",");
}
if (item.archiEleId) {
this.selectData2 = item.archiEleId.split(",");
}
if (item.relName) {
this.selectData3 = item.relName.split(",");
}
if (item.archiEleRelId) {
this.selectData4 = item.archiEleRelId.split(",");
}
// this.selectData1 = item.eleName.split(",");
// this.selectData2 = item.archiEleId.split(",");
// this.selectData3 = item.relName.split(",");
// this.selectData4 = item.archiEleRelId.split(",");
this.tableData1.forEach(item => {
this.selectData2.forEach(item2 => {
if (item.elementId == item2) {
this.$nextTick(function() {
this.$refs.multipleTable1.toggleRowSelection(item, true);
});
}
});
});
this.tableData2.forEach(item => {
this.selectData4.forEach(item2 => {
if (item.eleRelaId == item2) {
this.$nextTick(function() {
this.$refs.multipleTable2.toggleRowSelection(item, true);
});
}
});
});
}else if (type == "create") { }else if (type == "create") {
this.formData.state = 2; this.formData.state = 2;
// 赋值
this.formData.eleName = this.selectData1.join(",");
this.formData.archiEleId = this.selectData2.join(",");
this.formData.relName = this.selectData3.join(",");
this.formData.archiEleRelId = this.selectData4.join(",");
if (this.formData.viewId) { if (this.formData.viewId) {
// 编辑保存 // 编辑保存
getJGSTPZUpdate(this.formData).then(res => { getJGSTPZUpdate(this.formData).then(res => {
...@@ -377,6 +421,10 @@ export default { ...@@ -377,6 +421,10 @@ export default {
} }
}else if (type == "pushAdd") { }else if (type == "pushAdd") {
this.formData.state = 1; this.formData.state = 1;
this.formData.eleName = this.selectData1.join(",");
this.formData.archiEleId = this.selectData2.join(",");
this.formData.relName = this.selectData3.join(",");
this.formData.archiEleRelId = this.selectData4.join(",");
if (this.formData.viewId) { if (this.formData.viewId) {
// 编辑发布 // 编辑发布
getJGSTPZUpdate(this.formData).then(res => { getJGSTPZUpdate(this.formData).then(res => {
...@@ -459,7 +507,17 @@ export default { ...@@ -459,7 +507,17 @@ export default {
schemaBelong: "", schemaBelong: "",
viewName: "", viewName: "",
content: "", content: "",
eleName: "",
archiEleId: "",
archiEleRelId: "",
relName: "",
} }
this.$refs.multipleTable1.clearSelection();
this.$refs.multipleTable2.clearSelection();
this.selectData1 = [];
this.selectData2 = [];
this.selectData3 = [];
this.selectData4 = [];
}, },
// 表格多选 // 表格多选
...@@ -467,10 +525,12 @@ export default { ...@@ -467,10 +525,12 @@ export default {
this.selectList = e; this.selectList = e;
}, },
handleSelectionChange1(e) { handleSelectionChange1(e) {
console.log(e); this.selectData1 = e.map(item => item.elementName);
this.selectData2 = e.map(item => item.elementId);
}, },
handleSelectionChange2(e) { handleSelectionChange2(e) {
console.log(e); this.selectData3 = e.map(item => item.rsName);
this.selectData4 = e.map(item => item.eleRelaId);
}, },
selectInit(row,index){ selectInit(row,index){
if(row.state != "1"){ if(row.state != "1"){
......
Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!