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.
80 lines
3.6 KiB
80 lines
3.6 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">配送距离：{{distance}}</td>
|
|
<td colspan="5">配送费：{{delivery_money}} 元</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="text-nowrap" scope="col">订单备注：{{note}}</td>
|
|
<td class="text-nowrap" scope="col" v-if="refuse_refund_note">拒绝退款原因：{{refuse_refund_note}}</td>
|
|
|
|
</tr>
|
|
<tr>
|
|
<td class="text-nowrap" scope="col" v-if="total_refund_note">退款原因：{{total_refund_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>
|
|
<el-button type="info" plain style="float: right;" @click="refundNote(goods.name,goods.id,item.id)" v-if="state==4&&show_refund[goods.id].show_refund_2">{{refund_2}}</el-button>
|
|
<p style="float: right; color: red" v-if="goods.status==3">{{refund_3}}</p>
|
|
<p style="float: right; color: red" v-if="show_refund[goods.id].show_refund_3">{{refund_3}}</p>
|
|
</div>
|
|
</div>
|
|
<p v-if="item.note">店铺备注: ({{item.note}})</p>
|
|
</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?services_money:0}}</span> 元
|
|
  
|
|
实付金额: {{money}} 元
|
|
|
|
</div>
|
|
<el-dialog :title="refund_goods_name" :visible.sync="dialogFormVisible">
|
|
<el-input :rows="5" v-model="total_refund_note" placehoder="请备注退款原因" type="textarea"></el-input>
|
|
<div slot="footer" class="dialog-footer">
|
|
<el-button @click="dialogFormVisible = false">取 消</el-button>
|
|
<el-button type="primary" @click="refundConfirm()">确 定</el-button>
|
|
</div>
|
|
</el-dialog>
|
|
|
|
</div>
|
|
|