You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
65 lines
2.4 KiB
65 lines
2.4 KiB
<div id="detail">
|
|
<!-- 用户信息表格 -->
|
|
<table class="table table-bordered table-striped">
|
|
<tbody>
|
|
<tr>
|
|
<td class="text-nowrap" scope="col">订单编号：{{order_num}}</td>
|
|
<td colspan="5">创建时间：{{created_at}}</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="text-nowrap" scope="row">用户名称：{{name}}</td>
|
|
<td colspan="5">联系电话：{{tel}}3</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="text-nowrap" scope="row">收货地址：{{address}}</td>
|
|
<td colspan="5">更新时间：{{updated_at}}</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="text-nowrap" scope="row">预约送达时间：{{delivery_time_note}}</td>
|
|
<td class="text-nowrap" scope="col">配送员:{{horseman_name}}</td>
|
|
|
|
</tr>
|
|
<tr>
|
|
<td class="text-nowrap" scope="row">配送距离：-- km</td>
|
|
<td colspan="5">配送费：{{delivery_money}} 元</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="text-nowrap" scope="col">备注：{{note}}</td>
|
|
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
<!-- 用户信息表格END -->
|
|
<!-- 店铺 -->
|
|
<div class="shop-box" v-for="item in orders">
|
|
<div class="alert alert-secondary" role="alert">
|
|
<img class="shop-logo" :src="item.store.logo" alt="店铺logo"/>
|
|
<span>{{item.store.name}}</span>
|
|
</div>
|
|
店铺商品
|
|
<div class="media" v-for= "goods in item.goods">
|
|
<img class="logo-img" :src="goods.cover_img" class="align-self-center mr-3" alt="商品图片">
|
|
<div class="media-body">
|
|
<h5 class="mt-0">{{goods.name}}</h5>
|
|
<div>
|
|
<span class="price">/{{goods.goods_unit}}</span>
|
|
<span style="float: right;">X {{goods.number}}</span>
|
|
</div>
|
|
<p class="mb-0" style="color: red;font-size: 1.4rem;">￥{{goods.price}}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="money">
|
|
总金额: {{total_money}} 元
|
|
  
|
|
优惠金额: <span style="color: red">-{{coupon_money}}</span> 元
|
|
  
|
|
配送费: <span style="color: green">+{{delivery_money}}</span> 元
|
|
  
|
|
增值服务费: <span style="color: green">+{{services_money}}</span> 元
|
|
  
|
|
实付金额: {{money}} 元
|
|
|
|
</div>
|
|
<!-- 店铺END -->
|
|
</div>
|