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

<template>
	<view class="sfht-mt24">
		<!-- 合同模板 -->
		<view class="form-label-select form-radius-box">
			<view class="phone-form-label"><text class="form-label-require"></text>家政人员</view>
			<view class="form-radio-select" @click="handleSelect">
				<view v-show="!!data.jiazheng.realName">{{data.jiazheng.realName}}</view>
				<icon></icon>
			</view>
		</view>
	</view>
	<!-- 家政 -->
	<selectJz ref="jzRef" @select="onJzSelect"></selectJz>
</template>

<script setup>
	import {
		ref,
		reactive,
		nextTick
	} from "vue";
	import selectJz from "./selectJz.vue"
	import {
		useHetong
	} from "../useHetong.js"
	const {
		injectHetong
	} = useHetong();
	
	const data = injectHetong()
	
	const jzRef = ref(null);
	
	function handleSelect() {
		jzRef.value.handleShow()
	}
	
	function onJzSelect(da) {
		data.jiazheng.realName = da.realName;
		data.jiazheng.userId = da.userId;
	}
</script>

<style>
</style>