import React, { useState } from 'react';
import { CloseCircleOutlined } from '@ant-design/icons';
import {
    Form,
    Input,
    DatePicker,
    Modal,
    Button,
    Upload
} from 'antd';
import SelectOptionTree from '@/components/SelectOptionTree';
import { MyIcon } from "@/components/Icon"
import { XQ, AE, AX, _09, AB, OR, BG, AT, HC, OC, OD, RF, X4 } from '@/utils/pr_new_datadictionary';
import moment from 'moment';
import styles from '@/global.less';
import style from '../index.less';

const FormItem = Form.Item;

const Aa01UpdateForm = (props) => {

    const { handleUpdate, updateModalVisible, handleUpdateModalVisible, values, dictDataList } = props;
    const [form] = Form.useForm();
    const [recordId, setRecordId] = useState('');
    const [error, setError] = useState([]);
    const [subLoading, setSubLoading] = useState(false);
    const [imageUrl, setImageUrl] = useState('');
    const [imageFile, setImageFile] = useState({});
    const [image,setImage] = useState({})
    React.useEffect(() => {
        setRecordId(values?.id);
        if(!!values.zp){
            setImage(values.zp)
            setImageUrl(values.zp.fileurl) 
        }
        form?.setFieldsValue({
            id: values.id,//ID主键
            gh: values.gh,    //工号，
            za0101: values.za0101,    //姓名,
            aa0107: values.aa0107,    //性别,
            za9998: values.za9998,    //照片,
            ak010b: values.ak010b,    //手机,
            ak010i: values.ak010i,    //电话,
            ae0141: values.ae0141,    //年龄,
            zjm: values.zjm,    //助记码,
            gs: values.gs,    //公司,
            bm: values.bm,    //部门,
            zw: values.zw,    //职位,
            zc: values.zc,    //职称,
            xz: values.xz,    //险种,
            aa0177: values.aa0177,    //身份证,
            kqkh: values.kqkh,    //考勤卡号,
            xl: values.xl,    //学历,
            aa0127: values.aa0127,    //婚姻状况,
            ygmm: values.ygmm,    //员工密码,
            qrmm: values.qrmm,    //确认密码,
            xw: values.xw,    //学位,
            aa0114: values.aa0114,    //籍贯,
            aa0111: values?.aa0111 ? moment(values.aa0111, 'YYYY-MM-DD') : '',    //出生日期,
            aa0121: values.aa0121,    //民族,
            aa2205: values.aa2205,    //政治面貌,
            lb: values.lb,    //类别,
            byxx: values.byxx,    //毕业学校,
            sxzy: values.sxzy,    //所学专业,
            byrq: values?.byrq ? moment(values.byrq, 'YYYY-MM-DD') : '',    //毕业日期,
            jbgz: values.jbgz,    //基本工资,
            ak010n: values.ak010n,    //家庭住址,
            ak010m: values.ak010m,    //户口地址,
            wxzh: values.wxzh,    //微信账号,
            dadz: values.dadz,    //档案地址,
            lxr: values.lxr,    //联系人,
            lxrdh: values.lxrdh,    //联系人电话,
            ae010m: values.ae010m,    //紧急联系人,
            ai0102: values.ai0102,    //紧急联系人电话,
            zpzy: values.zpzy,    //招聘专员
            rzrq: values?.rzrq ? moment(values.rzrq, 'YYYY-MM-DD') : '',    //入职日期
            sgrq: values?.sgrq ? moment(values.sgrq, 'YYYY-MM-DD') : '',    //上岗日期
            gzcs: values.gzcs,    //工作场所
            grah: values.grah,    //个人爱好
            gzrq: values?.gzrq ? moment(values.gzrq, 'YYYY-MM-DD') : '',    //工作日期
            zcrq: values?.zcrq ? moment(values.zcrq, 'YYYY-MM-DD') : '',    //职称日期
            gzdh: values.gzdh,    //工作电话
            qqzh: values.qqzh,    //QQ账号
            htks: values.htks,    //合同开始
            htjs: values.htjs,    //合同结束
            sxks: values.sxks,    //实习开始
            sxjs: values.sxjs,    //实习结束
            syks: values.syks,    //试用开始
            syjs: values.syjs,    //试用结束
            aa0101: values.aa0101,    //单位工龄
            aa010d: values.aa010d,    //人员类别
            htlb: values.htlb,    //合同类别
            zply: values.zply,    //招聘来源
            bmgw: values.bmgw,    //部门岗位
            gwjb: values.gwjb,    //岗位级别
            ygzt: values.ygzt,    //员工状态
            lzrq: values?.lzrq ? moment(values.lzrq, 'YYYY-MM-DD') : '',    //离职日期
            yx: values.yx,    //邮箱
            aa0117: values.aa0117,    //出生地
            lzfs: values.lzfs,    //离职方式
            lzyy: values.lzyy,    //离职原因
            aa0115: values.aa0115,    //货币编码
            aa0141: values?.aa0141 ? moment(values.aa0141, 'YYYY-MM-DD') : '',    //参加工作日期
            aa5510: values.aa5510,    //工资类别
            ksbz: values.ksbz,    //扣税标准
            aa0144: values?.aa0144 ? moment(values.aa0144, 'YYYY-MM-DD') : '',    //进入本单位日期
            aa0151: values.aa0151,    //工龄
            khyh: values.khyh,    //开户银行
            ak010e: values.ak010e,    //工资账号
            aa0181: values.aa0181,    //港澳台及外籍人士
            cjdpsj: values?.cjdpsj ? moment(values.cjdpsj, 'YYYY-MM-DD') : '',    //参加党派时间
            ylzh: values.ylzh,    //养老账号
            ybzh: values.ybzh,    //医保账号
            ab0111: values.ab0111,    //单位
            ab0112: values.ab0112,    //下属部门
            syzh: values.syzh,    //失业账号
            gjjzh: values.gjjzh,    //公积金账号
            ae0103: values.ae0103,    //特长
            ae0112: values?.ae0112 ? moment(values.ae0112, 'YYYY-MM-DD') : '',    //减员时间
            ae0117: values.ae0117,    //有效证件类别
            ak010a: values.ak010a,    //成本类别
            ak010k: values.ak010k,    //工资卡状态
            ak010o: values.ak010o,    //连续工龄
            ak010j: values.ak010j,    //工资卡发放状态
            aa0108: values.aa0108,    //备注
        });
    }, [values, form]);

    const handleLocalUpdate = () => {

        form
            .validateFields()
            .then(fieldsValue => {
                setSubLoading(true);
                setError([]);
                if(imageFile){
                    fieldsValue.imageFile = imageFile
                    fieldsValue.fileId = image.id
                    fieldsValue.filePath = image.filepath
                }
                fieldsValue.id = recordId;
                fieldsValue.a1021_start_time = fieldsValue.a1021_start_time ? moment(fieldsValue.a1021_start_time).format("YYYY-MM-DD") : null;
                handleUpdate(fieldsValue, form, setSubLoading);
                setImage({})
                setImageFile({})
                setImageUrl('')
            })
            .catch(errInfo => {
                onFinishFailed(errInfo)
            });

    };

    const onFinishFailed = (errorInfo) => {
        setError(errorInfo.errorFields)
    }

    const getErrorInfo = (errors) => {
        const errorCount = errors.filter((item) => item.errors.length > 0).length;
        if (!errors || errorCount === 0) {
            return null;
        }

        return (
            <span className={styles.errorIcon}>
                <CloseCircleOutlined />{errorCount}
            </span>
        );
    };
    const beforeUpload = file => {
        const isJpgOrPng = file.type === 'image/jpeg' || file.type === 'image/png' || file.type === 'image/jpg';
        if (!isJpgOrPng) {
            message.error('只能上传 JPG/JPEG/PNG 格式的文件!');
        }
        const isLt2M = file.size / 1024 / 1024 < 2;
        if (!isLt2M) {
            message.error('图像必须小于2MB!');
        }
        return isJpgOrPng && isLt2M;
    }

    const handleChange = info => {
        if (info.file.status === 'done') {
            // Get this url from response in real world.
            if (window.FileReader) {
                const reader = new FileReader();
                reader.readAsDataURL(info.file.originFileObj);
                reader.addEventListener('load', () => {
                    setImageUrl(reader.result);
                });
            }
            setImageFile(info.file?.originFileObj);
        }
    };

    const uploadButton = (<MyIcon className={style.headIcon} type="icon-user" />);

    return (
        <Modal
            width={1300}
            height={500}
            bodyStyle={{ padding: '20px', maxHeight: '500px', overflowY: 'auto' }}
            forceRender={true}
            destroyOnClose
            getContainer={false}
            title="修改"
            visible={updateModalVisible}
            onOk={() => handleLocalUpdate()}
            onCancel={() => handleUpdateModalVisible()}
            footer={<>{getErrorInfo(error)}
                <Button onClick={() => handleUpdateModalVisible()}>关闭</Button>
                <Button loading={subLoading} type="primary" onClick={() => handleLocalUpdate()}>提交</Button></>}
        >
            <Form form={form} onFinish={handleLocalUpdate} onFinishFailed={onFinishFailed}
                colon={false} hideRequiredMark>
                <table className={styles.formtable}>
                    <tbody>
                        <tr>
                            <td colSpan="28">人员基本情况信息</td>
                        </tr>
                        <tr>
                            <td colSpan="3">
                                <span>工号</span>
                            </td>
                            <td colSpan="4">
                                <FormItem label="" name="gh">
                                    <Input placeholder="" />
                                </FormItem>
                            </td>
                            <td colSpan="3">
                                <span>姓名</span>
                            </td>
                            <td colSpan="4">
                                <FormItem label="" name="za0101">
                                    <Input placeholder="" />
                                </FormItem>
                            </td>
                            <td colSpan="3">
                                <span>性别</span>
                            </td>
                            <td colSpan="4">
                                <FormItem label="" name="aa0107">
                                    <SelectOptionTree treeData={AX || []} />
                                </FormItem>
                            </td>
                            {/* 照片（za9998） */}
                            <td colSpan="7" style={{ position: 'relative', border: 'none' }}>
                                <div style={{ position: 'absolute', left: '28%', top: '20px' }} className={style.photoBox}>
                                    <Upload
                                        accept="image/jpg,image/jpeg,image/png"
                                        listType="picture-card"
                                        className="avatar-uploader"
                                        showUploadList={false}
                                        beforeUpload={beforeUpload}
                                        onChange={handleChange}
                                        style={{ display: 'table', width: '120px', height: '140px' }}
                                    >
                                        {imageUrl ? <img src={imageUrl} alt="图片加载失败" style={{ width: '120px', height: '130px' }} /> : uploadButton}
                                    </Upload>
                                    <div className="ant-upload-text" style={{ marginTop: '5px' }}>上传照片</div>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td colSpan="3">
                                <span>手机</span>
                            </td>
                            <td colSpan="4">
                                <FormItem label="" name="ak010b">
                                    <Input placeholder="" />
                                </FormItem>
                            </td>
                            <td colSpan="3">
                                <span>电话</span>
                            </td>
                            <td colSpan="4">
                                <FormItem label="" name="ak010i">
                                    <Input placeholder="" />
                                </FormItem>
                            </td>
                            <td colSpan="3">
                                <span>年龄</span>
                            </td>
                            <td colSpan="4">
                                <FormItem label="" name="ae0141">
                                    <Input placeholder="" />
                                </FormItem>
                            </td>
                        </tr>
                        <tr>
                            <td colSpan="3">
                                <span>助记码</span>
                            </td>
                            <td colSpan="4">
                                <FormItem label="" name="zjm">
                                    <Input placeholder="" />
                                </FormItem>
                            </td>
                            <td colSpan="3">
                                <span>公司</span>
                            </td>
                            <td colSpan="4">
                                <FormItem label="" name="gs">
                                    <Input placeholder="" />
                                </FormItem>
                            </td>
                            <td colSpan="3">
                                <span>部门</span>
                            </td>
                            <td colSpan="4">
                                <FormItem label="" name="bm">
                                    <Input placeholder="" />
                                </FormItem>
                            </td>
                        </tr>
                        <tr>
                            <td colSpan="3">
                                <span>职位</span>
                            </td>
                            <td colSpan="4">
                                <FormItem label="" name="zw">
                                    <Input placeholder="" />
                                </FormItem>
                            </td>
                            <td colSpan="3">
                                <span>职称</span>
                            </td>
                            <td colSpan="4">
                                <FormItem label="" name="zc">
                                    <Input placeholder="" />
                                </FormItem>
                            </td>
                            <td colSpan="3">
                                <span>险种</span>
                            </td>
                            <td colSpan="4">
                                <FormItem label="" name="xz">
                                    <Input placeholder="" />
                                </FormItem>
                            </td>
                        </tr>
                        <tr>
                            <td colSpan="3">
                                <span>身份证</span>
                            </td>
                            <td colSpan="4">
                                <FormItem label="" name="aa0177">
                                    <Input placeholder="" />
                                </FormItem>
                            </td>
                            <td colSpan="3">
                                <span>考勤卡号</span>
                            </td>
                            <td colSpan="4">
                                <FormItem label="" name="kqkh">
                                    <Input placeholder="" />
                                </FormItem>
                            </td>
                            <td colSpan="3">
                                <span>学历</span>
                            </td>
                            <td colSpan="4">
                                <FormItem label="" name="xl">
                                    <Input placeholder="" />
                                </FormItem>
                            </td>
                            <td colSpan="3">
                                <span>婚姻状况</span>
                            </td>
                            <td colSpan="4">
                                <FormItem label="" name="aa0127">
                                    <SelectOptionTree treeData={BG || []} />
                                </FormItem>
                            </td>
                        </tr>
                        <tr>
                            <td colSpan="3">
                                <span>员工密码</span>
                            </td>
                            <td colSpan="4">
                                <FormItem label="" name="ygmm">
                                    <Input placeholder="" />
                                </FormItem>
                            </td>
                            <td colSpan="3">
                                <span>确认密码</span>
                            </td>
                            <td colSpan="4">
                                <FormItem label="" name="qrmm">
                                    <Input placeholder="" />
                                </FormItem>
                            </td>
                            <td colSpan="3">
                                <span>学位</span>
                            </td>
                            <td colSpan="4">
                                <FormItem label="" name="xw">
                                    <Input placeholder="" />
                                </FormItem>
                            </td>
                            <td colSpan="3">
                                <span>籍贯</span>
                            </td>
                            <td colSpan="4">
                                <FormItem label="" name="aa0114">
                                    <SelectOptionTree treeData={AB || []} />
                                </FormItem>
                            </td>
                        </tr>
                        <tr>
                            <td colSpan="3">
                                <span>出生日期</span>
                            </td>
                            <td colSpan="4">
                                <FormItem label="" name="aa0111">
                                    <DatePicker format="YYYY-MM-DD" style={{ width: '100%' }} placeholder="" />
                                </FormItem>
                            </td>
                            <td colSpan="3">
                                <span>民族</span>
                            </td>
                            <td colSpan="4">
                                <FormItem label="" name="aa0121">
                                    <SelectOptionTree treeData={AE || []} />
                                </FormItem>
                            </td>
                            <td colSpan="3">
                                <span>政治面貌</span>
                            </td>
                            <td colSpan="4">
                                <FormItem label="" name="aa2205">
                                    <SelectOptionTree treeData={AT || []} />
                                </FormItem>
                            </td>
                            <td colSpan="3">
                                <span>类别</span>
                            </td>
                            <td colSpan="4">
                                <FormItem label="" name="lb">
                                    <Input placeholder="" />
                                </FormItem>
                            </td>
                        </tr>
                        <tr>
                            <td colSpan="3">
                                <span>毕业学校</span>
                            </td>
                            <td colSpan="4">
                                <FormItem label="" name="byxx">
                                    <Input placeholder="" />
                                </FormItem>
                            </td>
                            <td colSpan="3">
                                <span>所学专业</span>
                            </td>
                            <td colSpan="4">
                                <FormItem label="" name="sxzy">
                                    <Input placeholder="" />
                                </FormItem>
                            </td>
                            <td colSpan="3">
                                <span>毕业日期</span>
                            </td>
                            <td colSpan="4">
                                <FormItem label="" name="byrq">
                                    <DatePicker format="YYYY-MM-DD" style={{ width: '100%' }} placeholder="" />
                                </FormItem>
                            </td>
                            <td colSpan="3">
                                <span>基本工资</span>
                            </td>
                            <td colSpan="4">
                                <FormItem label="" name="jbgz">
                                    <Input placeholder="" />
                                </FormItem>
                            </td>
                        </tr>
                        <tr>
                            <td colSpan="3">
                                <span>家庭住址</span>
                            </td>
                            <td colSpan="11">
                                <FormItem label="" name="ak010n">
                                    <Input placeholder="" />
                                </FormItem>
                            </td>
                            <td colSpan="3">
                                <span>户口地址</span>
                            </td>
                            <td colSpan="11">
                                <FormItem label="" name="ak010m">
                                    <Input placeholder="" />
                                </FormItem>
                            </td>
                        </tr>
                        <tr>
                            <td colSpan="3">
                                <span>微信账号</span>
                            </td>
                            <td colSpan="11">
                                <FormItem label="" name="wxzh">
                                    <Input placeholder="" />
                                </FormItem>
                            </td>
                            <td colSpan="3">
                                <span>档案地址</span>
                            </td>
                            <td colSpan="11">
                                <FormItem label="" name="dadz">
                                    <Input placeholder="" />
                                </FormItem>
                            </td>
                        </tr>
                        <tr>
                            <td colSpan="3">
                                <span>联系人</span>
                            </td>
                            <td colSpan="4">
                                <FormItem label="" name="lxr">
                                    <Input placeholder="" />
                                </FormItem>
                            </td>
                            <td colSpan="3">
                                <span>联系人电话</span>
                            </td>
                            <td colSpan="4">
                                <FormItem label="" name="lxrdh">
                                    <Input placeholder="" />
                                </FormItem>
                            </td>
                            <td colSpan="3">
                                <span>紧急联系人</span>
                            </td>
                            <td colSpan="4">
                                <FormItem label="" name="ae010m">
                                    <Input placeholder="" />
                                </FormItem>
                            </td>
                            <td colSpan="3">
                                <span>紧急联系人电话</span>
                            </td>
                            <td colSpan="4">
                                <FormItem label="" name="ai0102">
                                    <Input placeholder="" />
                                </FormItem>
                            </td>
                        </tr>
                        <tr>
                            <td colSpan="3">
                                <span>招聘专员</span>
                            </td>
                            <td colSpan="4">
                                <FormItem label="" name="zpzy">
                                    <Input placeholder="" />
                                </FormItem>
                            </td>
                            <td colSpan="3">
                                <span>职工类别</span>
                            </td>
                            <td colSpan="4">
                                <FormItem label="" name="zglb">
                                    <Input placeholder="" />
                                </FormItem>
                            </td>
                            <td colSpan="3">
                                <span>入职日期</span>
                            </td>
                            <td colSpan="4">
                                <FormItem label="" name="rzrq">
                                    <DatePicker format="YYYY-MM-DD" style={{ width: '100%' }} placeholder="" />
                                </FormItem>
                            </td>
                            <td colSpan="3">
                                <span>上岗日期</span>
                            </td>
                            <td colSpan="4">
                                <FormItem label="" name="sgrq">
                                    <DatePicker format="YYYY-MM-DD" style={{ width: '100%' }} placeholder="" />
                                </FormItem>
                            </td>
                        </tr>
                        <tr>
                            <td colSpan="3">
                                <span>工作场所</span>
                            </td>
                            <td colSpan="4">
                                <FormItem label="" name="gzcs">
                                    <Input placeholder="" />
                                </FormItem>
                            </td>
                            <td colSpan="3">
                                <span>个人爱好</span>
                            </td>
                            <td colSpan="4">
                                <FormItem label="" name="grah">
                                    <Input placeholder="" />
                                </FormItem>
                            </td>
                            <td colSpan="3">
                                <span>工作日期</span>
                            </td>
                            <td colSpan="4">
                                <FormItem label="" name="gzrq">
                                    <DatePicker format="YYYY-MM-DD" style={{ width: '100%' }} placeholder="" />
                                </FormItem>
                            </td>
                            <td colSpan="3">
                                <span>职称日期</span>
                            </td>
                            <td colSpan="4">
                                <FormItem label="" name="zcrq">
                                    <DatePicker format="YYYY-MM-DD" style={{ width: '100%' }} placeholder="" />
                                </FormItem>
                            </td>
                        </tr>
                        <tr>
                            <td colSpan="3">
                                <span>工作电话</span>
                            </td>
                            <td colSpan="4">
                                <FormItem label="" name="gzdh">
                                    <Input placeholder="" />
                                </FormItem>
                            </td>
                            <td colSpan="3">
                                <span>QQ账号</span>
                            </td>
                            <td colSpan="4">
                                <FormItem label="" name="qqzh">
                                    <Input placeholder="" />
                                </FormItem>
                            </td>
                            <td colSpan="3">
                                <span>合同开始</span>
                            </td>
                            <td colSpan="4">
                                <FormItem label="" name="htks">
                                    <Input placeholder="" />
                                </FormItem>
                            </td>
                            <td colSpan="3">
                                <span>合同结束</span>
                            </td>
                            <td colSpan="4">
                                <FormItem label="" name="htjs">
                                    <Input placeholder="" />
                                </FormItem>
                            </td>
                        </tr>
                        <tr>
                            <td colSpan="3">
                                <span>实习开始</span>
                            </td>
                            <td colSpan="4">
                                <FormItem label="" name="sxks">
                                    <Input placeholder="" />
                                </FormItem>
                            </td>
                            <td colSpan="3">
                                <span>实习结束</span>
                            </td>
                            <td colSpan="4">
                                <FormItem label="" name="sxjs">
                                    <Input placeholder="" />
                                </FormItem>
                            </td>
                            <td colSpan="3">
                                <span>试用开始</span>
                            </td>
                            <td colSpan="4">
                                <FormItem label="" name="syks">
                                    <Input placeholder="" />
                                </FormItem>
                            </td>
                            <td colSpan="3">
                                <span>试用结束</span>
                            </td>
                            <td colSpan="4">
                                <FormItem label="" name="syjs">
                                    <Input placeholder="" />
                                </FormItem>
                            </td>
                        </tr>
                        <tr>
                            <td colSpan="3">
                                <span>单位工龄</span>
                            </td>
                            <td colSpan="4">
                                <FormItem label="" name="aa0101">
                                    <Input placeholder="" />
                                </FormItem>
                            </td>
                            <td colSpan="3">
                                <span>人员类别</span>
                            </td>
                            <td colSpan="4">
                                <FormItem label="" name="aa010d">
                                    <SelectOptionTree treeData={OR || []} />
                                </FormItem>
                            </td>
                            <td colSpan="3">
                                <span>合同类别</span>
                            </td>
                            <td colSpan="4">
                                <FormItem label="" name="htlb">
                                    <Input placeholder="" />
                                </FormItem>
                            </td>
                            <td colSpan="3">
                                <span>招聘来源</span>
                            </td>
                            <td colSpan="4">
                                <FormItem label="" name="zply">
                                    <Input placeholder="" />
                                </FormItem>
                            </td>
                        </tr>
                        <tr>
                            <td colSpan="3">
                                <span>部门岗位</span>
                            </td>
                            <td colSpan="4">
                                <FormItem label="" name="bmgw">
                                    <Input placeholder="" />
                                </FormItem>
                            </td>
                            <td colSpan="3">
                                <span>岗位级别</span>
                            </td>
                            <td colSpan="4">
                                <FormItem label="" name="gwjb">
                                    <Input placeholder="" />
                                </FormItem>
                            </td>
                            <td colSpan="3">
                                <span>员工状态</span>
                            </td>
                            <td colSpan="4">
                                <FormItem label="" name="ygzt">
                                    <Input placeholder="" />
                                </FormItem>
                            </td>
                            <td colSpan="3">
                                <span>离职日期</span>
                            </td>
                            <td colSpan="4">
                                <FormItem label="" name="lzrq">
                                    <Input placeholder="" />
                                </FormItem>
                            </td>
                        </tr>
                        <tr>
                            <td colSpan="3">
                                <span>邮箱</span>
                            </td>
                            <td colSpan="4">
                                <FormItem label="" name="yx">
                                    <Input placeholder="" />
                                </FormItem>
                            </td>
                            <td colSpan="3">
                                <span>出生地</span>
                            </td>
                            <td colSpan="4">
                                <FormItem label="" name="aa0117">
                                    <SelectOptionTree treeData={AB || []} />
                                </FormItem>
                            </td>
                            <td colSpan="3">
                                <span>离职方式</span>
                            </td>
                            <td colSpan="4">
                                <FormItem label="" name="lzfs">
                                    <Input placeholder="" />
                                </FormItem>
                            </td>
                            <td colSpan="3">
                                <span>离职原因</span>
                            </td>
                            <td colSpan="4">
                                <FormItem label="" name="lzyy">
                                    <Input placeholder="" />
                                </FormItem>
                            </td>
                        </tr>
                        <tr>
                            <td colSpan="3">
                                <span>货币编码</span>
                            </td>
                            <td colSpan="4">
                                <FormItem label="" name="aa0115">
                                    <Input placeholder="" />
                                </FormItem>
                            </td>
                            <td colSpan="3">
                                <span>参加工作日期</span>
                            </td>
                            <td colSpan="4">
                                <FormItem label="" name="aa0141">
                                    <DatePicker format="YYYY-MM-DD" style={{ width: '100%' }} placeholder="" />
                                </FormItem>
                            </td>
                            <td colSpan="3">
                                <span>工资类别</span>
                            </td>
                            <td colSpan="4">
                                <FormItem label="" name="aa5510">
                                    <SelectOptionTree treeData={HC || []} />
                                </FormItem>
                            </td>
                            <td colSpan="3">
                                <span>扣税标准</span>
                            </td>
                            <td colSpan="4">
                                <FormItem label="" name="ksbz">
                                    <Input placeholder="" />
                                </FormItem>
                            </td>
                        </tr>
                        <tr>
                            <td colSpan="3">
                                <span>进入本单位日期</span>
                            </td>
                            <td colSpan="4">
                                <FormItem label="" name="aa0144">
                                    <DatePicker format="YYYY-MM-DD" style={{ width: '100%' }} placeholder="" />
                                </FormItem>
                            </td>
                            <td colSpan="3">
                                <span>工龄</span>
                            </td>
                            <td colSpan="4">
                                <FormItem label="" name="aa0151">
                                    <Input placeholder="" />
                                </FormItem>
                            </td>
                            <td colSpan="3">
                                <span>开户银行</span>
                            </td>
                            <td colSpan="4">
                                <FormItem label="" name="khyh">
                                    <Input placeholder="" />
                                </FormItem>
                            </td>
                            <td colSpan="3">
                                <span>工资账号</span>
                            </td>
                            <td colSpan="4">
                                <FormItem label="" name="ak010e">
                                    <Input placeholder="" />
                                </FormItem>
                            </td>
                        </tr>
                        <tr>
                            <td colSpan="3">
                                <span>港澳台及外籍人士</span>
                            </td>
                            <td colSpan="4">
                                <FormItem label="" name="aa0181">
                                    <SelectOptionTree treeData={OC || []} />
                                </FormItem>
                            </td>
                            <td colSpan="3">
                                <span>参加党派时间</span>
                            </td>
                            <td colSpan="4">
                                <FormItem label="" name="cjdpsj">
                                    <DatePicker format="YYYY-MM-DD" style={{ width: '100%' }} placeholder="" />
                                </FormItem>
                            </td>
                            <td colSpan="3">
                                <span>养老账号</span>
                            </td>
                            <td colSpan="4">
                                <FormItem label="" name="ylzh">
                                    <Input placeholder="" />
                                </FormItem>
                            </td>
                            <td colSpan="3">
                                <span>医保账号</span>
                            </td>
                            <td colSpan="4">
                                <FormItem label="" name="ybzh">
                                    <Input placeholder="" />
                                </FormItem>
                            </td>
                        </tr>
                        <tr>
                            <td colSpan="3">
                                <span>单位</span>
                            </td>
                            <td colSpan="4">
                                <FormItem label="" name="ab0111">
                                    <Input placeholder="" />
                                </FormItem>
                            </td>
                            <td colSpan="3">
                                <span>下属部门</span>
                            </td>
                            <td colSpan="4">
                                <FormItem label="" name="ab0112">
                                    <Input placeholder="" />
                                </FormItem>
                            </td>
                            <td colSpan="3">
                                <span>失业账号</span>
                            </td>
                            <td colSpan="4">
                                <FormItem label="" name="syzh">
                                    <Input placeholder="" />
                                </FormItem>
                            </td>
                            <td colSpan="3">
                                <span>公积金账号</span>
                            </td>
                            <td colSpan="4">
                                <FormItem label="" name="gjjzh">
                                    <Input placeholder="" />
                                </FormItem>
                            </td>
                        </tr>
                        <tr>
                            <td colSpan="3">
                                <span>特长</span>
                            </td>
                            <td colSpan="4">
                                <FormItem label="" name="ae0103">
                                    <Input placeholder="" />
                                </FormItem>
                            </td>
                            <td colSpan="3">
                                <span>减员时间</span>
                            </td>
                            <td colSpan="4">
                                <FormItem label="" name="ae0112">
                                    <DatePicker format="YYYY-MM-DD" style={{ width: '100%' }} placeholder="" />
                                </FormItem>
                            </td>
                            <td colSpan="3">
                                <span>有效证件类别</span>
                            </td>
                            <td colSpan="4">
                                <FormItem label="" name="ae0117">
                                    <SelectOptionTree treeData={OD || []} />
                                </FormItem>
                            </td>
                            <td colSpan="3">
                                <span>成本类别</span>
                            </td>
                            <td colSpan="4">
                                <FormItem label="" name="ak010a">
                                    <SelectOptionTree treeData={X4 || []} />
                                </FormItem>
                            </td>
                        </tr>
                        <tr>
                            <td colSpan="3">
                                <span>工资卡状态</span>
                            </td>
                            <td colSpan="4">
                                <FormItem label="" name="ak010k">
                                    <Input placeholder="" />
                                </FormItem>
                            </td>
                            <td colSpan="3">
                                <span>连续工龄</span>
                            </td>
                            <td colSpan="4">
                                <FormItem label="" name="ak010o">
                                    <Input placeholder="" />
                                </FormItem>
                            </td>
                            <td colSpan="3">
                                <span>工资卡发放状态</span>
                            </td>
                            <td colSpan="4">
                                <FormItem label="" name="ak010j">
                                    <Input placeholder="" />
                                </FormItem>
                            </td>
                            <td colSpan="3">
                            </td>
                            <td colSpan="4">
                            </td>
                        </tr>
                        <tr>
                            <td colSpan="3">
                                <span>备注</span>
                            </td>
                            <td colSpan="25">
                                <FormItem label="" name="aa0108">
                                    <Input placeholder="" />
                                </FormItem>
                            </td>
                        </tr>
                    </tbody>
                </table>
            </Form>

        </Modal>
    );

}

export default Aa01UpdateForm;
