wjx 5 bulan lalu
induk
melakukan
5f442b9156

+ 1 - 0
src/pages/launchSystemV3/adqv3/ad/index.tsx

@@ -108,6 +108,7 @@ const Ad: React.FC<ADQV3.AdProps> = ({ userId, creativeHandle }) => {
                 >
                     <Select.Option value={1}>小说</Select.Option>
                     <Select.Option value={2}>游戏</Select.Option>
+                    <Select.Option value={3}>小说IAA</Select.Option>
                 </Select>
             </Col>
             <Col>

+ 5 - 0
src/pages/launchSystemV3/material/cloudNew/index.less

@@ -380,6 +380,11 @@
         justify-content: center;
         overflow: hidden;
         position: relative;
+        border: 1px solid transparent;
+
+        &.active {
+            border-color: red;
+        }
 
         >img {
             max-width: 100%;

+ 4 - 2
src/pages/launchSystemV3/material/cloudNew/selectCloudNew.tsx

@@ -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>

+ 1 - 0
src/pages/launchSystemV3/material/cloudNew/selectGroupCloudNew.tsx

@@ -333,6 +333,7 @@ const SelectGroupCloudNew: React.FC<CLOUDNEW.SelectGroupCloudNewProps> = ({ num,
                                     onChange={(page: number, pageSize: number) => {
                                         setQueryParams({ ...queryParams, pageNum: page, pageSize })
                                     }}
+                                    pageSizeOptions={[10, 15, 20, 50, 100]}
                                 />
                             </div>
                         </div>