128 lines
3.2 KiB
Vue
128 lines
3.2 KiB
Vue
<template>
|
|
<custom-nav-bar :left="true" title="追溯菜单"></custom-nav-bar>
|
|
<!-- 宫格组件 -->
|
|
<view class="grid-body">
|
|
<uni-grid :column="3" :showBorder="false">
|
|
<uni-grid-item @click="toPage('report')">
|
|
<view class="grid-item-box">
|
|
<uni-icons custom-prefix="iconfont" type="icon-hz" style="color: #34c3d4;"></uni-icons>
|
|
<text class="text">生产日报</text>
|
|
</view>
|
|
</uni-grid-item>
|
|
<uni-grid-item @click="toPage('sign')">
|
|
<view class="grid-item-box">
|
|
<uni-icons custom-prefix="iconfont" type="icon-ck" style="color: #fca61d;"></uni-icons>
|
|
<text class="text">签收单</text>
|
|
</view>
|
|
</uni-grid-item>
|
|
<!-- <uni-grid-item @click="toPage('signquery')">
|
|
<view class="grid-item-box">
|
|
<uni-icons custom-prefix="iconfont" type="icon-dayin" style="color: #39ac4f;"></uni-icons>
|
|
<text class="text">签收查询</text>
|
|
</view>
|
|
</uni-grid-item> -->
|
|
<uni-grid-item @click="toPage('backStock')">
|
|
<view class="grid-item-box">
|
|
<uni-icons custom-prefix="iconfont" type="icon-kccx" style="color: #08c4b4;"></uni-icons>
|
|
<text class="text">退库</text>
|
|
</view>
|
|
</uni-grid-item>
|
|
<uni-grid-item @click="toPage('transferGoods')">
|
|
<view class="grid-item-box">
|
|
<uni-icons custom-prefix="iconfont" type="icon-zs1" style="color: #fca61d;"></uni-icons>
|
|
<text class="text">调货</text>
|
|
</view>
|
|
</uni-grid-item>
|
|
<uni-grid-item @click="toPage('seq')">
|
|
<view class="grid-item-box">
|
|
<uni-icons custom-prefix="iconfont" type="icon-cangku" style="color: #c2297f;"></uni-icons>
|
|
<text class="text">出入库查询</text>
|
|
</view>
|
|
</uni-grid-item>
|
|
<!-- <uni-grid-item @click="toPage('track')">
|
|
<view class="grid-item-box">
|
|
<uni-icons custom-prefix="iconfont" type="icon-cx" style="color: #39ac4f;"></uni-icons>
|
|
<text class="text">履历查询</text>
|
|
</view>
|
|
</uni-grid-item> -->
|
|
</uni-grid>
|
|
</view>
|
|
</template>
|
|
<script>
|
|
export default {
|
|
data() {
|
|
return {}
|
|
},
|
|
methods: {
|
|
toPage(type) {
|
|
switch (type) {
|
|
case "report":
|
|
uni.navigateTo({
|
|
url: '/pages/retrace/report'
|
|
});
|
|
break;
|
|
case "sign":
|
|
uni.navigateTo({
|
|
url: '/pages/retrace/signBill'
|
|
});
|
|
break;
|
|
case "signQuery":
|
|
uni.navigateTo({
|
|
url: '/pages/retrace/signQuery'
|
|
});
|
|
break;
|
|
case "backStock":
|
|
uni.navigateTo({
|
|
url: '/pages/retrace/stockRefund'
|
|
});
|
|
break;
|
|
case "transferGoods":
|
|
uni.navigateTo({
|
|
url: '/pages/retrace/transferGoods'
|
|
});
|
|
break;
|
|
case "seq":
|
|
uni.navigateTo({
|
|
url: '/pages/retrace/resumeTrack'
|
|
});
|
|
break;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss">
|
|
/* #ifndef APP-NVUE */
|
|
page {
|
|
display: flex;
|
|
flex-direction: column;
|
|
box-sizing: border-box;
|
|
background-color: #fff;
|
|
min-height: 100%;
|
|
height: auto;
|
|
}
|
|
|
|
/* #endif */
|
|
|
|
.grid-item-box {
|
|
flex: 1;
|
|
/* #ifndef APP-NVUE */
|
|
display: flex;
|
|
/* #endif */
|
|
flex-direction: column;
|
|
align-items: center;
|
|
justify-content: center;
|
|
padding: 15px 0;
|
|
|
|
.uni-icons {
|
|
font-size: 2.5rem !important;
|
|
display: block;
|
|
}
|
|
|
|
.text {
|
|
color: #000;
|
|
font-size: 1rem;
|
|
}
|
|
}
|
|
</style> |