bwj_wechat/pages/tabbar-pages/supplyAndDemand/index.wxml

<!-- 自定义头部 -->
<My_navBar></My_navBar>
<!-- 轮播图 -->
<My_BannerSwiper swiperBannerList="{{swiperBannerList}}"></My_BannerSwiper>
<!-- tabs切换栏 -->
<view class="tabs_box">
    <van-tabs active="{{ active }}" bind:change="tabsChange" custom-class="tabs-custom-class" tab-active-class="tabs-active-class" ellipsis="{{false}}" line-width="30px" color="#4DC2D4" title-active-color="#4DC2D4" swipeable>
        <view style="height: 10rpx;"></view>
        <van-tab title="所有信息">
            <!-- 搜索 -->
            <view class="my-need-search">
                <input class="my-need-search-input {{searchFocus?'my-need-search-inputfocus':''}}" confirm-type="search" placeholder="搜索关键字" type="text" bindfocus="needSearchFocus" bindblur="needSearchBlur" bindconfirm='needSearchBlur' />
                <view class="my-need-search-but">
                    <van-icon name="search" />
                </view>
            </view>
            <!-- 宫格 -->
            <view class="grid_box">
                <view class="grid_item" wx:for="{{ftypeList}}" wx:key="index" data-type="{{item.ftype}}" bindtap="switchScreenType">
                    <view class="grid_item_image" wx:if="{{ftype==item.ftype}}">
                        <image src="{{item.attinfos[1].fobsurl}}"></image>
                    </view>
                    <view wx:else class="grid_item_image">
                        <image src="{{item.attinfos[0].fobsurl}}"></image>
                    </view>
                    <view class="grid_item_title u-line-1">{{item.ftype}}</view>
                </view>
            </view>
            <!-- 列表 -->
            <My_SupplyAndDemandItemBox data-index="{{index}}" bindtap="jumpForDetails" wx:for="{{productList}}" wx:key="index" title="[{{item.ftype}}]{{item.ftitle}}" time="{{item.checkdate}}" imageList="{{item.attinfos}}" type='{{item.ftype}}' content="{{item.fcontent}}" bindstopOnShow="stopOnShow">
                <!-- 内容信息插槽 -->
                <view slot="dataAndBut">
                    <view class="dataAndBut">
                        <view class="dataAndBut_data">
                            浏览次数:{{item.freadtimes}}次 沟通人数:{{item.fcommunicationtimes}}次
                        </view>
                        <!-- <view class="dataAndBut_but">
                            <van-button wx:if="{{item.fstatus == '待对接'}}" color="#4DC2D4" style="margin-left: 16rpx;" custom-class="custom-slotBut" data-item="{{item}}" catchtap="toLinkUp">一键联系</van-button>
                            <van-button wx:else color="#4DC2D4" style="margin-left: 16rpx;" custom-class="custom-NoSlotBut" catchtap="stop">{{item.fstatus}}</van-button>
                        </view> -->
                    </view>
                </view>
            </My_SupplyAndDemandItemBox>
        </van-tab>
        <van-tab title="正在对接">
            <view class="abutting-joint-box" wx:for="{{productList}}" wx:key="index">
                <view class="abutting-joint-titleAndMsg">
                    <view class="abutting-joint-title u-line-1">[{{item.ftype}}]{{item.ftitle}}</view>
                    <view class="abutting-joint-msg u-line-1"><text wx:if="{{item.imdialogs[0].funreadmsgcount!=0}}" style="color: #FF0000; opacity: .5;">[{{item.imdialogs[0].funreadmsgcount}}条]</text>
                        <view style="display: inline-block;" wx:if="{{item.imdialogs[0].latestnews.length!=0}}">{{item.imdialogs[0].latestnews[0].fname}}：<text wx:if="{{item.imdialogs[0].latestnews[0].fmessagetype=='text'}}">{{item.imdialogs[0].latestnews[0].message.data.fcontent}}</text>
                            <text wx:else>[图片]</text>
                        </view>
                    </view>
                </view>
                <view class="abutting-joint-timeAndBut">
                    <view class="abutting-joint-time">{{item.checkdate}}</view>
                    <van-button custom-class="abutting-joint-but" data-timdialogid="{{item.imdialogs[0].timdialogid}}" catchtap="toLinkUpPage"><text class="abutting-joint-but-text">继续沟通</text></van-button>
                </view>
            </view>
            <view style="width: 100vw; height: 30rpx;"></view>
        </van-tab>
        <van-tab title="我的需求">
            <!-- 搜索 -->
            <view class="my-need-search">
                <input class="my-need-search-input {{searchFocus?'my-need-search-inputfocus':''}}" confirm-type="search" placeholder="搜索关键字" type="text" bindfocus="needSearchFocus" bindblur="needSearchBlur" bindconfirm='needSearchBlur' />
                <view class="my-need-search-but">
                    <van-icon name="search" />
                </view>
            </view>
            <!-- 列表 -->
            <My_SupplyAndDemandItemBox wx:for="{{productList}}" wx:key="index" title="【{{item.ftype}}】{{item.ftitle}}" time="{{item.checkdate}}" imageList="{{item.attinfos}}" data-index="{{index}}" bindtap="jumpForDetails" type='{{item.ftype}}' content="{{item.fcontent}}" bindstopOnShow="stopOnShow">
                <!-- 我的需求左上状态插槽 -->
                <view slot="myState" class="myState">
                    <view class="myShowState {{item.fstatus=='正在对接'?'myNoSoldOut':''}}{{item.fstatus=='对接中'?'myNoSoldOut':''}} {{item.fstatus=='待对接'?'myNoSoldOut':''}}">
                        <view wx:if="{{item.fstatus=='已解决'}}">已下架</view>
                        <view wx:elif="{{item.fstatus=='新建'}}">未上架</view>
                        <view wx:elif="{{item.fstatus=='待对接'}}">上架中</view>
                        <view wx:elif="{{item.fstatus=='对接中'}}">对接中</view>
                        <view wx:elif="{{item.fstatus=='正在对接'}}">对接中</view>
                        <view wx:else>已下架</view>
                    </view>
                </view>
                <!-- 下架按钮插槽 -->
                <view slot="soldOutBut">
                    <van-button data-index="{{index}}" plain color="#4DC2D4" custom-class="soldOutBut" catchtap="soldOut">下架</van-button>
                </view>
                <!-- 内容信息插槽 -->
                <view slot="dataAndBut">
                    <view class="dataAndBut">
                        <view class="dataAndBut_data">
                            浏览次数:{{item.freadtimes}} 沟通人数:{{item.fcommunicationtimes}}次
                        </view>
                        <view class="dataAndBut_but">
                            <van-button color="#4DC2D4" data-item="{{item}}" style="margin-left: 16rpx;" custom-class="custom-slotBut" catchtap="showCommunicationOfNumber">沟通详情</van-button>
                            <van-button color="#4DC2D4" data-index="{{index}}" style="margin-left: 16rpx;" custom-class="custom-slotBut" catchtap="productEdit">编辑</van-button>
                        </view>
                    </view>
                </view>
            </My_SupplyAndDemandItemBox>
        </van-tab>
    </van-tabs>
</view>
<!-- 我的需求弹框 -->
<van-action-sheet show="{{ ifShowCommunicationOfNumber }}" bind:close="endShowCommunicationOfNumber">
    <view class="CommunicationOfNumber">
        <view class="CommunicationOfNumber-title">沟通列表</view>
        <view class="CommunicationOfNumber-list">
            <view wx:for="{{imdialogs}}" wx:key="index">{{item.createdate}}<text data-timdialogid="{{item.timdialogid}}" catchtap="toLinkUpPage" class="text">用户：{{item.fname}}</text><text wx:if="{{item.fdatastatus==0}}">发起联系，遗憾未达成合作</text><text wx:elif='{{item.fdatastatus==1}}'>发起联系，恭喜达成合作</text><text wx:else>发起联系，正在对接中</text></view>
        </view>
    </view>
    <view style="height: 50px;"></view>
</van-action-sheet>
<!-- 触底展示 -->
<My_pageReachBottom dummyStatus="{{productList.length>=1}}" loadMore="{{pageNumber>=pageTotal}}"></My_pageReachBottom>
<!-- 安全距离 -->
<view style="height: 34px;"></view>
<!-- 右侧吸附固定按钮 -->
<My_fixedButton bindclick='postDemand' />