init
This commit is contained in:
@@ -86,12 +86,14 @@
|
||||
<el-row>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="居住地" prop="residenceCode">
|
||||
<treeselect v-model="form.residenceCode" :normalizer="normalizer" :options="areaOption" :show-count="true" :disable-branch-nodes="true" />
|
||||
<el-cascader v-model="form.residenceCode" :props="{'value':'id'}" :options="areaOption" filterable style="width: 95%" />
|
||||
<!-- <treeselect v-model="form.residenceCode" :normalizer="normalizer" :options="areaOption" :show-count="true" :disable-branch-nodes="true" />-->
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="户籍地" prop="addressCode">
|
||||
<treeselect v-model="form.addressCode" :normalizer="normalizer" :options="areaOption" :show-count="true" :disable-branch-nodes="true" />
|
||||
<el-cascader v-model="form.addressCode" :props="{'value':'id'}" :options="areaOption" filterable style="width: 95%" />
|
||||
<!-- <treeselect v-model="form.addressCode" :normalizer="normalizer" :options="areaOption" :show-count="true" :disable-branch-nodes="true" />-->
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
@@ -318,10 +320,22 @@ export default {
|
||||
},
|
||||
created() {
|
||||
getTreeAreaCode().then(response => {
|
||||
this.areaOption = response.data
|
||||
this.areaOption = this.getTreeData(response.data)
|
||||
})
|
||||
},
|
||||
methods: {
|
||||
getTreeData(data){
|
||||
for(var i=0;i<data.length;i++){
|
||||
if(data[i].children.length<1){
|
||||
// children若为空数组,则将children设为undefined
|
||||
data[i].children=undefined;
|
||||
}else {
|
||||
// children若不为空数组,则继续递归调⽤本⽅法
|
||||
this.getTreeData(data[i].children);
|
||||
}
|
||||
}
|
||||
return data;
|
||||
},
|
||||
normalizer(node){
|
||||
return {
|
||||
id: node.id,
|
||||
|
||||
Reference in New Issue
Block a user