<%@ taglib prefix="spring" uri="http://www.springframework.org/tags" %>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link href="<%=basePath %>resource/css/base.css" rel="stylesheet">
    <link rel="stylesheet" href="<%=basePath %>resource/easyui/uimaker/easyui.css">
    <link rel="stylesheet" type="text/css" href="<%=basePath %>resource/easyui/uimaker/icon.css">
    <link rel="stylesheet" href="<%=basePath %>resource/css/providers.css">
    <link rel="stylesheet" href="<%=basePath %>resource/css/form.css">
    <script type="text/javascript" src="<%=basePath %>resource/easyui/jquery.min.js"></script>
    <script type="text/javascript" src="<%=basePath %>resource/validate/jquery.validate.js"></script>
    <!-- validate 验证中英文 -->
    <script type="text/javascript" src="<%=basePath %>resource/validate/jquery.validate-${pageContext.response.locale}.js"></script>
    <style>
        .search-date{
            width: 150px;padding-left: 10px;padding-right: 4px;margin-top: 8px;margin-right: 10px;
        }
    </style>
</head>
<body>
<div class="container">
    <div title="列表页面" data-options="closable:true">
        <table id="dg" style="width:100%;" title="<spring:message code="delivery.list"/>" data-options="
                rownumbers:true,
                singleSelect:false,
                autoRowHeight:false,
                pagination:true,
                fitColumns:true,
                striped:true,
                collapsible:true,
                toolbar:'#tb',
                pageSize:10">
            <thead>
            <tr>
                <th field="id" checkbox="true"></th>
                <th field="."  formatter="editFormat" width="35"><spring:message code="opt.edit"/></th>
                <th field="supplier" sortable="true" width="200"><spring:message code="delivery.unit"/></th>
                <th field="mawbNo" width="180"><spring:message code="delivery.reference"/></th>
                <th field="scheduledFlight" width="150"><spring:message code="delivery.flight"/></th>
                <th field="destination" width="150"><spring:message code="delivery.destination"/></th>
                <th field="cbm" width="150"><spring:message code="delivery.volume"/></th>
                <th field="weight" width="150"><spring:message code="delivery.weight"/></th>
            </tr>
            </thead>
        </table>
        <div id="tb" style="padding:0 30px;">
            <form id="searchForm">
                <table class="search_form_table">
                   		<tr>
                   			<td class="klabel"><spring:message code="delivery.unit"/></td>
                   			<td class="kcontent"><input type="text" name="search_LIKE_supplier"></td>
                   			<td class="klabel"><spring:message code="delivery.reference"/></td>
                   			<td class="kcontent"><input type="text" name="search_LIKE_mawbNo"></td>
                   			<td class="klabel"><spring:message code="delivery.flight"/></td>
                   			<td class="kcontent"><input type="text" name="search_LIKE_scheduledFlight"></td>
                   		</tr>
                   		<tr>
                   			<td class="klabel"><spring:message code="delivery.date"/></td>
                   			<td class="kcontent"><input type="text" class="date Wdate" name="search_GTE_deliveryDate"></td>
                   			<td class="klabel">-</td>
                   			<td class="kbutton"><input type="text" class="date Wdate" name="search_LTE_deliveryDate"></td>
                   			
                   			<td class="kbutton" colspan="3">
                       				<a href="javascript:doSearch()" class="easyui-linkbutton" iconCls="icon-search" data-options="selected:true"><spring:message code="opt.search" /></a>
                       				<a href="javascript:editRow()" class="easyui-linkbutton" style="background:#18A197;color:#FFF;border: 1px solid #18A197;" iconCls="icon-add"><spring:message code="opt.add" /></a>
                       				<a href="javascript:doDelete()" class="easyui-linkbutton" style="background:red;color:#FFF;border: 1px solid red"iconCls="icon-no"><spring:message code="opt.delete" /></a>
                       		</td>
                   		</tr>
                </table>
            </form>
        </div>

</div>

<script type="text/javascript" src="<%=basePath %>resource/easyui/jquery.min.js"></script>
<script type="text/javascript" src="<%=basePath %>resource/easyui/jquery.easyui.min.js"></script>
<script type="text/javascript" src="<%=basePath %>resource/easyui/easyui-lang-${pageContext.response.locale}.js"></script>
    <script type="text/javascript" src="<%=basePath %>resource/My97DatePicker/WdatePicker.js"></script>
    <script type="text/javascript" src="<%=basePath %>resource/js/tools.js"></script>
    <!--弹出层引入的JS-->
    <script type="text/javascript" src="<%=basePath %>resource/layer-v3.0.3/layer/layer.js"></script>

<script type="text/javascript">
    $('#dg').datagrid({
        url:'<%=basePath %>delivery/grid.json',
        queryParams:$("#searchForm").serializeJson()
    });

    function editFormat(val,row,index){
        var html='<a href="javascript:void(0)" style="text-decoration:none;" onclick="editRow('+row.id+')"><i class="iconfont">&#xe65a;</i></a>'
        return html;
    }

    function editRow(id){
        if(id==undefined){
            window.location.href='<%=basePath %>delivery/edit?id=';
        }else{
            window.location.href='<%=basePath %>delivery/edit?id='+id;
        }
    }

    function doSearch(){
        $('#dg').datagrid("options").queryParams=$("#searchForm").serializeJson();
        $('#dg').datagrid("reload");
    }

    function doDelete(){
        var rows = $("#dg").datagrid('getChecked');
        if(rows.length==0){
            layer.open({content:"<spring:message code="opt.selectone"/>"});
            return false;
        }
        layer.confirm("<spring:message code="opt.confirmdel"/>?",{btn:['<spring:message code="opt.confirm"/>','<spring:message code="opt.cancel"/>']}, function () {

            $.post("<%=basePath %>delivery/delete",{ids:getIds().join(",")},function(data){
                if(data.status == 200) {
                    layer.confirm("<spring:message code="opt.delsuccess"/>",{btn:['<spring:message code="opt.confirm"/>','<spring:message code="opt.cancel"/>']},function(){
                        window.location.href="<%=basePath %>delivery/list";
                    })
                }else{
                    layer.open({content:"<spring:message code="opt.delfailed"/>"});
                }
            },"json");

        });
    }
</script>
</body>
</html>