|  | @@ -43,6 +43,7 @@ const SelectCloudNew: React.FC<CLOUDNEW.SelectCloudNewProps> = ({ visible, defau
 | 
											
												
													
														|  |      const [uploadVisible, setUploadVisible] = useState<boolean>(false)
 |  |      const [uploadVisible, setUploadVisible] = useState<boolean>(false)
 | 
											
												
													
														|  |      const [showField, setShowField] = useLocalStorageState<string[]>('show-field', ['material.create_time', 'material_data_day.cost', 'material_data_day.ctr', 'material_data_day.conversions_rate', 'material_data_day.dynamic_creative_count']);
 |  |      const [showField, setShowField] = useLocalStorageState<string[]>('show-field', ['material.create_time', 'material_data_day.cost', 'material_data_day.ctr', 'material_data_day.conversions_rate', 'material_data_day.dynamic_creative_count']);
 | 
											
												
													
														|  |      const [sortData, setSortData] = useLocalStorageState<{ sortField: string | undefined, sortType: boolean }>('sort-data', { sortField: undefined, sortType: false });
 |  |      const [sortData, setSortData] = useLocalStorageState<{ sortField: string | undefined, sortType: boolean }>('sort-data', { sortField: undefined, sortType: false });
 | 
											
												
													
														|  | 
 |  | +    const [active, setActive] = useState<number>()
 | 
											
												
													
														|  |  
 |  |  
 | 
											
												
													
														|  |      const getMaterialDataList = useAjax((params) => getMaterialDataListApi(params))
 |  |      const getMaterialDataList = useAjax((params) => getMaterialDataListApi(params))
 | 
											
												
													
														|  |      /************************************/
 |  |      /************************************/
 | 
											
										
											
												
													
														|  | @@ -137,7 +138,7 @@ const SelectCloudNew: React.FC<CLOUDNEW.SelectCloudNewProps> = ({ visible, defau
 | 
											
												
													
														|  |              {checkedFolderList.length > 0 ? <>
 |  |              {checkedFolderList.length > 0 ? <>
 | 
											
												
													
														|  |                  <div className={style.selectedCloud}>
 |  |                  <div className={style.selectedCloud}>
 | 
											
												
													
														|  |                      <div style={{ width: checkedFolderList.length * 58 + (checkedFolderList.length - 1) * 8 }}>
 |  |                      <div style={{ width: checkedFolderList.length * 58 + (checkedFolderList.length - 1) * 8 }}>
 | 
											
												
													
														|  | -                        {checkedFolderList.map(item => <div key={item.id} className={style.selectedCloud_col}>
 |  | 
 | 
											
												
													
														|  | 
 |  | +                        {checkedFolderList.map((item, index) => <div key={item.id} className={`${style.selectedCloud_col} ${active === index ? style.active : ''}`} onClick={() => setActive(index)}>
 | 
											
												
													
														|  |                              <div className={style.cz}>
 |  |                              <div className={style.cz}>
 | 
											
												
													
														|  |                                  {item.material_type === 'video' && <PlayVideo videoUrl={item.oss_url}>{(onPlay) => <a onClick={onPlay}><PlayCircleOutlined /></a>}</PlayVideo>}
 |  |                                  {item.material_type === 'video' && <PlayVideo videoUrl={item.oss_url}>{(onPlay) => <a onClick={onPlay}><PlayCircleOutlined /></a>}</PlayVideo>}
 | 
											
												
													
														|  |                                  <a style={{ color: 'red' }} onClick={() => setCheckedFolderList(data => data.filter(i => i.id !== item.id))}><DeleteOutlined /></a>
 |  |                                  <a style={{ color: 'red' }} onClick={() => setCheckedFolderList(data => data.filter(i => i.id !== item.id))}><DeleteOutlined /></a>
 | 
											
										
											
												
													
														|  | @@ -196,7 +197,7 @@ const SelectCloudNew: React.FC<CLOUDNEW.SelectCloudNewProps> = ({ visible, defau
 | 
											
												
													
														|  |                                          }
 |  |                                          }
 | 
											
												
													
														|  |                                          setCheckedFolderList(newCheckedFolderList)
 |  |                                          setCheckedFolderList(newCheckedFolderList)
 | 
											
												
													
														|  |                                      }}
 |  |                                      }}
 | 
											
												
													
														|  | -                                    disabled={checkedFolderList?.length >= num}
 |  | 
 | 
											
												
													
														|  | 
 |  | +                                    disabled={checkedFolderList?.length >= num || !!active}
 | 
											
												
													
														|  |                                      indeterminate={indeterminateFolder}
 |  |                                      indeterminate={indeterminateFolder}
 | 
											
												
													
														|  |                                      checked={checkFolderAll}
 |  |                                      checked={checkFolderAll}
 | 
											
												
													
														|  |                                  >全选</Checkbox>
 |  |                                  >全选</Checkbox>
 | 
											
										
											
												
													
														|  | @@ -348,6 +349,7 @@ const SelectCloudNew: React.FC<CLOUDNEW.SelectCloudNewProps> = ({ visible, defau
 | 
											
												
													
														|  |                                  onChange={(page: number, pageSize: number) => {
 |  |                                  onChange={(page: number, pageSize: number) => {
 | 
											
												
													
														|  |                                      setQueryParams({ ...queryParams, pageNum: page, pageSize })
 |  |                                      setQueryParams({ ...queryParams, pageNum: page, pageSize })
 | 
											
												
													
														|  |                                  }}
 |  |                                  }}
 | 
											
												
													
														|  | 
 |  | +                                pageSizeOptions={[10, 15, 20, 50, 100]}
 | 
											
												
													
														|  |                              />
 |  |                              />
 | 
											
												
													
														|  |                          </div>
 |  |                          </div>
 | 
											
												
													
														|  |                      </div>
 |  |                      </div>
 |