| | |
| | | <div |
| | | v-for="(value,index) in item" |
| | | :key="index" |
| | | @click="residentDetailsClick(item)" |
| | | @click="residentDetailsClick(value)" |
| | | :class="[{'chuzu':value.houseType == '出租'},{'zizhu':value.houseType == '自住'},{'kongzhi':value.houseType == '空置'},{'shangye':value.houseType == '商业'}]" |
| | | > |
| | | {{value.Doorplate}} |
| | |
| | | style="width: 100%; flex: 1; display: flex; align-items: center; justify-content: space-between;" |
| | | > |
| | | <div>户主</div> |
| | | <div>XXX</div> |
| | | <div>{{houseDate.householderName}}</div> |
| | | </div> |
| | | <div |
| | | style="width: 100%; flex: 1; display: flex; align-items: center; justify-content: space-between;" |
| | | > |
| | | <div>联系方式</div> |
| | | <div>173xxxxxxxx</div> |
| | | <div>{{houseDate.telephone}}</div> |
| | | </div> |
| | | <div |
| | | style="width: 100%; flex: 1; display: flex; align-items: center; justify-content: space-between;" |
| | | > |
| | | <div>人口数量</div> |
| | | <div>4</div> |
| | | <div>{{houseDate.peopleCount}}</div> |
| | | </div> |
| | | <div |
| | | style="width: 100%; flex: 1; display: flex; align-items: center; justify-content: space-between;" |
| | | > |
| | | <div>上班所在地</div> |
| | | <div>xx区xx路xxxx有限公司</div> |
| | | <div>{{houseDate.workplace}}</div> |
| | | </div> |
| | | <div |
| | | style="width: 100%; flex: 1; display: flex; align-items: center; justify-content: space-between;" |
| | | > |
| | | <div>房屋类型</div> |
| | | <div>{{houseDate.houseType}}</div> |
| | | </div> |
| | | </div> |
| | | </el-dialog> |
| | |
| | | |
| | | <script> |
| | | import villageHousesList from '@/assets/data/villageHouse.js' |
| | | import house from '../../assets/data/house' |
| | | |
| | | export default { |
| | | |
| | |
| | | lastFloorShow: false, |
| | | nextFloorShow: true, |
| | | levelList: [], |
| | | houseDate: {}, |
| | | } |
| | | }, |
| | | created () { |
| | |
| | | }, |
| | | |
| | | residentDetailsClick (params) { |
| | | this.residentDetailsTitle = `10${params}住户` |
| | | this.residentDetailsTitle = `${params.Doorplate}住户` |
| | | this.residentDetailsShow = true |
| | | this.houseDate = params |
| | | }, |
| | | |
| | | residentDetailsClose () { |
| | |
| | | this.ridgepoleNum.siteGd = item.alt |
| | | |
| | | this.$EventBus.$emit('toPosition', this.ridgepoleNum) |
| | | this.floorsType = 1 |
| | | document.querySelector(".floor-num").style.left = '0px' |
| | | this.lastFloorShow = false |
| | | this.apartmentValue = '1' |
| | | }, |
| | | nextBtn () { |
| | | if (parseInt(document.querySelector(".build-box").offsetWidth) > Math.abs(parseInt(document.querySelector(".build-box").style.left)) + 356) { |
| | |
| | | }, |
| | | chooseUnit (value) { |
| | | this.floorsType = 1 |
| | | document.querySelector(".floor-num").style.left = '0px' |
| | | this.lastFloorShow = false |
| | | this.levelList = this.ridgepoleNum.unit[value - 1].storey |
| | | }, |
| | | }, |