centaline-data-driven 1.3.38 → 1.3.41

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "centaline-data-driven",
-  "version": "1.3.38",
+  "version": "1.3.41",
   "description": "ccai",
   "author": "hjc <3226136347@qq.com>",
   "private": false,

package/src/Form.vue

@@ -14,7 +14,11 @@
     data() {
       return {
         apiParam:{
-          originalTraId: "1552573734835798018", actionType: 3, pageStyle: 2, pageTitle: "成交报告", pageOnly: true
+          actionType: 3,
+originalTraId: "1554357607799558146",
+pageOnly: true,
+pageStyle: 2,
+pageTitle: "成交报告",
         },
         topHeight:10,
       }

package/src/SearchList.vue

@@ -8,8 +8,8 @@
     :searchCategoryApi="'/ProfileWorklistList/getLayoutOfSearchCategory'"
     :searchDataApi="'/ProfileWorklistList/getListOfSearchModel'" :apiParam="para"></ct-searchlist> -->
 
-    <ct-searchlist :searchConditionApi="'/PropertyContactImportList/getLayoutOfSearch'" 
-      :searchDataApi="'/PropertyContactImportList/getListOfSearchModel'">
+    <ct-searchlist :searchConditionApi="'/api/third-dept-tran/tran-list/layout'" 
+      :searchDataApi="'/api/third-dept-tran/tran-list'">
     </ct-searchlist>
 
     <!-- <ct-searchlist :searchConditionApi="'/PropertyRETList/getLayoutOfSearch'"

package/src/centaline/dynamicComboBoxWithTextBox/src/dynamicComboBoxWithTextBox.vue

@@ -92,8 +92,10 @@
       }
       this.$watch('model.value', (n, o) => {
         if (typeof this.model.child !== 'undefined') {
-          this.model.child.value = this.model.child.defaultValue || '';
-          this.model.child.text = this.model.child.defaultText || '';
+          for (var item of this.model.child) {
+            item.value = item.defaultValue || '';
+            item.text = item.defaultText || '';
+          }
         }
       });
     },
@@ -111,13 +113,11 @@
 
         }
       },
-      maxlength4()
-      {
-         if(this.model.max4)
-         {
-           return parseInt(this.model.max4)
-         }
-         return 99999
+      maxlength4() {
+        if (this.model.max4) {
+          return parseInt(this.model.max4)
+        }
+        return 99999
 
       }
     },
@@ -136,8 +136,10 @@
       soChange: function () {
         var self = this;
         if (typeof this.model.child !== 'undefined') {
-          this.model.child.value = this.model.child.defaultValue || '';
-          this.model.child.text = this.model.child.defaultText || '';
+          for (var item of this.model.child) {
+            item.value = item.defaultValue || '';
+            item.text = item.defaultText || '';
+          }
         }
         this.inputHandler(self.model.value);
         this.changeHandler(self.model.value);
@@ -243,7 +245,7 @@
       position: relative;
     }
 
-  .ct-combobox-with-textbox .el-input.is-focus .el-input__inner {
-    border: 1px solid #409EFF !important;
-  }
+    .ct-combobox-with-textbox .el-input.is-focus .el-input__inner {
+      border: 1px solid #409EFF !important;
+    }
 </style>

package/src/centaline/dynamicContact/src/dynamicContact.vue

