| <!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="@{/wxapi/dataDictionary/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> |