centaline-data-driven 1.2.77 → 1.2.80

package/package.json

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

package/src/Detail.vue

@@ -10,7 +10,7 @@
     name: 'DataDrivendetail',
     data() {
       return {        
-        apiParam: {actionType: 1,chanceID: "3"} ,
+        apiParam: {actionType: 1,chanceID: "1"} ,
       }
     },
     mounted() {

package/src/Form.vue

@@ -1,9 +1,8 @@
 <template>
   <div id="app-form" class="data-driven" style="width:100%;height:100%;overflow:auto">
-    <!-- <ct-form :api="'/salematter/squareupload/readDetail'" :apiParam="apiParam"></ct-form> -->
     <!-- <ct-form :api="'/PropertyRET/getLayoutOfNew'" :apiParam="apiParam"></ct-form> -->
     <!-- <ct-form :source="formdata.content" :apiParam="apiParam"></ct-form> -->
-    <ct-form :api="'/salematter/priceupload/readDetail'" :apiParam="apiParam"></ct-form>
+    <ct-form :api="'/api/third-dept-tran/transaction/detail'" :apiParam="apiParam"></ct-form>
     <!--<ct-form :api="'api/Form/formdata'"></ct-form>-->
     <ct-dialog-list></ct-dialog-list>
   </div>  
@@ -18,7 +17,13 @@
         // apiParam: {headerParam: {}, urlParam: {contractID: "06cad32e-4d0d-4b6f-bd24-16a28629a550", actionType: "0"}}
         // apiParam: {originalTraId: "1475658732246241281", actionType: 2, chanceID: "1"} ,
         // apiParam: {originalTraId: "1516290587463507969", actionType: "3", pageStyle: "2", pageTitle: "成交报告",pageOnly: "true"}
-        apiParam:{"actionType":2}
+        apiParam:{
+actionType: 3,
+originalTraId: "1526048947277938690",
+pageOnly: true,
+pageStyle: 2,
+pageTitle: "成交报告"
+          }
       }
     },
     methods: {

package/src/SearchList.vue

@@ -4,8 +4,8 @@
 
     <!-- <ct-searchlist :searchConditionApi="'/PropertyRETList/getLayoutOfSearch'" :searchDataApi="'/PropertyRETList/getListOfSearchModel'" :searchCategoryApi="'/PropertyRETList/getLayoutOfSearchCategory'"></ct-searchlist> -->
     
-    <ct-searchlist :searchConditionApi="'/salemattersmanage/squareuploadlist/getLayoutOfSearch'" 
-    :searchDataApi="'/salemattersmanage/squareuploadlist/getList'"></ct-searchlist>
+    <ct-searchlist :searchConditionApi="'/api/distribution/agentRelationProperty/getLayoutOfSearch'" 
+    :searchDataApi="'/api/distribution/agentRelationProperty/list'" :apiParam="para"></ct-searchlist>
 
     <!-- <ct-searchlist :searchConditionApi="'/PropertyRETList/getLayoutOfSearch'"
                    :searchDataApi="'/PropertyRETList/getListOfSearchModel'"
@@ -25,7 +25,13 @@
     name: 'DataDrivenSearch',
     data() {
       return {
-        para:{},
+        para:{
+agentId: "1491335181504401409",
+delegateType: "1",
+estateId: "18721",
+estateName: "凯旋路1798号"
+
+        },
         // para: {searchFields: {fields: []}, pageAttribute: {pageIndex: 1}, flagSearch: true}
         // para: {publishID: "1503900718229229568"}
         // para: {paramKey: "PropertyStatusID", code: "002.001", name: "盘源状态", paramName: "盘源状态"}

package/src/centaline/dynamicBtn/src/dynamicBtn.vue

@@ -53,7 +53,7 @@
   </el-button>
   <el-button v-else  class="max"
     :type="model.isHyperLink ? 'text' : 'primary'"
-    v-bind="model.attrs" @click="$emit('click',model)"
+    v-bind="model.attrs" @click="clickHandle"
     :style="{color:model.textColor,backgroundColor:model.imgUrl?'transparent':model.bgColor,borderColor:model.imgUrl?'transparent':model.borderColor,padding:model.imgUrl?'0px':null}"
     :icon="model.icon"
     :disabled="model.disabled || model.locked">
@@ -149,7 +149,7 @@
           }
         }
         else{
-          this.$emit('click',this.model);
+          this.$emit('click',this.model,this.rowData,this.rowindex);
         }
       },
       callTelClick(data){

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

@@ -245,10 +245,14 @@
               };
               self.$common.openDialog(dialogOption);
             }
