From 36f2c20ea3df022390b677e782d8a4cd25f21f69 Mon Sep 17 00:00:00 2001
From: zhengyiming <540361168@qq.com>
Date: 星期三, 22 十月 2025 17:02:25 +0800
Subject: [PATCH] Merge branch 'master' of http://120.26.58.240:8888/r/flexJobMiniApp
---
apps/bMiniApp/src/subpackages/task/components/TaskCheckCard.vue | 120 ++++++++++++++++++++++++++++++++++++++++++++++++++++++------
1 files changed, 108 insertions(+), 12 deletions(-)
diff --git a/apps/bMiniApp/src/subpackages/task/components/TaskCheckCard.vue b/apps/bMiniApp/src/subpackages/task/components/TaskCheckCard.vue
index 9d89fd7..c74a2cc 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" @click.stop="emit('checkReceive')">
<TaskCheckPersonalView
class="task-check-card-view"
:avatar="avatar"
@@ -9,16 +9,39 @@
:contactPhoneNumber="contactPhoneNumber"
>
<template #actions>
- <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 v-if="checkReceiveMethod === EnumTaskCheckReceiveMethod.CheckIn">
+ <!-- <nut-button
+ v-if="!checkInTime"
+ type="primary"
+ class="task-check-card-phone-btn"
+ @click.stop="emit('checkInOrOut', CheckInOrOutEventEnum.CheckIn)"
+ >绛惧埌</nut-button
+ >
+ <nut-button
+ v-else-if="!checkOutTime"
+ 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> -->
+ <nut-button type="primary" class="task-check-card-phone-btn" @click.stop="handleMore"
+ >鎿嶄綔</nut-button
+ >
+ </template>
+ <template v-else>
+ <nut-button
+ v-if="checkReceiveStatus === EnumTaskCheckReceiveStatus.WaitCheckReceive"
+ type="primary"
+ class="task-check-card-phone-btn"
+ >楠屾敹</nut-button
+ >
+ <div v-else class="task-check-card-phone-status" :style="{ color: Colors.Success }">
+ {{ EnumTaskCheckReceiveStatusText[checkReceiveStatus] }}
+ </div>
+ </template>
</template>
</TaskCheckPersonalView>
</div>
@@ -31,11 +54,21 @@
EnumUserGender,
EnumTaskCheckReceiveStatus,
EnumTaskCheckReceiveStatusText,
+ EnumTaskCheckReceiveMethod,
} from '@12333/constants';
+import { CheckInOrOutEventEnum } from '../constants';
+import { Portal } from 'senin-mini/components';
+import { ActionSheet } from '@nutui/nutui-taro';
defineOptions({
name: 'TaskCheckCard',
});
+
+enum ManageActions {
+ CheckIn = 1,
+ CheckOut,
+ OutWork,
+}
type Props = {
avatar?: string;
@@ -44,14 +77,77 @@
isReal?: boolean;
contactPhoneNumber?: string;
checkReceiveStatus?: EnumTaskCheckReceiveStatus;
+ /** 绛惧埌鏃堕棿 */
+ checkInTime?: string;
+ /** 绛惧嚭鏃堕棿 */
+ checkOutTime?: string;
+ checkReceiveMethod?: EnumTaskCheckReceiveMethod;
};
const props = withDefaults(defineProps<Props>(), {});
const emit = defineEmits<{
(e: 'checkReceive'): void;
- (e: 'taskChecked'): void;
+ (e: 'checkInOrOut', ev: CheckInOrOutEventEnum): void;
}>();
+
+const menuList = computed(() => {
+ let _menuList = [];
+ if (props.checkReceiveMethod === EnumTaskCheckReceiveMethod.CheckIn) {
+ _menuList.push(
+ {
+ name: '绛惧埌',
+ value: ManageActions.CheckIn,
+ },
+ {
+ name: '绛惧嚭',
+ value: ManageActions.CheckOut,
+ },
+ {
+ 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', CheckInOrOutEventEnum.CheckIn);
+ break;
+ case ManageActions.CheckOut:
+ emit('checkInOrOut', CheckInOrOutEventEnum.CheckOut);
+ break;
+ case ManageActions.OutWork:
+ emit('checkInOrOut', CheckInOrOutEventEnum.CheckOut);
+ break;
+ }
+}
</script>
<style lang="scss">
--
Gitblit v1.9.1