diff --git a/src/pages/ElecEvaluation/Monitor/Exception/index.tsx b/src/pages/ElecEvaluation/Monitor/Exception/index.tsx index 809b763..6e0dfc1 100644 --- a/src/pages/ElecEvaluation/Monitor/Exception/index.tsx +++ b/src/pages/ElecEvaluation/Monitor/Exception/index.tsx @@ -513,11 +513,11 @@ const MonitorException: React.FC<{}> = () => {
{ setExceptionType(null); setModalListData(noOpenListData); setModalListVisible(true); }}>more} />
- +
{ setExceptionType(null); setModalListData(noOpenAssessListData); setModalListVisible(true); }}>more} />
- +
@@ -525,11 +525,11 @@ const MonitorException: React.FC<{}> = () => {
{ setExceptionType("解密异常"); setModalListData(decryptData?.decryptExceptionList ? decryptData?.decryptExceptionList : []); setModalListVisible(true); }}>more} />
- +
{ setExceptionType("开启评审后3日未结束评标"); setModalListData(threeDayNoEndData); setModalListVisible(true); }}>more} />
- +
@@ -537,11 +537,11 @@ const MonitorException: React.FC<{}> = () => {
{ setExceptionType("MAC地址重复"); setModalListData(decryptData?.macSameList ? decryptData?.macSameList : []); setModalListVisible(true); }}>more} />
- +
{ setExceptionType("评标结束后3日内未发布公示"); setModalListData(threeDaysUnSendAnnoList); setModalListVisible(true); }}>more} />
- +
diff --git a/src/pages/ElecEvaluation/Monitor/Home/index.tsx b/src/pages/ElecEvaluation/Monitor/Home/index.tsx index 3e9af88..205a96e 100644 --- a/src/pages/ElecEvaluation/Monitor/Home/index.tsx +++ b/src/pages/ElecEvaluation/Monitor/Home/index.tsx @@ -460,10 +460,59 @@ export const StageCard = (props: { percentage: string | number, total: string | ) } //滚动列表 -export const ScrollTable = (props: { dataSource: any[], columns: any[], ynum?: number, rowKey?: string, selectKey?: number, onDoubleClick?: (record: any) => void }) => { - const { dataSource, columns, ynum = 300, rowKey = "id", selectKey = -1, onDoubleClick = () => { } } = props; +export const ScrollTable = (props: { dataSource: any[], columns: any[], ynum?: number, rowKey?: string, rowClassName?: string, tableKey?: number, rollNum?: number, isScroll?: boolean, onDoubleClick?: (record: any) => void }) => { + const { dataSource, columns, ynum = 300, rowKey = "id", rowClassName = "scroll-select-bg0", rollNum = 10, tableKey = 0, isScroll = false, onDoubleClick = () => { } } = props; + //selectKey + // const [selectKey, setSelectKey] = useState(-1); + const timer = useRef(); + const initScroll = (data: any[]) => { + // let count = selectKey != -1 ? selectKey : 0; + const length = isNotEmpty(data) ? data.length : 0; + // if (length > 1) {//至少2条才能滚动 + // timer.current = setInterval(() => { + // if (count < length) { + // setSelectKey(count); + // const v0 = document.getElementsByClassName(rowClassName)[0]; + // v0?.scrollIntoView({ block: 'center', behavior: 'smooth' }); + // count++; + // } else { + // count = 0; + // } + // }, 3000) + // } + if (isScroll && (length > rollNum)) { + // 只有当大于10条数据的时候 才会看起滚动 + const v = document.getElementsByClassName("ant-table-body")[tableKey]; + timer.current = setInterval(() => { + v.scrollTop += 0.5; + if ( + Math.ceil(v.scrollTop) >= parseFloat((v.scrollHeight - v.clientHeight).toString()) + ) { + setTimeout(() => { + v.scrollTop = 0; + }, 500); + } + }, 20); + } + } + useEffect(() => { + initScroll(dataSource); + return () => { + clearInterval(timer.current); + } + }, [dataSource]) + return ( -
+
{ + timer.current && clearInterval(timer.current); + }} + onMouseLeave={() => { + timer.current && clearInterval(timer.current); + initScroll(dataSource); + }} + > { - if (index == selectKey) { - return "scroll-select-bg"; //highlight样式需要自己定义 - } - return "scroll-select-default"; - }} + // rowClassName={(record, index) => { + // if (index == selectKey) { + // return rowClassName; //highlight样式需要自己定义 + // } + // return "scroll-select-default"; + // }} dataSource={dataSource} columns={columns} onRow={record => { diff --git a/src/pages/ElecEvaluation/Monitor/OpenToday/index.tsx b/src/pages/ElecEvaluation/Monitor/OpenToday/index.tsx index cfbf2bc..09a6126 100644 --- a/src/pages/ElecEvaluation/Monitor/OpenToday/index.tsx +++ b/src/pages/ElecEvaluation/Monitor/OpenToday/index.tsx @@ -315,13 +315,13 @@ const OpenToday: React.FC<{}> = () => {
- { setModalTitle("今日开标明细"); setModalListData([record]); setModalListVisible(true); }} /> + { setModalTitle("今日开标明细"); setModalListData([record]); setModalListVisible(true); }} />
- { setModalTitle("重保项目明细"); setModalListData([record]); setModalListVisible(true); }} /> + { setModalTitle("重保项目明细"); setModalListData([record]); setModalListVisible(true); }} />
diff --git a/src/pages/ElecEvaluation/Monitor/style.less b/src/pages/ElecEvaluation/Monitor/style.less index 4a08aca..16a41fc 100644 --- a/src/pages/ElecEvaluation/Monitor/style.less +++ b/src/pages/ElecEvaluation/Monitor/style.less @@ -725,7 +725,12 @@ height: var(--monitor-table-height); } - .scroll-select-bg { + .scroll-select-bg0, + .scroll-select-bg1, + .scroll-select-bg2, + .scroll-select-bg3, + .scroll-select-bg4, + .scroll-select-bg5 { background: #66666666; } }