You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
676 lines
17 KiB
676 lines
17 KiB
<template> |
|
<view> |
|
<!-- 顶部导航栏 --> |
|
<u-navbar :title="title" placeholder :autoBack="true" leftIconSize='35' bgColor='#d3832a' leftIconColor='#ffffff' |
|
titleStyle='color:#ffffff'></u-navbar> |
|
</view> |
|
|
|
<!-- 主体内容 --> |
|
<view class="main"> |
|
<!-- 随机盘点 --> |
|
<template v-if="pageType === 1"> |
|
<!-- 表格 --> |
|
<view class="table"> |
|
<!-- 表格头部 --> |
|
<view class="thead"> |
|
|
|
</view> |
|
|
|
<!-- 表格主体 --> |
|
<view class="tbody"> |
|
|
|
</view> |
|
</view> |
|
</template> |
|
|
|
<!-- 按库位盘点 --> |
|
<template v-if="pageType === 2"> |
|
<!-- 顶部 --> |
|
<view class="main_top"> |
|
<input type="text" v-model="details.scancode" placeholder="请扫描或输入库位码" class="main_top_search" /> |
|
<view class="button" @click="scandata">搜索</view> |
|
</view> |
|
|
|
<!-- 表格 --> |
|
<view class="table" v-for="item in renderList"> |
|
<view class="tpbx" @click="goStorageDetails(item)"> |
|
<image src="/pagesHome/static/kuweiicon.png"></image> |
|
<view>库位码：{{item.positionCode}}</view> |
|
</view> |
|
<view class="tpbx"> |
|
<image src="/pagesHome/static/kuweiicon.png"></image> |
|
<view>总件数：{{item.total}}</view> |
|
</view> |
|
<view class="tpbx"> |
|
<image src="/pagesHome/static/kuweiicon.png"></image> |
|
<view>盘点件数：{{item.unTotal}}</view> |
|
</view> |
|
</view> |
|
</template> |
|
|
|
<!-- 按合同号盘点 --> |
|
<template v-if="pageType === 3"> |
|
<!-- 顶部 --> |
|
<view class="main_top"> |
|
<!-- <view class="select"> |
|
<view class="dropdown-btn" @tap="toggleDropdown"> |
|
{{ selectedValue.label }} |
|
</view> |
|
<view v-show="isDropdownOpen" class="dropdown-list"> |
|
<view v-for="option in options" :key="option.value" @tap="selectOption(option)"> |
|
{{ option.label }} |
|
</view> |
|
</view> |
|
</view> --> |
|
<view class="uni-list-cell-db"> |
|
<picker @change="bindPickerChange" :value="optionsChooseIndex" :range="options.map(val => val.label)"> |
|
<view class="uni-input">{{options.map(val => val.label)[optionsChooseIndex]}} |
|
</view> |
|
</picker> |
|
</view> |
|
<input @input="handleInputChange" type="text" v-model="details.scancode" |
|
:placeholder="selectedValue.placeholder" class="main_top_search htselect" /> |
|
<view class="button" @click="ContractSearch">搜索</view> |
|
</view> |
|
|
|
<!-- 表格 --> |
|
<view class="table" v-for="item in renderList"> |
|
<view class="tpbx" @click="contract(item)"> |
|
<image src="/pagesHome/static/kuweiicon.png"></image> |
|
<view>合同号：{{item.orderCode}}</view> |
|
</view> |
|
<view class="tpbx"> |
|
<image src="/pagesHome/static/kuweiicon.png"></image> |
|
<view>总件数：{{item.total}}</view> |
|
</view> |
|
<view class="tpbx"> |
|
<image src="/pagesHome/static/kuweiicon.png"></image> |
|
<view>在库件数：{{item.zktotal}}</view> |
|
</view> |
|
<view class="tpbx"> |
|
<image src="/pagesHome/static/kuweiicon.png"></image> |
|
<view>盘点件数：{{item.unTotal}}</view> |
|
</view> |
|
<view class="tpbx"> |
|
<image src="/pagesHome/static/kuweiicon.png"></image> |
|
<view>是否库存品: {{ item.isInventory === 0 ? "不是" : "是" }}</view> |
|
</view> |
|
<view class="tpbx"> |
|
<image src="/pagesHome/static/kuweiicon.png"></image> |
|
<view>是否零担: {{ item.isZero === 0 ? "不是" : "是" }}</view> |
|
</view> |
|
</view> |
|
</template> |
|
|
|
<!-- 按托盘盘点 --> |
|
<template v-if="pageType === 4"> |
|
<!-- 顶部 --> |
|
<view class="main_top"> |
|
<input type="text" v-model="details.scancode" placeholder="请扫描或输入托盘码" class="main_top_search" /> |
|
<view class="button" @click="searchTary">搜索</view> |
|
</view> |
|
|
|
<!-- 表格 --> |
|
<view class="table" v-for="item in renderList"> |
|
<view class="tpbx" @click="goTrayDetails(item)"> |
|
<image src="/pagesHome/static/kuweiicon.png"></image> |
|
<view>托盘码：{{item.trayCode}}</view> |
|
</view> |
|
<view class="tpbx"> |
|
<image src="/pagesHome/static/kuweiicon.png"></image> |
|
<view>总件数：{{item.total}}</view> |
|
</view> |
|
<view class="tpbx"> |
|
<image src="/pagesHome/static/kuweiicon.png"></image> |
|
<view>货物类型：{{item.goodsType}}</view> |
|
</view> |
|
<view class="tpbx"> |
|
<image src="/pagesHome/static/kuweiicon.png"></image> |
|
<view>盘点件数：{{item.unTotal}}</view> |
|
</view> |
|
</view> |
|
</template> |
|
|
|
<view v-show="isEnd" class="footer-end"> |
|
到底啦 |
|
</view> |
|
</view> |
|
<!-- #ifdef APP --> |
|
<saomiao2 :ishidestop="scanState !== 0"></saomiao2> |
|
<!-- #endif --> |
|
</template> |
|
|
|
<script setup lang="ts"> |
|
import { |
|
onShow, |
|
onLoad, |
|
onHide, |
|
onReachBottom, |
|
onPullDownRefresh |
|
} from '@dcloudio/uni-app' |
|
import { ref, reactive, toRefs } from "vue"; |
|
|
|
import { |
|
getWarehouseTaskAllocationList, |
|
getWarehouseTrayList, |
|
getWarehouseTaskAllocationDetailByStrip, |
|
postqueryContractList, |
|
pgetContractList |
|
} from '@/api/user.js'; |
|
import utils from '@/utils/utils.js'; |
|
import useSystemSettingsStore from '@/store/useSystemSettingsStore'; |
|
import { storeToRefs } from 'pinia'; |
|
const { scanState } = storeToRefs(useSystemSettingsStore()) |
|
|
|
const details = reactive({ |
|
// 页面标题 |
|
title: '', |
|
// 页面类型 1: 随机盘点; 2: 按库位盘点; 3: 按合同号盘点; 4: 按托盘盘点; |
|
pageType: 1, |
|
// 扫描后的值 |
|
scancode: '', |
|
searchText: { |
|
storageText: '', |
|
taryText: '' |
|
}, |
|
// 商场名称 |
|
marketName: [], |
|
id: '', |
|
isscan: true, |
|
page: { |
|
// 当前页码 |
|
current: 1, |
|
// 每页数量 |
|
size: 10, |
|
}, |
|
// 渲染列表 |
|
renderList: [], |
|
// 数据是否加载完毕 |
|
isEnd: false, |
|
warehouseId: '', |
|
questNum: '', |
|
// 合同号盘点搜索类型 |
|
|
|
}) |
|
const placeholder = ref('请输入') |
|
const isDropdownOpen = ref(false) // 控制下拉选择列表的显示隐藏 |
|
const selectedValue = ref({ |
|
value: '1', label: '定制品', placeholder: '请输入或扫描包条码' |
|
}) // 选中的值 |
|
// 选中的索引 |
|
const optionsChooseIndex = ref(0) |
|
const options = ref([ // 下拉选项 |
|
{ value: '1', label: '定制品', placeholder: '请输入或扫描包条码' }, |
|
{ value: '2', label: '库存品', placeholder: '请输入物料编码' }, |
|
]) |
|
|
|
const toggleDropdown = () => { |
|
isDropdownOpen.value = !isDropdownOpen.value; // 点击下拉按钮，切换下拉列表显示隐藏 |
|
} |
|
const selectOption = (option) => { |
|
selectedValue.value = option; // 选中某个选项后，更新选择的值 |
|
if (option.value == 1) {//修改 |
|
placeholder.value = '请输入合同号' |
|
} else { |
|
placeholder.value = '请输入物料编码' |
|
} |
|
console.log(option); |
|
isDropdownOpen.value = false; // 关闭下拉列表 |
|
} |
|
// 页面地址初始化值用于input清空重新渲染 |
|
const infodata = ref({ |
|
|
|
}) |
|
// 页面初始化执行回调 |
|
onLoad((info) => { |
|
console.log('info :>> ', info); |
|
const { pageType, data } = JSON.parse(info.data) |
|
details.title = data.title |
|
details.pageType = pageType |
|
details.id = data.id |
|
details.warehouseId = data.warehouseId |
|
details.marketName = data.marketName |
|
details.questNum = data.questNum |
|
|
|
if (details.pageType === 3) { |
|
infodata.value = data |
|
} |
|
}) |
|
|
|
// 开启监听扫描 |
|
onShow(() => { |
|
// #ifdef APP |
|
uni.$off('scancodedate') |
|
uni.$on('scancodedate', function (code) { |
|
if (code) { |
|
console.log('code :>> ', code); |
|
details.scancode = code |
|
|
|
scandata() |
|
} |
|
}) |
|
// #endif |
|
// 库位盘点时, 允许扫码 |
|
if (details.pageType === 1) details.isscan = false |
|
|
|
// 初始化请求页面数据 |
|
initPage() |
|
|
|
if (details.pageType === 1) return |
|
else if (details.pageType === 2) return utils.ttsspke('请扫描库位码') |
|
else if (details.pageType === 3) return utils.ttsspke('请扫描包条码或输入订单自编码') |
|
else if (details.pageType === 4) return utils.ttsspke('请扫描托盘') |
|
}) |
|
|
|
// 关闭扫描监听 |
|
// onHide(() => { |
|
// uni.$off('scancodedate') |
|
// }) |
|
|
|
// 添加防抖函数 |
|
let antiShake : any = null |
|
// 触底加载 |
|
onReachBottom(() => { |
|
// 数据请求完毕, 不再请求 |
|
if (details.isEnd) return uni.showToast({ |
|
title: '数据加载完毕', |
|
icon: 'success' |
|
}) |
|
if (antiShake) { |
|
uni.hideLoading() |
|
// 清空定时器 |
|
clearTimeout(antiShake) |
|
return antiShake = null |
|
} |
|
uni.showLoading({ |
|
mask: true, |
|
title: '数据加载中' |
|
}) |
|
antiShake = setTimeout(async () => { |
|
// // 当前页码 +1 |
|
// details.page.current += 1 |
|
// // 请求页面数据 |
|
// await initPage() |
|
uni.hideLoading() |
|
}, 500) |
|
}) |
|
|
|
// 下拉刷新 |
|
onPullDownRefresh(() => { |
|
console.log('111 :>> ', 111); |
|
// 重置页码 |
|
details.page.current = 1 |
|
// 恢复结束状态 |
|
details.isEnd = false |
|
// 清空渲染列表 |
|
details.renderList = [] |
|
const timer = setTimeout(async () => { |
|
const res = await initPage() |
|
uni.stopPullDownRefresh() |
|
clearTimeout(timer) |
|
}, 500) |
|
}) |
|
|
|
// 请求页面数据 |
|
async function initPage() { |
|
try { |
|
let res : any = null |
|
uni.showLoading({ |
|
mask: true, |
|
title: '数据加载中' |
|
}) |
|
if (details.pageType === 1) return |
|
if (details.pageType === 2) { |
|
// 货位id |
|
// type: 搜索的type, 1是手输, 2是扫描 |
|
res = await getWarehouseTaskAllocationList({ |
|
...details.page, |
|
questId: details.id, |
|
questNum: details.questNum |
|
}) |
|
} |
|
|
|
else if (details.pageType === 3) { |
|
res = await pgetContractList({ |
|
...details.page, |
|
questId: infodata.value.id, |
|
warehouseId: infodata.value.warehouseId, |
|
questNum: details.questNum |
|
}) |
|
} |
|
|
|
else if (details.pageType === 4) { |
|
res = await getTaryList() |
|
} |
|
console.log('res :>> ', res); |
|
const { code, data } = res |
|
if (code === 200 && data) { |
|
if (details.pageType === 3) { |
|
details.renderList = res.data.records |
|
} else details.renderList = data.list || [] |
|
console.log('data.list :>> ', data.list); |
|
if (data.length < details.page.size) details.isEnd = true |
|
} else if (code === 3001) { |
|
const msg = data.audio |
|
utils.ttsspke(msg) |
|
uni.showToast({ |
|
icon: 'error', |
|
title: msg |
|
}) |
|
} |
|
return res |
|
} catch (error) { |
|
//TODO handle the exception |
|
console.log('error :>> ', error); |
|
} finally { |
|
uni.hideLoading() |
|
} |
|
} |
|
|
|
async function getTaryList() { |
|
console.log('details.id :>> ', details.id); |
|
const submitData : any = { |
|
...details.page, |
|
questId: details.id, |
|
questNum: details.questNum |
|
} |
|
submitData.trayCode = details.scancode |
|
console.log('submitData :>> ', submitData); |
|
return getWarehouseTrayList(submitData) |
|
} |
|
|
|
// 扫描后执行的回调 |
|
async function scandata() { |
|
try { |
|
// 是否允许扫码 |
|
if (!details.isscan) return |
|
console.log('222 :>> ', 222); |
|
uni.showLoading({ |
|
mask: true, |
|
title: '数据请求中' |
|
}) |
|
|
|
// 库位盘点 |
|
if (details.pageType === 2) { |
|
getWarehouseTaskAllocationDetailByStrip({ |
|
questId: details.id, |
|
allocationId: details.scancode, |
|
questNum: details.questNum |
|
}).then(res => { |
|
console.log(res); |
|
if (res.code != 403) { |
|
console.log('跳转') |
|
uni.navigateTo({ |
|
url: `/pagesTask/pages/storageLocationCheckDetails/storageLocationCheckDetails?allocationId=${details.scancode}&questId=${details.id}&marketName=${JSON.stringify(details.marketName)}&questNum=${details.questNum}` |
|
}) |
|
} |
|
}) |
|
return |
|
} |
|
|
|
if (details.pageType == 3) { |
|
postqueryContractList({ |
|
taskId: details.id, |
|
goodsType: selectedValue.value.value, |
|
warehouseId: details.warehouseId, |
|
type: '1', |
|
code: details.scancode, |
|
questNum: details.questNum |
|
}).then(res => { |
|
console.log(res, 'res==='); |
|
utils.ttsspke(res.audio) |
|
if (res.code != 3001) { |
|
details.renderList = res.data |
|
} |
|
}) |
|
return |
|
} |
|
|
|
if (details.pageType === 4) { |
|
const res = await initPage() |
|
console.log('res :>> ', res); |
|
const { msg, code, data } = res |
|
uni.showToast({ |
|
title: msg, |
|
icon: 'none' |
|
}) |
|
if (code === 200 && data) { |
|
const info = { |
|
trayCode: data[0].trayCode, |
|
taskId: details.id, |
|
trayId: data[0].trayId, |
|
type: data[0].goodsType, |
|
marketName: details.marketName, |
|
// 是否阻止初始化请求 |
|
holdBackFirstPost: true, |
|
questNum: details.questNum |
|
} |
|
console.log('info :>> ', info); |
|
uni.navigateTo({ |
|
url: `/pagesTask/pages/trayCheckDetails/trayCheckDetails?info=${JSON.stringify(info)}` |
|
}) |
|
} |
|
} |
|
} catch (err) { |
|
console.log('err :>> ', err); |
|
//TODO handle the exception |
|
} finally { |
|
uni.hideLoading() |
|
} |
|
} |
|
|
|
/** |
|
* 处理扫描后台监听状态 |
|
*/ |
|
function bindPickerChange(e) { |
|
console.log('picker发送选择改变，携带值为', e.detail.value) |
|
optionsChooseIndex.value = e.detail.value |
|
selectedValue.value = options.value[optionsChooseIndex.value] |
|
} |
|
|
|
// 搜索 |
|
const searchStorage = () => { |
|
getWarehouseTaskAllocationDetailByStrip({ |
|
questId: details.id, |
|
allocationId: details.scancode, |
|
questNum: details.questNum |
|
}).then(res => { |
|
console.log('res >>>>>>>>', res); |
|
if (res.code !== 403) { |
|
uni.navigateTo({ |
|
url: `/pagesTask/pages/storageLocationCheckDetails/storageLocationCheckDetails?allocationId=${details.scancode}&questId=${details.id}&marketName=${JSON.stringify(details.marketName)}&questNum=${details.questNum}` |
|
}) |
|
} |
|
}) |
|
} |
|
|
|
// 按库位盘点点击跳转到详情 |
|
const goStorageDetails = (val) => { |
|
console.log('val :>> ', val); |
|
getWarehouseTaskAllocationDetailByStrip({ |
|
questId: details.id, |
|
allocationId: val.allocationId, |
|
questNum: details.questNum |
|
}).then(res => { |
|
console.log(res); |
|
if (res.code != 403) { |
|
uni.navigateTo({ |
|
url: `/pagesTask/pages/storageLocationCheckDetails/storageLocationCheckDetails?allocationId=${val.allocationId}&questId=${details.id}&marketName=${JSON.stringify(details.marketName)}&questNum=${details.questNum}` |
|
}) |
|
} |
|
}) |
|
} |
|
|
|
// 搜素托盘 |
|
const searchTary = () => { |
|
if (!details.scancode) return uni.showToast({ |
|
icon: 'none', |
|
title: '请输入托盘码' |
|
}) |
|
// goTrayDetails(details.searchText.taryText) |
|
scandata() |
|
} |
|
|
|
// 去托盘盘点页面 |
|
function goTrayDetails(item) { |
|
const info = { |
|
// 托盘码 |
|
trayCode: item.trayCode, |
|
// 任务Id |
|
taskId: details.id, |
|
// 托盘Id |
|
trayId: item.trayId, |
|
// 货物类型 |
|
type: item.goodsType, |
|
// 商城数组 |
|
marketName: details.marketName, |
|
// 是否阻止初始化请求 |
|
holdBackFirstPost: false, |
|
questNum: details.questNum |
|
} |
|
uni.navigateTo({ |
|
url: `/pagesTask/pages/trayCheckDetails/trayCheckDetails?info=${JSON.stringify(info)}` |
|
}) |
|
} |
|
|
|
// 按合同号盘点,点击进入详情 |
|
const contract = (val) => { |
|
uni.navigateTo({ |
|
url: `/pagesTask/pages/contracts/contracts?warehouseId=${details.warehouseId}&taskId=${details.id}&orderCode=${val.orderCode}&isInventory=${val.isInventory}&marketName=${JSON.stringify(details.marketName)}&martialCode=${val.martialCode}&questNum=${details.questNum}` |
|
}) |
|
} |
|
// 按合同搜索按钮 |
|
const ContractSearch = () => { |
|
postqueryContractList({ |
|
taskId: details.id, |
|
goodsType: selectedValue.value.value, |
|
warehouseId: details.warehouseId, |
|
type: '2', |
|
incomingBatch: details.scancode, |
|
questNum: details.questNum |
|
}).then(res => { |
|
console.log(res, 'res==='); |
|
utils.ttsspke(res.audio) |
|
if (res.code != 3001) { |
|
details.renderList = res.data |
|
} |
|
}) |
|
} |
|
|
|
// 监听Input当输入框没有值重新渲染 |
|
const handleInputChange = () => { |
|
console.log(details.searchText.taryText); |
|
if (!details.scancode) { |
|
pgetContractList({ |
|
taskId: infodata.value.id, |
|
warehouseId: infodata.value.warehouseId, |
|
questNum: details.questNum |
|
}).then(res => { |
|
if (res.code = 200 && res.data) { |
|
details.renderList = res.data.records |
|
} |
|
utils.ttsspke(res.msg) |
|
|
|
}) |
|
} |
|
|
|
} |
|
|
|
const { |
|
title, |
|
pageType, |
|
isEnd, |
|
renderList |
|
} = toRefs(details) |
|
</script> |
|
|
|
<style lang="scss" scoped> |
|
$buttonColor: #d3832a; |
|
|
|
// 本页按钮样式 |
|
.button { |
|
font-size: 28upx; |
|
padding: 10upx 20upx; |
|
border: 1upx solid $buttonColor; |
|
background-color: #fff; |
|
color: #d3832a; |
|
border-radius: 5upx; |
|
} |
|
|
|
.main { |
|
padding: 10upx; |
|
font-size: 28upx; // 本页字体大小 |
|
} |
|
|
|
.main_top { |
|
display: flex; |
|
// align-items: center; |
|
justify-content: space-between; |
|
margin-bottom: 10upx; |
|
align-items: center; |
|
|
|
.uni-list-cell-db { |
|
margin: 0 20upx; |
|
|
|
} |
|
|
|
// 顶部搜索框 |
|
&_search { |
|
flex: 1; |
|
padding-left: 20upx; |
|
margin-right: 20upx; |
|
box-sizing: border-box; |
|
height: 28upx * 2; |
|
border-radius: 28upx; |
|
border: 1upx solid #000; |
|
} |
|
|
|
.button { |
|
background-color: $buttonColor; |
|
color: #fff; |
|
padding: 0 60upx; |
|
height: 28upx * 2; |
|
display: inline-flex; |
|
align-items: center; |
|
} |
|
} |
|
|
|
.table { |
|
margin-top: 10upx; |
|
box-shadow: 0 0 20upx #6f5050; |
|
} |
|
|
|
// 列表 |
|
.tpbx { |
|
display: flex; |
|
align-items: center; |
|
// padding: 18upx 24upx; |
|
box-sizing: border-box; |
|
border-bottom: 4upx solid #EEEEEE; |
|
|
|
>image { |
|
flex: none; |
|
width: 32upx; |
|
height: 32upx; |
|
margin-right: 15upx; |
|
} |
|
|
|
>view { |
|
flex: 1; |
|
font-size: 28upx; |
|
font-weight: 400; |
|
color: #020B18; |
|
|
|
.numb { |
|
font-size: 28upx; |
|
color: #178AF2; |
|
} |
|
} |
|
} |
|
|
|
// 底部结束标语 |
|
.footer-end { |
|
padding: 20upx 0; |
|
text-align: center; |
|
} |
|
</style> |