【bug】国际研讨会时间组件的禁用

This commit is contained in:
fengachen
2021-10-28 18:01:06 +08:00
parent de13efaaa1
commit 25c7eedd7d
2 changed files with 70 additions and 23 deletions
@@ -13,7 +13,7 @@
<a-col :xxl="8" :xl="12" :sm="24"> <a-col :xxl="8" :xl="12" :sm="24">
<a-form-item label="抵达时间" :labelCol="labelCol" :wrapperCol="wrapperCol"> <a-form-item label="抵达时间" :labelCol="labelCol" :wrapperCol="wrapperCol">
<j-date placeholder="请选择抵达时间" style="width: 100%;" v-decorator="['arrivalTime']" :trigger-change="true" <j-date placeholder="请选择抵达时间" style="width: 100%;" v-decorator="['arrivalTime']" :trigger-change="true" :disabled-date="disabledStartDate"
date-format="YYYY-MM-DD"/> date-format="YYYY-MM-DD"/>
</a-form-item> </a-form-item>
</a-col> </a-col>
@@ -33,7 +33,8 @@
<a-row :gutter="24"> <a-row :gutter="24">
<a-col :xxl="8" :xl="12" :sm="24" v-if="identifyType === 2"> <a-col :xxl="8" :xl="12" :sm="24" v-if="identifyType === 2">
<a-form-item label="缴费方式" :labelCol="labelCol" :wrapperCol="wrapperCol"> <a-form-item label="缴费方式" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-radio-group v-decorator="['payMode',validatorRules.payMode]" :disabled="isEditBool" @change="changePayMode"> <a-radio-group v-decorator="['payMode',validatorRules.payMode]" :disabled="isEditBool"
@change="changePayMode">
<a-radio :value="1">汇款</a-radio> <a-radio :value="1">汇款</a-radio>
<a-radio :value="2">线上缴费</a-radio> <a-radio :value="2">线上缴费</a-radio>
<a-radio :value="3">打包</a-radio> <a-radio :value="3">打包</a-radio>
@@ -259,7 +260,7 @@ export default {
}) })
}, },
/* /*
* 抵达时间禁用 * 离开时间禁用
* */ * */
disabledEndDate(endValue) { disabledEndDate(endValue) {
const startValueTemp = this.form.getFieldValue('arrivalTime') const startValueTemp = this.form.getFieldValue('arrivalTime')
@@ -269,6 +270,17 @@ export default {
} }
return startValue.valueOf() > endValue.valueOf() return startValue.valueOf() > endValue.valueOf()
}, },
/*
* 抵达时间禁用
* */
disabledStartDate(endValue) {
const startValueTemp = this.form.getFieldValue('departureTime')
const startValue = startValueTemp && moment(startValueTemp, 'YYYY-MM-DD')
if (!endValue || !startValue) {
return false
}
return startValue.valueOf() < endValue.valueOf() - 86400000
},
/* /*
* 缴费方式选择 * 缴费方式选择
* */ * */
@@ -87,7 +87,7 @@
<!--入住酒店选择是才显示--> <!--入住酒店选择是才显示-->
<a-col :xxl="8" :xl="12" :sm="24" v-if="inHotelBool"> <a-col :xxl="8" :xl="12" :sm="24" v-if="inHotelBool">
<a-form-item label="入住酒店时间" :labelCol="labelCol" :wrapperCol="wrapperCol"> <a-form-item label="入住酒店时间" :labelCol="labelCol" :wrapperCol="wrapperCol">
<j-date :disabled="isEditBool" v-decorator="['inHotelTime',validatorRules.inHotelTime]" :trigger-change="true" show-type="day" <j-date :disabled="isEditBool" v-decorator="['inHotelTime',validatorRules.inHotelTime]" :trigger-change="true" show-type="day" :disabled-date="disabledStartDate"
placeholder="请选择入住酒店时间"></j-date> placeholder="请选择入住酒店时间"></j-date>
</a-form-item> </a-form-item>
</a-col> </a-col>
@@ -126,6 +126,7 @@
<a-form-item label="抵达时间" :labelCol="labelCol" :wrapperCol="wrapperCol"> <a-form-item label="抵达时间" :labelCol="labelCol" :wrapperCol="wrapperCol">
<j-date :disabled="isEditBool" placeholder="请选择抵达时间" style="width: 100%;" v-decorator="['arrivalTime',validatorRules.arrivalTime]" <j-date :disabled="isEditBool" placeholder="请选择抵达时间" style="width: 100%;" v-decorator="['arrivalTime',validatorRules.arrivalTime]"
:trigger-change="true" :trigger-change="true"
:disabled-date="disabledArrivalTimeEndDate"
show-type="day" show-type="day"
date-format="YYYY-MM-DD"/> date-format="YYYY-MM-DD"/>
</a-form-item> </a-form-item>
@@ -164,6 +165,7 @@
<a-form-item label="离开时间" :labelCol="labelCol" :wrapperCol="wrapperCol"> <a-form-item label="离开时间" :labelCol="labelCol" :wrapperCol="wrapperCol">
<j-date :disabled="isEditBool" placeholder="请选择离开时间" style="width: 100%;" v-decorator="['departureTime',validatorRules.departureTime]" <j-date :disabled="isEditBool" placeholder="请选择离开时间" style="width: 100%;" v-decorator="['departureTime',validatorRules.departureTime]"
:trigger-change="true" :trigger-change="true"
:disabled-date="disabledDepartureTimeEndDate"
show-type="day" show-type="day"
date-format="YYYY-MM-DD"/> date-format="YYYY-MM-DD"/>
</a-form-item> </a-form-item>
@@ -410,6 +412,39 @@ export default {
return startValue.valueOf() > endValue.valueOf() return startValue.valueOf() > endValue.valueOf()
}, },
/* /*
* 入住酒店时间禁用
* */
disabledStartDate(endValue){
const startValueTemp = this.form.getFieldValue('outHotelTime')
const startValue = startValueTemp && moment(startValueTemp, 'YYYY-MM-DD')
if (!endValue || !startValue) {
return false
}
return startValue.valueOf() < endValue.valueOf() - 86400000
},
/*
* 离开时间禁用
* */
disabledDepartureTimeEndDate(endValue) {
const startValueTemp = this.form.getFieldValue('arrivalTime')
const startValue = startValueTemp && moment(startValueTemp, 'YYYY-MM-DD')
if (!endValue || !startValue) {
return false
}
return startValue.valueOf() > endValue.valueOf()
},
/*
* 抵达时间禁用
* */
disabledArrivalTimeEndDate(endValue) {
const startValueTemp = this.form.getFieldValue('departureTime')
const startValue = startValueTemp && moment(startValueTemp, 'YYYY-MM-DD')
if (!endValue || !startValue) {
return false
}
return startValue.valueOf() < endValue.valueOf() - 86400000
},
/*
* 编辑回显值 * 编辑回显值
* */ * */
setFormVal(record) { setFormVal(record) {