| 
					
				 | 
			
			
				@@ -0,0 +1,158 @@ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+<template> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  <div class="app-container"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    <el-row> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      <el-col> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        <el-button type="warning" icon="el-icon-download" size="mini" @click="handleExport" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          >导出 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        </el-button> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      </el-col> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    </el-row> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    <el-table v-loading="loading" :data="stockDate"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      <el-table-column type="index" label="序号" align="center" /> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      <el-table-column label="对账人" align="center" prop="userName" /> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      <el-table-column label="客户" align="center" prop="corpName"/> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      <el-table-column label="月份" align="center" prop="feelMonth"/> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      <el-table-column label="仓储费" align="center" prop="ccf"/> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      <el-table-column label="出入库费" align="center" prop="fAmount"/> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      <el-table-column label="合计人民币" align="center" prop="totalAmount"/> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      <el-table-column label="账期" align="center" prop="accountPeriod"/> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      <el-table-column label="协议到期日" align="center" prop="maturity"/> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      <el-table-column label="开发票情况" align="center" prop="isInvoice"/> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      <el-table-column label="是否超账期" align="center" prop="isAccountPeriod"/> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      <el-table-column label="库存(吨)" align="center" prop="stock"/> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      <el-table-column label="应收款催收结果" align="center" prop="collectionResult"/> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    </el-table> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        <pagination 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      v-show="total > 0" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      :total="total" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      :page.sync="queryParams.pageNum" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      :limit.sync="queryParams.pageSize" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      @pagination="getList" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    /> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  </div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+</template> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+<script> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+import { financialStatistics,feesExport } from "@/api/outExcel/outExcel"; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+export default { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  name: "Warehousebills", 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  components: {}, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  data() { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    return { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      stockDate: [], 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      // 遮罩层 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      loading: true, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      queryParams: { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        pageNum: 1, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        pageSize: 10, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      total: 0, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      stockDate:[] 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    }; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  created() { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    this.loading = false; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    this.getList(); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  methods: { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    //列设置全选 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    allChecked() { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      if (this.allCheck == true) { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        this.setRowList.map((e) => { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          return (e.checked = 0); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        }); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      } else { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        this.setRowList.map((e) => { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          return (e.checked = 1); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        }); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    //查询列数据 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    getRow() { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      let that = this; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      this.data = { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        tableName: "库存总账详情", 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        userId: Cookies.get("userName"), 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      }; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      select(this.data).then((res) => { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        if (res.data.length != 0) { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          this.getRowList = res.data.filter((e) => e.checked == 0); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          this.setRowList = res.data; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          this.setRowList = this.setRowList.reduce((res, item) => { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            res.push({ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              surface: item.surface, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              label: item.label, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              name: item.name, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              checked: item.checked, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              width: item.width, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              fixed: item.fixed, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            }); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            return res; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          }, []); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      }); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    //重置列表 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    delRow() { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      this.data = { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        tableName: "库存总账详情", 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        userId: Cookies.get("userName"), 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      }; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      resetModule(this.data).then((res) => { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        if (res.code == 200) { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          this.showSetting = false; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          this.setRowList = this.tableDate; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          this.getRowList = this.tableDate; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      }); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    //保存列设置 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    save() { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      this.showSetting = false; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      this.data = { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        tableName: "库存总账详情", 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        userId: Cookies.get("userName"), 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        sysTableSetList: this.setRowList, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      }; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      addSet(this.data).then((res) => { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        if (res.code == 200) { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          this.showSetting = false; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          this.getRowList = this.setRowList.filter((e) => e.checked == 0); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      }); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    //开始拖拽事件 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    onStart() { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      this.drag = true; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    //拖拽结束事件 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    onEnd() { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      this.drag = false; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    getList() { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      financialStatistics(this.queryParams).then((res) => { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        if (res.code == 200) { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          this.stockDate=res.rows 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          this.total=res.total 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      }); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        /** 导出按钮操作 */ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    handleExport() { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      const queryParams = this.queryParams; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      this.$confirm("是否确认导出所有订单主数据项?", "警告", { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        confirmButtonText: "确定", 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        cancelButtonText: "取消", 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        type: "warning", 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      }) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        .then(function () { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          return feesExport(queryParams); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        }) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        .then((response) => { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          this.download(response.msg); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        }); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+}; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+</script> 
			 |