考试申请查询，成绩修改，证书管理新增审核状态图例标识

Administrator

2021-12-22 f7a6d7f1b169ef835641d8027bc0b1b430cf8e3f

 src/views/accreditationRecords/accreditationRecordsPaper.vue

@@ -27,6 +27,20 @@
      @refresh-change="refreshChange"
      @on-load="onLoad"
    >
      <template slot-scope="{ row }" slot="auditStatus">
        <el-tag class="dtype">
          {{
            row.auditStatus == 1
              ? "审核通过"
              : row.auditStatus == 2
              ? "审核不通过"
              : "待审核"
          }}
          <i class="zc" v-if="row.auditStatus == 1"></i>
          <i class="yj" v-if="row.auditStatus == 2"></i>
          <i class="gz" v-if="row.auditStatus == 3"></i>
        </el-tag>
      </template>
      <template slot="menuLeft">
        <el-button
          style="display: none"
@@ -65,6 +79,10 @@
          @click="handleSecurityAudit"
          >批量审批
        </el-button>
        <!--图例 components-->
              <span>
                <Legend :datas="datalistLIU"></Legend>
              </span>
      </template>
      <template slot-scope="{ row }" slot="category">
        <el-tag>{{ row.categoryName }}</el-tag>
@@ -205,7 +223,11 @@
import { mapState } from "vuex";
import Qs from "qs";
import { getToken } from "@/util/auth";
import Legend from "@/components/liu-legend/Legend";
export default {
  components: {
    Legend,
  },
  data() {
    return {
      check: false,
@@ -218,7 +240,20 @@
        idCardNo: "",
        registered: "",
      },

      datalistLIU: [
        {
          color: "#29C093",
          text: "审核通过",
        },
        {
          color: "#F34A4A",
          text: "审核不通过",
        },
        {
          color: "#F48F57",
          text: "待审核",
        },
      ],
      Audit: {},
      dialogFormVisible: false,
      dialogBatchAudit: false,
@@ -377,6 +412,7 @@
        searchMenuSpan: 6,
        selection: true,
        reserveSelection: true,
        align: "center",
        tip: true,
        border: true,
        index: true,
@@ -480,6 +516,7 @@
            prop: "avatar",
            type: "upload",
            listType: "picture-img",
            width:60,
          },
          {
            label: "保安证编号",
@@ -508,7 +545,7 @@
            prop: "applyUnit",
            search: true,
            searchLabelWidth: 120,
            minWidth: 105,
            minWidth: 160,
            searchSpan: 5,
            addDisplay: false,
            editDisplay: false,
@@ -531,7 +568,7 @@
            type: "select",
            search: true,
            searchLabelWidth: 90,
            width: 90,
            width: 110,
            searchSpan: 4,
            addDisplay: false,
            editDisplay: false,
@@ -1318,4 +1355,51 @@
  line-height: 40px;
  letter-spacing: 2px;
}


.dtype {
  width: 100%;
  padding-left: 0px;
}

.dx {
  position: absolute;
  top: 50%;
  margin-top: -5px;
  margin-left: 6px;
  width: 10px;
  height: 10px;
  border-radius: 30%;
  background: #dfdfdf;
}
.zc {
  position: absolute;
  top: 50%;
  margin-top: -5px;
  margin-left: 4px;
  width: 10px;
  height: 10px;
  border-radius: 30%;
  background: #29c093;
}
.yj {
  position: absolute;
  top: 50%;
  margin-top: -5px;
  margin-left: 4px;
  width: 10px;
  height: 10px;
  border-radius: 30%;
  background: #f34a4a;
}
.gz {
  position: absolute;
  top: 50%;
  margin-top: -5px;
  margin-left: 4px;
  width: 10px;
  height: 10px;
  border-radius: 30%;
  background: #f48f57;
}
</style>