import { nextTick } from 'vue';
|
import { getJsonData, getArcgisServerData, getArcgisServerSixteenData, openApi_user_get } from '../../api/api.js';
|
import store from './../../store/store.js';
|
import mapLayer from './mapLayer.js';
|
import mapMenu from './mapMenu.js';
|
import mapView from './mapView.js';
|
import qyeryData from './queryData.js';
|
import { showToast } from 'vant';
|
import mapBaseLayer from './mapBaseLayer.js';
|
const mapData = {
|
// 详细数据列表
|
searchData: null,
|
// 地图列表数据
|
baseLayer: null,
|
// 图层管理列表
|
manageLayer: null,
|
num: 0,
|
listData: [],
|
listFileds: [],
|
dlList: {
|
td: 0,
|
wxzc: 0,
|
fc: 0
|
},
|
init() {
|
var that = this;
|
this.getBaseLayerData();
|
nextTick(() => {
|
this.setMqpJump(config.location);
|
this.setLayerStart();
|
});
|
},
|
setLayerStart() {
|
openApi_user_get().then(res => {
|
if (res.code == 0) {
|
nextTick(() => {
|
this.setDataStart();
|
});
|
} else {
|
store.state.setLoadFlag = false;
|
const obj = config.token + ' ' + res.message;
|
showToast({ message: obj, wordBreak: 'break-all' });
|
// return;
|
nextTick(() => {
|
this.setDataStart();
|
});
|
}
|
});
|
},
|
setMqpJump(item) {
|
earthCtrl.camera.jumpTo({
|
//跳转视角
|
destination: new SmartEarth.Cesium.Cartesian3.fromDegrees(item.x, item.y, item.z ? item.z : config.posHeight)
|
});
|
},
|
setSearchFliter(res) {
|
var obj = this.searchData.filter(item => {
|
var name = '';
|
if (item.attributes.MC) {
|
name = item.attributes.MC;
|
} else if (item.attributes.SWLYMC) {
|
name = item.attributes.SWLYMC;
|
} else if (item.attributes.XMMC) {
|
name = item.attributes.XMMC;
|
}
|
|
if (name.indexOf(res) > -1) {
|
return item;
|
}
|
});
|
return obj;
|
},
|
getManageData() {
|
var that = this;
|
// if (that.manageLayer) {
|
// that.getSixteenDataList();
|
// } else {
|
getJsonData('entity.json').then(res => {
|
var val_data = res[0].type;
|
const obj = val_data.filter(item => {
|
item.icon = config.imgUrl + item.icon;
|
return item;
|
});
|
that.manageLayer = obj;
|
that.getSixteenDataList();
|
});
|
// }
|
},
|
|
getBaseLayerData() {
|
var that = this;
|
getJsonData('baseLayer.json').then(data => {
|
const obj = data.filter(item => {
|
item.img = config.imgUrl + item.img;
|
return item;
|
});
|
|
that.baseLayer = obj;
|
mapBaseLayer.init(obj);
|
store.state.setBaseLayerFlag = that.baseLayer[0].name;
|
});
|
},
|
setAddSearchData() {
|
var obj = this.manageLayer;
|
for (var i in obj) {
|
if (obj[i].checked && !obj[i].disable) {
|
mapLayer.setLayerChange(obj[i]);
|
}
|
}
|
store.state.setLoadFlag = false;
|
},
|
getSixteenDataList() {
|
var that = this;
|
const paramData = JSON.stringify(qyeryData.sixTeenData);
|
|
getArcgisServerSixteenData(paramData).then(res => {
|
const layers = res.layers;
|
|
for (var i in layers) {
|
const fileds = that.listFileds.concat(layers[i].fields);
|
const feature = layers[i].features;
|
for (var j in feature) {
|
const dlType = feature[j].attributes;
|
|
if (dlType.DL == '房产') {
|
this.dlList.fc++;
|
} else if (dlType.DL == '无形类资产') {
|
this.dlList.wxzc++;
|
} else if (dlType.DL == '土地') {
|
this.dlList.td++;
|
}
|
|
that.manageLayer.filter(item => {
|
if (item.name == dlType.XL) {
|
item.count++;
|
}
|
});
|
const id = that.generateID();
|
feature[j].attributes['FID'] = id;
|
that.listData.push(feature[j]);
|
}
|
|
that.listFileds = fileds;
|
}
|
that.searchData = that.listData;
|
store.state.setSearchData = true;
|
this.setAddSearchData();
|
});
|
// }
|
},
|
getDataList() {
|
// 接口循环次数
|
var count = config.apiLength;
|
var that = this;
|
// 循环遍历接口
|
if (that.searchData) {
|
setTimeout(() => {
|
store.state.setRefreshFlag = true;
|
this.setAddSearchData();
|
}, 100);
|
} else {
|
var val_obj = this.manageLayer[this.num];
|
getArcgisServerData({ num: val_obj.mapServer, type: val_obj.name }).then(res => {
|
if (res && res.features) {
|
const fileds = that.listFileds.concat(res.fieldAliases);
|
for (var i in res.features) {
|
const id = that.generateID();
|
const attribute = res.features[i].attributes;
|
const fid = attribute.DL + '_' + attribute.XL + '_' + attribute.objectid;
|
|
res.features[i].attributes['FID'] = id;
|
that.listData.push(res.features[i]);
|
}
|
|
that.listFileds = fileds;
|
}
|
this.num++;
|
if (this.num < count) {
|
this.getDataList();
|
} else {
|
that.searchData = that.listData;
|
store.state.setSearchData = true;
|
mapMenu.setMenuChange();
|
store.state.setRefreshFlag = true;
|
this.setAddSearchData();
|
}
|
});
|
}
|
},
|
setJudgmentData(res) {
|
if (res && res.coordinates) {
|
if (parseFloat(res.coordinates[0]).toFixed(3) != 117.205 && parseFloat(res.coordinates[1]).toFixed(3) != 39.132) {
|
return true;
|
} else {
|
return false;
|
}
|
} else {
|
return false;
|
}
|
},
|
|
generateID() {
|
return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
|
var r = (Math.random() * 16) | 0,
|
v = c === 'x' ? r : (r & 0x3) | 0x8;
|
return v.toString(16);
|
});
|
},
|
setDataStart() {
|
store.state.setRefreshData = true;
|
store.state.setRefreshFlag = false;
|
nextTick(() => {
|
store.state.setRefreshFlag = true;
|
});
|
|
this.dlList = {
|
td: 0,
|
wxzc: 0,
|
fc: 0
|
};
|
this.searchData = null;
|
this.listData = [];
|
this.listFileds = [];
|
this.manageLayer = null;
|
this.setRefreshData();
|
},
|
|
setRefreshData() {
|
mapLayer.setLayerRemoveAll();
|
mapLayer.setRemovelocationEntity();
|
|
this.getManageData();
|
},
|
setBaseLayerChange(res) {
|
if (!this.manageLayer) return;
|
mapLayer.setLayerChange(res);
|
for (var i in this.manageLayer) {
|
if (this.manageLayer[i].id == res.id) {
|
this.manageLayer[i].checked = res.checked;
|
}
|
}
|
}
|
};
|
export default mapData;
|
