166 lines
3.9 KiB
Vue
166 lines
3.9 KiB
Vue
<template>
|
|
<view class="home-container">
|
|
<u--text text="入库" size="36" bold></u--text>
|
|
<u-grid :border="true" @click="gridCheck" col="4">
|
|
<u-grid-item v-if="item.type === 1" v-for="(item,index) in gridItemList" :key="index" :name="item.url">
|
|
<u-icon :customStyle="{paddingTop:20+'rpx'}" :name="item.icon" :size="128"></u-icon>
|
|
<text class="grid-text">{{item.name}}</text>
|
|
</u-grid-item>
|
|
</u-grid>
|
|
<u-gap height="40"></u-gap>
|
|
<u--text text="出库" size="36" bold></u--text>
|
|
<u-grid :border="true" @click="gridCheck" col="4">
|
|
<u-grid-item v-if="item.type === 2" v-for="(item,index) in gridItemList" :key="index" :name="item.url">
|
|
<u-icon :customStyle="{paddingTop:20+'rpx'}" :name="item.icon" :size="128"></u-icon>
|
|
<text class="grid-text">{{item.name}}</text>
|
|
</u-grid-item>
|
|
</u-grid>
|
|
<u-gap height="40"></u-gap>
|
|
<u--text text="库存操作" size="36" bold></u--text>
|
|
<u-grid :border="true" @click="gridCheck" col="4">
|
|
<u-grid-item v-if="item.type === 3" v-for="(item,index) in gridItemList" :key="index" :name="item.url">
|
|
<u-icon :customStyle="{paddingTop:20+'rpx'}" :name="item.icon" :size="128"></u-icon>
|
|
<text class="grid-text">{{item.name}}</text>
|
|
</u-grid-item>
|
|
</u-grid>
|
|
<u-gap height="40"></u-gap>
|
|
<u--text text="库内操作" size="36" bold></u--text>
|
|
<u-grid :border="true" @click="gridCheck" col="4">
|
|
<u-grid-item v-if="item.type === 4" v-for="(item,index) in gridItemList" :key="index" :name="item.url">
|
|
<u-icon :customStyle="{paddingTop:20+'rpx'}" :name="item.icon" :size="128"></u-icon>
|
|
<text class="grid-text">{{item.name}}</text>
|
|
</u-grid-item>
|
|
</u-grid>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
import {
|
|
mapActions
|
|
} from 'vuex'
|
|
export default {
|
|
data() {
|
|
return {
|
|
// 页面按钮参数
|
|
gridItemList: [{
|
|
name: '成品入库',
|
|
icon: 'grid-fill',
|
|
url: '/pages/inWarehouse/inWarehouse?isStrict=true',
|
|
type: 1,
|
|
index: 1
|
|
},
|
|
{
|
|
name: '油漆入库',
|
|
icon: 'grid-fill',
|
|
url: '',
|
|
type: 1,
|
|
index: 2
|
|
},
|
|
{
|
|
name: '毛坯入库',
|
|
icon: 'grid-fill',
|
|
url: '',
|
|
type: 1,
|
|
index: 3
|
|
},
|
|
{
|
|
name: '备品备件',
|
|
icon: 'grid-fill',
|
|
url: '',
|
|
type: 1,
|
|
index: 4
|
|
},
|
|
{
|
|
name: '成品出库',
|
|
icon: 'grid-fill',
|
|
url: '/pages/outWarehouse/outWarehouse',
|
|
type: 2,
|
|
index: 5
|
|
},
|
|
{
|
|
name: '出货',
|
|
icon: 'grid-fill',
|
|
url: '',
|
|
type: 2,
|
|
index: 6
|
|
},
|
|
{
|
|
name: '退货',
|
|
icon: 'grid-fill',
|
|
url: '',
|
|
type: 2,
|
|
index: 7
|
|
},
|
|
{
|
|
name: '盘点',
|
|
icon: 'grid-fill',
|
|
url: '/pages/stocktake/stocktake',
|
|
type: 3,
|
|
index: 8
|
|
},
|
|
{
|
|
name: '库存查询',
|
|
icon: 'grid-fill',
|
|
url: '/pages/watchGoods/watchGoods',
|
|
type: 3,
|
|
index: 9
|
|
},
|
|
{
|
|
name: '操作记录',
|
|
icon: 'grid-fill',
|
|
url: '/pages/warehoseActionList/warehoseActionList',
|
|
type: 3,
|
|
index: 10
|
|
},
|
|
{
|
|
name: '拼箱',
|
|
icon: 'grid-fill',
|
|
url: '/pages/consolidation/consolidation',
|
|
type: 4,
|
|
index: 11
|
|
},
|
|
{
|
|
name: '拆箱',
|
|
icon: 'grid-fill',
|
|
url: '/pages/unpacking/unpacking',
|
|
type: 4,
|
|
index: 12
|
|
},
|
|
{
|
|
name: '移库',
|
|
icon: 'grid-fill',
|
|
url: '/pages/relocation/relocation',
|
|
type: 4,
|
|
index: 13
|
|
}
|
|
]
|
|
};
|
|
},
|
|
onLoad: function() {
|
|
this.GetInfo();
|
|
},
|
|
mounted() {
|
|
// console.log('屏幕宽度', uni.getWindowInfo().screenWidth)
|
|
// console.log('可用高度', uni.getWindowInfo().windowHeight)
|
|
},
|
|
|
|
methods: {
|
|
...mapActions([
|
|
'LogOut',
|
|
'GetInfo'
|
|
]),
|
|
gridCheck(url) {
|
|
if (url === '') {
|
|
return;
|
|
}
|
|
uni.navigateTo({
|
|
url
|
|
});
|
|
},
|
|
}
|
|
};
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
@import url('index.scss');
|
|
</style> |