This commit is contained in:
licuizhu 2023-09-06 20:23:32 +08:00
parent 31af4e3cc4
commit 178a37482a
6 changed files with 22 additions and 13 deletions

View File

@ -17,8 +17,8 @@ Gitee 是 OSCHINA 推出的基于 Git 的代码托管平台(同时支持 SVN
#### 使用说明 #### 使用说明
1. xxxx 1. yarn install
2. xxxx 2. yarn add
3. xxxx 3. xxxx
#### 参与贡献 #### 参与贡献

View File

@ -20,7 +20,7 @@ body {
#login_page .ant-tabs { #login_page .ant-tabs {
transform: translateY(-50%); transform: translateY(-50%);
position: fixed; position: fixed;
top: 50%; top: 45%;
right: 0px; right: 0px;
width: 38%; width: 38%;
} }
@ -70,7 +70,7 @@ body {
line-height: 32px; line-height: 32px;
} }
#login_page .ant-form-item-required { #login_page .ant-form-item-required {
margin-bottom: 8px; margin-bottom: 20px;
} }
#login_page .ant-form-item-required::before { #login_page .ant-form-item-required::before {
display: none; display: none;
@ -81,6 +81,9 @@ body {
margin-top: 18px; margin-top: 18px;
font-size: 18px; font-size: 18px;
} }
#login_page .form-item {
margin-bottom: 45px;
}
// 左侧导航栏 // 左侧导航栏
:where(.css-dev-only-do-not-override-9ntgx0).ant-layout .ant-layout-sider-light { :where(.css-dev-only-do-not-override-9ntgx0).ant-layout .ant-layout-sider-light {
background-image: url(./assets/images/nav-bg.png) !important; background-image: url(./assets/images/nav-bg.png) !important;

View File

@ -89,7 +89,7 @@ class BaseMap extends React.Component{
} }
// 获取图层明细点位数据/热力图数据 // 获取图层明细点位数据/热力图数据
getLayerPoints = (layerId, selected, nodeType) => {debugger getLayerPoints = (layerId, selected, nodeType) => {
if (selected) { if (selected) {
return axios.get('/api/basicMap/getLayerPoints', { return axios.get('/api/basicMap/getLayerPoints', {
params: { params: {
@ -138,7 +138,8 @@ class BaseMap extends React.Component{
let self = this; let self = this;
let map = this.state.map; let map = this.state.map;
let LabelsData = data || []; let LabelsData = data || [];
let logoImage = data.length > 0 && data[0].logoImage;
map.addImage = (layerId, logoImage);
const pointLayer = new PointLayer({name: layerId}) const pointLayer = new PointLayer({name: layerId})
.source(LabelsData, { .source(LabelsData, {
parser: { parser: {
@ -147,8 +148,8 @@ class BaseMap extends React.Component{
y: 'lat', y: 'lat',
} }
}) })
.shape('simple') .shape(layerId)
.size(15) .size(30)
.color('mag', mag => { .color('mag', mag => {
return mag > 4.5 ? '#5B8FF9' : '#5CCEA1'; return mag > 4.5 ? '#5B8FF9' : '#5CCEA1';
}) })
@ -555,7 +556,7 @@ class BaseMap extends React.Component{
<LayerData ref="getLayerDataFun" getLayerPoints = {this.getLayerPoints} getLayerShapes = {this.getLayerShapes}/> <LayerData ref="getLayerDataFun" getLayerPoints = {this.getLayerPoints} getLayerShapes = {this.getLayerShapes}/>
{/* 地图 */} {/* 地图 */}
<div className={styles.mapWrap}> <div className={styles.mapWrap}>
<div style={{width: '100%', height: 880}} id="container" /> <div style={{width: '100%', height: '100vh'}} id="container" />
</div> </div>
</div> </div>
) )

View File

@ -11,7 +11,7 @@ function Login (e) {
<Tabs.TabPane tab="密码登录" key="1"> <Tabs.TabPane tab="密码登录" key="1">
<PasswordLogin></PasswordLogin> <PasswordLogin></PasswordLogin>
</Tabs.TabPane> </Tabs.TabPane>
<Tabs.TabPane tab="验证码登" key="2"> <Tabs.TabPane tab="验证码登" key="2">
<VerificationCodeLogin></VerificationCodeLogin> <VerificationCodeLogin></VerificationCodeLogin>
</Tabs.TabPane> </Tabs.TabPane>
</Tabs> </Tabs>

View File

@ -60,6 +60,7 @@ function Login (e) {
message: '账户名称不能为空!', message: '账户名称不能为空!',
}, },
]} ]}
style={{marginBottom: '45px'}}
> >
<Input placeholder='请输入账户'/> <Input placeholder='请输入账户'/>
</Form.Item> </Form.Item>
@ -81,13 +82,14 @@ function Login (e) {
<Form.Item <Form.Item
name="remember" name="remember"
valuePropName="checked" valuePropName="checked"
style={{marginTop: '38px'}}
> >
<Checkbox style={{fontSize: '18px'}}>同意<a>服务条款</a></Checkbox> <Checkbox style={{fontSize: '18px'}}>同意<a>服务条款</a></Checkbox>
<a style={{float: 'right', fontSize: '18px'}}>忘记密码</a> <a style={{float: 'right', fontSize: '18px'}}>忘记密码</a>
</Form.Item> </Form.Item>
<Form.Item > <Form.Item style={{marginTop: '68px'}}>
<Button type="primary" htmlType="submit" style={{height: '46px'}} block>密码登录</Button> <Button type="primary" htmlType="submit" style={{height: '72px'}} block>密码登录</Button>
<a className='new-user'>新用户注册</a> <a className='new-user'>新用户注册</a>
</Form.Item> </Form.Item>
</Form> </Form>

View File

@ -74,6 +74,7 @@ function VerificationCodeLogin (e) {
message: '账户名称不能为空!', message: '账户名称不能为空!',
}, },
]} ]}
style={{marginBottom: '45px'}}
> >
<Input placeholder='请输入账户'/> <Input placeholder='请输入账户'/>
</Form.Item> </Form.Item>
@ -102,6 +103,7 @@ function VerificationCodeLogin (e) {
offset: 4, offset: 4,
span: 16, span: 16,
}} }}
style={{marginTop: '38px'}}
> >
<Checkbox style={{fontSize: '18px'}}>同意<a>服务条款</a></Checkbox> <Checkbox style={{fontSize: '18px'}}>同意<a>服务条款</a></Checkbox>
@ -112,8 +114,9 @@ function VerificationCodeLogin (e) {
offset: 4, offset: 4,
span: 16, span: 16,
}} }}
style={{marginTop: '68px'}}
> >
<Button type="primary" htmlType="submit" style={{height: '46px'}} block> <Button type="primary" htmlType="submit" style={{height: '72px'}} block>
验证码登录 验证码登录
</Button> </Button>
<a className='new-user'>新用户注册</a> <a className='new-user'>新用户注册</a>