1. 将 http 请求全部重构

2. 创建课程 添加了 选择所属机构和授课教师

src/api/app.js

@@ -1,46 +1,34 @@
-import { request, getRequestParameter } from '@/utils/request';
+import { request, getRequestParams } from '@/utils/request';
 import { getUserInfo } from '@/utils/auth';
-import qs from 'qs';
 
 /**
- * @description 得到语言列表
+ * 得到语言列表
  */
 export function GetLanguageList() {
-  let params = getRequestParameter('language_manager-GetLanguageList');
+  let params = getRequestParams('language_manager-GetLanguageList');
 
   return request({
     method: 'post',
     url: process.env.VUE_APP_FileServer,
-    params
+    params,
+    data: {}
   });
 }
 
 /**
- * @description 获取词汇包
- * @param { object } language_type 语言类型 word_key_list 词汇键值列表
+ * 获取词汇包
+ * @param { Object } language_type 语言类型 word_key_list 词汇键值列表
  */
-export function GetWordPack(Parameter) {
-  let data = {
-    MethodName: 'language_manager-GetWordPack',
-    Parameter: JSON.stringify(Parameter)
-  };
+export function GetWordPack(data) {
   return request({
     method: 'post',
-    url: process.env.VUE_APP_FileServer,
-    data,
-    transformRequest: [
-      function (data) {
-        return qs.stringify(data);
-      }
-    ],
-    headers: {
-      'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8'
-    }
+    url: process.env.VUE_APP_FileServer + '?MethodName=language_manager-GetWordPack',
+    data
   });
 }
 
 /**
- * @description 上传文件
+ * 上传文件
  * @param {String} SecurityLevel 保密级别
  */
 export function fileUpload(SecurityLevel, file) {

src/api/course.js

@@ -1,106 +1,106 @@
-import { request, getRequestParameter } from '@/utils/request';
-import qs from 'qs';
+import { request, getRequestParams } from '@/utils/request';
 
 /**
- * @description 创建课程
- * @param {Object} Parameter
+ * 创建课程
+ * @param {Object} data
  */
-export function CreateCourse(Parameter) {
-  let data = getRequestParameter('teaching-course_manager-CreateCourse', JSON.stringify(Parameter));
+export function CreateCourse(data) {
+  let params = getRequestParams('teaching-course_manager-CreateCourse');
 
-  // 解决传数组的问题
   return request({
     method: 'post',
     url: process.env.VUE_APP_LearnWebSI,
-    data,
-    transformRequest: [
-      function (data) {
-        return qs.stringify(data);
-      }
-    ],
-    headers: {
-      'Content-Type': 'application/x-www-form-urlencoded;charset=UTF-8'
-    }
+    params,
+    data
   });
 }
 
 /**
- * @description 得到课程信息（包含课节信息）
+ * 得到课程信息（包含课节信息）
  * @param {Object} id 课程ID
  */
-export function GetCourseInfo_ContainCSItem(Parameter) {
-  let params = getRequestParameter(
-    'teaching-course_manager-GetCourseInfo_ContainCSItem',
-    Parameter
-  );
+export function GetCourseInfo_ContainCSItem(data) {
+  let params = getRequestParams('teaching-course_manager-GetCourseInfo_ContainCSItem');
+
   return request({
     method: 'post',
     url: process.env.VUE_APP_LearnWebSI,
-    params
+    params,
+    data
   });
 }
 
 /**
- * @description 添加教材到课程
+ * 添加教材到课程
  * @param {Object} course_id 课程id book_id 教材ID
  */
-export function AddBookToCourse(Parameter) {
-  let params = getRequestParameter('teaching-course_manager-AddBookToCourse', Parameter);
+export function AddBookToCourse(data) {
+  let params = getRequestParams('teaching-course_manager-AddBookToCourse');
+
   return request({
     method: 'post',
     url: process.env.VUE_APP_LearnWebSI,
-    params
+    params,
+    data
   });
 }
 
 /**
- * @description 从课程移除教材
+ * 从课程移除教材
  * @param {Object} course_id 课程ID book_id 教材ID
  */
-export function RemoveBookFromCourse(Parameter) {
-  let params = getRequestParameter('teaching-course_manager-RemoveBookFromCourse', Parameter);
+export function RemoveBookFromCourse(data) {
+  let params = getRequestParams('teaching-course_manager-RemoveBookFromCourse');
+
   return request({
     method: 'post',
     url: process.env.VUE_APP_LearnWebSI,
-    params
+    params,
+    data
   });
 }
 
 /**
- * @description 添加课节到课程
- * @param {Object} Parameter course_id 课程ID begin_time 开始时间 end_time 截止时间 name 课节名称
+ * 添加课节到课程
+ * @param {Object} data course_id 课程ID begin_time 开始时间 end_time 截止时间 name 课节名称
  */
-export function AddCSItemToCourse(Parameter) {
-  let params = getRequestParameter('teaching-cs_item_manager-AddCSItemToCourse', Parameter);
+export function AddCSItemToCourse(data) {
+  let params = getRequestParams('teaching-cs_item_manager-AddCSItemToCourse');
+
   return request({
     method: 'post',
     url: process.env.VUE_APP_LearnWebSI,
-    params
+    params,
+    data
   });
 }
 
 /**
- * @description 得到课节详情（信息集合）
- * @param {Object} Parameter id 课次id
+ * 得到课节详情（信息集合）
+ * @param {Object} data id 课次id
  */
-export function GetCSItemInfoBox(Parameter) {
-  let params = getRequestParameter('teaching-cs_item_manager-GetCSItemInfoBox', Parameter);
+export function GetCSItemInfoBox(data) {
+  let params = getRequestParams('teaching-cs_item_manager-GetCSItemInfoBox');
+
   return request({
     method: 'post',
     url: process.env.VUE_APP_LearnWebSI,
-    params
+    params,
+    data
   });
 }
 
 /**
- * @description 删除课节
- * @param {Object} Parameter id 课次ID
+ * 删除课节
+ * @param {Object} data id 课次ID
  */
-export function DeleteCSItem(Parameter) {
-  let params = getRequestParameter('teaching-cs_item_manager-DeleteCSItem', Parameter);
+export function DeleteCSItem(data) {
+  let params = getRequestParams('teaching-cs_item_manager-DeleteCSItem');
+
   return request({
     method: 'post',
     url: process.env.VUE_APP_LearnWebSI,
-    params
+    params,
+    data
   });
 }

src/api/list.js

@@ -1,44 +1,60 @@
-import { request, getRequestParameter } from '@/utils/request';
+import { request, getRequestParams } from '@/utils/request';
 
 /**
- * @description 得到我的机构列表
+ * 得到我的机构列表
  */
 export function getMyOrgList() {
-  let params = getRequestParameter('org-org_manager-GetMyOrgList');
+  let params = getRequestParams('org-org_manager-GetMyOrgList');
 
   return request({
     method: 'post',
     url: process.env.VUE_APP_LearnWebSI,
-    params
+    params,
+    data: {}
   });
 }
 
 /**
- * @description 分页查询教材列表
- * @param {Object} Parameter 查询条件
+ * 分页查询教材列表
+ * @param {Object} data 查询条件
  */
-export function PageQueryBookList(Parameter) {
-  let params = getRequestParameter('book-book_manager-PageQueryBookList', Parameter);
+export function PageQueryBookList(data) {
+  let params = getRequestParams('book-book_manager-PageQueryBookList');
+
   return request({
     method: 'post',
     url: process.env.VUE_APP_BookWebSI,
-    params
+    params,
+    data
   });
 }
 
 /**
- * @description 分页查询教材列表（为课程选择配套教材）
- * @param {Object} Parameter 查询条件
- * @returns
+ * 分页查询教材列表（为课程选择配套教材）
+ * @param {Object} data 查询条件
  */
-export function PageQueryBookList_SelectBookForCourse(Parameter) {
-  let params = getRequestParameter(
-    'cominfo_query-book_query-PageQueryBookList_SelectBookForCourse',
-    Parameter
-  );
+export function PageQueryBookList_SelectBookForCourse(data) {
+  let params = getRequestParams('cominfo_query-book_query-PageQueryBookList_SelectBookForCourse');
   return request({
     method: 'post',
     url: process.env.VUE_APP_LearnWebSI,
-    params
+    params,
+    data
+  });
+}
+
+/**
+ * 分页查询机构教师用户列表
+ * @param {Object} data
+ * @returns
+ */
+export function PageQueryOrgTeacherUserList(data) {
+  let params = getRequestParams('user_manager-PageQueryOrgTeacherUserList');
+
+  return request({
+    method: 'post',
+    url: process.env.VUE_APP_FileServer,
+    params,
+    data
   });
 }

src/api/live.js

@@ -1,18 +1,16 @@
-import { request, getRequestParameter } from '@/utils/request';
+import { request, getRequestParams } from '@/utils/request';
 
 /**
  * @description 创建进入直播教室链接
- * @param { Object } cs_item_id 课次ID
+ * @param { data } cs_item_id 课次ID
  */
-export function createEnterLiveRoomLink(Parameter) {
-  let params = getRequestParameter(
-    'live_room-live_room_dispatch-CreateEnterLiveRoomLink',
-    Parameter
-  );
+export function createEnterLiveRoomLink(data) {
+  let params = getRequestParams('live_room-live_room_dispatch-CreateEnterLiveRoomLink');
 
   return request({
     method: 'post',
     url: process.env.VUE_APP_LearnWebSI,
-    params
+    params,
+    data
   });
 }

src/api/table.js

@@ -1,44 +1,45 @@
-import { request, getRequestParameter } from '@/utils/request';
+import { request, getRequestParams } from '@/utils/request';
 
 /**
- * @description 教师得到自己一天的任务
- * @param {Object} { date_stamp } 格式化后的时间 yyy-mm-dd
+ * 教师得到自己一天的任务
+ * @param {Object} data { date_stamp } 格式化后的时间 yyy-mm-dd
  */
-export function getMyTaskListDateTeacher(Parameter) {
-  let params = getRequestParameter('teaching-task_manager-GetMyTaskList_Date_Teacher', Parameter);
+export function getMyTaskListDateTeacher(data) {
+  let params = getRequestParams('teaching-task_manager-GetMyTaskList_Date_Teacher');
 
   return request({
     method: 'post',
     url: process.env.VUE_APP_LearnWebSI,
-    params
+    params,
+    data
   });
 }
 
 /**
- * @description 得到课次详情（信息集合）
- * @param {Object} Parameter {id}
+ * 得到课次详情（信息集合）
+ * @param {Object} data {id}
  */
-export function getCSItemInfoBox(Parameter) {
-  let params = getRequestParameter('teaching-cs_item_manager-GetCSItemInfoBox', Parameter);
+export function getCSItemInfoBox(data) {
+  let params = getRequestParams('teaching-cs_item_manager-GetCSItemInfoBox');
 
   return request({
     method: 'post',
     url: process.env.VUE_APP_LearnWebSI,
-    params
+    params,
+    data
   });
 }
 
 /**
- * @description 分页查询我的课程列表
- * @param {Object} Parameter finish_status 完成状态 page_capacity 每页容量 cur_page 当前页码
- * @returns
+ * 分页查询我的课程列表
+ * @param {Object} data finish_status 完成状态 page_capacity 每页容量 cur_page 当前页码
  */
-export function pageQueryMyCourseList(Parameter) {
-  let params = getRequestParameter('teaching-course_manager-PageQueryMyCourseList', Parameter);
-
+export function pageQueryMyCourseList(data) {
+  let params = getRequestParams('teaching-course_manager-PageQueryMyCourseList');
   return request({
     method: 'post',
     url: process.env.VUE_APP_LearnWebSI,
-    params
+    params,
+    data
   });
 }

src/api/user.js

@@ -1,44 +1,51 @@
-import { request, getRequestParameter } from '@/utils/request';
+import { request, getRequestParams } from '@/utils/request';
 
 /**
  * @description 登录
- * @param {Object} Parameter 登录对象 { user_type 用户类型 user_name 用户登录名 password 用户密码 }
+ * @param {Object} data 登录对象 { user_type 用户类型 user_name 用户登录名 password 用户密码 }
  */
-export function login(Parameter) {
+export function login(data) {
   return request({
     method: 'post',
-    url: process.env.VUE_APP_LearnWebSI,
-    params: {
-      MethodName: 'login_control-Login',
-      Parameter: Parameter
-    }
+    url: process.env.VUE_APP_LearnWebSI + '?MethodName=login_control-Login',
+    data
   });
 }
 
 /**
- * @description 用户更换语言类型
- * @param {Object} Parameter { language_type 语言类型 }
+ * 用户更换语言类型
+ * @param {Object} data { language_type 语言类型 }
  */
-export function updateLanguageType(Parameter) {
-  let params = getRequestParameter('login_control-UpdateLanguageType', Parameter);
+export function updateLanguageType(data) {
+  let params = getRequestParams('login_control-UpdateLanguageType');
+
   return request({
     method: 'post',
     url: process.env.VUE_APP_LearnWebSI,
-    params
+    params,
+    data
   });
 }
 
 /**
- * @description 根据身份通行码得到用户登录信息
- * @param {Object} Parameter access_code 身份通行码
+ * 根据身份通行码得到用户登录信息
+ * @param {Object} data { access_code 身份通行码 }
  */
-export function GetLoginInfoByAccessCode(Parameter) {
+export function GetLoginInfoByAccessCode(data) {
+  return request({
+    method: 'post',
+    url: process.env.VUE_APP_FileServer + '?MethodName=login_control-GetLoginInfoByAccessCode',
+    data
+  });
+}
+
+export function GetUserListByIDList(data) {
+  let params = getRequestParams('user_manager-GetUserListByIDList');
+
   return request({
     method: 'post',
     url: process.env.VUE_APP_FileServer,
-    params: {
-      MethodName: 'login_control-GetLoginInfoByAccessCode',
-      Parameter
-    }
+    params,
+    data
   });
 }

src/components/SelectTeacher.vue

@@ -0,0 +1,201 @@
+<template>
+  <el-dialog
+    class="select-teacher"
+    :visible="dialogVisible"
+    width="900px"
+    title="选择授课教师"
+    @close="dialogClose"
+  >
+    <!--查询条件-->
+    <el-form :inline="true" :model="searchForm" size="mini">
+      <el-form-item label="用户名">
+        <el-input v-model="searchForm.user_name" @keyup.enter.native="getTeacherUserList" />
+      </el-form-item>
+      <el-form-item label="真实姓名">
+        <el-input v-model="searchForm.user_real_name" @keyup.enter.native="getTeacherUserList" />
+      </el-form-item>
+      <el-form-item label="有效">
+        <el-select v-model="searchForm.is_valid" class="valid">
+          <el-option
+            v-for="item in typeList"
+            :key="item.label"
+            :label="item.label"
+            :value="item.value"
+          />
+        </el-select>
+      </el-form-item>
+      <el-form-item label="已审核">
+        <el-select v-model="searchForm.is_audited" class="audited">
+          <el-option
+            v-for="item in typeList"
+            :key="item.label"
+            :label="item.name"
+            :value="item.value"
+          ></el-option>
+        </el-select>
+      </el-form-item>
+      <el-form-item class="search-button">
+        <el-button type="primary" @click="getTeacherUserList">
+          <i class="el-icon-search" /> 搜索
+        </el-button>
+      </el-form-item>
+    </el-form>
+
+    <!--表格-->
+    <el-table
+      ref="teacherTable"
+      :data="teacherList"
+      height="35vh"
+      @selection-change="handleSelectionChange"
+    >
+      <el-table-column type="selection" width="55" />
+      <el-table-column prop="user_name" label="用户名" width="120" />
+      <el-table-column prop="user_real_name" label="真实姓名" width="120" />
+      <el-table-column prop="org_name" label="机构名" width="120" />
+      <el-table-column prop="is_valid" label="有效" width="60">
+        <template slot-scope="scope">
+          <span>{{ scope.row.is_valid === 'true' ? '√' : '' }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column prop="is_valid" label="已审核">
+        <template slot-scope="scope">
+          <span>{{ scope.row.is_audited === 'true' ? '√' : '' }}</span>
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <el-pagination
+      background
+      :page-sizes="[10, 20, 30, 40, 50]"
+      :page-size="page_capacity"
+      layout="prev, pager, next, total, sizes, jumper"
+      :total="total_count"
+      :current-page="cur_page"
+      @prev-click="changePage"
+      @next-click="changePage"
+      @current-change="changePage"
+      @size-change="changePageSize"
+    />
+
+    <div slot="footer" class="dialog-footer">
+      <el-button size="mini" @click="dialogClose">取 消</el-button>
+      <el-button type="primary" size="mini" @click="confirmTeacher">确 定</el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import { PageQueryOrgTeacherUserList } from '@/api/list';
+
+export default {
+  name: 'SelectTeacher',
+  props: {
+    dialogVisible: {
+      default: false,
+      type: Boolean
+    },
+    orgId: {
+      default: '',
+      type: String
+    }
+  },
+  data() {
+    return {
+      cur_page: 1,
+      total_count: 0,
+      page_capacity: 10,
+      teacherList: [],
+      orgList: [],
+      searchForm: {
+        user_name: '',
+        user_real_name: '',
+        is_valid: '',
+        is_audited: ''
+      },
+      typeList: [
+        {
+          label: '全部',
+          name: '全部',
+          value: ''
+        },
+        {
+          label: '有效',
+          name: '已审核',
+          value: 'true'
+        },
+        {
+          label: '无效',
+          name: '未审核',
+          value: 'false'
+        }
+      ]
+    };
+  },
+  created() {
+    this.getTeacherUserList();
+  },
+  methods: {
+    getTeacherUserList() {
+      let data = {
+        org_id: this.orgId,
+        user_name: this.searchForm.user_name,
+        user_real_name: this.searchForm.user_real_name,
+        is_valid: this.searchForm.is_valid,
+        is_audited: this.searchForm.is_audited,
+        page_capacity: this.page_capacity,
+        cur_page: this.cur_page
+      };
+
+      PageQueryOrgTeacherUserList(data).then(({ cur_page, total_count, org_teacher_user_list }) => {
+        this.cur_page = cur_page;
+        this.total_count = total_count;
+        this.teacherList = org_teacher_user_list;
+      });
+    },
+    dialogClose() {
+      this.$emit('dialogClose');
+      this.$refs.teacherTable.clearSelection();
+    },
+    handleSelectionChange(arr) {
+      let list = [];
+      arr.forEach(el => {
+        list.push(el.user_id);
+      });
+      this.orgList = list;
+    },
+    changePage(newPage) {
+      this.cur_page = newPage;
+      this.getTeacherUserList();
+    },
+    changePageSize(pageSize) {
+      this.page_capacity = pageSize;
+      this.getTeacherUserList();
+    },
+    confirmTeacher() {
+      this.$emit('selectTeaher', this.orgList);
+    }
+  }
+};
+</script>
+
+<style lang="scss">
+.select-teacher {
+  .el-dialog__body {
+    padding: 15px 20px 0;
+  }
+
+  .el-input,
+  .el-select.valid,
+  .el-select.audited {
+    width: 100px;
+  }
+
+  .search-button .el-button {
+    margin-left: 120px;
+  }
+
+  .el-pagination {
+    margin-top: 15px;
+  }
+}
+</style>

src/utils/request.js

@@ -16,7 +16,15 @@ const service = axios.create({
 });
 
 // 请求拦截器
-service.interceptors.request.use({});
+service.interceptors.request.use(
+  config => {
+    config.headers['Content-Type'] = 'application/json';
+    return config;
+  },
+  error => {
+    return Promise.reject(error);
+  }
+);
 
 // 响应拦截器
 service.interceptors.response.use(
@@ -70,21 +78,19 @@ service.interceptors.response.use(
 );
 
 /**
- * @description 得到必需的请求参数
+ * 得到必需的请求参数
  * @param {String} MethodName 请求方法名
- * @param {Object} Parameter 请求参数
  *
  * @returns {Object} 返回必需的请求参数
  * */
-export function getRequestParameter(MethodName, Parameter = {}) {
+export function getRequestParams(MethodName) {
   const { session_id, user_code, user_type } = getUserInfo();
 
   return {
     MethodName,
     UserCode: user_code,
     UserType: user_type,
-    SessionID: session_id,
-    Parameter
+    SessionID: session_id
   };
 }
 

src/views/login/index.vue

@@ -84,8 +84,8 @@ export default {
 
     return {
       loginForm: {
-        user_name: 'teacher1',
-        password: '123456',
+        user_name: '',
+        password: '',
         user_type: ''
       },
       loginRules: {

src/views/teacher/create_course/step_table/CourseInfo.vue

@@ -39,8 +39,28 @@
           />
         </el-form-item>
 
-        <el-form-item label="授课教师">
-          <el-button class="teacher" icon="el-icon-plus" circle />
+        <el-form-item label="所属机构" placeholder="点击选择">
+          <el-select v-model="form.org_id" class="org-list">
+            <el-option
+              v-for="item in orgList"
+              :key="item.id"
+              :label="item.name"
+              :value="item.id"
+            ></el-option>
+          </el-select>
+        </el-form-item>
+
+        <el-form-item label="授课教师" class="teacher-tag">
+          <el-tag
+            v-for="(item, i) in user_list"
+            :key="item.id"
+            color="#fff"
+            closable
+            @close="tagClose(item.id, i)"
+          >
+            {{ item.user_name }}
+          </el-tag>
+          <el-button class="teacher" icon="el-icon-plus" circle @click="selectTeacher" />
         </el-form-item>
 
         <el-form-item label="课程周期">
@@ -88,18 +108,27 @@
         </el-form-item>
       </el-form>
     </div>
+    <select-teacher
+      :dialog-visible="dialogVisible"
+      :org-id="form.org_id"
+      @dialogClose="dialogClose"
+      @selectTeaher="selectTeaher"
+    />
   </div>
 </template>
 
 <script>
 import StepBar from '@/components/StepBar';
+import SelectTeacher from '@/components/SelectTeacher';
 import { fileUpload } from '@/api/app';
 import { CreateCourse } from '@/api/course';
 import { twoDecimal } from '@/utils/validate';
+import { getMyOrgList } from '@/api/list';
+import { GetUserListByIDList } from '@/api/user';
 
 export default {
   name: 'CourseInfo',
-  components: { StepBar },
+  components: { StepBar, SelectTeacher },
   data() {
     return {
       form: {
@@ -107,6 +136,7 @@ export default {
         picture_id: '',
         name: '',
         intro: '',
+        org_id: '',
         teacher_id_list: [],
         date: [],
         begin_date: '',
@@ -120,9 +150,17 @@ export default {
       },
       formRules: {
         name: { required: true, message: '课程名称不能为空', trigger: 'blur' }
-      }
+      },
+      orgList: [],
+      user_list: [],
+      dialogVisible: false
     };
   },
+  created() {
+    getMyOrgList().then(({ org_list }) => {
+      this.orgList = org_list;
+    });
+  },
   methods: {
     nextStep() {
       this.$refs.form.validate(valid => {
@@ -158,6 +196,35 @@ export default {
     },
     price(val) {
       this.form.price = twoDecimal(val);
+    },
+    // 对话框方法
+    selectTeacher() {
+      if (this.form.org_id) {
+        this.dialogVisible = true;
+      } else {
+        this.$message.warning('请先选择所属机构！');
+      }
+    },
+    dialogClose() {
+      this.dialogVisible = false;
+    },
+    selectTeaher(orgList) {
+      this.form.teacher_id_list = this.form.teacher_id_list.concat(orgList);
+      this.dialogVisible = false;
+      this.getUserList();
+    },
+    getUserList() {
+      GetUserListByIDList({ id_list: this.form.teacher_id_list }).then(({ user_list }) => {
+        this.user_list = user_list;
+      });
+    },
+    // 授课教师 tag 删除事件
+    tagClose(id, index) {
+      let list = this.user_list;
+      list.splice(index, 1);
+
+      let teacherList = this.form.teacher_id_list;
+      teacherList.splice(teacherList.indexOf(id), 1);
     }
   }
 };
@@ -185,12 +252,14 @@ export default {
         line-height: 107px;
       }
 
-      .name-input {
+      .name-input,
+      .org-list,
+      .intro-input {
         width: 600px;
       }
 
-      .intro-input {
-        width: 600px;
+      .teacher-tag .el-tag {
+        margin-right: 16px;
       }
 
       .teacher {

src/views/teacher/create_course/step_table/CreateTask.vue

@@ -1,6 +1,7 @@
 <template>
   <div class="task">
     <step-bar :step-number="2" />
+    <!--课程基本信息-->
     <div class="task-course-info">
       <div class="cover"><img :src="picture_url" alt="封面" /></div>
       <div class="info">
@@ -8,12 +9,15 @@
         <div class="date">{{ begin_date }}<span>-</span>{{ end_date }}</div>
       </div>
     </div>
+    <!--按钮-->
     <div class="task-button">
       <el-button class="prev-step" @click="preStep"><i class="el-icon-back" />选择教材</el-button>
       <el-button class="preserve" type="primary"><svg-icon icon-class="preserve" />保存</el-button>
       <el-button>关闭</el-button>
     </div>
+    <!--任务课节-->
     <div class="task-item">
+      <!--课节列表-->
       <div class="task-item-list">
         <template v-if="cs_item_list.length > 0">
           <div
@@ -38,6 +42,7 @@
           <svg-icon icon-class="create-white" /> 创建新课节
         </el-button>
       </div>
+      <!--课节信息-->
       <div class="task-item-container">
         <div class="item-info">
           <div class="title">课节信息</div>
@@ -67,7 +72,7 @@
       </div>
     </div>
 
-    <!--添加课节信息框-->
+    <!--添加课节弹出页-->
     <el-dialog
       :visible.sync="dialogVisible"
       title="课节信息"

src/views/teacher/main/CurriculaList.vue

@@ -93,7 +93,7 @@ export default {
     },
     queryMyCourseList() {
       const queryCriteria = {
-        finish_status: this.status,
+        finish_status: this.finish_status,
         page_capacity: this.page_capacity,
         cur_page: this.cur_page
       };