From ae5379005654b5b99ca8e4d73e229016856a8ee3 Mon Sep 17 00:00:00 2001
From: liuchen864 <23082234@qq.com>
Date: Tue, 14 May 2024 13:55:23 +0800
Subject: [PATCH] =?UTF-8?q?excel=E6=A8=A1=E6=9D=BF=E5=AF=BC=E5=87=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/excel.js          | 10 +++++++
 src/permission.js         |  2 +-
 src/router/index.js       |  5 ++++
 src/views/excel/index.vue | 62 +++++++++++++++++++++++++++++++++++++++
 4 files changed, 78 insertions(+), 1 deletion(-)
 create mode 100644 src/api/excel.js
 create mode 100644 src/views/excel/index.vue

diff --git a/src/api/excel.js b/src/api/excel.js
new file mode 100644
index 0000000..6f16749
--- /dev/null
+++ b/src/api/excel.js
@@ -0,0 +1,10 @@
+import request from '@/utils/request'
+
+// 导出客户账单中的订单
+export function exportOut(data) {
+	return request({
+		url: '/excel/export/',
+		method: 'post',
+		data
+	})
+}
diff --git a/src/permission.js b/src/permission.js
index a474e0e..0af7833 100644
--- a/src/permission.js
+++ b/src/permission.js
@@ -11,7 +11,7 @@ import usePermissionStore from '@/store/modules/permission'
 
 NProgress.configure({ showSpinner: false });
 
-const whiteList = ['/login', '/register'];
+const whiteList = ['/login', '/register', '/excel'];
 
 router.beforeEach((to, from, next) => {
   NProgress.start()
diff --git a/src/router/index.js b/src/router/index.js
index 6ebdfd1..5b31e4e 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -42,6 +42,11 @@ export const constantRoutes = [
     component: () => import('@/views/login'),
     hidden: true
   },
+  {
+    path: '/excel',
+    component: () => import('@/views/excel/index'),
+    hidden: true
+  },
   {
     path: '/register',
     component: () => import('@/views/register'),
diff --git a/src/views/excel/index.vue b/src/views/excel/index.vue
new file mode 100644
index 0000000..99cd59a
--- /dev/null
+++ b/src/views/excel/index.vue
@@ -0,0 +1,62 @@
+<template>
+  <div class="app-container">
+    <el-form :model="queryParams" ref="queryRef" :inline="true" label-width="68px">
+      <el-form-item label="订单号" prop="orderNo">
+        <el-input
+          v-model="queryParams.orderNo"
+          placeholder="请输入订单号"
+          clearable
+          @keyup.enter="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item>
+        <el-button type="primary" icon="Search" @click="handleExport('changchun')">导出长春</el-button>
+        <el-button type="primary" icon="Search" @click="handleExport('foshan')">导出佛山青岛</el-button>
+        <el-button type="primary" icon="Search" @click="handleExport('guowai')">导出国外</el-button>
+        <el-button type="info" plain icon="Refresh" @click="resetQuery">重置</el-button>
+      </el-form-item>
+    </el-form>
+  </div>
+</template>
+
+<script setup name="Excel">
+import { exportOut } from "@/api/excel";
+const uploadImgUrl = ref(import.meta.env.VITE_APP_BASE_API + "/profile/upload");
+
+const { proxy } = getCurrentInstance();
+
+const linuxAccessList = ref([]);
+const loading = ref(true);
+
+const data = reactive({
+  queryParams: {
+    orderNo: null,
+		type: 'changchun'
+  },
+});
+
+const { queryParams } = toRefs(data);
+
+/** 搜索按钮操作 */
+function handleQuery() {
+  handleExport();
+}
+
+/** 重置按钮操作 */
+function resetQuery() {
+  proxy.resetForm("queryRef");
+}
+
+/** 导出按钮操作 */
+function handleExport(type) {
+  loading.value = true;
+	queryParams.value.type = type;
+  exportOut(queryParams.value).then(response => {
+		response.data.forEach(item => {
+		  window.open(uploadImgUrl.value + '/' + item, "_blank")
+		});
+  	loading.value = false;
+  });
+}
+
+</script>