From 4e3d77dcbe421a4d6611ebcdd1ac3165cb36ad4b Mon Sep 17 00:00:00 2001 From: Surpriseplus <845948745@qq.com> Date: 星期一, 06 二月 2023 14:59:33 +0800 Subject: [PATCH] 系统界面翻新,回车登录,综合展示菜单重复 --- src/views/datamanage/catalogueManage.vue | 132 +++---------------------------------------- 1 files changed, 11 insertions(+), 121 deletions(-) diff --git a/src/views/datamanage/catalogueManage.vue b/src/views/datamanage/catalogueManage.vue index a3856d5..2dc5485 100644 --- a/src/views/datamanage/catalogueManage.vue +++ b/src/views/datamanage/catalogueManage.vue @@ -1,12 +1,12 @@ <template> - <div class="cataLogBox"> + <div class="subpage_Box"> <My-bread :list="[ `${$t('dataManage.dataManage')}`, `${$t('dataManage.catalogueManage')}`, ]"></My-bread> <el-divider /> <div class="cataLogContent"> - <div class="cataLog_leftTree"> + <div class="cataLog_leftTree subpage_Div"> <div style="min-width:450px"> <el-tree ref="tree" @@ -15,14 +15,14 @@ :data="dirList" :highlight-current="true" :expand-on-click-node="false" - :default-expand-all="true" + :default-expanded-keys="expandData" @node-click="handleNodeClick" > </el-tree> </div> </div> - <div class="cataLog_rightContent"> + <div class="cataLog_rightContent subpage_Div"> <div style="display:flex;justify-content:space-between"> <el-breadcrumb separator="/"> <el-breadcrumb-item :to="{ path: '/' }">{{ @@ -254,6 +254,7 @@ name: [{ required: true, validator: validName, trigger: 'blur' }], }, newNode: null, + expandData: [], }; }, methods: { @@ -273,7 +274,10 @@ if (this.itemdetail.id != null) { this.$nextTick(() => { - this.$refs.tree.setCurrentKey(this.itemdetail.id); + + // this.expandData=[1] + // this.$refs.tree.setCurrentKey(this.itemdetail.id); + // document.getElementById(this.itemdetail.id).click(); }); } @@ -429,6 +433,7 @@ message: '娣诲姞鎴愬姛', type: 'success', }); + this.itemdetail = {}; this.ruleForm = {}; this.dialogFormVisible = false; @@ -673,7 +678,7 @@ </script> <style lang="less" scoped> -.cataLogBox { +.subpage_Box { height: 98%; width: 98%; padding: 1%; @@ -685,7 +690,6 @@ .cataLog_leftTree { width: 15%; height: 91%; - border: 1px solid white; border-radius: 5px; padding: 1%; overflow-y: auto; @@ -693,123 +697,9 @@ .cataLog_rightContent { width: 80%; height: 91%; - border: 1px solid white; border-radius: 5px; padding: 1%; } - } - // .cataSettings_tree { - // position: relative; - // width: 344px; - // height: 100%; - // background: rgb(240, 242, 245); - // padding: 20px; - // border-radius: 10px; - // box-sizing: border-box; - // overflow: auto; - // .saveBtn { - // position: absolute; - // left: 250px; - // top: 23px; - // } - // .cataTreeBox { - // height: 88%; - // width: 100%; - // overflow: auto; - // .el-tree { - // background: transparent; - // font-size: 15px; - // font-family: Microsoft YaHei; - // font-weight: 400; - // color: #000000; - // /deep/ .el-tree-node { - // padding-top: 10px; - // // padding-bottom: 10px; - // } - // /deep/ .el-tree-node:focus > .el-tree-node__content { - // background-color: #b9b9b9; - // } - // /deep/ .el-tree-node__content:hover { - // background-color: rgb(153, 153, 153); - // } - // .btnBox { - // margin: 0 10px 0 5px; - // .el-button + .el-button { - // margin-left: 5px; - // } - // } - // } - // } - // } - // .itemSettings { - // width: calc(100% - 344px); - // border-radius: 10px; - // background: rgb(240, 242, 245); - // margin-left: 10px; - // height: 100%; - // padding: 10px; - // box-sizing: border-box; - // .title_box { - // background: #fff; - // padding: 10px; - // margin-bottom: 24px; - // display: flex; - // border-radius: 10px; - // border: 1px solid rgb(202, 201, 204); - // box-sizing: border-box; - // } - // .form_box { - // border: 1px solid rgb(202, 201, 204); - // border-radius: 10px; - // background: #fff; - // padding-top: 30px; - // box-sizing: border-box; - // width: 100%; - // .el-input, - // /deep/ .el-textarea { - // width: 400px; - // } - // .btnBox { - // margin: 0 270px 20px; - // width: 200px; - // display: flex; - // justify-content: space-between; - // } - // } - // } - // /deep/ .el-dialog__body { - // padding: 0 30px 0 0; - // } - .el-icon-delete-solid { - color: gray; - } - .el-icon-circle-plus { - color: gray; - } - /deep/.el-form-item__label { - color: white; - } - // 璁剧疆杈撳叆妗嗙殑鑳屾櫙鑹层�佸瓧浣撻鑹层�佽竟妗嗗睘鎬ц缃紱 - /deep/.el-input__inner { - background-color: transparent !important ; - color: #fff; - border: 1px solid; - } - /deep/ .el-dialog { - background: #303030; - } - /deep/.el-range-editor.is-active, - .el-range-editor.is-active:hover, - .el-select .el-input.is-focus .el-input__inner { - border: 1px solid; - } - /deep/.el-dialog__title { - color: white; - } - .primary { - background: #409eff; - border: #409eff; - color: white; } } </style> -- Gitblit v1.9.3