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

增加北京项目静态页面

guohh 3 年之前
父节点
e67f8d66e1
当前提交
dff0613469
共有 7 个文件被更改，包括 804 次插入 和 1 次删除
合并视图 显示文件统计
  1. 94 0
      2019/bj-zqzt/2022-house-info.html
  2. 175 0
      2019/bj-zqzt/2022-pon-house-search.html
  3. 208 0
      2019/bj-zqzt/2022-pon-resource-search.html
  4. 193 0
      2019/bj-zqzt/biz/css/base-ghh.css
  5. 0 1
      2019/bj-zqzt/biz/css/base.css
  6. 67 0
      2019/bj-zqzt/biz/js/pon-house-search.js
  7. 67 0
      2019/bj-zqzt/biz/js/pon-resource-search.js

+ 94 - 0
2019/bj-zqzt/2022-house-info.html
查看文件

1 
<!DOCTYPE html>
2 
<html lang="en">
3 
<head>
4 
  <title>房信息</title>
5 
  <meta charset="utf-8">
6 
  <!-- 宽度自动适配 -->
7 
  <meta name="viewport"
8 
        content="width=device-width, initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0, user-scalable=no" />
9 
  <!-- 不识别页面上的数字为可拨打号码 -->
10 
  <meta content="telephone=no" name="format-detection" />
11 
  <link rel="stylesheet" type="text/css" href="ipu/ui/css/ipuUI.css">
12 
  <link rel="stylesheet" type="text/css" href="biz/css/base.css">
13 
  <link rel="stylesheet" type="text/css" href="biz/css/iconfont/iconfont.css">
14
15 
  <script src="ipu/lib/requirejs/require.min.js"></script>
16 
  <script src="biz/js/require-config.js"></script>
17 
</head>
18 
<body class="pages-house-info">
19 
<div class="ipu-pages">
20 
  <div class="ipu-page">
21 
    <div class="ipu-flex-row ipu-flex-vertical">
22 
      <div class="ipu-flex-col">
23 
        <div class="ipu-toolbar">
24 
          <a class="ipu-fn-left link-back ipu-flex ipu-flex-align-center"
25 
             href="javascript:history.back(-1);" id="back">
26 
            <div class="left-back"></div>
27 
          </a>
28 
          <h1 class="ipu-toolbar-title">房信息</h1>
29 
        </div>
30 
      </div>
31
32 
      <div class="ipu-flex-col ipu-flex-col-auto">
33 
        <div class="ipu-flex-content">
34 
          <div class="common-page-content">
35 
            <div class="ipu-fn-bd-b ipu-flex house-info-head">
36 
              <div class="ipu-flex-grow-0 house-info-head-label">
37 
                房信息
38 
              </div>
39 
              <div class="ipu-flex-grow-1 house-info-head-text">
40 
                数据截止时间：2020-03-23
41 
              </div>
42 
            </div>
43 
            <div class="house-info-body">
44 
              <div class="house-info-list">
45 
                <div class="ipu-fn-bd-b ipu-flex house-info-item">
46 
                  <div class="ipu-flex-grow-0 house-info-item-label">
47 
                    房号
48 
                  </div>
49 
                  <div class="ipu-flex-grow-1 house-info-item-text">
50 
                    PNT3900
51 
                  </div>
52 
                </div>
53 
                <div class="ipu-fn-bd-b ipu-flex house-info-item">
54 
                  <div class="ipu-flex-grow-0 house-info-item-label">
55 
                    位置
56 
                  </div>
57 
                  <div class="ipu-flex-grow-1 house-info-item-text">
58 
                    三单元7层D12
59 
                  </div>
60 
                </div>
61 
                <div class="ipu-fn-bd-b ipu-flex house-info-item">
62 
                  <div class="ipu-flex-grow-0 house-info-item-label">
63 
                    可营销
64 
                  </div>
65 
                  <div class="ipu-flex-grow-1 house-info-item-text">
66 
                    集客可营销
67 
                  </div>
68 
                </div>
69 
                <div class="ipu-fn-bd-b ipu-flex house-info-item">
70 
                  <div class="ipu-flex-grow-0 house-info-item-label">
71 
                    客营销时间
72 
                  </div>
73 
                  <div class="ipu-flex-grow-1 house-info-item-text">
74 
                    2020-01-13至2021-01-13
75 
                  </div>
76 
                </div>
77 
                <div class="ipu-flex house-info-item">
78 
                  <div class="ipu-flex-grow-0 house-info-item-label">
79 
                    覆盖场景
80 
                  </div>
81 
                  <div class="ipu-flex-grow-1 house-info-item-text">
82 
                    企业宽带场景
83 
                  </div>
84 
                </div>
85 
              </div>
86 
            </div>
87 
          </div>
88 
        </div>
89 
      </div>
90
91 
    </div>
92 
  </div>
93 
</body>
94 
</html>

+ 175 - 0
2019/bj-zqzt/2022-pon-house-search.html
查看文件

1 
<!DOCTYPE html>
2 
<html lang="en">
3 
<head>
4 
  <title>查询PON资源地址</title>
5 
  <meta charset="utf-8">
6 
  <!-- 宽度自动适配 -->
7 
  <meta name="viewport"
8 
        content="width=device-width, initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0, user-scalable=no" />
9 
  <!-- 不识别页面上的数字为可拨打号码 -->
10 
  <meta content="telephone=no" name="format-detection" />
11 
  <link rel="stylesheet" type="text/css" href="ipu/ui/css/ipuUI.css">
12 
  <link rel="stylesheet" type="text/css" href="biz/css/base.css">
13 
  <link rel="stylesheet" type="text/css" href="biz/css/iconfont/iconfont.css">
14
15 
  <script src="ipu/lib/requirejs/require.min.js"></script>
16 
  <script src="biz/js/require-config.js"></script>
17 
  <script src="biz/js/pon-house-search.js"></script>
18 
</head>
19 
<body class="pages-pon-resource-search">
20 
<div class="ipu-pages">
21 
  <div class="ipu-page">
22 
    <div class="ipu-flex-row ipu-flex-vertical">
23 
      <div class="ipu-flex-col">
24 
        <div class="ipu-toolbar">
25 
          <a class="ipu-fn-left link-back ipu-flex ipu-flex-align-center"
26 
             href="javascript:history.back(-1);" id="back">
27 
            <div class="left-back"></div>
28 
          </a>
29 
          <h1 class="ipu-toolbar-title">查询PON资源地址</h1>
30 
        </div>
31 
      </div>
32
33 
      <!--  楼层搜索 -->
34 
      <div
35 
        class="ipu-flex-col ipu-flex-col-auto ipu-flex-row ipu-flex-vertical pon-house-block">
36 
        <div class="ipu-flex-col">
37 
          <div class="pon-search-head">
38 
            <div class="pon-address-slt ipu-fn-bd-b">
39 
              <div class="pon-address-slt-title">
40 
                万鹏文化办公用品商城
41 
              </div>
42 
              <div class="pon-address-slt-desc">
43 
                中国背景北京东城区-用外接到-沙子口路-万鹏文化办公用品商城
44 
              </div>
45 
            </div>
46 
            <div class="ipu-flex ipu-flex-middle ">
47 
              <div class="ipu-flex-grow-0 pon-search-flag"></div>
48 
              <div class="ipu-flex-grow-1">
49 
                <input type="text" class="pon-search-input" placeholder="请输入单元-楼层-门牌号">
50 
              </div>
51 
              <div class="ipu-flex-grow-0 pon-search-btn">搜索</div>
52 
            </div>
53 
          </div>
54 
        </div>
55
56 
        <div class="ipu-flex-col ipu-flex-col-auto ">
57 
          <div class="ipu-flex-content common-page-content" id="refresh">
58 
            <div class="ipu-refresh-wrapper">
59 
              <div class="">
60 
                <div class="ipu-list ipu-list-media pon-list-block">
61 
                  <ul>
62 
                    <li class="">
63 
                      <a class="ipu-list-item ipu-list-item-link">
64 
                        <div class="ipu-flex-grow-0">
65 
                          <div class="pon-address-flag"></div>
66 
                        </div>
67 
                        <div class="ipu-list-item-inner">
68 
                          <div class="ipu-list-item-title-row">
69 
                            <div class="ipu-list-item-title pon-resource-address">
70 
                              中国背景北京东城区-用外接到-沙子口路-万鹏文化办公用品商城
