页面修改

src/api/course/index.js

 import request from '../../utils/request'
 
+/**
+ * 获取科目分页列表
+ * @param {JSON参数} data 
+ */
+export function queryCourseSubjectPage(data) {
+  return request({
+    url: '/Course/GetCourseSubjectPage',
+    method: 'post',
+    data
+  })
+}
+
+/**
+ * 获取科目列表
+ * @param {JSON参数} data 
+ */
+export function queryCourseSubjectList(data) {
+  return request({
+    url: '/Course/GetCourseSubjectList',
+    method: 'post',
+    data
+  })
+}
+
+/**
+ * 新增修改科目
+ * @param {JSON参数} data 
+ */
+export function saveCourseSubject(data) {
+  return request({
+    url: '/Course/SetCourseSubject',
+    method: 'post',
+    data
+  })
+}
+
+
+/**
+ * 获取科目详情
+ * @param {JSON参数} data 
+ */
+export function queryCourseSubject(data) {
+  return request({
+    url: '/Course/GetCourseSubject',
+    method: 'post',
+    data
+  })
+}
+
+/**
+ * 删除科目
+ * @param {JSON参数} data 
+ */
+export function deleteCourseSubject(data) {
+  return request({
+    url: '/Course/RemoveCourseSubject',
+    method: 'post',
+    data
+  })
+}
+
+
 /**
  * 获取课程分页列表
  * @param {JSON参数} data 

src/api/sale/peemanagement.js

@@ -109,3 +109,16 @@ export function SetCustomerTask(data) {
   })
 }
 
+
+/**
+ * 获取任务类型列表
+ *
+ */
+export function GetTaskTypeList(data) {
+  return request({
+    url: '/B2BCustomer/GetTaskTypeList',
+    method: 'post',
+    data
+  })
+}
+

src/pages/course/subject.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 @input="resetSearch" clearable filled v-model="msg.CateName" label="科目名称" @clear="resetSearch"
+            maxlength="20" />
+        </div>
+
+      </div>
+    </div>
+    <div class="page-content">
+      <q-table :pagination="msg" :loading="loading" no-data-label="暂无相关数据" flat class="sticky-column-table"
+        separator="none" :data="dataList" :columns="columns">
+        <template v-slot:top="props">
+          <div class="col-2 q-table__title">科目管理</div>
+          <q-space />
+          <div class="page-option">
+            <q-btn color="accent" size="sm" class="q-mr-md" icon="add" label="新增系列" @click="EditCategory(null)" />
+          </div>
+        </template>
+        <template v-slot:body-cell-Status="props">
+          <q-td :props="props">
+            <q-badge :color="props.value==1?'negative':'primary'" :label="props.value==0?'正常':'禁用'" />
+          </q-td>
+        </template>
+        <template v-slot:body-cell-CateId="props">
+          <q-td :props="props">
+            <q-btn flat size="xs" icon="edit" color="accent" style="font-weight:400" label="编辑"
+              @click="EditCategory(props.row)" />
+            <q-btn flat size="xs" icon="delete" color="negative" style="font-weight:400;" label="删除"
+              @click="deleteSubject(props.row)" />
+          </q-td>
+        </template>
+        <template v-slot:bottom>
+          <q-pagination class="full-width justify-end" v-model="msg.PageIndex" color="primary" :max="msg.PageCount"
+            :input="true" @input="changePage" />
+        </template>
+      </q-table>
+      <category-form v-if="isShowCategory" :save-obj="categoryObj" @close="closeCagegoryForm" @success="refreshPage">
+      </category-form>
+    </div>
+  </div>
+</template>
+
+<script>
+  import {
+    queryCourseSubjectPage,
+    deleteCourseSubject,
+
+  } from '../../api/course/index'
+  import categoryForm from '../../components/course/category-form'
+
+  export default {
+    meta: {
+      title: "课程科目"
+    },
+    components: {
+      categoryForm,
+    },
+    data() {
+      return {
+        msg: {
+          PageIndex: 1,
+          PageSize: 10,
+          rowsPerPage: 10,
+          PageCount: 1,
+          SubjectName: "", //系列名称
+        },
+
+        currentUrl: "",
+        dataList: [],
+        keyWords: '',
+        isShowCategory: false,
+        isShow: false,
+        categoryObj: {},
+        loading: true,
+        columns: [{
+            name: 'CourseSubjectName',
+            label: '所属科目',
+            field: 'CourseSubjectName',
+            align: 'left'
+          }, {
+            name: 'CateName',
+            label: '系列名称',
+            field: 'CateName',
+            align: 'left'
+          },
+          
+          {
+            name: 'Status',
+            label: '状态',
+            align: 'left',
+            field: row => row.Status
+          },
+          {
+            name: 'UpdateByName',
+            label: '修改人',
+            align: 'left',
+            field: row => row.UpdateByName
+          },
+          {
+            name: 'UpdateTimeStr',
+            label: '修改时间',
+            align: 'left',
+            field: row => row.UpdateTimeStr
+          },
+          {
+            name: 'Id',
+            label: '操作',
+            field: 'Id'
+          }
+        ],
+      }
+    },
+
+    mounted() {
+      this.currentUrl = this.$route.path
+      this.getcategorypage();
+
+    },
+    methods: {
+      //重新查询
+      resetSearch() {
+        this.msg.PageIndex = 1;
+        this.getSubjectPage();
+      },
+      changePage(val) {
+        this.msg.PageIndex = val;
+        this.getSubjectPage()
+      },
+      //删除系列
+      deleteSubject(item) {
+        let delMsg = {
+          Id: item.Id,
+        };
+        this.$q.dialog({
+          title: '提示信息',
+          message: '是否确定删除该科目？',
+          cancel: true,
+          persistent: true,
+          ok: "确定",
+          cancel: "取消",
+        }).onOk(() => {
+          deleteCourseSubject(delMsg).then(res => {
+            if (res.Code == 1) {
+              this.$q.notify({
+                icon: 'iconfont icon-chenggong',
+                color: 'accent',
+                timeout: 2000,
+                message: '删除成功！',
+                position: 'top'
+              })
+              this.refreshPage();
+            }
+          })
+        }).onCancel(() => {
+
+        });
+      },
+      //刷新页面
+      refreshPage() {
+        this.getSubjectPage();
+      },
+      //获取课程系列分页列表
+      getSubjectPage() {
+        this.isShow = false;
+        queryCourseSubjectPage(this.msg).then(res => {
+          this.isShow = true;
+          this.loading = false;
+          this.dataList = res.Data.PageData;
+          this.msg.PageCount = res.Data.PageCount
+        })
+      },
+      //新增修改课程系列
+      EditCategory(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>
\ No newline at end of file

src/router/routes.js

@@ -198,6 +198,11 @@ const routes = [{
     component: () =>
       import("pages/system/smallProgramInfo.vue")
   },
+  {
+    path: "/course/subject", //科目管理
+    component: () =>
+      import("pages/course/subject.vue")
+  },
   {
     path: "/course/catagory", //课程分类
     component: () =>