新增考试缴费凭证批量上传，考试审核

Administrator

2021-09-16 e9ac774816fa618a713ae77826596af01d03b8fd

新增考试缴费凭证批量上传，考试审核

 src/api/apply/apply.js

New file
@@ -0,0 +1,9 @@
import request from '@/router/axios';

export const update = (row) => {
    return request({
        url: '/api/apply/update',
        method: 'post',
        data: row
    })
}

 src/styles/element-ui.scss

@@ -1,422 +1,474 @@
@import "./ourBackgroundColor.scss";
.el-dropdown-menu__item {
  font-size: 12px !important;
  line-height: 28px !important;
    font-size: 12px !important;
    line-height: 28px !important;
}

.el-scrollbar__view {
  height: 100%;
    height: 100%;
}

.el-menu--horizontal {
  border-bottom: none !important;
    border-bottom: none !important;
}

.el-menu {
  border-right: none !important;
    border-right: none !important;
}

.el-menu--display,
.el-menu--display + .el-submenu__icon-arrow {
  display: none;
.el-menu--display+.el-submenu__icon-arrow {
    display: none;
}

.el-message__icon,
.el-message__content {
  display: inline-block;
    display: inline-block;
}

.el-date-editor .el-range-input,
.el-date-editor .el-range-separator {
  height: auto;
  overflow: hidden;
    height: auto;
    overflow: hidden;
}

.el-dialog__wrapper {
  z-index: 2048;
    z-index: 2048;
}

.el-col {
  margin-bottom: 8px;
    margin-bottom: 8px;
}

.el-main {
  padding: 0 !important;
    padding: 0 !important;
}

.el-upload__tip {
    color: #fff;
}

.el-dropdown-menu__item--divided:before,
.el-menu,
.el-menu--horizontal > .el-menu-item:not(.is-disabled):focus,
.el-menu--horizontal > .el-menu-item:not(.is-disabled):hover,
.el-menu--horizontal > .el-submenu .el-submenu__title:hover {
  background-color: transparent;
.el-menu--horizontal>.el-menu-item:not(.is-disabled):focus,
.el-menu--horizontal>.el-menu-item:not(.is-disabled):hover,
.el-menu--horizontal>.el-submenu .el-submenu__title:hover {
    background-color: transparent;
}

.el-dropdown-menu__item--divided:before,
.el-menu,
.el-menu--horizontal > .el-menu-item:not(.is-disabled):focus,
.el-menu--horizontal > .el-menu-item:not(.is-disabled):hover,
.el-menu--horizontal > .el-submenu .el-submenu__title:hover {
  background-color: transparent !important;
.el-menu--horizontal>.el-menu-item:not(.is-disabled):focus,
.el-menu--horizontal>.el-menu-item:not(.is-disabled):hover,
.el-menu--horizontal>.el-submenu .el-submenu__title:hover {
    background-color: transparent !important;
}

.el-card__header {
  padding: 6px 18px !important;
    padding: 6px 18px !important;
}

//部分全局颜色设置
.el-card__body {
  background-color: $mainB !important;
  // border:1px solid $mainB !important;
  //padding: 16px !important;
    background-color: $mainB !important;
    // border:1px solid $mainB !important;
    //padding: 16px !important;
}

.el-divider--horizontal {
  margin: 12px 0 !important;
    margin: 12px 0 !important;
}

.avue-group .el-collapse,
.avue-group .el-collapse-item__wrap {
  border-color: $mainB !important;
  background-color: $mainB !important;
    border-color: $mainB !important;
    background-color: $mainB !important;
}

.el-form-item__label {
  color: $fontColor !important;
    color: $fontColor !important;
}

.avue-crud__menu {
  background-color: $mainB !important;
    background-color: $mainB !important;
}

.el-table {
  background-color: $mainB !important;
  color: $fontColor !important;
    background-color: $mainB !important;
    color: $fontColor !important;
}

.el-table th,
.el-table tr {
  background-color: $mainB !important;
  color: $fontColor !important;
    background-color: $mainB !important;
    color: $fontColor !important;
}
.el-table__body tr.hover-row > td {
  background-color: $mainBhover !important;

.el-table__body tr.hover-row>td {
    background-color: $mainBhover !important;
}

.el-button--text {
  color: $fontColor !important;
    color: $fontColor !important;
}

.el-card {
  background-color: $mainB !important;
    background-color: $mainB !important;
}

.el-tabs__item {
  color: $fontColor !important;
    color: $fontColor !important;
}

//标签栏活动按钮
.el-tabs__item.is-active {
  color: $fontColorActive1 !important;
    color: $fontColorActive1 !important;
}

.el-input.is-disabled .el-input__inner {
  color: $fontColor !important;
    color: $fontColor !important;
}

.el-textarea.is-disabled .el-textarea__inner {
  color: $fontColor !important;
    color: $fontColor !important;
}

.el-textarea.is-disabled .el-textarea__inner {
  background-color: $mainB !important;
    background-color: $mainB !important;
}

.el-pagination__jump,
.el-pagination__total {
  color: $fontColor !important;
    color: $fontColor !important;
}

.avue-sidebar .el-menu-item i,
.avue-sidebar .el-menu-item span,
.avue-sidebar .el-submenu__title i,
.avue-sidebar .el-submenu__title span {
  color: $fontColor !important;
    color: $fontColor !important;
}

.el-menu-item:hover {
  background-color: $mainBhover !important;
  // color: red !important;
    background-color: $mainBhover !important;
    // color: red !important;
}

.el-input__inner {
  background-color: $inputqiu !important;
  color: $fontColor !important;
  border: 1px solid $inputBorder !important;
    background-color: $inputqiu !important;
    color: $fontColor !important;
    border: 1px solid $inputBorder !important;
}

.el-tree-node__content {
  background-color: $mainB !important;
  color: $fontColor !important;
    background-color: $mainB !important;
    color: $fontColor !important;
}

.el-tree-node__content:hover {
  background-color: $mainBhover !important;
    background-color: $mainBhover !important;
}

//el按钮
.el-button {
  background-color: $mainBhover !important;
  color: $fontColor !important;
    background-color: $mainBhover !important;
    color: $fontColor !important;
}

.el-pagination.is-background .btn-next,
.el-pagination.is-background .btn-prev,
.el-pagination.is-background .el-pager li {
  background-color: $inputB !important;
  color: $fontColor !important;
    background-color: $inputB !important;
    color: $fontColor !important;
}

.el-tree {
  background-color: $mainB !important;
  color: $fontColor !important;
    background-color: $mainB !important;
    color: $fontColor !important;
}

.el-table th {
  background-color: $inputB1 !important;
    background-color: $inputB1 !important;
}

//弹窗
.el-dialog__header {
  background-color: $mainB !important;
    background-color: $mainB !important;
}

.avue-dialog .el-dialog__title,
.avue-dialog .el-drawer__header,
.el-dialog__title {
  color: $fontColor !important;
    color: $fontColor !important;
}

.el-dialog__body {
  background-color: $mainB !important;
  color: $fontColor !important;
    background-color: $mainB !important;
    color: $fontColor !important;
}

.w-e-toolbar {
  // background-color: $inputB !important;
  background-color: #fff !important;
  color: $fontColor !important;
  // border: 1px solid $inputBorder !important;
    // background-color: $inputB !important;
    background-color: #fff !important;
    color: $fontColor !important;
    // border: 1px solid $inputBorder !important;
}

.w-e-text-container {
  border: 1px solid $inputBorder !important;
    border: 1px solid $inputBorder !important;
}

.el-collapse-item__content {
  color: $fontColor !important;
    color: $fontColor !important;
}

//表格等待
.el-loading-mask {
  background-color: $mainB !important;
    background-color: $mainB !important;
}

//附件上传弹窗中心
.el-upload-dragger {
  background-color: $inputB1 !important;
    background-color: $inputB1 !important;
}

.el-upload-dragger .el-upload__text,
.el-upload-dragger .el-icon-upload {
  color: $fontColor !important;
    color: $fontColor !important;
}

//单选
.el-radio {
  color: $fontColor !important;
    color: $fontColor !important;
}

//多行输入
.el-textarea__inner {
  background-color: $inputB1 !important;
  border: 1px solid $inputBorder !important;
    background-color: $inputB1 !important;
    border: 1px solid $inputBorder !important;
}

// 数字type input
.el-input-number__decrease,
.el-input-number__increase {
  background-color: $inputB1 !important;
    background-color: $inputB1 !important;
}

//菜单图标
.el-input-group__append,
.el-input-group__prepend {
  background-color: $inputB1 !important;
  color: $fontColor !important;
    background-color: $inputB1 !important;
    color: $fontColor !important;
}

//登入表单 恢复按钮
.login-border .el-input__inner {
  background-color: #fff !important;
  color: #606266 !important;
    background-color: #fff !important;
    color: #606266 !important;
}
//菜单编辑删除按钮
.el-button + .el-button {
  padding-left: 8px;
  padding-right: 8px;
}
//菜单自定义按钮

//菜单编辑删除按钮
.el-button+.el-button {
    padding-left: 8px;
    padding-right: 8px;
}

//菜单自定义按钮
.el-button--text,
.el-button--text.is-disabled,
.el-button--text.is-disabled:focus,
.el-button--text.is-disabled:hover,
.el-button--text:active {
  padding-left: 8px !important;
  padding-right: 8px !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
}

//菜单按钮
.login-border .el-button {
  background-color: $buttonB !important;
  color: #fff !important;
    background-color: $buttonB !important;
    color: #fff !important;
}

//bug窗口
.el-dialog,
.el-pager li {
  background-color: $mainB !important;
    background-color: $mainB !important;
}

//导航搜索 下拉
.el-autocomplete-suggestion__wrap {
  background-color: $mainB !important;
    background-color: $mainB !important;
}

.el-autocomplete-suggestion li {
  color: $fontColor !important;
    color: $fontColor !important;
}

.el-autocomplete-suggestion li:hover {
  background-color: $inputB1 !important;
    background-color: $inputB1 !important;
}

//总标签栏 更多 下拉框
.el-dropdown-menu {
  background-color: $mainB !important;
    background-color: $mainB !important;
}

.el-dropdown-menu__item {
  color: $fontColor !important;
    color: $fontColor !important;
}

.el-dropdown-menu__item:hover {
  background-color: $inputB1 !important;
  color: $fontColor !important;
    background-color: $inputB1 !important;
    color: $fontColor !important;
}

//总标签栏
.avue-tags {
  background-color: $mainBx1 !important;
  color: $fontColor !important;
    background-color: $mainBx1 !important;
    color: $fontColor !important;
}

//通知弹窗
.el-popover {
  background-color: $mainB !important;
    background-color: $mainB !important;
}

.avue-notice__subtitle,
.avue-notice__title {
  color: $fontColor !important;
    color: $fontColor !important;
}

//左侧导航栏
.avue-logo {
  background-color: $mainB !important;
    background-color: $mainB !important;
}

.avue-sidebar {
  background-color: $mainB !important;
    background-color: $mainB !important;
}

//表格搜索 下拉
.el-scrollbar__view,
.el-select-dropdown__list {
  background-color: $mainB !important;
    background-color: $mainB !important;
}

.el-select-dropdown__item {
  color: $fontColor !important;
    color: $fontColor !important;
}

// .el-select-dropdown__item:hover {
//   background-color: $inputB1 !important;
//   color: $fontColor !important;
// }
.el-select-dropdown__item.hover,
.el-select-dropdown__item:hover {
  background-color: $inputB1 !important;
  color: $fontColor !important;
    background-color: $inputB1 !important;
    color: $fontColor !important;
}

//弹框消息
.el-message-box {
  background-color: $mainB !important;
    background-color: $mainB !important;
}

.el-message-box__content {
  color: $fontColor !important;
    color: $fontColor !important;
}

//用户头像边上的下拉 字体颜色
.el-dropdown-menu__item a {
  color: $fontColor !important;
    color: $fontColor !important;
}

// a
//top导航颜色
.avue-header {
  background-color: $mainB !important;
    background-color: $mainB !important;
}

//选取时间
.el-picker-panel {
  background-color: $mainB !important;
  color: $fontColor !important;
    background-color: $mainB !important;
    color: $fontColor !important;
}

.el-date-table td.in-range div,
.el-date-table td.in-range div:hover,
.el-date-table.is-week-mode .el-date-table__row.current div,
.el-date-table.is-week-mode .el-date-table__row:hover div {
  background-color: $inputB1 !important;
  color: $fontColor !important;
    background-color: $inputB1 !important;
    color: $fontColor !important;
}

.el-picker-panel__footer {
  background-color: $mainB !important;
  color: $fontColor !important;
    background-color: $mainB !important;
    color: $fontColor !important;
}

.el-date-table th {
  color: $fontColor !important;
    color: $fontColor !important;
}

.el-range-editor--small .el-range-input {
  background-color: transparent !important;
    background-color: transparent !important;
}

.el-picker-panel__icon-btn {
  color: $fontColor !important;
    color: $fontColor !important;
}

//证件照吊销  弹窗颜色
.el-message-box__title {
  color: $fontColor !important;
    color: $fontColor !important;
}

//发起回报
.el-textarea__inner {
  color: $fontColor !important;
    color: $fontColor !important;
}

//通知公告 白色bug
.el-table--striped .el-table__body tr.el-table__row--striped td {
  background-color: transparent !important;
    background-color: transparent !important;
}

//用户管理
.el-collapse-item__header {
  background-color: $mainB !important;
    background-color: $mainB !important;
}

.avue-group__icon,
.avue-group__title {
  color: $fontColor !important;
    color: $fontColor !important;
}

//保安人员管理  去掉横向滚动条
.box .el-scrollbar__wrap {
  overflow-y: scroll;
  overflow-x: hidden;
    overflow-y: scroll;
    overflow-x: hidden;
}

//菜单管理  左边展开
.el-table__expand-icon {
  color: $fontColor !important;
    color: $fontColor !important;
}
// 左侧树形 阴影

// 左侧树形 阴影
// .el-card.is-always-shadow {
//   box-shadow: 3px 3px 15px -2px rgb(0, 0, 0);
// }
//表格斑马纹
.el-table tr:nth-child(2n -1) {
  background-color: #3457b1 !important;
    background-color: #3457b1 !important;
}

//去除表格底部线
.el-table td,
.el-table th.is-leaf {
  border: 1px solid rgba($color: #ffffff, $alpha: 0.2);
    border: 1px solid rgba($color: #ffffff, $alpha: 0.2);
}

// //顶部搜索栏
// .el-card.is-never-shadow.avue-crud__search {
//   position: absolute;
@@ -508,89 +560,89 @@
//   position: relative;
//   top: 15px;
// }

// 搜索栏按钮左移
// .avue-form__group:nth-last-child() .el-form-item__content {
//   margin-left: 30px !important;
//   width: 165px !important;
// }
.avue-form__menu--center .el-button {
  float: left;
    float: left;
}

.avue-form__menu--center .el-button:nth-child(1) {
  margin-left: 30px;
    margin-left: 30px;
}

//编辑弹窗上横线
.avue-dialog .el-dialog__header {
  border-bottom: 1px solid #7ec9de;
    border-bottom: 1px solid #7ec9de;
}

//弹窗关闭和全屏按钮
.el-dialog__headerbtn .el-dialog__close,
.avue-crud__dialog__menu i {
  color: $close !important;
    color: $close !important;
}

// 角色管理权限弹窗
// .el-tabs--border-card {
//   background-color: $mainB !important;
// }

.el-tabs--border-card {
  background-color: $mainB !important;
    background-color: $mainB !important;
}

.el-tabs--border-card > .el-tabs__header {
  background-color: $mainB !important;
.el-tabs--border-card>.el-tabs__header {
    background-color: $mainB !important;
}
.el-tabs--border-card > .el-tabs__header .el-tabs__item.is-active {
  background-color: transparent !important;
  border-bottom: 1px solid $mainB !important;

.el-tabs--border-card>.el-tabs__header .el-tabs__item.is-active {
    background-color: transparent !important;
    border-bottom: 1px solid $mainB !important;
}

// 系统字典新增
.el-switch__label {
  color: $fontColor;
    color: $fontColor;
}

.avue--detail .el-radio.is-checked .el-radio__label {
  color: $fontColor;
    color: $fontColor;
}

.el-tag {
  border: none !important;
  color: $fontColor !important;
  background-color: transparent !important;
    border: none !important;
    color: $fontColor !important;
    background-color: transparent !important;
}

//保安员详情 表格hover
.el-table__row:hover td {
  background-color: $mainBhover !important;
    background-color: $mainBhover !important;
}

//覆盖左侧主菜单 监管 样式
.el-menu-item:focus
// .el-menu-item:hover
.el-menu-item:focus // .el-menu-item:hover
{
  background-color: $black !important;
    background-color: $black !important;
}

// logo 颜色
.login-border {
  .el-input__inner {
    border: 1px solid transparent !important;
    border-bottom: 1px solid rgba($color: #000000, $alpha: 0.1) !important;
  }
    .el-input__inner {
        border: 1px solid transparent !important;
        border-bottom: 1px solid rgba($color: #000000, $alpha: 0.1) !important;
    }
}

//
.el-range-editor--mini .el-range-input {
  background-color: transparent !important;
    background-color: transparent !important;
}

// 右侧弹窗  表格显影功能  背景
.el-drawer__open .el-drawer.rtl {
  background-color: $mainB !important;
    background-color: $mainB !important;
}

// .registersss .avue-form__menu {
@@ -599,12 +651,11 @@
//   display: flex;
//   flex-direction: row-reverse;
// }

.rowClickSelf {
  // border: 1px solid #2593ee !important;
  &:hover {
    cursor: pointer;
  }
    // border: 1px solid #2593ee !important;
    &:hover {
        cursor: pointer;
    }
}

//格子
@@ -612,16 +663,15 @@
//   border: 1px solid #fff;
//   box-sizing: border-box;
// }

.avue-empty__desc {
  color: #fff !important;
    color: #fff !important;
}

.company-box .avue-form__menu--center {
  width: 300px;
    width: 300px;
}

// .fontcolorfff .el-date-editor .el-range-input {
.el-date-editor .el-range-input {
  color: #fff !important;
}
    color: #fff !important;
}

 src/views/qualificationExamination/paymentInquiry.vue

@@ -71,6 +71,18 @@
                </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="预览"
@@ -79,6 +91,19 @@
            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>
@@ -127,6 +152,27 @@
            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,
@@ -428,6 +474,15 @@

            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;

 src/views/qualificationExamination/signQualificationExamination.vue

@@ -26,6 +26,24 @@
      @refresh-change="refreshChange"
      @on-load="onLoad"
    >

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

                <el-button icon="el-icon-edit"
                           :size="size"
                           :type="type"
                           @click.stop="payTheFees(row)">审核
                </el-button>
      </template>
      <template slot-scope="{ row }"
                      slot="examinationType">
          {{row.examinationType=="1"?"正常":row.examinationType=="2"?"异常":"正常"}}
      </template>
      <template slot-scope="{ row }"
                      slot="auditStatus">
          {{row.auditStatus==1?"审核通过":row.auditStatus==2?"审核不通过":"待审核"}}
      </template>
    </avue-crud>
  </basic-container>
</template>
@@ -35,6 +53,9 @@
  getList,
  getListJSON,
} from "@/api/qualificationExamination/signQualificationExamination";
import {
  update
} from "@/api/apply/apply";
import { mapGetters } from "vuex";

export default {
@@ -55,7 +76,7 @@
        editBtn: false,
        addBtn: false,
        selection: true,
        menu: false,
        menu: true,

        align: "center",
        height: "auto",
@@ -135,6 +156,7 @@
          {
            label: "审查状态",
            prop: "examinationType",
            slot:true,
            // // display: false,
            // width: 200,
            // labelWidth: 120,
@@ -148,14 +170,15 @@
            // labelWidth: 120,
            // overHidden: true,
          },
          // {
          //   label: "审查结果",
          //   prop: "results",
          //   // // display: false,
          //   // width: 200,
          //   // labelWidth: 120,
          //   // overHidden: true,
          // },
          {
            label: "审核状态",
            prop: "auditStatus",
            slot:true,
            // // display: false,
            // width: 200,
            // labelWidth: 120,
            // overHidden: true,
          },
        ],
        // group: [
        //   {
@@ -231,6 +254,40 @@
        }
      );
    },
    payTheFees (row) {
            console.log(row)
            this.$confirm("请确认是否审核通过？", {
                confirmButtonText: "审核通过",
                cancelButtonText: "审核不通过",
                type: "warning",
            })
                .then(() => {
                    var  data  ={
                      id:row.id,
                      auditStatus:1
                    }
                    return update(data).then(() => {
                        this.onLoad(this.page);
                        this.$message({
                            type: "success",
                            message: "操作成功!",
                        });
                    });
                })
                .catch(() => {
                    var  data  ={
                      id:row.id,
                      auditStatus:2
                    }
                    return update(data).then(() => {
                        this.onLoad(this.page);
                        this.$message({
                            type: "success",
                            message: "操作成功!",
                        });
                    });
                });
        },
    rowUpdates(row, index, done, loading) {
      // console.log(42342);
      update(row).then(