<template>
|
<view class="invoice-add">
|
<!-- 使用通用页面头部组件 -->
|
<PageHeader title="生产报工"
|
@back="goBack" />
|
<!-- 表单内容 -->
|
<u-form @submit="submitForm"
|
ref="formRef"
|
label-width="110"
|
input-align="right"
|
error-message-align="right">
|
<!-- 基本信息 -->
|
<view class="form-section">
|
<u-form-item label="待生产数量"
|
prop="planQuantity"
|
required>
|
<u-input v-model="form.planQuantity"
|
placeholder="自动填充"
|
disabled />
|
</u-form-item>
|
<u-form-item label="本次生产数量"
|
prop="quantity"
|
required>
|
<u-input v-model="form.quantity"
|
placeholder="请输入"
|
type="number" />
|
<!-- <u-number-box v-model="form.quantity"
|
step="0.1"
|
bgColor="#fff"
|
decimal-length="1"
|
:min="0"></u-number-box> -->
|
</u-form-item>
|
<u-form-item label="班组信息"
|
prop="schedulingUserId"
|
required>
|
<u-input v-model="form.userName"
|
placeholder="请选择生产人"
|
readonly
|
@click="openProducerPicker"
|
suffix-icon="arrow-down" />
|
</u-form-item>
|
</view>
|
<!-- 使用FooterButtons组件 -->
|
<FooterButtons @cancel="goBack"
|
@confirm="submitForm"
|
:loading="submitting" />
|
<!-- 为底部按钮留出空间 -->
|
<view style="height: 80px;"></view>
|
</u-form>
|
<!-- 生产人选择器 -->
|
<up-action-sheet :show="showProducerPicker"
|
:actions="producerList"
|
title="选择生产人"
|
@select="onProducerConfirm"
|
@close="showProducerPicker = false" />
|
</view>
|
</template>
|
|
<script setup>
|
import { ref, nextTick } from "vue";
|
import { onLoad } from "@dcloudio/uni-app";
|
import FooterButtons from "@/components/FooterButtons.vue";
|
|
const showToast = message => {
|
uni.showToast({
|
title: message,
|
icon: "none",
|
});
|
};
|
import { addProductMain } from "@/api/productionManagement/productionReporting";
|
import { getInfo } from "@/api/login";
|
import { userListNoPageByTenantId } from "@/api/system/user";
|
|
// 表单引用
|
const formRef = ref();
|
|
// 表单数据
|
let form = ref({
|
planQuantity: "",
|
quantity: "",
|
userName: "",
|
workOrderId: "",
|
productProcessRouteItemId: "",
|
userId: "",
|
schedulingUserId: "",
|
});
|
|
// 生产人选择器状态
|
const showProducerPicker = ref(false);
|
const producerList = ref([]);
|
|
// 打开生产人选择器
|
const openProducerPicker = async () => {
|
if (producerList.value.length === 0) {
|
// 如果列表为空，先加载用户列表
|
try {
|
const res = await userListNoPageByTenantId();
|
const users = res.data || [];
|
// 转换为 action-sheet 需要的格式
|
producerList.value = users.map(user => ({
|
name: user.nickName || user.userName,
|
value: user.userId,
|
}));
|
} catch (error) {
|
console.error("加载用户列表失败:", error);
|
showToast("加载用户列表失败");
|
return;
|
}
|
}
|
showProducerPicker.value = true;
|
};
|
|
// 生产人选择确认
|
const onProducerConfirm = e => {
|
form.value.schedulingUserId = e.value;
|
form.value.userName = e.name;
|
form.value.userId = e.value; // 同时更新 userId
|
showProducerPicker.value = false;
|
};
|
|
// 提交状态
|
const submitting = ref(false);
|
|
// 返回上一页
|
const goBack = () => {
|
uni.navigateBack();
|
};
|
// 提交表单
|
const submitForm = async () => {
|
submitting.value = true;
|
// 校验表单
|
if (!form.value.quantity) {
|
submitting.value = false;
|
showToast("请输入本次生产数量");
|
return;
|
}
|
if (!form.value.schedulingUserId) {
|
submitting.value = false;
|
showToast("请选择生产人");
|
return;
|
}
|
// 转换为数字进行比较
|
const quantity = Number(form.value.quantity);
|
const planQuantity = Number(form.value.planQuantity);
|
if (quantity > planQuantity) {
|
submitting.value = false;
|
showToast("本次生产数量不能大于待生产数量");
|
return;
|
}
|
// 准备提交数据，确保数量字段为数字类型
|
const submitData = {
|
...form.value,
|
quantity: Number(form.value.quantity),
|
planQuantity: Number(form.value.planQuantity) || 0,
|
};
|
console.log(submitData, "submitData");
|
|
addProductMain(submitData).then(res => {
|
if (res.code === 200) {
|
showToast("报工成功");
|
submitting.value = false;
|
setTimeout(() => {
|
goBack();
|
}, 1000);
|
} else {
|
showToast(res.msg || "报工失败");
|
submitting.value = false;
|
}
|
});
|
};
|
|
// 页面加载时初始化数据
|
onLoad(options => {
|
console.log(options, "options");
|
try {
|
const orderRow = JSON.parse(options.orderRow);
|
console.log("构造的orderRow:", orderRow);
|
console.log(orderRow, "orderRow======########");
|
// 确保 planQuantity 转换为字符串，以便在 u-input 中正确显示
|
form.value.planQuantity = orderRow.planQuantity != null ? String(orderRow.planQuantity) : "";
|
form.value.productProcessRouteItemId = orderRow.productProcessRouteItemId || "";
|
form.value.workOrderId = orderRow.id || "";
|
getInfo().then(res => {
|
// 默认使用当前登录用户，但允许用户修改
|
form.value.userId = res.user.userId;
|
form.value.userName = res.user.userName;
|
form.value.schedulingUserId = res.user.userId;
|
});
|
// 使用 nextTick 确保 DOM 更新
|
nextTick(() => {
|
console.log("form.value after assignment:", form.value);
|
});
|
} catch (error) {
|
console.error("订单解析失败:", error);
|
showToast("订单解析失败");
|
goBack();
|
return;
|
}
|
});
|
</script>
|
|
<style scoped lang="scss">
|
@import "@/static/scss/form-common.scss";
|
</style>
|
