<template>
	<div class="app-container">
		<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch"
			label-width="68px">
			<el-form-item label="培训计划id" prop="TrainId">
				<el-input v-model="queryParams.TrainId" placeholder="请输入培训计划id" clearable
					@keyup.enter.native="handleQuery" />
			</el-form-item>
			<el-form-item label="${comment}" prop="ZYIdList">
				<el-input v-model="queryParams.ZYIdList" placeholder="请输入${comment}" clearable
					@keyup.enter.native="handleQuery" />
			</el-form-item>
			<el-form-item label="用户名称" prop="UserName">
				<el-input v-model="queryParams.UserName" placeholder="请输入用户名称" clearable
					@keyup.enter.native="handleQuery" />
			</el-form-item>
			<el-form-item label="密码身份证后八位" prop="UserPwd">
				<el-input v-model="queryParams.UserPwd" placeholder="请输入密码身份证后八位" clearable
					@keyup.enter.native="handleQuery" />
			</el-form-item>
			<el-form-item label="身份证" prop="UserCord">
				<el-input v-model="queryParams.UserCord" placeholder="请输入身份证" clearable
					@keyup.enter.native="handleQuery" />
			</el-form-item>
			<el-form-item label="${comment}" prop="UserDate">
				<el-input v-model="queryParams.UserDate" placeholder="请输入${comment}" clearable
					@keyup.enter.native="handleQuery" />
			</el-form-item>
			<el-form-item label="电话号" prop="UserPhone">
				<el-input v-model="queryParams.UserPhone" placeholder="请输入电话号" clearable
					@keyup.enter.native="handleQuery" />
			</el-form-item>
			<el-form-item label="邮箱" prop="UserEmail">
				<el-input v-model="queryParams.UserEmail" placeholder="请输入邮箱" clearable
					@keyup.enter.native="handleQuery" />
			</el-form-item>
			<el-form-item label="报名城市" prop="City">
				<el-input v-model="queryParams.City" placeholder="请输入报名城市" clearable
					@keyup.enter.native="handleQuery" />
			</el-form-item>
			<el-form-item label="专业" prop="ZcsZhuanYe">
				<el-input v-model="queryParams.ZcsZhuanYe" placeholder="请输入专业" clearable
					@keyup.enter.native="handleQuery" />
			</el-form-item>
			<el-form-item label="${comment}" prop="Zsbh">
				<el-input v-model="queryParams.Zsbh" placeholder="请输入${comment}" clearable
					@keyup.enter.native="handleQuery" />
			</el-form-item>
			<el-form-item label="证书有效期" prop="Yxqz">
				<el-input v-model="queryParams.Yxqz" placeholder="请输入证书有效期" clearable
					@keyup.enter.native="handleQuery" />
			</el-form-item>
			<el-form-item label="公司名称" prop="DeptName">
				<el-input v-model="queryParams.DeptName" placeholder="请输入公司名称" clearable
					@keyup.enter.native="handleQuery" />
			</el-form-item>
			<el-form-item label="公司电话" prop="DeptTel">
				<el-input v-model="queryParams.DeptTel" placeholder="请输入公司电话" clearable
					@keyup.enter.native="handleQuery" />
			</el-form-item>
			<el-form-item label="公司联系人" prop="DeptLxr">
				<el-input v-model="queryParams.DeptLxr" placeholder="请输入公司联系人" clearable
					@keyup.enter.native="handleQuery" />
			</el-form-item>
			<el-form-item label="公司联系人电话" prop="DeptLxrPhone">
				<el-input v-model="queryParams.DeptLxrPhone" placeholder="请输入公司联系人电话" clearable
					@keyup.enter.native="handleQuery" />
			</el-form-item>
			<el-form-item label="公司邮箱" prop="DeptEmail">
				<el-input v-model="queryParams.DeptEmail" placeholder="请输入公司邮箱" clearable
					@keyup.enter.native="handleQuery" />
			</el-form-item>
			<el-form-item label="公司地址" prop="DeptAddress">
				<el-input v-model="queryParams.DeptAddress" placeholder="请输入公司地址" clearable
					@keyup.enter.native="handleQuery" />
			</el-form-item>
			<el-form-item label="单位邮编" prop="DeptZipcode">
				<el-input v-model="queryParams.DeptZipcode" placeholder="请输入单位邮编" clearable
					@keyup.enter.native="handleQuery" />
			</el-form-item>
			<el-form-item label="收费1未收0" prop="FeeFlg">
				<el-input v-model="queryParams.FeeFlg" placeholder="请输入收费1未收0" clearable
					@keyup.enter.native="handleQuery" />
			</el-form-item>
			<el-form-item label="收费时间" prop="JiaoFeiTime">
				<el-input v-model="queryParams.JiaoFeiTime" placeholder="请输入收费时间" clearable
					@keyup.enter.native="handleQuery" />
			</el-form-item>
			<el-form-item label="${comment}" prop="JiaoFeiJinE">
				<el-input v-model="queryParams.JiaoFeiJinE" placeholder="请输入${comment}" clearable
					@keyup.enter.native="handleQuery" />
			</el-form-item>
			<el-form-item label="缴纳人" prop="JiaofeiRen">
				<el-input v-model="queryParams.JiaofeiRen" placeholder="请输入缴纳人" clearable
					@keyup.enter.native="handleQuery" />
			</el-form-item>
			<el-form-item label="本注册周期1已往注册周期0" prop="Bzq">
				<el-input v-model="queryParams.Bzq" placeholder="请输入本注册周期1已往注册周期0" clearable
					@keyup.enter.native="handleQuery" />
			</el-form-item>
			<el-form-item label="发布时间" prop="AddDate">
				<el-date-picker clearable v-model="queryParams.AddDate" type="date" value-format="yyyy-MM-dd"
					placeholder="请选择发布时间">
				</el-date-picker>
			</el-form-item>
			<el-form-item label="是否完成本次报名培训考试" prop="OverFlg">
				<el-input v-model="queryParams.OverFlg" placeholder="请输入是否完成本次报名培训考试" clearable
					@keyup.enter.native="handleQuery" />
			</el-form-item>
			<el-form-item label="签发日期" prop="QianFaDate">
				<el-input v-model="queryParams.QianFaDate" placeholder="请输入签发日期" clearable
					@keyup.enter.native="handleQuery" />
			</el-form-item>
			<el-form-item label="企业审核" prop="ShenHe">
				<el-input v-model="queryParams.ShenHe" placeholder="请输入企业审核" clearable
					@keyup.enter.native="handleQuery" />
			</el-form-item>
			<el-form-item label="作废" prop="ZuoFeiFlg">
				<el-input v-model="queryParams.ZuoFeiFlg" placeholder="请输入作废" clearable
					@keyup.enter.native="handleQuery" />
			</el-form-item>
			<el-form-item label="视频是否看完0未完成 1已完成" prop="wanchengflg">
				<el-input v-model="queryParams.wanchengflg" placeholder="请输入视频是否看完0未完成 1已完成" clearable
					@keyup.enter.native="handleQuery" />
			</el-form-item>
			<el-form-item label="总学时" prop="zongxueshi">
				<el-input v-model="queryParams.zongxueshi" placeholder="请输入总学时" clearable
					@keyup.enter.native="handleQuery" />
			</el-form-item>
			<el-form-item label="毕业学校" prop="BYschool">
				<el-input v-model="queryParams.BYschool" placeholder="请输入毕业学校" clearable
					@keyup.enter.native="handleQuery" />
			</el-form-item>
			<el-form-item label="学历" prop="xueli">
				<el-input v-model="queryParams.xueli" placeholder="请输入学历" clearable @keyup.enter.native="handleQuery" />
			</el-form-item>
			<el-form-item label="职称" prop="zhicheng">
				<el-input v-model="queryParams.zhicheng" placeholder="请输入职称" clearable
					@keyup.enter.native="handleQuery" />
			</el-form-item>
			<el-form-item label="报名的企业ID" prop="BMdept">
				<el-input v-model="queryParams.BMdept" placeholder="请输入报名的企业ID" clearable
					@keyup.enter.native="handleQuery" />
			</el-form-item>
			<el-form-item label="职称批准单位" prop="ZCpizhunDept">
				<el-input v-model="queryParams.ZCpizhunDept" placeholder="请输入职称批准单位" clearable
					@keyup.enter.native="handleQuery" />
			</el-form-item>
			<el-form-item label="开票类型" prop="kplx">
				<el-select v-model="queryParams.kplx" placeholder="请选择开票类型" clearable>
					<el-option v-for="dict in dict.type.jxjy_kplx" :key="dict.value" :label="dict.label"
						:value="dict.value" />
				</el-select>
			</el-form-item>
			<el-form-item label="开票方式" prop="kpfs">
				<el-select v-model="queryParams.kpfs" placeholder="请选择开票方式" clearable>
					<el-option v-for="dict in dict.type.jxjy_kpfs" :key="dict.value" :label="dict.label"
						:value="dict.value" />
				</el-select>
			</el-form-item>
			<el-form-item label="开票单位" prop="kpdw">
				<el-input v-model="queryParams.kpdw" placeholder="请输入开票单位" clearable
					@keyup.enter.native="handleQuery" />
			</el-form-item>
			<el-form-item label="纳税人识别号" prop="nsrsbh">
				<el-input v-model="queryParams.nsrsbh" placeholder="请输入纳税人识别号" clearable
					@keyup.enter.native="handleQuery" />
			</el-form-item>
			<el-form-item label="工商注册地址" prop="gszcdz">
				<el-input v-model="queryParams.gszcdz" placeholder="请输入工商注册地址" clearable
					@keyup.enter.native="handleQuery" />
			</el-form-item>
			<el-form-item label="工商注册电话" prop="gszcdh">
				<el-input v-model="queryParams.gszcdh" placeholder="请输入工商注册电话" clearable
					@keyup.enter.native="handleQuery" />
			</el-form-item>
			<el-form-item label="企业开户行" prop="qykhh">
				<el-input v-model="queryParams.qykhh" placeholder="请输入企业开户行" clearable
					@keyup.enter.native="handleQuery" />
			</el-form-item>
			<el-form-item label="银行账号" prop="yhzh">
				<el-input v-model="queryParams.yhzh" placeholder="请输入银行账号" clearable
					@keyup.enter.native="handleQuery" />
			</el-form-item>
			<el-form-item label="收件人" prop="sjr">
				<el-input v-model="queryParams.sjr" placeholder="请输入收件人" clearable @keyup.enter.native="handleQuery" />
			</el-form-item>
			<el-form-item label="收件人手机" prop="sjrsj">
				<el-input v-model="queryParams.sjrsj" placeholder="请输入收件人手机" clearable
					@keyup.enter.native="handleQuery" />
			</el-form-item>
			<el-form-item label="邮寄地址" prop="yjdz">
				<el-input v-model="queryParams.yjdz" placeholder="请输入邮寄地址" clearable
					@keyup.enter.native="handleQuery" />
			</el-form-item>
			<el-form-item label="邮政编码：邮寄发表的邮政编码" prop="yjbm">
				<el-input v-model="queryParams.yjbm" placeholder="请输入邮政编码：邮寄发表的邮政编码" clearable
					@keyup.enter.native="handleQuery" />
			</el-form-item>
			<el-form-item label="收费开通时间" prop="FeeShenheTime">
				<el-date-picker clearable v-model="queryParams.FeeShenheTime" type="date" value-format="yyyy-MM-dd"
					placeholder="请选择收费开通时间">
				</el-date-picker>
			</el-form-item>
			<el-form-item label="开票类型个人：0   企业：1" prop="kplxFlg">
				<el-select v-model="queryParams.kplxFlg" placeholder="请选择开票类型个人：0   企业：1" clearable>
					<el-option v-for="dict in dict.type.jxjy_kplx" :key="dict.value" :label="dict.label"
						:value="dict.value" />
				</el-select>
			</el-form-item>
			<el-form-item label="开票个人的姓名" prop="kpGRName">
				<el-input v-model="queryParams.kpGRName" placeholder="请输入开票个人的姓名" clearable
					@keyup.enter.native="handleQuery" />
			</el-form-item>
			<el-form-item label="对接旧系统报名人员，1" prop="oldSystemRy">
				<el-input v-model="queryParams.oldSystemRy" placeholder="请输入对接旧系统报名人员，1" clearable
					@keyup.enter.native="handleQuery" />
			</el-form-item>
			<el-form-item label="流水号" prop="ZNum">
				<el-input v-model="queryParams.ZNum" placeholder="请输入流水号" clearable @keyup.enter.native="handleQuery" />
			</el-form-item>
			<el-form-item label="缴费总额" prop="totalFee">
				<el-input v-model="queryParams.totalFee" placeholder="请输入缴费总额" clearable
					@keyup.enter.native="handleQuery" />
			</el-form-item>
			<el-form-item label="缴费号" prop="transactionId">
				<el-input v-model="queryParams.transactionId" placeholder="请输入缴费号" clearable
					@keyup.enter.native="handleQuery" />
			</el-form-item>
			<el-form-item label="支付是否成功0成功" prop="payResult">
				<el-input v-model="queryParams.payResult" placeholder="请输入支付是否成功0成功" clearable
					@keyup.enter.native="handleQuery" />
			</el-form-item>
			<el-form-item label="考试截止日期：距证书有效期小于3个月的补齐，多于的按有效期算" prop="ksjzTime">
				<el-date-picker clearable v-model="queryParams.ksjzTime" type="date" value-format="yyyy-MM-dd"
					placeholder="请选择考试截止日期：距证书有效期小于3个月的补齐，多于的按有效期算">
				</el-date-picker>
			</el-form-item>
			<el-form-item label="开票个人邮箱" prop="kpGRemail">
				<el-input v-model="queryParams.kpGRemail" placeholder="请输入开票个人邮箱" clearable
					@keyup.enter.native="handleQuery" />
			</el-form-item>
			<el-form-item label="开票信息：注册地址" prop="kpzcdz">
				<el-input v-model="queryParams.kpzcdz" placeholder="请输入开票信息：注册地址" clearable
					@keyup.enter.native="handleQuery" />
			</el-form-item>
			<el-form-item label="开票信息：注册电话" prop="kpzcdh">
				<el-input v-model="queryParams.kpzcdh" placeholder="请输入开票信息：注册电话" clearable
					@keyup.enter.native="handleQuery" />
			</el-form-item>
			<el-form-item label="开票信息：开户银行" prop="kpkhyh">
				<el-input v-model="queryParams.kpkhyh" placeholder="请输入开票信息：开户银行" clearable
					@keyup.enter.native="handleQuery" />
			</el-form-item>
			<el-form-item label="开票信息：开票银行帐号" prop="kpyhzh">
				<el-input v-model="queryParams.kpyhzh" placeholder="请输入开票信息：开票银行帐号" clearable
					@keyup.enter.native="handleQuery" />
			</el-form-item>
			<el-form-item label="开票信息：电子发票邮箱" prop="dzfpyx">
				<el-input v-model="queryParams.dzfpyx" placeholder="请输入开票信息：电子发票邮箱" clearable
					@keyup.enter.native="handleQuery" />
			</el-form-item>
			<el-form-item label="是否完成培训，默认0，0未完成，1完成" prop="sfwcpx">
				<el-select v-model="queryParams.sfwcpx" placeholder="请选择是否完成培训，默认0，0未完成，1完成" clearable>
					<el-option v-for="dict in dict.type.jxjy_sfwcpx" :key="dict.value" :label="dict.label"
						:value="dict.value" />
				</el-select>
			</el-form-item>
			<el-form-item label="资格证书号" prop="zgzsh">
				<el-input v-model="queryParams.zgzsh" placeholder="请输入资格证书号" clearable
					@keyup.enter.native="handleQuery" />
			</el-form-item>
			<el-form-item>
				<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
				<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
			</el-form-item>
		</el-form>

		<el-row :gutter="10" class="mb8">
			<el-col :span="1.5">
				<el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd"
					v-hasPermi="['jxjy:Person:add']">新增</el-button>
			</el-col>
			<el-col :span="1.5">
				<el-button type="success" plain icon="el-icon-edit" size="mini" :disabled="single" @click="handleUpdate"
					v-hasPermi="['jxjy:Person:edit']">修改</el-button>
			</el-col>
			<el-col :span="1.5">
				<el-button type="danger" plain icon="el-icon-delete" size="mini" :disabled="multiple"
					@click="handleDelete" v-hasPermi="['jxjy:Person:remove']">删除</el-button>
			</el-col>
			<el-col :span="1.5">
				<el-button type="warning" plain icon="el-icon-download" size="mini" @click="handleExport"
					v-hasPermi="['jxjy:Person:export']">导出</el-button>
			</el-col>
			<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
		</el-row>

		<el-table v-loading="loading" :data="PersonList" @selection-change="handleSelectionChange">
			<el-table-column type="selection" width="55" align="center" />
			<el-table-column label="${comment}" align="center" prop="PersonId" />
			<el-table-column label="培训计划id" align="center" prop="TrainId" />
			<el-table-column label="${comment}" align="center" prop="ZYIdList" />
			<el-table-column label="用户名称" align="center" prop="UserName" />
			<el-table-column label="密码身份证后八位" align="center" prop="UserPwd" />
			<el-table-column label="性别" align="center" prop="UserSex" />
			<el-table-column label="身份证" align="center" prop="UserCord" />
			<el-table-column label="${comment}" align="center" prop="UserDate" />
			<el-table-column label="电话号" align="center" prop="UserPhone" />
			<el-table-column label="邮箱" align="center" prop="UserEmail" />
			<el-table-column label="报名城市" align="center" prop="City" />
			<el-table-column label="专业" align="center" prop="ZcsZhuanYe">
				<template slot-scope="scope">
					<dict-tag :options="dict.type.jxjy_zhuanye" :value="scope.row.ZcsZhuanYe" />
				</template>
			</el-table-column>
			<el-table-column label="专业类型  土建" align="center" prop="ZhuanYeType" />
			<el-table-column label="${comment}" align="center" prop="Zsbh" />
			<el-table-column label="证书有效期" align="center" prop="Yxqz" />
			<el-table-column label="公司名称" align="center" prop="DeptName" />
			<el-table-column label="公司电话" align="center" prop="DeptTel" />
			<el-table-column label="公司联系人" align="center" prop="DeptLxr" />
			<el-table-column label="公司联系人电话" align="center" prop="DeptLxrPhone" />
			<el-table-column label="公司邮箱" align="center" prop="DeptEmail" />
			<el-table-column label="公司地址" align="center" prop="DeptAddress" />
			<el-table-column label="单位邮编" align="center" prop="DeptZipcode" />
			<el-table-column label="收费1未收0" align="center" prop="FeeFlg">
				<template slot-scope="scope">
					<dict-tag :options="dict.type.jxjy_jiaofei" :value="scope.row.FeeFlg" />
				</template>
			</el-table-column>
			<el-table-column label="收费时间" align="center" prop="JiaoFeiTime" />
			<el-table-column label="${comment}" align="center" prop="JiaoFeiJinE" />
			<el-table-column label="缴纳人" align="center" prop="JiaofeiRen" />
			<el-table-column label="本注册周期1已往注册周期0" align="center" prop="Bzq" />
			<el-table-column label="发布时间" align="center" prop="AddDate" width="180">
				<template slot-scope="scope">
					<span>{{ parseTime(scope.row.AddDate, '{y}-{m}-{d}') }}</span>
				</template>
			</el-table-column>
			<el-table-column label="是否完成本次报名培训考试" align="center" prop="OverFlg" />
			<el-table-column label="签发日期" align="center" prop="QianFaDate" />
			<el-table-column label="${comment}" align="center" prop="BeiZhu" />
			<el-table-column label="企业审核" align="center" prop="ShenHe" />
			<el-table-column label="作废" align="center" prop="ZuoFeiFlg" />
			<el-table-column label="资格证书号" align="center" prop="Undef1" />
			<el-table-column label="是否完成培训，默认0，0未完成，1完成" align="center" prop="Undef2" />
			<el-table-column label="${comment}" align="center" prop="Undef3" />
			<el-table-column label="${comment}" align="center" prop="Undef4" />
			<el-table-column label="${comment}" align="center" prop="Undef5" />
			<el-table-column label="视频是否看完0未完成 1已完成" align="center" prop="wanchengflg" />
			<el-table-column label="总学时" align="center" prop="zongxueshi" />
			<el-table-column label="毕业学校" align="center" prop="BYschool" />
			<el-table-column label="学历" align="center" prop="xueli" />
			<el-table-column label="职称" align="center" prop="zhicheng" />
			<el-table-column label="报名的企业ID" align="center" prop="BMdept" />
			<el-table-column label="职称批准单位" align="center" prop="ZCpizhunDept" />
			<el-table-column label="开票类型" align="center" prop="kplx">
				<template slot-scope="scope">
					<dict-tag :options="dict.type.jxjy_kplx" :value="scope.row.kplx" />
				</template>
			</el-table-column>
			<el-table-column label="开票方式" align="center" prop="kpfs">
				<template slot-scope="scope">
					<dict-tag :options="dict.type.jxjy_kpfs" :value="scope.row.kpfs" />
				</template>
			</el-table-column>
			<el-table-column label="开票单位" align="center" prop="kpdw" />
			<el-table-column label="纳税人识别号" align="center" prop="nsrsbh" />
			<el-table-column label="工商注册地址" align="center" prop="gszcdz" />
			<el-table-column label="工商注册电话" align="center" prop="gszcdh" />
			<el-table-column label="企业开户行" align="center" prop="qykhh" />
			<el-table-column label="银行账号" align="center" prop="yhzh" />
			<el-table-column label="收件人" align="center" prop="sjr" />
			<el-table-column label="收件人手机" align="center" prop="sjrsj" />
			<el-table-column label="邮寄地址" align="center" prop="yjdz" />
			<el-table-column label="邮政编码：邮寄发表的邮政编码" align="center" prop="yjbm" />
			<el-table-column label="收费开通时间" align="center" prop="FeeShenheTime" width="180">
				<template slot-scope="scope">
					<span>{{ parseTime(scope.row.FeeShenheTime, '{y}-{m}-{d}') }}</span>
				</template>
			</el-table-column>
			<el-table-column label="开票类型个人：0   企业：1" align="center" prop="kplxFlg">
				<template slot-scope="scope">
					<dict-tag :options="dict.type.jxjy_kplx" :value="scope.row.kplxFlg" />
				</template>
			</el-table-column>
			<el-table-column label="开票个人的姓名" align="center" prop="kpGRName" />
			<el-table-column label="对接旧系统报名人员，1" align="center" prop="oldSystemRy" />
			<el-table-column label="流水号" align="center" prop="ZNum" />
			<el-table-column label="缴费总额" align="center" prop="totalFee" />
			<el-table-column label="缴费号" align="center" prop="transactionId" />
			<el-table-column label="支付是否成功0成功" align="center" prop="payResult" />
			<el-table-column label="考试截止日期：距证书有效期小于3个月的补齐，多于的按有效期算" align="center" prop="ksjzTime" width="180">
				<template slot-scope="scope">
					<span>{{ parseTime(scope.row.ksjzTime, '{y}-{m}-{d}') }}</span>
				</template>
			</el-table-column>
			<el-table-column label="开票个人邮箱" align="center" prop="kpGRemail" />
			<el-table-column label="开票信息：注册地址" align="center" prop="kpzcdz" />
			<el-table-column label="开票信息：注册电话" align="center" prop="kpzcdh" />
			<el-table-column label="开票信息：开户银行" align="center" prop="kpkhyh" />
			<el-table-column label="开票信息：开票银行帐号" align="center" prop="kpyhzh" />
			<el-table-column label="开票信息：电子发票邮箱" align="center" prop="dzfpyx" />
			<el-table-column label="是否完成培训，默认0，0未完成，1完成" align="center" prop="sfwcpx">
				<template slot-scope="scope">
					<dict-tag :options="dict.type.jxjy_sfwcpx" :value="scope.row.sfwcpx" />
				</template>
			</el-table-column>
			<el-table-column label="资格证书号" align="center" prop="zgzsh" />
			<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
				<template slot-scope="scope">
					<el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)"
						v-hasPermi="['jxjy:Person:edit']">修改</el-button>
					<el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)"
						v-hasPermi="['jxjy:Person:remove']">删除</el-button>
				</template>
			</el-table-column>
		</el-table>

		<pagination v-show="total>0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize"
			@pagination="getList" />

		<!-- 添加或修改继续教育报名对话框 -->
		<el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
			<el-form ref="form" :model="form" :rules="rules" label-width="80px">
				<el-form-item label="培训计划id" prop="TrainId">
					<el-input v-model="form.TrainId" placeholder="请输入培训计划id" />
				</el-form-item>
				<el-form-item label="${comment}" prop="ZYIdList">
					<el-input v-model="form.ZYIdList" placeholder="请输入${comment}" />
				</el-form-item>
				<el-form-item label="用户名称" prop="UserName">
					<el-input v-model="form.UserName" placeholder="请输入用户名称" />
				</el-form-item>
				<el-form-item label="密码身份证后八位" prop="UserPwd">
					<el-input v-model="form.UserPwd" placeholder="请输入密码身份证后八位" />
				</el-form-item>
				<el-form-item label="身份证" prop="UserCord">
					<el-input v-model="form.UserCord" placeholder="请输入身份证" />
				</el-form-item>
				<el-form-item label="${comment}" prop="UserDate">
					<el-input v-model="form.UserDate" placeholder="请输入${comment}" />
				</el-form-item>
				<el-form-item label="电话号" prop="UserPhone">
					<el-input v-model="form.UserPhone" placeholder="请输入电话号" />
				</el-form-item>
				<el-form-item label="邮箱" prop="UserEmail">
					<el-input v-model="form.UserEmail" placeholder="请输入邮箱" />
				</el-form-item>
				<el-form-item label="报名城市" prop="City">
					<el-input v-model="form.City" placeholder="请输入报名城市" />
				</el-form-item>
				<el-form-item label="专业" prop="ZcsZhuanYe">
					<el-input v-model="form.ZcsZhuanYe" placeholder="请输入专业" />
				</el-form-item>
				<el-form-item label="${comment}" prop="Zsbh">
					<el-input v-model="form.Zsbh" placeholder="请输入${comment}" />
				</el-form-item>
				<el-form-item label="证书有效期" prop="Yxqz">
					<el-input v-model="form.Yxqz" placeholder="请输入证书有效期" />
				</el-form-item>
				<el-form-item label="公司名称" prop="DeptName">
					<el-input v-model="form.DeptName" placeholder="请输入公司名称" />
				</el-form-item>
				<el-form-item label="公司电话" prop="DeptTel">
					<el-input v-model="form.DeptTel" placeholder="请输入公司电话" />
				</el-form-item>
				<el-form-item label="公司联系人" prop="DeptLxr">
					<el-input v-model="form.DeptLxr" placeholder="请输入公司联系人" />
				</el-form-item>
				<el-form-item label="公司联系人电话" prop="DeptLxrPhone">
					<el-input v-model="form.DeptLxrPhone" placeholder="请输入公司联系人电话" />
				</el-form-item>
				<el-form-item label="公司邮箱" prop="DeptEmail">
					<el-input v-model="form.DeptEmail" placeholder="请输入公司邮箱" />
				</el-form-item>
				<el-form-item label="公司地址" prop="DeptAddress">
					<el-input v-model="form.DeptAddress" placeholder="请输入公司地址" />
				</el-form-item>
				<el-form-item label="单位邮编" prop="DeptZipcode">
					<el-input v-model="form.DeptZipcode" placeholder="请输入单位邮编" />
				</el-form-item>
				<el-form-item label="收费1未收0" prop="FeeFlg">
					<el-input v-model="form.FeeFlg" placeholder="请输入收费1未收0" />
				</el-form-item>
				<el-form-item label="收费时间" prop="JiaoFeiTime">
					<el-input v-model="form.JiaoFeiTime" placeholder="请输入收费时间" />
				</el-form-item>
				<el-form-item label="${comment}" prop="JiaoFeiJinE">
					<el-input v-model="form.JiaoFeiJinE" placeholder="请输入${comment}" />
				</el-form-item>
				<el-form-item label="缴纳人" prop="JiaofeiRen">
					<el-input v-model="form.JiaofeiRen" placeholder="请输入缴纳人" />
				</el-form-item>
				<el-form-item label="本注册周期1已往注册周期0" prop="Bzq">
					<el-input v-model="form.Bzq" placeholder="请输入本注册周期1已往注册周期0" />
				</el-form-item>
				<el-form-item label="发布时间" prop="AddDate">
					<el-date-picker clearable v-model="form.AddDate" type="date" value-format="yyyy-MM-dd"
						placeholder="请选择发布时间">
					</el-date-picker>
				</el-form-item>
				<el-form-item label="是否完成本次报名培训考试" prop="OverFlg">
					<el-input v-model="form.OverFlg" placeholder="请输入是否完成本次报名培训考试" />
				</el-form-item>
				<el-form-item label="签发日期" prop="QianFaDate">
					<el-input v-model="form.QianFaDate" placeholder="请输入签发日期" />
				</el-form-item>
				<el-form-item label="${comment}" prop="BeiZhu">
					<el-input v-model="form.BeiZhu" type="textarea" placeholder="请输入内容" />
				</el-form-item>
				<el-form-item label="企业审核" prop="ShenHe">
					<el-input v-model="form.ShenHe" placeholder="请输入企业审核" />
				</el-form-item>
				<el-form-item label="作废" prop="ZuoFeiFlg">
					<el-input v-model="form.ZuoFeiFlg" placeholder="请输入作废" />
				</el-form-item>
				<el-form-item label="资格证书号" prop="Undef1">
					<el-input v-model="form.Undef1" type="textarea" placeholder="请输入内容" />
				</el-form-item>
				<el-form-item label="是否完成培训，默认0，0未完成，1完成" prop="Undef2">
					<el-input v-model="form.Undef2" type="textarea" placeholder="请输入内容" />
				</el-form-item>
				<el-form-item label="${comment}" prop="Undef3">
					<el-input v-model="form.Undef3" type="textarea" placeholder="请输入内容" />
				</el-form-item>
				<el-form-item label="${comment}" prop="Undef4">
					<el-input v-model="form.Undef4" type="textarea" placeholder="请输入内容" />
				</el-form-item>
				<el-form-item label="${comment}" prop="Undef5">
					<el-input v-model="form.Undef5" type="textarea" placeholder="请输入内容" />
				</el-form-item>
				<el-form-item label="视频是否看完0未完成 1已完成" prop="wanchengflg">
					<el-input v-model="form.wanchengflg" placeholder="请输入视频是否看完0未完成 1已完成" />
				</el-form-item>
				<el-form-item label="总学时" prop="zongxueshi">
					<el-input v-model="form.zongxueshi" placeholder="请输入总学时" />
				</el-form-item>
				<el-form-item label="毕业学校" prop="BYschool">
					<el-input v-model="form.BYschool" placeholder="请输入毕业学校" />
				</el-form-item>
				<el-form-item label="学历" prop="xueli">
					<el-input v-model="form.xueli" placeholder="请输入学历" />
				</el-form-item>
				<el-form-item label="职称" prop="zhicheng">
					<el-input v-model="form.zhicheng" placeholder="请输入职称" />
				</el-form-item>
				<el-form-item label="报名的企业ID" prop="BMdept">
					<el-input v-model="form.BMdept" placeholder="请输入报名的企业ID" />
				</el-form-item>
				<el-form-item label="职称批准单位" prop="ZCpizhunDept">
					<el-input v-model="form.ZCpizhunDept" placeholder="请输入职称批准单位" />
				</el-form-item>
				<el-form-item label="开票类型" prop="kplx">
					<el-select v-model="form.kplx" placeholder="请选择开票类型">
						<el-option v-for="dict in dict.type.jxjy_kplx" :key="dict.value" :label="dict.label"
							:value="dict.value"></el-option>
					</el-select>
				</el-form-item>
				<el-form-item label="开票方式" prop="kpfs">
					<el-select v-model="form.kpfs" placeholder="请选择开票方式">
						<el-option v-for="dict in dict.type.jxjy_kpfs" :key="dict.value" :label="dict.label"
							:value="dict.value"></el-option>
					</el-select>
				</el-form-item>
				<el-form-item label="开票单位" prop="kpdw">
					<el-input v-model="form.kpdw" placeholder="请输入开票单位" />
				</el-form-item>
				<el-form-item label="纳税人识别号" prop="nsrsbh">
					<el-input v-model="form.nsrsbh" placeholder="请输入纳税人识别号" />
				</el-form-item>
				<el-form-item label="工商注册地址" prop="gszcdz">
					<el-input v-model="form.gszcdz" placeholder="请输入工商注册地址" />
				</el-form-item>
				<el-form-item label="工商注册电话" prop="gszcdh">
					<el-input v-model="form.gszcdh" placeholder="请输入工商注册电话" />
				</el-form-item>
				<el-form-item label="企业开户行" prop="qykhh">
					<el-input v-model="form.qykhh" placeholder="请输入企业开户行" />
				</el-form-item>
				<el-form-item label="银行账号" prop="yhzh">
					<el-input v-model="form.yhzh" placeholder="请输入银行账号" />
				</el-form-item>
				<el-form-item label="收件人" prop="sjr">
					<el-input v-model="form.sjr" placeholder="请输入收件人" />
				</el-form-item>
				<el-form-item label="收件人手机" prop="sjrsj">
					<el-input v-model="form.sjrsj" placeholder="请输入收件人手机" />
				</el-form-item>
				<el-form-item label="邮寄地址" prop="yjdz">
					<el-input v-model="form.yjdz" placeholder="请输入邮寄地址" />
				</el-form-item>
				<el-form-item label="邮政编码：邮寄发表的邮政编码" prop="yjbm">
					<el-input v-model="form.yjbm" placeholder="请输入邮政编码：邮寄发表的邮政编码" />
				</el-form-item>
				<el-form-item label="收费开通时间" prop="FeeShenheTime">
					<el-date-picker clearable v-model="form.FeeShenheTime" type="date" value-format="yyyy-MM-dd"
						placeholder="请选择收费开通时间">
					</el-date-picker>
				</el-form-item>
				<el-form-item label="开票类型个人：0   企业：1" prop="kplxFlg">
					<el-select v-model="form.kplxFlg" placeholder="请选择开票类型个人：0   企业：1">
						<el-option v-for="dict in dict.type.jxjy_kplx" :key="dict.value" :label="dict.label"
							:value="parseInt(dict.value)"></el-option>
					</el-select>
				</el-form-item>
				<el-form-item label="开票个人的姓名" prop="kpGRName">
					<el-input v-model="form.kpGRName" placeholder="请输入开票个人的姓名" />
				</el-form-item>
				<el-form-item label="对接旧系统报名人员，1" prop="oldSystemRy">
					<el-input v-model="form.oldSystemRy" placeholder="请输入对接旧系统报名人员，1" />
				</el-form-item>
				<el-form-item label="流水号" prop="ZNum">
					<el-input v-model="form.ZNum" placeholder="请输入流水号" />
				</el-form-item>
				<el-form-item label="缴费总额" prop="totalFee">
					<el-input v-model="form.totalFee" placeholder="请输入缴费总额" />
				</el-form-item>
				<el-form-item label="缴费号" prop="transactionId">
					<el-input v-model="form.transactionId" placeholder="请输入缴费号" />
				</el-form-item>
				<el-form-item label="支付是否成功0成功" prop="payResult">
					<el-input v-model="form.payResult" placeholder="请输入支付是否成功0成功" />
				</el-form-item>
				<el-form-item label="考试截止日期：距证书有效期小于3个月的补齐，多于的按有效期算" prop="ksjzTime">
					<el-date-picker clearable v-model="form.ksjzTime" type="date" value-format="yyyy-MM-dd"
						placeholder="请选择考试截止日期：距证书有效期小于3个月的补齐，多于的按有效期算">
					</el-date-picker>
				</el-form-item>
				<el-form-item label="开票个人邮箱" prop="kpGRemail">
					<el-input v-model="form.kpGRemail" placeholder="请输入开票个人邮箱" />
				</el-form-item>
				<el-form-item label="开票信息：注册地址" prop="kpzcdz">
					<el-input v-model="form.kpzcdz" placeholder="请输入开票信息：注册地址" />
				</el-form-item>
				<el-form-item label="开票信息：注册电话" prop="kpzcdh">
					<el-input v-model="form.kpzcdh" placeholder="请输入开票信息：注册电话" />
				</el-form-item>
				<el-form-item label="开票信息：开户银行" prop="kpkhyh">
					<el-input v-model="form.kpkhyh" placeholder="请输入开票信息：开户银行" />
				</el-form-item>
				<el-form-item label="开票信息：开票银行帐号" prop="kpyhzh">
					<el-input v-model="form.kpyhzh" placeholder="请输入开票信息：开票银行帐号" />
				</el-form-item>
				<el-form-item label="开票信息：电子发票邮箱" prop="dzfpyx">
					<el-input v-model="form.dzfpyx" placeholder="请输入开票信息：电子发票邮箱" />
				</el-form-item>
				<el-form-item label="是否完成培训，默认0，0未完成，1完成" prop="sfwcpx">
					<el-select v-model="form.sfwcpx" placeholder="请选择是否完成培训，默认0，0未完成，1完成">
						<el-option v-for="dict in dict.type.jxjy_sfwcpx" :key="dict.value" :label="dict.label"
							:value="dict.value"></el-option>
					</el-select>
				</el-form-item>
				<el-form-item label="资格证书号" prop="zgzsh">
					<el-input v-model="form.zgzsh" placeholder="请输入资格证书号" />
				</el-form-item>
			</el-form>
			<div slot="footer" class="dialog-footer">
				<el-button type="primary" @click="submitForm">确 定</el-button>
				<el-button @click="cancel">取 消</el-button>
			</div>
		</el-dialog>
	</div>
