wms“包材库存明细”界面要优化，重新排列菜单的次序如下

送货时间，物料号，物料描述，送货单，采购单，批次，入库数量，出库数量，剩余数量(“剩余数量”是“入库数量”减去“出库数量”得出)，状态，标识卡，后面菜单次序不变。

src/views/wms/matetowsn/index.vue

@@ -43,15 +43,6 @@
 					@keyup.enter.native="handleQuery"
 				/>
 			</el-form-item>
-<!--			<el-form-item label="库位" prop="wlCode">-->
-<!--				<el-input-->
-<!--					v-model="queryParams.wlCode"-->
-<!--					placeholder="请输入库位"-->
-<!--					clearable-->
-<!--					@keyup.enter.native="handleQuery"-->
-<!--				/>-->
-<!--			</el-form-item>-->
-
 			<el-form-item label="物料号" prop="materialCode">
 				<el-input
 					v-model="queryParams.materialCode"
@@ -69,18 +60,6 @@
 				/>
 			</el-form-item>
 
-<!--			<el-form-item label="数量" prop="amount">-->
-<!--				<el-input-->
-<!--					v-model="queryParams.amount"-->
-<!--					placeholder="请输入数量"-->
-<!--					clearable-->
-<!--					@keyup.enter.native="handleQuery"-->
-<!--				/>-->
-<!--			</el-form-item>-->
-
-
-
-
 			<el-form-item label="送货时间" prop="gmtCreate">
 				<el-date-picker clearable
 					v-model="queryParams.gmtCreate"
@@ -89,15 +68,6 @@
 					placeholder="请选择创建时间">
 				</el-date-picker>
 			</el-form-item>
-<!--			<el-form-item label="工厂号" prop="factoryCode">-->
-<!--				<el-input-->
-<!--					v-model="queryParams.factoryCode"-->
-<!--					placeholder="请输入工厂号"-->
-<!--					clearable-->
-<!--					@keyup.enter.native="handleQuery"-->
-<!--				/>-->
-<!--			</el-form-item>-->
-
 			<el-form-item>
 				<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
 				<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
@@ -114,40 +84,44 @@
       </el-col>
       <el-col :span="1.5">
         <el-button
-          type="danger"
+          type="primary"
           plain
           icon="el-icon-remove"
           size="mini"
           :disabled="batchSingle"
-          @click="handleRemoveBatch(row)"
-          v-hasPermi="['mes:pro:workorder:edit']"
+          @click="handleRemoveBatch()"
+
         >删除
         </el-button>
       </el-col>
-
 			<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
 		</el-row>
 
 		<el-table v-loading="loading" :data="matetowsnList" @selection-change="handleSelectionChange">
 			<el-table-column type="selection" width="55" align="center" />
 			<el-table-column label="唯一序列号" align="center" prop="mateOrderInSnId"  v-if="false" />
-      <el-table-column label="送货时间" align="center" prop="gmtCreate" width="180">
+      <el-table-column label="送货时间" align="center" prop="gmtCreate" width="100">
         <template slot-scope="scope">
           <span>{{ parseTime(scope.row.gmtCreate, '{y}-{m}-{d}') }}</span>
         </template>
       </el-table-column>
-      <el-table-column label="送货单" align="center" prop="poNo"  width="100"/>
-      <el-table-column label="采购单" align="center" prop="orderNo" width="100"/>
-			<el-table-column label="标识卡" align="center" prop="wlCode" width="300"/>
-      <el-table-column label="批次" align="center" prop="userDefined2" width="300"/>
-      <el-table-column label="物料号" align="center" prop="materialCode" width="200">
+
+      <el-table-column label="物料号" align="center" prop="materialCode" width="120">
         <template slot-scope="scope">
           <span>{{ formatProductCode(scope.row.materialCode) }}</span>
         </template>
       </el-table-column>
       <el-table-column label="物料描述" align="center" prop="materialDesc" width="300"/>
+      <el-table-column label="送货单" align="center" prop="poNo"  width="100"/>
+      <el-table-column label="采购单" align="center" prop="orderNo" width="100"/>
+      <el-table-column label="批次" align="center" prop="userDefined2" width="100"/>
       <el-table-column label="入库数量" align="center" prop="amount" />
       <el-table-column label="出库数量" align="center" prop="outNumber" />
+      <el-table-column label="剩余数量" align="center">
+        <template slot-scope="scope">
+          <span>{{ scope.row.amount - (scope.row.outNumber || 0) }}</span>
+        </template>
+      </el-table-column>
       <el-table-column label="状态" align="center" prop="status">
         <template slot-scope="scope">
           <span v-if="scope.row.outNumber === 0 || scope.row.outNumber === null">入库</span>
@@ -155,7 +129,7 @@
           <span v-else>出库完成</span>
         </template>
       </el-table-column>
-<!--			<el-table-column label="托盘号" align="center" prop="sn" />-->
+      <el-table-column label="标识卡" align="center" prop="wlCode" width="300"/>
       <el-table-column label="仓库" align="center" prop="whCode" />
       <el-table-column label="库区" align="center" prop="waCode" />
 			<el-table-column label="备用1" align="center" prop="userDefined1" v-if="false" />
@@ -173,15 +147,8 @@
 					<span>{{ parseTime(scope.row.gmtCreate, '{y}-{m}-{d}') }}</span>
 				</template>
 			</el-table-column>
-<!--			<el-table-column label="更新人" align="center" prop="lastModifiedBy" />-->
-<!--			<el-table-column label="更新时间" align="center" prop="gmtModified" width="180">-->
-<!--				<template slot-scope="scope">-->
-<!--					<span>{{ parseTime(scope.row.gmtModified, '{y}-{m}-{d}') }}</span>-->
-<!--				</template>-->
-<!--			</el-table-column>-->
 			<el-table-column label="有效标记" align="center" prop="activeFlag"v-if="false" />
 			<el-table-column label="工厂号" align="center" prop="factoryCode" />
-
 		</el-table>
 
 		<pagination
@@ -630,10 +597,12 @@ export default {
       console.log("Materials processed");
       this.showMaterialDialog = false; // 关闭领料单弹窗
     },
-    handleRemoveBatch(row) {
-
+    handleRemoveBatch() {
+      const ids =  this.ids;
+      let postData = this.ids.map(id => ({ mateOrderInSnId: id }));
+      console.log(postData)
       this.$modal.confirm('是否确认删除标识卡编号为"' + wlCode + '"的数据项？').then(function() {
-        return Removecard();
+        return Removecard(postData);
       }).then(() => {
         this.editBatch();
         this.$modal.msgSuccess("删除成功");