diff --git a/web/client/src/sections/humanAffairs/containers/highMonthly.jsx b/web/client/src/sections/humanAffairs/containers/highMonthly.jsx
index aa483d4..a5055ff 100644
--- a/web/client/src/sections/humanAffairs/containers/highMonthly.jsx
+++ b/web/client/src/sections/humanAffairs/containers/highMonthly.jsx
@@ -1,10 +1,60 @@
-import React, { useEffect, useState } from 'react';
+import React, { useEffect, useState, useMemo } from 'react';
import { connect } from 'react-redux';
-import Empty from '../components/empty';
+import { Table, Pagination, Skeleton, DatePicker } from '@douyinfe/semi-ui';
+import { SkeletonScreen } from "$components";
import '../style.less'
const HighMonthly = (props) => {
const { dispatch, actions } = props
+ const [limits, setLimits] = useState()//每页实际条数
+ const [query, setQuery] = useState({ limit: 10, page: 0 }); //页码信息
+ const [tableData, setTableData] = useState([{ id: 1, year: '1月', statement: '高管月度测试12.xlsx' }, { id: 2, year: '2月', statement: '测试12.xlsx' }, { id: 3, year: '3月', statement: '测试12.xlsx' }, { id: 4, year: '4月', statement: '测试12.xlsx' }, { id: 5, year: '5月', statement: '测试12.xlsx' }, { id: 6, year: '6月', statement: '测试12.xlsx' }, { id: 7, year: '7月', statement: '测试12.xlsx' }, { id: 8, year: '8月', statement: '测试12.xlsx' }, { id: 9, year: '9月', statement: '测试12.xlsx' }, { id: 10, year: '10月', statement: '测试12.xlsx' }, { id: 11, year: '11月', statement: '测试12.xlsx' }, { id: 12, year: '12月', statement: '测试12.xlsx' }]);
+
+
+ function handleRow(record, index) {// 给偶数行设置斑马纹
+ if (index % 2 === 0) {
+ return {
+ style: {
+ background: '#FAFCFF',
+ }
+ };
+ } else {
+ return {};
+ }
+ }
+
+ const columns = [{
+ title: '序号',
+ dataIndex: 'id',
+ key: 'id',
+ width: 60,
+ render: (text, record, index) => index + 1
+ }, {
+ title: '月份',
+ dataIndex: 'year',
+ key: 'year',
+ width: 80
+ },
+ {
+ title: '报表',
+ dataIndex: 'statement',
+ key: 'statement',
+ width: 200,
+ // render: (text, r, index) => {
+
+ // }
+ }, {
+ title: '操作',
+ dataIndex: 'action',
+ width: 120,
+ render: (text, record) => {
+ return
+ 下载
+
+ }
+ }];
+
+ const scroll = useMemo(() => ({}), []);
return (
<>
@@ -24,7 +74,49 @@ const HighMonthly = (props) => {
MONTHLY PROCESS ASSESSMENT
-
+
+ 查询时间：
+
+
+
+
+
+
+
+
+
+ 共{limits}条信息
+
+
{
+ setQuery({ limit: pageSize, page: currentPage - 1 });
+ page.current = currentPage - 1
+ }}
+ />
+
+
+
+ 下载
+
+ }
+ }];
+
+ const scroll = useMemo(() => ({}), []);
+
+ return (
+ <>
+
+
+
绩效考核
+
/
+
高管考核
+
/
+
季度考核
+
+
+
+
+
+
季度考核
+
QUARTERLY ASSESSMENT
+
+
+
+ 查询时间：
+
+
+
+
+
+
+
+
+
+ 共{limits}条信息
+
+
{
+ setQuery({ limit: pageSize, page: currentPage - 1 });
+ page.current = currentPage - 1
+ }}
+ />
+
+
+
+
+
+ 下载
+
+ }
+ }];
+
+ const scroll = useMemo(() => ({}), []);
return (
<>
@@ -24,7 +73,49 @@ const MonthlyProcess = (props) => {
Monthly process assessment
+ 查询时间：
+
+
+
+
+
+
+
+
+
+ 共{limits}条信息
+
+
{
+ setQuery({ limit: pageSize, page: currentPage - 1 });
+ page.current = currentPage - 1
+ }}
+ />
+
+
+
+ 下载
+
+ }
+ }];
+
+ const scroll = useMemo(() => ({}), []);
return (
<>
@@ -24,7 +73,49 @@ const Quarter = (props) => {
QUARTERLY ASSESSMENT
+ 查询时间：
+
+
+
+
+
+
+
+
+
+ 共{limits}条信息
+
+
{
+ setQuery({ limit: pageSize, page: currentPage - 1 });
+ page.current = currentPage - 1
+ }}
+ />
+
+
+
+ 下载
+
+ }
+ }];
+
+ const scroll = useMemo(() => ({}), []);
return (
<>
@@ -24,7 +73,49 @@ const RegularKPI = (props) => {
FORMAL EMPLOYEE ASSESSMENT
+ 查询时间：
+
+
+
+
+
+
+
+
+
+ 共{limits}条信息
+
+
{
+ setQuery({ limit: pageSize, page: currentPage - 1 });
+ page.current = currentPage - 1
+ }}
+ />
+
+
+