elink-star
/
epmet-oper-gov-lingshan
12
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

房屋打点

master
dai 2 years ago
parent
246cd96466
commit
0f9db4fa98
7 changed files with 1570 additions and 884 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 23
      public/index.html
  2. 849
      src/utils/dai-map.js
  3. 472
      src/utils/dai-map2.js
  4. 2
      src/views/modules/base/community/buildTable.vue
  5. 2
      src/views/modules/base/community/communityTable.vue
  6. 1102
      src/views/modules/base/community/roomForm.vue
  7. 4
      src/views/modules/base/community/roomTable.vue

23
public/index.html
View File

@ -37,16 +37,23 @@
document.getElementsByTagName('head')[0].appendChild(js); document.getElementsByTagName('head')[0].appendChild(js);
} }
if (SITE_CONFIG['nodeEnv'] == 'dev_tdt') {
toLoadJs('http://api.tianditu.gov.cn/api?v=4.0&tk=c4dc987b442bd141a887d8d4a5d07926') toLoadJs('https://api.tianditu.gov.cn/api?v=4.0&tk=c4dc987b442bd141a887d8d4a5d07926')
} else if (SITE_CONFIG['nodeEnv'] == 'dev_sdtdt') {
toLoadJs('http://www.sdmap.gov.cn/api/olapi/ol/openlayers.js')
} else if (SITE_CONFIG['nodeEnv'] == 'yantai_zhengwu_prod') {
toLoadJs('http://59.206.203.34/api/olapi/ol/openlayers.js')
} else {
toLoadJs('https://map.qq.com/api/gljs?v=1.exp&libraries=service&key=LWBBZ-TIGC3-VFP3L-YNMWH-FJB7T-JFBLO') toLoadJs('https://map.qq.com/api/gljs?v=1.exp&libraries=service&key=LWBBZ-TIGC3-VFP3L-YNMWH-FJB7T-JFBLO')
toLoadJs('https://map.qq.com/api/gljs?v=1.exp&key=OB4BZ-D4W3U-B7VVO-4PJWW-6TKDJ-WPB77') toLoadJs('https://map.qq.com/api/gljs?v=1.exp&key=OB4BZ-D4W3U-B7VVO-4PJWW-6TKDJ-WPB77')
}
// if (SITE_CONFIG['nodeEnv'] == 'dev_tdt') {
// toLoadJs('http://api.tianditu.gov.cn/api?v=4.0&tk=c4dc987b442bd141a887d8d4a5d07926')
// } else if (SITE_CONFIG['nodeEnv'] == 'dev_sdtdt') {
// toLoadJs('http://www.sdmap.gov.cn/api/olapi/ol/openlayers.js')
// } else if (SITE_CONFIG['nodeEnv'] == 'prod') {
// toLoadJs('http://api.tianditu.gov.cn/api?v=4.0&tk=c4dc987b442bd141a887d8d4a5d07926')
// toLoadJs('https://map.qq.com/api/gljs?v=1.exp&libraries=service&key=LWBBZ-TIGC3-VFP3L-YNMWH-FJB7T-JFBLO')
// toLoadJs('https://map.qq.com/api/gljs?v=1.exp&key=OB4BZ-D4W3U-B7VVO-4PJWW-6TKDJ-WPB77')
// } else {
// toLoadJs('https://map.qq.com/api/gljs?v=1.exp&libraries=service&key=LWBBZ-TIGC3-VFP3L-YNMWH-FJB7T-JFBLO')
// toLoadJs('https://map.qq.com/api/gljs?v=1.exp&key=OB4BZ-D4W3U-B7VVO-4PJWW-6TKDJ-WPB77')
// }
console.log('============调试版本：1.0.3') console.log('============调试版本：1.0.3')
console.log('nodeEnv', window.SITE_CONFIG['nodeEnv']) console.log('nodeEnv', window.SITE_CONFIG['nodeEnv'])

849
src/utils/dai-map.js
View File

