Skip to content

梁建民 / wmsApp

Go to a project
Commit 58c06ee6 by LJM
Options

理货

parent 5020007c
Inline Side-by-side
Showing with 203 additions and 201 deletions
assets/css/arrivalRegister/index.scss
......@@ -59,6 +59,11 @@
&:nth-of-type(2n) {
margin-right: 0;
}
.bor {
height: 1px;
background-color: #f0f0f2;
margin-bottom: 10rpx;
}
.text-item {
margin-bottom: 8rpx;
}
......@@ -119,13 +124,12 @@
::v-deep .uni-drawer__content {
width: 85% !important;
right: 0 !important;
}
.uni-drawer {
width: 100%;
background-color: #ffffff;
padding: 0 22rpx;
padding: 22rpx 22rpx 0 22rpx;
.title {
position: relative;
.iconfont {
......@@ -141,20 +145,87 @@
font-weight: bold;
}
}
.tit {
.pp {
font-size: 20rpx;
color: #292b33;
font-weight: bold;
margin-bottom: 17rpx;
margin-top: 35rpx;
}
.field-item {
flex-wrap: wrap;
margin-top: 36rpx;
.item {
flex: 0 0 50%;
margin-bottom: 8rpx;
.label {
font-size: 16rpx;
color: #919399;
}
.text {
font-size: 16rpx;
color: #1969f9;
margin-left: 6rpx;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
max-width: 176rpx;
}
}
}
.drawer-list {
.box {
padding: 18rpx 18rpx 0 18rpx;
height: 94rpx;
background: #ffffff;
box-shadow: 0px 3rpx 3rpx 0px rgba(198, 199, 204, 0.3);
border-radius: 10rpx;
border: 1px solid #c6c7cc;
margin-bottom: 15rpx;
.top {
margin-bottom: 10rpx;
.t1 {
font-size: 17rpx;
color: #1969f9;
font-weight: bold;
}
.t2 {
font-size: 20rpx;
color: #292b33;
font-weight: bold;
margin-left: 8rpx;
}
}
.bar {
.tt {
font-size: 16rpx;
color: #919399;
}
.yy {
width: 95rpx;
font-size: 16rpx;
color: #484b59;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
}
}
}
.time {
margin-top: 34rpx;
font-size: 16rpx;
color: #919399;
}
.btn {
position: absolute;
bottom: 0;
left: 0;
right: 0;
width: 100%;
height: 75rpx;
background: #1969f9;
font-size: 23rpx;
color: #ffffff;
}
}
assets/css/font.css
......@@ -11,6 +11,30 @@
-moz-osx-font-smoothing: grayscale;
}
.icon-a-juxing3:before {
content: "\e793";
}
.icon-a-juxing21:before {
content: "\e794";
}
.icon-a-juxing4:before {
content: "\e795";
}
.icon-a-juxing12:before {
content: "\e796";
}
.icon-juxing3:before {
content: "\e797";
}
.icon-juxing2:before {
content: "\e791";
}
.icon-a-juxing11:before {
content: "\e78e";
}
......
pages.json
......@@ -7,7 +7,24 @@
}, {
"path": "pages/arrivalRegister/index",
"style": {
"navigationBarTitleText": "到货登记"
"navigationBarTitleText": "到货登记",
"app-plus": {
"titleNView": {
"buttons": [{
"index": "0",
"text": "已登记",
"fontSize": "20rpx",
"color": "#1969F9",
"float": "right",
"width": "100px"
}]
}
}
}
}, {
"path": "pages/arrivalRegister/registered",
"style": {
"navigationBarTitleText": "已登记"
}
}, {
"path": "pages/tallyReceive/index",
......
pages/arrivalRegister/index.vue
......@@ -23,118 +23,11 @@
<text class="label">入库单号：</text>
<text class="t1">ASN2201010001</text>
</view>
<view class="text-item row verCenter mb20">
<text class="label">物流单号：</text>
<text class="t1">SF2135661465161</text>
</view>
<view class="text-item row verCenter">
<text class="label">入仓号：</text>
<text class="tt">A65512、A65512、A65512、A65512、A65512、</text>
</view>
<view class="text-item row verCenter">
<text class="label">货品名称：</text>
<text class="tt">TI</text>
</view>
<view class="text-item row verCenter">
<text class="label">标准品牌：</text>
<text class="tt">TI</text>
</view>
<view class="text-item row verCenter">
<text class="label">预期数量：</text>
<text class="tt">预期数量：</text>
</view>
<view class="btn-box row"><view class="btn row rowCenter verCenter">登记</view></view>
</view>
<view class="box">
<view class="text-item row verCenter">
<text class="label">入库单号：</text>
<text class="t1">ASN2201010001</text>
</view>
<view class="text-item row verCenter mb20">
<text class="label">物流单号：</text>
<text class="t1">SF2135661465161</text>
</view>
<view class="text-item row verCenter">
<text class="label">入仓号：</text>
<text class="tt">A65512、A65512、A65512、A65512、A65512、</text>
</view>
<view class="text-item row verCenter">
<text class="label">货品名称：</text>
<text class="tt">TI</text>
</view>
<view class="text-item row verCenter">
<text class="label">标准品牌：</text>
<text class="tt">TI</text>
</view>
<view class="text-item row verCenter">
<text class="label">预期数量：</text>
<text class="tt">预期数量：</text>
</view>
<view class="btn-box row"><view class="btn row rowCenter verCenter">登记</view></view>
</view>
<view class="box">
<view class="text-item row verCenter">
<text class="label">入库单号：</text>
<text class="t1">ASN2201010001</text>
</view>
<view class="text-item row verCenter mb20">
<text class="label">物流单号：</text>
<text class="t1">SF2135661465161</text>
</view>
<view class="text-item row verCenter">
<text class="label">入仓号：</text>
<text class="tt">A65512、A65512、A65512、A65512、A65512、</text>
</view>
<view class="text-item row verCenter">
<text class="label">货品名称：</text>
<text class="tt">TI</text>
</view>
<view class="text-item row verCenter">
<text class="label">标准品牌：</text>
<text class="tt">TI</text>
</view>
<view class="text-item row verCenter">
<text class="label">预期数量：</text>
<text class="tt">预期数量：</text>
</view>
<view class="btn-box row"><view class="btn row rowCenter verCenter">登记</view></view>
</view>
<view class="box">
<view class="text-item row verCenter">
<text class="label">入库单号：</text>
<text class="t1">ASN2201010001</text>
</view>
<view class="text-item row verCenter mb20">
<text class="label">物流单号：</text>
<text class="t1">SF2135661465161</text>
</view>
<view class="text-item row verCenter">
<text class="label">入仓号：</text>
<text class="tt">A65512、A65512、A65512、A65512、A65512、</text>
</view>
<view class="text-item row verCenter">
<text class="label">货品名称：</text>
<text class="tt">TI</text>
</view>
<view class="text-item row verCenter">
<text class="label">标准品牌：</text>
<text class="tt">TI</text>
</view>
<view class="text-item row verCenter">
<text class="label">预期数量：</text>
<text class="tt">预期数量：</text>
</view>
<view class="btn-box row"><view class="btn row rowCenter verCenter">登记</view></view>
</view>
<view class="box">
<view class="text-item row verCenter">
<text class="label">入库单号：</text>
<text class="t1">ASN2201010001</text>
</view>
<view class="text-item row verCenter mb20">
<text class="label">物流单号：</text>
<text class="t1">SF2135661465161</text>
</view>
<view class="bor row"></view>
<view class="text-item row verCenter">
<text class="label">入仓号：</text>
<text class="tt">A65512、A65512、A65512、A65512、A65512、</text>
......@@ -158,37 +51,11 @@
<text class="label">入库单号：</text>
<text class="t1">ASN2201010001</text>
</view>
<view class="text-item row verCenter mb20">
<text class="label">物流单号：</text>
<text class="t1">SF2135661465161</text>
</view>
<view class="text-item row verCenter">
<text class="label">入仓号：</text>
<text class="tt">A65512、A65512、A65512、A65512、A65512、</text>
</view>
<view class="text-item row verCenter">
<text class="label">货品名称：</text>
<text class="tt">TI</text>
</view>
<view class="text-item row verCenter">
<text class="label">标准品牌：</text>
<text class="tt">TI</text>
</view>
<view class="text-item row verCenter">
<text class="label">预期数量：</text>
<text class="tt">预期数量：</text>
</view>
<view class="btn-box row"><view class="btn row rowCenter verCenter">登记</view></view>
</view>
<view class="box">
<view class="text-item row verCenter">
<text class="label">入库单号：</text>
<text class="t1">ASN2201010001</text>
</view>
<view class="text-item row verCenter mb20">
<text class="label">物流单号：</text>
<text class="t1">SF2135661465161</text>
</view>
<view class="bor row"></view>
<view class="text-item row verCenter">
<text class="label">入仓号：</text>
<text class="tt">A65512、A65512、A65512、A65512、A65512、</text>
......@@ -212,64 +79,11 @@
<text class="label">入库单号：</text>
<text class="t1">ASN2201010001</text>
</view>
<view class="text-item row verCenter mb20">
<text class="label">物流单号：</text>
<text class="t1">SF2135661465161</text>
</view>
<view class="text-item row verCenter">
<text class="label">入仓号：</text>
<text class="tt">A65512、A65512、A65512、A65512、A65512、</text>
</view>
<view class="text-item row verCenter">
<text class="label">货品名称：</text>
<text class="tt">TI</text>
</view>
<view class="text-item row verCenter">
<text class="label">标准品牌：</text>
<text class="tt">TI</text>
</view>
<view class="text-item row verCenter">
<text class="label">预期数量：</text>
<text class="tt">预期数量：</text>
</view>
<view class="btn-box row"><view class="btn row rowCenter verCenter">登记</view></view>
</view>
<view class="box">
<view class="text-item row verCenter">
<text class="label">入库单号：</text>
<text class="t1">ASN2201010001</text>
</view>
<view class="text-item row verCenter mb20">
<text class="label">物流单号：</text>
<text class="t1">SF2135661465161</text>
</view>
<view class="text-item row verCenter">
<text class="label">入仓号：</text>
<text class="tt">A65512、A65512、A65512、A65512、A65512、</text>
</view>
<view class="text-item row verCenter">
<text class="label">货品名称：</text>
<text class="tt">TI</text>
</view>
<view class="text-item row verCenter">
<text class="label">标准品牌：</text>
<text class="tt">TI</text>
</view>
<view class="text-item row verCenter">
<text class="label">预期数量：</text>
<text class="tt">预期数量：</text>
</view>
<view class="btn-box row"><view class="btn row rowCenter verCenter">登记</view></view>
</view>
<view class="box">
<view class="text-item row verCenter">
<text class="label">入库单号：</text>
<text class="t1">ASN2201010001</text>
</view>
<view class="text-item row verCenter mb20">
<text class="label">物流单号：</text>
<text class="t1">SF2135661465161</text>
</view>
<view class="bor row"></view>
<view class="text-item row verCenter">
<text class="label">入仓号：</text>
<text class="tt">A65512、A65512、A65512、A65512、A65512、</text>
......@@ -293,19 +107,55 @@
<view class="btn1 row rowCenter verCenter">无单号登记</view>
<view class="btn2 row rowCenter verCenter">到货登记</view>
</view>
<!-- 入库单详情弹窗 -->
<uni-drawer ref="showRight" mode="right" :mask-click="true">
<view class="uni-drawer">
<view class="title row rowCenter verCenter">
<text class="iconfont icon-a-juxing11"></text>
<text class="iconfont icon-juxing2" @click="closeDrawer()"></text>
<text class="text">入库单详情</text>
</view>
<view class="tit">货品详情</view>
<view class="drawer-list">
<view class="box"></view>
<view class="box"></view>
<view class="box"></view>
<view class="field-item row">
<view class="item row verCenter">
<text class="label">入库单号：</text>
<text class="text">ASN2201010001</text>
</view>
<view class="item row verCenter">
<text class="label">状 态：</text>
<text class="text">ASN2201010001</text>
</view>
<view class="item row verCenter">
<text class="label">物流单号：</text>
<text class="text">SF2135661465161</text>
</view>
</view>
<view class="pp">货品详情</view>
<view class="drawer-list">
<scroll-view style="height: 755rpx" scroll-y="true">
<view class="box" v-for="(item, index) in 25">
<view class="row verCenter top">
<text class="t1">{{ index + 1 }}.</text>
<text class="t2">SDF44555SDF5ASD54ASDA</text>
</view>
<view class="row verCenter">
<view class="bar row verCenter" style="flex: 0 0 40%;">
<text class="tt">标准品牌：</text>
<text class="yy">AS2D1ASD</text>
</view>
<view class="bar row verCenter" style="flex: 0 0 30%;">
<text class="tt">数量：</text>
<text class="yy">100</text>
</view>
<view class="bar row verCenter" style="flex: 0 0 30%;">
<text class="tt">入仓号：</text>
<text class="yy">A65512</text>
</view>
</view>
</view>
</scroll-view>
</view>
<view class="time">创建时间：2023-04-01 11:28:59</view>
</view>
<view class="btn row rowCenter verCenter">到货登记</view>
</uni-drawer>
</view>
</template>
......@@ -319,14 +169,19 @@ export default {
array: ['物流单号', '入库单号', '入仓号']
};
},
onLoad() {},
onNavigationBarButtonTap(e) {
if (e.index == 0) {
uni.navigateTo({
url: '/pages/arrivalRegister/registered'
});
}
},
methods: {
bindPickerChange: function(e) {
console.log('picker发送选择改变，携带值为', e.detail.value);
this.index = e.detail.value;
},
showDrawer() {
console.log('测试');
this.$refs.showRight.open();
},
closeDrawer() {
......
pages/arrivalRegister/registered.vue 0 → 100644
<template>
<view class="arrivalRegister">已登记</view>
</template>
<script>
import { API } from '@/util/api.js';
export default {
data() {
return {
index: 0,
array: ['物流单号', '入库单号', '入仓号']
};
},
onNavigationBarButtonTap(e) {
if (e.index == 0) {
}
},
methods: {
bindPickerChange: function(e) {
console.log('picker发送选择改变，携带值为', e.detail.value);
this.index = e.detail.value;
},
showDrawer() {
this.$refs.showRight.open();
},
closeDrawer() {
this.$refs.showRight.close();
}
}
};
</script>
<style scoped lang="scss">
@import '@/assets/css/arrivalRegister/index.scss';
</style>
static/iconfont.ttf
No preview for this file type
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment