美化了样式
This commit is contained in:
@ -1,93 +1,92 @@
|
||||
<!-- pages/dashboardModule/userOrderPerformance/userOrderPerformance.wxml -->
|
||||
<view class="flex-col page">
|
||||
<text class="self-center text">客户订单明细</text>
|
||||
<view class="page">
|
||||
<!-- 标题 -->
|
||||
<view class="page-title">
|
||||
<text class="title">客户订单明细</text>
|
||||
</view>
|
||||
|
||||
<view class="flex-col self-stretch mt-19">
|
||||
<view class="flex-col section">
|
||||
<view class="flex-col group">
|
||||
<text class="self-start font text_2">订单号</text>
|
||||
<view class="flex-col justify-start items-start self-stretch text-wrapper">
|
||||
<scroll-view scroll-y class="content no-scrollbar">
|
||||
<!-- 搜索表单 -->
|
||||
<view class="card form-card">
|
||||
<view class="field">
|
||||
<text class="field-label">订单号</text>
|
||||
<view class="input-box">
|
||||
<input
|
||||
class="text_3 font text_1"
|
||||
class="input"
|
||||
placeholder="请输入订单号"
|
||||
value="{{orderNumber}}"
|
||||
placeholder-class="ph"
|
||||
value="{{ orderNumber }}"
|
||||
type="number"
|
||||
bindinput="onOrderNumberInput"
|
||||
/>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view
|
||||
class="flex-col justify-start items-center text-wrapper_3"
|
||||
bindtap="searchOrder"
|
||||
>
|
||||
<text class="font_2 text_7">搜索</text>
|
||||
</view>
|
||||
<view class="btn btn-primary" bindtap="searchOrder">搜索</view>
|
||||
</view>
|
||||
|
||||
<view class="flex-col mt-35">
|
||||
<!-- 有数据时渲染列表 -->
|
||||
<block wx:if="{{OrderItems.length}}">
|
||||
<!-- 结果列表 -->
|
||||
<view class="result-wrap">
|
||||
<!-- 有数据 -->
|
||||
<block wx:if="{{ OrderItems.length }}">
|
||||
<view
|
||||
class="flex-col list-item mt-22"
|
||||
wx:for="{{OrderItems}}"
|
||||
wx:for="{{ OrderItems }}"
|
||||
wx:for-item="item"
|
||||
wx:for-index="index"
|
||||
wx:key="id"
|
||||
class="card order-card"
|
||||
>
|
||||
<view class="flex-row items-baseline" style="display: flex; justify-content: space-between;">
|
||||
<text class="font_2 text_8">订单号：</text>
|
||||
<text class="font_3">{{item.orderNumber}}</text>
|
||||
<!-- 顶部：订单号 + 状态徽标 -->
|
||||
<view class="topline">
|
||||
<view class="row-left">
|
||||
<text class="label">订单号</text>
|
||||
<text class="mono">{{ item.orderNumber }}</text>
|
||||
</view>
|
||||
<view class="badge {{ item.orderStatus === '待支付' ? 'badge-pending' : (item.orderStatus === '已支付' || item.orderStatus === '交易成功' ? 'badge-success' : 'badge-default') }}">
|
||||
<text class="badge-text">{{ item.orderStatus }}</text>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="flex-row justify-between mt-19">
|
||||
<text class="font_2 text_9">用户：</text>
|
||||
<text class="font_4 text_10">{{item.nickName}}</text>
|
||||
<!-- 键值对信息 -->
|
||||
<view class="kv">
|
||||
<text class="kv-key">用户</text>
|
||||
<text class="kv-val">{{ item.nickName }}</text>
|
||||
</view>
|
||||
|
||||
<view class="flex-row justify-between items-center mt-19">
|
||||
<text class="font_2 text_11">手机号：</text>
|
||||
<text class="font_3 text_12">{{item.phoneNumber}}</text>
|
||||
<view class="kv">
|
||||
<text class="kv-key">手机号</text>
|
||||
<text class="kv-val">{{ item.phoneNumber }}</text>
|
||||
</view>
|
||||
|
||||
<view class="flex-row justify-between items-center mt-19">
|
||||
<text class="font_2 text_13">金额：</text>
|
||||
<text class="font_3 text_24">￥{{item.totalAmount}}</text>
|
||||
<view class="kv">
|
||||
<text class="kv-key">金额</text>
|
||||
<text class="kv-val money">￥{{ item.totalAmount }}</text>
|
||||
</view>
|
||||
|
||||
<view class="flex-row justify-between items-center mt-19">
|
||||
<text class="font_2 text_15">状态：</text>
|
||||
<text class="font_4 text_16">{{item.orderStatus}}</text>
|
||||
<view class="kv">
|
||||
<text class="kv-key">抽成</text>
|
||||
<text class="kv-val">主管：{{ item.firstRate * 100 }}%，员工：{{ item.secondRate * 100 }}%</text>
|
||||
</view>
|
||||
|
||||
<view class="flex-row justify-between items-center mt-19">
|
||||
<text class="font_2 text_17">抽成：</text>
|
||||
<text class="font_4 text_18">主管：{{item.firstRate * 100}}%，员工：{{item.secondRate * 100}}%
|
||||
</text>
|
||||
<view class="kv">
|
||||
<text class="kv-key">奖励</text>
|
||||
<text class="kv-val">主管：¥{{ item.firstReward }}，员工：¥{{ item.secondReward }}</text>
|
||||
</view>
|
||||
|
||||
<view class="flex-row justify-between items-center mt-19">
|
||||
<text class="font_2 text_19">奖励：</text>
|
||||
<text class="font_4 text_20">主管：¥{{item.firstReward}}，员工：¥{{item.secondReward}}
|
||||
</text>
|
||||
<view class="kv">
|
||||
<text class="kv-key">提成状态</text>
|
||||
<text class="kv-val">{{ item.commissionStatus }}</text>
|
||||
</view>
|
||||
|
||||
<view class="flex-row justify-between mt-19">
|
||||
<text class="font_2 text_21">提成状态：</text>
|
||||
<text class="font_4 text_23">{{item.commissionStatus}}</text>
|
||||
</view>
|
||||
|
||||
<!-- <view class="flex-row justify-between mt-19">
|
||||
<text class="font_2 text_4">创建时间：</text>
|
||||
<text class="font_3 text_5">{{item.createTime}}</text>
|
||||
</view> -->
|
||||
</view>
|
||||
</block>
|
||||
|
||||
<!-- 无数据时提示 -->
|
||||
<!-- 无数据 -->
|
||||
<block wx:else>
|
||||
<text class="self-center font text_4">暂无数据</text>
|
||||
<view class="empty">
|
||||
<image class="empty-img" src="/assets/empty-list.png" mode="aspectFit" />
|
||||
<text class="empty-text">暂无数据</text>
|
||||
</view>
|
||||
</block>
|
||||
</view>
|
||||
</view>
|
||||
</scroll-view>
|
||||
</view>
|
||||
|
||||
Reference in New Issue
Block a user