新增空盘自动呼叫界面、容器操作界面、出库解绑界面、容器上架界面
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 = {
|
||||
//项目初始化时设置的IP的端口 一般为调试模式时的信息
|
||||
// baseUrl: 'http://127.0.0.1:9292',
|
||||
baseUrl: 'http://10.180.218.86:9292',
|
||||
baseUrl: 'http://10.3.13.121:9292',
|
||||
//页面是否开启验证码：针对于登录页和注册页
|
||||
captchaEnabled: false,
|
||||
// 应用信息
|
||||
|
|
|
|||
24
pages.json
24
pages.json
|
|
@ -215,6 +215,30 @@
|
|||
"style": {
|
||||
"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": {
|
||||
|
|
|
|||
|
|
@ -62,8 +62,8 @@
|
|||
<view class="bodybox">
|
||||
<view v-for="(item,index) in oneMenuList.children" class="bodyboxitem" :key="index">
|
||||
<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>
|
||||
</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">
|
||||
<block slot="backText"></block>
|
||||
<block slot="content">空容器出库</block>
|
||||
</cu-custom>
|
||||
<view class="example">
|
||||
<uni-forms ref="form" :model="formData" labelWidth="80px">
|
||||
</cu-custom>
|
||||
<view class="example">
|
||||
<uni-forms ref="form" :model="formData" labelWidth="80px">
|
||||
|
||||
<uni-forms-item label="空容器" name="palletCode">
|
||||
<view class="fromItem">
|
||||
<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 label="货位编号" name="locCode">
|
||||
<view class="fromItem">
|
||||
<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 label="容器数量" name="skuQty">
|
||||
<view class="fromItem">
|
||||
<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 label="空容器" name="palletCode">
|
||||
<view class="fromItem">
|
||||
<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 label="货位编号" name="locCode">
|
||||
<view class="fromItem">
|
||||
<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 label="容器数量" name="skuQty">
|
||||
<view class="fromItem">
|
||||
<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>
|
||||
</uni-forms>
|
||||
|
||||
<!-- <view class="button-group">
|
||||
<button type="primary" style="width: 200px;" :disabled="isButtonDisabled"
|
||||
|
|
@ -35,22 +35,22 @@
|
|||
|
||||
</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-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>
|
||||
<bottomBtn :isSubmit="true" :isWhite="false" position="fixed" :disable="isButtonDisabled" :texts="['呼叫出库']"
|
||||
@onSubmit="submitPallet"></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>
|
||||
|
|
@ -69,7 +69,9 @@
|
|||
import {
|
||||
formatDate
|
||||
} from 'tough-cookie';
|
||||
import {bottomBtn} from '@/components/bottomBtn/bottomBtn.vue'
|
||||
import {
|
||||
bottomBtn
|
||||
} from '@/components/bottomBtn/bottomBtn.vue'
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
|
|
@ -107,7 +109,7 @@
|
|||
onReady() {
|
||||
this.$refs.form.setRules(this.rules)
|
||||
},
|
||||
component:{
|
||||
component: {
|
||||
bottomBtn
|
||||
},
|
||||
watch: {
|
||||
|
|
@ -155,68 +157,79 @@ component:{
|
|||
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{
|
||||
|
||||
.textarea {
|
||||
background-color: #F2F3F5;
|
||||
width: 100%;
|
||||
}
|
||||
::v-deep.full-width-textarea{
|
||||
width: 100%!important;
|
||||
border: unset!important;
|
||||
|
||||
::v-deep.full-width-textarea {
|
||||
width: 100% !important;
|
||||
border: unset !important;
|
||||
}
|
||||
::v-deep .is-input-border{
|
||||
|
||||
::v-deep .is-input-border {
|
||||
border: unset;
|
||||
}
|
||||
::v-deep .uni-easyinput__placeholder-class{
|
||||
|
||||
::v-deep .uni-easyinput__placeholder-class {
|
||||
font-size: 28rpx;
|
||||
color: #86909C;
|
||||
}
|
||||
::v-deep .uni-input-input{
|
||||
|
||||
::v-deep .uni-input-input {
|
||||
font-size: 28rpx;
|
||||
}
|
||||
::v-deep .uni-select__input-placeholder{
|
||||
|
||||
::v-deep .uni-select__input-placeholder {
|
||||
font-size: 28rpx;
|
||||
color: #86909C;
|
||||
}
|
||||
::v-deep .uniui-bottom{
|
||||
|
||||
::v-deep .uniui-bottom {
|
||||
display: none;
|
||||
}
|
||||
::v-deep .uniui-top{
|
||||
|
||||
::v-deep .uniui-top {
|
||||
display: none;
|
||||
}
|
||||
.fromItem{
|
||||
|
||||
.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);
|
||||
}
|
||||
|
|
@ -225,7 +238,7 @@ component:{
|
|||
background-color: #ffffff;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
.segmented-control {
|
||||
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,
|
||||
"data": [
|
||||
|
||||
{
|
||||
"path": "/pages/work/wms/skuCreatePallet",
|
||||
"name": "skuCreatePallet",
|
||||
"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": "空工装回库",
|
||||
"path": "/pages/work/wms/emptyCagePutAway",
|
||||
"name": "emptyCagePutAway",
|
||||
"title": "空容器上架",
|
||||
"color": "red",
|
||||
"icon": "/static/images/work/组合 1758.png"
|
||||
},
|
||||
{
|
||||
"path": "/pages/work/wms/surplusReturn",
|
||||
"name": "surplusReturn",
|
||||
"title": "余料回库",
|
||||
"path": "/pages/work/wms/containerMove",
|
||||
"name": "emptyCageCall",
|
||||
"title": "容器搬运",
|
||||
"color": "red",
|
||||
"icon": "/static/images/work/组合 1759.png"
|
||||
"icon": "/static/images/work/组合 1753.png"
|
||||
},
|
||||
{
|
||||
"path": "/pages/work/wms/clearEmptyLoc",
|
||||
"name": "clearEmptyLoc",
|
||||
"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": "余料出库",
|
||||
"path": "/pages/work/wms/outboundUnbind",
|
||||
"name": "outboundUnbind",
|
||||
"title": "出库解绑",
|
||||
"color": "red",
|
||||
"icon": "cuIcon-forward"
|
||||
"icon": "/static/images/work/组合 1762.png"
|
||||
},
|
||||
{
|
||||
"path": "/pages/work/wms/skuCreatePalletByCode",
|
||||
"name": "skuCreatePalletByCode",
|
||||
"title": "一码通入库（APP）",
|
||||
"path": "/pages/work/wms/AutoCallEmptyCage",
|
||||
"name": "AutoCallEmptyCage",
|
||||
"title": "自动呼叫空料架",
|
||||
"color": "red",
|
||||
"icon": "cuIcon-qr_code"
|
||||
},
|
||||
{
|
||||
"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"
|
||||
"icon": "/static/images/work/组合 1758.png"
|
||||
}
|
||||
],
|
||||
"msg": "成功"
|
||||
|
|
|
|||
Loading…
Reference in New Issue