1.委外收料 100%

loulijun2021

2023-11-15 e2ca4d610effef400b3c1da9899c91e14f3cacec

 pages/wwgl/wxsl.vue

@@ -1,8 +1,610 @@
<template>
   <view>
      <page-nav title="委外收料"></page-nav>


      <view v-show="topContent.length===0">
         <div class="sacnBody">
            <div class="scanImg" @click="topScanClick"></div>
            <div class="scanText">扫描任务条码</div>
         </div>
      </view>

      <view v-show="topContent.length!==0" class="mainContent">
         <u-gap height="10" bgColor="#eff0f1"></u-gap>
         <view class="head">
            <view class="head_block">
               <view class="head_left">
                  <view class="head_bar"></view>
                  <view class="head_title" style="font-weight: bolder;">
                     收料信息
                  </view>
               </view>
            </view>

            <view class="marginLeft20 marginRight20" style="height: 410rpx;" v-if="topContent.length!==0">
               <view class="marginBottom20" style="display: flex;">
                  <!--  v-for="item in purchorderArr"  -->
                  <view class="flex_column titleFont">
                     <view>工单编号：</view>
                     <view>产品编码：</view>
                     <view>产品名称：</view>
                     <view>产品规格：</view>
                     <view>当前工序：</view>
                     <view>任务数量：</view>
                     <view>未收/已收：</view>
                     <view>下道工序：</view>
                  </view>
                  <view class="flex_column contentFont">
                     <view>{{topContent[0].wo_code}}</view>
                     <view>{{topContent[0].partnumber}}</view>
                     <view>{{topContent[0].partname}}</view>
                     <view>{{topContent[0].partspec?topContent[0].partspec:'/'}}</view>
                     <view>{{topContent[0].stepname}}</view>
                     <view>{{topContent[0].planqty}}</view>
                     <view>{{topContent[0].startqty+'/'+topContent[0].reportqty}}</view>
                     <view>{{topContent[0].nextstepname?topContent[0].nextstepname:'/'}}</view>
                  </view>
               </view>
            </view>

         </view>


         <u-gap height="10" bgColor="#eff0f1"></u-gap>
         <view class="head">
            <view class="head_block">
               <view class="head_left">
                  <view class="head_bar"></view>
                  <view class="head_title" style="font-weight: bolder;">
                     收料操作
                  </view>
               </view>
            </view>

            <view class="flex_column">

               <view class="flex_center" style="margin: 0rpx 20rpx 10rpx;line-height: 76rpx;">
                  <view style="display: flex;" class="titleFont">
                     <view style="color: red;margin-right: 6rpx;">*</view> 外协供方
                  </view>
                  <view style="margin-left: 20rpx;">
                     <view @click='WXSheetClick' class="custominputClass">
                        <view v-show='WXSheetValue===""' style="color: rgb(192, 196, 204);">请选择</view>
                        <view v-show='WXSheetValue!==""' class="ellipsis" style="width: 390rpx;">
                           {{WXSheetValue}}
                        </view>
                        <u-icon :name="!WXSheetShow?'arrow-down-fill':'arrow-up-fill'"></u-icon>
                     </view>
                  </view>
               </view>

               <view class="flex_center" style="margin: 0rpx 20rpx 10rpx;line-height: 76rpx;">
                  <view style="display: flex;" class="titleFont">
                     <view style="color: red;margin-right: 6rpx;">*</view> 收料人员
                  </view>
                  <view style="margin-left: 20rpx;">
                     <view @click='userSheetClick' class="custominputClass">
                        <view v-show='userSheetValue===""' style="color: rgb(192, 196, 204);">请选择</view>
                        <view v-show='userSheetValue!==""' class="ellipsis" style="width: 390rpx;">
                           {{userSheetValue}}
                        </view>
                        <u-icon :name="!userSheetShow?'arrow-down-fill':'arrow-up-fill'"></u-icon>
                     </view>
                  </view>
               </view>


               <view class="flex_center titleFont" style="margin: 0rpx 20rpx 10rpx;line-height: 56rpx;">
                  <view style="color: red;margin-right: 6rpx;">*</view> 收料数量
                  <view style="margin-left: 20rpx;">
                     <view class='inputClass'>
                        <u--input placeholder="请输入" border="surround" type='number' v-model="sqty">
                        </u--input>
                     </view>
                  </view>
               </view>

               <view class="flex_center titleFont" style="margin: 0rpx 20rpx 10rpx;line-height: 56rpx;">
                  <view style="color: #fff;margin-right: 6rpx;">*</view> 不良数量
                  <view style="margin-left: 20rpx;">
                     <view class='inputClass'>
                        <u--input placeholder="请输入" border="surround" @change='ngqtyChange' type='number'
                           v-model="ngqty">
                        </u--input>
                     </view>
                  </view>
               </view>


               <view class="flex_center" style="margin: 0rpx 20rpx 10rpx;line-height: 76rpx;">
                  <view style="display: flex;" class="titleFont">
                     <view style="color: #fff;margin-right: 6rpx;">*</view> 不良原因
                  </view>
                  <view style="margin-left: 20rpx;">
                     <view @click='badSheetClick' class="custominputClass">
                        <view v-show='badSheetValue.length===0' style="color: rgb(192, 196, 204);">请选择</view>
                        <view v-show='badSheetValue.length!==0' class="ellipsis" style="width: 390rpx;">
                           {{badSheetValue}}
                        </view>
                        <u-icon :name="!badSheetShow?'arrow-down-fill':'arrow-up-fill'"></u-icon>
                     </view>
                  </view>
               </view>


               <!--    <view class="flex_center" style="margin: 0rpx 20rpx 10rpx;line-height: 76rpx;">
                  <view style="display: flex;" class="titleFont">
                     <view style="color: #fff;margin-right: 6rpx;">*</view> 收料备注
                  </view>
                  <view style="margin-left: 20rpx;">
                     <view class='inputClass'>
                        <u--textarea v-model="notes" placeholder="请输入"></u--textarea>
                     </view>
                  </view>
               </view> -->


            </view>



            <u-gap height="10" bgColor="#eff0f1"></u-gap>
            <view class="head" v-if="topContent.length!==0">
               <view class="head_block">
                  <view class="head_left">
                     <view class="head_bar"></view>
                     <view class="head_title" style="font-weight: bolder;">
                        可收料供应商
                     </view>
                  </view>
               </view>

               <view class="flex_column marginLeft20 marginRight20 marginBottom20 titleFont">
                  <view v-for='(i,index) in topContent[0].list'
                     v-if="parseFloat(i.fqty) - parseFloat(i.sqty) - parseFloat(i.ng_qty) - parseFloat(i.laborbad_qty)- parseFloat(i.materielbad_qty)>0"
                     style="display: flex;">
                     <view>{{index+1}}</view>
                     <view class="ellipsis" style="width: 400rpx;margin: 0 30rpx;">{{i.tp}}</view>
                     <view>
                        {{ parseFloat(i.fqty) - parseFloat(i.sqty) - parseFloat(i.ng_qty) - parseFloat(i.laborbad_qty)- parseFloat(i.materielbad_qty)}}
                     </view>
                     <!-- <view>件</view> -->
                  </view>

               </view>

            </view>


         </view>


         <u-action-sheet v-if="topContent.length!==0" :actions="badSelectArr" :safeAreaInsetBottom='true'
            :closeOnClickOverlay="true" :closeOnClickAction="true" @close="badSheetShow=false" :show="badSheetShow"
            @select='badSheetSelect'>
            <view style="min-height: 100rpx;padding: 20rpx 20rpx 30rpx 20rpx;">
               <u-checkbox-group @change="checkboxChange" size='20px' v-model="checkBoxValue" iconPlacement="right"
                  placement="column">
                  <view v-for="(item,index) in badSelectArr">
                     <u-checkbox activeColor="rgb(0, 102, 255)" labelSize='18' :key="item.code+index"
                        :name='item.name' :label="item.name">
                     </u-checkbox>
                     <u-divider :key="item.code"></u-divider>
                  </view>
               </u-checkbox-group>
            </view>
         </u-action-sheet>




         <u-picker v-if="topContent.length!==0" :show="WXSheetShow" :columns="WXColumns" :itemHeight='55'
            :closeOnClickOverlay='true' @close='WXSheetShow=false' @confirm='WXPickerConfirm'
            @cancel='WXSheetShow=false'>
         </u-picker>


         <u-picker v-if="topContent.length!==0" :show="userSheetShow" :columns="userColumns" :itemHeight='55'
            :closeOnClickOverlay='true' @close='userSheetShow=false' @confirm='userPickerConfirm'
            @cancel='userSheetShow=false'>
         </u-picker>


      </view>

      <u-button size="large" v-show="topContent.length!==0" :loading="isDisabledSubmitButton"
         loadingText="正在提交,请稍等..." type="primary" @click="submit" text="收料">
      </u-button>


      <!-- 悬浮球 -->
      <!--    <view v-show="topContent.length!==0&&!WXSheetShow&&!userSheetShow&&!badSheetShow" @click="topScanClick">
         <drag-ball :x='$DeviceInformation.screenWidth*0.8' :y="$DeviceInformation.screenHeight*0.7"></drag-ball>
      </view> -->

      <!-- <scan-code></scan-code> -->


   </view>
