You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
88 lines
2.2 KiB
88 lines
2.2 KiB
|
|
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 = []
|
|
}
|
|
}
|
|
}
|
|
},
|
|
}
|