71 
                            </div>
72 
                          </div>
73 
                          <div class="ipu-flex-middle ipu-list-item-subtitle pon-address-scene">
74 
                            <div class="">企业宽带场景</div>
75 
                            <div class="split"></div>
76 
                            <div class="red">集客可营销</div>
77 
                          </div>
78 
                        </div>
79 
                      </a>
80 
                    </li>
81
82 
                    <li class="">
83 
                      <a class="ipu-list-item ipu-list-item-link">
84 
                        <div class="ipu-flex-grow-0">
85 
                          <div class="pon-address-flag"></div>
86 
                        </div>
87 
                        <div class="ipu-list-item-inner">
88 
                          <div class="ipu-list-item-title-row">
89 
                            <div class="ipu-list-item-title pon-resource-address">
90 
                              中国背景北京东城区-用外接到-沙子口路-万鹏文化办公用品商城
91 
                            </div>
92 
                          </div>
93 
                          <div class="ipu-flex-middle ipu-list-item-subtitle pon-address-scene">
94 
                            <div class="">企业宽带场景</div>
95 
                            <div class="split"></div>
96 
                            <div class="green">移动固话可营销</div>
97 
                          </div>
98 
                        </div>
99 
                      </a>
100 
                    </li>
101
102 
                    <li class="">
103 
                      <a class="ipu-list-item ipu-list-item-link">
104 
                        <div class="ipu-flex-grow-0">
105 
                          <div class="pon-address-flag"></div>
106 
                        </div>
107 
                        <div class="ipu-list-item-inner">
108 
                          <div class="ipu-list-item-title-row">
109 
                            <div class="ipu-list-item-title pon-resource-address">
110 
                              中国背景北京东城区-用外接到-沙子口路-万鹏文化办公用品商城
111 
                            </div>
112 
                          </div>
113 
                          <div class="ipu-flex-middle ipu-list-item-subtitle pon-address-scene">
114 
                            <div class="">企业宽带场景</div>
115 
                            <div class="split"></div>
116 
                            <div class="yellow">移动宽带可营销</div>
117 
                          </div>
118 
                        </div>
119 
                      </a>
120 
                    </li>
121
122 
                    <li class="">
123 
                      <a class="ipu-list-item ipu-list-item-link">
124 
                        <div class="ipu-flex-grow-0">
125 
                          <div class="pon-address-flag"></div>
126 
                        </div>
127 
                        <div class="ipu-list-item-inner">
128 
                          <div class="ipu-list-item-title-row">
129 
                            <div class="ipu-list-item-title pon-resource-address">
130 
                              中国背景北京东城区-用外接到-沙子口路-万鹏文化办公用品商城
131 
                            </div>
132 
                          </div>
133 
                          <div class="ipu-flex-middle ipu-list-item-subtitle pon-address-scene">
134 
                            <div class="">企业宽带场景</div>
135 
                            <div class="split"></div>
136 
                            <div class="purple">移动宽带固话可营销</div>
137 
                          </div>
138 
                        </div>
139 
                      </a>
140 
                    </li>
141
142 
                    <li class="">
143 
                      <a class="ipu-list-item ipu-list-item-link">
144 
                        <div class="ipu-flex-grow-0">
145 
                          <div class="pon-address-flag"></div>
146 
                        </div>
147 
                        <div class="ipu-list-item-inner">
148 
                          <div class="ipu-list-item-title-row">
149 
                            <div class="ipu-list-item-title pon-resource-address">
150 
                              中国背景北京东城区-用外接到-沙子口路-万鹏文化办公用品商城
151 
                            </div>
152 
                          </div>
153 
                          <div class="ipu-flex-middle ipu-list-item-subtitle pon-address-scene">
154 
                            <div class="">企业宽带场景</div>
155 
                            <div class="split"></div>
156 
                            <div class="">不可营销</div>
157 
                          </div>
158 
                        </div>
159 
                      </a>
160 
                    </li>
161
162 
                  </ul>
163 
                </div>
164 
              </div>
165 
            </div>
166 
          </div>
167 
        </div>
168 
      </div>
169
170
171 
    </div>
172 
  </div>
173 
</div>
174 
</body>
175 
</html>

+ 208 - 0
2019/bj-zqzt/2022-pon-resource-search.html
查看文件

