|
|
|
@ -30,7 +30,7 @@ |
|
|
|
</el-form-item> |
|
|
|
<el-row> |
|
|
|
<draggable id="sf" class="dragArea min-height" v-model="selectedFields" :options="{group:{ name:'g1'}, animation:150}" @add="onAdd" :no-transition-on-drag="true" @start="drag=true" @end="drag=false"> |
|
|
|
|
|
|
|
|
|
|
|
<el-col v-for="(item,index) in selectedFields" @click.ctrl.native="doChildDelete(item,index,selectedFields)" :key="index" :span="calcSpan(item)"> |
|
|
|
<mdp-field @bkey-change="onBkeyChange" :find-not-in-child="findNotInChild" :has-child="hasChild" :gutter="0" :span="24" :value="item" @change="(v)=>Object.assign(item,v)"></mdp-field> |
|
|
|
</el-col> |
|
|
|
@ -181,6 +181,7 @@ export default { |
|
|
|
}, |
|
|
|
'visible':function(visible) { |
|
|
|
if(visible==true){ |
|
|
|
debugger |
|
|
|
this.selectedFields=treeTool.translateDataToTree(this.formFields,'pid','id') |
|
|
|
this.setPrimaryKeys(); |
|
|
|
this.$nextTick(()=>{ |
|
|
|
@ -350,6 +351,7 @@ export default { |
|
|
|
onTplStart(evt){ |
|
|
|
}, |
|
|
|
onAdd(evt){ |
|
|
|
debugger |
|
|
|
let item=this.selectedFields[evt.newIndex]; |
|
|
|
var item2=JSON.parse(JSON.stringify(item)) |
|
|
|
item.isNewAdd=true |
|
|
|
@ -602,7 +604,7 @@ export default { |
|
|
|
children.forEach(k=>{ |
|
|
|
if(k.children && k.children.length>0){ |
|
|
|
var childs=k.children |
|
|
|
delete k.children |
|
|
|
childs.forEach(c=>c.pid=k.id) |
|
|
|
list.push(k) |
|
|
|
this.getMyFieldList(list,childs) |
|
|
|
}else{ |
|
|
|
@ -626,7 +628,7 @@ export default { |
|
|
|
draggable, MdpField |
|
|
|
}, |
|
|
|
mounted() { |
|
|
|
|
|
|
|
debugger; |
|
|
|
this.myFormDef=this.formDef |
|
|
|
if(this.formFields){ |
|
|
|
this.selectedFields=treeTool.translateDataToTree(this.formFields,'pid','id') |
|
|
|
|