hwbm-ui/src/views/oa/erp/budgetInfo/edit.vue

<template>
  <div class="project-budget-container">
    <!-- 审批按钮组件 -->
    <approvalButton
      @submitForm="handleSave"
      @approvalVerifyOpen="approvalVerifyOpen"
      @handleApprovalRecord="handleApprovalRecord"
      :buttonLoading="buttonLoading"
      :id="searchForm.budgetId"
      :status="searchForm.flowStatus"
      :pageType="routeParams.type"
      :mode="false"
    />
    <!-- 顶部表单区域 -->
    <el-card class="mb-6">
      <el-form :model="searchForm" label-width="80px">
        <el-row :gutter="20">
          <el-col :span="6">
            <el-form-item label="项目号">
              <el-input v-model="searchForm.projectCode" placeholder="请选择项目" readonly @click="showProjectSelectDialog" suffix-icon="Search">
              </el-input>
            </el-form-item>
          </el-col>
          <el-col :span="6">
            <el-form-item label="项目名称">
              <el-input v-model="searchForm.projectName" placeholder="请选择项目后自动填充" disabled />
            </el-form-item>
          </el-col>
          <!--          <el-col :span="12" class="text-right">-->
          <!--            <el-button type="primary" @click="exportBudget" size="default">-->
          <!--              <el-icon><Download /></el-icon>-->
          <!--              导出-->
          <!--            </el-button>-->
          <!--          </el-col>-->
        </el-row>
      </el-form>
    </el-card>

    <!-- 中间标签页区域 -->
    <!-- 研发项目预算 -->
    <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">
          <RdBudgetTable
            ref="rdBudgetTableRef"
            :projectId="searchForm.projectId"
            :costData="costData"
            :projectInfo="projectInfo"
            :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">
          <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">
          <RdLaborService ref="rdLaborServiceRef" :projectId="searchForm.projectId" />
        </el-tab-pane>
        <el-tab-pane label="资料文献费" name="literatureCost">
          <RdLiteratureCost ref="rdLiteratureCostRef" :projectId="searchForm.projectId" />
        </el-tab-pane>
        <el-tab-pane label="测试化验费" name="testingCost">
          <RdTestingCost ref="rdTestingCostRef" :projectId="searchForm.projectId" />
        </el-tab-pane>
        <el-tab-pane label="其他" name="otherCost">
          <RdOtherCost ref="rdOtherCostRef" :projectId="searchForm.projectId" />
        </el-tab-pane>
      </el-tabs>
    </el-card>

    <!-- 市场项目预算 -->
    <el-card
      class="mb-6"
      shadow="never"
      v-if="searchForm.projectCategory === PROJECT_CATEGORY.MARKET || searchForm.projectCategory === PROJECT_CATEGORY.MARKET_PART"
    >
      <el-tabs v-model="activeTab" @tab-click="handleTabClick">
        <el-tab-pane label="预算表" name="budget">
          <BudgetTable ref="budgetTableRef" :projectInfo="projectInfo" :userList="userList" />
        </el-tab-pane>
        <el-tab-pane label="材料费" name="material">
          <MaterialCost ref="materialCostRef" :budgetId="budgetId" />
        </el-tab-pane>
        <el-tab-pane label="人工费" name="labor">
          <LaborCost ref="laborCostRef" />
        </el-tab-pane>
        <el-tab-pane label="安装费" name="installation">
          <InstallationCost ref="installationCostRef" />
        </el-tab-pane>
        <el-tab-pane label="差旅费" name="travel">
          <TravelCost ref="travelCostRef" />
        </el-tab-pane>
        <el-tab-pane label="其他" name="other">
          <OtherCost ref="otherCostRef" />
        </el-tab-pane>
      </el-tabs>
    </el-card>

    <!-- 项目选择弹窗 -->
    <el-dialog v-model="projectSelectDialogVisible" title="选择项目" width="880px">
      <transition :enter-active-class="proxy?.animate.searchAnimate.enter" :leave-active-class="proxy?.animate.searchAnimate.leave">
        <div class="mb-[10px]">
          <el-card shadow="hover">
            <el-form ref="queryFormRef" :model="queryParams" :inline="true" label-width="80px">
              <el-form-item label="项目号" prop="projectCode">
                <el-input v-model="queryParams.projectCode" placeholder="请输入项目编号" clearable @keyup.enter="handleQuery" />
              </el-form-item>
              <el-form-item label="项目名称" prop="projectName">
                <el-input v-model="queryParams.projectName" placeholder="请输入项目名称" clearable @keyup.enter="handleQuery" />
              </el-form-item>
              <el-form-item label="项目状态" prop="projectStatus">
                <el-select v-model="queryParams.projectStatus" placeholder="请选择项目状态" clearable>
                  <el-option v-for="dict in project_status" :key="dict.value" :label="dict.label" :value="dict.value" />
                </el-select>
              </el-form-item>
              <el-form-item>
                <el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
                <el-button icon="Refresh" @click="resetQuery">重置</el-button>
              </el-form-item>
            </el-form>
          </el-card>
        </div>
      </transition>

      <el-table :data="projectList" border @row-click="selectProject" style="width: 100%" v-loading="projectLoading" highlight-current-row>
        <el-table-column prop="projectCode" label="项目号" width="150" />
        <el-table-column prop="projectName" label="项目名称" min-width="180" />
        <el-table-column prop="businessDirection" label="业务方向" width="120">
          <template #default="scope">
            <dict-tag :options="business_direction" :value="scope.row.businessDirection" />
          </template>
        </el-table-column>
        <el-table-column prop="projectCategory" label="项目类别" width="160">
          <template #default="scope">
            <dict-tag :options="project_category" :value="scope.row.projectCategory" />
          </template>
        </el-table-column>
        <el-table-column prop="projectStatus" label="项目状态" width="100">
          <template #default="scope">
            <dict-tag :options="project_status" :value="scope.row.projectStatus" />
          </template>
        </el-table-column>
      </el-table>

      <div class="mt-4 flex justify-between items-center">
        <pagination
          v-show="projectTotal > 0"
          :total="projectTotal"
          v-model:page="queryParams.pageNum"
          v-model:limit="queryParams.pageSize"
          @pagination="getProjectList"
        />
      </div>

      <template #footer>
        <span class="dialog-footer">
          <el-button @click="projectSelectDialogVisible = false">取消</el-button>
          <el-button type="primary" @click="confirmProjectSelection">确定</el-button>
        </span>
      </template>
    </el-dialog>

    <!-- 提交审批组件 -->
    <submitVerify ref="submitVerifyRef" @submit-callback="submitCallback" />
    <!-- 审批记录 -->
    <approvalRecord ref="approvalRecordRef" />
  </div>
