From df81835dd02eee62527997adf5a4ea2039b51fa4 Mon Sep 17 00:00:00 2001 From: ludc Date: 星期三, 31 一月 2024 12:14:55 +0800 Subject: [PATCH] Merge remote-tracking branch 'origin/master' --- Source/UBCS-WEB/src/components/Theme/ThemeClassifyTrees.vue | 68 ++++++++++++++++++--------------- 1 files changed, 37 insertions(+), 31 deletions(-) diff --git a/Source/UBCS-WEB/src/components/Theme/ThemeClassifyTrees.vue b/Source/UBCS-WEB/src/components/Theme/ThemeClassifyTrees.vue index 4f35749..dd00bd6 100644 --- a/Source/UBCS-WEB/src/components/Theme/ThemeClassifyTrees.vue +++ b/Source/UBCS-WEB/src/components/Theme/ThemeClassifyTrees.vue @@ -4,7 +4,7 @@ <!-- 宸︿晶鑿滃崟--> <el-aside> <basic-container> - <div style="height: calc(100vh - 142px);!important;"> + <div style="height: calc(100vh - 144px);!important;"> <div class="headerCon" style="display: flex; flex-wrap: wrap;margin-bottom: 5px"> <el-button v-if="permissionList.TreeAddStatus" plain size="small" type="primary" @click="TreeAdd">娣诲姞 </el-button> @@ -44,25 +44,25 @@ </el-button> </div> <!-- 宸︿晶鏍�--> - - <avue-tree ref="tree" v-model="CloneTreeAvueform" v-loading="loading" :data="CloneTreedata" - :defaultExpandAll="false" - :option="Treeoption" - class="classifyTree" - style="height: 690px" - @node-click="nodeClick" - > - <template slot-scope="{ node, data }" class="el-tree-node__label"> - <el-tooltip :content="$createElement('div', { domProps: { innerHTML: node.label } })" class="item" - effect="dark" - open-delay="500" - placement="right-start"> + <div style="height: calc(100vh - 242px);overflow: auto"> + <avue-tree ref="tree" v-model="CloneTreeAvueform" v-loading="loading" :data="CloneTreedata" + :defaultExpandAll="false" + :option="Treeoption" + class="classifyTree" + @node-click="nodeClick" + > + <template slot-scope="{ node, data }" class="el-tree-node__label"> + <el-tooltip :content="$createElement('div', { domProps: { innerHTML: node.label } })" class="item" + effect="dark" + open-delay="500" + placement="right-start"> <span style="font-size: 14px;"> {{ (node || {}).label }} </span> - </el-tooltip> - </template> - </avue-tree> + </el-tooltip> + </template> + </avue-tree> + </div> </div> <!-- 鏍戣妭鐐规坊鍔犲璇濇--> @@ -123,6 +123,7 @@ </el-dialog> <!-- 鍒嗙被鎺堟潈瀵硅瘽妗�--> <classify-auth-dialog + :TreeNode="TreeEditObj" :classifyData="classifyData" :visible.sync="classifyAuthVisible" ></classify-auth-dialog> @@ -135,7 +136,7 @@ </basic-container> </el-aside> <el-main> - <basic-container style="height: calc(100vh - 150px);"> + <basic-container> <!-- 鍙充晶琛ㄦ牸--> <avue-tabs :option="tabOption" @change="handleChange"></avue-tabs> <span v-if="type.prop==='tab1'"> @@ -349,7 +350,6 @@ TreeSave, TreeDel, TreeCheckDel, - TreeObjcet, TreeEnable, TreeDeactivate, gridCodeClassifyTemplate, @@ -512,6 +512,7 @@ Treedata: [], CloneTreedata: [], Treeoption: { + height:'auto', addBtn: false, editBtn: false, delBtn: false, @@ -708,7 +709,7 @@ }, treeStyle() { return { - height: this.btnAuthList.length > 0 ? '620px' : '785px', + height: this.allButtons ? '610px' : '690px', }; }, crudTreeOption() { @@ -778,7 +779,7 @@ this.$message.warning('璇疯嚦灏戦�夋嫨涓�鏉℃暟鎹紒') return; } - this.classifyData = this.nodeClickList; + // this.classifyData = this.nodeClickList; this.classifyAuthVisible = true; }, // 鏁版嵁鎺堟潈瀵硅瘽妗嗘墦寮� @@ -787,7 +788,7 @@ this.$message.warning('璇疯嚦灏戦�夋嫨涓�鏉℃暟鎹紒') return; } - this.classifyData = this.nodeClickList; + // this.classifyData = this.nodeClickList; this.dataAuthVisible = true; }, flowingDependHandler() { @@ -1151,8 +1152,10 @@ }, //鏍戠偣鍑讳簨浠� async nodeClick(data) { - const response = this.findTheTopLevelNode(data,this.Treedata) - console.log('response',response.label) + const response = this.findTheTopLevelNode(data,this.Treedata) + this.classifyData = response; + // console.log(response) + // console.log('response',response.attributes.id) this.allButtons = true; getAuthButtonList({classifyId: data.oid, code: "classifyTree", authType: "classify_auth"}).then(res => { this.btnAuthList = res.data.data; @@ -1167,10 +1170,9 @@ this.crudArray = [] try { this.requestCount += 1; - const [res1, res2, res3] = await Promise.all([ - TreeObjcet(data.oid), + const [res1, res2] = await Promise.all([ + getObjectByOid(data.oid), gridCodeClassifyTemplate({'conditionMap[codeclassifyoid]': data.oid}), - getObjectByOid(data.oid) ]); this.FlagObj = res1.data.data; this.Formlist = res2.data.data.filter(item => { @@ -1188,7 +1190,7 @@ this.ProData = []; this.crudOid = '' } - this.TreeEditObj = res3.data.data; + this.TreeEditObj = res1.data.data; if (this.TreeEditObj.isParticipateCheck === null || this.TreeEditObj.isParticipateCheck === undefined || this.TreeEditObj.isParticipateCheck === "") { this.$set(this.TreeEditObj, "isParticipateCheck", 1) return @@ -1499,9 +1501,9 @@ </script> <style lang="scss" scoped> -.el-container { - height: 100%; -} +//.el-container { +// height: 100%; +//} .el-aside { //height: calc(100% - 30px); @@ -1546,4 +1548,8 @@ .headerCon > .el-button:nth-child(9) { margin-left: 0; } +///deep/.el-scrollbar__bar.is-vertical{ +// width: 8px; +//} + </style> -- Gitblit v1.9.3