提交

src/components/XForm/FileUpload.jsx

@@ -4,12 +4,13 @@ import { uploaderProps } from '../../utils/upload';
 
 /**
  * value 数据的接收格式 [{ url: xxxxx.mp4 }]
- * @param {*} props 
+ * size  参数限制可以上传多少个文件
+ * @param { value, size } props
  */
 function fileUpload(props) {
 
   const { value } = props
-  console.log('fileUploadProps： ', props)
+  // console.log('fileUploadProps： ', props)
   // eslint-disable-next-line react-hooks/rules-of-hooks
   const [defaultFileList, setDefaultFileList] = useState([])
 
@@ -62,9 +63,19 @@ function fileUpload(props) {
         onChange={onFileChange}
         fileList={defaultFileList}
       >
-        <Button>
-          <Icon type="upload" /> {props.label}
-        </Button>
+        {
+          props.size ?
+          (props.size > defaultFileList.length
+          && (
+            <Button>
+                <Icon type="upload" /> {props.label}
+              </Button>
+          )) : (
+            <Button>
+              <Icon type="upload" /> {props.label}
+            </Button>
+          )
+        }
       </Upload>
     </>
   )

src/pages/building/list/add/components/base.jsx

@@ -45,9 +45,6 @@ function AddBuilding(props) {
 
   const [poi, setPoi] = useState([])
 
-  // 视频上传按钮是否 禁用
-  const [fileUploadDisabled, setFileUploadDisabled] = useState(false)
-
   // console.log('props.building: ', props.building)
   const { buildingId } = props.building
      // eslint-disable-next-line react-hooks/rules-of-hooks
@@ -78,8 +75,6 @@ function AddBuilding(props) {
       res.mapCoordinate = res.coordinate
       if (res.videoUrl) {
         res.videoUrl = [].concat(res.videoUrl)
-        // 视频上传按钮禁用
-        setFileUploadDisabled(true)
       }
       if (res.videoImage) {
         res.videoImage = res.videoImage[0].url
@@ -138,11 +133,7 @@ function AddBuilding(props) {
   function fileUploadBeforeUpload(file, fileList) {
     // console.log('视频文件上传前 回调: ', file, fileList)
     return new Promise((resolve, reject) => {
-      if (fileUploadDisabled) {
-        openNotificationWithIcon('error', '项目视频，只允许上传一个')
-        reject()
-      } else if (file.type === 'video/mp4' || file.type === '.mp4') {
-          setFileUploadDisabled(true)
+      if (file.type === 'video/mp4' || file.type === '.mp4') {
           resolve(file)
       } else {
         openNotificationWithIcon('error', '项目视频，仅支持MP4格式')
@@ -292,7 +283,7 @@ function AddBuilding(props) {
           <Form.Item label="项目视频" help="视频仅支持mp4格式，建议尺寸：1920*1080，比例16:9">
             {getFieldDecorator('videoUrl')(
               // disabled={fileUploadDisabled}
-              <FileUpload accept=".mp4" beforeUpload={fileUploadBeforeUpload} label="上传视频" />,
+              <FileUpload accept=".mp4" beforeUpload={fileUploadBeforeUpload} label="上传视频" size={1} />,
             )}
           </Form.Item>
           <Form.Item label="视频封面图" help="建议图片尺寸：750*600px，比例5:4,格式：jpg，用于视频封面" >