</template>

<script setup lang="ts" name="BudgetInfoEdit">
import { ref, reactive } from 'vue';
import { ElMessage } from 'element-plus';
import { listProjectInfo, addErpBudgetInfo, updateErpBudgetInfo, getErpBudgetInfo } from '@/api/oa/erp/budgetInfo';
import { ProjectInfoVO, ProjectInfoQuery } from '@/api/oa/erp/projectInfo/types';
import { getUserList } from '@/api/system/user';

import { deepEqualArrays } from '@/utils/objHandle';

const router = useRouter();

const { proxy } = getCurrentInstance() as ComponentInternalInstance;
const { business_direction, project_status, project_category } = toRefs<any>(
  proxy?.useDict('business_direction', 'project_status', 'project_category')
);

//研发项目tab
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 RdTestingCost from './rd/TestingCost.vue';
import RdOtherCost from './rd/OtherCost.vue';

//市场项目tab
import BudgetTable from './market/BudgetTable.vue';
import MaterialCost from './market/MaterialCost.vue';
import LaborCost from './market/LaborCost.vue';
import InstallationCost from './market/InstallationCost.vue';
import TravelCost from './market/TravelCost.vue';
import OtherCost from './market/OtherCost.vue';

// 定义成本数据类型
interface CostData {
  equipmentCost: number;
  materialCost: number;
  travelCost: number;
  meetingCost: number;
  internationalExchangeCost: number;
  consultingDevelopmentCost: number;
  laborCost: number;
  serviceCost: number;
  literatureCost: number;
  testingCost: number;
  otherCost: number;
}

// 研发项目预算tab组件引用
const rdBudgetTableRef = ref();
const rdEquipmentCostRef = ref();
const rdMaterialCostRef = ref();
const rdTravelMeetingExchangeRef = ref();
const rdLaborServiceRef = ref();
const rdLiteratureCostRef = ref();
const rdTestingCostRef = ref();
const rdOtherCostRef = ref();

// 市场项目预算tab组件引用
const budgetTableRef = ref();
const materialCostRef = ref();
const laborCostRef = ref();
const installationCostRef = ref();
const travelCostRef = ref();
const otherCostRef = ref();

