statistics.wxml 2.6 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576
  1. <view class="top">
  2. <view class="top-line">
  3. <view class="top-name">姓名:</view>
  4. <view class="top-content">王孤独</view>
  5. </view>
  6. <view class="top-line">
  7. <view class="top-name">开始日期:</view>
  8. <picker mode="date" value="{{startdata}}" start="2015-09-01" end="{{enddata}}" bindchange="bindDateChange">
  9. <view class="data">
  10. <view class="data-title">
  11. <image class="data-icon" src="/images/data-icon.png"></image>
  12. <view class="data-text">{{startdata}}</view>
  13. </view>
  14. <image class="jiantou" src="/images/jiantou-bottom.png"></image>
  15. </view>
  16. </picker>
  17. </view>
  18. <view class="top-line">
  19. <view class="top-name">结束日期:</view>
  20. <picker mode="date" value="{{enddata}}" start="2015-09-01" end="{{enddata}}" bindchange="bindendDateChange">
  21. <view class="data">
  22. <view class="data-title">
  23. <image class="data-icon" src="/images/data-icon.png"></image>
  24. <view class="data-text">{{enddata}}</view>
  25. </view>
  26. <image class="jiantou" src="/images/jiantou-bottom.png"></image>
  27. </view>
  28. </picker>
  29. </view>
  30. </view>
  31. <view class="charts">
  32. <canvas canvas-id="ringCanvas" class="canvas" bindtouchstart="touchHandler"></canvas>
  33. <view class="charts-right">
  34. <view class="charts-line">
  35. <view class="charts-icon1 charts-icon"></view>
  36. <view class="charts-data">正常进入:314次</view>
  37. </view>
  38. <view class="charts-line">
  39. <view class="charts-icon2 charts-icon"></view>
  40. <view class="charts-data">正常外出:314次</view>
  41. </view>
  42. <view class="charts-line">
  43. <view class="charts-icon3 charts-icon"></view>
  44. <view class="charts-data">  晚归:314次</view>
  45. </view>
  46. <view class="charts-line">
  47. <view class="charts-icon4 charts-icon"></view>
  48. <view class="charts-data"> 未归寝:314次</view>
  49. </view>
  50. </view>
  51. </view>
  52. <view class="bottom">
  53. <view class="bottom-view">
  54. <view class="bottom-line">
  55. <view class="bottom-bigback bottom-bigback1">
  56. <view class="bottom-smllback bottom-smllback1">
  57. <text>1次</text>
  58. </view>
  59. </view>
  60. </view>
  61. <view class="bottom-line">
  62. <view class="bottom-bigback bottom-bigback2">
  63. <view class="bottom-smllback bottom-smllback2">
  64. <text>2次</text>
  65. </view>
  66. </view>
  67. </view>
  68. <view class="bottom-line">
  69. <view class="bottom-bigback bottom-bigback3">
  70. <view class="bottom-smllback bottom-smllback3">
  71. <text>3次</text>
  72. </view>
  73. </view>
  74. </view>
  75. </view>
  76. </view>