</template>

<script>
	import {
		listPerson,
		getPerson,
		delPerson,
		addPerson,
		updatePerson
	} from "@/api/xiehui/jxjy/Person";

	export default {
		name: "Person",
		dicts: ['jxjy_sfwcpx', 'jxjy_kplx', 'jxjy_kpfs'],
		data() {
			return {
				// 遮罩层
				loading: true,
				// 选中数组
				ids: [],
				// 非单个禁用
				single: true,
				// 非多个禁用
				multiple: true,
				// 显示搜索条件
				showSearch: true,
				// 总条数
				total: 0,
				// 继续教育报名表格数据
				PersonList: [],
				// 弹出层标题
				title: "",
				// 是否显示弹出层
				open: false,
				// 查询参数
				queryParams: {
					pageNum: 1,
					pageSize: 10,
					TrainId: null,
					ZYIdList: null,
					UserName: null,
					UserPwd: null,
					UserSex: null,
					UserCord: null,
					UserDate: null,
					UserPhone: null,
					UserEmail: null,
					City: null,
					ZcsZhuanYe: null,
					ZhuanYeType: null,
					Zsbh: null,
					Yxqz: null,
					DeptName: null,
					DeptTel: null,
					DeptLxr: null,
					DeptLxrPhone: null,
					DeptEmail: null,
					DeptAddress: null,
					DeptZipcode: null,
					FeeFlg: null,
					JiaoFeiTime: null,
					JiaoFeiJinE: null,
					JiaofeiRen: null,
					Bzq: null,
					AddDate: null,
					OverFlg: null,
					QianFaDate: null,
					BeiZhu: null,
					ShenHe: null,
					ZuoFeiFlg: null,
					Undef1: null,
					Undef2: null,
					Undef3: null,
					Undef4: null,
					Undef5: null,
					wanchengflg: null,
					zongxueshi: null,
					BYschool: null,
					xueli: null,
					zhicheng: null,
					BMdept: null,
					ZCpizhunDept: null,
					kplx: null,
					kpfs: null,
					kpdw: null,
					nsrsbh: null,
					gszcdz: null,
					gszcdh: null,
					qykhh: null,
					yhzh: null,
					sjr: null,
					sjrsj: null,
					yjdz: null,
					yjbm: null,
					FeeShenheTime: null,
					kplxFlg: null,
					kpGRName: null,
					oldSystemRy: null,
					ZNum: null,
					totalFee: null,
					transactionId: null,
					payResult: null,
					ksjzTime: null,
					kpGRemail: null,
					kpzcdz: null,
					kpzcdh: null,
					kpkhyh: null,
					kpyhzh: null,
					dzfpyx: null,
					sfwcpx: null,
					zgzsh: null
				},
				// 表单参数
				form: {},
				// 表单校验
				rules: {}
			};
		},
		created() {
			this.getList();
		},
		methods: {
			/** 查询继续教育报名列表 */
			getList() {
				this.loading = true;
				listPerson(this.queryParams).then(response => {
					this.PersonList = response.rows;
					this.total = response.total;
					this.loading = false;
				});
			},
			// 取消按钮
			cancel() {
				this.open = false;
				this.reset();
			},
			// 表单重置
			reset() {
				this.form = {
					PersonId: null,
					TrainId: null,
					ZYIdList: null,
					UserName: null,
					UserPwd: null,
					UserSex: null,
					UserCord: null,
					UserDate: null,
					UserPhone: null,
					UserEmail: null,
					City: null,
					ZcsZhuanYe: null,
					ZhuanYeType: null,
					Zsbh: null,
					Yxqz: null,
					DeptName: null,
					DeptTel: null,
					DeptLxr: null,
					DeptLxrPhone: null,
					DeptEmail: null,
					DeptAddress: null,
					DeptZipcode: null,
					FeeFlg: null,
					JiaoFeiTime: null,
					JiaoFeiJinE: null,
					JiaofeiRen: null,
					Bzq: null,
					AddDate: null,
					OverFlg: null,
					QianFaDate: null,
					BeiZhu: null,
					ShenHe: null,
					ZuoFeiFlg: null,
					Undef1: null,
					Undef2: null,
					Undef3: null,
					Undef4: null,
					Undef5: null,
					wanchengflg: null,
					zongxueshi: null,
					BYschool: null,
					xueli: null,
					zhicheng: null,
					BMdept: null,
					ZCpizhunDept: null,
					kplx: null,
					kpfs: null,
					kpdw: null,
					nsrsbh: null,
					gszcdz: null,
					gszcdh: null,
					qykhh: null,
					yhzh: null,
					sjr: null,
					sjrsj: null,
					yjdz: null,
					yjbm: null,
					FeeShenheTime: null,
					kplxFlg: null,
					kpGRName: null,
					oldSystemRy: null,
					ZNum: null,
					totalFee: null,
					transactionId: null,
					payResult: null,
					ksjzTime: null,
					kpGRemail: null,
					kpzcdz: null,
					kpzcdh: null,
					kpkhyh: null,
					kpyhzh: null,
					dzfpyx: null,
					createBy: null,
					createTime: null,
					updateBy: null,
					updateTime: null,
					sfwcpx: null,
					zgzsh: null
				};
				this.resetForm("form");
			},
			/** 搜索按钮操作 */
			handleQuery() {
				this.queryParams.pageNum = 1;
				this.getList();
			},
			/** 重置按钮操作 */
			resetQuery() {
				this.resetForm("queryForm");
				this.handleQuery();
			},
			// 多选框选中数据
			handleSelectionChange(selection) {
				this.ids = selection.map(item => item.PersonId)
				this.single = selection.length !== 1
				this.multiple = !selection.length
			},
			/** 新增按钮操作 */
			handleAdd() {
				this.reset();
				this.open = true;
				this.title = "添加继续教育报名";
			},
			/** 修改按钮操作 */
			handleUpdate(row) {
				this.reset();
				const PersonId = row.PersonId || this.ids
				getPerson(PersonId).then(response => {
					this.form = response.data;
					this.open = true;
					this.title = "修改继续教育报名";
				});
			},
			/** 提交按钮 */
			submitForm() {
				this.$refs["form"].validate(valid => {
					if (valid) {
						if (this.form.PersonId != null) {
							updatePerson(this.form).then(response => {
								this.$modal.msgSuccess("修改成功");
								this.open = false;
								this.getList();
							});
						} else {
							addPerson(this.form).then(response => {
								this.$modal.msgSuccess("新增成功");
								this.open = false;
								this.getList();
							});
						}
					}
				});
			},
			/** 删除按钮操作 */
			handleDelete(row) {
				const PersonIds = row.PersonId || this.ids;
				this.$modal.confirm('是否确认删除继续教育报名编号为"' + PersonIds + '"的数据项？').then(function() {
					return delPerson(PersonIds);
				}).then(() => {
					this.getList();
					this.$modal.msgSuccess("删除成功");
				}).catch(() => {});
			},
			/** 导出按钮操作 */
			handleExport() {
				this.download('jxjy/Person/export', {
					...this.queryParams
				}, `Person_${new Date().getTime()}.xlsx`)
			}
		}
	};
</script>