feat: 历史记录

boyang
1 parent cbe36709
Showing 17 changed files with 1240 additions and 55 deletions
src/api/project/approve.ts
src/api/project/invoice.ts
src/router/routes/modules/project/finance.ts
src/views/project/finance/financeProfit/ProductProfit/InnerData/FinanceEdit.vue
src/views/project/finance/financeProfit/ProductProfit/InnerData/HistoryDetail.vue
src/views/project/finance/financeProfit/ProductProfit/InnerData/data.tsx
src/views/project/finance/financeProfit/ProductProfit/InnerData/index.vue
src/views/project/finance/financeProfit/ProductProfit/InnerProduce/HistoryDetail.vue
src/views/project/finance/financeProfit/ProductProfit/InnerProduce/data.tsx
src/views/project/finance/financeProfit/ProductProfit/InnerProduce/index.vue
src/views/project/finance/financeProfit/ServiceProfit/PackageProfit/HistoryDetail.vue
src/views/project/finance/financeProfit/ServiceProfit/PackageProfit/data.tsx
src/views/project/finance/financeProfit/ServiceProfit/PackageProfit/index.vue
src/views/project/finance/financeProfit/ServiceProfit/ServiceProfit/HistoryDetail.vue
src/views/project/finance/financeProfit/ServiceProfit/ServiceProfit/data.tsx
src/views/project/finance/financeProfit/ServiceProfit/ServiceProfit/index.vue
src/views/project/finance/type.d.ts
@@ -21,12 +21,11 @@ export const approveAuditApi = async (params: any) =&gt;
     { message: '操作成功' },
   );
