8 changed files with 2989 additions and 383 deletions
@ -0,0 +1,676 @@
|
||||
<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> |
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
Loading…
Reference in new issue