<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 RightSideList from '@/components/RightSideList/index.vue'
import { ref, onMounted } from 'vue';
import axios from '@/utils/axios';
import $ from 'jquery'
import { useRoute, useRouter } from 'vue-router'
import { Toast } from 'vant';
const $route = useRoute();
const $router = useRouter();
const schoolList = ref([])

onMounted(() => {
  // 获取幼儿园列表页
  axios.get('/srv/?a=kg_list')
  .then(res => {
    if (res.data.code === 1) {
      schoolList.value = res.data.data;
    } else {
      console.warn(res);
      Toast({
        icon: 'close',
        message: res.data.msg
      });
    }
  })
  .catch(err => {
    console.error(err);
  })
})

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

<script>
import mixin from 'common/mixin'
import { mainStore } from '@/store'
import { storeToRefs } from 'pinia'
export default {
  mixins: [mixin.init],
  data () {
    return {
    }
  },
  mounted () {
  },
  methods: {
    
  }
}
</script>

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

</style>