首頁 探索 說明
登入
asiainfo
/
static
關註 2
讚好 0
派生 0
代碼 問題管理 0 合併請求 0 提交歷史 2001 版本發佈 4 Wiki
瀏覽代碼

通讯录增加组织架构，增加修改密码界面

guohh 4 年之前
父節點
27d80b04a3
當前提交
f8f045ab75
共有 10 個文件被更改，包括 1062 次插入 和 2 次删除
分割檢視 顯示文件統計
  1. 222 0
      2020/x-3/addres-depth-staff-list.html
  2. 410 0
      2020/x-3/addres.html
  3. 103 0
      2020/x-3/address-depth-list.html
  4. 138 0
      2020/x-3/address-organization.html
  5. 97 2
      2020/x-3/biz/css/base-ghh.css
  6. 6 0
      2020/x-3/biz/js/page/address-dept-list.js
  7. 6 0
      2020/x-3/biz/js/page/address-dept-staff-list.js
  8. 6 0
      2020/x-3/biz/js/page/address-organization.js
  9. 7 0
      2020/x-3/biz/js/page/pass-change.js
  10. 67 0
      2020/x-3/pass-change.html

+ 222 - 0
2020/x-3/addres-depth-staff-list.html
查看文件 

@ -0,0 +1,222 @@
1 
<!DOCTYPE html>
2 
<html>
3 
<head>
4 
  <title>通讯录-组织构架-部门列表</title>
5 
  <meta charset="utf-8">
6 
  <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
7
8 
  <link rel="stylesheet" type="text/css" href="ipu/ui/css/ipuUI.css">
9 
  <link rel="stylesheet" type="text/css" href="biz/lib/remixicon/remixicon.css">
10 
  <link rel="stylesheet" type="text/css" href="biz/css/base.css">
11
12 
  <script src="ipu/lib/requirejs/require.js"></script>
13 
  <script src="biz/js/require-config.js"></script>
14 
  <script src="biz/js/page/address-dept-staff-list.js"></script>
15 
</head>
16 
<body class="pages-address-dept-staff-list">
17 
<div class="ipu-flex-row ipu-flex-vertical">
18 
  <div class="ipu-flex-col">
19 
    <header class="ipu-toolbar common-bg-white">
20 
      <h1 class="ipu-toolbar-title">PRD</h1>
21 
      <a class="ipu-fn-left page-back" href="javascript:history.back();">
22 
        <i class="ipu-icon ri-arrow-left-s-line"></i>
23 
      </a>
24 
    </header>
25
26 
    <div class="common-search ipu-flex-middle">
27 
      <div class="ipu-flex-grow-1 ipu-flex common-search-content">
28 
        <div class="ipu-flex-center-middle  common-search-tip">
29 
          <i class="common-search-icon ri-search-2-line"></i>
30 
          <span class="common-search-tip-msg">搜索</span>
31 
        </div>
32 
        <form class="ipu-flex-grow-1 common-search-wrap">
33 
          <input class="common-search-input" placeholder="" type="search">
34 
        </form>
35 
        <i class="ipu-flex-grow-0 common-search-input-clear ri-close-circle-fill"></i>
36 
      </div>
37 
      <div class="ipu-flex-grow-0">
38 
        <button class="ipu-btn common-search-btn">搜索</button>
39 
      </div>
40 
    </div>
41
42 
    <div class="ipu-flex-middle organization-nav ipu-fn-bd-b">
43 
      <div class="nav-item">通讯录</div>
44 
      <div class="ri-arrow-right-s-line nav-split"></div>
45 
      <div class="nav-item">组织架构</div>
46 
      <div class="ri-arrow-right-s-line nav-split"></div>
47 
      <div class="nav-item">PRD</div>
48 
    </div>
49
50 
  </div>
51 
  <div class="ipu-flex-col ipu-flex-col-auto">
52 
    <div class="common-page-content">
53 
      <div class="recent-contact">
54
55 
        <div class="ipu-list common-list-padding common-list">
56 
          <ul>
57 
            <li class="ipu-list-item ipu-flex-middle">
58 
              <div class="contact-avater">
59 
                <div class="contcat-img contcat-img-text">笑笑</div>
60 
              </div>
61 
              <div class="ipu-list-item-inner ipu-flex-middle">
62 
                <div class="ipu-flex-grow-1">
63 
                  <div class="ipu-list-item-title-row">
64 
                    <div>
65 
                      <span class="contact-name">张笑笑</span>
66 
                      <span class="contact-mail">(luxf@asiainfo.com)(luxf@asiainfo.com)(luxf@asiainfo.com)</span>
67 
                    </div>
68 
                  </div>
69 
                  <div class="ipu-list-item-subtitle ipu-flex">
70 
                    <div class="contact-info-item ipu-flex-middle">
71 
                      <i class="icon ri-home-8-fill"></i>
72 
                      <div class="contact-leader">
73 
                        产品与解决方案部
74 
                      </div>
75 
                    </div>
76 
                  </div>
77 
                </div>
78 
                <div class="ipu-flex-grow-0">
79 
                  <i class="icon-phone-flag ri-phone-fill"></i>
80 
                </div>
81 
              </div>
82 
            </li>
83 
            <li class="ipu-list-item ipu-flex-middle">
84 
              <div class="contact-avater">
85 
                <img class="contcat-img" alt="" src="temp/1.png">
86 
              </div>
87 
              <div class="ipu-list-item-inner ipu-flex-middle">
88 
                <div class="ipu-flex-grow-1">
89 
                  <div class="ipu-list-item-title-row">
90 
                    <div>
91 
                      <span class="contact-name">张笑笑</span>
92 
                      <span class="contact-mail">(luxf@asiainfo.com)</span>
93 
                    </div>
94 
                  </div>
95 
                  <div class="ipu-list-item-subtitle ipu-flex">
96 
                    <div class="contact-info-item ipu-flex-middle">
97 
                      <i class="icon ri-home-8-fill"></i>
98 
                      <div class="contact-leader">
99 
                        产品与解决方案部
