Files
hht-hengsen-uni/pages/pick/pick-task.vue
2024-08-09 13:53:23 +08:00

181 lines
4.9 KiB
Vue

<template>
<view class="zd_container">
<!-- 拣选作业 -->
<nav-bar :title="title"></nav-bar>
<view class="zd_content">
<view class="zd_wrapper">
<view class="zd-row border-bottom">
<view class="zd-col-7">
<span class="filter_label">拣选单据</span>
</view>
<view class="zd-col-24">
<input type="text" class="filter_input" @click="toJump" v-model="data.code">
</view>
</view>
<view class="zd-row border-bottom">
<view class="zd-col-7">
<span class="filter_label">料箱编码</span>
</view>
<view class="zd-col-24">
<input type="text" class="filter_input" v-model="data.vehicle_code">
</view>
</view>
<view class="zd-row border-bottom">
<view class="zd-col-7">
<span class="filter_label">车间</span>
</view>
<view class="zd-col-24">
<input type="text" class="filter_input" v-model="data.product_area">
</view>
</view>
<view class="zd-row border-bottom">
<view class="zd-col-7">
<span class="filter_label">拣选仓库</span>
</view>
<view class="zd-col-24">
<input type="text" class="filter_input" v-model="data.stor_code">
</view>
</view>
<view class="zd-row border-bottom">
<view class="zd-col-7">
<span class="filter_label">拣选站台</span>
</view>
<view class="zd-col-24">
<input type="text" class="filter_input" v-model="data.point_code">
</view>
</view>
<view class="zd-row border-bottom">
<view class="zd-col-7">
<span class="filter_label">物料名称</span>
</view>
<view class="zd-col-24">
<input type="text" class="filter_input" v-model="data.material_name">
</view>
</view>
<view class="zd-row border-bottom">
<view class="zd-col-7">
<span class="filter_label">物料数量</span>
</view>
<view class="zd-col-24">
<input type="text" class="filter_input" v-model="data.qty">
</view>
</view>
<view class="zd-row border-bottom">
<view class="zd-col-7">
<span class="filter_label">拣选数量</span>
</view>
<view class="zd-col-24">
<input type="text" class="filter_input" v-model="data.assign_qty">
</view>
</view>
<view class="zd-row border-bottom">
<view class="zd-col-7">
<span class="filter_label">移出料箱</span>
</view>
<view class="zd-col-24">
<input type="text" class="filter_input" v-model="data.out_pick_vehicle">
</view>
</view>
<view class="zd-row border-bottom">
<view class="zd-col-7">
<span class="filter_label">移出数量</span>
</view>
<view class="zd-col-24">
<input type="text" class="filter_input" v-model="data.out_qty">
</view>
</view>
<view class="zd-row border-bottom">
<view class="zd-col-7">
<span class="filter_label">是否人工搬运</span>
</view>
<view class="zd-col-24">
<input type="text" class="filter_input" v-model="data.is_move">
</view>
</view>
<view class="zd-row border-bottom">
<view class="zd-col-7">
<span class="filter_label">移入料箱</span>
</view>
<view class="zd-col-24">
<input type="text" class="filter_input" v-model="data.in_pick_vehicle">
</view>
</view>
<view class="zd-row border-bottom">
<view class="zd-col-7">
<span class="filter_label">移入数量</span>
</view>
<view class="zd-col-24">
<input type="text" class="filter_input" v-model="data.in_qty">
</view>
</view>
</view>
</view>
<view class="zd-row submit-bar">
<button class="zd-col-6 button-default" @tap="clearUp">清空</button>
<button class="zd-col-15 button-primary" :class="{'button-info': JSON.stringify(data) === '{}'}" :disabled="disabled" @tap="_savePickTask">拣选确认</button>
</view>
</view>
</template>
<script>
import NavBar from '@/components/NavBar.vue'
import SearchBox from '@/components/SearchBox.vue'
import {savePickTask} from '@/utils/getData2.js'
export default {
components: {
NavBar,
SearchBox
},
data() {
return {
data: {},
disabled: false
};
},
onLoad (options) {
this.title = options.title
},
onShow() {
if (this.$store.getters.publicObj !== '') {
this.data = this.$store.getters.publicObj
}
},
methods: {
toJump () {
uni.navigateTo({
url: '/pages/pick/pick-list?title=拣选单列表'
})
},
clearUp () {
this.data = {}
this.disabled = false
},
async _savePickTask () {
this.disabled = true
if (JSON.stringify(this.data) === '{}') {
this.disabled = false
return
}
try {
let res = await savePickTask(this.data)
if (res.code === '200') {
uni.showToast({
title: res.msg,
icon: 'none'
})
this.clearUp()
} else {
this.disabled = false
}
} catch (e) {
this.disabled = false
}
}
}
}
</script>
<style lang="stylus">
</style>