Browse Source

修改人房小区跳转

feature
战立标 2 years ago
parent
commit
6905ff16ae
  1. 4
      src/views/dataBoard/cpts/homeDetails/index.vue
  2. 30
      src/views/dataBoard/renfang/cpts/map-right.vue
  3. 50
      src/views/dataBoard/renfang/index.vue

4
src/views/dataBoard/cpts/homeDetails/index.vue

@ -4,8 +4,8 @@
<bread-crumb <bread-crumb
:list="[ :list="[
{ {
path: '/dataBoard/overview/index', path: '/dataBoard/renfang/index',
name: '概览', name: '人房数据',
}, },
{ {
name: homeText ? homeText : '', name: homeText ? homeText : '',

30
src/views/dataBoard/renfang/cpts/map-right.vue

@ -4,25 +4,10 @@
@click="isShow = !isShow"> @click="isShow = !isShow">
<div :class="isShow?'':'hidden'" class="map-right-content"> <div :class="isShow?'':'hidden'" class="map-right-content">
<div class="title"> <div class="title">
海伦路街道 {{orgData.name}}
</div> </div>
<div class="map-list"> <div class="map-list">
<div class="map-item">南昌路社区</div> <div class="map-item" v-for="(item,index) in orgData.children" :key="index" @click="clickAgency(item)">{{item.name}}</div>
<div class="map-item">北岭山社区</div>
<div class="map-item">北岭山社区</div>
<div class="map-item">北岭山社区</div>
<div class="map-item">北岭山社区</div>
<div class="map-item">北岭山社区</div>
<div class="map-item">北岭山社区</div>
<div class="map-item">北岭山社区</div>
<div class="map-item">北岭山社区</div>
<div class="map-item">北岭山社区</div>
<div class="map-item">北岭山社区</div>
<div class="map-item">北岭山社区</div>
<div class="map-item">北岭山社区</div>
<div class="map-item">北岭山社区</div>
<div class="map-item">北岭山社区</div>
<div class="map-item">北岭山社区</div>
</div> </div>
</div> </div>
</div> </div>
@ -31,10 +16,21 @@
<script> <script>
export default { export default {
name: "map-right", name: "map-right",
props: {
orgData: {
type: Object,
default: () => {}
},
},
data() { data() {
return { return {
isShow: true isShow: true
} }
},
methods: {
clickAgency(item) {
this.$emit('clickAgency', item)
}
} }
} }
</script> </script>

50
src/views/dataBoard/renfang/index.vue

@ -1,9 +1,9 @@
<template> <template>
<div> <div>
<cpt-bread <cpt-bread
@tap="clickBreadItem"
v-if="breadList.length > 1" v-if="breadList.length > 1"
:bread-list="breadList" :bread-list="breadList"
@tap="clickBreadItem"
/> />
<div class="g-row"> <div class="g-row">
<div class="g-left"> <div class="g-left">
@ -18,7 +18,7 @@
</div> </div>
<div class="bgImg"> <div class="bgImg">
<Title text="图谱画像"/> <Title text="图谱画像"/>
<jdtphx :id="orgId" /> <jdtphx :id="orgId" :current-level-data="{orgId:orgId, level:orgLevel}"/>
</div> </div>
</div> </div>
@ -111,7 +111,7 @@
@clickAgency="clickAgencyItem" @clickAgency="clickAgencyItem"
@clickDotBtn="handleClickDotBtn" @clickDotBtn="handleClickDotBtn"
/> />
<mapRight/> <mapRight :orgData="orgData" @clickAgency="clickAgencyItem"/>
</div> </div>
<div class="m-search"> <div class="m-search">
@ -136,10 +136,10 @@
</div> </div>
<input <input
type="text" v-model="searchModule.keyword"
placeholder="搜索本组织及下级的居民、小区、楼栋、房屋" placeholder="搜索本组织及下级的居民、小区、楼栋、房屋"
type="text"
@keyup.enter="handleSearch" @keyup.enter="handleSearch"
v-model="searchModule.keyword"
/> />
<div class="i-div"></div> <div class="i-div"></div>
@ -194,12 +194,12 @@
</div> </div>
</div> </div>
<div class="card-list" v-if="searchModule.result.length > 0"> <div v-if="searchModule.result.length > 0" class="card-list">
<div <div
class="card-item" v-for="(item, index) in searchModule.result"
:key="item.title + index" :key="item.title + index"
class="card-item"
@click="handleClickSearchItem(item)" @click="handleClickSearchItem(item)"
v-for="(item, index) in searchModule.result"
> >
<span>{{ item.title }}</span> <span>{{ item.title }}</span>
<img <img
@ -213,7 +213,7 @@
</div> </div>
</div> </div>
<div class="card-empty" v-else> <div v-else class="card-empty">
<img src="~@/assets/images/shuju/renfang/index/empty.png"/> <img src="~@/assets/images/shuju/renfang/index/empty.png"/>
<span>没有找到搜索结果</span> <span>没有找到搜索结果</span>
</div> </div>
@ -294,17 +294,17 @@
</div> </div>
</div> </div>
<div class="empty" v-else> <div v-else class="empty">
<img src="~@/assets/images/shuju/renfang/index/empty.png"/> <img src="~@/assets/images/shuju/renfang/index/empty.png"/>
</div> </div>
</div> </div>
<div v-else> <div v-else>
<div class="list" v-if="resiCategoryForecastData.length > 0"> <div v-if="resiCategoryForecastData.length > 0" class="list">
<div <div
@click="toResiClassPage('ai', item.code, item.name)"
class="item"
:key="item.code + index"
v-for="(item, index) in resiCategoryForecastData" v-for="(item, index) in resiCategoryForecastData"
:key="item.code + index"
class="item"
@click="toResiClassPage('ai', item.code, item.name)"
> >
<div>{{ ("0" + (index + 1)).substr(-2) }}.</div> <div>{{ ("0" + (index + 1)).substr(-2) }}.</div>
<div class="item-name">{{ item.name }}</div> <div class="item-name">{{ item.name }}</div>
@ -331,7 +331,7 @@
</div> </div>
</div> </div>
<div class="empty" v-else> <div v-else class="empty">
<img src="~@/assets/images/shuju/renfang/index/empty.png"/> <img src="~@/assets/images/shuju/renfang/index/empty.png"/>
</div> </div>
</div> </div>
@ -359,7 +359,7 @@
</div>--> </div>-->
<div class="bgImg"> <div class="bgImg">
<Title text="信息采集统计"></Title> <Title text="信息采集统计"></Title>
<rfsjtj :currentLevelData="{orgId: orgId}"/> <rfsjtj :currentLevelData="{orgId:orgId, level:orgLevel}"/>
</div> </div>
<div class="bgImg"> <div class="bgImg">
<Title text="人口预警"></Title> <Title text="人口预警"></Title>
@ -369,7 +369,7 @@
'z-shrink': 'z-shrink':
orgLevel == 'district' || orgLevel == 'district' ||
orgLevel == 'street' || orgLevel == 'street' ||
orgLevel == 'city', orgLevel == 'city'
}" }"
class="m-subbox m-rkyj" class="m-subbox m-rkyj"
> >
@ -386,16 +386,16 @@
</div> </div>
<resi-details <resi-details
@close="popupShow = false"
:resi-id="displayedResiId"
:popupShow='popupShow'
v-if="popupShow" v-if="popupShow"
:popupShow='popupShow'
:resi-id="displayedResiId"
@close="popupShow = false"
/> />
<house-details <house-details
@close="displayedHouseId = ''"
:house-id="displayedHouseId"
v-if="displayedHouseId" v-if="displayedHouseId"
:house-id="displayedHouseId"
@close="displayedHouseId = ''"
/> />
</div> </div>
</template> </template>
@ -587,11 +587,16 @@ export default {
}, },
clickAgencyItem(item) { clickAgencyItem(item) {
console.log(item)
if (item.level === 'neighborHood') {
this.$router.push('/homeDetails/index?id='+item.id)
} else {
this.toBread({ this.toBread({
orgId: item.id, orgId: item.id,
orgLevel: item.level, orgLevel: item.level,
meta: {title: item.name}, meta: {title: item.name},
}); });
}
}, },
toBread(item) { toBread(item) {
@ -828,6 +833,7 @@ export default {
background: url('@/assets/images/shuju/overview/box-bg.png') no-repeat; background: url('@/assets/images/shuju/overview/box-bg.png') no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
} }
.m-box { .m-box {
height: 320px; height: 320px;
} }

Loading…
Cancel
Save