feat: 业务研发明细表

张
1 parent 41be6d5c
Showing 12 changed files with 1802 additions and 13 deletions
src/api/project/invoice.ts
src/components/SimpleMenu/src/components/menu.less
src/router/routes/modules/project/finance.ts
src/views/project/approve/data.ts
src/views/project/finance/financeProfit/ServiceProfit/BusinessDevelopmentDetail/ApproveReason.vue
src/views/project/finance/financeProfit/ServiceProfit/BusinessDevelopmentDetail/CheckDetail.vue
src/views/project/finance/financeProfit/ServiceProfit/BusinessDevelopmentDetail/FinanceEdit.vue
src/views/project/finance/financeProfit/ServiceProfit/BusinessDevelopmentDetail/HistoryDetail.vue
src/views/project/finance/financeProfit/ServiceProfit/BusinessDevelopmentDetail/InvoiceDetail.vue
src/views/project/finance/financeProfit/ServiceProfit/BusinessDevelopmentDetail/data.tsx
src/views/project/finance/financeProfit/ServiceProfit/BusinessDevelopmentDetail/index.vue
src/views/project/finance/financeProfit/ServiceProfit/BusinessDevelopmentDetail/tableData.tsx
@@ -43,20 +43,23 @@ enum Api {
   PACKAGEPROFIT = '/order/cost/BusinessProfitDetail/listByPage', //包装费用明细表
   INNERPROFIT = '/order/cost/InnerProfitDetail/listByPage', //内部生产费用明细表
   PACKAGEEDIT = '/order/cost/edit', //编辑
+  BUSINESSDEVELOPMENTEDIT = '/project/edit', //业务研发明细表编辑
   PACKAGEAPPLYEDIT = '/order/cost/applyEditFileds', //申请编辑字段
   SERVICEPROFIT = '/project/BusinessProfitInfo/listByPage', //业务研发净利润分析表
   INNERPRODUCEPROFIT = '/project/InnerProfitInfo/listByPage', //内部生产利润分析表
   SERVICEPROFITEXPORT = '/project/businessProfit/export', //业务研发净利润分析表导出
   INNERPROFITEXPORT = '/project/innerProfit/export', //内部研发净利润分析表导出
   SERVICEEDIT = '/project/edit', //编辑
-  SERVICEAPPLYEDIT = '/project/applyEditFileds', //申请修改
+  SERVICEAPPLYEDIT = '/project/applyEditFileds', //申请字段编辑权限申请
   APPLYLIST = '/project/pageProjectLockFieldApply', //分页查询项目字段申请记录
   AUDITAPPLY = '/project/audit', //审核
   ACTIONRECORD = '/projectOptLog/listByPage', //业务/内部研发净利润操作记录以及申请记录
   ORDERCOSTDETAILEDOPTLOG = '/orderCostDetailedOptLog/listByPage', //包装费用明细/内部生产明细操作记录表
+  PROJECTCOSTDETAILEDOPTLOG = '/projectOptLog/listByPage', //业务研发明细表操作记录表
   SETPACKSTATUS = '/order/cost/setPackStatus', //包装费用明细表审批
   SETINNERSTATUS = '/order/cost/setInnerStatus', //内部生产明细表审批
   PROJECTBUSINESSPROFITSETSTATUS = '/project/businessProfit/setStatus', //业务研发净利润分析表审批
+  PROJECTBUSINESSDEVELOPMENTSETSTATUS = '/project/setDetailBusinessProfitStatus', //业务研发明细表审核通过
   PROJECTINNERPROFITSETSTATUS = '/project/innerProfitInfo/setStatus', //内部研发净利润分析表审批
 }
@@ -427,12 +430,25 @@ export const getServiceEdit = async (params: any) =&gt; {
   });
 };
+export const getBusinessDevelopmentEdit = async (params: any) => {
+  return await defHttp.post<any>({
+    url: Api.BUSINESSDEVELOPMENTEDIT,
+    params,
+  });
+};
+
 export const getServiceApplyEdit = async (params: any) => {
   return await defHttp.post<any>({
     url: Api.SERVICEAPPLYEDIT,
     params,
   });
 };
+export const getBusinessDevelopmentApplyEdit = async (params: any) => {
+  return await defHttp.post<any>({
+    url: Api.SERVICEAPPLYEDIT,
+    params,
+  });
+};
 export const getApplyList = async (params: any) => {
   // const res = ref();
@@ -516,16 +532,43 @@ export const getProjectOptLog = async (params: any) =&gt; {
   });
 };
+// 业务研发明细表操作记录表
+export const getProjectCostDetailedOptLog = async (params: any) => {
+  const res = await defHttp.post<any>({
+    url: Api.PROJECTCOSTDETAILEDOPTLOG,
+    params,
+  });
+
+
+  const formattedRecords = res.records.map((record: any) => {
+    return {
+      ...record,
+    };
+  });
+
+  const orderStore = useOrderStoreWithOut();
+  orderStore.setTotal(res.total);
+  orderStore.setQueryVO(params);
+  return new Promise((resolve) => {
+    resolve({
+      items: formattedRecords,
+      total: res.total,
+    });
+  });
+};
 export const getOrderCostDetailedOptLog = async (params: any) => {
   const res = await defHttp.post<any>({
     url: Api.ORDERCOSTDETAILEDOPTLOG,
     params,
   });
+
+
   const formattedRecords = res.records.map((record: any) => {
     return {
       ...record,
     };
   });
+
   const orderStore = useOrderStoreWithOut();
   orderStore.setTotal(res.total);
   orderStore.setQueryVO(params);
@@ -569,3 +612,56 @@ export const setCommissionStatus = async (data: { orderId: number[] }) =&gt; {
     data,
   });
 };
+// 业务研发明细表接口
+export const getBusinessDevelopmentDetail = async (params: any) => {
+  const res = await defHttp.post<any>({
+    url: '/project/BusinessDevelopmentDetail/listByPage',
+    params,
+  });
+  const formattedRecords = res.records.map((record: any) => ({
+    ...record,
+  }));
+  return new Promise((resolve) => {
+    resolve({
+      items: formattedRecords,
+      total: res.total,
+    });
+  });
+};
+
+export const setBusinessDevelopmentStatus = async (params: any) => {
+  return await defHttp.post<any>({
+    url: Api.PROJECTBUSINESSDEVELOPMENTSETSTATUS,
+    params,
+  });
+};
+
+// 项目列表接口
+export const getProjectList = async (params: any) => {
+  console.log('getProjectList - params:', params);
+  const res = await defHttp.post<any>({
+    url: '/project/list_by_/project/list',
+    params,
+  });
+  console.log('getProjectList - raw response:', res);
+  
+  // 处理返回的数据格式 - 直接返回数组
+  const formattedRecords = (res || []).map((record: any) => ({
+    ...record,
+  }));
+  console.log('getProjectList - formattedRecords:', formattedRecords);
+  
+  return new Promise((resolve) => {
+    resolve({
+      items: formattedRecords,
+      total: formattedRecords.length,
+    });
+  });
+};
+
+export const setBusinessDevStatusSend = async (params: any) => {
+  return await defHttp.post<any>({
+    url: '/project/setDetailBusinessProfitStatus',
+    params,
+  });
+}
@@ -302,6 +302,7 @@
       .@{menu-prefix-cls}-submenu-has-parent-submenu {
         .@{menu-prefix-cls}-submenu-title {
           background-color: transparent;
+          color: rgb(0, 147, 245);
         }
       }
     }
