<!DOCTYPE HTML> 
 | 
<html xmlns:th="http://www.thymeleaf.org"> 
 | 
<head> 
 | 
<meta charset="utf-8"> 
 | 
<META HTTP-EQUIV="Pragma" CONTENT="no-cache"> 
 | 
<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" /> 
 | 
<!-- 本框架基本脚本和样式 --> 
 | 
<script type="text/javascript" 
 | 
    th:src="@{/js/plugin/jquery-2.1.4.min.js}"></script> 
 | 
<script type="text/javascript" 
 | 
    th:src="@{/js/systools/MBase.js}"></script> 
 | 
</head> 
 | 
<body class=" container-fluid"> 
 | 
<div class="pd-10"> 
 | 
    <!-- 搜索框部分start --> 
 | 
            <div class="row form-head"> 
 | 
                <div class="col-md-2 col-xs-12"> 
 | 
                    <!-- 功能按钮部分 --> 
 | 
                    <div class=""> 
 | 
  
 | 
                    </div> 
 | 
                </div> 
 | 
                <div class="col-md-10 col-xs-12"> 
 | 
                    <div class="row"> 
 | 
                        <div class="col-md-11" style="text-align: right"> 
 | 
                            <form class="form-inline" id="serchform"> 
 | 
                                <div class="input-group"> 
 | 
                                    <div class="btn-group search-list " data-for="search-text"> 
 | 
                                        <button type="button" 
 | 
                                            class="btn btn-default dropdown-toggle searchlist" 
 | 
                                            data-toggle="dropdown"> 
 | 
                                            运单号 <span class="caret "></span> 
 | 
                                        </button> 
 | 
                                        <ul class="dropdown-menu" role="menu"> 
 | 
                                            <li data-field="waybillNo"><a>运单号</a></li> 
 | 
                                            <li data-field="orderNo"><a>订单号 </a></li> 
 | 
                                        </ul> 
 | 
                                    </div> 
 | 
                                    <div class="form-group mr-20 ml-20"> 
 | 
                                        <input autocomplete="off"   id="search-text" name="suName" placeholder="输入查询关键词" 
 | 
                                            type="text" class="form-control"> 
 | 
                                    </div> 
 | 
                                    <div class="form-group"> 
 | 
                                        <button onclick="myGrid.serchData(1)" type="button" 
 | 
                                            class="btn btn-info"> 
 | 
                                            <i class="fa fa-search "></i> 搜索 
 | 
                                        </button> 
 | 
                                        <button type="reset" class="btn btn-info "> 
 | 
                                            <i class="fa fa-refresh "></i> 重置 
 | 
                                        </button> 
 | 
                                    </div> 
 | 
                                </div> 
 | 
                                <!-- 高级搜索 --> 
 | 
                                <div class="senior-content"> 
 | 
                                    <div class="serch-headline">高级搜索</div> 
 | 
                                    <div class="form-group mr-20 ml-20"> 
 | 
                                        <span class="serch-title">物流公司:</span> 
 | 
                                        <select class="form-control autoFull" style="width: 190px" 
 | 
                                                th:data-url="@{/admin/customerDictionary/getListByParentCode/kdgs}" data-value="typeCode" 
 | 
                                                data-filed="typeName" name="logisticsCompanyCode"> 
 | 
                                            <option value=''>--请选择物流公司--</option> 
 | 
                                        </select> 
 | 
                                    </div> 
 | 
                                    <div class="form-group mr-20 ml-20"> 
 | 
                                        <span class="serch-title">开始日期:</span> 
 | 
                                        <input autocomplete="off"   name="startTime" placeholder="" 
 | 
                                               type="text" class="form-control mr-20 ml-20 datetimepicker"> 
 | 
                                    </div> 
 | 
                                    <div class="form-group mr-20 ml-20"> 
 | 
                                        <span class="serch-title">结束日期:</span> 
 | 
                                        <input autocomplete="off"   name="endTime" placeholder="" 
 | 
                                               type="text" class="form-control mr-20 ml-20 datetimepicker"> 
 | 
  
 | 
                                    </div> 
 | 
                                    <div class="button"> 
 | 
                                        <button type="button" class="btn btn-sm btn-info mr20" onclick="myGrid.serchData()">确认 
 | 
                                        </button> 
 | 
                                        <button type="button" class="btn btn-sm btn-warning serch-close">取消</button> 
 | 
                                    </div> 
 | 
                                </div> 
 | 
                            </form> 
 | 
                        </div> 
 | 
                        <div class="col-md-1 col-xs-12 text-r layui-anim" data-anim="layui-anim-up"> 
 | 
                            <a class="senior-serch">高级搜索</a> 
 | 
                        </div> 
 | 
                    </div> 
 | 
                </div> 
 | 
            </div> 
 | 
                 
 | 
    <div class="row" > 
 | 
        <table id="mgrid"> 
 | 
            <thead> 
 | 
                <tr> 
 | 
                    <th data-checkbox="true"></th> 
 | 
                    <th data-formatter="MGrid.indexfn" data-align="center"  data-width="30px" >序号</th> 
 | 
                    <th data-field="waybillNo" data-align="center">运单号</th> 
 | 
                    <th data-field="orderNo" data-align="center">订单编号</th> 
 | 
                    <th data-field="receiveAddress" data-align="center">收货地址</th> 
 | 
                    <th data-field="deliveryWay" data-align="center" data-formatter="inDistribution">配送方式</th> 
 | 
                    <th data-field="logisticsCompany" data-align="center">物流公司</th> 
 | 
                    <th data-field="logisticsStatus" data-align="center" data-formatter="logisticsState">物流状态</th> 
 | 
                    <th data-field="pickUpStatus" data-align="center" data-formatter="isPickUpStatus">是否已取货</th> 
 | 
                    <th data-field="deliveryTime" data-align="center" data-formatter="MGrid.getTime">发货时间</th> 
 | 
                    <th data-align="center"  data-width="300px" data-field="id" data-formatter="buidOperate">操作</th> 
 | 
                </tr> 
 | 
            </thead> 
 | 
        </table> 
 | 
    </div> 
 | 