-export const getWaitListApi = async (params: DemoParams) => {
+export const getWaitListApi = async (params: any) => {
   const res = await defHttp.post({
     url: Api.APPROVE,
     params,
   });
-
   res.records = res.records.map((item) => {
     return item;
   });
@@ -44,7 +43,7 @@ export const getApprovedListApi = async (params: any) =&gt; {
   res.records = res.records.map((item) => {
     return item;
   });
-
+  console.log(res, '56567ressss');
   return new Promise((resolve) => {
     resolve({ items: res.records, total: res.total });
   });
@@ -50,6 +50,12 @@ enum Api {
   SERVICEAPPLYEDIT = '/project/applyEditFileds', //申请修改
   APPLYLIST = '/project/pageProjectLockFieldApply', //分页查询项目字段申请记录
   AUDITAPPLY = '/project/audit', //审核
+  ACTIONRECORD = '/projectOptLog/listByPage', //业务/内部研发净利润操作记录以及申请记录
+  ORDERCOSTDETAILEDOPTLOG = '/orderCostDetailedOptLog/listByPage', //包装费用明细/内部生产明细操作记录表
+  ORDERCOSTDETAILEDEXPORT = '/project/businessProfit/exportExcel', //业务研发净利润分析表导出
+  INNERPRODUCEPROFITEXPORT = '/project/innerProfitInfo/exportExcel', //内部生产净利润分析表导出
+  BUSINESSPROFITDETAIL = '/order/cost/businessProfitDetail/exportExcel', //包装费用明细导出
+  INNERPROFITDETAIL = '/order/cost/innerProfitDetail/exportExcel', //内部生产明细导出
 }
 export const getRefundDate = async (params: any, data?: any) => {
@@ -427,18 +433,30 @@ export const getServiceApplyEdit = async (params: any) =&gt; {
 };
 export const getApplyList = async (params: any) => {
-  const res = ref();
-  res.value = await defHttp.post<any>({
+  // const res = ref();
+  // res.value = await defHttp.post<any>({
+  //   url: Api.APPLYLIST,
+  //   params,
+  // });
+  // res.value.data.records.forEach((record) => {
+  //   const jsonObj = JSON.parse(record?.fields);
+  //   if (jsonObj) {
+  //     record.fields = jsonObj;
+  //   }
+  // });
+  // return res.value.data.records;
+  const data = await defHttp.post({
     url: Api.APPLYLIST,
     params,
   });
-  res.value.data.records.forEach((record) => {
-    const jsonObj = JSON.parse(record?.fields);
-    if (jsonObj) {
-      record.fields = jsonObj;
-    }
+  const res = data.data;
+  res.records = res.records.map((item) => {
+    return item;
+  });
+
+  return new Promise((resolve) => {
+    resolve({ items: res.records, total: res.total });
   });
-  return res.value.data.records;
 };
 export const getAuditApply = async (params: any) => {
@@ -461,3 +479,70 @@ export const checkDeleteDeduct = async (params: any) =&gt; {
     params,
   });
 };
+
+export const getProjectOptLog = async (params: any) => {
+  const res = await defHttp.post<any>({
+    url: Api.ACTIONRECORD,
+    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);
+  return new Promise((resolve) => {
+    resolve({
+      items: formattedRecords,
+      total: res.total,
+    });
+  });
+};
+export const getBusinessProfitExport = async (params: any) => {
+  return await defHttp.post<any>({
+    url: Api.ORDERCOSTDETAILEDEXPORT,
+    params,
+  });
+};
+
+export const getInnerProfitInfoExport = async (params: any) => {
+  return await defHttp.post<any>({
+    url: Api.INNERPRODUCEPROFITEXPORT,
+    params,
+  });
+};
+export const getBusinessProfitDetailExport = async (params: any) => {
+  return await defHttp.post<any>({
+    url: Api.BUSINESSPROFITDETAIL,
+    params,
+  });
+};
+export const getInnerProfitDetail = async (params: any) => {
+  return await defHttp.post<any>({
+    url: Api.INNERPROFITDETAIL,
+    params,
+  });
+};
 \ No newline at end of file
@@ -116,8 +116,8 @@ const finance: AppRouteModule = {
           },
           children: [
             {
-              path: 'InnerData',
-              name: 'InnerData',
+              path: 'InnerProduce',
+              name: 'InnerProduce',
               meta: {
                 title: '内部生产净利润分析表',
                 roles: [RoleEnum.ADMIN, RoleEnum.FINANCE, RoleEnum.TRACKER, RoleEnum.BUSINESS],
@@ -129,8 +129,8 @@ const finance: AppRouteModule = {
                 ),
             },
             {
-              path: 'InnerProduce',
-              name: 'InnerProduce',
+              path: 'InnerData',
+              name: 'InnerData',
               meta: {
                 title: '内部生产明细表',
                 roles: [RoleEnum.ADMIN, RoleEnum.FINANCE, RoleEnum.TRACKER, RoleEnum.BUSINESS],
@@ -32,6 +32,14 @@
         auto-size
       />
       <div style="margin: 16px 0"></div>
+      <div style="font-size: 15px">生产科预算单价</div>
+      <a-input
+        v-model:value="input3"
+        placeholder="请输入"
+        :disabled="status3 == 'LOCKED'"
+        auto-size
+      />
+      <div style="margin: 16px 0"></div>
       <!-- <template #titleToolbar> <a-button type="primary"> 申请编辑权限 </a-button></template> -->
       <template #appendFooter>
@@ -126,20 +134,26 @@
   const update = ref();
   const status1 = ref();
   const status2 = ref();
+  const status3 = ref();
   const input1 = ref();
   const input2 = ref();
+  const input3 = ref();
+  const orderCount = ref();
   const id = ref();
   const [register, { setDrawerProps, closeDrawer }] = useDrawerInner((data) => {
     // 方式1
     if (data.data?.lockFields) {
       status1.value = data.data?.lockFields?.productionDepartmentPredictPrice;
       status2.value = data.data?.lockFields?.productionActualPrice;
+      status3.value = data.data?.lockFields?.productionDepartmentPredictUnitprice;
     }
     id.value = data.data.orderId;
     input1.value = data.data?.productionDepartmentPredictPrice.toFixed(2);
     input2.value = data.data?.productionActualPrice.toFixed(2);
+    orderCount.value = data.data?.orderCount;
+    input3.value = data.data?.productionDepartmentPredictUnitprice.toFixed(2);
     resetFields();
     setDrawerProps({ confirmLoading: false });
     // setFieldsValue({
@@ -155,13 +169,15 @@
     //   id: update.value.data.id,
     //   bgUrl: update.value.data.bgUrl,
     // };
-    if (!input1.value || !input2.value) {
+    if (!input1.value || !input2.value || !input3.value) {
       error('选项不能为空');
     } else {
       await getPackageEdit({
         orderId: id.value,
         productionDepartmentPredictPrice: input1.value,
         productionActualPrice: input2.value,
+        orderCount: orderCount.value,
+        productionDepartmentPredictUnitprice: input3.value,
       });
       emit('success');
       closeDrawer();
@@ -171,6 +187,7 @@
     if (!visible) {
       input1.value = '';
       input2.value = '';
+      input3.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, List } from 'ant-design-vue';
+  import { FormSchema } from '/@/components/Form/index';
+
+  import { BasicDrawer, useDrawerInner } from '/@/components/Drawer';
+  import { getOrderCostDetailedOptLog } 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 orderId = 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 getOrderCostDetailedOptLog({
+            orderId: data,
+            type: 40,
+            page: page,
+            pageSize: 20,
+          });
+          list1.value = res.items;
+          total1.value = res.total;
+          page1.value = page;
+        } else {
+          const res = await getOrderCostDetailedOptLog({
+            orderId: data,
+            type: 70,
+            page: page,
+            pageSize: 20,
+          });
+          list2.value = res.items;
+          total2.value = res.total;
+          page2.value = page;
+        }
+      };
+      const [register] = useDrawerInner((data) => {
+        orderId.value = data.data.orderId;
+        getOrderOptLogFunc(orderId.value, 1, 1);
+        getOrderOptLogFunc(orderId.value, 2, 1);
+      });
+
+      const pagination1 = computed(() => {
+        return {
+          show: true,
+          pageSize: 20,
+          page: page1.value,
+          total: total1.value,
+          onChange(cur) {
+            getOrderOptLogFunc(orderId.value, 1, cur);
+          },
+        };
+      });
+
+      const pagination2 = computed(() => {
+        return {
+          show: true,
+          pageSize: 20,
+          page: page1.value,
+          total: total1.value,
+          onChange(cur) {
+            getOrderOptLogFunc(orderId.value, 2, cur);
+          },
+        };
+      });
+
+      return {
+        register,
+        schemas,
+        achieveList,
+        list1,
+        list2,
+        prefixCls: 'account-center',
+        pagination1,
+        pagination2,
+        activeKey,
+        formatToDateTime,
+      };
+    },
+  });
+</script>
@@ -137,7 +137,15 @@ export const COLUMNS = [
     },
   },
   {
-    title: '生产科预算金额￥',
+    title: '生产科预算单价￥',
+    width: 150,
+    dataIndex: 'productionDepartmentPredictUnitprice',
+    customRender: (column) => {
+      return column.record?.productionDepartmentPredictUnitprice?.toFixed(2);
+    },
+  },
+  {
+    title: '生产科预算总金额￥',
     width: 150,
     dataIndex: 'productionDepartmentPredictPrice',
     customRender: (column) => {
@@ -145,9 +153,9 @@ export const COLUMNS = [
     },
   },
   {
-    title: '实际发生费用',
+    title: '生产科实际花费总金额￥',
     dataIndex: 'productionActualPrice',
-    width: 120,
+    width: 180,
     customRender: (column) => {
       return column.record?.productionActualPrice?.toFixed(2);
     },
@@ -212,6 +220,20 @@ export const COLUMNS = [
       return column.record?.grossProfitRate?.toFixed(2);
     },
   },
+  {
+    title: '状态',
+    dataIndex: 'status',
+    width: 120,
+    customRender: (column) => {
+      if (column.record?.status === '-1') {
+        return '未完成';
+      } else if (column.record?.status === '0') {
+        return '待审核';
+      } else if (column.record?.status === '1') {
+        return '已审核';
+      }
+    },
+  },
   // {
   //   title: '内部生产固定成本￥',
   //   dataIndex: 'innerProductionFixedCost',
@@ -6,7 +6,7 @@
           <img :z-index="100000" :width="50" :height="50" :src="record?.picUrl" />
         </template>
         <template v-if="column.key === 'action'">
-          <TableAction :actions="createActions(record)" />
+          <TableAction :actions="createActions(record)" :dropDownActions="createDropActions(record)" />
         </template>
         <!-- <template v-if="column.key === 'relationValue'">
           <a-input
@@ -32,8 +32,9 @@
         <a-textarea :rows="6" placeholder="请输入拒绝原因" v-model:value="message" />
       </div>
     </BasicModal> -->
-    <CheckDetail @register="checkModalRegister" />
+    <CheckDetail @register="checkModalRegister" :onGoFormDetail="handleGoFormDetail" />
     <FinanceEdit @register="registerFinanceEdit" @success="handleSuccess" />
+    <HistoryDetail @register="registerHistoryDetail" />
   </div>
 </template>
 <script setup lang="ts">
@@ -42,11 +43,15 @@
   import { searchFormSchema, COLUMNS } from './data';
   import { BasicModal, useModal } from '/@/components/Modal';
   import { useMessage } from '/@/hooks/web/useMessage';
-  import { onMounted, ref } from 'vue';
+  import { onMounted, ref, computed } from 'vue';
   import { useDrawer } from '/@/components/Drawer';
   import FinanceEdit from './FinanceEdit.vue';
   import CheckDetail from './CheckDetail.vue';
+  import HistoryDetail from './HistoryDetail.vue';
   import { useOrderStoreWithOut } from '/@/store/modules/order';
+  import { useUserStoreWithOut } from '/@/store/modules/user';
+  import { RoleEnum } from '/@/enums/roleEnum';
+  import { ROLE } from '../../../type.d';
   const { createMessage } = useMessage();
   const { error } = createMessage;
@@ -54,6 +59,12 @@
   const orderStore = useOrderStoreWithOut();
   const [checkModalRegister, { openDrawer: openCheckDetailDrawer }] = useDrawer();
   const [registerFinanceEdit, { openDrawer: openFinanceEdit }] = useDrawer();
+  const [registerHistoryDetail, { openDrawer: openHistoryDetail }] = useDrawer();
+  const userStore = useUserStoreWithOut();
+  const user = userStore.getUserInfo;
+  const role = computed(() => {
+    return user?.roleSmallVO?.code;
+  });
   const handleOk = (record) => {
     // 修改父组件的状态
     closeModal();
@@ -80,7 +91,7 @@
       setting: false,
     },
     actionColumn: {
-      width: 240,
+      width: 260,
       title: 'Action',
       dataIndex: 'action',
     },
@@ -111,6 +122,18 @@
           // },
           onClick: handleFalse.bind(null, record),
         },
+        {
+          label: '审批通过',
+          popConfirm: {
+            title: '确认审批？',
+            confirm: () => {
+              if (record.status === 0 && role.value === ROLE.ADMIN) {
+                handleStatus(record, true);
+              }
+              return;
+            },
+          },
+        },
       ];
     }
     return [
@@ -128,6 +151,18 @@
     ];
   }
+  function createDropActions(record: any) {
+    if (!record.editable) {
+      const actions = [
+        {
+          label: '历史记录',
+          onClick: handleHistoryDetail.bind(null, record),
+        },
+      ];
+      return actions;
+    }
+  }
+
   onMounted(async () => {
     await orderStore.getDict();
   });
@@ -175,5 +210,25 @@
       reload();
     }, 50);
   }
+  
+  async function handleStatus(record, status) {
+    try {
+      // Add your API call here for updating status
+      // Example: await updateStatus({ id: record.id, status: status ? 1 : 2 });
+      reload();
+    } catch (error) {
+      console.error(error);
+    }
+  }
+  
+  function handleHistoryDetail(record) {
+    openHistoryDetail(true, {
+      data: record,
+    });
+  }
+  
+  function handleGoFormDetail() {
+    // Add your logic for form detail navigation
+  }
 </script>
 <style></style>
+<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, List } from 'ant-design-vue';
+  import { FormSchema } from '/@/components/Form/index';
+
+  import { BasicDrawer, useDrawerInner } from '/@/components/Drawer';
+  import { getProjectOptLog } 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 orderId = 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 getProjectOptLog({ orderId: data, type: 30, page: page, pageSize: 20 });
+          list1.value = res.items;
+          total1.value = res.total;
+          page1.value = page;
+        } else {
+          const res = await getProjectOptLog({ orderId: data, type: 1, page: page, pageSize: 20 });
+          list2.value = res.items;
+          total2.value = res.total;
+          page2.value = page;
+        }
+      };
+      const [register] = useDrawerInner((data) => {
+        orderId.value = data.data.projectNoPrefix;
+        getOrderOptLogFunc(orderId.value, 1, 1);
+        getOrderOptLogFunc(orderId.value, 2, 1);
+      });
+
+      const pagination1 = computed(() => {
+        return {
+          show: true,
+          pageSize: 20,
+          page: page1.value,
+          total: total1.value,
+          onChange(cur) {
+            getOrderOptLogFunc(orderId.value, 1, cur);
+          },
+        };
+      });
+
+      const pagination2 = computed(() => {
+        return {
+          show: true,
+          pageSize: 20,
+          page: page1.value,
+          total: total1.value,
+          onChange(cur) {
+            getOrderOptLogFunc(orderId.value, 2, cur);
+          },
+        };
+      });
+
+      return {
+        register,
+        schemas,
+        achieveList,
+        list1,
+        list2,
+        prefixCls: 'account-center',
+        pagination1,
+        pagination2,
+        activeKey,
+        formatToDateTime,
+      };
+    },
+  });
+</script>
@@ -241,6 +241,20 @@ export const COLUMNS = [
     },
   },
   {
+    title: '状态',
+    dataIndex: 'status',
+    width: 120,
+    customRender: (column) => {
+      if (column.record?.status === '-1') {
+        return '未完成';
+      } else if (column.record?.status === '0') {
+        return '待审核';
+      } else if (column.record?.status === '1') {
+        return '已审核';
+      }
+    },
+  },
+  {
     title: '文件',
     dataIndex: 'fileUrl',
     width: 120,
@@ -6,7 +6,10 @@
           <img :z-index="100000" :width="50" :height="50" :src="record?.picUrl" />
         </template>
         <template v-if="column.key === 'action'">
-          <TableAction :actions="createActions(record)" />
+          <TableAction
+            :actions="createActions(record)"
+            :dropDownActions="createDropActions(record)"
+          />
         </template>
         <!-- <template v-if="column.key === 'relationValue'">
           <a-input
@@ -32,8 +35,9 @@
         <a-textarea :rows="6" placeholder="请输入拒绝原因" v-model:value="message" />
       </div>
     </BasicModal> -->
-    <CheckDetail @register="checkModalRegister" />
+    <CheckDetail @register="checkModalRegister" :onGoFormDetail="handleGoFormDetail" />
     <FinanceEdit @register="registerFinanceEdit" @success="handleSuccess" />
+    <HistoryDetail @register="registerHistoryDetail" />
   </div>
 </template>
 <script setup lang="ts">
@@ -42,11 +46,15 @@
   import { searchFormSchema, COLUMNS } from './data';
   import { BasicModal, useModal } from '/@/components/Modal';
   import { useMessage } from '/@/hooks/web/useMessage';
-  import { onMounted, ref } from 'vue';
+  import { onMounted, ref, computed } from 'vue';
   import { useDrawer } from '/@/components/Drawer';
   import FinanceEdit from './FinanceEdit.vue';
   import CheckDetail from './CheckDetail.vue';
+  import HistoryDetail from './HistoryDetail.vue';
   import { useOrderStoreWithOut } from '/@/store/modules/order';
+  import { useUserStoreWithOut } from '/@/store/modules/user';
+  import { RoleEnum } from '/@/enums/roleEnum';
+  import { ROLE } from '../../../type.d';
   const { createMessage } = useMessage();
   const { error } = createMessage;
@@ -54,6 +62,12 @@
   const orderStore = useOrderStoreWithOut();
   const [checkModalRegister, { openDrawer: openCheckDetailDrawer }] = useDrawer();
   const [registerFinanceEdit, { openDrawer: openFinanceEdit }] = useDrawer();
+  const [registerHistoryDetail, { openDrawer: openHistoryDetail }] = useDrawer();
+  const userStore = useUserStoreWithOut();
+  const user = userStore.getUserInfo;
+  const role = computed(() => {
+    return user?.roleSmallVO?.code;
+  });
   const handleOk = (record) => {
     // 修改父组件的状态
     closeModal();
@@ -81,7 +95,7 @@
       setting: false,
     },
     actionColumn: {
-      width: 240,
+      width: 260,
       title: 'Action',
       dataIndex: 'action',
     },
@@ -113,6 +127,18 @@
           // },
           onClick: handleFalse.bind(null, record),
         },
