monitor_v3 / hg-monitor-web · Commits

Go to a project

Authored by 王涛
Commit 5d87dae27bb18e7591a4776b3f6ed1748a372321 1 parent 8b487ae4

图标更新；故障结果；大屏样式；

Inline Side-by-side
Showing 17 changed files with 2164 additions and 53 deletions
@@ -2,6 +2,22 @@ @@ -2,6 +2,22 @@
2 @import "../css/assets.css"; 2 @import "../css/assets.css";
3 @import "../css/components.css"; 3 @import "../css/components.css";
4 4
  5 +.d-flex {
  6 + display: flex;
  7 +}
  8 +
  9 +.align-right {
  10 + text-align: right;
  11 +}
  12 +
  13 +.align-left {
  14 + text-align: left;
  15 +}
  16 +
  17 +.align-center {
  18 + text-align: center;
  19 +}
  20 +
5 /*最外层样式*/ 21 /*最外层样式*/
6 .container { 22 .container {
7 background-color: #CCCCCC; 23 background-color: #CCCCCC;
@@ -26,10 +42,10 @@ @@ -26,10 +42,10 @@
26 flex-wrap: wrap; 42 flex-wrap: wrap;
27 } 43 }
28 44
29 -.container .cm-card .search .condition div{  
30 - margin-right: 2px!important;  
31 - margin-bottom: 3px!important;  
32 - width: 250px!important; 45 +.container .cm-card .search .condition div {
  46 + margin-right: 2px !important;
  47 + margin-bottom: 3px !important;
  48 + width: 250px !important;
33 } 49 }
34 50
35 .container .cm-card .search .btns { 51 .container .cm-card .search .btns {
@@ -37,10 +53,10 @@ @@ -37,10 +53,10 @@
37 display: flex; 53 display: flex;
38 padding-left: 10px; 54 padding-left: 10px;
39 justify-content: center; 55 justify-content: center;
40 - align-items:center; 56 + align-items: center;
41 } 57 }
42 58
43 -.container .cm-card .search-table{ 59 +.container .cm-card .search-table {
44 padding: 0px 6px; 60 padding: 0px 6px;
45 } 61 }
46 62
1 @font-face { 1 @font-face {
2 font-family: "iconfont"; /* Project id 2843738 */ 2 font-family: "iconfont"; /* Project id 2843738 */
3 - src: url('iconfont.woff2?t=1637581076852') format('woff2'),  
4 - url('iconfont.woff?t=1637581076852') format('woff'),  
5 - url('iconfont.ttf?t=1637581076852') format('truetype'); 3 + src: url('iconfont.woff2?t=1639498542236') format('woff2'),
  4 + url('iconfont.woff?t=1639498542236') format('woff'),
  5 + url('iconfont.ttf?t=1639498542236') format('truetype');
6 } 6 }
7 7
8 .iconfont { 8 .iconfont {
@@ -13,6 +13,546 @@ @@ -13,6 +13,546 @@
13 -moz-osx-font-smoothing: grayscale; 13 -moz-osx-font-smoothing: grayscale;
14 } 14 }
15 15
  16 +.icon-yibiaopan:before {
  17 + content: "\eb67";
  18 +}
  19 +
  20 +.icon-nginx:before {
  21 + content: "\e63e";
  22 +}
  23 +
  24 +.icon-dianya:before {
  25 + content: "\e639";
  26 +}
  27 +
  28 +.icon-shujujiekou:before {
  29 + content: "\e641";
  30 +}
  31 +
  32 +.icon-xudianchizu:before {
  33 + content: "\e7df";
  34 +}
  35 +
  36 +.icon-tomcat2:before {
  37 + content: "\e63a";
  38 +}
  39 +
  40 +.icon-xiaoxingji:before {
  41 + content: "\e63b";
  42 +}
  43 +
  44 +.icon-dianyabiao:before {
  45 + content: "\e658";
  46 +}
  47 +
  48 +.icon-suzhuji:before {
  49 + content: "\e63f";
  50 +}
  51 +
  52 +.icon-kongtiao1:before {
  53 + content: "\e90d";
  54 +}
  55 +
  56 +.icon-kaiguan:before {
  57 + content: "\e642";
  58 +}
  59 +
  60 +.icon-wenduji:before {
  61 + content: "\e643";
  62 +}
  63 +
  64 +.icon-kaiguan1:before {
  65 + content: "\eaf7";
  66 +}
  67 +
  68 +.icon-xuehua:before {
  69 + content: "\e644";
  70 +}
  71 +
  72 +.icon-aliyun:before {
  73 + content: "\e6aa";
  74 +}
  75 +
  76 +.icon-kongtiao2:before {
  77 + content: "\e645";
  78 +}
  79 +
  80 +.icon-kaiguan2:before {
  81 + content: "\ec76";
  82 +}
  83 +
  84 +.icon-dianchizu:before {
  85 + content: "\e647";
  86 +}
  87 +
  88 +.icon-dianchizu1:before {
  89 + content: "\e646";
  90 +}
  91 +
  92 +.icon-CADshezhi:before {
  93 + content: "\e649";
  94 +}
  95 +
  96 +.icon-EPStubiao:before {
  97 + content: "\e64a";
  98 +}
  99 +
  100 +.icon-webLogic:before {
  101 + content: "\e73a";
  102 +}
  103 +
  104 +.icon-xiaoxingji1:before {
  105 + content: "\e65a";
  106 +}
  107 +
  108 +.icon-wenduji1:before {
  109 + content: "\e64b";
  110 +}
  111 +
  112 +.icon-guangyuwang:before {
  113 + content: "\e64c";
  114 +}
  115 +
  116 +.icon-wangguanshezhi:before {
  117 + content: "\e69f";
  118 +}
  119 +
  120 +.icon-sanjiaohuanji:before {
  121 + content: "\e64d";
  122 +}
  123 +
  124 +.icon-Redis1:before {
  125 + content: "\e64e";
  126 +}
  127 +
  128 +.icon-dianchi3:before {
  129 + content: "\e64f";
  130 +}
  131 +
  132 +.icon-xiaoxingji2:before {
  133 + content: "\e734";
  134 +}
  135 +
  136 +.icon-xiaoxingji3:before {
  137 + content: "\e749";
  138 +}
  139 +
  140 +.icon-dns:before {
  141 + content: "\e650";
  142 +}
  143 +
  144 +.icon-yangan:before {
  145 + content: "\e651";
  146 +}
  147 +
  148 +.icon-shujuku:before {
  149 + content: "\e652";
  150 +}
  151 +
  152 +.icon-xuehua1:before {
  153 + content: "\e653";
  154 +}
  155 +
  156 +.icon-kongtiao3:before {
  157 + content: "\e655";
  158 +}
  159 +
  160 +.icon-jifang:before {
  161 + content: "\e6ca";
  162 +}
  163 +
  164 +.icon-eps:before {
  165 + content: "\e8ae";
  166 +}
  167 +
  168 +.icon-sharpicons_snowflake:before {
  169 + content: "\e7c4";
  170 +}
  171 +
  172 +.icon-SANjiaohuanji:before {
  173 + content: "\e656";
  174 +}
  175 +
  176 +.icon-dianchi4:before {
  177 + content: "\e659";
  178 +}
  179 +
  180 +.icon-dianyabiao1:before {
  181 + content: "\e65f";
  182 +}
  183 +
  184 +.icon-dianchizu2:before {
  185 + content: "\e82b";
  186 +}
  187 +
  188 +.icon-hengban-huaweiyun-quanbu:before {
  189 + content: "\e6c9";
  190 +}
  191 +
  192 +.icon-UPS:before {
  193 + content: "\e661";
  194 +}
  195 +
  196 +.icon-yangan1:before {
  197 + content: "\e67e";
  198 +}
  199 +
  200 +.icon-dianliu:before {
  201 + content: "\e68a";
  202 +}
  203 +
  204 +.icon-dianchi-wu:before {
  205 + content: "\e662";
  206 +}
  207 +
  208 +.icon-ecsyunfuwuqi:before {
  209 + content: "\e666";
  210 +}
  211 +
  212 +.icon-ups:before {
  213 + content: "\e7b9";
  214 +}
  215 +
  216 +.icon-mysqlshujukumgrban:before {
  217 + content: "\e663";
  218 +}
  219 +
  220 +.icon-dianya1:before {
  221 + content: "\e665";
  222 +}
  223 +
  224 +.icon-VMware:before {
  225 + content: "\e843";
  226 +}
  227 +
  228 +.icon-yibiaopan1:before {
  229 + content: "\e664";
  230 +}
  231 +
  232 +.icon-ecsyunfuwuqiECS:before {
  233 + content: "\e667";
  234 +}
  235 +
  236 +.icon-ecsyunfuwuqiECS1:before {
  237 + content: "\e6e8";
  238 +}
  239 +
  240 +.icon-ruqinjiance1:before {
  241 + content: "\e668";
  242 +}
  243 +
  244 +.icon-gongxiangcunchu:before {
  245 + content: "\e754";
  246 +}
  247 +
  248 +.icon-dianliu1:before {
  249 + content: "\e673";
  250 +}
  251 +
  252 +.icon-icon-huaweiyunxuniji:before {
  253 + content: "\e927";
  254 +}
  255 +
  256 +.icon-MySQLshujuku:before {
  257 + content: "\e72a";
  258 +}
  259 +
  260 +.icon-Internet-yunzhuangjiedian:before {
  261 + content: "\e6ac";
  262 +}
  263 +
  264 +.icon-Internet-yunzhuangjiedian1:before {
  265 + content: "\e6b6";
  266 +}
  267 +
  268 +.icon-yangan2:before {
  269 + content: "\e669";
  270 +}
  271 +
  272 +.icon-KAFAKA:before {
  273 + content: "\e801";
  274 +}
  275 +
  276 +.icon-zhongjiqi:before {
  277 + content: "\e6b9";
  278 +}
  279 +
  280 +.icon-wangguan:before {
  281 + content: "\e67a";
  282 +}
  283 +
  284 +.icon-alarm-full:before {
  285 + content: "\e871";
  286 +}
  287 +
  288 +.icon-alarm:before {
  289 + content: "\e872";
  290 +}
  291 +
  292 +.icon-blood-full:before {
  293 + content: "\e918";
  294 +}
  295 +
  296 +.icon-mianxingbaojingdengtubiao:before {
  297 + content: "\e6a3";
  298 +}
  299 +
  300 +.icon-fuwuqi2:before {
  301 + content: "\e98e";
  302 +}
  303 +
  304 +.icon-fenqu:before {
  305 + content: "\e684";
  306 +}
  307 +
  308 +.icon-wenduji2:before {
  309 + content: "\e66a";
  310 +}
  311 +
  312 +.icon-shujukucaozuo-chaxunmysqlshujuku:before {
  313 + content: "\e66b";
  314 +}
  315 +
  316 +.icon-jifang1:before {
  317 + content: "\e66c";
  318 +}
  319 +
  320 +.icon-zhuanyongsuzhuji:before {
  321 + content: "\e66d";
  322 +}
  323 +
  324 +.icon-danxingwangka:before {
  325 + content: "\e66e";
  326 +}
  327 +
  328 +.icon-wuliwangkaduankou:before {
  329 + content: "\e66f";
  330 +}
  331 +
  332 +.icon-wangluoruqinjiance:before {
  333 + content: "\e672";
  334 +}
  335 +
  336 +.icon-qiansuanxudianchizu:before {
  337 + content: "\e674";
  338 +}
  339 +
  340 +.icon-UPS1:before {
  341 + content: "\e676";
  342 +}
  343 +
  344 +.icon-guangyuwangxianlu:before {
  345 + content: "\e678";
  346 +}
  347 +
  348 +.icon-wuliwangka:before {
  349 + content: "\e67f";
  350 +}
  351 +
  352 +.icon-Nginx:before {
  353 + content: "\e683";
  354 +}
  355 +
  356 +.icon-Weblogic:before {
  357 + content: "\e685";
  358 +}
  359 +
  360 +.icon-TOMCAT:before {
  361 + content: "\e687";
  362 +}
  363 +
  364 +.icon-wulifuwuqi1:before {
  365 + content: "\e688";
  366 +}
  367 +
  368 +.icon-VMware1:before {
  369 + content: "\e68b";
  370 +}
  371 +
  372 +.icon-jiqun:before {
  373 + content: "\e68c";
  374 +}
  375 +
  376 +.icon-bianyuanjiaohuanji:before {
  377 + content: "\e770";
  378 +}
  379 +
  380 +.icon-epsdaoru:before {
  381 + content: "\ee23";
  382 +}
  383 +
  384 +.icon-epsdaochu:before {
  385 + content: "\ee24";
  386 +}
  387 +
  388 +.icon-zhongjiqi1:before {
  389 + content: "\e8e0";
  390 +}
  391 +
  392 +.icon-a-ziyuan117:before {
  393 + content: "\e670";
  394 +}
  395 +
  396 +.icon-suzhuji1:before {
  397 + content: "\e671";
  398 +}
  399 +
  400 +.icon-binghaitushi_shuizi:before {
  401 + content: "\e6a5";
  402 +}
  403 +
  404 +.icon-gongxiangcunchu1:before {
  405 + content: "\e677";
  406 +}
  407 +
  408 +.icon-loudiandianliu-xian:before {
  409 + content: "\e7de";
  410 +}
  411 +
  412 +.icon-alarm-full1:before {
  413 + content: "\e679";
  414 +}
  415 +
  416 +.icon-xiaoxingji4:before {
  417 + content: "\e7c3";
  418 +}
  419 +
  420 +.icon-dianliu2:before {
  421 + content: "\e7b0";
  422 +}
  423 +
  424 +.icon-huaweiyun:before {
  425 + content: "\e7ca";
  426 +}
  427 +
  428 +.icon-dianchi:before {
  429 + content: "\e624";
  430 +}
  431 +
  432 +.icon-chongdian:before {
  433 + content: "\e627";
  434 +}
  435 +
  436 +.icon-5:before {
  437 + content: "\e628";
  438 +}
  439 +
  440 +.icon-tomcat:before {
  441 + content: "\e629";
  442 +}
  443 +
  444 +.icon-ids:before {
  445 + content: "\e6db";
  446 +}
  447 +
  448 +.icon-fuzaijunheng:before {
  449 + content: "\e62b";
  450 +}
  451 +
  452 +.icon-xuniips:before {
  453 + content: "\ea5d";
  454 +}
  455 +
  456 +.icon-xuniips1:before {
  457 + content: "\ea67";
  458 +}
  459 +
  460 +.icon-fanghuoqiang37:before {
  461 + content: "\e728";
  462 +}
  463 +
  464 +.icon-vlb:before {
  465 + content: "\e729";
  466 +}
  467 +
  468 +.icon-shouye:before {
  469 + content: "\e636";
  470 +}
  471 +
  472 +.icon-shuizisunshixian:before {
  473 + content: "\e6d6";
  474 +}
  475 +
  476 +.icon-ruqinjiance:before {
  477 + content: "\e65c";
  478 +}
  479 +
  480 +.icon-jiaohuanji:before {
  481 + content: "\e836";
  482 +}
  483 +
  484 +.icon-jingwuicon_svg-:before {
  485 + content: "\e65b";
  486 +}
  487 +
  488 +.icon-tomcat1:before {
  489 + content: "\e62c";
  490 +}
  491 +
  492 +.icon-jiaohuanji1:before {
  493 + content: "\e62f";
  494 +}
  495 +
  496 +.icon-oracleshujuku:before {
  497 + content: "\e630";
  498 +}
  499 +
  500 +.icon-fanghuoqiang:before {
  501 + content: "\e648";
  502 +}
  503 +
  504 +.icon-fuwuqi:before {
  505 + content: "\e631";
  506 +}
  507 +
  508 +.icon-fuwuqi1:before {
  509 + content: "\e632";
  510 +}
  511 +
  512 +.icon-kongtiao:before {
  513 + content: "\e67d";
  514 +}
  515 +
  516 +.icon-yunshujuku:before {
  517 + content: "\e744";
  518 +}
  519 +
  520 +.icon-dianchi1:before {
  521 + content: "\e633";
  522 +}
  523 +
  524 +.icon-Redis:before {
  525 + content: "\e6a2";
  526 +}
  527 +
  528 +.icon-icon-current:before {
  529 + content: "\e634";
  530 +}
  531 +
  532 +.icon-oracleshujuku1:before {
  533 + content: "\e635";
  534 +}
  535 +
  536 +.icon-DNS-xiugai:before {
  537 + content: "\e637";
  538 +}
  539 +
  540 +.icon-wulifuwuqi:before {
  541 + content: "\e6a8";
  542 +}
  543 +
  544 +.icon-dianchi2:before {
  545 + content: "\e638";
  546 +}
  547 +
  548 +.icon-daochu:before {
  549 + content: "\eabf";
  550 +}
  551 +
  552 +.icon-daochu1:before {
  553 + content: "\e623";
  554 +}
  555 +
