qu

src/utils/request.js

@@ -96,7 +96,7 @@ service.interceptors.response.use(async (res) => {
     const msg = errorCode[code] || res.data.msg || errorCode['default'];
 
     if (res.request.responseType === 'blob' || res.request.responseType === 'arraybuffer') {
-        return res.data;
+        return res;
     }
 
     if (code === 401) {

src/views/bbib/order/index.vue

@@ -40,8 +40,9 @@
             <el-checkbox label="6">キャンセル承諾</el-checkbox>
           </el-checkbox-group>
         </el-form-item>
-        <el-form-item style="text-align: center;"> 
+         <el-form-item style="text-align: center;"> 
           <el-button @click="handleQuery" class="search-button5">検索</el-button> 
+          <el-button @click="handleExport" class="search-button5">CSV出力</el-button>
         </el-form-item>
       </el-form>
     </div>
@@ -127,6 +128,7 @@
 
 import { listOrder} from "@/api/bbib/order"
 import { useRouter } from 'vue-router'
+import {download} from '@/utils/request'
 
 // ルーターインスタンスを取得
 const router = useRouter();
@@ -273,6 +275,20 @@ function getSearchList() {
     initLoadingCompleted.value = true;
   });
 }
+ function handleExport() {
+  const exportParams = {
+    pageNum: queryParams.value.pageNum,
+    pageSize: queryParams.value.pageSize,
+    monthYear: queryParams.value.monthYear,
+    sectionTypeList: queryParams.value.sectionType,
+    partnerCode: queryParams.value.partnerCode,
+    orderId: queryParams.value.orderId,
+    statusList: queryParams.value.orderStatus,
+    areaList: queryParams.value.area,
+  };
+  
+  download('bbib/order/export', exportParams, `t_base_order_${new Date().getTime()}.xlsx`);
+}
 // コンポーネント初期化時に検索を実行
 getSearchList();
 </script>