<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<c:set var="ctx" value="${pageContext.request.contextPath}"/>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<link rel="stylesheet" href="${ctx}/css/plugin/metroStyle/metroStyle.css">
<link rel="stylesheet" href="${ctx}/css/plugin/bootstrap/bootstrap.css">
<link rel="stylesheet" href="${ctx}/css/plugin/datatables/buttons.dataTables.min.css">
<link rel="stylesheet" href="${ctx}/css/plugin/fontawesome/font-awesome.min.css">
<link rel="stylesheet" href="${ctx}/css/plugin/animate/animate.min.css">
<link rel="stylesheet" href="${ctx}/css/plugin/iconfont/iconfont.css">
<link rel="stylesheet" href="${ctx}/css/plugin/bootstrap/dataTables.bootstrap.css">
<link rel="stylesheet" href="${ctx}/css/plugin/bootstrap/bootstrap-datetimepicker.css">
<link rel="stylesheet" href="${ctx}/css/basic.css">
<head>
    <title>变压器台账列表</title>
    <style>
        .btn {
            padding: 0px 5px;
            font-size: 12px;
        }

        .tr {
            text-align: center;
        }

        .td {
            height: 37px;
            line-height: 37px
        }

        body {
            max-height: 500px;
        }

        .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td,
        .table > tbody > tr > td, .table > tfoot > tr > td {
            padding: 7px 0;
            line-height: 1.42857143;
            vertical-align: top;
            border-top: 1px solid #ddd;
        }


        @media screen and (min-width: 1600px) and (max-width: 1700px) and (max-height: 1100px) {

        }
    </style>
</head>
<body class="pd15 bg-white">
<div class="left-menu fl"
     style="color: #333; bottom: 0; overflow-y: scroll; height: 90%; margin-top: -4%">
    <div class="">
        <input style="width: 155px;" id="search_value" type="text" value=""
               placeholder="请输入关键词"/> <input type="button" value="搜索"
                                             onclick="javascript: searchNode(search_value.value)"
                                             style="padding: 0 5px;">
    </div>
    <div id="tree1" class="ztree" style="padding: 5px 0;"></div>
</div>
<input type="hidden" id="lineIndex"
       name="lineIndex">
<div style="position: absolute; left: 270px; right: 20px; top: 80px; bottom: 0; margin-top: -4%">
    <form class="form-inline ml15 header">
        <div class="form-group  fr mb3" style="margin-bottom: 3px" id="fliteData">
            <font color="#ff0000">所选变电站:</font>
            <a href="javascript:void(0)" id="pointInfo" style="font-size: 12px;text-decoration: none;"></a>
            <button type="button" id="addTrans" class="btn btn-primary fr mr5">
                <i class="glyphicon glyphicon-plus"></i>新增变压器信息
            </button>
        </div>
    </form>
    <table id="vdlist"
           class="table table-striped table-bordered dataTable no-footer"
           cellspacing="0" width="100%" role="grid"
           aria-describedby="example_info">
        <thead>
        <tr role="row">
            <th class="text-center">变压器名称</th>
            <th class="text-center">变电站</th>
            <th class="text-center">接线方式</th>
            <th class="text-center">更新人</th>
            <th class="text-center">更新时间</th>
            <th class="text-center">描述</th>
            <th class="text-center">操作</th>
        </tr>
        </thead>
    </table>
    <input type="hidden" id="tfIndex"> <input type="hidden"
                                              id="subIndex">
</div>
</body>
<script src="${ctx}/js/plugin/jquery/jquery.min.js"></script>
<script src="${ctx}/js/plugin/ztree/jquery.ztree.core.js"></script>
<script src="${ctx}/js/plugin/bootstrap/bootstrap.min.js"></script>
<script src="${ctx}/js/plugin/jquery/jquery.dataTables.js"></script>
<script src="${ctx}/js/plugin/datatables/datatables.bootstrap.js"></script>
<script src="${ctx}/js/plugin/bootstrap/bootstrap-datetimepicker.js"></script>
<script src="${ctx}/js/plugin/bootstrap/bootstrap-datetimepicker.zh-CN.js"></script>
<script src="${ctx}/js/plugin/bootstrap-table/bootstrap-table.js"></script>
<script src="${ctx}/js/plugin/bootstrap-table/locales/bootstrap-table-zh-CN.js"></script>
<script src="${ctx}/js/plugin/bootstrap-table/bootstrap-table.js"></script>
<script src="${ctx}/js/plugin/layui/layer.js"></script>
<script src="${ctx}/js/plugin/datatables/dataTables.buttons.min.js"></script>
<script src="${ctx}/js/plugin/datatables/buttons.html5.min.js"></script>
<script src="${ctx}/js/basic.js"></script>
<script src="${ctx}/js/plugin/xss/xss.js"></script>
<script src="${ctx}/jspJS/utils/loading.js"></script>
<script src="${ctx}/jspJS/utils/judgeAjaxStatus.js"></script>
<script src="${ctx}/js/plugin/sbtree/transtree.js"></script>
<script src="${ctx}/jspJS/settings/transFormer.js"></script>
</html>
