Skip to content

liangzhen / framework-tools-web

Go to a project
Commit 3f92862b by liuyong
Options

修改左侧菜单加载

2 parents 2c64afff 0de7a0cf
Inline Side-by-side
Showing with 854 additions and 12 deletions
src/router/index.js
......@@ -99,12 +99,17 @@ const routes = [
path: '/main/totalArchiPropertyDocument',//总体架构资产文档库
name: 'totalArchiPropertyDocument',
component: () => import('@/views/total-archi-property-document/index.vue'),
}
},
// {
// path: '/main/YuanMoXingGuanLiTable',//drawio跳转的表格
// name: 'YuanMoXingGuanLiTable',
// component: () => import('@/views/YuanMoXingGuanLi/YuanMoXingGuanLiTable/index.vue'),
// }
// },
{
path: '/main/etp-Manage',//架构元素管理
name: 'etp-Manage',
component: () => import('@/views/etpManage/index.vue'),
},
]
}
]
......
src/views/Main/index.vue
......@@ -401,7 +401,7 @@
<span style="margin-left: 5px;">专家人才库</span>
</div>
<div class="menu_1_item_subtitle">
<div class="menu_1_item_subtitle" @click="jumpPage('架构知识库', '专家人才库', '专家人才库管理')">
<img src="@/assets/main/3img.png" alt="">
<span style="margin-left: 5px;">专家人才库管理</span>
</div>
......@@ -580,6 +580,9 @@
this.$router.push( '/main/totalArchiPropertyDocument', () => {}, () => {} );
this.visible5 = false;
case '专家人才库管理':
this.$router.push( '/main/etp-Manage', () => {}, () => {} );
this.visible5 = false;
break;
}
}
......
src/views/archiViewConfig/index.vue
......@@ -321,7 +321,6 @@ export default {
gtEleRelList() {
gtEleRelList().then(res => {
if (res.code == 200) {
console.log(res.data);
this.tableData2 = res.data;
}
});
......@@ -349,7 +348,6 @@ export default {
},
// 所有操作
operate(type,item){
console.log(type,item);
this.openType = type;
if (type == "add") {
this.add_dialog = true;
......
src/views/etpManage/index.vue 0 → 100644
<template>
<div class="etpManage">
<div class="table_container">
<div class="search_menu">
<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>
</div>
<div class="search_menu_item">
<span class="search_title">专业标签</span>
<el-select v-model="params.scope" placeholder="请选择" clearable class="search_item">
<el-option label="业务架构" value="业务架构"></el-option>
<el-option label="应用架构" value="应用架构"></el-option>
<el-option label="内容架构" value="内容架构"></el-option>
<el-option label="技术架构" value="技术架构"></el-option>
<el-option label="安全架构" value="安全架构"></el-option>
</el-select>
</div>
<div class="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>
</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="" />
<p>查询</p>
</div>
<div class="reset_btn" @click="reset">
<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="" />
<p>新建</p>
</div>
<div class="version_btn" @click="operate('pushAll')">
<!-- <img class="btn_icon" src="@/assets/archi-ele-list/version.png" alt="" /> -->
<p>删除</p>
</div>
<div class="version_btn" @click="operate('pushAll')">
<!-- <img class="btn_icon" src="@/assets/archi-ele-list/version.png" alt="" /> -->
<p>导入</p>
</div>
<div class="version_btn" @click="operate('pushAll')">
<!-- <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="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="" label="单位" width="150" 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 prop="content" label="专业标签" align="center"></el-table-column>
<el-table-column prop="content" label="专家级别" align="center"></el-table-column>
<el-table-column prop="content" label="专家评价" 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>
</template>
</el-table-column>
<el-table-column prop="content" label="备注" align="center"></el-table-column>
<el-table-column label="操作" width="200" align="center">
<template slot-scope="scope">
<div style="display: flex;align-items: center;justify-content: center;">
<el-button :class="scope.row.state == 1 ? '':'editBtn'" icon="el-icon-edit" size="mini" @click="operate('edit',scope.row)" :disabled="scope.row.state == 1">编辑</el-button>
<el-button :class="scope.row.state == 1 ? '':'delBtn'" icon="el-icon-delete" size="mini" @click="operate('del',scope.row)" :disabled="scope.row.state == 1">删除</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>
</div>
<el-dialog
:title="title"
:visible.sync="add_dialog"
:center="false"
width="50%">
<div class="add_dialog_content">
<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" 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" v-if="openType != 'view'">
<div class="dialog_form_item_title">图标设置</div>
<div>
<div class="dialog_form_item3_content1">
<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.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.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.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.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>
</div>
<div class="dialog_form_item">
<div class="dialog_form_item_title"><span class="reqIcon">*</span>约束条件</div>
<div class="formArea">
<div class="formLine" v-for="(item,index) in formData.arrList" :key="index">
情况{{index+1}}
<div class="formItem">
<div class="label">对象1</div>
<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="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-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" 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" 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>
<script>
import {
getJGYSGLlist,
getJGYSGLAdd,
getJGYSGLDel,
getJGYSGLUpdate,
getJGYSGLUpdateBatch,
getEleList,
query_jia_gou_gui_shu,
} from "@/api/index.js";
import $ from 'jquery';
export default {
name: 'etpManage',
components: {
},
data() {
return {
tableData: [],
selectList: [],
add_dialog: false,
add_dialog3: false,
title: "",
openType: "",
query_item1: null,
query_item3: null,
query_item4: null,
formData: {
rsName: "",
content: "",
arrList: [
{
eleGtId: "",
eleLtId: "",
scope: "",
}
],
iconId: "",
},
params: {
current: 1,
pageSize: 10,
rsName: "",
scope: "",
state: "",
},
page: {
current: 1,
sizes: [10, 20, 50, 100, 200],
size: 10,
total: 0, //总条数
},
dicObj: {
state: {
0: "已停用",
1: "已发布",
2: "暂存",
},
scope: {
0: "架构之间",
1: "业务架构",
2: "应用架构",
3: "数据架构",
4: "技术架构",
5: "安全架构",
},
eleLtId: {
}
},
stateList: [
{
label: "已发布",
value: 1,
},
{
label: "已停用",
value: 0,
},
{
label: "暂存",
value: 2,
},
],
guishuList: [
{
label: "架构之间",
value: 0,
},
{
label: "业务架构",
value: 1,
},
{
label: "应用架构",
value: 2,
},
{
label: "数据架构",
value: 3,
},
{
label: "技术架构",
value: 4,
},
{
label: "安全架构",
value: 5,
},
],
eleList: [],
radioName: "",
search_select1: [],
};
},
mounted() {
},
created() {
// 初始化查询列表
this.getList();
// 获取元素列表
this.getYuansuList();
this.get_dialog_select2().then(res => {
this.search_select1 = res;
});
},
methods: {
// 查询列表
getList() {
if (this.params.state != '') {
this.params.state = Number(this.params.state)
}
getJGYSGLlist(this.params).then(res => {
if (res.code == 200) {
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.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 = {
current: 1,
pageSize: 10,
rsName: "",
scope: "",
state: "",
}
},
// 分页事件
handleSizeChange(val) {
this.page.size = val;
this.params.pageSize = val;
this.getList();
},
handleCurrentChange(val) {
this.page.current = val;
this.paramsp.current = val;
this.getList();
},
// 所有操作
operate(type,item){
this.openType = type;
if (type == "add") {
this.add_dialog = true;
this.title = "新建关系元素";
this.resetForm();
}else if (type == "edit") {
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 => {
if (res.code == 200) {
this.$message.success("保存成功");
this.add_dialog = false;
this.getList();
}else{
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();
}else{
this.add_dialog = false;
this.$message.error(res.msg);
}
});
}
}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();
}else{
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();
}else{
this.add_dialog = false;
this.$message.error(res.msg);
}
});
}
}else if (type == "pushEdit") {
// 编辑发布
this.$confirm("确认发布吗", "提示", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning"
}).then(() => {
this.formData = item
this.formData.state = 1;
getJGYSGLUpdate(this.formData).then(res => {
if (res.code == 200) {
this.$message.success("发布成功");
this.getList();
}else{
this.$message.error(res.msg);
}
});
}).catch(() => {
});
}else if (type == "stop") {
// 停用
this.$confirm("确认停用吗", "提示", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning"
}).then(() => {
this.formData = item;
this.formData.state = 0;
getJGYSGLUpdate(this.formData).then(res => {
if (res.code == 200) {
this.$message.success("停用成功");
this.getList();
}else{
this.$message.error(res.msg);
}
});
}).catch(() => {
});
}else if (type == "del") {
// 删除
this.formData = item;
this.$confirm("确认删除吗", "提示", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning"
}).then(() => {
getJGYSGLDel(this.formData).then(res => {
if (res.code == 200) {
this.$message.success("删除成功");
this.getList();
}else{
this.$message.error(res.msg);
}
});
}).catch(() => {
});
}else if (type == "pushAll") {
if (this.selectList.length <= 0) {
this.$message.error("请选择一项进行发布");
return;
}
let params = {
eleRelaId: [],
state: 2
};
this.selectList.map(item => {
params.eleRelaId.push(item.eleRelaId)
})
this.$confirm("确认批量发布吗", "提示", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning"
}).then(() => {
getJGYSGLUpdateBatch(params).then(res => {
if (res.code == 200) {
this.$message.success("批量发布成功");
this.getList();
}else{
this.$message.error(res.msg);
}
});
}).catch(() => {
});
}
},
// 新建清空表单
resetForm(){
this.formData = {
rsName: "",
content: "",
arrList: [
{
eleGtId: "",
eleLtId: "",
scope: "",
}
],
iconId: "",
}
this.radioName = "";
},
// 表格多选
handleSelectionChange(e) {
this.selectList = e;
},
selectInit(row,index){
if(row.state != "1"){
return true //可勾选
}else{
return false //不可勾选
}
},
// 对话表格操作
operateDia( type ){
switch (type) {
// 添加
case 'add':
this.formData.arrList.push(
{
eleGtId: "",
eleLtId: "",
scope: "",
}
);
break;
// 删除
case 'del':
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;
}
}
})
}
}
},
},
}
</script>
<style lang="scss" scoped>
.etpManage{
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
}
.dialog_form_item3{
margin-top: 20px;
display: flex;
align-items: center;
.dialog_form_item3_content1{
display: flex;
align-items: center;
.tu_biao_icon2{
width: 20px;
}
}
}
.search_menu{
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: 50px;
margin-bottom: 20px;
}
.add_btn{
display: flex;
align-items: center;
justify-content: center;
width: 76px;
height: 32px;
background: rgba(13,134,127,0.1);
border-radius: 6px 6px 6px 6px;
border: 1px solid #0D867F;
font-size: 14px;
color: #0D867F;
cursor: pointer;
}
.version_btn{
display: flex;
align-items: center;
justify-content: center;
width: 104px;
height: 32px;
background: rgba(13,134,127,0.1);
border-radius: 6px 6px 6px 6px;
border: 1px solid #0D867F;
font-size: 14px;
color: #0D867F;
cursor: pointer;
margin-left: 15px;
}
.query_btn{
display: flex;
align-items: center;
justify-content: center;
width: 76px;
height: 32px;
background: rgba(13,134,127,1);
border-radius: 6px 6px 6px 6px;
border: 1px solid #0D867F;
font-size: 14px;
color: #fff;
margin-right: 10px;
cursor: pointer;
}
.reset_btn{
display: flex;
align-items: center;
justify-content: center;
width: 76px;
height: 32px;
background: rgba(244,244,244,1);
border-radius: 6px 6px 6px 6px;
border: 1px solid #0D867F;
font-size: 14px;
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;
}
.dialog_form_item{
display: flex;
align-items: center;
margin-bottom: 10px;
.formArea{
width: 900px;
border-radius: 5px;
border: 1px solid #0D867F;
margin-top: 10px;
.formLine{
display: flex;
align-items: center;
height: 50px;
margin-left: 10px;
.formItem{
margin-left: 15px;
display: flex;
align-items: center;
.label{
width: 70px;
text-align: right;
margin-right: 5px;
}
/deep/.el-select{
width: 140px;
}
/deep/.el-input{
width: 140px;
}
}
.newBtn{
margin-left: 15px;
.addItem{
background-color: #0D867F;
color: #fff;
}
}
}
}
}
.dialog_form_item_title{
flex-shrink: 0;
margin-right: 15px;
width: 100px;
text-align: right;
.reqIcon{
color: red;
}
}
/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;
}
</style>
\ No newline at end of file
src/views/metaModelDic/index.vue
......@@ -41,7 +41,7 @@ export default {
},
methods: {
handleClick(tab) {
console.log(tab);
// console.log(tab);
},
},
}
......
src/views/metaModelDic/pages/page1.vue
......@@ -179,7 +179,7 @@
<div class="dialog_content_1">
<div class="dialog_form_item">
<div class="dialog_form_item_title"><span class="reqIcon">*</span>字段名</div>
<el-input placeholder="" class="dialog_form_item_content" v-model="formData2.fieldName"></el-input>
<el-input placeholder="" class="dialog_form_item_content" v-model="formData2.fieldName" @input="formData2.fieldName=formData2.fieldName.replace(/[^a-zA-Z]/g,'')"></el-input>
</div>
<div class="dialog_form_item">
<div class="dialog_form_item_title"><span class="reqIcon">*</span>中文名</div>
......@@ -343,7 +343,6 @@ export default {
});
this.get_dialog_select2().then(res => {
this.search_select2 = res;
console.log(this.search_select2);
});
},
created() {
......@@ -541,7 +540,6 @@ export default {
this.add_dialog2 = true;
this.title2 = "编辑字典属性";
this.formData2 = scopeRow;
console.log(this.formData2);
break;
// 保存
case 'save':
......
src/views/metaModelDic/pages/page2.vue
......@@ -177,7 +177,7 @@
<div class="dialog_content_1">
<div class="dialog_form_item">
<div class="dialog_form_item_title"><span class="reqIcon">*</span>字段名</div>
<el-input placeholder="" class="dialog_form_item_content" v-model="formData2.fieldName"></el-input>
<el-input placeholder="" class="dialog_form_item_content" v-model="formData2.fieldName" @input="formData2.fieldName=formData2.fieldName.replace(/[^a-zA-Z]/g,'')"></el-input>
</div>
<div class="dialog_form_item">
<div class="dialog_form_item_title"><span class="reqIcon">*</span>中文名</div>
......@@ -499,7 +499,6 @@ export default {
this.add_dialog2 = true;
this.title2 = "编辑字典属性";
this.formData2 = scopeRow;
console.log(this.formData2);
break;
// 保存
case 'save':
......
src/views/metaModelDic/pages/page3.vue
......@@ -178,7 +178,7 @@
<div class="dialog_content_1">
<div class="dialog_form_item">
<div class="dialog_form_item_title"><span class="reqIcon">*</span>字段名</div>
<el-input placeholder="" class="dialog_form_item_content" v-model="formData2.fieldName"></el-input>
<el-input placeholder="" class="dialog_form_item_content" v-model="formData2.fieldName" @input="formData2.fieldName=formData2.fieldName.replace(/[^a-zA-Z]/g,'')"></el-input>
</div>
<div class="dialog_form_item">
<div class="dialog_form_item_title"><span class="reqIcon">*</span>中文名</div>
......
Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!