c327a35b by 任超

style:业务列表

1 parent 2070623f
...@@ -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 })
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;
77 } 98 }
99
78 // 获取汉字长度 100 // 获取汉字长度
79 function strLength(str) { 101 function strLength(str) {
80 ///<summary>获得字符串实际长度,中文2,英文1</summary> 102 ///<summary>获得字符串实际长度,中文2,英文1</summary>
......