From 537376ba741eeba1f0aa2be88e7f681494a3086f Mon Sep 17 00:00:00 2001
From: Administrator <admin>
Date: Wed, 15 Sep 2021 21:09:07 +0800
Subject: [PATCH] 缴费修改，新增附近预览与下载
---
src/views/qualificationExamination/paymentInquiry.vue | 191 +++++++++++++++++++++++++++++------------------
1 files changed, 118 insertions(+), 73 deletions(-)
diff --git a/src/views/qualificationExamination/paymentInquiry.vue b/src/views/qualificationExamination/paymentInquiry.vue
index 1f4784e..ba7c33e 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"
@@ -51,6 +72,14 @@
</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>
</basic-container>
</template>
@@ -97,6 +126,7 @@
form: {},
query: {},
loading: true,
+ imgSee: false,
page: {
pageSize: 10,
currentPage: 1,
@@ -110,7 +140,7 @@
addBtn: false,
selection: true,
menu: true,
-
+ menuWidth:260,
searchShowBtn: false,
align: "center",
@@ -125,23 +155,88 @@
column: [
// {
- // label: "姓名",
- // prop: "securityName",
- // // slot: true,
- // // display: false,
+ // label: "缴费类型",
+ // prop: "type",
+ // dicData:[
+ // {
+ // label:"公司缴费",
+ // value: 1
+ // },
+ // {
+ // label:"个人缴费",
+ // value: 2
+ // }
+ // ],
+ // searchSpan: 4,
+ // search: true,
+ // type: "select",
// },
{
- 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,
+ },
+ {
+ label: "性别",
+ prop: "sex",
+ slot:true,
+ dicData: [
+ {
+ label:"男",
+ value:1
+ },
+ {
+ label:"女",
+ value:2
+ }
+ ],
+ },
+ {
+ label: "联系方式",
+ prop: "phone",
+ },
+ {
+ label: "所在单位",
+ prop: "deptName",
+ search:true,
+ searchSpan:6,
+ },
+ {
+ 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,65 +253,6 @@
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,
},
],
},
@@ -383,6 +419,15 @@
// 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;
+ },
// onLoad(page, params = {}) {
// // this.loading = false;
// this.loading = true;
--
Gitblit v1.9.3