From 9b51b2a07769ee049937e16dd45d8c36c87dcc3c Mon Sep 17 00:00:00 2001 From: 田源 <lastanimals@163.com> Date: 星期五, 08 十二月 2023 17:13:01 +0800 Subject: [PATCH] 主数据 枚举配置模板配置 参照配置表格显示问题处理 --- Source/UBCS-WEB/src/views/modeling/Business.vue | 84 +++++++++++++++++++++++++++--------------- 1 files changed, 54 insertions(+), 30 deletions(-) diff --git a/Source/UBCS-WEB/src/views/modeling/Business.vue b/Source/UBCS-WEB/src/views/modeling/Business.vue index c9fcc0e..775856c 100644 --- a/Source/UBCS-WEB/src/views/modeling/Business.vue +++ b/Source/UBCS-WEB/src/views/modeling/Business.vue @@ -1,30 +1,33 @@ <template> <el-container> - <el-header class="businessHeader" style="height: 40px;padding:0 8px"> - <div> - <el-button v-if="permissionList.addBtn" icon="el-icon-plus" size="small" type="primary" @click="businessAdd" plain> - 鏂板 - </el-button> - <el-button v-if="permissionList.editBtn" icon="el-icon-edit" size="small" type="primary" @click="businessEdit" plain> - 淇敼 - </el-button> - <el-button v-if="permissionList.table" icon="el-icon-thumb" size="small" type="primary" - @click="selectFromTable" plain> 浠庡凡鏈変腑鑾峰彇 - </el-button> - </div> - </el-header> +<!-- <el-header class="businessHeader" style="height: 40px;padding:0 8px">--> + +<!-- </el-header>--> <el-container> - <el-aside width="240px"> + <el-aside style="width: 20%"> <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" class="businessTree" @node-click="nodeClick"> - <span slot-scope="{ node, data }" class="el-tree-node__label"> + <div class="app"> + <div style="display: flex;margin-bottom: 10px;justify-content: space-around;"> + <el-button v-if="permissionList.addBtn" size="mini" type="primary" @click="businessAdd" plain style="width: 60px"> + 鏂板 + </el-button> + <el-button v-if="permissionList.editBtn" size="mini" type="primary" @click="businessEdit" plain style="width: 60px"> + 淇敼 + </el-button> + <el-button v-if="permissionList.table" size="mini" type="primary" + @click="selectFromTable" plain> 浠庡凡鏈変腑鑾峰彇 + </el-button> + </div> + <avue-tree :data="treeData" :option="treeOption" class="businessTree" @node-click="nodeClick" style="width: fit-content;"> + <template 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 }} </span> - </span> - </avue-tree> + </template> + </avue-tree> + </div> + </basic-container> </el-aside> <el-container> @@ -141,7 +144,7 @@ </el-dialog> </el-container> </el-container> - <business-add ref="btmAdd" :btmType="addOption.btmType" :domainOption="domainOptions" :icons="icons" + <business-add ref="btmAdd" :btmType="addOption.btmType" :domainOption="domainOptions" :icons="icons" :type="type" @refreshTable="initTreeOnLoad"> </business-add> </el-container> @@ -160,6 +163,7 @@ name: "Business", data() { return { + type:"", //鐢熷懡鍛ㄦ湡瀵硅瘽妗嗙姸鎬� packageLifeBox: false, //鐗堟湰瑙勫垯鐘舵�� @@ -168,7 +172,7 @@ selectionList: [], treeData: [], treeOption: { - defaultExpandAll: true, + defaultExpandAll: false, title: '涓氬姟绫诲瀷鏍�', addBtn: false, menu: false, @@ -183,8 +187,8 @@ btmType: {}, }, loadOption: { + height:'auto', border: true, - height: 478, editBtn: false, addBtn: false, menu: false, @@ -359,6 +363,7 @@ businessAdd() { this.$refs.btmAdd.showSubmitDialog = true; this.$refs.btmAdd.btmType = {}; + this.type = 'add'; this.ifRefreshBtmAddRefresh(); }, businessEdit() { @@ -369,6 +374,7 @@ const json = JSON.stringify(this.obj); this.$refs.btmAdd.btmType = JSON.parse(json); this.$refs.btmAdd.showSubmitDialog = true; + this.type = 'edit' this.ifRefreshBtmAddRefresh(); }, ifRefreshBtmAddRefresh() { @@ -378,11 +384,7 @@ } </script> -<style lang="scss"> -#basic { - height: 770px; - border-radius: 10px; -} +<style lang="scss" scoped> .businessCrud > .el-card:nth-of-type(2) > .el-card__body > .avue-crud__menu { display: none !important; @@ -392,6 +394,28 @@ display: none !important; } -.businessTreeContainer > .el-card > .el-card__body { - height: 775px; -}</style> + +.app { + overflow: auto; + height: 84.3vh; +} + +.app::-webkit-scrollbar { + height: 15px; // 绾靛悜婊氬姩鏉� 蹇呭啓 + background: white; + border: white; + width: 10px; + +} + +// 婊氬姩鏉$殑婊戝潡 +.app::-webkit-scrollbar-thumb { + width: 10px; + height: 10px; + background-color: #ececec; + border-radius: 20px; + border: #ececec; +} + + +</style> -- Gitblit v1.9.3