添加网站文件
This commit is contained in:
428
application/admin/view/after_sale/detail.html
Normal file
428
application/admin/view/after_sale/detail.html
Normal file
@@ -0,0 +1,428 @@
|
||||
{layout name="layout2" /}
|
||||
<style>
|
||||
.div-flex {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: left;
|
||||
}
|
||||
.width-160 {
|
||||
width: 200px;
|
||||
}
|
||||
.layui-table th {
|
||||
text-align: center;
|
||||
}
|
||||
.table-margin{
|
||||
margin-left: 50px;
|
||||
margin-right: 50px;
|
||||
text-align: center;
|
||||
}
|
||||
.image{
|
||||
height:80px;
|
||||
width: 80px;
|
||||
}
|
||||
|
||||
.mt50{
|
||||
margin-left: 50px;
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
<div class="layui-card-body" >
|
||||
<!--基本信息-->
|
||||
<div class="layui-form" lay-filter="layuiadmin-form-after-sale" id="layuiadmin-form-after-sale" >
|
||||
<input type="hidden" class="after_sale_id" name="after_sale_id" value="{$detail.id}">
|
||||
|
||||
<div class="layui-form-item">
|
||||
<fieldset class="layui-elem-field layui-field-title">
|
||||
<legend>售后信息</legend>
|
||||
</fieldset>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item div-flex">
|
||||
<label class="layui-form-label ">售后单号:</label>
|
||||
<div class="width-160">{$detail.sn}</div>
|
||||
<label class="layui-form-label ">申请时间:</label>
|
||||
<div class="width-160">{$detail.create_time}</div>
|
||||
<label class="layui-form-label ">退款方式:</label>
|
||||
<div class="width-160 refund_type_text">{$detail.refund_type_text}</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item div-flex">
|
||||
<label class="layui-form-label ">退款金额:</label>
|
||||
<div class="width-160 refund_price_text">￥{$detail.refund_price}</div>
|
||||
<label class="layui-form-label ">退款原因:</label>
|
||||
<div class="width-160 ">{$detail.refund_reason}</div>
|
||||
<label class="layui-form-label ">退款说明:</label>
|
||||
<div class="width-160">{$detail.refund_remark}</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item div-flex">
|
||||
<label class="layui-form-label ">申请状态:</label>
|
||||
<div class="width-160">{$detail.status_text}</div>
|
||||
<label class="layui-form-label ">售后说明:</label>
|
||||
<div class="width-160">{$detail.admin_remark}</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item">
|
||||
<fieldset class="layui-elem-field layui-field-title">
|
||||
<legend>订单信息</legend>
|
||||
</fieldset>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item div-flex">
|
||||
<label class="layui-form-label ">订单编号:</label>
|
||||
<div class="width-160">{$detail.order.order_sn}</div>
|
||||
<label class="layui-form-label ">订单金额:</label>
|
||||
<div class="width-160">￥{$detail.order.order_amount}</div>
|
||||
<label class="layui-form-label ">付款方式:</label>
|
||||
<div class="width-160 pay_way_text">{$detail.order.pay_way}</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item div-flex">
|
||||
<label class="layui-form-label ">配送方式:</label>
|
||||
<div class="width-160">物流配送</div>
|
||||
<label class="layui-form-label ">订单状态:</label>
|
||||
<div class="width-160">{$detail.order.order_status}</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item">
|
||||
<fieldset class="layui-elem-field layui-field-title">
|
||||
<legend>会员信息</legend>
|
||||
</fieldset>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item div-flex">
|
||||
<label class="layui-form-label ">会员编号:</label>
|
||||
<div class="width-160">{$detail.user.sn}</div>
|
||||
<label class="layui-form-label ">会员昵称:</label>
|
||||
<div class="width-160">{$detail.user.nickname}</div>
|
||||
<label class="layui-form-label ">手机号码:</label>
|
||||
<div class="width-160">{$detail.user.mobile}</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item div-flex">
|
||||
<label class="layui-form-label ">性别:</label>
|
||||
<div class="width-160">{$detail.user.sex}</div>
|
||||
<label class="layui-form-label ">注册时间:</label>
|
||||
<div class="width-160">{$detail.user.create_time}</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item">
|
||||
<fieldset class="layui-elem-field layui-field-title">
|
||||
<legend>退款商品</legend>
|
||||
</fieldset>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item table-margin">
|
||||
<table class="layui-table">
|
||||
<colgroup>
|
||||
<col width="250">
|
||||
<col width="100">
|
||||
<col width="100">
|
||||
<col width="100">
|
||||
</colgroup>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>商品信息</th>
|
||||
<th>价格(元)</th>
|
||||
<th>数量</th>
|
||||
<th>小计(元)</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{foreach $detail.order_goods as $k => $goods}
|
||||
<tr>
|
||||
<td>
|
||||
<div style="text-align: left">
|
||||
<div class="layui-col-md3">
|
||||
<img src="{$goods.image}" class="image-show image" >
|
||||
</div>
|
||||
<div class="layui-col-md9">
|
||||
<p style="margin-top: 10px">{$goods.goods_name}</p>
|
||||
<br>
|
||||
<p>{$goods.spec_value}</p>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
<td>￥{$goods.goods_price}</td>
|
||||
<td>{$goods.goods_num}</td>
|
||||
<td>{$goods.total_price}</td>
|
||||
</tr>
|
||||
{/foreach}
|
||||
<tr>
|
||||
<td colspan="3"></td>
|
||||
<td style="text-align: left;">
|
||||
<div>退款金额:<span style="color: red">￥{$detail.refund_price}</span> </div>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
{if condition = "$detail.status egt 3 && $detail.invoice_no neq null && $detail.refund_type eq 1"}
|
||||
<div class="layui-form-item">
|
||||
<fieldset class="layui-elem-field layui-field-title">
|
||||
<legend>收货信息</legend>
|
||||
</fieldset>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item div-flex">
|
||||
<label class="layui-form-label ">快递公司:</label>
|
||||
<div class="width-160">{$detail.express_name}</div>
|
||||
<label class="layui-form-label ">快递单号:</label>
|
||||
<div class="width-160">{$detail.invoice_no}</div>
|
||||
<label class="layui-form-label ">快递说明:</label>
|
||||
<div class="width-160">{$detail.express_remark}</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item div-flex">
|
||||
<label class="layui-form-label ">退货地址:</label>
|
||||
<div class="width-160 refund_address_text">{$detail.shop_address}</div>
|
||||
<label class="layui-form-label ">入库方式:</label>
|
||||
<div class="width-160"></div>
|
||||
<label class="layui-form-label ">收货时间:</label>
|
||||
<div class="width-160">{$detail.confirm_take_time}</div>
|
||||
</div>
|
||||
{/if}
|
||||
|
||||
<div class="layui-form-item">
|
||||
<fieldset class="layui-elem-field layui-field-title">
|
||||
<legend>售后操作</legend>
|
||||
</fieldset>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item div-flex ">
|
||||
<div class="layui-input-block ">
|
||||
|
||||
{eq name="$detail.status" value="0"}
|
||||
<button type="submit" class="layui-btn layui-btn-sm layui-btn-normal width_160 " id="agree">商家同意</button>
|
||||
<button type="submit" class="layui-btn layui-btn-sm layui-btn-danger width_160 " id="refuse">商家拒绝</button>
|
||||
{/eq}
|
||||
|
||||
|
||||
{eq name="$detail.status" value="3"}
|
||||
<button type="submit" class="layui-btn layui-btn-sm layui-btn-normal width_160 " id="take_goods">商家收货</button>
|
||||
<button type="submit" class="layui-btn layui-btn-sm layui-btn-danger width_160 " id="refuse_goods">拒绝收货</button>
|
||||
{/eq}
|
||||
|
||||
{eq name="$detail.status" value="5"}
|
||||
<button type="submit" class="layui-btn layui-btn-sm layui-btn-normal width_160 " id="confirm">确认退款</button>
|
||||
{/eq}
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item">
|
||||
<fieldset class="layui-elem-field layui-field-title">
|
||||
<legend>售后日志</legend>
|
||||
</fieldset>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item div-flex">
|
||||
<div class="layui-input-block ">
|
||||
<ul class="layui-timeline">
|
||||
{volist name="$detail.logs" id="vo"}
|
||||
<li class="layui-timeline-item">
|
||||
<i class="layui-icon layui-timeline-axis"></i>
|
||||
<div class="layui-timeline-content layui-text">
|
||||
<h3 class="layui-timeline-title">{$vo.content}({$vo.create_time})</h3>
|
||||
<!--日志备注-->
|
||||
{notempty name="$vo.log_remark"}
|
||||
<h4>{$vo.log_remark}</h4>
|
||||
{/notempty}
|
||||
<!--日志图片-->
|
||||
{notempty name="$vo.log_img"}
|
||||
<img src="{$vo.log_img}" alt="" width="80" height="80" class="image-show">
|
||||
{/notempty}
|
||||
</div>
|
||||
</li>
|
||||
{/volist}
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<script type="text/javascript">
|
||||
//注意：选项卡 依赖 element 模块，否则无法进行功能性操作
|
||||
|
||||
layui.config({
|
||||
version:"{$front_version}",
|
||||
base: '/static/plug/layui-admin/dist/layuiadmin/' //静态资源所在路径
|
||||
}).extend({
|
||||
index: 'lib/index' //主入口模块
|
||||
}).use(['index', 'element', 'jquery', 'like'], function () {
|
||||
var $ = layui.$;
|
||||
var like = layui.like;
|
||||
|
||||
//主图放大
|
||||
$(document).on('click', '.image-show', function () {
|
||||
var src = $(this).attr('src');
|
||||
like.showImg(src,400);
|
||||
});
|
||||
|
||||
var id = $('.after_sale_id').val();
|
||||
var pay_way = $('.pay_way_text').text();
|
||||
var refund_type = $('.refund_type_text').text();
|
||||
var refund_price = $('.refund_price_text').text();
|
||||
var refund_address = $('.refund_address_text').text();
|
||||
|
||||
//商家同意
|
||||
$('#agree').click(function () {
|
||||
layer.confirm(
|
||||
"提示：该笔订单通过" + pay_way + "付款，商家同意后，退款将自动原路退回会员账户。"+"<br/>"+
|
||||
"退款方式："+ refund_type + "<br/>"+
|
||||
"退款金额："+ "<span style='color: red'>"+refund_price+"</span>", {
|
||||
btn: ['确认','取消'] //按钮
|
||||
}, function(){
|
||||
like.ajax({
|
||||
url: '{:url("after_sale/agree")}'
|
||||
, data: {'id': id}
|
||||
, type: 'post'
|
||||
, success: function (res) {
|
||||
if (res.code == 1) {
|
||||
layui.layer.msg(res.msg, {
|
||||
offset: '15px'
|
||||
, icon: 1
|
||||
, time: 1000
|
||||
},function () {
|
||||
location.reload();
|
||||
});
|
||||
}
|
||||
}
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
//商家拒绝
|
||||
$('#refuse').click(function () {
|
||||
layer.confirm(
|
||||
"提示：请与会员协商后确认拒绝申请，会员可再次发起退款。"+"<br/>"+
|
||||
"退款方式："+ refund_type + "<br/>"+
|
||||
"退款金额："+ "<span style='color: red'>"+refund_price+"</span>"+ "<br/>"+
|
||||
"拒绝原因："+"<textarea id='remark' name='remark' class='layui-textarea' type='text' style='height:100px'></textarea>", {
|
||||
btn: ['确认','取消'] //按钮
|
||||
}, function(){
|
||||
var remark = $('#remark').val();
|
||||
if (remark == null || remark == undefined || remark == ''){
|
||||
layer.msg('请填写拒绝原因!');
|
||||
return false;
|
||||
}
|
||||
like.ajax({
|
||||
url: '{:url("after_sale/refuse")}'
|
||||
, data: {'id': id,'remark':remark}
|
||||
, type: 'post'
|
||||
, success: function (res) {
|
||||
if (res.code == 1) {
|
||||
layui.layer.msg(res.msg, {
|
||||
offset: '15px'
|
||||
, icon: 1
|
||||
, time: 1000
|
||||
},function () {
|
||||
location.reload();
|
||||
});
|
||||
}
|
||||
}
|
||||
});
|
||||
return false;
|
||||
});
|
||||
});
|
||||
|
||||
|
||||
//商家收货
|
||||
$('#take_goods').click(function () {
|
||||
layer.confirm(
|
||||
"提示：该笔订单通过" + pay_way + "付款，商家同意后，退款将自动原路退回会员账户。"+"<br/>"+
|
||||
"退款方式："+ refund_type + "<br/>"+
|
||||
"退款金额："+ "<span style='color: red'>"+refund_price+"</span>"+ "<br/>"+
|
||||
"退货地址："+ refund_address, {
|
||||
btn: ['确认','取消'] //按钮
|
||||
}, function(){
|
||||
like.ajax({
|
||||
url: '{:url("after_sale/take")}'
|
||||
, data: {'id': id}
|
||||
, type: 'post'
|
||||
, success: function (res) {
|
||||
if (res.code == 1) {
|
||||
layui.layer.msg(res.msg, {
|
||||
offset: '15px'
|
||||
, icon: 1
|
||||
, time: 1000
|
||||
},function () {
|
||||
location.reload();
|
||||
});
|
||||
}
|
||||
}
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
|
||||
|
||||
//商家拒绝收货
|
||||
$('#refuse_goods').click(function () {
|
||||
layer.confirm(
|
||||
"提示：请与会员协商后确认拒绝申请，会员可再次发起退款。"+"<br/>"+
|
||||
"退款方式："+ refund_type + "<br/>"+
|
||||
"退款金额："+ "<span style='color: red'>"+refund_price+"</span>"+ "<br/>"+
|
||||
"拒绝原因："+"<textarea id='remark' name='remark' class='layui-textarea' type='text' style='height:100px'></textarea>", {
|
||||
btn: ['确认','取消'] //按钮
|
||||
}, function(){
|
||||
var remark = $('#remark').val();
|
||||
if (remark == null || remark == undefined || remark == ''){
|
||||
layer.msg('请填写拒绝原因!');
|
||||
return false;
|
||||
}
|
||||
like.ajax({
|
||||
url: '{:url("after_sale/refuseGoods")}'
|
||||
, data: {'id': id,'remark':remark}
|
||||
, type: 'post'
|
||||
, success: function (res) {
|
||||
if (res.code == 1) {
|
||||
layui.layer.msg(res.msg, {
|
||||
offset: '15px'
|
||||
, icon: 1
|
||||
, time: 1000
|
||||
},function () {
|
||||
location.reload();
|
||||
});
|
||||
}
|
||||
}
|
||||
});
|
||||
return false;
|
||||
});
|
||||
});
|
||||
|
||||
|
||||
|
||||
//确认退款
|
||||
$('#confirm').click(function () {
|
||||
layer.confirm(
|
||||
"提示：该笔订单通过" + pay_way + "付款，商家确认退款后，退款将自动原路退回会员账户。"+"<br/>"+
|
||||
"退款方式："+ refund_type + "<br/>"+
|
||||
"退款金额："+ "<span style='color: red'>"+refund_price+"</span>", {
|
||||
btn: ['确认','取消'] //按钮
|
||||
}, function(){
|
||||
like.ajax({
|
||||
url: '{:url("after_sale/confirm")}'
|
||||
, data: {'id': id}
|
||||
, type: 'post'
|
||||
, success: function (res) {
|
||||
if (res.code == 1) {
|
||||
layui.layer.msg(res.msg, {
|
||||
offset: '15px'
|
||||
, icon: 1
|
||||
, time: 1000
|
||||
},function () {
|
||||
location.reload();
|
||||
});
|
||||
}
|
||||
}
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
});
|
||||
</script>
|
||||
Reference in New Issue
Block a user