1 
<!DOCTYPE html>
2 
<html lang="en">
3 
<head>
4 
  <title>查询PON资源地址</title>
5 
  <meta charset="utf-8">
6 
  <!-- 宽度自动适配 -->
7 
  <meta name="viewport"
8 
        content="width=device-width, initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0, user-scalable=no" />
9 
  <!-- 不识别页面上的数字为可拨打号码 -->
10 
  <meta content="telephone=no" name="format-detection" />
11 
  <link rel="stylesheet" type="text/css" href="ipu/ui/css/ipuUI.css">
12 
  <link rel="stylesheet" type="text/css" href="biz/css/base.css">
13 
  <link rel="stylesheet" type="text/css" href="biz/css/iconfont/iconfont.css">
14
15 
  <script src="ipu/lib/requirejs/require.min.js"></script>
16 
  <script src="biz/js/require-config.js"></script>
17 
  <script src="biz/js/pon-resource-search.js"></script>
18 
</head>
19 
<body class="pages-pon-resource-search">
20 
<div class="ipu-pages">
21 
  <div class="ipu-page">
22 
    <div class="ipu-flex-row ipu-flex-vertical">
23 
      <div class="ipu-flex-col">
24 
        <div class="ipu-toolbar">
25 
          <a class="ipu-fn-left link-back ipu-flex ipu-flex-align-center"
26 
             href="javascript:history.back(-1);" id="back">
27 
            <div class="left-back"></div>
28 
          </a>
29 
          <h1 class="ipu-toolbar-title">查询PON资源地址</h1>
30 
        </div>
31 
      </div>
32
33
34 
      <!--  小区搜索 -->
35 
      <div
36 
        class="ipu-flex-col ipu-flex-col-auto ipu-flex-row ipu-flex-vertical pon-block">
37
38 
        <div class="ipu-flex-col">
39 
          <div class="pon-search-head">
40 
            <div class="ipu-flex ipu-flex-middle ">
41 
              <div class="ipu-flex-grow-0 pon-search-flag"></div>
42 
              <div class="ipu-flex-grow-1">
43 
                <input type="text" class="pon-search-input" placeholder="点击这里，输入小区名称">
44 
              </div>
45 
              <div class="ipu-flex-grow-0 pon-search-btn">搜索</div>
46 
            </div>
47 
          </div>
48 
        </div>
49
50 
        <div class="ipu-flex-col ipu-flex-col-auto ">
51 
          <div class="ipu-flex-content common-page-content" id="refresh">
52 
            <div class="ipu-refresh-wrapper">
53 
              <div class=>
54 
                <div class="ipu-list ipu-list-media pon-list-block">
55 
                  <ul>
56 
                    <li class="">
57 
                      <a class="ipu-list-item ipu-list-item-link">
58 
                        <div class="ipu-flex-grow-0">
59 
                          <div class="pon-address-flag"></div>
60 
                        </div>
61 
                        <div class="ipu-list-item-inner">
62 
                          <div class="ipu-list-item-title-row">
63 
                            <div class="ipu-list-item-title pon-resource-address">
64 
                              中国背景北京东城区-用外接到-沙子口路-万鹏文化办公用品商城
65 
                            </div>
66 
                          </div>
67 
                          <div class="ipu-list-item-subtitle pon-resource-id">
68 
                            资源唯一ID：3615888a
69 
                          </div>
70 
                        </div>
71 
                      </a>
72 
                    </li>
73 
                    <li class="">
74 
                      <a class="ipu-list-item ipu-list-item-link">
75 
                        <div class="ipu-flex-grow-0">
76 
                          <div class="pon-address-flag"></div>
77 
                        </div>
78 
                        <div class="ipu-list-item-inner">
79 
                          <div class="ipu-list-item-title-row">
80 
                            <div class="ipu-list-item-title pon-resource-address">
81 
                              中国背景北京东城区-用外接到-沙子口路-万鹏文化办公用品商城
82 
                            </div>
83 
                          </div>
84 
                          <div class="ipu-list-item-subtitle pon-resource-id">
85 
                            资源唯一ID：3615888a
86 
                          </div>
87 
                        </div>
88 
                      </a>
89 
                    </li>
90 
                    <li class="">
