bug

jiangping

2023-11-07 64b432916af9c9218ab3f3eca614e26c542142ae

 minipro_standard/pages_adjust/pages/manualFeed/manualFeed.vue

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,403 @@
<template>
   <view class="tl">
      <workOrderInfo :orederMessage="info" />
      <div class="tl_title">
         <div class="tl_title_left">
            <div class="tl_title_left_x"></div>
            <span>投料信息</span>
            <!-- <span>{{total == 0 ? '' : total}}{{formList[formList.length - 1].dw ? formList[formList.length - 1].dw : ''}}</span> -->
            <!-- <span>{{total == 0 ? '' : total}}{{formList[formList.length - 1].dw ? formList[formList.length - 1].dw : ''}}</span> -->
         </div>
         <div class="tl_title_right" @click="add">
            <image src="../../static/gongdan_ic_shoudong@2x.png" class="add-img" mode=""></image>
            <span>增加投料</span>
         </div>
      </div>
      <u-swipe-action>
         <u-swipe-action-item v-for="(item, index) in materialList" :key="index" :options="options"
            @click="deleItem(index)">
            <div class="tl_list">
               <div class="tl_list_item" @click="open1(index)">
                  <div class="tl_list_item_label">选择物料</div>
                  <div class="tl_list_item_go" v-if="!item.materialName">
                     <span>点击跳转到物料列表</span>
                     <u-icon name="arrow-right"></u-icon>
                  </div>
                  <div class="tl_list_item_wl" v-else>
                     <div class="tl_list_item_wl_top">
                        <span>{{ item.materialName }}</span>
                        <span>&nbsp;|&nbsp;{{ item.materialCode }}</span>
                     </div>
                     <div class="tl_list_item_wl_bottom">
                        <span class="green" v-if="item.qualityType == 0">合格</span>
                        <span class="yellow" v-else-if="item.qualityType == 1">不良</span>
                        <span class="red" v-else-if="item.qualityType == 2">报废</span>
                        <span>{{ item.procedureName ? `&nbsp;/&nbsp;${item.procedureName}` : '&nbsp;/&nbsp;-' }}</span>
                        <span>{{ item.locationName ? `&nbsp;/&nbsp;${item.locationName}` : '&nbsp;/&nbsp;-' }}</span>
                        <span>{{ item.batch ? `&nbsp;/&nbsp;${item.batch}` : '&nbsp;/&nbsp;-' }}</span>
                     </div>
                  </div>
               </div>
               <div class="tl_list_item">
                  <div class="tl_list_item_label">投料数量{{ item.unitAttribute }}</div>
                  <div class="tl_list_item_go">
                     <input type="text" @blur="changeNumber(item.num, index, item.unitAttribute)"
                        v-model="item.num" />
                  </div>
               </div>
            </div>
         </u-swipe-action-item>
      </u-swipe-action>
      <view class="" style="height: 88rpx;"></view>
      <u-safe-bottom></u-safe-bottom>
      <div class="tl_footer">
         <button class="tl_footer_submit" v-preventReClick @click="submit">提交</button>
      </div>
      <SelectMaterial ref="selectMaterial" @selectAction="getValue" />
      <!-- <SelectMultipleMaterial ref="selectMultipleMaterial" @selected="getMaterails"/> -->
   </view>
</template>

<script>
   import workOrderInfo from '@/components/workOrderInfo.vue'
   import SelectMaterial from '@/components/selectMaterial.vue'
   // import SelectMultipleMaterial from '@/components/SelectMultipleMaterial.vue'
   import {
      queryById,
      createMaterial,
      createMaterialStandard
   } from '@/util/api/WorkOrderAPI'
   import {
      positiveInteger,
      number
   } from '@/common/config'
   export default {
      components: {
         workOrderInfo,
         SelectMaterial,
         // SelectMultipleMaterial
      },
      data() {
         return {
            deviceId: '',
            workorderId: '',
            // formList: [{
            //    id: Date.now(),
            //    toolingTypeId: '', // å·¥è£…类型
            //    toolingTypeName: '', // å·¥è£…类型名称
            //    workClothesId: '', // å·¥è£…
            //    workClothesName: '', // å·¥è£…名称
            //    num: '', // æ•°é‡
            //    attribute: '', // å·¥è£…属性
            //    attributeType: '', // å·¥è£…属性类型
            //    dw: '', // ç‰©æ–™å•ä½
            //    unitAttribute: ''
            // }],
            info: {},
            materialList: [{
               id: '',
               materialName: '',
               materialCode: '',
               qualityType: '',
               procedureName: '',
               locationName: '',
               batch: '',
               num: '',
               unitAttribute: ''
            }],
            options: [{
               text: '删除',
               style: {
                  backgroundColor: 'red',
               }
            }],
         };
      },
      onLoad(obj) {
         this.workorderId = obj.id
         queryById(this.workorderId)
            .then(res => {
               if (res.code === 200) {
                  this.info = res.data
                  this.deviceId = res.data.pgmodel.id
               }
            })
      },
      methods: {
         open1(index) {
            // this.$refs.selectMaterial.open({})
            this.index = index
            this.$refs.selectMaterial.open({
               workorderId: this.workorderId,
               deviceId: this.deviceId
            })
         },
         deleItem(index) {
            if (this.materialList.length === 1) {
               uni.$u.toast('至少保留一条投料信息')
               return
            }
            this.materialList.splice(index, 1)
         },
         add() {
            this.total += 1
            this.materialList.unshift({
               id: '',
               materialName: '',
               materialCode: '',
               qualityType: '',
               procedureName: '',
               locationName: '',
               batch: '',
               num: '',
               unitAttribute: ''
            })
         },
         changeNumber(num, index, unitAttribute) {
            if (unitAttribute === 0 && num !== '') {
               if (!positiveInteger.test(num)) {
                  uni.$u.toast({
                     message: '只能输入正整数'
                  })
                  this.materialList[index].num = ''
               }
            } else if (unitAttribute === 1 && num !== '') {
               if (!number.test(num)) {
                  uni.$u.toast({
                     message: '只能输入正整数或小数（最多四位）'
                  })
                  this.materialList[index].num = ''
               }
            }
            if (num <= 0) {
               uni.$u.toast({
                  message: '投料数量不能小于等于0'
               })
               this.materialList[index].num = ''
            }
         },
         getValue(item) {
            for (let i = 0; i < this.materialList.length; i++) {
               if (item.id === this.materialList[i].id) {
                  uni.$u.toast({
                     message: '不能重复选择相同物料'
                  })
                  return
               }
            }
            this.materialList[this.index].id = item.id
            this.materialList[this.index].materialName = item.materialName
            this.materialList[this.index].num = item.num
            this.materialList[this.index].batch = item.batch
            this.materialList[this.index].locationName = item.locationName
            this.materialList[this.index].materialCode = item.materialCode
            this.materialList[this.index].procedureName = item.procedureName
            this.materialList[this.index].qualityType = item.qualityType
            this.materialList[this.index].unitAttribute = item.unitAttribute
         },
         submit() {
            let temp = this.materialList.findIndex(item => !item.id || !item.num)
            if (temp != -1) {
               uni.$u.toast(`请先完善第${temp + 1}条投料信息`)
               return
            }
            let total = this.materialList.reduce((accumulator, currentValue) => accumulator + Number(currentValue.num),
               0)
            console.log(total);
            if (this.info.bomType != 1 && this.info.hasBom != 1) {
               if (total > this.info.planNum) {
                  uni.$u.toast(`投料数量不能大于计划数量`)
                  return
               }
            }
            let recordList = this.materialList.map(item => {
               return {
                  wstockId: item.id,
                  num: item.num
               }
            })
            createMaterialStandard({
               id: this.workorderId,
               recordList
            }).then(res => {
               if (res.code === 200) {
                  // Toast.success({ message: '投料成功', duration: 2000, forbidClick: true })
                  // setTimeout(() => {
                  //   router.go(-1)
                  // }, 2000)
                  uni.$u.toast(`投料成功`)
                  uni.$emit('addMaterial')
                  uni.navigateBack()
               }
            })
         }
      }
   }
