Skip to content

梁建民 / wmsMin

Go to a project
Commit 55b3459b by LJM
Options

css

parent 2f81a9e2
Expand all
Inline Side-by-side
Showing with 761 additions and 12 deletions
assets/css/tallyGoods/confirm.scss 0 → 100644
.page-box {
margin-top: 24rpx;
padding: 0 24rpx;
.scanBarcode {
height: 88rpx;
background: #ffffff;
border-radius: 4rpx;
margin-bottom: 16rpx;
.iconfont {
font-size: 52rpx;
color: #197adb;
}
.tt {
margin-left: 12rpx;
font-size: 26rpx;
color: #404547;
}
}
.section {
padding: 24rpx 24rpx 0 24rpx;
background: #ffffff;
border-radius: 4rpx;
margin-bottom: 16rpx;
.warehouse {
padding-bottom: 24rpx;
border-bottom: 1px solid #e6edf0;
.t1 {
font-size: 22rpx;
color: #000;
margin-bottom: 8rpx;
}
.input-wrap {
.arrow {
width: 12rpx;
height: 12rpx;
background: #197adb;
border-radius: 50%;
margin-right: 16rpx;
}
.uni-input {
font-size: 32rpx;
color: #1e2021;
font-weight: bold;
}
}
.inspection {
width: 72rpx;
height: 36rpx;
border-radius: 4rpx;
border: 1rpx solid #197adb;
font-size: 24rpx;
color: #197adb;
}
}
.box {
height: 80rpx;
border-bottom: 1px solid #e6edf0;
&:last-child {
border-bottom: none;
}
.label {
font-size: 24rpx;
color: #6e767a;
margin-right: 60rpx;
}
.input-wrap {
width: calc(100% - 160rpx);
.text-prompt {
color: #6e767a;
font-size: 24rpx;
}
}
.input-wrap-width {
justify-content: flex-end;
.text {
font-size: 24rpx;
color: #404547;
font-weight: bold;
margin-right: 12rpx;
}
.iconfont {
font-size: 21rpx;
color: #9ca8ad;
}
}
.tab {
.tab-panel {
width: 120rpx;
height: 48rpx;
background: #9ca8ad;
border-radius: 4rpx;
font-size: 24rpx;
color: #ffffff;
margin-right: 24rpx;
&:last-child {
margin-right: 0;
}
&.curr {
background: #197adb;
}
}
}
.uni-input {
font-size: 24rpx;
color: #404547;
font-weight: bold;
}
}
.upload-box {
position: relative;
z-index: 1;
.title {
margin-bottom: 24rpx;
.tt-l {
font-size: 24rpx;
color: #6e767a;
}
.tt-r {
font-size: 24rpx;
color: #404547;
}
}
.upload-list {
padding-bottom: 48rpx;
.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;
}
}
}
}
.model-upload-list {
.box {
height: 80rpx;
border-bottom: 1rpx solid #e6edf0;
&:last-child {
border-bottom: none;
}
.file {
.t1 {
width: 258rpx;
color: #404547;
font-size: 24rpx;
font-weight: bold;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.t2 {
font-size: 24rpx;
color: #197adb;
margin-left: 4rpx;
margin-right: 16rpx;
}
.clear {
font-size: 24rpx;
color: #404547;
font-weight: bold;
}
}
.file-btn {
.t1 {
font-size: 24rpx;
color: #404547;
font-weight: bold;
margin-right: 12rpx;
}
.iconfont {
font-size: 21rpx;
color: #9ca8ad;
}
}
&.curr {
.file {
.t1 {
color: #197adb;
}
}
}
}
}
}
}
.btn {
position: relative;
z-index: 2;
height: 88rpx;
background: #197adb;
border-radius: 4rpx;
font-size: 28rpx;
color: #ffffff;
}
}
assets/css/tallyGoods/manualMerge.scss 0 → 100644
.page-box {
margin-top: 24rpx;
padding: 0 24rpx;
.title {
padding: 0 24rpx;
height: 80rpx;
background: #ffffff;
border-radius: 4rpx;
margin-bottom: 16rpx;
.t1 {
font-size: 24rpx;
color: #6e767a;
}
.t2 {
font-size: 24rpx;
color: #404547;
font-weight: bold;
}
}
.select-split {
margin-bottom: 48rpx;
.box {
padding: 24rpx;
border-radius: 4rpx;
background: #ffffff;
.label {
margin-bottom: 12rpx;
.t1 {
font-size: 22rpx;
color: #197adb;
margin-right: 8rpx;
}
.t2 {
font-size: 22rpx;
color: #6e767a;
}
}
.pick-list {
padding-bottom: 24rpx;
.uni-text {
font-size: 28rpx;
color: #404547;
font-weight: 600;
}
.iconfont {
font-size: 12rpx;
color: #9ca8ad;
}
}
.boxed_result {
border-top: 1px solid #e6edf0;
padding-top: 24rpx;
.t1 {
font-size: 22rpx;
color: #6e767a;
margin-right: 29rpx;
}
.t2 {
font-size: 22rpx;
color: #404547;
}
.t3 {
font-size: 22rpx;
color: #9ca8ad;
}
}
}
}
.btn {
position: relative;
height: 88rpx;
background: #197adb;
border-radius: 4rpx;
font-size: 28rpx;
color: #ffffff;
z-index: 2;
}
.btn-reset {
margin-top: 24rpx;
position: relative;
height: 88rpx;
background: #ffffff;
border-radius: 4rpx;
font-size: 28rpx;
color: #197adb;
z-index: 2;
}
}
.popup-content {
padding: 28rpx 24rpx 24rpx 24rpx;
.selected-items {
flex-wrap: wrap;
.box {
padding: 0 12rpx;
height: 44rpx;
background: #ffffff;
border-radius: 4rpx;
border: 1rpx solid #197adb;
margin-right: 16rpx;
margin-bottom: 16rpx;
.text {
font-size: 24rpx;
color: #197adb;
}
.close {
margin-left: 5rpx;
font-size: 36rpx;
color: #197adb;
}
}
}
.search-baar {
height: 88rpx;
background: #ffffff;
border-radius: 4rpx;
padding-left: 24rpx;
margin-bottom: 16rpx;
.iconfont {
font-size: 36rpx;
color: #6e767a;
}
.uni-input {
margin-left: 15rpx;
font-size: 28rpx;
color: #404547;
}
}
.data-list {
background: #ffffff;
border-radius: 4rpx;
margin-bottom: 22rpx;
max-height: 504rpx;
overflow-y: auto;
.box {
margin: 0 24rpx;
height: 84rpx;
border-bottom: 1rpx solid #e6edf0;
&:last-child {
border-bottom: none;
}
.text {
font-size: 26rpx;
color: #404547;
}
.check-ico {
width: 24rpx;
height: 25rpx;
background: url('https://img.ichunt.com/images/ichunt/202309/14/3743c01230310f62a2afa41a6c2eea96.png') no-repeat center;
background-size: contain;
display: block;
}
&.curr {
.text {
color: #197adb;
}
.check-ico {
background: url('https://img.ichunt.com/images/ichunt/202309/14/e651ddae61b5f02af4129f723b2cf74f.png') no-repeat center;
background-size: contain;
}
}
}
}
.pop-btn {
height: 88rpx;
background: #197adb;
border-radius: 4rpx;
font-size: 28rpx;
color: #ffffff;
}
}
assets/css/tallyGoods/originSplit.scss 0 → 100644
.page-box {
margin-top: 24rpx;
padding: 0 24rpx;
.title {
padding: 0 24rpx;
height: 80rpx;
background: #ffffff;
border-radius: 4rpx;
margin-bottom: 16rpx;
.t1 {
font-size: 24rpx;
color: #6e767a;
}
.t2 {
font-size: 24rpx;
color: #404547;
font-weight: bold;
}
}
.select-split {
.box {
padding: 24rpx;
margin-bottom: 16rpx;
border-radius: 4rpx;
background: #ffffff;
&:last-child {
margin-bottom: 0;
}
.label {
margin-bottom: 12rpx;
.t1 {
font-size: 22rpx;
color: #197adb;
margin-right: 8rpx;
}
.t2 {
font-size: 22rpx;
color: #6e767a;
}
}
.pick-list {
.uni-text {
font-size: 28rpx;
color: #404547;
font-weight: 600;
}
.iconfont {
font-size: 12rpx;
color: #9ca8ad;
}
}
}
}
.select-split-detail {
margin-bottom: 48rpx;
.box {
padding: 24rpx;
margin-bottom: 16rpx;
background: #ffffff;
border-radius: 4rpx;
&:last-child {
margin-bottom: 0;
}
.label {
margin-bottom: 12rpx;
font-size: 22rpx;
color: #6e767a;
}
.pick-list {
.wrap {
width: 50%;
.uni-text {
width: 196rpx;
font-size: 28rpx;
color: #404547;
font-weight: 600;
}
.iconfont {
font-size: 12rpx;
color: #9ca8ad;
margin-left: 79rpx;
}
}
.input-wrap {
width: 46%;
.uni-input {
font-size: 28rpx;
color: #404547;
font-weight: bold;
}
}
}
}
}
.text-details {
padding: 44rpx 24rpx 24rpx 24rpx;
.text-row {
.left {
.t1 {
font-size: 24rpx;
color: #6e767a;
margin-right: 16rpx;
}
.t2 {
font-size: 24rpx;
color: #404547;
}
}
.right {
.t1 {
font-size: 24rpx;
color: #197adb;
margin-right: 16rpx;
}
.t2 {
font-size: 24rpx;
color: #197adb;
font-weight: bold;
}
}
}
}
.btn {
position: relative;
z-index: 2;
height: 88rpx;
background: #197adb;
border-radius: 4rpx;
font-size: 28rpx;
color: #ffffff;
}
}
pages.json
......@@ -144,6 +144,21 @@
"style": {
"navigationBarTitleText": "扫描盘点"
}
}, {
"path": "pages/tallyGoods/confirm",
"style": {
"navigationBarTitleText": "理货确认"
}
}, {
"path": "pages/tallyGoods/originSplit",
"style": {
"navigationBarTitleText": "产地拆分"
}
}, {
"path": "pages/tallyGoods/manualMerge",
"style": {
"navigationBarTitleText": "手动合箱"
}
}],
"globalStyle": {
"navigationBarTextStyle": "black",
......
pages/home/index.vue
......@@ -70,16 +70,6 @@ export default {
tips: ''
},
{
name: '上架',
iconfont: 'icon-a-juxing11 disabled',
tips: ''
},
{
name: '拣货',
iconfont: 'icon-juxing4 disabled',
tips: ''
},
{
name: '仓内作业',
iconfont: 'icon-juxing5',
tips: ''
......@@ -138,6 +128,11 @@ export default {
name: '扫描盘点',
iconfont: 'icon-chakanbeizhu',
tips: ''
},
{
name: '理货确认',
iconfont: 'icon-chakanbeizhu',
tips: ''
}
]
};
......@@ -247,6 +242,10 @@ export default {
uni.navigateTo({
url: '/pages/scanInventory/index'
});
} else if (item.name == '理货确认') {
uni.navigateTo({
url: '/pages/tallyGoods/confirm'
});
} else {
uni.showModal({
title: '提示',
......
pages/tallyGoods/manualMerge.vue 0 → 100644
<template>
<view class="page-box">
<view class="title row bothSide verCenter">
<text class="t1">当前入仓号</text>
<text class="t2">B123456</text>
</view>
<view class="select-split">
<view class="box">
<view class="label row verCenter">
<text class="t1">*</text>
<text class="t2">请选择需要合箱的子箱号</text>
</view>
<view class="pick-list row bothSide verCenter">
<view class="uni-text" @click="open()">请选择</view>
<text class="iconfont icon-sanjiaoxing1"></text>
</view>
<view class="boxed_result row verCenter">
<text class="t1">合箱结果：</text>
<view class="row verCenter">
<text class="t2">B123459</text>
<text class="t3">+</text>
<text class="t2">B123459</text>
<text class="t3">+</text>
<text class="t2">B123459</text>
</view>
</view>
</view>
</view>
<view class="btn row rowCenter verCenter" @click="submit()">确 认</view>
<view class="btn-reset row rowCenter verCenter" @click="submit()">重 置</view>
<uni-popup ref="popup" background-color="#F1F4F6">
<view class="popup-content">
<view class="selected-items row">
<view class="box row verCenter" v-for="(item, index) in 10" :key="index">
<text class="text">B123456</text>
<text class="close">×</text>
</view>
</view>
<view class="search-baar row verCenter">
<text class="iconfont icon-a-riqi11"></text>
<input type="text" class="uni-input" placeholder="请输入箱号" placeholder-style="font-size:26rpx;color:#6E767A;" />
</view>
<view class="data-list">
<view class="box row bothSide verCenter curr" v-for="(item, index) in 30" :key="index">
<text class="text">B0000{{ index }}</text>
<view class="check-ico"></view>
</view>
</view>
<view class="pop-btn row rowCenter verCenter">确 认</view>
</view>
</uni-popup>
</view>
</template>
<script>
import { API } from '@/util/api.js';
export default {
data() {
return {
goods_list_index: -1,
goods_list: ['1-2328702-0', '1-2328701']
};
},
onLoad(options) {},
methods: {
open() {
this.$refs.popup.open('bottom');
},
getData() {
this.request(API.getCheckInList, 'POST', { number: this.id }, this.loading).then(res => {
if (res.err_code === 0) {
this.form.checkIn = res.data[0];
} else {
uni.showToast({
title: res.err_msg,
icon: 'error'
});
}
});
},
submit() {}
}
};
</script>
<style scoped lang="scss">
@import '../../assets/css/tallyGoods/manualMerge.scss';
</style>
pages/tallyGoods/originSplit.vue 0 → 100644
<template>
<view class="page-box">
<view class="title row bothSide verCenter">
<text class="t1">入仓号</text>
<text class="t2">B123456</text>
</view>
<view class="select-split">
<view class="box">
<view class="label row verCenter">
<text class="t1">*</text>
<text class="t2">选择需要拆分型号</text>
</view>
<view class="pick-list row bothSide verCenter">
<picker @change="bindPickerChange" :value="goods_list_index" :range="goods_list">
<view class="uni-text">{{ goods_list[goods_list_index] || '请选择型号' }}</view>
</picker>
<text class="iconfont icon-sanjiaoxing1"></text>
</view>
</view>
<view class="box">
<view class="label row verCenter">
<text class="t1">*</text>
<text class="t2">&nbsp;&nbsp;选择拆分数量</text>
</view>
<view class="pick-list row bothSide verCenter">
<picker @change="bindPickerChange" :value="goods_list_index" :range="goods_list">
<view class="uni-text">{{ goods_list[goods_list_index] || '请选择拆分数量' }}</view>
</picker>
<text class="iconfont icon-sanjiaoxing1"></text>
</view>
</view>
</view>
<view class="text-details">
<view class="text-row row verCenter bothSide" style="margin-bottom: 20rpx;">
<view class="left">
<text class="t1">原产国家：</text>
<text class="t2">美国</text>
</view>
<view class="right"></view>
</view>
<view class="text-row row verCenter bothSide">
<view class="left">
<text class="t1">订单数量：</text>
<text class="t2">1000</text>
</view>
<view class="right">
<text class="t1">剩余拆分：</text>
<text class="t2">10,000</text>
</view>
</view>
</view>
<view class="select-split-detail">
<view class="box">
<view class="label">产地拆分1</view>
<view class="pick-list row bothSide verCenter">
<view class="wrap row verCenter">
<picker @change="bindPickerChange" :value="goods_list_index" :range="goods_list">
<view class="uni-text">{{ goods_list[goods_list_index] || '请选择国家地区' }}</view>
</picker>
<text class="iconfont icon-sanjiaoxing1"></text>
</view>
<view class="input-wrap"><input type="number" inputmode="numeric" placeholder="请输入拆分数量" class="uni-input" placeholder-style="color:#404547;font-weight:bold;" /></view>
</view>
</view>
<view class="box">
<view class="label">产地拆分2</view>
<view class="pick-list row bothSide verCenter">
<view class="wrap row verCenter">
<picker @change="bindPickerChange" :value="goods_list_index" :range="goods_list">
<view class="uni-text">{{ goods_list[goods_list_index] || '请选择国家地区' }}</view>
</picker>
<text class="iconfont icon-sanjiaoxing1"></text>
</view>
<view class="input-wrap"><input type="number" inputmode="numeric" placeholder="请输入拆分数量" class="uni-input" placeholder-style="color:#404547;font-weight:bold;" /></view>
</view>
</view>
</view>
<view class="btn row rowCenter verCenter" @click="submit()">确认拆分</view>
</view>
</template>
<script>
import { API } from '@/util/api.js';
export default {
data() {
return {
goods_list_index: -1,
goods_list: ['1-2328702-0', '1-2328701']
};
},
onLoad(options) {},
methods: {
bindPickerChange: function(e) {
console.log('picker发送选择改变，携带值为', e.target.value);
this.index = e.target.value;
this.form.logistics_company = this.array[e.target.value];
},
getData() {
this.request(API.getCheckInList, 'POST', { number: this.id }, this.loading).then(res => {
if (res.err_code === 0) {
this.form.checkIn = res.data[0];
} else {
uni.showToast({
title: res.err_msg,
icon: 'error'
});
}
});
},
submit() {}
}
};
</script>
<style scoped lang="scss">
@import '../../assets/css/tallyGoods/originSplit.scss';
</style>
util/api.js
const API_BASE = 'https://api.ichunt.com';
//const API_BASE = 'http://api.liexin.com';
//const API_BASE = 'https://api.ichunt.com';
const API_BASE = 'http://api.liexin.com';
const API = {
/**
* 上传数据
......
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