学员端小程序
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

110 lines
3.0 KiB

1 year ago
1 year ago
1 year ago
  1. <template>
  2. <view class="comp">
  3. <!-- 学习内容 -->
  4. <view class="learnCon">
  5. <view class="h1">学习内容</view>
  6. <view class="card">
  7. <view class="flex-b">
  8. <view class="lab">实操训练</view>
  9. <view class="btn">去预约</view>
  10. </view>
  11. </view>
  12. <view class="card mb0">
  13. <view class="flex-b">
  14. <view class="lab">考场模拟训练</view>
  15. <view class="btn disable">去预约</view>
  16. </view>
  17. </view>
  18. </view>
  19. <!-- 学习状态 -->
  20. <view class="learnStatus">
  21. <view class="flex-b">
  22. <view class="h1">学习状态</view>
  23. <view class="more">
  24. <view class="txt">查看全部</view>
  25. <view class="moreIcon">
  26. <u-icon name="arrow-right" color="#686B73" size="12"></u-icon>
  27. </view>
  28. </view>
  29. </view>
  30. <view class="card">
  31. <view class="flex-b">
  32. <view class="lab">科目二考试成绩已通过</view>
  33. <view class="date">2023/08/09 22:52:12</view>
  34. </view>
  35. <view class="flex-b bg">
  36. <view class="row">
  37. <view class="text">考试成绩100</view>
  38. <view class="btn" @click.stop="$goPage('/pages/carEntry/evaluate/evaluate?subject=2')">去评价</view>
  39. </view>
  40. </view>
  41. </view>
  42. <view class="card">
  43. <view class="flex-b">
  44. <view class="lab">科目二考试预约成功</view>
  45. <view class="date">2023/08/09 22:52:12</view>
  46. </view>
  47. <view class="bg">
  48. <view class="row">
  49. <view class="text">考试场地某某科目二考场</view>
  50. </view>
  51. <view class="row">
  52. <view class="text">考试时间2023/08/23 10:00:00</view>
  53. </view>
  54. </view>
  55. </view>
  56. <view class="card">
  57. <view class="flex-b">
  58. <view class="lab">科目二学习进度已通过</view>
  59. <view class="date">2023/07/24 03:12:20</view>
  60. </view>
  61. <view class="flex-b bg">
  62. <view class="row">
  63. <view class="text">前往12123APP预约考试</view>
  64. <view class="btn">去预约</view>
  65. </view>
  66. </view>
  67. </view>
  68. <view class="card">
  69. <view class="flex-b">
  70. <view class="lab">科目二模拟训练已预约</view>
  71. <view class="date">2023/07/24 03:12:20</view>
  72. </view>
  73. <view class="bg">
  74. <view class="row">
  75. <view class="text">预约科目科目二</view>
  76. </view>
  77. <view class="row">
  78. <view class="text">预约考场某某考场</view>
  79. </view>
  80. <view class="row">
  81. <view class="text">车辆编号2号车浙A99988</view>
  82. </view>
  83. <view class="row">
  84. <view class="text">预约时间2023/08/16 14:00</view>
  85. </view>
  86. <view class="row">
  87. <view class="text">核销时间2023/08/16 14:00</view>
  88. </view>
  89. </view>
  90. <view class="cancel" @click="show=true">取消预约</view>
  91. </view>
  92. </view>
  93. <u-popup :show="show" mode="center" :round="20" @>
  94. <cancelReservation @popupBtnClick="show=false"/>
  95. </u-popup>
  96. </view>
  97. </template>
  98. <script>
  99. export default {
  100. data() {
  101. return {
  102. show: false
  103. }
  104. }
  105. }
  106. </script>
  107. <style lang="scss" scoped>
  108. @import './comp.scss';
  109. </style>