Skip to content

P
pudong-elevator-map
Commit 54fc4959 authored by 郭铭瑶's avatar 郭铭瑶 🤘
Browse files
Options

首页添加列表街镇跳转链接

parent 487a0780
Hide whitespace changes
Inline Side-by-side
Showing with 54 additions and 27 deletions
src/views/main.vue
View file @ 54fc4959
<template> <template>
<div id="elevatorMapContainer"> <div id="elevatorMapContainer">
<template v-if="curStreetData.name && curStreet"> <template v-if="curStreetData.name && curStreet">
<Collapse :value="[curStreet]" class="menu" accordion> <Collapse :value="[curStreet]" class="menu" accordion>
<Panel v-for="street in streetList" :key="street" :name="street"> <Panel v-for="street in streetList" :key="street" :name="street">
{{curStreetData.name}}小区列表 <span>
<div slot="content" class="community-list"> {{curStreetData.name}}小区列表
<div v-for="(item, i) in curCommunity" :key="item.name + i"> <a class="back-btn" @click="backToMainPage">返回</a>
<Button </span>
@click="handleView(item)" <div slot="content" class="community-list">
size="small" <div v-for="(item, i) in curCommunity" :key="item.name + i">
type="text" <Button
long> @click="handleView(item)"
{{item.name}} size="small"
</Button> type="text"
<a @click="handleDetail(item)">详情</a> long>
{{item.name}}
</Button>
<a @click="handleDetail(item)">详情</a>
</div>
</div> </div>
</div> </Panel>
</Panel> </Collapse>
</Collapse>
<!-- <Tabs @on-click="handleTabSelect" v-model="curTab" class="tab-menu">
<TabPane label="全部" name="all"/>
<TabPane label="已签约" name="1"/>
<TabPane label="已完工" name="3"/>
<TabPane label="同意>50%" name="4"/>
</Tabs> -->
<div class="icon-tooltip"> <div class="icon-tooltip">
<p><span />不具备条件</p> <p><span />不具备条件</p>
<p><span />改造后具备条件</p> <p><span />改造后具备条件</p>
...@@ -32,6 +29,24 @@ ...@@ -32,6 +29,24 @@
<p><img src="@/assets/images/notice.gif"/>已公告加梯幢</p> <p><img src="@/assets/images/notice.gif"/>已公告加梯幢</p>
</div> </div>
</template> </template>
<template v-if="!curStreet">
<Collapse class="menu" accordion>
<Panel>
街镇列表
<div slot="content" class="community-list">
<div v-for="(item, i) in Object.keys(streetDic)" :key="item + i">
<Button
@click="toWhichStreet(streetDic[item])"
size="small"
type="text"
long>
{{streetDic[item]}}
</Button>
</div>
</div>
</Panel>
</Collapse>
</template>
<Drawer :closable="false" width="24%" v-model="detailDrawer"> <Drawer :closable="false" width="24%" v-model="detailDrawer">
<div slot="header"> <div slot="header">
<h2>{{detailDrawerData.community}}</h2> <h2>{{detailDrawerData.community}}</h2>
...@@ -74,7 +89,6 @@ export default { ...@@ -74,7 +89,6 @@ export default {
data() { data() {
return { return {
map: null, map: null,
curTab: 'all',
detailDrawer: false, detailDrawer: false,
detailDrawerData: {}, detailDrawerData: {},
mapConfig: { mapConfig: {
...@@ -395,7 +409,7 @@ export default { ...@@ -395,7 +409,7 @@ export default {
const communityName = item.sectName && (item.sectName + '').replace('(补)', '').replace('（补）', '') const communityName = item.sectName && (item.sectName + '').replace('(补)', '').replace('（补）', '')
const cur = this.buildingData.building.find(e => { const cur = this.buildingData.building.find(e => {
const name = e.name && (e.name + '').replace('(补)', '').replace('（补）', '') const name = e.name && (e.name + '').replace('(补)', '').replace('（补）', '')
return (communityName.indexOf(name) >= 0 || name.indexOf(communityName) >= 0) && (e.buildingNo.indexOf(item.unitNo) >= 0 || item.unitNo.indexOf(e.buildingNo) >= 0) && (e.lon && e.lat) return (communityName.indexOf(name) >= 0 || name.indexOf(communityName) >= 0) && ((e.buildingNo + '').indexOf(item.unitNo) >= 0 || item.unitNo.indexOf(e.buildingNo) >= 0) && (e.lon && e.lat)
}) // 查找出返回数据中的同一幢楼栋数据 }) // 查找出返回数据中的同一幢楼栋数据
if (!cur) return if (!cur) return
const marker = new AMap.Marker({ const marker = new AMap.Marker({
...@@ -426,7 +440,7 @@ export default { ...@@ -426,7 +440,7 @@ export default {
const communityName = item.sectName && (item.sectName + '').replace('(补)', '').replace('（补）', '') const communityName = item.sectName && (item.sectName + '').replace('(补)', '').replace('（补）', '')
const cur = this.buildingData.building.find(e => { const cur = this.buildingData.building.find(e => {
const name = e.name && (e.name + '').replace('(补)', '').replace('（补）', '') const name = e.name && (e.name + '').replace('(补)', '').replace('（补）', '')
return (communityName.indexOf(name) >= 0 || name.indexOf(communityName) >= 0) && (e.buildingNo.indexOf(item.unitNo) >= 0 || item.unitNo.indexOf(e.buildingNo) >= 0) && (e.lon && e.lat) return (communityName.indexOf(name) >= 0 || name.indexOf(communityName) >= 0) && (e.buildingNo && e.buildingNo.indexOf(item.unitNo) >= 0 || item.unitNo.indexOf(e.buildingNo) >= 0) && (e.lon && e.lat)
}) // 查找出返回数据中的同一幢楼栋数据 }) // 查找出返回数据中的同一幢楼栋数据
if (!cur) return if (!cur) return
const marker = new AMap.Marker({ const marker = new AMap.Marker({
...@@ -544,8 +558,18 @@ export default { ...@@ -544,8 +558,18 @@ export default {
object3d.add(prism) object3d.add(prism)
return object3d return object3d
}, },
handleTabSelect(name) { toWhichStreet(name) {
console.log('tab--', name) this.$router.replace({
path: '/',
query: {
name,
}
})
location.reload()
},
backToMainPage() {
this.$router.replace({path: '/'})
location.reload()
}, },
}, },
computed: { computed: {
...@@ -594,6 +618,9 @@ export default { ...@@ -594,6 +618,9 @@ export default {
height 100% height 100%
resize both resize both
position relative position relative
.back-btn
float right
margin-right 1rem
.menu .menu
position absolute position absolute
width 18% width 18%
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment