页面修改

src/api/course/index.js

@@ -71,6 +71,20 @@ export function queryCoursePage(data) {
   })
 }
 
+
+/**
+ * 获取课程下拉列表
+ * @param {JSON对象} data 
+ */
+export function queryCourseDropdownList(data)
+{
+    return request({
+        url: '/Course/GetCourseList',
+        method: 'post',
+        data
+      })
+}
+
 /**
  * 获取课程详情
  * @param {JSON参数} data 

src/api/school/index.js

@@ -47,6 +47,17 @@ export function getTeacherPage(data) {
   })
 }
 
+/**
+ * 获取讲师列表
+ */
+export function getTeacherDropDownList(data) {
+  return request({
+    url: '/user/GetTeacherList',
+    method: 'post',
+    data
+  })
+}
+
 /**
  * 保存教师信息
  */
@@ -91,6 +102,18 @@ export function getAssistPage(data) {
   })
 }
 
+/**
+ * 获取助教下拉列表
+ * @param {JSON对象} data 
+ */
+export function getAssistDropDownList(data) {
+  return request({
+    url: '/user/GetAssistList',
+    method: 'post',
+    data
+  })
+}
+
 /**
  * 保存教师信息
  */
@@ -124,3 +147,132 @@ export function deleteAssist(data) {
     data
   })
 }
+
+/**
+ * 获取班级分页列表
+ * @param {JSON数据} data 
+ */
+export function getClassPage(data) {
+  return request({
+    url: '/Class/GetClassPageList',
+    method: 'post',
+    data
+  })
+}
+
+/**
+ * 获取班级列表【下拉使用】
+ * @param {JSON数据} data 
+ */
+export function getClassDropDownList(data) {
+  return request({
+    url: '/Class/GetClassList',
+    method: 'post',
+    data
+  })
+}
+
+/**
+ * 新增修改班级
+ * @param {JSON数据} data 
+ */
+export function saveClass(data) {
+  return request({
+    url: '/Class/SetClass',
+    method: 'post',
+    data
+  })
+}
+
+/**
+ * 新增修改班级
+ * @param {JSON数据} data 
+ */
+export function getClassInfo(data) {
+  return request({
+    url: '/Class/GetClass',
+    method: 'post',
+    data
+  })
+}
+
+/**
+ * 删除班级
+ * @param {JSON数据} data 
+ */
+export function deleteClass(data) {
+  return request({
+    url: '/Class/RemoveClass',
+    method: 'post',
+    data
+  })
+}
+
+/**
+ * 获取学员分页列表
+ * @param {JSON数据} data 
+ */
+export function getStudentPage(data) {
+  return request({
+    url: '/User/GetStudentPageList',
+    method: 'post',
+    data
+  })
+}
+
+/**
+ * 获取学员下拉类表
+ */
+export function getStudentDorpDownList(data) {
+  return request({
+    url: '/User/GetStudentList',
+    method: 'post',
+    data
+  })
+}
+
+
+/**
+ * 添加修改学员
+ */
+export function saveStudent(data) {
+  return request({
+    url: '/User/SetStudent',
+    method: 'post',
+    data
+  })
+}
+
+
+/**
+ * 获取学员信息
+ */
+export function getStudentInfo(data) {
+  return request({
+    url: '/User/GetStudent',
+    method: 'post',
+    data
+  })
+}
+
+/**
+ * 删除学员信息
+ */
+export function deleteStudent(data) {
+  return request({
+    url: '/User/RemoveStudent',
+    method: 'post',
+    data
+  })
+}
+
+/**
+ * 更新学生禁用或启用
+ */
+export function UpdateStudentIsDisable(data) {
+  return request({
+    url: '/User/UpdateStudentIsDisable',
+    method: 'post',
+    data
+  })
+}

src/components/school/classmanage/class-form.vue

+<template>
+  <q-dialog v-model="persistent" content-class="bg-grey-1" persistent transition-show="scale" transition-hide="scale">
+    <q-card style="width: 800px;max-width:900px;">
+      <q-card-section>
+        <div class="text-h6">{{objOption.ClassId==0?'新增班级信息':'修改班级信息'}}</div>
+      </q-card-section>
+      <q-card-section class="q-pt-none scroll" style="max-height: 70vh">
+        <div class="text-caption q-mb-md q-px-xs text-grey-6">基本资料</div>
+        <div class="row wrap">
+          <q-input filled stack-label maxlength="20" :dense="false" v-model="objOption.ClassName" ref="ClassName"
+            class="col-6 q-pr-lg q-pb-lg" label="班级名称" :rules="[val => !!val || '请填写班级名称']" />
+          <q-select filled stack-label option-value="CourseId" option-label="CourseName" v-model="objOption.CouseId"
+            ref="CouseId" :options="courseList" label="所属课程" :dense="false" class="col-6 q-pb-lg" emit-value map-options
+            :rules="[val => !!val || '请选择所属课程']" />
+          <q-select filled stack-label option-value="TId" option-label="TeacherName" v-model="objOption.Teacher_Id"
+            ref="Teacher_Id" :options="teacherList" label="讲师" :dense="false" class="col-6 q-pr-lg q-pb-lg" emit-value
+            map-options :rules="[val => !!val || '请选择讲师']" />
+          <q-select filled stack-label option-value="AId" option-label="AssistName" v-model="objOption.Assist_Id"
+            ref="Assist_Id" :options="assistList" label="助教" :dense="false" class="col-6 q-pb-lg" emit-value map-options
+            :rules="[val => !!val || '请选择助教']" />
+        </div>
+      </q-card-section>
+      <q-separator />
+      <q-card-actions align="right" class="bg-white">
+        <q-btn label="取消" color="dark" style="font-weight:400 !important" @click="closeSaveForm" />
+        <q-btn label="立即提交" color="accent" class="q-px-md" style="font-weight:400 !important" :loading="saveLoading"
+          @click="saveClassInfo" />
+      </q-card-actions>
+    </q-card>
+  </q-dialog>
+</template>
+
+<script>
+  import {
+    getTeacherDropDownList,
+    getAssistDropDownList,
+    saveClass,
+    getClassInfo
+  } from '../../../api/school/index'
+  import {
+    queryCourseDropdownList
+  } from '../../../api/course/index'
+
+  export default {
+    props: {
+      saveObj: {
+        type: Object,
+        default: null
+      }
+    },
+    data() {
+      return {
+        persistent: true,
+        objOption: {
+          ClassId: 0, //班级编号
+          ClassName: '', //班级名称
+          CouseId: 0, //所属课程
+          Teacher_Id: 0, //讲师编号
+          Assist_Id: 0, //助教编号
+        },
+        optionTitle: "",
+        courseList: [],
+        teacherList: [],
+        assistList: [],
+        saveLoading: false,
+      }
+    },
+    created() {
+      this.getCourseDropdown();
+      this.getTeacherDropdown();
+      this.getAssistantDropdown();
+    },
+    mounted() {
+      this.initObj()
+    },
+    methods: {
+      initObj() {
+        if (this.saveObj) {
+          this.optionTitle = "修改班级信息"
+          if (this.saveObj.ClassId > 0) {
+            getClassInfo({
+              ClassId: this.saveObj.ClassId
+            }).then(res => {
+              this.objOption.ClassId = res.Data.ClassId;
+              this.objOption.ClassName = res.Data.ClassName;
+              this.objOption.CouseId = res.Data.CouseId;
+              this.objOption.Teacher_Id = res.Data.Teacher_Id;
+              this.objOption.Assist_Id = res.Data.Assist_Id;
+              this.$forceUpdate();
+            })
+          }
+        } else {
+          this.optionTitle = "新增班级"
+          this.objOption.ClassId = 0;
+          this.objOption.ClassName = "";
+          this.objOption.CouseId = 0;
+          this.objOption.Teacher_Id = 0;
+          this.objOption.Assist_Id = 0;
+        }
+      },
+      //获取课程下拉列表
+      getCourseDropdown() {
+        queryCourseDropdownList({}).then(res => {
+          if (res.Code == 1) {
+            this.courseList = res.Data;
+          }
+        });
+      },
+      //获取讲师下拉列表
+      getTeacherDropdown() {
+        getTeacherDropDownList({}).then(res => {
+          if (res.Code == 1) {
+            this.teacherList = res.Data;
+          }
+        })
+      },
+      //获取助教下拉列表
+      getAssistantDropdown() {
+        getAssistDropDownList({}).then(res => {
+          if (res.Code == 1) {
+            this.assistList = res.Data;
+          }
+        });
+      },
+      closeSaveForm() {
+        this.$emit('close')
+        this.persistent = false
+      },
+      saveClassInfo() {
+        this.saveLoading = true
+        saveClass(this.objOption).then(res => {
+          this.saveLoading = false
+          this.$q.notify({
+            icon: 'iconfont icon-chenggong',
+            color: 'accent',
+            timeout: 2000,
+            message: '数据保存成功！',
+            position: 'top'
+          })
+          this.$emit("success")
+          this.closeSaveForm()
+        }).catch(() => {
+          this.saveLoading = false
+        })
+      },
+    },
+  }
+
+</script>

src/pages/school/manager.vue

 <template>
-<div class="page-body">
+  <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 @change="resetSearch" clearable standout="bg-primary text-white" v-model="msg.SName" label="校区名称" />
         </div>
         <div class="col-3">
-                <q-select @input="resetSearch" standout="bg-primary text-white" v-model="StatusTemp" :options="StatusOpts" option-value="value" option-label="label" label="校区状态" />
+          <q-select @input="resetSearch" standout="bg-primary text-white" v-model="StatusTemp" :options="StatusOpts"
+            option-value="value" option-label="label" label="校区状态" />
         </div>
       </div>
       <div class="page-option">
@@ -34,7 +35,8 @@
       </div>
     </div>
     <div class="page-content">
-        <q-table :pagination="msg" :loading="loading" no-data-label="暂无相关数据" flat class="sticky-column-table" separator="none" title="校区信息" :data="data" :columns="columns" row-key="name">
+      <q-table :pagination="msg" :loading="loading" no-data-label="暂无相关数据" flat class="sticky-column-table"
+        separator="none" title="校区信息" :data="data" :columns="columns" row-key="name">
         <template v-slot:body-cell-Status="props">
           <q-td :props="props">
             <q-badge :color="props.value==1?'negative':'primary'" :label="props.value==1?'关闭':'正常'" />
@@ -47,14 +49,17 @@
         </template>
         <template v-slot:body-cell-optioned="props">
           <q-td :props="props">
-                    <q-btn flat size="xs" icon="edit" color="accent" style="font-family:perfectFont" label="编辑" @click="initObj(props.value)" />
+            <q-btn flat size="xs" icon="edit" color="accent" style="font-family:perfectFont" label="编辑"
+              @click="initObj(props.value)" />
           </q-td>
         </template>
         <template v-slot:bottom>
-                <q-pagination class="full-width justify-end" v-model="msg.pageIndex" color="primary" :max="pageCount" :input="true" @input="changePage" />
+          <q-pagination class="full-width justify-end" v-model="msg.pageIndex" color="primary" :max="pageCount"
+            :input="true" @input="changePage" />
         </template>
       </q-table>
-        <q-dialog v-model="persistent" content-class="bg-grey-1" persistent transition-show="scale" transition-hide="scale">
+      <q-dialog v-model="persistent" content-class="bg-grey-1" persistent transition-show="scale"
+        transition-hide="scale">
         <q-card style="width: 800px;max-width:900px;">
           <q-card-section>
             <div class="text-h6">{{objOption.SId==0?'新增校区':'修改校区'}}</div>
@@ -62,13 +67,19 @@
           <div class="text-caption q-mb-lg q-px-md text-grey-6">基本资料</div>
           <q-card-section class="q-pt-none">
             <div class="row wrap">
-                        <q-input filled stack-label maxlength="20" :dense="false" v-model="objOption.SName" ref="SName" class="col-6 q-pr-lg q-pb-lg" label="校区名称" :rules="[val => !!val || '请填写校区名称']" />
-                        <q-input filled stack-label maxlength="20" :dense="false" v-model="objOption.SAddress" ref="SAddress" class="col-6 q-pb-lg" label="校区地址" :rules="[val => !!val || '请填写校区地址']" />
-                        <q-input filled stack-label maxlength="20" :dense="false" v-model="objOption.SLinkMan" ref="SLinkMan" class="col-6 q-pr-lg q-pb-lg " label="校区联系人" :rules="[val => !!val || '请填写校区联系人']" />
-                        <q-input filled stack-label maxlength="20" :dense="false" v-model="objOption.SLinkTel" ref="SLinkTel" class="col-6 q-pb-lg" label="校区联系电话" :rules="[val => !!val || '请填写校区联系电话']" />
-                        <q-input filled stack-label maxlength="20" :dense="false" v-model="objOption.Remark" class="col-6 q-pb-lg q-pr-lg" label="校区备注" />
+              <q-input filled stack-label maxlength="20" :dense="false" v-model="objOption.SName" ref="SName"
+                class="col-6 q-pr-lg q-pb-lg" label="校区名称" :rules="[val => !!val || '请填写校区名称']" />
+              <q-input filled stack-label maxlength="20" :dense="false" v-model="objOption.SAddress" ref="SAddress"
+                class="col-6 q-pb-lg" label="校区地址" :rules="[val => !!val || '请填写校区地址']" />
+              <q-input filled stack-label maxlength="20" :dense="false" v-model="objOption.SLinkMan" ref="SLinkMan"
+                class="col-6 q-pr-lg q-pb-lg " label="校区联系人" :rules="[val => !!val || '请填写校区联系人']" />
+              <q-input filled stack-label maxlength="20" :dense="false" v-model="objOption.SLinkTel" ref="SLinkTel"
+                class="col-6 q-pb-lg" label="校区联系电话" :rules="[val => !!val || '请填写校区联系电话']" />
+              <q-input filled stack-label maxlength="20" :dense="false" v-model="objOption.Remark"
+                class="col-6 q-pb-lg q-pr-lg" label="校区备注" />
               <div class="col-6">
-                            <q-toggle size="md" label="校区状态" color="primary" :false-value="1" :true-value="0" v-model="objOption.Status" />
+                <q-toggle size="md" label="校区状态" color="primary" :false-value="1" :true-value="0"
+                  v-model="objOption.Status" />
                 <div class="text-grey-6 text-caption">注意：关闭校区后，所有下属教师、学生将无法继续使用系统</div>
               </div>
             </div>
@@ -76,20 +87,21 @@
           <q-separator />
           <q-card-actions align="right" class="bg-white">
             <q-btn label="取消" color="dark" style="font-weight:400 !important" @click="closeSaveForm" />
-                    <q-btn label="立即提交" color="accent q-px-md" style="font-weight:400 !important" :loading="saveLoading" @click="saveSchool" />
+            <q-btn label="立即提交" color="accent q-px-md" style="font-weight:400 !important" :loading="saveLoading"
+              @click="saveSchool" />
           </q-card-actions>
         </q-card>
       </q-dialog>
     </div>
-</div>
+  </div>
 </template>
 
 <script>
-import {
+  import {
     getSchoolPage,
     saveSchool
-} from '../../api/school/index'
-export default {
+  } from '../../api/school/index'
+  export default {
     meta: {
       title: "校区管理"
     },
@@ -172,8 +184,8 @@ export default {
         ],
         msg: {
           pageIndex: 1,
-                pageSize: 13,
-                rowsPerPage: 13,
+          pageSize: 12,
+          rowsPerPage: 12,
           SName: "",
           Status: '-1'
         },
@@ -220,7 +232,7 @@ export default {
         this.persistent = true
       },
       resetSearch() {
-            this.pageIndex = 1
+        this.msg.pageIndex = 1
         this.loading = true
         this.msg.Status = this.StatusTemp ? this.StatusTemp.value : '-1'
         this.getSchool()
@@ -277,9 +289,11 @@ export default {
         }
       }
     },
-}
+  }
+
 </script>
 
 <style lang="sass">
-@import url('~assets/css/table.sass');
+  @import url('~assets/css/table.sass');
+
 </style>