RRSWithSmartHome
/
pda_uniapp
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

rrsUI更新

RS2507
wangsiyang 2025-09-05 15:22:43 +08:00
parent 6e523d701b
commit 0b6999151f
44 changed files with 1707 additions and 545 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

242
components/bottomBtn/bottomBtn.vue 100644
View File

@ -0,0 +1,242 @@
<!-- PageBottom.vue -->
<template>
<view class="pageBottom" :style="{ position: position, bottom: isSubmit ? '60rpx' : '0' }">
<!-- 三按钮 -->
<view class="thirdbuttons" v-if="isThird">
<view class="buttonLeft button" @click="onSubmit()">{{ texts[0] }}</view>
<view class="buttonMid button" @click="onCancel()">{{ texts[1] }}</view>
<view class="buttonRight button" @click="onCheck()">{{ texts[2] }}</view>
</view>
<!-- 双按钮 -->
<view class="buttons" v-else-if="isDouble">
<view class="buttonLeft button" @click="onCancel()">{{ texts[0] }}</view>
<view class="buttonRight button" @click="onSubmit()">{{ texts[1] }}</view>
</view>
<!-- 单按钮 -->
<view v-else class="buttons" @click="onSubmit()">
<view class="buttonOne button">{{ texts[0] }}</view>
</view>
</view>
</template>
<script>
export default {
name: 'PageBottom',
// 接收的 props
props: {
backgroundWhite: {
type: Boolean,
default: false
},
isSubmit: {
type: Boolean,
default: false
},
isWhite: {
type: Boolean,
default: true
},
isThird: {
type: Boolean,
default: false
},
isDouble: {
type: Boolean,
default: false
},
disable: {
type: Boolean,
default: false
},
texts: {
type: Array,
default () {
return ['取消', '确定'];
}
},
text: {
type: String,
default: ''
},
position: {
type: String,
default: 'fixed'
}
},
// 方法
methods: {
onSubmit() {
if (props.disable) return
this.$emit('onSubmit');
},
onCancel() {
if (props.disable) return
this.$emit('onCancel');
},
onCheck() {
if (props.disable) return
this.$emit('onCheck');
}
}
};
</script>
<style scoped lang="scss">
.pageBottom {
left: 0;
bottom: 0;
z-index: 30;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
width: 100%;
padding: 20rpx 0 20rpx;
.button {
display: flex;
justify-content: center;
align-items: center;
width: 686rpx;
height: 72rpx;
font-weight: 400;
font-size: 32rpx;
color: #ffffff;
border-radius: 16rpx;
background: rgb(22, 93, 255);
}
.backgroundWhite {
background: #fff;
color: #165dff;
border: 2rpx solid rgb(22, 93, 255);
}
.buttons {
display: flex;
justify-content: center;
width: 100%;
position: fixed;
bottom: 0;
left: 0;
padding: 24rpx 0 60rpx;
background-color: #fff;
.buttonOne {
display: flex;
justify-content: center;
align-items: center;
height: 90rpx;
width: 664rpx;
box-sizing: border-box;
background: rgb(22, 93, 255);
border-radius: 16rpx;
color: #FFFFFF;
font-weight: 400;
font-size: 32rpx;
}
.buttonLeft {
display: flex;
justify-content: center;
align-items: center;
height: 90rpx;
width: 332rpx;
box-sizing: border-box;
background: rgb(22, 93, 255);
border-radius: 16rpx;
color: #FFFFFF;
font-weight: 400;
font-size: 32rpx;
}
.buttonRight {
display: flex;
justify-content: center;
align-items: center;
height: 90rpx;
width: 332rpx;
border-radius: 16rpx;
background: rgb(22, 93, 255);
font-weight: 400;
font-size: 32rpx;
color: #FFFFFF;
margin-left: 22rpx;
}
}
.thirdbuttons {
display: flex;
justify-content: center;
width: 100%;
position: fixed;
bottom: 0;
left: 0;
padding: 10rpx 0 60rpx;
background-color: #fff;
.buttonLeft {
display: flex;
justify-content: center;
align-items: center;
height: 72rpx;
width: 232rpx;
box-sizing: border-box;
border: 2rpx solid rgb(22, 93, 255);
border-radius: 16rpx;
background: rgb(255, 255, 255);
color: #165DFF;
font-weight: 400;
font-size: 32rpx;
}
.buttonMid {
display: flex;
justify-content: center;
align-items: center;
height: 72rpx;
width: 232rpx;
box-sizing: border-box;
border: 2rpx solid rgb(22, 93, 255);
border-radius: 16rpx;
background: rgb(255, 255, 255);
color: #165DFF;
font-weight: 400;
font-size: 32rpx;
margin-left: 10rpx;
}
.buttonRight {
display: flex;
justify-content: center;
align-items: center;
height: 72rpx;
width: 232rpx;
border-radius: 16rpx;
background: rgb(22, 93, 255);
font-weight: 400;
font-size: 32rpx;
color: #FFFFFF;
margin-left: 10rpx;
}
}
}
.contentWhite {
content: '';
position: fixed;
left: 0;
bottom: 0;
width: 100%;
height: 240rpx;
background: linear-gradient(to bottom,
#f3ece400 0%,
#F2F3F5 100%);
pointer-events: none;
}
</style>

6
components/colorui/components/cu-custom.vue
View File

@ -1,7 +1,7 @@
<template> <template>
<view> <view>
<view class="cu-custom" :style="[{height:CustomBar + 'px'}]"> <view class="cu-custom" :style="[{height:CustomBar + 'px'}]">
<view class="cu-bar fixed" :style="style" :class="[bgImage!=''?'none-bg text-white bg-img':'',bgColor]"> <view class="cu-bar fixed" :style="style" :class="[bgImage!=''?'none-bg text-white bg-img':'']">
<view class="action" @tap="BackPage" v-if="isBack"> <view class="action" @tap="BackPage" v-if="isBack">
<text class="cuIcon-back"></text> <text class="cuIcon-back"></text>
<slot name="backText"></slot> <slot name="backText"></slot>
@ -61,5 +61,7 @@
</script> </script>
<style> <style>
.cu-bar{
background-color: #fff;
}
</style> </style>

8
components/colorui/main.css
View File

@ -11,7 +11,7 @@
初始化 初始化
==================== */ ==================== */
body { body {
background-color: #f1f1f1; background-color: #fff;
font-size: 28upx; font-size: 28upx;
color: #333333; color: #333333;
font-family: Helvetica Neue, Helvetica, sans-serif; font-family: Helvetica Neue, Helvetica, sans-serif;
@ -180,7 +180,7 @@ switch .uni-switch-input {
switch .wx-switch-input:not([class*="bg-"]), switch .wx-switch-input:not([class*="bg-"]),
switch .uni-switch-input:not([class*="bg-"]) { switch .uni-switch-input:not([class*="bg-"]) {
background: #8799a3 !important; background: #165DFF !important;
} }
switch .wx-switch-input::after, switch .wx-switch-input::after,
@ -1071,7 +1071,7 @@ button.cuIcon.lg {
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
font-size: 28upx; font-size: 28upx;
z-index: 9999; z-index: 99;
line-height: 2.4em; line-height: 2.4em;
} }
@ -1885,7 +1885,7 @@ button.cuIcon.lg {
padding-right: 150upx; padding-right: 150upx;
/* #endif */ /* #endif */
box-shadow: 0upx 0upx 0upx; box-shadow: 0upx 0upx 0upx;
z-index: 9999; z-index: 99;
} }
.cu-custom .cu-bar .border-custom { .cu-custom .cu-bar .border-custom {

6
package-lock.json generated 100644
View File

@ -0,0 +1,6 @@
{
"name": "pda_uniapp",
"lockfileVersion": 3,
"requires": true,
"packages": {}
}

10
pages.json
View File

@ -199,24 +199,24 @@
} }
], ],
"tabBar": { "tabBar": {
"color": "#000000", "selectedColor":"#165DFF",
"selectedColor": "#000000", "color":"#4E5969",
"borderStyle": "white", "borderStyle": "white",
"backgroundColor": "#ffffff", "backgroundColor": "#ffffff",
"list": [{ "list": [{
"pagePath": "pages/index", "pagePath": "pages/index",
"iconPath": "static/images/tabbar/home.png", "iconPath": "static/images/tabbar/home.png",
"selectedIconPath": "static/images/tabbar/home_.png", "selectedIconPath": "static/images/tabbar/homeS.png",
"text": "首页" "text": "首页"
}, { }, {
"pagePath": "pages/work/index", "pagePath": "pages/work/index",
"iconPath": "static/images/tabbar/work.png", "iconPath": "static/images/tabbar/work.png",
"selectedIconPath": "static/images/tabbar/work_.png", "selectedIconPath": "static/images/tabbar/workS.png",
"text": "工作台" "text": "工作台"
}, { }, {
"pagePath": "pages/mine/index", "pagePath": "pages/mine/index",
"iconPath": "static/images/tabbar/mine.png", "iconPath": "static/images/tabbar/mine.png",
"selectedIconPath": "static/images/tabbar/mine_.png", "selectedIconPath": "static/images/tabbar/mineS.png",
"text": "我的" "text": "我的"
}] }]
}, },

10
pages/index.vue
View File

