|
@@ -10,11 +10,14 @@ import { useGzhPlanList, GzhPlanType } from '@src/views/publishContent/weGZH/hoo
|
|
import http from '@src/http';
|
|
import http from '@src/http';
|
|
import { saveGzhPlanApi } from '@src/http/api';
|
|
import { saveGzhPlanApi } from '@src/http/api';
|
|
import PunlishPlanDetailModal from './components/PunlishPlanDetailModal';
|
|
import PunlishPlanDetailModal from './components/PunlishPlanDetailModal';
|
|
|
|
+
|
|
|
|
+const TableHeight = window.innerHeight - 380;
|
|
|
|
+
|
|
const WeGZHContent: React.FC = () => {
|
|
const WeGZHContent: React.FC = () => {
|
|
// 状态管理
|
|
// 状态管理
|
|
const [selectedAccount, setSelectedAccount] = useState<string>();
|
|
const [selectedAccount, setSelectedAccount] = useState<string>();
|
|
const [videoTitle, setVideoTitle] = useState<string>('');
|
|
const [videoTitle, setVideoTitle] = useState<string>('');
|
|
- const [selectedPublisher, setSelectedPublisher] = useState<string>();
|
|
|
|
|
|
+ const [selectedPublisher, setSelectedPublisher] = useState<number>();
|
|
const [dateRange, setDateRange] = useState<[Dayjs | null, Dayjs | null]>();
|
|
const [dateRange, setDateRange] = useState<[Dayjs | null, Dayjs | null]>();
|
|
const [isShowAddPunlishPlan, setIsShowAddPunlishPlan] = useState<boolean>(false);
|
|
const [isShowAddPunlishPlan, setIsShowAddPunlishPlan] = useState<boolean>(false);
|
|
const [actionType, setActionType] = useState<'add' | 'edit'>('add');
|
|
const [actionType, setActionType] = useState<'add' | 'edit'>('add');
|
|
@@ -55,6 +58,11 @@ const WeGZHContent: React.FC = () => {
|
|
dataIndex: 'title',
|
|
dataIndex: 'title',
|
|
key: 'title',
|
|
key: 'title',
|
|
ellipsis: true,
|
|
ellipsis: true,
|
|
|
|
+ render: (_, record) => {
|
|
|
|
+ return record.videoList.map(video => {
|
|
|
|
+ return <div className="text-gray-600 text-sm truncate" key={video.videoId}>{video.title}</div>
|
|
|
|
+ })
|
|
|
|
+ }
|
|
},
|
|
},
|
|
{
|
|
{
|
|
title: '计划创建时间',
|
|
title: '计划创建时间',
|
|
@@ -139,7 +147,7 @@ const WeGZHContent: React.FC = () => {
|
|
pageSize: 10,
|
|
pageSize: 10,
|
|
title: videoTitle,
|
|
title: videoTitle,
|
|
accountId: selectedAccount ? parseInt(selectedAccount) : undefined,
|
|
accountId: selectedAccount ? parseInt(selectedAccount) : undefined,
|
|
- publishStage: selectedPublisher ? parseInt(selectedPublisher) : undefined,
|
|
|
|
|
|
+ publishStage: selectedPublisher,
|
|
createTimestampStart: dateRange?.[0]?.unix(),
|
|
createTimestampStart: dateRange?.[0]?.unix(),
|
|
createTimestampEnd: dateRange?.[1]?.unix(),
|
|
createTimestampEnd: dateRange?.[1]?.unix(),
|
|
});
|
|
});
|
|
@@ -184,8 +192,8 @@ const WeGZHContent: React.FC = () => {
|
|
onChange={setSelectedPublisher}
|
|
onChange={setSelectedPublisher}
|
|
allowClear
|
|
allowClear
|
|
options={[
|
|
options={[
|
|
- { label: '平台发布', value: 'platform' },
|
|
|
|
- { label: '用户发布', value: 'user' },
|
|
|
|
|
|
+ { label: '平台发布', value: 0 },
|
|
|
|
+ { label: '用户发布', value: 1 },
|
|
]}
|
|
]}
|
|
/>
|
|
/>
|
|
</div>
|
|
</div>
|
|
@@ -223,6 +231,7 @@ const WeGZHContent: React.FC = () => {
|
|
className={styles.antTable}
|
|
className={styles.antTable}
|
|
columns={columns}
|
|
columns={columns}
|
|
dataSource={gzhPlanList}
|
|
dataSource={gzhPlanList}
|
|
|
|
+ scroll={{ x: 'max-content', y: TableHeight }}
|
|
pagination={{
|
|
pagination={{
|
|
total: totalSize,
|
|
total: totalSize,
|
|
pageSize: 10,
|
|
pageSize: 10,
|