|
|
@@ -4,13 +4,13 @@
|
|
|
|
|
|
<div class="work-detail-content">
|
|
|
<!-- 顶部状态 -->
|
|
|
- <div class="content-status" :class="['status-' + detail?.flowStatus, 'audit-' + getAuditStatusPriority(detail?.executeEvidenceAuditStatus)]">
|
|
|
+ <div class="content-status" :class="'status-' + detail?.flowStatus">
|
|
|
<div class="status-l">
|
|
|
<div class="status-title">{{ handleTagType(detail?.flowStatus) }}</div>
|
|
|
<div class="status-sub" v-if="triggerDateText && (detail?.flowStatus == -1 || detail?.flowStatus == -2)">
|
|
|
执行时间已经过去 {{ Math.abs(daysDiff) }} 天了
|
|
|
</div>
|
|
|
- <div class="status-sub" v-if="detail?.flowStatus === 3 && getAuditStatusPriority(detail?.executeEvidenceAuditStatus) !== 2">
|
|
|
+ <div class="status-sub" v-if="detail?.flowStatus === 3">
|
|
|
<template v-if="daysDiff > 0">
|
|
|
距离执行时间还差 {{ Math.abs(daysDiff) }} 天
|
|
|
</template>
|
|
|
@@ -130,10 +130,6 @@
|
|
|
:src="base_img_url2 + src.filename">
|
|
|
<div class="photo-img">
|
|
|
<img :src="base_img_url2 + src.filename" />
|
|
|
- <div class="fail-icon" v-if="failIndex(index) === 2">
|
|
|
- <el-icon size="24" color="#FF953D"><WarningFilled /></el-icon>
|
|
|
- <div class="fail-icon-text">审核失败</div>
|
|
|
- </div>
|
|
|
</div>
|
|
|
</photo-consumer>
|
|
|
</photo-provider>
|
|
|
@@ -372,41 +368,11 @@ const handleTagType = (tagType) => {
|
|
|
if (tagType == 0) return "待触发";
|
|
|
if (tagType == -1) return "已过期";
|
|
|
if (tagType == -2) return "已过期";
|
|
|
- if (tagType == 3) {
|
|
|
- const status = getAuditStatusPriority(detail.value?.executeEvidenceAuditStatus);
|
|
|
- if (status === 2) {
|
|
|
- return "审核失败";
|
|
|
- }
|
|
|
- return "待认证"
|
|
|
- }
|
|
|
- if (tagType == 5) {
|
|
|
- const status = getAuditStatusPriority(detail.value?.executeEvidenceAuditStatus);
|
|
|
- if (status === 2) {
|
|
|
- return "审核失败";
|
|
|
- }
|
|
|
- if (status === 0) {
|
|
|
- return "审核中";
|
|
|
- }
|
|
|
- return "已完成";
|
|
|
- }
|
|
|
+ if (tagType == 3) return "待认证";
|
|
|
+ if (tagType == 5) return "已完成";
|
|
|
return "待触发"
|
|
|
}
|
|
|
|
|
|
-// 审核状态优先级:2 > 0 > 1
|
|
|
-const getAuditStatusPriority = (auditStatusList) => {
|
|
|
- if (!Array.isArray(auditStatusList) || !auditStatusList.length) return 1;
|
|
|
- const normalized = auditStatusList.map((x) => Number(x)).filter((x) => [0, 1, 2].includes(x));
|
|
|
- if (!normalized.length) return 1;
|
|
|
- if (normalized.includes(2)) return 2;
|
|
|
- if (normalized.includes(0)) return 0;
|
|
|
- return 1;
|
|
|
-};
|
|
|
-
|
|
|
-// 审核是否失败
|
|
|
-const failIndex = (index) => {
|
|
|
- return detail.value?.executeEvidenceAuditStatus[index]
|
|
|
-}
|
|
|
-
|
|
|
const handleExecute = () => {
|
|
|
// const today = new Date();
|
|
|
// const executeDate = new Date(detail.value.executeDate);
|
|
|
@@ -554,24 +520,12 @@ const changeExecutionMethod = (stageIndex, value) => {
|
|
|
}
|
|
|
}
|
|
|
|
|
|
- &.status-5 {
|
|
|
- padding-top: 30px;
|
|
|
-
|
|
|
- &::after {
|
|
|
- background: #2199F8;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- &.status-3, &.audit-2, &.audit-0 {
|
|
|
+ &.status-3 {
|
|
|
&::after {
|
|
|
background: #FF953D;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
- &.audit-2 {
|
|
|
- padding-top: 30px;
|
|
|
- }
|
|
|
-
|
|
|
&.status--1 {
|
|
|
&::after {
|
|
|
background: #FF4F4F;
|
|
|
@@ -583,6 +537,14 @@ const changeExecutionMethod = (stageIndex, value) => {
|
|
|
}
|
|
|
}
|
|
|
|
|
|
+ &.status-5 {
|
|
|
+ padding-top: 30px;
|
|
|
+
|
|
|
+ &::after {
|
|
|
+ background: #2199F8;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
.status-l {
|
|
|
.status-title {
|
|
|
font-size: 22px;
|
|
|
@@ -622,15 +584,6 @@ const changeExecutionMethod = (stageIndex, value) => {
|
|
|
padding: 11px 10px;
|
|
|
font-size: 14px;
|
|
|
|
|
|
- .tips-text {
|
|
|
- color: #FA7406;
|
|
|
- padding: 5px 10px;
|
|
|
- border: 1px solid #FF953D;
|
|
|
- border-radius: 5px;
|
|
|
- margin-bottom: 10px;
|
|
|
- background: #fff;
|
|
|
- }
|
|
|
-
|
|
|
.photo-title {
|
|
|
color: #000;
|
|
|
padding-bottom: 9px;
|
|
|
@@ -877,25 +830,6 @@ const changeExecutionMethod = (stageIndex, value) => {
|
|
|
border-radius: 8px;
|
|
|
overflow: hidden;
|
|
|
|
|
|
- .fail-icon {
|
|
|
- position: absolute;
|
|
|
- top: 0;
|
|
|
- left: 0;
|
|
|
- width: 100%;
|
|
|
- height: 100%;
|
|
|
- background: rgba(0, 0, 0, 0.6);
|
|
|
- border-radius: 8px;
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- justify-content: center;
|
|
|
- flex-direction: column;
|
|
|
- gap: 4px;
|
|
|
- .fail-icon-text {
|
|
|
- color: #FF943D;
|
|
|
- font-size: 12px;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
img {
|
|
|
width: 100%;
|
|
|
height: 100%;
|