const oriBudgetMaterialCostList = ref<budgetMaterialCostVO[]>([]);
const oriBudgetLaborCostList = ref<budgetLaborCostVO[]>([]);
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 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 PROJECT_CATEGORY = reactive({
  MARKET: '1', //销售（实施、物流）
  MARKET_PART: '2', //销售（备件）
  RD: '3', //研发
  PRE_PRODUCTION: '4' //预投
});

const BUSINESS_STATUS = reactive({
  DRAFT: '1', //暂存
  WAITING: '2', //审批中
  AVAILABLE: '3' //可用
});

const MATERIAL_TYPE = {
  MAIN: '1', //主要材料费
  OTHER: '2' //其他材料费
};

const TECH_TYPE = reactive({
  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' //专用软件购买费
};

// 响应式数据
// 将activeTab从computed改为ref，使其可变
const activeTab = ref('budget');
const buttonLoading = ref(false);

const searchForm = reactive({
  budgetId: undefined,
  projectId: '',
  projectName: '',
  projectCode: '',
  projectCategory: '',
  flowStatus: ''
});

// 监听项目类别变化，更新默认标签页
watch(
  () => searchForm.projectCategory,
  (newCategory) => {
    if (newCategory === PROJECT_CATEGORY.RD || newCategory === PROJECT_CATEGORY.PRE_PRODUCTION) {
      activeTab.value = 'budgetTable';
    } else if (newCategory === PROJECT_CATEGORY.MARKET || newCategory === PROJECT_CATEGORY.MARKET_PART) {
      activeTab.value = 'budget';
    }
  }
);

// 项目信息
const projectInfo = reactive<ProjectInfoVO>({
  projectName: '',
  projectCode: '',
  projectCategory: ''
});

// 研发预算成本数据
const costData = reactive<CostData>({
  equipmentCost: 0,
  materialCost: 0,
  travelCost: 0,
  meetingCost: 0,
  internationalExchangeCost: 0,
  consultingDevelopmentCost: 0,
  laborCost: 0,
  serviceCost: 0,
  literatureCost: 0,
  testingCost: 0,
  otherCost: 0
});

const userList = ref<UserVO[]>([]);
/** 查询用户列表 */
const getUsers = async () => {
  const res = await getUserList({});
  userList.value = res.data;
};

// 项目选择弹窗相关
const projectSelectDialogVisible = ref(false);
const selectedProject = ref<ProjectInfoVO | null>(null);
const projectList = ref<ProjectInfoVO[]>([]);
const projectTotal = ref(0);
const projectLoading = ref(true);
const data = reactive<{ queryParams: ProjectInfoQuery }>({
  queryParams: {
    pageNum: 1,
    pageSize: 10,
    contractFlag: undefined,
    projectCode: undefined,
    projectName: undefined,
    businessDirection: undefined,
    projectCategory: undefined,
    spareFlag: undefined,
    projectTypeId: undefined,
    paymentMethod: undefined,
    deptId: undefined,
    managerId: undefined,
    chargeId: undefined,
    deputyId: undefined,
    peopleId: undefined,
    amount: undefined,
    projectStatus: undefined,
    flowStatus: undefined,
    sortOrder: undefined,
    contractId: undefined,
    activeFlag: undefined,
    params: {}
  }
});

const { queryParams } = toRefs(data);

const queryFormRef = ref<ElFormInstance>();

/** 搜索按钮操作 */
const handleQuery = () => {
  queryParams.value.pageNum = 1;
  getProjectList();
};

/** 重置按钮操作 */
const resetQuery = () => {
  queryFormRef.value?.resetFields();
  handleQuery();
};

/** 查询项目信息列表 */
const getProjectList = async () => {
  projectLoading.value = true;
  const res = await listProjectInfo(queryParams.value);
  console.log(searchForm);
  projectList.value = res.rows;
  projectTotal.value = res.total;
  projectLoading.value = false;
};

// 标签页切换处理
const handleTabClick = (tab: any) => {
  activeTab.value = tab.paneName;
  if ((budgetId.value && routeParams.value.type === 'update') || !budgetId.value) {
    if (searchForm.projectCategory === PROJECT_CATEGORY.RD || searchForm.projectCategory === PROJECT_CATEGORY.PRE_PRODUCTION) {
      updateRdBudgetTable();
    } else if (searchForm.projectCategory === PROJECT_CATEGORY.MARKET || searchForm.projectCategory === PROJECT_CATEGORY.MARKET_PART) {
      updateBudgetTable();
    }
  }
};

// 显示项目选择弹窗
const showProjectSelectDialog = () => {
  projectSelectDialogVisible.value = true;
  selectedProject.value = undefined;
  getProjectList();
};

// 选择项目
const selectProject = (row: ProjectInfoVO) => {
  selectedProject.value = row;
};

// 确认项目选择
const confirmProjectSelection = () => {
  if (!selectedProject.value) {
    ElMessage.warning('请选择一个项目');
    return;
  }

  // 更新项目信息
  searchForm.projectId = selectedProject.value.projectId;
  searchForm.projectName = selectedProject.value.projectName;
  searchForm.projectCode = selectedProject.value.projectCode;
  searchForm.projectCategory = selectedProject.value.projectCategory;

  projectInfo.projectId = selectedProject.value.projectId;
  projectInfo.projectName = selectedProject.value.projectName;
  projectInfo.projectCode = selectedProject.value.projectCode;
  projectInfo.projectCategory = selectedProject.value.projectCategory;

  projectSelectDialogVisible.value = false;
  // ElMessage.success('项目选择成功');

  // 重置所有成本数据
  Object.keys(costData).forEach((key) => {
    costData[key as keyof CostData] = 0;
  });
};

// 设备费更新处理
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;

  // 获取各tab页的合计数据
  const materialTotal = materialCostRef.value?.getTotalAmount() || { budgetAmount: 0, reducedAmount: 0 };
  const laborTotal = laborCostRef.value?.getTotalAmount() || { budgetAmount: 0, reducedAmount: 0 };
  const installationTotal = installationCostRef.value?.getTotalAmount() || { budgetAmount: 0, reducedAmount: 0 };
  const travelTotal = travelCostRef.value?.getTotalAmount() || { budgetAmount: 0, reducedAmount: 0 };
  const otherTotal = otherCostRef.value?.getTotalAmount() || { budgetAmount: 0, reducedAmount: 0 };

  // 更新预算表,目前是按单位是万元传值，后续如果根据单位是元，则在此判断更新传的值
  budgetTableRef.value.updateBudgetDetailData('材料费', materialTotal.budgetAmount / 10000, materialTotal.reducedAmount / 10000);
  budgetTableRef.value.updateBudgetDetailData('人工费', laborTotal.budgetAmount / 10000, laborTotal.reducedAmount / 10000);
  budgetTableRef.value.updateBudgetDetailData('安装费', installationTotal.budgetAmount / 10000, installationTotal.reducedAmount / 10000);
  budgetTableRef.value.updateBudgetDetailData('差旅费', travelTotal.budgetAmount / 10000, travelTotal.reducedAmount / 10000);
  budgetTableRef.value.updateBudgetDetailData('其他费用', otherTotal.budgetAmount / 10000, otherTotal.reducedAmount / 10000);
};

