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

<template>
	<!--  class="sfht-mt24" -->
	<view>
		<!-- 合同模板 form-radius-box-->
		<view class="form-label-select" style="border: 0;">
			<view class="phone-form-label"><text class="form-label-require">*</text>家政人员</view>
			<view class="form-radio-select" @click="handleSelect">
				<view v-show="!!data.hetong.realName">{{data.hetong.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.hetong.realName = da.realName;
		data.hetong.userId = da.userId;
	}
</script>

<style>
</style>