From f7a6d7f1b169ef835641d8027bc0b1b430cf8e3f Mon Sep 17 00:00:00 2001
From: Administrator <admin>
Date: Wed, 22 Dec 2021 11:04:04 +0800
Subject: [PATCH] 考试申请查询，成绩修改，证书管理新增审核状态图例标识
---
src/views/trainExam/index.vue | 122 ++++++++++++++++++++++++++++++----------
1 files changed, 91 insertions(+), 31 deletions(-)
diff --git a/src/views/trainExam/index.vue b/src/views/trainExam/index.vue
index b068596..35120b9 100644
--- a/src/views/trainExam/index.vue
+++ b/src/views/trainExam/index.vue
@@ -34,28 +34,20 @@
@row-update="questionBankRowUpdate"
@row-del="questionBankRowDel"
>
- <!-- 自定义按钮 -->
- <!-- <template slot="menuLeft">
- <el-button type="danger"
- size="mini"
- icon="el-icon-delete"
- plain
- @click="handleDelete">新增
- </el-button>
- <el-button type="danger"
- size="mini"
- icon="el-icon-delete"
- plain
- @click="handleDelete">删除
- </el-button>
- <el-button type="danger"
- size="mini"
- icon="el-icon-delete"
- plain
- @click="handleDelete">导出
- </el-button>
- </template> -->
-
+ <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 +57,10 @@
@click="questionBankHandleDelete"
>删 除
</el-button>
+ <!--图例 components-->
+ <span>
+ <Legend :datas="datalistLIU"></Legend>
+ </span>
</template>
<template slot-scope="{ row }" slot="examStatus">
@@ -140,7 +136,11 @@
} from "@/api/examapi/examination";
import { auditColumn } from "./data";
import { mapGetters } from "vuex";
+import Legend from "@/components/liu-legend/Legend";
export default {
+ components: {
+ Legend,
+ },
data() {
var validatePass = (rule, value, callback) => {
console.log(value);
@@ -158,6 +158,21 @@
return {
form: {},
+ //legend-liu数据
+ datalistLIU: [
+ {
+ color: "#29C093",
+ text: "审核通过",
+ },
+ {
+ color: "#F34A4A",
+ text: "审核不通过",
+ },
+ {
+ color: "#F48F57",
+ text: "待审核",
+ },
+ ],
Audit: {},
dialogFormVisible: false,
optionAudit: {
@@ -232,7 +247,7 @@
],
span: 24,
width: 200,
- overHidden:true
+ overHidden: true,
},
{
label: "考试时间",
@@ -302,7 +317,7 @@
editDetail: false,
width: 120,
},
-
+
// {
// label: "申请人",
// prop: "realName",
@@ -341,7 +356,7 @@
editDetail: false,
// hide: true,
display: false,
- overHidden:true,
+ overHidden: true,
},
{
label: "备注",
@@ -487,25 +502,25 @@
value: 3,
},
],
- width: 80,
+ width: 110,
},
{
label: "审核明细",
editDisplay: false,
addDisplay: false,
prop: "auditDetail",
- width:90,
- overHidden:true
+ width: 90,
+ overHidden: true,
},
{
label: "距考试开始时间",
editDisplay: false,
addDisplay: false,
prop: "deadline",
- width:110,
- overHidden:true
+ width: 110,
+ overHidden: true,
},
- {
+ {
label: "考试名单确认人",
prop: "confirmUserName",
slot: true,
@@ -783,4 +798,49 @@
</script>
<style lang="scss" scoped>
+.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>
--
Gitblit v1.9.3