Skip to content

liangzhen / framework-tools-web

Go to a project
Commit 98b22868 by Thews
Options

20231211wangwansu

1 parent 46eca2ab
Inline Side-by-side
Showing with 118 additions and 1 deletions
src/assets/archiEleRela/img2.svg 0 → 100644
<?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
src/assets/archiEleRela/img3.svg 0 → 100644
<?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
src/assets/archiEleRela/img4.svg 0 → 100644
<?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
src/assets/archiEleRela/img5.svg 0 → 100644
<?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
src/views/archiEleRela/index.vue
......@@ -124,6 +124,50 @@
<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>
<div class="newBtn">
<el-button class="addItem" icon="el-icon-plus" circle @click="operateDia('add')"></el-button>
</div>
</div>
</div>
......@@ -155,6 +199,12 @@ export default {
data() {
return {
tableData: [],
tableData2: [
{
name1: "",
name2: "",
},
],
selectList: [],
add_dialog: false,
title: "",
......@@ -379,6 +429,21 @@ export default {
return false //不可勾选
}
},
// 对话表格操作
operateDia( type ){
switch (type) {
// 添加
case 'add':
this.tableData2.push(
{
name1: "",
name2: "",
}
);
break;
}
},
},
}
......@@ -400,7 +465,7 @@ export default {
display: flex;
align-items: center;
.tu_biao_icon2{
width: 15px;
width: 20px;
}
}
}
......@@ -505,6 +570,38 @@ export default {
display: flex;
align-items: center;
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: 200px;
}
}
}
.newBtn{
margin-top: 5px;
.addItem{
background-color: #0D867F;
color: #fff;
}
}
}
}
.dialog_form_item_title{
flex-shrink: 0;
......
Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!