|
@@ -0,0 +1,340 @@
|
|
|
+<!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>
|
|
|
+ .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;color: #50a2ea;}
|
|
|
+ .tit-2:after{content: '';position: absolute;left: 0;top: 50%;height: 6px;width: 6px;border-radius: 6px;margin-top: -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: 15px;}
|
|
|
+ .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%; }
|
|
|
+ .input-produce{height: 25px;line-height: 25px}
|
|
|
+ .color-div{height: 30px;}
|
|
|
+ .table-td-color{}
|
|
|
+ .msg-phone{
|
|
|
+ height: 35px;
|
|
|
+ line-height: 35px;
|
|
|
+ }
|
|
|
+ .select-order{text-decoration:none;color: #32A3D8;}
|
|
|
+ .select-order:hover{text-decoration:underline;}
|
|
|
+ </style>
|
|
|
+</head>
|
|
|
+<body>
|
|
|
+<div class="page-container">
|
|
|
+ <div class="order-list">
|
|
|
+ <div class="text-c">
|
|
|
+ <form action="" method="post">
|
|
|
+ <div class="row cl" style="margin-left: 0px;">
|
|
|
+
|
|
|
+ <input type="hidden" class="input-text" value="${dealerId}" id="dealerId" name="dealerId">
|
|
|
+
|
|
|
+ <#-- <div class="formControls col-2 col-sm-2" style="padding: 0px 10px 0px 0px; width: 110px;" > <span class="select-box">
|
|
|
+ <select name="companyId" class="select" id="companyId">
|
|
|
+ <option value="">销售公司</option>
|
|
|
+ <#if companyInfoList?? && (companyInfoList?size > 0) >
|
|
|
+ <#list companyInfoList as companyInfo>
|
|
|
+ <option value ="${companyInfo.companyId!""}">${companyInfo.companyName!""}</option>
|
|
|
+ </#list>
|
|
|
+ </#if>
|
|
|
+ </select>
|
|
|
+ </span>
|
|
|
+ </div>-->
|
|
|
+
|
|
|
+ <div class="formControls col-2 col-sm-2" style="padding: 0px 10px 0px 0px; width: 110px;" > <span class="select-box">
|
|
|
+ <select name="dealerId" class="select" id="dealerId">
|
|
|
+ <option value="">选择客户</option>
|
|
|
+ <#if dmDealerList?? && (dmDealerList?size > 0) >
|
|
|
+ <#list dmDealerList as dmDealer>
|
|
|
+ <option value ="${dmDealer.dealerId!""}">${dmDealer.dealerName!""}</option>
|
|
|
+ </#list>
|
|
|
+ </#if>
|
|
|
+ </select>
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="formControls col-2 col-sm-2" style="padding: 0px 10px 0px 0px; width: 110px;">
|
|
|
+ <span class="select-box">
|
|
|
+ <select name="storeId" class="select" id="storeId">
|
|
|
+
|
|
|
+ </select>
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="formControls col-2 col-sm-2" style="padding: 0px 10px 0px 0px; width: 110px;"> <span class="select-box">
|
|
|
+ <select name="storeId" class="select" id="storeId">
|
|
|
+ <option></option>
|
|
|
+ </select>
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="formControls col-4 col-sm-4" style="padding: 0px 10px 0px 0px; width: 125px;">
|
|
|
+ <input type="text" style="width:120px;height:30px;margin-right: 0px;font-size: 9px;" name="startDate" id="startDate" class="input-text" placeholder="开始时间(客诉创建日期)" onClick="WdatePicker({ dateFmt:'yyyy-MM-dd HH:mm:ss'})" readonly="readonly"/>
|
|
|
+ </div>
|
|
|
+ <div class="formControls col-4 col-sm-4" style="padding: 0px 10px 0px 0px; width: 125px;">
|
|
|
+ <input type="text" style="width:120px;height:30px;margin-right: 0px;font-size: 9px;" name="endDate" id="endDate" class="input-text" placeholder="结束时间(客诉创建日期)" onClick="WdatePicker({ dateFmt:'yyyy-MM-dd HH:mm:ss'})" readonly="readonly"/>
|
|
|
+ </div>
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+ <div class="formControls col-2 col-sm-2" style="padding: 0px 10px 0px 0px; width: 110px;">
|
|
|
+ <input type="text" class="input-text" value="" placeholder="订单号" id="salesOrderId" name="">
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="formControls col-2 col-sm-2" style="padding: 0px 10px 0px 0px; width: 110px;" >
|
|
|
+ <input type="text" class="input-text" value="" placeholder="收货人姓名" id="salesAddressName" name="">
|
|
|
+ </div>
|
|
|
+ <div class="formControls col-2 col-sm-2" style="padding: 0px 10px 0px 0px; width: 110px;">
|
|
|
+ <input type="text" class="input-text" value="" placeholder="收货人电话" id="salesAddressTel" name="">
|
|
|
+ </div>
|
|
|
+
|
|
|
+
|
|
|
+ <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="">搜索</button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </form>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <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">客诉ID</th>
|
|
|
+ <th width="50">邮费金额</th>
|
|
|
+ <th width="50">支付宝姓名</th>
|
|
|
+ <th width="100">支付宝账号</th>
|
|
|
+ <th width="100">转账类型</th>
|
|
|
+ <th width="60">状态</th>
|
|
|
+ <th width="80">备注</th>
|
|
|
+ <th width="80">创建时间</th>
|
|
|
+ </tr>
|
|
|
+ </thead>
|
|
|
+ <tbody id="orderAll">
|
|
|
+
|
|
|
+ <tr class="text-c">
|
|
|
+ <td colspan="12">请输入搜索条件,搜索邮费信息~
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+
|
|
|
+ </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="selectOrderInfo()">确认选择</button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+</div>
|
|
|
+
|
|
|
+<tfoot>
|
|
|
+</tfoot>
|
|
|
+
|
|
|
+<#--时间控件-->
|
|
|
+<script type="text/javascript" src="${path}/common/lib/My97DatePicker/4.8/WdatePicker.js"></script>
|
|
|
+
|
|
|
+<script>
|
|
|
+
|
|
|
+ $(function () {
|
|
|
+ /*选择店铺*/
|
|
|
+ $("[name='dealerId']").change(function (){
|
|
|
+ var dealerId = $(this).val();
|
|
|
+ setStore(dealerId,$("#storeId")); //获取店铺
|
|
|
+ });
|
|
|
+
|
|
|
+ /*搜索*/
|
|
|
+ $(document).on('click', '#searchOrder', function() {
|
|
|
+ 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 salesCompanyId = cufte($("#companyId").val());
|
|
|
+ var salesStoreId = cufte($("#storeId").val());
|
|
|
+ var salesOrderStatus = cufte($("#salesOrderStatus").val());
|
|
|
+ var salesStatus = cufte($("#salesStatus").val());
|
|
|
+ var salesId = cufte($("#salesId").val());
|
|
|
+ var salesAddressName =cufte($("#salesAddressName").val());
|
|
|
+ var salesAddressTel = cufte($("#salesAddressTel").val());
|
|
|
+ var salesOrderId = cufte($("#salesOrderId").val());
|
|
|
+ var startDate = cufte($("#startDate").val());
|
|
|
+ var endDate = cufte($("#endDate").val());
|
|
|
+
|
|
|
+ $.ajax({
|
|
|
+ type: "POST",
|
|
|
+ data: {
|
|
|
+ salesCompanyId : salesCompanyId,
|
|
|
+ salesStoreId : salesStoreId,
|
|
|
+ salesOrderStatus : salesOrderStatus,
|
|
|
+ salesStatus : salesStatus,
|
|
|
+ salesId : salesId,
|
|
|
+ salesOrderId : salesOrderId,
|
|
|
+ salesAddressName : salesAddressName,
|
|
|
+ salesAddressTel : salesAddressTel,
|
|
|
+ startDate : startDate,
|
|
|
+ endDate : endDate,
|
|
|
+ orderDateType : 1,
|
|
|
+ pageSize : 100
|
|
|
+ },
|
|
|
+ url: "${path}/admin/salesOrder/select_order_page",
|
|
|
+ async: true,
|
|
|
+ success: function(data){
|
|
|
+ var html = "";
|
|
|
+ if (data.returnCode == 200 && data.returnMsg.pagedResult.dataList.length > 0 ) {
|
|
|
+ for(var i=0;i<data.returnMsg.pagedResult.dataList.length;i++){
|
|
|
+ var salesOrder = data.returnMsg.pagedResult.dataList[i];
|
|
|
+ var disHtml = "";
|
|
|
+ var productsHtml = '';
|
|
|
+ var salesOrderItem = salesOrder.salesOrderItemList;
|
|
|
+ for(var j=0;j<salesOrderItem.length;j++){
|
|
|
+ var item = interceptToString(salesOrderItem[j].itemProductName) +'('+salesOrderItem[j].itemProductColor+ ")*" + salesOrderItem[j].itemNum;
|
|
|
+ productsHtml += '<span class="label label-success radius" title="'+ salesOrderItem[j].itemProductName +'('+salesOrderItem[j].itemProductColor+')*'+ (salesOrderItem[j].itemNum - salesOrderItem[j].itemReturnNum) +'">' + item + '</span>';
|
|
|
+ }
|
|
|
+ var time = formatDate(new Date(salesOrder.salesPayTime),"yyyy-MM-dd");
|
|
|
+ var orderStatus = null;
|
|
|
+ if(salesOrder.procTypeId == 0 || salesOrder.procTypeId == null || salesOrder.procTypeId == ""){
|
|
|
+ orderStatus = "正常";
|
|
|
+ }else{
|
|
|
+ orderStatus = salesOrder.procTypeName;
|
|
|
+ }
|
|
|
+
|
|
|
+ if(salesOrder.salesStatus != 1){
|
|
|
+ disHtml = 'disabled="disabled" title="只能选择已确认的订单" ';
|
|
|
+ }
|
|
|
+ html += '<tr class="text-c">' +
|
|
|
+ ' <td><input type="checkbox" class="sales_order_id" title="" id="" value="'+ salesOrder.salesId +'" '+ disHtml +'></td>' +
|
|
|
+ ' <td>'+ cufte(salesOrder.companyName) +'</td>' +
|
|
|
+ ' <td>'+ cufte(salesOrder.storeName) +'</td>' +
|
|
|
+ ' <td>'+ cufte(salesOrder.salesOrderId) +'</td>' +
|
|
|
+ ' <td>'+ salesOrder.salesDealCode +'</td>' +
|
|
|
+ ' <td>'+ salesOrder.salesAddressName +'</td>' +
|
|
|
+ ' <td>'+ salesOrder.salesAddressTel +'</td>' +
|
|
|
+ ' <td>'+ salesOrder.salesAmount/100 +'</td>' +
|
|
|
+ ' <td>'+ productsHtml +'</td>' +
|
|
|
+ ' <td>'+ time +'</td>' +
|
|
|
+ ' <td>'+ orderStatus +'</td>' +
|
|
|
+ ' <td>'+ salesOrder.salesAddressInfo +'</td>' +
|
|
|
+ ' </tr>';
|
|
|
+ }
|
|
|
+ }else{
|
|
|
+ html = '<tr class="text-c"><td colspan="12">没有搜索到订单,请点击“添加订单”按钮,添加订单。</td></tr>';
|
|
|
+ }
|
|
|
+ $("#orderAll").html(html);
|
|
|
+ layer.close(index);
|
|
|
+ },
|
|
|
+ error: function(XmlHttpRequest, textStatus, errorThrown){
|
|
|
+ layer.close(index);
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * 选择订单,返回订单内容到父级
|
|
|
+ */
|
|
|
+ function selectOrderInfo() {
|
|
|
+ var orderIds = "";
|
|
|
+ $(".sales_order_id").each(function(){
|
|
|
+ if($(this).is(':checked')){
|
|
|
+ orderIds += $(this).val() + "_";
|
|
|
+ }
|
|
|
+ })
|
|
|
+ parent.showSelectOrder(orderIds);
|
|
|
+ parent.layer.close(parent.layer.getFrameIndex(window.name));
|
|
|
+ }
|
|
|
+
|
|
|
+ function toSearch(){
|
|
|
+ $(".order-add").hide();
|
|
|
+ $(".order-list").show();
|
|
|
+ }
|
|
|
+</script>
|
|
|
+
|
|
|
+
|
|
|
+<script>
|
|
|
+ /**
|
|
|
+ * 展示销售公司
|
|
|
+ */
|
|
|
+ function setStore(dealerId,node){
|
|
|
+ var dealerId = $("#dealerId").val();
|
|
|
+ var html = '<option value="">店铺</option>';
|
|
|
+ $.ajax({
|
|
|
+ type: "POST",
|
|
|
+ data: {
|
|
|
+ dealerId : dealerId
|
|
|
+ },
|
|
|
+ url: "${path}/admin/financial_receipt/select_storeInfo_by_dealer",
|
|
|
+ success: function(data){
|
|
|
+ var id;
|
|
|
+ if (data.returnCode == 200) {
|
|
|
+ for(var i=0;i<data.returnMsg.storeInfoList.length;i++){
|
|
|
+ var storeInfo = data.returnMsg.storeInfoList[i];
|
|
|
+ html += '<option value="'+ storeInfo.storeId +'">'+ storeInfo.storeName +'</option>';
|
|
|
+ }
|
|
|
+ }else{
|
|
|
+ html = '';
|
|
|
+ }
|
|
|
+ $(node).html(html);
|
|
|
+ },
|
|
|
+ error: function(XmlHttpRequest, textStatus, errorThrown){
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+</script>
|
|
|
+</body>
|
|
|
+</html>
|