src/renderer/src/layout/index.vue

@@ -1,10 +1,10 @@
 <template>
   <el-container>
     <el-header>
-        <Header/>
+      <Header />
     </el-header>
     <el-main>
-        <AppMain/>
+      <AppMain />
     </el-main>
   </el-container>
 </template>
@@ -15,7 +15,7 @@ import AppMain  from './components/AppMain.vue'
 </script>
 
 <style lang="scss" scoped>
-.el-header{
-    padding: 0
+.el-header {
+  padding: 0;
 }
 </style>

src/renderer/src/router/index.js

@@ -17,12 +17,15 @@ export const constantRoutes = [
       {
         path: '/index',
         component: () => import('@/views/resource/index.vue'),
-        name: 'index',
-
+        name: 'index'
+      },
+      {
+        path: '/preparation',
+        component: () => import('@/views/preparation/index.vue'),
+        name: 'preparation'
       }
     ]
-  },
-
+  }
 ]
 
 const router = createRouter({

src/renderer/src/views/preparation/index.vue

@@ -0,0 +1,41 @@
+<template>
+  <div>
+    <el-upload
+      :action="uploadUrl"
+      :before-upload="handleBeforeUpload"
+      :on-success="handleUploadSuccess"
+      :on-error="handleUploadError"
+      name="file"
+      :show-file-list="false"
+      class="editor-img-uploader"
+    >
+      上传
+    </el-upload>
+  </div>
+</template>
+<script>
+export default {
+  name: 'Preparation',
+  data() {
+    return {
+      uploadUrl: import.meta.env.VITE_APP_BASE_API + '/smarttalk/file/upload'
+    }
+  },
+  created() {
+  },
+  mounted() {
+  },
+  methods: {
+    handleBeforeUpload(file) {
+      console.log(file)
+    },
+    handleUploadSuccess(res, file) {
+      console.log(res, file)
+    },
+    handleUploadError(error) {
+      console.log(error)
+    }
+  }
+}
+</script>
+<style scoped lang="scss"></style>