恢复接口
This commit is contained in:
@@ -106,7 +106,7 @@
|
||||
<text class="required">*</text>来访时间
|
||||
</view>
|
||||
<view class="value">
|
||||
<uni-datetime-picker type="datetime" v-model="form.visitTime" @change="handleTimeChange('visit')" :border="false"/>
|
||||
<uni-datetime-picker type="datetime" v-model="form.visitTime" @change="handleTimeChange" :border="false"/>
|
||||
</view>
|
||||
</view>
|
||||
<view class="form-item">
|
||||
@@ -114,7 +114,7 @@
|
||||
<text class="required">*</text>离开时间
|
||||
</view>
|
||||
<view class="value">
|
||||
<uni-datetime-picker type="datetime" v-model="form.leaveTime" @change="handleTimeChange('leave')" :border="false"/>
|
||||
<uni-datetime-picker type="datetime" v-model="form.leaveTime" @change="handleTimeChange" :border="false"/>
|
||||
</view>
|
||||
</view>
|
||||
<view class="tips">预计来访时间和预计离开时间间隔不能超过24小时</view>
|
||||
@@ -183,19 +183,19 @@ import moment from 'moment';
|
||||
// 标签激活状态
|
||||
const activeTab = ref('car');
|
||||
|
||||
// 表单数据(完全保留原有默认值)
|
||||
// 表单数据
|
||||
const form = reactive({
|
||||
address: '',
|
||||
name: '',
|
||||
gender: '',
|
||||
phone: '',
|
||||
carNumber: ['', '', '', '', '', '', ''],
|
||||
carNumber: ['', '', '', '', '', '', '', ''], // 修复:8位车牌
|
||||
peopleNum: '',
|
||||
visitTime: '',
|
||||
leaveTime: ''
|
||||
});
|
||||
|
||||
// 地址列表(原数据不变)
|
||||
// 地址列表
|
||||
const addressList = ref([
|
||||
'桂花园(别墅)1号楼1层',
|
||||
'桂花园(别墅)2号楼2层'
|
||||
@@ -208,13 +208,8 @@ const genderList = ref(['男', '女']);
|
||||
const addressModalRef = ref(null);
|
||||
const genderModalRef = ref(null);
|
||||
|
||||
// 页面初始化
|
||||
onLoad(() => {
|
||||
// 用moment设置默认时间,格式与原逻辑一致
|
||||
// const now = moment();
|
||||
// form.visitTime = now.format('YYYY-MM-DD HH:mm');
|
||||
// 默认离开时间为1小时后
|
||||
// form.leaveTime = now.clone().add(1, 'hours').format('YYYY-MM-DD HH:mm');
|
||||
|
||||
});
|
||||
|
||||
// 切换tab
|
||||
@@ -250,24 +245,24 @@ const selectGender = (item) => {
|
||||
genderModalRef.value.close();
|
||||
};
|
||||
|
||||
// 用moment处理时间
|
||||
const handleTimeChange = (type) => {
|
||||
if (!form.visitTime || !form.leaveTime) return;
|
||||
// 时间校验
|
||||
const handleTimeChange = () => {
|
||||
if (!form.visitTime || !form.leaveTime) return true;
|
||||
|
||||
const visitMoment = moment(form.visitTime);
|
||||
const leaveMoment = moment(form.leaveTime);
|
||||
|
||||
// 校验1:离开时间不能早于来访时间
|
||||
// 离开时间不能早于来访时间
|
||||
if (leaveMoment.isBefore(visitMoment)) {
|
||||
uni.showToast({
|
||||
title: '离开时间不能早于来访时间',
|
||||
icon: 'none'
|
||||
});
|
||||
form.leaveTime = visitMoment.clone().add(1, 'hours').format('YYYY-MM-DD HH:mm');
|
||||
return;
|
||||
return false;
|
||||
}
|
||||
|
||||
// 校验2:间隔不超过24小时
|
||||
// 不能超过24小时
|
||||
const diffHours = leaveMoment.diff(visitMoment, 'hours', true);
|
||||
if (diffHours > 24) {
|
||||
uni.showToast({
|
||||
@@ -275,44 +270,26 @@ const handleTimeChange = (type) => {
|
||||
icon: 'none'
|
||||
});
|
||||
form.leaveTime = visitMoment.clone().add(24, 'hours').format('YYYY-MM-DD HH:mm');
|
||||
}
|
||||
};
|
||||
|
||||
// 提交前时间校验
|
||||
const checkTimeInterval = () => {
|
||||
if (!form.visitTime) {
|
||||
uni.showToast({ title: '请选择来访时间', icon: 'none' });
|
||||
return false;
|
||||
}
|
||||
if (!form.leaveTime) {
|
||||
uni.showToast({ title: '请选择离开时间', icon: 'none' });
|
||||
return false;
|
||||
}
|
||||
|
||||
const visitMoment = moment(form.visitTime);
|
||||
const leaveMoment = moment(form.leaveTime);
|
||||
|
||||
if (!visitMoment.isValid() || !leaveMoment.isValid()) {
|
||||
uni.showToast({ title: '时间格式错误,请重新选择', icon: 'none' });
|
||||
return false;
|
||||
}
|
||||
|
||||
if (leaveMoment.isBefore(visitMoment)) {
|
||||
uni.showToast({ title: '离开时间不能早于来访时间', icon: 'none' });
|
||||
return false;
|
||||
}
|
||||
|
||||
const diffHours = leaveMoment.diff(visitMoment, 'hours', true);
|
||||
if (diffHours > 24) {
|
||||
uni.showToast({ title: '时间间隔不能超过24小时', icon: 'none' });
|
||||
return false;
|
||||
}
|
||||
|
||||
return true;
|
||||
};
|
||||
|
||||
// 表单提交(仅替换时间校验逻辑,其余完全不变)
|
||||
// 提交表单
|
||||
const submitForm = () => {
|
||||
// 1. 必填项校验
|
||||
if (!form.address) {
|
||||
uni.showToast({ title: '请选择来访地址', icon: 'none' });
|
||||
return;
|
||||
}
|
||||
if (!form.name) {
|
||||
uni.showToast({ title: '请输入访客姓名', icon: 'none' });
|
||||
return;
|
||||
}
|
||||
if (!form.gender) {
|
||||
uni.showToast({ title: '请选择性别', icon: 'none' });
|
||||
return;
|
||||
}
|
||||
if (!form.phone) {
|
||||
uni.showToast({ title: '请输入访客联系方式', icon: 'none' });
|
||||
return;
|
||||
@@ -325,18 +302,23 @@ const submitForm = () => {
|
||||
uni.showToast({ title: '请填写完整车牌号', icon: 'none' });
|
||||
return;
|
||||
}
|
||||
if (!form.peopleNum || form.peopleNum < 0) {
|
||||
if (!form.peopleNum || form.peopleNum <= 0) {
|
||||
uni.showToast({ title: '请输入正确的随行人数', icon: 'none' });
|
||||
return;
|
||||
}
|
||||
if (!form.visitTime) {
|
||||
uni.showToast({ title: '请选择来访时间', icon: 'none' });
|
||||
return;
|
||||
}
|
||||
if (!form.leaveTime) {
|
||||
uni.showToast({ title: '请选择离开时间', icon: 'none' });
|
||||
return;
|
||||
}
|
||||
|
||||
// 时间校验
|
||||
if (!checkTimeInterval()) return;
|
||||
|
||||
// 2. 时间规则校验
|
||||
if (!handleTimeChange()) return;
|
||||
|
||||
// 3. 提交成功
|
||||
uni.showLoading({ title: '提交中...' });
|
||||
setTimeout(() => {
|
||||
uni.hideLoading();
|
||||
@@ -345,6 +327,12 @@ const submitForm = () => {
|
||||
icon: 'success'
|
||||
});
|
||||
}, 1000);
|
||||
setTimeout(() =>{
|
||||
uni.navigateTo({
|
||||
url:"/pageSubPack/visitor/qrcode-page"
|
||||
})
|
||||
},1500)
|
||||
|
||||
};
|
||||
|
||||
// 重置表单
|
||||
@@ -353,7 +341,7 @@ const resetForm = () => {
|
||||
form.name = '';
|
||||
form.gender = '';
|
||||
form.phone = '';
|
||||
form.carNumber = ['', '', '', '', '', '', ''];
|
||||
form.carNumber = ['', '', '', '', '', '', '', ''];
|
||||
form.peopleNum = '';
|
||||
form.visitTime = '';
|
||||
form.leaveTime = '';
|
||||
|
||||
Reference in New Issue
Block a user