江西小程序管理端
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.

117 lines
2.4 KiB

1 year ago
  1. <template>
  2. <view class="content pageBg">
  3. <view class="userInfo">
  4. <view class="tit">Hi,大乔教练</view>
  5. <view class="flex userRow">
  6. <view class="schoolIcon">
  7. <image src="@/static/images/index/ic_jiaxiao.png" mode=""></image>
  8. </view>
  9. <view class="schoolName oneRowText">翔力驾校</view>
  10. <view class="tag">考场教练</view>
  11. </view>
  12. </view>
  13. <view class="card priceBox">
  14. <view class="blueLab">今日待服务</view>
  15. <view class="toDayServe">
  16. <view class="serveItem">
  17. <view class="lab">科目二</view>
  18. <view class="val">6</view>
  19. </view>
  20. <view class="serveItem">
  21. <view class="lab">科目三</view>
  22. <view class="val">10</view>
  23. </view>
  24. </view>
  25. <view class="flex-b">
  26. <view class="data">截止2023/08/08 11:00:00</view>
  27. <view class="refresh">
  28. <view class="text">刷新</view>
  29. <view class="icon">
  30. <image src="@/static/images/index/ic_shuaxin.png" mode=""></image>
  31. </view>
  32. </view>
  33. </view>
  34. </view>
  35. <view class="h1">服务次数统计</view>
  36. <view class="navBox">
  37. <cardNav :navData="navData" :currentNav="currentNav" @changeNav="changeNav"></cardNav>
  38. </view>
  39. <view class="tab_box">
  40. <tabDate/>
  41. </view>
  42. <view class="card">
  43. <view class="chart">
  44. <columnChart/>
  45. </view>
  46. </view>
  47. <view class="h1">服务学员人数统计</view>
  48. <view class="tab_box">
  49. <tabDate/>
  50. </view>
  51. <view class="card">
  52. <view class="chart">
  53. <columnChart/>
  54. </view>
  55. </view>
  56. <UserTab name ='统计'></UserTab>
  57. </view>
  58. </template>
  59. <script>
  60. import stage from './stage'
  61. import columnChart from './columnChart'
  62. import tabDate from './tabDate'
  63. export default {
  64. components: { stage, columnChart, tabDate },
  65. data() {
  66. return {
  67. value1: '',
  68. currentTab: 1,
  69. currentTab2: 1,
  70. showDatePicker: false,
  71. navData: [
  72. {text: '全部', id: 0},
  73. {text: '科目二', id: 1},
  74. {text: '科目三', id: 2},
  75. ],
  76. currentNav: 1
  77. }
  78. },
  79. onLoad() {
  80. },
  81. onShow() {
  82. uni.hideTabBar();
  83. },
  84. methods: {
  85. tabClick2(num) {
  86. this.currentTab2 = num
  87. if(num==4) {
  88. this.showDatePicker = true
  89. }
  90. },
  91. changeNav(num) {
  92. this.currentNav = num
  93. },
  94. // 2选择时间选择器里的时间
  95. selectDateClick(val) {
  96. console.log(val)
  97. },
  98. }
  99. }
  100. </script>
  101. <style lang="scss" scoped>
  102. @import './comp.scss';
  103. .navBox {
  104. margin-bottom: 24rpx;
  105. }
  106. </style>