</div> 
 | 
<script type="text/javascript" 
 | 
    th:src="@{/js/systools/MJsBase.js}"></script> 
 | 
    <script type="text/javascript"> 
 | 
         var myGrid; 
 | 
        $(function(){ 
 | 
            MTools.autoFullSelect(); 
 | 
            MTools.ininDatetimepicker(".datetimepicker"); 
 | 
            var delUrl=""; 
 | 
            delUrl=basePath+"/admin/shopDeliveryInfo/del" ; 
 | 
            myGrid=MGrid.initGrid({ 
 | 
                 url:basePath+"/admin/shopDeliveryInfo/showList", 
 | 
                 delUrl:delUrl, 
 | 
             }); 
 | 
             
 | 
        }); 
 | 
  
 | 
         var btns=[]; 
 | 
         btns[0]="",btns[1]="" 
 | 
         function buidOperate(value, row, index){ 
 | 
            var html = ""; 
 | 
            html += btns[0].replace('orderId',row.orderId).replace('waybillNo',row.waybillNo); 
 | 
            if (row.waybillNo != null && typeof row.waybillNo != 'undefined' && row.waybillNo != '') { 
 | 
                html += btns[1].replace('orderId',row.orderId) 
 | 
            } 
 | 
            return html;  
 | 
        } 
 | 
  
 | 
         /** 
 | 
          * 配送方式 
 | 
          * @param value 
 | 
          * @param row 
 | 
          * @param index 
 | 
          */ 
 | 
        function inDistribution(value, row, index){ 
 | 
             if(value == '1'){ 
 | 
                 return "物流"; 
 | 
            }else{ 
 | 
                 return "门店自提"; 
 | 
            } 
 | 
        } 
 | 
  
 | 
         /** 
 | 
          * 是否已取货 
 | 
          * @param value 
 | 
          * @param row 
 | 
          * @param index 
 | 
          */ 
 | 
        function isPickUpStatus(value, row, index) { 
 | 
            if(value == '1'){ 
 | 
                return "未取货" 
 | 
            }else if(value == '2'){ 
 | 
                return "已取货" 
 | 
            }else{ 
 | 
                return ""; 
 | 
            } 
 | 
        } 
 | 
         /** 
 | 
          * 物流状态 
 | 
          * @param value 
 | 
          * @param row 
 | 
          * @param index 
 | 
          */ 
 | 
        function logisticsState(value, row, index){ 
 | 
            if(value == '0'){ 
 | 
                return "无轨迹"; 
 | 
            }else if(value == '1'){ 
 | 
                return "已揽收"; 
 | 
            }else if(value == '2'){ 
 | 
                return "运输中"; 
 | 
            }else if(value == '3'){ 
 | 
                return "已签收"; 
 | 
            }else if(value == '4'){ 
 | 
                return "问题件"; 
 | 
            } 
 | 
        } 
 | 
  
 | 
         /** 
 | 
          * 查看物流信息 
 | 
          * @param id 
 | 
          */ 
 | 
        function showLogisticsInfo(orderId,waybillNo){ 
 | 
            if(waybillNo == '' || waybillNo == null){ 
 | 
                layer.msg("订单还未发货,暂无物流信息", { 
 | 
                    icon : 2, 
 | 
                    time : 2000 
 | 
                }); 
 | 
                return false; 
 | 
            } 
 | 
             layer.open({ 
 | 
                 type : 2, 
 | 
                 title : "查看物流信息", 
 | 
                 area : [ MUI.SIZE_L, '500px' ], 
 | 
                 maxmin : true, 
 | 
                 content : [ basePath+'/admin/redirect/shop/shopLogisticsInfo-list?orderId=' + orderId] 
 | 
             }); 
 | 
        } 
 | 
  
 | 
         /** 
 | 
          * 查看物流信息 
 | 
          * @param id 
 | 
          */ 
 | 
         function editDeliveryInfo(orderId){ 
 | 
             layer.open({ 
 | 
                 type : 2, 
 | 
                 title : "编辑物流信息", 
 | 
                 area : [ MUI.SIZE_L, '500px' ], 
 | 
                 maxmin : true, 
 | 
                 content : [ basePath + '/admin/shopDeliveryInfo/editDeliveryInfoForm?orderId=' + orderId] 
 | 
             }); 
 | 
         } 
 | 
    </script> 
 | 
  
 | 
<script matrix:btn="DeliveryInfoList-look"  > 
 | 
    btns[0]='<button onclick="showLogisticsInfo(\'orderId\',\'waybillNo\')" type="button" class="mr20 btn btn-info dropdown-toggle" data-toggle="dropdown">查看物流</button>' 
 | 
</script> 
 | 
<script matrix:btn="DeliveryInfoList-edit"  > 
 | 
    btns[1]='<button onclick="editDeliveryInfo(\'orderId\')" type="button" class="btn btn-primary ml-20">编辑快递</button>' 
 | 
</script> 
 | 
  
 | 
  
 | 
  
 | 
  
 | 
  
 | 
</body> 
 | 
</html> 
 |