diff --git a/src/renderer/src/layout/index.vue b/src/renderer/src/layout/index.vue
index d10f862..1c1f820 100644
--- a/src/renderer/src/layout/index.vue
+++ b/src/renderer/src/layout/index.vue
@@ -24,4 +24,4 @@ import AppMain from './components/AppMain.vue'
 .el-header {
   padding: 0
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/src/renderer/src/views/prepare/index.vue b/src/renderer/src/views/prepare/index.vue
index 68b6f7f..300925a 100644
--- a/src/renderer/src/views/prepare/index.vue
+++ b/src/renderer/src/views/prepare/index.vue
@@ -1,11 +1,41 @@
 <template>
   <div>
-    备课Page
+    <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 setup>
-
+<script>
+export default {
+  name: 'Prepare',
+  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 lang="scss" scoped></style>
\ No newline at end of file
+<style scoped lang="scss"></style>