// 更新研发项目预算预算表数据
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 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('其他费用', 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);
  return user?.nickName || '';
};

// 提取数据比较和赋值逻辑
const assignIfChanged = (targetArray: any[], sourceArray: any[], originalArray: any[]): any[] => {
  return !deepEqualArrays(originalArray, sourceArray) ? sourceArray || [] : [];
};

const handleSave = async (status: string, mode: boolean) => {
  if (!searchForm.projectId) {
    ElMessage.warning('请先选择项目');
    return;
  }

  try {
    buttonLoading.value = true;

    const isRdProject = [PROJECT_CATEGORY.RD, PROJECT_CATEGORY.PRE_PRODUCTION].includes(searchForm.projectCategory);
    const isMarketProject = [PROJECT_CATEGORY.MARKET, PROJECT_CATEGORY.MARKET_PART].includes(searchForm.projectCategory);

    let budgetForm: budgetInfoForm = {};

    if (isRdProject) {
      budgetForm = await processRdBudgetForm(status);
    } else if (isMarketProject) {
      budgetForm = await processMarketBudgetForm(status);
    } else {
      ElMessage.warning('不支持的预算类型');
      return;
    }

    // 统一保存逻辑
    const saveOperation = budgetForm.budgetId ? () => updateErpBudgetInfo(budgetForm) : () => addErpBudgetInfo(budgetForm);

    await saveOperation();

    ElMessage.success('操作成功');
    handleSaveSuccess();
  } catch (error) {
    console.error('保存失败:', error);
    ElMessage.error('保存失败');
  } finally {
    buttonLoading.value = false;
  }
};

// 处理研发预算表单
const processRdBudgetForm = async (status: string): Promise<budgetInfoForm> => {
  await updateRdBudgetTable();

  const budgetDetailData = rdBudgetTableRef.value?.budgetDetailData || [];
  const rdBudgetInfoForm = rdBudgetTableRef.value?.rdBudgetInfoForm || {};
  const footerForm = rdBudgetTableRef.value?.footerForm || {};

  // 合并表单数据
  const budgetForm = {
    ...rdBudgetInfoForm,
    // 设置状态
    budgetStatus: getBudgetStatus(status),
    flowStatus: getFlowStatus(status),
    // 设置负责人信息
    managerId: footerForm.managerId,
    managerName: findUserName(userList.value, footerForm.managerId),
    approveUserId: footerForm.approveUserId,
    approveUserName: findUserName(userList.value, footerForm.approveUserId),
    // 预算详情
    erpBudgetDetailList: budgetDetailData,
    // 初始化所有成本列表
    ...initializeRdCostLists()
  };

  console.log(budgetForm);

  // 处理各项成本数据
  processRdCostData(budgetForm);

  // 如果有预算ID，设置要删除的列表
  if (budgetForm.budgetId) {
    setRdToDeletedLists(budgetForm);
  }

  return budgetForm;
};

// 处理市场预算表单
const processMarketBudgetForm = async (status: string): Promise<budgetInfoForm> => {
  await updateBudgetTable();

  const budgetDetailData = budgetTableRef.value?.budgetDetailData || [];
  const budgetFormData = budgetTableRef.value?.budgetForm || {};

  const budgetForm = {
    ...budgetFormData,
    budgetStatus: getBudgetStatus(status),
    flowStatus: getFlowStatus(status),
    managerName: findUserName(userList.value, budgetFormData.managerId),
    productManagerName: findUserName(userList.value, budgetFormData.productManagerId),
    erpBudgetDetailList: budgetDetailData,
    // 初始化市场预算成本列表
    ...initializeMarketCostLists()
  };

  // 处理市场预算成本数据
  processMarketCostData(budgetForm);

  // 如果有预算ID，设置要删除的列表
  if (budgetForm.budgetId) {
    setMarketToDeletedLists(budgetForm);
  }

  return budgetForm;
};

// 辅助函数
const getBudgetStatus = (status: string): string => {
  return status === 'draft' ? BUSINESS_STATUS.DRAFT : BUSINESS_STATUS.WAITING;
};

const getFlowStatus = (status: string): string => {
  return status === 'draft' ? 'draft' : 'waiting';
};

const initializeRdCostLists = () => ({
  erpRdBudgetEquipmentCostList: [],
  erpRdBudgetMaterialCostList: [],
  erpRdBudgetTravelCostList: [],
  erpRdBudgetMeetingCostList: [],
  erpRdBudgetExchangeCostList: [],
  erpRdBudgetTechCostList: [],
  erpRdBudgetLaborCostList: [],
  erpRdBudgetLiteratureCostList: [],
  erpRdBudgetTestingCostList: [],
  erpRdBudgetOtherCostList: []
});

const initializeMarketCostLists = () => ({
  erpBudgetMaterialCostList: [],
  erpBudgetLaborCostList: [],
  erpBudgetInstallCostList: [],
  erpBudgetTravelCostList: [],
  erpBudgetOtherCostList: []
});

// 处理研发成本数据
const processRdCostData = (budgetForm: budgetInfoForm) => {
  // 设备成本
  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 || [];
  }

  // 差旅、会议、交流成本
  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 || [];
  }

  // 技术成本
  const laborServiceRef = rdLaborServiceRef.value;
  budgetForm.erpRdBudgetTechCostList = [
    ...assignIfChanged([], laborServiceRef?.techConsultList, oriRdBudgetTechConsultCostList.value),
    ...assignIfChanged([], laborServiceRef?.expertMeetingList, oriRdBudgetExpertMeetingCostList.value),
    ...assignIfChanged([], laborServiceRef?.expertCommList, oriRdBudgetExpertCommCostList.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 || [];
  }

  // 其他成本
  if (assignIfChanged([], rdOtherCostRef.value?.otherCostList, oriRdBudgetOtherCostList.value).length) {
    budgetForm.erpRdBudgetOtherCostList = rdOtherCostRef.value?.otherCostList || [];
  }
};