+        {
+          label: '审核通过',
+          popConfirm: {
+            title: '确认审核？',
+            confirm: () => {
+              if (record.status === 0 && role.value === ROLE.ADMIN) {
+                handleStatus(record, true);
+              }
+              return;
+            },
+          },
+        },
       ];
     }
     return [
@@ -130,6 +156,18 @@
     ];
   }
+  function createDropActions(record: any) {
+    if (!record.editable) {
+      const actions = [
+        {
+          label: '历史记录',
+          onClick: handleHistoryDetail.bind(null, record),
+        },
+      ];
+      return actions;
+    }
+  }
+
   onMounted(async () => {
     await orderStore.getDict();
   });
@@ -173,5 +211,25 @@
       reload();
     }, 50);
   }
+  
+  async function handleStatus(record, status) {
+    try {
+      // Add your API call here for updating status
+      // Example: await updateStatus({ id: record.id, status: status ? 1 : 2 });
+      reload();
+    } catch (error) {
+      console.error(error);
+    }
+  }
+  
+  function handleHistoryDetail(record) {
+    openHistoryDetail(true, {
+      data: record,
+    });
+  }
+  
+  function handleGoFormDetail() {
+    // Add your logic for form detail navigation
+  }
 </script>
 <style></style>
+<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 { getOrderCostDetailedOptLog } 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 orderId = 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 getOrderCostDetailedOptLog({
+            orderId: data,
+            type: 20,
+            page: page,
+            pageSize: 20
+          });
+          list1.value = res.items;
+          total1.value = res.total;
+          page1.value = page;
+        } else {
+          const res = await getOrderCostDetailedOptLog({
+            orderId: data,
+            type: 60,
+            page: page,
+            pageSize: 20
+          });
+          list2.value = res.items;
+          total2.value = res.total;
+          page2.value = page;
+        }
+      };
+      const [register] = useDrawerInner((data) => {
+        orderId.value = data.data.orderId;
+        getOrderOptLogFunc(orderId.value, 1, 1);
+        getOrderOptLogFunc(orderId.value, 2, 1);
+      });
+
+      const pagination1 = computed(() => {
+        return {
+          show: true,
+          pageSize: 20,
+          page: page1.value,
+          total: total1.value,
+          onChange(cur) {
+            getOrderOptLogFunc(orderId.value, 1, cur);
+          },
+        };
+      });
+
+      const pagination2 = computed(() => {
+        return {
+          show: true,
+          pageSize: 20,
+          page: page1.value,
+          total: total1.value,
+          onChange(cur) {
+            getOrderOptLogFunc(orderId.value, 2, cur);
+          },
+        };
+      });
+
+      return {
+        register,
+        schemas,
+        achieveList,
+        list1,
+        list2,
+        prefixCls: 'account-center',
+        pagination1,
+        pagination2,
+        activeKey,
+        formatToDateTime,
+      };
+    },
+  });
+</script>
@@ -187,4 +187,18 @@ export const COLUMNS = [
       return column.record?.packetProfitRate?.toFixed(2);
     },
   },
