增加校区

index.html

@@ -239,14 +239,15 @@
       </div>
     </div>
     {{else}}
-    <!-- 区域地点 -->
+    <!-- 校区区域地点 -->
     <div class="formItem">
-      <div class="label"><span class="required">*</span>区域地点：</div>
+      <div class="label"><span class="required">*</span>校区区域地点：</div>
       <div>
         <div class="areaplace">
           <div class="areaBox clearfix">
-            <select class="fl" id="area_list" style="font-size: 12px"></select>
-            <select class="fr" id="place_list" style="font-size: 12px"></select>
+            <select class="fl" id="branch_list" style="font-size: 12px;width: 115px;margin-right: 8px;"></select>
+            <select class="fl" id="area_list" style="font-size: 12px;width: 115px;margin-right: 8px;"></select>
+            <select class="fr" id="place_list" style="font-size: 12px;width: 115px;"></select>
           </div>
         </div>
       </div>
@@ -417,6 +418,12 @@
       </div>
     </div>
   </script>
+  <!-- 校区 -->
+  <script id="branch_list_temp" type="text/html">
+    {{each list}}
+    <option value="{{$value.id}}">{{$value.hosName}}</option>
+    {{/each}}
+  </script>
   <!-- 区域 -->
   <script id="area_list_temp" type="text/html">
     {{each list}}
@@ -700,10 +707,9 @@
           </li>
           <li class="pop1-hd__itemList">
             <strong>报修地址：</strong>
-            <span
-              >{{incident.place ? incident.place.area.area +
-              incident.place.place : ''}}{{address}}</span
-            >
+            <span>
+              {{branch?branch.hosName:''}} {{place ? place.area.area + ' ' + place.place : ''}} {{address}}
+            </span>
           </li>
           {{if wxIncidentWithCmdb == 1}}
           <li class="pop1-hd__itemList">
@@ -812,10 +818,9 @@
           </li>
           <li class="pop1-hd__itemList">
             <strong>报修地址：</strong>
-            <span
-              >{{incident.place ? incident.place.area.area +
-              incident.place.place : ''}}{{address}}</span
-            >
+            <span>
+              {{branch?branch.hosName:''}} {{place ? place.area.area + ' ' + place.place : ''}} {{address}}
+            </span>
           </li>
           {{if wxIncidentWithCmdb == 1}}
           <li class="pop1-hd__itemList">
@@ -930,10 +935,9 @@
           </li>
           <li class="pop1-hd__itemList">
             <strong>报修地址：</strong>
-            <span
-              >{{incident.place ? incident.place.area.area +
-              incident.place.place : ''}}{{address}}</span
-            >
+            <span>
+              {{branch?branch.hosName:''}} {{place ? place.area.area + ' ' + place.place : ''}} {{address}}
+            </span>
           </li>
           {{if wxIncidentWithCmdb == 1}}
           <li class="pop1-hd__itemList">
@@ -1054,10 +1058,9 @@
           </li>
           <li class="pop1-hd__itemList">
             <strong>报修地址：</strong>
-            <span
-              >{{incident.place ? incident.place.area.area +
-              incident.place.place : ''}}{{address}}</span
-            >
+            <span>
+              {{branch?branch.hosName:''}} {{place ? place.area.area + ' ' + place.place : ''}} {{address}}
+            </span>
           </li>
           {{if wxIncidentWithCmdb == 1}}
           <li class="pop1-hd__itemList">
@@ -1184,10 +1187,9 @@
           </li>
           <li class="pop1-hd__itemList">
             <strong>报修地址：</strong>
-            <span
-              >{{incident.place ? incident.place.area.area +
-              incident.place.place : ''}}{{address}}</span
-            >
+            <span>
+              {{branch?branch.hosName:''}} {{place ? place.area.area + ' ' + place.place : ''}} {{address}}
+            </span>
           </li>
           {{if wxIncidentWithCmdb == 1}}
           <li class="pop1-hd__itemList">
@@ -1312,10 +1314,9 @@
           </li>
           <li class="pop1-hd__itemList">
             <strong>报修地址：</strong>
-            <span
-              >{{incident.place ? incident.place.area.area +
-              incident.place.place : ''}}{{address}}</span
-            >
+            <span>
+              {{branch?branch.hosName:''}} {{place ? place.area.area + ' ' + place.place : ''}} {{address}}
+            </span>
           </li>
           {{if wxIncidentWithCmdb == 1}}
           <li class="pop1-hd__itemList">
@@ -1440,10 +1441,9 @@
           </li>
           <li class="pop1-hd__itemList">
             <strong>报修地址：</strong>
