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/modifiedGrades.vue | 110 +++++++++++++++++++++++++++++++++++++++++++++++++------
1 files changed, 98 insertions(+), 12 deletions(-)
diff --git a/src/views/trainExam/modifiedGrades.vue b/src/views/trainExam/modifiedGrades.vue
index b34f313..cca4f13 100644
--- a/src/views/trainExam/modifiedGrades.vue
+++ b/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>
--
Gitblit v1.9.3