@@ -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 = []; | |||