|
@@ -28,6 +28,33 @@
|
28
|
28
|
</div>-->
|
29
|
29
|
</div>
|
30
|
30
|
<div class="bigBody">
|
|
31
|
+ <!-- 统计信息 -->
|
|
32
|
+ <div class="newStatistics">
|
|
33
|
+ <div class="buildOrder">
|
|
34
|
+ <div class="buildOrderItem">
|
|
35
|
+ <div class="s_num">123</div>
|
|
36
|
+ <div>今日建单</div>
|
|
37
|
+ </div>
|
|
38
|
+ <div class="buildOrderItem">
|
|
39
|
+ <div class="s_num">123</div>
|
|
40
|
+ <div>处理中</div>
|
|
41
|
+ </div>
|
|
42
|
+ </div>
|
|
43
|
+ <div class="attendance">
|
|
44
|
+ <div class="attendanceItem">
|
|
45
|
+ <div class="s_num">123</div>
|
|
46
|
+ <div>今日上班应到</div>
|
|
47
|
+ </div>
|
|
48
|
+ <div class="attendanceItem">
|
|
49
|
+ <div class="s_num">123</div>
|
|
50
|
+ <div>今日上班实到</div>
|
|
51
|
+ </div>
|
|
52
|
+ <div class="attendanceItem">
|
|
53
|
+ <div class="s_num">123</div>
|
|
54
|
+ <div>今日迟到</div>
|
|
55
|
+ </div>
|
|
56
|
+ </div>
|
|
57
|
+ </div>
|
31
|
58
|
<!-- 最新报修 -->
|
32
|
59
|
<div class="newRepair">
|
33
|
60
|
<div class="titHead">
|
|
@@ -330,6 +357,7 @@ export default {
|
330
|
357
|
flex-direction: column;
|
331
|
358
|
height: 100%;
|
332
|
359
|
width: 100%;
|
|
360
|
+ overflow: auto;
|
333
|
361
|
}
|
334
|
362
|
/* 头部导航栏 */
|
335
|
363
|
.tav {
|
|
@@ -394,7 +422,50 @@ export default {
|
394
|
422
|
display: inline-block;
|
395
|
423
|
margin-left: 0.08rem;
|
396
|
424
|
}
|
397
|
|
-
|
|
425
|
+.newStatistics {
|
|
426
|
+ border-bottom: 1px solid #eee;
|
|
427
|
+ border-top: 0.16rem solid #eee;
|
|
428
|
+ .s_num {
|
|
429
|
+ font-size: 0.32rem;
|
|
430
|
+ font-weight: bold;
|
|
431
|
+ }
|
|
432
|
+ .buildOrder {
|
|
433
|
+ display: flex;
|
|
434
|
+ .buildOrderItem {
|
|
435
|
+ height: 1.2rem;
|
|
436
|
+ flex: 1;
|
|
437
|
+ display: flex;
|
|
438
|
+ justify-content: space-around;
|
|
439
|
+ align-items: center;
|
|
440
|
+ flex-direction: column;
|
|
441
|
+ border-right: 1px solid #eee;
|
|
442
|
+ border-top: 1px solid #eee;
|
|
443
|
+ padding: 0.2rem 0;
|
|
444
|
+ box-sizing: border-box;
|
|
445
|
+ &:last-of-type {
|
|
446
|
+ border-right: 0;
|
|
447
|
+ }
|
|
448
|
+ }
|
|
449
|
+ }
|
|
450
|
+ .attendance {
|
|
451
|
+ display: flex;
|
|
452
|
+ .attendanceItem {
|
|
453
|
+ height: 1.2rem;
|
|
454
|
+ flex: 1;
|
|
455
|
+ display: flex;
|
|
456
|
+ justify-content: space-around;
|
|
457
|
+ align-items: center;
|
|
458
|
+ flex-direction: column;
|
|
459
|
+ border-right: 1px solid #eee;
|
|
460
|
+ border-top: 1px solid #eee;
|
|
461
|
+ padding: 0.2rem 0;
|
|
462
|
+ box-sizing: border-box;
|
|
463
|
+ &:last-of-type {
|
|
464
|
+ border-right: 0;
|
|
465
|
+ }
|
|
466
|
+ }
|
|
467
|
+ }
|
|
468
|
+}
|
398
|
469
|
.newRepair {
|
399
|
470
|
border-top: 0.16rem rgb(238, 238, 238) solid;
|
400
|
471
|
.conentBox {
|