|
|
@@ -1,6 +1,6 @@
|
|
|
<template>
|
|
|
<div class="app-container">
|
|
|
- <div class="scoped-top-tips">洪楼plus小程序</div>
|
|
|
+ <div class="scoped-top-tips" @click="resetWinObj">洪楼plus小程序</div>
|
|
|
<div class="scoped-bg"></div>
|
|
|
<div v-if="$route.query.id === '95542fdc-b542-4582-9be2-9ab8005728d3' || $route.query.id === '95542ff1-8176-4267-8344-2aa7f1034ac5'" class="scoped-tab">
|
|
|
<div @click="linkChange('95542fdc-b542-4582-9be2-9ab8005728d3')" :class="$route.query.id === '95542fdc-b542-4582-9be2-9ab8005728d3' ? 'op cur' : 'op'">小学</div>
|
|
|
@@ -101,7 +101,7 @@
|
|
|
:path="polyline.path">
|
|
|
</el-amap-polyline>
|
|
|
<!-- closeWhenClickMap="true" -->
|
|
|
- <el-amap-info-window :isCustom="true" :position="winObj.position" :content="winObj.content"></el-amap-info-window>
|
|
|
+ <el-amap-info-window v-if="winObj.content !== '清空'" :isCustom="true" :position="winObj.position" :content="winObj.content"></el-amap-info-window>
|
|
|
</el-amap>
|
|
|
</div>
|
|
|
</template>
|
|
|
@@ -219,12 +219,15 @@ export default {
|
|
|
const estateObj = cObj.estateObj ? JSON.parse(cObj.estateObj) : {}
|
|
|
const schoolObj = cObj.schoolObj ? JSON.parse(cObj.schoolObj) : {}
|
|
|
const typeObj = {
|
|
|
- '#fb6557': '专本科',
|
|
|
- '#ff9149': '幼儿园',
|
|
|
'#ff0': '新楼盘',
|
|
|
'#9f7df4': '二手房',
|
|
|
- '#ff7fbf': '教育用地',
|
|
|
- '#ff003f': '商业用地',
|
|
|
+ '#e8d0e6': '还建房',
|
|
|
+ '#ff9149': '幼儿园',
|
|
|
+ '#ff7fbf': '小学初中',
|
|
|
+ '#e77ad4': '高中',
|
|
|
+ '#fb6557': '中大专本科',
|
|
|
+ '#ff003f': '纯商业',
|
|
|
+ '#999': '商业综合体',
|
|
|
'#007299': '公用设施',
|
|
|
'#00ff3f': '公园用地',
|
|
|
'#4da4ee': '医院用地',
|
|
|
@@ -253,16 +256,15 @@ export default {
|
|
|
const productTypeStr = ptStrArr.join(',')
|
|
|
that.winObj.content = `
|
|
|
<div style="border-radius: 6px;overflow:hidden;background:#fff;box-shadow: 0 0 3px #ccc;">
|
|
|
- <div style="font-weight: bold;color:#fff;padding: 10px 10px;background:#409eff;user-select: none;margin-bottom: 10px;text-align: left;">${cObj.text}</div>
|
|
|
- <div style="display: flex;padding-left: 10px;">
|
|
|
- <div style="width: 100px;">
|
|
|
- <img style="width: 100px;height: auto;" src="${estateObj.pri_image}_xs" />
|
|
|
+ <div style="font-weight: bold;color:#fff;padding: 6px;background:#409eff;user-select: none;margin-bottom: 6px;text-align: left;font-size: 12px;">${cObj.text}</div>
|
|
|
+ <div style="display: flex;padding-left: 6px;">
|
|
|
+ <div style="width: 80px;">
|
|
|
+ <img style="width: 80px;height: auto;" src="${estateObj.pri_image}_xs" />
|
|
|
</div>
|
|
|
- <div style="width: 160px;">
|
|
|
- <div style="padding: 0 10px 6px;color: #999;font-size: 12px;color: #f00;font-weight: bold;">价格：￥${estateObj.price_range}</div>
|
|
|
- <div style="padding: 0 10px 6px;color: #999;font-size: 12px;">类型：${typeObj[cObj.fillColor] || '其它'}</div>
|
|
|
- <div style="padding: 0 10px 6px;color: #999;font-size: 12px;">物业：${estateObj.property_type}</div>
|
|
|
- <div style="padding: 0 10px 6px;color: #999;font-size: 12px;">产品：${productTypeStr}</div>
|
|
|
+ <div style="width: 140px;">
|
|
|
+ <div style="padding: 0 6px 6px;color: #999;font-size: 12px;color: #f00;font-weight: bold;">价格：￥${estateObj.price_range}</div>
|
|
|
+ <div style="padding: 0 6px 6px;color: #999;font-size: 12px;">类型：${typeObj[cObj.fillColor] || '其它'}</div>
|
|
|
+ <div style="padding: 0 6px 6px;color: #999;font-size: 12px;">产品：${productTypeStr}</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -272,14 +274,14 @@ export default {
|
|
|
const stObj = arrToObj(that.$dictData.school_type)
|
|
|
that.winObj.content = `
|
|
|
<div style="border-radius: 6px;overflow:hidden;background:#fff;box-shadow: 0 0 3px #ccc;">
|
|
|
- <div style="font-weight: bold;color:#fff;padding: 10px 10px;background:#409eff;user-select: none;margin-bottom: 10px;text-align: left;">${cObj.text}</div>
|
|
|
- <div style="display: flex;padding-left: 10px;">
|
|
|
- <div style="width: 100px;">
|
|
|
- <img style="width: 100px;height: auto;" src="${schoolObj.pri_image}_xs" />
|
|
|
+ <div style="font-weight: bold;color:#fff;padding: 6px;background:#409eff;user-select: none;margin-bottom: 6px;text-align: left;font-size: 12px;">${cObj.text}</div>
|
|
|
+ <div style="display: flex;padding-left: 6px;">
|
|
|
+ <div style="width: 80px;">
|
|
|
+ <img style="width: 80px;height: auto;" src="${schoolObj.pri_image}_xs" />
|
|
|
</div>
|
|
|
- <div style="width: 260px;">
|
|
|
- <div style="padding: 0 10px 6px;color: #999;font-size: 12px;color: #f00;font-weight: bold;">${saObj[schoolObj.school_attrib]}、${stObj[schoolObj.school_type]}</div>
|
|
|
- <div style="padding: 0 10px 6px;color: #999;font-size: 12px;">备注：${schoolObj.remarked}</div>
|
|
|
+ <div style="width: 160px;">
|
|
|
+ <div style="padding: 0 6px 6px;color: #999;font-size: 12px;color: #f00;font-weight: bold;">${saObj[schoolObj.school_attrib]}、${stObj[schoolObj.school_type]}</div>
|
|
|
+ <div style="padding: 0 6px 6px;color: #999;font-size: 12px;">备注：${schoolObj.remarked}</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -287,9 +289,9 @@ export default {
|
|
|
} else {
|
|
|
that.winObj.content = `
|
|
|
<div style="border-radius: 6px;overflow:hidden;background:#fff;box-shadow: 0 0 3px #ccc;">
|
|
|
- <div style="font-weight: bold;color:#fff;padding: 10px 10px;background:#409eff;user-select: none;margin-bottom: 10px;text-align: center;">${cObj.text}</div>
|
|
|
- <div style="padding: 0 10px 10px;color: #999;">类型：${typeObj[cObj.fillColor] || '其它'}</div>
|
|
|
- <div style="padding: 0 10px 10px;color: #999;">状态：${cObj.strokeStyle === 'dashed' ? '规划中' : '已规划'}</div>
|
|
|
+ <div style="font-weight: bold;color:#fff;padding: 6px;background:#409eff;user-select: none;margin-bottom: 6px;text-align: left;font-size: 12px;">${cObj.text}</div>
|
|
|
+ <div style="padding: 0 6px 6px;color: #999;font-size: 12px;">类型：${typeObj[cObj.fillColor] || '其它'}</div>
|
|
|
+ <div style="padding: 0 6px 6px;color: #999;font-size: 12px;">状态：${cObj.strokeStyle === 'dashed' ? '规划中' : '已规划'}</div>
|
|
|
</div>
|
|
|
`
|
|
|
}
|
|
|
@@ -568,6 +570,12 @@ export default {
|
|
|
},
|
|
|
mounted() {},
|
|
|
methods: {
|
|
|
+ resetWinObj () {
|
|
|
+ this.winObj = {
|
|
|
+ position: [115.852386, 28.684076],
|
|
|
+ content: '清空',
|
|
|
+ }
|
|
|
+ },
|
|
|
linkChange (str) {
|
|
|
const query = this.$route.query
|
|
|
if (query.e) {
|
|
|
@@ -590,7 +598,7 @@ export default {
|
|
|
const data = JSON.parse(res.data)
|
|
|
this.winObj = {
|
|
|
content: `
|
|
|
- <div style="font-weight: bold;color:#409eff;padding: 10px 10px;background:#fff;border-radius: 6px;user-select: none;">${data.mapDiyObj.title}</div>
|
|
|
+ <div style="font-weight: bold;color:#409eff;padding: 10px;background:#fff;border-radius: 6px;user-select: none;font-size: 12px;">${data.mapDiyObj.title}</div>
|
|
|
`,
|
|
|
position: [data.mapDiyObj.center[0], data.mapDiyObj.center[1]],
|
|
|
}
|
