11

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

@@ -131,15 +131,50 @@
                        class="diy-button--reset"
                        @click="resetSearch">重置</el-button>
           </div>
-        </div>
-        <div class="resi-cell">
-          <div class="resi-cell-label">房主手机</div>
-          <div class="resi-cell-value">
-            <el-input v-model="ownerPhone"
-                      size="small"
-                      clearable
-                      placeholder="请输入内容">
-            </el-input>
+        </el-form>
+      </div>
+      <div class=div_left_table>
+        <build-table v-if="selTreeObj.level==='neighborHood'&&!showRoomTable"
+                     ref="ref_neighTable"
+                     :staffAgencyId="staffAgencyId"
+                     :showImportBtn="showImportBtn"
+                     :ownerName="ownerName"
+                     :ownerPhone="ownerPhone"
+                     :rentFlag="rentFlag"
+                     :purpose="purpose"
+                     :remark="remark"
+                     :updateStartDate="updateStartDate"
+                     :updateEndDate="updateEndDate"
+                     @toNextLevel="toNextLevel"
+                     @refreshTree="refreshTree"></build-table>
+
+        <room-table v-if="showRoomTable||selTreeObj.level==='building'"
+                    :staffAgencyId="staffAgencyId"
+                    :showImportBtn="showImportBtn"
+                    :ownerName="ownerName"
+                    :ownerPhone="ownerPhone"
+                    :rentFlag="rentFlag"
+                    :purpose="purpose"
+                    :remark="remark"
+                    :updateStartDate="updateStartDate"
+                    :updateEndDate="updateEndDate"
+                    ref="ref_buildingTable"
+                    @refreshTree="refreshTree"></room-table>
+
+        <community-table v-if="selTreeObj.level!=='building'&&selTreeObj.level!=='neighborHood'&&!showRoomTable"
+                         @toNextLevel="toNextLevel"
+                         :staffAgencyId="staffAgencyId"
+                         :ownerName="ownerName"
+                         :ownerPhone="ownerPhone"
+                         :rentFlag="rentFlag"
+                         :purpose="purpose"
+                         :remark="remark"
+                         :updateStartDate="updateStartDate"
+                         :updateEndDate="updateEndDate"
+                         ref="ref_communityTable"
+                         @refreshTree="refreshTree"></community-table>
+      </div>
+    </div>
 
   </div>
 </template>
@@ -508,6 +543,7 @@ export default {
 }
 </script>
 
+
 <style>
 /* .aui-content > .el-tabs > .el-tabs__content {
     padding: 0px;
@@ -528,6 +564,47 @@ export default {
 
 <style lang="scss" scoped >
 @import "@/assets/scss/modules/visual/communityManage.scss";
+@import "@/assets/scss/modules/management/list-main.scss";
+</style>
+
+<style lang="scss" scoped >
+.div_main {
+  display: flex;
+}
+.scrollar {
+  margin-top: 10px;
+}
+
+.div_tree {
+  flex: 0 0 280px;
+  background-color: #ffffff;
+  border-radius: 5px;
+  padding: 10px;
+  overflow-y: hidden;
+}
+.filter_tree {
+  overflow-x: auto;
+}
+
+// .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);
+}
+.div_left_table {
+  margin-top: 10px;
+  margin-left: 15px;
+  background-color: #ffffff;
+  border-radius: 5px;
+  padding: 10px;
+}
 </style>