16 changed files with 443 additions and 92 deletions
@ -0,0 +1,166 @@ |
|||
<template> |
|||
<el-dialog |
|||
:title="'查看库移'" |
|||
:visible="dialogVisible" |
|||
width="80%" |
|||
:modal-append-to-body="true" |
|||
:append-to-body="true" |
|||
id="libraryShiftSearchPop" |
|||
:top="'50px'" |
|||
> |
|||
<!-- 列表形式（使用库存事务页面） --> |
|||
<!-- <InventoryTransaction |
|||
:userTableColumns="transactionColumns" |
|||
:userSetUTableHeight="280" |
|||
:userFilterSet="userFilterSet" |
|||
:userCurrenButtonData=[] |
|||
></InventoryTransaction> --> |
|||
|
|||
<!-- 详情形式 --> |
|||
<div v-loading="loading" class="descriptionsContain"> |
|||
<el-descriptions v-if="infoData && !loading" :column="3" :border="true"> |
|||
<el-descriptions-item |
|||
v-for="(item,key) in transactionColumns" |
|||
:key="key" |
|||
:label=item.label |
|||
>{{ infoData[item.prop] }}</el-descriptions-item> |
|||
</el-descriptions> |
|||
<div v-if="!infoData && !loading" style="text-align:center;line-height:180px">暂无相关信息</div> |
|||
</div> |
|||
|
|||
<span slot="footer" class="dialog-footer"> |
|||
<el-button @click="close">关闭</el-button> |
|||
</span> |
|||
</el-dialog> |
|||
</template> |
|||
|
|||
<script> |
|||
import { getPageList, getDetailed } from '@/api/wms-api' |
|||
import InventoryTransaction from "@/views/inventoryManage/InventoryQuery/InventoryTransaction-Query" |
|||
export default { |
|||
name: "libraryShiftSearch", |
|||
components:{InventoryTransaction}, |
|||
props:{ |
|||
rowData: { |
|||
type: Object, |
|||
default: null |
|||
}, |
|||
isShow: { |
|||
type: Boolean, |
|||
default: false |
|||
}, |
|||
}, |
|||
watch:{ |
|||
isShow(n,o){ |
|||
this.dialogVisible = n; |
|||
if(n){this.getInfo()} |
|||
else{this.infoData = null} |
|||
}, |
|||
}, |
|||
data(){ |
|||
return { |
|||
loading:false, |
|||
dialogVisible:false, |
|||
infoData:null, |
|||
transactionColumns:[ |
|||
{ label: "事务编号", prop: "transNumber",width: 180 }, |
|||
{ label: "物品代码", prop: "itemCode" }, |
|||
{ label: "物品名称", prop: "itemName" }, |
|||
{ label: "物品描述1", prop: "itemDesc1" }, |
|||
{ label: "物品描述2", prop: "itemDesc2" }, |
|||
{ label: "配置", prop: "item_configurationFromFE",showProp:true }, |
|||
{ label: "事务分类", prop: "transType",type: "filter", filters: "TransTypeBase" }, |
|||
{ label: "子事务类型", prop: "transSubType", type: "filter", filters: "transSubType" }, |
|||
{ label: "出库/入库", prop: "transInOut",type: "filter", filters: "transInOutStatus" }, |
|||
{ label: "接口对应类型", prop: "interfaceType", width: '360px', showProp: true }, |
|||
{ label: "事务数量", prop: "qty",isNumber:true }, |
|||
{ label: "箱码", prop: "packingCode" }, |
|||
{ label: "ERP储位", prop: "locationErpCode" }, |
|||
{ label: "库位代码", prop: "locationCode" }, |
|||
{ label: "批次", prop: "lot" }, |
|||
{ label: "到货单位", prop: "uom" }, |
|||
{ label: "库存状态", prop: "status",type: "filter", filters: "inventoryStage" }, |
|||
{ label: "任务编号", prop: "jobNumber",width: 180 }, |
|||
{ label: "事务时间", prop: "transTime" ,type: "dateTime" }, |
|||
{ label: "操作员", prop: "worker" }, |
|||
{ label: "单据号", prop: "docNumber" }, |
|||
{ label: "库位组", prop: "locationGroup" }, |
|||
{ label: "库区", prop: "locationArea" }, |
|||
{ label: "到货日期", prop: "arriveDate",type: "dateTime" }, |
|||
{ label: "生产日期", prop: "produceDate",type: "dateTime" }, |
|||
{ label: "过期时间", prop: "expireDate",type: "dateTime" }, |
|||
{ label: "标包数量", prop: "stdPackQty",isNumber:true }, |
|||
{ label: "管理类型", prop: "manageType", type: "filter", filters: "manageType" }, |
|||
{ label: "供应商批次", prop: "supplierBatch" }, |
|||
{ label: "备注", prop: "remark" }, |
|||
{ label: "生效日期", prop: 'activeDate', type: "dateTime" }, |
|||
{ label: "创建时间", prop: "creationTime",type: "dateTime" }, |
|||
{ label: "上次修改时间", prop: "lastModificationTime",type: "dateTime" }, |
|||
{ label: "仓库代码", prop: 'warehouseCode' }, |
|||
] |
|||
} |
|||
}, |
|||
methods:{ |
|||
close(){ |
|||
this.dialogVisible=false |
|||
this.$emit("setClose",this.dialogVisible) |
|||
}, |
|||
getInfo(){ |
|||
if(!this.rowData.row.tenantId){ |
|||
return |
|||
} |
|||
this.loading = true |
|||
let _data = { |
|||
condition: { |
|||
filters: [ |
|||
{ |
|||
logic: "And", |
|||
column: "transNumber", |
|||
action: "==", |
|||
value: this.rowData.row.tenantId, |
|||
// value: "562468800474120192", |
|||
}, |
|||
] |
|||
}, |
|||
Sorting: "", |
|||
SkipCount: 0, |
|||
MaxResultCount: 20 |
|||
} |
|||
getPageList(_data, 'wms/inventory/inventory-transaction').then(res => { |
|||
this.infoData = res.items[0] |
|||
console.log(128,this.infoData) |
|||
this.loading = false |
|||
}).catch(err => { |
|||
this.loading = false |
|||
}) |
|||
}, |
|||
userFilterSet(){ |
|||
// if(!this.rowData.row.tenantId){ |
|||
// return false |
|||
// } |
|||
return { |
|||
logic: "And", |
|||
column: "transNumber", |
|||
action: "==", |
|||
value: this.rowData.row.tenantId, |
|||
// value: "562468800474120192", |
|||
} |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style lang="scss"> |
|||
#libraryShiftSearchPop { |
|||
// .el-dialog__body{ |
|||
// padding-top:0 !important |
|||
// } |
|||
.el-dialog{ |
|||
margin-bottom:0 !important |
|||
} |
|||
.descriptionsContain{ |
|||
height:calc(100vh - 290px); |
|||
overflow: auto |
|||
} |
|||
} |
|||
</style> |
|||
Loading…
Reference in new issue