16 .icon-database:before { 556 .icon-database:before {
17 content: "\e940"; 557 content: "\e940";
18 } 558 }
1 { 1 {
2 "id": "2843738", 2 "id": "2843738",
3 - "name": "文件系统", 3 + "name": "项目常用",
4 "font_family": "iconfont", 4 "font_family": "iconfont",
5 "css_prefix_text": "icon-", 5 "css_prefix_text": "icon-",
6 "description": "", 6 "description": "",
7 "glyphs": [ 7 "glyphs": [
8 { 8 {
  9 + "icon_id": "3868284",
  10 + "name": "仪表盘",
  11 + "font_class": "yibiaopan",
  12 + "unicode": "eb67",
  13 + "unicode_decimal": 60263
  14 + },
  15 + {
  16 + "icon_id": "3876341",
  17 + "name": "nginx",
  18 + "font_class": "nginx",
  19 + "unicode": "e63e",
  20 + "unicode_decimal": 58942
  21 + },
  22 + {
  23 + "icon_id": "3988202",
  24 + "name": "电流",
  25 + "font_class": "dianya",
  26 + "unicode": "e639",
  27 + "unicode_decimal": 58937
  28 + },
  29 + {
  30 + "icon_id": "4074467",
  31 + "name": "数据接口",
  32 + "font_class": "shujujiekou",
  33 + "unicode": "e641",
  34 + "unicode_decimal": 58945
  35 + },
  36 + {
  37 + "icon_id": "4134729",
  38 + "name": "蓄电池组",
  39 + "font_class": "xudianchizu",
  40 + "unicode": "e7df",
  41 + "unicode_decimal": 59359
  42 + },
  43 + {
  44 + "icon_id": "4157533",
  45 + "name": "tomcat",
  46 + "font_class": "tomcat2",
  47 + "unicode": "e63a",
  48 + "unicode_decimal": 58938
  49 + },
  50 + {
  51 + "icon_id": "4210626",
  52 + "name": "小型机",
  53 + "font_class": "xiaoxingji",
  54 + "unicode": "e63b",
  55 + "unicode_decimal": 58939
  56 + },
  57 + {
  58 + "icon_id": "4516188",
  59 + "name": "电压表",
  60 + "font_class": "dianyabiao",
  61 + "unicode": "e658",
  62 + "unicode_decimal": 58968
  63 + },
  64 + {
  65 + "icon_id": "4675007",
  66 + "name": "宿主机",
  67 + "font_class": "suzhuji",
  68 + "unicode": "e63f",
  69 + "unicode_decimal": 58943
  70 + },
  71 + {
  72 + "icon_id": "4762919",
  73 + "name": "空调",
  74 + "font_class": "kongtiao1",
  75 + "unicode": "e90d",
  76 + "unicode_decimal": 59661
  77 + },
  78 + {
  79 + "icon_id": "5149545",
  80 + "name": "开关",
  81 + "font_class": "kaiguan",
  82 + "unicode": "e642",
  83 + "unicode_decimal": 58946
  84 + },
  85 + {
  86 + "icon_id": "5206180",
  87 + "name": "温度计",
  88 + "font_class": "wenduji",
  89 + "unicode": "e643",
  90 + "unicode_decimal": 58947
  91 + },
  92 + {
  93 + "icon_id": "5387534",
  94 + "name": "开关",
  95 + "font_class": "kaiguan1",
  96 + "unicode": "eaf7",
  97 + "unicode_decimal": 60151
  98 + },
  99 + {
  100 + "icon_id": "5482494",
  101 + "name": "雪花",
  102 + "font_class": "xuehua",
  103 + "unicode": "e644",
  104 + "unicode_decimal": 58948
  105 + },
  106 + {
  107 + "icon_id": "5627975",
  108 + "name": "阿里云",
  109 + "font_class": "aliyun",
  110 + "unicode": "e6aa",
  111 + "unicode_decimal": 59050
  112 + },
  113 + {
  114 + "icon_id": "5643626",
  115 + "name": "空调",
  116 + "font_class": "kongtiao2",
  117 + "unicode": "e645",
  118 + "unicode_decimal": 58949
  119 + },
  120 + {
  121 + "icon_id": "5982854",
  122 + "name": "开关",
  123 + "font_class": "kaiguan2",
  124 + "unicode": "ec76",
  125 + "unicode_decimal": 60534
  126 + },
  127 + {
  128 + "icon_id": "6081119",
  129 + "name": "电池组",
  130 + "font_class": "dianchizu",
  131 + "unicode": "e647",
  132 + "unicode_decimal": 58951
  133 + },
  134 + {
  135 + "icon_id": "6119849",
  136 + "name": "电池组",
  137 + "font_class": "dianchizu1",
  138 + "unicode": "e646",
  139 + "unicode_decimal": 58950
  140 + },
  141 + {
  142 + "icon_id": "6161302",
  143 + "name": "CAD设置",
  144 + "font_class": "CADshezhi",
  145 + "unicode": "e649",
  146 + "unicode_decimal": 58953
  147 + },
  148 + {
  149 + "icon_id": "6233077",
  150 + "name": "EPS图标",
  151 + "font_class": "EPStubiao",
  152 + "unicode": "e64a",
  153 + "unicode_decimal": 58954
  154 + },
  155 + {
  156 + "icon_id": "6743388",
  157 + "name": "webLogic",
  158 + "font_class": "webLogic",
  159 + "unicode": "e73a",
  160 + "unicode_decimal": 59194
  161 + },
  162 + {
  163 + "icon_id": "6985257",
  164 + "name": "小型机",
  165 + "font_class": "xiaoxingji1",
  166 + "unicode": "e65a",
  167 + "unicode_decimal": 58970
  168 + },
  169 + {
  170 + "icon_id": "7123776",
  171 + "name": "温度计",
  172 + "font_class": "wenduji1",
  173 + "unicode": "e64b",
  174 + "unicode_decimal": 58955
  175 + },
  176 + {
  177 + "icon_id": "7330539",
  178 + "name": "广域网",
  179 + "font_class": "guangyuwang",
  180 + "unicode": "e64c",
  181 + "unicode_decimal": 58956
  182 + },
  183 + {
  184 + "icon_id": "7339807",
  185 + "name": "网关设置",
  186 + "font_class": "wangguanshezhi",
  187 + "unicode": "e69f",
  188 + "unicode_decimal": 59039
  189 + },
  190 + {
  191 + "icon_id": "7483559",
  192 + "name": "san交换机",
  193 + "font_class": "sanjiaohuanji",
  194 + "unicode": "e64d",
  195 + "unicode_decimal": 58957
  196 + },
  197 + {
  198 + "icon_id": "7556317",
  199 + "name": "Redis",
  200 + "font_class": "Redis1",
  201 + "unicode": "e64e",
  202 + "unicode_decimal": 58958
  203 + },
  204 + {
  205 + "icon_id": "7677924",
  206 + "name": "电池",
  207 + "font_class": "dianchi3",
  208 + "unicode": "e64f",
  209 + "unicode_decimal": 58959
  210 + },
  211 + {
  212 + "icon_id": "7986294",
  213 + "name": "小型机",
  214 + "font_class": "xiaoxingji2",
  215 + "unicode": "e734",
  216 + "unicode_decimal": 59188
  217 + },
  218 + {
  219 + "icon_id": "7986486",
  220 + "name": "小型机服务器",
  221 + "font_class": "xiaoxingji3",
  222 + "unicode": "e749",
  223 + "unicode_decimal": 59209
  224 + },
  225 + {
  226 + "icon_id": "8299126",
  227 + "name": "dns",
  228 + "font_class": "dns",
  229 + "unicode": "e650",
  230 + "unicode_decimal": 58960
  231 + },
  232 + {
  233 + "icon_id": "8728353",
  234 + "name": "烟感",
  235 + "font_class": "yangan",
  236 + "unicode": "e651",
  237 + "unicode_decimal": 58961
  238 + },
  239 + {
  240 + "icon_id": "8765123",
  241 + "name": "数据库",
  242 + "font_class": "shujuku",
  243 + "unicode": "e652",
  244 + "unicode_decimal": 58962
  245 + },
  246 + {
  247 + "icon_id": "8936807",
  248 + "name": "雪花",
  249 + "font_class": "xuehua1",
  250 + "unicode": "e653",
  251 + "unicode_decimal": 58963
  252 + },
  253 + {
  254 + "icon_id": "8974305",
  255 + "name": "空调",
  256 + "font_class": "kongtiao3",
  257 + "unicode": "e655",
  258 + "unicode_decimal": 58965
  259 + },
  260 + {
  261 + "icon_id": "10063123",
  262 + "name": "机房",
  263 + "font_class": "jifang",
  264 + "unicode": "e6ca",
  265 + "unicode_decimal": 59082
  266 + },
  267 + {
  268 + "icon_id": "10135217",
  269 + "name": "eps",
  270 + "font_class": "eps",
  271 + "unicode": "e8ae",
  272 + "unicode_decimal": 59566
  273 + },
  274 + {
  275 + "icon_id": "10570352",
  276 + "name": "sharpicons_snowflake",
  277 + "font_class": "sharpicons_snowflake",
  278 + "unicode": "e7c4",
  279 + "unicode_decimal": 59332
  280 + },
  281 + {
  282 + "icon_id": "11272443",
  283 + "name": "SAN交换机",
  284 + "font_class": "SANjiaohuanji",
  285 + "unicode": "e656",
  286 + "unicode_decimal": 58966
  287 + },
  288 + {
  289 + "icon_id": "11464294",
  290 + "name": "电池",
  291 + "font_class": "dianchi4",
  292 + "unicode": "e659",
  293 + "unicode_decimal": 58969
  294 + },
  295 + {
  296 + "icon_id": "11464297",
  297 + "name": "电压表",
  298 + "font_class": "dianyabiao1",
  299 + "unicode": "e65f",
  300 + "unicode_decimal": 58975
  301 + },
  302 + {
  303 + "icon_id": "11680334",
  304 + "name": "电池组",
  305 + "font_class": "dianchizu2",
  306 + "unicode": "e82b",
  307 + "unicode_decimal": 59435
  308 + },
  309 + {
  310 + "icon_id": "11740740",
  311 + "name": "横版-华为云-全部",
  312 + "font_class": "hengban-huaweiyun-quanbu",
  313 + "unicode": "e6c9",
  314 + "unicode_decimal": 59081
  315 + },
  316 + {
  317 + "icon_id": "11758212",
  318 + "name": "UPS",
  319 + "font_class": "UPS",
  320 + "unicode": "e661",
  321 + "unicode_decimal": 58977
  322 + },
  323 + {
  324 + "icon_id": "11806568",
  325 + "name": "烟感",
  326 + "font_class": "yangan1",
  327 + "unicode": "e67e",
  328 + "unicode_decimal": 59006
  329 + },
  330 + {
  331 + "icon_id": "11810507",
  332 + "name": "电流",
  333 + "font_class": "dianliu",
  334 + "unicode": "e68a",
  335 + "unicode_decimal": 59018
  336 + },
  337 + {
  338 + "icon_id": "11855583",
  339 + "name": "电池 - 无",
  340 + "font_class": "dianchi-wu",
  341 + "unicode": "e662",
  342 + "unicode_decimal": 58978
  343 + },
  344 + {
  345 + "icon_id": "11983180",
  346 + "name": "ecs云服务器",
  347 + "font_class": "ecsyunfuwuqi",
  348 + "unicode": "e666",
  349 + "unicode_decimal": 58982
  350 + },
  351 + {
  352 + "icon_id": "11993570",
  353 + "name": "ups",
  354 + "font_class": "ups",
  355 + "unicode": "e7b9",
  356 + "unicode_decimal": 59321
  357 + },
  358 + {
  359 + "icon_id": "12111690",
  360 + "name": "mysql数据库(mgr版)",
  361 + "font_class": "mysqlshujukumgrban",
  362 + "unicode": "e663",
  363 + "unicode_decimal": 58979
  364 + },
  365 + {
  366 + "icon_id": "12331657",
  367 + "name": "电压",
  368 + "font_class": "dianya1",
  369 + "unicode": "e665",
  370 + "unicode_decimal": 58981
  371 + },
  372 + {
  373 + "icon_id": "12512978",
  374 + "name": "VMware",
  375 + "font_class": "VMware",
  376 + "unicode": "e843",
  377 + "unicode_decimal": 59459
  378 + },
  379 + {
  380 + "icon_id": "12717498",
  381 + "name": "仪表盘",
  382 + "font_class": "yibiaopan1",
  383 + "unicode": "e664",
  384 + "unicode_decimal": 58980
  385 + },
  386 + {
  387 + "icon_id": "13533294",
  388 + "name": "ecs 云服务器ECS",
  389 + "font_class": "ecsyunfuwuqiECS",
  390 + "unicode": "e667",
  391 + "unicode_decimal": 58983
  392 + },
  393 + {
  394 + "icon_id": "13592668",
  395 + "name": "ecs 云服务器ECS",
  396 + "font_class": "ecsyunfuwuqiECS1",
  397 + "unicode": "e6e8",
  398 + "unicode_decimal": 59112
  399 + },
  400 + {
  401 + "icon_id": "13938211",
  402 + "name": "入侵检测",
  403 + "font_class": "ruqinjiance1",
  404 + "unicode": "e668",
  405 + "unicode_decimal": 58984
  406 + },
  407 + {
  408 + "icon_id": "14158394",
  409 + "name": "共享存储",
  410 + "font_class": "gongxiangcunchu",
  411 + "unicode": "e754",
  412 + "unicode_decimal": 59220
  413 + },
  414 + {
  415 + "icon_id": "14301846",
  416 + "name": "电流",
  417 + "font_class": "dianliu1",
  418 + "unicode": "e673",
  419 + "unicode_decimal": 58995
  420 + },
  421 + {
  422 + "icon_id": "14842696",
  423 + "name": "icon-华为云虚拟机",
  424 + "font_class": "icon-huaweiyunxuniji",
  425 + "unicode": "e927",
  426 + "unicode_decimal": 59687
  427 + },
  428 + {
  429 + "icon_id": "15420776",
  430 + "name": "MySQL数据库",
  431 + "font_class": "MySQLshujuku",
  432 + "unicode": "e72a",
  433 + "unicode_decimal": 59178
  434 + },
  435 + {
  436 + "icon_id": "15741703",
  437 + "name": "Internet-云状节点",
  438 + "font_class": "Internet-yunzhuangjiedian",
  439 + "unicode": "e6ac",
  440 + "unicode_decimal": 59052
  441 + },
  442 + {
  443 + "icon_id": "15742670",
  444 + "name": "Internet-云状节点",
  445 + "font_class": "Internet-yunzhuangjiedian1",
  446 + "unicode": "e6b6",
  447 + "unicode_decimal": 59062
  448 + },
  449 + {
  450 + "icon_id": "16554784",
  451 + "name": "烟感",
  452 + "font_class": "yangan2",
  453 + "unicode": "e669",
  454 + "unicode_decimal": 58985
  455 + },
  456 + {
  457 + "icon_id": "16616576",
  458 + "name": "KAFAKA",
  459 + "font_class": "KAFAKA",
  460 + "unicode": "e801",
  461 + "unicode_decimal": 59393
  462 + },
  463 + {
  464 + "icon_id": "16994042",
  465 + "name": "中继器",
  466 + "font_class": "zhongjiqi",
  467 + "unicode": "e6b9",
  468 + "unicode_decimal": 59065
  469 + },
  470 + {
  471 + "icon_id": "17566736",
  472 + "name": "网关",
  473 + "font_class": "wangguan",
  474 + "unicode": "e67a",
  475 + "unicode_decimal": 59002
  476 + },
  477 + {
  478 + "icon_id": "18164959",
  479 + "name": "报警,警报,报警灯,危险",
  480 + "font_class": "alarm-full",
  481 + "unicode": "e871",
  482 + "unicode_decimal": 59505
  483 + },
  484 + {
  485 + "icon_id": "18164960",
  486 + "name": "报警,警报,报警灯,危险",
  487 + "font_class": "alarm",
  488 + "unicode": "e872",
  489 + "unicode_decimal": 59506
  490 + },
  491 + {
  492 + "icon_id": "18169496",
  493 + "name": "血,血液,水,水滴",
  494 + "font_class": "blood-full",
  495 + "unicode": "e918",
  496 + "unicode_decimal": 59672
  497 + },
  498 + {
  499 + "icon_id": "18261773",
  500 + "name": "面性报警灯图标",
  501 + "font_class": "mianxingbaojingdengtubiao",
  502 + "unicode": "e6a3",
  503 + "unicode_decimal": 59043
  504 + },
  505 + {
  506 + "icon_id": "18267916",
  507 + "name": "服务器",
  508 + "font_class": "fuwuqi2",
  509 + "unicode": "e98e",
  510 + "unicode_decimal": 59790
  511 + },
  512 + {
  513 + "icon_id": "19318801",
  514 + "name": "分区",
  515 + "font_class": "fenqu",
  516 + "unicode": "e684",
  517 + "unicode_decimal": 59012
  518 + },
  519 + {
  520 + "icon_id": "19378052",
  521 + "name": "温度计",
  522 + "font_class": "wenduji2",
  523 + "unicode": "e66a",
  524 + "unicode_decimal": 58986
  525 + },
  526 + {
  527 + "icon_id": "19813990",
  528 + "name": "数据库操作-查询mysql数据库",
  529 + "font_class": "shujukucaozuo-chaxunmysqlshujuku",
  530 + "unicode": "e66b",
  531 + "unicode_decimal": 58987
  532 + },
  533 + {
  534 + "icon_id": "20999170",
  535 + "name": "机房",
  536 + "font_class": "jifang1",
  537 + "unicode": "e66c",
  538 + "unicode_decimal": 58988
  539 + },
  540 + {
  541 + "icon_id": "21053589",
  542 + "name": "专用宿主机",
  543 + "font_class": "zhuanyongsuzhuji",
  544 + "unicode": "e66d",
  545 + "unicode_decimal": 58989
  546 + },
  547 + {
  548 + "icon_id": "21053595",
  549 + "name": "弹性网卡",
  550 + "font_class": "danxingwangka",
  551 + "unicode": "e66e",
  552 + "unicode_decimal": 58990
  553 + },
  554 + {
  555 + "icon_id": "21053648",
  556 + "name": "物理网卡端口",
  557 + "font_class": "wuliwangkaduankou",
  558 + "unicode": "e66f",
  559 + "unicode_decimal": 58991
  560 + },
  561 + {
  562 + "icon_id": "21053660",
  563 + "name": "网络入侵检测",
  564 + "font_class": "wangluoruqinjiance",
  565 + "unicode": "e672",
  566 + "unicode_decimal": 58994
  567 + },
  568 + {
  569 + "icon_id": "21053673",
  570 + "name": "铅酸蓄电池组",
  571 + "font_class": "qiansuanxudianchizu",
  572 + "unicode": "e674",
  573 + "unicode_decimal": 58996
  574 + },
  575 + {
  576 + "icon_id": "21053692",
  577 + "name": "UPS",
  578 + "font_class": "UPS1",
  579 + "unicode": "e676",
  580 + "unicode_decimal": 58998
  581 + },
  582 + {
  583 + "icon_id": "21053714",
  584 + "name": "广域网线路",
  585 + "font_class": "guangyuwangxianlu",
  586 + "unicode": "e678",
  587 + "unicode_decimal": 59000
  588 + },
  589 + {
  590 + "icon_id": "21053761",
  591 + "name": "物理网卡",
  592 + "font_class": "wuliwangka",
  593 + "unicode": "e67f",
  594 + "unicode_decimal": 59007
  595 + },
  596 + {
  597 + "icon_id": "21053782",
  598 + "name": "Nginx",
  599 + "font_class": "Nginx",
  600 + "unicode": "e683",
  601 + "unicode_decimal": 59011
  602 + },
  603 + {
  604 + "icon_id": "21053785",
  605 + "name": "Weblogic",
  606 + "font_class": "Weblogic",
  607 + "unicode": "e685",
  608 + "unicode_decimal": 59013
  609 + },
  610 + {
  611 + "icon_id": "21053789",
  612 + "name": "TOMCAT",
  613 + "font_class": "TOMCAT",
  614 + "unicode": "e687",
  615 + "unicode_decimal": 59015
  616 + },
  617 + {
  618 + "icon_id": "21053794",
  619 + "name": "物理服务器",
  620 + "font_class": "wulifuwuqi1",
  621 + "unicode": "e688",
  622 + "unicode_decimal": 59016
  623 + },
  624 + {
  625 + "icon_id": "21053837",
  626 + "name": "VMware",
  627 + "font_class": "VMware1",
  628 + "unicode": "e68b",
  629 + "unicode_decimal": 59019
  630 + },
  631 + {
  632 + "icon_id": "21053839",
  633 + "name": "集群",
  634 + "font_class": "jiqun",
  635 + "unicode": "e68c",
  636 + "unicode_decimal": 59020
  637 + },
  638 + {
  639 + "icon_id": "22155948",
  640 + "name": "边缘交换机",
  641 + "font_class": "bianyuanjiaohuanji",
  642 + "unicode": "e770",
  643 + "unicode_decimal": 59248
  644 + },
  645 + {
  646 + "icon_id": "22385737",
  647 + "name": "eps导入",
  648 + "font_class": "epsdaoru",
  649 + "unicode": "ee23",
  650 + "unicode_decimal": 60963
  651 + },
  652 + {
  653 + "icon_id": "22385758",
  654 + "name": "eps导出",
  655 + "font_class": "epsdaochu",
  656 + "unicode": "ee24",
  657 + "unicode_decimal": 60964
  658 + },
  659 + {
  660 + "icon_id": "23492323",
  661 + "name": "中继器",
  662 + "font_class": "zhongjiqi1",
  663 + "unicode": "e8e0",
  664 + "unicode_decimal": 59616
  665 + },
  666 + {
  667 + "icon_id": "24818745",
  668 + "name": "Tomcat",
  669 + "font_class": "a-ziyuan117",
  670 + "unicode": "e670",
  671 + "unicode_decimal": 58992
  672 + },
  673 + {
  674 + "icon_id": "25269587",
  675 + "name": "宿主机",
  676 + "font_class": "suzhuji1",
  677 + "unicode": "e671",
  678 + "unicode_decimal": 58993
  679 + },
  680 + {
  681 + "icon_id": "25433477",
  682 + "name": "病害图示_水渍",
  683 + "font_class": "binghaitushi_shuizi",
  684 + "unicode": "e6a5",
  685 + "unicode_decimal": 59045
  686 + },
  687 + {
  688 + "icon_id": "25598328",
  689 + "name": "共享存储",
  690 + "font_class": "gongxiangcunchu1",
  691 + "unicode": "e677",
  692 + "unicode_decimal": 58999
  693 + },
  694 + {
  695 + "icon_id": "25742484",
  696 + "name": "漏电电流-线",
  697 + "font_class": "loudiandianliu-xian",
  698 + "unicode": "e7de",
  699 + "unicode_decimal": 59358
  700 + },
  701 + {
  702 + "icon_id": "26088265",
  703 + "name": "报警,警报,报警灯,危险",
  704 + "font_class": "alarm-full1",
  705 + "unicode": "e679",
  706 + "unicode_decimal": 59001
  707 + },
  708 + {
  709 + "icon_id": "26155876",
  710 + "name": "小型机",
  711 + "font_class": "xiaoxingji4",
  712 + "unicode": "e7c3",
  713 + "unicode_decimal": 59331
  714 + },
  715 + {
  716 + "icon_id": "26204574",
  717 + "name": "电流",
  718 + "font_class": "dianliu2",
  719 + "unicode": "e7b0",
  720 + "unicode_decimal": 59312
  721 + },
  722 + {
  723 + "icon_id": "26254469",
  724 + "name": "华为云",
  725 + "font_class": "huaweiyun",
  726 + "unicode": "e7ca",
  727 + "unicode_decimal": 59338
  728 + },
  729 + {
  730 + "icon_id": "1093",
  731 + "name": "电池",
  732 + "font_class": "dianchi",
  733 + "unicode": "e624",
  734 + "unicode_decimal": 58916
  735 + },
  736 + {
  737 + "icon_id": "1376",
  738 + "name": "充电",
  739 + "font_class": "chongdian",
  740 + "unicode": "e627",
  741 + "unicode_decimal": 58919
  742 + },
  743 + {
  744 + "icon_id": "316072",
  745 + "name": "water",
  746 + "font_class": "5",
  747 + "unicode": "e628",
  748 + "unicode_decimal": 58920
  749 + },
  750 + {
  751 + "icon_id": "435277",
  752 + "name": "tomcat",
  753 + "font_class": "tomcat",
  754 + "unicode": "e629",
  755 + "unicode_decimal": 58921
  756 + },
  757 + {
  758 + "icon_id": "588647",
  759 + "name": "ids",
  760 + "font_class": "ids",
  761 + "unicode": "e6db",
  762 + "unicode_decimal": 59099
  763 + },
  764 + {
  765 + "icon_id": "705335",
  766 + "name": "负载均衡",
  767 + "font_class": "fuzaijunheng",
  768 + "unicode": "e62b",
  769 + "unicode_decimal": 58923
  770 + },
  771 + {
  772 + "icon_id": "741753",
  773 + "name": "虚拟IPS",
  774 + "font_class": "xuniips",
  775 + "unicode": "ea5d",
  776 + "unicode_decimal": 59997
  777 + },
  778 + {
  779 + "icon_id": "742131",
  780 + "name": "虚拟IPS",
  781 + "font_class": "xuniips1",
  782 + "unicode": "ea67",
  783 + "unicode_decimal": 60007
  784 + },
  785 + {
  786 + "icon_id": "763151",
  787 + "name": "防火墙",
  788 + "font_class": "fanghuoqiang37",
  789 + "unicode": "e728",
  790 + "unicode_decimal": 59176
  791 + },
  792 + {
  793 + "icon_id": "763152",
  794 + "name": "弹性负载均衡",
  795 + "font_class": "vlb",
  796 + "unicode": "e729",
  797 + "unicode_decimal": 59177
  798 + },
  799 + {
  800 + "icon_id": "765778",
  801 + "name": "血糖",
  802 + "font_class": "shouye",
  803 + "unicode": "e636",
  804 + "unicode_decimal": 58934
  805 + },
  806 + {
  807 + "icon_id": "822307",
  808 + "name": "水渍损失险",
  809 + "font_class": "shuizisunshixian",
  810 + "unicode": "e6d6",
  811 + "unicode_decimal": 59094
  812 + },
  813 + {
  814 + "icon_id": "849430",
  815 + "name": "入侵检测",
  816 + "font_class": "ruqinjiance",
  817 + "unicode": "e65c",
  818 + "unicode_decimal": 58972
  819 + },
  820 + {
  821 + "icon_id": "1415509",
  822 + "name": "交换机",
  823 + "font_class": "jiaohuanji",
  824 + "unicode": "e836",
  825 + "unicode_decimal": 59446
  826 + },
  827 + {
  828 + "icon_id": "1909038",
  829 + "name": "警报",
  830 + "font_class": "jingwuicon_svg-",
  831 + "unicode": "e65b",
  832 + "unicode_decimal": 58971
  833 + },
  834 + {
  835 + "icon_id": "1994758",
  836 + "name": "tomcat",
  837 + "font_class": "tomcat1",
  838 + "unicode": "e62c",
  839 + "unicode_decimal": 58924
  840 + },
  841 + {
  842 + "icon_id": "2045793",
  843 + "name": "交换机",
  844 + "font_class": "jiaohuanji1",
  845 + "unicode": "e62f",
  846 + "unicode_decimal": 58927
  847 + },
  848 + {
  849 + "icon_id": "2061691",
  850 + "name": "oracle数据库",
  851 + "font_class": "oracleshujuku",
  852 + "unicode": "e630",
  853 + "unicode_decimal": 58928
  854 + },
  855 + {
  856 + "icon_id": "2080056",
  857 + "name": "防火墙",
  858 + "font_class": "fanghuoqiang",
  859 + "unicode": "e648",
  860 + "unicode_decimal": 58952
  861 + },
  862 + {
  863 + "icon_id": "2268414",
  864 + "name": "服务器",
  865 + "font_class": "fuwuqi",
  866 + "unicode": "e631",
  867 + "unicode_decimal": 58929
  868 + },
  869 + {
  870 + "icon_id": "2269861",
  871 + "name": "服务器",
  872 + "font_class": "fuwuqi1",
  873 + "unicode": "e632",
  874 + "unicode_decimal": 58930
  875 + },
  876 + {
  877 + "icon_id": "2271248",
  878 + "name": "空调",
  879 + "font_class": "kongtiao",
  880 + "unicode": "e67d",
  881 + "unicode_decimal": 59005
  882 + },
  883 + {
  884 + "icon_id": "2611804",
  885 + "name": "云数据库",
  886 + "font_class": "yunshujuku",
  887 + "unicode": "e744",
  888 + "unicode_decimal": 59204
  889 + },
  890 + {
  891 + "icon_id": "3102725",
  892 + "name": "电池",
  893 + "font_class": "dianchi1",
  894 + "unicode": "e633",
  895 + "unicode_decimal": 58931
  896 + },
  897 + {
  898 + "icon_id": "3172491",
  899 + "name": "Redis",
  900 + "font_class": "Redis",
  901 + "unicode": "e6a2",
  902 + "unicode_decimal": 59042
  903 + },
  904 + {
  905 + "icon_id": "3207730",
  906 + "name": "电流",
  907 + "font_class": "icon-current",
  908 + "unicode": "e634",
  909 + "unicode_decimal": 58932
  910 + },
  911 + {
  912 + "icon_id": "3234690",
  913 + "name": "oracle数据库",
  914 + "font_class": "oracleshujuku1",
  915 + "unicode": "e635",
  916 + "unicode_decimal": 58933
  917 + },
  918 + {
  919 + "icon_id": "3447389",
  920 + "name": "DNS-修改",
  921 + "font_class": "DNS-xiugai",
  922 + "unicode": "e637",
  923 + "unicode_decimal": 58935
  924 + },
  925 + {
  926 + "icon_id": "3831509",
  927 + "name": "物理服务器",
  928 + "font_class": "wulifuwuqi",
  929 + "unicode": "e6a8",
  930 + "unicode_decimal": 59048
  931 + },
  932 + {
  933 + "icon_id": "3865221",
  934 + "name": "电池",
  935 + "font_class": "dianchi2",
  936 + "unicode": "e638",
  937 + "unicode_decimal": 58936
  938 + },
  939 + {
  940 + "icon_id": "5387381",
  941 + "name": "导出",
  942 + "font_class": "daochu",
  943 + "unicode": "eabf",
  944 + "unicode_decimal": 60095
  945 + },
  946 + {
  947 + "icon_id": "7408261",
  948 + "name": "导出",
  949 + "font_class": "daochu1",
  950 + "unicode": "e623",
  951 + "unicode_decimal": 58915
  952 + },
  953 + {
9 "icon_id": "18169761", 954 "icon_id": "18169761",
10 "name": "数据库,数据", 955 "name": "数据库,数据",
11 "font_class": "database", 956 "font_class": "database",
@@ -234,8 +234,34 @@ global.openDetail = (resId, resType, proxy) => { @@ -234,8 +234,34 @@ global.openDetail = (resId, resType, proxy) => {
234 lyaui.commonCols.detailPage(resId, resType, editFlag, provider, name, ip, resTypeName, adminName, manageIp, collProtocol); 234 lyaui.commonCols.detailPage(resId, resType, editFlag, provider, name, ip, resTypeName, adminName, manageIp, collProtocol);
235 } 235 }
236 }); 236 });
  237 +}
237 238
238 - 239 +/**
  240 + * 打开报表
  241 + * <p>
  242 + * 作者： Wang
  243 + * 时间：2021/12/14 21:08
  244 + * @param code 报表code
  245 + * @param parans map参数 key：参数key value：参数值
  246 + */
  247 +global.openReport = (code, parans) =>{
  248 +
  249 + let arr =[];
  250 + if(Object.keys(parans).length > 0){
  251 + for (const key in parans) {
  252 + let val = parans[key];
  253 + if(!val){
  254 + val = '';
  255 + }
  256 + arr.push(`${key}=${val}`);
  257 + }
  258 + }
  259 + // 报表URL
  260 + var url = sessionStorage.getItem('jimuReport') + `/page/${code}?access_token=${localStorage.getItem('access_token')}`;
  261 + if(arr.length > 0){
  262 + url += "&" + arr.join('&')
  263 + }
  264 + global.openBlankWindow(url);
239 } 265 }
240 266
241 /** 267 /**
@@ -395,6 +395,35 @@ @@ -395,6 +395,35 @@
395 flex-wrap: nowrap; 395 flex-wrap: nowrap;
396 align-items: center; 396 align-items: center;
397 } 397 }
  398 +.scrollbar{
  399 +
  400 +}
  401 +.scrollbar::-webkit-scrollbar {
  402 + /*滚动条整体样式*/
  403 + width : 10px; /*高宽分别对应横竖滚动条的尺寸*/
  404 + height: 1px;
  405 +}
  406 +.scrollbar::-webkit-scrollbar-thumb {
  407 + /*滚动条里面小方块*/
  408 + border-radius : 10px;
  409 + background-color: skyblue;
  410 + background-image: -webkit-linear-gradient(
  411 + 45deg,
  412 + rgba(255, 255, 255, 0.2) 25%,
  413 + transparent 25%,
  414 + transparent 50%,
  415 + rgba(255, 255, 255, 0.2) 50%,
  416 + rgba(255, 255, 255, 0.2) 75%,
  417 + transparent 75%,
  418 + transparent
  419 + );
  420 +}
  421 +.scrollbar::-webkit-scrollbar-track {
  422 + /*滚动条里面轨道*/
  423 + box-shadow : inset 0 0 5px rgba(0, 0, 0, 0.2);
  424 + background : #ededed;
  425 + border-radius: 10px;
  426 +}
