<template>
  <div class="choose-school-page content-bg">
    <div class="modify-top" />
    <div class="wrapper-content">
      <template v-for="(item, key) in schoolList" :key="key">
        <right-side-list 
          :avatar="item.logo"
          @on-click="go('/client/chooseBook', { kg_id: item.id })" 
        > 
          {{ item.name }}
        </right-side-list>
      </template>
    </div>
  </div>
</template>

<script setup>
import RightSideList from '@/components/RightSideList/index'
import { useGo } from '@/hooks/useGo'
import { killPages } from '@/hooks/useKeepAlive'

const go = useGo()
// 删除所有的 keep-alive 缓存
killPages();
</script>

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

export default {
  beforeRouteEnter (to, from, next) {
    (async () => {
    const { data } = await kgListAPI();
    to.params.schoolList = data;
    next();
    })()
  },
  data () {
    return {
      schoolList: this.$route.params.schoolList
    }
  }
}
</script>

<style lang="less" scoped>
@import url('@css/content-bg.less');
.wrapper-content {
  padding: 1rem 0 2rem
}
</style>