</script>

<style lang="scss">
   .tl {
      width: 100%;
      height: 100%;
      position: absolute;
      background: #F7F7F7;

      .tl_title {
         display: flex;
         align-items: center;
         justify-content: space-between;
         padding: 30rpx;

         .tl_title_left {
            display: flex;
            align-items: center;

            .tl_title_left_x {
               width: 8rpx;
               height: 30rpx;
               background: $nav-color;
               border-radius: 2rpx;
               margin-right: 12rpx;
            }

            span {
               font-size: 32rpx;
               font-weight: 500;
               color: #222222;

               &:nth-child(3) {
                  font-size: 28rpx;
                  font-weight: 500;
                  color: $nav-color;
                  margin-left: 10rpx;
               }
            }
         }

         .tl_title_right {
            display: flex;
            align-items: center;

            .add-img {
               width: 28rpx;
               height: 28rpx;
               margin-right: 12rpx;
            }

            span {
               font-size: 28rpx;
               font-weight: 400;
               // color: $nav-color;
            }
         }
      }

      .tl_list {
         display: flex;
         flex-direction: column;
         background: white;
         padding: 0 30rpx;
         margin-bottom: 20rpx;

         .tl_list_item {
            min-height: 98rpx;
            // padding: 20rpx 0;
            box-sizing: border-box;
            display: flex;
            align-items: center;
            justify-content: space-between;
            border-bottom: 1rpx solid #E5E5E5;

            &:last-child {
               border: none !important;
            }

            .tl_list_item_label {
               font-size: 30rpx;
               font-weight: 400;
               color: #222222;
            }

            .tl_list_item_wl {
               display: flex;
               flex-direction: column;
               align-items: end;

               .tl_list_item_wl_top {
                  display: flex;
                  align-items: center;

                  span {
                     font-size: 28rpx;
                     color: #222222;
                  }
               }

               .tl_list_item_wl_bottom {
                  display: flex;
                  align-items: center;

                  span {
                     font-size: 28rpx;
                     color: #222222;
                  }
               }
            }

            .tl_list_item_go {
               display: flex;
               align-items: center;

               input {
                  text-align: right;
                  width: 180rpx;
                  height: 60rpx;
                  border-radius: 8rpx;
                  border: 1rpx solid #E5E5E5;
                  padding: 0 30rpx;
                  box-sizing: border-box;
                  font-size: 28rpx;
                  font-weight: 400;
                  color: #333333;
               }

               span {
                  font-size: 28rpx;
                  font-weight: 400;
                  color: #999999;
                  margin-right: 10rpx;
               }
            }
         }
      }

      .tl_zw {
         height: 160rpx;
      }

      .tl_footer {
         width: 100%;
         position: fixed;
         bottom: 0;
         padding: 0 30rpx calc(env(safe-area-inset-bottom) + 20rpx);
         box-sizing: border-box;
         z-index: 999;
         background-color: #fff;

         .tl_footer_submit {
            width: 690rpx;
            height: 88rpx;
            border: none;
            background: #4275FC;
            box-shadow: 0 0 12rpx 0 rgba(0, 0, 0, 0.08);
            border-radius: 8rpx;
            font-size: 30rpx;
            font-weight: 500;
            color: #FFFFFF;
            display: flex;
            align-items: center;
            justify-content: center;
         }
      }
   }
</style>