<!--
 * @Author: hookehuyr hookehuyr@gmail.com
 * @Date: 2022-04-21 11:21:39
 * @LastEditors: hookehuyr hookehuyr@gmail.com
 * @LastEditTime: 2024-11-27 17:34:07
 * @FilePath: /tswj/src/views/client/chooseSchool.vue
 * @Description: 选择学校列表
-->
<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">
        <ranking-item :item="item" :index-key="key" />
      </template>
    </div>
    <shortcut-fixed :type="USER_ROLE.CLIENT" :item="[]" :custom-style="customStyle" />
  </div>
</template>

<script setup>
import RankingItem from '@/components/RankingItem/index'
// import { useGo } from '@/hooks/useGo'
import { killPages } from '@/hooks/useKeepAlive'
import { onMounted } from 'vue';
import { sharePage } from '@/composables/useShare.js'
import { useRoute } from 'vue-router'
import { USER_ROLE } from '@/constant'
import ShortcutFixed from '@/components/ShortcutFixed/index.vue'

// TEST 测试dom转img工具，所有图片换成img
// import { domToPng } from 'modern-screenshot'
// domToPng(document.querySelector('#app')).then(dataUrl => {
//   console.warn(dataUrl);
//   const link = document.createElement('a')
//   link.download = 'screenshot.png'
//   link.href = dataUrl
//   link.click()
// })

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

onMounted(() => {
  const $route = useRoute();
  // TAG：微信分享
  sharePage({});
})

const customStyle = {
  bottom: '5rem'
}
</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>