FEV2 / fw-cms

  import React, {useState} from 'react';
  import { Card, Button, Row, Col } from 'antd';
  import { PageHeaderWrapper } from '@ant-design/pro-layout';
  import { createStore } from '@/hooks/moz';
  import store from './store';
  import List from './components/List';
  import EditModal from './components/EditModal';
  import ShopModal from './components/ShopModal';

  import ShopSelectNew from '@/components/ShopSelectNew';

  
  export const { Provider, useStore } = createStore(store);
  
  function Index() {
    const { setParams, setCurrent } = useStore();
    const [selected, setSelected] = useState<any>([]);
  
    function handleOnChange(value: any) {

      setParams({keywords: value[0]?.label || undefined}, true);

      setSelected(value || []);
    }
    return (

      <PageHeaderWrapper title={<Row align="middle"><span style={{width: "5px", height: "20px", backgroundColor: "#448EF7", borderRadius: "3px", display: 'inline-block', marginRight: "10px"}} /><span>线索有效接通目标配置</span></Row>}>

        <Card>

          <Row justify="space-between" style={{ marginBottom: 20 }}>
            <Col span={10}>

              <ShopSelectNew value={selected} onChange={handleOnChange} defaultOptions={{bizTypes: "1"}} placeholder="请选择门店" />

            </Col>

            <Button onClick={() => setCurrent({visible: true, data: {}})} type="primary">新增</Button>
          </Row>
          <List />
          <EditModal />
          <ShopModal />
        </Card>
      </PageHeaderWrapper>
    );
  }
  
  export default () => <Provider><Index /></Provider>;