332 lines
13 KiB
HTML
332 lines
13 KiB
HTML
{extend name="app/shop/view/base.html"/}
|
||
{block name="resources"}
|
||
<style>
|
||
.layui-layout-admin.admin-style-2 .layui-form-item .layui-input-inline{background-color: #fff;}
|
||
.layui-layout-admin.admin-style-2 .table-tab .layui-tab-title{margin-bottom: 15px;}
|
||
.layui-layout-admin.admin-style-2 .screen{margin-top: 15px;}
|
||
.layui-layout-admin.admin-style-2 .layui-body .layui-tab + .body-content {padding-top: 60px !important;}
|
||
.reject-reason{
|
||
color: #1d6cfe;
|
||
cursor: pointer;
|
||
}
|
||
.upload-img-block.square {
|
||
width: 180px;
|
||
height: 385px;
|
||
}
|
||
</style>
|
||
{/block}
|
||
{block name="main"}
|
||
<div class="layui-collapse tips-wrap">
|
||
<div class="layui-colla-item">
|
||
<h2 class="layui-colla-title">操作提示</h2>
|
||
<ul class="layui-colla-content layui-show">
|
||
<li>支付宝交易订单投诉维权</li>
|
||
<li>请在12小时完成售后维权</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div class="screen layui-collapse" lay-filter="selection_panel">
|
||
<div class="layui-colla-item">
|
||
<form class="layui-colla-content layui-form layui-show">
|
||
<div class="layui-form-item">
|
||
<div class="layui-inline">
|
||
<label class="layui-form-label">下单时间：</label>
|
||
<div class="layui-input-inline">
|
||
<input type="text" class="layui-input" name="begin_time" placeholder="开始时间" id="begin_time" readonly>
|
||
<i class=" iconrili iconfont calendar"></i>
|
||
</div>
|
||
</div>
|
||
<div class="layui-inline">
|
||
<label class="layui-form-label">结算时间：</label>
|
||
<div class="layui-input-inline">
|
||
<input type="text" class="layui-input" name="end_time" placeholder="开始时间" id="end_time" readonly>
|
||
<i class=" iconrili iconfont calendar"></i>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="layui-form-item">
|
||
<div class="layui-inline">
|
||
<label class="layui-form-label">售后状态：</label>
|
||
<div class="layui-input-inline">
|
||
<select name="settle_status" >
|
||
<option value="">请选择</option>
|
||
<option value="MERCHANT_PROCESSING">待处理</option>
|
||
<option value="MERCHANT_FEEDBACKED">已处理</option>
|
||
<option value="FINISHED">投诉完结</option>
|
||
<option value="PLATFORM_PROCESSING">客服处理中</option>
|
||
<option value="PLATFORM_FINISH">客服处理完结</option>
|
||
<option value="CLOSED">投诉关闭</option>
|
||
<option value="CANCELLED">客户投诉关闭</option>
|
||
</select>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="form-row">
|
||
<button class="layui-btn" lay-submit lay-filter="search">筛选</button>
|
||
<button type="reset" class="layui-btn layui-btn-primary">重置</button>
|
||
</div>
|
||
</form>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="layui-tab table-tab" >
|
||
<div class="layui-tab-content">
|
||
<table id="alilife_list" lay-filter="alilife_list"></table>
|
||
</div>
|
||
</div>
|
||
|
||
<script type="text/html" id="reason">
|
||
<div class="reject-reason" lay-event="reason">
|
||
{{d.content}}
|
||
</div>
|
||
</script>
|
||
|
||
<script type="text/html" id="reason_content">
|
||
<div class="layui-form">
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">交易流水号：</label>
|
||
<div class="layui-input-inline good-name"> {{d.merchant_order_no}}</div>
|
||
</div>
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">投诉时间：</label>
|
||
<div class="layui-input-inline good-name"> {{d.gmt_create}}</div>
|
||
</div>
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">退款状态：</label>
|
||
<div class="layui-input-inline good-name"> {{d.leaf_category_name}}</div>
|
||
</div>
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">原因：</label>
|
||
<div class="layui-input-inline good-name"> {{d.complain_reason}}</div>
|
||
</div>
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">用户理由：</label>
|
||
<div class="layui-input-inline good-name"> {{d.content}}</div>
|
||
</div>
|
||
<div class="layui-form-item">
|
||
<div class="layui-input-inline img-upload">
|
||
<div class="upload-img-block icon square">
|
||
<div class="upload-img-box">
|
||
{{# if(d.hasOwnProperty('images')&&d.images.length){ }}
|
||
{{# layui.each(d.images, function(index, item){ }}
|
||
<img layer-src="{{item}}" class="multuple-list-image" src="{{item}}" alt="">
|
||
{{# }); }}
|
||
{{# }else{ }}
|
||
<div class="empty">无数据</div>
|
||
{{# } }}
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</script>
|
||
<!-- 操作 -->
|
||
<script type="text/html" id="operation">
|
||
<div class="table-btn">
|
||
{{# if(d.is_sync_bill ==1){ }}
|
||
<a class="layui-btn" lay-event="detail">详情</a>
|
||
{{# } }}
|
||
|
||
{{# if(d.is_sync_bill==0&&d.status =='MERCHANT_PROCESSING'){ }}
|
||
<a class="layui-btn" lay-event="refund">直接退款</a>
|
||
{{# } }}
|
||
</div>
|
||
</script>
|
||
{/block}
|
||
{block name="script"}
|
||
<script>
|
||
var laytpl,table,form,laydate,element,repeat_flag;
|
||
layui.use(['form', 'element','laydate','laytpl'], function() {
|
||
form = layui.form;
|
||
laytpl = layui.laytpl;
|
||
laydate = layui.laydate;
|
||
element = layui.element;
|
||
repeat_flag = false; //防重复标识
|
||
form.render();
|
||
//渲染时间
|
||
laydate.render({
|
||
elem: '#begin_time',
|
||
type: 'datetime'
|
||
});
|
||
laydate.render({
|
||
elem: '#end_time',
|
||
type: 'datetime'
|
||
});
|
||
table = new Table({
|
||
elem: '#alilife_list',
|
||
url: ns.url("aliapp://shop/order/batchquery"),
|
||
parseData: function (res) {
|
||
console.log(res.data);
|
||
return {
|
||
"code": res.code,
|
||
"msg": res.data.msg,
|
||
"count": res.data.total_num,
|
||
"data": res.data.trade_complain_infos||'',
|
||
};
|
||
},
|
||
cols: [
|
||
[
|
||
{
|
||
field: 'complain_event_id',
|
||
title: '投诉编号',
|
||
unresize: true,
|
||
width: '16%',
|
||
},
|
||
{
|
||
field: 'trade_no',
|
||
title: '支付宝交易号',
|
||
unresize: true,
|
||
width: '16%'
|
||
},
|
||
{
|
||
title: '流水号',
|
||
field: 'merchant_order_no',
|
||
unresize: true,
|
||
width: '12%'
|
||
},
|
||
{
|
||
field: 'phone_no',
|
||
title: '联系电话',
|
||
unresize: 'false',
|
||
width: '10%'
|
||
},
|
||
{
|
||
field: 'status',
|
||
title: '状态',
|
||
unresize: 'false',
|
||
width: '8%',
|
||
templet: function (data) {
|
||
let text = '';
|
||
switch (data.status) {
|
||
case 'MERCHANT_PROCESSING':
|
||
text = '待处理'
|
||
break;
|
||
case 'MERCHANT_FEEDBACKED':
|
||
text = '已处理'
|
||
break;
|
||
case 'FINISHED':
|
||
text = '投诉完结'
|
||
break;
|
||
case 'PLATFORM_PROCESSING':
|
||
text = '客服处理中'
|
||
break;
|
||
case 'PLATFORM_FINISH':
|
||
text = '客服处理完结'
|
||
break;
|
||
case 'CANCELLED':
|
||
case 'CLOSED':
|
||
text = '投诉关闭'
|
||
break;
|
||
}
|
||
return text;
|
||
}
|
||
},
|
||
{
|
||
field: 'gmt_create',
|
||
title: '投诉时间',
|
||
unresize: 'false',
|
||
width: '10%'
|
||
},
|
||
{
|
||
field: 'content',
|
||
title: '投诉原因',
|
||
unresize: 'false',
|
||
width: '10%',
|
||
templet:"#reason"
|
||
},
|
||
{
|
||
title: '操作',
|
||
toolbar: '#operation',
|
||
unresize: 'false',
|
||
align: 'right'
|
||
}]
|
||
]
|
||
});
|
||
|
||
/**
|
||
* 搜索功能
|
||
*/
|
||
form.on('submit(search)', function(data) {
|
||
table.reload({
|
||
page: {
|
||
curr: 1
|
||
},
|
||
where: data.field
|
||
});
|
||
return false;
|
||
});
|
||
|
||
/**
|
||
* 监听工具栏操作
|
||
*/
|
||
table.tool(function(obj) {
|
||
var data = obj.data;
|
||
switch (obj.event) {
|
||
case 'detail': //查看
|
||
window.open(ns.url("shop/orderrefund/detail",{order_goods_id:data.order_goods_id}));
|
||
break;
|
||
case 'refund': //查看
|
||
let trade_no=data.trade_no,order_id=data.order_id,flag_delete=false;
|
||
layer.confirm('确定要退款吗!', {
|
||
btn: ['确定', '取消']
|
||
}, function() {
|
||
if (flag_delete) return;
|
||
flag_delete = true;
|
||
$.ajax({
|
||
url: ns.url("alilife://shop/order/refund"),
|
||
data: {trade_no: trade_no,order_id:order_id},
|
||
dataType: 'JSON',
|
||
type: 'POST',
|
||
success: function (res) {
|
||
layer.msg(res.message);
|
||
repeat_flag = false;
|
||
if (res.code == 0) {
|
||
table.reload();
|
||
}
|
||
}
|
||
});
|
||
}, function() {
|
||
layer.close();
|
||
});
|
||
break;
|
||
case 'reason':
|
||
laytpl($("#reason_content").html()).render(data, function (html) {
|
||
layer.open({
|
||
type: 1,
|
||
shadeClose: true,
|
||
shade: 0.3,
|
||
offset: 'auto',
|
||
fixed: false,
|
||
title: "失败原因",
|
||
area: ['550px', 'auto'],
|
||
btn: ['退出'],
|
||
content: html,
|
||
skin: 'reason'
|
||
});
|
||
});
|
||
break;
|
||
}
|
||
});
|
||
//同步账单
|
||
function syncRepair(trade_no,order_id) {
|
||
$.ajax({
|
||
url: ns.url("alilife://shop/order/syncRepair"),
|
||
data: {trade_no: trade_no,order_id:order_id},
|
||
dataType: 'JSON',
|
||
type: 'POST',
|
||
success: function (res) {
|
||
layer.msg(res.message);
|
||
repeat_flag = false;
|
||
if (res.code == 0) {
|
||
|
||
// table.reload();
|
||
}
|
||
}
|
||
});
|
||
}
|
||
});
|
||
function add() {
|
||
location.href = ns.url("presale://shop/presale/add");
|
||
}
|
||
</script>
|
||
{/block} |