<view class="page"> <view class="page__bd"> <view class="weui-toptips weui-toptips_warn" wx:if="{{showTopTips}}">{{errorMsg}}</view> <form bindsubmit="formSubmit"> <view class="weui-cells__title">确认联系人信息</view> <view class="weui-cells weui-cells_after-title"> <view class="weui-cell weui-cell_input"> <view class="weui-cell__hd"> <view class="weui-label">姓名</view> </view> <view class="weui-cell__bd"> <input class="weui-input" type="text" name="name" value="{{data.name}}" placeholder="请输入姓名"/> </view> </view> <view class="weui-cell weui-cell_input weui-cell_vcode"> <view class="weui-cell__hd"> <view class="weui-label">性别</view> </view> <view class="weui-cell__bd"> <radio-group bindchange="radioChange"> <picker mode="selector" value="{{data.gender}}" name="gender" range="{{sex}}" bindchange="setSex"> <view class="weui-input">{{sex[data.gender]}}</view> </picker> </radio-group> </view> <view class="weui-cell__ft weui-cell__ft_in-access"></view> </view> <view class="weui-cell weui-cell_input"> <view class="weui-cell__hd"> <view class="weui-label">手机号</view> </view> <view class="weui-cell__bd"> <input class="weui-input" name="phone" maxlength="11" value="{{data.phone}}" type="number" placeholder="请输入手机号"/> </view> </view> </view> <view class="weui-cells__title">填写拼车信息</view> <view class="weui-cells weui-cells_after-title"> <view class="weui-cell weui-cell_input StartAndStop"> <view class="weui-cell__hd"> <view class="weui-label">出发地</view> </view> <view class="weui-cell__bd"> <view class="weui-input" bindtap="sexDeparture">{{data.departure}}</view> </view> </view> <view class="weui-cell weui-cell_input StartAndStop"> <view class="weui-cell__hd"> <view class="weui-label">目的地</view> </view> <view class="weui-cell__bd"> <view class="weui-input stop" bindtap="sexDestination">{{data.destination}}</view> </view> </view> <!-- <image src="/img/to.png" class="to1"></image> --> <view class="weui-cell weui-cell_input"> <view class="weui-cell__hd"> <view class="weui-label">出发日期</view> </view> <view class="weui-cell__bd"> <picker mode="date" name="date" value="{{data.date}}" start="{{start}}" end="{{end}}" bindchange="bindDateChange"> <view class="weui-input">{{data.date}}</view> </picker> </view> <view class="weui-cell__ft weui-cell__ft_in-access"></view> </view> <view class="weui-cell weui-cell_input"> <view class="weui-cell__hd"> <view class="weui-label">出发时间</view> </view> <view class="weui-cell__bd"> <picker mode="time" name="time" value="{{data.time}}" start="00:00" end="23:59" bindchange="bindTimeChange"> <view class="weui-input">{{data.time}}</view> </picker> </view> <view class="weui-cell__ft weui-cell__ft_in-access"></view> </view> <view class="weui-cell weui-cell_input" wx:if="{{type == 1}}"> <view class="weui-cell__hd"> <view class="weui-label">拼车价格</view> </view> <view class="weui-cell__bd"> <input class="weui-input" name="price" value="{{data.price}}" placeholder="请填写价格,不填则为面议"/> </view> </view> <view class="weui-cell weui-cell_input" wx:if="{{data.type == 1}}"> <view class="weui-cell__hd"> <view class="weui-label">车型</view> </view> <view class="weui-cell__bd"> <input class="weui-input" type="text" name="vehicle" value="{{data.vehicle}}" placeholder="请填写车型"/> </view> </view> <view class="weui-cell weui-cell_input" wx:if="{{data.type == 1}}"> <view class="weui-cell__hd"> <view class="weui-label">剩余空位</view> </view> <view class="weui-cell__bd"> <picker mode="selector" name="surplus" value="{{data.surplus}}" range="{{Surpluss}}" bindchange="setsurplus"> <view class="weui-input">{{Surpluss[data.surplus]}}</view> </picker> </view> <view class="weui-cell__ft weui-cell__ft_in-access"></view> </view> <view class="weui-cell weui-cell_input" wx:if="{{data.type == 2}}"> <view class="weui-cell__hd"> <view class="weui-label">乘车人数</view> </view> <view class="weui-cell__bd"> <picker mode="selector" name="surplus" value="{{data.surplus}}" range="{{Surpluss}}" bindchange="setsurplus"> <view class="weui-input">{{Surpluss[data.surplus]}}</view> </picker> </view> <view class="weui-cell__ft weui-cell__ft_in-access"></view> </view> </view> <view class="weui-cells__title">其他信息</view> <view class="weui-cells weui-cells_after-title"> <view class="weui-cell"> <view class="weui-cell__bd"> <textarea class="weui-textarea" name="remark" placeholder="更多情况,请输入说明" value="{{data.remark}}" style="height: 3.3em" /> </view> </view> </view> <checkbox-group bindchange="bindAgreeChange" name="isAgree"> <label class="weui-agree" for="weuiAgree"> <view class="weui-agree__text"> <checkbox class="weui-agree__checkbox" id="weuiAgree" value="agree" checked="{{isAgree}}" /> <view class="weui-agree__checkbox-icon"> <icon class="weui-agree__checkbox-icon-check" type="success_no_circle" size="9" wx:if="{{isAgree}}"></icon> </view> 阅读并同意<navigator url="/pages/notice/index?id=1" class="weui-agree__link">《免责声明》</navigator> </view> </label> </checkbox-group> <view class="weui-btn-area"> <button class="weui-btn" type="primary" formType="submit">确定</button> </view> </form> </view> </view> |
/* pages/info/add.wxss */ .page__bd{background: #efefef;} .weui-cells__title{padding-top:.3rem;margin-top:0;} .radio-group{padding: 10px 0px !important;} /* .StartAndStop input{width:70px;float:left} .to1{width: 30px;height:30px;position:absolute;top:6px;} .stop{margin-left:40px;}*/ .weui-label{color:black} .radio text{margin:0rpx 8rpx;} .radio{margin-right: 12rpx;} .weui-btn{background: #f4de3b!important;color:#000!important;} .weui-input{overflow:hidden;} |
// pages/info/add.js var util = require('../../utils/util.js'); var app = getApp(); var today = util.formatTime(new Date()).split(' ')[0]; var maxday = util.formatTime(new Date((new Date()).getTime()+(1000*60*60*24*62))).split(' ')[0]; Page({ data:{ sex: ['请选择性别','男','女'], type:1, gender:0, date:today, start:today, end:maxday, time:'请选择时间', types:[{name: '1', value: '车找人',checked: true},{name: '2', value: '人找车'}], Surpluss:['请选择',1,2,3,4,5,6], surplus:0, isAgree: false, vehicle:'', departure:'出发地', destination:'目的地' }, setSex:function(e){ this.setData({'data.gender':e.detail.value}) }, bindDateChange:function(e){ this.setData({ 'data.date': e.detail.value }) }, bindTimeChange: function (e) { this.setData({ 'data.time': e.detail.value }) }, setsurplus:function(e){ this.setData({'data.surplus':e.detail.value}) }, bindAgreeChange: function (e) { this.setData({ isAgree: !!e.detail.value.length }); }, formSubmit:function(e){ var data = e.detail.value; var that = this; console.log(data); if(data.name == ''){ util.isError('请输入姓名', that); return false; } if(data.gender == 0){ util.isError('请选择性别', that); return false; } if(data.phone == ''){ util.isError('请输入手机号码', that); return false; } if(!(/^1[34578]d{9}$/.test(data.phone))){ util.isError('手机号码错误', that); return false; } if(that.data.data.departure == '出发地'){ util.isError('请选择出发地', that); return false; } if(that.data.data.destination == '目的地'){ util.isError('请选择目的地', that); return false; } if(data.time == '请选择时间'){ util.isError('请选择出发时间', that); return false; } if(data.surplus == '0'){ var arr = new Array('','剩余空位','乘车人数'); util.isError('请选择'+arr[data.type], that); return false; } if(!data.isAgree[0]){ util.isError('请阅读并同意条款',that); return false; } data.sk = app.globalData.sk; data.departure = that.data.data.departure; data.destination = that.data.data.destination; data.id = that.data.data.id; util.req('info/add',data,function(data){ if(data.status == 1){ wx.redirectTo({ url: '/pages/info/index?id='+data.info }); }else{ util.isError(data.msg,that); return false; } }) util.clearError(that); }, sexDeparture:function(){ var that = this; wx.chooseLocation({ success:function(res){ that.setData({ 'data.departure':res.address }) } }) }, sexDestination:function(){ var that = this; wx.chooseLocation({ success:function(res){ that.setData({ 'data.destination':res.address }) } }) }, onLoad:function(options){ var that = this; util.req('info/index',{id:options.id},function(data){ var time = util.formatTime(new Date(data.data.time*1000)).split(' ')[1]; data.data.time = time; that.setData({data:data.data}); }) } }) |
模板简介:该模板名称为【微信小程序修改信息带弹窗选择模板样式制作设计教程】,大小是,文档格式为.,推荐使用打开,作品中的图片,文字等数据均可修改,图片请在作品中选中图片替换即可,文字修改直接点击文字修改即可,您也可以新增或修改作品中的内容,该模板来自用户分享,如有侵权行为请联系网站客服处理。欢迎来懒人模板【小程序教程】栏目查找您需要的精美模板。