|
|
@@ -17,10 +17,10 @@ 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';
|
|
|
+// @ts-ignore
|
|
|
+import ReactZmage from 'react-zmage';
|
|
|
|
|
|
-import { PhotoProvider, PhotoView } from 'react-photo-view';
|
|
|
+import styles from './taskOrder.less';
|
|
|
|
|
|
interface IPropsType {
|
|
|
userList: IUserType[];
|
|
|
@@ -292,23 +292,32 @@ const TaskOrder: React.FC<IPropsType> = (props) => {
|
|
|
|
|
|
const renderImg = () => {
|
|
|
return (
|
|
|
- <PhotoProvider maskOpacity={0.5} maskClosable pullClosable>
|
|
|
- <Col className={styles.fontS28} span={18}>
|
|
|
- {orderInfo?.MandateImages?.map((photo, index) => (
|
|
|
- <PhotoView key={index} src={photo.src}>
|
|
|
- <img
|
|
|
+ <Col span={18}>
|
|
|
+ {orderInfo?.MandateImages?.length > 0 &&
|
|
|
+ orderInfo?.MandateImages?.map((item, index) => {
|
|
|
+ return (
|
|
|
+ <ReactZmage
|
|
|
+ key={index}
|
|
|
+ controller={{
|
|
|
+ close: true,
|
|
|
+ flip: true,
|
|
|
+ zoom: true,
|
|
|
+ pagination: true,
|
|
|
+ download: false,
|
|
|
+ }}
|
|
|
+ backdrop="rgba(255,255,255,0.5)"
|
|
|
style={{
|
|
|
maxWidth: `${Math.floor(
|
|
|
- 100 / (orderInfo?.MandateImages?.length || 1),
|
|
|
+ 100 / orderInfo?.MandateImages?.length,
|
|
|
)}%`,
|
|
|
}}
|
|
|
- src={photo.src}
|
|
|
- alt=""
|
|
|
+ src={item.src}
|
|
|
+ set={orderInfo?.MandateImages}
|
|
|
+ defaultPage={index}
|
|
|
/>
|
|
|
- </PhotoView>
|
|
|
- ))}
|
|
|
- </Col>
|
|
|
- </PhotoProvider>
|
|
|
+ );
|
|
|
+ })}
|
|
|
+ </Col>
|
|
|
);
|
|
|
};
|
|
|
|
