feat: 新增筛选多选&新增比重全部导出

sanmu
1 parent b225cd4b
Showing 4 changed files with 90 additions and 13 deletions
src/api/project/order.ts
src/views/project/order/RateModal.vue
src/views/project/order/index.vue
src/views/project/order/tableData.tsx
@@ -28,12 +28,14 @@ enum Api {
  
   OPT_LOG = '/order/erp/opt/log/list_by_page', // 操作日志
   AUDIT_LOG = '/order/erp/audit/log/list_by_page', //审批日志
+  ORDER_RATE_EXPORT = '/order/erp/report/export', // 所有设计师比重导出
 }
  
 export const formatSearchData = (params) => {
   params.createStartTime = params.createStartTime
     ? formatToDate(params.createStartTime)
     : undefined;
+  params.createEndTime = params.createEndTime ? formatToDate(params.createEndTime) : undefined;
   params.productionDepartmentConsignStartTime = params.productionDepartmentConsignStartTime
     ? formatToDate(params.productionDepartmentConsignStartTime)
     : undefined;
@@ -129,6 +131,7 @@ export const orderGravity = async (data: any) =&gt; {
 export const orderExport = async (data: any = {}) => {
   // const res = await defHttp.post<any>({ url: Api.EXPORT, data });
   const userStore = useUserStoreWithOut();
+  data = formatSearchData(data);
  
   const token = userStore.getToken;
   message.info('正在导出中...');
@@ -178,7 +181,44 @@ export const orderExport = async (data: any = {}) =&gt; {
     })
     .catch((error) => {
       // 处理错误
-      console.error('导出错误', error);
+      message.error('导出错误', error);
+    });
+};
+
+export const orderRateExport = async (data: any = {}) => {
+  // const res = await defHttp.post<any>({ url: Api.EXPORT, data });
+  const userStore = useUserStoreWithOut();
+  data = formatSearchData(data);
+
+  const token = userStore.getToken;
+  message.info('正在导出中...');
+
+  return axios({
+    url: '/basic-api' + Api.ORDER_RATE_EXPORT,
+    method: 'post',
+    responseType: 'blob',
+    headers: { Authorization: `${token}` },
+    data,
+  })
+    .then((response) => {
+      // 创建一个新的 Blob 对象，它包含了服务器响应的数据（即你的 Excel 文件）
+      const blob = new Blob([response.data]); // Excel 的 MIME 类型
+      const downloadUrl = window.URL.createObjectURL(blob);
+      const a = document.createElement('a');
+      a.href = downloadUrl;
+      const date = formatToDateTime(Date.now());
+
+      a.download = `设计比重报表 ${date}.xlsx`; // 你可以为文件命名
+      document.body.appendChild(a);
+      a.click(); // 模拟点击操作来下载文件
+      URL.revokeObjectURL(downloadUrl); // 释放掉 blob 对象所占用的内存
+      document.body.removeChild(a);
+
+      message.success('导出成功');
+    })
+    .catch((error) => {
+      // 处理错误
+      message.error('导出错误', error);
     });
 };
  
@@ -11,28 +11,42 @@
     <Space>
       <span>
         设计师：
-        <Select :options="manualPreform" placeholder="请选择" v-model:value="activeUser" />
+        <Select
+          :options="options"
+          placeholder="请选择"
+          v-model:value="activeUser"
+          showSearch
+          style="width: 100px"
+        />
       </span>
       <a-button type="primary" @click="handleCalc" className="ml-4">计算</a-button>
+      <a-button type="primary" @click="handleExport" className="ml-4" :loading="exportLoading"
+        >导出所有设计师比重</a-button
+      >
     </Space>
     <div className="mt-2">比重结果：{{ info }}</div>
   </BasicModal>
 </template>
 <script lang="ts">
-  import { defineComponent, ref } from 'vue';
+  import { computed, defineComponent, ref } from 'vue';
   import { BasicModal, useModalInner } from '/@/components/Modal';
-  import { orderGravity } from '/@/api/project/order';
+  import { orderGravity, orderRateExport } from '/@/api/project/order';
   import { Select, Space } from 'ant-design-vue';
   import { useOrderStoreWithOut } from '/@/store/modules/order';
   import { useOrderInfo } from '/@/hooks/component/order';
+  import { uniqBy } from 'lodash-es';
  
   export default defineComponent({
     components: { BasicModal, Select, Space },
     setup() {
       const orderStore = useOrderStoreWithOut();
-      const { manualPreform, exchangeRate } = useOrderInfo(orderStore);
+      const { manualPreform, exchangeRate, ideaSource } = useOrderInfo(orderStore);
  
-      const loading = ref(true);
+      let options = computed(() => {
+        return uniqBy([...(manualPreform.value || []), ...(ideaSource.value || [])], 'label');
+      });
+
+      const exportLoading = ref(false);
       const activeUser = ref();
       const info = ref();
       const searchData = ref({});
@@ -44,7 +58,6 @@
  
       function handleShow(visible: boolean) {
         if (visible) {
-          loading.value = true;
           // setModalProps({ loading: true, confirmLoading: true });
           setModalProps({ loading: false, confirmLoading: false });
         }
@@ -55,17 +68,25 @@
           ...searchData.value,
           designer: activeUser.value,
         });
-        info.value = (res?.rate || 0).toFixed(2);
+        info.value = res?.rate || 0;
+      }
+
+      async function handleExport() {
+        exportLoading.value = true;
+        await orderRateExport({ ...searchData.value });
+        exportLoading.value = false;
       }
       return {
         register,
-        loading,
         handleShow,
         info,
         manualPreform,
         handleCalc,
         activeUser,
         exchangeRate,
+        options,
+        exportLoading,
+        handleExport,
       };
     },
   });
