源文件

jeepay-ui-uapp-agent/components/applyComponents/termOfValidity.vue

@@ -0,0 +1,44 @@
+<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>