Commit 63d9df44 authored by 皮倩雯's avatar 皮倩雯

fix: 'gis地图配置'

parent 4c31a407
Pipeline #48423 skipped with stages
...@@ -3,14 +3,19 @@ import React, { useState, useEffect } from 'react'; ...@@ -3,14 +3,19 @@ import React, { useState, useEffect } from 'react';
import styles from '../SchemeConfig.less'; import styles from '../SchemeConfig.less';
import { GettMaplayer, deleteConfig } from '@/services/webConfig/api'; import { GettMaplayer, deleteConfig } from '@/services/webConfig/api';
import AddModal from './AddModal'; import AddModal from './AddModal';
import EditModal from './EditModal';
import NewEditModal from './NewEditModal';
const TileData = props => { const TileData = props => {
const [treeLoading, setTreeLoading] = useState(false); // 弹窗显示 const [treeLoading, setTreeLoading] = useState(false); // 弹窗显示
const [tileData, setTileData] = useState([]); // table表格数据 const [tileData, setTileData] = useState([]); // table表格数据
const [visible, setVisible] = useState(false); // 弹窗 const [visible, setVisible] = useState(false); // 弹窗
const [addVisible, setAddVisible] = useState(false); // 弹窗
const [editVisible, setEditVisible] = useState(false);
const [type, setType] = useState(''); // 弹窗类型 const [type, setType] = useState(''); // 弹窗类型
const [formObj, setFormObj] = useState({}); const [formObj, setFormObj] = useState({});
const [flag, setFlag] = useState(0); // 弹窗类型 const [flag, setFlag] = useState(0); // 弹窗类型
const [baseMap, setBaseMap] = useState([]); // 底图数据 const [baseMap, setBaseMap] = useState([]); // 底图数据
const [name, setName] = useState([]);
const columns = [ const columns = [
{ {
title: '服务名', title: '服务名',
...@@ -71,11 +76,12 @@ const TileData = props => { ...@@ -71,11 +76,12 @@ const TileData = props => {
const changebaseMap = record => { const changebaseMap = record => {
setType('edit'); setType('edit');
setFormObj(record); setFormObj(record);
setVisible(true); setEditVisible(true);
}; };
const onSubmit = prop => { const onSubmit = prop => {
setVisible(false); setEditVisible(false);
setFlag(flag + 1); setFlag(flag + 1);
setAddVisible(false);
}; };
const delConfirm = record => { const delConfirm = record => {
...@@ -113,7 +119,7 @@ const TileData = props => { ...@@ -113,7 +119,7 @@ const TileData = props => {
const handleAdd = () => { const handleAdd = () => {
if (baseMap.length) { if (baseMap.length) {
setType('add'); setType('add');
setVisible(true); setAddVisible(true);
} else { } else {
notification.warning({ notification.warning({
message: '提示', message: '提示',
...@@ -128,7 +134,14 @@ const TileData = props => { ...@@ -128,7 +134,14 @@ const TileData = props => {
// 获取瓦片数据配置数据 // 获取瓦片数据配置数据
const renderTile = () => { const renderTile = () => {
setTreeLoading(true); setTreeLoading(true);
const baseMapData = ['高德地形', '高德影像', '天地图地形', '天地图影像']; const baseMapData = [
// '谷歌地形',
// '谷歌影像',
'高德地形',
'高德影像',
'天地图地形',
'天地图影像',
];
GettMaplayer({ GettMaplayer({
terminalType: 'base', terminalType: 'base',
isBaseMap: true, isBaseMap: true,
...@@ -136,12 +149,15 @@ const TileData = props => { ...@@ -136,12 +149,15 @@ const TileData = props => {
if (res.msg === 'Ok') { if (res.msg === 'Ok') {
setTreeLoading(false); setTreeLoading(false);
setTileData(res.data.general.baseMap.layers); setTileData(res.data.general.baseMap.layers);
let data = [];
res.data.general.baseMap.layers.map(item => { res.data.general.baseMap.layers.map(item => {
data.push(item.servicename);
let index = baseMapData.indexOf(item.servicename); let index = baseMapData.indexOf(item.servicename);
if (index != -1) { if (index != -1) {
baseMapData.splice(index, 1); baseMapData.splice(index, 1);
} }
}); });
setName(data);
setBaseMap(baseMapData); setBaseMap(baseMapData);
} else { } else {
setTreeLoading(false); setTreeLoading(false);
...@@ -170,13 +186,22 @@ const TileData = props => { ...@@ -170,13 +186,22 @@ const TileData = props => {
columns={columns} columns={columns}
dataSource={tileData} dataSource={tileData}
bordered bordered
rowKey="type" rowKey="servicename"
scroll={{ y: 600 }} scroll={{ y: 600 }}
pagination={{ pagination={{
showTotal: (total, range) => `第${range[0]}-${range[1]} 条/共 ${total} 条`, showTotal: (total, range) => `第${range[0]}-${range[1]} 条/共 ${total} 条`,
}} }}
/> />
<AddModal <AddModal
visible={addVisible}
onCancel={() => setAddVisible(false)}
callBackSubmit={onSubmit}
type={type}
formObj={formObj}
baseMap={baseMap}
name={name}
/>
<EditModal
visible={visible} visible={visible}
onCancel={() => setVisible(false)} onCancel={() => setVisible(false)}
callBackSubmit={onSubmit} callBackSubmit={onSubmit}
...@@ -184,6 +209,15 @@ const TileData = props => { ...@@ -184,6 +209,15 @@ const TileData = props => {
formObj={formObj} formObj={formObj}
baseMap={baseMap} baseMap={baseMap}
/> />
<NewEditModal
visible={editVisible}
onCancel={() => setEditVisible(false)}
callBackSubmit={onSubmit}
type={type}
formObj={formObj}
baseMap={baseMap}
name={name}
/>
</Spin> </Spin>
</> </>
); );
......
...@@ -281,3 +281,12 @@ export const DownLoadWebModuleTree = query => ...@@ -281,3 +281,12 @@ export const DownLoadWebModuleTree = query =>
`${PUBLISH_SERVICE}/PlatformCenter/DownLoadWebModuleTree?nodeId=${query.nodeId}&sysName=${ `${PUBLISH_SERVICE}/PlatformCenter/DownLoadWebModuleTree?nodeId=${query.nodeId}&sysName=${
query.sysName query.sysName
}`; }`;
export const GetCustomBaseMapList = param =>
get(`${CITY_SERVICE}/MapServer.svc/GetCustomBaseMapList?_version=9999`, param);
export const GetGridSetList = param =>
get(`${CITY_SERVICE}/MapServer.svc/GetGridSetList?_version=9999`, param);
export const GetCustomBaseMapByName = param =>
get(`${CITY_SERVICE}/MapServer.svc/GetCustomBaseMapByName?_version=9999`, param);
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment