import React, {Fragment, PureComponent} from 'react';
import {
    DeleteOutlined,
    EditOutlined,
    PlusOutlined,
    SearchOutlined,
    RedoOutlined,
    DownOutlined, 
	ExclamationCircleFilled,
	UpOutlined,
	InfoCircleFilled,
	QuestionCircleFilled,
	DownloadOutlined
} from '@ant-design/icons';
import {connect, history} from '@umijs/max';
import {Button, Card, Divider, Dropdown, message, Modal, Popconfirm, Space, Switch, Tag,Row,Col} from 'antd';
import StandardTable from '@/components/StandardTable';

import { MyIcon } from "@/components/Icon"
import style from "@/global.less";
import StaffUPHCreateForm from './form/StaffUPHCreateForm'; //新增表单
import StaffUPHUpdateForm from './form/StaffUPHUpdateForm'; //修改表单
import StaffUPHViewForm from './form/StaffUPHViewForm'; //查看表单
import StaffUPHRenderSimpleForm from './form/StaffUPHRenderSimpleForm'; //简单查询表单
import StaffUPHRenderAdvancedForm from './form/StaffUPHRenderAdvancedForm'; //高级查询表单
import styles from './StaffUPHList.less';
import datadictionary from "@/utils/dataDictionary";
import {formatDate} from "@/utils/formatUtils";
import { formatDictText, checkButtonAuthority } from "@/utils/globalCommon";

const { confirm } = Modal;

//预约类型
const sex_type = datadictionary.sex
const user_status = datadictionary.user_status
const sys_user_post = datadictionary.sys_user_post
            
const mockData = {
	list: [
		{
			tjzq: "2025",
			gzd: "北京",
			gh: 100,
			xm: "张三",
			gzzmc: "测试",
			gzxz: "外包",
			jsfs: "寄件",
			xlzyl: "100",
			uph: "100",
			uphpm: "1",
			zyxl: "200",
			zyxlpm: "1",
			zjzyxl: "300",
			zjzyxlpm: "1",
			cqts: "1",
			cqgs: "10",
			cqscpczcg: "8",
			zjzygs: "9",
			zjzygspczcg: "8",
			jjzygs: "1",
			jjgstczcgs: "0.5",
			xzgs: "0.1",
			xzgspczcg: "0.2",
			xxsc: "0.4",
			zyjs: "455",
			zybgs: "0",
			zydds: "0",
			zyrwhs: "130",
			zykws: "120",
			zyskus: "220",
			jdb: "0",
			jjgsxgcs: "0",
			xzgsxgcs: "0",
			wcjcbkl: "0",
		},
		{
			tjzq: "2025",
			gzd: "北京",
			gh: 101,
			xm: "李四",
			gzzmc: "测试组",
			gzxz: "外包",
			jsfs: "寄件",
			xlzyl: "100",
			uph: "100",
			uphpm: "1",
			zyxl: "200",
			zyxlpm: "1",
			zjzyxl: "300",
			zjzyxlpm: "1",
			cqts: "1",
			cqgs: "10",
			cqscpczcg: "8",
			zjzygs: "9",
			zjzygspczcg: "8",
			jjzygs: "1",
			jjgstczcgs: "0.5",
			xzgs: "0.1",
			xzgspczcg: "0.2",
			xxsc: "0.4",
			zyjs: "455",
			zybgs: "0",
			zydds: "0",
			zyrwhs: "130",
			zykws: "120",
			zyskus: "220",
			jdb: "0",
			jjgsxgcs: "0",
			xzgsxgcs: "0",
			wcjcbkl: "0",
		},
		{
			tjzq: "2025",
			gzd: "北京",
			gh: 102,
			xm: "王五",
			gzzmc: "测试组",
			gzxz: "外包",
			jsfs: "寄件",
			xlzyl: "100",
			uph: "100",
			uphpm: "1",
			zyxl: "200",
			zyxlpm: "1",
			zjzyxl: "300",
			zjzyxlpm: "1",
			cqts: "1",
			cqgs: "10",
			cqscpczcg: "8",
			zjzygs: "9",
			zjzygspczcg: "8",
			jjzygs: "1",
			jjgstczcgs: "0.5",
			xzgs: "0.1",
			xzgspczcg: "0.2",
			xxsc: "0.4",
			zyjs: "455",
			zybgs: "0",
			zydds: "0",
			zyrwhs: "130",
			zykws: "120",
			zyskus: "220",
			jdb: "0",
			jjgsxgcs: "0",
			xzgsxgcs: "0",
			wcjcbkl: "0",
		},
		{
			tjzq: "2025",
			gzd: "北京",
			gh: 103,
			xm: "赵六",
			gzzmc: "测试",
			gzxz: "外包",
			jsfs: "寄件",
			xlzyl: "100",
			uph: "100",
			uphpm: "1",
			zyxl: "200",
			zyxlpm: "1",
			zjzyxl: "300",
			zjzyxlpm: "1",
			cqts: "1",
			cqgs: "10",
			cqscpczcg: "8",
			zjzygs: "9",
			zjzygspczcg: "8",
			jjzygs: "1",
			jjgstczcgs: "0.5",
			xzgs: "0.1",
			xzgspczcg: "0.2",
			xxsc: "0.4",
			zyjs: "455",
			zybgs: "0",
			zydds: "0",
			zyrwhs: "130",
			zykws: "120",
			zyskus: "220",
			jdb: "0",
			jjgsxgcs: "0",
			xzgsxgcs: "0",
			wcjcbkl: "0",
		},
		{
			tjzq: "2025",
			gzd: "北京",
			gh: 104,
			xm: "李明",
			gzzmc: "测试",
			gzxz: "外包",
			jsfs: "寄件",
			xlzyl: "100",
			uph: "100",
			uphpm: "1",
			zyxl: "200",
			zyxlpm: "1",
			zjzyxl: "300",
			zjzyxlpm: "1",
			cqts: "1",
			cqgs: "10",
			cqscpczcg: "8",
			zjzygs: "9",
			zjzygspczcg: "8",
			jjzygs: "1",
			jjgstczcgs: "0.5",
			xzgs: "0.1",
			xzgspczcg: "0.2",
			xxsc: "0.4",
			zyjs: "455",
			zybgs: "0",
			zydds: "0",
			zyrwhs: "130",
			zykws: "120",
			zyskus: "220",
			jdb: "0",
			jjgsxgcs: "0",
			xzgsxgcs: "0",
			wcjcbkl: "0",
		},
	],
	pagination: {},
}
@connect(({ staffuph, loading }) => ({
    staffuph,
    loading: loading.models.staffuph,
}))

class StaffUPHList extends PureComponent {
    state = {
        modalVisible: false,
        updateModalVisible: false,
        viewModalVisible: false,
        expandForm: false,
        selectedRows: [],
        formValues: {},
        updateFormValues: {},
        viewFormValues: {},
		toggleExpand: false,
    }

    columns = [ 
        {
            title: '统计周期',
            dataIndex: 'tjzq',
            key: 'tjzq',
            width: 80,
            // fixed: 'left',
        }, {
            title: '工作点',
            dataIndex: 'gzd',
            key: 'gzd',
            width: 80,
            // fixed: 'left',
        },{
            title: '工号',
            dataIndex: 'gh',
            key: 'gh',
            width: 80,
        }, {
            title: '姓名',
            dataIndex: 'xm',
            key: 'xm',
            width: 80,
        },{
            title: '工作组名称',
            dataIndex: 'gzzmc',
            key: 'gzzmc',
            width: 80,
        }, {
            title: '工作性质',
            dataIndex: 'gzxz',
            key: 'gzxz',
            width: 80,
        }, {
            title: '结算方式',
            dataIndex: 'jsfs',
            key: 'jsfs',
            width: 80,
        },
        {
            title: '效率作业量',
            dataIndex: 'xlzyl',
            key: 'xlzyl',
			width: 80,
        },
		{
		    title: 'UPH',
		    dataIndex: 'uph',
		    key: 'uph',
		    width: 50,
		},
		{
		    title: 'UPH排名',
		    dataIndex: 'uphpm',
		    key: 'uphpm',
		    width: 50,
		},
		{
		    title: '作业效率',
		    dataIndex: 'zyxl',
		    key: 'zyxl',
		    width: 80,
		},
		{
		    title: '作业效率排名',
		    dataIndex: 'zyxlpm',
		    key: 'zyxlpm',
		    width: 100,
		},
		{
		    title: '直接作业效率',
		    dataIndex: 'zjzyxl',
		    key: 'zjzyxl',
		    width: 80,
		},
		{
		    title: '直接作业效率排名',
		    dataIndex: 'zjzyxlpm',
		    key: 'zjzyxlpm',
		    width: 80,
		},
		{
		    title: '出勤天数',
		    dataIndex: 'cqts',
		    key: 'cqts',
		    width: 80,
		},
		{
		    title: '出勤工时',
		    dataIndex: 'cqgs',
		    key: 'cqgs',
		    width: 80,
		},
		{
		    title: '出勤时长(排除支持岗)',
		    dataIndex: 'cqscpczcg',
		    key: 'cqscpczcg',
		    width: 100,
		},
		{
		    title: '直接作业工时',
		    dataIndex: 'zjzygs',
		    key: 'zjzygs',
		    width: 80,
		},
		{
		    title: '直接作业工时(排除支持岗)',
		    dataIndex: 'zjzygspczcg',
		    key: 'zjzygspczcg',
		    width: 100,
		},
		{
		    title: '闲置工时',
		    dataIndex: 'xzgs',
		    key: 'xzgs',
		    width: 80,
		},
		{
		    title: '闲置工时(排除支持岗)',
		    dataIndex: 'xzgspczcg',
		    key: 'xzgspczcg',
		    width: 80,
		},
		{
		    title: '休息时长',
		    dataIndex: 'xxsc',
		    key: 'xxsc',
		    width: 80,
		},
    ]
	
    componentDidMount() {
        // const { dispatch, staffsheet: { params } } = this.props

        // dispatch({
        //     type: 'timesheet/query_page_for_prouser',
        // })

        // this.setState({
        //     expandForm: params?.expandForm || false,
        // })
    }

    handleStandardTableChange = (pagination, sorter) => {
        const { dispatch } = this.props
        const { formValues } = this.state

        const params = {
            currentPage: pagination.current,
            pageSize: pagination.pageSize,
            ...formValues
        }

        sorter.field && (params.sorter = `${sorter.field}_${sorter.order}`)

        // dispatch({
        //     type: 'prouser/query_page_for_prouser',
        //     payload: params
        // })
    }

    handleFormReset = () => {
        const { dispatch } = this.props
        this.setState({
            formValues: {}
        })

        // dispatch({
        //     type: 'prouser/query_page_for_prouser',
        //     payload: {
        //         resetFlag: true
        //     }
        // })
    }

    toggleForm = () => {
        const { expandForm } = this.state
        this.setState({
            expandForm: !expandForm
        })
    }

    handleSelectRows = rows => {
        this.setState({
            selectedRows: rows
        })
    }

    handleSearch = values => {
        const { dispatch } = this.props
        const { expandForm } = this.state

        this.setState({
            formValues: values
        })

        // dispatch({
        //     type: 'prouser/query_page_for_prouser',
        //     payload: {
        //         ...values,
        //         resetFlag: true,
        //         expandForm
        //     }
        // })
    }

    handleModalVisible = flag => {
        this.setState({
            modalVisible: !!flag
        })
    }

    handleUpdateModalVisible = (flag, record) => {
        this.setState({
            updateModalVisible: !!flag,
            updateFormValues: record || {}
        })
    }

    handleViewModalVisible = (flag, record) => {
        this.setState({
            viewModalVisible: !!flag,
            viewFormValues: record || {}
        })
    }

    handleAdd = fields => {
        const { dispatch } = this.props

        dispatch({
            type: 'prouser/insert_for_prouser',
            payload: {
                user_id: fields.user_id,
                user_name: fields.user_name,
                user_name_cn: fields.user_name_cn,
                user_name_en: fields.user_name_en,
                password: fields.password,
                email: fields.email,
                phone: fields.phone,
                landline: fields.landline,
                sex: fields.sex,
                avatar: fields.avatar,
                sign: fields.sign,
                tags: fields.tags,
                id_card: fields.id_card,
                birthday: fields.birthday,
                job_status: fields.job_status,
                hiredate: fields.hiredate,
                departure_time: fields.departure_time,
                user_type: fields.user_type,
                emp_no: fields.emp_no,
                access_card_no: fields.access_card_no,
                country: fields.country,
                province: fields.province,
                city: fields.city,
                address: fields.address,
                work_addr: fields.work_addr,
                floor: fields.floor,
                inprovince: fields.inprovince,
                // dept_code: fields.dept_code,
                // dept_name: fields.dept_name,
                inner_dept_code: fields.inner_dept_code,
                org_code: fields.org_code,
                org_name: fields.org_name,
                inner_org_code: fields.inner_org_code,
                posts: fields.posts,
                wx_openid: fields.wx_openid,
                wx_mpopenid: fields.wx_mpopenid,
                wx_miniopenid: fields.wx_miniopenid,
                wx_unionid: fields.wx_unionid,
                mobile_imei: fields.mobile_imei,
                device_num: fields.device_num,
                al_taobao: fields.al_taobao,
                al_alipay: fields.al_alipay,
                al_dingding: fields.al_dingding,
                is_system_user: fields.is_system_user,
                mgr_type: fields.mgr_type,
                pwd_security_level: fields.pwd_security_level,
                pwd_update_date: fields.pwd_update_date,
                last_login_ip: fields.last_login_ip,
                last_login_date: fields.last_login_date,
                freeze_date: fields.freeze_date,
                freeze_cause: fields.freeze_cause,
                zindex: fields.zindex,
                wx_msg: fields.wx_msg,
                email_msg: fields.email_msg,
                system_msg: fields.system_msg,
                remarks: fields.remarks,
                status: fields.status,
                creator: fields.creator,
                create_date: fields.create_date,
                updater: fields.updater,
                update_date: fields.update_date
            },
            callback: (res) => {
                if(res.success == true) {
                    message.success('添加成功')
                    this.handleModalVisible()
                }
            }
        })
    }

    handleDeleteRecord = record => {
        const { dispatch } = this.props

        dispatch({
            type: 'prouser/delete_by_primarykey_for_prouser',
            payload: {
                recordid: record.user_id
            },
            callback: res => {
                if (res.success) {
                    message.success('删除成功')

                    this.setState({
                        selectedRows: []
                    })
                }
            }
        })
    }

    handleUpdate = fields => {
        const { dispatch } = this.props

        dispatch({
            type: 'prouser/update_for_prouser',
            payload: {
                user_id: fields.user_id,
                user_name: fields.user_name,
                user_name_cn: fields.user_name_cn,
                user_name_en: fields.user_name_en,
                password: fields.password,
                email: fields.email,
                phone: fields.phone,
                landline: fields.landline,
                sex: fields.sex,
                avatar: fields.avatar,
                sign: fields.sign,
                tags: fields.tags,
                id_card: fields.id_card,
                birthday: fields.birthday,
                job_status: fields.job_status,
                hiredate: fields.hiredate,
                departure_time: fields.departure_time,
                user_type: fields.user_type,
                emp_no: fields.emp_no,
                access_card_no: fields.access_card_no,
                country: fields.country,
                province: fields.province,
                city: fields.city,
                address: fields.address,
                work_addr: fields.work_addr,
                floor: fields.floor,
                inprovince: fields.inprovince,
                // dept_code: fields.dept_code,
                // dept_name: fields.dept_name,
                inner_dept_code: fields.inner_dept_code,
                org_code: fields.org_code,
                org_name: fields.org_name,
                inner_org_code: fields.inner_org_code,
                posts: fields.posts,
                wx_openid: fields.wx_openid,
                wx_mpopenid: fields.wx_mpopenid,
                wx_miniopenid: fields.wx_miniopenid,
                wx_unionid: fields.wx_unionid,
                mobile_imei: fields.mobile_imei,
                device_num: fields.device_num,
                al_taobao: fields.al_taobao,
                al_alipay: fields.al_alipay,
                al_dingding: fields.al_dingding,
                is_system_user: fields.is_system_user,
                mgr_type: fields.mgr_type,
                pwd_security_level: fields.pwd_security_level,
                pwd_update_date: fields.pwd_update_date,
                last_login_ip: fields.last_login_ip,
                last_login_date: fields.last_login_date,
                freeze_date: fields.freeze_date,
                freeze_cause: fields.freeze_cause,
                zindex: fields.zindex,
                wx_msg: fields.wx_msg,
                email_msg: fields.email_msg,
                system_msg: fields.system_msg,
                remarks: fields.remarks,
                status: fields.status,
                creator: fields.creator,
                create_date: fields.create_date,
                updater: fields.updater,
                update_date: fields.update_date
            },
            callback: (res) => {
                if(res.success === true) {
                    message.success('修改成功')
                    this.handleUpdateModalVisible()
                }
            }
        })
    }

    // 修改用户状态
    handleUpdateUserStatus = (fields, status, msg) => {
        const { dispatch } = this.props

        confirm({
            title: `确定要 ${ msg } 当前用户的吗?`,
            icon: <ExclamationCircleFilled />,
            onOk() {
                dispatch({
                    type: 'prouser/update_for_prouser',
                    payload: {
                        user_id: fields.user_id,
                        status: status,
                    },
                    callback: (res) => {
                        if(res.success === true) {
                            message.success('修改成功')
                        }
                    }
                })
            }
        })
    }

