中国工商银行中国网站

<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html;charset=utf-8"> <link rel="stylesheet" type="text/css" href="/ICBC/Style/icbc.css"> <link href="/ICBC/Module/res/common2.css" rel="stylesheet" type="text/css"> <title>中国工商银行中国网站</title>  <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"> <meta name="ICBCChannel" content="ICBC"> <meta name="ICBCPostingDate" content="2025-03-17"> <meta name="ICBCPostingTitle" content="中国工商银行中国网站"> <meta name="ChannelPath" content="/ICBC"> <meta name="SearchModule" content="0"> <meta name="ICBCAuthor" content=""> <meta name="Keywords" content="网上基金、网上股票、网上贵金属、网上黄金、网上理财、网上保险、网上外汇、网上期货、网上债券、专家述评、财经动态、电子银行、网上银行、电话银行、手机银行、网上缴费、网上捐款、个人金融、银行卡、公司业务、机构业务、资产托管、企业年金、投资银行、资产处置、网上商城、工行学苑、原创舞台、E动天地、金融咨询、焦点关注、网上论坛、工行风貌、工行快讯、媒体看工行、金融信息、重要公告、优惠活动、客户服务、金融超市"> <meta name="Description" content="工商银行金融服务全面介绍，投资理财信息丰富全面，在线交易方便快捷，满足客户专业化、多元化、人性化的金融服务需求，打造集业务、信息、交易、购物、互动于一体综合性金融服务平台。"> <meta name="ChannelType" id="ChannelType" content="0"> <meta name="CurrentColumn" content="1438058313303867398"> <meta name="CurrentColumnPath" content="/ICBC"> <meta name="CurrentPageId" content="721852362712186922"> <meta name="CurrentPageUrl" content=""> <meta name="CurrentPageName" content="default"> <meta name="TemplateId" content="623882618000932864"> <meta name="ogurl" property="og:url" content=""> <meta name="ogtype" property="og:type" content="website"> <script> var ICBC_IEPA_ZONES = []; //Portal_Resources/Common/zones.js var headPageFilterFlag = "0"; </script> <script type="text/javascript" src="/Portal_Resources/js/util/polyfill.js"></script> <script type="text/javascript" src="/Portal_Resources/js/util/utils.js"></script> <script type="text/javascript" src="/resource/js/icbc_public.js"></script> <script type="text/javascript" src="/resource/lib/jquery/jquery-3.6.0.min.js"></script> <script src="/Portal_Resources/Common/config.js?v=1" type="text/javascript"></script> <script type="text/javascript" src="/oaasresource/js/gray.js"></script> <script> $.ajaxSetup({ xhrFields: { withCredentials: true }, //crossDomain:true, }); if(isAddPapiGrayTag){ $.ajaxPrefilter(function(options){ if(options.url.indexOf('papi') > -1){ options.headers = { 'X-Tag-Papi':'gray' } } }); }; </script> <script> document.addEventListener('click', function (event) { if (event.target.className.indexOf('open-url-on-click') > -1) { event.preventDefault() if (event.target.getAttribute('openurl')) { if (event.target.getAttribute('openurlopenmode') === 'now') { window.location.href = event.target.getAttribute('openurl') } else { window.open(event.target.getAttribute('openurl')) } } } }) </script> <script type="text/javascript" src="/resource/js/userIdentity.js"></script> <script type="text/javascript" src="/resource/js/icbchit.js"></script> <script> document.querySelector("[name=ogurl]").content="http://"+location.hostname + "/page/721852362712186922.html"; document.querySelector("[name=CurrentPageUrl]").content="http://"+location.hostname + "/page/721852362712186922.html"; </script> <script type="text/javascript" src="/resource/lib/jquery/jquery-migrate.min.js"></script> <script type="text/javascript" src="/resource/lib/dayjs/dayjs.min.js"></script> <link rel="stylesheet" type="text/css" href="/icbc/Module/res/css/Loading.css"> <script src="/resource/js/icbccommon.js" type="text/javascript"></script> <link rel="stylesheet" type="text/css" href="/icbc/Style/Inject.css"> <script src="/Portal_Resources/Common/AdRes/jquery.easing.1.3.js"></script> <script src="/Portal_Resources/Common/AdRes/jquery.timers-1.1.2.js"></script> <script src="/Portal_Resources/Common/AdRes/jquery_cycle2_min.js"></script> <script type="text/javascript" src="/ICBC_ADJS/ICBCActiveMaintainList.js"></script> <script type="text/javascript" src="/Portal_Resources/Common/ICBCADByZoneUtil.js"></script> <link rel="stylesheet" type="text/css" href="/Portal_Resources/css/page/main.css"> </head> <body style="margin-top: 0pt; BACKGROUND-COLOR: #ffffff;"> <link href="//v.icbc.com.cn/userfiles/Resources/ICBC/shouye/images/2017/exchange.css" rel="stylesheet" type="text/css"> <script src="/ICBC/html/main/js_new/index.js" type="text/javascript"></script> <script src="/Portal_Resources/RefreshFunctionStatic/js/refreshExchangeData.js" type="text/javascript"></script> <script> var locname = window.location.host; if (locname == "www.icbcasia.com") { window.location.replace("//www.icbcasia.com"); } </script> <style type="text/css"> .action_M_main table {display: block; height: 40px; } .style10 { font-size:16px; color:#0d131a; text-decoration:none; } A.style10:link { COLOR: #0d131a; text-decoration:none; } A.style10:active { COLOR: #0d131a; text-decoration:none; } A.style10:visited { COLOR: #0d131a; text-decoration:none; } A.style10:hover { COLOR: #d00f1b; text-decoration:none; } .style11 { font-size:14px; color:#0d131a; text-decoration:none; } A.style11:link { COLOR: #0d131a; text-decoration:none; } A.style11:active { COLOR: #0d131a; text-decoration:none; } A.style11:visited { COLOR: #0d131a; text-decoration:none; } A.style11:hover { COLOR: #d00f1b; text-decoration:none; } .chanpin{ color: #0d131a; text-decoration: none; } .chanpin:hover { color:#d00f1b; text-decoration: none; cursor:pointer; } .l1 .tzlc_title1 i{ left:0px; } #floating{ position: absolute; width: 100%; height: 580px; top: 0px; z-index: 1000; display: none; left: 0px; overflow: hidden; } #floating .imgBox{ width: 100%; text-align: center; } #floating .imgBox img{ margin-left: -100px; } #floating .closeBox{ cursor: pointer; position: absolute; top: 548px; width:100px; background: #FFF; background-color:rgba(255,255,255,255); padding:5px; border:solid 1px #d3d3d3; border-radius: 4px; text-align:center; } #floating .closeBox p{ font-size: 16px; line-height:18px; color:#000; color:rgba(0,0,0,0.8); } #floating .closeBox p span#timer{ font-size:16px; } .span:hover{ color:#d00f1b; } </style>  <script type="text/javascript"> var w=1; // w=页面启动后，等待浮层广告弹出的秒数 var c=7; // c-1=浮层广告出现后，倒计时自动关闭的秒数 var t; t=setTimeout("playFloating()", w*1000); function playFloating(){ justifyFloatingImg(); document.getElementById("floating").style.display="block"; autoTimer(); } function colseFloating(){ document.getElementById("floating").style.display="none"; } function autoTimer(){ c=c-1; document.getElementById("timer").innerHTML=c; if(c>0){ setTimeout("autoTimer()", 1000); } else{ colseFloating(); } } function justifyFloatingImg(){ var bw; if (window.innerWidth){ bw = window.innerWidth; } else if(document.body){ bw = document.body.clientWidth; } else{ bw=1900; } var fi = document.getElementById("floatingImg"); if(bw>=1900){ fi.style.marginLeft = "auto"; } else if(bw>=1000 && bw<1900){ var fiml=(bw-1900)/2; fi.style.marginLeft = fiml+"px"; } else{ fi.style.marginLeft = "-220px"; } var closeBtn = document.getElementById("closeBox"); closeBtn.style.right=(bw-1000)/2+"px"; } </script> <style type="text/css"> #floating{ position: absolute; width: 100%; height: 580px; top: 0px; z-index: 900; display: none; left: 0px; overflow: hidden; } #floating .imgBox{ width: 100%; text-align: center; } #floating .imgBox img{ margin-left: -100px; } #floating .closeBox{ cursor: pointer; position: absolute; top: 530px; width:140px; background: #FFF; background-color:rgba(255,255,255,0.8); padding:5px; border:solid 2px #d3d3d3; border-radius: 4px; text-align:center; } #floating .closeBox p{ font-size: 24px; line-height:34px; color:#000; color:rgba(0,0,0,0.8); } #floating .closeBox p span#timer{ font-size:18px; } </style>     <div data-collecting-aname="顶部导航栏"> <div id="webpartdivID728ed5bb-9a4a-a2ab-e713-30d0661f2e61" class="webpartdiv"> <script language="javascript" type="text/javascript"> $.ajax({ url: '/channelattr/1438058319784067113_headconfig.html', type: 'get', cache: true, async: false, success: function (html) { if(window.appConfig.enableBakHost){ html = bakHostReplace(html); } $('#webpartdivID728ed5bb-9a4a-a2ab-e713-30d0661f2e61').append(html); } }); </script> </div> </div>  <div class="nav"> <link rel="stylesheet" type="text/css" href="/Portal_Resources/IcbcHome/css/common-icbc.css"> <script type="text/javascript" src="/Portal_Resources/IcbcHome/js/ajaxHome.js"></script> <style type="text/css"> .navigation-up-icbc .navigation-v3-icbc li span { top: 18px; } .navigation-up-icbc .navigation-v3-icbc li h2 a { padding-top: 0px; } .navigation-down-icbc { top: 45px; } .navigation-up-icbc .navigation-v3-icbc li { height: 44px; } </style><div class="nav-icbc" style="width:100%;height:45px;"> <div class="w-center-icbc"> <div id="navBox-icbc" style="z-index:99;width:1000px;"> <div class="head-v3-icbc"> <div class="navigation-up-icbc" style="height:45px;"> <div class="navigation-inner-icbc"> <div class="navigation-v3-icbc"> <ul> <li id="账户服务1438058319784067133" style="width:14.171%;"> <span></span><h2><a>账户服务</a></h2> </li> <li id="存款与贷款1438058319784067075" style="width:14.171%;"> <span></span><h2><a>存款与贷款</a></h2> </li> <li id="信用卡1438058319784067141" style="width:14.171%;"> <span></span><h2><a>信用卡</a></h2> </li> <li id="网上汇市1438058319784067108" style="width:14.171%;"> <span></span><h2><a>外汇业务</a></h2> </li> <li id="投资理财1438058319784067162" style="width:14.171%;"> <span></span><h2><a>投资理财</a></h2> </li> <li id="私人银行1438058319784067148" style="width:14.171%;"> <span></span><h2><a>私人银行</a></h2> </li> <li id="金融市场1438058319784067139" style="width:14.171%;"> <span></span><h2><a>金融市场</a></h2> <span style="right:0"></span> </li> </ul> </div> </div> </div> <div class="navigation-down-icbc"> <div data-collecting-aname="菜单栏-账户服务" id="zh" class="nav-down-menu-icbc menu-1" style="display:none;" _t_nav="zh"> <div class="navigation-down-inner-icbc"> <div class="down-inner-main-icbc"> <div class="down-main-sh-icbc"> <div class="down-main-img-icbc r"> <div class="xian"></div> <div class="main-img r"><a href="/column/781925352473141249.html" target="_blank"><img src="//v.icbc.com.cn/userfiles/resources/icbc/cannuity/ppension.jpg" width="180" height="265"></a></div> </div> <table class="ke-zeroborder" width="744"> <tbody> <tr> <th> <h1></h1> </th> <th colspan="2"> <h1>业务办理</h1> </th> <th colspan="2"> <h1>指南·推荐</h1> </th> </tr> <tr style="height:6px;"></tr> <tr> <td class="first_td" style="height:45px;"><a href="/column/1438058319784067104.html" target="_blank" class="data-collecting-sign" data-collecting-wname="点击银行卡"><span><span style="display:none;"> </span></span> <p>银行卡</p> </a></td> <td style="height:45px;"><a href="https://mybank.icbc.com.cn/icbc/newperbank/perbank3/frame/frame_index.jsp?serviceId=PBL200721" target="_blank" class="data-collecting-sign" data-collecting-wname="点击借记卡申请"> <p>借记卡申请</p> </a></td> <td style="height:45px;"><a href="https://mybank.icbc.com.cn/icbc/newperbank/perbank3/frame/frame_index.jsp?serviceId=PBL200712" target="_blank" class="data-collecting-sign" data-collecting-wname="点击余额查询"> <p>余额查询</p> </a></td> <td class="td_4" style="height:45px;"><a href="/page/721854742199566372.html" target="_blank" class="data-collecting-sign" data-collecting-wname="点击宝贝成长卡"> <p>宝贝成长卡</p> </a></td> <td style="height:45px;"><a href="/page/721853675948769291.html" target="_blank" class="data-collecting-sign" data-collecting-wname="点击工银灵通账户卡"> <p>工银灵通账户卡</p> </a></td> </tr> <tr> <td class="first_td" style="height:44px;"><a href="/column/1438058386850988086.html" target="_blank" class="data-collecting-sign" data-collecting-wname="点击账户管理"><span><span style="display:none;"> </span></span> <p>账户管理</p> </a></td> <td style="height:44px;"><a href="https://mybank.icbc.com.cn/icbc/newperbank/perbank3/frame/frame_index.jsp?serviceId=PBL100410" target="_blank" class="data-collecting-sign" data-collecting-wname="点击账户申请"> <p>账户申请</p> </a></td> <td style="height:44px;"><a href="https://mybank.icbc.com.cn/icbc/newperbank/perbank3/frame/frame_index.jsp?serviceId=PBL200773" target="_blank" class="data-collecting-sign" data-collecting-wname="点击自助挂失"> <p>自助挂失</p> </a></td> <td class="td_4" style="height:44px;"><a href="/column/1438058386850988191.html" target="_blank" class="data-collecting-sign" data-collecting-wname="点击工银信使"> <p>工银信使</p> </a></td> <td style="height:44px;"><a href="/column/1438058386850988184.html" target="_blank" class="data-collecting-sign" data-collecting-wname="点击自助挂失"> <p>自助挂失</p> </a></td> </tr> <tr> <td class="first_td" style="height:44px;"><a href="/column/1438058384883859846.html" target="_blank" class="data-collecting-sign" data-collecting-wname="点击汇款服务"><span><span style="display:none;"> </span></span> <p>汇款服务</p> </a></td> <td style="height:44px;"><a href="https://mybank.icbc.com.cn/icbc/newperbank/perbank3/frame/frame_index.jsp?serviceId=PBL200811" target="_blank" class="data-collecting-sign" data-collecting-wname="点击境内汇款"> <p>境内汇款</p> </a></td> <td style="height:44px;"><a href="https://mybank.icbc.com.cn/icbc/newperbank/perbank3/frame/frame_index.jsp?serviceId=PBL200812" target="_blank" class="data-collecting-sign" data-collecting-wname="点击注册账户转"> <p>注册账户转账</p> </a></td> <td class="td_4" style="height:44px;"><a href="/column/1438058384883859794.html" target="_blank" class="data-collecting-sign" data-collecting-wname="点击手机号汇款"> <p>手机号汇款</p> </a></td> <td style="height:44px;"><a href="/column/1438058386850988242.html" target="_blank" class="data-collecting-sign" data-collecting-wname="点击跨境汇款"> <p>跨境汇款</p> </a></td> </tr> <tr> <td class="first_td" style="height:44px;"><a href="/column/1438058474352558103.html" target="_blank" class="data-collecting-sign" data-collecting-wname="点击支付缴费"><span><span style="display:none;"> </span></span> <p>支付缴费</p> </a></td> <td style="height:44px;"><a href="https://mybank.icbc.com.cn/icbc/newperbank/onlinePayment/forwardToPayment.jsp" target="_blank" class="data-collecting-sign" data-collecting-wname="点击e缴费"> <p>e缴费</p> </a></td> <td style="height:44px;"><a href="https://mybank.icbc.com.cn/icbc/newperbank/perbank3/frame/frame_index.jsp?serviceId=PBL201611" target="_blank" class="data-collecting-sign" data-collecting-wname="点击委托代扣"> <p>委托代扣</p> </a></td> <td class="td_4" style="height:44px;"><a href="/column/1438058386850988044.html" target="_blank" class="data-collecting-sign" data-collecting-wname="点击工银e支付"> <p>工银e支付</p> </a></td> <td style="height:44px;"><a href="/column/1438058384883859666.html" target="_blank" class="data-collecting-sign" data-collecting-wname="点击代缴学费"> <p>代缴学费</p> </a></td> </tr> <tr> <td class="first_td" style="height:44px;"><a href="/column/1438058319784067104.html" target="_blank" class="data-collecting-sign" data-collecting-wname="点击贵宾服务"><span><span style="display:none;"> </span></span> <p>贵宾服务</p> </a></td> <td style="height:44px;"> <p></p> </td> <td style="height:44px;"> <p></p> </td> <td class="td_4" style="height:44px;"><a href="/column/1438058326864052291.html" target="_blank" class="data-collecting-sign" data-collecting-wname="点击工银财富"> <p>工银财富</p> </a></td> <td style="height:44px;"><a href="/column/1438058341623808127.html" target="_blank" class="data-collecting-sign" data-collecting-wname="点击理财金账户"> <p>理财金账户</p> </a></td> </tr> <tr> <td class="first_td" style="height:44px;"><a href="/page/781258448292544512.html" target="_blank" class="data-collecting-sign" data-collecting-wname="点击个人养老金"><span><span style="display:none;"> </span></span> <p>个人养老金</p> </a></td> <td style="height:44px;"><p></p> </td> <td style="height:44px;"><p></p> </td> <td class="td_4" style="height:44px;"><a href="/page/781258448292544512.html" target="_blank" class="data-collecting-sign" data-collecting-wname="点击服务简介"> <p>服务简介</p> </a></td> <td style="height:44px;"><a href="/column/781925352473141249.html" target="_blank" class="data-collecting-sign" data-collecting-wname="点击图解个人养老金"> <p>图解个人养老金</p> </a></td> </tr> </tbody> </table> </div> <div class="down-main-di-icbc"> <ul> <li><span class="wenJY"><span style="display:none;"> </span></span><a href="/ICBC/html/download/wyfwxy/wsyh_jygz.htm" target="_blank" class="data-collecting-sign" data-collecting-wname="点击交易规则"> <p>交易规则</p> </a></li> <li><span class="wenXX"><span style="display:none;"> </span></span><a href="/page/721854339110174749.html" target="_blank" class="data-collecting-sign" data-collecting-wname="点击个人客户星"> <p>个人客户星级服务</p> </a></li> <li style="width:135px;float:right;"><span class="liw"><span style="display:none;"> </span></span><a href="/column/1438058319784067091.html" target="_blank" class="data-collecting-sign" data-collecting-wname="点击优惠活动"> <p>优惠活动</p> </a></li> </ul> </div> </div> <div class="down-inner-di"></div> </div> </div><div id="ck" class="nav-down-menu-icbc menu-1" style="display:none;" _t_nav="ck"> <div class="navigation-down-inner-icbc"> <div class="down-inner-main-icbc"> <div class="down-main-sh-icbc"> <div class="down-main-img-icbc r"> <div class="xian"></div> <div class="main-img r"><a href="/column/1438058343720960888.html" target="_blank"><img src="//v.icbc.com.cn/userfiles/resources/icbc/shouye/images/01gr02_esg_20210910_20211231_180265.jpg" width="180" height="265"></a></div> </div> <table class="ke-zeroborder" width="744"> <tbody> <tr> <th> <h1></h1> </th> <th colspan="2"> <h1>业务办理</h1> </th> <th colspan="2"> <h1>指南·推荐</h1> </th> </tr> <tr style="height:7px;"></tr> <tr> <td class="first_td"><a href="/column/1438058319784067104.html" target="_blank" class="data-collecting-sign" data-collecting-wname="存款与贷款-存款"><span><span style="display:none;"> </span></span> <p>个人金融</p> </a></td> <td><a href="https://mybank.icbc.com.cn/icbc/newperbank/perbank3/frame/frame_index.jsp?serviceId=PBL201011" target="_blank" class="data-collecting-sign" data-collecting-wname="存款与贷款-通知存款"> <p>通知存款</p> </a></td> <td><a href="https://mybank.icbc.com.cn/icbc/newperbank/perbank3/frame/frame_index.jsp?serviceId=PBL201021" target="_blank" class="data-collecting-sign" data-collecting-wname="存款与贷款-定期存款"> <p>定期存款</p> </a></td> <td class="td_4"><a href="/column/1438058341686722587.html" target="_blank" class="data-collecting-sign" data-collecting-wname="存款与贷款-存款利率"> <p>存款利率</p> </a></td> <td><a href="/page/721852476176498710.html" target="_blank" class="data-collecting-sign" data-collecting-wname="存款与贷款-定活通"> <p>定活通</p> </a></td> </tr> <tr> <td> <p></p> </td> <td><a href="https://mybank.icbc.com.cn/icbc/newperbank/perbank3/frame/frame_index.jsp?serviceId=PBL201025" target="_blank" class="data-collecting-sign" data-collecting-wname="存款与贷款-大额存单"> <p>大额存单</p> </a></td> <td><a href="/column/1438058326469787769.html" target="_blank" class="data-collecting-sign" data-collecting-wname="存款与贷款-开户网点查询"> <p>开户网点查询</p> </a></td> <td class="td_4"><a href="/page/721852502588030985.html" target="_blank" class="data-collecting-sign" data-collecting-wname="存款与贷款-整存整取"> <p>整存整取</p> </a></td> <td><a href="/page/721852495755509777.html" target="_blank" class="data-collecting-sign" data-collecting-wname="存款与贷款-活期一本通"> <p>活期一本通</p> </a></td> </tr> <tr> <td class="first_td"><p></p></td> <td><a href="https://mybank.icbc.com.cn/icbc/newperbank/perbank3/frame/frame_index.jsp?serviceId=PBL201097" target="_blank" class="data-collecting-sign" data-collecting-wname="存款与贷款-申请贷款"> <p>申请贷款</p> </a></td> <td><a href="https://mybank.icbc.com.cn/icbc/newperbank/perbank3/frame/frame_index.jsp?serviceId=PBL201099" target="_blank" class="data-collecting-sign" data-collecting-wname="存款与贷款-我的贷款"> <p>我的贷款</p> </a></td> <td class="td_4"><a href="/column/1438058341686722675.html" target="_blank" class="data-collecting-sign" data-collecting-wname="存款与贷款-存贷利率"> <p>贷款利率</p> </a></td> <td><a href="/page/721852385541783566.html" target="_blank" class="data-collecting-sign" data-collecting-wname="存款与贷款-个人经营贷"> <p>个人经营贷款</p> </a></td> </tr> <tr> <td> <p></p> </td> <td><a href="https://mybank.icbc.com.cn/icbc/newperbank/perbank3/frame/frame_index.jsp?serviceId=PBL201041" target="_blank" class="data-collecting-sign" data-collecting-wname="存款与贷款-融e借"> <p>融e借<img class="hot" src="//v.icbc.com.cn/userfiles/Resources/ICBC/shouye/images/2017/hot.gif"></p> </a></td> <td><a href="https://mybank.icbc.com.cn/icbc/newperbank/perbank3/frame/frame_index.jsp?serviceId=PBL201051" target="_blank" class="data-collecting-sign" data-collecting-wname="存款与贷款-质押贷款"> <p>质押贷款</p> </a></td> <td class="td_4"><a href="/page/721852488939765765.html" target="_blank" class="data-collecting-sign" data-collecting-wname="存款与贷款-个人质押贷款"> <p>个人质押贷款</p> </a></td> <td><a href="/page/721854738269503528.html" target="_blank" class="data-collecting-sign" data-collecting-wname="存款与贷款-家居缴费贷"> <p>家居消费贷款</p> </a></td> </tr> <tr> <td> <p></p> </td> <td> <p></p> </td> <td> <p></p> </td> <td class="td_4"> <p></p> </td> <td> <p></p> </td> </tr> <tr> <td> <p></p> </td> <td> <p></p> </td> <td> <p></p> </td> <td class="td_4"> <p></p> </td> <td> <p></p> </td> </tr> </tbody> </table> </div> <div class="down-main-di-icbc"> <ul> <li><span class="wenGS"><span style="display:none;"> </span></span><a href="/page/721852503955374106.html" target="_blank" class="data-collecting-sign" data-collecting-wname="存款与贷款-挂失及密码"> <p>挂失及密码重置</p> </a></li> <li style="width:135px;float:right;"><span class="liw"><span style="display:none;"> </span></span><a href="/column/1438058319784067091.html" target="_blank" class="data-collecting-sign" data-collecting-wname="存款与贷款-优惠活动"> <p>优惠活动</p> </a></li> </ul> </div> </div> <div class="down-inner-di"></div> </div> </div><div data-collecting-aname="菜单栏-信用卡" id="xy" class="nav-down-menu-icbc menu-1" style="display:none;" _t_nav="xy"> <div class="navigation-down-inner-icbc"> <div class="down-inner-main-icbc"> <div class="down-main-sh-icbc"> <div class="down-main-img-icbc r"> <div class="xian"></div> <div class="main-img r"><a href="/page/721853478652903447.html" target="_blank"><img src="//v.icbc.com.cn/userfiles/resources/icbc/shouye/images/03gr_zt_20210714_cq_180265.jpg" width="180" height="265"></a></div> </div> <table class="ke-zeroborder" width="744"> <tbody> <tr> <th> <h1></h1> </th> <th colspan="2"> <h1>业务办理</h1> </th> <th colspan="2"> <h1>指南·推荐</h1> </th> </tr> <tr> <td class="first_td"><span><span style="display:none;"> </span></span> <p><a href="/column/1438058319456911363.html" target="_blank" class="data-collecting-sign" data-collecting-wname="点击信用卡">信用卡</a></p> </td> <td> <p><a href="/page/721855858119311379.html" target="_blank" class="data-collecting-sign" data-collecting-wname="点击我要办卡">我要办卡</a></p> </td> <td> <p><a href="https://mybank.icbc.com.cn/icbc/newperbank/perbank3/frame/frame_index.jsp?serviceId=PBL200779" target="_blank" class="data-collecting-sign" data-collecting-wname="点击我的信用卡">我的信用卡</a></p> </td> <td class="td_4"> <p><a href="/column/1438058326864052346.html" target="_blank" class="data-collecting-sign" data-collecting-wname="点击卡片世界">卡片世界</a></p> </td> <td> <p><a href="/column/1438058326864052302.html" target="_blank" class="data-collecting-sign" data-collecting-wname="点击服务介绍">服务介绍</a></p> </td> </tr> <tr> <td> <p></p> </td> <td> <p><a href="https://mybank.icbc.com.cn/icbc/newperbank/perbank3/frame/frame_index.jsp?serviceId=PBL20072202" target="_blank" class="data-collecting-sign" data-collecting-wname="点击查询申请进">查询申请进度</a></p> </td> <td> <p><a href="https://mybank.icbc.com.cn/icbc/newperbank/perbank3/frame/frame_index.jsp?serviceId=PBL200769" target="_blank" class="data-collecting-sign" data-collecting-wname="点击信用卡启用">信用卡启用</a></p> </td> <td class="td_4"> <p><a href="/column/1438058343720960729.html" target="_blank" class="data-collecting-sign" data-collecting-wname="点击精品推荐">精品推荐</a></p> </td> <td> <p><a href="/column/1438058343720960881.html" target="_blank" class="data-collecting-sign" data-collecting-wname="点击信用卡权益">信用卡权益</a></p> </td> </tr> <tr> <td> <p></p> </td> <td> <p><a href="https://mybank.icbc.com.cn/icbc/newperbank/perbank3/frame/frame_index.jsp?serviceId=PBL200761" target="_blank" class="data-collecting-sign" data-collecting-wname="点击信用卡还款">信用卡还款</a></p> </td> <td> <p><a href="https://mybank.icbc.com.cn/icbc/newperbank/perbank3/frame/frame_index.jsp?serviceId=PBL20076102" target="_blank" class="data-collecting-sign" data-collecting-wname="点击设置自动还">设置自动还款</a></p> </td> <td class="td_4"> <p><a href="/page/721852858260815879.html" target="_blank" class="data-collecting-sign" data-collecting-wname="点击账单分期">账单分期</a></p> </td> <td> <p><a href="/page/781098383879745536.html" target="_blank" class="data-collecting-sign" data-collecting-wname="工银e生活">工银e生活</a></p> </td> </tr> <tr> <td> <p></p> </td> <td> <p><a href="https://mybank.icbc.com.cn/icbc/newperbank/perbank3/frame/frame_index.jsp?serviceId=PBL200762" target="_blank" class="data-collecting-sign" data-collecting-wname="点击分期付款">分期付款</a></p> </td> <td> <p><a href="https://mybank.icbc.com.cn/icbc/newperbank/perbank3/frame/frame_index.jsp?serviceId=PBL200764" target="_blank" class="data-collecting-sign" data-collecting-wname="点击现金分期">现金分期</a></p> </td> <td class="td_4"> <p><a href="/page/721852356223598610.html" target="_blank" class="data-collecting-sign" data-collecting-wname="点击牡丹超惠系列信用卡">牡丹超惠系列信用卡</a></p> </td> <td> <p><a href="/page/766662188282068992.html" target="_blank" class="data-collecting-sign" data-collecting-wname="点击工银i未来信用卡">工银i未来信用卡</a></p> </td> </tr> <tr> <td> <p></p> </td> <td> <p><a href="https://mybank.icbc.com.cn/icbc/newperbank/perbank3/frame/frame_index.jsp?serviceId=PBL200775" target="_blank" class="data-collecting-sign" data-collecting-wname="点击额度调整">额度调整</a></p> </td> <td> <p><a href="https://mybank.icbc.com.cn/icbc/newperbank/perbank3/frame/frame_index.jsp?serviceId=PBL201631" target="_blank" class="data-collecting-sign" data-collecting-wname="点击积分兑换">积分兑换</a></p> </td> <td colspan="2" class="td_4"> <p><a href="/page/721852446254333962.html" target="_blank" class="data-collecting-sign" data-collecting-wname="点击工银信用卡光芒系列">工银北京环球度假区联名卡</a></p> </td> </tr> <tr> <td> <p></p> </td> <td> <p></p> </td> <td> <p></p> </td> <td class="td_4"> <p><a href="/page/796042063489048576.html" target="_blank" class="data-collecting-sign" data-collecting-wname="工银爱车Plus信用卡">工银爱车信用卡</a></p> </td> <td> <p><a href="/column/1438058319784067142.html" target="_blank" class="data-collecting-sign" data-collecting-wname="小e视频">小e视频</a></p> </td> </tr> </tbody> </table> </div> <div class="down-main-di-icbc"> <ul> <li><span class="wenJY"><span style="display:none;"> </span></span> <p><a href="/column/1438058326864052408.html" target="_blank" class="data-collecting-sign" data-collecting-wname="点击信用卡章程">信用卡章程</a></p> </li> <li><span class="wenQi"><span style="display:none;"> </span></span> <p><a href="/column/1438058326864052304.html" target="_blank" class="data-collecting-sign" data-collecting-wname="点击收费标准">收费标准</a></p> </li> <li><span class="tanh"><span style="display:none;"> </span></span> <p><a href="/column/1438058326864052243.html" target="_blank" class="data-collecting-sign" data-collecting-wname="点击信用卡小知">信用卡小知识</a></p> </li> <li style="width:135px;float:right;"><span class="liw"><span style="display:none;"> </span></span> <p><a href="/column/1438058319784067091.html" target="_blank" class="data-collecting-sign" data-collecting-wname="点击优惠活动">优惠活动</a></p> </li> </ul> </div> </div> <div class="down-inner-di"></div> </div> </div><div data-collecting-aname="菜单栏-外汇业务" id="wh" class="nav-down-menu-icbc menu-1" style="display:none;" _t_nav="wh"> <div class="navigation-down-inner-icbc"> <div class="down-inner-main-icbc"> <div class="down-main-sh-icbc" style="height:317px;"> <div class="down-main-img-icbc r"> <div class="xian"></div> <div class="main-img r"><a href="/page/1067740288175001600.html"><img class="guanggao" src="//v.icbc.com.cn/userfiles/resources/icbc/shouye/images/04gr_waihuiyewu.png" height="265" width="180"></a></div> </div> <table class="ke-zeroborder" width="744"> <tbody> <tr> <th> <h1></h1> </th> <th colspan="2"> <h1>业务办理</h1> </th> <th colspan="2"> <h1>指南·推荐</h1> </th> </tr> <tr style="height:7px;"></tr> <tr> <td class="first_td"><span><span style="display:none;"> </span></span> <p><a href="/column/1438058319784067108.html" target="_blank" class="data-collecting-sign" data-collecting-wname="点击外汇业务">外汇业务</a></p> </td> <td> <p><a href="https://mybank.icbc.com.cn/icbc/newperbank/perbank3/frame/frame_index.jsp?serviceId=PBL201342" target="_blank" class="data-collecting-sign" data-collecting-wname="点击个人购汇">个人购汇</a></p> </td> <td> <p><a href="https://mybank.icbc.com.cn/icbc/newperbank/perbank3/frame/frame_index.jsp?serviceId=PBL201342" target="_blank" class="data-collecting-sign" data-collecting-wname="点击个人结汇">个人结汇</a></p> </td> <td class="td_4"> <p><a href="/page/721852540139634730.html" target="_blank" class="data-collecting-sign" data-collecting-wname="点击汇款直通车">汇款直通车</a></p> </td> <td> <p><a href="/page/721852378969309213.html" target="_blank" class="data-collecting-sign" data-collecting-wname="点击工银速汇">工银速汇</a></p> </td> </tr> <tr> <td> <p></p> </td> <td> <p><a href="https://mybank.icbc.com.cn/icbc/newperbank/perbank3/frame/frame_index.jsp?serviceId=PBL201342" target="_blank" class="data-collecting-sign" data-collecting-wname="点击结售汇明细">结售汇明细</a></p> </td> <td> <p><a href="https://mybank.icbc.com.cn/icbc/newperbank/perbank3/frame/frame_index.jsp?serviceId=PBL201341" target="_blank" class="data-collecting-sign" data-collecting-wname="点击外汇买卖">外汇买卖</a></p> </td> <td class="td_4"> <p><a href="/column/1438058341489590354.html" target="_blank" class="data-collecting-sign" data-collecting-wname="点击外汇牌价">外汇牌价</a></p> </td> <td> <p><a href="/column/1438058326469787676.html" target="_blank" class="data-collecting-sign" data-collecting-wname="点击币种资讯">币种资讯</a></p> </td> </tr> <tr> <td> <p></p> </td> <td> <p><a href="https://mybank.icbc.com.cn/icbc/newperbank/perbank3/frame/frame_index.jsp?serviceId=PBL201343" target="_blank" class="data-collecting-sign" data-collecting-wname="点击账户外汇">账户外汇</a></p> </td> <td> </td> <td class="td_4"> <p><a href="/column/1438058341816746025.html" target="_blank" class="data-collecting-sign" data-collecting-wname="点击汇市新闻">汇市新闻</a></p> </td> <td> <p><a href="/column/1438058343720960069.html" target="_blank" class="data-collecting-sign" data-collecting-wname="点击汇市述评">汇市述评</a></p> </td> </tr> <tr> <td> <p></p> </td> <td> <p></p> </td> <td> <p></p> </td> <td class="td_4"> <p><a href="/column/1438058319784067142.html" target="_blank" class="data-collecting-sign" data-collecting-wname="小e视频">小e视频</a></p> </td> <td> <p></p> </td> </tr> </tbody> </table> </div> <div class="down-main-di-icbc"> <ul> <li><span class="diandian"><span style="display:none;"> </span></span><a href="/page/721854975914573834.html" target="_blank" class="data-collecting-sign" data-collecting-wname="点击一张图教您如何换汇"><p>一张图教您如何换汇</p></a> </li> <li><span class="diandian"><span style="display:none;"> </span></span><a href="/column/1438058341816746033.html" target="_blank" class="data-collecting-sign" data-collecting-wname="点击外汇业务法律法规小知识"><p>外汇业务法律法规小知识</p></a> </li> </ul> </div> </div> <div class="down-inner-di"></div> </div> </div><div data-collecting-aname="菜单栏-投资理财" id="tz" class="nav-down-menu-icbc menu-1" style="display:none;" _t_nav="tz"> <div class="navigation-down-inner-icbc"> <div class="down-inner-main-icbc"> <div class="down-main-sh-icbc"> <div class="down-main-img-icbc r"> <div class="xian"></div> <div class="main-img r"><a href="/column/1438058319654043686.html"><img class="guanggao" src="//v.icbc.com.cn/userfiles/resources/icbc/shouye/images/05gr_ghwzgjspdxc_20191128_cq_180_265.jpg" height="265" width="180"></a></div> </div> <table class="ke-zeroborder" width="744"> <tbody> <tr> <th> <h1></h1> </th> <th colspan="2"> <h1>业务办理</h1> </th> <th colspan="2"> <h1>指南·推荐</h1> </th> </tr> <tr style="height:5px;"></tr> <tr> <td class="first_td"><span><span style="display:none;"> </span></span> <p><a href="/column/1438058319784067082.html" target="_blank" class="data-collecting-sign" data-collecting-wname="点击理财">理财</a></p> </td> <td> <p><a href="https://mybank.icbc.com.cn/icbc/newperbank/perbank3/frame/frame_index.jsp?serviceId=PBL20111002" target="_blank" class="data-collecting-sign" data-collecting-wname="点击理财产品">理财产品</a></p> </td> <td> <p><a href="https://mybank.icbc.com.cn/icbc/newperbank/perbank3/frame/frame_index.jsp?serviceId=PBL20111003" target="_blank" class="data-collecting-sign" data-collecting-wname="点击我的理财">我的理财</a></p> </td> <td class="td_4"> <p><a href="https://mybank.icbc.com.cn/icbc/newperbank/perbank3/frame/frame_index.jsp?serviceId=PBL20111002" target="_blank" class="data-collecting-sign" data-collecting-wname="点击理财产品净">理财产品净值</a></p> </td> <td> <p><a href="/column/1438058327061184530.html" target="_blank" class="data-collecting-sign" data-collecting-wname="点击理财资讯">理财资讯</a></p> </td> </tr> <tr> <td class="first_td"><span><span style="display:none;"> </span></span> <p><a href="/column/1438058319654043686.html" target="_blank" class="data-collecting-sign" data-collecting-wname="点击贵金属">贵金属</a></p> </td> <td> <p><a href="https://mybank.icbc.com.cn/icbc/newperbank/perbank3/frame/frame_index.jsp?serviceId=PBL200603" target="_blank" class="data-collecting-sign" data-collecting-wname="点击贵金属交易">贵金属交易</a></p> </td> <td> <p><a href="https://mybank.icbc.com.cn/icbc/newperbank/perbank3/frame/frame_index.jsp?serviceId=PBL200603" target="_blank" class="data-collecting-sign" data-collecting-wname="点击行情报价">行情报价</a></p> </td> <td class="td_4"> <p><a href="/column/1438058326469788011.html" target="_blank" class="data-collecting-sign" data-collecting-wname="点击实物贵金属">实物贵金属</a></p> </td> <td> <p><a href="/column/1438058343720960016.html" target="_blank" class="data-collecting-sign" data-collecting-wname="点击投资参考">投资参考</a></p> </td> </tr> <tr> <td class="first_td"><span><span style="display:none;"> </span></span> <p><a href="/column/1438058319456911366.html" target="_blank" class="data-collecting-sign" data-collecting-wname="点击基金">基金</a></p> </td> <td> <p><a href="https://mybank.icbc.com.cn/icbc/newperbank/perbank3/frame/frame_index.jsp?serviceId=PBL201210" target="_blank" class="data-collecting-sign" data-collecting-wname="点击基金产品">基金产品</a></p> </td> <td><p><a href="https://mybank.icbc.com.cn/icbc/newperbank/perbank3/frame/frame_index.jsp?serviceId=PBL201216" target="_blank" class="data-collecting-sign" data-collecting-wname="点击基金定投">基金定投</a></p> </td> <td class="td_4"> <p><a href="/page/721853688762368000.html" target="_blank" class="data-collecting-sign" data-collecting-wname="点击收益排行">收益排行</a></p> </td> <td> <p><a href="/page/721853688762368000.html" target="_blank" class="data-collecting-sign" data-collecting-wname="点击基金评级">基金评级</a></p> </td> </tr> <tr> <td class="first_td"><span><span style="display:none;"> </span></span> <p><a href="/column/1438058319784067108.html" target="_blank" class="data-collecting-sign" data-collecting-wname="点击外汇">外汇</a></p> </td> <td> <p><a href="https://mybank.icbc.com.cn/icbc/newperbank/perbank3/frame/frame_index.jsp?serviceId=PBL201342" target="_blank" class="data-collecting-sign" data-collecting-wname="点击结售汇">结售汇</a></p> </td> <td> <p><a href="https://mybank.icbc.com.cn/icbc/newperbank/perbank3/frame/frame_index.jsp?serviceId=PBL201341" target="_blank" class="data-collecting-sign" data-collecting-wname="点击外汇买卖">外汇买卖</a></p> </td> <td class="td_4"> <p><a href="/column/1438058341489590354.html" target="_blank" class="data-collecting-sign" data-collecting-wname="点击外汇牌价">外汇牌价</a></p> </td> <td> <p><a href="/column/1438058326469787676.html" target="_blank" class="data-collecting-sign" data-collecting-wname="点击币种资讯">币种资讯</a></p> </td> </tr> <tr> <td class="first_td"><span><span style="display:none;"> </span></span> <p><a href="/column/1438058319524020228.html" target="_blank" class="data-collecting-sign" data-collecting-wname="点击债券">债券</a></p> </td> <td> <p><a href="https://mybank.icbc.com.cn/icbc/newperbank/perbank3/frame/frame_index.jsp?serviceId=PBL201121" target="_blank" class="data-collecting-sign" data-collecting-wname="点击记账式债券">记账式债券</a></p> </td> <td> <p><a href="https://mybank.icbc.com.cn/icbc/newperbank/perbank3/frame/frame_index.jsp?serviceId=PBL20112102" target="_blank" class="data-collecting-sign" data-collecting-wname="点击我的债券">我的债券</a></p> </td> <td class="td_4"> <p><a href="/column/1438058326864052395.html" target="_blank" class="data-collecting-sign" data-collecting-wname="点击新发债券">新发债券</a></p> </td> <td> <p><a href="/page/721855867904622603.html" target="_blank" class="data-collecting-sign" data-collecting-wname="点击收益排行">收益排行</a></p> </td> </tr> <tr> <td class="first_td"><span><span style="display:none;"> </span></span> <p><a href="/column/1438058319654043681.html" target="_blank" class="data-collecting-sign" data-collecting-wname="点击保险">保险</a></p> </td> <td> <p><a href="https://mybank.icbc.com.cn/icbc/newperbank/perbank3/frame/frame_index.jsp?serviceId=PBL201230" target="_blank" class="data-collecting-sign" data-collecting-wname="点击保险产品">保险产品</a></p> </td> <td> <p><a href="https://mybank.icbc.com.cn/icbc/newperbank/perbank3/frame/frame_index.jsp?serviceId=PBL201231" target="_blank" class="data-collecting-sign" data-collecting-wname="点击我的保险">我的保险</a></p> </td> <td class="td_4"> <p><a href="/column/1438058343720960924.html" target="_blank" class="data-collecting-sign" data-collecting-wname="点击保险指南">保险指南</a></p> </td> <td> <p><a href="/column/1438058343720960540.html" target="_blank" class="data-collecting-sign" data-collecting-wname="点击保险理赔">保险理赔</a></p> </td> </tr> <tr> <td class="first_td"><span><span style="display:none;"> </span></span> <p><a href="/column/1438058319654043672.html" target="_blank" class="data-collecting-sign" data-collecting-wname="点击证券期货">证券期货</a></p> </td> <td> <p><a href="https://mybank.icbc.com.cn/icbc/newperbank/perbank3/frame/frame_index.jsp?serviceId=PBL201370" target="_blank" class="data-collecting-sign" data-collecting-wname="点击账户商品">账户商品</a></p> </td> <td> <p><a href="https://mybank.icbc.com.cn/icbc/newperbank/perbank3/frame/frame_index.jsp?serviceId=PBL202011" target="_blank" class="data-collecting-sign" data-collecting-wname="点击第三方存管">第三方存管</a></p> </td> <td class="td_4"> <p><a href="/column/1438058327061184556.html" target="_blank" class="data-collecting-sign" data-collecting-wname="点击大宗商品">大宗商品</a></p> </td> <td> <p><a href="/column/1438058326469787711.html" target="_blank" class="data-collecting-sign" data-collecting-wname="点击股市述评">股市述评</a></p> </td> </tr> </tbody> </table> </div> <div class="down-main-di-icbc"> <ul> <li><span class="diandian"><span style="display:none;"> </span></span><a href="/page/721853694898634759.html" target="_blank" class="data-collecting-sign" data-collecting-wname="点击黄金交易有"><p>黄金交易有哪些技巧？</p></a> </li> <li><span class="diandian"><span style="display:none;"> </span></span><a href="/page/721854975914573834.html" target="_blank" class="data-collecting-sign" data-collecting-wname="点击一张图教您"><p>一张图教您如何换汇</p></a> </li> <li><span class="liw"><span style="display:none;"> </span></span> <p><a href="/column/1438058319784067091.html" target="_blank" class="data-collecting-sign" data-collecting-wname="点击优惠活动">优惠活动</a></p> </li> </ul> </div> </div> <div class="down-inner-di"></div> </div> </div><div data-collecting-aname="菜单栏-私人银行" id="sr" class="nav-down-menu-icbc menu-1" style="display:none;" _t_nav="sr"> <div class="navigation-down-inner-icbc"> <div class="down-inner-main-icbc"> <div class="down-main-sh-icbc"> <div class="down-main-img-icbc r"> <div class="xian"></div> <div class="main-img r"><a href="/column/1438058343653851193.html" target="_blank"><img src="//v.icbc.com.cn/userfiles/resources/icbc/shouye/images/06gr_zyzx1000_171117_cq_sryh_180_265.jpg" width="180" height="265"></a></div> </div> <table class="ke-zeroborder" width="744"> <tbody> <tr> <th> <h1></h1> </th> <th colspan="2"> <h1>业务办理</h1> </th> <th colspan="2"> <h1>指南·推荐</h1> </th> </tr> <tr style="height:6px;"></tr> <tr> <td class="first_td"><span><span style="display:none;"> </span></span> <p><a href="/column/1438058343653851193.html" target="_blank" class="data-collecting-sign" data-collecting-wname="点击私人银行">私人银行</a></p> </td> <td> <p><a href="https://mybank.icbc.com.cn/icbc/newperbank/perbank3/frame/frame_index.jsp?serviceId=PBL201545" target="_blank" class="data-collecting-sign" data-collecting-wname="点击我的财富">我的财富</a></p> </td> <td> <p><a href="https://mybank.icbc.com.cn/icbc/newperbank/perbank3/frame/frame_index.jsp?serviceId=PBL201579" target="_blank" class="data-collecting-sign" data-collecting-wname="点击我的预留产">我的预留产品</a></p> </td> <td class="td_4"> <p><a href="/webpage/finance/disclosure/?type=3" target="_blank" class="data-collecting-sign" data-collecting-wname="点击信息披露">信息披露</a></p> </td> <td> <p><a href="/column/1438058384883859722.html" target="_blank" class="data-collecting-sign" data-collecting-wname="点击最新动态">最新动态</a></p> </td> </tr> <tr> <td> <p></p> </td> <td> <p><a href="https://mybank.icbc.com.cn/icbc/newperbank/perbank3/frame/frame_index.jsp?serviceId=PBL201503" target="_blank" class="data-collecting-sign" data-collecting-wname="点击专属理财">专属理财</a></p> </td> <td> <p><a href="https://mybank.icbc.com.cn/icbc/newperbank/perbank3/frame/frame_index.jsp?serviceId=PBL201578" target="_blank" class="data-collecting-sign" data-collecting-wname="点击专属基金">专属基金</a></p> </td> <td class="td_4"><p><a href="/column/1438058386850988570.html" target="_blank" class="data-collecting-sign" data-collecting-wname="点击私行杂志">私行杂志</a></p> </td> <td><p><a href="/column/1438058386850988481.html" target="_blank" class="data-collecting-sign" data-collecting-wname="点击增值服务">增值服务</a></p> </td> </tr> <tr> <td> <p></p> </td> <td> <p><a href="https://mybank.icbc.com.cn/icbc/newperbank/perbank3/frame/frame_index.jsp?serviceId=PBL201508" target="_blank" class="data-collecting-sign" data-collecting-wname="点击专属代理产">专属代理产品</a></p> </td> <td> <p><a href="https://mybank.icbc.com.cn/icbc/newperbank/perbank3/frame/frame_index.jsp?serviceId=PBL201547" target="_blank" class="data-collecting-sign" data-collecting-wname="点击资产管理">资产管理</a></p> </td> <td class="td_4"><p><a href="/column/1438058319784067142.html" target="_blank" class="data-collecting-sign" data-collecting-wname="小e视频">小e视频</a></p> </td> <td><p><a href="/column/911654662804201473.html" target="_blank" class="data-collecting-sign" data-collecting-wname="私银公告">私银公告</a></p> </td> </tr> <tr> <td> <p></p> </td> <td> <p></p> </td> <td> <p></p> </td> <td class="td_4"> <p></p> </td> <td> <p></p> </td> </tr> <tr> <td> <p></p> </td> <td> <p></p> </td> <td> <p></p> </td> <td class="td_4"> <p></p> </td> <td> <p></p> </td> </tr> </tbody> </table> </div> <div class="down-main-di-icbc"> <ul> <li><span class="tanh"><span style="display:none;"> </span></span> <p><a href="/column/1438058384883859609.html" target="_blank" class="data-collecting-sign" data-collecting-wname="点击关于私人银">关于私人银行</a></p> </li> <li><span class="fenh"><span style="display:none;"> </span></span> <p><a href="/column/1438058384753836267.html" target="_blank" class="data-collecting-sign" data-collecting-wname="点击分支机构">分支机构</a></p> </li> <li style="width:135px;float:right;"><span class="liw"><span style="display:none;"> </span></span> <p><a href="/column/1438058319784067091.html" target="_blank" class="data-collecting-sign" data-collecting-wname="点击优惠活动">优惠活动</a></p> </li> </ul> </div> </div> <div class="down-inner-di"></div> </div> </div><div data-collecting-aname="菜单栏-金融市场" id="jr" class="nav-down-menu-icbc menu-1" style="display:none;" _t_nav="jr"> <div class="navigation-down-inner-icbc"> <div class="down-inner-main-icbc"> <div class="down-main-sh-icbc"> <div class="down-main-img-icbc r"> <div class="xian"></div> <div class="main-img r"><a href="/column/1438058319654043692.html" target="_blank"><img src="//v.icbc.com.cn/userfiles/resources/icbc/shouye/images/07gr_ghwzjrscpdxc_20191128_cq_180_265.jpg" width="180" height="265"></a></div> </div> <table class="ke-zeroborder" width="744"> <tbody> <tr> <th> <h1></h1> </th> <th colspan="2"> <h1>业务办理</h1> </th> <th colspan="2"> <h1>指南·推荐</h1> </th> </tr> <tr style="height:6px;"></tr> <tr> <td class="first_td"><span><span style="display:none;"> </span></span> <p><a href="/column/1438058319654043692.html" target="_blank" class="data-collecting-sign" data-collecting-wname="点击金融市场">金融市场</a></p> </td> <td> <p><a href="https://mybank.icbc.com.cn/icbc/newperbank/perbank3/frame/frame_index.jsp?serviceId=PBL201343" target="_blank" class="data-collecting-sign" data-collecting-wname="点击账户外汇">账户外汇</a></p> </td> <td> <p><a href="https://mybank.icbc.com.cn/icbc/newperbank/perbank3/frame/frame_index.jsp?serviceId=PBL201342" target="_blank" class="data-collecting-sign" data-collecting-wname="点击即期结售汇">即期结售汇</a></p> </td> <td class="td_4"> <p><a href="/column/1438058474549690419.html" target="_blank" class="data-collecting-sign" data-collecting-wname="点击个人产品介绍">个人产品介绍</a></p> </td> <td> <p><a href="/column/1438058343720960544.html" target="_blank" class="data-collecting-sign" data-collecting-wname="点击工行看市场">工行看市场</a></p> </td> </tr> <tr> <td> <p></p> </td> <td> <p><a href="https://mybank.icbc.com.cn/icbc/newperbank/perbank3/frame/frame_index.jsp?serviceId=PBL201121" target="_blank" class="data-collecting-sign" data-collecting-wname="点击柜台记账式">柜台记账式债券</a></p> </td> <td> <p></p> </td> <td class="td_4"> <p><a href="/column/1438058341489590354.html" target="_blank" class="data-collecting-sign" data-collecting-wname="点击外汇牌价">外汇牌价</a></p> </td> <td> <p><a href="/column/1438058327061184619.html" target="_blank" class="data-collecting-sign" data-collecting-wname="点击商品交易行">商品交易行情</a></p> </td> </tr> <tr> <td> <p></p> </td> <td> <p></p> </td> <td> <p></p> </td> <td class="td_4"> <p><a href="/column/1438058343653851188.html" target="_blank" class="data-collecting-sign" data-collecting-wname="点击市场要闻">市场要闻</a></p> </td> <td> <p><a href="/column/1438058343653851189.html" target="_blank" class="data-collecting-sign" data-collecting-wname="点击业务动态">业务动态</a></p> </td> </tr> <tr> <td> <p></p> </td> <td> <p></p> </td> <td> <p></p> </td> <td class="td_4"> <p><a href="/column/1438058326469787936.html" target="_blank" class="data-collecting-sign" data-collecting-wname="点击精彩视频">精彩视频</a></p> </td> <td> <p><a href="/column/1438058343720960176.html" target="_blank" class="data-collecting-sign" data-collecting-wname="点击人民币债券指数">人民币债券指数</a></p> </td> </tr> <tr> <td> <p></p> </td> <td> <p></p> </td> <td> <p></p> </td> <td class="td_4"> <p></p> </td> <td> <p></p> </td> </tr> </tbody> </table> </div> <div class="down-main-di-icbc"> <ul> <li><span class="wenGR"><span style="display:none;"> </span></span> <p><a href="/page/721852384438681618.html" target="_blank" class="data-collecting-sign" data-collecting-wname="点击个人外汇买卖业务知识">个人结售汇业务知识问答</a></p> </li> <li style="width:135px;float:right;"><span class="liw"><span style="display:none;"> </span></span><a href="/column/1438058319784067091.html" target="_blank" class="data-collecting-sign" data-collecting-wname="点击优惠活动"> <p>优惠活动</p> </a> </li> </ul> </div> </div> <div class="down-inner-di"></div> </div> </div> </div> </div> </div> </div> </div> <script type="text/javascript"> $.ajax({ url: '/HtmlPatch/ICBC/shouye/login.htm', dataType: 'text', success: function (html) { var flag = false; $(function () { flag = true; }); function loginShow() { var kv = document.getElementById('kv-admain'); if (!kv) { if (flag) return; setTimeout(function () { loginShow(); }, 20); } else { if(window.appConfig.enableBakHost){ html = bakHostReplace(html); } $(kv).append(html); } } loginShow(); } }); </script> </div>  <div id="kv-admain" data-collecting-aname="首页广告位" class="KV"> <div id="76f827a46a04db9d79651617c1382f76%E4%B8%BB%E5%9B%BE_%E4%B8%AA%E4%BA%BA%E9%A6%96%E9%A1%B5%E4%B8%BB%E5%9B%BE_1900_380" name="76f827a46a04db9d79651617c1382f76%E4%B8%BB%E5%9B%BE_%E4%B8%AA%E4%BA%BA%E9%A6%96%E9%A1%B5%E4%B8%BB%E5%9B%BE_1900_380"></div> <script> $(function(){ var cookies = document.cookie.split(';'); var cisCode = utils.getCookieByCis(cookies,"cisCode"); var groupList = utils.getCookieByCis(cookies,"groupList"); let script = document.createElement('script'); script.type = 'text/javascript'; script.language = 'javascript'; if(window.advConfig && window.advConfig.cisSwitch && cisCode){ var jsFilePath= "/cicbc_adjs/653982742962012160_"+cisCode+".js"; script.src = jsFilePath+"?Cusgroup_Id="+groupList+"&Ad_Top=0&Ad_Left=0&Ad_ChooseMode=1&Ad_Width=100%&Ad_Height=380&Ad_IsClose=false&Ad_Guid=76f827a46a04db9d79651617c1382f76&Ad_AreaId=&Ad_RealAreaName=%E4%B8%BB%E5%9B%BE_%E4%B8%AA%E4%BA%BA%E9%A6%96%E9%A1%B5%E4%B8%BB%E5%9B%BE_1900_380&Ad_AreaName=76f827a46a04db9d79651617c1382f76%E4%B8%BB%E5%9B%BE_%E4%B8%AA%E4%BA%BA%E9%A6%96%E9%A1%B5%E4%B8%BB%E5%9B%BE_1900_380&Ad_Source=%E4%B8%BB%E5%9B%BE_%E4%B8%AA%E4%BA%BA%E9%A6%96%E9%A1%B5%E4%B8%BB%E5%9B%BE_1900_380&AD_tocken=484536&Ad_ZoneNo=0&v=1"; }else{ script.src = "/icbc_adjs/653982742962012160.js?Ad_Top=0&Ad_Left=0&Ad_ChooseMode=1&Ad_Width=100%&Ad_Height=380&Ad_IsClose=false&Ad_Guid=76f827a46a04db9d79651617c1382f76&Ad_AreaId=&Ad_RealAreaName=%E4%B8%BB%E5%9B%BE_%E4%B8%AA%E4%BA%BA%E9%A6%96%E9%A1%B5%E4%B8%BB%E5%9B%BE_1900_380&Ad_AreaName=76f827a46a04db9d79651617c1382f76%E4%B8%BB%E5%9B%BE_%E4%B8%AA%E4%BA%BA%E9%A6%96%E9%A1%B5%E4%B8%BB%E5%9B%BE_1900_380&Ad_Source=%E4%B8%BB%E5%9B%BE_%E4%B8%AA%E4%BA%BA%E9%A6%96%E9%A1%B5%E4%B8%BB%E5%9B%BE_1900_380&AD_tocken=484536&Ad_ZoneNo=0&v=1"; } document.getElementById('76f827a46a04db9d79651617c1382f76%E4%B8%BB%E5%9B%BE_%E4%B8%AA%E4%BA%BA%E9%A6%96%E9%A1%B5%E4%B8%BB%E5%9B%BE_1900_380').appendChild(script); }) </script> </div>  <div data-collecting-aname="重要公告区"> <div class="notice"> <div class="w-center"> <div class="notice_lb"> <p><span><span id="icdwk" style="display: none;"> </span></span>重要公告：</p> </div> <div class="notice_main"> <ul> <li ddata-collecting-wname="点击公告1" id="ibiov" class="data-collecting-sign" style="padding-top: 5px;"> <table id="1e11666b6614d0e42c195b1fafab1165" style="border-collapse: collapse;" border="0" cellspacing="0" cellpadding="0"> <tbody> <tr class="tableloading" style="margin-left:15px;"></tr> </tbody> </table> <script> $(function() { var currentColumnId = '1438058313303867398'; var summaryColumnId = '1438058319654043673'; var needDisplayChildrenPostings = false; var author = ''; var size = 20; var uid = '1e11666b6614d0e42c195b1fafab1165'; var pagerColspan = 3; var isEnglishMode = false; var linkCssClass = 'style10'; var rowHeight = '32'; var howManyCellsInEachRow = 1; var cellWidth = 15; var alternatecolor = ''; var showTitleTag = false; var titleTag = ""; var newWindowTemp = 'target=_blank'; var controlWidth = 700; var isDisplaySummaryOfEachNews = false; var noInternalStyle = false; var domainName = ''; var buriedPointName = ''; var titleLength = 0; var isDisplayDate = false; var dateMode = 'mode1'; var dateCellWidth = '100'; var dateStyle = 'text'; var separatorStyle = ''; var lastRow = 0; var isShowLastLine = true; var displayAttr = 'displayName'; var startshowrow = 0; var isPager = false; var isDispMoreButton = false; var morebuttonlinkurl = '#'; var isMoreButtonDispinNewWindow = '_top'; var moreButtonDetail = '更多...'; var linkcssclass = 'style10'; // 不分页时,要显示的记录数 var disptoprecordnum = 1; // 截取标题到指定长度 function cutOffTitle(title) { if(!title){return ""} if (titleLength == 0 || titleLength >= title.length) { return title; } else if (isEnglishMode) { var cutIndex = titleLength; while (title[cutIndex] != ' ' && title.length >= 0) { cutIndex -= 1; } return title.substring(0, cutIndex) + '...'; } else { return (titleLength >= title.length) ? title : title.substring(0, titleLength) + "..."; } } // 格式化时间 function formatDate(publishedDate, mode) { if (!publishedDate) { return ''; } if (mode === 'mode1') { return '('+dayjs(publishedDate).format("YYYY-MM-DD")+')'; } else if (mode === 'mode2') { return dayjs(publishedDate).format("YYYY年MM月DD日"); } else if (mode === 'mode4') { return '('+dayjs(publishedDate).format("MM-DD")+')'; } else if (mode === 'mode5') { return '('+dayjs(publishedDate).format("YYYY-MM-DD HH:mm")+')'; } else { return '('+dayjs(publishedDate).format("YYYY-MM-DD")+')'; } } function displayPostingsAndPager(r) { var container = $('table#' + uid + ' tbody'); container.empty(); var iCounter = 0; var pages=r.postings; if(startshowrow<r.postings.length){ pages=r.postings.slice(startshowrow); } var summaryListLength = pages.length; var pagerContainer = $("<tr></tr>"); var pagerTd = ''; if(summaryListLength>0){ var tetRcounter = summaryListLength % howManyCellsInEachRow; if (howManyCellsInEachRow != 0 && tetRcounter == 0) { lastRow = parseInt(summaryListLength / howManyCellsInEachRow); } else { lastRow = parseInt(summaryListLength / howManyCellsInEachRow) + 1; } for (var postingCounter = 0; postingCounter < summaryListLength;) { var postingRow = $('<tr style="height: ' + rowHeight + 'px;"></tr>'); for (var postingCellCounter = 0; (postingCellCounter < howManyCellsInEachRow) && (postingCounter < summaryListLength); postingCellCounter++) { var objObject = pages[postingCounter]; var titleTagTd = $('<td align="center" vAlign="middle" style="height: ' + rowHeight + 'px; width: ' + cellWidth + 'px;' + (iCounter % 2 != 0 && alternatecolor ? 'background-color: ' + alternatecolor : '') + '">' + (showTitleTag ? titleTag : '') + '</td>'); postingRow.append(titleTagTd); var titleTd = $('<td align="left" vAlign="middle" style="width: ' + controlWidth + 'px;' + (iCounter % 2 != 0 && alternatecolor ? 'background-color: ' + alternatecolor : '') + '"></td>'); if (isDisplaySummaryOfEachNews) { titleTd.append(titleTag); } var link = $('<a class="data-collecting-sign style10" href="' + objObject.path + '" ' + newWindowTemp + ' data-collecting-param="' + objObject.displayName + '" data-collecting-wname="' + (buriedPointName ? buriedPointName + (postingCounter + 1) : "移动公用新闻列表二" + (postingCounter + 1)) + '"></a>'); if (displayAttr == "name") { link.append(cutOffTitle(objObject.name)); } else if (displayAttr == "summary") { if (objObject.summary === "") { link.append(cutOffTitle(objObject.name)); }else{ link.append(cutOffTitle(objObject.summary)); } } else if (displayAttr == "title") { if (objObject.contentTitle === "") { link.append(cutOffTitle(objObject.name)); }else{ link.append(cutOffTitle(objObject.contentTitle)); } } else { if(objObject.displayName === ""){ link.append(cutOffTitle(objObject.name)); }else{ link.append(cutOffTitle(objObject.displayName)); } } if (noInternalStyle) { titleTd.append(titleTag); titleTd.append(link); } else { var span = $('<span class="ChannelSummaryList-insty"></span>'); span.append(link); titleTd.append(span); } if (isDisplaySummaryOfEachNews) { titleTd.append("<br/>"); titleTd.append('<span class="ChannelSummaryList-summary fs14">    ' + objObject.summary + '……[<a href="' + objObject.id + '" target="_blank" class="more">详细</a>]</span>'); } postingRow.append(titleTd); if (isDisplayDate) { var dateTd = $('<td style="width: ' + dateCellWidth + 'px; ' + (iCounter % 2 != 0 && alternatecolor ? "background-color: " + alternatecolor : '') + '" align="' + (dateMode == "mode3" ? "left" : "center") + '" vAlign="middle"></td>'); if (dateMode == "mode3") { dateTd.append('<span>' + objObject.subTitle + '</span>'); } else if (dateMode == "mode6") { dateTd.append('<span>' + objObject.infoAuthor + '</span>'); } else { dateTd.append('<span class="' + dateStyle + '">' + formatDate(objObject.publishedDate, dateMode) + '</span>'); } postingRow.append(dateTd); } postingCounter++; } container.append(postingRow); iCounter++; if (separatorStyle && (isShowLastLine || iCounter < lastRow)) { var separatorRow = $('<tr></tr>'); separatorRow.append('<td style="' + separatorStyle + '; height: 1px;" colspan="' + (isDisplayDate ? howManyCellsInEachRow * 3 : howManyCellsInEachRow * 2) + '"></td>'); container.append(separatorRow); } } // 分页时渲染 if(isPager){ var buttonContainer = $('<div align="right"></div>'); var preBtn = isEnglishMode ? $('<a class="' + linkCssClass + '" href="javascript:;">Pre</a>') : $('<span class="fs14">【</span><a class="' + linkCssClass + '" href="javascript:;">上一页</a><span class="fs14">】</span>'); var nextBtn = isEnglishMode ? $('<a class="' + linkCssClass + '" href="javascript:;">Next</a>') : $('<span class="fs14">【</span><a class="' + linkCssClass + '" href="javascript:;">下一页</a><span class="fs14">】</span>'); if (r.totalPages > 0) { if (r.currentPage == 1 && r.totalPages != 1) { nextBtn.attr('page-index', r.currentPage + 1); buttonContainer.append(nextBtn); buttonContainer.append(' '); } else if (r.currentPage == r.totalPages && r.totalPages != 1) { preBtn.attr('page-index', r.currentPage - 1); buttonContainer.append(preBtn); buttonContainer.append('  '); } else if (r.currentPage != 1 && r.totalPages > r.currentPage) { preBtn.attr('page-index', r.currentPage - 1); buttonContainer.append(preBtn); buttonContainer.append("  "); nextBtn.attr('page-index', r.currentPage + 1); buttonContainer.append(nextBtn); buttonContainer.append("  "); } } pagerTd = $('<td style="height: 30px;" align="right" colspan="' + pagerColspan + '"></td>'); pagerTd.append(buttonContainer); } //不分页时渲染"更多"按钮 if(!isPager && isDispMoreButton){ var buttonContainer = $('<div align="right"></div>'); var moreBtn = $('<a data-collecting-wname="更多" href="'+ morebuttonlinkurl + '" class="data-collecting-sign '+ linkcssclass +'" target="' + isMoreButtonDispinNewWindow + '">' + moreButtonDetail + '</a>'); buttonContainer.append(moreBtn); buttonContainer.append("  "); pagerTd = $('<td style="height: 30px;" align="right" colspan="' + pagerColspan + '"></td>'); pagerTd.append(buttonContainer); } }else{ // 如果返回的数据不存在，则添加提示 pagerTd=$('<td style="width: ' + controlWidth + 'px;padding:1px;" colspan="' + 3 + '"><br>  当前频道没有记录！</td>'); } pagerContainer.append(pagerTd); container.append(pagerContainer); container.find('tr:last').on('click', function(e) { var page = $(e.target).attr('page-index'); loadPostings(page); }); } // 正常模式的分页请求 var url = (window.location.protocol == "about:" ? "http://" : "//") + window.appConfig.papi.host + "/cmspage/columns/webpart/webservice/channelSummaryList"; var cookies = document.cookie.split(';'); var cisCode = utils.getCookieByCis(cookies,"cisCode"); var groupList = utils.getCookieByCis(cookies,"groupList"); function loadPostings(page) { $("#1e11666b6614d0e42c195b1fafab1165 .tableloading").show(); $("#1e11666b6614d0e42c195b1fafab1165 .tableloading").html("<td colspan='4'><img class='icon-loading' src='/resource/img/control/loading.gif'></img>正在加载中...</td>"); $.ajax({ url: url, data: { cisCode: cisCode || "", customerGroupNoList: groupList ? JSON.parse(groupList).join(",") : "", isBindGroup: true, currentColumnId: currentColumnId, summaryColumnId: summaryColumnId, displayTopPostings: isPager ? 0 : disptoprecordnum, needDisplayChildrenPostings: needDisplayChildrenPostings, author: author, enablePager: isPager, page: page, size: size, isUseDomain:false, domainName:domainName||"", }, success: function(r) { if (r.data) { $("#1e11666b6614d0e42c195b1fafab1165 .tableloading").hide(); displayPostingsAndPager(r.data); }else{ $("#1e11666b6614d0e42c195b1fafab1165 .tableloading").html("<td colspan='4'>当前频道没有记录！</td>"); } }, error: function() { $("#1e11666b6614d0e42c195b1fafab1165 .tableloading").html("<td colspan='4'>加载失败，请稍后再试！</td>"); } }); } loadPostings(1); }); </script> <style type="text/css"> .ChannelSummaryList-insty { line-height: 150% } .ChannelSummaryList-summary { line-height: 160%; color: #222; text-decoration: none } </style> </li> <li ddata-collecting-wname="点击公告2" id="ih50d" class="data-collecting-sign" style="padding-top: 5px;"> <table id="2562bf029b7aa3d326aaa6e2a5f042db" style="border-collapse: collapse;" border="0" cellspacing="0" cellpadding="0"> <tbody> <tr class="tableloading" style="margin-left:15px;"></tr> </tbody> </table> <script> $(function() { var currentColumnId = '1438058313303867398'; var summaryColumnId = '1438058319654043673'; var needDisplayChildrenPostings = false; var author = ''; var size = 20; var uid = '2562bf029b7aa3d326aaa6e2a5f042db'; var pagerColspan = 3; var isEnglishMode = false; var linkCssClass = 'style10'; var rowHeight = '32'; var howManyCellsInEachRow = 1; var cellWidth = 15; var alternatecolor = ''; var showTitleTag = false; var titleTag = ""; var newWindowTemp = 'target=_blank'; var controlWidth = 700; var isDisplaySummaryOfEachNews = false; var noInternalStyle = false; var domainName = ''; var buriedPointName = ''; var titleLength = 0; var isDisplayDate = false; var dateMode = 'mode1'; var dateCellWidth = '100'; var dateStyle = 'text'; var separatorStyle = ''; var lastRow = 0; var isShowLastLine = true; var displayAttr = 'displayName'; var startshowrow = 1; var isPager = false; var isDispMoreButton = false; var morebuttonlinkurl = '#'; var isMoreButtonDispinNewWindow = '_top'; var moreButtonDetail = '更多...'; var linkcssclass = 'style10'; // 不分页时,要显示的记录数 var disptoprecordnum = 2; // 截取标题到指定长度 function cutOffTitle(title) { if(!title){return ""} if (titleLength == 0 || titleLength >= title.length) { return title; } else if (isEnglishMode) { var cutIndex = titleLength; while (title[cutIndex] != ' ' && title.length >= 0) { cutIndex -= 1; } return title.substring(0, cutIndex) + '...'; } else { return (titleLength >= title.length) ? title : title.substring(0, titleLength) + "..."; } } // 格式化时间 function formatDate(publishedDate, mode) { if (!publishedDate) { return ''; } if (mode === 'mode1') { return '('+dayjs(publishedDate).format("YYYY-MM-DD")+')'; } else if (mode === 'mode2') { return dayjs(publishedDate).format("YYYY年MM月DD日"); } else if (mode === 'mode4') { return '('+dayjs(publishedDate).format("MM-DD")+')'; } else if (mode === 'mode5') { return '('+dayjs(publishedDate).format("YYYY-MM-DD HH:mm")+')'; } else { return '('+dayjs(publishedDate).format("YYYY-MM-DD")+')'; } } function displayPostingsAndPager(r) { var container = $('table#' + uid + ' tbody'); container.empty(); var iCounter = 0; var pages=r.postings; if(startshowrow<r.postings.length){ pages=r.postings.slice(startshowrow); } var summaryListLength = pages.length; var pagerContainer = $("<tr></tr>"); var pagerTd = ''; if(summaryListLength>0){ var tetRcounter = summaryListLength % howManyCellsInEachRow; if (howManyCellsInEachRow != 0 && tetRcounter == 0) { lastRow = parseInt(summaryListLength / howManyCellsInEachRow); } else { lastRow = parseInt(summaryListLength / howManyCellsInEachRow) + 1; } for (var postingCounter = 0; postingCounter < summaryListLength;) { var postingRow = $('<tr style="height: ' + rowHeight + 'px;"></tr>'); for (var postingCellCounter = 0; (postingCellCounter < howManyCellsInEachRow) && (postingCounter < summaryListLength); postingCellCounter++) { var objObject = pages[postingCounter]; var titleTagTd = $('<td align="center" vAlign="middle" style="height: ' + rowHeight + 'px; width: ' + cellWidth + 'px;' + (iCounter % 2 != 0 && alternatecolor ? 'background-color: ' + alternatecolor : '') + '">' + (showTitleTag ? titleTag : '') + '</td>'); postingRow.append(titleTagTd); var titleTd = $('<td align="left" vAlign="middle" style="width: ' + controlWidth + 'px;' + (iCounter % 2 != 0 && alternatecolor ? 'background-color: ' + alternatecolor : '') + '"></td>'); if (isDisplaySummaryOfEachNews) { titleTd.append(titleTag); } var link = $('<a class="data-collecting-sign style10" href="' + objObject.path + '" ' + newWindowTemp + ' data-collecting-param="' + objObject.displayName + '" data-collecting-wname="' + (buriedPointName ? buriedPointName + (postingCounter + 1) : "移动公用新闻列表二" + (postingCounter + 1)) + '"></a>'); if (displayAttr == "name") { link.append(cutOffTitle(objObject.name)); } else if (displayAttr == "summary") { if (objObject.summary === "") { link.append(cutOffTitle(objObject.name)); }else{ link.append(cutOffTitle(objObject.summary)); } } else if (displayAttr == "title") { if (objObject.contentTitle === "") { link.append(cutOffTitle(objObject.name)); }else{ link.append(cutOffTitle(objObject.contentTitle)); } } else { if(objObject.displayName === ""){ link.append(cutOffTitle(objObject.name)); }else{ link.append(cutOffTitle(objObject.displayName)); } } if (noInternalStyle) { titleTd.append(titleTag); titleTd.append(link); } else { var span = $('<span class="ChannelSummaryList-insty"></span>'); span.append(link); titleTd.append(span); } if (isDisplaySummaryOfEachNews) { titleTd.append("<br/>"); titleTd.append('<span class="ChannelSummaryList-summary fs14">    ' + objObject.summary + '……[<a href="' + objObject.id + '" target="_blank" class="more">详细</a>]</span>'); } postingRow.append(titleTd); if (isDisplayDate) { var dateTd = $('<td style="width: ' + dateCellWidth + 'px; ' + (iCounter % 2 != 0 && alternatecolor ? "background-color: " + alternatecolor : '') + '" align="' + (dateMode == "mode3" ? "left" : "center") + '" vAlign="middle"></td>'); if (dateMode == "mode3") { dateTd.append('<span>' + objObject.subTitle + '</span>'); } else if (dateMode == "mode6") { dateTd.append('<span>' + objObject.infoAuthor + '</span>'); } else { dateTd.append('<span class="' + dateStyle + '">' + formatDate(objObject.publishedDate, dateMode) + '</span>'); } postingRow.append(dateTd); } postingCounter++; } container.append(postingRow); iCounter++; if (separatorStyle && (isShowLastLine || iCounter < lastRow)) { var separatorRow = $('<tr></tr>'); separatorRow.append('<td style="' + separatorStyle + '; height: 1px;" colspan="' + (isDisplayDate ? howManyCellsInEachRow * 3 : howManyCellsInEachRow * 2) + '"></td>'); container.append(separatorRow); } } // 分页时渲染 if(isPager){ var buttonContainer = $('<div align="right"></div>'); var preBtn = isEnglishMode ? $('<a class="' + linkCssClass + '" href="javascript:;">Pre</a>') : $('<span class="fs14">【</span><a class="' + linkCssClass + '" href="javascript:;">上一页</a><span class="fs14">】</span>'); var nextBtn = isEnglishMode ? $('<a class="' + linkCssClass + '" href="javascript:;">Next</a>') : $('<span class="fs14">【</span><a class="' + linkCssClass + '" href="javascript:;">下一页</a><span class="fs14">】</span>'); if (r.totalPages > 0) { if (r.currentPage == 1 && r.totalPages != 1) { nextBtn.attr('page-index', r.currentPage + 1); buttonContainer.append(nextBtn); buttonContainer.append(' '); } else if (r.currentPage == r.totalPages && r.totalPages != 1) { preBtn.attr('page-index', r.currentPage - 1); buttonContainer.append(preBtn); buttonContainer.append('  '); } else if (r.currentPage != 1 && r.totalPages > r.currentPage) { preBtn.attr('page-index', r.currentPage - 1); buttonContainer.append(preBtn); buttonContainer.append("  "); nextBtn.attr('page-index', r.currentPage + 1); buttonContainer.append(nextBtn); buttonContainer.append("  "); } } pagerTd = $('<td style="height: 30px;" align="right" colspan="' + pagerColspan + '"></td>'); pagerTd.append(buttonContainer); } //不分页时渲染"更多"按钮 if(!isPager && isDispMoreButton){ var buttonContainer = $('<div align="right"></div>'); var moreBtn = $('<a data-collecting-wname="更多" href="'+ morebuttonlinkurl + '" class="data-collecting-sign '+ linkcssclass +'" target="' + isMoreButtonDispinNewWindow + '">' + moreButtonDetail + '</a>'); buttonContainer.append(moreBtn); buttonContainer.append("  "); pagerTd = $('<td style="height: 30px;" align="right" colspan="' + pagerColspan + '"></td>'); pagerTd.append(buttonContainer); } }else{ // 如果返回的数据不存在，则添加提示 pagerTd=$('<td style="width: ' + controlWidth + 'px;padding:1px;" colspan="' + 3 + '"><br>  当前频道没有记录！</td>'); } pagerContainer.append(pagerTd); container.append(pagerContainer); container.find('tr:last').on('click', function(e) { var page = $(e.target).attr('page-index'); loadPostings(page); }); } // 正常模式的分页请求 var url = (window.location.protocol == "about:" ? "http://" : "//") + window.appConfig.papi.host + "/cmspage/columns/webpart/webservice/channelSummaryList"; var cookies = document.cookie.split(';'); var cisCode = utils.getCookieByCis(cookies,"cisCode"); var groupList = utils.getCookieByCis(cookies,"groupList"); function loadPostings(page) { $("#2562bf029b7aa3d326aaa6e2a5f042db .tableloading").show(); $("#2562bf029b7aa3d326aaa6e2a5f042db .tableloading").html("<td colspan='4'><img class='icon-loading' src='/resource/img/control/loading.gif'></img>正在加载中...</td>"); $.ajax({ url: url, data: { cisCode: cisCode || "", customerGroupNoList: groupList ? JSON.parse(groupList).join(",") : "", isBindGroup: true, currentColumnId: currentColumnId, summaryColumnId: summaryColumnId, displayTopPostings: isPager ? 0 : disptoprecordnum, needDisplayChildrenPostings: needDisplayChildrenPostings, author: author, enablePager: isPager, page: page, size: size, isUseDomain:false, domainName:domainName||"", }, success: function(r) { if (r.data) { $("#2562bf029b7aa3d326aaa6e2a5f042db .tableloading").hide(); displayPostingsAndPager(r.data); }else{ $("#2562bf029b7aa3d326aaa6e2a5f042db .tableloading").html("<td colspan='4'>当前频道没有记录！</td>"); } }, error: function() { $("#2562bf029b7aa3d326aaa6e2a5f042db .tableloading").html("<td colspan='4'>加载失败，请稍后再试！</td>"); } }); } loadPostings(1); }); </script> <style type="text/css"> .ChannelSummaryList-insty { line-height: 150% } .ChannelSummaryList-summary { line-height: 160%; color: #222; text-decoration: none } </style> </li> <li ddata-collecting-wname="点击公告3" id="ix49g" class="data-collecting-sign" style="padding-top: 5px;"> <table id="241023befaa4284ba25f62a1607db36a" style="border-collapse: collapse;" border="0" cellspacing="0" cellpadding="0"> <tbody> <tr class="tableloading" style="margin-left:15px;"></tr> </tbody> </table> <script> $(function() { var currentColumnId = '1438058313303867398'; var summaryColumnId = '1438058319654043673'; var needDisplayChildrenPostings = false; var author = ''; var size = 20; var uid = '241023befaa4284ba25f62a1607db36a'; var pagerColspan = 3; var isEnglishMode = false; var linkCssClass = 'style10'; var rowHeight = '32'; var howManyCellsInEachRow = 1; var cellWidth = 15; var alternatecolor = ''; var showTitleTag = false; var titleTag = ""; var newWindowTemp = 'target=_blank'; var controlWidth = 700; var isDisplaySummaryOfEachNews = false; var noInternalStyle = false; var domainName = ''; var buriedPointName = ''; var titleLength = 0; var isDisplayDate = false; var dateMode = 'mode1'; var dateCellWidth = '100'; var dateStyle = 'text'; var separatorStyle = ''; var lastRow = 0; var isShowLastLine = true; var displayAttr = 'displayName'; var startshowrow = 2; var isPager = false; var isDispMoreButton = false; var morebuttonlinkurl = '#'; var isMoreButtonDispinNewWindow = '_top'; var moreButtonDetail = '更多...'; var linkcssclass = 'style10'; // 不分页时,要显示的记录数 var disptoprecordnum = 3; // 截取标题到指定长度 function cutOffTitle(title) { if(!title){return ""} if (titleLength == 0 || titleLength >= title.length) { return title; } else if (isEnglishMode) { var cutIndex = titleLength; while (title[cutIndex] != ' ' && title.length >= 0) { cutIndex -= 1; } return title.substring(0, cutIndex) + '...'; } else { return (titleLength >= title.length) ? title : title.substring(0, titleLength) + "..."; } } // 格式化时间 function formatDate(publishedDate, mode) { if (!publishedDate) { return ''; } if (mode === 'mode1') { return '('+dayjs(publishedDate).format("YYYY-MM-DD")+')'; } else if (mode === 'mode2') { return dayjs(publishedDate).format("YYYY年MM月DD日"); } else if (mode === 'mode4') { return '('+dayjs(publishedDate).format("MM-DD")+')'; } else if (mode === 'mode5') { return '('+dayjs(publishedDate).format("YYYY-MM-DD HH:mm")+')'; } else { return '('+dayjs(publishedDate).format("YYYY-MM-DD")+')'; } } function displayPostingsAndPager(r) { var container = $('table#' + uid + ' tbody'); container.empty(); var iCounter = 0; var pages=r.postings; if(startshowrow<r.postings.length){ pages=r.postings.slice(startshowrow); } var summaryListLength = pages.length; var pagerContainer = $("<tr></tr>"); var pagerTd = ''; if(summaryListLength>0){ var tetRcounter = summaryListLength % howManyCellsInEachRow; if (howManyCellsInEachRow != 0 && tetRcounter == 0) { lastRow = parseInt(summaryListLength / howManyCellsInEachRow); } else { lastRow = parseInt(summaryListLength / howManyCellsInEachRow) + 1; } for (var postingCounter = 0; postingCounter < summaryListLength;) { var postingRow = $('<tr style="height: ' + rowHeight + 'px;"></tr>'); for (var postingCellCounter = 0; (postingCellCounter < howManyCellsInEachRow) && (postingCounter < summaryListLength); postingCellCounter++) { var objObject = pages[postingCounter]; var titleTagTd = $('<td align="center" vAlign="middle" style="height: ' + rowHeight + 'px; width: ' + cellWidth + 'px;' + (iCounter % 2 != 0 && alternatecolor ? 'background-color: ' + alternatecolor : '') + '">' + (showTitleTag ? titleTag : '') + '</td>'); postingRow.append(titleTagTd); var titleTd = $('<td align="left" vAlign="middle" style="width: ' + controlWidth + 'px;' + (iCounter % 2 != 0 && alternatecolor ? 'background-color: ' + alternatecolor : '') + '"></td>'); if (isDisplaySummaryOfEachNews) { titleTd.append(titleTag); } var link = $('<a class="data-collecting-sign style10" href="' + objObject.path + '" ' + newWindowTemp + ' data-collecting-param="' + objObject.displayName + '" data-collecting-wname="' + (buriedPointName ? buriedPointName + (postingCounter + 1) : "移动公用新闻列表二" + (postingCounter + 1)) + '"></a>'); if (displayAttr == "name") { link.append(cutOffTitle(objObject.name)); } else if (displayAttr == "summary") { if (objObject.summary === "") { link.append(cutOffTitle(objObject.name)); }else{ link.append(cutOffTitle(objObject.summary)); } } else if (displayAttr == "title") { if (objObject.contentTitle === "") { link.append(cutOffTitle(objObject.name)); }else{ link.append(cutOffTitle(objObject.contentTitle)); } } else { if(objObject.displayName === ""){ link.append(cutOffTitle(objObject.name)); }else{ link.append(cutOffTitle(objObject.displayName)); } } if (noInternalStyle) { titleTd.append(titleTag); titleTd.append(link); } else { var span = $('<span class="ChannelSummaryList-insty"></span>'); span.append(link); titleTd.append(span); } if (isDisplaySummaryOfEachNews) { titleTd.append("<br/>"); titleTd.append('<span class="ChannelSummaryList-summary fs14">    ' + objObject.summary + '……[<a href="' + objObject.id + '" target="_blank" class="more">详细</a>]</span>'); } postingRow.append(titleTd); if (isDisplayDate) { var dateTd = $('<td style="width: ' + dateCellWidth + 'px; ' + (iCounter % 2 != 0 && alternatecolor ? "background-color: " + alternatecolor : '') + '" align="' + (dateMode == "mode3" ? "left" : "center") + '" vAlign="middle"></td>'); if (dateMode == "mode3") { dateTd.append('<span>' + objObject.subTitle + '</span>'); } else if (dateMode == "mode6") { dateTd.append('<span>' + objObject.infoAuthor + '</span>'); } else { dateTd.append('<span class="' + dateStyle + '">' + formatDate(objObject.publishedDate, dateMode) + '</span>'); } postingRow.append(dateTd); } postingCounter++; } container.append(postingRow); iCounter++; if (separatorStyle && (isShowLastLine || iCounter < lastRow)) { var separatorRow = $('<tr></tr>'); separatorRow.append('<td style="' + separatorStyle + '; height: 1px;" colspan="' + (isDisplayDate ? howManyCellsInEachRow * 3 : howManyCellsInEachRow * 2) + '"></td>'); container.append(separatorRow); } } // 分页时渲染 if(isPager){ var buttonContainer = $('<div align="right"></div>'); var preBtn = isEnglishMode ? $('<a class="' + linkCssClass + '" href="javascript:;">Pre</a>') : $('<span class="fs14">【</span><a class="' + linkCssClass + '" href="javascript:;">上一页</a><span class="fs14">】</span>'); var nextBtn = isEnglishMode ? $('<a class="' + linkCssClass + '" href="javascript:;">Next</a>') : $('<span class="fs14">【</span><a class="' + linkCssClass + '" href="javascript:;">下一页</a><span class="fs14">】</span>'); if (r.totalPages > 0) { if (r.currentPage == 1 && r.totalPages != 1) { nextBtn.attr('page-index', r.currentPage + 1); buttonContainer.append(nextBtn); buttonContainer.append(' '); } else if (r.currentPage == r.totalPages && r.totalPages != 1) { preBtn.attr('page-index', r.currentPage - 1); buttonContainer.append(preBtn); buttonContainer.append('  '); } else if (r.currentPage != 1 && r.totalPages > r.currentPage) { preBtn.attr('page-index', r.currentPage - 1); buttonContainer.append(preBtn); buttonContainer.append("  "); nextBtn.attr('page-index', r.currentPage + 1); buttonContainer.append(nextBtn); buttonContainer.append("  "); } } pagerTd = $('<td style="height: 30px;" align="right" colspan="' + pagerColspan + '"></td>'); pagerTd.append(buttonContainer); } //不分页时渲染"更多"按钮 if(!isPager && isDispMoreButton){ var buttonContainer = $('<div align="right"></div>'); var moreBtn = $('<a data-collecting-wname="更多" href="'+ morebuttonlinkurl + '" class="data-collecting-sign '+ linkcssclass +'" target="' + isMoreButtonDispinNewWindow + '">' + moreButtonDetail + '</a>'); buttonContainer.append(moreBtn); buttonContainer.append("  "); pagerTd = $('<td style="height: 30px;" align="right" colspan="' + pagerColspan + '"></td>'); pagerTd.append(buttonContainer); } }else{ // 如果返回的数据不存在，则添加提示 pagerTd=$('<td style="width: ' + controlWidth + 'px;padding:1px;" colspan="' + 3 + '"><br>  当前频道没有记录！</td>'); } pagerContainer.append(pagerTd); container.append(pagerContainer); container.find('tr:last').on('click', function(e) { var page = $(e.target).attr('page-index'); loadPostings(page); }); } // 正常模式的分页请求 var url = (window.location.protocol == "about:" ? "http://" : "//") + window.appConfig.papi.host + "/cmspage/columns/webpart/webservice/channelSummaryList"; var cookies = document.cookie.split(';'); var cisCode = utils.getCookieByCis(cookies,"cisCode"); var groupList = utils.getCookieByCis(cookies,"groupList"); function loadPostings(page) { $("#241023befaa4284ba25f62a1607db36a .tableloading").show(); $("#241023befaa4284ba25f62a1607db36a .tableloading").html("<td colspan='4'><img class='icon-loading' src='/resource/img/control/loading.gif'></img>正在加载中...</td>"); $.ajax({ url: url, data: { cisCode: cisCode || "", customerGroupNoList: groupList ? JSON.parse(groupList).join(",") : "", isBindGroup: true, currentColumnId: currentColumnId, summaryColumnId: summaryColumnId, displayTopPostings: isPager ? 0 : disptoprecordnum, needDisplayChildrenPostings: needDisplayChildrenPostings, author: author, enablePager: isPager, page: page, size: size, isUseDomain:false, domainName:domainName||"", }, success: function(r) { if (r.data) { $("#241023befaa4284ba25f62a1607db36a .tableloading").hide(); displayPostingsAndPager(r.data); }else{ $("#241023befaa4284ba25f62a1607db36a .tableloading").html("<td colspan='4'>当前频道没有记录！</td>"); } }, error: function() { $("#241023befaa4284ba25f62a1607db36a .tableloading").html("<td colspan='4'>加载失败，请稍后再试！</td>"); } }); } loadPostings(1); }); </script> <style type="text/css"> .ChannelSummaryList-insty { line-height: 150% } .ChannelSummaryList-summary { line-height: 160%; color: #222; text-decoration: none } </style> </li>  </ul> </div> <div class="notice_more r"> <p id="i21a4" style="width: 96px;"><a href="/column/1438058327061184562.html" target="_blank" data-collecting-wname="点击更多公告" rel="noopener" class="data-collecting-sign">更多公告</a></p> </div> </div> </div> </div>  <div data-collecting-aname="快捷功能区"> <div id="webpartdivID92493aaf-a41a-fc59-1232-8baac4facdbd" class="webpartdiv"> <script language="javascript" type="text/javascript"> $.ajax({ url: '/HtmlPatch/ICBC/shouye/kuaijiegongneng.htm', type: 'get', cache: true, async: false, success: function (html) { if(window.appConfig.enableBakHost){ html = bakHostReplace(html); } $('#webpartdivID92493aaf-a41a-fc59-1232-8baac4facdbd').append(html); } }); </script> </div> </div>  <div id="iupbb" class="action_T" style="height: 800px;"> <div class="w-center"> <div class="action_T_tit"></div> <div class="action_T_head"> <div class="action_T_text"><span><span id="ip83q" style="display: none;"> </span></span> <p>投资理财</p> </div> <div class="action_T_di"></div> </div> <div class="tzlc"> <div class="wrap"> <ul id="tab_t"> <li class="on"><a href="/column/1438058319784067082.html"> <p>理财</p> </a></li> <li><a href="/column/1438058319654043686.html"> <p>贵金属</p> </a></li> <li><a href="/column/1438058319456911366.html"> <p>基金</p> </a></li> <li><a href="/column/1438058319784067108.html"> <p>外汇</p> </a></li> <li><a href="/column/1438058319654043681.html"> <p>保险</p> </a></li> </ul> <div id="tab_c"> <div data-collecting-aname="投资理财区-理财" class="tzlc1"> <div class="tzlc1_mainL l"> <div class="top"> <div class="top_main"> <div><span class="kuoD2"><span id="iyztq" style="display: none;"> </span></span></div> <div class="notice_main"> <ul> <li> <table id="e7b617c823f8689fd28857ead64c47be" style="border-collapse: collapse;" border="0" cellspacing="0" cellpadding="0"> <tbody> <tr class="tableloading" style="margin-left:15px;"></tr> </tbody> </table> <script> $(function() { var currentColumnId = '1438058313303867398'; var summaryColumnId = '1438058343720960447'; var needDisplayChildrenPostings = true; var author = ''; var size = 20; var uid = 'e7b617c823f8689fd28857ead64c47be'; var pagerColspan = 3; var isEnglishMode = false; var linkCssClass = 'style10'; var rowHeight = '30'; var howManyCellsInEachRow = 1; var cellWidth = 0; var alternatecolor = ''; var showTitleTag = false; var titleTag = ""; var newWindowTemp = 'target=_blank'; var controlWidth = 400; var isDisplaySummaryOfEachNews = false; var noInternalStyle = false; var domainName = ''; var buriedPointName = ''; var titleLength = 24; var isDisplayDate = false; var dateMode = 'mode1'; var dateCellWidth = '80'; var dateStyle = 'text'; var separatorStyle = ''; var lastRow = 0; var isShowLastLine = false; var displayAttr = 'displayName'; var startshowrow = 0; var isPager = false; var isDispMoreButton = false; var morebuttonlinkurl = '#'; var isMoreButtonDispinNewWindow = '_top'; var moreButtonDetail = '更多...'; var linkcssclass = 'style10'; // 不分页时,要显示的记录数 var disptoprecordnum = 1; // 截取标题到指定长度 function cutOffTitle(title) { if(!title){return ""} if (titleLength == 0 || titleLength >= title.length) { return title; } else if (isEnglishMode) { var cutIndex = titleLength; while (title[cutIndex] != ' ' && title.length >= 0) { cutIndex -= 1; } return title.substring(0, cutIndex) + '...'; } else { return (titleLength >= title.length) ? title : title.substring(0, titleLength) + "..."; } } // 格式化时间 function formatDate(publishedDate, mode) { if (!publishedDate) { return ''; } if (mode === 'mode1') { return '('+dayjs(publishedDate).format("YYYY-MM-DD")+')'; } else if (mode === 'mode2') { return dayjs(publishedDate).format("YYYY年MM月DD日"); } else if (mode === 'mode4') { return '('+dayjs(publishedDate).format("MM-DD")+')'; } else if (mode === 'mode5') { return '('+dayjs(publishedDate).format("YYYY-MM-DD HH:mm")+')'; } else { return '('+dayjs(publishedDate).format("YYYY-MM-DD")+')'; } } function displayPostingsAndPager(r) { var container = $('table#' + uid + ' tbody'); container.empty(); var iCounter = 0; var pages=r.postings; if(startshowrow<r.postings.length){ pages=r.postings.slice(startshowrow); } var summaryListLength = pages.length; var pagerContainer = $("<tr></tr>"); var pagerTd = ''; if(summaryListLength>0){ var tetRcounter = summaryListLength % howManyCellsInEachRow; if (howManyCellsInEachRow != 0 && tetRcounter == 0) { lastRow = parseInt(summaryListLength / howManyCellsInEachRow); } else { lastRow = parseInt(summaryListLength / howManyCellsInEachRow) + 1; } for (var postingCounter = 0; postingCounter < summaryListLength;) { var postingRow = $('<tr style="height: ' + rowHeight + 'px;"></tr>'); for (var postingCellCounter = 0; (postingCellCounter < howManyCellsInEachRow) && (postingCounter < summaryListLength); postingCellCounter++) { var objObject = pages[postingCounter]; var titleTagTd = $('<td align="center" vAlign="middle" style="height: ' + rowHeight + 'px; width: ' + cellWidth + 'px;' + (iCounter % 2 != 0 && alternatecolor ? 'background-color: ' + alternatecolor : '') + '">' + (showTitleTag ? titleTag : '') + '</td>'); postingRow.append(titleTagTd); var titleTd = $('<td align="left" vAlign="middle" style="width: ' + controlWidth + 'px;' + (iCounter % 2 != 0 && alternatecolor ? 'background-color: ' + alternatecolor : '') + '"></td>'); if (isDisplaySummaryOfEachNews) { titleTd.append(titleTag); } var link = $('<a class="data-collecting-sign style10" href="' + objObject.path + '" ' + newWindowTemp + ' data-collecting-param="' + objObject.displayName + '" data-collecting-wname="' + (buriedPointName ? buriedPointName + (postingCounter + 1) : "移动公用新闻列表二" + (postingCounter + 1)) + '"></a>'); if (displayAttr == "name") { link.append(cutOffTitle(objObject.name)); } else if (displayAttr == "summary") { if (objObject.summary === "") { link.append(cutOffTitle(objObject.name)); }else{ link.append(cutOffTitle(objObject.summary)); } } else if (displayAttr == "title") { if (objObject.contentTitle === "") { link.append(cutOffTitle(objObject.name)); }else{ link.append(cutOffTitle(objObject.contentTitle)); } } else { if(objObject.displayName === ""){ link.append(cutOffTitle(objObject.name)); }else{ link.append(cutOffTitle(objObject.displayName)); } } if (noInternalStyle) { titleTd.append(titleTag); titleTd.append(link); } else { var span = $('<span class="ChannelSummaryList-insty"></span>'); span.append(link); titleTd.append(span); } if (isDisplaySummaryOfEachNews) { titleTd.append("<br/>"); titleTd.append('<span class="ChannelSummaryList-summary fs14">    ' + objObject.summary + '……[<a href="' + objObject.id + '" target="_blank" class="more">详细</a>]</span>'); } postingRow.append(titleTd); if (isDisplayDate) { var dateTd = $('<td style="width: ' + dateCellWidth + 'px; ' + (iCounter % 2 != 0 && alternatecolor ? "background-color: " + alternatecolor : '') + '" align="' + (dateMode == "mode3" ? "left" : "center") + '" vAlign="middle"></td>'); if (dateMode == "mode3") { dateTd.append('<span>' + objObject.subTitle + '</span>'); } else if (dateMode == "mode6") { dateTd.append('<span>' + objObject.infoAuthor + '</span>'); } else { dateTd.append('<span class="' + dateStyle + '">' + formatDate(objObject.publishedDate, dateMode) + '</span>'); } postingRow.append(dateTd); } postingCounter++; } container.append(postingRow); iCounter++; if (separatorStyle && (isShowLastLine || iCounter < lastRow)) { var separatorRow = $('<tr></tr>'); separatorRow.append('<td style="' + separatorStyle + '; height: 1px;" colspan="' + (isDisplayDate ? howManyCellsInEachRow * 3 : howManyCellsInEachRow * 2) + '"></td>'); container.append(separatorRow); } } // 分页时渲染 if(isPager){ var buttonContainer = $('<div align="right"></div>'); var preBtn = isEnglishMode ? $('<a class="' + linkCssClass + '" href="javascript:;">Pre</a>') : $('<span class="fs14">【</span><a class="' + linkCssClass + '" href="javascript:;">上一页</a><span class="fs14">】</span>'); var nextBtn = isEnglishMode ? $('<a class="' + linkCssClass + '" href="javascript:;">Next</a>') : $('<span class="fs14">【</span><a class="' + linkCssClass + '" href="javascript:;">下一页</a><span class="fs14">】</span>'); if (r.totalPages > 0) { if (r.currentPage == 1 && r.totalPages != 1) { nextBtn.attr('page-index', r.currentPage + 1); buttonContainer.append(nextBtn); buttonContainer.append(' '); } else if (r.currentPage == r.totalPages && r.totalPages != 1) { preBtn.attr('page-index', r.currentPage - 1); buttonContainer.append(preBtn); buttonContainer.append('  '); } else if (r.currentPage != 1 && r.totalPages > r.currentPage) { preBtn.attr('page-index', r.currentPage - 1); buttonContainer.append(preBtn); buttonContainer.append("  "); nextBtn.attr('page-index', r.currentPage + 1); buttonContainer.append(nextBtn); buttonContainer.append("  "); } } pagerTd = $('<td style="height: 30px;" align="right" colspan="' + pagerColspan + '"></td>'); pagerTd.append(buttonContainer); } //不分页时渲染"更多"按钮 if(!isPager && isDispMoreButton){ var buttonContainer = $('<div align="right"></div>'); var moreBtn = $('<a data-collecting-wname="更多" href="'+ morebuttonlinkurl + '" class="data-collecting-sign '+ linkcssclass +'" target="' + isMoreButtonDispinNewWindow + '">' + moreButtonDetail + '</a>'); buttonContainer.append(moreBtn); buttonContainer.append("  "); pagerTd = $('<td style="height: 30px;" align="right" colspan="' + pagerColspan + '"></td>'); pagerTd.append(buttonContainer); } }else{ // 如果返回的数据不存在，则添加提示 pagerTd=$('<td style="width: ' + controlWidth + 'px;padding:1px;" colspan="' + 3 + '"><br>  当前频道没有记录！</td>'); } pagerContainer.append(pagerTd); container.append(pagerContainer); container.find('tr:last').on('click', function(e) { var page = $(e.target).attr('page-index'); loadPostings(page); }); } // 正常模式的分页请求 var url = (window.location.protocol == "about:" ? "http://" : "//") + window.appConfig.papi.host + "/cmspage/columns/webpart/webservice/channelSummaryList"; var cookies = document.cookie.split(';'); var cisCode = utils.getCookieByCis(cookies,"cisCode"); var groupList = utils.getCookieByCis(cookies,"groupList"); function loadPostings(page) { $("#e7b617c823f8689fd28857ead64c47be .tableloading").show(); $("#e7b617c823f8689fd28857ead64c47be .tableloading").html("<td colspan='4'><img class='icon-loading' src='/resource/img/control/loading.gif'></img>正在加载中...</td>"); $.ajax({ url: url, data: { cisCode: cisCode || "", customerGroupNoList: groupList ? JSON.parse(groupList).join(",") : "", isBindGroup: true, currentColumnId: currentColumnId, summaryColumnId: summaryColumnId, displayTopPostings: isPager ? 0 : disptoprecordnum, needDisplayChildrenPostings: needDisplayChildrenPostings, author: author, enablePager: isPager, page: page, size: size, isUseDomain:false, domainName:domainName||"", }, success: function(r) { if (r.data) { $("#e7b617c823f8689fd28857ead64c47be .tableloading").hide(); displayPostingsAndPager(r.data); }else{ $("#e7b617c823f8689fd28857ead64c47be .tableloading").html("<td colspan='4'>当前频道没有记录！</td>"); } }, error: function() { $("#e7b617c823f8689fd28857ead64c47be .tableloading").html("<td colspan='4'>加载失败，请稍后再试！</td>"); } }); } loadPostings(1); }); </script> <style type="text/css"> .ChannelSummaryList-insty { line-height: 150% } .ChannelSummaryList-summary { line-height: 160%; color: #222; text-decoration: none } </style> </li> <li> <table id="17602b094192df81ed1587c3763500f2" style="border-collapse: collapse;" border="0" cellspacing="0" cellpadding="0"> <tbody> <tr class="tableloading" style="margin-left:15px;"></tr> </tbody> </table> <script> $(function() { var currentColumnId = '1438058313303867398'; var summaryColumnId = '1438058343720960447'; var needDisplayChildrenPostings = true; var author = ''; var size = 20; var uid = '17602b094192df81ed1587c3763500f2'; var pagerColspan = 3; var isEnglishMode = false; var linkCssClass = 'style10'; var rowHeight = '30'; var howManyCellsInEachRow = 1; var cellWidth = 0; var alternatecolor = ''; var showTitleTag = false; var titleTag = ""; var newWindowTemp = 'target=_blank'; var controlWidth = 400; var isDisplaySummaryOfEachNews = false; var noInternalStyle = false; var domainName = ''; var buriedPointName = ''; var titleLength = 24; var isDisplayDate = false; var dateMode = 'mode1'; var dateCellWidth = '80'; var dateStyle = 'text'; var separatorStyle = ''; var lastRow = 0; var isShowLastLine = false; var displayAttr = 'displayName'; var startshowrow = 1; var isPager = false; var isDispMoreButton = false; var morebuttonlinkurl = '#'; var isMoreButtonDispinNewWindow = '_top'; var moreButtonDetail = '更多...'; var linkcssclass = 'style10'; // 不分页时,要显示的记录数 var disptoprecordnum = 2; // 截取标题到指定长度 function cutOffTitle(title) { if(!title){return ""} if (titleLength == 0 || titleLength >= title.length) { return title; } else if (isEnglishMode) { var cutIndex = titleLength; while (title[cutIndex] != ' ' && title.length >= 0) { cutIndex -= 1; } return title.substring(0, cutIndex) + '...'; } else { return (titleLength >= title.length) ? title : title.substring(0, titleLength) + "..."; } } // 格式化时间 function formatDate(publishedDate, mode) { if (!publishedDate) { return ''; } if (mode === 'mode1') { return '('+dayjs(publishedDate).format("YYYY-MM-DD")+')'; } else if (mode === 'mode2') { return dayjs(publishedDate).format("YYYY年MM月DD日"); } else if (mode === 'mode4') { return '('+dayjs(publishedDate).format("MM-DD")+')'; } else if (mode === 'mode5') { return '('+dayjs(publishedDate).format("YYYY-MM-DD HH:mm")+')'; } else { return '('+dayjs(publishedDate).format("YYYY-MM-DD")+')'; } } function displayPostingsAndPager(r) { var container = $('table#' + uid + ' tbody'); container.empty(); var iCounter = 0; var pages=r.postings; if(startshowrow<r.postings.length){ pages=r.postings.slice(startshowrow); } var summaryListLength = pages.length; var pagerContainer = $("<tr></tr>"); var pagerTd = ''; if(summaryListLength>0){ var tetRcounter = summaryListLength % howManyCellsInEachRow; if (howManyCellsInEachRow != 0 && tetRcounter == 0) { lastRow = parseInt(summaryListLength / howManyCellsInEachRow); } else { lastRow = parseInt(summaryListLength / howManyCellsInEachRow) + 1; } for (var postingCounter = 0; postingCounter < summaryListLength;) { var postingRow = $('<tr style="height: ' + rowHeight + 'px;"></tr>'); for (var postingCellCounter = 0; (postingCellCounter < howManyCellsInEachRow) && (postingCounter < summaryListLength); postingCellCounter++) { var objObject = pages[postingCounter]; var titleTagTd = $('<td align="center" vAlign="middle" style="height: ' + rowHeight + 'px; width: ' + cellWidth + 'px;' + (iCounter % 2 != 0 && alternatecolor ? 'background-color: ' + alternatecolor : '') + '">' + (showTitleTag ? titleTag : '') + '</td>'); postingRow.append(titleTagTd); var titleTd = $('<td align="left" vAlign="middle" style="width: ' + controlWidth + 'px;' + (iCounter % 2 != 0 && alternatecolor ? 'background-color: ' + alternatecolor : '') + '"></td>'); if (isDisplaySummaryOfEachNews) { titleTd.append(titleTag); } var link = $('<a class="data-collecting-sign style10" href="' + objObject.path + '" ' + newWindowTemp + ' data-collecting-param="' + objObject.displayName + '" data-collecting-wname="' + (buriedPointName ? buriedPointName + (postingCounter + 1) : "移动公用新闻列表二" + (postingCounter + 1)) + '"></a>'); if (displayAttr == "name") { link.append(cutOffTitle(objObject.name)); } else if (displayAttr == "summary") { if (objObject.summary === "") { link.append(cutOffTitle(objObject.name)); }else{ link.append(cutOffTitle(objObject.summary)); } } else if (displayAttr == "title") { if (objObject.contentTitle === "") { link.append(cutOffTitle(objObject.name)); }else{ link.append(cutOffTitle(objObject.contentTitle)); } } else { if(objObject.displayName === ""){ link.append(cutOffTitle(objObject.name)); }else{ link.append(cutOffTitle(objObject.displayName)); } } if (noInternalStyle) { titleTd.append(titleTag); titleTd.append(link); } else { var span = $('<span class="ChannelSummaryList-insty"></span>'); span.append(link); titleTd.append(span); } if (isDisplaySummaryOfEachNews) { titleTd.append("<br/>"); titleTd.append('<span class="ChannelSummaryList-summary fs14">    ' + objObject.summary + '……[<a href="' + objObject.id + '" target="_blank" class="more">详细</a>]</span>'); } postingRow.append(titleTd); if (isDisplayDate) { var dateTd = $('<td style="width: ' + dateCellWidth + 'px; ' + (iCounter % 2 != 0 && alternatecolor ? "background-color: " + alternatecolor : '') + '" align="' + (dateMode == "mode3" ? "left" : "center") + '" vAlign="middle"></td>'); if (dateMode == "mode3") { dateTd.append('<span>' + objObject.subTitle + '</span>'); } else if (dateMode == "mode6") { dateTd.append('<span>' + objObject.infoAuthor + '</span>'); } else { dateTd.append('<span class="' + dateStyle + '">' + formatDate(objObject.publishedDate, dateMode) + '</span>'); } postingRow.append(dateTd); } postingCounter++; } container.append(postingRow); iCounter++; if (separatorStyle && (isShowLastLine || iCounter < lastRow)) { var separatorRow = $('<tr></tr>'); separatorRow.append('<td style="' + separatorStyle + '; height: 1px;" colspan="' + (isDisplayDate ? howManyCellsInEachRow * 3 : howManyCellsInEachRow * 2) + '"></td>'); container.append(separatorRow); } } // 分页时渲染 if(isPager){ var buttonContainer = $('<div align="right"></div>'); var preBtn = isEnglishMode ? $('<a class="' + linkCssClass + '" href="javascript:;">Pre</a>') : $('<span class="fs14">【</span><a class="' + linkCssClass + '" href="javascript:;">上一页</a><span class="fs14">】</span>'); var nextBtn = isEnglishMode ? $('<a class="' + linkCssClass + '" href="javascript:;">Next</a>') : $('<span class="fs14">【</span><a class="' + linkCssClass + '" href="javascript:;">下一页</a><span class="fs14">】</span>'); if (r.totalPages > 0) { if (r.currentPage == 1 && r.totalPages != 1) { nextBtn.attr('page-index', r.currentPage + 1); buttonContainer.append(nextBtn); buttonContainer.append(' '); } else if (r.currentPage == r.totalPages && r.totalPages != 1) { preBtn.attr('page-index', r.currentPage - 1); buttonContainer.append(preBtn); buttonContainer.append('  '); } else if (r.currentPage != 1 && r.totalPages > r.currentPage) { preBtn.attr('page-index', r.currentPage - 1); buttonContainer.append(preBtn); buttonContainer.append("  "); nextBtn.attr('page-index', r.currentPage + 1); buttonContainer.append(nextBtn); buttonContainer.append("  "); } } pagerTd = $('<td style="height: 30px;" align="right" colspan="' + pagerColspan + '"></td>'); pagerTd.append(buttonContainer); } //不分页时渲染"更多"按钮 if(!isPager && isDispMoreButton){ var buttonContainer = $('<div align="right"></div>'); var moreBtn = $('<a data-collecting-wname="更多" href="'+ morebuttonlinkurl + '" class="data-collecting-sign '+ linkcssclass +'" target="' + isMoreButtonDispinNewWindow + '">' + moreButtonDetail + '</a>'); buttonContainer.append(moreBtn); buttonContainer.append("  "); pagerTd = $('<td style="height: 30px;" align="right" colspan="' + pagerColspan + '"></td>'); pagerTd.append(buttonContainer); } }else{ // 如果返回的数据不存在，则添加提示 pagerTd=$('<td style="width: ' + controlWidth + 'px;padding:1px;" colspan="' + 3 + '"><br>  当前频道没有记录！</td>'); } pagerContainer.append(pagerTd); container.append(pagerContainer); container.find('tr:last').on('click', function(e) { var page = $(e.target).attr('page-index'); loadPostings(page); }); } // 正常模式的分页请求 var url = (window.location.protocol == "about:" ? "http://" : "//") + window.appConfig.papi.host + "/cmspage/columns/webpart/webservice/channelSummaryList"; var cookies = document.cookie.split(';'); var cisCode = utils.getCookieByCis(cookies,"cisCode"); var groupList = utils.getCookieByCis(cookies,"groupList"); function loadPostings(page) { $("#17602b094192df81ed1587c3763500f2 .tableloading").show(); $("#17602b094192df81ed1587c3763500f2 .tableloading").html("<td colspan='4'><img class='icon-loading' src='/resource/img/control/loading.gif'></img>正在加载中...</td>"); $.ajax({ url: url, data: { cisCode: cisCode || "", customerGroupNoList: groupList ? JSON.parse(groupList).join(",") : "", isBindGroup: true, currentColumnId: currentColumnId, summaryColumnId: summaryColumnId, displayTopPostings: isPager ? 0 : disptoprecordnum, needDisplayChildrenPostings: needDisplayChildrenPostings, author: author, enablePager: isPager, page: page, size: size, isUseDomain:false, domainName:domainName||"", }, success: function(r) { if (r.data) { $("#17602b094192df81ed1587c3763500f2 .tableloading").hide(); displayPostingsAndPager(r.data); }else{ $("#17602b094192df81ed1587c3763500f2 .tableloading").html("<td colspan='4'>当前频道没有记录！</td>"); } }, error: function() { $("#17602b094192df81ed1587c3763500f2 .tableloading").html("<td colspan='4'>加载失败，请稍后再试！</td>"); } }); } loadPostings(1); }); </script> <style type="text/css"> .ChannelSummaryList-insty { line-height: 150% } .ChannelSummaryList-summary { line-height: 160%; color: #222; text-decoration: none } </style> </li> </ul> </div> <div class="more r"><a href="/column/1438058343720960447.html" target="_blank" rel="noopener" data-collecting-wname="点击更多披露" class="data-collecting-sign">更多</a></div> </div> </div> <div class="tzlc_footer"> <div id="webpartdivID86cac8ff-c83d-006f-2541-ec7615ef6f02" class="webpartdiv"> <script language="javascript" type="text/javascript"> $.ajax({ url: '/HtmlPatch/ICBC/shouye/touzilicai/licai_l1.htm', type: 'get', cache: true, async: false, success: function (html) { if(window.appConfig.enableBakHost){ html = bakHostReplace(html); } $('#webpartdivID86cac8ff-c83d-006f-2541-ec7615ef6f02').append(html); } }); </script> </div> <div id="webpartdivID44236e32-8ecf-77c9-17c9-4e8b0cd0a8b1" class="webpartdiv"> <script language="javascript" type="text/javascript"> $.ajax({ url: '/HtmlPatch/ICBC/shouye/touzilicai/licai_l2.htm', type: 'get', cache: true, async: false, success: function (html) { if(window.appConfig.enableBakHost){ html = bakHostReplace(html); } $('#webpartdivID44236e32-8ecf-77c9-17c9-4e8b0cd0a8b1').append(html); } }); </script> </div> </div> </div> <div class="tzlc1_mainR r"> <div class="items"> <div id="webpartdivID0b544c47-2551-ec82-f39e-0fb49ebfa458" class="webpartdiv"> <script language="javascript" type="text/javascript"> $.ajax({ url: '/HtmlPatch/ICBC/shouye/touzilicai/licai_r.htm', type: 'get', cache: true, async: false, success: function (html) { if(window.appConfig.enableBakHost){ html = bakHostReplace(html); } $('#webpartdivID0b544c47-2551-ec82-f39e-0fb49ebfa458').append(html); } }); </script> </div> </div> </div> </div> <div data-collecting-aname="投资理财区-贵金属" class="tzlc2 hide"> <div class="tzlc1_mainL l"> <div class="top"> <div class="top_main"> <div><span class="kuoD"><span id="iol28d" style="display: none;"> </span></span></div> <div class="notice_main"> <ul> <li> <table id="a336593feb59427f3a49d98435b27539" style="border-collapse: collapse;" border="0" cellspacing="0" cellpadding="0"> <tbody> <tr class="tableloading" style="margin-left:15px;"></tr> </tbody> </table> <script> $(function() { var currentColumnId = '1438058313303867398'; var summaryColumnId = '1438058326469787852'; var needDisplayChildrenPostings = true; var author = ''; var size = 20; var uid = 'a336593feb59427f3a49d98435b27539'; var pagerColspan = 3; var isEnglishMode = false; var linkCssClass = 'style10'; var rowHeight = '30'; var howManyCellsInEachRow = 1; var cellWidth = 0; var alternatecolor = ''; var showTitleTag = false; var titleTag = ""; var newWindowTemp = 'target=_blank'; var controlWidth = 400; var isDisplaySummaryOfEachNews = false; var noInternalStyle = false; var domainName = ''; var buriedPointName = ''; var titleLength = 24; var isDisplayDate = false; var dateMode = 'mode1'; var dateCellWidth = '80'; var dateStyle = 'text'; var separatorStyle = ''; var lastRow = 0; var isShowLastLine = false; var displayAttr = 'displayName'; var startshowrow = 0; var isPager = false; var isDispMoreButton = false; var morebuttonlinkurl = '#'; var isMoreButtonDispinNewWindow = '_top'; var moreButtonDetail = '更多...'; var linkcssclass = 'style10'; // 不分页时,要显示的记录数 var disptoprecordnum = 1; // 截取标题到指定长度 function cutOffTitle(title) { if(!title){return ""} if (titleLength == 0 || titleLength >= title.length) { return title; } else if (isEnglishMode) { var cutIndex = titleLength; while (title[cutIndex] != ' ' && title.length >= 0) { cutIndex -= 1; } return title.substring(0, cutIndex) + '...'; } else { return (titleLength >= title.length) ? title : title.substring(0, titleLength) + "..."; } } // 格式化时间 function formatDate(publishedDate, mode) { if (!publishedDate) { return ''; } if (mode === 'mode1') { return '('+dayjs(publishedDate).format("YYYY-MM-DD")+')'; } else if (mode === 'mode2') { return dayjs(publishedDate).format("YYYY年MM月DD日"); } else if (mode === 'mode4') { return '('+dayjs(publishedDate).format("MM-DD")+')'; } else if (mode === 'mode5') { return '('+dayjs(publishedDate).format("YYYY-MM-DD HH:mm")+')'; } else { return '('+dayjs(publishedDate).format("YYYY-MM-DD")+')'; } } function displayPostingsAndPager(r) { var container = $('table#' + uid + ' tbody'); container.empty(); var iCounter = 0; var pages=r.postings; if(startshowrow<r.postings.length){ pages=r.postings.slice(startshowrow); } var summaryListLength = pages.length; var pagerContainer = $("<tr></tr>"); var pagerTd = ''; if(summaryListLength>0){ var tetRcounter = summaryListLength % howManyCellsInEachRow; if (howManyCellsInEachRow != 0 && tetRcounter == 0) { lastRow = parseInt(summaryListLength / howManyCellsInEachRow); } else { lastRow = parseInt(summaryListLength / howManyCellsInEachRow) + 1; } for (var postingCounter = 0; postingCounter < summaryListLength;) { var postingRow = $('<tr style="height: ' + rowHeight + 'px;"></tr>'); for (var postingCellCounter = 0; (postingCellCounter < howManyCellsInEachRow) && (postingCounter < summaryListLength); postingCellCounter++) { var objObject = pages[postingCounter]; var titleTagTd = $('<td align="center" vAlign="middle" style="height: ' + rowHeight + 'px; width: ' + cellWidth + 'px;' + (iCounter % 2 != 0 && alternatecolor ? 'background-color: ' + alternatecolor : '') + '">' + (showTitleTag ? titleTag : '') + '</td>'); postingRow.append(titleTagTd); var titleTd = $('<td align="left" vAlign="middle" style="width: ' + controlWidth + 'px;' + (iCounter % 2 != 0 && alternatecolor ? 'background-color: ' + alternatecolor : '') + '"></td>'); if (isDisplaySummaryOfEachNews) { titleTd.append(titleTag); } var link = $('<a class="data-collecting-sign style10" href="' + objObject.path + '" ' + newWindowTemp + ' data-collecting-param="' + objObject.displayName + '" data-collecting-wname="' + (buriedPointName ? buriedPointName + (postingCounter + 1) : "移动公用新闻列表二" + (postingCounter + 1)) + '"></a>'); if (displayAttr == "name") { link.append(cutOffTitle(objObject.name)); } else if (displayAttr == "summary") { if (objObject.summary === "") { link.append(cutOffTitle(objObject.name)); }else{ link.append(cutOffTitle(objObject.summary)); } } else if (displayAttr == "title") { if (objObject.contentTitle === "") { link.append(cutOffTitle(objObject.name)); }else{ link.append(cutOffTitle(objObject.contentTitle)); } } else { if(objObject.displayName === ""){ link.append(cutOffTitle(objObject.name)); }else{ link.append(cutOffTitle(objObject.displayName)); } } if (noInternalStyle) { titleTd.append(titleTag); titleTd.append(link); } else { var span = $('<span class="ChannelSummaryList-insty"></span>'); span.append(link); titleTd.append(span); } if (isDisplaySummaryOfEachNews) { titleTd.append("<br/>"); titleTd.append('<span class="ChannelSummaryList-summary fs14">    ' + objObject.summary + '……[<a href="' + objObject.id + '" target="_blank" class="more">详细</a>]</span>'); } postingRow.append(titleTd); if (isDisplayDate) { var dateTd = $('<td style="width: ' + dateCellWidth + 'px; ' + (iCounter % 2 != 0 && alternatecolor ? "background-color: " + alternatecolor : '') + '" align="' + (dateMode == "mode3" ? "left" : "center") + '" vAlign="middle"></td>'); if (dateMode == "mode3") { dateTd.append('<span>' + objObject.subTitle + '</span>'); } else if (dateMode == "mode6") { dateTd.append('<span>' + objObject.infoAuthor + '</span>'); } else { dateTd.append('<span class="' + dateStyle + '">' + formatDate(objObject.publishedDate, dateMode) + '</span>'); } postingRow.append(dateTd); } postingCounter++; } container.append(postingRow); iCounter++; if (separatorStyle && (isShowLastLine || iCounter < lastRow)) { var separatorRow = $('<tr></tr>'); separatorRow.append('<td style="' + separatorStyle + '; height: 1px;" colspan="' + (isDisplayDate ? howManyCellsInEachRow * 3 : howManyCellsInEachRow * 2) + '"></td>'); container.append(separatorRow); } } // 分页时渲染 if(isPager){ var buttonContainer = $('<div align="right"></div>'); var preBtn = isEnglishMode ? $('<a class="' + linkCssClass + '" href="javascript:;">Pre</a>') : $('<span class="fs14">【</span><a class="' + linkCssClass + '" href="javascript:;">上一页</a><span class="fs14">】</span>'); var nextBtn = isEnglishMode ? $('<a class="' + linkCssClass + '" href="javascript:;">Next</a>') : $('<span class="fs14">【</span><a class="' + linkCssClass + '" href="javascript:;">下一页</a><span class="fs14">】</span>'); if (r.totalPages > 0) { if (r.currentPage == 1 && r.totalPages != 1) { nextBtn.attr('page-index', r.currentPage + 1); buttonContainer.append(nextBtn); buttonContainer.append(' '); } else if (r.currentPage == r.totalPages && r.totalPages != 1) { preBtn.attr('page-index', r.currentPage - 1); buttonContainer.append(preBtn); buttonContainer.append('  '); } else if (r.currentPage != 1 && r.totalPages > r.currentPage) { preBtn.attr('page-index', r.currentPage - 1); buttonContainer.append(preBtn); buttonContainer.append("  "); nextBtn.attr('page-index', r.currentPage + 1); buttonContainer.append(nextBtn); buttonContainer.append("  "); } } pagerTd = $('<td style="height: 30px;" align="right" colspan="' + pagerColspan + '"></td>'); pagerTd.append(buttonContainer); } //不分页时渲染"更多"按钮 if(!isPager && isDispMoreButton){ var buttonContainer = $('<div align="right"></div>'); var moreBtn = $('<a data-collecting-wname="更多" href="'+ morebuttonlinkurl + '" class="data-collecting-sign '+ linkcssclass +'" target="' + isMoreButtonDispinNewWindow + '">' + moreButtonDetail + '</a>'); buttonContainer.append(moreBtn); buttonContainer.append("  "); pagerTd = $('<td style="height: 30px;" align="right" colspan="' + pagerColspan + '"></td>'); pagerTd.append(buttonContainer); } }else{ // 如果返回的数据不存在，则添加提示 pagerTd=$('<td style="width: ' + controlWidth + 'px;padding:1px;" colspan="' + 3 + '"><br>  当前频道没有记录！</td>'); } pagerContainer.append(pagerTd); container.append(pagerContainer); container.find('tr:last').on('click', function(e) { var page = $(e.target).attr('page-index'); loadPostings(page); }); } // 正常模式的分页请求 var url = (window.location.protocol == "about:" ? "http://" : "//") + window.appConfig.papi.host + "/cmspage/columns/webpart/webservice/channelSummaryList"; var cookies = document.cookie.split(';'); var cisCode = utils.getCookieByCis(cookies,"cisCode"); var groupList = utils.getCookieByCis(cookies,"groupList"); function loadPostings(page) { $("#a336593feb59427f3a49d98435b27539 .tableloading").show(); $("#a336593feb59427f3a49d98435b27539 .tableloading").html("<td colspan='4'><img class='icon-loading' src='/resource/img/control/loading.gif'></img>正在加载中...</td>"); $.ajax({ url: url, data: { cisCode: cisCode || "", customerGroupNoList: groupList ? JSON.parse(groupList).join(",") : "", isBindGroup: true, currentColumnId: currentColumnId, summaryColumnId: summaryColumnId, displayTopPostings: isPager ? 0 : disptoprecordnum, needDisplayChildrenPostings: needDisplayChildrenPostings, author: author, enablePager: isPager, page: page, size: size, isUseDomain:false, domainName:domainName||"", }, success: function(r) { if (r.data) { $("#a336593feb59427f3a49d98435b27539 .tableloading").hide(); displayPostingsAndPager(r.data); }else{ $("#a336593feb59427f3a49d98435b27539 .tableloading").html("<td colspan='4'>当前频道没有记录！</td>"); } }, error: function() { $("#a336593feb59427f3a49d98435b27539 .tableloading").html("<td colspan='4'>加载失败，请稍后再试！</td>"); } }); } loadPostings(1); }); </script> <style type="text/css"> .ChannelSummaryList-insty { line-height: 150% } .ChannelSummaryList-summary { line-height: 160%; color: #222; text-decoration: none } </style> </li> <li> <table id="8d10470c661a0aeb4826567ca3dc742a" style="border-collapse: collapse;" border="0" cellspacing="0" cellpadding="0"> <tbody> <tr class="tableloading" style="margin-left:15px;"></tr> </tbody> </table> <script> $(function() { var currentColumnId = '1438058313303867398'; var summaryColumnId = '1438058326469787852'; var needDisplayChildrenPostings = true; var author = ''; var size = 20; var uid = '8d10470c661a0aeb4826567ca3dc742a'; var pagerColspan = 3; var isEnglishMode = false; var linkCssClass = 'style10'; var rowHeight = '30'; var howManyCellsInEachRow = 1; var cellWidth = 0; var alternatecolor = ''; var showTitleTag = false; var titleTag = ""; var newWindowTemp = 'target=_blank'; var controlWidth = 400; var isDisplaySummaryOfEachNews = false; var noInternalStyle = false; var domainName = ''; var buriedPointName = ''; var titleLength = 24; var isDisplayDate = false; var dateMode = 'mode1'; var dateCellWidth = '80'; var dateStyle = 'text'; var separatorStyle = ''; var lastRow = 0; var isShowLastLine = false; var displayAttr = 'displayName'; var startshowrow = 1; var isPager = false; var isDispMoreButton = false; var morebuttonlinkurl = '#'; var isMoreButtonDispinNewWindow = '_top'; var moreButtonDetail = '更多...'; var linkcssclass = 'style10'; // 不分页时,要显示的记录数 var disptoprecordnum = 2; // 截取标题到指定长度 function cutOffTitle(title) { if(!title){return ""} if (titleLength == 0 || titleLength >= title.length) { return title; } else if (isEnglishMode) { var cutIndex = titleLength; while (title[cutIndex] != ' ' && title.length >= 0) { cutIndex -= 1; } return title.substring(0, cutIndex) + '...'; } else { return (titleLength >= title.length) ? title : title.substring(0, titleLength) + "..."; } } // 格式化时间 function formatDate(publishedDate, mode) { if (!publishedDate) { return ''; } if (mode === 'mode1') { return '('+dayjs(publishedDate).format("YYYY-MM-DD")+')'; } else if (mode === 'mode2') { return dayjs(publishedDate).format("YYYY年MM月DD日"); } else if (mode === 'mode4') { return '('+dayjs(publishedDate).format("MM-DD")+')'; } else if (mode === 'mode5') { return '('+dayjs(publishedDate).format("YYYY-MM-DD HH:mm")+')'; } else { return '('+dayjs(publishedDate).format("YYYY-MM-DD")+')'; } } function displayPostingsAndPager(r) { var container = $('table#' + uid + ' tbody'); container.empty(); var iCounter = 0; var pages=r.postings; if(startshowrow<r.postings.length){ pages=r.postings.slice(startshowrow); } var summaryListLength = pages.length; var pagerContainer = $("<tr></tr>"); var pagerTd = ''; if(summaryListLength>0){ var tetRcounter = summaryListLength % howManyCellsInEachRow; if (howManyCellsInEachRow != 0 && tetRcounter == 0) { lastRow = parseInt(summaryListLength / howManyCellsInEachRow); } else { lastRow = parseInt(summaryListLength / howManyCellsInEachRow) + 1; } for (var postingCounter = 0; postingCounter < summaryListLength;) { var postingRow = $('<tr style="height: ' + rowHeight + 'px;"></tr>'); for (var postingCellCounter = 0; (postingCellCounter < howManyCellsInEachRow) && (postingCounter < summaryListLength); postingCellCounter++) { var objObject = pages[postingCounter]; var titleTagTd = $('<td align="center" vAlign="middle" style="height: ' + rowHeight + 'px; width: ' + cellWidth + 'px;' + (iCounter % 2 != 0 && alternatecolor ? 'background-color: ' + alternatecolor : '') + '">' + (showTitleTag ? titleTag : '') + '</td>'); postingRow.append(titleTagTd); var titleTd = $('<td align="left" vAlign="middle" style="width: ' + controlWidth + 'px;' + (iCounter % 2 != 0 && alternatecolor ? 'background-color: ' + alternatecolor : '') + '"></td>'); if (isDisplaySummaryOfEachNews) { titleTd.append(titleTag); } var link = $('<a class="data-collecting-sign style10" href="' + objObject.path + '" ' + newWindowTemp + ' data-collecting-param="' + objObject.displayName + '" data-collecting-wname="' + (buriedPointName ? buriedPointName + (postingCounter + 1) : "移动公用新闻列表二" + (postingCounter + 1)) + '"></a>'); if (displayAttr == "name") { link.append(cutOffTitle(objObject.name)); } else if (displayAttr == "summary") { if (objObject.summary === "") { link.append(cutOffTitle(objObject.name)); }else{ link.append(cutOffTitle(objObject.summary)); } } else if (displayAttr == "title") { if (objObject.contentTitle === "") { link.append(cutOffTitle(objObject.name)); }else{ link.append(cutOffTitle(objObject.contentTitle)); } } else { if(objObject.displayName === ""){ link.append(cutOffTitle(objObject.name)); }else{ link.append(cutOffTitle(objObject.displayName)); } } if (noInternalStyle) { titleTd.append(titleTag); titleTd.append(link); } else { var span = $('<span class="ChannelSummaryList-insty"></span>'); span.append(link); titleTd.append(span); } if (isDisplaySummaryOfEachNews) { titleTd.append("<br/>"); titleTd.append('<span class="ChannelSummaryList-summary fs14">    ' + objObject.summary + '……[<a href="' + objObject.id + '" target="_blank" class="more">详细</a>]</span>'); } postingRow.append(titleTd); if (isDisplayDate) { var dateTd = $('<td style="width: ' + dateCellWidth + 'px; ' + (iCounter % 2 != 0 && alternatecolor ? "background-color: " + alternatecolor : '') + '" align="' + (dateMode == "mode3" ? "left" : "center") + '" vAlign="middle"></td>'); if (dateMode == "mode3") { dateTd.append('<span>' + objObject.subTitle + '</span>'); } else if (dateMode == "mode6") { dateTd.append('<span>' + objObject.infoAuthor + '</span>'); } else { dateTd.append('<span class="' + dateStyle + '">' + formatDate(objObject.publishedDate, dateMode) + '</span>'); } postingRow.append(dateTd); } postingCounter++; } container.append(postingRow); iCounter++; if (separatorStyle && (isShowLastLine || iCounter < lastRow)) { var separatorRow = $('<tr></tr>'); separatorRow.append('<td style="' + separatorStyle + '; height: 1px;" colspan="' + (isDisplayDate ? howManyCellsInEachRow * 3 : howManyCellsInEachRow * 2) + '"></td>'); container.append(separatorRow); } } // 分页时渲染 if(isPager){ var buttonContainer = $('<div align="right"></div>'); var preBtn = isEnglishMode ? $('<a class="' + linkCssClass + '" href="javascript:;">Pre</a>') : $('<span class="fs14">【</span><a class="' + linkCssClass + '" href="javascript:;">上一页</a><span class="fs14">】</span>'); var nextBtn = isEnglishMode ? $('<a class="' + linkCssClass + '" href="javascript:;">Next</a>') : $('<span class="fs14">【</span><a class="' + linkCssClass + '" href="javascript:;">下一页</a><span class="fs14">】</span>'); if (r.totalPages > 0) { if (r.currentPage == 1 && r.totalPages != 1) { nextBtn.attr('page-index', r.currentPage + 1); buttonContainer.append(nextBtn); buttonContainer.append(' '); } else if (r.currentPage == r.totalPages && r.totalPages != 1) { preBtn.attr('page-index', r.currentPage - 1); buttonContainer.append(preBtn); buttonContainer.append('  '); } else if (r.currentPage != 1 && r.totalPages > r.currentPage) { preBtn.attr('page-index', r.currentPage - 1); buttonContainer.append(preBtn); buttonContainer.append("  "); nextBtn.attr('page-index', r.currentPage + 1); buttonContainer.append(nextBtn); buttonContainer.append("  "); } } pagerTd = $('<td style="height: 30px;" align="right" colspan="' + pagerColspan + '"></td>'); pagerTd.append(buttonContainer); } //不分页时渲染"更多"按钮 if(!isPager && isDispMoreButton){ var buttonContainer = $('<div align="right"></div>'); var moreBtn = $('<a data-collecting-wname="更多" href="'+ morebuttonlinkurl + '" class="data-collecting-sign '+ linkcssclass +'" target="' + isMoreButtonDispinNewWindow + '">' + moreButtonDetail + '</a>'); buttonContainer.append(moreBtn); buttonContainer.append("  "); pagerTd = $('<td style="height: 30px;" align="right" colspan="' + pagerColspan + '"></td>'); pagerTd.append(buttonContainer); } }else{ // 如果返回的数据不存在，则添加提示 pagerTd=$('<td style="width: ' + controlWidth + 'px;padding:1px;" colspan="' + 3 + '"><br>  当前频道没有记录！</td>'); } pagerContainer.append(pagerTd); container.append(pagerContainer); container.find('tr:last').on('click', function(e) { var page = $(e.target).attr('page-index'); loadPostings(page); }); } // 正常模式的分页请求 var url = (window.location.protocol == "about:" ? "http://" : "//") + window.appConfig.papi.host + "/cmspage/columns/webpart/webservice/channelSummaryList"; var cookies = document.cookie.split(';'); var cisCode = utils.getCookieByCis(cookies,"cisCode"); var groupList = utils.getCookieByCis(cookies,"groupList"); function loadPostings(page) { $("#8d10470c661a0aeb4826567ca3dc742a .tableloading").show(); $("#8d10470c661a0aeb4826567ca3dc742a .tableloading").html("<td colspan='4'><img class='icon-loading' src='/resource/img/control/loading.gif'></img>正在加载中...</td>"); $.ajax({ url: url, data: { cisCode: cisCode || "", customerGroupNoList: groupList ? JSON.parse(groupList).join(",") : "", isBindGroup: true, currentColumnId: currentColumnId, summaryColumnId: summaryColumnId, displayTopPostings: isPager ? 0 : disptoprecordnum, needDisplayChildrenPostings: needDisplayChildrenPostings, author: author, enablePager: isPager, page: page, size: size, isUseDomain:false, domainName:domainName||"", }, success: function(r) { if (r.data) { $("#8d10470c661a0aeb4826567ca3dc742a .tableloading").hide(); displayPostingsAndPager(r.data); }else{ $("#8d10470c661a0aeb4826567ca3dc742a .tableloading").html("<td colspan='4'>当前频道没有记录！</td>"); } }, error: function() { $("#8d10470c661a0aeb4826567ca3dc742a .tableloading").html("<td colspan='4'>加载失败，请稍后再试！</td>"); } }); } loadPostings(1); }); </script> <style type="text/css"> .ChannelSummaryList-insty { line-height: 150% } .ChannelSummaryList-summary { line-height: 160%; color: #222; text-decoration: none } </style> </li> </ul> </div> <div class="more r"><a href="/column/1438058326469787852.html" target="_blank" rel="noopener" data-collecting-wname="点击更多资讯" class="data-collecting-sign">更多</a></div> </div> </div> <div class="tzlc_footer"> <div class="r"> <div class="tzlc_title S"> <p><span><span id="itgc57" style="display: none;"> </span></span>实物贵金属</p> <div id="i9mi1u" class="more" style="top: -20px;"><a href="/column/1438058326469788011.html" target="_blank" rel="noopener">更多</a></div> </div> <div id="i7nlqj" class="tzlc_main" style="height: 455px;"> <ul class="ul_two"> <li id="ik8n8n" style="height: 225px;"> <div id="inqu7p" class="tzlc_text" style="height: 225px;"> <div class="proudect"><a href="/page/1044560938608615424.html" target="_blank" rel="noopener" data-collecting-wname="点击实物贵金属展示位1" data-collecting-param="2025版熊猫金币图片" class="data-collecting-sign"><img src="//v.icbc.com.cn/userfiles/resources/icbc/guijinshu/download/2025/gjs2025xmb.jpg" id="i9hjc2" openurlopenmode="now" style="height: 170px; width: 100px;"></a> <div id="idowch" class="proudect_more" style="height: 125px; line-height: 30px;"><a href="/page/1044560938608615424.html" target="_blank" rel="noopener" data-collecting-wname="点击实物贵金属展示位1" data-collecting-param="22025版熊猫金币文字" class="data-collecting-sign"> <h1>2025版熊猫金币</h1> <p><span><span id="iunzex" style="display: none;"> </span></span>把国宝带回家</p> </a></div> <div id="ioxvmv" class="proudect_btn" style="margin-top: 40px;"><a href="/page/1044560938608615424.html" target="_blank" rel="noopener" data-collecting-wname="点击实物贵金属展示位1" data-collecting-param="2025版熊猫金币查看详情" class="btn-hover data-collecting-sign">查看详情</a></div> </div> </div> </li> <li id="i2c4sf" class="last" style="height: 225px;"> <div id="ispgvw" class="tzlc_text" style="height: 225px;"> <div class="proudect"><a href="/column/1438058479532523607.html " target="_blank" rel="noopener" data-collecting-wname="点击实物贵金属展示位2" data-collecting-param="龙凤呈祥图片" class="data-collecting-sign"><img src="//v.icbc.com.cn/userfiles/resources/icbc/guijinshu/download/2025/gjslf.jpg" id="idpynp" openurlopenmode="now" style="height: 170px; width: 100px;"></a> <div id="ii5dzm" class="proudect_more" style="height: 125px; line-height: 30px;"><a href="/column/1438058479532523607.html " target="_blank" rel="noopener" data-collecting-wname="点击实物贵金属展示位2" data-collecting-param="龙凤呈祥文字" class="data-collecting-sign"> <h1>龙凤呈祥</h1> <p><span><span id="in1qyv" style="display: none;"> </span></span>工行品牌匠心精制</p> </a></div> <div id="itppk8" class="proudect_btn" style="margin-top: 40px;"><a href="/column/1438058479532523607.html " target="_blank" rel="noopener" data-collecting-wname="点击实物贵金属展示位2" data-collecting-param="龙凤呈祥查看详情" class="btn-hover data-collecting-sign">查看详情</a></div> </div> </div> </li> </ul> </div> </div> <div id="it16bs" class="r" style="margin-right: 10px;"> <div class="tzlc_title Q"> <p><span><span id="i49cko" style="display: none;"> </span></span>贵金属交易</p> </div> <div id="iztlj3" class="tzlc_main" style="height: 455px;"> <ul class="ul_two"> <li id="ij3mkq" style="height: 225px;"> <div id="ig4qu2" class="tzlc_text" style="height: 225px;"> <div class="proudect"><a href="https://mybank.icbc.com.cn/icbc/newperbank/perbank3/frame/frame_index.jsp?serviceId=PBL200603" target="_blank" rel="noopener" data-collecting-wname="点击贵金属交易展示位1" data-collecting-param="账户贵金属图片" class="data-collecting-sign"><img src="//v.icbc.com.cn/userfiles/resources/icbc/shoujizhuanti/2024/p1.jpg" id="icbt4t" openurlopenmode="now" style="height: 170px; width: 100px;"></a> <div id="isu618" class="proudect_more" style="height: 125px; line-height: 30px;"><a href="https://mybank.icbc.com.cn/icbc/newperbank/perbank3/frame/frame_index.jsp?serviceId=PBL200603" target="_blank" rel="noopener" data-collecting-wname="点击贵金属交易展示位1" data-collecting-param="账户贵金属文字" class="data-collecting-sign"> <h1>账户贵金属</h1> <p><span><span id="izd2jb" style="display: none;"> </span></span>交易成本低,资金实时清算</p> <p><span><span id="ie1y11" style="display: none;"> </span></span>买卖方便,交易便捷</p> </a></div> <div id="ilq14n" class="proudect_btn" style="margin-top: 40px;"><span onclick="document.getElementById('formInject9344363816287129').submit();" class="btn-hover"><span class="btn-hover">立即交易</span></span><form name="formInject" id="formInject9344363816287129" action="https://mybank.icbc.com.cn/icbc/newperbank/perbank3/frame/frame_index.jsp" method="post"><input name="injectTranName" type="hidden" value="MzA4fFBCTDIwMTMxMQ=="> <input name="injectTranData" type="hidden" value=""> <input name="injectSignStr" type="hidden" value="xPdDdjqCloEsmXolhzyiSsBmM5g="></form></div> </div> </div> </li> <li id="iyidpn" class="last" style="height: 225px;"> <div id="iqadna" class="tzlc_text" style="height: 225px;"> <div class="proudect"><a href="/page/804348646467792896.html" target="_blank" rel="noopener" data-collecting-wname="点击贵金属交易展示位2" data-collecting-param="个人积存金图片" class="data-collecting-sign"><img src="//v.icbc.com.cn/userfiles/resources/icbc/shoujizhuanti/2024/p2.jpg" id="im1apy" openurlopenmode="now" style="height: 170px; width: 100px;"></a> <div id="i63616" class="proudect_more" style="height: 125px; line-height: 30px;"><a href="/page/804348646467792896.html" target="_blank" rel="noopener" data-collecting-wname="点击贵金属交易展示位2" data-collecting-param="个人积存金文字" class="data-collecting-sign"> <h1>个人积存金</h1> <p><span><span id="ijq5i6" style="display: none;"> </span></span>积少成金:小资金,大投资</p> <p><span><span id="izcdwa" style="display: none;"> </span></span>平摊成本,分散投资风险</p> </a></div> <div id="iweufu" class="proudect_btn" style="margin-top: 40px;"><span onclick="document.getElementById('formInject48546137774063847').submit();" class="btn-hover"><span class="btn-hover">立即交易</span></span><form name="formInject" id="formInject48546137774063847" action="https://mybank.icbc.com.cn/icbc/newperbank/perbank3/frame/frame_index.jsp" method="post"><input name="injectTranName" type="hidden" value="MzA4fFBCTDIwMTMzMQ=="> <input name="injectTranData" type="hidden" value=""> <input name="injectSignStr" type="hidden" value="2TXK8rjC4rq4N8r+2/VMq+TUXPA="></form></div> </div> </div> </li> </ul> </div> </div> </div> </div> <div class="tzlc1_mainR r"> <div class="items"> <div id="webpartdivID946415b3-b812-4797-8121-cd1d2cf1e822" class="webpartdiv"> <script language="javascript" type="text/javascript"> $.ajax({ url: '/HtmlPatch/ICBC/shouye/touzilicai/guijinshu_r.htm', type: 'get', cache: true, async: false, success: function (html) { if(window.appConfig.enableBakHost){ html = bakHostReplace(html); } $('#webpartdivID946415b3-b812-4797-8121-cd1d2cf1e822').append(html); } }); </script> </div> </div> </div> </div> <div data-collecting-aname="投资理财区-基金" class="tzlc3 hide"> <div class="tzlc1_mainL l"> <div class="top"> <div class="top_main"> <div><span class="kuoD"><span id="i8bpdk" style="display: none;"> </span></span></div> <div class="notice_main"> <ul> <li> <table id="dd90608450c422e128c3d0e90a9d065c" style="border-collapse: collapse;" border="0" cellspacing="0" cellpadding="0"> <tbody> <tr class="tableloading" style="margin-left:15px;"></tr> </tbody> </table> <script> $(function() { var currentColumnId = '1438058313303867398'; var summaryColumnId = '1438058343720960272'; var needDisplayChildrenPostings = true; var author = ''; var size = 20; var uid = 'dd90608450c422e128c3d0e90a9d065c'; var pagerColspan = 3; var isEnglishMode = false; var linkCssClass = 'style10'; var rowHeight = '30'; var howManyCellsInEachRow = 1; var cellWidth = 0; var alternatecolor = ''; var showTitleTag = false; var titleTag = ""; var newWindowTemp = 'target=_blank'; var controlWidth = 400; var isDisplaySummaryOfEachNews = false; var noInternalStyle = false; var domainName = ''; var buriedPointName = ''; var titleLength = 24; var isDisplayDate = false; var dateMode = 'mode1'; var dateCellWidth = '80'; var dateStyle = 'text'; var separatorStyle = ''; var lastRow = 0; var isShowLastLine = false; var displayAttr = 'displayName'; var startshowrow = 0; var isPager = false; var isDispMoreButton = false; var morebuttonlinkurl = '#'; var isMoreButtonDispinNewWindow = '_top'; var moreButtonDetail = '更多...'; var linkcssclass = 'style10'; // 不分页时,要显示的记录数 var disptoprecordnum = 1; // 截取标题到指定长度 function cutOffTitle(title) { if(!title){return ""} if (titleLength == 0 || titleLength >= title.length) { return title; } else if (isEnglishMode) { var cutIndex = titleLength; while (title[cutIndex] != ' ' && title.length >= 0) { cutIndex -= 1; } return title.substring(0, cutIndex) + '...'; } else { return (titleLength >= title.length) ? title : title.substring(0, titleLength) + "..."; } } // 格式化时间 function formatDate(publishedDate, mode) { if (!publishedDate) { return ''; } if (mode === 'mode1') { return '('+dayjs(publishedDate).format("YYYY-MM-DD")+')'; } else if (mode === 'mode2') { return dayjs(publishedDate).format("YYYY年MM月DD日"); } else if (mode === 'mode4') { return '('+dayjs(publishedDate).format("MM-DD")+')'; } else if (mode === 'mode5') { return '('+dayjs(publishedDate).format("YYYY-MM-DD HH:mm")+')'; } else { return '('+dayjs(publishedDate).format("YYYY-MM-DD")+')'; } } function displayPostingsAndPager(r) { var container = $('table#' + uid + ' tbody'); container.empty(); var iCounter = 0; var pages=r.postings; if(startshowrow<r.postings.length){ pages=r.postings.slice(startshowrow); } var summaryListLength = pages.length; var pagerContainer = $("<tr></tr>"); var pagerTd = ''; if(summaryListLength>0){ var tetRcounter = summaryListLength % howManyCellsInEachRow; if (howManyCellsInEachRow != 0 && tetRcounter == 0) { lastRow = parseInt(summaryListLength / howManyCellsInEachRow); } else { lastRow = parseInt(summaryListLength / howManyCellsInEachRow) + 1; } for (var postingCounter = 0; postingCounter < summaryListLength;) { var postingRow = $('<tr style="height: ' + rowHeight + 'px;"></tr>'); for (var postingCellCounter = 0; (postingCellCounter < howManyCellsInEachRow) && (postingCounter < summaryListLength); postingCellCounter++) { var objObject = pages[postingCounter]; var titleTagTd = $('<td align="center" vAlign="middle" style="height: ' + rowHeight + 'px; width: ' + cellWidth + 'px;' + (iCounter % 2 != 0 && alternatecolor ? 'background-color: ' + alternatecolor : '') + '">' + (showTitleTag ? titleTag : '') + '</td>'); postingRow.append(titleTagTd); var titleTd = $('<td align="left" vAlign="middle" style="width: ' + controlWidth + 'px;' + (iCounter % 2 != 0 && alternatecolor ? 'background-color: ' + alternatecolor : '') + '"></td>'); if (isDisplaySummaryOfEachNews) { titleTd.append(titleTag); } var link = $('<a class="data-collecting-sign style10" href="' + objObject.path + '" ' + newWindowTemp + ' data-collecting-param="' + objObject.displayName + '" data-collecting-wname="' + (buriedPointName ? buriedPointName + (postingCounter + 1) : "移动公用新闻列表二" + (postingCounter + 1)) + '"></a>'); if (displayAttr == "name") { link.append(cutOffTitle(objObject.name)); } else if (displayAttr == "summary") { if (objObject.summary === "") { link.append(cutOffTitle(objObject.name)); }else{ link.append(cutOffTitle(objObject.summary)); } } else if (displayAttr == "title") { if (objObject.contentTitle === "") { link.append(cutOffTitle(objObject.name)); }else{ link.append(cutOffTitle(objObject.contentTitle)); } } else { if(objObject.displayName === ""){ link.append(cutOffTitle(objObject.name)); }else{ link.append(cutOffTitle(objObject.displayName)); } } if (noInternalStyle) { titleTd.append(titleTag); titleTd.append(link); } else { var span = $('<span class="ChannelSummaryList-insty"></span>'); span.append(link); titleTd.append(span); } if (isDisplaySummaryOfEachNews) { titleTd.append("<br/>"); titleTd.append('<span class="ChannelSummaryList-summary fs14">    ' + objObject.summary + '……[<a href="' + objObject.id + '" target="_blank" class="more">详细</a>]</span>'); } postingRow.append(titleTd); if (isDisplayDate) { var dateTd = $('<td style="width: ' + dateCellWidth + 'px; ' + (iCounter % 2 != 0 && alternatecolor ? "background-color: " + alternatecolor : '') + '" align="' + (dateMode == "mode3" ? "left" : "center") + '" vAlign="middle"></td>'); if (dateMode == "mode3") { dateTd.append('<span>' + objObject.subTitle + '</span>'); } else if (dateMode == "mode6") { dateTd.append('<span>' + objObject.infoAuthor + '</span>'); } else { dateTd.append('<span class="' + dateStyle + '">' + formatDate(objObject.publishedDate, dateMode) + '</span>'); } postingRow.append(dateTd); } postingCounter++; } container.append(postingRow); iCounter++; if (separatorStyle && (isShowLastLine || iCounter < lastRow)) { var separatorRow = $('<tr></tr>'); separatorRow.append('<td style="' + separatorStyle + '; height: 1px;" colspan="' + (isDisplayDate ? howManyCellsInEachRow * 3 : howManyCellsInEachRow * 2) + '"></td>'); container.append(separatorRow); } } // 分页时渲染 if(isPager){ var buttonContainer = $('<div align="right"></div>'); var preBtn = isEnglishMode ? $('<a class="' + linkCssClass + '" href="javascript:;">Pre</a>') : $('<span class="fs14">【</span><a class="' + linkCssClass + '" href="javascript:;">上一页</a><span class="fs14">】</span>'); var nextBtn = isEnglishMode ? $('<a class="' + linkCssClass + '" href="javascript:;">Next</a>') : $('<span class="fs14">【</span><a class="' + linkCssClass + '" href="javascript:;">下一页</a><span class="fs14">】</span>'); if (r.totalPages > 0) { if (r.currentPage == 1 && r.totalPages != 1) { nextBtn.attr('page-index', r.currentPage + 1); buttonContainer.append(nextBtn); buttonContainer.append(' '); } else if (r.currentPage == r.totalPages && r.totalPages != 1) { preBtn.attr('page-index', r.currentPage - 1); buttonContainer.append(preBtn); buttonContainer.append('  '); } else if (r.currentPage != 1 && r.totalPages > r.currentPage) { preBtn.attr('page-index', r.currentPage - 1); buttonContainer.append(preBtn); buttonContainer.append("  "); nextBtn.attr('page-index', r.currentPage + 1); buttonContainer.append(nextBtn); buttonContainer.append("  "); } } pagerTd = $('<td style="height: 30px;" align="right" colspan="' + pagerColspan + '"></td>'); pagerTd.append(buttonContainer); } //不分页时渲染"更多"按钮 if(!isPager && isDispMoreButton){ var buttonContainer = $('<div align="right"></div>'); var moreBtn = $('<a data-collecting-wname="更多" href="'+ morebuttonlinkurl + '" class="data-collecting-sign '+ linkcssclass +'" target="' + isMoreButtonDispinNewWindow + '">' + moreButtonDetail + '</a>'); buttonContainer.append(moreBtn); buttonContainer.append("  "); pagerTd = $('<td style="height: 30px;" align="right" colspan="' + pagerColspan + '"></td>'); pagerTd.append(buttonContainer); } }else{ // 如果返回的数据不存在，则添加提示 pagerTd=$('<td style="width: ' + controlWidth + 'px;padding:1px;" colspan="' + 3 + '"><br>  当前频道没有记录！</td>'); } pagerContainer.append(pagerTd); container.append(pagerContainer); container.find('tr:last').on('click', function(e) { var page = $(e.target).attr('page-index'); loadPostings(page); }); } // 正常模式的分页请求 var url = (window.location.protocol == "about:" ? "http://" : "//") + window.appConfig.papi.host + "/cmspage/columns/webpart/webservice/channelSummaryList"; var cookies = document.cookie.split(';'); var cisCode = utils.getCookieByCis(cookies,"cisCode"); var groupList = utils.getCookieByCis(cookies,"groupList"); function loadPostings(page) { $("#dd90608450c422e128c3d0e90a9d065c .tableloading").show(); $("#dd90608450c422e128c3d0e90a9d065c .tableloading").html("<td colspan='4'><img class='icon-loading' src='/resource/img/control/loading.gif'></img>正在加载中...</td>"); $.ajax({ url: url, data: { cisCode: cisCode || "", customerGroupNoList: groupList ? JSON.parse(groupList).join(",") : "", isBindGroup: true, currentColumnId: currentColumnId, summaryColumnId: summaryColumnId, displayTopPostings: isPager ? 0 : disptoprecordnum, needDisplayChildrenPostings: needDisplayChildrenPostings, author: author, enablePager: isPager, page: page, size: size, isUseDomain:false, domainName:domainName||"", }, success: function(r) { if (r.data) { $("#dd90608450c422e128c3d0e90a9d065c .tableloading").hide(); displayPostingsAndPager(r.data); }else{ $("#dd90608450c422e128c3d0e90a9d065c .tableloading").html("<td colspan='4'>当前频道没有记录！</td>"); } }, error: function() { $("#dd90608450c422e128c3d0e90a9d065c .tableloading").html("<td colspan='4'>加载失败，请稍后再试！</td>"); } }); } loadPostings(1); }); </script> <style type="text/css"> .ChannelSummaryList-insty { line-height: 150% } .ChannelSummaryList-summary { line-height: 160%; color: #222; text-decoration: none } </style> </li> <li> <table id="fd0394d2cb93f25804881ddc4943ae4d" style="border-collapse: collapse;" border="0" cellspacing="0" cellpadding="0"> <tbody> <tr class="tableloading" style="margin-left:15px;"></tr> </tbody> </table> <script> $(function() { var currentColumnId = '1438058313303867398'; var summaryColumnId = '1438058343720960272'; var needDisplayChildrenPostings = true; var author = ''; var size = 20; var uid = 'fd0394d2cb93f25804881ddc4943ae4d'; var pagerColspan = 3; var isEnglishMode = false; var linkCssClass = 'style10'; var rowHeight = '30'; var howManyCellsInEachRow = 1; var cellWidth = 0; var alternatecolor = ''; var showTitleTag = false; var titleTag = ""; var newWindowTemp = 'target=_blank'; var controlWidth = 400; var isDisplaySummaryOfEachNews = false; var noInternalStyle = false; var domainName = ''; var buriedPointName = ''; var titleLength = 24; var isDisplayDate = false; var dateMode = 'mode1'; var dateCellWidth = '80'; var dateStyle = 'text'; var separatorStyle = ''; var lastRow = 0; var isShowLastLine = false; var displayAttr = 'displayName'; var startshowrow = 1; var isPager = false; var isDispMoreButton = false; var morebuttonlinkurl = '#'; var isMoreButtonDispinNewWindow = '_top'; var moreButtonDetail = '更多...'; var linkcssclass = 'style10'; // 不分页时,要显示的记录数 var disptoprecordnum = 2; // 截取标题到指定长度 function cutOffTitle(title) { if(!title){return ""} if (titleLength == 0 || titleLength >= title.length) { return title; } else if (isEnglishMode) { var cutIndex = titleLength; while (title[cutIndex] != ' ' && title.length >= 0) { cutIndex -= 1; } return title.substring(0, cutIndex) + '...'; } else { return (titleLength >= title.length) ? title : title.substring(0, titleLength) + "..."; } } // 格式化时间 function formatDate(publishedDate, mode) { if (!publishedDate) { return ''; } if (mode === 'mode1') { return '('+dayjs(publishedDate).format("YYYY-MM-DD")+')'; } else if (mode === 'mode2') { return dayjs(publishedDate).format("YYYY年MM月DD日"); } else if (mode === 'mode4') { return '('+dayjs(publishedDate).format("MM-DD")+')'; } else if (mode === 'mode5') { return '('+dayjs(publishedDate).format("YYYY-MM-DD HH:mm")+')'; } else { return '('+dayjs(publishedDate).format("YYYY-MM-DD")+')'; } } function displayPostingsAndPager(r) { var container = $('table#' + uid + ' tbody'); container.empty(); var iCounter = 0; var pages=r.postings; if(startshowrow<r.postings.length){ pages=r.postings.slice(startshowrow); } var summaryListLength = pages.length; var pagerContainer = $("<tr></tr>"); var pagerTd = ''; if(summaryListLength>0){ var tetRcounter = summaryListLength % howManyCellsInEachRow; if (howManyCellsInEachRow != 0 && tetRcounter == 0) { lastRow = parseInt(summaryListLength / howManyCellsInEachRow); } else { lastRow = parseInt(summaryListLength / howManyCellsInEachRow) + 1; } for (var postingCounter = 0; postingCounter < summaryListLength;) { var postingRow = $('<tr style="height: ' + rowHeight + 'px;"></tr>'); for (var postingCellCounter = 0; (postingCellCounter < howManyCellsInEachRow) && (postingCounter < summaryListLength); postingCellCounter++) { var objObject = pages[postingCounter]; var titleTagTd = $('<td align="center" vAlign="middle" style="height: ' + rowHeight + 'px; width: ' + cellWidth + 'px;' + (iCounter % 2 != 0 && alternatecolor ? 'background-color: ' + alternatecolor : '') + '">' + (showTitleTag ? titleTag : '') + '</td>'); postingRow.append(titleTagTd); var titleTd = $('<td align="left" vAlign="middle" style="width: ' + controlWidth + 'px;' + (iCounter % 2 != 0 && alternatecolor ? 'background-color: ' + alternatecolor : '') + '"></td>'); if (isDisplaySummaryOfEachNews) { titleTd.append(titleTag); } var link = $('<a class="data-collecting-sign style10" href="' + objObject.path + '" ' + newWindowTemp + ' data-collecting-param="' + objObject.displayName + '" data-collecting-wname="' + (buriedPointName ? buriedPointName + (postingCounter + 1) : "移动公用新闻列表二" + (postingCounter + 1)) + '"></a>'); if (displayAttr == "name") { link.append(cutOffTitle(objObject.name)); } else if (displayAttr == "summary") { if (objObject.summary === "") { link.append(cutOffTitle(objObject.name)); }else{ link.append(cutOffTitle(objObject.summary)); } } else if (displayAttr == "title") { if (objObject.contentTitle === "") { link.append(cutOffTitle(objObject.name)); }else{ link.append(cutOffTitle(objObject.contentTitle)); } } else { if(objObject.displayName === ""){ link.append(cutOffTitle(objObject.name)); }else{ link.append(cutOffTitle(objObject.displayName)); } } if (noInternalStyle) { titleTd.append(titleTag); titleTd.append(link); } else { var span = $('<span class="ChannelSummaryList-insty"></span>'); span.append(link); titleTd.append(span); } if (isDisplaySummaryOfEachNews) { titleTd.append("<br/>"); titleTd.append('<span class="ChannelSummaryList-summary fs14">    ' + objObject.summary + '……[<a href="' + objObject.id + '" target="_blank" class="more">详细</a>]</span>'); } postingRow.append(titleTd); if (isDisplayDate) { var dateTd = $('<td style="width: ' + dateCellWidth + 'px; ' + (iCounter % 2 != 0 && alternatecolor ? "background-color: " + alternatecolor : '') + '" align="' + (dateMode == "mode3" ? "left" : "center") + '" vAlign="middle"></td>'); if (dateMode == "mode3") { dateTd.append('<span>' + objObject.subTitle + '</span>'); } else if (dateMode == "mode6") { dateTd.append('<span>' + objObject.infoAuthor + '</span>'); } else { dateTd.append('<span class="' + dateStyle + '">' + formatDate(objObject.publishedDate, dateMode) + '</span>'); } postingRow.append(dateTd); } postingCounter++; } container.append(postingRow); iCounter++; if (separatorStyle && (isShowLastLine || iCounter < lastRow)) { var separatorRow = $('<tr></tr>'); separatorRow.append('<td style="' + separatorStyle + '; height: 1px;" colspan="' + (isDisplayDate ? howManyCellsInEachRow * 3 : howManyCellsInEachRow * 2) + '"></td>'); container.append(separatorRow); } } // 分页时渲染 if(isPager){ var buttonContainer = $('<div align="right"></div>'); var preBtn = isEnglishMode ? $('<a class="' + linkCssClass + '" href="javascript:;">Pre</a>') : $('<span class="fs14">【</span><a class="' + linkCssClass + '" href="javascript:;">上一页</a><span class="fs14">】</span>'); var nextBtn = isEnglishMode ? $('<a class="' + linkCssClass + '" href="javascript:;">Next</a>') : $('<span class="fs14">【</span><a class="' + linkCssClass + '" href="javascript:;">下一页</a><span class="fs14">】</span>'); if (r.totalPages > 0) { if (r.currentPage == 1 && r.totalPages != 1) { nextBtn.attr('page-index', r.currentPage + 1); buttonContainer.append(nextBtn); buttonContainer.append(' '); } else if (r.currentPage == r.totalPages && r.totalPages != 1) { preBtn.attr('page-index', r.currentPage - 1); buttonContainer.append(preBtn); buttonContainer.append('  '); } else if (r.currentPage != 1 && r.totalPages > r.currentPage) { preBtn.attr('page-index', r.currentPage - 1); buttonContainer.append(preBtn); buttonContainer.append("  "); nextBtn.attr('page-index', r.currentPage + 1); buttonContainer.append(nextBtn); buttonContainer.append("  "); } } pagerTd = $('<td style="height: 30px;" align="right" colspan="' + pagerColspan + '"></td>'); pagerTd.append(buttonContainer); } //不分页时渲染"更多"按钮 if(!isPager && isDispMoreButton){ var buttonContainer = $('<div align="right"></div>'); var moreBtn = $('<a data-collecting-wname="更多" href="'+ morebuttonlinkurl + '" class="data-collecting-sign '+ linkcssclass +'" target="' + isMoreButtonDispinNewWindow + '">' + moreButtonDetail + '</a>'); buttonContainer.append(moreBtn); buttonContainer.append("  "); pagerTd = $('<td style="height: 30px;" align="right" colspan="' + pagerColspan + '"></td>'); pagerTd.append(buttonContainer); } }else{ // 如果返回的数据不存在，则添加提示 pagerTd=$('<td style="width: ' + controlWidth + 'px;padding:1px;" colspan="' + 3 + '"><br>  当前频道没有记录！</td>'); } pagerContainer.append(pagerTd); container.append(pagerContainer); container.find('tr:last').on('click', function(e) { var page = $(e.target).attr('page-index'); loadPostings(page); }); } // 正常模式的分页请求 var url = (window.location.protocol == "about:" ? "http://" : "//") + window.appConfig.papi.host + "/cmspage/columns/webpart/webservice/channelSummaryList"; var cookies = document.cookie.split(';'); var cisCode = utils.getCookieByCis(cookies,"cisCode"); var groupList = utils.getCookieByCis(cookies,"groupList"); function loadPostings(page) { $("#fd0394d2cb93f25804881ddc4943ae4d .tableloading").show(); $("#fd0394d2cb93f25804881ddc4943ae4d .tableloading").html("<td colspan='4'><img class='icon-loading' src='/resource/img/control/loading.gif'></img>正在加载中...</td>"); $.ajax({ url: url, data: { cisCode: cisCode || "", customerGroupNoList: groupList ? JSON.parse(groupList).join(",") : "", isBindGroup: true, currentColumnId: currentColumnId, summaryColumnId: summaryColumnId, displayTopPostings: isPager ? 0 : disptoprecordnum, needDisplayChildrenPostings: needDisplayChildrenPostings, author: author, enablePager: isPager, page: page, size: size, isUseDomain:false, domainName:domainName||"", }, success: function(r) { if (r.data) { $("#fd0394d2cb93f25804881ddc4943ae4d .tableloading").hide(); displayPostingsAndPager(r.data); }else{ $("#fd0394d2cb93f25804881ddc4943ae4d .tableloading").html("<td colspan='4'>当前频道没有记录！</td>"); } }, error: function() { $("#fd0394d2cb93f25804881ddc4943ae4d .tableloading").html("<td colspan='4'>加载失败，请稍后再试！</td>"); } }); } loadPostings(1); }); </script> <style type="text/css"> .ChannelSummaryList-insty { line-height: 150% } .ChannelSummaryList-summary { line-height: 160%; color: #222; text-decoration: none } </style> </li> </ul> </div> <div class="more r"><a href="/column/1438058343720960272.html" target="_blank" rel="noopener" data-collecting-wname="点击更多资讯" class="data-collecting-sign">更多</a></div> </div> </div> <div class="tzlc_footer"> <div id="webpartdivID285d1915-16a8-7b1b-09ed-9beebfb973db" class="webpartdiv"> <script language="javascript" type="text/javascript"> $.ajax({ url: '/HtmlPatch/ICBC/shouye/touzilicai/jijin_l1.htm', type: 'get', cache: true, async: false, success: function (html) { if(window.appConfig.enableBakHost){ html = bakHostReplace(html); } $('#webpartdivID285d1915-16a8-7b1b-09ed-9beebfb973db').append(html); } }); </script> </div> <div id="webpartdivID5e0d4c78-96aa-dfd7-35c3-60a1e6d7fb9b" class="webpartdiv"> <script language="javascript" type="text/javascript"> $.ajax({ url: '/HtmlPatch/ICBC/shouye/touzilicai/jijin_l2.htm', type: 'get', cache: true, async: false, success: function (html) { if(window.appConfig.enableBakHost){ html = bakHostReplace(html); } $('#webpartdivID5e0d4c78-96aa-dfd7-35c3-60a1e6d7fb9b').append(html); } }); </script> </div> </div> </div> <div class="tzlc1_mainR r"> <div class="items"> <div id="webpartdivID42488973-fd9a-219a-bcaa-4e4743eb0a0f" class="webpartdiv"> <script language="javascript" type="text/javascript"> $.ajax({ url: '/HtmlPatch/ICBC/shouye/touzilicai/jijin_r.htm', type: 'get', cache: true, async: false, success: function (html) { if(window.appConfig.enableBakHost){ html = bakHostReplace(html); } $('#webpartdivID42488973-fd9a-219a-bcaa-4e4743eb0a0f').append(html); } }); </script> </div> </div> </div> </div> <div data-collecting-aname="投资理财区-外汇" class="tzlc4 hide"> <div class="tzlc1_mainL l"> <div class="top"> <div class="top_main"> <div><span class="kuoD"><span id="i1ah2q" style="display: none;"> </span></span></div> <div class="notice_main"> <ul> <li> <table id="c04a93a3de93e747e61e5a3e7b6576fb" style="border-collapse: collapse;" border="0" cellspacing="0" cellpadding="0"> <tbody> <tr class="tableloading" style="margin-left:15px;"></tr> </tbody> </table> <script> $(function() { var currentColumnId = '1438058313303867398'; var summaryColumnId = '1438058326864052431'; var needDisplayChildrenPostings = true; var author = ''; var size = 20; var uid = 'c04a93a3de93e747e61e5a3e7b6576fb'; var pagerColspan = 3; var isEnglishMode = false; var linkCssClass = 'style10'; var rowHeight = '30'; var howManyCellsInEachRow = 1; var cellWidth = 0; var alternatecolor = ''; var showTitleTag = false; var titleTag = ""; var newWindowTemp = 'target=_blank'; var controlWidth = 400; var isDisplaySummaryOfEachNews = false; var noInternalStyle = false; var domainName = ''; var buriedPointName = ''; var titleLength = 28; var isDisplayDate = false; var dateMode = 'mode1'; var dateCellWidth = '80'; var dateStyle = 'text'; var separatorStyle = ''; var lastRow = 0; var isShowLastLine = false; var displayAttr = 'displayName'; var startshowrow = 0; var isPager = false; var isDispMoreButton = false; var morebuttonlinkurl = '#'; var isMoreButtonDispinNewWindow = '_top'; var moreButtonDetail = '更多...'; var linkcssclass = 'style10'; // 不分页时,要显示的记录数 var disptoprecordnum = 1; // 截取标题到指定长度 function cutOffTitle(title) { if(!title){return ""} if (titleLength == 0 || titleLength >= title.length) { return title; } else if (isEnglishMode) { var cutIndex = titleLength; while (title[cutIndex] != ' ' && title.length >= 0) { cutIndex -= 1; } return title.substring(0, cutIndex) + '...'; } else { return (titleLength >= title.length) ? title : title.substring(0, titleLength) + "..."; } } // 格式化时间 function formatDate(publishedDate, mode) { if (!publishedDate) { return ''; } if (mode === 'mode1') { return '('+dayjs(publishedDate).format("YYYY-MM-DD")+')'; } else if (mode === 'mode2') { return dayjs(publishedDate).format("YYYY年MM月DD日"); } else if (mode === 'mode4') { return '('+dayjs(publishedDate).format("MM-DD")+')'; } else if (mode === 'mode5') { return '('+dayjs(publishedDate).format("YYYY-MM-DD HH:mm")+')'; } else { return '('+dayjs(publishedDate).format("YYYY-MM-DD")+')'; } } function displayPostingsAndPager(r) { var container = $('table#' + uid + ' tbody'); container.empty(); var iCounter = 0; var pages=r.postings; if(startshowrow<r.postings.length){ pages=r.postings.slice(startshowrow); } var summaryListLength = pages.length; var pagerContainer = $("<tr></tr>"); var pagerTd = ''; if(summaryListLength>0){ var tetRcounter = summaryListLength % howManyCellsInEachRow; if (howManyCellsInEachRow != 0 && tetRcounter == 0) { lastRow = parseInt(summaryListLength / howManyCellsInEachRow); } else { lastRow = parseInt(summaryListLength / howManyCellsInEachRow) + 1; } for (var postingCounter = 0; postingCounter < summaryListLength;) { var postingRow = $('<tr style="height: ' + rowHeight + 'px;"></tr>'); for (var postingCellCounter = 0; (postingCellCounter < howManyCellsInEachRow) && (postingCounter < summaryListLength); postingCellCounter++) { var objObject = pages[postingCounter]; var titleTagTd = $('<td align="center" vAlign="middle" style="height: ' + rowHeight + 'px; width: ' + cellWidth + 'px;' + (iCounter % 2 != 0 && alternatecolor ? 'background-color: ' + alternatecolor : '') + '">' + (showTitleTag ? titleTag : '') + '</td>'); postingRow.append(titleTagTd); var titleTd = $('<td align="left" vAlign="middle" style="width: ' + controlWidth + 'px;' + (iCounter % 2 != 0 && alternatecolor ? 'background-color: ' + alternatecolor : '') + '"></td>'); if (isDisplaySummaryOfEachNews) { titleTd.append(titleTag); } var link = $('<a class="data-collecting-sign style10" href="' + objObject.path + '" ' + newWindowTemp + ' data-collecting-param="' + objObject.displayName + '" data-collecting-wname="' + (buriedPointName ? buriedPointName + (postingCounter + 1) : "移动公用新闻列表二" + (postingCounter + 1)) + '"></a>'); if (displayAttr == "name") { link.append(cutOffTitle(objObject.name)); } else if (displayAttr == "summary") { if (objObject.summary === "") { link.append(cutOffTitle(objObject.name)); }else{ link.append(cutOffTitle(objObject.summary)); } } else if (displayAttr == "title") { if (objObject.contentTitle === "") { link.append(cutOffTitle(objObject.name)); }else{ link.append(cutOffTitle(objObject.contentTitle)); } } else { if(objObject.displayName === ""){ link.append(cutOffTitle(objObject.name)); }else{ link.append(cutOffTitle(objObject.displayName)); } } if (noInternalStyle) { titleTd.append(titleTag); titleTd.append(link); } else { var span = $('<span class="ChannelSummaryList-insty"></span>'); span.append(link); titleTd.append(span); } if (isDisplaySummaryOfEachNews) { titleTd.append("<br/>"); titleTd.append('<span class="ChannelSummaryList-summary fs14">    ' + objObject.summary + '……[<a href="' + objObject.id + '" target="_blank" class="more">详细</a>]</span>'); } postingRow.append(titleTd); if (isDisplayDate) { var dateTd = $('<td style="width: ' + dateCellWidth + 'px; ' + (iCounter % 2 != 0 && alternatecolor ? "background-color: " + alternatecolor : '') + '" align="' + (dateMode == "mode3" ? "left" : "center") + '" vAlign="middle"></td>'); if (dateMode == "mode3") { dateTd.append('<span>' + objObject.subTitle + '</span>'); } else if (dateMode == "mode6") { dateTd.append('<span>' + objObject.infoAuthor + '</span>'); } else { dateTd.append('<span class="' + dateStyle + '">' + formatDate(objObject.publishedDate, dateMode) + '</span>'); } postingRow.append(dateTd); } postingCounter++; } container.append(postingRow); iCounter++; if (separatorStyle && (isShowLastLine || iCounter < lastRow)) { var separatorRow = $('<tr></tr>'); separatorRow.append('<td style="' + separatorStyle + '; height: 1px;" colspan="' + (isDisplayDate ? howManyCellsInEachRow * 3 : howManyCellsInEachRow * 2) + '"></td>'); container.append(separatorRow); } } // 分页时渲染 if(isPager){ var buttonContainer = $('<div align="right"></div>'); var preBtn = isEnglishMode ? $('<a class="' + linkCssClass + '" href="javascript:;">Pre</a>') : $('<span class="fs14">【</span><a class="' + linkCssClass + '" href="javascript:;">上一页</a><span class="fs14">】</span>'); var nextBtn = isEnglishMode ? $('<a class="' + linkCssClass + '" href="javascript:;">Next</a>') : $('<span class="fs14">【</span><a class="' + linkCssClass + '" href="javascript:;">下一页</a><span class="fs14">】</span>'); if (r.totalPages > 0) { if (r.currentPage == 1 && r.totalPages != 1) { nextBtn.attr('page-index', r.currentPage + 1); buttonContainer.append(nextBtn); buttonContainer.append(' '); } else if (r.currentPage == r.totalPages && r.totalPages != 1) { preBtn.attr('page-index', r.currentPage - 1); buttonContainer.append(preBtn); buttonContainer.append('  '); } else if (r.currentPage != 1 && r.totalPages > r.currentPage) { preBtn.attr('page-index', r.currentPage - 1); buttonContainer.append(preBtn); buttonContainer.append("  "); nextBtn.attr('page-index', r.currentPage + 1); buttonContainer.append(nextBtn); buttonContainer.append("  "); } } pagerTd = $('<td style="height: 30px;" align="right" colspan="' + pagerColspan + '"></td>'); pagerTd.append(buttonContainer); } //不分页时渲染"更多"按钮 if(!isPager && isDispMoreButton){ var buttonContainer = $('<div align="right"></div>'); var moreBtn = $('<a data-collecting-wname="更多" href="'+ morebuttonlinkurl + '" class="data-collecting-sign '+ linkcssclass +'" target="' + isMoreButtonDispinNewWindow + '">' + moreButtonDetail + '</a>'); buttonContainer.append(moreBtn); buttonContainer.append("  "); pagerTd = $('<td style="height: 30px;" align="right" colspan="' + pagerColspan + '"></td>'); pagerTd.append(buttonContainer); } }else{ // 如果返回的数据不存在，则添加提示 pagerTd=$('<td style="width: ' + controlWidth + 'px;padding:1px;" colspan="' + 3 + '"><br>  当前频道没有记录！</td>'); } pagerContainer.append(pagerTd); container.append(pagerContainer); container.find('tr:last').on('click', function(e) { var page = $(e.target).attr('page-index'); loadPostings(page); }); } // 正常模式的分页请求 var url = (window.location.protocol == "about:" ? "http://" : "//") + window.appConfig.papi.host + "/cmspage/columns/webpart/webservice/channelSummaryList"; var cookies = document.cookie.split(';'); var cisCode = utils.getCookieByCis(cookies,"cisCode"); var groupList = utils.getCookieByCis(cookies,"groupList"); function loadPostings(page) { $("#c04a93a3de93e747e61e5a3e7b6576fb .tableloading").show(); $("#c04a93a3de93e747e61e5a3e7b6576fb .tableloading").html("<td colspan='4'><img class='icon-loading' src='/resource/img/control/loading.gif'></img>正在加载中...</td>"); $.ajax({ url: url, data: { cisCode: cisCode || "", customerGroupNoList: groupList ? JSON.parse(groupList).join(",") : "", isBindGroup: true, currentColumnId: currentColumnId, summaryColumnId: summaryColumnId, displayTopPostings: isPager ? 0 : disptoprecordnum, needDisplayChildrenPostings: needDisplayChildrenPostings, author: author, enablePager: isPager, page: page, size: size, isUseDomain:false, domainName:domainName||"", }, success: function(r) { if (r.data) { $("#c04a93a3de93e747e61e5a3e7b6576fb .tableloading").hide(); displayPostingsAndPager(r.data); }else{ $("#c04a93a3de93e747e61e5a3e7b6576fb .tableloading").html("<td colspan='4'>当前频道没有记录！</td>"); } }, error: function() { $("#c04a93a3de93e747e61e5a3e7b6576fb .tableloading").html("<td colspan='4'>加载失败，请稍后再试！</td>"); } }); } loadPostings(1); }); </script> <style type="text/css"> .ChannelSummaryList-insty { line-height: 150% } .ChannelSummaryList-summary { line-height: 160%; color: #222; text-decoration: none } </style> </li> <li> <table id="57ca5833963325b200edb99e063e3668" style="border-collapse: collapse;" border="0" cellspacing="0" cellpadding="0"> <tbody> <tr class="tableloading" style="margin-left:15px;"></tr> </tbody> </table> <script> $(function() { var currentColumnId = '1438058313303867398'; var summaryColumnId = '1438058326864052431'; var needDisplayChildrenPostings = true; var author = ''; var size = 20; var uid = '57ca5833963325b200edb99e063e3668'; var pagerColspan = 3; var isEnglishMode = false; var linkCssClass = 'style10'; var rowHeight = '30'; var howManyCellsInEachRow = 1; var cellWidth = 0; var alternatecolor = ''; var showTitleTag = false; var titleTag = ""; var newWindowTemp = 'target=_blank'; var controlWidth = 400; var isDisplaySummaryOfEachNews = false; var noInternalStyle = false; var domainName = ''; var buriedPointName = ''; var titleLength = 28; var isDisplayDate = false; var dateMode = 'mode1'; var dateCellWidth = '80'; var dateStyle = 'text'; var separatorStyle = ''; var lastRow = 0; var isShowLastLine = false; var displayAttr = 'displayName'; var startshowrow = 1; var isPager = false; var isDispMoreButton = false; var morebuttonlinkurl = '#'; var isMoreButtonDispinNewWindow = '_top'; var moreButtonDetail = '更多...'; var linkcssclass = 'style10'; // 不分页时,要显示的记录数 var disptoprecordnum = 2; // 截取标题到指定长度 function cutOffTitle(title) { if(!title){return ""} if (titleLength == 0 || titleLength >= title.length) { return title; } else if (isEnglishMode) { var cutIndex = titleLength; while (title[cutIndex] != ' ' && title.length >= 0) { cutIndex -= 1; } return title.substring(0, cutIndex) + '...'; } else { return (titleLength >= title.length) ? title : title.substring(0, titleLength) + "..."; } } // 格式化时间 function formatDate(publishedDate, mode) { if (!publishedDate) { return ''; } if (mode === 'mode1') { return '('+dayjs(publishedDate).format("YYYY-MM-DD")+')'; } else if (mode === 'mode2') { return dayjs(publishedDate).format("YYYY年MM月DD日"); } else if (mode === 'mode4') { return '('+dayjs(publishedDate).format("MM-DD")+')'; } else if (mode === 'mode5') { return '('+dayjs(publishedDate).format("YYYY-MM-DD HH:mm")+')'; } else { return '('+dayjs(publishedDate).format("YYYY-MM-DD")+')'; } } function displayPostingsAndPager(r) { var container = $('table#' + uid + ' tbody'); container.empty(); var iCounter = 0; var pages=r.postings; if(startshowrow<r.postings.length){ pages=r.postings.slice(startshowrow); } var summaryListLength = pages.length; var pagerContainer = $("<tr></tr>"); var pagerTd = ''; if(summaryListLength>0){ var tetRcounter = summaryListLength % howManyCellsInEachRow; if (howManyCellsInEachRow != 0 && tetRcounter == 0) { lastRow = parseInt(summaryListLength / howManyCellsInEachRow); } else { lastRow = parseInt(summaryListLength / howManyCellsInEachRow) + 1; } for (var postingCounter = 0; postingCounter < summaryListLength;) { var postingRow = $('<tr style="height: ' + rowHeight + 'px;"></tr>'); for (var postingCellCounter = 0; (postingCellCounter < howManyCellsInEachRow) && (postingCounter < summaryListLength); postingCellCounter++) { var objObject = pages[postingCounter]; var titleTagTd = $('<td align="center" vAlign="middle" style="height: ' + rowHeight + 'px; width: ' + cellWidth + 'px;' + (iCounter % 2 != 0 && alternatecolor ? 'background-color: ' + alternatecolor : '') + '">' + (showTitleTag ? titleTag : '') + '</td>'); postingRow.append(titleTagTd); var titleTd = $('<td align="left" vAlign="middle" style="width: ' + controlWidth + 'px;' + (iCounter % 2 != 0 && alternatecolor ? 'background-color: ' + alternatecolor : '') + '"></td>'); if (isDisplaySummaryOfEachNews) { titleTd.append(titleTag); } var link = $('<a class="data-collecting-sign style10" href="' + objObject.path + '" ' + newWindowTemp + ' data-collecting-param="' + objObject.displayName + '" data-collecting-wname="' + (buriedPointName ? buriedPointName + (postingCounter + 1) : "移动公用新闻列表二" + (postingCounter + 1)) + '"></a>'); if (displayAttr == "name") { link.append(cutOffTitle(objObject.name)); } else if (displayAttr == "summary") { if (objObject.summary === "") { link.append(cutOffTitle(objObject.name)); }else{ link.append(cutOffTitle(objObject.summary)); } } else if (displayAttr == "title") { if (objObject.contentTitle === "") { link.append(cutOffTitle(objObject.name)); }else{ link.append(cutOffTitle(objObject.contentTitle)); } } else { if(objObject.displayName === ""){ link.append(cutOffTitle(objObject.name)); }else{ link.append(cutOffTitle(objObject.displayName)); } } if (noInternalStyle) { titleTd.append(titleTag); titleTd.append(link); } else { var span = $('<span class="ChannelSummaryList-insty"></span>'); span.append(link); titleTd.append(span); } if (isDisplaySummaryOfEachNews) { titleTd.append("<br/>"); titleTd.append('<span class="ChannelSummaryList-summary fs14">    ' + objObject.summary + '……[<a href="' + objObject.id + '" target="_blank" class="more">详细</a>]</span>'); } postingRow.append(titleTd); if (isDisplayDate) { var dateTd = $('<td style="width: ' + dateCellWidth + 'px; ' + (iCounter % 2 != 0 && alternatecolor ? "background-color: " + alternatecolor : '') + '" align="' + (dateMode == "mode3" ? "left" : "center") + '" vAlign="middle"></td>'); if (dateMode == "mode3") { dateTd.append('<span>' + objObject.subTitle + '</span>'); } else if (dateMode == "mode6") { dateTd.append('<span>' + objObject.infoAuthor + '</span>'); } else { dateTd.append('<span class="' + dateStyle + '">' + formatDate(objObject.publishedDate, dateMode) + '</span>'); } postingRow.append(dateTd); } postingCounter++; } container.append(postingRow); iCounter++; if (separatorStyle && (isShowLastLine || iCounter < lastRow)) { var separatorRow = $('<tr></tr>'); separatorRow.append('<td style="' + separatorStyle + '; height: 1px;" colspan="' + (isDisplayDate ? howManyCellsInEachRow * 3 : howManyCellsInEachRow * 2) + '"></td>'); container.append(separatorRow); } } // 分页时渲染 if(isPager){ var buttonContainer = $('<div align="right"></div>'); var preBtn = isEnglishMode ? $('<a class="' + linkCssClass + '" href="javascript:;">Pre</a>') : $('<span class="fs14">【</span><a class="' + linkCssClass + '" href="javascript:;">上一页</a><span class="fs14">】</span>'); var nextBtn = isEnglishMode ? $('<a class="' + linkCssClass + '" href="javascript:;">Next</a>') : $('<span class="fs14">【</span><a class="' + linkCssClass + '" href="javascript:;">下一页</a><span class="fs14">】</span>'); if (r.totalPages > 0) { if (r.currentPage == 1 && r.totalPages != 1) { nextBtn.attr('page-index', r.currentPage + 1); buttonContainer.append(nextBtn); buttonContainer.append(' '); } else if (r.currentPage == r.totalPages && r.totalPages != 1) { preBtn.attr('page-index', r.currentPage - 1); buttonContainer.append(preBtn); buttonContainer.append('  '); } else if (r.currentPage != 1 && r.totalPages > r.currentPage) { preBtn.attr('page-index', r.currentPage - 1); buttonContainer.append(preBtn); buttonContainer.append("  "); nextBtn.attr('page-index', r.currentPage + 1); buttonContainer.append(nextBtn); buttonContainer.append("  "); } } pagerTd = $('<td style="height: 30px;" align="right" colspan="' + pagerColspan + '"></td>'); pagerTd.append(buttonContainer); } //不分页时渲染"更多"按钮 if(!isPager && isDispMoreButton){ var buttonContainer = $('<div align="right"></div>'); var moreBtn = $('<a data-collecting-wname="更多" href="'+ morebuttonlinkurl + '" class="data-collecting-sign '+ linkcssclass +'" target="' + isMoreButtonDispinNewWindow + '">' + moreButtonDetail + '</a>'); buttonContainer.append(moreBtn); buttonContainer.append("  "); pagerTd = $('<td style="height: 30px;" align="right" colspan="' + pagerColspan + '"></td>'); pagerTd.append(buttonContainer); } }else{ // 如果返回的数据不存在，则添加提示 pagerTd=$('<td style="width: ' + controlWidth + 'px;padding:1px;" colspan="' + 3 + '"><br>  当前频道没有记录！</td>'); } pagerContainer.append(pagerTd); container.append(pagerContainer); container.find('tr:last').on('click', function(e) { var page = $(e.target).attr('page-index'); loadPostings(page); }); } // 正常模式的分页请求 var url = (window.location.protocol == "about:" ? "http://" : "//") + window.appConfig.papi.host + "/cmspage/columns/webpart/webservice/channelSummaryList"; var cookies = document.cookie.split(';'); var cisCode = utils.getCookieByCis(cookies,"cisCode"); var groupList = utils.getCookieByCis(cookies,"groupList"); function loadPostings(page) { $("#57ca5833963325b200edb99e063e3668 .tableloading").show(); $("#57ca5833963325b200edb99e063e3668 .tableloading").html("<td colspan='4'><img class='icon-loading' src='/resource/img/control/loading.gif'></img>正在加载中...</td>"); $.ajax({ url: url, data: { cisCode: cisCode || "", customerGroupNoList: groupList ? JSON.parse(groupList).join(",") : "", isBindGroup: true, currentColumnId: currentColumnId, summaryColumnId: summaryColumnId, displayTopPostings: isPager ? 0 : disptoprecordnum, needDisplayChildrenPostings: needDisplayChildrenPostings, author: author, enablePager: isPager, page: page, size: size, isUseDomain:false, domainName:domainName||"", }, success: function(r) { if (r.data) { $("#57ca5833963325b200edb99e063e3668 .tableloading").hide(); displayPostingsAndPager(r.data); }else{ $("#57ca5833963325b200edb99e063e3668 .tableloading").html("<td colspan='4'>当前频道没有记录！</td>"); } }, error: function() { $("#57ca5833963325b200edb99e063e3668 .tableloading").html("<td colspan='4'>加载失败，请稍后再试！</td>"); } }); } loadPostings(1); }); </script> <style type="text/css"> .ChannelSummaryList-insty { line-height: 150% } .ChannelSummaryList-summary { line-height: 160%; color: #222; text-decoration: none } </style> </li> </ul> </div> <div class="more r"><a href="/column/1438058326864052431.html" target="_blank" rel="noopener" data-collecting-wname="点击更多资讯" class="data-collecting-sign">更多</a></div> </div> </div> <div class="tzlc_footer"> <div class="r"> <div class="tzlc_title S"> <p><span><span id="i5cg8h" style="display: none;"> </span></span>外汇买卖</p> </div> <div id="i0oklv" class="tzlc_main" style="height: 455px;"> <ul class="ul_two"> <li id="icegao" style="height: 225px;"> <div id="iffq9a" class="tzlc_text" style="height: 225px;"> <div class="proudect"><a href="/page/721854748826566681.html" target="_blank" rel="noopener" data-collecting-wname="外汇买卖展示位1" data-collecting-param="个人结汇图片" class="data-collecting-sign"><img src="//v.icbc.com.cn/userfiles/resources/icbc/shoujizhuanti/2024/p7.jpg" id="ixi151" openurlopenmode="now" style="height: 170px; width: 100px;"></a> <div id="i9ltvk" class="proudect_more" style="height: 125px; line-height: 30px;"><a href="/page/721854748826566681.html" target="_blank" rel="noopener" data-collecting-wname="外汇买卖展示位1" data-collecting-param="个人结汇" class="data-collecting-sign"> <h1>个人结汇</h1> <p><span><span id="inp02f" style="display: none;"> </span></span>结汇额度每年等值5万美元</p> <p><span><span id="i6ylo4" style="display: none;"> </span></span>结汇汇率当日实时牌价</p> </a></div> <div id="isitm5" class="proudect_btn" style="margin-top: 40px;"><span onclick="document.getElementById('formInject3933894969477436').submit();" class="btn-hover"><span class="btn-hover">我要结汇</span></span><form name="formInject" id="formInject3933894969477436" action="https://mybank.icbc.com.cn/icbc/newperbank/perbank3/frame/frame_index.jsp" method="post"><input name="injectTranName" type="hidden" value="MzA4fFBCTDIwMTM0Mj5QQkwyMDEzNDIwMg=="> <input name="injectTranData" type="hidden" value=""> <input name="injectSignStr" type="hidden" value="AmQRLZ7yxzBFOsoUSss3J/ZGYiw="></form></div> </div> </div> </li> <li id="iig5ei" class="last" style="height: 225px;"> <div class="tzlc_text"> <div class="proudect"><a href="/column/1438058474549690419.html" target="_blank" rel="noopener" data-collecting-wname="外汇买卖展示位2" data-collecting-param="账户外汇图片" class="data-collecting-sign"><img src="//v.icbc.com.cn/userfiles/resources/icbc/shoujizhuanti/2024/p8.jpg" id="iogvhj" openurlopenmode="now" style="height: 170px; width: 100px;"></a> <div id="i58qpf" class="proudect_more" style="height: 125px; line-height: 30px;"><a href="/column/1438058474549690419.html" target="_blank" rel="noopener" data-collecting-wname="外汇买卖展示位2" data-collecting-param="账户外汇" class="data-collecting-sign"> <h1>账户外汇</h1> <p><span><span id="i60ahp" style="display: none;"> </span></span>以人民币买卖多种外汇的 <br>投资交易产品</p> </a></div> <div id="i4691g" class="proudect_btn" style="margin-top: 40px;"><a href="https://mybank.icbc.com.cn/icbc/newperbank/perbank3/frame/frame_index.jsp?serviceId=PBL201344" target="_blank" rel="noopener" data-collecting-wname="外汇买卖展示位2" data-collecting-param="我要交易" class="btn-hover data-collecting-sign">我要交易</a></div> </div> </div> </li> </ul> </div> </div>  <div id="ixxw9b" class="r" style="margin-right: 10px;"> <div class="tzlc_title Q"> <p><span><span id="iuqjgj" style="display: none;"> </span></span>结售汇</p> </div> <div id="iub24i" class="tzlc_main" style="height: 455px;"> <ul class="ul_two"> <li id="il2pso" style="height: 225px;"> <div id="iwlxed" class="tzlc_text" style="height: 225px;"> <div class="proudect"><a href="/page/721853679971106850.html" target="_blank" rel="noopener" data-collecting-wname="结售汇展示位1" data-collecting-param="个人购汇图片" class="data-collecting-sign"><img src="//v.icbc.com.cn/userfiles/resources/icbc/shoujizhuanti/2024/p5.jpg" id="iv88te" openurlopenmode="now" style="height: 170px; width: 100px;"></a> <div id="ie0n9j" class="proudect_more" style="height: 125px; line-height: 30px;"><a href="/page/721853679971106850.html" target="_blank" rel="noopener" data-collecting-wname="结售汇展示位1" data-collecting-param="个人购汇" class="data-collecting-sign"> <h1>个人购汇</h1> <p><span><span id="i504ei" style="display: none;"> </span></span>购汇额度每年等值5万美元</p> <p><span><span id="ij84ev" style="display: none;"> </span></span>购汇汇率当日实时牌价</p> </a></div> <div id="idwwwj" class="proudect_btn" style="margin-top: 40px;"><span onclick="document.getElementById('formInject3647459493296832').submit();" class="btn-hover"><span class="btn-hover">我要购汇</span></span><form name="formInject" id="formInject3647459493296832" action="https://mybank.icbc.com.cn/icbc/newperbank/perbank3/frame/frame_index.jsp" method="post"><input name="injectTranName" type="hidden" value="MzA4fFBCTDIwMTM0Mg=="> <input name="injectTranData" type="hidden" value=""> <input name="injectSignStr" type="hidden" value="3UC7ABIIU27EUr+3LBWCD7o8tGc="></form></div> </div> </div> </li> <li id="i84vil" class="last" style="height: 225px;"> <div id="icj1xs" class="tzlc_text" style="height: 225px;"> <div class="proudect"><a href="/page/721853686258368548.html" target="_blank" rel="noopener" data-collecting-wname="结售汇展示位2" data-collecting-param="携带外汇出境许可证图片" class="data-collecting-sign"><img src="//v.icbc.com.cn/userfiles/resources/icbc/shoujizhuanti/2024/p6.jpg" id="iiqkxf" openurlopenmode="now" style="height: 170px; width: 100px;"></a> <div id="ilp3xf" class="proudect_more" style="height: 125px; line-height: 30px;"><a href="/page/721853686258368548.html" target="_blank" rel="noopener" data-collecting-wname="结售汇展示位2" data-collecting-param="携带外汇出境许可证" class="data-collecting-sign"> <h1>携带外汇出境许可证</h1> <p><span><span id="itzywa" style="display: none;"> </span></span>携出金额在等值5000美元 <br>以上至10000美元（含）</p> </a></div> <div id="i9jfis" class="proudect_btn" style="margin-top: 40px;"><a href="/page/721853686258368548.html" target="_blank" rel="noopener" data-collecting-wname="结售汇展示位2" data-collecting-param="了解更多" class="btn-hover data-collecting-sign">了解更多</a></div> </div> </div> </li> </ul> </div> </div> </div> </div> <div class="tzlc1_mainR r"> <div class="items"> <div id="webpartdivID43a755a0-3d93-e04c-66ab-12c99ae65235" class="webpartdiv"> <script language="javascript" type="text/javascript"> $.ajax({ url: '/HtmlPatch/ICBC/shouye/touzilicai/waihui_r.htm', type: 'get', cache: true, async: false, success: function (html) { if(window.appConfig.enableBakHost){ html = bakHostReplace(html); } $('#webpartdivID43a755a0-3d93-e04c-66ab-12c99ae65235').append(html); } }); </script> </div> </div> </div> </div> <div data-collecting-aname="投资理财区-保险" class="tzlc5 hide"> <div class="tzlc1_mainL l"> <div class="top"> <div class="top_main"> <div><span class="kuoD"><span id="ipk40i" style="display: none;"> </span></span></div> <div class="notice_main"> <ul> <li> <table id="add4a7ed64c5151deb5d4088a345ac4c" style="border-collapse: collapse;" border="0" cellspacing="0" cellpadding="0"> <tbody> <tr class="tableloading" style="margin-left:15px;"></tr> </tbody> </table> <script> $(function() { var currentColumnId = '1438058313303867398'; var summaryColumnId = '1438058343720960924'; var needDisplayChildrenPostings = true; var author = ''; var size = 20; var uid = 'add4a7ed64c5151deb5d4088a345ac4c'; var pagerColspan = 3; var isEnglishMode = false; var linkCssClass = 'style10'; var rowHeight = '30'; var howManyCellsInEachRow = 1; var cellWidth = 0; var alternatecolor = ''; var showTitleTag = false; var titleTag = ""; var newWindowTemp = 'target=_blank'; var controlWidth = 400; var isDisplaySummaryOfEachNews = false; var noInternalStyle = false; var domainName = ''; var buriedPointName = ''; var titleLength = 26; var isDisplayDate = false; var dateMode = 'mode1'; var dateCellWidth = '80'; var dateStyle = 'text'; var separatorStyle = ''; var lastRow = 0; var isShowLastLine = false; var displayAttr = 'displayName'; var startshowrow = 0; var isPager = false; var isDispMoreButton = false; var morebuttonlinkurl = '#'; var isMoreButtonDispinNewWindow = '_top'; var moreButtonDetail = '更多...'; var linkcssclass = 'style10'; // 不分页时,要显示的记录数 var disptoprecordnum = 1; // 截取标题到指定长度 function cutOffTitle(title) { if(!title){return ""} if (titleLength == 0 || titleLength >= title.length) { return title; } else if (isEnglishMode) { var cutIndex = titleLength; while (title[cutIndex] != ' ' && title.length >= 0) { cutIndex -= 1; } return title.substring(0, cutIndex) + '...'; } else { return (titleLength >= title.length) ? title : title.substring(0, titleLength) + "..."; } } // 格式化时间 function formatDate(publishedDate, mode) { if (!publishedDate) { return ''; } if (mode === 'mode1') { return '('+dayjs(publishedDate).format("YYYY-MM-DD")+')'; } else if (mode === 'mode2') { return dayjs(publishedDate).format("YYYY年MM月DD日"); } else if (mode === 'mode4') { return '('+dayjs(publishedDate).format("MM-DD")+')'; } else if (mode === 'mode5') { return '('+dayjs(publishedDate).format("YYYY-MM-DD HH:mm")+')'; } else { return '('+dayjs(publishedDate).format("YYYY-MM-DD")+')'; } } function displayPostingsAndPager(r) { var container = $('table#' + uid + ' tbody'); container.empty(); var iCounter = 0; var pages=r.postings; if(startshowrow<r.postings.length){ pages=r.postings.slice(startshowrow); } var summaryListLength = pages.length; var pagerContainer = $("<tr></tr>"); var pagerTd = ''; if(summaryListLength>0){ var tetRcounter = summaryListLength % howManyCellsInEachRow; if (howManyCellsInEachRow != 0 && tetRcounter == 0) { lastRow = parseInt(summaryListLength / howManyCellsInEachRow); } else { lastRow = parseInt(summaryListLength / howManyCellsInEachRow) + 1; } for (var postingCounter = 0; postingCounter < summaryListLength;) { var postingRow = $('<tr style="height: ' + rowHeight + 'px;"></tr>'); for (var postingCellCounter = 0; (postingCellCounter < howManyCellsInEachRow) && (postingCounter < summaryListLength); postingCellCounter++) { var objObject = pages[postingCounter]; var titleTagTd = $('<td align="center" vAlign="middle" style="height: ' + rowHeight + 'px; width: ' + cellWidth + 'px;' + (iCounter % 2 != 0 && alternatecolor ? 'background-color: ' + alternatecolor : '') + '">' + (showTitleTag ? titleTag : '') + '</td>'); postingRow.append(titleTagTd); var titleTd = $('<td align="left" vAlign="middle" style="width: ' + controlWidth + 'px;' + (iCounter % 2 != 0 && alternatecolor ? 'background-color: ' + alternatecolor : '') + '"></td>'); if (isDisplaySummaryOfEachNews) { titleTd.append(titleTag); } var link = $('<a class="data-collecting-sign style10" href="' + objObject.path + '" ' + newWindowTemp + ' data-collecting-param="' + objObject.displayName + '" data-collecting-wname="' + (buriedPointName ? buriedPointName + (postingCounter + 1) : "移动公用新闻列表二" + (postingCounter + 1)) + '"></a>'); if (displayAttr == "name") { link.append(cutOffTitle(objObject.name)); } else if (displayAttr == "summary") { if (objObject.summary === "") { link.append(cutOffTitle(objObject.name)); }else{ link.append(cutOffTitle(objObject.summary)); } } else if (displayAttr == "title") { if (objObject.contentTitle === "") { link.append(cutOffTitle(objObject.name)); }else{ link.append(cutOffTitle(objObject.contentTitle)); } } else { if(objObject.displayName === ""){ link.append(cutOffTitle(objObject.name)); }else{ link.append(cutOffTitle(objObject.displayName)); } } if (noInternalStyle) { titleTd.append(titleTag); titleTd.append(link); } else { var span = $('<span class="ChannelSummaryList-insty"></span>'); span.append(link); titleTd.append(span); } if (isDisplaySummaryOfEachNews) { titleTd.append("<br/>"); titleTd.append('<span class="ChannelSummaryList-summary fs14">    ' + objObject.summary + '……[<a href="' + objObject.id + '" target="_blank" class="more">详细</a>]</span>'); } postingRow.append(titleTd); if (isDisplayDate) { var dateTd = $('<td style="width: ' + dateCellWidth + 'px; ' + (iCounter % 2 != 0 && alternatecolor ? "background-color: " + alternatecolor : '') + '" align="' + (dateMode == "mode3" ? "left" : "center") + '" vAlign="middle"></td>'); if (dateMode == "mode3") { dateTd.append('<span>' + objObject.subTitle + '</span>'); } else if (dateMode == "mode6") { dateTd.append('<span>' + objObject.infoAuthor + '</span>'); } else { dateTd.append('<span class="' + dateStyle + '">' + formatDate(objObject.publishedDate, dateMode) + '</span>'); } postingRow.append(dateTd); } postingCounter++; } container.append(postingRow); iCounter++; if (separatorStyle && (isShowLastLine || iCounter < lastRow)) { var separatorRow = $('<tr></tr>'); separatorRow.append('<td style="' + separatorStyle + '; height: 1px;" colspan="' + (isDisplayDate ? howManyCellsInEachRow * 3 : howManyCellsInEachRow * 2) + '"></td>'); container.append(separatorRow); } } // 分页时渲染 if(isPager){ var buttonContainer = $('<div align="right"></div>'); var preBtn = isEnglishMode ? $('<a class="' + linkCssClass + '" href="javascript:;">Pre</a>') : $('<span class="fs14">【</span><a class="' + linkCssClass + '" href="javascript:;">上一页</a><span class="fs14">】</span>'); var nextBtn = isEnglishMode ? $('<a class="' + linkCssClass + '" href="javascript:;">Next</a>') : $('<span class="fs14">【</span><a class="' + linkCssClass + '" href="javascript:;">下一页</a><span class="fs14">】</span>'); if (r.totalPages > 0) { if (r.currentPage == 1 && r.totalPages != 1) { nextBtn.attr('page-index', r.currentPage + 1); buttonContainer.append(nextBtn); buttonContainer.append(' '); } else if (r.currentPage == r.totalPages && r.totalPages != 1) { preBtn.attr('page-index', r.currentPage - 1); buttonContainer.append(preBtn); buttonContainer.append('  '); } else if (r.currentPage != 1 && r.totalPages > r.currentPage) { preBtn.attr('page-index', r.currentPage - 1); buttonContainer.append(preBtn); buttonContainer.append("  "); nextBtn.attr('page-index', r.currentPage + 1); buttonContainer.append(nextBtn); buttonContainer.append("  "); } } pagerTd = $('<td style="height: 30px;" align="right" colspan="' + pagerColspan + '"></td>'); pagerTd.append(buttonContainer); } //不分页时渲染"更多"按钮 if(!isPager && isDispMoreButton){ var buttonContainer = $('<div align="right"></div>'); var moreBtn = $('<a data-collecting-wname="更多" href="'+ morebuttonlinkurl + '" class="data-collecting-sign '+ linkcssclass +'" target="' + isMoreButtonDispinNewWindow + '">' + moreButtonDetail + '</a>'); buttonContainer.append(moreBtn); buttonContainer.append("  "); pagerTd = $('<td style="height: 30px;" align="right" colspan="' + pagerColspan + '"></td>'); pagerTd.append(buttonContainer); } }else{ // 如果返回的数据不存在，则添加提示 pagerTd=$('<td style="width: ' + controlWidth + 'px;padding:1px;" colspan="' + 3 + '"><br>  当前频道没有记录！</td>'); } pagerContainer.append(pagerTd); container.append(pagerContainer); container.find('tr:last').on('click', function(e) { var page = $(e.target).attr('page-index'); loadPostings(page); }); } // 正常模式的分页请求 var url = (window.location.protocol == "about:" ? "http://" : "//") + window.appConfig.papi.host + "/cmspage/columns/webpart/webservice/channelSummaryList"; var cookies = document.cookie.split(';'); var cisCode = utils.getCookieByCis(cookies,"cisCode"); var groupList = utils.getCookieByCis(cookies,"groupList"); function loadPostings(page) { $("#add4a7ed64c5151deb5d4088a345ac4c .tableloading").show(); $("#add4a7ed64c5151deb5d4088a345ac4c .tableloading").html("<td colspan='4'><img class='icon-loading' src='/resource/img/control/loading.gif'></img>正在加载中...</td>"); $.ajax({ url: url, data: { cisCode: cisCode || "", customerGroupNoList: groupList ? JSON.parse(groupList).join(",") : "", isBindGroup: true, currentColumnId: currentColumnId, summaryColumnId: summaryColumnId, displayTopPostings: isPager ? 0 : disptoprecordnum, needDisplayChildrenPostings: needDisplayChildrenPostings, author: author, enablePager: isPager, page: page, size: size, isUseDomain:false, domainName:domainName||"", }, success: function(r) { if (r.data) { $("#add4a7ed64c5151deb5d4088a345ac4c .tableloading").hide(); displayPostingsAndPager(r.data); }else{ $("#add4a7ed64c5151deb5d4088a345ac4c .tableloading").html("<td colspan='4'>当前频道没有记录！</td>"); } }, error: function() { $("#add4a7ed64c5151deb5d4088a345ac4c .tableloading").html("<td colspan='4'>加载失败，请稍后再试！</td>"); } }); } loadPostings(1); }); </script> <style type="text/css"> .ChannelSummaryList-insty { line-height: 150% } .ChannelSummaryList-summary { line-height: 160%; color: #222; text-decoration: none } </style> </li> <li> <table id="514167b747a4cc044222839a0c553c9b" style="border-collapse: collapse;" border="0" cellspacing="0" cellpadding="0"> <tbody> <tr class="tableloading" style="margin-left:15px;"></tr> </tbody> </table> <script> $(function() { var currentColumnId = '1438058313303867398'; var summaryColumnId = '1438058343720960924'; var needDisplayChildrenPostings = true; var author = ''; var size = 20; var uid = '514167b747a4cc044222839a0c553c9b'; var pagerColspan = 3; var isEnglishMode = false; var linkCssClass = 'style10'; var rowHeight = '30'; var howManyCellsInEachRow = 1; var cellWidth = 0; var alternatecolor = ''; var showTitleTag = false; var titleTag = ""; var newWindowTemp = 'target=_blank'; var controlWidth = 400; var isDisplaySummaryOfEachNews = false; var noInternalStyle = false; var domainName = ''; var buriedPointName = ''; var titleLength = 26; var isDisplayDate = false; var dateMode = 'mode1'; var dateCellWidth = '80'; var dateStyle = 'text'; var separatorStyle = ''; var lastRow = 0; var isShowLastLine = false; var displayAttr = 'displayName'; var startshowrow = 1; var isPager = false; var isDispMoreButton = false; var morebuttonlinkurl = '#'; var isMoreButtonDispinNewWindow = '_top'; var moreButtonDetail = '更多...'; var linkcssclass = 'style10'; // 不分页时,要显示的记录数 var disptoprecordnum = 2; // 截取标题到指定长度 function cutOffTitle(title) { if(!title){return ""} if (titleLength == 0 || titleLength >= title.length) { return title; } else if (isEnglishMode) { var cutIndex = titleLength; while (title[cutIndex] != ' ' && title.length >= 0) { cutIndex -= 1; } return title.substring(0, cutIndex) + '...'; } else { return (titleLength >= title.length) ? title : title.substring(0, titleLength) + "..."; } } // 格式化时间 function formatDate(publishedDate, mode) { if (!publishedDate) { return ''; } if (mode === 'mode1') { return '('+dayjs(publishedDate).format("YYYY-MM-DD")+')'; } else if (mode === 'mode2') { return dayjs(publishedDate).format("YYYY年MM月DD日"); } else if (mode === 'mode4') { return '('+dayjs(publishedDate).format("MM-DD")+')'; } else if (mode === 'mode5') { return '('+dayjs(publishedDate).format("YYYY-MM-DD HH:mm")+')'; } else { return '('+dayjs(publishedDate).format("YYYY-MM-DD")+')'; } } function displayPostingsAndPager(r) { var container = $('table#' + uid + ' tbody'); container.empty(); var iCounter = 0; var pages=r.postings; if(startshowrow<r.postings.length){ pages=r.postings.slice(startshowrow); } var summaryListLength = pages.length; var pagerContainer = $("<tr></tr>"); var pagerTd = ''; if(summaryListLength>0){ var tetRcounter = summaryListLength % howManyCellsInEachRow; if (howManyCellsInEachRow != 0 && tetRcounter == 0) { lastRow = parseInt(summaryListLength / howManyCellsInEachRow); } else { lastRow = parseInt(summaryListLength / howManyCellsInEachRow) + 1; } for (var postingCounter = 0; postingCounter < summaryListLength;) { var postingRow = $('<tr style="height: ' + rowHeight + 'px;"></tr>'); for (var postingCellCounter = 0; (postingCellCounter < howManyCellsInEachRow) && (postingCounter < summaryListLength); postingCellCounter++) { var objObject = pages[postingCounter]; var titleTagTd = $('<td align="center" vAlign="middle" style="height: ' + rowHeight + 'px; width: ' + cellWidth + 'px;' + (iCounter % 2 != 0 && alternatecolor ? 'background-color: ' + alternatecolor : '') + '">' + (showTitleTag ? titleTag : '') + '</td>'); postingRow.append(titleTagTd); var titleTd = $('<td align="left" vAlign="middle" style="width: ' + controlWidth + 'px;' + (iCounter % 2 != 0 && alternatecolor ? 'background-color: ' + alternatecolor : '') + '"></td>'); if (isDisplaySummaryOfEachNews) { titleTd.append(titleTag); } var link = $('<a class="data-collecting-sign style10" href="' + objObject.path + '" ' + newWindowTemp + ' data-collecting-param="' + objObject.displayName + '" data-collecting-wname="' + (buriedPointName ? buriedPointName + (postingCounter + 1) : "移动公用新闻列表二" + (postingCounter + 1)) + '"></a>'); if (displayAttr == "name") { link.append(cutOffTitle(objObject.name)); } else if (displayAttr == "summary") { if (objObject.summary === "") { link.append(cutOffTitle(objObject.name)); }else{ link.append(cutOffTitle(objObject.summary)); } } else if (displayAttr == "title") { if (objObject.contentTitle === "") { link.append(cutOffTitle(objObject.name)); }else{ link.append(cutOffTitle(objObject.contentTitle)); } } else { if(objObject.displayName === ""){ link.append(cutOffTitle(objObject.name)); }else{ link.append(cutOffTitle(objObject.displayName)); } } if (noInternalStyle) { titleTd.append(titleTag); titleTd.append(link); } else { var span = $('<span class="ChannelSummaryList-insty"></span>'); span.append(link); titleTd.append(span); } if (isDisplaySummaryOfEachNews) { titleTd.append("<br/>"); titleTd.append('<span class="ChannelSummaryList-summary fs14">    ' + objObject.summary + '……[<a href="' + objObject.id + '" target="_blank" class="more">详细</a>]</span>'); } postingRow.append(titleTd); if (isDisplayDate) { var dateTd = $('<td style="width: ' + dateCellWidth + 'px; ' + (iCounter % 2 != 0 && alternatecolor ? "background-color: " + alternatecolor : '') + '" align="' + (dateMode == "mode3" ? "left" : "center") + '" vAlign="middle"></td>'); if (dateMode == "mode3") { dateTd.append('<span>' + objObject.subTitle + '</span>'); } else if (dateMode == "mode6") { dateTd.append('<span>' + objObject.infoAuthor + '</span>'); } else { dateTd.append('<span class="' + dateStyle + '">' + formatDate(objObject.publishedDate, dateMode) + '</span>'); } postingRow.append(dateTd); } postingCounter++; } container.append(postingRow); iCounter++; if (separatorStyle && (isShowLastLine || iCounter < lastRow)) { var separatorRow = $('<tr></tr>'); separatorRow.append('<td style="' + separatorStyle + '; height: 1px;" colspan="' + (isDisplayDate ? howManyCellsInEachRow * 3 : howManyCellsInEachRow * 2) + '"></td>'); container.append(separatorRow); } } // 分页时渲染 if(isPager){ var buttonContainer = $('<div align="right"></div>'); var preBtn = isEnglishMode ? $('<a class="' + linkCssClass + '" href="javascript:;">Pre</a>') : $('<span class="fs14">【</span><a class="' + linkCssClass + '" href="javascript:;">上一页</a><span class="fs14">】</span>'); var nextBtn = isEnglishMode ? $('<a class="' + linkCssClass + '" href="javascript:;">Next</a>') : $('<span class="fs14">【</span><a class="' + linkCssClass + '" href="javascript:;">下一页</a><span class="fs14">】</span>'); if (r.totalPages > 0) { if (r.currentPage == 1 && r.totalPages != 1) { nextBtn.attr('page-index', r.currentPage + 1); buttonContainer.append(nextBtn); buttonContainer.append(' '); } else if (r.currentPage == r.totalPages && r.totalPages != 1) { preBtn.attr('page-index', r.currentPage - 1); buttonContainer.append(preBtn); buttonContainer.append('  '); } else if (r.currentPage != 1 && r.totalPages > r.currentPage) { preBtn.attr('page-index', r.currentPage - 1); buttonContainer.append(preBtn); buttonContainer.append("  "); nextBtn.attr('page-index', r.currentPage + 1); buttonContainer.append(nextBtn); buttonContainer.append("  "); } } pagerTd = $('<td style="height: 30px;" align="right" colspan="' + pagerColspan + '"></td>'); pagerTd.append(buttonContainer); } //不分页时渲染"更多"按钮 if(!isPager && isDispMoreButton){ var buttonContainer = $('<div align="right"></div>'); var moreBtn = $('<a data-collecting-wname="更多" href="'+ morebuttonlinkurl + '" class="data-collecting-sign '+ linkcssclass +'" target="' + isMoreButtonDispinNewWindow + '">' + moreButtonDetail + '</a>'); buttonContainer.append(moreBtn); buttonContainer.append("  "); pagerTd = $('<td style="height: 30px;" align="right" colspan="' + pagerColspan + '"></td>'); pagerTd.append(buttonContainer); } }else{ // 如果返回的数据不存在，则添加提示 pagerTd=$('<td style="width: ' + controlWidth + 'px;padding:1px;" colspan="' + 3 + '"><br>  当前频道没有记录！</td>'); } pagerContainer.append(pagerTd); container.append(pagerContainer); container.find('tr:last').on('click', function(e) { var page = $(e.target).attr('page-index'); loadPostings(page); }); } // 正常模式的分页请求 var url = (window.location.protocol == "about:" ? "http://" : "//") + window.appConfig.papi.host + "/cmspage/columns/webpart/webservice/channelSummaryList"; var cookies = document.cookie.split(';'); var cisCode = utils.getCookieByCis(cookies,"cisCode"); var groupList = utils.getCookieByCis(cookies,"groupList"); function loadPostings(page) { $("#514167b747a4cc044222839a0c553c9b .tableloading").show(); $("#514167b747a4cc044222839a0c553c9b .tableloading").html("<td colspan='4'><img class='icon-loading' src='/resource/img/control/loading.gif'></img>正在加载中...</td>"); $.ajax({ url: url, data: { cisCode: cisCode || "", customerGroupNoList: groupList ? JSON.parse(groupList).join(",") : "", isBindGroup: true, currentColumnId: currentColumnId, summaryColumnId: summaryColumnId, displayTopPostings: isPager ? 0 : disptoprecordnum, needDisplayChildrenPostings: needDisplayChildrenPostings, author: author, enablePager: isPager, page: page, size: size, isUseDomain:false, domainName:domainName||"", }, success: function(r) { if (r.data) { $("#514167b747a4cc044222839a0c553c9b .tableloading").hide(); displayPostingsAndPager(r.data); }else{ $("#514167b747a4cc044222839a0c553c9b .tableloading").html("<td colspan='4'>当前频道没有记录！</td>"); } }, error: function() { $("#514167b747a4cc044222839a0c553c9b .tableloading").html("<td colspan='4'>加载失败，请稍后再试！</td>"); } }); } loadPostings(1); }); </script> <style type="text/css"> .ChannelSummaryList-insty { line-height: 150% } .ChannelSummaryList-summary { line-height: 160%; color: #222; text-decoration: none } </style> </li> </ul> </div> <div class="more r"><a href="/column/1438058343720960924.html" target="_blank" rel="noopener" data-collecting-wname="点击更多资讯" class="data-collecting-sign">更多</a></div> </div> </div> <div class="tzlc_footer"> <div id="webpartdivIDd5d23db1-4480-001b-c833-c80f8f3daa13" class="webpartdiv"> <script language="javascript" type="text/javascript"> $.ajax({ url: '/HtmlPatch/ICBC/shouye/touzilicai/baoxian_l1.htm', type: 'get', cache: true, async: false, success: function (html) { if(window.appConfig.enableBakHost){ html = bakHostReplace(html); } $('#webpartdivIDd5d23db1-4480-001b-c833-c80f8f3daa13').append(html); } }); </script> </div> <div id="webpartdivID741bfe29-8ae4-5826-ef79-7631308b0773" class="webpartdiv"> <script language="javascript" type="text/javascript"> $.ajax({ url: '/HtmlPatch/ICBC/shouye/touzilicai/baoxian_l2.htm', type: 'get', cache: true, async: false, success: function (html) { if(window.appConfig.enableBakHost){ html = bakHostReplace(html); } $('#webpartdivID741bfe29-8ae4-5826-ef79-7631308b0773').append(html); } }); </script> </div> </div> </div> <div class="tzlc1_mainR r"> <div class="items"> <div id="webpartdivID715ca593-441b-b7fa-8abf-f7d9ed378742" class="webpartdiv"> <script language="javascript" type="text/javascript"> $.ajax({ url: '/HtmlPatch/ICBC/shouye/touzilicai/baoxian_r.htm', type: 'get', cache: true, async: false, success: function (html) { if(window.appConfig.enableBakHost){ html = bakHostReplace(html); } $('#webpartdivID715ca593-441b-b7fa-8abf-f7d9ed378742').append(html); } }); </script> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div id="imn3lp" class="action_T" style="height: 610px; background-color: #f2f2f2;"> <div class="w-center"> <div class="action_T_head"> <div class="action_Y_text"><span><span id="ij7sfh" style="display: none;"> </span></span> <p>外汇业务</p> <div class="more r"><a href="/column/1438058319784067108.html" id="iolc5c" data-collecting-wname="点击更多" class="data-collecting-sign" style="background: url('//v.icbc.com.cn/userfiles/Resources/ICBC/shouye/images/2017/more.png') no-repeat right 50%;">更多</a></div> </div> <div class="action_T_di"></div> </div> </div> <div id="iaantv" class="tzlc" style="margin: auto;"> <div class="wrap"> <div> <div data-collecting-aname="外汇业务" class="tzlc4"> <div class="tzlc1_mainL l"> <div id="in1tl4" class="tzlc_footer" style="height: 500px;"> <div id="webpartdivIDe7b7d0f3-4fd2-f269-effc-cb72dcba882b" class="webpartdiv"> <script language="javascript" type="text/javascript"> $.ajax({ url: '/HtmlPatch/ICBC/shouye/touzilicai/waihuiyewutuijian.htm', type: 'get', cache: true, async: false, success: function (html) { if(window.appConfig.enableBakHost){ html = bakHostReplace(html); } $('#webpartdivIDe7b7d0f3-4fd2-f269-effc-cb72dcba882b').append(html); } }); </script> </div> </div> </div> <div class="tzlc1_mainR r"> <div id="iqqeuw" class="items" style="height: 492px; top: -15px;"> <div id="webpartdivIDae5d79a6-e8c5-4ece-c7b3-2c73b9243b75" class="webpartdiv"> <script language="javascript" type="text/javascript"> $.ajax({ url: '/HtmlPatch/ICBC/shouye/touzilicai/waihuiyewutu.htm', type: 'get', cache: true, async: false, success: function (html) { if(window.appConfig.enableBakHost){ html = bakHostReplace(html); } $('#webpartdivIDae5d79a6-e8c5-4ece-c7b3-2c73b9243b75').append(html); } }); </script> </div> </div> </div> </div> </div> </div> </div> </div>  <div id="ixsr6q" class="action_B" style="padding: 30px 0px 0px 0px;"> <div class="w-center"> <div class="action_B_head"> <div class="action_B_text"><span><span id="ia4k0d" style="display: none;"> </span></span> <p>便利金融</p> </div> <div class="action_T_di"></div> </div> <div class="bljr"> <div class="wrap"> <div class="boder_k"> <ul id="tab_tt" style="width: 1000px;"> <li class="on"> <p>移动金融</p> </li> <li> <p>小微融资</p> </li> <li> <p>汇款支付</p> </li> <li> <p>消费旅游</p> </li> <li> <p>留学服务</p> </li> <li> <p>个人贷款</p> </li> <li> <p>优惠活动</p> </li> </ul> </div> <div id="tab_ct"> <div data-collecting-aname="便利金融区-移动金融" class="bljr1"> <div id="webpartdivID3f9d320c-e260-f1c8-6014-e52c1729abcc" class="webpartdiv"> <script language="javascript" type="text/javascript"> $.ajax({ url: '/HtmlPatch/ICBC/shouye/bianlijinrong/yidongjinrong.htm', type: 'get', cache: true, async: false, success: function (html) { if(window.appConfig.enableBakHost){ html = bakHostReplace(html); } $('#webpartdivID3f9d320c-e260-f1c8-6014-e52c1729abcc').append(html); } }); </script> </div> </div> <div data-collecting-aname="便利金融区-融e购" class="bljr2 hide"> <div id="webpartdivID3246cc64-e644-9abc-9f3c-d46fed405d52" class="webpartdiv"> <script language="javascript" type="text/javascript"> $.ajax({ url: '/HtmlPatch/ICBC/shouye/bianlijinrong/rongegou.htm', type: 'get', cache: true, async: false, success: function (html) { if(window.appConfig.enableBakHost){ html = bakHostReplace(html); } $('#webpartdivID3246cc64-e644-9abc-9f3c-d46fed405d52').append(html); } }); </script> </div> </div> <div data-collecting-aname="便利金融区-汇款支付" class="bljr3 hide"> <div id="webpartdivIDf5cccc88-9141-c6b7-0140-aaa3f82369eb" class="webpartdiv"> <script language="javascript" type="text/javascript"> $.ajax({ url: '/HtmlPatch/ICBC/shouye/bianlijinrong/huikuanzhifu.htm', type: 'get', cache: true, async: false, success: function (html) { if(window.appConfig.enableBakHost){ html = bakHostReplace(html); } $('#webpartdivIDf5cccc88-9141-c6b7-0140-aaa3f82369eb').append(html); } }); </script> </div> </div> <div data-collecting-aname="便利金融区-消费旅游" class="bljr4 hide"> <div id="webpartdivID5976768a-235c-da86-6391-102742b18d34" class="webpartdiv"> <script language="javascript" type="text/javascript"> $.ajax({ url: '/HtmlPatch/ICBC/shouye/bianlijinrong/xiaofeilvyou.htm', type: 'get', cache: true, async: false, success: function (html) { if(window.appConfig.enableBakHost){ html = bakHostReplace(html); } $('#webpartdivID5976768a-235c-da86-6391-102742b18d34').append(html); } }); </script> </div> </div> <div data-collecting-aname="便利金融区-留学服务" class="bljr5 hide"> <div id="webpartdivIDf0300388-e486-685b-9bae-23cced443d9d" class="webpartdiv"> <script language="javascript" type="text/javascript"> $.ajax({ url: '/HtmlPatch/ICBC/shouye/bianlijinrong/liuxuefuwu.htm', type: 'get', cache: true, async: false, success: function (html) { if(window.appConfig.enableBakHost){ html = bakHostReplace(html); } $('#webpartdivIDf0300388-e486-685b-9bae-23cced443d9d').append(html); } }); </script> </div> </div> <div data-collecting-aname="便利金融区-个人贷款" class="bljr6 hide"> <div id="webpartdivID226edf51-93d5-a422-ba52-8738002891a2" class="webpartdiv"> <script language="javascript" type="text/javascript"> $.ajax({ url: '/HtmlPatch/ICBC/shouye/bianlijinrong/gerendaikuan.htm', type: 'get', cache: true, async: false, success: function (html) { if(window.appConfig.enableBakHost){ html = bakHostReplace(html); } $('#webpartdivID226edf51-93d5-a422-ba52-8738002891a2').append(html); } }); </script> </div> </div> <div data-collecting-aname="便利金融区-优惠活动" class="bljr6 hide"> <div id="webpartdivID23a1fca2-8264-590a-b21e-bd818bb8eacf" class="webpartdiv"> <script language="javascript" type="text/javascript"> $.ajax({ url: '/htmlpatch/icbc/shouye/bianlijinrong/youhuihuodong.htm', type: 'get', cache: true, async: false, success: function (html) { if(window.appConfig.enableBakHost){ html = bakHostReplace(html); } $('#webpartdivID23a1fca2-8264-590a-b21e-bd818bb8eacf').append(html); } }); </script> </div> </div> </div> </div> </div> </div> </div>  <div id="ikuvrv" class="action_M" style="background-color: #f2f2f2; height: 750px;"> <div class="w-center"> <div data-collecting-aname="工行风貌区" class="l"> <div class="action_M_head"> <div class="action_M_text"><span><span id="il43rl" style="display: none;"> </span></span> <p>工行风貌</p> <div class="more more_h r"><a href="/column/1438058319654043683.html" data-collecting-wname="点击更多" class="data-collecting-sign">更多</a></div> </div> <div class="action_M_di"></div> </div> <div id="texttBox" class="action_M_main" style="height: 585px;"> <dl> <dd> <table id="40ef3af743b46bbf816382e5c6c81076" style="border-collapse: collapse;" border="0" cellspacing="0" cellpadding="0"> <tbody> <tr class="tableloading" style="margin-left:15px;"></tr> </tbody> </table> <script> $(function() { var currentColumnId = '1438058313303867398'; var summaryColumnId = '1438058326864052396'; var needDisplayChildrenPostings = false; var author = ''; var size = 20; var uid = '40ef3af743b46bbf816382e5c6c81076'; var pagerColspan = 3; var isEnglishMode = false; var linkCssClass = 'style10'; var rowHeight = '34'; var howManyCellsInEachRow = 1; var cellWidth = 15; var alternatecolor = ''; var showTitleTag = true; var titleTag = "<em style='display:block; width:6px; height:6px; background-color:#c7000b; absolute; top:13px;'></em>"; var newWindowTemp = 'target=_blank'; var controlWidth = 445; var isDisplaySummaryOfEachNews = false; var noInternalStyle = false; var domainName = ''; var buriedPointName = ''; var titleLength = 20; var isDisplayDate = false; var dateMode = 'mode1'; var dateCellWidth = '80'; var dateStyle = 'text'; var separatorStyle = ''; var lastRow = 0; var isShowLastLine = false; var displayAttr = 'displayName'; var startshowrow = 0; var isPager = false; var isDispMoreButton = false; var morebuttonlinkurl = '#'; var isMoreButtonDispinNewWindow = '_top'; var moreButtonDetail = '更多...'; var linkcssclass = 'style10'; // 不分页时,要显示的记录数 var disptoprecordnum = 1; // 截取标题到指定长度 function cutOffTitle(title) { if(!title){return ""} if (titleLength == 0 || titleLength >= title.length) { return title; } else if (isEnglishMode) { var cutIndex = titleLength; while (title[cutIndex] != ' ' && title.length >= 0) { cutIndex -= 1; } return title.substring(0, cutIndex) + '...'; } else { return (titleLength >= title.length) ? title : title.substring(0, titleLength) + "..."; } } // 格式化时间 function formatDate(publishedDate, mode) { if (!publishedDate) { return ''; } if (mode === 'mode1') { return '('+dayjs(publishedDate).format("YYYY-MM-DD")+')'; } else if (mode === 'mode2') { return dayjs(publishedDate).format("YYYY年MM月DD日"); } else if (mode === 'mode4') { return '('+dayjs(publishedDate).format("MM-DD")+')'; } else if (mode === 'mode5') { return '('+dayjs(publishedDate).format("YYYY-MM-DD HH:mm")+')'; } else { return '('+dayjs(publishedDate).format("YYYY-MM-DD")+')'; } } function displayPostingsAndPager(r) { var container = $('table#' + uid + ' tbody'); container.empty(); var iCounter = 0; var pages=r.postings; if(startshowrow<r.postings.length){ pages=r.postings.slice(startshowrow); } var summaryListLength = pages.length; var pagerContainer = $("<tr></tr>"); var pagerTd = ''; if(summaryListLength>0){ var tetRcounter = summaryListLength % howManyCellsInEachRow; if (howManyCellsInEachRow != 0 && tetRcounter == 0) { lastRow = parseInt(summaryListLength / howManyCellsInEachRow); } else { lastRow = parseInt(summaryListLength / howManyCellsInEachRow) + 1; } for (var postingCounter = 0; postingCounter < summaryListLength;) { var postingRow = $('<tr style="height: ' + rowHeight + 'px;"></tr>'); for (var postingCellCounter = 0; (postingCellCounter < howManyCellsInEachRow) && (postingCounter < summaryListLength); postingCellCounter++) { var objObject = pages[postingCounter]; var titleTagTd = $('<td align="center" vAlign="middle" style="height: ' + rowHeight + 'px; width: ' + cellWidth + 'px;' + (iCounter % 2 != 0 && alternatecolor ? 'background-color: ' + alternatecolor : '') + '">' + (showTitleTag ? titleTag : '') + '</td>'); postingRow.append(titleTagTd); var titleTd = $('<td align="left" vAlign="middle" style="width: ' + controlWidth + 'px;' + (iCounter % 2 != 0 && alternatecolor ? 'background-color: ' + alternatecolor : '') + '"></td>'); if (isDisplaySummaryOfEachNews) { titleTd.append(titleTag); } var link = $('<a class="data-collecting-sign style10" href="' + objObject.path + '" ' + newWindowTemp + ' data-collecting-param="' + objObject.displayName + '" data-collecting-wname="' + (buriedPointName ? buriedPointName + (postingCounter + 1) : "移动公用新闻列表二" + (postingCounter + 1)) + '"></a>'); if (displayAttr == "name") { link.append(cutOffTitle(objObject.name)); } else if (displayAttr == "summary") { if (objObject.summary === "") { link.append(cutOffTitle(objObject.name)); }else{ link.append(cutOffTitle(objObject.summary)); } } else if (displayAttr == "title") { if (objObject.contentTitle === "") { link.append(cutOffTitle(objObject.name)); }else{ link.append(cutOffTitle(objObject.contentTitle)); } } else { if(objObject.displayName === ""){ link.append(cutOffTitle(objObject.name)); }else{ link.append(cutOffTitle(objObject.displayName)); } } if (noInternalStyle) { titleTd.append(titleTag); titleTd.append(link); } else { var span = $('<span class="ChannelSummaryList-insty"></span>'); span.append(link); titleTd.append(span); } if (isDisplaySummaryOfEachNews) { titleTd.append("<br/>"); titleTd.append('<span class="ChannelSummaryList-summary fs14">    ' + objObject.summary + '……[<a href="' + objObject.id + '" target="_blank" class="more">详细</a>]</span>'); } postingRow.append(titleTd); if (isDisplayDate) { var dateTd = $('<td style="width: ' + dateCellWidth + 'px; ' + (iCounter % 2 != 0 && alternatecolor ? "background-color: " + alternatecolor : '') + '" align="' + (dateMode == "mode3" ? "left" : "center") + '" vAlign="middle"></td>'); if (dateMode == "mode3") { dateTd.append('<span>' + objObject.subTitle + '</span>'); } else if (dateMode == "mode6") { dateTd.append('<span>' + objObject.infoAuthor + '</span>'); } else { dateTd.append('<span class="' + dateStyle + '">' + formatDate(objObject.publishedDate, dateMode) + '</span>'); } postingRow.append(dateTd); } postingCounter++; } container.append(postingRow); iCounter++; if (separatorStyle && (isShowLastLine || iCounter < lastRow)) { var separatorRow = $('<tr></tr>'); separatorRow.append('<td style="' + separatorStyle + '; height: 1px;" colspan="' + (isDisplayDate ? howManyCellsInEachRow * 3 : howManyCellsInEachRow * 2) + '"></td>'); container.append(separatorRow); } } // 分页时渲染 if(isPager){ var buttonContainer = $('<div align="right"></div>'); var preBtn = isEnglishMode ? $('<a class="' + linkCssClass + '" href="javascript:;">Pre</a>') : $('<span class="fs14">【</span><a class="' + linkCssClass + '" href="javascript:;">上一页</a><span class="fs14">】</span>'); var nextBtn = isEnglishMode ? $('<a class="' + linkCssClass + '" href="javascript:;">Next</a>') : $('<span class="fs14">【</span><a class="' + linkCssClass + '" href="javascript:;">下一页</a><span class="fs14">】</span>'); if (r.totalPages > 0) { if (r.currentPage == 1 && r.totalPages != 1) { nextBtn.attr('page-index', r.currentPage + 1); buttonContainer.append(nextBtn); buttonContainer.append(' '); } else if (r.currentPage == r.totalPages && r.totalPages != 1) { preBtn.attr('page-index', r.currentPage - 1); buttonContainer.append(preBtn); buttonContainer.append('  '); } else if (r.currentPage != 1 && r.totalPages > r.currentPage) { preBtn.attr('page-index', r.currentPage - 1); buttonContainer.append(preBtn); buttonContainer.append("  "); nextBtn.attr('page-index', r.currentPage + 1); buttonContainer.append(nextBtn); buttonContainer.append("  "); } } pagerTd = $('<td style="height: 30px;" align="right" colspan="' + pagerColspan + '"></td>'); pagerTd.append(buttonContainer); } //不分页时渲染"更多"按钮 if(!isPager && isDispMoreButton){ var buttonContainer = $('<div align="right"></div>'); var moreBtn = $('<a data-collecting-wname="更多" href="'+ morebuttonlinkurl + '" class="data-collecting-sign '+ linkcssclass +'" target="' + isMoreButtonDispinNewWindow + '">' + moreButtonDetail + '</a>'); buttonContainer.append(moreBtn); buttonContainer.append("  "); pagerTd = $('<td style="height: 30px;" align="right" colspan="' + pagerColspan + '"></td>'); pagerTd.append(buttonContainer); } }else{ // 如果返回的数据不存在，则添加提示 pagerTd=$('<td style="width: ' + controlWidth + 'px;padding:1px;" colspan="' + 3 + '"><br>  当前频道没有记录！</td>'); } pagerContainer.append(pagerTd); container.append(pagerContainer); container.find('tr:last').on('click', function(e) { var page = $(e.target).attr('page-index'); loadPostings(page); }); } // 正常模式的分页请求 var url = (window.location.protocol == "about:" ? "http://" : "//") + window.appConfig.papi.host + "/cmspage/columns/webpart/webservice/channelSummaryList"; var cookies = document.cookie.split(';'); var cisCode = utils.getCookieByCis(cookies,"cisCode"); var groupList = utils.getCookieByCis(cookies,"groupList"); function loadPostings(page) { $("#40ef3af743b46bbf816382e5c6c81076 .tableloading").show(); $("#40ef3af743b46bbf816382e5c6c81076 .tableloading").html("<td colspan='4'><img class='icon-loading' src='/resource/img/control/loading.gif'></img>正在加载中...</td>"); $.ajax({ url: url, data: { cisCode: cisCode || "", customerGroupNoList: groupList ? JSON.parse(groupList).join(",") : "", isBindGroup: true, currentColumnId: currentColumnId, summaryColumnId: summaryColumnId, displayTopPostings: isPager ? 0 : disptoprecordnum, needDisplayChildrenPostings: needDisplayChildrenPostings, author: author, enablePager: isPager, page: page, size: size, isUseDomain:false, domainName:domainName||"", }, success: function(r) { if (r.data) { $("#40ef3af743b46bbf816382e5c6c81076 .tableloading").hide(); displayPostingsAndPager(r.data); }else{ $("#40ef3af743b46bbf816382e5c6c81076 .tableloading").html("<td colspan='4'>当前频道没有记录！</td>"); } }, error: function() { $("#40ef3af743b46bbf816382e5c6c81076 .tableloading").html("<td colspan='4'>加载失败，请稍后再试！</td>"); } }); } loadPostings(1); }); </script> <style type="text/css"> .ChannelSummaryList-insty { line-height: 150% } .ChannelSummaryList-summary { line-height: 160%; color: #222; text-decoration: none } </style> </dd> <dd> <div id="ie8iax" style="font-size: 14px; color: #686868; padding-left: 18px; line-height: 28px;"> <div align="left"> 工商银行不断加强高质量金融供给，突出主责主业，坚持投融资一体化发展策略，统筹用好投融资总量和结构、增量和存量，推动…<span class="style11"> <a href="/page/1080145150753271808.html" data-collecting-wname="移行债券（基金）文章信息列表1" data-collecting-param="中国工商银行2024年经营发展稳中有进" class="data-collecting-sign style11" target="_blank">[详情]</a>   </span></div> </div> </dd> <dd id="izquyh" style="margin-top: 10px; height: 40px;"> <table id="9e0d53cd562b1cf323569965f2a4107f" style="border-collapse: collapse;" border="0" cellspacing="0" cellpadding="0"> <tbody> <tr class="tableloading" style="margin-left:15px;"></tr> </tbody> </table> <script> $(function() { var currentColumnId = '1438058313303867398'; var summaryColumnId = '1438058326864052396'; var needDisplayChildrenPostings = false; var author = ''; var size = 20; var uid = '9e0d53cd562b1cf323569965f2a4107f'; var pagerColspan = 3; var isEnglishMode = false; var linkCssClass = 'style10'; var rowHeight = '40'; var howManyCellsInEachRow = 1; var cellWidth = 15; var alternatecolor = ''; var showTitleTag = true; var titleTag = "<em style='display:block; width:6px; height:6px; background-color:#c7000b; absolute; top:17px;'></em>"; var newWindowTemp = 'target=_blank'; var controlWidth = 445; var isDisplaySummaryOfEachNews = false; var noInternalStyle = false; var domainName = ''; var buriedPointName = ''; var titleLength = 20; var isDisplayDate = false; var dateMode = 'mode1'; var dateCellWidth = '80'; var dateStyle = 'text'; var separatorStyle = ''; var lastRow = 0; var isShowLastLine = false; var displayAttr = 'displayName'; var startshowrow = 1; var isPager = false; var isDispMoreButton = false; var morebuttonlinkurl = '#'; var isMoreButtonDispinNewWindow = '_top'; var moreButtonDetail = '更多...'; var linkcssclass = 'style10'; // 不分页时,要显示的记录数 var disptoprecordnum = 2; // 截取标题到指定长度 function cutOffTitle(title) { if(!title){return ""} if (titleLength == 0 || titleLength >= title.length) { return title; } else if (isEnglishMode) { var cutIndex = titleLength; while (title[cutIndex] != ' ' && title.length >= 0) { cutIndex -= 1; } return title.substring(0, cutIndex) + '...'; } else { return (titleLength >= title.length) ? title : title.substring(0, titleLength) + "..."; } } // 格式化时间 function formatDate(publishedDate, mode) { if (!publishedDate) { return ''; } if (mode === 'mode1') { return '('+dayjs(publishedDate).format("YYYY-MM-DD")+')'; } else if (mode === 'mode2') { return dayjs(publishedDate).format("YYYY年MM月DD日"); } else if (mode === 'mode4') { return '('+dayjs(publishedDate).format("MM-DD")+')'; } else if (mode === 'mode5') { return '('+dayjs(publishedDate).format("YYYY-MM-DD HH:mm")+')'; } else { return '('+dayjs(publishedDate).format("YYYY-MM-DD")+')'; } } function displayPostingsAndPager(r) { var container = $('table#' + uid + ' tbody'); container.empty(); var iCounter = 0; var pages=r.postings; if(startshowrow<r.postings.length){ pages=r.postings.slice(startshowrow); } var summaryListLength = pages.length; var pagerContainer = $("<tr></tr>"); var pagerTd = ''; if(summaryListLength>0){ var tetRcounter = summaryListLength % howManyCellsInEachRow; if (howManyCellsInEachRow != 0 && tetRcounter == 0) { lastRow = parseInt(summaryListLength / howManyCellsInEachRow); } else { lastRow = parseInt(summaryListLength / howManyCellsInEachRow) + 1; } for (var postingCounter = 0; postingCounter < summaryListLength;) { var postingRow = $('<tr style="height: ' + rowHeight + 'px;"></tr>'); for (var postingCellCounter = 0; (postingCellCounter < howManyCellsInEachRow) && (postingCounter < summaryListLength); postingCellCounter++) { var objObject = pages[postingCounter]; var titleTagTd = $('<td align="center" vAlign="middle" style="height: ' + rowHeight + 'px; width: ' + cellWidth + 'px;' + (iCounter % 2 != 0 && alternatecolor ? 'background-color: ' + alternatecolor : '') + '">' + (showTitleTag ? titleTag : '') + '</td>'); postingRow.append(titleTagTd); var titleTd = $('<td align="left" vAlign="middle" style="width: ' + controlWidth + 'px;' + (iCounter % 2 != 0 && alternatecolor ? 'background-color: ' + alternatecolor : '') + '"></td>'); if (isDisplaySummaryOfEachNews) { titleTd.append(titleTag); } var link = $('<a class="data-collecting-sign style10" href="' + objObject.path + '" ' + newWindowTemp + ' data-collecting-param="' + objObject.displayName + '" data-collecting-wname="' + (buriedPointName ? buriedPointName + (postingCounter + 1) : "移动公用新闻列表二" + (postingCounter + 1)) + '"></a>'); if (displayAttr == "name") { link.append(cutOffTitle(objObject.name)); } else if (displayAttr == "summary") { if (objObject.summary === "") { link.append(cutOffTitle(objObject.name)); }else{ link.append(cutOffTitle(objObject.summary)); } } else if (displayAttr == "title") { if (objObject.contentTitle === "") { link.append(cutOffTitle(objObject.name)); }else{ link.append(cutOffTitle(objObject.contentTitle)); } } else { if(objObject.displayName === ""){ link.append(cutOffTitle(objObject.name)); }else{ link.append(cutOffTitle(objObject.displayName)); } } if (noInternalStyle) { titleTd.append(titleTag); titleTd.append(link); } else { var span = $('<span class="ChannelSummaryList-insty"></span>'); span.append(link); titleTd.append(span); } if (isDisplaySummaryOfEachNews) { titleTd.append("<br/>"); titleTd.append('<span class="ChannelSummaryList-summary fs14">    ' + objObject.summary + '……[<a href="' + objObject.id + '" target="_blank" class="more">详细</a>]</span>'); } postingRow.append(titleTd); if (isDisplayDate) { var dateTd = $('<td style="width: ' + dateCellWidth + 'px; ' + (iCounter % 2 != 0 && alternatecolor ? "background-color: " + alternatecolor : '') + '" align="' + (dateMode == "mode3" ? "left" : "center") + '" vAlign="middle"></td>'); if (dateMode == "mode3") { dateTd.append('<span>' + objObject.subTitle + '</span>'); } else if (dateMode == "mode6") { dateTd.append('<span>' + objObject.infoAuthor + '</span>'); } else { dateTd.append('<span class="' + dateStyle + '">' + formatDate(objObject.publishedDate, dateMode) + '</span>'); } postingRow.append(dateTd); } postingCounter++; } container.append(postingRow); iCounter++; if (separatorStyle && (isShowLastLine || iCounter < lastRow)) { var separatorRow = $('<tr></tr>'); separatorRow.append('<td style="' + separatorStyle + '; height: 1px;" colspan="' + (isDisplayDate ? howManyCellsInEachRow * 3 : howManyCellsInEachRow * 2) + '"></td>'); container.append(separatorRow); } } // 分页时渲染 if(isPager){ var buttonContainer = $('<div align="right"></div>'); var preBtn = isEnglishMode ? $('<a class="' + linkCssClass + '" href="javascript:;">Pre</a>') : $('<span class="fs14">【</span><a class="' + linkCssClass + '" href="javascript:;">上一页</a><span class="fs14">】</span>'); var nextBtn = isEnglishMode ? $('<a class="' + linkCssClass + '" href="javascript:;">Next</a>') : $('<span class="fs14">【</span><a class="' + linkCssClass + '" href="javascript:;">下一页</a><span class="fs14">】</span>'); if (r.totalPages > 0) { if (r.currentPage == 1 && r.totalPages != 1) { nextBtn.attr('page-index', r.currentPage + 1); buttonContainer.append(nextBtn); buttonContainer.append(' '); } else if (r.currentPage == r.totalPages && r.totalPages != 1) { preBtn.attr('page-index', r.currentPage - 1); buttonContainer.append(preBtn); buttonContainer.append('  '); } else if (r.currentPage != 1 && r.totalPages > r.currentPage) { preBtn.attr('page-index', r.currentPage - 1); buttonContainer.append(preBtn); buttonContainer.append("  "); nextBtn.attr('page-index', r.currentPage + 1); buttonContainer.append(nextBtn); buttonContainer.append("  "); } } pagerTd = $('<td style="height: 30px;" align="right" colspan="' + pagerColspan + '"></td>'); pagerTd.append(buttonContainer); } //不分页时渲染"更多"按钮 if(!isPager && isDispMoreButton){ var buttonContainer = $('<div align="right"></div>'); var moreBtn = $('<a data-collecting-wname="更多" href="'+ morebuttonlinkurl + '" class="data-collecting-sign '+ linkcssclass +'" target="' + isMoreButtonDispinNewWindow + '">' + moreButtonDetail + '</a>'); buttonContainer.append(moreBtn); buttonContainer.append("  "); pagerTd = $('<td style="height: 30px;" align="right" colspan="' + pagerColspan + '"></td>'); pagerTd.append(buttonContainer); } }else{ // 如果返回的数据不存在，则添加提示 pagerTd=$('<td style="width: ' + controlWidth + 'px;padding:1px;" colspan="' + 3 + '"><br>  当前频道没有记录！</td>'); } pagerContainer.append(pagerTd); container.append(pagerContainer); container.find('tr:last').on('click', function(e) { var page = $(e.target).attr('page-index'); loadPostings(page); }); } // 正常模式的分页请求 var url = (window.location.protocol == "about:" ? "http://" : "//") + window.appConfig.papi.host + "/cmspage/columns/webpart/webservice/channelSummaryList"; var cookies = document.cookie.split(';'); var cisCode = utils.getCookieByCis(cookies,"cisCode"); var groupList = utils.getCookieByCis(cookies,"groupList"); function loadPostings(page) { $("#9e0d53cd562b1cf323569965f2a4107f .tableloading").show(); $("#9e0d53cd562b1cf323569965f2a4107f .tableloading").html("<td colspan='4'><img class='icon-loading' src='/resource/img/control/loading.gif'></img>正在加载中...</td>"); $.ajax({ url: url, data: { cisCode: cisCode || "", customerGroupNoList: groupList ? JSON.parse(groupList).join(",") : "", isBindGroup: true, currentColumnId: currentColumnId, summaryColumnId: summaryColumnId, displayTopPostings: isPager ? 0 : disptoprecordnum, needDisplayChildrenPostings: needDisplayChildrenPostings, author: author, enablePager: isPager, page: page, size: size, isUseDomain:false, domainName:domainName||"", }, success: function(r) { if (r.data) { $("#9e0d53cd562b1cf323569965f2a4107f .tableloading").hide(); displayPostingsAndPager(r.data); }else{ $("#9e0d53cd562b1cf323569965f2a4107f .tableloading").html("<td colspan='4'>当前频道没有记录！</td>"); } }, error: function() { $("#9e0d53cd562b1cf323569965f2a4107f .tableloading").html("<td colspan='4'>加载失败，请稍后再试！</td>"); } }); } loadPostings(1); }); </script> <style type="text/css"> .ChannelSummaryList-insty { line-height: 150% } .ChannelSummaryList-summary { line-height: 160%; color: #222; text-decoration: none } </style> </dd> <dd id="if6p9t" style="height: 40px;"> <table id="ec39d3eac484ef1fa44f0009350434f2" style="border-collapse: collapse;" border="0" cellspacing="0" cellpadding="0"> <tbody> <tr class="tableloading" style="margin-left:15px;"></tr> </tbody> </table> <script> $(function() { var currentColumnId = '1438058313303867398'; var summaryColumnId = '1438058326864052396'; var needDisplayChildrenPostings = false; var author = ''; var size = 20; var uid = 'ec39d3eac484ef1fa44f0009350434f2'; var pagerColspan = 3; var isEnglishMode = false; var linkCssClass = 'style10'; var rowHeight = '40'; var howManyCellsInEachRow = 1; var cellWidth = 15; var alternatecolor = ''; var showTitleTag = true; var titleTag = "<em style='display:block; width:6px; height:6px; background-color:#c7000b; absolute; top:17px;'></em>"; var newWindowTemp = 'target=_blank'; var controlWidth = 445; var isDisplaySummaryOfEachNews = false; var noInternalStyle = false; var domainName = ''; var buriedPointName = ''; var titleLength = 20; var isDisplayDate = false; var dateMode = 'mode1'; var dateCellWidth = '80'; var dateStyle = 'text'; var separatorStyle = ''; var lastRow = 0; var isShowLastLine = false; var displayAttr = 'displayName'; var startshowrow = 2; var isPager = false; var isDispMoreButton = false; var morebuttonlinkurl = '#'; var isMoreButtonDispinNewWindow = '_top'; var moreButtonDetail = '更多...'; var linkcssclass = 'style10'; // 不分页时,要显示的记录数 var disptoprecordnum = 3; // 截取标题到指定长度 function cutOffTitle(title) { if(!title){return ""} if (titleLength == 0 || titleLength >= title.length) { return title; } else if (isEnglishMode) { var cutIndex = titleLength; while (title[cutIndex] != ' ' && title.length >= 0) { cutIndex -= 1; } return title.substring(0, cutIndex) + '...'; } else { return (titleLength >= title.length) ? title : title.substring(0, titleLength) + "..."; } } // 格式化时间 function formatDate(publishedDate, mode) { if (!publishedDate) { return ''; } if (mode === 'mode1') { return '('+dayjs(publishedDate).format("YYYY-MM-DD")+')'; } else if (mode === 'mode2') { return dayjs(publishedDate).format("YYYY年MM月DD日"); } else if (mode === 'mode4') { return '('+dayjs(publishedDate).format("MM-DD")+')'; } else if (mode === 'mode5') { return '('+dayjs(publishedDate).format("YYYY-MM-DD HH:mm")+')'; } else { return '('+dayjs(publishedDate).format("YYYY-MM-DD")+')'; } } function displayPostingsAndPager(r) { var container = $('table#' + uid + ' tbody'); container.empty(); var iCounter = 0; var pages=r.postings; if(startshowrow<r.postings.length){ pages=r.postings.slice(startshowrow); } var summaryListLength = pages.length; var pagerContainer = $("<tr></tr>"); var pagerTd = ''; if(summaryListLength>0){ var tetRcounter = summaryListLength % howManyCellsInEachRow; if (howManyCellsInEachRow != 0 && tetRcounter == 0) { lastRow = parseInt(summaryListLength / howManyCellsInEachRow); } else { lastRow = parseInt(summaryListLength / howManyCellsInEachRow) + 1; } for (var postingCounter = 0; postingCounter < summaryListLength;) { var postingRow = $('<tr style="height: ' + rowHeight + 'px;"></tr>'); for (var postingCellCounter = 0; (postingCellCounter < howManyCellsInEachRow) && (postingCounter < summaryListLength); postingCellCounter++) { var objObject = pages[postingCounter]; var titleTagTd = $('<td align="center" vAlign="middle" style="height: ' + rowHeight + 'px; width: ' + cellWidth + 'px;' + (iCounter % 2 != 0 && alternatecolor ? 'background-color: ' + alternatecolor : '') + '">' + (showTitleTag ? titleTag : '') + '</td>'); postingRow.append(titleTagTd); var titleTd = $('<td align="left" vAlign="middle" style="width: ' + controlWidth + 'px;' + (iCounter % 2 != 0 && alternatecolor ? 'background-color: ' + alternatecolor : '') + '"></td>'); if (isDisplaySummaryOfEachNews) { titleTd.append(titleTag); } var link = $('<a class="data-collecting-sign style10" href="' + objObject.path + '" ' + newWindowTemp + ' data-collecting-param="' + objObject.displayName + '" data-collecting-wname="' + (buriedPointName ? buriedPointName + (postingCounter + 1) : "移动公用新闻列表二" + (postingCounter + 1)) + '"></a>'); if (displayAttr == "name") { link.append(cutOffTitle(objObject.name)); } else if (displayAttr == "summary") { if (objObject.summary === "") { link.append(cutOffTitle(objObject.name)); }else{ link.append(cutOffTitle(objObject.summary)); } } else if (displayAttr == "title") { if (objObject.contentTitle === "") { link.append(cutOffTitle(objObject.name)); }else{ link.append(cutOffTitle(objObject.contentTitle)); } } else { if(objObject.displayName === ""){ link.append(cutOffTitle(objObject.name)); }else{ link.append(cutOffTitle(objObject.displayName)); } } if (noInternalStyle) { titleTd.append(titleTag); titleTd.append(link); } else { var span = $('<span class="ChannelSummaryList-insty"></span>'); span.append(link); titleTd.append(span); } if (isDisplaySummaryOfEachNews) { titleTd.append("<br/>"); titleTd.append('<span class="ChannelSummaryList-summary fs14">    ' + objObject.summary + '……[<a href="' + objObject.id + '" target="_blank" class="more">详细</a>]</span>'); } postingRow.append(titleTd); if (isDisplayDate) { var dateTd = $('<td style="width: ' + dateCellWidth + 'px; ' + (iCounter % 2 != 0 && alternatecolor ? "background-color: " + alternatecolor : '') + '" align="' + (dateMode == "mode3" ? "left" : "center") + '" vAlign="middle"></td>'); if (dateMode == "mode3") { dateTd.append('<span>' + objObject.subTitle + '</span>'); } else if (dateMode == "mode6") { dateTd.append('<span>' + objObject.infoAuthor + '</span>'); } else { dateTd.append('<span class="' + dateStyle + '">' + formatDate(objObject.publishedDate, dateMode) + '</span>'); } postingRow.append(dateTd); } postingCounter++; } container.append(postingRow); iCounter++; if (separatorStyle && (isShowLastLine || iCounter < lastRow)) { var separatorRow = $('<tr></tr>'); separatorRow.append('<td style="' + separatorStyle + '; height: 1px;" colspan="' + (isDisplayDate ? howManyCellsInEachRow * 3 : howManyCellsInEachRow * 2) + '"></td>'); container.append(separatorRow); } } // 分页时渲染 if(isPager){ var buttonContainer = $('<div align="right"></div>'); var preBtn = isEnglishMode ? $('<a class="' + linkCssClass + '" href="javascript:;">Pre</a>') : $('<span class="fs14">【</span><a class="' + linkCssClass + '" href="javascript:;">上一页</a><span class="fs14">】</span>'); var nextBtn = isEnglishMode ? $('<a class="' + linkCssClass + '" href="javascript:;">Next</a>') : $('<span class="fs14">【</span><a class="' + linkCssClass + '" href="javascript:;">下一页</a><span class="fs14">】</span>'); if (r.totalPages > 0) { if (r.currentPage == 1 && r.totalPages != 1) { nextBtn.attr('page-index', r.currentPage + 1); buttonContainer.append(nextBtn); buttonContainer.append(' '); } else if (r.currentPage == r.totalPages && r.totalPages != 1) { preBtn.attr('page-index', r.currentPage - 1); buttonContainer.append(preBtn); buttonContainer.append('  '); } else if (r.currentPage != 1 && r.totalPages > r.currentPage) { preBtn.attr('page-index', r.currentPage - 1); buttonContainer.append(preBtn); buttonContainer.append("  "); nextBtn.attr('page-index', r.currentPage + 1); buttonContainer.append(nextBtn); buttonContainer.append("  "); } } pagerTd = $('<td style="height: 30px;" align="right" colspan="' + pagerColspan + '"></td>'); pagerTd.append(buttonContainer); } //不分页时渲染"更多"按钮 if(!isPager && isDispMoreButton){ var buttonContainer = $('<div align="right"></div>'); var moreBtn = $('<a data-collecting-wname="更多" href="'+ morebuttonlinkurl + '" class="data-collecting-sign '+ linkcssclass +'" target="' + isMoreButtonDispinNewWindow + '">' + moreButtonDetail + '</a>'); buttonContainer.append(moreBtn); buttonContainer.append("  "); pagerTd = $('<td style="height: 30px;" align="right" colspan="' + pagerColspan + '"></td>'); pagerTd.append(buttonContainer); } }else{ // 如果返回的数据不存在，则添加提示 pagerTd=$('<td style="width: ' + controlWidth + 'px;padding:1px;" colspan="' + 3 + '"><br>  当前频道没有记录！</td>'); } pagerContainer.append(pagerTd); container.append(pagerContainer); container.find('tr:last').on('click', function(e) { var page = $(e.target).attr('page-index'); loadPostings(page); }); } // 正常模式的分页请求 var url = (window.location.protocol == "about:" ? "http://" : "//") + window.appConfig.papi.host + "/cmspage/columns/webpart/webservice/channelSummaryList"; var cookies = document.cookie.split(';'); var cisCode = utils.getCookieByCis(cookies,"cisCode"); var groupList = utils.getCookieByCis(cookies,"groupList"); function loadPostings(page) { $("#ec39d3eac484ef1fa44f0009350434f2 .tableloading").show(); $("#ec39d3eac484ef1fa44f0009350434f2 .tableloading").html("<td colspan='4'><img class='icon-loading' src='/resource/img/control/loading.gif'></img>正在加载中...</td>"); $.ajax({ url: url, data: { cisCode: cisCode || "", customerGroupNoList: groupList ? JSON.parse(groupList).join(",") : "", isBindGroup: true, currentColumnId: currentColumnId, summaryColumnId: summaryColumnId, displayTopPostings: isPager ? 0 : disptoprecordnum, needDisplayChildrenPostings: needDisplayChildrenPostings, author: author, enablePager: isPager, page: page, size: size, isUseDomain:false, domainName:domainName||"", }, success: function(r) { if (r.data) { $("#ec39d3eac484ef1fa44f0009350434f2 .tableloading").hide(); displayPostingsAndPager(r.data); }else{ $("#ec39d3eac484ef1fa44f0009350434f2 .tableloading").html("<td colspan='4'>当前频道没有记录！</td>"); } }, error: function() { $("#ec39d3eac484ef1fa44f0009350434f2 .tableloading").html("<td colspan='4'>加载失败，请稍后再试！</td>"); } }); } loadPostings(1); }); </script> <style type="text/css"> .ChannelSummaryList-insty { line-height: 150% } .ChannelSummaryList-summary { line-height: 160%; color: #222; text-decoration: none } </style> </dd> <dd id="iwye9f" style="height: 40px;"> <table id="c1b38d9ab89ff9b882b5bb5bde38614d" style="border-collapse: collapse;" border="0" cellspacing="0" cellpadding="0"> <tbody> <tr class="tableloading" style="margin-left:15px;"></tr> </tbody> </table> <script> $(function() { var currentColumnId = '1438058313303867398'; var summaryColumnId = '1438058326864052396'; var needDisplayChildrenPostings = false; var author = ''; var size = 20; var uid = 'c1b38d9ab89ff9b882b5bb5bde38614d'; var pagerColspan = 3; var isEnglishMode = false; var linkCssClass = 'style10'; var rowHeight = '40'; var howManyCellsInEachRow = 1; var cellWidth = 15; var alternatecolor = ''; var showTitleTag = true; var titleTag = "<em style='display:block; width:6px; height:6px; background-color:#c7000b; absolute; top:17px;'></em>"; var newWindowTemp = 'target=_blank'; var controlWidth = 445; var isDisplaySummaryOfEachNews = false; var noInternalStyle = false; var domainName = ''; var buriedPointName = ''; var titleLength = 20; var isDisplayDate = false; var dateMode = 'mode1'; var dateCellWidth = '80'; var dateStyle = 'text'; var separatorStyle = ''; var lastRow = 0; var isShowLastLine = false; var displayAttr = 'displayName'; var startshowrow = 3; var isPager = false; var isDispMoreButton = false; var morebuttonlinkurl = '#'; var isMoreButtonDispinNewWindow = '_top'; var moreButtonDetail = '更多...'; var linkcssclass = 'style10'; // 不分页时,要显示的记录数 var disptoprecordnum = 4; // 截取标题到指定长度 function cutOffTitle(title) { if(!title){return ""} if (titleLength == 0 || titleLength >= title.length) { return title; } else if (isEnglishMode) { var cutIndex = titleLength; while (title[cutIndex] != ' ' && title.length >= 0) { cutIndex -= 1; } return title.substring(0, cutIndex) + '...'; } else { return (titleLength >= title.length) ? title : title.substring(0, titleLength) + "..."; } } // 格式化时间 function formatDate(publishedDate, mode) { if (!publishedDate) { return ''; } if (mode === 'mode1') { return '('+dayjs(publishedDate).format("YYYY-MM-DD")+')'; } else if (mode === 'mode2') { return dayjs(publishedDate).format("YYYY年MM月DD日"); } else if (mode === 'mode4') { return '('+dayjs(publishedDate).format("MM-DD")+')'; } else if (mode === 'mode5') { return '('+dayjs(publishedDate).format("YYYY-MM-DD HH:mm")+')'; } else { return '('+dayjs(publishedDate).format("YYYY-MM-DD")+')'; } } function displayPostingsAndPager(r) { var container = $('table#' + uid + ' tbody'); container.empty(); var iCounter = 0; var pages=r.postings; if(startshowrow<r.postings.length){ pages=r.postings.slice(startshowrow); } var summaryListLength = pages.length; var pagerContainer = $("<tr></tr>"); var pagerTd = ''; if(summaryListLength>0){ var tetRcounter = summaryListLength % howManyCellsInEachRow; if (howManyCellsInEachRow != 0 && tetRcounter == 0) { lastRow = parseInt(summaryListLength / howManyCellsInEachRow); } else { lastRow = parseInt(summaryListLength / howManyCellsInEachRow) + 1; } for (var postingCounter = 0; postingCounter < summaryListLength;) { var postingRow = $('<tr style="height: ' + rowHeight + 'px;"></tr>'); for (var postingCellCounter = 0; (postingCellCounter < howManyCellsInEachRow) && (postingCounter < summaryListLength); postingCellCounter++) { var objObject = pages[postingCounter]; var titleTagTd = $('<td align="center" vAlign="middle" style="height: ' + rowHeight + 'px; width: ' + cellWidth + 'px;' + (iCounter % 2 != 0 && alternatecolor ? 'background-color: ' + alternatecolor : '') + '">' + (showTitleTag ? titleTag : '') + '</td>'); postingRow.append(titleTagTd); var titleTd = $('<td align="left" vAlign="middle" style="width: ' + controlWidth + 'px;' + (iCounter % 2 != 0 && alternatecolor ? 'background-color: ' + alternatecolor : '') + '"></td>'); if (isDisplaySummaryOfEachNews) { titleTd.append(titleTag); } var link = $('<a class="data-collecting-sign style10" href="' + objObject.path + '" ' + newWindowTemp + ' data-collecting-param="' + objObject.displayName + '" data-collecting-wname="' + (buriedPointName ? buriedPointName + (postingCounter + 1) : "移动公用新闻列表二" + (postingCounter + 1)) + '"></a>'); if (displayAttr == "name") { link.append(cutOffTitle(objObject.name)); } else if (displayAttr == "summary") { if (objObject.summary === "") { link.append(cutOffTitle(objObject.name)); }else{ link.append(cutOffTitle(objObject.summary)); } } else if (displayAttr == "title") { if (objObject.contentTitle === "") { link.append(cutOffTitle(objObject.name)); }else{ link.append(cutOffTitle(objObject.contentTitle)); } } else { if(objObject.displayName === ""){ link.append(cutOffTitle(objObject.name)); }else{ link.append(cutOffTitle(objObject.displayName)); } } if (noInternalStyle) { titleTd.append(titleTag); titleTd.append(link); } else { var span = $('<span class="ChannelSummaryList-insty"></span>'); span.append(link); titleTd.append(span); } if (isDisplaySummaryOfEachNews) { titleTd.append("<br/>"); titleTd.append('<span class="ChannelSummaryList-summary fs14">    ' + objObject.summary + '……[<a href="' + objObject.id + '" target="_blank" class="more">详细</a>]</span>'); } postingRow.append(titleTd); if (isDisplayDate) { var dateTd = $('<td style="width: ' + dateCellWidth + 'px; ' + (iCounter % 2 != 0 && alternatecolor ? "background-color: " + alternatecolor : '') + '" align="' + (dateMode == "mode3" ? "left" : "center") + '" vAlign="middle"></td>'); if (dateMode == "mode3") { dateTd.append('<span>' + objObject.subTitle + '</span>'); } else if (dateMode == "mode6") { dateTd.append('<span>' + objObject.infoAuthor + '</span>'); } else { dateTd.append('<span class="' + dateStyle + '">' + formatDate(objObject.publishedDate, dateMode) + '</span>'); } postingRow.append(dateTd); } postingCounter++; } container.append(postingRow); iCounter++; if (separatorStyle && (isShowLastLine || iCounter < lastRow)) { var separatorRow = $('<tr></tr>'); separatorRow.append('<td style="' + separatorStyle + '; height: 1px;" colspan="' + (isDisplayDate ? howManyCellsInEachRow * 3 : howManyCellsInEachRow * 2) + '"></td>'); container.append(separatorRow); } } // 分页时渲染 if(isPager){ var buttonContainer = $('<div align="right"></div>'); var preBtn = isEnglishMode ? $('<a class="' + linkCssClass + '" href="javascript:;">Pre</a>') : $('<span class="fs14">【</span><a class="' + linkCssClass + '" href="javascript:;">上一页</a><span class="fs14">】</span>'); var nextBtn = isEnglishMode ? $('<a class="' + linkCssClass + '" href="javascript:;">Next</a>') : $('<span class="fs14">【</span><a class="' + linkCssClass + '" href="javascript:;">下一页</a><span class="fs14">】</span>'); if (r.totalPages > 0) { if (r.currentPage == 1 && r.totalPages != 1) { nextBtn.attr('page-index', r.currentPage + 1); buttonContainer.append(nextBtn); buttonContainer.append(' '); } else if (r.currentPage == r.totalPages && r.totalPages != 1) { preBtn.attr('page-index', r.currentPage - 1); buttonContainer.append(preBtn); buttonContainer.append('  '); } else if (r.currentPage != 1 && r.totalPages > r.currentPage) { preBtn.attr('page-index', r.currentPage - 1); buttonContainer.append(preBtn); buttonContainer.append("  "); nextBtn.attr('page-index', r.currentPage + 1); buttonContainer.append(nextBtn); buttonContainer.append("  "); } } pagerTd = $('<td style="height: 30px;" align="right" colspan="' + pagerColspan + '"></td>'); pagerTd.append(buttonContainer); } //不分页时渲染"更多"按钮 if(!isPager && isDispMoreButton){ var buttonContainer = $('<div align="right"></div>'); var moreBtn = $('<a data-collecting-wname="更多" href="'+ morebuttonlinkurl + '" class="data-collecting-sign '+ linkcssclass +'" target="' + isMoreButtonDispinNewWindow + '">' + moreButtonDetail + '</a>'); buttonContainer.append(moreBtn); buttonContainer.append("  "); pagerTd = $('<td style="height: 30px;" align="right" colspan="' + pagerColspan + '"></td>'); pagerTd.append(buttonContainer); } }else{ // 如果返回的数据不存在，则添加提示 pagerTd=$('<td style="width: ' + controlWidth + 'px;padding:1px;" colspan="' + 3 + '"><br>  当前频道没有记录！</td>'); } pagerContainer.append(pagerTd); container.append(pagerContainer); container.find('tr:last').on('click', function(e) { var page = $(e.target).attr('page-index'); loadPostings(page); }); } // 正常模式的分页请求 var url = (window.location.protocol == "about:" ? "http://" : "//") + window.appConfig.papi.host + "/cmspage/columns/webpart/webservice/channelSummaryList"; var cookies = document.cookie.split(';'); var cisCode = utils.getCookieByCis(cookies,"cisCode"); var groupList = utils.getCookieByCis(cookies,"groupList"); function loadPostings(page) { $("#c1b38d9ab89ff9b882b5bb5bde38614d .tableloading").show(); $("#c1b38d9ab89ff9b882b5bb5bde38614d .tableloading").html("<td colspan='4'><img class='icon-loading' src='/resource/img/control/loading.gif'></img>正在加载中...</td>"); $.ajax({ url: url, data: { cisCode: cisCode || "", customerGroupNoList: groupList ? JSON.parse(groupList).join(",") : "", isBindGroup: true, currentColumnId: currentColumnId, summaryColumnId: summaryColumnId, displayTopPostings: isPager ? 0 : disptoprecordnum, needDisplayChildrenPostings: needDisplayChildrenPostings, author: author, enablePager: isPager, page: page, size: size, isUseDomain:false, domainName:domainName||"", }, success: function(r) { if (r.data) { $("#c1b38d9ab89ff9b882b5bb5bde38614d .tableloading").hide(); displayPostingsAndPager(r.data); }else{ $("#c1b38d9ab89ff9b882b5bb5bde38614d .tableloading").html("<td colspan='4'>当前频道没有记录！</td>"); } }, error: function() { $("#c1b38d9ab89ff9b882b5bb5bde38614d .tableloading").html("<td colspan='4'>加载失败，请稍后再试！</td>"); } }); } loadPostings(1); }); </script> <style type="text/css"> .ChannelSummaryList-insty { line-height: 150% } .ChannelSummaryList-summary { line-height: 160%; color: #222; text-decoration: none } </style> </dd> <dd id="i03mbf" style="height: 40px;"> <table id="c840998335a54b73dfaf340e138c7c74" style="border-collapse: collapse;" border="0" cellspacing="0" cellpadding="0"> <tbody> <tr class="tableloading" style="margin-left:15px;"></tr> </tbody> </table> <script> $(function() { var currentColumnId = '1438058313303867398'; var summaryColumnId = '1438058326864052396'; var needDisplayChildrenPostings = false; var author = ''; var size = 20; var uid = 'c840998335a54b73dfaf340e138c7c74'; var pagerColspan = 3; var isEnglishMode = false; var linkCssClass = 'style10'; var rowHeight = '40'; var howManyCellsInEachRow = 1; var cellWidth = 15; var alternatecolor = ''; var showTitleTag = true; var titleTag = "<em style='display:block; width:6px; height:6px; background-color:#c7000b; absolute; top:17px;'></em>"; var newWindowTemp = 'target=_blank'; var controlWidth = 445; var isDisplaySummaryOfEachNews = false; var noInternalStyle = false; var domainName = ''; var buriedPointName = ''; var titleLength = 20; var isDisplayDate = false; var dateMode = 'mode1'; var dateCellWidth = '80'; var dateStyle = 'text'; var separatorStyle = ''; var lastRow = 0; var isShowLastLine = false; var displayAttr = 'displayName'; var startshowrow = 4; var isPager = false; var isDispMoreButton = false; var morebuttonlinkurl = '#'; var isMoreButtonDispinNewWindow = '_top'; var moreButtonDetail = '更多...'; var linkcssclass = 'style10'; // 不分页时,要显示的记录数 var disptoprecordnum = 5; // 截取标题到指定长度 function cutOffTitle(title) { if(!title){return ""} if (titleLength == 0 || titleLength >= title.length) { return title; } else if (isEnglishMode) { var cutIndex = titleLength; while (title[cutIndex] != ' ' && title.length >= 0) { cutIndex -= 1; } return title.substring(0, cutIndex) + '...'; } else { return (titleLength >= title.length) ? title : title.substring(0, titleLength) + "..."; } } // 格式化时间 function formatDate(publishedDate, mode) { if (!publishedDate) { return ''; } if (mode === 'mode1') { return '('+dayjs(publishedDate).format("YYYY-MM-DD")+')'; } else if (mode === 'mode2') { return dayjs(publishedDate).format("YYYY年MM月DD日"); } else if (mode === 'mode4') { return '('+dayjs(publishedDate).format("MM-DD")+')'; } else if (mode === 'mode5') { return '('+dayjs(publishedDate).format("YYYY-MM-DD HH:mm")+')'; } else { return '('+dayjs(publishedDate).format("YYYY-MM-DD")+')'; } } function displayPostingsAndPager(r) { var container = $('table#' + uid + ' tbody'); container.empty(); var iCounter = 0; var pages=r.postings; if(startshowrow<r.postings.length){ pages=r.postings.slice(startshowrow); } var summaryListLength = pages.length; var pagerContainer = $("<tr></tr>"); var pagerTd = ''; if(summaryListLength>0){ var tetRcounter = summaryListLength % howManyCellsInEachRow; if (howManyCellsInEachRow != 0 && tetRcounter == 0) { lastRow = parseInt(summaryListLength / howManyCellsInEachRow); } else { lastRow = parseInt(summaryListLength / howManyCellsInEachRow) + 1; } for (var postingCounter = 0; postingCounter < summaryListLength;) { var postingRow = $('<tr style="height: ' + rowHeight + 'px;"></tr>'); for (var postingCellCounter = 0; (postingCellCounter < howManyCellsInEachRow) && (postingCounter < summaryListLength); postingCellCounter++) { var objObject = pages[postingCounter]; var titleTagTd = $('<td align="center" vAlign="middle" style="height: ' + rowHeight + 'px; width: ' + cellWidth + 'px;' + (iCounter % 2 != 0 && alternatecolor ? 'background-color: ' + alternatecolor : '') + '">' + (showTitleTag ? titleTag : '') + '</td>'); postingRow.append(titleTagTd); var titleTd = $('<td align="left" vAlign="middle" style="width: ' + controlWidth + 'px;' + (iCounter % 2 != 0 && alternatecolor ? 'background-color: ' + alternatecolor : '') + '"></td>'); if (isDisplaySummaryOfEachNews) { titleTd.append(titleTag); } var link = $('<a class="data-collecting-sign style10" href="' + objObject.path + '" ' + newWindowTemp + ' data-collecting-param="' + objObject.displayName + '" data-collecting-wname="' + (buriedPointName ? buriedPointName + (postingCounter + 1) : "移动公用新闻列表二" + (postingCounter + 1)) + '"></a>'); if (displayAttr == "name") { link.append(cutOffTitle(objObject.name)); } else if (displayAttr == "summary") { if (objObject.summary === "") { link.append(cutOffTitle(objObject.name)); }else{ link.append(cutOffTitle(objObject.summary)); } } else if (displayAttr == "title") { if (objObject.contentTitle === "") { link.append(cutOffTitle(objObject.name)); }else{ link.append(cutOffTitle(objObject.contentTitle)); } } else { if(objObject.displayName === ""){ link.append(cutOffTitle(objObject.name)); }else{ link.append(cutOffTitle(objObject.displayName)); } } if (noInternalStyle) { titleTd.append(titleTag); titleTd.append(link); } else { var span = $('<span class="ChannelSummaryList-insty"></span>'); span.append(link); titleTd.append(span); } if (isDisplaySummaryOfEachNews) { titleTd.append("<br/>"); titleTd.append('<span class="ChannelSummaryList-summary fs14">    ' + objObject.summary + '……[<a href="' + objObject.id + '" target="_blank" class="more">详细</a>]</span>'); } postingRow.append(titleTd); if (isDisplayDate) { var dateTd = $('<td style="width: ' + dateCellWidth + 'px; ' + (iCounter % 2 != 0 && alternatecolor ? "background-color: " + alternatecolor : '') + '" align="' + (dateMode == "mode3" ? "left" : "center") + '" vAlign="middle"></td>'); if (dateMode == "mode3") { dateTd.append('<span>' + objObject.subTitle + '</span>'); } else if (dateMode == "mode6") { dateTd.append('<span>' + objObject.infoAuthor + '</span>'); } else { dateTd.append('<span class="' + dateStyle + '">' + formatDate(objObject.publishedDate, dateMode) + '</span>'); } postingRow.append(dateTd); } postingCounter++; } container.append(postingRow); iCounter++; if (separatorStyle && (isShowLastLine || iCounter < lastRow)) { var separatorRow = $('<tr></tr>'); separatorRow.append('<td style="' + separatorStyle + '; height: 1px;" colspan="' + (isDisplayDate ? howManyCellsInEachRow * 3 : howManyCellsInEachRow * 2) + '"></td>'); container.append(separatorRow); } } // 分页时渲染 if(isPager){ var buttonContainer = $('<div align="right"></div>'); var preBtn = isEnglishMode ? $('<a class="' + linkCssClass + '" href="javascript:;">Pre</a>') : $('<span class="fs14">【</span><a class="' + linkCssClass + '" href="javascript:;">上一页</a><span class="fs14">】</span>'); var nextBtn = isEnglishMode ? $('<a class="' + linkCssClass + '" href="javascript:;">Next</a>') : $('<span class="fs14">【</span><a class="' + linkCssClass + '" href="javascript:;">下一页</a><span class="fs14">】</span>'); if (r.totalPages > 0) { if (r.currentPage == 1 && r.totalPages != 1) { nextBtn.attr('page-index', r.currentPage + 1); buttonContainer.append(nextBtn); buttonContainer.append(' '); } else if (r.currentPage == r.totalPages && r.totalPages != 1) { preBtn.attr('page-index', r.currentPage - 1); buttonContainer.append(preBtn); buttonContainer.append('  '); } else if (r.currentPage != 1 && r.totalPages > r.currentPage) { preBtn.attr('page-index', r.currentPage - 1); buttonContainer.append(preBtn); buttonContainer.append("  "); nextBtn.attr('page-index', r.currentPage + 1); buttonContainer.append(nextBtn); buttonContainer.append("  "); } } pagerTd = $('<td style="height: 30px;" align="right" colspan="' + pagerColspan + '"></td>'); pagerTd.append(buttonContainer); } //不分页时渲染"更多"按钮 if(!isPager && isDispMoreButton){ var buttonContainer = $('<div align="right"></div>'); var moreBtn = $('<a data-collecting-wname="更多" href="'+ morebuttonlinkurl + '" class="data-collecting-sign '+ linkcssclass +'" target="' + isMoreButtonDispinNewWindow + '">' + moreButtonDetail + '</a>'); buttonContainer.append(moreBtn); buttonContainer.append("  "); pagerTd = $('<td style="height: 30px;" align="right" colspan="' + pagerColspan + '"></td>'); pagerTd.append(buttonContainer); } }else{ // 如果返回的数据不存在，则添加提示 pagerTd=$('<td style="width: ' + controlWidth + 'px;padding:1px;" colspan="' + 3 + '"><br>  当前频道没有记录！</td>'); } pagerContainer.append(pagerTd); container.append(pagerContainer); container.find('tr:last').on('click', function(e) { var page = $(e.target).attr('page-index'); loadPostings(page); }); } // 正常模式的分页请求 var url = (window.location.protocol == "about:" ? "http://" : "//") + window.appConfig.papi.host + "/cmspage/columns/webpart/webservice/channelSummaryList"; var cookies = document.cookie.split(';'); var cisCode = utils.getCookieByCis(cookies,"cisCode"); var groupList = utils.getCookieByCis(cookies,"groupList"); function loadPostings(page) { $("#c840998335a54b73dfaf340e138c7c74 .tableloading").show(); $("#c840998335a54b73dfaf340e138c7c74 .tableloading").html("<td colspan='4'><img class='icon-loading' src='/resource/img/control/loading.gif'></img>正在加载中...</td>"); $.ajax({ url: url, data: { cisCode: cisCode || "", customerGroupNoList: groupList ? JSON.parse(groupList).join(",") : "", isBindGroup: true, currentColumnId: currentColumnId, summaryColumnId: summaryColumnId, displayTopPostings: isPager ? 0 : disptoprecordnum, needDisplayChildrenPostings: needDisplayChildrenPostings, author: author, enablePager: isPager, page: page, size: size, isUseDomain:false, domainName:domainName||"", }, success: function(r) { if (r.data) { $("#c840998335a54b73dfaf340e138c7c74 .tableloading").hide(); displayPostingsAndPager(r.data); }else{ $("#c840998335a54b73dfaf340e138c7c74 .tableloading").html("<td colspan='4'>当前频道没有记录！</td>"); } }, error: function() { $("#c840998335a54b73dfaf340e138c7c74 .tableloading").html("<td colspan='4'>加载失败，请稍后再试！</td>"); } }); } loadPostings(1); }); </script> <style type="text/css"> .ChannelSummaryList-insty { line-height: 150% } .ChannelSummaryList-summary { line-height: 160%; color: #222; text-decoration: none } </style> </dd> <dd id="i7vld5" style="height: 40px;"> <table id="941161fc01ef62853c76f2af696e821b" style="border-collapse: collapse;" border="0" cellspacing="0" cellpadding="0"> <tbody> <tr class="tableloading" style="margin-left:15px;"></tr> </tbody> </table> <script> $(function() { var currentColumnId = '1438058313303867398'; var summaryColumnId = '1438058326864052396'; var needDisplayChildrenPostings = false; var author = ''; var size = 20; var uid = '941161fc01ef62853c76f2af696e821b'; var pagerColspan = 3; var isEnglishMode = false; var linkCssClass = 'style10'; var rowHeight = '40'; var howManyCellsInEachRow = 1; var cellWidth = 15; var alternatecolor = ''; var showTitleTag = true; var titleTag = "<em style='display:block; width:6px; height:6px; background-color:#c7000b; absolute; top:17px;'></em>"; var newWindowTemp = 'target=_blank'; var controlWidth = 445; var isDisplaySummaryOfEachNews = false; var noInternalStyle = false; var domainName = ''; var buriedPointName = ''; var titleLength = 20; var isDisplayDate = false; var dateMode = 'mode1'; var dateCellWidth = '80'; var dateStyle = 'text'; var separatorStyle = ''; var lastRow = 0; var isShowLastLine = false; var displayAttr = 'displayName'; var startshowrow = 5; var isPager = false; var isDispMoreButton = false; var morebuttonlinkurl = '#'; var isMoreButtonDispinNewWindow = '_top'; var moreButtonDetail = '更多...'; var linkcssclass = 'style10'; // 不分页时,要显示的记录数 var disptoprecordnum = 6; // 截取标题到指定长度 function cutOffTitle(title) { if(!title){return ""} if (titleLength == 0 || titleLength >= title.length) { return title; } else if (isEnglishMode) { var cutIndex = titleLength; while (title[cutIndex] != ' ' && title.length >= 0) { cutIndex -= 1; } return title.substring(0, cutIndex) + '...'; } else { return (titleLength >= title.length) ? title : title.substring(0, titleLength) + "..."; } } // 格式化时间 function formatDate(publishedDate, mode) { if (!publishedDate) { return ''; } if (mode === 'mode1') { return '('+dayjs(publishedDate).format("YYYY-MM-DD")+')'; } else if (mode === 'mode2') { return dayjs(publishedDate).format("YYYY年MM月DD日"); } else if (mode === 'mode4') { return '('+dayjs(publishedDate).format("MM-DD")+')'; } else if (mode === 'mode5') { return '('+dayjs(publishedDate).format("YYYY-MM-DD HH:mm")+')'; } else { return '('+dayjs(publishedDate).format("YYYY-MM-DD")+')'; } } function displayPostingsAndPager(r) { var container = $('table#' + uid + ' tbody'); container.empty(); var iCounter = 0; var pages=r.postings; if(startshowrow<r.postings.length){ pages=r.postings.slice(startshowrow); } var summaryListLength = pages.length; var pagerContainer = $("<tr></tr>"); var pagerTd = ''; if(summaryListLength>0){ var tetRcounter = summaryListLength % howManyCellsInEachRow; if (howManyCellsInEachRow != 0 && tetRcounter == 0) { lastRow = parseInt(summaryListLength / howManyCellsInEachRow); } else { lastRow = parseInt(summaryListLength / howManyCellsInEachRow) + 1; } for (var postingCounter = 0; postingCounter < summaryListLength;) { var postingRow = $('<tr style="height: ' + rowHeight + 'px;"></tr>'); for (var postingCellCounter = 0; (postingCellCounter < howManyCellsInEachRow) && (postingCounter < summaryListLength); postingCellCounter++) { var objObject = pages[postingCounter]; var titleTagTd = $('<td align="center" vAlign="middle" style="height: ' + rowHeight + 'px; width: ' + cellWidth + 'px;' + (iCounter % 2 != 0 && alternatecolor ? 'background-color: ' + alternatecolor : '') + '">' + (showTitleTag ? titleTag : '') + '</td>'); postingRow.append(titleTagTd); var titleTd = $('<td align="left" vAlign="middle" style="width: ' + controlWidth + 'px;' + (iCounter % 2 != 0 && alternatecolor ? 'background-color: ' + alternatecolor : '') + '"></td>'); if (isDisplaySummaryOfEachNews) { titleTd.append(titleTag); } var link = $('<a class="data-collecting-sign style10" href="' + objObject.path + '" ' + newWindowTemp + ' data-collecting-param="' + objObject.displayName + '" data-collecting-wname="' + (buriedPointName ? buriedPointName + (postingCounter + 1) : "移动公用新闻列表二" + (postingCounter + 1)) + '"></a>'); if (displayAttr == "name") { link.append(cutOffTitle(objObject.name)); } else if (displayAttr == "summary") { if (objObject.summary === "") { link.append(cutOffTitle(objObject.name)); }else{ link.append(cutOffTitle(objObject.summary)); } } else if (displayAttr == "title") { if (objObject.contentTitle === "") { link.append(cutOffTitle(objObject.name)); }else{ link.append(cutOffTitle(objObject.contentTitle)); } } else { if(objObject.displayName === ""){ link.append(cutOffTitle(objObject.name)); }else{ link.append(cutOffTitle(objObject.displayName)); } } if (noInternalStyle) { titleTd.append(titleTag); titleTd.append(link); } else { var span = $('<span class="ChannelSummaryList-insty"></span>'); span.append(link); titleTd.append(span); } if (isDisplaySummaryOfEachNews) { titleTd.append("<br/>"); titleTd.append('<span class="ChannelSummaryList-summary fs14">    ' + objObject.summary + '……[<a href="' + objObject.id + '" target="_blank" class="more">详细</a>]</span>'); } postingRow.append(titleTd); if (isDisplayDate) { var dateTd = $('<td style="width: ' + dateCellWidth + 'px; ' + (iCounter % 2 != 0 && alternatecolor ? "background-color: " + alternatecolor : '') + '" align="' + (dateMode == "mode3" ? "left" : "center") + '" vAlign="middle"></td>'); if (dateMode == "mode3") { dateTd.append('<span>' + objObject.subTitle + '</span>'); } else if (dateMode == "mode6") { dateTd.append('<span>' + objObject.infoAuthor + '</span>'); } else { dateTd.append('<span class="' + dateStyle + '">' + formatDate(objObject.publishedDate, dateMode) + '</span>'); } postingRow.append(dateTd); } postingCounter++; } container.append(postingRow); iCounter++; if (separatorStyle && (isShowLastLine || iCounter < lastRow)) { var separatorRow = $('<tr></tr>'); separatorRow.append('<td style="' + separatorStyle + '; height: 1px;" colspan="' + (isDisplayDate ? howManyCellsInEachRow * 3 : howManyCellsInEachRow * 2) + '"></td>'); container.append(separatorRow); } } // 分页时渲染 if(isPager){ var buttonContainer = $('<div align="right"></div>'); var preBtn = isEnglishMode ? $('<a class="' + linkCssClass + '" href="javascript:;">Pre</a>') : $('<span class="fs14">【</span><a class="' + linkCssClass + '" href="javascript:;">上一页</a><span class="fs14">】</span>'); var nextBtn = isEnglishMode ? $('<a class="' + linkCssClass + '" href="javascript:;">Next</a>') : $('<span class="fs14">【</span><a class="' + linkCssClass + '" href="javascript:;">下一页</a><span class="fs14">】</span>'); if (r.totalPages > 0) { if (r.currentPage == 1 && r.totalPages != 1) { nextBtn.attr('page-index', r.currentPage + 1); buttonContainer.append(nextBtn); buttonContainer.append(' '); } else if (r.currentPage == r.totalPages && r.totalPages != 1) { preBtn.attr('page-index', r.currentPage - 1); buttonContainer.append(preBtn); buttonContainer.append('  '); } else if (r.currentPage != 1 && r.totalPages > r.currentPage) { preBtn.attr('page-index', r.currentPage - 1); buttonContainer.append(preBtn); buttonContainer.append("  "); nextBtn.attr('page-index', r.currentPage + 1); buttonContainer.append(nextBtn); buttonContainer.append("  "); } } pagerTd = $('<td style="height: 30px;" align="right" colspan="' + pagerColspan + '"></td>'); pagerTd.append(buttonContainer); } //不分页时渲染"更多"按钮 if(!isPager && isDispMoreButton){ var buttonContainer = $('<div align="right"></div>'); var moreBtn = $('<a data-collecting-wname="更多" href="'+ morebuttonlinkurl + '" class="data-collecting-sign '+ linkcssclass +'" target="' + isMoreButtonDispinNewWindow + '">' + moreButtonDetail + '</a>'); buttonContainer.append(moreBtn); buttonContainer.append("  "); pagerTd = $('<td style="height: 30px;" align="right" colspan="' + pagerColspan + '"></td>'); pagerTd.append(buttonContainer); } }else{ // 如果返回的数据不存在，则添加提示 pagerTd=$('<td style="width: ' + controlWidth + 'px;padding:1px;" colspan="' + 3 + '"><br>  当前频道没有记录！</td>'); } pagerContainer.append(pagerTd); container.append(pagerContainer); container.find('tr:last').on('click', function(e) { var page = $(e.target).attr('page-index'); loadPostings(page); }); } // 正常模式的分页请求 var url = (window.location.protocol == "about:" ? "http://" : "//") + window.appConfig.papi.host + "/cmspage/columns/webpart/webservice/channelSummaryList"; var cookies = document.cookie.split(';'); var cisCode = utils.getCookieByCis(cookies,"cisCode"); var groupList = utils.getCookieByCis(cookies,"groupList"); function loadPostings(page) { $("#941161fc01ef62853c76f2af696e821b .tableloading").show(); $("#941161fc01ef62853c76f2af696e821b .tableloading").html("<td colspan='4'><img class='icon-loading' src='/resource/img/control/loading.gif'></img>正在加载中...</td>"); $.ajax({ url: url, data: { cisCode: cisCode || "", customerGroupNoList: groupList ? JSON.parse(groupList).join(",") : "", isBindGroup: true, currentColumnId: currentColumnId, summaryColumnId: summaryColumnId, displayTopPostings: isPager ? 0 : disptoprecordnum, needDisplayChildrenPostings: needDisplayChildrenPostings, author: author, enablePager: isPager, page: page, size: size, isUseDomain:false, domainName:domainName||"", }, success: function(r) { if (r.data) { $("#941161fc01ef62853c76f2af696e821b .tableloading").hide(); displayPostingsAndPager(r.data); }else{ $("#941161fc01ef62853c76f2af696e821b .tableloading").html("<td colspan='4'>当前频道没有记录！</td>"); } }, error: function() { $("#941161fc01ef62853c76f2af696e821b .tableloading").html("<td colspan='4'>加载失败，请稍后再试！</td>"); } }); } loadPostings(1); }); </script> <style type="text/css"> .ChannelSummaryList-insty { line-height: 150% } .ChannelSummaryList-summary { line-height: 160%; color: #222; text-decoration: none } </style> </dd> <dd id="i7o1sz" style="height: 40px;"> <table id="f894e056805f01d70555b6511743833b" style="border-collapse: collapse;" border="0" cellspacing="0" cellpadding="0"> <tbody> <tr class="tableloading" style="margin-left:15px;"></tr> </tbody> </table> <script> $(function() { var currentColumnId = '1438058313303867398'; var summaryColumnId = '1438058326864052396'; var needDisplayChildrenPostings = false; var author = ''; var size = 20; var uid = 'f894e056805f01d70555b6511743833b'; var pagerColspan = 3; var isEnglishMode = false; var linkCssClass = 'style10'; var rowHeight = '40'; var howManyCellsInEachRow = 1; var cellWidth = 15; var alternatecolor = ''; var showTitleTag = true; var titleTag = "<em style='display:block; width:6px; height:6px; background-color:#c7000b; absolute; top:17px;'></em>"; var newWindowTemp = 'target=_blank'; var controlWidth = 445; var isDisplaySummaryOfEachNews = false; var noInternalStyle = false; var domainName = ''; var buriedPointName = ''; var titleLength = 20; var isDisplayDate = false; var dateMode = 'mode1'; var dateCellWidth = '80'; var dateStyle = 'text'; var separatorStyle = ''; var lastRow = 0; var isShowLastLine = false; var displayAttr = 'displayName'; var startshowrow = 6; var isPager = false; var isDispMoreButton = false; var morebuttonlinkurl = '#'; var isMoreButtonDispinNewWindow = '_top'; var moreButtonDetail = '更多...'; var linkcssclass = 'style10'; // 不分页时,要显示的记录数 var disptoprecordnum = 7; // 截取标题到指定长度 function cutOffTitle(title) { if(!title){return ""} if (titleLength == 0 || titleLength >= title.length) { return title; } else if (isEnglishMode) { var cutIndex = titleLength; while (title[cutIndex] != ' ' && title.length >= 0) { cutIndex -= 1; } return title.substring(0, cutIndex) + '...'; } else { return (titleLength >= title.length) ? title : title.substring(0, titleLength) + "..."; } } // 格式化时间 function formatDate(publishedDate, mode) { if (!publishedDate) { return ''; } if (mode === 'mode1') { return '('+dayjs(publishedDate).format("YYYY-MM-DD")+')'; } else if (mode === 'mode2') { return dayjs(publishedDate).format("YYYY年MM月DD日"); } else if (mode === 'mode4') { return '('+dayjs(publishedDate).format("MM-DD")+')'; } else if (mode === 'mode5') { return '('+dayjs(publishedDate).format("YYYY-MM-DD HH:mm")+')'; } else { return '('+dayjs(publishedDate).format("YYYY-MM-DD")+')'; } } function displayPostingsAndPager(r) { var container = $('table#' + uid + ' tbody'); container.empty(); var iCounter = 0; var pages=r.postings; if(startshowrow<r.postings.length){ pages=r.postings.slice(startshowrow); } var summaryListLength = pages.length; var pagerContainer = $("<tr></tr>"); var pagerTd = ''; if(summaryListLength>0){ var tetRcounter = summaryListLength % howManyCellsInEachRow; if (howManyCellsInEachRow != 0 && tetRcounter == 0) { lastRow = parseInt(summaryListLength / howManyCellsInEachRow); } else { lastRow = parseInt(summaryListLength / howManyCellsInEachRow) + 1; } for (var postingCounter = 0; postingCounter < summaryListLength;) { var postingRow = $('<tr style="height: ' + rowHeight + 'px;"></tr>'); for (var postingCellCounter = 0; (postingCellCounter < howManyCellsInEachRow) && (postingCounter < summaryListLength); postingCellCounter++) { var objObject = pages[postingCounter]; var titleTagTd = $('<td align="center" vAlign="middle" style="height: ' + rowHeight + 'px; width: ' + cellWidth + 'px;' + (iCounter % 2 != 0 && alternatecolor ? 'background-color: ' + alternatecolor : '') + '">' + (showTitleTag ? titleTag : '') + '</td>'); postingRow.append(titleTagTd); var titleTd = $('<td align="left" vAlign="middle" style="width: ' + controlWidth + 'px;' + (iCounter % 2 != 0 && alternatecolor ? 'background-color: ' + alternatecolor : '') + '"></td>'); if (isDisplaySummaryOfEachNews) { titleTd.append(titleTag); } var link = $('<a class="data-collecting-sign style10" href="' + objObject.path + '" ' + newWindowTemp + ' data-collecting-param="' + objObject.displayName + '" data-collecting-wname="' + (buriedPointName ? buriedPointName + (postingCounter + 1) : "移动公用新闻列表二" + (postingCounter + 1)) + '"></a>'); if (displayAttr == "name") { link.append(cutOffTitle(objObject.name)); } else if (displayAttr == "summary") { if (objObject.summary === "") { link.append(cutOffTitle(objObject.name)); }else{ link.append(cutOffTitle(objObject.summary)); } } else if (displayAttr == "title") { if (objObject.contentTitle === "") { link.append(cutOffTitle(objObject.name)); }else{ link.append(cutOffTitle(objObject.contentTitle)); } } else { if(objObject.displayName === ""){ link.append(cutOffTitle(objObject.name)); }else{ link.append(cutOffTitle(objObject.displayName)); } } if (noInternalStyle) { titleTd.append(titleTag); titleTd.append(link); } else { var span = $('<span class="ChannelSummaryList-insty"></span>'); span.append(link); titleTd.append(span); } if (isDisplaySummaryOfEachNews) { titleTd.append("<br/>"); titleTd.append('<span class="ChannelSummaryList-summary fs14">    ' + objObject.summary + '……[<a href="' + objObject.id + '" target="_blank" class="more">详细</a>]</span>'); } postingRow.append(titleTd); if (isDisplayDate) { var dateTd = $('<td style="width: ' + dateCellWidth + 'px; ' + (iCounter % 2 != 0 && alternatecolor ? "background-color: " + alternatecolor : '') + '" align="' + (dateMode == "mode3" ? "left" : "center") + '" vAlign="middle"></td>'); if (dateMode == "mode3") { dateTd.append('<span>' + objObject.subTitle + '</span>'); } else if (dateMode == "mode6") { dateTd.append('<span>' + objObject.infoAuthor + '</span>'); } else { dateTd.append('<span class="' + dateStyle + '">' + formatDate(objObject.publishedDate, dateMode) + '</span>'); } postingRow.append(dateTd); } postingCounter++; } container.append(postingRow); iCounter++; if (separatorStyle && (isShowLastLine || iCounter < lastRow)) { var separatorRow = $('<tr></tr>'); separatorRow.append('<td style="' + separatorStyle + '; height: 1px;" colspan="' + (isDisplayDate ? howManyCellsInEachRow * 3 : howManyCellsInEachRow * 2) + '"></td>'); container.append(separatorRow); } } // 分页时渲染 if(isPager){ var buttonContainer = $('<div align="right"></div>'); var preBtn = isEnglishMode ? $('<a class="' + linkCssClass + '" href="javascript:;">Pre</a>') : $('<span class="fs14">【</span><a class="' + linkCssClass + '" href="javascript:;">上一页</a><span class="fs14">】</span>'); var nextBtn = isEnglishMode ? $('<a class="' + linkCssClass + '" href="javascript:;">Next</a>') : $('<span class="fs14">【</span><a class="' + linkCssClass + '" href="javascript:;">下一页</a><span class="fs14">】</span>'); if (r.totalPages > 0) { if (r.currentPage == 1 && r.totalPages != 1) { nextBtn.attr('page-index', r.currentPage + 1); buttonContainer.append(nextBtn); buttonContainer.append(' '); } else if (r.currentPage == r.totalPages && r.totalPages != 1) { preBtn.attr('page-index', r.currentPage - 1); buttonContainer.append(preBtn); buttonContainer.append('  '); } else if (r.currentPage != 1 && r.totalPages > r.currentPage) { preBtn.attr('page-index', r.currentPage - 1); buttonContainer.append(preBtn); buttonContainer.append("  "); nextBtn.attr('page-index', r.currentPage + 1); buttonContainer.append(nextBtn); buttonContainer.append("  "); } } pagerTd = $('<td style="height: 30px;" align="right" colspan="' + pagerColspan + '"></td>'); pagerTd.append(buttonContainer); } //不分页时渲染"更多"按钮 if(!isPager && isDispMoreButton){ var buttonContainer = $('<div align="right"></div>'); var moreBtn = $('<a data-collecting-wname="更多" href="'+ morebuttonlinkurl + '" class="data-collecting-sign '+ linkcssclass +'" target="' + isMoreButtonDispinNewWindow + '">' + moreButtonDetail + '</a>'); buttonContainer.append(moreBtn); buttonContainer.append("  "); pagerTd = $('<td style="height: 30px;" align="right" colspan="' + pagerColspan + '"></td>'); pagerTd.append(buttonContainer); } }else{ // 如果返回的数据不存在，则添加提示 pagerTd=$('<td style="width: ' + controlWidth + 'px;padding:1px;" colspan="' + 3 + '"><br>  当前频道没有记录！</td>'); } pagerContainer.append(pagerTd); container.append(pagerContainer); container.find('tr:last').on('click', function(e) { var page = $(e.target).attr('page-index'); loadPostings(page); }); } // 正常模式的分页请求 var url = (window.location.protocol == "about:" ? "http://" : "//") + window.appConfig.papi.host + "/cmspage/columns/webpart/webservice/channelSummaryList"; var cookies = document.cookie.split(';'); var cisCode = utils.getCookieByCis(cookies,"cisCode"); var groupList = utils.getCookieByCis(cookies,"groupList"); function loadPostings(page) { $("#f894e056805f01d70555b6511743833b .tableloading").show(); $("#f894e056805f01d70555b6511743833b .tableloading").html("<td colspan='4'><img class='icon-loading' src='/resource/img/control/loading.gif'></img>正在加载中...</td>"); $.ajax({ url: url, data: { cisCode: cisCode || "", customerGroupNoList: groupList ? JSON.parse(groupList).join(",") : "", isBindGroup: true, currentColumnId: currentColumnId, summaryColumnId: summaryColumnId, displayTopPostings: isPager ? 0 : disptoprecordnum, needDisplayChildrenPostings: needDisplayChildrenPostings, author: author, enablePager: isPager, page: page, size: size, isUseDomain:false, domainName:domainName||"", }, success: function(r) { if (r.data) { $("#f894e056805f01d70555b6511743833b .tableloading").hide(); displayPostingsAndPager(r.data); }else{ $("#f894e056805f01d70555b6511743833b .tableloading").html("<td colspan='4'>当前频道没有记录！</td>"); } }, error: function() { $("#f894e056805f01d70555b6511743833b .tableloading").html("<td colspan='4'>加载失败，请稍后再试！</td>"); } }); } loadPostings(1); }); </script> <style type="text/css"> .ChannelSummaryList-insty { line-height: 150% } .ChannelSummaryList-summary { line-height: 160%; color: #222; text-decoration: none } </style> </dd> <dd id="iyuvhi" style="height: 40px;"> <table id="1ced715501c67d18681287a7d2f224cb" style="border-collapse: collapse;" border="0" cellspacing="0" cellpadding="0"> <tbody> <tr class="tableloading" style="margin-left:15px;"></tr> </tbody> </table> <script> $(function() { var currentColumnId = '1438058313303867398'; var summaryColumnId = '1438058326864052396'; var needDisplayChildrenPostings = false; var author = ''; var size = 20; var uid = '1ced715501c67d18681287a7d2f224cb'; var pagerColspan = 3; var isEnglishMode = false; var linkCssClass = 'style10'; var rowHeight = '40'; var howManyCellsInEachRow = 1; var cellWidth = 15; var alternatecolor = ''; var showTitleTag = true; var titleTag = "<em style='display:block; width:6px; height:6px; background-color:#c7000b; absolute; top:17px;'></em>"; var newWindowTemp = 'target=_blank'; var controlWidth = 445; var isDisplaySummaryOfEachNews = false; var noInternalStyle = false; var domainName = ''; var buriedPointName = ''; var titleLength = 20; var isDisplayDate = false; var dateMode = 'mode1'; var dateCellWidth = '80'; var dateStyle = 'text'; var separatorStyle = ''; var lastRow = 0; var isShowLastLine = false; var displayAttr = 'displayName'; var startshowrow = 7; var isPager = false; var isDispMoreButton = false; var morebuttonlinkurl = '#'; var isMoreButtonDispinNewWindow = '_top'; var moreButtonDetail = '更多...'; var linkcssclass = 'style10'; // 不分页时,要显示的记录数 var disptoprecordnum = 8; // 截取标题到指定长度 function cutOffTitle(title) { if(!title){return ""} if (titleLength == 0 || titleLength >= title.length) { return title; } else if (isEnglishMode) { var cutIndex = titleLength; while (title[cutIndex] != ' ' && title.length >= 0) { cutIndex -= 1; } return title.substring(0, cutIndex) + '...'; } else { return (titleLength >= title.length) ? title : title.substring(0, titleLength) + "..."; } } // 格式化时间 function formatDate(publishedDate, mode) { if (!publishedDate) { return ''; } if (mode === 'mode1') { return '('+dayjs(publishedDate).format("YYYY-MM-DD")+')'; } else if (mode === 'mode2') { return dayjs(publishedDate).format("YYYY年MM月DD日"); } else if (mode === 'mode4') { return '('+dayjs(publishedDate).format("MM-DD")+')'; } else if (mode === 'mode5') { return '('+dayjs(publishedDate).format("YYYY-MM-DD HH:mm")+')'; } else { return '('+dayjs(publishedDate).format("YYYY-MM-DD")+')'; } } function displayPostingsAndPager(r) { var container = $('table#' + uid + ' tbody'); container.empty(); var iCounter = 0; var pages=r.postings; if(startshowrow<r.postings.length){ pages=r.postings.slice(startshowrow); } var summaryListLength = pages.length; var pagerContainer = $("<tr></tr>"); var pagerTd = ''; if(summaryListLength>0){ var tetRcounter = summaryListLength % howManyCellsInEachRow; if (howManyCellsInEachRow != 0 && tetRcounter == 0) { lastRow = parseInt(summaryListLength / howManyCellsInEachRow); } else { lastRow = parseInt(summaryListLength / howManyCellsInEachRow) + 1; } for (var postingCounter = 0; postingCounter < summaryListLength;) { var postingRow = $('<tr style="height: ' + rowHeight + 'px;"></tr>'); for (var postingCellCounter = 0; (postingCellCounter < howManyCellsInEachRow) && (postingCounter < summaryListLength); postingCellCounter++) { var objObject = pages[postingCounter]; var titleTagTd = $('<td align="center" vAlign="middle" style="height: ' + rowHeight + 'px; width: ' + cellWidth + 'px;' + (iCounter % 2 != 0 && alternatecolor ? 'background-color: ' + alternatecolor : '') + '">' + (showTitleTag ? titleTag : '') + '</td>'); postingRow.append(titleTagTd); var titleTd = $('<td align="left" vAlign="middle" style="width: ' + controlWidth + 'px;' + (iCounter % 2 != 0 && alternatecolor ? 'background-color: ' + alternatecolor : '') + '"></td>'); if (isDisplaySummaryOfEachNews) { titleTd.append(titleTag); } var link = $('<a class="data-collecting-sign style10" href="' + objObject.path + '" ' + newWindowTemp + ' data-collecting-param="' + objObject.displayName + '" data-collecting-wname="' + (buriedPointName ? buriedPointName + (postingCounter + 1) : "移动公用新闻列表二" + (postingCounter + 1)) + '"></a>'); if (displayAttr == "name") { link.append(cutOffTitle(objObject.name)); } else if (displayAttr == "summary") { if (objObject.summary === "") { link.append(cutOffTitle(objObject.name)); }else{ link.append(cutOffTitle(objObject.summary)); } } else if (displayAttr == "title") { if (objObject.contentTitle === "") { link.append(cutOffTitle(objObject.name)); }else{ link.append(cutOffTitle(objObject.contentTitle)); } } else { if(objObject.displayName === ""){ link.append(cutOffTitle(objObject.name)); }else{ link.append(cutOffTitle(objObject.displayName)); } } if (noInternalStyle) { titleTd.append(titleTag); titleTd.append(link); } else { var span = $('<span class="ChannelSummaryList-insty"></span>'); span.append(link); titleTd.append(span); } if (isDisplaySummaryOfEachNews) { titleTd.append("<br/>"); titleTd.append('<span class="ChannelSummaryList-summary fs14">    ' + objObject.summary + '……[<a href="' + objObject.id + '" target="_blank" class="more">详细</a>]</span>'); } postingRow.append(titleTd); if (isDisplayDate) { var dateTd = $('<td style="width: ' + dateCellWidth + 'px; ' + (iCounter % 2 != 0 && alternatecolor ? "background-color: " + alternatecolor : '') + '" align="' + (dateMode == "mode3" ? "left" : "center") + '" vAlign="middle"></td>'); if (dateMode == "mode3") { dateTd.append('<span>' + objObject.subTitle + '</span>'); } else if (dateMode == "mode6") { dateTd.append('<span>' + objObject.infoAuthor + '</span>'); } else { dateTd.append('<span class="' + dateStyle + '">' + formatDate(objObject.publishedDate, dateMode) + '</span>'); } postingRow.append(dateTd); } postingCounter++; } container.append(postingRow); iCounter++; if (separatorStyle && (isShowLastLine || iCounter < lastRow)) { var separatorRow = $('<tr></tr>'); separatorRow.append('<td style="' + separatorStyle + '; height: 1px;" colspan="' + (isDisplayDate ? howManyCellsInEachRow * 3 : howManyCellsInEachRow * 2) + '"></td>'); container.append(separatorRow); } } // 分页时渲染 if(isPager){ var buttonContainer = $('<div align="right"></div>'); var preBtn = isEnglishMode ? $('<a class="' + linkCssClass + '" href="javascript:;">Pre</a>') : $('<span class="fs14">【</span><a class="' + linkCssClass + '" href="javascript:;">上一页</a><span class="fs14">】</span>'); var nextBtn = isEnglishMode ? $('<a class="' + linkCssClass + '" href="javascript:;">Next</a>') : $('<span class="fs14">【</span><a class="' + linkCssClass + '" href="javascript:;">下一页</a><span class="fs14">】</span>'); if (r.totalPages > 0) { if (r.currentPage == 1 && r.totalPages != 1) { nextBtn.attr('page-index', r.currentPage + 1); buttonContainer.append(nextBtn); buttonContainer.append(' '); } else if (r.currentPage == r.totalPages && r.totalPages != 1) { preBtn.attr('page-index', r.currentPage - 1); buttonContainer.append(preBtn); buttonContainer.append('  '); } else if (r.currentPage != 1 && r.totalPages > r.currentPage) { preBtn.attr('page-index', r.currentPage - 1); buttonContainer.append(preBtn); buttonContainer.append("  "); nextBtn.attr('page-index', r.currentPage + 1); buttonContainer.append(nextBtn); buttonContainer.append("  "); } } pagerTd = $('<td style="height: 30px;" align="right" colspan="' + pagerColspan + '"></td>'); pagerTd.append(buttonContainer); } //不分页时渲染"更多"按钮 if(!isPager && isDispMoreButton){ var buttonContainer = $('<div align="right"></div>'); var moreBtn = $('<a data-collecting-wname="更多" href="'+ morebuttonlinkurl + '" class="data-collecting-sign '+ linkcssclass +'" target="' + isMoreButtonDispinNewWindow + '">' + moreButtonDetail + '</a>'); buttonContainer.append(moreBtn); buttonContainer.append("  "); pagerTd = $('<td style="height: 30px;" align="right" colspan="' + pagerColspan + '"></td>'); pagerTd.append(buttonContainer); } }else{ // 如果返回的数据不存在，则添加提示 pagerTd=$('<td style="width: ' + controlWidth + 'px;padding:1px;" colspan="' + 3 + '"><br>  当前频道没有记录！</td>'); } pagerContainer.append(pagerTd); container.append(pagerContainer); container.find('tr:last').on('click', function(e) { var page = $(e.target).attr('page-index'); loadPostings(page); }); } // 正常模式的分页请求 var url = (window.location.protocol == "about:" ? "http://" : "//") + window.appConfig.papi.host + "/cmspage/columns/webpart/webservice/channelSummaryList"; var cookies = document.cookie.split(';'); var cisCode = utils.getCookieByCis(cookies,"cisCode"); var groupList = utils.getCookieByCis(cookies,"groupList"); function loadPostings(page) { $("#1ced715501c67d18681287a7d2f224cb .tableloading").show(); $("#1ced715501c67d18681287a7d2f224cb .tableloading").html("<td colspan='4'><img class='icon-loading' src='/resource/img/control/loading.gif'></img>正在加载中...</td>"); $.ajax({ url: url, data: { cisCode: cisCode || "", customerGroupNoList: groupList ? JSON.parse(groupList).join(",") : "", isBindGroup: true, currentColumnId: currentColumnId, summaryColumnId: summaryColumnId, displayTopPostings: isPager ? 0 : disptoprecordnum, needDisplayChildrenPostings: needDisplayChildrenPostings, author: author, enablePager: isPager, page: page, size: size, isUseDomain:false, domainName:domainName||"", }, success: function(r) { if (r.data) { $("#1ced715501c67d18681287a7d2f224cb .tableloading").hide(); displayPostingsAndPager(r.data); }else{ $("#1ced715501c67d18681287a7d2f224cb .tableloading").html("<td colspan='4'>当前频道没有记录！</td>"); } }, error: function() { $("#1ced715501c67d18681287a7d2f224cb .tableloading").html("<td colspan='4'>加载失败，请稍后再试！</td>"); } }); } loadPostings(1); }); </script> <style type="text/css"> .ChannelSummaryList-insty { line-height: 150% } .ChannelSummaryList-summary { line-height: 160%; color: #222; text-decoration: none } </style> </dd> <dd id="iu5ghd" style="height: 40px;"> <table id="38b77f5f238d09baebbfe45bcab1833d" style="border-collapse: collapse;" border="0" cellspacing="0" cellpadding="0"> <tbody> <tr class="tableloading" style="margin-left:15px;"></tr> </tbody> </table> <script> $(function() { var currentColumnId = '1438058313303867398'; var summaryColumnId = '1438058326864052396'; var needDisplayChildrenPostings = false; var author = ''; var size = 20; var uid = '38b77f5f238d09baebbfe45bcab1833d'; var pagerColspan = 3; var isEnglishMode = false; var linkCssClass = 'style10'; var rowHeight = '40'; var howManyCellsInEachRow = 1; var cellWidth = 15; var alternatecolor = ''; var showTitleTag = true; var titleTag = "<em style='display:block; width:6px; height:6px; background-color:#c7000b; absolute; top:17px;'></em>"; var newWindowTemp = 'target=_blank'; var controlWidth = 445; var isDisplaySummaryOfEachNews = false; var noInternalStyle = false; var domainName = ''; var buriedPointName = ''; var titleLength = 20; var isDisplayDate = false; var dateMode = 'mode1'; var dateCellWidth = '80'; var dateStyle = 'text'; var separatorStyle = ''; var lastRow = 0; var isShowLastLine = false; var displayAttr = 'displayName'; var startshowrow = 8; var isPager = false; var isDispMoreButton = false; var morebuttonlinkurl = '#'; var isMoreButtonDispinNewWindow = '_top'; var moreButtonDetail = '更多...'; var linkcssclass = 'style10'; // 不分页时,要显示的记录数 var disptoprecordnum = 9; // 截取标题到指定长度 function cutOffTitle(title) { if(!title){return ""} if (titleLength == 0 || titleLength >= title.length) { return title; } else if (isEnglishMode) { var cutIndex = titleLength; while (title[cutIndex] != ' ' && title.length >= 0) { cutIndex -= 1; } return title.substring(0, cutIndex) + '...'; } else { return (titleLength >= title.length) ? title : title.substring(0, titleLength) + "..."; } } // 格式化时间 function formatDate(publishedDate, mode) { if (!publishedDate) { return ''; } if (mode === 'mode1') { return '('+dayjs(publishedDate).format("YYYY-MM-DD")+')'; } else if (mode === 'mode2') { return dayjs(publishedDate).format("YYYY年MM月DD日"); } else if (mode === 'mode4') { return '('+dayjs(publishedDate).format("MM-DD")+')'; } else if (mode === 'mode5') { return '('+dayjs(publishedDate).format("YYYY-MM-DD HH:mm")+')'; } else { return '('+dayjs(publishedDate).format("YYYY-MM-DD")+')'; } } function displayPostingsAndPager(r) { var container = $('table#' + uid + ' tbody'); container.empty(); var iCounter = 0; var pages=r.postings; if(startshowrow<r.postings.length){ pages=r.postings.slice(startshowrow); } var summaryListLength = pages.length; var pagerContainer = $("<tr></tr>"); var pagerTd = ''; if(summaryListLength>0){ var tetRcounter = summaryListLength % howManyCellsInEachRow; if (howManyCellsInEachRow != 0 && tetRcounter == 0) { lastRow = parseInt(summaryListLength / howManyCellsInEachRow); } else { lastRow = parseInt(summaryListLength / howManyCellsInEachRow) + 1; } for (var postingCounter = 0; postingCounter < summaryListLength;) { var postingRow = $('<tr style="height: ' + rowHeight + 'px;"></tr>'); for (var postingCellCounter = 0; (postingCellCounter < howManyCellsInEachRow) && (postingCounter < summaryListLength); postingCellCounter++) { var objObject = pages[postingCounter]; var titleTagTd = $('<td align="center" vAlign="middle" style="height: ' + rowHeight + 'px; width: ' + cellWidth + 'px;' + (iCounter % 2 != 0 && alternatecolor ? 'background-color: ' + alternatecolor : '') + '">' + (showTitleTag ? titleTag : '') + '</td>'); postingRow.append(titleTagTd); var titleTd = $('<td align="left" vAlign="middle" style="width: ' + controlWidth + 'px;' + (iCounter % 2 != 0 && alternatecolor ? 'background-color: ' + alternatecolor : '') + '"></td>'); if (isDisplaySummaryOfEachNews) { titleTd.append(titleTag); } var link = $('<a class="data-collecting-sign style10" href="' + objObject.path + '" ' + newWindowTemp + ' data-collecting-param="' + objObject.displayName + '" data-collecting-wname="' + (buriedPointName ? buriedPointName + (postingCounter + 1) : "移动公用新闻列表二" + (postingCounter + 1)) + '"></a>'); if (displayAttr == "name") { link.append(cutOffTitle(objObject.name)); } else if (displayAttr == "summary") { if (objObject.summary === "") { link.append(cutOffTitle(objObject.name)); }else{ link.append(cutOffTitle(objObject.summary)); } } else if (displayAttr == "title") { if (objObject.contentTitle === "") { link.append(cutOffTitle(objObject.name)); }else{ link.append(cutOffTitle(objObject.contentTitle)); } } else { if(objObject.displayName === ""){ link.append(cutOffTitle(objObject.name)); }else{ link.append(cutOffTitle(objObject.displayName)); } } if (noInternalStyle) { titleTd.append(titleTag); titleTd.append(link); } else { var span = $('<span class="ChannelSummaryList-insty"></span>'); span.append(link); titleTd.append(span); } if (isDisplaySummaryOfEachNews) { titleTd.append("<br/>"); titleTd.append('<span class="ChannelSummaryList-summary fs14">    ' + objObject.summary + '……[<a href="' + objObject.id + '" target="_blank" class="more">详细</a>]</span>'); } postingRow.append(titleTd); if (isDisplayDate) { var dateTd = $('<td style="width: ' + dateCellWidth + 'px; ' + (iCounter % 2 != 0 && alternatecolor ? "background-color: " + alternatecolor : '') + '" align="' + (dateMode == "mode3" ? "left" : "center") + '" vAlign="middle"></td>'); if (dateMode == "mode3") { dateTd.append('<span>' + objObject.subTitle + '</span>'); } else if (dateMode == "mode6") { dateTd.append('<span>' + objObject.infoAuthor + '</span>'); } else { dateTd.append('<span class="' + dateStyle + '">' + formatDate(objObject.publishedDate, dateMode) + '</span>'); } postingRow.append(dateTd); } postingCounter++; } container.append(postingRow); iCounter++; if (separatorStyle && (isShowLastLine || iCounter < lastRow)) { var separatorRow = $('<tr></tr>'); separatorRow.append('<td style="' + separatorStyle + '; height: 1px;" colspan="' + (isDisplayDate ? howManyCellsInEachRow * 3 : howManyCellsInEachRow * 2) + '"></td>'); container.append(separatorRow); } } // 分页时渲染 if(isPager){ var buttonContainer = $('<div align="right"></div>'); var preBtn = isEnglishMode ? $('<a class="' + linkCssClass + '" href="javascript:;">Pre</a>') : $('<span class="fs14">【</span><a class="' + linkCssClass + '" href="javascript:;">上一页</a><span class="fs14">】</span>'); var nextBtn = isEnglishMode ? $('<a class="' + linkCssClass + '" href="javascript:;">Next</a>') : $('<span class="fs14">【</span><a class="' + linkCssClass + '" href="javascript:;">下一页</a><span class="fs14">】</span>'); if (r.totalPages > 0) { if (r.currentPage == 1 && r.totalPages != 1) { nextBtn.attr('page-index', r.currentPage + 1); buttonContainer.append(nextBtn); buttonContainer.append(' '); } else if (r.currentPage == r.totalPages && r.totalPages != 1) { preBtn.attr('page-index', r.currentPage - 1); buttonContainer.append(preBtn); buttonContainer.append('  '); } else if (r.currentPage != 1 && r.totalPages > r.currentPage) { preBtn.attr('page-index', r.currentPage - 1); buttonContainer.append(preBtn); buttonContainer.append("  "); nextBtn.attr('page-index', r.currentPage + 1); buttonContainer.append(nextBtn); buttonContainer.append("  "); } } pagerTd = $('<td style="height: 30px;" align="right" colspan="' + pagerColspan + '"></td>'); pagerTd.append(buttonContainer); } //不分页时渲染"更多"按钮 if(!isPager && isDispMoreButton){ var buttonContainer = $('<div align="right"></div>'); var moreBtn = $('<a data-collecting-wname="更多" href="'+ morebuttonlinkurl + '" class="data-collecting-sign '+ linkcssclass +'" target="' + isMoreButtonDispinNewWindow + '">' + moreButtonDetail + '</a>'); buttonContainer.append(moreBtn); buttonContainer.append("  "); pagerTd = $('<td style="height: 30px;" align="right" colspan="' + pagerColspan + '"></td>'); pagerTd.append(buttonContainer); } }else{ // 如果返回的数据不存在，则添加提示 pagerTd=$('<td style="width: ' + controlWidth + 'px;padding:1px;" colspan="' + 3 + '"><br>  当前频道没有记录！</td>'); } pagerContainer.append(pagerTd); container.append(pagerContainer); container.find('tr:last').on('click', function(e) { var page = $(e.target).attr('page-index'); loadPostings(page); }); } // 正常模式的分页请求 var url = (window.location.protocol == "about:" ? "http://" : "//") + window.appConfig.papi.host + "/cmspage/columns/webpart/webservice/channelSummaryList"; var cookies = document.cookie.split(';'); var cisCode = utils.getCookieByCis(cookies,"cisCode"); var groupList = utils.getCookieByCis(cookies,"groupList"); function loadPostings(page) { $("#38b77f5f238d09baebbfe45bcab1833d .tableloading").show(); $("#38b77f5f238d09baebbfe45bcab1833d .tableloading").html("<td colspan='4'><img class='icon-loading' src='/resource/img/control/loading.gif'></img>正在加载中...</td>"); $.ajax({ url: url, data: { cisCode: cisCode || "", customerGroupNoList: groupList ? JSON.parse(groupList).join(",") : "", isBindGroup: true, currentColumnId: currentColumnId, summaryColumnId: summaryColumnId, displayTopPostings: isPager ? 0 : disptoprecordnum, needDisplayChildrenPostings: needDisplayChildrenPostings, author: author, enablePager: isPager, page: page, size: size, isUseDomain:false, domainName:domainName||"", }, success: function(r) { if (r.data) { $("#38b77f5f238d09baebbfe45bcab1833d .tableloading").hide(); displayPostingsAndPager(r.data); }else{ $("#38b77f5f238d09baebbfe45bcab1833d .tableloading").html("<td colspan='4'>当前频道没有记录！</td>"); } }, error: function() { $("#38b77f5f238d09baebbfe45bcab1833d .tableloading").html("<td colspan='4'>加载失败，请稍后再试！</td>"); } }); } loadPostings(1); }); </script> <style type="text/css"> .ChannelSummaryList-insty { line-height: 150% } .ChannelSummaryList-summary { line-height: 160%; color: #222; text-decoration: none } </style> </dd> <dd id="itgvz8" style="height: 40px;"> <table id="6304c537ea9186385f19aedfdcf1ae15" style="border-collapse: collapse;" border="0" cellspacing="0" cellpadding="0"> <tbody> <tr class="tableloading" style="margin-left:15px;"></tr> </tbody> </table> <script> $(function() { var currentColumnId = '1438058313303867398'; var summaryColumnId = '1438058326864052396'; var needDisplayChildrenPostings = false; var author = ''; var size = 20; var uid = '6304c537ea9186385f19aedfdcf1ae15'; var pagerColspan = 3; var isEnglishMode = false; var linkCssClass = 'style10'; var rowHeight = '40'; var howManyCellsInEachRow = 1; var cellWidth = 15; var alternatecolor = ''; var showTitleTag = true; var titleTag = "<em style='display:block; width:6px; height:6px; background-color:#c7000b; absolute; top:17px;'></em>"; var newWindowTemp = 'target=_blank'; var controlWidth = 445; var isDisplaySummaryOfEachNews = false; var noInternalStyle = false; var domainName = ''; var buriedPointName = ''; var titleLength = 20; var isDisplayDate = false; var dateMode = 'mode1'; var dateCellWidth = '80'; var dateStyle = 'text'; var separatorStyle = ''; var lastRow = 0; var isShowLastLine = false; var displayAttr = 'displayName'; var startshowrow = 9; var isPager = false; var isDispMoreButton = false; var morebuttonlinkurl = '#'; var isMoreButtonDispinNewWindow = '_top'; var moreButtonDetail = '更多...'; var linkcssclass = 'style10'; // 不分页时,要显示的记录数 var disptoprecordnum = 10; // 截取标题到指定长度 function cutOffTitle(title) { if(!title){return ""} if (titleLength == 0 || titleLength >= title.length) { return title; } else if (isEnglishMode) { var cutIndex = titleLength; while (title[cutIndex] != ' ' && title.length >= 0) { cutIndex -= 1; } return title.substring(0, cutIndex) + '...'; } else { return (titleLength >= title.length) ? title : title.substring(0, titleLength) + "..."; } } // 格式化时间 function formatDate(publishedDate, mode) { if (!publishedDate) { return ''; } if (mode === 'mode1') { return '('+dayjs(publishedDate).format("YYYY-MM-DD")+')'; } else if (mode === 'mode2') { return dayjs(publishedDate).format("YYYY年MM月DD日"); } else if (mode === 'mode4') { return '('+dayjs(publishedDate).format("MM-DD")+')'; } else if (mode === 'mode5') { return '('+dayjs(publishedDate).format("YYYY-MM-DD HH:mm")+')'; } else { return '('+dayjs(publishedDate).format("YYYY-MM-DD")+')'; } } function displayPostingsAndPager(r) { var container = $('table#' + uid + ' tbody'); container.empty(); var iCounter = 0; var pages=r.postings; if(startshowrow<r.postings.length){ pages=r.postings.slice(startshowrow); } var summaryListLength = pages.length; var pagerContainer = $("<tr></tr>"); var pagerTd = ''; if(summaryListLength>0){ var tetRcounter = summaryListLength % howManyCellsInEachRow; if (howManyCellsInEachRow != 0 && tetRcounter == 0) { lastRow = parseInt(summaryListLength / howManyCellsInEachRow); } else { lastRow = parseInt(summaryListLength / howManyCellsInEachRow) + 1; } for (var postingCounter = 0; postingCounter < summaryListLength;) { var postingRow = $('<tr style="height: ' + rowHeight + 'px;"></tr>'); for (var postingCellCounter = 0; (postingCellCounter < howManyCellsInEachRow) && (postingCounter < summaryListLength); postingCellCounter++) { var objObject = pages[postingCounter]; var titleTagTd = $('<td align="center" vAlign="middle" style="height: ' + rowHeight + 'px; width: ' + cellWidth + 'px;' + (iCounter % 2 != 0 && alternatecolor ? 'background-color: ' + alternatecolor : '') + '">' + (showTitleTag ? titleTag : '') + '</td>'); postingRow.append(titleTagTd); var titleTd = $('<td align="left" vAlign="middle" style="width: ' + controlWidth + 'px;' + (iCounter % 2 != 0 && alternatecolor ? 'background-color: ' + alternatecolor : '') + '"></td>'); if (isDisplaySummaryOfEachNews) { titleTd.append(titleTag); } var link = $('<a class="data-collecting-sign style10" href="' + objObject.path + '" ' + newWindowTemp + ' data-collecting-param="' + objObject.displayName + '" data-collecting-wname="' + (buriedPointName ? buriedPointName + (postingCounter + 1) : "移动公用新闻列表二" + (postingCounter + 1)) + '"></a>'); if (displayAttr == "name") { link.append(cutOffTitle(objObject.name)); } else if (displayAttr == "summary") { if (objObject.summary === "") { link.append(cutOffTitle(objObject.name)); }else{ link.append(cutOffTitle(objObject.summary)); } } else if (displayAttr == "title") { if (objObject.contentTitle === "") { link.append(cutOffTitle(objObject.name)); }else{ link.append(cutOffTitle(objObject.contentTitle)); } } else { if(objObject.displayName === ""){ link.append(cutOffTitle(objObject.name)); }else{ link.append(cutOffTitle(objObject.displayName)); } } if (noInternalStyle) { titleTd.append(titleTag); titleTd.append(link); } else { var span = $('<span class="ChannelSummaryList-insty"></span>'); span.append(link); titleTd.append(span); } if (isDisplaySummaryOfEachNews) { titleTd.append("<br/>"); titleTd.append('<span class="ChannelSummaryList-summary fs14">    ' + objObject.summary + '……[<a href="' + objObject.id + '" target="_blank" class="more">详细</a>]</span>'); } postingRow.append(titleTd); if (isDisplayDate) { var dateTd = $('<td style="width: ' + dateCellWidth + 'px; ' + (iCounter % 2 != 0 && alternatecolor ? "background-color: " + alternatecolor : '') + '" align="' + (dateMode == "mode3" ? "left" : "center") + '" vAlign="middle"></td>'); if (dateMode == "mode3") { dateTd.append('<span>' + objObject.subTitle + '</span>'); } else if (dateMode == "mode6") { dateTd.append('<span>' + objObject.infoAuthor + '</span>'); } else { dateTd.append('<span class="' + dateStyle + '">' + formatDate(objObject.publishedDate, dateMode) + '</span>'); } postingRow.append(dateTd); } postingCounter++; } container.append(postingRow); iCounter++; if (separatorStyle && (isShowLastLine || iCounter < lastRow)) { var separatorRow = $('<tr></tr>'); separatorRow.append('<td style="' + separatorStyle + '; height: 1px;" colspan="' + (isDisplayDate ? howManyCellsInEachRow * 3 : howManyCellsInEachRow * 2) + '"></td>'); container.append(separatorRow); } } // 分页时渲染 if(isPager){ var buttonContainer = $('<div align="right"></div>'); var preBtn = isEnglishMode ? $('<a class="' + linkCssClass + '" href="javascript:;">Pre</a>') : $('<span class="fs14">【</span><a class="' + linkCssClass + '" href="javascript:;">上一页</a><span class="fs14">】</span>'); var nextBtn = isEnglishMode ? $('<a class="' + linkCssClass + '" href="javascript:;">Next</a>') : $('<span class="fs14">【</span><a class="' + linkCssClass + '" href="javascript:;">下一页</a><span class="fs14">】</span>'); if (r.totalPages > 0) { if (r.currentPage == 1 && r.totalPages != 1) { nextBtn.attr('page-index', r.currentPage + 1); buttonContainer.append(nextBtn); buttonContainer.append(' '); } else if (r.currentPage == r.totalPages && r.totalPages != 1) { preBtn.attr('page-index', r.currentPage - 1); buttonContainer.append(preBtn); buttonContainer.append('  '); } else if (r.currentPage != 1 && r.totalPages > r.currentPage) { preBtn.attr('page-index', r.currentPage - 1); buttonContainer.append(preBtn); buttonContainer.append("  "); nextBtn.attr('page-index', r.currentPage + 1); buttonContainer.append(nextBtn); buttonContainer.append("  "); } } pagerTd = $('<td style="height: 30px;" align="right" colspan="' + pagerColspan + '"></td>'); pagerTd.append(buttonContainer); } //不分页时渲染"更多"按钮 if(!isPager && isDispMoreButton){ var buttonContainer = $('<div align="right"></div>'); var moreBtn = $('<a data-collecting-wname="更多" href="'+ morebuttonlinkurl + '" class="data-collecting-sign '+ linkcssclass +'" target="' + isMoreButtonDispinNewWindow + '">' + moreButtonDetail + '</a>'); buttonContainer.append(moreBtn); buttonContainer.append("  "); pagerTd = $('<td style="height: 30px;" align="right" colspan="' + pagerColspan + '"></td>'); pagerTd.append(buttonContainer); } }else{ // 如果返回的数据不存在，则添加提示 pagerTd=$('<td style="width: ' + controlWidth + 'px;padding:1px;" colspan="' + 3 + '"><br>  当前频道没有记录！</td>'); } pagerContainer.append(pagerTd); container.append(pagerContainer); container.find('tr:last').on('click', function(e) { var page = $(e.target).attr('page-index'); loadPostings(page); }); } // 正常模式的分页请求 var url = (window.location.protocol == "about:" ? "http://" : "//") + window.appConfig.papi.host + "/cmspage/columns/webpart/webservice/channelSummaryList"; var cookies = document.cookie.split(';'); var cisCode = utils.getCookieByCis(cookies,"cisCode"); var groupList = utils.getCookieByCis(cookies,"groupList"); function loadPostings(page) { $("#6304c537ea9186385f19aedfdcf1ae15 .tableloading").show(); $("#6304c537ea9186385f19aedfdcf1ae15 .tableloading").html("<td colspan='4'><img class='icon-loading' src='/resource/img/control/loading.gif'></img>正在加载中...</td>"); $.ajax({ url: url, data: { cisCode: cisCode || "", customerGroupNoList: groupList ? JSON.parse(groupList).join(",") : "", isBindGroup: true, currentColumnId: currentColumnId, summaryColumnId: summaryColumnId, displayTopPostings: isPager ? 0 : disptoprecordnum, needDisplayChildrenPostings: needDisplayChildrenPostings, author: author, enablePager: isPager, page: page, size: size, isUseDomain:false, domainName:domainName||"", }, success: function(r) { if (r.data) { $("#6304c537ea9186385f19aedfdcf1ae15 .tableloading").hide(); displayPostingsAndPager(r.data); }else{ $("#6304c537ea9186385f19aedfdcf1ae15 .tableloading").html("<td colspan='4'>当前频道没有记录！</td>"); } }, error: function() { $("#6304c537ea9186385f19aedfdcf1ae15 .tableloading").html("<td colspan='4'>加载失败，请稍后再试！</td>"); } }); } loadPostings(1); }); </script> <style type="text/css"> .ChannelSummaryList-insty { line-height: 150% } .ChannelSummaryList-summary { line-height: 160%; color: #222; text-decoration: none } </style> </dd> <dd id="icjhzz" style="height: 40px;"> <table id="137ca9c4cc1597afb9ee3e8acd3e9cbd" style="border-collapse: collapse;" border="0" cellspacing="0" cellpadding="0"> <tbody> <tr class="tableloading" style="margin-left:15px;"></tr> </tbody> </table> <script> $(function() { var currentColumnId = '1438058313303867398'; var summaryColumnId = '1438058326864052396'; var needDisplayChildrenPostings = false; var author = ''; var size = 20; var uid = '137ca9c4cc1597afb9ee3e8acd3e9cbd'; var pagerColspan = 3; var isEnglishMode = false; var linkCssClass = 'style10'; var rowHeight = '40'; var howManyCellsInEachRow = 1; var cellWidth = 15; var alternatecolor = ''; var showTitleTag = true; var titleTag = "<em style='display:block; width:6px; height:6px; background-color:#c7000b; absolute; top:17px;'></em>"; var newWindowTemp = 'target=_blank'; var controlWidth = 445; var isDisplaySummaryOfEachNews = false; var noInternalStyle = false; var domainName = ''; var buriedPointName = ''; var titleLength = 20; var isDisplayDate = false; var dateMode = 'mode1'; var dateCellWidth = '80'; var dateStyle = 'text'; var separatorStyle = ''; var lastRow = 0; var isShowLastLine = false; var displayAttr = 'displayName'; var startshowrow = 10; var isPager = false; var isDispMoreButton = false; var morebuttonlinkurl = '#'; var isMoreButtonDispinNewWindow = '_top'; var moreButtonDetail = '更多...'; var linkcssclass = 'style10'; // 不分页时,要显示的记录数 var disptoprecordnum = 11; // 截取标题到指定长度 function cutOffTitle(title) { if(!title){return ""} if (titleLength == 0 || titleLength >= title.length) { return title; } else if (isEnglishMode) { var cutIndex = titleLength; while (title[cutIndex] != ' ' && title.length >= 0) { cutIndex -= 1; } return title.substring(0, cutIndex) + '...'; } else { return (titleLength >= title.length) ? title : title.substring(0, titleLength) + "..."; } } // 格式化时间 function formatDate(publishedDate, mode) { if (!publishedDate) { return ''; } if (mode === 'mode1') { return '('+dayjs(publishedDate).format("YYYY-MM-DD")+')'; } else if (mode === 'mode2') { return dayjs(publishedDate).format("YYYY年MM月DD日"); } else if (mode === 'mode4') { return '('+dayjs(publishedDate).format("MM-DD")+')'; } else if (mode === 'mode5') { return '('+dayjs(publishedDate).format("YYYY-MM-DD HH:mm")+')'; } else { return '('+dayjs(publishedDate).format("YYYY-MM-DD")+')'; } } function displayPostingsAndPager(r) { var container = $('table#' + uid + ' tbody'); container.empty(); var iCounter = 0; var pages=r.postings; if(startshowrow<r.postings.length){ pages=r.postings.slice(startshowrow); } var summaryListLength = pages.length; var pagerContainer = $("<tr></tr>"); var pagerTd = ''; if(summaryListLength>0){ var tetRcounter = summaryListLength % howManyCellsInEachRow; if (howManyCellsInEachRow != 0 && tetRcounter == 0) { lastRow = parseInt(summaryListLength / howManyCellsInEachRow); } else { lastRow = parseInt(summaryListLength / howManyCellsInEachRow) + 1; } for (var postingCounter = 0; postingCounter < summaryListLength;) { var postingRow = $('<tr style="height: ' + rowHeight + 'px;"></tr>'); for (var postingCellCounter = 0; (postingCellCounter < howManyCellsInEachRow) && (postingCounter < summaryListLength); postingCellCounter++) { var objObject = pages[postingCounter]; var titleTagTd = $('<td align="center" vAlign="middle" style="height: ' + rowHeight + 'px; width: ' + cellWidth + 'px;' + (iCounter % 2 != 0 && alternatecolor ? 'background-color: ' + alternatecolor : '') + '">' + (showTitleTag ? titleTag : '') + '</td>'); postingRow.append(titleTagTd); var titleTd = $('<td align="left" vAlign="middle" style="width: ' + controlWidth + 'px;' + (iCounter % 2 != 0 && alternatecolor ? 'background-color: ' + alternatecolor : '') + '"></td>'); if (isDisplaySummaryOfEachNews) { titleTd.append(titleTag); } var link = $('<a class="data-collecting-sign style10" href="' + objObject.path + '" ' + newWindowTemp + ' data-collecting-param="' + objObject.displayName + '" data-collecting-wname="' + (buriedPointName ? buriedPointName + (postingCounter + 1) : "移动公用新闻列表二" + (postingCounter + 1)) + '"></a>'); if (displayAttr == "name") { link.append(cutOffTitle(objObject.name)); } else if (displayAttr == "summary") { if (objObject.summary === "") { link.append(cutOffTitle(objObject.name)); }else{ link.append(cutOffTitle(objObject.summary)); } } else if (displayAttr == "title") { if (objObject.contentTitle === "") { link.append(cutOffTitle(objObject.name)); }else{ link.append(cutOffTitle(objObject.contentTitle)); } } else { if(objObject.displayName === ""){ link.append(cutOffTitle(objObject.name)); }else{ link.append(cutOffTitle(objObject.displayName)); } } if (noInternalStyle) { titleTd.append(titleTag); titleTd.append(link); } else { var span = $('<span class="ChannelSummaryList-insty"></span>'); span.append(link); titleTd.append(span); } if (isDisplaySummaryOfEachNews) { titleTd.append("<br/>"); titleTd.append('<span class="ChannelSummaryList-summary fs14">    ' + objObject.summary + '……[<a href="' + objObject.id + '" target="_blank" class="more">详细</a>]</span>'); } postingRow.append(titleTd); if (isDisplayDate) { var dateTd = $('<td style="width: ' + dateCellWidth + 'px; ' + (iCounter % 2 != 0 && alternatecolor ? "background-color: " + alternatecolor : '') + '" align="' + (dateMode == "mode3" ? "left" : "center") + '" vAlign="middle"></td>'); if (dateMode == "mode3") { dateTd.append('<span>' + objObject.subTitle + '</span>'); } else if (dateMode == "mode6") { dateTd.append('<span>' + objObject.infoAuthor + '</span>'); } else { dateTd.append('<span class="' + dateStyle + '">' + formatDate(objObject.publishedDate, dateMode) + '</span>'); } postingRow.append(dateTd); } postingCounter++; } container.append(postingRow); iCounter++; if (separatorStyle && (isShowLastLine || iCounter < lastRow)) { var separatorRow = $('<tr></tr>'); separatorRow.append('<td style="' + separatorStyle + '; height: 1px;" colspan="' + (isDisplayDate ? howManyCellsInEachRow * 3 : howManyCellsInEachRow * 2) + '"></td>'); container.append(separatorRow); } } // 分页时渲染 if(isPager){ var buttonContainer = $('<div align="right"></div>'); var preBtn = isEnglishMode ? $('<a class="' + linkCssClass + '" href="javascript:;">Pre</a>') : $('<span class="fs14">【</span><a class="' + linkCssClass + '" href="javascript:;">上一页</a><span class="fs14">】</span>'); var nextBtn = isEnglishMode ? $('<a class="' + linkCssClass + '" href="javascript:;">Next</a>') : $('<span class="fs14">【</span><a class="' + linkCssClass + '" href="javascript:;">下一页</a><span class="fs14">】</span>'); if (r.totalPages > 0) { if (r.currentPage == 1 && r.totalPages != 1) { nextBtn.attr('page-index', r.currentPage + 1); buttonContainer.append(nextBtn); buttonContainer.append(' '); } else if (r.currentPage == r.totalPages && r.totalPages != 1) { preBtn.attr('page-index', r.currentPage - 1); buttonContainer.append(preBtn); buttonContainer.append('  '); } else if (r.currentPage != 1 && r.totalPages > r.currentPage) { preBtn.attr('page-index', r.currentPage - 1); buttonContainer.append(preBtn); buttonContainer.append("  "); nextBtn.attr('page-index', r.currentPage + 1); buttonContainer.append(nextBtn); buttonContainer.append("  "); } } pagerTd = $('<td style="height: 30px;" align="right" colspan="' + pagerColspan + '"></td>'); pagerTd.append(buttonContainer); } //不分页时渲染"更多"按钮 if(!isPager && isDispMoreButton){ var buttonContainer = $('<div align="right"></div>'); var moreBtn = $('<a data-collecting-wname="更多" href="'+ morebuttonlinkurl + '" class="data-collecting-sign '+ linkcssclass +'" target="' + isMoreButtonDispinNewWindow + '">' + moreButtonDetail + '</a>'); buttonContainer.append(moreBtn); buttonContainer.append("  "); pagerTd = $('<td style="height: 30px;" align="right" colspan="' + pagerColspan + '"></td>'); pagerTd.append(buttonContainer); } }else{ // 如果返回的数据不存在，则添加提示 pagerTd=$('<td style="width: ' + controlWidth + 'px;padding:1px;" colspan="' + 3 + '"><br>  当前频道没有记录！</td>'); } pagerContainer.append(pagerTd); container.append(pagerContainer); container.find('tr:last').on('click', function(e) { var page = $(e.target).attr('page-index'); loadPostings(page); }); } // 正常模式的分页请求 var url = (window.location.protocol == "about:" ? "http://" : "//") + window.appConfig.papi.host + "/cmspage/columns/webpart/webservice/channelSummaryList"; var cookies = document.cookie.split(';'); var cisCode = utils.getCookieByCis(cookies,"cisCode"); var groupList = utils.getCookieByCis(cookies,"groupList"); function loadPostings(page) { $("#137ca9c4cc1597afb9ee3e8acd3e9cbd .tableloading").show(); $("#137ca9c4cc1597afb9ee3e8acd3e9cbd .tableloading").html("<td colspan='4'><img class='icon-loading' src='/resource/img/control/loading.gif'></img>正在加载中...</td>"); $.ajax({ url: url, data: { cisCode: cisCode || "", customerGroupNoList: groupList ? JSON.parse(groupList).join(",") : "", isBindGroup: true, currentColumnId: currentColumnId, summaryColumnId: summaryColumnId, displayTopPostings: isPager ? 0 : disptoprecordnum, needDisplayChildrenPostings: needDisplayChildrenPostings, author: author, enablePager: isPager, page: page, size: size, isUseDomain:false, domainName:domainName||"", }, success: function(r) { if (r.data) { $("#137ca9c4cc1597afb9ee3e8acd3e9cbd .tableloading").hide(); displayPostingsAndPager(r.data); }else{ $("#137ca9c4cc1597afb9ee3e8acd3e9cbd .tableloading").html("<td colspan='4'>当前频道没有记录！</td>"); } }, error: function() { $("#137ca9c4cc1597afb9ee3e8acd3e9cbd .tableloading").html("<td colspan='4'>加载失败，请稍后再试！</td>"); } }); } loadPostings(1); }); </script> <style type="text/css"> .ChannelSummaryList-insty { line-height: 150% } .ChannelSummaryList-summary { line-height: 160%; color: #222; text-decoration: none } </style> </dd> <dd id="icjhzzv2" style="height: 40px;"> <table id="ef48293303fd3fa5f353c23255caa2c4" style="border-collapse: collapse;" border="0" cellspacing="0" cellpadding="0"> <tbody> <tr class="tableloading" style="margin-left:15px;"></tr> </tbody> </table> <script> $(function() { var currentColumnId = '1438058313303867398'; var summaryColumnId = '1438058326864052396'; var needDisplayChildrenPostings = false; var author = ''; var size = 20; var uid = 'ef48293303fd3fa5f353c23255caa2c4'; var pagerColspan = 3; var isEnglishMode = false; var linkCssClass = 'style10'; var rowHeight = '40'; var howManyCellsInEachRow = 1; var cellWidth = 15; var alternatecolor = ''; var showTitleTag = true; var titleTag = "<em style='display:block; width:6px; height:6px; background-color:#c7000b; absolute; top:17px;'></em>"; var newWindowTemp = 'target=_blank'; var controlWidth = 445; var isDisplaySummaryOfEachNews = false; var noInternalStyle = false; var domainName = ''; var buriedPointName = ''; var titleLength = 20; var isDisplayDate = false; var dateMode = 'mode1'; var dateCellWidth = '80'; var dateStyle = 'text'; var separatorStyle = ''; var lastRow = 0; var isShowLastLine = false; var displayAttr = 'displayName'; var startshowrow = 11; var isPager = false; var isDispMoreButton = false; var morebuttonlinkurl = '#'; var isMoreButtonDispinNewWindow = '_top'; var moreButtonDetail = '更多...'; var linkcssclass = 'style10'; // 不分页时,要显示的记录数 var disptoprecordnum = 12; // 截取标题到指定长度 function cutOffTitle(title) { if(!title){return ""} if (titleLength == 0 || titleLength >= title.length) { return title; } else if (isEnglishMode) { var cutIndex = titleLength; while (title[cutIndex] != ' ' && title.length >= 0) { cutIndex -= 1; } return title.substring(0, cutIndex) + '...'; } else { return (titleLength >= title.length) ? title : title.substring(0, titleLength) + "..."; } } // 格式化时间 function formatDate(publishedDate, mode) { if (!publishedDate) { return ''; } if (mode === 'mode1') { return '('+dayjs(publishedDate).format("YYYY-MM-DD")+')'; } else if (mode === 'mode2') { return dayjs(publishedDate).format("YYYY年MM月DD日"); } else if (mode === 'mode4') { return '('+dayjs(publishedDate).format("MM-DD")+')'; } else if (mode === 'mode5') { return '('+dayjs(publishedDate).format("YYYY-MM-DD HH:mm")+')'; } else { return '('+dayjs(publishedDate).format("YYYY-MM-DD")+')'; } } function displayPostingsAndPager(r) { var container = $('table#' + uid + ' tbody'); container.empty(); var iCounter = 0; var pages=r.postings; if(startshowrow<r.postings.length){ pages=r.postings.slice(startshowrow); } var summaryListLength = pages.length; var pagerContainer = $("<tr></tr>"); var pagerTd = ''; if(summaryListLength>0){ var tetRcounter = summaryListLength % howManyCellsInEachRow; if (howManyCellsInEachRow != 0 && tetRcounter == 0) { lastRow = parseInt(summaryListLength / howManyCellsInEachRow); } else { lastRow = parseInt(summaryListLength / howManyCellsInEachRow) + 1; } for (var postingCounter = 0; postingCounter < summaryListLength;) { var postingRow = $('<tr style="height: ' + rowHeight + 'px;"></tr>'); for (var postingCellCounter = 0; (postingCellCounter < howManyCellsInEachRow) && (postingCounter < summaryListLength); postingCellCounter++) { var objObject = pages[postingCounter]; var titleTagTd = $('<td align="center" vAlign="middle" style="height: ' + rowHeight + 'px; width: ' + cellWidth + 'px;' + (iCounter % 2 != 0 && alternatecolor ? 'background-color: ' + alternatecolor : '') + '">' + (showTitleTag ? titleTag : '') + '</td>'); postingRow.append(titleTagTd); var titleTd = $('<td align="left" vAlign="middle" style="width: ' + controlWidth + 'px;' + (iCounter % 2 != 0 && alternatecolor ? 'background-color: ' + alternatecolor : '') + '"></td>'); if (isDisplaySummaryOfEachNews) { titleTd.append(titleTag); } var link = $('<a class="data-collecting-sign style10" href="' + objObject.path + '" ' + newWindowTemp + ' data-collecting-param="' + objObject.displayName + '" data-collecting-wname="' + (buriedPointName ? buriedPointName + (postingCounter + 1) : "移动公用新闻列表二" + (postingCounter + 1)) + '"></a>'); if (displayAttr == "name") { link.append(cutOffTitle(objObject.name)); } else if (displayAttr == "summary") { if (objObject.summary === "") { link.append(cutOffTitle(objObject.name)); }else{ link.append(cutOffTitle(objObject.summary)); } } else if (displayAttr == "title") { if (objObject.contentTitle === "") { link.append(cutOffTitle(objObject.name)); }else{ link.append(cutOffTitle(objObject.contentTitle)); } } else { if(objObject.displayName === ""){ link.append(cutOffTitle(objObject.name)); }else{ link.append(cutOffTitle(objObject.displayName)); } } if (noInternalStyle) { titleTd.append(titleTag); titleTd.append(link); } else { var span = $('<span class="ChannelSummaryList-insty"></span>'); span.append(link); titleTd.append(span); } if (isDisplaySummaryOfEachNews) { titleTd.append("<br/>"); titleTd.append('<span class="ChannelSummaryList-summary fs14">    ' + objObject.summary + '……[<a href="' + objObject.id + '" target="_blank" class="more">详细</a>]</span>'); } postingRow.append(titleTd); if (isDisplayDate) { var dateTd = $('<td style="width: ' + dateCellWidth + 'px; ' + (iCounter % 2 != 0 && alternatecolor ? "background-color: " + alternatecolor : '') + '" align="' + (dateMode == "mode3" ? "left" : "center") + '" vAlign="middle"></td>'); if (dateMode == "mode3") { dateTd.append('<span>' + objObject.subTitle + '</span>'); } else if (dateMode == "mode6") { dateTd.append('<span>' + objObject.infoAuthor + '</span>'); } else { dateTd.append('<span class="' + dateStyle + '">' + formatDate(objObject.publishedDate, dateMode) + '</span>'); } postingRow.append(dateTd); } postingCounter++; } container.append(postingRow); iCounter++; if (separatorStyle && (isShowLastLine || iCounter < lastRow)) { var separatorRow = $('<tr></tr>'); separatorRow.append('<td style="' + separatorStyle + '; height: 1px;" colspan="' + (isDisplayDate ? howManyCellsInEachRow * 3 : howManyCellsInEachRow * 2) + '"></td>'); container.append(separatorRow); } } // 分页时渲染 if(isPager){ var buttonContainer = $('<div align="right"></div>'); var preBtn = isEnglishMode ? $('<a class="' + linkCssClass + '" href="javascript:;">Pre</a>') : $('<span class="fs14">【</span><a class="' + linkCssClass + '" href="javascript:;">上一页</a><span class="fs14">】</span>'); var nextBtn = isEnglishMode ? $('<a class="' + linkCssClass + '" href="javascript:;">Next</a>') : $('<span class="fs14">【</span><a class="' + linkCssClass + '" href="javascript:;">下一页</a><span class="fs14">】</span>'); if (r.totalPages > 0) { if (r.currentPage == 1 && r.totalPages != 1) { nextBtn.attr('page-index', r.currentPage + 1); buttonContainer.append(nextBtn); buttonContainer.append(' '); } else if (r.currentPage == r.totalPages && r.totalPages != 1) { preBtn.attr('page-index', r.currentPage - 1); buttonContainer.append(preBtn); buttonContainer.append('  '); } else if (r.currentPage != 1 && r.totalPages > r.currentPage) { preBtn.attr('page-index', r.currentPage - 1); buttonContainer.append(preBtn); buttonContainer.append("  "); nextBtn.attr('page-index', r.currentPage + 1); buttonContainer.append(nextBtn); buttonContainer.append("  "); } } pagerTd = $('<td style="height: 30px;" align="right" colspan="' + pagerColspan + '"></td>'); pagerTd.append(buttonContainer); } //不分页时渲染"更多"按钮 if(!isPager && isDispMoreButton){ var buttonContainer = $('<div align="right"></div>'); var moreBtn = $('<a data-collecting-wname="更多" href="'+ morebuttonlinkurl + '" class="data-collecting-sign '+ linkcssclass +'" target="' + isMoreButtonDispinNewWindow + '">' + moreButtonDetail + '</a>'); buttonContainer.append(moreBtn); buttonContainer.append("  "); pagerTd = $('<td style="height: 30px;" align="right" colspan="' + pagerColspan + '"></td>'); pagerTd.append(buttonContainer); } }else{ // 如果返回的数据不存在，则添加提示 pagerTd=$('<td style="width: ' + controlWidth + 'px;padding:1px;" colspan="' + 3 + '"><br>  当前频道没有记录！</td>'); } pagerContainer.append(pagerTd); container.append(pagerContainer); container.find('tr:last').on('click', function(e) { var page = $(e.target).attr('page-index'); loadPostings(page); }); } // 正常模式的分页请求 var url = (window.location.protocol == "about:" ? "http://" : "//") + window.appConfig.papi.host + "/cmspage/columns/webpart/webservice/channelSummaryList"; var cookies = document.cookie.split(';'); var cisCode = utils.getCookieByCis(cookies,"cisCode"); var groupList = utils.getCookieByCis(cookies,"groupList"); function loadPostings(page) { $("#ef48293303fd3fa5f353c23255caa2c4 .tableloading").show(); $("#ef48293303fd3fa5f353c23255caa2c4 .tableloading").html("<td colspan='4'><img class='icon-loading' src='/resource/img/control/loading.gif'></img>正在加载中...</td>"); $.ajax({ url: url, data: { cisCode: cisCode || "", customerGroupNoList: groupList ? JSON.parse(groupList).join(",") : "", isBindGroup: true, currentColumnId: currentColumnId, summaryColumnId: summaryColumnId, displayTopPostings: isPager ? 0 : disptoprecordnum, needDisplayChildrenPostings: needDisplayChildrenPostings, author: author, enablePager: isPager, page: page, size: size, isUseDomain:false, domainName:domainName||"", }, success: function(r) { if (r.data) { $("#ef48293303fd3fa5f353c23255caa2c4 .tableloading").hide(); displayPostingsAndPager(r.data); }else{ $("#ef48293303fd3fa5f353c23255caa2c4 .tableloading").html("<td colspan='4'>当前频道没有记录！</td>"); } }, error: function() { $("#ef48293303fd3fa5f353c23255caa2c4 .tableloading").html("<td colspan='4'>加载失败，请稍后再试！</td>"); } }); } loadPostings(1); }); </script> <style type="text/css"> .ChannelSummaryList-insty { line-height: 150% } .ChannelSummaryList-summary { line-height: 160%; color: #222; text-decoration: none } </style> </dd> </dl> </div> <div class="action_M_other"> <div id="webpartdivID60f34bdd-77c3-59a4-02b8-883b8e97aa05" class="webpartdiv"> <script language="javascript" type="text/javascript"> $.ajax({ url: '/HtmlPatch/ICBC/shouye/fengmao.htm', type: 'get', cache: true, async: false, success: function (html) { if(window.appConfig.enableBakHost){ html = bakHostReplace(html); } $('#webpartdivID60f34bdd-77c3-59a4-02b8-883b8e97aa05').append(html); } }); </script> </div> </div> </div> <div id="webpartdivID1c87c622-6056-7751-bf7c-44fee439e1bb" class="webpartdiv"> <script language="javascript" type="text/javascript"> $.ajax({ url: '/HtmlPatch/ICBC/shouye/kehufuwu.htm', type: 'get', cache: true, async: false, success: function (html) { if(window.appConfig.enableBakHost){ html = bakHostReplace(html); } $('#webpartdivID1c87c622-6056-7751-bf7c-44fee439e1bb').append(html); } }); </script> </div> </div> </div>  <div id="ir97oy">  <script priority="1" type="text/javascript" src="/Portal_Resources/Common/jquery/jquery-ui-1.9.2.autocomplete.js"></script> <link rel="stylesheet" href="/Portal_Resources/Robot/AskPopup/jquery.ui.core.css"> <link rel="stylesheet" type="text/css" href="//v.icbc.com.cn/userfiles/Resources/ICBC/shouye/images/2017/comm.css"> <style type="text/css"> #ysideBox{ position: fixed; top: 300px; right: 0; min-height: 280px; z-index: 1000; } #ysideBox>ul>{list-style: none outside none;} #ysideBox>ul>li{ margin-bottom: 4px; cursor: pointer; list-style: none outside none; display: table; zoom: 1; position: relative;} #ysideBox>ul>li>a{ overflow: hidden; display: block; position: relative; } #ysideBox .RobotInput { border-bottom: #d1d1d1 1px solid; border-left: #d1d1d1 1px solid; font-size: 12px; margin-top: 100px; margin-left: 20px; border-top: #d1d1d1 1px solid; border-right: #d1d1d1 1px solid; width:250px; height:55px; } #ysideBox .ui-autocomplete { list-style: none; border: 1px solid #D1D1D1; width: 335px; background-color: #fbf8ef; margin: 0px; padding: 0px; text-align: right; font-size: 12px; padding-right: 0px; padding-left: 0px; padding-bottom: 5px; padding-top: 5px; } #ysideBox .askListItem { cursor: pointer; text-align: left; height: 20px; font-size: 12px; padding-left: 5px; line-height:20px; } #ysideBox .em11{background: url('//v.icbc.com.cn/userfiles/Resources/ICBC/shouye/images/2017/sideNav1.png') center center no-repeat} #ysideBox .em21{background: url('//v.icbc.com.cn/userfiles/Resources/ICBC/shouye/images/2018/sideNav_wechat.png') center center no-repeat} #ysideBox .em31{background: url('//v.icbc.com.cn/userfiles/Resources/ICBC/shouye/images/2017/sideNav_er.png') center center no-repeat} #ysideBox .em41{background: url('//v.icbc.com.cn/userfiles/Resources/ICBC/shouye/images/2017/sideNav_phone.png') center center no-repeat} #ysideBox .em51{background: url('//v.icbc.com.cn/userfiles/resources/icbc/shouye/images/2020/xiaoevid1.png') center center no-repeat} #ysideBox .em71{background: url('') center center no-repeat} #ysideBox .em81{background: url('') center center no-repeat} #ysideBox .em61{background: url('//v.icbc.com.cn/userfiles/Resources/ICBC/shouye/images/2017/sideNav2.png') center center no-repeat;display: none} #ysideBox .em12{ content: attr(data-text); position: absolute; top: 0; left:0; font-size: 12px; font-weight: 700; color: #fff!important; background: url('//v.icbc.com.cn/userfiles/Resources/ICBC/shouye/images/2017/sideNav1_b_ie8.png') no-repeat; text-decoration: none!important; text-align: center; display: none;} #ysideBox li:hover .em12{display: block;} #ysideBox .em22{ content: attr(data-text); position: absolute; top: 0; left:0; font-size: 12px; font-weight: 700; color: transparent; background: url('//v.icbc.com.cn/userfiles/Resources/ICBC/shouye/images/2018/sideNav_wechat_b.png') no-repeat; text-decoration: none!important; text-align: center; display: none;} #ysideBox li:hover .em22{display: block;} #ysideBox .em32{ content: attr(data-text); position: absolute; top: 0; left:0; font-size: 12px; font-weight: 700; color: #fff!important; background: url('//v.icbc.com.cn/userfiles/Resources/ICBC/shouye/images/2017/sideNav_er_b_ie8.png') no-repeat; text-decoration: none!important; text-align: center; display: none;} #ysideBox li:hover .em32{display: block;} #ysideBox .em42{ content: attr(data-text); position: absolute; top: 0; left:0; font-size: 12px; font-weight: 700; color: #fff!important; background: url('//v.icbc.com.cn/userfiles/Resources/ICBC/shouye/images/2017/sideNav_phone_b.png') no-repeat; text-decoration: none!important; text-align: center; display: none; } #ysideBox li:hover .em42{display: block;} #ysideBox .em52{ content: attr(data-text); position: absolute; top: 0; left:0; font-size: 12px; font-weight: 700; color: #fff!important; background: url('//v.icbc.com.cn/userfiles/resources/icbc/shouye/images/2020/xiaoevid.png') no-repeat; text-decoration: none!important; text-align: center; display: none; } #ysideBox li:hover .em52{display: block;} #ysideBox .em72{ content: attr(data-text); position: absolute; top: 0; left:0; font-size: 12px; font-weight: 700; color: #fff!important; background: url('') no-repeat; text-decoration: none!important; text-align: center; display: none; } #ysideBox li:hover .em72{display: block;} #ysideBox .em82{ content: attr(data-text); position: absolute; top: 0; left:0; font-size: 12px; font-weight: 700; color: #fff!important; background: url('') no-repeat; text-decoration: none!important; text-align: center; display: none; } #ysideBox li:hover .em82{display: block;} #ysideBox .em62{ content: attr(data-text); position: absolute; top: 0; left:0; font-size: 12px; font-weight: 700; color: #fff!important; background: url('//v.icbc.com.cn/userfiles/Resources/ICBC/shouye/images/2017/sideNav2_b.png') no-repeat; text-decoration: none!important; text-align: center; display: none; } #ysideBox li:hover .em62{display: block;} #ysideBox .help-poper{ z-index: 1000; width:0; height: 384px; position: absolute; margin-top: -125px; background: url('//v.icbc.com.cn/userfiles/Resources/ICBC/shouye/images/2017/sideNav.png') 0 0 no-repeat; overflow: hidden; } #ysideBox .helper-pop{ width:0; height: 380px; position: absolute; top: 50%; margin-top: -105px; overflow: hidden; } #ysideBox .yhelp_main{padding:105px 16px 0px 18px;position: absolute;top:0;left: 0} #ysideBox .yhelp_main input{border: 1px solid #e5e5e5;width:250px;height: 55px; background: white } #ysideBox .yhelp_main p{color: #a7a7a7;font-size: 14px;line-height: 2;margin-top:1px;float: left;} #ysideBox .yhelp_main a{position: relative;display: inline-block;margin-top: 3px;margin-right: 8px;float: right;} </style><div id="ysideBox"> <ul> <li class="" id="li1" style=""> <a class="em11 aaa"> <em class="em12"></em> </a> <div id="help" class="zk-box helper-pop"> <img id="bkimg1" src="//v.icbc.com.cn/userfiles/Resources/ICBC/shouye/images/2017/sideNav.png"> <div id="rotbotFloatPlace" style="position: absolute;"></div> <div class="yhelp_main"> <input id="robotFloatTextQuestion" maxlength="30" value="" onclick="robotFloatClearInput()" onblur="robotFloatBlur()"> <p>您可输入<span id="tishifloattips">30</span>个字</p> <a id="askbtn"><img src="//v.icbc.com.cn/userfiles/Resources/ICBC/shouye/images/2017/sideNav_Qbtn.png" style="border:none" onclick="robotFloatSearchAnswer($(this))"></a> </div> </div> </li> <li class="" id="li2" style=""> <a class="em21 aaa" href="#"> <em class="em22">立即申請</em> </a> <script language="javascript" type="text/javascript"> $.ajax({ url: '/HtmlPatch/ICBC/shouye/weixin.htm', type: 'get', cache: true, async: false, success: function (html) { if(window.appConfig.enableBakHost){ html = bakHostReplace(html); } $('#li2').append(html); } }); </script> </li> <li class="" id="li3" style=""> <a class="em31 aaa"> <em class="em32"></em> </a> <script language="javascript" type="text/javascript"> $.ajax({ url: '/HtmlPatch/ICBC/shouye/app.htm', type: 'get', cache: true, async: false, success: function (html) { if(window.appConfig.enableBakHost){ html = bakHostReplace(html); } $('#li3').append(html); } }); </script> </li> <li class="" id="li4" style=""> <a class="em41 aaa"> <em class="em42"></em> </a> <script language="javascript" type="text/javascript"> $.ajax({ url: '/HtmlPatch/ICBC/shouye/iphone.htm', type: 'get', cache: true, async: false, success: function (html) { if(window.appConfig.enableBakHost){ html = bakHostReplace(html); } $('#li4').append(html); } }); </script> </li> <li class="" id="li5" style=""> <a class="em51 aaa"> <em class="em52"></em> </a> <script language="javascript" type="text/javascript"> $.ajax({ url: '/htmlpatch/icbc/shouye/xiaoeshipin.htm', type: 'get', cache: true, async: false, success: function (html) { if(window.appConfig.enableBakHost){ html = bakHostReplace(html); } $('#li5').append(html); } }); </script> </li> <li class="" id="li7" style="display:none"> <a class="em71 aaa"> <em class="em72"></em> </a> </li> <li class="" id="li8" style="display:none"> <a class="em81 aaa"> <em class="em82"></em> </a> </li> <li class="" id="li6" style=""> <a id="btn6" class="em61 aaa" onclick="javascript:window.scroll(0,0);" style="display: none"> <em class="em62"></em> </a> </li> </ul> </div> <script type="text/javascript"> var isToOnlineServicePage = false; $(function () { var switchUrl = (window.location.protocol == "about:" ? "http://" : "//") + window.appConfig.papi.host + "/icbc/iepa/oproxy/common/DictCommon/queryDictCommonList"; var switchData = { dictCode: "webGetNOVAOnlineServiceUrl", categoryCode: "webGetNOVAOnlineServiceUrl" }; $.ajax({ url:switchUrl, type:"post", contentType:"application/json", dataType:"json", data: JSON.stringify(switchData), success: function (res) { if(res.code == 0 && res.data.length > 0) { isToOnlineServicePage = JSON.parse(res.data[0].dictDesc); } } }); }); $(function () { $(window).bind("scroll", function () { var sTop = $(window).scrollTop(); var sTop = parseInt(sTop); if (sTop >= document.documentElement.clientHeight * 1) { if (!$("#btn6").is(":visible")) { try { $("#btn6").slideDown(); $("#btn6").show(); } catch (e) { $("#btn6").show(); } } } else { if ($("#btn6").is(":visible")) { try { $("#btn6").slideUp(); $("#btn6").hide(); } catch (e) { $("#btn6").hide(); } } } }); //入口图片 var tmp1 = "//v.icbc.com.cn/userfiles/Resources/ICBC/shouye/images/2017/sideNav1.png"; var tmp2 = "//v.icbc.com.cn/userfiles/Resources/ICBC/shouye/images/2018/sideNav_wechat.png"; var tmp3 = "//v.icbc.com.cn/userfiles/Resources/ICBC/shouye/images/2017/sideNav_er.png"; var tmp4 = "//v.icbc.com.cn/userfiles/Resources/ICBC/shouye/images/2017/sideNav_phone.png"; var tmp5 = "//v.icbc.com.cn/userfiles/resources/icbc/shouye/images/2020/xiaoevid1.png"; var tmp6 = "//v.icbc.com.cn/userfiles/Resources/ICBC/shouye/images/2017/sideNav2.png"; var tmp7 = ""; var tmp8 = ""; //展开图片 var tmp11 = "//v.icbc.com.cn/userfiles/Resources/ICBC/shouye/images/2017/sideNav1_b_ie8.png"; var tmp12 = "//v.icbc.com.cn/userfiles/Resources/ICBC/shouye/images/2018/sideNav_wechat_b.png"; var tmp13 = "//v.icbc.com.cn/userfiles/Resources/ICBC/shouye/images/2017/sideNav_er_b_ie8.png"; var tmp14 = "//v.icbc.com.cn/userfiles/Resources/ICBC/shouye/images/2017/sideNav_phone_b.png"; var tmp15 = "//v.icbc.com.cn/userfiles/resources/icbc/shouye/images/2020/xiaoevid.png"; var tmp16 = "//v.icbc.com.cn/userfiles/Resources/ICBC/shouye/images/2017/sideNav2_b.png"; var tmp17 = ""; var tmp18 = ""; $("#ysideBox ul li .aaa").each(function (i) { var indx = i + 1; var tmp = ""; if (indx == 1) { tmp = tmp1; } else if (indx == 2) { tmp = tmp2; } else if (indx == 3) { tmp = tmp3; } else if (indx == 4) { tmp = tmp4; } else if (indx == 5) { tmp = tmp5; } else if (indx == 6) { tmp = tmp6; } else if (indx == 7) { tmp = tmp7; } else if (indx == 8) { tmp = tmp8; } if (tmp != "") { imgLoad(tmp, function (w, h) { $("#li" + indx).css("width", w); $("#li" + indx).css("height", h); $("#li" + indx + " .aaa").css("width", w); $("#li" + indx + " .aaa").css("height", h); if ($("#li" + indx).find(".zk-box").length != 0) { $("#li" + indx) .find(".zk-box") .css("right", w); } }); } else { $("#li" + indx).css("width", "35px"); $("#li" + indx).css("height", "35px"); $("#li" + indx + " .aaa").css("width", "35px"); $("#li" + indx + " .aaa").css("height", "35px"); if ($("#li" + indx).find(".zk-box").length != 0) { $("#li" + indx) .find(".zk-box") .css("right", "35px"); } } }); $("#ysideBox ul li .aaa em").each(function (i) { var indx = i + 1; var tmp = ""; if (indx == 1) { tmp = tmp11; } else if (indx == 2) { tmp = tmp12; } else if (indx == 3) { tmp = tmp13; } else if (indx == 4) { tmp = tmp14; } else if (indx == 5) { tmp = tmp15; } else if (indx == 6) { tmp = tmp16; } else if (indx == 7) { tmp = tmp17; } else if (indx == 8) { tmp = tmp18; } if (tmp != "") { imgLoad(tmp, function (w, h) { $("#li" + indx + " .aaa em").css("width", w); $("#li" + indx + " .aaa em").css("height", h); }); } else { $("#li" + indx + " .aaa em").css("width", "35px"); $("#li" + indx + " .aaa em").css("height", "35px"); } }); //获取碎片宽度 var wid = 292; var imgUrl = ""; var img1 = "//v.icbc.com.cn/userfiles/Resources/ICBC/shouye/images/2017/sideNav.png"; $("#ysideBox ul li").each(function (i) { var indx = i + 1; var wid = 292; //碎片存在 if ($("#li" + indx).find(".zk-box").length != 0) { if (indx == 1) { //智能问答不需要获取背景图url，需要修改提问按钮样式 imgUrl = img1; if (img1 != "") { wid = $("#bkimg1").width(); var robotWidth = Number("250"); var askBt = wid - robotWidth * 1 - 16 - 18; $("#askbtn").css("margin-right", askBt + "px"); } } else { imgUrl = getBkImgUrl($("#li" + indx).find(".zk-box")); } if (imgUrl != "" && indx != 1) { //有碎片有背景图片 popupImgLoad(imgUrl, function (w, h) { wid = w; $("#li" + indx).hover(function () { if ($(this).hasClass("on")) { $(this).removeClass("on"); if ($(this).find(".zk-box").length != 0) { $(this).find(".zk-box").stop().animate({ width: "0" }, 400); } } else { $(this).addClass("on"); if ($(this).find(".zk-box").length != 0) { $(this).find(".zk-box").stop().animate({ width: wid }, 400); } } }); }); } else { //有碎片但没有背景图片,或者智能问答不需要获取图片 $("#li" + indx).hover(function () { if ($(this).hasClass("on")) { $(this).removeClass("on"); if ($(this).find(".zk-box").length != 0) { $(this).find(".zk-box").stop().animate({ width: "0" }, 400); } } else { $(this).addClass("on"); if ($(this).find(".zk-box").length != 0) { $(this).find(".zk-box").stop().animate({ width: wid }, 400); } } }); } } else { //碎片不存在 $("#li" + indx).hover(function () { if ($(this).hasClass("on")) { $(this).removeClass("on"); } else { $(this).addClass("on"); } }); } }); $("#robotFloatTextQuestion").keydown(function (event) { if (event.keyCode == 13) { robotFloatSearchAnswer($(this)); return false; } }); }); function getBkImgUrl(divId) { if ( divId.css("background") != undefined && divId.css("background").indexOf("url") >= 0 ) { var str = divId .css("background") .substring( divId.css("background").indexOf("url"), divId.css("background").length - 1 ); var ssstr = str.substring(str.indexOf("(") + 2, str.indexOf(")") - 1); if ( ssstr.toLowerCase().indexOf("png") >= 0 || ssstr.toLowerCase().indexOf("jpg") >= 0 || ssstr.toLowerCase().indexOf("jpeg") >= 0 || ssstr.toLowerCase().indexOf("bmp") >= 0 || ssstr.toLowerCase().indexOf("gif") >= 0 ) { return ssstr; } else { return ""; } } else if (divId.css("backgroundImage") != undefined) { if (!!window.ActiveXObject || "ActiveXObject" in window) { var ssstr = divId .css("backgroundImage") .substring(5, divId.css("backgroundImage").length - 2); if ( ssstr.toLowerCase().indexOf("png") >= 0 || ssstr.toLowerCase().indexOf("jpg") >= 0 || ssstr.toLowerCase().indexOf("jpeg") >= 0 || ssstr.toLowerCase().indexOf("bmp") >= 0 || ssstr.toLowerCase().indexOf("gif") >= 0 ) { return ssstr; } else { return ""; } } else { var ssstr = divId .css("backgroundImage") .substring(4, divId.css("backgroundImage").length - 1); if ( ssstr.toLowerCase().indexOf("png") >= 0 || ssstr.toLowerCase().indexOf("jpg") >= 0 || ssstr.toLowerCase().indexOf("jpeg") >= 0 || ssstr.toLowerCase().indexOf("bmp") >= 0 || ssstr.toLowerCase().indexOf("gif") >= 0 ) { return ssstr; } else { return ""; } } } else { return ""; } } function popupImgLoad(url, callback) { var img = new Image(); img.src = url; if (img.complete) { callback(img.width, img.height); } else { img.onerror = function () { callback(292, 200); img.onerror = null; }; img.onload = function () { callback(img.width, img.height); img.onload = null; }; /*if(!!window.ActiveXObject||'ActiveXObject' in window){ callback(292, 200); }*/ } } function imgLoad(url, callback) { var img = new Image(); img.src = url; if (img.complete) { callback(img.width, img.height); } else { img.onerror = function () { callback(35, 35); img.onerror = null; }; img.onload = function () { callback(img.width, img.height); img.onload = null; }; } } var robotFloat_inAnimating = false; var robotFloat_inLeaveAnimating = false; var robotFloatSideWidth; var top10req = false; function robotFloatClearInput() { var txt = document.getElementById("robotFloatTextQuestion"); var showTopten = "false" == "true"; if (txt.value == "" || txt.value == "") { txt.value = ""; var text = $("#robotFloatTextQuestion"); var tip = $("#robotAskTopTen"); if (showTopten) { if (tip.length > 0) { tip.show(); tip.position({ of: text, at: "left bottom", my: "left top", collision: "none", }); } else { if (!top10req) { top10req = true; var url = (window.location.protocol == "about:" ? "http://" : "//") + window.appConfig.papi.host + "/robot/manage/webservice/robotSuggest"; // 接口更新的位置 $.ajax({ url:url, dataType: "json", type: "POST", contentType: "application/json;", timeout: 1000, data: JSON.stringify({ wap: false, key: "*_*top10" }), success: function (res) { if ($("#robotAskTopTen").length == 0) { renderRightScrollBarResultList( "#rotbotFloatPlace", res.data ); } var tip1 = $("#robotAskTopTen"); tip1.show(); tip1.position({ of: text, at: "left bottom", my: "left top", collision: "none", }); }, }); } } } } } function robotFloatBlur() { setTimeout("$('#robotAskTopTen').hide()", 300); } // 渲染搜索到的结果 function renderRightScrollBarResultList(select, data) { // 格式化搜索数据 function formatSearchCount(count) { if (count < 10000) { return "约" + count + "次提问"; } else { return "约" + (count / 10000).toFixed(0) + "万次提问"; } } var wrapper = $(select); var str = '<ul class="ui-autocomplete ui-menu ui-widget ui-widget-content ui-corner-all"'; str += ' id="robotAskTopTen" tabindex="0" style="z-index: 99; position: absolute; width: 493px; display: none;">'; var list = data; for (var i = 0; i < list.length; i++) { var r = list[i]; var liStr = ''; if(isToOnlineServicePage){ liStr = '<li class="askListItem" onclick="getRobotTargetUrl(\'' + r.id + "','" + r.title + "')\">"; }else{ liStr = '<li class="askListItem" onclick="robotFloatGotoAnswerPage(\'' + r.id + "','" + encodeURI(r.title) + "')\">"; }; liStr += '<span tyle="display:inline-block;width:345px;white-space:nowrap;overflow:hidden;">'; // 匹配到的关键字要用span包裹 liStr += r.title; liStr += '</span><span style="position:absolute;right:5px;color:#BC0021;">'; liStr += formatSearchCount(r.searchCount) + "</span></li>"; str += liStr; } wrapper.append(str); } // 获取智能客服页的url function getRobotTargetUrl(id,title) { var url = (window.location.protocol == "about:" ? "http://" : "//") + window.appConfig.papi.host + "/telbank/getNOVAOnlineServiceUrl"; var data = { question: title, pageurl: window.location.href || "", }; var newPage = "true" == "true"; $.ajax({ url:url, type:"post", contentType:"application/json", dataType:"json", data: JSON.stringify(data), success: function (res) { if(res.code == 0) { if (newPage) { window.open(res.data); $("#robotAskTopTen").hide(); } else { window.location = res.data; } }else{ if (newPage) { window.open("/column/1438058326469787847.html?id=" + id + "&ct=" + title); $("#robotAskTopTen").hide(); } else { window.location = "/column/1438058326469787847.html?id=" + id + "&ct=" + title; } } }, error: function (err) { if (newPage) { window.open("/column/1438058326469787847.html?id=" + id + "&ct=" + title); $("#robotAskTopTen").hide(); } else { window.location = "/column/1438058326469787847.html?id=" + id + "&ct=" + title; } } }); } function robotFloatGotoAnswerPage(id, title) { var newPage = "true" == "true"; if (newPage) { window.open("/column/1438058326469787847.html?id=" + id + "&ct=" + title); } else { window.location = "/column/1438058326469787847.html?id=" + id + "&ct=" + title; } } function robotGotoAnswerPage(id, title) { var newPage = "true" == "true"; if (newPage) { window.open("/column/1438058326469787847.html?id=" + id + "&ct=" + title); $("#robotAskTopTen").hide(); } else { window.location = "/column/1438058326469787847.html?id=" + id + "&ct=" + title; } } // 用户点击提问/回车 function robotFloatSearchAnswer(target) { var newPage = "true" == "true"; var couldSearhDefutat = "false" == "true"; var key = $("#robotFloatTextQuestion").val(); if ( (key == "" && !couldSearhDefutat) || $.trim(key) == "" ) { return false; } else { //新埋点 handleHitFromFIEPA({ pvtype: 2, word4: "网站右侧滚动条控件", }); // 跳转至智能客服页 if(isToOnlineServicePage){ var url = (window.location.protocol == "about:" ? "http://" : "//") + window.appConfig.papi.host + "/telbank/getNOVAOnlineServiceUrl"; var data = { question: key, pageurl: window.location.href || "", }; $.ajax({ url:url, type:"post", contentType:"application/json", dataType:"json", data: JSON.stringify(data), success: function (res) { if(res.code == 0) { if (newPage) { window.open(res.data); } else { window.location = res.data; } }else{ if (newPage) { window.open("/column/1438058326469787847.html?title=" + encodeURI(key)); } else { window.location = "/column/1438058326469787847.html?title=" + encodeURI(key); } } }, error: function (err) { if (newPage) { window.open("/column/1438058326469787847.html?title=" + encodeURI(key)); } else { window.location = "/column/1438058326469787847.html?title=" + encodeURI(key); } } }); }else{ if (newPage) { window.open("/column/1438058326469787847.html?title=" + encodeURI(key)); } else { window.location = "/column/1438058326469787847.html?title=" + encodeURI(key); } } } } </script> <script type="text/javascript"> $(function () { var needShowRobot = "true" == "true"; if (!needShowRobot) return; // 根据输入的内容进行搜索 $("#robotFloatTextQuestion").questionAutoComplete({ delay: 300, appendTo: $("#rotbotFloatPlace"), source: function (request, response) { $.ajax({ url:(window.location.protocol == "about:" ? "http://" : "//") + window.appConfig.papi.host+"/robot/manage/webservice/robotSuggest", dataType: "json", type: "POST", contentType: "application/json;", timeout: 1000, data: JSON.stringify({ wap: false, key: request.term }), success: function (res) { if (res.data.length > 0) { response(res.data); } else { for (var i = 1; i < 99; i++) { $("#ui-id-" + i).hide(); } } $("#robotAskTopTen").hide(); }, }); }, }); },// 自定义填充代码 $.widget("custom.questionAutoComplete", $.ui.autocomplete, { _renderItem: function (ul, item) { var keyword = $("#robotFloatTextQuestion").val(); var other = item.title.split(keyword); var highlight = ""; if (other.length > 0) { for (var i = 0; i < other.length; i++) { highlight += other[i]; if (i != other.length - 1) { highlight += "<span style='color:#BC0021;'>" + keyword + "</span>"; } } } else { highlight = item.value; } // 右侧浮动的结果列表不显示搜索到的数量 if(isToOnlineServicePage){ return $("<li class='askListItem' onclick=\"getRobotTargetUrl('" + item.id + "','" + item.title + "')\">") .append("<span style='display:inline-block;width:350px;white-space: nowrap;overflow: hidden;'>" + highlight + "</span>") .appendTo(ul); }else{ return $("<li class='askListItem' onclick=\"robotGotoAnswerPage('" + item.id + "','" + encodeURI(item.title) + "')\">") .append("<span style='display:inline-block;width:350px;white-space: nowrap;overflow: hidden;'>" + highlight + "</span>") .appendTo(ul); } }, _keyEvent: function (keyEvent, event) { return false; }, }) ); </script> <script type="text/javascript"> //使用Keyup事件比change响应快 $('#robotFloatTextQuestion').keyup(function () { var me = $(this); var txt = me.val(); //文本框输入内容，下面处理超过最大字符数时使用，不需要可以去掉 var max = 30; //设定最大允许输入字符数 var surplus = max - me.val().length; //计算还有多少字符 if (surplus < 0)//当输入超过设定字符时处理：自动截取设定字符数。 { me.val(txt.substr(0, max)); surplus = 0; } //$('#tishifloattips').find('span').text('您还可以输入'); //$('#tishifloattips').find('strong').text(surplus); $('#tishifloattips').text(surplus); }); </script> </div>  <div id="iedtkl" data-collecting-aname="首页页脚"> <div id="webpartdivID5b3dada0-86dd-57dc-a6a5-b44634bd079e" class="webpartdiv"> <script language="javascript" type="text/javascript"> $.ajax({ url: '/channelattr/1438058319784067113_tailconfig.html', type: 'get', cache: true, async: false, success: function (html) { if(window.appConfig.enableBakHost){ html = bakHostReplace(html); } $('#webpartdivID5b3dada0-86dd-57dc-a6a5-b44634bd079e').append(html); } }); </script> </div> </div> <style type="text/css" id="i03zf9"> #tab_tt li{ width:130px;} .bljr7 { width:100%; height:460px;} .bljr7 .bljr_mainL{width: 667px;height: 460px;overflow: hidden;} .bljr7 .bljr_mainR{width: 333px;height: 437px;overflow: hidden;padding-top: 10px;} .bljr7 .bljr_mainR ul{width: 100%;height: 100%;} .bljr67 .bljr_mainR li{border-left: 1px solid #e5e5e5;width: 100%;height:219px;float: left;position: relativ;e} .bljr7 .bljr_mainR .bljr_img{margin-left: 10px;margin-right: 10px;border-bottom:1px solid #e5e5e5;height: 99.6%;} </style> </body></html>

CINXE.COM

中国工商银行中国网站