91 
                      <a class="ipu-list-item ipu-list-item-link">
92 
                        <div class="ipu-flex-grow-0">
93 
                          <div class="pon-address-flag"></div>
94 
                        </div>
95 
                        <div class="ipu-list-item-inner">
96 
                          <div class="ipu-list-item-title-row">
97 
                            <div class="ipu-list-item-title pon-resource-address">
98 
                              中国背景北京东城区-用外接到-沙子口路-万鹏文化办公用品商城
99 
                            </div>
100 
                          </div>
101 
                          <div class="ipu-list-item-subtitle pon-resource-id">
102 
                            资源唯一ID：3615888a
103 
                          </div>
104 
                        </div>
105 
                      </a>
106 
                    </li>
107 
                    <li class="">
108 
                      <a class="ipu-list-item ipu-list-item-link">
109 
                        <div class="ipu-flex-grow-0">
110 
                          <div class="pon-address-flag"></div>
111 
                        </div>
112 
                        <div class="ipu-list-item-inner">
113 
                          <div class="ipu-list-item-title-row">
114 
                            <div class="ipu-list-item-title pon-resource-address">
115 
                              中国背景北京东城区-用外接到-沙子口路-万鹏文化办公用品商城
116 
                            </div>
117 
                          </div>
118 
                          <div class="ipu-list-item-subtitle pon-resource-id">
119 
                            资源唯一ID：3615888a
120 
                          </div>
121 
                        </div>
122 
                      </a>
123 
                    </li>
124 
                    <li class="">
125 
                      <a class="ipu-list-item ipu-list-item-link">
126 
                        <div class="ipu-flex-grow-0">
127 
                          <div class="pon-address-flag"></div>
128 
                        </div>
129 
                        <div class="ipu-list-item-inner">
130 
                          <div class="ipu-list-item-title-row">
131 
                            <div class="ipu-list-item-title pon-resource-address">
132 
                              中国背景北京东城区-用外接到-沙子口路-万鹏文化办公用品商城
133 
                            </div>
134 
                          </div>
135 
                          <div class="ipu-list-item-subtitle pon-resource-id">
136 
                            资源唯一ID：3615888a
137 
                          </div>
138 
                        </div>
139 
                      </a>
140 
                    </li>
141 
                    <li class="">
142 
                      <a class="ipu-list-item ipu-list-item-link">
143 
                        <div class="ipu-flex-grow-0">
144 
                          <div class="pon-address-flag"></div>
145 
                        </div>
146 
                        <div class="ipu-list-item-inner">
147 
                          <div class="ipu-list-item-title-row">
148 
                            <div class="ipu-list-item-title pon-resource-address">
149 
                              中国背景北京东城区-用外接到-沙子口路-万鹏文化办公用品商城
150 
                            </div>
151 
                          </div>
152 
                          <div class="ipu-list-item-subtitle pon-resource-id">
153 
                            资源唯一ID：3615888a
154 
                          </div>
155 
                        </div>
156 
                      </a>
157 
                    </li>
158 
                    <li class="">
159 
                      <a class="ipu-list-item ipu-list-item-link">
160 
                        <div class="ipu-flex-grow-0">
161 
                          <div class="pon-address-flag"></div>
162 
                        </div>
163 
                        <div class="ipu-list-item-inner">
164 
                          <div class="ipu-list-item-title-row">
165 
                            <div class="ipu-list-item-title pon-resource-address">
166 
                              中国背景北京东城区-用外接到-沙子口路-万鹏文化办公用品商城
167 
                            </div>
168 
                          </div>
169 
                          <div class="ipu-list-item-subtitle pon-resource-id">
170 
                            资源唯一ID：3615888a
171 
                          </div>
172 
                        </div>
173 
                      </a>
174 
                    </li>
175
176 
                    <li class="">
177 
                      <a class="ipu-list-item ipu-list-item-link">
178 
                        <div class="ipu-flex-grow-0">
179 
                          <div class="pon-address-flag"></div>
180 
                        </div>
181 
                        <div class="ipu-list-item-inner">
182 
                          <div class="ipu-list-item-title-row">
183 
                            <div class="ipu-list-item-title pon-resource-address">
184 
                              中国背景北京东城区-用外接到-沙子口路-万鹏文化办公用品商城
