From 6135c5fa2cce201feb2f62695d5a22680775756a Mon Sep 17 00:00:00 2001
From: zhengpz <1838927346@qq.com>
Date: Fri, 17 Sep 2021 00:57:28 +0800
Subject: [PATCH] Merge branch 'master' of http://s16s652780.51mypc.cn:49896/r/zhba_regulatory_ys
---
src/views/qualificationExamination/paymentInquiry.vue | 248 ++++++++++++++++++++++++++++++++++---------------
1 files changed, 173 insertions(+), 75 deletions(-)
diff --git a/src/views/qualificationExamination/paymentInquiry.vue b/src/views/qualificationExamination/paymentInquiry.vue
index 1f4784e..d7b074a 100644
--- a/src/views/qualificationExamination/paymentInquiry.vue
+++ b/src/views/qualificationExamination/paymentInquiry.vue
@@ -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;
--
Gitblit v1.9.3