提交

src/components/XForm/ImageListUpload.jsx

@@ -3,6 +3,10 @@ import { Upload, Icon, Modal } from 'antd';
 import './style.less';
 import { uploaderProps } from '../../utils/upload';
 
+/**
+ * unlimited  属性表示上传图片无限制
+ * 例子： <ImageListUpload unlimited/>
+ */
 class ImageListUpload extends React.Component {
   state = {
     previewVisible: false,
@@ -79,7 +83,8 @@ class ImageListUpload extends React.Component {
           { ...uploaderProps }
           onSuccess={this.handleUploadSucess}
         >
-          {(fileList || images).length >= 8 ? null : uploadButton}
+          {/* unlimited 表示上传无限制数量 */}
+          {(this.props.unlimited && uploadButton) || ((fileList || images).length >= 8 ? null : uploadButton)}
         </Upload>
         <Modal visible={previewVisible} footer={null} onCancel={this.handleCancel}>
           <img alt="example" style={{ width: '100%' }} src={previewImage} />

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

@@ -16,7 +16,7 @@ function BuildingImageModel() {
       <span>效果图（10）</span>
       <Button type="link" style={{ color: 'blue' }}>重命名</Button>
       <Button type="link" style={{ color: 'blue' }}>删除相册</Button>
-      <ImageListUpload value={imageList} onChange={onImageChange}/>
+      <ImageListUpload value={imageList} onChange={onImageChange} unlimited/>
     </>
   )
 }

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

@@ -118,6 +118,7 @@ class ModalImage extends React.Component {
     // TODO 这里应该是要支持多图，但是封装的控件没有
     data.img = data.img.map((item, index) => ({ imgType: 'aparment', url: item, orderNo: index }))
     data.buildingId = this.props.visibleData.buildingId;
+    data.apartmentType = 'apart'
     const api = data.apartmentId !== undefined ? apis.building.buildingApartmentUpdate : apis.building.buildingApartmentAdd;
 
     // 网路请求