66 lines
2.2 KiB
Vue
66 lines
2.2 KiB
Vue
<template>
|
|
<div style="height: 100%; padding-bottom: 20px;">
|
|
<el-card>
|
|
<div slot="header" style="text-align: center;">
|
|
<b>{{ $t('global.lessonSystem') }}</b>
|
|
</div>
|
|
</el-card>
|
|
<el-card v-loading="loading">
|
|
<el-table :data="tableData" border style="width: 100%">
|
|
<el-table-column prop="name" :label="this.$t('teach.courseName')" />
|
|
<el-table-column prop="remarks" show-overflow-tooltip :label="this.$t('teach.courseDescription')" />
|
|
<el-table-column :label="this.$t('global.operate')">
|
|
<template slot-scope="scope">
|
|
<el-button size="mini" type="primary" @click="goLesson(scope.row)">
|
|
{{ $t('teach.enterTheCourse') }}
|
|
</el-button>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table>
|
|
</el-card>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import { getSubSystemDetail } from '@/api/trainingPlatform';
|
|
import { UrlConfig } from '@/scripts/ConstDic';
|
|
import localStore from 'storejs';
|
|
|
|
export default {
|
|
name: 'TeachHome',
|
|
data() {
|
|
return {
|
|
tableData: [],
|
|
loading: false
|
|
};
|
|
},
|
|
watch: {
|
|
'$route.params.subSystem': function(newVal) {
|
|
this.loadInitPage();
|
|
}
|
|
},
|
|
mounted() {
|
|
this.loadInitPage();
|
|
},
|
|
methods: {
|
|
loadInitPage() {
|
|
if (this.$route.params.subSystem) {
|
|
getSubSystemDetail(this.$route.params.subSystem).then(resp =>{
|
|
if (resp.data) {
|
|
this.tableData = resp.data.lessonList;
|
|
} else {
|
|
this.tableData = [];
|
|
}
|
|
}).catch(()=>{
|
|
this.$messageBox(this.$t('error.obtainCourseInformationFailed'));
|
|
});
|
|
}
|
|
},
|
|
goLesson(row) {
|
|
localStore.set('teachDetail' + this.$route.params.subSystem, `${UrlConfig.trainingPlatform.teachDetail}/${this.$route.params.subSystem}?lessonId=${row.id}&mapId=${row.mapId}&prdType=${row.prdType}`);
|
|
this.$router.push({ path: `${UrlConfig.trainingPlatform.teachDetail}/${this.$route.params.subSystem}`, query: {lessonId: row.id, mapId: row.mapId, prdType: row.prdType}});
|
|
}
|
|
}
|
|
};
|
|
</script>
|