hotel.wxml 3.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576
  1. <!--pages/hotel/hotel.wxml-->
  2. <image style="width:100%;" mode="widthFix" src="{{info.img}}"></image>
  3. <view class="top">
  4. <view class="tt">{{info.name}}</view>
  5. <text>地址:{{info.address}}</text>
  6. <text>联系电话:{{info.telephone}}</text>
  7. </view>
  8. <view class="content">
  9. <view class="list" wx:for='{{info.rooms}}'>
  10. <image src="{{item.img}}"></image>
  11. <view>
  12. <view class="title">{{item.name}}</view>
  13. <text style="color:#999;">{{item.room_area}}m² {{item.food_condition}} {{item.floor}}层 {{item.enable_number}}人入住 </text>
  14. <text>{{item.unit_price}}元</text>
  15. <text>剩余数量:{{item.room_number}}</text>
  16. <view wx:if='{{item.room_number>0}}' bindtap="show_order" data-id='{{index}}' class="btn">预定</view>
  17. </view>
  18. </view>
  19. </view>
  20. <view class="bg" wx:if='{{show}}'>
  21. <view class="room">
  22. <icon bindtap="close" class="icon-small" type="cancel" size="23"></icon>
  23. <text class="room_title">{{data.name}}</text>
  24. <image src="{{data.img}}"></image>
  25. <view class="room_item">
  26. 房型信息
  27. <view><text>房型:{{data.room_type}}</text><text>面积:{{data.room_area}}m²</text></view>
  28. <view><text>可住:{{data.enable_number}}人</text><text>楼层:{{data.floor}}层</text></view>
  29. <view><text>床型:{{data.name}}</text><text>窗户:{{data.window_condition}}</text></view>
  30. <view><text>餐食:{{data.food_condition}}</text><text>房价:{{data.unit_price}}元</text></view>
  31. </view>
  32. <view class="room_item" style="padding:20rpx 10rpx;">
  33. <label>入住人数: </label>
  34. <radio-group class='rs' bindchange="bindinputChange">
  35. <label class="radio" wx:for='{{data.nums}}'>
  36. <radio value="{{item}}" />{{item}}人
  37. </label>
  38. </radio-group>
  39. <!-- <input type="number" bindinput="bindinputChange"></input> -->
  40. </view>
  41. <view class="room_item">
  42. <view><label>入住时间: </label>
  43. <picker mode="date" value="{{s_time}}" start="{{start}}" end='{{end}}' bindchange="bindDateChange">
  44. <view class="picker">
  45. <text wx:if='{{!s_time}}'>请选择</text>
  46. {{s_time}}
  47. </view>
  48. </picker>
  49. </view>
  50. <view>
  51. <label>离开时间: </label>
  52. <picker mode="date" value="{{e_time}}" start="{{start1}}"
  53. end='{{end}}' bindchange="bindDateChange1">
  54. <view class="picker">
  55. <text wx:if='{{!e_time}}'>请选择</text>
  56. {{e_time}}
  57. </view>
  58. </picker>
  59. </view>
  60. </view>
  61. <view bindtap="order" data-id='{{data.id}}' class="order">预定</view>
  62. </view>
  63. </view>
  64. <view wx:if='{{success}}' class="bg end">
  65. <icon type="success" size='72'></icon>
  66. <view>恭喜您报名成功</view>
  67. <view class="form_info">请您准时参加会议,到达会议地点届时将会有我方工作人员安排您的入住</view>
  68. <button bindtap="home" class="post">确认</button>
  69. </view>