web_sh_audit

系统运行说明

安装依赖

npm install

本地运行

npm run serve

系统编译

npm run build

系统开发说明

深拷贝使用说明

	import deepClone from 'deep-clone'
	 
	const foo = { bar: 'baz' }
	const fooClone = deepClone(foo)

地图操作示例

//地图相关全局变量在 public/static/config/config.js 中定义
map2DViewer.map.setView([31.074472887639914,121.72521988031804], 16);

地图公共方法

//地图相关全局变量在 src/utils/publicFunction.js 中定义
//调用示例如下
import publicFun from '@/utils/publicFunction.js'
var guid = publicFun.buildGuid('baseLayer');

vue组件内添加面示例

//定义组件内面集合
this.polygons = [];
//调用公共事件创建 guid
var guid = publicFun.buildGuid('polygon');
var polygon = L.polygon([[[37, -109.05],[41, -109.03],[41, -102.05],[37, -102.04],[37, -109.05]]], {
              color: "#00ffcc",
              weight: 2,
              fillColor: "#00ffcc",
              opacity: 1,
              fillOpacity: 0.3
            })
polygon.guid = guid;
polygon.addTo(map2DViewer.map);
this.polygons.push(guid);//讲组件面的guid放到各自的组件内进行管理
map2DViewer.polygons[guid] = polygon;//公共变量管理地图面

vue组件内删除面示例

for(var i=0;i<this.polygons.length;i++){
	var guid = this.polygons[i];
	map2DViewer.map.removeLayer(map2DViewer.polygons[guid]);
	//移除某个图层后，及时释放相应的内存
	delete map2DViewer.polygons[guid];
}
//删除后将组件变量重置；
this.polygons = [];

vue组件内点击某个面显示详情示例

//定义组件内面集合
this.polygons = [];
//调用公共事件创建 guid
var guid = publicFun.buildGuid('polygon');
var polygon = L.polygon([[[37, -109.05],[41, -109.03],[41, -102.05],[37, -102.04],[37, -109.05]]], {
              color: "#00ffcc",
              weight: 2,
              fillColor: "#00ffcc",
              opacity: 1,
              fillOpacity: 0.3
            })
polygon.guid = guid;

//将将属性信息绑定到具体的面中,可做点击后信息展示
polygon.metaData = data;
polygon.addTo(map2DViewer.map);
this.polygons.push(guid);//讲组件面的guid放到各自的组件内进行管理
map2DViewer.polygons[guid] = polygon;//公共变量管理地图面

polygon.on('click',function(e){
	var guid = e.target.guid;
	var curMetaData = map2DViewer.polygons[guid].metaData;
})