cxhxy/app/store/view/food/order/detail.html
test_service d3170b4d1c 1
2023-12-01 15:43:29 +08:00

1 line
28 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

{layout name="layout/food" /}
<div class="row-content am-cf">
<div class="row">
<div class="am-u-sm-12 am-u-md-12 am-u-lg-12">
<div class="widget am-cf">
<div class="widget-body am-margin-bottom-lg">
<div class="widget__order-detail am-u-sm-12">
<?php
// 计算当前步骤位置
$progress = 1;
$detail['pay_status']['value'] > 10 && $progress += 1;
$detail['delivery_status']['value'] == 30 && $progress += 1;
$detail['receipt_status']['value'] == 20 && $progress += 1;
$detail['order_status']['value'] == 30 && $progress += 1;
?>
<ul class="order-detail-progress progress-{$progress}">
<li>
<span>下单时间</span>
<div class="tip">{$detail['create_time']}</div>
</li>
<li>
<span>付款时间</span>
{if $detail['pay_status']['value'] > 10}
<div class="tip">
{$detail['pay_time']|date='Y-m-d H:i'}
</div>
{/if}
</li>
<li>
<span>配送时间</span>
{if $detail['delivery_status']['value'] == 30}
<div class="tip">
{$detail['delivery_time']|date='Y-m-d H:i'}
</div>
{/if}
</li>
<li>
<span>收货时间</span>
{if $detail['receipt_status']['value'] == 20}
<div class="tip">
{$detail['receipt_time']|date='Y-m-d H:i'}
</div>
{/if}
</li>
<li>
<span>{$detail['order_status']['value'] == 40 ? '退款时间' : '完成时间'}</span>
{if $detail['order_status']['value'] == 30}
<div class="tip">
{$detail['receipt_time']|date='Y-m-d H:i'}
</div>
{elseif $detail['refund_status']['value'] == 20 /}
<div class="tip">
{$detail['refund_time']|date='Y-m-d H:i'}
</div>
{/if}
</li>
</ul>
</div>
<div class="widget-head am-cf">
<div class="widget-title am-fl">基本信息</div>
</div>
<div class="am-scrollable-horizontal">
<table class="am-table-hover regional-table am-table am-table-bordered am-table-centered
am-text-nowrap am-margin-bottom-xs">
<tbody>
<tr>
<th>订单号</th>
<th>付款信息</th>
<th>顾客信息</th>
<th>口味偏好</th>
<th>留言备注</th>
<th>交易状态</th>
</tr>
<tr>
<td>{$detail['order_no']}</td>
<td>
<p>¥{$detail['pay_price']}</p>
<p class="am-link-muted">(优惠额:-¥{$detail['activity_price']})</p>
{if $detail['pack_price']>0}
<p class="am-link-muted">(包装费:+¥{$detail['pack_price']})</p>
{/if}
{if $detail['delivery_price']>0}
<p class="am-link-muted">(配送费:+¥{$detail['delivery_price']})</p>
{/if}
{if $detail['order_status']['value']==40}
<p>退款:-¥{$detail['refund_price']}</p>
{/if}
</td>
<td>
<p>{$detail['user']['nickname']|default="--"}</p>
<p class="am-link-muted">(用户id{$detail['user']['user_id']|default="--"})</p>
</td>
<td>
<p>{$detail['flavor']|default='--'}</p>
</td>
<td>
<p>{$detail['message']|default='--'}</p>
</td>
<td>
<p>付款状态:
<span class="am-badge
{$detail['pay_status']['value'] == 20 ? 'am-badge-success' : ''}">
{if $detail['pay_status']['value'] == 20}
{$detail['pay_status']['text']}
{else /}
未支付
{/if}
</span>
</p>
<p>接单状态:
<span class="am-badge
{$detail['shop_status']['value'] > 10 ? 'am-badge-success' : ''}">
{$detail['shop_status']['text']}</span>
</p>
<p>配送状态:
<span class="am-badge
{$detail['delivery_status']['value'] == 20 ? 'am-badge-danger' : ''}
{$detail['delivery_status']['value'] == 30 ? 'am-badge-success' : ''}">
{$detail['delivery_status']['text']}</span>
</p>
<p>收货状态:
<span class="am-badge
{$detail['receipt_status']['value'] == 20 ? 'am-badge-success' : ''}">
{$detail['receipt_status']['text']}</span>
</p>
<p>订单状态:
<span class="am-badge
{$detail['order_status']['value'] == 10 ? 'am-badge-warning' : ''}
{$detail['order_status']['value'] == 20 ? 'am-badge-danger' : ''}
{$detail['order_status']['value'] == 30 ? 'am-badge-success' : ''}
{$detail['order_status']['value'] == 40 ? 'am-badge-danger' : ''}">
{$detail['order_status']['value'] == 40 ? $detail['refund_status']['text'] : $detail['order_status']['text']}
</span>
</p>
</td>
</tr>
</tbody>
</table>
</div>
<div class="widget-head am-cf">
<div class="widget-title am-fl">商品信息</div>
</div>
<div class="am-scrollable-horizontal">
<table class="am-table-hover regional-table am-table am-table-bordered am-table-centered
am-text-nowrap am-margin-bottom-xs">
<tbody>
<tr>
<th>商品名称</th>
<th>销售价格</th>
<th>购买数量</th>
<th>售后数量</th>
<th>商品总价</th>
</tr>
{foreach $detail['goods'] as $goods}
<tr>
<td class="goods-detail am-text-middle">
<div class="goods-image">
<img src="{$goods['image']['url']}" alt="">
</div>
<div class="goods-info">
<p class="goods-title">{$goods['goods_name']}</p>
<p class="goods-spec am-link-muted">
{$goods['goods_attr']}
</p>
</div>
</td>
<td>¥{$goods['goods_price']}</td>
<td>×{$goods['total_num']}</td>
<td>{$goods['refund_num']?' - ' . $goods['refund_num'] : '--'}</td>
<td>¥{$goods['total_price']}</td>
</tr>
{/foreach}
<tr>
<td colspan="5" class="am-text-right">总计金额:¥{$detail['total_price']}</td>
</tr>
</tbody>
</table>
</div>
<div class="widget-head am-cf">
<div class="widget-title am-fl">付款信息</div>
</div>
<div class="am-scrollable-horizontal">
<table class="am-table-hover regional-table am-table am-table-bordered am-table-centered
am-text-nowrap am-margin-bottom-xs">
<tbody>
<tr>
<th>应付款金额</th>
<th>支付方式</th>
<th>支付流水号</th>
<th>付款状态</th>
<th>付款时间</th>
</tr>
<tr>
<td>¥{$detail['pay_price']}</td>
<td>
{if $detail['pay_status']['value'] == 30}
线下支付
{/if}
{if $detail['pay_status']['value'] == 20}
{$detail['pay_mode']['text']}
{/if}
{if $detail['pay_status']['value'] == 10}
--
{/if}
</td>
<td>{$detail['transaction_id']|default='--'}</td>
<td>
<span class="am-badge
{$detail['pay_status']['value'] == 20 ? 'am-badge-success' : ''}">
{if $detail['pay_status']['value'] == 20}
{$detail['pay_status']['text']}
{else /}
未支付
{/if}
</span>
</td>
<td>
{$detail['pay_time'] ? datetime($detail['pay_time']) : '--'}
</td>
</tr>
</tbody>
</table>
</div>
<!--收货信息-->
{if $detail['order_mode']['value']==20}
<div class="widget-head am-cf">
<div class="widget-title am-fl">收货信息</div>
</div>
<div class="am-scrollable-horizontal">
<table class="am-table-hover regional-table am-table am-table-bordered am-table-centered
am-text-nowrap am-margin-bottom-xs">
<tbody>
<tr>
<th>收货人</th>
<th>收货电话</th>
<th>收货地址</th>
</tr>
<tr>
<td>{$detail['address']['name']}</td>
<td>{$detail['address']['phone']}</td>
<td>
{$detail['address']['province']}
{$detail['address']['city']}
{$detail['address']['district']}
{$detail['address']['detail']}
</td>
</tr>
</tbody>
</table>
</div>
{/if}
<!-- 外卖已配送 -->
{if $detail['order_mode']['value'] == 20 AND $detail['shop_status']['value']==30}
<div class="widget-head am-cf">
<div class="widget-title am-fl">骑手信息</div>
</div>
<div class="am-scrollable-horizontal">
<table class="am-table-hover regional-table am-table am-table-bordered am-table-centered
am-text-nowrap am-margin-bottom-xs">
<tbody>
<tr>
<th>骑手姓名</th>
<th>联系电话</th>
<th>骑手状态</th>
<th>配送状态</th>
<th>状态时间</th>
</tr>
<tr>
<td>{$detail['delivery']['linkman']|default="--"}</td>
<td>{$detail['delivery']['phone']|default="--"}</td>
<td>
<span class="am-badge
{$detail['delivery']['delivery_status']['value'] == 20 ? 'am-badge-warning' : ''}
{$detail['delivery']['delivery_status']['value'] == 30 ? 'am-badge-warning' : ''}
{$detail['delivery']['delivery_status']['value'] == 40 ? 'am-badge-warning' : ''}
{$detail['delivery']['delivery_status']['value'] == 50 ? 'am-badge-success' : ''}">
{$detail['delivery']['delivery_status']['text']}</span>
</td>
<td>
<span class="am-badge
{$detail['delivery']['status']['value'] == 10 ? 'am-badge-warning' : ''}
{$detail['delivery']['status']['value'] == 20 ? 'am-badge-danger' : ''}
{$detail['delivery']['status']['value'] == 30 ? 'am-badge-success' : ''}">
{$detail['delivery']['status']['text']}</span>
</td>
<td>
{$detail['delivery']['delivery_time'] ? datetime($detail['delivery']['delivery_time']) : '--'}
</td>
</tr>
</tbody>
</table>
</div>
{/if}
<!-- 退款信息 -->
{if $detail['order_status']['value'] == 40}
<form id="refund" class="my-form refund am-form tpl-form-line-form" method="post" action="">
<div class="widget-head am-cf">
<div class="widget-title am-fl">退款信息</div>
</div>
<div class="am-scrollable-horizontal">
<table class="am-table-hover regional-table am-table am-table-bordered am-table-centered
am-text-nowrap am-margin-bottom-xs">
<tbody>
<tr>
<th>退款金额</th>
<th>返回账户</th>
<th>退款理由</th>
<th>退款状态</th>
<th>退款时间</th>
</tr>
<tr>
<td>¥{$detail['refund_price']}</td>
<td>{$detail['pay_mode']['text']}</td>
<td>{$detail['refund_desc']}</td>
<td>
<span class="am-badge
{$detail['refund_status']['value'] == 20 ? 'am-badge-success' : 'am-badge-warning'}">
{$detail['refund_status']['text']}</span>
</td>
<td>
{$detail['refund_time'] ? datetime($detail['refund_time']) : '--'}
</td>
</tr>
</tbody>
</table>
</div>
{if $detail['refund_status']['value'] ==10}
<p>
<div class="am-form-group">
<label class="am-u-sm-9 am-u-lg-3 am-form-label form-require">等待商家退款操作 </label>
<div class="am-u-sm-3 am-u-end">
<label class="am-radio-inline">
<input type="radio" name="data[is_refund]" value="1" data-am-ucheck checked >
同意
</label>
<label class="am-radio-inline">
<input type="radio" name="data[is_refund]" value="0" data-am-ucheck>
拒绝
</label>
</div>
</div>
<div class="am-form-group">
<div class="am-u-sm-9 am-u-sm-push-3 am-margin-top-lg">
<button type="submit" class="j-submit am-btn am-btn-sm am-btn-secondary">
确认操作
</button>
</div>
</div>
</p>
{/if}
</form>
{/if}
<!-- 确认收款 -->
{if $detail['pay_status']['value'] == 30 AND $detail['delivery_status']['value'] == 30 AND $detail['order_status']['value'] == 10}
<form id="collection" class="my-form collection am-form tpl-form-line-form" method="post" action="">
<div class="widget-head am-cf">
<div class="widget-title am-fl">上餐完毕 - 等待商家收款</div>
</div>
<div class="am-form-group">
<div class="am-u-sm-9 am-u-sm-push-3 am-margin-top-lg">
<button type="submit" class="j-submit am-btn am-btn-sm am-btn-secondary">确认收款</button>
</div>
</div>
</form>
{/if}
<!-- 商家接单 -->
{if $detail['pay_status']['value'] > 10 AND $detail['shop_status']['value'] == 10 AND $detail['order_status']['value'] == 10}
<form id="shop" class="my-form shop am-form tpl-form-line-form" method="post" action="">
<div class="widget-head am-cf">
<div class="widget-title am-fl">{$detail['pay_status']['value']==20 ?'已支付':'餐后支付'} - 待商家确认接单</div>
</div>
<div class="am-form-group">
<div class="am-u-sm-9 am-u-sm-push-3 am-margin-top-lg">
<button type="submit" class="j-submit am-btn am-btn-sm am-btn-secondary">确认接单</button>
</div>
</div>
</form>
{/if}
<!-- 订单配送 -->
{if $detail['shop_status']['value'] == 20 AND $detail['delivery_status']['value'] == 10 AND $detail['order_status']['value'] == 10}
<form id="delivery" class="my-form delivery am-form tpl-form-line-form" method="post" action="">
<div class="widget-head am-cf">
<div class="widget-title am-fl">{$detail['order_mode']['value'] == 20 ? '等待外卖订单推送给骑手':'待商家发货'}</div>
</div>
{if $detail['order_mode']['value']==20}
<div class="am-form-group">
<label class="am-u-sm-3 am-u-lg-2 am-form-label form-require">选择配送方式 </label>
<div class="am-u-sm-9 am-u-end">
<label class="am-radio-inline">
<input v-model="company" type="radio" name="data[company]" value="self" data-am-ucheck checked>
商家自配
</label>
{foreach $company as $item}
<label class="am-radio-inline">
<input v-model="company" type="radio" name="data[company]" value="{$item['name']}" data-am-ucheck>
{$item['title']}
</label>
{/foreach}
</div>
</div>
<div class="am-form-group" v-if="company == 'self'">
<label class="am-u-sm-3 am-u-lg-2 am-form-label form-require">指派骑手 </label>
<div class="am-u-sm-9 am-u-end">
<select name="data[shop_clerk_id]" required style="width:200px;">
<option value="">请选择配送员</option>
{if isset($clerk)}
{foreach $clerk as $item}
<option value="{$item['shop_clerk_id']}">{$item['real_name']}</option>
{/foreach}
{/if}
</select>
</div>
</div>
{else /}
<input type="hidden" name="data[company]" value="">
<input type="hidden" name="data[shop_clerk_id]" value="">
{/if}
<div class="am-form-group">
<div class="am-u-sm-9 am-u-sm-push-3 am-margin-top-lg">
<button type="submit" class="j-submit am-btn am-btn-sm am-btn-secondary">{$detail['order_mode']['value'] == 20 ? '确认推送':'确认发货'}</button>
</div>
</div>
</form>
{/if}
<!-- 骑手已到店 -->
{if $detail['order_mode']['value'] == 20 AND $detail['delivery_status']['value'] == 20 AND $detail['delivery']['delivery_status']['value'] == 20 AND $detail['order_status']['value'] == 10}
<form id="dev30" class="my-form delivery-status am-form tpl-form-line-form" method="post" action="">
<div class="widget-head am-cf">
<div class="widget-title am-fl">待骑手到店取货</div>
<input type="hidden" name="data[delivery_status]" value="30">
</div>
<div class="am-form-group">
<div class="am-u-sm-9 am-u-sm-push-3 am-margin-top-lg">
<button type="submit" class="j-submit am-btn am-btn-sm am-btn-secondary">骑手取货</button>
</div>
</div>
</form>
{/if}
<!-- 外卖开始配送 -->
{if $detail['order_mode']['value'] == 20 AND $detail['delivery_status']['value'] == 20 AND $detail['delivery']['delivery_status']['value'] == 30 AND $detail['order_status']['value'] == 10}
<form id="dev40" class="my-form delivery-status am-form tpl-form-line-form" method="post" action="">
<div class="widget-head am-cf">
<div class="widget-title am-fl">骑手已取货,等待配送</div>
<input type="hidden" name="data[delivery_status]" value="40">
</div>
<div class="am-form-group">
<div class="am-u-sm-9 am-u-sm-push-3 am-margin-top-lg">
<button type="submit" class="j-submit am-btn am-btn-sm am-btn-secondary">开始配送</button>
</div>
</div>
</form>
{/if}
<!-- 外卖送达 -->
{if $detail['order_mode']['value'] == 20 AND $detail['delivery_status']['value'] == 20 AND $detail['delivery']['delivery_status']['value'] == 40 AND $detail['order_status']['value'] == 10}
<form id="dev50" class="my-form delivery am-form tpl-form-line-form" method="post" action="">
<div class="widget-head am-cf">
<div class="widget-title am-fl">外卖已送达待确认</div>
<input type="hidden" name="data[company]">
</div>
<div class="am-form-group">
<div class="am-u-sm-9 am-u-sm-push-3 am-margin-top-lg">
<button type="submit" class="j-submit am-btn am-btn-sm am-btn-secondary">确认送达</button>
</div>
</div>
</form>
{/if}
</div>
</div>
</div>
</div>
</div>
<script src="/assets/plugins/vue/vue.min.js?v={$version}"></script>
<script>
$(function () {
new Vue({
el: '.my-form',
data: {
company:'self'
}
});
$('.refund').formPost({"url":"/store/food.order/refund?id={$detail['order_id']}"});
$('.collection').formPost({"url":"/store/food.order/collection?id={$detail['order_id']}"});
$('.shop').formPost({"url":"/store/food.order/shop?id={$detail['order_id']}"});
$('.delivery').formPost({"url":"/store/food.order/delivery?id={$detail['order_id']}"});
$('.delivery-status').formPost({"url":"/store/food.order/deliveryStatus?id={$detail['order_id']}"});
});
</script>