@@ -132,8 +132,10 @@ export default {
     soChange: function () {
       var self = this;
       if (typeof this.model.child !== 'undefined') {
-        this.model.child.value = this.model.child.defaultValue || '';
-        this.model.child.text = this.model.child.defaultText || '';
+        for (var item of this.model.child) {
+          item.value = item.defaultValue || '';
+          item.text = item.defaultText || '';
+        }
       }
       var currentOption = this.model.options.find((value) => {
         return self.model.value === value[self.model.optionAttrs.value];

package/src/centaline/dynamicDetail/src/dynamicContactList.vue

@@ -9,7 +9,7 @@
           <div class="contacts-tips" v-else>
               <component class="el-button el-button--primary el-button--mini max-btn-add" 
               v-if="model && model.buttons!==null && model.buttons.length>0" 
-              v-for="(col, index) in model.buttons" :key="index"
+              v-for="(col, index) in model.buttons.filter((v, i) => {return v.show==true})" :key="col.key"
               :is="col.is" :vmodel="col" 
               @click="fieldClickHandler(col,$event)"></component>
           </div>

package/src/centaline/dynamicDetail/src/dynamicPropertyDetailOFI.vue

@@ -212,16 +212,56 @@
           </div>
           <div class="tablist-info base-box">
             <div class="details-tabs-box">
-              <el-tabs :value="model.activeIndex1" @tab-click="handleSelect">
-                <el-tab-pane v-for="(col, index) in model.tags1" :key="col.appID" :index="index.toString()" :name="index.toString()">
-                  <div slot="label" v-html="col.appName"></div>
-                </el-tab-pane>
-              </el-tabs>
-              <ct-searchlist v-if="model.searchConditionApiTags1" :key="'list' + listKey.toString() + refershKey" style="min-height: 420px;"
-                :apiParam="model.paramDataTags1" :flagFocus="false" :searchConditionApi="model.searchConditionApiTags1" :searchDataApi="model.searchDataApiTags1">
-              </ct-searchlist>
+              <!--计算占用宽度-->
+              <div style="position: relative">
+                <div ref="tabsbox" style="position: absolute; left: -10000px">
+                  <el-tabs>
+                    <el-tab-pane v-for="(col, index) in model.tags1" :key="col.appID" :index="index.toString()" :name="index.toString()">
+                      <div slot="label" v-html="col.appName" :ref="'StatisticsItem' + index"></div>
+                    </el-tab-pane>
+                  </el-tabs>
+                </div>
+              </div>
+              <!--展示-->
+              <div>
+                <div v-if="showData.length === 1">
+                  <el-tabs :value="model.activeIndex1" @tab-click="handleSelect">
+                    <el-tab-pane v-for="(col, index) in showData[0]" :key="col.appID" :index="index.toString()" :name="index.toString()">
+                      <div slot="label" v-html="col.appName"></div>
+                    </el-tab-pane>
+                  </el-tabs>
+                </div>
+                <div v-if="showData.length > 1" style="position: relative">
+                  <el-tabs :value="model.activeIndex1" @tab-click="handleSelect">
+                    <el-tab-pane v-for="(col, index) in showData[0]" :key="col.appID" :index="index.toString()" :name="index.toString()">
+                      <div slot="label" v-html="col.appName"></div>
+                    </el-tab-pane>
+                  </el-tabs>
+                  <div class="more-dropdown">
+                    <el-dropdown trigger="click" placement="bottom">
+                      <span class="el-dropdown-link svgIcon">
+                        <!-- <div class="my-icon-more"></div> -->
+                        <img :src="iconSort" alt="" width="100%" />
+                      </span>
+                      <el-dropdown-menu slot="dropdown" class="tabsMore">
+                        <el-dropdown-item v-for="(col, index) in showData[1]" :key="col.appID" :index="index.toString()"
+                          :name="index.toString()" :class="{ 'is-active': showData[0].length + index == model.activeIndex1,}">
+                          <div @click="handleDropDown(col, index)" :value="model.activeIndex1">
+                            <div slot="label" v-html="col.appName"></div>
+                          </div>
+                        </el-dropdown-item>
+                      </el-dropdown-menu>
+                    </el-dropdown>
+                  </div>
+                </div>
+                <ct-searchlist v-if="model.searchConditionApiTags1" :key="'list' + listKey.toString() + refershKey"
+                  style="min-height: 420px" :apiParam="model.paramDataTags1" :flagFocus="false"
+                  :searchConditionApi="model.searchConditionApiTags1" :searchDataApi="model.searchDataApiTags1">
+                </ct-searchlist>
+              </div>
             </div>
-          </div>
+</div>
+
           <div class="contribute-info base-box" v-if="model._commissionList !== null">
             <div class="title-l">贡献人信息</div>
             <div class="contribute-list">
@@ -523,6 +563,10 @@ export default {
       listKey: 0,
       flagDisabledPrev:false,
       flagDisabledNext:false,
+	    showData: [],
+      FlagStatistics: false,
+      dropDownSelected: false,
+      iconSort: require("../../../assets/sort.png"),
     };
   },
   mounted() {
@@ -558,6 +602,44 @@ export default {
     });
   },
   methods: {
+  showStats() {
+      var self = this;
+      this.$nextTick(function () {
+        if (self.model.tags1.length > 0) {
+          var showIndex = 0;
+          var sumWidth = 0;
+          for (var i = 0; i < self.model.tags1.length; i++) {
+            var moreWidth = 22;
+
+            sumWidth = sumWidth +  self.$refs["StatisticsItem" + i][0].offsetParent.offsetWidth;
+            var nextWidth = 0;
+            if (i + 1 < self.model.tags1.length) {
+              try {
+                nextWidth =  self.$refs["StatisticsItem" + (i + 1)][0].offsetParent.offsetWidth;
+              } catch (e) { }
+            } else {
+              moreWidth = 0;
+            }
+            if (self.model.midlWidth - 42 < sumWidth + moreWidth) {
+              showIndex = i;
+              break;
+            } else if (self.model.midlWidth - 42 < nextWidth + moreWidth) {
+              showIndex = i + 1;
+              break;
+            }
+          }
+          if (showIndex > 0) {
+            self.showData = [
+              self.model.tags1.slice(0, showIndex),
+              self.model.tags1.slice(showIndex),
+            ];
+          } else {
+            self.showData = [self.model.tags1];
+          }
+        }
+      });
+    },
+
     load(data) {
       var self = this;
       this.model = data;
@@ -666,6 +748,7 @@ export default {
           var w1 = this.$refs.detail.clientWidth | 0;
           var w2 = this.$refs.midr.clientWidth | 0;
           this.model.midlWidth = w1 - w2 - 10;
+		  this.showStats();
         }
       });
     },
@@ -681,6 +764,19 @@ export default {
         this.model.paramDataTags1 = this.model.tags1[i].paramData || "";
         window.localStorage.setItem("detailtagkey", this.model.tags1[i].appID); //存储
       }
+    },
+	 handleDropDown(key, index) {
+      let i = index;
+      this.model.activeIndex1 = (this.showData[0].length + i).toString();
+      let dropDownData = this.showData[1];
+      this.dropDownSelected = true;
+      if (dropDownData && dropDownData[i]) {
+        this.listKey = this.listKey + 1;
+        this.model.searchConditionApiTags1 = dropDownData[i].searchConditionApiUrl || "";
+        this.model.searchDataApiTags1 = dropDownData[i].searchDataApiUrl || "";
+        this.model.paramDataTags1 = dropDownData[i].paramData || "";
+        window.localStorage.setItem("detailtagkey", dropDownData[i].appID); //存储
+      }
     },
     fieldClickHandler(field) {
       var self = this;
@@ -1636,6 +1732,65 @@ export default {
 .r {
   float: right;
 }
+.my-icon-more {
+  width: 14px;
+  height: 15px;
+  border-top: 3px solid rgb(153, 153, 153);
+  border-bottom: 3px solid rgb(153, 153, 153);
+  background-color: rgb(153, 153, 153);
+  padding: 3px 0;
+  background-clip: content-box;
+  cursor: pointer;
+}
+>>>.el-tabs__nav-prev {
+  display: none;
+}
+
+>>>.el-tabs__nav-next {
+  display: none;
+}
+
+.more-dropdown {
+  position: absolute;
+  width: 16px;
+  height: 20px;
+  text-align: left;
+  top: 13px;
+  right: -1px;
+}
+
+.el-dropdown-menu--mini .el-dropdown-menu__item {
+  font-size: 14px;
+  font-weight: 700;
+  color: #303133;
+}
+
+.el-dropdown-menu__item:focus,
+.el-dropdown-menu__item:not(.is-disabled):hover {
+  background-color: #fff;
+  color: #ff503f;
+  border-bottom: 3px solid #ff503f;
+}
+
+.tabsMore .is-active {
+  cursor: pointer;
+  background-color: #fff;
+  color: #ff503f;
+  border-bottom: 3px solid #ff503f;
+}
+
+>>>.el-tabs--bottom .el-tabs__item.is-bottom:last-child,
+>>>.el-tabs--bottom .el-tabs__item.is-top:last-child,
+>>>.el-tabs--top .el-tabs__item.is-bottom:last-child,
+>>>.el-tabs--top .el-tabs__item.is-top:last-child {
+  padding-right: 15px;
+}
+
+.svgIcon {
+  width: 16px;
+  text-align: center;
+  cursor: pointer;
+}
 </style>
 
 

package/src/centaline/dynamicDetail/src/dynamicPropertyDetailRET.vue

@@ -250,12 +250,10 @@
                               showData[0].length + index == model.activeIndex1,
                           }"
                         >
-                          <span
-                            @click="handleDropDown(col, index)"
-                            :value="model.activeIndex1"
-                            >{{ col.appName }}</span
-                          ></el-dropdown-item
-                        >
+                            <div @click="handleDropDown(col, index)" :value="model.activeIndex1">
+                            <div slot="label" v-html="col.appName"></div>
+                          </div>
+						  </el-dropdown-item>
                       </el-dropdown-menu>
                     </el-dropdown>
                   </div>
@@ -889,8 +887,29 @@ export default {
           // if (typeof field.onClick !== 'undefined') {
           //   verified = self.$common.excute.call(self.model.scripts, field.onClick);
           // }
-
-          if (field.isOpenForm) {
+          if (field.isBrowseAttachment) {//浏览附件
+            var MediaAlbum = [
+              { albumName: self.model.title || "媒体", medias: [] },
+            ];
+            if (field.action) {
+              var callback = function (data) {
+                MediaAlbum[0].medias = data;
+                self.$common.viewerfile(field, MediaAlbum, 0, 0);
+              } 
+              var vsubmitData = {
+                ...field.getActionPara(submitData).para,
+                ...submitData
+              };
+              self.model.getAction(field.action, vsubmitData, callback);
+            }
+            else {
+              submitData.mediaData.forEach((v) => {
+                MediaAlbum[0].medias.push(v);
+              });
+              self.$common.viewerfile(field, MediaAlbum, 0, 0);
+            }
+          }
+         else if (field.isOpenForm) {
             var dialogOption = {
               title: field.pageTitle,
               pane: self.$common.getParentPane(self),
@@ -1799,21 +1818,7 @@ export default {
   background-clip: content-box;
   cursor: pointer;
 }
-// .popovertablf span {
-//   display: inline-block;
-// }
-// .popoverbtnTab {
-//   font-size: 14px !important;
-//   font-weight: bold;
-//   cursor: pointer;
-//   float: left;
-//   list-style-type: none;
-//   padding: 0px 20px 0px 20px;
-// }
-// .popoverbtnTab:hover,
-// .popovertablf:hover {
-//   color: #ee5d56;
-// }
+
 >>> .el-tabs__nav-prev {
   display: none;
 }

package/src/centaline/dynamicForm/src/dynamicForm.vue

@@ -243,7 +243,8 @@
             return v1.id === v.parentName;
           });
           if (parent) {
-            parent.child = v;
+            parent.child = parent.child ? parent.child : [];
+            parent.child.push(v);
             v.parent = parent;
           }
         });
@@ -672,7 +673,7 @@
               checkMsg = "请先录入" + self.model.fieldsDic[v].label;
             }
             else {
-              checkMsg = "未配置：" + v;
+              checkMsg = "未读取到表单项(" + v+")的值";
             }
             check = false;
           }

