feat: 开发业务利润表导出

boyang
1 parent f267cff7
Showing 1 changed file with 190 additions and 57 deletions
src/views/project/finance/financeProfit/ServiceProfit/ServiceProfit/index.vue
 <template>
   <div>
     <BasicTable @register="registerTable" :bordered="true">
+      <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 === 'action'">
           <TableAction
@@ -8,30 +27,17 @@
             :dropDownActions="createDropActions(record)"
           />
         </template>
-        <!-- <template v-if="column.key === 'relationValue'">
-          <a-input
-            v-if="record.settingValue === 'A01'"
-            v-model:value="record.settingValue"
-            :max-length="50"
-          />
-          <span v-else style="color: red">
-            {{ record.settingValue }}
-          </span>
-        </template> -->
+      </template>
+      <template #toolbar>
+        <a-button
+          type="primary"
+          @click="handleExport"
+          v-if="role == ROLE.ADMIN || role == ROLE.FINANCE"
+          :style="{ borderRadius: '5px 5px 5px 5px' }"
+          >导出</a-button
+        >
       </template>
     </BasicTable>
-    <!-- <BasicModal
-      title="拒绝原因"
-      width="30%"
-      @register="registerModal"
-      @visible-change="handleClose"
-      @ok="handleOk"
-      wrapClassName="approve-modal"
-    >
-      <div className="pa-8">
-        <a-textarea :rows="6" placeholder="请输入拒绝原因" v-model:value="message" />
-      </div>
-    </BasicModal> -->
     <CheckDetail @register="checkModalRegister" :onGoFormDetail="handleGoFormDetail" />
     <FinanceEdit @register="registerFinanceEdit" @success="handleSuccess" />
     <HistoryDetail @register="registerHistoryDetail" />
@@ -41,6 +47,7 @@
   import { BasicTable, useTable, TableAction } from '/@/components/Table';
   import { getServiceProfit } from '@/api/project/invoice';
   import { searchFormSchema, COLUMNS } from './data';
+  import axios from 'axios';
   import { useMessage } from '/@/hooks/web/useMessage';
   import { onMounted, ref, computed, unref } from 'vue';
   import { useDrawer } from '/@/components/Drawer';
@@ -56,6 +63,7 @@
   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();
@@ -66,16 +74,17 @@
     return user?.roleSmallVO?.code;
   });
   const [registerTable, { reload, getSelectRowKeys, getDataSource, setSelectedRowKeys }] = useTable({
-    
+    title: '',
     api: getServiceProfit,
     bordered: true,
     columns: COLUMNS,
     clickToRowSelect: false,
-    rowKey: 'id',
-    formConfig: {
-      labelWidth: 120,
-      schemas: searchFormSchema,
-      autoSubmitOnEnter: true,
+    rowKey: (record) => record.detailProjectNo || record.id || record.serialNumber,
+    rowSelection: {
+      type: 'checkbox',
+      selectedRowKeys: checkedKeys as any,
+      onSelect: onSelect,
+      onSelectAll: onSelectAll,
     },
     useSearchForm: true,
     showTableSetting: true,
@@ -97,23 +106,8 @@
           label: '财务编辑',
           onClick: handleFinanceEdit.bind(null, record),
         },
-        // {
-        //   label: '编辑',
-        //   onClick: handleEdit.bind(null, record),
-        // },
-        // {
-        //   label: '删除',
-        //   popConfirm: {
-        //     title: '确认删除？',
-        //     confirm: handleDelete.bind(null, record),
-        //   },
-        // },
         {
           label: '申请权限',
-          // popConfirm: {
-          //   title: '确认申请？',
-          //   confirm: handleFalse.bind(null, record),
-          // },
           onClick: handleFalse.bind(null, record),
         },
         {
@@ -173,11 +167,6 @@
     return false;
   }
  
-  // async function handleFalse(record: any) {
-  //   console.log(record);
-  //   // openModal(true, { record });
-  // }
-
   function handleSuccess() {
     setTimeout(() => {
       reload();
@@ -189,26 +178,17 @@
     handleCancel(record);
     reload();
   }
-  function handleEdit(record: any) {
-    // if (record.settingValue == 'A01') {
-    //   error('请勿连续点击生成按钮,需要等待三秒再点击生成');
-    // } else {
-    record.onEdit?.(true);
-  }
  
   function handleCancel(record) {
     record.onEdit?.(false, false);
   }
  
   async function handleDelete(record) {
-    // 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);
@@ -220,5 +200,158 @@
       data: record,
     });
   }
+
+  function handleExport() {
+    console.log(detailProjectNoKeys.value, '5656detailProjectNoKeys.value');
+    if (checkedKeys.value.length <= 0) {
+      createMessage.warn('请选择数据!');
+      return;
+    }
+    const token = userStore.getToken;
+    axios
+      .post(
+        '/basic-api/project/businessProfit/exportExcel',
+        { detailProjectNo: detailProjectNoKeys.value },
+        {
+          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);
+      });
+    reload();
+  }
+
+  function handleClearChoose() {
+    checkedKeys.value = [];
+    detailProjectNoKeys.value = [];
+    invoiceIdKeys.value = [];
+    checkIdKeys.value = [];
+  }
+
+  async function onSelect(record, selected: boolean) {
+    const rowKey = record.detailProjectNo || record.id || record.serialNumber;
+    if (selected) {
+      checkedKeys.value = [...checkedKeys.value, rowKey];
+
+      // 如果detailProjectNo是数组，将每个元素添加到detailProjectNoKeys中
+      if (record.detailProjectNo !== undefined) {
+        if (Array.isArray(record.detailProjectNo)) {
+          record.detailProjectNo.forEach((projectNo) => {
+            if (!detailProjectNoKeys.value.includes(projectNo)) {
+              detailProjectNoKeys.value.push(projectNo);
+            }
+          });
+        } else {
+          // 如果是单个值，直接添加
+          if (!detailProjectNoKeys.value.includes(record.detailProjectNo)) {
+            detailProjectNoKeys.value.push(record.detailProjectNo);
+          }
+        }
+      }
+
+      if (record.invoiceId !== undefined) {
+        invoiceIdKeys.value = [...invoiceIdKeys.value, record.invoiceId];
+      }
+
+      if (record.checkId !== undefined) {
+        checkIdKeys.value = [...checkIdKeys.value, record.checkId];
+      }
+    } else {
+      checkedKeys.value = checkedKeys.value.filter((key) => key !== rowKey);
+
+      // 如果detailProjectNo是数组，从detailProjectNoKeys中移除每个元素
+      if (record.detailProjectNo !== undefined) {
+        if (Array.isArray(record.detailProjectNo)) {
+          detailProjectNoKeys.value = detailProjectNoKeys.value.filter(
+            (projectNo) => !record.detailProjectNo.includes(projectNo)
+          );
+        } else {
+          // 如果是单个值，直接移除
+          detailProjectNoKeys.value = detailProjectNoKeys.value.filter(
+            (projectNo) => projectNo !== record.detailProjectNo
+          );
+        }
+      }
+
+      if (record.invoiceId !== undefined) {
+        invoiceIdKeys.value = invoiceIdKeys.value.filter(
+          (invoiceId) => invoiceId !== record.invoiceId,
+        );
+      }
+
+      if (record.checkId !== undefined) {
+        checkIdKeys.value = checkIdKeys.value.filter((checkId) => checkId !== record.checkId);
+      }
+    }
+    setSelectedRowKeys(checkedKeys.value as any);
+  }
+
+  function onSelectAll(selected: boolean, selectedRows: any[]) {
+    if (selected) {
+      selectedRows.forEach((row) => {
+        const rowKey = row.detailProjectNo || row.id || row.serialNumber;
+        checkedKeys.value = [...checkedKeys.value, rowKey];
+
+        // 如果detailProjectNo是数组，将每个元素添加到detailProjectNoKeys中
+        if (row.detailProjectNo !== undefined) {
+          if (Array.isArray(row.detailProjectNo)) {
+            row.detailProjectNo.forEach((projectNo) => {
+              if (!detailProjectNoKeys.value.includes(projectNo)) {
+                detailProjectNoKeys.value.push(projectNo);
+              }
+            });
+          } else {
+            // 如果是单个值，直接添加
+            if (!detailProjectNoKeys.value.includes(row.detailProjectNo)) {
+              detailProjectNoKeys.value.push(row.detailProjectNo);
+            }
+          }
+        }
+
+        if (row.invoiceId !== undefined) {
+          invoiceIdKeys.value = [...invoiceIdKeys.value, row.invoiceId];
+        }
+
+        if (row.checkId !== undefined) {
+          checkIdKeys.value = [...checkIdKeys.value, row.checkId];
+        }
+      });
+    } else {
+      checkedKeys.value = [];
+      detailProjectNoKeys.value = [];
+      invoiceIdKeys.value = [];
+      checkIdKeys.value = [];
+    }
+    setSelectedRowKeys(checkedKeys.value as any);
+  }
 </script>
 <style></style>