diff --git a/src/views/demo/layer/index.vue b/src/views/demo/layer/index.vue
index cff2363..c298508 100644
--- a/src/views/demo/layer/index.vue
+++ b/src/views/demo/layer/index.vue
@@ -28,16 +28,16 @@
-
-
+
+
点数据
-
+
线数据
-
+
面数据
@@ -50,14 +50,6 @@
导出模版
-
- 数据导入
-
批量操作
样式配置
@@ -147,14 +139,13 @@
:multiple="false"
:maxCount="1"
:customRequest="handleCustomRequest"
- v-if="!fileUrl"
>
上传SLD文件
-
+
{{ fileUrlView.name }}
在编辑器中打开
@@ -167,7 +158,7 @@
-
+
{
-
globalMap = map;
-
- // 单击和双击事件
- globalMap.on(mars3d.EventType.click,(e)=>{
- // 点击查询
-
- })
-
-
- }
+ };
EventBus.on("editLayerEnd",function(e){
formState.value.geom = e;
- })
-
+ });
// 加载图层
+
const handlerLoadLayer = (record) => {
- console.log("record",record);
- //
let layer = globalMap.getLayerById(record.id);
if(layer){
@@ -246,47 +241,41 @@
}else{
let tileLayer = new mars3d.layer.WmsLayer({
- name: record.applicationName,
- id:record.id,
- url: VITE_GLOB_GEOSERVER_BASE_URL+"/geoserver/my_workspace/wms",
- layers: "my_workspace:"+record.tableName,
- parameters: {
- transparent: true,
- format: "image/png"
- },
- getFeatureInfoParameters: {
- feature_count: 10
- },
- // 单击高亮及其样式
- highlight: {
- type: "wallP",
- diffHeight: 100,
- materialType: mars3d.MaterialType.LineFlow,
- materialOptions: {
- image: "https://data.mars3d.cn/img/textures/fence.png",
- color: "#ffff00",
- speed: 10, // 速度,建议取值范围1-100
- axisY: true
+ name: record.applicationName,
+ id:record.id,
+ url: VITE_GLOB_GEOSERVER_BASE_URL+"/geoserver/my_workspace/wms",
+ layers: "my_workspace:"+record.tableName,
+ parameters: {
+ transparent: true,
+ format: 'image/png',
+ },
+ getFeatureInfoParameters: {
+ feature_count: 10
+ },
+ // 单击高亮及其样式
+ highlight: {
+ type: "wallP",
+ diffHeight: 100,
+ materialType: mars3d.MaterialType.LineFlow,
+ materialOptions: {
+ image: "https://data.mars3d.cn/img/textures/fence.png",
+ color: "#ffff00",
+ speed: 10, // 速度,建议取值范围1-100
+ axisY: true
+ }
+ },
+ popup: "all",
+ flyTo: true,
+ featureToGraphic:function(e){ // 获取点击查询到的数据
+ let wkt = GeojsonToWkt(e.data.geometry);
+ let editData = {...e.data.properties}
+ editData.geom = wkt;
+ viewData(editData)
}
- },
- popup: "all",
- flyTo: true,
- featureToGraphic:function(e){ // 获取点击查询到的数据
- console.log("e.data",e.data);
- let wkt = GeojsonToWkt(e.data.geometry);
-
- let editData = {...e.data.properties}
- editData.geom = wkt;
- viewData(editData)
- }
})
- // getClickFeature(tileLayer);
globalMap.addLayer(tileLayer);
-
}
-
-
- }
+ };
const { VITE_GLOB_API_URL } = getAppEnvConfig();
const { createConfirm, createMessage } = useMessage();
@@ -377,7 +366,7 @@
});
}
- if(showTable.value == 'edit'){
+ if (showTable.value == 'edit') {
updateTableData(params).then((res) => {
console.log('res', res);
if (res) {
@@ -388,17 +377,16 @@
createMessage.error('编辑失败!');
}
});
- }else if(showTable.value == 'add'){
+ } else if (showTable.value == 'add') {
+ params.list = [];
- params.list = [];
-
- headData.value?.forEach((item,index)=>{
+ headData.value?.forEach((item, index) => {
params.list.push({
name: item.dataIndex,
value: formState.value[item] ? formState.value[item] : null,
});
- })
- console.log("params",params.list);
+ });
+ console.log('params', params.list);
addTableData(params).then((res) => {
console.log('res', res);
@@ -424,9 +412,6 @@
};
const handleSelect = (record) => {
-
-
-
tableName.value = record.tableName;
applicationName.value = record.applicationName;
tableVisible.value = true;
@@ -447,21 +432,22 @@
isUpdate: false,
});
};
+
const checkedLayer = (e) => {
console.log("e123",e);
handlerLoadLayer(e);
}
- const hanlerLoadLayer = () => {
- }
+
+ const hanlerLoadLayer = () => {};
const handleSuccess = () => {
treeRef.value.fetch();
};
const addData = (type) => {
- AddDrawingGeometry(globalMap,type);
+ AddDrawingGeometry(globalMap, type);
showTable.value = 'add';
- }
+ };
const detailData = ref([]);
const editData = (record) => {
selectVal.value = record;
@@ -472,7 +458,6 @@
};
const viewData = (record) => {
-
PreviewDrawingGeometry(globalMap,record.geom);
selectVal.value = record;
formState.value = record;
@@ -522,10 +507,20 @@
};
const styleHandle = () => {
- fileUrl.value = '';
- fileUrlView.value = {};
- styleName.value = '';
showTable.value = 'style';
+ getSldFilePath({ tablename: tableName.value }).then((res) => {
+ if (res) {
+ fileUrlView.value.name = res.filepath;
+ fileUrl.value = res.filepath;
+ fileUrlView.value.url = res.filepath;
+ fileUrlView.value.id = res.fileid;
+ styleName.value = res.stylename;
+ } else {
+ fileUrl.value = '';
+ fileUrlView.value = {};
+ styleName.value = '';
+ }
+ });
};
const handleChange = (info) => {
fileList.value = info.fileList;
@@ -556,6 +551,7 @@
filepath: fileUrl.value,
styleName: styleName.value,
tablename: tableName.value,
+ id: fileUrlView.value.id,
};
uploadSldStyle(params).then((res) => {
console.log(res);
@@ -636,34 +632,10 @@
openTempeleteModel(true);
};
onMounted(() => {});
- const customRequest = (file) => {
- console.log('handleCustomRequest', file);
- const name = file.file.name.toLowerCase();
- if (name.endsWith('.zip')) {
- const formData = new FormData();
- formData.append('files', file.file);
- Upload(formData).then((res) => {
- console.log(res);
- const filePath = res[0].filePath;
- let params = {
- tableName: tableName.value,
- zipFilePath: filePath,
- };
- UploadShape(params).then((result) => {
- message.success('导入成功');
- reload();
- });
- });
- } else {
- const formData = new FormData();
- formData.append('file', file.file);
- UploadExcelAll({ File: formData, tableName: tableName.value }).then((res) => {
- message.success('导入成功');
- reload();
- });
- }
- // procedure.value ++
- return false;
+ const editorCancel = () => {
+ fileList.value = [];
+ fileUrlView.value = {};
+ fileUrl.value = '';
};