-            else if (field.isFormPageInTab || field.isSearchPageInTab) {// 外部框架tab页打开
+            else if (field.isFormPageInTab) {// 外部框架tab页打开
               submitData = field.getActionPara(submitData).para;
               self.$common.getDataDrivenOpts().handler.openTab(field.action, submitData, field.pageTitle);
             }
+            else if (field.isSearchPageInTab) {// 外部框架tab页打开
+              submitData = field.getActionPara(submitData).para;
+              self.$common.getDataDrivenOpts().handler.openTabSearch(field, submitData);
+            }
             else if (field.isBrowserNewTab) {// 浏览器打开
               submitData = field.getActionPara(submitData).para;
               let query = self.$common.objectToQueryStr(submitData);

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

@@ -359,6 +359,7 @@
               self.$common.openDialog(dialogOption);
             }
             else if (field.isOpenList) {
+              submitData = field.getActionPara(submitData).para;
               var dialogOption = {
                 title: field.pageTitle,
                 pane: self.$common.getParentPane(self),
@@ -385,10 +386,14 @@
               };
               self.$common.openDialog(dialogOption);
             }
-            else if (field.isFormPageInTab || field.isSearchPageInTab) {// 外部框架tab页打开
+            else if (field.isFormPageInTab) {// 外部框架tab页打开
               submitData = field.getActionPara(submitData).para;
               self.$common.getDataDrivenOpts().handler.openTab(field.action, submitData, field.pageTitle);
             }
+            else if (field.isSearchPageInTab) {// 外部框架tab页打开
+              submitData = field.getActionPara(submitData).para;
+              self.$common.getDataDrivenOpts().handler.openTabSearch(field, submitData);
+            }
             else if (field.isBrowserNewTab) {// 浏览器打开
               submitData = field.getActionPara(submitData).para;
               let query = self.$common.objectToQueryStr(submitData);

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

@@ -556,10 +556,14 @@
               };
               self.$common.openDialog(dialogOption);
             }
-            else if (field.isFormPageInTab || field.isSearchPageInTab) {// 外部框架tab页打开
+            else if (field.isFormPageInTab) {// 外部框架tab页打开
               submitData = field.getActionPara(submitData).para;
               self.$common.getDataDrivenOpts().handler.openTab(field.action, submitData, field.pageTitle, self.model,field.dialogWidth);
             }
+            else if (field.isSearchPageInTab) {// 外部框架tab页打开
+              submitData = field.getActionPara(submitData).para;
+              self.$common.getDataDrivenOpts().handler.openTabSearch(field, submitData);
+            }
             else if (field.isBrowserNewTab) {// 浏览器打开
               submitData = field.getActionPara(submitData).para;
               let query = self.$common.objectToQueryStr(submitData);

package/src/centaline/dynamicDetail/src/dynamicPropertySimpleDetailRET.vue

@@ -365,10 +365,14 @@
               };
               self.$common.openDialog(dialogOption);
             }
-            else if (field.isFormPageInTab || field.isSearchPageInTab) {// 外部框架tab页打开
+            else if (field.isFormPageInTab) {// 外部框架tab页打开
               submitData = field.getActionPara(submitData).para;
               self.$common.getDataDrivenOpts().handler.openTab(field.action, submitData, field.pageTitle, self.model,field.dialogWidth);
             }
+            else if (field.isSearchPageInTab) {// 外部框架tab页打开
+              submitData = field.getActionPara(submitData).para;
+              self.$common.getDataDrivenOpts().handler.openTabSearch(field, submitData);
+            }
             else if (field.isBrowserNewTab) {// 浏览器打开
               submitData = field.getActionPara(submitData).para;
               let query = self.$common.objectToQueryStr(submitData);

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

@@ -328,21 +328,7 @@
               }
 
               if (!submitData) {
-                submitData = {};
-                var tempFormData = self.model.getFormObj();
-                if(field.flagAttachSearchCondition){
-                  submitData.jsonData=tempFormData;
-                }
-                else{
-                  field.submitFormField.forEach((v) => {
-                    if(tempFormData[v]){
-                      submitData[v] = tempFormData[v];
-                    }
-                    else{
-                      submitData[v] = tempFormData[self.$common.initialsToUpperCase(v)];
-                    }
-                  });
-                }
+                submitData = self.getFileData(field);
               }
 
               if (field.isOpenForm) {
@@ -400,10 +386,14 @@
                 };
                 self.$common.openDialog(dialogOption);
               }
-              else if (field.isFormPageInTab || field.isSearchPageInTab) {// 外部框架tab页打开
+              else if (field.isFormPageInTab) {// 外部框架tab页打开
                 submitData = field.getActionPara(submitData).para;
                 self.$common.getDataDrivenOpts().handler.openTab(field.action, submitData, field.pageTitle,self.model,field.dialogWidth);
               }
+              else if (field.isSearchPageInTab) {// 外部框架tab页打开
+                submitData = field.getActionPara(submitData).para;
+                self.$common.getDataDrivenOpts().handler.openTabSearch(field, submitData);
+              }
               else if (field.isBrowserNewTab) {// 浏览器打开
                 submitData = field.getActionPara(submitData).para;
                 let query = self.$common.objectToQueryStr(submitData);
@@ -415,8 +405,13 @@
               }
               else {
                 submitData = field.getActionPara(submitData).para;
-                field.doAction(submitData, (data) => {                  
-                  self.model.doAction(data);
+                field.doAction(submitData, (data) => {
+                  if(field && field.changeCallBackFunName){
+                    self.changeCallBackHandler(field, field.changeCallBackFunName, data.content);
+                  }
+                  else{
+                    self.model.doAction(data);
+                  }
                 })
               }
             }
@@ -624,6 +619,7 @@
         return formData;
       },
       getFileData(field) {
+        var self=this;
         var submitData = {};
         var tempFormData = this.model.getFormObj();
         if(field.flagAttachSearchCondition){
@@ -632,7 +628,12 @@
         else{
           if(field.submitFormField){
             field.submitFormField.forEach((v) => {
-              submitData[v] = tempFormData[v];
+              if(tempFormData[v]){
+                submitData[v] = tempFormData[v];
+              }
+              else{
+                submitData[v] = tempFormData[self.$common.initialsToUpperCase(v)];
+              }
             });
           }
         }

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

@@ -22,9 +22,10 @@
               </template>
               <template slot-scope="scope">
                 <span v-if="scope.row.isSet">
-                  <component ref="Fields" :is="v.is" :vmodel="model.currentRow.data[v.id]" :api="model.OptApi"
-                             @change="changeHandler(model.currentRow.data[v.id], model.currentRow.data.$sourceIndex)"
-                             @input="inputHandler(model.currentRow.data[v.id], model.currentRow.data.$sourceIndex)"></component>
+                  <component ref="Fields" :is="model.currentRow.data[v.id].locked || model.currentRow.data[v.id].is!==v.is?model.currentRow.data[v.id].is:v.is" 
+                    :vmodel="model.currentRow.data[v.id]" :api="model.OptApi"
+                    @change="changeHandler(model.currentRow.data[v.id], model.currentRow.data.$sourceIndex)"
+                    @input="inputHandler(model.currentRow.data[v.id], model.currentRow.data.$sourceIndex)"></component>
                 </span>
                 <span v-else-if="v.is=='ct-sensitiveeye'">
                   <component v-if ref="Fields" :is="v.is" :vmodel="scope.row[v.id]" :vrowmodel="scope.row" :api="model.OptApi"></component>
@@ -308,7 +309,8 @@
                 const value = Number(curr);
                 if (!isNaN(value)) {
                   return Number(prev + curr);
-                } else {
+                } 
+                else {
                   return Number(prev);
                 }
               }, 0);
@@ -316,7 +318,8 @@
               if (data[0][column.property].decimals && data[0][column.property].decimals > 0) {
                 sums[index] = sums[index].toFixed(data[0][column.property].decimals);
               }
-            } else {
+            } 
+            else {
               sums[index] = 'N/A';
             }
           }

