<template>
|
<view class="account-detail">
|
<!-- 使用通用页面头部组件 -->
|
<PageHeader title="台账详情"
|
@back="goBack" />
|
<!-- 表单区域 -->
|
<up-form @submit="onSubmit"
|
label-width="110"
|
ref="formRef"
|
:rules="rules"
|
:model="form">
|
<up-form-item label="销售合同号"
|
prop="salesContractNo">
|
<up-input v-model="form.salesContractNo"
|
placeholder="自动生成"
|
disabled />
|
</up-form-item>
|
<up-form-item label="业务员"
|
prop="salesman"
|
required
|
@click="showPicker = true">
|
<up-input v-model="form.salesman"
|
readonly
|
@click="showPicker = true"
|
placeholder="点击选择业务员" />
|
<template #right>
|
<up-icon name="arrow-right"
|
@click="showPicker = true"></up-icon>
|
</template>
|
</up-form-item>
|
<up-form-item label="客户合同号"
|
prop="customerContractNo"
|
required>
|
<up-input v-model="form.customerContractNo"
|
placeholder="请输入客户合同号" />
|
</up-form-item>
|
<up-form-item label="客户名称"
|
prop="customerName"
|
required>
|
<up-input v-model="form.customerName"
|
readonly
|
placeholder="点击选择客户"
|
@click="showCustomerPicker = true" />
|
<template #right>
|
<up-icon name="arrow-right"
|
@click="showCustomerPicker = true"></up-icon>
|
</template>
|
</up-form-item>
|
<up-form-item label="项目名称"
|
prop="projectName"
|
required>
|
<up-input v-model="form.projectName"
|
placeholder="请输入项目名称" />
|
</up-form-item>
|
<up-form-item label="签订日期"
|
prop="executionDate"
|
required>
|
<up-input v-model="form.executionDate"
|
readonly
|
placeholder="点击选择时间"
|
@click="showDatePicker = true" />
|
<template #right>
|
<up-icon name="arrow-right"
|
@click="showDatePicker = true"></up-icon>
|
</template>
|
</up-form-item>
|
<up-form-item label="付款方式"
|
prop="paymentMethod">
|
<up-input v-model="form.paymentMethod"
|
placeholder="请输入付款方式" />
|
</up-form-item>
|
<up-form-item label="录入人"
|
prop="entryPersonName">
|
<up-input v-model="form.entryPersonName"
|
placeholder="请输入"
|
disabled />
|
</up-form-item>
|
<up-form-item label="录入日期"
|
prop="entryDate">
|
<up-input v-model="form.entryDate"
|
placeholder="请输入"
|
disabled />
|
</up-form-item>
|
<!-- 业务员选择 -->
|
<up-action-sheet :show="showPicker"
|
:actions="userActionList"
|
title="选择业务员"
|
@select="onSalesmanSelect"
|
@close="showPicker = false" />
|
<!-- 日期选择 -->
|
<up-popup :show="showDatePicker"
|
mode="bottom"
|
@close="showDatePicker = false">
|
<up-datetime-picker :show="true"
|
v-model="pickerDateValue"
|
@confirm="onDateConfirm"
|
@cancel="showDatePicker = false"
|
mode="date" />
|
</up-popup>
|
<!-- 客户选择 -->
|
<up-action-sheet :show="showCustomerPicker"
|
:actions="customerActionList"
|
title="选择客户"
|
@select="onCustomerSelect"
|
@close="showCustomerPicker = false" />
|
<!-- 产品大类选择器 -->
|
<up-popup :show="showCategoryPicker"
|
mode="bottom">
|
<!-- 头部按钮区域 -->
|
<view class="popup-header">
|
<view @click="showCategoryPicker = false"
|
class="cancelButton">取消</view>
|
<view @click="confirmCategorySelection"
|
class="confirmButton">确定</view>
|
</view>
|
<u-tree :data="productOptions"
|
:props="defaultProps"
|
show-checkbox
|
default-expand-all
|
check-strictly
|
@check-change="onCategoryConfirm" />
|
</up-popup>
|
<!-- 规格型号选择器 -->
|
<up-action-sheet :show="showSpecificationPicker"
|
:actions="specificationActionList"
|
title="选择规格型号"
|
@select="onSpecificationSelect"
|
@close="showSpecificationPicker = false" />
|
<!-- 税率选择器 -->
|
<up-action-sheet :show="showTaxRatePicker"
|
:actions="taxRateActionList"
|
title="选择税率"
|
@select="onTaxRateSelect"
|
@close="showTaxRatePicker = false" />
|
<!-- 发票类型选择器 -->
|
<up-action-sheet :show="showInvoiceTypePicker"
|
:actions="invoiceTypeActionList"
|
title="选择发票类型"
|
@select="onInvoiceTypeSelect"
|
@close="showInvoiceTypePicker = false" />
|
<!-- 产品信息 -->
|
<view class="product-section">
|
<view class="section-header">
|
<view>
|
<text class="section-title">产品信息</text>
|
</view>
|
<view>
|
<up-button type="primary"
|
size="small"
|
@click="addProduct"
|
class="add-btn"
|
v-if="operationType !== 'view'">
|
新增
|
</up-button>
|
</view>
|
</view>
|
<view class="product-card"
|
v-for="(product, idx) in productData"
|
:key="idx">
|
<!-- 产品类 -->
|
<view class="product-header">
|
<view class="product-title">
|
<view class="document-icon">
|
<up-icon name="file-text"
|
size="16"
|
color="#ffffff"></up-icon>
|
</view>
|
<text class="product-productCategory">产品 {{ idx + 1 }}</text>
|
</view>
|
<!-- 操作按钮 -->
|
<view class="product-actions"
|
v-if="operationType !== 'view'">
|
<up-button type="error"
|
size="mini"
|
@click="removeProduct(idx)"
|
class="del-btn">
|
删除
|
</up-button>
|
</view>
|
</view>
|
<!-- 产品信息表单 -->
|
<view class="product-form">
|
<!-- 产品大类 -->
|
<up-form-item label="产品大类"
|
prop="productCategory"
|
required>
|
<up-input v-model="product.productCategory"
|
readonly
|
placeholder="请选择"
|
@click="openCategoryPicker(idx)" />
|
<template #right>
|
<up-icon name="arrow-right"
|
@click="showCategoryPicker = true"></up-icon>
|
</template>
|
</up-form-item>
|
<!-- 规格型号 -->
|
<up-form-item label="规格型号"
|
prop="specificationModel"
|
required>
|
<up-input v-model="product.specificationModel"
|
readonly
|
placeholder="请选择"
|
@click="openSpecificationPicker(idx)" />
|
<template #right>
|
<up-icon name="arrow-right"
|
@click="showSpecificationPicker = true"></up-icon>
|
</template>
|
</up-form-item>
|
<!-- 绑定机器 -->
|
<!-- <up-form-item
|
label="绑定机器"
|
prop="speculativeTradingName"
|
required
|
>
|
<up-input
|
disabled
|
v-model="product.speculativeTradingName"
|
placeholder="请输入"
|
/>
|
</up-form-item> -->
|
<!-- 单位 -->
|
<up-form-item label="单位"
|
prop="unit"
|
required>
|
<up-input v-model="product.unit"
|
placeholder="请输入" />
|
</up-form-item>
|
<!-- 税率 -->
|
<up-form-item label="税率(%)"
|
prop="taxRate"
|
required>
|
<up-input v-model="product.taxRate"
|
readonly
|
placeholder="请选择"
|
@click="openTaxRatePicker(idx)" />
|
<template #right>
|
<up-icon name="arrow-right"
|
@click="showTaxRatePicker = true"></up-icon>
|
</template>
|
</up-form-item>
|
<!-- 含税单价 -->
|
<up-form-item label="含税单价(元)"
|
prop="taxInclusiveUnitPrice"
|
required>
|
<up-input v-model="product.taxInclusiveUnitPrice"
|
type="number"
|
placeholder="请输入"
|
@blur="formatTaxPrice(idx)" />
|
</up-form-item>
|
<!-- 数量 -->
|
<up-form-item label="数量"
|
prop="quantity"
|
required>
|
<up-input v-model="product.quantity"
|
type="number"
|
placeholder="请输入"
|
@blur="formatAmount(idx)" />
|
</up-form-item>
|
<!-- 含税总价 -->
|
<up-form-item label="含税总价(元)"
|
prop="taxInclusiveTotalPrice"
|
required>
|
<up-input v-model="product.taxInclusiveTotalPrice"
|
type="number"
|
placeholder="请输入"
|
@blur="formatTaxTotal(idx)" />
|
</up-form-item>
|
<!-- 不含税总价 -->
|
<up-form-item label="不含税总价(元)"
|
prop="taxExclusiveTotalPrice"
|
required>
|
<up-input v-model="product.taxExclusiveTotalPrice"
|
type="number"
|
placeholder="请输入"
|
@blur="formatNoTaxTotal(idx)" />
|
</up-form-item>
|
<!-- 发票类型 -->
|
<up-form-item label="发票类型"
|
prop="invoiceType"
|
required>
|
<up-input v-model="product.invoiceType"
|
readonly
|
placeholder="请选择"
|
@click="openInvoiceTypePicker(idx)" />
|
<template #right>
|
<up-icon name="arrow-right"
|
@click="showInvoiceTypePicker = true"></up-icon>
|
</template>
|
</up-form-item>
|
</view>
|
</view>
|
</view>
|
</up-form>
|
<!-- 使用公共底部按钮组件 -->
|
<FooterButtons :show="operationType !== 'view'"
|
cancelText="取消"
|
confirmText="保存"
|
@cancel="goBack"
|
@confirm="onSubmit" />
|
</view>
|
</template>
|
|
<script setup>
|
import { onMounted, ref, computed } from "vue";
|
import { userListNoPage } from "@/api/system/user";
|
import { formatDateToYMD } from "@/utils/ruoyi";
|
import {
|
addOrUpdateSalesLedger,
|
customerList,
|
getSalesLedgerWithProducts,
|
modelList,
|
productTreeList,
|
} from "@/api/salesManagement/salesLedger";
|
import useUserStore from "@/store/modules/user";
|
import { calculateTaxExclusiveTotalPrice } from "@/utils/summarizeTable";
|
import PageHeader from "@/components/PageHeader.vue";
|
import FooterButtons from "@/components/FooterButtons.vue";
|
|
// 获取页面参数
|
const operationType = ref("");
|
const editData = ref(null);
|
const formRef = ref(null);
|
|
const userStore = useUserStore();
|
const form = ref({
|
id: "",
|
salesContractNo: "",
|
customerContractNo: "",
|
customerId: "",
|
customerName: "",
|
projectName: "",
|
executionDate: "",
|
paymentMethod: "",
|
entryPerson: "",
|
entryPersonName: "",
|
entryDate: "",
|
});
|
const showPicker = ref(false);
|
const showDatePicker = ref(false);
|
const pickerDateValue = ref(Date.now());
|
const showCustomerPicker = ref(false);
|
const userList = ref([]);
|
const customerOption = ref([]);
|
const userActionList = computed(() => {
|
return userList.value.map(user => ({
|
name: user.text,
|
value: user.value,
|
}));
|
});
|
const formatter = (type, value) => {
|
if (type === "year") {
|
return `${value}`;
|
}
|
if (type === "month") {
|
return `${value}`;
|
}
|
if (type === "day") {
|
return `${value}`;
|
}
|
return value;
|
};
|
const customerActionList = computed(() => {
|
return customerOption.value.map(customer => ({
|
name: customer.text,
|
value: customer.value,
|
}));
|
});
|
|
// 日期选择列表已移除，改用 up-datetime-picker
|
|
// 产品大类选择列表
|
const categoryActionList = computed(() => {
|
const flattenCategories = (categories, result = []) => {
|
categories.forEach(category => {
|
result.push({
|
name: category.label,
|
value: category.id,
|
});
|
if (category.children && category.children.length > 0) {
|
flattenCategories(category.children, result);
|
}
|
});
|
return result;
|
};
|
return flattenCategories(productOptions.value);
|
});
|
|
// 规格型号选择列表
|
const specificationActionList = computed(() => {
|
return modelOptions.value.map(model => ({
|
name: model.text,
|
value: model.value,
|
unit: model.unit,
|
speculativeTradingName: model.speculativeTradingName,
|
}));
|
});
|
|
// 税率选择列表
|
const taxRateActionList = computed(() => {
|
return taxRateOptions.value.map(rate => ({
|
name: rate.text,
|
value: rate.value,
|
}));
|
});
|
|
// 发票类型选择列表
|
const invoiceTypeActionList = computed(() => {
|
return invoiceTypeOptions.value.map(type => ({
|
name: type.text,
|
value: type.value,
|
}));
|
});
|
const productData = ref([]);
|
|
// 选择器相关变量
|
const showCategoryPicker = ref(false);
|
const showSpecificationPicker = ref(false);
|
const showTaxRatePicker = ref(false);
|
const showInvoiceTypePicker = ref(false);
|
// 选择器显示状态变量已在上面定义
|
|
// 临时变量已不再需要
|
const currentProductIndex = ref(0);
|
|
// 选项数据
|
const productOptions = ref([]);
|
const selectedCategoryNode = ref(null);
|
const defaultProps = ref({
|
children: "children",
|
label: "label",
|
nodeKey: "id",
|
});
|
|
const modelOptions = ref([]);
|
// 防止循环计算的标志
|
// const isCalculating = ref(false);
|
const taxRateOptions = ref([
|
{ text: "1", value: "1" },
|
{ text: "6", value: "6" },
|
{ text: "13", value: "13" },
|
]);
|
|
const invoiceTypeOptions = ref([
|
{ text: "增普票", value: "增普票" },
|
{ text: "增专票", value: "增专票" },
|
]);
|
|
// 表单校验规则
|
const rules = {
|
salesman: [{ required: true, message: "请选择业务员", trigger: "change" }],
|
customerContractNo: [
|
{ required: true, message: "请输入客户合同号", trigger: "blur" },
|
],
|
customerName: [
|
{ required: true, message: "请选择客户名称", trigger: "change" },
|
],
|
projectName: [{ required: true, message: "请输入项目名称", trigger: "blur" }],
|
executionDate: [
|
{ required: true, message: "请选择签订日期", trigger: "change" },
|
],
|
};
|
|
const addProduct = () => {
|
if (productData.value === null) {
|
productData.value = [];
|
}
|
productData.value.push({
|
productCategory: "",
|
specificationModel: "",
|
productModelId: "",
|
unit: "",
|
speculativeTradingName: "",
|
taxRate: "",
|
taxInclusiveUnitPrice: "",
|
quantity: "",
|
taxInclusiveTotalPrice: "",
|
taxExclusiveTotalPrice: "",
|
invoiceType: "",
|
});
|
};
|
// 业务员选择事件
|
const onSalesmanSelect = item => {
|
form.value.salesman = item.name;
|
};
|
|
// 日期确认事件
|
const onDateConfirm = e => {
|
form.value.executionDate = formatDateToYMD(e.value);
|
// 保持pickerDateValue为时间戳格式，而不是格式化的字符串
|
pickerDateValue.value = e.value;
|
showDatePicker.value = false;
|
};
|
|
// 客户选择事件
|
const onCustomerSelect = item => {
|
form.value.customerName = item.name;
|
form.value.customerId = item.value;
|
};
|
|
// 原有的确认方法已被新的action-sheet选择方法替代
|
const removeProduct = idx => {
|
productData.value.splice(idx, 1);
|
};
|
|
// 显示选择器
|
const openCategoryPicker = idx => {
|
currentProductIndex.value = idx;
|
showCategoryPicker.value = true;
|
};
|
|
const openSpecificationPicker = idx => {
|
currentProductIndex.value = idx;
|
showSpecificationPicker.value = true;
|
};
|
|
const openTaxRatePicker = idx => {
|
currentProductIndex.value = idx;
|
showTaxRatePicker.value = true;
|
};
|
|
const openInvoiceTypePicker = idx => {
|
currentProductIndex.value = idx;
|
showInvoiceTypePicker.value = true;
|
};
|
|
// 选择器确认事件
|
const onCategoryConfirm = node => {
|
// 获取选中的节点信息
|
console.log("selected node---", node);
|
// 存储选中的节点，用于确认时获取数据
|
selectedCategoryNode.value = node;
|
};
|
|
// 确认产品大类选择
|
const confirmCategorySelection = () => {
|
if (selectedCategoryNode.value) {
|
// 设置选中的产品大类
|
productData.value[currentProductIndex.value].productCategory =
|
selectedCategoryNode.value.label;
|
const id = selectedCategoryNode.value.id;
|
// 重置选中的节点
|
selectedCategoryNode.value = null;
|
productData.value[currentProductIndex.value].specificationModel = "";
|
productData.value[currentProductIndex.value].productModelId = "";
|
getModels(id);
|
}
|
showCategoryPicker.value = false;
|
};
|
// 获取规格型号
|
const getModels = value => {
|
modelList({ id: value }).then(res => {
|
modelOptions.value = res.map(user => ({
|
text: user.model,
|
value: user.id,
|
unit: user.unit,
|
speculativeTradingName: user.speculativeTradingName,
|
}));
|
});
|
};
|
// 规格型号选择事件
|
const onSpecificationSelect = item => {
|
console.log("selected item---", item);
|
productData.value[currentProductIndex.value].specificationModel = item.name;
|
productData.value[currentProductIndex.value].productModelId = item.value;
|
productData.value[currentProductIndex.value].unit = item.unit;
|
productData.value[currentProductIndex.value].speculativeTradingName =
|
item.speculativeTradingName;
|
};
|
// 税率选择事件
|
const onTaxRateSelect = item => {
|
productData.value[currentProductIndex.value].taxRate = item.value;
|
// 重新计算不含税总价
|
const inclusiveTotalPrice = parseFloat(
|
productData.value[currentProductIndex.value].taxInclusiveTotalPrice
|
);
|
const taxRate = parseFloat(item.value);
|
if (inclusiveTotalPrice && taxRate) {
|
productData.value[currentProductIndex.value].taxExclusiveTotalPrice =
|
calculateTaxExclusiveTotalPrice(inclusiveTotalPrice, taxRate);
|
}
|
};
|
|
// 发票类型选择事件
|
const onInvoiceTypeSelect = item => {
|
productData.value[currentProductIndex.value].invoiceType = item.name;
|
};
|
|
// 格式化函数 - 固定两位小数
|
const formatTaxPrice = idx => {
|
if (productData.value[idx].taxInclusiveUnitPrice) {
|
const value = parseFloat(productData.value[idx].taxInclusiveUnitPrice);
|
if (!isNaN(value)) {
|
productData.value[idx].taxInclusiveUnitPrice = value.toFixed(2);
|
}
|
}
|
if (!productData.value[idx].taxRate) {
|
uni.showToast({
|
title: "请先选择税率",
|
icon: "none",
|
});
|
return;
|
}
|
const quantity = parseFloat(productData.value[idx].quantity);
|
const unitPrice = parseFloat(productData.value[idx].taxInclusiveUnitPrice);
|
|
if (!quantity || quantity <= 0 || !unitPrice) {
|
return;
|
}
|
// 计算含税总价
|
productData.value[idx].taxInclusiveTotalPrice = (
|
unitPrice * quantity
|
).toFixed(2);
|
|
// 如果有税率，计算不含税总价
|
if (productData.value[idx].taxRate) {
|
productData.value[idx].taxExclusiveTotalPrice =
|
calculateTaxExclusiveTotalPrice(
|
productData.value[idx].taxInclusiveTotalPrice,
|
productData.value[idx].taxRate
|
);
|
}
|
};
|
// 数量输入框失焦
|
const formatAmount = idx => {
|
if (productData.value[idx].quantity) {
|
const value = parseFloat(productData.value[idx].quantity);
|
if (!isNaN(value)) {
|
productData.value[idx].quantity = value.toFixed(2);
|
}
|
}
|
if (!productData.value[idx].taxRate) {
|
uni.showToast({
|
title: "请先选择税率",
|
icon: "none",
|
});
|
return;
|
}
|
const quantity = parseFloat(productData.value[idx].quantity);
|
const unitPrice = parseFloat(productData.value[idx].taxInclusiveUnitPrice);
|
|
if (!quantity || quantity <= 0 || !unitPrice) {
|
return;
|
}
|
// 计算含税总价
|
productData.value[idx].taxInclusiveTotalPrice = (
|
unitPrice * quantity
|
).toFixed(2);
|
// 如果有税率，计算不含税总价
|
if (productData.value[idx].taxRate) {
|
productData.value[idx].taxExclusiveTotalPrice =
|
calculateTaxExclusiveTotalPrice(
|
productData.value[idx].taxInclusiveTotalPrice,
|
productData.value[idx].taxRate
|
);
|
}
|
};
|
// 含税总价失焦，根据含税总价计算含税单价和数量
|
const formatTaxTotal = idx => {
|
if (productData.value[idx].taxInclusiveTotalPrice) {
|
const value = parseFloat(productData.value[idx].taxInclusiveTotalPrice);
|
if (!isNaN(value)) {
|
productData.value[idx].taxInclusiveTotalPrice = value.toFixed(2);
|
}
|
}
|
const totalPrice = parseFloat(productData.value[idx].taxInclusiveTotalPrice);
|
const quantity = parseFloat(productData.value[idx].quantity);
|
|
if (!totalPrice || !quantity || quantity <= 0) {
|
return;
|
}
|
// 计算含税单价 = 含税总价 / 数量
|
productData.value[idx].taxInclusiveUnitPrice = (
|
totalPrice / quantity
|
).toFixed(2);
|
// 如果有税率，计算不含税总价
|
if (productData.value[idx].taxRate) {
|
productData.value[idx].taxExclusiveTotalPrice =
|
calculateTaxExclusiveTotalPrice(
|
totalPrice,
|
productData.value[idx].taxRate
|
);
|
}
|
};
|
// 不含税总价失焦, 根据不含税总价计算含税单价和数量
|
const formatNoTaxTotal = idx => {
|
if (productData.value[idx].taxExclusiveTotalPrice) {
|
const value = parseFloat(productData.value[idx].taxExclusiveTotalPrice);
|
if (!isNaN(value)) {
|
productData.value[idx].taxExclusiveTotalPrice = value.toFixed(2);
|
}
|
}
|
if (!productData.value[idx].taxRate) {
|
uni.showToast({
|
title: "请先选择税率",
|
icon: "none",
|
});
|
return;
|
}
|
const exclusiveTotalPrice = parseFloat(
|
productData.value[idx].taxExclusiveTotalPrice
|
);
|
const quantity = parseFloat(productData.value[idx].quantity);
|
const taxRate = parseFloat(productData.value[idx].taxRate);
|
if (!exclusiveTotalPrice || !quantity || quantity <= 0 || !taxRate) {
|
return;
|
}
|
// 先计算含税总价 = 不含税总价 / (1 - 税率/100)
|
const taxRateDecimal = taxRate / 100;
|
const inclusiveTotalPrice = exclusiveTotalPrice / (1 - taxRateDecimal);
|
productData.value[idx].taxInclusiveTotalPrice =
|
inclusiveTotalPrice.toFixed(2);
|
// 计算含税单价 = 含税总价 / 数量
|
productData.value[idx].taxInclusiveUnitPrice = (
|
inclusiveTotalPrice / quantity
|
).toFixed(2);
|
};
|
const goBack = () => {
|
// 清理本地存储的数据
|
uni.removeStorageSync("operationType");
|
uni.removeStorageSync("editData");
|
uni.navigateBack();
|
};
|
const onSubmit = async () => {
|
// 首先校验基本表单
|
const formValid = await formRef.value.validate().catch(() => false);
|
if (!formValid) {
|
return;
|
}
|
|
// 校验产品信息
|
if (!productData.value || productData.value.length === 0) {
|
uni.showToast({
|
title: "请添加产品信息",
|
icon: "none",
|
});
|
return;
|
}
|
|
// 检查每个产品是否填写完整
|
for (let i = 0; i < productData.value.length; i++) {
|
const product = productData.value[i];
|
// 优化数字字段验证，处理可能的字符串格式数值
|
const taxInclusiveUnitPrice = parseFloat(product.taxInclusiveUnitPrice);
|
const quantity = parseFloat(product.quantity);
|
const taxInclusiveTotalPrice = parseFloat(product.taxInclusiveTotalPrice);
|
const taxExclusiveTotalPrice = parseFloat(product.taxExclusiveTotalPrice);
|
|
if (!product.productCategory) {
|
uni.showToast({
|
title: `产品${i + 1}：请选择产品大类`,
|
icon: "none",
|
});
|
return;
|
}
|
if (!product.specificationModel) {
|
uni.showToast({
|
title: `产品${i + 1}：请选择规格型号`,
|
icon: "none",
|
});
|
return;
|
}
|
if (!product.unit) {
|
uni.showToast({
|
title: `产品${i + 1}：请输入单位`,
|
icon: "none",
|
});
|
return;
|
}
|
if (!product.taxRate) {
|
uni.showToast({
|
title: `产品${i + 1}：请选择税率`,
|
icon: "none",
|
});
|
return;
|
}
|
if (isNaN(taxInclusiveUnitPrice) || taxInclusiveUnitPrice <= 0) {
|
uni.showToast({
|
title: `产品${i + 1}：请输入有效的含税单价`,
|
icon: "none",
|
});
|
return;
|
}
|
if (isNaN(quantity) || quantity <= 0) {
|
uni.showToast({
|
title: `产品${i + 1}：请输入有效的数量`,
|
icon: "none",
|
});
|
return;
|
}
|
if (isNaN(taxInclusiveTotalPrice) || taxInclusiveTotalPrice <= 0) {
|
uni.showToast({
|
title: `产品${i + 1}：请输入有效的含税总价`,
|
icon: "none",
|
});
|
return;
|
}
|
if (isNaN(taxExclusiveTotalPrice) || taxExclusiveTotalPrice <= 0) {
|
uni.showToast({
|
title: `产品${i + 1}：请输入有效的不含税总价`,
|
icon: "none",
|
});
|
return;
|
}
|
if (!product.invoiceType) {
|
uni.showToast({
|
title: `产品${i + 1}：请选择发票类型`,
|
icon: "none",
|
});
|
return;
|
}
|
}
|
|
// 表单校验通过，提交数据
|
form.value.productData = JSON.parse(JSON.stringify(productData.value));
|
form.value.type = 1;
|
addOrUpdateSalesLedger(form.value).then(res => {
|
uni.showToast({
|
title: "提交成功",
|
icon: "success",
|
});
|
goBack();
|
});
|
};
|
const setUserInfo = () => {
|
form.value.entryPerson = userStore.id;
|
form.value.entryPersonName = userStore.nickName;
|
// 设置当天日期
|
const today = new Date();
|
const year = today.getFullYear();
|
const month = String(today.getMonth() + 1).padStart(2, "0");
|
const day = String(today.getDate()).padStart(2, "0");
|
form.value.entryDate = `${year}-${month}-${day}`;
|
// 设置日期选择器默认值为今天
|
pickerDateValue.value = `${year}-${month}-${day}`;
|
};
|
// 填充表单数据（编辑模式）
|
const fillFormData = () => {
|
if (!editData.value) return;
|
getSalesLedgerWithProducts({ id: editData.value.id, type: 1 }).then(res => {
|
productData.value = res.productData;
|
});
|
console.log(editData.value);
|
// 填充基本信息
|
form.value.salesContractNo = editData.value.salesContractNo || "";
|
form.value.customerContractNo = editData.value.customerContractNo || "";
|
form.value.customerName = editData.value.customerName || "";
|
form.value.projectName = editData.value.projectName || "";
|
form.value.executionDate = editData.value.executionDate || "";
|
form.value.paymentMethod = editData.value.paymentMethod || "";
|
form.value.salesman = editData.value.salesman || "";
|
form.value.entryPerson = editData.value.entryPerson || "";
|
form.value.entryPersonName = editData.value.entryPersonName || "";
|
form.value.entryDate = editData.value.entryDate || "";
|
form.value.id = editData.value.id || "";
|
form.value.customerId = editData.value.customerId || "";
|
|
// 设置日期选择器的值
|
if (editData.value.executionDate) {
|
pickerDateValue.value = editData.value.executionDate;
|
}
|
};
|
const getUserList = () => {
|
userListNoPage().then(res => {
|
// 移除多余的数组包装
|
userList.value = res.data.map(user => ({
|
text: user.nickName,
|
value: user.nickName,
|
}));
|
});
|
};
|
const getCustomerList = () => {
|
customerList().then(res => {
|
// 移除多余的数组包装
|
customerOption.value = res.map(item => ({
|
text: item.customerName,
|
value: item.id,
|
}));
|
});
|
};
|
const convertIdToValue = data => {
|
// 如果传入的不是数组，则返回空数组
|
if (!Array.isArray(data)) {
|
return [];
|
}
|
// 递归映射函数
|
return data.map(item => {
|
// 创建新对象，映射字段
|
const mappedItem = {
|
label: item.label, // 关键：将 label 映射为 text
|
id: item.id, // 保留 id
|
};
|
// 如果存在 children 数组，则递归处理
|
if (
|
item.children &&
|
Array.isArray(item.children) &&
|
item.children.length > 0
|
) {
|
mappedItem.children = convertIdToValue(item.children);
|
}
|
return mappedItem;
|
});
|
};
|
// 获取产品大类tree数据
|
const getProductOptions = () => {
|
productTreeList().then(res => {
|
productOptions.value = convertIdToValue(res);
|
});
|
};
|
|
onMounted(() => {
|
// 获取页面参数
|
operationType.value = uni.getStorageSync("operationType") || "";
|
|
// 获取人员列表
|
getUserList();
|
// 获取客户列表
|
getCustomerList();
|
// 获取产品大类tree数据
|
getProductOptions();
|
// 赋值默认信息
|
if (operationType.value === "add") {
|
setUserInfo();
|
}
|
|
// 获取编辑数据并填充表单
|
const editDataStr = uni.getStorageSync("editData");
|
if (editDataStr) {
|
try {
|
editData.value = JSON.parse(editDataStr);
|
// 如果是编辑模式，等待数据加载完成后填充表单数据
|
if (operationType.value !== "add" && editData.value) {
|
// 使用 nextTick 确保数据加载完成后再填充
|
setTimeout(() => {
|
fillFormData();
|
}, 100);
|
}
|
} catch (error) {
|
console.error("解析编辑数据失败:", error);
|
}
|
}
|
});
|
</script>
|
|
<style lang="scss">
|
@import "@/static/scss/form-common.scss";
|
</style>
|