</template>


<script>
   import {
      MesOrderStepStart,
      CustomerPermissions,
      PersonPermissions,
      DefectPermissions,
      SavaMesOrderStepIn,
      LabelBarCode
   } from '../../config/api.js';
   // import scanCode from '@/components/scan-code/scan-code.vue'

   export default {
      onLoad(option) {

      },

      onPullDownRefresh() {
         setTimeout(() => {
            this.init(() => {
               uni.stopPullDownRefresh();
            })
         }, 1000);
      },

      data() {
         return {
            topRightMessageCount: '',

            isDisabledSubmitButton: false,

            topContent: [],
            // {
            // "wo_code": "MO-2023-06-0003_1",
            // "partnumber": "308",
            // "partname": "电池包",
            // "partspec": "",
            // "seq": "2",
            // "stepcode": "ZSStep03",
            // "stepname": "去毛刺",
            // "nextstepcode": "ZSStep06",
            // "nextstepname": "包装2",
            // "stepdesc": "",
            // "wkshopcode": "ZS001",
            // "wkshopname": "注塑车间",
            // "planqty": 50.00,
            // "startqty": 29.00,
            // "noreportqty": 29.00,
            // "reportqty": 21.00,
            // "noputqty": 0.0,
            // "list": null
            // }, //扫描任务条码所带出来的内容

            WXSheetValue: '',
            WXSheetShow: false, //上拉列表是否展开
            WXColumns: [],
            WXSheetList: [],


            userSheetValue: '',
            userSheetShow: false,
            userColumns: [],
            userSheetList: [],

            sqty: null,
            ngqty: null,


            badSelectArr: [],
            checkBoxValue: '',
            badSheetShow: false,
            badSheetValue: '',


            notes: null //备注




         }
      },
      created() {

      },
      mounted() {
         this.init()


         // this.getMesOrderStepStart('MO-2023-07-0015_1;103')


         this.handleSelectAllApi()
      },
      methods: {
         init() {
            uni.stopPullDownRefresh();
         },
         async handleSelectAllApi() {
            await this.getCustomerPermissions()
            await this.getPersonPermissions()
            await this.getDefectPermissions()
         },

         async getPersonPermissions(val) {
            const data = {
               usercode: val
            }
            const res = await PersonPermissions(this.global.formatData(data))
            this.userSheetList = res.data
            this.userColumns = [res.data.map(i => i.username)]
         },

         async getCustomerPermissions(val) {
            const data = {
               orderstepqrcode: val
            }
            const res = await CustomerPermissions(this.global.formatData(data))
            this.WXSheetList = res.data
            this.WXColumns = [res.data.map(i => i.name)]
         },
         // 获取不良原因
         async getDefectPermissions() {
            const res = await DefectPermissions()
            if (res.code === '200') {
               this.badSelectArr = res.data
            }
         },


         async getMesOrderStepStart(val) {
            const data = {
               OperType: 'WX',
               SelectType: 'IN',
               wocode: val ? val.split(';')[0] : '',
               stepcode: val ? val.split(';')[1] : ''
            }

            const res = await MesOrderStepStart(this.global.formatData(data))
            console.log(res, 3)

            if (res.code === '200') {
               // this.getCustomerPermissions(val)
               // this.getMesOrderSelectUser(val)
               // this.getDefectPermissions(val)
               this.WXSheetValue = ''
               this.userSheetValue = ''
               this.checkBoxValue = ''
               this.badSheetValue = ''
               this.sqty = null
               this.ngqty = null
               this.notes = null
               this.topContent = []
               this.topContent.push(res.data)
            }
            // console.log(this.topContent,6)

         },

         //  任务条码  的扫码框点击
         topScanClick() {
            let that = this;

            uni.scanCode({
               onlyFromCamera: true,
               // scanType: ['barCode', 'qrCode'],
               scanType: ['qrCode'],
               success: function(res) {
                  console.log('条码类型：' + res.scanType);
                  console.log('条码内容：' + res.result);

                  that.getMesOrderStepStart(res.result)

               },
               complete: function(res) {

               },
               fail: function(res) {
                  console.log('条码类型：' + res.scanType);
                  console.log('条码内容：' + res.result);
               }

            });
         },
         badSheetClick() {
            if (!this.ngqty) {
               return uni.$u.toast('请先填写不良数量！')
            }
            this.badSheetShow = true
         },

         badSheetSelect(val) {
            console.log('执行了！')
         },
         checkboxChange(val) {
            this.badSheetValue = val.join(',')
         },


         WXSheetClick() {
            this.WXSheetShow = true
         },

         WXPickerConfirm(val) {
            this.WXSheetValue = val.value[0]
            this.WXSheetShow = false
         },

         userSheetClick() {
            this.userSheetShow = true
         },

         userPickerConfirm(val) {
            this.userSheetValue = val.value[0]
            this.userSheetShow = false
         },

         ngqtyChange(val) {
            if (!parseFloat(val)) {
               this.badSheetValue = ''
               this.checkBoxValue = ''
            }
         },


         async submit() {

            if (!this.WXSheetValue) {
               return uni.$u.toast('外协供方不能为空！')
            }

            if (!this.userSheetValue) {
               return uni.$u.toast('收料人员不能为空！')
            }

            if (!this.sqty) {
               return uni.$u.toast('收料数量不能为空！')
            }

            let t = this.topContent[0].list.find(i => i.tp === this.WXSheetValue)

            if (!this.ngqty && (parseFloat(this.sqty) > parseFloat(t.fqty) - parseFloat(t.sqty) - parseFloat(t
                  .ng_qty) - parseFloat(t.laborbad_qty) - parseFloat(t.materielbad_qty))) {
               return uni.$u.toast('收料数量不能大于该供应商的可收收料！')
            }
            if (this.ngqty && (parseFloat(this.sqty) + parseFloat(this.ngqty) > parseFloat(t.fqty) - parseFloat(t
                  .sqty) - parseFloat(t.ng_qty) - parseFloat(t.laborbad_qty) - parseFloat(t.materielbad_qty))) {
               return uni.$u.toast('收料数量+不良数量不能大于该供应商的可收收料！')
            }

            if (this.ngqty && !this.badSheetValue) {
               return uni.$u.toast('不良原因不能为空！')
            }

            let badcode = []

            if (this.badSheetValue.length > 0) {
               this.badSelectArr.forEach(i => {
                  if (this.badSheetValue.split(',').includes(i.name)) {
                     badcode.push(i.code)
                  }
               })
            }

            // const header = {
            //    'Content-Type': 'application/x-www-form-urlencoded',
            //    'rediskey': uni.getStorageSync('rediskey'),
            //    'admin': uni.getStorageSync('usercode'),
            //    'username': encodeURIComponent(uni.getStorageSync('username')),
            //    'navTabId': uni.getStorageSync('usercode'),
            //    'userid': uni.getStorageSync('userid'),
            //    'guid': uni.getStorageSync('guid'),
            //    'usertype': 'APP'
            // }


            const D = {
               rightcode: '0601',
               partcode: this.topContent[0].partnumber,
               qty: parseFloat(this.sqty),
               onelabqty: parseFloat(this.sqty)
            }
            const {
               data: R
            } = await LabelBarCode(D)


            const data = {
               mesordercode: this.topContent[0].wo_code, // 工单编号
               partcode: this.topContent[0].partnumber, // 产品编码
               stepseq: this.topContent[0].seq, // 工序序号    
               stepcode: this.topContent[0].stepcode, // 工序编码
               wxcode: this.WXSheetList.find(i => i.name === this.WXSheetValue).code, // 外协供应商编码
               inuser: this.userSheetList.find(i => i.username === this.userSheetValue).usercode, // 发料人员
               taskqty: this.topContent[0].planqty, // 任务数量
               sqty: this.sqty, // 收料数量
               // ngqty: !this.ngqty ? 0 : this.ngqty,
               remarks: this.notes,
               defectlist: badcode.length > 0 ? [{
                  defect_code: badcode.join(','),
                  badqty: this.ngqty
               }] : [],
               inbarcode: R[0].labcode, //入库条码
            }

            console.log(JSON.parse(JSON.stringify(data)), 6)

            this.isDisabledSubmitButton = true
            const res = await SavaMesOrderStepIn(data)

            if (res.code === '200') {
               uni.$u.toast('收料成功！')

               this.WXSheetValue = ''
               this.userSheetValue = ''
               this.checkBoxValue = ''
               this.badSheetValue = ''
               this.sqty = null
               this.ngqty = null
               this.notes = null
               this.topContent = []

               this.isDisabledSubmitButton = false
            }



            // this.isDisabledSubmitButton = true
            // uni.uploadFile({
            //    url: this.$baseUrl + '/AppProductionManagement/SavaMesOrderStepIn',
            //    files: [{
            //       "uri": "/"
            //    }],
            //    header: header,
            //    formData: data,
            //    success: (res) => {
            //       console.log(res, 77)
            //       uni.$u.toast('收料成功！')

            //       this.WXSheetValue = ''
            //       this.userSheetValue = ''
            //       this.checkBoxValue = ''
            //       this.badSheetValue = ''
            //       this.sqty = null
            //       this.ngqty = null
            //       this.notes = null
            //       this.topContent = []

            //       this.isDisabledSubmitButton = false
            //    },
            //    fail(res) {
            //       uni.$u.toast('收料失败！')
            //       this.isDisabledSubmitButton = false
            //    },
            // })



         }
      }
   }
</script>

<style>
<style lang="scss" scoped>
   @import url('@/style/global.css');

   ::v-deep .uicon-arrow-left>span {
      display: block;
   }

   .custominputClass {
      width: 412rpx;
      display: flex;
      justify-content: space-between;
      border: 3rpx #eff0f1 solid;
      border-radius: 10rpx;
      padding: 0 16rpx;
      line-height: 68rpx;
   }
</style>