<%@ page contentType="text/html;charset=UTF-8" %>
<%@ include file="/webpage/include/taglib.jsp" %>
<html>
<head>
    <title>项目甲供材管理</title>
    <meta http-equiv="Content-type" content="text/html; charset=utf-8">
    <meta name="decorator" content="ani"/>
    <%@ include file="/webpage/include/bootstraptable.jsp" %>
    <%@include file="/webpage/include/treeview.jsp" %>
    <%@include file="donorMaterialList.js" %>
    <script src="${ctxStatic}/plugin/bootstrapTable/bootstrap-table-resizable.js"></script>
    <script src="${ctxStatic}/plugin/bootstrapTable/colResizable-1.6.js"></script>
</head>
<style>
    .table {
        table-layout: fixed;
        word-break: break-all;
        word-wrap: break-word;
        text-align: center;
    }
    .table th, .table td {
        text-align: center;
        vertical-align: middle !important;
    }
</style>
<body>
<div class="wrapper wrapper-content">
    <div class="panel panel-primary">
        <div class="panel-heading">
            <h3 class="panel-title">项目甲供材管理</h3>
        </div>
        <div class="panel-body">
            <!-- 搜索 -->
            <div id="search-collapse" class="collapse">
                <div class="accordion-inner">
                    <form:form id="searchForm" modelAttribute="donorMaterial"
                               class="form form-horizontal well clearfix">
                        <div class="col-xs-12 col-sm-6 col-md-4">
                            <label class="label-item single-overflow pull-left" title="项目编码：">项目编码：</label>
                            <form:input path="projectId" htmlEscape="false" class=" form-control"/>
                        </div>
                        <div class="col-xs-12 col-sm-6 col-md-4">
                            <label class="label-item single-overflow pull-left" title="项目名称：">项目名称：</label>
                            <form:input path="projectName" htmlEscape="false" maxlength="64" class=" form-control"/>
                        </div>
                        <div class="col-xs-12 col-sm-6 col-md-4">
                            <div style="margin-top:26px">
                                <a id="search" class="btn btn-primary btn-rounded  btn-bordered btn-sm"><i
                                        class="fa fa-search"></i> 查询</a>
                                <a id="reset" class="btn btn-primary btn-rounded  btn-bordered btn-sm"><i
                                        class="fa fa-refresh"></i> 重置</a>
                            </div>
                        </div>
                    </form:form>
                </div>
            </div>

            <!-- 工具栏 -->
            <div id="toolbar">
                <shiro:hasPermission name="donor:material:import">
                    <button id="btnImport" class="btn btn-info">
                        <i class="fa fa-file-excel-o"></i> 多文件导入
                    </button>
                </shiro:hasPermission>
                <shiro:hasPermission name="donor:material:import">
                    <button id="remarkImport" class="btn btn-info">
                        <i class="fa fa-file-excel-o"></i> 导入项目甲供材备注
                    </button>
                </shiro:hasPermission>
                <shiro:hasPermission name="donor:material:del">
                    <button id="remove" class="btn btn-danger" disabled onclick="deleteAll()">
                        <i class="glyphicon glyphicon-remove"></i> 删除
                    </button>
                </shiro:hasPermission>
                <shiro:hasPermission name="donor:material:export">
                    <button id="export" class="btn btn-warning">
                        <i class="fa fa-file-excel-o"></i> 导出
                    </button>
                </shiro:hasPermission>
                <shiro:hasPermission name="donor:material:export">
                    <button id="exportDoc" class="btn btn-warning">
                        <i class="fa fa-file-excel-o"></i> 导出欠供说明
                    </button>
                </shiro:hasPermission>
            </div>

            <!-- 表格 -->
            <table id="dataTable" style="table-layout:fixed;word-break:break-all; word-wrap:break-word;" data-toolbar="#toolbar"></table>
        </div>
    </div>
</div>
</body>
</html>