首页 探索 帮助
登录
asiainfo
/
static
关注 2
点赞 0
派生 0
代码 工单管理 0 合并请求 0 提交历史 1107 版本发布 4 Wiki
浏览代码

增加日期详情页

guohh 5 年之前
父节点
e270f2c441
当前提交
e9138b0a24
共有 5 个文件被更改，包括 203 次插入 和 5 次删除
合并视图 显示文件统计
  1. 56 3
      2020/company-app/biz/css/base1.css
  2. 9 0
      2020/company-app/biz/js/index.js
  3. 136 0
      2020/company-app/calendar-date.html
  4. 1 1
      2020/company-app/calendar-detail.html
  5. 1 1
      2020/company-app/index.html

+ 56 - 3
2020/company-app/biz/css/base1.css
查看文件

391 
}
 391 
}
392
392
393 
.pages-menu-demo .demo-img {
 393 
.pages-menu-demo .demo-img {
394 
  background: url("../img/demo-work-2.png") center -.44rem  no-repeat #fff;
394 
  background: url("../img/demo-work-2.png") center -.44rem no-repeat #fff;
395 
  background-size: 100% auto;
 395 
  background-size: 100% auto;
396 
  height: 7.4rem;
 396 
  height: 7.4rem;
397 
}
 397 
}
398
398
399 
.pages-message-detail .demo-img {
 399 
.pages-message-detail .demo-img {
400 
  background: url("../img/message-detail.png") center -.44rem  no-repeat #fff;
400 
  background: url("../img/message-detail.png") center -.44rem no-repeat #fff;
401 
  background-size: 100% auto;
 401 
  background-size: 100% auto;
402 
  height: 7.4rem;
 402 
  height: 7.4rem;
403 
}
 403 
}
404
404
405 
.pages-calendar-detail .demo-img {
 405 
.pages-calendar-detail .demo-img {
406 
  background: url("../img/calendar-detail.png") center -.44rem  no-repeat #fff;
406 
  background: url("../img/calendar-detail.png") center -.44rem no-repeat #fff;
407 
  background-size: 100% auto;
 407 
  background-size: 100% auto;
408 
  height: 7.4rem;
 408 
  height: 7.4rem;
409 
}
410
411 
.ipu-toolbar .page-back .ipu-icon {
412 
  font-size: .3rem;
413 
}
414
415 
.pages-calendar-date header.ipu-toolbar {
416 
  box-shadow: none;
417 
}
418
419 
.pages-calendar-date .page-head {
420 
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2);
421 
  padding-bottom: .16rem;
422 
}
423 
.event-time{
424 
  font-size: .11rem;
425 
  color: #333;
426 
}
427 
.event-time-long{
428 
  font-size: .11rem;
429 
  color: #666;
430 
}
431 
.event-desc{
432 
  color: #000;
433 
  font-size: .16rem;
434 
}
435 
.date-event-list .ipu-list-item-after{
436 
  width: .75rem;
437 
}
438 
.date-event-list .ipu-list-item-inner{
439 
  padding-top: .2rem;
440 
  padding-bottom: .2rem;
441 
}
442 
.event-flag{
443 
  width: .1rem;
444 
  height: .1rem;
445 
  border-radius: 50%;
446 
  background-color: rgb(46, 203, 112);
447 
  margin-right: .1rem;
448 
  margin-top: .05rem;
449 
}
450 
.today-info{
451 
  padding: .08rem .18rem;
452 
  color: #2E8EFF;
453 
  font-size: .13rem;
454 
}
455 
.pages-calendar.pages-calendar-date table th{
456 
  padding: .12rem 0;
457 
}
458 
.event-zoom{
459 
  margin-top: .03rem;
460 
  color: #999;
461 
  font-size: .14rem;
409 
}
 462 
}

+ 9 - 0
2020/company-app/biz/js/index.js
查看文件

