From fc5ed758ea80853dbf0e451185f0bdd9380bf043 Mon Sep 17 00:00:00 2001 From: Maoqiang Zheng Date: Fri, 21 Dec 2018 11:59:24 +0800 Subject: [PATCH] =?UTF-8?q?=E6=8A=A2=E5=8D=95api=20=E6=8E=A5=E5=8F=A3?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../filteredShopComponent.scss | 9 +- .../searchBarComponent/searchBarComponent.js | 1 + src/component/test3/test3.js | 169 +++++ src/component/test3/test3.scss | 0 src/pages/allDemanding/allDemanding.js | 95 ++- src/pages/allDemanding/allDemanding.scss | 13 + src/pages/goodsPublish/goodsPublish.js | 1 - src/pages/home/home.js | 59 +- src/pages/index/index.js | 6 +- src/pages/test.js | 656 ++++++++++++++++++ 10 files changed, 968 insertions(+), 41 deletions(-) create mode 100644 src/component/test3/test3.js create mode 100644 src/component/test3/test3.scss create mode 100644 src/pages/test.js diff --git a/src/component/filteredShopComponent/filteredShopComponent.scss b/src/component/filteredShopComponent/filteredShopComponent.scss index 43fe9a8..9fe5608 100644 --- a/src/component/filteredShopComponent/filteredShopComponent.scss +++ b/src/component/filteredShopComponent/filteredShopComponent.scss @@ -29,15 +29,18 @@ border-bottom:1px solid #F2F2F2; display: flex; .title{ - width: 55%; + + flex:2; color: #333; font-weight: bold; font-size: 30px; - margin:20px; + text-align: left; + // margin:20px; } .consult-voucher-button{ - width: 45%; + + flex:1; //margin-top: 20px ; margin-left: 200px; display: flex; diff --git a/src/component/searchBarComponent/searchBarComponent.js b/src/component/searchBarComponent/searchBarComponent.js index 1032d08..0ded93f 100644 --- a/src/component/searchBarComponent/searchBarComponent.js +++ b/src/component/searchBarComponent/searchBarComponent.js @@ -42,6 +42,7 @@ class SearchBarComponent extends Component { onChange={this.onChange.bind(this)} onActionClick={this.onActionClick.bind(this)} /> + diff --git a/src/component/test3/test3.js b/src/component/test3/test3.js new file mode 100644 index 0000000..8560436 --- /dev/null +++ b/src/component/test3/test3.js @@ -0,0 +1,169 @@ +import Taro, { Component } from '@tarojs/taro' +import { View } from '@tarojs/components' + +import { AtTabBar, Picker } from 'taro-ui' + +import './test3.scss' + +class Test3 extends Component { + + config = { + navigationBarTitleText: 'test3' + } + constructor() { + super(...arguments); + + this.state = { + multiArray: [['无脊柱动物', '脊柱动物'], ['扁性动物', '线形动物', '环节动物', '软体动物', '节肢动物'], ['猪肉绦虫', '吸血虫']], + objectMultiArray: [ + [ + { + id: 0, + name: '无脊柱动物' + }, + { + id: 1, + name: '脊柱动物' + } + ], [ + { + id: 0, + name: '扁性动物' + }, + { + id: 1, + name: '线形动物' + }, + { + id: 2, + name: '环节动物' + }, + { + id: 3, + name: '软体动物' + }, + { + id: 3, + name: '节肢动物' + } + ], [ + { + id: 0, + name: '猪肉绦虫' + }, + { + id: 1, + name: '吸血虫' + } + ] + ], + multiIndex: [0, 0, 0], + } + + } + + + componentWillReceiveProps(nextProps) { + //console.log(this.props, nextProps) + } + + componentWillUnmount() { } + + componentDidShow() { } + + componentDidHide() { } + + bindMultiPickerChange(e) { + console.log('picker发送选择改变，携带值为', e.detail.value) + this.setState({ + multiIndex: e.detail.value + }) + } + bindMultiPickerCol(e) { + console.log('修改的列为', e.detail.column, '，值为', e.detail.value); + var data = { + multiArray: this.state.multiArray, + multiIndex: this.state.multiIndex + }; + data.multiIndex[e.detail.column] = e.detail.value; + switch (e.detail.column) { + case 0: + switch (data.multiIndex[0]) { + case 0: + data.multiArray[1] = ['扁性动物', '线形动物', '环节动物', '软体动物', '节肢动物']; + data.multiArray[2] = ['猪肉绦虫', '吸血虫']; + break; + case 1: + data.multiArray[1] = ['鱼', '两栖动物', '爬行动物']; + data.multiArray[2] = ['鲫鱼', '带鱼']; + break; + } + data.multiIndex[1] = 0; + data.multiIndex[2] = 0; + break; + case 1: + switch (data.multiIndex[0]) { + case 0: + switch (data.multiIndex[1]) { + case 0: + data.multiArray[2] = ['猪肉绦虫', '吸血虫']; + break; + case 1: + data.multiArray[2] = ['蛔虫']; + break; + case 2: + data.multiArray[2] = ['蚂蚁', '蚂蟥']; + break; + case 3: + data.multiArray[2] = ['河蚌', '蜗牛', '蛞蝓']; + break; + case 4: + data.multiArray[2] = ['昆虫', '甲壳动物', '蛛形动物', '多足动物']; + break; + } + break; + case 1: + switch (data.multiIndex[1]) { + case 0: + data.multiArray[2] = ['鲫鱼', '带鱼']; + break; + case 1: + data.multiArray[2] = ['青蛙', '娃娃鱼']; + break; + case 2: + data.multiArray[2] = ['蜥蜴', '龟', '壁虎']; + break; + } + break; + } + data.multiIndex[2] = 0; + console.log(data.multiIndex); + break; + } + console.log(data) + this.setState({ multiIndex: data.multiIndex }) + } + + render() { + + return ( + + hello + + + 多列选择器 + + + 当前选择：{this.state.multiArray[0][this.state.multiIndex[0]]}{this.state.multiArray[1][this.state.multiIndex[1]]}{this.state.multiArray[2][this.state.multiIndex[2]]} + + + + + + + ) + } +} + +export default Test3 + diff --git a/src/component/test3/test3.scss b/src/component/test3/test3.scss new file mode 100644 index 0000000..e69de29 diff --git a/src/pages/allDemanding/allDemanding.js b/src/pages/allDemanding/allDemanding.js index be19add..90e0eb6 100644 --- a/src/pages/allDemanding/allDemanding.js +++ b/src/pages/allDemanding/allDemanding.js @@ -1,6 +1,6 @@ import Taro, { Component } from '@tarojs/taro' import { View, Text, Image } from '@tarojs/components' -import { AtInput, AtButton, Picker, AtIcon, AtLoadMore } from 'taro-ui' +import { AtInput, AtButton, Picker, AtIcon, AtLoadMore, AtModal, AtToast } from 'taro-ui' import copyrightComponent from '../../component/copyrightComponent/copyrightComponent' import URL from '../../serviceAPI.config' @@ -25,6 +25,11 @@ class AllDemanding extends Component { industryCateSelected: '全部', // 当前行业分类状态 startDateSel: '2018-04-22', endDateSel: '2018-04-22', + isOpenedGrabModal: false, + grabOrderId: '',//抢到订单的id + isGrabOrderSuccess: false,// 是否显示轻提示 + grabOrderSuccess: '无法显示绑定后的字段',// 抢单成功返回字段 + } } GetAllDemanding({ curr_page = 1, page_count = 20 }) { @@ -86,7 +91,48 @@ class AllDemanding extends Component { endDateSel: e.detail.value }) } + // 抢单接口 + GrabDemand({ demandId = 218 }) { + Taro.request({ + url: URL.GrabDemand, + method: 'POST', + dataType: 'json', + data: { + demandId: demandId + }, + header: { + 'content-type': 'application/x-www-form-urlencoded', + 'Cookie': 'PFWSSS=' + Taro.getStorageSync('session_id'), + 'X-Requested-With': 'XMLHttpRequest' + } + }) + .then(res => { + let textTip = res.data.err_msg + this.setState({ grabOrderSuccess: textTip, isGrabOrderSuccess: true }, () => { + setTimeout(() => { + this.setState({ isGrabOrderSuccess: false }) + + }, 1000) + }) + console.log('抢单请求：', res) + }) + + } + grabOrder(Id) { + this.setState({ isOpenedGrabModal: true, grabOrderId: Id }) + } + handleGrabModalClose() { + this.setState({ isOpenedGrabModal: false }) + } + handleGrabModalCancel() { + this.setState({ isOpenedGrabModal: false }) + } + handleGrabConfirm() { + this.setState({ isOpenedGrabModal: false }) + + this.GrabDemand({ demandId: this.state.grabOrderId }) + } componentWillReceiveProps(nextProps) { console.log(this.props, nextProps) @@ -104,8 +150,24 @@ class AllDemanding extends Component { componentDidHide() { } render() { + // 提示模态弹窗element + const modalMessageGrab = + // 抢单返回轻提示 + const grabOrderSuccess = const allDemandingElementArray = this.state.supplys ? this.state.supplys.map((item, index) => { - return @@ -124,9 +186,8 @@ class AllDemanding extends Component { {item.sd_title} {item.sd_desc} - - - 抢单 + + {item.state_name === '在用' ? '抢单' : '已抢单'} @@ -139,6 +200,10 @@ class AllDemanding extends Component { }) : null return ( + {/* 模态框 */} + {modalMessageGrab} + {/* 轻提示 */} + {grabOrderSuccess} {/* 供求状态选择 */} @@ -155,12 +220,12 @@ class AllDemanding extends Component { * {/* 开始和结束日期选择 */} @@ -206,10 +271,10 @@ class AllDemanding extends Component { {allDemandingElementArray} diff --git a/src/pages/allDemanding/allDemanding.scss b/src/pages/allDemanding/allDemanding.scss index d914f79..ee01aa6 100644 --- a/src/pages/allDemanding/allDemanding.scss +++ b/src/pages/allDemanding/allDemanding.scss @@ -104,6 +104,19 @@ padding-right: 20px; .title{ font-weight: bold; + text-overflow:ellipsis; + height:50px; + white-space:nowrap; + width:400px; + overflow:hidden; + } + .para{ + text-overflow:ellipsis; + //height:300px; + white-space:nowrap; + width:400px; + overflow:hidden; + } .button{ position: absolute; diff --git a/src/pages/goodsPublish/goodsPublish.js b/src/pages/goodsPublish/goodsPublish.js index f9145c0..fa06258 100644 --- a/src/pages/goodsPublish/goodsPublish.js +++ b/src/pages/goodsPublish/goodsPublish.js @@ -221,7 +221,6 @@ class GoodsPublish extends Component { if (middleItem.children.length) { for (let innerItem of middleItem.children) { thirdColumn.push({ id: innerItem.class_id, name: innerItem.class_name }) - } } } diff --git a/src/pages/home/home.js b/src/pages/home/home.js index 66a47e7..8979db8 100644 --- a/src/pages/home/home.js +++ b/src/pages/home/home.js @@ -1,11 +1,10 @@ import Taro, { Component } from '@tarojs/taro' import { View, Button, Text, Swiper, SwiperItem, Image, } from '@tarojs/components' -import { AtModal, AtButton } from 'taro-ui' +import { AtModal, AtButton, AtToast } from 'taro-ui' import filteredShopComponent from '../../component/filteredShopComponent/filteredShopComponent' import bottomNav from '../../component/bottomNav/bottomNav' import URL from '../../serviceAPI.config' import './home.scss' - class Home extends Component { config = { @@ -22,6 +21,10 @@ class Home extends Component { demanding: [],// 业主需求 otherData: [], // 底部导航栏 isOpen: false, // 抢单消息提示 + grabOrderId: '',//抢到订单的id + isGrabOrderSuccess: false,// 是否显示轻提示 + grabOrderSuccess: '无法显示绑定后的字段',// 抢单成功返回字段 + } } @@ -78,7 +81,7 @@ class Home extends Component { success(res) { if (res.code) { // 发起网络请求 - console.log('手机端微信code：',res.code) + // console.log('手机端微信code：',res.code) Taro.request({ url: URL.Login, method: 'POST', @@ -91,12 +94,12 @@ class Home extends Component { } }) .then(response => { - console.log('登入', response) + console.log('微信登入成功', response) //储存后台返回的session_id 到local Storage Taro.setStorageSync('session_id', response.data.session_id) Taro.setStorageSync('shopInfo', response.data.shop_info) Taro.setStorageSync('userInfo', response.data.user_info) - + } ) } @@ -139,11 +142,21 @@ class Home extends Component { }, header: { 'content-type': 'application/x-www-form-urlencoded', + 'Cookie': 'PFWSSS=' + Taro.getStorageSync('session_id'), 'X-Requested-With': 'XMLHttpRequest' } }) .then(res => { + + this.setState({ grabOrderSuccess: res.data.err_msg,isGrabOrderSuccess: true }, () => { + setTimeout(() => { + console.log(this.state.grabOrderSuccess) + this.setState({ isGrabOrderSuccess: false }) + + }, 1000) + }) console.log('抢单请求：', res) + }) } @@ -162,9 +175,9 @@ class Home extends Component { url: '/pages/allDemanding/allDemanding' }) } - grabOrder() { - this.setState({ isOpen: true }) + grabOrderId(Id) { + this.setState({ isOpen: true, grabOrderId: Id }) } handleGrabModalClose() { this.setState({ isOpen: false }) @@ -175,7 +188,7 @@ class Home extends Component { handleGrabConfirm() { this.setState({ isOpen: false }) // 确认抢单之后 - this.GrabDemand({}) + this.GrabDemand({ demandId: this.state.grabOrderId }) } componentDidMount() { @@ -197,7 +210,7 @@ class Home extends Component { componentDidHide() { } -// 微信用户信息 + // 微信用户信息 onGotUserInfo(e) { console.log(e.detail.errMsg) console.log(e.detail.userInfo) @@ -208,8 +221,8 @@ class Home extends Component { render() { - // 提示弹窗element - const modalMessageGrab= + // 抢单返回轻提示 + const grabOrderSuccess = const demandingElemensArray = this.state.demanding.length ? this.state.demanding.map((item, index) => { - return < SwiperItem key={index} > + return {item.class_name} @@ -237,8 +256,8 @@ class Home extends Component { 业主：{item.user_name} - - + + @@ -276,7 +295,9 @@ class Home extends Component { return ( - {/* 获取微信用户的信息 */} + {/* 抢单成功预付轻提示 */} + {grabOrderSuccess} + {/* 获取微信用户的信息 */} {/* 获取微信用户的信息 */} {modalMessageGrab} @@ -291,7 +312,8 @@ class Home extends Component { hotizontal circular indicatorDots - autoplay> + autoplay + > {adsImgElementsArray} @@ -329,7 +351,8 @@ class Home extends Component { horizontal circular indicatorDots - autoplay> + autoplay + > @@ -387,7 +410,7 @@ class Home extends Component { {shopCollectionElementsArray} {this.state.shopsDetails.length !== 0 ? 沒有更多了... - : < View className='title' > + : 没有找到... } diff --git a/src/pages/index/index.js b/src/pages/index/index.js index b411f0b..5f8d16e 100644 --- a/src/pages/index/index.js +++ b/src/pages/index/index.js @@ -27,11 +27,9 @@ class Index extends Component { //http://ihome6.com/Shop-supplyShops componentDidMount(){ - - Taro.navigateTo({ - // url: '/pages/home/home' - url: '/pages/goodsPublish/goodsPublish' + // url: '/pages/allDemanding/allDemanding' + url: '/pages/home/home' // url:'/pages/supplyDemandPublish/supplyDemandPublish' }) } diff --git a/src/pages/test.js b/src/pages/test.js new file mode 100644 index 0000000..ed61bb4 --- /dev/null +++ b/src/pages/test.js @@ -0,0 +1,656 @@ +import Taro, { Component } from '@tarojs/taro' +import { View, Text, Radio, RadioGroup, Label } from '@tarojs/components' +import { AtInput, AtImagePicker, AtTextarea, AtButton, Picker, AtToast } from 'taro-ui' + +import SearchBarComponent from '../../component/searchBarComponent/searchBarComponent' +import copyrightComponent from '../../component/copyrightComponent/copyrightComponent' +import Test3 from '../../component/Test3/Test3' +import URL from '../../serviceAPI.config' + + +import './goodsPublish.scss' +import { throws } from 'assert'; + +class GoodsPublish extends Component { + + config = { + navigationBarTitleText: '商品发布' + } + constructor() { + super(...arguments) + this.state = { + objectMultiArray: [ + [ + { + id: 0, + name: '无脊柱动物' + }, + { + id: 1, + name: '脊柱动物' + } + ], + [ + { + id: 0, + name: '扁性动物' + }, + { + id: 1, + name: '线形动物' + }, + { + id: 2, + name: '环节动物' + }, + { + id: 3, + name: '软体动物' + }, + { + id: 3, + name: '节肢动物' + } + ], + [ + { + id: 0, + name: '猪肉绦虫' + }, + { + id: 1, + name: '吸血虫' + } + ] + ], + multiIndex: [0, 0, 0], + shopCategoryPicker: [], // 店铺分类选项 + shopCategoryCheckedPicker: {name:'选择店铺类型'}, + productName: '', + productPrice: '', + productUnit: '', + productDescript: '', + pickerImageUrl: [], // 上传的图片 + ImagesInfo: [],// 后台传回来的图片信息 + isUploadImageSuccess: false, + uploadImageTextTip: '', + isUploadProductSuccess: false, + uploadProductTextTip: '', + } + } + + + //商品目录请求api GetShopCategoryList + getProductCateList() { + Taro.request({ + url: URL.GetProductCategoryList, + method: 'POST', + dataType: 'json', + header: { + 'content-type': 'application/x-www-form-urlencoded', + 'Cookie': 'PFWSSS=' + Taro.getStorageSync('session_id'), + 'X-Requested-With': 'XMLHttpRequest' + } + }) + .then(res => { + if (res.data.err_msg === 'success') { + this.setState({ productCategoryList: res.data.data }) + console.log('商品分类目录', res) + this.sortShopCateToState(res.data.data) + } + + } + ) + .catch(error => { + console.log('商品分类请求错误', error) + }) + } + + + // 店铺分类目录请求 api + getShopCateList() { + Taro.request({ + url: URL.GetShopCategoryList, + method: 'POST', + dataType: 'json', + data: { + id: Taro.getStorageSync('shopInfo').shop_id + }, + header: { + 'content-type': 'application/x-www-form-urlencoded', + 'Cookie': 'PFWSSS=' + Taro.getStorageSync('session_id'), + 'X-Requested-With': 'XMLHttpRequest' + } + }) + .then(res => { + if (res.data.err_msg === 'success') { + this.setState({ shopCategoryList: res.data.data }) + const shopCategoryInfo = res.data.data + const shopCategory = [] + // 处理后台返回的店铺分类信息 + for (let item in shopCategoryInfo) { + const children = shopCategoryInfo[item].c + for (let child in children) { + shopCategory.push({ id: children[child].id, name: children[child].n }) + } + } + this.setState({ shopCategoryPicker: shopCategory }) + console.log('店铺分类目录', res) + } + } + ) + .catch(error => { + console.log('店铺分类请求错误', error) + }) + } + + // 发布商品api + //{"goods_name":"hellol","goods_price":"1.00","goods_unit":"1","goods_profiles":"111","class_id":"2","shop_class_id":"1928"} + uploadGoods({ goods_name = "test2", goods_price = "1.00", goods_unit = "1", goods_profiles = "test2", class_id = "10103", shop_class_id = "1930" }) { + + //定义上传商品的多图片的参数 + const uploadProductGoodFileParams = [] + if (this.state.ImagesInfo.length) { + for (let i = 0; i < this.state.ImagesInfo.length; i++) { + if (i === 0) { + + uploadProductGoodFileParams.push({ + file_id:this.state.ImagesInfo[i].file_id, + file_type: 1, + if_cover: 1, + file_sort: 1 + }) + } else { + uploadProductGoodFileParams.push({ + file_id: this.state.ImagesInfo[i].file_id, + file_type: 1, + if_cover: 0, + file_sort: 1 + }) + } + } + } else { + alert('图片为空') + } + + Taro.request({ + url: URL.UploadProduct, + method: 'POST', + dataType: 'json', + data: { + deployType: 1, + action: 1, + goods: JSON.stringify({ + goods_name: goods_name, + goods_price: goods_price, + goods_unit: goods_unit, + goods_profiles: goods_profiles, + class_id: class_id, + shop_class_id: shop_class_id + }), + goodsFiles: JSON.stringify(uploadProductGoodFileParams) + }, + header: { + 'content-type': 'application/x-www-form-urlencoded', + 'Cookie': 'PFWSSS=' + Taro.getStorageSync('session_id'), + 'X-Requested-With': 'XMLHttpRequest' + } + }) + .then(res => { + let tipText=res.data.err_msg==='success'?'商品发布成功':res.data.err_msg + + this.setState({ uploadProductTextTip: tipText, isUploadProductSuccess: true },()=>{ + setTimeout(()=>{ + this.setState({isUploadProductSuccess: false}) + Taro.navigateTo({ + url: '/pages/goodsPublish/goodsPublish' + }) + },1000) + }) + console.log('上传商品', res) // 提示非法请求 ----- to be continue + } + ) + .catch(error => { + this.setState({ uploadProductTextTip: '发布失败', isUploadProductSuccess: true }) + }) + } + // 整理后台传出来的店铺分类目录 + sortShopCateToState(shopData) { + const firstColumn = [] + const secondColumn = [] + const thirdColumn = [] + for (let outterItem of shopData) { + firstColumn.push({ id: outterItem.class_id, name: outterItem.class_name }) + if (outterItem.children.length) { + for (let middleItem of outterItem.children) { + secondColumn.push({ id: middleItem.class_id, name: middleItem.class_name }) + if (middleItem.children.length) { + for (let innerItem of middleItem.children) { + thirdColumn.push({ id: innerItem.class_id, name: innerItem.class_name }) + + } + } + } + } + } + + // ------- 把新指传给objectMultiArray之后就不可以用了 to be continue + console.log('old',this.state.objectMultiArray) + this.setState({objectMultiArray:[firstColumn,secondColumn,thirdColumn]},()=>{ + console.log('new', this.state.objectMultiArray) + }) + } + + // 改变商品分类状态 + onChangeProductType(e) { + this.setState({ + selectorChecked: this.state.selector[e.detail.value] + }) + } + productNameChange(event) { + this.setState({ + productName: event + }) + } + productPriceChange(event) { + this.setState({ + productPrice: event + }) + } + productUnitChange(event) { + this.setState({ + productUnit: event + }) + } + productDescriptChange(event) { + this.setState({ + productDescript: event.target.value + }) + } + // 上传图片 + onChangeImg(files, operationType, index) { + const that = this + if (operationType === 'add') { + Taro.uploadFile({ + url: URL.UploadPorductImage, // 仅为示例，非真实的接口地址 + filePath: files[files.length - 1].url, + name: 'file', + formData: { + user: 'test' + }, + header: { + 'content-type': 'multipart/form-data', + 'Cookie': 'PFWSSS=' + Taro.getStorageSync('session_id'), + 'X-Requested-With': 'XMLHttpRequest' + }, + success(response) { + const data = JSON.parse(response.data) + const imagePath = URL.Base + data.file_path + const newPickerImageUrl = that.state.pickerImageUrl.concat({ url: imagePath }) + const newImageInfo = that.state.ImagesInfo.concat(data) + that.setState({ pickerImageUrl: newPickerImageUrl, isUploadImageSuccess: true, uploadImageTextTip: '图片上传成功', ImagesInfo: newImageInfo }, () => { + setTimeout(()=>{that.setState({isUploadImageSuccess: false})},1000) + }) + } + }) + } + if (operationType === 'remove') { + this.state.pickerImageUrl.splice(index, 1); + this.setState({ files: this.state.pickerImageUrl }); + that.setState({ isUploadImageSuccess: true, uploadImageTextTip: '删除成功' },()=>{ + setTimeout(()=>{that.setState({isUploadImageSuccess: false})},1000) + }) + } + } + // 图片上传失败 + onFail(mes) { + console.log(mes) + } + // 删除图片 + onImageClick(index) { + } + onClickUploadGoods() { + if (this.state.productName && this.state.productPrice && this.state.productUnit && this.state.ImagesInfo.length) { + this.uploadGoods({ + goods_name: this.state.productName, + goods_price: this.state.productPrice, + goods_unit: this.state.productUnit, + goods_profiles: this.state.productDescript, + class_id: "10103", + shop_class_id: this.state.shopCategoryCheckedPicker, + }) + } else { + this.setState({ uploadProductTextTip: '请填写完表格', isUploadProductSuccess: true },()=>{ + setTimeout(()=>{this.setState({isUploadProductSuccess: false})},1000) + }) + } + } + shopCategoryChanged(e) { + this.setState({ + shopCategoryCheckedPicker: this.state.shopCategoryPicker[e.detail.value] + }, () => { + console.log(this.state.shopCategoryCheckedPicker) + }) + } + + componentDidMount() { + this.getProductCateList() + this.getShopCateList() + } + + componentWillReceiveProps(nextProps) { + // console.log(this.props, nextProps) + } + + componentWillUnmount() { } + + componentDidShow() { } + + componentDidHide() { } + + //--- 三级联动-------------- + bindMultiPickerChange(e) { + console.log('picker发送选择改变，携带值为', e.detail.value) + this.setState({ + multiIndex: e.detail.value + }) + } + bindMultiPickerCol(e) { + console.log('修改的列为', e.detail.column, '，值为', e.detail.value) + const data = { + multiArray: this.state.objectMultiArray, + multiIndex: this.state.multiIndex + } + data.multiIndex[e.detail.column] = e.detail.value + switch (e.detail.column) { + case 0: + switch (data.multiIndex[0]) { + case 0: + data.multiArray[1] = [ + { + id: 0, + name: '01' + }, + { + id: 1, + name: '10a' + } + ] + data.multiArray[2] = [{ + id: 0, + name: '02' + }, + { + id: 1, + name: '02a' + }] + break + case 1: + data.multiArray[1] = [{ + id: 0, + name: '11' + }, + { + id: 1, + name: '11a' + }] + data.multiArray[2] = [{ + id: 0, + name: '12' + }, + { + id: 1, + name: '12a' + }] + break + } + data.multiIndex[1] = 0 + data.multiIndex[2] = 0 + break + case 1: + switch (data.multiIndex[0]) { + case 0: + switch (data.multiIndex[1]) { + case 0: + data.multiArray[2] = [{ + id: 0, + name: '无脊柱动物' + }, + { + id: 1, + name: '脊柱动物' + }] + break + case 1: + data.multiArray[2] = [ + { + id: 1, + name: '脊柱动物' + }] + break + case 2: + data.multiArray[2] = [{ + id: 0, + name: '无脊柱动物' + }, + { + id: 1, + name: '脊柱动物' + }] + break + case 3: + data.multiArray[2] = [{ + id: 0, + name: '无脊柱动物' + }, + { + id: 1, + name: '脊柱动物' + }, { + id: 0, + name: '无脊柱动物' + }, + { + id: 1, + name: '脊柱动物' + }] + break + case 4: + data.multiArray[2] = [{ + id: 0, + name: '无脊柱动物' + }, + { + id: 1, + name: '脊柱动物' + }] + break + } + break + case 1: + switch (data.multiIndex[1]) { + case 0: + data.multiArray[2] = [{ + id: 0, + name: '蛇' + }, + { + id: 1, + name: '青蛙' + }] + break + case 1: + data.multiArray[2] = [{ + id: 0, + name: '蛇' + }, + { + id: 1, + name: '青蛙' + }, { + id: 0, + name: '蛇' + }, + { + id: 1, + name: '青蛙' + }] + break + case 2: + data.multiArray[2] = [{ + id: 0, + name: '蛇' + }, + { + id: 1, + name: '青蛙' + }] + break + } + break + } + data.multiIndex[2] = 0 + break + } + console.log(data.multiIndex) + this.setState({ multiIndex: data.multiIndex }) + } + + render() { + const imageUploadSuccess = + const productUploadSuccess = + return ( + + + {imageUploadSuccess} + {productUploadSuccess} + + + + + + + + *商品分类: + {/* {this.state.multiArray[0][this.state.multiIndex[0]].name}{this.state.multiArray[1][this.state.multiIndex[1]].name}{this.state.multiArray[2][this.state.multiIndex[2]].name} */} + + + + + + + + + + * + + + + * + + + + * + + + {/* 图片上传 */} + + + * + 上传图片: + + + + + + + {/* 店铺分类 */} + + + + * + 店铺分类： + {this.state.shopCategoryCheckedPicker.name} + + + + + + + + + + + + 商品简介: + + + + + + + + + 发布 + + + 发布并新增 + + + 商品列表 + + + + + + + ) + } +} + +export default GoodsPublish