From 08d81d3eaf6e8c86fb4c21089df179879ff67fe5 Mon Sep 17 00:00:00 2001
From: wupengfei <834520024@qq.com>
Date: 星期一, 10 十一月 2025 14:05:05 +0800
Subject: [PATCH] fix: bug

---
 apps/bMiniApp/src/subpackages/task/components/TaskCheckCard.vue |  113 ++++++++++++++++++++++++++++++++++++++++++++++++++++----
 1 files changed, 105 insertions(+), 8 deletions(-)

diff --git a/apps/bMiniApp/src/subpackages/task/components/TaskCheckCard.vue b/apps/bMiniApp/src/subpackages/task/components/TaskCheckCard.vue
index 9d89fd7..295ce76 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('taskChecked')">
+  <div class="task-check-card-wrapper">
     <TaskCheckPersonalView
       class="task-check-card-view"
       :avatar="avatar"
@@ -8,34 +8,63 @@
       :isReal="isReal"
       :contactPhoneNumber="contactPhoneNumber"
     >
-      <template #actions>
+      <template #actions v-if="checkReceiveStatus === EnumTaskCheckReceiveStatus.WaitCheckReceive">
+        <template v-if="OrderUtils.isContainCheckIn(checkReceiveMethods)">
+          <nut-button
+            v-if="
+              !checkHistoryType || checkHistoryType === EnumTaskUserSubmitCheckHistoryType.CheckIn
+            "
+            type="primary"
+            class="task-check-card-phone-btn"
+            @click.stop="handleMore"
+            >鎿嶄綔</nut-button
+          >
+          <nut-button
+            v-else
+            type="primary"
+            class="task-check-card-phone-btn"
+            @click.stop="emit('checkReceive')"
+            >楠屾敹</nut-button
+          >
+        </template>
         <nut-button
-          v-if="checkReceiveStatus === EnumTaskCheckReceiveStatus.WaitCheckReceive"
+          v-else
           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>
     </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;
@@ -44,14 +73,82 @@
   isReal?: boolean;
   contactPhoneNumber?: string;
   checkReceiveStatus?: EnumTaskCheckReceiveStatus;
+  /** 绛惧埌鏃堕棿 */
+  checkInTime?: string;
+  /** 绛惧嚭鏃堕棿 */
+  checkOutTime?: string;
+  checkReceiveMethods?: EnumTaskCheckReceiveMethod[];
+
+  submitCheckReceiveStatus?: EnumTaskUserSubmitCheckReceiveStatus;
+
+  checkHistoryType?: EnumTaskUserSubmitCheckHistoryType;
 };
 
 const props = withDefaults(defineProps<Props>(), {});
 
 const emit = defineEmits<{
   (e: 'checkReceive'): void;
-  (e: 'taskChecked'): 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