20250325

src/views/modules/pallet/index.vue

@@ -7,9 +7,11 @@ import {
   saveBatchPallet,
   savePallet
 } from '../../../api/pallet'
+import SelectionTable from '../../common/selectionTable.vue'
 
 export default {
   name: 'pallet',
+  components: {SelectionTable},
   data(){
     return{
       span:3,
@@ -22,6 +24,7 @@ export default {
       dataList:[],
       queryLoading:false,
       total:0,
+      palletTotal:0,
       exportLoading:false,
       palletList:[],
       batchVisible:false,
@@ -255,6 +258,7 @@ export default {
         if (data && data.code === 0){
           this.dataList = data.rows
           this.total = data.total
+          this.palletTotal = data.palletTotal
         }else {
           this.$message.warning(data.msg);
         }
@@ -357,7 +361,7 @@ export default {
 
 <template>
   <div class="box-container">
-    <el-form label-position="top" :model="queryParams" @submit.native.prevent style="max-width: 1200px">
+    <el-form label-position="top" :model="queryParams" @submit.native.prevent>
       <el-row :gutter="10">
         <el-col :span="span+1">
           <el-input ref="scanPallet" v-model="queryParams.palletNo" @keydown.enter.native="handleScanPallet" placeholder="Please scan Pallet Label"></el-input>
@@ -375,6 +379,12 @@ export default {
         <el-col :span="span-2">
           <el-checkbox v-model="queryParams.type" label="Remove" true-label="remove" false-label="add"></el-checkbox>
         </el-col>
+        <el-col :span="span-1" :offset="16" style="text-align:right;font-weight: bold">
+          Pallet Qty:<span>{{palletTotal}}</span>
+        </el-col>
+        <el-col :span="span-1" style="text-align:right;font-weight: bold">
+          SN Qty:<span>{{total}}</span>
+        </el-col>
       </el-row>
     </el-form>
 
@@ -403,19 +413,27 @@ export default {
         </el-table-column>
       </el-table>
     </div>
-    <el-pagination
-      @size-change="handleSizeChange"
-      @current-change="handleCurrentChange"
-      :current-page.sync="queryParams.no"
-      :page-sizes="[50,100, 200, 300, 400]"
-      :page-size="queryParams.size"
-      layout="total,sizes, prev, pager, next"
-      :total="total">
-    </el-pagination>
+    <div>
+      <el-pagination
+        @size-change="handleSizeChange"
+        @current-change="handleCurrentChange"
+        :current-page.sync="queryParams.no"
+        :page-sizes="[50,100, 200, 300, 400]"
+        :page-size="queryParams.size"
+        layout="total,sizes, prev, pager, next"
+        :total="total">
+      </el-pagination>
+    </div>
 
     <el-dialog :visible.sync="batchVisible" v-drag title="Batch Processing - Add" width="500px" :close-on-click-modal="false">
-      <el-input v-model="batchParams.palletNo" ref="batchPalletNo"  placeholder="Please scan Pallet Label" @keydown.enter.native="handleScanBatchPallet"></el-input>
-
+      <el-row :gutter="10">
+        <el-col :span="18">
+          <el-input v-model="batchParams.palletNo" ref="batchPalletNo"  placeholder="Please scan Pallet Label" @keydown.enter.native="handleScanBatchPallet"></el-input>
+        </el-col>
+        <el-col :span="6" style="text-align:right;font-weight: bold">
+          Pallet Qty:<span>{{palletList.length}}</span>
+        </el-col>
+      </el-row>
       <el-table :data="palletList" border height="220px">
         <el-table-column align="center" width="100" label="Actions">
           <template slot-scope="scope">