You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
466 lines
11 KiB
Vue
466 lines
11 KiB
Vue
2 years ago
|
<template>
|
||
|
<view class="page-raw-ingoods">
|
||
|
<view class="header">
|
||
|
<view class="left">
|
||
|
<u-icon class="icon" name="arrow-left" @click="uni.navigateBack({})" />
|
||
|
</view>
|
||
|
<view class="title">wms菜单</view>
|
||
|
<view class="right"></view>
|
||
|
</view>
|
||
|
<view class="container">
|
||
|
<view class="toptitle">
|
||
|
<view class="shuxian"></view>
|
||
|
<view class="title"> 原材料入库 </view>
|
||
|
</view>
|
||
|
<view class="tubiao">
|
||
|
<u-icon
|
||
|
@click="
|
||
|
uni.navigateTo({
|
||
|
url: page.wms.ReceiveSRM,
|
||
|
})
|
||
|
"
|
||
|
label="采购收货(SRM)"
|
||
|
label-pos="bottom"
|
||
|
size="80"
|
||
|
name="../../static/icons/icon-54.png"
|
||
|
></u-icon>
|
||
|
<u-icon
|
||
|
@click="
|
||
|
uni.navigateTo({
|
||
|
url: page.wms.PurchaseWHSRM,
|
||
|
})
|
||
|
"
|
||
|
label="采购入库(SRM)"
|
||
|
label-pos="bottom"
|
||
|
size="80"
|
||
|
name="../../static/icons/icon-54.png"
|
||
|
></u-icon>
|
||
|
<u-icon
|
||
|
@click="
|
||
|
uni.navigateTo({
|
||
|
url: page.wms.ReceivePO,
|
||
|
})
|
||
|
"
|
||
|
label="采购收货(PO)"
|
||
|
label-pos="bottom"
|
||
|
size="80"
|
||
|
name="../../static/icons/icon-54.png"
|
||
|
></u-icon>
|
||
|
<u-icon
|
||
|
@click="
|
||
|
uni.navigateTo({
|
||
|
url: page.wms.PurchaseWHPO,
|
||
|
})
|
||
|
"
|
||
|
label="采购入库(PO)"
|
||
|
label-pos="bottom"
|
||
|
size="80"
|
||
|
name="../../static/icons/icon-54.png"
|
||
|
></u-icon>
|
||
|
<u-icon
|
||
|
@click="
|
||
|
uni.navigateTo({
|
||
|
url: page.wms.ReceiveSRM,
|
||
|
})
|
||
|
"
|
||
|
label="调拨收货"
|
||
|
label-pos="bottom"
|
||
|
size="80"
|
||
|
name="../../static/icons/icon-54.png"
|
||
|
></u-icon>
|
||
|
<u-icon
|
||
|
@click="
|
||
|
uni.navigateTo({
|
||
|
url: page.wms.ReceiveSRM,
|
||
|
})
|
||
|
"
|
||
|
label="调拨入库"
|
||
|
label-pos="bottom"
|
||
|
size="80"
|
||
|
name="../../static/icons/icon-54.png"
|
||
|
></u-icon>
|
||
|
<u-icon
|
||
|
@click="
|
||
|
uni.navigateTo({
|
||
|
url: page.wms.ReceiveSRM,
|
||
|
})
|
||
|
"
|
||
|
label="OEM收货"
|
||
|
label-pos="bottom"
|
||
|
size="80"
|
||
|
name="../../static/icons/icon-54.png"
|
||
|
></u-icon>
|
||
|
<u-icon
|
||
|
@click="
|
||
|
uni.navigateTo({
|
||
|
url: page.wms.ReceiveSRM,
|
||
|
})
|
||
|
"
|
||
|
label="OEM入库"
|
||
|
label-pos="bottom"
|
||
|
size="80"
|
||
|
name="../../static/icons/icon-54.png"
|
||
|
></u-icon>
|
||
|
</view>
|
||
|
</view>
|
||
|
<view class="container">
|
||
|
<view class="toptitle">
|
||
|
<view class="shuxian"></view>
|
||
|
<view class="title"> 原材料出库 </view>
|
||
|
</view>
|
||
|
<view class="tubiao">
|
||
|
<u-icon
|
||
|
@click="
|
||
|
uni.navigateTo({
|
||
|
url: page.wms.Requisition,
|
||
|
})
|
||
|
"
|
||
|
label="生产领料"
|
||
|
label-pos="bottom"
|
||
|
size="80"
|
||
|
name="../../static/icons/icon-55.png"
|
||
|
></u-icon>
|
||
|
<u-icon
|
||
|
@click="
|
||
|
uni.navigateTo({
|
||
|
url: page.wms.Requisition,
|
||
|
})
|
||
|
"
|
||
|
label="生产退料"
|
||
|
label-pos="bottom"
|
||
|
size="80"
|
||
|
name="../../static/icons/icon-55.png"
|
||
|
></u-icon>
|
||
|
<u-icon
|
||
|
@click="
|
||
|
uni.navigateTo({
|
||
|
url: page.wms.ReceiveSRM,
|
||
|
})
|
||
|
"
|
||
|
label="补料出库"
|
||
|
label-pos="bottom"
|
||
|
size="80"
|
||
|
name="../../static/icons/icon-55.png"
|
||
|
></u-icon>
|
||
|
<u-icon
|
||
|
@click="
|
||
|
uni.navigateTo({
|
||
|
url: page.wms.ReceiveSRM,
|
||
|
})
|
||
|
"
|
||
|
label="委外出库"
|
||
|
label-pos="bottom"
|
||
|
size="80"
|
||
|
name="../../static/icons/icon-55.png"
|
||
|
></u-icon>
|
||
|
<u-icon
|
||
|
@click="
|
||
|
uni.navigateTo({
|
||
|
url: page.wms.ReceiveSRM,
|
||
|
})
|
||
|
"
|
||
|
label="领用出库"
|
||
|
label-pos="bottom"
|
||
|
size="80"
|
||
|
name="../../static/icons/icon-55.png"
|
||
|
></u-icon>
|
||
|
<u-icon
|
||
|
@click="
|
||
|
uni.navigateTo({
|
||
|
url: page.wms.ReceiveSRM,
|
||
|
})
|
||
|
"
|
||
|
label="采购退货"
|
||
|
label-pos="bottom"
|
||
|
size="80"
|
||
|
name="../../static/icons/icon-55.png"
|
||
|
></u-icon>
|
||
|
<u-icon
|
||
|
@click="
|
||
|
uni.navigateTo({
|
||
|
url: page.wms.ReceiveSRM,
|
||
|
})
|
||
|
"
|
||
|
label="退料返修"
|
||
|
label-pos="bottom"
|
||
|
size="80"
|
||
|
name="../../static/icons/icon-55.png"
|
||
|
></u-icon>
|
||
|
<u-icon
|
||
|
@click="
|
||
|
uni.navigateTo({
|
||
|
url: page.wms.ReceiveSRM,
|
||
|
})
|
||
|
"
|
||
|
label="空托出库"
|
||
|
label-pos="bottom"
|
||
|
size="80"
|
||
|
name="../../static/icons/icon-55.png"
|
||
|
></u-icon>
|
||
|
</view>
|
||
|
</view>
|
||
|
<view class="container">
|
||
|
<view class="toptitle">
|
||
|
<view class="shuxian"></view>
|
||
|
<view class="title"> 原材料库内 </view>
|
||
|
</view>
|
||
|
<view class="tubiao">
|
||
|
<u-icon
|
||
|
@click="
|
||
|
uni.navigateTo({
|
||
|
url: page.wms.ReceiveSRM,
|
||
|
})
|
||
|
"
|
||
|
label="盘点"
|
||
|
label-pos="bottom"
|
||
|
size="80"
|
||
|
name="../../static/icons/icon-53.png"
|
||
|
></u-icon>
|
||
|
<u-icon
|
||
|
@click="
|
||
|
uni.navigateTo({
|
||
|
url: page.wms.ReceiveSRM,
|
||
|
})
|
||
|
"
|
||
|
label="物料移位"
|
||
|
label-pos="bottom"
|
||
|
size="80"
|
||
|
name="../../static/icons/icon-56.png"
|
||
|
></u-icon>
|
||
|
<u-icon
|
||
|
@click="
|
||
|
uni.navigateTo({
|
||
|
url: page.wms.ReceiveSRM,
|
||
|
})
|
||
|
"
|
||
|
label="托盘移位"
|
||
|
label-pos="bottom"
|
||
|
size="80"
|
||
|
name="../../static/icons/icon-56.png"
|
||
|
></u-icon>
|
||
|
</view>
|
||
|
</view>
|
||
|
<view class="container">
|
||
|
<view class="toptitle">
|
||
|
<view class="shuxian"></view>
|
||
|
<view class="title"> 成品入库 </view>
|
||
|
</view>
|
||
|
<view class="tubiao">
|
||
|
<u-icon
|
||
|
@click="
|
||
|
uni.navigateTo({
|
||
|
url: page.wms.OfflineStorage,
|
||
|
})
|
||
|
"
|
||
|
label="下线入库"
|
||
|
label-pos="bottom"
|
||
|
size="80"
|
||
|
name="../../static/icons/icon-54.png"
|
||
|
></u-icon>
|
||
|
<u-icon
|
||
|
@click="
|
||
|
uni.navigateTo({
|
||
|
url: page.wms.ReceiveSRM,
|
||
|
})
|
||
|
"
|
||
|
label="调拨入库"
|
||
|
label-pos="bottom"
|
||
|
size="80"
|
||
|
name="../../static/icons/icon-54.png"
|
||
|
></u-icon>
|
||
|
<u-icon
|
||
|
@click="
|
||
|
uni.navigateTo({
|
||
|
url: page.wms.ReceiveSRM,
|
||
|
})
|
||
|
"
|
||
|
label="销售退货入库"
|
||
|
label-pos="bottom"
|
||
|
size="80"
|
||
|
name="../../static/icons/icon-54.png"
|
||
|
></u-icon>
|
||
|
<u-icon
|
||
|
@click="
|
||
|
uni.navigateTo({
|
||
|
url: page.wms.ReceiveSRM,
|
||
|
})
|
||
|
"
|
||
|
label="OEM入库"
|
||
|
label-pos="bottom"
|
||
|
size="80"
|
||
|
name="../../static/icons/icon-54.png"
|
||
|
></u-icon>
|
||
|
</view>
|
||
|
</view>
|
||
|
<view class="container">
|
||
|
<view class="toptitle">
|
||
|
<view class="shuxian"></view>
|
||
|
<view class="title"> 成品出库 </view>
|
||
|
</view>
|
||
|
<view class="tubiao">
|
||
|
<u-icon
|
||
|
@click="
|
||
|
uni.navigateTo({
|
||
|
url: page.wms.SaleOutWH,
|
||
|
})
|
||
|
"
|
||
|
label="销售出库"
|
||
|
label-pos="bottom"
|
||
|
size="80"
|
||
|
name="../../static/icons/icon-55.png"
|
||
|
></u-icon>
|
||
|
<u-icon
|
||
|
@click="
|
||
|
uni.navigateTo({
|
||
|
url: page.wms.ReceiveSRM,
|
||
|
})
|
||
|
"
|
||
|
label="调拨出库"
|
||
|
label-pos="bottom"
|
||
|
size="80"
|
||
|
name="../../static/icons/icon-55.png"
|
||
|
></u-icon>
|
||
|
<u-icon
|
||
|
@click="
|
||
|
uni.navigateTo({
|
||
|
url: page.wms.ReceiveSRM,
|
||
|
})
|
||
|
"
|
||
|
label="领用出库"
|
||
|
label-pos="bottom"
|
||
|
size="80"
|
||
|
name="../../static/icons/icon-55.png"
|
||
|
></u-icon>
|
||
|
</view>
|
||
|
</view>
|
||
|
<view class="container">
|
||
|
<view class="toptitle">
|
||
|
<view class="shuxian"></view>
|
||
|
<view class="title"> 成品库内 </view>
|
||
|
</view>
|
||
|
<view class="tubiao">
|
||
|
<u-icon
|
||
|
@click="
|
||
|
uni.navigateTo({
|
||
|
url: page.wms.ReceiveSRM,
|
||
|
})
|
||
|
"
|
||
|
label="盘点"
|
||
|
label-pos="bottom"
|
||
|
size="80"
|
||
|
name="../../static/icons/icon-53.png"
|
||
|
></u-icon>
|
||
|
<u-icon
|
||
|
@click="
|
||
|
uni.navigateTo({
|
||
|
url: page.wms.ReceiveSRM,
|
||
|
})
|
||
|
"
|
||
|
label="物料移位"
|
||
|
label-pos="bottom"
|
||
|
size="80"
|
||
|
name="../../static/icons/icon-56.png"
|
||
|
></u-icon>
|
||
|
<u-icon
|
||
|
@click="
|
||
|
uni.navigateTo({
|
||
|
url: page.wms.ReceiveSRM,
|
||
|
})
|
||
|
"
|
||
|
label="托盘移位"
|
||
|
label-pos="bottom"
|
||
|
size="80"
|
||
|
name="../../static/icons/icon-56.png"
|
||
|
></u-icon>
|
||
|
</view>
|
||
|
</view>
|
||
|
</view>
|
||
|
</template>
|
||
|
|
||
|
<script lang="ts">
|
||
|
import { Component } from 'vue-property-decorator';
|
||
|
import { BasePage } from '@/components/base/page';
|
||
|
@Component
|
||
|
export default class RawAppointment extends BasePage {
|
||
|
childData: any;
|
||
|
// onLoad(option: { childData: any }) {
|
||
|
// //this.childData = JSON.parse(option.childData);
|
||
|
// }
|
||
|
}
|
||
|
</script>
|
||
|
|
||
|
<style lang="scss" scoped>
|
||
|
.page-raw-ingoods {
|
||
|
background-color: #f4f7fc;
|
||
|
padding-top: 150rpx;
|
||
|
min-height: 100%;
|
||
|
|
||
|
.header {
|
||
|
position: fixed;
|
||
|
top: 0;
|
||
|
// padding-top: 18px;
|
||
|
left: 0;
|
||
|
right: 0;
|
||
|
z-index: 99;
|
||
|
display: -webkit-box;
|
||
|
display: -webkit-flex;
|
||
|
display: flex;
|
||
|
background-color: #d9001b;
|
||
|
/* height: 46px; */
|
||
|
line-height: 46px;
|
||
|
color: #fff;
|
||
|
font-size: 34rpx;
|
||
|
font-weight: 500;
|
||
|
text-align: center;
|
||
|
box-shadow: 0 1px 2px #e87675;
|
||
|
padding: 60rpx 0rpx 0rpx;
|
||
|
.title {
|
||
|
flex: 3;
|
||
|
}
|
||
|
.left,
|
||
|
.right {
|
||
|
flex: 1;
|
||
|
}
|
||
|
.icon {
|
||
|
display: flex;
|
||
|
justify-content: center;
|
||
|
align-items: center;
|
||
|
width: 88rpx;
|
||
|
height: 88rpx;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
.container {
|
||
|
background-color: #ffffff;
|
||
|
padding: 20rpx;
|
||
|
border: 2rpx solid #9093992e;
|
||
|
margin-top: 12rpx;
|
||
|
border-radius: 4rpx;
|
||
|
// padding: 30rpx 15rpx 0;
|
||
|
.toptitle {
|
||
|
display: flex;
|
||
|
flex-direction: row;
|
||
|
padding: 6rpx;
|
||
|
.shuxian {
|
||
|
border: 2rpx solid red;
|
||
|
margin-right: 24rpx;
|
||
|
}
|
||
|
.title {
|
||
|
// margin-bottom: 10rpx;
|
||
|
}
|
||
|
}
|
||
|
.tubiao {
|
||
|
margin-left: 40rpx;
|
||
|
margin-right: 40rpx;
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
::v-deep .u-icon {
|
||
|
padding: 17rpx;
|
||
|
}
|
||
|
::v-deep .u-icon__label {
|
||
|
width: 124rpx;
|
||
|
text-align: center;
|
||
|
}
|
||
|
</style>
|