Files
hht-tongbo/pages/WarehouseManage/CheckDtl.vue
2022-11-17 17:38:43 +08:00

128 lines
3.2 KiB
Vue

<template>
<view class="zd_container">
<nav-bar :inner2="true" @goIn="goIn" title="盘点明细"></nav-bar>
<view class="zd_content">
<view class="zd_wrapper grid-wraper">
<view class="slide_new">
<table>
<thead>
<tr>
<th>单据号</th>
<th>状态</th>
<th>数量</th>
<th>盘点数量</th>
<th>盘点库区</th>
<th>盘点货位</th>
<th>箱号</th>
<th>物料编码</th>
<th>物料名称</th>
<th>单位</th>
<th>盘点结果</th>
<th>盘点人</th>
<th>盘点时间</th>
</tr>
</thead>
<tbody>
<tr v-for="(el, i) in dataList" :key="i">
<td>{{el.check_code}}</td>
<td>{{el.status}}</td>
<td>{{el.base_qty}}</td>
<td><input type="number" class="sin_input" :min="0" v-model="el.fac_qty" @blur="e => {if (e.target.value === '') {el.fac_qty=0}}" v-enter-number></td>
<td>{{el.sect_name}}</td>
<td>{{el.struct_name}}</td>
<td>{{el.storagevehicle_code}}</td>
<td>{{el.material_code}}</td>
<td>{{el.material_name}}</td>
<td>{{el.qty_unit_name}}</td>
<td>{{el.check_result}}</td>
<td>{{el.check_optname}}</td>
<td>{{el.check_time}}</td>
</tr>
</tbody>
</table>
</view>
</view>
</view>
<view class="submit-bar">
<button class="submit-button" :class="{'btn-disabled': !dataList.length}" :disabled="disabled1" @tap="_saveCheck">保存</button>
<button class="submit-button" :class="{'btn-disabled': !dataList.length}" :disabled="disabled1" @tap="_confirmCheck">确认</button>
</view>
</view>
</template>
<script>
import NavBar from '@/components/NavBar.vue'
import {checkQueryDtl, saveCheck, confirmCheck} from '@/utils/getData1.js'
export default {
components: {
NavBar,
},
data() {
return {
value: '1',
checkCode: '',
dataList: [],
disabled1: false
};
},
created () {
},
onLoad (option) {
this.checkCode = option.checkcode
this._checkQueryDtl()
},
methods: {
goIn () {
uni.navigateTo({
url: `/pages/WarehouseManage/CheckList`
})
},
handleChange (e) {
// console.log(e)
},
/** 初始化查询 */
async _checkQueryDtl () {
let res = await checkQueryDtl(this.checkCode)
this.dataList = [...res.data]
},
async _saveCheck () {
this.disabled1 = true
try {
let res = await saveCheck(this.dataList, this.checkCode)
this.disabled1 = false
this._checkQueryDtl()
uni.showToast({
title: res.message,
icon: 'none'
})
} catch (e) {
this.disabled1 = false
}
},
async _confirmCheck () {
this.disabled1 = true
try {
let res = await confirmCheck(this.dataList, this.checkCode)
this.disabled1 = false
this._checkQueryDtl()
uni.showToast({
title: res.message,
icon: 'none'
})
} catch (e) {
this.disabled1 = false
}
}
}
}
</script>
<style lang="stylus">
.zd_content
padding-bottom 77rpx
.slide_new table td:nth-child(1), .slide_new table th:nth-child(1)
box-shadow 1px 0 2px rgba(0,0,0,.12)
.bgyellow td
background-color #E9B451
</style>