backup: 子客服改造前保本版本（逍遥梦UI+商家客服页mock）
This commit is contained in:
XingQue
File diff suppressed because it is too large
Load Diff
@@ -1,10 +1,10 @@
|
||||
{
|
||||
"navigationBarTitleText": "抢单大厅",
|
||||
"navigationBarBackgroundColor": "#0b0f1a",
|
||||
"navigationBarTextStyle": "white",
|
||||
"navigationBarBackgroundColor": "#f7dc51",
|
||||
"navigationBarTextStyle": "black",
|
||||
"enablePullDownRefresh": false,
|
||||
"backgroundTextStyle": "dark",
|
||||
"backgroundColor": "#0b0f1a",
|
||||
"backgroundColor": "#fff8e1",
|
||||
"usingComponents": {
|
||||
"chenghao-tag": "/components/chenghao-tag/chenghao-tag",
|
||||
"global-notification": "/components/global-notification/global-notification"
|
||||
|
||||
@@ -1,220 +1,393 @@
|
||||
<!-- pages/qiangdan/qiangdan.wxml -->
|
||||
|
||||
<view class="qiangdan-page">
|
||||
<!-- 商品类型选择 -->
|
||||
<view class="leixing-quyu">
|
||||
<scroll-view class="leixing-scroll" scroll-x enhanced show-scrollbar="{{false}}">
|
||||
<view class="leixing-container">
|
||||
<block wx:for="{{shangpinleixing}}" wx:key="id">
|
||||
<view
|
||||
class="leixing-item {{xuanzhongLeixingId == item.id ? 'leixing-active' : ''}}"
|
||||
data-id="{{item.id}}"
|
||||
bindtap="selectLeixing"
|
||||
>
|
||||
<view wx:if="{{xuanzhongLeixingId == item.id}}" class="guangyun-effect"></view>
|
||||
<image class="leixing-tupian" src="{{item.full_tupian_url}}" mode="aspectFill"/>
|
||||
<text class="leixing-jieshao">{{item.jieshao}}</text>
|
||||
</view>
|
||||
</block>
|
||||
</view>
|
||||
</scroll-view>
|
||||
</view>
|
||||
|
||||
<!-- 🆕 标签筛选区 -->
|
||||
<view class="biaoqian-quyu" wx:if="{{bankuaiBiaoqian.length > 0}}">
|
||||
<scroll-view class="biaoqian-scroll" scroll-x enhanced show-scrollbar="{{false}}">
|
||||
<view class="biaoqian-container">
|
||||
<view class="biaoqian-item {{xuanzhongBiaoqianId == 0 ? 'biaoqian-active' : ''}}" data-id="0" bindtap="selectBiaoqian">
|
||||
<text class="quanbu-text">全部</text>
|
||||
</view>
|
||||
<block wx:for="{{bankuaiBiaoqian}}" wx:key="id">
|
||||
<view class="biaoqian-item {{xuanzhongBiaoqianId == item.id ? 'biaoqian-active' : ''}}" data-id="{{item.id}}" bindtap="selectBiaoqian">
|
||||
<chenghao-tag mingcheng="{{item.mingcheng}}" texiaoJson="{{item.texiao_json}}" />
|
||||
</view>
|
||||
</block>
|
||||
</view>
|
||||
</scroll-view>
|
||||
</view>
|
||||
<scroll-view
|
||||
|
||||
<view class="fenge-xian"></view>
|
||||
class="page-main-scroll"
|
||||
|
||||
<!-- 订单列表 -->
|
||||
<view class="dingdan-container">
|
||||
<scroll-view
|
||||
class="dingdan-scroll-view"
|
||||
scroll-y enhanced show-scrollbar="{{false}}"
|
||||
refresher-enabled="{{xuanzhongLeixingId != null}}"
|
||||
refresher-threshold="80"
|
||||
refresher-default-style="black"
|
||||
refresher-background="#0b0f1a"
|
||||
refresher-triggered="{{scrollViewRefreshing}}"
|
||||
bindrefresherrefresh="onPullDownRefresh"
|
||||
bindscrolltolower="onReachBottom"
|
||||
>
|
||||
<view class="refresher-container" slot="refresher">
|
||||
<text wx:if="{{scrollViewRefreshing}}" class="refreshing-text">⚡️ 正在刷新...</text>
|
||||
<text wx:else class="pull-down-text">▼ 下拉刷新订单</text>
|
||||
</view>
|
||||
scroll-y
|
||||
|
||||
<view class="dingdan-list">
|
||||
<view wx:if="{{!xuanzhongLeixingId}}" class="empty-tip">
|
||||
<image src="/images/icon_select.png" class="tip-icon"></image>
|
||||
<text class="tip-text">请先选择上方订单类型</text>
|
||||
</view>
|
||||
<view wx:elif="{{dingdanList.length === 0 && !isLoading}}" class="empty-tip">
|
||||
<image src="/images/icon_empty_order.png" class="tip-icon"></image>
|
||||
<text class="tip-text">当前类型暂无待抢订单</text>
|
||||
</view>
|
||||
enhanced
|
||||
|
||||
<block wx:for="{{dingdanList}}" wx:key="dingdan_id">
|
||||
<!-- 平台订单卡片 -->
|
||||
<view wx:if="{{item.isPingtai}}" class="dingdan-card pingtai-card" data-item="{{item}}">
|
||||
<view class="card-top">
|
||||
<text class="creat-time">{{item.creat_time}}</text>
|
||||
<view class="top-line"></view>
|
||||
<text class="pingtai-tag">⚙️ 平台订单</text>
|
||||
</view>
|
||||
show-scrollbar="{{false}}"
|
||||
|
||||
<!-- 指定接单员行（新增标签滚动） -->
|
||||
<view wx:if="{{item.isZhiding}}" class="zhiding-row">
|
||||
<text class="zhiding-icon">指定</text>
|
||||
<image wx:if="{{item.zhiding_avatar_full}}" class="zhiding-avatar" src="{{item.zhiding_avatar_full}}" mode="aspectFill"/>
|
||||
<text class="zhiding-nicheng">{{item.zhiding_nicheng || '指定接单员'}}</text>
|
||||
<text class="zhiding-uid">UID: {{item.zhiding_uid || '未知'}}</text>
|
||||
<!-- 🆕 接单员标签 -->
|
||||
<scroll-view wx:if="{{item.dashou_biaoqian.length > 0}}" class="biaoqian-inline-scroll" scroll-x>
|
||||
<chenghao-tag wx:for="{{item.dashou_biaoqian}}" wx:for-item="tag" wx:key="id" mingcheng="{{tag.mingcheng}}" texiaoJson="{{tag.texiao_json}}" />
|
||||
</scroll-view>
|
||||
</view>
|
||||
refresher-enabled="{{xuanzhongLeixingId != null}}"
|
||||
|
||||
<view class="card-content">
|
||||
<image class="neirong-tupian" src="{{item.full_tupian_url}}" mode="aspectFill"/>
|
||||
<view class="jieshao-box {{item.jieshao && item.jieshao.length > 60 ? 'jieshao-ellipsis' : ''}}" data-type="jieshao" data-content="{{item.jieshao}}" bindtap="onViewDetail">
|
||||
<text class="jieshao-label">介绍：</text>
|
||||
<text class="jieshao-text">{{item.jieshao || '暂无介绍'}}</text>
|
||||
<text wx:if="{{item.jieshao && item.jieshao.length > 60}}" class="view-more">[点击查看]</text>
|
||||
</view>
|
||||
</view>
|
||||
refresher-threshold="80"
|
||||
|
||||
<view wx:if="{{item.beizhu}}" class="beizhu-box {{item.beizhu.length > 40 ? 'beizhu-ellipsis' : ''}}" data-type="beizhu" data-content="{{item.beizhu}}" bindtap="onViewDetail">
|
||||
<text class="beizhu-label">备注：</text>
|
||||
<text class="beizhu-text">{{item.beizhu}}</text>
|
||||
<text wx:if="{{item.beizhu.length > 40}}" class="view-more">[点击查看]</text>
|
||||
</view>
|
||||
refresher-default-style="black"
|
||||
|
||||
<!-- 🆕 订单需求标签 -->
|
||||
<view wx:if="{{item.xuqiu_biaoqian.length > 0}}" class="xuqiu-biaoqian-area">
|
||||
<text class="xuqiu-label">需求标签：</text>
|
||||
<scroll-view class="xuqiu-biaoqian-scroll" scroll-x>
|
||||
<chenghao-tag wx:for="{{item.xuqiu_biaoqian}}" wx:for-item="tag" wx:key="id" mingcheng="{{tag.mingcheng}}" texiaoJson="{{tag.texiao_json}}" />
|
||||
</scroll-view>
|
||||
</view>
|
||||
refresher-background="#fff8e1"
|
||||
|
||||
<view class="card-bottom">
|
||||
<view class="fenyong-box">
|
||||
<text class="fenyong-icon">💰</text>
|
||||
<text class="fenyong-text">分佣</text>
|
||||
<!-- 🆕 根据是否有权限显示价格或提示 -->
|
||||
<block wx:if="{{item.hasRequiredMember}}">
|
||||
<text class="fenyong-price">{{item.dashou_fencheng || 0}}</text>
|
||||
<text class="fenyong-unit">元</text>
|
||||
</block>
|
||||
<block wx:else>
|
||||
<text class="fenyong-price" style="font-size: 28rpx; color: #ffaa88;">未开通会员</text>
|
||||
</block>
|
||||
</view>
|
||||
<view class="qiangdan-btn mecha-btn pingtai-btn" data-item="{{item}}" bindtap="onQiangdanTap">
|
||||
<text class="btn-text">⚡ 立即抢单</text>
|
||||
<view class="btn-shine"></view>
|
||||
<view class="btn-glow"></view>
|
||||
<view class="mecha-overlay"></view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
refresher-triggered="{{scrollViewRefreshing}}"
|
||||
|
||||
<!-- 商家订单卡片 -->
|
||||
<view wx:elif="{{item.isShangjia}}" class="dingdan-card shangjia-card" data-item="{{item}}">
|
||||
<view class="card-top">
|
||||
<text class="creat-time">{{item.creat_time}}</text>
|
||||
<view class="top-line"></view>
|
||||
<text class="pingtai-tag">🏪 商家发单</text>
|
||||
</view>
|
||||
bindrefresherrefresh="onPullDownRefresh"
|
||||
|
||||
<!-- 指定接单员行 -->
|
||||
<view wx:if="{{item.isZhiding}}" class="zhiding-row">
|
||||
<text class="zhiding-icon">指定</text>
|
||||
<image wx:if="{{item.zhiding_avatar_full}}" class="zhiding-avatar" src="{{item.zhiding_avatar_full}}" mode="aspectFill"/>
|
||||
<text class="zhiding-nicheng">{{item.zhiding_nicheng || '指定接单员'}}</text>
|
||||
<text class="zhiding-uid">UID: {{item.zhiding_uid || '未知'}}</text>
|
||||
<!-- 🆕 接单员标签 -->
|
||||
<scroll-view wx:if="{{item.dashou_biaoqian.length > 0}}" class="biaoqian-inline-scroll" scroll-x>
|
||||
<chenghao-tag wx:for="{{item.dashou_biaoqian}}" wx:for-item="tag" wx:key="id" mingcheng="{{tag.mingcheng}}" texiaoJson="{{tag.texiao_json}}" />
|
||||
</scroll-view>
|
||||
</view>
|
||||
bindscrolltolower="onReachBottom"
|
||||
|
||||
<view class="shangjia-info">
|
||||
<image class="shangjia-touxiang" src="{{item.full_tupian_url}}" mode="aspectFill"/>
|
||||
<text class="shangjia-nicheng">{{item.sjnicheng || '未知商家'}}</text>
|
||||
<!-- 🆕 商家标签 -->
|
||||
<scroll-view wx:if="{{item.shangjia_biaoqian.length > 0}}" class="biaoqian-inline-scroll" scroll-x>
|
||||
<chenghao-tag wx:for="{{item.shangjia_biaoqian}}" wx:for-item="tag" wx:key="id" mingcheng="{{tag.mingcheng}}" texiaoJson="{{tag.texiao_json}}" />
|
||||
</scroll-view>
|
||||
</view>
|
||||
>
|
||||
|
||||
<view class="shangjia-jieshao {{item.jieshao && item.jieshao.length > 50 ? 'jieshao-ellipsis' : ''}}" data-type="jieshao" data-content="{{item.jieshao}}" bindtap="onViewDetail">
|
||||
<text class="jieshao-label">订单介绍：</text>
|
||||
<text class="jieshao-text">{{item.jieshao || '暂无介绍'}}</text>
|
||||
<text wx:if="{{item.jieshao && item.jieshao.length > 50}}" class="view-more">[点击查看]</text>
|
||||
</view>
|
||||
<view class="refresher-container" slot="refresher">
|
||||
|
||||
<view wx:if="{{item.beizhu}}" class="shangjia-beizhu {{item.beizhu.length > 30 ? 'beizhu-ellipsis' : ''}}" data-type="beizhu" data-content="{{item.beizhu}}" bindtap="onViewDetail">
|
||||
<text class="beizhu-label">商家备注：</text>
|
||||
<text class="beizhu-text">{{item.beizhu}}</text>
|
||||
<text wx:if="{{item.beizhu.length > 30}}" class="view-more">[点击查看]</text>
|
||||
</view>
|
||||
<text wx:if="{{scrollViewRefreshing}}" class="refreshing-text">正在刷新...</text>
|
||||
|
||||
<!-- 🆕 订单需求标签 -->
|
||||
<view wx:if="{{item.xuqiu_biaoqian.length > 0}}" class="xuqiu-biaoqian-area">
|
||||
<text class="xuqiu-label">需求标签：</text>
|
||||
<scroll-view class="xuqiu-biaoqian-scroll" scroll-x>
|
||||
<chenghao-tag wx:for="{{item.xuqiu_biaoqian}}" wx:for-item="tag" wx:key="id" mingcheng="{{tag.mingcheng}}" texiaoJson="{{tag.texiao_json}}" />
|
||||
</scroll-view>
|
||||
</view>
|
||||
<text wx:else class="pull-down-text">下拉刷新订单</text>
|
||||
|
||||
<view class="card-bottom">
|
||||
<view class="fenyong-box">
|
||||
<text class="fenyong-icon">💰</text>
|
||||
<text class="fenyong-text">分佣</text>
|
||||
<!-- 🆕 根据是否有权限显示价格或提示 -->
|
||||
<block wx:if="{{item.hasRequiredMember}}">
|
||||
<text class="fenyong-price">{{item.dashou_fencheng || 0}}</text>
|
||||
<text class="fenyong-unit">元</text>
|
||||
</block>
|
||||
<block wx:else>
|
||||
<text class="fenyong-price" style="font-size: 28rpx; color: #ffaa88;">未开通会员</text>
|
||||
</block>
|
||||
</view>
|
||||
<view class="qiangdan-btn mecha-btn shangjia-btn" data-item="{{item}}" bindtap="onQiangdanTap">
|
||||
<text class="btn-text">⚡ 立即抢单</text>
|
||||
<view class="btn-shine"></view>
|
||||
<view class="btn-glow"></view>
|
||||
<view class="mecha-overlay"></view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</block>
|
||||
|
||||
<view wx:if="{{isLoadingMore && dingdanList.length > 0}}" class="loading-more"><text class="loading-text">⚙️ 加载更多订单中...</text></view>
|
||||
<view wx:if="{{!hasMore && dingdanList.length > 0}}" class="no-more"><text class="no-more-text">—— 没有更多订单了 ——</text></view>
|
||||
</view>
|
||||
</scroll-view>
|
||||
|
||||
<view wx:if="{{isLoading && dingdanList.length === 0 && xuanzhongLeixingId}}" class="loading-mask">
|
||||
<view class="loading-spinner"></view>
|
||||
<text class="loading-mask-text">⚡ 订单加载中...</text>
|
||||
</view>
|
||||
|
||||
|
||||
|
||||
<!-- 商品轮播（只读 globalData，与点单端同源） -->
|
||||
|
||||
<view class="xym-lunbo-container" wx:if="{{lunboList.length > 0}}">
|
||||
|
||||
<swiper
|
||||
|
||||
class="xym-lunbo-swiper"
|
||||
|
||||
indicator-dots="{{lunboList.length > 1}}"
|
||||
|
||||
indicator-color="rgba(255,255,255,0.6)"
|
||||
|
||||
indicator-active-color="#ffd061"
|
||||
|
||||
autoplay="{{lunboList.length > 1}}"
|
||||
|
||||
interval="4000"
|
||||
|
||||
circular
|
||||
|
||||
>
|
||||
|
||||
<block wx:for="{{lunboList}}" wx:key="index">
|
||||
|
||||
<swiper-item>
|
||||
|
||||
<image class="xym-lunbo-image" src="{{item}}" mode="aspectFill"/>
|
||||
|
||||
</swiper-item>
|
||||
|
||||
</block>
|
||||
|
||||
</swiper>
|
||||
|
||||
</view>
|
||||
|
||||
|
||||
|
||||
<!-- 商品类型选择 -->
|
||||
|
||||
<view class="leixing-quyu">
|
||||
|
||||
<scroll-view class="leixing-scroll" scroll-x enhanced show-scrollbar="{{false}}">
|
||||
|
||||
<view class="leixing-container">
|
||||
|
||||
<block wx:for="{{shangpinleixing}}" wx:key="id">
|
||||
|
||||
<view
|
||||
|
||||
class="leixing-item {{xuanzhongLeixingId == item.id ? 'leixing-active' : ''}}"
|
||||
|
||||
data-id="{{item.id}}"
|
||||
|
||||
bindtap="selectLeixing"
|
||||
|
||||
>
|
||||
|
||||
<view wx:if="{{xuanzhongLeixingId == item.id}}" class="guangyun-effect"></view>
|
||||
|
||||
<image class="leixing-tupian" src="{{item.full_tupian_url}}" mode="aspectFill"/>
|
||||
|
||||
<text class="leixing-jieshao">{{item.jieshao}}</text>
|
||||
|
||||
</view>
|
||||
|
||||
</block>
|
||||
|
||||
</view>
|
||||
|
||||
</scroll-view>
|
||||
|
||||
</view>
|
||||
|
||||
|
||||
|
||||
<!-- 标签筛选区 -->
|
||||
|
||||
<view class="biaoqian-quyu" wx:if="{{bankuaiBiaoqian.length > 0}}">
|
||||
|
||||
<scroll-view class="biaoqian-scroll" scroll-x enhanced show-scrollbar="{{false}}">
|
||||
|
||||
<view class="biaoqian-container">
|
||||
|
||||
<view class="biaoqian-item {{xuanzhongBiaoqianId == 0 ? 'biaoqian-active' : ''}}" data-id="0" bindtap="selectBiaoqian">
|
||||
|
||||
<text class="quanbu-text">全部</text>
|
||||
|
||||
</view>
|
||||
|
||||
<block wx:for="{{bankuaiBiaoqian}}" wx:key="id">
|
||||
|
||||
<view class="biaoqian-item {{xuanzhongBiaoqianId == item.id ? 'biaoqian-active' : ''}}" data-id="{{item.id}}" bindtap="selectBiaoqian">
|
||||
|
||||
<chenghao-tag mingcheng="{{item.mingcheng}}" texiaoJson="{{item.texiao_json}}" />
|
||||
|
||||
</view>
|
||||
|
||||
</block>
|
||||
|
||||
</view>
|
||||
|
||||
</scroll-view>
|
||||
|
||||
</view>
|
||||
|
||||
|
||||
|
||||
<view class="fenge-xian"></view>
|
||||
|
||||
|
||||
|
||||
<!-- 订单列表 -->
|
||||
|
||||
<view class="dingdan-list">
|
||||
|
||||
<view wx:if="{{!xuanzhongLeixingId}}" class="empty-tip">
|
||||
|
||||
<image src="/images/icon_select.png" class="tip-icon"></image>
|
||||
|
||||
<text class="tip-text">请先选择上方订单类型</text>
|
||||
|
||||
</view>
|
||||
|
||||
<view wx:elif="{{dingdanList.length === 0 && !isLoading}}" class="empty-tip">
|
||||
|
||||
<image src="/images/icon_empty_order.png" class="tip-icon"></image>
|
||||
|
||||
<text class="tip-text">当前类型暂无待抢订单</text>
|
||||
|
||||
</view>
|
||||
|
||||
|
||||
|
||||
<block wx:for="{{dingdanList}}" wx:key="dingdan_id">
|
||||
|
||||
<!-- 平台订单（逍遥梦卡片布局） -->
|
||||
|
||||
<view wx:if="{{item.isPingtai}}" class="xym-order-item xym-pingtai-order" data-item="{{item}}">
|
||||
|
||||
<view class="xym-pingtai-head flexb">
|
||||
|
||||
<text class="xym-head-time">{{item.creat_time}}</text>
|
||||
|
||||
<view class="xym-head-tag">平台订单</view>
|
||||
|
||||
</view>
|
||||
|
||||
<view class="xym-pingtai-body">
|
||||
|
||||
<view class="order-con">
|
||||
|
||||
<view wx:if="{{item.isZhiding}}" class="zhiding-strip myflex light">
|
||||
|
||||
<text class="zhiding-label">指定</text>
|
||||
|
||||
<image wx:if="{{item.zhiding_avatar_full}}" class="zhiding-avatar" src="{{item.zhiding_avatar_full}}" mode="aspectFill"/>
|
||||
|
||||
<text class="zhiding-name">{{item.zhiding_nicheng || '指定接单员'}}</text>
|
||||
|
||||
</view>
|
||||
|
||||
<view class="order-row myflex">
|
||||
|
||||
<image class="o-logo" src="{{item.full_tupian_url}}" mode="aspectFill"/>
|
||||
|
||||
<view class="o-col">
|
||||
|
||||
<view class="o-goods light line2" data-type="jieshao" data-content="{{item.jieshao}}" bindtap="onViewDetail">{{item.jieshao || '暂无介绍'}}</view>
|
||||
|
||||
</view>
|
||||
|
||||
</view>
|
||||
|
||||
<view class="reward-badge platform-reward" wx:if="{{item.hasRequiredMember}}">
|
||||
|
||||
<text class="reward-yen sm">￥</text>
|
||||
|
||||
<text class="reward-num">{{item.dashou_fencheng || 0}}</text>
|
||||
|
||||
</view>
|
||||
|
||||
<view class="reward-badge member-tip" wx:else>
|
||||
|
||||
<text class="reward-tip">未开通会员</text>
|
||||
|
||||
</view>
|
||||
|
||||
<view wx:if="{{item.beizhu}}" class="remark-block gold" data-type="beizhu" data-content="{{item.beizhu}}" bindtap="onViewDetail">
|
||||
|
||||
<text class="remark-label">备注：</text>{{item.beizhu}}
|
||||
|
||||
</view>
|
||||
|
||||
<view wx:if="{{item.xuqiu_biaoqian.length > 0}}" class="xuqiu-tags-row">
|
||||
|
||||
<text class="xuqiu-label">需求标签</text>
|
||||
|
||||
<scroll-view class="biaoqian-inline-scroll" scroll-x>
|
||||
|
||||
<chenghao-tag wx:for="{{item.xuqiu_biaoqian}}" wx:for-item="tag" wx:key="id" mingcheng="{{tag.mingcheng}}" texiaoJson="{{tag.texiao_json}}" />
|
||||
|
||||
</scroll-view>
|
||||
|
||||
</view>
|
||||
|
||||
<view class="o-foot flexb">
|
||||
|
||||
<text class="o-amt light">平台派单</text>
|
||||
|
||||
<view class="qiangdan flexa btn-bg btn-qiang btn-qiang-brown" data-item="{{item}}" bindtap="onQiangdanTap">抢单</view>
|
||||
|
||||
</view>
|
||||
|
||||
</view>
|
||||
|
||||
</view>
|
||||
|
||||
</view>
|
||||
|
||||
|
||||
|
||||
<!-- 商家订单（逍遥梦卡片布局） -->
|
||||
|
||||
<view wx:elif="{{item.isShangjia}}" class="xym-order-item xym-shangjia-order" data-item="{{item}}">
|
||||
|
||||
<view class="xym-shangjia-head flexb">
|
||||
|
||||
<text class="xym-head-time">{{item.creat_time}}</text>
|
||||
|
||||
<view class="xym-head-tag">商家发单</view>
|
||||
|
||||
</view>
|
||||
|
||||
<view class="xym-shangjia-body">
|
||||
|
||||
<view class="order-con">
|
||||
|
||||
<view wx:if="{{item.isZhiding}}" class="zhiding-strip myflex">
|
||||
|
||||
<text class="zhiding-label">指定</text>
|
||||
|
||||
<image wx:if="{{item.zhiding_avatar_full}}" class="zhiding-avatar" src="{{item.zhiding_avatar_full}}" mode="aspectFill"/>
|
||||
|
||||
<text class="zhiding-name">{{item.zhiding_nicheng || '指定接单员'}}</text>
|
||||
|
||||
</view>
|
||||
|
||||
<view class="merchant-line myflex">
|
||||
|
||||
<image class="m-avatar-sm" src="{{item.full_tupian_url}}" mode="aspectFill"/>
|
||||
|
||||
<text class="m-name-sm">{{item.sjnicheng || '未知商家'}}</text>
|
||||
|
||||
</view>
|
||||
|
||||
<view class="order-row myflex">
|
||||
|
||||
<view class="o-col">
|
||||
|
||||
<view class="o-goods line2" data-type="jieshao" data-content="{{item.jieshao}}" bindtap="onViewDetail">{{item.jieshao || '暂无介绍'}}</view>
|
||||
|
||||
</view>
|
||||
|
||||
</view>
|
||||
|
||||
<view class="reward-badge normal-reward" wx:if="{{item.hasRequiredMember}}">
|
||||
|
||||
<text class="reward-yen sm">￥</text>
|
||||
|
||||
<text class="reward-num dark">{{item.dashou_fencheng || 0}}</text>
|
||||
|
||||
</view>
|
||||
|
||||
<view class="reward-badge member-tip" wx:else>
|
||||
|
||||
<text class="reward-tip">未开通会员</text>
|
||||
|
||||
</view>
|
||||
|
||||
<view wx:if="{{item.beizhu}}" class="remark-block dark" data-type="beizhu" data-content="{{item.beizhu}}" bindtap="onViewDetail">
|
||||
|
||||
<text class="remark-label">商家备注：</text>{{item.beizhu}}
|
||||
|
||||
</view>
|
||||
|
||||
<view wx:if="{{item.shangjia_biaoqian.length > 0 || item.xuqiu_biaoqian.length > 0}}" class="xuqiu-tags-row">
|
||||
|
||||
<scroll-view wx:if="{{item.shangjia_biaoqian.length > 0}}" class="biaoqian-inline-scroll" scroll-x>
|
||||
|
||||
<chenghao-tag wx:for="{{item.shangjia_biaoqian}}" wx:for-item="tag" wx:key="id" mingcheng="{{tag.mingcheng}}" texiaoJson="{{tag.texiao_json}}" />
|
||||
|
||||
</scroll-view>
|
||||
|
||||
<scroll-view wx:if="{{item.xuqiu_biaoqian.length > 0}}" class="biaoqian-inline-scroll" scroll-x style="margin-top:8rpx">
|
||||
|
||||
<chenghao-tag wx:for="{{item.xuqiu_biaoqian}}" wx:for-item="tag" wx:key="id" mingcheng="{{tag.mingcheng}}" texiaoJson="{{tag.texiao_json}}" />
|
||||
|
||||
</scroll-view>
|
||||
|
||||
</view>
|
||||
|
||||
<view class="o-foot flexb">
|
||||
|
||||
<text class="o-amt">商家派单</text>
|
||||
|
||||
<view class="qiangdan flexa btn-bg btn-qiang" data-item="{{item}}" bindtap="onQiangdanTap">抢单</view>
|
||||
|
||||
</view>
|
||||
|
||||
</view>
|
||||
|
||||
</view>
|
||||
|
||||
</view>
|
||||
|
||||
</block>
|
||||
|
||||
|
||||
|
||||
<view wx:if="{{isLoadingMore && dingdanList.length > 0}}" class="loading-more"><text class="loading-text">加载更多订单中...</text></view>
|
||||
|
||||
<view wx:if="{{!hasMore && dingdanList.length > 0}}" class="no-more"><text class="no-more-text">—— 没有更多订单了 ——</text></view>
|
||||
|
||||
</view>
|
||||
|
||||
|
||||
|
||||
<view class="scroll-bottom-spacer"></view>
|
||||
|
||||
</scroll-view>
|
||||
|
||||
|
||||
|
||||
<view wx:if="{{isLoading && dingdanList.length === 0 && xuanzhongLeixingId}}" class="loading-mask">
|
||||
|
||||
<view class="loading-spinner"></view>
|
||||
|
||||
<text class="loading-mask-text">订单加载中...</text>
|
||||
|
||||
</view>
|
||||
|
||||
|
||||
|
||||
<global-notification id="global-notification" />
|
||||
|
||||
<popup-notice id="popupNotice" />
|
||||
|
||||
<tab-bar />
|
||||
</view>
|
||||
|
||||
</view>
|
||||
|
||||
|
||||
|
||||
@@ -1,4 +1,5 @@
|
||||
/* pages/qiangdan/qiangdan.wxss - 高级机甲风格重构版（对称优化） */
|
||||
@import '../../styles/dashou-xym-theme.wxss';
|
||||
.qiangdan-page {
|
||||
height: 100vh;
|
||||
display: flex;
|
||||
@@ -120,20 +121,23 @@
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
/* ====== 3. 订单列表容器 ====== */
|
||||
.dingdan-container {
|
||||
/* ====== 3. 页面主滚动（下拉刷新在顶部） ====== */
|
||||
.page-main-scroll {
|
||||
flex: 1;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
padding: 0 20rpx; /* 统一左右内边距 */
|
||||
}
|
||||
|
||||
.dingdan-scroll-view {
|
||||
height: 100%;
|
||||
height: 0;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
}
|
||||
|
||||
|
||||
.scroll-bottom-spacer {
|
||||
height: 24rpx;
|
||||
}
|
||||
|
||||
.dingdan-list {
|
||||
padding: 0 20rpx;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.refresher-container {
|
||||
height: 100rpx;
|
||||
display: flex;
|
||||
@@ -760,3 +764,4 @@
|
||||
max-width: 50%;
|
||||
}
|
||||
|
||||
@import '../../styles/dashou-xym-order-card.wxss';
|
||||
|
||||
Reference in New Issue
Block a user