LK/income_payments_applet
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

会议详情 会议报名

Browse Source
This commit is contained in:
fengachen
2021-10-13 19:50:38 +08:00
parent 4a0dd996b6
commit 2f3f9aba1d
14 changed files with 424 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files
pages/signUpPage/signUpPage.js
+116
View File
@@ -0,0 +1,116 @@
// pages/signUpPage/signUpPage.js
Page({
/**
* 页面的初始数据
*/
data: {
// 参会身份
identifyList:[
{value: '2', name: '参会人'},
{value: '1', name: '嘉宾'},
{value: '3', name: '内部企业'},
],
// 缴费方式
paymentMethodList:[
{value: '1', name: '汇款'},
{value: '2', name: '线上缴费'},
{value: '3', name: '打包'},
],
// 是否需要发票
needInvoiceList:[
{value: '0', name: '不需要'},
{value: '1', name: '增值税普通发票'},
{value: '2', name: '增值税专用发票'},
],
// 是否住酒店
needCheckInHotel:[
{value: '1', name: '是'},
{value: '0', name: '否'},
],
// 是否选择发票的选中的索引
index:-1,
// 抵达时间
arrivalTime:'请选择抵达时间',
// 离开时间
departureTime:'请选择离开时间'
},
// 是否需要发票的选择
needInvoiceChange(e){
console.log(e);
this.setData({
index:e.detail.value
})
},
// 抵达时间选择
bindDateChangeArriveTime(e){
this.setData({
arrivalTime:e.detail.value
})
},
// 离开时间选择
bindDateChangeLeaveTime(e){
this.setData({
departureTime:e.detail.value
})
},
// 确定
formSubmit(){
console.log(113);
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady: function () {
},
/**
* 生命周期函数--监听页面显示
*/
onShow: function () {
},
/**
* 生命周期函数--监听页面隐藏
*/
onHide: function () {
},
/**
* 生命周期函数--监听页面卸载
*/
onUnload: function () {
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh: function () {
},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom: function () {
},
/**
* 用户点击右上角分享
*/
onShareAppMessage: function () {
}
})
pages/signUpPage/signUpPage.json
+3
View File
@@ -0,0 +1,3 @@
{
"usingComponents": {}
}
pages/signUpPage/signUpPage.wxml
+114
View File
@@ -0,0 +1,114 @@
<!--报名页面-->
<view class="color-f5">
<form bindsubmit="formSubmit">
<view class="form-wrap">
<view class="form-item">
<text class="item-label flex-1">参会单位：</text>
<input placeholder-class="text-right" name="phone" bindinput="bindInputPhone" value="{{phone}}" placeholder="请选择参会单位" />
</view>
<view class="form-item">
<text class="item-label flex-1">参会人：</text>
<input placeholder-class="text-right" name="phone" bindinput="bindInputPhone" value="{{phone}}" placeholder="请选择" />
</view>
<view class="form-item">
<text class="item-label flex-1">手机号：</text>
<input placeholder-class="text-right" name="phone" bindinput="bindInputPhone" value="{{phone}}" placeholder="请输入手机号" />
</view>
<view class="form-item-radio">
<view class="radio-label">
<text class="item-label flex-1 validate">参会身份：</text>
</view>
<view>
<radio-group bindchange="identifyRadioChange">
<label class="radio radio-item" wx:for="{{identifyList}}" wx:key="item">
<radio value="{{item.value}}"/>{{item.name}}
</label>
</radio-group>
</view>
</view>
<view class="form-item-radio">
<view class="radio-label">
<text class="item-label flex-1 validate">缴费方式：</text>
</view>
<view>
<radio-group bindchange="paymentMethodRadioChange">
<label class="radio radio-item" wx:for="{{paymentMethodList}}" wx:key="item">
<radio value="{{item.value}}"/>{{item.name}}
</label>
</radio-group>
</view>
</view>
<view class="form-item">
<text class="item-label flex-1 validate">是否需要发票：</text>
<picker bindchange="needInvoiceChange" range="{{needInvoiceList}}" value="{{index}}" range-key='name'>
<view class="picker">
{{index === -1 ? '请选择' :needInvoiceList[index].name }}
</view>
</picker>
</view>
<view class="form-item">
<text class="item-label flex-1 validate">邮寄联系人：</text>
<input placeholder-class="text-right" name="phone" bindinput="bindInputPhone" value="{{phone}}" placeholder="请选择邮寄联系人" />
</view>
<view class="form-item">
<text class="item-label flex-1 validate">邮寄地址：</text>
<input placeholder-class="text-right" name="phone" bindinput="bindInputPhone" value="{{phone}}" placeholder="请输入邮寄地址" />
</view>
<view class="form-item">
<text class="item-label flex-1 validate">邮编：</text>
<input placeholder-class="text-right" name="phone" bindinput="bindInputPhone" value="{{phone}}" placeholder="请输入邮编" />
</view>
<view class="form-item-radio">
<view class="radio-label">
<text class="item-label flex-1 validate">是否住酒店：</text>
</view>
<view>
<radio-group bindchange="paymentMethodRadioChange">
<label class="radio radio-item" wx:for="{{needCheckInHotel}}" wx:key="item">
<radio value="{{item.value}}"/>{{item.name}}
</label>
</radio-group>
</view>
</view>
<view class="form-item">
<text class="item-label flex-1">抵达时间：</text>
<picker mode="date" value="{{date}}" bindchange="bindDateChangeArriveTime">
<view class="picker">
{{arrivalTime}}
</view>
</picker>
</view>
<view class="form-item">
<text class="item-label flex-1">离开时间：</text>
<picker mode="date" value="{{date}}" bindchange="bindDateChangeLeaveTime">
<view class="picker">
{{departureTime}}
</view>
</picker>
</view>
<view class="form-item">
<text class="item-label flex-1">费用合计：</text>
<text>200元</text>
</view>
<view class="btn-wrap">
<button class="btn-ok" formType="submit">确定</button>
</view>
</view>
</form>
</view>
pages/signUpPage/signUpPage.wxss
+63
View File
@@ -0,0 +1,63 @@
/* 报名页面 */
.form-wrap {
width: 100wh;
height: 20px;
background-color: #fff;
}
.form-item {
width: 100%;
display: flex;
justify-content: space-between;
height: 40px;
padding: 10rpx 20rpx;
box-sizing: border-box;
}
.form-item-radio {
margin-top: 20px;
width: 100%;
display: flex;
flex-direction: column;
padding: 10rpx 20rpx;
box-sizing: border-box;
}
.radio-label {
margin-bottom: 20px;
}
.item-label {
width:100px;
}
.text-right {
text-align: right;
}
.btn-wrap {
padding: 0 20rpx;
margin: 20rpx 0;
line-height: 80rpx;
}
.btn-ok {
width: 100%!important;
height: 80rpx;
border-radius: 4px;
background-color: #069F99;
font-weight: 400;
color: #fff;
font-size: 16px;
letter-spacing: 1px;
}
.radio-item {
margin-right: 20rpx;
}
.validate::before{
content: '*';
font-size: 18px;
color: red;
position: absolute;
left: 2rpx;
}