src/renderer/src/layout/index.vue

@@ -1,21 +1,21 @@
 <template>
-    <el-container>
+  <el-container>
-      <el-header>
+    <el-header>
-        <Header/>
+      <Header />
-      </el-header>
+    </el-header>
-      <el-main>
+    <el-main>
-        <AppMain/>
+      <AppMain />
-      </el-main>
+    </el-main>
-    </el-container>
+  </el-container>
 </template>
 
 <script setup>
-import Header  from './components/Header.vue'
+import Header from './components/Header.vue'
-import AppMain  from './components/AppMain.vue'
+import AppMain from './components/AppMain.vue'
 </script>
 
 <style lang="scss" scoped>
-.el-header{
+.el-header {
-    padding: 0
+  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>