Skip to content

梁建民 / wmsApp

Go to a project
Commit 1be1d0c9 by LJM
Options

我的拣货

parent a3d8bb30
Inline Side-by-side
Showing with 692 additions and 117 deletions
assets/css/index/index.scss
...@@ -27,7 +27,7 @@ ...@@ -27,7 +27,7 @@
height: 141rpx; height: 141rpx;
margin-right: 15rpx; margin-right: 15rpx;
margin-bottom: 38rpx; margin-bottom: 38rpx;
&:nth-of-type(3n) { &:nth-child(3n) {
margin-right: 0; margin-right: 0;
} }
.box { .box {
......
assets/css/tallyReceive/index.scss
...@@ -161,6 +161,14 @@ ...@@ -161,6 +161,14 @@
font-size: 15rpx; font-size: 15rpx;
color: #ffffff; color: #ffffff;
} }
.detail-btn {
width: 68rpx;
height: 30rpx;
border-radius: 8rpx;
border: 1px solid #c6c7cc;
font-size: 15rpx;
color: #1969f9;
}
} }
} }
} }
...@@ -215,7 +223,7 @@ ...@@ -215,7 +223,7 @@
width: 85% !important; width: 85% !important;
} }
.uni-drawer { .uni-drawer-tally-receive {
width: 100%; width: 100%;
background-color: #ffffff; background-color: #ffffff;
padding: 22rpx 22rpx 0 22rpx; padding: 22rpx 22rpx 0 22rpx;
...@@ -225,7 +233,7 @@ ...@@ -225,7 +233,7 @@
position: absolute; position: absolute;
left: 0; left: 0;
top: 0; top: 0;
sfont-size: 30rpx; font-size: 30rpx;
color: #292b33; color: #292b33;
} }
.text { .text {
...@@ -234,87 +242,261 @@ ...@@ -234,87 +242,261 @@
font-weight: bold; font-weight: bold;
} }
} }
.pp { .p-text {
margin-top: 38rpx;
margin-bottom: 25rpx;
.tt {
font-size: 20rpx; font-size: 20rpx;
color: #292b33; color: #484b59;
}
.ed {
font-weight: bold; font-weight: bold;
margin-bottom: 17rpx; font-size: 20rpx;
margin-top: 35rpx; color: #1969f9;
} }
.field-item { }
flex-wrap: wrap; .pack {
margin-top: 36rpx; .h2 {
.item { font-size: 17rpx;
flex: 0 0 50%; color: #484b59;
margin-bottom: 8rpx; font-weight: bold;
.label { margin-bottom: 10rpx;
font-size: 16rpx; .tt {
font-size: 17rpx;
color: #919399; color: #919399;
font-weight: normal;
} }
.text { .num {
font-size: 16rpx; .t1 {
font-size: 13rpx;
color: #1969f9; color: #1969f9;
margin-left: 6rpx;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
max-width: 176rpx;
} }
.t2 {
font-size: 13rpx;
color: #919399;
} }
} }
.drawer-list { }
.box { .search {
padding: 18rpx 18rpx 0 18rpx; padding-right: 18rpx;
height: 94rpx; width: 398rpx;
height: 55rpx;
background: #ffffff; background: #ffffff;
box-shadow: 0px 3rpx 3rpx 0px rgba(198, 199, 204, 0.3); border-radius: 10rpx;
border: 1px solid #1969f9;
.icon-juxing1 {
font-size: 30rpx;
color: #919399;
margin-left: 17rpx;
margin-right: 13rpx;
}
.icon-a-juxing11 {
font-size: 30rpx;
color: #c6c7cc;
}
.uni-input {
font-size: 18rpx;
color: #484b59;
}
}
.icon-box {
width: 75rpx;
height: 55rpx;
border-radius: 10rpx; border-radius: 10rpx;
border: 1px solid #c6c7cc; border: 1px solid #c6c7cc;
.iconfont {
font-size: 30rpx;
color: #56585e;
}
}
.pic-list {
flex-wrap: wrap;
margin-bottom: 18rpx;
.default {
width: 120rpx;
height: 120rpx;
background: #f5f5f7;
border-radius: 10rpx;
margin-right: 15rpx;
.iconfont {
font-size: 60rpx;
color: #c6c7cc;
}
}
.box {
position: relative;
width: 120rpx;
height: 120rpx;
background: #f5f5f7;
border-radius: 10rpx;
margin-right: 15rpx;
margin-bottom: 15rpx; margin-bottom: 15rpx;
.top { image {
margin-bottom: 10rpx; width: 120rpx;
.t1 { height: 120rpx;
}
.iconfont {
position: absolute;
right: 0;
top: 0;
font-size: 30rpx;
color: #ff3700;
z-index: 9;
}
}
}
.textarea-box {
width: 100%;
textarea {
width: 100%;
height: 85rpx;
padding: 10rpx 15rpx;
background: #f5f5f7;
border-radius: 10rpx;
font-size: 16rpx;
box-sizing: border-box;
}
}
.print {
margin-bottom: 27rpx;
.check-box-icon {
width: 20rpx;
height: 20rpx;
background: url('https://img.ichunt.com/images/ichunt/202304/11/0bf30da3e8ce6c476c210173b5f13d51.png') no-repeat center;
background-size: contain;
display: block;
&.curr {
background: url('https://img.ichunt.com/images/ichunt/202304/11/71a74e52e94bcf2e89f8df9817d494c6.png') no-repeat center;
background-size: contain;
}
}
.tt {
font-size: 17rpx; font-size: 17rpx;
color: #484b59;
margin-left: 10rpx;
}
}
}
.btn {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
z-index: 99;
.btn1 {
width: 50%;
height: 75rpx;
background: #f5f5f7;
font-size: 23rpx;
color: #1969f9; color: #1969f9;
font-weight: bold; font-weight: bold;
} }
.t2 { .btn2 {
font-size: 20rpx; width: 50%;
height: 75rpx;
background: #1969f9;
font-size: 23rpx;
color: #ffffff;
}
}
}
.uni-drawer-tally-receive-detail {
width: 100%;
background-color: #ffffff;
padding: 22rpx 22rpx 0 22rpx;
.title {
position: relative;
.iconfont {
position: absolute;
left: 0;
top: 0;
font-size: 30rpx;
color: #292b33;
}
.text {
font-size: 23rpx;
color: #292b33; color: #292b33;
font-weight: bold; font-weight: bold;
margin-left: 8rpx;
} }
} }
.bar { .field-item {
.tt { flex-wrap: wrap;
.item {
flex: 0 0 50%;
margin-bottom: 8rpx;
.label {
width: 114rpx;
font-size: 16rpx; font-size: 16rpx;
color: #919399; color: #919399;
text-align-last: justify;
} }
.yy { .text {
width: 95rpx;
font-size: 16rpx; font-size: 16rpx;
color: #484b59; color: #1969f9;
margin-left: 6rpx;
white-space: nowrap; white-space: nowrap;
text-overflow: ellipsis; text-overflow: ellipsis;
overflow: hidden; overflow: hidden;
max-width: 176rpx;
} }
.tt {
font-size: 16rpx;
color: #484b59;
margin-left: 6rpx;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
max-width: 176rpx;
} }
} }
} .pic-list {
.time { .pic-title {
margin-top: 34rpx;
font-size: 16rpx; font-size: 16rpx;
color: #919399; color: #919399;
} }
.pic-wrap {
margin-top: 8rpx;
flex-wrap: wrap;
.box {
width: 120rpx;
height: 120rpx;
border-radius: 10rpx;
margin-right: 15rpx;
margin-bottom: 15rpx;
image {
width: 120rpx;
height: 120rpx;
border-radius: 10rpx;
}
}
}
}
}
.item-tit {
font-size: 20rpx;
color: #292b33;
font-weight: bold;
margin-bottom: 18rpx;
}
.bor {
height: 1px;
background-color: #f0f0f2;
margin-bottom: 17rpx;
}
.btn { .btn {
position: absolute; position: absolute;
bottom: 0; bottom: 0;
left: 0; left: 0;
right: 0; width: 100%;
z-index: 99;
.btn1 {
width: 100%; width: 100%;
height: 75rpx; height: 75rpx;
background: #1969f9; background: #ffe0d7;
font-size: 23rpx; font-size: 23rpx;
color: #ffffff; color: #ff3700;
font-weight: bold;
}
} }
} }
manifest.json
{ {
"name" : "wmsApp", "name": "wmsApp",
"appid" : "__UNI__655E80D", "appid": "__UNI__655E80D",
"description" : "", "description": "",
"versionName" : "1.0.0", "versionName": "1.0.0",
"versionCode" : "100", "versionCode": "100",
"transformPx" : false, "transformPx": false,
/* 5+App特有相关 */ /* 5+App特有相关 */
"app-plus" : { "app-plus": {
"usingComponents" : true, "usingComponents": true,
"nvueStyleCompiler" : "uni-app", "nvueStyleCompiler": "uni-app",
"compilerVersion" : 3, "compilerVersion": 3,
"splashscreen" : { "splashscreen": {
"alwaysShowBeforeRender" : true, "alwaysShowBeforeRender": true,
"waiting" : true, "waiting": true,
"autoclose" : true, "autoclose": true,
"delay" : 0 "delay": 0
}, },
/* 模块配置 */ /* 模块配置 */
"modules" : {}, "modules": {},
/* 应用发布信息 */ /* 应用发布信息 */
"distribute" : { "distribute": {
/* android打包配置 */ /* android打包配置 */
"android" : { "android": {
"permissions" : [ "permissions": [
"<uses-permission android:name=\"android.permission.CHANGE_NETWORK_STATE\"/>", "<uses-permission android:name=\"android.permission.CHANGE_NETWORK_STATE\"/>",
"<uses-permission android:name=\"android.permission.MOUNT_UNMOUNT_FILESYSTEMS\"/>", "<uses-permission android:name=\"android.permission.MOUNT_UNMOUNT_FILESYSTEMS\"/>",
"<uses-permission android:name=\"android.permission.VIBRATE\"/>", "<uses-permission android:name=\"android.permission.VIBRATE\"/>",
...@@ -41,36 +41,39 @@ ...@@ -41,36 +41,39 @@
] ]
}, },
/* ios打包配置 */ /* ios打包配置 */
"ios" : { "ios": {
"dSYMs" : false "dSYMs": false
}, },
/* SDK配置 */ /* SDK配置 */
"sdkConfigs" : { "sdkConfigs": {
"ad" : {} "ad": {}
} }
} }
}, },
/* 快应用特有相关 */ /* 快应用特有相关 */
"quickapp" : {}, "quickapp": {},
/* 小程序特有相关 */ /* 小程序特有相关 */
"mp-weixin" : { "mp-weixin": {
"appid" : "", "appid": "wx61a41a064fa2fb3c",
"setting" : { "setting": {
"urlCheck" : false "urlCheck": false,
"postcss": true,
"es6": false,
"minified": false
}, },
"usingComponents" : true "usingComponents": true
}, },
"mp-alipay" : { "mp-alipay": {
"usingComponents" : true "usingComponents": true
}, },
"mp-baidu" : { "mp-baidu": {
"usingComponents" : true "usingComponents": true
}, },
"mp-toutiao" : { "mp-toutiao": {
"usingComponents" : true "usingComponents": true
}, },
"uniStatistics" : { "uniStatistics": {
"enable" : false "enable": false
}, },
"vueVersion" : "2" "vueVersion": "2"
} }
\ No newline at end of file
pages.json
...@@ -49,14 +49,92 @@ ...@@ -49,14 +49,92 @@
"navigationBarTitleText": "理货记录" "navigationBarTitleText": "理货记录"
} }
}, { }, {
"path": "pages/tallyReceive/operate",
"style": {
"navigationBarTitleText": "理货操作"
}
}, {
"path": "pages/putaway/index", "path": "pages/putaway/index",
"style": { "style": {
"navigationBarTitleText": "上架" "navigationBarTitleText": "按货品上架",
"app-plus": {
"titleNView": {
"buttons": [{
"index": "0",
"text": "上架记录",
"fontSize": "15px",
"color": "#1969F9",
"float": "right",
"width": "100px"
}]
}
}
}
}, {
"path": "pages/putaway/pack",
"style": {
"navigationBarTitleText": "按容器上架",
"app-plus": {
"titleNView": {
"buttons": [{
"index": "0",
"text": "上架记录",
"fontSize": "15px",
"color": "#1969F9",
"float": "right",
"width": "100px"
}]
}
}
}
}, {
"path": "pages/putaway/packSingle",
"style": {
"navigationBarTitleText": "按容器上架操作",
"app-plus": {
"titleNView": {
"buttons": [{
"index": "0",
"text": "上架记录",
"fontSize": "15px",
"color": "#1969F9",
"float": "right",
"width": "100px"
}]
}
}
}
}, {
"path": "pages/putaway/record",
"style": {
"navigationBarTitleText": "上架记录"
}
}, {
"path": "pages/putaway/single",
"style": {
"navigationBarTitleText": "货品上架操作"
} }
}, { }, {
"path": "pages/picking/index", "path": "pages/picking/index",
"style": { "style": {
"navigationBarTitleText": "拣货" "navigationBarTitleText": "拣货",
"app-plus": {
"titleNView": {
"buttons": [{
"index": "0",
"text": "我的拣货",
"fontSize": "15px",
"color": "#1969F9",
"float": "right",
"width": "100px"
}]
}
}
}
}, {
"path": "pages/picking/me",
"style": {
"navigationBarTitleText": "我的拣货"
} }
}, { }, {
"path": "pages/stockRecheck/index", "path": "pages/stockRecheck/index",
......
pages/arrivalRegister/index.vue
...@@ -133,7 +133,7 @@ ...@@ -133,7 +133,7 @@
</view> </view>
<view class="pp">货品详情</view> <view class="pp">货品详情</view>
<view class="drawer-list"> <view class="drawer-list">
<scroll-view style="height: 755rpx" scroll-y="true"> <scroll-view style="max-height: 755rpx" scroll-y="true">
<view class="box"> <view class="box">
<view class="row verCenter top"> <view class="row verCenter top">
<text class="t1">{{ index + 1 }}.</text> <text class="t1">{{ index + 1 }}.</text>
......
pages/index/index.vue
...@@ -22,9 +22,13 @@ ...@@ -22,9 +22,13 @@
<view class="box row rowCenter verCenter"><image src="/static/home/矩形@2x(5).png"></image></view> <view class="box row rowCenter verCenter"><image src="/static/home/矩形@2x(5).png"></image></view>
<text class="text">理货</text> <text class="text">理货</text>
</navigator> </navigator>
<navigator class="box-li column rowCenter verCenter" url="/pages/putaway/pack" hover-class="none">
<view class="box row rowCenter verCenter"><image src="/static/home/矩形@2x(8).png"></image></view>
<text class="text">按容器上架</text>
</navigator>
<navigator class="box-li column rowCenter verCenter" url="/pages/putaway/index" hover-class="none"> <navigator class="box-li column rowCenter verCenter" url="/pages/putaway/index" hover-class="none">
<view class="box row rowCenter verCenter"><image src="/static/home/矩形@2x(8).png"></image></view> <view class="box row rowCenter verCenter"><image src="/static/home/矩形@2x(8).png"></image></view>
<text class="text">上架</text> <text class="text">按货品上架</text>
</navigator> </navigator>
<navigator class="box-li column rowCenter verCenter" url="/pages/picking/index" hover-class="none"> <navigator class="box-li column rowCenter verCenter" url="/pages/picking/index" hover-class="none">
<view class="box row rowCenter verCenter"><image src="/static//home/矩形@2x(4).png"></image></view> <view class="box row rowCenter verCenter"><image src="/static//home/矩形@2x(4).png"></image></view>
......
pages/mine/login.vue
<template> <template>
<view class="page-login column rowCenter verCenter"> <view class="page-login column rowCenter verCenter">
<view class="logo"><image src="/static/WMS@2x.png" mode=""></image></view> <view class="logo"><image src="/static/WMS@2x.png" mode="aspectFill"></image></view>
<view class="company row rowCenter verCenter"> <view class="company row rowCenter verCenter">
<picker @change="bindPickerChange" :value="index" :range="array"> <picker @change="bindPickerChange" :value="index" :range="array">
<view class="row verCenter"> <view class="row verCenter">
...@@ -11,13 +11,13 @@ ...@@ -11,13 +11,13 @@
</view> </view>
<view class="form-input row verCenter mb25"> <view class="form-input row verCenter mb25">
<text class="label row rowCenter verCenter">账号</text> <text class="label row rowCenter verCenter">账号</text>
<input class="uni-input" placeholder="请输入用户账号" placeholder-style="color:#919399" /> <input class="uni-input" placeholder="请输入用户账号" placeholder-style="color:#919399" v-model="account" />
</view> </view>
<view class="form-input row verCenter"> <view class="form-input row verCenter">
<text class="label row rowCenter verCenter">密码</text> <text class="label row rowCenter verCenter">密码</text>
<input class="uni-input" password placeholder="请输入账号密码" placeholder-style="color:#919399" /> <input class="uni-input" password placeholder="请输入账号密码" placeholder-style="color:#919399" v-model="passwd" />
</view> </view>
<view class="btn row rowCenter verCenter">登录</view> <view class="btn row rowCenter verCenter" @click="submit">登录</view>
<text class="copyright">© 深圳市猎芯科技有限公司</text> <text class="copyright">© 深圳市猎芯科技有限公司</text>
</view> </view>
</template> </template>
...@@ -55,21 +55,6 @@ export default { ...@@ -55,21 +55,6 @@ export default {
}); });
return false; return false;
} }
let unionid = uni.getStorageSync('unionid');
this.request(API.login, 'POST', { account: this.account, passwd: this.passwd, unionid: unionid }, true).then(res => {
if (res.err_code === 0) {
uni.setStorageSync('token', res.data.token);
uni.navigateBack({
delta: 3
});
} else {
uni.showToast({
title: res.err_msg,
icon: 'error'
});
}
});
} }
} }
}; };
......
pages/putaway/index.vue
<template> <template>
<view class="index">上架</view> <view class="putaway">
<view class="search-box row bothSide verCenter">
<view class="sn row rowCenter verCenter">
<picker @change="bindPickerChange" :value="index" :range="array">
<view class="row verCenter">
<view class="uni-input">{{ array[index] }}</view>
<view class="uni-arrow"></view>
</view>
</picker>
</view>
<view class="search-bar row bothSide verCenter">
<view class="row verCenter">
<text class="iconfont icon-juxing1"></text>
<input class="uni-input" placeholder="请扫描或输入容器码" placeholder-style="color:#919399" />
</view>
<text class="iconfont icon-a-juxing11"></text>
</view>
</view>
<view class="list row bothSide">
<view class="box box-width" v-for="(item, index) in 10" :key="index">
<view class="check-box-icon"></view>
<view class="text-item row verCenter">
<text class="label">入库批次号：</text>
<text class="t1">A00001</text>
</view>
<view class="text-item row verCenter">
<text class="label">入仓号：</text>
<text class="t1">A00001</text>
</view>
<view class="bor row"></view>
<view class="text-item row verCenter">
<text class="label">货品名称：</text>
<text class="tt">ASD3DAADS22</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">D / C：</text>
<text class="tt">22+</text>
</view>
<view class="text-item row verCenter">
<text class="label">产 地：</text>
<text class="tt">美国</text>
</view>
<view class="text-item row verCenter">
<text class="label">理货数量：</text>
<text class="tt" style="color: #F98119;">1000</text>
</view>
<view class="text-item row verCenter">
<text class="label">待上架数量：</text>
<text class="tt" style="color: #F98119;">500</text>
</view>
<view class="text-item row verCenter">
<text class="label">销 售 员：</text>
<text class="tt">元瑾晶</text>
</view>
<navigator class="btn-box row" url="/pages/putaway/single" hover-class="none"><view class="btn row rowCenter verCenter">上架</view></navigator>
</view>
</view>
<view class="fix-btn row verCenter">
<view class="btn1 row rowCenter verCenter">
<text class="check-box-icon curr"></text>
<text class="text">全选</text>
</view>
<view class="btn2 row rowCenter verCenter" @click="showDrawer()">一键上架</view>
</view>
<!-- 一键理货弹窗 -->
<uni-drawer ref="showRight" mode="right">
<view class="uni-drawer-pack">
<view class="title row rowCenter verCenter">
<text class="iconfont icon-juxing2" @click="closeDrawer()"></text>
<text class="text">一键上架</text>
</view>
<view class="p-text">
<text class="tt">您已选中</text>
<text class="ed">5</text>
<text class="tt">个上架任务</text>
</view>
<view class="pack">
<view class="h2">库位：</view>
<view class="search row bothSide verCenter">
<view class="row verCenter">
<text class="iconfont icon-juxing1"></text>
<input class="uni-input" placeholder="请输入库位" placeholder-style="color:#919399" />
</view>
<text class="iconfont icon-a-juxing11"></text>
</view>
<view class="tip-box row verCenter">
<text class="iconfont icon-a-juxing4"></text>
<text class="t1">按数量推荐库位：</text>
<text class="t2">A001、A002、A003</text>
</view>
</view>
<view class="btn row verCenter bothSide">
<view class="btn1 row rowCenter verCenter" @click="closeDrawer()">取 消</view>
<view class="btn2 row rowCenter verCenter">一键上架</view>
</view>
</view>
</uni-drawer>
</view>
</template> </template>
<script> <script>
import { API } from '@/util/api.js'; import { API } from '@/util/api.js';
export default { export default {
data() { data() {
return {}; return {
index: 0,
array: ['入库批次号']
};
}, },
onLoad() {}, onNavigationBarButtonTap(e) {
methods: {} console.log(e);
if (e.index == 0) {
uni.navigateTo({
url: '/pages/putaway/record'
});
}
},
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> </script>
<style scoped lang="scss"> <style scoped lang="scss">
@import '@/assets/css/index/index.scss'; @import '@/assets/css/putaway/index.scss';
</style> </style>
pages/tallyReceive/index.vue
...@@ -31,7 +31,7 @@ ...@@ -31,7 +31,7 @@
</view> </view>
</view> </view>
<view class="list row bothSide"> <view class="list row bothSide">
<view class="box curr" @click="showDrawer()"> <navigator class="box curr" url="/pages/tallyReceive/operate" hover-class="none">
<view class="check-box-icon"></view> <view class="check-box-icon"></view>
<view class="text-item row verCenter"> <view class="text-item row verCenter">
<text class="label">入库单号：</text> <text class="label">入库单号：</text>
...@@ -63,8 +63,8 @@ ...@@ -63,8 +63,8 @@
<text class="ttt">3000</text> <text class="ttt">3000</text>
</view> </view>
<view class="btn-box row"><view class="btn row rowCenter verCenter">理货</view></view> <view class="btn-box row"><view class="btn row rowCenter verCenter">理货</view></view>
</view> </navigator>
<view class="box" v-for="item in 20"> <navigator class="box" v-for="(item, index) in 20" :key="index" url="/pages/tallyReceive/operate" hover-class="none">
<view class="check-box-icon"></view> <view class="check-box-icon"></view>
<view class="text-item row verCenter"> <view class="text-item row verCenter">
<text class="label">入库单号：</text> <text class="label">入库单号：</text>
...@@ -96,7 +96,7 @@ ...@@ -96,7 +96,7 @@
<text class="ttt">3000</text> <text class="ttt">3000</text>
</view> </view>
<view class="btn-box row"><view class="btn row rowCenter verCenter">理货</view></view> <view class="btn-box row"><view class="btn row rowCenter verCenter">理货</view></view>
</view> </navigator>
</view> </view>
<view class="no-date column rowCenter verCenter"> <view class="no-date column rowCenter verCenter">
<text class="iconfont icon-a-juxing21"></text> <text class="iconfont icon-a-juxing21"></text>
...@@ -107,9 +107,86 @@ ...@@ -107,9 +107,86 @@
<text class="check-box-icon curr"></text> <text class="check-box-icon curr"></text>
<text class="text">全选</text> <text class="text">全选</text>
</view> </view>
<view class="btn2 row rowCenter verCenter" @click="showDrawer()">一键理货</view>
</view>
<!-- 一键理货弹窗 -->
<uni-drawer ref="showRight" mode="right">
<view class="uni-drawer-tally-receive">
<view class="title row rowCenter verCenter">
<text class="iconfont icon-juxing2" @click="closeDrawer()"></text>
<text class="text">一键理货</text>
</view>
<view class="p-text">
<text class="tt">您已选中</text>
<text class="ed">5</text>
<text class="tt">个理货任务</text>
</view>
<view class="pack">
<view class="h2">容器：</view>
<view class="row verCenter bothSide">
<view class="search row bothSide verCenter">
<view class="row verCenter">
<text class="iconfont icon-juxing1"></text>
<input class="uni-input" placeholder="请输入物流单号" placeholder-style="color:#919399" />
</view>
<text class="iconfont icon-a-juxing11"></text>
</view>
<view class="row verCenter">
<view class="icon-box row rowCenter verCenter" style="margin-right: 15rpx;"><text class="iconfont icon-juxing3"></text></view>
<view class="icon-box row rowCenter verCenter"><text class="iconfont icon-a-juxing12"></text></view>
</view>
</view>
<view class="h2 row bothSide verCenter" style="margin-top: 25rpx;">
<view>
<text>理货照片：</text>
<text class="tt">最多只支持10张图</text>
</view>
<view class="num">
<text class="t1">0</text>
<text class="t2">/10</text>
</view>
</view>
<view class="pic-list row">
<view class="default row rowCenter verCenter"><text class="iconfont icon-a-juxing3"></text></view>
<view class="box">
<image src="https://img.ichunt.com/images/ichunt/202304/11/372bae650d699de8b3008cace4e4f081.jpg" mode="aspectFill"></image>
<text class="iconfont icon-a-juxing11"></text>
</view>
<view class="box">
<image src="https://img.ichunt.com/images/ichunt/202304/11/372bae650d699de8b3008cace4e4f081.jpg" mode="aspectFill"></image>
<text class="iconfont icon-a-juxing11"></text>
</view>
<view class="box">
<image src="https://img.ichunt.com/images/ichunt/202304/11/372bae650d699de8b3008cace4e4f081.jpg" mode="aspectFill"></image>
<text class="iconfont icon-a-juxing11"></text>
</view>
<view class="box">
<image src="https://img.ichunt.com/images/ichunt/202304/11/372bae650d699de8b3008cace4e4f081.jpg" mode="aspectFill"></image>
<text class="iconfont icon-a-juxing11"></text>
</view>
<view class="box">
<image src="https://img.ichunt.com/images/ichunt/202304/11/372bae650d699de8b3008cace4e4f081.jpg" mode="aspectFill"></image>
<text class="iconfont icon-a-juxing11"></text>
</view>
<view class="box">
<image src="https://img.ichunt.com/images/ichunt/202304/11/372bae650d699de8b3008cace4e4f081.jpg" mode="aspectFill"></image>
<text class="iconfont icon-a-juxing11"></text>
</view>
</view>
<view class="print row verCenter">
<text class="check-box-icon curr"></text>
<text class="tt">打印入库标签</text>
</view>
<view class="h2">理货备注：</view>
<view class="textarea-box"><textarea placeholder-style="color:#919399" placeholder="请输入" /></view>
</view>
<view class="btn row verCenter bothSide">
<view class="btn1 row rowCenter verCenter" @click="closeDrawer()">取 消</view>
<view class="btn2 row rowCenter verCenter">一键理货</view> <view class="btn2 row rowCenter verCenter">一键理货</view>
</view> </view>
</view> </view>
</uni-drawer>
</view>
</template> </template>
<script> <script>
...@@ -133,6 +210,12 @@ export default { ...@@ -133,6 +210,12 @@ export default {
bindPickerChange: function(e) { bindPickerChange: function(e) {
console.log('picker发送选择改变，携带值为', e.detail.value); console.log('picker发送选择改变，携带值为', e.detail.value);
this.index = e.detail.value; this.index = e.detail.value;
},
showDrawer() {
this.$refs.showRight.open();
},
closeDrawer() {
this.$refs.showRight.close();
} }
} }
}; };
......
pages/tallyReceive/record.vue
...@@ -49,7 +49,7 @@ ...@@ -49,7 +49,7 @@
<text class="label">理货数量：</text> <text class="label">理货数量：</text>
<text class="ttt">3000</text> <text class="ttt">3000</text>
</view> </view>
<view class="btn-box row"><view class="btn row rowCenter verCenter">详情</view></view> <view class="btn-box row"><view class="detail-btn row rowCenter verCenter">详情</view></view>
</view> </view>
<view class="box" v-for="item in 20"> <view class="box" v-for="item in 20">
<view class="check-box-icon"></view> <view class="check-box-icon"></view>
...@@ -82,7 +82,7 @@ ...@@ -82,7 +82,7 @@
<text class="label">理货数量：</text> <text class="label">理货数量：</text>
<text class="ttt">3000</text> <text class="ttt">3000</text>
</view> </view>
<view class="btn-box row"><view class="btn row rowCenter verCenter">详情</view></view> <view class="btn-box row"><view class="detail-btn row rowCenter verCenter">详情</view></view>
</view> </view>
</view> </view>
<view class="no-date column rowCenter verCenter"> <view class="no-date column rowCenter verCenter">
...@@ -97,6 +97,115 @@ ...@@ -97,6 +97,115 @@
<view class="btn3 row rowCenter verCenter">取消理货</view> <view class="btn3 row rowCenter verCenter">取消理货</view>
<view class="btn2 row rowCenter verCenter" style="width: calc(100% - 308rpx);">批量打印入库标签</view> <view class="btn2 row rowCenter verCenter" style="width: calc(100% - 308rpx);">批量打印入库标签</view>
</view> </view>
<!-- 理货详情弹窗 -->
<uni-drawer ref="showRight" mode="right">
<view class="uni-drawer-tally-receive-detail">
<view class="title row rowCenter verCenter">
<text class="iconfont icon-juxing2" @click="closeDrawer()"></text>
<text class="text">理货详情</text>
</view>
<view class="field-item row" style="margin-top: 39rpx;">
<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">A65512</text>
</view>
<view class="item row verCenter">
<text class="label">物流单号：</text>
<text class="text">SF2135661465161</text>
</view>
<view class="item row verCenter">
<text class="label">容 器：</text>
<text class="tt">2023-04-01 11:28:59</text>
</view>
</view>
<view class="bor"></view>
<view class="item-tit">货品详情</view>
<view class="field-item row">
<view class="item row verCenter" style="flex: 0 0 100%;">
<text class="label">货品编码：</text>
<text class="tt">6546546416541654665</text>
</view>
<view class="item row verCenter" style="flex: 0 0 100%;">
<text class="label">货品名称：</text>
<text class="tt">ASD3DAADS22</text>
</view>
<view class="item row verCenter" style="flex: 0 0 100%;">
<text class="label">入库批次号：</text>
<text class="tt">L-PC22010100001</text>
</view>
<view class="item row verCenter" style="flex: 0 0 100%;">
<text class="label">标准品牌：</text>
<text class="tt">Nexperia</text>
</view>
<view class="item row verCenter">
<text class="label">D / C：</text>
<text class="tt">22+</text>
</view>
<view class="item row verCenter">
<text class="label">产 地：</text>
<text class="tt">美国</text>
</view>
<view class="item row verCenter" style="flex: 0 0 100%;">
<text class="label">货品品质：</text>
<text class="tt">-</text>
</view>
<view class="item row verCenter" style="flex: 0 0 100%;margin-bottom: 17rpx;">
<text class="label">其他批次属性：</text>
<text class="tt">良品</text>
</view>
</view>
<view class="bor"></view>
<view class="field-item row">
<view class="item row verCenter">
<text class="label">是否质检：</text>
<text class="text">是</text>
</view>
<view class="item row verCenter">
<text class="label">质检状态：</text>
<text class="text">待处理</text>
</view>
<view class="item row verCenter">
<text class="label">预期数量：</text>
<text class="tt">10000</text>
</view>
<view class="item row verCenter">
<text class="label">单 位：</text>
<text class="tt">PCS</text>
</view>
<view class="item row verCenter" style="flex: 0 0 100%;">
<text class="label">理货数量：</text>
<text class="tt">2200</text>
</view>
<view class="item row verCenter" style="flex: 0 0 100%;">
<text class="label">理货备注：</text>
<text class="tt">暂无理货备注</text>
</view>
<view class="pic-list">
<view class="pic-title">理货照片：</view>
<view class="row pic-wrap">
<view class="box"><image src="https://img.ichunt.com/images/ichunt/202304/11/372bae650d699de8b3008cace4e4f081.jpg" mode="aspectFill"></image></view>
<view class="box"><image src="https://img.ichunt.com/images/ichunt/202304/11/372bae650d699de8b3008cace4e4f081.jpg" mode="aspectFill"></image></view>
<view class="box"><image src="https://img.ichunt.com/images/ichunt/202304/11/372bae650d699de8b3008cace4e4f081.jpg" mode="aspectFill"></image></view>
<view class="box"><image src="https://img.ichunt.com/images/ichunt/202304/11/372bae650d699de8b3008cace4e4f081.jpg" mode="aspectFill"></image></view>
<view class="box"><image src="https://img.ichunt.com/images/ichunt/202304/11/372bae650d699de8b3008cace4e4f081.jpg" mode="aspectFill"></image></view>
</view>
</view>
<view class="item row verCenter">
<text class="label">理货时间：</text>
<text class="tt">2023-04-01 11:28:59</text>
</view>
<view class="item row verCenter">
<text class="label">理 货 人：</text>
<text class="tt">拾贰</text>
</view>
</view>
<view class="btn row verCenter bothSide"><view class="btn1 row rowCenter verCenter" @click="closeDrawer()">取消理货</view></view>
</view>
</uni-drawer>
</view> </view>
</template> </template>
...@@ -114,6 +223,12 @@ export default { ...@@ -114,6 +223,12 @@ export default {
bindPickerChange: function(e) { bindPickerChange: function(e) {
console.log('picker发送选择改变，携带值为', e.detail.value); console.log('picker发送选择改变，携带值为', e.detail.value);
this.index = e.detail.value; this.index = e.detail.value;
},
showDrawer() {
this.$refs.showRight.open();
},
closeDrawer() {
this.$refs.showRight.close();
} }
} }
}; };
......
uni.scss
...@@ -61,7 +61,9 @@ $uni-font-size-paragraph: 15px; ...@@ -61,7 +61,9 @@ $uni-font-size-paragraph: 15px;
view, view,
text, text,
input { input,
navigator,
textarea {
-webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
box-sizing: border-box; box-sizing: border-box;
} }
......
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