sap库存调整新增抽取时间、物料组查询条件

src/views/wms/matetowsnsap/index.vue

@@ -1,5 +1,6 @@
 <template>
 	<div class="app-container">
+    <div ref="pageHeaderRef">
 		<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="88px">
 
 
@@ -54,6 +55,15 @@
 				/>
 			</el-form-item>
 
+      <el-form-item label="物料组" prop="matkl">
+        <el-input
+          v-model="queryParams.matkl"
+          placeholder="请输入物料组"
+          clearable
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+
 <!--			<el-form-item label="送货时间" prop="gmtCreate">-->
 <!--				<el-date-picker clearable-->
 <!--					v-model="queryParams.gmtCreate"-->
@@ -90,11 +100,13 @@
 <!--      </el-col>-->
 			<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
 		</el-row>
-    <div>
+    </div>
+
 		<el-table v-loading="loading" :data="matetowsnList" @selection-change="handleSelectionChange"
               :summary-method="getSummary"
               :show-summary="true"
               :summary-align="'center'"
+              :max-height="tableHeight"
     >
 			<el-table-column type="selection" width="55" align="center" />
 			<el-table-column label="唯一序列号" align="center" prop="storageId"  v-if="false" />
@@ -109,7 +121,7 @@
           <span>{{ formatProductCode(scope.row.matnr) }}</span>
         </template>
       </el-table-column>
-      <el-table-column label="物料描述" align="center" prop="maktx" width="120"/>
+      <el-table-column label="物料描述" align="center" prop="maktx" />
       <el-table-column label="工厂" align="center" prop="werks" width="80"/>
       <el-table-column label="库存地点" align="center" prop="lgort" width="80"/>
       <el-table-column label="批号" align="center" prop="charg" width="120"/>
@@ -122,6 +134,11 @@
       lgort
       <el-table-column label="限制库存" align="center" prop="ceinm" width="120" />
       <el-table-column label="冻结库存" align="center" prop="cspem" width="120" />
+      <el-table-column label="抽取时间" align="center" prop="gmtModified"  >
+        <template slot-scope="scope">
+          <span>{{ formatDate(scope.row.gmtModified) }}</span>
+        </template>
+      </el-table-column>
 
 
 <!--      <el-table-column label="仓库" align="center" prop="whCode" />-->
@@ -144,8 +161,8 @@
 			<el-table-column label="有效标记" align="center" prop="activeFlag"v-if="false" />
 			<el-table-column label="工厂号" align="center" prop="factoryCode"  v-if="false" />
 		</el-table>
-    </div>
 		<pagination
+      ref="pagination"
 			v-show="total>0"
 			:total="total"
 			:page.sync="queryParams.pageNum"
@@ -394,11 +411,15 @@ import {
   listReturnDY,
   listOutorderZU
 } from '@/api/wms/outorderfc'
+import {formatDate} from "../../../utils";
+import useTableMaxHeight from "@/utils/useTableMaxHeight";
 export default {
 	name: "Matetowsn",
+  mixins: [useTableMaxHeight],
 	data() {
 		return {
-			// 遮罩层
+      tableMaxHeight: 100,
+      // 遮罩层
 			loading: true,
 			// 选中数组
 			ids: [],
@@ -483,7 +504,11 @@ export default {
 	created() {
 		this.getList();
 	},
+  mounted() {
+    this.pageHeaderRef = this.$refs.pageHeaderRef
+  },
 	methods: {
+    formatDate,
 		/** 查询包材库存明细表列表 */
 		getList() {
 			this.loading = true;