|
@@ -1,65 +1,81 @@
|
|
|
<template>
|
|
|
<view class="homePage-container">
|
|
|
- <!-- 数字货架 -->
|
|
|
- <div class="panel-box" v-if="$hasPermissions('M_ERManage_mobile')">
|
|
|
- <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')" v-if="$hasPermissions('M_BackToManage_mobile')">
|
|
|
- <div class="icon">
|
|
|
- <u-icon name="huowu-tuihui" custom-prefix="iscm-icon" size="70"></u-icon>
|
|
|
- </div>
|
|
|
- <div class="title">调回管理</div>
|
|
|
+ <view id="tjCons">
|
|
|
+ <!-- 数字货架 -->
|
|
|
+ <div class="panel-box" v-if="$hasPermissions('M_ERManage_mobile')">
|
|
|
+ <div class="panel-title"><div class="texts">补货管理</div></div>
|
|
|
+ <div class="panel-body"><iconItemsList :list="storageRacksNavList"></iconItemsList></div>
|
|
|
</div>
|
|
|
- <div class="graid-box-1" @click="toPage('/pages/latePlay/chooseBulk')" v-if="$hasPermissions('M_printLabel_mobile')">
|
|
|
- <div class="icon">
|
|
|
- <u-icon name="dayin" custom-prefix="iscm-icon" size="65"></u-icon>
|
|
|
+ <!-- 调回管理 -->
|
|
|
+ <div class="graid-box">
|
|
|
+ <div class="graid-box-1" @click="toPage('/pages/shuntBackManage/shuntBackList')" v-if="$hasPermissions('M_BackToManage_mobile')">
|
|
|
+ <div class="icon">
|
|
|
+ <u-icon name="huowu-tuihui" custom-prefix="iscm-icon" size="70"></u-icon>
|
|
|
+ </div>
|
|
|
+ <div class="title">调回管理</div>
|
|
|
</div>
|
|
|
- <div class="title">补打贴签</div>
|
|
|
- </div>
|
|
|
- <div class="graid-box-1" @click="toPage('/pages/shelfSetting/shelfList')" v-if="$hasPermissions('M_shelfSetting_mobile')">
|
|
|
- <div class="icon">
|
|
|
- <u-icon name="ison_shelf" custom-prefix="iscm-icon" size="65"></u-icon>
|
|
|
+ <div class="graid-box-1" @click="toPage('/pages/latePlay/chooseBulk')" v-if="$hasPermissions('M_printLabel_mobile')">
|
|
|
+ <div class="icon">
|
|
|
+ <u-icon name="dayin" custom-prefix="iscm-icon" size="65"></u-icon>
|
|
|
+ </div>
|
|
|
+ <div class="title">补打贴签</div>
|
|
|
</div>
|
|
|
- <div class="title">货架设置</div>
|
|
|
- </div>
|
|
|
- <div class="graid-box-1" @click="toPage('/pages/approveStore/list')" v-if="$hasPermissions('M_auditStore_mobile')">
|
|
|
- <div class="icon">
|
|
|
- <u-icon name="mendianzhuanxiangshenhe" custom-prefix="iscm-icon" size="70"></u-icon>
|
|
|
- <u-badge type="error" size="mini" :offset="[-5,20]" :count="storeAuthNums"></u-badge>
|
|
|
+ <div class="graid-box-1" @click="toPage('/pages/shelfSetting/shelfList')" v-if="$hasPermissions('M_shelfSetting_mobile')">
|
|
|
+ <div class="icon">
|
|
|
+ <u-icon name="ison_shelf" custom-prefix="iscm-icon" size="65"></u-icon>
|
|
|
+ </div>
|
|
|
+ <div class="title">货架设置</div>
|
|
|
</div>
|
|
|
- <div class="title">门店审核</div>
|
|
|
- </div>
|
|
|
- <div class="graid-box-1" @click="toPage('/pages/stockCheck/shelfList')" v-if="$hasPermissions('M_stockCheck_mobile')">
|
|
|
- <div class="icon">
|
|
|
- <u-icon name="icon_warehousing" custom-prefix="iscm-icon" size="65"></u-icon>
|
|
|
- <u-badge type="error" size="mini" :offset="[-5,20]" :count="stockCheckNums"></u-badge>
|
|
|
+ <div class="graid-box-1" @click="toPage('/pages/approveStore/list')" v-if="$hasPermissions('M_auditStore_mobile')">
|
|
|
+ <div class="icon">
|
|
|
+ <u-icon name="mendianzhuanxiangshenhe" custom-prefix="iscm-icon" size="70"></u-icon>
|
|
|
+ <u-badge type="error" size="mini" :offset="[-5,20]" :count="storeAuthNums"></u-badge>
|
|
|
+ </div>
|
|
|
+ <div class="title">门店审核</div>
|
|
|
</div>
|
|
|
- <div class="title">库存盘点</div>
|
|
|
- </div>
|
|
|
- <div class="graid-box-1" @click="toPage('/pages/stockCheck/shelfList')" v-if="$hasPermissions('M_shelfOrder_mobile')">
|
|
|
- <div class="icon">
|
|
|
- <u-icon name="icon_order" custom-prefix="iscm-icon" size="65"></u-icon>
|
|
|
- <u-badge type="error" size="mini" :offset="[-5,20]" :count="stockCheckNums"></u-badge>
|
|
|
+ <div class="graid-box-1" @click="toPage('/pages/stockCheck/shelfList')" v-if="$hasPermissions('M_stockCheck_mobile')">
|
|
|
+ <div class="icon">
|
|
|
+ <u-icon name="icon_warehousing" custom-prefix="iscm-icon" size="65"></u-icon>
|
|
|
+ <u-badge type="error" size="mini" :offset="[-5,20]" :count="stockCheckNums"></u-badge>
|
|
|
+ </div>
|
|
|
+ <div class="title">库存盘点</div>
|
|
|
+ </div>
|
|
|
+ <div class="graid-box-1" @click="toPage('/pages/stockCheck/shelfList')" v-if="$hasPermissions('M_shelfOrder_mobile')">
|
|
|
+ <div class="icon">
|
|
|
+ <u-icon name="icon_order" custom-prefix="iscm-icon" size="65"></u-icon>
|
|
|
+ <u-badge type="error" size="mini" :offset="[-5,20]" :count="stockCheckNums"></u-badge>
|
|
|
+ </div>
|
|
|
+ <div class="title">货架订单</div>
|
|
|
</div>
|
|
|
- <div class="title">货架订单</div>
|
|
|
+ <!-- <div class="graid-box-1" @click="toPage('/pages/index/printAbc')">
|
|
|
+ <div class="title">打印ABC</div>
|
|
|
+ </div> -->
|
|
|
</div>
|
|
|
- <!-- <div class="graid-box-1" @click="toPage('/pages/index/printAbc')">
|
|
|
- <div class="title">打印ABC</div>
|
|
|
- </div> -->
|
|
|
- </div>
|
|
|
+ <!-- 货架订单 -->
|
|
|
+ <view class="sales-list">
|
|
|
+ <view class="title">
|
|
|
+ <text class="title-name" @click="$refs.salesList.refash()">
|
|
|
+ 货架订单
|
|
|
+ <u-icon name="reload" color="#2979ff" size="28"></u-icon>
|
|
|
+ </text>
|
|
|
+ <view class="title-all" @click="toPage('/pages/shelfOrder/shelfOrder')">查看全部<u-icon name="arrow-right" color="rgb(144, 147, 153)" size="28"></u-icon></view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <!-- 销售单列表 -->
|
|
|
+ <listComponent ref="salesList" :height="listHeight" />
|
|
|
</view>
|
|
|
</template>
|
|
|
<script>
|
|
|
import iconItemsList from '@/components/icon-items-list/icon-items-list.vue';
|
|
|
+ import listComponent from '@/pages/shelfOrder/listComponent.vue'
|
|
|
import { shelfReplenishStateCount } from '@/api/shelfReplenish'
|
|
|
import { queryStockCheckWaitStateNum } from '@/api/stockCheck'
|
|
|
import { xprhStoreApplyQueryPage } from '@/api/approveStore'
|
|
|
export default {
|
|
|
components: {
|
|
|
iconItemsList,
|
|
|
+ listComponent
|
|
|
},
|
|
|
data() {
|
|
|
return {
|
|
@@ -67,9 +83,16 @@
|
|
|
storageRacksNavList: [],
|
|
|
theme: '',
|
|
|
storeAuthNums: 0,
|
|
|
- stockCheckNums: 0
|
|
|
+ stockCheckNums: 0,
|
|
|
+ listHeight: 400
|
|
|
}
|
|
|
},
|
|
|
+ onReady() {
|
|
|
+ const query = uni.createSelectorQuery().in(this);
|
|
|
+ query.select('#tjCons').boundingClientRect(data => {
|
|
|
+ this.listHeight = Math.floor(data.height)
|
|
|
+ }).exec();
|
|
|
+ },
|
|
|
onLoad() {
|
|
|
// 设置底部tabbar 样式
|
|
|
const theme = getApp().globalData.theme
|
|
@@ -159,7 +182,7 @@
|
|
|
border-radius: 30upx;
|
|
|
padding: 10upx 20upx;
|
|
|
box-shadow: 3upx 2upx 6upx #eee;
|
|
|
-
|
|
|
+ margin-bottom: 20upx;
|
|
|
.graid-box-1{
|
|
|
padding: 30rpx 0;
|
|
|
width: 25%;
|
|
@@ -182,7 +205,7 @@
|
|
|
border-radius: 30upx;
|
|
|
padding: 10upx 20upx;
|
|
|
box-shadow: 3upx 2upx 6upx #eee;
|
|
|
- margin-bottom: 30upx;
|
|
|
+ margin-bottom: 20upx;
|
|
|
.panel-title {
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
@@ -209,5 +232,20 @@
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
+ .sales-list{
|
|
|
+ .title{
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: space-between;
|
|
|
+ .title-name{
|
|
|
+ font-size: 32upx;
|
|
|
+ color: #333;
|
|
|
+ font-weight: 1000;
|
|
|
+ }
|
|
|
+ .title-all{
|
|
|
+ color: rgb(144, 147, 153);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
|
|
</style>
|