taozi
3 months ago
parent
9f67ac2f03
commit
2c06b569c9
8 changed files with 256 additions and 141 deletions
@ -0,0 +1,179 @@ |
||||
<template> |
||||
<el-dialog |
||||
:title="purchaseTitle" |
||||
append-to-body |
||||
:visible.sync="openShow" |
||||
width="50%" |
||||
@close="closeDialog" |
||||
:style="{ height: '600px' }" |
||||
> |
||||
<el-tabs v-model="transactionType" @tab-click="handleTabClick"> |
||||
<el-tab-pane label="入库" name="2"></el-tab-pane> |
||||
<el-tab-pane label="出库" name="1"></el-tab-pane> |
||||
</el-tabs> |
||||
|
||||
<avue-crud |
||||
:data="data" |
||||
:option="dynamicOption" |
||||
v-model:page="page" |
||||
@on-load="onLoad" |
||||
@current-change="currentChange" |
||||
@size-change="sizeChange" |
||||
@search-change="searchChange" |
||||
@search-reset="searchReset" |
||||
:page.sync="page" |
||||
></avue-crud> |
||||
</el-dialog> |
||||
</template> |
||||
|
||||
<script> |
||||
import { recordList } from "@/api/firstOrder/list"; |
||||
|
||||
export default { |
||||
props: { |
||||
showDialog: { |
||||
type: Boolean, |
||||
default: false, |
||||
}, |
||||
|
||||
rowData: { |
||||
type: Object, |
||||
default: () => ({}), |
||||
}, |
||||
}, |
||||
data() { |
||||
return { |
||||
openShow: false, |
||||
transactionType: "1", |
||||
tableData: [], |
||||
purchaseTitle: "记录", |
||||
data: [], |
||||
page: { |
||||
pageSize: 10, |
||||
currentPage: 1, |
||||
total: 0, |
||||
}, |
||||
loading: false, |
||||
query: {}, |
||||
}; |
||||
}, |
||||
computed: { |
||||
dynamicOption() { |
||||
const showPriceColumn = this.rowData.type === 'NY' && this.transactionType === '1'; |
||||
|
||||
const columns = [ |
||||
{ |
||||
label: "数量", |
||||
prop: "quantity", |
||||
hide: false, |
||||
}, |
||||
|
||||
{ |
||||
label: "操作人", |
||||
prop: "operatorName", |
||||
hide: false, |
||||
}, |
||||
{ |
||||
label: "时间", |
||||
prop: "operationTime", |
||||
type: "date", |
||||
format: "yyyy-MM-dd HH:mm:ss", |
||||
valueFormat: "yyyy-MM-dd HH:mm:ss", |
||||
hide: false, |
||||
}, |
||||
{ |
||||
label: "部门", |
||||
prop: "departmentName", |
||||
hide: false, |
||||
}, |
||||
{ |
||||
label: "单价", |
||||
prop: "money", |
||||
hide: !showPriceColumn, |
||||
}, |
||||
]; |
||||
|
||||
return { |
||||
header: false, |
||||
calcHeight: 30, |
||||
tip: false, |
||||
searchShow: true, |
||||
searchMenuSpan: 6, |
||||
border: true, |
||||
index: true, |
||||
selection: false, |
||||
viewBtn: false, |
||||
addBtn: false, |
||||
editBtn: false, |
||||
delBtn: false, |
||||
dialogClickModal: false, |
||||
menu: false, |
||||
printBtn: false, |
||||
refreshBtn: false, |
||||
gridBtn: false, |
||||
gridBackgroundImage: false, |
||||
gridSpan: false, |
||||
filterBtn: false, |
||||
columnBtn: false, |
||||
menuAlign: "left", |
||||
searchMenuPosition: "right", |
||||
column: columns, |
||||
}; |
||||
} |
||||
}, |
||||
mounted() { |
||||
this.openShow = this.showDialog; |
||||
console.log("一级出入库记录 rowData", this.rowData); |
||||
}, |
||||
methods: { |
||||
searchChange(params, done) { |
||||
this.query = params; |
||||
this.page.currentPage = 1; |
||||
this.onLoad(this.page, params); |
||||
done(); |
||||
}, |
||||
searchReset() { |
||||
this.query = {}; |
||||
this.onLoad(this.page); |
||||
}, |
||||
handleTabClick() { |
||||
this.tableData = []; |
||||
this.page.currentPage = 1; |
||||
this.onLoad(this.page); |
||||
}, |
||||
closeDialog() { |
||||
this.openShow = false; |
||||
this.$emit("closeDialog"); |
||||
}, |
||||
currentChange(currentPage) { |
||||
this.page.currentPage = currentPage; |
||||
this.onLoad(this.page); |
||||
}, |
||||
sizeChange(pageSize) { |
||||
this.page.pageSize = pageSize; |
||||
this.onLoad(this.page); |
||||
}, |
||||
onLoad(page, params = {}) { |
||||
this.loading = true; |
||||
|
||||
const query_ = { |
||||
oneFromId: this.rowData.id, |
||||
transactionType: this.transactionType, |
||||
currentPage: page.currentPage, |
||||
pageSize: page.pageSize, |
||||
...params, |
||||
}; |
||||
console.log("query_", query_); |
||||
|
||||
recordList(query_) |
||||
.then((res) => { |
||||
this.data = res.data.result.list; |
||||
this.page.total = res.data.result.total; |
||||
}) |
||||
.finally(() => { |
||||
this.loading = false; |
||||
}); |
||||
}, |
||||
}, |
||||
}; |
||||
</script> |
||||
Loading…
Reference in new issue