From a8d7d415e4638fd9472b801234ac780678997486 Mon Sep 17 00:00:00 2001
From: zhengyiming <540361168@qq.com>
Date: 星期一, 10 十一月 2025 14:04:16 +0800
Subject: [PATCH] fix: bug

---
 apps/bMiniApp/src/subpackages/task/components/TaskCheckCard.vue |  126 +++++++++++++++++++++++++++++++++--------
 1 files changed, 101 insertions(+), 25 deletions(-)

diff --git a/apps/bMiniApp/src/subpackages/task/components/TaskCheckCard.vue b/apps/bMiniApp/src/subpackages/task/components/TaskCheckCard.vue
index 801c3ee..e6a1e19 100644
--- a/apps/bMiniApp/src/subpackages/task/components/TaskCheckCard.vue
+++ b/apps/bMiniApp/src/subpackages/task/components/TaskCheckCard.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="task-check-card-wrapper" @click.stop="emit('checkReceive')">
+  <div class="task-check-card-wrapper">
     <TaskCheckPersonalView
       class="task-check-card-view"
       :avatar="avatar"
@@ -8,56 +8,69 @@
       :isReal="isReal"
       :contactPhoneNumber="contactPhoneNumber"
     >
-      <template #actions>
-        <template v-if="checkReceiveMethod === EnumTaskCheckReceiveMethod.CheckIn">
+      <template
+        #actions
+        v-if="
+          checkReceiveStatus === EnumTaskCheckReceiveStatus.WaitCheckReceive ||
+          checkReceiveStatus === EnumTaskCheckReceiveStatus.WaitSubmit
+        "
+      >
+        <template v-if="OrderUtils.isContainCheckIn(checkReceiveMethods)">
           <nut-button
-            v-if="!checkInTime"
+            v-if="
+              !checkHistoryType || checkHistoryType === EnumTaskUserSubmitCheckHistoryType.CheckIn
+            "
             type="primary"
             class="task-check-card-phone-btn"
-            @click.stop="emit('checkInOrOut', CheckInOrOutEventEnum.CheckIn)"
-            >绛惧埌</nut-button
+            @click.stop="handleMore"
+            >鎿嶄綔</nut-button
           >
           <nut-button
-            v-else-if="!checkOutTime"
+            v-else
             type="primary"
             class="task-check-card-phone-btn"
-            @click.stop="emit('checkInOrOut', CheckInOrOutEventEnum.CheckOut)"
-            >绛惧嚭</nut-button
-          >
-          <div v-else class="task-check-card-phone-status" :style="{ color: Colors.Success }">
-            {{ EnumTaskCheckReceiveStatusText[checkReceiveStatus] }}
-          </div>
-        </template>
-        <template v-else>
-          <nut-button
-            v-if="checkReceiveStatus === EnumTaskCheckReceiveStatus.WaitCheckReceive"
-            type="primary"
-            class="task-check-card-phone-btn"
+            @click.stop="emit('checkReceive')"
             >楠屾敹</nut-button
           >
-          <div v-else class="task-check-card-phone-status" :style="{ color: Colors.Success }">
-            {{ EnumTaskCheckReceiveStatusText[checkReceiveStatus] }}
-          </div>
         </template>
+        <nut-button
+          v-else
+          type="primary"
+          class="task-check-card-phone-btn"
+          @click.stop="emit('checkReceive')"
+          >楠屾敹</nut-button
+        >
       </template>
     </TaskCheckPersonalView>
   </div>
 </template>
 
 <script setup lang="ts">
-import TaskCheckPersonalView from './TaskCheckPersonalView.vue';
 import {
   Colors,
   EnumUserGender,
   EnumTaskCheckReceiveStatus,
   EnumTaskCheckReceiveStatusText,
   EnumTaskCheckReceiveMethod,
+  EnumGetCheckReceiveTasksQueryResultItemCheckStatus,
+  EnumTaskUserSubmitCheckReceiveStatus,
+  EnumTaskUserSubmitCheckHistoryType,
 } from '@12333/constants';
+import { TaskCheckPersonalView } from '@12333/components';
 import { CheckInOrOutEventEnum } from '../constants';
+import { Portal } from 'senin-mini/components';
+import { ActionSheet } from '@nutui/nutui-taro';
+import { OrderUtils } from '@12333/utils';
 
 defineOptions({
   name: 'TaskCheckCard',
 });
+
+enum ManageActions {
+  CheckIn = 1,
+  CheckOut,
+  OutWork,
+}
 
 type Props = {
   avatar?: string;
@@ -70,15 +83,78 @@
   checkInTime?: string;
   /** 绛惧嚭鏃堕棿 */
   checkOutTime?: string;
-  checkReceiveMethod?: EnumTaskCheckReceiveMethod;
+  checkReceiveMethods?: EnumTaskCheckReceiveMethod[];
+
+  submitCheckReceiveStatus?: EnumTaskUserSubmitCheckReceiveStatus;
+
+  checkHistoryType?: EnumTaskUserSubmitCheckHistoryType;
 };
 
 const props = withDefaults(defineProps<Props>(), {});
 
 const emit = defineEmits<{
   (e: 'checkReceive'): void;
-  (e: 'checkInOrOut', ev: CheckInOrOutEventEnum): void;
+  (e: 'checkInOrOut', ev: EnumTaskUserSubmitCheckHistoryType): void;
 }>();
+
+const menuList = computed(() => {
+  let _menuList = [];
+  if (OrderUtils.isContainCheckIn(props.checkReceiveMethods)) {
+    if (!props.checkInTime) {
+      _menuList.push({
+        name: '绛惧埌',
+        value: ManageActions.CheckIn,
+      });
+    } else if (!props.checkOutTime) {
+      _menuList.push({
+        name: '绛惧嚭',
+        value: ManageActions.CheckOut,
+      });
+    }
+    _menuList.push({
+      name: '鏈埌宀�',
+      value: ManageActions.OutWork,
+    });
+  }
+
+  return _menuList;
+});
+
+function handleMore() {
+  Portal.add((key) => {
+    return h(
+      Portal.Container,
+      { keyNumber: key, delayOpen: true },
+      {
+        default: ({ open, onClose }) =>
+          // @ts-ignore
+          h(ActionSheet, {
+            visible: open.value,
+            'onUpdate:visible': () => onClose(),
+            menuItems: menuList.value,
+            onChoose: (item) => {
+              handleEmit(item);
+              onClose();
+            },
+          }),
+      }
+    );
+  });
+}
+
+function handleEmit(action: { name: string; value: number }) {
+  switch (action.value) {
+    case ManageActions.CheckIn:
+      emit('checkInOrOut', EnumTaskUserSubmitCheckHistoryType.CheckIn);
+      break;
+    case ManageActions.CheckOut:
+      emit('checkInOrOut', EnumTaskUserSubmitCheckHistoryType.CheckOut);
+      break;
+    case ManageActions.OutWork:
+      emit('checkInOrOut', EnumTaskUserSubmitCheckHistoryType.UnCheckIn);
+      break;
+  }
+}
 </script>
 
 <style lang="scss">

--
Gitblit v1.9.1