monitor_v3 / hg-monitor-web · Commits

Go to a project

Authored by 王涛
Commit a9ae5c831cb548c607dcc38b8489d678c3566d23 2 parents 3468d34a 3bd59a5a

Merge branch 'master-yjp' into 'master' 

机房平面图开发



See merge request !83
Inline Side-by-side
Showing 10 changed files with 964 additions and 0 deletions
  1 +@charset "utf-8";
  2 +*
  3 +{
  4 + margin:0;
  5 + padding:0;
  6 +}
  7 +html
  8 +{
  9 + width:100%;
  10 + height:100%;
  11 + font-size:14px;
  12 + font-family:Arial, Helvetica, sans-serif;
  13 + -webkit-text-size-adjust:none;
  14 + background-image:url("../img/img-beijing.png");
  15 + background-repeat: no-repeat;
  16 + background-position: center;
  17 +}
  18 +body
  19 +{
  20 + padding:5px;
  21 +}
  22 +
  23 +.outlinediv {
  24 + padding-top: 30px;
  25 + border: 2px solid #0a93be;
  26 + width: 900px;
  27 + height: 600px;
  28 + margin: 0 auto;
  29 + font-size: 16px;
  30 + border-radius: 5px;
  31 + text-align: center;
  32 + color: #bbb;
  33 + position: relative;
  34 + display: list-item;
  35 +
  36 +
  37 +}
  38 +.outlinediv span {
  39 + color: rgba(0, 0, 0, 0.89);
  40 + line-height: 20px;
  41 + font-size: 14px;
  42 +}
  43 +.outlinediv .xiaoshansecond-topcabinet{
  44 + margin-top: 20px;
  45 + margin-left: 7%;
  46 + padding: 20px;
  47 + width: 80%;
  48 + height:100px;
  49 +
  50 +}
  51 +
  52 +.outlinediv .xiaoshansecond-middlecabinet{
  53 + margin-top: 50px;
  54 + margin-bottom: 50px;
  55 + margin-left: 7%;
  56 + padding: 20px;
  57 + width: 80%;
  58 + height:100px;
  59 +
  60 +}
  61 +.outlinediv .xiaoshansecond-bottomcabinet{
  62 + margin-left: 7%;
  63 + padding: 20px;
  64 + width: 80%;
  65 + height:100px;
  66 +
  67 +}
  68 +.cabinet{
  69 + width:auto;height:auto;max-height:100%;max-width:100%;
  70 +}
  71 +table{
  72 + margin-top: 20px;
  73 + border-collapse:collapse;
  74 +}
  75 +table tr{
  76 + height: 50px;
  77 +}
  78 +tr.sevenempty {
  79 + height: 10px;
  80 +}
  81 +table tr td{
  82 + position: relative;
  83 + max-width: 35px;
  84 +}
  85 +
  86 +table td .cabinetId{
  87 +
  88 + position: absolute;/*绝对定位*/
  89 + top:20px;
  90 + width: 100%;
  91 + bottom: 0px;/*离底下0像素*/
  92 + left: 0px;/*离左边0像素*/
  93 + text-align: center;
  94 +
  95 + font-size: 12px;
  96 +
  97 + color: white;
  98 +}
  99 +.outlinediv .xiaoshanthird-topcabinet{
  100 + margin-left:22%;
  101 + padding: 20px;
  102 + width: 80%;
  103 + }
  104 +.outlinediv .xiaoshanseven-leftcabinet{
  105 + margin-left:1%;
  106 + width: 40%;
  107 +}
  108 +.outlinediv .xiaoshanseven-rightcabinet{
  109 + margin-left: 5px;
  110 + width: 40%;
  111 +}
  112 +.outlinediv .xiaoshanseven-middlecabinet{
  113 + margin-top: 20px;
  114 + padding-top: 30%;
  115 + border: 2px solid #111D1A;
  116 + width:12% ;
  117 + height: 255px;
  118 + text-align: center;
  119 +}
  120 +.outlinediv .huzhouone-topcabinet{
  121 + margin-left:10%;
  122 + width: 90%;
  123 +}
  124 +tr.zaibeione{
  125 + height: 90px;
  126 +}
  127 +.zaibei.cabinetId{
  128 + position: absolute;/*绝对定位*/
  129 + top:10px;
  130 + width: 100%;
  131 + bottom: 0px;/*离底下0像素*/
  132 + left: 0px;/*离左边0像素*/
  133 + text-align: center;
  134 +
  135 + font-size: 8px;
  136 +
  137 + color: white;
  138 +}
  1 +<!DOCTYPE html>
  2 +<html>
  3 +<head>
  4 + <title></title>
  5 + <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  6 + <meta http-equiv="Pragma" content="no-cache" />
  7 + <meta http-equiv="Cache-Control" content="no-cache, must-revalidate" />
  8 + <meta http-equiv="Expires" content="0" />
  9 + <link type='text/css' href='css/machineroom.css' rel="stylesheet"/>
  10 +</head>
  11 +<body>
  12 +<div class="outlinediv" style="height: 666px">
  13 + <span>湖州灾备一机房平面图</span>
  14 + <div class="huzhouone-topcabinet">
  15 + <table>
  16 + <tr>
  17 + <td><img></td>
  18 + <td><img></td>
  19 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="zaibei cabinetId">PDA 4A</span></a></td>
  20 + <td><img></td>
  21 + <td><img></td>
  22 + <td><img ></td>
  23 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="zaibei cabinetId">FA-7</span></a></td>
  24 + <td><img/></td>
  25 + <td><img/></td>
  26 + <td><img ></td>
  27 + <td><a href=""><img src="img/cabinet.png"class="cabinet"><span class="zaibei cabinetId">FA-6</span></a></td>
  28 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="zaibei cabinetId">FA-5</span></a></td>
  29 + <td><a href=""><img src="img/cabinet.png"class="cabinet"><span class="zaibei cabinetId">FA-4</span></a></td>
  30 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="zaibei cabinetId">FA-3</span></a></td>
  31 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="zaibei cabinetId">FA-2</span></a></td>
  32 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="zaibei cabinetId">FA-1</span></a></td>
  33 + <td><img/></td>
  34 + <td><img/></td>
  35 + <td><img ></td>
  36 + <td><img></td>
  37 + <td><img></td>
  38 + <td><img></td>
  39 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="zaibei cabinetId">AC-3</span></a></td>
  40 + </tr>
  41 + <tr>
  42 + <td><img></td>
  43 + <td><img></td>
  44 + <td><img ></td>
  45 + <td><img></td>
  46 + <td><img></td>
  47 + <td><img ></td>
  48 + <td><img ></td>
  49 + <td><img/></td>
  50 + <td><img/></td>
  51 + <td><img ></td>
  52 + <td><img ></td>
  53 + <td><img></td>
  54 + <td><img></td>
  55 + <td><img></td>
  56 + <td><img ></td>
  57 + <td><img></td>
  58 + <td><img/></td>
  59 + <td><img/></td>
  60 + <td><img ></td>
  61 + <td><img></td>
  62 + <td><img></td>
  63 + <td><img></td>
  64 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="zaibei cabinetId"></span></a></td>
  65 + </tr>
  66 + <tr>
  67 + <td><img></td>
  68 + <td><img></td>
  69 + <td><img ></td>
  70 + <td><img></td>
  71 + <td><img></td>
  72 + <td><img ></td>
  73 + <td><img ></td>
  74 + <td><img/></td>
  75 + <td><img/></td>
  76 + <td><img ></td>
  77 + <td><img ></td>
  78 + <td><img></td>
  79 + <td><img></td>
  80 + <td><img></td>
  81 + <td><img ></td>
  82 + <td><img></td>
  83 + <td><img/></td>
  84 + <td><img/></td>
  85 + <td><img ></td>
  86 + <td><img></td>
  87 + <td><img></td>
  88 + <td><img></td>
  89 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="zaibei cabinetId">AC-4</span></a></td>
  90 + </tr>
  91 + <tr>
  92 + <td><img></td>
  93 + <td><img></td>
  94 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="zaibei cabinetId">PDA 3A</span></a></td>
  95 + <td><img></td>
  96 + <td><img></td>
  97 + <td><img ></td>
  98 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="zaibei cabinetId">FB-7</span></a></td>
  99 + <td><img/></td>
  100 + <td><img/></td>
  101 + <td><img ></td>
  102 + <td><a href=""><img src="img/cabinet.png"class="cabinet"><span class="zaibei cabinetId">FB-6</span></a></td>
  103 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="zaibei cabinetId">FB-5</span></a></td>
  104 + <td><a href=""><img src="img/cabinet.png"class="cabinet"><span class="zaibei cabinetId">FB-4</span></a></td>
  105 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="zaibei cabinetId">FB-3</span></a></td>
  106 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="zaibei cabinetId">FB-2</span></a></td>
  107 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="zaibei cabinetId">FB-1</span></a></td>
  108 + <td><img/></td>
  109 + <td><img/></td>
  110 + <td><img ></td>
  111 + <td><img></td>
  112 + <td><img></td>
  113 + <td><img></td>
  114 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="zaibei cabinetId"></span></a></td>
  115 + </tr>
  116 + <tr class="zaibeione"></tr>
  117 + <tr>
  118 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="zaibei cabinetId">XA-11</span></a></td>
  119 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="zaibei cabinetId">XA-10</span></a></td>
  120 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="zaibei cabinetId">PDA 1A</span></a></td>
  121 + <td width="10px"></td>
  122 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="zaibei cabinetId">EMC1</span></a></td>
  123 + <td><a href=""><img src="img/cabinet.png"class="cabinet"><span class="zaibei cabinetId">EMC2</span></a></td>
  124 + <td><a href=""><img src="img/cabinet.png"class="cabinet"><span class="zaibei cabinetId">EMC3</span></a></td>
  125 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="zaibei cabinetId">XA-7</span></a></td>
  126 + <td><img></td>
  127 + <td><img ></td>
  128 + <td><img></td>
  129 + <td><a href=""><img src="img/cabinet.png"class="cabinet"><span class="zaibei cabinetId">小型机595A</span></a></td>
  130 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="zaibei cabinetId">小型机595B</span></a></td>
  131 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="zaibei cabinetId">小型机3</span></a></td>
  132 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="zaibei cabinetId">小型机570-2</span></a></td>
  133 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="zaibei cabinetId">小型机570-1</span></a></td>
  134 + <td><img></td>
  135 +
  136 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="zaibei cabinetId">XA-1</span></a></td>
  137 + </tr>
  138 + <tr>
  139 + <td><img></td>
  140 + <td><img></td>
  141 + <td><img ></td>
  142 + <td><img></td>
  143 + <td><img></td>
  144 + <td><img ></td>
  145 + <td><img ></td>
  146 + <td><img/></td>
  147 + <td><img/></td>
  148 + <td><img ></td>
  149 + <td><img ></td>
  150 + <td><img></td>
  151 + <td><img></td>
  152 + <td><img></td>
  153 + <td><img ></td>
  154 + <td><img></td>
  155 + <td><img/></td>
  156 + <td><img/></td>
  157 + <td><img ></td>
  158 + <td><img></td>
  159 + <td><img></td>
  160 + <td><img></td>
  161 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="zaibei cabinetId"></span></a></td>
  162 + </tr>
  163 + <tr>
  164 + <td><img></td>
  165 + <td><img></td>
  166 + <td><img ></td>
  167 + <td><img></td>
  168 + <td><img></td>
  169 + <td><img ></td>
  170 + <td><img ></td>
  171 + <td><img/></td>
  172 + <td><img/></td>
  173 + <td><img ></td>
  174 + <td><img ></td>
  175 + <td><img></td>
  176 + <td><img></td>
  177 + <td><img></td>
  178 + <td><img ></td>
  179 + <td><img></td>
  180 + <td><img/></td>
  181 + <td><img/></td>
  182 + <td><img ></td>
  183 + <td><img></td>
  184 + <td><img></td>
  185 + <td><img></td>
  186 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="zaibei cabinetId">AC-2</span></a></td>
  187 + </tr>
  188 + <tr>
  189 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="zaibei cabinetId">XB-11</span></a></td>
  190 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="zaibei cabinetId">XB-10</span></a></td>
  191 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="zaibei cabinetId">PDA 2B</span></a></td>
  192 + <td style="width: 15px"></td>
  193 + <td><img></td>
  194 + <td><img ></td>
  195 + <td><img></td>
  196 + <td><img></td>
  197 + <td><img></td>
  198 + <td><img ></td>
  199 + <td><img></td>
  200 + <td><img/></td>
  201 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="zaibei cabinetId">小型机570-4</span></a></td>
  202 + <td><a href=""><img src="img/cabinet.png"class="cabinet"><span class="zaibei cabinetId">小型机570-3</span></a></td>
  203 + <td><img ></td>
  204 + <td><img></td>
  205 + <td><img></td>
  206 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="zaibei cabinetId">XB-1</span></a></td>
  207 + <td><img ></td>
  208 + <td><img></td>
  209 + <td><img></td>
  210 + <td><img></td>
  211 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="zaibei cabinetId"></span></a></td>
  212 + </tr>
  213 + <tr>
  214 + <td><img></td>
  215 + <td><img></td>
  216 + <td><img ></td>
  217 + <td><img></td>
  218 + <td><img></td>
  219 + <td><img ></td>
  220 + <td><img ></td>
  221 + <td><img/></td>
  222 + <td><img/></td>
  223 + <td><img ></td>
  224 + <td><img ></td>
  225 + <td><img></td>
  226 + <td><img></td>
  227 + <td><img></td>
  228 + <td><img ></td>
  229 + <td><img></td>
  230 + <td><img/></td>
  231 + <td><img/></td>
  232 + <td><img ></td>
  233 + <td><img></td>
  234 + <td><img></td>
  235 + <td><img></td>
  236 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="zaibei cabinetId">AC-1</span></a></td>
  237 + </tr>
  238 + </table>
  239 + </div>
  240 +</div>
  241 +</body>
  242 +</html>
  1 +<!DOCTYPE html>
  2 +<html>
  3 +<head>
  4 + <title></title>
  5 + <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  6 + <meta http-equiv="Pragma" content="no-cache" />
  7 + <meta http-equiv="Cache-Control" content="no-cache, must-revalidate" />
  8 + <meta http-equiv="Expires" content="0" />
  9 + <link type='text/css' href='css/machineroom.css' rel="stylesheet"/>
  10 + <style type="text/css">
  11 + table tr td {
  12 + max-width: 80px;
  13 + }
  14 + </style>
  15 +</head>
  16 +<body>
  17 +<div class="outlinediv" >
  18 + <span>湖州灾备三机房平面图</span>
  19 + <div class="huzhouone-topcabinet" style="margin-left: 25%;padding-top: 30px">
  20 + <table>
  21 + <tr>
  22 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">TB-6</span></a></td>
  23 + <td style="width: 30px"></td>
  24 + <td><a href=""><img src="img/cabinet.png"class="cabinet"><span class="cabinetId">TB-5</span></a></td>
  25 + <td style="width: 30px"></td>
  26 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId"></span></a></td>
  27 + <td style="width: 30px"></td>
  28 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId"></span></a></td>
  29 + <td style="width: 30px"></td>
  30 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId"></span></a></td>
  31 + <td style="width: 30px"></td>
  32 + <td><a href=""><img src="img/cabinet.png"class="cabinet"><span class="cabinetId"></span></a></td>
  33 +
  34 + </tr>
  35 + <tr>
  36 + <td><img></td>
  37 + <td><img ></td>
  38 + <td><img></td>
  39 + <td><img></td>
  40 + <td><img ></td>
  41 + <td><img ></td>
  42 +
  43 + </tr>
  44 + <tr>
  45 + <td><img></td>
  46 + <td><img ></td>
  47 + <td><img></td>
  48 + <td><img></td>
  49 + <td><img ></td>
  50 + <td><img ></td>
  51 + </tr>
  52 + <tr>
  53 + <td><a href=""><img src="img/cabinet.png"class="cabinet"><span class="cabinetId"></span></a></td>
  54 + <td style="width: 30px"></td>
  55 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId"></span></a></td>
  56 + <td style="width: 30px"></td>
  57 + <td><a href=""><img src="img/cabinet.png"class="cabinet"><span class="cabinetId"></span></a></td>
  58 + <td style="width: 30px"></td>
  59 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId"></span></a></td>
  60 + <td style="width: 30px"></td>
  61 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId"></span></a></td>
  62 + <td style="width: 30px"></td>
  63 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId"></span></a></td>
  64 + </tr>
  65 + <tr class="zaibeione"></tr>
  66 +
  67 + </table>
  68 + </div>
  69 +</div>
  70 +</body>
  71 +</html>
  1 +<!DOCTYPE html>
  2 +<html>
  3 +<head>
  4 + <title></title>
  5 + <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  6 + <meta http-equiv="Pragma" content="no-cache" />
  7 + <meta http-equiv="Cache-Control" content="no-cache, must-revalidate" />
  8 + <meta http-equiv="Expires" content="0" />
  9 + <link type='text/css' href='css/machineroom.css' rel="stylesheet"/>
  10 + <style type="text/css">
  11 + table tr td {
  12 + max-width: 80px;
  13 + }
  14 + </style>
  15 +</head>
  16 +<body>
  17 +<div class="outlinediv" >
  18 + <span>湖州灾备二机房平面图</span>
  19 + <div class="huzhouone-topcabinet" style="margin-left: 20%">
  20 + <table>
  21 + <tr>
  22 +
  23 + <td><img/></td>
  24 + <td style="width: 30px"></td>
  25 +
  26 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">LA-1</span></a></td>
  27 + <td style="width: 30px"></td>
  28 + <td><a href=""><img src="img/cabinet.png"class="cabinet"><span class="cabinetId">LA-2</span></a></td>
  29 + <td style="width: 30px"></td>
  30 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">LA-3</span></a></td>
  31 + <td style="width: 30px"></td>
  32 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">LA-2</span></a></td>
  33 + <td style="width: 30px"></td>
  34 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">LA-1</span></a></td>
  35 + <td style="width: 30px"></td>
  36 + <td><a href=""><img src="img/cabinet.png"class="cabinet"><span class="cabinetId">PDA6B</span></a></td>
  37 +
  38 + </tr>
  39 + <tr>
  40 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">AC-5</span></a></td>
  41 + <td style="width: 30px"></td>
  42 + <td><img></td>
  43 + <td><img ></td>
  44 + <td><img></td>
  45 + <td><img></td>
  46 + <td><img ></td>
  47 + <td><img ></td>
  48 +
  49 + </tr>
  50 + <tr>
  51 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId"></span></a></td>
  52 + <td style="width: 30px"></td>
  53 + <td><img></td>
  54 + <td><img ></td>
  55 + <td><img></td>
  56 + <td><img></td>
  57 + <td><img ></td>
  58 + <td><img ></td>
  59 + </tr>
  60 + <tr>
  61 + <td><img/></td>
  62 + <td style="width: 30px"></td>
  63 + <td><a href=""><img src="img/cabinet.png"class="cabinet"><span class="cabinetId">LB-1</span></a></td>
  64 + <td style="width: 30px"></td>
  65 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">LB-2</span></a></td>
  66 + <td style="width: 30px"></td>
  67 + <td><a href=""><img src="img/cabinet.png"class="cabinet"><span class="cabinetId">LB-3</span></a></td>
  68 + <td style="width: 30px"></td>
  69 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">LB-2</span></a></td>
  70 + <td style="width: 30px"></td>
  71 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">LB-1</span></a></td>
  72 + <td style="width: 30px"></td>
  73 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">PDA5A</span></a></td>
  74 + </tr>
  75 + <tr class="zaibeione"></tr>
  76 +
  77 + </table>
  78 + </div>
  79 +</div>
  80 +</body>
  81 +</html>
  1 +<!DOCTYPE html>
  2 +<html>
  3 +<head>
  4 + <title></title>
  5 + <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  6 + <meta http-equiv="Pragma" content="no-cache" />
  7 + <meta http-equiv="Cache-Control" content="no-cache, must-revalidate" />
  8 + <meta http-equiv="Expires" content="0" />
  9 + <link type='text/css' href='css/machineroom.css' rel="stylesheet"/>
  10 +</head>
  11 +<body>
  12 + <div class="outlinediv">
  13 + <span>2号机房平面图</span>
  14 + <div class="xiaoshansecond-topcabinet">
  15 + <table>
  16 + <tr>
  17 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">F1</span></a></td>
  18 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">F2</span></a></td>
  19 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">F3</span></a></td>
  20 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">F4</span></a></td>
  21 + <td><a href=""><img src="img/cabinet.png"class="cabinet"><span class="cabinetId">F5</span></a></td>
  22 + <td><a href=""><img src="img/cabinet.png"class="cabinet"><span class="cabinetId">F6</span></a></td>
  23 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">F7</span></a></td>
  24 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">F8</span></a></td>
  25 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">F9</span></a></td>
  26 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">F10</span></a></td>
  27 + <td><a href=""><img src="img/cabinet.png"class="cabinet"><span class="cabinetId">F11</span></a></td>
  28 + <td><a href=""><img src="img/emptycabinet.png" class="cabinet"></a></td>
  29 + <td><a href=""><img src="img/emptycabinet.png" class="cabinet"></a></td>
  30 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">F14</span></a></td>
  31 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">F15</span></a></td>
  32 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">F16</span></a></td>
  33 + <td><a href=""><img src="img/cabinet.png"class="cabinet"><span class="cabinetId">F17</span></a></td>
  34 + <td><a href=""><img src="img/cabinet.png"class="cabinet"><span class="cabinetId">F18</span></a></td>
  35 + <td><a href=""><img src="img/cabinet.png"class="cabinet"><span class="cabinetId">F19</span></a></td>
  36 + <td><a href=""><img src="img/cabinet.png"class="cabinet"><span class="cabinetId">F20</span></a></td>
  37 + </tr>
  38 + </table>
  39 + </div>
  40 + <div class="xiaoshansecond-middlecabinet">
  41 + <table>
  42 + <tr>
  43 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">G1</span></a></td>
  44 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">G2</span></a></td>
  45 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">G3</span></a></td>
  46 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">G4</span></a></td>
  47 + <td><a href=""><img src="img/cabinet.png"class="cabinet"><span class="cabinetId">G5</span></a></td>
  48 + <td><a href=""><img src="img/cabinet.png"class="cabinet"><span class="cabinetId">G6</span></a></td>
  49 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">G7</span></a></td>
  50 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">G8</span></a></td>
  51 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">G9</span></a></td>
  52 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">G10</span></a></td>
  53 + <td><a href=""><img src="img/cabinet.png"class="cabinet"><span class="cabinetId">G11</span></a></td>
  54 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">G12</span></a></td>
  55 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">G13</span></a></td>
  56 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">G14</span></a></td>
  57 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">G15</span></a></td>
  58 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">G16</span></a></td>
  59 + <td><a href=""><img src="img/cabinet.png"class="cabinet"><span class="cabinetId">G17</span></a></td>
  60 + <td><a href=""><img src="img/cabinet.png"class="cabinet"><span class="cabinetId">G18</span></a></td>
  61 + <td><a href=""><img src="img/cabinet.png"class="cabinet"><span class="cabinetId">G19</span></a></td>
  62 + </tr>
  63 + </table>
  64 + </div>
  65 + <div class="xiaoshansecond-bottomcabinet">
  66 + <table>
  67 + <tr>
  68 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">H1</span></a></td>
  69 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">H2</span></a></td>
  70 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">H3</span></a></td>
  71 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">H4</span></a></td>
  72 + <td><a href=""><img src="img/cabinet.png"class="cabinet"><span class="cabinetId">H5</span></a></td>
  73 + <td><a href=""><img src="img/cabinet.png"class="cabinet"><span class="cabinetId">H6</span></a></td>
  74 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">H7</span></a></td>
  75 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">H8</span></a></td>
  76 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">H9</span></a></td>
  77 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">H10</span></a></td>
  78 + <td><a href=""><img src="img/cabinet.png"class="cabinet"><span class="cabinetId">H11</span></a></td>
  79 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">H12</span></a></td>
  80 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">H13</span></a></td>
  81 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">H14</span></a></td>
  82 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">H15</span></a></td>
  83 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">H16</span></a></td>
  84 + <td><a href=""><img src="img/cabinet.png"class="cabinet"><span class="cabinetId">H17</span></a></td>
  85 + <td><a href=""><img src="img/cabinet.png"class="cabinet"><span class="cabinetId">H18</span></a></td>
  86 + <td><a href=""><img src="img/cabinet.png"class="cabinet"><span class="cabinetId">H19</span></a></td>
  87 + <td><a href=""><img src="img/cabinet.png"class="cabinet"><span class="cabinetId">H20</span></a></td>
  88 + </tr>
  89 + </table>
  90 + </div>
  91 + </div>
  92 +</body>
  93 +</html>
  1 +<!DOCTYPE html>
  2 +<html>
  3 +<head>
  4 + <title></title>
  5 + <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  6 + <meta http-equiv="Expires" content="0"/>
  7 + <link type='text/css' href='css/machineroom.css' rel="stylesheet"/>
  8 +</head>
  9 +<body>
  10 +<div class="outlinediv" style="width: 950px">
  11 + <span>7号机房平面图</span>
  12 + <div style="width: 100%;height: 100%;display: inline-flex">
  13 + <div class="xiaoshanseven-leftcabinet">
  14 + <table>
  15 + <tr>
  16 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">I1</span></a></td>
  17 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">I2</span></a></td>
  18 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">I3</span></a></td>
  19 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">I4</span></a></td>
  20 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">I5</span></a></td>
  21 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">I6</span></a></td>
  22 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">I7</span></a></td>
  23 + </tr>
  24 + <tr class="sevenempty"></tr>
  25 + <tr>
  26 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">H1</span></a></td>
  27 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">H2</span></a></td>
  28 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">H3</span></a></td>
  29 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">H4</span></a></td>
  30 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">H5</span></a></td>
  31 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">H6</span></a></td>
  32 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">H7</span></a></td>
  33 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">H8</span></a></td>
  34 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">H9</span></a></td>
  35 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">H10</span></a>
  36 + </td>
  37 +
  38 + </tr>
  39 +
  40 + <tr class="sevenempty"></tr>
  41 + <tr>
  42 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">G1</span></a></td>
  43 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">G2</span></a></td>
  44 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">G3</span></a></td>
  45 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">G4</span></a></td>
  46 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">G5</span></a></td>
  47 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">G6</span></a></td>
  48 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">G7</span></a></td>
  49 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">G8</span></a></td>
  50 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">G9</span></a></td>
  51 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">G10</span></a>
  52 + </td>
  53 +
  54 + </tr>
  55 + <tr class="sevenempty"></tr>
  56 + <tr>
  57 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">F1</span></a></td>
  58 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">F2</span></a></td>
  59 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">F3</span></a></td>
  60 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">F4</span></a></td>
  61 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">F5</span></a></td>
  62 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">F6</span></a></td>
  63 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">F7</span></a></td>
  64 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">F8</span></a></td>
  65 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">F9</span></a></td>
  66 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">F10</span></a>
  67 + </td>
  68 + </tr>
  69 + <tr class="sevenempty"></tr>
  70 + <tr>
  71 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">E1</span></a></td>
  72 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">E2</span></a></td>
  73 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">E3</span></a></td>
  74 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">E4</span></a></td>
  75 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">E5</span></a></td>
  76 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">E6</span></a></td>
  77 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">E7</span></a></td>
  78 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">E8</span></a></td>
  79 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">E9</span></a></td>
  80 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">E10</span></a>
  81 + </td>
  82 + </tr>
  83 + <tr class="sevenempty"></tr>
  84 + <tr>
  85 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">D1</span></a></td>
  86 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">D2</span></a></td>
  87 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">D3</span></a></td>
  88 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">D4</span></a></td>
  89 + <td><a href=""><img src="img/cabinet.png"class="cabinet"><span class="cabinetId">D5</span></a></td>
  90 + <td><a href=""><img src="img/cabinet.png"class="cabinet"><span class="cabinetId">D6</span></a></td>
  91 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">D7</span></a></td>
  92 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">D8</span></a></td>
  93 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">D9</span></a></td>
  94 + </tr>
  95 + <tr class="sevenempty"></tr>
  96 + <tr>
  97 + <td><img ></td>
  98 + <td><img ></td>
  99 + <td><img ></td>
  100 + <td><img ></td>
  101 + <td><a href=""><img src="img/cabinet.png"class="cabinet"><span class="cabinetId">C5</span></a></td>
  102 + <td><a href=""><img src="img/cabinet.png"class="cabinet"><span class="cabinetId">C6</span></a></td>
  103 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">C7</span></a></td>
  104 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">C8</span></a></td>
  105 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">C9</span></a></td>
  106 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">C10</span></a></td>
  107 + </tr>
  108 + <tr class="sevenempty"></tr>
  109 + <tr>
  110 + <td><img/></td>
  111 + <td><img/></td>
  112 + <td><img/></td>
  113 + <td><img/></td>
  114 + <td><img/></td>
  115 + <td><img/></td>
  116 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">B7</span></a></td>
  117 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">B8</span></a></td>
  118 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">B9</span></a></td>
  119 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">B10</span></a></td>
  120 + </tr>
  121 + </table>
  122 + </div>
  123 + <div class="xiaoshanseven-middlecabinet"><span>过道</span></div>
  124 + <div class="xiaoshanseven-rightcabinet">
  125 + <table>
  126 + <tr>
  127 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">I14</span></a></td>
  128 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">I15</span></a></td>
  129 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">I16</span></a></td>
  130 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">I17</span></a></td>
  131 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">I18</span></a></td>
  132 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">I19</span></a></td>
  133 + </tr>
  134 + <tr class="sevenempty"></tr>
  135 + <tr>
  136 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">H14</span></a></td>
  137 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">H15</span></a></td>
  138 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">H16</span></a></td>
  139 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">H17</span></a></td>
  140 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">H18</span></a></td>
  141 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">H19</span></a></td>
  142 + <td><img ></td>
  143 + <td><img ></td>
  144 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">H22</span></a></td>
  145 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">H23</span></a></td>
  146 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">H24</span></a></td>
  147 + </td>
  148 +
  149 + </tr>
  150 +
  151 + <tr class="sevenempty"></tr>
  152 + <tr>
  153 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">G14</span></a></td>
  154 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">G15</span></a></td>
  155 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">G16</span></a></td>
  156 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">G17</span></a></td>
  157 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">G18</span></a></td>
  158 + <td><img ></td>
  159 + <td><img ></td>
  160 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">G21</span></a></td>
  161 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">G21</span></a></td>
  162 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">G13</span></a></td>
  163 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">G24</span></a></td>
  164 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">G25</span></a></td>
  165 + </tr>
  166 + <tr class="sevenempty"></tr>
  167 + <tr>
  168 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">F14</span></a></td>
  169 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">F15</span></a></td>
  170 +
  171 + </tr>
  172 + <tr class="sevenempty"></tr>
  173 + <tr>
  174 +
  175 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">E14</span></a></td>
  176 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">E15</span></a></td>
  177 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">E16</span></a></td>
  178 + <td><img></td>
  179 + <td><img ></td>
  180 + <td><img></td>
  181 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">E20</span></a></td>
  182 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">E21</span></a></td>
  183 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">E22</span></a></td>
  184 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">E23</span></a></td>
  185 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">E24</span></a></td>
  186 +
  187 + </tr>
  188 + <tr class="sevenempty"></tr>
  189 + <tr>
  190 +
  191 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">D14</span></a></td>
  192 + <td><a href=""><img src="img/cabinet.png"class="cabinet"><span class="cabinetId">D15</span></a></td>
  193 + <td><a href=""><img src="img/cabinet.png"class="cabinet"><span class="cabinetId">D16</span></a></td>
  194 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">D17</span></a></td>
  195 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">D18</span></a></td>
  196 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">D19</span></a></td>
  197 + <td><img ></td>
  198 + <td><img></td>
  199 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">D22</span></a></td>
  200 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">D23</span></a></td>
  201 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">D24</span></a></td>
  202 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">D25</span></a></td>
  203 + </tr>
  204 + <tr class="sevenempty"></tr>
  205 + <tr>
  206 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">C14</span></a></td>
  207 + <td><a href=""><img src="img/cabinet.png"class="cabinet"><span class="cabinetId">C15</span></a></td>
  208 + </tr>
  209 + <tr class="sevenempty"></tr>
  210 + <tr>
  211 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">B14</span></a></td>
  212 + <td><a href=""><img src="img/cabinet.png"class="cabinet"><span class="cabinetId">B15</span></a></td>
  213 + <td><a href=""><img src="img/cabinet.png"class="cabinet"><span class="cabinetId">B16</span></a></td>
  214 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">B17</span></a></td>
  215 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">B18</span></a></td>
  216 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">B19</span></a></td>
  217 +
  218 + </tr>
  219 + </table>
  220 + </div>
  221 + </div>
  222 +</div>
  223 +</body>
  224 +</html>
  1 +<!DOCTYPE html>
  2 +<html>
  3 +<head>
  4 + <title></title>
  5 + <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  6 + <meta http-equiv="Pragma" content="no-cache" />
  7 + <meta http-equiv="Cache-Control" content="no-cache, must-revalidate" />
  8 + <meta http-equiv="Expires" content="0" />
  9 + <link type='text/css' href='css/machineroom.css' rel="stylesheet"/>
  10 +</head>
  11 +<body>
  12 +<div class="outlinediv">
  13 + <span>3号机房平面图</span>
  14 + <div class="xiaoshanthird-topcabinet">
  15 + <table>
  16 + <tr>
  17 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">E1</span></a></td>
  18 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">E2</span></a></td>
  19 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">E3</span></a></td>
  20 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">E4</span></a></td>
  21 + <td><a href=""><img src="img/cabinet.png"class="cabinet"><span class="cabinetId">E5</span></a></td>
  22 + <td><a href=""><img src="img/cabinet.png"class="cabinet"><span class="cabinetId">E6</span></a></td>
  23 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">E7</span></a></td>
  24 + <td><img/></td>
  25 + <td><img/></td>
  26 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">E10</span></a></td>
  27 + <td><a href=""><img src="img/cabinet.png"class="cabinet"><span class="cabinetId">E11</span></a></td>
  28 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">E12</span></a></td>
  29 + <td><a href=""><img src="img/cabinet.png"class="cabinet"><span class="cabinetId">E13</span></a></td>
  30 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">E14</span></a></td>
  31 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">E15</span></a></td>
  32 + </tr>
  33 + <tr></tr>
  34 + <tr>
  35 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">D1</span></a></td>
  36 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">D2</span></a></td>
  37 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">D3</span></a></td>
  38 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">D4</span></a></td>
  39 + <td><a href=""><img src="img/cabinet.png"class="cabinet"><span class="cabinetId">D5</span></a></td>
  40 + <td><a href=""><img src="img/cabinet.png"class="cabinet"><span class="cabinetId">D6</span></a></td>
  41 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">D7</span></a></td>
  42 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">D8</span></a></td>
  43 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">D9</span></a></td>
  44 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">D10</span></a></td>
  45 + <td><a href=""><img src="img/cabinet.png"class="cabinet"><span class="cabinetId">D11</span></a></td>
  46 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">D12</span></a></td>
  47 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">D13</span></a></td>
  48 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">D14</span></a></td>
  49 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">D15</span></a></td>
  50 + </tr>
  51 +
  52 + <tr></tr>
  53 + <tr>
  54 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">C1</span></a></td>
  55 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">C2</span></a></td>
  56 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">C3</span></a></td>
  57 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">C4</span></a></td>
  58 + <td><a href=""><img src="img/cabinet.png"class="cabinet"><span class="cabinetId">C5</span></a></td>
  59 + <td><a href=""><img src="img/cabinet.png"class="cabinet"><span class="cabinetId">C6</span></a></td>
  60 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">C7</span></a></td>
  61 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">C8</span></a></td>
  62 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">C9</span></a></td>
  63 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">C10</span></a></td>
  64 + <td><a href=""><img src="img/cabinet.png"class="cabinet"><span class="cabinetId">C11</span></a></td>
  65 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">C12</span></a></td>
  66 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">C13</span></a></td>
  67 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">C14</span></a></td>
  68 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">C15</span></a></td>
  69 + </tr>
  70 + <tr></tr>
  71 + <tr>
  72 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">B1</span></a></td>
  73 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">B2</span></a></td>
  74 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">B3</span></a></td>
  75 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">B4</span></a></td>
  76 + <td><a href=""><img src="img/cabinet.png"class="cabinet"><span class="cabinetId">B5</span></a></td>
  77 + <td><a href=""><img src="img/cabinet.png"class="cabinet"><span class="cabinetId">B6</span></a></td>
  78 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">B7</span></a></td>
  79 + <td><img/></td>
  80 + <td><img/></td>
  81 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">B10</span></a></td>
  82 + <td><a href=""><img src="img/cabinet.png"class="cabinet"><span class="cabinetId">B11</span></a></td>
  83 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">B12</span></a></td>
  84 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">B13</span></a></td>
  85 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">B14</span></a></td>
  86 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">B15</span></a></td>
  87 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">B16</span></a></td>
  88 + <td><a href=""><img src="img/cabinet.png"class="cabinet"><span class="cabinetId">B17</span></a></td>
  89 +
  90 + </tr>
  91 + <tr></tr>
  92 + <tr>
  93 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">A1</span></a></td>
  94 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">A2</span></a></td>
  95 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">A3</span></a></td>
  96 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">A4</span></a></td>
  97 + <td><a href=""><img src="img/cabinet.png"class="cabinet"><span class="cabinetId">A5</span></a></td>
  98 + <td><a href=""><img src="img/cabinet.png"class="cabinet"><span class="cabinetId">A6</span></a></td>
  99 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">A7</span></a></td>
  100 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">A8</span></a></td>
  101 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">A9</span></a></td>
  102 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">A10</span></a></td>
  103 + <td><a href=""><img src="img/cabinet.png"class="cabinet"><span class="cabinetId">A11</span></a></td>
  104 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">A12</span></a></td>
  105 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">A13</span></a></td>
  106 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">A14</span></a></td>
  107 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">A15</span></a></td>
  108 + <td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">A16</span></a></td>
  109 + <td><a href=""><img src="img/cabinet.png"class="cabinet"><span class="cabinetId">A17</span></a></td>
  110 + </tr>
  111 + </table>
  112 + </div>
  113 +</div>
  114 +</body>
  115 +</html>