wms成品出库明细页面修改2

src/views/wms/detailed/index.vue

@@ -172,20 +172,26 @@
 		<el-table v-loading="loading" :data="detailedList" @selection-change="handleSelectionChange">
 			<el-table-column type="selection" width="55" align="center" />
 			<el-table-column label="唯一序列号" align="center" prop="storageId" v-if="false" />
-      <el-table-column label="产品名称" align="center" prop="productName" width="280" />
-      <el-table-column label="产品编码" align="center" prop="productCode" width="250">
+      <el-table-column label="产品名称" align="center" prop="productName" width="180" />
+      <el-table-column label="产品编码" align="center" prop="productCode" width="150">
         <template slot-scope="scope">
           <span>{{ formatProductCode(scope.row.productCode) }}</span>
         </template>
       </el-table-column>
-      <el-table-column label="工厂编码" align="center" prop="factoryCode"  />
-			<el-table-column label="仓库编码" align="center" prop="whCode" />
-			<el-table-column label="库区编码" align="center" prop="waCode" />
-      <el-table-column label="入库时间" align="center" prop="gmtCreate" />
-			<el-table-column label="库位编码" align="center" prop="wlCode" />
-			<el-table-column label="托盘号" align="center" prop="sn" />
-			<el-table-column label="数量" align="center" prop="amount" />
+      <el-table-column label="工厂编码" align="center" prop="factoryCode" width="90" />
+			<el-table-column label="仓库编码" align="center" prop="whCode"  width="90"/>
+			<el-table-column label="库区编码" align="center" prop="waCode"  width="90"/>
+			<el-table-column label="库位编码" align="center" prop="wlCode" width="90"/>
+			<el-table-column label="托盘号" align="center" prop="sn" width="230"/>
+			<el-table-column label="数量" align="center" prop="amount" width="90"/>
+      <el-table-column label="出库数量" align="center" prop="outAmount" width="90"/>
+      <el-table-column label="剩余数量" align="center" width="90">
+        <template slot-scope="scope">
+          <span>{{ (scope.row.amount || 0) - (scope.row.outAmount || 0) }}</span>
+        </template>
+      </el-table-column>
 			<el-table-column label="批次" align="center" prop="batchNumber" />
+      <el-table-column label="入库时间" align="center" prop="gmtCreate" />
 			<el-table-column label="备用2" align="center" prop="userDefined2" v-if="false" />
 			<el-table-column label="备用3" align="center" prop="userDefined3" v-if="false" />
 			<el-table-column label="备用4" align="center" prop="userDefined4" v-if="false" />