175 lines
9.2 KiB
Plaintext
175 lines
9.2 KiB
Plaintext
<ep-navBar title="接龙详情" background='linear-gradient(270deg,#f9c706 0%,#feb600 100%)' back="{{true}}" iconTheme='white' color='#fff' bindback="handlerGobackClick"/>
|
||
<view>
|
||
<i-solitaire-head class="mb10" community="{{community}}" showShare="{{soli_info.appstate!=0}}" bind:share="handleShareModal"></i-solitaire-head>
|
||
<view class="mb10 bg-f p30">
|
||
<view class="weight fsz-30 mb5">{{soli_info.solitaire_name}}</view>
|
||
<view class="fsz-26 mb10">
|
||
<parser html="{{soli_info.content}}" />
|
||
</view>
|
||
<view class="fsz-24 text-gray mb10">接龙时间：{{soli_info.begin_time_str}}~{{soli_info.end_time_str}}</view>
|
||
<view class="img-list i-flex i-flex-wrap" wx:if="{{soli_info.images_list.length}}">
|
||
<image class="img-item" bindtap="showImgPrev" src="{{item}}" lazy-load mode="aspectFill" wx:for="{{soli_info.images_list}}" wx:key="id" data-idx="{{index}}"></image>
|
||
</view>
|
||
</view>
|
||
<view class="bg-f mb10" wx:if="{{soli_info.goods_list.length}}">
|
||
<view class="fsz-30 weight text-dark border-bottom p30">商品信息</view>
|
||
<view class="goods-list">
|
||
<view class="item border-bottom p30" wx:for="{{soli_info.goods_list}}" wx:key="id">
|
||
<i-solitaire-good spuItem="{{item}}" idx="{{index}}"></i-solitaire-good>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<view class="bg-f mb10">
|
||
<view class="fsz-30 weight text-dark border-bottom p30">活动统计</view>
|
||
<view class='three'>
|
||
<view class='three-item'>
|
||
<view class='three-money'>{{soli_info.invite_count|0}}</view>
|
||
<view class='three-title'>浏览(人)</view>
|
||
</view>
|
||
<view class='three-item'>
|
||
<view class='three-money'>{{soli_info.order_count|0}}</view>
|
||
<view class='three-title'>参与接龙(人)</view>
|
||
</view>
|
||
<view class='three-item'>
|
||
<view class='three-money'>{{soli_info.soli_total_money|0}}</view>
|
||
<view class='three-title'>接龙金额(元)</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<view class="bg-f">
|
||
<view class="fsz-30 weight text-dark border-bottom p30">接龙记录</view>
|
||
<view class="list order" wx:if="{{orderList.length}}">
|
||
<view class="item border-bottom" wx:for="{{orderList}}" wx:key="order_id">
|
||
<view class="i-flex i-aic">
|
||
<image class="avatar" src="{{item.avatar}}"></image>
|
||
<view class="username i-flex-item fsz-28 weight">{{item.username}}</view>
|
||
<view class="fsz-24 text-gray">{{item.addtime}}</view>
|
||
</view>
|
||
<view class="order-goods i-flex i-aic" wx:if="{{item.goodslist.length}}">
|
||
<image wx:for="{{item.goodslist}}" wx:for-item="goods" wx:for-index="idx" wx:key="goods_id" wx:if="{{idx<4}}" src="{{goods.goods_images}}" class="order-goods-img" mode="aspectFill" lazy-load></image>
|
||
<image src="../../images/moreBuyer.png" class="order-goods-img" wx:if="{{item.goodslist.length>=4}}" bindtap="handleGoodsModal" data-idx="{{index}}"></image>
|
||
<view class="fsz-24 i-flex-item text-right" bindtap="handleGoodsModal" data-idx="{{index}}">
|
||
共<text class="red">{{item.goodsnum}}</text>件</view>
|
||
</view>
|
||
</view>
|
||
<view class="more fsz-26 text-center bule" wx:if="{{!noOrderMore}}" bindtap="getMoreOrder">查看更多订单信息
|
||
<text class="iconfont icon-zhankai fsz-24"></text>
|
||
</view>
|
||
</view>
|
||
<view wx:if="{{noOrderData}}" class="list order">
|
||
<view class="no-comment text-center text-gray p15">暂无订单记录~</view>
|
||
</view>
|
||
</view>
|
||
<view class="bg-f p30 mb10 text-center" wx:if="{{soli_info.end==0}}">
|
||
<block wx:if="{{soli_info.activity_state==1}}">
|
||
<view class="text-center mb10 fsz-24" wx:if="{{solitaire_target_type==0}}">
|
||
<block wx:if="{{diffMember>0}}">
|
||
预计接龙完成还差<text class="red">{{diffMember}}</text>人，分享邀请尽快完成目标！
|
||
</block>
|
||
<block wx:else>已完成目标人数</block>
|
||
</view>
|
||
<view class="text-center mb10 fsz-24" wx:if="{{solitaire_target_type==1}}">
|
||
<block wx:if="{{diffMoney>0}}">
|
||
还差<text class="red">{{diffMoney}}</text>元订单金额完成接龙，分享邀请尽快完成目标
|
||
</block>
|
||
<block wx:else>已完成目标金额</block>
|
||
</view>
|
||
</block>
|
||
<block wx:if="{{soli_info.activity_state==0}}">
|
||
<view class="i-flex i-flex-alc mb10">开始倒计时：<i-count-down itemClass="item-time" showDay="{{true}}" target="{{(soli_info.begin_time)*1000}}" clearTimer="{{clearTime}}" wx:if="{{!clearTime}}" bind:callback="initFn"></i-count-down>
|
||
</view>
|
||
<view class="btn mb10 text-white">
|
||
<view class="fsz-32 weight">接龙未开始</view>
|
||
</view>
|
||
</block>
|
||
<view class="btn mb10 text-white" wx:elif="{{soli_info.activity_state==1}}">
|
||
<view class="i-flex i-flex-alc">接龙倒计时：<i-count-down showDay="{{true}}" target="{{(soli_info.end_time)*1000}}" clearTimer="{{clearTime}}" wx:if="{{!clearTime}}"></i-count-down></view>
|
||
<!-- <view>立即接龙</view> -->
|
||
</view>
|
||
<view class="btn mb10 text-white" wx:else>已结束</view>
|
||
<view class="end-btn text-white" wx:if="{{soli_info.activity_state==1}}" bindtap="endSolitaire">终止活动</view>
|
||
</view>
|
||
<view class="bg-f p30 mb10 text-center" wx:else>
|
||
<view class="btn mb10 text-white">已结束</view>
|
||
</view>
|
||
|
||
<!-- 留言 -->
|
||
<view class="bg-f" wx:if="{{solitaire_is_message==1}}">
|
||
<view class="text-center p30" style="padding-bottom:0;">
|
||
<view class="comment text-gray" bindtap="handleCommentModal">
|
||
<text class="iconfont icon-shuru"></text>
|
||
<block wx:if="{{soli_info.comment_total}}"> 已有{{soli_info.comment_total}}条留言，</block>快来说说您的感想！</view>
|
||
</view>
|
||
<view class="fsz-30 weight text-dark border-bottom p30">接龙留言</view>
|
||
<view class="msg order" wx:if="{{list.length}}">
|
||
<view class="item border-bottom i-flex" wx:for="{{list}}" wx:key="id">
|
||
<image class="avatar" src="{{item.avatar}}"></image>
|
||
<view class="i-flex-item">
|
||
<view class="i-flex i-aic">
|
||
<view class="i-flex-item">
|
||
<view class="username fsz-28 weight">{{item.username}}</view>
|
||
<view class="fsz-24 text-gray my10">{{item.addtime}}</view>
|
||
</view>
|
||
<view class="fsz-26 text-gray" bindtap="favComment" data-idx="{{index}}" data-post_id="{{item.id}}">
|
||
<text class="iconfont fsz-30 {{item.is_agree?'icon-good-fill bule':'icon-good'}}"></text> {{item.fav_count}}
|
||
</view>
|
||
</view>
|
||
<view class="content my10">{{item.content}}</view>
|
||
<view class="my10 text-right">
|
||
<text class="handled text-gray" bindtap="deleteComment" data-id="{{item.id}}" data-idx="{{index}}">删除</text>
|
||
<text class="handled bule" wx:if="{{item.reply.length==0}}" bindtap="replyComment" data-id="{{item.id}}">回复</text>
|
||
</view>
|
||
<view class="reply" wx:if="{{item.reply.length}}">
|
||
<text class="text-gray">{{community.head_name}}：</text>{{item.reply[0].content}}
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<i-load-more iClass="loadMore" loading="{{loadMore}}" tip="{{loadText}}" wx:if="{{!noMore}}"></i-load-more>
|
||
</view>
|
||
<view class="msg order" wx:if="{{noData}}">
|
||
<view class="no-comment text-center text-gray p15">暂无留言~</view>
|
||
</view>
|
||
</view>
|
||
|
||
<!-- 留言弹窗 -->
|
||
<i-modal scrollUp="{{true}}" visible="{{showCommentModal}}" bind:cancel="handleCommentModal">
|
||
<view class="comment-modal p30">
|
||
<form bindsubmit="subComment">
|
||
<view class="i-flex i-flex-spb mb10">
|
||
<view class="bule" bindtap="handleCommentModal">取消</view>
|
||
<view>
|
||
<button class="send bg-blue text-white" formType="submit"><text class="iconfont icon-fabu"></text> 发送</button>
|
||
</view>
|
||
</view>
|
||
<view>
|
||
<textarea hidden="{{!showCommentModal}}" class="textarea" name="content" placeholder="内容" auto-focus="{{false}}" value="{{content}}"></textarea>
|
||
</view>
|
||
</form>
|
||
</view>
|
||
</i-modal>
|
||
|
||
<!-- 商品弹窗 -->
|
||
<i-modal scrollUp="{{false}}" visible="{{showGoodsModal}}">
|
||
<view class="goods-modal">
|
||
<view class="bg-f rounded">
|
||
<scroll-view class="goods-modal-body" scroll-y>
|
||
<view class="item border-bottom p30" wx:if="{{goodsModalList.length}}" wx:for="{{goodsModalList}}" wx:key="id">
|
||
<i-solitaire-good spuItem="{{item}}" type="3" idx="{{index}}" hasIpt="{{false}}"></i-solitaire-good>
|
||
</view>
|
||
</scroll-view>
|
||
</view>
|
||
<view class="text-center text-white modal-close" bindtap="handleGoodsModal"><text class="iconfont icon-guanbi"></text></view>
|
||
</view>
|
||
</i-modal>
|
||
</view>
|
||
|
||
<!-- 分享弹窗 -->
|
||
<i-modal scrollUp="{{true}}" iClass="shareModal-box" visible="{{showShareModal}}" maskClosable="{{true}}" bind:cancel="handleShareModal">
|
||
<view class="i-flex-col shareModal">
|
||
<image src="{{image}}" mode="widthFix" class="mb10" style="width: 100%;"/>
|
||
<view class="shareBtn fsz-32 bg-primary text-white rounded text-center" bindtap="saveImage">
|
||
<text class="iconfont icon-fenxiang fsz-30"></text> 保存图片</view>
|
||
</view>
|
||
</i-modal>
|
||
|
||
<i-painter customStyle='position: absolute; left: -9999rpx;' palette="{{template}}" bind:imgOK="onImgOK"/> |