|
|
@@ -17,10 +17,12 @@ import { Col, Row, Steps } from 'antd';
|
|
|
import dayjs from 'dayjs';
|
|
|
import { DefaultOptionType } from 'rc-select/es/Select';
|
|
|
import React, { useEffect, useState } from 'react';
|
|
|
+
|
|
|
import 'react-photo-view/dist/react-photo-view.css';
|
|
|
import styles from './taskOrder.less';
|
|
|
|
|
|
-import { PhotoProvider, PhotoView } from 'react-photo-view';
|
|
|
+import 'swiper/css';
|
|
|
+import { Swiper, SwiperSlide } from 'swiper/react';
|
|
|
|
|
|
interface IPropsType {
|
|
|
userList: IUserType[];
|
|
|
@@ -292,10 +294,10 @@ const TaskOrder: React.FC<IPropsType> = (props) => {
|
|
|
|
|
|
const renderImg = () => {
|
|
|
return (
|
|
|
- <PhotoProvider maskOpacity={0.5} maskClosable pullClosable>
|
|
|
- <Col className={styles.fontS28} span={18}>
|
|
|
+ <div style={{ width: '100%' }}>
|
|
|
+ <Swiper spaceBetween={50}>
|
|
|
{orderInfo?.MandateImages?.map((photo, index) => (
|
|
|
- <PhotoView key={index} src={photo.src}>
|
|
|
+ <SwiperSlide key={index}>
|
|
|
<img
|
|
|
style={{
|
|
|
maxWidth: `${Math.floor(
|
|
|
@@ -305,10 +307,10 @@ const TaskOrder: React.FC<IPropsType> = (props) => {
|
|
|
src={photo.src}
|
|
|
alt=""
|
|
|
/>
|
|
|
- </PhotoView>
|
|
|
+ </SwiperSlide>
|
|
|
))}
|
|
|
- </Col>
|
|
|
- </PhotoProvider>
|
|
|
+ </Swiper>
|
|
|
+ </div>
|
|
|
);
|
|
|
};
|
|
|
|
