|
|
|
@ -1,16 +1,35 @@
|
|
|
|
|
<template> |
|
|
|
|
<div class="el-content-el" ref="TabHeight"> |
|
|
|
|
<el-tabs type="border-card"> |
|
|
|
|
<el-tabs type="border-card" @tab-change="TabData"> |
|
|
|
|
<el-tab-pane label="包条"> |
|
|
|
|
<el-table :data="BTtableData" :height="TabHeight + 'px'" style="width: 100%" border> |
|
|
|
|
<el-table-column fixed prop="ordePackageCode" label="包条码" width="180" /> |
|
|
|
|
<el-table-column prop="orderCode" label="订单号" width="320" /> |
|
|
|
|
<el-table-column prop="orderCode" label="托盘码" width="320" /> |
|
|
|
|
<el-table-column prop="orderCode" label="一级品类" width="320" /> |
|
|
|
|
<el-table-column prop="orderCode" label="二级品类" width="320" /> |
|
|
|
|
<el-table-column prop="orderCode" label="三级品类" width="320" /> |
|
|
|
|
<el-table-column prop="orderCode" label="发站仓" width="320" /> |
|
|
|
|
<el-table-column prop="orderCode" label="品牌" width="320" /> |
|
|
|
|
<el-table-column prop="stockNum" label="在库数量" width="320" /> |
|
|
|
|
<el-table-column prop="trayCode" label="托盘码" width="320"> |
|
|
|
|
<template #default="props"> |
|
|
|
|
<span> |
|
|
|
|
{{ props.row.trayCode ? props.row.trayCode : '/' }} |
|
|
|
|
</span> |
|
|
|
|
</template> |
|
|
|
|
</el-table-column> |
|
|
|
|
<el-table-column prop="firsts" label="一级品类" width="320" /> |
|
|
|
|
<el-table-column prop="second" label="二级品类" width="320" /> |
|
|
|
|
<el-table-column prop="thirdProduct" label="三级品类" width="320" /> |
|
|
|
|
<el-table-column prop="sendWarehouseName" label="发站仓" width="320"> |
|
|
|
|
<template #default="props"> |
|
|
|
|
<span> |
|
|
|
|
{{ props.row.sendWarehouseName ? props.row.sendWarehouseName : '/' }} |
|
|
|
|
</span> |
|
|
|
|
</template> |
|
|
|
|
</el-table-column> |
|
|
|
|
<el-table-column prop="brandName" label="品牌" width="320"> |
|
|
|
|
<template #default="props"> |
|
|
|
|
<span> |
|
|
|
|
{{ props.row.brandName ? props.row.brandName : '/' }} |
|
|
|
|
</span> |
|
|
|
|
</template> |
|
|
|
|
</el-table-column> |
|
|
|
|
|
|
|
|
|
<el-table-column prop="state" label="盘点状态" width="120"> |
|
|
|
|
<template #default="props"> |
|
|
|
@ -42,8 +61,8 @@
|
|
|
|
|
</span> |
|
|
|
|
</template> |
|
|
|
|
</el-table-column> |
|
|
|
|
|
|
|
|
|
<el-table-column prop="serviceNumber" label="服务号" width="120"> |
|
|
|
|
<el-table-column prop="consigneeUnit" label="收货单位" width="320" /> |
|
|
|
|
<el-table-column prop="serviceNumber" label="服务号" width="250"> |
|
|
|
|
<template #default="props"> |
|
|
|
|
<span> |
|
|
|
|
{{ props.row.serviceNumber ? props.row.serviceNumber : '/' }} |
|
|
|
@ -57,16 +76,59 @@
|
|
|
|
|
<el-button link type="primary" size="small">Edit</el-button> |
|
|
|
|
</template> |
|
|
|
|
</el-table-column> --> |
|
|
|
|
<el-table-column prop="state" label="托盘码" width="220"> |
|
|
|
|
|
|
|
|
|
<el-table-column prop="updateTime" label="盘点时间" width="320"> |
|
|
|
|
<template #default="props"> |
|
|
|
|
<span> |
|
|
|
|
{{ props.row.trayCode ? props.row.trayCode : '/' }} |
|
|
|
|
{{ props.row.updateTime ? props.row.updateTime : '/' }} |
|
|
|
|
</span> |
|
|
|
|
</template> |
|
|
|
|
</el-table-column> |
|
|
|
|
</el-table> |
|
|
|
|
<!-- 表格翻页功能 --> |
|
|
|
|
<div class="demo-pagination-block"> |
|
|
|
|
<el-pagination |
|
|
|
|
v-model:current-page="PageSize" |
|
|
|
|
v-model:page-size="Page" |
|
|
|
|
:page-sizes="pageList" |
|
|
|
|
:small="small" |
|
|
|
|
:disabled="disabled" |
|
|
|
|
:background="background" |
|
|
|
|
layout="total, sizes, prev, pager, next, jumper" |
|
|
|
|
:total="total" |
|
|
|
|
@size-change="BTSizeChange" |
|
|
|
|
@current-change="BTCurrentChange" |
|
|
|
|
/> |
|
|
|
|
</div> |
|
|
|
|
</el-tab-pane> |
|
|
|
|
|
|
|
|
|
<el-table-column prop="state" label="服务号" width="120" /> |
|
|
|
|
<el-table-column prop="state" label="托盘码" width="120"> |
|
|
|
|
<el-tab-pane label="库存品"> |
|
|
|
|
<el-table :data="BTtableData" :height="TabHeight + 'px'" style="width: 100%" border> |
|
|
|
|
<el-table-column fixed prop="materialCode" label="物料编码" width="180" /> |
|
|
|
|
<el-table-column prop="marketName" label="商场名称" width="180"> |
|
|
|
|
<template #default="props"> |
|
|
|
|
<span> |
|
|
|
|
{{ props.row.marketName ? props.row.marketName : '/' }} |
|
|
|
|
</span> |
|
|
|
|
</template> |
|
|
|
|
</el-table-column> |
|
|
|
|
<el-table-column prop="incomingBatch" label="批次号" width="180"> |
|
|
|
|
<template #default="props"> |
|
|
|
|
<span> |
|
|
|
|
{{ props.row.incomingBatch ? props.row.incomingBatch : '/' }} |
|
|
|
|
</span> |
|
|
|
|
</template> |
|
|
|
|
</el-table-column> |
|
|
|
|
<el-table-column prop="descriptionGoods" label="物品名称" width="250" /> |
|
|
|
|
<el-table-column prop="stockNum" label="在库数量" width="320" /> |
|
|
|
|
<el-table-column prop="positionCode" label="货位" width="320"> |
|
|
|
|
<template #default="props"> |
|
|
|
|
<span> |
|
|
|
|
{{ props.row.positionCode ? props.row.positionCode : '/' }} |
|
|
|
|
</span> |
|
|
|
|
</template> |
|
|
|
|
</el-table-column> |
|
|
|
|
<el-table-column prop="trayCode" label="托盘码" width="320"> |
|
|
|
|
<template #default="props"> |
|
|
|
|
<span> |
|
|
|
|
{{ props.row.trayCode ? props.row.trayCode : '/' }} |
|
|
|
@ -74,20 +136,156 @@
|
|
|
|
|
</template> |
|
|
|
|
</el-table-column> |
|
|
|
|
|
|
|
|
|
<el-table-column prop="state" label="托盘码" width="120"> |
|
|
|
|
<el-table-column prop="state" label="盘点状态" width="120"> |
|
|
|
|
<template #default="props"> |
|
|
|
|
<span> |
|
|
|
|
{{ props.row.trayCode ? props.row.trayCode : '/' }} |
|
|
|
|
{{ |
|
|
|
|
props.row.questStatus === 0 |
|
|
|
|
? '待盘点' |
|
|
|
|
: props.row.questStatus === 1 |
|
|
|
|
? '已盘' |
|
|
|
|
: props.row.questStatus === 2 |
|
|
|
|
? '未盘点' |
|
|
|
|
: '已排除' |
|
|
|
|
}} |
|
|
|
|
</span> |
|
|
|
|
</template> |
|
|
|
|
</el-table-column> |
|
|
|
|
<el-table-column prop="address" label="盘点方式" width="300"> |
|
|
|
|
<template #default="props"> |
|
|
|
|
<span> |
|
|
|
|
{{ |
|
|
|
|
props.row.questStatus === 1 |
|
|
|
|
? '随机' |
|
|
|
|
: props.row.questStatus === 2 |
|
|
|
|
? '库位' |
|
|
|
|
: props.row.questStatus === 3 |
|
|
|
|
? '订单' |
|
|
|
|
: '托盘' |
|
|
|
|
}} |
|
|
|
|
</span> |
|
|
|
|
</template> |
|
|
|
|
</el-table-column> |
|
|
|
|
<el-table-column prop="serviceNumber" label="服务号" width="250"> |
|
|
|
|
<template #default="props"> |
|
|
|
|
<span> |
|
|
|
|
{{ props.row.serviceNumber ? props.row.serviceNumber : '/' }} |
|
|
|
|
</span> |
|
|
|
|
</template> |
|
|
|
|
</el-table-column> |
|
|
|
|
|
|
|
|
|
<!-- <el-table-column fixed="right" label="操作" width="120"> |
|
|
|
|
<template #default> |
|
|
|
|
<el-button link type="primary" size="small" @click="handleClick">Detail</el-button> |
|
|
|
|
<el-button link type="primary" size="small">Edit</el-button> |
|
|
|
|
</template> |
|
|
|
|
</el-table-column> --> |
|
|
|
|
|
|
|
|
|
<el-table-column prop="updateTime" label="盘点时间" width="320"> |
|
|
|
|
<template #default="props"> |
|
|
|
|
<span> |
|
|
|
|
{{ props.row.updateTime ? props.row.updateTime : '/' }} |
|
|
|
|
</span> |
|
|
|
|
</template> |
|
|
|
|
</el-table-column> |
|
|
|
|
</el-table> |
|
|
|
|
<!-- 表格翻页功能 --> |
|
|
|
|
<div class="demo-pagination-block"> |
|
|
|
|
<el-pagination |
|
|
|
|
v-model:current-page="PageSize" |
|
|
|
|
v-model:page-size="Page" |
|
|
|
|
:page-sizes="pageList" |
|
|
|
|
:small="small" |
|
|
|
|
:disabled="disabled" |
|
|
|
|
:background="background" |
|
|
|
|
layout="total, sizes, prev, pager, next, jumper" |
|
|
|
|
:total="total" |
|
|
|
|
@size-change="BTSizeChange" |
|
|
|
|
@current-change="BTCurrentChange" |
|
|
|
|
/> |
|
|
|
|
</div> |
|
|
|
|
</el-tab-pane> |
|
|
|
|
<el-tab-pane label="零担"> |
|
|
|
|
<el-table :data="BTtableData" :height="TabHeight + 'px'" style="width: 100%" border> |
|
|
|
|
<el-table-column fixed prop="orderCode" label="订单号" width="250" /> |
|
|
|
|
<el-table-column prop="categoryName" label="物品名称" width="180" /> |
|
|
|
|
<el-table-column prop="consigneePerson" label="收货人" width="180" /> |
|
|
|
|
<el-table-column prop="consigneeAddress" label="收货人地址" width="300" /> |
|
|
|
|
<el-table-column prop="consigneeMobile" label="收货人电话" width="180"> |
|
|
|
|
<template #default="props"> |
|
|
|
|
<span> |
|
|
|
|
{{ props.row.consigneeMobile ? props.row.consigneeMobile : '/' }} |
|
|
|
|
</span> |
|
|
|
|
</template> |
|
|
|
|
</el-table-column> |
|
|
|
|
<el-table-column prop="stockNum" label="在库数量" width="320" /> |
|
|
|
|
<el-table-column prop="positionCode" label="货位" width="320"> |
|
|
|
|
<template #default="props"> |
|
|
|
|
<span> |
|
|
|
|
{{ props.row.positionCode ? props.row.positionCode : '/' }} |
|
|
|
|
</span> |
|
|
|
|
</template> |
|
|
|
|
</el-table-column> |
|
|
|
|
<el-table-column prop="state" label="盘点时间" width="120"> |
|
|
|
|
<el-table-column prop="trayCode" label="托盘码" width="320"> |
|
|
|
|
<template #default="props"> |
|
|
|
|
<span> |
|
|
|
|
{{ props.row.trayCode ? props.row.trayCode : '/' }} |
|
|
|
|
</span> |
|
|
|
|
</template> |
|
|
|
|
</el-table-column> |
|
|
|
|
|
|
|
|
|
<el-table-column prop="state" label="盘点状态" width="120"> |
|
|
|
|
<template #default="props"> |
|
|
|
|
<span> |
|
|
|
|
{{ |
|
|
|
|
props.row.questStatus === 0 |
|
|
|
|
? '待盘点' |
|
|
|
|
: props.row.questStatus === 1 |
|
|
|
|
? '已盘' |
|
|
|
|
: props.row.questStatus === 2 |
|
|
|
|
? '未盘点' |
|
|
|
|
: '已排除' |
|
|
|
|
}} |
|
|
|
|
</span> |
|
|
|
|
</template> |
|
|
|
|
</el-table-column> |
|
|
|
|
<el-table-column prop="address" label="盘点方式" width="300"> |
|
|
|
|
<template #default="props"> |
|
|
|
|
<span> |
|
|
|
|
{{ |
|
|
|
|
props.row.questStatus === 1 |
|
|
|
|
? '随机' |
|
|
|
|
: props.row.questStatus === 2 |
|
|
|
|
? '库位' |
|
|
|
|
: props.row.questStatus === 3 |
|
|
|
|
? '订单' |
|
|
|
|
: '托盘' |
|
|
|
|
}} |
|
|
|
|
</span> |
|
|
|
|
</template> |
|
|
|
|
</el-table-column> |
|
|
|
|
<el-table-column prop="waybillNumber" label="运单号" width="250"> |
|
|
|
|
<template #default="props"> |
|
|
|
|
<span> |
|
|
|
|
{{ props.row.waybillNumber ? props.row.waybillNumber : '/' }} |
|
|
|
|
</span> |
|
|
|
|
</template> |
|
|
|
|
</el-table-column> |
|
|
|
|
|
|
|
|
|
<!-- <el-table-column fixed="right" label="操作" width="120"> |
|
|
|
|
<template #default> |
|
|
|
|
<el-button link type="primary" size="small" @click="handleClick">Detail</el-button> |
|
|
|
|
<el-button link type="primary" size="small">Edit</el-button> |
|
|
|
|
</template> |
|
|
|
|
</el-table-column> --> |
|
|
|
|
|
|
|
|
|
<el-table-column prop="updateTime" label="盘点时间" width="320"> |
|
|
|
|
<template #default="props"> |
|
|
|
|
<span> |
|
|
|
|
{{ props.row.updateTime ? props.row.updateTime : '/' }} |
|
|
|
|
</span> |
|
|
|
|
</template> |
|
|
|
|
</el-table-column> |
|
|
|
|
</el-table> |
|
|
|
|
<!-- 表格翻页功能 --> |
|
|
|
|
<div class="demo-pagination-block"> |
|
|
|
@ -105,14 +303,16 @@
|
|
|
|
|
/> |
|
|
|
|
</div> |
|
|
|
|
</el-tab-pane> |
|
|
|
|
<el-tab-pane label="库存品">Config</el-tab-pane> |
|
|
|
|
<el-tab-pane label="零担">Role</el-tab-pane> |
|
|
|
|
</el-tabs> |
|
|
|
|
</div> |
|
|
|
|
</template> |
|
|
|
|
|
|
|
|
|
<script lang="ts" setup> |
|
|
|
|
import { $_taskQuestSelectStrip } from '@/api/distribution/createTask'; |
|
|
|
|
import { |
|
|
|
|
$_taskQuestSelectStrip, |
|
|
|
|
$_QuestSelectInventory, |
|
|
|
|
$_taskQuestSelectZreo, |
|
|
|
|
} from '@/api/distribution/createTask'; |
|
|
|
|
import { useRouter, useRoute } from 'vue-router'; |
|
|
|
|
import { ref } from 'vue'; |
|
|
|
|
const router = useRouter(); |
|
|
|
@ -126,43 +326,82 @@ const disabled = ref(false); // 是否禁止使用页码功能
|
|
|
|
|
const total = ref(0); //总条数 |
|
|
|
|
const TabHeight = ref(); //动态获取表格高度 |
|
|
|
|
const BTtableData = ref([]); //包条信息 |
|
|
|
|
const id = ref(null); //任务ID |
|
|
|
|
const tabCode = ref(0); //tab标签栏 |
|
|
|
|
onMounted(() => { |
|
|
|
|
//默认值88 |
|
|
|
|
TabHeight.value = TabHeight.value.offsetHeight - 127; |
|
|
|
|
// 等待DOM高度被复制之后在请求数据,防止被数据撑开高度 |
|
|
|
|
onLoad(); |
|
|
|
|
}); |
|
|
|
|
const handleClick = () => { |
|
|
|
|
console.log('click'); |
|
|
|
|
}; |
|
|
|
|
|
|
|
|
|
// 请求包条数据 |
|
|
|
|
function list() { |
|
|
|
|
$_taskQuestSelectStrip({ |
|
|
|
|
id: route.query.id, //ID |
|
|
|
|
// 参数ID不可缺少请求时带上 |
|
|
|
|
id.value = route.query.id; |
|
|
|
|
// 请求数据公用函数 |
|
|
|
|
const DataList = val => { |
|
|
|
|
val({ |
|
|
|
|
id: id.value, //ID |
|
|
|
|
current: PageSize.value, //页码 |
|
|
|
|
size: Page.value, //条数 |
|
|
|
|
}).then(res => { |
|
|
|
|
console.log( |
|
|
|
|
res.data.data.records, |
|
|
|
|
'res================================================================' |
|
|
|
|
); |
|
|
|
|
console.log(res); |
|
|
|
|
total.value = res.data.data.total; |
|
|
|
|
BTtableData.value = res.data.data.records; |
|
|
|
|
total.value = res.data.data.total; //页码 |
|
|
|
|
BTtableData.value = res.data.data.records; //总数据 |
|
|
|
|
}); |
|
|
|
|
}; |
|
|
|
|
// 请求包条 |
|
|
|
|
function BTlist() { |
|
|
|
|
DataList($_taskQuestSelectStrip); |
|
|
|
|
} |
|
|
|
|
list(); //页码初始化请求数据包条 |
|
|
|
|
|
|
|
|
|
// 请求库存品 |
|
|
|
|
function KCPlist() { |
|
|
|
|
DataList($_QuestSelectInventory); |
|
|
|
|
} |
|
|
|
|
// 请求零担 |
|
|
|
|
function Zreolist() { |
|
|
|
|
DataList($_taskQuestSelectZreo); |
|
|
|
|
} |
|
|
|
|
// 初始化包条数据 |
|
|
|
|
BTlist(); |
|
|
|
|
const page = () => { |
|
|
|
|
Page.value = 20; //每页条数 |
|
|
|
|
PageSize.value = 1; //多少页 |
|
|
|
|
}; |
|
|
|
|
// 标签栏切换请求 |
|
|
|
|
const TabData = tab => { |
|
|
|
|
// 切换选项初始化页码数据 |
|
|
|
|
page(); |
|
|
|
|
if (tab == 0) { |
|
|
|
|
BTlist(); //请求包条数据 |
|
|
|
|
} else if (tab == 1) { |
|
|
|
|
KCPlist(); //请求库存品数据 |
|
|
|
|
} else { |
|
|
|
|
Zreolist(); //请求零担数据 |
|
|
|
|
} |
|
|
|
|
}; |
|
|
|
|
// 包条每页显示多少条 |
|
|
|
|
const BTSizeChange = val => { |
|
|
|
|
Page.value = val; |
|
|
|
|
list(); |
|
|
|
|
if (tabCode.value == 0) { |
|
|
|
|
Page.value = val; |
|
|
|
|
BTlist(); |
|
|
|
|
} else if (tabCode.value == 1) { |
|
|
|
|
KCPlist(); |
|
|
|
|
} else { |
|
|
|
|
Zreolist(); |
|
|
|
|
} |
|
|
|
|
}; |
|
|
|
|
// 包条翻页 |
|
|
|
|
const BTCurrentChange = val => { |
|
|
|
|
PageSize.value = val; |
|
|
|
|
list(); |
|
|
|
|
if (tabCode.value == 0) { |
|
|
|
|
PageSize.value = val; |
|
|
|
|
BTlist(); |
|
|
|
|
} else if (tabCode.value == 1) { |
|
|
|
|
PageSize.value = val; |
|
|
|
|
KCPlist(); |
|
|
|
|
} else { |
|
|
|
|
PageSize.value = val; |
|
|
|
|
Zreolist(); |
|
|
|
|
} |
|
|
|
|
}; |
|
|
|
|
</script> |
|
|
|
|
|
|
|
|
@ -184,7 +423,7 @@ const BTCurrentChange = val => {
|
|
|
|
|
margin-top: 15px; |
|
|
|
|
} |
|
|
|
|
:deep(.el-table__row) { |
|
|
|
|
height: 30px; |
|
|
|
|
height: 50px; |
|
|
|
|
} |
|
|
|
|
:deep(.el-table__cell) { |
|
|
|
|
.cell { |
|
|
|
|