sov

src/config/getData2.js

@@ -174,10 +174,12 @@ export const outgetBillType = () => post('api/pda/bcp/out/getBillType', {})
 //   return res
 // }
 // 1.3物料选择页面
-export const outgetMaterial = (code, scode, is) => post('api/pda/bcp/out/getMaterial', {
+export const outgetMaterial = (code, scode, is, page, size) => post('api/pda/bcp/out/getMaterial', {
   material_code: code,
   struct_code: scode,
-  is_material: is
+  is_material: is,
+  page: page,
+  size: size
 })
 // 1.4出库点下拉框
 export const outgetPoint = () => post('api/pda/bcp/out/getPoint', {})

src/pages/modules/semifinished/semi-finished-in-mater-search.vue

@@ -86,8 +86,6 @@ export default {
       this.busy = false
       this.desc = ''
       let res = await getMaterial(this.val1, this.page + '', this.size)
-      this.dataList = [...res.data]
-
       this.dataList = []
       this.dataList = [...res.data]
       if (res.data.length < 30) {

src/pages/modules/semifinished/semi-finished-out-mater-search.vue

@@ -26,7 +26,7 @@
                 </div>
             </div>
         </div>
-        <div class="grid_wraper">
+        <div class="grid_wraper" v-infinite-scroll="loadMore" infinite-scroll-disabled="busy" infinite-scroll-distance="0" infinite-scroll-immediate-check="false">
             <table class="filter-table">
                 <thead>
                     <tr>
@@ -51,6 +51,7 @@
                     </tr>
                 </tbody>
             </table>
+            <div class="loading-tips">{{desc}}</div>
         </div>
     </div>
 </template>
@@ -65,7 +66,11 @@ export default {
       isV: '1',
       dataList: [],
       pkId: '',
-      pkObj: {}
+      pkObj: {},
+      page: 1,
+      size: '30',
+      busy: false,
+      desc: ''
     }
   },
   created () {
@@ -74,8 +79,28 @@ export default {
   methods: {
     // grid
     async _outgetMaterial () {
-      let res = await outgetMaterial(this.val2, this.val1, this.isV)
+      this.page = 1
+      this.busy = false
+      this.desc = ''
+      let res = await outgetMaterial(this.val2, this.val1, this.isV, this.page + '', this.size)
+      this.dataList = []
       this.dataList = [...res.data]
+      if (res.data.length < 30) {
+        this.busy = true
+        this.desc = '已加载全部数据'
+      }
+    },
+    async loadMore () {
+      this.busy = true
+      this.page++
+      let res = await outgetMaterial(this.val2, this.val1, this.isV, this.page + '', this.size)
+      this.dataList = [...this.dataList, ...res.data]
+      if (res.data.length < 30) {
+        this.busy = true
+        this.desc = '已加载全部数据'
+      } else {
+        this.busy = false
+      }
     },
     colseUp () {
       this.$router.push('/semifinishedoutstore')