@ -1,438 +1,443 @@
import nextTick from "dai-js/tools/nextTick"; import nextTick from "dai-js/tools/nextTick";
import { requestGet } from "@/js/dai/request"; import { requestGet } from "@/js/dai/request";
export const mapType = // export const mapType =
typeof window.TMap !== "undefined" // typeof window.TMap !== "undefined"
? "qq" // ? "qq"
: typeof window.T !== "undefined" // : typeof window.T !== "undefined"
? "td" // ? "td"
: "tdzw"; // : "tdzw";
export const mapType = "qq";
const urlSdtdt = (() => { const urlSdtdt = (() => {
if (window.SITE_CONFIG["nodeEnv"] == "dev_sdtdt") { if (window.SITE_CONFIG["nodeEnv"] == "dev_sdtdt") {
return { return {
search: "https://service.sdmap.gov.cn/search", search: "https://service.sdmap.gov.cn/search",
geo: "https://service.sdmap.gov.cn/geodecode", geo: "https://service.sdmap.gov.cn/geodecode",
}; };
} else { } else {
return { return {
search: "http://172.20.46.177/map_search_proxy/search", search: "http://172.20.46.177/map_search_proxy/search",
geo: "http://172.20.46.177/epmet-map-proxy/GeoDecodeService.ashx", geo: "http://172.20.46.177/epmet-map-proxy/GeoDecodeService.ashx",
}; };
} }
})(); })();
export const QQMap = window.TMap; export const QQMap = window.TMap;
export const TDMap = window.T; export const TDMap = window.T;
export function searchNearby(map, keyword) { export function searchNearby(map, keyword) {
if (mapType == "qq") { if (mapType == "qq") {
return new Promise((reslove) => { return new Promise((reslove) => {
const search = new QQMap.service.Search(map, { pageSize: 10 }); const search = new QQMap.service.Search(map, { pageSize: 10 });
search search
.searchNearby({ .searchNearby({
keyword, keyword,
radius: 1000, radius: 1000,
autoExtend: true, autoExtend: true,
center: map.getCenter(), center: map.getCenter(),
}) })
.then((result) => { .then((result) => {
let { data } = result; let { data } = result;
if (Array.isArray(data) && data.length > 0) { if (Array.isArray(data) && data.length > 0) {
const { const {
location: { lat, lng }, location: { lat, lng },
address, address,
} = data[0]; } = data[0];
reslove({ reslove({
msg: "success", msg: "success",
data: { data: {
lng, lng,
lat, lat,
address, address,
resultList: data.map((item, index) => { resultList: data.map((item, index) => {
const { const {
location: { lat, lng }, location: { lat, lng },
} = item; } = item;
item.lonlat = lng + " " + lat; item.lonlat = lng + " " + lat;
item.name = item.name || ""; item.name = item.name || "";
item.hotPointID = "hotPointID" + index; item.hotPointID = "hotPointID" + index;
return item; return item;
}), }),
}, },
}); });
} else { } else {
reslove({ reslove({
msg: "failed", msg: "failed",
error: "未检索到相关位置坐标", error: "未检索到相关位置坐标",
}); });
} }
}) })
.catch((error) => { .catch((error) => {
reslove({ reslove({
msg: "failed", msg: "failed",
error, error,
}); });
}); });
}); });
} else if (mapType == "td") { } else if (mapType == "td") {
return new Promise(async (reslove) => { return new Promise(async (reslove) => {
const search = new TDMap.LocalSearch(map, { pageCapacity: 10 }); const search = new TDMap.LocalSearch(map, { pageCapacity: 10 });
search.setQueryType(1); search.setQueryType(1);
search.searchNearby(keyword, map.getCenter(), 1000000000); search.searchNearby(keyword, map.getCenter(), 1000000000);
await nextTick(1000); await nextTick(1000);
const result = search.getResults(); const result = search.getResults();
const data = result ? result.getPois() : null; const data = result ? result.getPois() : null;
console.log("检索结果", data); console.log("检索结果", data);
if (Array.isArray(data) && data.length > 0) { if (Array.isArray(data) && data.length > 0) {
const { lonlat, address, name } = data[0]; const { lonlat, address, name } = data[0];
const lng = lonlat.split(" ")[0]; const lng = lonlat.split(" ")[0];
const lat = lonlat.split(" ")[1]; const lat = lonlat.split(" ")[1];
reslove({ reslove({
msg: "success", msg: "success",
data: { data: {
lng, lng,
lat, lat,
address: address + name, address: address + name,
resultList: data.map((item, index) => { resultList: data.map((item, index) => {
item.hotPointID = "hotPointID" + index; item.hotPointID = "hotPointID" + index;
return item; return item;
}), }),
}, },
}); });
} else { } else {
reslove({ reslove({
msg: "failed", msg: "failed",
error: "未检索到相关位置坐标", error: "未检索到相关位置坐标",
}); });
} }
}); });
} else if (mapType == "tdzw") { } else if (mapType == "tdzw") {
return new Promise(async (reslove) => { return new Promise(async (reslove) => {
const center = map.getCenter(); const center = map.getCenter();
const url = urlSdtdt.search; const url = urlSdtdt.search;
const { status, result } = await requestGet(url, { const { status, result } = await requestGet(url, {
area: `CIRCLE(${center.lon} ${center.lat} 1000000)`, area: `CIRCLE(${center.lon} ${center.lat} 1000000)`,
words: keyword, words: keyword,
city: "烟台", city: "烟台",
uid: "navinfo", uid: "navinfo",
st: "LocalSearch", st: "LocalSearch",
tk: "e758167d5b90c351b70a979c0820840c", tk: "e758167d5b90c351b70a979c0820840c",
}); });
if ( if (
status == "ok" && status == "ok" &&
result && result &&
Array.isArray(result.features) && Array.isArray(result.features) &&
result.features.length > 0 result.features.length > 0
) { ) {
const { lng, lat, address, name } = result.features[0]; const { lng, lat, address, name } = result.features[0];
reslove({ reslove({
msg: "success", msg: "success",
data: { data: {
lng, lng,
lat, lat,
address: address + name, address: address + name,
resultList: result.features.map((item, index) => { resultList: result.features.map((item, index) => {
const { lng, lat } = item; const { lng, lat } = item;
item.lonlat = lng + " " + lat; item.lonlat = lng + " " + lat;
item.name = item.name || ""; item.name = item.name || "";
item.hotPointID = "hotPointID" + index; item.hotPointID = "hotPointID" + index;
return item; return item;
}), }),
}, },
}); });
} else { } else {
reslove({ reslove({
msg: "failed", msg: "failed",
error: "未检索到相关位置坐标", error: "未检索到相关位置坐标",
}); });
} }
}); });
} }
} }
// 封装了地图相关函数，兼容天地图、腾讯地图常用api // 封装了地图相关函数，兼容天地图、腾讯地图常用api
export default function init(ele, position, params) { export default function init(ele, position, params) {
this.mapType = mapType; this.mapType = mapType;
this.map = null; this.map = null;
this.marker = null; this.marker = null;
this.markers = null; this.markers = null;
this.getCenter = function () { this.getCenter = function () {
return { return {
lat: 0, lat: 0,
lng: 0, lng: 0,
}; };
}; };
this.setCenter = function (lat, lng) {}; this.setCenter = function (lat, lng) {};
this.setMarker = function (lat, lng, title) {}; this.setMarker = function (lat, lng, title) {};
this.getAddress = async function (lat, lng) {}; this.getAddress = async function (lat, lng) {};
this.on = function (eventType, fn) {}; this.on = function (eventType, fn) {};
let { latitude, longitude } = position; let { latitude, longitude } = position;
if (!latitude || latitude == "" || latitude == "0") { if (!latitude || latitude == "" || latitude == "0") {
latitude = 39.9088810666821; latitude = 39.9088810666821;
longitude = 116.39743841556731; longitude = 116.39743841556731;
} }
if (mapType != "qq") { if (mapType != "qq") {
if (typeof ele == "string") { if (typeof ele == "string") {
ele = document.getElementById("app"); ele = document.getElementById("app");
} }
let width = ele.offsetWidth; let width = ele.offsetWidth;
let height = ele.offsetHeight; let height = ele.offsetHeight;
if (height == 0) { if (height == 0) {
ele.style.height = width * 0.5 + "px"; ele.style.height = width * 0.5 + "px";
} }
} }
if (mapType == "qq") { if (mapType == "qq") {
let center = new QQMap.LatLng(latitude, longitude); let center = new QQMap.LatLng(latitude, longitude);
this.map = new QQMap.Map(ele, { this.map = new QQMap.Map(ele, {
center, center,
...params, ...params,
}); });
this.markers = new QQMap.MultiMarker({ this.markers = new QQMap.MultiMarker({
map: this.map, map: this.map,
geometries: [], geometries: [],
}); });
this.getCenter = function () { this.getCenter = function () {
const center = this.map.getCenter(); const center = this.map.getCenter();
const lat = center.getLat(); const lat = center.getLat();
const lng = center.getLng(); const lng = center.getLng();
return { lat, lng }; return { lat, lng };
}; };
this.setCenter = function (lat, lng) { this.setCenter = function (lat, lng) {
this.map.setCenter(new QQMap.LatLng(lat, lng)); this.map.setCenter(new QQMap.LatLng(lat, lng));
}; };
this.setMarker = function (lat, lng, title = "位置") { this.setMarker = function (lat, lng, title = "位置") {
this.markers.setGeometries([]); this.markers.setGeometries([]);
this.markers.add([ this.markers.add([
{ {
id: "4", id: "4",
styleId: "marker", styleId: "marker",
position: new QQMap.LatLng(lat, lng), position: new QQMap.LatLng(lat, lng),
properties: { properties: {
title, title,
}, },
}, },
]); ]);
}; };
this.geocoder = new QQMap.service.Geocoder(); // 新建一个正逆地址解析类 this.geocoder = new QQMap.service.Geocoder(); // 新建一个正逆地址解析类
this.getAddress = async function (lat, lng) { this.getAddress = async function (lat, lng) {
return new Promise((reslove) => { return new Promise((reslove) => {
this.geocoder this.geocoder
.getAddress({ location: new QQMap.LatLng(lat, lng) }) // 将给定的坐标位置转换为地址 .getAddress({ location: new QQMap.LatLng(lat, lng) }) // 将给定的坐标位置转换为地址
.then((result) => { .then((result) => {
reslove({ reslove({
msg: "success", msg: "success",
data: { data: {
address: result.result.address, address: result.result.address,
}, },
}); });
}) })
.catch((error) => { .catch((error) => {
reslove({ reslove({
msg: "failed", msg: "failed",
error, error,
}); });
}); });
}); });
}; };
this.on = function (eventType, fn) { this.on = function (eventType, fn) {
if (eventType == "dragend") { if (eventType == "dragend") {
this.map.on("moveend", (e) => { this.map.on("moveend", (e) => {
console.log("dragend", e); console.log("dragend", e);
if (e && e.originalEvent) { if (e && e.originalEvent) {
fn(e); fn(e);
} }
}); });
} else { } else {
this.map.on(eventType, fn); this.map.on(eventType, fn);
} }
}; };
} else if (mapType == "td") { } else if (mapType == "td") {
let center = new TDMap.LngLat(longitude, latitude); let center = new TDMap.LngLat(longitude, latitude);
this.map = new TDMap.Map(ele, { this.map = new TDMap.Map(ele, {
center, center,
...params, ...params,
}); });
this.getCenter = function () { this.getCenter = function () {
const center = this.map.getCenter(); const center = this.map.getCenter();
const lat = center.getLat(); const lat = center.getLat();
const lng = center.getLng(); const lng = center.getLng();
return { lat, lng }; return { lat, lng };
}; };
this.setCenter = function (lat, lng) { this.setCenter = function (lat, lng) {
this.map.panTo(new TDMap.LngLat(lng, lat)); this.map.panTo(new TDMap.LngLat(lng, lat));
}; };
this.setMarker = function (lat, lng, title = "位置") { this.setMarker = function (lat, lng, title = "位置") {
let lnglat = new TDMap.LngLat(lng, lat); let lnglat = new TDMap.LngLat(lng, lat);
if (!this.marker) { if (!this.marker) {
this.marker = new TDMap.Marker(lnglat, { this.marker = new TDMap.Marker(lnglat, {
title, title,
}); });
this.map.addOverLay(this.marker); this.map.addOverLay(this.marker);
} else { } else {
this.marker.setLngLat(lnglat); this.marker.setLngLat(lnglat);
} }
}; };
this.geocoder = new TDMap.Geocoder(); // 新建一个正逆地址解析类 this.geocoder = new TDMap.Geocoder(); // 新建一个正逆地址解析类
this.getAddress = async function (lat, lng) { this.getAddress = async function (lat, lng) {
return new Promise((reslove) => { return new Promise((reslove) => {
this.geocoder.getLocation(new TDMap.LngLat(lng, lat), (result) => { this.geocoder.getLocation(
if (result) { new TDMap.LngLat(lng, lat),
console.log("this.geocoder.getLocation", result); (result) => {
let status = result.getStatus(); if (result) {
reslove({ console.log("this.geocoder.getLocation", result);
msg: "success", let status = result.getStatus();
data: { reslove({
address: result.getAddress(), msg: "success",
}, data: {
}); address: result.getAddress(),
} else { },
reslove({ });
msg: "failed", } else {
error: "解析失败", reslove({
}); msg: "failed",
} error: "解析失败",
}); });
}); }
}; }
);
this.on = function (eventType, fn) { });
if (eventType == "dragend") { };
this.map.on("dragend", (e) => {
console.log("dragend", e); this.on = function (eventType, fn) {
fn(e); if (eventType == "dragend") {
}); this.map.on("dragend", (e) => {
} else { console.log("dragend", e);
this.map.on(eventType, fn); fn(e);
} });
}; } else {
} else if (mapType == "tdzw") { this.map.on(eventType, fn);
this.map = new OpenLayers.Map(ele, { }
allOverlays: true, };
numZoomLevels: 19, } else if (mapType == "tdzw") {
displayProjection: "EPSG:4490", this.map = new OpenLayers.Map(ele, {
controls: [ allOverlays: true,
new OpenLayers.Control.Navigation(), numZoomLevels: 19,
new OpenLayers.Control.ArgParser(), displayProjection: "EPSG:4490",
new OpenLayers.Control.Attribution(), controls: [
], new OpenLayers.Control.Navigation(),
}); new OpenLayers.Control.ArgParser(),
this.map.addLayer(new SDTDTLayer()); new OpenLayers.Control.Attribution(),
],
this.getCenter = function () { });
const center = this.map.getCenter(); this.map.addLayer(new SDTDTLayer());
const lat = center.lat;
const lng = center.lon; this.getCenter = function () {
return { lat, lng }; const center = this.map.getCenter();
}; const lat = center.lat;
const lng = center.lon;
this.setCenter = function (lat, lng) { return { lat, lng };
lat = parseFloat(lat); };
lng = parseFloat(lng);
this.map.setCenter(new OpenLayers.LonLat(lng, lat), 16); this.setCenter = function (lat, lng) {
}; lat = parseFloat(lat);
this.setCenter(latitude, longitude); lng = parseFloat(lng);
this.map.setCenter(new OpenLayers.LonLat(lng, lat), 16);
this.setMarker = function (lat, lng, title = "位置") { };
lat = parseFloat(lat); this.setCenter(latitude, longitude);
lng = parseFloat(lng);
const style = { this.setMarker = function (lat, lng, title = "位置") {
externalGraphic: require("@/assets/img/common/map-poi.png"), lat = parseFloat(lat);
graphicWidth: 32, lng = parseFloat(lng);
graphicHeight: 32, const style = {
}; externalGraphic: require("@/assets/img/common/map-poi.png"),
if (!this.marker) { graphicWidth: 32,
//创建矢量图层 graphicHeight: 32,
this.markerLayer = new OpenLayers.Layer.Vector("graphicLayer", { };
style: OpenLayers.Util.extend( if (!this.marker) {
{}, //创建矢量图层
OpenLayers.Feature.Vector.style["default"] this.markerLayer = new OpenLayers.Layer.Vector("graphicLayer", {
), style: OpenLayers.Util.extend(
}); {},
this.map.addLayer(this.markerLayer); OpenLayers.Feature.Vector.style["default"]
this.marker = new OpenLayers.Feature.Vector( ),
new OpenLayers.Geometry.Point(lng, lat), });
null, this.map.addLayer(this.markerLayer);
style this.marker = new OpenLayers.Feature.Vector(
); new OpenLayers.Geometry.Point(lng, lat),
this.markerLayer.addFeatures([this.marker]); null,
} else { style
console.log("this marker", this.marker); );
this.marker.geometry.x = 0; this.markerLayer.addFeatures([this.marker]);
this.marker.geometry.y = 0; } else {
this.marker.geometry.destroy(); console.log("this marker", this.marker);
this.markerLayer.removeFeatures([this.marker]); this.marker.geometry.x = 0;
this.marker = new OpenLayers.Feature.Vector( this.marker.geometry.y = 0;
new OpenLayers.Geometry.Point(lng, lat), this.marker.geometry.destroy();
null, this.markerLayer.removeFeatures([this.marker]);
style this.marker = new OpenLayers.Feature.Vector(
); new OpenLayers.Geometry.Point(lng, lat),
// this.markerLayer.addFeatures([this.marker]); null,
this.markerLayer.redraw(); style
console.log("redraw", this.marker); );
} // this.markerLayer.addFeatures([this.marker]);
}; this.markerLayer.redraw();
console.log("redraw", this.marker);
this.getAddress = async function (lat, lng) { }
return new Promise(async (reslove) => { };
const url = urlSdtdt.geo;
const { status, result } = await requestGet(url, { this.getAddress = async function (lat, lng) {
point: lng + "," + lat, return new Promise(async (reslove) => {
type: "11", const url = urlSdtdt.geo;
st: "Rgc2", const { status, result } = await requestGet(url, {
output: "json", point: lng + "," + lat,
// tk: "e758167d5b90c351b70a979c0820840c", type: "11",
}); st: "Rgc2",
if (status == "ok" && result.address) { output: "json",
reslove({ // tk: "e758167d5b90c351b70a979c0820840c",
msg: "success", });
data: { if (status == "ok" && result.address) {
address: result.address, reslove({
}, msg: "success",
}); data: {
} else { address: result.address,
reslove({ },
msg: "failed", });
error: "解析失败", } else {
}); reslove({
} msg: "failed",
}); error: "解析失败",
}; });
}
this.on = function (eventType, fn) { });
if (eventType == "dragend") { };
this.map.events.register("moveend", null, (e) => {
console.log("dragend", e); this.on = function (eventType, fn) {
fn(e); if (eventType == "dragend") {
}); this.map.events.register("moveend", null, (e) => {
} else { console.log("dragend", e);
this.map.events.register(eventType, null, moveendHandler); fn(e);
} });
}; } else {
} this.map.events.register(eventType, null, moveendHandler);
}
this.searchNearby = async function (keyword) { };
const ret = await searchNearby(this.map, keyword); }
return ret; this.searchNearby = async function (keyword) {
}; const ret = await searchNearby(this.map, keyword);
return this; return ret;
};
return this;
} }

