ProcessMaterialKit.ets 6.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219
  1. /*
  2. * 工序齐套
  3. * */
  4. import { TimeAndTitle } from '../component/TimeAndTitle'
  5. import router from '@ohos.router'
  6. import { NavigationBar } from '../component/NavigationBar'
  7. import { ProcessMaterialKitOneStep } from '../view/wms/ProcessMaterialKitOneStep'
  8. import WorkOrderInfo from '../viewmodel/wms/WorkOrderInfo'
  9. @Entry
  10. @Component
  11. struct ProcessMaterialKit {
  12. @State step: number = 1
  13. // 选中的工单
  14. @State workOrder: WorkOrderInfo = {}
  15. build() {
  16. Column() {
  17. // 顶部时间和菜单栏
  18. Row(){
  19. TimeAndTitle()
  20. }
  21. .width('100%')
  22. .height('3.5%')
  23. .alignItems(VerticalAlign.Bottom)
  24. .justifyContent(FlexAlign.End)
  25. // 工序齐套
  26. Row() {
  27. Image($r('app.media.general_return'))
  28. .height($r('app.float.virtualSize_22_4'))
  29. .width($r('app.float.virtualSize_22_4'))
  30. .fillColor($r('app.color.FFFFFF'))
  31. .onClick(()=> {
  32. router.back()
  33. })
  34. Text('工序齐套')
  35. .fontSize($r('app.float.fontSize_12'))
  36. .fontColor($r('app.color.FFFFFF'))
  37. .fontWeight(FontWeight.Medium)
  38. }
  39. .width('94.8%')
  40. .height('5.2%')
  41. .alignItems(VerticalAlign.Center)
  42. .justifyContent(FlexAlign.Start)
  43. // 齐套步骤和操作栏
  44. Row() {
  45. Row().width('41%')
  46. Row() {
  47. Column({space: 5}) {
  48. Stack() {
  49. Circle()
  50. .width($r('app.float.virtualSize_19_2'))
  51. .height($r('app.float.virtualSize_19_2'))
  52. .fill(this.step === 1 ? $r('app.color.0A84FF') : $r('app.color.10FFFFFF'))
  53. Text('1')
  54. .fontSize($r('app.float.fontSize_12'))
  55. .fontColor(this.step === 1 ? $r('app.color.FFFFFF') : $r('app.color.60FFFFFF'))
  56. .fontWeight(FontWeight.Medium)
  57. }
  58. .width($r('app.float.virtualSize_19_2'))
  59. .height($r('app.float.virtualSize_19_2'))
  60. Text('选择工序')
  61. .fontSize($r('app.float.fontSize_6_4'))
  62. .fontColor(this.step === 1 ? $r('app.color.FFFFFF') : $r('app.color.60FFFFFF'))
  63. .fontWeight(FontWeight.Regular)
  64. }
  65. Column({space: 5}) {
  66. Stack() {
  67. Circle()
  68. .width($r('app.float.virtualSize_19_2'))
  69. .height($r('app.float.virtualSize_19_2'))
  70. .fill(this.step === 2 ? $r('app.color.0A84FF') : $r('app.color.10FFFFFF'))
  71. Text('2')
  72. .fontSize($r('app.float.fontSize_12'))
  73. .fontColor(this.step === 2 ? $r('app.color.FFFFFF') : $r('app.color.60FFFFFF'))
  74. .fontWeight(FontWeight.Medium)
  75. }
  76. .width($r('app.float.virtualSize_19_2'))
  77. .height($r('app.float.virtualSize_19_2'))
  78. Text('齐套装箱')
  79. .fontSize($r('app.float.fontSize_6_4'))
  80. .fontColor(this.step === 2 ? $r('app.color.FFFFFF') : $r('app.color.60FFFFFF'))
  81. .fontWeight(FontWeight.Regular)
  82. }
  83. Column({space: 5}) {
  84. Stack() {
  85. Circle()
  86. .width($r('app.float.virtualSize_19_2'))
  87. .height($r('app.float.virtualSize_19_2'))
  88. .fill(this.step === 3 ? $r('app.color.0A84FF') : $r('app.color.10FFFFFF'))
  89. Text('3')
  90. .fontSize($r('app.float.fontSize_12'))
  91. .fontColor(this.step === 3 ? $r('app.color.FFFFFF') : $r('app.color.60FFFFFF'))
  92. .fontWeight(FontWeight.Medium)
  93. }
  94. .width($r('app.float.virtualSize_19_2'))
  95. .height($r('app.float.virtualSize_19_2'))
  96. Text('齐套入库')
  97. .fontSize($r('app.float.fontSize_6_4'))
  98. .fontColor(this.step === 3 ? $r('app.color.FFFFFF') : $r('app.color.60FFFFFF'))
  99. .fontWeight(FontWeight.Regular)
  100. }
  101. }
  102. .height('80%')
  103. .width('18%')
  104. .justifyContent(FlexAlign.SpaceBetween)
  105. .alignItems(VerticalAlign.Top)
  106. Blank()
  107. Row() {
  108. NavigationBar()
  109. }
  110. .height('80%')
  111. .width('30%')
  112. }
  113. .height('14.2%')
  114. .width('100%')
  115. Column() {
  116. if (this.step === 1) {
  117. ProcessMaterialKitOneStep({
  118. workOrder: this.workOrder
  119. })
  120. }
  121. }
  122. .height('71%')
  123. .width('94.8%')
  124. Row() {
  125. if (this.step > 2) {
  126. Row () {
  127. Text('第一步')
  128. .fontSize($r('app.float.fontSize_9_6'))
  129. .fontColor($r('app.color.0A84FF'))
  130. .fontWeight(FontWeight.Medium)
  131. }
  132. .height('85%')
  133. .width('24.1%')
  134. .justifyContent(FlexAlign.Center)
  135. .backgroundColor($r('app.color.20FFFFFF'))
  136. .borderRadius($r('app.float.fontSize_6_4'))
  137. .onClick(()=>{
  138. this.step = 1
  139. })
  140. } else {
  141. Row().width('24.1%')
  142. }
  143. Row().width('1.2%')
  144. if (this.step > 1) {
  145. Row () {
  146. Text('上一步')
  147. .fontSize($r('app.float.fontSize_9_6'))
  148. .fontColor($r('app.color.0A84FF'))
  149. .fontWeight(FontWeight.Medium)
  150. }
  151. .height('85%')
  152. .width('24.1%')
  153. .justifyContent(FlexAlign.Center)
  154. .backgroundColor($r('app.color.20FFFFFF'))
  155. .borderRadius($r('app.float.fontSize_6_4'))
  156. .onClick(()=>{
  157. this.step -= 1
  158. })
  159. } else {
  160. Row().width('24.1%')
  161. }
  162. Row().width('1.2%')
  163. if (this.step === 2) {
  164. Row () {
  165. Text('空箱出库')
  166. .fontSize($r('app.float.fontSize_9_6'))
  167. .fontColor($r('app.color.0A84FF'))
  168. .fontWeight(FontWeight.Medium)
  169. }
  170. .height('85%')
  171. .width('24.1%')
  172. .justifyContent(FlexAlign.Center)
  173. .backgroundColor($r('app.color.20FFFFFF'))
  174. .borderRadius($r('app.float.fontSize_6_4'))
  175. } else {
  176. Row().width('24.1%')
  177. }
  178. Row().width('1.2%')
  179. if (this.step < 3) {
  180. Row () {
  181. Text('下一步')
  182. .fontSize($r('app.float.fontSize_9_6'))
  183. .fontColor($r('app.color.0A84FF'))
  184. .fontWeight(FontWeight.Medium)
  185. }
  186. .height('85%')
  187. .width('24.1%')
  188. .justifyContent(FlexAlign.Center)
  189. .backgroundColor($r('app.color.20FFFFFF'))
  190. .borderRadius($r('app.float.fontSize_6_4'))
  191. .onClick(()=>{
  192. this.step += 1
  193. })
  194. } else {
  195. Row().width('24.1%')
  196. }
  197. }
  198. .width('94.8%')
  199. .height('6.1%')
  200. .alignItems(VerticalAlign.Center)
  201. }
  202. .width('100%')
  203. .height('100%')
  204. .backgroundColor($r('app.color.000000'))
  205. }
  206. }