zhba/zhba_regulatory_ys.git

			@@ -25,6 +25,7 @@
			@refresh-change="refreshChange"
			@on-load="onLoad">


			<template slot-scope="{ type, size, row }"
			slot="menu">

			@@ -33,7 +34,27 @@
			:type="type"
			@click.stop="payTheFees(row)">缴费确认
			</el-button>
			<el-button
			type="text"
			icon="el-icon-download"
			size="small"
			@click="handleDownload(row)"
			>下载
			</el-button>
			<el-button
			type="text"
			icon="el-icon-picture-outline-round"
			size="small"
			@click="seeImages(row)"
			>预览
			</el-button>

			</template>


			<template slot-scope="{ row }"
			slot="sex">
			{{row.sex==1?'男':row.sex==2?'女':''}}
			</template>

			<template class="tdtype"
			@@ -50,7 +71,40 @@
			</el-tag>
			</template>

			<!-- 自定义按钮 -->
			<template slot="menuLeft">
			<el-button
			type="success"
			size="small"
			plain
			icon="el-icon-upload2"
			@click="handleImport"
			>缴费凭证批量上传
			</el-button>
			</template>

			</avue-crud>
			<el-dialog
			title="预览"
			append-to-body
			:visible.sync="imgSee"
			class="see-img-box"
			>
			<div class="img" :style="{ background: imgUrl }"></div>
			</el-dialog>
			<el-dialog
			title="缴费凭证批量上传"
			append-to-body
			:visible.sync="excelBox"
			width="555px"
			>
			<avue-form
			:option="excelOption"
			v-model="excelForm"
			:upload-after="uploadAfter"
			>
			</avue-form>
			</el-dialog>
			</basic-container>
			</template>

			@@ -97,6 +151,28 @@
			form: {},
			query: {},
			loading: true,
			imgSee: false,
			excelBox: false,
			excelForm: {},
			excelOption: {
			submitBtn: false,
			emptyBtn: false,
			column: [
			{
			label: "模板上传",
			prop: "excelFile",
			type: "upload",
			drag: true,
			loadText: "模板上传中，请稍等",
			span: 24,
			propsHttp: {
			res: "data",
			},
			tip: "请上传 zip 压缩文件",
			action: "/api/blade-resource/oss/endpoint/put-file-exam-payment-zip",
			}
			],
			},
			page: {
			pageSize: 10,
			currentPage: 1,
			@@ -110,7 +186,7 @@
			addBtn: false,
			selection: true,
			menu: true,

			menuWidth:260,
			searchShowBtn: false,

			align: "center",
			@@ -124,24 +200,86 @@
			dialogClickModal: false,

			column: [
			// {
			// label: "姓名",
			// prop: "securityName",
			// // slot: true,
			// // display: false,
			// },
			{
			label: "缴费类型",
			prop: "type",
			dicData: dic1,
			searchSpan: 4,
			search: true,
			type: "select",
			// slot: true,
			// display: false,
			label: "缴费人",
			prop: "realName",
			search:true,
			searchSpan:4,
			},
			{
			// label: "考试开始时间",
			label: "身份证号",
			prop: "idCardNo",
			search:true,
			searchSpan:4,
			width:150
			},
			{
			label: "性别",
			prop: "sex",
			slot:true,
			dicData: [
			{
			label:"男",
			value:1
			},
			{
			label:"女",
			value:2
			}
			],
			},
			{
			label: "联系方式",
			prop: "phone",
			},
			{
			label: "所在单位",
			prop: "deptName",
			search:true,
			searchSpan:6,
			width:200
			},
			{
			label: "报考证件类型",
			prop: "paperType"
			},
			{
			label: "报名时间",
			prop: "applyTime",
			type: "datetime",
			format: "yyyy-MM-dd HH:mm:ss",
			valueFormat: "yyyy-MM-dd HH:mm:ss",
			width:150
			},
			{
			label: "缴费状态",
			prop: "paymentStatus",
			searchSpan: 4,
			search: true,
			dicData: [
			{
			label:"已缴费",
			value:1
			},
			{
			label:"未缴费",
			value:2
			},
			{
			label:"部分缴费",
			value:3
			},
			],
			type: "select",
			},
			{
			label: "缴费凭证",
			prop: "certificateUrl",
			overHidden: true,
			type: "upload",
			listType: "picture-img",
			},
			{
			label: "缴费时间",
			prop: "paymentTime",
			type: "date",
			@@ -158,66 +296,8 @@
			trigger: "click",
			},
			],
			// slot: true,
			// display: false,
			// formatter: function (row, value) {
			// return (value = value + "%");
			// },
			},
			// {
			// label: "考试结束时间",
			// prop: "examEndTime",
			// type: "date",
			// format: "yyyy-MM-dd",
			// valueFormat: "yyyy-MM-dd",
			// labelWidth: 120,
			// searchSpan: 4,
			// search: true,
			// overHidden: true,
			// rules: [
			// {
			// required: true,
			// message: "请输入时间",
			// trigger: "click",
			// },
			// ],
			// // slot: true,
			// // display: false,
			// // formatter: function (row, value) {
			// // return (value = value + "万元");
			// // },
			// },
			// {
			// label: "考试类型",
			// prop: "examinationaddress",
			// // slot: true,
			// // display: false,
			// },
			{
			label: "缴费人",
			prop: "deptName",
			// searchSpan: 4,
			// search: true,
			// slot: true,
			// display: false,
			},
			{
			label: "缴费状态",
			prop: "paymentStatus",
			searchSpan: 4,
			search: true,
			dicData: dic2,
			type: "select",
			// slot: true,
			// display: false,
			},
			{
			label: "报名编号",
			prop: "applyCode",
			overHidden: true,
			// slot: true,
			// display: false,
			},

			],
			},
			data: [
			@@ -383,6 +463,24 @@
			// this.selectionClear();
			});
			},
			handleDownload(row) {
			window.open(`${row.certificateUrl}`);
			},
			seeImages(row) {
			this.imgUrl = "";
			this.imgUrl = "url(" + row.certificateUrl + ") center center / contain no-repeat";

			this.imgSee = true;
			},
			handleImport() {
			this.excelBox = true;
			},
			uploadAfter(res, done, loading, column) {
			window.console.log(column);
			this.excelBox = false;
			this.refreshChange();
			done();
			},
			// onLoad(page, params = {}) {
			// // this.loading = false;
			// this.loading = true;