保安监管系统-验收版本
liuyg
2021-09-16 a5ff87213d7c5d3c1c7a45440095ff78c794d36f
Merge branch 'master' of http://s16s652780.51mypc.cn:49896/r/zhba_regulatory_ys
1 files modified
191 ■■■■■ changed files
src/views/qualificationExamination/paymentInquiry.vue 191 ●●●●● patch | view | raw | blame | history
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;