Authored by 赵鹏军

Merge branch 'wangfeng' into 'master'

Wangfeng



See merge request !1125
1 1
2 body{ 2 body{
3 - /* background-image: url(/vue3/src/assets/images/machineRoom/img-bg-1.png);  
4 - background-size: 100%;*/ 3 + /* background-image: url(/vue3/src/assets/images/machineRoom/img-bg-1.png);
  4 + background-size: 100%;*/
5 5
6 } 6 }
7 li{ 7 li{
@@ -24,12 +24,12 @@ li{ @@ -24,12 +24,12 @@ li{
24 .contain{ 24 .contain{
25 25
26 width:413px; 26 width:413px;
27 - height:710px; 27 + height:808px;
28 /*margin-left:3%;*/ 28 /*margin-left:3%;*/
29 /*margin-top:5%;*/ 29 /*margin-top:5%;*/
30 /* background-color: red; */ 30 /* background-color: red; */
31 - background-image: url(../../src/assets/images/machineRoom/img-no-machine.png);  
32 - background-size: 100% 100%; 31 + background-image: url(/vue3/src/assets/images/machineRoom/img-no-machine.png);
  32 + background-size: 100%;
33 background-repeat: no-repeat; 33 background-repeat: no-repeat;
34 position: relative; 34 position: relative;
35 35
@@ -46,19 +46,20 @@ li{ @@ -46,19 +46,20 @@ li{
46 flex-direction:column; 46 flex-direction:column;
47 align-items: center; 47 align-items: center;
48 /* background-color: red; */ 48 /* background-color: red; */
49 - margin-bottom: 15px; 49 +
50 } 50 }
51 51
52 52
53 .serve{ 53 .serve{
54 - width:315px; 54 + width:382px;
55 height:61px; 55 height:61px;
56 /*margin-left:-3px;*/ 56 /*margin-left:-3px;*/
57 - background-image: url(../../src/assets/images/machineRoom/img-4Uservice.png); 57 + background-image: url(/vue3/src/assets/images/machineRoom/img-4Uservice.png);
58 background-size: 100% 100%; 58 background-size: 100% 100%;
59 background-repeat: no-repeat; 59 background-repeat: no-repeat;
60 - /*position: absolute;*/  
61 - /*bottom: 0;*/ 60 + margin-bottom: 10px;
  61 + position: absolute;
  62 + bottom: 0;
62 } 63 }
63 .serve-4u-1{ 64 .serve-4u-1{
64 bottom: 66px; 65 bottom: 66px;
@@ -106,29 +107,29 @@ li{ @@ -106,29 +107,29 @@ li{
106 bottom: 878px; 107 bottom: 878px;
107 } 108 }
108 .img-serve-1{ 109 .img-serve-1{
109 - background-image: url(../../src/assets/images/machineRoom/img-1Uservice.png); 110 + background-image: url(/vue3/src/assets/images/machineRoom/img-1Uservice.png);
110 height:17px; 111 height:17px;
111 - width: 315px; 112 + width:383px;
112 } 113 }
113 .img-serve-2{ 114 .img-serve-2{
114 - background-image: url(../../src/assets/images/machineRoom/img-2Uservice.png); 115 + background-image: url(/vue3/src/assets/images/machineRoom/img-2Uservice.png);
115 height:34px; 116 height:34px;
116 - width: 315px; 117 + width:383px;
117 } 118 }
118 .img-serve-6{ 119 .img-serve-6{
119 - background-image: url(../../src/assets/images/machineRoom/img-6Uservice.png);  
120 - height: 60px;  
121 - width: 315px; 120 + background-image: url(/vue3/src/assets/images/machineRoom/img-6Uservice.png);
  121 + height:100px;
  122 + width:383px;
122 } 123 }
123 .img-serve-8{ 124 .img-serve-8{
124 - background-image: url(../../src/assets/images/machineRoom/img-8Uservice.png); 125 + background-image: url(/vue3/src/assets/images/machineRoom/img-8Uservice.png);
125 height:127px; 126 height:127px;
126 - width: 315px; 127 + width:383px;
127 } 128 }
128 .img-serve-10{ 129 .img-serve-10{
129 - background-image: url(../../src/assets/images/machineRoom/img-10Uservice.png); 130 + background-image: url(/vue3/src/assets/images/machineRoom/img-10Uservice.png);
130 height:157px; 131 height:157px;
131 - width: 315px; 132 + width:383px;
132 } 133 }
133 .img-serve-1 .img-serve-text{ 134 .img-serve-1 .img-serve-text{
134 font-size: 11px; 135 font-size: 11px;
@@ -217,21 +218,21 @@ li{ @@ -217,21 +218,21 @@ li{
217 display: flex; 218 display: flex;
218 flex-flow: column; 219 flex-flow: column;
219 justify-content: center; 220 justify-content: center;
220 - margin-left:20px; 221 +
221 } 222 }
222 223
223 224
224 .info-top{ 225 .info-top{
225 height:280px; 226 height:280px;
226 /*margin-top:-10px;*/ 227 /*margin-top:-10px;*/
227 - background-image: url(../../src/assets/images/machineRoom/img-machineInfo-bg.png); 228 + background-image: url(/vue3/src/assets/images/machineRoom/img-machineInfo-bg.png);
228 229
229 } 230 }
230 231
231 .info-bottom{ 232 .info-bottom{
232 - height:370px; 233 + height:390px;
233 margin-top:20px; 234 margin-top:20px;
234 - background-image: url(../../src/assets/images/machineRoom/img-deviceInfo-bg.png); 235 + background-image: url(/vue3/src/assets/images/machineRoom/img-deviceInfo-bg.png);
235 } 236 }
236 .contain{ 237 .contain{
237 display: flex; 238 display: flex;
@@ -293,31 +294,7 @@ body::-webkit-scrollbar-track{ @@ -293,31 +294,7 @@ body::-webkit-scrollbar-track{
293 borderd-radius:2em; 294 borderd-radius:2em;
294 } 295 }
295 296
296 -/** 王凤添加 2023-04-29 start */  
297 -  
298 -.serve_small{  
299 - height: 35px;  
300 -}  
301 -.state_small{  
302 - width:16px;  
303 - height:16px;  
304 - margin-top:0px;  
305 - margin-left:4px;  
306 -}  
307 -.lamp_small{  
308 - margin-top:-3px;  
309 -}  
310 -  
311 .active{ 297 .active{
312 background: #5686a9; 298 background: #5686a9;
313 opacity: 0.6; 299 opacity: 0.6;
314 } 300 }
315 -  
316 -.img-empty{  
317 - margin-left:50px;  
318 - margin-top:15px;  
319 - width:30px;  
320 - height:5px;  
321 -}  
322 -  
323 -/** 王凤添加 2023-04-29 end */  
@@ -173,7 +173,8 @@ @@ -173,7 +173,8 @@
173 <img src="/vue3/src/assets/images/machineRoom/icon-state.png" alt="" class='state'> 173 <img src="/vue3/src/assets/images/machineRoom/icon-state.png" alt="" class='state'>
174 <div class='img-serve-text' style="text-overflow: ellipsis;white-space: nowrap;overflow: hidden;width: 100px;" :title="item.resName">{{item.resName}}-{{item.health}}</div> 174 <div class='img-serve-text' style="text-overflow: ellipsis;white-space: nowrap;overflow: hidden;width: 100px;" :title="item.resName">{{item.resName}}-{{item.health}}</div>
175 <div class='lamp'> 175 <div class='lamp'>
176 - <img src="/vue3/src/assets/images/machineRoom/icon-weblogical.png" alt="" class='img-weblog'> 176 + <!--暂时注释掉,后续根据设备安装的软件加载对应图标-->
  177 + <!--<img src="/vue3/src/assets/images/machineRoom/icon-weblogical.png" alt="" class='img-weblog'>-->
177 <div class='img-lamp' v-if="item.health == 1"> 178 <div class='img-lamp' v-if="item.health == 1">
178 <!--中--> 179 <!--中-->
179 <img src="/vue3/src/assets/images/machineRoom/1Color.png" alt="资源状态:中"> 180 <img src="/vue3/src/assets/images/machineRoom/1Color.png" alt="资源状态:中">
@@ -220,7 +221,7 @@ @@ -220,7 +221,7 @@
220 <div class='info-text'>设备信息</div> 221 <div class='info-text'>设备信息</div>
221 <div class='info-text-bot'> 222 <div class='info-text-bot'>
222 <p v-if="!isRes">资源名称:<span>{{deviceDataInfo.resName}}</span></p> 223 <p v-if="!isRes">资源名称:<span>{{deviceDataInfo.resName}}</span></p>
223 - <p v-if="isRes">资源名称:<span style="cursor: pointer;color: #1e9fff;" @click="goResDetail(deviceDataInfo.resId,deviceDataInfo.resType)">{{deviceDataInfo.resName}}</span></p> 224 + <p v-if="isRes">资源名称:<span class="link" @click="goResDetail(deviceDataInfo.resId,deviceDataInfo.resType,deviceDataInfo.resName)">{{deviceDataInfo.resName}}</span></p>
224 <p>品 牌:{{deviceDataInfo.brand}}</p> 225 <p>品 牌:{{deviceDataInfo.brand}}</p>
225 <p>型 号:{{deviceDataInfo.model}}</p> 226 <p>型 号:{{deviceDataInfo.model}}</p>
226 <p>序 列 号:{{deviceDataInfo.serialnumber}}</p> 227 <p>序 列 号:{{deviceDataInfo.serialnumber}}</p>
@@ -19,6 +19,7 @@ export default { @@ -19,6 +19,7 @@ export default {
19 isRes: { 19 isRes: {
20 type: Boolean, 20 type: Boolean,
21 default: false 21 default: false
  22 + // default: true
22 }, 23 },
23 //传过来的U位 24 //传过来的U位
24 Uposition:{ 25 Uposition:{
@@ -323,7 +324,8 @@ export default { @@ -323,7 +324,8 @@ export default {
323 dialogVisible.value = flg; 324 dialogVisible.value = flg;
324 } 325 }
325 //资源名称下探 326 //资源名称下探
326 - let goResDetail=(resId,resType)=>{ 327 + let goResDetail=(resId,resType,resName)=>{
  328 +
327 if(props.isRes){ 329 if(props.isRes){
328 proxy.$global.openDetail(resId, resType, proxy); 330 proxy.$global.openDetail(resId, resType, proxy);
329 } 331 }
@@ -69,10 +69,10 @@ export default { @@ -69,10 +69,10 @@ export default {
69 name:'K10', 69 name:'K10',
70 clas:'img_wd' 70 clas:'img_wd'
71 },{ 71 },{
72 - name:'K9', 72 + name:'K09',
73 clas:'img_wd' 73 clas:'img_wd'
74 },{ 74 },{
75 - name:'K8', 75 + name:'K08',
76 clas:'img_wd' 76 clas:'img_wd'
77 } 77 }
78 ], 78 ],
@@ -117,10 +117,10 @@ export default { @@ -117,10 +117,10 @@ export default {
117 name:'J10', 117 name:'J10',
118 clas:'img_wd' 118 clas:'img_wd'
119 },{ 119 },{
120 - name:'J9', 120 + name:'J09',
121 clas:'img_wd' 121 clas:'img_wd'
122 },{ 122 },{
123 - name:'J8', 123 + name:'J08',
124 clas:'img_wd' 124 clas:'img_wd'
125 }], 125 }],
126 [ 126 [
@@ -164,10 +164,10 @@ export default { @@ -164,10 +164,10 @@ export default {
164 name:'I10', 164 name:'I10',
165 clas:'img_wd' 165 clas:'img_wd'
166 },{ 166 },{
167 - name:'I9', 167 + name:'I09',
168 clas:'img_wd' 168 clas:'img_wd'
169 },{ 169 },{
170 - name:'I8', 170 + name:'I08',
171 clas:'img_wd' 171 clas:'img_wd'
172 }], 172 }],
173 [ 173 [
@@ -211,10 +211,10 @@ export default { @@ -211,10 +211,10 @@ export default {
211 name:'H10', 211 name:'H10',
212 clas:'img_wd' 212 clas:'img_wd'
213 },{ 213 },{
214 - name:'H9', 214 + name:'H09',
215 clas:'img_wd' 215 clas:'img_wd'
216 },{ 216 },{
217 - name:'H8', 217 + name:'H08',
218 clas:'img_wd' 218 clas:'img_wd'
219 } 219 }
220 ], 220 ],
@@ -259,31 +259,31 @@ export default { @@ -259,31 +259,31 @@ export default {
259 name:'G10', 259 name:'G10',
260 clas:'img_wd' 260 clas:'img_wd'
261 },{ 261 },{
262 - name:'G9', 262 + name:'G09',
263 clas:'img_wd' 263 clas:'img_wd'
264 },{ 264 },{
265 - name:'G8', 265 + name:'G08',
266 clas:'img_wd' 266 clas:'img_wd'
267 },{ 267 },{
268 - name:'G7', 268 + name:'G07',
269 clas:'img_wd' 269 clas:'img_wd'
270 },{ 270 },{
271 - name:'G6', 271 + name:'G06',
272 clas:'img_wd' 272 clas:'img_wd'
273 },{ 273 },{
274 - name:'G5', 274 + name:'G05',
275 clas:'img_wd' 275 clas:'img_wd'
276 },{ 276 },{
277 - name:'G4', 277 + name:'G04',
278 clas:'img_wd' 278 clas:'img_wd'
279 },{ 279 },{
280 - name:'G3', 280 + name:'G03',
281 clas:'img_wd' 281 clas:'img_wd'
282 },{ 282 },{
283 - name:'G2', 283 + name:'G02',
284 clas:'img_wd' 284 clas:'img_wd'
285 },{ 285 },{
286 - name:'G1', 286 + name:'G01',
287 clas:'img_wd' 287 clas:'img_wd'
288 } 288 }
289 ], 289 ],
@@ -328,31 +328,31 @@ export default { @@ -328,31 +328,31 @@ export default {
328 name:'F10', 328 name:'F10',
329 clas:'img_wd' 329 clas:'img_wd'
330 },{ 330 },{
331 - name:'F9', 331 + name:'F09',
332 clas:'img_wd' 332 clas:'img_wd'
333 },{ 333 },{
334 - name:'F8', 334 + name:'F08',
335 clas:'img_wd' 335 clas:'img_wd'
336 },{ 336 },{
337 - name:'F7', 337 + name:'F07',
338 clas:'img_wd' 338 clas:'img_wd'
339 },{ 339 },{
340 - name:'F6', 340 + name:'F06',
341 clas:'img_wd' 341 clas:'img_wd'
342 },{ 342 },{
343 - name:'F5', 343 + name:'F05',
344 clas:'img_wd' 344 clas:'img_wd'
345 },{ 345 },{
346 - name:'F4', 346 + name:'F04',
347 clas:'img_wd' 347 clas:'img_wd'
348 },{ 348 },{
349 - name:'F3', 349 + name:'F03',
350 clas:'img_wd' 350 clas:'img_wd'
351 },{ 351 },{
352 - name:'F2', 352 + name:'F02',
353 clas:'img_wd' 353 clas:'img_wd'
354 },{ 354 },{
355 - name:'F1', 355 + name:'F01',
356 clas:'img_wd' 356 clas:'img_wd'
357 } 357 }
358 ], 358 ],
@@ -383,31 +383,31 @@ export default { @@ -383,31 +383,31 @@ export default {
383 name:'E10', 383 name:'E10',
384 clas:'img_wd' 384 clas:'img_wd'
385 },{ 385 },{
386 - name:'E9', 386 + name:'E09',
387 clas:'img_wd' 387 clas:'img_wd'
388 },{ 388 },{
389 - name:'E8', 389 + name:'E08',
390 clas:'img_wd' 390 clas:'img_wd'
391 },{ 391 },{
392 name:'', 392 name:'',
393 clas:'empty' 393 clas:'empty'
394 },{ 394 },{
395 - name:'E7', 395 + name:'E07',
396 clas:'img_wd' 396 clas:'img_wd'
397 },{ 397 },{
398 - name:'E6', 398 + name:'E06',
399 clas:'img_wd' 399 clas:'img_wd'
400 },{ 400 },{
401 - name:'E5', 401 + name:'E05',
402 clas:'img_wd' 402 clas:'img_wd'
403 },{ 403 },{
404 - name:'E4', 404 + name:'E04',
405 clas:'img_wd' 405 clas:'img_wd'
406 },{ 406 },{
407 - name:'E3', 407 + name:'E03',
408 clas:'img_wd' 408 clas:'img_wd'
409 },{ 409 },{
410 - name:'E2', 410 + name:'E02',
411 clas:'img_wd' 411 clas:'img_wd'
412 } 412 }
413 ], 413 ],
@@ -436,31 +436,31 @@ export default { @@ -436,31 +436,31 @@ export default {
436 name:'D10', 436 name:'D10',
437 clas:'img_wd' 437 clas:'img_wd'
438 },{ 438 },{
439 - name:'D9', 439 + name:'D09',
440 clas:'img_wd' 440 clas:'img_wd'
441 },{ 441 },{
442 - name:'D8', 442 + name:'D08',
443 clas:'img_wd' 443 clas:'img_wd'
444 },{ 444 },{
445 - name:'D7', 445 + name:'D07',
446 clas:'img_wd' 446 clas:'img_wd'
447 },{ 447 },{
448 - name:'D6', 448 + name:'D06',
449 clas:'img_wd' 449 clas:'img_wd'
450 },{ 450 },{
451 - name:'D5', 451 + name:'D05',
452 clas:'img_wd' 452 clas:'img_wd'
453 },{ 453 },{
454 - name:'D4', 454 + name:'D04',
455 clas:'img_wd' 455 clas:'img_wd'
456 },{ 456 },{
457 - name:'D3', 457 + name:'D03',
458 clas:'img_wd' 458 clas:'img_wd'
459 },{ 459 },{
460 - name:'D2', 460 + name:'D02',
461 clas:'img_wd' 461 clas:'img_wd'
462 },{ 462 },{
463 - name:'D1', 463 + name:'D01',
464 clas:'img_wd' 464 clas:'img_wd'
465 }], 465 }],
466 [ 466 [
@@ -489,31 +489,31 @@ export default { @@ -489,31 +489,31 @@ export default {
489 name:'C10', 489 name:'C10',
490 clas:'img_wd' 490 clas:'img_wd'
491 },{ 491 },{
492 - name:'C9', 492 + name:'C09',
493 clas:'img_wd' 493 clas:'img_wd'
494 },{ 494 },{
495 - name:'C8', 495 + name:'C08',
496 clas:'img_wd' 496 clas:'img_wd'
497 },{ 497 },{
498 - name:'C7', 498 + name:'C07',
499 clas:'img_wd' 499 clas:'img_wd'
500 },{ 500 },{
501 - name:'C6', 501 + name:'C06',
502 clas:'img_wd' 502 clas:'img_wd'
503 },{ 503 },{
504 - name:'C5', 504 + name:'C05',
505 clas:'img_wd' 505 clas:'img_wd'
506 },{ 506 },{
507 - name:'C4', 507 + name:'C04',
508 clas:'img_wd' 508 clas:'img_wd'
509 },{ 509 },{
510 - name:'C3', 510 + name:'C03',
511 clas:'img_wd' 511 clas:'img_wd'
512 },{ 512 },{
513 - name:'C2', 513 + name:'C02',
514 clas:'img_wd' 514 clas:'img_wd'
515 },{ 515 },{
516 - name:'C1', 516 + name:'C01',
517 clas:'img_wd' 517 clas:'img_wd'
518 } 518 }
519 ], 519 ],
@@ -558,25 +558,25 @@ export default { @@ -558,25 +558,25 @@ export default {
558 name:'', 558 name:'',
559 clas:'empty' 559 clas:'empty'
560 },{ 560 },{
561 - name:'B7', 561 + name:'B07',
562 clas:'img_wd' 562 clas:'img_wd'
563 },{ 563 },{
564 - name:'B6', 564 + name:'B06',
565 clas:'img_wd' 565 clas:'img_wd'
566 },{ 566 },{
567 - name:'B5', 567 + name:'B05',
568 clas:'img_wd' 568 clas:'img_wd'
569 },{ 569 },{
570 - name:'B4',  
571 - clas:'img_wd img_light' 570 + name:'B04',
  571 + clas:'img_wd'
572 },{ 572 },{
573 - name:'B3', 573 + name:'B03',
574 clas:'img_wd' 574 clas:'img_wd'
575 },{ 575 },{
576 - name:'B2', 576 + name:'B02',
577 clas:'img_wd' 577 clas:'img_wd'
578 },{ 578 },{
579 - name:'B1', 579 + name:'B01',
580 clas:'img_wd' 580 clas:'img_wd'
581 } 581 }
582 ], 582 ],
@@ -614,31 +614,31 @@ export default { @@ -614,31 +614,31 @@ export default {
614 name:'A10', 614 name:'A10',
615 clas:'img_wd' 615 clas:'img_wd'
616 },{ 616 },{
617 - name:'A9', 617 + name:'A09',
618 clas:'img_wd' 618 clas:'img_wd'
619 },{ 619 },{
620 - name:'A8', 620 + name:'A08',
621 clas:'img_wd' 621 clas:'img_wd'
622 },{ 622 },{
623 - name:'A7', 623 + name:'A07',
624 clas:'img_wd' 624 clas:'img_wd'
625 },{ 625 },{
626 - name:'A6', 626 + name:'A06',
627 clas:'img_wd' 627 clas:'img_wd'
628 },{ 628 },{
629 - name:'A5', 629 + name:'A05',
630 clas:'img_wd' 630 clas:'img_wd'
631 },{ 631 },{
632 - name:'A4', 632 + name:'A04',
633 clas:'img_wd' 633 clas:'img_wd'
634 },{ 634 },{
635 - name:'A3', 635 + name:'A03',
636 clas:'img_wd' 636 clas:'img_wd'
637 },{ 637 },{
638 - name:'A2', 638 + name:'A02',
639 clas:'img_wd' 639 clas:'img_wd'
640 },{ 640 },{
641 - name:'A1', 641 + name:'A01',
642 clas:'img_wd' 642 clas:'img_wd'
643 }] 643 }]
644 ] 644 ]