monitor_v3 / hg-monitor-web · Commits

Go to a project

Authored by xwx
Commit bc9de4308cc1471522c868a9e4e9ae39c754237d 2 parents dedfb546 23870cdc

Merge branch 'master' of http://113.200.75.45:82/monitor_v3/hg-monitor-web into master-v32-xwx

Inline Side-by-side
Showing 21 changed files with 1123 additions and 53 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>
@@ -115,8 +115,8 @@ @@ -115,8 +115,8 @@
115 width:100%; 115 width:100%;
116 } 116 }
117 .middle-left-declare-rate{ 117 .middle-left-declare-rate{
118 - height: 36%;  
119 - width:96%; 118 + height: 100%;
  119 + width:100%;
120 120
121 } 121 }
122 .screen-middle #middle-bottom { 122 .screen-middle #middle-bottom {
@@ -8,19 +8,23 @@ const assets = (props, {attrs, slots, emit}) => { @@ -8,19 +8,23 @@ const assets = (props, {attrs, slots, emit}) => {
8 }); 8 });
9 9
10 // 类型 bastion 堡垒机，dam 防水坝，virtual 虚拟桌面 10 // 类型 bastion 堡垒机，dam 防水坝，virtual 虚拟桌面
11 - let icon = {  
12 - bastion: {  
13 - name: '堡垒机',  
14 - icon: 'icon-baoleiji'  
15 - },  
16 - dam: {  
17 - name: '防水坝',  
18 - icon: 'icon-shuiba2'  
19 - },  
20 - virtual: {  
21 - name: '虚拟桌面',  
22 - icon: 'icon-xunizhuomian'  
23 - }, 11 + let icon = Vue.ref({});
  12 +
  13 + //查询资产类型列表
  14 + let getAssetType = () => {
  15 + proxy.$http.post(`/api-web/manage/ddic/findSucDdics/OPS_SECOND_PROPERTY`, {}, function (res) {
  16 + if (res && res.data.length > 0) {
  17 + icon.value = {};
  18 + res.data.forEach(function(item, index, arr){
  19 + let code = item.ddicCode;
  20 + let obj = {};
  21 + code = code.substring(code.lastIndexOf("_") + 1, code.length).toLowerCase();
  22 + obj.name=item.ddicName;
  23 + obj.icon=item.ddicDesc;
  24 + icon.value[code] =obj;
  25 + });
  26 + }
  27 + });
24 } 28 }
25 29
26 // 查询列表 30 // 查询列表
@@ -166,7 +170,6 @@ const assets = (props, {attrs, slots, emit}) => { @@ -166,7 +170,6 @@ const assets = (props, {attrs, slots, emit}) => {
166 } 170 }
167 171
168 return { 172 return {
169 - icon,  
170 getAssets, 173 getAssets,
171 assetsMaps, 174 assetsMaps,
172 addAssets, 175 addAssets,
@@ -177,7 +180,9 @@ const assets = (props, {attrs, slots, emit}) => { @@ -177,7 +180,9 @@ const assets = (props, {attrs, slots, emit}) => {
177 okFunc, 180 okFunc,
178 btnClick, 181 btnClick,
179 btnType, 182 btnType,
180 - assetsAdd 183 + assetsAdd,
  184 + getAssetType,
  185 + icon
181 } 186 }
182 } 187 }
183 188
@@ -288,7 +293,6 @@ export default { @@ -288,7 +293,6 @@ export default {
288 } 293 }
289 294
290 const { 295 const {
291 - icon,  
292 getAssets, 296 getAssets,
293 assetsMaps, 297 assetsMaps,
294 addAssets, 298 addAssets,
@@ -299,17 +303,21 @@ export default { @@ -299,17 +303,21 @@ export default {
299 okFunc, 303 okFunc,
300 btnClick, 304 btnClick,
301 btnType, 305 btnType,
302 - assetsAdd 306 + assetsAdd,
  307 + getAssetType,
  308 + icon
303 } = assets(props, {attrs, slots, emit}); 309 } = assets(props, {attrs, slots, emit});
304 310
305 // // 挂载完 311 // // 挂载完
306 Vue.onMounted(() => { 312 Vue.onMounted(() => {
  313 + getAssetType();
307 getPage(); 314 getPage();
308 getAssets(); 315 getAssets();
309 }) 316 })
310 317
311 // 监听编辑状态 318 // 监听编辑状态
312 Vue.watch(() => props.projectId, (newValue, oldVlaue) => { 319 Vue.watch(() => props.projectId, (newValue, oldVlaue) => {
  320 + getAssetType();
313 getPage(); 321 getPage();
314 getAssets(); 322 getAssets();
315 }); 323 });
@@ -320,8 +328,6 @@ export default { @@ -320,8 +328,6 @@ export default {
320 getFile, 328 getFile,
321 beforeAvatarUpload, 329 beforeAvatarUpload,
322 isAdmin, 330 isAdmin,
323 - // 资产属性  
324 - icon,  
325 getAssets, 331 getAssets,
326 assetsMaps, 332 assetsMaps,
327 addAssets, 333 addAssets,
@@ -332,7 +338,10 @@ export default { @@ -332,7 +338,10 @@ export default {
332 okFunc, 338 okFunc,
333 btnClick, 339 btnClick,
334 btnType, 340 btnType,
335 - assetsAdd 341 + assetsAdd,
  342 + getAssetType,
  343 + // 资产属性
  344 + icon,
336 } 345 }
337 } 346 }
338 } 347 }
@@ -13,7 +13,7 @@ export default { @@ -13,7 +13,7 @@ export default {
13 allData: { 13 allData: {
14 polyline: { 14 polyline: {
15 title: "申报库CPU监控", 15 title: "申报库CPU监控",
16 - unit: "cpu使用率%", 16 + unit: "使用率%",
17 data: [{ 17 data: [{
18 name: "80.12.97.3", 18 name: "80.12.97.3",
19 datas: ["12","15","21","18","20","37","45","23","12","5","7","14"] 19 datas: ["12","15","21","18","20","37","45","23","12","5","7","14"]
@@ -109,8 +109,15 @@ export default { @@ -109,8 +109,15 @@ export default {
109 109
110 } 110 }
111 that.allData.polyline.data.push(resData.series[0]) 111 that.allData.polyline.data.push(resData.series[0])
112 - that.updateChart() 112 + that.allData.polyline.data.map((item,index)=>{
  113 + if(index==0){
  114 + item.name="80.12.97.3"
  115 + }else{
  116 + item.name="80.12.97.2"
113 117
  118 + }
  119 + })
  120 + that.updateChart()
114 121
115 }); 122 });
116 }, 123 },
@@ -143,7 +150,7 @@ export default { @@ -143,7 +150,7 @@ export default {
143 that.allData = { 150 that.allData = {
144 polyline: { 151 polyline: {
145 title: "申报库CPU监控", 152 title: "申报库CPU监控",
146 - unit: "cpu使用率%", 153 + unit: "使用率%",
147 data: seriesData1 154 data: seriesData1
148 }, 155 },
149 xAxis: { 156 xAxis: {
@@ -251,7 +258,8 @@ export default { @@ -251,7 +258,8 @@ export default {
251 258
252 }, 259 },
253 legend: { 260 legend: {
254 - data: ["80.12.97.3","80.12.97.2"], 261 + // data: ["80.12.97.3","80.12.97.2"],
  262 + data: legendArr,
255 itemHeight:0,//图例圆圈大小设置 263 itemHeight:0,//图例圆圈大小设置
256 right: '5%', 264 right: '5%',
257 top: '5%', 265 top: '5%',
@@ -286,7 +294,7 @@ export default { @@ -286,7 +294,7 @@ export default {
286 }, 294 },
287 yAxis: { 295 yAxis: {
288 type: 'value', 296 type: 'value',
289 - name:'cpu使用率%', 297 + name:unit,
290 nameTextStyle:{ 298 nameTextStyle:{
291 color:'#ffffff', 299 color:'#ffffff',
292 padding:[0,0,0,-20] 300 padding:[0,0,0,-20]
@@ -167,7 +167,7 @@ export default { @@ -167,7 +167,7 @@ export default {
167 167
168 }, 168 },
169 grid: { 169 grid: {
170 - top:'3%', 170 + // top:'10%',
171 left: '3%', 171 left: '3%',
172 right: '4%', 172 right: '4%',
173 bottom: '2%', 173 bottom: '2%',
@@ -12,7 +12,7 @@ export default { @@ -12,7 +12,7 @@ export default {
12 allData: { 12 allData: {
13 polyline: { 13 polyline: {
14 title: "文书库CPU监控", 14 title: "文书库CPU监控",
15 - unit: "cpu使用率%", 15 + unit: "使用率%",
16 data: [{ 16 data: [{
17 name: "80.12.97.7", 17 name: "80.12.97.7",
18 data: ["12","15","21","18","20","37","45","23","12","5","7","14"] 18 data: ["12","15","21","18","20","37","45","23","12","5","7","14"]
@@ -104,6 +104,14 @@ export default { @@ -104,6 +104,14 @@ export default {
104 resData=that.res2.data 104 resData=that.res2.data
105 } 105 }
106 that.allData.polyline.data.push(resData.series[0]) 106 that.allData.polyline.data.push(resData.series[0])
  107 + that.allData.polyline.data.map((item,index)=>{
  108 + if(index==0){
  109 + item.name="80.12.97.7"
  110 + }else{
  111 + item.name="80.12.97.8"
  112 +
  113 + }
  114 + })
107 that.updateChart() 115 that.updateChart()
108 }); 116 });
109 }, 117 },
@@ -135,7 +143,7 @@ export default { @@ -135,7 +143,7 @@ export default {
135 that.allData = { 143 that.allData = {
136 polyline: { 144 polyline: {
137 title: "文书库CPU监控", 145 title: "文书库CPU监控",
138 - unit: "cpu使用率%", 146 + unit: "使用率%",
139 data: seriesData1 147 data: seriesData1
140 }, 148 },
141 xAxis: { 149 xAxis: {
@@ -237,7 +245,8 @@ export default { @@ -237,7 +245,8 @@ export default {
237 245
238 }, 246 },
239 legend: { 247 legend: {
240 - data: ["80.12.97.7","80.12.97.8"], 248 + // data: ["80.12.97.7","80.12.97.8"],
  249 + data: legendArr,
241 itemHeight:0,//图例圆圈大小设置 250 itemHeight:0,//图例圆圈大小设置
242 right: '5%', 251 right: '5%',
243 top: '5%', 252 top: '5%',
@@ -52,7 +52,8 @@ export default { @@ -52,7 +52,8 @@ export default {
52 return { 52 return {
53 titleFontSize: 30, 53 titleFontSize: 30,
54 dateTime: '00-00-00 00:00:00', 54 dateTime: '00-00-00 00:00:00',
55 - colorData:['#0D45FE','#00FFB9','#A35CFF'], 55 + // colorData:['#0D45FE','#00FFB9','#A35CFF'],
  56 + colorData:["#97d5f4",'#efe0a7','#e5abd1'],
56 commandName:'最大值', 57 commandName:'最大值',
57 commandVal:'max' 58 commandVal:'max'
58 } 59 }
@@ -5,8 +5,8 @@ @@ -5,8 +5,8 @@
5 5
6 </div> 6 </div>
7 <div class="ypt"> 7 <div class="ypt">
8 - <el-carousel direction="vertical" :autoplay="true" indicator-position="none" interval="4000" >  
9 - <el-carousel-item v-for="(item,index) in cloudData" :key="index"> 8 + <el-carousel direction="vertical" :autoplay="true" indicator-position="none" interval="20000" ref="cloudCarousel" >
  9 + <el-carousel-item v-for="(item,index) in cloudData" :key="index" name="index">
10 <div class="item swiper-slide" > 10 <div class="item swiper-slide" >
11 <div class="ui_base u_p3d"> 11 <div class="ui_base u_p3d">
12 <!--<div class="circlediv"> 12 <!--<div class="circlediv">
@@ -54,9 +54,14 @@ export default { @@ -54,9 +54,14 @@ export default {
54 }) 54 })
55 proxy.cloudData=data; 55 proxy.cloudData=data;
56 56
  57 + setTimeout(function (){
  58 + proxy.$refs.cloudCarousel.setActiveItem(1);
  59 +
  60 + },1000)
  61 +
57 run(); 62 run();
58 //鼠标移入停止环绕动画 63 //鼠标移入停止环绕动画
59 - $(".ypt__info .ball_base").hover(function() { 64 + $(".ypt__info .ball_base").hover(function() {
60 //停止平台切换 65 //停止平台切换
61 const top = $(this).position().top; 66 const top = $(this).position().top;
62 if(top < 10){ 67 if(top < 10){
@@ -5,7 +5,7 @@ @@ -5,7 +5,7 @@
5 5
6 </div> 6 </div>
7 <div class="sjzx"> 7 <div class="sjzx">
8 - <div class="item sjzx_machineroom" v-for="item in jfdata" > 8 + <div class="item sjzx_machineroom" v-for="(item,index) in jfdata" >
9 <h5 >{{item.machineRoomName}}</h5> 9 <h5 >{{item.machineRoomName}}</h5>
10 <div class="imgDiv"> 10 <div class="imgDiv">
11 <!-- <img @click="isShow(item)" class="imgDiv-video" src="/vue3/src/assets/images/zjdp/icon-jf.png">--> 11 <!-- <img @click="isShow(item)" class="imgDiv-video" src="/vue3/src/assets/images/zjdp/icon-jf.png">-->
@@ -14,8 +14,8 @@ @@ -14,8 +14,8 @@
14 </div> 14 </div>
15 15
16 <ul class="float-container"> 16 <ul class="float-container">
17 - <li><i class='icon-wd'></i><span>温度：{{item.wd}}</span></li>  
18 - <li><i class='icon-sd'></i><span>湿度：{{item.sd}}</span></li> 17 + <li><i class='icon-wd'></i><span v-show="index==0">机柜：252</span><span v-show="index==1">机柜：42</span></li>
  18 + <li><i class='icon-sd'></i><span v-show="index==0">资产：1568</span><span v-show="index==1">资产：46</span></li>
19 <li><i class='icon-mj'></i><span>面积：{{item.area}}</span></li> 19 <li><i class='icon-mj'></i><span>面积：{{item.area}}</span></li>
20 </ul> 20 </ul>
21 </div> 21 </div>
@@ -16,6 +16,7 @@ export default { @@ -16,6 +16,7 @@ export default {
16 ySeriesCommon:[], 16 ySeriesCommon:[],
17 legendData:[], 17 legendData:[],
18 xAxisDataDate:[], 18 xAxisDataDate:[],
  19 + yAxisData:[],
19 optionData:'', 20 optionData:'',
20 colorData:["#97d5f4",'#efe0a7','#e5abd1'], 21 colorData:["#97d5f4",'#efe0a7','#e5abd1'],
21 chartId:'line-echart-declare' 22 chartId:'line-echart-declare'
@@ -42,14 +43,21 @@ export default { @@ -42,14 +43,21 @@ export default {
42 let declareLineData=data.data; 43 let declareLineData=data.data;
43 let legendData=[]; 44 let legendData=[];
44 let xAxisDataDate=[]; 45 let xAxisDataDate=[];
  46 + let yAxisData=[];
45 $.each(declareLineData,function (i,v){ 47 $.each(declareLineData,function (i,v){
  48 + let index=0;
  49 + if(i==2){
  50 + index=1;
  51 + }else{
  52 + index=0;
  53 + }
46 ySeriesCommon.push({ 54 ySeriesCommon.push({
47 name:v.name, 55 name:v.name,
48 type:'line', 56 type:'line',
49 smooth:true, 57 smooth:true,
50 - stack:'Total', 58 + // stack:'Total',//修改数据值在最大值时折线被遮挡
51 data:v.number, 59 data:v.number,
52 - // yAxisIndex:0, 60 + yAxisIndex:index,
53 showSymbol:false, 61 showSymbol:false,
54 itemStyle : { 62 itemStyle : {
55 normal : { 63 normal : {
@@ -64,6 +72,7 @@ export default { @@ -64,6 +72,7 @@ export default {
64 } 72 }
65 }, 73 },
66 }) 74 })
  75 + yAxisData.push(v.number);
67 legendData.push(v.name); 76 legendData.push(v.name);
68 xAxisDataDate.push(v.days); 77 xAxisDataDate.push(v.days);
69 78
@@ -71,6 +80,7 @@ export default { @@ -71,6 +80,7 @@ export default {
71 proxy.ySeriesCommon=ySeriesCommon; 80 proxy.ySeriesCommon=ySeriesCommon;
72 proxy.legendData=legendData; 81 proxy.legendData=legendData;
73 proxy.xAxisDataDate=xAxisDataDate[0]; 82 proxy.xAxisDataDate=xAxisDataDate[0];
  83 + proxy.yAxisData=yAxisData;
74 proxy.optionInit(); 84 proxy.optionInit();
75 } 85 }
76 }) 86 })
@@ -78,6 +88,14 @@ export default { @@ -78,6 +88,14 @@ export default {
78 88
79 }) 89 })
80 const optionInit=()=>{ 90 const optionInit=()=>{
  91 + console.log("888",proxy.yAxisData)
  92 + let data1=proxy.yAxisData[0];
  93 + let data2=proxy.yAxisData[1];
  94 + let data3=proxy.yAxisData[2];
  95 + let min1=proxy.calMin([data1,data2]);
  96 + let max1=proxy.calMax([data1,data2]);
  97 + let min2=proxy.calMin([data3,data3]);
  98 + let max2=proxy.calMax([data3,data3]);
81 99
82 proxy.optionData = { 100 proxy.optionData = {
83 title: { 101 title: {
@@ -132,26 +150,81 @@ export default { @@ -132,26 +150,81 @@ export default {
132 }, 150 },
133 151
134 }, 152 },
135 - yAxis:{  
136 - type: 'value',  
137 - splitLine:{  
138 - lineStyle: {  
139 - color:'#0a1b31'  
140 - } 153 + yAxis:[
  154 + {
  155 + type: 'value',
  156 + splitLine:{
  157 + lineStyle: {
  158 + color:'#0a1b31'
  159 + }
  160 + },
  161 + axisLabel:{
  162 + color:'#ffffff',
  163 + },
  164 + splitNumber:5,
  165 + min:min1,
  166 + max:max1,
  167 + interval:(max1-min1)/5
141 }, 168 },
142 - axisLabel:{  
143 - color:'#ffffff',  
144 - },  
145 - }, 169 + {
  170 + type: 'value',
  171 + splitLine:{
  172 + lineStyle: {
  173 + color:'#0a1b31'
  174 + }
  175 + },
  176 + axisLabel:{
  177 + color:'#ffffff',
  178 + },
  179 + splitNumber:5,
  180 + min:min2,
  181 + max:max2,
  182 + interval:(max2-min2)/5
  183 + }
  184 + ],
146 series: proxy.ySeriesCommon, 185 series: proxy.ySeriesCommon,
147 itemStyle:{ 186 itemStyle:{
148 showSymbol:false 187 showSymbol:false
149 } 188 }
150 }; 189 };
151 } 190 }
  191 + //计算最大值
  192 + const calMax=(arr)=>{
  193 + let max=0;
  194 + arr.forEach((el)=>{
  195 + el.forEach((el1)=>{
  196 + if(!(el1 === undefined || el1 === '')){
  197 + if(max<el1){
  198 + max=el1;
  199 + }
  200 + }
  201 + })
  202 + })
  203 + let maxint=Math.ceil(max/9.5);
  204 + let maxval=maxint * 10;//让显示的刻度是整数
  205 + return maxval;
  206 + }
  207 + //计算最小值
  208 + const calMin=(arr)=>{
  209 + let min=0;
  210 + arr.forEach((el)=>{
  211 + el.forEach((el1)=>{
  212 + if(!(el1 === undefined || el1 === '')){
  213 + if(min>el1){
  214 + min=el1;
  215 + }
  216 + }
  217 + })
  218 + })
  219 + let minint=Math.floor(min/10);
  220 + let minval=minint * 10;//让显示的刻度是整数
  221 + return minval;
  222 + }
152 223
153 return{ 224 return{
154 - optionInit 225 + optionInit,
  226 + calMax,
  227 + calMin
155 } 228 }
156 } 229 }
157 } 230 }
@@ -196,7 +196,7 @@ export default { @@ -196,7 +196,7 @@ export default {
196 }, 196 },
197 {//被攻击点 197 {//被攻击点
198 // type: 'scatter', 198 // type: 'scatter',
199 - type:'effectScatter', 199 + type:'effectScatter',//涟漪状态
200 hoverAnimation:true,//鼠标移入是否显示动画 200 hoverAnimation:true,//鼠标移入是否显示动画
201 coordinateSystem: 'geo', 201 coordinateSystem: 'geo',
202 zlevel: 3, 202 zlevel: 3,
@@ -206,7 +206,8 @@ export default { @@ -206,7 +206,8 @@ export default {
206 brushType: 'fill', 206 brushType: 'fill',
207 scale: 2 207 scale: 2
208 }, 208 },
209 - symbol: 'circle', 209 + // symbol: 'circle',//圆形涟漪状态
  210 + symbol: 'pin',
210 symbolSize: 30, 211 symbolSize: 30,
211 itemStyle:{ 212 itemStyle:{
212 color:'#EE4237', 213 color:'#EE4237',