package/src/centaline/dynamicLayout/src/dynamicLayout.vue

@@ -1,12 +1,11 @@
 <template>
-    <div v-loading="loading" class="ct-Layout" v-if="Layout !== null && !loading">
-      <ct-layoutchildren :rowindex="rowindex"  :vmodel="Layout" @click="rolRouterClickHandler"></ct-layoutchildren>
-    </div>
+  <div v-loading="loading" class="ct-Layout" v-if="Layout !== null && !loading">
+    <ct-layoutchildren :ref="'layout'+rowindex" :rowindex="rowindex" :vmodel="Layout" @click="rolRouterClickHandler"></ct-layoutchildren>
+  </div>
 </template>
 <script>
   import dynamicElement from '../../mixins/dynamicElement'
   import dynamicLayoutChildren from './dynamicLayoutChildren.vue';
-  import common from '../../common';
   export default {
     name: 'ct-layout',
     mixins: [dynamicElement],
@@ -24,7 +23,7 @@
     },
     data() {
       return {
-        Layout:[]
+        Layout: []
       };
     },
     created() {
@@ -49,21 +48,71 @@
       },
       load(data, cellLayout) {
         var str = '';
+        if (cellLayout.indexOf("for=") != -1) {
+          var cellxmlDOM = this.loadXML(cellLayout);
+          var listxml = this.getxmlForStr(cellxmlDOM);
+
+          if (typeof listxml !== 'undefined') {
+            for (var j = 0; j < listxml.attributes.length; j++) {
+              var attribute = listxml.attributes.item(j);
+              if (attribute.nodeName.toLowerCase() == "for".toLowerCase()) {
+                var liststr = "";
+                var celllist = this.xmlToString(listxml)
+
+                var celllistNew = this.loadXML(celllist);
+                var newAtt = celllistNew.createAttribute("forrowindex");
+                newAtt.nodeValue = "{{forrowindex}}";
+                var x = celllistNew.getElementsByTagName("Layout");
+                x[0].setAttributeNode(newAtt);
+                var cellstr = this.xmlToString(celllistNew)
+                var list = data[attribute.nodeValue];
+                if (typeof list !== 'undefined') {
+                  for (var i = 0; i < list.length; i++) {
+                    list[i].forrowindex = i;
+                    liststr += cellstr.replace(/\{\{(.+?)\}\}/g, (...args) => {
+                      return this.getValue(list[i], args[1])
+                    });
+                  }
+                }
+                cellLayout = cellLayout.replace(/\n/g, '').trim() //去除换行 和头尾空格
+                let replacer = function (match, p1, p2, p3, offset) {
+                  return p1 + p3
+                }
+                cellLayout = cellLayout.replace(/(>)(\s*)(<)/g, replacer) //把 > 和 < 之间的空格去除
+                cellLayout = cellLayout.replace(/ +/g, ' ')
+                cellLayout = cellLayout.replace(celllist, liststr)
+              }
+            }
+          }
+        }
         if (typeof data !== 'undefined') {
           str = cellLayout.replace(/\{\{(.+?)\}\}/g, (...args) => {
             return this.getValue(data, args[1])
           });
         }
         var xmlDOM = this.loadXML(str);
-        this.Layout = this.xmlToJson(xmlDOM.childNodes[0]);
+        console.log(xmlDOM)
+        this.Layout = this.xmlToJson(xmlDOM);
+        this.model = this.loaderObj.CellLayout(this.Layout);
         this.loading = false;
       },
