<template>
	<uni-collapse ref="collapse" class="fwnr-collapse-box" @change="handleChange">
		<uni-collapse-item title="服务内容" :open="true">
			<!-- 一般家务 -->
			<jiawuItemVue></jiawuItemVue>
			
			<!-- 辅助照顾小孩 -->
			<fuzhuXiaohai @change="onChange"></fuzhuXiaohai>
			
			<!-- 全职照顾小孩 -->
			<quanzhiXiaohai @change="onChange"></quanzhiXiaohai>
			
			<!-- 照顾老人 -->
			<zhaoguLaoren @change="onChange"></zhaoguLaoren>
			
			<!-- 照顾病人 -->
			<zhaoguBingren></zhaoguBingren>
			
			<!-- 孕妇 -->
			<zhaoguYunfu></zhaoguYunfu>
			
			<!-- 其他服务内容 -->
			<qitaFuwu></qitaFuwu>
			
		</uni-collapse-item>
	</uni-collapse>
</template>

<script setup>
	import jiawuItemVue from './jiawuItem.vue';
	import fuzhuXiaohai from './fuzhuXiaohai.vue';
	import quanzhiXiaohai from "./quanzhiXiaohai.vue";
	import zhaoguLaoren from "./zhaoguLaoren.vue";
	import zhaoguBingren from "./zhaoguBingren.vue";
	import zhaoguYunfu from "./zhaoguYunfu.vue";
	import qitaFuwu from "./qitaFuwu.vue"
	
	
	import {ref} from "vue"

	const emits = defineEmits(['change'])

	const collapse= ref(null)


	function handleChange() {
		emits('change')
	}

	function onChange() {
		setTimeout(() => {
			collapse.value && collapse.value.resize();
			emits('change')
		}, 300)
	}
</script>


<style>
</style>