flexJobMiniApp.git

			@@ -10,7 +10,7 @@
			>
			<template #actions>
			<template v-if="checkReceiveMethod === EnumTaskCheckReceiveMethod.CheckIn">
			<nut-button
			<!-- <nut-button
			v-if="!checkInTime"
			type="primary"
			class="task-check-card-phone-btn"
			@@ -26,7 +26,10 @@
			>
			<div v-else class="task-check-card-phone-status" :style="{ color: Colors.Success }">
			{{ EnumTaskCheckReceiveStatusText[checkReceiveStatus] }}
			</div>
			</div> -->
			<nut-button type="primary" class="task-check-card-phone-btn" @click.stop="handleMore"
			>操作</nut-button
			>
			</template>
			<template v-else>
			<nut-button
			@@ -54,10 +57,18 @@
			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;
			@@ -79,6 +90,64 @@
			(e: 'checkReceive'): 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">