4 
      callBack: function (index) {
 4 
      callBack: function (index) {
5 
        if (index == 0) {
 5 
        if (index == 0) {
6 
          ipuUI.toast("点消息进入消息详情页", 3000);
 6 
          ipuUI.toast("点消息进入消息详情页", 3000);
7 
        } else if (index == 1) {
8 
          ipuUI.toast("点击某天，进入详情页", 3000);
7 
        } else if (index == 2) {
 9 
        } else if (index == 2) {
8 
          ipuUI.toast("点编辑进入编辑页面，点应用进入应用功能页", 3000);
 10 
          ipuUI.toast("点编辑进入编辑页面，点应用进入应用功能页", 3000);
9 
        }
 11 
        }
16 
      location.href = "message-detail.html"
 18 
      location.href = "message-detail.html"
17 
    })
 19 
    })
18
20
21 
    // 日历
22 
    // 进入日历详情页
23 
    $(".pages-calendar table").on("click", "td", function () {
24 
        location.href = "calendar-date.html";
25 
      }
26 
    )
27 
    ;
19
28
20 
    // 工作台
 29 
    // 工作台
21 
    // 进入编辑页面
 30 
    // 进入编辑页面

+ 136 - 0
2020/company-app/calendar-date.html
查看文件

1 
<!DOCTYPE html>
2 
<html lang="en">
3 
<head>
4 
  <title>日程安排</title>
5
6 
  <meta charset="utf-8">
7 
  <!-- 宽度自动适配 -->
8 
  <meta name="viewport"
9 
        content="width=device-width, initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0, user-scalable=no"/>
10 
  <!-- 不识别页面上的数字为可拨打号码 -->
11 
  <meta content="telephone=no" name="format-detection"/>
12
13 
  <link rel="stylesheet" type="text/css" href="ipu/ui/css/ipuUI.css">
14 
  <link rel="stylesheet" type="text/css" href="biz/lib/remixicon/remixicon.css">
15 
  <link rel="stylesheet" type="text/css" href="biz/css/base.css">
16
17 
  <script src="ipu/lib/requirejs/require.min.js"></script>
18 
  <script src="biz/js/require-config.js"></script>
19 
  <!--
20 
  <script src="biz/js/menu-demo.js"></script>
21 
  -->
22 
</head>
23 
<body class="pages-calendar pages-calendar-date">
24 
<div class="ipu-flex-row ipu-flex-vertical">
25 
  <div class="ipu-flex-col">
26 
    <div class="page-head">
27 
      <header class="ipu-toolbar">
28 
        <h1 class="ipu-toolbar-title">二月</h1>
29 
        <a class="ipu-fn-left page-back" href="javascript:history.back();">
30 
          <i class="ipu-icon ri-arrow-left-s-line"></i>
31 
        </a>
32 
      </header>
33 
      <table>
34 
        <tr class="calendar-header">
35 
          <th>日</th>
36 
          <th>一</th>
37 
          <th>二</th>
38 
          <th>三</th>
39 
          <th>四</th>
40 
          <th>五</th>
41 
          <th>六</th>
42 
        </tr>
43 
        <tr class="can-hide">
44 
          <td id="GD21"><font id="SD21" color="red" class="num">16</font><br><font id="LD21" "=""
45 
            class="old-num">廿三</font></td>
46 
          <td id="GD22"><font id="SD22" class="num">17</font><br><font id="LD22" "="" class="old-num">廿四</font></td>
47 
          <td id="GD23"><font id="SD23" class="num">18</font><br><font id="LD23" "="" class="old-num">廿五</font></td>
48 
          <td id="GD24"><font id="SD24" class="num">19</font><br><font id="LD24" "="" class="old-num">廿六</font></td>
49 
          <td id="GD25" class="choose-day"><font id="SD25" class="num today">20</font><br><font id="LD25" "=""
50 
            class="old-num">廿七</font></td>
51 
          <td id="GD26"><font id="SD26" class="num">21</font><br><font id="LD26" "="" class="old-num">廿八</font></td>
52 
          <td id="GD27"><font id="SD27" color="blue" class="num">22</font><br><font id="LD27" "=""
53 
            class="old-num">廿九</font></td>
