<template>
|
<PageHeader :title="pageTitle" @back="goBack" />
|
<view class="account-detail">
|
<view class="box">
|
<view class="form-box">
|
<uni-forms :key="index" label-position="top" label-width="400rpx">
|
|
<uni-forms-item label="名称" required>
|
<uni-easyinput v-model="productCategory" placeholder="" disabled />
|
</uni-forms-item>
|
<uni-forms-item label="出库数量/件" required>
|
<uni-number-box v-model="goods.quantity" :min="0" :max="inboundNum0"></uni-number-box>
|
</uni-forms-item>
|
<uni-forms-item label="出库日期" required>
|
<uni-datetime-picker type="date" :clear-icon="false" v-model="goods.time" />
|
</uni-forms-item>
|
<uni-forms-item label="出库人" required>
|
<picker :range="userList" @change="swichUser" range-key="nickName">
|
<view style="border: 1px solid #f5f5f5;border-radius: 4rpx;padding: 20rpx;">
|
<text>{{ userName||'请选择' }}</text>
|
</view>
|
</picker>
|
</uni-forms-item>
|
</uni-forms>
|
</view>
|
<view style="display: flex;justify-content: flex-end;">
|
<button class="mini-btn" type="primary" size="mini"
|
style="margin-left: 0;margin-right: 0;margin-right: 20rpx;" @click="submitForm">确定</button>
|
<button class="mini-btn" size="mini" style="margin-left: 0;margin-right: 0;" @click="goBack">取消</button>
|
</view>
|
</view>
|
</view>
|
</template>
|
|
<script setup>
|
import { onMounted, ref } from 'vue'
|
import { stockout } from '@/api/inventoryManagement/issueManagement.js'
|
const productCategory = ref('')
|
import { userListNoPageByTenantId } from "@/api/system/user"
|
const pageTitle = ref('领用产品')
|
const userList = ref([])
|
const userName = ref('')
|
const inboundNum0 = ref(0)
|
const goods = ref({
|
id: 0,
|
quantity: 0,
|
salesLedgerProductId: 0,
|
time: "",
|
type: 3,
|
userId: undefined
|
})
|
const props = defineProps(['goods'])
|
|
const goBack = () => {
|
uni.navigateBack()
|
}
|
const submitForm = async () => {
|
if(!goods.value.quantity){
|
uni.showToast({
|
title:'请添加出库数量',
|
icon: 'none',
|
duration: 1500
|
})
|
return
|
}
|
if(!goods.value.time){
|
uni.showToast({
|
title:'请选择出库日期',
|
icon: 'none',
|
duration: 1500
|
})
|
return
|
}
|
if(!goods.value.userId){
|
uni.showToast({
|
title:'请选择出库人',
|
icon: 'none',
|
duration: 1500
|
})
|
return
|
}
|
let res = await stockout(goods.value)
|
if (res.code !== 200) {
|
uni.showToast({
|
title: res.msg,
|
icon: 'none'
|
})
|
return
|
}
|
uni.showToast({
|
title: '成功领用',
|
icon: 'none'
|
})
|
goBack()
|
}
|
const initContacts = () => {
|
userListNoPageByTenantId().then((res) => {
|
console.log('userListNoPageByTenantId',res.data)
|
userList.value = res.data
|
})
|
}
|
|
const swichUser = (e) => {
|
goods.value.userId = userList.value[e.detail.value].userId
|
userName.value = userList.value[e.detail.value].nickName
|
}
|
|
|
onMounted(() => {
|
let _goods = JSON.parse(props.goods)
|
goods.value.id = _goods.id
|
productCategory.value = _goods.productCategory
|
inboundNum0.value = _goods.inboundNum0
|
goods.value.type = _goods.purchaseContractNumber?1:3
|
initContacts()
|
})
|
</script>
|
<style lang="scss" scoped>
|
.box {
|
background-color: #fff;
|
box-sizing: border-box;
|
padding: 20rpx;
|
min-height: 80rpx;
|
padding-bottom: calc(30rpx + env(safe-area-inset-bottom));
|
}
|
|
.form-box {
|
box-sizing: border-box;
|
margin-bottom: 20rpx;
|
padding: 20rpx;
|
|
border-radius: 20rpx;
|
}
|
|
.add-img {
|
.img {
|
background-color: #efefef;
|
border-radius: 10rpx;
|
width: 200rpx;
|
height: 200rpx;
|
}
|
}
|
</style>
|
