Начало Каталог Помощ
Вход
asiainfo
/
static
Наблюдаван 2
Харесван 0
Разклонения 0
Код Задачи 0 Заявки за сливане 0 Ревизии 1099 Версии 4 Уики
Преглед на файлове

合并首页

guohh преди 5 години
родител
4bbe1378ba
ревизия
39470138fb
променени са 4 файла, в които са добавени 266 реда и са изтрити 8 реда
Разделен изглед Покажи статистика за разликите
  1. 1 0
      2020/company-app/biz/css/base.css
  2. 9 3
      2020/company-app/biz/js/index.js
  3. 256 4
      2020/company-app/index.html
  4. 0 1
      2020/company-app/message.html

+ 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>