<template>
|
<!-- 面包屑导航区 -->
|
<div>
|
<!-- <el-breadcrumb separator-class="el-icon-arrow-right">
|
<el-breadcrumb-item :to="{ path: '/home' }">首页</el-breadcrumb-item>
|
<el-breadcrumb-item>系统设置</el-breadcrumb-item>
|
<el-breadcrumb-item>人员管理</el-breadcrumb-item>
|
</el-breadcrumb> -->
|
<!-- 卡片视图区 -->
|
<el-card>
|
<!-- 搜索与添加 -->
|
|
<el-row>
|
<el-col :span="8">
|
<!-- <el-input v-model="input" placeholder="请输入内容" clearable >
|
<el-button slot="append" icon="el-icon-search"></el-button>
|
</el-input> -->
|
<!-- -->
|
</el-col><el-button type="success" plain @click="exportExcel" >导出Excel</el-button>
|
</el-row>
|
<!-- 显示人员列表 -->
|
<el-table :data="TakeStocklist" height="550" border stripe>
|
<el-table-column label="ID" prop="ID" width="60"></el-table-column>
|
<el-table-column label="销售单号" prop="ProcureCode" width="110"></el-table-column>
|
<el-table-column label="销售项号" prop="ProcureItem" width="100"></el-table-column>
|
<el-table-column label="物料编号" prop="MateralCode" width="300"></el-table-column>
|
<el-table-column label="物料名称" prop="MateralName" width="500"></el-table-column>
|
<el-table-column label="单位" prop="Unit" width="100"></el-table-column>
|
<el-table-column label="库存数量" prop="StockQuantity" width="110"></el-table-column>
|
<el-table-column label="SAP数量" prop="SapQuantity" width="110"></el-table-column>
|
</el-table>
|
<el-pagination
|
@size-change="handleSizeChange"
|
@current-change="handleCurrentChange"
|
:current-page="queryInfo.pagenum"
|
:page-sizes="[10, 15, 20]"
|
:page-size="queryInfo.pagesize"
|
layout="total, sizes, prev, pager, next, jumper"
|
:total="total"
|
>
|
</el-pagination>
|
</el-card>
|
</div>
|
</template>
|
<script>
|
import { parseTime } from "@/utils";
|
export default {
|
data() {
|
return {
|
input: "",
|
queryInfo: {
|
query: "",
|
// 当前页
|
pagenum: 1,
|
// 每页显示多少条信息
|
pagesize: 10
|
},
|
TakeStocklist: [],
|
TakeStocklistAll: [],
|
total: 0
|
};
|
},
|
created() {},
|
mounted() {
|
this.getUserList();
|
},
|
methods: {
|
// if (res.mssg.status != 200) return this.$message.error("人员为空");
|
// this.userlist = res.data;
|
// this.total = res.mssg.total;
|
// },
|
getUserList() {
|
const url = "/api/task/GetTakeStock";
|
const params = this.queryInfo;
|
|
var callback = res => {
|
if (res.statusCode !== 200) return this.$message.error("盘点数据为空");
|
this.total = res.countPrint;
|
this.TakeStocklist = res.data;
|
this.TakeStocklistAll = res.data2;
|
};
|
this.common.ajax(url, params, callback, true);
|
},
|
|
// 监听 pagesize 改变
|
handleSizeChange(newSizd) {
|
this.queryInfo.pagesize = newSizd;
|
this.queryInfo.pagenum = 1;
|
this.getUserList();
|
},
|
// 监听 页码值改变
|
handleCurrentChange(newpage) {
|
this.queryInfo.pagenum = newpage;
|
|
this.getUserList();
|
},
|
userStatusChange(userinfo) {
|
console.log(userinfo);
|
},
|
exportExcel() {
|
// import("@/vendor/Export2Excel")
|
this.downloadLoading = true;
|
import("@/vendor/Export2Excel").then(excel => {
|
const tHeader = ["ID", "销售单号", "销售项号", "物料编号", "物料名称", "单位", "库存数量", "SAP数量"];
|
const filterVal = ["ID", "ProcureCode", "ProcureItem", "MateralCode", "MateralName", "Unit", "StockQuantity", "SapQuantity"];
|
const data = this.formatJson(filterVal, this.TakeStocklistAll);
|
excel.export_json_to_excel({
|
header: tHeader,
|
data,
|
filename: "库存盘点表"
|
});
|
this.downloadLoading = false;
|
});
|
},
|
formatJson(filterVal, jsonData) {
|
return jsonData.map(v =>
|
filterVal.map(j => {
|
if (j === "timestamp") {
|
return parseTime(v[j]);
|
} else {
|
return v[j];
|
}
|
})
|
);
|
}
|
}
|
};
|
</script>
|
<style lang="postcss" scoped>
|
.el-table {
|
margin-top: 10px;
|
line-height: 30px;
|
}
|
.el-col {
|
line-height: 30px;
|
}
|
</style>
|
