1.采购入库实现35%

小小儁爺

2025-05-12 8081e115c0d8ffd0dd572e02a4dfa28818ad2d5a

 pages/wlgl/cgrk2.vue

@@ -0,0 +1,163 @@
<template>
   <view>
      <page-nav title="采购入库2"></page-nav>


      <view v-if="purchorderArrAll.length===0">
         <div class="sacnBody">
            <div class="boxImg"></div>
            <div class="scanText">暂无采购到货</div>
         </div>
      </view>


      <view v-if="purchorderArrAll.length>0">
         <!-- <view class="mainContent" :style="{maxHeight: '1340rpx',overflow: 'scroll',padding:0}"> -->
         <u--input prefixIcon="search" prefixIconStyle="font-size: 22px;color: #909399" placeholder="输入采购订单号"
            clearable border="surround" @clear='inputBoxValueClear' v-model="inputBoxValue"
            @change="changeInputBoxValue"></u--input>

         <u-alert :title="'采购订单数（共'+title+'个）'" type="primary"></u-alert>

         <u-radio-group v-model="radioValue" iconPlacement="right" @change="radioValueClick" class="radioGroupClass">
            <view v-for="(item,index) in purchorderArr" :key="item.ordercode">
               <!-- @click="radioValueClick(item.code)" -->
               <view>
                  <u-radio activeColor="red" size="18" labelSize='18' :name='item.ordercode'
                     :label="item.ordercode"></u-radio>
               </view>
               <u-line v-if="index!==purchorderArr.length-1" color="#2979ff"></u-line>
            </view>
         </u-radio-group>

         <view class="footer" style="min-height:62rpx;">
            <u-button type="primary" size='large' :hairline="true" @click="navigateTo" text="下一步"></u-button>
         </view>
         <!-- </view> -->
      </view>


      <view v-if="purchorderArrAll.length===0">
         <div class="sacnBody">
            <div class="boxImg"></div>
            <div class="scanText">暂无采购到货</div>
         </div>
      </view>

   </view>
</template>


<script>
   import {
      MesAppPurchInStorSelectCGOrder
   } from '../../config/api.js';
   const App = getApp()
   export default {
      onLoad(option) {},

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

      data() {
         return {

            inputBoxValue: '', //输入框值

            title: 0,


            radioValue: '',

            purchorderArr: [],

            purchorderArrAll: []
         }
      },
      created() {

      },
      mounted() {
         this.init()

         this.getMesAppPurchOrderSearch()
      },
      methods: {
         init() {
            uni.stopPullDownRefresh();
         },
         changeInputBoxValue(val) {
            this.purchorderArr = this.purchorderArrAll.filter((p) => {
               return p.ordercode.indexOf(val) !== -1
            })
         },
         inputBoxValueClear() {
            this.inputBoxValue = ''
         },
         radioValueClick(val) {
            console.log(val)
            this.radioValue = val
         },
         navigateTo() {
            uni.navigateTo({
               url: './cgrk4?ordercode=' + this.radioValue
            });
         },
         async getMesAppPurchOrderSearch() {
            const res = await MesAppPurchInStorSelectCGOrder()

            this.purchorderArrAll = res.data

            this.purchorderArr = res.data

            this.title = res.data.length

            this.radioValue = res.data[0].ordercode

         }
      }
   }
</script>

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

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

   .u-input--square {
      margin: 20rpx 10rpx;
      border-radius: 40rpx;
      background-color: #fff;
      border: 1px solid #c8c8c8;
   }

   ::v-deep .u-alert__text--primary--light {
      margin-bottom: 0;
      font-size: 32rpx !important;
   }

   .radioGroupClass {
      display: flex;
      flex-direction: column;
      background-color: #fff;

      overflow-y: auto;
      max-height: 1140rpx;
      margin-top: 20rpx;
   }

   ::v-deep .u-radio-label--right {
      height: 90rpx;
      line-height: 90rpx;
      width: 92%;
      margin-left: 4%;
      // padding: 0 50rpx;
   }
</style>