修改 优惠卷和咨询接口,和按钮

This commit is contained in:
郑茂强 2019-02-22 17:12:35 +08:00
parent 5baa65e718
commit 59a4a40eb4
4 changed files with 30 additions and 12 deletions

View File

@ -35,7 +35,8 @@ class recommondShop extends Component {
voucherResponseMsg: 'i am voucherResponseMsg',
userName: Taro.getStorageSync('user_identity').username || '',
userPhone: Taro.getStorageSync('user_identity').userphone || '',
canConsult: false
isCanConsult: true,
isCanVoucher: true
}
}
@ -76,7 +77,7 @@ class recommondShop extends Component {
.then(res => {
this.setState({
voucherResponseMsg: res.data.tips,
canConsult: res.data.canConsult,
isCanVoucher: res.data.canConsult,
})
console.log('优惠卷请求', res)
})
@ -113,7 +114,7 @@ class recommondShop extends Component {
}
})
.then(res => {
this.setState({ consultTip: res.data.tips })
this.setState({ consultTip: res.data.tips,isCanConsult:res.data.canConsult })
console.log('咨询请求', res)
})
}
@ -122,7 +123,8 @@ class recommondShop extends Component {
phone = this.state.userPhone,
shops = [this.props.shop.shop_id],
source_type = "2",
source_level = 1,
source_level = this.props.categoryLevel,
source_class = this.props.classId === '-1' ? '' : this.props.classId,
coupons_flag = 0 }) {
Taro.request({
url: URL.BuyConsult,
@ -135,6 +137,7 @@ class recommondShop extends Component {
shops: shops,
source_type: source_type,
source_level: source_level,
source_class: source_class,
coupons_flag: coupons_flag,
})
},
@ -187,9 +190,10 @@ class recommondShop extends Component {
} else {
this.setState({ isOpenConsult: false })
this.buyConsult({ user: this.state.userName, phone: this.state.userPhone })
this.buyConsult({})
}
}
handleInputCsultName(e) {
this.setState({ userName: e.detail.value })
@ -215,7 +219,6 @@ class recommondShop extends Component {
//console.log(this.props, nextProps)
}
componentDidMount() {
console.log('this.props', this.props)
}
componentWillUnmount() { }
@ -279,10 +282,13 @@ class recommondShop extends Component {
/>
</View>
</AtModalContent>
<AtModalAction> <Button onClick={this.consultModalClose.bind(this)} >取消</Button> <Button style='color:#FF7142' onClick={this.consultModalConfirm.bind(this)}></Button> </AtModalAction>
<AtModalAction>
<Button onClick={this.consultModalClose.bind(this)} >取消</Button>
<Button disabled={!this.state.isCanConsult} className={!this.state.isCanConsult?'confirm_button blur':'confirm_button'} onClick={this.consultModalConfirm.bind(this)}>确定</Button>
</AtModalAction>
</AtModal>
// <AtModalAction> <Button onClick={this.consultModalClose.bind(this)} >取消</Button> {this.props.canConsult?<Button style='color:#FF7142' onClick={this.consultModalConfirm.bind(this)}>确定</Button>:<Text></Text>} </AtModalAction>
// <AtModalAction> <Button onClick={this.consultModalClose.bind(this)} >取消</Button> {this.props.canConsult?<Button style='color:#FF7142' onClick={this.consultModalConfirm.bind(this)}>确定</Button>:<Text></Text>} </AtModalAction>
return (
<View className='shop-list-box' >
@ -291,12 +297,13 @@ class recommondShop extends Component {
name={this.state.userName}
phone={this.state.userPhone}
shopId={this.props.shop.shop_id}
canConsult={this.state.canConsult}
isCanVoucher={this.state.isCanVoucher}
isVoucherPoster={this.state.isOpenVoucher}
onPassDataToChild={this.getDataFromChild.bind(this)}
voucherLeft={this.props.shop.left_nums}
voucherResponseMsg={this.state.voucherResponseMsg}
categoryLevel={this.props.categoryLevel}
classId={this.props.classId === '-1' ? '' : this.props.classId}
></VoucherPosterComponent>
<View className='header'>

View File

@ -5,6 +5,12 @@ $linearBlue:linear-gradient(to right, #337ab7, #337ab7);
border-radius: 3px;
box-shadow: 0 5px 5px #ddd;
margin-bottom: 10px;
.confirm_button{
color:#FF7142!important
}
.blur{
opacity: 0.5
}
.voucher-modal{
background-color: black;

View File

@ -30,6 +30,7 @@ class VoucherPoster extends Component {
shops = [this.props.shopId],
source_type = '4',
source_level = this.props.categoryLevel,
source_class = this.props.classId,
coupons_flag = '1' }) {
Taro.request({
url: URL.BuyConsult,
@ -43,6 +44,7 @@ class VoucherPoster extends Component {
source_type: source_type,
source_level: source_level,
coupons_flag: coupons_flag,
source_class: source_class
})
},
header: {
@ -55,7 +57,7 @@ class VoucherPoster extends Component {
console.log('购买咨询请求成功', res)
if (res.data.err_code === 0) {
Taro.showToast({
title: '领取成功',
title: '咨询成功',
icon: 'success',
duration: 1500
})
@ -150,7 +152,7 @@ class VoucherPoster extends Component {
</View>
<View className='button' >
<Button size='default' className='button-orange' onClick={this.voucherModalConfirm.bind(this)}>预约领取</Button>
<Button size='default' disabled={!this.props.isCanVoucher} className={!this.props.isCanVoucher ? 'button-orange blur' : 'button-orange'} onClick={this.voucherModalConfirm.bind(this)}>预约领取</Button>
</View>
<View className='declare'>

View File

@ -41,6 +41,7 @@ $linearOrange:linear-gradient(to right, #FF7142, #FF7142);
min-height:100%;
.close-icon{
margin-left:88%;
margin-top:2%;
@ -100,7 +101,9 @@ $linearOrange:linear-gradient(to right, #FF7142, #FF7142);
font-size: 28px;
background:$linearOrange;
padding: 12rpx;
}
.blur{
opacity: 0.5;
}
}
.declare{