yinq
/
hwbm-ui
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

1.1.00前端：

Browse Source 
feat(budget):根据研发预算新模板修改保存功能
dev
xs 2 months ago
parent 58119732cd
commit ac84526867
12 changed files with 1210 additions and 2289 deletions
Show Stats Download Patch File Download Diff File

12
src/api/oa/erp/budgetInfo/index.ts
Unescape Escape View File

@ -121,3 +121,15 @@ export const listMaterialInfo = (query?: MaterialInfoQuery): AxiosPromise<Materi
params: query
});
};
/**
* 查询研发预算标准编制书评
* @param query
* @returns {*}
*/
export function getRdBudgetDefinitionList() {
return request({
url: '/oa/erp/budgetInfo/getRdBudgetDefinitionList',
method: 'get'
});
};

549
src/views/oa/erp/budgetInfo/edit.vue
Unescape Escape View File

@ -1,5 +1,5 @@
<template>
<div class="project-budget-container">
<div class="project-budget-container" v-loading="loading">
<!-- 审批按钮组件 -->
<approvalButton
@submitForm="handleSave"
@ -27,19 +27,17 @@
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="6">
<el-form-item label="版本号">
<el-input v-model="searchForm.budgetVersion" disabled>
</el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="申请说明">
<el-input v-model="searchForm.remark" type="textarea" placeholder="请输入申请说明" />
</el-form-item>
</el-col>
<el-row :gutter="20">
<el-col :span="6">
<el-form-item label="版本号">
<el-input v-model="searchForm.budgetVersion" disabled> </el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="申请说明">
<el-input v-model="searchForm.remark" type="textarea" placeholder="请输入申请说明" />
</el-form-item>
</el-col>
<!-- <el-col :span="12" class="text-right">-->
<!-- <el-button type="primary" @click="exportBudget" size="default">-->
@ -55,7 +53,10 @@
<!-- 研发项目预算 -->
<el-card class="mb-6" v-if="searchForm.projectCategory === PROJECT_CATEGORY.RD || searchForm.projectCategory === PROJECT_CATEGORY.PRE_PRODUCTION">
<el-tabs v-model="activeTab" @tab-click="handleTabClick">
<el-tab-pane label="预算表" name="budgetTable">
<el-tab-pane label="预算编制标准说明" name="budgetDefinition">
<RdBudgetDefinition ref="rdBudgetDefinitionRef" :projectId="searchForm.projectId" />
</el-tab-pane>
<el-tab-pane label="表1-预算汇总" name="budgetTable">
<RdBudgetTable
ref="rdBudgetTableRef"
:projectId="searchForm.projectId"
@ -64,25 +65,22 @@
:userList="userList"
/>
</el-tab-pane>
<el-tab-pane label="设备费" name="equipmentCost">
<RdEquipmentCost ref="rdEquipmentCostRef" :projectId="searchForm.projectId" />
</el-tab-pane>
<el-tab-pane label="材料费" name="materialCost">
<el-tab-pane label="表2-材料费" name="materialCost">
<RdMaterialCost ref="rdMaterialCostRef" :projectId="searchForm.projectId" />
</el-tab-pane>
<el-tab-pane label="会议差旅交流" name="travelMeetingExchange">
<RdTravelMeetingExchange ref="rdTravelMeetingExchangeRef" :projectId="searchForm.projectId" />
</el-tab-pane>
<el-tab-pane label="人工劳务咨询" name="laborService">
<el-tab-pane label="表3-人工费" name="laborService">
<RdLaborService ref="rdLaborServiceRef" :projectId="searchForm.projectId" />
</el-tab-pane>
<el-tab-pane label="资料文献费" name="literatureCost">
<RdLiteratureCost ref="rdLiteratureCostRef" :projectId="searchForm.projectId" />
<el-tab-pane label="表4-差旅费" name="travelMeetingExchange">
<RdTravelMeetingExchange ref="rdTravelMeetingExchangeRef" :projectId="searchForm.projectId" />
</el-tab-pane>
<el-tab-pane label="测试化验费" name="testingCost">
<el-tab-pane label="表5-测试化验加工费" name="testingCost">
<RdTestingCost ref="rdTestingCostRef" :projectId="searchForm.projectId" />
</el-tab-pane>
<el-tab-pane label="其他" name="otherCost">
<el-tab-pane label="表6-咨询费、设计费" name="techCost">
<RdTechCost ref="rdTechCostRef" :projectId="searchForm.projectId" />
</el-tab-pane>
<el-tab-pane label="表7-其他费用" name="otherCost">
<RdOtherCost ref="rdOtherCostRef" :projectId="searchForm.projectId" />
</el-tab-pane>
</el-tabs>
@ -190,7 +188,14 @@
<script setup lang="ts" name="BudgetInfoEdit">
import { ref, reactive } from 'vue';
import { ElMessage } from 'element-plus';
import { listProjectInfo, addErpBudgetInfo, updateErpBudgetInfo, changeErpBudgetInfo, getErpBudgetInfo } from '@/api/oa/erp/budgetInfo';
import {
listProjectInfo,
addErpBudgetInfo,
updateErpBudgetInfo,
changeErpBudgetInfo,
getErpBudgetInfo,
getRdBudgetDefinitionList
} from '@/api/oa/erp/budgetInfo';
import { ProjectInfoVO, ProjectInfoQuery } from '@/api/oa/erp/projectInfo/types';
import { getUserList } from '@/api/system/user';
@ -205,12 +210,12 @@ const { business_direction, project_status, project_category } = toRefs<any>(
);
//研发项目tab
import RdBudgetDefinition from './rd/BudgetDefinition.vue';
import RdBudgetTable from './rd/BudgetTable.vue';
import RdEquipmentCost from './rd/EquipmentCost.vue';
import RdMaterialCost from './rd/MaterialCost.vue';
import RdTravelMeetingExchange from './rd/TravelMeetingExchange.vue';
import RdLaborService from './rd/LaborService.vue';
import RdLiteratureCost from './rd/LiteratureCost.vue';
import RdTechCost from './rd/TechCost.vue';
import RdTestingCost from './rd/TestingCost.vue';
import RdOtherCost from './rd/OtherCost.vue';
@ -222,6 +227,8 @@ import InstallationCost from './market/InstallationCost.vue';
import TravelCost from './market/TravelCost.vue';
import OtherCost from './market/OtherCost.vue';
const loading = ref(true);
// 定义成本数据类型
interface CostData {
equipmentCost: number;
@ -238,12 +245,12 @@ interface CostData {
}
// 研发项目预算tab组件引用
const rdBudgetDefinitionRef = ref();
const rdBudgetTableRef = ref();
const rdEquipmentCostRef = ref();
const rdMaterialCostRef = ref();
const rdTravelMeetingExchangeRef = ref();
const rdLaborServiceRef = ref();
const rdLiteratureCostRef = ref();
const rdTechCostRef = ref();
const rdTestingCostRef = ref();
const rdOtherCostRef = ref();
@ -261,20 +268,15 @@ const oriBudgetInstallCostList = ref<budgetInstallCostVO[]>([]);
const oriBudgetTravelCostList = ref<budgetTravelCostVO[]>([]);
const oriBudgetOtherCostList = ref<budgetOtherCostVO[]>([]);
const oriRdBudgetEquipmentCostList = ref<rdBudgetEquipmentCostVO[]>([]);
const oriRdBudgetMaterialCostList = ref<rdBudgetMaterialCostVO[]>([]);
const oriRdBudgetTravelCostList = ref<rdBudgetTravelCostVO[]>([]);
const oriRdBudgetMeetingCostList = ref<rdBudgetMeetingCostVO[]>([]);
const oriRdBudgetExchangeCostList = ref<rdBudgetExchangeCostVO[]>([]);
const oriRdBudgetTechConsultCostList = ref<rdBudgetTechCostVO[]>([]); //技术咨询
const oriRdBudgetLaborCostList = ref<rdBudgetLaborCostVO[]>([]); //人工费
const oriRdBudgetTravelCostList = ref<rdBudgetTravelCostVO[]>([]); //差旅费-差旅费
const oriRdBudgetTransportationCostList = ref<rdBudgetTravelCostVO[]>([]); //差旅费-交通费
const oriRdBudgetTestingCostList = ref<rdBudgetTestingCostVO[]>([]); //测试化验加工费
const oriRdBudgetTechConsultCostList = ref<rdBudgetTechCostVO[]>([]); //新产品设计费
const oriRdBudgetExpertMeetingCostList = ref<rdBudgetTechCostVO[]>([]); //专家咨询会议形式
const oriRdBudgetExpertCommCostList = ref<rdBudgetTechCostVO[]>([]); //专家咨询通讯形式
const oriRdBudgetLaborCostList = ref<rdBudgetLaborCostVO[]>([]); //人工费
const oriRdBudgetServiceCostList = ref<rdBudgetLaborCostVO[]>([]); //劳务费
const oriRdBudgetLiteratureMaterialCostList = ref<rdBudgetLiteratureCostVO[]>([]); //资料费
const oriRdBudgetLiteratureSofwareCostList = ref<rdBudgetLiteratureCostVO[]>([]); //专用软件购买费
const oriRdBudgetTestingCostList = ref<rdBudgetTestingCostVO[]>([]);
const oriRdBudgetOtherCostList = ref<rdBudgetOtherCostVO[]>([]);
const oriRdBudgetOtherCostList = ref<rdBudgetOtherCostVO[]>([]); //其他费用
const PROJECT_CATEGORY = reactive({
MARKET: '1', //销售（实施、物流）
@ -289,26 +291,15 @@ const BUSINESS_STATUS = reactive({
AVAILABLE: '3' //可用
});
const MATERIAL_TYPE = {
MAIN: '1', //主要材料费
OTHER: '2' //其他材料费
};
const TECH_TYPE = reactive({
TECH_CONSULT: '1', //技术咨询开发
TECH_CONSULT: '1', //新产品设计费
EXPERT_MEETING: '2', //专家咨询-会议形式
EXPERT_COMM: '3' //专家咨询-通讯形式
});
const LABOR_TYPE = reactive({
LABOR: '1', //人工费
SERVICE: '2' //劳务费
});
const LITERATURE_TYPE = {
MATERIAL: '1', //资料费
DOCUMENT: '2', //文件检索费
SOFTWARE: '3' //专用软件购买费
const TRIP_TYPE = {
TRAVEL: '1', //差旅费
TRANSPORTATION: '2' //交通费
};
// 响应式数据
@ -478,66 +469,6 @@ const confirmProjectSelection = () => {
});
};
// 设备费更新处理
const handleEquipmentCostUpdate = (data: { equipmentCost: number }) => {
costData.equipmentCost = data.equipmentCost;
if (rdBudgetTableRef.value) {
rdBudgetTableRef.value.updateCostData(costData);
}
};
// 材料费更新处理
const handleMaterialCostUpdate = (data: { mainMaterialCost: number; otherMaterialCost: number; totalAmount: number }) => {
costData.materialCost = data.materialCost;
if (rdBudgetTableRef.value) {
rdBudgetTableRef.value.updateCostData(costData);
}
};
// 会议差旅交流更新处理
const handleTravelMeetingExchangeUpdate = (data: { travelCost: number; meetingCost: number; internationalExchangeCost: number }) => {
costData.travelCost = data.travelCost;
costData.meetingCost = data.meetingCost;
costData.internationalExchangeCost = data.internationalExchangeCost;
if (rdBudgetTableRef.value) {
rdBudgetTableRef.value.updateCostData(costData);
}
};
// 人工劳务咨询更新处理
const handleLaborServiceUpdate = (data: { techConsultTotal: number; laborTotal: number; serviceTotal: number }) => {
costData.consultingDevelopmentCost = data.techConsultTotal;
costData.laborCost = data.laborTotal;
costData.serviceCost = data.serviceTotal;
if (rdBudgetTableRef.value) {
rdBudgetTableRef.value.updateCostData(costData);
}
};
// 资料文献费更新处理
const handleLiteratureCostUpdate = (data: { literatureCost: number }) => {
costData.literatureCost = data.literatureCost;
if (rdBudgetTableRef.value) {
rdBudgetTableRef.value.updateCostData(costData);
}
};
// 测试化验费更新处理
const handleTestingCostUpdate = (data: { totalAmount: number }) => {
costData.testingCost = data.totalAmount;
if (rdBudgetTableRef.value) {
rdBudgetTableRef.value.updateCostData(costData);
}
};
// 其他费用更新处理
const handleOtherCostUpdate = (data: { totalAmount: number }) => {
costData.otherCost = data.totalAmount;
if (rdBudgetTableRef.value) {
rdBudgetTableRef.value.updateCostData(costData);
}
};
// 更新市场项目预算预算表数据
const updateBudgetTable = async () => {
if (!budgetTableRef.value) return;
@ -560,75 +491,31 @@ const updateBudgetTable = async () => {
// 更新研发项目预算预算表数据
const updateRdBudgetTable = async () => {
// 获取各tab页的合计数据
const equipmentAmount = rdEquipmentCostRef.value?.getTotalAmount();
const equipmentTotal = equipmentAmount.equipmentTotal || 0;
const materialTotal = rdMaterialCostRef.value?.getTotalAmount() || 0;
const travelMeetingExchangeAmount = rdTravelMeetingExchangeRef.value?.getTravelMeetingExchangeAmount();
const travelTotal = travelMeetingExchangeAmount.travelSubtotalTotal || 0;
const meetingFeeTotal = travelMeetingExchangeAmount.meetingFeeTotal || 0;
const internationalSubtotalTotal = travelMeetingExchangeAmount.internationalSubtotalTotal || 0;
const laborAmount = rdLaborServiceRef.value?.getLaborAmount();
const techConsultTotal = laborAmount.techConsultTotal || 0;
const laborTotal = laborAmount.laborTotal || 0;
const serviceTotal = laborAmount.serviceTotal || 0;
const literatureCost = rdLiteratureCostRef.value?.getLiteratureCost() || 0;
const literatureTotal = literatureCost.literatureTotal || 0;
const techCost = rdTechCostRef.value?.getTechAmount() || 0;
const expertConsultTotal = techCost.expertConsultTotal || 0;
const techConsultTotal = techCost.techConsultTotal || 0;
const travelMeetingExchangeAmount = rdTravelMeetingExchangeRef.value?.getTravelAmount();
const travelTotal = travelMeetingExchangeAmount.travelSubtotalTotal || 0;
const testingCost = rdTestingCostRef.value?.getTestingAmount() || 0;
const testingTotal = testingCost.testingTotal || 0;
const otherCost = rdOtherCostRef.value?.getOtherCost() || 0;
const otherTotal = otherCost.otherTotal || 0;
// 更新预算表,目前是按单位是万元传值，后续如果根据单位是元，则在此判断更新传的值
rdBudgetTableRef.value.updateRdBudgetDetailData('设备费', equipmentTotal / 10000);
rdBudgetTableRef.value.updateRdBudgetDetailData('材料费', materialTotal / 10000);
rdBudgetTableRef.value.updateRdBudgetDetailData('差旅费', travelTotal / 10000);
rdBudgetTableRef.value.updateRdBudgetDetailData('会议费', meetingFeeTotal / 10000);
rdBudgetTableRef.value.updateRdBudgetDetailData('国际合作与交流费', internationalSubtotalTotal / 10000);
rdBudgetTableRef.value.updateRdBudgetDetailData('咨询开发费', techConsultTotal / 10000);
rdBudgetTableRef.value.updateRdBudgetDetailData('人工费', laborTotal / 10000);
rdBudgetTableRef.value.updateRdBudgetDetailData('劳务费', serviceTotal / 10000);
rdBudgetTableRef.value.updateRdBudgetDetailData('资料/文献费', literatureTotal / 10000);
rdBudgetTableRef.value.updateRdBudgetDetailData('测试化验费', testingTotal / 10000);
rdBudgetTableRef.value.updateRdBudgetDetailData('差旅费', travelTotal / 10000);
rdBudgetTableRef.value.updateRdBudgetDetailData('测试化验加工费', testingTotal / 10000);
rdBudgetTableRef.value.updateRdBudgetDetailData('专家咨询费用', expertConsultTotal / 10000);
rdBudgetTableRef.value.updateRdBudgetDetailData('新产品设计费', techConsultTotal / 10000);
rdBudgetTableRef.value.updateRdBudgetDetailData('其他费用', otherTotal / 10000);
};
// 新增一个方法用于在tab切换时更新预算数据
const updateBudgetDataOnTabChange = () => {
nextTick(() => {
if (searchForm.projectCategory === PROJECT_CATEGORY.RD) {
// 确保调用更新方法时传递正确的参数
if (rdEquipmentCostRef.value?.getTotalAmount) {
handleEquipmentCostUpdate({ equipmentCost: rdEquipmentCostRef.value.getTotalAmount() });
}
if (rdMaterialCostRef.value?.getTotalAmount) {
const materialTotal = rdMaterialCostRef.value.getTotalAmount();
handleMaterialCostUpdate({
mainMaterialCost: materialTotal.mainMaterialCost || 0,
otherMaterialCost: materialTotal.otherMaterialCost || 0,
materialCost: (materialTotal.mainMaterialCost || 0) + (materialTotal.otherMaterialCost || 0)
});
}
// 其他方法类似处理...
} else if (searchForm.projectCategory === PROJECT_CATEGORY.MARKET) {
updateBudgetTable();
}
});
};
// 监听tab切换，更新预算表数据
// watch(activeTab, () => {
// updateBudgetDataOnTabChange();
// });
// 导出预算
const exportBudget = () => {
if (!searchForm.projectId) {
ElMessage.warning('请先选择项目');
return;
}
ElMessage.success('导出预算成功');
};
// 提取用户查找逻辑
const findUserName = (userList: any[], userId: number): string => {
const user = userList?.find((item) => item.userId === userId);
@ -695,7 +582,7 @@ const processRdBudgetForm = async (status: string): Promise<budgetInfoForm> => {
const budgetDetailData = rdBudgetTableRef.value?.budgetDetailData || [];
const rdBudgetInfoForm = rdBudgetTableRef.value?.rdBudgetInfoForm || {};
const footerForm = rdBudgetTableRef.value?.footerForm || {};
rdBudgetInfoForm.budgetCost = rdBudgetTableRef.value?.totalAmount;
// 合并表单数据
const budgetForm = {
@ -704,10 +591,9 @@ const processRdBudgetForm = async (status: string): Promise<budgetInfoForm> => {
budgetStatus: getBudgetStatus(status),
flowStatus: getFlowStatus(status),
// 设置负责人信息
managerId: footerForm.managerId,
managerName: findUserName(userList.value, footerForm.managerId),
approveUserId: footerForm.approveUserId,
approveUserName: findUserName(userList.value, footerForm.approveUserId),
managerName: findUserName(userList.value, rdBudgetInfoForm.managerId),
productManagerName: findUserName(userList.value, rdBudgetInfoForm.productManagerId),
approveUserName: findUserName(userList.value, rdBudgetInfoForm.approveUserId),
// 预算详情
erpBudgetDetailList: budgetDetailData,
// 初始化所有成本列表
@ -764,15 +650,11 @@ const getFlowStatus = (status: string): string => {
};
const initializeRdCostLists = () => ({
erpRdBudgetEquipmentCostList: [],
erpRdBudgetMaterialCostList: [],
erpRdBudgetTravelCostList: [],
erpRdBudgetMeetingCostList: [],
erpRdBudgetExchangeCostList: [],
erpRdBudgetTechCostList: [],
erpRdBudgetLaborCostList: [],
erpRdBudgetLiteratureCostList: [],
erpRdBudgetTravelCostList: [],
erpRdBudgetTestingCostList: [],
erpRdBudgetTechCostList: [],
erpRdBudgetOtherCostList: []
});
@ -787,70 +669,35 @@ const initializeMarketCostLists = () => ({
// 处理研发成本数据
const processRdCostData = (budgetForm: budgetInfoForm) => {
// 设备成本
console.log(rdMaterialCostRef.value?.allMaterialData);
console.log(oriRdBudgetMaterialCostList.value);
if (assignIfChanged([], rdEquipmentCostRef.value?.equipmentData, oriRdBudgetEquipmentCostList.value).length) {
budgetForm.erpRdBudgetEquipmentCostList = rdEquipmentCostRef.value?.equipmentData || [];
}
// 材料成本
if (assignIfChanged([], rdMaterialCostRef.value?.allMaterialData, oriRdBudgetMaterialCostList.value).length) {
budgetForm.erpRdBudgetMaterialCostList = (rdMaterialCostRef.value?.allMaterialData || []).map(item => {
const newItem = { ...item };
// 如果 是其他材料费，需要将万元转为元
if (newItem.materialType === 2 || newItem.materialType === '2') {
if (newItem.price !== null && newItem.price !== undefined) {
const priceValue = parseFloat(newItem.price);
if (!isNaN(priceValue)) {
// 乘以10000
newItem.price = priceValue * 10000;
}
}
}
return newItem;
});
if (assignIfChanged([], rdMaterialCostRef.value?.materialData, oriRdBudgetMaterialCostList.value).length) {
budgetForm.erpRdBudgetMaterialCostList = rdMaterialCostRef.value?.materialData || [];
}
// 差旅、会议、交流成本
const travelMeetingExchangeRef = rdTravelMeetingExchangeRef.value;
if (assignIfChanged([], travelMeetingExchangeRef?.travelList, oriRdBudgetTravelCostList.value).length) {
budgetForm.erpRdBudgetTravelCostList = travelMeetingExchangeRef?.travelList || [];
}
if (assignIfChanged([], travelMeetingExchangeRef?.meetingList, oriRdBudgetMeetingCostList.value).length) {
budgetForm.erpRdBudgetMeetingCostList = travelMeetingExchangeRef?.meetingList || [];
}
if (assignIfChanged([], travelMeetingExchangeRef?.exchangeList, oriRdBudgetExchangeCostList.value).length) {
budgetForm.erpRdBudgetExchangeCostList = travelMeetingExchangeRef?.exchangeList || [];
// 人工成本
if (assignIfChanged([], rdLaborServiceRef.value?.laborList, oriRdBudgetLaborCostList.value).length) {
budgetForm.erpRdBudgetLaborCostList = rdLaborServiceRef.value?.laborList || [];
}
// 技术成本
const laborServiceRef = rdLaborServiceRef.value;
budgetForm.erpRdBudgetTechCostList = [
...assignIfChanged([], laborServiceRef?.techConsultList, oriRdBudgetTechConsultCostList.value),
...assignIfChanged([], laborServiceRef?.expertMeetingList, oriRdBudgetExpertMeetingCostList.value),
...assignIfChanged([], laborServiceRef?.expertCommList, oriRdBudgetExpertCommCostList.value)
// 差旅费成本
budgetForm.erpRdBudgetTravelCostList = [
...assignIfChanged([], rdTravelMeetingExchangeRef.value?.travelList, oriRdBudgetTravelCostList.value),
...assignIfChanged([], rdTravelMeetingExchangeRef.value?.transportationList, oriRdBudgetTransportationCostList.value)
];
// 劳务成本
budgetForm.erpRdBudgetLaborCostList = [
...assignIfChanged([], laborServiceRef?.laborList, oriRdBudgetLaborCostList.value),
...assignIfChanged([], laborServiceRef?.serviceList, oriRdBudgetServiceCostList.value)
];
// 文献成本
const literatureCostRef = rdLiteratureCostRef.value;
budgetForm.erpRdBudgetLiteratureCostList = [
...assignIfChanged([], literatureCostRef?.materialsList, oriRdBudgetLiteratureMaterialCostList.value),
...assignIfChanged([], literatureCostRef?.softwareList, oriRdBudgetLiteratureSofwareCostList.value),
literatureCostRef?.literatureRetrieval || {}
].filter((item) => Object.keys(item).length > 0);
// 测试成本
// 测试化验加工成本
if (assignIfChanged([], rdTestingCostRef.value?.testData, oriRdBudgetTestingCostList.value).length) {
budgetForm.erpRdBudgetTestingCostList = rdTestingCostRef.value?.testData || [];
}
// 咨询费、设计费
budgetForm.erpRdBudgetTechCostList = [
...assignIfChanged([], rdTechCostRef.value?.techConsultList, oriRdBudgetTechConsultCostList.value),
...assignIfChanged([], rdTechCostRef.value?.expertMeetingList, oriRdBudgetExpertMeetingCostList.value),
...assignIfChanged([], rdTechCostRef.value?.expertCommList, oriRdBudgetExpertCommCostList.value)
];
// 其他成本
if (assignIfChanged([], rdOtherCostRef.value?.otherCostList, oriRdBudgetOtherCostList.value).length) {
budgetForm.erpRdBudgetOtherCostList = rdOtherCostRef.value?.otherCostList || [];
@ -860,24 +707,19 @@ const processRdCostData = (budgetForm: budgetInfoForm) => {
// 设置研发删除列表
const setRdToDeletedLists = (budgetForm: budgetInfoForm) => {
const refs = {
equipment: rdEquipmentCostRef.value,
material: rdMaterialCostRef.value,
travelMeetingExchange: rdTravelMeetingExchangeRef.value,
laborService: rdLaborServiceRef.value,
literature: rdLiteratureCostRef.value,
testing: rdTestingCostRef.value,
tech: rdTechCostRef.value,
other: rdOtherCostRef.value
};
budgetForm.toDeletedRdEquipmentCostIdList = refs.equipment?.toDeletedEquipmentCostIdList;
budgetForm.toDeletedRdMaterialCostIdList = refs.material?.toDeletedMaterialCostIdList;
budgetForm.toDeletedRdTravelCostIdList = refs.travelMeetingExchange?.toDeletedTravelCostIdList;
budgetForm.toDeletedRdMeetingCostIdList = refs.travelMeetingExchange?.toDeletedMeetingCostIdList;
budgetForm.toDeletedRdExchangeCostIdList = refs.travelMeetingExchange?.toDeletedExchangeCostIdList;
budgetForm.toDeletedRdTechCostIdList = refs.laborService?.toDeletedTechCostIdList;
budgetForm.toDeletedRdLaborCostIdList = refs.laborService?.toDeletedLaborCostIdList;
budgetForm.toDeletedRdLiteratureCostIdList = refs.literature?.toDeletedLiteratureCostIdList;
budgetForm.toDeletedRdTravelCostIdList = refs.travelMeetingExchange?.toDeletedTravelCostIdList;
budgetForm.toDeletedRdTestingCostIdList = refs.testing?.toDeletedTestCostIdList;
budgetForm.toDeletedRdTechCostIdList = refs.tech?.toDeletedTechCostIdList;
budgetForm.toDeletedRdOtherCostIdList = refs.other?.toDeletedOtherCostIdList;
};
@ -931,14 +773,10 @@ const budgetId = ref();
// 定义不同类型的主键字段映射
const PRIMARY_KEY_MAP = {
// 研发预算相关
erpRdBudgetEquipmentCostList: 'equipmentCostId',
erpRdBudgetMaterialCostList: 'materialCostId',
erpRdBudgetTravelCostList: 'travelCostId',
erpRdBudgetMeetingCostList: 'meetingCostId',
erpRdBudgetExchangeCostList: 'exchangeCostId',
erpRdBudgetTechCostList: 'techCostId',
erpRdBudgetLaborCostList: 'laborCostId',
erpRdBudgetLiteratureCostList: 'literatureCostId',
erpRdBudgetTestingCostList: 'testingCostId',
erpRdBudgetOtherCostList: 'otherCostId',
@ -973,16 +811,22 @@ async function loadBudgetData() {
await getUsers();
if (!budgetId.value || !['update', 'view', 'approval'].includes(routeParams.value.type as string)) {
handleAddMode();
return;
await handleAddMode();
} else {
await handleLoadMode();
}
await handleLoadMode();
loading.value = false;
}
function handleAddMode() {
async function handleAddMode() {
searchForm.projectCategory = routeParams.value.projectCategory;
queryParams.value.projectCategory = searchForm.projectCategory;
if (isRdOrPreProductionCategory()) {
const rdBudgetDefinitionListData = await getRdBudgetDefinitionList();
if (rdBudgetDefinitionRef.value.budgetDefinitionData) {
rdBudgetDefinitionRef.value.budgetDefinitionData = rdBudgetDefinitionListData.data;
}
}
}
async function handleLoadMode() {
@ -1022,47 +866,15 @@ async function handleRdOrPreProductionData(data: any) {
initOriginalRdData(data);
}
// 分组数据
const groupedMaterialData = groupByField(data.erpRdBudgetMaterialCostList, 'materialType');
groupedMaterialData[MATERIAL_TYPE.OTHER] = groupedMaterialData[MATERIAL_TYPE.OTHER].map(item => {
return {
...item,
unitPrice: undefined,
amount: undefined,
unitId: undefined,
// 转换为万元显示
price: item.price ? (item.price / 10000).toFixed(2) : ''
};
});
const groupedTechData = groupByField(data.erpRdBudgetTechCostList, 'techType');
const groupedLaborData = groupByField(data.erpRdBudgetLaborCostList, 'laborType');
const groupedLiteratureData = groupByField(data.erpRdBudgetLiteratureCostList, 'literatureType');
const groupedTravelData = groupByField(data.erpRdBudgetTravelCostList, 'tripType');
// 获取并处理分类数据
const categorizedData = {
rdBudgetMainMaterialCostList: handleChangeTypeIds(groupedMaterialData[MATERIAL_TYPE.MAIN] || [], 'erpRdBudgetMaterialCostList', isChangeType),
rdBudgetOtherMaterialCostList: handleChangeTypeIds(groupedMaterialData[MATERIAL_TYPE.OTHER] || [], 'erpRdBudgetMaterialCostList', isChangeType),
rdBudgetTravelCostList: handleChangeTypeIds(groupedTravelData[TRIP_TYPE.TRAVEL] || [], 'erpRdBudgetTravelCostList', isChangeType),
rdBudgetTransportationCostList: handleChangeTypeIds(groupedTravelData[TRIP_TYPE.TRANSPORTATION] || [], 'erpRdBudgetTravelCostList', isChangeType),
rdBudgetTechConsultCostList: handleChangeTypeIds(groupedTechData[TECH_TYPE.TECH_CONSULT] || [], 'erpRdBudgetTechCostList', isChangeType),
rdBudgetExpertMeetingCostList: handleChangeTypeIds(groupedTechData[TECH_TYPE.EXPERT_MEETING] || [], 'erpRdBudgetTechCostList', isChangeType),
rdBudgetExpertCommCostList: handleChangeTypeIds(groupedTechData[TECH_TYPE.EXPERT_COMM] || [], 'erpRdBudgetTechCostList', isChangeType),
rdBudgetLaborCostList: handleChangeTypeIds(groupedLaborData[LABOR_TYPE.LABOR] || [], 'erpRdBudgetLaborCostList', isChangeType),
rdBudgetServiceCostList: handleChangeTypeIds(groupedLaborData[LABOR_TYPE.SERVICE] || [], 'erpRdBudgetLaborCostList', isChangeType),
rdBudgetLiteratureMaterialCostList: handleChangeTypeIds(
groupedLiteratureData[LITERATURE_TYPE.MATERIAL] || [],
'erpRdBudgetLiteratureCostList',
isChangeType
),
rdBudgetLiteratureSoftwareCostList: handleChangeTypeIds(
groupedLiteratureData[LITERATURE_TYPE.SOFTWARE] || [],
'erpRdBudgetLiteratureCostList',
isChangeType
),
rdBudgetLiteratureRetrievalCostList: handleChangeTypeIds(
groupedLiteratureData[LITERATURE_TYPE.DOCUMENT] || [],
'erpRdBudgetLiteratureCostList',
isChangeType
)
rdBudgetExpertCommCostList: handleChangeTypeIds(groupedTechData[TECH_TYPE.EXPERT_COMM] || [], 'erpRdBudgetTechCostList', isChangeType)
};
await nextTick();
@ -1152,36 +964,27 @@ function groupByField(array: any[], field: string): Record<string, any[]> {
function initOriginalRdData(data: any) {
// 只保存原始数据，不处理变更逻辑
oriRdBudgetEquipmentCostList.value = deepClone(data.erpRdBudgetEquipmentCostList);
oriRdBudgetMaterialCostList.value = deepClone(data.erpRdBudgetMaterialCostList);
oriRdBudgetTravelCostList.value = deepClone(data.erpRdBudgetTravelCostList);
oriRdBudgetMeetingCostList.value = deepClone(data.erpRdBudgetMeetingCostList);
oriRdBudgetExchangeCostList.value = deepClone(data.erpRdBudgetExchangeCostList);
oriRdBudgetLaborCostList.value = deepClone(data.erpRdBudgetLaborCostList);
oriRdBudgetTestingCostList.value = deepClone(data.erpRdBudgetTestingCostList);
oriRdBudgetOtherCostList.value = deepClone(data.erpRdBudgetOtherCostList);
// 处理分组后的数据
// 处理差旅费分组后的数据
if (data.erpRdBudgetTravelCostList) {
const groupedTravelData = groupByField(data.erpRdBudgetTravelCostList, 'tripType');
oriRdBudgetTravelCostList.value = deepClone(groupedTravelData[TRIP_TYPE.TRAVEL] || []);
oriRdBudgetTransportationCostList.value = deepClone(groupedTravelData[TRIP_TYPE.TRANSPORTATION] || []);
}
// 处理咨询费分组后的数据
if (data.erpRdBudgetTechCostList) {
const groupedTechData = groupByField(data.erpRdBudgetTechCostList, 'techType');
oriRdBudgetTechConsultCostList.value = deepClone(groupedTechData[TECH_TYPE.TECH_CONSULT] || []);
oriRdBudgetExpertMeetingCostList.value = deepClone(groupedTechData[TECH_TYPE.EXPERT_MEETING] || []);
oriRdBudgetExpertCommCostList.value = deepClone(groupedTechData[TECH_TYPE.EXPERT_COMM] || []);
}
if (data.erpRdBudgetLaborCostList) {
const groupedLaborData = groupByField(data.erpRdBudgetLaborCostList, 'laborType');
oriRdBudgetLaborCostList.value = deepClone(groupedLaborData[LABOR_TYPE.LABOR] || []);
oriRdBudgetServiceCostList.value = deepClone(groupedLaborData[LABOR_TYPE.SERVICE] || []);
}
if (data.erpRdBudgetLiteratureCostList) {
const groupedLiteratureData = groupByField(data.erpRdBudgetLiteratureCostList, 'literatureType');
oriRdBudgetLiteratureMaterialCostList.value = deepClone(groupedLiteratureData[LITERATURE_TYPE.MATERIAL] || []);
oriRdBudgetLiteratureSofwareCostList.value = deepClone(groupedLiteratureData[LITERATURE_TYPE.SOFTWARE] || []);
}
}
// 修改 initOriginalMarketData 函数，移除 isChangeType 参数
function initOriginalMarketData(data: any) {
// 只保存原始数据，不处理变更逻辑
oriBudgetMaterialCostList.value = deepClone(data.erpBudgetMaterialCostList);
@ -1191,14 +994,18 @@ function initOriginalMarketData(data: any) {
oriBudgetOtherCostList.value = deepClone(data.erpBudgetOtherCostList);
}
// 研发数据赋值到组件（保持不变）
// 研发数据赋值到组件
function assignRdDataToComponents(data: any, categorizedData: any, isChangeType: boolean) {
if (!rdBudgetTableRef.value) return;
// 处理基础表单数据 - 如果是变更类型，清空预算ID
const formData = isChangeType ? processFormDataForChange(data, 'budgetId') : data;
Object.assign(rdBudgetTableRef.value.rdBudgetInfoForm, formData);
Object.assign(rdBudgetTableRef.value.footerForm, formData);
// 预算编制标准说明数据
if (rdBudgetDefinitionRef.value.budgetDefinitionData) {
rdBudgetDefinitionRef.value.budgetDefinitionData = data.budgetDefinitionDTOList;
}
// 处理预算明细数据
const budgetDetailList = isChangeType
@ -1210,101 +1017,36 @@ function assignRdDataToComponents(data: any, categorizedData: any, isChangeType:
rdBudgetTableRef.value.budgetDetailData = budgetDetailList;
}
// 设备费数据 - 如果是变更类型，直接从 categorizedData 获取；否则从 ori 获取
const equipmentData = isChangeType
? handleChangeTypeIds(data.erpRdBudgetEquipmentCostList, 'erpRdBudgetEquipmentCostList', true)
: oriRdBudgetEquipmentCostList.value;
if (rdEquipmentCostRef.value?.equipmentData) {
rdEquipmentCostRef.value.equipmentData = deepClone(equipmentData);
}
// 材料费数据
if (rdMaterialCostRef.value) {
// 主要材料
if (rdMaterialCostRef.value.materialData) {
rdMaterialCostRef.value.materialData = deepClone(categorizedData.rdBudgetMainMaterialCostList);
}
const materialData = isChangeType
? handleChangeTypeIds(data.erpRdBudgetMaterialCostList, 'erpRdBudgetMaterialCostList', true)
: oriRdBudgetMaterialCostList.value;
// 其他材料（单个对象）
if (categorizedData.rdBudgetOtherMaterialCostList.length > 0) {
rdMaterialCostRef.value.otherMaterial = deepClone(categorizedData.rdBudgetOtherMaterialCostList[0]);
}
if (rdMaterialCostRef.value?.materialData) {
rdMaterialCostRef.value.materialData = deepClone(materialData);
}
// 差旅/会议/交流费数据
if (rdTravelMeetingExchangeRef.value) {
// 差旅费
const travelData = isChangeType
? handleChangeTypeIds(data.erpRdBudgetTravelCostList, 'erpRdBudgetTravelCostList', true)
: oriRdBudgetTravelCostList.value;
if (rdTravelMeetingExchangeRef.value.travelList) {
rdTravelMeetingExchangeRef.value.travelList = deepClone(travelData);
}
// 会议费
const meetingData = isChangeType
? handleChangeTypeIds(data.erpRdBudgetMeetingCostList, 'erpRdBudgetMeetingCostList', true)
: oriRdBudgetMeetingCostList.value;
if (rdTravelMeetingExchangeRef.value.meetingList) {
rdTravelMeetingExchangeRef.value.meetingList = deepClone(meetingData);
}
// 交流费
const exchangeData = isChangeType
? handleChangeTypeIds(data.erpRdBudgetExchangeCostList, 'erpRdBudgetExchangeCostList', true)
: oriRdBudgetExchangeCostList.value;
if (rdTravelMeetingExchangeRef.value.exchangeList) {
rdTravelMeetingExchangeRef.value.exchangeList = deepClone(exchangeData);
}
}
// 劳务/服务费数据
// 人工费
const laborData = isChangeType
? handleChangeTypeIds(data.erpRdBudgetLaborCostList, 'erpRdBudgetLaborCostList', true)
: oriRdBudgetLaborCostList.value;
if (rdLaborServiceRef.value) {
// 技术咨询费
if (rdLaborServiceRef.value.techConsultList) {
rdLaborServiceRef.value.techConsultList = deepClone(categorizedData.rdBudgetTechConsultCostList);
}
// 专家咨询会议形式
if (rdLaborServiceRef.value.expertMeetingList) {
rdLaborServiceRef.value.expertMeetingList = deepClone(categorizedData.rdBudgetExpertMeetingCostList);
}
// 专家咨询通讯形式
if (rdLaborServiceRef.value.expertCommList) {
rdLaborServiceRef.value.expertCommList = deepClone(categorizedData.rdBudgetExpertCommCostList);
}
// 人工费
if (rdLaborServiceRef.value.laborList) {
rdLaborServiceRef.value.laborList = deepClone(categorizedData.rdBudgetLaborCostList);
}
// 劳务费
if (rdLaborServiceRef.value.serviceList) {
rdLaborServiceRef.value.serviceList = deepClone(categorizedData.rdBudgetServiceCostList);
rdLaborServiceRef.value.laborList = deepClone(laborData);
}
}
// 资料/软件/文献检索费数据
if (rdLiteratureCostRef.value) {
// 资料费
if (rdLiteratureCostRef.value.materialsList) {
rdLiteratureCostRef.value.materialsList = deepClone(categorizedData.rdBudgetLiteratureMaterialCostList);
// 差旅费数据
if (rdTravelMeetingExchangeRef.value) {
// 差旅费
if (rdTravelMeetingExchangeRef.value.travelList) {
rdTravelMeetingExchangeRef.value.travelList = deepClone(categorizedData.rdBudgetTravelCostList);
}
// 专用软件购买费
if (rdLiteratureCostRef.value.softwareList) {
rdLiteratureCostRef.value.softwareList = deepClone(categorizedData.rdBudgetLiteratureSoftwareCostList);
}
// 文献检索费（单个对象）
if (rdLiteratureCostRef.value.literatureRetrieval && categorizedData.rdBudgetLiteratureRetrievalCostList.length > 0) {
rdLiteratureCostRef.value.literatureRetrieval = deepClone(categorizedData.rdBudgetLiteratureRetrievalCostList[0]);
// 交通费
if (rdTravelMeetingExchangeRef.value.transportationList) {
rdTravelMeetingExchangeRef.value.transportationList = deepClone(categorizedData.rdBudgetTransportationCostList);
}
}
@ -1317,6 +1059,24 @@ function assignRdDataToComponents(data: any, categorizedData: any, isChangeType:
rdTestingCostRef.value.testData = deepClone(testingData);
}
// 咨询费、设计费
if (rdTechCostRef.value) {
// 技术咨询费
if (rdTechCostRef.value.techConsultList) {
rdTechCostRef.value.techConsultList = deepClone(categorizedData.rdBudgetTechConsultCostList);
}
// 专家咨询会议形式
if (rdTechCostRef.value.expertMeetingList) {
rdTechCostRef.value.expertMeetingList = deepClone(categorizedData.rdBudgetExpertMeetingCostList);
}
// 专家咨询通讯形式
if (rdTechCostRef.value.expertCommList) {
rdTechCostRef.value.expertCommList = deepClone(categorizedData.rdBudgetExpertCommCostList);
}
}
// 其他费用数据
const otherData = isChangeType
? handleChangeTypeIds(data.erpRdBudgetOtherCostList, 'erpRdBudgetOtherCostList', true)
@ -1373,21 +1133,16 @@ function deepClone<T>(obj: T): T {
import SubmitVerify from '@/components/Process/submitVerify.vue';
import ApprovalRecord from '@/components/Process/approvalRecord.vue';
import ApprovalButton from '@/components/Process/approvalButton.vue';
import { getContractInfo } from '@/api/oa/erp/contractInfo';
import { budgetMaterialCostVO } from '@/api/oa/erp/budgetInfo/market/budgetMaterialCost/types';
import { budgetLaborCostVO } from '@/api/oa/erp/budgetInfo/market/budgetLaborCost/types';
import { budgetInstallCostVO } from '@/api/oa/erp/budgetInfo/market/budgetInstallCost/types';
import { budgetTravelCostVO } from '@/api/oa/erp/budgetInfo/market/budgetTravelCost/types';
import { budgetOtherCostVO } from '@/api/oa/erp/budgetInfo/market/budgetOtherCost/types';
import { budgetInfoForm } from '@/api/oa/erp/budgetInfo/types';
import { rdBudgetEquipmentCostVO } from '@/api/oa/erp/budgetInfo/rd/rdBudgetEquipmentCost/types';
import { rdBudgetMaterialCostVO } from '@/api/oa/erp/budgetInfo/rd/rdBudgetMaterialCost/types';
import { rdBudgetTravelCostVO } from '@/api/oa/erp/budgetInfo/rd/rdBudgetTravelCost/types';
import { rdBudgetMeetingCostVO } from '@/api/oa/erp/budgetInfo/rd/rdBudgetMeetingCost/types';
import { rdBudgetExchangeCostVO } from '@/api/oa/erp/budgetInfo/rd/rdBudgetExchangeCost/types';
import { rdBudgetTechCostVO } from '@/api/oa/erp/budgetInfo/rd/rdBudgetTechCost/types';
import { rdBudgetLaborCostVO } from '@/api/oa/erp/budgetInfo/rd/rdBudgetLaborCost/types';
import { rdBudgetLiteratureCostVO } from '@/api/oa/erp/budgetInfo/rd/rdBudgetLiteratureCost/types';
import { rdBudgetTestingCostVO } from '@/api/oa/erp/budgetInfo/rd/rdBudgetTestingCost/types';
import { rdBudgetOtherCostVO } from '@/api/oa/erp/budgetInfo/rd/rdBudgetOtherCost/types';
import { UserVO } from '@/api/system/user/types';

39
src/views/oa/erp/budgetInfo/rd/BudgetDefinition.vue
Unescape Escape View File

@ -0,0 +1,39 @@
<template>
<div class="budget-table-container">
<el-table :data="budgetDefinitionData" style="width: 100%">
<el-table-column prop="serialNumber" label="序号" width="80" />
<el-table-column prop="subjectName" label="预算科目名称" width="200">
<template #default="scope">
<span :style="{ color: scope.row.subjectFlag === '2' ? 'red' : '' }">
{{ scope.row.subjectName }}
</span>
</template>
</el-table-column>
<el-table-column prop="subjectDefinition" label="预算科目定义" min-width="380">
<template #default="scope">
<div style="white-space: pre-line">
{{ scope.row.subjectDefinition }}
</div>
</template>
</el-table-column>
</el-table>
</div>
</template>
<script setup lang="ts">
import { ref } from 'vue';
// 响应式数据
const budgetDefinitionData = ref([]);
// 暴露方法给父组件
defineExpose({
budgetDefinitionData
});
</script>
<style scoped>
.budget-table-container {
padding: 20px;
}
</style>

210
src/views/oa/erp/budgetInfo/rd/BudgetTable.vue
Unescape Escape View File

@ -1,7 +1,5 @@
<template>
<div class="budget-table-container">
<h2 class="title-center">项目经费预算表</h2>
<el-form :model="rdBudgetInfoForm" label-width="120px" class="mb-4">
<el-row :gutter="20">
<el-col :span="12">
@ -14,6 +12,11 @@
<el-input v-model="rdBudgetInfoForm.projectCode" disabled />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="编制日期">
<el-date-picker v-model="rdBudgetInfoForm.preparationDate" format="YYYY-MM-DD" size="large" style="width:100%"/>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="项目预算期间">
<el-input v-model="rdBudgetInfoForm.duringOperation" />
@ -24,57 +27,76 @@
<el-input v-model="rdBudgetInfoForm.unitName" disabled value="万元" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="项目经理">
<el-select v-model="rdBudgetInfoForm.managerId" filterable placeholder="请选择项目经理" clearable>
<el-option v-for="item in userList" :key="item.userId" :label="item.nickName" :value="item.userId"></el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="部门负责人">
<el-select v-model="rdBudgetInfoForm.productManagerId" filterable placeholder="请选择部门负责人" clearable>
<el-option v-for="item in userList" :key="item.userId" :label="item.nickName" :value="item.userId"></el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="财务负责人">
<el-select v-model="rdBudgetInfoForm.approveUserId" filterable placeholder="请选择财务负责人" clearable>
<el-option v-for="item in userList" :key="item.userId" :label="item.nickName" :value="item.userId"></el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
</el-form>
<el-table :data="budgetDetailData" style="width: 100%" border show-summary :summary-method="getSummaries">
<el-table
:data="budgetDetailData"
style="width: 100%"
border
show-summary
:summary-method="
() => {
const cols = ['', '合计(万元)', '', '', ''];
cols[cols.length - 3] = formatNumber(totalAmount);
cols[cols.length - 2] = formatNumber(totalProportion) + '%';
return cols;
}
"
>
<el-table-column prop="sortOrder" label="序号" width="80" />
<el-table-column prop="budgetItem" label="预算科目名称" />
<el-table-column prop="budgetCost" label="项目经费" width="260" align="right">
<el-table-column prop="budgetItem" label="预算科目名称" min-width="180" />
<el-table-column prop="budgetCost" label="项目经费" width="200">
<template #default="scope">
<span>{{ formatNumber(scope.row.budgetCost) }}</span>
</template>
</el-table-column>
<el-table-column prop="budgetCostProportion" label="项目经费占比" width="200">
<template #default="scope">
<span>{{ computeBudgetCostProportion(scope.row) }}%</span>
</template>
</el-table-column>
<el-table-column prop="detailSource" label="数据来源" width="360">
<template #default="scope">
<el-input v-model="scope.row.detailSource" />
</template>
</el-table-column>
</el-table>
<el-form :model="footerForm" label-width="160px" class="mt-4">
<el-row>
<el-col :span="12">
<el-form-item label="编制（项目经理）">
<el-select v-model="footerForm.managerId" filterable placeholder="请选择项目经理" clearable>
<el-option v-for="item in userList" :key="item.userId" :label="item.nickName" :value="item.userId"></el-option>
</el-select>
<!-- <el-select-->
<!-- v-model="footerForm.managerId"-->
<!-- placeholder="请选择项目经理"-->
<!-- filterable-->
<!-- clearable-->
<!-- :filter-method="(query) => (creatorSearchQuery = query)"-->
<!-- :remote="false"-->
<!-- >-->
<!-- <el-option v-for="user in filteredCreatorList" :key="user.id" :label="formatUserDisplay(user)" :value="user.name">-->
<!-- <div class="flex items-center">-->
<!-- <span class="mr-2">{{ user.department }}</span>-->
<!-- <span>{{ user.name }}</span>-->
<!-- </div>-->
<!-- </el-option>-->
<!-- </el-select>-->
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="审核(评审组长)">
<el-select v-model="footerForm.approveUserId" filterable placeholder="请选择评审组长" clearable>
<el-option v-for="item in userList" :key="item.userId" :label="item.nickName" :value="item.userId"></el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
</el-form>
<div class="mt-4 bg-gray-50 p-3 rounded text-left font-semibold">
<p>注： 序号1-7由表二到表七的数据自动链接生成，不需手动填写。 </p>
</div>
</div>
</template>
<script setup lang="ts">
import { ref, reactive, onMounted, computed, watch } from 'vue';
import { budgetInfoVO } from '@/api/oa/erp/budgetInfo/types';
// 响应式数据
// 表单数据
const rdBudgetInfoForm = reactive({
@ -107,10 +129,6 @@ const rdBudgetInfoForm = reactive({
remark: undefined
});
const footerForm = reactive({
managerId: '',
approveUserId: ''
});
// 格式化数字,元转换为万元
const formatNumber = (value: number) => {
@ -118,6 +136,18 @@ const formatNumber = (value: number) => {
return parseFloat(value).toFixed(2);
};
const computeBudgetCostProportion = (row: budgetInfoVO) => {
const budgetCost = Number(row.budgetCost) || 0;
const totalBudgetCost = Number(totalAmount.value) || 0;
// 计算百分比
let percentage = 0;
if (totalBudgetCost > 0) {
percentage = (budgetCost / totalBudgetCost) * 100;
}
return percentage.toFixed(2);
};
// 格式化数字,元转换为万元
const format2TenThousandNumber = (value: number) => {
if (!value) return '0.00';
@ -131,64 +161,35 @@ const formatUserDisplay = (user) => {
// 预算数据
const budgetDetailData = ref([
{ sortOrder: 1, budgetItem: '设备费', budgetCost: 0 },
{ sortOrder: 2, budgetItem: '材料费', budgetCost: 0 },
{ sortOrder: 1, budgetItem: '材料费', budgetCost: 0 },
{ sortOrder: 2, budgetItem: '人工费', budgetCost: 0 },
{ sortOrder: 3, budgetItem: '差旅费', budgetCost: 0 },
{ sortOrder: 4, budgetItem: '会议费', budgetCost: 0 },
{ sortOrder: 5, budgetItem: '国际合作与交流费', budgetCost: 0 },
{ sortOrder: 6, budgetItem: '咨询开发费', budgetCost: 0 },
{ sortOrder: 7, budgetItem: '人工费', budgetCost: 0 },
{ sortOrder: 8, budgetItem: '劳务费', budgetCost: 0 },
{ sortOrder: 9, budgetItem: '资料/文献费', budgetCost: 0 },
{ sortOrder: 10, budgetItem: '测试化验费', budgetCost: 0 },
{ sortOrder: 11, budgetItem: '其他费用', budgetCost: 0 }
{ sortOrder: 4, budgetItem: '测试化验加工费', budgetCost: 0 },
{ sortOrder: 5, budgetItem: '专家咨询费用', budgetCost: 0 },
{ sortOrder: 6, budgetItem: '新产品设计费', budgetCost: 0 },
{ sortOrder: 7, budgetItem: '其他费用', budgetCost: 0 }
]);
// 计算合计
const totalAmount = computed(() => {
return budgetDetailData.value.slice(0, -1).reduce((sum, item) => sum + Number(item.budgetCost), 0);
return budgetDetailData.value.reduce((sum, item) => {
const budgetCost = Number(item.budgetCost) || 0;
const formattedAmount = parseFloat(budgetCost.toFixed(2));
return sum + formattedAmount;
}, 0);
});
// 更新费用项
const updateCostItem = (subject, amount) => {
const index = budgetDetailData.value.findIndex((item) => item.budgetItem === subject);
if (index !== -1) {
// 使用展开运算符创建新对象，确保响应式更新
const updatedItem = { ...budgetDetailData.value[index], amount: amount };
budgetDetailData.value.splice(index, 1, updatedItem);
// 确保合计行也被正确更新
const totalIndex = budgetDetailData.value.length - 1;
const totalRow = { ...budgetDetailData.value[totalIndex], amount: totalAmount.value };
budgetDetailData.value.splice(totalIndex, 1, totalRow);
}
};
// 更新所有费用数据
const updateCostData = (costData) => {
// 设备费
updateCostItem('设备费', costData.equipmentCost || 0);
// 材料费
updateCostItem('材料费', costData.materialCost || 0);
// 差旅费
updateCostItem('差旅费', costData.travelCost || 0);
// 会议费
updateCostItem('会议费', costData.meetingCost || 0);
// 国际合作与交流费
updateCostItem('国际合作与交流费', costData.internationalExchangeCost || 0);
// 咨询开发费
updateCostItem('咨询开发费', costData.consultingDevelopmentCost || 0);
// 人工费
updateCostItem('人工费', costData.laborCost || 0);
// 劳务费
updateCostItem('劳务费', costData.serviceCost || 0);
// 资料/文献费
updateCostItem('资料/文献费', costData.literatureCost || 0);
// 测试化验费
updateCostItem('测试化验费', costData.testingCost || 0);
// 其他费用
updateCostItem('其他费用', costData.otherCost || 0);
};
const totalProportion = computed(() => {
return budgetDetailData.value.reduce((sum, item) => {
const budgetCost = Number(item.budgetCost) || 0;
const formattedAmount = parseFloat(budgetCost.toFixed(2));
let percentage = 0;
if (totalAmount.value > 0) {
percentage = (budgetCost / totalAmount.value) * 100;
}
return sum + percentage;
}, 0);
});
// 更新预算数据的方法（供父组件调用）
const updateRdBudgetDetailData = (type: string, budgetCost: number) => {
@ -225,15 +226,6 @@ watch(
{ deep: true, immediate: true }
);
// 获取预算数据
const getBudgetData = () => {
return {
rdBudgetInfoForm: { ...rdBudgetInfoForm },
footerForm: { ...footerForm },
budgetData: budgetDetailData.value.map((item) => ({ ...item }))
};
};
// 表格合计方法
const getSummaries = ({ columns, data }: any) => {
const sums: any[] = [];
@ -242,7 +234,7 @@ const getSummaries = ({ columns, data }: any) => {
sums[index] = '合计(万元)';
return;
}
if (column.property === 'budgetCost') {
if (column.property === 'budgetCost' || column.property === 'budgetCostProportion') {
const values = data.map((item: any) => Number(item[column.property]) || 0);
sums[index] = values.reduce((prev: number, curr: number) => {
const value = Number(curr);
@ -252,8 +244,12 @@ const getSummaries = ({ columns, data }: any) => {
return prev;
}
}, 0);
sums[index] = formatNumber(sums[index]);
rdBudgetInfoForm.budgetCost = sums[index];
if (column.property === 'budgetCost') {
sums[index] = formatNumber(sums[index]);
rdBudgetInfoForm.budgetCost = sums[index];
} else {
sums[index] = formatNumber(sums[index]) + '%';
}
} else {
sums[index] = '';
}
@ -263,12 +259,10 @@ const getSummaries = ({ columns, data }: any) => {
// 暴露方法给父组件
defineExpose({
updateCostItem,
updateCostData,
updateRdBudgetDetailData,
budgetDetailData,
rdBudgetInfoForm,
footerForm
totalAmount
});
</script>

261
src/views/oa/erp/budgetInfo/rd/EquipmentCost.vue
Unescape Escape View File

@ -1,261 +0,0 @@
<template>
<div class="equipment-cost-container">
<el-card class="table-card">
<template #header>
<div class="card-header">
<span>设备费明细</span>
<div class="flex items-center gap-2">
<span style="white-space: nowrap">行数:</span>
<el-input-number v-model="addRowCount" :min="1" :max="10" size="small" style="width: 80px" />
<el-button type="primary" size="small" @click="handleAddRow">
<el-icon>
<Plus />
</el-icon>
添加
</el-button>
<el-button type="danger" size="small" @click="handleBatchDelete" :disabled="selectedRows.length === 0">
<el-icon>
<Delete />
</el-icon>
删除
</el-button>
</div>
</div>
</template>
<el-table
:data="equipmentData"
border
style="width: 100%"
show-summary
:summary-method="getSummaries"
@selection-change="handleSelectionChange"
>
<el-table-column type="selection" width="55" />
<el-table-column prop="sortOrder" label="序号" width="80" align="center" />
<el-table-column prop="equipmentName" label="设备名称" min-width="200">
<template #default="scope">
<el-input
v-model="scope.row.equipmentName"
placeholder="请输入设备名称"
:data-row-index="equipmentData.findIndex((item) => item.sortOrder === scope.row.sortOrder)"
/>
</template>
</el-table-column>
<el-table-column prop="equipmentSpec" label="设备型号" min-width="280">
<template #default="scope">
<el-input v-model="scope.row.equipmentSpec" placeholder="请输入设备型号" />
</template>
</el-table-column>
<el-table-column prop="unitPrice" label="单价(元/台件)" width="180">
<template #default="scope">
<el-input-number v-model.number="scope.row.unitPrice" placeholder="单价" :min="0" :precision="2" @change="calculateAmount" />
</template>
</el-table-column>
<el-table-column prop="amount" label="数量(台件)" width="180">
<template #default="scope">
<el-input-number v-model.number="scope.row.amount" placeholder="数量" :min="0" :precision="2" @change="calculateAmount" />
</template>
</el-table-column>
<el-table-column prop="price" label="金额(万元)" width="120">
<template #default="scope">
{{ format2TenThousandNumber(scope.row.price) }}
</template>
</el-table-column>
<el-table-column label="操作" width="100" fixed="right">
<template #default="scope">
<el-button type="danger" size="small" @click="handleDelete(scope.$index, scope.row)" icon="Delete">删除</el-button>
</template>
</el-table-column>
</el-table>
</el-card>
</div>
</template>
<script setup lang="ts">
import { ref, reactive, watch } from 'vue';
import { ElMessage } from 'element-plus';
import { rdBudgetEquipmentCostVO } from '@/api/oa/erp/budgetInfo/rd/rdBudgetEquipmentCost/types';
// 接收项目ID作为props
const props = defineProps<{
projectId: string;
}>();
// 定义事件
const emit = defineEmits<{
update: [data: { equipmentCost: number }];
}>();
// 设备费数据
const equipmentData = ref<rdBudgetEquipmentCostVO[]>([]);
const toDeletedEquipmentCostIdList = ref([]);
// 选中的行
const selectedRows = ref<any[]>([]);
// 添加的行数
const addRowCount = ref(1);
// 格式化数字,元转换为万元
const formatNumber = (value: number) => {
if (!value) return '0.00';
return parseFloat(value).toFixed(2);
};
// 格式化数字,元转换为万元
const format2TenThousandNumber = (value: number) => {
if (!value) return '0.00';
return (parseFloat(value) / 10000).toFixed(2);
};
// 添加新行
const handleAddRow = () => {
const currentSortOrder = equipmentData.value && equipmentData.value.length > 0 ? Math.max(...equipmentData.value.map((item) => item.sortOrder)) : 0;
for (let i = 0; i < addRowCount.value; i++) {
equipmentData.value.push({
sortOrder: currentSortOrder + i + 1,
equipmentName: '',
equipmentSpec: '',
amount: undefined,
unitPrice: undefined,
price: 0
});
}
// 滚动到表格底部
setTimeout(() => {
const tableBody = document.querySelector('.el-table__body-wrapper');
if (tableBody) {
tableBody.scrollTop = tableBody.scrollHeight;
}
// 聚焦到第一个新增行的设备名称输入框
setTimeout(() => {
const inputElement = document.querySelector(`[data-row-index="${currentSortOrder}"]`);
if (inputElement) {
(inputElement as HTMLInputElement).focus();
}
}, 100);
}, 0);
};
// 处理选择变化
const handleSelectionChange = (rows: any[]) => {
selectedRows.value = rows;
};
// 删除单行
const handleDelete = (index: number, row: rdBudgetEquipmentCostVO) => {
equipmentData.value.splice(index, 1);
// 重新编号
equipmentData.value.forEach((item, index) => {
item.sortOrder = index + 1;
});
if (row.equipmentCostId) {
toDeletedEquipmentCostIdList.value.push(row.equipmentCostId);
}
};
// 批量删除
const handleBatchDelete = () => {
if (selectedRows.value.length === 0) {
ElMessage.warning('请选择要删除的行');
return;
}
selectedRows.value.forEach((selectedRow) => {
if (selectedRow.materialCostId) {
toDeletedEquipmentCostIdList.value.push(selectedRow.materialCostId);
}
});
equipmentData.value = equipmentData.value.filter((item) => !selectedRows.value.includes(item));
// 重新编号
equipmentData.value.forEach((item, index) => {
item.sortOrder = index + 1;
});
selectedRows.value = [];
// 重新计算总金额
};
// 计算单项金额
const calculateAmount = () => {
equipmentData.value.forEach((item) => {
item.price = Math.round((item.amount || 0) * (item.unitPrice || 0));
});
};
// 获取总金额（供父组件调用）
const getTotalAmount = () => {
const totalBudgetAmount = equipmentData.value.reduce((sum, item) => sum + (Number(item.price) || 0), 0);
return {
equipmentTotal: totalBudgetAmount
};
};
// 表格合计方法
const getSummaries = ({ columns, data }: any) => {
const sums: any[] = [];
columns.forEach((column: any, index: number) => {
if (index === 5) {
sums[index] = '合计';
return;
}
if (column.property === 'price') {
const values = data.map((item: any) => Number(item[column.property]) || 0);
sums[index] = values.reduce((prev: number, curr: number) => {
const value = Number(curr);
if (!Number.isNaN(value)) {
return prev + curr;
} else {
return prev;
}
}, 0);
sums[index] = format2TenThousandNumber(sums[index]);
} else {
sums[index] = '';
}
});
return sums;
};
// 刷新数据
const refreshData = () => {
if (props.projectId) {
}
};
// 重置数据
const resetData = () => {
equipmentData.value.splice(0, equipmentData.value.length);
};
// 暴露方法给父组件
defineExpose({
equipmentData,
toDeletedEquipmentCostIdList,
getTotalAmount
});
</script>
<style scoped>
.equipment-cost-container {
padding: 10px;
}
.table-card {
margin-bottom: 20px;
}
.card-header {
display: flex;
justify-content: space-between;
align-items: center;
}
:deep(.el-table__footer-wrapper) {
font-weight: 600;
}
</style>

711
src/views/oa/erp/budgetInfo/rd/LaborService.vue
Unescape Escape View File

@ -1,205 +1,5 @@
<template>
<div class="labor-service-container">
<!-- 技术服务费预算明细表 -->
<el-card class="mb-6">
<h3 class="text-lg font-medium mb-4">技术服务费预算明细表</h3>
<!-- 技术咨询开发 -->
<div class="mb-6">
<div class="flex items-center justify-between mb-3">
<h4 class="font-medium text-base">一、技术咨询开发</h4>
<div class="flex items-center gap-2">
<span class="text-sm" style="white-space: nowrap">行数:</span>
<el-input-number v-model="techAddRowCount" :min="1" :max="100" :step="1" size="small" />
<el-button type="primary" @click="confirmTechAdd" size="small">
<el-icon>
<Plus />
</el-icon>
添加
</el-button>
<el-button type="danger" @click="handleTechBatchDelete" size="small" :disabled="selectedTechRows.length === 0">
<el-icon>
<Delete />
</el-icon>
删除
</el-button>
</div>
</div>
<el-table v-loading="loading" :data="techConsultList" style="width: 100%" border @selection-change="handleTechSelectionChange">
<el-table-column type="selection" width="55" />
<el-table-column prop="sortOrder" label="序号" width="80" align="center" />
<el-table-column prop="techContent" label="内容" min-width="200">
<template #default="scope">
<el-input v-model="scope.row.techContent" placeholder="请输入咨询开发内容" />
</template>
</el-table-column>
<el-table-column prop="unitName" label="单位" width="160">
<template #default="scope">
<el-input v-model="scope.row.unitName" placeholder="请输入单位" />
</template>
</el-table-column>
<el-table-column prop="remark" label="备注" width="200">
<template #default="scope">
<el-input v-model="scope.row.remark" placeholder="请输入备注" />
</template>
</el-table-column>
<el-table-column prop="price" label="金额(万元)" width="160">
<template #default="scope">
<el-input-number v-model="scope.row.price" :min="0" :step="1" :precision="2" size="small" />
</template>
</el-table-column>
<el-table-column label="操作" width="120" fixed="right">
<template #default="scope">
<el-button type="danger" size="small" @click="handleTechDelete(scope.$index, scope.row)" icon="Delete">
删除
</el-button>
</template>
</el-table-column>
</el-table>
<!-- 技术咨询开发小计 -->
<div class="mt-0 bg-gray-50 p-2 rounded text-right font-medium border-t border-gray-200">小计: {{ techConsultSubtotal.toFixed(2) }} 万元</div>
</div>
<!-- 专家咨询 -->
<div>
<h4 class="font-medium text-base mb-3">二、专家咨询</h4>
<!-- 会议形式 -->
<div class="mb-6">
<div class="flex items-center justify-between mb-3 ml-4">
<h5 class="font-medium text-sm">1. 会议形式</h5>
<div class="flex items-center gap-2">
<span class="text-sm" style="white-space: nowrap">行数:</span>
<el-input-number v-model="expertMeetingAddRowCount" :min="1" :max="100" :step="1" size="small" />
<el-button type="primary" @click="confirmExpertMeetingAdd" size="small">
<el-icon>
<Plus />
</el-icon>
添加
</el-button>
<el-button type="danger" @click="handleExpertMeetingBatchDelete" size="small" :disabled="selectedExpertMeetingRows.length === 0">
<el-icon>
<Delete />
</el-icon>
删除
</el-button>
</div>
</div>
<el-table v-loading="loading" :data="expertMeetingList" style="width: 100%" border @selection-change="handleExpertMeetingSelectionChange">
<el-table-column type="selection" width="55" />
<el-table-column prop="sortOrder" label="序号" width="80" align="center" />
<el-table-column prop="techContent" label="内容" min-width="200">
<template #default="scope">
<el-input v-model="scope.row.techContent" placeholder="请输入咨询内容"/>
</template>
</el-table-column>
<el-table-column prop="peopleNumber" label="专家人数" width="150">
<template #default="scope">
<el-input-number
v-model="scope.row.peopleNumber"
:min="0"
:step="1"
:precision="0"
size="small"
@change="calculateExpertMeetingAmount"
/>
</template>
</el-table-column>
<el-table-column prop="days" label="天数" width="150">
<template #default="scope">
<el-input-number v-model="scope.row.days" :min="0" :step="1" :precision="2" size="small" @change="calculateExpertMeetingAmount" />
</template>
</el-table-column>
<el-table-column prop="price" label="金额(万元)" width="160">
<template #default="scope">
{{ format2TenThousandNumber(scope.row.price) }}
</template>
</el-table-column>
<el-table-column label="操作" width="120" fixed="right">
<template #default="scope">
<el-button type="danger" size="small" @click="handleExpertMeetingDelete(scope.$index, scope.row)" icon="Delete">
删除
</el-button>
</template>
</el-table-column>
</el-table>
<!-- 会议形式小计 -->
<div class="mt-0 bg-gray-50 p-2 rounded text-right font-medium border-t border-gray-200">
小计: {{ formatNumber(expertMeetingSubtotal) }} 万元
</div>
</div>
<!-- 通讯形式 -->
<div>
<div class="flex items-center justify-between mb-3 ml-4">
<h5 class="font-medium text-sm">2. 通讯形式</h5>
<div class="flex items-center gap-2">
<span class="text-sm" style="white-space: nowrap">行数:</span>
<el-input-number v-model="expertCommAddRowCount" :min="1" :max="100" :step="1" size="small" />
<el-button type="primary" @click="confirmExpertCommAdd" size="small">
<el-icon>
<Plus />
</el-icon>
添加
</el-button>
<el-button type="danger" @click="handleExpertCommBatchDelete" size="small" :disabled="selectedExpertCommRows.length === 0">
<el-icon>
<Delete />
</el-icon>
删除
</el-button>
</div>
</div>
<el-table v-loading="loading" :data="expertCommList" style="width: 100%" border @selection-change="handleExpertCommSelectionChange">
<el-table-column type="selection" width="55" />
<el-table-column prop="sortOrder" label="序号" width="80" align="center" />
<el-table-column prop="techContent" label="内容" min-width="200">
<template #default="scope">
<el-input v-model="scope.row.techContent" placeholder="请输入咨询内容"/>
</template>
</el-table-column>
<el-table-column prop="peopleNumber" label="人数" width="150">
<template #default="scope">
<el-input-number v-model="scope.row.peopleNumber" :min="0" :step="1" :precision="0" size="small" @change="calculateExpertCommAmount" />
</template>
</el-table-column>
<el-table-column prop="frequency" label="次数" width="150">
<template #default="scope">
<el-input-number v-model="scope.row.frequency" :min="0" :step="1" :precision="2" size="small" @change="calculateExpertCommAmount" />
</template>
</el-table-column>
<el-table-column prop="price" label="金额(万元)" width="150">
<template #default="scope">
{{ format2TenThousandNumber(scope.row.price) }}
</template>
</el-table-column>
<el-table-column label="操作" width="100" fixed="right">
<template #default="scope">
<el-button type="danger" size="small" @click="handleExpertCommDelete(scope.$index, scope.row)" icon="Delete" >
删除
</el-button>
</template>
</el-table-column>
</el-table>
<!-- 通讯形式小计 -->
<div class="mt-0 bg-gray-50 p-2 rounded text-right font-medium border-t border-gray-200">
小计: {{ formatNumber(expertCommSubtotal) }} 万元
</div>
</div>
<!-- 专家咨询合计 -->
<div class="mt-2 bg-gray-50 p-3 rounded text-right font-semibold border-t border-gray-200">
专家咨询合计: {{ formatNumber(expertConsultSubtotal) }} 万元，技术服务费合计: {{ formatNumber(techExpertSubtotal) }} 万元
</div>
</div>
</el-card>
<!-- 人工费预算明细表 -->
<el-card class="mb-6">
<div class="flex items-center justify-between mb-4">
@ -222,13 +22,20 @@
</div>
</div>
<el-table v-loading="loading" :data="laborList" style="width: 100%" border @selection-change="handleLaborSelectionChange">
<el-table
v-loading="loading"
:data="laborList"
style="width: 100%"
:summary-method="getSummaries"
show-summary
@selection-change="handleLaborSelectionChange"
>
<el-table-column type="selection" width="55" />
<el-table-column prop="sortOrder" label="序号" width="80" align="center" />
<el-table-column prop="personnelCategory" label="人员类别" width="150">
<template #default="scope">
<el-input v-model="scope.row.personnelCategory" placeholder="请输入人员类别" :data-row-index="scope.$index" />
</template>
<template #default="scope">
<el-input v-model="scope.row.personnelCategory" placeholder="请输入人员类别" :data-row-index="scope.$index" />
</template>
</el-table-column>
<el-table-column prop="peopleNumber" label="人数" width="130">
<template #default="scope">
@ -240,7 +47,7 @@
<el-input-number v-model="scope.row.cumulativeTime" :min="0" :step="1" :precision="2" size="small" @change="calculateLaborAmount" />
</template>
</el-table-column>
<el-table-column prop="monthRate" label="月平均投入比例(%)" width="150">
<el-table-column prop="monthRate" label="人均投入比例(%)" width="150">
<template #default="scope">
<el-input-number v-model="scope.row.monthRate" :min="0" :max="100" :step="1" :precision="2" size="small" @change="calculateLaborAmount" />
</template>
@ -255,117 +62,20 @@
{{ format2TenThousandNumber(scope.row.price) }}
</template>
</el-table-column>
<el-table-column prop="projectPersonnel" label="投入人员" min-width="200">
<el-table-column prop="remark" label="备注" min-width="200">
<template #default="scope">
<el-select
v-model="scope.row.projectPersonnelArray"
placeholder="请选择投入人员"
multiple
filterable
default-first-option
@change="handlePersonnelChange(scope.row)"
>
<el-option v-for="user in userList" :key="user.userId" :label="user.nickName" :value="user.nickName" />
</el-select>
<el-input v-model="scope.row.remark" placeholder="备注" type="textarea" :rows="2" />
</template>
</el-table-column>
<el-table-column label="操作" width="120" fixed="right">
<template #default="scope">
<el-button type="danger" size="small" @click="handleLaborDelete(scope.$index, scope.row)" icon="Delete" >
删除
</el-button>
<el-button type="danger" size="small" @click="handleLaborDelete(scope.$index, scope.row)" icon="Delete"> 删除 </el-button>
</template>
</el-table-column>
</el-table>
<!-- 人工费合计 -->
<div class="mt-0 bg-gray-50 p-3 rounded text-right font-semibold border-t border-gray-200">
人工费合计: {{ formatNumber(laborTotal) }} 万元
</div>
</el-card>
<!-- 劳务费预算明细表 -->
<el-card class="mb-6">
<div class="flex items-center justify-between mb-4">
<h3 class="text-lg font-medium">劳务费预算明细表</h3>
<div class="flex gap-2 items-center">
<span class="text-sm" style="white-space: nowrap">行数:</span>
<el-input-number v-model="serviceAddRowCount" :min="1" :max="100" :step="1" size="small" />
<el-button type="primary" @click="confirmServiceAdd" size="small">
<el-icon>
<Plus />
</el-icon>
添加
</el-button>
<el-button type="danger" @click="handleServiceBatchDelete" size="small" :disabled="selectedServiceRows.length === 0">
<el-icon>
<Delete />
</el-icon>
删除
</el-button>
</div>
</div>
<el-table v-loading="loading" :data="serviceList" style="width: 100%" border @selection-change="handleServiceSelectionChange">
<el-table-column type="selection" width="55" />
<el-table-column prop="sortOrder" label="序号" width="80" align="center" />
<el-table-column prop="personnelCategory" label="人员类别" width="150">
<template #default="scope">
<el-input v-model="scope.row.personnelCategory" placeholder="请输入人员类别" :data-row-index="scope.$index" />
</template>
</el-table-column>
<el-table-column prop="peopleNumber" label="人数" width="130">
<template #default="scope">
<el-input-number v-model="scope.row.peopleNumber" :min="0" :step="1" :precision="0" size="small" @change="calculateServiceAmount" />
</template>
</el-table-column>
<el-table-column prop="cumulativeTime" label="累计时间(月)" width="130">
<template #default="scope">
<el-input-number v-model="scope.row.cumulativeTime" :min="0" :step="1" :precision="2" size="small" @change="calculateServiceAmount" />
</template>
</el-table-column>
<el-table-column prop="monthRate" label="月平均投入比例(%)" width="150">
<template #default="scope">
<el-input-number
v-model="scope.row.monthRate"
:min="0"
:max="100"
:step="1"
:precision="2"
size="small"
@change="calculateServiceAmount"
/>
</template>
</el-table-column>
<el-table-column prop="artificialStandard" label="人工标准(元/人月)" width="150">
<template #default="scope">
<el-input-number
v-model="scope.row.artificialStandard"
:min="0"
:step="10"
:precision="2"
size="small"
@change="calculateServiceAmount"
/>
</template>
</el-table-column>
<el-table-column prop="price" label="金额(万元)" min-width="120">
<template #default="scope">
{{ format2TenThousandNumber(scope.row.price) }}
</template>
</el-table-column>
<el-table-column label="操作" width="120" fixed="right">
<template #default="scope">
<el-button type="danger" size="small" @click="handleServiceDelete(scope.$index, scope.row)" icon="Delete" >
删除
</el-button>
</template>
</el-table-column>
</el-table>
<!-- 劳务费合计 -->
<div class="mt-0 bg-gray-50 p-3 rounded text-right font-semibold border-t border-gray-200">
劳务费合计: {{ formatNumber(serviceTotal) }} 万元
<div class="mt-4 bg-gray-50 p-3 rounded text-left font-semibold">
<p>注： 人工费的预算，人工标准，各项目组按照成员的大概平均工资水平进行估算。表格所给数据为建议参考数据。</p>
<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;人员类别，按照各项目实际情况填写。如，产品不在本公司内加工和组装的，生产加工费已经核算在外协件里，不再有生产加工费。</p>
</div>
</el-card>
</div>
@ -374,16 +84,7 @@
<script setup lang="ts">
import { ref, computed, watch } from 'vue';
import { ElMessage } from 'element-plus';
import { rdBudgetTechCostVO } from '@/api/oa/erp/budgetInfo/rd/rdBudgetTechCost/types';
import { rdBudgetLaborCostVO } from '@/api/oa/erp/budgetInfo/rd/rdBudgetLaborCost/types';
import { UserVO } from '@/api/system/user/types';
import { getUserList } from '@/api/system/user';
const TECH_TYPE = {
TECH_CONSULT: '1', //技术咨询开发
EXPERT_MEETING: '2', //专家咨询-会议形式
EXPERT_COMM: '3' //专家咨询-通讯形式
};
const LABOR_TYPE = {
LABOR_FEE: '1', //人工费
@ -399,9 +100,7 @@ const props = defineProps<{
const emit = defineEmits<{
update: [
data: {
techConsultTotal: number;
laborTotal: number;
serviceTotal: number;
}
];
}>();
@ -409,88 +108,20 @@ const emit = defineEmits<{
// 响应式数据
const loading = ref(false);
const userList = ref<UserVO[]>([]);
/** 查询用户列表 */
const getUsers = async () => {
const res = await getUserList({});
userList.value = res.data;
};
// 技术咨询开发相关
const techConsultList = ref<rdBudgetTechCostVO[]>([]);
const selectedTechRows = ref<rdBudgetTechCostVO[]>([]);
const techAddRowCount = ref(1);
// 专家咨询-会议形式相关
const expertMeetingList = ref<rdBudgetTechCostVO[]>([]);
const selectedExpertMeetingRows = ref<rdBudgetTechCostVO[]>([]);
const expertMeetingAddRowCount = ref(1);
// 专家咨询-通讯形式相关
const expertCommList = ref<rdBudgetTechCostVO[]>([]);
const selectedExpertCommRows = ref<rdBudgetTechCostVO[]>([]);
const expertCommAddRowCount = ref(1);
const toDeletedTechCostIdList = ref([]);
// 人工费相关
const laborList = ref<rdBudgetLaborCostVO[]>([]);
const selectedLaborRows = ref<rdBudgetLaborCostVO[]>([]);
const laborAddRowCount = ref(1);
// 劳务费相关
const serviceList = ref<rdBudgetLaborCostVO[]>([]);
const selectedServiceRows = ref<rdBudgetLaborCostVO[]>([]);
const serviceAddRowCount = ref(1);
const toDeletedLaborCostIdList = ref([]);
// 计算各项小计
const techConsultSubtotal = computed(() => {
return techConsultList.value.reduce((sum, item) => sum + (Number(item.price) || 0), 0);
});
const expertMeetingSubtotal = computed(() => {
return expertMeetingList.value.reduce((sum, item) => {
const amountInTenThousand = (Number(item.price) || 0) / 10000;
const formattedAmount = parseFloat(amountInTenThousand.toFixed(2));
return sum + formattedAmount;
}, 0);
});
const expertCommSubtotal = computed(() => {
return expertCommList.value.reduce((sum, item) => {
const amountInTenThousand = (Number(item.price) || 0) / 10000;
const formattedAmount = parseFloat(amountInTenThousand.toFixed(2));
return sum + formattedAmount;
}, 0);
});
const expertConsultSubtotal = computed(() => {
return expertMeetingSubtotal.value + expertCommSubtotal.value;
});
const techExpertSubtotal = computed(() => {
return (techConsultSubtotal.value || 0) + (expertConsultSubtotal.value || 0);
});
const laborTotal = computed(() => {
return laborList.value.reduce((sum, item) => {
const amountInTenThousand = (Number(item.price) || 0) / 10000;
const formattedAmount = parseFloat(amountInTenThousand.toFixed(2));
return sum + formattedAmount;
}, 0);
});
const serviceTotal = computed(() => {
return serviceList.value.reduce((sum, item) => {
const amountInTenThousand = (Number(item.price) || 0) / 10000;
const formattedAmount = parseFloat(amountInTenThousand.toFixed(2));
return sum + formattedAmount;
}, 0);
});
// const laborTotal = computed(() => {
// return laborList.value.reduce((sum, item) => {
// const amountInTenThousand = Number(item.price) || 0;
// const formattedAmount = parseFloat(amountInTenThousand.toFixed(2));
// return sum + formattedAmount;
// }, 0);
// });
// 格式化数字,元转换为万元
const formatNumber = (value: number) => {
@ -504,26 +135,35 @@ const format2TenThousandNumber = (value: number) => {
return (parseFloat(value) / 10000).toFixed(2);
};
// 计算专家咨询会议形式金额
const calculateExpertMeetingAmount = () => {
expertMeetingList.value.forEach((item) => {
const expertCount = item.peopleNumber || 0;
const days = item.days || 0;
// 公式1：如果天数<2,则金额等于专家人数*天数*600，如果天数>=2,则金额等于(专家人数*2*600+专家人数*(天数-2)*300)
if (days < 2) {
item.price = expertCount * days * 600;
// 合计方法
const getSummaries = (param: any) => {
const { columns, data } = param;
const sums: any[] = [];
columns.forEach((column: any, index: number) => {
if (index === 2) {
sums[index] = '合计';
return;
}
if (column.property === 'price') {
const values = data.map((item: any) => Number(item[column.property]));
if (!values.every((value: number) => Number.isNaN(value))) {
sums[index] = values.reduce((prev: number, curr: number) => {
const value = Number(curr);
if (!Number.isNaN(value)) {
return prev + curr;
} else {
return prev;
}
}, 0);
sums[index] = format2TenThousandNumber(sums[index]);
} else {
sums[index] = '';
}
} else {
item.price = expertCount * 2 * 600 + expertCount * (days - 2) * 300;
sums[index] = '';
}
});
};
// 计算专家咨询通讯形式金额
const calculateExpertCommAmount = () => {
expertCommList.value.forEach((item) => {
// 金额 = 人数 * 次数 * 70 / 10000
item.price = (item.peopleNumber || 0) * (item.frequency || 0) * 70;
});
return sums;
};
// 计算人工费金额
@ -534,187 +174,13 @@ const calculateLaborAmount = () => {
});
};
// 计算劳务费金额
const calculateServiceAmount = () => {
serviceList.value.forEach((item) => {
// 金额 = 人数 * 累计时间 * 月平均投入比例 * 人工标准 / 10000 / 100
item.price = ((item.peopleNumber || 0) * (item.cumulativeTime || 0) * (item.monthRate || 0) * (item.artificialStandard || 0)) / 100;
});
};
const getLaborAmount = () => {
const laborTotal = laborList.value.reduce((sum, item) => sum + Number(item.price), 0)
return {
techConsultTotal: ((techConsultSubtotal.value || 0) + (expertConsultSubtotal.value || 0)) * 10000,
laborTotal: (Number(laborTotal.value) || 0) * 10000,
serviceTotal: (Number(serviceTotal.value) || 0) * 10000
laborTotal: laborTotal
};
};
// 技术咨询开发相关方法
const confirmTechAdd = () => {
const currentSortOrder =
techConsultList.value && techConsultList.value.length > 0 ? Math.max(...techConsultList.value.map((item) => item.sortOrder)) : 0;
for (let i = 0; i < techAddRowCount.value; i++) {
const newItem: rdBudgetTechCostVO = {
sortOrder: currentSortOrder + i + 1,
techType: TECH_TYPE.TECH_CONSULT,
techContent: '',
unitId: undefined,
remark: '',
price: 0
};
techConsultList.value.push(newItem);
}
};
const handleTechSelectionChange = (selection: rdBudgetTechCostVO[]) => {
selectedTechRows.value = selection;
};
// 删除单行
const handleTechDelete = (index: number, row: rdBudgetTechCostVO) => {
techConsultList.value.splice(index, 1);
// 重新编号
techConsultList.value.forEach((item, index) => {
item.sortOrder = index + 1;
});
if (row.techCostId) {
toDeletedTechCostIdList.value.push(row.techCostId);
}
};
// 批量删除
const handleTechBatchDelete = () => {
if (selectedTechRows.value.length === 0) {
ElMessage.warning('请选择要删除的行');
return;
}
selectedTechRows.value.forEach((selectedRow) => {
if (selectedRow.techCostId) {
toDeletedTechCostIdList.value.push(selectedRow.techCostId);
}
});
techConsultList.value = techConsultList.value.filter((item) => !selectedTechRows.value.includes(item));
// 重新编号
techConsultList.value.forEach((item, index) => {
item.sortOrder = index + 1;
});
selectedTechRows.value = [];
};
// 专家咨询-会议形式相关方法
const confirmExpertMeetingAdd = () => {
const currentSortOrder =
expertMeetingList.value && expertMeetingList.value.length > 0 ? Math.max(...expertMeetingList.value.map((item) => item.sortOrder)) : 0;
for (let i = 0; i < expertMeetingAddRowCount.value; i++) {
const newItem: rdBudgetTechCostVO = {
sortOrder: currentSortOrder + i + 1,
techType: TECH_TYPE.EXPERT_MEETING,
techContent: '',
peopleNumber: undefined,
days: undefined,
price: 0
};
expertMeetingList.value.push(newItem);
}
calculateExpertMeetingAmount();
};
const handleExpertMeetingSelectionChange = (selection: rdBudgetTechCostVO[]) => {
selectedExpertMeetingRows.value = selection;
};
// 删除单行
const handleExpertMeetingDelete = (index: number, row: rdBudgetTechCostVO) => {
expertMeetingList.value.splice(index, 1);
// 重新编号
expertMeetingList.value.forEach((item, index) => {
item.sortOrder = index + 1;
});
if (row.techCostId) {
toDeletedTechCostIdList.value.push(row.techCostId);
}
};
// 批量删除
const handleExpertMeetingBatchDelete = () => {
if (selectedExpertMeetingRows.value.length === 0) {
ElMessage.warning('请选择要删除的行');
return;
}
selectedExpertMeetingRows.value.forEach((selectedRow) => {
if (selectedRow.techCostId) {
toDeletedTechCostIdList.value.push(selectedRow.techCostId);
}
});
expertMeetingList.value = expertMeetingList.value.filter((item) => !selectedExpertMeetingRows.value.includes(item));
// 重新编号
expertMeetingList.value.forEach((item, index) => {
item.sortOrder = index + 1;
});
selectedExpertMeetingRows.value = [];
};
// 专家咨询-通讯形式相关方法
const confirmExpertCommAdd = () => {
const currentSortOrder =
expertCommList.value && expertCommList.value.length > 0 ? Math.max(...expertCommList.value.map((item) => item.sortOrder)) : 0;
for (let i = 0; i < expertCommAddRowCount.value; i++) {
const newItem: rdBudgetTechCostVO = {
sortOrder: currentSortOrder + i + 1,
techType: TECH_TYPE.EXPERT_COMM,
techContent: '',
peopleNumber: undefined,
frequency: undefined,
price: 0
};
expertCommList.value.push(newItem);
}
calculateExpertCommAmount();
};
const handleExpertCommSelectionChange = (selection: rdBudgetTechCostVO[]) => {
selectedExpertCommRows.value = selection;
};
// 删除单行
const handleExpertCommDelete = (index: number, row: rdBudgetTechCostVO) => {
expertCommList.value.splice(index, 1);
// 重新编号
expertCommList.value.forEach((item, index) => {
item.sortOrder = index + 1;
});
if (row.techCostId) {
toDeletedTechCostIdList.value.push(row.techCostId);
}
};
// 批量删除
const handleExpertCommBatchDelete = () => {
if (selectedExpertCommRows.value.length === 0) {
ElMessage.warning('请选择要删除的行');
return;
}
selectedExpertCommRows.value.forEach((selectedRow) => {
if (selectedRow.techCostId) {
toDeletedTechCostIdList.value.push(selectedRow.techCostId);
}
});
expertCommList.value = expertCommList.value.filter((item) => !selectedExpertCommRows.value.includes(item));
// 重新编号
expertCommList.value.forEach((item, index) => {
item.sortOrder = index + 1;
});
selectedExpertCommRows.value = [];
};
// 人工费相关方法
const confirmLaborAdd = () => {
const currentSortOrder = laborList.value && laborList.value.length > 0 ? Math.max(...laborList.value.map((item) => item.sortOrder)) : 0;
@ -729,18 +195,12 @@ const confirmLaborAdd = () => {
monthRate: 0,
artificialStandard: 0,
price: 0,
projectPersonnel: '',
projectPersonnelArray: []
remark: ''
};
laborList.value.push(newItem);
}
};
// 处理投入人员选择变化
const handlePersonnelChange = (row: rdBudgetLaborCostVO) => {
row.projectPersonnel = row.projectPersonnelArray?.join(',') || '';
};
const handleLaborSelectionChange = (selection: rdBudgetLaborCostVO[]) => {
selectedLaborRows.value = selection;
};
@ -777,60 +237,6 @@ const handleLaborBatchDelete = () => {
selectedLaborRows.value = [];
};
// 劳务费相关方法
const confirmServiceAdd = () => {
const currentSortOrder = serviceList.value && serviceList.value.length > 0 ? Math.max(...serviceList.value.map((item) => item.sortOrder)) : 0;
for (let i = 0; i < serviceAddRowCount.value; i++) {
const newItem: rdBudgetLaborCostVO = {
sortOrder: currentSortOrder + i + 1,
laborType: LABOR_TYPE.SERVICE_FEE,
personnelCategory: '',
peopleNumber: undefined,
cumulativeTime: undefined,
monthRate: undefined,
artificialStandard: undefined,
price: 0
};
serviceList.value.push(newItem);
}
};
const handleServiceSelectionChange = (selection: rdBudgetLaborCostVO[]) => {
selectedServiceRows.value = selection;
};
// 删除单行
const handleServiceDelete = (index: number, row: rdBudgetLaborCostVO) => {
serviceList.value.splice(index, 1);
// 重新编号
serviceList.value.forEach((item, index) => {
item.sortOrder = index + 1;
});
if (row.laborCostId) {
toDeletedLaborCostIdList.value.push(row.laborCostId);
}
};
// 批量删除
const handleServiceBatchDelete = () => {
if (selectedServiceRows.value.length === 0) {
ElMessage.warning('请选择要删除的行');
return;
}
selectedServiceRows.value.forEach((selectedRow) => {
if (selectedRow.laborCostId) {
toDeletedLaborCostIdList.value.push(selectedRow.laborCostId);
}
});
serviceList.value = serviceList.value.filter((item) => !selectedServiceRows.value.includes(item));
// 重新编号
serviceList.value.forEach((item, index) => {
item.sortOrder = index + 1;
});
selectedServiceRows.value = [];
};
// 监听projectId变化，重新加载数据
watch(
() => props.projectId,
@ -841,18 +247,9 @@ watch(
{ immediate: true }
);
onMounted(() => {
getUsers();
});
// 暴露方法供父组件调用
defineExpose({
techConsultList,
expertMeetingList,
expertCommList,
toDeletedTechCostIdList,
laborList,
serviceList,
toDeletedLaborCostIdList,
getLaborAmount
});

385
src/views/oa/erp/budgetInfo/rd/LiteratureCost.vue
Unescape Escape View File

@ -1,385 +0,0 @@
<template>
<div class="literature-cost-container">
<!-- 资料费预算明细表 -->
<el-card class="mb-6">
<div class="flex items-center justify-between mb-4">
<h3 class="text-lg font-medium">一、资料费</h3>
<div class="flex items-center gap-2">
<span class="text-sm" style="white-space: nowrap">行数:</span>
<el-input-number v-model="materialsAddRowCount" :min="1" :max="10" :step="1" size="small" />
<el-button type="primary" @click="confirmMaterialsAdd" size="small">
<el-icon>
<Plus />
</el-icon>
添加
</el-button>
<el-button type="danger" @click="handleMaterialBatchDelete" size="small" :disabled="selectedMaterialsRows.length === 0">
<el-icon>
<Delete />
</el-icon>
删除
</el-button>
</div>
</div>
<el-table v-loading="loading" :data="materialsList" style="width: 100%" border @selection-change="handleMaterialsSelectionChange">
<el-table-column type="selection" width="55" />
<el-table-column prop="sortOrder" label="序号" width="80" align="center" />
<el-table-column prop="itemDesc" label="项目" min-width="200">
<template #default="scope">
<el-input v-model="scope.row.itemDesc" placeholder="请输入资料项目名称" :data-row-index="scope.$index" />
</template>
</el-table-column>
<el-table-column prop="price" label="金额(万元)" width="160">
<template #default="scope">
<el-input-number v-model="scope.row.price" :min="0" :step="1" :precision="2" size="small" />
</template>
</el-table-column>
<el-table-column label="操作" width="100" fixed="right">
<template #default="scope">
<el-button type="danger" size="small" @click="handleMaterialDelete(scope.$index, scope.row)" icon="Delete">
删除
</el-button>
</template>
</el-table-column>
</el-table>
<!-- 资料费合计 -->
<div class="mt-2 bg-gray-50 p-2 rounded text-right font-medium">合计: {{ formatNumber(materialsTotal) }} 万元</div>
</el-card>
<!-- 文献检索费预算明细表 -->
<el-card class="mb-6">
<h3 class="text-lg font-medium mb-4">二、文献检索费</h3>
<el-table :data="[literatureRetrieval]" style="width: 100%" border>
<el-table-column prop="itemDesc" label="项目" min-width="200">
<template #default="scope">
<el-input v-model="scope.row.itemDesc" disabled />
</template>
</el-table-column>
<el-table-column prop="price" label="金额(万元)" width="160">
<template #default="scope">
<el-input-number v-model="scope.row.price" :min="0" :step="1" :precision="2" size="small" />
</template>
</el-table-column>
</el-table>
</el-card>
<!-- 专用软件购买费预算明细表 -->
<el-card>
<div class="flex items-center justify-between mb-4">
<h3 class="text-lg font-medium">三、专用软件购买费</h3>
<div class="flex items-center gap-2">
<span class="text-sm" style="white-space: nowrap">行数:</span>
<el-input-number v-model="softwareAddRowCount" :min="1" :max="10" :step="1" size="small" />
<el-button type="primary" @click="confirmSoftwareAdd" size="small">
<el-icon>
<Plus />
</el-icon>
添加
</el-button>
<el-button type="danger" @click="handleSoftwareBatchDelete" size="small" :disabled="selectedSoftwareRows.length === 0">
<el-icon>
<Delete />
</el-icon>
删除
</el-button>
</div>
</div>
<el-table v-loading="loading" :data="softwareList" style="width: 100%" border @selection-change="handleSoftwareSelectionChange">
<el-table-column type="selection" width="55" />
<el-table-column prop="sortOrder" label="序号" width="80" align="center" />
<el-table-column prop="itemDesc" label="项目" min-width="200">
<template #default="scope">
<el-input v-model="scope.row.itemDesc" placeholder="请输入软件名称" :data-row-index="scope.$index" />
</template>
</el-table-column>
<el-table-column prop="price" label="金额(万元)" width="160">
<template #default="scope">
<el-input-number v-model="scope.row.price" :min="0" :step="1" :precision="2" size="small" />
</template>
</el-table-column>
<el-table-column label="操作" width="100" fixed="right">
<template #default="scope">
<el-button type="danger" size="small" @click="handleSoftwareDelete(scope.$index, scope.row)" icon="Delete">
删除
</el-button>
</template>
</el-table-column>
</el-table>
<!-- 专用软件购买费合计 -->
<div class="mt-2 bg-gray-50 p-2 rounded text-right font-medium">合计: {{ formatNumber(softwareTotal) }} 万元</div>
</el-card>
<!-- 总合计 -->
<div class="mt-4 bg-gray-100 p-4 rounded text-right font-semibold">
资料文献费总计: {{ formatNumber(totalAmount) }}
万元
</div>
<!-- 对话框组件 -->
<!-- 对话框组件已移除，直接在界面上添加行数输入框 -->
</div>
</template>
<script setup lang="ts">
import { ref, computed, watch } from 'vue';
import { ElMessage } from 'element-plus';
import { rdBudgetLiteratureCostVO } from '@/api/oa/erp/budgetInfo/rd/rdBudgetLiteratureCost/types';
const LITERATURE_TYPE = {
MATERIAL: '1', //资料费
DOCUMENT: '2', //文件检索费
SOFTWARE: '3' //专用软件购买费
};
// Props
const props = defineProps<{
projectId?: string;
}>();
// 响应式数据
const loading = ref(false);
// 资料费相关
const materialsList = ref<rdBudgetLiteratureCostVO[]>([]);
const selectedMaterialsRows = ref<rdBudgetLiteratureCostVO[]>([]);
const materialsAddRowCount = ref(1);
// 文献检索费相关
const literatureRetrieval = ref<rdBudgetLiteratureCostVO>({
literatureType: LITERATURE_TYPE.DOCUMENT,
itemDesc: '文献检索费',
price: 0
});
// 专用软件购买费相关
const softwareList = ref<rdBudgetLiteratureCostVO[]>([]);
const selectedSoftwareRows = ref<rdBudgetLiteratureCostVO[]>([]);
const softwareAddRowCount = ref(1);
const toDeletedLiteratureCostIdList = ref([]);
// 计算各项合计
const materialsTotal = computed(() => {
return materialsList.value.reduce((sum, item) => sum + (Number(item.price) || 0), 0);
});
const softwareTotal = computed(() => {
return softwareList.value.reduce((sum, item) => sum + (Number(item.price) || 0), 0);
});
const totalAmount = computed(() => {
return (materialsTotal.value || 0) + (literatureRetrieval.value.price || 0) + (softwareTotal.value || 0);
});
const getLiteratureCost = () => {
return {
literatureTotal: (totalAmount.value || 0) * 10000
};
};
// 格式化数字,元转换为万元
const formatNumber = (value: number) => {
if (!value) return '0.00';
return parseFloat(value).toFixed(2);
};
// 格式化数字,元转换为万元
const format2TenThousandNumber = (value: number) => {
if (!value) return '0.00';
return (parseFloat(value) / 10000).toFixed(2);
};
// 资料费相关方法
const confirmMaterialsAdd = () => {
const currentSortOrder = materialsList.value && materialsList.value.length > 0 ? Math.max(...materialsList.value.map((item) => item.sortOrder)) : 0;
for (let i = 0; i < materialsAddRowCount.value; i++) {
const newItem: rdBudgetLiteratureCostVO = {
sortOrder: currentSortOrder + i + 1,
literatureType: LITERATURE_TYPE.MATERIAL,
itemDesc: '',
price: 0
};
materialsList.value.push(newItem);
}
// 延迟聚焦到新添加行的第一个输入框
setTimeout(() => {
const firstNewInput = document.querySelector(`[data-row-index="${currentSortOrder}"] .el-input__inner`);
if (firstNewInput) {
(firstNewInput as HTMLInputElement).focus();
}
}, 100);
};
const handleMaterialsSelectionChange = (selection: rdBudgetLiteratureCostVO[]) => {
selectedMaterialsRows.value = selection;
};
// 删除单行
const handleMaterialDelete = (index: number, row: rdBudgetLiteratureCostVO) => {
materialsList.value.splice(index, 1);
// 重新编号
materialsList.value.forEach((item, index) => {
item.sortOrder = index + 1;
});
if (row.literatureCostId) {
toDeletedLiteratureCostIdList.value.push(row.literatureCostId);
}
};
// 批量删除
const handleMaterialBatchDelete = () => {
if (selectedMaterialsRows.value.length === 0) {
ElMessage.warning('请选择要删除的行');
return;
}
selectedMaterialsRows.value.forEach((selectedRow) => {
if (selectedRow.literatureCostId) {
toDeletedLiteratureCostIdList.value.push(selectedRow.literatureCostId);
}
});
materialsList.value = materialsList.value.filter((item) => !selectedMaterialsRows.value.includes(item));
// 重新编号
materialsList.value.forEach((item, index) => {
item.sortOrder = index + 1;
});
selectedMaterialsRows.value = [];
};
// 专用软件购买费相关方法
const confirmSoftwareAdd = () => {
const currentSortOrder = softwareList.value && softwareList.value.length > 0 ? Math.max(...softwareList.value.map((item) => item.sortOrder)) : 0;
for (let i = 0; i < softwareAddRowCount.value; i++) {
const newItem: rdBudgetLiteratureCostVO = {
sortOrder: currentSortOrder + i + 1,
literatureType: LITERATURE_TYPE.SOFTWARE,
itemDesc: '',
price: 0
};
softwareList.value.push(newItem);
}
// 延迟聚焦到新添加行的第一个输入框
setTimeout(() => {
const firstNewInput = document.querySelector(`[data-row-index="${currentSortOrder}"] .el-input__inner`);
if (firstNewInput) {
(firstNewInput as HTMLInputElement).focus();
}
}, 100);
};
const handleSoftwareSelectionChange = (selection: rdBudgetLiteratureCostVO[]) => {
selectedSoftwareRows.value = selection;
};
// 删除单行
const handleSoftwareDelete = (index: number, row: rdBudgetLiteratureCostVO) => {
softwareList.value.splice(index, 1);
// 重新编号
softwareList.value.forEach((item, index) => {
item.sortOrder = index + 1;
});
if (row.literatureCostId) {
toDeletedLiteratureCostIdList.value.push(row.literatureCostId);
}
};
// 批量删除
const handleSoftwareBatchDelete = () => {
if (selectedSoftwareRows.value.length === 0) {
ElMessage.warning('请选择要删除的行');
return;
}
selectedSoftwareRows.value.forEach((selectedRow) => {
if (selectedRow.literatureCostId) {
toDeletedLiteratureCostIdList.value.push(selectedRow.literatureCostId);
}
});
softwareList.value = softwareList.value.filter((item) => !selectedSoftwareRows.value.includes(item));
// 重新编号
softwareList.value.forEach((item, index) => {
item.sortOrder = index + 1;
});
selectedSoftwareRows.value = [];
};
// 监听projectId变化，重新加载数据
watch(
() => props.projectId,
(newProjectId) => {
if (newProjectId) {
}
},
{ immediate: true }
);
// 暴露方法供父组件调用
defineExpose({
materialsList,
softwareList,
literatureRetrieval,
toDeletedLiteratureCostIdList,
getLiteratureCost
});
</script>
<style scoped>
.literature-cost-container {
padding: 0;
}
:deep(.el-table) {
margin-bottom: 16px;
}
:deep(.el-input-number) {
width: 100%;
}
.dialog-footer {
display: flex;
justify-content: flex-end;
gap: 12px;
}
.bg-gray-50 {
background-color: #f5f7fa;
}
.bg-gray-100 {
background-color: #f0f2f5;
}
.p-2 {
padding: 8px;
}
.p-4 {
padding: 16px;
}
.rounded {
border-radius: 4px;
}
.text-right {
text-align: right;
}
.font-medium {
font-weight: 500;
}
.font-semibold {
font-weight: 600;
}
</style>

191
src/views/oa/erp/budgetInfo/rd/MaterialCost.vue
Unescape Escape View File

@ -22,12 +22,17 @@
</div>
</template>
<el-table :data="allMaterialData" border style="width: 100%" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" :selectable="checkSelectable" />
<el-table :data="materialData" border style="width: 100%" @selection-change="handleSelectionChange" :summary-method="getSummaries" show-summary>
<el-table-column type="selection" width="55" />
<el-table-column prop="sortOrder" label="序号" width="80" align="center" />
<el-table-column prop="materialName" label="材料类型" width="180">
<template #default="scope">
<el-input v-model="scope.row.materialType" placeholder="请输入材料类型" />
</template>
</el-table-column>
<el-table-column prop="materialName" label="材料名称" min-width="200">
<template #default="scope">
<el-input v-model="scope.row.materialName" placeholder="请输入材料名称" :disabled="scope.row.materialName === '其他材料费'" />
<el-input v-model="scope.row.materialName" placeholder="请输入材料名称" />
</template>
</el-table-column>
@ -41,25 +46,12 @@
default-first-option
style="width: 100%"
clearable
v-if="scope.row.materialType === MATERIAL_TYPE.MAIN"
>
<el-option v-for="option in unitOptions" :key="option.unitId" :label="option.unitName" :value="option.unitId" />
</el-select>
</template>
</el-table-column>
<el-table-column prop="unitPrice" label="单价（元/单位数量）" width="180">
<template #default="scope">
<el-input-number
v-model.number="scope.row.unitPrice"
placeholder="单价"
:min="0"
:precision="2"
size="small"
@change="calculateAmount"
v-if="scope.row.materialType === MATERIAL_TYPE.MAIN"
/>
</template>
</el-table-column>
<el-table-column prop="amount" label="购置数量" width="180">
<template #default="scope">
<el-input-number
@ -69,32 +61,29 @@
:precision="2"
size="small"
@change="calculateAmount"
v-if="scope.row.materialType === MATERIAL_TYPE.MAIN"
/>
</template>
</el-table-column>
<el-table-column prop="price" label="金额(万元)" width="160">
<el-table-column prop="unitPrice" label="单价（万元）" width="180">
<template #default="scope">
<el-input-number v-if="scope.row.materialType === MATERIAL_TYPE.OTHER" v-model="scope.row.price" size="small" :min="0" :precision="2" />
<!-- 其他情况直接显示格式化后的值 -->
<span v-else>
{{ format2TenThousandNumber(scope.row.price) }}
</span>
<el-input-number v-model.number="scope.row.unitPrice" placeholder="单价" :min="0" :precision="2" size="small" @change="calculateAmount" />
</template>
</el-table-column>
<el-table-column prop="price" label="总金额(万元)" width="160">
<template #default="scope">
{{ formatNumber(scope.row.price) }}
</template>
</el-table-column>
<el-table-column prop="remark" label="预算价格依据" min-width="200">
<template #default="scope">
<el-input v-model="scope.row.remark" placeholder="请输入预算价格依据" />
</template>
</el-table-column>
<el-table-column label="操作" width="100" fixed="right">
<template #default="scope">
<el-button
v-if="scope.row.materialType === MATERIAL_TYPE.MAIN"
type="danger"
size="small"
@click="handleDelete(scope.$index, scope.row)"
icon="Delete"
>
删除
</el-button>
<el-button type="danger" size="small" @click="handleDelete(scope.$index, scope.row)" icon="Delete"> 删除 </el-button>
</template>
</el-table-column>
</el-table>
@ -131,11 +120,8 @@
</table>
</div>
-->
<div class="mt-4 bg-gray-50 p-3 rounded">
<div class="flex justify-end gap-8">
<span>主要材料费小计: {{ format2TenThousandNumber(mainMaterialTotalAmount) }} 万元</span>
<span class="font-semibold">合计: {{ formatNumber(totalAmount) }} 万元</span>
</div>
<div class="mt-4 bg-gray-50 p-3 rounded text-left">
<p><b>填写说明：</b>指研究开发活动过程中投入的各种半成品、原材料、辅助材料等费用。（半成品:包括自制半成品、外协加工件。原材料：外购件、带料外协的外购件。辅助材料：现场使用的耗材）</p>
</div>
</el-card>
</div>
@ -153,34 +139,11 @@ const props = defineProps<{
projectId: string;
}>();
const MATERIAL_TYPE = {
MAIN: '1', //主要材料费
OTHER: '2' //其他材料费
};
// 材料费数据
const materialData = ref<rdBudgetMaterialCostVO[]>([]);
const toDeletedMaterialCostIdList = ref([]);
// 其他材料费
const otherMaterialData = ref<rdBudgetMaterialCostVO>();
const defaultOtherMaterial = ref({
sortOrder: 1,
materialName: '其他材料费',
materialType: MATERIAL_TYPE.OTHER,
unitId: undefined,
unitPrice: undefined,
amount: undefined,
price: 0
});
// 响应式数据
const otherMaterial = ref(defaultOtherMaterial);
// 合并所有材料数据（主要材料 + 其他材料）
const allMaterialData = computed(() => {
return [...materialData.value, otherMaterial.value];
});
const unitOptions = ref<UnitInfoVO[]>([]);
@ -188,13 +151,12 @@ const unitOptions = ref<UnitInfoVO[]>([]);
// const unitOptions = ref(['kg', 'g', 't', 'm', 'cm', 'mm', 'm²', 'm³', '个', '件', '套', '批', '箱', '袋', '瓶', '小时', '天', '月', '年', '次']);
// 总金额和总数量
const totalAmount = ref(0);
const totalQuantity = ref(0);
// 主要材料费合计（排除其他材料费）
const mainMaterialTotalAmount = computed(() => {
return materialData.value.reduce((sum, item) => sum + (Number(item.price) || 0), 0);
});
// const totalAmount = computed(() => {
// return materialData.value.reduce((sum, item) => sum + (Number(item.price) || 0), 0);
// });
// 选中的行
const selectedRows = ref<any[]>([]);
@ -214,31 +176,6 @@ const format2TenThousandNumber = (value: number) => {
return (parseFloat(value) / 10000).toFixed(2);
};
const checkSelectable = (row: rdBudgetMaterialCostVO, index: number) => {
return row.materialType === MATERIAL_TYPE.MAIN;
};
// 监听 otherMaterialData 的变化
watch(
otherMaterialData,
(newVal) => {
if (newVal) {
otherMaterial.value = newVal;
} else {
otherMaterial.value = defaultOtherMaterial.value;
}
},
{ immediate: true }
); // immediate: true 立即执行一次
// 监听材料数据变化，更新总合计
watch(
() => [materialData, otherMaterial],
() => {
calculateTotal();
},
{ deep: true }
);
// 添加指定行数
const addSpecifiedRows = async () => {
@ -253,14 +190,13 @@ const addSpecifiedRows = async () => {
materialData.value.push({
sortOrder: currentSortOrder + i + 1,
materialName: '',
materialType: MATERIAL_TYPE.MAIN,
materialType: '',
unitId: undefined,
unitPrice: undefined,
amount: undefined,
price: 0
});
}
otherMaterial.value.sortOrder = currentSortOrder + 1 + addRowCount.value;
// 等待DOM更新后滚动到底部
await nextTick();
scrollToBottom();
@ -290,8 +226,6 @@ const handleDelete = (index: number, row: rdBudgetMaterialCostVO) => {
if (row.materialCostId) {
toDeletedMaterialCostIdList.value.push(row.materialCostId);
}
otherMaterial.value.sortOrder = otherMaterial.value.sortOrder - 1;
calculateTotal();
};
// 批量删除
@ -311,8 +245,6 @@ const handleBatchDelete = () => {
materialData.value.forEach((item, index) => {
item.sortOrder = index + 1;
});
otherMaterial.value.sortOrder = otherMaterial.value.sortOrder - selectedRows.value.length;
calculateTotal();
selectedRows.value = [];
};
@ -322,24 +254,44 @@ const calculateAmount = () => {
materialData.value.forEach((item) => {
item.price = (item.amount || 0) * (item.unitPrice || 0);
});
// 计算其他材料金额
// otherMaterial.value.price = (otherMaterial.value.amount || 0) * (otherMaterial.value.unitPrice || 0);
// 计算总金额
calculateTotal();
};
// 计算总金额和总数量
const calculateTotal = () => {
const mainAmount = parseFloat(((Number(mainMaterialTotalAmount.value) || 0) / 10000).toFixed(2));
const otherAmount = parseFloat((Number(otherMaterial.value.price) || 0).toFixed(2));
totalAmount.value = (mainAmount + otherAmount).toFixed(2);
};
// 合计方法
const getSummaries = (param: any) => {
const { columns, data } = param;
const sums: any[] = [];
columns.forEach((column: any, index: number) => {
if (index === 2) {
sums[index] = '合计(万元)';
return;
}
if (column.property === 'price') {
const values = data.map((item: any) => Number(item[column.property]));
if (!values.every((value: number) => Number.isNaN(value))) {
sums[index] = values.reduce((prev: number, curr: number) => {
const value = Number(curr)
if (!Number.isNaN(value)) {
return prev + curr
} else {
return prev
}
}, 0);
sums[index] = formatNumber(sums[index]);
} else {
sums[index] = '';
}
} else {
sums[index] = '';
}
});
return sums;
}
// 获取总金额（供父组件调用）
const getTotalAmount = () => {
return (Number(totalAmount.value) || 0) * 10000;
const totalAmount = materialData.value.reduce((sum, item) => sum + Number(item.price), 0)
return totalAmount * 10000;
};
// 获取单位列表
@ -361,32 +313,13 @@ const refreshData = () => {
// 重置数据
const resetData = () => {
materialData.value.splice(0, materialData.value.length);
totalAmount.value = 0;
totalQuantity.value = 0;
// 重置其他材料费
// otherMaterial.unit = '';
// otherMaterial.quantity = 0;
// otherMaterial.unitPrice = 0;
// otherMaterial.amount = 0;
};
// 获取表单数据
const getFormData = () => {
return {
materialData: [...materialData.value],
otherMaterial: { ...otherMaterial },
totalAmount: totalAmount.value,
totalQuantity: totalQuantity.value
};
};
// 暴露方法给父组件
defineExpose({
materialData,
otherMaterial,
otherMaterialData,
allMaterialData,
toDeletedMaterialCostIdList,
getTotalAmount
});

50
src/views/oa/erp/budgetInfo/rd/OtherCost.vue
Unescape Escape View File

@ -21,12 +21,26 @@
</div>
</div>
<el-table v-loading="loading" :data="otherCostList" style="width: 100%" border @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" />
<el-table
v-loading="loading"
:data="otherCostList"
style="width: 100%"
show-summary
:summary-method="
() => {
const cols = ['', '', '合计(万元)', ''];
cols[cols.length - 1] = formatNumber(totalAmount);
return cols;
}
"
border
@selection-change="handleSelectionChange"
>
<el-table-column type="selection" width="55" :selectable="checkSelectable" />
<el-table-column prop="sortOrder" label="序号" width="80" type="index" />
<el-table-column prop="itemDesc" label="项目" min-width="200">
<el-table-column prop="itemDesc" label="费用项目" width="200">
<template #default="scope">
<el-input v-model="scope.row.itemDesc" placeholder="请输入项目名称" :data-row-index="scope.$index" />
<el-input v-model="scope.row.itemDesc" placeholder="请输入项目名称" :data-row-index="scope.$index" :disabled="scope.row.sortOrder <= 7"/>
</template>
</el-table-column>
<el-table-column prop="price" label="金额(万元)" width="180">
@ -34,20 +48,21 @@
<el-input-number v-model="scope.row.price" :min="0" :step="1" :precision="2" size="small" />
</template>
</el-table-column>
<el-table-column prop="remark" label="费用说明" min-width="200">
<template #default="scope">
<el-input v-model="scope.row.remark" placeholder="请输入费用说明" :data-row-index="scope.$index" />
</template>
</el-table-column>
<el-table-column label="操作" width="120" fixed="right">
<template #default="scope">
<el-button type="danger" size="small" @click="handleDelete(scope.$index, scope.row)" icon="Delete">
<el-button type="danger" size="small" @click="handleDelete(scope.$index, scope.row)" icon="Delete" v-if="scope.row.sortOrder > 7">
删除
</el-button>
</template>
</el-table-column>
</el-table>
<!-- 合计行 -->
<div class="mt-4 bg-gray-50 p-3 rounded text-right font-semibold">合计: {{ formatNumber(totalAmount) }} 万元</div>
</el-card>
<!-- 添加对话框已移除，直接在界面上添加行数输入框 -->
</div>
</template>
@ -63,11 +78,26 @@ const props = defineProps<{
// 响应式数据
const loading = ref(false);
const otherCostList = ref<rdBudgetOtherCostVO[]>([]);
// const otherCostList = ref<rdBudgetOtherCostVO[]>([]);
const selectedRows = ref<rdBudgetOtherCostVO[]>([]);
const addRowCount = ref(1);
const toDeletedOtherCostIdList = ref([]);
// 预算数据
const otherCostList = ref([
{ sortOrder: 1, itemDesc: '安装费' },
{ sortOrder: 2, itemDesc: '资料/文献费' },
{ sortOrder: 3, itemDesc: '会议费' },
{ sortOrder: 4, itemDesc: '劳务费' },
{ sortOrder: 5, itemDesc: '运输装卸费' },
{ sortOrder: 6, itemDesc: '中介代理费' },
{ sortOrder: 7, itemDesc: '其他费用' }
]);
const checkSelectable = (row: rdBudgetOtherCostVO, index: number) => {
return row.sortOrder > 7;
};
// 格式化数字,元转换为万元
const formatNumber = (value: number) => {
if (!value) return '0.00';

653
src/views/oa/erp/budgetInfo/rd/TechCost.vue
Unescape Escape View File

@ -0,0 +1,653 @@
<template>
<div class="labor-service-container">
<!-- 技术服务费预算明细表 -->
<el-card class="mb-6">
<h3 class="text-lg font-medium mb-4">专家咨询费预算明细表</h3>
<div>
<!-- 会议形式 -->
<div class="mb-6">
<div class="flex items-center justify-between mb-3 ml-4">
<h5 class="font-medium text-sm">1. 会议形式</h5>
<div class="flex items-center gap-2">
<span class="text-sm" style="white-space: nowrap">行数:</span>
<el-input-number v-model="expertMeetingAddRowCount" :min="1" :max="100" :step="1" size="small" />
<el-button type="primary" @click="confirmExpertMeetingAdd" size="small">
<el-icon>
<Plus />
</el-icon>
添加
</el-button>
<el-button type="danger" @click="handleExpertMeetingBatchDelete" size="small" :disabled="selectedExpertMeetingRows.length === 0">
<el-icon>
<Delete />
</el-icon>
删除
</el-button>
</div>
</div>
<el-table
v-loading="loading"
:data="expertMeetingList"
style="width: 100%"
:summary-method="getExpertMeetingSummaries"
show-summary
border
@selection-change="handleExpertMeetingSelectionChange"
>
<el-table-column type="selection" width="55" />
<el-table-column prop="sortOrder" label="序号" width="80" align="center" />
<el-table-column prop="techContent" label="内容" min-width="200">
<template #default="scope">
<el-input v-model="scope.row.techContent" placeholder="请输入咨询内容" />
</template>
</el-table-column>
<el-table-column prop="professionalDirection" label="专业方向" width="180">
<template #default="scope">
<el-input v-model="scope.row.professionalDirection" placeholder="请输入专业方向" />
</template>
</el-table-column>
<el-table-column prop="peopleNumber" label="专家人数" width="150">
<template #default="scope">
<el-input-number
v-model="scope.row.peopleNumber"
:min="0"
:step="1"
:precision="0"
size="small"
/>
</template>
</el-table-column>
<el-table-column prop="days" label="天数" width="150">
<template #default="scope">
<el-input-number v-model="scope.row.days" :min="0" :step="1" :precision="2" size="small" />
</template>
</el-table-column>
<el-table-column prop="price" label="金额(万元)" width="160">
<template #default="scope">
<el-input-number v-model="scope.row.price" :min="0" :step="1" :precision="2" size="small" />
</template>
</el-table-column>
<el-table-column label="操作" width="120" fixed="right">
<template #default="scope">
<el-button type="danger" size="small" @click="handleExpertMeetingDelete(scope.$index, scope.row)" icon="Delete"> 删除 </el-button>
</template>
</el-table-column>
</el-table>
</div>
<!-- 通讯形式 -->
<div>
<div class="flex items-center justify-between mb-3 ml-4">
<h5 class="font-medium text-sm">2. 通讯形式</h5>
<div class="flex items-center gap-2">
<span class="text-sm" style="white-space: nowrap">行数:</span>
<el-input-number v-model="expertCommAddRowCount" :min="1" :max="100" :step="1" size="small" />
<el-button type="primary" @click="confirmExpertCommAdd" size="small">
<el-icon>
<Plus />
</el-icon>
添加
</el-button>
<el-button type="danger" @click="handleExpertCommBatchDelete" size="small" :disabled="selectedExpertCommRows.length === 0">
<el-icon>
<Delete />
</el-icon>
删除
</el-button>
</div>
</div>
<el-table
v-loading="loading"
:data="expertCommList"
style="width: 100%"
:summary-method="getExpertCommSummaries"
show-summary
@selection-change="handleExpertCommSelectionChange"
>
<el-table-column type="selection" width="55" />
<el-table-column prop="sortOrder" label="序号" width="80" align="center" />
<el-table-column prop="techContent" label="内容" min-width="200">
<template #default="scope">
<el-input v-model="scope.row.techContent" placeholder="请输入咨询内容" />
</template>
</el-table-column>
<el-table-column prop="professionalDirection" label="专业方向" width="180">
<template #default="scope">
<el-input v-model="scope.row.professionalDirection" placeholder="请输入专业方向" />
</template>
</el-table-column>
<el-table-column prop="peopleNumber" label="专家人数" width="150">
<template #default="scope">
<el-input-number
v-model="scope.row.peopleNumber"
:min="0"
:step="1"
:precision="0"
size="small"
/>
</template>
</el-table-column>
<el-table-column prop="frequency" label="次数" width="150">
<template #default="scope">
<el-input-number v-model="scope.row.frequency" :min="0" :step="1" :precision="0" size="small" />
</template>
</el-table-column>
<el-table-column prop="price" label="金额(万元)" width="150">
<template #default="scope">
<el-input-number v-model="scope.row.price" :min="0" :step="1" :precision="2" size="small" />
</template>
</el-table-column>
<el-table-column label="操作" width="100" fixed="right">
<template #default="scope">
<el-button type="danger" size="small" @click="handleExpertCommDelete(scope.$index, scope.row)" icon="Delete"> 删除 </el-button>
</template>
</el-table-column>
</el-table>
</div>
<!-- 专家咨询合计 -->
<div class="mt-2 bg-gray-50 p-3 rounded text-right font-semibold border-t border-gray-200">
专家咨询合计: {{ formatNumber(expertConsultSubtotal) }} 万元
</div>
</div>
</el-card>
<!-- 新产品设计费明细表 -->
<el-card class="mb-6">
<div class="flex items-center justify-between mb-4">
<h3 class="text-lg font-medium">新产品设计费</h3>
<div class="flex gap-2 items-center">
<span class="text-sm" style="white-space: nowrap">行数:</span>
<el-input-number v-model="techAddRowCount" :min="1" :max="100" :step="1" size="small" />
<el-button type="primary" @click="confirmTechAdd" size="small">
<el-icon>
<Plus />
</el-icon>
添加
</el-button>
<el-button type="danger" @click="handleTechBatchDelete" size="small" :disabled="selectedTechRows.length === 0">
<el-icon>
<Delete />
</el-icon>
删除
</el-button>
</div>
</div>
<el-table
v-loading="loading"
:data="techConsultList"
:summary-method="getProductDesignSummaries"
show-summary
style="width: 100%"
border
@selection-change="handleTechSelectionChange"
>
<el-table-column type="selection" width="55" />
<el-table-column prop="sortOrder" label="序号" width="80" align="center" />
<el-table-column prop="techContent" label="内容" min-width="200">
<template #default="scope">
<el-input v-model="scope.row.techContent" placeholder="请输入咨询开发内容" />
</template>
</el-table-column>
<el-table-column prop="unitName" label="单位" width="160">
<template #default="scope">
<el-input v-model="scope.row.unitName" placeholder="请输入单位" />
</template>
</el-table-column>
<el-table-column prop="price" label="金额(万元)" width="160">
<template #default="scope">
<el-input-number v-model="scope.row.price" :min="0" :step="1" :precision="2" size="small" />
</template>
</el-table-column>
<el-table-column prop="remark" label="备注" width="200">
<template #default="scope">
<el-input v-model="scope.row.remark" placeholder="请输入备注" type="textarea" :rows="2" />
</template>
</el-table-column>
<el-table-column label="操作" width="120" fixed="right">
<template #default="scope">
<el-button type="danger" size="small" @click="handleTechDelete(scope.$index, scope.row)" icon="Delete"> 删除 </el-button>
</template>
</el-table-column>
</el-table>
</el-card>
</div>
</template>
<script setup lang="ts">
import { ref, computed, watch } from 'vue';
import { ElMessage } from 'element-plus';
import { rdBudgetTechCostVO } from '@/api/oa/erp/budgetInfo/rd/rdBudgetTechCost/types';
const TECH_TYPE = {
TECH_CONSULT: '1', //技术咨询开发
EXPERT_MEETING: '2', //专家咨询-会议形式
EXPERT_COMM: '3' //专家咨询-通讯形式
};
// Props
const props = defineProps<{
projectId?: string;
}>();
// Emits
const emit = defineEmits<{
update: [
data: {
techConsultTotal: number;
laborTotal: number;
serviceTotal: number;
}
];
}>();
// 响应式数据
const loading = ref(false);
// 技术咨询开发相关
const techConsultList = ref<rdBudgetTechCostVO[]>([]);
const selectedTechRows = ref<rdBudgetTechCostVO[]>([]);
const techAddRowCount = ref(1);
// 专家咨询-会议形式相关
const expertMeetingList = ref<rdBudgetTechCostVO[]>([]);
const selectedExpertMeetingRows = ref<rdBudgetTechCostVO[]>([]);
const expertMeetingAddRowCount = ref(1);
// 专家咨询-通讯形式相关
const expertCommList = ref<rdBudgetTechCostVO[]>([]);
const selectedExpertCommRows = ref<rdBudgetTechCostVO[]>([]);
const expertCommAddRowCount = ref(1);
const toDeletedTechCostIdList = ref([]);
// 新产品设计费合计方法
const getProductDesignSummaries = (param: any) => {
const { columns, data } = param;
const sums: any[] = [];
columns.forEach((column: any, index: number) => {
if (index === 2) {
sums[index] = '合计';
return;
}
if (column.property === 'price') {
const values = data.map((item: any) => Number(item[column.property]));
if (!values.every((value: number) => Number.isNaN(value))) {
sums[index] = values.reduce((prev: number, curr: number) => {
const value = Number(curr);
if (!Number.isNaN(value)) {
return prev + curr;
} else {
return prev;
}
}, 0);
sums[index] = formatNumber(sums[index]);
} else {
sums[index] = '';
}
} else {
sums[index] = '';
}
});
return sums;
};
// 计算各项小计
const techConsultSubtotal = computed(() => {
return techConsultList.value.reduce((sum, item) => sum + (Number(item.price) || 0), 0);
});
const expertMeetingSubtotal = computed(() => {
return expertMeetingList.value.reduce((sum, item) => {
const amountInTenThousand = Number(item.price) || 0;
const formattedAmount = parseFloat(amountInTenThousand.toFixed(2));
return sum + formattedAmount;
}, 0);
});
const expertCommSubtotal = computed(() => {
return expertCommList.value.reduce((sum, item) => {
const amountInTenThousand = Number(item.price) || 0;
const formattedAmount = parseFloat(amountInTenThousand.toFixed(2));
return sum + formattedAmount;
}, 0);
});
const expertConsultSubtotal = computed(() => {
return expertMeetingSubtotal.value + expertCommSubtotal.value;
});
// 格式化数字,元转换为万元
const formatNumber = (value: number) => {
if (!value) return '0.00';
return parseFloat(value).toFixed(2);
};
// 格式化数字,元转换为万元
const format2TenThousandNumber = (value: number) => {
if (!value) return '0.00';
return (parseFloat(value) / 10000).toFixed(2);
};
// 专家咨询会议形式合计方法
const getExpertMeetingSummaries = (param: any) => {
const { columns, data } = param;
const sums: any[] = [];
columns.forEach((column: any, index: number) => {
if (index === 2) {
sums[index] = '小计';
return;
}
if (column.property === 'price') {
const values = data.map((item: any) => Number(item[column.property]));
if (!values.every((value: number) => Number.isNaN(value))) {
sums[index] = values.reduce((prev: number, curr: number) => {
const value = Number(curr);
if (!Number.isNaN(value)) {
return prev + curr;
} else {
return prev;
}
}, 0);
sums[index] = formatNumber(sums[index]);
} else {
sums[index] = '';
}
} else {
sums[index] = '';
}
});
return sums;
};
// 计算专家咨询会议形式金额
// const calculateExpertMeetingAmount = () => {
// expertMeetingList.value.forEach((item) => {
// const expertCount = item.peopleNumber || 0;
// const days = item.days || 0;
// // 公式1：如果天数<2,则金额等于专家人数*天数*600，如果天数>=2,则金额等于(专家人数*2*600+专家人数*(天数-2)*300)
// if (days < 2) {
// item.price = expertCount * days * 600;
// } else {
// item.price = expertCount * 2 * 600 + expertCount * (days - 2) * 300;
// }
// });
// };
// 专家咨询通讯形式合计方法
const getExpertCommSummaries = (param: any) => {
const { columns, data } = param;
const sums: any[] = [];
columns.forEach((column: any, index: number) => {
if (index === 2) {
sums[index] = '小计';
return;
}
if (column.property === 'price') {
const values = data.map((item: any) => Number(item[column.property]));
if (!values.every((value: number) => Number.isNaN(value))) {
sums[index] = values.reduce((prev: number, curr: number) => {
const value = Number(curr);
if (!Number.isNaN(value)) {
return prev + curr;
} else {
return prev;
}
}, 0);
sums[index] = formatNumber(sums[index]);
} else {
sums[index] = '';
}
} else {
sums[index] = '';
}
});
return sums;
};
// 计算专家咨询通讯形式金额
// const calculateExpertCommAmount = () => {
// expertCommList.value.forEach((item) => {
// // 金额 = 人数 * 次数 * 70 / 10000
// item.price = (item.peopleNumber || 0) * (item.frequency || 0) * 70;
// });
// };
const getTechAmount = () => {
return {
expertConsultTotal: (Number(expertConsultSubtotal.value) || 0) * 10000,
techConsultTotal: (Number(techConsultSubtotal.value) || 0) * 10000
};
};
// 技术咨询开发相关方法
const confirmTechAdd = () => {
const currentSortOrder =
techConsultList.value && techConsultList.value.length > 0 ? Math.max(...techConsultList.value.map((item) => item.sortOrder)) : 0;
for (let i = 0; i < techAddRowCount.value; i++) {
const newItem: rdBudgetTechCostVO = {
sortOrder: currentSortOrder + i + 1,
techType: TECH_TYPE.TECH_CONSULT,
techContent: '',
unitId: undefined,
remark: '',
price: 0
};
techConsultList.value.push(newItem);
}
};
const handleTechSelectionChange = (selection: rdBudgetTechCostVO[]) => {
selectedTechRows.value = selection;
};
// 删除单行
const handleTechDelete = (index: number, row: rdBudgetTechCostVO) => {
techConsultList.value.splice(index, 1);
// 重新编号
techConsultList.value.forEach((item, index) => {
item.sortOrder = index + 1;
});
if (row.techCostId) {
toDeletedTechCostIdList.value.push(row.techCostId);
}
};
// 批量删除
const handleTechBatchDelete = () => {
if (selectedTechRows.value.length === 0) {
ElMessage.warning('请选择要删除的行');
return;
}
selectedTechRows.value.forEach((selectedRow) => {
if (selectedRow.techCostId) {
toDeletedTechCostIdList.value.push(selectedRow.techCostId);
}
});
techConsultList.value = techConsultList.value.filter((item) => !selectedTechRows.value.includes(item));
// 重新编号
techConsultList.value.forEach((item, index) => {
item.sortOrder = index + 1;
});
selectedTechRows.value = [];
};
// 专家咨询-会议形式相关方法
const confirmExpertMeetingAdd = () => {
const currentSortOrder =
expertMeetingList.value && expertMeetingList.value.length > 0 ? Math.max(...expertMeetingList.value.map((item) => item.sortOrder)) : 0;
for (let i = 0; i < expertMeetingAddRowCount.value; i++) {
const newItem: rdBudgetTechCostVO = {
sortOrder: currentSortOrder + i + 1,
techType: TECH_TYPE.EXPERT_MEETING,
techContent: '',
peopleNumber: undefined,
days: undefined,
price: 0
};
expertMeetingList.value.push(newItem);
}
};
const handleExpertMeetingSelectionChange = (selection: rdBudgetTechCostVO[]) => {
selectedExpertMeetingRows.value = selection;
};
// 删除单行
const handleExpertMeetingDelete = (index: number, row: rdBudgetTechCostVO) => {
expertMeetingList.value.splice(index, 1);
// 重新编号
expertMeetingList.value.forEach((item, index) => {
item.sortOrder = index + 1;
});
if (row.techCostId) {
toDeletedTechCostIdList.value.push(row.techCostId);
}
};
// 批量删除
const handleExpertMeetingBatchDelete = () => {
if (selectedExpertMeetingRows.value.length === 0) {
ElMessage.warning('请选择要删除的行');
return;
}
selectedExpertMeetingRows.value.forEach((selectedRow) => {
if (selectedRow.techCostId) {
toDeletedTechCostIdList.value.push(selectedRow.techCostId);
}
});
expertMeetingList.value = expertMeetingList.value.filter((item) => !selectedExpertMeetingRows.value.includes(item));
// 重新编号
expertMeetingList.value.forEach((item, index) => {
item.sortOrder = index + 1;
});
selectedExpertMeetingRows.value = [];
};
// 专家咨询-通讯形式相关方法
const confirmExpertCommAdd = () => {
const currentSortOrder =
expertCommList.value && expertCommList.value.length > 0 ? Math.max(...expertCommList.value.map((item) => item.sortOrder)) : 0;
for (let i = 0; i < expertCommAddRowCount.value; i++) {
const newItem: rdBudgetTechCostVO = {
sortOrder: currentSortOrder + i + 1,
techType: TECH_TYPE.EXPERT_COMM,
techContent: '',
peopleNumber: undefined,
frequency: undefined,
price: 0
};
expertCommList.value.push(newItem);
}
};
const handleExpertCommSelectionChange = (selection: rdBudgetTechCostVO[]) => {
selectedExpertCommRows.value = selection;
};
// 删除单行
const handleExpertCommDelete = (index: number, row: rdBudgetTechCostVO) => {
expertCommList.value.splice(index, 1);
// 重新编号
expertCommList.value.forEach((item, index) => {
item.sortOrder = index + 1;
});
if (row.techCostId) {
toDeletedTechCostIdList.value.push(row.techCostId);
}
};
// 批量删除
const handleExpertCommBatchDelete = () => {
if (selectedExpertCommRows.value.length === 0) {
ElMessage.warning('请选择要删除的行');
return;
}
selectedExpertCommRows.value.forEach((selectedRow) => {
if (selectedRow.techCostId) {
toDeletedTechCostIdList.value.push(selectedRow.techCostId);
}
});
expertCommList.value = expertCommList.value.filter((item) => !selectedExpertCommRows.value.includes(item));
// 重新编号
expertCommList.value.forEach((item, index) => {
item.sortOrder = index + 1;
});
selectedExpertCommRows.value = [];
};
// 监听projectId变化，重新加载数据
watch(
() => props.projectId,
(newProjectId) => {
if (newProjectId) {
}
},
{ immediate: true }
);
// 暴露方法供父组件调用
defineExpose({
techConsultList,
expertMeetingList,
expertCommList,
toDeletedTechCostIdList,
getTechAmount
});
</script>
<style scoped>
.labor-service-container {
padding: 0;
}
:deep(.el-table) {
margin-bottom: 16px;
}
:deep(.el-input-number) {
width: 100%;
}
.dialog-footer {
display: flex;
justify-content: flex-end;
gap: 12px;
}
.bg-gray-50 {
background-color: #f5f7fa;
}
.p-2 {
padding: 8px;
}
.p-3 {
padding: 12px;
}
.rounded {
border-radius: 4px;
}
.text-right {
text-align: right;
}
.font-medium {
font-weight: 500;
}
.font-semibold {
font-weight: 600;
}
</style>

31
src/views/oa/erp/budgetInfo/rd/TestingCost.vue
Unescape Escape View File

@ -23,17 +23,31 @@
</div>
</template>
<el-table :data="testData" border style="width: 100%" row-key="id" @selection-change="handleSelectionChange">
<el-table
:data="testData"
border
style="width: 100%"
row-key="id"
show-summary
:summary-method="
() => {
const cols = ['', '', '合计(万元)', '', '', '', '', ''];
cols[cols.length - 1] = formatNumber(totalAmount);
return cols;
}
"
@selection-change="handleSelectionChange"
>
<el-table-column type="selection" width="55" />
<el-table-column prop="sortOrder" label="序号" width="80" align="center" />
<el-table-column prop="testingContent" label="测试项目" min-width="180">
<el-table-column prop="testingContent" label="测试化验加工的内容" min-width="200">
<template #default="scope">
<el-input v-model="scope.row.testingContent" placeholder="请输入测试项目" :data-row-index="scope.$index" />
<el-input v-model="scope.row.testingContent" placeholder="请输入测试化验加工内容" :data-row-index="scope.$index" />
</template>
</el-table-column>
<el-table-column prop="testingUnitName" label="测试化验单位" width="180">
<el-table-column prop="testingUnitName" label="测试化验加工单位" width="200">
<template #default="scope">
<el-input v-model="scope.row.testingUnitName" placeholder="请输入测试化验单位" />
<el-input v-model="scope.row.testingUnitName" placeholder="请输入测试化验加工单位" />
</template>
</el-table-column>
<el-table-column prop="unitName" label="单位" width="180">
@ -64,10 +78,8 @@
</el-table-column>
</el-table>
<div class="total-row">
<div class="total-item">
<span>测试化验加工费总计(万元)：{{ formatNumber(totalAmount) }}</span>
</div>
<div class="mt-4 bg-gray-50 p-3 rounded text-left font-semibold">
<p>注：是指支付给外单位（包括公司内部经济核算单位）的检验、测试、化验及加工等费用。</p>
</div>
</el-card>
</div>
@ -215,7 +227,6 @@ const refreshData = () => {
const resetData = () => {
testData.value.splice(0, testData.value.length);
totalAmount.value = 0;
idCounter = 1;
};
// 获取表单数据

407
src/views/oa/erp/budgetInfo/rd/TravelMeetingExchange.vue
Unescape Escape View File

@ -39,10 +39,10 @@
'',
'',
'',
'合计(万元)',
format2TenThousandNumber(travelTransportTotal),
format2TenThousandNumber(travelAccommodationTotal),
format2TenThousandNumber(travelSubsidyTotal),
'合计',
formatNumber(travelTransportTotal),
formatNumber(travelAccommodationTotal),
formatNumber(travelSubsidyTotal),
formatNumber(travelSubtotalTotal),
''
];
@ -111,118 +111,21 @@
</el-table>
</el-card>
<!-- 会议费预算明细表 -->
<el-card class="mb-6">
<div class="flex items-center justify-between mb-4">
<h3 class="text-lg font-medium">会议费预算明细表</h3>
<div class="flex gap-2 items-center">
<span class="mr-2">行数:</span>
<el-input-number v-model="meetingAddRowCount" :min="1" :max="10" :step="1" size="small" style="width: 100px" />
<el-button type="primary" @click="confirmMeetingAdd" size="small">
<el-icon>
<Plus />
</el-icon>
添加
</el-button>
<el-button type="danger" @click="handleMeetingBatchDelete" size="small" :disabled="selectedMeetingRows.length === 0">
<el-icon>
<Delete />
</el-icon>
删除
</el-button>
</div>
</div>
<el-table
v-loading="loading"
:data="meetingList"
style="width: 100%"
border
@selection-change="handleMeetingSelectionChange"
show-summary
:summary-method="
() => {
const cols = ['', '', '', '', '', '', '', '', '合计(万元)', '', ''];
cols[cols.length - 2] = formatNumber(meetingFeeTotal);
return cols;
}
"
>
<el-table-column type="selection" width="55" />
<el-table-column prop="sortOrder" label="序号" type="index" width="80" />
<!-- 复合列：公司组织会议 -->
<el-table-column label="公司组织会议">
<el-table-column prop="meetingContent" label="会议内容" min-width="200">
<template #default="scope">
<el-input v-model="scope.row.meetingContent" placeholder="请输入会议内容" size="small" />
</template>
</el-table-column>
<el-table-column prop="rentalFee" label="场地日租金(元)" width="150">
<template #default="scope">
<el-input-number v-model="scope.row.rentalFee" :min="0" :precision="2" :step="10" size="small" @change="calculateMeetingFee" />
</template>
</el-table-column>
<el-table-column prop="dailyExpense" label="日均杂费(元)" width="150">
<template #default="scope">
<el-input-number v-model="scope.row.dailyExpense" :min="0" :precision="2" :step="10" size="small" @change="calculateMeetingFee" />
</template>
</el-table-column>
<el-table-column prop="days" label="天数" width="150">
<template #default="scope">
<el-input-number v-model="scope.row.days" :min="0" :precision="0" :step="1" size="small" @change="calculateMeetingFee" />
</template>
</el-table-column>
<el-table-column prop="expertExpense" label="专家交通住宿费" width="160">
<template #default="scope">
<el-input-number v-model="scope.row.expertExpense" :min="0" :precision="2" :step="10" size="small" @change="calculateMeetingFee" />
</template>
</el-table-column>
</el-table-column>
<!-- 复合列：外出参加会议 -->
<el-table-column label="外出参加会议">
<el-table-column prop="peopleNumber" label="人数" width="150">
<template #default="scope">
<el-input-number v-model="scope.row.peopleNumber" :min="0" :precision="0" :step="1" size="small" @change="calculateMeetingFee" />
</template>
</el-table-column>
<el-table-column prop="perPersonExpense" label="人均交费" width="150">
<template #default="scope">
<el-input-number v-model="scope.row.perPersonExpense" :min="0" :precision="2" :step="10" size="small" @change="calculateMeetingFee" />
</template>
</el-table-column>
</el-table-column>
<el-table-column prop="meetingPrice" label="会议费(万元)" width="110">
<template #default="scope">
{{ format2TenThousandNumber(scope.row.meetingPrice) }}
</template>
</el-table-column>
<el-table-column label="操作" width="100" fixed="right">
<template #default="scope">
<el-button type="danger" size="small" @click="handleMeetingDelete(scope.$index, scope.row)" icon="Delete">
删除
</el-button>
</template>
</el-table-column>
</el-table>
</el-card>
<!-- 国际交流费预算明细表 -->
<!-- 交通算明细表 -->
<el-card>
<div class="flex items-center justify-between mb-4">
<h3 class="text-lg font-medium">国际交流费预算明细表</h3>
<h3 class="text-lg font-medium">交通费明细表</h3>
<div class="flex gap-2 items-center">
<span class="mr-2">行数:</span>
<el-input-number v-model="internationalAddRowCount" :min="1" :max="10" :step="1" size="small" style="width: 100px" />
<el-button type="primary" @click="confirmInternationalAdd" size="small">
<el-input-number v-model="transportationAddRowCount" :min="1" :max="10" :step="1" size="small" style="width: 100px" />
<el-button type="primary" @click="confirmTransportationAdd" size="small">
<el-icon>
<Plus />
</el-icon>
添加
</el-button>
<el-button type="danger" @click="handleExchangeBatchDelete" size="small" :disabled="selectedInternationalRows.length === 0">
<el-button type="danger" @click="handleTransportationBatchDelete" size="small" :disabled="selectedTransportationRows.length === 0">
<el-icon>
<Delete />
</el-icon>
@ -233,97 +136,61 @@
<el-table
v-loading="loading"
:data="exchangeList"
:data="transportationList"
style="width: 100%"
border
@selection-change="handleInternationalSelectionChange"
@selection-change="handleTransportationSelectionChange"
show-summary
:summary-method="
() => {
const cols = ['', '', '', '', '', '', '', '', '合计(万元)', ''];
cols[cols.length - 1] = formatNumber(internationalSubtotalTotal);
const cols = ['', '', '', '合计(万元)', '',''];
cols[cols.length - 1] = formatNumber(transportationSubtotalTotal);
return cols;
}
"
>
<el-table-column type="selection" width="55" />
<el-table-column prop="sortOrder" label="序号" type="index" width="80" />
<el-table-column prop="communicationType" label="合作交流类型" min-width="180">
<el-table-column prop="tripLocation" label="出行起止地点" width="200">
<template #default="scope">
<el-select
v-model="scope.row.communicationType"
placeholder="请选择交流类型"
size="small"
filterable
allow-create
default-first-option
@change="calculateInternationalSubtotal"
>
<el-option label="学术访问" value="学术访问" />
<el-option label="技术培训" value="技术培训" />
<el-option label="国际会议" value="国际会议" />
<el-option label="合作研发" value="合作研发" />
<el-option label="出国考察" value="出国考察" />
</el-select>
<el-input v-model="scope.row.tripLocation" placeholder="请输入出行起止地点" />
</template>
</el-table-column>
<el-table-column prop="countryRegion" label="国家和地区" width="120">
<el-table-column prop="reason" label="出行任务" min-width="180">
<template #default="scope">
<el-input v-model="scope.row.countryRegion" placeholder="请输入国家和地区" size="small" />
<el-input v-model="scope.row.reason" type="textarea" placeholder="请输入出行任务" size="small" :rows="2" resize="vertical" />
</template>
</el-table-column>
<el-table-column prop="institution" label="机构" width="150">
<template #default="scope">
<el-input v-model="scope.row.institution" placeholder="请输入机构" size="small" />
</template>
</el-table-column>
<el-table-column prop="peopleNumber" label="人数(人)" width="120">
<el-table-column prop="subtotalCosts" label="金额(元)" width="180">
<template #default="scope">
<el-input-number
v-model="scope.row.peopleNumber"
:min="0"
:precision="0"
:step="1"
size="small"
@change="calculateInternationalSubtotal"
/>
</template>
</el-table-column>
<el-table-column prop="days" label="时间(天)" width="150">
<template #default="scope">
<el-input-number v-model="scope.row.days" :min="0" :precision="2" :step="1" size="small" @change="calculateInternationalSubtotal" />
</template>
</el-table-column>
<el-table-column prop="travelAccommodationExpense" label="往返路费及住宿费" width="180">
<template #default="scope">
<el-input-number
v-model="scope.row.travelAccommodationExpense"
v-model="scope.row.subtotalCosts"
:min="0"
:precision="2"
:step="10"
size="small"
@change="calculateInternationalSubtotal"
/>
</template>
</el-table-column>
<el-table-column prop="subsidy" label="补贴(元)" width="120">
<template #default="scope">
{{ formatNumber(scope.row.subsidy) }}
</template>
</el-table-column>
<el-table-column prop="price" label="小计(万元)" width="120">
<template #default="scope">
{{ format2TenThousandNumber(scope.row.price) }}
{{ format2TenThousandNumber(scope.row.subtotalCosts) }}
</template>
</el-table-column>
<el-table-column label="操作" width="120" fixed="right">
<template #default="scope">
<el-button type="danger" size="small" @click="handleExchangeDelete(scope.$index, scope.row)" icon="Delete">
<el-button type="danger" size="small" @click="handleTransportationDelete(scope.$index, scope.row)" icon="Delete">
删除</el-button>
</template>
</el-table-column>
</el-table>
</el-card>
<div class="mt-4 bg-gray-50 p-3 rounded text-left font-semibold">
<p>注：开展实验（试验）、考察、业务调研、学术交流等发生的外埠差旅费、市内交通费用等。开支标准按照公司有关规定执行。</p>
</div>
</div>
</template>
@ -331,14 +198,17 @@
import { ref, computed, watch } from 'vue';
import { ElMessage } from 'element-plus';
import { rdBudgetTravelCostVO } from '@/api/oa/erp/budgetInfo/rd/rdBudgetTravelCost/types';
import { rdBudgetMeetingCostVO } from '@/api/oa/erp/budgetInfo/rd/rdBudgetMeetingCost/types';
import { rdBudgetExchangeCostVO } from '@/api/oa/erp/budgetInfo/rd/rdBudgetExchangeCost/types';
// Props
const props = defineProps<{
projectId?: string;
}>();
const TRIP_TYPE = {
TRAVEL: '1', //差旅费
TRANSPORTATION: '2' //交通费
};
// 响应式数据
const loading = ref(false);
@ -348,17 +218,11 @@ const selectedTravelRows = ref<rdBudgetTravelCostVO[]>([]);
const travelAddRowCount = ref(1);
const toDeletedTravelCostIdList = ref([]);
// 会议费相关
const meetingList = ref<rdBudgetMeetingCostVO[]>([]);
const selectedMeetingRows = ref<rdBudgetMeetingCostVO[]>([]);
const meetingAddRowCount = ref(1);
const toDeletedMeetingCostIdList = ref([]);
// 国际交流费相关
const exchangeList = ref<rdBudgetExchangeCostVO[]>([]);
const selectedInternationalRows = ref<rdBudgetExchangeCostVO[]>([]);
const internationalAddRowCount = ref(1);
const toDeletedExchangeCostIdList = ref([]);
// 交通费相关
const transportationList = ref<rdBudgetTravelCostVO[]>([]);
const selectedTransportationRows = ref<rdBudgetTravelCostVO[]>([]);
const transportationAddRowCount = ref(1);
const toDeletedTransportationCostIdList = ref([]);
// 计算差旅费合计
//往返路费
@ -385,19 +249,10 @@ const travelSubtotalTotal = computed(() => {
}, 0);
});
// 计算会议费合计（需要转成万元，2位小数再相加）
const meetingFeeTotal = computed(() => {
return meetingList.value.reduce((sum, item) => {
const amountInTenThousand = (Number(item.meetingPrice) || 0) / 10000;
const formattedAmount = parseFloat(amountInTenThousand.toFixed(2));
return sum + formattedAmount;
}, 0);
});
// 计算国际交流费合计（需要转成万元，2位小数再相加）
const internationalSubtotalTotal = computed(() => {
return exchangeList.value.reduce((sum, item) => {
const amountInTenThousand = (Number(item.price) || 0) / 10000;
// 计算交通费合计（需要转成万元，2位小数再相加）
const transportationSubtotalTotal = computed(() => {
return transportationList.value.reduce((sum, item) => {
const amountInTenThousand = (Number(item.subtotalCosts) || 0) / 10000;
const formattedAmount = parseFloat(amountInTenThousand.toFixed(2));
return sum + formattedAmount;
}, 0);
@ -419,47 +274,19 @@ const format2TenThousandNumber = (value: number) => {
const calculateTravelSubtotal = () => {
travelList.value.forEach((item) => {
// 住宿费 = 人数 * 天数 * 住宿标准
item.stayCosts = (item.peopleNumber || 0) * (item.days || 0) * (item.stayStandard || 0);
item.stayCosts = (item.peopleNumber || 0) * (item.frequency || 0) * (item.days || 0) * (item.stayStandard || 0);
// 补贴 = 90 * 人数 * 天数
item.subsidyCosts = 90 * (item.peopleNumber || 0) * (item.days || 0);
item.subsidyCosts = 90 * (item.peopleNumber || 0) * (item.frequency || 0) * (item.days || 0);
// 小计 = (往返路费 + 住宿费 + 补贴) / 10000
item.subtotalCosts = (item.travelExpenses || 0) + item.stayCosts + item.subsidyCosts;
});
};
// 计算会议费
const calculateMeetingFee = () => {
meetingList.value.forEach((item) => {
// 公司组织会议：((场地日租金 + 日均杂费) * 天数 + 专家交通住宿费) / 10000
// 外出参加会议：(人数 * 人均交费) / 10000
//会议费=公司组织会议费用+外出参加会议费用
item.meetingPrice =
((item.rentalFee || 0) + (item.dailyExpense || 0)) * (item.days || 0) +
(item.expertExpense || 0) +
(item.peopleNumber || 0) * (item.perPersonExpense || 0);
});
};
// 计算国际交流费小计
const calculateInternationalSubtotal = () => {
exchangeList.value.forEach((item) => {
// 如果合作交流类型是出国考察，则补贴=40*人数*时间
if (item.communicationType === '出国考察') {
item.subsidy = 40 * (item.peopleNumber || 0) * (item.days || 0);
} else if (!item.subsidy) {
// 其他类型如果没有设置补贴，默认设为0
item.subsidy = 0;
}
// 小计 = (往返路费及住宿费 + 补贴) / 10000
item.price = (item.travelAccommodationExpense || 0) + (item.subsidy || 0);
});
};
const getTravelMeetingExchangeAmount = () => {
const getTravelAmount = () => {
return {
travelSubtotalTotal: (Number(travelSubtotalTotal.value) || 0) * 10000,
meetingFeeTotal: (Number(meetingFeeTotal.value) || 0) * 10000,
internationalSubtotalTotal: (Number(internationalSubtotalTotal.value) || 0) * 10000
transportationSubtotalTotal: (Number(transportationSubtotalTotal.value) || 0) * 10000
};
};
@ -469,12 +296,13 @@ const confirmTravelAdd = () => {
for (let i = 0; i < travelAddRowCount.value; i++) {
const newItem: rdBudgetTravelCostVO = {
sortOrder: currentSortOrder + i + 1,
tripType: TRIP_TYPE.TRAVEL,
tripLocation: '',
reason: '',
frequency: undefined,
peopleNumber: undefined,
days: undefined,
stayStandard: undefined,
stayStandard: 180,
travelExpenses: undefined,
stayCosts: 0,
subsidyCosts: 0,
@ -540,23 +368,19 @@ const handleTravelBatchDelete = () => {
selectedTravelRows.value = [];
};
// 会议费相关方法
const confirmMeetingAdd = () => {
const currentSortOrder = meetingList.value && meetingList.value.length > 0 ? Math.max(...meetingList.value.map((item) => item.sortOrder)) : 0;
for (let i = 0; i < meetingAddRowCount.value; i++) {
const newItem: rdBudgetMeetingCostVO = {
// 交通费相关方法
const confirmTransportationAdd = () => {
const currentSortOrder = transportationList.value && transportationList.value.length > 0 ? Math.max(...transportationList.value.map((item) => item.sortOrder)) : 0;
for (let i = 0; i < transportationAddRowCount.value; i++) {
const newItem: rdBudgetTravelCostVO = {
sortOrder: currentSortOrder + i + 1,
meetingContent: '',
rentalFee: undefined,
dailyExpense: undefined,
days: undefined,
expertExpense: undefined,
peopleNumber: undefined,
perPersonExpense: undefined,
meetingPrice: 0
tripType: TRIP_TYPE.TRANSPORTATION,
tripLocation: '',
reason: '',
};
meetingList.value.push(newItem);
transportationList.value.push(newItem);
}
// 滚动到最下方并聚焦到新添加的行
@ -568,83 +392,7 @@ const confirmMeetingAdd = () => {
// 尝试聚焦到新添加的第一行的第一个输入框
const rows = document.querySelectorAll('.el-table__body tr');
const newRow = rows[rows.length - meetingAddRowCount.value];
if (newRow) {
const firstInput = newRow.querySelector('input, select');
if (firstInput) {
firstInput.focus();
}
}
}, 0);
};
const handleMeetingSelectionChange = (selection: rdBudgetMeetingCostVO[]) => {
selectedMeetingRows.value = selection;
};
// 删除单行
const handleMeetingDelete = (index: number, row: rdBudgetMeetingCostVO) => {
meetingList.value.splice(index, 1);
// 重新编号
meetingList.value.forEach((item, index) => {
item.sortOrder = index + 1;
});
if (row.meetingCostId) {
toDeletedMeetingCostIdList.value.push(row.meetingCostId);
}
calculateMeetingFee();
};
// 批量删除
const handleMeetingBatchDelete = () => {
if (selectedMeetingRows.value.length === 0) {
ElMessage.warning('请选择要删除的行');
return;
}
selectedMeetingRows.value.forEach((selectedRow) => {
if (selectedRow.meetingCostId) {
toDeletedMeetingCostIdList.value.push(selectedRow.meetingCostId);
}
});
meetingList.value = meetingList.value.filter((item) => !selectedMeetingRows.value.includes(item));
// 重新编号
meetingList.value.forEach((item, index) => {
item.sortOrder = index + 1;
});
calculateMeetingFee();
selectedMeetingRows.value = [];
};
// 国际交流费相关方法
const confirmInternationalAdd = () => {
const currentSortOrder = exchangeList.value && exchangeList.value.length > 0 ? Math.max(...exchangeList.value.map((item) => item.sortOrder)) : 0;
for (let i = 0; i < internationalAddRowCount.value; i++) {
const newItem: rdBudgetExchangeCostVO = {
sortOrder: currentSortOrder + i + 1,
communicationType: '',
countryRegion: '',
institution: '',
peopleNumber: undefined,
days: undefined,
travelAccommodationExpense: undefined,
subsidy: undefined,
price: 0
};
exchangeList.value.push(newItem);
}
// 滚动到最下方并聚焦到新添加的行
setTimeout(() => {
const table = document.querySelector('.el-table__body-wrapper');
if (table) {
table.scrollTop = table.scrollHeight;
}
// 尝试聚焦到新添加的第一行的第一个输入框
const rows = document.querySelectorAll('.el-table__body tr');
const newRow = rows[rows.length - internationalAddRowCount.value];
const newRow = rows[rows.length - transportationAddRowCount.value];
if (newRow) {
const firstInput = newRow.querySelector('input, select');
if (firstInput) {
@ -655,42 +403,40 @@ const confirmInternationalAdd = () => {
};
const handleInternationalSelectionChange = (selection: rdBudgetExchangeCostVO[]) => {
selectedInternationalRows.value = selection;
const handleTransportationSelectionChange = (selection: rdBudgetTravelCostVO[]) => {
selectedTransportationRows.value = selection;
};
// 删除单行
const handleExchangeDelete = (index: number, row: rdBudgetExchangeCostVO) => {
exchangeList.value.splice(index, 1);
const handleTransportationDelete = (index: number, row: rdBudgetTravelCostVO) => {
transportationList.value.splice(index, 1);
// 重新编号
exchangeList.value.forEach((item, index) => {
transportationList.value.forEach((item, index) => {
item.sortOrder = index + 1;
});
if (row.exchangeCostId) {
toDeletedExchangeCostIdList.value.push(row.exchangeCostId);
if (row.travelCostId) {
toDeletedTravelCostIdList.value.push(row.travelCostId);
}
calculateInternationalSubtotal();
};
// 批量删除
const handleExchangeBatchDelete = () => {
if (selectedInternationalRows.value.length === 0) {
const handleTransportationBatchDelete = () => {
if (selectedTransportationRows.value.length === 0) {
ElMessage.warning('请选择要删除的行');
return;
}
selectedInternationalRows.value.forEach((selectedRow) => {
if (selectedRow.exchangeCostId) {
toDeletedExchangeCostIdList.value.push(selectedRow.exchangeCostId);
selectedTransportationRows.value.forEach((selectedRow) => {
if (selectedRow.travelCostId) {
toDeletedTravelCostIdList.value.push(selectedRow.travelCostId);
}
});
exchangeList.value = exchangeList.value.filter((item) => !selectedInternationalRows.value.includes(item));
transportationList.value = transportationList.value.filter((item) => !selectedTransportationRows.value.includes(item));
// 重新编号
exchangeList.value.forEach((item, index) => {
transportationList.value.forEach((item, index) => {
item.sortOrder = index + 1;
});
calculateInternationalSubtotal();
selectedInternationalRows.value = [];
selectedTransportationRows.value = [];
};
// 监听projectId变化，重新加载数据
@ -707,11 +453,8 @@ watch(
defineExpose({
travelList,
toDeletedTravelCostIdList,
meetingList,
toDeletedMeetingCostIdList,
exchangeList,
toDeletedExchangeCostIdList,
getTravelMeetingExchangeAmount
transportationList,
getTravelAmount
});
</script>

Write Preview
Loading…
Cancel
Save