新增：官网->客服帮助->模糊搜索

Application/Media/Controller/ServiceController.class.php

@@ -8,15 +8,18 @@
 // +----------------------------------------------------------------------
 
 namespace Media\Controller;
+
 use Admin\Model\GameModel;
 
 /**
  * 文档模型控制器
  * 文档模型列表和详情
  */
-class ServiceController extends BaseController {
+class ServiceController extends BaseController
+{
 
-	public function index($value=''){
+    public function index($value = '')
+    {
         $yidata = M('Kefuquestion')
             ->field('title,titleurl')
             ->where(array('state' => 1, 'title' => array('neq', '常见问题')))
@@ -34,7 +37,9 @@ class ServiceController extends BaseController {
         $this->assign('erdata', $erdata);
         $this->display();
     }
-	public function detail(){
+
+    public function detail()
+    {
         $yidata = M('Kefuquestion')
             ->field('title,titleurl')
             ->where(array('status' => 1, 'istitle' => 1))
@@ -45,6 +50,7 @@ class ServiceController extends BaseController {
             $map1['status'] = 1;
             $map1['istitle'] = 2;
             $map1['titleurl'] = I('kefu');
+            empty(I('get.search')) || $map1['zititle'] = ['like', '%' . I('get.search') . '%'];
             if ($_REQUEST['para'] != '') {
                 $map1['id'] = $_REQUEST['para'];
             }
@@ -61,12 +67,15 @@ class ServiceController extends BaseController {
         $this->assign('erdata', $erdata);
         $this->display();
     }
-	public function uploadAvatar() {
+
+    public function uploadAvatar()
+    {
         // 成功  $this->ajaxReturn(array('state'=>'SUCCESS','url'=>'图片地址'),C('DEFAULT_AJAX_RETURN'));
         $this->ajaxReturn(array('state' => '上传失败'), C('DEFAULT_AJAX_RETURN'));
     }
 
-	public function sask() {
+    public function sask()
+    {
         if (IS_POST) {
 
         }
@@ -74,7 +83,8 @@ class ServiceController extends BaseController {
         $this->display();
     }
 
-	public function sask2() {
+    public function sask2()
+    {
         if (IS_POST) {
 
         }
@@ -82,7 +92,8 @@ class ServiceController extends BaseController {
         $this->display();
     }
 
-	public function sask3() {
+    public function sask3()
+    {
         if (IS_POST) {
 
         }
@@ -90,23 +101,28 @@ class ServiceController extends BaseController {
         $this->display();
     }
 
-	public function spwd($p=1) {
+    public function spwd($p = 1)
+    {
         $this->display();
     }
 
-	public function spay($p=1) {
+    public function spay($p = 1)
+    {
         $this->display();
     }
 
-	public function saccont($p=1) {
+    public function saccont($p = 1)
+    {
         $this->display();
     }
 
-	public function sgift($p=1) {
+    public function sgift($p = 1)
+    {
         $this->display();
     }
 
-	public function sother($p=1) {
+    public function sother($p = 1)
+    {
         $this->display();
     }
 

Application/Media/View/default/Service/detail.html

@@ -1,11 +1,39 @@
 <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"><em>当前位置：</em> <span>客服中心</span></div>
+    <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>
@@ -145,6 +173,13 @@ var upFlag = oLis.length;; (function() {
     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;
+    });
 })();
 </script> 
 </block>

Public/static/icons_alibaba/iconfont.css

@@ -1,10 +1,10 @@
 @font-face {font-family: "iconfont";
-  src: url('iconfont.eot?t=1569546352126'); /* IE9 */
-  src: url('iconfont.eot?t=1569546352126#iefix') format('embedded-opentype'), /* IE6-IE8 */
-  url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAUAAAsAAAAAC3wAAASyAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCEFgqILIY9ATYCJAMsCxgABCAFhG0HgS8brAkRFaQrkP08sG0eW1ljTcMvS4sUj54tD9Mwzf8cBPRb+rPsQgiXkxipm19TV6iq/oo41J7qBQDoMfuh0uKaEcqfjzCHcvbJo297aS4r8Oj/xlydekj6p9fWy93EHdVkkng0FhokHiGJePRMyBDKcmcYnuFCHMyHIQCLbBRB1KnXpA0mCnKUAMSg9GhPTFsEFSIVmH7D50KFWIKOqc3VbgCL1b8XXyklTNDQJeRRLfrV7UMNj0/FpRNz6CKn4+SXAm6XgQSKAArEIt/MHKTeVQSJ9XkLRRcghImG4Qkvr5/Td/3Vn4rHYh5eHj+HnbFqKpkoCBEhiRR6PxuQKAx0BBpxmMTn/c8zQJ4EyJzTbYEHR5DgiRSKfrZCBAO8vAg6+DkQBPg5ETTwXYQ48FchmOCvRoiHT8UjWJAeONwGkkAUBDEJMJu4NMoUdBkUEaKbISkpOUuWhGREZWE/0hofOnUvm775fvnwybtZ1YY7Y+btQTl7A+H5+4Xu7rMmhk7cyaI23i0bPn0/u77pXocOrEhJWTHPtlfZ7Va5+3emtm2/ev7etYP7RVe7++al9FmRiib0XTl/v9sz2i/MNd8SSlnpNWHePndinz1OQf/Uete+dKRFV6/bFS6Zt8cZ2meFs3d+WjSRz85m8khLrLKtFSlw2crUgGx1mjhhVacHD9o8fNj28eP2jx6NY652GrFij3A0GBK2E2KvMTLUjo1dQno4msNyO/dZ4z5uoOjTV8x/2/aRV4YcjtPWdMy2jrrlnv9DiSGHt6SMDH/90jYxUSpHqZYJLXOVzDnFnZuplLOmX/rnr2sy5oonxZxDiHtcxjXr1+/Lln2/HLImY+mMfPOjrBVlmsOdk+msIr3Hnr/ev8a4i2fG2j9uDsoN+l+4tm+KR+z01i3ns4/JeW7LVoq1TaM592/d4tqB05vXrDF6lOhhYMzXlzB62MZd2nJR/ftvXqRYEuEwx+374hvl3bsSOjdiAh24Qv3uw7Kw4FSxQ29aP5Unyz5eQkj4XIubS/zmwhY/LNxK2/3bw3lF+vp8Xu7RTL0CEHvtLTKHqryibLIm39cUjvannN61Tnqynx9Grhqw70cvkRHsFUuvLTO/NXK7h6v89hBQADw97g6D5ZijyMeykXqJbd2arTGXqK+dWPJYEH4IAghQBrlMU2DRVbAtF5J4lb8vNfZIEJikmqARR1aQmOShKmYRj16CFYKBSXWwKEz9ywMkMwKJUPFAIWYCEEQ4DBohLoMkwk2qYr4EHZvvwCAiJFi0E8k3DJAPLfjpLaOouIA8AavgNYvXJ230N1KzIlvtqvwfc+E6TP3o7P1CjzmPU8qe5lo16BwcfILHobUBYg47VLVfa43bYdB+H9Sr4C6e4i2jqLgA8gSwCl7L1vXJ9fvfSM2KHDLjx/Qfc+HtAxM9Ywzql8fHmrEuE8ueZirq0IC+jQwO+EQptLQrANF/vx2q2rOm6IhbBrSSjuvpy/e56W0/VWYh3/yMMEnRDIfLY/nx2k94OrKnA/KxCX9eg6eNh+PRodnau/eBa+N7Qk9LC/e/1HRHEW4h+TnaVjrFWVl8cew/w0pqIqOn9eW8ZZ3Rni4uAAA=') format('woff2'),
-  url('iconfont.woff?t=1569546352126') format('woff'),
-  url('iconfont.ttf?t=1569546352126') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
-  url('iconfont.svg?t=1569546352126#iconfont') format('svg'); /* iOS 4.1- */
+  src: url('iconfont.eot?t=1570870899994'); /* IE9 */
+  src: url('iconfont.eot?t=1570870899994#iefix') format('embedded-opentype'), /* IE6-IE8 */
+  url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAVUAAsAAAAADBAAAAUEAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCELAqJGIcgATYCJAMwCxoABCAFhG0HgTsbNQoRFaSZkH1xwJv6gmNIQk1g8ltlso971mEXikzzP0cQrensPSQpkwKU8QWyZWFI1YgIV0Blqmt0hfkvGJGDPGvSVAtI7QFI1ta9YAQAooxJVvi6bJlrytZHmJvybZefHrjA5ZkN4df/jbk69ZD0T6+tl7uJKuKeeDSWiJJ4hCTi2TIhWgiRh23BdhULqzD7pQ8T6LFAGbJv6+wNVDlxVCDujtIjgBqKyDOkoekviQtziAcgaaYUwjqAe/vv4x80gwqSIgPxqGOaTTSYP4MXaij2vwPBaBxgzaVwu4wMm0BOfJCZJ0Dd5k2onk9nolsAQ/KGKBXyTOaZ8XOJ5/jzohdq//9X4JKOUcUZhZNRPwzhxE3lvS8/kMmVCr1C0tDU6uSfV4Lw9CHzpaWXCrR12a2IyKmkESWVDKKgMkb0UosjgloCkahxgll1ISKa1EWIFj9qy/UM6fApYAzEEUB8Mua5K0lm0LNiSENCl5+Tk0tYmDnJThRWX5SRmfMq6+CuKKlqT49tYEeEWL59KbUZiJ0WJra0NoSEtzJeZ+3fFiZW7OiwDe2JkSp3/f0hn5s7P5WXt5DXtxBva+Dx8StKayk5SaMX4a2p3NH5PGxQTEFaGx5Bp2W50gIh7oKkQamt+PXoZkyBTpXhvJdGPnpRaWO2JLUZ6x6dj7Wk8dFL+XjrGXqeESnkZcznBi0r4GGSFfEhJxQG7u97Hxz43Lnjd3h4Rbl8HRIs7+/TWTLCvMyFVzjPOo2NwawkNnoDi3kbn7boUceR6Bgk7aHP4bOg9yDvw8OzvlN3kA6tPbgs7Y6ZjzaIdzAfKkb1wewtm/+xcrBiuiq0s+zX53j/L5rimh7MHpIaErfwFEFNrJh29OXrYgFJBhhrJgsSHyBQXFbWKirWZnYrFtASgDcUpUQkmMxNFjxL+ery2NwR8ysTw5d5P/DsrRscGZ9tvfUM/g/VVI+JXZIYra6R2NmULtFWUx3bAYaqiovJ4erhZI71anVyeGjAZPUE8c8f4oTEJjEc/gCmx2oV6M4Ois4KTtDBK2AXdqYOC0+pdj6Y/ESd1LmTLUj2TNubSfGGDPf3GTXyJl8PNPOPlsk+k7oIU1OEE1lZJwiATWI4/J3nlDY3FaVp+oSk/v4kdBJ4lJDEivo06Vr6+3B7G4Du/VSj4rZyukRRC35mFRjhBxrXXIo+Q2kUli5zXP8h2Sg7r/uZJPTcOEgV3/s+jM34K5XpeFnzvTR0npW7GBGa66EpUdh6JlgLLsi/dhHty99zo0cK9Gk7jRoTemSB7r8w4l4XvvHCvQlN4z4kDfOQaVqk5sxNKPRqQ6lpC3pssLu816hzgIqcAViXABCGdEEy4AsyQzaoOfMuFCa8hdJQoNDjEuG6Ya9lfNDDK6MSXEAfgUxOVsXlwen7ha4FxUG7Lf9DrlQHUz9G2z4xITdxSt25WcSC5RzhAx6HIWQonLdopF9FymYYLPVGvcnx7MEroxJcgD4CMjlZs7o8xH7/C10LijOm/Jj+IVfaPpj0xgLUT08qNOVQBtedmwlrtMDeeucIPlgKg2zOoND7bdFIb63QWDYGtpQt6um798U9bj+8phGfzhwlumFatuN6Pn97vlXJHSi5PdKhqXRac3IvCY5Ho6UQbt4Hro1uHSa3tHz7S003LsctND2W0GpniE3Ap0jp06P+N8WYaH05r1W5hOP91nftBKucnQEAAAA=') format('woff2'),
+  url('iconfont.woff?t=1570870899994') format('woff'),
+  url('iconfont.ttf?t=1570870899994') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
+  url('iconfont.svg?t=1570870899994#iconfont') format('svg'); /* iOS 4.1- */
 }
 
 .iconfont {
@@ -55,3 +55,7 @@
   content: "\e82f";
 }
 
+.iconicon-test:before {
+  content: "\e63c";
+}
+

Public/static/icons_alibaba/iconfont.svg

@@ -50,6 +50,9 @@ Created by iconfont
     <glyph glyph-name="reply" unicode="&#59439;" d="M398.208 593.088V832L0 413.888l398.208-418.176V240.64c284.48 0 483.584-95.552 625.792-304.64-56.896 298.688-227.584 597.312-625.792 657.088z"  horiz-adv-x="1024" />
 
     
+    <glyph glyph-name="icon-test" unicode="&#58940;" d="M192 448c0 141.152 114.848 256 256 256s256-114.848 256-256-114.848-256-256-256-256 114.848-256 256z m710.624-409.376l-206.88 206.88A318.784 318.784 0 0 1 768 448c0 176.736-143.264 320-320 320S128 624.736 128 448s143.264-320 320-320a318.784 318.784 0 0 1 202.496 72.256l206.88-206.88 45.248 45.248z"  horiz-adv-x="1024" />
+
+    
 
 
   </font>