aizuda-web-vue3/src/views/approve/components/approvalIndex.vue

<template>
	<div class="flex-column-page-wrap flex-wrap pageWrap">
		<div class="warp-left">
			<ApprovedItem :current-task-type="currentTaskType" />
		</div>

		<div class="warp-right">
			<ApprovedContent :current-task-type="currentTaskType" />
		</div>
	</div>
</template>

<script setup>
import ApprovedItem from '../components/approvedItem.vue'
import ApprovedContent from '../components/approvedContent.vue'

const props = defineProps({
	/**
	 * pendingApproval 待审批
	 * myApplication 我的申请
	 * myReceived 我收到的
	 * pendingClaim 认领任务
	 * approved 已审批
	 */
	currentTaskType: {
		type: String,
		default: ''
	}
})
</script>