Skip to content

梁建民 / wmsMin

Go to a project
Commit 72486b55 by liangjianmin
Options

新增收货登记

parent b72dc6de
Inline Side-by-side
Showing with 363 additions and 3 deletions
assets/css/font.css
......@@ -11,6 +11,18 @@
-moz-osx-font-smoothing: grayscale;
}
.icon-xingzhuangjiehe:before {
content: "\e74f";
}
.icon-juxing6:before {
content: "\e77a";
}
.icon-sanjiaoxing:before {
content: "\e779";
}
.icon-sanjiaoxing1:before {
content: "\e763";
}
......
assets/css/goods/addReceiving.scss 0 → 100644
.addReceiving {
margin-top: 24rpx;
padding: 0 24rpx;
.base-information {
padding: 24rpx;
background: #ffffff;
border-radius: 4rpx;
margin-bottom: 16rpx;
.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;
}
}
.toggle {
.iconfont {
font-size: 16rpx;
color: #9ca8ad;
}
.tt {
margin-left: 11rpx;
font-size: 24rpx;
color: #404547;
}
}
}
.pp {
margin-bottom: 20rpx;
&.mb0 {
margin-bottom: 0;
}
.t1 {
width: 120rpx;
font-size: 24rpx;
color: #6e767a;
margin-right: 16rpx;
}
.t2 {
font-size: 24rpx;
color: #404547;
}
}
}
.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 {
font-size: 24rpx;
color: #6e767a;
margin-right: 60rpx;
}
.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;
}
}
pages.json
......@@ -35,17 +35,22 @@
"style": {
"navigationBarTitleText": "打印标签"
}
},{
}, {
"path": "pages/tag/repairPrint",
"style": {
"navigationBarTitleText": "补打标签"
}
},{
}, {
"path": "pages/goods/receiving",
"style": {
"navigationBarTitleText": "收货登记"
}
},{
}, {
"path": "pages/goods/addReceiving",
"style": {
"navigationBarTitleText": "新增收货登记"
}
}, {
"path": "pages/mine/login",
"style": {
"navigationBarTitleText": "登录"
......
pages/goods/addReceiving.vue 0 → 100644
<template>
<view class="addReceiving">
<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 class="toggle row verCenter">
<text class="iconfont icon-sanjiaoxing"></text>
<text class="tt">隐藏</text>
</view>
</view>
<view class="pp row verCenter">
<text class="t1">入仓号：</text>
<text class="t2">A123456</text>
</view>
<view class="pp row verCenter">
<text class="t1">订单时间：</text>
<text class="t2">2020/07/20 15:12</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">SAMSUNG SDI CO., LTD</text>
</view>
<view class="pp row verCenter">
<text class="t1">送货方式：</text>
<text class="t2">快递物流</text>
</view>
<view class="pp row verCenter mb0">
<text class="t1">采购备注：</text>
<text class="t2">fedex：541717101556</text>
</view>
</view>
<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="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-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 class="scan-view row verCenter">
<text class="iconfont icon-juxing6"></text>
<text class="tt">扫描</text>
</view>
</view>
</view>
<view class="upload-box">
<view class="title row bothSide verCenter">
<text class="tt-l">收货图片上传（选填）</text>
<text class="tt-r">2/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/addReceiving.scss';
</style>
static/iconfont.ttf
No preview for this file type
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