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.
453 lines
10 KiB
453 lines
10 KiB
// components/buycar/buycar.js
|
|
const axios = require('../../api/index')
|
|
let http = require('../../utils/request')
|
|
|
|
let loading = false
|
|
Component({
|
|
/**
|
|
* 组件的属性列表
|
|
*/
|
|
properties: {
|
|
|
|
},
|
|
|
|
/**
|
|
* 组件的初始数据
|
|
*/
|
|
data: {
|
|
// 轮播
|
|
banner_img: [],
|
|
// 人气数据
|
|
sentiment_list: [],
|
|
// 获取列表
|
|
key: '',
|
|
currentPage: 1,
|
|
pageSize:5,
|
|
list_total: 0,
|
|
// 筛选
|
|
condition_list: [{
|
|
name: '分类',
|
|
id: 0
|
|
}, {
|
|
name: '品牌',
|
|
id: 0
|
|
},
|
|
{
|
|
name: '年限',
|
|
id: 0
|
|
},
|
|
],
|
|
is_scrool_top: false,
|
|
autoLoad: false,
|
|
// 筛选的第几个
|
|
condition_idx: null,
|
|
// 分类列表
|
|
classification_list: [],
|
|
classification_idx: 0,
|
|
classification_id: 0,
|
|
// 品牌列表
|
|
brand_code:'',//品牌
|
|
brand_list: [],
|
|
brand_idx: 0,
|
|
brand_id: 0,
|
|
// 年限列表
|
|
years_list: [],
|
|
time_idx: 0,
|
|
time_id: 0,
|
|
// 商品列表
|
|
showlist: [],
|
|
have_data: true,
|
|
triggered: false,
|
|
refresh: true,
|
|
|
|
},
|
|
lifetimes: {
|
|
created() {
|
|
this.getEquipmentCategory();
|
|
this.getEquipmentBrand();
|
|
this.getyearsList();
|
|
this.get_list();
|
|
this.getSentiment();
|
|
this.getBanner();
|
|
},
|
|
attached: function () {
|
|
// this.getSysdata()
|
|
},
|
|
detached: function () {
|
|
// 在组件实例被从页面节点树移除时执行
|
|
},
|
|
},
|
|
/**
|
|
* 组件的方法列表
|
|
*/
|
|
methods: {
|
|
// 点击轮播
|
|
click_banner(e){
|
|
console.log(e.currentTarget.dataset.data)
|
|
var data=(e.currentTarget.dataset.data)
|
|
if(data.type==1){
|
|
console.log('电话')
|
|
console.log(data.phone)
|
|
wx.makePhoneCall({
|
|
phoneNumber: data.phone,
|
|
})
|
|
}else if(data.type==2){
|
|
console.log('链接')
|
|
let token = wx.getStorageSync('token')
|
|
if (!token) {
|
|
wx.navigateTo({
|
|
url: '/pages/login/login?isred=1',
|
|
})
|
|
return
|
|
}
|
|
wx.navigateTo({
|
|
url:data.pageUrl,
|
|
})
|
|
}else{
|
|
return
|
|
}
|
|
},
|
|
getSentiment() {
|
|
var sentiment_list = wx.getStorageSync('sentiment')
|
|
console.log(sentiment_list)
|
|
if (!sentiment_list) {
|
|
http.xhr({
|
|
url: 'api/v1/register/newusers'
|
|
}).then(res => {
|
|
console.log(res)
|
|
var sentiment_list = res.data
|
|
this.setData({
|
|
sentiment_list
|
|
})
|
|
}).catch(err => {
|
|
console.log(err)
|
|
})
|
|
} else {
|
|
setTimeout(() => {
|
|
this.setData({
|
|
sentiment_list
|
|
})
|
|
}, 0)
|
|
}
|
|
},
|
|
// 获取轮播
|
|
getBanner() {
|
|
var banner_img = wx.getStorageSync('banner')
|
|
if (!banner_img) {
|
|
http.xhr({
|
|
url: 'api/v1/banners'
|
|
}).then(res => {
|
|
var banner_img = res.data
|
|
this.setData({
|
|
banner_img
|
|
})
|
|
})
|
|
} else {
|
|
setTimeout(() => {
|
|
this.setData({
|
|
banner_img
|
|
})
|
|
}, 0)
|
|
}
|
|
},
|
|
// 获取分类列表
|
|
getEquipmentCategory() {
|
|
var that = this
|
|
axios.getEquipmentCategory().then(res => {
|
|
console.log(res)
|
|
var list = res.data
|
|
list.unshift({
|
|
name: '全部分类',
|
|
id: 0
|
|
})
|
|
wx.setStorage({
|
|
key: 'classification',
|
|
data: res.data
|
|
})
|
|
that.setData({
|
|
classification_list: res.data,
|
|
})
|
|
}).catch(err => {
|
|
console.log(err)
|
|
})
|
|
},
|
|
// 获取品牌列表
|
|
getEquipmentBrand() {
|
|
var that = this
|
|
axios.getEquipmentBrand().then(res => {
|
|
console.log(res)
|
|
var list = res.data
|
|
list.unshift({
|
|
name: '全部品牌',
|
|
id: 0
|
|
})
|
|
wx.setStorage({
|
|
key: 'brand',
|
|
data: res.data
|
|
})
|
|
that.setData({
|
|
brand_list: res.data,
|
|
})
|
|
}).catch(err => {
|
|
console.log(err)
|
|
})
|
|
// 根据分类查询品牌
|
|
// if(this.data.brand_code==''){
|
|
// axios.getEquipmentBrand().then(res => {
|
|
// console.log(res)
|
|
// var list = res.data
|
|
// list.unshift({
|
|
// name: '全部品牌',
|
|
// id: 0
|
|
// })
|
|
// wx.setStorage({
|
|
// key: 'brand',
|
|
// data: res.data
|
|
// })
|
|
// that.setData({
|
|
// brand_list: res.data,
|
|
// })
|
|
// }).catch(err => {
|
|
// console.log(err)
|
|
// })
|
|
// }else{
|
|
// axios.getgetbrand_list(this.data.brand_code).then(res => {
|
|
// console.log(res)
|
|
// var list = res.data
|
|
// list.unshift({
|
|
// name: '全部品牌',
|
|
// id: 0
|
|
// })
|
|
// // wx.setStorage({
|
|
// // key: 'brand',
|
|
// // data: res.data
|
|
// // })
|
|
// that.setData({
|
|
// brand_list: res.data,
|
|
// })
|
|
// }).catch(err => {
|
|
// console.log(err)
|
|
// })
|
|
// }
|
|
},
|
|
// 获取品牌列表
|
|
getyearsList() {
|
|
var that = this
|
|
axios.getyearsList().then(res => {
|
|
console.log(res)
|
|
var list = res.data
|
|
list.unshift({
|
|
name: '全部年限',
|
|
id: 0
|
|
})
|
|
wx.setStorage({
|
|
key: 'years',
|
|
data: res.data
|
|
})
|
|
that.setData({
|
|
years_list: res.data,
|
|
})
|
|
}).catch(err => {
|
|
console.log(err)
|
|
})
|
|
},
|
|
// 获取设备列表click_banner
|
|
get_list() {
|
|
var data = {
|
|
key: this.data.key,
|
|
categoryId: this.data.classification_id,
|
|
brandId: this.data.brand_id,
|
|
yearId: this.data.time_id,
|
|
currentPage: this.data.currentPage,
|
|
pageSize: this.data.pageSize
|
|
}
|
|
axios.getEquipmentSearch(data).then(res => {
|
|
console.log(res)
|
|
var list_total = res.data.total
|
|
if(this.data.currentPage==1){
|
|
var list=res.data.list
|
|
}else{
|
|
var list = [...this.data.showlist, ...res.data.list]
|
|
}
|
|
this.setData({
|
|
showlist: list,
|
|
list_total,
|
|
refresh: false,
|
|
triggered: false
|
|
})
|
|
}).catch(err => {
|
|
console.log(err)
|
|
})
|
|
// getEquipmentSearch
|
|
},
|
|
// 重置
|
|
reset() {
|
|
var condition_list = [{
|
|
name: '分类',
|
|
id: 0
|
|
}, {
|
|
name: '品牌',
|
|
id: 0
|
|
},
|
|
{
|
|
name: '年限',
|
|
id: 0
|
|
},
|
|
]
|
|
this.setData({
|
|
classification_idx: 0,
|
|
classification_id: 0,
|
|
time_idx: 0,
|
|
time_id: 0,
|
|
brand_idx: 0,
|
|
brand_id: 0,
|
|
condition_list,
|
|
key: '',
|
|
currentPage: 1,
|
|
pageSize: 5,
|
|
}, () => {
|
|
this.get_list()
|
|
})
|
|
},
|
|
// 上拉刷新
|
|
onScrolltolower() {
|
|
let {
|
|
list_total,
|
|
showlist
|
|
} = this.data;
|
|
if (list_total == showlist.length) return
|
|
this.setData({
|
|
currentPage: this.data.currentPage + 1,
|
|
}, () => {
|
|
this.get_list()
|
|
})
|
|
},
|
|
// 下拉加载
|
|
onRefresh() {
|
|
this.setData({
|
|
condition_idx: null,
|
|
|
|
currentPage: 1,
|
|
refresh: true,
|
|
showlist: []
|
|
}, () => {
|
|
this.get_list()
|
|
})
|
|
// this.get_list()
|
|
// setTimeout(()=>{
|
|
// this.setData({
|
|
// triggered:false
|
|
// })
|
|
// },1000)
|
|
},
|
|
// 点击蒙版 隐藏
|
|
menus_btn() {
|
|
this.setData({
|
|
condition_idx: null
|
|
})
|
|
},
|
|
// 点击筛选
|
|
condition_btn(e) {
|
|
let condition_idx = e.currentTarget.dataset.idx;
|
|
if (condition_idx == this.data.condition_idx) {
|
|
this.setData({
|
|
autoLoad: true,
|
|
condition_idx: null,
|
|
})
|
|
} else {
|
|
this.setData({
|
|
condition_idx: e.currentTarget.dataset.idx,
|
|
autoLoad: true,
|
|
})
|
|
}
|
|
},
|
|
// 分类项点击
|
|
classification_btn(e) {
|
|
console.log(e)
|
|
let idx = e.currentTarget.dataset.idx;
|
|
let id = e.currentTarget.dataset.id;
|
|
let { condition_idx, condition_list } = this.data
|
|
condition_list[condition_idx].name = this.data.classification_list[idx].name
|
|
let brand_code=e.currentTarget.dataset.code||''
|
|
this.setData({
|
|
brand_code,
|
|
classification_idx: idx,
|
|
classification_id: id,
|
|
autoLoad: false,
|
|
condition_idx: null,
|
|
condition_list,
|
|
currentPage: 1,
|
|
refresh: true,
|
|
// showlist:[]
|
|
},()=>{
|
|
this.get_list()
|
|
this.getEquipmentBrand()
|
|
});
|
|
},
|
|
// 品牌项点击
|
|
brand_btn(e) {
|
|
let idx = e.currentTarget.dataset.idx;
|
|
let id = e.currentTarget.dataset.id;
|
|
let { condition_idx, condition_list } = this.data
|
|
condition_list[condition_idx].name = this.data.brand_list[idx].name
|
|
this.setData({
|
|
brand_idx: idx,
|
|
brand_id: id,
|
|
autoLoad: false,
|
|
condition_idx: null,
|
|
condition_list,
|
|
// showlist:[]
|
|
currentPage: 1,
|
|
refresh: true,
|
|
},()=>{
|
|
this.get_list()
|
|
});
|
|
},
|
|
// 年限项点击
|
|
time_btn(e) {
|
|
let idx = e.currentTarget.dataset.idx;
|
|
let id = e.currentTarget.dataset.id;
|
|
let { condition_idx, condition_list } = this.data
|
|
condition_list[condition_idx].name = this.data.years_list[idx].name
|
|
this.setData({
|
|
time_idx: idx,
|
|
time_id: id,
|
|
autoLoad: false,
|
|
condition_idx: null,
|
|
condition_list,
|
|
// showlist:[]
|
|
currentPage: 1,
|
|
refresh: true,
|
|
|
|
},()=>{
|
|
this.get_list()
|
|
});
|
|
},
|
|
// 滑动触发判断筛选
|
|
nobindscroll(e) {
|
|
this.setData({
|
|
condition_idx: null
|
|
})
|
|
if (e.detail.scrollTop >= 220) {
|
|
this.setData({
|
|
is_scrool_top: true
|
|
})
|
|
}
|
|
if (e.detail.scrollTop < 220) {
|
|
this.setData({
|
|
is_scrool_top: false
|
|
})
|
|
}
|
|
if (this.data.condition_idx == null) {
|
|
return
|
|
}
|
|
// this.setData({
|
|
// condition_idx: null
|
|
// })
|
|
},
|
|
bindshare(e) {
|
|
// console.log(e)
|
|
this.triggerEvent('bindshare', { item: e.detail.item })
|
|
}
|
|
}
|
|
})
|
|
|