Skip to content

liangzhen / framework-tools-web

Go to a project
Commit 2b53d285 by liuyong
Options

Merge branch 'master' of http://47.97.176.204:19000/wangwansu/iact_jiagou_drowio

2 parents 30523c49 1e25344c
Inline Side-by-side
Showing with 264 additions and 91 deletions
src/views/archiEleRela/index.vue
......@@ -48,51 +48,29 @@
<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="index" label="序号" width="80" align="center"></el-table-column>
<el-table-column prop="rsName" label="元素关系名称" width="180" align="center"></el-table-column>
<el-table-column prop="object1" label="对象1" width="180" align="center"></el-table-column>
<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 prop="rsName" label="元素关系名称" align="center"></el-table-column>
<el-table-column prop="content" label="关系描述" align="center"></el-table-column>
<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'" />
<img class="iconItem" :src="scope.row.icon" alt="">
</div>
</template>
</el-table-column>
<el-table-column prop="version" label="版本" width="180" align="center"></el-table-column>
<el-table-column prop="state" label="状态" align="center">
<el-table-column prop="version" label="版本" width="250" align="center"></el-table-column>
<el-table-column prop="state" label="状态" width="150" align="center">
<template slot-scope="scope">
<span >{{dicObj.state[scope.row.state]}}</span>
</template>
</el-table-column>
<el-table-column label="操作" width="360" align="center">
<el-table-column label="操作" width="450" align="center">
<template slot-scope="scope">
<div style="display: flex;align-items: center;justify-content: center;">
<el-button icon="el-icon-edit" size="mini" @click="operate('edit',scope.row)" :disabled="scope.row.state == 1">编辑</el-button>
<el-button icon="el-icon-view" size="mini" @click="operate('view',scope.row)">查看</el-button>
<!-- <el-button icon="el-icon-edit" size="mini" @click="operate('edit',scope.row)" :disabled="scope.row.state == 1">编辑</el-button> -->
<el-button icon="el-icon-remove-outline" size="mini" @click="operate('stop',scope.row)" :disabled="scope.row.state != 1">停用</el-button>
<el-button icon="el-icon-upload2" size="mini" @click="operate('pushEdit',scope.row)" :disabled="scope.row.state == 1">发布</el-button>
<el-button icon="el-icon-delete" size="mini" @click="operate('del',scope.row)" :disabled="scope.row.state != 2">删除</el-button>
<!-- <div class="add_btn" @click="operate('edit',scope.row)" style="border: 0;margin-right: 8px;">
<img class="btn_icon" src="@/assets/编辑_icon_default.png" alt="" />
<p>编辑</p>
</div>
<div class="reset_btn" @click="operate('stop',scope.row)" style="border: 0;margin-right: 8px;">
<img class="btn_icon" src="@/assets/停用_icon_default.png" alt="" />
<p>停用</p>
</div>
<div class="add_btn" @click="operate('push',scope.row)" style="border: 0;margin-right: 8px;">
<img class="btn_icon" src="@/assets/发布_icon_default.png" alt="" />
<p>发布</p>
</div>
<div class="reset_btn" @click="operate('del',scope.row)" style="border: 0;">
<img class="btn_icon" src="@/assets/删除_icon_default.png" alt="" />
<p>删除</p>
</div> -->
</div>
</template>
</el-table-column>
......@@ -115,32 +93,37 @@
:center="false"
width="50%">
<div class="add_dialog_content">
<div class="dialog_form_item">
<div class="dialog_form_item" v-if="openType != 'view'">
<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_form_item">
<div class="dialog_form_item" v-if="openType != 'view'">
<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>
</div>
<div class="dialog_form_item3">
<div class="dialog_form_item3" v-if="openType != 'view'">
<div class="dialog_form_item_title">图标设置</div>
<div>
<div class="dialog_form_item3_content1">
<el-radio v-model="formData.icon" label="img1">
<img class="tu_biao_icon2" src="@/assets/archiEleRela/img1.svg" alt="" />
<el-radio v-model="formData.iconId" label="img1">
<!-- <img class="tu_biao_icon2" src="@/assets/archiEleRela/img1.svg" alt="" /> -->
<img class="tu_biao_icon2 srcimg1" src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPCEtLSBEbyBub3QgZWRpdCB0aGlzIGZpbGUgd2l0aCBlZGl0b3JzIG90aGVyIHRoYW4gZHJhdy5pbyAtLT4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSI1MnB4IiBoZWlnaHQ9IjUycHgiIHZpZXdCb3g9Ii0wLjUgLTAuNSA1MiA1MiIgY29udGVudD0iJmx0O214ZmlsZSBob3N0PSZxdW90O2xvY2FsaG9zdCZxdW90OyBtb2RpZmllZD0mcXVvdDsyMDIzLTEyLTExVDA4OjE5OjIzLjA5OFomcXVvdDsgYWdlbnQ9JnF1b3Q7TW96aWxsYS81LjAgKFdpbmRvd3MgTlQgMTAuMDsgV2luNjQ7IHg2NCkgQXBwbGVXZWJLaXQvNTM3LjM2IChLSFRNTCwgbGlrZSBHZWNrbykgQ2hyb21lLzEyMC4wLjAuMCBTYWZhcmkvNTM3LjM2JnF1b3Q7IGV0YWc9JnF1b3Q7TWExc3VrNTRDTl84QVd0UE9Da0smcXVvdDsgdmVyc2lvbj0mcXVvdDtARFJBV0lPLVZFUlNJT05AJnF1b3Q7IHR5cGU9JnF1b3Q7ZGV2aWNlJnF1b3Q7Jmd0OyZsdDtkaWFncmFtIG5hbWU9JnF1b3Q756ysIDEg6aG1JnF1b3Q7IGlkPSZxdW90Oy0wVURfeWZMblg5dVcxaWU0d2NEJnF1b3Q7Jmd0O2paUExic01nRUVXL3hzdEt0a2thZDltazZXTlJLV3FrdEZ0a0pqWXFaaUtNOCtqWEZ4Y3dKbGFrcnN3Y1p1NHdGNXlRVlhOK1VmUlF2eU1Ea2VRcE95ZmtLY256YkphbjV0T1RpeVdMckxDZ1VweTVwQUMyL0FjY2RIVlZ4eG0wVWFKR0ZKb2ZZbGlpbEZEcWlGR2w4QlNuN1ZIRVhRKzBnZ25ZbGxSTTZTZG51cmEweUJlQnZ3S3ZhdDg1dTMrd093MzF5VzZTdHFZTVR5TkUxZ2xaS1VSdFY4MTVCYUkzei90aTY1NXY3QTRIVXlEMWZ3cStPckpmN2xTN2UydXoyV2JlZml6VTk1MVRPVkxSdVlIZFlmWEZPd0NTUGZaR21raWlOSEJaNjBhWUtETkxoWjFrMEhkSVRXUnJnVTBzRFdmTWhzbk5rd0ZzUUt1TFNUa0ZiK2ZPcjNwa3EyY0tCTlg4R010VGQ4WFZJRGQwMkNBM2pmUFVQY2NaY1RydU1SSWZlNGtXTzFXQ3F4cDdlUzFVeEVKNWNTV2txYXBBVDRUTVlqUjJRSDlYNWNQd0pHeDYrTEhJK2hjPSZsdDsvZGlhZ3JhbSZndDsmbHQ7L214ZmlsZSZndDsiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiByZ2IoMjU1LCAyNTUsIDI1NSk7Ij48ZGVmcy8+PGc+PHBhdGggZD0iTSAwIDUwIEwgNTAgMCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJyZ2IoMCwgMCwgMCkiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgcG9pbnRlci1ldmVudHM9InN0cm9rZSIvPjwvZz48L3N2Zz4=" alt="" />
</el-radio>
<el-radio v-model="formData.icon" label="img2">
<img class="tu_biao_icon2" src="@/assets/archiEleRela/img2.svg" alt="" />
<el-radio v-model="formData.iconId" label="img2">
<!-- <img class="tu_biao_icon2" src="@/assets/archiEleRela/img2.svg" alt="" /> -->
<img class="tu_biao_icon2 srcimg2" src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPCEtLSBEbyBub3QgZWRpdCB0aGlzIGZpbGUgd2l0aCBlZGl0b3JzIG90aGVyIHRoYW4gZHJhdy5pbyAtLT4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSI2NnB4IiBoZWlnaHQ9IjY2cHgiIHZpZXdCb3g9Ii0wLjUgLTAuNSA2NiA2NiIgY29udGVudD0iJmx0O214ZmlsZSBob3N0PSZxdW90O2xvY2FsaG9zdCZxdW90OyBtb2RpZmllZD0mcXVvdDsyMDIzLTEyLTExVDA4OjM5OjA3LjU5OFomcXVvdDsgYWdlbnQ9JnF1b3Q7TW96aWxsYS81LjAgKFdpbmRvd3MgTlQgMTAuMDsgV2luNjQ7IHg2NCkgQXBwbGVXZWJLaXQvNTM3LjM2IChLSFRNTCwgbGlrZSBHZWNrbykgQ2hyb21lLzEyMC4wLjAuMCBTYWZhcmkvNTM3LjM2JnF1b3Q7IGV0YWc9JnF1b3Q7UHhDRmVJa2xpVm1XdnBXbVdUN1gmcXVvdDsgdmVyc2lvbj0mcXVvdDtARFJBV0lPLVZFUlNJT05AJnF1b3Q7IHR5cGU9JnF1b3Q7ZGV2aWNlJnF1b3Q7Jmd0OyZsdDtkaWFncmFtIG5hbWU9JnF1b3Q756ysIDEg6aG1JnF1b3Q7IGlkPSZxdW90Oy0wVURfeWZMblg5dVcxaWU0d2NEJnF1b3Q7Jmd0O2paTk5iNE13RElaL0RjZEpRT2hLajJ2WGZSd21WYXZVN1JvUkY2SUZYQ1dodFB2MUMwc2dwR2pTVGlSUDdOZnhHeE9SVFgxNWx2UlV2U0VERWFVeHUwVGtNVXJUSkV0ajgrbkoxWkpsa2x0UVNzNWNrQWQ3L2cwT3VyeXk1UXhVRUtnUmhlYW5FQmJZTkZEb2dGRXBzUXZEamlqQ3FpZGF3Z3pzQ3lybTlJTXpYVm1hcDB2UFg0Q1gxVkE1dVYvWms1b093YTRUVlZHRzNRU1JiVVEyRWxIYlZYM1pnT2pORzN5eGVVOS9uSTRYazlEby95Ujh0dVM0UGtoMWVGVkp0bHVvOTZYOHVuTnRuS2xvWGNQdXN2bzZPQUFOZStpTk5MdENVS1Y0RVpGMXBXdGhRR0tXRXR1R1FWOGtOanViRG16bXFyOW1Nalp2cGdhd0JpMnZKcVR6OWk2Y1pkWEUyWUZKRUZUemN5aFAzU3VYbzl4WVlZZmNGRTVqTjVFa2R6cHVIc2txRGlVVXRySUFselcxODBZb0l6ZEMyWTJRcHJJRVBSTXlpMG5iSHYyKzFyRDFVMkhEL2I5RnRqOD0mbHQ7L2RpYWdyYW0mZ3Q7Jmx0Oy9teGZpbGUmZ3Q7IiBzdHlsZT0iYmFja2dyb3VuZC1jb2xvcjogcmdiKDI1NSwgMjU1LCAyNTUpOyI+PGRlZnMvPjxnPjxwYXRoIGQ9Ik0gNyA1NyBMIDUyLjUgMTEuNSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJyZ2IoMCwgMCwgMCkiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgcG9pbnRlci1ldmVudHM9InN0cm9rZSIvPjxwYXRoIGQ9Ik0gNTYuMjEgNy43OSBMIDUzLjczIDE1LjIyIEwgNTIuNSAxMS41IEwgNDguNzggMTAuMjcgWiIgZmlsbD0icmdiKDAsIDAsIDApIiBzdHJva2U9InJnYigwLCAwLCAwKSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBwb2ludGVyLWV2ZW50cz0iYWxsIi8+PC9nPjwvc3ZnPg==" alt="" />
</el-radio>
<el-radio v-model="formData.icon" label="img3">
<img class="tu_biao_icon2" src="@/assets/archiEleRela/img3.svg" alt="" />
<el-radio v-model="formData.iconId" label="img3">
<!-- <img class="tu_biao_icon2" src="@/assets/archiEleRela/img3.svg" alt="" /> -->
<img class="tu_biao_icon2 srcimg3" src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPCEtLSBEbyBub3QgZWRpdCB0aGlzIGZpbGUgd2l0aCBlZGl0b3JzIG90aGVyIHRoYW4gZHJhdy5pbyAtLT4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSI2OHB4IiBoZWlnaHQ9IjY4cHgiIHZpZXdCb3g9Ii0wLjUgLTAuNSA2OCA2OCIgY29udGVudD0iJmx0O214ZmlsZSBob3N0PSZxdW90O2xvY2FsaG9zdCZxdW90OyBtb2RpZmllZD0mcXVvdDsyMDIzLTEyLTExVDA4OjM3OjExLjE3MlomcXVvdDsgYWdlbnQ9JnF1b3Q7TW96aWxsYS81LjAgKFdpbmRvd3MgTlQgMTAuMDsgV2luNjQ7IHg2NCkgQXBwbGVXZWJLaXQvNTM3LjM2IChLSFRNTCwgbGlrZSBHZWNrbykgQ2hyb21lLzEyMC4wLjAuMCBTYWZhcmkvNTM3LjM2JnF1b3Q7IGV0YWc9JnF1b3Q7cGJJZGhlY29zS293VWFCWmJKWksmcXVvdDsgdmVyc2lvbj0mcXVvdDtARFJBV0lPLVZFUlNJT05AJnF1b3Q7IHR5cGU9JnF1b3Q7ZGV2aWNlJnF1b3Q7Jmd0OyZsdDtkaWFncmFtIG5hbWU9JnF1b3Q756ysIDEg6aG1JnF1b3Q7IGlkPSZxdW90Oy0wVURfeWZMblg5dVcxaWU0d2NEJnF1b3Q7Jmd0O2paUExic01nRUVXL3hzdEtOamh4dW16UzlMR29GRFZTMmkweUV4c1Ztd2h3SHYzNjRnTEcyS3JVbGVFd2MyZTRqQk84YWE3UGtwenFOMEdCSnlpbDF3US9KZ2hsT1VyTnB5YzNTNHBzWlVFbEdYVkJBZXpaTnpqbzhxcU9VVkJSb0JhQ2EzYUtZU25hRmtvZE1TS2x1TVJoUjhIanFpZFN3UXpzUzhMbjlJTlJYVnU2UWtYZ0w4Q3EybGZPbHZmMnBDRSsyTjFFMVlTS3l3amhiWUkzVWdodFY4MTFBN3czei90aTg1NytPQjBhazlEcS95Ujhkdmk0UGtoMWVGVlp2bHVvOTBKKzNTMnR5cG53emwzWU5hdHYzZ0ZvNlVOdnBObVZuQ2pGeWdTdmxTWlN6M0d0RzI1QVpwWlNkQzJGdm5acWRsWVY2TXpzMEgwMmVHS0dDVVFEV3Q1TXlDVzR2bkJPMWlQRFBaUEFpV2JuV0o2NHg2OEd1YUhDVGpCVEdLVnVVTEhYY1dPS2l6U1dVS0tUSmJpc3Njc1RvVHlkQ0tHSmtER3VBajBUTW92UnRRUDZmVVMvRGNOaXc4TXZoN2MvJmx0Oy9kaWFncmFtJmd0OyZsdDsvbXhmaWxlJmd0OyIgc3R5bGU9ImJhY2tncm91bmQtY29sb3I6IHJnYigyNTUsIDI1NSwgMjU1KTsiPjxkZWZzLz48Zz48cGF0aCBkPSJNIDEyLjUgNTMuNSBMIDUzLjUgMTIuNSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJyZ2IoMCwgMCwgMCkiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgcG9pbnRlci1ldmVudHM9InN0cm9rZSIvPjxwYXRoIGQ9Ik0gOC43OSA1Ny4yMSBMIDExLjI3IDQ5Ljc4IEwgMTIuNSA1My41IEwgMTYuMjIgNTQuNzMgWiIgZmlsbD0icmdiKDAsIDAsIDApIiBzdHJva2U9InJnYigwLCAwLCAwKSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBwb2ludGVyLWV2ZW50cz0iYWxsIi8+PHBhdGggZD0iTSA1Ny4yMSA4Ljc5IEwgNTQuNzMgMTYuMjIgTCA1My41IDEyLjUgTCA0OS43OCAxMS4yNyBaIiBmaWxsPSJyZ2IoMCwgMCwgMCkiIHN0cm9rZT0icmdiKDAsIDAsIDApIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHBvaW50ZXItZXZlbnRzPSJhbGwiLz48L2c+PC9zdmc+" alt="" />
</el-radio>
<el-radio v-model="formData.icon" label="img4">
<img class="tu_biao_icon2" src="@/assets/archiEleRela/img4.svg" alt="" />
<el-radio v-model="formData.iconId" label="img4">
<!-- <img class="tu_biao_icon2" src="@/assets/archiEleRela/img4.svg" alt="" /> -->
<img class="tu_biao_icon2 srcimg4" src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPCEtLSBEbyBub3QgZWRpdCB0aGlzIGZpbGUgd2l0aCBlZGl0b3JzIG90aGVyIHRoYW4gZHJhdy5pbyAtLT4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSI3MHB4IiBoZWlnaHQ9IjcwcHgiIHZpZXdCb3g9Ii0wLjUgLTAuNSA3MCA3MCIgY29udGVudD0iJmx0O214ZmlsZSBob3N0PSZxdW90O2xvY2FsaG9zdCZxdW90OyBtb2RpZmllZD0mcXVvdDsyMDIzLTEyLTExVDA4OjQ5OjMwLjMzMVomcXVvdDsgYWdlbnQ9JnF1b3Q7TW96aWxsYS81LjAgKFdpbmRvd3MgTlQgMTAuMDsgV2luNjQ7IHg2NCkgQXBwbGVXZWJLaXQvNTM3LjM2IChLSFRNTCwgbGlrZSBHZWNrbykgQ2hyb21lLzEyMC4wLjAuMCBTYWZhcmkvNTM3LjM2JnF1b3Q7IGV0YWc9JnF1b3Q7NXJ5Y1k5X2pldUVsOGJVemhNck4mcXVvdDsgdmVyc2lvbj0mcXVvdDtARFJBV0lPLVZFUlNJT05AJnF1b3Q7IHR5cGU9JnF1b3Q7ZGV2aWNlJnF1b3Q7Jmd0OyZsdDtkaWFncmFtIG5hbWU9JnF1b3Q756ysIDEg6aG1JnF1b3Q7IGlkPSZxdW90Oy0wVURfeWZMblg5dVcxaWU0d2NEJnF1b3Q7Jmd0O2paTmJiNEl3Rk1jL0RZOUxnT0prajFQWjVXR0ptWW5iYTBlUDBLeHdURnRFL2ZRcnRseXFNZGtUUGIrZTY3K0hnQ3lyNDZ1aysvSURHWWdnRHRreElLc2dqcU1rRHMybkl5ZEw1bEZxUVNFNWMwNGoyUEF6T09qaWlvWXpVSjZqUmhTYTczMllZMTFEcmoxR3BjVFdkOXVoOEt2dWFRRTNZSk5UY1V1L09OT2xwV2s4SC9rYjhLTHNLMGVQVC9hbW9yMnptMFNWbEdFN1FTUUx5RklpYW51cWprc1FuWGk5TGpidTVjN3QwSmlFV3Y4bjRMc2h1OFZXcXUyN2lwTDFUSDNPNWU5REwvT0Jpc1pON0xyVnAxNENZRVlSWjRMNHdUWWJ3ZUlDekVXSmtwK3gxbFIwc0diUG5mYUc1NElxeFhNRFMxMlp1MVZram5rakQ5QzFGUnBEWWxPendUS2hiZ2xTWXlsTnBaN1l0cmV1b2JzaVJJTzBaaWNCSzlEeVpGemE4ZkZtYnVaeThtNDlreUNvNWdjL1BYVTdWQXpwaGdwcjVLWndITHA5VDBLWHgyMTdRa0kvaGNKRzV1Q2lwbzkxbldqbUp5THBWU0lqVEFINkpwRTVUTVllMFdVWGVuUGNPZXMrL3Jrayt3TT0mbHQ7L2RpYWdyYW0mZ3Q7Jmx0Oy9teGZpbGUmZ3Q7IiBzdHlsZT0iYmFja2dyb3VuZC1jb2xvcjogcmdiKDI1NSwgMjU1LCAyNTUpOyI+PGRlZnMvPjxnPjxwYXRoIGQ9Ik0gOSA1OSBMIDM0IDU5IEwgMzQgOSBMIDUxLjEzIDkiIGZpbGw9Im5vbmUiIHN0cm9rZT0icmdiKDAsIDAsIDApIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHBvaW50ZXItZXZlbnRzPSJzdHJva2UiLz48cGF0aCBkPSJNIDU3Ljg4IDkgTCA0OC44OCAxMy41IEwgNTEuMTMgOSBMIDQ4Ljg4IDQuNSBaIiBmaWxsPSJyZ2IoMCwgMCwgMCkiIHN0cm9rZT0icmdiKDAsIDAsIDApIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHBvaW50ZXItZXZlbnRzPSJhbGwiLz48L2c+PC9zdmc+" alt="" />
</el-radio>
<el-radio v-model="formData.icon" label="img5">
<img class="tu_biao_icon2" src="@/assets/archiEleRela/img5.svg" alt="" />
<el-radio v-model="formData.iconId" label="img5">
<!-- <img class="tu_biao_icon2" src="@/assets/archiEleRela/img5.svg" alt="" /> -->
<img class="tu_biao_icon2 srcimg5" src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPCEtLSBEbyBub3QgZWRpdCB0aGlzIGZpbGUgd2l0aCBlZGl0b3JzIG90aGVyIHRoYW4gZHJhdy5pbyAtLT4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSI1MHB4IiBoZWlnaHQ9IjU1cHgiIHZpZXdCb3g9Ii0wLjUgLTAuNSA1MCA1NSIgY29udGVudD0iJmx0O214ZmlsZSBob3N0PSZxdW90O2xvY2FsaG9zdCZxdW90OyBtb2RpZmllZD0mcXVvdDsyMDIzLTEyLTExVDA4OjQ5OjU1LjkzMFomcXVvdDsgYWdlbnQ9JnF1b3Q7TW96aWxsYS81LjAgKFdpbmRvd3MgTlQgMTAuMDsgV2luNjQ7IHg2NCkgQXBwbGVXZWJLaXQvNTM3LjM2IChLSFRNTCwgbGlrZSBHZWNrbykgQ2hyb21lLzEyMC4wLjAuMCBTYWZhcmkvNTM3LjM2JnF1b3Q7IGV0YWc9JnF1b3Q7ZUhTUFRhNXk3YzA4NzVubFRrRlUmcXVvdDsgdmVyc2lvbj0mcXVvdDtARFJBV0lPLVZFUlNJT05AJnF1b3Q7IHR5cGU9JnF1b3Q7ZGV2aWNlJnF1b3Q7Jmd0OyZsdDtkaWFncmFtIG5hbWU9JnF1b3Q756ysIDEg6aG1JnF1b3Q7IGlkPSZxdW90Oy0wVURfeWZMblg5dVcxaWU0d2NEJnF1b3Q7Jmd0O2pWUExib013RVB3YWpwVXdKazF5Yk5MMGNhZ1VOVkxhcTRVM1lOVmdaSnNrOU90cllodHdVS0tlOEk1blozZkhTNFRYNWZsVmtycjRFQlI0bE1UMEhPSG5LRWxRbXNUbTB5R3RSZVpvWVlGY011cElBN0JqditCQWw1YzNqSUlLaUZvSXJsa2RncG1vS3NoMGdCRXB4U21rSFFRUHE5WWtod213eXdpZm9sK002c0tpaTJRKzRHL0E4c0pYUm85TGUxTVNUM2FUcUlKUWNScEJlQlBodFJSQzIxTjVYZ1B2elBPKzJMeVhHN2Q5WXhJcS9aK0U3d1lmVm51cDl1OEtwZHVaK3B6TG53ZmtaSTZFTjI1aTE2MXV2UVZaSTQvUWlhQUlyNkNpVDUydEpzdzRVWXBsQml4MHlkMjlGRTFGTCt6WVJGWUw2TVRqb1duVVcyRjJDRVFKV3JhR2Nock1uamtEaTVIUEhwUEFpV2JIVUo2NE44OTd1YjdDVmpCVE9JbmRmdUtGMDNIYmlaZHhLS0ZFSXpOd1dXTnpyNFJTZkNXVVhnbHBJblBRRXlIakpXbEh0TG9qcU5zTlQrb3M0N3Q5VFFaTUE3NDUyQTU4TkhxREFib3NrZytIaGJYMDRiZkhtejg9Jmx0Oy9kaWFncmFtJmd0OyZsdDsvbXhmaWxlJmd0OyIgc3R5bGU9ImJhY2tncm91bmQtY29sb3I6IHJnYigyNTUsIDI1NSwgMjU1KTsiPjxkZWZzLz48Zz48cGF0aCBkPSJNIDAgNTQgUSA1MCA1NCAyNSAyOSBRIDAgNCA0My42MyA0IiBmaWxsPSJub25lIiBzdHJva2U9InJnYigwLCAwLCAwKSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBwb2ludGVyLWV2ZW50cz0ic3Ryb2tlIi8+PHBhdGggZD0iTSA0OC44OCA0IEwgNDEuODggNy41IEwgNDMuNjMgNCBMIDQxLjg4IDAuNSBaIiBmaWxsPSJyZ2IoMCwgMCwgMCkiIHN0cm9rZT0icmdiKDAsIDAsIDApIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHBvaW50ZXItZXZlbnRzPSJhbGwiLz48L2c+PC9zdmc+" alt="" />
</el-radio>
</div>
</div>
......@@ -148,44 +131,67 @@
<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">
<div class="formLine" v-for="(item,index) in formData.arrList" :key="index">
情况{{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-select v-model="item.eleGtId" placeholder="请选择" clearable @change="selectChange1(item,index)">
<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-select v-model="item.eleLtId" placeholder="请选择" clearable @change="selectChange1(item,index)">
<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">适用范围</div>
<el-input placeholder="" class="dialog_form_item_content" v-model="item.name3" :disabled="true"></el-input>
<el-select v-model="item.scope" placeholder="请选择" :disabled="true" @change="selectChange1(item,index)">
<el-option v-for="(item,idnex) in guishuList" :key="idnex" :label="item.label" :value="item.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>
<div class="newBtn" v-if="openType != 'view'">
<el-button class="addItem" icon="el-icon-plus" circle @click="operateDia('add')" v-if="formData.arrList.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>
<span slot="footer" class="dialog-footer">
<span slot="footer" class="dialog-footer" v-if="openType != 'view'">
<el-button class="greenButton" @click="operate('pushAdd')">发布</el-button>
<el-button class="greenButton" @click="operate('create')">保存</el-button>
<el-button @click="add_dialog = false">取消</el-button>
</span>
</el-dialog>
<el-dialog
title="查看约束条件"
:visible.sync="add_dialog3"
:center="false"
width="50%">
<div class="add_dialog_content">
<el-table :data="formData.arrList" stripe border height="300">
<el-table-column type="index" label="序号" width="80" align="center"></el-table-column>
<el-table-column prop="eleGtId" label="对象1" align="center">
<template slot-scope="scope">
<span >{{dicObj.eleLtId[scope.row.eleGtId]}}</span>
</template>
</el-table-column>
<el-table-column prop="eleLtId" label="对象2" align="center">
<template slot-scope="scope">
<span >{{dicObj.eleLtId[scope.row.eleLtId]}}</span>
</template>
</el-table-column>
<el-table-column prop="scope" label="适用范围" align="center">
<template slot-scope="scope">
<span >{{dicObj.scope[scope.row.scope]}}</span>
</template>
</el-table-column>
</el-table>
</div>
</el-dialog>
</div>
</template>
......@@ -198,7 +204,10 @@ import {
getJGYSGLUpdate,
getJGYSGLUpdateBatch,
getEleList,
query_jia_gou_gui_shu,
} from "@/api/index.js";
import $ from 'jquery';
export default {
name: 'archiEleRela',
......@@ -208,15 +217,9 @@ export default {
data() {
return {
tableData: [],
tableData2: [
{
name1: "",
name2: "",
name3: "",
},
],
selectList: [],
add_dialog: false,
add_dialog3: false,
title: "",
openType: "",
query_item1: null,
......@@ -225,6 +228,14 @@ export default {
formData: {
rsName: "",
content: "",
arrList: [
{
eleGtId: "",
eleLtId: "",
scope: "",
}
],
iconId: "",
},
params: {
current: 1,
......@@ -245,6 +256,17 @@ export default {
1: "已发布",
2: "暂存",
},
scope: {
0: "架构之间",
1: "业务架构",
2: "应用架构",
3: "数据架构",
4: "技术架构",
5: "安全架构",
},
eleLtId: {
}
},
stateList: [
{
......@@ -260,8 +282,35 @@ export default {
value: 2,
},
],
radio2: '',
guishuList: [
{
label: "架构之间",
value: 0,
},
{
label: "业务架构",
value: 1,
},
{
label: "应用架构",
value: 2,
},
{
label: "数据架构",
value: 3,
},
{
label: "技术架构",
value: 4,
},
{
label: "安全架构",
value: 5,
},
],
eleList: [],
radioName: "",
search_select1: [],
};
},
......@@ -273,6 +322,10 @@ export default {
this.getList();
// 获取元素列表
this.getYuansuList();
this.get_dialog_select2().then(res => {
this.search_select1 = res;
});
},
methods: {
// 查询列表
......@@ -292,9 +345,23 @@ export default {
getEleList().then(res => {
if (res.code == 200) {
this.eleList = res.data;
this.eleList.forEach(item=>{
this.dicObj.eleLtId[item.elementId] = item.elementName;
})
}
});
},
get_dialog_select2() {//查询架构归属下拉框值
return new Promise((resolve, reject) => {
query_jia_gou_gui_shu({}).then(res => {
if(res.code == 200) {
resolve(res.data);
}else {
reject(res.msg);
}
});
})
},
// 重置
reset(){
this.params = {
......@@ -327,8 +394,12 @@ export default {
this.add_dialog = true;
this.title = "编辑关系元素";
this.formData = item;
}else if (type == "view") {
this.add_dialog3 = true;
this.formData = item;
}else if (type == "create") {
this.formData.state = 2;
this.formData.icon = $(`.src${this.formData.iconId}`)[0].src;
if (this.formData.eleRelaId) {
// 编辑保存
getJGYSGLUpdate(this.formData).then(res => {
......@@ -404,6 +475,7 @@ export default {
this.getList();
}
});
}).catch(() => {
});
}else if (type == "pushAll") {
if (this.selectList.length <= 0) {
......@@ -417,7 +489,6 @@ export default {
this.selectList.map(item => {
params.eleRelaId.push(item.eleRelaId)
})
console.log(params);
getJGYSGLUpdateBatch(params).then(res => {
if (res.code == 200) {
......@@ -432,7 +503,16 @@ export default {
this.formData = {
rsName: "",
content: "",
arrList: [
{
eleGtId: "",
eleLtId: "",
scope: "",
}
],
iconId: "",
}
this.radioName = "";
},
// 表格多选
......@@ -452,20 +532,66 @@ export default {
switch (type) {
// 添加
case 'add':
this.tableData2.push(
this.formData.arrList.push(
{
name1: "",
name2: "",
name3: "",
eleGtId: "",
eleLtId: "",
scope: "",
}
);
break;
// 删除
case 'del':
this.tableData2.splice(this.tableData2.length-1,1);
this.formData.arrList.splice(this.formData.arrList.length-1,1);
break;
}
},
//
selectChange1(item,index){
var str1 = "";
var str2 = "";
var lastStr = "";
if (item.eleGtId == "" && item.eleLtId == "" ) {
this.formData.arrList[index].scope = "";
}else{
this.eleList.forEach(itemY => {
if (item.eleGtId == itemY.elementId) {
str1 = itemY.archiBelongId;
}
if (item.eleLtId == itemY.elementId) {
str2 = itemY.archiBelongId;
}
})
if(str2 != "" && str1 != "" && str1 != str2){
this.formData.arrList[index].scope = 0;
}else{
if (str1 == str2) {
lastStr = str2;
}else if(str1 == "" && str2 != ""){
lastStr = str2;
}else if(str2 == "" && str1 != ""){
lastStr = str1;
}else if(str2 == "" && str1 != ""){
lastStr = str1;
}
this.search_select1.forEach(itemX => {
if (lastStr == itemX.belongId) {
if (itemX.name == "业务架构") {
this.formData.arrList[index].scope = 1;
}else if (itemX.name == "应用架构") {
this.formData.arrList[index].scope = 2;
}else if (itemX.name == "数据架构") {
this.formData.arrList[index].scope = 3;
}else if (itemX.name == "技术架构") {
this.formData.arrList[index].scope = 4;
}else if (itemX.name == "安全架构") {
this.formData.arrList[index].scope = 5;
}
}
})
}
}
},
},
}
......
src/views/archiViewConfig/index.vue
......@@ -358,6 +358,8 @@ export default {
}else if (type == "edit") {
this.add_dialog = true;
this.title = "编辑架构视图";
this.resetForm();
this.formData = item;
if (item.eleName) {
this.selectData1 = item.eleName.split(",");
......@@ -479,6 +481,7 @@ export default {
this.getList();
}
});
}).catch(() => {
});
}else if (type == "pushAll") {
if (this.selectList.length <= 0) {
......@@ -512,8 +515,11 @@ export default {
archiEleRelId: "",
relName: "",
}
this.$refs.multipleTable1.clearSelection();
this.$refs.multipleTable2.clearSelection();
this.$nextTick(() => {
this.$refs.multipleTable1.clearSelection();
this.$refs.multipleTable2.clearSelection();
});
this.selectData1 = [];
this.selectData2 = [];
this.selectData3 = [];
......
src/views/metaModelDic/pages/page1.vue
......@@ -10,7 +10,7 @@
<div class="search_menu_item">
<span class="search_title">架构归属</span>
<el-select v-model="params.archIBelongId" placeholder="请选择" clearable 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 search_select2" :key="item.belongId" :label="item.name" :value="item.belongId"></el-option>
</el-select>
</div>
<div class="search_menu_item">
......@@ -36,8 +36,18 @@
<el-table :data="tableData" stripe border height="450">
<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="archiLevelName" label="架构层次" align="center"></el-table-column>
<el-table-column prop="archiBelongName" label="架构归属" align="center"></el-table-column>
<el-table-column prop="archiLevelId" label="架构层次" width="150" align="center">
<template slot-scope="scope">
<span >{{dicObj.schemaLevel[scope.row.archiLevelId]}}</span>
</template>
</el-table-column>
<el-table-column prop="archiBelongId" label="架构归属" width="150" align="center">
<template slot-scope="scope">
<span >{{dicObj.schemaBelong[scope.row.archiBelongId]}}</span>
</template>
</el-table-column>
<!-- <el-table-column prop="archiLevelName" label="架构层次" align="center"></el-table-column>
<el-table-column prop="archiBelongName" label="架构归属" align="center"></el-table-column> -->
<el-table-column prop="content" label="描述" align="center"></el-table-column>
<el-table-column label="图标" align="center">
<template>
......@@ -87,8 +97,8 @@
</div>
<div class="dialog_form_item">
<div class="dialog_form_item_title">架构归属</div>
<el-select v-model="formData.archIBelongId" placeholder="" :disabled="true" class="search_item">
<el-option v-for="(item,idnex) in search_select1" :key="idnex" :label="item.name" :value="item.belongId" ></el-option>
<el-select v-model="formData.archiBelongId" placeholder="" :disabled="true" class="search_item">
<el-option v-for="(item,idnex) in search_select2" :key="idnex" :label="item.name" :value="item.belongId" ></el-option>
</el-select>
</div>
<div class="dialog_form_item">
......@@ -211,6 +221,7 @@ import {
getYMXZDGLDel,
getYMXZDGLUpdate,
query_jia_gou_gui_shu,
query_jia_gou_ceng_ci,
getYMXZDGLProyList,
getYMXZDGLProyDel,
getYMXZDGLProyAdd,
......@@ -271,6 +282,19 @@ export default {
1: "已发布",
2: "暂存",
},
schemaLevel: {
0: "策略层",
1: "管理层",
2: "设计层",
3: "实施层",
},
schemaBelong: {
3: "业务架构",
4: "应用架构",
5: "数据架构",
6: "技术架构",
7: "安全架构",
},
controlType: {
0: "单行文本框",
1: "多行文本框",
......@@ -292,6 +316,7 @@ export default {
},
],
search_select1: [],
search_select2: [],
selectTypeList: [
{
label: "单行文本框",
......@@ -313,9 +338,13 @@ export default {
mounted() {
// 初始化查询列表
this.getList();
this.get_dialog_select2().then(res => {
this.get_dialog_select1().then(res => {
this.search_select1 = res;
});
this.get_dialog_select2().then(res => {
this.search_select2 = res;
console.log(this.search_select2);
});
},
created() {
......@@ -359,6 +388,7 @@ export default {
this.add_dialog = true;
this.title = "编辑字典";
this.formData = item;
console.log(this.formData);
this.getProyList(item);
}else if (type == "create") {
this.formData.state = 2;
......@@ -449,6 +479,18 @@ export default {
return false //不可勾选
}
},
get_dialog_select1() {//查询架构层次下拉框值
return new Promise((resolve, reject) => {
query_jia_gou_ceng_ci({}).then(res => {
if(res.code == 200) {
resolve(res.data);
}else{
reject(res.msg);
}
});
});
},
get_dialog_select2() {//查询架构归属下拉框值
return new Promise((resolve, reject) => {
query_jia_gou_gui_shu({}).then(res => {
......
src/views/metaModelDic/pages/page2.vue
......@@ -39,23 +39,22 @@
</div>
<el-table :data="tableData" stripe border height="450">
<el-table-column type="index" label="序号" width="80" align="center"></el-table-column>
<el-table-column prop="rsName" label="元素关系名称" width="180" align="center"></el-table-column>
<el-table-column prop="object1" label="对象1" width="180" align="center"></el-table-column>
<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 prop="rsName" label="元素关系名称" align="center"></el-table-column>
<el-table-column prop="content" label="关系描述" align="center"></el-table-column>
<el-table-column label="图标" align="center" width="100">
<template slot-scope="scope">
<div class="tableIcon">
<img class="iconItem" :src="scope.row.icon" alt="">
</div>
</template>
</el-table-column>
<el-table-column prop="version" label="版本" width="180" align="center"></el-table-column>
<el-table-column prop="state" label="状态" align="center">
<el-table-column prop="version" label="版本" width="250" align="center"></el-table-column>
<el-table-column prop="state" label="状态" width="100" align="center">
<template slot-scope="scope">
<span >{{dicObj.state[scope.row.state]}}</span>
</template>
</el-table-column>
<el-table-column label="操作" width="360" align="center">
<el-table-column label="操作" width="400" align="center">
<template slot-scope="scope">
<div style="display: flex;align-items: center;justify-content: center;">
<el-button icon="el-icon-edit" size="mini" @click="operate('edit',scope.row)" :disabled="scope.row.state == 1">编辑</el-button>
......
src/views/metaModelDic/pages/page3.vue
......@@ -49,8 +49,8 @@
</template>
</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="let7" label="包含元素" width="150" align="center"></el-table-column>
<el-table-column prop="eleName" label="元素范围" width="150" align="center"></el-table-column>
<el-table-column prop="relName" 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">
<template slot-scope="scope">
......
Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!