add.vue 3.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152
  1. <template>
  2. <view class="bg-f9 productionPlan">
  3. <header-bar :title="submitType === 'add' ? '生产报工详情' : '生产报工详情'"></header-bar>
  4. <view class="commons-dtl-box">
  5. <view class="">
  6. <span>产品名称</span> 3ml 注射器
  7. </view>
  8. <view class="">
  9. <span>计划数量</span> 8000
  10. </view>
  11. <view class="">
  12. <span>完成期限</span> 2023-10-1
  13. </view>
  14. </view>
  15. <view class="example" >
  16. <!-- 基础用法,不包含校验规则 -->
  17. <uni-forms label-position="top" :modelValue="form" label-width="130" ref="form" :rules="rules">
  18. <uni-forms-item label="工作人员" required name="type">
  19. <uni-data-select v-model="form.type" :localdata="types"></uni-data-select>
  20. </uni-forms-item>
  21. <uni-forms-item label="完工数量" required name="unit">
  22. <uni-easyinput v-model="form.unit" placeholder="请输入完工数量" />
  23. </uni-forms-item>
  24. <uni-forms-item label="工时" required name="num">
  25. <uni-easyinput v-model="form.num" placeholder="请输入工时" />
  26. </uni-forms-item>
  27. </uni-forms>
  28. </view>
  29. <view style="height:200rpx">
  30. </view>
  31. <button class="submit" @click="submitForm">提交</button>
  32. </view>
  33. </template>
  34. <script>
  35. import headerBar from '../../../components/header-bar/index.vue'
  36. import Vue from 'vue'
  37. export default {
  38. components: {
  39. headerBar
  40. },
  41. data() {
  42. return {
  43. form: {
  44. name: '',
  45. type: null,
  46. classifyId: null,
  47. code: null,
  48. unit: null,
  49. introduce: null,
  50. },
  51. types: [{
  52. text: '半成品',
  53. value: '0'
  54. }, {
  55. text: '成品',
  56. value: '1'
  57. }],
  58. rules: {
  59. // 对name字段进行必填验证
  60. name: {
  61. rules: [{
  62. required: true,
  63. errorMessage: '请输入产品名称',
  64. }, ]
  65. },
  66. // 对email字段进行必填验证
  67. type: {
  68. rules: [{
  69. required: true,
  70. errorMessage: '请选择工作人员',
  71. }, ]
  72. },
  73. unit: {
  74. rules: [{
  75. required: true,
  76. errorMessage: '请输入完工数量',
  77. }, ]
  78. },
  79. num: {
  80. rules: [{
  81. required: true,
  82. errorMessage: '请输入工时',
  83. }, ]
  84. },
  85. },
  86. submitType: 'add',
  87. treeData: [],
  88. }
  89. },
  90. onLoad(e) {
  91. if (e.id) {
  92. this.form.id = e.id
  93. this.form.remarks = e.remarks
  94. this.form.type = e.type
  95. this.form.name = e.name
  96. this.submitType = 'edit'
  97. }
  98. this.getTree()
  99. },
  100. methods: {
  101. treeChange() {},
  102. getTree() {
  103. const v = this
  104. v.$post('/api/basics//classify/tree', {
  105. type: 1
  106. }).then(res => {
  107. if (res.code === 200) {
  108. v.treeData = res.data
  109. }
  110. })
  111. },
  112. submitForm() {
  113. const v = this
  114. this.$refs.form.validate().then(res => {
  115. uni.showLoading({
  116. title: '加载中'
  117. });
  118. v.$post('/api/syringe-management/product/' + this.submitType, v.form).then(res => {
  119. if (res.code === 200) {
  120. uni.showToast({
  121. title: this.submitType == 'add' ? '添加成功' : '修改成功',
  122. duration: 1000,
  123. icon: 'success'
  124. })
  125. }
  126. uni.hideLoading()
  127. let pages = getCurrentPages(); // 获取页面栈
  128. let prePage = pages[pages.length - 2]; //获取上一页
  129. prePage.$vm.needRefresh = true; // 需要刷新
  130. setTimeout(() => {
  131. uni.navigateBack(1)
  132. }, 1000)
  133. })
  134. }).catch(err => {
  135. console.log('表单错误信息:', err);
  136. })
  137. },
  138. },
  139. }
  140. </script>
  141. <style lang="less">
  142. </style>