100 
                      </div>
101 
                    </div>
102 
                  </div>
103 
                </div>
104 
                <div class="ipu-flex-grow-0">
105 
                  <i class="icon-phone-flag ri-phone-fill"></i>
106 
                </div>
107 
              </div>
108 
            </li>
109 
            <li class="ipu-list-item ipu-flex-middle">
110 
              <div class="contact-avater">
111 
                <div class="contcat-img contcat-img-text">笑笑</div>
112 
              </div>
113 
              <div class="ipu-list-item-inner ipu-flex-middle">
114 
                <div class="ipu-flex-grow-1">
115 
                  <div class="ipu-list-item-title-row">
116 
                    <div>
117 
                      <span class="contact-name">张笑笑</span>
118 
                      <span class="contact-mail">(luxf@asiainfo.com)(luxf@asiainfo.com)(luxf@asiainfo.com)</span>
119 
                    </div>
120 
                  </div>
121 
                  <div class="ipu-list-item-subtitle ipu-flex">
122 
                    <div class="contact-info-item ipu-flex-middle">
123 
                      <i class="icon ri-home-8-fill"></i>
124 
                      <div class="contact-leader">
125 
                        产品与解决方案部
126 
                      </div>
127 
                    </div>
128 
                  </div>
129 
                </div>
130 
                <div class="ipu-flex-grow-0">
131 
                  <i class="icon-phone-flag ri-phone-fill"></i>
132 
                </div>
133 
              </div>
134 
            </li>
135 
            <li class="ipu-list-item ipu-flex-middle">
136 
              <div class="contact-avater">
137 
                <img class="contcat-img" alt="" src="temp/1.png">
138 
              </div>
139 
              <div class="ipu-list-item-inner ipu-flex-middle">
140 
                <div class="ipu-flex-grow-1">
141 
                  <div class="ipu-list-item-title-row">
142 
                    <div>
143 
                      <span class="contact-name">张笑笑</span>
144 
                      <span class="contact-mail">(luxf@asiainfo.com)</span>
145 
                    </div>
146 
                  </div>
147 
                  <div class="ipu-list-item-subtitle ipu-flex">
148 
                    <div class="contact-info-item ipu-flex-middle">
149 
                      <i class="icon ri-home-8-fill"></i>
150 
                      <div class="contact-leader">
151 
                        产品与解决方案部
152 
                      </div>
153 
                    </div>
154 
                  </div>
155 
                </div>
156 
                <div class="ipu-flex-grow-0">
157 
                  <i class="icon-phone-flag ri-phone-fill"></i>
158 
                </div>
159 
              </div>
160 
            </li>
161 
            <li class="ipu-list-item ipu-flex-middle">
162 
              <div class="contact-avater">
163 
                <div class="contcat-img contcat-img-text">笑笑</div>
164 
              </div>
165 
              <div class="ipu-list-item-inner ipu-flex-middle">
166 
                <div class="ipu-flex-grow-1">
167 
                  <div class="ipu-list-item-title-row">
168 
                    <div>
169 
                      <span class="contact-name">张笑笑</span>
170 
                      <span class="contact-mail">(luxf@asiainfo.com)(luxf@asiainfo.com)(luxf@asiainfo.com)</span>
171 
                    </div>
172 
                  </div>
173 
                  <div class="ipu-list-item-subtitle ipu-flex">
174 
                    <div class="contact-info-item ipu-flex-middle">
175 
                      <i class="icon ri-home-8-fill"></i>
176 
                      <div class="contact-leader">
177 
                        产品与解决方案部
178 
                      </div>
179 
                    </div>
180 
                  </div>
181 
                </div>
182 
                <div class="ipu-flex-grow-0">
183 
                  <i class="icon-phone-flag ri-phone-fill"></i>
184 
                </div>
185 
              </div>
186 
            </li>
187 
            <li class="ipu-list-item ipu-flex-middle">
188 
              <div class="contact-avater">
189 
                <img class="contcat-img" alt="" src="temp/1.png">
190 
              </div>
191 
              <div class="ipu-list-item-inner ipu-flex-middle">
192 
                <div class="ipu-flex-grow-1">
193 
                  <div class="ipu-list-item-title-row">
194 
                    <div>
195 
                      <span class="contact-name">张笑笑</span>
196 
                      <span class="contact-mail">(luxf@asiainfo.com)</span>
197 
                    </div>
198 
                  </div>
199 
                  <div class="ipu-list-item-subtitle ipu-flex">
200 
                    <div class="contact-info-item ipu-flex-middle">
201 
                      <i class="icon ri-home-8-fill"></i>
202 
                      <div class="contact-leader">
203 
                        产品与解决方案部
204 
                      </div>
205 
                    </div>
206 
                  </div>
207 
                </div>
208 
                <div class="ipu-flex-grow-0">
209 
                  <i class="icon-phone-flag ri-phone-fill"></i>
210 
                </div>
211 
              </div>
212 
            </li>
213 
          </ul>
214 
        </div>
215
216 
      </div>
217
218 
    </div>
219 
  </div>
220 
</div>
221 
</body>
222 
</html>

+ 410 - 0
2020/x-3/addres.html
查看文件 

@ -0,0 +1,410 @@
1 
<!DOCTYPE html>
2 
<html>
3 
<head>
4 
  <title>通讯录</title>
5 
  <meta charset="utf-8">
6 
  <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
7
8 
  <link rel="stylesheet" type="text/css" href="ipu/ui/css/ipuUI.css">
9 
  <link rel="stylesheet" type="text/css" href="biz/lib/remixicon/remixicon.css">
10 
  <link rel="stylesheet" type="text/css" href="biz/css/base.css">
11
12 
  <script src="ipu/lib/requirejs/require.js"></script>
13 
  <script src="biz/js/require-config.js"></script>
14 
  <script src="biz/js/page/contact.js"></script>
15 
</head>
16 
<body class="pages-contact common-bg-gray pages-address">
17 
<div class="ipu-flex-row ipu-flex-vertical">
18 
  <div class="ipu-flex-col">
