Commit ba09454c by liuyong
2 parents b091ad88 b7e8448a
<?xml version="1.0" encoding="UTF-8"?>
<!-- Do not edit this file with editors other than draw.io -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="52px" height="52px" viewBox="-0.5 -0.5 52 52" content="&lt;mxfile host=&quot;localhost&quot; modified=&quot;2023-12-11T08:19:23.098Z&quot; agent=&quot;Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/120.0.0.0 Safari/537.36&quot; etag=&quot;Ma1suk54CN_8AWtPOCkK&quot; version=&quot;@DRAWIO-VERSION@&quot; type=&quot;device&quot;&gt;&lt;diagram name=&quot;第 1 页&quot; id=&quot;-0UD_yfLnX9uW1ie4wcD&quot;&gt;jZPLbsMgEEW/xstKtkkad9mk6WNRKWqktFtkJjYqZiKM8+jXFxcwJlakrswcZu4wF5yQVXN+UfRQvyMDkeQpOyfkKcnzbJan5tOTiyWLrLCgUpy5pAC2/AccdHVVxxm0UaJGFJofYliilFDqiFGl8BSn7VHEXQ+0ggnYllRM6Sdnura0yBeBvwKvat85u3+wOw31yW6StqYMTyNE1glZKURtV815BaI3z/ti655v7A4HUyD1fwq+OrJf7lS7e2uz2WbefizU951TOVLRuYHdYfXFOwCSPfZGmkiiNHBZ60aYKDNLhZ1k0HdITWRrgU0sDWfMhsnNkwFsQKuLSTkFb+fOr3pkq2cKBNX8GMtTd8XVIDd02CA3jfPUPccZcTruMRIfe4kWO1WCqxp7eS1UxEJ5cSWkqapAT4TMYjR2QH9X5cPwJGx6+LHI+hc=&lt;/diagram&gt;&lt;/mxfile&gt;" style="background-color: rgb(255, 255, 255);"><defs/><g><path d="M 0 50 L 50 0" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/></g></svg>
\ No newline at end of file
<?xml version="1.0" encoding="UTF-8"?>
<!-- Do not edit this file with editors other than draw.io -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="66px" height="66px" viewBox="-0.5 -0.5 66 66" content="&lt;mxfile host=&quot;localhost&quot; modified=&quot;2023-12-11T08:39:07.598Z&quot; agent=&quot;Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/120.0.0.0 Safari/537.36&quot; etag=&quot;PxCFeIkliVmWvpWmWT7X&quot; version=&quot;@DRAWIO-VERSION@&quot; type=&quot;device&quot;&gt;&lt;diagram name=&quot;第 1 页&quot; id=&quot;-0UD_yfLnX9uW1ie4wcD&quot;&gt;jZNNb4MwDIZ/DcdJQOhKj2vXfRwmVavU7RoRF6IFXCWhtPv1C0sgpGjSTiRP7NfxGxORTX15lvRUvSEDEaUxu0TkMUrTJEtj8+nJ1ZJlkltQSs5ckAd7/g0Ouryy5QxUEKgRheanEBbYNFDogFEpsQvDjijCqidawgzsCyrm9IMzXVmap0vPX4CX1VA5uV/Zk5oOwa4TVVGG3QSRbUQ2ElHbVX3ZgOjNG3yxeU9/nI4Xk9Do/yR8tuS4Pkh1eFVJtluo96X8unNtnKloXcPusvo6OAANe+iNNLtCUKV4EZF1pWthQGKWEtuGQV8kNjubDmzmqr9mMjZvpgawBi2vJqTz9i6cZdXE2YFJEFTzcyhP3SuXo9xYYYfcFE5jN5EkdzpuHskqDiUUtrIAlzW180YoIzdC2Y2QprIEPRMyi0nbHv2+1rD1U2HD/b9Ftj8=&lt;/diagram&gt;&lt;/mxfile&gt;" style="background-color: rgb(255, 255, 255);"><defs/><g><path d="M 7 57 L 52.5 11.5" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 56.21 7.79 L 53.73 15.22 L 52.5 11.5 L 48.78 10.27 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/></g></svg>
\ No newline at end of file
<?xml version="1.0" encoding="UTF-8"?>
<!-- Do not edit this file with editors other than draw.io -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="68px" height="68px" viewBox="-0.5 -0.5 68 68" content="&lt;mxfile host=&quot;localhost&quot; modified=&quot;2023-12-11T08:37:11.172Z&quot; agent=&quot;Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/120.0.0.0 Safari/537.36&quot; etag=&quot;pbIdhecosKowUaBZbJZK&quot; version=&quot;@DRAWIO-VERSION@&quot; type=&quot;device&quot;&gt;&lt;diagram name=&quot;第 1 页&quot; id=&quot;-0UD_yfLnX9uW1ie4wcD&quot;&gt;jZPLbsMgEEW/xstKNjhxumzS9LGoFDVS2i0yExsVmwhwHv364gLG2KrUleEwc2e4jBO8aa7PkpzqN0GBJyil1wQ/JghlOUrNpyc3S4psZUElGXVBAezZNzjo8qqOUVBRoBaCa3aKYSnaFkodMSKluMRhR8HjqidSwQzsS8Ln9INRXVu6QkXgL8Cq2lfOlvf2pCE+2N1E1YSKywjhbYI3UghtV811A7w3z/ti857+OB0ak9Dq/yR8dvi4Pkh1eFVZvluo90J+3S2typnwzl3YNatv3gFo6UNvpNmVnCjFygSvlSZSz3GtG25AZpZSdC2FvnZqdlYV6Mzs0H02eGKGCUQDWt5MyCW4vnBO1iPDPZPAiWbnWJ64x68GuaHCTjBTGKVuULHXcWOKizSWUKKTJbisscsToTydCKGJkDGuAj0TMovRtQP6fUS/DcNiw8Mvh7c/&lt;/diagram&gt;&lt;/mxfile&gt;" style="background-color: rgb(255, 255, 255);"><defs/><g><path d="M 12.5 53.5 L 53.5 12.5" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 8.79 57.21 L 11.27 49.78 L 12.5 53.5 L 16.22 54.73 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/><path d="M 57.21 8.79 L 54.73 16.22 L 53.5 12.5 L 49.78 11.27 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/></g></svg>
\ No newline at end of file
<?xml version="1.0" encoding="UTF-8"?>
<!-- Do not edit this file with editors other than draw.io -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="70px" height="70px" viewBox="-0.5 -0.5 70 70" content="&lt;mxfile host=&quot;localhost&quot; modified=&quot;2023-12-11T08:49:30.331Z&quot; agent=&quot;Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/120.0.0.0 Safari/537.36&quot; etag=&quot;5rycY9_jeuEl8bUzhMrN&quot; version=&quot;@DRAWIO-VERSION@&quot; type=&quot;device&quot;&gt;&lt;diagram name=&quot;第 1 页&quot; id=&quot;-0UD_yfLnX9uW1ie4wcD&quot;&gt;jZNbb4IwFMc/DY9LgOJkj1PZ5WGJmYnba0eP0KxwTFtE/fQrtlyqMdkTPb+e67+HgCyr46uk+/IDGYggDtkxIKsgjqMkDs2nIydL5lFqQSE5c04j2PAzOOjiioYzUJ6jRhSa732YY11Drj1GpcTWd9uh8KvuaQE3YJNTcUu/ONOlpWk8H/kb8KLsK0ePT/amor2zm0SVlGE7QSQLyFIianuqjksQnXi9Ljbu5c7t0JiEWv8n4Lshu8VWqu27ipL1TH3O5e9DL/OBisZN7LrVp14CYEYRZ4L4wTYbweICzEWJkp+x1lR0sGbPnfaG54IqxXMDS12Zu1VkjnkjD9C1FRpDYlOzwTKhbglSYylNpZ7YtreuobsiRIO0ZicBK9DyZFza8fFmbuZy8m49kyCo5gc/PXU7VAzphgpr5KZwHLp9T0KXx217QkI/hcJG5uCipo91nWjmJyLpVSIjTAH6JpE5TMYe0WUXenPcOes+/rkk+wM=&lt;/diagram&gt;&lt;/mxfile&gt;" style="background-color: rgb(255, 255, 255);"><defs/><g><path d="M 9 59 L 34 59 L 34 9 L 51.13 9" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 57.88 9 L 48.88 13.5 L 51.13 9 L 48.88 4.5 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/></g></svg>
\ No newline at end of file
<?xml version="1.0" encoding="UTF-8"?>
<!-- Do not edit this file with editors other than draw.io -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="50px" height="55px" viewBox="-0.5 -0.5 50 55" content="&lt;mxfile host=&quot;localhost&quot; modified=&quot;2023-12-11T08:49:55.930Z&quot; agent=&quot;Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/120.0.0.0 Safari/537.36&quot; etag=&quot;eHSPTa5y7c0875nlTkFU&quot; version=&quot;@DRAWIO-VERSION@&quot; type=&quot;device&quot;&gt;&lt;diagram name=&quot;第 1 页&quot; id=&quot;-0UD_yfLnX9uW1ie4wcD&quot;&gt;jVPLboMwEPwajpUwJk1ybNL0cagUNVLaq4U3YNVgZJsk9OtrYhtwUKKe8I5nZ3fHS4TX5flVkrr4EBR4lMT0HOHnKElQmsTm0yGtReZoYYFcMupIA7Bjv+BAl5c3jIIKiFoIrlkdgpmoKsh0gBEpxSmkHQQPq9Ykhwmwywifol+M6sKii2Q+4G/A8sJXRo9Le1MST3aTqIJQcRpBeBPhtRRC21N5XgPvzPO+2LyXG7d9YxIq/Z+E7wYfVnup9u8KpduZ+pzLnwfkZI6EN25i161uvQVZI4/QiaAIr6CiT52tJsw4UYplBix0yd29FE1FL+zYRFYL6MTjoWnUW2F2CEQJWraGchrMnjkDi5HPHpPAiWbHUJ64N897ub7CVjBTOIndfuKF03HbiZdxKKFEIzNwWWNzr4RSfCWUXglpInPQEyHjJWlHtLojqNsNT+os47t9TQZMA7452A58NHqDAboskg+HhbX04bfHmz8=&lt;/diagram&gt;&lt;/mxfile&gt;" style="background-color: rgb(255, 255, 255);"><defs/><g><path d="M 0 54 Q 50 54 25 29 Q 0 4 43.63 4" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 48.88 4 L 41.88 7.5 L 43.63 4 L 41.88 0.5 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/></g></svg>
\ No newline at end of file
...@@ -117,6 +117,60 @@ ...@@ -117,6 +117,60 @@
<div class="dialog_form_item_title"><span class="reqIcon">*</span>元素关系描述</div> <div class="dialog_form_item_title"><span class="reqIcon">*</span>元素关系描述</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 class="dialog_form_item3">
<div class="dialog_form_item_title">图标设置</div>
<div>
<div class="dialog_form_item3_content1">
<el-radio v-model="radio2" label="img1">
<img class="tu_biao_icon2" src="@/assets/archiEleRela/img1.svg" alt="" />
</el-radio>
<el-radio v-model="radio2" label="img2">
<img class="tu_biao_icon2" src="@/assets/archiEleRela/img2.svg" alt="" />
</el-radio>
<el-radio v-model="radio2" label="img3">
<img class="tu_biao_icon2" src="@/assets/archiEleRela/img3.svg" alt="" />
</el-radio>
<el-radio v-model="radio2" label="img4">
<img class="tu_biao_icon2" src="@/assets/archiEleRela/img4.svg" alt="" />
</el-radio>
<el-radio v-model="radio2" label="img5">
<img class="tu_biao_icon2" src="@/assets/archiEleRela/img5.svg" alt="" />
</el-radio>
</div>
</div>
</div>
<div class="dialog_form_item">
<div class="dialog_form_item_title"><span class="reqIcon">*</span>约束条件</div>
<div class="formArea">
<div class="formLine" v-for="(item,index) in tableData2" :key="index">
情况{{index+1}}
<div class="formItem">
<div class="label">对象1</div>
<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-select>
</div>
<div class="formItem">
<div class="label">对象2</div>
<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-select>
</div>
<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-minus" circle @click="operateDia('del')" v-else></el-button>
</div>
</div>
</div>
</div>
</div> </div>
<span slot="footer" class="dialog-footer"> <span slot="footer" class="dialog-footer">
<el-button class="greenButton" @click="operate('pushAdd')">发布</el-button> <el-button class="greenButton" @click="operate('pushAdd')">发布</el-button>
...@@ -145,6 +199,12 @@ export default { ...@@ -145,6 +199,12 @@ export default {
data() { data() {
return { return {
tableData: [], tableData: [],
tableData2: [
{
name1: "",
name2: "",
},
],
selectList: [], selectList: [],
add_dialog: false, add_dialog: false,
title: "", title: "",
...@@ -194,6 +254,7 @@ export default { ...@@ -194,6 +254,7 @@ export default {
value: 2, value: 2,
}, },
], ],
radio2: '',
}; };
}, },
...@@ -368,6 +429,25 @@ export default { ...@@ -368,6 +429,25 @@ export default {
return false //不可勾选 return false //不可勾选
} }
}, },
// 对话表格操作
operateDia( type ){
switch (type) {
// 添加
case 'add':
this.tableData2.push(
{
name1: "",
name2: "",
}
);
break;
// 删除
case 'del':
this.tableData2.splice(this.tableData2.length-1,1);
break;
}
},
}, },
} }
...@@ -381,6 +461,18 @@ export default { ...@@ -381,6 +461,18 @@ export default {
justify-content: flex-start; justify-content: flex-start;
align-items: center; align-items: center;
} }
.dialog_form_item3{
margin-top: 20px;
display: flex;
align-items: center;
.dialog_form_item3_content1{
display: flex;
align-items: center;
.tu_biao_icon2{
width: 20px;
}
}
}
.search_menu{ .search_menu{
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
...@@ -482,6 +574,38 @@ export default { ...@@ -482,6 +574,38 @@ export default {
display: flex; display: flex;
align-items: center; align-items: center;
margin-bottom: 10px; margin-bottom: 10px;
.formArea{
width: 700px;
border-radius: 5px;
border: 1px solid #0D867F;
margin-top: 10px;
.formLine{
display: flex;
align-items: center;
height: 50px;
margin-left: 10px;
.formItem{
margin-left: 15px;
display: flex;
align-items: center;
.label{
width: 40px;
text-align: right;
margin-right: 5px;
}
/deep/.el-select{
width: 185px;
}
}
.newBtn{
margin-left: 15px;
.addItem{
background-color: #0D867F;
color: #fff;
}
}
}
}
} }
.dialog_form_item_title{ .dialog_form_item_title{
flex-shrink: 0; flex-shrink: 0;
......
...@@ -5,9 +5,10 @@ ...@@ -5,9 +5,10 @@
<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-select v-model="params.viewName" placeholder="请选择" clearable class="search_item"> <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-option v-for="(item,idnex) in viewNameList" :key="idnex" :label="item" :value="item" ></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>
...@@ -97,6 +98,12 @@ ...@@ -97,6 +98,12 @@
<div class="add_dialog_content"> <div class="add_dialog_content">
<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>
<el-select v-model="formData.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="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>
<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>
...@@ -108,12 +115,6 @@ ...@@ -108,12 +115,6 @@
<el-option v-for="(item,idnex) in belongList" :key="idnex" :label="item.label" :value="item.value" ></el-option> <el-option v-for="(item,idnex) in belongList" :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_title"><span class="reqIcon">*</span>架构视图名称</div>
<el-select v-model="formData.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> </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"><span class="reqIcon">*</span>视图描述</div>
......
...@@ -583,13 +583,13 @@ export default { ...@@ -583,13 +583,13 @@ export default {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
.dialog_form_item_title{ .dialog_form_item_title{
width: 70px; width: 90px;
} }
.el-input{ .el-input{
width: 270px; width: 260px;
} }
.el-select{ .el-select{
width: 270px; width: 260px;
} }
} }
.search_menu{ .search_menu{
......
...@@ -591,13 +591,13 @@ export default { ...@@ -591,13 +591,13 @@ export default {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
.dialog_form_item_title{ .dialog_form_item_title{
width: 70px; width: 90px;
} }
.el-input{ .el-input{
width: 270px; width: 260px;
} }
.el-select{ .el-select{
width: 270px; width: 260px;
} }
} }
.search_menu{ .search_menu{
......
...@@ -658,13 +658,13 @@ export default { ...@@ -658,13 +658,13 @@ export default {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
.dialog_form_item_title{ .dialog_form_item_title{
width: 70px; width: 90px;
} }
.el-input{ .el-input{
width: 270px; width: 260px;
} }
.el-select{ .el-select{
width: 270px; width: 260px;
} }
} }
.search_menu{ .search_menu{
......
Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!