185 
                            </div>
186 
                          </div>
187 
                          <div class="ipu-list-item-subtitle pon-resource-id">
188 
                            资源唯一ID：3615888a
189 
                          </div>
190 
                        </div>
191 
                      </a>
192 
                    </li>
193
194 
                  </ul>
195 
                </div>
196 
                <div class="no-result-message">未查询到数据</div>
197 
              </div>
198
199 
            </div>
200 
          </div>
201 
        </div>
202 
      </div>
203
204 
    </div>
205 
  </div>
206 
</div>
207 
</body>
208 
</html>

+ 193 - 0
2019/bj-zqzt/biz/css/base-ghh.css
查看文件

1862 
  width: .03rem;
 1862 
  width: .03rem;
1863 
  background-color: #3F93F8;
 1863 
  background-color: #3F93F8;
1864 
}
 1864 
}
1865
1866 
/* 2022 add */
1867 
.pages-pon-resource-search .common-page-content {
1868 
  margin: 0 .08rem .1rem .08rem;
1869 
  border-radius: 8px;
1870 
  min-height: calc(100% - .2rem);
1871 
  background-color: #fff;
1872 
}
1873
1874 
.pon-list-block > ul:before,
1875 
.pon-list-block > ul:after {
1876 
  content: none;
1877 
}
1878
1879 
.pon-list-block > ul > li:not(:last-child) .ipu-list-item-inner:after {
1880 
  right: .3rem;
1881 
}
1882
1883 
.pon-list-block > ul .ipu-list-item {
1884 
  padding-left: .105rem;
1885 
}
1886 
.pon-list-block .ipu-list-item-link:after{
1887 
  right: .12rem;
1888 
}
1889 
.pon-search-head {
1890 
  background-color: #fff;
1891 
  margin: 0.0975rem .0775rem;
1892 
  padding: .135rem .14rem .13rem .11rem;
1893 
  border-radius: 0.04rem;
1894 
}
1895
1896 
.pon-search-head .common-search-input {
1897 
  background-color: transparent;
1898 
}
1899
1900 
.pon-search-btn {
1901 
  padding-right: .05rem;
1902 
  font-size: .14rem;
1903 
  color: #3F94F8;
1904 
  font-weight: 400;
1905 
}
1906
1907 
.pon-resource-address {
1908 
  font-size: .13rem;
1909 
  color: #1A1A1A;
1910 
  line-height: .165rem;
1911 
  font-weight: 500;
1912 
}
1913
1914 
.pon-resource-id {
1915 
  margin-top: .075rem;
1916 
  font-size: .11rem;
1917 
  color: #8E9399;
1918 
  font-weight: 400;
1919 
  padding-bottom: .05rem;
1920 
  line-height: 1;
1921 
}
1922
1923 
.pon-address-flag {
1924 
  background-color: #000;
1925 
  width: .1rem;
1926 
  height: .1rem;
1927 
  margin-top: .16rem;
1928 
  margin-right: .1rem;
1929 
  background: url('../img/building-address.png') center center no-repeat;
1930 
  background-size: 100% auto;
1931 
}
1932
1933 
.pages-house-info .common-page-content {
1934 
  margin: .0975rem .0775rem;
1935 
  background-color: #fff;
1936 
  border-radius: .04rem;
1937 
  padding-left: .13rem;
1938 
  padding-right: .095rem;
1939 
}
1940
1941 
.house-info-list {
1942 
  margin: .12rem 0 0;
1943 
}
1944
1945 
.house-info-item {
1946 
  font-size: .13rem;
1947 
  color: #8E9399;
1948 
  line-height: .17rem;
1949 
  padding: .1rem 0;
1950 
}
1951
1952 
.pages-house-info .ipu-fn-bd-b:after {
1953 
  background: #dedede;
1954 
}
1955
1956 
.house-info-item.ipu-fn-bd-b:after {
1957 
  opacity: 0.2;
1958 
}
1959
1960 
.house-info-item-text {
1961 
  color: #2B2F33;
1962 
  text-align: right;
1963 
}
1964
1965 
.house-info-head {
1966 
  padding: .1875rem 0 .155rem;
1967 
}
1968
1969 
.house-info-head-label {
1970 
  font-size: .16rem;
1971 
  color: #2B2F33;
1972 
  letter-spacing: 1px;
1973 
  font-weight: 700;
1974 
}
1975
1976 
.house-info-head-text {
1977 
  text-align: right;
1978 
}
1979
1980 
.pon-list-block .ipu-list-item-inner {
1981 
  padding-top: .13rem;
1982 
  padding-right: .4rem;
1983 
}
1984
1985 
.pon-address-scene {
1986 
  margin-top: .08rem;
1987 
  font-size: .11rem;
1988 
  color: #9B9B9B;
1989 
}
1990
1991 
.pon-address-scene .split {
1992 
  border-left: 1px solid #D8D8D8;
1993 
  height: .085rem;
1994 
  margin: 0 .0425rem;
1995 
}
1996
1997 
.pon-address-scene .red {
1998 
  color: #F6414A;
1999 
}
2000
2001 
.pon-address-scene .green {
2002 
  color: #129578;
2003 
}
2004
2005 
.pon-address-scene .yellow {
2006 
  color: #FF6503;
2007 
}
2008
2009 
.pon-address-scene .purple {
2010 
  color: #BD10E0;
2011 
}
2012
2013 
.pon-address-slt-title {
2014 
  font-size: .18rem;
2015 
  color: #2B2F33;
2016 
  font-weight: 600;
2017 
}
2018
2019 
.pon-address-slt-desc {
2020 
  font-size: .12rem;
2021 
  color: #7D7E80;
2022 
  line-height: .165rem;
2023 
}
2024
2025 
.pon-search-flag {
2026 
  width: .2rem;
2027 
  height: .2rem;
2028 
  background: url(../img/input-search.png) center no-repeat;
2029 
  background-size: 100% auto;
2030 
  margin-right: .1rem;
2031 
}
2032
2033 
.pon-search-input{
2034 
  display: block;
2035 
  width: 100%;
2036 
  line-height:.2rem;
2037 
  font-size: .14rem;
2038 
  font-weight: 500;
2039 
  border-width:0;
2040 
  color:rgba(43,47,51,1);
2041 
  border-radius: .08rem;
2042 
}
2043 
.pon-search-input::-webkit-input-placeholder {
2044 
  color:  #C1C7D1;
2045 
  font-size: .14rem;
2046 
  font-weight:500;
2047 
}
2048
2049 
.pon-address-slt{
2050 
  padding-bottom: .08rem;
2051 
  margin-bottom: .17rem;
2052 
}
2053 
.pages-pon-resource-search .no-result-message{
2054 
  padding: .1rem;
2055 
  display: none;
2056 
  text-align: center;
2057 
}

