uniProject/pages/admin/Hetong/components/zhaoguLaoren.vue

<template>
	<view class="fwnr-item-box">
		<view class="title-row-box">
			<text>照顾老人：</text>
			<view class="title-del-btn">
				<icon class="del-icon"></icon>
			</view>
		</view>
		<view class="form-label-radio fwnr-label-radio">
			<view class="phone-form-label"><text class="form-label-require"></text>身体情况</view>
			<view class="form-radio-group">
				<view v-for="item in items" :key="item.value" class="form-radio-item" @click="radioChange(item.value)"
					:class="{genderActive:data.shentizhuangkuang==item.value }">{{item.text}}</view>
			</view>
		</view>
		<view class="fwnr-label-input">
			<view class="fwnr-form-label"><text class="form-label-require"></text>老人人数</view>
			<uni-easyinput v-model="data.hetong.laoren" placeholder="请输入照顾几位老人" />
		</view>
		<laorenNianling @change="onChange"></laorenNianling>
	</view>
</template>

<script setup>
	import {
		useHetong
	} from "../useHetong.js"
	import laorenNianling from "./laorenNianling.vue"
	import {
		ref
	} from "vue"
	const {
		injectHetong
	} = useHetong();

	const data = injectHetong()

	const emits = defineEmits(['change'])

	const items = [{
		value: 1,
		text: '能自理'
	}, {
		value: 2,
		text: '半自理'
	}, {
		value: 3,
		text: '不能自理'
	}, ]

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

	function radioChange(value) {
		data.shentizhuangkuang = value;
	}
</script>


<style>
</style>