472
src/utils/dai-map2.js
View File

@ -0,0 +1,472 @@
import nextTick from "dai-js/tools/nextTick";
import { requestGet } from "@/js/dai/request";
// export const mapType =
// typeof window.TMap !== "undefined"
// ? "qq"
// : typeof window.T !== "undefined"
// ? "td"
// : "tdzw";
export const mapType = "td";
const urlSdtdt = (() => {
if (window.SITE_CONFIG["nodeEnv"] == "dev_sdtdt") {
return {
search: "https://service.sdmap.gov.cn/search",
geo: "https://service.sdmap.gov.cn/geodecode",
};
} else {
return {
search: "http://172.20.46.177/map_search_proxy/search",
geo: "http://172.20.46.177/epmet-map-proxy/GeoDecodeService.ashx",
};
}
})();
export const QQMap = window.TMap;
export const TDMap = window.T;
export function searchNearby(map, keyword) {
if (mapType == "qq") {
return new Promise((reslove) => {
const search = new QQMap.service.Search(map, { pageSize: 10 });
search
.searchNearby({
keyword,
radius: 1000,
autoExtend: true,
center: map.getCenter(),
})
.then((result) => {
let { data } = result;
if (Array.isArray(data) && data.length > 0) {
const {
location: { lat, lng },
address,
} = data[0];
reslove({
msg: "success",
data: {
lng,
lat,
address,
resultList: data.map((item, index) => {
const {
location: { lat, lng },
} = item;
item.lonlat = lng + " " + lat;
item.name = item.name || "";
item.hotPointID = "hotPointID" + index;
return item;
}),
},
});
} else {
reslove({
msg: "failed",
error: "未检索到相关位置坐标",
});
}
})
.catch((error) => {
reslove({
msg: "failed",
error,
});
});
});
} else if (mapType == "td") {
return new Promise(async (reslove) => {
const search = new TDMap.LocalSearch(map, { pageCapacity: 10 });
search.setQueryType(1);
search.searchNearby(keyword, map.getCenter(), 1000000000);
await nextTick(1000);
const result = search.getResults();
const data = result ? result.getPois() : null;
console.log("检索结果", data);
if (Array.isArray(data) && data.length > 0) {
const { lonlat, address, name } = data[0];
const lng = lonlat.split(" ")[0];
const lat = lonlat.split(" ")[1];
reslove({
msg: "success",
data: {
lng,
lat,
address: address + name,
resultList: data.map((item, index) => {
item.hotPointID = "hotPointID" + index;
return item;
}),
},
});
} else {
reslove({
msg: "failed",
error: "未检索到相关位置坐标",
});
}
});
} else if (mapType == "tdzw") {
return new Promise(async (reslove) => {
const center = map.getCenter();
const url = urlSdtdt.search;
const { status, result } = await requestGet(url, {
area: `CIRCLE(${center.lon} ${center.lat} 1000000)`,
words: keyword,
city: "烟台",
uid: "navinfo",
st: "LocalSearch",
tk: "e758167d5b90c351b70a979c0820840c",
});
if (
status == "ok" &&
result &&
Array.isArray(result.features) &&
result.features.length > 0
) {
const { lng, lat, address, name } = result.features[0];
reslove({
msg: "success",
data: {
lng,
lat,
address: address + name,
resultList: result.features.map((item, index) => {
const { lng, lat } = item;
item.lonlat = lng + " " + lat;
item.name = item.name || "";
item.hotPointID = "hotPointID" + index;
return item;
}),
},
});
} else {
reslove({
msg: "failed",
error: "未检索到相关位置坐标",
});
}
});
}
}
// 封装了地图相关函数，兼容天地图、腾讯地图常用api
export default function init(ele, position, params) {
this.mapType = mapType;
this.map = null;
this.marker = null;
this.markers = null;
this.getCenter = function () {
return {
lat: 0,
lng: 0,
};
};
this.setCenter = function (lat, lng) {};
this.setMarker = function (lat, lng, title) {};
this.getAddress = async function (lat, lng) {};
this.on = function (eventType, fn) {};
let { latitude, longitude } = position;
if (!latitude || latitude == "" || latitude == "0") {
latitude = 39.9088810666821;
longitude = 116.39743841556731;
}
latitude = parseFloat(latitude);
longitude = parseFloat(longitude);
if (mapType != "qq") {
if (typeof ele == "string") {
ele = document.getElementById("app");
}
let width = ele.offsetWidth;
let height = ele.offsetHeight;
if (height == 0) {
ele.style.height = width * 0.5 + "px";
}
}
if (mapType == "qq") {
let center = new QQMap.LatLng(latitude, longitude);
this.map = new QQMap.Map(ele, {
center,
...params,
});
this.markers = new QQMap.MultiMarker({
map: this.map,
geometries: [],
});
this.getCenter = function () {
const center = this.map.getCenter();
const lat = center.getLat();
const lng = center.getLng();
return { lat, lng };
};
this.setCenter = function (lat, lng) {
this.map.setCenter(new QQMap.LatLng(lat, lng));
};
this.setMarker = function (lat, lng, title = "位置") {
this.markers.setGeometries([]);
this.markers.add([
{
id: "4",
styleId: "marker",
position: new QQMap.LatLng(lat, lng),
properties: {
title,
},
},
]);
};
this.geocoder = new QQMap.service.Geocoder(); // 新建一个正逆地址解析类
this.getAddress = async function (lat, lng) {
return new Promise((reslove) => {
this.geocoder
.getAddress({ location: new QQMap.LatLng(lat, lng) }) // 将给定的坐标位置转换为地址
.then((result) => {
reslove({
msg: "success",
data: {
address: result.result.address,
},
});
})
.catch((error) => {
reslove({
msg: "failed",
error,
});
});
});
};
this.on = function (eventType, fn) {
// 加载天地图底图
var imageTileLayer = new QQMap.ImageTileLayer({
getTileUrl: function (x, y, z) {
return `http://t4.tianditu.com/DataServer?T=img_w&tk=8a08c117ab9ee45d508686b01cc8d397&x=${x}&y=${y}&l=${z}`;
},
tileSize: 256, //瓦片像素尺寸
minZoom: 6, //显示自定义瓦片的最小级别
maxZoom: 18, //显示自定义瓦片的最大级别
visible: true, //是否可见
zIndex: 5000, //层级高度（z轴）
opacity: 0.95, //图层透明度：1不透明，0为全透明
map: this.map, //设置图层显示到哪个地图实例中
});
if (eventType == "dragend") {
this.map.on("moveend", (e) => {
// console.log("dragend", e);
if (e && e.originalEvent) {
fn(e);
}
});
} else {
this.map.on(eventType, fn);
}
};
} else if (mapType == "td") {
var imageURL =
"http://t5.tianditu.gov.cn/img_w/wmts?" +
"SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=img&STYLE=default&TILEMATRIXSET=w&FORMAT=tiles" +
"&TILEMATRIX={z}&TILEROW={y}&TILECOL={x}&tk=8a08c117ab9ee45d508686b01cc8d397";
var imageURL2 =
"http://t6.tianditu.gov.cn/cia_w/wmts?" +
"SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=cia&STYLE=default&TILEMATRIXSET=w&FORMAT=tiles" +
"&TILEMATRIX={z}&TILEROW={y}&TILECOL={x}&tk=8a08c117ab9ee45d508686b01cc8d397";
//创建自定义图层对象
let lay = new TDMap.TileLayer(imageURL, { minZoom: 1, maxZoom: 18 });
let lay2 = new TDMap.TileLayer(imageURL2, { minZoom: 1, maxZoom: 18 });
let center = new TDMap.LngLat(longitude, latitude);
this.map = new TDMap.Map(ele, {
center,
...params,
layers: [lay, lay2],
});
this.getCenter = function () {
const center = this.map.getCenter();
const lat = center.getLat();
const lng = center.getLng();
return { lat, lng };
};
this.setCenter = function (lat, lng) {
this.map.panTo(new TDMap.LngLat(lng, lat));
};
this.setMarker = function (lat, lng, title = "位置") {
let lnglat = new TDMap.LngLat(lng, lat);
if (!this.marker) {
this.marker = new TDMap.Marker(lnglat, {
title,
});
this.map.addOverLay(this.marker);
} else {
this.marker.setLngLat(lnglat);
}
};
this.geocoder = new TDMap.Geocoder(); // 新建一个正逆地址解析类
this.getAddress = async function (lat, lng) {
return new Promise((reslove) => {
this.geocoder.getLocation(
new TDMap.LngLat(lng, lat),
(result) => {
if (result) {
console.log("this.geocoder.getLocation", result);
let status = result.getStatus();
reslove({
msg: "success",
data: {
address: result.getAddress(),
},
});
} else {
reslove({
msg: "failed",
error: "解析失败",
});
}
}
);
});
};
this.on = function (eventType, fn) {
if (eventType == "dragend") {
this.map.on("dragend", (e) => {
console.log("dragend", e);
fn(e);
});
} else {
this.map.on(eventType, fn);
}
};
} else if (mapType == "tdzw") {
this.map = new OpenLayers.Map(ele, {
allOverlays: true,
numZoomLevels: 19,
displayProjection: "EPSG:4490",
controls: [
new OpenLayers.Control.Navigation(),
new OpenLayers.Control.ArgParser(),
new OpenLayers.Control.Attribution(),
],
});
this.map.addLayer(new SDTDTLayer());
this.getCenter = function () {
const center = this.map.getCenter();
const lat = center.lat;
const lng = center.lon;
return { lat, lng };
};
this.setCenter = function (lat, lng) {
lat = parseFloat(lat);
lng = parseFloat(lng);
this.map.setCenter(new OpenLayers.LonLat(lng, lat), 16);
};
this.setCenter(latitude, longitude);
this.setMarker = function (lat, lng, title = "位置") {
lat = parseFloat(lat);
lng = parseFloat(lng);
const style = {
externalGraphic: require("@/assets/img/common/map-poi.png"),
graphicWidth: 32,
graphicHeight: 32,
};
if (!this.marker) {
//创建矢量图层
this.markerLayer = new OpenLayers.Layer.Vector("graphicLayer", {
style: OpenLayers.Util.extend(
{},
OpenLayers.Feature.Vector.style["default"]
),
});
this.map.addLayer(this.markerLayer);
this.marker = new OpenLayers.Feature.Vector(
new OpenLayers.Geometry.Point(lng, lat),
null,
style
);
this.markerLayer.addFeatures([this.marker]);
} else {
console.log("this marker", this.marker);
this.marker.geometry.x = 0;
this.marker.geometry.y = 0;
this.marker.geometry.destroy();
this.markerLayer.removeFeatures([this.marker]);
this.marker = new OpenLayers.Feature.Vector(
new OpenLayers.Geometry.Point(lng, lat),
null,
style
);
// this.markerLayer.addFeatures([this.marker]);
this.markerLayer.redraw();
console.log("redraw", this.marker);
}
};
this.getAddress = async function (lat, lng) {
return new Promise(async (reslove) => {
const url = urlSdtdt.geo;
const { status, result } = await requestGet(url, {
point: lng + "," + lat,
type: "11",
st: "Rgc2",
output: "json",
// tk: "e758167d5b90c351b70a979c0820840c",
});
if (status == "ok" && result.address) {
reslove({
msg: "success",
data: {
address: result.address,
},
});
} else {
reslove({
msg: "failed",
error: "解析失败",
});
}
});
};
this.on = function (eventType, fn) {
if (eventType == "dragend") {
this.map.events.register("moveend", null, (e) => {
console.log("dragend", e);
fn(e);
});
} else {
this.map.events.register(eventType, null, moveendHandler);
}
};
}
this.searchNearby = async function (keyword) {
const ret = await searchNearby(this.map, keyword);
return ret;
};
return this;
}

