<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title>模板清单-Smartcost</title>
    <link rel="stylesheet" href="/lib/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="/web/maintain/templates/css/main.css">
    <link rel="stylesheet" href="/lib/font-awesome/font-awesome.min.css">
    <!--SpreadJs-->
    <link rel="stylesheet" href="/lib/spreadjs/sheets/css/gc.spread.sheets.excel2013lightGray.10.0.1.css" type="text/css">
    <script>
        // 这里的变量供页面调用
        var userAccount = '<%- userAccount %>';
        var userID = '<%- userID %>';
    </script>
</head>
<body>
    <div class="header">
        <nav class="navbar navbar-toggleable-lg navbar-light bg-faded p-0 justify-content-between">
            <span class="header-logo px-2">Smartcost</span>
            <div class="float-lg-right navbar-text pt-0">
                <div class="dropdown d-inline-block">
                    <button class="btn btn-link btn-sm dropdown-toggle" type="button" data-toggle="dropdown"><%- userAccount %></button>
                    <div class="dropdown-menu dropdown-menu-right">
                        <a class="dropdown-item" href="/user/info" target="_blank">账号资料</a>
                        <a class="dropdown-item" href="/user/buy" target="_blank">产品购买</a>
                        <a class="dropdown-item" href="/user/set" target="_blank">偏好设置</a>
                    </div>
                </div>
                    <span class="btn btn-link btn-sm new-msg">
                        <i class="fa fa-envelope-o" aria-hidden="true"></i>&nbsp;2
                    </span>
                    <a class="btn btn-link btn-sm" href="/logout">注销</a>
            </div>
        </nav>
    </div>
<div class="main">
    <div class="content">
        <div class="toolsbar px-1 d-flex justify-content-between">
            <div class="tools-btn btn-group align-top">
                <a href="" class="btn btn-sm"><i class="fa fa-files-o" aria-hidden="true"></i> 复制</a>
                <a href="" class="btn btn-sm"><i class="fa fa-scissors" aria-hidden="true"></i> 剪切</a>
                <a href="" class="btn btn-sm"><i class="fa fa-clipboard" aria-hidden="true"></i> 粘贴</a>
                <a href="javascript:void(0)" class="btn btn-sm" id="insert"><i class="fa fa-sign-in" aria-hidden="true"></i> 插入</a>
                <a href="javascript:void(0)" class="btn btn-sm" id="delete"><i class="fa fa-remove" aria-hidden="true"></i> 删除</a>
                <a href="javascript:void(0)" class="btn btn-sm" id="upLevel"><i class="fa fa-arrow-left" aria-hidden="true"></i> 升级</a>
                <a href="javascript:void(0)" class="btn btn-sm" id="downLevel"><i class="fa fa-arrow-right" aria-hidden="true"></i> 降级</a>
                <a href="javascript:void(0)" class="btn btn-sm" id="downMove"><i class="fa fa-arrow-down" aria-hidden="true"></i> 下移</a>
                <a href="javascript:void(0)" class="btn btn-sm" id="upMove"><i class="fa fa-arrow-up" aria-hidden="true"></i> 上移</a>
            </div>
            <div class="side-tabs">
                <ul class="nav nav-tabs" role="tablist">
                    <li class="nav-item">
                        <a class="nav-link active px-3" data-toggle="tab" href="#qd" role="tab">清单规则</a>
                    </li>
                </ul>
            </div>
        </div>
        <div class="container-fluid">
            <div class="row">
                <div class="main-content col-lg-9 p-0">
                    <div class="main-data" id="billsSpread" style="height: 600px">
                    </div>
                </div>
                <div class="main-side col-lg-3 p-0">
                    <div class="tab-content">
                        <!--清单规则-->
                        <div class="tab-pane active" id="qd" role="tabpanel">
                            <div class="warp-p2">
                                <div>
                                    <select class="form-control form-control-sm" id="exampleSelect1">
                                        <option>重庆市房屋建筑与装饰工程工程量计算规则(2013)</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
<!-- JS. -->
<script src="/lib/jquery/jquery.min.js"></script>
<script src="/lib/tether/tether.min.js"></script>
<script src="/lib/bootstrap/bootstrap.min.js"></script>
<script src="/web/maintain/templates/js/global.js"></script>
<!-- SpreadJs -->
<script type="text/javascript" src="/lib/spreadjs/sheets/gc.spread.sheets.all.10.0.1.min.js"></script>
<script>GC.Spread.Sheets.LicenseKey = "559432293813965#A0y3iTOzEDOzkjMyMDN9UTNiojIklkI1pjIEJCLi4TPB9mM5AFNTd4cvZ7SaJUVy3CWKtWYXx4VVhjMpp7dYNGdx2ia9sEVlZGOTh7NRlTUwkWR9wEV4gmbjBDZ4ElR8N7cGdHVvEWVBtCOwIGW0ZmeYVWVr3mI0IyUiwCMzETN8kzNzYTM0IicfJye&Qf35VfiEzRwEkI0IyQiwiIwEjL6ByUKBCZhVmcwNlI0IiTis7W0ICZyBlIsIyNyMzM5ADI5ADNwcTMwIjI0ICdyNkIsIibj9SbvNmL4N7bjRnch56ciojIz5GRiwiI8+Y9sWY9QmZ0Jyp96uL9v6L0wap9biY9qiq95q197Wr9g+89iojIh94Wiqi";</script>
<!-- Models -->
<script type="text/javascript" src="/public/web/id_tree.js"></script>
<!-- Controller -->
<script type="text/javascript" src="/public/web/tree_sheet/tree_sheet_controller.js"></script>
<script type="text/javascript" src="/public/web/tree_sheet/tree_sheet_helper.js"></script>
<!-- service -->
<script type="text/javascript" src="/web/maintain/templates/js/bills.js"></script>
<script type="text/javascript" src="/web/maintain/templates/js/tp_bills_setting.js"></script>
<script type="text/javascript" src="/public/web/common_ajax.js"></script>
<script>
    autoFlashHeight();
</script>
</html>