添加 供求发布， 我的供求，copyright， searchbar component

src/app.js

@@ -23,8 +23,9 @@ class App extends Component {
       'pages/shop/shop',
       'pages/goods/goods',
       'pages/goodsPublish/goodsPublish',
-      // 'pages/supplyDemandPubish/supplyDemandPubish',
+      'pages/supplyDemandPubish/supplyDemandPubish',
-      // 'pages/mySupplyDemand/mySupplyDemand',
+      'pages/mySupplyDemand/mySupplyDemand',
+      'pages/allDemanding/allDemanding',
     ],
     window: {
       backgroundTextStyle: 'light',

src/component/bottomNav/bottomNav.js

@@ -51,7 +51,7 @@ class bottomNav extends Component {
         const otherData=[
             { name: '首页', url:'pages/home/home'},
             { name: '商品发布', url:'pages/shop/shop'},
-            {name:'供求发布',url:''},
+            { name: '供求发布', url:'pages/supplyDemandPubish/supplyDemandPubish'},
             {name:'我的供求',url:''},
             {name:'更多',url:''},
         ]

src/component/copyrightComponent/copyrightComponent.js

@@ -0,0 +1,33 @@
+
+import Taro, { Component } from '@tarojs/taro'
+import { View, Button, Text } from '@tarojs/components'
+
+
+import './copyrightComponent.scss'
+
+
+
+class CopyrightComponent extends Component {
+
+    config = {
+        navigationBarTitleText: 'copyrightComponent'
+    }
+
+    render() {
+        return (
+            <View className='copyrightComponent'>
+                <View className='copyright-box'>
+                    <View className='title'>
+                        Copyright  &copy; 晨丰全屋定制商城 闽ICP备16007300号-2
+                </View>
+
+                </View>
+                <View className='gap'>
+
+                </View>
+            </View>
+        )
+    }
+}
+
+export default CopyrightComponent

src/component/copyrightComponent/copyrightComponent.scss

@@ -0,0 +1,15 @@
+.copyright-box{
+    
+        padding:0 20px;
+        .title{
+            text-align: center;
+            line-height: 100px;
+            font-size: 25px;
+           
+        }
+    
+}
+.gap{
+       
+        height:150px;
+    }

src/component/searchBarComponent/searchBarComponent.js

@@ -0,0 +1,44 @@
+
+import Taro, { Component } from '@tarojs/taro'
+import { View, Button, Text } from '@tarojs/components'
+import { AtSearchBar } from 'taro-ui'
+
+
+import './searchBarComponent.scss'
+
+
+
+class searchBarComponent extends Component {
+
+    config = {
+        navigationBarTitleText: 'searchBarComponent'
+    }
+    constructor() {
+        super(...arguments)
+        this.state = {
+            value: ''
+        }
+    }
+    onChange(value) {
+        this.setState({
+            value: value
+        })
+    }
+
+    render() {
+        return (
+            <View className='searchBarComponent'>
+                <View className='searchBar-box'>
+                    <AtSearchBar className='search-button'
+                      actionName='搜索'
+                      value={this.state.value}
+                      onChange={this.onChange.bind(this)}
+                      onActionClick={this.onActionClick.bind(this)}
+                    />
+                </View>
+            </View>
+        )
+    }
+}
+
+export default searchBarComponent

src/component/searchBarComponent/searchBarComponent.scss

@@ -0,0 +1,10 @@
+
+.searchBarComponent{
+
+    .search-button{
+          .at-search-bar__action {
+                background-color:#FF9900;
+            }
+    }
+    
+}

src/pages/allDemanding/allDemanding.js

@@ -0,0 +1,209 @@
+import Taro, { Component } from '@tarojs/taro'
+import { View, Text, Image } from '@tarojs/components'
+import { AtInput, AtButton, Picker, AtIcon, AtLoadMore } from 'taro-ui'
+import copyrightComponent from '../../component/copyrightComponent/copyrightComponent'
+
+import URL from '../../serviceAPI.config'
+import './allDemanding.scss'
+
+import eyeIcon from '../../icons/eye.png'
+
+
+let currentPage=1
+class AllDemanding extends Component {
+    config = {
+        navigationBarTitleText: '全部业主需求'
+    }
+    constructor() {
+        super(...arguments)
+        this.state = {
+            supplys:[],
+            isMore:'more',
+            selector: ['全部', '需求', '供应', '人才'],
+            selectorChecked: '全部',
+            selector1: ['全部', '上架', '下架'],
+            selectorChecked1: '全部',
+            dateSel: '2018-04-22',
+
+        }
+    }
+    GetAllDemanding({ curr_page=1, page_count=20}) {
+        Taro.request({
+            url: URL.GetAllDemanding,
+            method: 'POST',
+            dataType: 'json',
+            data: {
+                param: JSON.stringify({
+                    curr_page: curr_page,
+                    page_count: page_count
+                }),
+            },
+            header: {
+                'content-type': 'application/x-www-form-urlencoded',
+                'X-Requested-With': 'XMLHttpRequest'
+            }
+        })
+            .then(res => {
+                if (res.data.supplys.length){
+                const newSupplys=this.state.supplys.concat(res.data.supplys)
+                    this.setState({ supplys: newSupplys, isMore: 'more'})
+            }else{
+                    this.setState({ isMore:'noMore'})
+            }
+            })
+    }
+    handleLoadMore(){
+        this.setState({isMore:'loading'})
+        setTimeout(() => {
+            currentPage += 1
+            this.GetAllDemanding({ curr_page: currentPage })
+            
+        }, 1000);
+         
+    }
+    onChange = e => {
+        this.setState({
+            selectorChecked: this.state.selector[e.detail.value]
+        })
+    }
+  
+    onDateChange = e => {
+        this.setState({
+            dateSel: e.detail.value
+        })
+    }
+
+
+    componentWillReceiveProps(nextProps) {
+        console.log(this.props, nextProps)
+    }
+    componentDidMount(){
+        this.GetAllDemanding({})
+        
+    }
+
+    componentWillUnmount() { }
+
+    componentDidShow() { }
+
+    componentDidHide() { }
+
+    render() {
+        const allDemandingElementArray=this.state.supplys?this.state.supplys.map((item,index)=>{
+
+            return <View className='demanding-info' key={index}>
+                    <View className='header'>
+                    <View className='name'>业主:{item.user_name}</View>
+                    <View className='others'>
+                        <Text className='cate'>{item.class_name+' '} </Text>
+                        | 
+                        <Image src={eyeIcon} style='width:12px; height:12px;  vertical-align:middle;' />
+                        <Text className='watch'>{item.browse_times}</Text>
+                     </View>
+                    </View>
+                    <View className='body'>
+                        <View className='image-container'>
+                        <Image style='width:90px;height:60px' src={URL.Base + item.file_path[0].thumb_path} />
+                        </View>
+                        <View className='detail'>
+                        <View className='title'>{item.sd_title}</View>
+                        <View className='para'>{item.sd_desc}</View>
+                            <View className='button'>
+                                <AtButton type='primary' size='small'>
+                                    抢单</AtButton>
+                            </View>
+
+                        </View>
+
+                    </View>
+                    <View className='footer'>
+                        <View className='location'><AtIcon value='map-pin' size='12' color='black'></AtIcon>没有数据</View>
+                    <View className='time'>更新日期:{item.update_date}</View>
+                    </View>
+
+                </View>
+        }):null
+        return (
+            <View className='allDemanding'>
+                <View className='page-section'>
+
+                    <View>
+                        <Picker mode='selector' range={this.state.selector1} onChange={this.onChange1}>
+                            <View className='picker'>
+                                <View className='title-box'>
+                                    <Text className='title'> <Text className='require'>*</Text>供求状态:</Text> <Text className='selected'>{this.state.selectorChecked1}</Text>
+                                </View>
+
+                            </View>
+                        </Picker>
+                    </View>
+                </View>
+                <View className='input-box'>
+                    <Text className='require'>*</Text>
+                    <AtInput
+                      name='value'
+                      title='需求标题：'
+                      type='text'
+                      placeholder='需求标题'
+                      value={this.state.value}
+                      onChange={this.handleChange.bind(this)}
+                    />
+                </View>
+
+
+                <View className='page-section'>
+
+                    <View className='picker-box'>
+                        <Picker mode='date' className='picker-container' onChange={this.onDateChange}>
+                            <View className='picker'>
+                                <View className='title-box'>
+                                    <Text className='title'><Text className='require'>*</Text>开始日期:</Text> <Text className='selected'>{this.state.dateSel}</Text>
+                                </View>
+
+                            </View>
+                        </Picker>
+                        <Picker className='picker-container' mode='date' onChange={this.onDateChange}>
+                            <View className='picker'>
+                                <View className='title-box'>
+                                    <Text className='title'><Text className='require'>*</Text>结束日期:</Text> <Text className='selected'>{this.state.dateSel}</Text>
+                                </View>
+
+                            </View>
+                        </Picker>
+
+                    </View>
+                </View>
+                <View className='page-section'>
+
+                    <View>
+                        <Picker mode='selector' range={this.state.selector1} onChange={this.onChange1}>
+                            <View className='picker'>
+                                <View className='title-box'>
+                                    <Text className='title'> <Text className='require'>*</Text>供求状态:</Text> <Text className='selected'>{this.state.selectorChecked1}</Text>
+                                </View>
+
+                            </View>
+                        </Picker>
+                    </View>
+                </View>
+                <View className='button-box'>
+                    <View className='button'>
+                        <AtButton type='primary' size='small'>
+                            <AtIcon value='search' size='12' color='white'></AtIcon>
+                            搜索</AtButton>
+                    </View>
+                </View>
+                <View className='demanding-box' >
+                    {allDemandingElementArray}
+                </View>
+                <AtLoadMore
+                  onClick={this.handleLoadMore.bind(this)}
+                  status={this.state.isMore}
+                />
+                <copyrightComponent></copyrightComponent>
+            </View>
+        )
+    }
+}
+
+export default AllDemanding

src/pages/allDemanding/allDemanding.scss

@@ -0,0 +1,129 @@
+.allDemanding{
+      padding: 10px 20px;
+    font-size: 32rpx;
+     .require{
+    color:red;
+    line-height:100rpx;
+}
+   .at-input__container{
+             color:black;
+             font-weight: bold;
+             .at-input__input{
+                 font-weight: normal
+             }
+         }
+    .page-section{
+      border-bottom: 1Px solid #d6e4ef;
+       
+      .picker{
+         // padding: 24rpx 0;
+          .selected{
+               display: inline-block;
+              margin-left: 20%;
+                font-size: 32rpx
+            }
+        .title-box{
+     .title{
+        //color: #333;
+        margin-right:16rpx;
+        width:172rpx;
+        font-size:32rpx;
+        line-height:1.5;
+        vertical-align:middle;
+        text-align:left;
+        font-weight: bold;
+   }
+}
+      }
+}
+.input-box{
+    display: flex;
+    border-bottom: 1Px solid #d6e4ef;
+}
+
+}
+.picker-box{
+    display: flex;
+    flex-wrap: nowrap;
+    flex-direction: row;
+    .picker-container{
+        flex:1
+    }
+}
+.button-box{
+    .button{
+      margin-top: 50px;
+      margin-bottom: 50px;
+    text-align: center;
+      
+        .at-button--primary{
+            background-color:#FF9500;
+            border:1PX solid #FF9500;
+        }
+    }
+
+}
+.demanding-box{
+    .demanding-info{
+    border: 1px solid #ddd;
+    border-radius: 3px;
+    box-shadow: 0 10px 10px #ddd;
+    margin-bottom: 20px;
+    font-size: 28rpx;
+    .header{
+        display: flex;
+        padding:20px 20px 5px;
+        border-bottom: 1px solid #F2F2F2;
+        .name{
+            flex:1
+        }
+        .others{
+            flex:1;
+            text-align: right;
+            .cate{
+                color:#2196F3
+            }
+            
+        }
+    }
+    .body{
+        display: flex;
+        border-bottom: 1px solid #F2F2F2;
+        margin:20px 0;
+        .image-container{
+            padding: 10px;
+            flex:1;
+        }
+        .detail{
+            flex:2;
+            position: relative;
+            padding-right: 20px;
+            .title{
+                font-weight: bold;
+            }
+            .button{
+                position: absolute;
+                bottom: 0px;
+                right:20px;
+            }
+        }
+        
+        
+    }
+    .footer{
+             display: flex;
+             margin:20px;
+             color:#999;
+             font-size: 25rpx;
+           .location{
+            flex:1
+           }  
+           .time{
+            flex:1
+           }
+
+        }
+
+    }
+  
+}

src/pages/goods/goods.js

@@ -1,6 +1,7 @@
 import Taro, { Component } from '@tarojs/taro'
 import { View, Button, Text, Image } from '@tarojs/components'
 import { AtSearchBar, AtTabs, AtTabsPane,AtSegmentedControl } from 'taro-ui'
+import copyrightComponent from '../../component/copyrightComponent/copyrightComponent'
 
 
 
@@ -170,15 +171,8 @@ class Goods extends Component {
                     
                   </View>
 
-                <View className='copyright-box'>
+                <copyrightComponent></copyrightComponent>
-                    <View className='title'>
-                        Copyright  &copy; 晨丰全屋定制商城 闽ICP备16007300号-2
-                </View>
 
-                </View>
-                <View className='gap'>
-
-                </View>
                 <View className='shop-bottom-box' >
                     <View className='shop-bottom-nav'>
                         <View className='to-shop'>

src/pages/goodsPublish/goodsPublish.js

@@ -2,6 +2,7 @@ import Taro, { Component } from '@tarojs/taro'
 import { View, Button, Text, Input, Radio, RadioGroup, Label } from '@tarojs/components'
 import { AtInput, AtForm, AtImagePicker, AtTextarea, AtRadio, AtButton } from 'taro-ui'
 
+import copyrightComponent from '../../component/copyrightComponent/copyrightComponent'
 
 
 import './goodsPublish.scss'
@@ -183,7 +184,7 @@ class GoodsPublish extends Component {
                           value={this.state.value}
                           onChange={this.handleChange.bind(this)}
                           maxlength='200'
-                          placeholder='你的问题是...'
+                          placeholder='你的产品简介'
                         />
 
                     </View>
@@ -203,6 +204,7 @@ class GoodsPublish extends Component {
 
                 </View>
 
+                <copyrightComponent></copyrightComponent>
 
             </View>
         )

src/pages/goodsPublish/goodsPublish.scss

@@ -3,7 +3,12 @@
     .border-box{
          border-bottom: 1Px solid #d6e4ef;
          
+    
     }
+    .at-input__container{
+             color:black;
+             font-weight: bold;
+         }
     .img-box{
         margin-top:10Px;
          .img-container{
@@ -46,13 +51,14 @@
 }
 .title-box{
      .title{
-         color: #333;
+        //color: #333;
-       margin-right:16rpx;
+        margin-right:16rpx;
         width:172rpx;
         font-size:32rpx;
         line-height:1.5;
         vertical-align:middle;
         text-align:left;
+        font-weight: bold
        
 
    }

src/pages/home/home.js

@@ -93,7 +93,11 @@ class Home extends Component {
   onClickChildCate(item) {
     this.getShops(item.parent_class_id, item.class_id, 2)
   }
-
+  goToAllDemandingPage(){
+    Taro.navigateTo({
+      url: '/pages/allDemanding/allDemanding'
+    })
+  }
 
   render() {
     const demandingElemensArray = this.state.demanding?this.state.demanding.map((item, index) => {
@@ -213,7 +217,7 @@ class Home extends Component {
             <Text className='title-block'></Text>
             <Text className='title-text'>业主需求</Text>
 
-            <Text className='more-link'>
+            <Text className='more-link' onClick={this.goToAllDemandingPage.bind(this)}>
               更多>>
                 </Text>
           </View>

src/pages/index/index.js

@@ -31,12 +31,6 @@ class Index extends Component {
     Taro.navigateTo({
       url: '/pages/home/home'
     })
-
-    // Taro.request({
-    //   url:'http://192.168.1.230/Shop-wxStore',
-  
-    // })
-    //   .then(res => console.log(res.data))
   }
   componentWillReceiveProps (nextProps) {
     console.log(this.props, nextProps)

src/pages/mySupplyDemand/mySupplyDemand.js

@@ -0,0 +1,188 @@
+import Taro, { Component } from '@tarojs/taro'
+import { View, Button, Text } from '@tarojs/components'
+import { AtInput, AtButton, Picker,AtIcon } from 'taro-ui'
+
+import copyrightComponent from '../../component/copyrightComponent/copyrightComponent'
+import searchBarComponent from '../../component/searchBarComponent/searchBarComponent'
+
+
+import './mySupplyDemand.scss'
+
+
+console.log('hi')
+class MySupplyDemand extends Component {
+
+    config = {
+        navigationBarTitleText: '我的供求'
+    }
+    constructor() {
+        super(...arguments)
+        this.state = {
+            selector: ['全部','需求', '供应', '人才'],
+            selectorChecked: '全部',
+            selector1: ['全部','上架', '下架'],
+            selectorChecked1: '全部',
+            dateSel: '2018-04-22',
+
+        }
+    }
+    onChange = e => {
+        this.setState({
+            selectorChecked: this.state.selector[e.detail.value]
+        })
+    }
+    onChange1 = e => {
+        this.setState({
+            selectorChecked1: this.state.selector1[e.detail.value]
+        })
+    }
+    onDateChange = e => {
+        this.setState({
+            dateSel: e.detail.value
+        })
+    }
+
+
+   
+    componentWillReceiveProps(nextProps) {
+        console.log(this.props, nextProps)
+    }
+
+    componentWillUnmount() { }
+
+    componentDidShow() { }
+
+    componentDidHide() { }
+
+    render() {
+        return (
+            <View className='mySupplyDemand'>
+                <searchBarComponent></searchBarComponent>
+            
+                <View className='page-section'>
+                    <View>
+                        <Picker mode='selector' range={this.state.selector} onChange={this.onChange}>
+                            <View className='picker'>
+                                <View className='title-box'>
+                                    <Text className='title'><Text className='require'>*</Text>供求类型:</Text> <Text className='selected'>{this.state.selectorChecked}</Text>
+                                </View>
+
+                            </View>
+                        </Picker>
+                    </View>
+                </View>
+                <View className='page-section'>
+
+                    <View>
+                        <Picker mode='selector' range={this.state.selector1} onChange={this.onChange1}>
+                            <View className='picker'>
+                                <View className='title-box'>
+                                    <Text className='title'> <Text className='require'>*</Text>供求状态:</Text> <Text className='selected'>{this.state.selectorChecked1}</Text>
+                                </View>
+
+                            </View>
+                        </Picker>
+                    </View>
+                </View>
+                <View className='input-box'>
+                    <Text className='require'>*</Text>
+                    <AtInput
+                      name='value'
+                      title='供求标题：'
+                      placeholder='供求标题·'
+                      type='text'
+                      value={this.state.value}
+                      onChange={this.handleChange.bind(this)}
+                    />
+                </View>
+                <View className='page-section'>
+                   
+                    <View className='picker-box'>
+                        <Picker mode='date' className='picker-container' onChange={this.onDateChange}>
+                            <View className='picker'>
+                                <View className='title-box'>
+                                    <Text className='title'><Text className='require'>*</Text>开始日期:</Text> <Text className='selected'>{this.state.dateSel}</Text>
+                                </View>
+                                
+                            </View>
+                        </Picker>
+                        <Picker  className='picker-container' mode='date' onChange={this.onDateChange}>
+                            <View className='picker'>
+                                <View className='title-box'>
+                                    <Text className='title'><Text className='require'>*</Text>结束日期:</Text> <Text className='selected'>{this.state.dateSel}</Text>
+                                </View>
+                                
+                            </View>
+                        </Picker>
+                        
+                    </View>
+                </View>
+
+                <View className='button-box'>
+                    <View className='button'>
+                        <AtButton type='primary' size='small'>
+                            <AtIcon value='search' size='12' color='white'></AtIcon>
+                        搜索</AtButton>
+                    </View>
+                    <View className='button'>
+                        <AtButton type='primary' size='small'>
+                            <AtIcon value='add' size='12' color='white'></AtIcon>
+                        新增</AtButton>
+                    </View>
+                </View>
+                <View className='total-count'>一共<Text className='number'>20</Text> 条记录</View>
+                <View className='info-box'>
+                    <View className='info-container'>
+                     
+                        <View className='type'>
+                            <Text className='title'>需求类型：</Text>
+                            <Text className='info'>1</Text>
+                        </View>
+                        <View className='demand-title'>
+                            <Text className='title'>需求标题：</Text>
+                            <Text className='info'>1</Text>
+                        </View>
+                        <View className='contact-name'>
+                            <Text className='title'>联系人：</Text>
+                            <Text className='info'>1</Text>
+                        </View>
+                        <View className='contact-number'>
+                            <Text className='title'>电话号码：</Text>
+                            <Text className='info'>1</Text>
+                        </View>
+                        <View className='demand-status'>
+                            <Text className='title'>需求状态：</Text>
+                            <Text className='info'></Text>
+                        </View>
+                        <View className='update-time'>
+                            <Text className='title'>更新时间：</Text>
+                            <Text className='info'>1</Text>
+                        </View>
+                        <View className='info-button-box'>
+                            <View className='button'>
+                                <AtButton type='primary' size='small'>查看</AtButton>
+                            </View>
+                            <View className='button'>
+                                <AtButton type='primary' size='small'>编辑</AtButton>
+                            </View>
+                            <View className='button'>
+                                <AtButton type='primary' size='small'>删除</AtButton>
+                            </View>
+                        </View>
+                        
+
+                    </View>
+
+
+                </View>
+         
+
+
+                <copyrightComponent></copyrightComponent>
+
+            </View>
+        )
+    }
+}
+
+export default MySupplyDemand

src/pages/mySupplyDemand/mySupplyDemand.scss

@@ -0,0 +1,111 @@
+.mySupplyDemand{
+    padding: 10px 20px;
+    font-size: 32rpx;
+    .require{
+    color:red;
+    line-height:100rpx;
+}
+.total-count{
+    text-align: right;
+    margin: 20px;
+    .number{
+    color:red;
+}
+
+}
+
+     .at-input__container{
+             color:black;
+             font-weight: bold;
+             .at-input__input{
+                 font-weight: normal
+             }
+         }
+    .page-section{
+      border-bottom: 1Px solid #d6e4ef;
+       
+      .picker{
+         // padding: 24rpx 0;
+          .selected{
+               display: inline-block;
+              margin-left: 20%;
+                font-size: 32rpx
+            }
+        .title-box{
+     .title{
+        //color: #333;
+        margin-right:16rpx;
+        width:172rpx;
+        font-size:32rpx;
+        line-height:1.5;
+        vertical-align:middle;
+        text-align:left;
+        font-weight: bold;
+   }
+
+}
+      }
+}
+.input-box{
+    display: flex;
+    border-bottom: 1Px solid #d6e4ef;
+}
+}
+
+.picker-box{
+    display: flex;
+    flex-wrap: nowrap;
+    flex-direction: row;
+    .picker-container{
+        flex:1
+    }
+
+}
+.button-box{
+    display: flex;
+    flex-wrap: nowrap;
+    flex-direction: row;
+    margin: 40px 0;
+    padding: 0 120px;
+    .button{
+        flex:1;
+        text-align: center;
+        .at-button--primary{
+            background-color:#FF9500;
+            border:1PX solid #FF9500;
+
+
+        }
+    }
+}
+.info-box{
+    font-size: 30px;
+    .info-container{
+        border: 1px solid #ddd;
+        margin-bottom: 8px;
+        box-shadow: 0 8px 8px #ddd;
+        padding: 10px;
+        View{
+            margin:10px
+        }
+        .info-button-box{
+   display: flex;
+    flex-wrap: nowrap;
+    justify-content:flex-end;
+    margin: 20px 0 0 0;
+    padding: 0 20px;
+    border-top: 1px solid #ddd;
+    .button{
+      // flex:1;
+        text-align: center;
+        margin: 0 0;
+        .at-button--primary{
+            background-color:#FF9500;
+            border:1PX solid #FF9500;
+        }
+    }
+}
+
+    }
+}
+

src/pages/shop/shop.js

@@ -6,6 +6,7 @@ import URL from '../../serviceAPI.config'
 import './shop.scss'
 import ShopItem from '../../component/shopItemComponent/shopItemComponent'
 import bottomNav from '../../component/bottomNav/bottomNav'
+import copyrightComponent from '../../component/copyrightComponent/copyrightComponent'
 
 class Shop extends Component {
     // 项目配置
@@ -22,7 +23,7 @@ class Shop extends Component {
             FilterText:'',
             filterBar:['综合排序','销量','新品','价格','人气'],
             selectedFilterValue:0,
-            isShowFilter:false,
+            isShowFilter:true,
             综合排序:true,
             销量:false,
             新品:false,
@@ -320,6 +321,7 @@ class Shop extends Component {
                             <View className='confirm-button'>
                                 <Button className='button' type='primary' size='mini' style='background-color:#FF9900' >确认</Button>
                                 <Button className='button' type='primary' size='mini' style='background-color:#FF9900'>重置</Button>
+                                <View className='gap'></View>
                             </View>
                         </View>
                 </View>
@@ -329,15 +331,8 @@ class Shop extends Component {
                     {ShopItemElementsArray}
                     
             </View>
-            <View className='copyright-box'>
+                <copyrightComponent></copyrightComponent>
-                <View className='title'>
-                      Copyright  &copy; 晨丰全屋定制商城 闽ICP备16007300号-2
-                </View>
 
-            </View>
-                <View className='gap'>
-
-                </View>
                 <View className='bottom-nav-box'>
                     <bottomNav otherData={{menu:[{ name: '首页' }, { name: '分类' }, { name: '购物车' }, { name: '教程软件' }, { name:'更多'}]}} />
 

src/pages/shop/shop.scss

@@ -95,6 +95,9 @@
                 .button{
                 margin:0 20px
                 }
+                .gap{
+                    height: 100px;
+                }
             }
         }
     }

src/pages/supplyDemandPubish/supplyDemandPubish.js

@@ -0,0 +1,176 @@
+
+import Taro, { Component } from '@tarojs/taro'
+import { View, Button, Text } from '@tarojs/components'
+import { AtInput, AtForm, AtImagePicker, AtTextarea, AtRadio, AtButton, Picker} from 'taro-ui'
+import copyrightComponent from '../../component/copyrightComponent/copyrightComponent'
+
+
+import './supplyDemandPubish.scss'
+
+
+
+class SupplyDemand extends Component {
+
+    config = {
+        navigationBarTitleText: '供求发布'
+    }
+    constructor() {
+        super(...arguments)
+        this.state = {
+            selector: ['需求', '供应', '人才'],
+            selectorChecked: '需求',
+            selector1: ['上架', '下架'],
+            selectorChecked1: '上架',
+           
+        }
+    }
+    onChange = e => {
+        this.setState({
+            selectorChecked: this.state.selector[e.detail.value]
+        })
+    }
+    onChange1 = e => {
+        this.setState({
+            selectorChecked1: this.state.selector1[e.detail.value]
+        })
+    }
+
+    componentWillReceiveProps(nextProps) {
+        console.log(this.props, nextProps)
+    }
+
+    componentWillUnmount() { }
+
+    componentDidShow() { }
+
+    componentDidHide() { }
+
+    render() {
+        return (
+            <View className='supply-demand'>
+                <View className='page-section'>
+                    
+                    <View>
+                        <Picker mode='selector' range={this.state.selector} onChange={this.onChange}>
+                            <View className='picker'>
+                             <View className='title-box'>
+                                    <Text className='title'><Text className='require'>*</Text>供求类型:</Text> <Text className='selected'>{this.state.selectorChecked}</Text> 
+                             </View>
+                                
+                            </View>
+                        </Picker>
+                    </View>
+                </View>
+
+
+                <View className='border-box'>
+                    <Text className='require'>*</Text><AtInput
+                      name='value'
+                      title='需求标题：'
+                      type='text'
+                      value={this.state.value}
+                      onChange={this.handleChange.bind(this)}
+                    />
+                </View>
+                <View className='input-box'>
+                    <Text className='require'>*</Text>
+                    <AtInput
+                      name='value'
+                      title='联系人：'
+                      type='text'
+                      value={this.state.value}
+                      onChange={this.handleChange.bind(this)}
+                    />
+                </View>
+                <View className='input-box'>
+                    <Text className='require'>*</Text>
+                    <AtInput
+                      name='value'
+                      title='联系电话：'
+                      type='number'
+                      value={this.state.value}
+                      onChange={this.handleChange.bind(this)}
+                    />
+                </View>
+                <View className='address-box'>
+                    <View className='title-box'>
+                        <Text className='title'>联系地址:</Text>
+                    </View>
+
+                    <AtTextarea
+                      value={this.state.value}
+                      onChange={this.handleChange.bind(this)}
+                      maxlength='200'
+                      placeholder='你的产品简介'
+                    />
+
+                </View>
+                <View className='demanding-box'>
+                    <View className='title-box'>
+                        <Text className='title'><Text className='require'>*</Text>需求内容:</Text>
+                    </View>
+
+                    <AtTextarea
+                      value={this.state.value}
+                      onChange={this.handleChange.bind(this)}
+                      maxlength='200'
+                      placeholder='你的产品简介'
+                    />
+
+                </View>
+                <View className='img-box'>
+                    <View className='title-box'>
+                        <Text className='title'>需求图片:</Text>
+                        <View className='warn'>(最多4张)</View>
+                    </View>
+
+                    <View className='img-container'>
+
+                        <AtImagePicker
+                          multiple
+                          files={this.state.files}
+                          onChange={this.onChange.bind(this)}
+                          onFail={this.onFail.bind(this)}
+                          onImageClick={this.onImageClick.bind(this)}
+                        />
+
+                    </View>
+                
+                </View>
+                <View className='page-section'>
+
+                    <View>
+                        <Picker mode='selector' range={this.state.selector1} onChange={this.onChange1}>
+                            <View className='picker'>
+                                <View className='title-box'>
+                                    <Text className='title'> <Text className='require'>*</Text>状态:</Text> <Text className='selected'>{this.state.selectorChecked1}</Text>
+                                </View>
+
+                            </View>
+                        </Picker>
+                    </View>
+                </View>
+
+                <View className='button-box'>
+                    <View className='button'>
+                        <AtButton type='primary' size='small'>发布</AtButton>
+                    </View>
+                    <View className='button'>
+                        <AtButton type='primary' size='small'>发布并新增</AtButton>
+                    </View>
+                    <View className='button'>
+                        <AtButton type='primary' size='small'>商品列表</AtButton>
+                    </View>
+
+
+
+                </View>
+                <copyrightComponent></copyrightComponent>
+
+               
+            </View>
+        )
+    }
+}
+
+export default SupplyDemand

src/pages/supplyDemandPubish/supplyDemandPubish.scss

@@ -0,0 +1,77 @@
+.supply-demand{
+     padding: 10px 20px;
+    .border-box{
+         border-bottom: 1Px solid #d6e4ef;
+         display: flex
+    }
+     .at-input__container{
+             color:black;
+             font-weight: bold;
+             .at-input__input{
+                 font-weight: normal
+             }
+         }
+    .img-box{
+        margin-top:10Px;
+         .img-container{
+        border: 1Px solid #d6e4ef;
+        border-radius:8rpx;
+             }
+        }
+    .button-box{
+    display: flex;
+    flex-wrap: nowrap;
+    flex-direction: row;
+    margin: 40px 0;
+    padding: 0 120px;
+    .button{
+        flex:1;
+        text-align: center;
+        .at-button--primary{
+            background-color:#FF9500;
+            border:1PX solid #FF9500;
+
+
+        }
+    }
+}
+
+}
+
+.title-box{
+     .title{
+        //color: #333;
+        margin-right:16rpx;
+        width:172rpx;
+        font-size:32rpx;
+        line-height:1.5;
+        vertical-align:middle;
+        text-align:left;
+        font-weight: bold;
+   }
+
+}
+.warn{
+        font-size: 25px;
+        color:red;
+        }
+.page-section{
+      border-bottom: 1Px solid #d6e4ef;
+      .picker{
+          padding: 24rpx 0
+      }
+}
+.selected{
+    display: inline-block;
+    margin-left: 20%;
+    font-size: 32rpx
+}
+.input-box{
+     border-bottom: 1Px solid #d6e4ef;
+    display: flex;
+}
+.require{
+    color:red;
+    line-height:100rpx;
+
+}

src/serviceAPI.config.js

@@ -8,6 +8,7 @@ const URL = {
     GetSearchParam: LOCALURL + 'GoodsSearch-getSearchParam',// sidebar筛选的字段
     SearchResult: LOCALURL + 'GoodsSearch-search',// 得到搜索结果
     SearchBarKeyWords: LOCALURL + 'Search-getKeywords',// 搜索栏接口
+    GetAllDemanding: LOCALURL + 'supply-allDemandList',// 获取所有业主需求
    
 }