+  {
+    title: '状态',
+    dataIndex: 'status',
+    width: 120,
+    customRender: (column) => {
+      if (column.record?.status === '-1') {
+        return '未完成';
+      } else if (column.record?.status === '0') {
+        return '待审核';
+      } else if (column.record?.status === '1') {
+        return '已审核';
+      }
+    },
+  },
 ];
 \ No newline at end of file
@@ -6,7 +6,10 @@
           <img :z-index="100000" :width="50" :height="50" :src="record?.picUrl" />
         </template>
         <template v-if="column.key === 'action'">
-          <TableAction :actions="createActions(record)" />
+          <TableAction 
+            :actions="createActions(record)" 
+            :dropDownActions="createDropActions(record)" 
+           />
         </template>
         <!-- <template v-if="column.key === 'relationValue'">
           <a-input
@@ -34,6 +37,7 @@
     </BasicModal> -->
     <CheckDetail @register="checkModalRegister" :onGoFormDetail="handleGoFormDetail" />
     <FinanceEdit @register="registerFinanceEdit" @success="handleSuccess" />
+    <HistoryDetail @register="registerHistoryDetail" />
   </div>
 </template>
 <script setup lang="ts">
@@ -42,12 +46,16 @@
   import { searchFormSchema, COLUMNS } from './data';
   import { BasicModal, useModal } from '/@/components/Modal';
   import { useMessage } from '/@/hooks/web/useMessage';
