Selaa lähdekoodia

首页增加审核

guohh 4 vuotta sitten
vanhempi
commit
3977b62008

+ 30 - 9
2020/x-3/biz/css/base-ghh.css

@ -2328,11 +2328,9 @@ a.common-color-red,
2328 2328
2329 2329
.todo-block-item {
2330 2330
  float: left;
2331
  width: 1.6rem;
2332
  height: 1.28rem;
2333 2331
  background: #0B69FF;
2334
  border-radius: .08rem;
2335
  padding: .25rem .15rem;
2332
  border-radius: .08rem .08rem .08rem 0;
2333
  padding: .2rem .15rem;
2336 2334
}
2337 2335
2338 2336
.todo-block-list-audit {
@ -2344,6 +2342,7 @@ a.common-color-red,
2344 2342
}
2345 2343
2346 2344
.todo-block-item-title {
2345
  padding-top: .03rem;
2347 2346
  font-weight: 600;
2348 2347
  font-size: .16rem;
2349 2348
  line-height: .22rem;
@ -2352,6 +2351,10 @@ a.common-color-red,
2352 2351
2353 2352
.todo-block-item-count {
2354 2353
  margin-top: .3rem;
2354
  color: rgba(255, 255, 255, .85);
2355
  font-weight: 600;
2356
  font-size: .12rem;
2357
  line-height: 22px;
2355 2358
}
2356 2359
2357 2360
.todo-block-item-count .num {
@ -2361,11 +2364,25 @@ a.common-color-red,
2361 2364
  color: #fff;
2362 2365
}
2363 2366
2364
.todo-block-item-count .total {
2365
  font-size: .12rem;
2366
  line-height: 22px;
2367
  color: #fff;
2368
  opacity: 0.85;
2367
.todo-block-item-audit {
2368
  background-color: #DAE9FF;
2369
}
2370
2371
.todo-block-flag {
2372
  width: .42rem;
2373
  height: .42rem;
2374
  background: url("../img/todo-task.png") center center no-repeat;
2375
  background-size: .38rem auto;
2376
}
2377
2378
.todo-block-item-audit .todo-block-flag {
2379
  background-image: url("../img/todo-audit.png");
2380
  background-size: .42rem auto;
2381
}
2382
2383
.todo-block-item-audit .todo-block-item-title,
2384
.todo-block-item-audit .todo-block-item-count .num {
2385
  color: #000;
2369 2386
}
2370 2387
2371 2388
.todo-message-title {
@ -4545,4 +4562,8 @@ body.date-picked .list-item-pickered {
4545 4562
4546 4563
.btn-login-ai {
4547 4564
  margin-top: .5rem;
4565
}
4566
4567
.todo-block {
4568
  margin: .2rem;
4548 4569
}

BIN
2020/x-3/biz/img/todo-audit.png


BIN
2020/x-3/biz/img/todo-task.png


+ 32 - 0
2020/x-3/index.html

@ -42,6 +42,7 @@
42 42
                  <div class="ipu-refresh-wrapper">
43 43
                    <div class="common-page-content">
44 44
45
                      <!-- 老的任务代码
45 46
                      <div class="todo-block-task ipu-flex-middle">
46 47
                        <div class="ipu-flex-grow-0">
47 48
                          <div class="todo-task-flag"></div>
@ -61,6 +62,37 @@
61 62
                          <i class="icon"></i>
62 63
                        </div>
63 64
                      </div>
65
                      -->
66
67
                      <div class="todo-block ipu-flex">
68
                       <div class="ipu-flex todo-block-item todo-block-item-task ipu-flex-grow-1">
69
                         <div class="ipu-flex-grow-1">
70
                           <div class="todo-block-item-title">
71
                             任务
72
                           </div>
73
                           <div class="todo-block-item-count">
74
                             <span class="num">12</span>/<span class="total">104</span>
75
                           </div>
76
                         </div>
77
                         <div class="ipu-flex-grow-0">
78
                           <div class="todo-block-flag"></div>
79
                         </div>
80
                       </div>
81
82
                        <div class="ipu-flex todo-block-item todo-block-item-audit ipu-flex-grow-1">
83
                          <div class="ipu-flex-grow-1">
84
                            <div class="todo-block-item-title">
85
                              审批
86
                            </div>
87
                            <div class="todo-block-item-count">
88
                              <span class="num">12</span>
89
                            </div>
90
                          </div>
91
                          <div class="ipu-flex-grow-0">
92
                            <div class="todo-block-flag"></div>
93
                          </div>
94
                        </div>
95
                      </div>
64 96
65 97
                      <div class="todo-message">
66 98
                        <div class="todo-message-title">