From 4de39359e791395c27dd91e17b3403c27cd08d01 Mon Sep 17 00:00:00 2001 From: Maoqiang Zheng Date: Fri, 15 Mar 2019 11:35:42 +0800 Subject: [PATCH] =?UTF-8?q?fix=20=E6=94=AF=E4=BB=98=E5=AE=9D=20=E4=B8=AA?= =?UTF-8?q?=E4=BA=BA=E4=B8=AD=E5=BF=83=E6=8C=89=E9=92=AE=EF=BC=8C=E5=95=86?= =?UTF-8?q?=E5=93=81=E8=AF=A6=E6=83=85=E9=A1=B5tab?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/app.js | 2 +- .../backToCenterComponent.js | 20 +- src/pages/goods/goods.js | 155 ++- src/pages/goods/goods.scss | 82 +- src/pages/home/home.js | 4 +- src/pages/myGoodList/myGoodList.js | 4 +- src/pages/mySupplyDemand/mySupplyDemand.js | 7 +- todo list.json | 899 ++---------------- 8 files changed, 202 insertions(+), 971 deletions(-) diff --git a/src/app.js b/src/app.js index 6679a2b..d647d93 100644 --- a/src/app.js +++ b/src/app.js @@ -20,7 +20,7 @@ class App extends Component { config = { pages: [ //'pages/index/index', // index页面 - + 'pages/home/home',//首页 --------------------- 'pages/login/login',//登入页面 --------------------- diff --git a/src/component/backToCenterComponent/backToCenterComponent.js b/src/component/backToCenterComponent/backToCenterComponent.js index 345ff27..cc63a2e 100644 --- a/src/component/backToCenterComponent/backToCenterComponent.js +++ b/src/component/backToCenterComponent/backToCenterComponent.js @@ -1,6 +1,6 @@ //scrollToTopComponent import Taro, { Component } from '@tarojs/taro' -import { View, Text,MovableArea, MovableView } from '@tarojs/components' +import { View, Text, MovableArea, MovableView } from '@tarojs/components' import './backToCenterComponent.scss' @@ -14,9 +14,9 @@ class BackToCenterComponent extends Component { } - goToCenterPage(){ + goToCenterPage() { Taro.switchTab({ - url:'/pages/individualCenter/individualCenter' + url: '/pages/individualCenter/individualCenter' }) } @@ -35,17 +35,11 @@ class BackToCenterComponent extends Component { render() { return ( - // - // - // 个人中心 - - // - - // + - hello world - - + hello world + + ) } } diff --git a/src/pages/goods/goods.js b/src/pages/goods/goods.js index 33ffddd..3f36b1c 100644 --- a/src/pages/goods/goods.js +++ b/src/pages/goods/goods.js @@ -34,19 +34,19 @@ class Goods extends Component { totalSold: '',//总销量 browsingCount: '',// 浏览数 shopId: '', - actived:0// 默认tab + actived: 0,// 默认tab + subActived:0,//默认sub-tab } } // 商品详情api getGoodDescription() { - Taro.request({ url: URL.GetShopItemDetail, method: 'POST', dataType: 'json', data: { - goodsID: this.$router.params.id, + goodsID: escape(this.$router.params.id).replace('+', '%2B'), }, header: { 'content-type': 'application/x-www-form-urlencoded', @@ -125,10 +125,16 @@ class Goods extends Component { }) } - clickTabHandler(e){ - let value=onClickValueService(e) + clickTabHandler(e) { + let value = onClickValueService(e) this.setState({ - actived:value + actived: value + }) + } + clickSubTabHandler(e) { + let value = onClickValueService(e) + this.setState({ + subActived: value }) } // 数量或者规格方法 @@ -155,13 +161,21 @@ class Goods extends Component { componentDidHide() { } render() { - + const { actived,subActived } = this.state const mainTabList = [{ title: '宝贝详情' }, { title: '全部评价' }, { title: '猜你喜欢' }] - const tabArrayElement=mainTabList.map((item,index)=>{ - return + const subTabList = [{ title: '全部' }, { title: '好评' }, { title: '中评' }, { title: '差评' }, { title: '公开' }, { title: '匿名' }] + const tabArrayElement = mainTabList.map((item, index) => { + return {item.title} }) + const subTabArrayElement = subTabList.map((item, index) => { + return + {item.title} + + }) + + // const subTabList = [{ title: '全部' }, { title: '好评' }, { title: '差评' }, { title: '公开' }, { title: '匿名' }] const itemPicsBannerElementArray = this.state.productImagesUrl.map((item, index) => { return @@ -183,13 +197,13 @@ class Goods extends Component { {/* */} {itemPicsBannerElementArray} @@ -255,74 +269,53 @@ class Goods extends Component { {/* 详情和评论区 */} + - {tabArrayElement} - - + {tabArrayElement} - - {/* 大类 */} - - - - - 商品细节： - - {itemDescriptionPicsElementArray} - - - - - - - - { /*子标签类*/} - - { - this.state.subCurrent === 0 - ? - 全部 - - : null - } - { - this.state.subCurrent === 1 - ? 好评 - : null - } - { - this.state.subCurrent === 2 - ? 中评 - : null - } - { - this.state.subCurrent === 3 - ? 差评 - : null - } - { - this.state.subCurrent === 4 - ? 公开 - : null - } - { - this.state.subCurrent === 5 - ? 匿名 - : null - } - - - - - 标签页三的内容 - - - + + {actived === 0 && + + 商品细节： + + {itemDescriptionPicsElementArray} + + + + + } + {actived===1&& + {subTabArrayElement} + + + { + subActived===0&&全部 + } + { + subActived===1&&好评 + } + { + subActived===2&&中评 + } + { + subActived===3&&差评 + } + { + subActived===4&&公开 + } + { + subActived===5&&匿名 + } + + + + + } + {actived === 2 && 标签页三的内容} + + + diff --git a/src/pages/goods/goods.scss b/src/pages/goods/goods.scss index 2661d7e..ce5c924 100644 --- a/src/pages/goods/goods.scss +++ b/src/pages/goods/goods.scss @@ -119,30 +119,7 @@ $themeColor:#FF7142; } - //------------------------------ - .details-box{ - .at-tabs{ - - .at-tabs__item--active{ - // color:$themeColor - } - } - .description-title{ - font-size:35px; - color:#999; - margin-top:20px; - margin-left: 20px; - margin-bottom: 20px; - font-weight: bold; - } - - .description-img{ - padding:0 10px; - font-size: 0px; - } - - } - //------------------------------ + .copyright-box{ padding:0 20px; @@ -219,7 +196,7 @@ $themeColor:#FF7142; flex-direction: row; height: 80px; - border-bottom: 1px solid #d6e4ef; + border-bottom: 0.01px solid #d6e4ef; .tab{ flex:1; text-align: center; @@ -229,4 +206,59 @@ $themeColor:#FF7142; color:#FF7142; border-bottom: 3px solid#FF7142 } + } + .tab-details{ + + border: 1px solid #d6e4ef; + .first-tab{ + .description-title{ + font-size:35px; + color:#999; + margin-top:20px; + margin-left: 20px; + margin-bottom: 20px; + font-weight: bold; + } + + .description-img{ + padding:0 10px; + font-size: 0px; + } + } + .second-tab{ + .tab-header{ + display: flex; + flex-wrap: nowrap; + flex-direction: row; + border-bottom: 0.1px solid #d6e4ef; + .sub-tab{ + flex:1; + text-align: center; + padding: 12px; + } + + } + .sub-tab-details{ + padding: 100px 50px; + background-color: #FAFBFC; + text-align: center; + } + + } + .third-tab{ + padding: 100px 50px; + background-color: #FAFBFC; + text-align: center; + } + + .actived{ + color:#FF7142; + border-bottom: 3px solid#FF7142 + } + .sub-actived{ + color:#FF7142; + border: 2px solid#FF7142; + border-radius: 10%; + } + } \ No newline at end of file diff --git a/src/pages/home/home.js b/src/pages/home/home.js index f13e623..26b3dc5 100644 --- a/src/pages/home/home.js +++ b/src/pages/home/home.js @@ -331,7 +331,9 @@ class Home extends Component { } componentWillMount() { - + Taro.navigateTo({ + url: '/pages/goods/goods?id=4a0eQpU8YI68yN2ZTc5rchTiEzCAaaiK0UEeWzvDPE0bVw' + }) } componentWillUnmount() { } diff --git a/src/pages/myGoodList/myGoodList.js b/src/pages/myGoodList/myGoodList.js index 6b800fc..efa6865 100644 --- a/src/pages/myGoodList/myGoodList.js +++ b/src/pages/myGoodList/myGoodList.js @@ -843,9 +843,9 @@ class MyGoodList extends Component { - + - 个人中心 + 个人中心 ) diff --git a/src/pages/mySupplyDemand/mySupplyDemand.js b/src/pages/mySupplyDemand/mySupplyDemand.js index 3bf5cf3..29d32ed 100644 --- a/src/pages/mySupplyDemand/mySupplyDemand.js +++ b/src/pages/mySupplyDemand/mySupplyDemand.js @@ -5,7 +5,6 @@ import URL from '../../serviceAPI.config' import ScrollToTopComponent from '../../component/scrollToTopComponent/scrollToTopComponent' import CopyrightComponent from '../../component/copyrightComponent/copyrightComponent' -import LoginService from '../../util/LoginService' import loginExpired from '../../util/loginExpired' @@ -477,10 +476,10 @@ class MySupplyDemand extends Component { - + + 个人中心 - 个人中心 - + ) } diff --git a/todo list.json b/todo list.json index cdd7018..bfe2a8d 100644 --- a/todo list.json +++ b/todo list.json @@ -17,857 +17,68 @@ bug： 商品编辑 增加图片后 图片顺序乱了 等待后台--- 单个我的商品页面的图片顺序，单个我的需求页面的接口, 当个我哦的需求编辑页面的接口 - -import Taro, { Component } from '@tarojs/taro' -import { View, Radio, Button, MovableArea, MovableView } from '@tarojs/components' -import { AtInput, Text, AtIcon, Picker, Image, AtModal, AtModalHeader, AtModalContent, AtModalAction } from 'taro-ui' -import CopyrightComponent from '../../component/copyrightComponent/copyrightComponent' -import ScrollToTopComponent from '../../component/scrollToTopComponent/scrollToTopComponent' - -import URL from '../../serviceAPI.config' -import './myGoodList.scss' -import loginExpired from '../../util/loginExpired'; -import onClickValueService from '../../util/onClickValueService'; -import { getGlobalStorage } from '../../util/getSetStoage'; -import { showLoading } from '../../util/hideShowLoading'; + -class MyGoodList extends Component { - config = { - navigationBarTitleText: '商品列表' - } - constructor() { - super(...arguments) - this.state = { - productName: '', - lowestPrice: '', - heightestPrice: '', - minimumSold: '', - maximumSold: '', - order: '',// 商品列表排序参数 - productId: '',// 商品编号参数 - productCate: [], //宝贝类目 - productCateSelected: { id: '', name: '全部类目' },// 已选宝贝类目 - filterBar: ['filterPrice', 'filterStock', 'filterSold', 'filterPublishDate',], //筛选选项 - filterBarKeys: { filterPrice: '价格', filterStock: '库存', filterSold: '总销量', filterPublishDate: '发布时间' }, // 筛选选项对应值 - filterOptions: { - filterPrice: false, - filterStock: false, - filterSold: false, - filterPublishDate: false, - }, // 正反排序 - selectedFilterValue: 0, // - myGoodList: [],// 保存后台返回的商品列表 - myGoodListTotal: '0',// 后台的商品总数 - goodsStateParam: 1,//商品状态参数 - pageCountParam: 20,// 商品数量参数 - currPageParam: 1,// 当前页面 参数 - isCheckAll: false,// 是否checked - goodsIdList: [],//商品Id 列表 - isOpenDeleteModal: false,// 是否显示删除模态框 - isOpenOffStockModal: false,// 是否显示下架模态框 - isAddToList: false,// 是否下拉加载 如果是 就添加商品到我的商品列表 - isShowTopNav: false,// 是否显示返回顶部按钮 - screenWidth: '', - screenHeight: '' - } - } +{/* 大类 */} + + + + 商品细节： + + {itemDescriptionPicsElementArray} - productNameChange(event) { - this.setState({ productName: event }) - } - productIdChange(event) { - this.setState({ productId: event }) - } - lowestPriceChange(event) { - this.setState({ lowestPrice: event }) - } - heightestPriceChange(event) { - this.setState({ heightestPrice: event }) - } - minimumSoldChange(event) { - this.setState({ minimumSold: event }) - } - maximumSoldChange(event) { - this.setState({ maximumSold: event }) - } - productCateChange = e => { - this.setState({ - productCateSelected: this.state.productCate[e.detail.value] - }) - } - //获取宝贝类目搜索列表接口api - getBaoBeiCateList() { - Taro.request({ - url: URL.BaoBeiCateList, - method: 'POST', - dataType: 'json', - - header: { - 'Cookie': 'PFWSSS=' + getGlobalStorage('session_id'), - 'content-type': 'application/x-www-form-urlencoded', - 'X-Requested-With': 'XMLHttpRequest' - } - }).then(res => { - console.log('宝贝类目', res) - if (res.data.err_code != 10) { - const productCate = [{ name: '全部类目', id: '' }] - for (let item of res.data.goodsClass) { - productCate.push({ name: item.class_name, id: item.class_id }) - } - this.setState({ productCate: productCate }) - } else { - Taro.showToast({ - title: res.data.err_msg, - icon: 'none', - duration: 1500, - }) - } - }) - } - - // 获取我的商品列表接口api - getMyGoodListApi({ - goodsName = this.state.productName, - goodsSn = this.state.productId, - goodsClass = this.state.productCateSelected.id, - goodsPriceL = this.state.lowestPrice, - goodsPriceU = this.state.heightestPrice, - goodsSalesL = this.state.minimumSold, - goodsSalesU = this.state.maximumSold, - goodsState = this.state.goodsStateParam, - pageCount = this.state.pageCountParam, - currPage = this.state.currPageParam, - order = this.state.order, - }) { - Taro.request({ - url: URL.MyGoodList, - method: 'POST', - dataType: 'json', - data: { - goodsName: goodsName, - goodsSn: goodsSn, - goodsClass: goodsClass, - goodsPriceL: goodsPriceL, - goodsPriceU: goodsPriceU, - goodsSalesL: goodsSalesL, - goodsSalesU: goodsSalesU, - goodsState: goodsState, - pageCount: pageCount, - currPage: currPage, - order: order - }, - header: { - 'Cookie': 'PFWSSS=' + getGlobalStorage('session_id'), - 'content-type': 'application/x-www-form-urlencoded', - 'X-Requested-With': 'XMLHttpRequest' - } - }).then(res => { - const data = JSON.parse(res.data) - if (data.err_code === 88888) { - loginExpired(data) - } else if (data.err_code != 10) { - console.log('我的商品列表', JSON.parse(res.data)) - - Taro.hideLoading() - if (data.goodsCount != '0' && data.goods.length) { - data.goods.forEach(item => { - item.checked = false - }); - if (this.state.isAddToList) { - this.setState({ myGoodList: this.state.myGoodList.concat(data.goods) }, () => { - this.setState({ isAddToList: false }) - }) - } else { - this.setState({ - myGoodList: data.goods, - myGoodListTotal: data.goodsCount - }) - } - } else { - if (data.goods === null) { - this.setState({ - myGoodList: [], - myGoodListTotal: data.goodsCount - }) - } else { - this.setState({ isAddToList: false }) - Taro.showToast({ - title: '没有更多了', - icon: 'none' - }) - } - } - } else { - Taro.showToast({ - title: data.err_msg, - icon: 'none' - }) - } - }) - - } - // 获取搜索结果api - // getMyGoodListApi({ - // goodsName = this.state.productName, - // goodsSn = '', - // goodsClass = this.state.productCateSelected.id, - // goodsPriceL = this.state.lowestPrice, - // goodsPriceU = this.state.heightestPrice, - // goodsSalesL = this.state.minimumSold, - // goodsSalesU = this.state.maximumSold, - // shopClassID = this.state.productId, - // goodsState = this.state.goodsStateParam, - // pageCount = this.state.pageCountParam, - // currPage = this.state.currPageParam, - // order = '', }) { - // Taro.request({ - // url: URL.MyGoodList, - // method: 'POST', - // dataType: 'json', - - // data: { - // goodsName: goodsName, - // goodsSn: goodsSn, - // goodsClass: goodsClass, - // goodsPriceL: goodsPriceL, - // goodsPriceU: goodsPriceU, - // goodsSalesL: goodsSalesL, - // goodsSalesU: goodsSalesU, - // shopClassID: shopClassID, - // goodsState: goodsState, - // pageCount: pageCount, - // currPage: currPage, - // order: order - // }, - // header: { - // 'Cookie': 'PFWSSS=' + getGlobalStorage('session_id'), - // 'content-type': 'application/x-www-form-urlencoded', - // 'X-Requested-With': 'XMLHttpRequest' - // } - // }).then(res => { - // if (res.statusCode === 200) { - // console.log('我的商品列表', JSON.parse(res.data)) - // const data = JSON.parse(res.data) - // const goodCount = Number(data.goodsCount) - // this.setState({ - // myGoodList: data.goods, - // myGoodListTotal: goodCount - // }) - // Taro.hideLoading() - - // } else { - // console.log('我的商品列表获取失败') - // } - - - // }) - - // } - - // 商品列表下架API - changeGoodState({ goodsState = 0, goodsID = this.state.goodsIdList }) { - Taro.request({ - url: URL.ChangeGoodState, - method: 'POST', - dataType: 'json', - - data: { - goodsState: goodsState, - goodsID: JSON.stringify(goodsID) - }, - header: { - 'Cookie': 'PFWSSS=' + getGlobalStorage('session_id'), - 'content-type': 'application/x-www-form-urlencoded', - 'X-Requested-With': 'XMLHttpRequest' - } - }).then(res => { - let responseData = JSON.parse(res.data) - Taro.hideLoading() - if (responseData.err_code === 0) { - this.setState({ - isCheckAll: false, - currPageParam: 1, - - }, () => { - this.getMyGoodListApi({}) - Taro.showToast({ - title: '下架成功', - icon: 'success', - duration: 1500 - }) - }) - } else if (responseData.err_code === 88888) { - loginExpired(res) - } else { - Taro.showToast({ - title: responseData.err_msg, - icon: 'none', - duration: 1500 - }) - this.setState({ isCheckAll: false }) - } - - - }) - - } - // 商品列表删除api - deleteGood({ goodsState = 1, goodsID = this.state.goodsIdList }) { - Taro.request({ - url: URL.DeleteGood, - method: 'POST', - dataType: 'json', - - data: { - goodsState: goodsState, - goodsID: JSON.stringify(goodsID) - }, - header: { - 'Cookie': 'PFWSSS=' + getGlobalStorage('session_id'), - 'content-type': 'application/x-www-form-urlencoded', - 'X-Requested-With': 'XMLHttpRequest' - } - }).then(res => { - let responseData = JSON.parse(res.data) - Taro.hideLoading() - if (responseData.err_code === 0) { - Taro.showToast({ - title: '删除成功', - icon: 'success', - duration: 1500 - }).then(() => { - this.setState({ isCheckAll: false, currPageParam: 1 }, () => { - this.getMyGoodListApi({}) - }) - - }) - } else if (responseData.err_code === 88888) { - loginExpired(res) - } else { - Taro.showToast({ - title: responseData.err_msg, - icon: 'none', - duration: 1500 - }) - this.setState({ isCheckAll: false }) - } - - - - }) - - } - - - - - // 搜索 - searchButtonHandler() { - showLoading({ - title: '加载中', - }) - this.setState({ currPageParam: 1, isCheckAll: false, order: '' }, () => { - this.getMyGoodListApi({}) - }) - } - - - // 清空搜索 - emptyButtonHanlder() { - this.setState({ - isCheckAll: false, - currPageParam: 1, - productName: '', - lowestPrice: '', - heightestPrice: '', - minimumSold: '', - maximumSold: '', - productId: '', - productCateSelected: { id: '', name: '全部类目' }, - order: '', - }, () => { - this.getMyGoodListApi({}) - Taro.showToast({ - title: '已清空', - icon: 'success', - duration: 1000 - }) - }) - - } - // 产品排序 - accendingDescending(e) { - showLoading({ - title: '加载中' - }) - const value = onClickValueService(e) - this.setState({ selectedFilterValue: value }) - if (value == 0) { - this.setState({ - currPageParam: 1, - filterOptions: { - filterPrice: !this.state.filterOptions.filterPrice, - filterStock: false, - filterSold: false, - filterPublishDate: false, - } - }, () => { - this.state.filterOptions.filterPrice ? this.setState({ order: "goods_price" }, () => { - this.getMyGoodListApi({}) - }) : this.setState({ order: "goods_price desc" }, () => { - this.getMyGoodListApi({}) - }) - - - }) - } - if (value == 1) { - this.setState({ - currPageParam: 1, - filterOptions: { - filterPrice: false, - filterStock: !this.state.filterOptions.filterStock, - filterSold: false, - filterPublishDate: false, - } - }, () => { - this.state.filterOptions.filterStock ? this.setState({ order: "goods_stock" }, () => { - this.getMyGoodListApi({}) - }) : this.setState({ order: "goods_stock desc" }, () => { - this.getMyGoodListApi({}) - }) - } - ) - } - if (value == 2) { - this.setState({ - currPageParam: 1, - filterOptions: { - filterPrice: false, - filterStock: false, - filterSold: !this.state.filterOptions.filterSold, - filterPublishDate: false, - - } - }, () => { - this.state.filterOptions.filterSold ? this.setState({ order: "sales_volume " }, () => { - this.getMyGoodListApi({}) - }) : this.setState({ order: "sales_volume desc" }, () => { - this.getMyGoodListApi({}) - }) - } - - ) - } - if (value == 3) { - this.setState({ - currPageParam: 1, - filterOptions: { - filterPrice: false, - filterStock: false, - filterSold: false, - filterPublishDate: !this.state.filterOptions.filterPublishDate, - - } - }, () => { - this.state.filterOptions.filterPublishDate ? this.setState({ order: "update_date desc" }, () => { - this.getMyGoodListApi({}) - }) : this.setState({ order: "update_date" }, () => { - this.getMyGoodListApi({}) - }) - } - ) - } - } - - - // 商品全部选择 - checkAllHandler() { - if (this.state.myGoodList.length) { - const newMyGoodList = this.state.myGoodList.map((item) => { - item.checked = !this.state.isCheckAll - return item - }) - this.setState({ isCheckAll: !this.state.isCheckAll, myGoodList: newMyGoodList }, () => { - console.log('全选列表', this.state.myGoodList) - }) - } - else { - this.setState({ - isCheckAll: true - }, () => { - this.setState({ isCheckAll: false }) - }) - Taro.showToast({ - title: '全选无效', - icon: 'none', - duration: 1500 - }).then(() => { - - }) - - } - } - - - // 单个商品选择 - handleCheckChange(e) { - //如果goodid 一样的那么checked 就取反 - console.log('clicke') - const id = onClickValueService(e) - const newMyGoodList = this.state.myGoodList.map((item) => { - if (item.goods_id === id) { - item['checked'] = !item.checked - } - return item - }) - this.setState({ myGoodList: newMyGoodList }) - } - // 删除商品 - deleteGoodsHandler() { - const checkedGoodsId = [] - this.state.myGoodList.forEach(item => { - if (item.checked) { - checkedGoodsId.push(item.goods_id) - } - }); - checkedGoodsId.length ? this.setState({ isOpenDeleteModal: true }) : Taro.showToast({ - title: '请选择要删除的商品', - icon: 'none', - duration: 1500 - }) - // // this.deleteGood({ goodsID: checkedGoodsId }) - - - - } - // 改变商品状态 - offStockGoodHandler() { - const checkedGoodsId = [] - this.state.myGoodList.forEach(item => { - if (item.checked) { - checkedGoodsId.push(item.goods_id) - } - }); - //this.changeGoodState({ goodsID: checkedGoodsId }) - checkedGoodsId.length ? this.setState({ isOpenOffStockModal: true }) : Taro.showToast({ - title: '请选择要下架的商品', - icon: 'none', - duration: 1500 - }) - } - // 导航到商品编辑页面myGoodsEdit - goToGoodEditPage(e) { - console.log('e', e) - const goodId = onClickValueService(e) - console.log('goodId', goodId) - Taro.navigateTo({ - url: '/pages/myGoodsEdit/myGoodsEdit?id=' + goodId - }) - } - // 导航到商品发布页面 - - goToGoodsPublishPage() { - Taro.navigateTo({ - url: '/pages/goodsPublish/goodsPublish' - }) - } - goToGoodspage(e) { - const goodId = onClickValueService(e) - Taro.navigateTo({ - url: '/pages/goods/goods?id=' + goodId - }) - } - - DeleteConfirm() { - this.setState({ - isOpenDeleteModal: false - }) - const checkedGoodsId = [] - this.state.myGoodList.forEach(item => { - if (item.checked) { - checkedGoodsId.push(item.goods_id) - } - }); - showLoading({ - title: '加载中' - }) - this.deleteGood({ goodsID: checkedGoodsId }) - } - deleteModalClose() { - this.setState({ - isOpenDeleteModal: false - }) - } - OffStockConfirm() { - - this.setState({ - isOpenOffStockModal: false - }) - const checkedGoodsId = [] - this.state.myGoodList.forEach(item => { - if (item.checked) { - checkedGoodsId.push(item.goods_id) - } - }); - showLoading({ - title: '加载中' - }) - this.changeGoodState({ goodsID: checkedGoodsId }) - } - offStockModalClose() { - this.setState({ - isOpenOffStockModal: false - }) - } - goToCenterPage() { - Taro.switchTab({ - url: '/pages/individualCenter/individualCenter' - }) - } - getUserSystemInfo() { - Taro.getSystemInfo().then(res => { - return res - }).then(res => { - this.setState({ - screenWidth: res.screenWidth - 80 + 'px', - screenHeight: res.screenHeight - 200 + 'px' - }) - }) - - } - - componentDidMount() { - this.getUserSystemInfo() - showLoading({ - title: '加载中' - }) - this.getMyGoodListApi({}) - this.getBaoBeiCateList() - } - componentWillReceiveProps(nextProps) { - console.log(this.props, nextProps) - } - - componentWillUnmount() { } - - componentDidShow() { - - } - - componentDidHide() { } - // 页面位置 - onPageScroll(location) { - if (location.scrollTop <= 300 && this.state.isShowTopNav) { - this.setState({ isShowTopNav: false }) - } else if (location.scrollTop > 300 && !this.state.isShowTopNav) { - this.setState({ isShowTopNav: true }) - } - } - // 底部加载 - onReachBottom() { - showLoading({ - title: '加载中' - }) - this.setState({ isAddToList: true, currPageParam: this.state.currPageParam + 1 }, () => { - this.getMyGoodListApi({}) - }) - - - } - - render() { - //等待接口数据 - const goodListElementArray = this.state.myGoodList.map((item, index) => { - return - - - - {/* */} - - - {item.goods_name} - ￥{item.goods_price} - {item.sales_volume} + - - - - - - }) - // 筛选项目排序element - const filterElementsArray = this.state.filterBar.map((item, index) => { - let isTure = this.state.filterOptions[item] - - return - - {this.state.filterBarKeys[item]} - - {isTure ? : } - - }) - // 删除提示模态弹窗element - const modalMessageDeleteElement = - 提示 - - 确定要删除已选商品？ - - - - // 下架提示模态弹窗element - const modalMessageOffStockElement = - 提示 - - 确定要下架已选商品？ - - - - - return ( - - - {/* 删除模态提示框 */} - {modalMessageDeleteElement} - {/* 下架模态框提示 */} - {modalMessageOffStockElement} - - - + + + { /*子标签类*/} + - - - - - - - - - - - - - - - - - - 宝贝类目: - - {this.state.productCateSelected.name} - - - - - - - - - - - - - - - - - - 出售中的宝贝{this.state.myGoodListTotal}条记录 - - - - {filterElementsArray} - - - - 全选 - - - - - - - - - {this.state.myGoodList.length ? - - {goodListElementArray} - : 没有更多了} - {this.state.isShowTopNav ? : null} - - - - + { + this.state.subCurrent === 0 + ? + 全部 + + : null + } + { + this.state.subCurrent === 1 + ? 好评 + : null + } + { + this.state.subCurrent === 2 + ? 中评 + : null + } + { + this.state.subCurrent === 3 + ? 差评 + : null + } + { + this.state.subCurrent === 4 + ? 公开 + : null + } + { + this.state.subCurrent === 5 + ? 匿名 + : null + } - + + + 标签页三的内容 + + - 个人中心 - - - ) - } -} - -export default MyGoodList + \ No newline at end of file