19 
    <header class="ipu-toolbar common-bg-white">
20 
      <h1 class="ipu-toolbar-title">通讯录</h1>
21 
      <a class="ipu-fn-left page-back" href="javascript:history.back();">
22 
        <i class="ipu-icon ri-arrow-left-s-line"></i>
23 
      </a>
24 
    </header>
25 
    <div class="common-search ipu-flex-middle">
26 
      <div class="ipu-flex-grow-1 ipu-flex common-search-content">
27 
        <div class="ipu-flex-center-middle  common-search-tip">
28 
          <i class="common-search-icon ri-search-2-line"></i>
29 
          <span class="common-search-tip-msg">搜索</span>
30 
        </div>
31 
        <form class="ipu-flex-grow-1 common-search-wrap">
32 
          <input class="common-search-input" placeholder="" type="search">
33 
        </form>
34 
        <i class="ipu-flex-grow-0 common-search-input-clear ri-close-circle-fill"></i>
35 
      </div>
36 
      <div class="ipu-flex-grow-0">
37 
        <button class="ipu-btn common-search-btn">搜索</button>
38 
      </div>
39 
    </div>
40
41 
    <div class="ipu-list common-list organization-list">
42 
      <ul>
43 
        <li class="ipu-list-item ipu-flex-middle">
44 
          <div class="contact-avater">
45 
            <div class="contcat-img contcat-img-text">PRD</div>
46 
          </div>
47 
          <div class="ipu-list-item-inner ipu-flex-middle">
48 
            <div class="ipu-flex-grow-1">
49 
              <div class="organization-name">组织架构</div>
50 
            </div>
51 
            <div class="ipu-flex-grow-0">
52 
              <i class="link-to-detail ri-arrow-right-s-line"></i>
53 
            </div>
54 
          </div>
55 
        </li>
56 
      </ul>
57 
    </div>
58 
  </div>
59 
  <div class="ipu-flex-col ipu-flex-col-auto address-content-block">
60 
    <div class="ipu-flex-content common-bg-white contact-common on">
61 
      <div class="recent-contact-title">
62 
        我的部门
63 
      </div>
64 
      <div class="common-page-content">
65 
        <div class="recent-contact">
66
67 
          <div class="ipu-list common-list-padding common-list">
68 
            <ul>
69 
              <li class="ipu-list-item ipu-flex-middle">
70 
                <div class="contact-avater">
71 
                  <div class="contcat-img contcat-img-text">笑笑</div>
72 
                </div>
73 
                <div class="ipu-list-item-inner ipu-flex-middle">
74 
                  <div class="ipu-flex-grow-1">
75 
                    <div class="ipu-list-item-title-row">
76 
                      <div>
77 
                        <span class="contact-name">张笑笑</span>
78 
                        <span class="contact-mail">(luxf@asiainfo.com)(luxf@asiainfo.com)(luxf@asiainfo.com)</span>
79 
                      </div>
80 
                    </div>
81 
                    <div class="ipu-list-item-subtitle ipu-flex">
82 
                      <div class="contact-info-item ipu-flex-middle">
83 
                        <i class="icon ri-home-8-fill"></i>
84 
                        <div class="contact-leader">
85 
                          产品与解决方案部
86 
                        </div>
87 
                      </div>
88 
                    </div>
89 
                  </div>
90 
                  <div class="ipu-flex-grow-0">
91 
                    <i class="icon-phone-flag ri-phone-fill"></i>
92 
                  </div>
93 
                </div>
94 
              </li>
95 
              <li class="ipu-list-item ipu-flex-middle">
96 
                <div class="contact-avater">
97 
                  <img class="contcat-img" alt="" src="temp/1.png">
98 
                </div>
99 
                <div class="ipu-list-item-inner ipu-flex-middle">
100 
                  <div class="ipu-flex-grow-1">
101 
                    <div class="ipu-list-item-title-row">
102 
                      <div>
103 
                        <span class="contact-name">张笑笑</span>
104 
                        <span class="contact-mail">(luxf@asiainfo.com)</span>
105 
                      </div>
106 
                    </div>
107 
                    <div class="ipu-list-item-subtitle ipu-flex">
108 
                      <div class="contact-info-item ipu-flex-middle">
109 
                        <i class="icon ri-home-8-fill"></i>
110 
                        <div class="contact-leader">
111 
                          产品与解决方案部
112 
                        </div>
113 
                      </div>
114 
                    </div>
115 
                  </div>
116 
                  <div class="ipu-flex-grow-0">
117 
                    <i class="icon-phone-flag ri-phone-fill"></i>
118 
                  </div>
119 
                </div>
120 
              </li>
121 
              <li class="ipu-list-item ipu-flex-middle">
122 
                <div class="contact-avater">
123 
                  <div class="contcat-img contcat-img-text">笑笑</div>
124 
                </div>
125 
                <div class="ipu-list-item-inner ipu-flex-middle">
126 
                  <div class="ipu-flex-grow-1">
127 
                    <div class="ipu-list-item-title-row">
128 
                      <div>
129 
                        <span class="contact-name">张笑笑</span>
130 
                        <span class="contact-mail">(luxf@asiainfo.com)(luxf@asiainfo.com)(luxf@asiainfo.com)</span>
131 
                      </div>
132 
                    </div>
133 
                    <div class="ipu-list-item-subtitle ipu-flex">
134 
                      <div class="contact-info-item ipu-flex-middle">
135 
                        <i class="icon ri-home-8-fill"></i>
136 
                        <div class="contact-leader">
137 
                          产品与解决方案部
138 
                        </div>
139 
                      </div>
140 
                    </div>
141 
                  </div>
142 
                  <div class="ipu-flex-grow-0">
143 
                    <i class="icon-phone-flag ri-phone-fill"></i>
144 
                  </div>
145 
                </div>
146 
              </li>
147 
              <li class="ipu-list-item ipu-flex-middle">
148 
                <div class="contact-avater">
149 
                  <img class="contcat-img" alt="" src="temp/1.png">
150 
                </div>
