Files
shanghaiganxiangtuzhuangwor…/pages/materialManagement/materialManagement.vue
2024-06-27 15:13:12 +08:00

83 lines
2.3 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 color="#ff9900" :customStyle="{paddingTop:20+'rpx'}" :name="item.icon" :size="128"></u-icon>
<text class="grid-text">{{item.name}}</text>
</u-grid-item>
</u-grid>
<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 color="#2979ff" :customStyle="{paddingTop:20+'rpx'}" :name="item.icon" :size="128"></u-icon>
<text class="grid-text">{{item.name}}</text>
</u-grid-item>
</u-grid>
<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 color="#00ff00" :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>
export default {
data() {
return {
// 页面按钮参数
gridItemList: [{
name: '仓库配料',
icon: 'file-text-fill',
url: '/pages/materialManagement/MaterialProductionInput/MaterialProductionInput',
type: 1,
},
{
name: '车间叫料',
icon: 'file-text',
url: '/pages/materialManagement/MaterialRequisition/MaterialRequisition',
type: 1,
},
{
name: '车间进料',
icon: 'file-text-fill',
url: '/pages/materialManagement/MaterialFeeding/MaterialFeeding',
type: 1,
},
{
name: '入库',
icon: 'shopping-cart-fill',
url: '/pages/materialManagement/MaterialWarehousing/MaterialWarehousing',
type: 2,
},
{
name: '进箱',
icon: 'gift',
url: '/pages/materialManagement/package/package',
type: 3,
},
]
}
},
methods: {
gridCheck(url) {
if (url === '') {
return;
}
uni.navigateTo({
url
});
},
}
}
</script>
<style scoped>
@import url('materialManagement.css');
</style>