页面修改

src/components/course/classinfo-form.vue

@@ -47,29 +47,29 @@
       <div class="drawerTop">
         <div style="display:flex;align-items:center;">
           <q-avatar size="md" style="background:#d4dfff;color:#2961FE;font-weight:bold;">
-            {{setingObj.ClassName.substring(0,1)}}
+            {{classObj.ClassName.substring(0,1)}}
           </q-avatar>
           <div class="className">
-            <div class="classFirst">{{setingObj.ClassName}}</div>
-            <div style="color:#666666;font-size:12px;">{{setingObj.CourseName}}</div>
+            <div class="classFirst">{{classObj.ClassName}}</div>
+            <div style="color:#666666;font-size:12px;">{{classObj.CourseName}}</div>
           </div>
-          <div class="classStatus">{{setingObj.ClassStatusStr}}</div>
+          <div class="classStatus">{{classObj.ClassStatusStr}}</div>
         </div>
       </div>
       <div style="margin:20px;font-size:12px;">
         <div class="row wrap ">
           <div class="col-6">
             <span class="normalName">老师名称：</span>
-            <span class="normalInner">{{setingObj.TeacherName}}</span>
+            <span class="normalInner">{{classObj.TeacherName}}</span>
           </div>
           <div class="col-6">
             <span class="normalName">开班时间：</span>
             <span class="normalInner">
-              <template v-if="setingObj.NewPlanDateTime">
-                {{setingObj.NewPlanDateTime}}
+              <template v-if="classObj.NewPlanDateTime">
+                {{classObj.NewPlanDateTime}}
               </template>
               <template v-else>
-                {{setingObj.OpenTime}}
+                {{classObj.OpenTime}}
               </template>
             </span>
           </div>
@@ -77,9 +77,9 @@
         <div class="row wrap" style="margin-top:20px;">
           <div class="col-6" style="display:flex;align-items:center;">
             <span class="normalName">课程进度：</span>
-            <q-linear-progress rounded size="20px" :value="getProgress(setingObj.CompleteProgress,100)"
+            <q-linear-progress rounded size="20px" :value="getProgress(classObj.CompleteProgress,100)"
               style="background-color:#EEEEEF;color:#3FC4FF;display:inline-block;width:30%;margin-right:10px;" />
-            {{setingObj.CompleteProgress}}%
+            {{classObj.CompleteProgress}}%
           </div>
         </div>
       </div>
@@ -110,6 +110,9 @@
 </template>
 
 <script>
+  import {
+    getClassInfo
+  } from '../../api/school/index'
   import lessForm from '../course/lesson-form';
   import recordForm from '../course/record-form';
   import classlogForm from '../course/classlog-form';
@@ -132,15 +135,28 @@
         persistent: true,
         tabCheck: 'first', //默认选第一个
         loading: false,
+        classObj:{},
       }
     },
     created() {
 
     },
     mounted() {
-
+      console.log("res", this.setingObj)
+      this.queryClassInfo();
     },
     methods: {
+      queryClassInfo() {
+        getClassInfo({
+          ClassId: this.setingObj.ClassId
+        }).then(res => {
+          console.log("res", res);
+          if (res.Code == 1) {
+               this.classObj=res.Data;
+          }
+
+        })
+      },
       closeShenheForm() {
         this.persistent = false;
         this.$emit('close');