页面修改

src/api/course/index.js

@@ -26,24 +26,107 @@ export function queryCourseCategoryTree(data) {
 /**
  * 根据编号获取课程分类信息
  */
-export function queryCourseCategoryInfo(data)
-{
-    return request({
-        url: '/Course/GetCourseCategory',
-        method: 'post',
-        data
-      })
+export function queryCourseCategoryInfo(data) {
+  return request({
+    url: '/Course/GetCourseCategory',
+    method: 'post',
+    data
+  })
 }
 
 /**
  * 保存课程分类
  * @param {JSON参数} data 
  */
-export function saveCourseCategoryInfo(data)
-{
-    return request({
-        url: '/Course/SetCourseCategory',
-        method: 'post',
-        data
-      }) 
+export function saveCourseCategoryInfo(data) {
+  return request({
+    url: '/Course/SetCourseCategory',
+    method: 'post',
+    data
+  })
+}
+
+/**
+ * 删除课程分类
+ * @param {JOSN参数} data 
+ */
+export function deleteCourseCategory(data) {
+  return request({
+    url: '/Course/RemoveCourseCategory',
+    method: 'post',
+    data
+  })
+
+}
+
+/**
+ * 获取课程分页列表
+ * @param {JSON参数} data 
+ */
+export function queryCoursePage(data) {
+  return request({
+    url: '/Course/GetCoursePageList',
+    method: 'post',
+    data
+  })
+}
+
+/**
+ * 获取课程详情
+ * @param {JSON参数} data 
+ */
+export function queryCourseInfo(data) {
+  return request({
+    url: '/Course/GetCourse',
+    method: 'post',
+    data
+  })
+}
+
+/**
+ * 保存课程详情
+ */
+export function saveCourseInfo(data) {
+  return request({
+    url: '/Course/SetCourse',
+    method: 'post',
+    data
+  })
+}
+
+/**
+ * 删除课程详情
+ * @param {JSON对象} data 
+ */
+export function deleteCourseInfo(data) {
+  return request({
+    url: '/Course/RemoveCourse',
+    method: 'post',
+    data
+  })
+}
+
+
+/**
+ * 设置是否显示课程章节
+ * @param {JSON对象} data 
+ */
+export function updateCourseIsShowChapterNo(data) {
+  return request({
+    url: "/Course/SetCourseIsShowChapterNo",
+    method: 'post',
+    data
+  })
+}
+
+/**
+ * 设置课程教师
+ * @param {JSON参数} data 
+ */
+export function updateCourseTeacher(data) {
+  return request({
+    url: "/Course/SetCourseTeacher",
+    method: 'post',
+    data
+  })
 }

src/components/system/menu-form.vue

 <template>
-  <q-dialog v-model="persistent" content-class="bg-grey-1" persistent transition-show="scale" transition-hide="scale">
+  <q-dialog v-model="persistent"  persistent transition-show="scale" transition-hide="scale">
     <q-card style="width: 800px;max-width:900px;">
       <q-card-section>
         <div class="text-h6">{{objOption.MenuId==0?'新增菜单信息':'修改菜单信息'}}</div>

src/pages/course/course.vue

+<template>
+  <div class="page-body">
+    <div class="page-search row items-center">
+      <div class="col row wrap q-mr-lg q-col-gutter-md">
+        <div class="col-3">
+          <q-input ref="filter" filled v-model="keyWords" label="分类名称">
+            <template v-slot:append>
+              <q-icon v-if="keyWords !== ''" name="clear" class="cursor-pointer" @click="resetFilter" />
+            </template>
+          </q-input>
+        </div>
+      </div>
+      <div class="page-option">
+        <q-btn color="accent" class="q-mr-md" icon="add" label="新增分类" @click="EditMenu(null)" />
+      </div>
+    </div>
+    <div class="page-content">
+      <div class="q-pa-md q-gutter-sm">
+        <q-tree v-if="isShow" :nodes="data" node-key="CateId" label-key="CateName" children-key="ChildList"
+          :filter="keyWords" :filter-method="myFilterMethod" default-expand-all no-results-label="暂无相关数据">
+          <template v-slot:default-header="prop">
+            <div class="row items-center">
+              <div class="text-weight-bold text-primary">{{ prop.node.CateName }}</div>
+              <template v-if="prop.node.ChildList && prop.node.ChildList.length>0">
+                &nbsp;
+                <q-btn round icon="add" size="xs" @click="EditMenu(null)" />
+              </template>
+              &nbsp;
+              <q-btn round icon="edit" size="xs" @click="EditMenu(prop.node)" />
+            </div>
+          </template>
+        </q-tree>
+      </div>
+      <category-form v-if="isShowCategory" :save-obj="categoryObj" @close="closeCagegoryForm" @success="refreshPage">
+      </category-form>
+    </div>
+  </div>
+</template>
+
+<script>
+  import {
+    queryCourseCategoryTree
+  } from '../../api/course/index'
+  import categoryForm from '../../components/course/category-form'
+  export default {
+    meta: {
+      title: "课程分类"
+    },
+    components: {
+      categoryForm,
+    },
+    data() {
+      return {
+        currentUrl: "",
+        data: [],
+        keyWords: '',
+        isShowCategory: false,
+        isShow: false,
+        categoryObj: {},
+      }
+    },
+    mounted() {
+      this.currentUrl = this.$route.path
+      this.getcoursecategorytree()
+    },
+    methods: {
+      //搜索分类
+      myFilterMethod(node, filter) {
+        return node.CateName && node.CateName.indexOf(filter) > -1;
+      },
+      //重置搜索关键词
+      resetFilter() {
+        this.keyWords = ''
+        this.$refs.filter.focus()
+      },
+      //刷新页面
+      refreshPage() {
+        this.getcoursecategorytree();
+      },
+      //获取课程分类树形结构
+      getcoursecategorytree() {
+        this.isShow = false;
+        queryCourseCategoryTree({}).then(res => {
+          this.isShow = true;
+          this.data = res.Data;
+        })
+      },
+      //新增修改角色
+      EditMenu(obj) {
+        if (obj) {
+          this.categoryObj = obj
+        } else {
+          this.categoryObj = null
+        }
+        this.isShowCategory = true;
+      },
+      //关闭弹窗
+      closeCagegoryForm() {
+        this.isShowCategory = false
+      }
+    }
+  }
+
+</script>
+<style lang="sass">
+  @import url('~assets/css/table.sass');
+
+</style>