<template>
	<view>
		<picker mode="date" fields="day" :value="props.defaultDate" @change="bindDateChange" v-show="props.defaultDate != '长期'">
			<view class="uni-input" style="text-align: right;">{{props.defaultDate ? props.defaultDate : '请选择'}}</view>
		</picker>
		<checkbox-group @change="end" v-if="props.isEnd">
			<label><checkbox value="长期" :checked="props.defaultDate == '长期' " color="#FFCC33" />长期</label>
		</checkbox-group>
	</view>
</template>

<script setup>

import { ref } from 'vue'
import useBackPress from '@/hooks/useBackPress.js' // 返回阻断函数

const props = defineProps({
	isEnd: { type: Boolean, default: true } , // 默认为选择结束时间
	defaultDate: {type: String, default: ''}, // 传入的默认时间
})

const emit = defineEmits(['publicSelect'])

// 保持与其他数据参数格式一致，所以也改成 e.detail.value的方式
let data = {
	detail: {
		value: ''
	}
}

// 普通日期选择
const bindDateChange = e => emit('publicSelect', e) 

// 点击长期
const end = e => {
	data.detail.value = e.detail.value[0] ? '长期' : ''
	emit('publicSelect', data)
}

</script>

<style scoped lang="scss">

</style>