页面修改

src/pages/teacher/myClass.vue

@@ -8,7 +8,7 @@
     border: 1px solid #2961FE;
     border-radius: 50%;
     cursor: pointer;
-    color:#2961FE;
+    color: #2961FE;
   }
 
   .OCourseTable {
@@ -61,7 +61,7 @@
             <div style="display: flex;align-items: center;">
               <q-avatar size="md" style="background:#d4dfff;color:#2961FE;font-weight:bold;" v-if="props.row.ClassName">
                 {{GetFirst(props.row.ClassName)}}</q-avatar>
-                <div >
+              <div>
                 <span style="color:#2961FE;margin-left:10px;cursor:pointer;" @click="getClassInfo(props.row)"
                   title="点击查看详情">{{props.row.ClassName}}</span>
                 <div style="margin-left: 10px;">{{props.row.ClassNo}}</div>
@@ -87,7 +87,8 @@
                           <th>课程名称</th>
                           <th>课时数</th>
                         </tr>
-                        <tr v-for="(sItem,sIndex) in props.row.OtherCourseList" style="border-bottom:1px dashed #d1d1d1;">
+                        <tr v-for="(sItem,sIndex) in props.row.OtherCourseList"
+                          style="border-bottom:1px dashed #d1d1d1;">
                           <td>{{sItem.CourseName}}</td>
                           <td>{{sItem.ClassHours}}</td>
                         </tr>
@@ -121,23 +122,6 @@
         <template v-slot:body-cell-ClassStatusStr="props">
           <q-td>
             <span>{{props.row.ClassStatusStr}}</span>&nbsp;
-            <i class="iconfont icon-edit" @click.stop="getClassItem(props.row)" title="点击修改班级状态">
-              <q-popup-proxy>
-                <q-banner v-if="isShowEdit">
-                  <div class="calenderDialog">
-                    <div style="margin:10px 0 15px 0;">设置班级状态</div>
-                    <q-select standout="bg-primary text-white" option-value="Id" option-label="Name"
-                      v-model="statusMsg.ClassStatus" :options="classStatusList" emit-value map-options label="班级状态" />
-                    <q-card-actions align="right" class="bg-white">
-                      <q-btn label="取消" flat color="grey-10" @click="isShowEdit=false"
-                        style="font-weight:400 !important" />
-                      <q-btn label="确认" color="accent q-px-md" style="font-weight:400 !important"
-                        @click="setClassStatus()" />
-                    </q-card-actions>
-                  </div>
-                </q-banner>
-              </q-popup-proxy>
-            </i>
           </q-td>
         </template>
         <template v-slot:bottom>
@@ -158,11 +142,7 @@
                     <q-item-label>收支明细</q-item-label>
                   </q-item-section>
                 </q-item>
-                <q-item clickable v-close-popup @click="showOtherCourse(props.row)" style="display:none;">
-                  <q-item-section>
-                    <q-item-label>关联其他课程</q-item-label>
-                  </q-item-section>
-                </q-item>
+
                 <q-item clickable v-close-popup @click="gomonthLessonCost(props.row)">
                   <q-item-section>
                     <q-item-label>月度课耗</q-item-label>
@@ -173,43 +153,32 @@
           </q-td>
         </template>
       </q-table>
-      <class-form v-if="isShowClassForm" :save-obj="classObjOption" @close="closeClassSaveForm" @success="refreshPage">
-      </class-form>
       <classinfo-form v-if="isShowClassInfo" :seting-obj="classObjOption" :isShowEditBtn="1" @close="closeClassSaveForm"
         @success="refreshPage">
       </classinfo-form>
-      <othercourseForm v-if="IsShowOtherCourse" :seting-obj="classObjOption" @close="closeClassSaveForm"
-        @success="refreshPage">
-      </othercourseForm>
     </div>
   </div>
 </template>
 <script>
   import {
     queryClassStatusList,
-    saveClassStatus, //修改班级状态
   } from '../../api/course/class';
   import {
     GetClassPageList
   } from '../../api/teacher/index';
-
   //获取校区列表
   import {
     getSchoolDropdown,
-    deleteClass
   } from '../../api/school/index';
-
-  import classForm from '../../components/course/class-form';
   import classinfoForm from '../../components/course/classinfo-form';
-  import othercourseForm from '../../components/course/othercourse-form';
   export default {
     meta: {
       title: "班级管理"
     },
     components: {
-      classForm,
+
       classinfoForm,
-      othercourseForm
+
     },
     data() {
       return {
@@ -288,7 +257,7 @@
           ClassName: '', //班级名称
           ClassStatus: 0, //班级状态
           TeacherName: '', //带班老师
-          Teacher_Id:0,
+          Teacher_Id: 0,
           CourseName: '', //学习课程
           School_Id: -1, //关联校区
         },
@@ -303,9 +272,7 @@
           ClassId: 0,
           ClassStatus: 0
         },
-        isShowClassForm: false, //是否显示新增修改弹窗
         isShowClassInfo: false, //是否显示课程信息
-        IsShowOtherCourse: false, //是否显示其他课程
       }
     },
     created() {
@@ -321,48 +288,6 @@
       this.getClassList();
     },
     methods: {
-      //删除班级
-      removeClass(item, status) {
-        let delMsg = {
-          ClassId: item.ClassId,
-          Status: status
-        };
-        var message = "是否要删除该班级？";
-        if (status == 0) {
-          message = "是否要恢复该班级？";
-        }
-        this.$q.dialog({
-          title: '提示信息',
-          message: message,
-          cancel: true,
-          persistent: true,
-          ok: "确定",
-          cancel: "取消",
-        }).onOk(() => {
-          deleteClass(delMsg).then(res => {
-            if (res.Code == 1) {
-              this.$q.notify({
-                icon: 'iconfont icon-chenggong',
-                color: 'accent',
-                timeout: 2000,
-                message: '删除成功！',
-                position: 'top'
-              })
-              this.getClassList();
-            } else {
-              this.$q.notify({
-                icon: 'iconfont icon-chenggong',
-                color: 'accent',
-                timeout: 2000,
-                message: res.Message,
-                position: 'top'
-              })
-            }
-          })
-        }).onCancel(() => {
-
-        });
-      },
       //当前点击的班级
       getClassItem(item) {
         this.isShowEdit = true;
@@ -370,48 +295,21 @@
         this.statusMsg.ClassStatus = Obj.ClassStatus;
         this.statusMsg.ClassId = Obj.ClassId;
       },
-      //更新班级状态
-      setClassStatus() {
-        saveClassStatus(this.statusMsg).then(res => {
-          this.isShowEdit = false;
-          if (res.Code == 1) {
-            this.$q.notify({
-              icon: 'iconfont icon-chenggong',
-              color: 'accent',
-              timeout: 2000,
-              message: '设置成功!',
-              position: 'top'
-            })
-            this.getClassList();
-          } else {
-            this.$q.notify({
-              icon: 'iconfont icon-chenggong',
-              color: 'accent',
-              timeout: 2000,
-              message: res.Message,
-              position: 'top'
-            })
-          }
-        });
-      },
+
       gotoOrder(item) {
-        var tempStr = '/course/classorder?ClassId=' + item.ClassId + '&isFromMyclass=1';
-        this.$router.push({
-          path: tempStr
+        this.OpenNewUrl('/course/classorder', {
+          ClassId: item.ClassId,
+          isFromMyclass: 1,
         });
       },
       //跳转到收支明细
       goPayment(item) {
-        this.$router.push({
-          path: '/course/paymentDetail',
-          query: {
+        this.OpenNewUrl('/course/paymentDetail', {
           ClassId: item.ClassId,
           School_Id: item.School_Id,
-            ClassName: encodeURI(item.ClassName) ,
-            isFromMyClass : 1,
-            blank: 'y'
-          }
-        })
+          ClassName: encodeURI(item.ClassName),
+          isFromMyClass: 1,
+        });
       },
       //获取校区列表
       getSchool() {
@@ -455,44 +353,20 @@
       },
       //刷新页面
       refreshPage() {
-        this.isShowClassForm = false;
+
+        this.isShowClassInfo = false;
         this.getClassList();
       },
-      //新增修改菜单
-      EditCourse(obj) {
-        if (obj) {
-          this.classObjOption = obj
-        } else {
-          this.classObjOption = null
-        }
-        this.isShowClassForm = true
-      },
       //关闭弹窗
       closeClassSaveForm() {
-        //关闭新增修改弹窗
-        this.isShowClassForm = false;
-        //关闭班级信息弹窗
+
         this.isShowClassInfo = false;
-        //关闭关联其他课程弹窗
-        this.IsShowOtherCourse = false;
       },
       GetFirst(val) {
         if (val) {
           return val.substr(0, 1);
         }
       },
-      //获取进度条
-      getProgress(num, total) {
-        if (num == 0 || total == 0) {
-          return 0;
-        }
-        return (Math.round(num / total * 100) / 100.00);
-      },
-      //显示关联课程
-      showOtherCourse(item) {
-        this.IsShowOtherCourse = true;
-        this.classObjOption = item;
-      },
       //点击班级名称
       getClassInfo(obj) {
         this.classObjOption = null;
@@ -500,16 +374,16 @@
         this.classObjOption = obj;
         this.isShowClassInfo = true;
       },
-      gomonthLessonCost(row){
+      gomonthLessonCost(row) {
         let ClassName = encodeURI(row.ClassName)
-        this.OpenNewUrl('teachMonthLessonCost' , {
+        this.OpenNewUrl('teachMonthLessonCost', {
           ClassId: row.ClassId,
           ClassName: ClassName,
         });
       },
       //跳转到课程大纲
-      goChapter(CouseId){
-        this.OpenNewUrl('/course/chapter' , {
+      goChapter(CouseId) {
+        this.OpenNewUrl('/course/chapter', {
           CourseId: CouseId
         });
       }