新增空盘自动呼叫界面、容器操作界面、出库解绑界面、容器上架界面
parent
db4f073e1f
commit
02593f6a0a
|
|
@ -0,0 +1,29 @@
|
||||||
|
import request from '@/utils/request'
|
||||||
|
|
||||||
|
const apiPrefix = '/api/wms/loc/'
|
||||||
|
|
||||||
|
/** 空容器上架 */
|
||||||
|
export const list = data => {
|
||||||
|
return request({
|
||||||
|
url: apiPrefix + 'list',
|
||||||
|
data: data,
|
||||||
|
method: 'GET'
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export const page = data => {
|
||||||
|
return request({
|
||||||
|
url: apiPrefix + 'page',
|
||||||
|
data: data,
|
||||||
|
method: 'GET'
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export const edit = data => {
|
||||||
|
return request({
|
||||||
|
url: apiPrefix + 'edit',
|
||||||
|
data: data,
|
||||||
|
method: 'PUT'
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
|
@ -0,0 +1,42 @@
|
||||||
|
import request from '@/utils/request'
|
||||||
|
|
||||||
|
const apiPrefix = '/api/wms/projectPda/'
|
||||||
|
|
||||||
|
/** 空容器上架 */
|
||||||
|
export const emptyCagePutAway = data => {
|
||||||
|
return request({
|
||||||
|
url: apiPrefix + 'emptyCagePutAway',
|
||||||
|
data: data,
|
||||||
|
method: 'POST'
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
/** 空容器呼叫 */
|
||||||
|
export const containerMove = data => {
|
||||||
|
return request({
|
||||||
|
url: apiPrefix + 'containerMove',
|
||||||
|
data: data,
|
||||||
|
method: 'POST'
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
/** 查询货位托盘 */
|
||||||
|
export const qureyPalletInfoByLocCode = data => {
|
||||||
|
return request({
|
||||||
|
url: apiPrefix + 'qureyPalletInfoByLocCode',
|
||||||
|
params: data,
|
||||||
|
method: 'GET'
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
/** 货位解绑 */
|
||||||
|
export const fullCageOut = data => {
|
||||||
|
return request({
|
||||||
|
url: apiPrefix + 'fullCageOut',
|
||||||
|
data: data,
|
||||||
|
method: 'POST'
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -2,7 +2,7 @@
|
||||||
module.exports = {
|
module.exports = {
|
||||||
//项目初始化时设置的IP的端口 一般为调试模式时的信息
|
//项目初始化时设置的IP的端口 一般为调试模式时的信息
|
||||||
// baseUrl: 'http://127.0.0.1:9292',
|
// baseUrl: 'http://127.0.0.1:9292',
|
||||||
baseUrl: 'http://10.180.218.86:9292',
|
baseUrl: 'http://10.3.13.121:9292',
|
||||||
//页面是否开启验证码：针对于登录页和注册页
|
//页面是否开启验证码：针对于登录页和注册页
|
||||||
captchaEnabled: false,
|
captchaEnabled: false,
|
||||||
// 应用信息
|
// 应用信息
|
||||||
|
|
|
||||||
24
pages.json
24
pages.json
|
|
@ -215,6 +215,30 @@
|
||||||
"style": {
|
"style": {
|
||||||
"navigationBarTitleText": "空容器入库"
|
"navigationBarTitleText": "空容器入库"
|
||||||
}
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"path": "pages/work/wms/emptyCagePutAway",
|
||||||
|
"style": {
|
||||||
|
"navigationBarTitleText": "空容器上架"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"path": "pages/work/wms/containerMove",
|
||||||
|
"style": {
|
||||||
|
"navigationBarTitleText": "容器搬运"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"path": "pages/work/wms/outboundUnbind",
|
||||||
|
"style": {
|
||||||
|
"navigationBarTitleText": "出库解绑"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"path": "pages/work/wms/AutoCallEmptyCage",
|
||||||
|
"style": {
|
||||||
|
"navigationBarTitleText": "自动呼叫空料架"
|
||||||
|
}
|
||||||
}
|
}
|
||||||
],
|
],
|
||||||
"tabBar": {
|
"tabBar": {
|
||||||
|
|
|
||||||
|
|
@ -62,8 +62,8 @@
|
||||||
<view class="bodybox">
|
<view class="bodybox">
|
||||||
<view v-for="(item,index) in oneMenuList.children" class="bodyboxitem" :key="index">
|
<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> -->
|
||||||
|
<image :src="item.icon" ></image>
|
||||||
<text class="text">{{item.title}}</text>
|
<text class="text">{{item.title}}</text>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,326 @@
|
||||||
|
<template>
|
||||||
|
<view class="container">
|
||||||
|
<cu-custom bgColor="bg-gradual-pink" :isBack="true">
|
||||||
|
<block slot="backText">返回</block>
|
||||||
|
<block slot="content">自动呼叫空料架</block>
|
||||||
|
</cu-custom>
|
||||||
|
<view class="example">
|
||||||
|
<uni-forms ref="form" :model="formData" labelWidth="80px">
|
||||||
|
<uni-forms-item label="目标产线" name="productLine">
|
||||||
|
<view class="fromItem">
|
||||||
|
<uni-data-select v-model="formData.productLine" :localdata="productLineList"
|
||||||
|
placeholder="请选择目标产线" @change="productLineChange" />
|
||||||
|
<image style="width: 28rpx;" src="/static/images/right.png" mode="widthFix"></image>
|
||||||
|
</view>
|
||||||
|
</uni-forms-item>
|
||||||
|
<uni-forms-item label="上料工位" name="callLocCode">
|
||||||
|
<view class="fromItem">
|
||||||
|
<uni-data-select v-model="callLocCode" :localdata="callLocCodeList" placeholder="请选择上料工位" />
|
||||||
|
<image style="width: 28rpx;" src="/static/images/right.png" mode="widthFix"></image>
|
||||||
|
</view>
|
||||||
|
</uni-forms-item>
|
||||||
|
<view style="margin-top: 10px;">
|
||||||
|
<checkbox-group class="block" @change="CheckboxChange">
|
||||||
|
<checkbox :class="formData.isAutoCall ? 'checked':''" value="Y"
|
||||||
|
:checked="formData.isAutoCall ? true: false">
|
||||||
|
</checkbox>
|
||||||
|
<label style="margin: 10px;">自动呼叫空料架</label>
|
||||||
|
</checkbox-group>
|
||||||
|
|
||||||
|
</view>
|
||||||
|
</uni-forms>
|
||||||
|
</view>
|
||||||
|
<bottomBtn :isSubmit="true" :isWhite="false" position="fixed" :disable="isButtonDisabled" :texts="['确认']"
|
||||||
|
@onSubmit="confirmed"></bottomBtn>
|
||||||
|
<view class="cu-modal" :class="msgModalName=='Modal'?'show':''">
|
||||||
|
<view class="cu-dialog">
|
||||||
|
<view class="cu-bar bg-white justify-end">
|
||||||
|
<view class="content">{{msgTitleName}}</view>
|
||||||
|
<view class="action" @tap="hideMsgModal">
|
||||||
|
<text class="cuIcon-close text-red"></text>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="padding-xl">
|
||||||
|
{{msg}}
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import {
|
||||||
|
getDictionary
|
||||||
|
} from "@/api/wms/dictData.js"
|
||||||
|
import {
|
||||||
|
containerMove
|
||||||
|
} from "@/api/wms/project.js"
|
||||||
|
import {
|
||||||
|
page,
|
||||||
|
edit
|
||||||
|
} from "@/api/wms/loc.js"
|
||||||
|
import {
|
||||||
|
formatDate
|
||||||
|
} from 'tough-cookie';
|
||||||
|
import {
|
||||||
|
bottomBtn
|
||||||
|
} from '@/components/bottomBtn/bottomBtn.vue'
|
||||||
|
export default {
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
productLineList: [],
|
||||||
|
callLocCodeList: [],
|
||||||
|
callLocCode: "",
|
||||||
|
productLineLocList: [],
|
||||||
|
cacheLoc: null,
|
||||||
|
|
||||||
|
//表单中的数据信息
|
||||||
|
formData: {
|
||||||
|
productLine: "",
|
||||||
|
callLocCode: "",
|
||||||
|
isAutoCall: false
|
||||||
|
},
|
||||||
|
rules: {
|
||||||
|
productLine: {
|
||||||
|
rules: [{
|
||||||
|
required: true,
|
||||||
|
errorMessage: '请选择目标产线'
|
||||||
|
}]
|
||||||
|
},
|
||||||
|
},
|
||||||
|
|
||||||
|
isButtonDisabled: false,
|
||||||
|
targetLoc: null,
|
||||||
|
productLine: null,
|
||||||
|
isfullDirectIn: false, //满料直接入库
|
||||||
|
isCallEmpty: true,
|
||||||
|
msgModalName: null,
|
||||||
|
msgTitleName: null,
|
||||||
|
msg: null
|
||||||
|
};
|
||||||
|
},
|
||||||
|
onLoad() {
|
||||||
|
//加载目标产线下拉值列表
|
||||||
|
this.getLineCodes();
|
||||||
|
},
|
||||||
|
onReady() {
|
||||||
|
this.$refs.form.setRules(this.rules)
|
||||||
|
},
|
||||||
|
// watch: {
|
||||||
|
// "formData.productLine": {
|
||||||
|
// immediate: false,
|
||||||
|
// handler: async function(newVal) {
|
||||||
|
// var result = await list({
|
||||||
|
// parentCode: newVal
|
||||||
|
// });
|
||||||
|
// console.log('result', result);
|
||||||
|
// this.targetLocList = result.data.map(a => ({
|
||||||
|
// label: a.locName,
|
||||||
|
// value: a.locCode
|
||||||
|
// }));
|
||||||
|
// console.log('this.targetLocList', this.targetLocList);
|
||||||
|
// }
|
||||||
|
// }
|
||||||
|
// },
|
||||||
|
methods: {
|
||||||
|
//获取线体编号
|
||||||
|
async getLineCodes() {
|
||||||
|
this.productLineList = await getDictionary('productLine');
|
||||||
|
console.log("this.productLineList", this.productLineList)
|
||||||
|
},
|
||||||
|
CheckboxChange(e) {
|
||||||
|
|
||||||
|
var items = e.detail.value
|
||||||
|
this.formData.isAutoCall = items.includes('Y')
|
||||||
|
|
||||||
|
console.log('formData', this.formData)
|
||||||
|
},
|
||||||
|
productLineChange: function(productLine) {
|
||||||
|
if(!productLine){
|
||||||
|
this.callLocCode=''
|
||||||
|
this.callLocCodeList=[]
|
||||||
|
this.formData.isAutoCall=false
|
||||||
|
return
|
||||||
|
}
|
||||||
|
page({
|
||||||
|
parentCode: productLine
|
||||||
|
}).then(response => {
|
||||||
|
this.productLineLocList = response.data.record
|
||||||
|
if (!this.productLineLocList || this.productLineLocList.length == 0) {
|
||||||
|
this.$modal.msgError('未查询到产线工位数据')
|
||||||
|
}
|
||||||
|
this.cacheLoc = this.productLineLocList.filter(f => f.ext5 == 'emptyCacheLoc')[0]
|
||||||
|
if (!this.cacheLoc) {
|
||||||
|
this.$modal.msgError('未找到产线空料架缓存工位！')
|
||||||
|
}
|
||||||
|
// this.formData.callLocCode=this.cacheLoc
|
||||||
|
this.callLocCodeList =
|
||||||
|
this.productLineLocList
|
||||||
|
.filter(f => f.ext5 == 'PalletizationLoc')
|
||||||
|
.map(item => ({
|
||||||
|
value: item.locCode,
|
||||||
|
text: item.locName
|
||||||
|
}))
|
||||||
|
if (!this.callLocCodeList || this.callLocCodeList.length == 0) {
|
||||||
|
this.$modal.msgError('未找到产线上料工位！')
|
||||||
|
}
|
||||||
|
|
||||||
|
this.callLocCode = this.cacheLoc.ext3
|
||||||
|
this.formData.isAutoCall = this.cacheLoc.ext4 == 'Y'
|
||||||
|
|
||||||
|
console.log("this.callLocCode", this.callLocCode, this.callLocCodeList)
|
||||||
|
});
|
||||||
|
|
||||||
|
},
|
||||||
|
|
||||||
|
//确认
|
||||||
|
confirmed: function(operation) {
|
||||||
|
this.isButtonDisabled = true;
|
||||||
|
this.$modal.loading("请等待...")
|
||||||
|
this.$refs.form.validate().then(res => {
|
||||||
|
|
||||||
|
this.cacheLoc.ext3 = this.callLocCode
|
||||||
|
this.cacheLoc.ext4 = this.formData.isAutoCall ? 'Y' : 'N'
|
||||||
|
edit(this.cacheLoc).then(response => {
|
||||||
|
console.log("response", response)
|
||||||
|
this.$modal.msgSuccess("修改成功," + response.msg)
|
||||||
|
}).finally(() => {
|
||||||
|
this.isButtonDisabled = false; // 恢复按钮可用
|
||||||
|
this.$modal.closeLoading()
|
||||||
|
});
|
||||||
|
}).catch(e => {
|
||||||
|
console.error('修改异常', e)
|
||||||
|
this.isButtonDisabled = false; // 恢复按钮可用
|
||||||
|
this.$modal.closeLoading()
|
||||||
|
})
|
||||||
|
},
|
||||||
|
hideMsgModal(e) {
|
||||||
|
//关闭信息模态框
|
||||||
|
this.msgModalName = null;
|
||||||
|
},
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<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: 24rpx 24rpx;
|
||||||
|
background-color: #fff;
|
||||||
|
width: 720rpx;
|
||||||
|
border-radius: 24rpx;
|
||||||
|
margin: 10rpx auto;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.cu-form-group .title {
|
||||||
|
min-width: calc(4em + 15px);
|
||||||
|
}
|
||||||
|
|
||||||
|
page {
|
||||||
|
background-color: #ffffff;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
.segmented-control {
|
||||||
|
margin-bottom: 15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.button-group {
|
||||||
|
margin-top: 15px;
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-around;
|
||||||
|
}
|
||||||
|
|
||||||
|
.form-item {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
flex: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.button {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
height: 35px;
|
||||||
|
line-height: 35px;
|
||||||
|
margin-left: 10px;
|
||||||
|
margin-top: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.switch-item {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
padding: 10px;
|
||||||
|
border-bottom: 1px solid #eee;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
@ -0,0 +1,343 @@
|
||||||
|
<template>
|
||||||
|
<view class="container">
|
||||||
|
<cu-custom bgColor="bg-gradual-pink" :isBack="true">
|
||||||
|
<block slot="backText">返回</block>
|
||||||
|
<block slot="content">容器搬运</block>
|
||||||
|
</cu-custom>
|
||||||
|
<view class="example">
|
||||||
|
<uni-forms ref="form" :model="formData" labelWidth="80px">
|
||||||
|
<uni-forms-item label="目标产线" name="productLine">
|
||||||
|
<view class="fromItem">
|
||||||
|
<uni-data-select v-model="formData.productLine" :localdata="productLineList"
|
||||||
|
placeholder="请选择目标产线" @change="productLineChange" />
|
||||||
|
<image style="width: 28rpx;" src="/static/images/right.png" mode="widthFix"></image>
|
||||||
|
</view>
|
||||||
|
</uni-forms-item>
|
||||||
|
<!-- <uni-forms-item label="目标工位" name="targetLoc">
|
||||||
|
<view class="fromItem">
|
||||||
|
<uni-data-select v-model="formData.targetLoc" :localdata="targetLocList"
|
||||||
|
placeholder="请选择目标工位" />
|
||||||
|
<image style="width: 28rpx;" src="/static/images/right.png" mode="widthFix"></image>
|
||||||
|
</view>
|
||||||
|
</uni-forms-item> -->
|
||||||
|
</uni-forms>
|
||||||
|
<!-- <view style="margin-top: 10px;">
|
||||||
|
<button style="margin: 5px;" @click="confirmedCall('cacheLocCall')">缓存工位呼叫</button>
|
||||||
|
<button style="margin: 5px; background-color: royalblue;"
|
||||||
|
@click="confirmedCall('emptyPltCall')">空容器呼叫</button>
|
||||||
|
<button style="margin: 5px;" type="primary" @click="confirmedCall('fullCageIn')">满容器回库</button>
|
||||||
|
</view> -->
|
||||||
|
|
||||||
|
<view style="margin-top: 10px;">
|
||||||
|
<button :style="{'margin': '5px','backgroundColor': item.color}" :type="item.type" :key="item.label"
|
||||||
|
v-for="item in currentProductLine" @click="confirmedCall(item)">{{item.label}}</button>
|
||||||
|
</view>
|
||||||
|
<view>
|
||||||
|
<checkbox-group class="block" @change="CheckboxChange">
|
||||||
|
<checkbox :class="isfullDirectIn ? 'checked':''" value="in" :checked="isfullDirectIn ? true: false">
|
||||||
|
</checkbox>
|
||||||
|
<label style="margin: 10px;">满料直接回库</label>
|
||||||
|
<!-- <checkbox :class="isCallEmpty ? 'checked':''" value="call"
|
||||||
|
:checked="isCallEmpty ? true: false"></checkbox>
|
||||||
|
<label style="margin: 10px;">回库并呼叫空容器</label> -->
|
||||||
|
</checkbox-group>
|
||||||
|
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<!-- <view>
|
||||||
|
<bottomBtn :isThird="true" :isSubmit="true" :isWhite="false" position="fixed" :disable="isButtonDisabled"
|
||||||
|
:texts="['满容器返库','缓存工位呼叫','空容器呼叫']" @onCancel="confirmedCall" @onSubmit="confirmedCall" @onCheck="confirmedCall"></bottomBtn>
|
||||||
|
</view> -->
|
||||||
|
<view class="cu-modal" :class="msgModalName=='Modal'?'show':''">
|
||||||
|
<view class="cu-dialog">
|
||||||
|
<view class="cu-bar bg-white justify-end">
|
||||||
|
<view class="content">{{msgTitleName}}</view>
|
||||||
|
<view class="action" @tap="hideMsgModal">
|
||||||
|
<text class="cuIcon-close text-red"></text>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="padding-xl">
|
||||||
|
{{msg}}
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import {
|
||||||
|
getDictionary
|
||||||
|
} from "@/api/wms/dictData.js"
|
||||||
|
import {
|
||||||
|
containerMove
|
||||||
|
} from "@/api/wms/project.js"
|
||||||
|
import {
|
||||||
|
list
|
||||||
|
} from "@/api/wms/loc.js"
|
||||||
|
import {
|
||||||
|
formatDate
|
||||||
|
} from 'tough-cookie';
|
||||||
|
import {
|
||||||
|
bottomBtn
|
||||||
|
} from '@/components/bottomBtn/bottomBtn.vue'
|
||||||
|
export default {
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
productLineList: [],
|
||||||
|
targetLocList: [],
|
||||||
|
currentProductLine: [],
|
||||||
|
|
||||||
|
//表单中的数据信息
|
||||||
|
formData: {
|
||||||
|
productLine: "",
|
||||||
|
locCode: "",
|
||||||
|
operationCode: "",
|
||||||
|
isFullDirectIn:false
|
||||||
|
},
|
||||||
|
rules: {
|
||||||
|
productLine: {
|
||||||
|
rules: [{
|
||||||
|
required: true,
|
||||||
|
errorMessage: '请选择目标产线'
|
||||||
|
}]
|
||||||
|
},
|
||||||
|
// targetLoc: {
|
||||||
|
// rules: [{
|
||||||
|
// required: true,
|
||||||
|
// errorMessage: '请选择目标工位'
|
||||||
|
// }]
|
||||||
|
// }
|
||||||
|
},
|
||||||
|
|
||||||
|
isButtonDisabled: false,
|
||||||
|
targetLoc: null,
|
||||||
|
productLine: null,
|
||||||
|
isfullDirectIn: false, //满料直接入库
|
||||||
|
isCallEmpty: true,
|
||||||
|
msgModalName: null,
|
||||||
|
msgTitleName: null,
|
||||||
|
msg: null
|
||||||
|
};
|
||||||
|
},
|
||||||
|
onLoad() {
|
||||||
|
//加载目标产线下拉值列表
|
||||||
|
this.getLineCodes();
|
||||||
|
},
|
||||||
|
onReady() {
|
||||||
|
this.$refs.form.setRules(this.rules)
|
||||||
|
},
|
||||||
|
// watch: {
|
||||||
|
// "formData.productLine": {
|
||||||
|
// immediate: false,
|
||||||
|
// handler: async function(newVal) {
|
||||||
|
// var result = await list({
|
||||||
|
// parentCode: newVal
|
||||||
|
// });
|
||||||
|
// console.log('result', result);
|
||||||
|
// this.targetLocList = result.data.map(a => ({
|
||||||
|
// label: a.locName,
|
||||||
|
// value: a.locCode
|
||||||
|
// }));
|
||||||
|
// console.log('this.targetLocList', this.targetLocList);
|
||||||
|
// }
|
||||||
|
// }
|
||||||
|
// },
|
||||||
|
methods: {
|
||||||
|
//获取线体编号
|
||||||
|
async getLineCodes() {
|
||||||
|
this.productLineList = await getDictionary('productLine');
|
||||||
|
console.log("this.productLineList", this.productLineList)
|
||||||
|
},
|
||||||
|
CheckboxChange(e) {
|
||||||
|
// console.log('CheckboxChange',e)
|
||||||
|
var items = e.detail.value
|
||||||
|
console.log('this.isButtonDisabled', this.isButtonDisabled, e)
|
||||||
|
if (items.includes('in')) {
|
||||||
|
uni.showModal({
|
||||||
|
title: '系统提示',
|
||||||
|
content: `确定启用满料直接回库吗？启用后无多余AGV可用，会导致上料位空料架不能及时供应！`,
|
||||||
|
confirmText: '确定',
|
||||||
|
confirmColor: '#DD524D',
|
||||||
|
cancelText: '取消',
|
||||||
|
success: res => {
|
||||||
|
if (res.confirm) {
|
||||||
|
this.isfullDirectIn = true
|
||||||
|
} else if (res.cancel) {
|
||||||
|
this.isfullDirectIn = false
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
})
|
||||||
|
|
||||||
|
} else {
|
||||||
|
this.isfullDirectIn = false
|
||||||
|
}
|
||||||
|
|
||||||
|
this.isCallEmpty = items.includes('call')
|
||||||
|
console.log('this.isButtonDisabled', this.isButtonDisabled)
|
||||||
|
},
|
||||||
|
productLineChange: function(productLine) {
|
||||||
|
//this.currentProductLine = productLineOperates
|
||||||
|
const currentLinelist = this.productLineList.filter(x => x.value == productLine)
|
||||||
|
if (currentLinelist && currentLinelist.length > 0) {
|
||||||
|
const currentLine = currentLinelist[0]
|
||||||
|
console.log("currentLine.remark", currentLine.remark)
|
||||||
|
this.currentProductLine = JSON.parse(currentLine.remark)
|
||||||
|
console.log("this.currentProductLine ", this.currentProductLine)
|
||||||
|
}
|
||||||
|
// console.log("productLineChange",productLine,currentLine)
|
||||||
|
},
|
||||||
|
|
||||||
|
//确认上架
|
||||||
|
confirmedCall: function(operation) {
|
||||||
|
this.isButtonDisabled = true;
|
||||||
|
this.$modal.loading("请等待...")
|
||||||
|
this.$refs.form.validate().then(res => {
|
||||||
|
|
||||||
|
this.formData.operationCode = operation.operationCode
|
||||||
|
this.formData.locCode = operation.locCode
|
||||||
|
this.formData.isFullDirectIn=this.isfullDirectIn
|
||||||
|
containerMove(this.formData).then(response => {
|
||||||
|
console.log("response", response)
|
||||||
|
this.$modal.msgSuccess(operation == 'fullCageIn' ? "回库成功" : "呼叫成功")
|
||||||
|
}).finally(() => {
|
||||||
|
this.isButtonDisabled = false; // 恢复按钮可用
|
||||||
|
this.$modal.closeLoading()
|
||||||
|
});
|
||||||
|
}).catch(e => {
|
||||||
|
console.error('上架异常', e)
|
||||||
|
this.isButtonDisabled = false; // 恢复按钮可用
|
||||||
|
this.$modal.closeLoading()
|
||||||
|
})
|
||||||
|
},
|
||||||
|
hideMsgModal(e) {
|
||||||
|
//关闭信息模态框
|
||||||
|
this.msgModalName = null;
|
||||||
|
},
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<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: 24rpx 24rpx;
|
||||||
|
background-color: #fff;
|
||||||
|
width: 720rpx;
|
||||||
|
border-radius: 24rpx;
|
||||||
|
margin: 10rpx auto;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.cu-form-group .title {
|
||||||
|
min-width: calc(4em + 15px);
|
||||||
|
}
|
||||||
|
|
||||||
|
page {
|
||||||
|
background-color: #ffffff;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
.segmented-control {
|
||||||
|
margin-bottom: 15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.button-group {
|
||||||
|
margin-top: 15px;
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-around;
|
||||||
|
}
|
||||||
|
|
||||||
|
.form-item {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
flex: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.button {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
height: 35px;
|
||||||
|
line-height: 35px;
|
||||||
|
margin-left: 10px;
|
||||||
|
margin-top: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.switch-item {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
padding: 10px;
|
||||||
|
border-bottom: 1px solid #eee;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
@ -0,0 +1,293 @@
|
||||||
|
<template>
|
||||||
|
<view class="container">
|
||||||
|
<cu-custom bgColor="bg-gradual-pink" :isBack="true">
|
||||||
|
<block slot="backText">返回</block>
|
||||||
|
<block slot="content">空容器上架</block>
|
||||||
|
</cu-custom>
|
||||||
|
<view class="example">
|
||||||
|
<uni-forms ref="form" :model="formData" labelWidth="80px">
|
||||||
|
<uni-forms-item label="容器编号" name="containerCode">
|
||||||
|
<uni-easyinput v-model="formData.containerCode" placeholder="请扫描容器号" @blur="trimPalletInput" />
|
||||||
|
</uni-forms-item>
|
||||||
|
<uni-forms-item label="货位编号" name="locCode">
|
||||||
|
<uni-easyinput v-model="formData.locCode" placeholder="请扫描货位编号" @blur="trimLocInput" />
|
||||||
|
</uni-forms-item>
|
||||||
|
<uni-forms-item label="目标产线" name="productLine">
|
||||||
|
<view class="fromItem">
|
||||||
|
<uni-data-select v-model="formData.productLine" :localdata="productLineList"
|
||||||
|
placeholder="请选择目标产线" @change="productLineChange"/>
|
||||||
|
<image style="width: 28rpx;" src="/static/images/right.png" mode="widthFix"></image>
|
||||||
|
</view>
|
||||||
|
</uni-forms-item>
|
||||||
|
<!-- <uni-forms-item label="目标工位" name="targetLoc">
|
||||||
|
<view class="fromItem">
|
||||||
|
<uni-data-select v-model="formData.targetLoc" :localdata="targetLocList"
|
||||||
|
placeholder="请选择目标工位" />
|
||||||
|
<image style="width: 28rpx;" src="/static/images/right.png" mode="widthFix"></image>
|
||||||
|
</view>
|
||||||
|
</uni-forms-item> -->
|
||||||
|
</uni-forms>
|
||||||
|
|
||||||
|
<!-- <view class="button-group">
|
||||||
|
<button style="width: 100px;" @click="confirmedPutAway">确认上架</button>
|
||||||
|
</view> -->
|
||||||
|
</view>
|
||||||
|
<bottomBtn :isSubmit="true" :isWhite="false" position="fixed" :disable="isButtonDisabled" :texts="['确认上架']"
|
||||||
|
@onSubmit="confirmedPutAway"></bottomBtn>
|
||||||
|
<view class="cu-modal" :class="msgModalName=='Modal'?'show':''">
|
||||||
|
<view class="cu-dialog">
|
||||||
|
<view class="cu-bar bg-white justify-end">
|
||||||
|
<view class="content">{{msgTitleName}}</view>
|
||||||
|
<view class="action" @tap="hideMsgModal">
|
||||||
|
<text class="cuIcon-close text-red"></text>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="padding-xl">
|
||||||
|
{{msg}}
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import {
|
||||||
|
getDictionary
|
||||||
|
} from "@/api/wms/dictData.js"
|
||||||
|
import {
|
||||||
|
emptyCagePutAway
|
||||||
|
} from "@/api/wms/project.js"
|
||||||
|
import {
|
||||||
|
formatDate
|
||||||
|
} from 'tough-cookie';
|
||||||
|
export default {
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
productLineList: [],
|
||||||
|
targetLocList: [],
|
||||||
|
//表单中的数据信息
|
||||||
|
formData: {
|
||||||
|
containerCode: "",
|
||||||
|
locCode: "",
|
||||||
|
productLine: "",
|
||||||
|
qty:1
|
||||||
|
},
|
||||||
|
rules: {
|
||||||
|
containerCode: {
|
||||||
|
rules: [{
|
||||||
|
required: true,
|
||||||
|
errorMessage: '请扫码容器编号'
|
||||||
|
}]
|
||||||
|
},
|
||||||
|
locCode: {
|
||||||
|
rules: [{
|
||||||
|
required: true,
|
||||||
|
errorMessage: '请扫描货位编号'
|
||||||
|
}]
|
||||||
|
},
|
||||||
|
productLine: {
|
||||||
|
rules: [{
|
||||||
|
required: true,
|
||||||
|
errorMessage: '请选择目标产线'
|
||||||
|
}]
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
isButtonDisabled: false,
|
||||||
|
palletCode: null,
|
||||||
|
locCode: null,
|
||||||
|
productLine: null,
|
||||||
|
|
||||||
|
msgModalName: null,
|
||||||
|
msgTitleName: null,
|
||||||
|
msg: null
|
||||||
|
};
|
||||||
|
},
|
||||||
|
onLoad() {
|
||||||
|
//加载目标产线下拉值列表
|
||||||
|
this.getLineCodes();
|
||||||
|
},
|
||||||
|
onReady() {
|
||||||
|
this.$refs.form.setRules(this.rules)
|
||||||
|
},
|
||||||
|
|
||||||
|
methods: {
|
||||||
|
|
||||||
|
//去除空格
|
||||||
|
trimPalletInput(event) {
|
||||||
|
this.formData.containerCode = event.target.value.trim();
|
||||||
|
},
|
||||||
|
|
||||||
|
productLineChange(e){
|
||||||
|
// console.log("productLineChange",this.formData.productLine,e)
|
||||||
|
var productLine=this.productLineList.filter(x=>x.value==e)[0];
|
||||||
|
|
||||||
|
},
|
||||||
|
//去除空格
|
||||||
|
async trimLocInput(event) {
|
||||||
|
this.formData.locCode = event.target.value.trim();
|
||||||
|
|
||||||
|
if (!this.formData.locCode) {
|
||||||
|
//提示
|
||||||
|
this.$modal.msgError("请扫描货位编号")
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
},
|
||||||
|
//获取线体编号
|
||||||
|
async getLineCodes() {
|
||||||
|
this.productLineList = await getDictionary('productLine');
|
||||||
|
console.log("this.productLineList", this.productLineList)
|
||||||
|
},
|
||||||
|
|
||||||
|
//确认上架
|
||||||
|
confirmedPutAway: function() {
|
||||||
|
this.isButtonDisabled = true;
|
||||||
|
console.log('开始上架')
|
||||||
|
this.$modal.loading("请等待...")
|
||||||
|
this.$refs.form.validate().then(res => {
|
||||||
|
|
||||||
|
console.log('开始执行上架')
|
||||||
|
emptyCagePutAway(this.formData).then(response => {
|
||||||
|
console.log("response", response)
|
||||||
|
this.$modal.msgSuccess("上架成功")
|
||||||
|
this.formData.locCode=''
|
||||||
|
this.formData.containerCode=''
|
||||||
|
}).finally(() => {
|
||||||
|
this.isButtonDisabled = false; // 恢复按钮可用
|
||||||
|
this.$modal.closeLoading()
|
||||||
|
});
|
||||||
|
}).catch(e => {
|
||||||
|
console.error('上架异常',e)
|
||||||
|
this.isButtonDisabled = false; // 恢复按钮可用
|
||||||
|
this.$modal.closeLoading()
|
||||||
|
})
|
||||||
|
},
|
||||||
|
hideMsgModal(e) {
|
||||||
|
//关闭信息模态框
|
||||||
|
this.msgModalName = null;
|
||||||
|
},
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<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 {
|
||||||
|
min-width: calc(4em + 15px);
|
||||||
|
}
|
||||||
|
|
||||||
|
page {
|
||||||
|
background-color: #ffffff;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
.segmented-control {
|
||||||
|
margin-bottom: 15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.button-group {
|
||||||
|
margin-top: 15px;
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-around;
|
||||||
|
}
|
||||||
|
|
||||||
|
.form-item {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
flex: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.button {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
height: 35px;
|
||||||
|
line-height: 35px;
|
||||||
|
margin-left: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.switch-item {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
padding: 10px;
|
||||||
|
border-bottom: 1px solid #eee;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
@ -3,31 +3,31 @@
|
||||||
<cu-custom :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="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>
|
<image style="width: 28rpx;" src="/static/images/right.png" mode="widthFix"></image>
|
||||||
</view>
|
</view>
|
||||||
</uni-forms-item>
|
</uni-forms-item>
|
||||||
<uni-forms-item label="货位编号" name="locCode">
|
<uni-forms-item label="货位编号" name="locCode">
|
||||||
<view class="fromItem">
|
<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>
|
<image style="width: 28rpx;" src="/static/images/right.png" mode="widthFix"></image>
|
||||||
</view>
|
</view>
|
||||||
</uni-forms-item>
|
</uni-forms-item>
|
||||||
<uni-forms-item label="容器数量" name="skuQty">
|
<uni-forms-item label="容器数量" name="skuQty">
|
||||||
<view class="fromItem">
|
<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>
|
<image style="width: 28rpx;" src="/static/images/right.png" mode="widthFix"></image>
|
||||||
</view>
|
</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"
|
<button type="primary" style="width: 200px;" :disabled="isButtonDisabled"
|
||||||
|
|
@ -35,22 +35,22 @@
|
||||||
|
|
||||||
</view> -->
|
</view> -->
|
||||||
|
|
||||||
</view>
|
</view>
|
||||||
<bottomBtn :isSubmit="true" :isWhite="false" position="fixed" :disable="isButtonDisabled"
|
<bottomBtn :isSubmit="true" :isWhite="false" position="fixed" :disable="isButtonDisabled" :texts="['呼叫出库']"
|
||||||
:texts="['呼叫出库']" @onSubmit="submitPallet"></bottomBtn>
|
@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">
|
||||||
<view class="content">{{msgTitleName}}</view>
|
<view class="content">{{msgTitleName}}</view>
|
||||||
<view class="action" @tap="hideMsgModal">
|
<view class="action" @tap="hideMsgModal">
|
||||||
<text class="cuIcon-close text-red"></text>
|
<text class="cuIcon-close text-red"></text>
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
<view class="padding-xl">
|
|
||||||
{{msg}}
|
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
<view class="padding-xl">
|
||||||
|
{{msg}}
|
||||||
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
</template>
|
</template>
|
||||||
|
|
@ -69,7 +69,9 @@
|
||||||
import {
|
import {
|
||||||
formatDate
|
formatDate
|
||||||
} from 'tough-cookie';
|
} from 'tough-cookie';
|
||||||
import {bottomBtn} from '@/components/bottomBtn/bottomBtn.vue'
|
import {
|
||||||
|
bottomBtn
|
||||||
|
} from '@/components/bottomBtn/bottomBtn.vue'
|
||||||
export default {
|
export default {
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
|
|
@ -107,7 +109,7 @@
|
||||||
onReady() {
|
onReady() {
|
||||||
this.$refs.form.setRules(this.rules)
|
this.$refs.form.setRules(this.rules)
|
||||||
},
|
},
|
||||||
component:{
|
component: {
|
||||||
bottomBtn
|
bottomBtn
|
||||||
},
|
},
|
||||||
watch: {
|
watch: {
|
||||||
|
|
@ -155,68 +157,79 @@ component:{
|
||||||
background: rgb(242, 243, 245);
|
background: rgb(242, 243, 245);
|
||||||
height: 100vh;
|
height: 100vh;
|
||||||
}
|
}
|
||||||
|
|
||||||
.uni-forms-item {
|
.uni-forms-item {
|
||||||
border-bottom: 1px solid #E5E6EB;
|
border-bottom: 1px solid #E5E6EB;
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
padding: 24rpx 0;
|
padding: 24rpx 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
::v-deep .uni-forms-item__label {
|
::v-deep .uni-forms-item__label {
|
||||||
color: #1D2129;
|
color: #1D2129;
|
||||||
font-size: 28rpx;
|
font-size: 28rpx;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
}
|
}
|
||||||
|
|
||||||
::v-deep .uni-select {
|
::v-deep .uni-select {
|
||||||
border: 0px;
|
border: 0px;
|
||||||
}
|
}
|
||||||
|
|
||||||
::v-deep.uni-select__input-placeholder {
|
::v-deep.uni-select__input-placeholder {
|
||||||
font-size: 28rpx;
|
font-size: 28rpx;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
color: #86909C;
|
color: #86909C;
|
||||||
}
|
}
|
||||||
.textarea{
|
|
||||||
|
.textarea {
|
||||||
background-color: #F2F3F5;
|
background-color: #F2F3F5;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
::v-deep.full-width-textarea{
|
|
||||||
width: 100%!important;
|
::v-deep.full-width-textarea {
|
||||||
border: unset!important;
|
width: 100% !important;
|
||||||
|
border: unset !important;
|
||||||
}
|
}
|
||||||
::v-deep .is-input-border{
|
|
||||||
|
::v-deep .is-input-border {
|
||||||
border: unset;
|
border: unset;
|
||||||
}
|
}
|
||||||
::v-deep .uni-easyinput__placeholder-class{
|
|
||||||
|
::v-deep .uni-easyinput__placeholder-class {
|
||||||
font-size: 28rpx;
|
font-size: 28rpx;
|
||||||
color: #86909C;
|
color: #86909C;
|
||||||
}
|
}
|
||||||
::v-deep .uni-input-input{
|
|
||||||
|
::v-deep .uni-input-input {
|
||||||
font-size: 28rpx;
|
font-size: 28rpx;
|
||||||
}
|
}
|
||||||
::v-deep .uni-select__input-placeholder{
|
|
||||||
|
::v-deep .uni-select__input-placeholder {
|
||||||
font-size: 28rpx;
|
font-size: 28rpx;
|
||||||
color: #86909C;
|
color: #86909C;
|
||||||
}
|
}
|
||||||
::v-deep .uniui-bottom{
|
|
||||||
|
::v-deep .uniui-bottom {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
::v-deep .uniui-top{
|
|
||||||
|
::v-deep .uniui-top {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
.fromItem{
|
|
||||||
|
.fromItem {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.example {
|
.example {
|
||||||
padding: 0 24rpx;
|
padding: 0 24rpx;
|
||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
width: 702rpx;
|
width: 702rpx;
|
||||||
border-radius: 24rpx;
|
border-radius: 24rpx;
|
||||||
margin: 24rpx auto;
|
margin: 24rpx auto;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.cu-form-group .title {
|
.cu-form-group .title {
|
||||||
min-width: calc(4em + 15px);
|
min-width: calc(4em + 15px);
|
||||||
}
|
}
|
||||||
|
|
@ -225,7 +238,7 @@ component:{
|
||||||
background-color: #ffffff;
|
background-color: #ffffff;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.segmented-control {
|
.segmented-control {
|
||||||
margin-bottom: 15px;
|
margin-bottom: 15px;
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,239 @@
|
||||||
|
<!--托盘信息查询-->
|
||||||
|
<template>
|
||||||
|
<view class="container">
|
||||||
|
<cu-custom :isBack="true">
|
||||||
|
<block slot="backText"></block>
|
||||||
|
<block slot="content"> 出库解绑</block>
|
||||||
|
</cu-custom>
|
||||||
|
<view class="example">
|
||||||
|
<uni-forms ref="form" labelWidth="80px">
|
||||||
|
<uni-forms-item label="货位编号" name="locCode">
|
||||||
|
<view class="fromItem">
|
||||||
|
<view class="flex-twice padding-0 radius">
|
||||||
|
<uni-easyinput v-model="locCode" placeholder="请扫描货位编号" @blur="queryLocInfo" />
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</uni-forms-item>
|
||||||
|
<uni-forms-item label="容器编号" name="palletCode">
|
||||||
|
<view class="fromItem">
|
||||||
|
<uni-easyinput v-model="palletCode" disabled />
|
||||||
|
</view>
|
||||||
|
</uni-forms-item>
|
||||||
|
</uni-forms>
|
||||||
|
|
||||||
|
</view>
|
||||||
|
<bottomBtn :isSubmit="true" :isWhite="false" position="fixed" :texts="['确认出库解绑']" @onSubmit="handleClear">
|
||||||
|
</bottomBtn>
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import {
|
||||||
|
qureyPalletInfoByLocCode,
|
||||||
|
fullCageOut
|
||||||
|
} from "@/api/wms/project.js"
|
||||||
|
import {
|
||||||
|
bottomBtn
|
||||||
|
} from '@/components/bottomBtn/bottomBtn.vue'
|
||||||
|
export default {
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
locCode: "", // 输入的货位编号
|
||||||
|
palletCode:"",
|
||||||
|
rules: {
|
||||||
|
locCode: {
|
||||||
|
rules: [{
|
||||||
|
required: true,
|
||||||
|
errorMessage: '货位编号不能为空'
|
||||||
|
}]
|
||||||
|
}
|
||||||
|
}
|
||||||
|
};
|
||||||
|
},
|
||||||
|
component: {
|
||||||
|
bottomBtn
|
||||||
|
},
|
||||||
|
onReady() {
|
||||||
|
this.$refs.form.setRules(this.rules)
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
// 查询货位信息
|
||||||
|
async queryLocInfo() {
|
||||||
|
if (!this.locCode) return
|
||||||
|
|
||||||
|
this.$modal.loading("查询中...")
|
||||||
|
try {
|
||||||
|
const {
|
||||||
|
code,
|
||||||
|
data
|
||||||
|
} = await qureyPalletInfoByLocCode({
|
||||||
|
locCode: this.locCode
|
||||||
|
})
|
||||||
|
if (code === 200) {
|
||||||
|
|
||||||
|
if (!data) {
|
||||||
|
this.$modal.msg("该货位未绑定托盘信息")
|
||||||
|
}else{
|
||||||
|
this.palletCode = data.palletCode
|
||||||
|
}
|
||||||
|
}
|
||||||
|
} catch (e) {
|
||||||
|
console.error(e)
|
||||||
|
} finally {
|
||||||
|
this.$modal.closeLoading()
|
||||||
|
}
|
||||||
|
},
|
||||||
|
// 显示清空确认对话框
|
||||||
|
showClearConfirm() {
|
||||||
|
if (!this.locCode) {
|
||||||
|
return this.$modal.msg("请先输入货位编号")
|
||||||
|
}
|
||||||
|
|
||||||
|
uni.showModal({
|
||||||
|
title: '确认清空',
|
||||||
|
content: `确定要清空货位【${this.locCode}】下的所有托盘吗？`,
|
||||||
|
confirmText: '确定清空',
|
||||||
|
confirmColor: '#DD524D',
|
||||||
|
cancelText: '取消',
|
||||||
|
success: res => {
|
||||||
|
if (res.confirm) {
|
||||||
|
this.handleClear()
|
||||||
|
}
|
||||||
|
}
|
||||||
|
})
|
||||||
|
},
|
||||||
|
|
||||||
|
// 执行清空操作
|
||||||
|
async handleClear() {
|
||||||
|
if(!this.locCode){
|
||||||
|
this.$modal.msgError("请扫码货位编号")
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
if(!this.palletCode){
|
||||||
|
this.$modal.msgError("当前货位未绑定容器，不用解绑")
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
this.$modal.loading("解绑中...")
|
||||||
|
try {
|
||||||
|
const {
|
||||||
|
code,
|
||||||
|
msg
|
||||||
|
} = await fullCageOut({
|
||||||
|
locCode: this.locCode,
|
||||||
|
containerCode:this.palletCode
|
||||||
|
})
|
||||||
|
if (code === 200) {
|
||||||
|
this.$modal.msgSuccess("解绑成功")
|
||||||
|
this.locList = [] // 清空列表
|
||||||
|
this.locCode = "" // 清空输入
|
||||||
|
} else {
|
||||||
|
this.$modal.msgError(msg || "解绑失败")
|
||||||
|
}
|
||||||
|
} catch (e) {
|
||||||
|
console.error(e)
|
||||||
|
this.$modal.msgError("请求失败")
|
||||||
|
} finally {
|
||||||
|
this.$modal.closeLoading()
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<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 {
|
||||||
|
min-width: calc(4em + 15px);
|
||||||
|
}
|
||||||
|
|
||||||
|
page {
|
||||||
|
background-color: #ffffff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.example {
|
||||||
|
padding: 15px;
|
||||||
|
background-color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.button {
|
||||||
|
margin: 15px 0;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
@ -1,88 +1,33 @@
|
||||||
{
|
{
|
||||||
"code": 200,
|
"code": 200,
|
||||||
"data": [
|
"data": [
|
||||||
|
|
||||||
{
|
{
|
||||||
"path": "/pages/work/wms/skuCreatePallet",
|
"path": "/pages/work/wms/emptyCagePutAway",
|
||||||
"name": "skuCreatePallet",
|
"name": "emptyCagePutAway",
|
||||||
"title": "组盘入库",
|
"title": "空容器上架",
|
||||||
"color": "red",
|
|
||||||
"icon": "/static/images/work/组合 1747.png"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"path": "/pages/work/wms/skuCreatePalletByCodeH5",
|
|
||||||
"name": "skuCreatePalletByCodeH5",
|
|
||||||
"title": "一码通入库（H5）",
|
|
||||||
"color": "red",
|
|
||||||
"icon": "/static/images/work/组合 1749.png"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"path": "/pages/work/wms/manualCall",
|
|
||||||
"name": "manualCall",
|
|
||||||
"title": "人工叫料",
|
|
||||||
"color": "red",
|
|
||||||
"icon": "/static/images/work/组合 1753.png"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"path": "/pages/work/wms/emptyPalletOut",
|
|
||||||
"name": "emptyPalletOut",
|
|
||||||
"title": "空容器出库",
|
|
||||||
"color": "red",
|
|
||||||
"icon": "/static/images/work/组合 1756.png"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"path": "/pages/work/wms/returnEmptyRack",
|
|
||||||
"name": "returnEmptyRack",
|
|
||||||
"title": "空工装回库",
|
|
||||||
"color": "red",
|
"color": "red",
|
||||||
"icon": "/static/images/work/组合 1758.png"
|
"icon": "/static/images/work/组合 1758.png"
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"path": "/pages/work/wms/surplusReturn",
|
"path": "/pages/work/wms/containerMove",
|
||||||
"name": "surplusReturn",
|
"name": "emptyCageCall",
|
||||||
"title": "余料回库",
|
"title": "容器搬运",
|
||||||
"color": "red",
|
"color": "red",
|
||||||
"icon": "/static/images/work/组合 1759.png"
|
"icon": "/static/images/work/组合 1753.png"
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"path": "/pages/work/wms/clearEmptyLoc",
|
"path": "/pages/work/wms/outboundUnbind",
|
||||||
"name": "clearEmptyLoc",
|
"name": "outboundUnbind",
|
||||||
"title": "工装货位腾空",
|
"title": "出库解绑",
|
||||||
"icon": "/static/images/work/组合 1763.png"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"path": "/pages/work/wms/palletInfoQuery",
|
|
||||||
"name": "palletInfoQuery",
|
|
||||||
"title": "托盘信息查询",
|
|
||||||
"icon": "/static/images/work/组合 1764.png"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"path": "/pages/work/wms/surplusOut",
|
|
||||||
"name": "surplusOut",
|
|
||||||
"title": "余料出库",
|
|
||||||
"color": "red",
|
"color": "red",
|
||||||
"icon": "cuIcon-forward"
|
"icon": "/static/images/work/组合 1762.png"
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"path": "/pages/work/wms/skuCreatePalletByCode",
|
"path": "/pages/work/wms/AutoCallEmptyCage",
|
||||||
"name": "skuCreatePalletByCode",
|
"name": "AutoCallEmptyCage",
|
||||||
"title": "一码通入库（APP）",
|
"title": "自动呼叫空料架",
|
||||||
"color": "red",
|
"color": "red",
|
||||||
"icon": "cuIcon-qr_code"
|
"icon": "/static/images/work/组合 1758.png"
|
||||||
},
|
|
||||||
{
|
|
||||||
"path": "/pages/work/wms/mesStockChange",
|
|
||||||
"name": "mesStockChange",
|
|
||||||
"title": "Mes工位库库存变更",
|
|
||||||
"color": "red",
|
|
||||||
"icon": "cuIcon-exit"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"path": "/pages/work/wms/emptyPalletIn",
|
|
||||||
"name": "emptyPalletIn",
|
|
||||||
"title": "空容器入库",
|
|
||||||
"color": "red",
|
|
||||||
"icon": "cuIcon-forwardfill"
|
|
||||||
}
|
}
|
||||||
],
|
],
|
||||||
"msg": "成功"
|
"msg": "成功"
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue