diff --git a/src/assets/scss/modules/management/list-main.scss b/src/assets/scss/modules/management/list-main.scss index c752e60c4..373609c10 100644 --- a/src/assets/scss/modules/management/list-main.scss +++ b/src/assets/scss/modules/management/list-main.scss @@ -7,10 +7,12 @@ } .div_search { - background: #ffffff; - border-radius: 4px; + padding: 20px 20px 5px 15px; box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.1); + background-color: #f6f6f6; + border: 1px solid #D3DCE6; + margin-top:15px; } .data-tag{ margin-left:10px; @@ -35,13 +37,18 @@ } .div_table { - background: #ffffff; - box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.1); - border-radius: 4px; + // background: #ffffff; + // box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.1); + // border-radius: 4px; margin-top: 15px; - padding: 10px 20px; + // padding: 10px 20px; position: relative; + .div_table_item { + margin-top: 10px; + position: relative; + } + .div_btn { margin-top: 10px; // margin-left: 10px; diff --git a/src/assets/scss/modules/visual/communityManage.scss b/src/assets/scss/modules/visual/communityManage.scss index 8c8fbb1a0..ea7f424b6 100644 --- a/src/assets/scss/modules/visual/communityManage.scss +++ b/src/assets/scss/modules/visual/communityManage.scss @@ -1,27 +1,5 @@ -.div_search { - display: flex; - .resi-cell { - display: flex; - align-items: center; - .resi-cell-label { - width: 70px; - box-sizing: border-box; - margin-right: 15px; - text-align: right; - // line-height: 32; - } - .resi-cell-input { - width: 180px; - } - } -} - -.div_table_item { - margin-top: 20px; - position: relative; -} .div_del { position: absolute; left: 10px; @@ -29,6 +7,7 @@ } .div_search { display: flex; + .resi-cell { display: flex; diff --git a/src/views/modules/base/community/community.vue b/src/views/modules/base/community/community.vue index 25cda09c0..22cc9a8e2 100644 --- a/src/views/modules/base/community/community.vue +++ b/src/views/modules/base/community/community.vue @@ -32,7 +32,7 @@
- -
+
.el-tree-node__content { color: #0043c8; + // background-color: #fff; } /deep/ .el-tree-node__expand-icon { color: #0043c8; @@ -806,12 +807,56 @@ export default { margin-right: 8px; font-size: 9px; } + + /deep/.el-tree { + flex: 1; + + .el-tree-node { + margin-left: 2px; + } + + //原有的箭头 去掉 + .el-icon svg { + display: none; + height: 0; + width: 0; + } + //引入图标的位置 + .el-tree-node__expand-icon { + // position: absolute; + // left: 2px; + // 图标是否旋转,如果是箭头类型的,可以设置旋转90度。 + .expanded { + transform: rotate(90deg); + } + // 未展开的节点 + &:before { + // content: "\008B"; + // content: "\008B"; + font-size: 12px; + color: #0043c8; + } + } + // 叶子节点(不显示图标) + .is-leaf.el-tree-node__expand-icon::before { + // display: none; + // background: none !important; + // border: 0px; + + // content: ""; + // width: 18px; + // height: 18px; + } + } } .div_tree { + margin: 15px; /deep/ .el-scrollbar__wrap { overflow-x: hidden !important; } + + //搜索输入框样式 /deep/ .el-input--medium .el-input__inner { height: 27px; border-radius: 0; @@ -823,30 +868,23 @@ export default { padding: 19px 15px; overflow-y: hidden; } + .filter_tree { overflow-x: auto; background-color: #f6f6f6; margin-top: 5px; } -// .div_table { -// margin-left: 15px; -// // flex: 1; -// width: calc(100% - 300px); -// background-color: #ffffff; -// border-radius: 5px; -// padding: 10px; -// } .div_left { // flex: 1; - width: calc(100% - 300px); + width: calc(100% - 330px); } .div_left_table { - margin-top: 10px; - margin-left: 15px; - background-color: #ffffff; - border-radius: 5px; - padding: 10px; + // margin-top: 10px; + // margin-left: 15px; + // background-color: #ffffff; + // border-radius: 5px; + // padding: 10px; } diff --git a/src/views/modules/base/community/roomTable.vue b/src/views/modules/base/community/roomTable.vue index 55875f770..81a2ccbce 100644 --- a/src/views/modules/base/community/roomTable.vue +++ b/src/views/modules/base/community/roomTable.vue @@ -961,9 +961,10 @@ export default { }, }; - +