|
|
@@ -15,6 +15,7 @@ import { columnsMonitor } from "./tableMonitorConfig";
|
|
|
import { qiliangpaihanghour } from "./config";
|
|
|
import { syncBatchApi } from "@/services/launchAdq/adqv3";
|
|
|
import { useAjax } from "@/Hook/useAjax";
|
|
|
+import { useDebounce, useUpdateEffect } from "ahooks";
|
|
|
interface newListType extends ListType {
|
|
|
totalTimeUnit: 'total' | 'minute' | 'hour' | 'day',
|
|
|
planTimeUnit: 'minute' | 'hour' | 'day'
|
|
|
@@ -47,6 +48,8 @@ function Monitor(props: { onChange: () => void }) {
|
|
|
const [adgroupName, setAdgroupName] = useState<string>('')
|
|
|
const [accountIdRule, setAccountIdRule] = useState<string>('')
|
|
|
const [trendColumns, setTrendColumns] = useState<string[]>(['cost'])
|
|
|
+ const [adName, setAdName] = useState<string>();
|
|
|
+ const debouncedAdName = useDebounce(adName, { wait: 500 });
|
|
|
|
|
|
const { totalTimeUnit, planTimeUnit, adgroup, accountId, sysUserId, groupAccountIds, adgroupName: qfadgroupName } = queryForm
|
|
|
const configName = '起量广告排行明细3.0'
|
|
|
@@ -274,6 +277,10 @@ function Monitor(props: { onChange: () => void }) {
|
|
|
}).catch(() => hide())
|
|
|
}
|
|
|
|
|
|
+ useUpdateEffect(() => {
|
|
|
+ setQueryForm({ ...queryForm, adgroupName: debouncedAdName, pageNum: 1 })
|
|
|
+ }, [debouncedAdName])
|
|
|
+
|
|
|
return <Space direction='vertical' style={{ width: '100%' }} className="monitor">
|
|
|
<Card hoverable bodyStyle={{ padding: '12px 16px' }}>
|
|
|
<div style={{ display: 'flex', justifyContent: 'space-between' }}>
|
|
|
@@ -283,9 +290,9 @@ function Monitor(props: { onChange: () => void }) {
|
|
|
allowClear
|
|
|
style={{ width: 150 }}
|
|
|
onChange={(e: any) => {
|
|
|
- setQueryForm({ ...queryForm, adgroupName: e.target.value, pageNum: 1 })
|
|
|
+ setAdName(e.target.value)
|
|
|
}}
|
|
|
- value={queryForm?.adgroupName}
|
|
|
+ value={adName}
|
|
|
/>
|
|
|
<Select
|
|
|
showSearch
|
