电话查号

css/index.css

@@ -455,6 +455,26 @@ article > .content .left {
   color: #333;
   margin-top: 1px;
   border-bottom: 1px solid #fff;
+  position: relative;
+}
+
+.right .r-list .ch-search{
+  cursor: pointer;
+}
+
+.right .r-list .r-icon {
+  float: left;
+  position: absolute;
+  top: 50%;
+  left: 0;
+  margin-top: -12px;
+  padding-left: 8px;
+  padding-right: 8px;
+}
+
+.right .r-list .r-icon-search {
+  float: left;
+  margin-left: 20px;
 }
 
 .right .r-list .r-item .r-item-title {

index.html

@@ -202,20 +202,19 @@
         <!-- 最新报修 -->
         <div class="right fl opcBg">
           <div class="title opcBg_title clearfix">
-            <!-- <div class="opcBg_item fl active"> -->
-            <div class="opcBg_item fl" style="width: 100%;padding-left: 16px;text-align: left;">
+            <div class="opcBg_item fl active">
               <i class="iconfont dsit-wodebaoxiu"></i> 最新报修
             </div>
-            <!-- <div class="opcBg_item fr">
+            <div class="opcBg_item fr">
               <i class="iconfont dsit-sousuo"></i> 电话查号
-            </div> -->
+            </div>
           </div>
           <div class="searchBox opcBg_searchBox">
             <input
               class="searchPro"
               id="searchPro1"
               type="text"
-              value="请输入关键字"
+              value="可简拼、名称搜索"
             />
             <span class="icon" id="searchProSubmit1">
               <i class="iconfont dsit-sousuo"></i>
@@ -548,25 +547,56 @@
     </li>
     {{/each}} {{/if}}
   </script>
-  <!-- 电话查号列表 -->
+  <!-- 电话查号结果列表 -->
   <script id="ch_list_temp" type="text/html">
     {{if list.length == 0}}
     <li class="noContent">
       <img src="./imgs/img_wubaoxiu.png" alt="" />
       <p>暂无数据</p>
     </li>
-    {{else}} {{each list}}
+    {{else}}
+    {{each list}}
     <li class="r-item hauto">
       <div class="r-item-title twoline"><span>{{$value.dept}}</span></div>
       <p class="r-item-content hauto">
-        单位名称：{{$value.parent?$value.parent.dept:''}}
+        单位名称：{{$value.unit.unit}}
       </p>
       <p class="r-item-content hauto">单位电话：{{$value.phone}}</p>
       <p class="r-item-content hauto">
-        办公地址：{{$value.place?$value.place.area.area+$value.place.place:''}}
+        办公地址：{{$value.address}}
       </p>
     </li>
-    {{/each}} {{/if}}
+    {{/each}}
+    {{/if}}
+  </script>
+  <!-- 电话查号列表 -->
+  <script id="ch_search_list_temp" type="text/html">
+    {{if list.length == 0}}
+    <li class="noContent">
+      <img src="./imgs/img_wubaoxiu.png" alt="" />
+      <p>暂无数据</p>
+    </li>
+    {{else}}
+    {{each list}}
+    <li class="r-item hauto clearfix ch-search">
+      <i class="iconfont dsit-sousuo r-icon"></i>
+      <div class="r-icon-search">
+        {{if $value.unit.id}}
+        <p class="r-item-content hauto">
+          单位：{{$value.unit.unit}}
+        </p>
+        <p class="r-item-content hauto">
+          部门：{{$value.dept}}
+        </p>
+        {{else}}
+        <p class="r-item-content hauto">
+          单位{{$value.unit}}
+        </p>
+        {{/if}}
+      </div>
+    </li>
+    {{/each}}
+    {{/if}}
   </script>
   <!-- 申请(1)详情 -->
   <script id="bx1_detail_temp" type="text/html">

js/index.js

@@ -633,6 +633,9 @@ $(function () {
   $("#bx_list").on(
     "scroll",
     debounce(function () {
+      if($.trim($('.opcBg_item.active').text()) === '电话查号'){
+        return;
+      }
       var itemLen = $(this).find(".r-item").length;
       var itemHeight = $(this).find(".r-item").outerHeight();
       var wrapHeight = $(this).outerHeight();
@@ -1052,6 +1055,76 @@ $(function () {
       },
     });
   }
+  //处理查号
+  function handlerCh(val,list){
+    //触发
+    $("#bx_list").getNiceScroll().resize();
+    $("#bx_list").show().next(".loading").hide();
+    // 回显
+    $("#searchPro1").val(val === "" ? "可简拼、名称搜索" : val);
+    //placeholder
+    $("#searchPro1")
+      .on("focus", function () {
+        if ($(this).val() == "可简拼、名称搜索") {
+          $(this).val("");
+        }
+      })
+      .on("blur", function () {
+        if ($(this).val() == "") {
+          $(this).val("可简拼、名称搜索");
+        }
+      });
+    //电话挂号搜索
+    $("#searchProSubmit1").on("click", search1);
+    $("#searchPro1").on("keyup", function (e) {
+      if (e.keyCode == 13) {
+        search1();
+      }
+    });
+    //点击单位或部门
+    $('.ch-search').click(function(e){
+      console.log(list.list);
+      console.log($(this).index());
+      var index = $(this).index();
+      var obj = list.list[index];
+      var data = {};
+      if(obj.unit.id){
+        //部门
+        data.list = [obj];
+        var html = template("ch_list_temp", data);
+        $("#bx_list").html(html);
+        //处理
+        handlerCh(val,data);
+      }else{
+        //单位
+        $.ajax({
+          type: "POST",
+          contentType: "application/json;charset=UTF-8",
+          url: baseUrl + "user/queryPhone",
+          data: JSON.stringify({
+            unitId: obj.id
+          }),
+          success: function (res) {
+            if (res.state == 200) {
+              data.list = res.data;
+              var html = template("ch_list_temp", data);
+              $("#bx_list").html(html);
+              //处理
+              handlerCh(val,data);
+            }
+          },
+          error: function (err) {
+            console.log(err);
+          },
+        });
+      }
+    })
+  }
+  function search1() {
+    bx_pageNum = 0;
+    isSearch1 = true;
+    getNewBxList(currentBxOrCh);
+  }
   //获取最新报修或查号列表,0是报修，1是查号
   function getNewBxList(type) {
     $("#bx_list").hide().next(".loading").show();
@@ -1069,18 +1142,22 @@ $(function () {
     } else if (type === 1) {
       $('.opcBg_searchBox').show();
       var val =
-        $.trim($("#searchPro1").val()) == "请输入关键字"
+        $.trim($("#searchPro1").val()) == "可简拼、名称搜索"
           ? ""
           : $.trim($("#searchPro1").val());
-      postData = {
-        idx: bx_pageNum,
-        sum: 10,
-        department: {
-          selectType: "pinyin_qs",
-          dept: val,
-        },
-      };
-      url = "user/data/fetchDataList/department";
+      postData = {};
+      if(val){
+        postData.keyword = val;
+      }
+      url = "user/queryPhone";
+      //没有搜索内容的时候，返回空数组
+      if($("#searchPro1").val() === '可简拼、名称搜索'){
+        var html = template("ch_search_list_temp", {list:[]});
+        $("#bx_list").html(html);
+        //处理
+        handlerCh(val,{list:[]});
+        return;
+      }
     }
     $.ajax({
       type: "POST",
@@ -1463,45 +1540,17 @@ $(function () {
             $("#bx_list").show().next(".loading").hide();
           }
         } else if (type === 1) {
-          if (res.status == 200) {
+          if (res.state == 200) {
             //搜索挂号
             if (isSearch1) {
               ch_arr.list = [];
             }
             //添加分页数据，汇总
-            ch_arr.list = ch_arr.list.concat(res.list);
-            var html = template("ch_list_temp", ch_arr);
+            // ch_arr.list = ch_arr.list.concat(res.data);
+            ch_arr.list = res.data;
+            var html = template("ch_search_list_temp", ch_arr);
             $("#bx_list").html(html);
-            //触发
-            $("#bx_list").getNiceScroll().resize();
-            $("#bx_list").show().next(".loading").hide();
-            // 回显
-            $("#searchPro1").val(val === "" ? "请输入关键字" : val);
-            //placeholder
-            $("#searchPro1")
-              .on("focus", function () {
-                if ($(this).val() == "请输入关键字") {
-                  $(this).val("");
-                }
-              })
-              .on("blur", function () {
-                if ($(this).val() == "") {
-                  $(this).val("请输入关键字");
-                }
-              });
-            //电话挂号搜索
-            $("#searchProSubmit1").on("click", search1);
-            $("#searchPro1").on("keyup", function (e) {
-              if (e.keyCode == 13) {
-                search1();
-              }
-            });
-
-            function search1() {
-              bx_pageNum = 0;
-              isSearch1 = true;
-              getNewBxList(currentBxOrCh);
-            }
+            handlerCh(val,ch_arr);
           }
         }
       },