production_statistics.vue 1.8 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192
  1. <template>
  2. <view class="content">
  3. <view class="section">
  4. <view class="title" style="text-align: center;">当日集团产量</view>
  5. <view class="inner">
  6. <p-production-statistics-section-1></p-production-statistics-section-1>
  7. </view>
  8. </view>
  9. <view class="section">
  10. <view class="title">当日产量分布</view>
  11. <view class="inner">
  12. <p-production-statistics-section-2></p-production-statistics-section-2>
  13. </view>
  14. </view>
  15. <view class="section">
  16. <view class="title">
  17. <view class="text">
  18. <view>周产量趋势</view>
  19. <view class="right_text">单位: 吨</view>
  20. </view>
  21. </view>
  22. <view class="inner">
  23. <p-production-statistics-section-3></p-production-statistics-section-3>
  24. </view>
  25. </view>
  26. <view class="section">
  27. <view class="title" style="border-bottom: 1px solid #eee;">
  28. <view class="text">
  29. <view>各矿产量</view>
  30. <view class="right_text">单位: 吨</view>
  31. </view>
  32. </view>
  33. <view class="inner">
  34. <p-production-statistics-section-4></p-production-statistics-section-4>
  35. </view>
  36. </view>
  37. </view>
  38. </template>
  39. <script>
  40. export default {
  41. data() {
  42. return {
  43. };
  44. }
  45. }
  46. </script>
  47. <style lang="scss">
  48. page{
  49. background-color: #009FE8;
  50. }
  51. .content{
  52. width: 749rpx;
  53. box-sizing: border-box;
  54. padding: 0 24rpx;
  55. }
  56. .section{
  57. margin: 20rpx 0;
  58. width: 700rpx;
  59. background-color: #FFFFFF;
  60. border-radius: 8px;
  61. .title{
  62. font-size: 36rpx;
  63. color: #1e1e1e;
  64. font-weight: 700;
  65. box-sizing: border-box;
  66. padding: 30rpx 0;
  67. margin: 0 20rpx;
  68. .text{
  69. display: flex;
  70. justify-content: space-between;
  71. align-items: baseline;
  72. .right_text{
  73. font-size: 24rpx;
  74. color: #9a9a9a;
  75. font-weight: 400;
  76. }
  77. }
  78. }
  79. .inner{
  80. // min-height: 200px;
  81. }
  82. }
  83. </style>