151 
                <div class="ipu-list-item-inner ipu-flex-middle">
152 
                  <div class="ipu-flex-grow-1">
153 
                    <div class="ipu-list-item-title-row">
154 
                      <div>
155 
                        <span class="contact-name">张笑笑</span>
156 
                        <span class="contact-mail">(luxf@asiainfo.com)</span>
157 
                      </div>
158 
                    </div>
159 
                    <div class="ipu-list-item-subtitle ipu-flex">
160 
                      <div class="contact-info-item ipu-flex-middle">
161 
                        <i class="icon ri-home-8-fill"></i>
162 
                        <div class="contact-leader">
163 
                          产品与解决方案部
164 
                        </div>
165 
                      </div>
166 
                    </div>
167 
                  </div>
168 
                  <div class="ipu-flex-grow-0">
169 
                    <i class="icon-phone-flag ri-phone-fill"></i>
170 
                  </div>
171 
                </div>
172 
              </li>
173 
              <li class="ipu-list-item ipu-flex-middle">
174 
                <div class="contact-avater">
175 
                  <div class="contcat-img contcat-img-text">笑笑</div>
176 
                </div>
177 
                <div class="ipu-list-item-inner ipu-flex-middle">
178 
                  <div class="ipu-flex-grow-1">
179 
                    <div class="ipu-list-item-title-row">
180 
                      <div>
181 
                        <span class="contact-name">张笑笑</span>
182 
                        <span class="contact-mail">(luxf@asiainfo.com)(luxf@asiainfo.com)(luxf@asiainfo.com)</span>
183 
                      </div>
184 
                    </div>
185 
                    <div class="ipu-list-item-subtitle ipu-flex">
186 
                      <div class="contact-info-item ipu-flex-middle">
187 
                        <i class="icon ri-home-8-fill"></i>
188 
                        <div class="contact-leader">
189 
                          产品与解决方案部
190 
                        </div>
191 
                      </div>
192 
                    </div>
193 
                  </div>
194 
                  <div class="ipu-flex-grow-0">
195 
                    <i class="icon-phone-flag ri-phone-fill"></i>
196 
                  </div>
197 
                </div>
198 
              </li>
199 
              <li class="ipu-list-item ipu-flex-middle">
200 
                <div class="contact-avater">
201 
                  <img class="contcat-img" alt="" src="temp/1.png">
202 
                </div>
203 
                <div class="ipu-list-item-inner ipu-flex-middle">
204 
                  <div class="ipu-flex-grow-1">
205 
                    <div class="ipu-list-item-title-row">
206 
                      <div>
207 
                        <span class="contact-name">张笑笑</span>
208 
                        <span class="contact-mail">(luxf@asiainfo.com)</span>
209 
                      </div>
210 
                    </div>
211 
                    <div class="ipu-list-item-subtitle ipu-flex">
212 
                      <div class="contact-info-item ipu-flex-middle">
213 
                        <i class="icon ri-home-8-fill"></i>
214 
                        <div class="contact-leader">
215 
                          产品与解决方案部
216 
                        </div>
217 
                      </div>
218 
                    </div>
219 
                  </div>
220 
                  <div class="ipu-flex-grow-0">
221 
                    <i class="icon-phone-flag ri-phone-fill"></i>
222 
                  </div>
223 
                </div>
224 
              </li>
225 
            </ul>
226 
          </div>
227
228 
        </div>
229
230 
      </div>
231 
    </div>
232 
    <div class="ipu-flex-content common-bg-white contact-search" id="refresh-contact">
233 
      <div class="ipu-refresh-wrapper ">
234 
        <div class="common-page-content">
235 
          <div class="recent-contact">
236
237 
            <div class="ipu-list common-list-padding common-list">
238 
              <ul>
239 
                <li class="ipu-list-item ipu-flex-middle">
240 
                  <div class="contact-avater">
241 
                    <div class="contcat-img contcat-img-text">笑笑</div>
242 
                  </div>
243 
                  <div class="ipu-list-item-inner ipu-flex-middle">
244 
                    <div class="ipu-flex-grow-1">
245 
                      <div class="ipu-list-item-title-row">
246 
                        <div>
247 
                          <span class="contact-name">张笑笑</span>
248 
                          <span class="contact-mail">(luxf@asiainfo.com)(luxf@asiainfo.com)(luxf@asiainfo.com)</span>
249 
                        </div>
250 
                      </div>
251 
                      <div class="ipu-list-item-subtitle ipu-flex">
252 
                        <div class="contact-info-item ipu-flex-middle">
253 
                          <i class="icon ri-home-8-fill"></i>
254 
                          <div class="contact-leader">
255 
                            产品与解决方案部
256 
                          </div>
257 
                        </div>
258 
                      </div>
259 
                    </div>
260 
                    <div class="ipu-flex-grow-0">
261 
                      <i class="icon-phone-flag ri-phone-fill"></i>
262 
                    </div>
263 
                  </div>
264 
                </li>
265 
                <li class="ipu-list-item ipu-flex-middle">
266 
                  <div class="contact-avater">
267 
                    <img class="contcat-img" alt="" src="temp/1.png">
268 
                  </div>
269 
                  <div class="ipu-list-item-inner ipu-flex-middle">
270 
                    <div class="ipu-flex-grow-1">
271 
                      <div class="ipu-list-item-title-row">
272 
                        <div>
273 
                          <span class="contact-name">张笑笑</span>
274 
                          <span class="contact-mail">(luxf@asiainfo.com)</span>
275 
                        </div>
276 
                      </div>
277 
                      <div class="ipu-list-item-subtitle ipu-flex">
278 
                        <div class="contact-info-item ipu-flex-middle">
279 
                          <i class="icon ri-home-8-fill"></i>
280 
                          <div class="contact-leader">
281 
                            产品与解决方案部
282 
                          </div>
283 
                        </div>
284 
                      </div>
285 
                    </div>
286 
                    <div class="ipu-flex-grow-0">
287 
                      <i class="icon-phone-flag ri-phone-fill"></i>
