Blame view

pc-master/src/components/canvasShow/basics/product/mixin.js 1.96 KB
3f535f30   杨鑫   '初始'
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
  import { directive, Swiper, SwiperSlide } from 'vue-awesome-swiper'
  import {funMixin} from '../../config/mixin'
  import 'swiper/css/swiper.css'
  import {
    getProducts
  } 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: []
      }
    },
    // watch: {
    //   'componentContent': {
    //     handler(newVal, oldVal) {
    //       this.getData()
    //     },
    //     deep: true
    //   }
    // },
    created() {
      this.getData(true)
    },
    computed: {
      swiper() {
        if(this.$refs.mySwiper){
          return this.$refs.mySwiper.$swiper
        }
      }
    },
    methods: {
      async getData(isFirst) {
        let params = {
          page: 1,
          pageSize: 99
        }
        if (this.componentContent.productData.sourceType === '1') {
          if(this.componentContent.productData.productIdList && this.componentContent.productData.productIdList.length>0){
            params.ids = `${this.componentContent.productData.productIdList}`
          } else {
            this.productData = []
            return
          }
        } else if(this.componentContent.productData.sourceType === '2'){
          if(this.componentContent.productData.categoryId) {
            params.classifyId = this.componentContent.productData.categoryId
          } else {
            this.productData = {
              products:[]
            }
            return
          }
        } else {
          return
        }
        const response = await getProducts(params)
        const res = response.data
        this.productData = res.data.list
        if(isFirst){
          this.componentContent.productData.imgTextData = this.productData
        }
      },
    }
  }