2
src/views/modules/base/community/buildTable.vue
View File

@ -391,7 +391,7 @@ export default {
item.sort = parseInt(item.sort) || 0; item.sort = parseInt(item.sort) || 0;
item.sort = item.sort.toFixed(2) item.sort = item.sort.toFixed(2)
item.isChange = false item.isChange = false
if (item.agencyId === this.staffAgencyId) { if (true || item.agencyId === this.staffAgencyId) {
item.showBtn = true item.showBtn = true
this.validTableDataNum++ this.validTableDataNum++
} else { } else {

2
src/views/modules/base/community/communityTable.vue
View File

@ -387,7 +387,7 @@ export default {
this.validTableDataNum = 0 this.validTableDataNum = 0
this.total = data.total this.total = data.total
data.list.forEach(item => { data.list.forEach(item => {
if (item.agencyId === this.staffAgencyId) { if (true || item.agencyId === this.staffAgencyId) {
item.showBtn = true item.showBtn = true
this.validTableDataNum++ this.validTableDataNum++
} else { } else {

1102
src/views/modules/base/community/roomForm.vue
View File

File diff suppressed because it is too large

4
src/views/modules/base/community/roomTable.vue
View File

@ -189,6 +189,7 @@
width="900px" width="900px"
top="5vh" top="5vh"
class="dialog-h" class="dialog-h"
v-if="formShow"
@closed="diaClose"> @closed="diaClose">
<room-form ref="ref_form" <room-form ref="ref_form"
:view_real_data="btnAuths.ic_house_view_real_data" :view_real_data="btnAuths.ic_house_view_real_data"
@ -223,6 +224,7 @@ import { Loading } from "element-ui"; // 引入Loading服务
import baobiao from "@/views/modules/cpts/baobiao"; import baobiao from "@/views/modules/cpts/baobiao";
let loading; // 加载动画 let loading; // 加载动画
export default { export default {
data () { data () {
return { return {
@ -465,7 +467,7 @@ export default {
item.unitNum + item.unitNum +
item.doorName; item.doorName;
if (item.agencyId === this.staffAgencyId) { if (true || item.agencyId === this.staffAgencyId) {
item.showBtn = true; item.showBtn = true;
this.validTableDataNum++; this.validTableDataNum++;
} else { } else {

Write Preview
Loading…
Cancel
Save