浏览代码

admin ProjectList.vue bug fix

ali 3 年之前
父节点
当前提交
23dcc5ab4a

+ 40 - 1
src/components/Widgets/Classroom/AdminClassroomShow/AdminClassroomShow.vue

@@ -1,4 +1,9 @@
 <template>
+  <q-skeleton v-if="classroom.loading"
+              type="text"
+              width="200px" />
+  <breadcrumbs v-else
+               style="margin-top: 29px; margin-bottom: 19px;" />
   <div class="flex justify-end">
     <q-btn flat
            color="grey"
@@ -61,7 +66,7 @@
         <activity-sheet-list :classroom-id="$route.params.id" />
       </q-tab-panel>
       <q-tab-panel name="live_streaming_url">
-        <live-streaming v-model:classroom="classroom" />
+        <live-streaming :classroom="classroom" />
       </q-tab-panel>
     </q-tab-panels>
   </q-card>
@@ -75,6 +80,7 @@ import MembersList from './components/MembersList.vue'
 import ClassroomInfo from './components/ClassroomInfo.vue'
 import LiveStreaming from './components/LiveStreaming.vue'
 import ActivitySheetList from './components/ActivitySheetList.vue'
+import Breadcrumbs from 'src/components/Widgets/Breadcrumbs/Breadcrumbs.vue'
 
 export default {
   name: 'Admin.Classroom.Show',
@@ -82,6 +88,7 @@ export default {
     SessionList,
     ProjectList,
     MembersList,
+    Breadcrumbs,
     ClassroomInfo,
     LiveStreaming,
     ActivitySheetList
@@ -91,6 +98,38 @@ export default {
       tab: 'classroomInfo',
       classroom: new Classroom()
     }
+  },
+  computed: {
+    classroomId () {
+      return this.classroom.id
+    }
+  },
+  watch: {
+    classroomId (newValue) {
+      if (!newValue) {
+        return
+      }
+
+      this.updateBreadcrumbs()
+    }
+  },
+  methods: {
+    updateBreadcrumbs () {
+      this.$store.commit('AppLayout/updateBreadcrumbs', {
+        visible: true,
+        loading: false,
+        path: [
+          {
+            label: 'دوره های آموزشی',
+            to: { name: 'Admin.Classroom.Index' }
+          },
+          {
+            label: this.classroom.title,
+            to: { name: 'Admin.Classroom.Show', params: { id: this.$route.params.id } }
+          }
+        ]
+      })
+    }
   }
 }
 </script>

+ 1 - 1
src/components/Widgets/Classroom/AdminClassroomShow/components/ClassroomInfo.vue

@@ -163,7 +163,7 @@ export default {
       get () {
         return this.classroom
       },
-      det (newValue) {
+      set (newValue) {
         this.$emit('update:classroom', newValue)
       }
     }

+ 1 - 1
src/components/Widgets/Classroom/AdminClassroomShow/components/ProjectList.vue

@@ -108,7 +108,7 @@ export default {
             required: true,
             label: 'نوع',
             align: 'left',
-            field: row => (new Project(row)).typeEnums
+            field: row => (new Project(row)).type_info.label
           },
           {
             name: 'creation_time',