-            <span
-              >{{incident.place ? incident.place.area.area +
-              incident.place.place : ''}}{{address}}</span
-            >
+            <span>
+              {{branch?branch.hosName:''}} {{place ? place.area.area + ' ' + place.place : ''}} {{address}}
+            </span>
           </li>
           {{if wxIncidentWithCmdb == 1}}
           <li class="pop1-hd__itemList">
@@ -1642,10 +1642,9 @@
           </li>
           <li class="pop1-hd__itemList">
             <strong>报修地址：</strong>
-            <span
-              >{{incident.place ? incident.place.area.area +
-              incident.place.place : ''}}{{address}}</span
-            >
+            <span>
+              {{branch?branch.hosName:''}} {{place ? place.area.area + ' ' + place.place : ''}} {{address}}
+            </span>
           </li>
           {{if wxIncidentWithCmdb == 1}}
           <li class="pop1-hd__itemList">

js/index.js

@@ -19,6 +19,7 @@ $(function () {
   );
   $("#areaPlaceRoom").html(template("areaPlaceRoom_temp", { ifRoom: ifRoom }));
   // repairMain.valueconfig = '2';
+  var areaList = []; //获取到的区域列表
   var placeList = []; //获取到的地点列表
   var roomList = []; //获取到的房间号列表
   var wxId = ""; //微信报修ID
@@ -86,6 +87,8 @@ $(function () {
     sum: 10,
     solution: { title: "", status: { id: 72 }, solutionRange: 1 },
   });
+  // 获取校区列表
+  getBranchList({ idx: 0, sum: 1000 });
   // 获取区域列表
   getAreaList({ idx: 0, sum: 1000, area: { wechatArea: true } });
   // 获取地点列表
@@ -489,7 +492,34 @@ $(function () {
       solution: { title: val, status: { id: 72 } },
     });
   }
-
+  //选择框联动-选校区
+  $("#branch_list").on("change", function () {
+    //获取id
+    var id = $(this).val();
+    // 过滤数据
+    var resFilter = { list: [] };
+    for (var i = 0; i < areaList.length; i++) {
+      if (areaList[i]["branch"] == id) {
+        resFilter.list.push(areaList[i]);
+      }
+    }
+    //填充数据
+    var html = template("area_list_temp", resFilter);
+    $("#area_list").html(html);
+    // 过滤数据
+    var resFilter1 = { list: [] };
+    for (var i = 0; i < placeList.length; i++) {
+      if (placeList[i]["area"]["id"] == resFilter.list[0].id) {
+        resFilter1.list.push(placeList[i]);
+      }
+    }
+    //填充数据
+    var html = template("place_list_temp", resFilter1);
+    $("#place_list").html(html);
+    if (resFilter1.list.length) {
+      $("#bx_address").val(resFilter1.list[0].place);
+    }
+  });
   //选择框联动-选区域
   $("#area_list").on("change", function () {
     //获取id
@@ -577,6 +607,13 @@ $(function () {
         $("#bx_name").val("");
       }
     }
+    if ($("#branch_list").val() < 1) {
+      alert("校区不能为空");
+      //按钮禁止取消
+      $(this).removeProp("disabled");
+      $(this).removeClass("f-submit--disable");
+      return;
+    }
     if ($("#area_list").val() < 1) {
       alert("区域不能为空");
       //按钮禁止取消
@@ -625,6 +662,7 @@ $(function () {
     var data = { verification: "true" };
     data.incident = {
       address: $.trim($("#bx_address").val()),
+      branch: {id: $.trim($("#branch_list").val())},
       areaId: $.trim($("#area_list").val()),
       bxcode: wxId,
       contacts: $.trim($("#bx_name").val()),
@@ -1030,6 +1068,25 @@ $(function () {
       },
     });
   }
+  //获取校区列表
+  function getBranchList(data) {
+    $.ajax({
+      type: "POST",
+      contentType: "application/json;charset=UTF-8",
+      url: baseUrl + "user/data/fetchDataList/branch",
+      data: JSON.stringify(data),
+      success: function (res) {
+        if (res.status == 200) {
+          var html = template("branch_list_temp", res);
+          $("#branch_list").html(html);
+          $("#branch_list").val(loginUser.branch.id);
+        }
+      },
+      error: function (err) {
+        console.log(err);
+      },
+    });
+  }
   //获取区域列表
   function getAreaList(data) {
     $.ajax({
@@ -1039,6 +1096,10 @@ $(function () {
       data: JSON.stringify(data),
       success: function (res) {
         if (res.status == 200) {
+          areaList = JSON.parse(JSON.stringify(res.list));
+          res.list = res.list.filter((v) => {
+            return v.branch == loginUser.branch.id;
+          });
           var html = template("area_list_temp", res);
           $("#area_list").html(html);
           $("#area_list").val(loginUser.place.area.id);