package/src/centaline/dynamicForm/src/dynamicFormListTable.vue

@@ -38,12 +38,12 @@
                   <ct-tablecurrency :router="v.router" :colValue="scope.row[v.id].code1" :rowData="scope.row" @click="rolRouterClickHandler">
                   </ct-tablecurrency>
                 </span>
-                <ct-span v-else :vmodel="scope.row[v.id]" :rowNum="scope.row.$sourceIndex" ref="FieldsLabel"></ct-span>
+                <ct-span v-else :vmodel="scope.row[v.id]" :rowNum="scope.row.$sourceIndex" :key="scope.row[v.id].rowKey" ref="FieldsLabel"></ct-span>
               </template>
             </el-table-column>
 
             <!--操作列-->
-            <el-table-column label="操作" v-if="model.rows[0].edit || model.rows[0].delete || model.buttons.length > 0" fixed="right">
+            <el-table-column label="操作" v-if="model.rows[0].edit || model.rows[0].delete || model.buttons.length > 0">
               <template slot-scope="scope">
                 <span v-if="scope.row.edit || scope.row.isSet" class="el-tag el-tag--info el-tag--mini" style="cursor: pointer;" @click="saveRow(scope.row,scope.$index,true)">
                   {{scope.row.isSet?'保存':"修改"}}

