import {funMixin} from '../../config/mixin'
// import { directive, Swiper, SwiperSlide } from 'vue-awesome-swiper'
// import 'swiper/css/swiper.css'
import api from '../../config/api'

export const commonMixin = {
  name: 'productList',
   mixins: [funMixin],
  props: {
    terminal: {
      type: Number,
      default: 4
    },
    typeId: {
      type: Number,
      default: 1
    },
    shopId: {
      type: Number,
      default: 0
    },
    componentContent: {
      type: Object
    }
  },
  // components: {
  //   Swiper,
  //   SwiperSlide
  // },
  // directives: {
  //   swiper: directive
  // },
  data () {
    return {
      productData: []
    }
  },
  mounted() {
    this.getData(true)
  },
  watch: {
    'componentContent': {
      handler(newVal, oldVal) {
        this.getData()
      },
      deep: true
    }
  },
  methods: {
      getData(isFirst) {
        const _ = this
        if (_.componentContent.productData.sourceType === '1') {
          if(_.componentContent.productData.productIdList && _.componentContent.productData.productIdList.length>0){
            _.sendReq({
              url: `${api.getProductsV2}?page=1&pageSize=99&ids=${_.componentContent.productData.productIdList}`,
              method: 'GET'
            }, (proRes) => {
              _.productData = proRes.data.list
              if(isFirst){
                _.componentContent.productData.imgTextData = _.productData
              }
              // _.$forceUpdate() // 刷新轮播图

            })
          } else {
            _.productData = []
          }
        } else if(_.componentContent.productData.sourceType === '2'){
          if(_.componentContent.productData.categoryId) {
            _.sendReq({
              url: `${api.getProductsV2}?page=1&pageSize=99&classifyId=${_.componentContent.productData.categoryId}`,
              method: 'GET'
            }, (proRes) => {
              _.productData = proRes.data.list
              if(isFirst){
                _.componentContent.productData.imgTextData = _.productData
              }
              _.$forceUpdate() // 刷新轮播图
              // _.swiper.update()
            })
          } else {
            _.productData = []

        }
      }
    }
  },
}