systemParameter.vue 3.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199
  1. <template>
  2. <view>
  3. <view class="white">
  4. <view class="title">
  5. <text class="param">参数修正</text>
  6. <view class="tiao"></view>
  7. </view>
  8. <view class="setmenu">
  9. <view class="setItem">
  10. <view class="text">
  11. <text>排风温度修正</text>
  12. </view>
  13. <view class="input">
  14. <input style="margin-left: 20rpx;" placeholder="请输入" />
  15. <view class="danwei">
  16. <text style="margin-left: 10rpx;">℃</text>
  17. </view>
  18. </view>
  19. </view>
  20. <view class="setItem">
  21. <view class="text">
  22. <text>排风湿度修正</text>
  23. </view>
  24. <view class="input">
  25. <input style="margin-left: 20rpx;" placeholder="请输入" />
  26. <view class="danwei"> <text style="margin-left: 14rpx;">%</text></view>
  27. </view>
  28. </view>
  29. <view class="setItem">
  30. <view class="text">
  31. <text>加热比例</text>
  32. </view>
  33. <view class="input">
  34. <input style="margin-left: 20rpx;" placeholder="请输入" />
  35. </view>
  36. </view>
  37. <view class="setItem">
  38. <view class="text">
  39. <text>加热积分</text>
  40. </view>
  41. <view class="input">
  42. <input style="margin-left: 20rpx;" placeholder="请输入" />
  43. </view>
  44. </view>
  45. <view class="setItem">
  46. <view class="text">
  47. <text>降温比例</text>
  48. </view>
  49. <view class="input">
  50. <input style="margin-left: 20rpx;" placeholder="请输入" />
  51. </view>
  52. </view>
  53. <view class="setItem">
  54. <view class="text">
  55. <text>降温积分</text>
  56. </view>
  57. <view class="input">
  58. <input style="margin-left: 20rpx;" placeholder="请输入" />
  59. </view>
  60. </view>
  61. <view class="setItem">
  62. <view class="text">
  63. <text>加湿比例</text>
  64. </view>
  65. <view class="input">
  66. <input style="margin-left: 20rpx;" placeholder="请输入" />
  67. </view>
  68. </view>
  69. <view class="setItem">
  70. <view class="text">
  71. <text>加湿积分</text>
  72. </view>
  73. <view class="input">
  74. <input style="margin-left: 20rpx;" placeholder="请输入" />
  75. </view>
  76. </view>
  77. <view class="setItem">
  78. <view class="text">
  79. <text>除湿比例</text>
  80. </view>
  81. <view class="input">
  82. <input style="margin-left: 20rpx;" placeholder="请输入" />
  83. </view>
  84. </view>
  85. <view class="setItem">
  86. <view class="text">
  87. <text>除湿积分</text>
  88. </view>
  89. <view class="input">
  90. <input style="margin-left: 20rpx;" placeholder="请输入" />
  91. </view>
  92. </view>
  93. </view>
  94. <view class="anniu">
  95. <image class="anniu" src="../../static/设备菜单/前往列表@2x.png" @tap="back"></image>
  96. </view>
  97. </view>
  98. </view>
  99. </template>
  100. <script>
  101. export default {
  102. data() {
  103. return {
  104. }
  105. },
  106. methods: {
  107. back() {
  108. uni.navigateTo({
  109. url: '/pages/device/deviceInfo/deviceInfo'
  110. })
  111. }
  112. }
  113. }
  114. </script>
  115. <style>
  116. .text {
  117. margin-top: 40rpx;
  118. margin-bottom: 16rpx;
  119. color: #444546;
  120. font-size: 26rpx;
  121. }
  122. .input {
  123. width: 320rpx;
  124. height: 98rpx;
  125. background-color: #eaeaea;
  126. display: flex;
  127. flex-direction: row;
  128. align-items: center;
  129. border-radius: 6rpx;
  130. border: 1px solid #eaeaea;
  131. }
  132. .danwei {
  133. width: 78rpx;
  134. height: 98rpx;
  135. background-color: white;
  136. display: flex;
  137. align-items: center;
  138. }
  139. .setmenu {
  140. display: flex;
  141. flex-wrap: wrap;
  142. }
  143. .setItem {
  144. margin-left: 20rpx;
  145. }
  146. .white {
  147. width: 702rpx;
  148. height: 1200rpx;
  149. margin-left: 24rpx;
  150. margin-top: 24rpx;
  151. border-radius: 10rpx;
  152. background-color: white;
  153. }
  154. .title {
  155. display: flex;
  156. flex-direction: column;
  157. align-items: center;
  158. }
  159. .tiao {
  160. width: 60px;
  161. height: 3px;
  162. margin-top: 20rpx;
  163. background: #007AFF;
  164. }
  165. .param {
  166. font-size: 38rpx;
  167. font-weight: 550;
  168. margin-top: 40rpx;
  169. }
  170. .anniu {
  171. width: 116rpx;
  172. height: 116rpx;
  173. float: right;
  174. margin-top: 20rpx;
  175. }
  176. </style>