style:业务列表
Showing
3 changed files
with
37 additions
and
11 deletions
| ... | @@ -220,20 +220,20 @@ | ... | @@ -220,20 +220,20 @@ |
| 220 | </li> | 220 | </li> |
| 221 | </ul> | 221 | </ul> |
| 222 | <div class="business-list-rightItem"> | 222 | <div class="business-list-rightItem"> |
| 223 | <ul> | 223 | <ul class="business-search"> |
| 224 | <li> | 224 | <li url-id="archives"> |
| 225 | <img src="/staticImages/idanganchaxun.png" /> | 225 | <img src="/staticImages/idanganchaxun.png" /> |
| 226 | 档案查询 | 226 | 档案查询 |
| 227 | </li> | 227 | </li> |
| 228 | <li> | 228 | <li url-id="progress"> |
| 229 | <img src="/staticImages/jinduchaxun.png" /> | 229 | <img src="/staticImages/jinduchaxun.png" /> |
| 230 | 进度查询 | 230 | 进度查询 |
| 231 | </li> | 231 | </li> |
| 232 | <li> | 232 | <li url-id="appointment"> |
| 233 | <img src="/staticImages/zaixianyuyue.png" /> | 233 | <img src="/staticImages/zaixianyuyue.png" /> |
| 234 | 在线预约 | 234 | 在线预约 |
| 235 | </li> | 235 | </li> |
| 236 | <li> | 236 | <li url-id="certificate"> |
| 237 | <img src="/staticImages/zhenghuheyan.png" /> | 237 | <img src="/staticImages/zhenghuheyan.png" /> |
| 238 | 证书核验 | 238 | 证书核验 |
| 239 | </li> | 239 | </li> | ... | ... |
| ... | @@ -452,6 +452,9 @@ div.c_five ul li a img { | ... | @@ -452,6 +452,9 @@ div.c_five ul li a img { |
| 452 | .news-title .hot-focus { | 452 | .news-title .hot-focus { |
| 453 | margin-right: 100px; | 453 | margin-right: 100px; |
| 454 | } | 454 | } |
| 455 | .news-module-box .item-list li:hover a{ | ||
| 456 | color: #0091FF; | ||
| 457 | } | ||
| 455 | /* 选中样式 */ | 458 | /* 选中样式 */ |
| 456 | .news-active { | 459 | .news-active { |
| 457 | font-size: 24px!important; | 460 | font-size: 24px!important; |
| ... | @@ -717,6 +720,7 @@ div.c_five ul li a img { | ... | @@ -717,6 +720,7 @@ div.c_five ul li a img { |
| 717 | box-sizing: border-box; | 720 | box-sizing: border-box; |
| 718 | padding-top: 46px; | 721 | padding-top: 46px; |
| 719 | position: relative; | 722 | position: relative; |
| 723 | cursor: pointer; | ||
| 720 | } | 724 | } |
| 721 | .business-list-rightItem ul:nth-of-type(1) li::after { | 725 | .business-list-rightItem ul:nth-of-type(1) li::after { |
| 722 | content: ''; | 726 | content: ''; | ... | ... |
| ... | @@ -37,7 +37,7 @@ $(function () { | ... | @@ -37,7 +37,7 @@ $(function () { |
| 37 | function initData() { | 37 | function initData() { |
| 38 | // 在这里处理置顶的头部 | 38 | // 在这里处理置顶的头部 |
| 39 | let topTitle = $('.top-title').html(); | 39 | let topTitle = $('.top-title').html(); |
| 40 | if(strLength(topTitle)>7) { | 40 | if (strLength(topTitle) > 7) { |
| 41 | let html = topTitle.slice(0, 7) + '<br/>' + topTitle.slice(7); | 41 | let html = topTitle.slice(0, 7) + '<br/>' + topTitle.slice(7); |
| 42 | $('.top-title').html(html) | 42 | $('.top-title').html(html) |
| 43 | } | 43 | } |
| ... | @@ -52,29 +52,51 @@ function initData() { | ... | @@ -52,29 +52,51 @@ function initData() { |
| 52 | } | 52 | } |
| 53 | }) | 53 | }) |
| 54 | // 新闻头部切换 | 54 | // 新闻头部切换 |
| 55 | $('.news-title .item-title').click (function() { | 55 | $('.news-title .item-title').click(function () { |
| 56 | $('.news-title .item-title').removeClass('news-active'); | 56 | $('.news-title .item-title').removeClass('news-active'); |
| 57 | $(this).addClass('news-active'); | 57 | $(this).addClass('news-active'); |
| 58 | let indexId = $(this).attr('data-id'); | 58 | let indexId = $(this).attr('data-id'); |
| 59 | $('.item-list').hide(); | 59 | $('.item-list').hide(); |
| 60 | if (indexId =='1') { | 60 | if (indexId == '1') { |
| 61 | $('.hotspot-list').show(); | 61 | $('.hotspot-list').show(); |
| 62 | }else { | 62 | } else { |
| 63 | $('.news-information-list').show(); | 63 | $('.news-information-list').show(); |
| 64 | } | 64 | } |
| 65 | }) | 65 | }) |
| 66 | // 便民服务 | 66 | // 便民服务 |
| 67 | $(".convenient-service-list li").mouseover(function() { | 67 | $(".convenient-service-list li").mouseover(function () { |
| 68 | $(this).find('img').attr('src', $(this).find('img').attr('url')); | 68 | $(this).find('img').attr('src', $(this).find('img').attr('url')); |
| 69 | }) | 69 | }) |
| 70 | $(".convenient-service-list li").mouseout(function() { | 70 | $(".convenient-service-list li").mouseout(function () { |
| 71 | $(this).find('img').attr('src', $(this).find('img').attr('pre')); | 71 | $(this).find('img').attr('src', $(this).find('img').attr('pre')); |
| 72 | }) | 72 | }) |
| 73 | if (getItem('myCookie') && getItem('myCookie').username) { | 73 | if (getItem('myCookie') && getItem('myCookie').username) { |
| 74 | $('.login-list a').hide(); | 74 | $('.login-list a').hide(); |
| 75 | $('.login-list-subtitle').show(); | 75 | $('.login-list-subtitle').show(); |
| 76 | } | 76 | } |
| 77 | // 业务列表进行跳转 | ||
| 78 | $('.business-list-rightItem .business-search li').click(function () { | ||
| 79 | let urlId = $(this).attr('url-id'); | ||
| 80 | if(urlId == 'appointment') { | ||
| 81 | if (isLogin()) { | ||
| 82 | window.open(getSearchUrl(urlId), '_self') | ||
| 83 | } | ||
| 84 | }else { | ||
| 85 | window.open(getSearchUrl(urlId), '_self') | ||
| 86 | } | ||
| 87 | }) | ||
| 77 | } | 88 | } |
| 89 | function getSearchUrl(level) { | ||
| 90 | const resultMap = { | ||
| 91 | archives: '/staticViews/convenienceService/fileQuery.html', | ||
| 92 | progress: '/staticViews/convenienceService/progressInquiry.html', | ||
| 93 | appointment : '/staticViews/yyxz.html', | ||
| 94 | certificate: '/staticViews/convenienceService/certificateVerification.html', | ||
| 95 | default: 'gologin', | ||
| 96 | } | ||
| 97 | return resultMap[level] || resultMap.default; | ||
| 98 | } | ||
| 99 | |||
| 78 | // 获取汉字长度 | 100 | // 获取汉字长度 |
| 79 | function strLength(str) { | 101 | function strLength(str) { |
| 80 | ///<summary>获得字符串实际长度,中文2,英文1</summary> | 102 | ///<summary>获得字符串实际长度,中文2,英文1</summary> | ... | ... |
-
Please register or sign in to post a comment