| @@ -115,7 +115,7 @@ export default { | |||
| console.log('定位失败: ' + error.message); | |||
| getQueryLand().then(callback); | |||
| }, | |||
| { enableHighAccuracy: true, timeout: 10000 } | |||
| { enableHighAccuracy: true, timeout: 5000 } | |||
| ); | |||
| return; | |||
| } | |||
| @@ -124,6 +124,22 @@ export default { | |||
| console.log('使用地区坐标定位'); | |||
| getQueryLand().then(callback); | |||
| }, | |||
| getDeptLocation(callback) { | |||
| getQueryLand().then((response) => { | |||
| if (response.code == 200) { | |||
| let InsertCode = response.data; | |||
| if (InsertCode != null) { | |||
| var lat = InsertCode.lat; | |||
| var lng = InsertCode.lng; | |||
| if(lat !=null && lng !=null && lat !="" && lng !=""){ | |||
| callback(response); | |||
| return; | |||
| } | |||
| } | |||
| } | |||
| this.getCurrentLocation(callback); | |||
| }); | |||
| }, | |||
| //地图查看 | |||
| drawingPaceCountryLine() { | |||
| //加载地图编辑 | |||
| @@ -132,6 +148,45 @@ export default { | |||
| //var hc_land; | |||
| var draw; // global so we can remove it later | |||
| var vector_drawing; | |||
| var mark_layer = null; | |||
| function addMark(lng, lat) { | |||
| if(!mark_layer) | |||
| { | |||
| mark_layer = new ol.layer.Vector({ | |||
| source: new ol.source.Vector(), | |||
| }); | |||
| map.addLayer(mark_layer); | |||
| } | |||
| else | |||
| mark_layer.getSource().clear(); | |||
| let newFeature = new ol.Feature({ | |||
| geometry: new ol.geom.Point(ol.proj.fromLonLat([lng, lat])), //几何信息 | |||
| //name: "标注点", | |||
| }); | |||
| newFeature.setStyle(new ol.style.Style({ | |||
| image: new ol.style.Icon({ | |||
| //设置图标偏移 | |||
| anchor: [0.5, 0.5], | |||
| //标注样式的起点位置 | |||
| anchorOrigin: "top-right", | |||
| //X方向单位:分数 | |||
| anchorXUnits: "fraction", | |||
| //Y方向单位:像素 | |||
| anchorYUnits: "fraction", | |||
| //偏移起点位置的方向 | |||
| offsetOrigin: "top-right", | |||
| //透明度 | |||
| opacity: 0.9, | |||
| //图片路径 | |||
| src: require('../../assets/images/location/mark.png'), | |||
| }), | |||
| zIndex: 9999, | |||
| })); | |||
| mark_layer.getSource().addFeature(newFeature); | |||
| } | |||
| if (that.message != null && that.message != "" | |||
| && that.message != undefined) { | |||
| document.getElementById(that.uuidMap).innerHTML = ''; | |||
| @@ -359,6 +414,7 @@ export default { | |||
| }else { | |||
| Zb =[115.452752, 31.789033]; | |||
| } | |||
| addMark(lng,lat); | |||
| map.getView().animate({ | |||
| // 只设置需要的属性即可 | |||
| center: ol.proj.fromLonLat(Zb), // 中心点 | |||
| @@ -398,7 +454,7 @@ export default { | |||
| }); | |||
| //获取坐标是否存在 | |||
| var Zb; | |||
| this.getCurrentLocation((response) => { | |||
| this.getDeptLocation((response) => { | |||
| if (response.code == 200) { | |||
| let InsertCode = response.data; | |||
| if (InsertCode != null) { | |||
| @@ -524,6 +580,7 @@ export default { | |||
| }else { | |||
| Zb =[115.452752, 31.789033]; | |||
| } | |||
| addMark(lng,lat); | |||
| map.getView().animate({ | |||
| // 只设置需要的属性即可 | |||
| center: ol.proj.fromLonLat(Zb), // 中心点 | |||
| @@ -111,7 +111,7 @@ | |||
| console.log('定位失败: ' + error.message); | |||
| getQueryLand().then(callback); | |||
| }, | |||
| { enableHighAccuracy: true, timeout: 10000 } | |||
| { enableHighAccuracy: true, timeout: 5000 } | |||
| ); | |||
| return; | |||
| } | |||
| @@ -120,6 +120,22 @@ | |||
| console.log('使用地区坐标定位'); | |||
| getQueryLand().then(callback); | |||
| }, | |||
| getDeptLocation(callback) { | |||
| getQueryLand().then((response) => { | |||
| if (response.code == 200) { | |||
| let InsertCode = response.data; | |||
| if (InsertCode != null) { | |||
| var lat = InsertCode.lat; | |||
| var lng = InsertCode.lng; | |||
| if(lat !=null && lng !=null && lat !="" && lng !=""){ | |||
| callback(response); | |||
| return; | |||
| } | |||
| } | |||
| } | |||
| this.getCurrentLocation(callback); | |||
| }); | |||
| }, | |||
| //地图查看 | |||
| pointPaceCountryDarw() { | |||
| //加载地图编辑 | |||
| @@ -128,6 +144,45 @@ | |||
| //var hc_land; | |||
| var draw; // global so we can remove it later | |||
| var vector_drawing; | |||
| var mark_layer = null; | |||
| function addMark(lng, lat) { | |||
| if(!mark_layer) | |||
| { | |||
| mark_layer = new ol.layer.Vector({ | |||
| source: new ol.source.Vector(), | |||
| }); | |||
| map.addLayer(mark_layer); | |||
| } | |||
| else | |||
| mark_layer.getSource().clear(); | |||
| let newFeature = new ol.Feature({ | |||
| geometry: new ol.geom.Point(ol.proj.fromLonLat([lng, lat])), //几何信息 | |||
| //name: "标注点", | |||
| }); | |||
| newFeature.setStyle(new ol.style.Style({ | |||
| image: new ol.style.Icon({ | |||
| //设置图标偏移 | |||
| anchor: [0.5, 0.5], | |||
| //标注样式的起点位置 | |||
| anchorOrigin: "top-right", | |||
| //X方向单位:分数 | |||
| anchorXUnits: "fraction", | |||
| //Y方向单位:像素 | |||
| anchorYUnits: "fraction", | |||
| //偏移起点位置的方向 | |||
| offsetOrigin: "top-right", | |||
| //透明度 | |||
| opacity: 0.9, | |||
| //图片路径 | |||
| src: require('../../assets/images/location/mark.png'), | |||
| }), | |||
| zIndex: 9999, | |||
| })); | |||
| mark_layer.getSource().addFeature(newFeature); | |||
| } | |||
| //矢量标注样式设置函数,设置image为图标ol.style.Icon | |||
| function createLabelStyle() { | |||
| return new ol.style.Style({ | |||
| @@ -399,6 +454,7 @@ | |||
| }else { | |||
| Zb =[115.452752, 31.789033]; | |||
| } | |||
| addMark(lng,lat); | |||
| map.getView().animate({ | |||
| // 只设置需要的属性即可 | |||
| center: ol.proj.fromLonLat(Zb), // 中心点 | |||
| @@ -440,7 +496,7 @@ | |||
| //获取坐标是否存在 | |||
| var Zb; | |||
| //开始定位当前位置 | |||
| this.getCurrentLocation(res => { | |||
| this.getDeptLocation(res => { | |||
| if (res.code == 200) { | |||
| let lat = res.data.lat; | |||
| let lng = res.data.lng; | |||
| @@ -601,6 +657,7 @@ | |||
| }else { | |||
| Zb =[115.452752, 31.789033]; | |||
| } | |||
| addMark(lng,lat); | |||
| map.getView().animate({ | |||
| // 只设置需要的属性即可 | |||
| center: ol.proj.fromLonLat(Zb), // 中心点 | |||
| @@ -9,11 +9,8 @@ | |||
| <div class="search_block"> | |||
| <i class="icon"></i> | |||
| <input type="text" class="ipt" v-model="queryParams.name" :placeholder="searchPlaceholder" @input="getSearchList"> | |||
| <selector :visible.sync="typeVisible" v-model="queryParams.operationType" :columns="operation_type" clear value-key="dictValue" label-key="dictLabel" @confirm="refresh" @cancel="refresh"> | |||
| <template> | |||
| <van-icon name="filter-o" color="#1989fa" class="filter-icon" @click="openAssetType" /> | |||
| </template> | |||
| </selector> | |||
| <van-icon name="filter-o" color="#1989fa" class="filter-icon" @click="openAssetType" /> | |||
| </div> | |||
| <div class="total">共{{listLength}}个资产</div> | |||
| </div> | |||
| @@ -74,6 +71,34 @@ | |||
| </div> | |||
| </van-popup> | |||
| <van-popup v-model="typeVisible" lock-scroll closeable position="top" > | |||
| <div style="padding: 0.2rem 0.3rem 0.3rem;"> | |||
| <van-cell-group> | |||
| <van-cell> | |||
| <div style="text-align: center; font-size: 18px;">筛选</div> | |||
| </van-cell> | |||
| <van-cell> | |||
| <van-checkbox v-model="queryParams.noMap" :border="false">未上图</van-checkbox> | |||
| </van-cell> | |||
| <van-cell> | |||
| <van-checkbox v-model="queryParams.params.noAttachment" :border="false">无附件</van-checkbox> | |||
| </van-cell> | |||
| <field-select | |||
| v-model="queryParams.operationType" | |||
| label="经营属性" | |||
| value-key="dictLabel" | |||
| data-key="dictValue" | |||
| placeholder="选择经营属性" | |||
| :columns="operation_type" | |||
| :clearable="true" | |||
| /> | |||
| </van-cell-group> | |||
| <div style="padding: 0.2rem 0.5rem 0;"> | |||
| <van-button round type="primary" block @click="refresh">搜索</van-button> | |||
| </div> | |||
| </div> | |||
| </van-popup> | |||
| </div> | |||
| </template> | |||
| <script> | |||
| @@ -90,9 +115,11 @@ | |||
| import request from '@/utils/request' | |||
| import MapGisTag from "@/components/Map/MapGisTagDTGCopy"; | |||
| import Selector from "@/components/common/Selector.vue"; | |||
| import FieldSelect from "@/components/form/FieldSelect.vue"; | |||
| export default { | |||
| name: "certificateList", | |||
| components: { | |||
| FieldSelect, | |||
| Selector, | |||
| MapGisTag | |||
| }, | |||
| @@ -114,6 +141,10 @@ | |||
| isAsc:'desc', | |||
| name:'', | |||
| operationType: null, | |||
| noMap: false, | |||
| params: { | |||
| noAttachment: false, | |||
| }, | |||
| }, | |||
| uploadFiles1:[], | |||
| projectId:'', | |||
| @@ -304,6 +335,7 @@ | |||
| this.typeVisible = true; | |||
| }, | |||
| refresh() { | |||
| this.typeVisible = false; | |||
| this.queryParams.pageNum = 1; | |||
| this.listLength = 0; | |||
| this.applicationList = []; | |||
| @@ -9,11 +9,7 @@ | |||
| <div class="search_block"> | |||
| <i class="icon"></i> | |||
| <input type="text" class="ipt" v-model="queryParams.name" :placeholder="searchPlaceholder" @input="getSearchList"> | |||
| <selector :visible.sync="typeVisible" v-model="queryParams.resourceType" :columns="resource_type" clear value-key="dictValue" label-key="dictLabel" @confirm="refresh" @cancel="refresh"> | |||
| <template> | |||
| <van-icon name="filter-o" color="#1989fa" class="filter-icon" @click="openResourceType" /> | |||
| </template> | |||
| </selector> | |||
| <van-icon name="filter-o" color="#1989fa" class="filter-icon" @click="openResourceType" /> | |||
| </div> | |||
| <div class="total">共{{listLength}}个资源</div> | |||
| </div> | |||
| @@ -69,6 +65,34 @@ | |||
| <van-uploader v-model="fileList" :after-read="afterRead" @delete="deleteFile1" multiple /> | |||
| </div> | |||
| </van-popup> | |||
| <van-popup v-model="typeVisible" lock-scroll closeable position="top" > | |||
| <div style="padding: 0.2rem 0.3rem 0.3rem;"> | |||
| <van-cell-group> | |||
| <van-cell> | |||
| <div style="text-align: center; font-size: 18px;">筛选</div> | |||
| </van-cell> | |||
| <van-cell> | |||
| <van-checkbox v-model="queryParams.noMap" :border="false">未上图</van-checkbox> | |||
| </van-cell> | |||
| <van-cell> | |||
| <van-checkbox v-model="queryParams.params.noAttachment" :border="false">无附件</van-checkbox> | |||
| </van-cell> | |||
| <field-select | |||
| v-model="queryParams.resourceType" | |||
| label="资源分类" | |||
| value-key="dictLabel" | |||
| data-key="dictValue" | |||
| placeholder="选择资源分类" | |||
| :columns="resource_type" | |||
| :clearable="true" | |||
| /> | |||
| </van-cell-group> | |||
| <div style="padding: 0.2rem 0.5rem 0;"> | |||
| <van-button round type="primary" block @click="refresh">搜索</van-button> | |||
| </div> | |||
| </div> | |||
| </van-popup> | |||
| </div> | |||
| </template> | |||
| <script> | |||
| @@ -85,9 +109,10 @@ | |||
| import request from '@/utils/request' | |||
| import MapGisLine from "@/components/Map/MapGisLine"; | |||
| import Selector from "@/components/common/Selector.vue"; | |||
| import FieldSelect from "@/components/form/FieldSelect.vue"; | |||
| export default { | |||
| name: "certificateList", | |||
| components: {Selector, MapGisLine,}, | |||
| components: {FieldSelect, Selector, MapGisLine,}, | |||
| data() { | |||
| return { | |||
| theGeom:'', | |||
| @@ -110,6 +135,10 @@ | |||
| translate_dict:1, | |||
| name:'', | |||
| resourceType: null, | |||
| noMap: false, | |||
| params: { | |||
| noAttachment: false, | |||
| }, | |||
| }, | |||
| uploadFiles1:[], | |||
| projectId:'', | |||
| @@ -291,6 +320,7 @@ | |||
| this.typeVisible = true; | |||
| }, | |||
| refresh() { | |||
| this.typeVisible = false; | |||
| this.queryParams.pageNum = 1; | |||
| this.listLength = 0; | |||
| this.applicationList = []; | |||
| @@ -8,11 +8,7 @@ | |||
| <div class="search_info"> | |||
| <div class="search_block"> | |||
| <van-search class="search_block searchHeight" v-model="queryParams.zcmc" @input="getSearchList" :placeholder="searchPlaceholder" /> | |||
| <selector :visible.sync="typeVisible" v-model="queryParams.threeAssetType" :columns="threeAssetTypeOptions" clear value-key="dictValue" label-key="dictLabel" @confirm="refresh" @cancel="refresh"> | |||
| <template> | |||
| <van-icon name="filter-o" color="#1989fa" class="filter-icon" @click="openThreeAssetType" /> | |||
| </template> | |||
| </selector> | |||
| <van-icon name="filter-o" color="#1989fa" class="filter-icon" @click="openThreeAssetType" /> | |||
| </div> | |||
| <div class="total">共{{listLength}}个资产</div> | |||
| </div> | |||
| @@ -68,6 +64,34 @@ | |||
| <van-uploader v-model="fileList" :after-read="afterRead" @delete="deleteFile1" multiple /> | |||
| </div> | |||
| </van-popup> | |||
| <van-popup v-model="typeVisible" lock-scroll closeable position="top" > | |||
| <div style="padding: 0.2rem 0.3rem 0.3rem;"> | |||
| <van-cell-group> | |||
| <van-cell> | |||
| <div style="text-align: center; font-size: 18px;">筛选</div> | |||
| </van-cell> | |||
| <van-cell> | |||
| <van-checkbox v-model="queryParams.params.noMap" :border="false">未上图</van-checkbox> | |||
| </van-cell> | |||
| <van-cell> | |||
| <van-checkbox v-model="queryParams.params.noAttachment" :border="false">无附件</van-checkbox> | |||
| </van-cell> | |||
| <field-select | |||
| v-model="queryParams.threeAssetType" | |||
| label="三清类型" | |||
| value-key="dictLabel" | |||
| data-key="dictValue" | |||
| placeholder="选择三清类型" | |||
| :columns="threeAssetTypeOptions" | |||
| :clearable="true" | |||
| /> | |||
| </van-cell-group> | |||
| <div style="padding: 0.2rem 0.5rem 0;"> | |||
| <van-button round type="primary" block @click="refresh">搜索</van-button> | |||
| </div> | |||
| </div> | |||
| </van-popup> | |||
| </div> | |||
| </template> | |||
| <script> | |||
| @@ -84,9 +108,10 @@ | |||
| import request from '@/utils/request' | |||
| import MapGisLine from "@/components/Map/MapGisLine"; | |||
| import Selector from "@/components/common/Selector.vue"; | |||
| import FieldSelect from "@/components/form/FieldSelect.vue"; | |||
| export default { | |||
| name: "certificateList", | |||
| components: {Selector, MapGisLine,}, | |||
| components: {FieldSelect, Selector, MapGisLine,}, | |||
| data() { | |||
| return { | |||
| theGeom:'', | |||
| @@ -109,6 +134,10 @@ | |||
| translate_dict:1, | |||
| zcmc:'', | |||
| threeAssetType: null, | |||
| params: { | |||
| noMap: false, | |||
| noAttachment: false, | |||
| }, | |||
| }, | |||
| uploadFiles1:[], | |||
| projectId:'', | |||
| @@ -272,6 +301,7 @@ | |||
| this.typeVisible = true; | |||
| }, | |||
| refresh() { | |||
| this.typeVisible = false; | |||
| this.queryParams.pageNum = 1; | |||
| this.listLength = 0; | |||
| this.applicationList = []; | |||