|
@@ -1,9 +1,9 @@
|
|
<template>
|
|
<template>
|
|
- <el-drawer class="storeRecord" :size="700" append-to-body title="商品监控" :visible.sync="drawer" direction="rtl">
|
|
|
|
|
|
+ <el-drawer class="storeRecord" :size="750" append-to-body title="商品监控" :visible.sync="drawer" direction="rtl">
|
|
<div class="record-main">
|
|
<div class="record-main">
|
|
- <el-tabs v-model="activeName" @tab-click="handleClick">
|
|
|
|
|
|
+ <el-tabs v-model="activeName" @tab-click="handleClick" v-loading="load">
|
|
<el-tab-pane label="订单记录" name="first">
|
|
<el-tab-pane label="订单记录" name="first">
|
|
- <by-table :propConfig="orderConfig" ref="orderTable" @pagination="paginationOrder">
|
|
|
|
|
|
+ <by-table :propConfig="orderConfig" ref="orderTable" class="tableComp" @pagination="paginationOrder">
|
|
<template v-slot:state='{ row }'>
|
|
<template v-slot:state='{ row }'>
|
|
<span v-if="row.status == 'WaitPay'">待付款</span>
|
|
<span v-if="row.status == 'WaitPay'">待付款</span>
|
|
<span v-if="row.status == 'Delivering'">发货中</span>
|
|
<span v-if="row.status == 'Delivering'">发货中</span>
|
|
@@ -17,57 +17,23 @@
|
|
<span v-if="row.status == 'Cancelled'">取消</span>
|
|
<span v-if="row.status == 'Cancelled'">取消</span>
|
|
</template>
|
|
</template>
|
|
<template v-slot:tmsOrderStatus='{ row }'>
|
|
<template v-slot:tmsOrderStatus='{ row }'>
|
|
- {{ getTMSStatus(row.tmsOrderStatus) }}
|
|
|
|
|
|
+ {{ row.omsShippingOrder?getTMSStatus(row.omsShippingOrder.tmsOrderStatus):'' }}
|
|
|
|
+ </template>
|
|
|
|
+ <template v-slot:tmsOrderNo='{ row }'>
|
|
|
|
+ {{ row.omsShippingOrder?row.omsShippingOrder.tmsOrderNo:'' }}
|
|
|
|
+ </template>
|
|
|
|
+ <template v-slot:num='{ row }'>
|
|
|
|
+ {{ row.omsShippingOrder?row.omsShippingOrder.tmsTotalQuantity:'' }}
|
|
</template>
|
|
</template>
|
|
</by-table>
|
|
</by-table>
|
|
</el-tab-pane>
|
|
</el-tab-pane>
|
|
<el-tab-pane label="入库记录" name="second">
|
|
<el-tab-pane label="入库记录" name="second">
|
|
- <by-table :propConfig="inStoreConfig" ref="inStoreTable" @pagination="paginationInStore"></by-table>
|
|
|
|
|
|
+ <by-table :propConfig="inStoreConfig" ref="inStoreTable" class="tableComp" @pagination="paginationInStore"></by-table>
|
|
</el-tab-pane>
|
|
</el-tab-pane>
|
|
<el-tab-pane label="出库记录" name="third">
|
|
<el-tab-pane label="出库记录" name="third">
|
|
- <by-table :propConfig="outStoreConfig" ref="outStoreTable" @pagination="paginationOutnStore"></by-table>
|
|
|
|
|
|
+ <by-table :propConfig="outStoreConfig" ref="outStoreTable" class="tableComp" @pagination="paginationOutnStore"></by-table>
|
|
</el-tab-pane>
|
|
</el-tab-pane>
|
|
</el-tabs>
|
|
</el-tabs>
|
|
- <!-- <div class="re-box">
|
|
|
|
- <div class="re-list" v-for="(item,index) of data" :key="index">
|
|
|
|
- <div class="record-row">
|
|
|
|
- <div class="log-time"><span>时间:</span> {{item.createTime}}</div>
|
|
|
|
- <div class="log-user"><span>订单号:</span> {{item.id}}</div>
|
|
|
|
- <div class="state"><span>状态:</span>
|
|
|
|
- <span v-if="item.status == 'WaitPay'" title="待付款">待付款</span>
|
|
|
|
- <span v-if="item.status == 'Delivering'" title="发货中">发货中</span>
|
|
|
|
- <span v-if="item.status == 'Merged'" title="被合并">被合并</span>
|
|
|
|
- <span v-if="item.status == 'Question'" title="异常">异常</span>
|
|
|
|
- <span v-if="item.status == 'Split'" title="被拆分">被拆分</span>
|
|
|
|
- <span v-if="item.status == 'WaitOuterSent'" title="等供销商|外仓发货">等供销商|外仓发货</span>
|
|
|
|
- <span v-if="item.status == 'WaitConfirm'" title="已付款待审核">已付款待审核</span>
|
|
|
|
- <span v-if="item.status == 'WaitFConfirm'" title="已客审待财审">已客审待财审</span>
|
|
|
|
- <span v-if="item.status == 'Sent'" title="已发货">已发货</span>
|
|
|
|
- <span v-if="item.status == 'Cancelled'" title="取消">取消</span>
|
|
|
|
- </div>
|
|
|
|
- </div>
|
|
|
|
- <div class="record-row">
|
|
|
|
- <div class="d-code">
|
|
|
|
- <span>运输号:</span>
|
|
|
|
- {{ item.tmsOrderNo }}
|
|
|
|
- </div>
|
|
|
|
- <div class="d-state">
|
|
|
|
- <span>运输状态:</span>
|
|
|
|
- {{ getTMSStatus(item.tmsOrderStatus) }}
|
|
|
|
- </div>
|
|
|
|
- </div>
|
|
|
|
- </div>
|
|
|
|
- </div>
|
|
|
|
- <div class="page">
|
|
|
|
- <el-pagination
|
|
|
|
- background
|
|
|
|
- layout="prev, pager, next"
|
|
|
|
- @current-change="handleCurrentChange"
|
|
|
|
- :current-page="page.pageNo"
|
|
|
|
- :page-size="page.pageSize"
|
|
|
|
- :total="page.total">
|
|
|
|
- </el-pagination>
|
|
|
|
- </div> -->
|
|
|
|
</div>
|
|
</div>
|
|
</el-drawer>
|
|
</el-drawer>
|
|
</template>
|
|
</template>
|
|
@@ -94,16 +60,21 @@ export default class StoreRecord extends Vue {
|
|
title:'状态',
|
|
title:'状态',
|
|
field:'state',
|
|
field:'state',
|
|
slot:true,
|
|
slot:true,
|
|
- // width:120
|
|
|
|
|
|
+ width:120
|
|
},{
|
|
},{
|
|
- title:'运输号',
|
|
|
|
|
|
+ title:'TMS运输号',
|
|
field:'tmsOrderNo',
|
|
field:'tmsOrderNo',
|
|
- width:70
|
|
|
|
|
|
+ slot:true,
|
|
|
|
+ width:165
|
|
},{
|
|
},{
|
|
- title:'运输状态',
|
|
|
|
|
|
+ title:'TMS运输状态',
|
|
field:'tmsOrderStatus',
|
|
field:'tmsOrderStatus',
|
|
slot:true,
|
|
slot:true,
|
|
// width:120
|
|
// width:120
|
|
|
|
+ },{
|
|
|
|
+ title:'数量',
|
|
|
|
+ field:'num',
|
|
|
|
+ slot:true
|
|
},{
|
|
},{
|
|
title:'创建时间',
|
|
title:'创建时间',
|
|
field:'createTime',
|
|
field:'createTime',
|
|
@@ -190,15 +161,18 @@ export default class StoreRecord extends Vue {
|
|
return n;
|
|
return n;
|
|
}
|
|
}
|
|
paginationOrder(p:any){
|
|
paginationOrder(p:any){
|
|
- this.pageOrder.pageNo = p.pageNum
|
|
|
|
- this.loadOrderList()
|
|
|
|
|
|
+ this.pageOrder.pageNo = p.pageNum;
|
|
|
|
+ this.pageOrder.pageSize = p.pageSize;
|
|
|
|
+ this.loadOrderList();
|
|
}
|
|
}
|
|
paginationInStore(p:any){
|
|
paginationInStore(p:any){
|
|
- this.inStorePage.pageNo = p.pageNum
|
|
|
|
|
|
+ this.inStorePage.pageNo = p.pageNum;
|
|
|
|
+ this.inStorePage.pageSize = p.pageSize;
|
|
this.loadInstoreList()
|
|
this.loadInstoreList()
|
|
}
|
|
}
|
|
paginationOutnStore(p:any){
|
|
paginationOutnStore(p:any){
|
|
- this.outStorePage.pageNo = p.pageNum
|
|
|
|
|
|
+ this.outStorePage.pageNo = p.pageNum;
|
|
|
|
+ this.outStorePage.pageSize = p.pageSize;
|
|
this.loadOutstoreList()
|
|
this.loadOutstoreList()
|
|
}
|
|
}
|
|
// handleCurrentChange(v:number){
|
|
// handleCurrentChange(v:number){
|
|
@@ -206,6 +180,23 @@ export default class StoreRecord extends Vue {
|
|
// }
|
|
// }
|
|
setShow(v:boolean){
|
|
setShow(v:boolean){
|
|
this.drawer = v
|
|
this.drawer = v
|
|
|
|
+ this.pageOrder.pageNo=1;
|
|
|
|
+ this.pageOrder.total=0;
|
|
|
|
+ this.inStorePage.pageNo=1;
|
|
|
|
+ this.inStorePage.total=0;
|
|
|
|
+ this.outStorePage.pageNo=1;
|
|
|
|
+ this.outStorePage.total=0;
|
|
|
|
+ this.activeName='first'
|
|
|
|
+ this.$nextTick(() => {
|
|
|
|
+ let height = (document.getElementsByClassName('tableComp')[0] as any).offsetHeight;
|
|
|
|
+ this.orderConfig.attr.height = height - 48;
|
|
|
|
+ this.inStoreConfig.attr.height = height - 48;
|
|
|
|
+ this.outStoreConfig.attr.height = height - 48;
|
|
|
|
+ if(this.$refs.orderTable){
|
|
|
|
+ (this.$refs.orderTable as any).setValue([]);
|
|
|
|
+ (this.$refs.orderTable as any).setPage(this.pageOrder);
|
|
|
|
+ }
|
|
|
|
+ })
|
|
}
|
|
}
|
|
setData(data:any){
|
|
setData(data:any){
|
|
this.value = data
|
|
this.value = data
|
|
@@ -345,14 +336,32 @@ export default class StoreRecord extends Vue {
|
|
justify-content: center;
|
|
justify-content: center;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
+ .tableComp{
|
|
|
|
+ height: 100%;
|
|
|
|
+ overflow: hidden;
|
|
|
|
+ }
|
|
</style>
|
|
</style>
|
|
<style lang="scss">
|
|
<style lang="scss">
|
|
.storeRecord {
|
|
.storeRecord {
|
|
|
|
+ .el-drawer__header{
|
|
|
|
+ height: 50px;
|
|
|
|
+ box-sizing: border-box;
|
|
|
|
+ padding: 0 16px !important;
|
|
|
|
+ width: 100%;
|
|
|
|
+ margin: 0 !important;
|
|
|
|
+ display: flex;
|
|
|
|
+ align-items: center;
|
|
|
|
+ }
|
|
.el-drawer__body {
|
|
.el-drawer__body {
|
|
- height: calc(100% - 63px);
|
|
|
|
|
|
+ height: calc(100% - 50px);
|
|
|
|
+ flex:none;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.record-main{
|
|
.record-main{
|
|
|
|
+ .el-tabs{
|
|
|
|
+ width: 100%;
|
|
|
|
+ height: 100%;
|
|
|
|
+ }
|
|
.el-tabs__header{
|
|
.el-tabs__header{
|
|
margin: 0 !important;
|
|
margin: 0 !important;
|
|
}
|
|
}
|
|
@@ -360,6 +369,11 @@ export default class StoreRecord extends Vue {
|
|
height: calc(100% - 40px);
|
|
height: calc(100% - 40px);
|
|
padding-top: 8px;
|
|
padding-top: 8px;
|
|
box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
|
|
+ overflow: hidden;
|
|
|
|
+ .el-tab-pane{
|
|
|
|
+ width: 100%;
|
|
|
|
+ height: 100%;
|
|
|
|
+ }
|
|
}
|
|
}
|
|
}
|
|
}
|
|
</style>
|
|
</style>
|