| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204 |
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml">
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
- <title></title>
- <style type="text/css">
- <!--
- body {
- margin-left: 0px;
- margin-top: 0px;
- margin-right: 0px;
- margin-bottom: 0px;
- }
- .tabfont01 {
- font-family: "宋体";
- font-size: 9px;
- color: #555555;
- text-decoration: none;
- text-align: center;
- }
- .font051 {
- font-family: "宋体";
- font-size: 12px;
- color: #333333;
- text-decoration: none;
- line-height: 20px;
- }
- .font201 {
- font-family: "宋体";
- font-size: 12px;
- color: #FF0000;
- text-decoration: none;
- }
- .button {
- font-family: "宋体";
- font-size: 14px;
- height: 37px;
- }
- html {
- overflow-x: auto;
- overflow-y: auto;
- border: 0;
- }
- -->
- </style>
- <link href="/static/manage/css/main.css" rel="stylesheet" type="text/css" />
- <link href="/static/manage/css/common.css" rel="stylesheet" type="text/css" />
- <link media="screen" rel="stylesheet" href="/static/manage/colorbox/colorbox.css" />
- <script type="text/javascript" src="/static/manage/js/jquery-1.8.2.min.js"></script>
- <script type="text/javascript" src="/static/manage/js/colResizable-1.3.min.js"></script>
- <script type="text/javascript" src="/static/manage/js/WdatePicker.js"></script>
- <script>
- $(document).ready(function() {
- $(".setdate").click(function() {
- WdatePicker({
- dateFmt : 'yyyy-MM-dd'
- });
- });
- });
- $(function(){
- //表格行,鼠标放上去变色
- $(".tr:odd").css("background", "#FFFCEA");
- $(".tr:odd").each(function(){
- $(this).hover(function(){
- $(this).css("background-color", "#FFE1FF");
- }, function(){
- $(this).css("background-color", "#FFFCEA");
- });
- });
- $(".tr:even").each(function(){
- $(this).hover(function(){
- $(this).css("background-color", "#FFE1FF");
- }, function(){
- $(this).css("background-color", "#fff");
- });
- });
- /*ie6,7下拉框美化*/
- if ( $.browser.msie ){
- if($.browser.version == '7.0' || $.browser.version == '6.0'){
- $('.select').each(function(i){
- $(this).parents('.select_border,.select_containers').width($(this).width()+5);
- });
-
- }
- }
- $(".list_table").colResizable({
- liveDrag:true,
- gripInnerHtml:"<div class='grip'></div>",
- draggingClass:"dragging",
- minWidth:30
- });
-
- });
- </script>
- </head>
- <body>
-
- <table width="100%" border="0" cellspacing="0" cellpadding="0">
- <tr>
- <td height="30">
- <table width="100%" border="0" cellspacing="0" cellpadding="0">
- <tr>
- <td height="62" background="https://shadowsocks5.b0.upaiyun.com/static/manage/images/nav04.gif">
- <table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
- <tr>
- <td width="21">
- <img src="https://shadowsocks5.b0.upaiyun.com/static/manage/images/ico07.gif" width="20" height="18" />
- </td>
- <td width="538">
- </td>
- </tr>
- </table>
- </td>
- </tr>
- </table>
- </td>
- </tr>
- <tr>
- <td>
- <div id="chart" style="width: 95%"></div>
- </td>
- </tr>
- <tr>
- <td>
- <div class="mt10">
- <table id="subtree1" style="DISPLAY:" width="100%" border="0" cellspacing="0" cellpadding="0">
- <tr>
- <td>
- <table width="95%" border="0" align="center" cellpadding="0" cellspacing="0">
- <tr>
- <td height="40" class="font42">
- <table width="100%" border="0" cellpadding="0" cellspacing="0" class="list_table">
- <tr>
- <th width="10%" style="text-align: center;">编号</th>
- <th width="10%" style="text-align: center;">节点名称</th>
- <th width="10%" style="text-align: center;">节点类型</th>
- <th width="20%" style="text-align: center;">节点地址</th>
- <th width="10%" style="text-align: center;">加密方式</th>
- <th width="20%" style="text-align: center;">节点描述</th>
- <th width="10%" style="text-align: center;">状态</th>
- <th width="15%" style="text-align: center;">操作</th>
- </tr>
- <!--{foreach($node as $index=>$data)}-->
- <tr class="tr">
- <td height="20" style="text-align: center;">
- <!--{$data['id']}-->
- </td>
- <td height="20" style="text-align: center;">
- <!--{$data['node_name']}-->
- </td>
- <td style="text-align: center;" id="con<!--{$data['id']}-->">
- <!--{$data['node_type']}-->
- </td>
- <td style="text-align: center;">
- <!--{$data['node_server']}-->
- </td>
- <td style="text-align: center;">
- <!--{$data['node_method']}-->
- </td>
- <td style="text-align: center;">
- <!--{$data['node_info']}-->
- </td>
- <td style="text-align: center;">
- <!--{$data['node_status']}-->
- </td>
- <td style="text-align: center;">
- <a href="javascript:;" onclick="editNode('<!--{$data['id']}-->')">编辑</a> | <a href="">删除</a>
- </td>
- </tr>
- <!--{/foreach}-->
- </table>
- </td>
- </tr>
- </table>
- </td>
- </tr>
- <tr>
- <td height="20"></td>
- </tr>
- </table>
- </div>
- </td>
- </tr>
- </table>
-
- <!--{$pager}-->
- </body>
- <script src="https://shadowsocks5.b0.upaiyun.com/js/jquery.colorbox-min.js"></script>
- <script>
- function editNode($id){
- $.colorbox({
- href:"/manage/node_edit?id="+$id,
- close :"关闭" ,
- width:"600px",
- });
- }
- </script>
- </html>
|