From f63cf1dec06613c395b69fa19553396a5c99b434 Mon Sep 17 00:00:00 2001 From: 田源 <lastanimals@163.com> Date: 星期四, 26 十月 2023 17:31:37 +0800 Subject: [PATCH] 对象建模 文件管理 研发工具 主题库-按钮权限 --- Source/UBCS-WEB/src/views/modeling/Business.vue | 101 +++++++++++++++++++++++++++++--------------------- 1 files changed, 59 insertions(+), 42 deletions(-) diff --git a/Source/UBCS-WEB/src/views/modeling/Business.vue b/Source/UBCS-WEB/src/views/modeling/Business.vue index fbcd5bd..7a4f178 100644 --- a/Source/UBCS-WEB/src/views/modeling/Business.vue +++ b/Source/UBCS-WEB/src/views/modeling/Business.vue @@ -1,19 +1,24 @@ <template> <el-container> <el-header class="businessHeader" style="height: 40px;padding:0 8px"> - <el-button-group> - <el-button type="primary" @click="businessAdd" size="small"> <i class="el-icon-plus"></i> 鏂板</el-button> - <el-button type="primary" @click="businessEdit" size="small"><i class="el-icon-edit"></i> 淇敼</el-button> - <el-button type="primary" @click="selectFromTable" size="small"><i class="el-icon-thumb"></i> - 浠庡凡鏈変腑鑾峰彇</el-button> - </el-button-group> + <div> + <el-button v-if="permissionList.addBtn" icon="el-icon-plus" size="small" type="primary" @click="businessAdd"> + 鏂板 + </el-button> + <el-button v-if="permissionList.editBtn" icon="el-icon-edit" size="small" type="primary" @click="businessEdit"> + 淇敼 + </el-button> + <el-button v-if="permissionList.table" icon="el-icon-thumb" size="small" type="primary" + @click="selectFromTable"> 浠庡凡鏈変腑鑾峰彇 + </el-button> + </div> </el-header> <el-container> <el-aside width="240px"> <basic-container class="businessTreeContainer"> <p style="margin-top: 10px;font-weight: 570;font-size: 19px">{{ treeOption.title }}</p> - <avue-tree id="basic" :data="treeData" :option="treeOption" @node-click="nodeClick" class="businessTree"> - <span class="el-tree-node__label" slot-scope="{ node, data }"> + <avue-tree id="basic" :data="treeData" :option="treeOption" class="businessTree" @node-click="nodeClick"> + <span slot-scope="{ node, data }" class="el-tree-node__label"> <span> <i :class="(node || {}).level === 2 ? 'el-icon-star-off' : 'el-icon-folder-opened'"></i> {{ (node || {}).label }} @@ -27,17 +32,17 @@ <!--鍩烘湰淇℃伅--> <basic-container> <p style="margin-top: 10px;font-weight: 570;font-size: 19px">鍩烘湰淇℃伅</p> - <el-descriptions class="margin-top" :column="3" :size="size" border> - <el-descriptions-item :labelStyle="descriptionOption.labelStyle" - :contentStyle="descriptionOption.contentStyle"> + <el-descriptions :column="3" :size="size" border class="margin-top"> + <el-descriptions-item :contentStyle="descriptionOption.contentStyle" + :labelStyle="descriptionOption.labelStyle"> <template slot="label"> <i :class="icons.key"></i> 鑻辨枃鍚嶇О </template> {{ obj.id }} </el-descriptions-item> - <el-descriptions-item :labelStyle="descriptionOption.labelStyle" - :contentStyle="descriptionOption.contentStyle"> + <el-descriptions-item :contentStyle="descriptionOption.contentStyle" + :labelStyle="descriptionOption.labelStyle"> <template slot="label"> <i :class="icons.name"></i> 涓枃鍚嶇О @@ -45,15 +50,15 @@ {{ obj.name }} </el-descriptions-item> <el-descriptions-item> - <template slot="label" :labelStyle="descriptionOption.labelStyle" - :contentStyle="descriptionOption.contentStyle"> + <template slot="label" :contentStyle="descriptionOption.contentStyle" + :labelStyle="descriptionOption.labelStyle"> <i :class="icons.tableName"></i> 鏁版嵁搴撹〃鍚� </template> {{ obj.tableName }} </el-descriptions-item> - <el-descriptions-item :labelStyle="descriptionOption.labelStyle" - :contentStyle="descriptionOption.contentStyle"> + <el-descriptions-item :contentStyle="descriptionOption.contentStyle" + :labelStyle="descriptionOption.labelStyle"> <template slot="label"> <i :class="icons.domain"></i> 鎵�灞為鍩� @@ -77,24 +82,24 @@ </template> {{ obj.sss }} </el-descriptions-item> --> - <el-descriptions-item :labelStyle="descriptionOption.labelStyle" - :contentStyle="descriptionOption.contentStyle"> + <el-descriptions-item :contentStyle="descriptionOption.contentStyle" + :labelStyle="descriptionOption.labelStyle"> <template slot="label"> <i :class="icons.revisionRule"></i> 鐗堟湰瑙勫垯 </template> - {{ obj.revisionRuleName ? obj.revisionRuleName+ '(' + obj.revisionRuleId + ')' : ''}} + {{ obj.revisionRuleName ? obj.revisionRuleName + '(' + obj.revisionRuleId + ')' : '' }} </el-descriptions-item> - <el-descriptions-item :labelStyle="descriptionOption.labelStyle" - :contentStyle="descriptionOption.contentStyle"> + <el-descriptions-item :contentStyle="descriptionOption.contentStyle" + :labelStyle="descriptionOption.labelStyle"> <template slot="label"> <i :class="icons.lifeCycle"></i> 鐢熷懡鍛ㄦ湡 </template> - {{ obj.lifeCycleName ? obj.lifeCycleName + '(' + obj.lifeCycleId + ')' : ''}} + {{ obj.lifeCycleName ? obj.lifeCycleName + '(' + obj.lifeCycleId + ')' : '' }} </el-descriptions-item> - <el-descriptions-item :labelStyle="descriptionOption.labelStyle" - :contentStyle="descriptionOption.contentStyle"> + <el-descriptions-item :contentStyle="descriptionOption.contentStyle" + :labelStyle="descriptionOption.labelStyle"> <template slot="label"> <i :class="icons.view"></i> 瑙嗗浘 @@ -111,8 +116,8 @@ </template> {{ obj.implClass }} </el-descriptions-item> --> - <el-descriptions-item :labelStyle="descriptionOption.labelStyle" - :contentStyle="descriptionOption.contentStyle"> + <el-descriptions-item :contentStyle="descriptionOption.contentStyle" + :labelStyle="descriptionOption.labelStyle"> <template slot="label"> <i :class="icons.desc"></i> 鎻忚堪 @@ -124,24 +129,24 @@ <!-- 灞炴�у垪琛�--> <basic-container> <p style="margin-top: 10px;font-weight: 570;font-size: 19px">灞炴�у垪琛�</p> - <avue-crud class="attributeCrud" v-model="obj" :data="obj.attributes" :option="loadOption"> + <avue-crud v-model="obj" :data="obj.attributes" :option="loadOption" class="attributeCrud"> <template slot="attrDataTypeText" slot-scope="{row}"> <el-tag>{{ row.attrDataTypeText }}</el-tag> </template> </avue-crud> </basic-container> </el-main> - <el-dialog :visible="ref.visible" title="浠庢暟鎹簱涓坊鍔�" width="700px" append-to-body @close="dialoghandelfalse"> + <el-dialog :visible="ref.visible" append-to-body title="浠庢暟鎹簱涓坊鍔�" width="700px" @close="dialoghandelfalse"> 閫夋嫨棰嗗煙锛� - <el-select v-model="domain" placeholder="璇烽�夋嫨" @change="refOnLoad" size="small"> + <el-select v-model="domain" placeholder="璇烽�夋嫨" size="small" @change="refOnLoad"> <el-option v-for="item in domainOptions" :key="item.value" :label="item.label" :value="item.value"> </el-option> </el-select> <div class="sep" style="height:7px"> </div> - <avue-crud class="businessCrud" ref="businessCrud" v-model="ref.form" :option="ref.option" :data="ref.data" - @selection-change="selectionChange"> + <avue-crud ref="businessCrud" v-model="ref.form" :data="ref.data" :option="ref.option" class="businessCrud" + @selection-change="selectionChange"> </avue-crud> <span slot="footer" class="dialog-footer"> <el-button @click="dialoghandelfalse">鍙� 娑�</el-button> @@ -151,7 +156,7 @@ </el-container> </el-container> <business-add ref="btmAdd" :btmType="addOption.btmType" :domainOption="domainOptions" :icons="icons" - @refreshTable="initTreeOnLoad"> + @refreshTable="initTreeOnLoad"> </business-add> </el-container> </template> @@ -163,6 +168,8 @@ saveFromTable, getDetail } from "@/api/omd/btmType" +import {mapGetters} from "vuex"; + export default { name: "Business", data() { @@ -178,7 +185,7 @@ defaultExpandAll: true, title: '涓氬姟绫诲瀷鏍�', addBtn: false, - menu:false, + menu: false, props: { labelText: '', label: 'label', @@ -277,17 +284,27 @@ } } }, + computed: { + ...mapGetters(["permission"]), + permissionList() { + return { + addBtn: this.vaildData(this.permission.modeling_Business.Business_add, false), + table: this.vaildData(this.permission.modeling_Business.Business_table, false), + editBtn: this.vaildData(this.permission.modeling_Business.Business_edit, false), + } + } + }, created() { this.initTreeOnLoad(); this.initDomainOption(); }, methods: { - nodeClick(data,node,leaf) { + nodeClick(data, node, leaf) { if (data.oid) { getDetail(data.oid).then(res => { this.obj = res.data.data; }) - }else{ + } else { this.$message.warning('璇风偣鍑诲瓙鑺傜偣'); } }, @@ -343,7 +360,7 @@ this.domain = null; }, dialoghandeltrue() { - if(this.selectionList.length<1){ + if (this.selectionList.length < 1) { this.$message.warning('璇烽�夋嫨鏁版嵁'); return false; } @@ -359,12 +376,12 @@ this.ifRefreshBtmAddRefresh(); }, businessEdit() { - if (!this.obj.oid){ + if (!this.obj.oid) { this.$message.warning("璇烽�夋嫨涓�鏉″彾瀛愯妭鐐圭殑涓氬姟绫诲瀷"); return; } const json = JSON.stringify(this.obj); - this.$refs.btmAdd.btmType =JSON.parse(json); + this.$refs.btmAdd.btmType = JSON.parse(json); this.$refs.btmAdd.showSubmitDialog = true; this.ifRefreshBtmAddRefresh(); }, @@ -381,14 +398,14 @@ border-radius: 10px; } -.businessCrud>.el-card:nth-of-type(2)>.el-card__body>.avue-crud__menu { +.businessCrud > .el-card:nth-of-type(2) > .el-card__body > .avue-crud__menu { display: none !important; } -.attributeCrud>.el-card:nth-of-type(2)>.el-card__body>.avue-crud__menu { +.attributeCrud > .el-card:nth-of-type(2) > .el-card__body > .avue-crud__menu { display: none !important; } -.businessTreeContainer>.el-card>.el-card__body { +.businessTreeContainer > .el-card > .el-card__body { height: 775px; }</style> -- Gitblit v1.9.3