288 
                    </div>
289 
                  </div>
290 
                </li>
291 
                <li class="ipu-list-item ipu-flex-middle">
292 
                  <div class="contact-avater">
293 
                    <div class="contcat-img contcat-img-text">笑笑</div>
294 
                  </div>
295 
                  <div class="ipu-list-item-inner ipu-flex-middle">
296 
                    <div class="ipu-flex-grow-1">
297 
                      <div class="ipu-list-item-title-row">
298 
                        <div>
299 
                          <span class="contact-name">张笑笑</span>
300 
                          <span class="contact-mail">(luxf@asiainfo.com)(luxf@asiainfo.com)(luxf@asiainfo.com)</span>
301 
                        </div>
302 
                      </div>
303 
                      <div class="ipu-list-item-subtitle ipu-flex">
304 
                        <div class="contact-info-item ipu-flex-middle">
305 
                          <i class="icon ri-home-8-fill"></i>
306 
                          <div class="contact-leader">
307 
                            产品与解决方案部
308 
                          </div>
309 
                        </div>
310 
                      </div>
311 
                    </div>
312 
                    <div class="ipu-flex-grow-0">
313 
                      <i class="icon-phone-flag ri-phone-fill"></i>
314 
                    </div>
315 
                  </div>
316 
                </li>
317 
                <li class="ipu-list-item ipu-flex-middle">
318 
                  <div class="contact-avater">
319 
                    <img class="contcat-img" alt="" src="temp/1.png">
320 
                  </div>
321 
                  <div class="ipu-list-item-inner ipu-flex-middle">
322 
                    <div class="ipu-flex-grow-1">
323 
                      <div class="ipu-list-item-title-row">
324 
                        <div>
325 
                          <span class="contact-name">张笑笑</span>
326 
                          <span class="contact-mail">(luxf@asiainfo.com)</span>
327 
                        </div>
328 
                      </div>
329 
                      <div class="ipu-list-item-subtitle ipu-flex">
330 
                        <div class="contact-info-item ipu-flex-middle">
331 
                          <i class="icon ri-home-8-fill"></i>
332 
                          <div class="contact-leader">
333 
                            产品与解决方案部
334 
                          </div>
335 
                        </div>
336 
                      </div>
337 
                    </div>
338 
                    <div class="ipu-flex-grow-0">
339 
                      <i class="icon-phone-flag ri-phone-fill"></i>
340 
                    </div>
341 
                  </div>
342 
                </li>
343 
                <li class="ipu-list-item ipu-flex-middle">
344 
                  <div class="contact-avater">
345 
                    <div class="contcat-img contcat-img-text">笑笑</div>
346 
                  </div>
347 
                  <div class="ipu-list-item-inner ipu-flex-middle">
348 
                    <div class="ipu-flex-grow-1">
349 
                      <div class="ipu-list-item-title-row">
350 
                        <div>
351 
                          <span class="contact-name">张笑笑</span>
352 
                          <span class="contact-mail">(luxf@asiainfo.com)(luxf@asiainfo.com)(luxf@asiainfo.com)</span>
353 
                        </div>
354 
                      </div>
355 
                      <div class="ipu-list-item-subtitle ipu-flex">
356 
                        <div class="contact-info-item ipu-flex-middle">
357 
                          <i class="icon ri-home-8-fill"></i>
358 
                          <div class="contact-leader">
359 
                            产品与解决方案部
360 
                          </div>
361 
                        </div>
362 
                      </div>
363 
                    </div>
364 
                    <div class="ipu-flex-grow-0">
365 
                      <i class="icon-phone-flag ri-phone-fill"></i>
366 
                    </div>
367 
                  </div>
368 
                </li>
369 
                <li class="ipu-list-item ipu-flex-middle">
370 
                  <div class="contact-avater">
371 
                    <img class="contcat-img" alt="" src="temp/1.png">
372 
                  </div>
373 
                  <div class="ipu-list-item-inner ipu-flex-middle">
374 
                    <div class="ipu-flex-grow-1">
375 
                      <div class="ipu-list-item-title-row">
376 
                        <div>
377 
                          <span class="contact-name">张笑笑</span>
378 
                          <span class="contact-mail">(luxf@asiainfo.com)</span>
379 
                        </div>
380 
                      </div>
381 
                      <div class="ipu-list-item-subtitle ipu-flex">
382 
                        <div class="contact-info-item ipu-flex-middle">
383 
                          <i class="icon ri-home-8-fill"></i>
384 
                          <div class="contact-leader">
385 
                            产品与解决方案部
386 
                          </div>
387 
                        </div>
388 
                      </div>
389 
                    </div>
390 
                    <div class="ipu-flex-grow-0">
391 
                      <i class="icon-phone-flag ri-phone-fill"></i>
392 
                    </div>
393 
                  </div>
394 
                </li>
395 
              </ul>
396 
            </div>
397
398 
            <div class="data-empty-message">
399 
              没有查找到联系人
400 
            </div>
401
402 
          </div>
403
404 
        </div>
405 
      </div>
406 
    </div>
407 
  </div>
408 
</div>
409 
</body>
410 
</html>

+ 103 - 0
2020/x-3/address-depth-list.html
查看文件 

@ -0,0 +1,103 @@
1 
<!DOCTYPE html>
2 
<html>
3 
<head>
4 
  <title>通讯录-组织构架-部门列表</title>
5 
  <meta charset="utf-8">
6 
  <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
7
8 
  <link rel="stylesheet" type="text/css" href="ipu/ui/css/ipuUI.css">
9 
  <link rel="stylesheet" type="text/css" href="biz/lib/remixicon/remixicon.css">
10 
  <link rel="stylesheet" type="text/css" href="biz/css/base.css">
11
12 
  <script src="ipu/lib/requirejs/require.js"></script>
13 
  <script src="biz/js/require-config.js"></script>
14 
  <script src="biz/js/page/address-dept-list.js"></script>
15 
</head>
16 
<body class="pages-address-dept-list">
17 
<div class="ipu-flex-row ipu-flex-vertical">
18 
  <div class="ipu-flex-col">
