房屋管理

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;

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;

src/views/modules/base/community/community.vue

@@ -32,7 +32,7 @@
     <div :style="{height:rowHeight}"
          class=div_left>
 
-      <div class="div_search marginl-20">
+      <div class="div_search">
         <el-form :inline="true"
                  ref="ref_searchform"
                  :label-width="'80px'">
@@ -199,7 +199,7 @@
           </div>
         </el-form>
       </div>
-      <div class=div_left_table>
+      <div class="div_table div_left_table">
         <build-table v-if="selTreeObj.level==='neighborHood'&&!showRoomTable"
                      ref="ref_neighTable"
                      :staffAgencyId="staffAgencyId"
@@ -374,11 +374,11 @@ export default {
   computed: {
     rowHeight () {
 
-      return this.$store.state.inIframe ? this.clientHeight - 140 + this.iframeHeight + 'px' : this.clientHeight - 140 + 'px'
+      return this.$store.state.inIframe ? this.clientHeight - 150 + this.iframeHeight + 'px' : this.clientHeight - 150 + 'px'
 
     },
     treeHeight () {
-      return this.$store.state.inIframe ? this.clientHeight - 200 + this.iframeHeight + 'px' : this.clientHeight - 200 + 'px'
+      return this.$store.state.inIframe ? this.clientHeight - 210 + this.iframeHeight + 'px' : this.clientHeight - 210 + 'px'
 
     },
 
@@ -797,6 +797,7 @@ export default {
 
   /deep/ .el-tree-node:focus > .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;
 }
 </style>
 

src/views/modules/base/community/roomTable.vue

@@ -961,9 +961,10 @@ export default {
   },
 };
 </script>
-<style lang="scss" scoped>
+<style lang="scss" scoped >
 @import "@/assets/scss/modules/visual/communityManage.scss";
-
+</style>
+<style lang="scss" scoped>
 .item_width_4 {
   width: 120px;
 }