-  import { onMounted, ref } from 'vue';
+  import { onMounted, ref, computed } from 'vue';
   import { useDrawer } from '/@/components/Drawer';
   import FinanceEdit from './FinanceEdit.vue';
   import CheckDetail from './CheckDetail.vue';
+  import HistoryDetail from './HistoryDetail.vue';
   import { FilePptOutlined } from '@ant-design/icons-vue';
   import { useOrderStoreWithOut } from '/@/store/modules/order';
+  import { useUserStoreWithOut } from '/@/store/modules/user';
+  import { RoleEnum } from '/@/enums/roleEnum';
+  import { ROLE } from '../../../type.d';
   const { createMessage } = useMessage();
   const { error } = createMessage;
@@ -55,6 +63,12 @@
   const orderStore = useOrderStoreWithOut();
   const [checkModalRegister, { openDrawer: openCheckDetailDrawer }] = useDrawer();
   const [registerFinanceEdit, { openDrawer: openFinanceEdit }] = useDrawer();
+  const [registerHistoryDetail, { openDrawer: openHistoryDetail }] = useDrawer();
+  const userStore = useUserStoreWithOut();
+  const user = userStore.getUserInfo;
+  const role = computed(() => {
+    return user?.roleSmallVO?.code;
+  });
   const handleOk = (record) => {
     // 修改父组件的状态
     closeModal();
@@ -81,7 +95,7 @@
       setting: false,
     },
     actionColumn: {
-      width: 240,
+      width: 260,
       title: 'Action',
       dataIndex: 'action',
     },
