54 lines
2.7 KiB
Vue
54 lines
2.7 KiB
Vue
<template>
|
|
<view v-if="user" class="page-shell portal-page home-page">
|
|
<PortalHeader ref="portalHeader" title="首页" :user="user" menu @menu-change="menuOpen = $event" />
|
|
<view class="home-menu">
|
|
<view v-for="group in groups" :key="group.key" class="home-group" :class="{ 'home-group-disabled': !group.available }">
|
|
<view class="home-group-title"><view class="home-group-mark" :class="`home-group-mark-${group.key}`"></view><text>{{ group.name }}</text></view>
|
|
<view class="home-operation-grid">
|
|
<button v-for="operation in group.operations" :key="operation.name" class="home-operation" :class="{ 'home-operation-primary': operation.available, 'home-operation-disabled': !operation.available }" :disabled="!operation.available" @tap="openOperation(operation)">
|
|
<view class="home-operation-icon" aria-hidden="true"><uni-icons :type="operation.iconType" :color="operation.available ? '#135ee8' : '#9aa6b2'" size="28" /></view>
|
|
<text class="home-operation-name">{{ operation.name }}</text>
|
|
<text v-if="operation.available" class="home-operation-pending">{{ overview.pendingBoxCount }} 箱待拣</text>
|
|
<text v-else class="home-operation-unavailable">未开放</text>
|
|
</button>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
import PortalHeader from '@/components/PortalHeader.vue'
|
|
import { MODULES } from '@/data/demo-data.js'
|
|
import { session, requireSession } from '@/stores/session.js'
|
|
import { getPickingOverview } from '@/stores/picking.js'
|
|
|
|
const ICON_TYPES = {
|
|
'到货收货': 'download', '商品上架': 'upload', '入库质检': 'checkbox',
|
|
'集装箱拣货': 'cart', '出库复核': 'compose', '装箱交接': 'paperplane',
|
|
'库存盘点': 'list', '商品移库': 'loop', '库存调整': 'compose',
|
|
'商品查询': 'search', '库位查询': 'location', '任务查询': 'flag'
|
|
}
|
|
|
|
const HOME_GROUPS = MODULES.map((module) => ({
|
|
...module,
|
|
name: module.key === 'inventory' ? '库内作业' : module.name,
|
|
available: module.operations.some((operation) => operation.available),
|
|
operations: module.operations.map((operation) => ({ ...operation, iconType: ICON_TYPES[operation.name] || 'circle' }))
|
|
}))
|
|
|
|
export default {
|
|
components: { PortalHeader },
|
|
data() { return { user: session.currentUser, groups: HOME_GROUPS, overview: getPickingOverview(), menuOpen: false } },
|
|
onShow() { if (!requireSession()) return; this.user = session.currentUser; this.overview = getPickingOverview() },
|
|
onBackPress() {
|
|
if (!this.menuOpen) return false
|
|
this.$refs.portalHeader.closeMenu()
|
|
return true
|
|
},
|
|
methods: {
|
|
openOperation(operation) { if (operation.available) uni.navigateTo({ url: '/pages/picking/picking' }) }
|
|
}
|
|
}
|
|
</script>
|