|
@@ -0,0 +1,176 @@
|
|
|
+<!DOCTYPE HTML>
|
|
|
+<html>
|
|
|
+<head>
|
|
|
+ <meta charset="utf-8">
|
|
|
+ <meta name="renderer" content="webkit|ie-comp|ie-stand">
|
|
|
+ <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
|
|
+ <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
|
|
|
+ <meta http-equiv="Cache-Control" content="no-siteapp" />
|
|
|
+ <link rel="Bookmark" href="/favicon.ico" >
|
|
|
+ <link rel="Shortcut Icon" href="/favicon.ico" />
|
|
|
+<#include "/base/add_base.ftl">
|
|
|
+ <title>客诉列表</title>
|
|
|
+ <style>
|
|
|
+ *{padding: 0;margin: 0;}
|
|
|
+ .my-input{border: 1px solid rgba(0,0,0,.1);padding: 1px 5px;height: 32px;margin-right: 10px;}
|
|
|
+ .my-select{border: 1px solid rgba(0,0,0,.1);padding:6px 50px 6px 15px;height: 34px;margin: 0 10px; -webkit-appearance:none;appearance:none;background: url(${path}/common/images/pts/select-1.png) right center no-repeat;background-size:auto 100%;}
|
|
|
+ .my-btn-search{border: 1px solid #32a3d8;padding: 1px 25px;height: 32px;background-color: #32a3d8;color: #fff;}
|
|
|
+ .table-bg thead th{background-color: #e2f6ff;}
|
|
|
+ .update-parts>span{margin-right: 10px;padding: 3px 4px;background-color: #effaff;border: 1px solid #32a3d8;}
|
|
|
+ .txt2{width:60px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
|
|
|
+ .postage-table{float: left;width: 150px;height: 30px;line-height: 30px;}
|
|
|
+ </style>
|
|
|
+</head>
|
|
|
+<body>
|
|
|
+
|
|
|
+
|
|
|
+<div class="page-container">
|
|
|
+ <div class="text-c">
|
|
|
+ <form action="" id="customer_condition" method="post">
|
|
|
+ <input type="text" class="my-input trim_input" style="width:120px;margin-bottom: 10px;" value="" placeholder="客诉编号" id="customerId" name="customerId">
|
|
|
+ <input type="text" class="my-input trim_input" style="width:120px;margin-bottom: 10px;" value="" placeholder="姓名" id="customerName" name="customerName">
|
|
|
+ <input type="text" class="my-input trim_input" style="width:120px;margin-bottom: 10px;" value="" placeholder="手机号码" id="customerTel" name="customerTel">
|
|
|
+ <select class="my-select" name="customerIsSolve" id="customerIsSolve" style="height: 36px;width: 120px;margin: 0px;padding: 12px 10px 6px 15px;margin-bottom: 10px;">
|
|
|
+ <option value="">处理结果</option>
|
|
|
+ <option value="1" >已解决</option>
|
|
|
+ <option value="2" >未解决</option>
|
|
|
+ <option value="3" >换新</option>
|
|
|
+ <option value="4" >维修</option>
|
|
|
+ <option value="5" >补发</option>
|
|
|
+ <option value="6" >退货</option>
|
|
|
+ <option value="7" >无理由退货</option>
|
|
|
+ </select>
|
|
|
+ <button type="button" class="btn" style="background: #32a3d8;color: #fff;height: 35px;margin-bottom: 10px;"name="" onclick="searchOrder()"><i class="Hui-iconfont"></i> 搜索</button>
|
|
|
+ </form>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="order-list" style=" margin-top: -10px;">
|
|
|
+ <div class="mt-20" style="height: 330px;overflow: auto;overflow-x: hidden;margin-bottom: 12px;border: 1px solid #ddd;">
|
|
|
+ <table class="table table-border table-bordered table-bg table-hover table-sort">
|
|
|
+ <thead>
|
|
|
+ <tr class="text-c">
|
|
|
+ <th width="10">
|
|
|
+ <#--<input type="checkbox" class="selectAll" id="selectAll" value="selectAll" >-->
|
|
|
+ </th>
|
|
|
+ <th width="50">客诉编号</th>
|
|
|
+ <th width="50">姓名</th>
|
|
|
+ <th width="50">电话</th>
|
|
|
+ <th width="50">问题简述</th>
|
|
|
+ <th width="50">处理结果</th>
|
|
|
+ <th width="80">客诉时间</th>
|
|
|
+ </tr>
|
|
|
+ </thead>
|
|
|
+ <tbody id="productHtml">
|
|
|
+ </tbody>
|
|
|
+ </table>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="formControls col-1 col-sm-1" style="margin-left: 45%;">
|
|
|
+ <button type="button" class="btn btn-primary" style="background: #32a3d8;color: #fff;" id="" name="" onclick="selectProduct()">确认选择</button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+</div>
|
|
|
+
|
|
|
+<tfoot>
|
|
|
+</tfoot>
|
|
|
+
|
|
|
+<script>
|
|
|
+ $(function () {
|
|
|
+ /*搜索*/
|
|
|
+ $(document).on('click', '#searchOrder', function() {
|
|
|
+ searchOrder();
|
|
|
+ });
|
|
|
+
|
|
|
+ /*初始化 搜索订单 */
|
|
|
+ searchOrder();
|
|
|
+
|
|
|
+ /*回车搜索*/
|
|
|
+ $('.input-text').keydown(function(event){
|
|
|
+ if(event.keyCode == 13){ //绑定回车
|
|
|
+ $('#searchOrder').click();
|
|
|
+ }
|
|
|
+ });
|
|
|
+ })
|
|
|
+
|
|
|
+ /**
|
|
|
+ * 搜索订单
|
|
|
+ */
|
|
|
+ function searchOrder(){
|
|
|
+ var index = layer.load(1, {
|
|
|
+ shade: [0.5,'#fff'] //0.1透明度的白色背景
|
|
|
+ });
|
|
|
+
|
|
|
+ var data = $("#customer_condition").serialize();
|
|
|
+
|
|
|
+ $.ajax({
|
|
|
+ type: "POST",
|
|
|
+ data: data,
|
|
|
+ url: "${path}/admin/customer/add_customer_list",
|
|
|
+ success: function(data){
|
|
|
+ var html = "";
|
|
|
+ if (data.returnCode == 200 && data.returnMsg.customerList.length > 0 ) {
|
|
|
+ for(var i=0;i<data.returnMsg.customerList.length;i++){
|
|
|
+ var customer = data.returnMsg.customerList[i];
|
|
|
+
|
|
|
+ var isSolve = "";
|
|
|
+ switch (customer.customerIsSolve){
|
|
|
+ //1:已解决 2:未解决 3:换新 4:维修 5:补发 6:退货 7:无理由退货
|
|
|
+ case 1:
|
|
|
+ isSolve = "已解决";
|
|
|
+ break;
|
|
|
+ case 2:
|
|
|
+ isSolve = "未解决";
|
|
|
+ break;
|
|
|
+ case 3:
|
|
|
+ isSolve = "换新";
|
|
|
+ break;
|
|
|
+ case 4:
|
|
|
+ isSolve = "维修";
|
|
|
+ break;
|
|
|
+ case 5:
|
|
|
+ isSolve = "补发";
|
|
|
+ break;
|
|
|
+ case 6:
|
|
|
+ isSolve = "退货";
|
|
|
+ break;
|
|
|
+ case 7:
|
|
|
+ isSolve = "无理由退货";
|
|
|
+ break;
|
|
|
+ default:
|
|
|
+ break;
|
|
|
+ }
|
|
|
+ html += '<tr class="text-c">' +
|
|
|
+ ' <td><input type="radio" class="customer_id" id="" value="'+ customer.customerId +'" ></td>' +
|
|
|
+ ' <td>'+ cufte(customer.customerId) +'</td>' +
|
|
|
+ ' <td>'+ cufte(customer.customerName) +'</td>' +
|
|
|
+ ' <td>'+ cufte(customer.customerTel) +'</td>' +
|
|
|
+ ' <td style="text-align: left">'+ cufte(customer.describeTitle) +'</td>' +
|
|
|
+ ' <td>'+ isSolve +'</td>' +
|
|
|
+ ' <td>'+ formatDate(customer.customerCreateTime,"yyyy-MM-dd HH:mm:ss") +'</td>' +
|
|
|
+ ' </tr>';
|
|
|
+ }
|
|
|
+ }else{
|
|
|
+ html = '<tr class="text-c"><td colspan="12">没有搜索到商品,请重试!</td></tr>';
|
|
|
+ }
|
|
|
+ $("#productHtml").html(html);
|
|
|
+ layer.close(index);
|
|
|
+ },
|
|
|
+ error: function(XmlHttpRequest, textStatus, errorThrown){
|
|
|
+ layer.close(index);
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * 选择订单,返回订单内容到父级
|
|
|
+ */
|
|
|
+ function selectProduct() {
|
|
|
+ var customerId = $(".customer_id:checked").val();
|
|
|
+ parent.setSelectCustomer(customerId);
|
|
|
+ parent.layer.close(parent.layer.getFrameIndex(window.name));
|
|
|
+ }
|
|
|
+</script>
|
|
|
+
|
|
|
+</body>
|
|
|
+</html>
|