批量打印

src/xt_pages/stock/selfPreparedMedicine/query.vue

          for(let i=0;i<this.tableData.length;i++){
             this.tableData[i].margin = (this.tableData[i].Total?this.tableData[i].Total:0) - this.tableData[i].Count
          }
-         console.log("表哥------",this.tableData)
+        
          const data = this.formatJson(filterVal, this.tableData)
-         console.log("data",data)
-         return
+      
          excel.export_json_to_excel({
            header: tHeader,
            data,

src/xt_pages/stock/stockQuery.vue

       <bread-crumb :crumbs="crumbs"></bread-crumb>
     </div>
     <div class="app-container ">
-      <div class="cell clearfix">
-        <el-input
-          size="small"
-          style="width: 400px;"
-          class="filter-item"
-          v-model.trim="keywords"
-          placeholder="商品编码/商品名称/规格名称"
-        />
-        <el-button
-          size="small"
-          class="filter-item"
-          type="primary"
-          icon="el-icon-search"
-          @click="search"
-          >搜索</el-button
-        >
+      <div style="justify-content: space-between;margin: 0px 0 12px 0;display: flex;align-items: center;">
+        <div>
+          <el-select v-model="value" style="width:140px;margin-right:10px;" placeholder="请选择">
+            <el-option
+              v-for="item in options"
+              :key="item.value"
+              :label="item.label"
+              :value="item.value">
+            </el-option>
+          </el-select>
+          <el-time-select
+            style="width:140px;"
+            v-model="value"
+            :picker-options="{
+              start: '08:30',
+              step: '00:15',
+              end: '18:30'
+            }"
+            placeholder="选择时间">
+          </el-time-select>-
+          <el-time-select
+            style="width:140px;"
+            v-model="value"
+            :picker-options="{
+              start: '08:30',
+              step: '00:15',
+              end: '18:30'
+            }"
+            placeholder="选择时间">
+          </el-time-select>
+          <el-input
+            size="small"
+            style="width: 200px;margin-left:10px;"
+            class="filter-item"
+            v-model.trim="keywords"
+            placeholder="商品编码/商品名称/规格名称"
+          />
+          <el-button
+            size="small"
+            class="filter-item"
+            type="primary"
+            icon="el-icon-search"
+            @click="search"
+            >搜索</el-button
+          >
+        </div>
+        <div>
+          <el-button size="small" type="primary" @click="exportList">导出</el-button>
+          <el-button size="small" type="primary">打印</el-button>
+        </div>
       </div>
+      
 
       <el-table
         :row-style="{ color: '#303133' }"
       WarehouseInfo: {
         loading: false,
         warehouseInfoDate: []
-      }
+      },
+      options:[],
+      value:""
     };
   },
   methods: {
           this.WarehouseInfo.loading = false;
           this.total = response.data.data.total;
           for (let i = 0; i < response.data.data.list.length; i++) {
-
-              this.WarehouseInfo.warehouseInfoDate.push(
-                response.data.data.list[i]
-              );
+           this.WarehouseInfo.warehouseInfoDate.push( response.data.data.list[i]);
           }
         }
+        console.log("数据源头",this.WarehouseInfo.warehouseInfoDate)
+         
+         for(let i=0;i<this.WarehouseInfo.warehouseInfoDate.length;i++){
+            this.WarehouseInfo.warehouseInfoDate[i].type_name = this.WarehouseInfo.warehouseInfoDate[i].type.type_name
+
+            this.WarehouseInfo.warehouseInfoDate[i].stockInCount = this.stockInCount(this.WarehouseInfo.warehouseInfoDate[i])
+
+            this.WarehouseInfo.warehouseInfoDate[i].salesReturnCount = this.salesReturnCount(this.WarehouseInfo.warehouseInfoDate[i])
+
+            this.WarehouseInfo.warehouseInfoDate[i].realCount = this.stockInCount(this.WarehouseInfo.warehouseInfoDate[i]) -  this.salesReturnCount(this.WarehouseInfo.warehouseInfoDate[i])
+
+            this.WarehouseInfo.warehouseInfoDate[i].stockOutCount = this.stockOutCount(this.WarehouseInfo.warehouseInfoDate[i])
+
+            this.WarehouseInfo.warehouseInfoDate[i].cancelStockCount = this.cancelStockCount(this.WarehouseInfo.warehouseInfoDate[i])
+
+            this.WarehouseInfo.warehouseInfoDate[i].realOutCount =  this.stockOutCount(this.WarehouseInfo.warehouseInfoDate[i]) -  this.cancelStockCount(this.WarehouseInfo.warehouseInfoDate[i])
+
+            this.WarehouseInfo.warehouseInfoDate[i].overplus = this.stockInCount(this.WarehouseInfo.warehouseInfoDate[i]) -this.salesReturnCount(this.WarehouseInfo.warehouseInfoDate[i]) - this.stockOutCount(this.WarehouseInfo.warehouseInfoDate[i]) + this.cancelStockCount(this.WarehouseInfo.warehouseInfoDate[i])
+         }
+        
+        console.log("数据2222222",this.WarehouseInfo.warehouseInfoDate)
       });
     },
 
     showCancelStockDetailDialog: function() {},
     search: function() {
       this.GetAllStockQuery();
-    }
+    },
+
+    exportList(){
+         import('@/vendor/Export2Excel').then(excel => {
+         const tHeader = ['商品编码', '耗材名称', '耗材类型','规格型号','入库数量','入库退货','实际入库','出库数量','出库退库','实际出库','剩余库存']
+         const filterVal = ['good_code', 'good_name', 'type_name','specification_name','stockInCount','salesReturnCount','realCount','stockOutCount','cancelStockCount','realOutCount','overplus'] 
+         const data = this.formatJson(filterVal, this.WarehouseInfo.warehouseInfoDate)
+      
+         excel.export_json_to_excel({
+           header: tHeader,
+           data,
+           filename: '库存查询'
+         })
+          this.downloadLoading = false
+        })
+       },
+       formatJson(filterVal, jsonData) {
+        return jsonData.map(v => filterVal.map(j => v[j]));
+     },
   }
 };
 </script>