|
@@ -11,24 +11,50 @@
|
|
|
<#include "/base/list_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-input::-webkit-input-placeholder,.my-select{color: #dcdcdc;}*/
|
|
|
- .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(/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;}
|
|
|
- .barcodeImg{margin:10px 0px}
|
|
|
- .table-bg thead th{background-color: #e2f6ff;}
|
|
|
- input[type=radio]{-webkit-appearance:none;appearance:none;background: url(/common/images/pts/radio-1.png) center center no-repeat;background-size:auto 100%;width: 20px;height: 20px;margin-right: 10px;}
|
|
|
- input[type=radio]:checked{-webkit-appearance:none;appearance:none;background: url(/common/images/pts/radio-2.png) center center no-repeat;background-size:auto 100%;width: 20px;height: 20px;margin-right: 10px;}
|
|
|
+ .tit{position: relative;text-align: left;font-size: 16px;padding-left: 10px;}
|
|
|
+ .tit:after{content: '';position: absolute;left: 0;top: 20%;height: 60%;width: 3px;background-color: #32a3d8;}
|
|
|
+ .tit-2{position: relative;text-align: left;font-size: 16px;padding-left: 10px;}
|
|
|
+ .tit-2:after{content: '';position: absolute;left: 0;top: 20%;height: 60%;width: 3px;background-color: #32a3d8;}
|
|
|
+ #province select{margin-right:10px; width:100px;height: 31px;-webkit-appearance:none !important;appearance:none;background: url(${path}/common/images/cm/select-1.png) right center no-repeat;background-size: auto 100%;padding-left:3px;padding-right: 25px;}
|
|
|
+
|
|
|
+ #suggest, #suggest2 {width:200px}
|
|
|
+ .gray {color:gray}
|
|
|
+ .ac_results {background:#fff;border:1px solid #7f9db9;position: absolute;z-index: 10000;display: none}
|
|
|
+ .ac_results li a {white-space: nowrap;text-decoration:none;display:block;color:#05a;padding:1px 3px}
|
|
|
+ .ac_results li {border:1px solid #fff}
|
|
|
+ .ac_over, .ac_results li a:hover {background:#c8e3fc}
|
|
|
+ .ac_results li a span {float:right}
|
|
|
+ .ac_result_tip {border-bottom:1px dashed #666;padding:3px}
|
|
|
+
|
|
|
+ .select-box{background: url(${path}/common/images/cm/select-1.png) right center no-repeat;background-size: auto 100%;}
|
|
|
+ .select-box select{-webkit-appearance:none !important;background-color: transparent; appearance:none;padding-right: 25px;}
|
|
|
+ .dalog-ask{position: absolute;left:60%;top:0;-webkit-transform: translateY(-30%);transform: translateY(-30%);display: none;background-color: #fff;z-index: 10;}
|
|
|
+ .tag{ width:300px; min-height:300px; border:1px solid #32a3d8; position:relative;background-color: #fff;line-height: 1.5;padding: 10px 12px;}
|
|
|
+ .tag em{display:block; border-width:15px; position:absolute; top:30%; left:-30px;border-style:solid dashed dashed; border-color:transparent #32a3d8 transparent transparent;font-size:0; line-height:0;}
|
|
|
+ .dalog-ask .ask{color: #000;margin: 10px 0 5px 0;}
|
|
|
+ .dalog-ask .answer{color: #666;margin-bottom: 10px;}
|
|
|
+ .dalog-ask .answer:hover{color: #32a3d8;cursor: pointer;}
|
|
|
+ .time-line-list{list-style: none;width: 100%;margin-left: -20px;}
|
|
|
+ .time-line-list>li{position: relative;float: left; text-align: center;width: 100px;overflow: hidden;white-space: nowrap;word-break: break-all;padding: 2px 0;}
|
|
|
+ .time-line-list .number{display: inline-block; padding: 2px; background: #32a3d8;border: 2px solid #fff;box-shadow:0 0 0 1px #32a3d8;width: 20px;height: 20px;color: #fff;line-height: 20px;border-radius: 50%;}
|
|
|
+ .time-line-list>li:before{content:'';position: absolute;height: 1px;width: 30%;right:0;top: 15px; background-color: #32a3d8;}
|
|
|
+ .time-line-list>li:after{content: '';position: absolute;height: 1px;width: 30%;left: 0;top: 15px;background:#32a3d8;}
|
|
|
+ .time-line-list>li:first-child:after,.time-line-list>li:last-child:before{display: none;}
|
|
|
+ .time-line-list .arrow{border-width:7px; position:absolute; left:25%; top:9px;border-style:solid dashed dashed; border-color:transparent transparent transparent #32a3d8;font-size:0; line-height:0;}
|
|
|
+ .time-line-list>li:first-child .arrow{display: none;}
|
|
|
+ .table-bg th{background-color: #e2f6ff;}
|
|
|
+ .update-parts>span{margin-right: 10px;padding: 3px 4px;background-color: #effaff;border: 1px solid #32a3d8;}
|
|
|
+ .my-search-input{padding-left: 30px;background: url(${path}/common/images/cm/search.png) 6px center no-repeat;background-size: auto 60%; }
|
|
|
</style>
|
|
|
</head>
|
|
|
<body>
|
|
|
<div class="page-container">
|
|
|
<div class="text-c">
|
|
|
- <form action="${path}/admin/customer/_customer_list" method="post">
|
|
|
+ <form action="" method="post">
|
|
|
<div class="row cl">
|
|
|
<div class="formControls col-4 col-sm-4" style="width: 150px;"> <span class="select-box">
|
|
|
<select name="" class="select" id="companyId">
|
|
|
+ <option value="">销售公司</option>
|
|
|
<#if companyInfoList?? && (companyInfoList?size > 0) >
|
|
|
<#list companyInfoList as companyInfo>
|
|
|
<option value ="${companyInfo.companyId!""}">${companyInfo.companyName!""}</option>
|
|
@@ -44,31 +70,37 @@
|
|
|
</div>
|
|
|
<div class="formControls col-4 col-sm-4" style="width: 150px;"> <span class="select-box">
|
|
|
<select name="" class="select" id="storeId">
|
|
|
- <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>
|
|
|
- <option value="8"></option>
|
|
|
- <option value="9"></option>
|
|
|
- <option value="10"></option>
|
|
|
- <option value="11"></option>
|
|
|
- <option value="12"></option>-->
|
|
|
+ <option value="">所有类型</option>
|
|
|
+ <option value="0">取消订单</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>
|
|
|
+ <option value="8">订单退货,订单关闭</option>
|
|
|
+ <option value="9">换货中</option>
|
|
|
+ <option value="10">换货完成</option>
|
|
|
+ <option value="11">申请换货中</option>
|
|
|
+ <option value="12">已完成</option>
|
|
|
+ <option value="13">全额付款</option>
|
|
|
+ <option value="14">定金付款</option>
|
|
|
</select>
|
|
|
</span>
|
|
|
</div>
|
|
|
- <div class="formControls col-2 col-sm-2">
|
|
|
+ <div class="formControls col-2 col-sm-2" style="width: 150px;">
|
|
|
<input type="text" class="input-text" value="" placeholder="订单编号" id="salesId" name="">
|
|
|
</div>
|
|
|
- <div class="formControls col-2 col-sm-2">
|
|
|
+ <div class="formControls col-2 col-sm-2" style="width: 150px;">
|
|
|
<input type="text" class="input-text" value="" placeholder="收货人姓名" id="salesAddressName" name="">
|
|
|
</div>
|
|
|
- <div class="formControls col-2 col-sm-2">
|
|
|
+ <div class="formControls col-2 col-sm-2" style="width: 150px;">
|
|
|
<input type="text" class="input-text" value="" placeholder="收货人电话" id="salesAddressTel" name="">
|
|
|
</div>
|
|
|
- <button type="submit" class="btn" style="background: #32a3d8;color: #fff;-webkit-transform:translateY(-5%);" id="searchOrder" name=""><i class="Hui-iconfont"></i> 搜索</button>
|
|
|
+ <div class="formControls col-1 col-sm-1">
|
|
|
+ <button type="button" class="btn btn-primary" style="background: #32a3d8;color: #fff;-webkit-transform:translateY(-5%);" id="searchOrder" name=""><i class="Hui-iconfont"></i> 搜索</button>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</form>
|
|
|
</div>
|
|
@@ -114,6 +146,7 @@
|
|
|
<tfoot>
|
|
|
<#--<#include "/base/page_util.ftl">-->
|
|
|
</tfoot>
|
|
|
+
|
|
|
<script>
|
|
|
|
|
|
$(function () {
|
|
@@ -129,7 +162,7 @@
|
|
|
/*获取销售公司下的所有店铺*/
|
|
|
function selectStoreInfo() {
|
|
|
var companyId = $("#companyId").val();
|
|
|
- var html = "";
|
|
|
+ var html = '<option value="">店铺</option>';
|
|
|
$.ajax({
|
|
|
type: "POST",
|
|
|
data: {
|
|
@@ -158,12 +191,12 @@
|
|
|
* 搜索订单
|
|
|
*/
|
|
|
function searchOrder(){
|
|
|
- var salesCompanyId = $("#companyId").val();
|
|
|
- var salesStoreId = $("#storeId").val();
|
|
|
- var salesStatus = $("#salesStatus").val();
|
|
|
- var salesId = $("#salesId").val();
|
|
|
- var salesAddressName = $("#salesAddressName").val();
|
|
|
- var salesAddressTel = $("#salesAddressTel").val();
|
|
|
+ var salesCompanyId = convertUndefinedToEmpty($("#companyId").val());
|
|
|
+ var salesStoreId = convertUndefinedToEmpty($("#storeId").val());
|
|
|
+ var salesStatus = convertUndefinedToEmpty($("#salesStatus").val());
|
|
|
+ var salesId = convertUndefinedToEmpty($("#salesId").val());
|
|
|
+ var salesAddressName =convertUndefinedToEmpty($("#salesAddressName").val());
|
|
|
+ var salesAddressTel = convertUndefinedToEmpty($("#salesAddressTel").val());
|
|
|
var html = "";
|
|
|
$.ajax({
|
|
|
type: "POST",
|
|
@@ -181,16 +214,28 @@
|
|
|
if (data.returnCode == 200) {
|
|
|
for(var i=0;i<data.returnMsg.salesOrderList.length;i++){
|
|
|
var salesOrder = data.returnMsg.salesOrderList[i];
|
|
|
+
|
|
|
+ var productsHtml = '';
|
|
|
+ var salesOrderItem = salesOrder.salesOrderItemList
|
|
|
+ for(var j=0;j<salesOrderItem.length;j++){
|
|
|
+ var item = salesOrderItem[j].itemProductName + "*" + salesOrderItem[j].itemNum;
|
|
|
+ if(j==0){
|
|
|
+ productsHtml += item
|
|
|
+ }else{
|
|
|
+ productsHtml += '<br>'+ item
|
|
|
+ }
|
|
|
+ }
|
|
|
+ var time = formatDate(new Date(salesOrder.salesCreateTime),"yyyy-MM-dd");
|
|
|
html += '<tr class="text-c">' +
|
|
|
- ' <td></td>' +
|
|
|
- ' <td></td>' +
|
|
|
- ' <td></td>' +
|
|
|
- ' <td></td>' +
|
|
|
- ' <td></td>' +
|
|
|
- ' <td></td>' +
|
|
|
- ' <td></td>' +
|
|
|
- ' <td></td>' +
|
|
|
- ' <td></td>' +
|
|
|
+ ' <td>'+ convertUndefinedToEmpty(salesOrder.companyName) +'-'+ convertUndefinedToEmpty(salesOrder.storeName) +'</td>' +
|
|
|
+ ' <td>'+ salesOrder.salesId +'</td>' +
|
|
|
+ ' <td>'+ salesOrder.salesAddressName +'</td>' +
|
|
|
+ ' <td>'+ salesOrder.salesAddressTel +'</td>' +
|
|
|
+ ' <td>'+ salesOrder.salesAmount +'</td>' +
|
|
|
+ ' <td>'+ productsHtml +'</td>' +
|
|
|
+ ' <td>'+ time +'</td>' +
|
|
|
+ ' <td>'+ salesOrder.salesAddressInfo +'</td>' +
|
|
|
+ ' <td><a style="text-decoration:none" href="javascript:void(0);" title="选择订单" onclick="selectOrderInfo('+ salesOrder.salesId +')" >选择订单</a></td>' +
|
|
|
' </tr>';
|
|
|
}
|
|
|
}else{
|
|
@@ -204,21 +249,12 @@
|
|
|
}
|
|
|
|
|
|
/**
|
|
|
- *跳转到编辑页面
|
|
|
- * @param employee
|
|
|
+ * 选择订单,返回订单内容到父级
|
|
|
*/
|
|
|
- function admin_update_customer(customerId) {
|
|
|
- window.location.href= "${path}/admin/customer/to_update_customer?customerId="+customerId;
|
|
|
+ function selectOrderInfo(orderId) {
|
|
|
+ parent.setSelectOrder(orderId);
|
|
|
+ parent.layer.close(parent.layer.getFrameIndex(window.name));
|
|
|
}
|
|
|
-
|
|
|
- /**
|
|
|
- *跳转到详情页面
|
|
|
- * @param employee
|
|
|
- */
|
|
|
- function admin_details_customer(customerId) {
|
|
|
- window.location.href= "${path}/admin/customer/to_details_customer?customerId="+customerId;
|
|
|
- }
|
|
|
-
|
|
|
</script>
|
|
|
</body>
|
|
|
</html>
|