Browse Source

房屋管理联调

feature
jiangyy 3 years ago
parent
commit
f675d887ca
  1. 271
      src/views/modules/base/community/buildDetail copy.vue
  2. 14
      src/views/modules/base/community/community.vue

271
src/views/modules/base/community/buildDetail copy.vue

@ -1,271 +0,0 @@
<template>
<div>
<div class="dialog-h-content scroll-h">
<div v-if="initLoading"
class="m-detail-main">
<div class="m-info">
<div class="m-info-prop">
<span class="u-info-title-2">所属小区</span>
<span>{{ agencyObj.agencyName }}{{ agencyObj.gridName }}{{ agencyObj.label }}</span>
</div>
<div class="m-info-prop">
<span class="u-info-title-2">楼栋名称</span>
<span>{{ dataForm.buildingName?dataForm.buildingName:'--' }}</span>
</div>
<div class="m-info-prop">
<span class="u-info-title-2">楼栋编码</span>
<span>{{ dataForm.coding?dataForm.coding:'--'}}</span>
</div>
<div class="m-info-prop">
<span class="u-info-title-2">楼栋类型</span>
<span>{{ dataForm.typeName?dataForm.typeName:'--'}}</span>
</div>
<div class="m-info-prop">
<span class="u-info-title-2">单元数</span>
<span>{{dataForm.totalUnitNum?dataForm.totalUnitNum:0 }}</span>
</div>
<div class="m-info-prop">
<span class="u-info-title-2">层数</span>
<span>{{dataForm.totalFloorNum?dataForm.totalFloorNum:0 }}</span>
</div>
<div class="m-info-prop">
<span class="u-info-title-2">总户数</span>
<span>{{dataForm.totalHouseNum?dataForm.totalHouseNum:0 }}</span>
</div>
<div class="m-info-prop">
<span class="u-info-title-2">人口数</span>
<span>{{dataForm.realPerson?dataForm.realPerson:0 }}</span>
</div>
<div class="m-info-prop">
<span class="u-info-title-2">楼长姓名</span>
<span>{{ dataForm.buildingLeaderName?dataForm.buildingLeaderName:'--' }}</span>
</div>
<div class="m-info-prop">
<span class="u-info-title-2">楼长电话</span>
<span>{{ dataForm.buildingLeaderMobile?dataForm.buildingLeaderMobile:'--' }}</span>
</div>
<div class="m-info-prop">
<span class="u-info-title-2">详细地址</span>
<span>{{ dataForm.coordinatePosition?dataForm.coordinatePosition:'--' }}</span>
</div>
<div v-show="dataForm.coordinatePosition"
class="m-info-prop">
<span class="u-info-title-2">地图位置</span>
<div class="div_map">
<div id="app_detail_build"></div>
</div>
</div>
</div>
</div>
</div>
<div class="div-btn">
<el-button size="small"
@click="handleCancle"> </el-button>
</div>
</div>
</template>
<script>
import { mapGetters } from 'vuex'
import { Loading } from 'element-ui' // Loading
import { requestPost } from '@/js/dai/request'
import daiMap from "@/utils/dai-map";
var map
var search
var markers
var infoWindowList
let loading //
export default {
data () {
return {
btnDisable: false,
initLoading: false,
dataForm: {
agencyId: '', // ID
agencyName: '',
gridId: '', //ID
neighborHoodId: '',//id
buildingName: '',//
// sort: 0,//
totalUnitNum: 1,//
totalFloorNum: 0,//
totalHouseNum: 0,//
realPerson: 0,
buildingLeaderName: '',//
buildingLeaderMobile: '',//
type: '',//
coordinatePosition: '',
sysCoding: '',
coding: '',
location: '', //
longitude: '', //
latitude: '' //
},
agencyObj: {},
}
},
components: {},
mounted () {
},
methods: {
handleCancle () {
this.diaDestroy()
this.$emit('diaDetailClose')
},
diaDestroy () {
if (map) {
// map.destroy()
}
},
async initForm (row, agencyObj) {
this.dataForm = JSON.parse(JSON.stringify(row))
this.agencyObj = agencyObj
this.initLoading = true
let { latitude, longitude } = this.$store.state.user;
console.log('lat' + latitude + ',lon' + longitude)
if (this.dataForm.latitude && this.dataForm.longitude) {
latitude = this.dataForm.latitude
longitude = this.dataForm.longitude
}
if (!latitude || latitude == "" || latitude == "0") {
latitude = 39.9088810666821;
longitude = 116.39743841556731;
}
if (this.dataForm.coordinatePosition) {
this.$nextTick(() => {
if (!map) {
this.initMap(latitude, longitude)
} else {
map.setCenter(latitude, longitude);
map.setMarker(latitude, longitude);
}
})
}
},
// init
initMap (latitude, longitude) {
map = new daiMap(
document.getElementById("app_detail_build"),
{ latitude, longitude },
{
zoom: 16.2, //
pitch: 43.5, //
rotation: 45, //
}
);
// //
// map.on("dragend", (e) => {
// this.handleMoveCenter(e);
// });
map.setCenter(latitude, longitude);
map.setMarker(latitude, longitude);
},
resetData () {
this.buildType = '1'
this.dataForm = {
agencyId: '', // ID
agencyName: '',
gridId: '', //ID
neighborHoodId: '',//id
buildingName: '',//
// sort: 0,//
totalUnitNum: 1,//
totalFloorNum: 0,//
totalHouseNum: 0,//
realPerson: 0,
buildingLeaderName: '',//
buildingLeaderMobile: '',//
type: '',//
location: '', //
longitude: '', //
latitude: '', //
coding: '',
sysCoding: '',
coordinatePosition: ''
}
},
//
startLoading () {
loading = Loading.service({
lock: true, //
text: '正在加载……', //
background: 'rgba(0,0,0,.7)' //
})
},
//
endLoading () {
// clearTimeout(timer);
if (loading) {
loading.close()
}
}
},
computed: {
dataRule () {
return {
buildingName: [
{ required: true, message: '楼栋名称不能为空', trigger: 'blur' },
{
min: 1,
max: 10,
message: '小区名称长度在 1 到 10个字符',
trigger: 'blur'
}
],
type: [
{ required: true, message: '楼栋类型不能为空', trigger: 'blur' }
],
totalUnitNum: [
{ required: true, message: '单元数不能为空', trigger: 'blur' }
],
coding: [
{ required: true, message: '楼栋编码不能为空', trigger: 'blur' }
]
// totalFloorNum: [
// { required: true, message: '', trigger: 'blur' }
// ],
// totalHouseNum: [
// { required: true, message: '', trigger: 'blur' }
// ],
// longitude: [
// { required: true, message: '', trigger: 'blur' }
// ],
}
},
},
props: {}
}
</script>
<style lang="scss" scoped >
@import "@/assets/scss/modules/management/detail-main.scss";
</style>

