Skip to content

梁建民 / wmsApp

Go to a project
Commit 33cc69dc by LJM
Options

css

parent 05c40e83
Inline Side-by-side
Showing with 745 additions and 18 deletions
assets/css/arrivalRegister/index.scss
......@@ -80,7 +80,7 @@
margin-bottom: 10rpx;
}
.text-item {
margin-bottom: 8rpx;
margin-bottom: 11rpx;
}
.label {
width: 82rpx;
......
assets/css/immediatelyStockIn/index.scss 0 → 100644
.immediatelyStockIn {
padding: 22rpx;
.form-input {
height: 60rpx;
background: #ffffff;
border-radius: 10rpx;
margin-bottom: 15rpx;
.text {
padding-left: 17rpx;
width: 164rpx;
height: 35rpx;
line-height: 35rpx;
border-right: 1px solid #f0f0f2;
font-size: 18rpx;
color: #292b33;
font-weight: bold;
}
.input-wrap {
padding-left: 17rpx;
padding-right: 18rpx;
width: calc(100% - 164rpx);
.uni-input {
font-size: 18rpx;
}
.iconfont {
font-size: 30rpx;
color: #c6c7cc;
}
}
.select-wrap {
padding-left: 17rpx;
padding-right: 18rpx;
width: calc(100% - 164rpx);
.uni-input {
font-size: 18rpx;
color: #484b59;
}
.uni-arrow {
width: 14rpx;
height: 9rpx;
background: url('https://img.ichunt.com/images/ichunt/202304/10/e4c72319ad41ce1425f71cc6ec35f111.png') no-repeat center;
background-size: contain;
margin-left: 12rpx;
}
}
}
.fix-btn {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
height: 75rpx;
background: #1969f9;
font-size: 23rpx;
color: #ffffff;
}
.top {
margin-bottom: 15rpx;
.box {
width: 345rpx;
height: 90rpx;
background: #ffffff;
border-radius: 10rpx;
.t1 {
font-size: 23rpx;
color: #1969f9;
margin-bottom: 4rpx;
}
.t2 {
font-size: 16rpx;
color: #919399;
}
}
}
.list {
.box {
padding: 15px 17rpx;
height: 283rpx;
background: #ffffff;
box-shadow: 0px 3rpx 3rpx 0px rgba(198, 199, 204, 0.3);
border-radius: 10rpx;
margin-bottom: 15rpx;
.wrap {
flex-wrap: wrap;
}
.bottom {
border-top: 1px solid #f0f0f2;
padding-top: 9rpx;
}
.input-box {
margin-bottom: 11rpx;
flex: 0 0 50%;
.label {
width: 114rpx;
font-size: 17rpx;
color: #919399;
white-space: nowrap;
}
.text {
font-size: 17rpx;
color: #484b59;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.tt {
font-size: 17rpx;
color: #1969f9;
}
}
}
}
}
assets/css/picking/index.scss 0 → 100644
.picking {
padding: 15rpx 22rpx;
.search-box {
height: 60rpx;
background: #ffffff;
border-radius: 10rpx;
padding: 0 18rpx 0 0;
.sn {
width: 164rpx;
height: 35rpx;
border-right: 1px solid #f0f0f2;
.uni-input {
font-size: 18rpx;
color: #292b33;
font-weight: bold;
}
.uni-arrow {
width: 14rpx;
height: 9rpx;
background: url('https://img.ichunt.com/images/ichunt/202304/10/e4c72319ad41ce1425f71cc6ec35f111.png') no-repeat center;
background-size: contain;
margin-left: 12rpx;
}
}
.search-bar {
width: calc(100% - 164rpx);
.icon-juxing1 {
font-size: 30rpx;
color: #919399;
margin-left: 17rpx;
margin-right: 13rpx;
}
.uni-input {
font-size: 18rpx;
color: #484b59;
}
.icon-a-juxing11 {
font-size: 30rpx;
color: #c6c7cc;
}
}
}
.list {
margin-top: 15rpx;
padding-bottom: 150rpx;
flex-wrap: wrap;
.box {
position: relative;
padding: 15rpx 17rpx 0 17rpx;
width: 345rpx;
height: 244rpx;
background: #ffffff;
box-shadow: 0px 3rpx 3rpx 0px rgba(198, 199, 204, 0.3);
border-radius: 10rpx;
margin-right: 15rpx;
margin-bottom: 15rpx;
&:nth-of-type(2n) {
margin-right: 0;
}
.bor {
height: 1px;
background-color: #f0f0f2;
margin-bottom: 10rpx;
}
.text-item {
margin-bottom: 11rpx;
}
.label {
width: 82rpx;
font-size: 16rpx;
color: #919399;
}
.t1 {
font-size: 16rpx;
color: #1969f9;
}
.tt {
width: calc(100% - 93rpx);
font-size: 16rpx;
color: #484b59;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.btn-box {
justify-content: flex-end;
.btn {
width: 68rpx;
height: 30rpx;
background: #1969f9;
border-radius: 8rpx;
font-size: 15rpx;
color: #ffffff;
}
}
}
}
}
assets/css/picking/me.scss 0 → 100644
.picking-me {
padding: 15rpx 22rpx;
.search-box {
height: 60rpx;
background: #ffffff;
border-radius: 10rpx;
padding: 0 18rpx 0 0;
.sn {
width: 164rpx;
height: 35rpx;
border-right: 1px solid #f0f0f2;
.uni-input {
font-size: 18rpx;
color: #292b33;
font-weight: bold;
}
.uni-arrow {
width: 14rpx;
height: 9rpx;
background: url('https://img.ichunt.com/images/ichunt/202304/10/e4c72319ad41ce1425f71cc6ec35f111.png') no-repeat center;
background-size: contain;
margin-left: 12rpx;
}
}
.search-bar {
width: calc(100% - 164rpx);
.icon-juxing1 {
font-size: 30rpx;
color: #919399;
margin-left: 17rpx;
margin-right: 13rpx;
}
.uni-input {
font-size: 18rpx;
color: #484b59;
}
.icon-a-juxing11 {
font-size: 30rpx;
color: #c6c7cc;
}
}
}
.list {
margin-top: 15rpx;
padding-bottom: 150rpx;
flex-wrap: wrap;
.box {
position: relative;
padding: 15rpx 17rpx 0 17rpx;
width: 345rpx;
height: 313rpx;
background: #ffffff;
box-shadow: 0px 3rpx 3rpx 0px rgba(198, 199, 204, 0.3);
border-radius: 10rpx;
margin-right: 15rpx;
margin-bottom: 15rpx;
&:nth-of-type(2n) {
margin-right: 0;
}
.bor {
height: 1px;
background-color: #f0f0f2;
margin-bottom: 10rpx;
}
.text-item {
margin-bottom: 11rpx;
}
.label {
width: 82rpx;
font-size: 16rpx;
color: #919399;
}
.t1 {
font-size: 16rpx;
color: #1969f9;
}
.tt {
width: calc(100% - 93rpx);
font-size: 16rpx;
color: #484b59;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.btn-box {
justify-content: flex-end;
.btn1 {
width: 68rpx;
height: 30rpx;
border-radius: 8px;
border: 1px solid #ff3700;
font-size: 15rpx;
color: #ff3700;
margin-right: 10rpxs;
}
.btn2 {
width: 68rpx;
height: 30rpx;
border: 1px solid #c6c7cc;
border-radius: 8rpx;
font-size: 15rpx;
color: #1969f9;
}
}
}
}
}
assets/css/repairPrint/index.scss 0 → 100644
.repairPrint {
padding: 15rpx 22rpx;
.search-box {
height: 60rpx;
background: #ffffff;
border-radius: 10rpx;
padding: 0 18rpx 0 0;
.sn {
width: 164rpx;
height: 35rpx;
border-right: 1px solid #f0f0f2;
.uni-input {
font-size: 18rpx;
color: #292b33;
font-weight: bold;
}
.uni-arrow {
width: 14rpx;
height: 9rpx;
background: url('https://img.ichunt.com/images/ichunt/202304/10/e4c72319ad41ce1425f71cc6ec35f111.png') no-repeat center;
background-size: contain;
margin-left: 12rpx;
}
}
.search-bar {
width: calc(100% - 164rpx);
.icon-juxing1 {
font-size: 30rpx;
color: #919399;
margin-left: 17rpx;
margin-right: 13rpx;
}
.uni-input {
font-size: 18rpx;
color: #484b59;
}
.icon-a-juxing11 {
font-size: 30rpx;
color: #c6c7cc;
}
}
}
.fix-btn {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
height: 75rpx;
background: #1969f9;
font-size: 23rpx;
color: #ffffff;
}
}
manifest.json
......@@ -48,7 +48,8 @@
"sdkConfigs": {
"ad": {}
}
}
},
"nvueLaunchMode": ""
},
/* 快应用特有相关 */
"quickapp": {},
......@@ -58,8 +59,8 @@
"setting": {
"urlCheck": false,
"postcss": true,
"es6": false,
"minified": false
"es6": true,
"minified": true
},
"usingComponents": true
},
......@@ -75,5 +76,11 @@
"uniStatistics": {
"enable": false
},
"vueVersion": "2"
"vueVersion": "2",
"quickapp-webview": {
"icon": "wms",
"package": "com.liexin.wms",
"versionName": "1.0",
"minPlatformVersion": "1.0"
}
}
\ No newline at end of file
pages.json
......@@ -137,6 +137,11 @@
"navigationBarTitleText": "我的拣货"
}
}, {
"path": "pages/picking/record",
"style": {
"navigationBarTitleText": "拣货记录"
}
}, {
"path": "pages/stockRecheck/index",
"style": {
"navigationBarTitleText": "复核"
......@@ -152,6 +157,16 @@
"navigationBarTitleText": "库存查询"
}
}, {
"path": "pages/immediatelyStockIn/list",
"style": {
"navigationBarTitleText": "库存列表"
}
}, {
"path": "pages/repairPrint/index",
"style": {
"navigationBarTitleText": "标签补打"
}
}, {
"path": "pages/mine/login",
"style": {
"navigationBarTitleText": "登录"
......
pages/immediatelyStockIn/index.vue
<template>
<view class="index">库存查询</view>
<view class="immediatelyStockIn">
<view class="form-input row verCenter">
<text class="text row verCenter">货品编码</text>
<view class="row bothSide verCenter input-wrap">
<input type="text" placeholder="请输入货品编码" placeholder-style="color:#919399" class="uni-input" />
<text class="iconfont icon-a-juxing11"></text>
</view>
</view>
<view class="form-input row verCenter">
<text class="text row verCenter">货品名称</text>
<view class="row bothSide verCenter input-wrap">
<input type="text" placeholder="请输入货品名称" placeholder-style="color:#919399" class="uni-input" />
<text class="iconfont icon-a-juxing11"></text>
</view>
</view>
<view class="form-input row verCenter">
<text class="text row verCenter">库 位</text>
<view class="row bothSide verCenter input-wrap">
<input type="text" placeholder="请输入库位" placeholder-style="color:#919399" class="uni-input" />
<text class="iconfont icon-a-juxing11"></text>
</view>
</view>
<view class="form-input row verCenter">
<text class="text row verCenter">仓 库</text>
<view class="row bothSide verCenter select-wrap">
<picker @change="bindPickerChange" :value="index" :range="array" style="width: 100%;">
<view class="row verCenter bothSide">
<view class="uni-input">{{ array[index] }}</view>
<view class="uni-arrow"></view>
</view>
</picker>
</view>
</view>
<view class="fix-btn row rowCenter verCenter" @click="search()">查询</view>
</view>
</template>
<script>
import { API } from '@/util/api.js';
export default {
data() {
return {};
return {
index: 0,
array: ['深圳现货仓', '深圳自营仓']
};
},
onLoad() {},
methods: {}
methods: {
bindPickerChange: function(e) {
console.log('picker发送选择改变，携带值为', e.detail.value);
this.index = e.detail.value;
},
search() {
uni.navigateTo({
url: '/pages/immediatelyStockIn/list'
});
}
}
};
</script>
<style scoped lang="scss">
@import '@/assets/css/index/index.scss';
@import '@/assets/css/immediatelyStockIn/index.scss';
</style>
pages/immediatelyStockIn/list.vue 0 → 100644
<template>
<view class="immediatelyStockIn">
<view class="top row bothSide verCenter">
<view class="column rowCenter verCenter box">
<text class="t1">60990</text>
<text class="t2">可用库存数量</text>
</view>
<view class="column rowCenter verCenter box">
<text class="t1">103290</text>
<text class="t2">库存总数量</text>
</view>
</view>
<view class="list">
<view class="box" v-for="(item, index) in 15">
<view class="row wrap">
<view class="input-box row verCenter">
<text class="label">库 位：</text>
<text class="text">A65512</text>
</view>
<view class="input-box row verCenter">
<text class="label">容器：</text>
<text class="text">RQ0001</text>
</view>
<view class="input-box row verCenter">
<text class="label">入库批次号：</text>
<text class="text">L-ASN2201010001</text>
</view>
<view class="input-box row verCenter">
<text class="label">库 存 I D：</text>
<text class="text">A65512</text>
</view>
<view class="input-box row verCenter">
<text class="label">入 仓 号：</text>
<text class="text">C12345</text>
</view>
<view class="input-box row verCenter">
<text class="label">识 别 码：</text>
<text class="text">2121</text>
</view>
<view class="input-box row verCenter">
<text class="label">货品编码：</text>
<text class="text">C12345</text>
</view>
<view class="input-box row verCenter">
<text class="label">货品名称：</text>
<text class="text">2121</text>
</view>
<view class="input-box row verCenter">
<text class="label">标准品牌：</text>
<text class="text">C12345</text>
</view>
<view class="input-box row verCenter">
<text class="label">D / C：</text>
<text class="text">2121</text>
</view>
<view class="input-box row verCenter">
<text class="label">产 地：</text>
<text class="text">美国</text>
</view>
<view class="input-box row verCenter">
<text class="label">货品品质：</text>
<text class="text">良品</text>
</view>
<view class="input-box row verCenter" style="flex: 0 0 100%;">
<text class="label">其他批次属性：</text>
<text class="text">-</text>
</view>
</view>
<view class="bottom row">
<view class="input-box row verCenter">
<text class="label">库存总数量：</text>
<text class="tt">10000</text>
</view>
<view class="input-box row verCenter">
<text class="label">可用库存数量：</text>
<text class="tt">1000</text>
</view>
</view>
</view>
</view>
</view>
</template>
<script>
import { API } from '@/util/api.js';
export default {
data() {
return {};
},
onLoad() {},
methods: {}
};
</script>
<style scoped lang="scss">
@import '@/assets/css/immediatelyStockIn/index.scss';
</style>
pages/index/index.vue
......@@ -46,7 +46,7 @@
<view class="box row rowCenter verCenter"><image src="/static/home/矩形@2x(6).png"></image></view>
<text class="text">库存查询</text>
</navigator>
<navigator class="box-li column rowCenter verCenter" url="/pages/immediatelyStockIn/index" hover-class="none">
<navigator class="box-li column rowCenter verCenter" url="/pages/repairPrint/index" hover-class="none">
<view class="box row rowCenter verCenter"><image src="/static/home/矩形@2x(9).png"></image></view>
<text class="text">标签补打</text>
</navigator>
......
pages/picking/index.vue
<template>
<view class="index">拣货</view>
<view class="picking">
<view class="search-box row bothSide verCenter">
<view class="sn row rowCenter verCenter">
<picker @change="bindPickerChange" :value="index" :range="array">
<view class="row verCenter">
<view class="uni-input">{{ array[index] }}</view>
<view class="uni-arrow"></view>
</view>
</picker>
</view>
<view class="search-bar row bothSide verCenter">
<view class="row verCenter">
<text class="iconfont icon-juxing1"></text>
<input class="uni-input" placeholder="请扫描或输入号码" placeholder-style="color:#919399" />
</view>
<text class="iconfont icon-a-juxing11"></text>
</view>
</view>
<view class="list row bothSide">
<view class="box" v-for="(item, index) in 10" :key="index">
<view class="text-item row verCenter">
<text class="label">出库单号：</text>
<text class="t1">ASN2201010001</text>
</view>
<view class="text-item row verCenter">
<text class="label">状 态：</text>
<text class="t1">全部锁库</text>
</view>
<view class="bor row"></view>
<view class="text-item row verCenter">
<text class="label">任 务 数：</text>
<text class="tt">8</text>
</view>
<view class="text-item row verCenter">
<text class="label">总 数 量：</text>
<text class="tt">5000</text>
</view>
<view class="text-item row verCenter">
<text class="label">上游备注：</text>
<text class="tt">我是一条备注我是一条备注我是一条备注我是一条备注</text>
</view>
<view class="text-item row verCenter">
<text class="label">销售员：</text>
<text class="tt">朱国军</text>
</view>
<view class="btn-box row"><view class="btn row rowCenter verCenter">领取</view></view>
</view>
</view>
</view>
</template>
<script>
import { API } from '@/util/api.js';
export default {
data() {
return {};
return {
index: 0,
array: ['出库单号']
};
},
onLoad() {},
methods: {}
onNavigationBarButtonTap(e) {
if (e.index == 0) {
uni.navigateTo({
url: '/pages/picking/me'
});
}
},
methods: {
bindPickerChange: function(e) {
console.log('picker发送选择改变，携带值为', e.detail.value);
this.index = e.detail.value;
}
}
};
</script>
<style scoped lang="scss">
@import '@/assets/css/index/index.scss';
@import '@/assets/css/picking/index.scss';
</style>
pages/picking/me.vue
<template>
<view class="index">我的拣货</view>
<view class="picking-me">
<view class="search-box row bothSide verCenter">
<view class="sn row rowCenter verCenter">
<picker @change="bindPickerChange" :value="index" :range="array">
<view class="row verCenter">
<view class="uni-input">{{ array[index] }}</view>
<view class="uni-arrow"></view>
</view>
</picker>
</view>
<view class="search-bar row bothSide verCenter">
<view class="row verCenter">
<text class="iconfont icon-juxing1"></text>
<input class="uni-input" placeholder="请扫描或输入号码" placeholder-style="color:#919399" />
</view>
<text class="iconfont icon-a-juxing11"></text>
</view>
</view>
<view class="list row bothSide">
<view class="box" v-for="(item, index) in 10" :key="index">
<view class="text-item row verCenter">
<text class="label">出库单号：</text>
<text class="t1">ASN2201010001</text>
</view>
<view class="text-item row verCenter">
<text class="label">状 态：</text>
<text class="t1">全部锁库</text>
</view>
<view class="bor row"></view>
<view class="text-item row verCenter">
<text class="label">任 务 数：</text>
<text class="tt">8</text>
</view>
<view class="text-item row verCenter">
<text class="label">总 数 量：</text>
<text class="tt">5000</text>
</view>
<view class="text-item row verCenter">
<text class="label">上游备注：</text>
<text class="tt">我是一条备注我是一条备注我是一条备注我是一条备注</text>
</view>
<view class="text-item row verCenter">
<text class="label">领取时间：</text>
<text class="tt">2023-04-01 11:28:59</text>
</view>
<view class="text-item row verCenter">
<text class="label">销售员：</text>
<text class="tt">朱国军</text>
</view>
<view class="btn-box row">
<view class="btn1 row rowCenter verCenter">释放</view>
<view class="btn2 row rowCenter verCenter">详情</view>
</view>
</view>
</view>
</view>
</template>
<script>
import { API } from '@/util/api.js';
export default {
data() {
return {};
return {
index: 0,
array: ['出库单号']
};
},
onLoad() {},
methods: {}
methods: {
bindPickerChange: function(e) {
console.log('picker发送选择改变，携带值为', e.detail.value);
this.index = e.detail.value;
}
}
};
</script>
<style scoped lang="scss">
@import '@/assets/css/index/index.scss';
@import '@/assets/css/picking/me.scss';
</style>
pages/picking/record.vue 0 → 100644
<template>
<view class="index">拣货记录</view>
</template>
<script>
import { API } from '@/util/api.js';
export default {
data() {
return {};
},
onLoad() {},
methods: {}
};
</script>
<style scoped lang="scss">
@import '@/assets/css/index/index.scss';
</style>
pages/repairPrint/index.vue 0 → 100644
<template>
<view class="repairPrint">
<view class="search-box row bothSide verCenter">
<view class="sn row rowCenter verCenter">
<picker @change="bindPickerChange" :value="index" :range="array">
<view class="row verCenter">
<view class="uni-input">{{ array[index] }}</view>
<view class="uni-arrow"></view>
</view>
</picker>
</view>
<view class="search-bar row bothSide verCenter">
<view class="row verCenter">
<text class="iconfont icon-juxing1"></text>
<input class="uni-input" placeholder="请输入号码" placeholder-style="color:#919399" />
</view>
<text class="iconfont icon-a-juxing11"></text>
</view>
</view>
<view class="fix-btn row rowCenter verCenter">打印</view>
</view>
</template>
<script>
import { API } from '@/util/api.js';
export default {
data() {
return {
index: 0,
array: ['入库标签', '容器标签', '客户专用标签']
};
},
onLoad() {},
methods: {
bindPickerChange: function(e) {
console.log('picker发送选择改变，携带值为', e.detail.value);
this.index = e.detail.value;
}
}
};
</script>
<style scoped lang="scss">
@import '@/assets/css/repairPrint/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