ShopModal.tsx
1.14 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
39
import React, {useEffect, useState} from 'react';
import {Modal, Button, List} from 'antd';
import { useStore } from '../index';
import styles from '../index.less';
export default function Index() {
const { statusData, setStatusData } = useStore();
function handleCancel() {
setStatusData({visible: false, data: []});
}
return (
<Modal
destroyOnClose
title={<div className={styles.lineWrap}><span className={styles.line} /><span className={styles.lineText}>适用门店</span></div>}
visible={statusData.visible}
maskClosable={false}
onCancel={handleCancel}
footer={[]}
className={styles.modal}
>
<List
size="large"
style={{height: '300px', overflow: 'scroll'}}
dataSource={statusData?.data || []}
renderItem={(item: any) => <List.Item style={{justifyContent: 'center'}}>{item.shopName}</List.Item>}
/>
<div
style={{
textAlign: 'center',
marginTop: 12,
height: 32,
lineHeight: '32px',
}}
><Button type="primary" onClick={handleCancel}>返回</Button>
</div>
</Modal>
);
}