19 
    <header class="ipu-toolbar common-bg-white">
20 
      <h1 class="ipu-toolbar-title">PRD</h1>
21 
      <a class="ipu-fn-left page-back" href="javascript:history.back();">
22 
        <i class="ipu-icon ri-arrow-left-s-line"></i>
23 
      </a>
24 
    </header>
25
26 
    <div class="common-search ipu-flex-middle">
27 
      <div class="ipu-flex-grow-1 ipu-flex common-search-content">
28 
        <div class="ipu-flex-center-middle  common-search-tip">
29 
          <i class="common-search-icon ri-search-2-line"></i>
30 
          <span class="common-search-tip-msg">搜索</span>
31 
        </div>
32 
        <form class="ipu-flex-grow-1 common-search-wrap">
33 
          <input class="common-search-input" placeholder="" type="search">
34 
        </form>
35 
        <i class="ipu-flex-grow-0 common-search-input-clear ri-close-circle-fill"></i>
36 
      </div>
37 
      <div class="ipu-flex-grow-0">
38 
        <button class="ipu-btn common-search-btn">搜索</button>
39 
      </div>
40 
    </div>
41
42 
    <div class="ipu-flex-middle organization-nav ipu-fn-bd-b">
43 
      <div class="nav-item">通讯录</div>
44 
      <div class="ri-arrow-right-s-line nav-split"></div>
45 
      <div class="nav-item">组织架构</div>
46 
      <div class="ri-arrow-right-s-line nav-split"></div>
47 
      <div class="nav-item">PRD</div>
48 
    </div>
49
50 
  </div>
51 
  <div class="ipu-flex-col ipu-flex-col-auto">
52 
    <div class="ipu-flex-content common-bg-white">
53 
      <div class="common-page-content">
54 
        <div class="recent-contact">
55
56 
          <div class="ipu-list organization-list common-list">
57 
            <ul>
58 
              <li class="ipu-list-item ipu-flex-middle">
59 
                <div class="ipu-list-item-inner ipu-flex-middle">
60 
                  <div class="ipu-flex-grow-1">
61 
                    <div class="organization-name">PRD全称</div>
