小程序

Mr.Zhang

2023-09-05 64a7f738aadbf552bfb1ce24c46b1924767bf526

 minipro_standard/components/selectMaterial.vue

@@ -2,9 +2,9 @@
   <u-popup :show="show" :round="10" closeable @close="show=false">

      <view class="material-content bbox p30">

         <view class="tc b f24 c2">选择物料</view>

         <u-list @scrolltoupper="scrolltoupper" @scrolltolower="scrolltolower">

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

               <view class="" style="height: 20px;" @click="jump(item1)">

         <scroll-view scroll-y="true" refresher-enabled="true" :refresher-triggered="refreshing"

            @scrolltolower="loadMore" @refresherrefresh="onRefresh">

            <view v-for="(item1, index) in list" :key="index" class="" style="height: 20px;" @click="jump(item1)">

                  <div class="page_content_title_top">

                     <span>{{ item1.materialName + ' | ' + item1.materialCode }}</span>

                  </div>

@@ -13,8 +13,7 @@
                     <span>{{ item1.num }}{{ item1.unitName }}</span>

                  </div>

                  <div class="page_content_title_bottom">

                     <span class="green" v-if="item1.qualityType == 0">合格&nbsp;<span

                           class="c1">/</span>&nbsp;</span>

                  <span class="green" v-if="item1.qualityType == 0">合格&nbsp;<span class="c1">/</span>&nbsp;</span>

                     <span class="orange" v-else-if="item1.qualityType == 1">不良&nbsp;<span

                           class="c1">/</span>&nbsp;</span>

                     <span class="red" v-else-if="item1.qualityType == 2">报废&nbsp;<span

@@ -24,21 +23,29 @@
                     <span>{{item1.batch ? item1.batch : '-'}}</span>

                  </div>

               </view>

         </scroll-view>

         <!-- <u-list @scrolltoupper="scrolltoupper" @scrolltolower="scrolltolower">

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

            </u-list-item>

         </u-list>

         </u-list> -->

      </view>

   </u-popup>

</template>



<script>

   import {

      choiceStockListPage,

      choiceStockPageForStandard

   } from '@/util/api/agencyAPI'

   export default {

      name: "selectMaterial",

      data() {

         return {

            show: false,

            refreshing: false,

            pages: {

               size: 10,

               index: 1,

               capacity: 10,
               page: 1,
               total: 0

            },

            list: [

@@ -49,34 +56,59 @@
      methods: {

         open(target) {

            this.show = true

            this.refreshing = false
            this.workorderId = target.workorderId

            this.deviceId = target.deviceId

            this.list = []

            this.pages = {

               size: 10,

               index: 1,

               capacity: 10,
               page: 1,
               total: 0

            }

            this.loadData()

         },

         loadData() {

            this.list = [{

               batch: '1',

               materialName: 'dsadas',

               materialCode: '1m0001',

               locationName: 'a仓2号位',

               num: '1',

               unitName: '块',

               qualityType: 0,

               procedureName: '压制',

            }]

            // this.list = [{

            //    batch: '1',

            //    materialName: 'dsadas',

            //    materialCode: '1m0001',

            //    locationName: 'a仓2号位',

            //    num: '1',

            //    unitName: '块',

            //    qualityType: 0,

            //    procedureName: '压制',

            // }]

            choiceStockPageForStandard({

                  ...this.pages,

                  model: {

                     workorderId: this.workorderId,

                     deviceId: this.deviceId

                  }

               }).then(res => {

                  let {

                     data

                  } = res

                  if (data.page == 1) {

                     this.list = [];

                  }

                  this.pages.page = data.page

                  this.pages.total = data.total

                  this.list.push(...data.records)

               }).catch((err) => {



               })

               .finally(() => {

                  this.refreshing = false;

               })

         },

         scrolltoupper() {

            console.log('scrolltoupper');

         loadMore() {
            this.pages.page += 1

            this.loadData()

         },

         scrolltolower() {

            console.log('scrolltolower');

         onRefresh() {
            if (this.refreshing) return
            this.refreshing = true;
            this.pages.page = 1

            this.loadData()

         },
         jump(item) {