|
@@ -1,5 +1,26 @@
|
|
<template>
|
|
<template>
|
|
<div class="table-container">
|
|
<div class="table-container">
|
|
|
|
+ <el-row :gutter="20" class="mb10">
|
|
|
|
+ <el-col :span="8">
|
|
|
|
+ <div class="title_item">
|
|
|
|
+ <span class="label">合同号:</span>
|
|
|
|
+ <span class="label">{{ row.saleNo }}</span>
|
|
|
|
+ </div>
|
|
|
|
+ </el-col>
|
|
|
|
+ <el-col :span="8">
|
|
|
|
+ <div class="title_item">
|
|
|
|
+ <span class="label">日期:</span>
|
|
|
|
+ <span class="label">{{ row.saleDate }}</span>
|
|
|
|
+ </div>
|
|
|
|
+ </el-col>
|
|
|
|
+ <el-col :span="8">
|
|
|
|
+ <div class="title_item">
|
|
|
|
+ <span class="label">客户名称:</span>
|
|
|
|
+ <span class="label">{{ row.customName }}</span>
|
|
|
|
+ </div>
|
|
|
|
+ </el-col>
|
|
|
|
+ </el-row>
|
|
|
|
+
|
|
<el-table
|
|
<el-table
|
|
:data="tableData"
|
|
:data="tableData"
|
|
border
|
|
border
|
|
@@ -19,6 +40,13 @@
|
|
<el-table-column prop="qrCode" label="码单号"> </el-table-column>
|
|
<el-table-column prop="qrCode" label="码单号"> </el-table-column>
|
|
<el-table-column prop="boxNum" label="箱号"> </el-table-column>
|
|
<el-table-column prop="boxNum" label="箱号"> </el-table-column>
|
|
</el-table>
|
|
</el-table>
|
|
|
|
+ <pagination
|
|
|
|
+ v-show="total > 0"
|
|
|
|
+ :total="total"
|
|
|
|
+ :page.sync="queryParams.pageNum"
|
|
|
|
+ :limit.sync="queryParams.pageSize"
|
|
|
|
+ @pagination="getOutStockDetail(row)"
|
|
|
|
+ />
|
|
</div>
|
|
</div>
|
|
</template>
|
|
</template>
|
|
|
|
|
|
@@ -32,6 +60,14 @@ export default {
|
|
data() {
|
|
data() {
|
|
return {
|
|
return {
|
|
tableData: [],
|
|
tableData: [],
|
|
|
|
+ row: {},
|
|
|
|
+
|
|
|
|
+ // 分页相关
|
|
|
|
+ total: 0,
|
|
|
|
+ queryParams: {
|
|
|
|
+ pageNum: 1,
|
|
|
|
+ pageSize: 10,
|
|
|
|
+ },
|
|
};
|
|
};
|
|
},
|
|
},
|
|
computed: {},
|
|
computed: {},
|
|
@@ -84,14 +120,17 @@ export default {
|
|
async getOutStockDetail(row) {
|
|
async getOutStockDetail(row) {
|
|
console.log(row);
|
|
console.log(row);
|
|
let { saleNo } = row;
|
|
let { saleNo } = row;
|
|
|
|
+ this.row = row;
|
|
try {
|
|
try {
|
|
let payLoad = {
|
|
let payLoad = {
|
|
|
|
+ ...this.queryParams,
|
|
saleOrderNo: saleNo,
|
|
saleOrderNo: saleNo,
|
|
};
|
|
};
|
|
let res = await outboundDetails(payLoad);
|
|
let res = await outboundDetails(payLoad);
|
|
if (res.code == 200) {
|
|
if (res.code == 200) {
|
|
console.log(res);
|
|
console.log(res);
|
|
- this.tableData = res.data;
|
|
|
|
|
|
+ this.tableData = res.rows;
|
|
|
|
+ this.total = res.total;
|
|
} else {
|
|
} else {
|
|
this.$message.error(res.msg);
|
|
this.$message.error(res.msg);
|
|
}
|
|
}
|