From 7f13e4d269aa3d6fffccefb7449c100307888ce2 Mon Sep 17 00:00:00 2001 From: jjLv <1981429112@qq.com> Date: Thu, 5 Dec 2024 16:46:07 +0800 Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E5=AE=8C=E6=88=90?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/views/base/section/index.vue | 231 ++++++++++++++++++++++++++++++- vue.config.js | 2 +- 2 files changed, 231 insertions(+), 2 deletions(-) diff --git a/src/views/base/section/index.vue b/src/views/base/section/index.vue index b674d19..127c0d0 100644 --- a/src/views/base/section/index.vue +++ b/src/views/base/section/index.vue @@ -174,6 +174,34 @@ append-to-body :close-on-click-modal="false" > + + + + + 搜索 + +
+
+ + + + + + + + + 选择工程地址 + + + + + + + + + + + +
{ if (valid) { this.isLoading = true + this.form.address = + this.form.province + this.form.detailsAddress if (this.form.lotId != undefined) { updateProjectLot(this.form) .then((response) => { @@ -535,6 +670,100 @@ export default { // 将数字转为字符串，并使用正则表达式添加逗号 return amount.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',') }, + // 开工日期变化 + startDateChange(val) { + if (this.form.completionDate) { + const startDate = val.split('-').join('') - 0 + const endDate = this.form.completionDate.split('-').join('') - 0 + + if (startDate >= endDate) { + this.form.completionDate = '' + } + } + }, + + /** 选择工程地址 */ + handleProjectAddress() { + const this_ = this + this.searchAddress = ''; + this.innerVisible = true + + this.$nextTick(() => { + this_.map = new BMapGL.Map('map-container') // 创建地图实例 + let point = new BMapGL.Point(117.13805, 31.8734) // 创建点坐标 + // let point = new BMapGL.Point(116.404, 39.915) // 创建点坐标 + this_.map.centerAndZoom(point, 12) // 初始化地图，设置中心点坐标和地图级别 + this_.map.enableScrollWheelZoom(true) // 启用滚轮放大缩小 + this_.map.setHeading(64.5) //设置地图旋转角度 + this_.map.setTilt(73) //设置地图的倾斜角度 + + var geoc = new BMapGL.Geocoder() + + this_.map.addEventListener('click', function (e) { + var pt = e.latlng + geoc.getLocation(pt, function (res) { + var addComp = res.addressComponents + this_.form.detailsAddress = `${addComp.city}${addComp.district}${addComp.street}${addComp.streetNumber}` + this_.form.province = `${addComp.province}` + this_.form.longitude = e.latlng.lng + this_.form.latitude = e.latlng.lat + }) + this_.map.clearOverlays() + point = new BMapGL.Point(e.latlng.lng, e.latlng.lat) + let marker = new BMapGL.Marker(point) // 创建标点 + this_.map.addOverlay(marker) + }) + }) + }, + + /* 搜索 */ + onSearchAddress() { + // console.log(this.searchAddress, '-----------') + + // 创建地址 + const myGeo = new BMapGL.Geocoder() + const _this = this + myGeo.getPoint( + this.searchAddress, + function (point) { + if (point) { + _this.map.clearOverlays() + const { lng, lat } = point + + _this.map.centerAndZoom(point, 16) + _this.map.addOverlay( + new BMapGL.Marker(point, { + title: _this.searchAddress, + }), + ) + // 根据坐标得到地址描述 + myGeo.getLocation( + new BMapGL.Point(lng, lat), + function (result) { + if (result) { + // console.log('result-----', result) + let addComp = result.addressComponents + // let addressDetails = result.content + _this.form.detailsAddress = `${addComp.city}${addComp.district}${addComp.street}${addComp.streetNumber}` + // _this.form.detailsAddress = `${addressDetails.address.replace( + // addComp.province, + // '', + // )}${addressDetails.business}${ + // addressDetails.poi_desc + // }` + _this.form.province = `${addComp.province}` + _this.form.longitude = lng + _this.form.latitude = lat + } + }, + ) + } else { + this.$message.error('您输入的地址有误，请重新输入') + } + }, + '中国', + ) + }, }, } diff --git a/vue.config.js b/vue.config.js index 798ca46..43f5176 100644 --- a/vue.config.js +++ b/vue.config.js @@ -46,7 +46,7 @@ module.exports = { // target: `http://10.40.92.81:8080`, //韩/ // target: `http://192.168.2.74:49080`, //旭/ // target: `http://192.168.2.17:39080`, //帅 - target: `http://localhost:39080`, //福 + target: `http://192.168.2.209:49080`, //福 // target: `http://192.168.0.37:49080`, //跃 //******** 注意事项 ********* */