commit

src/pages/fundManagement/RechargeOrder.jsx

@@ -10,6 +10,7 @@ import { fetch, apis } from '../../utils/request';
 import request from '../../utils/request';
 import AuthButton from '@/components/AuthButton';
 import { regFenToYuan } from '@/utils/money';
+import Swiper from './components/Swiper';
 
 const { MonthPicker, RangePicker, WeekPicker } = DatePicker;
 
@@ -17,6 +18,7 @@ function header(props) {
     // 获取初始化数据
     const [data, setData] = useState({})
     const [demandIdList, setDemandIdList] = useState([])
+    const [swiperList, setSwiperList] = useState([])
     const orgId = props.orgId || ''
     useEffect(() => {
         getList({ pageNum: 1, pageSize: 10, orderType: 'recharge' });
@@ -62,7 +64,14 @@ function header(props) {
         }
         getList({ pageNum: pageNumber, pageSize: 10, orderType: 'recharge', ...submitValue })
     }
-
+    const look = (list) => {
+        // setSwiperList([
+        //     'https://ss0.bdstatic.com/94oJfD_bAAcT8t7mm9GUKT-xh_/timg?image&quality=100&size=b4000_4000&sec=1591688474&di=85bb9a6a9736e51c63a7bac09601f1e7&src=http://a3.att.hudong.com/14/75/01300000164186121366756803686.jpg',
+        //     'https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1591698586868&di=f528c96c3004268843a070c342b905fa&imgtype=0&src=http%3A%2F%2Fa2.att.hudong.com%2F36%2F48%2F19300001357258133412489354717.jpg',
+        //     'https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1591698586867&di=7865b3f07e4b6b050642a042fa30f07e&imgtype=0&src=http%3A%2F%2Fa0.att.hudong.com%2F64%2F76%2F20300001349415131407760417677.jpg'
+        // ])
+        setSwiperList(list)
+    }
     /**
      *
      *
@@ -106,9 +115,21 @@ function header(props) {
         },
         {
             title: '充值凭证',
-            dataIndex: 'orgName',
-            key: 'orgName',
+            dataIndex: 'certificateUrlList',
+            key: 'certificateUrlList',
             align: 'center',
+            render: (x, row) => (
+                <>
+                    {
+                        (x || []).length > 0 &&
+                        <>
+
+                            <span className={styles.blue} onClick={() => look(row.certificateUrlList)}>
+                                查看
+                         </span></>
+                    }
+                </>
+            ),
         },
         {
             title: '充值状态',
@@ -158,6 +179,7 @@ function header(props) {
     return (
 
         <>
+            < Swiper list={swiperList} onClose={() => setSwiperList([])} />
             <Form layout="inline" onSubmit={e => handleSubmit(e, props)} style={{ marginBottom: '16px' }}>
                 <Form.Item>
                     {getFieldDecorator('tradeNo')(