taoge_xiaodi/maintenance_system
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: 更新物料管理模块功能

Browse Source 
1. 新增采购计划草稿存储功能
2. 优化出入库单和备件管理界面
3. 完善表单验证和交互逻辑
4. 调整表格列对齐方式
5. 移除冗余的审批备注字段
ps:出入口页面未完成
This commit is contained in:
re-JZzzz
2025-09-24 20:06:58 +08:00
parent bab5b8a856
commit d626d72d43
6 changed files with 1084 additions and 257 deletions
Download Patch File Download Diff File Expand all files Collapse all files

694
src/views/materialManagement/procurementPlan.vue
View File

@ -1,6 +1,6 @@
<template>
<div class="procurementPlan">
<el-row gutter="20">
<el-row :gutter="20">
<el-col :span="13">
<el-card>
<div style="display: flex;align-items: center;height: 120px;justify-content: space-around;">
@ -79,37 +79,45 @@
<!-- 标签页导航 -->
<div class="tabs">
<el-button :type="activeTab === 'pending' ? 'primary' : ''"
@click="changeTab('pending')">待审批</el-button>
<el-button :type="activeTab === 'procuring' ? 'primary' : ''"
@click="changeTab('procuring')">采购中</el-button>
<el-badge :value="5" type="danger">
<el-badge :value="pendingCount" type="warning">
<el-button :type="activeTab === 'pending' ? 'primary' : ''"
@click="changeTab('pending')">待审批</el-button>
</el-badge>
<el-badge :value="purchasingCount" type="info">
<el-button :type="activeTab === 'purchasing' ? 'primary' : ''"
@click="changeTab('purchasing')">采购中</el-button>
</el-badge>
<el-badge :value="rejectedCount" type="danger">
<el-button :type="activeTab === 'rejected' ? 'primary' : ''"
@click="changeTab('rejected')">
未通过
</el-button>
</el-badge>
<el-button :type="activeTab === 'approved' ? 'primary' : ''"
@click="changeTab('approved')">已通过</el-button>
<el-button :type="activeTab === 'completed' ? 'primary' : ''"
@click="changeTab('completed')">已完成</el-button>
<el-badge :value="approvedCount" type="primary">
<el-button :type="activeTab === 'approved' ? 'primary' : ''"
@click="changeTab('approved')">已通过</el-button>
</el-badge>
<el-badge :value="completedCount" type="success">
<el-button :type="activeTab === 'completed' ? 'primary' : ''"
@click="changeTab('completed')">已完成</el-button>
</el-badge>
</div>
<!-- 表格 -->
<el-table :data="tableData" border style="width: 100%;margin-top: 15px;">
<el-table-column type="selection" width="55" />
<el-table-column prop="planNumber" label="计划编号" />
<el-table-column prop="planName" label="计划名称" />
<el-table-column prop="equipmentType" label="设备类型" />
<el-table-column prop="requestDept" label="申请部门" />
<el-table-column prop="applicant" label="申请人" />
<el-table-column prop="requestDate" label="申请日期" />
<el-table-column prop="estimatedAmount" label="预计金额" />
<el-table-column label="状态">
<el-table :data="filteredTableData" border style="width: 100%;margin-top: 15px;">
<el-table-column type="selection" width="55" align="center" />
<el-table-column prop="planNumber" label="计划编号" align="center" />
<el-table-column prop="planName" label="计划名称" align="center" />
<el-table-column prop="equipmentType" label="设备类型" align="center" />
<el-table-column prop="requestDept" label="申请部门" align="center" />
<el-table-column prop="applicant" label="申请人" align="center" />
<el-table-column prop="requestDate" label="申请日期" align="center" />
<el-table-column prop="estimatedAmount" label="预计金额" align="center" />
<el-table-column label="状态" align="center">
<template #default="scope">
<el-tag :type="getStatusTagType(scope.row.status)">{{ scope.row.status }}</el-tag>
</template>
</el-table-column>
<el-table-column label="操作" fixed="right" width="80">
<el-table-column label="操作" fixed="right" width="80" align="center">
<template #default="scope">
<el-button type="text" @click="handleView(scope.row)">查看</el-button>
</template>
@ -131,56 +139,43 @@
<!-- 基础信息 -->
<div class="form-section">
<h3>基础信息</h3>
<!-- 输入框行 -->
<el-row :gutter="20">
<el-col :span="6">
<el-form-item label="订单编号">
<el-input v-model="newProcurementForm.planNumber" disabled value="PLAN-2023-0615-003" />
<el-col :span="12">
<el-form-item label="计划名称">
<el-input v-model="newProcurementForm.planName" placeholder="请填写" />
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="创建时间">
<el-input v-model="newProcurementForm.createTime" disabled value="2023-11-02-16:32" />
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="采购单位">
<el-input v-model="newProcurementForm.procurementUnit" disabled value="大连好果汁有限公司" />
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="经办人">
<el-input v-model="newProcurementForm.handler" disabled value="李四" />
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="合同类型">
<el-select v-model="newProcurementForm.contractType" placeholder="请选择">
<el-option label="请选择" value="" />
<!-- 可以添加更多选项 -->
</el-select>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="采购类型">
<el-select v-model="newProcurementForm.procurementType" placeholder="请选择">
<el-option label="请选择" value="" />
<!-- 可以添加更多选项 -->
</el-select>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="仓库地址">
<el-select v-model="newProcurementForm.contractAddress" placeholder="请选择">
<el-option label="请选择" value="" />
</el-select>
</el-form-item>
</el-col>
<el-col :span="6">
<el-col :span="12">
<el-form-item label="合同名称">
<el-input v-model="newProcurementForm.contractName" placeholder="请填写" />
</el-form-item>
</el-col>
</el-row>
<!-- 下拉框行 -->
<el-row :gutter="20">
<el-col :span="8">
<el-form-item label="合同类型">
<el-select v-model="newProcurementForm.contractType" placeholder="请选择">
<el-option v-for="option in wz_contract_type" :key="option.value" :label="option.label" :value="option.value" />
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="采购类型">
<el-select v-model="newProcurementForm.procurementType" placeholder="请选择">
<el-option v-for="option in wz_purchase_type" :key="option.value" :label="option.label" :value="option.value" />
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="仓库地址">
<el-select v-model="newProcurementForm.contractAddress" placeholder="请选择">
<el-option v-for="option in contractAddressOptions" :key="option.value" :label="option.label" :value="option.value" />
</el-select>
</el-form-item>
</el-col>
</el-row>
</div>
<!-- 供应商信息 -->
@ -190,17 +185,19 @@
<el-col :span="6">
<el-form-item label="供应商单位">
<el-select v-model="newProcurementForm.supplierUnit" placeholder="请选择">
<el-option label="请选择" value="" />
<!-- 可以添加更多选项 -->
<el-option v-for="option in supplierUnitOptions" :key="option.value" :label="option.label" :value="option.value" />
</el-select>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="送货时间">
<el-select v-model="newProcurementForm.deliveryTime" placeholder="请选择">
<el-option label="请选择" value="" />
<!-- 可以添加更多选项 -->
</el-select>
<el-date-picker
v-model="newProcurementForm.deliveryTime"
type="date"
placeholder="请选择送货日期"
value-format="YYYY-MM-DD"
style="width: 100%"
/>
</el-form-item>
</el-col>
</el-row>
@ -222,12 +219,12 @@
</el-table-column>
<el-table-column prop="productPrice" label="产品单价">
<template #default="scope">
<el-input v-model="scope.row.productPrice" placeholder="请填写" type="number" />
<el-input v-model="scope.row.productPrice" placeholder="请填写" type="number" @change="calculateTotalPrice(scope.row)" />
</template>
</el-table-column>
<el-table-column prop="purchaseQuantity" label="购买数量">
<template #default="scope">
<el-input v-model="scope.row.purchaseQuantity" placeholder="请填写" type="number" />
<el-input v-model="scope.row.purchaseQuantity" placeholder="请填写" type="number" @change="calculateTotalPrice(scope.row)" />
</template>
</el-table-column>
<el-table-column prop="unit" label="单位">
@ -258,15 +255,15 @@
<el-form-item label="付款条件">
<el-select v-model="newProcurementForm.paymentTerms" placeholder="请选择">
<el-option label="请选择" value="" />
<!-- 可以添加更多选项 -->
<el-option v-for="option in wz_payment_terms" :key="option.value" :label="option.label" :value="option.value" />
</el-select>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="结算方式">
<el-form-item label="发票开具方式">
<el-select v-model="newProcurementForm.settlementMethod" placeholder="请选择">
<el-option label="请选择" value="" />
<!-- 可以添加更多选项 -->
<el-option v-for="option in wz_invoicing_way" :key="option.value" :label="option.label" :value="option.value" />
</el-select>
</el-form-item>
</el-col>
@ -374,26 +371,89 @@
color: #fff;
}
</style>
<script setup>
<script setup lang="ts">
import { ref, reactive, computed } from 'vue';
import { useRouter } from 'vue-router';
import { Upload } from '@element-plus/icons-vue';
import { ElMessage, ElMessageBox } from 'element-plus';
import { useProcurementDraftStore } from '@/store/modules/procurementDraft';
const { proxy } = getCurrentInstance() as ComponentInternalInstance;
const { wz_invoicing_way,wz_payment_terms,wz_purchase_type,wz_contract_type} = toRefs<any>(proxy?.useDict('wz_invoicing_way','wz_payment_terms','wz_purchase_type','wz_contract_type'));
const router = useRouter();
// 新建采购申请单对话框是否可见
const isNewProcurementDialogVisible = ref(false);
// 当前激活的标签页
const activeTab = ref('pending');
// 计算各状态的数量
const pendingCount = computed(() => {
return tableData.value.filter(item => item.status === '待审批').length;
});
const purchasingCount = computed(() => {
return tableData.value.filter(item => item.status === '采购中').length;
});
const rejectedCount = computed(() => {
return tableData.value.filter(item => item.status === '未通过').length;
});
const approvedCount = computed(() => {
return tableData.value.filter(item => item.status === '已通过').length;
});
const completedCount = computed(() => {
return tableData.value.filter(item => item.status === '已完成').length;
});
// 下拉框选项数据
const contractAddressOptions = [
{ label: '主仓库', value: 'main' },
{ label: '一号仓库', value: 'warehouse1' },
{ label: '二号仓库', value: 'warehouse2' },
{ label: '三号仓库', value: 'warehouse3' },
{ label: '车间仓库', value: 'workshop' }
];
const supplierUnitOptions = [
{ label: '供应商A', value: 'supplierA' },
{ label: '供应商B', value: 'supplierB' },
{ label: '供应商C', value: 'supplierC' },
{ label: '供应商D', value: 'supplierD' },
{ label: '供应商E', value: 'supplierE' }
];
// 新建采购申请单表单数据
const newProcurementForm = reactive({
planName: '',
contractName: '',
contractType: '',
procurementType: '',
contractAddress: '',
supplierUnit: '',
deliveryTime: '',
paymentTerms: '',
settlementMethod: '',
products: [{
productName: '',
productModel: '',
productPrice: '',
purchaseQuantity: '',
unit: ''
}],
fileList: []
});
// 表格数据
const tableData = ref([
{
planNumber: 'PLAN-2023-0615-003',
planNumber: 'PLAN-2023-0615-001',
planName: 'Q2风电轴承采购计划',
equipmentType: '风电设备',
requestDept: '运维部',
@ -403,126 +463,142 @@ const tableData = ref([
status: '待审批'
},
{
planNumber: 'PLAN-2023-0615-003',
planName: 'Q2风电轴承采购计划',
equipmentType: '风电设备',
requestDept: '运维部',
applicant: '王主管',
requestDate: '2023-06-15 10:30',
estimatedAmount: '300,000.00',
planNumber: 'PLAN-2023-0615-002',
planName: '发电机维修备件采购',
equipmentType: '发电设备',
requestDept: '维修部',
applicant: '李工程师',
requestDate: '2023-06-16 09:15',
estimatedAmount: '150,000.00',
status: '待审批'
},
{
planNumber: 'PLAN-2023-0615-003',
planName: 'Q2风电轴承采购计划',
equipmentType: '风电设备',
planName: 'Q2润滑油采购计划',
equipmentType: '通用设备',
requestDept: '运维部',
applicant: '王主管',
requestDate: '2023-06-15 10:30',
estimatedAmount: '300,000.00',
applicant: '张助理',
requestDate: '2023-06-17 14:20',
estimatedAmount: '50,000.00',
status: '待审批'
},
{
planNumber: 'PLAN-2023-0615-003',
planName: 'Q2风电轴承采购计划',
equipmentType: '风电设备',
requestDept: '运维部',
applicant: '王主管',
requestDate: '2023-06-15 10:30',
estimatedAmount: '300,000.00',
status: '待审批'
planNumber: 'PLAN-2023-0614-004',
planName: '液压系统配件采购',
equipmentType: '液压设备',
requestDept: '工程部',
applicant: '赵经理',
requestDate: '2023-06-14 11:45',
estimatedAmount: '220,000.00',
status: '采购中'
},
{
planNumber: 'PLAN-2023-0615-003',
planName: 'Q2风电轴承采购计划',
equipmentType: '风电设备',
requestDept: '运维部',
applicant: '王主管',
requestDate: '2023-06-15 10:30',
estimatedAmount: '300,000.00',
status: '待审批'
planNumber: 'PLAN-2023-0613-005',
planName: '控制面板更新采购',
equipmentType: '电气设备',
requestDept: '电气部',
applicant: '陈工程师',
requestDate: '2023-06-13 16:10',
estimatedAmount: '180,000.00',
status: '采购中'
},
{
planNumber: 'PLAN-2023-0615-003',
planName: 'Q2风电轴承采购计划',
equipmentType: '风电设备',
requestDept: '运维部',
applicant: '王主管',
requestDate: '2023-06-15 10:30',
estimatedAmount: '300,000.00',
status: '待审批'
planNumber: 'PLAN-2023-0612-006',
planName: '安全防护装备采购',
equipmentType: '安全设备',
requestDept: '安全部',
applicant: '孙主管',
requestDate: '2023-06-12 08:50',
estimatedAmount: '80,000.00',
status: '未通过'
},
{
planNumber: 'PLAN-2023-0615-003',
planName: 'Q2风电轴承采购计划',
equipmentType: '风电设备',
requestDept: '运维部',
applicant: '王主管',
requestDate: '2023-06-15 10:30',
estimatedAmount: '300,000.00',
status: '待审批'
planNumber: 'PLAN-2023-0611-007',
planName: '水泵维修配件采购',
equipmentType: '水处理设备',
requestDept: '水处理部',
applicant: '周工程师',
requestDate: '2023-06-11 13:30',
estimatedAmount: '60,000.00',
status: '已通过'
},
{
planNumber: 'PLAN-2023-0615-003',
planName: 'Q2风电轴承采购计划',
equipmentType: '风电设备',
requestDept: '运维部',
applicant: '王主管',
requestDate: '2023-06-15 10:30',
estimatedAmount: '300,000.00',
status: '待审批'
planNumber: 'PLAN-2023-0610-008',
planName: '风机叶片检测设备采购',
equipmentType: '检测设备',
requestDept: '质检部',
applicant: '吴经理',
requestDate: '2023-06-10 10:20',
estimatedAmount: '450,000.00',
status: '已通过'
},
{
planNumber: 'PLAN-2023-0615-003',
planName: 'Q2风电轴承采购计划',
equipmentType: '风电设备',
requestDept: '运维部',
applicant: '王主管',
requestDate: '2023-06-15 10:30',
estimatedAmount: '300,000.00',
status: '待审批'
planNumber: 'PLAN-2023-0609-009',
planName: '仓库货架更新采购',
equipmentType: '仓储设备',
requestDept: '仓储部',
applicant: '郑主管',
requestDate: '2023-06-09 15:40',
estimatedAmount: '90,000.00',
status: '已完成'
},
{
planNumber: 'PLAN-2023-0615-003',
planName: 'Q2风电轴承采购计划',
equipmentType: '风电设备',
requestDept: '运维部',
applicant: '王主管',
requestDate: '2023-06-15 10:30',
estimatedAmount: '300,000.00',
status: '待审批'
planNumber: 'PLAN-2023-0608-010',
planName: '办公设备更新采购',
equipmentType: '办公设备',
requestDept: '行政部',
applicant: '冯助理',
requestDate: '2023-06-08 11:10',
estimatedAmount: '120,000.00',
status: '已完成'
},
{
planNumber: 'PLAN-2023-0615-003',
planName: 'Q2风电轴承采购计划',
equipmentType: '风电设备',
requestDept: '运维部',
applicant: '王主管',
requestDate: '2023-06-15 10:30',
estimatedAmount: '300,000.00',
status: '待审批'
planNumber: 'PLAN-2023-0607-011',
planName: '消防设备年检采购',
equipmentType: '消防设备',
requestDept: '安全部',
applicant: '蒋经理',
requestDate: '2023-06-07 09:30',
estimatedAmount: '40,000.00',
status: '已完成'
},
{
planNumber: 'PLAN-2023-0615-003',
planName: 'Q2风电轴承采购计划',
equipmentType: '风电设备',
requestDept: '运维部',
applicant: '王主管',
requestDate: '2023-06-15 10:30',
estimatedAmount: '300,000.00',
status: '待审批'
planNumber: 'PLAN-2023-0606-012',
planName: '网络设备升级采购',
equipmentType: 'IT设备',
requestDept: 'IT部',
applicant: '沈工程师',
requestDate: '2023-06-06 14:50',
estimatedAmount: '160,000.00',
status: '已完成'
}
]);
// 分页相关
const currentPage = ref(1);
const pageSize = ref(10);
const total = ref(12);
const total = computed(() => filteredTableData.value.length);
// 状态映射关系
const statusMap = {
pending: '待审批',
purchasing: '采购中',
rejected: '未通过',
approved: '已通过',
completed: '已完成'
};
// 根据activeTab筛选后的数据
const filteredTableData = computed(() => {
if (activeTab.value === 'all') {
return tableData.value;
}
return tableData.value.filter(item => item.status === statusMap[activeTab.value]);
});
// 切换标签页
const changeTab = (tab) => {
activeTab.value = tab;
// 这里可以根据标签页筛选数据
currentPage.value = 1; // 切换标签页时重置到第一页
};
@ -566,4 +642,298 @@ const handleSizeChange = (size) => {
const handleCurrentChange = (current) => {
currentPage.value = current;
};
// 计算产品总价
const calculateTotalPrice = (row) => {
if (!row.productPrice || !row.purchaseQuantity) {
return '0.00';
}
const price = parseFloat(row.productPrice);
const quantity = parseInt(row.purchaseQuantity);
if (isNaN(price) || isNaN(quantity)) {
return '0.00';
}
return (price * quantity).toFixed(2);
};
// 添加产品
const addProduct = () => {
newProcurementForm.products.push({
productName: '',
productModel: '',
productPrice: '',
purchaseQuantity: '',
unit: ''
});
};
// 删除产品
const removeProduct = (index) => {
if (newProcurementForm.products.length <= 1) {
ElMessage({ message: '至少保留一个产品信息', type: 'warning' });
return;
}
newProcurementForm.products.splice(index, 1);
};
// 重置新建采购申请表单
const resetNewProcurementForm = () => {
newProcurementForm.planName = '';
newProcurementForm.contractName = '';
newProcurementForm.contractType = '';
newProcurementForm.procurementType = '';
newProcurementForm.contractAddress = '';
newProcurementForm.supplierUnit = '';
newProcurementForm.deliveryTime = '';
newProcurementForm.paymentTerms = '';
newProcurementForm.settlementMethod = '';
newProcurementForm.products = [{
productName: '',
productModel: '',
productPrice: '',
purchaseQuantity: '',
unit: ''
}];
newProcurementForm.fileList = [];
};
// 取消新建采购申请
const cancelNewProcurement = () => {
// 检查是否有未保存的内容
const hasContent = Object.values(newProcurementForm).some(value => {
if (Array.isArray(value)) {
return value.length > 0 &&
value.some(item =>
typeof item === 'object' &&
Object.values(item).some(v => v)
);
}
return !!value;
});
if (hasContent) {
ElMessageBox.confirm('表单内容尚未保存，确定要关闭吗？', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
resetNewProcurementForm();
isNewProcurementDialogVisible.value = false;
});
} else {
resetNewProcurementForm();
isNewProcurementDialogVisible.value = false;
}
};
// 草稿校验函数
const validateDraft = () => {
// 草稿只需要计划名称作为必填项
if (!newProcurementForm.planName.trim()) {
ElMessage({ message: '请填写计划名称', type: 'error' });
return false;
}
// 检查已填写的产品信息的有效性
for (let i = 0; i < newProcurementForm.products.length; i++) {
const product = newProcurementForm.products[i];
if (product.productName && !product.productModel) {
ElMessage({ message: `第${i + 1}行产品：填写了产品名称，请也填写产品型号`, type: 'warning' });
}
if (product.productPrice && parseFloat(product.productPrice) <= 0) {
ElMessage({ message: `第${i + 1}行产品：产品单价应大于0`, type: 'warning' });
}
if (product.purchaseQuantity && parseInt(product.purchaseQuantity) <= 0) {
ElMessage({ message: `第${i + 1}行产品：购买数量应大于0`, type: 'warning' });
}
}
return true;
};
// 保存草稿
const saveDraft = () => {
// 验证草稿
if (!validateDraft()) {
return;
}
// 使用pinia store保存草稿
const draftStore = useProcurementDraftStore();
const savedDraft = draftStore.saveDraft(newProcurementForm.planName, newProcurementForm);
console.log('保存草稿:', {
draftNumber: savedDraft.draftNumber,
saveTime: savedDraft.saveTime,
content: savedDraft.content
});
ElMessage({ message: `草稿已成功保存（编号：${savedDraft.draftNumber}），您可以在草稿箱中查看`, type: 'success' });
};
// 表单校验函数
const validateForm = () => {
// 基础信息校验
if (!newProcurementForm.planName.trim()) {
ElMessage({ message: '请填写计划名称', type: 'error' });
return false;
}
if (!newProcurementForm.contractName.trim()) {
ElMessage({ message: '请填写合同名称', type: 'error' });
return false;
}
if (!newProcurementForm.contractType) {
ElMessage({ message: '请选择合同类型', type: 'error' });
return false;
}
if (!newProcurementForm.procurementType) {
ElMessage({ message: '请选择采购类型', type: 'error' });
return false;
}
if (!newProcurementForm.contractAddress) {
ElMessage({ message: '请选择仓库地址', type: 'error' });
return false;
}
if (!newProcurementForm.supplierUnit) {
ElMessage({ message: '请选择供应商单位', type: 'error' });
return false;
}
// 产品信息校验
const hasValidProduct = newProcurementForm.products.some(product => {
return product.productName &&
product.productModel &&
product.productPrice && parseFloat(product.productPrice) > 0 &&
product.purchaseQuantity && parseInt(product.purchaseQuantity) > 0 &&
product.unit;
});
if (!hasValidProduct) {
ElMessage({ message: '请至少填写一个有效的产品信息', type: 'error' });
return false;
}
// 检查每个产品的有效性
for (let i = 0; i < newProcurementForm.products.length; i++) {
const product = newProcurementForm.products[i];
if (product.productName || product.productModel || product.productPrice || product.purchaseQuantity || product.unit) {
if (!product.productName) {
ElMessage({ message: `第${i + 1}行产品：请填写产品名称`, type: 'error' });
return false;
}
if (!product.productModel) {
ElMessage({ message: `第${i + 1}行产品：请填写产品型号`, type: 'error' });
return false;
}
if (!product.productPrice) {
ElMessage({ message: `第${i + 1}行产品：请填写产品单价`, type: 'error' });
return false;
}
if (parseFloat(product.productPrice) <= 0) {
ElMessage({ message: `第${i + 1}行产品：产品单价必须大于0`, type: 'error' });
return false;
}
if (!product.purchaseQuantity) {
ElMessage({ message: `第${i + 1}行产品：请填写购买数量`, type: 'error' });
return false;
}
if (parseInt(product.purchaseQuantity) <= 0) {
ElMessage({ message: `第${i + 1}行产品：购买数量必须大于0`, type: 'error' });
return false;
}
if (!product.unit) {
ElMessage({ message: `第${i + 1}行产品：请填写单位`, type: 'error' });
return false;
}
}
}
return true;
};
// 提交申请
const submitProcurement = () => {
// 表单验证
if (!validateForm()) {
return;
}
// 确认提交
ElMessageBox.confirm('确定要提交采购申请单吗？提交后将进入审批流程，不可撤销。', '确认提交', {
confirmButtonText: '确认提交',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
// 计算总金额
const totalAmount = newProcurementForm.products.reduce((sum, product) => {
const price = parseFloat(product.productPrice) || 0;
const quantity = parseInt(product.purchaseQuantity) || 0;
return sum + (price * quantity);
}, 0);
// 生成计划编号
const today = new Date();
const dateStr = today.getFullYear() + '-' +
String(today.getMonth() + 1).padStart(2, '0') + '-' +
String(today.getDate()).padStart(2, '0');
const randomNum = Math.floor(100 + Math.random() * 900);
const planNumber = `PLAN-${dateStr}-${randomNum}`;
// 模拟提交数据
const newPlan = {
planNumber: planNumber,
planName: newProcurementForm.planName,
equipmentType: newProcurementForm.procurementType,
requestDept: '当前部门',
applicant: '当前用户',
requestDate: new Date().toLocaleString(),
estimatedAmount: totalAmount.toFixed(2),
status: '待审批'
};
// 添加到表格数据中
tableData.value.unshift(newPlan);
ElMessage({ message: '采购申请单已成功提交，等待审批！', type: 'success' });
// 关闭对话框并重置表单
resetNewProcurementForm();
isNewProcurementDialogVisible.value = false;
}).catch(() => {
// 用户取消了提交
});
};
// 文件上传相关方法
const handlePreview = (uploadFile) => {
console.log('预览文件:', uploadFile);
ElMessage({ message: '文件预览功能待实现', type: 'info' });
};
const handleRemove = (uploadFile, uploadFiles) => {
console.log('删除文件:', uploadFile);
// 从fileList中移除文件
const index = newProcurementForm.fileList.findIndex(file => file.uid === uploadFile.uid);
if (index !== -1) {
newProcurementForm.fileList.splice(index, 1);
ElMessage({ message: `文件 "${uploadFile.name}" 已移除`, type: 'success' });
}
};
const beforeRemove = (uploadFile, uploadFiles) => {
return ElMessageBox.confirm(`确定要删除文件 "${uploadFile.name}" 吗？`, '确认删除', {
confirmButtonText: '确认',
cancelButtonText: '取消',
type: 'warning'
});
};
const handleExceed = (files, uploadFiles) => {
ElMessage({ message: '最多只能上传5个文件，已自动过滤多余文件', type: 'warning' });
};
</script>