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 {
},
};
-
+