feat:不量标签

verou

2025-04-11 9ce65ebc2a9ab9e0276480252dfda439affe588a

 pages/inspect/bad.vue

@@ -1,8 +1,218 @@
<template>
</template>

<script>
</script>

<style>
<template>

   <view class="has-foot">

      <form>

         <view class="cu-form-group margin-top">

            <view class="title">托盘码</view>

            <input placeholder="请扫描托盘码" v-model="container" focus></input>

            <text class='cuIcon-search text-blue' </text>

         </view>



         <view class="cu-form-group ">

            <view class="title">物料标签</view>

            <input placeholder="请扫描物料标签" v-model="barcode"></input>

            <text class='cuIcon-search text-blue' @click="search"></text>

         </view>

      </form>



      <view class="cu-list det menu sm-border  padding">

         <block v-for="(item, index) in list" :key="index">

            <view class="cu-bar bg-white solid-bottom margin-top-sm">

               <view class="action">

                  <!-- <view class="index">

                     {{index+1}}

                  </view> -->

                  <view class="text-blue">

                     {{`${item.maktx}`}}

                  </view>

               </view>



               <view class="action">

                  <view class='cu-tag radius bg-red'>不合格</view>

               </view>





               <!--    <view class="action" v-if="!isconfirm">

                  <text @click="remove(index)" class="cuIcon-close text-red" style="font-size: 24px;"></text>

               </view> -->

            </view>



            <view class="cu-item">

               <view class="content">

                  <text class="text-black">物料编码:</text>

               </view>

               <view class="action">

                  <text class="text-grey ">{{item.maktxCode}}</text>

               </view>

            </view>



            <view class="cu-item">

               <view class="content">

                  <text class="text-black">单号:</text>

               </view>

               <view class="action">

                  <text class="text-grey ">{{item.asnCode}}</text>

               </view>

            </view>





            <view class="cu-item">

               <view class="content">

                  <text class="text-black">供应商批次:</text>

               </view>

               <view class="action">

                  <text class="text-grey ">{{item.splrBatch}}</text>

               </view>

            </view>



            <view class="cu-item">

               <view class="content">

                  <text class="text-black">库存单位:</text>

               </view>

               <view class="action">

                  <text class="text-grey ">{{item.stockUnit}}</text>

               </view>

            </view>





            <view class="cu-item">

               <view class="content">

                  <view class="cu-form-group padding-lr-0">

                     <view class="title text-blue">数量:</view>

                     <input class="text-right" type="number" placeholder="请输入数量" v-model="item.receiptQty"

                        focus></input>

                  </view>

               </view>

            </view>



            <view class="margin-top-sm flex">

               <uni-data-checkbox mode="tag" v-model="item.status" :localdata="types"></uni-data-checkbox>

            </view>

         </block>

      </view>



      <view class="cu-bar btn-group foot">

         <button class="cu-btn bg-blue shadow-blur" @click="confirm">提交</button>

      </view>



   </view>

</template>



<script>

   import {

      request

   } from '../../common/request.js'



   export default {

      data() {

         return {

            barcode: '',

            container: '',

            list: [],

            range: [],

            isconfirm: false,

            types: [{

                  text: '待返修',

                  value: 1

               },

               {

                  text: '待报废',

                  value: 2

               },

               {

                  text: '降级使用',

                  value: 3

               },

               {

                  text: '待定',

                  value: 4

               },

            ],

         }

      },

      computed: {



      },

      mounted() {},

      methods: {

         async search() {

            // const {

            //    code,

            //    data,

            //    msg

            // } = await request('/asnOrderItem/trackCode/' + this.barcode, {}, "get")

            // if (code === 200) {

            //    const find = this.list.find(el => el.id === data.id);

            //    !find && this.list.push(data)

            // } else {

            //    uni.showToast({

            //       title: msg,

            //       icon: "none",

            //       position: 'top'

            //    })

            // }

            this.list = [{

               id: 1,

               maktx: '拉杆箱',

               maktxCode: '312312312',

               asnCode: 'asn123412',

               splrBatch: '3123123',

               stockUnit: '个',

               receiptQty: null

            }]

         },

         async confirm() {

            // const {

            //    code,

            //    data,

            //    msg

            // } = await request('/waitPakin/unbind', {

            //    items: this.list,

            //    barcode: this.container

            // })

            // if (code === 200) {

            //    uni.showToast({

            //       title: '提交成功'

            //    })

            //    this.list = []

            //    this.barcode = ''

            //    this.isconfirm = false

            // } else {

            //    uni.showToast({

            //       title: msg,

            //       icon: "none",

            //       position: 'top'

            //    })

            // }



         },



      }

   }

</script>



<style>

   .index {

      border: 1px solid #e54d42;

      color: #e54d42;

      border-radius: 50%;

      display: block;

      width: 50rpx;

      height: 50rpx;

      line-height: 48rpx;

      text-align: center;

      margin-right: 20rpx;

      font-size: 30rpx;

   }



   .text-blue {

      color: #0081ff !important;



   }



   .item {

      position: relative;

      display: flex;

      min-height: 80upx;

      align-items: center;

   }

</style>