|
@@ -43,6 +43,7 @@ const SelectCloudNew: React.FC<CLOUDNEW.SelectCloudNewProps> = ({ visible, defau
|
|
|
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 [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))
|
|
|
/************************************/
|
|
@@ -137,7 +138,7 @@ const SelectCloudNew: React.FC<CLOUDNEW.SelectCloudNewProps> = ({ visible, defau
|
|
|
{checkedFolderList.length > 0 ? <>
|
|
|
<div className={style.selectedCloud}>
|
|
|
<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}>
|
|
|
{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>
|
|
@@ -196,7 +197,7 @@ const SelectCloudNew: React.FC<CLOUDNEW.SelectCloudNewProps> = ({ visible, defau
|
|
|
}
|
|
|
setCheckedFolderList(newCheckedFolderList)
|
|
|
}}
|
|
|
- disabled={checkedFolderList?.length >= num}
|
|
|
+ disabled={checkedFolderList?.length >= num || !!active}
|
|
|
indeterminate={indeterminateFolder}
|
|
|
checked={checkFolderAll}
|
|
|
>全选</Checkbox>
|
|
@@ -348,6 +349,7 @@ const SelectCloudNew: React.FC<CLOUDNEW.SelectCloudNewProps> = ({ visible, defau
|
|
|
onChange={(page: number, pageSize: number) => {
|
|
|
setQueryParams({ ...queryParams, pageNum: page, pageSize })
|
|
|
}}
|
|
|
+ pageSizeOptions={[10, 15, 20, 50, 100]}
|
|
|
/>
|
|
|
</div>
|
|
|
</div>
|