@ -1,5 +1,5 @@
<template> <template>
<view> <view class="home-container">
<!-- <image class="logo" src="@/static/images/superMan.png"></image> <!-- <image class="logo" src="@/static/images/superMan.png"></image>
<view class="text-area"> <view class="text-area">
<text class="title">这里是主页，放几个统计图</text> <text class="title">这里是主页，放几个统计图</text>
@ -13,7 +13,7 @@
v-if="item.type=='video'"></video> v-if="item.type=='video'"></video>
</swiper-item> </swiper-item>
</swiper> </swiper>
<uni-section title="系统功能" type="line"></uni-section> <!-- <uni-section title="系统功能" type="line"></uni-section> -->
</view> </view>
</template> </template>
@ -126,6 +126,12 @@
</script> </script>
<style> <style>
.home-container {
background: linear-gradient(180.00deg, rgb(181, 202, 245) 0%, rgb(184, 204, 245) 40.449%, rgba(213, 227, 249, 0) 87.96%);
width: 100%;
height: 90vh;
overflow: hidden;
}
.content { .content {
display: flex; display: flex;
flex-direction: column; flex-direction: column;

60
pages/login.vue
View File

@ -1,17 +1,20 @@
<!--登录界面--> <!--登录界面-->
<template> <template>
<view class="normal-login-container"> <view class="normal-login-container">
<view class=" margin-top "> <view class="loginBg">
<img class="logo" src="/static/logo200.png" mode="widthFix"> <img class="logo" src="/static/images/loginBg.png" mode="widthFix">
<div class="head">RRS APP</div>
</view> </view>
<view class="login-form-content"> <view class="login-form-content">
<view class="input-item flex align-center"> <view class="input-item flex align-center">
<view class="iconfont icon-user icon"></view> <view class="login-icon">
<img src="/static/images/user.png" alt="" srcset="" />
</view>
<input v-model="loginForm.username" class="input" type="text" placeholder="请输入账号" maxlength="30" /> <input v-model="loginForm.username" class="input" type="text" placeholder="请输入账号" maxlength="30" />
</view> </view>
<view class="input-item flex align-center"> <view class="input-item flex align-center">
<view class="iconfont icon-password icon"></view> <view class="login-icon">
<img src="/static/images/pass.png" alt="" srcset="" />
</view>
<input v-model="loginForm.password" type="password" class="input" placeholder="请输入密码" maxlength="20" /> <input v-model="loginForm.password" type="password" class="input" placeholder="请输入密码" maxlength="20" />
</view> </view>
<view class="input-item flex align-center" style="width: 60%;margin: 0px;" v-if="captchaEnabled"> <view class="input-item flex align-center" style="width: 60%;margin: 0px;" v-if="captchaEnabled">
@ -147,14 +150,16 @@
page { page {
background-color: #ffffff; background-color: #ffffff;
} }
.loginBg{
position: absolute;
top: 0;
left: 0;
width: 100%;
}
.logo { .logo {
width: 60px !important; width: 100%;
margin-top: 10px !important; height:700rpx;
margin-bottom: 10px !important; opacity: 0.66;
margin-left: 20px !important;
border: none;
background-color: transparent;
} }
.head { .head {
@ -172,7 +177,8 @@
.normal-login-container { .normal-login-container {
width: 100%; width: 100%;
height: 100vh;
overflow: hidden;
.logo-content { .logo-content {
width: 100%; width: 100%;
font-size: 21px; font-size: 21px;
@ -191,15 +197,26 @@
.login-form-content { .login-form-content {
text-align: center; text-align: center;
margin: 20px auto; margin: 20px auto;
margin-top: 15%; margin-top: 400px;
width: 80%; width: 80%;
.input-item { .input-item {
margin: 20px auto; width: 606rpx;
background-color: #f5f6f7; height: 100rpx;
height: 45px; margin: 36rpx auto;
border-radius: 20px; border-radius: 24rpx;
box-shadow: 0px 1rpx 5rpx 0px rgba(4, 8, 43, 0.04);
/* #F7F8FA_禁用浅色1 */
background: rgb(247, 248, 250);
padding-left: 42rpx;
.login-icon{
width: 52rpx;
height: 52rpx;
img{
width: 52rpx;
height: 52rpx;
}
}
.icon { .icon {
font-size: 38rpx; font-size: 38rpx;
margin-left: 10px; margin-left: 10px;
@ -219,6 +236,11 @@
.login-btn { .login-btn {
margin-top: 40px; margin-top: 40px;
height: 45px; height: 45px;
border-radius: 24rpx;
box-shadow: 0px 1rpx 5rpx 0px rgba(4, 8, 43, 0.04);
/* #165DFF_主色 */
background: rgb(22, 93, 255);
} }
.reg { .reg {

22
pages/register.vue
View File

@ -7,11 +7,11 @@
</view> </view>
<view class="login-form-content"> <view class="login-form-content">
<view class="input-item flex align-center"> <view class="input-item flex align-center">
<view class="iconfont icon-user icon"></view> <view class="login-user"></view>
<input v-model="registerForm.username" class="input" type="text" placeholder="请输入账号" maxlength="30" /> <input v-model="registerForm.username" class="input" type="text" placeholder="请输入账号" maxlength="30" />
</view> </view>
<view class="input-item flex align-center"> <view class="input-item flex align-center">
<view class="iconfont icon-password icon"></view> <view class="login-password"></view>
<input v-model="registerForm.password" type="password" class="input" placeholder="请输入密码" <input v-model="registerForm.password" type="password" class="input" placeholder="请输入密码"
maxlength="20" /> maxlength="20" />
</view> </view>
@ -157,17 +157,23 @@
width: 80%; width: 80%;
.input-item { .input-item {
margin: 20px auto; width: 606px;
background-color: #f5f6f7; height: 100px;
height: 45px; margin: 18px auto;
border-radius: 20px; border-radius: 24px;
box-shadow: 0px 1px 5px 0px rgba(4, 8, 43, 0.04);
/* #F7F8FA_禁用浅色1 */
background: rgb(247, 248, 250);
.icon { .icon {
font-size: 38rpx; font-size: 38rpx;
margin-left: 10px; margin-left: 10px;
color: #999; color: #999;
} }
.login-password{
width: 52px;
height: 52px;
background-image: url('');
}
.input { .input {
width: 100%; width: 100%;
font-size: 14px; font-size: 14px;

220
pages/work/index.vue
View File

@ -1,50 +1,79 @@
<template> <template>
<view class="work-container"> <view class="work-container">
<!--顶部个人信息栏-->
<view class="header-section ">
<view class="flex justify-between">
<view class="flex align-center">
<view v-if="!avatar" class="cu-avatar xl round bg-white">
<view class="iconfont icon-people text-gray icon"></view>
</view>
<image v-if="avatar" @click="handleToAvatar" :src="avatar" class="cu-avatar xl round"
mode="widthFix">
</image>
<view v-if="!name" @click="handleToLogin" class="login-tip">
点击登录
</view>
<view v-if="name" @click="handleToInfo" class="user-info">
<view class="u_title">
Hi.{{ name }}
</view>
<view class="s_text">
欢迎使用RF
</view>
</view>
</view>
<!-- <view @click="handleToInfo" class="flex align-center">
<text>个人信息</text>
<view class="iconfont icon-right"></view>
</view> -->
</view>
</view>
<!-- 轮播图 --> <!-- 轮播图 -->
<swiper class="screen-swiper" :class="dotStyle?'square-dot':'round-dot'" :indicator-dots="true" :circular="true" <swiper class="work-swiper" :class="dotStyle?'square-dot':'round-dot'" :indicator-dots="true" :circular="true"
:autoplay="true" interval="5000" duration="500"> :autoplay="true" interval="5000" duration="500">
<swiper-item v-for="(item,index) in swiperList" :key="index"> <swiper-item v-for="(item,index) in swiperList" :key="index">
<image :src="item.url" mode="aspectFill" v-if="item.type=='image'"></image> <image :src="item.url" v-if="item.type=='image'"></image>
<video :src="item.url" autoplay loop muted :show-play-btn="false" :controls="false" objectFit="cover" <video :src="item.url" autoplay loop muted :show-play-btn="false" :controls="false" objectFit="cover"
v-if="item.type=='video'"></video> v-if="item.type=='video'"></video>
</swiper-item> </swiper-item>
</swiper> </swiper>
<uni-section title="请选择业务操作 >>>" type="line"></uni-section>
<view>
<scroll-view scroll-y class="page">
<view class="grid-body"> <view class="grid-body">
<uni-grid :column="4" :showBorder="true"> <view class="bodytitle">
<uni-grid-item v-for="(item,index) in wmsRouter" :key="index"> 业务操作
</view>
<view class="bodybox">
<view v-for="(item,index) in wmsRouter" class="bodyboxitem" :key="index">
<view class="grid-item-box" @click="navChange(item)">
<!-- <uni-icons :class='item.icon' size="30"></uni-icons> -->
<image :src="item.icon" ></image>
<text class="text">{{item.title}}</text>
</view>
</view>
<view style="width: 140rpx;"></view>
<view style="width: 140rpx;"></view>
<view style="width: 140rpx;"></view>
</view>
</view>
<view class="grid-body" v-if="userRoutes.length>0">
<template v-for="oneMenuList in userRoutes">
<view class="bodytitle">
{{oneMenuList.title}}
</view>
<view class="bodybox">
<view v-for="(item,index) in oneMenuList.children" class="bodyboxitem" :key="index">
<view class="grid-item-box" @click="navChange(item)"> <view class="grid-item-box" @click="navChange(item)">
<uni-icons :class='item.icon' size="30"></uni-icons> <uni-icons :class='item.icon' size="30"></uni-icons>
<text class="text">{{item.title}}</text> <text class="text">{{item.title}}</text>
</view> </view>
</uni-grid-item>
</uni-grid>
</view> </view>
</scroll-view> <view style="width: 140rpx;"></view>
</view> <view style="width: 140rpx;"></view>
<template v-if="userRoutes.length>0"> <view style="width: 140rpx;"></view>
<template v-for="oneMenuList in userRoutes">
<uni-section :title='oneMenuList.title' type="line"></uni-section>
<view>
<scroll-view scroll-y class="page">
<view class="grid-body">
<uni-grid :column="4" :showBorder="true">
<uni-grid-item v-for="(item,index) in oneMenuList.children" :key="index">
<view class="grid-item-box" @click="navChange(item)">
<uni-icons :class='item.icon' size="30" :color='item.color'></uni-icons>
<text class="text">{{item.title}}</text>
</view>
</uni-grid-item>
</uni-grid>
</view>
</scroll-view>
</view> </view>
</template> </template>
</template> </view>
</view>
</view> </view>
</template> </template>
@ -57,7 +86,7 @@
data() { data() {
return { return {
wmsRouter, wmsRouter,
name: this.$store.state.user.name,
swiperList: [ swiperList: [
// { // {
// id: 0, // id: 0,
@ -88,13 +117,27 @@
id: 6, id: 6,
type: 'image', type: 'image',
url: '/static/images/banner/banner07.jpg' url: '/static/images/banner/banner07.jpg'
}, ], },
],
towerStart: 0, towerStart: 0,
direction: '', direction: '',
dotStyle: true, dotStyle: true,
userRoutes: [] userRoutes: []
} }
}, },
computed: {
avatar() {
return this.$store.state.user.avatar
},
windowHeight() {
return uni.getSystemInfoSync().windowHeight - 50
},
warehouseinfo() {
if (Array.isArray(this.warehouse) && this.warehouse.length > 0) {
return '【' + this.warehouse[0].warehouseCode + '】' + this.warehouse[0].warehouseName
}
}
},
onLoad() { onLoad() {
this.TowerSwiper('swiperList'); this.TowerSwiper('swiperList');
this.direction = 'left'; this.direction = 'left';
@ -167,7 +210,7 @@
} }
</script> </script>
<style lang="scss"> <style scoped lang="scss">
@import url("../../components/colorui/main.css"); @import url("../../components/colorui/main.css");
@import url("../../components/colorui/icon.css"); @import url("../../components/colorui/icon.css");
@ -186,11 +229,84 @@
line-height: inherit; line-height: inherit;
} }
.work-swiper {
width: 686rpx;
height: 180rpx;
margin: 0 auto;
border-radius: 24rpx;
image {
width: 686rpx;
height: 180rpx;
border-radius: 24rpx;
}
video {
width: 686rpx;
height: 180rpx;
border-radius: 24rpx;
}
}
.header-section {
padding: 40rpx 32rpx;
color: white;
.login-tip {
font-size: 18px;
margin-left: 10px;
}
.cu-avatar {
width: 80rpx;
height: 80rpx;
border: 2px solid #eaeaea;
border-radius: 24rpx;
.icon {
font-size: 40px;
}
}
.user-info {
margin-left: 36rpx;
.u_title {
color: rgb(255, 255, 255);
font-family: 苹方-简;
font-size: 42rpx;
font-weight: 500;
line-height: 59rpx;
letter-spacing: 0%;
text-align: left;
}
.s_text {
color: rgb(255, 255, 255);
font-family: 苹方-简;
font-size: 24rpx;
font-weight: 400;
line-height: 34rpx;
letter-spacing: 0%;
text-align: left;
margin-top: 10rpx;
}
}
}
/* #endif */ /* #endif */
.work-container {
background: linear-gradient(180.00deg, rgb(181, 202, 245) 0%, rgb(184, 204, 245) 40.449%, rgba(213, 227, 249, 0) 87.96%);
width: 100%;
height: 90vh;
overflow: hidden;
}
.text { .text {
text-align: center; text-align: center;
font-size: 26rpx; font-size: 28rpx;
font-weight: 400;
margin-top: 10rpx; margin-top: 10rpx;
} }
@ -203,6 +319,10 @@
align-items: center; align-items: center;
justify-content: center; justify-content: center;
padding: 15px 0; padding: 15px 0;
image{
width: 100rpx;
height: 100rpx;
}
} }
.uni-margin-wrap { .uni-margin-wrap {
@ -219,6 +339,38 @@
height: 150px; height: 150px;
} }
.grid-body {
width: 686rpx;
border-radius: 24rpx;
padding: 32rpx;
margin: 32rpx auto;
box-shadow: 0px 4rpx 11rpx 0px rgba(111, 150, 198, 0.09), 0px 4px 84px 0px rgba(130, 154, 190, 0.11);
background: rgb(255, 255, 255);
.bodytitle {
color: rgb(29, 33, 41);
font-family: 苹方-简;
font-size: 32rpx;
font-weight: 500;
line-height: 45rpx;
letter-spacing: 0px;
text-align: left;
margin-bottom: 10rpx;
}
.bodybox {
display: flex;
align-items: center;
flex-wrap: wrap;
justify-content: space-evenly;
}
.bodyboxitem {
width: 140rpx;
height: 195rpx;
}
}
.swiper-item { .swiper-item {
/* #ifndef APP-NVUE */ /* #ifndef APP-NVUE */
display: flex; display: flex;

94
pages/work/wms/clearEmptyLoc.vue
View File

@ -1,19 +1,22 @@
<!--托盘信息查询--> <!--托盘信息查询-->
<template> <template>
<view class="container"> <view class="container">
<cu-custom bgColor="bg-gradual-pink" :isBack="true"> <cu-custom :isBack="true">
<block slot="backText">返回</block> <block slot="backText"></block>
<block slot="content"> 整巷道清空</block> <block slot="content"> 整巷道清空</block>
</cu-custom> </cu-custom>
<view class="example"> <view class="example">
<uni-forms ref="form" labelWidth="80px"> <uni-forms ref="form" labelWidth="80px">
<uni-forms-item label="货位编号" name="locCode"> <uni-forms-item label="货位编号" name="locCode">
<view class="fromItem">
<view class="flex-twice padding-0 radius"> <view class="flex-twice padding-0 radius">
<uni-easyinput v-model="locCode" placeholder="请扫描货位编号" @blur="queryLocInfo" /> <uni-easyinput v-model="locCode" placeholder="请扫描货位编号" @blur="queryLocInfo" />
</view> </view>
<image style="width: 28rpx;" src="/static/images/right.png" mode="widthFix"></image>
</view>
</uni-forms-item> </uni-forms-item>
</uni-forms> </uni-forms>
<button type="primary" @click="handleClear">一键清空</button> <!-- <button type="primary" @click="handleClear">一键清空</button> -->
<!-- 货位信息表格 --> <!-- 货位信息表格 -->
<view v-if='locList.length>0'> <view v-if='locList.length>0'>
@ -31,12 +34,16 @@
</view> </view>
</view> </view>
</view> </view>
<bottomBtn :isSubmit="true" :isWhite="false" position="fixed" :texts="['一键清空']"
@onSubmit="handleClear"></bottomBtn>
</view> </view>
</template> </template>
<script> <script>
import { queryEmptyLoc, clearEmptyLoc } from "@/api/wms/agvRf.js" import { queryEmptyLoc, clearEmptyLoc } from "@/api/wms/agvRf.js"
import {
bottomBtn
} from '@/components/bottomBtn/bottomBtn.vue'
export default { export default {
data() { data() {
return { return {
@ -54,6 +61,9 @@
} }
}; };
}, },
component: {
bottomBtn
},
onReady() { onReady() {
this.$refs.form.setRules(this.rules) this.$refs.form.setRules(this.rules)
}, },
@ -130,6 +140,82 @@
</script> </script>
<style lang="scss"> <style lang="scss">
.container {
background: rgb(242, 243, 245);
height: 100vh;
}
.uni-forms-item {
border-bottom: 1px solid #E5E6EB;
margin-bottom: 0;
padding: 24rpx 0;
}
::v-deep .uni-forms-item__label {
color: #1D2129;
font-size: 28rpx;
font-weight: 400;
}
::v-deep .uni-select {
border: 0px;
}
::v-deep.uni-select__input-placeholder {
font-size: 28rpx;
font-weight: 400;
color: #86909C;
}
.textarea {
background-color: #F2F3F5;
width: 100%;
}
::v-deep.full-width-textarea {
width: 100% !important;
border: unset !important;
}
::v-deep .is-input-border {
border: unset;
}
::v-deep .uni-easyinput__placeholder-class {
font-size: 28rpx;
color: #86909C;
}
::v-deep .uni-input-input {
font-size: 28rpx;
}
::v-deep .uni-select__input-placeholder {
font-size: 28rpx;
color: #86909C;
}
::v-deep .uniui-bottom {
display: none;
}
::v-deep .uniui-top {
display: none;
}
.fromItem {
display: flex;
align-items: center;
}
.example {
padding: 0 24rpx;
background-color: #fff;
width: 702rpx;
border-radius: 24rpx;
margin: 24rpx auto;
}
/* 原有样式保留 */ /* 原有样式保留 */
.cu-form-group .title { .cu-form-group .title {
min-width: calc(4em + 15px); min-width: calc(4em + 15px);

104
pages/work/wms/emptyPalletOut.vue
View File

@ -1,31 +1,43 @@
<template> <template>
<view class="container"> <view class="container">
<cu-custom bgColor="bg-gradual-pink" :isBack="true"> <cu-custom :isBack="true">
<block slot="backText">返回</block> <block slot="backText"></block>
<block slot="content">空容器出库</block> <block slot="content">空容器出库</block>
</cu-custom> </cu-custom>
<view class="example"> <view class="example">
<uni-forms ref="form" :model="formData" labelWidth="80px"> <uni-forms ref="form" :model="formData" labelWidth="80px">
<uni-forms-item label="空容器" name="palletCode"> <uni-forms-item label="空容器" name="palletCode">
<view class="fromItem">
<uni-easyinput v-model="ktpCode" disabled /> <uni-easyinput v-model="ktpCode" disabled />
<image style="width: 28rpx;" src="/static/images/right.png" mode="widthFix"></image>
</view>
</uni-forms-item> </uni-forms-item>
<uni-forms-item label="货位编号" name="locCode"> <uni-forms-item label="货位编号" name="locCode">
<view class="fromItem">
<uni-easyinput v-model="formData.locCode" placeholder="请扫描货位编号" @blur="trimLocInput" /> <uni-easyinput v-model="formData.locCode" placeholder="请扫描货位编号" @blur="trimLocInput" />
<image style="width: 28rpx;" src="/static/images/right.png" mode="widthFix"></image>
</view>
</uni-forms-item> </uni-forms-item>
<uni-forms-item label="容器数量" name="skuQty"> <uni-forms-item label="容器数量" name="skuQty">
<view class="fromItem">
<uni-easyinput v-model="formData.skuQty" disabled type="number" placeholder="请输入物料数量" /> <uni-easyinput v-model="formData.skuQty" disabled type="number" placeholder="请输入物料数量" />
<image style="width: 28rpx;" src="/static/images/right.png" mode="widthFix"></image>
</view>
</uni-forms-item> </uni-forms-item>
</uni-forms> </uni-forms>
<view class="button-group"> <!-- <view class="button-group">
<button type="primary" style="width: 200px;" :disabled="isButtonDisabled" @click="submitPallet">呼叫出库</button> <button type="primary" style="width: 200px;" :disabled="isButtonDisabled"
@click="submitPallet">呼叫出库</button>
</view>
</view> -->
</view> </view>
<bottomBtn :isSubmit="true" :isWhite="false" position="fixed" :disable="isButtonDisabled"
:texts="['确认叫料']" @onSubmit="submitPallet"></bottomBtn>
<view class="cu-modal" :class="msgModalName=='Modal'?'show':''"> <view class="cu-modal" :class="msgModalName=='Modal'?'show':''">
<view class="cu-dialog"> <view class="cu-dialog">
<view class="cu-bar bg-white justify-end"> <view class="cu-bar bg-white justify-end">
@ -45,7 +57,8 @@
<script> <script>
import { import {
getSkuDictionary,getSkuTypes getSkuDictionary,
getSkuTypes
} from "@/api/wms/sku.js" } from "@/api/wms/sku.js"
import { import {
callEmptyOut callEmptyOut
@ -56,6 +69,7 @@
import { import {
formatDate formatDate
} from 'tough-cookie'; } from 'tough-cookie';
import {bottomBtn} from '@/components/bottomBtn/bottomBtn.vue'
export default { export default {
data() { data() {
return { return {
@ -93,7 +107,9 @@
onReady() { onReady() {
this.$refs.form.setRules(this.rules) this.$refs.form.setRules(this.rules)
}, },
component:{
bottomBtn
},
watch: { watch: {
}, },
@ -135,6 +151,72 @@
</script> </script>
<style lang="scss"> <style lang="scss">
.container {
background: rgb(242, 243, 245);
height: 100vh;
}
.uni-forms-item {
border-bottom: 1px solid #E5E6EB;
margin-bottom: 0;
padding: 24rpx 0;
}
::v-deep .uni-forms-item__label {
color: #1D2129;
font-size: 28rpx;
font-weight: 400;
}
::v-deep .uni-select {
border: 0px;
}
::v-deep.uni-select__input-placeholder {
font-size: 28rpx;
font-weight: 400;
color: #86909C;
}
.textarea{
background-color: #F2F3F5;
width: 100%;
}
::v-deep.full-width-textarea{
width: 100%!important;
border: unset!important;
}
::v-deep .is-input-border{
border: unset;
}
::v-deep .uni-easyinput__placeholder-class{
font-size: 28rpx;
color: #86909C;
}
::v-deep .uni-input-input{
font-size: 28rpx;
}
::v-deep .uni-select__input-placeholder{
font-size: 28rpx;
color: #86909C;
}
::v-deep .uniui-bottom{
display: none;
}
::v-deep .uniui-top{
display: none;
}
.fromItem{
display: flex;
align-items: center;
}
.example {
padding: 0 24rpx;
background-color: #fff;
width: 702rpx;
border-radius: 24rpx;
margin: 24rpx auto;
}
.cu-form-group .title { .cu-form-group .title {
min-width: calc(4em + 15px); min-width: calc(4em + 15px);
} }
@ -143,10 +225,7 @@
background-color: #ffffff; background-color: #ffffff;
} }
.example {
padding: 15px;
background-color: #fff;
}
.segmented-control { .segmented-control {
margin-bottom: 15px; margin-bottom: 15px;
@ -171,6 +250,7 @@
line-height: 35px; line-height: 35px;
margin-left: 10px; margin-left: 10px;
} }
.switch-item { .switch-item {
display: flex; display: flex;
align-items: center; align-items: center;

122
pages/work/wms/manualCall.vue
View File

@ -1,20 +1,28 @@
<template> <template>
<view class="container"> <view class="container">
<cu-custom bgColor="bg-gradual-pink" :isBack="true"> <cu-custom :isBack="true">
<block slot="backText">返回</block> <block slot="backText"></block>
<block slot="content">人工叫料</block> <block slot="content">人工叫料</block>
</cu-custom> </cu-custom>
<view class="example"> <view class="example">
<uni-forms ref="form" :model="formData" labelWidth="80px"> <uni-forms ref="form" :model="formData" labelWidth="80px">
<uni-forms-item label="工位" name="locCode"> <uni-forms-item label="工位" name="locCode">
<view class="fromItem">
<uni-data-select v-model="formData.locCode" :localdata="stations" placeholder="请选择货位"> <uni-data-select v-model="formData.locCode" :localdata="stations" placeholder="请选择货位">
</uni-data-select> </uni-data-select>
<image style="width: 28rpx;" src="/static/images/right.png" mode="widthFix"></image>
</view>
</uni-forms-item> </uni-forms-item>
<uni-forms-item label="物料类型" name="skuType"> <uni-forms-item label="物料类型" name="skuType">
<uni-data-select v-model="skuType" :localdata="skuTypeList" @change="changeSkuType" placeholder="请选择物料类型"> <view class="fromItem">
<uni-data-select v-model="skuType" :localdata="skuTypeList" @change="changeSkuType"
placeholder="请选择物料类型">
</uni-data-select> </uni-data-select>
<image style="width: 28rpx;" src="/static/images/right.png" mode="widthFix"></image>
</view>
</uni-forms-item> </uni-forms-item>
<uni-forms-item label="物料" name="skuCode"> <uni-forms-item label="物料" name="skuCode">
<view class="fromItem">
<uni-easyinput v-model="skuInput" placeholder="输入物料码" @input="onSkuInput" <uni-easyinput v-model="skuInput" placeholder="输入物料码" @input="onSkuInput"
@focus="showSkuDropdown = true" @blur="handleSkuBlur" /> @focus="showSkuDropdown = true" @blur="handleSkuBlur" />
<view class="sku-dropdown" v-if="showSkuDropdown && filteredSkuList.length > 0"> <view class="sku-dropdown" v-if="showSkuDropdown && filteredSkuList.length > 0">
@ -23,20 +31,29 @@
{{ item.text }} {{ item.text }}
</view> </view>
</view> </view>
<image style="width: 28rpx;" src="/static/images/right.png" mode="widthFix"></image>
</view>
</uni-forms-item> </uni-forms-item>
<uni-forms-item label="" name=""> <view class="textarea">
<textarea class="full-width-textarea" v-model="skuInfo"></textarea> <textarea class="full-width-textarea" v-model="skuInfo">
</uni-forms-item> </textarea>
</view>
<uni-forms-item label="库存数量" name="countQty"> <uni-forms-item label="库存数量" name="countQty">
<view class="fromItem">
<uni-easyinput v-model="countQty" disabled="true" /> <uni-easyinput v-model="countQty" disabled="true" />
<image style="width: 28rpx;" src="/static/images/right.png" mode="widthFix"></image>
</view>
</uni-forms-item> </uni-forms-item>
</uni-forms> </uni-forms>
<!--
<view class="button-group"> <view class="button-group">
<button type="primary" :disabled="isButtonDisabled" style="width: 100px;" @click="callAgv">确认叫料</button> <button type="primary" :disabled="isButtonDisabled" style="width: 100px;" @click="callAgv">确认叫料</button>
</view> </view> -->
</view> </view>
<bottomBtn :isSubmit="true" :isWhite="false" position="fixed" :disable="isButtonDisabled" :texts="['确认叫料']"
@onSubmit="callAgv"></bottomBtn>
<view class="cu-modal" :class="msgModalName=='Modal'?'show':''"> <view class="cu-modal" :class="msgModalName=='Modal'?'show':''">
<view class="cu-dialog"> <view class="cu-dialog">
<view class="cu-bar bg-white justify-end"> <view class="cu-bar bg-white justify-end">
@ -74,6 +91,9 @@
import { import {
formatDate formatDate
} from 'tough-cookie'; } from 'tough-cookie';
import {
bottomBtn
} from '@/components/bottomBtn/bottomBtn.vue'
export default { export default {
data() { data() {
return { return {
@ -225,7 +245,9 @@
onReady() { onReady() {
this.$refs.form.setRules(this.rules) this.$refs.form.setRules(this.rules)
}, },
component: {
bottomBtn
},
watch: { watch: {
async skuType(newVal) { async skuType(newVal) {
@ -501,6 +523,83 @@
</script> </script>
<style lang="scss"> <style lang="scss">
.container {
background: rgb(242, 243, 245);
height: 100vh;
}
.uni-forms-item {
border-bottom: 1px solid #E5E6EB;
margin-bottom: 0;
padding: 24rpx 0;
}
::v-deep .uni-forms-item__label {
color: #1D2129;
font-size: 28rpx;
font-weight: 400;
}
::v-deep .uni-select {
border: 0px;
}
::v-deep.uni-select__input-placeholder {
font-size: 28rpx;
font-weight: 400;
color: #86909C;
}
.textarea {
background-color: #F2F3F5;
width: 100%;
}
::v-deep.full-width-textarea {
width: 100% !important;
border: unset !important;
}
::v-deep .is-input-border {
border: unset;
}
::v-deep .uni-easyinput__placeholder-class {
font-size: 28rpx;
color: #86909C;
}
::v-deep .uni-input-input {
font-size: 28rpx;
}
::v-deep .uni-select__input-placeholder {
font-size: 28rpx;
color: #86909C;
}
::v-deep .uniui-bottom {
display: none;
}
::v-deep .uniui-top {
display: none;
}
.fromItem {
display: flex;
align-items: center;
}
.example {
padding: 0 24rpx;
background-color: #fff;
width: 702rpx;
border-radius: 24rpx;
margin: 24rpx auto;
}
.sku-dropdown { .sku-dropdown {
position: absolute; position: absolute;
z-index: 1000; z-index: 1000;
@ -536,10 +635,7 @@
background-color: #ffffff; background-color: #ffffff;
} }
.example {
padding: 15px;
background-color: #fff;
}
.segmented-control { .segmented-control {
margin-bottom: 15px; margin-bottom: 15px;

92
pages/work/wms/palletInfoQuery.vue
View File

@ -1,16 +1,20 @@
<!--托盘信息查询--> <!--托盘信息查询-->
<template> <template>
<view class="container"> <view class="container">
<cu-custom bgColor="bg-gradual-pink" :isBack="true"> <cu-custom :isBack="true">
<block slot="backText">返回</block> <block slot="backText"></block>
<block slot="content">托盘信息查询</block> <block slot="content">托盘信息查询</block>
</cu-custom> </cu-custom>
<view class="example"> <view class="example">
<uni-forms ref="form" :model="formData" labelWidth="80px"> <uni-forms ref="form" :model="formData" labelWidth="80px">
<uni-forms-item label="托盘编号" name="palletCode"> <uni-forms-item label="托盘编号" name="palletCode">
<view class="fromItem">
<view class="flex-twice padding-0 radius"> <view class="flex-twice padding-0 radius">
<uni-easyinput v-model="formData.palletCode" placeholder="请输入托盘编号" @blur="queryPalletInfo" /> <uni-easyinput v-model="formData.palletCode" placeholder="请输入托盘编号" @blur="queryPalletInfo" />
</view> </view>
<image style="width: 28rpx;" src="/static/images/right.png" mode="widthFix"></image>
</view>
<!-- <view class="flex-sub padding-0 margin-xs radius"> <!-- <view class="flex-sub padding-0 margin-xs radius">
<view class="cu-capsule radius" v-if="palletInfo.needPickQty>0"> <view class="cu-capsule radius" v-if="palletInfo.needPickQty>0">
<view class='cu-tag bg-blue '> <view class='cu-tag bg-blue '>
@ -20,7 +24,9 @@
</view> --> </view> -->
</uni-forms-item> </uni-forms-item>
</uni-forms> </uni-forms>
<button type="primary" @click="formSubmit">托盘解绑</button> <!-- <button type="primary" @click="formSubmit">托盘解绑</button> -->
<bottomBtn :isSubmit="true" :isWhite="false" position="fixed" :texts="['托盘解绑']"
@onSubmit="formSubmit"></bottomBtn>
<!--明细--> <!--明细-->
<view v-if='palletInfo.details.length>0'> <view v-if='palletInfo.details.length>0'>
<view class="uni-container"> <view class="uni-container">
@ -100,6 +106,9 @@
import { import {
formateDate formateDate
} from 'tough-cookie' } from 'tough-cookie'
import {
bottomBtn
} from '@/components/bottomBtn/bottomBtn.vue'
export default { export default {
data() { data() {
return { return {
@ -151,6 +160,9 @@
onReady() { onReady() {
this.$refs.form.setRules(this.rules) this.$refs.form.setRules(this.rules)
}, },
component: {
bottomBtn
},
methods: { methods: {
btnModify(e) { btnModify(e) {
console.log("修改按钮", e); console.log("修改按钮", e);
@ -342,9 +354,81 @@
background-color: #ffffff; background-color: #ffffff;
} }
.container {
background: rgb(242, 243, 245);
height: 100vh;
}
.uni-forms-item {
border-bottom: 1px solid #E5E6EB;
margin-bottom: 0;
padding: 24rpx 0;
}
::v-deep .uni-forms-item__label {
color: #1D2129;
font-size: 28rpx;
font-weight: 400;
}
::v-deep .uni-select {
border: 0px;
}
::v-deep.uni-select__input-placeholder {
font-size: 28rpx;
font-weight: 400;
color: #86909C;
}
.textarea {
background-color: #F2F3F5;
width: 100%;
}
::v-deep.full-width-textarea {
width: 100% !important;
border: unset !important;
}
::v-deep .is-input-border {
border: unset;
}
::v-deep .uni-easyinput__placeholder-class {
font-size: 28rpx;
color: #86909C;
}
::v-deep .uni-input-input {
font-size: 28rpx;
}
::v-deep .uni-select__input-placeholder {
font-size: 28rpx;
color: #86909C;
}
::v-deep .uniui-bottom {
display: none;
}
::v-deep .uniui-top {
display: none;
}
.fromItem {
display: flex;
align-items: center;
}
.example { .example {
padding: 15px; padding: 0 24rpx;
background-color: #fff; background-color: #fff;
width: 702rpx;
border-radius: 24rpx;
margin: 24rpx auto;
} }
.segmented-control { .segmented-control {

26
pages/work/wms/returnEmptyRack.vue
View File

@ -1,7 +1,7 @@
<template> <template>
<view class="container"> <view class="container">
<cu-custom bgColor="bg-gradual-pink" :isBack="true"> <cu-custom :isBack="true">
<block slot="backText">返回</block> <block slot="backText"></block>
<block slot="content">空工装返回</block> <block slot="content">空工装返回</block>
</cu-custom> </cu-custom>
<view class="example"> <view class="example">
@ -14,14 +14,15 @@
</view> </view>
</view> </view>
</uni-section> </uni-section>
<!--
<view class="button-container"> <view class="button-container">
<button class="action-button" type="primary" @click="showEditDialog"> <button class="action-button" type="primary" @click="showEditDialog">
<text>修改工位</text> <text>修改工位</text>
</button> </button>
</view> -->
</view> </view>
</view> <bottomBtn :isSubmit="true" :isWhite="false" position="fixed" :disable="isButtonDisabled"
:texts="['修改工位']" @onSubmit="showEditDialog"></bottomBtn>
<!-- 工位编辑弹窗 --> <!-- 工位编辑弹窗 -->
<uni-popup ref="editDialog" type="dialog"> <uni-popup ref="editDialog" type="dialog">
<uni-popup-dialog mode="input" title="工位管理" <uni-popup-dialog mode="input" title="工位管理"
@ -36,7 +37,7 @@
<script> <script>
import { getStation, setStation } from '@/utils/station' import { getStation, setStation } from '@/utils/station'
import { returnEmptyRack } from "@/api/wms/bill.js" import { returnEmptyRack } from "@/api/wms/bill.js"
import {bottomBtn} from '@/components/bottomBtn/bottomBtn.vue'
export default { export default {
data() { data() {
return { return {
@ -49,6 +50,9 @@ export default {
mounted() { mounted() {
this.loadStations(); this.loadStations();
}, },
component:{
bottomBtn
},
methods: { methods: {
// 加载工位 // 加载工位
loadStations() { loadStations() {
@ -123,7 +127,8 @@ export default {
<style lang="scss"> <style lang="scss">
.container { .container {
padding: 20rpx; background: rgb(242, 243, 245);
height: 100vh;
} }
.station-container { .station-container {
@ -132,7 +137,14 @@ export default {
gap: 20rpx; gap: 20rpx;
padding: 20rpx; padding: 20rpx;
} }
.example {
padding: 0 24rpx;
background-color: #fff;
width: 702rpx;
border-radius: 24rpx;
margin: 24rpx auto;
}
.station-item { .station-item {
position: relative; position: relative;
background-color: #f0f0f0; background-color: #f0f0f0;

159
pages/work/wms/skuCreatePallet.vue
View File

@ -1,66 +1,80 @@
<template> <template>
<view class="container"> <view class="container">
<cu-custom bgColor="bg-gradual-pink" :isBack="true"> <cu-custom :isBack="true">
<block slot="backText">返回</block>
<block slot="content">物料组盘 AGV入库</block> <block slot="content">物料组盘 AGV入库</block>
</cu-custom> </cu-custom>
<view class="example"> <view class="example">
<uni-forms ref="form" :model="formData" labelWidth="80px"> <uni-forms ref="form" :model="formData" labelWidth="80px">
<uni-forms-item label="生产线" name="lineCode"> <uni-forms-item label="生产线" name="lineCode">
<uni-data-select v-model="formData.lineCode" :localdata="lineCodeList" <view class="fromItem">
placeholder="请选择收货线体"> <uni-data-select v-model="formData.lineCode" :localdata="lineCodeList" placeholder="请选择收货线体">
</uni-data-select> </uni-data-select>
<image style="width: 28rpx;" src="/static/images/right.png" mode="widthFix"></image>
</view>
</uni-forms-item> </uni-forms-item>
<uni-forms-item label="物料类型" name="skuType"> <uni-forms-item label="物料类型" name="skuType">
<view class="fromItem">
<uni-data-select v-model="skuType" :localdata="skuTypeList" @change="changeSkuType" <uni-data-select v-model="skuType" :localdata="skuTypeList" @change="changeSkuType"
placeholder="请选择物料类型"> placeholder="请选择物料类型">
</uni-data-select> </uni-data-select>
<image style="width: 28rpx;" src="/static/images/right.png" mode="widthFix"></image>
</view>
</uni-forms-item> </uni-forms-item>
<uni-forms-item label="物料" name="skuCode"> <uni-forms-item label="物料" name="skuCode">
<uni-easyinput
v-model="skuInput" <view class="fromItem">
placeholder="输入物料码" <uni-easyinput v-model="skuInput" placeholder="输入物料码" @input="onSkuInput"
@input="onSkuInput" @focus="showSkuDropdown = true" @blur="handleSkuBlur" />
@focus="showSkuDropdown = true"
@blur="handleSkuBlur"
/>
<view class="sku-dropdown" v-if="showSkuDropdown && filteredSkuList.length > 0"> <view class="sku-dropdown" v-if="showSkuDropdown && filteredSkuList.length > 0">
<view <view v-for="item in filteredSkuList" :key="item.value" class="dropdown-item"
v-for="item in filteredSkuList" @mousedown.prevent="selectSku(item)">
:key="item.value"
class="dropdown-item"
@mousedown.prevent="selectSku(item)"
>
{{ item.text }} {{ item.text }}
</view> </view>
</view> </view>
<image style="width: 28rpx;" src="/static/images/right.png" mode="widthFix"></image>
</view>
</uni-forms-item> </uni-forms-item>
<uni-forms-item label="" name=""> <view class="textarea">
<textarea class="full-width-textarea" v-model="skuInfo"> <textarea class="full-width-textarea" v-model="skuInfo">
</textarea> </textarea>
</uni-forms-item> </view>
<uni-forms-item label="托盘编号" name="palletCode"> <uni-forms-item label="托盘编号" name="palletCode">
<view class="fromItem">
<uni-easyinput v-model="formData.palletCode" placeholder="请扫描托盘号" @blur="trimPalletInput" /> <uni-easyinput v-model="formData.palletCode" placeholder="请扫描托盘号" @blur="trimPalletInput" />
<image style="width: 28rpx;" src="/static/images/right.png" mode="widthFix"></image>
</view>
</uni-forms-item> </uni-forms-item>
<uni-forms-item label="货位编号" name="locCode"> <uni-forms-item label="货位编号" name="locCode">
<view class="fromItem">
<uni-easyinput v-model="formData.locCode" placeholder="请扫描货位编号" @blur="trimLocInput" /> <uni-easyinput v-model="formData.locCode" placeholder="请扫描货位编号" @blur="trimLocInput" />
<image style="width: 28rpx;" src="/static/images/right.png" mode="widthFix"></image>
</view>
</uni-forms-item> </uni-forms-item>
<uni-forms-item label="物料数量" name="skuQty"> <uni-forms-item label="物料数量" name="skuQty">
<view class="fromItem">
<uni-easyinput v-model="formData.skuQty" type="number" placeholder="请输入物料数量" /> <uni-easyinput v-model="formData.skuQty" type="number" placeholder="请输入物料数量" />
<image style="width: 28rpx;" src="/static/images/right.png" mode="widthFix"></image>
</view>
</uni-forms-item> </uni-forms-item>
</uni-forms> </uni-forms>
<view class="switch-item"> <view class="switch-item">
<view class="uni-list-cell-db">{{callStatus}}</view> <view class="uni-list-cell-db">{{callStatus}}</view>
<switch :checked="autoCall" color="#0055ff" @change="switchChange" /> <switch :checked="autoCall" @change="switchChange" />
</view> </view>
<view class="button-group"> <!-- <view class="button-group">
<button type="primary" style="width: 100px;" :disabled="isButtonDisabled" @click="submitPallet">组盘</button> <button type="primary" style="width: 100px;" :disabled="isButtonDisabled"
@click="submitPallet">组盘</button>
<button :disabled="isButtonDisabled" style="width: 100px;" @click="callAgv">确认入库</button> <button :disabled="isButtonDisabled" style="width: 100px;" @click="callAgv">确认入库</button>
</view> </view> -->
</view> </view>
<bottomBtn :isDouble="true" :isSubmit="true" :isWhite="false" position="fixed" :disable="isButtonDisabled"
:texts="['组盘', '确认入库']" @onCancel="submitPallet" @onSubmit="callAgv"></bottomBtn>
<view class="cu-modal" :class="msgModalName=='Modal'?'show':''"> <view class="cu-modal" :class="msgModalName=='Modal'?'show':''">
<view class="cu-dialog"> <view class="cu-dialog">
<view class="cu-bar bg-white justify-end"> <view class="cu-bar bg-white justify-end">
@ -80,10 +94,13 @@
<script> <script>
import { import {
getSkuDictionary,getSkuTypes,getLineCodes getSkuDictionary,
getSkuTypes,
getLineCodes
} from "@/api/wms/sku.js" } from "@/api/wms/sku.js"
import { import {
createPalletBySku, callAgvIn createPalletBySku,
callAgvIn
} from "@/api/wms/bill.js" } from "@/api/wms/bill.js"
import { import {
getDictionary getDictionary
@ -91,6 +108,7 @@
import { import {
formatDate formatDate
} from 'tough-cookie'; } from 'tough-cookie';
import {bottomBtn} from '@/components/bottomBtn/bottomBtn.vue'
export default { export default {
data() { data() {
return { return {
@ -235,11 +253,15 @@
onReady() { onReady() {
this.$refs.form.setRules(this.rules) this.$refs.form.setRules(this.rules)
}, },
component:{
bottomBtn
},
watch: { watch: {
async skuType(newVal) { async skuType(newVal) {
const param = { categoryCode: this.skuType }; const param = {
categoryCode: this.skuType
};
const data = await getSkuDictionary(param); const data = await getSkuDictionary(param);
//this.skuList =data; //this.skuList =data;
this.originalSkuList = data; // 存储原始数据 this.originalSkuList = data; // 存储原始数据
@ -508,7 +530,74 @@
} }
</script> </script>
<style lang="scss"> <style scoped lang="scss">
.container {
background: rgb(242, 243, 245);
height: 100vh;
}
.uni-forms-item {
border-bottom: 1px solid #E5E6EB;
margin-bottom: 0;
padding: 24rpx 0;
}
::v-deep .uni-forms-item__label {
color: #1D2129;
font-size: 28rpx;
font-weight: 400;
}
::v-deep .uni-select {
border: 0px;
}
::v-deep.uni-select__input-placeholder {
font-size: 28rpx;
font-weight: 400;
color: #86909C;
}
.textarea{
background-color: #F2F3F5;
width: 100%;
}
::v-deep.full-width-textarea{
width: 100%!important;
border: unset!important;
}
::v-deep .is-input-border{
border: unset;
}
::v-deep .uni-easyinput__placeholder-class{
font-size: 28rpx;
color: #86909C;
}
::v-deep .uni-input-input{
font-size: 28rpx;
}
::v-deep .uni-select__input-placeholder{
font-size: 28rpx;
color: #86909C;
}
::v-deep .uniui-bottom{
display: none;
}
::v-deep .uniui-top{
display: none;
}
.fromItem{
display: flex;
align-items: center;
}
.example {
padding: 0 24rpx;
background-color: #fff;
width: 702rpx;
border-radius: 24rpx;
margin: 24rpx auto;
}
// 文字色/三级文字-#86909C
.sku-dropdown { .sku-dropdown {
position: absolute; position: absolute;
z-index: 1000; z-index: 1000;
@ -520,6 +609,7 @@
width: 100%; width: 100%;
box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
} }
.dropdown-item { .dropdown-item {
padding: 8px 12px; padding: 8px 12px;
font-size: 14px; font-size: 14px;
@ -534,6 +624,7 @@
.dropdown-item:hover { .dropdown-item:hover {
background-color: #f5f5f5; background-color: #f5f5f5;
} }
.cu-form-group .title { .cu-form-group .title {
min-width: calc(4em + 15px); min-width: calc(4em + 15px);
} }
@ -542,10 +633,7 @@
background-color: #ffffff; background-color: #ffffff;
} }
.example {
padding: 15px;
background-color: #fff;
}
.segmented-control { .segmented-control {
margin-bottom: 15px; margin-bottom: 15px;
@ -570,6 +658,7 @@
line-height: 35px; line-height: 35px;
margin-left: 10px; margin-left: 10px;
} }
.switch-item { .switch-item {
display: flex; display: flex;
align-items: center; align-items: center;
@ -580,7 +669,8 @@
/* 输入框样式 */ /* 输入框样式 */
.full-width-textarea { .full-width-textarea {
width: calc(100vw - 260rpx); /* 直接扣除边距 */ width: calc(100vw - 260rpx);
/* 直接扣除边距 */
padding: 20rpx; padding: 20rpx;
box-sizing: border-box; box-sizing: border-box;
@ -590,5 +680,4 @@
font-size: 28rpx; font-size: 28rpx;
line-height: 1.5; line-height: 1.5;
} }
</style> </style>

121
pages/work/wms/skuCreatePalletByCode.vue
View File

@ -1,41 +1,60 @@
<template> <template>
<view class="container"> <view class="container">
<cu-custom bgColor="bg-gradual-pink" :isBack="true"> <cu-custom :isBack="true">
<block slot="backText">返回</block> <block slot="backText"></block>
<block slot="content">一码通组盘 AGV入库</block> <block slot="content">一码通组盘 AGV入库</block>
</cu-custom> </cu-custom>
<view class="example"> <view class="example">
<uni-forms ref="form" :model="formData" labelWidth="80px"> <uni-forms ref="form" :model="formData" labelWidth="80px">
<uni-forms-item label="一码通"> <uni-forms-item label="一码通">
<uni-easyinput v-model="barCode" placeholder="请扫描一码通" <view class="fromItem">
@blur="trimbarCode" @confirm="handleEnter"/> <uni-easyinput v-model="barCode" placeholder="请扫描一码通" @blur="trimbarCode"
@confirm="handleEnter" />
<image style="width: 28rpx;" src="/static/images/right.png" mode="widthFix"></image>
</view>
</uni-forms-item> </uni-forms-item>
<uni-forms-item label="物料"> <uni-forms-item label="物料">
<view class="fromItem">
<uni-easyinput v-model="formData.palletCode" disabled /> <uni-easyinput v-model="formData.palletCode" disabled />
<image style="width: 28rpx;" src="/static/images/right.png" mode="widthFix"></image>
</view>
</uni-data-select> </uni-data-select>
</uni-forms-item> </uni-forms-item>
<uni-forms-item label="托盘编号"> <uni-forms-item label="托盘编号">
<view class="fromItem">
<uni-easyinput v-model="formData.palletCode" disabled /> <uni-easyinput v-model="formData.palletCode" disabled />
<image style="width: 28rpx;" src="/static/images/right.png" mode="widthFix"></image>
</view>
</uni-forms-item> </uni-forms-item>
<uni-forms-item label="货位编号"> <uni-forms-item label="货位编号">
<view class="fromItem">
<uni-easyinput v-model="formData.locCode" placeholder="请扫描货位编号" @blur="trimLocInput" /> <uni-easyinput v-model="formData.locCode" placeholder="请扫描货位编号" @blur="trimLocInput" />
<image style="width: 28rpx;" src="/static/images/right.png" mode="widthFix"></image>
</view>
</uni-forms-item> </uni-forms-item>
<uni-forms-item label="物料数量"> <uni-forms-item label="物料数量">
<view class="fromItem">
<uni-easyinput v-model="formData.skuQty" type="number" disabled /> <uni-easyinput v-model="formData.skuQty" type="number" disabled />
<image style="width: 28rpx;" src="/static/images/right.png" mode="widthFix"></image>
</view>
</uni-forms-item> </uni-forms-item>
</uni-forms> </uni-forms>
<view class="switch-item"> <view class="switch-item">
<view class="uni-list-cell-db">{{callStatus}}</view> <view class="uni-list-cell-db">{{callStatus}}</view>
<switch :checked="autoCall" color="#0055ff" @change="switchChange" /> <switch :checked="autoCall" @change="switchChange" />
</view> </view>
<view class="button-group"> <!-- <view class="button-group">
<button type="primary" style="width: 100px;" :disabled="isButtonDisabled" @click="submitPallet">组盘</button> <button type="primary" style="width: 100px;" :disabled="isButtonDisabled"
@click="submitPallet">组盘</button>
<button :disabled="isButtonDisabled" style="width: 100px;" @click="callAgv">确认入库</button> <button :disabled="isButtonDisabled" style="width: 100px;" @click="callAgv">确认入库</button>
</view> </view> -->
</view> </view>
<bottomBtn :isDouble="true" :isSubmit="true" :isWhite="false" position="fixed" :disable="isButtonDisabled"
:texts="['组盘', '确认入库']" @onCancel="submitPallet" @onSubmit="callAgv"></bottomBtn>
<view class="cu-modal" :class="msgModalName=='Modal'?'show':''"> <view class="cu-modal" :class="msgModalName=='Modal'?'show':''">
<view class="cu-dialog"> <view class="cu-dialog">
<view class="cu-bar bg-white justify-end"> <view class="cu-bar bg-white justify-end">
@ -55,10 +74,12 @@
<script> <script>
import { import {
getSkuDictionary,getSkuTypes getSkuDictionary,
getSkuTypes
} from "@/api/wms/sku.js" } from "@/api/wms/sku.js"
import { import {
createPalletBySku, callAgvIn createPalletBySku,
callAgvIn
} from "@/api/wms/bill.js" } from "@/api/wms/bill.js"
import { import {
getDictionary getDictionary
@ -66,7 +87,10 @@
import { import {
formatDate formatDate
} from 'tough-cookie'; } from 'tough-cookie';
import { debounce } from 'lodash'; import {
debounce
} from 'lodash';
import {bottomBtn} from '@/components/bottomBtn/bottomBtn.vue'
export default { export default {
data() { data() {
return { return {
@ -196,10 +220,14 @@
onReady() { onReady() {
this.$refs.form.setRules(this.rules) this.$refs.form.setRules(this.rules)
}, },
component:{
bottomBtn
},
watch: { watch: {
async skuType(newVal) { async skuType(newVal) {
var param={categoryCode:this.skuType} var param = {
categoryCode: this.skuType
}
this.skuList = await getSkuDictionary(param); this.skuList = await getSkuDictionary(param);
} }
@ -429,7 +457,65 @@
} }
</script> </script>
<style lang="scss"> <style scoped lang="scss">
.container {
background: rgb(242, 243, 245);
height: 100vh;
}
.uni-forms-item {
border-bottom: 1px solid #E5E6EB;
margin-bottom: 0;
padding: 24rpx 0;
}
::v-deep .uni-forms-item__label {
color: #1D2129;
font-size: 28rpx;
font-weight: 400;
}
::v-deep .uni-select {
border: 0px;
}
::v-deep.uni-select__input-placeholder {
font-size: 28rpx;
font-weight: 400;
color: #86909C;
}
.textarea{
background-color: #F2F3F5;
width: 100%;
}
::v-deep.full-width-textarea{
width: 100%!important;
border: unset!important;
}
::v-deep .is-input-border{
border: unset;
}
::v-deep .uni-easyinput__placeholder-class{
font-size: 28rpx;
color: #86909C;
}
::v-deep .uni-input-input{
font-size: 28rpx;
}
::v-deep .uni-select__input-placeholder{
font-size: 28rpx;
color: #86909C;
}
::v-deep .uniui-bottom{
display: none;
}
::v-deep .uniui-top{
display: none;
}
.fromItem{
display: flex;
align-items: center;
}
.cu-form-group .title { .cu-form-group .title {
min-width: calc(4em + 15px); min-width: calc(4em + 15px);
} }
@ -439,8 +525,12 @@
} }
.example { .example {
padding: 15px; padding: 0 24rpx;
background-color: #fff; background-color: #fff;
width: 702rpx;
border-radius: 24rpx;
margin: 24rpx auto;
} }
.segmented-control { .segmented-control {
@ -466,6 +556,7 @@
line-height: 35px; line-height: 35px;
margin-left: 10px; margin-left: 10px;
} }
.switch-item { .switch-item {
display: flex; display: flex;
align-items: center; align-items: center;

115
pages/work/wms/surplusOut.vue
View File

@ -1,7 +1,7 @@
<template> <template>
<view class="container"> <view class="container">
<cu-custom bgColor="bg-gradual-pink" :isBack="true"> <cu-custom :isBack="true">
<block slot="backText">返回</block> <block slot="backText"></block>
<block slot="content">余料出库</block> <block slot="content">余料出库</block>
</cu-custom> </cu-custom>
<view class="example"> <view class="example">
@ -9,35 +9,52 @@
<uni-card>注意：余料出库后请人工拉走，系统会自动清除托盘信息</uni-card> <uni-card>注意：余料出库后请人工拉走，系统会自动清除托盘信息</uni-card>
<uni-forms-item label="货位编号" name="locCode"> <uni-forms-item label="货位编号" name="locCode">
<view class="fromItem">
<uni-easyinput v-model="formData.locCode" placeholder="请扫描货位编号" @blur="trimLocInput" /> <uni-easyinput v-model="formData.locCode" placeholder="请扫描货位编号" @blur="trimLocInput" />
<image style="width: 28rpx;" src="/static/images/right.png" mode="widthFix"></image>
</view>
</uni-forms-item> </uni-forms-item>
<uni-forms-item label="物料类型" name="skuType"> <uni-forms-item label="物料类型" name="skuType">
<uni-data-select v-model="skuType" :localdata="skuTypeList" @change="changeSkuType" placeholder="请选择物料类型"> <view class="fromItem">
<uni-data-select v-model="skuType" :localdata="skuTypeList" @change="changeSkuType"
placeholder="请选择物料类型">
</uni-data-select> </uni-data-select>
<image style="width: 28rpx;" src="/static/images/right.png" mode="widthFix"></image>
</view>
</uni-forms-item> </uni-forms-item>
<uni-forms-item label="物料" name="skuCode"> <uni-forms-item label="物料" name="skuCode">
<view class="fromItem">
<uni-easyinput v-model="skuInput" placeholder="输入物料码" @input="onSkuInput" <uni-easyinput v-model="skuInput" placeholder="输入物料码" @input="onSkuInput"
@focus="showSkuDropdown = true" @blur="handleSkuBlur" /> @focus="showSkuDropdown = true" @blur="handleSkuBlur" />
<image style="width: 28rpx;" src="/static/images/right.png" mode="widthFix"></image>
</view>
</uni-forms-item>
<view class="sku-dropdown" v-if="showSkuDropdown && filteredSkuList.length > 0"> <view class="sku-dropdown" v-if="showSkuDropdown && filteredSkuList.length > 0">
<view v-for="item in filteredSkuList" :key="item.value" class="dropdown-item" <view v-for="item in filteredSkuList" :key="item.value" class="dropdown-item"
@mousedown.prevent="selectSku(item)"> @mousedown.prevent="selectSku(item)">
{{ item.text }} {{ item.text }}
</view> </view>
</view> </view>
</uni-forms-item> <view class="textarea">
<uni-forms-item label="" name=""> <textarea class="full-width-textarea" v-model="skuInfo">
<textarea class="full-width-textarea" v-model="skuInfo"></textarea> </textarea>
</uni-forms-item> </view>
<uni-forms-item label="库存数量" name="countQty"> <uni-forms-item label="库存数量" name="countQty">
<view class="fromItem">
<uni-easyinput v-model="countQty" disabled="true" /> <uni-easyinput v-model="countQty" disabled="true" />
<image style="width: 28rpx;" src="/static/images/right.png" mode="widthFix"></image>
</view>
</uni-forms-item> </uni-forms-item>
</uni-forms> </uni-forms>
<view class="button-group"> <!-- <view class="button-group">
<button type="primary" :disabled="isButtonDisabled" style="width: 100px;" @click="callAgv">确认叫料</button> <button type="primary" :disabled="isButtonDisabled" style="width: 100px;" @click="callAgv">确认叫料</button>
</view> </view> -->
</view> </view>
<bottomBtn :isSubmit="true" :isWhite="false" position="fixed" :disable="isButtonDisabled" :texts="['确认叫料']"
@onSubmit="callAgv"></bottomBtn>
<view class="cu-modal" :class="msgModalName=='Modal'?'show':''"> <view class="cu-modal" :class="msgModalName=='Modal'?'show':''">
<view class="cu-dialog"> <view class="cu-dialog">
<view class="cu-bar bg-white justify-end"> <view class="cu-bar bg-white justify-end">
@ -76,6 +93,9 @@
import { import {
formatDate formatDate
} from 'tough-cookie'; } from 'tough-cookie';
import {
bottomBtn
} from '@/components/bottomBtn/bottomBtn.vue'
export default { export default {
data() { data() {
return { return {
@ -202,6 +222,9 @@
msg: null msg: null
}; };
}, },
component: {
bottomBtn
},
onLoad() { onLoad() {
//加载物料下拉值列表 //加载物料下拉值列表
this.getSkuTypes() this.getSkuTypes()
@ -542,9 +565,81 @@
background-color: #ffffff; background-color: #ffffff;
} }
.container {
background: rgb(242, 243, 245);
height: 100vh;
}
.uni-forms-item {
border-bottom: 1px solid #E5E6EB;
margin-bottom: 0;
padding: 24rpx 0;
}
::v-deep .uni-forms-item__label {
color: #1D2129;
font-size: 28rpx;
font-weight: 400;
}
::v-deep .uni-select {
border: 0px;
}
::v-deep.uni-select__input-placeholder {
font-size: 28rpx;
font-weight: 400;
color: #86909C;
}
.textarea {
background-color: #F2F3F5;
width: 100%;
}
::v-deep.full-width-textarea {
width: 100% !important;
border: unset !important;
}
::v-deep .is-input-border {
border: unset;
}
::v-deep .uni-easyinput__placeholder-class {
font-size: 28rpx;
color: #86909C;
}
::v-deep .uni-input-input {
font-size: 28rpx;
}
::v-deep .uni-select__input-placeholder {
font-size: 28rpx;
color: #86909C;
}
::v-deep .uniui-bottom {
display: none;
}
::v-deep .uniui-top {
display: none;
}
.fromItem {
display: flex;
align-items: center;
}
.example { .example {
padding: 15px; padding: 12rpx 24rpx 0;
background-color: #fff; background-color: #fff;
width: 702rpx;
border-radius: 24rpx;
margin: 24rpx auto;
} }
.segmented-control { .segmented-control {

113
pages/work/wms/surplusReturn.vue
View File

@ -1,34 +1,48 @@
<template> <template>
<view class="container"> <view class="container">
<cu-custom bgColor="bg-gradual-pink" :isBack="true"> <cu-custom :isBack="true">
<block slot="backText">返回</block> <block slot="backText"></block>
<block slot="content">余料回库</block> <block slot="content">余料回库</block>
</cu-custom> </cu-custom>
<view class="example"> <view class="example">
<uni-forms ref="form" :model="formData" labelWidth="80px"> <uni-forms ref="form" :model="formData" labelWidth="80px">
<uni-forms-item label="托盘编号" name="palletCode"> <uni-forms-item label="托盘编号" name="palletCode">
<view class="fromItem">
<uni-easyinput v-model="formData.palletCode" placeholder="请扫描托盘号" @blur="trimPalletInput"/> <uni-easyinput v-model="formData.palletCode" placeholder="请扫描托盘号" @blur="trimPalletInput"/>
<image style="width: 28rpx;" src="/static/images/right.png" mode="widthFix"></image>
</view>
</uni-forms-item> </uni-forms-item>
<uni-forms-item label="物料编号" name="skuCode"> <uni-forms-item label="物料编号" name="skuCode">
<view class="fromItem">
<uni-easyinput v-model="this.skuCode" disabled/> <uni-easyinput v-model="this.skuCode" disabled/>
<image style="width: 28rpx;" src="/static/images/right.png" mode="widthFix"></image>
</view>
</uni-forms-item> </uni-forms-item>
<uni-forms-item label="物料描述" name="skuName"> <uni-forms-item label="物料描述" name="skuName">
<textarea class="full-width-textarea" v-model="this.skuName" disabled/>
</uni-forms-item> </uni-forms-item>
<uni-forms-item label="余料数量" name="surplusQty"> <uni-forms-item label="余料数量" name="surplusQty">
<view class="fromItem">
<uni-easyinput v-model="formData.surplusQty" type="number" placeholder="请输入余料数量"/> <uni-easyinput v-model="formData.surplusQty" type="number" placeholder="请输入余料数量"/>
<image style="width: 28rpx;" src="/static/images/right.png" mode="widthFix"></image>
</view>
</uni-forms-item> </uni-forms-item>
<uni-forms-item label="工位" name="locCode"> <uni-forms-item label="工位" name="locCode">
<view class="fromItem">
<uni-data-select v-model="formData.locCode" :localdata="stations" <uni-data-select v-model="formData.locCode" :localdata="stations"
placeholder="请选择货位"> placeholder="请选择货位">
</uni-data-select> </uni-data-select>
<image style="width: 28rpx;" src="/static/images/right.png" mode="widthFix"></image>
</view>
</uni-forms-item> </uni-forms-item>
</uni-forms> </uni-forms>
<view class="button-group"> <!-- <view class="button-group">
<button :disabled="isButtonDisabled" style="width: 100px;" @click="callAgv">确认回库</button> <button :disabled="isButtonDisabled" style="width: 100px;" @click="callAgv">确认回库</button>
</view> </view> -->
</view> </view>
<bottomBtn :isSubmit="true" :isWhite="false" position="fixed" :disable="isButtonDisabled" :texts="['确认回库']"
@onSubmit="callAgv"></bottomBtn>
<view class="cu-modal" :class="msgModalName=='Modal'?'show':''"> <view class="cu-modal" :class="msgModalName=='Modal'?'show':''">
<view class="cu-dialog"> <view class="cu-dialog">
<view class="cu-bar bg-white justify-end"> <view class="cu-bar bg-white justify-end">
@ -61,6 +75,9 @@
import { import {
formatDate formatDate
} from 'tough-cookie'; } from 'tough-cookie';
import {
bottomBtn
} from '@/components/bottomBtn/bottomBtn.vue'
export default { export default {
data() { data() {
return { return {
@ -181,6 +198,9 @@
msg: null msg: null
}; };
}, },
component: {
bottomBtn
},
onLoad() { onLoad() {
//加载物料下拉值列表 //加载物料下拉值列表
this.getSkuTypes() this.getSkuTypes()
@ -465,7 +485,83 @@
} }
</script> </script>
<style lang="scss"> <style scoped lang="scss">
.container {
background: rgb(242, 243, 245);
height: 100vh;
}
.uni-forms-item {
border-bottom: 1px solid #E5E6EB;
margin-bottom: 0;
padding: 24rpx 0;
}
::v-deep .uni-forms-item__label {
color: #1D2129;
font-size: 28rpx;
font-weight: 400;
}
::v-deep .uni-select {
border: 0px;
}
::v-deep.uni-select__input-placeholder {
font-size: 28rpx;
font-weight: 400;
color: #86909C;
}
.textarea {
background-color: #F2F3F5;
width: 100%;
}
::v-deep.full-width-textarea {
width: 100% !important;
border: unset !important;
}
::v-deep .is-input-border {
border: unset;
}
::v-deep .uni-easyinput__placeholder-class {
font-size: 28rpx;
color: #86909C;
}
::v-deep .uni-input-input {
font-size: 28rpx;
}
::v-deep .uni-select__input-placeholder {
font-size: 28rpx;
color: #86909C;
}
::v-deep .uniui-bottom {
display: none;
}
::v-deep .uniui-top {
display: none;
}
.fromItem {
display: flex;
align-items: center;
}
.example {
padding: 0 24rpx;
background-color: #fff;
width: 702rpx;
border-radius: 24rpx;
margin: 24rpx auto;
}
.cu-form-group .title { .cu-form-group .title {
min-width: calc(4em + 15px); min-width: calc(4em + 15px);
} }
@ -474,10 +570,7 @@
background-color: #ffffff; background-color: #ffffff;
} }
.example {
padding: 15px;
background-color: #fff;
}
.segmented-control { .segmented-control {
margin-bottom: 15px; margin-bottom: 15px;

BIN
static/images/loginBg.jpg 100644
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 680 KiB

BIN
static/images/loginBg.png 100644
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 684 KiB

BIN
static/images/pass.png 100644
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 638 B

BIN
static/images/right.png 100644
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 263 B

BIN
static/images/tabbar/home.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.2 KiB

After

Width:  |  Height:  |  Size: 634 B

BIN
static/images/tabbar/homeS.png 100644
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 532 B

BIN
static/images/tabbar/home_.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 3.2 KiB

BIN
static/images/tabbar/mine.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.1 KiB

After

Width:  |  Height:  |  Size: 561 B

BIN
static/images/tabbar/mineS.png 100644
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 625 B

BIN
static/images/tabbar/mine_.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 4.1 KiB

BIN
static/images/tabbar/work.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.0 KiB

After

Width:  |  Height:  |  Size: 665 B

BIN
static/images/tabbar/workS.png 100644
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 547 B

BIN
static/images/tabbar/work_.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 4.9 KiB

BIN
static/images/user.png 100644
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 685 B

BIN
static/images/work/组合 1747.png 100644
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.0 KiB

BIN
static/images/work/组合 1749.png 100644
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.2 KiB

BIN
static/images/work/组合 1752.png 100644
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.2 KiB

BIN
static/images/work/组合 1753.png 100644
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.1 KiB

BIN
static/images/work/组合 1756.png 100644
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.0 KiB

BIN
static/images/work/组合 1758.png 100644
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.0 KiB

BIN
static/images/work/组合 1759.png 100644
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.2 KiB

BIN
static/images/work/组合 1762.png 100644
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.2 KiB

BIN
static/images/work/组合 1763.png 100644
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.1 KiB

BIN
static/images/work/组合 1764.png 100644
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.1 KiB

18
static/json/dynamicRouter.json
View File

@ -7,61 +7,61 @@
"name": "skuCreatePallet", "name": "skuCreatePallet",
"title": "组盘入库", "title": "组盘入库",
"color": "red", "color": "red",
"icon": "cuIcon-forwardfill" "icon": "/static/images/work/组合 1747.png"
}, },
{ {
"path": "/pages/work/wms/skuCreatePalletByCode", "path": "/pages/work/wms/skuCreatePalletByCode",
"name": "skuCreatePalletByCode", "name": "skuCreatePalletByCode",
"title": "一码通入库", "title": "一码通入库",
"color": "red", "color": "red",
"icon": "cuIcon-qr_code" "icon": "/static/images/work/组合 1749.png"
}, },
{ {
"path": "/pages/work/wms/manualCall", "path": "/pages/work/wms/manualCall",
"name": "manualCall", "name": "manualCall",
"title": "人工叫料", "title": "人工叫料",
"color": "red", "color": "red",
"icon": "cuIcon-forward" "icon": "/static/images/work/组合 1753.png"
}, },
{ {
"path": "/pages/work/wms/emptyPalletOut", "path": "/pages/work/wms/emptyPalletOut",
"name": "emptyPalletOut", "name": "emptyPalletOut",
"title": "空容器出库", "title": "空容器出库",
"color": "red", "color": "red",
"icon": "cuIcon-upload" "icon": "/static/images/work/组合 1756.png"
}, },
{ {
"path": "/pages/work/wms/returnEmptyRack", "path": "/pages/work/wms/returnEmptyRack",
"name": "returnEmptyRack", "name": "returnEmptyRack",
"title": "空工装回库", "title": "空工装回库",
"color": "red", "color": "red",
"icon": "cuIcon-forward" "icon": "/static/images/work/组合 1758.png"
}, },
{ {
"path": "/pages/work/wms/surplusReturn", "path": "/pages/work/wms/surplusReturn",
"name": "surplusReturn", "name": "surplusReturn",
"title": "余料回库", "title": "余料回库",
"color": "red", "color": "red",
"icon": "cuIcon-forward" "icon": "/static/images/work/组合 1759.png"
}, },
{ {
"path": "/pages/work/wms/clearEmptyLoc", "path": "/pages/work/wms/clearEmptyLoc",
"name": "clearEmptyLoc", "name": "clearEmptyLoc",
"title": "工装货位腾空", "title": "工装货位腾空",
"icon": "cuIcon-exit" "icon": "/static/images/work/组合 1763.png"
}, },
{ {
"path": "/pages/work/wms/palletInfoQuery", "path": "/pages/work/wms/palletInfoQuery",
"name": "palletInfoQuery", "name": "palletInfoQuery",
"title": "托盘信息查询", "title": "托盘信息查询",
"icon": "cuIcon-search" "icon": "/static/images/work/组合 1764.png"
}, },
{ {
"path": "/pages/work/wms/surplusOut", "path": "/pages/work/wms/surplusOut",
"name": "surplusOut", "name": "surplusOut",
"title": "余料出库", "title": "余料出库",
"color": "red", "color": "red",
"icon": "cuIcon-forward" "icon": "/static/images/work/组合 1762.png"
} }
], ],
"msg": "成功" "msg": "成功"

6
static/scss/colorui.css
View File

@ -11,7 +11,7 @@
main 初始化 main 初始化
==================== */ ==================== */
body { body {
background-color: #f1f1f1; background-color: #ffff;
font-size: 28upx; font-size: 28upx;
color: #333333; color: #333333;
font-family: Helvetica Neue, Helvetica, sans-serif; font-family: Helvetica Neue, Helvetica, sans-serif;
@ -1071,7 +1071,7 @@ button.cuIcon.lg {
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
font-size: 28upx; font-size: 28upx;
z-index: 9999; z-index: 99;
line-height: 2.4em; line-height: 2.4em;
} }
@ -1885,7 +1885,7 @@ button.cuIcon.lg {
padding-right: 150upx; padding-right: 150upx;
/* #endif */ /* #endif */
box-shadow: 0upx 0upx 0upx; box-shadow: 0upx 0upx 0upx;
z-index: 9999; z-index: 99;
} }
.cu-custom .cu-bar .border-custom { .cu-custom .cu-bar .border-custom {