From 3cd5432c1887b210b0c954443b2c1e82fbf81045 Mon Sep 17 00:00:00 2001
From: teukkk <mengyuan.lv@fit2cloud.com>
Date: Thu, 4 Jul 2024 20:41:03 +0800
Subject: [PATCH] =?UTF-8?q?feat(=E5=8A=9F=E8=83=BD=E7=94=A8=E4=BE=8B):=20?=
 =?UTF-8?q?=E7=94=A8=E4=BE=8B=E8=AF=84=E5=AE=A1=E8=84=91=E5=9B=BE=E6=9F=A5?=
 =?UTF-8?q?=E7=9C=8B-=E8=AF=84=E5=AE=A1=E5=8E=86=E5=8F=B2-=E8=AF=84?=
 =?UTF-8?q?=E5=AE=A1=E7=8A=B6=E6=80=81=E4=B8=8B=E6=8B=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../ms-minders/caseReviewMinder/index.vue     | 40 +++++++++++++++++--
 .../caseReview/components/reviewResult.vue    | 16 +++++---
 2 files changed, 48 insertions(+), 8 deletions(-)

diff --git a/frontend/src/components/business/ms-minders/caseReviewMinder/index.vue b/frontend/src/components/business/ms-minders/caseReviewMinder/index.vue
index 1692cdcdb5..7b9180f1c4 100644
--- a/frontend/src/components/business/ms-minders/caseReviewMinder/index.vue
+++ b/frontend/src/components/business/ms-minders/caseReviewMinder/index.vue
@@ -50,13 +50,32 @@
           :active-case="activeCaseInfo"
         />
         <div v-else class="pl-[16px]">
-          <div v-if="props.reviewPassRule === 'MULTIPLE'" class="mb-[8px] flex justify-between">
+          <div v-if="props.reviewPassRule === 'MULTIPLE'" class="mb-[8px] flex items-center justify-between">
             <div class="text-[12px]">
               <span class="text-[var(--color-text-4)]">{{ t('caseManagement.caseReview.progress') }}</span>
               {{ props.reviewProgress }}
             </div>
-            <!-- TODO 总结果 hover展示单个 -->
-            <ReviewResult :status="activeCaseInfo.reviewStatus" />
+            <a-trigger v-model:popup-visible="statusVisible" trigger="click" position="br" :popup-translate="[0, 4]">
+              <div
+                :class="`flex cursor-pointer items-center rounded p-[4px] hover:bg-[var(--color-text-n9)] 
+                ${statusVisible ? 'bg-[var(--color-text-n9)]' : ''} `"
+              >
+                <ReviewResult :status="activeCaseInfo.reviewStatus" class="text-[12px]" :icon-size="12" />
+                <MsIcon type="icon-icon_expand-down_filled" size="12" class="ml-[4px] text-[var(--color-text-4)]" />
+              </div>
+              <template #content>
+                <div
+                  class="trigger-content rounded-[var(--border-radius-medium)] bg-white p-[6px] shadow-[0_-1px_4px_rgba(2,2,2,0.1)]"
+                >
+                  <div v-for="item in reviewUserStatusList" :key="item.id" class="my-[4px] flex justify-between">
+                    <div class="one-line-text max-w-[80px]">
+                      {{ item.userName }}
+                    </div>
+                    <ReviewResult :status="item.status" class="text-[12px]" :icon-size="12" />
+                  </div>
+                </div>
+              </template>
+            </a-trigger>
           </div>
           <ReviewCommentList
             :review-comment-list="reviewHistoryList"
@@ -414,10 +433,20 @@
 
   // 加载评审历史列表
   const reviewHistoryList = ref<ReviewHistoryItem[]>([]);
+  const reviewUserStatusList = ref<ReviewHistoryItem[]>([]); // 每个评审人最后一次评审结果
+  const statusVisible = ref(false);
   async function initReviewHistoryList(data: MinderJsonNodeData) {
     try {
       const res = await getCaseReviewHistoryList(route.query.id as string, data?.caseId || activeCaseInfo.value.caseId);
       reviewHistoryList.value = res;
+      reviewUserStatusList.value = [];
+      const userNamesSet = new Set();
+      reviewHistoryList.value.forEach((reviewItem) => {
+        if (!userNamesSet.has(reviewItem.userName)) {
+          reviewUserStatusList.value.push(reviewItem);
+          userNamesSet.add(reviewItem.userName);
+        }
+      });
     } catch (error) {
       // eslint-disable-next-line no-console
       console.log(error);
@@ -539,4 +568,9 @@
   :deep(.comment-list-item-name) {
     max-width: 200px;
   }
+  .trigger-content {
+    max-height: 192px;
+    @apply overflow-y-auto overflow-x-hidden;
+    .ms-scroll-bar();
+  }
 </style>
diff --git a/frontend/src/views/case-management/caseReview/components/reviewResult.vue b/frontend/src/views/case-management/caseReview/components/reviewResult.vue
index 3464278e5d..4220693069 100644
--- a/frontend/src/views/case-management/caseReview/components/reviewResult.vue
+++ b/frontend/src/views/case-management/caseReview/components/reviewResult.vue
@@ -3,7 +3,7 @@
     <MsIcon
       :type="resultMap[props.status]?.icon || ''"
       class="mr-[4px]"
-      :size="16"
+      :size="props.iconSize"
       :style="{ color: resultMap[props.status]?.color }"
     ></MsIcon>
     {{ t(resultMap[props.status]?.label) }}
@@ -20,10 +20,16 @@
 
   const { t } = useI18n();
 
-  const props = defineProps<{
-    status?: ReviewResult;
-    isPart?: boolean; // 为true时，'UNDER_REVIEWED'字段对应的是'建议'
-  }>();
+  const props = withDefaults(
+    defineProps<{
+      status?: ReviewResult;
+      isPart?: boolean; // 为true时，'UNDER_REVIEWED'字段对应的是'建议'
+      iconSize?: number;
+    }>(),
+    {
+      iconSize: 16,
+    }
+  );
 
   const resultMap = computed(() =>
     props.isPart