You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

911 lines
43 KiB
JavaScript

This file contains ambiguous Unicode characters!

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

import {
Form,
Input,
DatePicker,
Modal,
Upload
} from 'antd';
import SelectOptionTree from '@/components/SelectOptionTree';
import { XQ, AE, AX, _09, AB, OR, BG, AT, HC, OC, OD, RF, X4 } from '@/utils/pr_new_datadictionary';
import userAvatar from '@/assets/img/user_avatar.png';
import styles from "@/global.less";
import moment from 'moment';
import style from '../index.less';
import React, { useState } from 'react';
const FormItem = Form.Item;
const Aa01ViewForm = (props) => {
const { viewModalVisible, handleViewModalVisible, values } = props;
const [form] = Form.useForm();
const photoUrl = values?.zp?.fileurl ?? '';
React.useEffect(() => {
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]);
return (
<Modal
width={1200}
height={500}
bodyStyle={{ padding: '20px', maxHeight: '500px', overflowY: 'auto' }}
forceRender={true}
getContainer={false}
title="查看"
visible={viewModalVisible}
onOk={() => handleViewModalVisible(false, values)}
onCancel={() => handleViewModalVisible(false, values)}
afterClose={() => handleViewModalVisible()}
>
<Form form={form} layout="vertical" 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 readOnly placeholder="" />
</FormItem>
</td>
<td colSpan="3">
<span>姓名</span>
</td>
<td colSpan="4">
<FormItem label="" name="za0101">
<Input readOnly placeholder="" />
</FormItem>
</td>
<td colSpan="3">
<span>性别</span>
</td>
<td colSpan="4">
<FormItem label="" name="aa0107">
<SelectOptionTree disabled treeData={AX || []} />
</FormItem>
</td>
{/* 照片za9998 */}
<td colSpan="7" style={{ position: 'relative', border: 'none' }}>
<div style={{ position: 'absolute', left: '28%', top: '50px' }} className={style.photoBox}>
<img src={photoUrl ? photoUrl : userAvatar} alt="avatar" style={{ width: '120px', height: '130px' }} />
</div>
</td>
</tr>
<tr>
<td colSpan="3">
<span>手机</span>
</td>
<td colSpan="4">
<FormItem label="" name="ak010b">
<Input readOnly placeholder="" />
</FormItem>
</td>
<td colSpan="3">
<span>电话</span>
</td>
<td colSpan="4">
<FormItem label="" name="ak010i">
<Input readOnly placeholder="" />
</FormItem>
</td>
<td colSpan="3">
<span>年龄</span>
</td>
<td colSpan="4">
<FormItem label="" name="ae0141">
<Input readOnly placeholder="" />
</FormItem>
</td>
</tr>
<tr>
<td colSpan="3">
<span>助记码</span>
</td>
<td colSpan="4">
<FormItem label="" name="zjm">
<Input readOnly placeholder="" />
</FormItem>
</td>
<td colSpan="3">
<span>公司</span>
</td>
<td colSpan="4">
<FormItem label="" name="gs">
<Input readOnly placeholder="" />
</FormItem>
</td>
<td colSpan="3">
<span>部门</span>
</td>
<td colSpan="4">
<FormItem label="" name="bm">
<Input readOnly placeholder="" />
</FormItem>
</td>
</tr>
<tr>
<td colSpan="3">
<span>职位</span>
</td>
<td colSpan="4">
<FormItem label="" name="zw">
<Input readOnly placeholder="" />
</FormItem>
</td>
<td colSpan="3">
<span>职称</span>
</td>
<td colSpan="4">
<FormItem label="" name="zc">
<Input readOnly placeholder="" />
</FormItem>
</td>
<td colSpan="3">
<span>险种</span>
</td>
<td colSpan="4">
<FormItem label="" name="xz">
<Input readOnly placeholder="" />
</FormItem>
</td>
</tr>
<tr>
<td colSpan="3">
<span>身份证</span>
</td>
<td colSpan="4">
<FormItem label="" name="aa0177">
<Input readOnly placeholder="" />
</FormItem>
</td>
<td colSpan="3">
<span>考勤卡号</span>
</td>
<td colSpan="4">
<FormItem label="" name="kqkh">
<Input readOnly placeholder="" />
</FormItem>
</td>
<td colSpan="3">
<span>学历</span>
</td>
<td colSpan="4">
<FormItem label="" name="xl">
<Input readOnly placeholder="" />
</FormItem>
</td>
<td colSpan="3">
<span>婚姻状况</span>
</td>
<td colSpan="4">
<FormItem label="" name="aa0127">
<SelectOptionTree disabled treeData={BG || []} />
</FormItem>
</td>
</tr>
<tr>
<td colSpan="3">
<span>员工密码</span>
</td>
<td colSpan="4">
<FormItem label="" name="ygmm">
<Input readOnly placeholder="" />
</FormItem>
</td>
<td colSpan="3">
<span>确认密码</span>
</td>
<td colSpan="4">
<FormItem label="" name="qrmm">
<Input readOnly placeholder="" />
</FormItem>
</td>
<td colSpan="3">
<span>学位</span>
</td>
<td colSpan="4">
<FormItem label="" name="xw">
<Input readOnly placeholder="" />
</FormItem>
</td>
<td colSpan="3">
<span>籍贯</span>
</td>
<td colSpan="4">
<FormItem label="" name="aa0114">
<SelectOptionTree disabled treeData={AB || []} />
</FormItem>
</td>
</tr>
<tr>
<td colSpan="3">
<span>出生日期</span>
</td>
<td colSpan="4">
<FormItem label="" name="aa0111">
<DatePicker disabled format="YYYY-MM-DD" style={{ width: '100%' }} placeholder="" />
</FormItem>
</td>
<td colSpan="3">
<span>民族</span>
</td>
<td colSpan="4">
<FormItem label="" name="aa0121">
<SelectOptionTree disabled treeData={AE || []} />
</FormItem>
</td>
<td colSpan="3">
<span>政治面貌</span>
</td>
<td colSpan="4">
<FormItem label="" name="aa2205">
<SelectOptionTree disabled treeData={AT || []} />
</FormItem>
</td>
<td colSpan="3">
<span>类别</span>
</td>
<td colSpan="4">
<FormItem label="" name="lb">
<Input readOnly placeholder="" />
</FormItem>
</td>
</tr>
<tr>
<td colSpan="3">
<span>毕业学校</span>
</td>
<td colSpan="4">
<FormItem label="" name="byxx">
<Input readOnly placeholder="" />
</FormItem>
</td>
<td colSpan="3">
<span>所学专业</span>
</td>
<td colSpan="4">
<FormItem label="" name="sxzy">
<Input readOnly placeholder="" />
</FormItem>
</td>
<td colSpan="3">
<span>毕业日期</span>
</td>
<td colSpan="4">
<FormItem label="" name="byrq">
<DatePicker disabled format="YYYY-MM-DD" style={{ width: '100%' }} placeholder="" />
</FormItem>
</td>
<td colSpan="3">
<span>基本工资</span>
</td>
<td colSpan="4">
<FormItem label="" name="jbgz">
<Input readOnly placeholder="" />
</FormItem>
</td>
</tr>
<tr>
<td colSpan="3">
<span>家庭住址</span>
</td>
<td colSpan="11">
<FormItem label="" name="ak010n">
<Input readOnly placeholder="" />
</FormItem>
</td>
<td colSpan="3">
<span>户口地址</span>
</td>
<td colSpan="11">
<FormItem label="" name="ak010m">
<Input readOnly placeholder="" />
</FormItem>
</td>
</tr>
<tr>
<td colSpan="3">
<span>微信账号</span>
</td>
<td colSpan="11">
<FormItem label="" name="wxzh">
<Input readOnly placeholder="" />
</FormItem>
</td>
<td colSpan="3">
<span>档案地址</span>
</td>
<td colSpan="11">
<FormItem label="" name="dadz">
<Input readOnly placeholder="" />
</FormItem>
</td>
</tr>
<tr>
<td colSpan="3">
<span>联系人</span>
</td>
<td colSpan="4">
<FormItem label="" name="lxr">
<Input readOnly placeholder="" />
</FormItem>
</td>
<td colSpan="3">
<span>联系人电话</span>
</td>
<td colSpan="4">
<FormItem label="" name="lxrdh">
<Input readOnly placeholder="" />
</FormItem>
</td>
<td colSpan="3">
<span>紧急联系人</span>
</td>
<td colSpan="4">
<FormItem label="" name="ae010m">
<Input readOnly placeholder="" />
</FormItem>
</td>
<td colSpan="3">
<span>紧急联系人电话</span>
</td>
<td colSpan="4">
<FormItem label="" name="ai0102">
<Input readOnly placeholder="" />
</FormItem>
</td>
</tr>
<tr>
<td colSpan="3">
<span>招聘专员</span>
</td>
<td colSpan="4">
<FormItem label="" name="zpzy">
<Input readOnly placeholder="" />
</FormItem>
</td>
<td colSpan="3">
<span>职工类别</span>
</td>
<td colSpan="4">
<FormItem label="" name="zglb">
<Input readOnly placeholder="" />
</FormItem>
</td>
<td colSpan="3">
<span>入职日期</span>
</td>
<td colSpan="4">
<FormItem label="" name="rzrq">
<DatePicker disabled format="YYYY-MM-DD" style={{ width: '100%' }} placeholder="" />
</FormItem>
</td>
<td colSpan="3">
<span>上岗日期</span>
</td>
<td colSpan="4">
<FormItem label="" name="sgrq">
<DatePicker disabled 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 readOnly placeholder="" />
</FormItem>
</td>
<td colSpan="3">
<span>个人爱好</span>
</td>
<td colSpan="4">
<FormItem label="" name="grah">
<Input readOnly placeholder="" />
</FormItem>
</td>
<td colSpan="3">
<span>工作日期</span>
</td>
<td colSpan="4">
<FormItem label="" name="gzrq">
<DatePicker disabled format="YYYY-MM-DD" style={{ width: '100%' }} placeholder="" />
</FormItem>
</td>
<td colSpan="3">
<span>职称日期</span>
</td>
<td colSpan="4">
<FormItem label="" name="zcrq">
<DatePicker disabled 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 readOnly placeholder="" />
</FormItem>
</td>
<td colSpan="3">
<span>QQ账号</span>
</td>
<td colSpan="4">
<FormItem label="" name="qqzh">
<Input readOnly placeholder="" />
</FormItem>
</td>
<td colSpan="3">
<span>合同开始</span>
</td>
<td colSpan="4">
<FormItem label="" name="htks">
<Input readOnly placeholder="" />
</FormItem>
</td>
<td colSpan="3">
<span>合同结束</span>
</td>
<td colSpan="4">
<FormItem label="" name="htjs">
<Input readOnly placeholder="" />
</FormItem>
</td>
</tr>
<tr>
<td colSpan="3">
<span>实习开始</span>
</td>
<td colSpan="4">
<FormItem label="" name="sxks">
<Input readOnly placeholder="" />
</FormItem>
</td>
<td colSpan="3">
<span>实习结束</span>
</td>
<td colSpan="4">
<FormItem label="" name="sxjs">
<Input readOnly placeholder="" />
</FormItem>
</td>
<td colSpan="3">
<span>试用开始</span>
</td>
<td colSpan="4">
<FormItem label="" name="syks">
<Input readOnly placeholder="" />
</FormItem>
</td>
<td colSpan="3">
<span>试用结束</span>
</td>
<td colSpan="4">
<FormItem label="" name="syjs">
<Input readOnly placeholder="" />
</FormItem>
</td>
</tr>
<tr>
<td colSpan="3">
<span>单位工龄</span>
</td>
<td colSpan="4">
<FormItem label="" name="aa0101">
<Input readOnly placeholder="" />
</FormItem>
</td>
<td colSpan="3">
<span>人员类别</span>
</td>
<td colSpan="4">
<FormItem label="" name="aa010d">
<SelectOptionTree disabled treeData={OR || []} />
</FormItem>
</td>
<td colSpan="3">
<span>合同类别</span>
</td>
<td colSpan="4">
<FormItem label="" name="htlb">
<Input readOnly placeholder="" />
</FormItem>
</td>
<td colSpan="3">
<span>招聘来源</span>
</td>
<td colSpan="4">
<FormItem label="" name="zply">
<Input readOnly placeholder="" />
</FormItem>
</td>
</tr>
<tr>
<td colSpan="3">
<span>部门岗位</span>
</td>
<td colSpan="4">
<FormItem label="" name="bmgw">
<Input readOnly placeholder="" />
</FormItem>
</td>
<td colSpan="3">
<span>岗位级别</span>
</td>
<td colSpan="4">
<FormItem label="" name="gwjb">
<Input readOnly placeholder="" />
</FormItem>
</td>
<td colSpan="3">
<span>员工状态</span>
</td>
<td colSpan="4">
<FormItem label="" name="ygzt">
<Input readOnly placeholder="" />
</FormItem>
</td>
<td colSpan="3">
<span>离职日期</span>
</td>
<td colSpan="4">
<FormItem label="" name="lzrq">
<Input readOnly placeholder="" />
</FormItem>
</td>
</tr>
<tr>
<td colSpan="3">
<span>邮箱</span>
</td>
<td colSpan="4">
<FormItem label="" name="yx">
<Input readOnly placeholder="" />
</FormItem>
</td>
<td colSpan="3">
<span>出生地</span>
</td>
<td colSpan="4">
<FormItem label="" name="aa0117">
<SelectOptionTree disabled treeData={AB || []} />
</FormItem>
</td>
<td colSpan="3">
<span>离职方式</span>
</td>
<td colSpan="4">
<FormItem label="" name="lzfs">
<Input readOnly placeholder="" />
</FormItem>
</td>
<td colSpan="3">
<span>离职原因</span>
</td>
<td colSpan="4">
<FormItem label="" name="lzyy">
<Input readOnly placeholder="" />
</FormItem>
</td>
</tr>
<tr>
<td colSpan="3">
<span>货币编码</span>
</td>
<td colSpan="4">
<FormItem label="" name="aa0115">
<Input readOnly placeholder="" />
</FormItem>
</td>
<td colSpan="3">
<span>参加工作日期</span>
</td>
<td colSpan="4">
<FormItem label="" name="aa0141">
<DatePicker disabled format="YYYY-MM-DD" style={{ width: '100%' }} placeholder="" />
</FormItem>
</td>
<td colSpan="3">
<span>工资类别</span>
</td>
<td colSpan="4">
<FormItem label="" name="aa5510">
<SelectOptionTree disabled treeData={HC || []} />
</FormItem>
</td>
<td colSpan="3">
<span>扣税标准</span>
</td>
<td colSpan="4">
<FormItem label="" name="ksbz">
<Input readOnly placeholder="" />
</FormItem>
</td>
</tr>
<tr>
<td colSpan="3">
<span>进入本单位日期</span>
</td>
<td colSpan="4">
<FormItem label="" name="aa0144">
<DatePicker disabled format="YYYY-MM-DD" style={{ width: '100%' }} placeholder="" />
</FormItem>
</td>
<td colSpan="3">
<span>工龄</span>
</td>
<td colSpan="4">
<FormItem label="" name="aa0151">
<Input readOnly placeholder="" />
</FormItem>
</td>
<td colSpan="3">
<span>开户银行</span>
</td>
<td colSpan="4">
<FormItem label="" name="khyh">
<Input readOnly placeholder="" />
</FormItem>
</td>
<td colSpan="3">
<span>工资账号</span>
</td>
<td colSpan="4">
<FormItem label="" name="ak010e">
<Input readOnly placeholder="" />
</FormItem>
</td>
</tr>
<tr>
<td colSpan="3">
<span>港澳台及外籍人士</span>
</td>
<td colSpan="4">
<FormItem label="" name="aa0181">
<SelectOptionTree disabled treeData={OC || []} />
</FormItem>
</td>
<td colSpan="3">
<span>参加党派时间</span>
</td>
<td colSpan="4">
<FormItem label="" name="cjdpsj">
<DatePicker disabled format="YYYY-MM-DD" style={{ width: '100%' }} placeholder="" />
</FormItem>
</td>
<td colSpan="3">
<span>养老账号</span>
</td>
<td colSpan="4">
<FormItem label="" name="ylzh">
<Input readOnly placeholder="" />
</FormItem>
</td>
<td colSpan="3">
<span>医保账号</span>
</td>
<td colSpan="4">
<FormItem label="" name="ybzh">
<Input readOnly placeholder="" />
</FormItem>
</td>
</tr>
<tr>
<td colSpan="3">
<span>单位</span>
</td>
<td colSpan="4">
<FormItem label="" name="ab0111">
<Input readOnly placeholder="" />
</FormItem>
</td>
<td colSpan="3">
<span>下属部门</span>
</td>
<td colSpan="4">
<FormItem label="" name="ab0112">
<Input readOnly placeholder="" />
</FormItem>
</td>
<td colSpan="3">
<span>失业账号</span>
</td>
<td colSpan="4">
<FormItem label="" name="syzh">
<Input readOnly placeholder="" />
</FormItem>
</td>
<td colSpan="3">
<span>公积金账号</span>
</td>
<td colSpan="4">
<FormItem label="" name="gjjzh">
<Input readOnly placeholder="" />
</FormItem>
</td>
</tr>
<tr>
<td colSpan="3">
<span>特长</span>
</td>
<td colSpan="4">
<FormItem label="" name="ae0103">
<Input readOnly placeholder="" />
</FormItem>
</td>
<td colSpan="3">
<span>减员时间</span>
</td>
<td colSpan="4">
<FormItem label="" name="ae0112">
<DatePicker disabled format="YYYY-MM-DD" style={{ width: '100%' }} placeholder="" />
</FormItem>
</td>
<td colSpan="3">
<span>有效证件类别</span>
</td>
<td colSpan="4">
<FormItem label="" name="ae0117">
<SelectOptionTree disabled treeData={OD || []} />
</FormItem>
</td>
<td colSpan="3">
<span>成本类别</span>
</td>
<td colSpan="4">
<FormItem label="" name="ak010a">
<SelectOptionTree disabled treeData={X4 || []} />
</FormItem>
</td>
</tr>
<tr>
<td colSpan="3">
<span>工资卡状态</span>
</td>
<td colSpan="4">
<FormItem label="" name="ak010k">
<Input readOnly placeholder="" />
</FormItem>
</td>
<td colSpan="3">
<span>连续工龄</span>
</td>
<td colSpan="4">
<FormItem label="" name="ak010o">
<Input readOnly placeholder="" />
</FormItem>
</td>
<td colSpan="3">
<span>工资卡发放状态</span>
</td>
<td colSpan="4">
<FormItem label="" name="ak010j">
<Input readOnly 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 readOnly placeholder="" />
</FormItem>
</td>
</tr>
</tbody>
</table>
</Form>
</Modal>
);
}
export default Aa01ViewForm;