14
src/views/modules/base/community/community.vue

@ -471,10 +471,10 @@ export default {
},
async getBuildList () {
const url = "/gov/org/icbuilding/buildingoption";
// const url = "http://yapi.elinkservice.cn/mock/245/epmetuser/epidemicPrevention/page"
const url = "/actual/base/communityBuilding/buildingoption";
let params = {
neighborHoodId: this.neighborHoodId,
quartersId: this.neighborHoodId,
};
const { data, code, msg } = await requestPost(url, params);
@ -492,7 +492,7 @@ export default {
},
async getUniList () {
const url = "/gov/org/icbuildingunit/unitoption";
const url = "/actual/base/communityBuildingUnit/unitoption";
// const url = "http://yapi.elinkservice.cn/mock/245/epmetuser/epidemicPrevention/page"
let params = {
buildingId: this.buildingId,
@ -511,8 +511,12 @@ export default {
},
getHouseList () {
let params = {
buildingId: this.buildingId,
unitId: this.buildingUnitId
}
this.$http
.post("/gov/org/ichouse/houseoption", { unitId: this.buildingUnitId })
.post("/actual/base/communityHouse/houseoption", params)
.then(({ data: res }) => {
if (res.code !== 0) {
return this.$message.error(res.msg);

Loading…
Cancel
Save