14 changed files with 622 additions and 66 deletions
@ -0,0 +1,197 @@ |
|||||
|
<template> |
||||
|
<div class="page-box" v-loading="Loading.appMainLoading"> |
||||
|
<tablePagination |
||||
|
:currenButtonData="currenButtonData" |
||||
|
:tableData="tableData" |
||||
|
:tableLoading="Loading.tableLoading" |
||||
|
:tableColumns="tableColumns" |
||||
|
@rowDrop="rowDrop" |
||||
|
:totalCount="totalCount" |
||||
|
:multipleSelection="multipleSelection" |
||||
|
:MaxResultCount="PageListParams.MaxResultCount" |
||||
|
@topbutton="topbutton" |
||||
|
@inlineDialog="inlineDialog" |
||||
|
@sortChange="sortChange" |
||||
|
@alertoldSkipCount="alertoldSkipCount" |
||||
|
@alterResultCount="alterResultCount" |
||||
|
@handleSelectionChange="handleSelectionChange" |
||||
|
:currentPageProps="oldSkipCount" |
||||
|
:quicklySearchOption="quicklySearchOption" |
||||
|
@quicklySearchClick="quicklySearchClick" |
||||
|
@quicklySearchClear="quicklySearchClear" |
||||
|
:primarySearchOption="primarySearchOption" |
||||
|
@overallSearchFormClick="overallSearchFormClick" |
||||
|
:httpOverallSearchData="httpOverallSearchData" |
||||
|
> |
||||
|
</tablePagination> |
||||
|
<curren-Drawer |
||||
|
:title="tableColumns" |
||||
|
:DrawerLoading="Loading.DrawerLoading" |
||||
|
:drawer="displayDialog.detailsDialog" |
||||
|
:propsData="propsData" |
||||
|
:Butttondata="[]" |
||||
|
:tabsDesTions="tabsDesTions" |
||||
|
@drawerShut="(val) => (displayDialog.detailsDialog = val)" |
||||
|
@drawerbutton="drawerbutton" |
||||
|
@handleCommand="drawerHandle" |
||||
|
@close-value="closeValue" |
||||
|
:tableColumns="detailsTableColumns" |
||||
|
:totalCount="totalCountDetails" |
||||
|
:MaxResultCount="MaxResultCountDetails" |
||||
|
@alterResultCountDetails="alterResultCountDetails" |
||||
|
@alertoldSkipCountDetails="alertoldSkipCountDetails" |
||||
|
:dropdownTabsData="dropdownTabsData" |
||||
|
:firstTabs="firstTabs" |
||||
|
></curren-Drawer> |
||||
|
<!--编辑--> |
||||
|
<StepsFormNotView |
||||
|
:formTitle="formTitle" |
||||
|
:displayDialog="displayDialog" |
||||
|
:CreateFormData="CreateFormData" |
||||
|
:CreateForm="CreateForm" |
||||
|
:Rules="editRules.cerateRule" |
||||
|
:Options="editOptions" |
||||
|
:detailsTableColumns="AddDetailsTableColumns" |
||||
|
:childTableData="childTableData" |
||||
|
@close="stepsClose(arguments)" |
||||
|
@detailsDataPush="detailsDataPush" |
||||
|
@detailsClear="detailsClear" |
||||
|
></StepsFormNotView> |
||||
|
</div> |
||||
|
</template> |
||||
|
<script> |
||||
|
import { getDetailed, getPageList } from "@/api/wms-api"; |
||||
|
import { tableMixins } from "@/mixins/TableMixins" |
||||
|
import { LoadingMixins } from "@/mixins/LoadingMixins" |
||||
|
import { drawerMixins } from "@/mixins/drawerMixins" |
||||
|
import { TableHeaderMixins } from "@/mixins/TableHeaderMixins" |
||||
|
import { mixins } from "@/mixins/mixins" |
||||
|
export default { |
||||
|
name: "customerDismantleJob", |
||||
|
mixins: [ |
||||
|
tableMixins, |
||||
|
LoadingMixins, |
||||
|
drawerMixins, |
||||
|
TableHeaderMixins, |
||||
|
mixins, |
||||
|
], |
||||
|
data () { |
||||
|
return { |
||||
|
URL: 'wms/store/product-recycle-note', |
||||
|
detailURL: 'wms/store/product-recycle-note/note-and-back-flush', |
||||
|
//常用按钮数据 |
||||
|
currenButtonData: [ |
||||
|
//导出 |
||||
|
this.defaultExportBtn({ |
||||
|
url:"wms/store/product-recycle-note/export-note-and-back-flush" |
||||
|
}), |
||||
|
this.defaultFieldSettingBtn(),//字段设置 |
||||
|
this.defaultFreshBtn(),//刷新 |
||||
|
this.defaultFilterBtn(),//筛选 |
||||
|
], |
||||
|
// 自定义详情明细汇总等table页 |
||||
|
dropdownTabsData: [ |
||||
|
{ |
||||
|
label: "详情", |
||||
|
name: 'xq' |
||||
|
}, |
||||
|
{ |
||||
|
label: "明细", |
||||
|
name: 'hcjl', |
||||
|
tableColumns: 'customerDismantleBackFlushNote',//tableColumns/index.js |
||||
|
functionName: 'customerDismantleBackFlushNote'//wms-api.js |
||||
|
}, |
||||
|
], |
||||
|
//新增 |
||||
|
CreateFormData: { |
||||
|
qty:null, |
||||
|
details:[] |
||||
|
}, |
||||
|
CreateForm: [ |
||||
|
{ type: "inputNumber", label: "数量", prop: "qty",colSpan: 12,min:1 }, |
||||
|
], |
||||
|
editRules: { |
||||
|
cerateRule: { |
||||
|
qty: [{ required: true, trigger: "blur", message: "不可为空" }], |
||||
|
}, |
||||
|
}, |
||||
|
AddDetailsTableColumns: [ |
||||
|
{ label: "物料代码", prop: "partCode",width:"auto" }, |
||||
|
{ label: "数量", prop: 'qty',width:"auto" },//todo:可能需要计算 |
||||
|
{ type: "filterSelect", label: "库位", prop: "locationCode", optionsLabel: "name", optionsValue: "code", |
||||
|
focus: (type,val) => { return this.getFilterList(type, val, "basedata/Location",this.isFilter("type", "5"))}, |
||||
|
searchButton: (val) => { this.showSerarchPage(val, 'basedata/Location', 'InventoryBalance', '库位选择', this.CreateFormData) }, |
||||
|
width:"auto", searchButton:false |
||||
|
}, |
||||
|
], |
||||
|
childTableData:[{ |
||||
|
partCode:undefined, |
||||
|
qty:undefined, |
||||
|
locationCode:undefined |
||||
|
}], |
||||
|
}; |
||||
|
}, |
||||
|
mounted () { |
||||
|
this.paging(); |
||||
|
}, |
||||
|
methods: {//渲染数据 |
||||
|
paging(callback) { |
||||
|
this.Loading.tableLoading = true; |
||||
|
this.PageListParams.SkipCount = (this.oldSkipCount - 1) * this.PageListParams.MaxResultCount, |
||||
|
getPageList(this.PageListParams, this.URL,true) |
||||
|
.then(res => { |
||||
|
this.tableData = res.items |
||||
|
this.totalCount = res.totalCount |
||||
|
this.tableData.forEach(item=>{ |
||||
|
item.itemCode = item.noteAndBackFlushDetails[0].itemCode |
||||
|
item.locationCode = item.noteAndBackFlushDetails[0].locationCode |
||||
|
item.qty = item.noteAndBackFlushDetails[0].qty |
||||
|
item.rawLocationCode = item.noteAndBackFlushDetails[0].rawLocationCode |
||||
|
item.preStartTime = item.noteAndBackFlushDetails[0].preStartTime |
||||
|
item.workHour = item.noteAndBackFlushDetails[0].workHour |
||||
|
}) |
||||
|
this.pagingCallback(callback) |
||||
|
}) |
||||
|
.catch(err => { |
||||
|
this.Loading.tableLoading = false |
||||
|
}) |
||||
|
}, |
||||
|
//点击Table行内名称 |
||||
|
inlineDialog(val) { |
||||
|
this.firstTabs = 'xq' |
||||
|
//打开抽屉 |
||||
|
this.Loading.DrawerLoading = true |
||||
|
this.displayDialog.detailsDialog = true; |
||||
|
getDetailed(val.id, 'wms/store/product-recycle-note/note-and-back-flush') |
||||
|
.then(res => { |
||||
|
if (res.details) { |
||||
|
// 前端分页处理 |
||||
|
this.tableDataDetails = JSON.parse(JSON.stringify(res)) |
||||
|
let linshiTableDataDetails = JSON.parse(JSON.stringify(this.tableDataDetails)) |
||||
|
this.totalCountDetails = res.details.length |
||||
|
// 删除除当前页面最大数以外数据 |
||||
|
linshiTableDataDetails.details.splice(this.MaxResultCountDetails,this.totalCountDetails); |
||||
|
this.propsData = linshiTableDataDetails |
||||
|
} else { |
||||
|
this.propsData = res |
||||
|
} |
||||
|
if (this.propsData.noteAndBackFlushDetails.length > 0) { |
||||
|
this.propsData.itemCode = this.propsData.noteAndBackFlushDetails[0].itemCode |
||||
|
this.propsData.locationCode = this.propsData.noteAndBackFlushDetails[0].locationCode |
||||
|
this.propsData.qty = this.propsData.noteAndBackFlushDetails[0].qty |
||||
|
this.propsData.rawLocationCode = this.propsData.noteAndBackFlushDetails[0].rawLocationCode |
||||
|
this.propsData.preStartTime = this.propsData.noteAndBackFlushDetails[0].preStartTime |
||||
|
this.propsData.workHour = this.propsData.noteAndBackFlushDetails[0].workHour |
||||
|
} |
||||
|
this.inlineDialogCallback() |
||||
|
}) |
||||
|
.catch(err => { |
||||
|
this.Loading.DrawerLoading = false |
||||
|
}) |
||||
|
}, |
||||
|
} |
||||
|
}; |
||||
|
</script> |
||||
|
<style lang="scss" scoped> |
||||
|
@import "../../../styles/basicData.scss"; |
||||
|
</style> |
||||
Loading…
Reference in new issue