|
|
|
@ -12,6 +12,9 @@ |
|
|
|
}, |
|
|
|
]" /> |
|
|
|
</div> |
|
|
|
<div class="top-nav-list" v-if="$route.query.typeB !== building"> |
|
|
|
<div v-for="item in buildingList" :key="item.id" :class="[item.ifActive ? 'top-nav-itemAC' : 'top-nav-item']" @click="chooseNav(item)">{{ item.buildingName }}{{ item.unitName }}</div> |
|
|
|
</div> |
|
|
|
<el-row :gutter="48"> |
|
|
|
<el-col :span="8"> |
|
|
|
<div class="bg"> |
|
|
|
@ -45,9 +48,9 @@ |
|
|
|
<el-table :data="list" v-loading="loading" height="500" element-loading-text="加载中" element-loading-spinner="el-icon-loading" element-loading-background="rgba(0, 21, 64, 0.3)"> |
|
|
|
<el-table-column label="序号" type="index" width="80" /> |
|
|
|
<el-table-column prop="doorName" label="门牌号" /> |
|
|
|
<el-table-column prop="fullName" label="所属小区" /> |
|
|
|
<el-table-column prop="buildingId" label="所属楼栋" /> |
|
|
|
<el-table-column prop="houseName" label="所属单元" /> |
|
|
|
<el-table-column prop="fullName" show-overflow-tooltip label="所属小区" /> |
|
|
|
<el-table-column prop="buildingId" show-overflow-tooltip label="所属楼栋" /> |
|
|
|
<el-table-column prop="houseName" show-overflow-tooltip label="所属单元" /> |
|
|
|
<el-table-column prop="houseCode" label="房屋编码" /> |
|
|
|
<el-table-column prop="rentFlag" label="房屋状态"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
@ -69,7 +72,7 @@ |
|
|
|
</el-table-column> |
|
|
|
<el-table-column label="操作" width="90" align="center"> |
|
|
|
<template slot-scope="{ row }"> |
|
|
|
<el-button type="text" @click="$router.push('/dataBoard/overview/familyPortrait/?name=' + row.doorName + '&houseId=' + row.id + '&id=' + $route.query.id + '&name2=' + (homeText ? homeText : ''))">查看</el-button> |
|
|
|
<el-button type="text" @click="$router.push(`/dataBoard/overview/familyPortrait/?name=${row.doorName}&houseId=${row.id}&id=${row.buildingId}&buId=${row.buildingUnitId}&type=${$route.query.typeB}&name2=${row.houseName}`)">查看</el-button> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
</el-table> |
|
|
|
@ -104,16 +107,32 @@ export default { |
|
|
|
homeMsg: {}, |
|
|
|
list: [], |
|
|
|
homeText: "", |
|
|
|
buildingList: [], |
|
|
|
houseMountArr: [], |
|
|
|
}; |
|
|
|
}, |
|
|
|
watch: { |
|
|
|
"$route.query.id"() { |
|
|
|
this.getList(); |
|
|
|
}, |
|
|
|
// "$route.query.buIding": { |
|
|
|
// handler(val) { |
|
|
|
// if (val) { |
|
|
|
// this.getList(val); |
|
|
|
// } |
|
|
|
// }, |
|
|
|
// immediate: true, |
|
|
|
// }, |
|
|
|
// "$route.query.typeB": { |
|
|
|
// handler(val) { |
|
|
|
// console.log("jhjkbhkjhkjhkjhkjhkj"); |
|
|
|
// if (val) { |
|
|
|
// this.getList(); |
|
|
|
// } |
|
|
|
// }, |
|
|
|
// immediate: true, |
|
|
|
// }, |
|
|
|
}, |
|
|
|
mounted() { |
|
|
|
this.getList(); |
|
|
|
const buId = this.$route.query.buId || null; |
|
|
|
this.getList(buId); |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
getDoorNameList(list) { |
|
|
|
@ -147,15 +166,8 @@ export default { |
|
|
|
return doorNameList; |
|
|
|
}, |
|
|
|
|
|
|
|
getList() { |
|
|
|
this.loading = true; |
|
|
|
const homeType = this.$route.query.type; |
|
|
|
// if (homeType === "building") { |
|
|
|
// this.$http.get(`/actual/base/streetOverview/getUnitHouseOverviewList?unitId=` + this.$route.query.id).then((res) => { |
|
|
|
// console.log(res); |
|
|
|
// }); |
|
|
|
// } else { |
|
|
|
this.$http.get(`/actual/base/streetOverview/getUnitHouseList?unitId=` + this.$route.query.id).then((res) => { |
|
|
|
getUnitList(id) { |
|
|
|
this.$http.get(`/actual/base/streetOverview/getUnitHouseList?unitId=` + id).then((res) => { |
|
|
|
const { |
|
|
|
code, |
|
|
|
data: { houseList, unitInfo }, |
|
|
|
@ -165,12 +177,7 @@ export default { |
|
|
|
this.list = houseList; |
|
|
|
this.homeMsg = unitInfos; |
|
|
|
this.homeText = (unitInfos.quartersName ? unitInfos.quartersName : "") + (unitInfos.buildingName ? unitInfos.buildingName : "") + (unitInfos.unitNum ? unitInfos.unitNum + "单元" : ""); |
|
|
|
console.log(this.homeText, " this.homeText"); |
|
|
|
this.houseMountArr = this.getDoorNameList(this.list); |
|
|
|
// this.houseMountArr = [ |
|
|
|
// [{ doorName: 101 }, { doorName: 102 }, { doorName: 103 }, { doorName: 104 }, { doorName: 105 }, { doorName: 106 }, { doorName: 107 }, { doorName: 108 }, { doorName: 109 }], |
|
|
|
// [{ doorName: 201 }, { doorName: 202 }, { doorName: 203 }, { doorName: 204 }, { doorName: 205 }, { doorName: 206 }, { doorName: 207 }, { doorName: 208 }, { doorName: 209 }], |
|
|
|
// ]; |
|
|
|
if (this.houseMountArr.length > 0) { |
|
|
|
this.flexWidth = this.houseMountArr[0].length * 58; |
|
|
|
} |
|
|
|
@ -179,7 +186,46 @@ export default { |
|
|
|
this.loading = false; |
|
|
|
} |
|
|
|
}); |
|
|
|
// } |
|
|
|
}, |
|
|
|
|
|
|
|
getList(buid) { |
|
|
|
this.loading = true; |
|
|
|
const homeType = this.$route.query.typeB; |
|
|
|
if (homeType === "building") { |
|
|
|
this.$http.get(`/actual/base/streetOverview/getUnitListByBuilding?buildingId=` + "1514914015259979777").then((res) => { |
|
|
|
const { code, data } = res.data; |
|
|
|
if (code === 0) { |
|
|
|
this.buildingList = data; |
|
|
|
this.homeText = this.buildingList[0].buildingName + this.buildingList[0].unitName; |
|
|
|
if (buid) { |
|
|
|
this.buildingList.forEach((item, i) => { |
|
|
|
console.log(item); |
|
|
|
if (item.id === buid) { |
|
|
|
item.ifActive = true; |
|
|
|
this.getUnitList(item.id); |
|
|
|
} else { |
|
|
|
item.ifActive = false; |
|
|
|
} |
|
|
|
}); |
|
|
|
} else { |
|
|
|
this.buildingList.forEach((item, i) => { |
|
|
|
if (i === 0) { |
|
|
|
item.ifActive = true; |
|
|
|
this.getUnitList(item.id); |
|
|
|
} else { |
|
|
|
item.ifActive = false; |
|
|
|
} |
|
|
|
}); |
|
|
|
} |
|
|
|
|
|
|
|
this.loading = false; |
|
|
|
} else { |
|
|
|
this.loading = false; |
|
|
|
} |
|
|
|
}); |
|
|
|
} else { |
|
|
|
this.getUnitList(this.$route.query.id); |
|
|
|
} |
|
|
|
}, |
|
|
|
|
|
|
|
getRentFlag(type) { |
|
|
|
@ -200,6 +246,20 @@ export default { |
|
|
|
]); |
|
|
|
return houseTypeMap.get(type); |
|
|
|
}, |
|
|
|
|
|
|
|
chooseNav(item) { |
|
|
|
let buildList = [...this.buildingList]; |
|
|
|
this.homeText = item.buildingName + item.unitName; |
|
|
|
buildList.forEach((d) => { |
|
|
|
if (item.id === d.id) { |
|
|
|
d.ifActive = true; |
|
|
|
this.getUnitList(item.id); |
|
|
|
} else { |
|
|
|
d.ifActive = false; |
|
|
|
} |
|
|
|
}); |
|
|
|
this.buildingList = buildList; |
|
|
|
}, |
|
|
|
}, |
|
|
|
}; |
|
|
|
</script> |
|
|
|
@ -221,9 +281,36 @@ export default { |
|
|
|
font-weight: 500; |
|
|
|
} |
|
|
|
|
|
|
|
@mixin navListCommon { |
|
|
|
min-width: 120px; |
|
|
|
height: 36px; |
|
|
|
font-size: 14px; |
|
|
|
font-family: PingFang SC; |
|
|
|
font-weight: 500; |
|
|
|
margin-right: 4px; |
|
|
|
text-align: center; |
|
|
|
line-height: 36px; |
|
|
|
cursor: pointer; |
|
|
|
} |
|
|
|
|
|
|
|
.top-nav-list { |
|
|
|
display: flex; |
|
|
|
margin-bottom: 16px; |
|
|
|
.top-nav-item { |
|
|
|
@include navListCommon; |
|
|
|
background-image: url("~@/assets/images/home/noChooseMain.png"); |
|
|
|
color: #96b1ce; |
|
|
|
} |
|
|
|
.top-nav-itemAC { |
|
|
|
@include navListCommon; |
|
|
|
background-image: url("~@/assets/images/home/chooseMain.png"); |
|
|
|
color: #fff; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.homeWrap { |
|
|
|
.bread { |
|
|
|
margin-bottom: 25px; |
|
|
|
margin-bottom: 16px; |
|
|
|
} |
|
|
|
|
|
|
|
.apar_top { |
|
|
|
|
