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/accreditationRecords/accreditationRecordsPaper.vue | 90 +++++++++++++++++++++++++++++++++++++++++++-
1 files changed, 87 insertions(+), 3 deletions(-)
diff --git a/src/views/accreditationRecords/accreditationRecordsPaper.vue b/src/views/accreditationRecords/accreditationRecordsPaper.vue
index dca3c0c..2ff049e 100644
--- a/src/views/accreditationRecords/accreditationRecordsPaper.vue
+++ b/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>
--
Gitblit v1.9.3