#

luxiaotao1123

2024-03-14 c34de85b60eed5f0d9c6128779ca457729b86079

#

 zy-asrs-flow/src/pages/map/index.css

@@ -18,3 +18,20 @@
* {
    box-sizing: border-box;
}


.map-header-select .ant-select-selector {
    border-radius: 0px !important;
}

.map-header-select .ant-select-arrow {
    font-weight: bolder !important;
}

.ant-select .ant-select-selector .ant-select-selection-item {
    font-weight: bolder !important;
}

.ant-select .ant-select-selector .ant-select-item.ant-select-item-option {
    font-weight: bolder !important;
}

 zy-asrs-flow/src/pages/map/index.jsx

@@ -1,7 +1,7 @@
import * as React from 'react'
import * as PIXI from 'pixi.js';
import { FormattedMessage, useIntl, useModel } from '@umijs/max';
import { Layout, Button, Flex, Row, Col, FloatButton, Select, Spin } from 'antd';
import { Layout, Button, Flex, Row, Col, FloatButton, Select, Spin, AutoComplete } from 'antd';
const { Header, Content } = Layout;
import {
    AppstoreAddOutlined,
@@ -42,6 +42,9 @@
        select: {
            color: 'red',
            fontWeight: 'bold',
        },
        headerCol: {
            paddingLeft: '50px'
        }
    };
});
@@ -207,13 +210,14 @@
            <Layout className={styles.layout}>
                <Header className={styles.header}>
                    <Row style={{ height: '100%' }}>
                        <Col span={8} style={{ backgroundColor: '#dcdde1' }}>

                        <Col className={styles.headerCol} span={12} style={{}}>

                            <Select
                                className='map-header-select'
                                variant='filled'
                                defaultValue="agv"
                                style={{
                                    width: 120,
                                    width: 160,
                                }}
                                size={'large'}
                                onChange={(value, option) => {
@@ -230,16 +234,27 @@
                                    },
                                ]}
                            />

                            <Select

                            // notFoundContent={loading ? <Spin size="small" /> : null}

                            <AutoComplete
                                className='map-header-select'
                                variant='filled'
                                style={{
                                    width: 360,
                                }}
                                size={'large'}
                                placeholder="Email"
                                options={[
                                    {
                                        value: 'text 1',
                                    },
                                    {
                                        value: 'text 2',
                                    },
                                ]}
                            />


                        </Col>
                        <Col span={16} style={{ backgroundColor: '#3C40C6' }}>
                        {/* 3C40C6 */}
                        <Col span={12} style={{ backgroundColor: '#4a69bd' }}>
                            <Flex className={styles.flex} gap={'large'} justify={'flex-end'} align={'center'}>
                                <Select
                                    className={styles.select}
@@ -313,7 +328,7 @@
                        </FloatButton.Group>
                    </div>
                </Content>
            </Layout>
            </Layout >

            <Edit
                open={deviceVisible}