|
|
|
@ -6,9 +6,9 @@
|
|
|
|
<div class="info-window" ref="leaseInfoWindow" v-show="isShowWindow">
|
|
|
|
<div class="info-window" ref="leaseInfoWindow" v-show="isShowWindow">
|
|
|
|
<el-descriptions border :column="2">
|
|
|
|
<el-descriptions border :column="2">
|
|
|
|
<el-descriptions-item label="地块名称">
|
|
|
|
<el-descriptions-item label="地块名称">
|
|
|
|
{{ row.dikuaimingcheng }}
|
|
|
|
{{ row._asset ? row._asset.name : '' }}
|
|
|
|
</el-descriptions-item>
|
|
|
|
</el-descriptions-item>
|
|
|
|
<el-descriptions-item label="出租房">
|
|
|
|
<el-descriptions-item label="出租方">
|
|
|
|
{{ row.chuzufang }}
|
|
|
|
{{ row.chuzufang }}
|
|
|
|
</el-descriptions-item>
|
|
|
|
</el-descriptions-item>
|
|
|
|
<el-descriptions-item label="承租方">
|
|
|
|
<el-descriptions-item label="承租方">
|
|
|
|
@ -23,9 +23,6 @@
|
|
|
|
<el-descriptions-item label="年租赁价">
|
|
|
|
<el-descriptions-item label="年租赁价">
|
|
|
|
{{ row.nianzujindanjia }}
|
|
|
|
{{ row.nianzujindanjia }}
|
|
|
|
</el-descriptions-item>
|
|
|
|
</el-descriptions-item>
|
|
|
|
<el-descriptions-item label="实收租金">
|
|
|
|
|
|
|
|
{{ row.shishouzujin }}
|
|
|
|
|
|
|
|
</el-descriptions-item>
|
|
|
|
|
|
|
|
</el-descriptions>
|
|
|
|
</el-descriptions>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
@ -43,7 +40,33 @@ export default {
|
|
|
|
},
|
|
|
|
},
|
|
|
|
computed: {
|
|
|
|
computed: {
|
|
|
|
leases () {
|
|
|
|
leases () {
|
|
|
|
return this.$store.state.bigdata.leases;
|
|
|
|
let temp = [];
|
|
|
|
|
|
|
|
let a = this.$store.state.bigdata.leases;
|
|
|
|
|
|
|
|
this.$store.state.bigdata.leases.forEach(item => {
|
|
|
|
|
|
|
|
if (item.land instanceof Array && item.land.length > 0) {
|
|
|
|
|
|
|
|
item.land.forEach(land => {
|
|
|
|
|
|
|
|
temp.push({
|
|
|
|
|
|
|
|
...item,
|
|
|
|
|
|
|
|
_asset: {
|
|
|
|
|
|
|
|
name: land.name,
|
|
|
|
|
|
|
|
location: land.zichanweizhi
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
})
|
|
|
|
|
|
|
|
})
|
|
|
|
|
|
|
|
} else if (item.houses instanceof Array && item.houses.length > 0) {
|
|
|
|
|
|
|
|
item.houses.forEach(house => {
|
|
|
|
|
|
|
|
temp.push({
|
|
|
|
|
|
|
|
...item,
|
|
|
|
|
|
|
|
_asset: {
|
|
|
|
|
|
|
|
name: house.name,
|
|
|
|
|
|
|
|
location: house.zichanweizhi
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
})
|
|
|
|
|
|
|
|
})
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
})
|
|
|
|
|
|
|
|
console.log(temp,a)
|
|
|
|
|
|
|
|
return temp;
|
|
|
|
},
|
|
|
|
},
|
|
|
|
type () {
|
|
|
|
type () {
|
|
|
|
return this.$store.state.bigdata.type;
|
|
|
|
return this.$store.state.bigdata.type;
|
|
|
|
@ -53,7 +76,7 @@ export default {
|
|
|
|
pickRow({ row }) {
|
|
|
|
pickRow({ row }) {
|
|
|
|
this.row = row;
|
|
|
|
this.row = row;
|
|
|
|
this.isShowWindow = true;
|
|
|
|
this.isShowWindow = true;
|
|
|
|
let location = row.land_id_lands_id_relation ? row.land_id_lands_id_relation.zichanweizhi : row.house_id_houses_id_relation.zichanweizhi;
|
|
|
|
let location = row._asset.location
|
|
|
|
if (location) {
|
|
|
|
if (location) {
|
|
|
|
let lat, lng;
|
|
|
|
let lat, lng;
|
|
|
|
[lng, lat] = location.split(",");
|
|
|
|
[lng, lat] = location.split(",");
|
|
|
|
@ -89,7 +112,7 @@ export default {
|
|
|
|
this.markerList = [];
|
|
|
|
this.markerList = [];
|
|
|
|
|
|
|
|
|
|
|
|
this.leases.forEach((item) => {
|
|
|
|
this.leases.forEach((item) => {
|
|
|
|
let location = item.land_id_lands_id_relation ? item.land_id_lands_id_relation.zichanweizhi : item.house_id_houses_id_relation.zichanweizhi;
|
|
|
|
let location = item._asset.location;
|
|
|
|
if (location) {
|
|
|
|
if (location) {
|
|
|
|
let lat, lng;
|
|
|
|
let lat, lng;
|
|
|
|
[lng, lat] = location.split(",");
|
|
|
|
[lng, lat] = location.split(",");
|
|
|
|
@ -108,11 +131,11 @@ export default {
|
|
|
|
let markerSpan = document.createElement("span");
|
|
|
|
let markerSpan = document.createElement("span");
|
|
|
|
markerSpan.setAttribute("class", "map-marker__text");
|
|
|
|
markerSpan.setAttribute("class", "map-marker__text");
|
|
|
|
markerSpan.innerText =
|
|
|
|
markerSpan.innerText =
|
|
|
|
item.dikuaimingcheng?.length > 4
|
|
|
|
item._asset?.name?.length > 4
|
|
|
|
? item.dikuaimingcheng.slice(0, 2) +
|
|
|
|
? item._asset?.name?.slice(0, 2) +
|
|
|
|
".." +
|
|
|
|
".." +
|
|
|
|
item.dikuaimingcheng.slice(item.dikuaimingcheng.length - 2)
|
|
|
|
item._asset?.name?.slice(item._asset?.name?.length - 2)
|
|
|
|
: item.dikuaimingcheng;
|
|
|
|
: item._asset?.name;
|
|
|
|
markerContent.appendChild(markerImg);
|
|
|
|
markerContent.appendChild(markerImg);
|
|
|
|
markerContent.appendChild(markerSpan);
|
|
|
|
markerContent.appendChild(markerSpan);
|
|
|
|
marker.setContent(markerContent);
|
|
|
|
marker.setContent(markerContent);
|
|
|
|
@ -190,7 +213,7 @@ export default {
|
|
|
|
if (this.leases.length > 0) {
|
|
|
|
if (this.leases.length > 0) {
|
|
|
|
setTimeout(() => {
|
|
|
|
setTimeout(() => {
|
|
|
|
let data = this.leases[0]
|
|
|
|
let data = this.leases[0]
|
|
|
|
let location = data.land_id_lands_id_relation ? data.land_id_lands_id_relation.zichanweizhi : data.house_id_houses_id_relation.zichanweizhi;
|
|
|
|
let location = data._asset?.location;
|
|
|
|
let lat, lng;
|
|
|
|
let lat, lng;
|
|
|
|
[lng, lat] = location.split(",");
|
|
|
|
[lng, lat] = location.split(",");
|
|
|
|
this.map.panTo([lng, lat]);
|
|
|
|
this.map.panTo([lng, lat]);
|
|
|
|
|