增加校区字段

src/components/EventInformation/index.vue

@@ -109,6 +109,12 @@
         <span class="fr">{{ model.incident.overdueTime }}</span>
       </p>
       <p>
+        <span class="fl">校区</span>
+        <span class="fr">{{
+          model.incident.branch ? model.incident.branch.hosName : "--"
+        }}</span>
+      </p>
+      <p>
         <span class="fl">区域</span>
         <span class="fr">{{
           model.incident.place ? model.incident.place.area.area : "--"

src/components/form/form-item.vue

@@ -299,6 +299,7 @@
     align-items: center
     word-wrap: break-word
     word-break: break-word
+    flex-shrink: 0
   .cube-form-item_required
     .cube-form-label
       &::before

src/views/incidentList.vue

@@ -79,7 +79,7 @@
                   <span
                     v-if="item.place"
                     style="width:70%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;"
-                    >{{ item.place.area.area }} {{ item.place.place }}
+                    >{{ item.branch?item.branch.hosName:'' }} {{ item.place.area.area }} {{ item.place.place }}
                     {{ item.houseNumber }}</span
                   >
                   <span>{{ item.acceptDate | timeFormat("MM-dd HH:mm") }}</span>

src/views/indes.vue

@@ -185,7 +185,7 @@
               <span
                 v-if="item.place"
                 style="width:70%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;"
-                >{{ item.place.area.area }} {{ item.place.place }}
+                >{{ item.branch?item.branch.hosName:'' }} {{ item.place.area.area }} {{ item.place.place }}
                 {{ item.houseNumber }}</span
               >
               <span>{{ item.acceptDate | timeFormat("MM-dd HH:mm") }}</span>

src/views/newIncident.vue

@@ -52,7 +52,7 @@
         <cube-form-item :field="fields[1]"></cube-form-item>
         <cube-form-item :field="fields[2]" class="btn_plcaeholde">
           <cube-button @click="showPlacePicker()">{{
-            selectedPlaceTxt ? selectedPlaceTxt : "请选择区域地点"
+            selectedPlaceTxt ? selectedPlaceTxt : "请选择校区区域地点"
           }}</cube-button>
         </cube-form-item>
         <cube-form-item :field="fields[23]" v-if="ifRoom == 1"></cube-form-item>
@@ -215,10 +215,10 @@ const solution = {
       selected: [],
       selectData: [],
       initVal: JSON.parse(localStorage.getItem("solution")) || [0, 0, 0],
-      allPlace: {}, //存放请求到的所有区域地点
-      sleectHouseNumber: {}, //区域地点
+      allPlace: {}, //存放请求到的所有校区区域地点
+      sleectHouseNumber: {}, //校区区域地点
       initSjList: [], //原始事件列表
-      initAreaList: [], //原始区域列表
+      // initAreaList: [], //原始区域列表
     };
   },
   render(createElement) {
@@ -348,9 +348,9 @@ export default {
       timer: null,
       incidentTitle: "", //事件主题
       referenceInfo: {}, //引用信息
-      placeSelectData: [], //区域地点下拉框选项
+      placeSelectData: [], //校区区域地点下拉框选项
       inpLocalVal: "", //故障地点输入框
-      faultLocationList: [], //区域地点拼接下拉框选项
+      faultLocationList: [], //校区区域地点拼接下拉框选项
       deptInpVal: "", //报修科室输入框
       deptList: [], //报修科室下拉选项
       deptRes: "", //下拉框科室信息
@@ -380,7 +380,7 @@ export default {
         room: "" //房间号
       },
       selectedCategoryTxt: "", //事件分类选中展示
-      selectedPlaceTxt: "", //区域地点选中展示
+      selectedPlaceTxt: "", //校区区域地点选中展示
       // showPrompting:false,
       promptingConent: "",
       promptingStatus: "",
@@ -431,12 +431,12 @@ export default {
         {
           component: "button",
           modelKey: "placeValue",
-          label: "区域地点:",
+          label: "校区区域地点:",
           rules: {
             required: false
           },
           messages: {
-            required: "请选择区域地点"
+            required: "请选择校区区域地点"
           }
         },
         {
@@ -975,15 +975,20 @@ export default {
         }
       });
       solutionType = a2;
-      if (that.model.placeValue.length == 2) {
-        that.model.areaId =
-          that.model.placeValue[that.model.placeValue.length - 2];
-        that.model.placeId =
-          that.model.placeValue[that.model.placeValue.length - 1];
-      } else if (that.model.placeValue.length == 1) {
-        that.model.areaId =
-          that.model.placeValue[that.model.placeValue.length - 1];
-        that.model.placeId = "";
+      // if (that.model.placeValue.length == 2) {
+      //   that.model.areaId =
+      //     that.model.placeValue[that.model.placeValue.length - 2];
+      //   that.model.placeId =
+      //     that.model.placeValue[that.model.placeValue.length - 1];
+      // } else if (that.model.placeValue.length == 1) {
+      //   that.model.areaId =
+      //     that.model.placeValue[that.model.placeValue.length - 1];
+      //   that.model.placeId = "";
+      // }
+      if (that.model.placeValue.length === 3){
+          that.model.branchId = that.model.placeValue[0];
+          that.model.areaId = that.model.placeValue[1];
+          that.model.placeId = that.model.placeValue[2];
       }
 
       // that.modelData.incident.houseNumber = that.model.address[0];
@@ -998,8 +1003,9 @@ export default {
       if (that.wxIncidentWithCmdb == 1) {
         that.modelData.incident.assetId = that.model.assetId;
       }
-      that.modelData.incident.area = { id: that.model.areaId };
-      that.modelData.incident.place = { id: that.model.placeId };
+      that.modelData.incident.branch = that.model.branchId?{ id: that.model.branchId }:undefined;
+      that.modelData.incident.area = that.model.areaId?{ id: that.model.areaId }:undefined;
+      that.modelData.incident.place = that.model.placeId?{ id: that.model.placeId }:undefined;
       that.modelData.incident.category = {
         id: category[category.length - 1]
       };
@@ -1184,6 +1190,7 @@ export default {
         "2020年4月25日14:09:29"
       );
       console.log(that.modelData.incident.category.id, this.initSjList, "事件");
+      // debugger;//测试
       if (
         this.order == 1 &&
         (this.integralMechanism == 1 ||
@@ -1433,7 +1440,7 @@ export default {
       // ----------------------回显其他数据---------------------
       console.log(selectedVal, "seimin");
       let reverseArr = selectedVal.filter(Boolean).reverse(); //数组翻转，取第一项不为空的
-      let sjId = reverseArr[0]; //事件Id baba
+      let sjId = reverseArr[0]; //事件Id
       let sj = this.initSjList.filter(v => v.id == sjId)[0];
       console.log(sj);
       this.model.priority = sj.priority?sj.priority.id:null;
@@ -1455,37 +1462,26 @@ export default {
           this.model.candidateGroups = "";
         }
       } else if (sj.branchType == 1) {
-        // 分院区
-        // liaomingming
-        let areaId = this.model.placeValue[0]; //区域id
-        console.log(this.initAreaList);
-        if (areaId) {
-          // 选择了区域
-          let areaObj = this.initAreaList.find(v => v.id == areaId);
-          if (areaObj) {
-            let branchId = areaObj.branch;
-            let branchUserGroup =
-              sj.branchUserGroups.find(v => v.branchId == branchId) || {};
-            if (branchUserGroup.branchUserOrGroupType == 1) {
-              //派人
-              this.order = 2;
-              this.model.handleUserOrGroup = true;
-              this.model.handlerUser = branchUserGroup.userId
-                ? branchUserGroup.userId
-                : undefined;
-            } else if (branchUserGroup.branchUserOrGroupType === 2) {
-              //派组
-              this.order = 2;
-              this.model.handleUserOrGroup = false;
-              this.model.candidateGroups = branchUserGroup.groupId
-                ? branchUserGroup.groupId
-                : undefined;
-            } else {
-              this.order = 1;
-              this.model.handleUserOrGroup = false;
-              this.model.handlerUser = "";
-              this.model.candidateGroups = "";
-            }
+        // 分校区
+        let branchId = this.model.placeValue[0]; //校区id
+        if (branchId) {
+          // 选择了校区
+          let branchUserGroup =
+            sj.branchUserGroups.find(v => v.branchId == branchId) || {};
+          if (branchUserGroup.branchUserOrGroupType == 1) {
+            //派人
+            this.order = 2;
+            this.model.handleUserOrGroup = true;
+            this.model.handlerUser = branchUserGroup.userId
+              ? branchUserGroup.userId
+              : undefined;
+          } else if (branchUserGroup.branchUserOrGroupType === 2) {
+            //派组
+            this.order = 2;
+            this.model.handleUserOrGroup = false;
+            this.model.candidateGroups = branchUserGroup.groupId
+              ? branchUserGroup.groupId
+              : undefined;
           } else {
             this.order = 1;
             this.model.handleUserOrGroup = false;
@@ -1588,13 +1584,13 @@ export default {
           });
         });
     },
-    // 区域地点
+    // 校区区域地点
     showPlacePicker() {
       this.placePicker.show();
     },
     selectPlaceHandler(selectedVal, selectedIndex, selectedTxt) {
       console.log(selectedVal, selectedIndex, selectedTxt);
-      console.log(selectedVal[0], "区域");
+      console.log(selectedVal[0], "校区");
       console.log(this.initSjList, "事件分类列表");
       console.log(this.model.category.slice(-1)[0], "事件分类");
       if (this.ifRoom == 1) {
@@ -1606,14 +1602,12 @@ export default {
       // --------------------start---------------------
       let categoryId = this.model.category.slice(-1)[0];
       if (categoryId) {
-        // 选择了事件分类 liaomingming
+        // 选择了事件分类
         let categoryObj = this.initSjList.find(v => v.id == categoryId);
         if (categoryObj) {
           if (categoryObj.branchType == 1) {
             // 分院区开关打开的情况下
-            let areaId = this.model.placeValue[0]; //区域id
-            let areaObj = this.initAreaList.find(v => v.id == areaId);
-            let branchId = areaObj.branch;
+            let branchId = this.model.placeValue[0];
             let branchUserGroup =
               categoryObj.branchUserGroups.find(v => v.branchId == branchId) ||
               {};
@@ -1706,51 +1700,51 @@ export default {
       // };
       // localStorage.setItem("place", JSON.stringify(place));
     },
-    getBranchData() {
-      this.$http
-        .post("service/user/data/fetchDataList/branch", {
-          idx: 0,
-          sum: 1000,
-        })
-        .then(res => {
-          let data = res.data.list;
-          for (let i = 0; i < data.length; i++) {
-            this.placeSelectData.push({
-              text: data[i].hosName,
-              value: data[i].id,
-              children: []
-            });
-          }
-          console.log(this.placeSelectData,'校区');
-          this.getAreaData();
-        });
-    },
-    getAreaData() {
-      this.$http
-        .post("service/user/data/fetchDataList/area", {
-          idx: 0,
-          sum: 1000,
-          area: {
-            wechatArea: true
-          }
-        })
-        .then(res => {
-          this.initAreaList = JSON.parse(JSON.stringify(res.data.list));
-          let data = res.data.list;
-          for (let i = 0; i < data.length; i++) {
-            for (let j = 0; j < this.placeSelectData.length; j++) {
-              if (data[i].branch == this.placeSelectData[j].value) {
-                this.placeSelectData[j].children.push({
-                  text: data[i].area,
-                  value: data[i].id
-                });
-              }
-            }
-          }
-          console.log(this.placeSelectData,'区域');
-          this.getPlaceData();
-        });
-    },
+    // getBranchData() {
+    //   this.$http
+    //     .post("service/user/data/fetchDataList/branch", {
+    //       idx: 0,
+    //       sum: 1000,
+    //     })
+    //     .then(res => {
+    //       let data = res.data.list;
+    //       for (let i = 0; i < data.length; i++) {
+    //         this.placeSelectData.push({
+    //           text: data[i].hosName,
+    //           value: data[i].id,
+    //           children: []
+    //         });
+    //       }
+    //       console.log(this.placeSelectData,'校区');
+    //       this.getAreaData();
+    //     });
+    // },
+    // getAreaData() {
+    //   this.$http
+    //     .post("service/user/data/fetchDataList/area", {
+    //       idx: 0,
+    //       sum: 1000,
+    //       area: {
+    //         wechatArea: true
+    //       }
+    //     })
+    //     .then(res => {
+    //       this.initAreaList = JSON.parse(JSON.stringify(res.data.list));
+    //       let data = res.data.list;
+    //       for (let i = 0; i < data.length; i++) {
+    //         for (let j = 0; j < this.placeSelectData.length; j++) {
+    //           if (data[i].branch == this.placeSelectData[j].value) {
+    //             this.placeSelectData[j].children.push({
+    //               text: data[i].area,
+    //               value: data[i].id
+    //             });
+    //           }
+    //         }
+    //       }
+    //       console.log(this.placeSelectData,'区域');
+    //       this.getPlaceData();
+    //     });
+    // },
     getPlaceData() {
       this.$http
         .post("service/user/data/fetchDataList/place", {
@@ -1772,14 +1766,6 @@ export default {
           //     }
           //   }
           // }
-          // const collectionArea = {};
-          // data.forEach((v) => {
-          //   if(collectionArea[v.area.id]){
-          //     collectionArea[v.area.id].push(v);
-          //   }else{
-          //     collectionArea[v.area.id] = [v];
-          //   }
-          // })
           console.log(data, 'data');
           this.placeSelectData = [];
           const collectionBranch = {};
@@ -1792,16 +1778,30 @@ export default {
             }
           })
 
-          // this.placeSelectData.forEach(v => {
-          //   v.children = collectionBranch[v.value];
-          // })
+          this.placeSelectData.forEach(v => {
+            let areaByPlace = collectionBranch[v.value];
+            let areaCollection = {};
+            let areaArr = [];
+            areaByPlace.forEach(vv => {
+              if(areaCollection[vv.area.id]){
+                areaCollection[vv.area.id].push({text:vv.place, value: vv.id});
+              }else{
+                areaArr.push({text:vv.area.area, value: vv.area.id, children: []})
+                areaCollection[vv.area.id] = [{text:vv.place, value: vv.id}];
+              }
+            })
+            areaArr.forEach(vv => {
+              vv.children = areaCollection[vv.value];
+            })
+            v.children = areaArr;
+          })
 
           console.log(collectionBranch,'collectionBranch集合');
           console.log(this.placeSelectData,'地点');
           this.placePicker = this.$createCascadePicker({
-            title: "区域地点选择",
+            title: "校区区域地点选择",
             data: this.placeSelectData,
-            selectedIndex: [0, 0],
+            selectedIndex: [0, 0, 0],
             onSelect: this.selectPlaceHandler
           });
         });
@@ -1836,7 +1836,7 @@ export default {
           console.log(that.faultLocationList);
 
           that.placePicker = that.$createCascadePicker({
-            title: "区域地点选择",
+            title: "校区区域地点选择",
             data: that.faultLocationList,
             // selectedIndex: localStorage.getItem("place")
             //   ? JSON.parse(localStorage.getItem("place")).index
@@ -1953,7 +1953,7 @@ export default {
   }
 };
 </script>
-<style>
+<style scoped>
 .newIncident .cube-form-group {
   border-bottom: 0.02rem solid rgb(245, 245, 245);
 }
@@ -1967,11 +1967,9 @@ export default {
   color: inherit;
   background: none;
   border: none;
+  white-space: normal;
 }
 
-.btn_local {
-  /* z-index: 101; */
-}
 .inp_local {
   outline: none;
   width: 100%;