添加接口

src/pages/xinrui/equipment/SparePartOutstore.vue

@@ -2,21 +2,14 @@
   <section>
     <nav-bar title="备件出库"></nav-bar>
     <section class="content mgt186">
-      <div class="filter-wraper">
-        <search-box
-        label="备品备件"
-        v-model="val1"
-        @handleChange="handleChange1"
-        ></search-box>
-      </div>
       <div class="grid-wraper">
         <div class="left_fixed">
           <table class="layout-t left_layout_t">
             <tr>
             <th>出库单号</th>
             </tr>
-            <tr v-for="e in dataList" :key="e.worktask_id" @click="toCheck(e)" :class="{'checked': e.worktask_id === pkId}">
-              <td>{{e.device_code}}</td>
+            <tr v-for="e in dataList" :key="e.iostorinvdtl_id" @click="toCheck(e)" :class="{'checked': e.iostorinvdtl_id === pkId}">
+              <td>{{e.bill_code}}</td>
             </tr>
           </table>
         </div>
@@ -26,78 +19,70 @@
               <th>物料编码</th>
               <th>物料名称</th>
               <th>数量</th>
+              <th>已出数</th>
+              <th>单位</th>
+              <th>关联设备</th>
             </tr>
-            <tr v-for="e in dataList" :key="e.worktask_id" @click="toCheck(e)" :class="{'checked': e.worktask_id === pkId}">
-              <td>{{e.workorder_code}}</td>
+            <tr v-for="e in dataList" :key="e.iostorinvdtl_id" @click="toCheck(e)" :class="{'checked': e.iostorinvdtl_id === pkId}">
               <td>{{e.material_code}}</td>
-              <td>{{e.pcsn}}</td>
-            </tr>
-          </table>
-        </div>
-      </div>
-    </section>
-    <section class="content mgt186">
-      <div class="grid-wraper">
-        <div class="left_fixed">
-          <table class="layout-t left_layout_t">
-            <tr>
-            <th>备件唯一码</th>
-            </tr>
-            <tr v-for="e in dataList" :key="e.worktask_id" @click="toCheck(e)" :class="{'checked': e.worktask_id === pkId}">
+              <td>{{e.material_name}}</td>
+              <td>{{e.plan_qty}}</td>
+              <td>{{e.finish_qty}}</td>
+              <td>{{e.qty_unit_name}}</td>
               <td>{{e.device_code}}</td>
             </tr>
           </table>
         </div>
-        <div class="slide">
-          <table class="layout-t">
-            <tr>
-              <th>物料编码</th>
-              <th>物料名称</th>
-              <th>数量</th>
-            </tr>
-            <tr v-for="e in dataList" :key="e.worktask_id" @click="toCheck(e)" :class="{'checked': e.worktask_id === pkId}">
-              <td>{{e.workorder_code}}</td>
-              <td>{{e.material_code}}</td>
-              <td>{{e.pcsn}}</td>
-            </tr>
-          </table>
-        </div>
       </div>
     </section>
     <section class="submit-bar">
-      <button class="btn submit-button">查询</button>
-      <button class="btn submit-button">删除</button>
-      <button class="btn submit-button">确认</button>
+      <button class="btn submit-button" :class="{'btn-disabled': !pkId}" @click="scaninstore">扫码出库</button>
     </section>
   </section>
 </template>
 
 <script>
 import NavBar from '@components/NavBar.vue'
-import SearchBox from '@components/SearchBox.vue'
+import { queryIODtl } from '@config/getData1.js'
 export default {
   name: 'SparePartOutstore',
   components: {
-    NavBar,
-    SearchBox
+    NavBar
   },
   data () {
     return {
-      val1: '',
       dataList: [],
       pkId: '',
       pkObj: {}
     }
   },
+  beforeRouteLeave (to, from, next) {
+    if (to.path === '/home' || to.path === '/login') {
+      this.$store.dispatch('setKeepAlive', [])
+    }
+    next()
+  },
   methods: {
-    handleChange1 (e, type) {
-      if (type) {
-        console.log(e)
+    /** 1.1出入库单查询 */
+    async _queryIODtl () {
+      let res = await queryIODtl('1')
+      if (res.code === '1') {
+        this.dataList = [...res.content.rows]
+      } else {
+        this.Dialog(res.desc)
       }
     },
     toCheck (e) {
-      this.pkId = this.pkId === e.worktask_id ? '' : e.worktask_id
-      this.pkObj = this.pkId === e.worktask_id ? e : {}
+      this.pkId = this.pkId === e.iostorinvdtl_id ? '' : e.iostorinvdtl_id
+      this.pkObj = this.pkId === e.iostorinvdtl_id ? e : {}
+    },
+    scaninstore () {
+      if (this.pkId) {
+        this.$store.dispatch('materObj', this.pkObj)
+        this.$router.push({
+          path: '/ScanOutStore'
+        })
+      }
     }
   }
 }