@@ -113,6 +127,18 @@
           // },
           onClick: handleFalse.bind(null, record),
         },
+        {
+          label: '审核通过',
+          popConfirm: {
+            title: '确认审核？',
+            confirm: () => {
+              if (record.status === 0 && role.value === ROLE.ADMIN) {
+                handleStatus(record, true);
+              }
+              return;
+            },
+          },
+        },
       ];
     }
     return [
@@ -130,9 +156,17 @@
     ];
   }
-  onMounted(async () => {
-    await orderStore.getDict();
-  });
+  function createDropActions(record: any) {
+    if (!record.editable) {
+      const actions = [
+        {
+          label: '历史记录',
+          onClick: handleHistoryDetail.bind(null, record),
+        },
+      ];
+      return actions;
+    }
+  }
   function handleFinanceEdit(record) {
     openFinanceEdit(true, {
@@ -176,5 +210,29 @@
   //   await deleteConfig({ ids: [record.id] });
   //   reload();
   // }
+  
+  async function handleStatus(record, status) {
+    try {
+      // Add your API call here for updating status
+      // Example: await updateStatus({ id: record.id, status: status ? 1 : 2 });
+      reload();
+    } catch (error) {
+      console.error(error);
+    }
+  }
+  
+  function handleHistoryDetail(record) {
+    openHistoryDetail(true, {
+      data: record,
+    });
+  }
+  
+  function handleGoFormDetail() {
+    // Add your logic for form detail navigation
+  }
+
+  onMounted(async () => {
+    await orderStore.getDict();
+  });
 </script>
 <style></style>
+<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 { getProjectOptLog } 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 orderId = 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 getProjectOptLog({ 
+            projectNoPrefix: data, 
+            type: 10,
+            page: page,
+            pageSize: 20 
+          });
+          console.log(res, '5656res');
+          list1.value = res.items;
+          total1.value = res.total;
+          page1.value = page;
+        } else {
+          const res = await getProjectOptLog({ 
+            projectNoPrefix: data, 
+            type: 0, 
+            page: page, 
+            pageSize: 20 
+          });
+          list2.value = res.items;
+          total2.value = res.total;
+          page2.value = page;
+        }
+      };
+      const [register] = useDrawerInner((data) => {
+        orderId.value = data.data.projectNoPrefix;
+        getOrderOptLogFunc(orderId.value, 1, 1);
+        getOrderOptLogFunc(orderId.value, 2, 1);
+      });
+
+      const pagination1 = computed(() => {
+        return {
+          show: true,
+          pageSize: 20,
+          page: page1.value,
+          total: total1.value,
+          onChange(cur) {
+            getOrderOptLogFunc(orderId.value, 1, cur);
+          },
+        };
+      });
+
+      const pagination2 = computed(() => {
+        return {
+          show: true,
+          pageSize: 20,
+          page: page1.value,
+          total: total1.value,
+          onChange(cur) {
+            getOrderOptLogFunc(orderId.value, 2, cur);
+          },
+        };
+      });
+
+      return {
+        register,
+        schemas,
+        achieveList,
+        list1,
+        list2,
+        prefixCls: 'account-center',
+        pagination1,
+        pagination2,
+        activeKey,
+        formatToDateTime,
+      };
+    },
+  });
+</script>
@@ -140,7 +140,6 @@ export const COLUMNS = [
     dataIndex: 'packetTotalPrice',
     width: 150,
     customRender: (column) => {
-      console.log(column, '5656666666');
       return column.record?.packetRmbTotalPrice?.toFixed(2);
     },
   },
