From 2c08a98f7e85ec7c9376f27a7933e75e44d672f7 Mon Sep 17 00:00:00 2001
From: liukangdong <898885815@qq.com>
Date: 星期二, 27 八月 2024 15:52:59 +0800
Subject: [PATCH] ll
---
wechat_jiaxuan/components/disProduct/index.js | 291 +++++++++++++++++++++++++++++++++++++++++++++++++++-------
1 files changed, 255 insertions(+), 36 deletions(-)
diff --git a/wechat_jiaxuan/components/disProduct/index.js b/wechat_jiaxuan/components/disProduct/index.js
index 6fd1dbd..bc7e2fb 100644
--- a/wechat_jiaxuan/components/disProduct/index.js
+++ b/wechat_jiaxuan/components/disProduct/index.js
@@ -1,4 +1,6 @@
-import { getCatalogList,getCataLogTagList, getZhongTaiProductPage } from '../../api/index'
+import { getCatalogList, getCataLogTagList, getZhongTaiProductPage } from '../../api/index'
+import { eventBus } from '../../utils/eventBus'
+let touchDot = 0
Component({
/**
* 缁勪欢鐨勫睘鎬у垪琛�
@@ -11,36 +13,107 @@
* 缁勪欢鐨勫垵濮嬫暟鎹�
*/
data: {
- showOne: false,
- showTwo: false,
+ // 鍔ㄧ敾
+ showTouch: true,
+ animationData: {},
+ activeIndex: -1,
+ activeParam: [],
+ tagCodes: [],
+ isLoading:false,
cateList: [],
+ secondCateList: [],
datalist: [],
pageNum: 1,
pageSize: 10,
total: 0,
query: '',
- sortType: 'NORMAL',
- catalogCode: ""
+ sortType: '',
+ catalogCode: "",
+ scrollTop: 0
+ },
+ pageLifetimes: {
+ show: function() {
+ // 椤甸潰琚睍绀�
+ console.log('缁勪欢琚睍绀�');
+ eventBus.once('productDeBack', (info) => {
+ const datalist = this.data.datalist
+ datalist.forEach(item => {
+ if(item.id === info.id){
+ console.log(item)
+ console.log(info)
+ if(item.isCollection != info.isCollection){
+ if(!item.isCollection){
+ item.collectCount = (item.collectCount || 0)+1
+ }else if(item.collectCount >0){
+ item.collectCount = (item.collectCount || 0)-1
+ }
+ }
+ item.isCollection = info.isCollection
+ item.viewCount =(item.viewCount||0) +1
+ }
+ })
+ this.setData({ datalist })
+ })
+ },
},
attached() {
this.getCatelist()
var app = getApp()
- console.log('globalData', app.globalData);
- if(app.globalData.catalogCode){
+ if (app.globalData.catalogCode) {
this.setData({ catalogCode: app.globalData.catalogCode })
setTimeout(() => {
- console.log('catalogCode', this.data.catalogCode);
+ console.log('catalogCode', this.data.catalogCode)
getApp().globalData.catalogCode = ''
}, 2000)
}
+ this.animation = wx.createAnimation({
+ duration: 600,
+ timingFunction: 'ease',
+ });
},
methods: {
- getCatelist(){
+ bindscrolltoupper() {
+ this.setData({ showTouch: true })
+ this.fadeIn();
+ },
+ touchstart(e){
+ touchDot = e.detail.scrollTop;
+ },
+ touchmove(e) {
+ var touchMove = e.detail.scrollTop;
+ if(touchMove - touchDot > 24){
+ touchDot = touchMove
+ this.fadeOut();
+ }
+ if(touchDot - touchMove > 24){
+ touchDot = touchMove
+ setTimeout(() => {
+ this.setData({ showTouch: true })
+ this.fadeIn();
+ }, 200)
+ }
+ },
+ fadeIn: function () {
+ this.animation.opacity(1).step();
+ this.setData({
+ animationData: this.animation.export()
+ });
+ },
+ fadeOut: function () {
+ this.animation.opacity(0).step();
+ this.setData({
+ animationData: this.animation.export()
+ });
+ setTimeout(() => {
+ this.setData({ showTouch: false });
+ }, 200); // 鍔ㄧ敾鎸佺画鏃堕棿
+ },
+ getCatelist() {
getCatalogList({
catalogCode: 'product_intro'
}).then(res => {
- if(res.data && res.data.length > 0){
+ if (res.data && res.data.length > 0) {
this.setData({
catalogCode: this.data.catalogCode || res.data[0].code,
cateList: res.data
@@ -56,29 +129,40 @@
const catalogCode = this.data.catalogCode
getCataLogTagList({
catalogCode
- })
- },
- bindblur() {
- this.getList()
- },
- getList() {
- const { catalogCode, pageNum, pageSize, sortType, query } = this.data
- getZhongTaiProductPage({
- catalogCode,pageNum,pageSize,sortType,query
}).then(res => {
this.setData({
- datalist: [...this.data.datalist, ...res.data.records],
- total: res.data.total
+ secondCateList: res.data || [],
+ activeParam: []
})
})
},
+ bindblur() {
+ this.setData({ pageNum: 1, datalist: [], total: 0 })
+ this.getList()
+ },
+ getList() {
+ var that =this
+ const { catalogCode, tagCodes, pageNum, pageSize, sortType, query } = this.data
+ getZhongTaiProductPage({
+ catalogCode, pageNum, pageSize, sortType, query, tagCodes
+ }).then(res => {
+ if (res.data && res.data.records) {
+ this.setData({
+ datalist: [...this.data.datalist, ...res.data.records],
+ total: res.data.total
+ })
+ }
+ }).finally(()=>{
+ that.setData({isLoading:false})
+ })
+ },
scrolltolower() {
- console.log('瑙﹀簳浜嬩欢');
+ console.log('瑙﹀簳浜嬩欢')
const { total, datalist, pageNum } = this.data
- if(total > datalist.length){
+ if (total > datalist.length) {
this.setData({ pageNum: pageNum + 1 })
this.getList()
- }else{
+ } else {
wx.showToast({
title: '鏆傛棤鏇村鏁版嵁',
icon: 'none'
@@ -86,16 +170,21 @@
}
},
cateClick(e) {
+ var {isLoading} = this.data
+ if(isLoading){
+ return
+ }
+ this.setData({isLoading:true})
const catalogCode = e.currentTarget.dataset.code
- this.setData({ catalogCode })
- this.setData({ pageNum: 1,datalist: [],total: 0})
+ this.setData({ catalogCode, tagCodes: [] })
+ this.setData({ pageNum: 1, datalist: [], total: 0 })
this.getTag()
this.getList()
},
statusChange(e) {
const sortType = e.currentTarget.dataset.status
- this.setData({sortType})
- this.setData({ pageNum: 1,datalist: [],total: 0})
+ this.setData({ sortType })
+ this.setData({ pageNum: 1, datalist: [], total: 0 })
this.getList()
},
handleDetail(e) {
@@ -104,15 +193,145 @@
url: '/pages/detailDis/product?id=' + id,
})
},
- changeOne(){
- const showOne = !this.data.showOne
- this.setData({showOne})
- this.setData({showTwo: false})
+ tagClick(e) {
+ const code = e.currentTarget.dataset.code
+ const paramIndex = e.currentTarget.dataset.index
+ const {
+ secondCateList,
+ tagCodes,
+ activeParam,
+ activeIndex
+ } = this.data
+ // 鐐瑰嚮瀛愭爣绛�
+ console.log('openRelLabel', secondCateList[activeIndex].openRelLabel);
+ if (secondCateList[activeIndex].openRelLabel) {
+ if (secondCateList[activeIndex].tempParamRelIndex == null || secondCateList[activeIndex].tempParamRelIndex != paramIndex) {
+ secondCateList[activeIndex].tempParamRelIndex = paramIndex
+ secondCateList[activeIndex].tempParamRelCode = code
+ secondCateList[activeIndex].tempParamRelName = activeParam[paramIndex].labelValueName
+ } else {
+ secondCateList[activeIndex].tempParamRelIndex = -1
+ secondCateList[activeIndex].tempParamRelCode = ''
+ secondCateList[activeIndex].tempParamRelName = ''
+ }
+ console.log('secondCateList', secondCateList);
+ } else {
+ // 鐐瑰嚮鐖舵爣绛�
+ const relLabel = secondCateList[activeIndex].valueVos[paramIndex].relLabel || []
+ if (relLabel.length > 0 && relLabel[0].labelCode) {
+ secondCateList[activeIndex].relLabel = relLabel[0]
+ }else{
+ secondCateList[activeIndex].relLabel = null
+ }
+ secondCateList[activeIndex].tempParamRelIndex = -1
+ secondCateList[activeIndex].tempParamRelCode = ''
+ secondCateList[activeIndex].tempParamRelName = ''
+ if (secondCateList[activeIndex].tempParamIndex == null || secondCateList[activeIndex].tempParamIndex != paramIndex) {
+ secondCateList[activeIndex].tempParamIndex = paramIndex
+ secondCateList[activeIndex].tempParamCode = code
+ secondCateList[activeIndex].tempParamName = activeParam[paramIndex].labelValueName
+ } else {
+ secondCateList[activeIndex].tempParamIndex = -1
+ secondCateList[activeIndex].tempParamCode = ''
+ secondCateList[activeIndex].tempParamName = ''
+ }
+ }
+ this.setData({
+ tagCodes,
+ secondCateList
+ })
},
- changeTwo(){
- const showTwo = !this.data.showTwo
- this.setData({showTwo})
- this.setData({showOne: false})
+ changeShowParams(e) {
+ const {
+ secondCateList,
+ activeParam
+ } = this.data
+ const activeIndex = e.currentTarget.dataset.index
+ const type = e.currentTarget.dataset.type || ''
+ // console.log('activeIndex', activeIndex);
+ // 閽堝鏈夊瓙闆嗙殑label
+ if (type && type == 'child') {
+ if (secondCateList[activeIndex].openRelLabel) {
+ secondCateList[activeIndex].openRelLabel = false
+ this.setData({
+ activeIndex,
+ activeParam: [],
+ secondCateList
+ })
+ } else {
+ secondCateList[activeIndex].openRelLabel = true
+ this.setData({
+ activeParam: secondCateList[activeIndex].relLabel.valueVos,
+ secondCateList,
+ activeIndex
+ })
+ }
+ return
+ }
+ // 闈炲瓙闆嗙殑label
+ secondCateList[activeIndex].openRelLabel = false
+ this.setData({ secondCateList })
+ if (activeIndex === this.data.activeIndex && activeParam.length > 0) {
+ this.setData({
+ activeIndex: -1,
+ activeParam: []
+ })
+ } else {
+ this.setData({
+ activeIndex,
+ activeParam: secondCateList[activeIndex].valueVos
+ })
+ }
+ },
+ cancelParam() {
+ const {
+ secondCateList
+ } = this.data
+ secondCateList.forEach(item => {
+ item.tempParamIndex = item.paramIndex
+ item.tempParamName = item.paramName
+ item.tempParamCode = item.paramCode
+ item.relLabel = null
+ item.openRelLabel = false
+ item.tempParamRelIndex = null
+ item.tempParamRelCode = null
+ item.tempParamRelName = null
+ })
+ // this.setData({ tagCodes: [], activeParam: [], secondCateList, activeIndex: -1 })
+ this.setData({
+ activeParam: [],
+ activeIndex: -1,
+ secondCateList
+ })
+ },
+ subParam() {
+ const {
+ secondCateList
+ } = this.data
+ var codes = []
+ secondCateList.forEach(item => {
+ item.paramIndex = item.tempParamIndex
+ item.paramName = item.tempParamName
+ item.paramCode = item.tempParamCode
+ item.openRelLabel = false
+ if(item.tempParamRelIndex > -1 && item.tempParamRelCode){
+ return codes.push(item.tempParamRelCode)
+ }
+ if (item.paramIndex > -1 && item.tempParamCode) {
+ codes.push(item.paramCode)
+ }
+ })
+ this.setData({
+ tagCodes: codes
+ })
+ this.setData({
+ pageNum: 1,
+ activeParam: [],
+ activeIndex: -1,
+ datalist: [],
+ total: 0
+ })
+ this.getList()
},
}
})
--
Gitblit v1.9.3