+ 0 - 1
2019/bj-zqzt/biz/css/base.css
查看文件

6 
@import "base-hbt.css";
 6 
@import "base-hbt.css";
7 
@import "base-zq.css";
 7 
@import "base-zq.css";
8 
@import "base-fzy.css";
 8 
@import "base-fzy.css";
9 
@import "base-cjc.css";
10
9
11 
/* 首页 */
 10 
/* 首页 */
12 
.navbar-item-icon {
 11 
.navbar-item-icon {

+ 67 - 0
2019/bj-zqzt/biz/js/pon-house-search.js
查看文件

1 
require(['jquery', 'ipuUI'], function ($, ipuUI) {
2 
  $(function () {
3 
    var search = showResList();
4
5 
    //点击搜索
6 
    $('.pon-search-btn').click(function () {
7 
      search()
8 
    })
9
10 
    // 初始化下拉刷新组件
11 
    function showResList() {
12 
      var totalPage = 3; // 总页数
13 
      var currentPage = 1; // 当前显示第几页，因为默认有一些数据了，所以为1
14 
      var listObj = $("#refresh ul");
15 
      var contentHtml = $("li:lt(5)", listObj).clone(); // 测试用，复制5条数据
16
17 
      // 移除初始的数据，并初始currentPage=0;
18 
      listObj.empty();
19 
      currentPage = 0;
20 
      var countNo = 0; // 重要计数器,以此来判断不需要
21
22 
      // 初始化下拉刷新
23 
      var myRefresh = ipuUI.refresh("#refresh", {
24 
        bottomLoadFun: function () { // 加载更多
25 
          console.log('加载更多'); // 手势上拉，内容下滚动动
26 
          addData();
27 
        }
28 
      });
29
30 
      // 查询数据
31 
      function addData(refresh) { // 0搜索，1刷新，2加载更多
32 
        $("#refresh .no-result-msg").hide();
33 
        currentPage++;
34 
        var localCountNo = ++countNo; // 执行查询前，保留当前计数器，当查询返回时进行检查是否最新查询，不是则抛弃查询结果
35
36 
        setTimeout(function () { // 模拟延时加载
37 
          if (localCountNo == countNo) { // 检查是否最新查询返回数据，不是则抛弃查询结果
38 
            // 此处先更新togalPage等信息
39
40 
            myRefresh.enableBottom(currentPage < totalPage); // enable应该总是先于endBottom/TopLoading方法执行
41
42 
            if (totalPage == 0) {
43 
              $("#refresh .no-result-message").show();
44 
            } else {
45 
              contentHtml.clone().appendTo(listObj);
46 
              myRefresh.endBottomLoading(); //最后调用
47 
            }
48 
          }
49 
        }, 1000);
50 
      }
51
52 
      // 搜索
53 
      return function searchData() { // 刷新数据
54 
        myRefresh.enableBottom(false);
55 
        if (myRefresh.bottomLoading) {
56 
          myRefresh.endBottomLoading();
57 
        }
58
59 
        currentPage = 0;
60 
        listObj.empty();
61 
        myRefresh.enableBottom(true);
62 
        myRefresh.refresh();
63 
      }
64 
    }
65
66 
  })
67 
});

+ 67 - 0
2019/bj-zqzt/biz/js/pon-resource-search.js
查看文件

1 
require(['jquery', 'ipuUI'], function ($, ipuUI) {
2 
  $(function () {
3 
    var search = showResList();
4
5 
    //点击搜索
6 
    $('.pon-search-btn').click(function () {
7 
      search()
8 
    })
9
10 
    // 初始化下拉刷新组件
11 
    function showResList() {
12 
      var totalPage = 3; // 总页数
13 
      var currentPage = 1; // 当前显示第几页，因为默认有一些数据了，所以为1
14 
      var listObj = $("#refresh ul");
15 
      var contentHtml = $("li:lt(5)", listObj).clone(); // 测试用，复制5条数据
16
17 
      // 移除初始的数据，并初始currentPage=0;
18 
      listObj.empty();
19 
      currentPage = 0;
20 
      var countNo = 0; // 重要计数器,以此来判断不需要
21
22 
      // 初始化下拉刷新
23 
      var myRefresh = ipuUI.refresh("#refresh", {
24 
        bottomLoadFun: function () { // 加载更多
25 
          console.log('加载更多'); // 手势上拉，内容下滚动动
26 
          addData();
27 
        }
28 
      });
29
30 
      // 查询数据
31 
      function addData(refresh) { // 0搜索，1刷新，2加载更多
32 
        $("#refresh .no-result-msg").hide();
33 
        currentPage++;
34 
        var localCountNo = ++countNo; // 执行查询前，保留当前计数器，当查询返回时进行检查是否最新查询，不是则抛弃查询结果
35
36 
        setTimeout(function () { // 模拟延时加载
37 
          if (localCountNo == countNo) { // 检查是否最新查询返回数据，不是则抛弃查询结果
38 
            // 此处先更新togalPage等信息
39
40 
            myRefresh.enableBottom(currentPage < totalPage); // enable应该总是先于endBottom/TopLoading方法执行
41
42 
            if (totalPage == 0) {
43 
              $("#refresh .no-result-message").show();
44 
            } else {
45 
              contentHtml.clone().appendTo(listObj);
46 
              myRefresh.endBottomLoading(); //最后调用
47 
            }
48 
          }
49 
        }, 1000);
50 
      }
51
52 
      // 搜索
53 
      return function searchData() { // 刷新数据
54 
        myRefresh.enableBottom(false);
55 
        if (myRefresh.bottomLoading) {
56 
          myRefresh.endBottomLoading();
57 
        }
58
59 
        currentPage = 0;
60 
        listObj.empty();
61 
        myRefresh.enableBottom(true);
62 
        myRefresh.refresh();
63 
      }
64 
    }
65
66 
  })
67 
});