|  | @@ -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>
 |