forked from TALL/check-work
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
97 lines
2.5 KiB
97 lines
2.5 KiB
<template>
|
|
<div>
|
|
<h-nav />
|
|
<div class="inner my-1">
|
|
<bread-crumb :arr="arr" />
|
|
</div>
|
|
<banner :show-page="showPage" />
|
|
<div class="inner">
|
|
<div class="py-5 my-5" v-if="teachers && teachers.length > 0">
|
|
<div :key="teacher.categoryId" class="mb-4" v-for="teacher in teachers">
|
|
<p class="font-bold-24 title-color">{{ teacher.categoryName }}</p>
|
|
<div class="d-flex flex-wrap mb-10" v-if="teacher.services && teacher.services.length">
|
|
<div
|
|
:class="(index + 1) % 5 === 0 ? 'teacher-item1' : ''"
|
|
:key="index"
|
|
class="teacher-item font-24 mb-3"
|
|
v-for="(item, index) in teacher.services"
|
|
>{{ item.name }}</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import Banner from 'components/Banner/Banner.vue';
|
|
import HNav from './../components/HNav.vue';
|
|
import BreadCrumb from 'components/BreadCrumb/BreadCrumb.vue';
|
|
import { selTeacher } from 'config/api';
|
|
|
|
export default {
|
|
name: 'Tutor',
|
|
components: { Banner, HNav, BreadCrumb },
|
|
data() {
|
|
return {
|
|
title: '孵化平台-创业导师',
|
|
showPage: 44,
|
|
arr: [
|
|
{ name: '孵化平台', url: '/IncubationPlatform/MakerSpace' },
|
|
{ name: '创业导师', url: '' },
|
|
],
|
|
teachers: [],
|
|
};
|
|
},
|
|
|
|
created() {
|
|
this.handleTeacher();
|
|
},
|
|
|
|
methods: {
|
|
// 查询 导师
|
|
async handleTeacher() {
|
|
try {
|
|
const res = await selTeacher();
|
|
const { code, msg, data } = res.data;
|
|
if (code === 200) {
|
|
this.teachers = data;
|
|
for (let i = 0; i < this.teachers.length; i++) {
|
|
const element = this.teachers[i];
|
|
for (let j = 0; j < element.services.length; j++) {
|
|
for (let k = 0; k < element.services.length - j; k++) {
|
|
if (element.services[k].order > element.services[k + 1].order) {
|
|
let a = {};
|
|
a = element.services[k + 1].order;
|
|
element.services[k + 1].order = element.services[k].order;
|
|
element.services[k].order = a;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
} else {
|
|
this.$message.error(msg);
|
|
}
|
|
} catch (error) {
|
|
this.$message.error(error);
|
|
}
|
|
},
|
|
},
|
|
};
|
|
</script>
|
|
|
|
<style lang="stylus" scoped>
|
|
.inner {
|
|
margin: 40px auto;
|
|
}
|
|
|
|
.teacher-item {
|
|
width: 12%;
|
|
margin-right: 10%;
|
|
text-indent: 1em;
|
|
}
|
|
|
|
.teacher-item1 {
|
|
margin-right: 0;
|
|
}
|
|
</style>
|
|
|