-      getValue(data,val) {
+      getValue(data, val) {
         return val.split('.').reduce((data, currentVal) => {
-          return data[currentVal]
+          var rtn = data[currentVal];
+          if (rtn.toString().indexOf('"') != -1) {
+            rtn = rtn.replace(/"/g, "'");
+            rtn = rtn.replace(/>/g, "&gt;");
+            rtn = rtn.replace(/</g, "&lt;");
+          }
+          return rtn
         }, data)
       },
       loadXML(xmlString) {
+        xmlString = xmlString.replace(/\n/g, '').trim()
+        let replacer = function (match, p1, p2, p3, offset) {
+          return p1 + p3
+        }
+        xmlString = xmlString.replace(/(>)(\s*)(<)/g, replacer)
         if (document.all) {
           var xmlDom = new ActiveXObject("Microsoft.XMLDOM");
           xmlDom.loadXML(xmlString)
@@ -73,19 +122,43 @@
           return new DOMParser().parseFromString(xmlString, "text/xml");
         }
       },
-
-      xmlToJson(xml) {
-        // Create the return object
-        var obj = {};
+      xmlToString(xmlObj) {
+        if (document.all) //IE浏览器
+        {
+          return xmlObj.xml;
+        }
+        else //其他浏览器
+        {
+          return (new XMLSerializer()).serializeToString(xmlObj);
+        }
+      },
+      getxmlForStr(xml) {
         if (xml.nodeType == 1) { // element
           // do attributes
           if (xml.attributes.length > 0) {
             for (var j = 0; j < xml.attributes.length; j++) {
               var attribute = xml.attributes.item(j);
-              obj[attribute.nodeName] = attribute.nodeValue;
+              if (attribute.nodeName.toLowerCase() == "for".toLowerCase()) {
+                return xml
+              }
             }
           }
         }
+        if (xml.hasChildNodes()) {
+          for (var i = 0; i < xml.childNodes.length; i++) {
+            var item = xml.childNodes.item(i);
+            var result = this.getxmlForStr(item);
+            if (result) {
+              return result;
+            }
+          }
+        }
+      },
+
+      xmlToJson(xml) {
+        var self = this;
+        // Create the return object
+        var obj = {};
         if (xml.nodeName.toLowerCase() == "Layout".toLowerCase() || xml.nodeName.toLowerCase() == "StackLayout".toLowerCase()) {
           obj["is"] = "ct-layoutchildren";
         }
@@ -98,12 +171,35 @@
         else if (xml.nodeName.toLowerCase() == "Image".toLowerCase()) {
           obj["is"] = "ct-layoutimage";
         }
-        obj["type"] = xml.nodeName;
+        if (xml.nodeType == 1) { // element
+          // do attributes
+          if (xml.attributes.length > 0) {
+            for (var j = 0; j < xml.attributes.length; j++) {
+              var attribute = xml.attributes.item(j);
+              obj[attribute.nodeName] = attribute.nodeValue;
+              if (attribute.nodeName.toLowerCase() == "for".toLowerCase()) {
+                obj["is"] = "ct-layoutchildrenfor";
+              }
+              if (attribute.nodeName.toLowerCase() == "routerKey".toLowerCase()) {
+                var actionRouter = self.actionRouter;
+                let field = actionRouter.find(b => {
+                  return b.id === attribute.nodeValue;
+                });
+                if (typeof field !== "undefined") {
+                  if (!field.rightField || self.vmodel[field.rightField] == 1) {
+                    obj["rightRouter"] = true;
+                  }
+
+                }
+              }
+            }
+          }
+        }
+
         // do children
         if (xml.hasChildNodes()) {
           for (var i = 0; i < xml.childNodes.length; i++) {
             var item = xml.childNodes.item(i);
-            var nodeName = item.nodeName;
             if (typeof (obj["fields"]) == "undefined") {
               obj["fields"] = [];
               obj["fields"].push(this.xmlToJson(item));
@@ -119,40 +215,49 @@
         }
         return obj;
       },
-      rolRouterClickHandler(routerKey, rowindex) {
+      rolRouterClickHandler(routerKey, rowindex, forname, forrowindex) {
         var self = this;
         var submitData = {};
         var rowData = self.vmodel;
         var actionRouter = self.actionRouter;
-        debugger
         let field = actionRouter.find(b => {
           return b.id === routerKey;
         });
-        field.submitListField.forEach((k) => {
-          submitData[k] = rowData[k];
-        });
-
+        if (typeof forname !== "undefined") {
+          field.submitListField.forEach((k) => {
+            submitData[k] = rowData[forname][forrowindex][k];
+          });
+        }
+        else {
+          field.submitListField.forEach((k) => {
+            submitData[k] = rowData[k];
+          });
+        }
         let action = field.action;
         if (field.actionField) {
           action = rowData[field.actionField];
         }
-        this.routerClickHandler(field, submitData, action);
+        this.routerClickHandler(field, submitData, action, rowindex,forname, forrowindex);
       },
-      routerClickHandler(field, submitData, action) {
+      routerClickHandler(field, submitData, action, rowindex, forname, forrowindex) {
         let self = this;
         action = action || field.action;
-       
+
         var clickAcion = function () {
           //若不是客户端方法，则直接访问接口
           if (!field.isClientFuntion) {
             // 外部框架tab页打开
-            if (field.isFormPageInTab || field.isSearchPageInTab) {
+            if (field.isFormPageInTab) {
               submitData = field.getActionPara(submitData).para;
               if (field.pageStyle) {
                 submitData.pageStyle = field.pageStyle;
               }
               self.$common.getDataDrivenOpts().handler.openTab(action, submitData, field.pageTitle, self.model, field.dialogWidth);
             }
+            else if (field.isSearchPageInTab) {// 外部框架tab页打开
+              submitData = field.getActionPara(submitData).para;
+              self.$common.getDataDrivenOpts().handler.openTabSearch(field, submitData);
+            }
             else if (field.isBrowserNewTab) {// 浏览器打开
               submitData = field.getActionPara(submitData).para;
               let query = self.$common.objectToQueryStr(submitData);
@@ -246,15 +351,11 @@
                 self.$common.openDialog(dialogOption);
               }
               else {
-                self.operationLoading = true;
                 field.doAction(submitData, (data) => {
-                  self.operationLoading = false;
-                  if (!field.flagFreshCurrentRow && !field.flagAddRowAfterAction) {
-                    self.model.doAction({ responseData: data });
+                  self.model.doAction(data, field);
+                  if (field.actionType === 19) {
+                    self.callTelClick(self.$refs['layout' + rowindex].$refs.layoutchildren, data, forname, forrowindex)
                   }
-                  self.$forceUpdate();
-                  self.$refs.footer.$forceUpdate();
-                  self.updateCurrentRow(field, data);
                 })
               }
             }
@@ -287,6 +388,22 @@
           clickAcion();
         }
       },
+      callTelClick(VueCom, data, forname, forrowindex) {
+        if (typeof VueCom.$refs['router' + forname + forrowindex] !== "undefined") {
+          VueCom.callTelClick(data);
+          return true;
+        }
+        if (VueCom.$children.length>0) {
+          for (var i = 0; i < VueCom.$children.length; i++) {
+            var item = VueCom.$children[i];
+            var result = this.callTelClick(item, data,forname, forrowindex);
+            if (result) {
+              return result;
+            }
+          }
+        }
+      },
+
     },
     mounted() {
 

package/src/centaline/dynamicLayout/src/dynamicLayoutChildren.vue

@@ -1,6 +1,6 @@
 <template>
-  <el-container :direction="model.orientation" :style="model.styleObject">
-    <component v-for="(item, index) in model.fields" :key="index" :is="item.is" :vmodel="item" :rowindex="rowindex"  @click="clickHandler"></component>
+  <el-container :direction="model.orientation" :style="model.styleObject" ref="layoutchildren">
+    <component v-for="(item, index) in model.fields" :key="index" :is="item.is" :vmodel="item" :rowindex="rowindex" :forname="forname" :forrowindex="forrowindex" @click="clickHandler"></component>
   </el-container>
 </template>
 <script>
@@ -8,30 +8,33 @@
   import dynamicLayoutLabel from './dynamicLayoutLabel.vue';
   import dynamicLayoutLine from './dynamicLayoutLine.vue';
   import dynamicLayoutImage from './dynamicLayoutImage.vue';
+  import dynamicLayoutChildrenFor from './dynamicLayoutChildrenFor.vue';
   export default {
     name: 'ct-layoutchildren',
     mixins: [dynamicElement],
     components: {
       'ct-layoutlabel': dynamicLayoutLabel,
       'ct-layoutline': dynamicLayoutLine,
-      'ct-layoutimage': dynamicLayoutImage
+      'ct-layoutimage': dynamicLayoutImage,
+      'ct-layoutchildrenfor': dynamicLayoutChildrenFor
     },
     props: {
       vmodel: Object,
-      rowindex: Number
+      rowindex: Number,
+      forname: String,
+      forrowindex: String
     },
     data() {
       return {
-
+        forindex:0
       };
     },
     created() {
       this.model = this.loaderObj.CellLayout(this.vmodel);
-     
     },
     methods: {
-      clickHandler(routerKey, rowindex) {
-        this.$emit('click', routerKey, rowindex);
+      clickHandler(routerKey, rowindex, forname, forrowindex) {
+        this.$emit('click', routerKey, rowindex, forname, forrowindex);
       }
     },
     mounted() {

package/src/centaline/dynamicLayout/src/dynamicLayoutChildrenFor.vue

@@ -0,0 +1,39 @@
+<template>
+  <el-container :direction="model.orientation" :style="model.styleObject">
+      <ct-layoutchildren v-for="(item, index) in model.fields" :key="index" :rowindex="rowindex" :forrowindex="model.forrowindex" :vmodel="item" :forname="model.forname" @click="clickHandler"></ct-layoutchildren>
+  </el-container>
+</template>
+<script>
+  import dynamicElement from '../../mixins/dynamicElement'
+  export default {
+    name: 'ct-layoutchildrenfor',
+    mixins: [dynamicElement],
+    components: {
+      'ct-layoutchildren': () => import('./dynamicLayoutChildren.vue'),
+    },
+    props: {
+      vmodel: Object,
+      rowindex: Number
+    },
+    data() {
+      return {
+        forname: '',
+        forwindex:0
+      };
+    },
+    created() {
+      this.model = this.loaderObj.CellLayout(this.vmodel);
+    },
+    methods: {
+      clickHandler(routerKey, rowindex, forname, forrowindex) {
+        this.$emit('click', routerKey, rowindex, forname, forrowindex);
+      }
+    },
+    mounted() {
+
+    }
+  }
+</script>
+<style>
+ 
+</style>