54 
        </tr>
55 
      </table>
56 
    </div>
57 
    <div class="today-info">
58 
      今天.2月20日星期四
59 
    </div>
60 
  </div>
61 
  <div class="ipu-flex-col ipu-flex-col-auto">
62 
    <div class="ipu-flex-content">
63
64 
      <div class="ipu-list date-event-list">
65 
        <ul>
66 
          <li class="ipu-list-item">
67 
            <div class="ipu-list-item-inner">
68 
              <div class="ipu-list-item-after">
69 
                <div class="event-time">09:30</div>
70 
                <div class="event-time-long">30分</div>
71 
              </div>
72 
              <div class="event-flag"></div>
73 
              <div class="ipu-list-item-title">
74 
                <div class="event-desc">
75 
                  IOT、IPU功能规划review
76 
                </div>
77 
              </div>
78 
            </div>
79 
          </li>
80 
          <li class="ipu-list-item">
81 
            <div class="ipu-list-item-inner">
82 
              <div class="ipu-list-item-after">
83 
                <div class="event-time">11:00</div>
84 
                <div class="event-time-long">30分</div>
85 
              </div>
86 
              <div class="event-flag"></div>
87 
              <div class="ipu-list-item-title">
88 
                <div class="event-desc">
89 
                  EBC P1项目讨论
90 
                </div>
91 
              </div>
92 
            </div>
93 
          </li>
94 
          <li class="ipu-list-item">
95 
            <div class="ipu-list-item-inner">
96 
              <div class="ipu-list-item-after">
97 
                <div class="event-time">14:00</div>
98 
                <div class="event-time-long">2小时</div>
99 
              </div>
100 
              <div class="event-flag"></div>
101 
              <div class="ipu-list-item-title ipu-flex-vertical">
102 
                <div class="event-desc">
103 
                  EBC需求沟通
104 
                </div>
105 
                <div class="event-zoom">
106 
                  <i class="ri-map-pin-line"></i>
107 
                  ZOOM
108 
                </div>
109 
              </div>
110 
            </div>
111 
          </li>
112 
          <li class="ipu-list-item">
113 
            <div class="ipu-list-item-inner">
114 
              <div class="ipu-list-item-after">
115 
                <div class="event-time">18:00</div>
116 
                <div class="event-time-long">1小时</div>
117 
              </div>
118 
              <div class="event-flag"></div>
119 
              <div class="ipu-list-item-title ipu-flex-vertical">
120 
                <div class="event-desc">
121 
                  3D机房可视化进展review
122 
                </div>
123 
                <div class="event-zoom">
124 
                  <i class="ri-map-pin-line"></i>
125 
                  ZOOM
126 
                </div>
127 
              </div>
128 
            </div>
129 
          </li>
130 
        </ul>
131 
      </div>
132 
    </div>
133 
  </div>
134 
</div>
135 
</body>
136 
</html>

+ 1 - 1
2020/company-app/calendar-detail.html
查看文件

1 
<!DOCTYPE html>
 1 
<!DOCTYPE html>
2 
<html lang="en">
 2 
<html lang="en">
3 
<head>
 3 
<head>
4 
    <title>应用管理</title>
4 
    <title></title>
5
5
6 
    <meta charset="utf-8">
 6 
    <meta charset="utf-8">
7 
    <!-- 宽度自动适配 -->
 7 
    <!-- 宽度自动适配 -->

+ 1 - 1
2020/company-app/index.html
查看文件

310 
                        <a href="javascript:;" class="catalog-menu">
 310 
                        <a href="javascript:;" class="catalog-menu">
311 
                          <i class="catalog-menu-icon icon-red  ri-vidicon-fill"></i>
 311 
                          <i class="catalog-menu-icon icon-red  ri-vidicon-fill"></i>
312 
                        <span class="catalog-menu-name">
 312 
                        <span class="catalog-menu-name">
313 
                          zoom会议
313 
                          ZOOM
314 
                        </span>
 314 
                        </span>
315 
                        </a>
 315 
                        </a>
316
316