剩余回库grid

src/config/getData2.js

@@ -338,6 +338,10 @@ export const backstore = (code, scode) => post('api/pda/st/out/pfout/backstore',
   point_code: code,
   storagevehicle_code: scode
 })
+// 1.11 扫载具查询桶明细
+export const queryStoragevehicle = (code) => post('api/pda/st/out/pfout/queryStoragevehicle', {
+  storagevehicle_code: code
+})
 // 1.12搬出
 export const movePFVehicle = (id, fcode, code, scode, btn) => post('api/pda/pdm/movePFVehicle', {
   worktask_id: id,

src/pages/xinrui/production/SurplusBackStore.vue

@@ -1,18 +1,48 @@
 <template>
   <section>
     <nav-bar :inner="true" title="剩余回库"></nav-bar>
-    <section class="content mgt186 mgb70">
+    <section class="content mgt186">
       <div class="filter-wraper">
         <search-box
         label="载具码"
         v-model="val1"
+        @handleChange="handleChange1"
         ></search-box>
         <search-box
         label="站点码"
+        :seaShow="false"
         :focused="true"
         v-model="val2"
         ></search-box>
       </div>
+      <div class="grid-wraper">
+        <div class="left_fixed">
+          <table class="layout-t left_layout_t">
+            <tr>
+            <th>顺序号</th>
+            <th>桶码</th>
+            </tr>
+            <tr v-for="(e, i) in dataList" :key="i">
+              <td>{{i + 1}}</td>
+              <td>{{e.bucketunique}}</td>
+            </tr>
+          </table>
+        </div>
+        <div class="slide">
+          <table class="layout-t">
+            <tr>
+              <th>物料编码</th>
+              <th>批次</th>
+              <th>重量kg</th>
+            </tr>
+            <tr v-for="(e, i) in dataList" :key="i">
+              <td>{{e.material_code}}</td>
+              <td>{{e.pcsn}}</td>
+              <td>{{e.storage_qty | numeric(3)}}</td>
+            </tr>
+          </table>
+        </div>
+      </div>
     </section>
     <section class="submit-bar">
       <button class="btn submit-button" :disabled="disabled1" :class="{'btn-disabled': this.val1 === '' || this.val2 === ''}" @click="_backstore">回库</button>
@@ -23,7 +53,7 @@
 <script>
 import NavBar from '@components/NavBar.vue'
 import SearchBox from '@components/SearchBox.vue'
-import { backstore, updateWorkStatus } from '@config/getData2'
+import { queryStoragevehicle, backstore, updateWorkStatus } from '@config/getData2'
 export default {
   name: 'SurplusBackStore',
   components: {
@@ -34,10 +64,25 @@ export default {
     return {
       val1: '',
       val2: '',
+      dataList: [],
       disabled1: false
     }
   },
   methods: {
+    handleChange1 (e, type) {
+      if (type) {
+        this._queryStoragevehicle(e)
+      }
+    },
+    /** 扫载具查询桶明细 */
+    async _queryStoragevehicle (e) {
+      let res = await queryStoragevehicle(e)
+      if (res.code === '1') {
+        this.dataList = [...res.content]
+      } else {
+        this.Dialog(res.desc)
+      }
+    },
     /** 回库 */
     async _backstore () {
       this.disabled1 = true