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 @@
}
}
}
\ No newline at end of file
}
assets/css/goods/warehouseOperation.scss
......@@ -172,7 +172,7 @@
font-size: 26rpx;
color: #197adb;
}
.status-text-no{
.status-text-no {
position: absolute;
top: 26rpx;
right: 24rpx;
......@@ -189,20 +189,17 @@
}
.text {
margin-left: 16rpx;
.mb16 {
margin-bottom: 16rpx;
}
.mr98 {
margin-right: 98rpx;
.lh {
line-height: 40rpx;
}
.p1 {
font-size: 28rpx;
color: #1e2021;
margin-bottom: 18rpx;
max-width: 429rpx;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
line-height: 40rpx;
}
.p2 {
font-size: 22rpx;
......@@ -213,6 +210,9 @@
font-size: 22rpx;
color: #404547;
}
.mr98 {
margin-right: 98rpx;
}
}
}
}
......
assets/css/goods/warehouseOperationConfirm.scss
.receiving {
padding-top: 100rpx;
.fix {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 10;
}
.search-box {
width: 100%;
.warehouseOperationConfirm {
margin-top: 24rpx;
padding: 0 24rpx;
.base-information {
padding: 24rpx;
background: #ffffff;
border-top: 1rpx solid #cad9e0;
.search-input {
position: relative;
height: 100rpx;
padding-left: 72rpx;
.icon-a-riqi11 {
position: absolute;
top: 32rpx;
left: 24rpx;
font-size: 36rpx;
color: #6e767a;
}
.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;
border-radius: 4rpx;
margin-bottom: 16rpx;
.top {
margin-bottom: 24rpx;
.title {
.arrow {
width: 12rpx;
height: 12rpx;
background: #197adb;
margin-right: 16rpx;
border-radius: 50%;
}
.iconfont {
margin-left: 16rpx;
font-size: 14rpx;
color: #9ca8ad;
.tt {
font-size: 32rpx;
color: #1e2021;
font-weight: bold;
}
}
}
.show-box {
padding-bottom: 30rpx;
.input-box {
margin-left: 67rpx;
height: 100rpx;
border-top: 1rpx solid #cad9e0;
border-bottom: 1rpx solid #cad9e0;
.uni-input {
font-size: 26rpx;
&:-webkit-input-placeholder {
color: #6e767a;
}
}
.pp {
margin-bottom: 20rpx;
&.mb0 {
margin-bottom: 0;
}
.input-time {
position: relative;
margin-left: 67rpx;
height: 100rpx;
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;
}
}
.t1 {
width: 144rpx;
font-size: 24rpx;
color: #6e767a;
}
.btn {
width: 400rpx;
height: 88rpx;
background: #197adb;
border-radius: 4rpx;
font-size: 28rpx;
color: #ffffff;
.t2 {
font-size: 24rpx;
color: #404547;
}
.canel {
width: 200rpx;
height: 88rpx;
border: 1px solid #197adb;
border-radius: 4rpx;
font-size: 28rpx;
color: #197adb;
}
.pic-list {
margin-top: 23rpx;
.title {
padding-top: 24rpx;
font-size: 24rpx;
color: #6e767a;
margin-bottom: 23rpx;
border-top: 1px solid #e6edf0;
}
.bottom {
margin-left: 67rpx;
.box {
width: 144rpx;
height: 144rpx;
margin-right: 24rpx;
margin-top: 24rpx;
}
.bar {
width: 100%;
height: 100rpx;
.uni-input {
width: 675rpx;
height: 100rpx;
image {
width: 144rpx;
height: 144rpx;
}
}
}
}
.list {
margin-top: 56rpx;
padding: 0 24rpx;
.box {
position: relative;
padding: 0 20rpx;
height: 152rpx;
background: #ffffff;
border-radius: 4rpx;
margin-bottom: 40rpx;
.bill-number {
position: absolute;
top: -20rpx;
left: 20rpx;
width: 185rpx;
height: 48rpx;
border-radius: 4rpx;
font-size: 26rpx;
color: #ffffff;
font-weight: bold;
&.color1 {
.work-information {
padding: 24rpx 24rpx 0 24rpx;
background: #ffffff;
border-radius: 4rpx;
margin-bottom: 48rpx;
.top {
.title {
.arrow {
width: 12rpx;
height: 12rpx;
background: #197adb;
margin-right: 16rpx;
border-radius: 50%;
}
&.color2 {
background: #f39d18;
.tt {
font-size: 32rpx;
color: #1e2021;
font-weight: bold;
}
}
.text {
.p1 {
font-size: 22rpx;
color: #6e767a;
margin-right: 16rpx;
}
.list{
.box{
height: 123rpx;
border-bottom: 1px solid #E6EDF0;
&:last-child{
border-bottom: none;
}
.p2 {
font-size: 22rpx;
color: #404547;
.w1{
width: 241rpx;
}
.mr49 {
margin-right: 49rpx;
.text{
.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 @@
}
.fast-entry {
background: #ffffff;
padding-left: 24rpx;
padding-top: 24rpx;
.tit {
font-size: 24rpx;
color: #1e2021;
font-weight: bold;
margin-bottom: 36rpx;
padding-left: 24rpx;
}
.bar {
flex-wrap: wrap;
......@@ -81,7 +81,7 @@
height: 86rpx;
background: #197adb;
box-shadow: 0px 9rpx 10rpx 0px rgba(0, 0, 0, 0.11);
border-radius: 43rpx;
border-radius: 43rpx;
margin: 0 auto;
.iconfont {
font-size: 48rpx;
......
pages/goods/receiving.vue
......@@ -89,6 +89,8 @@
<text class="words-text">快递物流</text>
</view>
</view>
<!-- 遮罩 -->
<view class="shade" v-if="shade_flag" @click="shade_flag = false"></view>
</view>
</template>
......
pages/goods/warehouseOperation.vue
......@@ -27,7 +27,7 @@
</view>
</view>
<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>
<view class="title column rowCenter verCenter">
<text>拆箱</text>
......@@ -35,19 +35,19 @@
</view>
<view class="text column">
<text class="p1">客户:BAS ELECTRONICS Gmb</text>
<view class="mb16">
<view class="lh">
<text class="p2">时间:</text>
<text class="p3 mr98">2020/07/20 15:12</text>
<text class="p2">件数:</text>
<text class="p3">2个</text>
</view>
<view>
<view class="lh">
<text class="p2">备注:</text>
<text class="p3">需要拆箱把里面的标签都撕掉</text>
</view>
</view>
</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>
<view class="title column rowCenter verCenter">
<text>整箱</text>
......@@ -68,6 +68,8 @@
</view>
</navigator>
</view>
<!-- 遮罩 -->
<view class="shade" v-if="shade_flag" @click="shade_flag = false"></view>
</view>
</template>
......
pages/goods/warehouseOperationConfirm.vue
<template>
<view class="receiving">
<view class="fix">
<view class="search-box">
<view class="search-input row bothSide verCenter">
<text class="iconfont icon-a-riqi11"></text>
<text class="iconfont icon-jinggao2" v-if="input_status" @click="clearInput()"></text>
<input type="text" @input="inputChange()" placeholder="请手动输入入仓号" class="uni-input" v-model="param.orderNo" placeholder-style="color:#6e767a" />
<view class="more row verCenter" :class="{ curr: shade_flag }" @click="filterChange()">
<text class="t1">{{ shade_flag ? '更少条件' : '更多条件' }}</text>
<text class="iconfont icon-sanjiaoxing1 arrow"></text>
<view class="warehouseOperationConfirm">
<view class="base-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="pp row verCenter">
<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 class="camera row rowCenter verCenter">拍照</view>
</view>
<view class="show-box" v-if="shade_flag">
<view class="input-time row verCenter">
<uni-datetime-picker @change="change" v-model="datetimerange" type="daterange" rangeSeparator="至" />
<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 class="row bottom bothSide">
<view class="btn row rowCenter verCenter" @click="submit()">查 询</view>
<view class="canel row rowCenter verCenter" @click="canel()">重 置</view>
<view class="camera disable row rowCenter verCenter">已上传</view>
</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 class="camera disable row rowCenter verCenter">已上传</view>
</view>
</view>
</view>
<view class="list">
<navigator class="box row bothSide verCenter" url="/pages/goods/addReceiving" hover-class="none">
</navigator>
</view>
<view class="btn row rowCenter verCenter">确认作业完成</view>
</view>
</template>
<script>
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() {
import { API } from '@/util/api.js';
},
filterChange() {
this.shade_flag = !this.shade_flag;
},
change(e) {
this.datetimerange = e;
this.getData();
},
submit() {
this.shade_flag = !this.shade_flag;
this.getData();
},
canel() {
this.shade_flag = !this.shade_flag;
this.getData();
}
export default {
data() {
return {};
},
onShow() {
this.getData();
},
methods: {
getData() {
this.request(API.userInfo, 'POST', {}, false).then(res => {});
}
};
}
};
</script>
<style scoped lang="scss">
@import '../../assets/css/goods/warehouseOperationConfirm.scss';
@import '../../assets/css/goods/warehouseOperationConfirm.scss';
</style>
uni.scss
......@@ -59,7 +59,8 @@ $uni-font-size-subtitle: 26px;
$uni-color-paragraph: #3f536e; // 文章段落颜色
$uni-font-size-paragraph: 15px;
view,text {
view,
text {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
......@@ -123,3 +124,13 @@ image {
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