From 869a256cc4f76e481655dbf9edbcc36914b1836c Mon Sep 17 00:00:00 2001
From: yxf15732625262 <yxf15732625262@devide>
Date: Tue, 4 Mar 2025 20:19:00 +0800
Subject: [PATCH] Tue Mar  4 20:19:00 CST 2025 inscode

---
 src/router/index.js            |  7 +++++++
 src/utils/index.js             |  9 +++++++++
 src/views/Experience/alias.md  |  4 ++++
 src/views/ExportFile/index.vue | 22 ++++++++++++++++++++++
 src/views/Home.vue             |  2 ++
 vite.config.js                 |  8 +++++++-
 6 files changed, 51 insertions(+), 1 deletion(-)
 create mode 100644 src/utils/index.js
 create mode 100644 src/views/Experience/alias.md
 create mode 100644 src/views/ExportFile/index.vue

diff --git a/src/router/index.js b/src/router/index.js
index f6096da..aeff56c 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -1,6 +1,8 @@
 import { createRouter, createWebHistory } from 'vue-router';
 import Home from '../views/Home.vue'; 
 import VoucherNormal from '../views/VoucherNormal/index.vue';
+import ExportFile from '../views/ExportFile/index.vue';
+import Experience from '../views/Experience/index.vue';
 
 const routes = [
   {
@@ -13,6 +15,11 @@ const routes = [
     name: 'VoucherNormal',
     component: VoucherNormal,
   },
+  {
+    path: '/Experience',
+    name: 'Experience',
+    component: Experience,
+  },
 ];
 
 const router = createRouter({
diff --git a/src/utils/index.js b/src/utils/index.js
new file mode 100644
index 0000000..07c3414
--- /dev/null
+++ b/src/utils/index.js
@@ -0,0 +1,9 @@
+export function downloadFile (fileUrl, fileName) {
+    const eleLink = document.createElement('a')
+    eleLink.download = fileName
+    eleLink.style.display = 'none'
+    eleLink.href = fileUrl
+    document.body.appendChild(eleLink)
+    eleLink.click()
+    document.body.removeChild(eleLink)
+}
\ No newline at end of file
diff --git a/src/views/Experience/alias.md b/src/views/Experience/alias.md
new file mode 100644
index 0000000..8ebc25c
--- /dev/null
+++ b/src/views/Experience/alias.md
@@ -0,0 +1,4 @@
+# 简化路径引用的方式
+
+## 理解别名引用 (@) 的使用
+在 Vue 项目中，@ 通常被配置为指向项目的 src 目录。这是一种简化路径引用的方式，可以让你避免使用相对路径（如 ../../），从而使代码更简洁和易读。
\ No newline at end of file
diff --git a/src/views/ExportFile/index.vue b/src/views/ExportFile/index.vue
new file mode 100644
index 0000000..6e4cfb7
--- /dev/null
+++ b/src/views/ExportFile/index.vue
@@ -0,0 +1,22 @@
+<template>
+    <div class="export-file-main">
+        <Button block color="linear-gradient(to right, #ff6034, #ee0a24)">导出</Button>
+    </div>
+</template>
+
+<script setup>
+import { Button } from 'vant';
+import { downloadFile } from '@/utils/index'
+
+const exportFile = ()=>{
+  console.log('linda-文件导出');
+  downloadFile('http://192.168.1.23:8080/file/202401041612466880.xlsx', '导出文件.xlsx')
+}
+</script>
+<style lang="less" scoped>
+.export-file-main {
+    display: flex;
+    flex-direction: row;
+    justify-content: center;
+}
+</style>
\ No newline at end of file
diff --git a/src/views/Home.vue b/src/views/Home.vue
index 64efda7..03dd79e 100644
--- a/src/views/Home.vue
+++ b/src/views/Home.vue
@@ -1,5 +1,7 @@
 <template>
   <Cell title="省钱中心" is-link to="/voucherNormal" />
+  <Cell title="导出" is-link to="/ExportFile" />
+  <Cell title="汲取经验" is-link to="/Experience" />
 </template>
 <script setup>
 import { Cell } from 'vant'
diff --git a/vite.config.js b/vite.config.js
index 72750c8..e725f93 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -1,5 +1,6 @@
 import { defineConfig } from 'vite'
 import vue from '@vitejs/plugin-vue'
+import path from 'path'
 
 // https://vitejs.dev/config/
 export default defineConfig({
@@ -7,5 +8,10 @@ export default defineConfig({
     host: true,
     allowedHosts: true
   },
-  plugins: [vue()]
+  plugins: [vue()],
+  resolve: {
+    alias: {
+      '@': path.resolve(__dirname, './src') //
+    }
+  }
 })
-- 
GitLab