From 3549c290a222caa01cc07aadd3801ba458128613 Mon Sep 17 00:00:00 2001 From: seatonwan9 <seatonwan9@163.com> Date: 星期日, 30 五月 2021 15:46:03 +0800 Subject: [PATCH] Merge branch 'develop' of http://xearth.cn:6600/r/wuyushui/SewerAndRainNetwork into develop --- src/components/base-page/enterprise-emergency/events-reported/ReportLocationPoint.vue | 123 +++++++++++++++++++++++----------------- src/components/base-page/enterprise-emergency/events-reported/ReportLocationSearch.vue | 11 ++- dist.zip | 0 src/components/base-page/enterprise-emergency/events-reported/ReportLocationSection.vue | 13 ++-- 4 files changed, 83 insertions(+), 64 deletions(-) diff --git a/dist.zip b/dist.zip new file mode 100644 index 0000000..1e1ad71 --- /dev/null +++ b/dist.zip Binary files differ diff --git a/src/components/base-page/enterprise-emergency/events-reported/ReportLocationPoint.vue b/src/components/base-page/enterprise-emergency/events-reported/ReportLocationPoint.vue index 58c1bc9..ca90d4e 100644 --- a/src/components/base-page/enterprise-emergency/events-reported/ReportLocationPoint.vue +++ b/src/components/base-page/enterprise-emergency/events-reported/ReportLocationPoint.vue @@ -1,38 +1,52 @@ <template> <div class="location-lon-and-lat"> - <el-row class="place-box"> - <div class="place-left"> - <el-form :model="LongLatPos" label-width="90px"> - <el-row style="display: flex;align-items: center"> - <el-form-item label="缁忓害:" style="display: inline-block"> - <el-col :span="20"> - <el-input v-model="LongLatPos.longPos"></el-input> - </el-col> - </el-form-item> - <el-col :span="4"> - <el-button type="primary" size="small" @click="mapPoints">鐐瑰嚮瀹氫綅</el-button> - </el-col> - </el-row> - <el-row style="display: flex;align-items: center"> - <el-form-item label="绾害:"> - <el-col :span="20"> - <el-input v-model="LongLatPos.latPos"></el-input> - </el-col> - </el-form-item> - <el-col :span="4"> - <el-button type="primary" size="small" @click="dataPoints">鏁版嵁瀹氫綅</el-button> - </el-col> - </el-row> - </el-form> - </div> - <!-- <div class="place-right">--> - <!-- <el-button type="primary" size="small" @click="mapPoints">鐐瑰嚮瀹氫綅</el-button>--> - <!-- <el-button type="primary" size="small" @click="dataPoints">鏁版嵁瀹氫綅</el-button>--> - <!-- </div>--> + <!-- <el-row>--> + <!-- <el-form :model="lonlatpos" label-width="60px">--> + <!-- <el-col :span="12">--> + <!-- <el-form-item label="缁忓害:">--> + <!-- <el-input type="text" v-model="lonlatpos.longPos"></el-input>--> + <!-- </el-form-item>--> + <!-- </el-col>--> + <!-- <el-col :span="12">--> + <!-- <el-form-item label="绾害:">--> + <!-- <el-input type="text" v-model="lonlatpos.latPos"></el-input>--> + <!-- </el-form-item>--> + <!-- </el-col>--> + <!-- </el-form>--> + <!-- <el-row>--> + <!-- <el-col :span="12" style="text-align: center;margin: 5px 0">--> + <!-- <el-button type="primary" size="small" @click="mapPoints">绮剧‘瀹氫綅</el-button>--> + <!-- </el-col>--> + <!-- <el-col :span="12" style="text-align: center;margin: 5px 0">--> + <!-- <el-button type="primary" size="small" @click="dataPoints">鏁版嵁璇嗗彇</el-button>--> + <!-- </el-col>--> + <!-- </el-row>--> + <!-- </el-row>--> + <el-form :model="lonlatpos" label-width="60px"> + <el-row class="pipe-line-search"> + <el-col :span="12"> + <el-form-item label="缁忓害:"> + <el-input v-model="lonlatpos.longPos"></el-input> + </el-form-item> + </el-col> + <el-col :span="12"> + <el-form-item label="绾害:"> + <el-input v-model="lonlatpos.latPos"></el-input> + </el-form-item> + </el-col> + </el-row> + </el-form> + <el-row> + <el-col :span="12" style="text-align: center;margin: 5px 0"> + <el-button type="primary" size="small" @click="mapPoints">绮剧‘瀹氫綅</el-button> + </el-col> + <el-col :span="12" style="text-align: center;margin: 5px 0"> + <el-button type="primary" size="small" @click="dataPoints">鏁版嵁璇嗗彇</el-button> + </el-col> </el-row> - <div class="place-bottom" style="text-align: right;margin: 5px"> + <el-row class="place-bottom" style="text-align: right;margin: 5px"> <el-button type="primary" @click="confirm" size="small">纭</el-button> - </div> + </el-row> </div> </template> @@ -46,7 +60,7 @@ data () { return { // 缁忕含搴﹀畾浣� - LongLatPos: { + lonlatpos: { longPos: '', latPos: '' }, @@ -54,20 +68,20 @@ } }, methods: { - // 鐐瑰嚮瀹氫綅 + // 绮剧‘瀹氫綅 mapPoints () { window.map.on('click', (e) => { - this.LongLatPos.longPos = parseFloat(e.latlng.lng).toFixed(6) - this.LongLatPos.latPos = parseFloat(e.latlng.lat).toFixed(6) - const as = [this.LongLatPos.latPos, this.LongLatPos.longPos] + this.lonlatpos.longPos = parseFloat(e.latlng.lng).toFixed(8) + this.lonlatpos.latPos = parseFloat(e.latlng.lat).toFixed(8) + const as = [e.latlng.lat, e.latlng.lng] // console.log(as) window.map.setView(as, 17) pulseEffect(as) this.marker = window.L.marker(as, { icon: window.L.icon({ iconUrl: iconUrl, - iconSize: [25, 45], - iconAnchor: [15, 15] + iconSize: [26, 40], + iconAnchor: [13, 20] }) }) window.map.addLayer(this.marker) @@ -76,28 +90,31 @@ }, // 閫氳繃鏁版嵁瀹氫綅 dataPoints () { - const as = [this.LongLatPos.latPos, this.LongLatPos.longPos] - // console.log(as) - window.map.setView(as, 17) - pulseEffect(as) - this.marker = window.L.marker(as, { - icon: window.L.icon({ - iconUrl: iconUrl, - iconSize: [30, 30], - iconAnchor: [15, 15] + // this.lonlatpos.latPos = '' + // this.lonlatpos.longPos = '' + if (this.lonlatpos.latPos !== '' && this.lonlatpos.longPos !== '') { + const as = [this.lonlatpos.latPos, this.lonlatpos.longPos] + window.map.setView(as, 17) + pulseEffect(as) + this.marker = window.L.marker(as, { + icon: window.L.icon({ + iconUrl: iconUrl, + iconSize: [30, 40], + iconAnchor: [15, 20] + }) }) - }) - window.map.addLayer(this.marker) - this.LongLatPos.latPos = '' - this.LongLatPos.longPos = '' + window.map.addLayer(this.marker) + } else { + this.$message('璇疯緭鍏ヨ瘑鍙栫粡绾害') + } }, // 鐐瑰嚮纭鎸夐挳浜嬩欢 confirm () { window.mapManager.clearHighlight() window.map.removeLayer(this.marker) eventBus.$emit('location-setChange', true) - this.LongLatPos.longPos = '' - this.LongLatPos.latPos = '' + this.lonlatpos.longPos = '' + this.lonlatpos.latPos = '' } } } diff --git a/src/components/base-page/enterprise-emergency/events-reported/ReportLocationSearch.vue b/src/components/base-page/enterprise-emergency/events-reported/ReportLocationSearch.vue index fbd79d3..599d02d 100644 --- a/src/components/base-page/enterprise-emergency/events-reported/ReportLocationSearch.vue +++ b/src/components/base-page/enterprise-emergency/events-reported/ReportLocationSearch.vue @@ -1,7 +1,11 @@ <template> <div class="click-location"> <el-row> - <el-input type="text" v-model="clickLocation" clearable @change="focusLocation"></el-input> + <el-input type="text" v-model="clickLocation" @change="focusLocation"> + <el-button slot="suffix" type="text" @click="focusLocation"> + <img src="../../../../../public/assets/images/map/emergency/search.png" alt=""> + </el-button> + </el-input> </el-row> <!-- <el-scrollbar style="height:250.34px">--> <el-row v-for="(item,index) in searchList.slice((currentPage-1)*pageSize,currentPage*pageSize)" :key="index" @@ -92,6 +96,7 @@ }, type: 'query' } + // $http.get('http://10.246.133.164//api/search?', data) reportLocationSearch(data).then(res => { console.log(res) this.searchList = res.pois @@ -176,10 +181,6 @@ .el-input { width: 80%; - margin: 15px auto; - } - - .el-button { margin: 15px auto; } } diff --git a/src/components/base-page/enterprise-emergency/events-reported/ReportLocationSection.vue b/src/components/base-page/enterprise-emergency/events-reported/ReportLocationSection.vue index 3e9cbff..9603092 100644 --- a/src/components/base-page/enterprise-emergency/events-reported/ReportLocationSection.vue +++ b/src/components/base-page/enterprise-emergency/events-reported/ReportLocationSection.vue @@ -2,16 +2,16 @@ <div class="ReportLocationSection"> <el-form :model="form" label-width="120px"> <el-row class="pipe-line-search"> - <el-col :span="12"> + <el-col :span="18"> <el-form-item label="绠$嚎鍚嶇О:"> - <el-input v-model="form.pipeName"> + <el-input v-model="form.pipeName" @change="pipelineSearch"> <el-button style="padding-right:10px;" slot="suffix" type="text" @click="pipelineSearch"> <img src="../../../../../public/assets/images/map/emergency/search.png" alt=""> </el-button> </el-input> </el-form-item> </el-col> - <el-col :span="8"> + <el-col :span="6"> <el-button type="primary" size="small" icon="el-icon-location-outline" @click="pipeClickLocation">瀹氫綅 </el-button> </el-col> @@ -25,12 +25,12 @@ </el-row> <el-row> <el-col :span="12"> - <el-form-item label="闄勫睘璁炬柦鍚嶇О:"> + <el-form-item label="闄勫睘璁炬柦缂栫爜:"> <el-input v-model="form.affiliatedFacilities" disabled></el-input> </el-form-item> </el-col> <el-col :span="12"> - <el-form-item label="闄勫睘璁炬柦缂栫爜:"> + <el-form-item label="闄勫睘璁炬柦绫诲瀷:"> <el-input v-model="form.affiliatedFacilitiesCode" disabled></el-input> </el-form-item> </el-col> @@ -268,8 +268,9 @@ // 鐐瑰嚮闄勫睘璁炬柦鍒楄〃 绠℃缂栫爜浼犻�� affFacName (val) { console.log(val) + // this.form.affiliatedFacilities = val.properties.code this.form.affiliatedFacilities = val.properties.name - this.form.affiliatedFacilitiesCode = val.properties.code + this.form.affiliatedFacilitiesCode = val.properties.type }, // 瀹氫綅鍔熻兘 localAdr (val) { -- Gitblit v1.8.0