@@ -311,14 +310,6 @@ export const COLUMNS = [
     },
   },
   {
-    title: '汇率收益￥',
-    dataIndex: 'exchangeRateProfit',
-    width: 120,
-    customRender: (column) => {
-      return column.record?.exchangeRateProfit?.toFixed(2);
-    },
-  },
-  {
     title: '综合收益￥',
     dataIndex: 'comprehensiveProfit',
     width: 120,
@@ -381,4 +372,18 @@ export const COLUMNS = [
       return <FilePptOutlined style="font-size:25px" onClick={() => handleClick()} />;
     },
   },
+  {
+    title: '状态',
+    dataIndex: 'status',
+    width: 120,
+    customRender: (column) => {
+      if (column.record?.status === '-1') {
+        return '未完成';
+      } else if (column.record?.status === '0') {
+        return '待审核';
+      } else if (column.record?.status === '1') {
+        return '已审核';
+      }
+    },
+  },
 ];
 \ No newline at end of file
@@ -3,7 +3,10 @@
     <BasicTable @register="registerTable" :bordered="true">
       <template #bodyCell="{ column, record }">
         <template v-if="column.key === 'action'">
-          <TableAction :actions="createActions(record)" />
+          <TableAction
+            :actions="createActions(record)"
+            :dropDownActions="createDropActions(record)"
+          />
         </template>
         <!-- <template v-if="column.key === 'relationValue'">
           <a-input
@@ -31,32 +34,39 @@
     </BasicModal> -->
     <CheckDetail @register="checkModalRegister" :onGoFormDetail="handleGoFormDetail" />
     <FinanceEdit @register="registerFinanceEdit" @success="handleSuccess" />
