BUG 30199
This commit is contained in:
		| @@ -5,8 +5,8 @@ | |||||||
|       <div class="building" v-for="(value,name) in buildingUnits" :key="name"> |       <div class="building" v-for="(value,name) in buildingUnits" :key="name"> | ||||||
|         <div class="unit" v-for="(op,j) in value" :key="j" @click="sta.selectedBuilding(op,j+1)" |         <div class="unit" v-for="(op,j) in value" :key="j" @click="sta.selectedBuilding(op,j+1)" | ||||||
|              :class="{selected:sta.unitNumber==j+1 && sta.currentBuilding.buildingNumber==name}"> |              :class="{selected:sta.unitNumber==j+1 && sta.currentBuilding.buildingNumber==name}"> | ||||||
|           <b>{{ name}}栋</b> |           <b>{{ name }}栋</b> | ||||||
|           <div>{{ j+1 }}单元</div> |           <div>{{ j + 1 }}单元</div> | ||||||
|         </div> |         </div> | ||||||
|       </div> |       </div> | ||||||
|     </div> |     </div> | ||||||
| @@ -22,7 +22,7 @@ export default { | |||||||
|     buildingUnits() { |     buildingUnits() { | ||||||
|       let obj = {} |       let obj = {} | ||||||
|       this.units.map(e => { |       this.units.map(e => { | ||||||
|         for(let i=0;i<e.unitNumber;i++){ |         for (let i = 0; i < e.unitNumber; i++) { | ||||||
|           obj[e.buildingNumber]?.push(e) || (obj[e.buildingNumber] = [e]) |           obj[e.buildingNumber]?.push(e) || (obj[e.buildingNumber] = [e]) | ||||||
|         } |         } | ||||||
|       }) |       }) | ||||||
| @@ -57,6 +57,8 @@ export default { | |||||||
| <style lang="scss" scoped> | <style lang="scss" scoped> | ||||||
| .communityOverview { | .communityOverview { | ||||||
|   max-width: 400px; |   max-width: 400px; | ||||||
|  |   max-height: 700px; | ||||||
|  |   overflow-y: auto; | ||||||
|  |  | ||||||
|   .units { |   .units { | ||||||
|     display: flex; |     display: flex; | ||||||
| @@ -68,7 +70,7 @@ export default { | |||||||
|       display: flex; |       display: flex; | ||||||
|       align-items: center; |       align-items: center; | ||||||
|       height: auto; |       height: auto; | ||||||
|       flex-wrap: wrap;  |       flex-wrap: wrap; | ||||||
|  |  | ||||||
|       .unit { |       .unit { | ||||||
|         margin-right: 10px; |         margin-right: 10px; | ||||||
|   | |||||||
| @@ -5,8 +5,8 @@ | |||||||
|       <div class="building" v-for="(value,name) in buildingUnits" :key="name"> |       <div class="building" v-for="(value,name) in buildingUnits" :key="name"> | ||||||
|         <div class="unit" v-for="(op,j) in value" :key="j" @click="sta.selectedBuilding(op,j+1)" |         <div class="unit" v-for="(op,j) in value" :key="j" @click="sta.selectedBuilding(op,j+1)" | ||||||
|              :class="{selected:sta.unitNumber==j+1 && sta.currentBuilding.buildingNumber==name}"> |              :class="{selected:sta.unitNumber==j+1 && sta.currentBuilding.buildingNumber==name}"> | ||||||
|           <b>{{ name}}栋</b> |           <b>{{ name }}栋</b> | ||||||
|           <div>{{ j+1 }}单元</div> |           <div>{{ j + 1 }}单元</div> | ||||||
|         </div> |         </div> | ||||||
|       </div> |       </div> | ||||||
|     </div> |     </div> | ||||||
| @@ -22,7 +22,7 @@ export default { | |||||||
|     buildingUnits() { |     buildingUnits() { | ||||||
|       let obj = {} |       let obj = {} | ||||||
|       this.units.map(e => { |       this.units.map(e => { | ||||||
|         for(let i=0;i<e.unitNumber;i++){ |         for (let i = 0; i < e.unitNumber; i++) { | ||||||
|           obj[e.buildingNumber]?.push(e) || (obj[e.buildingNumber] = [e]) |           obj[e.buildingNumber]?.push(e) || (obj[e.buildingNumber] = [e]) | ||||||
|         } |         } | ||||||
|       }) |       }) | ||||||
| @@ -57,6 +57,8 @@ export default { | |||||||
| <style lang="scss" scoped> | <style lang="scss" scoped> | ||||||
| .communityOverview { | .communityOverview { | ||||||
|   max-width: 400px; |   max-width: 400px; | ||||||
|  |   max-height: 700px; | ||||||
|  |   overflow-y: auto; | ||||||
|  |  | ||||||
|   .units { |   .units { | ||||||
|     display: flex; |     display: flex; | ||||||
| @@ -68,7 +70,7 @@ export default { | |||||||
|       display: flex; |       display: flex; | ||||||
|       align-items: center; |       align-items: center; | ||||||
|       height: auto; |       height: auto; | ||||||
|       flex-wrap: wrap;  |       flex-wrap: wrap; | ||||||
|  |  | ||||||
|       .unit { |       .unit { | ||||||
|         margin-right: 10px; |         margin-right: 10px; | ||||||
|   | |||||||
| @@ -5,8 +5,8 @@ | |||||||
|       <div class="building" v-for="(value,name) in buildingUnits" :key="name"> |       <div class="building" v-for="(value,name) in buildingUnits" :key="name"> | ||||||
|         <div class="unit" v-for="(op,j) in value" :key="j" @click="sta.selectedBuilding(op,j+1)" |         <div class="unit" v-for="(op,j) in value" :key="j" @click="sta.selectedBuilding(op,j+1)" | ||||||
|              :class="{selected:sta.unitNumber==j+1 && sta.currentBuilding.buildingNumber==name}"> |              :class="{selected:sta.unitNumber==j+1 && sta.currentBuilding.buildingNumber==name}"> | ||||||
|           <b>{{ name}}栋</b> |           <b>{{ name }}栋</b> | ||||||
|           <div>{{ j+1 }}单元</div> |           <div>{{ j + 1 }}单元</div> | ||||||
|         </div> |         </div> | ||||||
|       </div> |       </div> | ||||||
|     </div> |     </div> | ||||||
| @@ -22,7 +22,7 @@ export default { | |||||||
|     buildingUnits() { |     buildingUnits() { | ||||||
|       let obj = {} |       let obj = {} | ||||||
|       this.units.map(e => { |       this.units.map(e => { | ||||||
|         for(let i=0;i<e.unitNumber;i++){ |         for (let i = 0; i < e.unitNumber; i++) { | ||||||
|           obj[e.buildingNumber]?.push(e) || (obj[e.buildingNumber] = [e]) |           obj[e.buildingNumber]?.push(e) || (obj[e.buildingNumber] = [e]) | ||||||
|         } |         } | ||||||
|       }) |       }) | ||||||
| @@ -57,6 +57,8 @@ export default { | |||||||
| <style lang="scss" scoped> | <style lang="scss" scoped> | ||||||
| .communityOverview { | .communityOverview { | ||||||
|   max-width: 400px; |   max-width: 400px; | ||||||
|  |   max-height: 700px; | ||||||
|  |   overflow-y: auto; | ||||||
|  |  | ||||||
|   .units { |   .units { | ||||||
|     display: flex; |     display: flex; | ||||||
| @@ -68,7 +70,7 @@ export default { | |||||||
|       display: flex; |       display: flex; | ||||||
|       align-items: center; |       align-items: center; | ||||||
|       height: auto; |       height: auto; | ||||||
|       flex-wrap: wrap;  |       flex-wrap: wrap; | ||||||
|  |  | ||||||
|       .unit { |       .unit { | ||||||
|         margin-right: 10px; |         margin-right: 10px; | ||||||
|   | |||||||
		Reference in New Issue
	
	Block a user