145 lines
4.6 KiB
Vue
145 lines
4.6 KiB
Vue
<template>
|
|
<view class="content">
|
|
<nav-bar title="入库"></nav-bar>
|
|
<view class="search-confirm-wrap">
|
|
<view class="zd-row">
|
|
<view class="zd-col-11 zd-row">
|
|
<search-box
|
|
v-model="val1"
|
|
/>
|
|
<button class="confirm-button" @tap="toDelect">查询</button>
|
|
</view>
|
|
<view class="zd-col-11 zd-row jcflexend">
|
|
<button class="confirm-button" :class="{'confirm-button_disabled': !val1 || dataList.length === 0}" :disabled="disabled" @tap="toSure">单据审核</button>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="zd-row jcflexstart table-title_wraper">
|
|
<view class="iconfont mgr5"></view>
|
|
<text>采购入库</text>
|
|
</view>
|
|
<view class="title-line"></view>
|
|
<view class="grid-wrap">
|
|
<view class="zd-row">
|
|
<view class="zd-col-2 zd-th zd-th_fir"><text>序号</text></view>
|
|
<view class="zd-col-2 zd-th"><view class="zd-checkbox"></view></view>
|
|
<view class="zd-col-3 zd-th"><text>入库单号</text></view>
|
|
<view class="zd-col-3 zd-th"><text>EAS单号</text></view>
|
|
<view class="zd-col-2 zd-th"><text>状态</text></view>
|
|
<view class="zd-col-3 zd-th"><text>去向</text></view>
|
|
<view class="zd-col-3 zd-th"><text>入库日期</text></view>
|
|
<view class="zd-col-3 zd-th"><text>领料人</text></view>
|
|
<view class="zd-col-3 zd-th zd-th_last"><text>制单人</text></view>
|
|
</view>
|
|
<view class="allwidth" v-for="(e, i) in dataList" :key="i">
|
|
<view class="zd-row">
|
|
<view class="zd-col-2 zd-td"><text>{{i+1}}</text></view>
|
|
<view class="zd-col-2 zd-td"><view class="zd-checkbox"></view></view>
|
|
<view class="zd-col-3 zd-td fontcol1"><text>{{e.a}}</text></view>
|
|
<view class="zd-col-3 zd-td fontcol2"><text>{{e.b}}</text></view>
|
|
<view class="zd-col-2 zd-td"><text class="fontbg1">{{e.c}}</text></view>
|
|
<view class="zd-col-3 zd-td fontcol2"><text>{{e.d}}</text></view>
|
|
<view class="zd-col-3 zd-td"><text>{{e.e}}</text></view>
|
|
<view class="zd-col-3 zd-td"><text>{{e.f}}</text></view>
|
|
<view class="zd-col-3 zd-td"><text>{{e.g}}</text></view>
|
|
</view>
|
|
<view class="zd-row zd-sec-table">
|
|
<view class="zd-col-2 zd-sec-th"><text>序号</text></view>
|
|
<view class="zd-col-2 zd-sec-th"><view class="zd-checkbox"></view></view>
|
|
<view class="zd-col-3 zd-sec-th"><text>入库单号</text></view>
|
|
<view class="zd-col-3 zd-sec-th"><text>EAS单号</text></view>
|
|
<view class="zd-col-2 zd-sec-th"><text>状态</text></view>
|
|
<view class="zd-col-3 zd-sec-th"><text>去向</text></view>
|
|
<view class="zd-col-3 zd-sec-th"><text>入库日期</text></view>
|
|
<view class="zd-col-3 zd-sec-th"><text>领料人</text></view>
|
|
<view class="zd-col-3 zd-sec-th"><text>制单人</text></view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
import NavBar from '@/components/NavBar.vue'
|
|
import SearchBox from '@/components/SearchBox.vue'
|
|
import {finishproductPoint, InstoreOrder} from '@/utils/getData2.js'
|
|
export default {
|
|
components: {
|
|
NavBar,
|
|
SearchBox
|
|
},
|
|
data() {
|
|
return {
|
|
val1: '',
|
|
dataList: [{a: 'IO20213', b: 'SOUT4201', c: '未审核', d: '叉车装配线', e: '2023-06-16', f: '陈晓华', g: 'EAS_钱丽文'}, {a: 'IO20213', b: 'SOUT4201', c: '未审核', d: '叉车装配线', e: '2023-06-16', f: '陈晓华', g: 'EAS_钱丽文'}],
|
|
pkId: '',
|
|
disabled: false
|
|
};
|
|
},
|
|
onShow() {
|
|
if (this.$store.getters.publicArr) {
|
|
this.dataList = this.$store.getters.publicArr
|
|
}
|
|
},
|
|
destroyed () {
|
|
this.$store.dispatch('setPublicArr', '')
|
|
},
|
|
methods: {
|
|
toDelect () {
|
|
this.dataList = []
|
|
this.pkId = ''
|
|
this.$store.dispatch('setPublicArr', '')
|
|
},
|
|
async toSure () {
|
|
this.disabled = true
|
|
if (!this.index1) {
|
|
uni.showToast({
|
|
title: '请选择入库点',
|
|
icon: 'none'
|
|
})
|
|
this.disabled = false
|
|
return
|
|
}
|
|
if (!this.val1) {
|
|
uni.showToast({
|
|
title: '请输入载具号',
|
|
icon: 'none'
|
|
})
|
|
this.disabled = false
|
|
return
|
|
}
|
|
if (this.dataList.length === 0) {
|
|
uni.showToast({
|
|
title: '请选择订单信息',
|
|
icon: 'none'
|
|
})
|
|
this.disabled = false
|
|
return
|
|
}
|
|
try {
|
|
let res = await InstoreOrder(this.index1, this.val1, this.dataList)
|
|
this.disabled = false
|
|
this.index1 = ''
|
|
this.val1 = ''
|
|
this.toDelect()
|
|
uni.showToast({
|
|
title: res.message,
|
|
icon: 'none'
|
|
})
|
|
} catch (e) {
|
|
this.disabled = false
|
|
}
|
|
},
|
|
toSelect () {
|
|
uni.navigateTo({
|
|
url: '/pages/management/MaterList'
|
|
})
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style lang="stylus" scoped>
|
|
@import '../../common/style/mixin.styl';
|
|
</style>
|