@@ -59,16 +59,6 @@ const finance: AppRouteModule = {
         ],
       },
       children: [
-        //   {
-        //     path: '',
-        //     name: 'Receive',
-        //     meta: {
-        //       title: '财务管理',
-        //       roles: [RoleEnum.ADMIN, RoleEnum.FINANCE, RoleEnum.TRACKER, RoleEnum.BUSINESS],
-        //       ignoreKeepAlive: false,
-        //     },
-        //     // component: () => import('/@/views/project/finance/index.vue'),
-        //   },
         {
           path: 'serviceProfit',
           name: 'ServiceProfit',
@@ -82,7 +72,7 @@ const finance: AppRouteModule = {
               path: 'ServiceProfit',
               name: 'ServiceProfit',
               meta: {
-                title: '业务研发净利润分析表',
+                title: '业务研发净利润分析报价',
                 roles: [RoleEnum.ADMIN, RoleEnum.FINANCE],
                 ignoreKeepAlive: false,
               },
@@ -92,6 +82,43 @@ const finance: AppRouteModule = {
                 ),
             },
             {
+              path: 'BusinessDevelopmentDetail',
+              name: 'BusinessDevelopmentDetail',
+              meta: {
+                title: '业务研发明细表',
+                roles: [RoleEnum.ADMIN, RoleEnum.FINANCE],
+                ignoreKeepAlive: false,
+              },
+              component: () =>
+                import(
+                  '/@/views/project/finance/financeProfit/ServiceProfit/BusinessDevelopmentDetail/index.vue'
+                ),
+            },
+          ],
+        },
+        {
+          path: 'PackageProfit',
+          name: 'PackageProfit',
+          meta: {
+            title: '包装费用净利润分析',
+            roles: [RoleEnum.ADMIN, RoleEnum.FINANCE],
+            ignoreKeepAlive: false,
+          },
+          children: [
+                    {
+          path: 'PackageProfitReport',
+          name: 'PackageProfitReport',
+          meta: {
+            title: '包装费用净利润分析报表',
+            roles: [RoleEnum.ADMIN, RoleEnum.FINANCE],
+            ignoreKeepAlive: false,
+          },
+          component: () =>
+            import(
+              '/@/views/project/finance/financeProfit/PackageProfit/PackageProfitReport/index.vue'
+            ),
+        },
+            {
               path: 'PackageProfit',
               name: 'PackageProfit',
               meta: {
@@ -119,7 +146,7 @@ const finance: AppRouteModule = {
               path: 'InnerProduce',
               name: 'InnerProduce',
               meta: {
-                title: '内部生产净利润分析表',
+                title: '内部生产净利润分析报表',
                 roles: [RoleEnum.ADMIN, RoleEnum.FINANCE],
                 ignoreKeepAlive: false,
               },
@@ -141,6 +168,41 @@ const finance: AppRouteModule = {
             },
           ],
         },
+        {
+          path: 'ExchangeProfit',
+          name: 'ExchangeProfit',
+          meta: {
+            title: '汇率收益利润汇总保报表',
+            roles: [RoleEnum.ADMIN, RoleEnum.FINANCE],
+            ignoreKeepAlive: false,
+          },
+          children: [
+            {
+              path: 'ExchangeProfitReport',
+              name: 'ExchangeProfitReport',
+              meta: {
+                title: '汇率收益利润汇总报表',
+                roles: [RoleEnum.ADMIN, RoleEnum.FINANCE],
+                ignoreKeepAlive: false,
+              },
+              component: () =>
+                import(
+                  '/@/views/project/finance/financeProfit/ExchangeProfit/ExchangeProfitReport/index.vue'
+                ),
+            },
+            {
+              path: 'ExchangeDetail',
+              name: 'ExchangeDetail',
+              meta: {
+                title: '汇率兑换明细表',
+                roles: [RoleEnum.ADMIN, RoleEnum.FINANCE],
+                ignoreKeepAlive: false,
+              },
+              component: () =>
+                import('/@/views/project/finance/financeProfit/ExchangeProfit/ExchangeDetail/index.vue'),
+            },
+          ],
+        },
       ],
     },
   ],
