Skip to content

liangzhen / framework-tools-web

Go to a project
Commit 68aa6fc9 by ‘july-fu’
Options

fix: 隐藏架构视图配置编辑下的元素关系,隐藏架构元素关系管理下的表格和新增

1 parent 2e1b8dc7
Inline Side-by-side
Showing with 603 additions and 954 deletions
src/views/archiEleRela/index.vue
......@@ -5,154 +5,72 @@
<div class="search_menu_item_container">
<div class="search_menu_item">
<span class="search_title">元素关系名称</span>
<el-input
v-model="params.rsName"
placeholder="请输入内容"
class="search_item"
></el-input>
<el-input v-model="params.rsName" placeholder="请输入内容" class="search_item"></el-input>
</div>
<div class="search_menu_item">
<span class="search_title">适用范围</span>
<el-select
v-model="params.scope"
placeholder="请选择"
clearable
class="search_item"
>
<el-option
v-for="(item, idnex) in search_select1"
:key="idnex"
:label="item.label"
:value="item.value"
></el-option>
<el-select v-model="params.scope" placeholder="请选择" clearable class="search_item">
<el-option v-for="(item, idnex) in search_select1" :key="idnex" :label="item.label"
:value="item.value"></el-option>
</el-select>
</div>
<div class="search_menu_item">
<span class="search_title">状态</span>
<el-select
v-model="params.state"
placeholder="请选择"
clearable
class="search_item"
>
<el-option
v-for="(item, idnex) in stateList"
:key="idnex"
:label="item.label"
:value="item.value"
></el-option>
<el-select v-model="params.state" placeholder="请选择" clearable class="search_item">
<el-option v-for="(item, idnex) in stateList" :key="idnex" :label="item.label"
:value="item.value"></el-option>
</el-select>
</div>
</div>
<div class="search_menu_btn_container">
<div class="query_btn" @click="getList">
<img
class="btn_icon"
src="@/assets/archi-ele-list/search.png"
alt=""
/>
<img class="btn_icon" src="@/assets/archi-ele-list/search.png" alt="" />
<p>查询</p>
</div>
<div class="reset_btn" @click="reset">
<img
class="btn_icon"
src="@/assets/archi-ele-list/reset.png"
alt=""
/>
<img class="btn_icon" src="@/assets/archi-ele-list/reset.png" alt="" />
<p>重置</p>
</div>
</div>
</div>
<div class="search_btn">
<div class="add_btn" @click="operate('add')">
<img
class="btn_icon"
src="@/assets/archi-ele-list/create.png"
alt=""
/>
<img class="btn_icon" src="@/assets/archi-ele-list/create.png" alt="" />
<p>新建</p>
</div>
<div class="version_btn" @click="operate('pushAll')">
<img
class="btn_icon"
src="@/assets/archi-ele-list/version.png"
alt=""
/>
<img class="btn_icon" src="@/assets/archi-ele-list/version.png" alt="" />
<p>版本发布</p>
</div>
</div>
<el-table
:data="tableData"
stripe
border
v-loading="loading"
@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"
:index="indexMethod"
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 :data="tableData" stripe border v-loading="loading" @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" :index="indexMethod" 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"
v-if="scope.row.iconId == 'img1'"
<img class="iconItem" v-if="scope.row.iconId == 'img1'"
src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPCEtLSBEbyBub3QgZWRpdCB0aGlzIGZpbGUgd2l0aCBlZGl0b3JzIG90aGVyIHRoYW4gZHJhdy5pbyAtLT4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSI1MnB4IiBoZWlnaHQ9IjUycHgiIHZpZXdCb3g9Ii0wLjUgLTAuNSA1MiA1MiIgY29udGVudD0iJmx0O214ZmlsZSBob3N0PSZxdW90O2xvY2FsaG9zdCZxdW90OyBtb2RpZmllZD0mcXVvdDsyMDIzLTEyLTExVDA4OjE5OjIzLjA5OFomcXVvdDsgYWdlbnQ9JnF1b3Q7TW96aWxsYS81LjAgKFdpbmRvd3MgTlQgMTAuMDsgV2luNjQ7IHg2NCkgQXBwbGVXZWJLaXQvNTM3LjM2IChLSFRNTCwgbGlrZSBHZWNrbykgQ2hyb21lLzEyMC4wLjAuMCBTYWZhcmkvNTM3LjM2JnF1b3Q7IGV0YWc9JnF1b3Q7TWExc3VrNTRDTl84QVd0UE9Da0smcXVvdDsgdmVyc2lvbj0mcXVvdDtARFJBV0lPLVZFUlNJT05AJnF1b3Q7IHR5cGU9JnF1b3Q7ZGV2aWNlJnF1b3Q7Jmd0OyZsdDtkaWFncmFtIG5hbWU9JnF1b3Q756ysIDEg6aG1JnF1b3Q7IGlkPSZxdW90Oy0wVURfeWZMblg5dVcxaWU0d2NEJnF1b3Q7Jmd0O2paUExic01nRUVXL3hzdEt0a2thZDltazZXTlJLV3FrdEZ0a0pqWXFaaUtNOCtqWEZ4Y3dKbGFrcnN3Y1p1NHdGNXlRVlhOK1VmUlF2eU1Ea2VRcE95ZmtLY256YkphbjV0T1RpeVdMckxDZ1VweTVwQUMyL0FjY2RIVlZ4eG0wVWFKR0ZKb2ZZbGlpbEZEcWlGR2w4QlNuN1ZIRVhRKzBnZ25ZbGxSTTZTZG51cmEweUJlQnZ3S3ZhdDg1dTMrd093MzF5VzZTdHFZTVR5TkUxZ2xaS1VSdFY4MTVCYUkzei90aTY1NXY3QTRIVXlEMWZ3cStPckpmN2xTN2UydXoyV2JlZml6VTk1MVRPVkxSdVlIZFlmWEZPd0NTUGZaR21raWlOSEJaNjBhWUtETkxoWjFrMEhkSVRXUnJnVTBzRFdmTWhzbk5rd0ZzUUt1TFNUa0ZiK2ZPcjNwa3EyY0tCTlg4R010VGQ4WFZJRGQwMkNBM2pmUFVQY2NaY1RydU1SSWZlNGtXTzFXQ3F4cDdlUzFVeEVKNWNTV2txYXBBVDRUTVlqUjJRSDlYNWNQd0pHeDYrTEhJK2hjPSZsdDsvZGlhZ3JhbSZndDsmbHQ7L214ZmlsZSZndDsiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiByZ2IoMjU1LCAyNTUsIDI1NSk7Ij48ZGVmcy8+PGc+PHBhdGggZD0iTSAwIDUwIEwgNTAgMCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJyZ2IoMCwgMCwgMCkiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgcG9pbnRlci1ldmVudHM9InN0cm9rZSIvPjwvZz48L3N2Zz4="
alt=""
/>
<img
class="iconItem"
v-if="scope.row.iconId == 'img2'"
alt="" />
<img class="iconItem" v-if="scope.row.iconId == 'img2'"
src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPCEtLSBEbyBub3QgZWRpdCB0aGlzIGZpbGUgd2l0aCBlZGl0b3JzIG90aGVyIHRoYW4gZHJhdy5pbyAtLT4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSI2NnB4IiBoZWlnaHQ9IjY2cHgiIHZpZXdCb3g9Ii0wLjUgLTAuNSA2NiA2NiIgY29udGVudD0iJmx0O214ZmlsZSBob3N0PSZxdW90O2xvY2FsaG9zdCZxdW90OyBtb2RpZmllZD0mcXVvdDsyMDIzLTEyLTExVDA4OjM5OjA3LjU5OFomcXVvdDsgYWdlbnQ9JnF1b3Q7TW96aWxsYS81LjAgKFdpbmRvd3MgTlQgMTAuMDsgV2luNjQ7IHg2NCkgQXBwbGVXZWJLaXQvNTM3LjM2IChLSFRNTCwgbGlrZSBHZWNrbykgQ2hyb21lLzEyMC4wLjAuMCBTYWZhcmkvNTM3LjM2JnF1b3Q7IGV0YWc9JnF1b3Q7UHhDRmVJa2xpVm1XdnBXbVdUN1gmcXVvdDsgdmVyc2lvbj0mcXVvdDtARFJBV0lPLVZFUlNJT05AJnF1b3Q7IHR5cGU9JnF1b3Q7ZGV2aWNlJnF1b3Q7Jmd0OyZsdDtkaWFncmFtIG5hbWU9JnF1b3Q756ysIDEg6aG1JnF1b3Q7IGlkPSZxdW90Oy0wVURfeWZMblg5dVcxaWU0d2NEJnF1b3Q7Jmd0O2paTk5iNE13RElaL0RjZEpRT2hLajJ2WGZSd21WYXZVN1JvUkY2SUZYQ1dodFB2MUMwc2dwR2pTVGlSUDdOZnhHeE9SVFgxNWx2UlV2U0VERWFVeHUwVGtNVXJUSkV0ajgrbkoxWkpsa2x0UVNzNWNrQWQ3L2cwT3VyeXk1UXhVRUtnUmhlYW5FQmJZTkZEb2dGRXBzUXZEamlqQ3FpZGF3Z3pzQ3lybTlJTXpYVm1hcDB2UFg0Q1gxVkE1dVYvWms1b093YTRUVlZHRzNRU1JiVVEyRWxIYlZYM1pnT2pORzN5eGVVOS9uSTRYazlEby95Ujh0dVM0UGtoMWVGVkp0bHVvOTZYOHVuTnRuS2xvWGNQdXN2bzZPQUFOZStpTk5MdENVS1Y0RVpGMXBXdGhRR0tXRXR1R1FWOGtOanViRG16bXFyOW1Nalp2cGdhd0JpMnZKcVR6OWk2Y1pkWEUyWUZKRUZUemN5aFAzU3VYbzl4WVlZZmNGRTVqTjVFa2R6cHVIc2txRGlVVXRySUFselcxODBZb0l6ZEMyWTJRcHJJRVBSTXlpMG5iSHYyKzFyRDFVMkhEL2I5RnRqOD0mbHQ7L2RpYWdyYW0mZ3Q7Jmx0Oy9teGZpbGUmZ3Q7IiBzdHlsZT0iYmFja2dyb3VuZC1jb2xvcjogcmdiKDI1NSwgMjU1LCAyNTUpOyI+PGRlZnMvPjxnPjxwYXRoIGQ9Ik0gNyA1NyBMIDUyLjUgMTEuNSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJyZ2IoMCwgMCwgMCkiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgcG9pbnRlci1ldmVudHM9InN0cm9rZSIvPjxwYXRoIGQ9Ik0gNTYuMjEgNy43OSBMIDUzLjczIDE1LjIyIEwgNTIuNSAxMS41IEwgNDguNzggMTAuMjcgWiIgZmlsbD0icmdiKDAsIDAsIDApIiBzdHJva2U9InJnYigwLCAwLCAwKSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBwb2ludGVyLWV2ZW50cz0iYWxsIi8+PC9nPjwvc3ZnPg=="
alt=""
/>
<img
class="iconItem"
v-if="scope.row.iconId == 'img3'"
alt="" />
<img class="iconItem" v-if="scope.row.iconId == 'img3'"
src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPCEtLSBEbyBub3QgZWRpdCB0aGlzIGZpbGUgd2l0aCBlZGl0b3JzIG90aGVyIHRoYW4gZHJhdy5pbyAtLT4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSI2OHB4IiBoZWlnaHQ9IjY4cHgiIHZpZXdCb3g9Ii0wLjUgLTAuNSA2OCA2OCIgY29udGVudD0iJmx0O214ZmlsZSBob3N0PSZxdW90O2xvY2FsaG9zdCZxdW90OyBtb2RpZmllZD0mcXVvdDsyMDIzLTEyLTExVDA4OjM3OjExLjE3MlomcXVvdDsgYWdlbnQ9JnF1b3Q7TW96aWxsYS81LjAgKFdpbmRvd3MgTlQgMTAuMDsgV2luNjQ7IHg2NCkgQXBwbGVXZWJLaXQvNTM3LjM2IChLSFRNTCwgbGlrZSBHZWNrbykgQ2hyb21lLzEyMC4wLjAuMCBTYWZhcmkvNTM3LjM2JnF1b3Q7IGV0YWc9JnF1b3Q7cGJJZGhlY29zS293VWFCWmJKWksmcXVvdDsgdmVyc2lvbj0mcXVvdDtARFJBV0lPLVZFUlNJT05AJnF1b3Q7IHR5cGU9JnF1b3Q7ZGV2aWNlJnF1b3Q7Jmd0OyZsdDtkaWFncmFtIG5hbWU9JnF1b3Q756ysIDEg6aG1JnF1b3Q7IGlkPSZxdW90Oy0wVURfeWZMblg5dVcxaWU0d2NEJnF1b3Q7Jmd0O2paUExic01nRUVXL3hzdEtOamh4dW16UzlMR29GRFZTMmkweUV4c1Ztd2h3SHYzNjRnTEcyS3JVbGVFd2MyZTRqQk84YWE3UGtwenFOMEdCSnlpbDF3US9KZ2hsT1VyTnB5YzNTNHBzWlVFbEdYVkJBZXpaTnpqbzhxcU9VVkJSb0JhQ2EzYUtZU25hRmtvZE1TS2x1TVJoUjhIanFpZFN3UXpzUzhMbjlJTlJYVnU2UWtYZ0w4Q3EybGZPbHZmMnBDRSsyTjFFMVlTS3l3amhiWUkzVWdodFY4MTFBN3czei90aTg1NytPQjBhazlEcS95Ujhkdmk0UGtoMWVGVlp2bHVvOTBKKzNTMnR5cG53emwzWU5hdHYzZ0ZvNlVOdnBObVZuQ2pGeWdTdmxTWlN6M0d0RzI1QVpwWlNkQzJGdm5acWRsWVY2TXpzMEgwMmVHS0dDVVFEV3Q1TXlDVzR2bkJPMWlQRFBaUEFpV2JuV0o2NHg2OEd1YUhDVGpCVEdLVnVVTEhYY1dPS2l6U1dVS0tUSmJpc3Njc1RvVHlkQ0tHSmtER3VBajBUTW92UnRRUDZmVVMvRGNOaXc4TXZoN2MvJmx0Oy9kaWFncmFtJmd0OyZsdDsvbXhmaWxlJmd0OyIgc3R5bGU9ImJhY2tncm91bmQtY29sb3I6IHJnYigyNTUsIDI1NSwgMjU1KTsiPjxkZWZzLz48Zz48cGF0aCBkPSJNIDEyLjUgNTMuNSBMIDUzLjUgMTIuNSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJyZ2IoMCwgMCwgMCkiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgcG9pbnRlci1ldmVudHM9InN0cm9rZSIvPjxwYXRoIGQ9Ik0gOC43OSA1Ny4yMSBMIDExLjI3IDQ5Ljc4IEwgMTIuNSA1My41IEwgMTYuMjIgNTQuNzMgWiIgZmlsbD0icmdiKDAsIDAsIDApIiBzdHJva2U9InJnYigwLCAwLCAwKSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBwb2ludGVyLWV2ZW50cz0iYWxsIi8+PHBhdGggZD0iTSA1Ny4yMSA4Ljc5IEwgNTQuNzMgMTYuMjIgTCA1My41IDEyLjUgTCA0OS43OCAxMS4yNyBaIiBmaWxsPSJyZ2IoMCwgMCwgMCkiIHN0cm9rZT0icmdiKDAsIDAsIDApIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHBvaW50ZXItZXZlbnRzPSJhbGwiLz48L2c+PC9zdmc+"
alt=""
/>
<img
class="iconItem"
v-if="scope.row.iconId == 'img4'"
alt="" />
<img class="iconItem" v-if="scope.row.iconId == 'img4'"
src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPCEtLSBEbyBub3QgZWRpdCB0aGlzIGZpbGUgd2l0aCBlZGl0b3JzIG90aGVyIHRoYW4gZHJhdy5pbyAtLT4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSI3MHB4IiBoZWlnaHQ9IjcwcHgiIHZpZXdCb3g9Ii0wLjUgLTAuNSA3MCA3MCIgY29udGVudD0iJmx0O214ZmlsZSBob3N0PSZxdW90O2xvY2FsaG9zdCZxdW90OyBtb2RpZmllZD0mcXVvdDsyMDIzLTEyLTExVDA4OjQ5OjMwLjMzMVomcXVvdDsgYWdlbnQ9JnF1b3Q7TW96aWxsYS81LjAgKFdpbmRvd3MgTlQgMTAuMDsgV2luNjQ7IHg2NCkgQXBwbGVXZWJLaXQvNTM3LjM2IChLSFRNTCwgbGlrZSBHZWNrbykgQ2hyb21lLzEyMC4wLjAuMCBTYWZhcmkvNTM3LjM2JnF1b3Q7IGV0YWc9JnF1b3Q7NXJ5Y1k5X2pldUVsOGJVemhNck4mcXVvdDsgdmVyc2lvbj0mcXVvdDtARFJBV0lPLVZFUlNJT05AJnF1b3Q7IHR5cGU9JnF1b3Q7ZGV2aWNlJnF1b3Q7Jmd0OyZsdDtkaWFncmFtIG5hbWU9JnF1b3Q756ysIDEg6aG1JnF1b3Q7IGlkPSZxdW90Oy0wVURfeWZMblg5dVcxaWU0d2NEJnF1b3Q7Jmd0O2paTmJiNEl3Rk1jL0RZOUxnT0prajFQWjVXR0ptWW5iYTBlUDBLeHdURnRFL2ZRcnRseXFNZGtUUGIrZTY3K0hnQ3lyNDZ1aysvSURHWWdnRHRreElLc2dqcU1rRHMybkl5ZEw1bEZxUVNFNWMwNGoyUEF6T09qaWlvWXpVSjZqUmhTYTczMllZMTFEcmoxR3BjVFdkOXVoOEt2dWFRRTNZSk5UY1V1L09OT2xwV2s4SC9rYjhLTHNLMGVQVC9hbW9yMnptMFNWbEdFN1FTUUx5RklpYW51cWprc1FuWGk5TGpidTVjN3QwSmlFV3Y4bjRMc2h1OFZXcXUyN2lwTDFUSDNPNWU5REwvT0Jpc1pON0xyVnAxNENZRVlSWjRMNHdUWWJ3ZUlDekVXSmtwK3gxbFIwc0diUG5mYUc1NElxeFhNRFMxMlp1MVZram5rakQ5QzFGUnBEWWxPendUS2hiZ2xTWXlsTnBaN1l0cmV1b2JzaVJJTzBaaWNCSzlEeVpGemE4ZkZtYnVaeThtNDlreUNvNWdjL1BYVTdWQXpwaGdwcjVLWndITHA5VDBLWHgyMTdRa0kvaGNKRzV1Q2lwbzkxbldqbUp5THBWU0lqVEFINkpwRTVUTVllMFdVWGVuUGNPZXMrL3Jrayt3TT0mbHQ7L2RpYWdyYW0mZ3Q7Jmx0Oy9teGZpbGUmZ3Q7IiBzdHlsZT0iYmFja2dyb3VuZC1jb2xvcjogcmdiKDI1NSwgMjU1LCAyNTUpOyI+PGRlZnMvPjxnPjxwYXRoIGQ9Ik0gOSA1OSBMIDM0IDU5IEwgMzQgOSBMIDUxLjEzIDkiIGZpbGw9Im5vbmUiIHN0cm9rZT0icmdiKDAsIDAsIDApIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHBvaW50ZXItZXZlbnRzPSJzdHJva2UiLz48cGF0aCBkPSJNIDU3Ljg4IDkgTCA0OC44OCAxMy41IEwgNTEuMTMgOSBMIDQ4Ljg4IDQuNSBaIiBmaWxsPSJyZ2IoMCwgMCwgMCkiIHN0cm9rZT0icmdiKDAsIDAsIDApIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHBvaW50ZXItZXZlbnRzPSJhbGwiLz48L2c+PC9zdmc+"
alt=""
/>
<img
class="iconItem"
v-if="scope.row.iconId == 'img5'"
alt="" />
<img class="iconItem" v-if="scope.row.iconId == 'img5'"
src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPCEtLSBEbyBub3QgZWRpdCB0aGlzIGZpbGUgd2l0aCBlZGl0b3JzIG90aGVyIHRoYW4gZHJhdy5pbyAtLT4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSI1MHB4IiBoZWlnaHQ9IjU1cHgiIHZpZXdCb3g9Ii0wLjUgLTAuNSA1MCA1NSIgY29udGVudD0iJmx0O214ZmlsZSBob3N0PSZxdW90O2xvY2FsaG9zdCZxdW90OyBtb2RpZmllZD0mcXVvdDsyMDIzLTEyLTExVDA4OjQ5OjU1LjkzMFomcXVvdDsgYWdlbnQ9JnF1b3Q7TW96aWxsYS81LjAgKFdpbmRvd3MgTlQgMTAuMDsgV2luNjQ7IHg2NCkgQXBwbGVXZWJLaXQvNTM3LjM2IChLSFRNTCwgbGlrZSBHZWNrbykgQ2hyb21lLzEyMC4wLjAuMCBTYWZhcmkvNTM3LjM2JnF1b3Q7IGV0YWc9JnF1b3Q7ZUhTUFRhNXk3YzA4NzVubFRrRlUmcXVvdDsgdmVyc2lvbj0mcXVvdDtARFJBV0lPLVZFUlNJT05AJnF1b3Q7IHR5cGU9JnF1b3Q7ZGV2aWNlJnF1b3Q7Jmd0OyZsdDtkaWFncmFtIG5hbWU9JnF1b3Q756ysIDEg6aG1JnF1b3Q7IGlkPSZxdW90Oy0wVURfeWZMblg5dVcxaWU0d2NEJnF1b3Q7Jmd0O2pWUExib013RVB3YWpwVXdKazF5Yk5MMGNhZ1VOVkxhcTRVM1lOVmdaSnNrOU90cllodHdVS0tlOEk1blozZkhTNFRYNWZsVmtycjRFQlI0bE1UMEhPSG5LRWxRbXNUbTB5R3RSZVpvWVlGY011cElBN0JqditCQWw1YzNqSUlLaUZvSXJsa2RncG1vS3NoMGdCRXB4U21rSFFRUHE5WWtod213eXdpZm9sK002c0tpaTJRKzRHL0E4c0pYUm85TGUxTVNUM2FUcUlKUWNScEJlQlBodFJSQzIxTjVYZ1B2elBPKzJMeVhHN2Q5WXhJcS9aK0U3d1lmVm51cDl1OEtwZHVaK3B6TG53ZmtaSTZFTjI1aTE2MXV2UVZaSTQvUWlhQUlyNkNpVDUydEpzdzRVWXBsQml4MHlkMjlGRTFGTCt6WVJGWUw2TVRqb1duVVcyRjJDRVFKV3JhR2Nock1uamtEaTVIUEhwUEFpV2JIVUo2NE44OTd1YjdDVmpCVE9JbmRmdUtGMDNIYmlaZHhLS0ZFSXpOd1dXTnpyNFJTZkNXVVhnbHBJblBRRXlIakpXbEh0TG9qcU5zTlQrb3M0N3Q5VFFaTUE3NDUyQTU4TkhxREFib3NrZytIaGJYMDRiZkhtejg9Jmx0Oy9kaWFncmFtJmd0OyZsdDsvbXhmaWxlJmd0OyIgc3R5bGU9ImJhY2tncm91bmQtY29sb3I6IHJnYigyNTUsIDI1NSwgMjU1KTsiPjxkZWZzLz48Zz48cGF0aCBkPSJNIDAgNTQgUSA1MCA1NCAyNSAyOSBRIDAgNCA0My42MyA0IiBmaWxsPSJub25lIiBzdHJva2U9InJnYigwLCAwLCAwKSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBwb2ludGVyLWV2ZW50cz0ic3Ryb2tlIi8+PHBhdGggZD0iTSA0OC44OCA0IEwgNDEuODggNy41IEwgNDMuNjMgNCBMIDQxLjg4IDAuNSBaIiBmaWxsPSJyZ2IoMCwgMCwgMCkiIHN0cm9rZT0icmdiKDAsIDAsIDApIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHBvaW50ZXItZXZlbnRzPSJhbGwiLz48L2c+PC9zdmc+"
alt=""
/>
alt="" />
</div>
</template>
</el-table-column>
<el-table-column
prop="version"
label="版本"
width="250"
align="center"
></el-table-column>
<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>
......@@ -160,95 +78,45 @@
</el-table-column>
<el-table-column label="操作" width="450" align="center">
<template slot-scope="scope">
<div
style="
<div style="
display: flex;
align-items: center;
justify-content: center;
"
>
<el-button
type="primary"
icon="el-icon-view"
size="mini"
@click="operate('view', scope.row)"
>查看</el-button
>
<el-button
type="primary"
icon="el-icon-edit"
size="mini"
@click="operate('edit', scope.row)"
:disabled="scope.row.state == 1"
>编辑</el-button
>
<el-button
type="primary"
icon="el-icon-upload2"
size="mini"
@click="operate('pushEdit', scope.row)"
:disabled="scope.row.state == 1"
>发布</el-button
>
<el-button
class="tingYong_btn"
icon="el-icon-remove-outline"
size="mini"
@click="operate('stop', scope.row)"
:disabled="scope.row.state != 1"
>停用</el-button
>
<el-button
class="shanChu_btn"
icon="el-icon-delete"
size="mini"
@click="operate('del', scope.row)"
:disabled="scope.row.state != 2"
>删除</el-button
>
">
<el-button type="primary" icon="el-icon-view" size="mini"
@click="operate('view', scope.row)">查看</el-button>
<el-button type="primary" icon="el-icon-edit" size="mini" @click="operate('edit', scope.row)"
:disabled="scope.row.state == 1">编辑</el-button>
<el-button type="primary" icon="el-icon-upload2" size="mini" @click="operate('pushEdit', scope.row)"
:disabled="scope.row.state == 1">发布</el-button>
<el-button class="tingYong_btn" icon="el-icon-remove-outline" size="mini"
@click="operate('stop', scope.row)" :disabled="scope.row.state != 1">停用</el-button>
<el-button class="shanChu_btn" icon="el-icon-delete" size="mini" @click="operate('del', scope.row)"
:disabled="scope.row.state != 2">删除</el-button>
</div>
</template>
</el-table-column>
</el-table>
<el-pagination
background
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
:current-page="page.current"
:page-sizes="page.sizes"
:page-size="page.size"
layout="total, sizes, prev, pager, next, jumper"
:total="page.total"
>
<el-pagination background @size-change="handleSizeChange" @current-change="handleCurrentChange"
:current-page="page.current" :page-sizes="page.sizes" :page-size="page.size"
layout="total, sizes, prev, pager, next, jumper" :total="page.total">
</el-pagination>
</div>
<el-dialog
:title="title"
:visible.sync="add_dialog"
:center="false"
class="dialog1"
:close-on-click-modal="false"
width="60%"
>
<el-dialog :title="title" :visible.sync="add_dialog" :center="false" class="dialog1" :close-on-click-modal="false"
width="60%">
<div class="add_dialog_content">
<el-form :model="formData" :rules="rules" ref="relaForm">
<div class="form_item_container">
<el-form-item class="cross1" label="元素关系名称:" prop="rsName">
<el-input v-model="formData.rsName" maxlength="100" :disabled="title == '查看元素关系' ? true : false"></el-input>
<el-input v-model="formData.rsName" maxlength="100"
:disabled="title == '查看元素关系' ? true : false"></el-input>
</el-form-item>
<el-form-item class="cross1" label="描述:" prop="content">
<el-input
type="textarea"
:rows="3"
maxlength="200"
show-word-limit
placeholder="请输入内容"
class="dialog_form_item_content"
:disabled="title == '查看元素关系' ? true : false"
v-model="formData.content"
></el-input>
<el-input type="textarea" :rows="3" maxlength="200" show-word-limit placeholder="请输入内容"
class="dialog_form_item_content" :disabled="title == '查看元素关系' ? true : false"
v-model="formData.content"></el-input>
</el-form-item>
</div>
</el-form>
......@@ -259,39 +127,29 @@
<div>
<div class="dialog_form_item3_content1">
<el-radio v-model="formData.iconId" label="img1" :disabled="title == '查看元素关系' ? true : false">
<img
class="tu_biao_icon2 srcimg1"
<img class="tu_biao_icon2 srcimg1"
src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPCEtLSBEbyBub3QgZWRpdCB0aGlzIGZpbGUgd2l0aCBlZGl0b3JzIG90aGVyIHRoYW4gZHJhdy5pbyAtLT4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSI1MnB4IiBoZWlnaHQ9IjUycHgiIHZpZXdCb3g9Ii0wLjUgLTAuNSA1MiA1MiIgY29udGVudD0iJmx0O214ZmlsZSBob3N0PSZxdW90O2xvY2FsaG9zdCZxdW90OyBtb2RpZmllZD0mcXVvdDsyMDIzLTEyLTExVDA4OjE5OjIzLjA5OFomcXVvdDsgYWdlbnQ9JnF1b3Q7TW96aWxsYS81LjAgKFdpbmRvd3MgTlQgMTAuMDsgV2luNjQ7IHg2NCkgQXBwbGVXZWJLaXQvNTM3LjM2IChLSFRNTCwgbGlrZSBHZWNrbykgQ2hyb21lLzEyMC4wLjAuMCBTYWZhcmkvNTM3LjM2JnF1b3Q7IGV0YWc9JnF1b3Q7TWExc3VrNTRDTl84QVd0UE9Da0smcXVvdDsgdmVyc2lvbj0mcXVvdDtARFJBV0lPLVZFUlNJT05AJnF1b3Q7IHR5cGU9JnF1b3Q7ZGV2aWNlJnF1b3Q7Jmd0OyZsdDtkaWFncmFtIG5hbWU9JnF1b3Q756ysIDEg6aG1JnF1b3Q7IGlkPSZxdW90Oy0wVURfeWZMblg5dVcxaWU0d2NEJnF1b3Q7Jmd0O2paUExic01nRUVXL3hzdEt0a2thZDltazZXTlJLV3FrdEZ0a0pqWXFaaUtNOCtqWEZ4Y3dKbGFrcnN3Y1p1NHdGNXlRVlhOK1VmUlF2eU1Ea2VRcE95ZmtLY256YkphbjV0T1RpeVdMckxDZ1VweTVwQUMyL0FjY2RIVlZ4eG0wVWFKR0ZKb2ZZbGlpbEZEcWlGR2w4QlNuN1ZIRVhRKzBnZ25ZbGxSTTZTZG51cmEweUJlQnZ3S3ZhdDg1dTMrd093MzF5VzZTdHFZTVR5TkUxZ2xaS1VSdFY4MTVCYUkzei90aTY1NXY3QTRIVXlEMWZ3cStPckpmN2xTN2UydXoyV2JlZml6VTk1MVRPVkxSdVlIZFlmWEZPd0NTUGZaR21raWlOSEJaNjBhWUtETkxoWjFrMEhkSVRXUnJnVTBzRFdmTWhzbk5rd0ZzUUt1TFNUa0ZiK2ZPcjNwa3EyY0tCTlg4R010VGQ4WFZJRGQwMkNBM2pmUFVQY2NaY1RydU1SSWZlNGtXTzFXQ3F4cDdlUzFVeEVKNWNTV2txYXBBVDRUTVlqUjJRSDlYNWNQd0pHeDYrTEhJK2hjPSZsdDsvZGlhZ3JhbSZndDsmbHQ7L214ZmlsZSZndDsiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiByZ2IoMjU1LCAyNTUsIDI1NSk7Ij48ZGVmcy8+PGc+PHBhdGggZD0iTSAwIDUwIEwgNTAgMCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJyZ2IoMCwgMCwgMCkiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgcG9pbnRlci1ldmVudHM9InN0cm9rZSIvPjwvZz48L3N2Zz4="
alt=""
/>
alt="" />
</el-radio>
<el-radio v-model="formData.iconId" label="img2" :disabled="title == '查看元素关系' ? true : false">
<img
class="tu_biao_icon2 srcimg2"
<img class="tu_biao_icon2 srcimg2"
src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPCEtLSBEbyBub3QgZWRpdCB0aGlzIGZpbGUgd2l0aCBlZGl0b3JzIG90aGVyIHRoYW4gZHJhdy5pbyAtLT4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSI2NnB4IiBoZWlnaHQ9IjY2cHgiIHZpZXdCb3g9Ii0wLjUgLTAuNSA2NiA2NiIgY29udGVudD0iJmx0O214ZmlsZSBob3N0PSZxdW90O2xvY2FsaG9zdCZxdW90OyBtb2RpZmllZD0mcXVvdDsyMDIzLTEyLTExVDA4OjM5OjA3LjU5OFomcXVvdDsgYWdlbnQ9JnF1b3Q7TW96aWxsYS81LjAgKFdpbmRvd3MgTlQgMTAuMDsgV2luNjQ7IHg2NCkgQXBwbGVXZWJLaXQvNTM3LjM2IChLSFRNTCwgbGlrZSBHZWNrbykgQ2hyb21lLzEyMC4wLjAuMCBTYWZhcmkvNTM3LjM2JnF1b3Q7IGV0YWc9JnF1b3Q7UHhDRmVJa2xpVm1XdnBXbVdUN1gmcXVvdDsgdmVyc2lvbj0mcXVvdDtARFJBV0lPLVZFUlNJT05AJnF1b3Q7IHR5cGU9JnF1b3Q7ZGV2aWNlJnF1b3Q7Jmd0OyZsdDtkaWFncmFtIG5hbWU9JnF1b3Q756ysIDEg6aG1JnF1b3Q7IGlkPSZxdW90Oy0wVURfeWZMblg5dVcxaWU0d2NEJnF1b3Q7Jmd0O2paTk5iNE13RElaL0RjZEpRT2hLajJ2WGZSd21WYXZVN1JvUkY2SUZYQ1dodFB2MUMwc2dwR2pTVGlSUDdOZnhHeE9SVFgxNWx2UlV2U0VERWFVeHUwVGtNVXJUSkV0ajgrbkoxWkpsa2x0UVNzNWNrQWQ3L2cwT3VyeXk1UXhVRUtnUmhlYW5FQmJZTkZEb2dGRXBzUXZEamlqQ3FpZGF3Z3pzQ3lybTlJTXpYVm1hcDB2UFg0Q1gxVkE1dVYvWms1b093YTRUVlZHRzNRU1JiVVEyRWxIYlZYM1pnT2pORzN5eGVVOS9uSTRYazlEby95Ujh0dVM0UGtoMWVGVkp0bHVvOTZYOHVuTnRuS2xvWGNQdXN2bzZPQUFOZStpTk5MdENVS1Y0RVpGMXBXdGhRR0tXRXR1R1FWOGtOanViRG16bXFyOW1Nalp2cGdhd0JpMnZKcVR6OWk2Y1pkWEUyWUZKRUZUemN5aFAzU3VYbzl4WVlZZmNGRTVqTjVFa2R6cHVIc2txRGlVVXRySUFselcxODBZb0l6ZEMyWTJRcHJJRVBSTXlpMG5iSHYyKzFyRDFVMkhEL2I5RnRqOD0mbHQ7L2RpYWdyYW0mZ3Q7Jmx0Oy9teGZpbGUmZ3Q7IiBzdHlsZT0iYmFja2dyb3VuZC1jb2xvcjogcmdiKDI1NSwgMjU1LCAyNTUpOyI+PGRlZnMvPjxnPjxwYXRoIGQ9Ik0gNyA1NyBMIDUyLjUgMTEuNSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJyZ2IoMCwgMCwgMCkiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgcG9pbnRlci1ldmVudHM9InN0cm9rZSIvPjxwYXRoIGQ9Ik0gNTYuMjEgNy43OSBMIDUzLjczIDE1LjIyIEwgNTIuNSAxMS41IEwgNDguNzggMTAuMjcgWiIgZmlsbD0icmdiKDAsIDAsIDApIiBzdHJva2U9InJnYigwLCAwLCAwKSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBwb2ludGVyLWV2ZW50cz0iYWxsIi8+PC9nPjwvc3ZnPg=="
alt=""
/>
alt="" />
</el-radio>
<el-radio v-model="formData.iconId" label="img3" :disabled="title == '查看元素关系' ? true : false">
<img
class="tu_biao_icon2 srcimg3"
<img class="tu_biao_icon2 srcimg3"
src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPCEtLSBEbyBub3QgZWRpdCB0aGlzIGZpbGUgd2l0aCBlZGl0b3JzIG90aGVyIHRoYW4gZHJhdy5pbyAtLT4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSI2OHB4IiBoZWlnaHQ9IjY4cHgiIHZpZXdCb3g9Ii0wLjUgLTAuNSA2OCA2OCIgY29udGVudD0iJmx0O214ZmlsZSBob3N0PSZxdW90O2xvY2FsaG9zdCZxdW90OyBtb2RpZmllZD0mcXVvdDsyMDIzLTEyLTExVDA4OjM3OjExLjE3MlomcXVvdDsgYWdlbnQ9JnF1b3Q7TW96aWxsYS81LjAgKFdpbmRvd3MgTlQgMTAuMDsgV2luNjQ7IHg2NCkgQXBwbGVXZWJLaXQvNTM3LjM2IChLSFRNTCwgbGlrZSBHZWNrbykgQ2hyb21lLzEyMC4wLjAuMCBTYWZhcmkvNTM3LjM2JnF1b3Q7IGV0YWc9JnF1b3Q7cGJJZGhlY29zS293VWFCWmJKWksmcXVvdDsgdmVyc2lvbj0mcXVvdDtARFJBV0lPLVZFUlNJT05AJnF1b3Q7IHR5cGU9JnF1b3Q7ZGV2aWNlJnF1b3Q7Jmd0OyZsdDtkaWFncmFtIG5hbWU9JnF1b3Q756ysIDEg6aG1JnF1b3Q7IGlkPSZxdW90Oy0wVURfeWZMblg5dVcxaWU0d2NEJnF1b3Q7Jmd0O2paUExic01nRUVXL3hzdEtOamh4dW16UzlMR29GRFZTMmkweUV4c1Ztd2h3SHYzNjRnTEcyS3JVbGVFd2MyZTRqQk84YWE3UGtwenFOMEdCSnlpbDF3US9KZ2hsT1VyTnB5YzNTNHBzWlVFbEdYVkJBZXpaTnpqbzhxcU9VVkJSb0JhQ2EzYUtZU25hRmtvZE1TS2x1TVJoUjhIanFpZFN3UXpzUzhMbjlJTlJYVnU2UWtYZ0w4Q3EybGZPbHZmMnBDRSsyTjFFMVlTS3l3amhiWUkzVWdodFY4MTFBN3czei90aTg1NytPQjBhazlEcS95Ujhkdmk0UGtoMWVGVlp2bHVvOTBKKzNTMnR5cG53emwzWU5hdHYzZ0ZvNlVOdnBObVZuQ2pGeWdTdmxTWlN6M0d0RzI1QVpwWlNkQzJGdm5acWRsWVY2TXpzMEgwMmVHS0dDVVFEV3Q1TXlDVzR2bkJPMWlQRFBaUEFpV2JuV0o2NHg2OEd1YUhDVGpCVEdLVnVVTEhYY1dPS2l6U1dVS0tUSmJpc3Njc1RvVHlkQ0tHSmtER3VBajBUTW92UnRRUDZmVVMvRGNOaXc4TXZoN2MvJmx0Oy9kaWFncmFtJmd0OyZsdDsvbXhmaWxlJmd0OyIgc3R5bGU9ImJhY2tncm91bmQtY29sb3I6IHJnYigyNTUsIDI1NSwgMjU1KTsiPjxkZWZzLz48Zz48cGF0aCBkPSJNIDEyLjUgNTMuNSBMIDUzLjUgMTIuNSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJyZ2IoMCwgMCwgMCkiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgcG9pbnRlci1ldmVudHM9InN0cm9rZSIvPjxwYXRoIGQ9Ik0gOC43OSA1Ny4yMSBMIDExLjI3IDQ5Ljc4IEwgMTIuNSA1My41IEwgMTYuMjIgNTQuNzMgWiIgZmlsbD0icmdiKDAsIDAsIDApIiBzdHJva2U9InJnYigwLCAwLCAwKSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBwb2ludGVyLWV2ZW50cz0iYWxsIi8+PHBhdGggZD0iTSA1Ny4yMSA4Ljc5IEwgNTQuNzMgMTYuMjIgTCA1My41IDEyLjUgTCA0OS43OCAxMS4yNyBaIiBmaWxsPSJyZ2IoMCwgMCwgMCkiIHN0cm9rZT0icmdiKDAsIDAsIDApIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHBvaW50ZXItZXZlbnRzPSJhbGwiLz48L2c+PC9zdmc+"
alt=""
/>
alt="" />
</el-radio>
<el-radio v-model="formData.iconId" label="img4" :disabled="title == '查看元素关系' ? true : false">
<img
class="tu_biao_icon2 srcimg4"
<img class="tu_biao_icon2 srcimg4"
src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPCEtLSBEbyBub3QgZWRpdCB0aGlzIGZpbGUgd2l0aCBlZGl0b3JzIG90aGVyIHRoYW4gZHJhdy5pbyAtLT4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSI3MHB4IiBoZWlnaHQ9IjcwcHgiIHZpZXdCb3g9Ii0wLjUgLTAuNSA3MCA3MCIgY29udGVudD0iJmx0O214ZmlsZSBob3N0PSZxdW90O2xvY2FsaG9zdCZxdW90OyBtb2RpZmllZD0mcXVvdDsyMDIzLTEyLTExVDA4OjQ5OjMwLjMzMVomcXVvdDsgYWdlbnQ9JnF1b3Q7TW96aWxsYS81LjAgKFdpbmRvd3MgTlQgMTAuMDsgV2luNjQ7IHg2NCkgQXBwbGVXZWJLaXQvNTM3LjM2IChLSFRNTCwgbGlrZSBHZWNrbykgQ2hyb21lLzEyMC4wLjAuMCBTYWZhcmkvNTM3LjM2JnF1b3Q7IGV0YWc9JnF1b3Q7NXJ5Y1k5X2pldUVsOGJVemhNck4mcXVvdDsgdmVyc2lvbj0mcXVvdDtARFJBV0lPLVZFUlNJT05AJnF1b3Q7IHR5cGU9JnF1b3Q7ZGV2aWNlJnF1b3Q7Jmd0OyZsdDtkaWFncmFtIG5hbWU9JnF1b3Q756ysIDEg6aG1JnF1b3Q7IGlkPSZxdW90Oy0wVURfeWZMblg5dVcxaWU0d2NEJnF1b3Q7Jmd0O2paTmJiNEl3Rk1jL0RZOUxnT0prajFQWjVXR0ptWW5iYTBlUDBLeHdURnRFL2ZRcnRseXFNZGtUUGIrZTY3K0hnQ3lyNDZ1aysvSURHWWdnRHRreElLc2dqcU1rRHMybkl5ZEw1bEZxUVNFNWMwNGoyUEF6T09qaWlvWXpVSjZqUmhTYTczMllZMTFEcmoxR3BjVFdkOXVoOEt2dWFRRTNZSk5UY1V1L09OT2xwV2s4SC9rYjhLTHNLMGVQVC9hbW9yMnptMFNWbEdFN1FTUUx5RklpYW51cWprc1FuWGk5TGpidTVjN3QwSmlFV3Y4bjRMc2h1OFZXcXUyN2lwTDFUSDNPNWU5REwvT0Jpc1pON0xyVnAxNENZRVlSWjRMNHdUWWJ3ZUlDekVXSmtwK3gxbFIwc0diUG5mYUc1NElxeFhNRFMxMlp1MVZram5rakQ5QzFGUnBEWWxPendUS2hiZ2xTWXlsTnBaN1l0cmV1b2JzaVJJTzBaaWNCSzlEeVpGemE4ZkZtYnVaeThtNDlreUNvNWdjL1BYVTdWQXpwaGdwcjVLWndITHA5VDBLWHgyMTdRa0kvaGNKRzV1Q2lwbzkxbldqbUp5THBWU0lqVEFINkpwRTVUTVllMFdVWGVuUGNPZXMrL3Jrayt3TT0mbHQ7L2RpYWdyYW0mZ3Q7Jmx0Oy9teGZpbGUmZ3Q7IiBzdHlsZT0iYmFja2dyb3VuZC1jb2xvcjogcmdiKDI1NSwgMjU1LCAyNTUpOyI+PGRlZnMvPjxnPjxwYXRoIGQ9Ik0gOSA1OSBMIDM0IDU5IEwgMzQgOSBMIDUxLjEzIDkiIGZpbGw9Im5vbmUiIHN0cm9rZT0icmdiKDAsIDAsIDApIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHBvaW50ZXItZXZlbnRzPSJzdHJva2UiLz48cGF0aCBkPSJNIDU3Ljg4IDkgTCA0OC44OCAxMy41IEwgNTEuMTMgOSBMIDQ4Ljg4IDQuNSBaIiBmaWxsPSJyZ2IoMCwgMCwgMCkiIHN0cm9rZT0icmdiKDAsIDAsIDApIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHBvaW50ZXItZXZlbnRzPSJhbGwiLz48L2c+PC9zdmc+"
alt=""
/>
alt="" />
</el-radio>
<el-radio v-model="formData.iconId" label="img5" :disabled="title == '查看元素关系' ? true : false">
<img
class="tu_biao_icon2 srcimg5"
<img class="tu_biao_icon2 srcimg5"
src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPCEtLSBEbyBub3QgZWRpdCB0aGlzIGZpbGUgd2l0aCBlZGl0b3JzIG90aGVyIHRoYW4gZHJhdy5pbyAtLT4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSI1MHB4IiBoZWlnaHQ9IjU1cHgiIHZpZXdCb3g9Ii0wLjUgLTAuNSA1MCA1NSIgY29udGVudD0iJmx0O214ZmlsZSBob3N0PSZxdW90O2xvY2FsaG9zdCZxdW90OyBtb2RpZmllZD0mcXVvdDsyMDIzLTEyLTExVDA4OjQ5OjU1LjkzMFomcXVvdDsgYWdlbnQ9JnF1b3Q7TW96aWxsYS81LjAgKFdpbmRvd3MgTlQgMTAuMDsgV2luNjQ7IHg2NCkgQXBwbGVXZWJLaXQvNTM3LjM2IChLSFRNTCwgbGlrZSBHZWNrbykgQ2hyb21lLzEyMC4wLjAuMCBTYWZhcmkvNTM3LjM2JnF1b3Q7IGV0YWc9JnF1b3Q7ZUhTUFRhNXk3YzA4NzVubFRrRlUmcXVvdDsgdmVyc2lvbj0mcXVvdDtARFJBV0lPLVZFUlNJT05AJnF1b3Q7IHR5cGU9JnF1b3Q7ZGV2aWNlJnF1b3Q7Jmd0OyZsdDtkaWFncmFtIG5hbWU9JnF1b3Q756ysIDEg6aG1JnF1b3Q7IGlkPSZxdW90Oy0wVURfeWZMblg5dVcxaWU0d2NEJnF1b3Q7Jmd0O2pWUExib013RVB3YWpwVXdKazF5Yk5MMGNhZ1VOVkxhcTRVM1lOVmdaSnNrOU90cllodHdVS0tlOEk1blozZkhTNFRYNWZsVmtycjRFQlI0bE1UMEhPSG5LRWxRbXNUbTB5R3RSZVpvWVlGY011cElBN0JqditCQWw1YzNqSUlLaUZvSXJsa2RncG1vS3NoMGdCRXB4U21rSFFRUHE5WWtod213eXdpZm9sK002c0tpaTJRKzRHL0E4c0pYUm85TGUxTVNUM2FUcUlKUWNScEJlQlBodFJSQzIxTjVYZ1B2elBPKzJMeVhHN2Q5WXhJcS9aK0U3d1lmVm51cDl1OEtwZHVaK3B6TG53ZmtaSTZFTjI1aTE2MXV2UVZaSTQvUWlhQUlyNkNpVDUydEpzdzRVWXBsQml4MHlkMjlGRTFGTCt6WVJGWUw2TVRqb1duVVcyRjJDRVFKV3JhR2Nock1uamtEaTVIUEhwUEFpV2JIVUo2NE44OTd1YjdDVmpCVE9JbmRmdUtGMDNIYmlaZHhLS0ZFSXpOd1dXTnpyNFJTZkNXVVhnbHBJblBRRXlIakpXbEh0TG9qcU5zTlQrb3M0N3Q5VFFaTUE3NDUyQTU4TkhxREFib3NrZytIaGJYMDRiZkhtejg9Jmx0Oy9kaWFncmFtJmd0OyZsdDsvbXhmaWxlJmd0OyIgc3R5bGU9ImJhY2tncm91bmQtY29sb3I6IHJnYigyNTUsIDI1NSwgMjU1KTsiPjxkZWZzLz48Zz48cGF0aCBkPSJNIDAgNTQgUSA1MCA1NCAyNSAyOSBRIDAgNCA0My42MyA0IiBmaWxsPSJub25lIiBzdHJva2U9InJnYigwLCAwLCAwKSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBwb2ludGVyLWV2ZW50cz0ic3Ryb2tlIi8+PHBhdGggZD0iTSA0OC44OCA0IEwgNDEuODggNy41IEwgNDMuNjMgNCBMIDQxLjg4IDAuNSBaIiBmaWxsPSJyZ2IoMCwgMCwgMCkiIHN0cm9rZT0icmdiKDAsIDAsIDApIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHBvaW50ZXItZXZlbnRzPSJhbGwiLz48L2c+PC9zdmc+"
alt=""
/>
alt="" />
</el-radio>
</div>
</div>
......@@ -374,7 +232,7 @@
</div>
</div>
</div> -->
<div
<!-- <div
style="text-align: right; margin: 20px 0 10px 0"
v-if="title == '编辑元素关系'"
>
......@@ -446,65 +304,32 @@
</div>
</template>
</el-table-column>
</el-table>
</el-table> -->
</div>
<span slot="footer" class="dialog-footer">
<el-button class="greenButton" @click="operate('pushAdd')"
>发布</el-button
>
<el-button class="greenButton" @click="operate('create')"
>保存</el-button
>
<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="dicy_dialog"
:center="false"
:close-on-click-modal="false"
width="60%"
>
<el-form
:model="ruleForm2"
ref="form2"
:rules="rules2"
style="display: flex; flex-wrap: wrap"
>
<el-dialog title="编辑字典属性" :visible.sync="dicy_dialog" :center="false" :close-on-click-modal="false" width="60%">
<el-form :model="ruleForm2" ref="form2" :rules="rules2" style="display: flex; flex-wrap: wrap">
<el-form-item label="字段名:" prop="let1">
<el-input
v-no-backslash
v-model="ruleForm2.let1"
maxlength="100"
:rules="[
<el-input v-no-backslash v-model="ruleForm2.let1" maxlength="100" :rules="[
{ required: true, message: '请输入字段名', trigger: 'blur' },
]"
></el-input>
]"></el-input>
</el-form-item>
<el-form-item label="中文名:" prop="let2">
<el-input
v-no-backslash
v-model="ruleForm2.let2"
maxlength="100"
:rules="[
<el-input v-no-backslash v-model="ruleForm2.let2" maxlength="100" :rules="[
{ required: true, message: '请输入中文名', trigger: 'blur' },
]"
></el-input>
]"></el-input>
</el-form-item>
<el-form-item label="排序:" prop="let3">
<el-input-number
style="width: 200px"
v-model="ruleForm2.let3"
:min="0"
></el-input-number>
<el-input-number style="width: 200px" v-model="ruleForm2.let3" :min="0"></el-input-number>
</el-form-item>
<el-form-item label="长度:" prop="let4">
<el-input-number
style="width: 200px"
v-model="ruleForm2.let4"
:min="0"
></el-input-number>
<el-input-number style="width: 200px" v-model="ruleForm2.let4" :min="0"></el-input-number>
</el-form-item>
<el-form-item label="是否可以展示:" prop="let5">
<el-radio-group v-model="ruleForm2.let5">
......@@ -518,13 +343,9 @@
<el-radio label="不显示"></el-radio>
</el-radio-group>
</el-form-item>
<el-form-item
label="控件:"
prop="let7"
:rules="[
{ required: true, message: '请选择控件', trigger: 'change' },
]"
>
<el-form-item label="控件:" prop="let7" :rules="[
{ required: true, message: '请选择控件', trigger: 'change' },
]">
<el-select clearable placeholder="请选择" v-model="ruleForm2.let7">
<el-option label="单行文本框" value="0"></el-option>
<el-option label="多行文本框" value="1"></el-option>
......@@ -538,21 +359,10 @@
</span>
</el-dialog>
<el-dialog
title="查看约束条件"
:visible.sync="add_dialog3"
:center="false"
width="50%"
:close-on-click-modal="false"
>
<el-dialog title="查看约束条件" :visible.sync="add_dialog3" :center="false" width="50%" :close-on-click-modal="false">
<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 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>
......@@ -588,13 +398,13 @@ import {
getYMXZDGLProyUpdate,
getYMXZDGLProyDel,
gAllDictKey,
query_jia_gou_ceng_ci_new
} from '@/api/index.js'
import $ from 'jquery'
import { MessageBox, Message } from 'element-ui'
query_jia_gou_ceng_ci_new,
} from "@/api/index.js";
import $ from "jquery";
import { MessageBox, Message } from "element-ui";
export default {
name: 'archiEleRela',
name: "archiEleRela",
components: {},
data() {
return {
......@@ -605,51 +415,51 @@ export default {
let2: null,
let3: 0,
let4: 0,
let5: '是',
let6: '显示',
let5: "是",
let6: "显示",
let7: null,
},
rules2: {
let1: [{ required: true, message: '请输入字段名', trigger: 'blur' }],
let2: [{ required: true, message: '请输入中文名', trigger: 'blur' }],
let7: [{ required: true, message: '请选择控件', trigger: 'change' }],
let1: [{ required: true, message: "请输入字段名", trigger: "blur" }],
let2: [{ required: true, message: "请输入中文名", trigger: "blur" }],
let7: [{ required: true, message: "请选择控件", trigger: "change" }],
},
tableData2: [],
tableData: [],
selectList: [],
add_dialog: false,
add_dialog3: false,
title: '',
openType: '',
title: "",
openType: "",
query_item1: null,
query_item3: null,
query_item4: null,
formData: {
rsName: '',
content: '',
rsName: "",
content: "",
arrList: [
{
eleGtId: '',
eleLtId: '',
scope: '',
eleGtId: "",
eleLtId: "",
scope: "",
},
],
icon: '',
iconId: '',
iconName: '',
icon: "",
iconId: "",
iconName: "",
},
rules: {
rsName: [
{ required: true, message: '请输入元素关系名称', trigger: 'blur' },
{ required: true, message: "请输入元素关系名称", trigger: "blur" },
],
content: [{ required: true, message: '请输入描述', trigger: 'blur' }],
content: [{ required: true, message: "请输入描述", trigger: "blur" }],
},
params: {
current: 1,
pageSize: 10,
rsName: '',
scope: '',
state: '',
rsName: "",
scope: "",
state: "",
},
page: {
current: 1,
......@@ -659,9 +469,9 @@ export default {
},
dicObj: {
state: {
0: '已停用',
1: '已发布',
2: '暂存',
0: "已停用",
1: "已发布",
2: "暂存",
},
scope: {},
eleLtId: {},
......@@ -682,143 +492,145 @@ export default {
],
guishuList: [
{
label: '架构之间',
label: "架构之间",
value: 0,
},
{
label: '系统架构',
label: "系统架构",
value: 1,
},
{
label: '业务架构',
label: "业务架构",
value: 2,
},
{
label: '应用架构',
label: "应用架构",
value: 3,
},
{
label: '数据架构',
label: "数据架构",
value: 4,
},
{
label: '技术架构',
label: "技术架构",
value: 5,
},
{
label: '安全架构',
label: "安全架构",
value: 6,
},
],
eleList: [],
radioName: '',
radioName: "",
search_select1: [
// {
// name: '架构之间',
// belongId: 0,
// },
],
is_add_edit2: 'add',
}
is_add_edit2: "add",
};
},
created(){
created() {
// 适用范围下拉
query_jia_gou_ceng_ci_new({"typeValue": "scope_application"}).then(res => {
this.search_select1 = res.data
this.search_select1.forEach((item) => {
this.dicObj.scope[item.value] = item.label
})
})
this.getStateList()
query_jia_gou_ceng_ci_new({ typeValue: "scope_application" }).then(
(res) => {
this.search_select1 = res.data;
this.search_select1.forEach((item) => {
this.dicObj.scope[item.value] = item.label;
});
}
);
this.getStateList();
// 获取元素列表
this.getYuansuList()
this.getYuansuList();
},
mounted() {
// 初始化查询列表
this.getList()
this.getList();
},
methods: {
getStateList(){
query_jia_gou_ceng_ci_new({"typeValue": "sys_state"}).then(res => {
getStateList() {
query_jia_gou_ceng_ci_new({ typeValue: "sys_state" }).then((res) => {
if (res.code == 200) {
this.stateList = res.data
this.stateList = res.data;
}
})
});
},
indexMethod(index) {
return (this.params.current - 1) * this.params.pageSize + index + 1
return (this.params.current - 1) * this.params.pageSize + index + 1;
},
queryAllKey() {
//查询控件右边的下拉框值
gAllDictKey().then((res) => {
this.controlValueSelect = res.data
})
this.controlValueSelect = res.data;
});
},
edit_dicy(row) {
//编辑字典
this.dicy_dialog = true
this.is_add_edit2 = 'edit'
this.queryAllKey()
this.propertyId = row.propertyId
this.ruleForm2.let1 = row.fieldName
this.ruleForm2.let2 = row.cnName
this.ruleForm2.let3 = row.displayOrder
this.ruleForm2.let4 = row.contentLength
this.ruleForm2.let5 = row.notNull == '0' ? '是' : '否'
this.ruleForm2.let6 = row.isShow == '0' ? '显示' : '不显示'
this.ruleForm2.let7 = String(row.controlType)
this.ruleForm2.let8 = row.dictKey
this.dicy_dialog = true;
this.is_add_edit2 = "edit";
this.queryAllKey();
this.propertyId = row.propertyId;
this.ruleForm2.let1 = row.fieldName;
this.ruleForm2.let2 = row.cnName;
this.ruleForm2.let3 = row.displayOrder;
this.ruleForm2.let4 = row.contentLength;
this.ruleForm2.let5 = row.notNull == "0" ? "是" : "否";
this.ruleForm2.let6 = row.isShow == "0" ? "显示" : "不显示";
this.ruleForm2.let7 = String(row.controlType);
this.ruleForm2.let8 = row.dictKey;
},
delete_dicy(row) {
//删除字典
MessageBox.confirm('确定删除?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
customClass: 'messageClass',
confirmButtonClass: 'confirmClass',
type: 'warning',
MessageBox.confirm("确定删除?", "提示", {
confirmButtonText: "确定",
cancelButtonText: "取消",
customClass: "messageClass",
confirmButtonClass: "confirmClass",
type: "warning",
})
.then(() => {
const params = {
propertyId: row.propertyId,
}
};
getYMXZDGLProyDel(params).then((res) => {
if (res.code == 200) {
this.getDicyTable()
this.getDicyTable();
Message({
type: 'success',
message: '删除成功!',
})
type: "success",
message: "删除成功!",
});
} else {
Message({
type: 'error',
type: "error",
message: res.msg,
})
});
}
})
});
})
.catch(() => {
Message({
type: 'info',
message: '已取消',
})
})
type: "info",
message: "已取消",
});
});
},
openDicyDialog() {
//打开字典窗口
this.dicy_dialog = true
this.is_add_edit2 = 'add'
this.dicy_dialog = true;
this.is_add_edit2 = "add";
this.$nextTick(() => {
this.$refs.form2.resetFields()
this.ruleForm2.let1 = null
this.ruleForm2.let2 = null
this.ruleForm2.let3 = 0
this.ruleForm2.let4 = 0
this.ruleForm2.let5 = '是'
this.ruleForm2.let6 = '显示'
this.ruleForm2.let7 = null
})
this.queryAllKey()
this.$refs.form2.resetFields();
this.ruleForm2.let1 = null;
this.ruleForm2.let2 = null;
this.ruleForm2.let3 = 0;
this.ruleForm2.let4 = 0;
this.ruleForm2.let5 = "是";
this.ruleForm2.let6 = "显示";
this.ruleForm2.let7 = null;
});
this.queryAllKey();
},
save_dicy() {
//字典窗口保存
......@@ -833,352 +645,352 @@ export default {
type: 2,
typeId: this.formData.eleRelaId,
dictKey: this.ruleForm2.let8,
notNull: this.ruleForm2.let5 == '是' ? 0 : 1,
isShow: this.ruleForm2.let6 == '显示' ? 0 : 1,
}
notNull: this.ruleForm2.let5 == "是" ? 0 : 1,
isShow: this.ruleForm2.let6 == "显示" ? 0 : 1,
};
const requestParams =
this.is_add_edit2 == 'add'
this.is_add_edit2 == "add"
? params
: { ...params, propertyId: this.propertyId }
if (this.is_add_edit2 == 'add') {
: { ...params, propertyId: this.propertyId };
if (this.is_add_edit2 == "add") {
getYMXZDGLProyAdd(requestParams).then((res) => {
if (res.code == 200) {
this.dicy_dialog = false
this.getDicyTable()
this.dicy_dialog = false;
this.getDicyTable();
Message({
type: 'success',
message: '保存成功!',
})
type: "success",
message: "保存成功!",
});
} else {
Message({
type: 'error',
type: "error",
message: res.msg,
})
});
}
})
});
} else {
getYMXZDGLProyUpdate(requestParams).then((res) => {
if (res.code == 200) {
this.dicy_dialog = false
this.getDicyTable()
this.dicy_dialog = false;
this.getDicyTable();
Message({
type: 'success',
message: '保存成功!',
})
type: "success",
message: "保存成功!",
});
} else {
Message({
type: 'error',
type: "error",
message: res.msg,
})
});
}
})
});
}
} else {
return false
return false;
}
})
});
},
// 查询列表
getList() {
this.loading = true
this.loading = true;
// if (this.params.state != '') {
// this.params.state = Number(this.params.state)
// }
getJGYSGLlist(this.params).then((res) => {
if (res.code == 200) {
this.loading = false
this.page.total = res.data.total
this.tableData = res.data.records
this.loading = false;
this.page.total = res.data.total;
this.tableData = res.data.records;
}
})
});
},
// 获取元素列表
getYuansuList() {
getEleList().then((res) => {
if (res.code == 200) {
this.eleList = res.data
this.eleList = res.data;
this.eleList.forEach((item) => {
this.dicObj.eleLtId[item.elementId] = item.elementName
})
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)
resolve(res.data);
} else {
reject(res.msg)
reject(res.msg);
}
})
})
});
});
},
// 重置
reset() {
this.params = {
current: 1,
pageSize: 10,
rsName: '',
scope: '',
state: '',
}
rsName: "",
scope: "",
state: "",
};
},
// 分页事件
handleSizeChange(val) {
this.page.current = 1
this.params.current = 1
this.page.current = 1;
this.params.current = 1;
this.page.size = val
this.params.pageSize = val
this.getList()
this.page.size = val;
this.params.pageSize = val;
this.getList();
},
handleCurrentChange(val) {
this.page.current = val
this.params.current = val
this.getList()
this.page.current = val;
this.params.current = val;
this.getList();
},
getDicyTable() {
//字典表格
const params = {
type: 2,
typeId: this.formData.eleRelaId,
}
};
getYMXZDGLProyList(params).then((res) => {
if (res.code == 200) {
// console.log(res.data)
this.tableData2 = res.data
this.tableData2 = res.data;
}
})
});
},
// 所有操作
operate(type, item) {
this.openType = type
if (type == 'add') {
this.add_dialog = true
this.title = '新建元素关系'
this.resetForm()
this.openType = type;
if (type == "add") {
this.add_dialog = true;
this.title = "新建元素关系";
this.resetForm();
this.$nextTick(() => {
this.$refs.relaForm.resetFields()
})
} else if (type == 'edit') {
this.add_dialog = true
this.title = '编辑元素关系'
this.formData = item
this.getDicyTable()
} else if (type == 'view') {
this.$refs.relaForm.resetFields();
});
} else if (type == "edit") {
this.add_dialog = true;
this.title = "编辑元素关系";
this.formData = item;
this.getDicyTable();
} else if (type == "view") {
// this.add_dialog3 = true
// this.formData = item
this.add_dialog = true
this.title = '查看元素关系'
this.formData = item
this.getDicyTable()
} else if (type == 'create') {
this.add_dialog = true;
this.title = "查看元素关系";
this.formData = item;
this.getDicyTable();
} else if (type == "create") {
this.$refs.relaForm.validate((valid) => {
if (valid) {
if (this.formData.iconId == '') {
this.$message.error('请选择图标')
return
if (this.formData.iconId == "") {
this.$message.error("请选择图标");
return;
}
// if (this.formData.arrList[0].scope === "") {
// this.$message.error("请选择至少一种约束条件");
// return;
// }
this.formData.state = 2
this.formData.state = 2;
// 赋值不同图标名称
if (this.formData.iconId == 'img1') {
this.formData.iconName = 'endArrow=none;html=1;'
} else if (this.formData.iconId == 'img2') {
this.formData.iconName = 'endArrow=classic;html=1;'
} else if (this.formData.iconId == 'img3') {
if (this.formData.iconId == "img1") {
this.formData.iconName = "endArrow=none;html=1;";
} else if (this.formData.iconId == "img2") {
this.formData.iconName = "endArrow=classic;html=1;";
} else if (this.formData.iconId == "img3") {
this.formData.iconName =
'endArrow=classic;startArrow=classic;html=1;'
} else if (this.formData.iconId == 'img4') {
"endArrow=classic;startArrow=classic;html=1;";
} else if (this.formData.iconId == "img4") {
this.formData.iconName =
'edgeStyle=elbowEdgeStyle;elbow=horizontal;endArrow=classic;html=1;curved=0;rounded=0;endSize=8;startSize=8;'
} else if (this.formData.iconId == 'img5') {
this.formData.iconName = 'curve'
"edgeStyle=elbowEdgeStyle;elbow=horizontal;endArrow=classic;html=1;curved=0;rounded=0;endSize=8;startSize=8;";
} else if (this.formData.iconId == "img5") {
this.formData.iconName = "curve";
}
if (this.formData.eleRelaId) {
// 编辑保存
getJGYSGLUpdate(this.formData).then((res) => {
if (res.code == 200) {
this.$message.success('保存成功')
this.add_dialog = false
this.getList()
this.$message.success("保存成功");
this.add_dialog = false;
this.getList();
} else {
this.add_dialog = false
this.$message.error(res.msg)
this.add_dialog = false;
this.$message.error(res.msg);
}
})
});
} else {
// 新建保存
getJGYSGLAdd(this.formData).then((res) => {
if (res.code == 200) {
this.$message.success('保存成功')
this.add_dialog = false
this.getList()
this.$message.success("保存成功");
this.add_dialog = false;
this.getList();
} else {
this.add_dialog = false
this.$message.error(res.msg)
this.add_dialog = false;
this.$message.error(res.msg);
}
})
});
}
}
})
} else if (type == 'pushAdd') {
this.formData.state = 1
});
} else if (type == "pushAdd") {
this.formData.state = 1;
if (this.formData.eleRelaId) {
// 编辑发布
getJGYSGLUpdate(this.formData).then((res) => {
if (res.code == 200) {
this.$message.success('发布成功')
this.add_dialog = false
this.getList()
this.$message.success("发布成功");
this.add_dialog = false;
this.getList();
} else {
this.add_dialog = false
this.$message.error(res.msg)
this.add_dialog = false;
this.$message.error(res.msg);
}
})
});
} else {
// 新建发布
getJGYSGLAdd(this.formData).then((res) => {
if (res.code == 200) {
this.$message.success('发布成功')
this.add_dialog = false
this.getList()
this.$message.success("发布成功");
this.add_dialog = false;
this.getList();
} else {
this.add_dialog = false
this.$message.error(res.msg)
this.add_dialog = false;
this.$message.error(res.msg);
}
})
});
}
} else if (type == 'pushEdit') {
} else if (type == "pushEdit") {
// 编辑发布
this.$confirm('确认发布吗', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
customClass: 'messageClass',
confirmButtonClass: 'confirmClass',
type: 'warning',
this.$confirm("确认发布吗", "提示", {
confirmButtonText: "确定",
cancelButtonText: "取消",
customClass: "messageClass",
confirmButtonClass: "confirmClass",
type: "warning",
})
.then(() => {
this.formData = item
this.formData.state = 1
this.formData = item;
this.formData.state = 1;
getJGYSGLUpdate(this.formData).then((res) => {
if (res.code == 200) {
this.$message.success('发布成功')
this.getList()
this.$message.success("发布成功");
this.getList();
} else {
this.$message.error(res.msg)
this.$message.error(res.msg);
}
})
});
})
.catch(() => {})
} else if (type == 'stop') {
.catch(() => { });
} else if (type == "stop") {
// 停用
this.$confirm('确认停用吗?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
customClass: 'messageClass',
confirmButtonClass: 'confirmClass',
type: 'warning',
this.$confirm("确认停用吗?", "提示", {
confirmButtonText: "确定",
cancelButtonText: "取消",
customClass: "messageClass",
confirmButtonClass: "confirmClass",
type: "warning",
})
.then(() => {
this.formData = item
this.formData.state = 0
this.formData = item;
this.formData.state = 0;
getJGYSGLUpdate(this.formData).then((res) => {
if (res.code == 200) {
this.$message.success('停用成功')
this.getList()
this.$message.success("停用成功");
this.getList();
} else {
this.$message.error(res.msg)
this.$message.error(res.msg);
}
})
});
})
.catch(() => {})
} else if (type == 'del') {
.catch(() => { });
} else if (type == "del") {
// 删除
this.$confirm('确认删除吗?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
customClass: 'messageClass',
confirmButtonClass: 'confirmClass',
type: 'warning',
this.$confirm("确认删除吗?", "提示", {
confirmButtonText: "确定",
cancelButtonText: "取消",
customClass: "messageClass",
confirmButtonClass: "confirmClass",
type: "warning",
})
.then(() => {
this.formData = item
this.formData.delFlag = 1
this.formData = item;
this.formData.delFlag = 1;
getJGYSGLDel(this.formData).then((res) => {
if (res.code == 200) {
this.$message.success('删除成功')
this.getList()
this.$message.success("删除成功");
this.getList();
} else {
this.$message.error(res.msg)
this.$message.error(res.msg);
}
})
});
})
.catch(() => {})
} else if (type == 'pushAll') {
.catch(() => { });
} else if (type == "pushAll") {
if (this.selectList.length <= 0) {
this.$message.error('请选择一项进行发布')
return
this.$message.error("请选择一项进行发布");
return;
}
let params = {
eleRelaId: [],
state: 2,
}
};
this.selectList.map((item) => {
params.eleRelaId.push(item.eleRelaId)
})
params.eleRelaId.push(item.eleRelaId);
});
this.$confirm('确认批量发布吗', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning',
this.$confirm("确认批量发布吗", "提示", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning",
})
.then(() => {
getJGYSGLUpdateBatch(params).then((res) => {
if (res.code == 200) {
this.$message.success('批量发布成功')
this.getList()
this.$message.success("批量发布成功");
this.getList();
} else {
this.$message.error(res.msg)
this.$message.error(res.msg);
}
})
});
})
.catch(() => {})
.catch(() => { });
}
},
// 新建清空表单
resetForm() {
this.formData = {
rsName: '',
content: '',
rsName: "",
content: "",
arrList: [
{
eleGtId: '',
eleLtId: '',
scope: '',
eleGtId: "",
eleLtId: "",
scope: "",
},
],
icon: '',
iconId: '',
iconName: '',
}
this.radioName = ''
icon: "",
iconId: "",
iconName: "",
};
this.radioName = "";
},
// 表格多选
handleSelectionChange(e) {
this.selectList = e
this.selectList = e;
},
selectInit(row, index) {
if (row.state != '1') {
return true //可勾选
if (row.state != "1") {
return true; //可勾选
} else {
return false //不可勾选
return false; //不可勾选
}
},
......@@ -1186,51 +998,50 @@ export default {
operateDia(type, index) {
switch (type) {
// 添加
case 'add':
case "add":
this.formData.arrList.push({
eleGtId: '',
eleLtId: '',
scope: '',
})
break
eleGtId: "",
eleLtId: "",
scope: "",
});
break;
// 删除
case 'del':
this.formData.arrList.splice(index, 1)
break
case "del":
this.formData.arrList.splice(index, 1);
break;
}
},
//
selectChange1(item, index) {
var str1 = ''
var str2 = ''
var lastStr = ''
if (item.eleGtId == '' && item.eleLtId == '') {
this.formData.arrList[index].scope = ''
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
str1 = itemY.archiBelongId;
}
if (item.eleLtId == itemY.elementId) {
str2 = itemY.archiBelongId
str2 = itemY.archiBelongId;
}
})
if (str2 != '' && str1 != '' && str1 != str2) {
this.formData.arrList[index].scope = 0
});
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
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.value) {
this.formData.arrList[index].scope = itemX.value
this.formData.arrList[index].scope = itemX.value;
// if (itemX.name == "系统架构") {
// this.formData.arrList[index].scope = 1;
// }else if (itemX.name == "业务架构") {
......@@ -1245,17 +1056,18 @@ export default {
// this.formData.arrList[index].scope = 6;
// }
}
})
});
}
}
},
},
}
};
</script>
<style>
.confirmClass {
background-color: #0d867f !important;
}
.el-message-box__content {
padding: 60px 15px 60px 15px;
}
......@@ -1269,83 +1081,103 @@ export default {
justify-content: flex-start;
align-items: center;
}
.add_dialog_content {
width: 100%;
}
.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;
}
}
}
.el-button--primary {
background: rgba(13, 134, 127, 0.1);
color: #0d867f;
border: 0;
}
.el-button.is-disabled {
color: #c0c4cc !important;
background-color: #fff !important;
}
.shanChu_btn {
color: #dd6a15;
background-color: #f8ebe2;
}
.tingYong_btn {
color: #dea82a;
background-color: #fdf6e6;
}
/deep/ .dialog1 .el-dialog__body {
height: 55vh;
overflow-y: auto;
}
/deep/ .el-dialog__header {
background-color: #0d867f;
text-align: left;
}
/deep/ .el-dialog__title {
color: #fff;
}
/deep/ .el-dialog__close {
color: #fff;
}
.search_menu {
display: flex;
justify-content: space-between;
}
.search_menu_item_container {
display: flex;
align-items: center;
}
.search_menu_btn_container {
display: flex;
align-items: center;
}
.search_menu_item {
display: flex;
align-items: center;
width: 344px;
}
.search_title {
/* width: 20%; */
flex-shrink: 0;
margin-right: 15px;
}
.search_item {
width: 60%;
}
.search_btn {
width: 100%;
display: flex;
margin-top: 14px;
margin-bottom: 14px;
}
.add_btn {
display: flex;
align-items: center;
......@@ -1359,6 +1191,7 @@ export default {
color: #0d867f;
cursor: pointer;
}
.version_btn {
display: flex;
align-items: center;
......@@ -1373,6 +1206,7 @@ export default {
cursor: pointer;
margin-left: 15px;
}
.query_btn {
display: flex;
align-items: center;
......@@ -1387,6 +1221,7 @@ export default {
margin-right: 10px;
cursor: pointer;
}
.reset_btn {
display: flex;
align-items: center;
......@@ -1400,89 +1235,111 @@ export default {
color: #666;
cursor: pointer;
}
.btn_icon {
margin-right: 10px;
}
.table_container {
width: 97%;
margin-top: 20px;
.tableIcon {
width: 100%;
display: flex;
justify-content: center;
.iconItem {
width: 30px;
height: 30px;
}
}
.editBtn {
color: #0d867f;
}
.delBtn {
color: #db6209;
}
.stopBtn {
color: #e7a20e;
}
}
.el-pagination {
margin-top: 50px;
}
.form_item_container {
display: flex;
flex-wrap: wrap;
.cross1 {
width: 100% !important;
margin-left: 27px;
/deep/ .el-form-item__label {
width: 12%;
}
/deep/ .el-form-item__content {
width: 87% !important;
}
}
.el-form-item {
display: flex;
width: 100%;
}
}
.el-form-item {
display: flex;
align-items: center;
width: 33%;
}
.dialog_form_item {
display: flex;
align-items: center;
margin-bottom: 10px;
width: 100%;
.formArea {
width: 100%;
border-radius: 5px;
border: 1px solid #0d867f;
margin-top: 10px;
.formLine {
display: flex;
align-items: center;
height: 50px;
margin-left: 10px;
width: 100%;
.formItem {
margin-left: 15px;
display: flex;
align-items: center;
width: 27%;
.label {
width: 38%;
text-align: right;
margin-right: 5px;
}
/deep/.el-input {
width: 95%;
}
}
.newBtn {
width: 7%;
.addItem {
background-color: #0d867f;
color: #fff;
......@@ -1491,22 +1348,27 @@ export default {
}
}
}
.dialog_form_item_title {
flex-shrink: 0;
margin-right: 15px;
width: 140px;
text-align: right;
.reqIcon {
color: #f56c6c;
margin-right: 4px;
}
}
/deep/ .el-dialog__header {
text-align: left;
}
/deep/ .el-pagination.is-background .el-pager li:not(.disabled).active {
background-color: #0d867f;
}
.greenButton {
background-color: #0d867f;
color: #fff;
......
src/views/archiViewConfig/index.vue
......@@ -5,146 +5,64 @@
<div class="search_menu_item_container">
<div class="search_menu_item">
<span class="search_title">架构视图名称</span>
<el-input
v-model="params.viewName"
placeholder="请输入内容"
class="search_item"
></el-input>
<el-input v-model="params.viewName" placeholder="请输入内容" class="search_item"></el-input>
</div>
<div class="search_menu_item">
<span class="search_title">架构大类</span>
<el-select
v-model="params.archiStage"
placeholder="请选择"
clearable
class="search_item"
>
<el-option
v-for="(item, idnex) in archiStageList"
:key="idnex"
:label="item.label"
:value="item.value"
></el-option>
<el-select v-model="params.archiStage" placeholder="请选择" clearable class="search_item">
<el-option v-for="(item, idnex) in archiStageList" :key="idnex" :label="item.label"
:value="item.value"></el-option>
</el-select>
</div>
<div class="search_menu_item">
<span class="search_title">架构层次</span>
<el-select
v-model="params.archiLevelId"
placeholder="请选择"
clearable
class="search_item"
>
<el-option
v-for="(item, idnex) in levelList"
:key="idnex"
:label="item.label"
:value="item.value"
></el-option>
<el-select v-model="params.archiLevelId" placeholder="请选择" clearable class="search_item">
<el-option v-for="(item, idnex) in levelList" :key="idnex" :label="item.label"
:value="item.value"></el-option>
</el-select>
</div>
<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, idnex) in belongList"
:key="idnex"
:label="item.label"
:value="item.value"
></el-option>
<el-select v-model="params.archiBelongId" placeholder="请选择" clearable class="search_item">
<el-option v-for="(item, idnex) in belongList" :key="idnex" :label="item.label"
:value="item.value"></el-option>
</el-select>
</div>
<div class="search_menu_item">
<span class="search_title">状态</span>
<el-select
v-model="params.state"
clearable
placeholder="请选择"
class="search_item"
>
<el-option
v-for="(item, idnex) in stateList"
:key="idnex"
:label="item.label"
:value="item.value"
></el-option>
<el-select v-model="params.state" clearable placeholder="请选择" class="search_item">
<el-option v-for="(item, idnex) in stateList" :key="idnex" :label="item.label"
:value="item.value"></el-option>
</el-select>
</div>
</div>
<div class="search_menu_btn_container">
<div class="query_btn" @click="getTable">
<img
class="btn_icon"
src="@/assets/archi-ele-list/search.png"
alt=""
/>
<img class="btn_icon" src="@/assets/archi-ele-list/search.png" alt="" />
<p>查询</p>
</div>
<div class="reset_btn" @click="reset">
<img
class="btn_icon"
src="@/assets/archi-ele-list/reset.png"
alt=""
/>
<img class="btn_icon" src="@/assets/archi-ele-list/reset.png" alt="" />
<p>重置</p>
</div>
</div>
</div>
<div class="search_btn">
<div class="add_btn" @click="operate('add')">
<img
class="btn_icon"
src="@/assets/archi-ele-list/create.png"
alt=""
/>
<img class="btn_icon" src="@/assets/archi-ele-list/create.png" alt="" />
<p>新建</p>
</div>
<div class="version_btn" @click="operate('pushAll')">
<img
class="btn_icon"
src="@/assets/archi-ele-list/version.png"
alt=""
/>
<img class="btn_icon" src="@/assets/archi-ele-list/version.png" alt="" />
<p>版本发布</p>
</div>
</div>
<el-table
:data="tableData"
stripe
border
@selection-change="handleSelectionChange"
:height="tableHeight"
>
<el-table-column
type="selection"
width="55"
:selectable="selectInit"
></el-table-column>
<el-table-column
type="index"
:index="indexMethod"
label="序号"
width="80"
align="center"
></el-table-column>
<el-table-column
prop="viewName"
label="架构视图名称"
width="150"
align="center"
show-overflow-tooltip
></el-table-column>
<el-table-column
prop="archiStage"
label="架构大类"
width="150"
align="center"
>
<el-table :data="tableData" stripe border @selection-change="handleSelectionChange" :height="tableHeight">
<el-table-column type="selection" width="55" :selectable="selectInit"></el-table-column>
<el-table-column type="index" :index="indexMethod" label="序号" width="80" align="center"></el-table-column>
<el-table-column prop="viewName" label="架构视图名称" width="150" align="center"
show-overflow-tooltip></el-table-column>
<el-table-column prop="archiStage" label="架构大类" width="150" align="center">
<template slot-scope="scope">
<span v-if="scope.row.archiStage == 1">总体架构</span>
<span v-else-if="scope.row.archiStage == 2">系统架构</span>
......@@ -152,47 +70,21 @@
<span v-else-if="scope.row.archiStage == 4">其他架构</span>
</template>
</el-table-column>
<el-table-column
prop="archiLevelId"
label="架构层次"
width="150"
align="center"
>
<el-table-column prop="archiLevelId" label="架构层次" width="150" align="center">
<template slot-scope="scope">
<span>{{ dicObj.archiLevelId[scope.row.archiLevelId] }}</span>
</template>
</el-table-column>
<el-table-column
prop="archiBelongId"
label="架构归属"
width="150"
align="center"
>
<el-table-column prop="archiBelongId" label="架构归属" width="150" align="center">
<template slot-scope="scope">
<span>{{ dicObj.archiBelongId[scope.row.archiBelongId] }}</span>
</template>
</el-table-column>
<el-table-column
prop="viewCode"
label="视图编码"
width="150"
align="center"
show-overflow-tooltip
></el-table-column>
<el-table-column
prop="content"
label="视图描述"
width="150"
align="center"
show-overflow-tooltip
></el-table-column>
<el-table-column
prop="eleName"
label="元素范围"
align="center"
width="200"
:show-overflow-tooltip="true"
></el-table-column>
<el-table-column prop="viewCode" label="视图编码" width="150" align="center"
show-overflow-tooltip></el-table-column>
<el-table-column prop="content" label="视图描述" width="150" align="center" show-overflow-tooltip></el-table-column>
<el-table-column prop="eleName" label="元素范围" align="center" width="200"
:show-overflow-tooltip="true"></el-table-column>
<!-- <el-table-column
prop="relName"
label="元素关系范围"
......@@ -200,12 +92,7 @@
width="200"
:show-overflow-tooltip="true"
></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="状态" width="80" align="center">
<template slot-scope="scope">
<span>{{ dicObj.state[scope.row.state] }}</span>
......@@ -213,94 +100,42 @@
</el-table-column>
<el-table-column label="操作" width="440" align="center">
<template slot-scope="scope">
<div
style="
<div style="
display: flex;
align-items: center;
justify-content: center;
"
>
<el-button
type="primary"
icon="el-icon-view"
size="mini"
@click="operate('view', scope.row)"
>查看</el-button
>
<el-button
type="primary"
icon="el-icon-edit"
size="mini"
@click="operate('edit', scope.row)"
:disabled="scope.row.state == 1"
>编辑</el-button
>
<el-button
type="primary"
icon="el-icon-upload2"
size="mini"
@click="operate('pushEdit', scope.row)"
:disabled="scope.row.state == 1"
>发布</el-button
>
<el-button
class="tingYong_btn"
icon="el-icon-remove-outline"
size="mini"
@click="operate('stop', scope.row)"
:disabled="scope.row.state != 1"
>停用</el-button
>
<el-button
class="shanChu_btn"
icon="el-icon-delete"
size="mini"
@click="operate('del', scope.row)"
:disabled="scope.row.state != 2"
>删除</el-button
>
">
<el-button type="primary" icon="el-icon-view" size="mini"
@click="operate('view', scope.row)">查看</el-button>
<el-button type="primary" icon="el-icon-edit" size="mini" @click="operate('edit', scope.row)"
:disabled="scope.row.state == 1">编辑</el-button>
<el-button type="primary" icon="el-icon-upload2" size="mini" @click="operate('pushEdit', scope.row)"
:disabled="scope.row.state == 1">发布</el-button>
<el-button class="tingYong_btn" icon="el-icon-remove-outline" size="mini"
@click="operate('stop', scope.row)" :disabled="scope.row.state != 1">停用</el-button>
<el-button class="shanChu_btn" icon="el-icon-delete" size="mini" @click="operate('del', scope.row)"
:disabled="scope.row.state != 2">删除</el-button>
</div>
</template>
</el-table-column>
</el-table>
<el-pagination
background
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
:current-page="page.current"
:page-sizes="page.sizes"
:page-size="page.size"
layout="total, sizes, prev, pager, next, jumper"
:total="page.total"
>
<el-pagination background @size-change="handleSizeChange" @current-change="handleCurrentChange"
:current-page="page.current" :page-sizes="page.sizes" :page-size="page.size"
layout="total, sizes, prev, pager, next, jumper" :total="page.total">
</el-pagination>
</div>
<el-dialog
:title="title"
:visible.sync="add_dialog"
top="4%"
class="dialog1"
:center="false"
width="60%"
>
<el-dialog :title="title" :visible.sync="add_dialog" top="4%" class="dialog1" :center="false" width="60%">
<div class="add_dialog_content">
<el-form :model="formData" :rules="rules" ref="viewForm">
<div class="form_item_container">
<el-form-item class="cross" label="架构视图名称:" prop="viewName">
<el-input
v-model="formData.viewName"
maxlength="100"
:disabled="title == '查看架构视图' ? true : false"
></el-input>
<el-input v-model="formData.viewName" maxlength="100"
:disabled="title == '查看架构视图' ? true : false"></el-input>
</el-form-item>
<el-form-item class="cross" label="架构大类:" prop="archiStage">
<el-select
v-model="formData.archiStage"
placeholder="请选择"
clearable
:disabled="title == '查看架构视图' ? true : false"
>
<el-select v-model="formData.archiStage" placeholder="请选择" clearable
:disabled="title == '查看架构视图' ? true : false">
<el-option label="总体架构" :value="1"></el-option>
<el-option label="系统架构" :value="2"></el-option>
<el-option label="概设架构" :value="3"></el-option>
......@@ -308,58 +143,28 @@
</el-select>
</el-form-item>
<el-form-item class="cross" label="架构层次:" prop="archiLevelId">
<el-select
v-model="formData.archiLevelId"
placeholder="请选择"
clearable
:disabled="title == '查看架构视图' ? true : false"
>
<el-option
v-for="(item, idnex) in levelList"
:key="idnex"
:label="item.label"
:value="item.value"
></el-option>
<el-select v-model="formData.archiLevelId" placeholder="请选择" clearable
:disabled="title == '查看架构视图' ? true : false">
<el-option v-for="(item, idnex) in levelList" :key="idnex" :label="item.label"
:value="item.value"></el-option>
</el-select>
</el-form-item>
<el-form-item class="cross" label="架构归属:" prop="archiBelongId">
<el-select
v-model="formData.archiBelongId"
placeholder="请选择"
clearable
:disabled="title == '查看架构视图' ? true : false"
>
<el-option
v-for="(item, idnex) in belongList"
:key="idnex"
:label="item.label"
:value="item.value"
></el-option>
<el-select v-model="formData.archiBelongId" placeholder="请选择" clearable
:disabled="title == '查看架构视图' ? true : false">
<el-option v-for="(item, idnex) in belongList" :key="idnex" :label="item.label"
:value="item.value"></el-option>
</el-select>
</el-form-item>
<el-form-item v-if="this.openType == 'edit' || this.openType == 'view'" class="cross1" label="视图编码:" prop="viewCode">
<el-input
type="textarea"
:rows="1"
maxlength="200"
disabled
show-word-limit
placeholder="请输入内容"
class="dialog_form_item_content"
v-model="formData.viewCode"
></el-input>
<el-form-item v-if="this.openType == 'edit' || this.openType == 'view'" class="cross1" label="视图编码:"
prop="viewCode">
<el-input type="textarea" :rows="1" maxlength="200" disabled show-word-limit placeholder="请输入内容"
class="dialog_form_item_content" v-model="formData.viewCode"></el-input>
</el-form-item>
<el-form-item class="cross1" label="视图描述:" prop="content">
<el-input
type="textarea"
:rows="3"
maxlength="200"
:disabled="title == '查看架构视图' ? true : false"
show-word-limit
placeholder="请输入内容"
class="dialog_form_item_content"
v-model="formData.content"
></el-input>
<el-input type="textarea" :rows="3" maxlength="200" :disabled="title == '查看架构视图' ? true : false"
show-word-limit placeholder="请输入内容" class="dialog_form_item_content"
v-model="formData.content"></el-input>
</el-form-item>
</div>
</el-form>
......@@ -368,12 +173,7 @@
<span class="reqIcon">*</span>元素范围
</div>
<el-input v-model="formData.eleName" readonly></el-input>
<el-button
type="primary"
@click="openDialog2"
v-if="title == '查看架构视图' ? false : true"
>添加</el-button
>
<el-button type="primary" @click="openDialog2" v-if="title == '查看架构视图' ? false : true">添加</el-button>
<!-- <el-table :data="tableData1" ref="multipleTable1" border height="195" @selection-change="handleSelectionChange1">
<el-table-column type="selection" width="55"></el-table-column>
......@@ -393,7 +193,7 @@
>添加</el-button
>
</div> -->
<div
<!-- <div
style="text-align: right; margin: 20px 0 10px 0; width: 96%"
v-if="title != '新建架构视图'"
>
......@@ -465,69 +265,32 @@
</template>
</el-table-column>
</el-table>
</div>
</div> -->
</div>
<span
slot="footer"
class="dialog-footer"
v-if="title == '查看架构视图' ? false : true"
>
<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 slot="footer" class="dialog-footer" v-if="title == '查看架构视图' ? false : true">
<el-button class="greenButton" @click="operate('pushAdd')">发布</el-button>
<el-button class="greenButton" @click="operate('create')">保存</el-button>
<el-button @click="closeAddDialog">取消</el-button>
</span>
</el-dialog>
<el-dialog
title="编辑字典属性"
:visible.sync="dicy_dialog"
:center="false"
:close-on-click-modal="false"
width="60%"
>
<el-form
:model="ruleForm2"
ref="form2"
:rules="rules2"
style="display: flex; flex-wrap: wrap"
>
<el-dialog title="编辑字典属性" :visible.sync="dicy_dialog" :center="false" :close-on-click-modal="false" width="60%">
<el-form :model="ruleForm2" ref="form2" :rules="rules2" style="display: flex; flex-wrap: wrap">
<el-form-item label="字段名:" prop="let1">
<el-input
v-no-backslash
v-model="ruleForm2.let1"
maxlength="100"
:rules="[
<el-input v-no-backslash v-model="ruleForm2.let1" maxlength="100" :rules="[
{ required: true, message: '请输入字段名', trigger: 'blur' },
]"
></el-input>
]"></el-input>
</el-form-item>
<el-form-item label="中文名:" prop="let2">
<el-input
v-no-backslash
v-model="ruleForm2.let2"
maxlength="100"
:rules="[
<el-input v-no-backslash v-model="ruleForm2.let2" maxlength="100" :rules="[
{ required: true, message: '请输入中文名', trigger: 'blur' },
]"
></el-input>
]"></el-input>
</el-form-item>
<el-form-item label="排序:" prop="let3">
<el-input-number
style="width: 200px"
v-model="ruleForm2.let3"
:min="0"
></el-input-number>
<el-input-number style="width: 200px" v-model="ruleForm2.let3" :min="0"></el-input-number>
</el-form-item>
<el-form-item label="长度:" prop="let4">
<el-input-number
style="width: 200px"
v-model="ruleForm2.let4"
:min="0"
></el-input-number>
<el-input-number style="width: 200px" v-model="ruleForm2.let4" :min="0"></el-input-number>
</el-form-item>
<el-form-item label="是否可以展示:" prop="let5">
<el-radio-group v-model="ruleForm2.let5">
......@@ -550,12 +313,8 @@
</el-form-item>
<el-form-item v-if="ruleForm2.let7 == 2" label="控件值:" prop="let8">
<el-select v-model="ruleForm2.let8" placeholder="请选择" clearable>
<el-option
v-for="(item, idnex) in controlValueSelect"
:key="idnex"
:label="item.name"
:value="item.typeValue"
></el-option>
<el-option v-for="(item, idnex) in controlValueSelect" :key="idnex" :label="item.name"
:value="item.typeValue"></el-option>
</el-select>
</el-form-item>
</el-form>
......@@ -565,18 +324,8 @@
</span>
</el-dialog>
<el-dialog
title="元素选择"
:visible.sync="dialog2"
:center="false"
:close-on-click-modal="false"
width="40%"
>
<el-transfer
v-model="transferValue1"
:data="tableData1"
:right-default-checked="transferValue1"
>
<el-dialog title="元素选择" :visible.sync="dialog2" :center="false" :close-on-click-modal="false" width="40%">
<el-transfer v-model="transferValue1" :data="tableData1" :right-default-checked="transferValue1">
</el-transfer>
<span slot="footer" class="dialog-footer">
<el-button class="greenButton" @click="saveDialog2">保存</el-button>
......@@ -584,18 +333,8 @@
</span>
</el-dialog>
<el-dialog
title="元素关系选择"
:visible.sync="dialog3"
:center="false"
:close-on-click-modal="false"
width="40%"
>
<el-transfer
v-model="transferValue2"
:data="tableData2"
:right-default-checked="transferValue2"
>
<el-dialog title="元素关系选择" :visible.sync="dialog3" :center="false" :close-on-click-modal="false" width="40%">
<el-transfer v-model="transferValue2" :data="tableData2" :right-default-checked="transferValue2">
</el-transfer>
<span slot="footer" class="dialog-footer">
<el-button class="greenButton" @click="saveDialog3">保存</el-button>
......@@ -735,8 +474,8 @@ export default {
openType: '',
}
},
created(){
// 获取下拉
created() {
// 获取下拉
this.getArchiStageList()
this.getLevelList()
this.getBelongList()
......@@ -748,10 +487,10 @@ export default {
this.set_table_height()
})
this.set_table_height()
// 查询视图下拉
// this.getViewNameList();
// 获取元素和元素关系列表
this.getEleList()
this.gtEleRelList()
......@@ -761,16 +500,16 @@ export default {
},
methods: {
// 架构大类
getArchiStageList(){
query_jia_gou_ceng_ci_new({"typeValue": "archi_stage"}).then(res => {
getArchiStageList() {
query_jia_gou_ceng_ci_new({ "typeValue": "archi_stage" }).then(res => {
if (res.code == 200) {
this.archiStageList = res.data
}
})
},
// 状态
getStateList(){
query_jia_gou_ceng_ci_new({"typeValue": "sys_state"}).then(res => {
getStateList() {
query_jia_gou_ceng_ci_new({ "typeValue": "sys_state" }).then(res => {
if (res.code == 200) {
this.stateList = res.data
}
......@@ -984,7 +723,7 @@ export default {
// 获取下拉
getLevelList() {
// query_jia_gou_ceng_ci().then((res) => {
query_jia_gou_ceng_ci_new({"typeValue": "archi_level"}).then(res => {
query_jia_gou_ceng_ci_new({ "typeValue": "archi_level" }).then(res => {
if (res.code == 200) {
this.levelList = res.data
this.levelList.forEach((item) => {
......@@ -995,7 +734,7 @@ export default {
},
getBelongList() {
// query_jia_gou_gui_shu().then((res) => {
query_jia_gou_ceng_ci_new({"typeValue": "archi_belong"}).then(res => {
query_jia_gou_ceng_ci_new({ "typeValue": "archi_belong" }).then(res => {
if (res.code == 200) {
this.belongList = res.data
this.belongList.forEach((item) => {
......@@ -1028,7 +767,7 @@ export default {
// });
// },
getEleList() {
getEleList({state: 1}).then((res) => {
getEleList({ state: 1 }).then((res) => {
if (res.code == 200) {
res.data.map((item) => {
item['key'] = item.elementId
......@@ -1039,7 +778,7 @@ export default {
})
},
gtEleRelList() {
gtEleRelList({state: 1}).then((res) => {
gtEleRelList({ state: 1 }).then((res) => {
if (res.code == 200) {
res.data.map((item) => {
item['key'] = item.eleRelaId
......@@ -1073,6 +812,10 @@ export default {
this.params.current = val
this.getList()
},
async closeAddDialog() {
await this.$refs.viewForm.resetFields()
this.add_dialog = false
},
// 所有操作
operate(type, item) {
this.openType = type
......@@ -1135,7 +878,6 @@ export default {
} else if (type == 'edit') {
this.add_dialog = true
this.title = '编辑架构视图'
this.$refs.viewForm.resetFields()
this.resetForm()
this.viewId = item.viewId
......@@ -1312,7 +1054,7 @@ export default {
}
})
})
.catch(() => {})
.catch(() => { })
} else if (type == 'stop') {
// 停用
this.$confirm('确认停用吗', '提示', {
......@@ -1332,7 +1074,7 @@ export default {
}
})
})
.catch(() => {})
.catch(() => { })
} else if (type == 'del') {
// 删除
this.$confirm('确认删除吗', '提示', {
......@@ -1352,7 +1094,7 @@ export default {
}
})
})
.catch(() => {})
.catch(() => { })
} else if (type == 'pushAll') {
if (this.selectList.length <= 0) {
this.$message.error('请选择一项进行发布')
......@@ -1381,7 +1123,7 @@ export default {
}
})
})
.catch(() => {})
.catch(() => { })
}
},
// 新建清空表单
......@@ -1434,6 +1176,7 @@ export default {
.confirmClass {
background-color: #0d867f !important;
}
.el-message-box__content {
padding: 60px 15px 60px 15px;
}
......@@ -1444,23 +1187,28 @@ export default {
color: #0d867f;
border: 0;
}
.el-button.is-disabled {
color: #c0c4cc !important;
background-color: #fff !important;
}
.el-form-item {
display: flex;
align-items: center;
width: 33%;
}
.tingYong_btn {
color: #dea82a;
background-color: #fdf6e6;
}
.shanChu_btn {
color: #dd6a15;
background-color: #f8ebe2;
}
.JiaGouYuanShuGuanLi {
width: 100%;
height: 100%;
......@@ -1469,57 +1217,73 @@ export default {
justify-content: flex-start;
align-items: center;
}
/deep/ .dialog1 .el-dialog__body {
height: 55vh;
overflow-y: auto;
}
/deep/ .el-transfer-panel__item {
text-align: left;
}
/deep/ .el-dialog__header {
background-color: #0d867f;
text-align: left;
}
/deep/ .el-dialog__title {
color: #fff;
}
/deep/ .el-dialog__close {
color: #fff;
}
.form_item_container {
display: flex;
flex-wrap: wrap;
.cross {
width: 32% !important;
/deep/ .el-form-item__label {
width: 40%;
}
/deep/ .el-form-item__content {
width: 60% !important;
}
}
.cross1 {
width: 100% !important;
/deep/ .el-form-item__label {
width: 13%;
}
/deep/ .el-form-item__content {
width: 83% !important;
}
}
.el-form-item {
display: flex;
width: 100%;
}
}
.dialog_content_1 {
display: flex;
justify-content: space-between;
}
.search_menu {
display: flex;
justify-content: space-between;
}
.search_menu_item_container {
display: flex;
align-items: center;
......@@ -1527,30 +1291,36 @@ export default {
width: 90%;
justify-content: space-between;
}
.search_menu_btn_container {
display: flex;
align-items: center;
width: 10%;
}
.search_menu_item {
display: flex;
align-items: center;
// width: 344px;
}
.search_title {
/* width: 20%; */
flex-shrink: 0;
margin-right: 15px;
}
.search_item {
width: 60%;
}
.search_btn {
width: 100%;
display: flex;
margin-top: 14px;
margin-bottom: 14px;
}
.add_btn {
display: flex;
align-items: center;
......@@ -1564,6 +1334,7 @@ export default {
color: #0d867f;
cursor: pointer;
}
.version_btn {
display: flex;
align-items: center;
......@@ -1578,6 +1349,7 @@ export default {
cursor: pointer;
margin-left: 15px;
}
.query_btn {
display: flex;
align-items: center;
......@@ -1592,6 +1364,7 @@ export default {
margin-right: 10px;
cursor: pointer;
}
.reset_btn {
display: flex;
align-items: center;
......@@ -1605,48 +1378,60 @@ export default {
color: #666;
cursor: pointer;
}
.btn_icon {
margin-right: 10px;
}
.table_container {
width: 97%;
margin-top: 20px;
height: calc(100% - 40px);
.editBtn {
color: #0d867f;
}
.delBtn {
color: #db6209;
}
.stopBtn {
color: #e7a20e;
}
}
.el-pagination {
margin-top: 50px;
}
.dialog_form_item {
width: 96%;
display: flex;
align-items: center;
margin-bottom: 10px;
}
.dialog_form_item_title {
flex-shrink: 0;
margin-right: 15px;
width: 130px;
text-align: right;
.reqIcon {
color: #f56c6c;
margin-right: 4px;
}
}
/deep/ .el-dialog__header {
text-align: left;
}
/deep/ .el-pagination.is-background .el-pager li:not(.disabled).active {
background-color: #0d867f;
}
.greenButton {
background-color: #0d867f;
color: #fff;
......
vue.config.js
const { defineConfig } = require('@vue/cli-service')
const { defineConfig } = require("@vue/cli-service");
// const ip = '43.143.211.42';
const ip = '172.20.10.3';
// const ip = '172.20.10.3';
// const ip = '172.20.10.9'; // 何鹏
// const ip = '192.168.0.120';
// const ip = '192.168.0.13';
const ip = "172.20.10.7";
// const ip = "169.254.36.207";
module.exports = defineConfig({
transpileDependencies: true,
//如果是hash模式， publicPath:""；如果是history， publicPath:"/"
......@@ -11,20 +13,20 @@ module.exports = defineConfig({
devServer: {
hot: true,
proxy: {
'/eadc-shared-ability': {
target: `http://${ip}:80/`, // 共享能力
"/eadc-shared-ability": {
target: `http://${ip}:19000/`, // 共享能力
changeOrigin: true,
// secure: false,
// pathRewrite: { '^/api/eadc-shared-ability': '/eadc-shared-ability' },
},
'/eadc-architecture': {
target: `http://${ip}:80/`, // 架构元模型
"/eadc-architecture": {
target: `http://${ip}:19000/`, // 架构元模型
changeOrigin: true,
// secure: false,
// pathRewrite: { '^/api/network': '' },
},
'/eadc-knowledge-pool': {
target: `http://${ip}:80/`, // 架构知识库
"/eadc-knowledge-pool": {
target: `http://${ip}:19000/`, // 架构知识库
changeOrigin: true,
// secure: false,
// pathRewrite: { '^/api': '' },
......@@ -32,9 +34,9 @@ module.exports = defineConfig({
},
},
chainWebpack: (config) => {
config.plugin('html').tap((args) => {
args[0].title = '数字化架构设计与管控支撑工具'
return args
})
config.plugin("html").tap((args) => {
args[0].title = "数字化架构设计与管控支撑工具";
return args;
});
},
})
});
Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!