+    <HistoryDetail @register="registerHistoryDetail" />
   </div>
 </template>
 <script setup lang="ts">
   import { BasicTable, useTable, TableAction } from '/@/components/Table';
   import { getServiceProfit } from '@/api/project/invoice';
   import { searchFormSchema, COLUMNS } from './data';
-  import { BasicModal, useModal } from '/@/components/Modal';
   import { useMessage } from '/@/hooks/web/useMessage';
-  import { onMounted, ref } from 'vue';
+  import { onMounted, ref, computed, unref } from 'vue';
   import { useDrawer } from '/@/components/Drawer';
   import FinanceEdit from './FinanceEdit.vue';
+  import HistoryDetail from './HistoryDetail.vue';
   import CheckDetail from './CheckDetail.vue';
+  import { useUserStoreWithOut } from '/@/store/modules/user';
+  import { ROLE } from '../../../type.d';
   import { useOrderStoreWithOut } from '/@/store/modules/order';
   const { createMessage } = useMessage();
-  const { error } = createMessage;
   const message = ref();
+  const checkedKeys = ref<string[]>([]);
+  const invoiceIdKeys = ref<string[]>([]);
+  const checkIdKeys = ref<string[]>([]);
   const orderStore = useOrderStoreWithOut();
   const [checkModalRegister, { openDrawer: openCheckDetailDrawer }] = useDrawer();
   const [registerFinanceEdit, { openDrawer: openFinanceEdit }] = useDrawer();
-  const handleClose = (visible: boolean) => {
-    if (!visible) {
-      message.value = '';
-    }
-  };
-  const [registerTable, { reload }] = useTable({
+  const [registerHistoryDetail, { openDrawer: openHistoryDetail }] = useDrawer();
+  const userStore = useUserStoreWithOut();
+  const user = userStore.getUserInfo;
+  const role = computed(() => {
+    return user?.roleSmallVO?.code;
+  });
+  const [registerTable, { reload, getSelectRowKeys, getDataSource, setSelectedRowKeys }] = useTable({
+    
     api: getServiceProfit,
     bordered: true,
     columns: COLUMNS,
@@ -74,7 +84,7 @@
       setting: false,
     },
     actionColumn: {
-      width: 240,
+      width: 260,
       title: 'Action',
       dataIndex: 'action',
     },
@@ -82,7 +92,7 @@
   function createActions(record: any): any[] {
     if (!record.editable) {
-      return [
+      const actions = [
         {
           label: '财务编辑',
           onClick: handleFinanceEdit.bind(null, record),
@@ -106,7 +116,20 @@
           // },
           onClick: handleFalse.bind(null, record),
         },
+        {
+          label: '审核通过',
+          popConfirm: {
+            title: '确认审核？',
+            confirm: () => {
+              if (record.status === 0 && role.value === ROLE.ADMIN) {
+                handleStatus(record, true);
+              }
+              return;
+            },
+          },
+        },
       ];
+      return actions;
     }
     return [
       {
@@ -122,6 +145,17 @@
       },
     ];
   }
+  function createDropActions(record: any) {
+    if (!record.editable) {
+      const actions = [
+        {
+          label: '历史记录',
+          onClick: handleHistoryDetail.bind(null, record),
+        },
+      ];
+      return actions;
+    }
+  }
   onMounted(async () => {
     await orderStore.getDict();
@@ -160,7 +194,6 @@
     //   error('请勿连续点击生成按钮,需要等待三秒再点击生成');
     // } else {
     record.onEdit?.(true);
-    // }
   }
   function handleCancel(record) {
@@ -171,5 +204,21 @@
     // await deleteConfig({ ids: [record.id] });
     reload();
   }
+
+  async function handleStatus(record, status) {
+    try {
+      // You can implement the API call here
+      // await someApiCall({ id: record.id, status });
+      reload();
+    } catch (error) {
+      console.error('Error updating status:', error);
+    }
+  }
+
+  async function handleHistoryDetail(record) {
+    openHistoryDetail(true, {
+      data: record,
+    });
+  }
 </script>
 <style></style>
+export enum ROLE {
+  ADMIN = 'admin', // 超管
+  CUSTOM_ADMIN = 'custom_admin', // 客户管理员
+  DATA_REPORT_USER = 'data_report_user', //数据分析员
+  BUSINESS = 'business_user', // 业务员
+  TRACKER = 'tracker_user', // 跟单员
+  INSPECT = 'inspect_user', // 质检员
+  PRODUCE = 'produce_user', //生产科
+  FINANCE = 'finance_user', //财务
+}