@@ -115,7 +115,7 @@ export default { | |||||
console.log('定位失败: ' + error.message); | console.log('定位失败: ' + error.message); | ||||
getQueryLand().then(callback); | getQueryLand().then(callback); | ||||
}, | }, | ||||
{ enableHighAccuracy: true, timeout: 10000 } | |||||
{ enableHighAccuracy: true, timeout: 5000 } | |||||
); | ); | ||||
return; | return; | ||||
} | } | ||||
@@ -124,6 +124,22 @@ export default { | |||||
console.log('使用地区坐标定位'); | console.log('使用地区坐标定位'); | ||||
getQueryLand().then(callback); | 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() { | drawingPaceCountryLine() { | ||||
//加载地图编辑 | //加载地图编辑 | ||||
@@ -132,6 +148,45 @@ export default { | |||||
//var hc_land; | //var hc_land; | ||||
var draw; // global so we can remove it later | var draw; // global so we can remove it later | ||||
var vector_drawing; | 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 != "" | if (that.message != null && that.message != "" | ||||
&& that.message != undefined) { | && that.message != undefined) { | ||||
document.getElementById(that.uuidMap).innerHTML = ''; | document.getElementById(that.uuidMap).innerHTML = ''; | ||||
@@ -359,6 +414,7 @@ export default { | |||||
}else { | }else { | ||||
Zb =[115.452752, 31.789033]; | Zb =[115.452752, 31.789033]; | ||||
} | } | ||||
addMark(lng,lat); | |||||
map.getView().animate({ | map.getView().animate({ | ||||
// 只设置需要的属性即可 | // 只设置需要的属性即可 | ||||
center: ol.proj.fromLonLat(Zb), // 中心点 | center: ol.proj.fromLonLat(Zb), // 中心点 | ||||
@@ -398,7 +454,7 @@ export default { | |||||
}); | }); | ||||
//获取坐标是否存在 | //获取坐标是否存在 | ||||
var Zb; | var Zb; | ||||
this.getCurrentLocation((response) => { | |||||
this.getDeptLocation((response) => { | |||||
if (response.code == 200) { | if (response.code == 200) { | ||||
let InsertCode = response.data; | let InsertCode = response.data; | ||||
if (InsertCode != null) { | if (InsertCode != null) { | ||||
@@ -524,6 +580,7 @@ export default { | |||||
}else { | }else { | ||||
Zb =[115.452752, 31.789033]; | Zb =[115.452752, 31.789033]; | ||||
} | } | ||||
addMark(lng,lat); | |||||
map.getView().animate({ | map.getView().animate({ | ||||
// 只设置需要的属性即可 | // 只设置需要的属性即可 | ||||
center: ol.proj.fromLonLat(Zb), // 中心点 | center: ol.proj.fromLonLat(Zb), // 中心点 | ||||
@@ -111,7 +111,7 @@ | |||||
console.log('定位失败: ' + error.message); | console.log('定位失败: ' + error.message); | ||||
getQueryLand().then(callback); | getQueryLand().then(callback); | ||||
}, | }, | ||||
{ enableHighAccuracy: true, timeout: 10000 } | |||||
{ enableHighAccuracy: true, timeout: 5000 } | |||||
); | ); | ||||
return; | return; | ||||
} | } | ||||
@@ -120,6 +120,22 @@ | |||||
console.log('使用地区坐标定位'); | console.log('使用地区坐标定位'); | ||||
getQueryLand().then(callback); | 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() { | pointPaceCountryDarw() { | ||||
//加载地图编辑 | //加载地图编辑 | ||||
@@ -128,6 +144,45 @@ | |||||
//var hc_land; | //var hc_land; | ||||
var draw; // global so we can remove it later | var draw; // global so we can remove it later | ||||
var vector_drawing; | 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 | //矢量标注样式设置函数,设置image为图标ol.style.Icon | ||||
function createLabelStyle() { | function createLabelStyle() { | ||||
return new ol.style.Style({ | return new ol.style.Style({ | ||||
@@ -399,6 +454,7 @@ | |||||
}else { | }else { | ||||
Zb =[115.452752, 31.789033]; | Zb =[115.452752, 31.789033]; | ||||
} | } | ||||
addMark(lng,lat); | |||||
map.getView().animate({ | map.getView().animate({ | ||||
// 只设置需要的属性即可 | // 只设置需要的属性即可 | ||||
center: ol.proj.fromLonLat(Zb), // 中心点 | center: ol.proj.fromLonLat(Zb), // 中心点 | ||||
@@ -440,7 +496,7 @@ | |||||
//获取坐标是否存在 | //获取坐标是否存在 | ||||
var Zb; | var Zb; | ||||
//开始定位当前位置 | //开始定位当前位置 | ||||
this.getCurrentLocation(res => { | |||||
this.getDeptLocation(res => { | |||||
if (res.code == 200) { | if (res.code == 200) { | ||||
let lat = res.data.lat; | let lat = res.data.lat; | ||||
let lng = res.data.lng; | let lng = res.data.lng; | ||||
@@ -601,6 +657,7 @@ | |||||
}else { | }else { | ||||
Zb =[115.452752, 31.789033]; | Zb =[115.452752, 31.789033]; | ||||
} | } | ||||
addMark(lng,lat); | |||||
map.getView().animate({ | map.getView().animate({ | ||||
// 只设置需要的属性即可 | // 只设置需要的属性即可 | ||||
center: ol.proj.fromLonLat(Zb), // 中心点 | center: ol.proj.fromLonLat(Zb), // 中心点 | ||||
@@ -9,11 +9,8 @@ | |||||
<div class="search_block"> | <div class="search_block"> | ||||
<i class="icon"></i> | <i class="icon"></i> | ||||
<input type="text" class="ipt" v-model="queryParams.name" :placeholder="searchPlaceholder" @input="getSearchList"> | <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> | ||||
<div class="total">共{{listLength}}个资产</div> | <div class="total">共{{listLength}}个资产</div> | ||||
</div> | </div> | ||||
@@ -74,6 +71,34 @@ | |||||
</div> | </div> | ||||
</van-popup> | </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> | </div> | ||||
</template> | </template> | ||||
<script> | <script> | ||||
@@ -90,9 +115,11 @@ | |||||
import request from '@/utils/request' | import request from '@/utils/request' | ||||
import MapGisTag from "@/components/Map/MapGisTagDTGCopy"; | import MapGisTag from "@/components/Map/MapGisTagDTGCopy"; | ||||
import Selector from "@/components/common/Selector.vue"; | import Selector from "@/components/common/Selector.vue"; | ||||
import FieldSelect from "@/components/form/FieldSelect.vue"; | |||||
export default { | export default { | ||||
name: "certificateList", | name: "certificateList", | ||||
components: { | components: { | ||||
FieldSelect, | |||||
Selector, | Selector, | ||||
MapGisTag | MapGisTag | ||||
}, | }, | ||||
@@ -114,6 +141,10 @@ | |||||
isAsc:'desc', | isAsc:'desc', | ||||
name:'', | name:'', | ||||
operationType: null, | operationType: null, | ||||
noMap: false, | |||||
params: { | |||||
noAttachment: false, | |||||
}, | |||||
}, | }, | ||||
uploadFiles1:[], | uploadFiles1:[], | ||||
projectId:'', | projectId:'', | ||||
@@ -304,6 +335,7 @@ | |||||
this.typeVisible = true; | this.typeVisible = true; | ||||
}, | }, | ||||
refresh() { | refresh() { | ||||
this.typeVisible = false; | |||||
this.queryParams.pageNum = 1; | this.queryParams.pageNum = 1; | ||||
this.listLength = 0; | this.listLength = 0; | ||||
this.applicationList = []; | this.applicationList = []; | ||||
@@ -9,11 +9,7 @@ | |||||
<div class="search_block"> | <div class="search_block"> | ||||
<i class="icon"></i> | <i class="icon"></i> | ||||
<input type="text" class="ipt" v-model="queryParams.name" :placeholder="searchPlaceholder" @input="getSearchList"> | <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> | ||||
<div class="total">共{{listLength}}个资源</div> | <div class="total">共{{listLength}}个资源</div> | ||||
</div> | </div> | ||||
@@ -69,6 +65,34 @@ | |||||
<van-uploader v-model="fileList" :after-read="afterRead" @delete="deleteFile1" multiple /> | <van-uploader v-model="fileList" :after-read="afterRead" @delete="deleteFile1" multiple /> | ||||
</div> | </div> | ||||
</van-popup> | </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> | </div> | ||||
</template> | </template> | ||||
<script> | <script> | ||||
@@ -85,9 +109,10 @@ | |||||
import request from '@/utils/request' | import request from '@/utils/request' | ||||
import MapGisLine from "@/components/Map/MapGisLine"; | import MapGisLine from "@/components/Map/MapGisLine"; | ||||
import Selector from "@/components/common/Selector.vue"; | import Selector from "@/components/common/Selector.vue"; | ||||
import FieldSelect from "@/components/form/FieldSelect.vue"; | |||||
export default { | export default { | ||||
name: "certificateList", | name: "certificateList", | ||||
components: {Selector, MapGisLine,}, | |||||
components: {FieldSelect, Selector, MapGisLine,}, | |||||
data() { | data() { | ||||
return { | return { | ||||
theGeom:'', | theGeom:'', | ||||
@@ -110,6 +135,10 @@ | |||||
translate_dict:1, | translate_dict:1, | ||||
name:'', | name:'', | ||||
resourceType: null, | resourceType: null, | ||||
noMap: false, | |||||
params: { | |||||
noAttachment: false, | |||||
}, | |||||
}, | }, | ||||
uploadFiles1:[], | uploadFiles1:[], | ||||
projectId:'', | projectId:'', | ||||
@@ -291,6 +320,7 @@ | |||||
this.typeVisible = true; | this.typeVisible = true; | ||||
}, | }, | ||||
refresh() { | refresh() { | ||||
this.typeVisible = false; | |||||
this.queryParams.pageNum = 1; | this.queryParams.pageNum = 1; | ||||
this.listLength = 0; | this.listLength = 0; | ||||
this.applicationList = []; | this.applicationList = []; | ||||
@@ -8,11 +8,7 @@ | |||||
<div class="search_info"> | <div class="search_info"> | ||||
<div class="search_block"> | <div class="search_block"> | ||||
<van-search class="search_block searchHeight" v-model="queryParams.zcmc" @input="getSearchList" :placeholder="searchPlaceholder" /> | <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> | ||||
<div class="total">共{{listLength}}个资产</div> | <div class="total">共{{listLength}}个资产</div> | ||||
</div> | </div> | ||||
@@ -68,6 +64,34 @@ | |||||
<van-uploader v-model="fileList" :after-read="afterRead" @delete="deleteFile1" multiple /> | <van-uploader v-model="fileList" :after-read="afterRead" @delete="deleteFile1" multiple /> | ||||
</div> | </div> | ||||
</van-popup> | </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> | </div> | ||||
</template> | </template> | ||||
<script> | <script> | ||||
@@ -84,9 +108,10 @@ | |||||
import request from '@/utils/request' | import request from '@/utils/request' | ||||
import MapGisLine from "@/components/Map/MapGisLine"; | import MapGisLine from "@/components/Map/MapGisLine"; | ||||
import Selector from "@/components/common/Selector.vue"; | import Selector from "@/components/common/Selector.vue"; | ||||
import FieldSelect from "@/components/form/FieldSelect.vue"; | |||||
export default { | export default { | ||||
name: "certificateList", | name: "certificateList", | ||||
components: {Selector, MapGisLine,}, | |||||
components: {FieldSelect, Selector, MapGisLine,}, | |||||
data() { | data() { | ||||
return { | return { | ||||
theGeom:'', | theGeom:'', | ||||
@@ -109,6 +134,10 @@ | |||||
translate_dict:1, | translate_dict:1, | ||||
zcmc:'', | zcmc:'', | ||||
threeAssetType: null, | threeAssetType: null, | ||||
params: { | |||||
noMap: false, | |||||
noAttachment: false, | |||||
}, | |||||
}, | }, | ||||
uploadFiles1:[], | uploadFiles1:[], | ||||
projectId:'', | projectId:'', | ||||
@@ -272,6 +301,7 @@ | |||||
this.typeVisible = true; | this.typeVisible = true; | ||||
}, | }, | ||||
refresh() { | refresh() { | ||||
this.typeVisible = false; | |||||
this.queryParams.pageNum = 1; | this.queryParams.pageNum = 1; | ||||
this.listLength = 0; | this.listLength = 0; | ||||
this.applicationList = []; | this.applicationList = []; | ||||