// 设置研发删除列表
const setRdToDeletedLists = (budgetForm: budgetInfoForm) => {
  const refs = {
    equipment: rdEquipmentCostRef.value,
    material: rdMaterialCostRef.value,
    travelMeetingExchange: rdTravelMeetingExchangeRef.value,
    laborService: rdLaborServiceRef.value,
    literature: rdLiteratureCostRef.value,
    testing: rdTestingCostRef.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.toDeletedRdTestingCostIdList = refs.testing?.toDeletedTestCostIdList;
  budgetForm.toDeletedRdOtherCostIdList = refs.other?.toDeletedOtherCostIdList;
};

// 处理市场成本数据
const processMarketCostData = (budgetForm: budgetInfoForm) => {
  const assignCostData = (targetKey: keyof budgetInfoForm, sourceData: any[], originalData: any[]) => {
    if (!deepEqualArrays(originalData, sourceData)) {
      budgetForm[targetKey] = sourceData || [];
    }
  };

  assignCostData('erpBudgetMaterialCostList', materialCostRef.value?.budgetMaterialCostList, oriBudgetMaterialCostList.value);
  assignCostData('erpBudgetLaborCostList', laborCostRef.value?.budgetLaborCostList, oriBudgetLaborCostList.value);
  assignCostData('erpBudgetInstallCostList', installationCostRef.value?.installCostList, oriBudgetInstallCostList.value);
  assignCostData('erpBudgetTravelCostList', travelCostRef.value?.travelCostList, oriBudgetTravelCostList.value);
  assignCostData('erpBudgetOtherCostList', otherCostRef.value?.otherCostList, oriBudgetOtherCostList.value);
};

// 设置市场删除列表
const setMarketToDeletedLists = (budgetForm: budgetInfoForm) => {
  budgetForm.toDeletedMaterialCostIdList = materialCostRef.value?.toDeletedMaterialCostIdList;
  budgetForm.toDeletedLaborCostIdList = laborCostRef.value?.toDeletedLaborCostIdList;
  budgetForm.toDeletedInstallCostIdList = installationCostRef.value?.toDeletedInstallCostIdList;
  budgetForm.toDeletedTravelCostIdList = travelCostRef.value?.toDeletedTravelCostIdList;
  budgetForm.toDeletedOtherCostIdList = otherCostRef.value?.toDeletedOtherCostIdList;
};

// 保存成功处理
const handleSaveSuccess = () => {
  const obj = {
    path: '/budget/erp/budgetInfo',
    query: {
      t: Date.now(),
      pageNum: routeParams.value.pageNum
    }
  };
  proxy?.$tab.closeOpenPage(obj);
};

// 关闭页面
const handleClose = () => {
  // 可以添加确认对话框
  // 这里简单实现返回上一页
  window.history.back();
};

const route = useRoute();
const budgetId = ref();
// 初始化
onMounted(() => {
  nextTick(async () => {
    // 获取路由参数
    routeParams.value = route.query;
    budgetId.value = routeParams.value.id as string | number;
    if (budgetId.value && (routeParams.value.type === 'update' || routeParams.value.type === 'view' || routeParams.value.type === 'approval')) {
      proxy?.$modal.loading('正在加载数据，请稍后...');

      const res = await getErpBudgetInfo(budgetId.value);
      Object.assign(searchForm, res.data);
      console.log(res.data);
      await getUsers();
      if (searchForm.projectCategory === PROJECT_CATEGORY.RD || searchForm.projectCategory === PROJECT_CATEGORY.PRE_PRODUCTION) {
        oriRdBudgetEquipmentCostList.value = JSON.parse(JSON.stringify(res.data.erpRdBudgetEquipmentCostList));

        const erpRdBudgetMaterialCostList = res.data.erpRdBudgetMaterialCostList;
        const groupedRdBudgetMaterialCostListByMaterialType = erpRdBudgetMaterialCostList.reduce((acc, item) => {
          const materialType = item.materialType;
          if (!acc[materialType]) {
            acc[materialType] = [];
          }
          acc[materialType].push(item);
          return acc;
        }, {});

        const rdBudgetMainMaterialCostList = groupedRdBudgetMaterialCostListByMaterialType[MATERIAL_TYPE.MAIN] || [];
        const rdBudgetOtherMaterialCostList = groupedRdBudgetMaterialCostListByMaterialType[MATERIAL_TYPE.OTHER] || [];
        oriRdBudgetMaterialCostList.value = JSON.parse(JSON.stringify(erpRdBudgetMaterialCostList));

        oriRdBudgetTravelCostList.value = JSON.parse(JSON.stringify(res.data.erpRdBudgetTravelCostList));
        oriRdBudgetMeetingCostList.value = JSON.parse(JSON.stringify(res.data.erpRdBudgetMeetingCostList));
        oriRdBudgetExchangeCostList.value = JSON.parse(JSON.stringify(res.data.erpRdBudgetExchangeCostList));

        const erpRdBudgetTechCostList = res.data.erpRdBudgetTechCostList;
        const groupedRdBudgetTechCostListByTechType = erpRdBudgetTechCostList.reduce((acc, item) => {
          const techType = item.techType;
          if (!acc[techType]) {
            acc[techType] = [];
          }
          acc[techType].push(item);
          return acc;
        }, {});

        const rdBudgetTechConsultCostList = groupedRdBudgetTechCostListByTechType[TECH_TYPE.TECH_CONSULT] || [];
        const rdBudgetExpertMeetingCostList = groupedRdBudgetTechCostListByTechType[TECH_TYPE.EXPERT_MEETING] || [];
        const rdBudgetExpertCommCostList = groupedRdBudgetTechCostListByTechType[TECH_TYPE.EXPERT_COMM] || [];
        oriRdBudgetTechConsultCostList.value = JSON.parse(JSON.stringify(rdBudgetTechConsultCostList)); //技术咨询
        oriRdBudgetExpertMeetingCostList.value = JSON.parse(JSON.stringify(rdBudgetExpertMeetingCostList)); //专家咨询会议形式
        oriRdBudgetExpertCommCostList.value = JSON.parse(JSON.stringify(rdBudgetExpertCommCostList)); //专家咨询通讯形式

        const erpRdBudgetLaborCostList = res.data.erpRdBudgetLaborCostList;
        const groupedRdBudgetLaborCostListByLaborType = erpRdBudgetLaborCostList.reduce((acc, item) => {
          const laborType = item.laborType;
          if (!acc[laborType]) {
            acc[laborType] = [];
          }
          acc[laborType].push(item);
          return acc;
        }, {});

        const rdBudgetLaborCostList = groupedRdBudgetLaborCostListByLaborType[LABOR_TYPE.LABOR] || [];
        const rdBudgetServiceCostList = groupedRdBudgetLaborCostListByLaborType[LABOR_TYPE.SERVICE] || [];
        oriRdBudgetLaborCostList.value = JSON.parse(JSON.stringify(rdBudgetLaborCostList)); //人工费
        oriRdBudgetServiceCostList.value = JSON.parse(JSON.stringify(rdBudgetServiceCostList)); //劳务费

        const erpRdBudgetLiteratureCostList = res.data.erpRdBudgetLiteratureCostList;
        const groupedRdBudgetLiteratureCostListByLiteratureType = erpRdBudgetLiteratureCostList.reduce((acc, item) => {
          const literatureType = item.literatureType;
          if (!acc[literatureType]) {
            acc[literatureType] = [];
          }
          acc[literatureType].push(item);
          return acc;
        }, {});

        const rdBudgetLiteratureMaterialCostList = groupedRdBudgetLiteratureCostListByLiteratureType[LITERATURE_TYPE.MATERIAL] || [];
        const rdBudgetLiteratureSoftwareCostList = groupedRdBudgetLiteratureCostListByLiteratureType[LITERATURE_TYPE.SOFTWARE] || [];
        oriRdBudgetLiteratureMaterialCostList.value = JSON.parse(JSON.stringify(rdBudgetLiteratureMaterialCostList)); //资料费
        oriRdBudgetLiteratureSofwareCostList.value = JSON.parse(JSON.stringify(rdBudgetLiteratureSoftwareCostList)); //专用软件购买费

        const rdBudgetLiteratureRetrievalCostList = groupedRdBudgetLiteratureCostListByLiteratureType[LITERATURE_TYPE.DOCUMENT] || []; //文献检索费

        oriRdBudgetTestingCostList.value = JSON.parse(JSON.stringify(res.data.erpRdBudgetTestingCostList));
        oriRdBudgetOtherCostList.value = JSON.parse(JSON.stringify(res.data.erpRdBudgetOtherCostList));

        nextTick(() => {
          console.log(rdBudgetTableRef.value?.budgetForm);
          Object.assign(rdBudgetTableRef.value?.rdBudgetInfoForm, res.data);
          Object.assign(rdBudgetTableRef.value?.footerForm, res.data);
          Object.assign(rdBudgetTableRef.value?.budgetDetailData || [], res.data.erpBudgetDetailList);
          Object.assign(rdEquipmentCostRef.value?.equipmentData || [], res.data.erpRdBudgetEquipmentCostList);
          Object.assign(rdMaterialCostRef.value?.materialData || [], rdBudgetMainMaterialCostList);
          Object.assign(rdMaterialCostRef.value?.otherMaterial || [], rdBudgetOtherMaterialCostList[0]);
          Object.assign(rdTravelMeetingExchangeRef.value?.travelList || [], res.data.erpRdBudgetTravelCostList);
          Object.assign(rdTravelMeetingExchangeRef.value?.meetingList || [], res.data.erpRdBudgetMeetingCostList);
          Object.assign(rdTravelMeetingExchangeRef.value?.exchangeList || [], res.data.erpRdBudgetExchangeCostList);
          Object.assign(rdLaborServiceRef.value?.techConsultList || [], rdBudgetTechConsultCostList);
          Object.assign(rdLaborServiceRef.value?.expertMeetingList || [], rdBudgetExpertMeetingCostList);
          Object.assign(rdLaborServiceRef.value?.expertCommList || [], rdBudgetExpertCommCostList);
          Object.assign(rdLaborServiceRef.value?.laborList || [], rdBudgetLaborCostList);
          Object.assign(rdLaborServiceRef.value?.serviceList || [], rdBudgetServiceCostList);

          Object.assign(rdLiteratureCostRef.value?.materialsList || [], rdBudgetLiteratureMaterialCostList);
          Object.assign(rdLiteratureCostRef.value?.softwareList || [], rdBudgetLiteratureSoftwareCostList);
          Object.assign(
            rdLiteratureCostRef.value?.literatureRetrieval || [],
            rdBudgetLiteratureRetrievalCostList.length > 0 ? rdBudgetLiteratureRetrievalCostList[0] : {}
          );
          Object.assign(rdTestingCostRef.value?.testData || [], res.data.erpRdBudgetTestingCostList);
          Object.assign(rdOtherCostRef.value?.otherCostList || [], res.data.erpRdBudgetOtherCostList);
        });
      } else if (searchForm.projectCategory === PROJECT_CATEGORY.MARKET || searchForm.projectCategory === PROJECT_CATEGORY.MARKET_PART) {
        // 创建初始状态的深拷贝（确保完全独立）
        oriBudgetMaterialCostList.value = JSON.parse(JSON.stringify(res.data.erpBudgetMaterialCostList));
        oriBudgetLaborCostList.value = JSON.parse(JSON.stringify(res.data.erpBudgetLaborCostList));
        oriBudgetInstallCostList.value = JSON.parse(JSON.stringify(res.data.erpBudgetInstallCostList));
        oriBudgetTravelCostList.value = JSON.parse(JSON.stringify(res.data.erpBudgetTravelCostList));
        oriBudgetOtherCostList.value = JSON.parse(JSON.stringify(res.data.erpBudgetOtherCostList));

        nextTick(() => {
          console.log(budgetTableRef.value?.budgetForm);
          Object.assign(budgetTableRef.value?.budgetForm, res.data);
          Object.assign(budgetTableRef.value?.budgetDetailData, res.data.erpBudgetDetailList);
          Object.assign(materialCostRef.value?.budgetMaterialCostList, res.data.erpBudgetMaterialCostList);
          Object.assign(laborCostRef.value?.budgetLaborCostList, res.data.erpBudgetLaborCostList);
          Object.assign(installationCostRef.value?.installCostList, res.data.erpBudgetInstallCostList);
          Object.assign(travelCostRef.value?.travelCostList, res.data.erpBudgetTravelCostList);
          Object.assign(otherCostRef.value?.otherCostList, res.data.erpBudgetOtherCostList);
        });
      }

      proxy?.$modal.closeLoading();
    } else {
      searchForm.projectCategory = routeParams.value.projectCategory;
      // 新增模式：如果已有合同编号，禁用生成按钮
      // if (form.value.contractCode) {
      //   isCodeGenerated.value = true;
      // } else if (form.value.contractFlag === '1') {
      //   // 如果有合同但没有编号，允许生成
      //   isCodeGenerated.value = false;
      // }
    }
    queryParams.value.projectCategory = searchForm.projectCategory;
  });
});

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';
// 路由参数
const routeParams = ref<Record<string, any>>({});
// 审批相关组件引用
const submitVerifyRef = ref<InstanceType<typeof SubmitVerify>>();
const approvalRecordRef = ref<InstanceType<typeof ApprovalRecord>>();
// 审批
const approvalVerifyOpen = async () => {
  await submitVerifyRef.value.openDialog(routeParams.value.taskId);
};

// 审批记录
const handleApprovalRecord = () => {
  approvalRecordRef.value.init(searchForm.budgetId);
};

// 提交回调
const submitCallback = async () => {
  await proxy.$tab.closePage(proxy.$route);
  router.go(-1);
};
</script>

<style scoped>
.project-budget-container {
  padding: 20px;
}

.dialog-footer {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
}

.justify-end {
  justify-content: flex-end;
}

.gap-2 {
  gap: 8px;
}

.gap-4 {
  gap: 16px;
}

.mb-6 {
  margin-top: 12px;
  margin-bottom: 6px;
}
</style>