@@ -109,6 +109,20 @@ export const FIELDS_BASE_INFO = [
     rules: [{ required: true }],
   },
   {
+    field: 'detailSpainPaidRmbCommission',
+    component: 'Select',
+    labelWidth: 150,
+    label: '西班牙已发提成￥',
+    rules: [{ required: true }],
+  },
+  {
+    field: 'detailPaidRmbCommission',
+    component: 'Select',
+    labelWidth: 150,
+    label: '中国团队已发提成￥',
+    rules: [{ required: true }],
+  },
+  {
     field: 'actualExchangeRate',
     component: 'Select',
     labelWidth: 150,
+<template>
+  <BasicModal
+    v-bind="$attrs"
+    destroyOnClose
+    @register="register"
+    title="申请原因"
+    :helpMessage="['提示1', '提示2']"
+    @open-change="handleShow"
+    :bodyStyle="{ height: '200px' }"
+    @ok="handleOk"
+    z-index="9999"
+  >
+    <a-textarea v-model:value="input" :rows="7" />
+  </BasicModal>
+</template>
+<script lang="ts" setup>
+  import { ref, watch } from 'vue';
+  import { BasicModal, useModalInner } from '@/components/Modal';
+  import { orderAuth } from '/@/api/project/order';
+  import { getBusinessDevelopmentApplyEdit } from '/@/api/project/invoice';
+  import { getPackageApplyEdit } from '/@/api/project/invoice';
+
+  const emit = defineEmits(['success']);
+  const input = ref('');
+  const baseFieldValues = ref();
+  const [register, { setModalProps, redoModalHeight, closeModal }] = useModalInner(async (data) => {
+    baseFieldValues.value = data.data;
+    baseFieldValues.value.projectNoPrefix = data.projectNoPrefix;
+  });
+  async function handleOk() {
+    baseFieldValues.value.applyRemark = input.value;
+    await getBusinessDevelopmentApplyEdit({
+      projectNoPrefix: baseFieldValues.value.projectNoPrefix,
+      detailPaidRmbCommission: baseFieldValues.value.detailPaidRmbCommission,
+      detailSpainPaidRmbCommission: baseFieldValues.value.detailSpainPaidRmbCommission,
+      applyRemark: baseFieldValues.value.applyRemark,
+      type: 'ORDER_DEVELOPMENT_COST_FIELD_EDIT_APPLY',
+    });
+    emit('success');
+    setTimeout(() => {
+      closeModal();
+    }, 50);
+  }
+  function handleShow() {
+    input.value = '';
+    closeModal();
+  }
+</script>
+<template>
+  <div class="container">
+    <BasicDrawer
+      @register="register"
+      v-bind="$attrs"
+      showFooter
+      title="字段编辑权限申请"
+      width="60%"
+      :destroyOnClose="true"
+      :isDetail="true"
+      @ok="handleSubmit"
+      :showDetailBack="false"
+      okText="申请"
+      ><input />
+      <div>
+        <template v-if="role === ROLE.ADMIN || role === ROLE.FINANCE">
+          <BasicForm @register="registerForm" />
+        </template>
+      </div>
+      <!-- <template #titleToolbar> <a-button type="primary"> 申请编辑权限 </a-button></template> -->
+
+      <!-- <template #appendFooter>
+      <a-button type="primary" @click="onGoFormDetail"> 返回编辑</a-button>
+    </template> -->
+    </BasicDrawer>
+    <ApproveReason @register="approveReasonRegister" @success="handleCloseModal" />
+  </div>
+</template>
+<script lang="ts">
+  import { computed, defineComponent, reactive, ref } from 'vue';
+  import { BasicForm, useForm } from '/@/components/Form/index';
+  import { getServiceApplyEdit } from '/@/api/project/invoice';
+  import { ROLE } from '../../../financeList/type.d';
+  import { useModal } from '/@/components/Modal';
+  import ApproveReason from './ApproveReason.vue';
+  import { BasicDrawer, useDrawerInner } from '/@/components/Drawer';
+  import { FIELDS_BASE_INFO } from './tableData';
+  import { useUserStoreWithOut } from '/@/store/modules/user';
+
+  const userStore = useUserStoreWithOut();
+  const getSchema = (fields) =>
+    fields.map((item) => ({
+      field: `${item.field}`,
+      dataIndex: `${item.field}`,
+      label: item.label,
+      component: 'Switch',
+      componentProps: {
+        checkedValue: 'UN_LOCKED',
+        unCheckedValue: 'LOCKED',
+      },
+      colProps: {
+        span: 8,
+      },
+    }));
+
+  export default defineComponent({
+    components: { BasicDrawer, BasicForm, ApproveReason },
+    props: {
+      onGoFormDetail: {
+        type: Function,
+      },
+    },
+    setup() {
+      const projectNoPrefix = ref('');
+      const schemas = getSchema(FIELDS_BASE_INFO);
+      const [registerForm, { getFieldsValue }] = useForm({
+        labelWidth: 180,
+        schemas,
+        showActionButtonGroup: false,
+        actionColOptions: {
+          span: 24,
+        },
+      });
+      const [approveReasonRegister, { openModal: openApproveReasonDrawer }] = useModal();
+
+      const lockFields = reactive({});
+      const [register, { closeDrawer }] = useDrawerInner((data) => {
+        Object.assign(lockFields, data.lockFields);
+        projectNoPrefix.value = data.projectNoPrefix; // 保存projectNoPrefix
+      });
+      function handleCloseModal() {
+        closeDrawer();
+      }
+
+      const role = computed(() => {
+        return userStore.getUserInfo?.roleSmallVO?.code;
+      });
+
+      const handleSubmit = async () => {
+        const baseFieldValues = getFieldsValue();
+        openApproveReasonDrawer(true, {
+          data: baseFieldValues,
+          projectNoPrefix: projectNoPrefix.value, // 传递projectNoPrefix，参数名为projectNo
+        });
+      };
+
+      return {
+        register,
+        schemas,
+        registerForm,
+        handleSubmit,
+        handleCloseModal,
+        approveReasonRegister,
+        openApproveReasonDrawer,
+        ROLE,
+        role,
+        projectNoPrefix,
+      };
+    },
+  });
+</script>
+<style>
+  .container {
+    position: fixed; /* 或 absolute, fixed */
+    z-index: 10;
+  }
+</style>
+<template>
+  <template>
+    <BasicDrawer
+      @register="register"
+      v-bind="$attrs"
+      title="编辑"
+      width="30%"
+      :isDetail="true"
+      @ok="handleSubmit"
+      :showDetailBack="false"
+      okText="保存"
+      @visible-change="handleShow"
+      showFooter
+      :destroyOnClose="true"
+    >
+      <!-- <div>
+        <BasicForm @register="registerForm" />
+      </div> -->
+      <div style="font-size: 15px">西班牙已发提成￥</div>
+      <a-input
+        v-model:value="input1"
+        placeholder="请输入"
+        :disabled="status2 === 'LOCKED'"
+        auto-size
+      />
+      <div style="margin: 16px 0"></div>
+      <div style="font-size: 15px">中国团队已发提成￥</div>
+      <a-input
+        v-model:value="input2"
+        placeholder="请输入"
+        :disabled="status5 === 'LOCKED'"
+        auto-size
+      />
+      <div style="margin: 16px 0"></div>
+      <!-- <template #titleToolbar> <a-button type="primary"> 申请编辑权限 </a-button></template> -->
+      <template #appendFooter>
+        <!-- <a-button type="primary" @click="onGoCheckDetail"> 申请权限</a-button> -->
+      </template>
+    </BasicDrawer>
+  </template>
+</template>
+<script lang="ts" setup>
+  import { BasicDrawer, useDrawerInner } from '@/components/Drawer';
+  import { BasicForm, FormSchema, useForm } from '@/components/Form';
+  import { defineComponent, ref, computed, unref, toRaw, reactive } from 'vue';
+  import { getBusinessDevelopmentEdit } from '@/api/project/invoice';
+  import { useMessage } from '/@/hooks/web/useMessage';
+  import { useUserStoreWithOut } from '/@/store/modules/user';
+  import { ROLE } from './type.d';
+  import type { Dayjs } from 'dayjs';
+  import dayjs from 'dayjs';
+
+  const emit = defineEmits(['success']);
+  const userStore = useUserStoreWithOut();
+  const user = userStore.getUserInfo;
+  const role = computed(() => {
+    return user?.roleSmallVO?.code;
+  });
+  const schemas: FormSchema[] = [
+    // {
+    //   field: 'totalPayAmount',
+    //   component: 'InputNumber',
+    //   labelWidth: 250,
+    //   colProps: {
+    //     span: 23,
+    //   },
+    //   label: '实际应收金额',
+    // },
+    {
+      field: 'developmentCopyRmbTotalPrice',
+      component: 'InputNumber',
+      labelWidth: 250,
+      colProps: {
+        span: 23,
+      },
+      // componentProps: () => ({
+      //   disabled: status.value === 10,
+      // }),
+      label: '研发复制费合计￥',
+    },
+    {
+      field: 'actualPayedAmount2',
+      component: 'InputNumber',
+      labelWidth: 250,
+      colProps: {
+        span: 23,
+      },
+
+      label: '实际应收金额2$',
+    },
+    {
+      field: 'actualPayedAmount3',
+      component: 'InputNumber',
+      labelWidth: 250,
+      colProps: {
+        span: 23,
+      },
+
+      label: '实际应收金额3$',
+    },
+    {
+      field: 'otherAmount',
+      component: 'InputNumber',
+      labelWidth: 250,
+      colProps: {
+        span: 23,
+      },
+
+      label: '其他费用金额$',
+    },
+  ];
+  const [registerForm, { setFieldsValue, resetFields, validate }] = useForm({
+    labelWidth: 120,
+    schemas,
+    layout: 'vertical',
+    showActionButtonGroup: false,
+    actionColOptions: {
+      span: 24,
+    },
+  });
+  const { createMessage } = useMessage();
+  const { error } = createMessage;
+
+  const update = ref();
+  const status2 = ref();
+  const status5 = ref();
+
+  const input1 = ref();
+  const input2 = ref();
+  const projectNoPrefix = ref();
+  // function formatDate(dateStr: string): string {
+  //   const date = new Date(dateStr);
+  //   const year = date.getFullYear();
+  //   const month = String(date.getMonth() + 1).padStart(2, '0'); // 月份从0开始，+1
+  //   const day = String(date.getDate()).padStart(2, '0');
+  //   const hours = String(date.getHours()).padStart(2, '0');
+  //   const minutes = String(date.getMinutes()).padStart(2, '0');
+  //   const seconds = String(date.getSeconds()).padStart(2, '0');
+
+  //   // 返回格式化后的字符串：'YYYY-MM-DD HH:mm:ss'
+  //   return `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`;
+  // }
+  function formatDateToDateOnly(dateStr: string): string {
+    const date = new Date(dateStr);
+    const year = date.getFullYear();
+    const month = String(date.getMonth() + 1).padStart(2, '0'); // 月份从0开始，+1
+    const day = String(date.getDate()).padStart(2, '0');
+
+    // 返回格式化后的日期字符串：'YYYY-MM-DD'
+    return `${year}-${month}-${day}`;
+  }
+  const [register, { setDrawerProps, closeDrawer }] = useDrawerInner((data) => {
+    // 方式1
+    if (data.data.lockFields) {
+      status2.value = data?.data?.lockFields?.detailSpainPaidRmbCommission;
+      status5.value = data?.data?.lockFields?.detailPaidRmbCommission;
+    }
+    projectNoPrefix.value = data?.data?.projectNoPrefix;
+    input1.value = data?.data?.spainPaidRmbCommission?.toFixed(2) || '';
+    
+    input2.value = data?.data?.paidRmbCommission?.toFixed(2) || '';
+
+    resetFields();
+    setDrawerProps({ confirmLoading: false });
+    setFieldsValue({
+      ...toRaw(data.data),
+    });
+    update.value = data;
+  });
+  const loading = ref(false);
+  //完成编辑
+  async function handleSubmit() {
+    if (loading.value) return;
+    loading.value = true;
+    setDrawerProps({ confirmLoading: true });
+    // const values = await validate();
+    // const updatedValues = {
+    //   ...values,
+    //   id: update.value.data.id,
+    //   bgUrl: update.value.data.bgUrl,
+    // };
+    if (!input1.value || !input2.value) {
+      error('选项不能为空');
+      loading.value = false;
+      setDrawerProps({ confirmLoading: false });
+    } else {
+      try {
+        await getBusinessDevelopmentEdit({
+          projectNoPrefix: projectNoPrefix.value,
+          detailSpainPaidRmbCommission: input1.value,
+          detailPaidRmbCommission: input2.value,
+        });
+        emit('success');
+      } finally {
+        loading.value = false;
+        setDrawerProps({ confirmLoading: false });
+        closeDrawer();
+      }
+    }
+  }
+  function handleShow(visible: boolean) {
+    if (!visible) {
+      input1.value = '';
+      input2.value = '';
+    }
+  }
+</script>
+<template>
+  <BasicDrawer
+    @register="register"
+    v-bind="$attrs"
+    title="操作记录"
+    width="60%"
+    :isDetail="true"
+    :showDetailBack="false"
+    okText="保存"
+    :destroyOnClose="true"
+  >
+    <Tabs v-model:activeKey="activeKey" className="my-0">
+      <TabPanel :key="1" tab="操作记录" className="w-full">
+        <a-list :pagination="pagination1" className="w-full">
+          <template v-for="item in list1" :key="item.id">
+            <a-list-item class="list">
+              <a-list-item-meta>
+                <template #avatar> </template>
+                <template #title>
+                  <span>{{ item.userName }}</span>
+                </template>
+                <template #description>
+                  <div class="description">
+                    {{ item.optType }}
+                  </div>
+                  <div class="info">
+                    <div><span>操作时间：</span>{{ formatToDateTime(item.createTime) }}</div>
+                  </div>
+                </template>
+              </a-list-item-meta>
+            </a-list-item>
+          </template>
+        </a-list>
+      </TabPanel>
+      <TabPanel :key="2" tab="审批记录" className="w-full">
+        <a-list :pagination="pagination2" className="w-full">
+          <template v-for="item in list2" :key="item.id">
+            <a-list-item class="list">
+              <a-list-item-meta>
+                <template #avatar> </template>
+                <template #title>
+                  <span>{{ item.userName }}</span>
+                </template>
+                <template #description>
+                  <div class="description">
+                    {{ item.optType }}
+                  </div>
+                  <div class="info">
+                    <div><span>操作时间：</span>{{ formatToDateTime(item.createTime) }}</div>
+                  </div>
+                </template>
+              </a-list-item-meta>
+            </a-list-item>
+          </template>
+        </a-list>
+      </TabPanel>
+    </Tabs>
+
+    <!-- <template #titleToolbar> <a-button type="primary"> 申请编辑权限 </a-button></template> -->
+    <template #appendFooter>
+      <!-- <a-button type="primary" @click="onGoCheckDetail"> 申请权限</a-button> -->
+    </template>
+  </BasicDrawer>
+</template>
+<script lang="ts">
+  import { defineComponent, ref, computed } from 'vue';
+  import { Tabs, Progress, Row, Col, List } from 'ant-design-vue';
+  import { FormSchema, useForm } from '/@/components/Form/index';
+
+  import { BasicDrawer, useDrawerInner } from '/@/components/Drawer';
+  import { getProjectCostDetailedOptLog } from '/@/api/project/invoice';
+  import { formatToDateTime } from '/@/utils/dateUtil';
+
+  const TabPanel = Tabs.TabPane;
+
+  const schemas: FormSchema[] = [
+    {
+      field: '订单号',
+      component: 'Input',
+      label: '字段1',
+      componentProps: {
+        readonly: true,
+        disabled: true,
+      },
+      colProps: {
+        span: 12,
+      },
+      defaultValue: '111',
+    },
+    {
+      field: 'field2',
+      component: 'Input',
+      label: '字段2',
+      colProps: {
+        span: 12,
+      },
+    },
+  ];
+  const achieveList = [
+    {
+      key: '1',
+      name: '操作记录',
+    },
+    {
+      key: '2',
+      name: '审批记录',
+    },
+  ];
+  export default defineComponent({
+    components: {
+      BasicDrawer,
+      Tabs,
+      TabPanel,
+      [List.name]: List,
+      [List.Item.name]: List.Item,
+      AListItemMeta: List.Item.Meta,
+    },
+    props: {
+      onGoCheckDetail: {
+        type: Function,
+      },
+    },
+    setup() {
+      const list1 = ref([]);
+      const total1 = ref(0);
+      const page1 = ref(1);
+
+      const list2 = ref([]);
+      const total2 = ref(0);
+      const page2 = ref(1);
+      const projectNoPrefix = ref('');
+      const activeKey = ref(1);
+
+      const getOrderOptLogFunc = async (data, index, page) => {
+        // console.log('%c [ data ]-135', 'font-size:13px; background:pink; color:#bf2c9f;', data);
+        if (index === 1) {
+          const res = await getProjectCostDetailedOptLog({ 
+            projectNoPrefix: data, 
+            type: [50],
+            page: page,
+            pageSize: 20 
+          });
+          list1.value = res.items;
+          total1.value = res.total;
+          page1.value = page;
+        } else {
+          const res = await getProjectCostDetailedOptLog({ 
+            projectNoPrefix: data, 
+            type: [4,5,6], 
+            page: page, 
+            pageSize: 20 
+          });
+          list2.value = res.items;
+          total2.value = res.total;
+          page2.value = page;
+        }
+      };
+      const [register] = useDrawerInner((data) => {
+        projectNoPrefix.value = data.data.projectNoPrefix;
+        getOrderOptLogFunc(projectNoPrefix.value, 1, 1);
+        getOrderOptLogFunc(projectNoPrefix.value, 2, 1);
+      });
+
+      const pagination1 = computed(() => {
+        return {
+          show: true,
+          pageSize: 20,
+          page: page1.value,
+          total: total1.value,
+          onChange(cur) {
+            getOrderOptLogFunc(projectNoPrefix.value, 1, cur);
+          },
+        };
+      });
+
+      const pagination2 = computed(() => {
+        return {
+          show: true,
+          pageSize: 20,
+          page: page1.value,
+          total: total1.value,
+          onChange(cur) {
+            getOrderOptLogFunc(projectNoPrefix.value, 2, cur);
+          },
+        };
+      });
+
+      return {
+        register,
+        schemas,
+        achieveList,
+        list1,
+        list2,
+        prefixCls: 'account-center',
+        pagination1,
+        pagination2,
+        activeKey,
+        formatToDateTime,
+      };
+    },
+  });
+</script>
+<template>
+  <BasicDrawer
+    @register="register"
+    v-bind="$attrs"
+    title="订单信息"
+    width="60%"
+    :isDetail="true"
+    :showDetailBack="false"
+    :destroyOnClose="true"
+  >
+    <div class="p-4">
+      <BasicTable @register="registerTable" :bordered="true">
+        <template #bodyCell="{ column, record }">
+          <template v-if="column.key === 'picUrl'">
+            <img :z-index="100000" :width="50" :height="50" :src="record?.picUrl" />
+          </template>
+        </template>
+      </BasicTable>
+    </div>
+  </BasicDrawer>
+</template>
+
+<script lang="ts" setup>
+  import { BasicDrawer, useDrawerInner } from '@/components/Drawer';
+  import { BasicColumn, useTable, BasicTable } from '/@/components/Table';
+  import { getProjectList } from '/@/api/project/invoice';
+  import { ref } from 'vue';
+
+  // 定义表格列
+  const columns: BasicColumn[] = [
+    {
+      title: '客户编码',
+      dataIndex: 'customerCode',
+      width: 100,
+    },
+    {
+      title: '项目号',
+      dataIndex: 'projectNo',
+      width: 100,
+    },
+    {
+      title: '内部编号',
+      dataIndex: 'innerNo',
+      width: 100,
+    },
+    {
+      title: '图片地址',
+      width: 150,
+      dataIndex: 'picUrl',
+    },
+    {
+      title: '生产部门',
+      width: 150,
+      dataIndex: 'productionDepartment',
+    },
+    {
+      title: '订单成分',
+      width: 150,
+      dataIndex: 'orderComposition',
+    },
+    {
+      title: '客户po号',
+      width: 150,
+      dataIndex: 'customerPo',
+    },
+    {
+      title: '款式类型',
+      width: 150,
+      dataIndex: 'productStyle',
+    },
+    {
+      title: '客户Style',
+      width: 150,
+      dataIndex: 'customerStyle',
+    },
+    {
+      title: '订单数量',
+      width: 150,
+      dataIndex: 'orderCount',
+    },
+    {
+      title: '客户总价￥',
+      width: 150,
+      dataIndex: 'customerRmbTotalPrice',
+    },
+    {
+      title: '客户总价$',
+      width: 150,
+      dataIndex: 'customerTotalPrice',
+    },
+    {
+      title: '西班牙提成￥',
+      width: 150,
+      dataIndex: 'spainRmbCommission',
+    },
+    {
+      title: '中国团队提成￥',
+      width: 150,
+      dataIndex: 'rmbCommission',
+    },
+    {
+      title: '提成合计￥',
+      width: 150,
+      dataIndex: 'rmbTotalExpense',
+    },
+  ];
+
+  const projectNo = ref('');
+
+  // 注册抽屉
+  const [register] = useDrawerInner((data) => {
+    projectNo.value = data.data.projectNo;
+  });
+
+  // 注册表格
+  const [registerTable] = useTable({
+    api: async () => {
+      const result = await getProjectList({ projectNo: projectNo.value });
+      return result;
+    },
+    columns: columns,
+    bordered: true,
+  });
+</script>
+
+<style scoped>
+</style> 
 \ No newline at end of file
+import { InputNumber, Tag } from 'ant-design-vue';
+import { BasicColumn } from '@/components/Table';
+import { func } from 'vue-types';
+import { h, ref } from 'vue';
+import { FilePptOutlined } from '@ant-design/icons-vue';
+import axios from 'axios';
+import { queryNoOptions } from '/@/api/project/order';
+import { useOrderStoreWithOut } from '/@/store/modules/order';
+import { useOrderInfo } from '/@/hooks/component/order';
+import { useUserStoreWithOut } from '/@/store/modules/user';
+
+const userStore = useUserStoreWithOut();
+// export const COLUMNS = [
+//   {
+//     title: '客户编码',
+//     dataIndex: 'settingValue',
+//     width: 150,
+//   },
+//   {
+//     title: '利润率',
+//     dataIndex: 'relationValue',
+//     width: 150,
+//     editComponent: 'InputNumber',
+//     editRow: true,
+//     scopedSlots: { customRender: 'name' }
+//   },
+// ];
+const innerNoOptions = ref([]);
+const projectNoOptions = ref([]);
+const allProjectNoOptions = ref<any[]>([]);
+export { allProjectNoOptions };
+const orderStore = useOrderStoreWithOut();
+const {
+  customerCode,
+  productionDepartment,
+} = useOrderInfo(orderStore);
+export const searchFormSchema = [
+  {
+    field: 'customerCode',
+    label: '客户编码',
+    component: 'Select',
+    colProps: { span: 8 },
+
+    componentProps: {
+      options: customerCode,
+      showSearch: true,
+      mode: 'multiple',
+    },
+  },
+  {
+    field: 'projectNo',
+    label: '项目号',
+    component: 'Select',
+    colProps: { span: 8 },
+
+    componentProps: {
+      options: projectNoOptions,
+      showSearch: true,
+      filterOption: false,
+      mode: 'multiple',
+      onSearch: async (value: any) => {
+        if (!value || value.trim() === '') {
+          return;
+        }
+        const result = await queryNoOptions('projectNo', value);
+        projectNoOptions.value = result;
+        allProjectNoOptions.value = result;
+      },
+    },
+  },
+  {
+    field: 'productionDepartment',
+    label: '生产科',
+    component: 'Select',
+    colProps: { span: 8 },
+
+    componentProps: {
+      mode: 'multiple',
+
+      options: productionDepartment,
+      showSearch: true,
+    },
+  },
+  {
+    field: 'innerNo',
+    label: '内部编号',
+    component: 'Select',
+    colProps: { span: 8 },
+
+    componentProps: {
+      options: innerNoOptions,
+      showSearch: true,
+      mode: 'multiple',
+      onSearch: async (value: any) => {
+        innerNoOptions.value = await queryNoOptions('innerNo', value);
+      },
+    },
+  },
+  {
+    field: 'developmentStatus',
+    label: '状态',
+    component: 'Select',
+    colProps: { span: 8 },
+
+    componentProps: {
+      options: [ {
+        label: '未完成',
+        value: -1,
+      },{
+        label: '待审核',
+        value: 0,
+      }, {
+        label: '已发放',
+        value: 1,
+      }, {
+        label: '应发但不发',
+        value: 2,
+      }],
+    },
+  },
+  // {
+  //   field: 'productionDepartment',
+  //   label: '生产科',
+  //   component: 'Select',
+  //   colProps: { span: 8 },
+
+  //   componentProps: {
+  //     mode: 'multiple',
+
+  //     options: productionDepartment,
+  //     showSearch: true,
+  //   },
+  // },
+  // {
+  //   field: 'innerNo',
+  //   label: '内部编号',
+  //   component: 'Select',
+  //   colProps: { span: 8 },
+
+  //   componentProps: {
+  //     options: innerNoOptions,
+  //     showSearch: true,
+  //     mode: 'multiple',
+  //     onSearch: async (value: any) => {
+  //       innerNoOptions.value = await queryNoOptions('innerNo', value);
+  //     },
+  //   },
+  // },
+]
+export const COLUMNS = [
+  {
+    title: '客户编码',
+    dataIndex: 'customerCode',
+    width: 150,
+  },
+  {
+    title: '项目号',
+    dataIndex: 'projectNoPrefix',
+    // dataIndex: 'projectNo',
+    width: 140,
+  },
+  {
+    title: '订单总数量',
+    dataIndex: 'orderCount',
+    width: 120,
+    customRender: (column) => {
+      return column.record?.orderCount;
+    },
+  },
+  {
+    title: '客户总金额￥',
+    width: 150,
+    dataIndex: 'customerTotalPrice',
+    customRender: (column) => {
+      return column.record?.customerRmbTotalPrice?.toFixed(2);
+    },
+  },
+  {
+    title: '客户总金额$',
+    width: 150,
+    dataIndex: 'customerTotalPrice',
+    customRender: (column) => {
+      return column.record?.customerTotalPrice?.toFixed(2);
+    },
+  },
+  {
+    title: '西班牙提成￥',
+    dataIndex: 'spainRmbCommission',
+    width: 150,
+    customRender: (column) => {
+      return column.record?.spainRmbCommission?.toFixed(2);
+    },
+  },
+  {
+    title: '已发提成￥',
+    dataIndex: 'spainPaidRmbCommission',
+    width: 120,
+    customRender: (column) => {
+      return column.record?.spainPaidRmbCommission?.toFixed(2);
+    },
+  },
+  {
+    title: '未发提成￥',
+    dataIndex: 'spainUnpaidRmbCommission',
+    width: 120,
+    customRender: (column) => {
+      return column.record?.spainUnpaidRmbCommission?.toFixed(2);
+    },
+  },
+  {
+    title: '中国团队提成￥',
+    dataIndex: 'rmbCommission',
+    width: 150,
+    customRender: (column) => {
+      return column.record?.rmbCommission?.toFixed(2);
+    },
+  },
+  {
+    title: '已发提成￥',
+    dataIndex: 'paidRmbCommission',
+    width: 120,
+    customRender: (column) => {
+      return column.record?.paidRmbCommission?.toFixed(2);
+    },
+  },
+  {
+    title: '未发提成￥',
+    dataIndex: 'unpaidRmbCommission',
+    width: 120,
+    customRender: (column) => {
+      return column.record?.unpaidRmbCommission?.toFixed(2);
+    },
+  },
+  {
+    title: '提成合计￥',
+    dataIndex: 'rmbTotalExpense',
+    width: 120,
+    customRender: (column) => {
+      return column.record?.rmbTotalExpense?.toFixed(2);
+    },
+  },
+  {
+    title: '状态',
+    dataIndex: 'detailDevelopmentStatus',
+    width: 120,
+    customRender: (column) => {
+      if (column.record?.detailDevelopmentStatus === null || column.record?.detailDevelopmentStatus === -1) {
+        return '未完成';
+      } else if (column.record?.detailDevelopmentStatus === 0) {
+        return '待审核';
+      } else if (column.record?.detailDevelopmentStatus === 1) {
+        return '已发放';
+      } else if (column.record?.detailDevelopmentStatus === 2) {
+        return '应发但不发';
+      }
+    },
+  },
+];
 \ No newline at end of file
+<template>
+  <div>
+    <BasicTable @register="registerTable" :bordered="true" @field-value-change="handleFieldValueChange">
+      <template #headerTop>
+        <a-alert type="info" show-icon>
+          <template #message>
+            <template v-if="checkedKeys.length > 0">
+              <span>已选中{{ checkedKeys.length }}条记录(可跨页)</span>
+              <a-button
+                :style="{ borderRadius: '5px 5px 5px 5px' }"
+                type="link"
+                @click="handleClearChoose"
+                size="small"
+                >清空</a-button
+              >
+            </template>
+            <template v-else>
+              <span>未选中任何订单</span>
+            </template>
+          </template>
+        </a-alert>
+      </template>
+      <template #bodyCell="{ column, record }">
+        <template v-if="column.key === 'picUrl'">
+          <img :z-index="100000" :width="50" :height="50" :src="record?.picUrl" />
+        </template>
+        <template v-if="column.key === 'action'">
+          <TableAction 
+            :actions="createActions(record)" 
+            :dropDownActions="createDropActions(record)" 
+           />
+        </template>
+      </template>
+      <template #toolbar>
+        <a-dropdown
+          v-if="role == ROLE.ADMIN || role == ROLE.FINANCE"
+          :style="{ borderRadius: '5px 5px 5px 5px' }"
+        >
+          <a-button type="primary">
+            导出
+            <DownOutlined />
+          </a-button>
+          <template #overlay>
+            <a-menu @click="handleExportWithTeam">
+              <a-menu-item key="0">中国团队</a-menu-item>
+              <a-menu-item key="1">西班牙团队</a-menu-item>
+              <a-menu-item key="2">所有团队</a-menu-item>
+            </a-menu>
+          </template>
+        </a-dropdown>
+        <a-button
+          type="primary"
+          @click="handleAllProjectNoQuery"
+          style="margin-left: 8px;position: fixed;right: 29%;top: 107.5px;"
+        >全选</a-button>
+      </template>
+    </BasicTable>
+    <CheckDetail @register="checkModalRegister" />
+    <FinanceEdit @register="registerFinanceEdit" @success="handleSuccess" />
+    <HistoryDetail @register="registerHistoryDetail" />
+    <InvoiceDetail @register="registerOrderDetail" />
+  </div>
+</template>
+<script setup lang="ts">
+  import { BasicTable, useTable, TableAction } from '/@/components/Table';
+  import { getBusinessDevelopmentDetail, setBusinessDevelopmentStatus, setBusinessDevStatusSend } from '@/api/project/invoice';
+  import { saveConfig } from '@/api/sys/config';
+  import { searchFormSchema, COLUMNS, allProjectNoOptions } from './data';
+  import axios from 'axios';
+  import { useMessage } from '/@/hooks/web/useMessage';
+  import { onMounted, ref, computed, unref, h } from 'vue';
+  import { Modal } from 'ant-design-vue';
+  import { DownOutlined } from '@ant-design/icons-vue';
+  import { useDrawer } from '/@/components/Drawer';
+  import FinanceEdit from './FinanceEdit.vue';
+  import HistoryDetail from './HistoryDetail.vue';
+  import CheckDetail from './CheckDetail.vue';
+  import InvoiceDetail from './InvoiceDetail.vue';
+  import { useUserStoreWithOut } from '/@/store/modules/user';
+  import { ROLE } from '../../../type.d';
+  import { useOrderStoreWithOut } from '/@/store/modules/order';
+
+  const { createMessage } = useMessage();
+  const projectNoPrefixs = ref<string[]>([]);
+  const checkedKeys = ref<string[]>([]);
+  const invoiceIdKeys = ref<string[]>([]);
+  const checkIdKeys = ref<string[]>([]);
+  const detailProjectNoKeys = ref<string[]>([]);
+  const orderStore = useOrderStoreWithOut();
+  const [checkModalRegister, { openDrawer: openCheckDetailDrawer }] = useDrawer();
+  const [registerFinanceEdit, { openDrawer: openFinanceEdit }] = useDrawer();
+  const [registerHistoryDetail, { openDrawer: openHistoryDetail }] = useDrawer();
+  const [registerOrderDetail, { openDrawer: openOrderDetail }] = useDrawer();
+  const userStore = useUserStoreWithOut();
+  const user = userStore.getUserInfo;
+  const role = computed(() => {
+    return user?.roleSmallVO?.code;
+  });
+  const [registerTable, { reload, getSelectRowKeys, getDataSource, setSelectedRowKeys, setProps, getForm }] = useTable({
+    title: '',
+    api: getBusinessDevelopmentDetail,
+    bordered: true,
+    columns: COLUMNS,
+    clickToRowSelect: false,
+    formConfig: {
+      labelWidth: 120,
+      schemas: searchFormSchema,
+      autoSubmitOnEnter: true,
+      resetFunc: async () => {
+        localStorage.removeItem('isAllSelected');
+        setProps({
+          searchInfo: {
+            projectNo: []
+          }
+        });
+      },
+    },
+    handleSearchInfoFn: (searchInfo) => {
+      
+      // 获取表单实例
+      const formInstance = getForm();
+      if (formInstance) {
+        const formValues = formInstance.getFieldsValue();
+        
+        // 强制覆盖searchInfo，确保使用表单中的值
+        if (formValues.projectNo && formValues.projectNo.length > 0) {
+          // 确保传递的是数组而不是Proxy对象，并去重
+          const projectNoArray = [...new Set(formValues.projectNo)];
+          // 强制覆盖，不使用原始值
+          searchInfo = {
+            ...searchInfo,
+            projectNo: projectNoArray
+          };
+        } else {
+          // 如果表单中没有项目号，清空查询条件
+          searchInfo = {
+            ...searchInfo,
+            projectNo: []
+          };
+        }
+      }
+      
+      
+      return searchInfo;
+    },
+    rowKey: (record) => record.projectNoPrefix,
+    rowSelection: {
+      type: 'checkbox',
+      selectedRowKeys: checkedKeys as any,
+      onSelect: onSelect,
+      onSelectAll: onSelectAll,
+    },
+    useSearchForm: true,
+    showTableSetting: true,
+    showIndexColumn: false,
+    tableSetting: {
+      setting: false,
+    },
+    actionColumn: {
+      width: 260,
+      title: 'Action',
+      dataIndex: 'action',
+    },
+  });
+
+  function createActions(record: any): any[] {
+    if (!record.editable) {
+      const actions = [
+        {
+          label: '财务编辑',
+          onClick: handleFinanceEdit.bind(null, record),
+        },
+        {
+          label: '申请权限',
+          onClick: handleFalse.bind(null, record),
+        },
+        ...(role.value === ROLE.ADMIN ? [
+                  {
+          label: '审核通过',
+                      onClick: () => {
+              // 如果状态为未完成(-1)，则不响应
+              if (record.detailDevelopmentStatus === -1) {
+                createMessage.warning('订单状态未完成');
+                return;
+              }
+              else{
+                showAuditOptions(record);
+              }
+            },
+        },
+        ] : []),
+      ];
+      return actions;
+    }
+    return [
+      {
+        label: '保存',
+        onClick: handleSave.bind(null, record),
+      },
+      {
+        label: '取消',
+        popConfirm: {
+          title: '是否取消编辑',
+          confirm: handleCancel.bind(null, record),
+        },
+      },
+    ];
+  }
+  function createDropActions(record: any) {
+    if (!record.editable) {
+      const actions = [
+        {
+          label: '订单信息',
+          onClick: handleOrderDetail.bind(null, record),
+        },
+        {
+          label: '历史记录',
+          onClick: handleHistoryDetail.bind(null, record),
+        },
+        // {
+        //   label: '设置为应发但不发',
+        //   onClick: handleSetStatus.bind(null, record),
+        // }
+      ];
+      return actions;
+    }
+  }
+
+  onMounted(async () => {
+    await orderStore.getDict();
+  });
+
+  // 监听表单字段变化
+  function handleFieldValueChange(field: string, value: any) {
+    // 如果是项目号字段变化且处于全选状态，同步更新查询条件
+    if (field === 'projectNo' && localStorage.getItem('isAllSelected') === 'true') {
+      
+      // 确保value是数组格式，并去重
+      const projectNoArray = Array.isArray(value) ? [...new Set(value)] : [];
+       
+      // 强制重新加载表格，使用新的查询条件
+      reload({
+        searchInfo: {
+          projectNo: projectNoArray
+        }
+      });
+      
+      // 同时更新detailProjectNoKeys数组
+      detailProjectNoKeys.value = projectNoArray;
+      
+    }
+  }
+
+  function handleFinanceEdit(record) {
+    openFinanceEdit(true, {
+      data: record,
+    });
+  }
+
+  function handleFalse(record, e) {
+    openCheckDetailDrawer(true, record);
+    e?.stopPropagation();
+    return false;
+  }
+
+  function handleSuccess() {
+    setTimeout(() => {
+      reload();
+    }, 50);
+  }
+
+  async function handleSave(record) {
+    await saveConfig({ projectNo: record.projectNoPrefix, relationValue: record.relationValue });
+    handleCancel(record);
+    reload();
+  }
+
+  function handleCancel(record) {
+    record.onEdit?.(false, false);
+  }
+
+  async function handleStatus(record, status) {
+    try {
+      // 检查必要参数是否存在
+      if (!record.projectNoPrefix) {
+        createMessage.error('缺少必要的参数：projectNoPrefix');
+        return;
+      }
+      
+      // 根据不同的状态调用不同的接口
+      if (status === 'approved') {
+        await setBusinessDevelopmentStatus({ 
+          projectNo: record.projectNoPrefix,
+          customerCode: record.customerCode,
+          detailDevelopmentStatus: 1  // 审核通过状态
+        });
+        createMessage.success('审核通过成功！');
+      } else if (status === 'completed') {
+        await setBusinessDevelopmentStatus({ 
+          projectNo: record.projectNoPrefix,
+          customerCode: record.customerCode,
+          detailDevelopmentStatus: 1  // 已完成状态
+        });
+        createMessage.success('设置为已发放成功！');
+      } else {
+        // 默认审核通过
+        await setBusinessDevelopmentStatus({ 
+          projectNo: record.projectNoPrefix,
+          customerCode: record.customerCode,
+          detailDevelopmentStatus: 1  // 默认审核通过状态
+        });
+        createMessage.success('状态更新成功！');
+      }
+      
+      reload();
+    } catch (error) {
+      console.error('Error updating status:', error);
+      createMessage.error('状态更新失败：' + (error.message || '未知错误'));
+    }
+  }
+
+  async function handleHistoryDetail(record) {
+    openHistoryDetail(true, {
+      data: record,
+    });
+  }
+
+  async function handleSetStatus(record) {
+    await setBusinessDevStatusSend({
+      projectNo: record.projectNoPrefix,
+      customerCode: record.customerCode,
+      detailDevelopmentStatus: 2  // 应发但不发状态
+    });
+    // 重新加载
+    reload();
+  }
+
+  // 显示审核选项
+  function showAuditOptions(record) {
+    // 检查当前状态
+    const isReviewed = record.detailDevelopmentStatus === 1; // 已发放状态
+    const isSentButNotPaid = record.detailDevelopmentStatus === 2; // 应发但不发状态
+    
+    // 使用 Modal 显示选项
+    Modal.confirm({
+      title: '选择审核结果',
+      content: h('div', [
+        h('div', { style: 'margin-top: 16px;' }, [
+          h('button', {
+            style: isReviewed 
+              ? 'margin-right: 8px; padding: 4px 8px; color: #666; background-color: #f5f5f5; border-radius: 2px; cursor: not-allowed; border: 1px solid #d9d9d9;' 
+              : 'margin-right: 8px; padding: 4px 8px; color: white; background-color: #40a9ff; border-radius: 2px; cursor: pointer;',
+            disabled: isReviewed, // 如果已发放则禁用
+            onClick: () => {
+              if (!isReviewed) {
+                Modal.destroyAll();
+                handleStatus(record, 'approved'); // 审核通过
+              }
+            }
+          }, isReviewed ? '已发放' : '已发放'),
+          h('button', {
+            style: (isReviewed || isSentButNotPaid)
+              ? 'margin-right: 8px; padding: 4px 8px; color: #666; background-color: #f5f5f5; border-radius: 2px; cursor: not-allowed; border: 1px solid #d9d9d9;' 
+              : 'margin-right: 8px; padding: 4px 8px; color: white; background-color: #40a9ff; border-radius: 2px; cursor: pointer;',
+            disabled: isReviewed || isSentButNotPaid, // 如果已发放或应发但不发则禁用
+            onClick: () => {
+              if (!isReviewed && !isSentButNotPaid) {
+                Modal.destroyAll();
+                handleSetStatus(record); // 应发但不发
+              }
+            }
+          }, (isReviewed || isSentButNotPaid) ? '应发但不发' : '应发但不发'),
+        ])
+      ]),
+      onCancel: () => {
+        Modal.destroyAll();
+      }
+    });
+  }
+
+  function handleExportWithTeam({ key }: { key: string }) {
+    // Get current search parameters from the form
+    const values = getForm().getFieldsValue();
+    
+    // Create export parameters based on whether projectNoPrefixs are selected
+    let exportParams;
+    
+    // If projectNoPrefixs are selected, only use those and ignore search params
+    if (projectNoPrefixs.value.length > 0) {
+      exportParams = {
+        projectNos: projectNoPrefixs.value,  // 复选选中的项目号使用 projectNos
+        selectExcel: parseInt(key)  // 添加团队选择参数
+      };
+    } 
+    // Otherwise use the search parameters
+    else {
+      exportParams = {
+        ...values,
+        projectNo: values.projectNo || undefined,  // 搜索框的项目号使用 projectNo
+        customerCode: values.customerCode || undefined,
+        innerNo: values.innerNo || undefined,
+        productionDepartment: values.productionDepartment || undefined,
+        selectExcel: parseInt(key)  // 添加团队选择参数
+      };
+    }
+    
+    
+    const token = userStore.getToken;
+    axios
+      .post(
+        '/basic-api/project/detailBusinessProfit/exportExcel',
+        exportParams,
+        {
+          headers: {
+            Authorization: `${token}`, // 去掉引号
+          },
+          responseType: 'blob', // 设置响应类型为 'blob'
+        },
+      )
+      .then((response) => {
+        // 创建一个 Blob 对象来保存二进制数据
+        const blob = new Blob([response.data], { type: 'application/zip' });
+        const getFormattedDate = (): string => {
+          const date = new Date();
+
+          const year = date.getFullYear();
+          const month = String(date.getMonth() + 1).padStart(2, '0');
+          const day = String(date.getDate()).padStart(2, '0');
+
+          const hours = String(date.getHours()).padStart(2, '0');
+          const minutes = String(date.getMinutes()).padStart(2, '0');
+          const seconds = String(date.getSeconds()).padStart(2, '0');
+
+          return `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`;
+        };
+        const date = getFormattedDate();
+        // 创建一个链接元素用于下载
+        const link = document.createElement('a');
+        link.href = window.URL.createObjectURL(blob);
+        link.download = `业务研发明细表${date}.xlsx`; // 你可以为文件命名
+        document.body.appendChild(link);
+        link.click(); // 自动点击链接，触发下载
+        document.body.removeChild(link); // 下载完成后移除链接
+      })
+      .catch((error) => {
+        console.error(error);
+      });
+    handleClearChoose();
+    reload();
+  }
+
+  function handleExport() {
+    // Get current search parameters from the form
+    const values = getForm().getFieldsValue();
+    
+    // Create export parameters based on whether projectNoPrefixs are selected
+    let exportParams;
+    
+    // If projectNoPrefixs are selected, only use those and ignore search params
+    if (projectNoPrefixs.value.length > 0) {
+      exportParams = {
+        projectNos: projectNoPrefixs.value  // 复选选中的项目号使用 projectNos
+      };
+    } 
+    // Otherwise use the search parameters
+    else {
+      exportParams = {
+        ...values,
+        projectNo: values.projectNo || undefined,  // 搜索框的项目号使用 projectNo
+        customerCode: values.customerCode || undefined,
+        innerNo: values.innerNo || undefined,
+        productionDepartment: values.productionDepartment || undefined
+      };
+    }
+    
+    
+    const token = userStore.getToken;
+    axios
+      .post(
+        '/basic-api/project/detailBusinessProfit/exportExcel',
+        exportParams,
+        {
+          headers: {
+            Authorization: `${token}`, // 去掉引号
+          },
+          responseType: 'blob', // 设置响应类型为 'blob'
+        },
+      )
+      .then((response) => {
+        // 创建一个 Blob 对象来保存二进制数据
+        const blob = new Blob([response.data], { type: 'application/zip' });
+        const getFormattedDate = (): string => {
+          const date = new Date();
+
+          const year = date.getFullYear();
+          const month = String(date.getMonth() + 1).padStart(2, '0');
+          const day = String(date.getDate()).padStart(2, '0');
+
+          const hours = String(date.getHours()).padStart(2, '0');
+          const minutes = String(date.getMinutes()).padStart(2, '0');
+          const seconds = String(date.getSeconds()).padStart(2, '0');
+
+          return `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`;
+        };
+        const date = getFormattedDate();
+        // 创建一个链接元素用于下载
+        const link = document.createElement('a');
+        link.href = window.URL.createObjectURL(blob);
+        link.download = `业务研发明细表${date}.xlsx`; // 你可以为文件命名
+        document.body.appendChild(link);
+        link.click(); // 自动点击链接，触发下载
+        document.body.removeChild(link); // 下载完成后移除链接
+      })
+      .catch((error) => {
+        console.error(error);
+      });
+    handleClearChoose();
+    reload();
+  }
+
+  function handleClearChoose() {
+    checkedKeys.value = [];
+    projectNoPrefixs.value = [];
+    detailProjectNoKeys.value = [];
+    invoiceIdKeys.value = [];
+    checkIdKeys.value = [];
+  }
+
+  async function onSelect(record, selected: boolean) {
+    const rowKey = record.projectNoPrefix;
+    if (selected) {
+      if (!checkedKeys.value.includes(rowKey)) {
+        checkedKeys.value.push(rowKey);
+      }
+      if (record.projectNoPrefix !== undefined && !projectNoPrefixs.value.includes(record.projectNoPrefix)) {
+        projectNoPrefixs.value.push(record.projectNoPrefix);
+      }
+    } else {
+      checkedKeys.value = checkedKeys.value.filter((key) => key !== rowKey);
+      if (record.projectNoPrefix !== undefined) {
+        projectNoPrefixs.value = projectNoPrefixs.value.filter(projectNo => projectNo !== record.projectNoPrefix);
+      }
+    }
+    setSelectedRowKeys(checkedKeys.value as any);
+  }
+
+  function onSelectAll(selected: boolean, selectedRows: any[]) {
+    if (selected) {
+      checkedKeys.value = selectedRows
+        .map(row => row && row.projectNoPrefix)
+        .filter((key, idx, arr) => key !== undefined && arr.indexOf(key) === idx);
+      projectNoPrefixs.value = checkedKeys.value.slice();
+    } else {
+      checkedKeys.value = [];
+      projectNoPrefixs.value = [];
+    }
+    setSelectedRowKeys(checkedKeys.value as any);
+  }
+  // 6/25未完成工作：全选查询
+  function handleAllProjectNoQuery() {
+    // 检查是否有项目号选项
+    if (!allProjectNoOptions.value || allProjectNoOptions.value.length === 0) {
+      createMessage.warn('没有可查询的项目号！');
+      return;
+    }
+    
+          // 获取所有项目号的value值
+      const allProjectNos = allProjectNoOptions.value.map((item: any) => {
+        // 处理不同的数据结构
+        if (typeof item === 'string') {
+          return item;
+        } else if (item && typeof item === 'object' && 'value' in item) {
+          return item.value;
+        } else if (item && typeof item === 'object' && 'label' in item) {
+          return item.label;
+        }
+        return item;
+      }).filter(Boolean); // 过滤掉空值
+    
+    if (allProjectNos.length === 0) {
+      createMessage.warn('没有有效的项目号！');
+      return;
+    }
+    
+    try {
+      // 提示用户全选成功
+      createMessage.success(`已全选 ${allProjectNos.length} 个项目号`);
+      
+      // 获取表单实例并设置表单值，将项目号填入搜索框
+      const formInstance = getForm();
+      if (formInstance && formInstance.setFieldsValue) {
+        formInstance.setFieldsValue({
+          projectNo: allProjectNos
+        });
+      }
+      
+      // 将allProjectNoOptions更新为已勾选的项目号数组，这样用户取消勾选时数组会同步更新
+      allProjectNoOptions.value = allProjectNos.map((projectNo: any) => ({
+        label: projectNo,
+        value: projectNo
+      }));
+      
+      // 标记为全选状态
+      localStorage.setItem('isAllSelected', 'true');
+    } catch (error) {
+      console.error('全选失败:', error);
+      createMessage.error('全选失败，请检查网络连接！');
+    }
+  }
+
+  async function handleOrderDetail(record) {
+    // 打开订单信息抽屉
+    openOrderDetail(true, {
+      data: {
+        projectNo: record.projectNoPrefix || record.projectNo
+      },
+    });
+  }
+</script>
+<style></style>
+import { ref } from 'vue';
+import { ROLE } from '../../../financeList/type.d';
+import { queryNoOptions } from '/@/api/project/order';
+import { useOrderInfo } from '/@/hooks/component/order';
+import { useOrderStoreWithOut } from '/@/store/modules/order';
+import { formatToDate } from '/@/utils/dateUtil';
+
+// 角色
+// 业务员- 查看all，编辑-利润分析，报告书
+// 跟单员- 查看利润分析（单价和总金额），跟单，质检，编辑
+// 质检员- 查看跟单，质检，编辑质检
+
+const innerNoOptions = ref([]);
+const projectNoOptions = ref([]);
+const orderStore = useOrderStoreWithOut();
+// const { productionDepartment: productionDepartmentOptions } = useOrderInfo(orderStore);
+
+/**
+ * drawer面板的字段
+ */
+// 基本信息
+export const FIELDS_BASE_INFO = [
+  {
+    field: 'detailSpainPaidRmbCommission',
+    component: 'Select',
+    labelWidth: 150,
+    label: '西班牙已发提成￥',
+    rules: [{ required: true }],
+  },
+  {
+    field: 'detailPaidRmbCommission',
+    component: 'Select',
+    labelWidth: 150,
+    label: '中国团队已发提成￥',
+    rules: [{ required: true }],
+  },
+];