@@ -82,15 +82,17 @@
       </template>
  
       <template #toolbar>
-        <a-button type="primary" @click="handleRateModal">比重计算</a-button>
+        <a-button type="primary" @click="handleRateModal" v-if="role === ROLE.ADMIN"
+          >比重计算</a-button
+        >
         <a-button type="primary" @click="handleExportModal">导出</a-button>
-        <a-button type="primary" @click="handleProfitModal" :disabled="role === ROLE.TRACKER"
+        <a-button type="primary" @click="handleProfitModal" v-if="role === ROLE.ADMIN"
           >分析利润</a-button
         >
         <a-button
           type="primary"
           @click="handleAdd"
-          v-if="role !== ROLE.INSPECT && role !== ROLE.DATA_REPORT_USER"
+          v-if="role === ROLE.ADMIN && role === ROLE.BUSINESS && role === ROLE.TRACKER"
           >创建订单</a-button
         >
       </template>
@@ -1262,6 +1262,8 @@ export function getFormConfig(): Partial&lt;FormProps&gt; {
         labelWidth: 150,
  
         componentProps: {
+          mode: 'multiple',
+
           options: [
             { label: '订单创建完成', value: 0 },
             { label: '利润分析表待审核', value: 10 },
@@ -1304,10 +1306,10 @@ export function getFormConfig(): Partial&lt;FormProps&gt; {
           span: 6,
         },
         labelWidth: 150,
-
         componentProps: {
           options: customerCode,
           showSearch: true,
+          mode: 'multiple',
         },
       },
       {
@@ -1356,6 +1358,8 @@ export function getFormConfig(): Partial&lt;FormProps&gt; {
         labelWidth: 150,
  
         componentProps: {
+          mode: 'multiple',
+
           options: productionDepartment,
           showSearch: true,
         },
@@ -1428,6 +1432,8 @@ export function getFormConfig(): Partial&lt;FormProps&gt; {
         labelWidth: 150,
  
         componentProps: {
+          mode: 'multiple',
+
           options: ideaSource,
           showSearch: true,
         },
@@ -1443,6 +1449,7 @@ export function getFormConfig(): Partial&lt;FormProps&gt; {
         componentProps: {
           options: manualPreform,
           showSearch: true,
+          mode: 'multiple',
         },
       },
       {
@@ -1454,6 +1461,8 @@ export function getFormConfig(): Partial&lt;FormProps&gt; {
         },
         labelWidth: 150,
         componentProps: {
+          mode: 'multiple',
+
           options: manualPreform,
           showSearch: true,
         },
@@ -1468,6 +1477,7 @@ export function getFormConfig(): Partial&lt;FormProps&gt; {
         labelWidth: 150,
  
         componentProps: {
+          mode: 'multiple',
           options: [
             {
               label: 'ok',
@@ -1519,6 +1529,8 @@ export function getFormConfig(): Partial&lt;FormProps&gt; {
         labelWidth: 150,
  
         componentProps: {
+          mode: 'multiple',
+
           options: midCheckResult,
           showSearch: true,
         },
@@ -1533,6 +1545,8 @@ export function getFormConfig(): Partial&lt;FormProps&gt; {
         labelWidth: 150,
  
         componentProps: {
+          mode: 'multiple',
+
           showSearch: true,
           options: endCheckResult,
         },