<view class="Personal commonF">
  <view style="width:100%;height:200rpx">
    <image src="http://imgfile.oytour.com/New/Upload/Cloud/2019-07/20190705050047885.png"></image>
  </view>
  <view class="InfoView">
    <view class="title">个人定制</view>
    <view class="writeView">
      <view class="city">
        <view bindtap="getCity" data-type="start" class="site">
          出发地：{{msg.departureName}}
        </view>
        <view>-</view>
        <view bindtap="getCity" data-type="end" style="text-align:right" class="site">
          目的地：{{msg.destinationNames}}
        </view>
      </view>
    </view>
    <view class="padView" style="padding:0 30rpx">
      <view class="data">
        <text class="f30" style="color:#999999"><text style="color:#EE4454">*</text>预估出行日期</text>
        <view class="Date">
          <picker mode="date" data-str="start" value="{{date}}" bindchange="bindDateChange">
            <view class="picker">
            {{msg.startDate}}
              <!-- <input value="" placeholder="请选择出行时间"></input> -->
            </view>
          </picker>
        </view>
        <!-- <view class="Date">
        <picker mode="date" data-str="end" value="{{date}}" bindchange="bindDateChange">
          <view class="picker">
            {{msg.backDate}}
          </view>
        </picker>
      </view> -->

      </view>
      <view bindtap="numberView">
        <text style="color:#EE4454">*</text>
        <text class="f30">{{msg.audltNumber}}</text>
        <text class="f20">成人</text>
        <text style="margin-left:20rpx" class="f30">{{msg.childrenNumber}}</text>
        <text class="f20">儿童</text>
      </view>
      <view>
        <text class="c88 f30">预估人均预算</text>
        <input bindinput="budgetInput" type="number" placeholder-class="bugetInput" style="display:inline-block;width:400rpx;padding-left:30rpx;font-size: 24rpx;" placeholder="请输入0-99999之间的数字"></input>
      </view>
      <view>
        <text class="f30 c88">需要提供什么</text>
        <view bindtap="proView" class="f30" style="display:inline-block;width:400rpx;padding-left:30rpx">
          <text class="f26">{{msg.provideItem}}</text>
        </view>

      </view>
      <view class="halfVIew">
        <view class="left">
          <text style="color:#EE4454">*</text>
          <text class="f30">联系人姓名</text>
        </view>
        <view class="right">
          <input bindinput="concatNameInput" placeholder-class="bugetInput" placeholder="请输入联系人姓名"></input>
        </view>
      </view>
      <view class="halfVIew">
        <view class="left">
          <text style="color:#EE4454">*</text>
          <text class="f30">手机号码</text>
        </view>
        <view class="right">
          <input type="number" maxlength="11" bindinput="concatPhoneInput" placeholder-class="bugetInput" placeholder="请输入手机号码"></input>
        </view>
      </view>
      <view class="halfVIew">
        <view class="left">
          <text class="f30">电子邮箱</text>
        </view>
        <view class="right">
          <input bindinput="emailInput" placeholder-class="bugetInput" placeholder="请输入电子邮箱"></input>
        </view>
      </view>
      <view class="halfVIew">
        <view class="left">
          <text class="f30">微信号</text>
        </view>
        <view class="right">
          <input bindinput="weixinInput" placeholder-class="bugetInput" placeholder="请输入微信号"></input>
        </view>
      </view>
      <view class="halfVIew">
        <view class="left">
          <text class="f30">其他需求</text>
        </view>
        <view class="right">
          <input bindinput="otherInput" placeholder-class="bugetInput" placeholder="请输入其他需求"></input>
        </view>
      </view>
      <view bindtap="submitMsg" class="tjBtn">提交需求</view>
      <view class="f22" style="color:#5597FF;margin-top:30rpx">
        <text style="color:#EE4454">*</text>提交需求后会有专业定制师联系您，为您免费制作方案，可根据实际情况调整细节
      </view>
    </view>

  </view>
</view>
<!-- 国家城市选择 -->
<view hidden="{{!countryHidden}}">
  <chooseCity bind:selectCity="selectCity" bind:closeCountryView="closeCountryView" data-type="{{type}}" id="chooseCity"></chooseCity>
</view>
<!-- 人数的选择 -->

<view hidden="{{!numberHidden}}" bindtap="closeNumber" data-self="number" class="CountrySelect">
  <view class="CountryView">
    <view class="PickerBtn">
      <view bindtap="closeNumber" data-self="number" style="color:#888888">取消</view>
      <view bindtap="selectPerson" style="color:#EE4454">确定</view>
    </view>
    <view class="numberView">
      <view>成人</view>
      <view>儿童</view>
    </view>
    <picker-view class="CountryPicker" indicator-style="height: 50px;" style="width: 100%; height: 400rpx;" value="{{value}}" bindchange="changePerson">

      <picker-view-column>
        <view wx:for="{{peopleNumber}}" wx:key="index" style="line-height: 50px">{{item}}</view>
      </picker-view-column>
      <picker-view-column>
        <view wx:for="{{peopleNumber1}}" wx:key="index" style="line-height: 50px">{{item}}</view>
      </picker-view-column>
    </picker-view>
  </view>

</view>
<!-- 需要提供 -->
<view  hidden="{{!proHidden}}" bindtap="closePro" data-self="self" class="CountrySelect commonF">
  <view class="CountryView" style="text-align: left;padding:0 30rpx;box-sizing:border-box;height:400rpx">
    <view class="f30 bold" style="text-align:center;padding:30rpx;position:relative">需要提供什么
    <view class="closePro" data-self="self">x</view>
    </view>
    <view class="provite">
      <text class="{{item.click?'active':''}}" bindtap="protext" data-item="{{item}}" wx:for="{{active}}" wx:key="index">{{item.lable}}</text>
    </view>
    <!-- <view class="proBtn">确定</view> -->
  </view>
</view>
<!-- 订单提交成功 -->
<view hidden="{{!orderState}}" class="orderView commonF">
  <view class="Info">
    <view style="text-align:center;position:relative;top:-50rpx">
      <image style="width:100rpx;height:100rpx;" src="/images/free/gou.png"></image>
    </view>
    <view class="f30" style="text-align:center">您的订单已经成功提交！</view>
    <view class="f24 c66">
      <view style="padding:20rpx 0">我们正在为您分配定制师</view>
      <view>定制师接单后将<text style="color:#EE4454">明天</text>联系您</view>
    </view>
    <view bindtap="goOrder" class="f30 cee" style="text-align:center;margin-top:30rpx">查看订单</view>
  </view>
</view>