Commit d01f930e authored by 皮倩雯's avatar 皮倩雯

fix: '修改三维配置,地图配置界面留白样式'

parent 39a277af
Pipeline #43225 skipped with stages
...@@ -228,7 +228,7 @@ const TileData = props => { ...@@ -228,7 +228,7 @@ const TileData = props => {
dataSource={tileData} dataSource={tileData}
bordered bordered
rowKey="type" rowKey="type"
scroll={{ y: 400 }} scroll={{ y: 600 }}
pagination={{ pagination={{
showTotal: (total, range) => `第${range[0]}-${range[1]} 条/共 ${total} 条`, showTotal: (total, range) => `第${range[0]}-${range[1]} 条/共 ${total} 条`,
}} }}
......
...@@ -190,7 +190,7 @@ const VectorData = props => { ...@@ -190,7 +190,7 @@ const VectorData = props => {
dataSource={tileData} dataSource={tileData}
bordered bordered
rowKey="id" rowKey="id"
scroll={{ y: 400 }} scroll={{ y: 600 }}
pagination={{ pagination={{
showTotal: (total, range) => `第${range[0]}-${range[1]} 条/共 ${total} 条`, showTotal: (total, range) => `第${range[0]}-${range[1]} 条/共 ${total} 条`,
}} }}
......
import { Button,Spin } from 'antd'; /* eslint-disable indent */
import { Button, Spin } from 'antd';
import React, { useState, useEffect } from 'react'; import React, { useState, useEffect } from 'react';
import styles from '../dimensionsConfig.less' import styles from '../dimensionsConfig.less';
import { import { GetSchemaInfoList } from '@/services/webConfig/api';
GetSchemaInfoList import AddModal from './AddModal';
} from '@/services/webConfig/api'; import Cards from './components/card';
import AddModal from './AddModal'
import Cards from './components/card'
const VectorData = props => { const VectorData = props => {
const [treeLoading, setTreeLoading] = useState(false);// 弹窗显示 const [treeLoading, setTreeLoading] = useState(false); // 弹窗显示
const [tileData, setTileData] = useState([]); // 页面初始化数据 const [tileData, setTileData] = useState([]); // 页面初始化数据
const [visible, setVisible] = useState(false); // 弹窗 const [visible, setVisible] = useState(false); // 弹窗
const [flag, setFlag] = useState(0); // 状态更新 const [flag, setFlag] = useState(0); // 状态更新
const [type, setType] = useState(''); // 弹窗类型 const [type, setType] = useState(''); // 弹窗类型
const [formObj, setFormObj] = useState({}); const [formObj, setFormObj] = useState({});
const onSubmit = prop => {
const onSubmit = prop => { setVisible(false);
setVisible(false); setFlag(flag + 1);
setFlag(flag + 1) };
}; const onDeletebaseMap = value => {
const onDeletebaseMap = (value) => { setFlag(flag + 1);
setFlag(flag + 1) };
} const handleAdd = () => {
const handleAdd = () => { setType('schemeAdd');
setType('schemeAdd'); setVisible(true);
setVisible(true); };
} useEffect(() => {
useEffect(() => { renderTile();
renderTile(); }, [flag]);
}, [flag]); // 获取瓦片数据配置数据
// 获取瓦片数据配置数据 const renderTile = () => {
const renderTile = () => { setTreeLoading(true);
setTreeLoading(true); GetSchemaInfoList().then(res => {
GetSchemaInfoList().then( if (res.msg === 'Ok') {
res => { setTreeLoading(false);
if (res.msg ==='Ok') { setTileData(res.data);
setTreeLoading(false); } else {
setTileData(res.data); setTreeLoading(false);
} else { }
setTreeLoading(false); });
};
} return (
} <>
) <Spin tip="loading..." spinning={treeLoading}>
}; <div style={{ height: '780px', overflow: 'scroll' }}>
return ( <div className={styles.tileBtn}>
<> <Button
<Spin tip="loading..." spinning={treeLoading}> type="primary"
<div style={{ width: 'calc(100vw - 265px)' }}> onClick={() => {
<div className={styles.tileBtn}> handleAdd();
<Button type="primary" onClick={() => { }}
handleAdd(); >
}} > 新增
新增 </Button>
</Button> </div>
</div> <div className={styles.cardsList}>
<div className={styles.cardsList}> {tileData && tileData.length
{tileData && tileData.length ? ? tileData.map((item, index) => {
tileData.map((item, index) => { return (
return <div className={styles.cardItem} key={index} span={5} offset={2} style={{ marginBottom: '1rem' }}> <div
<Cards item={item} deletebaseMaps={onDeletebaseMap} ></Cards> className={styles.cardItem}
</div> key={index}
}) : ''} span={5}
</div > offset={2}
<AddModal style={{ marginBottom: '1rem' }}
visible={visible} >
onCancel={() => setVisible(false)} <Cards item={item} deletebaseMaps={onDeletebaseMap} />
callBackSubmit={onSubmit} </div>
type={type} );
formObj={formObj} })
/> : ''}
</div> </div>
</Spin> <AddModal
</> visible={visible}
) onCancel={() => setVisible(false)}
} callBackSubmit={onSubmit}
export default VectorData type={type}
\ No newline at end of file formObj={formObj}
/>
</div>
</Spin>
</>
);
};
export default VectorData;
...@@ -215,7 +215,7 @@ const VectorData = props => { ...@@ -215,7 +215,7 @@ const VectorData = props => {
dataSource={tileData} dataSource={tileData}
bordered bordered
rowKey="CreateTime" rowKey="CreateTime"
scroll={{ y: 400 }} scroll={{ y: 600 }}
pagination={{ pagination={{
showTotal: (total, range) => `第${range[0]}-${range[1]} 条/共 ${total} 条`, showTotal: (total, range) => `第${range[0]}-${range[1]} 条/共 ${total} 条`,
}} }}
......
import { Button,Spin } from 'antd'; /* eslint-disable indent */
import { Button, Spin } from 'antd';
import React, { useState, useEffect } from 'react'; import React, { useState, useEffect } from 'react';
import styles from '../SchemeConfig.less' import styles from '../SchemeConfig.less';
import { import { GetMaplayerByTerminalType } from '@/services/webConfig/api';
GetMaplayerByTerminalType import AddModal from './AddModal';
} from '@/services/webConfig/api'; import Cards from './components/card';
import AddModal from './AddModal'
import Cards from './components/card'
const VectorData = props => { const VectorData = props => {
const [treeLoading, setTreeLoading] = useState(false);// 弹窗显示 const [treeLoading, setTreeLoading] = useState(false); // 弹窗显示
const [tileData, setTileData] = useState([]); // 页面初始化数据 const [tileData, setTileData] = useState([]); // 页面初始化数据
const [visible, setVisible] = useState(false); // 弹窗 const [visible, setVisible] = useState(false); // 弹窗
const [flag, setFlag] = useState(0); // 状态更新 const [flag, setFlag] = useState(0); // 状态更新
const [type, setType] = useState(''); // 弹窗类型 const [type, setType] = useState(''); // 弹窗类型
const [formObj, setFormObj] = useState({}); const [formObj, setFormObj] = useState({});
const onSubmit = prop => {
const onSubmit = prop => { setVisible(false);
setVisible(false); setFlag(flag + 1);
setFlag(flag + 1) };
}; const onDeletebaseMap = value => {
const onDeletebaseMap = (value) => { setFlag(flag + 1);
setFlag(flag + 1) };
} const handleAdd = () => {
const handleAdd = () => { setType('schemeAdd');
setType('schemeAdd'); setVisible(true);
setVisible(true); };
} useEffect(() => {
useEffect(() => { renderTile();
renderTile(); }, [flag]);
}, [flag]); // 获取瓦片数据配置数据
// 获取瓦片数据配置数据 const renderTile = () => {
const renderTile = () => { setTreeLoading(true);
setTreeLoading(true); GetMaplayerByTerminalType({
GetMaplayerByTerminalType({ terminalType: 'scheme',
terminalType: 'scheme', isBaseMap: false,
isBaseMap: false }).then(res => {
}).then( console.log('res', res);
res => { if (res.msg === 'Ok') {
console.log('res',res); setTreeLoading(false);
if (res.msg ==='Ok') { setTileData(res.data.scheme.optionalLayer.layers);
setTreeLoading(false); } else {
setTileData(res.data.scheme.optionalLayer.layers); setTreeLoading(false);
} else { }
setTreeLoading(false); });
};
} return (
} <>
) <Spin tip="loading..." spinning={treeLoading}>
}; <div style={{ height: '780px', overflow: 'scroll' }}>
return ( <div className={styles.tileBtn}>
<> <Button
<Spin tip="loading..." spinning={treeLoading}> type="primary"
<div style={{ width: 'calc(100vw - 265px)' }}> onClick={() => {
<div className={styles.tileBtn}> handleAdd();
<Button type="primary" onClick={() => { }}
handleAdd(); >
}} > 新增
新增 </Button>
</Button> </div>
</div> <div className={styles.cardsList}>
<div className={styles.cardsList}> {tileData && tileData.length
{tileData && tileData.length ? ? tileData.map((item, index) => {
tileData.map((item, index) => { return (
return <div className={styles.cardItem} key={index} span={5} offset={2} style={{ marginBottom: '1rem' }}> <div
<Cards item={item} deletebaseMaps={onDeletebaseMap} ></Cards> className={styles.cardItem}
</div> key={index}
}) : ''} span={5}
</div > offset={2}
<AddModal style={{ marginBottom: '1rem' }}
visible={visible} >
onCancel={() => setVisible(false)} <Cards item={item} deletebaseMaps={onDeletebaseMap} />
callBackSubmit={onSubmit} </div>
type={type} );
formObj={formObj} })
/> : ''}
</div> </div>
</Spin> <AddModal
</> visible={visible}
) onCancel={() => setVisible(false)}
} callBackSubmit={onSubmit}
export default VectorData type={type}
\ No newline at end of file formObj={formObj}
/>
</div>
</Spin>
</>
);
};
export default VectorData;
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