Blame view

ceres-uniapp-master/components/canvasShow/basics/newProduct/mixin.js 2.2 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
  
  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.getProducts}?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.getProducts}?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 = []
    
          }
        }
      }
    },
  }