From 7890d895bd543436d44ff66c88c356977675e758 Mon Sep 17 00:00:00 2001 From: li-guang <153605324@qq.com> Date: Tue, 29 Dec 2020 18:26:42 +0800 Subject: [PATCH] 忘记密码 --- hive-app/pages/workbench/orderDetail.vue | 158 ++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 files changed, 157 insertions(+), 1 deletions(-) diff --git a/hive-app/pages/workbench/orderDetail.vue b/hive-app/pages/workbench/orderDetail.vue index d86727c..689f654 100644 --- a/hive-app/pages/workbench/orderDetail.vue +++ b/hive-app/pages/workbench/orderDetail.vue @@ -1,9 +1,165 @@ <template> - <!-- 订单详情 --> + <view class="list"> + <view class="list-item"> + <view class="list-header"> + <text>订单信息</text> + </view> + <view class="list-content"> + <view class="flex justify-between"> + <text>会员姓名</text> + <text class="gray">李某某</text> + </view> + <view class="flex justify-between"> + <text>联系方式</text> + <text class="gray">15588881231</text> + </view> + <view class="flex justify-between"> + <text>订单号</text> + <text class="gray">N12371237123173</text> + </view> + <view class="flex justify-between"> + <text>下单顾问</text> + <text class="gray">广哥</text> + </view> + <view class="flex justify-between"> + <text>下单时间</text> + <text class="gray">2020-12-12 19:06:08</text> + </view> + </view> + </view> + <view class="list-item"> + <view class="list-header"> + <text>订单明细</text> + </view> + <view class="list-content"> + <view class="list-content-row" v-for="item in 2"> + <view class="flex justify-between align-center"> + <view> + <text class="font-15 mr-20">富脂肽原液(单支)</text> + <text>x1</text> + </view> + <view> + <text class="gray font-through">¥0.99</text> + <text class="ml-10">¥0.99</text> + </view> + </view> + <view class="gray font-13"> + <text>现金支付:</text> + <text>¥0</text> + </view> + <view class="gray font-13"> + <text>储蓄卡支付:</text> + <text>¥0</text> + </view> + <view class="gray font-13"> + <text> + <text>业绩:</text> + <text>¥0</text> + </text> + <text class="ml-20"> + <text>员工:</text> + <text>¥0</text> + </text> + </view> + </view> + </view> + </view> + <view class="list-item"> + <view class="list-header"> + <text>支付信息</text> + </view> + <view class="list-content"> + <view class="flex justify-between"> + <text>现金支付</text> + <text class="gray">¥5000.00</text> + </view> + <view class="flex justify-between"> + <text>储蓄卡支付</text> + <text class="gray">¥352.00</text> + </view> + <view class="flex justify-between"> + <text>应付总额</text> + <text class="gray">¥485.00</text> + </view> + <view class="flex justify-between"> + <text>实付总额</text> + <text class="gray">¥6934.00</text> + </view> + <view class="flex justify-between"> + <text>优惠总额</text> + <text class="gray">¥40.00</text> + </view> + </view> + </view> + <view class="list-item"> + <view class="list-header"> + <text>业绩提成</text> + </view> + <view class="list-content"> + <view class="list-content-row" v-for="item in 2"> + <view class="flex justify-between align-center gray font-13"> + <view> + <text class="mr-20">富脂肽原液(单支)</text> + <text>x1</text> + </view> + <text>¥0.99</text> + </view> + <view class="flex justify-between"> + <text>广哥</text> + <text>业绩:233</text> + </view> + <view class="flex justify-between"> + <text>永哥</text> + <text>业绩:233</text> + </view> + </view> + </view> + </view> + </view> </template> <script> + export default { + data() { + return { + + } + } + } </script> <style> + page{ + background: #F6F6F8; + } + .list-item{ + background: #FFFFFF; + border-radius: 4px; + margin: 10px; + } + .list-header{ + padding: 12px 15px; + font-size: 16px; + font-weight: bold; + border-bottom: 1px solid #EDEAF4; + } + .list-content{ + padding: 12px 15px; + font-size: 14px; + line-height: 28px; + } + .list-content-row{ + border-bottom: 1px solid #EDEAF4; + padding: 8px 0; + } + .list-content-row:nth-child(1){ + padding-top: 0; + } + .list-content-row:nth-last-child(1){ + border-bottom: 0; + padding-bottom: 0; + } + .font-through{ + text-decoration: line-through; + } </style> -- Gitblit v1.9.1