    // 修改用户密码
    handleUpdateUserPassword = fields => {
        const { dispatch } = this.props
        confirm({
            title: '确定要重置当前用户的密码吗?',
            icon: <ExclamationCircleFilled />,
            onOk() {
                dispatch({
                    type: 'prouser/resetpwd_for_prouser',
                    payload: {
                        user_id: fields.user_id
                    },
                    callback: (res) => {
                        if(res.success === true) {
                            message.success('重置成功')
                        }
                    }
                })
            }
        })
    }

    renderSimpleForm() {
        const { staffuph: { params } } = this.props
        const parentMethods = {
            handleSearch: this.handleSearch,
            handleFormReset: this.handleFormReset,
            toggleForm: this.toggleForm,
            params
        }

        return <StaffUPHRenderSimpleForm {...parentMethods} />
    }

    renderAdvancedForm() {
        const { dispatch, prouser: { selectDeptTree, selectOrganTree, params } } = this.props
        const parentMethods = {
            handleSearch: this.handleSearch,
            handleFormReset: this.handleFormReset,
            toggleForm: this.toggleForm,
            dispatch: dispatch,
            selectDeptTree: selectDeptTree,
            selectOrganTree: selectOrganTree,
            params
        }

        return <StaffUPHRenderAdvancedForm {...parentMethods} />
    }

    renderForm() {
        const { expandForm } = this.state
        return expandForm ? this.renderAdvancedForm() : this.renderSimpleForm()
    }
	
	handleCollapse = () => {
	    const { toggleExpand } = this.state
	    this.setState({
	        toggleExpand: !toggleExpand
	    })
	}

