add:组盘页面增加出库确认

wms_pro/qd/src/views/wms/md_manage/group_dick/groupdick.js

@@ -39,6 +39,14 @@ export function addPersons(data) {
   })
 }
 
+export function confirm(data) {
+  return request({
+    url: '/api/ioStorage/out',
+    method: 'post',
+    data
+  })
+}
+
 export function getHeader(data) {
   return request({
     url: '/api/mdGruopDick/getHeader',
@@ -79,4 +87,4 @@ export function excelImport(data) {
   })
 }
 
-export default { add, edit, del, addPersons, getHeader, deleteRow, addDevices,excelImport,updategroup }
+export default { add, edit, del, addPersons, getHeader, deleteRow, addDevices, excelImport, updategroup, confirm }

wms_pro/qd/src/views/wms/md_manage/group_dick/index.vue

@@ -12,8 +12,13 @@
           label-suffix=":"
         >
           <el-form-item label="托盘号">
-            <el-input v-model="query.vehicle_code" clearable placeholder="托盘号" style="width: 200px;"
+            <el-input
-                      class="filter-item"/>
+              v-model="query.vehicle_code"
+              clearable
+              placeholder="托盘号"
+              style="width: 200px;"
+              class="filter-item"
+            />
           </el-form-item>
           <el-form-item label="组盘日期">
             <el-date-picker
@@ -56,13 +61,23 @@
         <el-button
           slot="right"
           class="filter-item"
-          type="warning"
+          type="success"
           icon="el-icon-upload2"
           size="mini"
           @click="uploadShow = true"
         >
           导入
         </el-button>
+        <el-button
+          slot="right"
+          class="filter-item"
+          type="warning"
+          icon="el-icon-check"
+          size="mini"
+          @click="confirm"
+        >
+          出库确认
+        </el-button>
       </crudOperation>
       <el-dialog width="380px" :close-on-click-modal="false" :visible.sync="statusEdit" title="编辑托盘状态">
         <el-form
@@ -93,8 +108,14 @@
       <UploadDialog :dialog-show.sync="uploadShow" @tableChanged3="crud.toQuery()" />
 
       <!--表格渲染-->
-      <el-table ref="table" v-loading="crud.loading" :data="crud.data" size="mini" style="width: 100%;"
+      <el-table
-                @selection-change="crud.selectionChangeHandler">
+        ref="table"
+        v-loading="crud.loading"
+        :data="crud.data"
+        size="mini"
+        style="width: 100%;"
+        @selection-change="crud.selectionChangeHandler"
+      >
         <el-table-column type="selection" width="55" />
         <el-table-column prop="code" label="组盘编号" width="160px">
           <template slot-scope="scope">
@@ -122,7 +143,7 @@
         </el-table-column>
       </el-table>
       <!--分页组件-->
-      <pagination></pagination>
+      <pagination />
     </div>
     <AddDialog @AddChanged="querytable" />
     <ViewDialog ref="viewRef" :form="form" />
@@ -140,7 +161,6 @@ import formstruc from '@/views/wms/config_manage/formStruc/formstruc'
 import ViewDialog from '@/views/wms/md_manage/group_dick/ViewDialog'
 import UploadDialog from './UploadDialog'
 
-
 const defaultForm = {
   id: '',
   code: '',
@@ -156,9 +176,18 @@ const defaultForm = {
   form_data: {}
 }
 export default {
-  name: 'groupDick',
+  name: 'GroupDick',
   statusEnums: ['FORM_STATUS'],
-  components: { ViewDialog, AddDialog, crudbucketrecord, formstruc, pagination, crudOperation, rrOperation,UploadDialog },
+  components: {
+    ViewDialog,
+    AddDialog,
+    crudbucketrecord,
+    formstruc,
+    pagination,
+    crudOperation,
+    rrOperation,
+    UploadDialog
+  },
   mixins: [presenter(), header(), form(defaultForm), crud()],
   cruds() {
     return CRUD({
@@ -180,6 +209,7 @@ export default {
     return {
       cols: [],
       GroupShow: false,
+      currentRow: null,
       viewShow: false,
       statusEdit: false,
       vachileView: false,
@@ -225,6 +255,22 @@ export default {
         this.crud.toQuery()
       })
     },
+    confirm() {
+      debugger
+      if (this.crud.selections.length === 0) {
+        this.crud.notify('请选择一个载具', CRUD.NOTIFICATION_TYPE.INFO)
+        return
+      }
+      if (this.crud.selections.length > 1) {
+        this.crud.notify('请确认只选择一个载具', CRUD.NOTIFICATION_TYPE.INFO)
+        return
+      }
+      debugger
+      crudbucketrecord.confirm(JSON.stringify({ 'vehicle_code': this.crud.selections[0].vehicle_code })).then(res => {
+        this.crud.notify('载具出库确认成功！', CRUD.NOTIFICATION_TYPE.SUCCESS)
+        this.crud.toQuery()
+      })
+    }
   }
 }
 </script>