Merge branch 'master' of http://yun.pashanhoo.com:9090/renchao/portalStaticPage
Showing
28 changed files
with
1601 additions
and
1637 deletions
| ... | @@ -11,8 +11,6 @@ | ... | @@ -11,8 +11,6 @@ |
| 11 | </head> | 11 | </head> |
| 12 | 12 | ||
| 13 | <body> | 13 | <body> |
| 14 | <!-- <div class="top-logo loadheader"></div> | ||
| 15 | <div class="navigation loadheader"></div> --> | ||
| 16 | <div class="homeindex"> | 14 | <div class="homeindex"> |
| 17 | <div class="banner"> | 15 | <div class="banner"> |
| 18 | <div class="layui-carousel" id="banner_swiper"> | 16 | <div class="layui-carousel" id="banner_swiper"> |
| ... | @@ -53,7 +51,7 @@ | ... | @@ -53,7 +51,7 @@ |
| 53 | <div class="contentBox"> | 51 | <div class="contentBox"> |
| 54 | <div class="news"> | 52 | <div class="news"> |
| 55 | <h2> | 53 | <h2> |
| 56 | <a href="" title="新闻动态" class="news_title_content"> | 54 | <a href="./staticViews/xwdt.html" title="新闻动态" class="news_title_content"> |
| 57 | <div class="news_title"> | 55 | <div class="news_title"> |
| 58 | <svg class="icon svg-icon" aria-hidden="true"> | 56 | <svg class="icon svg-icon" aria-hidden="true"> |
| 59 | <use xlink:href="#iconxinwen"></use> | 57 | <use xlink:href="#iconxinwen"></use> |
| ... | @@ -65,78 +63,11 @@ | ... | @@ -65,78 +63,11 @@ |
| 65 | </h2> | 63 | </h2> |
| 66 | <a class="news-img" href="" title="图片新闻地信中心开展外业安全生产监控系统培训工作"><img src="staticImages/news_demo.jpg" | 64 | <a class="news-img" href="" title="图片新闻地信中心开展外业安全生产监控系统培训工作"><img src="staticImages/news_demo.jpg" |
| 67 | alt="图片新闻地信中心开展外业安全生产监控系统培训工作" /></a> | 65 | alt="图片新闻地信中心开展外业安全生产监控系统培训工作" /></a> |
| 68 | <ul id='ulNews'> | 66 | <ul id='ulNews'></ul> |
| 69 | <li> | ||
| 70 | <a href="" title="创新技术体系 引领事业发展"> | ||
| 71 | <div class="news_item"> | ||
| 72 | <!-- <svg class="icon svg-icon" aria-hidden="true"> | ||
| 73 | <use xlink:href="#iconzuixin"></use> | ||
| 74 | </svg> --> | ||
| 75 | 创新技术体系 引领事业发展引领事业发展引领事业发展引领事业发展 | ||
| 76 | </div> | ||
| 77 | <span>2020-06-19</span> | ||
| 78 | </a> | ||
| 79 | </li> | ||
| 80 | <li> | ||
| 81 | <a href="" title="创新技术体系 引领事业发展"> | ||
| 82 | <div class="news_item"> | ||
| 83 | <svg class="icon svg-icon" aria-hidden="true"> | ||
| 84 | <use xlink:href="#iconzuixin"></use> | ||
| 85 | </svg> | ||
| 86 | 创新技术体系 引领事业发展引领事业发展引领事业发展引领事业发展 | ||
| 87 | </div> | ||
| 88 | <span>2020-06-19</span> | ||
| 89 | </a> | ||
| 90 | </li> | ||
| 91 | <li> | ||
| 92 | <a href="" title="创新技术体系 引领事业发展"> | ||
| 93 | <div class="news_item"> | ||
| 94 | <svg class="icon svg-icon" aria-hidden="true"> | ||
| 95 | <use xlink:href="#iconzuixin"></use> | ||
| 96 | </svg> | ||
| 97 | 创新技术体系 引领事业发展引领事业发展引领事业发展引领事业发展 | ||
| 98 | </div> | ||
| 99 | <span>2020-06-19</span> | ||
| 100 | </a> | ||
| 101 | </li> | ||
| 102 | <li> | ||
| 103 | <a href="" title="创新技术体系 引领事业发展"> | ||
| 104 | <div class="news_item"> | ||
| 105 | <svg class="icon svg-icon" aria-hidden="true"> | ||
| 106 | <use xlink:href="#iconzuixin"></use> | ||
| 107 | </svg> | ||
| 108 | 创新技术体系 引领事业发展引领事业发展引领事业发展引领事业发展 | ||
| 109 | </div> | ||
| 110 | <span>2020-06-19</span> | ||
| 111 | </a> | ||
| 112 | </li> | ||
| 113 | <li> | ||
| 114 | <a href="" title="创新技术体系 引领事业发展"> | ||
| 115 | <div class="news_item"> | ||
| 116 | <svg class="icon svg-icon" aria-hidden="true"> | ||
| 117 | <use xlink:href="#iconzuixin"></use> | ||
| 118 | </svg> | ||
| 119 | 创新技术体系 引领事业发展引领事业发展引领事业发展引领事业发展 | ||
| 120 | </div> | ||
| 121 | <span>2020-06-19</span> | ||
| 122 | </a> | ||
| 123 | </li> | ||
| 124 | <li> | ||
| 125 | <a href="" title="创新技术体系 引领事业发展"> | ||
| 126 | <div class="news_item"> | ||
| 127 | <svg class="icon svg-icon" aria-hidden="true"> | ||
| 128 | <use xlink:href="#iconzuixin"></use> | ||
| 129 | </svg> | ||
| 130 | 创新技术体系 引领事业发展引领事业发展引领事业发展引领事业发展 | ||
| 131 | </div> | ||
| 132 | <span>2020-06-19</span> | ||
| 133 | </a> | ||
| 134 | </li> | ||
| 135 | </ul> | ||
| 136 | </div> | 67 | </div> |
| 137 | <div class="notice"> | 68 | <div class="notice"> |
| 138 | <h2> | 69 | <h2> |
| 139 | <a title="公示公告" href="./staticViews/gsgg/index.html" class="news_title_content"> | 70 | <a title="公示公告" href="./staticViews/gsgg.html" class="news_title_content"> |
| 140 | <div class="news_title"> | 71 | <div class="news_title"> |
| 141 | <svg class="icon svg-icon" aria-hidden="true"> | 72 | <svg class="icon svg-icon" aria-hidden="true"> |
| 142 | <use xlink:href="#icongonggao"></use> | 73 | <use xlink:href="#icongonggao"></use> |
| ... | @@ -147,66 +78,6 @@ | ... | @@ -147,66 +78,6 @@ |
| 147 | </a> | 78 | </a> |
| 148 | </h2> | 79 | </h2> |
| 149 | <ul class="notice_list" id="ulNotice"> | 80 | <ul class="notice_list" id="ulNotice"> |
| 150 | <li class="item_notice"> | ||
| 151 | <a href="" title="1地信中心开展外业安全生产监控系统培训工作"> | ||
| 152 | <p> | ||
| 153 | 1地信中心开展外业安全生产监控系统培训工作 | ||
| 154 | </p> | ||
| 155 | <svg class="icon svg-icon" aria-hidden="true"> | ||
| 156 | <use xlink:href="#icongonggao1"></use> | ||
| 157 | </svg> | ||
| 158 | </a> | ||
| 159 | </li> | ||
| 160 | <li class="item_notice"> | ||
| 161 | <a href="" title="2地信中心开展外业安全生产监控系统培训工作"> | ||
| 162 | <p> | ||
| 163 | 2地信中心开展外业安全生产监控系统培训工作 | ||
| 164 | </p> | ||
| 165 | <svg class="icon svg-icon" aria-hidden="true"> | ||
| 166 | <use xlink:href="#icongonggao1"></use> | ||
| 167 | </svg> | ||
| 168 | </a> | ||
| 169 | </li> | ||
| 170 | <li class="item_notice"> | ||
| 171 | <a href="" title="3地信中心开展外业安全生产监控系统培训工作"> | ||
| 172 | <p> | ||
| 173 | 3地信中心开展外业安全生产监控系统培训工作 | ||
| 174 | </p> | ||
| 175 | <svg class="icon svg-icon" aria-hidden="true"> | ||
| 176 | <use xlink:href="#icongongshi"></use> | ||
| 177 | </svg> | ||
| 178 | </a> | ||
| 179 | </li> | ||
| 180 | <li class="item_notice"> | ||
| 181 | <a href="" title="4地信中心开展外业安全生产监控系统培训工作"> | ||
| 182 | <p> | ||
| 183 | 4地信中心开展外业安全生产监控系统培训工作 | ||
| 184 | </p> | ||
| 185 | <svg class="icon svg-icon" aria-hidden="true"> | ||
| 186 | <use xlink:href="#icongongshi"></use> | ||
| 187 | </svg> | ||
| 188 | </a> | ||
| 189 | </li> | ||
| 190 | <li class="item_notice"> | ||
| 191 | <a href="" title="5地信中心开展外业安全生产监控系统培训工作"> | ||
| 192 | <p> | ||
| 193 | 5地信中心开展外业安全生产监控系统培训工作 | ||
| 194 | </p> | ||
| 195 | <svg class="icon svg-icon" aria-hidden="true"> | ||
| 196 | <use xlink:href="#icongongshi"></use> | ||
| 197 | </svg> | ||
| 198 | </a> | ||
| 199 | </li> | ||
| 200 | <li class="item_notice"> | ||
| 201 | <a href="" title="6地信中心开展外业安全生产监控系统培训工作"> | ||
| 202 | <p> | ||
| 203 | 6地信中心开展外业安全生产监控系统培训工作 | ||
| 204 | </p> | ||
| 205 | <svg class="icon svg-icon" aria-hidden="true"> | ||
| 206 | <use xlink:href="#icongongshi"></use> | ||
| 207 | </svg> | ||
| 208 | </a> | ||
| 209 | </li> | ||
| 210 | </ul> | 81 | </ul> |
| 211 | </div> | 82 | </div> |
| 212 | </div> | 83 | </div> |
| ... | @@ -262,39 +133,10 @@ | ... | @@ -262,39 +133,10 @@ |
| 262 | </a> | 133 | </a> |
| 263 | </h2> | 134 | </h2> |
| 264 | <ul class="laws_list" id="ulLaws"> | 135 | <ul class="laws_list" id="ulLaws"> |
| 265 | <li> | ||
| 266 | <a href="" title="基础问题基础问题基础问题基础问题基"> | ||
| 267 | 基础问题基础问题基础问题基础问题基础问题基础问题基础问题基础问题基础问题基础问题基础问题基础问题 | ||
| 268 | </a> | ||
| 269 | </li> | ||
| 270 | <li> | ||
| 271 | <a href="" title="一手商品房办证"> | ||
| 272 | 一手商品房办证一手商品房办证一手商品房办证一手商品房办证一手商品房办证 | ||
| 273 | </a> | ||
| 274 | </li> | ||
| 275 | <li> | ||
| 276 | <a href="" title="二手商品房办证"> | ||
| 277 | 二手商品房办证二手商品房办证二手商品房办证二手商品房办证二手商品房办证 | ||
| 278 | </a> | ||
| 279 | </li> | ||
| 280 | <li> | ||
| 281 | <a href="" title="经济适用房登记"> | ||
| 282 | 经济适用房登记经济适用房登记经济适用房登记经济适用房登记经济适用房登记 | ||
| 283 | </a> | ||
| 284 | </li> | ||
| 285 | <li> | ||
| 286 | <a href="" title="变更登记"> | ||
| 287 | 变更登记变更登记变更登记变更登记变更登记变更登记变更登记变更登记 | ||
| 288 | </a> | ||
| 289 | </li> | ||
| 290 | <li> | ||
| 291 | <a href="" title="变更登记变更登记"> | ||
| 292 | 变更登记变更登记变更登记变更登记变更登记变更登记变更登记变更登记变更登记变更登记 | ||
| 293 | </a> | ||
| 294 | </li> | ||
| 295 | </ul> | 136 | </ul> |
| 296 | </div> | 137 | </div> |
| 297 | </div> | 138 | </div> |
| 139 | <!-- 相应政策 --> | ||
| 298 | <div class="policy title"> | 140 | <div class="policy title"> |
| 299 | <div class="policy_content"> | 141 | <div class="policy_content"> |
| 300 | <h2> | 142 | <h2> |
| ... | @@ -308,38 +150,7 @@ | ... | @@ -308,38 +150,7 @@ |
| 308 | <i>查看全部 ></i> | 150 | <i>查看全部 ></i> |
| 309 | </a> | 151 | </a> |
| 310 | </h2> | 152 | </h2> |
| 311 | <ul class="laws_list"> | 153 | <ul class="laws_list" id="policies"></ul> |
| 312 | <li> | ||
| 313 | <a href="" title="基础问题基础问题基础"> | ||
| 314 | 基础问题基础问题基础问题基础问题基础问题基础问题基础问题基础问题基础问题基础问题基础问题基础问题 | ||
| 315 | </a> | ||
| 316 | </li> | ||
| 317 | <li> | ||
| 318 | <a href="" title="一手商品房办证"> | ||
| 319 | 一手商品房办证一手商品房办证一手商品房办证一手商品房办证一手商品房办证一手商品房办证 | ||
| 320 | </a> | ||
| 321 | </li> | ||
| 322 | <li> | ||
| 323 | <a href="" title="二手商品房办证"> | ||
| 324 | 二手商品房办证二手商品房办证二手商品房办证二手商品房办证二手商品房办证二手商品房办证 | ||
| 325 | </a> | ||
| 326 | </li> | ||
| 327 | <li> | ||
| 328 | <a href="" title="经济适用房登记"> | ||
| 329 | 经济适用房登记经济适用房登记经济适用房登记经济适用房登记经济适用房登记经济适用房登记 | ||
| 330 | </a> | ||
| 331 | </li> | ||
| 332 | <li> | ||
| 333 | <a href="" title="变更登记"> | ||
| 334 | 变更登记变更登记变更登记变更登记变更登记变更登记变更登记变更登记变更登记变更登记 | ||
| 335 | </a> | ||
| 336 | </li> | ||
| 337 | <li> | ||
| 338 | <a href="" title="变更登记变更登记"> | ||
| 339 | 变更登记变更登记变更登记变更登记变更登记变更登记变更登记变更登记变更登记变更登记 | ||
| 340 | </a> | ||
| 341 | </li> | ||
| 342 | </ul> | ||
| 343 | </div> | 154 | </div> |
| 344 | </div> | 155 | </div> |
| 345 | </div> | 156 | </div> |
| ... | @@ -563,4 +374,5 @@ | ... | @@ -563,4 +374,5 @@ |
| 563 | <script type="text/javascript" src="./staticJs/down.js"></script> | 374 | <script type="text/javascript" src="./staticJs/down.js"></script> |
| 564 | <script type="text/javascript" src="./staticJs/common.js"></script> | 375 | <script type="text/javascript" src="./staticJs/common.js"></script> |
| 565 | <script type="text/javascript" src="./staticJs/pageHome.js"></script> | 376 | <script type="text/javascript" src="./staticJs/pageHome.js"></script> |
| 377 | |||
| 566 | </html> | 378 | </html> |
| ... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
| ... | @@ -5,6 +5,7 @@ | ... | @@ -5,6 +5,7 @@ |
| 5 | .mainbody { | 5 | .mainbody { |
| 6 | width: 1200px; | 6 | width: 1200px; |
| 7 | margin: 0 auto; | 7 | margin: 0 auto; |
| 8 | color: #4a4a4a; | ||
| 8 | } | 9 | } |
| 9 | /* --------------------导航tab------------------------- */ | 10 | /* --------------------导航tab------------------------- */ |
| 10 | .navigation_crumbs { | 11 | .navigation_crumbs { |
| ... | @@ -134,7 +135,7 @@ div.navigation { | ... | @@ -134,7 +135,7 @@ div.navigation { |
| 134 | display: inline-block; | 135 | display: inline-block; |
| 135 | } | 136 | } |
| 136 | .mainbody .DividingLine { | 137 | .mainbody .DividingLine { |
| 137 | width: 1150px; | 138 | width: 1200px; |
| 138 | height: 1px; | 139 | height: 1px; |
| 139 | margin:0 auto; | 140 | margin:0 auto; |
| 140 | background-color:#DEDEDE; | 141 | background-color:#DEDEDE; |
| ... | @@ -150,3 +151,7 @@ div.navigation { | ... | @@ -150,3 +151,7 @@ div.navigation { |
| 150 | line-height: 24px; | 151 | line-height: 24px; |
| 151 | padding-bottom: 30px; | 152 | padding-bottom: 30px; |
| 152 | } | 153 | } |
| 154 | .notice_content { | ||
| 155 | margin-bottom: 100px; | ||
| 156 | line-height: 21px; | ||
| 157 | } | ||
| ... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
| 1 | * { | ||
| 2 | margin: 0; | ||
| 3 | padding: 0; | ||
| 4 | } | ||
| 5 | 1 | ||
| 6 | ::-webkit-input-placeholder { /* WebKit browsers */ | 2 | ::-webkit-input-placeholder { /* WebKit browsers */ |
| 7 | font-size: 13px; | 3 | font-size: 13px; |
| 8 | color: #9B9B9B; | 4 | color: #9B9B9B; |
| 9 | } | 5 | } |
| 10 | 6 | ||
| 11 | ::-moz-placeholder { /* Mozilla Firefox 19+ */ | 7 | ::-moz-placeholder { /* Mozilla Firefox 19+ */ |
| 12 | font-size: 13px; | 8 | font-size: 13px; |
| 13 | color: #9B9B9B; | 9 | color: #9B9B9B; |
| 14 | } | 10 | } |
| 15 | 11 | ||
| 16 | :-ms-input-placeholder { /* Internet Explorer 10+ */ | 12 | :-ms-input-placeholder { /* Internet Explorer 10+ */ |
| 17 | font-size: 13px; | 13 | font-size: 13px; |
| 18 | color: #9B9B9B; | 14 | color: #9B9B9B; |
| 19 | } | 15 | } |
| 20 | input { | 16 | input { |
| 21 | padding-left: 10px; | 17 | padding-left: 10px; |
| 22 | } | ||
| 23 | /*================首页 start=====================*/ | ||
| 24 | div a { | ||
| 25 | color: #000000; | ||
| 26 | text-decoration: none; | ||
| 27 | } | 18 | } |
| 28 | |||
| 29 | div.subject h2 a:hover { | 19 | div.subject h2 a:hover { |
| 30 | color: #f46143; | 20 | color: #f46143; |
| 31 | } | 21 | } |
| ... | @@ -35,7 +25,6 @@ div.subject { | ... | @@ -35,7 +25,6 @@ div.subject { |
| 35 | float: none; | 25 | float: none; |
| 36 | clear: both; | 26 | clear: both; |
| 37 | position: relative; | 27 | position: relative; |
| 38 | min-width: 1200px; | ||
| 39 | } | 28 | } |
| 40 | 29 | ||
| 41 | /*新闻 */ | 30 | /*新闻 */ |
| ... | @@ -85,14 +74,6 @@ div.top-logo .top_logo_search i { | ... | @@ -85,14 +74,6 @@ div.top-logo .top_logo_search i { |
| 85 | top: 11px; | 74 | top: 11px; |
| 86 | cursor: pointer; | 75 | cursor: pointer; |
| 87 | } | 76 | } |
| 88 | |||
| 89 | /*end*/ | ||
| 90 | |||
| 91 | .top-logo h1 { | ||
| 92 | display: inline-block; | ||
| 93 | float: left; | ||
| 94 | } | ||
| 95 | |||
| 96 | /*------------------首页 end------------*/ | 77 | /*------------------首页 end------------*/ |
| 97 | 78 | ||
| 98 | .top-logo ul li { | 79 | .top-logo ul li { |
| ... | @@ -109,23 +90,12 @@ div.navigation { | ... | @@ -109,23 +90,12 @@ div.navigation { |
| 109 | } | 90 | } |
| 110 | 91 | ||
| 111 | .navigation .layui-nav-item { | 92 | .navigation .layui-nav-item { |
| 112 | width: 130px; | 93 | width: 147px; |
| 113 | position: relative; | 94 | position: relative; |
| 114 | margin: 0 22px; | ||
| 115 | } | 95 | } |
| 116 | |||
| 117 | .layui-bg-blue { | 96 | .layui-bg-blue { |
| 118 | background-color: #006CFF !important; | 97 | background-color: #006CFF !important; |
| 119 | } | 98 | } |
| 120 | |||
| 121 | .layui-nav-item:not(:first-child)::before { | ||
| 122 | content: ''; | ||
| 123 | position: absolute; | ||
| 124 | height: 22px; | ||
| 125 | border-left: 1px solid #ccc; | ||
| 126 | top: 21px; | ||
| 127 | left: -20px; | ||
| 128 | } | ||
| 129 | .layui-nav-item a{ | 99 | .layui-nav-item a{ |
| 130 | font-size: 16px; | 100 | font-size: 16px; |
| 131 | } | 101 | } |
| ... | @@ -134,11 +104,12 @@ div.navigation { | ... | @@ -134,11 +104,12 @@ div.navigation { |
| 134 | /* --------------------导航tab------------------------- */ | 104 | /* --------------------导航tab------------------------- */ |
| 135 | .navigation_crumbs { | 105 | .navigation_crumbs { |
| 136 | width: 100%; | 106 | width: 100%; |
| 107 | height: 50px; | ||
| 137 | padding: 10px 0; | 108 | padding: 10px 0; |
| 138 | line-height: 25px; | 109 | line-height: 25px; |
| 139 | background: #FAFAFA; | 110 | background: #FAFAFA; |
| 140 | border: 1px solid #E6E6E6; | 111 | border: 1px solid #E6E6E6; |
| 141 | box-sizing: border-box; | 112 | /* box-sizing: border-box; */ |
| 142 | } | 113 | } |
| 143 | .navigation_crumbs .layui-breadcrumb a:hover { | 114 | .navigation_crumbs .layui-breadcrumb a:hover { |
| 144 | color: #f46143!important; | 115 | color: #f46143!important; |
| ... | @@ -149,6 +120,14 @@ div.navigation { | ... | @@ -149,6 +120,14 @@ div.navigation { |
| 149 | margin: 0 auto; | 120 | margin: 0 auto; |
| 150 | overflow: hidden; | 121 | overflow: hidden; |
| 151 | } | 122 | } |
| 123 | .layui-tab-brief>.layui-tab-title .layui-this{ | ||
| 124 | color: #4A4A4A !important; | ||
| 125 | font-size: 18px; | ||
| 126 | font-weight: 500; | ||
| 127 | } | ||
| 128 | .layui-tab-brief>.layui-tab-title .layui-this:after{ | ||
| 129 | border-bottom: 2px solid #006CFF !important | ||
| 130 | } | ||
| 152 | .one_content { | 131 | .one_content { |
| 153 | border: 1px solid #DEDEDE;; | 132 | border: 1px solid #DEDEDE;; |
| 154 | margin-top: 30px; | 133 | margin-top: 30px; |
| ... | @@ -215,27 +194,35 @@ div.navigation { | ... | @@ -215,27 +194,35 @@ div.navigation { |
| 215 | .mainbody { | 194 | .mainbody { |
| 216 | width: 1200px; | 195 | width: 1200px; |
| 217 | margin: 0 auto; | 196 | margin: 0 auto; |
| 197 | min-height: calc(100vh - 200px); | ||
| 198 | } | ||
| 199 | .listArea{ | ||
| 200 | overflow: hidden; | ||
| 218 | } | 201 | } |
| 219 | |||
| 220 | .top { | 202 | .top { |
| 221 | text-align: center; | 203 | text-align: center; |
| 222 | height: 90px; | 204 | height: 106px; |
| 223 | font-size: 14px; | 205 | font-size: 14px; |
| 224 | font-weight: bold; | 206 | font-weight: bold; |
| 225 | color: #4A4A4A; | 207 | color: #4A4A4A; |
| 226 | line-height: 14px; | ||
| 227 | border-bottom: 1px solid #DEDEDE; | 208 | border-bottom: 1px solid #DEDEDE; |
| 228 | display: flex; | 209 | display: flex; |
| 229 | justify-items: auto; | ||
| 230 | align-items: center; | 210 | align-items: center; |
| 231 | flex-width: wrap; | 211 | position: relative; |
| 232 | } | 212 | } |
| 233 | 213 | ||
| 234 | .top > div { | 214 | .top > div { |
| 235 | margin: 0 auto; | ||
| 236 | display: inline-block; | 215 | display: inline-block; |
| 237 | } | 216 | } |
| 238 | 217 | .top span{ | |
| 218 | display:inline-block; | ||
| 219 | width: 60px; | ||
| 220 | height: 14px; | ||
| 221 | font-size: 14px; | ||
| 222 | font-weight: 500; | ||
| 223 | color: #4A4A4A; | ||
| 224 | line-height: 14px; | ||
| 225 | } | ||
| 239 | .top input { | 226 | .top input { |
| 240 | width: 360px; | 227 | width: 360px; |
| 241 | height: 36px; | 228 | height: 36px; |
| ... | @@ -243,20 +230,72 @@ div.navigation { | ... | @@ -243,20 +230,72 @@ div.navigation { |
| 243 | border-radius: 2px; | 230 | border-radius: 2px; |
| 244 | border: 1px solid #CBCBCB; | 231 | border: 1px solid #CBCBCB; |
| 245 | margin-left: 10px; | 232 | margin-left: 10px; |
| 233 | padding-left: 10px; | ||
| 234 | } | ||
| 235 | .top-title { | ||
| 236 | margin-right: 6%; | ||
| 237 | } | ||
| 238 | .top-serach { | ||
| 239 | position: absolute; | ||
| 240 | right: 0; | ||
| 246 | } | 241 | } |
| 247 | |||
| 248 | .top button { | 242 | .top button { |
| 249 | width: 120px; | 243 | width: 120px; |
| 250 | height: 40px; | 244 | height: 40px; |
| 251 | background: #0091FF; | 245 | background: #0091FF; |
| 252 | border: none; | 246 | border: none; |
| 253 | border-radius: 3px; | 247 | border-radius: 3px; |
| 254 | color: white; | 248 | color: #FFFFFF; |
| 249 | font-weight: 100; | ||
| 255 | } | 250 | } |
| 256 | 251 | .announcement_list { | |
| 257 | /*.top-date input:before { | 252 | float: left; |
| 253 | width:81%; | ||
| 254 | } | ||
| 255 | .gglist{ | ||
| 256 | border-right:1px solid #EAEAEA; | ||
| 257 | padding-bottom: 60px; | ||
| 258 | margin-top: 27px; | ||
| 259 | min-height: 600px; | ||
| 260 | } | ||
| 261 | .gglist li{ | ||
| 262 | height: 104px; | ||
| 263 | } | ||
| 264 | .gglist .icon { | ||
| 265 | width: 38px; | ||
| 266 | height: 104px; | ||
| 267 | float: left; | ||
| 268 | } | ||
| 269 | .gglist li{ | ||
| 270 | border-bottom:1px solid #EAEAEA; | ||
| 271 | } | ||
| 272 | .listArea_right{ | ||
| 273 | width: 201px; | ||
| 274 | float: right; | ||
| 275 | text-align: right; | ||
| 276 | } | ||
| 277 | .diver{ | ||
| 278 | width: 23%; | ||
| 279 | width: 195px; | ||
| 280 | height: 1px; | ||
| 281 | background: #DEDEDE; | ||
| 282 | margin:0 auto; | ||
| 283 | margin-bottom:40px; | ||
| 284 | margin-top: 40px; | ||
| 285 | margin-right: 77px; | ||
| 286 | } | ||
| 287 | .zc-top{ | ||
| 288 | width: 72px; | ||
| 289 | height: 18px; | ||
| 290 | font-size: 18px; | ||
| 291 | font-weight: 500; | ||
| 292 | color: #4A4A4A; | ||
| 293 | line-height: 18px; | ||
| 294 | font-weight: 600; | ||
| 295 | } | ||
| 296 | /* .top-date input:before { | ||
| 258 | content: attr(placeholder) | 297 | content: attr(placeholder) |
| 259 | }*/ | 298 | } */ |
| 260 | 299 | ||
| 261 | .filter { | 300 | .filter { |
| 262 | display: flex; | 301 | display: flex; |
| ... | @@ -319,48 +358,50 @@ div.navigation { | ... | @@ -319,48 +358,50 @@ div.navigation { |
| 319 | .gg { | 358 | .gg { |
| 320 | text-overflow: clip; | 359 | text-overflow: clip; |
| 321 | overflow: hidden; | 360 | overflow: hidden; |
| 322 | border-bottom: 1px solid #DEDEDE; | ||
| 323 | height: 100px; | 361 | height: 100px; |
| 324 | font-size: 20px; | 362 | font-size: 20px; |
| 325 | font-weight: bold; | 363 | font-weight: bold; |
| 326 | color: #4A4A4A; | 364 | color: #4A4A4A; |
| 327 | line-height: 104px; | 365 | line-height: 104px; |
| 328 | padding-left: 20px; | ||
| 329 | padding-right: 20px; | 366 | padding-right: 20px; |
| 330 | } | 367 | } |
| 331 | 368 | .item_list { | |
| 369 | margin-left: 51px; | ||
| 370 | width: 92%; | ||
| 371 | overflow: hidden; | ||
| 372 | text-overflow:ellipsis; | ||
| 373 | white-space: nowrap; | ||
| 374 | } | ||
| 332 | .right { | 375 | .right { |
| 333 | width: 200px; | 376 | width: 200px; |
| 334 | margin-left: 15px; | 377 | margin-left: 15px; |
| 335 | } | 378 | } |
| 336 | 379 | ||
| 337 | .right-top { | 380 | .right-top { |
| 381 | width: 72px; | ||
| 338 | height: 18px; | 382 | height: 18px; |
| 339 | font-size: 18px; | 383 | font-size: 18px; |
| 340 | font-family: PingFangSC-Medium, PingFang SC; | ||
| 341 | font-weight: 500; | 384 | font-weight: 500; |
| 342 | color: #4A4A4A; | ||
| 343 | line-height: 18px; | 385 | line-height: 18px; |
| 344 | padding-top: 20px; | 386 | margin-bottom: 19px; |
| 387 | margin-top:30px; | ||
| 388 | font-weight: 600; | ||
| 389 | color: #4a4a4a; | ||
| 345 | } | 390 | } |
| 346 | |||
| 347 | .right-body { | 391 | .right-body { |
| 348 | display: inline-block; | 392 | display: inline-block; |
| 349 | margin-bottom: 20px; | 393 | margin-bottom: 20px; |
| 350 | } | 394 | } |
| 351 | 395 | ||
| 352 | .tj { | ||
| 353 | /*margin-bottom: 10px;*/ | ||
| 354 | } | ||
| 355 | |||
| 356 | .tj img { | 396 | .tj img { |
| 357 | width: 200px; | 397 | width: 200px; |
| 358 | height: 125px; | 398 | height: 125px; |
| 359 | margin-top: 20px; | ||
| 360 | } | 399 | } |
| 361 | 400 | ||
| 362 | .tj img, .tj span { | 401 | .tj img, .tj span { |
| 363 | float: left; | 402 | width: 100%; |
| 403 | display: block; | ||
| 404 | text-align: left; | ||
| 364 | } | 405 | } |
| 365 | 406 | ||
| 366 | .tj-title { | 407 | .tj-title { |
| ... | @@ -370,6 +411,8 @@ div.navigation { | ... | @@ -370,6 +411,8 @@ div.navigation { |
| 370 | font-weight: bold; | 411 | font-weight: bold; |
| 371 | color: #4A4A4A; | 412 | color: #4A4A4A; |
| 372 | line-height: 21px; | 413 | line-height: 21px; |
| 414 | display: inline-block; | ||
| 415 | margin-top: 9px | ||
| 373 | } | 416 | } |
| 374 | 417 | ||
| 375 | .tj-date { | 418 | .tj-date { |
| ... | @@ -379,7 +422,9 @@ div.navigation { | ... | @@ -379,7 +422,9 @@ div.navigation { |
| 379 | font-family: PingFangSC-Regular, PingFang SC; | 422 | font-family: PingFangSC-Regular, PingFang SC; |
| 380 | font-weight: 400; | 423 | font-weight: 400; |
| 381 | color: #9B9B9B; | 424 | color: #9B9B9B; |
| 382 | line-height: 12px; | 425 | display: inline-block; |
| 426 | margin-top: 6px; | ||
| 427 | margin-bottom: 20px; | ||
| 383 | } | 428 | } |
| 384 | 429 | ||
| 385 | .right-bottom { | 430 | .right-bottom { |
| ... | @@ -409,132 +454,54 @@ div.navigation { | ... | @@ -409,132 +454,54 @@ div.navigation { |
| 409 | 454 | ||
| 410 | .zcfg-top { | 455 | .zcfg-top { |
| 411 | width: 200px; | 456 | width: 200px; |
| 412 | height: 14px; | ||
| 413 | font-size: 14px; | 457 | font-size: 14px; |
| 414 | font-family: PingFangSC-Medium, PingFang SC; | ||
| 415 | font-weight: bold; | 458 | font-weight: bold; |
| 416 | color: #4A4A4A; | 459 | color: #4A4A4A; |
| 417 | line-height: 14px; | 460 | line-height: 21px; |
| 461 | text-align: left; | ||
| 418 | } | 462 | } |
| 419 | 463 | ||
| 420 | .zcfg-body { | 464 | .zcfg-body { |
| 421 | width: 200px; | 465 | width: 200px; |
| 422 | font-size: 14px; | 466 | font-size: 14px; |
| 423 | display: inline-block; | 467 | display: inline-block; |
| 424 | font-family: PingFangSC-Regular, PingFang SC; | ||
| 425 | font-weight: 400; | 468 | font-weight: 400; |
| 426 | color: #6D7278; | 469 | color: #6D7278; |
| 427 | line-height: 21px; | 470 | line-height: 23px; |
| 471 | text-align: left; | ||
| 428 | } | 472 | } |
| 429 | 473 | ||
| 430 | .zcfg-bottom { | 474 | .zcfg-bottom { |
| 431 | width: 90px; | 475 | width: 90px; |
| 432 | height: 12px; | 476 | height: 12px; |
| 433 | font-size: 12px; | 477 | font-size: 12px; |
| 434 | font-family: PingFangSC-Regular, PingFang SC; | ||
| 435 | font-weight: 400; | ||
| 436 | color: #9B9B9B; | 478 | color: #9B9B9B; |
| 437 | line-height: 12px; | 479 | line-height: 21px; |
| 438 | } | 480 | text-align: left; |
| 439 | |||
| 440 | /* -----------------底部start----------------------------- */ | ||
| 441 | div.footer { | ||
| 442 | background-color: #233042; | ||
| 443 | } | ||
| 444 | |||
| 445 | div.footer .system_service { | ||
| 446 | width: 100%; | ||
| 447 | border-bottom: 1px solid #4A4A4A; | ||
| 448 | } | 481 | } |
| 449 | 482 | .rightcontainer { | |
| 450 | div.footer .system_service ul { | 483 | margin-bottom: 20px; |
| 451 | padding: 40px 0; | ||
| 452 | width: 1400px; | ||
| 453 | margin: 0 auto; | ||
| 454 | font-size: 0; | ||
| 455 | } | 484 | } |
| 456 | 485 | #test1 { | |
| 457 | div.footer .system_service ul li { | ||
| 458 | width: 20%; | ||
| 459 | display: inline-block; | ||
| 460 | text-align: center; | 486 | text-align: center; |
| 461 | height: 18px; | 487 | margin-top: -30px; |
| 462 | box-sizing: border-box; | 488 | margin-bottom: 100px; |
| 463 | } | ||
| 464 | |||
| 465 | div.footer .system_service ul li:not(:last-child) { | ||
| 466 | border-right: 1px solid #6D7278; | ||
| 467 | } | ||
| 468 | |||
| 469 | div.footer .system_service ul li a { | ||
| 470 | font-size: 16px; | ||
| 471 | font-weight: 400; | ||
| 472 | color: #DEDEDE; | ||
| 473 | } | 489 | } |
| 474 | 490 | .layui-laypage .layui-laypage-curr .layui-laypage-em { | |
| 475 | div.footer .system_service ul li a:hover { | 491 | background-color: #0091FF!important; |
| 476 | color: #f46143; | ||
| 477 | } | ||
| 478 | |||
| 479 | .footer .subject { | ||
| 480 | width: 80%; | ||
| 481 | margin: 0 auto; | ||
| 482 | padding: 40px 0; | ||
| 483 | overflow: hidden; | ||
| 484 | } | 492 | } |
| 485 | 493 | .top-date span{ | |
| 486 | .footer .subject .footer_logo { | 494 | display: inline-block; |
| 487 | float: left; | 495 | float: left; |
| 496 | margin-top: 12px; | ||
| 488 | } | 497 | } |
| 489 | 498 | .top-date input { | |
| 490 | .footer .subject .footer_logo a { | ||
| 491 | display: block; | ||
| 492 | width: 64px; | ||
| 493 | height: 74px; | ||
| 494 | padding: 10px; | ||
| 495 | } | ||
| 496 | |||
| 497 | .footer .subject .footer_logo a img { | ||
| 498 | width: 100%; | ||
| 499 | height: 100%; | ||
| 500 | } | ||
| 501 | |||
| 502 | .footer .subject ul, ol { | ||
| 503 | float: left; | 499 | float: left; |
| 504 | color: #CBCBCB; | ||
| 505 | text-align: left; | ||
| 506 | } | 500 | } |
| 507 | 501 | input { | |
| 508 | .footer .subject ul { | 502 | color: #4a4a4a!important; |
| 509 | width: 73%; | 503 | font-weight: 100!important; |
| 510 | box-sizing: border-box; | ||
| 511 | padding-left: 40px; | ||
| 512 | margin-top: 10px; | ||
| 513 | } | 504 | } |
| 514 | 505 | .layui-laydate .layui-this { | |
| 515 | .footer .subject ul li { | 506 | background-color: #0091FF!important; |
| 516 | width: 30%; | ||
| 517 | display: inline-block; | ||
| 518 | text-align: left; | ||
| 519 | margin-bottom: 30px; | ||
| 520 | } | ||
| 521 | |||
| 522 | .footer .subject ol li { | ||
| 523 | display: inline-block; | ||
| 524 | text-align: center; | ||
| 525 | } | ||
| 526 | |||
| 527 | .footer .subject ol li:last-child { | ||
| 528 | margin-left: 60px; | ||
| 529 | } | ||
| 530 | |||
| 531 | .footer .subject ol li img { | ||
| 532 | width: 80px; | ||
| 533 | height: 80px; | ||
| 534 | } | ||
| 535 | |||
| 536 | .footer .subject ol li p { | ||
| 537 | font-size: 12px; | ||
| 538 | color: #CBCBCB; | ||
| 539 | margin-top: 5px; | ||
| 540 | } | 507 | } |
| ... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
| ... | @@ -139,7 +139,8 @@ div.subject { | ... | @@ -139,7 +139,8 @@ div.subject { |
| 139 | .leftContainer{ | 139 | .leftContainer{ |
| 140 | border-right: 1px solid #DEDEDE; | 140 | border-right: 1px solid #DEDEDE; |
| 141 | margin-top: 41px; | 141 | margin-top: 41px; |
| 142 | padding-bottom: 20px; | 142 | padding-bottom: 60px; |
| 143 | min-height: 800px; | ||
| 143 | } | 144 | } |
| 144 | .leftContainer li { | 145 | .leftContainer li { |
| 145 | border-bottom: 1px solid #EAEAEA; | 146 | border-bottom: 1px solid #EAEAEA; |
| ... | @@ -150,11 +151,10 @@ div.subject { | ... | @@ -150,11 +151,10 @@ div.subject { |
| 150 | } | 151 | } |
| 151 | .left-top { | 152 | .left-top { |
| 152 | width: 408px; | 153 | width: 408px; |
| 153 | height: 18px; | ||
| 154 | font-size: 18px; | 154 | font-size: 18px; |
| 155 | font-weight: bold; | 155 | font-weight: bold; |
| 156 | color: #686666; | 156 | color: #686666; |
| 157 | line-height: 18px; | 157 | line-height: 21px; |
| 158 | cursor: pointer; | 158 | cursor: pointer; |
| 159 | } | 159 | } |
| 160 | .left-top:hover { | 160 | .left-top:hover { |
| ... | @@ -201,15 +201,16 @@ div.subject { | ... | @@ -201,15 +201,16 @@ div.subject { |
| 201 | } | 201 | } |
| 202 | 202 | ||
| 203 | #page { | 203 | #page { |
| 204 | margin-top: 20px; | 204 | margin-top: -35px; |
| 205 | text-align: center; | 205 | text-align: center; |
| 206 | margin-bottom: 50px; | 206 | margin-bottom: 60px; |
| 207 | } | 207 | } |
| 208 | 208 | ||
| 209 | .right { | 209 | .right { |
| 210 | width: 200px; | 210 | width: 200px; |
| 211 | margin-top: 36px; | 211 | margin-top: 20px; |
| 212 | margin-left: 15px; | 212 | margin-left: 10px; |
| 213 | margin-bottom: 10px; | ||
| 213 | } | 214 | } |
| 214 | 215 | ||
| 215 | .right-top { | 216 | .right-top { |
| ... | @@ -237,7 +238,9 @@ div.subject { | ... | @@ -237,7 +238,9 @@ div.subject { |
| 237 | } | 238 | } |
| 238 | 239 | ||
| 239 | .tj img, .tj span { | 240 | .tj img, .tj span { |
| 240 | float: left; | 241 | width: 100%; |
| 242 | display: block; | ||
| 243 | margin-top: 5px; | ||
| 241 | } | 244 | } |
| 242 | 245 | ||
| 243 | .tj-title { | 246 | .tj-title { |
| ... | @@ -272,7 +275,7 @@ div.subject { | ... | @@ -272,7 +275,7 @@ div.subject { |
| 272 | } | 275 | } |
| 273 | 276 | ||
| 274 | .zcfg { | 277 | .zcfg { |
| 275 | margin-top: 20px; | 278 | margin-top: 15px; |
| 276 | display: inline-block; | 279 | display: inline-block; |
| 277 | cursor: pointer; | 280 | cursor: pointer; |
| 278 | } | 281 | } |
| ... | @@ -287,7 +290,7 @@ div.subject { | ... | @@ -287,7 +290,7 @@ div.subject { |
| 287 | font-size: 14px; | 290 | font-size: 14px; |
| 288 | font-weight: bold; | 291 | font-weight: bold; |
| 289 | color: #686666; | 292 | color: #686666; |
| 290 | line-height: 14px; | 293 | line-height: 20px; |
| 291 | } | 294 | } |
| 292 | 295 | ||
| 293 | .zcfg-body { | 296 | .zcfg-body { |
| ... | @@ -297,14 +300,17 @@ div.subject { | ... | @@ -297,14 +300,17 @@ div.subject { |
| 297 | font-weight: 400; | 300 | font-weight: 400; |
| 298 | color: #6D7278; | 301 | color: #6D7278; |
| 299 | line-height: 23px; | 302 | line-height: 23px; |
| 300 | margin: 10px 0; | 303 | margin-top: 25px; |
| 301 | } | 304 | } |
| 302 | 305 | ||
| 303 | .zcfg-bottom { | 306 | .zcfg-bottom { |
| 304 | width: 90px; | 307 | width: 100%; |
| 305 | height: 12px; | ||
| 306 | font-size: 12px; | 308 | font-size: 12px; |
| 307 | font-weight: 400; | 309 | font-weight: 400; |
| 308 | color: #9B9B9B; | 310 | color: #9B9B9B; |
| 309 | line-height: 12px; | 311 | line-height: 16px; |
| 312 | margin-top: 3px; | ||
| 313 | } | ||
| 314 | #regulation { | ||
| 315 | line-height: 0; | ||
| 310 | } | 316 | } |
| ... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
| ... | @@ -134,7 +134,7 @@ div.navigation { | ... | @@ -134,7 +134,7 @@ div.navigation { |
| 134 | .title { | 134 | .title { |
| 135 | height: 30px; | 135 | height: 30px; |
| 136 | font-size: 30px; | 136 | font-size: 30px; |
| 137 | padding: 40px 0; | 137 | padding: 30px 0; |
| 138 | font-weight: 500; | 138 | font-weight: 500; |
| 139 | color: #4A4A4A; | 139 | color: #4A4A4A; |
| 140 | line-height: 30px; | 140 | line-height: 30px; |
| ... | @@ -609,7 +609,7 @@ div.navigation { | ... | @@ -609,7 +609,7 @@ div.navigation { |
| 609 | .right { | 609 | .right { |
| 610 | width: 200px; | 610 | width: 200px; |
| 611 | margin-left: 15px; | 611 | margin-left: 15px; |
| 612 | margin-top: 20px; | 612 | margin-top: 5px; |
| 613 | } | 613 | } |
| 614 | 614 | ||
| 615 | .right-top { | 615 | .right-top { | ... | ... |
| ... | @@ -2,7 +2,6 @@ | ... | @@ -2,7 +2,6 @@ |
| 2 | width: 1200px; | 2 | width: 1200px; |
| 3 | margin: 0 auto; | 3 | margin: 0 auto; |
| 4 | min-height:calc(100vh - 227px); | 4 | min-height:calc(100vh - 227px); |
| 5 | padding: 20px 0; | ||
| 6 | } | 5 | } |
| 7 | .title { | 6 | .title { |
| 8 | height: 16px; | 7 | height: 16px; |
| ... | @@ -56,35 +55,281 @@ | ... | @@ -56,35 +55,281 @@ |
| 56 | display: none; | 55 | display: none; |
| 57 | } | 56 | } |
| 58 | .img_update { | 57 | .img_update { |
| 59 | border: 1px solid #eeeeee; | ||
| 60 | overflow: hidden; | 58 | overflow: hidden; |
| 59 | position: relative; | ||
| 60 | float: left; | ||
| 61 | } | 61 | } |
| 62 | 62 | ||
| 63 | .fileBox{ margin:10px;width: 330px;float: left; } | 63 | .fileBox{ |
| 64 | #fileSpan{display:inline-block;width:300px;height:150px;border:2px dashed #ccc;text-align:center;line-height:150px;position: relative;} | 64 | margin:10px;float: left; |
| 65 | #fileInput { | 65 | } |
| 66 | .file_name i { | ||
| 67 | display: block; | ||
| 68 | font-size: 32px; | ||
| 69 | height: 24px; | ||
| 70 | position: relative; | ||
| 71 | line-height: 24px; | ||
| 72 | top: -10px; | ||
| 73 | padding-top: 60px; | ||
| 74 | margin-bottom: 10px; | ||
| 75 | } | ||
| 76 | .file_name p { | ||
| 77 | line-height: 16px; | ||
| 78 | } | ||
| 79 | .certificate { | ||
| 80 | height: 24px; | ||
| 81 | color: red; | ||
| 82 | margin-top: 5px; | ||
| 83 | font-size: 14px; | ||
| 84 | line-height: 24px; | ||
| 85 | } | ||
| 86 | #fileSpan , #fileSpan1, #fileSpan3{ | ||
| 87 | display: inline-block; | ||
| 88 | width: 285px; | ||
| 89 | height: 200px; | ||
| 90 | border: 2px dashed #ccc; | ||
| 91 | text-align: center; | ||
| 92 | position: relative; | ||
| 93 | } | ||
| 94 | #fileSpan:hover , #fileSpan1:hover, #fileSpan3:hover{ | ||
| 95 | border-color:#0091FF; | ||
| 96 | } | ||
| 97 | #fileInput, #fileInput1, #fileInput3{ | ||
| 66 | position: absolute; | 98 | position: absolute; |
| 67 | width: 100%; | 99 | width: 100%; |
| 68 | height: 100%; | 100 | height: 100%; |
| 69 | left: 0; | 101 | left: 0; |
| 70 | top: 0; | 102 | top: 0; |
| 71 | opacity: 0; | 103 | opacity: 0; |
| 104 | cursor: pointer; | ||
| 105 | z-index: 10; | ||
| 106 | } | ||
| 107 | .fileList_parent, .fileList_parent1, .fileList_parent3{ | ||
| 108 | position: absolute; | ||
| 109 | left: 12px; | ||
| 110 | top: 12px; | ||
| 111 | width: 285px; | ||
| 112 | height: 200px; | ||
| 113 | text-align: center; | ||
| 114 | box-sizing: border-box; | ||
| 115 | padding: 30px 20px; | ||
| 116 | display: none; | ||
| 117 | background-color: #eee; | ||
| 118 | z-index: 20; | ||
| 119 | } | ||
| 120 | .fileName { | ||
| 121 | width: 80px; | ||
| 122 | line-height: 30px; | ||
| 123 | overflow: hidden; | ||
| 124 | text-overflow: ellipsis; | ||
| 125 | white-space: nowrap; | ||
| 72 | } | 126 | } |
| 73 | .fileList_parent{margin:20px;display:none;} | 127 | .file_list { |
| 74 | .fileList_parent { | 128 | text-align: center; |
| 129 | margin: 0 auto; | ||
| 130 | } | ||
| 131 | .fileList_parent img , .fileList_parent1 img, .fileList_parent3 img{ | ||
| 132 | width: 50px; | ||
| 133 | height: 60px; | ||
| 134 | } | ||
| 135 | .fileList_parent, .fileList_parent1, .fileList_parent3 { | ||
| 75 | float: left; | 136 | float: left; |
| 76 | } | 137 | } |
| 138 | .file_name { | ||
| 139 | height: 200px; | ||
| 140 | text-align: center; | ||
| 141 | line-height: 200px; | ||
| 142 | position: relative; | ||
| 143 | } | ||
| 77 | .operation { | 144 | .operation { |
| 78 | color: #0091FF; | 145 | color: #0091FF; |
| 79 | cursor: pointer; | 146 | cursor: pointer; |
| 80 | } | 147 | } |
| 81 | .fileList tr { | 148 | .fileListName, .fileListName1, .fileListName3{ |
| 149 | text-align: center; | ||
| 150 | padding-top: 10px; | ||
| 151 | } | ||
| 152 | .fileListName p , .fileListName1 p, .fileListName3 p{ | ||
| 153 | display: inline-block; | ||
| 154 | height: 17px; | ||
| 155 | } | ||
| 156 | .fileListName a , .fileListName1 a, .fileListName3 a { | ||
| 157 | display: inline-block; | ||
| 158 | line-height: 14px; | ||
| 159 | } | ||
| 160 | .fileListName a i, .fileListName1 a i, .fileListName3 a i{ | ||
| 161 | line-height: 14px; | ||
| 162 | height: 14px; | ||
| 163 | padding: 0; | ||
| 164 | position: relative; | ||
| 165 | top: -2px; | ||
| 166 | font-size: 14px; | ||
| 167 | font-weight: 600; | ||
| 168 | } | ||
| 169 | .fileList tr, .fileList1 tr, .fileList3 tr { | ||
| 82 | line-height: 28px; | 170 | line-height: 28px; |
| 171 | width: 70px; | ||
| 172 | } | ||
| 173 | .fileList tr td, .fileList1 tr td, .fileList3 tr td { | ||
| 174 | width: 70px; | ||
| 175 | } | ||
| 176 | .operation a:hover { | ||
| 177 | color: #0091FF!important; | ||
| 83 | } | 178 | } |
| 84 | .next_button { | 179 | .next_button { |
| 85 | text-align: center; | 180 | text-align: center; |
| 86 | margin: 15px 0; | 181 | margin: 30px 0 100px 0; |
| 87 | } | 182 | } |
| 88 | .next_button a { | 183 | .name_title { |
| 89 | color: #ffffff; | 184 | padding: 10px; |
| 185 | margin:15px 0; | ||
| 186 | } | ||
| 187 | .name_title h2 { | ||
| 188 | display: inline-block; | ||
| 189 | font-weight: 600; | ||
| 190 | margin-right: 10px; | ||
| 191 | border-left: 3px solid #0091FF; | ||
| 192 | height: 16px; | ||
| 193 | line-height: 16px; | ||
| 194 | padding-left: 5px; | ||
| 195 | } | ||
| 196 | .name_title p { | ||
| 197 | display: inline-block; | ||
| 198 | color: #0091FF; | ||
| 199 | } | ||
| 200 | /* 房屋信息 */ | ||
| 201 | .acceptance_information { | ||
| 202 | margin: 20px 0; | ||
| 203 | } | ||
| 204 | .acceptance_information h3 , .person_info h3, .data_upload h3, .obtaining_license h3{ | ||
| 205 | height: 16px; | ||
| 206 | padding-left: 5px; | ||
| 207 | border-left: 3px solid #0091FF; | ||
| 208 | line-height: 18px; | ||
| 209 | font-size: 16px; | ||
| 210 | font-weight: 600; | ||
| 211 | margin-bottom: 15px; | ||
| 212 | color: #585656; | ||
| 213 | } | ||
| 214 | .acceptance_information ul { | ||
| 215 | font-size: 0; | ||
| 216 | } | ||
| 217 | .acceptance_information ul li { | ||
| 218 | display: inline-block; | ||
| 219 | width: 50%; | ||
| 220 | font-size: 14px; | ||
| 221 | line-height: 36px; | ||
| 222 | } | ||
| 223 | .acceptance_information ul li span { | ||
| 224 | color: #9B9B9B; | ||
| 225 | width: 100px; | ||
| 226 | text-align: right; | ||
| 227 | display: inline-block; | ||
| 228 | } | ||
| 229 | .acceptance_information ul li p { | ||
| 230 | display: inline-block; | ||
| 231 | } | ||
| 232 | /* 买卖双方信息 */ | ||
| 233 | .layui-form-item .layui-inline { | ||
| 234 | width: 23%; | ||
| 235 | } | ||
| 236 | .idCard { | ||
| 237 | width: 150px; | ||
| 238 | } | ||
| 239 | .layui-form-label { | ||
| 240 | padding: 9px 0; | ||
| 241 | width: 92px; | ||
| 242 | } | ||
| 243 | .layui-icon-reduce-circle { | ||
| 244 | font-size: 20px!important; | ||
| 245 | } | ||
| 246 | .add_form { | ||
| 247 | height: 80px; | ||
| 248 | border: 2px dotted #d2d2d2; | ||
| 249 | cursor: pointer; | ||
| 250 | text-align: center; | ||
| 251 | padding-top: 18px; | ||
| 252 | box-sizing: border-box; | ||
| 253 | border-radius: 8px; | ||
| 254 | display: none; | ||
| 255 | } | ||
| 256 | .add_form:hover { | ||
| 257 | border-color: #0091FF; | ||
| 258 | } | ||
| 259 | .add_form i { | ||
| 260 | font-size: 20px!important; | ||
| 261 | } | ||
| 262 | .person_info h3 { | ||
| 263 | float: left; | ||
| 264 | margin-right: 10px; | ||
| 265 | } | ||
| 266 | .person_info .title { | ||
| 267 | line-height: 18px; | ||
| 268 | margin-bottom: 20px; | ||
| 269 | padding-left: 0!important; | ||
| 270 | } | ||
| 271 | .person_info .title input{ | ||
| 272 | display: inline-block; | ||
| 273 | margin: 0 10px; | ||
| 274 | cursor: pointer; | ||
| 275 | width: 21px; | ||
| 276 | height: 21px; | ||
| 277 | position: relative; | ||
| 278 | top: -2px; | ||
| 279 | } | ||
| 280 | .person_info .title p { | ||
| 281 | display: inline-block; | ||
| 282 | position: relative; | ||
| 283 | top: -6.5px; | ||
| 284 | } | ||
| 285 | /* -----------------资料上传---------------------- */ | ||
| 286 | .data_upload { | ||
| 287 | margin-top: 20px; | ||
| 288 | overflow: hidden; | ||
| 289 | } | ||
| 290 | /* -----------------询问笔录---------------------- */ | ||
| 291 | .record { | ||
| 292 | position: absolute; | ||
| 293 | left: 0; | ||
| 294 | bottom: 30px; | ||
| 295 | display: block; | ||
| 296 | line-height: 20px; | ||
| 297 | height: 20px; | ||
| 298 | color: #0091FF; | ||
| 299 | text-align: center; | ||
| 300 | z-index: 30; | ||
| 301 | width: 100%; | ||
| 302 | cursor: pointer; | ||
| 303 | } | ||
| 304 | .record:hover { | ||
| 305 | color: #0091FF; | ||
| 306 | } | ||
| 307 | .layui-form-radio>i:hover, .layui-form-radioed>i { | ||
| 308 | color: #0091FF!important; | ||
| 309 | } | ||
| 310 | /* -------------------领证方式----------------------- */ | ||
| 311 | .shipping_method { | ||
| 312 | display: none; | ||
| 313 | } | ||
| 314 | .item_inline { | ||
| 315 | font-size: 0; | ||
| 316 | } | ||
| 317 | .item_inline .layui-inline { | ||
| 318 | width: 50%; | ||
| 319 | font-size: 16px; | ||
| 320 | margin-right: 0!important; | ||
| 321 | } | ||
| 322 | .obtaining_license .layui-input-block h2{ | ||
| 323 | display: inline-block; | ||
| 324 | color: rgb(133, 125, 125); | ||
| 325 | margin-right: 13px; | ||
| 326 | } | ||
| 327 | .ssq { | ||
| 328 | width: 92%; | ||
| 329 | } | ||
| 330 | .ssq .layui-inline { | ||
| 331 | width: 29%; | ||
| 332 | } | ||
| 333 | .obtaining_license { | ||
| 334 | margin-top: 20px; | ||
| 90 | } | 335 | } |
| ... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
| ... | @@ -22,10 +22,7 @@ | ... | @@ -22,10 +22,7 @@ |
| 22 | } | 22 | } |
| 23 | .next_button { | 23 | .next_button { |
| 24 | text-align: center; | 24 | text-align: center; |
| 25 | margin: 10px 0; | 25 | margin: 30px 0 100px 0; |
| 26 | } | ||
| 27 | .next_button a { | ||
| 28 | color: #ffffff; | ||
| 29 | } | 26 | } |
| 30 | .no_info { | 27 | .no_info { |
| 31 | text-align: center; | 28 | text-align: center; | ... | ... |
staticImages/dui.png
0 → 100644
5.38 KB
| ... | @@ -19,7 +19,6 @@ document.writeln(" <meta name=\'description\' content=\'\' />"); | ... | @@ -19,7 +19,6 @@ document.writeln(" <meta name=\'description\' content=\'\' />"); |
| 19 | document.writeln(" <meta name=\'Keywords\' content=\'\' />"); | 19 | document.writeln(" <meta name=\'Keywords\' content=\'\' />"); |
| 20 | document.writeln(" <link rel=\'stylesheet\' type=\'text/css\' href=\'"+localhostPaht+"/staticLib/layui/css/layui.css\' />"); | 20 | document.writeln(" <link rel=\'stylesheet\' type=\'text/css\' href=\'"+localhostPaht+"/staticLib/layui/css/layui.css\' />"); |
| 21 | document.writeln(" <link type=\'text/css\' rel=\'stylesheet\' href=\'"+localhostPaht+"/staticCss/common.css\' />"); | 21 | document.writeln(" <link type=\'text/css\' rel=\'stylesheet\' href=\'"+localhostPaht+"/staticCss/common.css\' />"); |
| 22 | document.writeln(" <link type=\'text/css\' rel=\'stylesheet\' href=\'"+localhostPaht+"/staticCss/global.css\' />"); | ||
| 23 | document.writeln(""); | 22 | document.writeln(""); |
| 24 | document.writeln("<body> "); | 23 | document.writeln("<body> "); |
| 25 | document.writeln(" <div class=\'footer\'> "); | 24 | document.writeln(" <div class=\'footer\'> "); | ... | ... |
staticJs/gsgg.js
0 → 100644
| 1 | $(function () { | ||
| 2 | layui.use('element', function () { | ||
| 3 | var element = layui.element; //导航的hover效果、二级菜单等功能,需要依赖element模块 | ||
| 4 | //监听导航点击 | ||
| 5 | element.on('nav(demo)', function (elem) { | ||
| 6 | layer.msg(elem.text()); | ||
| 7 | }); | ||
| 8 | }); | ||
| 9 | layui.use('laydate', function () { | ||
| 10 | var laydate = layui.laydate; | ||
| 11 | //常规用法 | ||
| 12 | laydate.render({ | ||
| 13 | elem: '#date' | ||
| 14 | }); | ||
| 15 | }) | ||
| 16 | |||
| 17 | layui.use('laypage', function () { | ||
| 18 | var laypage = layui.laypage; | ||
| 19 | //执行一个laypage实例 | ||
| 20 | laypage.render({ | ||
| 21 | elem: 'test1' //注意,这里的 test1 是 ID,不用加 # 号 | ||
| 22 | , count: 50 //数据总数,从服务端得到 | ||
| 23 | }); | ||
| 24 | }); | ||
| 25 | |||
| 26 | layui.use('laytpl', function () { | ||
| 27 | laytpl = layui.laytpl; | ||
| 28 | var getTpl = document.getElementById('demo').innerHTML | ||
| 29 | , view = document.getElementById('notice-list'); | ||
| 30 | laytpl(getTpl).render(data, function (html) { | ||
| 31 | view.innerHTML = html; | ||
| 32 | }); | ||
| 33 | }); | ||
| 34 | initData() | ||
| 35 | }) | ||
| 36 | |||
| 37 | //门户公示公告列表 | ||
| 38 | function initData() { | ||
| 39 | $.ajax({ | ||
| 40 | type: "get", //提交方式 | ||
| 41 | url: portal.api_url + "/hlwj/MhNotice/getNoticeList",//路径 | ||
| 42 | data:{ | ||
| 43 | "currentPage":1, | ||
| 44 | "pageSize":6 | ||
| 45 | }, | ||
| 46 | dataType: "json", | ||
| 47 | async: false, | ||
| 48 | //数据,这里使用的是Json格式进行传输 | ||
| 49 | success: function (result) {//返回数据根据结果进行相应的处理 | ||
| 50 | if (result.code == 200 && result.data != null) { | ||
| 51 | data.list = result.data.records; | ||
| 52 | } | ||
| 53 | } | ||
| 54 | }); | ||
| 55 | |||
| 56 | } | ||
| 57 | |||
| 58 | var data = { //数据 | ||
| 59 | "list": [], | ||
| 60 | total: undefined | ||
| 61 | }; | ||
| ... | \ No newline at end of file | ... | \ No newline at end of file |
staticJs/imageUpdate.js
0 → 100644
| 1 | $(function () { | ||
| 2 | //元素 | ||
| 3 | var oFileInput = $("#fileInput"); //选择文件按钮 | ||
| 4 | var oFileSpan = $("#fileSpan"); //选择文件框 | ||
| 5 | var oFileList_parent = $(".fileList_parent"); //表格 | ||
| 6 | var fileListName = $('.fileListName') //上传的数据列表 | ||
| 7 | var oFileList = $(".fileList"); //表格tbody | ||
| 8 | var sizeObj = []; //存放每个文件大小的数组,用来比较去重 | ||
| 9 | //拖拽外部文件,进入目标元素触发 | ||
| 10 | oFileSpan.on("dragenter", function () { | ||
| 11 | $(this).find('.file_name').css("background", "#ccc"); | ||
| 12 | $(this).find('.file_name').empty(); | ||
| 13 | $(this).find('.file_name').append( | ||
| 14 | '<p style="line-height:200px">可以方鼠标了</p>' | ||
| 15 | ) | ||
| 16 | }); | ||
| 17 | //拖拽外部文件,进入目标、离开目标之间,连续触发 | ||
| 18 | oFileSpan.on("dragover", function () { | ||
| 19 | return false; | ||
| 20 | }); | ||
| 21 | //拖拽外部文件,离开目标元素触发 | ||
| 22 | oFileSpan.on("dragleave", function () { | ||
| 23 | $(this).find('.file_name').empty(); | ||
| 24 | $(this).find('.file_name').css("background", "#ffff"); | ||
| 25 | $(this).find('.file_name').append( | ||
| 26 | ' <i class="layui-icon layui-icon-addition"></i>' + | ||
| 27 | '<p>点击或拖拽文件上传</p>' + | ||
| 28 | '<div class="certificate">登记申请书(2份)</div>' + | ||
| 29 | '<div class="fileListName"></div>' | ||
| 30 | ) | ||
| 31 | }); | ||
| 32 | //拖拽外部文件,在目标元素上释放鼠标触发 | ||
| 33 | oFileSpan.on("drop", function (ev) { | ||
| 34 | var fs = ev.originalEvent.dataTransfer.files; | ||
| 35 | $(this).find('.file_name').empty(); | ||
| 36 | $(this).find('.file_name').css("background", "#ffff"); | ||
| 37 | $(this).find('.file_name').append( | ||
| 38 | ' <i class="layui-icon layui-icon-addition"></i>' + | ||
| 39 | '<p>点击或拖拽文件上传</p>' + | ||
| 40 | '<div class="certificate">登记申请书(2份)</div>' + | ||
| 41 | '<div class="fileListName"></div>' | ||
| 42 | ) | ||
| 43 | analysisList(fs); //解析列表函数 | ||
| 44 | return false; | ||
| 45 | }); | ||
| 46 | //点击选择文件按钮选文件 | ||
| 47 | oFileInput.on("change", function () { | ||
| 48 | analysisList(this.files); | ||
| 49 | }) | ||
| 50 | //解析列表函数 | ||
| 51 | function analysisList(obj) { | ||
| 52 | //如果没有文件 | ||
| 53 | if (obj.length < 1) { | ||
| 54 | return false; | ||
| 55 | } | ||
| 56 | for (var i = 0; i < obj.length; i++) { | ||
| 57 | var fileObj = obj[i]; //单个文件 | ||
| 58 | var name = fileObj.name; //文件名 | ||
| 59 | var size = fileObj.size; //文件大小 | ||
| 60 | var type = fileType(name); //文件类型,获取的是文件的后缀 | ||
| 61 | //文件大于30M,就不上传 | ||
| 62 | if (size > 1024 * 1024 * 1024 || size == 0) { | ||
| 63 | layer.msg('超过了30M,不能上传', { icon: 5 }); | ||
| 64 | return false; | ||
| 65 | } | ||
| 66 | //把文件大小放到一个数组中,然后再去比较,如果有比较上的,就认为重复了,不能上传 | ||
| 67 | if (sizeObj.indexOf(size) != -1) { | ||
| 68 | layer.msg('已经选择,不能重复上传', { icon: 5 }); | ||
| 69 | return false; | ||
| 70 | } | ||
| 71 | //给json对象添加内容,得到选择的文件的数据 | ||
| 72 | var itemArr = [fileObj, name, size, type]; //文件,文件名,文件大小,文件类型 | ||
| 73 | flieList.push(itemArr); | ||
| 74 | //把这个文件的大小放进数组中 | ||
| 75 | sizeObj.push(size); | ||
| 76 | } | ||
| 77 | createList() //生成列表 | ||
| 78 | document.querySelector('#fileInput').value = null | ||
| 79 | if (flieList.length == 2) { | ||
| 80 | oFileList_parent.show(); //表格显示 | ||
| 81 | } | ||
| 82 | }; | ||
| 83 | //生成列表 | ||
| 84 | function createList() { | ||
| 85 | oFileList.empty(); //先清空元素内容 | ||
| 86 | for (var i = 0; i < flieList.length; i++) { | ||
| 87 | var fileData = flieList[i]; //flieList数组中的某一个 | ||
| 88 | var name = fileData[1]; //文件名 | ||
| 89 | var oTr = $("<tr></tr>"); | ||
| 90 | var str = '<td><p class="fileName" title="' + name + '">' + name + '</p></td>'; | ||
| 91 | str += '<td class="iconClose"><a class="operation"><i class="layui-icon layui-icon-close"></i></a></td>'; | ||
| 92 | oTr.html(str); | ||
| 93 | oTr.appendTo(oFileList); | ||
| 94 | $('.fileListName').append( | ||
| 95 | '<p class="fileName" title="' + name + '">' + name + '</p>' + | ||
| 96 | '<a class="operation"><i class="layui-icon layui-icon-close"></i></a>' | ||
| 97 | ); | ||
| 98 | } | ||
| 99 | } | ||
| 100 | //删除表格行 | ||
| 101 | oFileList.on("click", "a.operation", function () { | ||
| 102 | var oTr = $(this).parents("tr"); | ||
| 103 | var index = oTr.index(); | ||
| 104 | oTr.remove(); //删除这一行 | ||
| 105 | flieList.splice(index, 1); //删除数据 | ||
| 106 | sizeObj.splice(index, 1); //删除文件大小数组中的项 | ||
| 107 | if (flieList.length == 0) { | ||
| 108 | oFileList_parent.hide() | ||
| 109 | $('.fileListName').empty(); | ||
| 110 | } | ||
| 111 | }); | ||
| 112 | }) | ||
| 113 | //通过文件名,返回文件的后缀名 | ||
| 114 | function fileType(name) { | ||
| 115 | var nameArr = name.split("."); | ||
| 116 | return nameArr[nameArr.length - 1].toLowerCase(); | ||
| 117 | } | ||
| 118 |
staticJs/imageUpdate1.js
0 → 100644
| 1 | $(function () { | ||
| 2 | //元素 | ||
| 3 | var oFileInput = $("#fileInput1"); //选择文件按钮 | ||
| 4 | var oFileSpan = $("#fileSpan1"); //选择文件框 | ||
| 5 | var oFileList_parent = $(".fileList_parent1"); //表格 | ||
| 6 | var fileListName = $('.fileListName1') //上传的数据列表 | ||
| 7 | var oFileList = $(".fileList1"); //表格tbody | ||
| 8 | var sizeObj1 = []; //存放每个文件大小的数组,用来比较去重 | ||
| 9 | //拖拽外部文件,进入目标元素触发 | ||
| 10 | oFileSpan.on("dragenter", function () { | ||
| 11 | $(this).find('.file_name').css("background", "#ccc"); | ||
| 12 | $(this).find('.file_name').empty(); | ||
| 13 | $(this).find('.file_name').append( | ||
| 14 | '<p style="line-height:200px">可以方鼠标了</p>' | ||
| 15 | ) | ||
| 16 | }); | ||
| 17 | //拖拽外部文件,进入目标、离开目标之间,连续触发 | ||
| 18 | oFileSpan.on("dragover", function () { | ||
| 19 | return false; | ||
| 20 | }); | ||
| 21 | //拖拽外部文件,离开目标元素触发 | ||
| 22 | oFileSpan.on("dragleave", function () { | ||
| 23 | $(this).find('.file_name').empty(); | ||
| 24 | $(this).find('.file_name').css("background", "#ffff"); | ||
| 25 | $(this).find('.file_name').append( | ||
| 26 | ' <i class="layui-icon layui-icon-addition"></i>' + | ||
| 27 | '<p>点击或拖拽文件上传</p>' + | ||
| 28 | '<div class="certificate">房屋所有权证书(2份)</div>' + | ||
| 29 | '<div class="fileListName1"></div>' | ||
| 30 | ) | ||
| 31 | }); | ||
| 32 | //拖拽外部文件,在目标元素上释放鼠标触发 | ||
| 33 | oFileSpan.on("drop", function (ev) { | ||
| 34 | var fs = ev.originalEvent.dataTransfer.files; | ||
| 35 | $(this).find('.file_name').empty(); | ||
| 36 | $(this).find('.file_name').css("background", "#ffff"); | ||
| 37 | $(this).find('.file_name').append( | ||
| 38 | ' <i class="layui-icon layui-icon-addition"></i>' + | ||
| 39 | '<p>点击或拖拽文件上传</p>' + | ||
| 40 | '<div class="certificate">房屋所有权证书(2份)</div>' + | ||
| 41 | '<div class="fileListName1"></div>' | ||
| 42 | ) | ||
| 43 | analysisList(fs); //解析列表函数 | ||
| 44 | return false; | ||
| 45 | }); | ||
| 46 | //点击选择文件按钮选文件 | ||
| 47 | oFileInput.on("change", function () { | ||
| 48 | analysisList(this.files); | ||
| 49 | }) | ||
| 50 | //解析列表函数 | ||
| 51 | function analysisList(obj) { | ||
| 52 | //如果没有文件 | ||
| 53 | if (obj.length < 1) { | ||
| 54 | return false; | ||
| 55 | } | ||
| 56 | for (var i = 0; i < obj.length; i++) { | ||
| 57 | var fileObj = obj[i]; //单个文件 | ||
| 58 | var name = fileObj.name; //文件名 | ||
| 59 | var size = fileObj.size; //文件大小 | ||
| 60 | var type = fileType(name); //文件类型,获取的是文件的后缀 | ||
| 61 | //文件大于30M,就不上传 | ||
| 62 | if (size > 1024 * 1024 * 1024 || size == 0) { | ||
| 63 | layer.msg('超过了30M,不能上传', { icon: 5 }); | ||
| 64 | return false; | ||
| 65 | } | ||
| 66 | //把文件大小放到一个数组中,然后再去比较,如果有比较上的,就认为重复了,不能上传 | ||
| 67 | if (sizeObj1.indexOf(size) != -1) { | ||
| 68 | layer.msg('已经选择,不能重复上传', { icon: 5 }); | ||
| 69 | return false; | ||
| 70 | } | ||
| 71 | //给json对象添加内容,得到选择的文件的数据 | ||
| 72 | var itemArr = [fileObj, name, size, type]; //文件,文件名,文件大小,文件类型 | ||
| 73 | flieList1.push(itemArr); | ||
| 74 | //把这个文件的大小放进数组中 | ||
| 75 | sizeObj1.push(size); | ||
| 76 | } | ||
| 77 | createList() //生成列表 | ||
| 78 | if (flieList1.length == 2) { | ||
| 79 | oFileList_parent.show(); //表格显示 | ||
| 80 | } | ||
| 81 | document.querySelector('#fileInput1').value = null | ||
| 82 | }; | ||
| 83 | //生成列表 | ||
| 84 | function createList() { | ||
| 85 | oFileList.empty(); //先清空元素内容 | ||
| 86 | for (var i = 0; i < flieList1.length; i++) { | ||
| 87 | var fileData = flieList1[i]; //flieList1数组中的某一个 | ||
| 88 | var name = fileData[1]; //文件名 | ||
| 89 | var oTr = $("<tr></tr>"); | ||
| 90 | var str = '<td><p class="fileName" title="' + name + '">' + name + '</p></td>'; | ||
| 91 | str += '<td class="iconClose"><a class="operation"><i class="layui-icon layui-icon-close"></i></a></td>'; | ||
| 92 | oTr.html(str); | ||
| 93 | oTr.appendTo(oFileList); | ||
| 94 | $('.fileListName1').append( | ||
| 95 | '<p class="fileName" title="' + name + '">' + name + '</p>' + | ||
| 96 | '<a class="operation"><i class="layui-icon layui-icon-close"></i></a>' | ||
| 97 | ); | ||
| 98 | } | ||
| 99 | } | ||
| 100 | //删除表格行 | ||
| 101 | oFileList.on("click", "a.operation", function () { | ||
| 102 | var oTr = $(this).parents("tr"); | ||
| 103 | var index = oTr.index(); | ||
| 104 | oTr.remove(); //删除这一行 | ||
| 105 | flieList1.splice(index, 1); //删除数据 | ||
| 106 | sizeObj1.splice(index, 1); //删除文件大小数组中的项 | ||
| 107 | if (flieList1.length == 0) { | ||
| 108 | oFileList_parent.hide() | ||
| 109 | $('.fileListName1').empty(); | ||
| 110 | } | ||
| 111 | }); | ||
| 112 | }) | ||
| 113 | //通过文件名,返回文件的后缀名 | ||
| 114 | function fileType(name) { | ||
| 115 | var nameArr = name.split("."); | ||
| 116 | return nameArr[nameArr.length - 1].toLowerCase(); | ||
| 117 | } | ||
| 118 |
staticJs/imageUpdate3.js
0 → 100644
| 1 | $(function () { | ||
| 2 | //元素 | ||
| 3 | var oFileInput = $("#fileInput3"); //选择文件按钮 | ||
| 4 | var oFileSpan = $("#fileSpan3"); //选择文件框 | ||
| 5 | var oFileList_parent = $(".fileList_parent3"); //表格 | ||
| 6 | var oFileList = $(".fileList3"); //表格tbody | ||
| 7 | var sizeObj3 = []; //存放每个文件大小的数组,用来比较去重 | ||
| 8 | //拖拽外部文件,进入目标元素触发 | ||
| 9 | oFileSpan.on("dragenter", function () { | ||
| 10 | $(this).find('.file_name').css("background", "#ccc"); | ||
| 11 | $(this).find('.file_name').empty(); | ||
| 12 | $(this).find('.file_name').append( | ||
| 13 | '<p style="line-height:200px">可以方鼠标了</p>' | ||
| 14 | ) | ||
| 15 | }); | ||
| 16 | //拖拽外部文件,进入目标、离开目标之间,连续触发 | ||
| 17 | oFileSpan.on("dragover", function () { | ||
| 18 | return false; | ||
| 19 | }); | ||
| 20 | //拖拽外部文件,离开目标元素触发 | ||
| 21 | oFileSpan.on("dragleave", function () { | ||
| 22 | $(this).find('.file_name').empty(); | ||
| 23 | $(this).find('.file_name').css("background", "#ffff"); | ||
| 24 | $(this).find('.file_name').append( | ||
| 25 | ' <i class="layui-icon layui-icon-addition"></i>' + | ||
| 26 | '<p>点击或拖拽文件上传</p>' + | ||
| 27 | '<div class="certificate">房屋所有权证书(2份)</div>' + | ||
| 28 | '<div class="fileListName3"></div>' | ||
| 29 | ) | ||
| 30 | }); | ||
| 31 | //拖拽外部文件,在目标元素上释放鼠标触发 | ||
| 32 | oFileSpan.on("drop", function (ev) { | ||
| 33 | var fs = ev.originalEvent.dataTransfer.files; | ||
| 34 | $(this).find('.file_name').empty(); | ||
| 35 | $(this).find('.file_name').css("background", "#ffff"); | ||
| 36 | $(this).find('.file_name').append( | ||
| 37 | ' <i class="layui-icon layui-icon-addition"></i>' + | ||
| 38 | '<p>点击或拖拽文件上传</p>' + | ||
| 39 | '<div class="certificate">房屋所有权证书(2份)</div>' + | ||
| 40 | '<div class="fileListName3"></div>' | ||
| 41 | ) | ||
| 42 | analysisList(fs); //解析列表函数 | ||
| 43 | return false; | ||
| 44 | }); | ||
| 45 | //点击选择文件按钮选文件 | ||
| 46 | oFileInput.on("change", function () { | ||
| 47 | analysisList(this.files); | ||
| 48 | }) | ||
| 49 | //解析列表函数 | ||
| 50 | function analysisList(obj) { | ||
| 51 | //如果没有文件 | ||
| 52 | if (obj.length < 1) { | ||
| 53 | return false; | ||
| 54 | } | ||
| 55 | for (var i = 0; i < obj.length; i++) { | ||
| 56 | var fileObj = obj[i]; //单个文件 | ||
| 57 | var name = fileObj.name; //文件名 | ||
| 58 | var size = fileObj.size; //文件大小 | ||
| 59 | var type = fileType(name); //文件类型,获取的是文件的后缀 | ||
| 60 | //文件大于30M,就不上传 | ||
| 61 | if (size > 1024 * 1024 * 1024 || size == 0) { | ||
| 62 | layer.msg('超过了30M,不能上传', { icon: 5 }); | ||
| 63 | return false; | ||
| 64 | } | ||
| 65 | //把文件大小放到一个数组中,然后再去比较,如果有比较上的,就认为重复了,不能上传 | ||
| 66 | if (sizeObj3.indexOf(size) != -1) { | ||
| 67 | layer.msg('已经选择,不能重复上传', { icon: 5 }); | ||
| 68 | return false; | ||
| 69 | } | ||
| 70 | //给json对象添加内容,得到选择的文件的数据 | ||
| 71 | var itemArr = [fileObj, name, size, type]; //文件,文件名,文件大小,文件类型 | ||
| 72 | flieList3.push(itemArr); | ||
| 73 | //把这个文件的大小放进数组中 | ||
| 74 | sizeObj3.push(size); | ||
| 75 | } | ||
| 76 | createList() //生成列表 | ||
| 77 | if (flieList3.length == 1) { | ||
| 78 | oFileList_parent.show(); //表格显示 | ||
| 79 | } | ||
| 80 | document.querySelector('#fileInput3').value = null | ||
| 81 | }; | ||
| 82 | //生成列表 | ||
| 83 | function createList() { | ||
| 84 | oFileList.empty(); //先清空元素内容 | ||
| 85 | for (var i = 0; i < flieList3.length; i++) { | ||
| 86 | var fileData = flieList3[i]; //flieList3数组中的某一个 | ||
| 87 | var name = fileData[1]; //文件名 | ||
| 88 | var oTr = $("<tr></tr>"); | ||
| 89 | var str = '<td><p class="fileName" title="' + name + '">' + name + '</p></td>'; | ||
| 90 | str += '<td class="iconClose"><a class="operation"><i class="layui-icon layui-icon-close"></i></a></td>'; | ||
| 91 | oTr.html(str); | ||
| 92 | oTr.appendTo(oFileList); | ||
| 93 | $('.fileListName3').append( | ||
| 94 | '<p class="fileName" title="' + name + '">' + name + '</p>' + | ||
| 95 | '<a class="operation"><i class="layui-icon layui-icon-close"></i></a>' | ||
| 96 | ); | ||
| 97 | } | ||
| 98 | } | ||
| 99 | //删除表格行 | ||
| 100 | oFileList.on("click", "a.operation", function () { | ||
| 101 | var oTr = $(this).parents("tr"); | ||
| 102 | var index = oTr.index(); | ||
| 103 | oTr.remove(); //删除这一行 | ||
| 104 | flieList3.splice(index, 1); //删除数据 | ||
| 105 | sizeObj3.splice(index, 1); //删除文件大小数组中的项 | ||
| 106 | if (flieList3.length == 0) { | ||
| 107 | oFileList_parent.hide() | ||
| 108 | $('.fileListName3').empty(); | ||
| 109 | } | ||
| 110 | }); | ||
| 111 | }) | ||
| 112 | //通过文件名,返回文件的后缀名 | ||
| 113 | function fileType(name) { | ||
| 114 | var nameArr = name.split("."); | ||
| 115 | return nameArr[nameArr.length - 1].toLowerCase(); | ||
| 116 | } | ||
| 117 |
| ... | @@ -55,6 +55,7 @@ $(function () { | ... | @@ -55,6 +55,7 @@ $(function () { |
| 55 | NewsData(); | 55 | NewsData(); |
| 56 | NoticeData(); | 56 | NoticeData(); |
| 57 | LawsData(); | 57 | LawsData(); |
| 58 | policiesData(); | ||
| 58 | }); | 59 | }); |
| 59 | 60 | ||
| 60 | //加载新闻数据 | 61 | //加载新闻数据 |
| ... | @@ -64,7 +65,7 @@ function NewsData() { | ... | @@ -64,7 +65,7 @@ function NewsData() { |
| 64 | var li, publishTime; | 65 | var li, publishTime; |
| 65 | $.ajax({ | 66 | $.ajax({ |
| 66 | type: "get", //提交方式 | 67 | type: "get", //提交方式 |
| 67 | url: portal.api_url + "/hlwj/Mh/getNewsHotArticleList",//路径 | 68 | url: portal.api_url + "/hlwj/MhNews/getNewsList",//路径 |
| 68 | dataType: "json", | 69 | dataType: "json", |
| 69 | //数据,这里使用的是Json格式进行传输 | 70 | //数据,这里使用的是Json格式进行传输 |
| 70 | success: function (result) {//返回数据根据结果进行相应的处理 | 71 | success: function (result) {//返回数据根据结果进行相应的处理 |
| ... | @@ -94,7 +95,7 @@ function NoticeData() { | ... | @@ -94,7 +95,7 @@ function NoticeData() { |
| 94 | var li; | 95 | var li; |
| 95 | $.ajax({ | 96 | $.ajax({ |
| 96 | type: "get", //提交方式 | 97 | type: "get", //提交方式 |
| 97 | url: portal.api_url + "/hlwj/Mh/getMHNotice",//路径 | 98 | url: portal.api_url + "/hlwj/MhNotice/getMHNotice",//路径 |
| 98 | dataType: "json", | 99 | dataType: "json", |
| 99 | //数据,这里使用的是Json格式进行传输 | 100 | //数据,这里使用的是Json格式进行传输 |
| 100 | success: function (result) {//返回数据根据结果进行相应的处理 | 101 | success: function (result) {//返回数据根据结果进行相应的处理 |
| ... | @@ -125,7 +126,7 @@ function LawsData() { | ... | @@ -125,7 +126,7 @@ function LawsData() { |
| 125 | var li; | 126 | var li; |
| 126 | $.ajax({ | 127 | $.ajax({ |
| 127 | type: "get", //提交方式 | 128 | type: "get", //提交方式 |
| 128 | url: portal.api_url + "/hlwj/Mh/getLawsList",//路径 | 129 | url: portal.api_url + "/hlwj/MhLaws/getLawsList",//路径 |
| 129 | dataType: "json", | 130 | dataType: "json", |
| 130 | //数据,这里使用的是Json格式进行传输 | 131 | //数据,这里使用的是Json格式进行传输 |
| 131 | success: function (result) {//返回数据根据结果进行相应的处理 | 132 | success: function (result) {//返回数据根据结果进行相应的处理 |
| ... | @@ -140,3 +141,25 @@ function LawsData() { | ... | @@ -140,3 +141,25 @@ function LawsData() { |
| 140 | } | 141 | } |
| 141 | }); | 142 | }); |
| 142 | } | 143 | } |
| 144 | //加载相应政策数据 | ||
| 145 | function policiesData() { | ||
| 146 | var policies = $("#policies"); | ||
| 147 | policies.empty(); | ||
| 148 | var li; | ||
| 149 | $.ajax({ | ||
| 150 | type: "get", //提交方式 | ||
| 151 | url: portal.api_url + "/hlwj/MhPolicy/getPolicyList",//路径 | ||
| 152 | dataType: "json", | ||
| 153 | //数据,这里使用的是Json格式进行传输 | ||
| 154 | success: function (result) {//返回数据根据结果进行相应的处理 | ||
| 155 | if (result.code == 200 && result.data != null) { | ||
| 156 | for (var i = 0; i < result.data.length; i++) { | ||
| 157 | if (i == 6) return; | ||
| 158 | li = '<li><a href="#" title="' + result.data[i].headline + '">'+ result.data[i].headline; | ||
| 159 | li += '</a></li>'; | ||
| 160 | policies.append(li); | ||
| 161 | } | ||
| 162 | } | ||
| 163 | } | ||
| 164 | }); | ||
| 165 | } | ||
| ... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
| ... | @@ -7,18 +7,30 @@ $(function () { | ... | @@ -7,18 +7,30 @@ $(function () { |
| 7 | layer.msg(elem.text()); | 7 | layer.msg(elem.text()); |
| 8 | }); | 8 | }); |
| 9 | }); | 9 | }); |
| 10 | layui.use('laypage', function () { | ||
| 11 | let laypage = layui.laypage; | ||
| 12 | //执行一个laypage实例 | ||
| 13 | laypage.render({ | ||
| 14 | elem: 'page' //注意,这里的 test1 是 ID,不用加 # 号 | ||
| 15 | , count: 50 //数据总数,从服务端得到 | ||
| 16 | , prev: '<' | ||
| 17 | , next: '>' | ||
| 18 | , theme: '#0091FF' | ||
| 19 | }); | ||
| 20 | }) | ||
| 21 | LoadNewsData(); | 10 | LoadNewsData(); |
| 11 | HotArticle(); | ||
| 12 | PolicyHotArticle(); | ||
| 13 | addTabs('#news'); | ||
| 14 | }); | ||
| 15 | //加载新闻列表数据 | ||
| 16 | function LoadNewsData(currentPage=1) { | ||
| 17 | $.ajax({ | ||
| 18 | type: "get", //提交方式 | ||
| 19 | url: portal.api_url + "/hlwj/MhNews/getNewsArticleList",//路径 | ||
| 20 | data:{ | ||
| 21 | "currentPage":currentPage, | ||
| 22 | "pageSize":5 | ||
| 23 | }, | ||
| 24 | dataType: "json", | ||
| 25 | async: false, | ||
| 26 | //数据,这里使用的是Json格式进行传输 | ||
| 27 | success: function (result) {//返回数据根据结果进行相应的处理 | ||
| 28 | data.total = result.data.total | ||
| 29 | if (result.code == 200 && result.data != null) { | ||
| 30 | data.list = result.data.records; | ||
| 31 | } | ||
| 32 | } | ||
| 33 | }) | ||
| 22 | layui.use('laytpl', function () { | 34 | layui.use('laytpl', function () { |
| 23 | laytpl = layui.laytpl; | 35 | laytpl = layui.laytpl; |
| 24 | var getTpl = document.getElementById('demo').innerHTML | 36 | var getTpl = document.getElementById('demo').innerHTML |
| ... | @@ -27,33 +39,77 @@ $(function () { | ... | @@ -27,33 +39,77 @@ $(function () { |
| 27 | view.innerHTML = html; | 39 | view.innerHTML = html; |
| 28 | }); | 40 | }); |
| 29 | }); | 41 | }); |
| 30 | addTabs('#news'); | 42 | } |
| 31 | // | 43 | // 获取新闻动态的推荐数据 |
| 32 | }); | 44 | function HotArticle() { |
| 33 | 45 | var recommend = $("#news_recommendation"); | |
| 34 | 46 | recommend.empty(); | |
| 35 | 47 | var li = ''; | |
| 36 | //加载新闻列表数据 | ||
| 37 | function LoadNewsData() { | ||
| 38 | $.ajax({ | 48 | $.ajax({ |
| 39 | type: "get", //提交方式 | 49 | type: "get", //提交方式 |
| 40 | url: portal.api_url + "/hlwj/Mh/getNewsArticleList",//路径 | 50 | url: portal.api_url + "/hlwj/MhNews/getNewsHotArticleList",//路径 |
| 41 | data:{ | ||
| 42 | "currentPage":1, | ||
| 43 | "pageSize":10 | ||
| 44 | }, | ||
| 45 | dataType: "json", | 51 | dataType: "json", |
| 46 | async: false, | 52 | async: false, |
| 47 | //数据,这里使用的是Json格式进行传输 | 53 | //数据,这里使用的是Json格式进行传输 |
| 48 | success: function (result) {//返回数据根据结果进行相应的处理 | 54 | success: function (result) {//返回数据根据结果进行相应的处理 |
| 49 | if (result.code == 200 && result.data != null) { | 55 | if (result.code == 200 && result.data != null) { |
| 50 | data.list = result.data.records; | 56 | console.log(result.data) |
| 57 | for (var i = 0; i < result.data.length; i++) { | ||
| 58 | li = '<li class="tj">'; | ||
| 59 | li += '<img src="' + result.data[i].cover + '">'; | ||
| 60 | li += '<span class="tj-title">'+result.data[i].headline+'</span>'; | ||
| 61 | li += '<span class="tj-date">'+result.data[i].deadtime+'</span>'; | ||
| 62 | li += '</li>'; | ||
| 63 | recommend.append(li); | ||
| 51 | } | 64 | } |
| 52 | } | 65 | } |
| 53 | }); | 66 | } |
| 54 | 67 | }) | |
| 55 | } | 68 | } |
| 69 | // 政策法规推荐 | ||
| 70 | function PolicyHotArticle() { | ||
| 71 | var regulation = $("#regulation"); | ||
| 72 | regulation.empty(); | ||
| 73 | var li = ''; | ||
| 74 | $.ajax({ | ||
| 75 | type: "get", //提交方式 | ||
| 76 | url: portal.api_url + "/hlwj/MhPolicy/getPolicyHotArticleList",//路径 | ||
| 77 | dataType: "json", | ||
| 78 | async: false, | ||
| 79 | //数据,这里使用的是Json格式进行传输 | ||
| 80 | success: function (result) {//返回数据根据结果进行相应的处理 | ||
| 81 | if (result.code == 200 && result.data != null) { | ||
| 82 | console.log(result.data) | ||
| 83 | for (var i = 0; i < result.data.length; i++) { | ||
| 84 | li = '<li class="zcfg">' | ||
| 85 | li += '<div class="zcfg-top">'+result.data[i].headline+'</div>' | ||
| 86 | li += '<p class="zcfg-body">'+result.data[i].content+'</p>' | ||
| 87 | li += '<div class="zcfg-bottom">'+result.data[i].deadtime+'</div>' | ||
| 88 | li += '</li>' | ||
| 89 | regulation.append(li); | ||
| 90 | } | ||
| 91 | } | ||
| 92 | } | ||
| 93 | }) | ||
| 94 | } | ||
| 95 | |||
| 96 | |||
| 97 | layui.use('laypage', function () { | ||
| 98 | let laypage = layui.laypage; | ||
| 99 | //执行一个laypage实例 | ||
| 100 | laypage.render({ | ||
| 101 | elem: 'page' //注意,这里的 test1 是 ID,不用加 # 号 | ||
| 102 | , count: data.total //数据总数,从服务端得到 | ||
| 103 | , limit: 5 | ||
| 104 | , prev: '<' | ||
| 105 | , next: '>' | ||
| 106 | , theme: '#0091FF' | ||
| 107 | , jump: function(obj, first){ | ||
| 108 | LoadNewsData(obj.curr); | ||
| 109 | } | ||
| 110 | }); | ||
| 111 | }) | ||
| 56 | var data = { //数据 | 112 | var data = { //数据 |
| 57 | "title": "Layui常用模块", | 113 | "list": [], |
| 58 | "list": [] | 114 | total: undefined |
| 59 | }; | 115 | }; |
| ... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
| ... | @@ -8,7 +8,30 @@ $(function () { | ... | @@ -8,7 +8,30 @@ $(function () { |
| 8 | $('.date div:first-child').text(year) | 8 | $('.date div:first-child').text(year) |
| 9 | $('.date div:nth-child(2)').text(month + 1 + "/" + date) | 9 | $('.date div:nth-child(2)').text(month + 1 + "/" + date) |
| 10 | $('.date div:last-child').text(hour + ":" + minutes) | 10 | $('.date div:last-child').text(hour + ":" + minutes) |
| 11 | LawsData() | ||
| 11 | }) | 12 | }) |
| 13 | // 新闻详情数据 | ||
| 14 | function LawsData() { | ||
| 15 | var newsList = $("#newsList"); | ||
| 16 | newsList.empty(); | ||
| 17 | var li; | ||
| 18 | $.ajax({ | ||
| 19 | type: "get", //提交方式 | ||
| 20 | url: portal.api_url + "/hlwj/MhNews/getDetailById",//路径 | ||
| 21 | data:{ | ||
| 22 | "id":GetQueryString('id'), | ||
| 23 | }, | ||
| 24 | dataType: "json", | ||
| 25 | //数据,这里使用的是Json格式进行传输 | ||
| 26 | success: function (result) {//返回数据根据结果进行相应的处理 | ||
| 27 | if (result.code == 200 && result.data != null) { | ||
| 28 | console.log(result.data) | ||
| 29 | $('.newsTitle').html(result.data.title) | ||
| 30 | newsList.append(result.data.content) | ||
| 31 | } | ||
| 32 | } | ||
| 33 | }); | ||
| 34 | } | ||
| 12 | $(window).scroll(function () { | 35 | $(window).scroll(function () { |
| 13 | let juli = $(document).scrollTop(); | 36 | let juli = $(document).scrollTop(); |
| 14 | if (juli > 360) { | 37 | if (juli > 360) { |
| ... | @@ -25,3 +48,9 @@ layui.use('element', function () { | ... | @@ -25,3 +48,9 @@ layui.use('element', function () { |
| 25 | layer.msg(elem.text()); | 48 | layer.msg(elem.text()); |
| 26 | }); | 49 | }); |
| 27 | }); | 50 | }); |
| 51 | function GetQueryString(name) { | ||
| 52 | var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); | ||
| 53 | var r = window.location.search.substr(1).match(reg); | ||
| 54 | if (r != null) return decodeURIComponent(r[2]); | ||
| 55 | return null; | ||
| 56 | } | ||
| ... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
| 1 | $(function () { | 1 | layui.use('element', function () { |
| 2 | 2 | let element = layui.element; //导航的hover效果、二级菜单等功能,需要依赖element模块 | |
| 3 | var tabledata = [ | 3 | }); |
| 4 | addTabs('#wssq') | ||
| 5 | var data = { | ||
| 6 | 'progressList': [ | ||
| 4 | { | 7 | { |
| 5 | name: 'renchao', | 8 | stepName: "信息效验", |
| 6 | idcard: '61012419930879879', | 9 | stepState: 2 //0:未办理 1:正在办理 2:已办理 |
| 7 | phone: '18740677380' | 10 | }, |
| 8 | } | 11 | { |
| 9 | ]; | 12 | stepName: "填报信息", |
| 10 | var sellData = [ | 13 | stepState: 1 |
| 14 | }, | ||
| 15 | { | ||
| 16 | stepName: "完税核税", | ||
| 17 | stepState: 0 | ||
| 18 | }, | ||
| 19 | { | ||
| 20 | stepName: "身份认证", | ||
| 21 | stepState: 0 | ||
| 22 | }, | ||
| 11 | { | 23 | { |
| 12 | name: 'renchao', | 24 | stepName: "资料审核", |
| 13 | idcard: '61012419930879879', | 25 | stepState: 0 |
| 14 | phone: '18740677380' | 26 | }, |
| 27 | { | ||
| 28 | stepName: "线上缴费", | ||
| 29 | stepState: 0 | ||
| 30 | }, | ||
| 31 | { | ||
| 32 | stepName: "生成电子证书", | ||
| 33 | stepState: 0 | ||
| 15 | } | 34 | } |
| 16 | ]; | 35 | ], |
| 17 | 36 | } | |
| 18 | layui.use('element', function () { | 37 | layui.use('laytpl', function () { |
| 19 | let element = layui.element; //导航的hover效果、二级菜单等功能,需要依赖element模块 | 38 | laytpl = layui.laytpl; |
| 20 | //监听导航点击 | 39 | var getTpl = document.getElementById('progress').innerHTML |
| 21 | element.on('nav(demo)', function (elem) { | 40 | , view = document.getElementById('app_progress'); |
| 22 | layer.msg(elem.text()); | 41 | laytpl(getTpl).render(data, function (html) { |
| 23 | }); | 42 | view.innerHTML = html; |
| 24 | }); | 43 | }); |
| 25 | addTabs('#wssq') | ||
| 26 | 44 | ||
| 27 | // 业务 | 45 | layui.use(['element'], function () { |
| 28 | layui.use('element', function () { | ||
| 29 | var element = layui.element; | 46 | var element = layui.element; |
| 30 | //监听Tab切换,以改变地址hash值 | 47 | //初始化动态元素,一些动态生成的元素如果不设置初始化,将不会有默认的动态效果 |
| 31 | element.on('tab(status)', function () { | 48 | element.init(); |
| 32 | console.log(this.getAttribute('lay-id')) | 49 | }); |
| 33 | }); | 50 | }); |
| 34 | }); | 51 | // form 表单 |
| 35 | // 买方信息 | 52 | layui.use('form', function () { |
| 36 | layui.use('table', function () { | 53 | var form = layui.form; |
| 37 | var table = layui.table; | 54 | form.on('select(typeId)', function (data) { |
| 38 | table.render({ | 55 | console.log(data.value); |
| 39 | elem: '#buyInfo' | 56 | }); |
| 40 | // , url: '../staticLib/wdyy/index.json' | 57 | //自定义验证规则 |
| 41 | , cols: [[ | 58 | form.verify({ |
| 42 | { field: 'name', title: '权利人', align: 'center', edit: 'text' } | 59 | title: function (value) { |
| 43 | , { field: 'idcard', title: '身份证号', align: 'center', edit: 'text' } | 60 | if (value.length == 0) { |
| 44 | , { field: 'phone', title: '联系电话', align: 'center', edit: 'text' } | 61 | return '权利人不能为空'; |
| 45 | , { title: '操作', toolbar: '#barDemo', align: 'center' } | 62 | } else if (value.length < 2) { |
| 46 | ]] | 63 | return '权利人至少得2个字符啊'; |
| 47 | , parseData: function (res) { //将原始数据解析成 table 组件所规定的数据 | 64 | } |
| 48 | return { | 65 | } |
| 49 | "code": res.code, //解析接口状态 | ||
| 50 | "data": res.data //解析数据列表 | ||
| 51 | }; | ||
| 52 | }, | ||
| 53 | data: tabledata | ||
| 54 | }); | ||
| 55 | table.on('row(buyInfo)', function (obj) { | ||
| 56 | var rowIndex = $(obj.tr).attr("data-index"); | ||
| 57 | layer.confirm('此操作将删除一列是否继续', { | ||
| 58 | btn: ['是', '否'] //按钮 | ||
| 59 | }, function () { | ||
| 60 | tabledata.splice(rowIndex, 1); | ||
| 61 | table.reload('buyInfo', { | ||
| 62 | data: tabledata | ||
| 63 | }) | ||
| 64 | layer.closeAll(); | ||
| 65 | }, function () { | ||
| 66 | }); | ||
| 67 | }); | ||
| 68 | |||
| 69 | $('.tableAdd').click(function () { | ||
| 70 | tabledata.push({ | ||
| 71 | "name": "" | ||
| 72 | , "idcard": "" | ||
| 73 | , "phone": "" | ||
| 74 | }) | ||
| 75 | table.reload('buyInfo', { | ||
| 76 | data: tabledata | ||
| 77 | }) | ||
| 78 | }) | ||
| 79 | }) | ||
| 80 | |||
| 81 | // 卖方信息 | ||
| 82 | layui.use('table', function () { | ||
| 83 | var table = layui.table; | ||
| 84 | table.render({ | ||
| 85 | elem: '#sellInfo' | ||
| 86 | , cols: [[ | ||
| 87 | { field: 'name', title: '义务人', align: 'center', edit: 'text' } | ||
| 88 | , { field: 'idcard', title: '证件号', align: 'center', edit: 'text' } | ||
| 89 | , { field: 'phone', title: '联系电话', align: 'center', edit: 'text' } | ||
| 90 | , { title: '操作', toolbar: '#barDemo', align: 'center' } | ||
| 91 | ]] | ||
| 92 | , parseData: function (res) { //将原始数据解析成 table 组件所规定的数据 | ||
| 93 | return { | ||
| 94 | "code": res.code, //解析接口状态 | ||
| 95 | "data": res.data //解析数据列表 | ||
| 96 | }; | ||
| 97 | }, | ||
| 98 | data: sellData | ||
| 99 | }); | ||
| 100 | //监听行工具事件 | ||
| 101 | table.on('row(sellInfo)', function (obj) { | ||
| 102 | var rowIndex = $(obj.tr).attr("data-index"); | ||
| 103 | layer.confirm('此操作将删除一列是否继续', { | ||
| 104 | btn: ['是', '否'] //按钮 | ||
| 105 | }, function () { | ||
| 106 | sellData.splice(rowIndex, 1); | ||
| 107 | table.reload('sellInfo', { | ||
| 108 | data: sellData | ||
| 109 | }) | ||
| 110 | layer.closeAll(); | ||
| 111 | }, function () { | ||
| 112 | }); | ||
| 113 | }); | 66 | }); |
| 114 | 67 | ||
| 115 | $('.tableAdd1').click(function () { | 68 | //监听提交 |
| 116 | sellData.push({ | 69 | form.on('submit(demo1)', function (data) { |
| 117 | "name": "" | 70 | layer.alert(JSON.stringify(data.field), { |
| 118 | , "idcard": "" | 71 | title: '最终的提交信息' |
| 119 | , "phone": "" | ||
| 120 | }) | 72 | }) |
| 121 | console.log(999, sellData) | ||
| 122 | table.reload('sellInfo', { | ||
| 123 | data: sellData | ||
| 124 | }) | ||
| 125 | }) | ||
| 126 | }) | ||
| 127 | // 图片上传 | ||
| 128 | //元素 | ||
| 129 | var oFileBox = $(".fileBox"); //选择文件父级盒子 | ||
| 130 | var oFileInput = $("#fileInput"); //选择文件按钮 | ||
| 131 | var oFileSpan = $("#fileSpan"); //选择文件框 | ||
| 132 | var oFileList_parent = $(".fileList_parent"); //表格 | ||
| 133 | var oFileList = $(".fileList"); //表格tbody | ||
| 134 | var oFileBtn = $("#fileBtn"); //上传按钮 | ||
| 135 | var flieList = []; //数据,为一个复合数组 | ||
| 136 | var sizeObj = []; //存放每个文件大小的数组,用来比较去重 | ||
| 137 | //拖拽外部文件,进入目标元素触发 | ||
| 138 | oFileSpan.on("dragenter", function () { | ||
| 139 | $(this).find('.file_name').text("可以释放鼠标了!").css("background", "#ccc"); | ||
| 140 | }); | ||
| 141 | //拖拽外部文件,进入目标、离开目标之间,连续触发 | ||
| 142 | oFileSpan.on("dragover", function () { | ||
| 143 | return false; | ||
| 144 | }); | ||
| 145 | //拖拽外部文件,离开目标元素触发 | ||
| 146 | oFileSpan.on("dragleave", function () { | ||
| 147 | $(this).find('.file_name').text("点击或拖拽文件上传").css("background", "none"); | ||
| 148 | }); | ||
| 149 | //拖拽外部文件,在目标元素上释放鼠标触发 | ||
| 150 | oFileSpan.on("drop", function (ev) { | ||
| 151 | var fs = ev.originalEvent.dataTransfer.files; | ||
| 152 | analysisList(fs); //解析列表函数 | ||
| 153 | $(this).find('.file_name').text("点击或拖拽文件上传").css("background", "none"); | ||
| 154 | return false; | 73 | return false; |
| 155 | }); | 74 | }); |
| 156 | //点击选择文件按钮选文件 | 75 | }) |
| 157 | oFileInput.on("change", function () { | 76 | $('.radioInfo').click(function () { |
| 158 | analysisList(this.files); | 77 | let index = $(this).attr("value") |
| 159 | }) | 78 | if (index == 2 || index == 3) { |
| 160 | 79 | $('.add_form').show() | |
| 161 | //解析列表函数 | 80 | } else { |
| 162 | function analysisList(obj) { | 81 | $('.add_form').hide() |
| 163 | |||
| 164 | //如果没有文件 | ||
| 165 | if (obj.length < 1) { | ||
| 166 | return false; | ||
| 167 | } | ||
| 168 | for (var i = 0; i < obj.length; i++) { | ||
| 169 | |||
| 170 | var fileObj = obj[i]; //单个文件 | ||
| 171 | var name = fileObj.name; //文件名 | ||
| 172 | var size = fileObj.size; //文件大小 | ||
| 173 | var type = fileType(name); //文件类型,获取的是文件的后缀 | ||
| 174 | |||
| 175 | //文件大于30M,就不上传 | ||
| 176 | if (size > 1024 * 1024 * 1024 || size == 0) { | ||
| 177 | layer.msg( '超过了30M,不能上传', {icon: 5}); | ||
| 178 | continue; | ||
| 179 | } | ||
| 180 | //把文件大小放到一个数组中,然后再去比较,如果有比较上的,就认为重复了,不能上传 | ||
| 181 | if (sizeObj.indexOf(size) != -1) { | ||
| 182 | layer.msg( '已经选择,不能重复上传', {icon: 5}); | ||
| 183 | continue; | ||
| 184 | } | ||
| 185 | //给json对象添加内容,得到选择的文件的数据 | ||
| 186 | var itemArr = [fileObj, name, size, type]; //文件,文件名,文件大小,文件类型 | ||
| 187 | flieList.push(itemArr); | ||
| 188 | //把这个文件的大小放进数组中 | ||
| 189 | sizeObj.push(size); | ||
| 190 | } | 82 | } |
| 191 | createList() //生成列表 | 83 | }) |
| 192 | oFileList_parent.show(); //表格显示 | 84 | // form 添加 |
| 193 | document.querySelector('#fileInput').value = null | 85 | $('.add_form').click(function () { |
| 194 | }; | 86 | $('.layui-form').append( |
| 195 | 87 | '<div class="layui-form-item">' + | |
| 88 | '<div class="layui-inline">' + | ||
| 89 | '<label class="layui-form-label">姓名</label>' + | ||
| 90 | '<div class="layui-input-block">' + | ||
| 91 | '<input type="text" name="name" required lay-verify="name" placeholder="请输权利人" class="layui-input">' + | ||
| 92 | '</div>' + | ||
| 93 | '</div>' + | ||
| 94 | '<div class="layui-inline idCard">' + | ||
| 95 | '<label class="layui-form-label">身份证类型</label>' + | ||
| 96 | '<div class="layui-input-block">' + | ||
| 97 | '<select lay-filter="typeId">' + | ||
| 98 | '<option value="1">身份证</option>' + | ||
| 99 | '<option value="2">军官证</option>' + | ||
| 100 | '</select>' + | ||
| 101 | '</div>' + | ||
| 102 | '</div>' + | ||
| 103 | '<div class="layui-inline">' + | ||
| 104 | '<label class="layui-form-label">证件号码</label>' + | ||
| 105 | '<div class="layui-input-block">' + | ||
| 106 | '<input type="tel" name="card" maxlength="18" required lay-verify="card" placeholder="请输证件号码" class="layui-input">' + | ||
| 107 | '</div>' + | ||
| 108 | '</div>' + | ||
| 109 | '<div class="layui-inline">' + | ||
| 110 | '<label class="layui-form-label">联系方式</label>' + | ||
| 111 | '<div class="layui-input-block">' + | ||
| 112 | '<input type="tel" name="phone" maxlength="11" required lay-verify="phone" placeholder="请输联系方式" class="layui-input">' + | ||
| 113 | '</div>' + | ||
| 114 | '</div>' + | ||
| 115 | '<i class="layui-icon layui-icon-reduce-circle"></i>' + | ||
| 116 | '</div>' | ||
| 117 | ) | ||
| 196 | 118 | ||
| 197 | //生成列表 | 119 | layui.use('form', function () { |
| 198 | function createList() { | 120 | var form = layui.form; |
| 199 | oFileList.empty(); //先清空元素内容 | 121 | form.render('select'); |
| 200 | for (var i = 0; i < flieList.length; i++) { | 122 | form.on('select(typeId)', function (data) { |
| 201 | var fileData = flieList[i]; //flieList数组中的某一个 | 123 | console.log(data.value); |
| 202 | var name = fileData[1]; //文件名 | ||
| 203 | var oTr = $("<tr></tr>"); | ||
| 204 | var str = '<td><cite title="' + name + '">' + name + '</cite></td>'; | ||
| 205 | str += '<td><a class="operation">删除</a></td>'; | ||
| 206 | oTr.html(str); | ||
| 207 | oTr.appendTo(oFileList); | ||
| 208 | } | ||
| 209 | } | ||
| 210 | //删除表格行 | ||
| 211 | oFileList.on("click", "a.operation", function () { | ||
| 212 | var oTr = $(this).parents("tr"); | ||
| 213 | var index = oTr.index(); | ||
| 214 | oTr.remove(); //删除这一行 | ||
| 215 | flieList.splice(index, 1); //删除数据 | ||
| 216 | sizeObj.splice(index, 1); //删除文件大小数组中的项 | ||
| 217 | }); | 124 | }); |
| 218 | //上传 | 125 | }) |
| 219 | oFileBtn.on("click", function () { | 126 | // 编辑 |
| 220 | oFileBtn.off(); | 127 | $(document).on("click", ".layui-icon-reduce-circle", function (e) { |
| 221 | var tr = oFileList.find("tr"); //获取所有tr列表 | 128 | $(this).parent().remove() |
| 222 | var successNum = 0; //已上传成功的数目 | 129 | }) |
| 223 | oFileList.off(); //取消删除事件 | 130 | }) |
| 224 | oFileBox.slideUp(); //隐藏输入框 | 131 | // 图片上传 |
| 225 | oFileList.find("a.operation").text("等待上传"); | 132 | // 询问笔录 |
| 226 | for (var i = 0; i < tr.length; i++) { | 133 | $('.record').click(function (event) { |
| 227 | uploadFn(tr.eq(i), i); //参数为当前项,下标 | 134 | event.stopPropagation(); |
| 228 | } | 135 | console.log('下载模板99') |
| 229 | function uploadFn(obj, i) { | 136 | }) |
| 230 | var formData = new FormData(); | 137 | var flieList = []; // 登记证书列表 |
| 231 | var arrNow = flieList[i]; //获取数据数组的当前项 | 138 | var flieList1 = []; // 房屋所有权证书列表 |
| 232 | // 从当前项中获取上传文件,放到 formData对象里面,formData参数以key name的方式 | 139 | var flieList3 = []; // 询问笔录 |
| 233 | var result = arrNow[0]; //数据 | 140 | // 省市区 |
| 234 | formData.append("imageFile", result); | 141 | //config的设置是全局的 |
| 235 | var name = arrNow[1]; //文件名 | 142 | layui.config({ |
| 236 | formData.append("email", name); | 143 | base: '../staticJs/' |
| 237 | var oOperation = obj.find("a.operation"); //按钮 | 144 | }).extend({ //设定模块别名 |
| 238 | oOperation.text("正在上传"); //改变操作按钮 | 145 | common: 'cityCommon' |
| 239 | oOperation.off(); | 146 | }); |
| 240 | var request = $.ajax({ | ||
| 241 | type: "POST", | ||
| 242 | url: "../more/cModifyImageAction.go", | ||
| 243 | data: formData, //这里上传的数据使用了formData 对象 | ||
| 244 | processData: false, //必须false才会自动加上正确的Content-Type | ||
| 245 | contentType: false, | ||
| 246 | 147 | ||
| 247 | //这里我们先拿到jQuery产生的XMLHttpRequest对象,为其增加 progress 事件绑定,然后再返回交给ajax使用 | 148 | $('.next_button a').click(function(){ |
| 248 | xhr: function () { | 149 | console.log(1) |
| 249 | var xhr = $.ajaxSettings.xhr(); | 150 | }) |
| 250 | if (onprogress && xhr.upload) { | 151 | layui.use(['form', 'common'], function () { |
| 251 | xhr.upload.addEventListener("progress", onprogress, false); | 152 | var common = layui.common, |
| 252 | return xhr; | 153 | form = layui.form; |
| 253 | } | 154 | //三级地址联动 |
| 254 | }, | 155 | common.showCity('province', 'city', 'district'); |
| 255 | //上传成功后回调 | 156 | //领证方式 |
| 256 | success: function () { | 157 | form.on('radio(beshared)', function (data) { |
| 257 | oOperation.text("成功"); | 158 | if (data.value == 2) { |
| 258 | successNum++; | 159 | $('.shipping_method').show() |
| 259 | console.log(successNum); | 160 | $('.submitButton').hide() |
| 260 | if (successNum == tr.length) { | 161 | } else { |
| 261 | open("http://www.baidu.com", "_self"); //如果全部传成功了,跳转 | 162 | $('.shipping_method').hide() |
| 163 | $('.submitButton').show() | ||
| 262 | } | 164 | } |
| 263 | }, | ||
| 264 | //上传失败后回调 | ||
| 265 | error: function () { | ||
| 266 | oOperation.text("重传"); | ||
| 267 | oOperation.on("click", function () { | ||
| 268 | request.abort(); //终止本次 | ||
| 269 | uploadFn(obj, i); | ||
| 270 | }); | 165 | }); |
| 271 | } | 166 | //区域选择 |
| 167 | form.on('select(selectCity)', function (data) { | ||
| 168 | return false; | ||
| 272 | }); | 169 | }); |
| 273 | } | 170 | //监听提交 |
| 171 | form.on('submit(submit1)', function (data) { | ||
| 172 | console.log(data.field) | ||
| 173 | return false; | ||
| 274 | }); | 174 | }); |
| 275 | }) | 175 | }); |
| 276 | //通过文件名,返回文件的后缀名 | 176 | |
| 277 | function fileType(name) { | ||
| 278 | var nameArr = name.split("."); | ||
| 279 | return nameArr[nameArr.length - 1].toLowerCase(); | ||
| 280 | } | ... | ... |
| ... | @@ -8,4 +8,52 @@ $(function () { | ... | @@ -8,4 +8,52 @@ $(function () { |
| 8 | }); | 8 | }); |
| 9 | addTabs('#wssq') | 9 | addTabs('#wssq') |
| 10 | // 业务 | 10 | // 业务 |
| 11 | // 进度条 | ||
| 12 | var data = { | ||
| 13 | 'progressList': [ | ||
| 14 | { | ||
| 15 | stepName: "信息效验", | ||
| 16 | stepState: 2 //0:未办理 1:正在办理 2:已办理 | ||
| 17 | }, | ||
| 18 | { | ||
| 19 | stepName: "填报信息", | ||
| 20 | stepState: 2 | ||
| 21 | }, | ||
| 22 | { | ||
| 23 | stepName: "完税核税", | ||
| 24 | stepState: 1 | ||
| 25 | }, | ||
| 26 | { | ||
| 27 | stepName: "身份认证", | ||
| 28 | stepState: 0 | ||
| 29 | }, | ||
| 30 | { | ||
| 31 | stepName: "资料审核", | ||
| 32 | stepState: 0 | ||
| 33 | }, | ||
| 34 | { | ||
| 35 | stepName: "线上缴费", | ||
| 36 | stepState: 0 | ||
| 37 | }, | ||
| 38 | { | ||
| 39 | stepName: "生成电子证书", | ||
| 40 | stepState: 0 | ||
| 41 | } | ||
| 42 | ], | ||
| 43 | } | ||
| 44 | |||
| 45 | layui.use('laytpl', function () { | ||
| 46 | laytpl = layui.laytpl; | ||
| 47 | var getTpl = document.getElementById('progress').innerHTML | ||
| 48 | , view = document.getElementById('app_progress'); | ||
| 49 | laytpl(getTpl).render(data, function (html) { | ||
| 50 | view.innerHTML = html; | ||
| 51 | }); | ||
| 52 | |||
| 53 | layui.use(['element'], function () { | ||
| 54 | var element = layui.element; | ||
| 55 | //初始化动态元素,一些动态生成的元素如果不设置初始化,将不会有默认的动态效果 | ||
| 56 | element.init(); | ||
| 57 | }); | ||
| 58 | }); | ||
| 11 | }) | 59 | }) | ... | ... |
| ... | @@ -28,7 +28,7 @@ | ... | @@ -28,7 +28,7 @@ |
| 28 | <div>发布日期:2020-10-28</div> | 28 | <div>发布日期:2020-10-28</div> |
| 29 | </div> | 29 | </div> |
| 30 | <div class="DividingLine"></div> | 30 | <div class="DividingLine"></div> |
| 31 | <div> | 31 | <div class="notice_content"> |
| 32 | 近日,自然资源部印发《自然资源统计工作管理办法》,旨在规范自然资源统计管理工作,建立健全统计数据质量控制体系,提高自然资源统计数据的真实性,发挥统计在自然资源管理中的重要基础性作用,该办法将于2020年8月1日起施行。 | 32 | 近日,自然资源部印发《自然资源统计工作管理办法》,旨在规范自然资源统计管理工作,建立健全统计数据质量控制体系,提高自然资源统计数据的真实性,发挥统计在自然资源管理中的重要基础性作用,该办法将于2020年8月1日起施行。 |
| 33 | 《自然资源统计工作管理办法》 一、明确自然资源统计主要任务 | 33 | 《自然资源统计工作管理办法》 一、明确自然资源统计主要任务 |
| 34 | 对7大类自然资源对象(土地、矿产、森林、草原、湿地、水、海域海岛),以及其他统计对象(海洋经济、地质勘查、地质灾害、测绘地理信息、自然资源督察、行政管理)开展统计调查和统计分析,提供统计数据,实施统计监督。 | 34 | 对7大类自然资源对象(土地、矿产、森林、草原、湿地、水、海域海岛),以及其他统计对象(海洋经济、地质勘查、地质灾害、测绘地理信息、自然资源督察、行政管理)开展统计调查和统计分析,提供统计数据,实施统计监督。 | ... | ... |
staticViews/ggxq/css/index.css
deleted
100644 → 0
| 1 | * { | ||
| 2 | padding: 0; | ||
| 3 | margin: 0; | ||
| 4 | } | ||
| 5 | |||
| 6 | .main { | ||
| 7 | |||
| 8 | } | ||
| 9 | .mainbody{ | ||
| 10 | width: 1200px; | ||
| 11 | margin: 0 auto; | ||
| 12 | } | ||
| 13 | /*================首页 start=====================*/ | ||
| 14 | div a { | ||
| 15 | color: #000000; | ||
| 16 | text-decoration: none; | ||
| 17 | } | ||
| 18 | |||
| 19 | div.subject h2 a:hover { | ||
| 20 | color: #f46143; | ||
| 21 | } | ||
| 22 | |||
| 23 | div.subject { | ||
| 24 | margin: 0 auto; | ||
| 25 | float: none; | ||
| 26 | clear: both; | ||
| 27 | position: relative; | ||
| 28 | min-width: 1200px; | ||
| 29 | } | ||
| 30 | /*新闻 */ | ||
| 31 | div.top-logo { | ||
| 32 | width: 1200px; | ||
| 33 | height: 70px; | ||
| 34 | padding-top: 20px; | ||
| 35 | } | ||
| 36 | |||
| 37 | div.top-logo ::-webkit-input-placeholder { /* WebKit browsers */ | ||
| 38 | font-size: 13px; | ||
| 39 | } | ||
| 40 | |||
| 41 | div.top-logo ::-moz-placeholder { /* Mozilla Firefox 19+ */ | ||
| 42 | font-size: 13px; | ||
| 43 | } | ||
| 44 | |||
| 45 | div.top-logo :-ms-input-placeholder { /* Internet Explorer 10+ */ | ||
| 46 | font-size: 13px; | ||
| 47 | } | ||
| 48 | .top_logo_content { | ||
| 49 | height: 40px; | ||
| 50 | width: 100%; | ||
| 51 | margin: 0 auto; | ||
| 52 | } | ||
| 53 | div.top-logo .top_logo_search { | ||
| 54 | float: left; | ||
| 55 | width: 350px; | ||
| 56 | position: relative; | ||
| 57 | margin-left: 400px; | ||
| 58 | } | ||
| 59 | div.top-logo .top_logo_search input { | ||
| 60 | border-radius: 50px; | ||
| 61 | } | ||
| 62 | div.top-logo .login { | ||
| 63 | float: right; | ||
| 64 | margin-top: 8px; | ||
| 65 | } | ||
| 66 | div.top-logo .top_logo_search i { | ||
| 67 | position: absolute; | ||
| 68 | right: 10px; | ||
| 69 | top: 11px; | ||
| 70 | cursor: pointer; | ||
| 71 | } | ||
| 72 | |||
| 73 | /*end*/ | ||
| 74 | |||
| 75 | .top-logo h1 { | ||
| 76 | display: inline-block; | ||
| 77 | float: left; | ||
| 78 | } | ||
| 79 | .layui-nav-item a{ | ||
| 80 | font-size: 16px; | ||
| 81 | } | ||
| 82 | /*------------------首页 end------------*/ | ||
| 83 | /* --------------------导航tab------------------------- */ | ||
| 84 | .navigation_crumbs { | ||
| 85 | width: 100%; | ||
| 86 | height: 45px; | ||
| 87 | padding: 10px 0; | ||
| 88 | line-height: 25px; | ||
| 89 | background: #FAFAFA; | ||
| 90 | border: 1px solid #E6E6E6; | ||
| 91 | box-sizing: border-box; | ||
| 92 | } | ||
| 93 | .navigation_crumbs .layui-breadcrumb a:hover { | ||
| 94 | color: #f46143!important; | ||
| 95 | } | ||
| 96 | |||
| 97 | .contentBox { | ||
| 98 | width: 1200px; | ||
| 99 | margin: 0 auto; | ||
| 100 | overflow: hidden; | ||
| 101 | } | ||
| 102 | .one_content { | ||
| 103 | border: 1px solid #DEDEDE;; | ||
| 104 | margin-top: 30px; | ||
| 105 | } | ||
| 106 | .one_content .layui-tab { | ||
| 107 | margin: 0; | ||
| 108 | } | ||
| 109 | .one_content .layui-tab-title li { | ||
| 110 | width: 100px; | ||
| 111 | font-weight: 600; | ||
| 112 | color: #6D7278; | ||
| 113 | } | ||
| 114 | .one_content .layui-tab-title .layui-this { | ||
| 115 | color: #4A4A4A; | ||
| 116 | } | ||
| 117 | .layui-tab-brief>.layui-tab-more li.layui-this:after, .layui-tab-brief>.layui-tab-title .layui-this:after { | ||
| 118 | border-color: #006CFF; | ||
| 119 | } | ||
| 120 | .layui-tab .layui-tab-brief .layui-this { | ||
| 121 | color: #006CFF; | ||
| 122 | } | ||
| 123 | .layui-tab .layui-tab-brief li { | ||
| 124 | width: 90px; | ||
| 125 | } | ||
| 126 | .online_business { | ||
| 127 | margin-top: 20px; | ||
| 128 | } | ||
| 129 | .online_business h2 { | ||
| 130 | width: 100%; | ||
| 131 | height: 43px; | ||
| 132 | line-height: 43px; | ||
| 133 | background: #FAFAFA; | ||
| 134 | border-radius: 4px; | ||
| 135 | border: 1px solid #DEDEDE; | ||
| 136 | padding-left: 15px; | ||
| 137 | box-sizing: border-box; | ||
| 138 | } | ||
| 139 | .online_list { | ||
| 140 | padding-bottom: 20px; | ||
| 141 | overflow: hidden; | ||
| 142 | } | ||
| 143 | .online_list li{ | ||
| 144 | width: 45%!important; | ||
| 145 | float: left; | ||
| 146 | height: 60px; | ||
| 147 | line-height: 60px; | ||
| 148 | border-bottom: 1px dotted #DEDEDE; | ||
| 149 | } | ||
| 150 | .online_list li:nth-child(even) { | ||
| 151 | margin-left: 10%; | ||
| 152 | } | ||
| 153 | .online_list li a{ | ||
| 154 | display: block; | ||
| 155 | width: 100%; | ||
| 156 | } | ||
| 157 | .online_list li a:hover span{ | ||
| 158 | color: #f46143; | ||
| 159 | } | ||
| 160 | .online_list li a button { | ||
| 161 | float: right; | ||
| 162 | margin-top: 15px; | ||
| 163 | } | ||
| 164 | /* ---------------------------------------------------- */ | ||
| 165 | .top-logo ul li { | ||
| 166 | display: inline-block; | ||
| 167 | padding: 0 8px; | ||
| 168 | } | ||
| 169 | |||
| 170 | .top-logo ul li:first-child { | ||
| 171 | border-right: 1px solid grey; | ||
| 172 | } | ||
| 173 | |||
| 174 | div.navigation { | ||
| 175 | text-align: center; | ||
| 176 | } | ||
| 177 | .navigation .layui-nav-item { | ||
| 178 | width: 130px; | ||
| 179 | position: relative; | ||
| 180 | margin: 0 22px; | ||
| 181 | } | ||
| 182 | .layui-bg-blue { | ||
| 183 | background-color: #006CFF!important; | ||
| 184 | } | ||
| 185 | |||
| 186 | .layui-nav-item:not(:first-child)::before { | ||
| 187 | content: ''; | ||
| 188 | position: absolute; | ||
| 189 | height: 22px; | ||
| 190 | border-left: 1px solid #ccc; | ||
| 191 | top: 21px; | ||
| 192 | left: -20px; | ||
| 193 | } | ||
| 194 | .title { | ||
| 195 | height: auto; | ||
| 196 | font-size: 30px; | ||
| 197 | font-weight: 500; | ||
| 198 | color: #4A4A4A; | ||
| 199 | line-height: 30px; | ||
| 200 | text-align: center; | ||
| 201 | padding: 20px; | ||
| 202 | } | ||
| 203 | |||
| 204 | .release { | ||
| 205 | display: flex; | ||
| 206 | flex-flow: row nowrap; | ||
| 207 | justify-content: space-between; | ||
| 208 | font-size: 16px; | ||
| 209 | font-weight: 400; | ||
| 210 | color: #6D7278; | ||
| 211 | line-height: 12px; | ||
| 212 | margin-top: 20px; | ||
| 213 | margin-bottom: 20px; | ||
| 214 | } | ||
| 215 | |||
| 216 | .release div { | ||
| 217 | display: inline-block; | ||
| 218 | } | ||
| 219 | |||
| 220 | .body { | ||
| 221 | padding-top: 20px; | ||
| 222 | border-top: 1px solid #DEDEDE; | ||
| 223 | height: auto; | ||
| 224 | font-size: 16px; | ||
| 225 | font-weight: 400; | ||
| 226 | color: #4A4A4A; | ||
| 227 | line-height: 24px; | ||
| 228 | padding-bottom: 30px; | ||
| 229 | } | ||
| 230 | /* -----------------底部start----------------------------- */ | ||
| 231 | div.footer { | ||
| 232 | background-color: #233042; | ||
| 233 | } | ||
| 234 | div.footer .system_service { | ||
| 235 | width: 100%; | ||
| 236 | border-bottom: 1px solid #4A4A4A; | ||
| 237 | } | ||
| 238 | div.footer .system_service ul { | ||
| 239 | padding: 40px 0; | ||
| 240 | width: 1400px; | ||
| 241 | margin: 0 auto; | ||
| 242 | font-size: 0; | ||
| 243 | } | ||
| 244 | div.footer .system_service ul li { | ||
| 245 | width: 20%; | ||
| 246 | display: inline-block; | ||
| 247 | text-align: center; | ||
| 248 | height: 18px; | ||
| 249 | box-sizing: border-box; | ||
| 250 | } | ||
| 251 | div.footer .system_service ul li:not(:last-child) { | ||
| 252 | border-right: 1px solid #6D7278; | ||
| 253 | } | ||
| 254 | div.footer .system_service ul li a{ | ||
| 255 | font-size: 16px; | ||
| 256 | font-weight: 400; | ||
| 257 | color: #DEDEDE; | ||
| 258 | } | ||
| 259 | div.footer .system_service ul li a:hover { | ||
| 260 | color: #f46143; | ||
| 261 | } | ||
| 262 | .footer .subject { | ||
| 263 | width: 1200px; | ||
| 264 | margin: 0 auto; | ||
| 265 | padding: 40px 0; | ||
| 266 | overflow: hidden; | ||
| 267 | } | ||
| 268 | .footer .subject .footer_logo { | ||
| 269 | float: left; | ||
| 270 | } | ||
| 271 | .footer .subject .footer_logo a{ | ||
| 272 | display: block; | ||
| 273 | width: 64px; | ||
| 274 | height: 74px; | ||
| 275 | padding: 10px; | ||
| 276 | } | ||
| 277 | .footer .subject .footer_logo a img { | ||
| 278 | width: 100%; | ||
| 279 | height: 100%; | ||
| 280 | } | ||
| 281 | .footer .subject ul, ol { | ||
| 282 | float: left; | ||
| 283 | color: #CBCBCB; | ||
| 284 | text-align: left; | ||
| 285 | } | ||
| 286 | .footer .subject ul { | ||
| 287 | width: 72%; | ||
| 288 | box-sizing: border-box; | ||
| 289 | padding-left: 40px; | ||
| 290 | margin-top: 10px; | ||
| 291 | } | ||
| 292 | .footer .subject ul li { | ||
| 293 | width: 30%; | ||
| 294 | display: inline-block; | ||
| 295 | text-align: left; | ||
| 296 | margin-bottom: 30px; | ||
| 297 | } | ||
| 298 | .footer .subject ol li { | ||
| 299 | display: inline-block; | ||
| 300 | text-align: center; | ||
| 301 | } | ||
| 302 | .footer .subject ol li:last-child { | ||
| 303 | margin-left: 60px; | ||
| 304 | } | ||
| 305 | .footer .subject ol li img { | ||
| 306 | width: 80px; | ||
| 307 | height: 80px; | ||
| 308 | } | ||
| 309 | .footer .subject ol li p { | ||
| 310 | font-size: 12px; | ||
| 311 | color: #CBCBCB; | ||
| 312 | margin-top: 5px; | ||
| 313 | } | ||
| ... | \ No newline at end of file | ... | \ No newline at end of file |
staticViews/ggxq/index.html
deleted
100644 → 0
| 1 | <!DOCTYPE html> | ||
| 2 | <html lang="en"> | ||
| 3 | |||
| 4 | <head> | ||
| 5 | <title>公告详情</title> | ||
| 6 | <meta charset="UTF-8"> | ||
| 7 | <meta http-equiv="X-UA-Compatible" content="IE=edge" /> | ||
| 8 | <meta name="format-detection" content="telephone=no"> | ||
| 9 | <meta name="renderer" content="webkit"> | ||
| 10 | <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no"> | ||
| 11 | <meta http-equiv="Cache-Control" content="no-siteapp" /> | ||
| 12 | <link rel="alternate icon" type="image/png" href="../../staticImages/logo-realestate.png"> | ||
| 13 | <link rel='icon' href='favicon.ico' type='image/x-ico' /> | ||
| 14 | <meta name="description" content="" /> | ||
| 15 | <meta name="keywords" content="" /> | ||
| 16 | <link rel="stylesheet" type="text/css" href="../../staticLib/layui/css/layui.css" /> | ||
| 17 | <link rel="stylesheet" type="text/css" href="css/index.css"> | ||
| 18 | </head> | ||
| 19 | |||
| 20 | <body> | ||
| 21 | <div class="main"> | ||
| 22 | <div class="subject top-logo"> | ||
| 23 | <div class="top_logo_content"> | ||
| 24 | <h1><a href="index.html"><img src="./../../staticImages/logo.jpg" alt="西安市不动产登记平台" /></a></h1> | ||
| 25 | <div class="top_logo_search"> | ||
| 26 | <input type="text" name="title" required lay-verify="required" placeholder="请输入关键字搜索" | ||
| 27 | autocomplete="off" class="layui-input"> | ||
| 28 | <i class="layui-icon layui-icon-search" style="font-size: 14px;"></i> | ||
| 29 | </div> | ||
| 30 | |||
| 31 | <ul class="login"> | ||
| 32 | <li>登录</li> | ||
| 33 | <li>注册</li> | ||
| 34 | </ul> | ||
| 35 | </div> | ||
| 36 | </div> | ||
| 37 | <div class="navigation"> | ||
| 38 | <ul class="layui-nav layui-bg-blue" lay-filter=""> | ||
| 39 | <li class="layui-nav-item"><a href="../../staticIndex.html">首页</a></li> | ||
| 40 | <li class="layui-nav-item"><a href="./../xwdt/index.html">新闻动态</a></li> | ||
| 41 | <li class="layui-nav-item"><a href="">业务办理</a></li> | ||
| 42 | <li class="layui-nav-item"><a href="../bszn/index.html">办事指南</a></li> | ||
| 43 | <li class="layui-nav-item"> | ||
| 44 | <a href="javascript:;">查验中心</a> | ||
| 45 | <dl class="layui-nav-child"> | ||
| 46 | <!-- 二级菜单 --> | ||
| 47 | <dd><a href="">移动模块</a></dd> | ||
| 48 | <dd><a href="">后台模版</a></dd> | ||
| 49 | <dd><a href="">电商平台</a></dd> | ||
| 50 | </dl> | ||
| 51 | </li> | ||
| 52 | <li class="layui-nav-item"><a href="">在线缴费</a></li> | ||
| 53 | <li class="layui-nav-item" class="item_last_child"><a href="">好差评</a></li> | ||
| 54 | </ul> | ||
| 55 | </div> | ||
| 56 | <div class="navigation_crumbs"> | ||
| 57 | <div class="contentBox"> | ||
| 58 | <span class="layui-breadcrumb"> | ||
| 59 | <a href="../../staticIndex.html">首页</a> | ||
| 60 | <a href="">公示</a> | ||
| 61 | <a><cite>公告</cite></a> | ||
| 62 | </span> | ||
| 63 | </div> | ||
| 64 | </div> | ||
| 65 | <div class="mainbody"> | ||
| 66 | <div class="title"> | ||
| 67 | <span>党的十八大以来双拥工作综述:为实现中国梦强军梦凝聚强大力量</span> | ||
| 68 | </div> | ||
| 69 | <div class="release"> | ||
| 70 | <div>发布单位:国土信息</div> | ||
| 71 | <div>发布日期:2020-10-28</div> | ||
| 72 | </div> | ||
| 73 | <div class="body"> | ||
| 74 | <span> | ||
| 75 | 近日,自然资源部印发《自然资源统计工作管理办法》,旨在规范自然资源统计管理工作,建立健全统计数据质量控制体系,提高自然资源统计数据的真实性,发挥统计在自然资源管理中的重要基础性作用,该办法将于2020年8月1日起施行。 | ||
| 76 | 《自然资源统计工作管理办法》 一、明确自然资源统计主要任务 | ||
| 77 | 对7大类自然资源对象(土地、矿产、森林、草原、湿地、水、海域海岛),以及其他统计对象(海洋经济、地质勘查、地质灾害、测绘地理信息、自然资源督察、行政管理)开展统计调查和统计分析,提供统计数据,实施统计监督。 | ||
| 78 | 二、明晰自然资源统计数据获取方式 自然资源统计数据获取方式主要有:资源调查、行政记录、联网直报、逐级上报。并定期公布统计数据,在政策制定、规划编制、监督考核时,需要使用数据的,以公布的统计数据为准。 | ||
| 79 | 三、健全自然资源统计数据的质控体系 | ||
| 80 | 加强源头控制,填报人对其填报、录入的原始数据的真实性、准确性负责。严格审核,各单位对其负责加工整理、汇总生成的数据进行严格审核,对数据质量负责;发现数据异常的,应当返回填报人核实修改。审核结果和修改情况记录留痕。 完善统计流程,建立健全数据审核、签署、交接、归档等管理制度,建立违规干预统计工作记录制度和统计信用制度。加强技术校核,充分利用各种技术手段对数据进行校核,开展逻辑检验、数据抽查、实地核查,综合评估、控制和提升数据质量。 | ||
| 81 | 四、加强自然资源统计信息化建设 | ||
| 82 | 加强自然资源统计信息化建设,实现统计数据全流程信息化生产和管理。建立健全统一的自然资源统计数据平台,推进统计数据平台与业务信息系统的互联互通、数据交互共享。完善统计网络直报系统。 | ||
| 83 | 五、更新制度和办法保证统计工作推进 | ||
| 84 | 在2019年07月,自然资源部办公厅已经颁发了《关于印发自然资源统计调查制度的通知》,制定“1+8”的“综合+专业”统计调查制度体系。《自然资源统计工作管理办法》出台将会进一步支持各项自然资源统计调查执行工作。办法自2020年8月1日起施行,原国土资源部公布的《国土资源统计工作管理办法》、原国家海洋局公布的《国家海洋局综合统计暂行规定》、原国家测绘地理信息局公布的《测绘统计管理办法》同时废止。 | ||
| 85 | 《办法》中明确指出,自然资源部统计归口管理机构组织开展全国自然资源综合统计工作,推进信息化建设,信息化的建设离不开对数据的运筹帷幄。北京数慧结合自身多年对数据处理的“精湛工艺”,对自然资源业务的深度理解和丰富经验,开发自然资源统计业务信息系统,设计建立部自然资源统计数据库,实现历史统计数据的迁移、分析、转换,完成历史统计数据融合与应用,为自然资源部本级统计工作提供适应当前统计业务管理的统一工作平台,有效支撑统计数据报送审核、整合汇总、数据管理、报表生成、统计报告编制、数据综合分析、数据展示和空间分析、信息服务等全流程运转模式,实现统计信息审核机制,提升自然资源统计的数据业务管理能力、综合分析能力和决策支撑能力。 | ||
| 86 | 会议强调,要按照“办赛精彩、参赛出彩、发展添彩”要求,抓紧抓实抓细各项筹办工作,确保十四运会和残特奥会办出质量、办出水平。要做好已完工场馆工程验收和体育工艺、竞赛标准专项检查,加快推进全运村场馆收尾工作,同步抓好场馆周边设施配套与城市环境综合整治,改善城市面貌,提升城市形象。要做好开闭幕式相关工作,统筹抓好医疗卫生、交通电力、餐饮住宿等准备工作,为赛事顺利举办提供有力服务保障。 | ||
| 87 | 会议强调,要加强全民健身设施建设,广泛开展群众性体育活动,建设一批体育公园、健身步道、社区多功能健身场地,让群众更多享受体育发展成果。要围绕筹办工作重大时间节点、重要标志性事件,精心组织策划有创意、有内容、有感染力的宣传推介活动,营造我市全民全运的浓厚氛围。要狠抓责任落实、狠抓进度落实、狠抓工作落实,确保把各项筹办工作谋深、抓实、干好。 | ||
| 88 | 市领导玉苏甫江·麦麦提、杨晓东、张琳、肖西亮、和文全,市执委会各成员单位主要负责同志参加。 | ||
| 89 | </span> | ||
| 90 | </div> | ||
| 91 | </div> | ||
| 92 | |||
| 93 | <div class="footer"> | ||
| 94 | <div class="system_service"> | ||
| 95 | <ul class=""> | ||
| 96 | <li> | ||
| 97 | <a href=""> | ||
| 98 | <span>公示公告</span> | ||
| 99 | </a> | ||
| 100 | </li> | ||
| 101 | <li> | ||
| 102 | <a href=""> | ||
| 103 | <span>法律法规</span> | ||
| 104 | </a> | ||
| 105 | </li> | ||
| 106 | <li> | ||
| 107 | <a href=""> | ||
| 108 | <span>相应政策</span> | ||
| 109 | </a> | ||
| 110 | </li> | ||
| 111 | <li> | ||
| 112 | <a href=""> | ||
| 113 | <span>下载服务</span> | ||
| 114 | </a> | ||
| 115 | </li> | ||
| 116 | <li> | ||
| 117 | <a href=""> | ||
| 118 | <span>关于我们</span> | ||
| 119 | </a> | ||
| 120 | </li> | ||
| 121 | </ul> | ||
| 122 | </div> | ||
| 123 | <div class="subject"> | ||
| 124 | <div class="footer_logo"> | ||
| 125 | <a href=""> | ||
| 126 | <img src="./../../staticImages/jiguan.png"> | ||
| 127 | </a> | ||
| 128 | </div> | ||
| 129 | <ul> | ||
| 130 | <li> | ||
| 131 | 西安市自然资源和规划局 | ||
| 132 | </li> | ||
| 133 | <li> | ||
| 134 | 电话:028-456465 | ||
| 135 | </li> | ||
| 136 | <li> | ||
| 137 | 地址:西安市丰城8路 | ||
| 138 | </li> | ||
| 139 | <li> | ||
| 140 | 网站标识吗:87987987 | ||
| 141 | </li> | ||
| 142 | <li> | ||
| 143 | 备案:陕IPC456465465 | ||
| 144 | </li> | ||
| 145 | <li> | ||
| 146 | 陕公网备案:456465465 | ||
| 147 | </li> | ||
| 148 | </ul> | ||
| 149 | <ol> | ||
| 150 | <li> | ||
| 151 | <img src="./../../staticImages/code.png"> | ||
| 152 | <p>扫描关注公众号</p> | ||
| 153 | </li> | ||
| 154 | <li> | ||
| 155 | <img src="./../../staticImages/code.png"> | ||
| 156 | <p>扫描关注公众号</p> | ||
| 157 | </li> | ||
| 158 | |||
| 159 | </ol> | ||
| 160 | </div> | ||
| 161 | </div> | ||
| 162 | </div> | ||
| 163 | </body> | ||
| 164 | |||
| 165 | </html> | ||
| 166 | <!--[if (gte IE 9)|!(IE)]><!--> | ||
| 167 | <script type="text/javascript" src="../../staticLib/jquery/jquery.min.js"></script> | ||
| 168 | <!--<![endif]--> | ||
| 169 | <script type="text/javascript" src="../../staticLib/handlebars/handlebars.min.js"></script> | ||
| 170 | <script type="text/javascript" src="../../staticLib/iscroll/iscroll-probe.js"></script> | ||
| 171 | <script type="text/javascript" src="../../staticLib/amazeui/amazeui.min.js"></script> | ||
| 172 | <script type="text/javascript" src="../../staticLib/raty/jquery.raty.js"></script> | ||
| 173 | <script type="text/javascript" src="../../staticJs/main.min.js?t=1"></script> | ||
| 174 | <script type="text/javascript" src="../../staticLib/layui/layui.js"></script> | ||
| 175 | <script> | ||
| 176 | layui.use('element', function () { | ||
| 177 | let element = layui.element; //导航的hover效果、二级菜单等功能,需要依赖element模块 | ||
| 178 | //监听导航点击 | ||
| 179 | element.on('nav(demo)', function (elem) { | ||
| 180 | //console.log(elem) | ||
| 181 | layer.msg(elem.text()); | ||
| 182 | }); | ||
| 183 | }); | ||
| 184 | layui.use('util', function () { | ||
| 185 | var util = layui.util; | ||
| 186 | //执行 | ||
| 187 | util.fixbar({ | ||
| 188 | bar1: true, | ||
| 189 | bar2: true, | ||
| 190 | top: true | ||
| 191 | , click: function (type) { | ||
| 192 | console.log(type); | ||
| 193 | if (type === 'bar1') { | ||
| 194 | alert('点击了bar1') | ||
| 195 | } | ||
| 196 | } | ||
| 197 | }); | ||
| 198 | }); | ||
| 199 | layui.use('element', function(){ | ||
| 200 | var element = layui.element; | ||
| 201 | |||
| 202 | //监听Tab切换,以改变地址hash值 | ||
| 203 | element.on('tab(docDemoTabBrief)', function(){ | ||
| 204 | location.hash = 'test1='+ this.getAttribute('lay-id'); | ||
| 205 | }); | ||
| 206 | }); | ||
| 207 | </script> | ||
| ... | \ No newline at end of file | ... | \ No newline at end of file |
staticViews/gsgg.html
0 → 100644
| 1 | <!DOCTYPE html | ||
| 2 | PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> | ||
| 3 | <html xmlns="http://www.w3.org/1999/xhtml"> | ||
| 4 | <head> | ||
| 5 | <style> | ||
| 6 | </style> | ||
| 7 | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | ||
| 8 | <title>公示公告</title> | ||
| 9 | <script type="text/javascript" src="../staticJs/head.js"></script> | ||
| 10 | <link rel="stylesheet" type="text/css" href="../staticCss/gsgg.css"> | ||
| 11 | </head> | ||
| 12 | <body> | ||
| 13 | <div class="navigation_crumbs"> | ||
| 14 | <div class="contentBox"> | ||
| 15 | <span class="layui-breadcrumb"> | ||
| 16 | <a href="../index.html">首页</a> | ||
| 17 | <a><cite>公示公告</cite></a> | ||
| 18 | </span> | ||
| 19 | </div> | ||
| 20 | </div> | ||
| 21 | <div class="mainbody"> | ||
| 22 | <div class="top"> | ||
| 23 | <div class="top-title"> | ||
| 24 | <span>标题内容:</span><input type="text" placeholder="请输入标题内容"> | ||
| 25 | </div> | ||
| 26 | <div class="top-date"> | ||
| 27 | <span>发布时间:</span> <input type="text" class="layui-input" id="date" placeholder="请选择时间"> | ||
| 28 | </div> | ||
| 29 | <div class="top-serach"> | ||
| 30 | <button> | ||
| 31 | <i class="layui-icon"></i> | ||
| 32 | 查询 | ||
| 33 | </button> | ||
| 34 | </div> | ||
| 35 | </div> | ||
| 36 | <div class="layui-tab layui-tab-brief" lay-filter=""> | ||
| 37 | <ul class="layui-tab-title"> | ||
| 38 | <li class="layui-this">全部</li> | ||
| 39 | <li>公示</li> | ||
| 40 | <li>公告</li> | ||
| 41 | </ul> | ||
| 42 | </div> | ||
| 43 | <!-- 列表区域 --> | ||
| 44 | <div class="listArea"> | ||
| 45 | <div class="announcement_list"> | ||
| 46 | <ul class="gglist" id="notice-list"> | ||
| 47 | </ul> | ||
| 48 | <div id="test1"></div> | ||
| 49 | </div> | ||
| 50 | <div class="listArea_right"> | ||
| 51 | <ul class="rightcontainer"> | ||
| 52 | <h2 class="right-top">新闻推荐</h2> | ||
| 53 | <li class="tj"> | ||
| 54 | <img src="https://dss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1938529415,777611275&fm=26&gp=0.jpg"> | ||
| 55 | <span class="tj-title"> 爬山虎国土空间信息化解决方案</span> | ||
| 56 | <span class="tj-date">2020-12-12</span> | ||
| 57 | </li> | ||
| 58 | <li class="tj"> | ||
| 59 | <img src="https://dss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1938529415,777611275&fm=26&gp=0.jpg"> | ||
| 60 | <span class="tj-title"> 爬山虎国土空间信息化解决方案</span> | ||
| 61 | <span class="tj-date">2020-12-12</span> | ||
| 62 | </li> | ||
| 63 | </ul> | ||
| 64 | <ul class="diver"> | ||
| 65 | <li></li> | ||
| 66 | </ul> | ||
| 67 | <ul class="rightcontainer"> | ||
| 68 | <h2 class="zc-top">政策法规</h2> | ||
| 69 | <li> | ||
| 70 | <div class="zcfg"> | ||
| 71 | <div class="zcfg-top"> | ||
| 72 | 爬山虎国土空间规划信息化解决 | ||
| 73 | </div> | ||
| 74 | <div class="zcfg-body"> | ||
| 75 | 10月21日,农业农村部举行新闻发布会,介绍2020年前三季度农业农村经济形势。 | ||
| 76 | </div> | ||
| 77 | <div class="zcfg-bottom"> | ||
| 78 | 2020-10-28 | ||
| 79 | </div> | ||
| 80 | </div> | ||
| 81 | </li> | ||
| 82 | <li> | ||
| 83 | <div class="zcfg"> | ||
| 84 | <div class="zcfg-top"> | ||
| 85 | 爬山虎国土空间规划信息化解决 | ||
| 86 | </div> | ||
| 87 | <div class="zcfg-body"> | ||
| 88 | 10月21日,农业农村部举行新闻发布会,介绍2020年前三季度农业农村经济形势。 | ||
| 89 | </div> | ||
| 90 | <div class="zcfg-bottom"> | ||
| 91 | 2020-10-28 | ||
| 92 | </div> | ||
| 93 | </div> | ||
| 94 | </li> | ||
| 95 | </ul> | ||
| 96 | </div> | ||
| 97 | </div> | ||
| 98 | </div> | ||
| 99 | </body> | ||
| 100 | <script type="text/javascript" src="../staticJs/common.js"></script> | ||
| 101 | <script type="text/javascript" src="../staticJs/down.js"></script> | ||
| 102 | <script type="text/javascript" src="../staticJs/gsgg.js"></script> | ||
| 103 | <script id="demo" type="text/html"> | ||
| 104 | {{# layui.each(d.list, function(index, item){ }} | ||
| 105 | <li> | ||
| 106 | <a href='./ggxq.html?id="{{item.id}}"' target="_blank"> | ||
| 107 | <div class="gg"> | ||
| 108 | {{# if(item.noticeType == 1){ }} | ||
| 109 | <svg class="icon svg-icon" aria-hidden="true"> | ||
| 110 | <use xlink:href="#icongongshi"></use> | ||
| 111 | </svg> | ||
| 112 | {{# } }} | ||
| 113 | {{# if(item.noticeType == 2){ }} | ||
| 114 | <svg class="icon svg-icon" aria-hidden="true"> | ||
| 115 | <use xlink:href="#icongonggao1"></use> | ||
| 116 | </svg> | ||
| 117 | {{# } }} | ||
| 118 | <p class="item_list"> | ||
| 119 | {{item.title}} | ||
| 120 | </p> | ||
| 121 | </div> | ||
| 122 | </a> | ||
| 123 | </li> | ||
| 124 | {{# }); }} | ||
| 125 | </script> | ||
| 126 | </html> | ||
| ... | \ No newline at end of file | ... | \ No newline at end of file |
staticViews/gsgg/index.html
deleted
100644 → 0
| 1 | <!DOCTYPE html> | ||
| 2 | <html lang="en"> | ||
| 3 | |||
| 4 | <head> | ||
| 5 | <title>公示公告</title> | ||
| 6 | <meta charset="UTF-8"> | ||
| 7 | <meta http-equiv="X-UA-Compatible" content="IE=edge"/> | ||
| 8 | <meta name="format-detection" content="telephone=no"> | ||
| 9 | <meta name="renderer" content="webkit"> | ||
| 10 | <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no"> | ||
| 11 | <meta http-equiv="Cache-Control" content="no-siteapp"/> | ||
| 12 | <link rel="alternate icon" type="image/png" href="../../staticImages/logo-realestate.png"> | ||
| 13 | <link rel='icon' href='favicon.ico' type='image/x-ico'/> | ||
| 14 | <meta name="description" content=""/> | ||
| 15 | <meta name="keywords" content=""/> | ||
| 16 | <link rel="stylesheet" type="text/css" href="../../staticLib/layui/css/layui.css"/> | ||
| 17 | <link rel="stylesheet" type="text/css" href="./css/index.css"> | ||
| 18 | </head> | ||
| 19 | |||
| 20 | <body> | ||
| 21 | <div class="main"> | ||
| 22 | <div class="subject top-logo"> | ||
| 23 | <div class="top_logo_content"> | ||
| 24 | <h1><a href="index.html"><img src="./../../staticImages/logo.jpg" alt="西安市不动产登记平台"/></a></h1> | ||
| 25 | <div class="top_logo_search"> | ||
| 26 | <input type="text" name="title" required lay-verify="required" placeholder="请输入关键字搜索" | ||
| 27 | autocomplete="off" class="layui-input"> | ||
| 28 | <i class="layui-icon layui-icon-search" style="font-size: 14px;"></i> | ||
| 29 | </div> | ||
| 30 | <ul class="login"> | ||
| 31 | <li>登录</li> | ||
| 32 | <li>注册</li> | ||
| 33 | </ul> | ||
| 34 | </div> | ||
| 35 | </div> | ||
| 36 | <div class="navigation"> | ||
| 37 | <ul class="layui-nav layui-bg-blue" lay-filter=""> | ||
| 38 | <li class="layui-nav-item"><a href="./../../staticIndex.html">首页</a></li> | ||
| 39 | <li class="layui-nav-item"><a href="./../../staticViews/xwdt/index.html">新闻动态</a></li> | ||
| 40 | <li class="layui-nav-item"><a href="">业务办理</a></li> | ||
| 41 | <li class="layui-nav-item"><a href="./../../staticViews/bszn/index.html">办事指南</a></li> | ||
| 42 | <li class="layui-nav-item"> | ||
| 43 | <a href="javascript:;">查验中心</a> | ||
| 44 | <dl class="layui-nav-child"> | ||
| 45 | <!-- 二级菜单 --> | ||
| 46 | <dd><a href="">移动模块</a></dd> | ||
| 47 | <dd><a href="">后台模版</a></dd> | ||
| 48 | <dd><a href="">电商平台</a></dd> | ||
| 49 | </dl> | ||
| 50 | </li> | ||
| 51 | <li class="layui-nav-item"><a href="">在线缴费</a></li> | ||
| 52 | <li class="layui-nav-item" class="item_last_child"><a href="">好差评</a></li> | ||
| 53 | </ul> | ||
| 54 | </div> | ||
| 55 | <div class="navigation_crumbs"> | ||
| 56 | <div class="contentBox"> | ||
| 57 | <span class="layui-breadcrumb"> | ||
| 58 | <a href="../../staticIndex.html">首页</a> | ||
| 59 | <a><cite>公示公告</cite></a> | ||
| 60 | </span> | ||
| 61 | </div> | ||
| 62 | </div> | ||
| 63 | <div class="mainbody"> | ||
| 64 | <div class="top"> | ||
| 65 | <div class="top-title"> | ||
| 66 | <span>标题内容:</span><input type="text" placeholder="请输入标题"> | ||
| 67 | </div> | ||
| 68 | <div class="top-date "> | ||
| 69 | 发布时间:<input type="date" placeholder="选择时间"> | ||
| 70 | </div> | ||
| 71 | <div class="top-serach "> | ||
| 72 | <button>查询</button> | ||
| 73 | </div> | ||
| 74 | </div> | ||
| 75 | <div class="layui-tab layui-tab-brief" lay-filter=""> | ||
| 76 | <ul class="layui-tab-title"> | ||
| 77 | <li class="layui-this">全部</li> | ||
| 78 | <li>公示</li> | ||
| 79 | <li>公告</li> | ||
| 80 | </ul> | ||
| 81 | <div class="layui-tab-content"> | ||
| 82 | <div class="body"> | ||
| 83 | <div class="left"> | ||
| 84 | <a href="./../ggxq/index.html" target="_blank"> | ||
| 85 | <div class="gg"> | ||
| 86 | <button type="button" class="layui-btn layui-btn-warm layui-btn-xs">公告</button> | ||
| 87 | 党的十八大以来双拥工作综述:为实现中国梦强军梦凝聚强大力量 前三季度主要指标由负转正 中国经济持续稳定恢复 外交部:中国对世界减贫贡献率超过70% | ||
| 88 | 国新办发布会介绍能源行业决战决胜脱贫攻坚——能源扶贫释放多重红利 首次推介中央企业民营企业协同发展项目 央企混改再引入社会资本超1800亿元 | ||
| 89 | 首次推介中央企业民营企业协同发展项目 | ||
| 90 | 央企混改再引入社会资本超1800亿元 外交部:中国对世界减贫贡献率超过70% 国新办发布会介绍能源行业决战决胜脱贫攻坚——能源扶贫释放多重红利 | ||
| 91 | 首次推介中央企业民营企业协同发展项目 | ||
| 92 | 央企混改再引入社会资本超1800亿元 首次推介中央企业民营企业协同发展项目 央企混改再引入社会资本超1800亿元 外交部:中国对世界减贫贡献率超过70% | ||
| 93 | 国新办发布会介绍能源行业决战决胜脱贫攻坚——能源扶贫释放多重红利 | ||
| 94 | </div> | ||
| 95 | </a> | ||
| 96 | <a href="./../ggxq/index.html" target="_blank"> | ||
| 97 | <div class="gg"> | ||
| 98 | <button type="button" class="layui-btn layui-btn-warm layui-btn-xs">公告</button> | ||
| 99 | 党的十八大以来双拥工作综述:为实现中国梦强军梦凝聚强大力量 前三季度主要指标由负转正 中国经济持续稳定恢复 外交部:中国对世界减贫贡献率超过70% | ||
| 100 | 国新办发布会介绍能源行业决战决胜脱贫攻坚——能源扶贫释放多重红利 首次推介中央企业民营企业协同发展项目 央企混改再引入社会资本超1800亿元 首次推介中央企业民营企业协同发展项目 | ||
| 101 | 央企混改再引入社会资本超1800亿元 外交部:中国对世界减贫贡献率超过70% 国新办发布会介绍能源行业决战决胜脱贫攻坚——能源扶贫释放多重红利 首次推介中央企业民营企业协同发展项目 | ||
| 102 | 央企混改再引入社会资本超1800亿元 首次推介中央企业民营企业协同发展项目 央企混改再引入社会资本超1800亿元 外交部:中国对世界减贫贡献率超过70% | ||
| 103 | 国新办发布会介绍能源行业决战决胜脱贫攻坚——能源扶贫释放多重红利 | ||
| 104 | </div> | ||
| 105 | </a> | ||
| 106 | <a href="./../ggxq/index.html" target="_blank"> | ||
| 107 | <div class="gg"> | ||
| 108 | <button type="button" class="layui-btn layui-btn-warm layui-btn-xs">公告</button> | ||
| 109 | 党的十八大以来双拥工作综述:为实现中国梦强军梦凝聚强大力量 前三季度主要指标由负转正 中国经济持续稳定恢复 外交部:中国对世界减贫贡献率超过70% | ||
| 110 | 国新办发布会介绍能源行业决战决胜脱贫攻坚——能源扶贫释放多重红利 首次推介中央企业民营企业协同发展项目 央企混改再引入社会资本超1800亿元 首次推介中央企业民营企业协同发展项目 | ||
| 111 | 央企混改再引入社会资本超1800亿元 外交部:中国对世界减贫贡献率超过70% 国新办发布会介绍能源行业决战决胜脱贫攻坚——能源扶贫释放多重红利 首次推介中央企业民营企业协同发展项目 | ||
| 112 | 央企混改再引入社会资本超1800亿元 首次推介中央企业民营企业协同发展项目 央企混改再引入社会资本超1800亿元 外交部:中国对世界减贫贡献率超过70% | ||
| 113 | 国新办发布会介绍能源行业决战决胜脱贫攻坚——能源扶贫释放多重红利 | ||
| 114 | </div> | ||
| 115 | </a> | ||
| 116 | <div id="page"></div> | ||
| 117 | </div> | ||
| 118 | <div class="right"> | ||
| 119 | <div class="right-top"> | ||
| 120 | <h2>新闻推荐</h2> | ||
| 121 | </div> | ||
| 122 | <div class="right-body"> | ||
| 123 | <div class="tj"> | ||
| 124 | <img | ||
| 125 | src="https://dss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1938529415,777611275&fm=26&gp=0.jpg"> | ||
| 126 | <span class="tj-title"> | ||
| 127 | 爬山虎国土空间信息化解决方案 | ||
| 128 | </span> | ||
| 129 | <span class="tj-date"> | ||
| 130 | 2020-12-12 | ||
| 131 | </span> | ||
| 132 | </div> | ||
| 133 | <div class="tj"> | ||
| 134 | <img | ||
| 135 | src="https://dss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1938529415,777611275&fm=26&gp=0.jpg"> | ||
| 136 | <span class="tj-title"> | ||
| 137 | 爬山虎国土空间信息化解决方案终极方案 | ||
| 138 | </span> | ||
| 139 | <span class="tj-date"> | ||
| 140 | 2020-12-12 | ||
| 141 | </span> | ||
| 142 | </div> | ||
| 143 | </div> | ||
| 144 | <div class="right-bottom"> | ||
| 145 | <div class="right-bottom-top"> | ||
| 146 | <span>政策法规推荐</span> | ||
| 147 | </div> | ||
| 148 | <div class="zcfg"> | ||
| 149 | <div class="zcfg-top"> | ||
| 150 | <span>爬山虎国土空间规划信息化解决</span> | ||
| 151 | </div> | ||
| 152 | <div class="zcfg-body"> | ||
| 153 | <span>10月21日,农业农村部举行新闻发布会,介绍2020年前三季度农业农村经济形势。</span> | ||
| 154 | </div> | ||
| 155 | <div class="zcfg-bottom"> | ||
| 156 | <span>2020-10-28</span> | ||
| 157 | </div> | ||
| 158 | </div> | ||
| 159 | <div class="zcfg"> | ||
| 160 | <div class="zcfg-top"> | ||
| 161 | <span>爬山虎国土空间规划信息化解决</span> | ||
| 162 | </div> | ||
| 163 | <div class="zcfg-body"> | ||
| 164 | <span>10月21日,农业农村部举行新闻发布会,介绍2020年前三季度农业农村经济形势。</span> | ||
| 165 | </div> | ||
| 166 | <div class="zcfg-bottom"> | ||
| 167 | <span>2020-10-28</span> | ||
| 168 | </div> | ||
| 169 | </div> | ||
| 170 | </div> | ||
| 171 | </div> | ||
| 172 | </div> | ||
| 173 | </div> | ||
| 174 | </div> | ||
| 175 | </div> | ||
| 176 | |||
| 177 | <div class="footer"> | ||
| 178 | <div class="system_service"> | ||
| 179 | <ul class=""> | ||
| 180 | <li> | ||
| 181 | <a href=""> | ||
| 182 | <span>公示公告</span> | ||
| 183 | </a> | ||
| 184 | </li> | ||
| 185 | <li> | ||
| 186 | <a href=""> | ||
| 187 | <span>法律法规</span> | ||
| 188 | </a> | ||
| 189 | </li> | ||
| 190 | <li> | ||
| 191 | <a href=""> | ||
| 192 | <span>相应政策</span> | ||
| 193 | </a> | ||
| 194 | </li> | ||
| 195 | <li> | ||
| 196 | <a href=""> | ||
| 197 | <span>下载服务</span> | ||
| 198 | </a> | ||
| 199 | </li> | ||
| 200 | <li> | ||
| 201 | <a href=""> | ||
| 202 | <span>关于我们</span> | ||
| 203 | </a> | ||
| 204 | </li> | ||
| 205 | </ul> | ||
| 206 | </div> | ||
| 207 | <div class="subject"> | ||
| 208 | <div class="footer_logo"> | ||
| 209 | <a href=""> | ||
| 210 | <img src="./../../staticImages/jiguan.png"> | ||
| 211 | </a> | ||
| 212 | </div> | ||
| 213 | <ul> | ||
| 214 | <li> | ||
| 215 | 西安市自然资源和规划局 | ||
| 216 | </li> | ||
| 217 | <li> | ||
| 218 | 电话:028-456465 | ||
| 219 | </li> | ||
| 220 | <li> | ||
| 221 | 地址:西安市丰城8路 | ||
| 222 | </li> | ||
| 223 | <li> | ||
| 224 | 网站标识吗:87987987 | ||
| 225 | </li> | ||
| 226 | <li> | ||
| 227 | 备案:陕IPC456465465 | ||
| 228 | </li> | ||
| 229 | <li> | ||
| 230 | 陕公网备案:456465465 | ||
| 231 | </li> | ||
| 232 | </ul> | ||
| 233 | <ol> | ||
| 234 | <li> | ||
| 235 | <img src="./../../staticImages/code.png"> | ||
| 236 | <p>扫描关注公众号</p> | ||
| 237 | </li> | ||
| 238 | <li> | ||
| 239 | <img src="./../../staticImages/code.png"> | ||
| 240 | <p>扫描关注公众号</p> | ||
| 241 | </li> | ||
| 242 | </ol> | ||
| 243 | </div> | ||
| 244 | </div> | ||
| 245 | </div> | ||
| 246 | </body> | ||
| 247 | |||
| 248 | </html> | ||
| 249 | <!--[if (gte IE 9)|!(IE)]><!--> | ||
| 250 | <script type="text/javascript" src="../../staticLib/jquery/jquery.min.js"></script> | ||
| 251 | <!--<![endif]--> | ||
| 252 | <script type="text/javascript" src="../../staticLib/handlebars/handlebars.min.js"></script> | ||
| 253 | <script type="text/javascript" src="../../staticLib/iscroll/iscroll-probe.js"></script> | ||
| 254 | <script type="text/javascript" src="../../staticLib/amazeui/amazeui.min.js"></script> | ||
| 255 | <script type="text/javascript" src="../../staticLib/raty/jquery.raty.js"></script> | ||
| 256 | <script type="text/javascript" src="../../staticJs/main.min.js?t=1"></script> | ||
| 257 | <script type="text/javascript" src="../../staticLib/layui/layui.js"></script> | ||
| 258 | <script type="text/javascript"> | ||
| 259 | layui.use('element', function () { | ||
| 260 | let element = layui.element; //导航的hover效果、二级菜单等功能,需要依赖element模块 | ||
| 261 | //监听导航点击 | ||
| 262 | element.on('nav(demo)', function (elem) { | ||
| 263 | //console.log(elem) | ||
| 264 | layer.msg(elem.text()); | ||
| 265 | }); | ||
| 266 | }); | ||
| 267 | $(function () { | ||
| 268 | layui.use('laypage', function () { | ||
| 269 | let laypage = layui.laypage; | ||
| 270 | //执行一个laypage实例 | ||
| 271 | laypage.render({ | ||
| 272 | elem: 'page' //注意,这里的 test1 是 ID,不用加 # 号 | ||
| 273 | , count: 50 //数据总数,从服务端得到 | ||
| 274 | , prev: '<' | ||
| 275 | , next: '>' | ||
| 276 | , theme: '#0091FF' | ||
| 277 | }); | ||
| 278 | }); | ||
| 279 | }) | ||
| 280 | </script> | ||
| ... | \ No newline at end of file | ... | \ No newline at end of file |
| ... | @@ -18,102 +18,281 @@ | ... | @@ -18,102 +18,281 @@ |
| 18 | <span class="layui-breadcrumb"> | 18 | <span class="layui-breadcrumb"> |
| 19 | <a href="../../index.html">首页</a> | 19 | <a href="../../index.html">首页</a> |
| 20 | <a href="./wssq.html">网上申请</a> | 20 | <a href="./wssq.html">网上申请</a> |
| 21 | <a><cite>在线申请</cite></a> | 21 | <a><cite>填报信息</cite></a> |
| 22 | </span> | 22 | </span> |
| 23 | </div> | 23 | </div> |
| 24 | </div> | 24 | </div> |
| 25 | <div class="content_box"> | 25 | <div class="content_box"> |
| 26 | <div class="name_title layui-bg-gray"> | 26 | <div class="name_title layui-bg-gray"> |
| 27 | <h2></h2> | 27 | <h2>转移类</h2> |
| 28 | <p></p> | 28 | <p> 二手房转移买卖登记(个人)</p> |
| 29 | </div> | 29 | </div> |
| 30 | <ul class="app_progress"> | 30 | <div class="progressBar"> |
| 31 | <li class="selected"> | 31 | <ul class="app_progress" id="app_progress"> |
| 32 | <span>1</span> | 32 | </ul> |
| 33 | 信息效验 | 33 | </div> |
| 34 | </li> | 34 | <!-- 房屋信息 --> |
| 35 | <div class="line"></div> | 35 | <div class="acceptance_information"> |
| 36 | <li class="active"> | 36 | <h3>房屋信息</h3> |
| 37 | <span>2</span> | 37 | <ul> |
| 38 | 填报信息 | ||
| 39 | </li> | ||
| 40 | <div class="line"></div> | ||
| 41 | <li> | 38 | <li> |
| 42 | <span>3</span> | 39 | <span>不动产单元号:</span> |
| 43 | 完税核税 | 40 | <p>450101 450002 GB 00740W00000000</p> |
| 44 | </li> | 41 | </li> |
| 45 | <div class="line"></div> | ||
| 46 | <li> | 42 | <li> |
| 47 | <span>4</span> | 43 | <span>产权证号:</span> |
| 48 | 身份认证 | 44 | <p>70205004005GB10030</p> |
| 49 | </li> | 45 | </li> |
| 50 | <div class="line"></div> | ||
| 51 | <li> | 46 | <li> |
| 52 | <span>5</span> | 47 | <span>坐落:</span> |
| 53 | 资料审核 | 48 | <p> |
| 49 | XXX市(县)XXX街道(乡镇)XXX社区(村委会)XXX街(巷)xxx号XXXX楼XXX室 | ||
| 50 | </p> | ||
| 54 | </li> | 51 | </li> |
| 55 | <div class="line"></div> | ||
| 56 | <li> | 52 | <li> |
| 57 | <span>6</span> | 53 | <span>面积:</span> |
| 58 | 线上缴费 | 54 | <p>526</p> |
| 59 | </li> | 55 | </li> |
| 60 | <div class="line"></div> | ||
| 61 | <li> | 56 | <li> |
| 62 | <span>7</span> | 57 | <span>合同备案号:</span> |
| 63 | 生成电子证书 | 58 | <p>YS000000000001</p> |
| 64 | </li> | 59 | </li> |
| 65 | </ul> | 60 | </ul> |
| 66 | <div class="title layui-bg-green"> | ||
| 67 | <h2>买方信息/共有情况</h2> | ||
| 68 | </div> | 61 | </div> |
| 69 | <div class="tabs_title"> | 62 | <!-----------------买方信息------------------ --> |
| 70 | <input type="radio" name="1" value="单独所有" checked> | 63 | <div class="person_info"> |
| 64 | <div class="title"> | ||
| 65 | <h3>买方信息</h3> | ||
| 66 | <input type="radio" class="radioInfo" name="1" value="1" checked> | ||
| 71 | <p>单独所有</p> | 67 | <p>单独所有</p> |
| 72 | <input type="radio" name="1" value="共同共有"> | 68 | <input type="radio" class="radioInfo" name="1" value="2"> |
| 73 | <p>共同共有</p> | 69 | <p>按份所有</p> |
| 74 | <input type="radio" name="1" value="按份共有"> | 70 | <input type="radio" class="radioInfo" name="1" value="3"> |
| 75 | <p>按份共有</p> | 71 | <p>共同所有</p> |
| 76 | <i class="layui-icon layui-icon-add-circle tableAdd"></i> | ||
| 77 | </div> | 72 | </div> |
| 78 | <table id="buyInfo" lay-filter="buyInfo"></table> | 73 | <form class="layui-form"> |
| 79 | 74 | <div class="layui-form-item"> | |
| 80 | <div class="title layui-bg-green"> | 75 | <div class="layui-inline"> |
| 81 | <h2>卖方信息</h2> | 76 | <label class="layui-form-label">姓名</label> |
| 82 | <i class="layui-icon layui-icon-add-circle tableAdd1"></i> | 77 | <div class="layui-input-block"> |
| 78 | <input type="text" name="name" required lay-verify="name" placeholder="请输权利人" | ||
| 79 | class="layui-input"> | ||
| 83 | </div> | 80 | </div> |
| 84 | <table id="sellInfo" lay-filter="sellInfo"></table> | ||
| 85 | |||
| 86 | <div class="title layui-bg-green"> | ||
| 87 | <h2>申报材料</h2> | ||
| 88 | </div> | 81 | </div> |
| 82 | <div class="layui-inline idCard"> | ||
| 83 | <label class="layui-form-label">身份证类型</label> | ||
| 84 | <div class="layui-input-block"> | ||
| 85 | <select lay-filter="typeId"> | ||
| 86 | <option value="1">身份证</option> | ||
| 87 | <option value="2">军官证</option> | ||
| 88 | </select> | ||
| 89 | </div> | ||
| 90 | </div> | ||
| 91 | <div class="layui-inline"> | ||
| 92 | <label class="layui-form-label">证件号码</label> | ||
| 93 | <div class="layui-input-block"> | ||
| 94 | <input type="tel" name="card" maxlength="18" required lay-verify="card" placeholder="请输证件号码" | ||
| 95 | class="layui-input"> | ||
| 96 | </div> | ||
| 97 | </div> | ||
| 98 | <div class="layui-inline"> | ||
| 99 | <label class="layui-form-label">联系方式</label> | ||
| 100 | <div class="layui-input-block"> | ||
| 101 | <input type="tel" name="phone" maxlength="11" required lay-verify="phone" | ||
| 102 | placeholder="请输联系方式" class="layui-input"> | ||
| 103 | </div> | ||
| 104 | </div><i class="layui-icon layui-icon-reduce-circle"></i> | ||
| 105 | </div> | ||
| 106 | </form> | ||
| 107 | <div class="add_form layui-bg-gray"> | ||
| 108 | <i class="layui-icon layui-icon-addition"></i> | ||
| 109 | <p>添加个人信息</p> | ||
| 110 | </div> | ||
| 111 | </div> | ||
| 112 | <!-----------------资料上传------------------ --> | ||
| 113 | <div class="data_upload"> | ||
| 114 | <h3>资料上传</h3> | ||
| 89 | <div class="img_update"> | 115 | <div class="img_update"> |
| 90 | <div class="fileBox"> | 116 | <div class="fileBox"> |
| 91 | <div id="fileSpan" class="vm"> | 117 | <div id="fileSpan" class="vm"> |
| 92 | <input type="file" multiple id="fileInput" /> | 118 | <input type="file" multiple id="fileInput" /> |
| 93 | <p class="file_name"> | 119 | <div class="file_name"> |
| 94 | 点击或拖拽文件上传 | 120 | <i class="layui-icon layui-icon-addition"></i> |
| 95 | </p> | 121 | <p>点击或拖拽文件上传</p> |
| 122 | <div class="certificate">登记申请书(2份)</div> | ||
| 123 | <div class="fileListName"></div> | ||
| 96 | </div> | 124 | </div> |
| 97 | </div> | 125 | </div> |
| 98 | <table width="36%" border="1" class="fileList_parent"> | 126 | </div> |
| 127 | <div class="fileList_parent"> | ||
| 128 | <img src="../staticImages/dui.png"> | ||
| 129 | <table width="150px" class="file_list"> | ||
| 99 | <tbody class="fileList"> | 130 | <tbody class="fileList"> |
| 100 | </table> | 131 | </table> |
| 101 | </div> | 132 | </div> |
| 133 | </div> | ||
| 134 | <!-- 房屋所有权证书 --> | ||
| 135 | <div class="img_update"> | ||
| 136 | <div class="fileBox"> | ||
| 137 | <div id="fileSpan1" class="vm"> | ||
| 138 | <input type="file" multiple id="fileInput1" /> | ||
| 139 | <div class="file_name"> | ||
| 140 | <i class="layui-icon layui-icon-addition"></i> | ||
| 141 | <p>点击或拖拽文件上传</p> | ||
| 142 | <div class="certificate">房屋所有权证书(2份)</div> | ||
| 143 | <div class="fileListName1"></div> | ||
| 144 | </div> | ||
| 145 | </div> | ||
| 146 | </div> | ||
| 147 | <div class="fileList_parent1"> | ||
| 148 | <img src="../staticImages/dui.png"> | ||
| 149 | <table width="150px" class="file_list"> | ||
| 150 | <tbody class="fileList1"> | ||
| 151 | </table> | ||
| 152 | </div> | ||
| 153 | </div> | ||
| 102 | 154 | ||
| 155 | <!-- 询问笔录 --> | ||
| 156 | <div class="img_update"> | ||
| 157 | <div class="fileBox"> | ||
| 158 | <div id="fileSpan3" class="vm"> | ||
| 159 | <input type="file" multiple id="fileInput3" /> | ||
| 160 | <div class="file_name"> | ||
| 161 | <i class="layui-icon layui-icon-addition"></i> | ||
| 162 | <p>点击或拖拽文件上传</p> | ||
| 163 | <div class="certificate">询问笔录(1)份</div> | ||
| 164 | <div class="fileListName3"></div> | ||
| 165 | </div> | ||
| 166 | <a class="record">下载模板</a> | ||
| 167 | </div> | ||
| 168 | </div> | ||
| 169 | <div class="fileList_parent3"> | ||
| 170 | <img src="../staticImages/dui.png"> | ||
| 171 | <table width="150px" class="file_list"> | ||
| 172 | <tbody class="fileList3"> | ||
| 173 | </table> | ||
| 174 | </div> | ||
| 175 | </div> | ||
| 176 | </div> | ||
| 177 | <!-- 领证方式 --> | ||
| 178 | <div class="obtaining_license"> | ||
| 179 | <h3>领证方式</h3> | ||
| 180 | <form class="layui-form" action="" lay-filter="example"> | ||
| 181 | <div class="layui-form-item"> | ||
| 182 | <label class="layui-form-label">领证方式</label> | ||
| 183 | <div class="layui-input-block"> | ||
| 184 | <input type="radio" name="type" value="1" lay-filter="beshared" title="现场领证" checked=""> | ||
| 185 | <input type="radio" name="type" value="2" lay-filter="beshared" title="快递到家"> | ||
| 186 | </div> | ||
| 187 | </div> | ||
| 188 | <div class="shipping_method"> | ||
| 189 | <div class="layui-form-item item_inline"> | ||
| 190 | <div class="layui-inline"> | ||
| 191 | <label class="layui-form-label">收件人</label> | ||
| 192 | <div class="layui-input-block"> | ||
| 193 | <input type="text" name="title" lay-verify="title" autocomplete="off" placeholder="请输入收件人" | ||
| 194 | class="layui-input"> | ||
| 195 | </div> | ||
| 196 | </div> | ||
| 197 | <div class="layui-inline"> | ||
| 198 | <label class="layui-form-label">手机号码</label> | ||
| 199 | <div class="layui-input-block"> | ||
| 200 | <input type="tel" maxlength="11" name="title" lay-verify="title" autocomplete="off" | ||
| 201 | placeholder="请输入手机号码" class="layui-input"> | ||
| 202 | </div> | ||
| 203 | </div> | ||
| 204 | </div> | ||
| 205 | <div class="layui-form-item"> | ||
| 206 | <label class="layui-form-label">所在地区</label> | ||
| 207 | <div class="layui-input-block ssq"> | ||
| 208 | <h2>省</h2> | ||
| 209 | <div class="layui-inline layui-select-default" style="margin-right: 10px;"> | ||
| 210 | <select name="province" class="Pselected" data-area="浙江省"" lay-filter="province"> | ||
| 211 | <option value="">选择省</option> | ||
| 212 | </select> | ||
| 213 | </div> | ||
| 214 | <h2>市</h2> | ||
| 215 | <div class="layui-inline selected layui-select-default"> | ||
| 216 | <select name="city" class="Cselected" data-area="杭州市"> | ||
| 217 | <option value="">选择市</option> | ||
| 218 | </select> | ||
| 219 | </div> | ||
| 220 | <h2>区</h2> | ||
| 221 | <div class="layui-inline selected layui-select-default"> | ||
| 222 | <select name="city" class="Cselected" data-area="西湖区" lay-filter="selectCity"> | ||
| 223 | <option value="">选择区</option> | ||
| 224 | </select> | ||
| 225 | </div> | ||
| 226 | </div> | ||
| 227 | </div> | ||
| 228 | <div class="layui-form-item layui-form-text"> | ||
| 229 | <label class="layui-form-label">详细地址</label> | ||
| 230 | <div class="layui-input-block"> | ||
| 231 | <textarea placeholder="请输入详细地址" class="layui-textarea" name="desc"></textarea> | ||
| 232 | </div> | ||
| 233 | </div> | ||
| 103 | <div class="next_button"> | 234 | <div class="next_button"> |
| 235 | <button type="button" lay-submit="" lay-filter="submit1" class="layui-btn layui-btn-normal"> | ||
| 236 | <a> | ||
| 237 | 下一步 | ||
| 238 | </a> | ||
| 239 | </button> | ||
| 240 | </div> | ||
| 241 | </div> | ||
| 242 | <div class="next_button submitButton"> | ||
| 104 | <button type="button" class="layui-btn layui-btn-normal"> | 243 | <button type="button" class="layui-btn layui-btn-normal"> |
| 105 | <a href="./wshs.html"> | 244 | <a href="./wshs.html"> |
| 106 | 下一步 | 245 | 下一步 |
| 107 | </a> | 246 | </a> |
| 108 | </button> | 247 | </button> |
| 109 | </div> | 248 | </div> |
| 249 | </form> | ||
| 250 | </div> | ||
| 110 | </div> | 251 | </div> |
| 111 | </body> | 252 | </body> |
| 112 | <script type="text/javascript" src="../staticJs/common.js"></script> | 253 | <script type="text/javascript" src="../staticJs/common.js"></script> |
| 113 | <script type="text/javascript" src="../staticJs/down.js"></script> | 254 | <script type="text/javascript" src="../staticJs/down.js"></script> |
| 114 | <script type="text/javascript" src="../staticJs/yysq.js"></script> | 255 | <script type="text/javascript" src="../staticJs/yysq.js"></script> |
| 256 | <script type="text/javascript" src="../staticJs/imageUpdate.js"></script> | ||
| 257 | <script type="text/javascript" src="../staticJs/imageUpdate1.js"></script> | ||
| 258 | <script type="text/javascript" src="../staticJs/imageUpdate3.js"></script> | ||
| 259 | <script type="text/javascript" src="../staticJs/city-picker.js"></script> | ||
| 115 | <script type="text/html" id="barDemo"> | 260 | <script type="text/html" id="barDemo"> |
| 116 | <i class="layui-icon layui-icon-reduce-circle" lay-event="edit"></i> | 261 | <i class="layui-icon layui-icon-reduce-circle" lay-event="edit"></i> |
| 117 | </script> | 262 | </script> |
| 118 | 263 | <script id="progress" type="text/html"> | |
| 264 | {{# layui.each(d.progressList, function(index, item){ }} | ||
| 265 | {{# if(item.stepState==2){ }} | ||
| 266 | <li class="item_proress"> | ||
| 267 | <p class="active"></p> | ||
| 268 | <h5>{{item.stepName}}</h5> | ||
| 269 | </li> | ||
| 270 | <li class="layui-progress"> | ||
| 271 | <div class="layui-progress-bar" lay-percent="100%"></div> | ||
| 272 | </li> | ||
| 273 | {{# } }} | ||
| 274 | {{# if(item.stepState==1){ }} | ||
| 275 | <li class="item_proress"> | ||
| 276 | <p class="active"></p> | ||
| 277 | <h5>{{item.stepName}}</h5> | ||
| 278 | </li> | ||
| 279 | {{# if(index!=(d.progressList.length-1)){ }} | ||
| 280 | <li class="layui-progress"> | ||
| 281 | <div class="layui-progress-bar" lay-percent="50%"></div> | ||
| 282 | </li> | ||
| 283 | {{# } }} | ||
| 284 | {{# } }} | ||
| 285 | {{# if(item.stepState==0){ }} | ||
| 286 | <li class="item_proress"> | ||
| 287 | <p></p> | ||
| 288 | <h5>{{item.stepName}}</h5> | ||
| 289 | </li> | ||
| 290 | {{# if(index!=(d.progressList.length-1)){ }} | ||
| 291 | <li class="layui-progress"> | ||
| 292 | <div class="layui-progress-bar" lay-percent="0%"></div> | ||
| 293 | </li> | ||
| 294 | {{# } }} | ||
| 295 | {{# } }} | ||
| 296 | {{# }); }} | ||
| 297 | </script> | ||
| 119 | </html> | 298 | </html> |
| ... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
| 1 | <!DOCTYPE html | 1 | <!DOCTYPE html |
| 2 | PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> | 2 | PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> |
| 3 | <html xmlns="http://www.w3.org/1999/xhtml"> | 3 | <html xmlns="http://www.w3.org/1999/xhtml"> |
| 4 | |||
| 5 | <head> | 4 | <head> |
| 6 | <style> | 5 | <style> |
| 7 | </style> | 6 | </style> |
| ... | @@ -27,42 +26,10 @@ | ... | @@ -27,42 +26,10 @@ |
| 27 | <h2>转移类</h2> | 26 | <h2>转移类</h2> |
| 28 | <p>商品房转移买卖转移登记</p> | 27 | <p>商品房转移买卖转移登记</p> |
| 29 | </div> | 28 | </div> |
| 30 | <ul class="app_progress"> | 29 | <div class="progressBar"> |
| 31 | <li class="selected"> | 30 | <ul class="app_progress" id="app_progress"> |
| 32 | <span>1</span> | ||
| 33 | 信息效验 | ||
| 34 | </li> | ||
| 35 | <div class="line"></div> | ||
| 36 | <li class="selected"> | ||
| 37 | <span>2</span> | ||
| 38 | 填报信息 | ||
| 39 | </li> | ||
| 40 | <div class="line"></div> | ||
| 41 | <li class="active"> | ||
| 42 | <span>3</span> | ||
| 43 | 完税核税 | ||
| 44 | </li> | ||
| 45 | <div class="line"></div> | ||
| 46 | <li> | ||
| 47 | <span>4</span> | ||
| 48 | 身份认证 | ||
| 49 | </li> | ||
| 50 | <div class="line"></div> | ||
| 51 | <li> | ||
| 52 | <span>5</span> | ||
| 53 | 资料审核 | ||
| 54 | </li> | ||
| 55 | <div class="line"></div> | ||
| 56 | <li> | ||
| 57 | <span>6</span> | ||
| 58 | 线上缴费 | ||
| 59 | </li> | ||
| 60 | <div class="line"></div> | ||
| 61 | <li> | ||
| 62 | <span>7</span> | ||
| 63 | 生成电子证书 | ||
| 64 | </li> | ||
| 65 | </ul> | 31 | </ul> |
| 32 | </div> | ||
| 66 | <div class="query_results"> | 33 | <div class="query_results"> |
| 67 | <!-- <div class="no_info"> | 34 | <!-- <div class="no_info"> |
| 68 | <h2>温馨提示:未检测到完税信息!</h2> | 35 | <h2>温馨提示:未检测到完税信息!</h2> |
| ... | @@ -198,5 +165,39 @@ | ... | @@ -198,5 +165,39 @@ |
| 198 | <script type="text/javascript" src="../staticJs/common.js"></script> | 165 | <script type="text/javascript" src="../staticJs/common.js"></script> |
| 199 | <script type="text/javascript" src="../staticJs/down.js"></script> | 166 | <script type="text/javascript" src="../staticJs/down.js"></script> |
| 200 | <script type="text/javascript" src="../staticJs/yyws.js"></script> | 167 | <script type="text/javascript" src="../staticJs/yyws.js"></script> |
| 201 | 168 | <script id="progress" type="text/html"> | |
| 169 | {{# layui.each(d.progressList, function(index, item){ }} | ||
| 170 | {{# if(item.stepState==2){ }} | ||
| 171 | <li class="item_proress"> | ||
| 172 | <p class="active"></p> | ||
| 173 | <h5>{{item.stepName}}</h5> | ||
| 174 | </li> | ||
| 175 | <li class="layui-progress"> | ||
| 176 | <div class="layui-progress-bar" lay-percent="100%"></div> | ||
| 177 | </li> | ||
| 178 | {{# } }} | ||
| 179 | {{# if(item.stepState==1){ }} | ||
| 180 | <li class="item_proress"> | ||
| 181 | <p class="active"></p> | ||
| 182 | <h5>{{item.stepName}}</h5> | ||
| 183 | </li> | ||
| 184 | {{# if(index!=(d.progressList.length-1)){ }} | ||
| 185 | <li class="layui-progress"> | ||
| 186 | <div class="layui-progress-bar" lay-percent="50%"></div> | ||
| 187 | </li> | ||
| 188 | {{# } }} | ||
| 189 | {{# } }} | ||
| 190 | {{# if(item.stepState==0){ }} | ||
| 191 | <li class="item_proress"> | ||
| 192 | <p></p> | ||
| 193 | <h5>{{item.stepName}}</h5> | ||
| 194 | </li> | ||
| 195 | {{# if(index!=(d.progressList.length-1)){ }} | ||
| 196 | <li class="layui-progress"> | ||
| 197 | <div class="layui-progress-bar" lay-percent="0%"></div> | ||
| 198 | </li> | ||
| 199 | {{# } }} | ||
| 200 | {{# } }} | ||
| 201 | {{# }); }} | ||
| 202 | </script> | ||
| 202 | </html> | 203 | </html> |
| ... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
| 1 | <!DOCTYPE html | 1 | <!DOCTYPE html |
| 2 | PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> | 2 | PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> |
| 3 | <html xmlns="http://www.w3.org/1999/xhtml"> | 3 | <html xmlns="http://www.w3.org/1999/xhtml"> |
| 4 | |||
| 5 | <head> | 4 | <head> |
| 6 | <style> | 5 | <style> |
| 7 | </style> | 6 | </style> |
| ... | @@ -23,66 +22,44 @@ | ... | @@ -23,66 +22,44 @@ |
| 23 | <div class="leftandright"> | 22 | <div class="leftandright"> |
| 24 | <div class="left"> | 23 | <div class="left"> |
| 25 | <ul class="leftContainer" id='ulNews'> | 24 | <ul class="leftContainer" id='ulNews'> |
| 26 | |||
| 27 | </ul> | 25 | </ul> |
| 28 | <div id="page"></div> | 26 | <div id="page"></div> |
| 29 | </div> | 27 | </div> |
| 30 | <div class="right"> | 28 | <div class="right"> |
| 31 | <div class="right-top"> | ||
| 32 | <h2>新闻推荐</h2> | ||
| 33 | </div> | ||
| 34 | <div class="right"> | 29 | <div class="right"> |
| 35 | <div class="right-top"> | 30 | <div class="right-top"> |
| 36 | <h2>新闻推荐</h2> | 31 | <h2>新闻推荐</h2> |
| 37 | </div> | 32 | </div> |
| 38 | <ul class="right-body"> | 33 | <ul class="right-body" id="news_recommendation"> |
| 39 | <li class="tj"> | ||
| 40 | <img | ||
| 41 | src="https://dss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1938529415,777611275&fm=26&gp=0.jpg"> | ||
| 42 | <span class="tj-title"> | ||
| 43 | 爬山虎国土空间信息化解决方案 | ||
| 44 | </span> | ||
| 45 | <span class="tj-date"> | ||
| 46 | 2020-12-12 | ||
| 47 | </span> | ||
| 48 | </li> | ||
| 49 | <li class="tj"> | ||
| 50 | <img | ||
| 51 | src="https://dss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1938529415,777611275&fm=26&gp=0.jpg"> | ||
| 52 | <span class="tj-title"> | ||
| 53 | 爬山虎国土空间信息化解决方案 | ||
| 54 | </span> | ||
| 55 | <span class="tj-date"> | ||
| 56 | 2020-12-12 | ||
| 57 | </span> | ||
| 58 | </li> | ||
| 59 | </ul> | 34 | </ul> |
| 60 | <ul class="right-bottom"> | 35 | <ul class="right-bottom"> |
| 61 | <div class="right-bottom-top"> | 36 | <div class="right-bottom-top"> |
| 62 | <span>政策法规推荐</span> | 37 | <span>政策法规推荐</span> |
| 63 | </div> | 38 | </div> |
| 39 | <div id="regulation"> | ||
| 64 | <li class="zcfg"> | 40 | <li class="zcfg"> |
| 65 | <div class="zcfg-top"> | 41 | <div class="zcfg-top"> |
| 66 | <span>爬山虎国土空间规划信息化解决</span> | 42 | 爬山虎国土空间规划信息化解决 |
| 67 | </div> | 43 | </div> |
| 68 | <div class="zcfg-body"> | 44 | <div class="zcfg-body"> |
| 69 | <span>10月21日,农业农村部举行新闻发布会,介绍2020年前三季度农业农村经济形势。</span> | 45 | 10月21日,农业农村部举行新闻发布会,介绍2020年前三季度农业农村经济形势。 |
| 70 | </div> | 46 | </div> |
| 71 | <div class="zcfg-bottom"> | 47 | <div class="zcfg-bottom"> |
| 72 | <span>2020-10-28</span> | 48 | 2020-10-28 |
| 73 | </div> | 49 | </div> |
| 74 | </li> | 50 | </li> |
| 75 | <li class="zcfg"> | 51 | <li class="zcfg"> |
| 76 | <div class="zcfg-top"> | 52 | <div class="zcfg-top"> |
| 77 | <span>爬山虎国土空间规划信息化解决</span> | 53 | 爬山虎国土空间规划信息化解决 |
| 78 | </div> | 54 | </div> |
| 79 | <div class="zcfg-body"> | 55 | <div class="zcfg-body"> |
| 80 | <span>10月21日,农业农村部举行新闻发布会,介绍2020年前三季度农业农村经济形势。</span> | 56 | 10月21日,农业农村部举行新闻发布会,介绍2020年前三季度农业农村经济形势 |
| 81 | </div> | 57 | </div> |
| 82 | <div class="zcfg-bottom"> | 58 | <div class="zcfg-bottom"> |
| 83 | <span>2020-10-28</span> | 59 | 2020-10-28 |
| 84 | </div> | 60 | </div> |
| 85 | </li> | 61 | </li> |
| 62 | </div> | ||
| 86 | </ul> | 63 | </ul> |
| 87 | </div> | 64 | </div> |
| 88 | </div> | 65 | </div> |
| ... | @@ -94,13 +71,17 @@ | ... | @@ -94,13 +71,17 @@ |
| 94 | <script id="demo" type="text/html"> | 71 | <script id="demo" type="text/html"> |
| 95 | {{# layui.each(d.list, function(index, item){ }} | 72 | {{# layui.each(d.list, function(index, item){ }} |
| 96 | <li> | 73 | <li> |
| 97 | <a class="left-top" title=" {{ item.headline }}" href="./xwxq.html" target="_blank"> | 74 | <a class="left-top" title=" {{ item.headline }}" href='./xwxq.html?id={{item.id}}' target="_blank"> |
| 98 | {{ item.headline }} | 75 | {{ item.headline }} |
| 99 | </a> | 76 | </a> |
| 100 | <a class="xw" href="./news/xwxq.html" target="_blank"> | 77 | <a class="xw" href='./xwxq.html?id="{{item.id}}"' target="_blank"> |
| 101 | <div class="xw-left"> | 78 | <div class="xw-left"> |
| 102 | <img | 79 | {{# if(item.cover == null){ }} |
| 103 | src="{{ item.cover }}"> | 80 | <img src="../staticImages/news_demo.jpg"> |
| 81 | {{# } }} | ||
| 82 | {{# if(item.cover != null){ }} | ||
| 83 | <img src="{{ item.cover }}"> | ||
| 84 | {{# } }} | ||
| 104 | </div> | 85 | </div> |
| 105 | <div class="xw-right"> | 86 | <div class="xw-right"> |
| 106 | <div class="left-body"> | 87 | <div class="left-body"> | ... | ... |
| 1 | <!DOCTYPE html | 1 | <!DOCTYPE html |
| 2 | PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> | 2 | PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> |
| 3 | <html xmlns="http://www.w3.org/1999/xhtml"> | 3 | <html xmlns="http://www.w3.org/1999/xhtml"> |
| 4 | |||
| 5 | <head> | 4 | <head> |
| 6 | <style> | 5 | <style> |
| 7 | </style> | 6 | </style> |
| 8 | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | 7 | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> |
| 9 | <title>新闻详情</title> | 8 | <title>新闻详情</title> |
| 10 | <script type="text/javascript" src="../../staticJs/head.js"></script> | 9 | <script type="text/javascript" src="../staticJs/head.js"></script> |
| 11 | <link rel="stylesheet" type="text/css" href="../../staticCss/xwxq.css"> | 10 | <link rel="stylesheet" type="text/css" href="../staticCss/xwxq.css"> |
| 12 | </head> | 11 | </head> |
| 13 | |||
| 14 | <body> | 12 | <body> |
| 15 | <div> | 13 | <div> |
| 16 | <div class="main"> | 14 | <div class="main"> |
| 17 | <div class="navigation_crumbs"> | 15 | <div class="navigation_crumbs"> |
| 18 | <div class="contentBox"> | 16 | <div class="contentBox"> |
| 19 | <span class="layui-breadcrumb"> | 17 | <span class="layui-breadcrumb"> |
| 20 | <a href="../../index.html">首页</a> | 18 | <a href="../index.html">首页</a> |
| 21 | <a href="../xwdt.html">新闻动态</a> | 19 | <a href="./xwdt.html">新闻动态</a> |
| 22 | <a><cite>新闻详情</cite></a> | 20 | <a><cite>新闻详情</cite></a> |
| 23 | </span> | 21 | </span> |
| 24 | </div> | 22 | </div> |
| ... | @@ -26,9 +24,7 @@ | ... | @@ -26,9 +24,7 @@ |
| 26 | <div class="mainbody"> | 24 | <div class="mainbody"> |
| 27 | <div class="left"> | 25 | <div class="left"> |
| 28 | <div class="title"> | 26 | <div class="title"> |
| 29 | <div> | 27 | <div class="newsTitle"></div> |
| 30 | <span>党的十八大以来双拥工作综述:为实现中国梦强军梦凝聚强大力量</span> | ||
| 31 | </div> | ||
| 32 | </div> | 28 | </div> |
| 33 | <div class="left2"> | 29 | <div class="left2"> |
| 34 | <div class="left-left"> | 30 | <div class="left-left"> |
| ... | @@ -86,20 +82,7 @@ | ... | @@ -86,20 +82,7 @@ |
| 86 | </div> | 82 | </div> |
| 87 | </div> | 83 | </div> |
| 88 | <div class="left-right"> | 84 | <div class="left-right"> |
| 89 | <div class="body"> | 85 | <div class="body" id="newsList"></div> |
| 90 | 近日,自然资源部印发《自然资源统计工作管理办法》,旨在规范自然资源统计管理工作,建立健全统计数据质量控制体系,提高自然资源统计数据的真实性,发挥统计在自然资源管理中的重要基础性作用,该办法将于2020年8月1日起施行。 | ||
| 91 | 《自然资源统计工作管理办法》 一、明确自然资源统计主要任务 | ||
| 92 | 对7大类自然资源对象(土地、矿产、森林、草原、湿地、水、海域海岛),以及其他统计对象(海洋经济、地质勘查、地质灾害、测绘地理信息、自然资源督察、行政管理)开展统计调查和统计分析,提供统计数据,实施统计监督。 | ||
| 93 | 二、明晰自然资源统计数据获取方式 | ||
| 94 | 自然资源统计数据获取方式主要有:资源调查、行政记录、联网直报、逐级上报。并定期公布统计数据,在政策制定、规划编制、监督考核时,需要使用数据的,以公布的统计数据为准。 | ||
| 95 | 三、健全自然资源统计数据的质控体系 | ||
| 96 | 加强源头控制,填报人对其填报、录入的原始数据的真实性、准确性负责。严格审核,各单位对其负责加工整理、汇总生成的数据进行严格审核,对数据质量负责;发现数据异常的,应当返回填报人核实修改。审核结果和修改情况记录留痕。 完善统计流程,建立健全数据审核、签署、交接、归档等管理制度,建立违规干预统计工作记录制度和统计信用制度。加强技术校核,充分利用各种技术手段对数据进行校核,开展逻辑检验、数据抽查、实地核查,综合评估、控制和提升数据质量。 | ||
| 97 | 四、加强自然资源统计信息化建设 | ||
| 98 | 加强自然资源统计信息化建设,实现统计数据全流程信息化生产和管理。建立健全统一的自然资源统计数据平台,推进统计数据平台与业务信息系统的互联互通、数据交互共享。完善统计网络直报系统。 | ||
| 99 | 五、更新制度和办法保证统计工作推进 | ||
| 100 | 在2019年07月,自然资源部办公厅已经颁发了《关于印发自然资源统计调查制度的通知》,制定“1+8”的“综合+专业”统计调查制度体系。《自然资源统计工作管理办法》出台将会进一步支持各项自然资源统计调查执行工作。办法自2020年8月1日起施行,原国土资源部公布的《国土资源统计工作管理办法》、原国家海洋局公布的《国家海洋局综合统计暂行规定》、原国家测绘地理信息局公布的《测绘统计管理办法》同时废止。 | ||
| 101 | 《办法》中明确指出,自然资源部统计归口管理机构组织开展全国自然资源综合统计工作,推进信息化建设,信息化的建设离不开对数据的运筹帷幄。北京数慧结合自身多年对数据处理的“精湛工艺”,对自然资源业务的深度理解和丰富经验,开发自然资源统计业务信息系统,设计建立部自然资源统计数据库,实现历史统计数据的迁移、分析、转换,完成历史统计数据融合与应用,为自然资源部本级统计工作提供适应当前统计业务管理的统一工作平台,有效支撑统计数据报送审核、整合汇总、数据管理、报表生成、统计报告编制、数据综合分析、数据展示和空间分析、信息服务等全流程运转模式,实现统计信息审核机制,提升自然资源统计的数据业务管理能力、综合分析能力和决策支撑能力。 | ||
| 102 | </div> | ||
| 103 | <div class="Mycomment"> | 86 | <div class="Mycomment"> |
| 104 | <div class="commentTitle"><span>评论</span></div> | 87 | <div class="commentTitle"><span>评论</span></div> |
| 105 | <div class="comment-bottom"> | 88 | <div class="comment-bottom"> |
| ... | @@ -275,8 +258,7 @@ | ... | @@ -275,8 +258,7 @@ |
| 275 | </div> | 258 | </div> |
| 276 | </div> | 259 | </div> |
| 277 | </body> | 260 | </body> |
| 278 | <script type="text/javascript" src="../../staticJs/common.js"></script> | 261 | <script type="text/javascript" src="../staticJs/common.js"></script> |
| 279 | <script type="text/javascript" src="../../staticJs/down.js"></script> | 262 | <script type="text/javascript" src="../staticJs/down.js"></script> |
| 280 | <script type="text/javascript" src="../../staticJs/xwxq.js"></script> | 263 | <script type="text/javascript" src="../staticJs/xwxq.js"></script> |
| 281 | |||
| 282 | </html> | 264 | </html> |
| ... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
| 1 | <!DOCTYPE html | 1 | <!DOCTYPE html |
| 2 | PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> | 2 | PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> |
| 3 | <html xmlns="http://www.w3.org/1999/xhtml"> | 3 | <html xmlns="http://www.w3.org/1999/xhtml"> |
| 4 | |||
| 5 | <head> | 4 | <head> |
| 6 | <style> | 5 | <style> |
| 7 | </style> | 6 | </style> |
| ... | @@ -236,5 +235,4 @@ | ... | @@ -236,5 +235,4 @@ |
| 236 | {{# } }} | 235 | {{# } }} |
| 237 | {{# }); }} | 236 | {{# }); }} |
| 238 | </script> | 237 | </script> |
| 239 | |||
| 240 | </html> | 238 | </html> |
| ... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
-
Please register or sign in to post a comment