<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>结算单管理</title>
    <link rel="stylesheet" href="/css/external/messageManage/messageManage.css" type="text/css">
    <style>
        #refreshDomestic:active,
        #refreshDomestic:focus,
        #refreshExport:active,
        #refreshExport:focus {
            background-color: #fff;
        }

        .customerMarketingList {
            position: absolute;
            /*top:0.18rem;*/
            left: 100%;
            width: 100%;
        }

        #columnchoose {
            display: none !important;
        }

        .base-extend .progressTimeline p span {
            width: 1.9rem;
        }

        .noPermissionTipBox {
            font-size: 0.18rem;
            text-align: center;
            padding: 0.8rem 0;
        }
    </style>
</head>
<body>
<div class="base-extend">
    <ol class="breadcrumb">
        <i class="icon-chevron-sign-left newBackBtn"></i>
        <li>结算单管理</li>
        <li>结算单列表</li>
    </ol>
    <div class="listBackBox" style="padding-top:0;">
        <div class="projectTableBox" id="formForProjectListBox" style="margin:0;">
            <ul class="projectListTab">
                <li>待我处理</li>
                <li>我已处理</li>
                <li class="active">全部</li>
            </ul>
            <a style="display:none" id="export" href="">下载</a>
            <input type="hidden" name="basicId" th:value="${businessBasicId}">
            <p class="noPermissionTipBox hide">暂无相应权限, 请联系管理员开通</p>
            <div class="customerMarketingList formForProjectList col-xs-12 businessTable"
                 style="left:0;padding:0.1rem 0.2rem 0 0.2rem;" tipword="结算单管理">
                <div class="row" style="margin:0;padding:0.1rem 0;">
                    <div style="float:right;">
                        <div style="float:right;">
                            <button id="searchBusiness" class="btn btn-white btn-info colorbtn" style="margin-right:0;">
                                搜索
                            </button>
                        </div>
                        <div style="float:right;width:4.7rem;margin-right:0.05rem;">
                            <input style="width:100%" maxlength="30" class="form-control" id="searchName"
                                   placeholder=" 请输入结算单编号 / 业务编号 / 核心企业名称 / 业务名称 / 供应商名称"/>
                        </div>
                        <div style="float:right;width:1.3rem;margin-right:0.05rem;">
                            <select class="form-control" id="businessStatus" tag:option="billStatus"></select>
                        </div>
                        <div style="float:right;width:1.3rem;margin-right:0.05rem;position:relative;">
                            <input style="width:100%" maxlength="30" class="form-control" id="businessEndDate"
                                   readOnly/>
                            <span class="deleteTime deleteCreateTime" style="right:8px;">×</span>
                        </div>
                        <div style="float:right;width:auto;margin-right:0.05rem;line-height:0.34rem;font-size:0.12rem;color:#333;">
                            至
                        </div>
                        <div style="float:right;width:1.3rem;margin-right:0.05rem;position:relative;">
                            <input style="width:100%" maxlength="30" class="form-control" id="businessStartDate"
                                   readOnly/>
                            <span class="deleteTime deleteCreateTime" style="right:8px;">×</span>
                        </div>
                        <div style="float:right;width:auto;margin-right:0.05rem;line-height:0.34rem;font-size:0.12rem;color:#333;">
                            结算日期：
                        </div>
                    </div>
                </div>
                <table id="contractList" class="tablebox" style="width: 100%;"></table>
                <div id="contractListPage" class="tablepagebox"></div>
            </div>
        </div>
    </div>

    <!-- 进度时间轴部分 -->
    <div class="modal fade businessDialog" id="myModal-progressTimeline" data-backdrop="static">
        <div class="modal-dialog" style="width:8.5rem;">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">
                    <span aria-hidden="true" style="font-size:0.18rem">×</span><span class="sr-only">关闭</span>
                </button>
                <span class="modal-title">进度时间轴</span>
            </div>
            <div class="modal-content" style="max-height:4.7rem;overflow-y:auto;overflow-x:hidden;">
                <div class="row progressTimelinebox" style="margin-top:0.3rem;">
                </div>
            </div>
            <div class="modal-footer">
                <button class="btn btn-default btn-white btn-info canclebtn" data-dismiss="modal"
                        style='margin-bottom:0;'>关闭
                </button>
            </div>
        </div>
    </div>

</div>
<!--判断权限 -->
<div style="display:none;">
    <span tag:hasPermission="addCustomerMarketingRecord" id="timeLine">时间进度轴</span>
    <span tag:hasPermission="viewBill" id="viewBill">查看</span>
    <span tag:hasPermission="changeBill" id="changeBill">变更</span>
    <span tag:hasPermission="downloadReport" id="downloadReport">下载出证证明</span>
    <span tag:hasPermission="downloadAllSettlementFile" id="downloadAllSettlementFile">下载</span>
</div>

</body>
<script src="/js/settleManage/allList.js"></script>
</html>
