no message

src/views/stock_control/guangFoInventory.vue

@@ -39,35 +39,26 @@
       <div class="btn-group clearfix">
         <div class="fl"></div>
         <div class="fr">
-          <ExportButton :exUrl="'stock/startAcc/stockExport'" :exParams="exParams" />
+          <div style="display: flex;">
+            <ExportButton :exUrl="'stock/startAcc/stockExport'" :exParams="exParams" exText="前一半导出" />
+            <div style="width:10px"></div>
+            <ExportButton :exUrl="'stock/startAcc/stockExport2'" :exParams="exParams" exText="后一半导出" />
+          </div>
         </div>
       </div>
 
       <div class="mymain-container">
         <!-- 列表 -->
         <div class="table">
-          <el-table
-            v-loading="listLoading"
-            :data="dataList"
-            element-loading-text="Loading"
-            border
-            fit
-            highlight-current-row
-            stripe
-          >
+          <el-table v-loading="listLoading" :data="dataList" element-loading-text="Loading" border fit
+            highlight-current-row stripe show-summary :summary-method="getSummaries">
             <el-table-column align="left" label="仓库名称" prop="stockName" min-width="160" show-overflow-tooltip>
             </el-table-column>
             <el-table-column align="left" label="存货类别" prop="categoryName" min-width="160" show-overflow-tooltip>
             </el-table-column>
             <el-table-column align="left" label="物料编码" prop="materialNumber" min-width="160" show-overflow-tooltip>
             </el-table-column>
-            <el-table-column
-              align="left"
-              label="产品编码"
-              prop="materialOldNumber"
-              min-width="160"
-              show-overflow-tooltip
-            >
+            <el-table-column align="left" label="产品编码" prop="materialOldNumber" min-width="160" show-overflow-tooltip>
             </el-table-column>
             <el-table-column align="left" label="物料名称" prop="materialName" min-width="160" show-overflow-tooltip>
             </el-table-column>
@@ -77,39 +68,27 @@
             </el-table-column>
             <el-table-column align="left" label="佛山可用数量" prop="fsOnNumber" min-width="160" show-overflow-tooltip>
             </el-table-column>
-            <el-table-column
-              align="left"
-              label="广州开单未提数量"
-              prop="gzNeverNumber"
-              min-width="160"
-              show-overflow-tooltip
-            >
+            <el-table-column align="left" label="总可用数量" prop="allOnNumber" min-width="160" show-overflow-tooltip>
             </el-table-column>
-            <el-table-column
-              align="left"
-              label="佛山开单未提数量"
-              prop="fsNeverNumber"
-              min-width="160"
-              show-overflow-tooltip
-            >
+            <el-table-column align="left" label="广州开单未提数量" prop="gzNeverNumber" min-width="160" show-overflow-tooltip>
+            </el-table-column>
+            <el-table-column align="left" label="佛山开单未提数量" prop="fsNeverNumber" min-width="160" show-overflow-tooltip>
+            </el-table-column>
+            <el-table-column align="left" label="总开单未提数量" prop="allNeverNumber" min-width="160" show-overflow-tooltip>
             </el-table-column>
             <el-table-column align="left" label="广州结存数量" prop="gzNumber" min-width="160" show-overflow-tooltip>
             </el-table-column>
             <el-table-column align="left" label="佛山结存数量" prop="fsNumber" min-width="160" show-overflow-tooltip>
             </el-table-column>
+            <el-table-column align="left" label="总结存数量" prop="allNumber" min-width="160" show-overflow-tooltip>
+            </el-table-column>
           </el-table>
         </div>
         <!-- 分页 -->
         <div class="fr">
-          <el-pagination
-            @size-change="handleSizeChange"
-            @current-change="handleCurrentChange"
-            :current-page="currentPage"
-            :page-sizes="[10, 20, 30, 50]"
-            :page-size="pageSize"
-            layout="total, sizes, prev, pager, next, jumper"
-            :total="listTotal"
-          >
+          <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange"
+            :current-page="currentPage" :page-sizes="[10, 20, 30, 50]" :page-size="pageSize"
+            layout="total, sizes, prev, pager, next, jumper" :total="listTotal">
           </el-pagination>
         </div>
       </div>
@@ -186,6 +165,28 @@ export default {
       const res = await stockStartAccStock(data)
       this.dataList = res.data.records
       this.listTotal = res.data.total
+    },
+    getSummaries(param) {
+      const { columns, data } = param;
+      const sums = [];
+      columns.forEach((column, index) => {
+        if (index < 6) {
+          return;
+        }
+        const values = data.map(item => Number(item[column.property]));
+        if (!values.every(value => isNaN(value))) {
+          sums[index] = values.reduce((prev, curr) => {
+            const value = Number(curr);
+            if (!isNaN(value)) {
+              return prev + curr;
+            } else {
+              return prev;
+            }
+          }, 0);
+          sums[index];
+        }
+      });
+      return sums;
     }
   }
 }
@@ -195,21 +196,26 @@ export default {
 .selectStyle {
   width: 100%;
 }
+
 ::v-deep .el-textarea__inner {
   resize: none;
 }
+
 ::v-deep .el-form {
   .inputStyle {
     width: 80%;
   }
 }
+
 ::v-deep .dialog-footer {
   display: flex;
   justify-content: center;
 }
+
 ::v-deep .el-dialog__header {
   background-color: #dddddd;
 }
+
 .inp {
   margin: 0 12px;
 }
@@ -222,14 +228,17 @@ export default {
 .table {
   margin-top: 12px;
 }
+
 .search {
   display: flex;
   margin-top: 12px;
+
   ::v-deep .el-input {
     width: 50%;
     margin-right: 12px;
   }
 }
+
 .import-btn {
   display: inline-block;
   margin-left: 10px;