Mr.Shi
2023-09-05 16cd5600efc6f94ed617cb09e1a2dd579017ddef
minipro_standard/components/selectMaterial.vue
@@ -2,44 +2,51 @@
   <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">
         <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>
               <div class="page_content_title_bottom">
                  <span>{{ item1.locationName }}&nbsp;/&nbsp;</span>
                  <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="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
                        class="c1">/</span>&nbsp;</span>
                  <span v-else>-&nbsp;/&nbsp;</span>
                  <span>{{item1.procedureName ? item1.procedureName : '-'}}&nbsp;/&nbsp;</span>
                  <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">
               <view class="" style="height: 20px;" @click="jump(item1)">
                  <div class="page_content_title_top">
                     <span>{{ item1.materialName + ' | ' + item1.materialCode }}</span>
                  </div>
                  <div class="page_content_title_bottom">
                     <span>{{ item1.locationName }}&nbsp;/&nbsp;</span>
                     <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="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
                           class="c1">/</span>&nbsp;</span>
                     <span v-else>-&nbsp;/&nbsp;</span>
                     <span>{{item1.procedureName ? item1.procedureName : '-'}}&nbsp;/&nbsp;</span>
                     <span>{{item1.batch ? item1.batch : '-'}}</span>
                  </div>
               </view>
            </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,
            pages: {
               size: 10,
               index: 1,
               total: 0
            show: false,
            refreshing: false,
            pages: {
               capacity: 10,
               page: 1,
               total: 0
            },
            list: [
               1, 2, 3, 4, 5, 6, 7, 8
@@ -49,39 +56,64 @@
      methods: {
         open(target) {
            this.show = true
            this.workorderId = target.workorderId
            this.refreshing = false
            this.workorderId = target.workorderId
            this.deviceId = target.deviceId
            this.list = []
            this.pages = {
               size: 10,
               index: 1,
               total: 0
            this.pages = {
               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) {
            this.$emit('selectAction', item)
            this.show = false
         },
         jump(item) {
            this.$emit('selectAction', item)
            this.show = false
         }
      }
   }