<template>
	<view class="phone-navBar-box">
		<view @click="goUpPage" class="nav-bar-icon"></view>
		<text class="nav-bar-title">新增三方合同</text>
	</view>
	<button @click="handleSelct('kh')">选择客户</button>
	<button @click="handleSelct('jz')">选择家政</button>
	<!-- 客户 -->
	<selectKh ref="khRef"></selectKh>
	<!-- 家政 -->
	<selectJz ref="jzRef"></selectJz>
</template>

<script setup>
	import {
		ref,
		reactive,
		nextTick
	} from "vue";
	import {
		onLoad
	} from "@dcloudio/uni-app";
	import * as httpApi from "@/api/sanfang.js"
	import selectKh from "./components/selectKh.vue"
	import selectJz from "./components/selectJz.vue"

	const khRef = ref(null)
	const jzRef = ref(null)

	function handleSelct(code) {
		if (code == 'kh') {
			khRef.value.handleShow();
		} else {
			jzRef.value.handleShow();
		}
	}
	
	function goUpPage() {
		uni.navigateBack()
	}
</script>

<style>

</style>