<template> <view class="homePage-container"> <!-- 数字货架 --> <div class="panel-box"> <div class="panel-title"><div class="texts">补货管理</div></div> <div class="panel-body"><iconItemsList :list="storageRacksNavList"></iconItemsList></div> </div> <!-- 调回管理 --> <div class="graid-box"> <div class="graid-box-1" @click="toPage('/pages/shuntBackManage/shuntBackList')"> <div class="icon"> <u-icon name="huowu-tuihui" custom-prefix="iscm-icon" size="70"></u-icon> </div> <div class="title">调回管理</div> <div>商品调回记录查询</div> </div> <div class="graid-box-1" @click="toPage('/pages/latePlay/chooseBulk')"> <div class="icon"> <u-icon name="icon_remark" custom-prefix="iscm-icon" size="70"></u-icon> </div> <div class="title">补打贴签</div> <div>遗漏标签快捷处理</div> </div> <div class="graid-box-1" @click="toPage('/pages/approveStore/list')"> <div class="icon"> <u-icon name="mendianzhuanxiangshenhe" custom-prefix="iscm-icon" size="70"></u-icon> </div> <div class="title">门店审核</div> <div>审核门店的认证申请</div> </div> <!-- <div class="graid-box-1" @click="toPage('/pages/index/printAbc')"> <div class="title">打印ABC</div> <div>遗漏标签快捷处理</div> </div> --> </div> </view> </template> <script> import iconItemsList from '@/components/icon-items-list/icon-items-list.vue'; import { shelfReplenishStateCount } from '@/api/shelfReplenish' export default { components: { iconItemsList, }, data() { return { // 数字货架 storageRacksNavList: [], theme: '' } }, onLoad() { // 设置底部tabbar 样式 const theme = getApp().globalData.theme this.theme = theme // 数字货架导航按钮 this.storageRacksNavList = [ { id: 'scanVin', icon: `/static/${this.theme}/navIcon/home_icon_confirm@3x.png`, name: '待确认', url: '/pages/replenishmentManage/replenishmentList?billState=WAIT_CONFIRM', target: 'page', count: 0, auth: true }, { id: 'scanGoods', icon: `/static/${this.theme}/navIcon/home_icon_out@3x.png`, name: '待出库', url: '/pages/replenishmentManage/replenishmentList?billState=WAIT_OUT_STOCK', target: 'page', count: 0, auth: true }, { id: 'bhrk', icon: `/static/${this.theme}/navIcon/home_icon_warehousing@3x.png`, name: '待签收', url: '/pages/replenishmentManage/replenishmentList?billState=WAIT_CHECK', target: 'page', count: 0, auth: true }, { id: 'jsgl', icon: `/static/${this.theme}/navIcon/home_icon_entire@3x.png`, name: '全部', url: '/pages/replenishmentManage/replenishmentList?billState=ALL', target: 'page', count: 0, auth: true } ] }, onShow() { this.queryByTypeSum() }, methods:{ toPage(url){ uni.navigateTo({ url:url }) }, // 查询补货单每个状态的数据条数 queryByTypeSum () { shelfReplenishStateCount({}).then(res => { if (res.data && res.status == 200) { this.storageRacksNavList[0].count = res.data.WAIT_CONFIRM || 0 this.storageRacksNavList[1].count = res.data.WAIT_OUT_STOCK || 0 this.storageRacksNavList[2].count = res.data.WAIT_CHECK || 0 } }) }, } } </script> <style lang="scss"> .homePage-container { width: 100%; padding: 30rpx; .graid-box{ display: flex; align-items: center; .graid-box-1{ background-color: #ffffff; border-radius: 30upx; box-shadow: 3upx 2upx 6upx #eee; padding: 30rpx; width: 50%; font-size: 24rpx; color: #424D5E; text-align: center; .title{ font-size: 28rpx; color: #191919; font-weight: bold; } .icon{ text-align: center; } } > div{ &:first-child{ margin-right: 15rpx; } &:last-child{ margin-left: 15rpx; } } } .panel-box { background-color: #ffffff; border-radius: 30upx; padding: 10upx 20upx; box-shadow: 3upx 2upx 6upx #eee; margin-bottom: 30upx; .panel-title { display: flex; align-items: center; padding: 20upx 12upx; .texts { font-size: 32upx; flex-grow: 1; } .btns { font-size: 28upx; color: #999; display: flex; align-items: center; } } .panel-body { padding: 0 10upx; .nodata { text-align: center; font-size: 24upx; width: 100%; color: #999999; padding: 30upx 0; } } } } </style>