spotCheckResult.vue 1.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105
  1. <template>
  2. <view class="result-pages">
  3. <view class="results">
  4. <view class="results-head">
  5. <view>夏季活夏季活动布置动布置-长青长青二路店二路店-2020-05-26</view>
  6. <view>任务的点检结果</view>
  7. <view>
  8. <view class="r-totals">113</view>
  9. <view>点检总数</view>
  10. </view>
  11. </view>
  12. <view class="results-items">
  13. <view>
  14. <view class="hg">6</view>
  15. <view>合格项数</view>
  16. </view>
  17. <view>
  18. <view class="bhg">2</view>
  19. <view>不合格项数</view>
  20. </view>
  21. <view>
  22. <view class="bsy">5</view>
  23. <view>不适用项数</view>
  24. </view>
  25. </view>
  26. </view>
  27. <view class="result-back">
  28. <u-button type="primary" @click="goBack">返回任务列表</u-button>
  29. </view>
  30. </view>
  31. </template>
  32. <script>
  33. export default {
  34. data() {
  35. return {
  36. pageData: null
  37. }
  38. },
  39. methods: {
  40. goBack(){
  41. uni.navigateBack()
  42. }
  43. }
  44. }
  45. </script>
  46. <style lang="scss">
  47. .result-pages{
  48. .results{
  49. padding: 20upx;
  50. background: #fff;
  51. margin-bottom: 25upx;
  52. .results-head{
  53. text-align: center;
  54. padding: 20upx 0;
  55. .r-totals{
  56. width: 160upx;
  57. height: 160upx;
  58. display: inline-block;
  59. line-height: 160upx;
  60. background: #ff5500;
  61. border-radius: 100%;
  62. color: #fff;
  63. font-size: 60upx;
  64. margin: 20upx 0;
  65. }
  66. }
  67. .results-items{
  68. display: flex;
  69. align-items: center;
  70. border-top: 1px solid #eee;
  71. border-bottom: 1px solid #eee;
  72. padding: 20upx 0;
  73. margin-top: 20upx;
  74. > view{
  75. width: 33.3%;
  76. border-right: 1px solid #eee;
  77. text-align: center;
  78. &:last-child{
  79. border: 0;
  80. }
  81. >view{
  82. &:first-child{
  83. font-size: 40upx;
  84. margin-bottom: 10upx;
  85. }
  86. }
  87. .hg{
  88. color: #55aa00;
  89. }
  90. .bhg{
  91. color: #FF0000;
  92. }
  93. .bsy{
  94. color: #007AFF;
  95. }
  96. }
  97. }
  98. }
  99. .result-back{
  100. padding: 20upx 50upx;
  101. }
  102. }
  103. </style>