package/src/centaline/dynamicInputNumber/src/dynamicInputNumber.vue

@@ -8,18 +8,18 @@
           {{model.label}}
         </div>
         <div style="padding-left:15px;flex:1" v-bind="model.attrs" class="el-date-editor ct-input__inner">
-          <input style="text-align:left;width:100%" class="el-range-input"  :placeholder="model.attrs.placeholder1"
+          <input style="text-align:left;width:100%" class="el-range-input" :placeholder="model.attrs.placeholder1"
                  v-model="model.value" @change="onChangeHandler($event)" @input="onInputHandler($event);isShowClear()"
                  @blur="onBlurHandler($event)"
-                 :class="model.lock ? 'ct-is-disabled' : ''" :disabled="model.lock" />
+                 :class="model.lock ? 'ct-is-disabled' : ''" :disabled="model.lock" />{{model.rowKey}}
           <!--<span v-if="!model.lock" class="cover-list-item-span">
-      <i class="el-input__icon el-icon-circle-close" @click="clearClickHandle"></i>
-    </span>-->
-       <span  class="el-input__suffix el-input--mini"  v-if="showClear">
-            <span  class="el-input__suffix-inner ct-close">
+    <i class="el-input__icon el-icon-circle-close" @click="clearClickHandle"></i>
+  </span>-->
+          <span class="el-input__suffix el-input--mini" v-if="showClear">
+            <span class="el-input__suffix-inner ct-close">
               <i class="el-select__caret el-input__icon el-icon-circle-close is-show-close" @click="clearClickHandle($event)"></i>
             </span>
