Skip to content

梁建民 / wmsMin

Go to a project
Commit 8856960d by liangjianmin
Options

js

parent 8d93b755
Inline Side-by-side
Showing with 253 additions and 232 deletions
assets/css/goods/receiving.scss
...@@ -178,4 +178,4 @@ ...@@ -178,4 +178,4 @@
} }
} }
} }
\ No newline at end of file
assets/css/goods/warehouseOperation.scss
...@@ -172,7 +172,7 @@ ...@@ -172,7 +172,7 @@
font-size: 26rpx; font-size: 26rpx;
color: #197adb; color: #197adb;
} }
.status-text-no{ .status-text-no {
position: absolute; position: absolute;
top: 26rpx; top: 26rpx;
right: 24rpx; right: 24rpx;
...@@ -189,20 +189,17 @@ ...@@ -189,20 +189,17 @@
} }
.text { .text {
margin-left: 16rpx; margin-left: 16rpx;
.mb16 { .lh {
margin-bottom: 16rpx; line-height: 40rpx;
}
.mr98 {
margin-right: 98rpx;
} }
.p1 { .p1 {
font-size: 28rpx; font-size: 28rpx;
color: #1e2021; color: #1e2021;
margin-bottom: 18rpx;
max-width: 429rpx; max-width: 429rpx;
text-overflow: ellipsis; text-overflow: ellipsis;
overflow: hidden; overflow: hidden;
white-space: nowrap; white-space: nowrap;
line-height: 40rpx;
} }
.p2 { .p2 {
font-size: 22rpx; font-size: 22rpx;
...@@ -213,6 +210,9 @@ ...@@ -213,6 +210,9 @@
font-size: 22rpx; font-size: 22rpx;
color: #404547; color: #404547;
} }
.mr98 {
margin-right: 98rpx;
}
} }
} }
} }
......
assets/css/goods/warehouseOperationConfirm.scss
.receiving { .warehouseOperationConfirm {
padding-top: 100rpx; margin-top: 24rpx;
.fix { padding: 0 24rpx;
position: fixed; .base-information {
top: 0; padding: 24rpx;
left: 0;
width: 100%;
z-index: 10;
}
.search-box {
width: 100%;
background: #ffffff; background: #ffffff;
border-top: 1rpx solid #cad9e0; border-radius: 4rpx;
.search-input { margin-bottom: 16rpx;
position: relative; .top {
height: 100rpx; margin-bottom: 24rpx;
padding-left: 72rpx; .title {
.icon-a-riqi11 { .arrow {
position: absolute; width: 12rpx;
top: 32rpx; height: 12rpx;
left: 24rpx; background: #197adb;
font-size: 36rpx; margin-right: 16rpx;
color: #6e767a; border-radius: 50%;
}
.icon-jinggao2 {
position: absolute;
top: 32rpx;
right: 179rpx;
font-size: 36rpx;
color: #9ca8ad;
z-index: 10;
}
.uni-input {
font-size: 26rpx;
color: #404547;
width: 480rpx;
}
.more {
padding-right: 24rpx;
transition: all 0.4s ease;
&.curr {
.t1 {
color: #197adb;
}
.iconfont {
color: #197adb;
transform: rotateX(180deg);
}
}
.t1 {
font-size: 24rpx;
color: #6e767a;
} }
.iconfont { .tt {
margin-left: 16rpx; font-size: 32rpx;
font-size: 14rpx; color: #1e2021;
color: #9ca8ad; font-weight: bold;
} }
} }
} }
.show-box { .pp {
padding-bottom: 30rpx; margin-bottom: 20rpx;
.input-box { &.mb0 {
margin-left: 67rpx; margin-bottom: 0;
height: 100rpx;
border-top: 1rpx solid #cad9e0;
border-bottom: 1rpx solid #cad9e0;
.uni-input {
font-size: 26rpx;
&:-webkit-input-placeholder {
color: #6e767a;
}
}
} }
.input-time { .t1 {
position: relative; width: 144rpx;
margin-left: 67rpx; font-size: 24rpx;
height: 100rpx; color: #6e767a;
border-bottom: 1rpx solid #cad9e0;
.iconfont {
position: absolute;
right: 24rpx;
top: 44rpx;
font-size: 13rpx;
color: #9ca8ad;
}
.uni-input {
font-size: 26rpx;
&:-webkit-input-placeholder {
color: #6e767a;
}
}
} }
.btn { .t2 {
width: 400rpx; font-size: 24rpx;
height: 88rpx; color: #404547;
background: #197adb;
border-radius: 4rpx;
font-size: 28rpx;
color: #ffffff;
} }
.canel { }
width: 200rpx; .pic-list {
height: 88rpx; margin-top: 23rpx;
border: 1px solid #197adb; .title {
border-radius: 4rpx; padding-top: 24rpx;
font-size: 28rpx; font-size: 24rpx;
color: #197adb; color: #6e767a;
margin-bottom: 23rpx;
border-top: 1px solid #e6edf0;
} }
.bottom { .box {
margin-left: 67rpx; width: 144rpx;
height: 144rpx;
margin-right: 24rpx; margin-right: 24rpx;
margin-top: 24rpx; image {
} width: 144rpx;
.bar { height: 144rpx;
width: 100%;
height: 100rpx;
.uni-input {
width: 675rpx;
height: 100rpx;
} }
} }
} }
} }
.list { .work-information {
margin-top: 56rpx; padding: 24rpx 24rpx 0 24rpx;
padding: 0 24rpx; background: #ffffff;
.box { border-radius: 4rpx;
position: relative; margin-bottom: 48rpx;
padding: 0 20rpx; .top {
height: 152rpx; .title {
background: #ffffff; .arrow {
border-radius: 4rpx; width: 12rpx;
margin-bottom: 40rpx; height: 12rpx;
.bill-number {
position: absolute;
top: -20rpx;
left: 20rpx;
width: 185rpx;
height: 48rpx;
border-radius: 4rpx;
font-size: 26rpx;
color: #ffffff;
font-weight: bold;
&.color1 {
background: #197adb; background: #197adb;
margin-right: 16rpx;
border-radius: 50%;
} }
&.color2 { .tt {
background: #f39d18; font-size: 32rpx;
color: #1e2021;
font-weight: bold;
} }
} }
.text { }
.p1 { .list{
font-size: 22rpx; .box{
color: #6e767a; height: 123rpx;
margin-right: 16rpx; border-bottom: 1px solid #E6EDF0;
&:last-child{
border-bottom: none;
} }
.p2 { .w1{
font-size: 22rpx; width: 241rpx;
color: #404547;
} }
.mr49 { .text{
margin-right: 49rpx; .tt{
.t1{
font-size: 22rpx;
color: #6E767A;
}
.t2{
font-size: 22rpx;
color: #404547;
}
}
}
.camera{
width: 80rpx;
height: 60rpx;
background: #197ADB;
border-radius: 4rpx;
font-size: 22rpx;
color: #FFFFFF;
&.disable{
background: #9CA8AD;
}
} }
}
.t1 {
font-size: 28rpx;
color: #1e2021;
margin-bottom: 18rpx;
}
.words-text {
font-size: 26rpx;
color: #197adb;
} }
} }
} }
.btn {
height: 88rpx;
background: #197adb;
border-radius: 4rpx;
font-size: 28rpx;
color: #ffffff;
}
} }
assets/css/home/index.scss
...@@ -30,13 +30,13 @@ ...@@ -30,13 +30,13 @@
} }
.fast-entry { .fast-entry {
background: #ffffff; background: #ffffff;
padding-left: 24rpx;
padding-top: 24rpx; padding-top: 24rpx;
.tit { .tit {
font-size: 24rpx; font-size: 24rpx;
color: #1e2021; color: #1e2021;
font-weight: bold; font-weight: bold;
margin-bottom: 36rpx; margin-bottom: 36rpx;
padding-left: 24rpx;
} }
.bar { .bar {
flex-wrap: wrap; flex-wrap: wrap;
...@@ -81,7 +81,7 @@ ...@@ -81,7 +81,7 @@
height: 86rpx; height: 86rpx;
background: #197adb; background: #197adb;
box-shadow: 0px 9rpx 10rpx 0px rgba(0, 0, 0, 0.11); box-shadow: 0px 9rpx 10rpx 0px rgba(0, 0, 0, 0.11);
border-radius: 43rpx; border-radius: 43rpx;
margin: 0 auto; margin: 0 auto;
.iconfont { .iconfont {
font-size: 48rpx; font-size: 48rpx;
......
pages/goods/receiving.vue
...@@ -89,6 +89,8 @@ ...@@ -89,6 +89,8 @@
<text class="words-text">快递物流</text> <text class="words-text">快递物流</text>
</view> </view>
</view> </view>
<!-- 遮罩 -->
<view class="shade" v-if="shade_flag" @click="shade_flag = false"></view>
</view> </view>
</template> </template>
......
pages/goods/warehouseOperation.vue
...@@ -27,7 +27,7 @@ ...@@ -27,7 +27,7 @@
</view> </view>
</view> </view>
<view class="list"> <view class="list">
<navigator class="box row verCenter" url="/pages/goods/addReceiving" hover-class="none"> <navigator class="box row verCenter" url="/pages/goods/warehouseOperationConfirm" hover-class="none">
<text class="status-text">已到货</text> <text class="status-text">已到货</text>
<view class="title column rowCenter verCenter"> <view class="title column rowCenter verCenter">
<text>拆箱</text> <text>拆箱</text>
...@@ -35,19 +35,19 @@ ...@@ -35,19 +35,19 @@
</view> </view>
<view class="text column"> <view class="text column">
<text class="p1">客户:BAS ELECTRONICS Gmb</text> <text class="p1">客户:BAS ELECTRONICS Gmb</text>
<view class="mb16"> <view class="lh">
<text class="p2">时间:</text> <text class="p2">时间:</text>
<text class="p3 mr98">2020/07/20 15:12</text> <text class="p3 mr98">2020/07/20 15:12</text>
<text class="p2">件数:</text> <text class="p2">件数:</text>
<text class="p3">2个</text> <text class="p3">2个</text>
</view> </view>
<view> <view class="lh">
<text class="p2">备注:</text> <text class="p2">备注:</text>
<text class="p3">需要拆箱把里面的标签都撕掉</text> <text class="p3">需要拆箱把里面的标签都撕掉</text>
</view> </view>
</view> </view>
</navigator> </navigator>
<navigator class="box row verCenter" url="/pages/goods/addReceiving" hover-class="none"> <navigator class="box row verCenter" url="/pages/goods/warehouseOperationConfirm" hover-class="none">
<text class="status-text-no">未到货</text> <text class="status-text-no">未到货</text>
<view class="title column rowCenter verCenter"> <view class="title column rowCenter verCenter">
<text>整箱</text> <text>整箱</text>
...@@ -68,6 +68,8 @@ ...@@ -68,6 +68,8 @@
</view> </view>
</navigator> </navigator>
</view> </view>
<!-- 遮罩 -->
<view class="shade" v-if="shade_flag" @click="shade_flag = false"></view>
</view> </view>
</template> </template>
......
pages/goods/warehouseOperationConfirm.vue
<template> <template>
<view class="receiving"> <view class="warehouseOperationConfirm">
<view class="fix"> <view class="base-information">
<view class="search-box"> <view class="top row bothSide verCenter">
<view class="search-input row bothSide verCenter"> <view class="title row verCenter">
<text class="iconfont icon-a-riqi11"></text> <text class="arrow row rowCenter verCenter"></text>
<text class="iconfont icon-jinggao2" v-if="input_status" @click="clearInput()"></text> <text class="tt">基础信息</text>
<input type="text" @input="inputChange()" placeholder="请手动输入入仓号" class="uni-input" v-model="param.orderNo" placeholder-style="color:#6e767a" /> </view>
<view class="more row verCenter" :class="{ curr: shade_flag }" @click="filterChange()"> </view>
<text class="t1">{{ shade_flag ? '更少条件' : '更多条件' }}</text> <view class="pp row verCenter">
<text class="iconfont icon-sanjiaoxing1 arrow"></text> <text class="t1">关联入仓号：</text>
<text class="t2">A123456/A123456-1/A123456-2</text>
</view>
<view class="pp row verCenter">
<text class="t1">提交时间：</text>
<text class="t2">2021-11-02 15:17</text>
</view>
<view class="pp row verCenter">
<text class="t1">订单客户：</text>
<text class="t2">富开香港有限公司</text>
</view>
<view class="pp row verCenter">
<text class="t1">作业类型：</text>
<text class="t2">整箱作业/拆箱</text>
</view>
<view class="pp row verCenter">
<text class="t1">合计作业数：</text>
<text class="t2">100</text>
</view>
<view class="pp row verCenter mb0">
<text class="t1">作业备注：</text>
<text class="t2">需要拆箱把里面的标签都撕掉</text>
</view>
<view class="pic-list column">
<text class="title">问题图片</text>
<view class="list row verCenter">
<view class="box"><image src="http://img.ichunt.com/images/ichunt/minProgram/scm/wms/202203/01/7778c9170eb7160d61dc5b10633f7865.png" mode="aspectFill"></image></view>
<view class="box"><image src="http://img.ichunt.com/images/ichunt/minProgram/scm/wms/202203/01/7778c9170eb7160d61dc5b10633f7865.png" mode="aspectFill"></image></view>
<view class="box"><image src="http://img.ichunt.com/images/ichunt/minProgram/scm/wms/202203/01/7778c9170eb7160d61dc5b10633f7865.png" mode="aspectFill"></image></view>
<view class="box"><image src="http://img.ichunt.com/images/ichunt/minProgram/scm/wms/202203/01/7778c9170eb7160d61dc5b10633f7865.png" mode="aspectFill"></image></view>
</view>
</view>
</view>
<view class="work-information">
<view class="top row bothSide verCenter">
<view class="title row verCenter">
<text class="arrow row rowCenter verCenter"></text>
<text class="tt">作业信息</text>
</view>
</view>
<view class="list">
<view class="box row bothSide verCenter">
<view class="text">
<view class="tt row verCenter">
<view class="w1">
<text class="t1">入仓号：</text>
<text class="t2">B00001-02</text>
</view>
<text class="t1">商品型号：</text>
<text class="t2">BC847BDW1T</text>
</view>
<view class="tt row verCenter">
<view class="w1">
<text class="t1">作业类型：</text>
<text class="t2">撕贴标</text>
</view>
<text class="t1">指令作业数：</text>
<text class="t2">50,000</text>
</view>
</view> </view>
<view class="camera row rowCenter verCenter">拍照</view>
</view> </view>
<view class="show-box" v-if="shade_flag"> <view class="box row bothSide verCenter">
<view class="input-time row verCenter"> <view class="text">
<uni-datetime-picker @change="change" v-model="datetimerange" type="daterange" rangeSeparator="至" /> <view class="tt row verCenter">
<view class="w1">
<text class="t1">入仓号：</text>
<text class="t2">B00001-02</text>
</view>
<text class="t1">商品型号：</text>
<text class="t2">BC847BDW1T</text>
</view>
<view class="tt row verCenter">
<view class="w1">
<text class="t1">作业类型：</text>
<text class="t2">撕贴标</text>
</view>
<text class="t1">指令作业数：</text>
<text class="t2">50,000</text>
</view>
</view> </view>
<view class="row bottom bothSide"> <view class="camera disable row rowCenter verCenter">已上传</view>
<view class="btn row rowCenter verCenter" @click="submit()">查 询</view> </view>
<view class="canel row rowCenter verCenter" @click="canel()">重 置</view> <view class="box row bothSide verCenter">
<view class="text">
<view class="tt row verCenter">
<view class="w1">
<text class="t1">入仓号：</text>
<text class="t2">B00001-02</text>
</view>
<text class="t1">商品型号：</text>
<text class="t2">BC847BDW1T</text>
</view>
<view class="tt row verCenter">
<view class="w1">
<text class="t1">作业类型：</text>
<text class="t2">撕贴标</text>
</view>
<text class="t1">指令作业数：</text>
<text class="t2">50,000</text>
</view>
</view> </view>
<view class="camera disable row rowCenter verCenter">已上传</view>
</view> </view>
</view> </view>
</view> </view>
<view class="list"> <view class="btn row rowCenter verCenter">确认作业完成</view>
<navigator class="box row bothSide verCenter" url="/pages/goods/addReceiving" hover-class="none">
</navigator>
</view>
</view> </view>
</template> </template>
<script> <script>
import { API } from '@/util/api.js'; import { API } from '@/util/api.js';
export default {
data() {
return {
flage: false,
shade_flag: false,
input_status: false,
date: '',
datetimerange: ['', ''],
};
},
onShow() {
this.getData();
},
methods: {
getData() {
this.request(API.userInfo, 'POST', {}, false).then(res => {
});
},
clearInput() {
this.input_status = false;
},
inputChange() {
}, export default {
filterChange() { data() {
this.shade_flag = !this.shade_flag; return {};
}, },
change(e) { onShow() {
this.datetimerange = e; this.getData();
this.getData(); },
}, methods: {
submit() { getData() {
this.shade_flag = !this.shade_flag; this.request(API.userInfo, 'POST', {}, false).then(res => {});
this.getData();
},
canel() {
this.shade_flag = !this.shade_flag;
this.getData();
}
} }
}; }
};
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">
@import '../../assets/css/goods/warehouseOperationConfirm.scss'; @import '../../assets/css/goods/warehouseOperationConfirm.scss';
</style> </style>
uni.scss
...@@ -59,7 +59,8 @@ $uni-font-size-subtitle: 26px; ...@@ -59,7 +59,8 @@ $uni-font-size-subtitle: 26px;
$uni-color-paragraph: #3f536e; // 文章段落颜色 $uni-color-paragraph: #3f536e; // 文章段落颜色
$uni-font-size-paragraph: 15px; $uni-font-size-paragraph: 15px;
view,text { view,
text {
-webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
box-sizing: border-box; box-sizing: border-box;
} }
...@@ -123,3 +124,13 @@ image { ...@@ -123,3 +124,13 @@ image {
font-weight: bold; font-weight: bold;
} }
} }
.shade {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 9;
background: rgba(0, 0, 0, 0.5);
}
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