guohh %!s(int64=5) %!d(string=hace) años
padre
commit
39470138fb

+ 1 - 0
2020/company-app/biz/css/base.css

@ -1 +1,2 @@
1 1
@import "base1.css";
2
@import "base-wk.css";

+ 9 - 3
2020/company-app/biz/js/index.js

@ -2,14 +2,20 @@ require(["ipuUI", "jquery"], function (ipuUI, $) {
2 2
  $.sizeReady(function () {
3 3
    var navBar = ipuUI.navBar(".ipu-navbar", {
4 4
      callBack: function (index) {
5
        if (index == 2) {
5
        if (index == 0) {
6
          ipuUI.toast("点消息进入消息详情页", 3000);
7
        } else if (index == 2) {
6 8
          ipuUI.toast("点编辑进入编辑页面,点应用进入应用功能页", 3000);
7
        } else {
8
          ipuUI.toast("本页面暂无跳转页面", 3000)
9 9
        }
10 10
      }
11 11
    });
12 12
13
    // 消息
14
    // 进入消息详情
15
    $(".arrow-container div,.no-arrow-container div").click(function () {
16
      location.href = "message-detail.html"
17
    })
18
13 19
14 20
    // 工作台
15 21
    // 进入编辑页面

+ 256 - 4
2020/company-app/index.html

@ -17,6 +17,7 @@
17 17
  <script src="ipu/lib/requirejs/require.min.js"></script>
18 18
  <script src="biz/js/require-config.js"></script>
19 19
  <script src="biz/js/index.js"></script>
20
  <script src="biz/js/calendar.js"></script>
20 21
</head>
21 22
<body class="pages-main">
22 23
<div class="ipu-flex-row ipu-flex-vertical">
@ -24,11 +25,262 @@
24 25
    <div class="ipu-flex-content">
25 26
      <div class="ipu-nav-content">
26 27
        <ul>
27
          <li>
28
          <li class="pages-message">
29
            <div class="ipu-flex-row ipu-flex-vertical">
30
              <div class="ipu-flex-col header-container">
31
                <header class="ipu-toolbar">
32
                  <h1 class="ipu-toolbar-title">全部消息</h1>
33
                  <a class="ipu-fn-right" href="javascript:;">
34
                    <i class="ri-more-fill"></i>
35
                  </a>
36
                </header>
37
              </div>
38
              <div class="ipu-flex-col ipu-flex-col-auto">
39
                <div class="search-container">
40
                  <input class="ri-search-line" placeholder="&#xf037;  搜索"/>
41
                </div>
42
                <div class="arrow-container">
43
                  <div class="ipu-flex notice">
44
                    <div class="line-left">
45
                      <i class="ri-notification-3-line"></i>
46
                    </div>
47
                    <div class="ipu-flex line-right ipu-flex-justify-space">
48
                      <div class="title">代办通知</div>
49
                      <div class="ipu-flex">
50
                        <div class="num">5</div>
51
                        <i class="ri-arrow-right-s-line"></i>
52
                      </div>
53
                    </div>
54
                  </div>
55
                  <div class="ipu-flex approve">
56
                    <div class="line-left">
57
                      <i class="ri-edit-box-line"></i>
58
                    </div>
59
                    <div class="ipu-flex line-right ipu-flex-justify-space">
60
                      <div class="title">待审批</div>
61
                      <div class="ipu-flex">
62
                        <i class="ri-arrow-right-s-line"></i>
63
                      </div>
64
                    </div>
65
                  </div>
66
                  <div class="ipu-flex mine">
67
                    <div class="line-left">
68
                      <i class="ri-at-line"></i>
69
                    </div>
70
                    <div class="ipu-flex line-right ipu-flex-justify-space">
71
                      <div class="title">@我的</div>
72
                      <div class="ipu-flex">
73
                        <div class="num">5</div>
74
                        <i class="ri-arrow-right-s-line"></i>
75
                      </div>
76
                    </div>
77
                  </div>
78
                  <div class="ipu-flex later">
79
                    <div class="line-left">
80
                      <i class="ri-mail-unread-line"></i>
81
                    </div>
82
                    <div class="ipu-flex line-right ipu-flex-justify-space">
83
                      <div class="title">稍后处理</div>
84
                      <div class="ipu-flex">
85
                        <div class="num">5</div>
86
                        <i class="ri-arrow-right-s-line"></i>
87
                      </div>
88
                    </div>
89
                  </div>
90
                </div>
91
                <div class="no-arrow-container">
92
                  <div class="ipu-flex">
93
                    <div class="line-left group">
28 94
95
                    </div>
96
                    <div class="line-right">
97
                      <div class="ipu-flex ipu-flex-justify-space">
98
                        <div class="title">UIUX研发部</div>
99
                        <div class="time">9:00</div>
100
                      </div>
101
                      <div class="ipu-flex ipu-flex-justify-space">
102
                        <div class="detail">欢迎张晓晨加入本部</div>
103
                        <div class="num">5</div>
104
                      </div>
105
                    </div>
106
                  </div>
107
                  <div class="ipu-flex">
108
                    <div class="line-left assistant">
109
                      <i class="ri-chat-smile-2-fill"></i>
110
                    </div>
111
                    <div class="line-right">
112
                      <div class="ipu-flex ipu-flex-justify-space">
113
                        <div class="title">智能工作助理</div>
114
                        <div class="time">9:00</div>
115
                      </div>
116
                      <div class="ipu-flex ipu-flex-justify-space">
117
                        <div class="detail">欢迎张晓晨加入本部</div>
118
                        <div class="num">5</div>
119
                      </div>
120
                    </div>
121
                  </div>
122
                  <div class="ipu-flex">
123
                    <div class="line-left approve">
124
                      <i class="ri-user-3-fill"></i>
125
                    </div>
126
                    <div class="line-right">
127
                      <div class="ipu-flex ipu-flex-justify-space">
128
                        <div class="title">UIUX研发部</div>
129
                        <div class="time">9:00</div>
130
                      </div>
131
                      <div class="ipu-flex ipu-flex-justify-space">
132
                        <div class="detail">欢迎张晓晨加入本部</div>
133
                        <div class="num">5</div>
134
                      </div>
135
                    </div>
136
                  </div>
137
                  <div class="ipu-flex">
138
                    <div class="line-left message">
139
                      <i class="ri-message-3-line"></i>
140
                    </div>
141
                    <div class="line-right">
142
                      <div class="ipu-flex ipu-flex-justify-space">
143
                        <div class="title">UIUX研发部</div>
144
                        <div class="time">9:00</div>
145
                      </div>
146
                      <div class="ipu-flex ipu-flex-justify-space">
147
                        <div class="detail">欢迎张晓晨加入本部</div>
148
                      </div>
149
                    </div>
150
                  </div>
151
                </div>
152
              </div>
153
            </div>
29 154
          </li>
30
          <li>
31 155
156
          <li class="pages-calendar">
157
          <div class="ipu-flex-row ipu-flex-vertical">
158
            <div class="ipu-flex-col header-container">
159
              <header class="ipu-toolbar">
160
                <h1 class="ipu-toolbar-title">日程</h1>
161
                <div class="ipu-fn-right">
162
                  <div id="switch-time">
163
                    <div class="day checked-switch">日</div>
164
                    <div class="month">月</div>
165
                  </div>
166
                </div>
167
              </header>
168
            </div>
169
            <div class="ipu-flex-col">
170
              <!--        <form name=CLD>-->
171
              <table>
172
                <!--                <tr class="header">-->
173
                <!--                    <td colSpan=7>-->
174
                <!--                        公历-->
175
                <!--                        <select name=SY onchange=changeCld()>-->
176
                <!--                            <script type="text/javascript">-->
177
                <!--                                for (i = 1900; i < 2050; i++) document.write('<option>' + i);-->
178
                <!--                            </script>-->
179
                <!--                        </select>-->
180
                <!--                        年-->
181
                <!--                        <select name=SM onchange=changeCld()>-->
182
                <!--                            <script type="text/javascript">-->
183
                <!--                                for (i = 1; i < 13; i++) document.write('<option>' + i);-->
184
                <!--                            </script>-->
185
                <!--                        </select>-->
186
                <!--                        月 <font id=GZ></font>-->
187
                <!--                    </td>-->
188
                <!--                </tr>-->
189
                <tr class="calendar-header">
190
                  <th>日</th>
191
                  <th>一</th>
192
                  <th>二</th>
193
                  <th>三</th>
194
                  <th>四</th>
195
                  <th>五</th>
196
                  <th>六</th>
197
                </tr>
198
                <script type="text/javascript">
199
                  var gNum;
200
                  for (i = 0; i < 6; i++) {
201
                    if(i!=0){
202
                      document.write('<tr class="can-hide">');
203
                    }else{
204
                      document.write('<tr>');
205
                    }
206
                    for (j = 0; j < 7; j++) {
207
                      gNum = i * 7 + j;
208
                      document.write('<td id="GD' + gNum + '"><font id="SD' + gNum + '" ');
209
                      if (j == 0) document.write(' color=red');
210
                      if (j == 6) document.write(' color=blue');
211
                      document.write('></font><br><font id="LD' + gNum + '" "></font></td>');
212
                    }
213
                    document.write('</tr>');
214
                  }
215
                </script>
216
              </table>
217
              <!--        </form>-->
218
              <div class="shrink">
219
                <i class="ri-arrow-up-s-line"></i>
220
              </div>
221
              <div class="date-choose">2月12日</div>
222
            </div>
223
            <div class="ipu-flex-col ipu-flex-col-auto">
224
              <div class="time-line-container">
225
                <div class="ipu-flex">
226
                  <div class="time-container">
227
                    <div class="time-line">上午0时</div>
228
                    <div class="time-line">上午1时</div>
229
                    <div class="time-line">上午2时</div>
230
                    <div class="time-line">上午3时</div>
231
                    <div class="time-line">上午4时</div>
232
                    <div class="time-line">上午5时</div>
233
                    <div class="time-line">上午6时</div>
234
                    <div class="time-line">上午7时</div>
235
                    <div class="time-line">上午8时</div>
236
                    <div class="time-line">上午9时</div>
237
                    <div class="time-line">上午10时</div>
238
                    <div class="time-line">上午11时</div>
239
                    <div class="time-line">上午12时</div>
240
                    <div class="time-line">下午1时</div>
241
                    <div class="time-line">下午2时</div>
242
                    <div class="time-line">下午3时</div>
243
                    <div class="time-line">下午4时</div>
244
                    <div class="time-line">下午5时</div>
245
                    <div class="time-line">下午6时</div>
246
                    <div class="time-line">下午7时</div>
247
                    <div class="time-line">下午8时</div>
248
                    <div class="time-line">下午9时</div>
249
                    <div class="time-line">下午10时</div>
250
                    <div class="time-line">下午11时</div>
251
                    <div class="time-line">下午12时</div>
252
                  </div>
253
                  <div class="line-container">
254
                    <div class="line"></div>
255
                    <div class="line"></div>
256
                    <div class="line"></div>
257
                    <div class="line"></div>
258
                    <div class="line"></div>
259
                    <div class="line"></div>
260
                    <div class="line"></div>
261
                    <div class="line"></div>
262
                    <div class="line"></div>
263
                    <div class="line"></div>
264
                    <div class="line"></div>
265
                    <div class="line"></div>
266
                    <div class="line"></div>
267
                    <div class="line"></div>
268
                    <div class="line"></div>
269
                    <div class="line"></div>
270
                    <div class="line"></div>
271
                    <div class="line"></div>
272
                    <div class="line"></div>
273
                    <div class="line"></div>
274
                    <div class="line"></div>
275
                    <div class="line"></div>
276
                    <div class="line"></div>
277
                    <div class="line"></div>
278
                    <div class="line"></div>
279
                  </div>
280
                </div>
281
              </div>
282
            </div>
283
          </div>
32 284
          </li>
33 285
          <li class="pages-work">
34 286
            <div class="ipu-flex-row ipu-flex-vertical">
@ -433,7 +685,7 @@
433 685
434 686
  <div class="ipu-flex-col">
435 687
    <nav class="ipu-navbar">
436
      <a class="ipu-navbar-item " href="javascript:;">
688
      <a class="ipu-navbar-item ipu-current" href="javascript:;">
437 689
        <i class="ipu-icon ri-chat-2-line"></i>
438 690
        <div class="ipu-navbar-item-label">消息</div>
439 691
      </a>
@ -449,7 +701,7 @@
449 701
        <i class="ipu-icon ri-booklet-line"></i>
450 702
        <div class="ipu-navbar-item-label">通讯录</div>
451 703
      </a>
452
      <a class="ipu-navbar-item ipu-current" href="javascript:;">
704
      <a class="ipu-navbar-item " href="javascript:;">
453 705
        <i class="ipu-icon ri-account-circle-line"></i>
454 706
        <div class="ipu-navbar-item-label">我的</div>
455 707
      </a>

+ 0 - 1
2020/company-app/message.html

@ -143,6 +143,5 @@
143 143
            </div>
144 144
        </div>
145 145
    </div>
146
    </div>
147 146
</body>
148 147
</html>