62 
                    <div class="organization-desc"> (10个部门）</div>
63 
                  </div>
64 
                  <div class="ipu-flex-grow-0">
65 
                    <i class="link-to-detail ri-arrow-right-s-line"></i>
66 
                  </div>
67 
                </div>
68 
              </li>
69
70 
              <li class="ipu-list-item ipu-flex-middle">
71 
                <div class="ipu-list-item-inner ipu-flex-middle">
72 
                  <div class="ipu-flex-grow-1">
73 
                    <div class="organization-name">PRD全称</div>
74 
                    <div class="organization-desc"> (10个部门）</div>
75 
                  </div>
76 
                  <div class="ipu-flex-grow-0">
77 
                    <i class="link-to-detail ri-arrow-right-s-line"></i>
78 
                  </div>
79 
                </div>
80 
              </li>
81
82 
              <li class="ipu-list-item ipu-flex-middle">
83 
                <div class="ipu-list-item-inner ipu-flex-middle">
84 
                  <div class="ipu-flex-grow-1">
85 
                    <div class="organization-name">PRD全称</div>
86 
                  </div>
87 
                  <div class="ipu-flex-grow-0">
88 
                    <i class="link-to-detail ri-arrow-right-s-line"></i>
89 
                  </div>
90 
                </div>
91 
              </li>
92
93 
            </ul>
94 
          </div>
95
96 
        </div>
97
98 
      </div>
99 
    </div>
100 
  </div>
101 
</div>
102 
</body>
103 
</html>

+ 138 - 0
2020/x-3/address-organization.html
查看文件 

@ -0,0 +1,138 @@
1 
<!DOCTYPE html>
2 
<html>
3 
<head>
4 
  <title>通讯录-组织构架</title>
5 
  <meta charset="utf-8">
6 
  <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
7
8 
  <link rel="stylesheet" type="text/css" href="ipu/ui/css/ipuUI.css">
9 
  <link rel="stylesheet" type="text/css" href="biz/lib/remixicon/remixicon.css">
10 
  <link rel="stylesheet" type="text/css" href="biz/css/base.css">
11
12 
  <script src="ipu/lib/requirejs/require.js"></script>
13 
  <script src="biz/js/require-config.js"></script>
14 
  <script src="biz/js/page/address-organization.js"></script>
15 
</head>
16 
<body class="pages-address-organization">
17 
<div class="ipu-flex-row ipu-flex-vertical">
18 
  <div class="ipu-flex-col">
19 
    <header class="ipu-toolbar common-bg-white">
20 
      <h1 class="ipu-toolbar-title">组织构架</h1>
21 
      <a class="ipu-fn-left page-back" href="javascript:history.back();">
22 
        <i class="ipu-icon ri-arrow-left-s-line"></i>
23 
      </a>
24 
    </header>
25
26 
    <div class="common-search ipu-flex-middle">
27 
      <div class="ipu-flex-grow-1 ipu-flex common-search-content">
28 
        <div class="ipu-flex-center-middle  common-search-tip">
29 
          <i class="common-search-icon ri-search-2-line"></i>
30 
          <span class="common-search-tip-msg">搜索</span>
31 
        </div>
32 
        <form class="ipu-flex-grow-1 common-search-wrap">
33 
          <input class="common-search-input" placeholder="" type="search">
34 
        </form>
35 
        <i class="ipu-flex-grow-0 common-search-input-clear ri-close-circle-fill"></i>
36 
      </div>
37 
      <div class="ipu-flex-grow-0">
38 
        <button class="ipu-btn common-search-btn">搜索</button>
39 
      </div>
40 
    </div>
41
42 
    <div class="ipu-flex-middle organization-nav ipu-fn-bd-b">
43 
      <div class="nav-item">通讯录</div>
44 
      <div class="ri-arrow-right-s-line nav-split"></div>
45 
      <div class="nav-item">组织架构</div>
46 
    </div>
47
48 
  </div>
49 
  <div class="ipu-flex-col ipu-flex-col-auto">
50 
    <div class="ipu-flex-content common-bg-white">
51 
      <div class="common-page-content">
52 
        <div class="recent-contact">
53
54 
          <div class="ipu-list common-list organization-list">
55 
            <ul>
56 
              <li class="ipu-list-item ipu-flex-middle">
57 
                <div class="contact-avater">
58 
                  <div class="contcat-img contcat-img-text">PRD</div>
59 
                </div>
60 
                <div class="ipu-list-item-inner ipu-flex-middle">
61 
                  <div class="ipu-flex-grow-1">
62 
                    <div class="organization-name">PRD全称</div>
63 
                    <div class="organization-desc"> (10个部门）</div>
64 
                  </div>
65 
                  <div class="ipu-flex-grow-0">
66 
                    <i class="link-to-detail ri-arrow-right-s-line"></i>
67 
                  </div>
68 
                </div>
69 
              </li>
70
71 
              <li class="ipu-list-item ipu-flex-middle">
72 
                <div class="contact-avater">
73 
                  <img class="contcat-img" alt="" src="temp/1.png">
74 
                </div>
75 
                <div class="ipu-list-item-inner ipu-flex-middle">
76 
                  <div class="ipu-flex-grow-1">
77 
                    <div class="organization-name">PRD全称</div>
78 
                    <div class="organization-desc"> (10个部门）</div>
79 
                  </div>
80 
                  <div class="ipu-flex-grow-0">
81 
                    <i class="link-to-detail ri-arrow-right-s-line"></i>
82 
                  </div>
83 
                </div>
84 
              </li>
85
86 
              <li class="ipu-list-item ipu-flex-middle">
87 
                <div class="contact-avater">
88 
                  <div class="contcat-img contcat-img-text">PRD</div>
89 
                </div>
90 
                <div class="ipu-list-item-inner ipu-flex-middle">
91 
                  <div class="ipu-flex-grow-1">
92 
                    <div class="organization-name">PRD全称</div>
93 
                  </div>
94 
                  <div class="ipu-flex-grow-0">
95 
                    <i class="link-to-detail ri-arrow-right-s-line"></i>
96 
                  </div>
97 
                </div>
98 
              </li>
99
100 
              <li class="ipu-list-item ipu-flex-middle">
101 
                <div class="contact-avater">
102 
                  <div class="contcat-img contcat-img-text">PRD</div>
103 
                </div>
104 
                <div class="ipu-list-item-inner ipu-flex-middle">
105 
                  <div class="ipu-flex-grow-1">
106 
                    <div class="organization-name">PRD全称</div>
107 
                  </div>
108 
                  <div class="ipu-flex-grow-0">
109 
                    <i class="link-to-detail ri-arrow-right-s-line"></i>
110 
                  </div>
111 
                </div>
112 
              </li>
113
114 
              <li class="ipu-list-item ipu-flex-middle">
115 
                <div class="contact-avater">
116 
                  <div class="contcat-img contcat-img-text">PRD</div>
117 
                </div>
118 
                <div class="ipu-list-item-inner ipu-flex-middle">
119 
                  <div class="ipu-flex-grow-1">
120 
                    <div class="organization-name">PRD全称</div>
121 
                  </div>
122 
                  <div class="ipu-flex-grow-0">
123 
                    <i class="link-to-detail ri-arrow-right-s-line"></i>
124 
                  </div>
125 
                </div>
126 
              </li>
127
128 
            </ul>
129 
          </div>
130
131 
        </div>
132
133 
      </div>
134 
    </div>
135 
  </div>
136 
</div>
137 
</body>
138 
</html>

+ 97 - 2
2020/x-3/biz/css/base-ghh.css
查看文件 

@ -3569,7 +3569,7 @@ input[type="search"]::-webkit-search-cancel-button {
3569 3569 
  flex-direction: row;
3570 3570 
}
3571 3571
3572 
.pages-contact .icon-phone-flag {
3572 
.icon-phone-flag {
3573 3573 
  display: block;
3574 3574 
  font-size: .18rem;
3575 3575 
  color: #CBD5E0;
 
@ -4643,6 +4643,101 @@ body.date-picked .list-item-pickered {
4643 4643 
.pages-message-weeklog-list .notice-list-item-content-wrap {
4644 4644 
  padding-right: .1rem;
4645 4645 
}
4646 
.pages-message-weeklog-list .ipu-list-item-link:after{
4646
4647 
.pages-message-weeklog-list .ipu-list-item-link:after {
4647 4648 
  width: .2rem;
4649 
}
4650
4651 
.organization-nav {
4652 
  padding: .05rem .2rem 0;
4653 
  font-size: .14rem;
4654 
  line-height: 1;
4655 
  color: #A0AEC0;
4656 
}
4657
4658 
.organization-nav .nav-split {
4659 
  padding-left: .03rem;
4660 
  font-size: .2rem;
4661 
}
4662
4663 
.organization-nav .nav-item:not(:last-child) {
4664 
  color: #0B69FF;
4665 
}
4666
4667 
.organization-list .contcat-img-text {
4668 
  background-color: #0F76FD;
4669 
}
4670
4671 
.organization-list .link-to-detail {
4672 
  font-size: .2rem;
4673 
  color: #A0AEC0;
4674 
}
4675
4676 
.organization-list .organization-name {
4677 
  font-weight: 500;
4678 
  font-size: .16rem;
4679 
  line-height: .22rem;
4680 
  color: #1A202C;
4681 
}
4682
4683 
.organization-list .organization-desc {
4684 
  color: #95A0B3;
4685 
  font-size: .14rem;
4686 
  line-height: .22rem;
4687 
}
4688
4689 
.organization-list .ipu-list-item-inner {
4690 
  padding-top: .09rem;
4691 
  padding-bottom: .07rem;
4692 
}
4693
4694 
.organization-list .contact-avater {
4695 
  padding-top: .10rem;
4696 
  padding-bottom: .10rem;
4697 
}
4698
4699 
.organization-list .ipu-list-item {
4700 
  min-height: .6rem;
4701 
}
4702
4703 
.organization-nav {
4704 
  padding-bottom: .18rem;
4705 
}
4706
4707 
.address-content-block {
4708 
  margin-top: .1rem;
4709 
}
4710
4711 
.pass-change-form .ipu-list .ipu-list-item {
4712 
  padding-left: 0;
4713 
}
4714
4715 
.pass-change-form {
4716 
  margin: .3rem;
4717 
}
4718
4719 
.pass-change-form .form-invalid-msg {
4720 
  font-size: .14rem;
4721 
  line-height: .22rem;
4722 
  color: #F3586B;
4723 
  padding: .12rem 0 .12rem;
4724 
}
4725
4726 
.pass-change-form .ipu-list-item-inner {
4727 
  padding-top: .12rem;
4728 
  padding-bottom: .12rem;
4729 
}
4730
4731 
.pass-change-form .ipu-list-item-input {
4732 
  font-size: .16rem;
4733 
  line-height: .24rem;
4734 
  color: #1A202C;
4735 
}
4736
4737 
.pass-change-form .ipu-list-item-input::-webkit-input-placeholder {
4738 
  color: #B9BFC6;
4739 
}
4740
4741 
.pass-change-form .form-btn-wrap {
4742 
  margin-top: .6rem;
4648 4743 
}

+ 6 - 0
2020/x-3/biz/js/page/address-dept-list.js
查看文件 

@ -0,0 +1,6 @@
1 
require(["ipuUI", "jquery"], function (ipuUI, $, tool, artTemplate) {
2 
  $.sizeReady(function () {  // 大部分情况建议使用$.sizeReady函数，默认的$.ready下执行时，部分组件可能出现初始化异常
3
4
5 
  });
6 
});

+ 6 - 0
2020/x-3/biz/js/page/address-dept-staff-list.js
查看文件 

@ -0,0 +1,6 @@
1 
require(["ipuUI", "jquery"], function (ipuUI, $, tool, artTemplate) {
2 
  $.sizeReady(function () {  // 大部分情况建议使用$.sizeReady函数，默认的$.ready下执行时，部分组件可能出现初始化异常
3
4
5 
  });
6 
});

+ 6 - 0
2020/x-3/biz/js/page/address-organization.js
查看文件 

@ -0,0 +1,6 @@
1 
require(["ipuUI", "jquery"], function (ipuUI, $, tool, artTemplate) {
2 
  $.sizeReady(function () {  // 大部分情况建议使用$.sizeReady函数，默认的$.ready下执行时，部分组件可能出现初始化异常
3
4
5 
  });
6 
});

+ 7 - 0
2020/x-3/biz/js/page/pass-change.js
查看文件 

@ -0,0 +1,7 @@
1 
require(["ipuUI", "jquery", 'tool', 'artTemplate'], function (ipuUI, $, tool, artTemplate) {
2 
  $.sizeReady(function () {  // 大部分情况建议使用$.sizeReady函数，默认的$.ready下执行时，部分组件可能出现初始化异常
3
4
5
6 
  });
7 
});

+ 67 - 0
2020/x-3/pass-change.html
查看文件 

@ -0,0 +1,67 @@
1 
<!DOCTYPE html>
2 
<html>
3 
<head>
4 
  <title>修改密码</title>
5 
  <meta charset="utf-8">
6 
  <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
7
8 
  <link rel="stylesheet" type="text/css" href="ipu/ui/css/ipuUI.css">
9 
  <link rel="stylesheet" type="text/css" href="biz/lib/remixicon/remixicon.css">
10 
  <link rel="stylesheet" type="text/css" href="biz/css/base.css">
11
12 
  <script src="ipu/lib/requirejs/require.js"></script>
13 
  <script src="biz/js/require-config.js"></script>
14 
  <script src="biz/js/page/pass-change.js"></script>
15 
</head>
16 
<body class="pages-pass-change">
17 
<div class="ipu-flex-row ipu-flex-vertical">
18 
  <div class="ipu-flex-col">
19 
    <header class="ipu-toolbar common-bg-white">
20 
      <h1 class="ipu-toolbar-title">修改密码</h1>
21 
      <a class="ipu-fn-left page-back" href="javascript:history.back();">
22 
        <i class="ipu-icon ri-arrow-left-s-line"></i>
23 
      </a>
24 
    </header>
25 
  </div>
26 
  <div class="ipu-flex-col ipu-flex-col-auto">
27 
    <div class="common-page-content pass-change-form">
28 
      <div class="ipu-list common-list ipu-list-form">
29 
        <ul>
30 
          <li class="ipu-list-item">
31 
            <div class="ipu-list-item-inner">
32 
              <div class="ipu-list-item-input-wrap">
33 
                <input class="ipu-list-item-input" type="password" placeholder="请输入旧密码">
34 
              </div>
35 
            </div>
36 
          </li>
37 
          <li class="ipu-list-item">
38 
            <div class="ipu-list-item-inner">
39 
              <div class="ipu-list-item-input-wrap">
40 
                <input class="ipu-list-item-input" type="password" placeholder="请输入新密码">
41 
              </div>
42 
            </div>
43 
          </li>
44 
          <li class="ipu-list-item">
45 
            <div class="ipu-list-item-inner">
46 
              <div class="ipu-list-item-input-wrap">
47 
                <input class="ipu-list-item-input" type="password" placeholder="请再次输入新密码">
48 
              </div>
49 
            </div>
50 
          </li>
51 
        </ul>
52 
      </div>
53
54 
      <div class="form-invalid-msg">
55 
        至少8个字符
56 
      </div>
57
58 
      <div class="form-btn-wrap">
59 
        <!--  去掉disabled属性，按钮可以点击 -->
60 
        <button class="ipu-btn common-btn ipu-btn-block" disabled>确定</button>
61 
      </div>
62
63 
    </div>
64 
  </div>
65 
</div>
66 
</body>
67 
</html>