index.tsx
1.48 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
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>;