添加文件上传接口

src/api/app.js

@@ -37,3 +37,18 @@ export function GetWordPack(Parameter) {
     }
   });
 }
+
+/**
+ * @description 上传文件
+ * @param {String} SecurityLevel 保密级别
+ * @returns
+ */
+export function fileUpload(SecurityLevel) {
+  let params = getRequestParameter('WebFileUpload', SecurityLevel);
+
+  return request({
+    method: 'post',
+    url: process.env.VUE_APP_FILE_SERVE,
+    params
+  });
+}

src/views/teacher/add_course/index.vue

@@ -1,8 +1,6 @@
 <template>
   <div class="course">
-    <keep-alive>
-      <component :is="curComponent" @next-step="step" />
-    </keep-alive>
+    <course-information />
   </div>
 </template>
 
@@ -14,13 +12,11 @@ export default {
     courseInformation
   },
   data() {
-    return {
-      curComponent: 'courseInformation'
-    };
+    return {};
   },
   methods: {
-    step(s) {
-      console.log(s);
+    step(component) {
+      this.curComponent = component;
     }
   }
 };

src/views/teacher/add_course/step/step_course_information.vue

@@ -10,7 +10,13 @@
       hide-required-asterisk
     >
       <el-form-item :label="$t('Learn_Course_Cover')" class="information-cover">
-        <el-upload action="http" class="avatar-uploader" :show-file-list="false">
+        <el-upload
+          action="no"
+          class="avatar-uploader"
+          :http-request="upload"
+          :on-success="uploadSuccess"
+          :show-file-list="false"
+        >
           <img v-if="form.imageUrl" :v-model="form.imageUrl" :src="form.imageUrl" class="avatar" />
           <i v-else class="el-icon-plus avatar-uploader-icon"></i>
         </el-upload>
@@ -29,7 +35,7 @@
         ></el-input>
       </el-form-item>
       <el-form-item label="授课教师">
-        <el-button>添加教师</el-button>
+        <el-button @click="addTeacher">添加教师</el-button>
       </el-form-item>
       <el-form-item label="时间">
         <el-date-picker v-model="form.beginDate" type="date" placeholder="添加开始日期" />
@@ -48,7 +54,7 @@
       </el-form-item>
       <el-form-item>
         <el-button @click="cancel">取消</el-button>
-        <el-button type="primary" @click="nextStep">下一步</el-button>
+        <el-button type="primary" @click="confirm">确定</el-button>
       </el-form-item>
     </el-form>
   </div>
@@ -56,6 +62,7 @@
 
 <script>
 import { updateWordPack } from '@/utils/i18n';
+// import { fileUpload } from '@/api/app';
 
 export default {
   data() {
@@ -85,11 +92,21 @@ export default {
     cancel() {
       this.$router.go(-1);
     },
-    nextStep() {
-      this.$emit('next-step', 'course');
-    },
+    confirm() {},
     // 自动生成功能
-    automatically() {}
+    automatically() {
+      this.$message.info('该功能暂未实现！');
+    },
+    addTeacher() {
+      this.$message.info('该功能暂未实现！');
+    },
+    upload(file) {
+      console.log(file);
+      // fileUpload()
+    },
+    uploadSuccess(res, file) {
+      console.log(res);
+    }
   }
 };
 </script>

src/views/teacher/add_course/step/step_course_set_course_details.vue

@@ -0,0 +1,37 @@
+<template>
+  <div class="course-details">
+    <div class="course-details-title"></div>
+    <div class="course-details-body">
+      <div>课程详情</div>
+      <div class="course-de">
+        <el-button type="info" plain @click="setStep">上一步</el-button>
+        <el-button type="info" plain>保存</el-button>
+        <el-button type="primary">发布</el-button>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  created() {},
+  methods: {
+    setStep() {
+      this.$emit('set-step', 'courseInformation');
+    }
+  }
+};
+</script>
+
+<style lang="scss" scoped>
+.course-details {
+  &-title {
+    width: 100%;
+    height: 120px;
+  }
+  &-body {
+    display: flex;
+    justify-content: space-between;
+  }
+}
+</style>