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

2 weeks ago
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;