-       </span>
+          </span>
 
           <span v-if="model.unitName" class="ct-unitname el-input__suffix el-input__suffix-inner" :class="showClear?'unitName-20':'unitName-0'">{{model.unitName}}</span>
         </div>
@@ -65,6 +65,7 @@
     methods: {
       load(data) {
         this.model = data;
+        this.model.self=this;
       },
       clearClickHandle: function (event) {
         this.model.value = '';
@@ -93,13 +94,14 @@
       //不能共用的数据校验
       selfValidExcute: function (eventName) {
         if (this.model.max !== "" && parseFloat(this.model.value) > parseFloat(this.model.max)) {
-          this.validMessage = "不能大于最大值：" + this.model.max;
+          this.validMessage = this.model.label +" 不能大于 " + this.model.max;
           this.valid = false;
           return false;
         }
         if (eventName === "valid") {
+          
           if (this.model.min !== "" && parseFloat(this.model.value) < parseFloat(this.model.min)) {
-            this.validMessage = "不能小于最小值：" + this.model.min;
+            this.validMessage = this.model.label+" 不能小于 " + this.model.min;
             this.valid = false;
             return false;
           }

package/src/centaline/dynamicIti/src/dynamicIti.vue

@@ -95,23 +95,23 @@
       //不能共用的数据校验
       selfValidExcute: function (eventName) {
         if (this.model.max !== "" && parseFloat(this.model.value) > parseFloat(this.model.max)) {
-          this.validMessage = "不能大于最大值：" + this.model.max;
+          this.validMessage = this.model.label +" 不能大于 " + this.model.max;
           this.valid = false;
           return false;
         }
         if (this.model.max1 !== "" && parseFloat(this.model.value1) > parseFloat(this.model.max1)) {
-          this.validMessage = "不能大于最大值：" + this.model.max1;
+          this.validMessage = this.model.label +" 不能大于 " + this.model.max1;
           this.valid = false;
           return false;
         }
         if (eventName === "valid") {
           if (this.model.min !== "" && parseFloat(this.model.value) < parseFloat(this.model.min)) {
-            this.validMessage = "不能小于最小值：" + this.model.min;
+            this.validMessage = this.model.label +" 不能小于 " + this.model.min;
             this.valid = false;
             return false;
           }
           if (this.model.min1 !== "" && parseFloat(this.model.value1) < parseFloat(this.model.min1)) {
-            this.validMessage = "不能小于最小值：" + this.model.min1;
+            this.validMessage = this.model.label +" 不能小于 " + this.model.min1;
             this.valid = false;
             return false;
           }

package/src/centaline/dynamicL/src/dynamicL.vue

@@ -23,7 +23,10 @@
           </span>
         </span>
         <label v-else class="ct-lable" :class="{ isWidth: model.labelValue.length > 30 }">
+		   <el-tooltip :content="model.labelValue" placement="top" effect="light" v-if="model.labelValue.length > 30">
                <span :class="{ isEllipsis: model.labelValue.length > 30 }"> {{ model.labelValue }}</span>
+		   </el-tooltip>
+          <span v-else> {{ model.labelValue }}</span>
         </label>
         <span slot="suffix" v-if="model.unitName" class="ct-unitnameLable">{{model.unitName}}</span>
         <span v-if="model.sufLabel" style="width:auto" class="spanMessage">{{model.sufLabel}}</span>
@@ -50,8 +53,10 @@
       else {
         this.model = this.vmodel;
       }
+      this.model.self=this;
     }
-}</script>
+}
+</script>
 <style scoped>
 .isWidth {
   width: 60%;

package/src/centaline/dynamicMo/src/dynamicMo.vue

@@ -86,8 +86,10 @@
       }
       this.$watch('model.value', (n, o) => {
         if (typeof this.model.child !== 'undefined') {
-          this.model.child.value = this.model.child.defaultValue || '';
-          this.model.child.text = this.model.child.defaultText || '';
+          for (var item of this.model.child) {
+            item.value = item.defaultValue || '';
+            item.text = item.defaultText || '';
+          }
         }
       });
       this.inputHeight = this.inputLineHeight;
@@ -154,8 +156,10 @@
       tagsChange: function () {
         var self = this;
         if (typeof this.model.child !== 'undefined') {
-          this.model.child.value = this.model.child.defaultValue || '';
-          this.model.child.text = this.model.child.defaultText || '';
+          for (var item of this.model.child) {
+            item.value = item.defaultValue || '';
+            item.text = item.defaultText || '';
+          }
         }
         var currentOptions = this.globalOptions.filter((value) => {
           return self.model.value.indexOf(value[self.model.optionAttrs.value]) >= 0;

package/src/centaline/dynamicPopupSearchList/src/dynamicPopupSearchList.vue

@@ -87,7 +87,8 @@
             return v1.id === v.parentName;
           });
           if (parent) {
-            parent.child = v;
+            parent.child = parent.child ? parent.child : [];
+            parent.child.push(v);
             v.parent = parent;
           }
         });

package/src/centaline/dynamicSearchList/src/dynamicSearchList.vue

@@ -14,7 +14,7 @@
 
       <ct-searchtable ref="table" :api="searchDataApi" :searchStatsApi="searchStatsApi" :from="from" @loaded="tableLoaded"
       @toolbarClick="toolbarClickHandler" @refreshParent="refreshParentHandler"  :key="reloadKeyTable" @searchComplate="searchComplate" 
-      @rowClickHandle="rowClickHandle" @scrollHandle="scrollHandle" @refreshRowHandle="refreshRowHandle" 
+      @rowClickHandle="rowClickHandle" @scrollHandle="scrollHandle" @refreshRowHandle="refreshRowHandle" @doClosePopoverHandle="doClosePopoverHandle" 
       @showTitle="showTitleHandler"></ct-searchtable>
     </div>
     <div ref="sidebar" v-if="flagSideBar && flagSideBarOfData" 
@@ -284,6 +284,9 @@
       scrollHandle(scrollTop,scrollLeft){
         this.$emit('scrollHandle',scrollTop,scrollLeft)
       },
+      doClosePopoverHandle(){
+        this.$refs.screen.$refs.doClosePopover.click();
+      },
     }
   }
 </script>

package/src/centaline/dynamicSearchList/src/dynamicSearchScreen.vue

@@ -21,8 +21,8 @@
       </el-popover>
     </div>
     <div v-if="isLoading" v-loading="isLoading" style="min-height:100px">
-
     </div>
+    <div ref="doClosePopover"></div>
   </div>
 </template>
 <script>
@@ -73,11 +73,10 @@
           case 'showHigh':
             this.$set(this, 'highScreen', !this.highScreen);
             //高级搜索需要切换icon样式
-            if(model.icon==='max-open')
-            {
+            if(model.icon==='max-open'){
               model.icon='max-fold'
-            }else
-            {
+            }
+            else{
               model.icon='max-open'
             }
             break;
@@ -104,7 +103,8 @@
             return v1.id === v.parentName;
           });
           if (parent) {
-            parent.child = v;
+            parent.child = parent.child ? parent.child : [];
+            parent.child.push(v);
             v.parent = parent;
           }
         });
@@ -121,7 +121,8 @@
             return v1.id === v.parentName;
           });
           if (parent) {
-            parent.child = v;
+            parent.child = parent.child ? parent.child : [];
+            parent.child.push(v);
             v.parent = parent;
           }
         });