Skip to content

梁建民 / wmsMin

Go to a project
Commit 228ef18a by LJM
Options

入库理货

parent 2f35dc51
Expand all
Inline Side-by-side
Showing with 723 additions and 2 deletions
assets/css/font.css
...@@ -11,6 +11,10 @@ ...@@ -11,6 +11,10 @@
-moz-osx-font-smoothing: grayscale; -moz-osx-font-smoothing: grayscale;
} }
.icon-jinggao31:before {
content: "\e762";
}
.icon-jianshao:before { .icon-jianshao:before {
content: "\e8c5"; content: "\e8c5";
} }
...@@ -111,6 +115,10 @@ ...@@ -111,6 +115,10 @@
content: "\e77c"; content: "\e77c";
} }
.icon-a-Fill3-copy:before {
content: "\e8c6";
}
.icon-xingzhuangjiehe:before { .icon-xingzhuangjiehe:before {
content: "\e74f"; content: "\e74f";
} }
......
assets/css/tally/abnormalTally.scss 0 → 100644
.abnormalTally {
height: 100vh;
padding: 0 24rpx;
overflow: hidden;
.head-text {
height: 80rpx;
.t1 {
font-size: 24rpx;
color: #6e767a;
}
.t2 {
font-size: 24rpx;
color: #197adb;
}
}
.input-box {
height: 88rpx;
background: #ffffff;
border-radius: 4rpx;
padding: 0 24rpx;
.uni-input {
font-weight: bold;
font-size: 28rpx;
color: #404547;
}
.btn {
width: 144rpx;
height: 48rpx;
background: #197adb;
border-radius: 4rpx;
font-size: 24rpx;
color: #ffffff;
}
.btn1 {
width: 144rpx;
height: 48rpx;
background: #ffffff;
border-radius: 4rpx;
border: 1rpx solid #197adb;
font-size: 24rpx;
color: #197adb;
}
}
.tab {
height: 106rpx;
.box {
position: relative;
font-size: 26rpx;
color: #404547;
transition: all 0.4s ease;
margin-right: 44rpx;
&:last-child {
margin-right: 0;
}
&.curr {
color: #1e2021;
font-weight: bold;
&:before {
position: absolute;
bottom: -13rpx;
left: 0;
right: 0;
width: 100%;
height: 6rpx;
background: #197adb;
border-radius: 3rpx;
content: '';
}
}
}
}
.list {
height: calc(100% - 420rpx);
.scroll-Y {
height: 100%;
.num {
position: absolute;
left: 24rpx;
top: 39rpx;
width: 40rpx;
height: 28rpx;
border-radius: 4rpx;
border: 1rpx solid #197adb;
font-size: 22rpx;
color: #197adb;
}
.box {
position: relative;
padding: 24rpx 24rpx 24rpx 72rpx;
background: #ffffff;
border-radius: 4rpx;
margin-bottom: 16rpx;
.mb16 {
margin-bottom: 16rpx;
}
.t1 {
font-size: 22rpx;
color: #404547;
font-weight: bold;
}
.t2 {
font-size: 22rpx;
color: #6e767a;
}
.t3 {
font-size: 22rpx;
color: #404547;
}
.t4 {
font-size: 22rpx;
color: #f39d18;
}
.icon-jinggao31 {
font-size: 28rpx;
color: #f39d18;
margin-left: 10rpx;
}
}
.btn-wrap {
justify-content: flex-end;
border-top: 1px solid #e6edf0;
margin-top: 23rpx;
.btn {
margin-top: 23rpx;
width: 144rpx;
height: 48rpx;
background: #197adb;
border-radius: 4rpx;
font-size: 24rpx;
color: #ffffff;
}
}
}
}
}
assets/css/tally/fixBox.scss 0 → 100644
.tally-fixBox {
height: 100vh;
padding: 0 24rpx;
overflow: hidden;
.text {
height: 80rpx;
.t1 {
font-size: 24rpx;
color: #6e767a;
}
.t2 {
font-size: 24rpx;
color: #197adb;
}
}
.input-box {
height: 88rpx;
background: #ffffff;
border-radius: 4rpx;
padding: 0 24rpx;
.uni-input {
font-weight: bold;
font-size: 28rpx;
color: #404547;
}
.btn {
width: 144rpx;
height: 48rpx;
background: #197adb;
border-radius: 4rpx;
font-size: 24rpx;
color: #ffffff;
}
}
.list {
height: calc(100% - 350rpx);
margin-top: 24rpx;
padding: 24rpx 24rpx 0 24rpx;
background-color: #ffffff;
.title {
font-size: 22rpx;
color: #6e767a;
}
.scroll-Y {
height: 100%;
}
.box {
height: 84rpx;
border-bottom: 1px solid #e6edf0;
&:last-child {
border-bottom: none;
}
.t1 {
font-size: 26rpx;
color: #6e767a;
}
.t2 {
font-size: 26rpx;
color: #1e2021;
margin-left: 22rpx;
}
.tt {
font-size: 26rpx;
color: #197adb;
}
}
}
.fix-btn {
position: fixed;
bottom: 20rpx;
left: 0;
right: 0;
margin: 0 24rpx;
height: 88rpx;
background: #197adb;
border-radius: 4rpx;
font-size: 28rpx;
color: #ffffff;
}
}
assets/css/tally/index.scss
.tally-index { .tally-index {
height: 100vh;
padding: 0 24rpx;
overflow: hidden;
.fix-box {
margin-top: 24rpx;
}
.column-box {
padding: 0 24rpx;
height: 88rpx;
background: #ffffff;
border-radius: 4rpx;
margin-bottom: 16rpx;
.action-bar {
.btn {
width: 144rpx;
height: 48rpx;
background: #197adb;
border-radius: 4rpx;
font-size: 24rpx;
color: #ffffff;
}
.btn1 {
width: 144rpx;
height: 48rpx;
background: #ffffff;
border-radius: 4rpx;
border: 1rpx solid #197adb;
font-size: 24rpx;
color: #197adb;
}
}
.select-box {
width: 129rpx;
margin-right: 22rpx;
.wrap {
.uni-input {
font-weight: bold;
font-size: 28rpx;
color: #404547;
}
}
.uni-arrow {
font-size: 17rpx;
color: #9ca8ad;
}
}
.input-box {
.uni-input {
font-weight: bold;
font-size: 28rpx;
color: #404547;
&.disabled {
opacity: 0.8;
}
}
}
}
.info {
display: grid;
grid-template-columns: 46% auto auto;
grid-gap: 12rpx;
padding: 24rpx 0;
.grid-item {
.t1 {
font-size: 24rpx;
color: #6e767a;
}
.t2 {
font-size: 24rpx;
color: #404547;
font-weight: bold;
}
.t3 {
font-size: 24rpx;
color: #197adb;
font-weight: bold;
}
}
}
.list {
height: calc(100% - 470rpx);
.box {
background: #ffffff;
border-radius: 4rpx;
margin-bottom: 16rpx;
padding: 24rpx;
.pb16 {
padding-bottom: 16rpx;
}
.w130 {
width: 130rpx;
}
.t1 {
font-size: 28rpx;
color: #404547;
font-weight: bold;
}
.t2 {
width: 48rpx;
height: 36rpx;
border-radius: 4rpx;
border: 1rpx solid #197adb;
font-size: 24rpx;
color: #197adb;
margin-left: 16rpx;
}
.t3 {
font-size: 26rpx;
color: #6e767a;
}
.t4 {
font-size: 26rpx;
color: 404547;
}
.input-text {
.uni-input {
width: 190rpx;
height: 48rpx;
background: #e6edf0;
border-radius: 4rpx;
padding-left: 20rpx;
font-size: 26rpx;
color: #404547;
font-weight: bold;
}
}
.upload-list {
.default {
width: 88rpx;
height: 88rpx;
background-color: #f1f4f6;
border: 1rpx solid #e6edf0;
.iconfont {
font-size: 48rpx;
color: #d8d8d8;
}
}
.pic-box {
position: relative;
width: 88rpx;
height: 88rpx;
margin-right: 10rpx;
&:nth-of-type(4n) {
margin-right: 0;
}
image {
width: 88rpx;
height: 88rpx;
}
.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;
}
}
}
}
.btn {
width: 190rpx;
height: 88rpx;
background: #197adb;
border-radius: 4rpx;
font-size: 26rpx;
color: #ffffff;
}
}
}
.btn-list {
margin-top: 30%;
flex-wrap: wrap;
.box {
width: 220rpx;
height: 88rpx;
background: #197adb;
border-radius: 4rpx;
font-size: 28rpx;
color: #ffffff;
margin-right: 20rpx;
margin-bottom: 20rpx;
&:nth-child(3) {
margin-right: 0;
}
}
}
.scroll-Y {
height: 100%; height: 100%;
background-color: #f00; }
} }
pages.json
...@@ -189,6 +189,26 @@ ...@@ -189,6 +189,26 @@
"style": { "style": {
"navigationBarTitleText": "入库理货" "navigationBarTitleText": "入库理货"
} }
}, {
"path": "pages/tally/fixBox",
"style": {
"navigationBarTitleText": "合箱"
}
}, {
"path": "pages/tally/unboxing",
"style": {
"navigationBarTitleText": "重新开箱"
}
}, {
"path": "pages/tally/printBox",
"style": {
"navigationBarTitleText": "打印箱号"
}
}, {
"path": "pages/tally/abnormalTally",
"style": {
"navigationBarTitleText": "理货异常处理"
}
}], }],
"globalStyle": { "globalStyle": {
"navigationBarTextStyle": "black", "navigationBarTextStyle": "black",
......
pages/tally/abnormalTally.vue 0 → 100644
<template>
<view class="abnormalTally">
<view class="head-text row verCenter">
<view style="width: 50%;margin-left: 25rpx;">
<text class="t1">异常待处理：</text>
<text class="t2">88</text>
</view>
<view style="width: 50%;">
</view>
</view>
<view class="input-box row bothSide verCenter" style="margin-bottom: 16rpx;">
<input class="uni-input" placeholder="请取箱号" placeholder-style="color:#000;font-weight: bold;" />
<view class="btn row rowCenter verCenter">取箱号</view>
</view>
<view class="input-box row bothSide verCenter">
<input class="uni-input" placeholder="请输入或扫描异常批次" placeholder-style="color:#000;font-weight: bold;" />
<view class="btn1 row rowCenter verCenter">确 认</view>
</view>
<view class="tab row verCenter">
<view class="box" v-for="(item,index) in arr" :key="index" :class="{curr:curr==index}" @click="tab(index)">{{item}} (5)</view>
</view>
<view class="list">
<scroll-view scroll-y="true" class="scroll-Y">
<view class="box" v-for="(item,index) in 10" :key="index">
<view class="text row bothSide verCenter">
<text class="num row rowCenter verCenter">{{index+1}}</text>
<!-- 左侧 -->
<view class="bar" style="width: 60%;">
<view class="t1 mb16">YC0424001</view>
<view class="row verCenter mb16">
<text class="t2">型号：</text>
<text class="t3">BLM15KD200SN1D</text>
</view>
<view class="row verCenter">
<text class="t2">品牌：</text>
<text class="t3">NEXPERIA</text>
</view>
</view>
<!-- 右侧 -->
<view class="bar" style="width: 40%;">
<view class="row verCenter mb16">
<text class="t2">数量：</text>
<text class="t3">1,000,000</text>
</view>
<view class="row verCenter mb16">
<text class="t2">产地：</text>
<text class="t3">美国</text>
<text class="iconfont icon-jinggao31"></text>
<text class="t4" style="margin-left: 2rpx;">未确认</text>
</view>
<view class="row verCenter mb16">
<text class="t2">商检：</text>
<text class="t3">否</text>
</view>
</view>
</view>
<view class="btn-wrap row" v-if="index == 0">
<view class="btn row rowCenter verCenter">装 箱</view>
</view>
</view>
</scroll-view>
</view>
</view>
</template>
<script>
import { API } from '@/util/api.js';
import debounce from 'lodash/debounce';
export default {
data() {
return {
curr: 0,
arr: ['美产', '商检', '已装箱']
};
},
methods: {
tab(index) {
this.curr = index;
}
}
};
</script>
<style scoped lang="scss">
@import '@/assets/css/tally/abnormalTally.scss';
</style>
\ No newline at end of file
pages/tally/fixBox.vue 0 → 100644
<template>
<view class="tally-fixBox">
<view class="text row verCenter">
<view style="width: 50%;margin-left: 25rpx;">
<text class="t1">待装载箱数：</text>
<text class="t2">88</text>
</view>
<view style="width: 50%;">
<text class="t1">入仓号数：</text>
<text class="t2">88</text>
</view>
</view>
<view class="input-box row bothSide verCenter">
<input class="uni-input" placeholder="输入或扫描入箱号" placeholder-style="color:#000;font-weight: bold;" />
<view class="btn row rowCenter verCenter">添 加</view>
</view>
<view class="list">
<scroll-view scroll-y="true" class="scroll-Y">
<view class="title">合箱结果：</view>
<view class="box row bothSide verCenter" v-for="(item,index) in 20" :key="index">
<view class="row verCenter">
<text class="t1">{{index + 1}}.</text>
<text class="t2">X0422001</text>
</view>
<view class="tt">删除</view>
</view>
</scroll-view>
</view>
<view class="fix-btn row rowCenter verCenter">合 箱</view>
</view>
</template>
<script>
import { API } from '@/util/api.js';
import debounce from 'lodash/debounce';
export default {
data() {
return {
};
},
methods: {
}
};
</script>
<style scoped lang="scss">
@import '@/assets/css/tally/fixBox.scss';
</style>
\ No newline at end of file
pages/tally/printBox.vue 0 → 100644
<template>
<view class="printBox">
<view class="input-box row bothSide verCenter">
<input class="uni-input" placeholder="输入或扫描入箱号" placeholder-style="color:#000;font-weight: bold;" />
<view class="btn row rowCenter verCenter">打印箱号</view>
</view>
</view>
</template>
<script>
import { API } from '@/util/api.js';
import debounce from 'lodash/debounce';
export default {
data() {
return {
};
},
methods: {
}
};
</script>
<style scoped lang="scss">
.printBox {
margin-top: 24rpx;
height: 100vh;
padding: 0 24rpx;
overflow: hidden;
.input-box {
height: 88rpx;
background: #ffffff;
border-radius: 4rpx;
padding: 0 24rpx;
.uni-input {
font-weight: bold;
font-size: 28rpx;
color: #404547;
}
.btn {
width: 144rpx;
height: 48rpx;
background: #197adb;
border-radius: 4rpx;
font-size: 24rpx;
color: #ffffff;
}
}
}
</style>
\ No newline at end of file
pages/tally/unboxing.vue 0 → 100644
<template>
<view class="unboxing">
<view class="input-box row bothSide verCenter">
<input class="uni-input" placeholder="输入或扫描入箱号" placeholder-style="color:#000;font-weight: bold;" />
<view class="btn row rowCenter verCenter">开 箱</view>
</view>
</view>
</template>
<script>
import { API } from '@/util/api.js';
import debounce from 'lodash/debounce';
export default {
data() {
return {
};
},
methods: {
}
};
</script>
<style scoped lang="scss">
.unboxing {
margin-top: 24rpx;
height: 100vh;
padding: 0 24rpx;
overflow: hidden;
.input-box {
height: 88rpx;
background: #ffffff;
border-radius: 4rpx;
padding: 0 24rpx;
.uni-input {
font-weight: bold;
font-size: 28rpx;
color: #404547;
}
.btn {
width: 144rpx;
height: 48rpx;
background: #197adb;
border-radius: 4rpx;
font-size: 24rpx;
color: #ffffff;
}
}
}
</style>
\ No newline at end of file
static/iconfont.ttf
No preview for this file type
util/api.js
...@@ -250,7 +250,39 @@ const API = { ...@@ -250,7 +250,39 @@ const API = {
/** /**
* 标签打印 * 标签打印
*/ */
addSupplyChainData: API_BASE_WMS + '/open/label/addSupplyChainData' addSupplyChainData: API_BASE_WMS + '/open/label/addSupplyChainData',
/**
* 获取箱号
*/
getBoxSn: API_BASE + '/supplywechatwms/getBoxSn',
/**
* 获取锁定理货信息
*/
getTallyData: API_BASE + '/supplywechatwms/getTallyData',
/**
* 理货明细提交
*/
submitTallyDetail: API_BASE + '/supplywechatwms/submitTallyDetail',
/**
* 关单封箱
*/
closeBox: API_BASE + '/supplywechatwms/closeBox',
/**
* 理货明细撤销
*/
cancelTallyDetail: API_BASE + '/supplywechatwms/cancelTallyDetail',
/**
* 获取异常理货明细
*/
getAbnormalTallyDetail: API_BASE + '/supplywechatwms/getAbnormalTallyDetail',
/**
* 异常型号装箱
*/
getAbnormalTallyDetail: API_BASE + '/supplywechatwms/closeAbnormalBox',
/**
* 合箱
*/
fixBox: API_BASE + '/supplywechatwms/fixBox'
} }
......
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