myself.vue 2.8 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091
  1. <template>
  2. <view class="content">
  3. <view class="person">
  4. <image class="person_touxiang" src="../../static/my/touxiang.svg"></image>
  5. <view class="person_name">李老师</view>
  6. <view class="person_phone">13279845567</view>
  7. </view>
  8. <!-- 第二部分,我的订单 -->
  9. <view class="my_order">
  10. <view class="order_title">我的订单</view>
  11. <view class="order_all">全部></view>
  12. <view class="item-list">
  13. <view class="item-list-one" @click="navigateToXuzhi">
  14. <image src="../../static/my/no_zhifu.svg" class="img-btn"></image>
  15. <text class="list-txt">待支付</text>
  16. </view>
  17. <view class="item-list-one" @click="navigateToCard">
  18. <image src="../../static/my/dairuzhu.svg" class="img-btn"></image>
  19. <text class="list-txt">待入住</text>
  20. </view>
  21. <view class="item-list-one" @click="navigateToPay">
  22. <image src="../../static/my/yiruzhu.svg" class="img-btn"></image>
  23. <text class="list-txt">已入住</text>
  24. </view>
  25. <view class="item-list-one" @click="navigateToPay">
  26. <image src="../../static/my/yiquxiao.svg" class="img-btn"></image>
  27. <text class="list-txt">已取消</text>
  28. </view>
  29. </view>
  30. <view class="item-list">
  31. <view class="item-list-one" @click="navigateToXuzhi">
  32. <image src="../../static/my/no_pay.svg" class="img-btn"></image>
  33. <text class="list-txt">待结账</text>
  34. </view>
  35. <view class="item-list-one" @click="navigateToCard">
  36. <image src="../../static/my/wancheng.svg" class="img-btn"></image>
  37. <text class="list-txt">已完成</text>
  38. </view>
  39. </view>
  40. </view>
  41. <!-- 第三部分,我的服务 -->
  42. <view class="my_help">
  43. <view class="help_title">我的服务</view>
  44. <view class="item-list">
  45. <view class="item-list-one" @click="navigateToXuzhi">
  46. <image src="../../static/my/person_phone.svg" class="img-btn"></image>
  47. <text class="list-txt">人工热线</text>
  48. </view>
  49. <view class="item-list-one" @click="navigateToCard">
  50. <image src="../../static/my/baoxiu.svg" class="img-btn"></image>
  51. <text class="list-txt">房间报修</text>
  52. </view>
  53. </view>
  54. </view>
  55. </view>
  56. </template>
  57. <script>
  58. export default {
  59. data() {
  60. return {
  61. sheshiList:[
  62. {id:1,list:'免费洗刷用品'},
  63. {id:2,list:'24小时热水'},
  64. {id:3,list:'客房wifi覆盖'},
  65. {id:4,list:'电视'},
  66. {id:5,list:'电吹风'},
  67. {id:6,list:'分体式空调'},
  68. ],
  69. sheshiList2:[
  70. {id:1,list:'吹风机'},
  71. {id:2,list:'宽带上网接口'},
  72. {id:3,list:'独立卫生间'},
  73. {id:4,list:'拖鞋'},
  74. {id:5,list:'电水壶'},
  75. {id:6,list:'免费瓶装水'},
  76. ]
  77. }
  78. },
  79. onLoad() {
  80. },
  81. methods: {
  82. }
  83. }
  84. </script>
  85. <style>
  86. @import url("./css/myself.css");
  87. </style>