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

Administrator

2021-12-22 f7a6d7f1b169ef835641d8027bc0b1b430cf8e3f

 src/views/trainExam/modifiedGrades.vue

@@ -40,8 +40,21 @@
            @row-update="questionBankRowUpdate"
            @refresh-change="refreshChange"
          >
            <template slot-scope="{ row }" slot="status">
              <el-tag class="dtype">
                {{
                  row.status == 2
                    ? "审核通过"
                    : row.status == 3
                    ? "审核不通过"
                    : "待审核"
                }}
                <i class="zc" v-if="row.status == 2"></i>
                <i class="yj" v-if="row.status == 3"></i>
                <i class="gz" v-if="row.status == 1"></i>
              </el-tag>
            </template>
            <!-- 自定义按钮 -->

            <template slot="menuLeft">
              <el-button
                type="primary"
@@ -52,6 +65,10 @@
                @click="handleBatchAudit"
                >批量审批
              </el-button>
              <!--图例 components-->
              <span>
                <Legend :datas="datalistLIU"></Legend>
              </span>
            </template>

            <template slot-scope="{ type, size, row }" slot="menu">
@@ -111,9 +128,28 @@
} from "@/api/examapi/modifiedGrades";
import { mapGetters } from "vuex";
import { getRoleDetail } from "@/api/system/role";
import Legend from "@/components/liu-legend/Legend";
export default {
  components: {
    Legend,
  },
  data() {
    return {
      //legend-liu数据
      datalistLIU: [
        {
          color: "#29C093",
          text: "审核通过",
        },
        {
          color: "#F34A4A",
          text: "审核不通过",
        },
        {
          color: "#F48F57",
          text: "待审核",
        },
      ],
      Audit: {},
      dialogFormVisible: false,
      dialogBatchAudit: false,
@@ -259,7 +295,7 @@
        selection: true,
        reserveSelection: true,
        tip: false,
        viewBtn: true,
        viewBtn: false,
        // title: '成绩',
        align: "center",
        height: "auto",
@@ -272,7 +308,7 @@
        dialogClickModal: false,
        // 操作栏宽度
        menu: true,
        menuWidth: 220,
        menuWidth: 160,
        labelWidth: 120,
        ...this.$store.state.control.clearOtherBut,
        column: [
@@ -304,7 +340,7 @@
              },
            ],
            width: 210,
            // overHidden:true,
            overHidden:true,
          },

          {
@@ -368,7 +404,8 @@
                trigger: "blur",
              },
            ],
            width: 230,
            width: 200,
            overHidden:true
          },

          {
@@ -455,6 +492,7 @@
            // 表单编辑时是否可见
            editDisplay: true,
            // 表单编辑时是否为查看模式
            width:200,
            editDetail: false,
            overHidden: true,
          },
@@ -474,14 +512,16 @@
            editDisplay: true,
            // 表单编辑时是否为查看模式
            editDetail: false,
            minWidth:70,
            overHidden:true
          },

          {
            label: "修改申请时间",
            prop: "createTime",
            type: "date",
            format: "yyyy-MM-dd",
            valueFormat: "yyyy-MM-dd",
            format: "yyyy-MM-dd HH:mm:ss",
            valueFormat: "yyyy-MM-dd  HH:mm:ss",
            slot: true,
            searchSpan: 4,
            // 表单新增时是否禁止
@@ -497,15 +537,15 @@
            // 表单编辑时是否为查看模式
            editDetail: false,
            viewDisplay: false,
            width: 120,
            width: 130,
          },

          {
            label: "审核时间",
            prop: "auditTime",
            type: "date",
            format: "yyyy-MM-dd",
            valueFormat: "yyyy-MM-dd",
            format: "yyyy-MM-dd HH:mm:ss",
            valueFormat: "yyyy-MM-dd  HH:mm:ss",
            slot: true,
            searchSpan: 4,
            // 表单新增时是否禁止
@@ -521,7 +561,7 @@
            // 表单编辑时是否为查看模式
            editDetail: false,
            viewDisplay: false,
            width: 120,
            width: 130,
          },

          {
@@ -557,7 +597,7 @@
            editDisplay: true,
            // 表单编辑时是否为查看模式
            editDetail: false,
            width: 96,
            width: 110,
          },

          {
@@ -848,4 +888,50 @@
.morpheus-box {
  position: relative;
}

.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>