398 427
399 .layout2 .right-item .text div { 428 .layout2 .right-item .text div {
400 margin-left: 5px; 429 margin-left: 5px;
  1 +<div>
  2 + <!--<el-steps :space="'20%'" :active="1" simple>
  3 + <el-step title="数据库" v-for="i in 3">
  4 + <template #icon>
  5 + &lt;!&ndash;<img src="/src/style/img/restypeimg/DATABASE_REDIS.png" />&ndash;&gt;
  6 + <i class="iconfont icon-database" />
  7 + </template>
  8 + </el-step>
  9 + </el-steps>-->
  10 +
  11 +
  12 + <el-steps :active="3" align-center>
  13 + <el-step title="Step 1" description="Some description" v-for="i in 3">
  14 + <template #icon>
  15 + <i class="iconfont icon-database" />
  16 + <!--<img src="/src/style/img/restypeimg/DATABASE_REDIS.png" style="background: black;border-radius: 5px;width: 80%;height: 80%;"/>-->
  17 + </template>
  18 + </el-step>
  19 +
  20 + </el-steps>
  21 +</div>
  1 +
  2 +export default {
  3 + name: 'netLinks',
  4 + template: '',
  5 + components: {
  6 +
  7 + },
  8 + data() {
  9 + return {}
  10 + },
  11 + props: {
  12 + faultType:{
  13 + type: String,
  14 + default:'NPM'
  15 + },
  16 + faultNo:{
  17 + type: String,
  18 + default:''
  19 + }
  20 + },
  21 + setup(props, {attrs, slots, emit}) {
  22 + let width = Vue.ref(window.innerWidth*0.8 - 190);
  23 + const {proxy} = Vue.getCurrentInstance();
  24 + let list = Vue.ref([
  25 + {
  26 + content: 'Custom icon',
  27 + timestamp: '2018-04-12 20:46',
  28 + size: 'large',
  29 + type: 'primary',
  30 + },
  31 + {
  32 + content: 'Custom color',
  33 + timestamp: '2018-04-03 20:46',
  34 + color: '#0bbd87',
  35 + },
  36 + {
  37 + content: 'Custom size',
  38 + timestamp: '2018-04-03 20:46',
  39 + size: 'large',
  40 + },
  41 + {
  42 + content: 'Custom hollow',
  43 + timestamp: '2018-04-03 20:46',
  44 + type: 'primary',
  45 + hollow: true,
  46 + },
  47 + {
  48 + content: 'Default node',
  49 + timestamp: '2018-04-03 20:46',
  50 + },
  51 + ]);
  52 +
  53 +
  54 + // 监听编辑状态
  55 + Vue.watch(() => props.faultNo, (newValue, oldVlaue) => {
  56 +
  57 + });
  58 +
  59 + // 挂载完
  60 + Vue.onMounted(() => {
  61 + })
  62 +
  63 + return {
  64 + width,
  65 + list
  66 + }
  67 + }
  68 +}
@@ -15,7 +15,9 @@ @@ -15,7 +15,9 @@
15 </div> 15 </div>
16 <div class="btns"> 16 <div class="btns">
17 <el-form-item> 17 <el-form-item>
18 - <el-button type="primary" @click="getPage">搜索</el-button> 18 + <el-button type="primary" @click="getPage">
  19 + 搜索
  20 + </el-button>
19 </el-form-item> 21 </el-form-item>
20 </div> 22 </div>
21 </div> 23 </div>
@@ -44,15 +46,115 @@ @@ -44,15 +46,115 @@
44 @hidedialog="closeFaultDetailDialog" :showFooter="false"> 46 @hidedialog="closeFaultDetailDialog" :showFooter="false">
45 <template v-slot> 47 <template v-slot>
46 <div style="text-align: left;height:720px;max-height:720px;overflow-y: auto"> 48 <div style="text-align: left;height:720px;max-height:720px;overflow-y: auto">
  49 + <div style="text-align: right;padding-right: 10px">
  50 + <el-button type="text" size="small"
  51 + @click.prevent="$global.openReport('GZZDS',{faultNumber:faultDetailDetailInfo.faultNo})">
  52 + <i class="iconfont iconfont-small icon-icon-rizhi"/> 报表
  53 + </el-button>
  54 + </div>
47 <el-timeline> 55 <el-timeline>
48 - <el-timeline-item v-for="item in faultDetailDetailInfo.items" center :timestamp="item.faultTypeName" placement="top" :color="item.color" :hollow="true"> 56 + <el-timeline-item v-for="item in faultDetailDetailInfo.items" center :timestamp="item.faultTypeName"
  57 + placement="top" :color="item.color" :hollow="true">
49 <el-card> 58 <el-card>
50 - <!-- <result-item :faultType="item.faultType" :faultNo="faultDetailDetailInfo.faultNo"></result-item>-->  
51 - <component v-bind:is="item.components" :faultType="item.faultType" :faultNo="faultDetailDetailInfo.faultNo" /> 59 + <component v-bind:is="item.components" :faultType="item.faultType"
  60 + :faultNo="faultDetailDetailInfo.faultNo"/>
52 </el-card> 61 </el-card>
53 </el-timeline-item> 62 </el-timeline-item>
54 </el-timeline> 63 </el-timeline>
55 </div> 64 </div>
56 </template> 65 </template>
57 </cm-dialog> 66 </cm-dialog>
  67 +
  68 + <!-- 处理弹框 -->
  69 + <cm-dialog title="故障处理" width="60%" :showDialogVisible="handleInfoDialog"
  70 + @hidedialog="showHandelInfoDialog" :showFooter="false">
  71 + <template v-slot>
  72 + <el-form ref="handleForm" :model="handleInfoForm" :rules="handleInfoRules" label-width="120px">
  73 +
  74 + <el-row :gutter="5">
  75 + <el-col :span="12">
  76 + <el-form-item label="故障分类" prop="faulttype">
  77 + <el-input v-model="handleInfoForm.faulttype" :disabled="true"></el-input>
  78 + </el-form-item>
  79 + </el-col>
  80 + <el-col :span="12">
  81 + <el-form-item label="发生时间" prop="createTime">
  82 + <el-input v-model="handleInfoForm.createTime" :disabled="true"></el-input>
  83 + </el-form-item>
  84 + </el-col>
  85 + </el-row>
  86 +
  87 + <el-row :gutter="5">
  88 + <el-col :span="12">
  89 + <el-form-item label="当前状态" prop="faultState">
  90 + <el-input v-model="handleInfoForm.faultState" :disabled="true"></el-input>
  91 + </el-form-item>
  92 + </el-col>
  93 + <el-col :span="12">
  94 + <el-form-item label="持续时长" prop="duration">
  95 + <el-input v-model="handleInfoForm.duration" :disabled="true"></el-input>
  96 + </el-form-item>
  97 + </el-col>
  98 + </el-row>
  99 +
  100 + <el-row :gutter="5">
  101 + <el-col :span="12">
  102 + <el-form-item label="故障主体" prop="faultBody">
  103 + <el-input v-model="handleInfoForm.faultBody" :disabled="true"></el-input>
  104 + </el-form-item>
  105 + </el-col>
  106 + <el-col :span="12">
  107 + <el-form-item label="影响范围" prop="influencescope">
  108 + <el-input v-model="handleInfoForm.influencescope" :disabled="true"></el-input>
  109 + </el-form-item>
  110 + </el-col>
  111 + </el-row>
  112 +
  113 + <el-row :gutter="5">
  114 + <el-col :span="12">
  115 + <el-form-item label="处理结果" prop="solveway">
  116 + <el-radio-group v-model="handleInfoForm.solveway">
  117 + <el-radio label="未解决"></el-radio>
  118 + <el-radio label="已解决"></el-radio>
  119 + </el-radio-group>
  120 + </el-form-item>
  121 + </el-col>
  122 + <el-col :span="12">
  123 + <el-form-item label="处理时间" prop="solvetime">
  124 + <el-date-picker
  125 + v-model="handleInfoForm.solvetime"
  126 + type="datetime"
  127 + format="YYYY/MM/DD HH:mm:ss"
  128 + value-format="YYYY-MM-DD HH:mm:ss"
  129 + placeholder="请选择处理时间"
  130 + style="width: 100%"
  131 + ></el-date-picker>
  132 + </el-form-item>
  133 + </el-col>
  134 + </el-row>
  135 +
  136 + <el-row :gutter="5">
  137 + <el-col :span="24">
  138 + <el-form-item label="原因分析" prop="reason">
  139 + <el-input v-model="handleInfoForm.reason" type="textarea"></el-input>
  140 + </el-form-item>
  141 + </el-col>
  142 + </el-row>
  143 +
  144 +
  145 + <el-row :gutter="5">
  146 + <el-col :span="24">
  147 + <el-form-item label="处理方案" prop="solution">
  148 + <el-input v-model="handleInfoForm.solution" type="textarea"></el-input>
  149 + </el-form-item>
  150 + </el-col>
  151 + </el-row>
  152 +
  153 + <el-form-item>
  154 + <el-button @click="showHandleInfoDialog(false)">取消</el-button>
  155 + <el-button type="primary" @click="saveHandleInfo('handleForm')">保存</el-button>
  156 + </el-form-item>
  157 + </el-form>
  158 + </template>
  159 + </cm-dialog>
58 </div> 160 </div>
  1 +/**
  2 + * 故障信息
  3 + * <p>
  4 + * 作者： Wang
  5 + * 时间：2021/12/14 22:30
  6 + */
1 const faultDetail = () => { 7 const faultDetail = () => {
2 - const { proxy } = Vue.getCurrentInstance(); 8 + const {proxy} = Vue.getCurrentInstance();
3 let showFaultDetailDialog = Vue.ref(false); 9 let showFaultDetailDialog = Vue.ref(false);
4 let faultDetailDialogTitle = Vue.ref(''); 10 let faultDetailDialogTitle = Vue.ref('');
5 let faultDetailDetailInfo = Vue.ref({ 11 let faultDetailDetailInfo = Vue.ref({
6 - faultNo:'',  
7 - items:[{  
8 - faultType:'BASE',  
9 - faultTypeName:'基础',  
10 - components:'result-item',  
11 - color:'#67C23A'  
12 - },{  
13 - faultType:'NETLINK',  
14 - faultTypeName:'网络链路',  
15 - components:'result-item',  
16 - color:'#409EFF'  
17 - },{  
18 - faultType:'NPM',  
19 - faultTypeName:'NPM',  
20 - components:'result-item',  
21 - color:'#E6A23C'  
22 - },{  
23 - faultType:'APM',  
24 - faultTypeName:'APM',  
25 - components:'result-item',  
26 - color:'#F56C6C' 12 + faultNo: '',
  13 + items: [{
  14 + faultType: 'BASE',
  15 + faultTypeName: '基础',
  16 + components: 'result-item',
  17 + color: '#67C23A'
  18 + }, {
  19 + faultType: 'NETLINK',
  20 + faultTypeName: '网络链路',
  21 + components: 'netLinks',
  22 + color: '#409EFF'
  23 + }, {
  24 + faultType: 'NPM',
  25 + faultTypeName: 'NPM',
  26 + components: 'result-item',
  27 + color: '#E6A23C'
  28 + }, {
  29 + faultType: 'APM',
  30 + faultTypeName: 'APM',
  31 + components: 'result-item',
  32 + color: '#F56C6C'
27 }] 33 }]
28 }); 34 });
29 35
@@ -41,14 +47,14 @@ const faultDetail = () => { @@ -41,14 +47,14 @@ const faultDetail = () => {
41 * 设置弹框信息 47 * 设置弹框信息
42 * @param row 48 * @param row
43 */ 49 */
44 - let settingDetail = (row) =>{ 50 + let settingDetail = (row) => {
45 // 设置标题 51 // 设置标题
46 faultDetailDialogTitle.value = `${row.faultBody}诊断报告`; 52 faultDetailDialogTitle.value = `${row.faultBody}诊断报告`;
47 - 53 + // 当前故障编号
48 faultDetailDetailInfo.value.faultNo = row.faultNo; 54 faultDetailDetailInfo.value.faultNo = row.faultNo;
49 -  
50 } 55 }
51 56
  57 +
52 return { 58 return {
53 settingDetail, 59 settingDetail,
54 showFaultDetailDialog, 60 showFaultDetailDialog,
@@ -57,12 +63,126 @@ const faultDetail = () => { @@ -57,12 +63,126 @@ const faultDetail = () => {
57 faultDetailDetailInfo 63 faultDetailDetailInfo
58 } 64 }
59 } 65 }
  66 +
  67 +/**
  68 + * 处理弹框
  69 + * <p>
  70 + * 作者： Wang
  71 + * 时间：2021/12/14 22:29
  72 + */
  73 +const handleInfo = () => {
  74 + const {proxy} = Vue.getCurrentInstance();
  75 + let handleInfoDialog = Vue.ref(false);
  76 + let handleInfoForm = Vue.ref({
  77 + faulttype: '',
  78 + createTime: '',
  79 + faultState: '',
  80 + duration: '',
  81 + faultBody: '',
  82 + influencescope: '',
  83 + solveway: '',
  84 + solvetime: '',
  85 + reason: '',
  86 + solution: ''
  87 + })
  88 +
  89 + let handleInfoRules = Vue.ref({
  90 + solveway: [
  91 + {
  92 + required: true,
  93 + message: '请选择处理结果',
  94 + trigger: 'change',
  95 + },
  96 + ],
  97 + solvetime: [
  98 + {
  99 + type: 'date',
  100 + required: true,
  101 + message: '请选择处理时间',
  102 + trigger: 'change',
  103 + },
  104 + ],
  105 + reason: [
  106 + {
  107 + required: true,
  108 + message: '请填写原因分析',
  109 + trigger: 'blur',
  110 + },
  111 + {
  112 + min: 5,
  113 + max: 100,
  114 + message: '原因分析内容在5到100个字符之间',
  115 + trigger: 'blur',
  116 + }
  117 + ],
  118 + solution: [
  119 + {
  120 + required: true,
  121 + message: '请填写处理方案',
  122 + trigger: 'blur',
  123 + },
  124 + {
  125 + min: 5,
  126 + max: 100,
  127 + message: '处理方案内容在5到100个字符之间',
  128 + trigger: 'blur',
  129 + }
  130 + ]
  131 + })
  132 +
  133 +
  134 + let handleClick = (row, index) => {
  135 + // 点击弹框
  136 + showHandleInfoDialog(true);
  137 + handleInfoForm.value = row;
  138 + //Object.assign(handleInfoForm.value,row);
  139 + }
  140 +
  141 + /**
  142 + * 保存处理结果
  143 + * <p>
  144 + * 作者： Wang
  145 + * 时间：2021/12/14 23:05
  146 + */
  147 + let saveHandleInfo = (key) => {
  148 + proxy.$refs[key].validate((valid) => {
  149 + if (valid) {
  150 + alert('submit!')
  151 + } else {
  152 + console.log('error submit!!')
  153 + return false
  154 + }
  155 + })
  156 + }
  157 +
  158 + /**
  159 + * 关闭弹框
  160 + * <p>
  161 + * 作者： Wang
  162 + * 时间：2021/12/13 20:14
  163 + */
  164 + let showHandleInfoDialog = (flg) => {
  165 + handleInfoDialog.value = flg;
  166 + }
  167 +
  168 + return {
  169 + handleInfoForm,
  170 + handleInfoRules,
  171 + handleClick,
  172 + handleInfoDialog,
  173 + showHandleInfoDialog,
  174 + saveHandleInfo
  175 + }
  176 +}
60 export default { 177 export default {
61 name: 'resIndex', 178 name: 'resIndex',
62 template: '', 179 template: '',
63 components: { 180 components: {
64 - 'result-item':Vue.defineAsyncComponent( 181 + 'result-item': Vue.defineAsyncComponent(
65 () => myImport('components/page/faultDiagnosis/result/item/index') 182 () => myImport('components/page/faultDiagnosis/result/item/index')
  183 + ),
  184 + 'netLinks': Vue.defineAsyncComponent(
  185 + () => myImport('components/page/faultDiagnosis/result/netLinks/index')
66 ) 186 )
67 }, 187 },
68 data() { 188 data() {
@@ -96,6 +216,9 @@ export default { @@ -96,6 +216,9 @@ export default {
96 settingDetail(row); 216 settingDetail(row);
97 } 217 }
98 }, { 218 }, {
  219 + prop: 'faulttype',
  220 + label: '故障分类'
  221 + }, {
99 prop: 'createTime', 222 prop: 'createTime',
100 label: '发生时间' 223 label: '发生时间'
101 }, { 224 }, {
@@ -141,9 +264,6 @@ export default { @@ -141,9 +264,6 @@ export default {
141 }); 264 });
142 } 265 }
143 266
144 - let handleClick = (row, index) => {  
145 -  
146 - }  
147 267
148 /** 268 /**
149 * 分页切换 269 * 分页切换
@@ -166,6 +286,15 @@ export default { @@ -166,6 +286,15 @@ export default {
166 closeFaultDetailDialog 286 closeFaultDetailDialog
167 } = faultDetail(); 287 } = faultDetail();
168 288
  289 + const {
  290 + handleInfoForm,
  291 + handleInfoRules,
  292 + handleClick,
  293 + handleInfoDialog,
  294 + showHandleInfoDialog,
  295 + saveHandleInfo
  296 + } = handleInfo();
  297 +
169 // 挂载完 298 // 挂载完
170 Vue.onMounted(() => { 299 Vue.onMounted(() => {
171 // 初始化加载页面 300 // 初始化加载页面
@@ -178,14 +307,22 @@ export default { @@ -178,14 +307,22 @@ export default {
178 list, 307 list,
179 getPage, 308 getPage,
180 getPageInfo, 309 getPageInfo,
181 - handleClick,  
182 310
183 - // 告警需求弹框 311 + // 告警弹框
184 settingDetail, 312 settingDetail,
185 showFaultDetailDialog, 313 showFaultDetailDialog,
186 faultDetailDialogTitle, 314 faultDetailDialogTitle,
187 faultDetailDetailInfo, 315 faultDetailDetailInfo,
188 - closeFaultDetailDialog 316 + closeFaultDetailDialog,
  317 +
  318 + // 处理弹框
  319 + handleInfoForm,
  320 + handleInfoRules,
  321 + handleClick,
  322 + handleInfoDialog,
  323 + showHandleInfoDialog,
  324 + saveHandleInfo
  325 +
189 } 326 }
190 } 327 }
191 } 328 }
@@ -67,4 +67,86 @@ @@ -67,4 +67,86 @@
67 </div> 67 </div>
68 </template> 68 </template>
69 </cm-dialog> 69 </cm-dialog>
  70 +
  71 + <cm-dialog title="故障处理" width="60%" :showDialogVisible="handleInfoDialog"
  72 + @hidedialog="showHandelInfoDialog" :showFooter="false">
  73 + <template v-slot>
  74 + <el-form ref="handleForm" :model="handleInfoForm" :rules="handleInfoRules" label-width="120px">
  75 +
  76 + <el-row :gutter="5">
  77 + <el-col :span="12">
  78 + <el-form-item label="故障分类" prop="name">
  79 + <el-input v-model="handleInfoForm.name"></el-input>
  80 + </el-form-item>
  81 + </el-col>
  82 + <el-col :span="12">
  83 + <el-form-item label="发生时间" prop="name">
  84 + <el-input v-model="handleInfoForm.name"></el-input>
  85 + </el-form-item>
  86 + </el-col>
  87 + </el-row>
  88 +
  89 + <el-row :gutter="5">
  90 + <el-col :span="12">
  91 + <el-form-item label="当前状态" prop="name">
  92 + <el-input v-model="handleInfoForm.name"></el-input>
  93 + </el-form-item>
  94 + </el-col>
  95 + <el-col :span="12">
  96 + <el-form-item label="持续时长" prop="name">
  97 + <el-input v-model="handleInfoForm.name"></el-input>
  98 + </el-form-item>
  99 + </el-col>
  100 + </el-row>
  101 +
  102 + <el-row :gutter="5">
  103 + <el-col :span="12">
  104 + <el-form-item label="故障主体" prop="name">
  105 + <el-input v-model="handleInfoForm.name"></el-input>
  106 + </el-form-item>
  107 + </el-col>
  108 + <el-col :span="12">
  109 + <el-form-item label="影响范围" prop="name">
  110 + <el-input v-model="handleInfoForm.name"></el-input>
  111 + </el-form-item>
  112 + </el-col>
  113 + </el-row>
  114 +
  115 + <el-row :gutter="5">
  116 + <el-col :span="12">
  117 + <el-form-item label="处理结果" prop="name">
  118 + <el-input v-model="handleInfoForm.name"></el-input>
  119 + </el-form-item>
  120 + </el-col>
  121 + <el-col :span="12">
  122 + <el-form-item label="处理时间" prop="name">
  123 + <el-input v-model="handleInfoForm.name"></el-input>
  124 + </el-form-item>
  125 + </el-col>
  126 + </el-row>
  127 +
  128 + <el-row :gutter="5">
  129 + <el-col :span="24">
  130 + <el-form-item label="原因分析" prop="desc">
  131 + <el-input v-model="handleInfoForm.desc" type="textarea"></el-input>
  132 + </el-form-item>
  133 + </el-col>
  134 + </el-row>
  135 +
  136 +
  137 + <el-row :gutter="5">
  138 + <el-col :span="24">
  139 + <el-form-item label="处理方案" prop="desc">
  140 + <el-input v-model="handleInfoForm.desc" type="textarea"></el-input>
  141 + </el-form-item>
  142 + </el-col>
  143 + </el-row>
  144 +
  145 + <el-form-item>
  146 + <el-button @click="showHandleInfoDialog(false)">取消</el-button>
  147 + <el-button type="primary" @click="saveHandleInfo('handleForm')">保存</el-button>
  148 + </el-form-item>
  149 + </el-form>
  150 + </template>
  151 + </cm-dialog>
70 </div> 152 </div>
  1 +/**
  2 + * 故障信息
  3 + * <p>
  4 + * 作者： Wang
  5 + * 时间：2021/12/14 22:30
  6 + */
1 const faultDetail = () => { 7 const faultDetail = () => {
2 const {proxy} = Vue.getCurrentInstance(); 8 const {proxy} = Vue.getCurrentInstance();
3 let showFaultDetailDialog = Vue.ref(false); 9 let showFaultDetailDialog = Vue.ref(false);
@@ -19,6 +25,131 @@ const faultDetail = () => { @@ -19,6 +25,131 @@ const faultDetail = () => {
19 closeFaultDetailDialog 25 closeFaultDetailDialog
20 } 26 }
21 } 27 }
  28 +
  29 +
  30 +/**
  31 + * 处理弹框
  32 + * <p>
  33 + * 作者： Wang
  34 + * 时间：2021/12/14 22:29
  35 + */
  36 +const handleInfo = () => {
  37 + const {proxy} = Vue.getCurrentInstance();
  38 + let handleInfoDialog = Vue.ref(false);
  39 + let handleInfoForm = Vue.ref({
  40 + name: '',
  41 + region: '',
  42 + date1: '',
  43 + date2: '',
  44 + delivery: false,
  45 + type: [],
  46 + resource: '',
  47 + desc: '',
  48 + })
  49 +
  50 + let handleInfoRules = Vue.ref({
  51 + name: [
  52 + {
  53 + required: true,
  54 + message: 'Please input Activity name',
  55 + trigger: 'blur',
  56 + },
  57 + {
  58 + min: 3,
  59 + max: 5,
  60 + message: 'Length should be 3 to 5',
  61 + trigger: 'blur',
  62 + },
  63 + ],
  64 + region: [
  65 + {
  66 + required: true,
  67 + message: 'Please select Activity zone',
  68 + trigger: 'change',
  69 + },
  70 + ],
  71 + date1: [
  72 + {
  73 + type: 'date',
  74 + required: true,
  75 + message: 'Please pick a date',
  76 + trigger: 'change',
  77 + },
  78 + ],
  79 + date2: [
  80 + {
  81 + type: 'date',
  82 + required: true,
  83 + message: 'Please pick a time',
  84 + trigger: 'change',
  85 + },
  86 + ],
  87 + type: [
  88 + {
  89 + type: 'array',
  90 + required: true,
  91 + message: 'Please select at least one activity type',
  92 + trigger: 'change',
  93 + },
  94 + ],
  95 + resource: [
  96 + {
  97 + required: true,
  98 + message: 'Please select activity resource',
  99 + trigger: 'change',
  100 + },
  101 + ],
  102 + desc: [
  103 + {
  104 + required: true,
  105 + message: 'Please input activity form',
  106 + trigger: 'blur',
  107 + },
  108 + ],
  109 + })
  110 +
  111 +
  112 + let handleClick = (row, index) => {
  113 + // 点击弹框
  114 + showHandleInfoDialog(true);
  115 + }
  116 +
  117 + /**
  118 + * 保存处理结果
  119 + * <p>
  120 + * 作者： Wang
  121 + * 时间：2021/12/14 23:05
  122 + */
  123 + let saveHandleInfo = (key) => {
  124 + proxy.$refs[key].validate((valid) => {
  125 + if (valid) {
  126 + alert('submit!')
  127 + } else {
  128 + console.log('error submit!!')
  129 + return false
  130 + }
  131 + })
  132 + }
  133 +
  134 + /**
  135 + * 关闭弹框
  136 + * <p>
  137 + * 作者： Wang
  138 + * 时间：2021/12/13 20:14
  139 + */
  140 + let showHandleInfoDialog = (flg) => {
  141 + handleInfoDialog.value = flg;
  142 + }
  143 +
  144 + return {
  145 + handleInfoForm,
  146 + handleInfoRules,
  147 + handleClick,
  148 + handleInfoDialog,
  149 + showHandleInfoDialog,
  150 + saveHandleInfo
  151 + }
  152 +}
22 export default { 153 export default {
23 name: 'resIndex', 154 name: 'resIndex',
24 template: '', 155 template: '',
@@ -79,10 +210,6 @@ export default { @@ -79,10 +210,6 @@ export default {
79 }); 210 });
80 } 211 }
81 212
82 - let handleClick = (row, index) => {  
83 -  
84 - }  
85 -  
86 /** 213 /**
87 * 分页切换 214 * 分页切换
88 * <p> 215 * <p>
@@ -103,6 +230,15 @@ export default { @@ -103,6 +230,15 @@ export default {
103 closeFaultDetailDialog 230 closeFaultDetailDialog
104 } = faultDetail(); 231 } = faultDetail();
105 232
  233 + const {
  234 + handleInfoForm,
  235 + handleInfoRules,
  236 + handleClick,
  237 + handleInfoDialog,
  238 + showHandleInfoDialog,
  239 + saveHandleInfo
  240 + } = handleInfo();
  241 +
106 // 挂载完 242 // 挂载完
107 Vue.onMounted(() => { 243 Vue.onMounted(() => {
108 // 初始化加载页面 244 // 初始化加载页面
@@ -115,12 +251,19 @@ export default { @@ -115,12 +251,19 @@ export default {
115 list, 251 list,
116 getPage, 252 getPage,
117 getPageInfo, 253 getPageInfo,
118 - handleClick,  
119 254
120 // 告警需求弹框 255 // 告警需求弹框
121 showFaultDetailDialog, 256 showFaultDetailDialog,
122 faultDetailDialogTitle, 257 faultDetailDialogTitle,
123 - closeFaultDetailDialog 258 + closeFaultDetailDialog,
  259 +
  260 + // 处理按钮点击
  261 + handleInfoForm,
  262 + handleInfoRules,
  263 + handleClick,
  264 + handleInfoDialog,
  265 + showHandleInfoDialog,
  266 + saveHandleInfo
124 } 267 }
125 } 268 }
126 } 269 }
@@ -62,6 +62,7 @@ @@ -62,6 +62,7 @@
62 <div v-if="list.length == 0" class="text"> 62 <div v-if="list.length == 0" class="text">
63 <span>暂无数据</span> 63 <span>暂无数据</span>
64 </div> 64 </div>
  65 + <div class="scrollbar " style="display: flex;flex-wrap: wrap;align-items: center;overflow-y: auto;height: 100%;">
65 <div v-else v-for="d in list" class="text"> 66 <div v-else v-for="d in list" class="text">
66 <div class="dd"></div> 67 <div class="dd"></div>
67 <div class="name">{{d.name}}</div> 68 <div class="name">{{d.name}}</div>
@@ -70,6 +71,7 @@ @@ -70,6 +71,7 @@
70 </div> 71 </div>
71 </div> 72 </div>
72 </div> 73 </div>
  74 + </div>
73 </el-popover> 75 </el-popover>
74 </div> 76 </div>
75 </li> 77 </li>