<view class="page">
    <view class="page__bd">
        <view class="weui-toptips weui-toptips_warn" wx:if="{{showTopTips}}">{{errorMsg}}</view>

        <form bindsubmit="formSubmit" report-submit="true">
            <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}}" disabled="true" placeholder="请输入姓名"/>
                    </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}}" disabled="true" 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>
                <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.time}}" type="number" disabled="true"/>
                    </view>
                </view>               
        </view>

        <view class="weui-btn-area" wx:if="{{data.status == 0}}">
            <button class="weui-btn submit" type="primary" bindtap="yes" formType="submit">同意拼车</button>
            <button class="weui-btn " type="normal" bindtap="no" formType="submit">拒绝拼车</button>
        </view>

        </form>
    </view>
</view>

/* pages/info/add.wxss */
.page{background: #efefef;height: 560px;}
.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;}
.submit{background: #f4de3b!important;color:#000!important;}
.weui-input{overflow:hidden;}

// pages/info/add.js
var util = require('../../utils/util.js');
var app = getApp();
var type = 1;
var id = 0;
Page({
  data: {
  },
  onLoad: function (options) {
    var that = this;
    id = options.id;
    util.req('appointment/detail', { id: options.id, sk: app.globalData.sk }, function (data) {
      console.log(data);
      data.data.time = util.formatTime(new Date(data.data.time * 1000));
      that.setData({ data: data.data });
    })
  },
  formSubmit: function (e) {
    var that = this;
    wx.showLoading({
      title: '',
      mask: true
    })
    setTimeout(function(){
      util.req('appointment/submit', { id: id, sk: app.globalData.sk, type: type, form_id: e.detail.formId}, function (data) {
        wx.hideLoading();
        if(data.status == 1){
          if(type == 1){
            wx.showToast({
              title: '拼车成功,请留意与乘客联系',
              icon: 'success',
              duration: 2000
            })
          }else{
            wx.showToast({
              title: '拒绝成功',
              icon: 'success',
              duration: 2000
            })
          }
          that.setData({'data.status':type});
        } else {
          util.isError(data.msg, that);
        }
      })
    },1000)
    
  },
  no: function () {
    type = 2;
  }
})