<template>
  <div class="">
    <template v-for="item in kgProdList" :key="item" style="height: 3rem;">
      <b-video-card :item="item"></b-video-card>
    </template>
    <div style="height: 2rem;"></div>
  </div>
</template>

<script setup>
import BVideoCard from '@/components/BVideoCard/index.vue'

import { ref, reactive, onMounted } from 'vue'
import { useRoute, useRouter } from 'vue-router'
import axios from '@/utils/axios';
import _ from 'lodash'
import { Toast } from 'vant';
const $route = useRoute();
const $router = useRouter();

// 处理书籍下作品列表
const kgProdList = ref([])
axios.get('/srv/?a=kg_prod_list')
.then(res => {
  if (res.data.code === 1) {
    _.each(res.data.data.prod, item => {
      item.status = item.status.toUpperCase()
    })
    kgProdList.value = res.data.data.prod;
  } else {
    console.warn(res);
    if (!res.data.show) return false;
    Toast({
      icon: 'close',
      message: res.data.msg
    });
  }
})
.catch(err => {
  console.error(err); 
})
</script>

<script>
import mixin from 'common/mixin';

export default {
  mixins: [mixin.init],
  data () {
    return {

    }
  },
  mounted () {

  },
  methods: {

  }
}
</script>

<style lang="less" scoped>

</style>