Skip to content

梁建民 / wmsMin

Go to a project
Commit 8d93b755 by liangjianmin
Options

js

parent 72486b55
Inline Side-by-side
Showing with 925 additions and 9 deletions
assets/css/goods/addExectionReceiving.scss 0 → 100644
.addReceiving {
margin-top: 24rpx;
padding: 0 24rpx;
.receiving-information {
padding: 24rpx;
background: #ffffff;
border-radius: 4rpx;
margin-bottom: 48rpx;
.top {
margin-bottom: 24rpx;
.title {
.arrow {
width: 12rpx;
height: 12rpx;
background: #197adb;
margin-right: 16rpx;
border-radius: 50%;
}
.tt {
font-size: 32rpx;
color: #1e2021;
font-weight: bold;
}
}
}
.box {
height: 80rpx;
border-bottom: 1px solid #e6edf0;
.label {
width: 156rpx;
font-size: 24rpx;
color: #6e767a;
}
.tab {
.tab-panel {
width: 120rpx;
height: 48rpx;
background: #9ca8ad;
border-radius: 4rpx;
font-size: 24rpx;
color: #ffffff;
margin-right: 24rpx;
&.curr {
background: #197adb;
}
}
}
.uni-list-cell-db {
width: calc(100% - 160rpx);
position: relative;
.icon-sanjiaoxing1 {
position: absolute;
right: 0;
top: 15rpx;
font-size: 17rpx;
color: #9ca8ad;
}
}
.uni-input {
font-size: 24rpx;
color: #404547;
font-weight: bold;
}
.uni-input-box {
width: calc(100% - 160rpx);
.uni-input {
font-size: 24rpx;
color: #404547;
font-weight: bold;
}
.scan-view {
.iconfont {
font-size: 48rpx;
color: #197adb;
margin-right: 10rpx;
}
.tt {
font-size: 24rpx;
color: #197adb;
}
}
}
}
.upload-box {
padding-top: 23rpx;
padding-bottom: 24rpx;
.title {
margin-bottom: 24rpx;
.tt-l {
font-size: 24rpx;
color: #6e767a;
}
.tt-r {
font-size: 24rpx;
color: #404547;
}
}
.upload-list {
padding-bottom: 48rpx;
border-bottom: 1px solid #e6edf0;
.default {
width: 144rpx;
height: 144rpx;
background-color: #f1f4f6;
border: 1rpx solid #e6edf0;
.iconfont {
font-size: 48rpx;
color: #d8d8d8;
}
}
.pic-box {
position: relative;
flex: 0 0 25%;
margin-right: 10rpx;
&:nth-of-type(4n) {
margin-right: 0;
}
image {
width: 144rpx;
height: 144rpx;
}
.delete {
position: absolute;
right: 10rpx;
top: -13rpx;
width: 30rpx;
height: 30rpx;
border-radius: 50%;
background-color: #bb3434;
z-index: 999;
.iconfont {
font-size: 20rpx;
color: #ffffff;
}
}
}
}
.textarea-box {
position: relative;
padding-top: 23rpx;
height: 80rpx;
textarea {
font-size: 24rpx;
color: #6e767a;
}
.text {
position: absolute;
right: 0;
bottom: 0;
font-size: 24rpx;
color: #9ca8ad;
}
}
}
}
.btn {
height: 88rpx;
background: #197adb;
border-radius: 4rpx;
font-size: 28rpx;
color: #ffffff;
}
}
assets/css/goods/warehouseOperation.scss 0 → 100644
.receiving {
padding-top: 100rpx;
.fix {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 10;
}
.search-box {
width: 100%;
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;
}
.iconfont {
margin-left: 16rpx;
font-size: 14rpx;
color: #9ca8ad;
}
}
}
.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;
}
}
}
.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;
}
}
}
.btn {
width: 400rpx;
height: 88rpx;
background: #197adb;
border-radius: 4rpx;
font-size: 28rpx;
color: #ffffff;
}
.canel {
width: 200rpx;
height: 88rpx;
border: 1px solid #197adb;
border-radius: 4rpx;
font-size: 28rpx;
color: #197adb;
}
.bottom {
margin-left: 67rpx;
margin-right: 24rpx;
margin-top: 24rpx;
}
.bar {
width: 100%;
height: 100rpx;
.uni-input {
width: 675rpx;
height: 100rpx;
}
}
}
}
.tab {
height: 114rpx;
background-color: #f1f4f6;
padding-left: 24px;
.box {
position: relative;
font-size: 26rpx;
color: #404547;
margin-right: 44rpx;
transition: all 0.4s ease;
.t2 {
display: block;
}
&.curr {
color: #1e2021;
font-size: 32rpx;
font-weight: bold;
.t2 {
display: flex;
}
&:after {
position: absolute;
bottom: -16rpx;
left: 0;
right: 0;
width: 100%;
height: 6rpx;
background: #197adb;
border-radius: 3rpx;
content: '';
}
}
}
}
.list {
padding: 0 24rpx;
.box {
position: relative;
padding: 0 0 0 16rpx;
margin-bottom: 16rpx;
height: 182rpx;
background: #ffffff;
border-radius: 4rpx;
.status-text {
position: absolute;
top: 26rpx;
right: 24rpx;
font-size: 26rpx;
color: #197adb;
}
.status-text-no{
position: absolute;
top: 26rpx;
right: 24rpx;
font-size: 26rpx;
color: #404547;
}
.title {
width: 91rpx;
height: 126rpx;
background: #197adb;
border-radius: 4rpx;
font-size: 22rpx;
color: #ffffff;
}
.text {
margin-left: 16rpx;
.mb16 {
margin-bottom: 16rpx;
}
.mr98 {
margin-right: 98rpx;
}
.p1 {
font-size: 28rpx;
color: #1e2021;
margin-bottom: 18rpx;
max-width: 429rpx;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.p2 {
font-size: 22rpx;
color: #6e767a;
margin-right: 16rpx;
}
.p3 {
font-size: 22rpx;
color: #404547;
}
}
}
}
}
assets/css/goods/warehouseOperationConfirm.scss 0 → 100644
.receiving {
padding-top: 100rpx;
.fix {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 10;
}
.search-box {
width: 100%;
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;
}
.iconfont {
margin-left: 16rpx;
font-size: 14rpx;
color: #9ca8ad;
}
}
}
.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;
}
}
}
.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;
}
}
}
.btn {
width: 400rpx;
height: 88rpx;
background: #197adb;
border-radius: 4rpx;
font-size: 28rpx;
color: #ffffff;
}
.canel {
width: 200rpx;
height: 88rpx;
border: 1px solid #197adb;
border-radius: 4rpx;
font-size: 28rpx;
color: #197adb;
}
.bottom {
margin-left: 67rpx;
margin-right: 24rpx;
margin-top: 24rpx;
}
.bar {
width: 100%;
height: 100rpx;
.uni-input {
width: 675rpx;
height: 100rpx;
}
}
}
}
.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 {
background: #197adb;
}
&.color2 {
background: #f39d18;
}
}
.text {
.p1 {
font-size: 22rpx;
color: #6e767a;
margin-right: 16rpx;
}
.p2 {
font-size: 22rpx;
color: #404547;
}
.mr49 {
margin-right: 49rpx;
}
}
.t1 {
font-size: 28rpx;
color: #1e2021;
margin-bottom: 18rpx;
}
.words-text {
font-size: 26rpx;
color: #197adb;
}
}
}
}
pages.json
......@@ -51,6 +51,21 @@
"navigationBarTitleText": "新增收货登记"
}
}, {
"path": "pages/goods/addExectionReceiving",
"style": {
"navigationBarTitleText": "异常收货登记"
}
}, {
"path": "pages/goods/warehouseOperation",
"style": {
"navigationBarTitleText": "仓内作业"
}
}, {
"path": "pages/goods/warehouseOperationConfirm",
"style": {
"navigationBarTitleText": "作业确认"
}
}, {
"path": "pages/mine/login",
"style": {
"navigationBarTitleText": "登录"
......
pages/goods/addExectionReceiving.vue 0 → 100644
<template>
<view class="addReceiving">
<view class="receiving-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="box row verCenter">
<text class="label">入仓号信息</text>
<view class="uni-input-box row bothSide">
<input type="text" class="uni-input" placeholder="请输入(选填)" placeholder-style="color:#404547;font-weight:bold;" />
</view>
</view>
<view class="box row verCenter">
<text class="label">送货供应商</text>
<view class="uni-input-box row bothSide">
<input type="text" class="uni-input" placeholder="请输入(选填)" placeholder-style="color:#404547;font-weight:bold;" />
</view>
</view>
<view class="box row verCenter">
<text class="label">收货方式</text>
<view class="tab row verCenter">
<view class="tab-panel row rowCenter verCenter curr">物流</view>
<view class="tab-panel row rowCenter verCenter">送货</view>
<view class="tab-panel row rowCenter verCenter">上门取货</view>
</view>
</view>
<view class="box row verCenter">
<text class="label">物流信息</text>
<view class="uni-input-box row bothSide">
<input type="text" class="uni-input" placeholder="请扫描或者手动录入" placeholder-style="color:#404547;font-weight:bold;" />
<view class="scan-view row verCenter">
<text class="iconfont icon-juxing6"></text>
<text class="tt">扫描</text>
</view>
</view>
</view>
<view class="box row verCenter">
<text class="label">物流公司</text>
<view class="uni-list-cell-db">
<text class="iconfont icon-sanjiaoxing1"></text>
<picker @change="bindPickerChange" :value="index" :range="array">
<view class="uni-input">{{ array[index] || '请选择物流公司' }}</view>
</picker>
</view>
</view>
<view class="box row verCenter">
<text class="label">收货数量</text>
<view class="uni-input-box row bothSide">
<input type="text" class="uni-input" placeholder="请输入数量" placeholder-style="color:#404547;font-weight:bold;" />
</view>
</view>
<view class="box row verCenter">
<text class="label">收货单位</text>
<view class="tab row verCenter">
<view class="tab-panel row rowCenter verCenter curr">件</view>
<view class="tab-panel row rowCenter verCenter">箱</view>
</view>
</view>
<view class="box row verCenter">
<text class="label">异常原因</text>
<view class="uni-list-cell-db">
<text class="iconfont icon-sanjiaoxing1"></text>
<picker @change="bindPickerChange" :value="index" :range="array">
<view class="uni-input">{{ array[index] || '请选择' }}</view>
</picker>
</view>
</view>
<view class="upload-box">
<view class="title row bothSide verCenter">
<text class="tt-l">来货图片上传(必填)</text>
<text class="tt-r">1/4</text>
</view>
<view class="upload-list row verCenter">
<view class="pic-box">
<image src="http://img.ichunt.com/images/ichunt/minProgram/scm/wms/202203/01/7778c9170eb7160d61dc5b10633f7865.png" mode="aspectFill"></image>
<view class="delete row rowCenter verCenter"><text class="iconfont icon-shanchu"></text></view>
</view>
<view class="pic-box">
<image src="http://img.ichunt.com/images/ichunt/minProgram/scm/wms/202203/01/7778c9170eb7160d61dc5b10633f7865.png" mode="aspectFill"></image>
<view class="delete row rowCenter verCenter"><text class="iconfont icon-shanchu"></text></view>
</view>
<view class="pic-box">
<image src="http://img.ichunt.com/images/ichunt/minProgram/scm/wms/202203/01/7778c9170eb7160d61dc5b10633f7865.png" mode="aspectFill"></image>
<view class="delete row rowCenter verCenter"><text class="iconfont icon-shanchu"></text></view>
</view>
<view class="default row rowCenter verCenter"><text class="iconfont icon-xingzhuangjiehe"></text></view>
</view>
<view class="textarea-box">
<textarea placeholder="请输入异常备注" placeholder-style="color:#6E767A;"></textarea>
<text class="text">0/200</text>
</view>
</view>
</view>
<view class="btn row rowCenter verCenter">提交登记</view>
</view>
</template>
<script>
import { API } from '@/util/api.js';
export default {
data() {
return {
array: ['中国', '美国', '巴西', '日本'],
index: -1
};
},
onShow() {
this.getData();
},
methods: {
bindPickerChange: function(e) {
console.log('picker发送选择改变，携带值为', e.target.value);
this.index = e.target.value;
},
getData() {
this.request(API.userInfo, 'POST', {}, false).then(res => {});
}
}
};
</script>
<style scoped lang="scss">
@import '../../assets/css/goods/addExectionReceiving.scss';
</style>
pages/goods/receiving.vue
......@@ -23,7 +23,7 @@
</view>
</view>
<view class="list">
<view class="box row bothSide verCenter">
<navigator class="box row bothSide verCenter" url="/pages/goods/addReceiving" hover-class="none">
<view class="bill-number color1 row rowCenter verCenter">A123456-01</view>
<view>
<text class="t1">供应商：富开香港有限公司</text>
......@@ -35,7 +35,7 @@
</view>
</view>
<text class="words-text">快递物流</text>
</view>
</navigator>
<view class="box row bothSide verCenter">
<view class="bill-number color2 row rowCenter verCenter">B123456-01</view>
<view>
......
pages/goods/warehouseOperation.vue 0 → 100644
<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>
</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>
<view class="row bottom bothSide">
<view class="btn row rowCenter verCenter" @click="submit()">查 询</view>
<view class="canel row rowCenter verCenter" @click="canel()">重 置</view>
</view>
</view>
</view>
</view>
<view class="tab row verCenter">
<view class="box row" @click="changeTab(index)" :class="{ curr: index == currentIndex }" :key="index" v-for="(item, index) in textArr">
<text class="t1">{{ item }}</text>
<text class="t2">(5)</text>
</view>
</view>
<view class="list">
<navigator class="box row verCenter" url="/pages/goods/addReceiving" hover-class="none">
<text class="status-text">已到货</text>
<view class="title column rowCenter verCenter">
<text>拆箱</text>
<text>作业</text>
</view>
<view class="text column">
<text class="p1">客户:BAS ELECTRONICS Gmb</text>
<view class="mb16">
<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>
<text class="p2">备注:</text>
<text class="p3">需要拆箱把里面的标签都撕掉</text>
</view>
</view>
</navigator>
<navigator class="box row verCenter" url="/pages/goods/addReceiving" hover-class="none">
<text class="status-text-no">未到货</text>
<view class="title column rowCenter verCenter">
<text>整箱</text>
<text>作业</text>
</view>
<view class="text column">
<text class="p1">客户:BAS ELECTRONICS Gmb</text>
<view class="mb16">
<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>
<text class="p2">备注:</text>
<text class="p3">需要拆箱把里面的标签都撕掉</text>
</view>
</view>
</navigator>
</view>
</view>
</template>
<script>
import { API } from '@/util/api.js';
export default {
data() {
return {
flage: false,
shade_flag: false,
input_status: false,
date: '',
datetimerange: ['', ''],
currentIndex: 0,
textArr: ['待作业']
};
},
onShow() {
this.getData();
},
methods: {
getData() {
this.request(API.userInfo, 'POST', {}, false).then(res => {});
},
changeTab(index) {
this.currentIndex = index;
},
clearInput() {
this.input_status = false;
},
inputChange() {},
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();
}
}
};
</script>
<style scoped lang="scss">
@import '../../assets/css/goods/warehouseOperation.scss';
</style>
pages/goods/warehouseOperationConfirm.vue 0 → 100644
<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>
</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>
<view class="row bottom bothSide">
<view class="btn row rowCenter verCenter" @click="submit()">查 询</view>
<view class="canel row rowCenter verCenter" @click="canel()">重 置</view>
</view>
</view>
</view>
</view>
<view class="list">
<navigator class="box row bothSide verCenter" url="/pages/goods/addReceiving" hover-class="none">
</navigator>
</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() {
},
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();
}
}
};
</script>
<style scoped lang="scss">
@import '../../assets/css/goods/warehouseOperationConfirm.scss';
</style>
pages/home/index.vue
......@@ -46,16 +46,17 @@
</template>
<script>
import { API } from '@/util/api.js';
import zyGrid from '../../components/zy-grid/zy-grid.vue';
import { API } from '@/util/api.js';
import zyGrid from '../../components/zy-grid/zy-grid.vue';
export default {
export default {
data() {
return {
is_login: false,
userInfo: {},
rawData: '',
gridList: [{
gridList: [
{
name: '快递回单上传',
iconfont: 'icon-a-juxing1',
tips: ''
......@@ -99,7 +100,6 @@
name: '补打标签',
iconfont: 'icon-a-juxing4',
tips: ''
}
]
};
......@@ -157,6 +157,14 @@
uni.navigateTo({
url: '/pages/goods/receiving'
});
} else if (item.name == '仓内作业') {
uni.navigateTo({
url: '/pages/goods/warehouseOperation'
});
} else if (item.name == '异常收货登记') {
uni.navigateTo({
url: '/pages/goods/addExectionReceiving'
});
} else {
uni.showModal({
title: '提示',
......@@ -177,9 +185,9 @@
components: {
zyGrid
}
};
};
</script>
<style scoped lang="scss">
@import '../../assets/css/home/index.scss';
@import '../../assets/css/home/index.scss';
</style>
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