<template>
  <div class="choose-school-page content-bg">
    <div class="modify-top"></div>
    <div style="height: 1rem;"></div>
    <template v-for="(item, key) in schoolList" :key="key">
      <right-side-list @on-click="onClick(item)" :avatar="item.logo"> {{ item.name }} </right-side-list>
    </template>
    <div style="height: 2rem;"></div>
  </div>
</template>

<script setup>
import { mainStore } from '@/store'

import RightSideList from '@/components/RightSideList/index.vue'

import { useRouter } from 'vue-router'

const $router = useRouter();

// 删除所有的 keep-alive 缓存
const store = mainStore()
store.changeKeepPages('clear');

// 跳转幼儿园爱心书籍列表页
const onClick = (item) => {
  $router.push({
    path: '/client/chooseBook',
    query: {
      kg_id: item.id
    }
  });
}

</script>

<script>
import mixin from 'common/mixin'
import { kgListAPI } from '@/api/C/kg.js'

export default {
  beforeRouteEnter (to, from, next) {
    (async () => {
    to.params.schoolList = await kgListAPI();
    next();
    })()
  },
  mixins: [mixin.init],
  data () {
    return {
      schoolList: this.$route.params.schoolList
    }
  },
  mounted () {
  },
  methods: {
    
  }
}
</script>

<style lang="less" scoped>
@import url('@css/content-bg.less');

</style>