    render() {
        const {
            staffuph: {
                data,
                selectDeptTree,
                selectOrganTree
            },
            loading,
            dispatch
        } = this.props
        const {
            selectedRows,
            modalVisible,
            updateModalVisible,
            viewModalVisible,
            updateFormValues,
            viewFormValues,
			toggleExpand
        } = this.state

        const parentMethods = {
            handleAdd: this.handleAdd,
            handleModalVisible: this.handleModalVisible,
            dispatch: dispatch,
            loading,
            selectDeptTree: selectDeptTree,
            selectOrganTree: selectOrganTree
        }

        const updateMethods = {
            handleUpdateModalVisible: this.handleUpdateModalVisible,
            handleUpdate: this.handleUpdate,
            dispatch: dispatch,
            loading,
            selectDeptTree: selectDeptTree,
            selectOrganTree: selectOrganTree
        }

        const viewMethods = {
            handleViewModalVisible: this.handleViewModalVisible
        }

        return (
            <>
                <Card bordered={false}>
                    <div className={styles.proUsertableList}>
                        <div className={styles.proUsertableListForm}>{this.renderForm()}</div>
						<div className={styles.dataSummary}>
							<div>
								<InfoCircleFilled style={{color: '#1677ff'}}/> 必须先启动工序定义，才开始数据加工与呈现（数据滞后1小时）
							</div>
							{/*<div className={styles.summaryButton} onClick={() => this.handleCollapse()}>
								{toggleExpand ? <><UpOutlined /> 收起</> : <><DownOutlined /> 展开</>}
							</div>*/}
						</div>
						<div style={{display: toggleExpand?'block':'none',padding: '0 10px'}}>
							<div className={styles.summaryContent}>
								<div style={{paddingLeft: 0}}>
									<div className={styles.titleLabel}>作业件数</div>
									<div className={styles.titleVal}><QuestionCircleFilled className={styles.toolTip}/>1000</div>
								</div>
								<div>
									<div className={styles.titleLabel}>作业包裹数</div>
									<div className={styles.titleVal}><QuestionCircleFilled className={styles.toolTip}/>500</div>
								</div>
								<div>
									<div className={styles.titleLabel}>作业订单数</div>
									<div className={styles.titleVal}><QuestionCircleFilled className={styles.toolTip}/>200</div>
								</div>
								<div>
									<div className={styles.titleLabel}>在职人数(排...</div>
									<div className={styles.titleVal}><QuestionCircleFilled className={styles.toolTip}/>300</div>
								</div>
								<div>
									<div className={styles.titleLabel}>计划出勤人数</div>
									<div className={styles.titleVal}><QuestionCircleFilled className={styles.toolTip}/>0</div>
								</div>
								<div>
									<div className={styles.titleLabel}>出勤率(排除...</div>
									<div className={styles.titleVal}><QuestionCircleFilled className={styles.toolTip}/>70%</div>
								</div>
							</div>
							<div className={styles.summaryContent}>
								<div style={{paddingLeft: 0}}>
									<div className={styles.titleLabel}>考勤异常率</div>
									<div className={styles.titleVal}><QuestionCircleFilled className={styles.toolTip}/>10%</div>
								</div>
								<div>
									<div className={styles.titleLabel}>出勤人数(排...)</div>
									<div className={styles.titleVal}><QuestionCircleFilled className={styles.toolTip}/>300</div>
								</div>
								<div>
									<div className={styles.titleLabel}>支持岗人数</div>
									<div className={styles.titleVal}><QuestionCircleFilled className={styles.toolTip}/>60</div>
								</div>
								<div>
									<div className={styles.titleLabel}>考勤人数</div>
									<div className={styles.titleVal}><QuestionCircleFilled className={styles.toolTip}/>350</div>
								</div>
								<div>
									<div className={styles.titleLabel}>出勤工时(排...</div>
									<div className={styles.titleVal}><QuestionCircleFilled className={styles.toolTip}/>1000</div>
								</div>
								<div>
									<div className={styles.titleLabel}>直接工时(排...</div>
									<div className={styles.titleVal}><QuestionCircleFilled className={styles.toolTip}/>800</div>
								</div>
							</div>
							<div className={styles.summaryContent}>
								<div style={{paddingLeft: 0}}>
									<div className={styles.titleLabel}>间接工时(排...</div>
									<div className={styles.titleVal}><QuestionCircleFilled className={styles.toolTip}/>780</div>
								</div>
								<div>
									<div className={styles.titleLabel}>闲置工时(排...</div>
									<div className={styles.titleVal}><QuestionCircleFilled className={styles.toolTip}/>100</div>
								</div>
								<div>
									<div className={styles.titleLabel}>直接工时占...</div>
									<div className={styles.titleVal}><QuestionCircleFilled className={styles.toolTip}/>60%</div>
								</div>
								<div>
									<div className={styles.titleLabel}>间接工时占...</div>
									<div className={styles.titleVal}><QuestionCircleFilled className={styles.toolTip}/>30%</div>
								</div>
								<div>
									<div className={styles.titleLabel}>闲置工时占...</div>
									<div className={styles.titleVal}><QuestionCircleFilled className={styles.toolTip}/>10%</div>
								</div>
								<div>
									<div className={styles.titleLabel}>新人考勤人数</div>
									<div className={styles.titleVal}><QuestionCircleFilled className={styles.toolTip}/>150</div>
								</div>
							</div>
							<div className={styles.summaryContent}>
								<div style={{paddingLeft: 0}}>
									<div className={styles.titleLabel}>新人UPH</div>
									<div className={styles.titleVal}><QuestionCircleFilled className={styles.toolTip}/>400</div>
								</div>
								<div>
									<div className={styles.titleLabel}>资深考勤人数</div>
									<div className={styles.titleVal}><QuestionCircleFilled className={styles.toolTip}/>150</div>
								</div>
								<div>
									<div className={styles.titleLabel}>资深UPH</div>
									<div className={styles.titleVal}><QuestionCircleFilled className={styles.toolTip}/>259</div>
								</div>
							</div>
						</div>
						<div style={{display: 'flex',justifyContent: "space-between",marginTop: 20,padding: '0 10px'}}>
							<div style={{lineHeight: "42px"}}>共6项</div>
							<div style={{marginBottom: 10}}>
								<Button icon={<DownloadOutlined />}>
									导出
								</Button>
							</div>
						</div>
                        <StandardTable
                            rowKey={'user_id'}
                            selectedRows={selectedRows}
                            loading={loading}
                            data={mockData}
                            columns={this.columns}
                            onSelectRow={this.handleSelectRows}
                            onChange={this.handleStandardTableChange}
                            // scroll={{y: 600 }}
							showTotal={(total, range) => total}
                        />
                    </div>
                </Card>

                {modalVisible && <StaffUPHCreateForm {...parentMethods} modalVisible={modalVisible} />}

                {updateFormValues && Object.keys(updateFormValues).length ? (
                    <StaffUPHUpdateForm
                        {...updateMethods}
                        updateModalVisible={updateModalVisible}
                        values={updateFormValues}
                    />
                ) : null}

                {viewFormValues && Object.keys(viewFormValues).length ? (
                    <StaffUPHViewForm
                        {...viewMethods}
                        viewModalVisible={viewModalVisible}
                        values={viewFormValues}
                    />
                ) : null}
            </>
        )
    }
}

export default StaffUPHList
