基于vue2.0+iview封装下拉多选框(含全选反选)
在实现级联选择时,如果数据过长需要滚动时(overflow:auto),会忽略子元素的position:absolute;属性。导致position未能脱标。x轴会出现滚动条。不符合设计要求。
思路:用一个大盒子包裹,三个盒子并列排开。
布局:
1、在外层用一个div包裹第一层、第二层、第三层的盒子。(相对定位)
2、第一层盒子正常写。
2、第二层盒子利用决对定位并使用v-show控制显隐,left值为第一个盒子的宽度。
3、第三层盒子也利用决对定位并使用v-show控制显隐(定位的left距离是第一层盒子的宽度+第二层盒子的宽度)。
js模拟鼠标经过离开
经过第一层显示第二层,经过第二层显示第三层,以此类推。(坏处,第二层盒子鼠标离开时不能隐藏第三层盒子。只能用js鼠标模拟离开最外层盒子才能关闭)
布局:
<template>
<div class="box">
// 第一层盒子
<div class="area" @mouseover="mouseOverUl">
<span>地区</span>
<Icon type="md-arrow-dropright" class="icon" size="15"/>
</div>
// 第二层盒子
<ul class="ul_box" v-show="showLi">
<li class="li_box" v-for="(item, index) in areaList" :key="index" @click="itemLiClick(index)" @mouseover="mouseOver(item)">
<Checkbox :value="item.isCheck" :indeterminate ="item.indeterminate"/>
<span class="splice">{{item.name}}</span>
<Icon type="md-arrow-dropright" class="icon" size="15"/>
</li>
</ul>
// 第三层盒子
<ul class="position" v-show="showCity">
<li v-for="(item, index) in children" :key="index" class="li_box" @click="itemLiChildrenClick(item)">
<Checkbox :value="item.isCheck"/>
<span class="splice">{{item.name}}</span>
</li>
</ul>
</div>
</template>
js模块
<script>
import areaList from './arealist.js'
export default {
data() {
return {
areaList,
children: [],
showCity: false,
showLi: false,
}
},
methods: {
// 鼠标经过第二个盒子
mouseOver(item) {
this.children = item.children
this.showCity = true
},
// 鼠标经过第一个盒子
mouseOverUl() {
this.showLi = true
},
// 父组件切换时,清空选中 递归函数
allSelectFalse(arr) {
arr.forEach(item => {
item.isCheck = false
if (!item.children) {
item.isCheck = false
} else {
this.allSelectFalse(item.children)
}
})
},
// 点击第二层
itemLiClick(itemsIndex) {
const items = areaList[itemsIndex]
items.indeterminate = false
items.isCheck = !items.isCheck
// 如果父集全选或者反选,则子集全选或反选
items.children.forEach(item => {
this.$set(item, 'isCheck', items.isCheck)
});
this.$emit('changeProvince', items)
},
// 点击第三层
itemLiChildrenClick(item) {
new Promise(resove => {
this.areaList.forEach(items => {
items.children.forEach(i => {
if (i.name === item.name) {
i.isCheck = !i.isCheck
resove(items)
}
})
})
}).then(data => {
console.log(data);
const arr = data.children.filter(item_ => item_.isCheck === true)
// 子集选中
if (arr.length) {
// 如果子集选中的个数等于子集个数说明子集全选,则父集全选
if (arr.length === data.children.length) {
data.isCheck = true
data.indeterminate = false
this.$emit('changeCity', data)
}
// 如果子集选中的个数不等于子集个数说明子集未全选,则父集半选
if (arr.length < data.children.length) {
data.isCheck = false
data.indeterminate = true
this.$emit('changeCity', data)
}
} else {
// 如果子集没有选中,清空父集选中
data.isCheck = false
data.indeterminate = false
this.$emit('changeProvince', data)
}
})
},
}
}
</script>
父组件的代码
// 鼠标离开最外层盒子时,隐藏子组件第二次和第三层的盒子
mouseLeave() {
this.$refs.more.showLi = false
this.$refs.more.showCity = false
},
// 更多 点击第二层传递过来的值
changeProvince(item) {
if (item.isCheck) {
this.changeStatus(item, 'all')
} else {
// 采用倒叙删除,防止数组塌陷
for (let i = this.areaData.length - 1; i >= 0; i--) {
if (this.areaData[i].name === item.name) {
this.areaData.splice(i, 1)
}
}
}
},
// 更多 点击第三层传递过来的值
changeCity(item) {
this.changeStatus(item, '!all')
},
changeStatus(item, status) {
if (item.children && item.children.length !== 0) {
// 为对象挂在一个数组,方便鼠标进过时显示的文字
item.arr = []
if (status === 'all') {
item.children.forEach(items => {
item.arr.push(items.name)
});
}
if (status === '!all') {
item.children.forEach(items => {
if (items.isCheck) {
item.arr.push(items.name)
}
});
}
item.arr = item.arr.join(',')
if (this.areaData.length !== 0) {
this.areaData.forEach((items, index) => {
if (items.name === item.name) {
this.areaData.splice(index, 1, item)
} else {
/* eslint-disable */
this.areaData.push(item)
// 对this.areaData中的对象根据name属性去重
const obj = {};
this.areaData = this.areaData.reduce((item_, next) => {
obj[next.name] ? '' : obj[next.name] = true && item_.push(next);
return item_;
}, []);
}
})
} else {
this.areaData.push(item)
}
}
}
css模块
.box {
width: 120px;
background-color: #fff;
box-shadow: 2px 2px 3px #d4d4d4;
border-radius: 3px;
min-height: 60px;
max-height: 60px;
position: relative;
.width {
width: 360px !important;
background-color: pink !important;
}
.area {
width: 100%;
height: 30px;
line-height: 30px;
color: rgba(20, 146, 255, 1);
padding: 0 8px;
box-sizing: border-box;
.icon {
position: absolute;
top: 7.5px;
right: 0;
}
}
.area:hover {
background-color: #f3f3f3;
cursor: pointer;
user-select: none;
}
.position {
position: absolute;
top: 0 !important;
left: 240px !important;
}
.ul_box,.position {
position: absolute;
top: 0;
left: 120px;
width: 120px;
max-height: 150px;
overflow-y: auto;
background-color: #fff;
box-shadow: 2px 2px 3px #d4d4d4;
border-radius: 3px;
.li_box {
list-style: none;
width: 100%;
height: 30px;
line-height: 30px;
color: rgba(20, 146, 255, 1);
padding: 0 8px;
box-sizing: border-box;
display: flex;
align-items: center;
position: relative;
.splice {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
display: inline-block;
width: 60px;
line-height: 30px;
}
&:hover {
background-color: #f3f3f3;
cursor: pointer;
user-select: none;
}
}
}
}
整体效果图:

鼠标经过时显示选中的图:

半选图:

结构解说图:

最后注意下数据格式:
arealist.js
const areaList = [
{
indeterminate: false,
isCheck: false,
name: '直辖市',
children: [
{
isCheck: false,
name: '北京市'
},
{
isCheck: false,
name: '上海市'
},
{
isCheck: false,
name: '天津市'
},
{
isCheck: false,
name: '重庆市'
},
]
},
{
isCheck: false,
name: '特别行政区',
indeterminate: false,
children: [
{
isCheck: false,
name: '香港'
},
{
isCheck: false,
name: '澳门'
},
]
},
{
isCheck: false,
name: '广东省',
indeterminate: false,
children: [
{
isCheck: false,
name: '东莞市'
},
{
isCheck: false,
name: '广州市'
},
{
isCheck: false,
name: '中山市'
},
{
isCheck: false,
name: '深圳市'
},
{
isCheck: false,
name: '惠州市'
},
{
isCheck: false,
name: '江门市'
},
{
isCheck: false,
name: '珠海市'
},
{
isCheck: false,
name: '汕头市'
},
{
isCheck: false,
name: '佛山市'
},
{
isCheck: false,
name: '湛江市'
},
{
isCheck: false,
name: '河源市'
},
{
isCheck: false,
name: '肇庆市'
},
{
isCheck: false,
name: '清远市'
},
{
isCheck: false,
name: '潮州市'
},
{
isCheck: false,
name: '韶关市'
},
{
isCheck: false,
name: '揭阳市'
},
{
isCheck: false,
name: '阳江市'
},
{
isCheck: false,
name: '梅州市'
},
{
isCheck: false,
name: '云浮市'
},
{
isCheck: false,
name: '茂名市'
},
{
isCheck: false,
name: '汕尾市'
},
]
},
{
isCheck: false,
name: '山东省',
indeterminate: false,
children: [
{
isCheck: false,
name: '济南市'
},
{
isCheck: false,
name: '青岛市'
},
{
isCheck: false,
name: '临沂市'
},
{
isCheck: false,
name: '济宁市'
},
{
isCheck: false,
name: '菏泽市'
},
{
isCheck: false,
name: '烟台市'
},
{
isCheck: false,
name: '淄博市'
},
{
isCheck: false,
name: '泰安市'
},
{
isCheck: false,
name: '潍坊市'
},
{
isCheck: false,
name: '日照市'
},
{
isCheck: false,
name: '威海市'
},
{
isCheck: false,
name: '滨州市'
},
{
isCheck: false,
name: '东营市'
},
{
isCheck: false,
name: '聊城市'
},
{
isCheck: false,
name: '德州市'
},
{
isCheck: false,
name: '莱芜市'
},
{
isCheck: false,
name: '枣庄市'
},
]
},
{
isCheck: false,
name: '江苏省',
indeterminate: false,
children: [
{
isCheck: false,
name: '苏州市'
},
{
isCheck: false,
name: '徐州市'
},
{
isCheck: false,
name: '盐城市'
},
{
isCheck: false,
name: '无锡市'
},
{
isCheck: false,
name: '南京市'
},
{
isCheck: false,
name: '南通市'
},
{
isCheck: false,
name: '连云港市'
},
{
isCheck: false,
name: '常州市'
},
{
isCheck: false,
name: '镇江市'
},
{
isCheck: false,
name: '扬州市'
},
{
isCheck: false,
name: '淮安市'
},
{
isCheck: false,
name: '泰州市'
},
{
isCheck: false,
name: '宿迁市'
},
]
},
{
isCheck: false,
name: '河南省',
indeterminate: false,
children: [
{
isCheck: false,
name: '郑州市'
},
{
isCheck: false,
name: '南阳市'
},
{
isCheck: false,
name: '新乡市'
},
{
isCheck: false,
name: '安阳市'
},
{
isCheck: false,
name: '洛阳市'
},
{
isCheck: false,
name: '信阳市'
},
{
isCheck: false,
name: '平顶山市'
},
{
isCheck: false,
name: '周口市'
},
{
isCheck: false,
name: '商丘市'
},
{
isCheck: false,
name: '扬州市'
},
{
isCheck: false,
name: '开封市'
},
{
isCheck: false,
name: '焦作市'
},
{
isCheck: false,
name: '驻马店市'
},
{
isCheck: false,
name: '濮阳市'
},
{
isCheck: false,
name: '三门峡市'
},
{
isCheck: false,
name: '漯河市'
},
{
isCheck: false,
name: '许昌市'
},
{
isCheck: false,
name: '鹤壁市'
},
{
isCheck: false,
name: '济源市'
},
]
},
{
isCheck: false,
name: '河北省',
indeterminate: false,
children: [
{
isCheck: false,
name: '石家庄市'
},
{
isCheck: false,
name: '唐山市'
},
{
isCheck: false,
name: '保定市'
},
{
isCheck: false,
name: '邯郸市'
},
{
isCheck: false,
name: '邢台市'
},
{
isCheck: false,
name: '河北区'
},
{
isCheck: false,
name: '沧州市'
},
{
isCheck: false,
name: '秦皇岛市'
},
{
isCheck: false,
name: '张家口市'
},
{
isCheck: false,
name: '衡水市'
},
{
isCheck: false,
name: '廊坊市'
},
{
isCheck: false,
name: '承德市'
},
]
},
{
isCheck: false,
name: '浙江省',
indeterminate: false,
children: [
{
isCheck: false,
name: '杭州市'
},
{
isCheck: false,
name: '温州市'
},
{
isCheck: false,
name: '宁波市'
},
{
isCheck: false,
name: '台州市'
},
{
isCheck: false,
name: '嘉兴市'
},
{
isCheck: false,
name: '金华市'
},
{
isCheck: false,
name: '湖州市'
},
{
isCheck: false,
name: '绍兴市'
},
{
isCheck: false,
name: '舟山市'
},
{
isCheck: false,
name: '丽水市'
},
{
isCheck: false,
name: '衢州市'
},
]
},
{
isCheck: false,
name: '陕西省',
indeterminate: false,
children: [
{
isCheck: false,
name: '西安市'
},
{
isCheck: false,
name: '咸阳市'
},
{
isCheck: false,
name: '宝鸡市'
},
{
isCheck: false,
name: '汉中市'
},
{
isCheck: false,
name: '渭南市'
},
{
isCheck: false,
name: '安康市'
},
{
isCheck: false,
name: '榆林市'
},
{
isCheck: false,
name: '商洛市'
},
{
isCheck: false,
name: '延安市'
},
{
isCheck: false,
name: '铜川市'
},
]
},
{
isCheck: false,
name: '湖南省',
indeterminate: false,
children: [
{
isCheck: false,
name: '长沙市'
},
{
isCheck: false,
name: '邵阳市'
},
{
isCheck: false,
name: '常德市'
},
{
isCheck: false,
name: '衡阳市'
},
{
isCheck: false,
name: '株洲市'
},
{
isCheck: false,
name: '湘潭市'
},
{
isCheck: false,
name: '永州市'
},
{
isCheck: false,
name: '岳阳市'
},
{
isCheck: false,
name: '怀化市'
},
{
isCheck: false,
name: '彬州市'
},
{
isCheck: false,
name: '娄底市'
},
{
isCheck: false,
name: '益阳市'
},
{
isCheck: false,
name: '张家界市'
},
{
isCheck: false,
name: '湘西州'
},
]
},
{
isCheck: false,
name: '福建省',
indeterminate: false,
children: [
{
isCheck: false,
name: '漳州市'
},
{
isCheck: false,
name: '厦门市'
},
{
isCheck: false,
name: '泉州市'
},
{
isCheck: false,
name: '福州市'
},
{
isCheck: false,
name: '莆田市'
},
{
isCheck: false,
name: '宁德市'
},
{
isCheck: false,
name: '三明市'
},
{
isCheck: false,
name: '南平市'
},
{
isCheck: false,
name: '龙岩市'
},
]
},
{
isCheck: false,
name: '云南省',
indeterminate: false,
children: [
{
isCheck: false,
name: '昆明市'
},
{
isCheck: false,
name: '红河州'
},
{
isCheck: false,
name: '大理州'
},
{
isCheck: false,
name: '文山州'
},
{
isCheck: false,
name: '德宏州'
},
{
isCheck: false,
name: '曲靖州'
},
{
isCheck: false,
name: '昭通州'
},
{
isCheck: false,
name: '楚雄州'
},
{
isCheck: false,
name: '保山市'
},
{
isCheck: false,
name: '玉溪市'
},
{
isCheck: false,
name: '丽江地区'
},
{
isCheck: false,
name: '临沧地区'
},
{
isCheck: false,
name: '思茅地区'
},
{
isCheck: false,
name: '西双版纳州'
},
{
isCheck: false,
name: '怒江州'
},
{
isCheck: false,
name: '迪庆州'
},
]
},
{
isCheck: false,
name: '四川省',
indeterminate: false,
children: [
{
isCheck: false,
name: '成都市'
},
{
isCheck: false,
name: '绵阳市'
},
{
isCheck: false,
name: '广元市'
},
{
isCheck: false,
name: '达州市'
},
{
isCheck: false,
name: '南充市'
},
{
isCheck: false,
name: '德阳市'
},
{
isCheck: false,
name: '广安市'
},
{
isCheck: false,
name: '阿坝州'
},
{
isCheck: false,
name: '巴中市'
},
{
isCheck: false,
name: '遂宁市'
},
{
isCheck: false,
name: '内江市'
},
{
isCheck: false,
name: '凉山州'
},
{
isCheck: false,
name: '攀枝花市'
},
{
isCheck: false,
name: '乐山市'
},
{
isCheck: false,
name: '自贡市'
},
{
isCheck: false,
name: '泸州市'
},
{
isCheck: false,
name: '雅安市'
},
{
isCheck: false,
name: '资阳市'
},
{
isCheck: false,
name: '眉山市'
},
{
isCheck: false,
name: '甘孜州'
},
]
},
{
isCheck: false,
name: '广西壮族自治区',
indeterminate: false,
children: [
{
isCheck: false,
name: '贵港市'
},
{
isCheck: false,
name: '玉林市'
},
{
isCheck: false,
name: '北海市'
},
{
isCheck: false,
name: '柳州市'
},
{
isCheck: false,
name: '桂林市'
},
{
isCheck: false,
name: '梧州市'
},
{
isCheck: false,
name: '钦州市'
},
{
isCheck: false,
name: '来宾市'
},
{
isCheck: false,
name: '河池市'
},
{
isCheck: false,
name: '百色市'
},
{
isCheck: false,
name: '贺州市'
},
{
isCheck: false,
name: '崇左市'
},
{
isCheck: false,
name: '防城港市'
},
]
},
{
isCheck: false,
name: '安徽省',
indeterminate: false,
children: [
{
isCheck: false,
name: '芜湖市'
},
{
isCheck: false,
name: '合肥市'
},
{
isCheck: false,
name: '六安市'
},
{
isCheck: false,
name: '宿州市'
},
{
isCheck: false,
name: '阜阳市'
},
{
isCheck: false,
name: '安庆市'
},
{
isCheck: false,
name: '马鞍山市'
},
{
isCheck: false,
name: '蚌埠市'
},
{
isCheck: false,
name: '淮北市'
},
{
isCheck: false,
name: '淮南市'
},
{
isCheck: false,
name: '宣城市'
},
{
isCheck: false,
name: '黄山市'
},
{
isCheck: false,
name: '铜陵市'
},
{
isCheck: false,
name: '亳州市'
},
{
isCheck: false,
name: '池州市'
},
{
isCheck: false,
name: '巢湖市'
},
{
isCheck: false,
name: '滁州市'
},
]
},
{
isCheck: false,
name: '海南省',
indeterminate: false,
children: [
{
isCheck: false,
name: '三亚市'
},
{
isCheck: false,
name: '海口市'
},
{
isCheck: false,
name: '琼海市'
},
{
isCheck: false,
name: '文昌市'
},
{
isCheck: false,
name: '东方市'
},
{
isCheck: false,
name: '昌江县'
},
{
isCheck: false,
name: '陵水县'
},
{
isCheck: false,
name: '乐东县'
},
{
isCheck: false,
name: '保亭县'
},
{
isCheck: false,
name: '五指山市'
},
{
isCheck: false,
name: '澄迈县'
},
{
isCheck: false,
name: '万宁市'
},
{
isCheck: false,
name: '儋州市'
},
{
isCheck: false,
name: '临高县'
},
{
isCheck: false,
name: '白沙县'
},
{
isCheck: false,
name: '定安县'
},
{
isCheck: false,
name: '琼中县'
},
{
isCheck: false,
name: '屯昌县'
},
]
},
{
isCheck: false,
name: '江西省',
indeterminate: false,
children: [
{
isCheck: false,
name: '南昌市'
},
{
isCheck: false,
name: '赣州市'
},
{
isCheck: false,
name: '上饶市'
},
{
isCheck: false,
name: '吉安市'
},
{
isCheck: false,
name: '九江市'
},
{
isCheck: false,
name: '新余市'
},
{
isCheck: false,
name: '抚州市'
},
{
isCheck: false,
name: '宜春市'
},
{
isCheck: false,
name: '景德镇市'
},
{
isCheck: false,
name: '萍乡市'
},
{
isCheck: false,
name: '鹰潭市'
},
]
},
{
isCheck: false,
name: '湖北省',
indeterminate: false,
children: [
{
isCheck: false,
name: '武汉市'
},
{
isCheck: false,
name: '宜昌市'
},
{
isCheck: false,
name: '襄樊市'
},
{
isCheck: false,
name: '荆州市'
},
{
isCheck: false,
name: '恩施市'
},
{
isCheck: false,
name: '黄冈市'
},
{
isCheck: false,
name: '孝感市'
},
{
isCheck: false,
name: '十堰市'
},
{
isCheck: false,
name: '咸宁市'
},
{
isCheck: false,
name: '黄石市'
},
{
isCheck: false,
name: '仙桃市'
},
{
isCheck: false,
name: '天门市'
},
{
isCheck: false,
name: '随州市'
},
{
isCheck: false,
name: '荆门市'
},
{
isCheck: false,
name: '潜江市'
},
{
isCheck: false,
name: '鄂州市'
},
{
isCheck: false,
name: '神农架林区'
},
]
},
{
isCheck: false,
name: '山西省',
indeterminate: false,
children: [
{
isCheck: false,
name: '太原市'
},
{
isCheck: false,
name: '大同市'
},
{
isCheck: false,
name: '运城市'
},
{
isCheck: false,
name: '长治市'
},
{
isCheck: false,
name: '晋城市'
},
{
isCheck: false,
name: '忻州市'
},
{
isCheck: false,
name: '临汾市'
},
{
isCheck: false,
name: '吕梁市'
},
{
isCheck: false,
name: '晋中市'
},
{
isCheck: false,
name: '阳泉市'
},
{
isCheck: false,
name: '朔州市'
},
]
},
{
isCheck: false,
name: '辽宁省',
indeterminate: false,
children: [
{
isCheck: false,
name: '大连市'
},
{
isCheck: false,
name: '沈阳市'
},
{
isCheck: false,
name: '丹东市'
},
{
isCheck: false,
name: '辽阳市'
},
{
isCheck: false,
name: '葫芦岛市'
},
{
isCheck: false,
name: '锦州市'
},
{
isCheck: false,
name: '朝阳市'
},
{
isCheck: false,
name: '营口市'
},
{
isCheck: false,
name: '鞍山市'
},
{
isCheck: false,
name: '抚顺市'
},
{
isCheck: false,
name: '阜新市'
},
{
isCheck: false,
name: '盘锦市'
},
{
isCheck: false,
name: '本溪市'
},
{
isCheck: false,
name: '铁岭市'
},
]
},
{
isCheck: false,
name: '黑龙江省',
indeterminate: false,
children: [
{
isCheck: false,
name: '齐齐哈尔'
},
{
isCheck: false,
name: '哈尔滨市'
},
{
isCheck: false,
name: '大庆市'
},
{
isCheck: false,
name: '佳木斯市'
},
{
isCheck: false,
name: '双鸭山市'
},
{
isCheck: false,
name: '牡丹江市'
},
{
isCheck: false,
name: '鸡西市'
},
{
isCheck: false,
name: '黑河市'
},
{
isCheck: false,
name: '绥化市'
},
{
isCheck: false,
name: '鹤岗市'
},
{
isCheck: false,
name: '伊春市'
},
{
isCheck: false,
name: '大兴安岭'
},
{
isCheck: false,
name: '七台河市'
},
]
},
{
isCheck: false,
name: '吉林省',
indeterminate: false,
children: [
{
isCheck: false,
name: '吉林市'
},
{
isCheck: false,
name: '长春市'
},
{
isCheck: false,
name: '白山市'
},
{
isCheck: false,
name: '延边州'
},
{
isCheck: false,
name: '白城市'
},
{
isCheck: false,
name: '松原市'
},
{
isCheck: false,
name: '辽源市'
},
{
isCheck: false,
name: '通化市'
},
{
isCheck: false,
name: '四平市'
},
]
},
{
isCheck: false,
name: '台湾省',
indeterminate: false,
children: [
{
isCheck: false,
name: '台北市'
},
{
isCheck: false,
name: '高雄市'
},
{
isCheck: false,
name: '台中市'
},
{
isCheck: false,
name: '新竹市'
},
{
isCheck: false,
name: '基隆市'
},
{
isCheck: false,
name: '台南市'
},
{
isCheck: false,
name: '嘉义市'
},
{
isCheck: false,
name: '黑河市'
},
]
},
{
isCheck: false,
name: '内蒙古自治区',
indeterminate: false,
children: [
{
isCheck: false,
name: '赤峰市'
},
{
isCheck: false,
name: '包头市'
},
{
isCheck: false,
name: '通辽市'
},
{
isCheck: false,
name: '呼尔浩特市'
},
{
isCheck: false,
name: '鄂尔多斯市'
},
{
isCheck: false,
name: '乌海市'
},
{
isCheck: false,
name: '呼伦贝尔市'
},
{
isCheck: false,
name: '兴安盟'
},
{
isCheck: false,
name: '巴彦淖尔盟'
},
{
isCheck: false,
name: '乌兰察布'
},
{
isCheck: false,
name: '锡林郭勒盟'
},
{
isCheck: false,
name: ' 阿拉善盟'
},
]
},
{
isCheck: false,
name: '贵州省',
indeterminate: false,
children: [
{
isCheck: false,
name: '贵阳市'
},
{
isCheck: false,
name: '黔东南州'
},
{
isCheck: false,
name: '黔南州'
},
{
isCheck: false,
name: '遵义市'
},
{
isCheck: false,
name: '黔西南州'
},
{
isCheck: false,
name: '毕节地区'
},
{
isCheck: false,
name: '同仁地区'
},
{
isCheck: false,
name: '安顺市'
},
{
isCheck: false,
name: '六盘水市'
},
]
},
{
isCheck: false,
name: '甘肃省',
indeterminate: false,
children: [
{
isCheck: false,
name: '兰州市'
},
{
isCheck: false,
name: '天水市'
},
{
isCheck: false,
name: '庆阳市'
},
{
isCheck: false,
name: '武威市'
},
{
isCheck: false,
name: '酒泉市'
},
{
isCheck: false,
name: '张掖市'
},
{
isCheck: false,
name: '陇南地区'
},
{
isCheck: false,
name: '白银市'
},
{
isCheck: false,
name: '定西地区'
},
{
isCheck: false,
name: '平凉市'
},
{
isCheck: false,
name: '嘉峪关市'
},
{
isCheck: false,
name: '临夏回族自治州'
},
{
isCheck: false,
name: '金昌市'
},
{
isCheck: false,
name: '金昌市'
},
{
isCheck: false,
name: '甘南州'
},
]
},
{
isCheck: false,
name: '青海省',
indeterminate: false,
children: [
{
isCheck: false,
name: '西宁市'
},
{
isCheck: false,
name: '海西州'
},
{
isCheck: false,
name: '海东地区'
},
{
isCheck: false,
name: '海北州'
},
{
isCheck: false,
name: '果洛州'
},
{
isCheck: false,
name: '玉树州'
},
{
isCheck: false,
name: '黄南藏族自治州'
},
]
},
{
isCheck: false,
name: '新疆维吾尔自治区',
indeterminate: false,
children: [
{
isCheck: false,
name: '乌鲁木齐市'
},
{
isCheck: false,
name: '伊犁州'
},
{
isCheck: false,
name: '昌吉州'
},
{
isCheck: false,
name: '石河子市'
},
{
isCheck: false,
name: '哈密地区'
},
{
isCheck: false,
name: '阿克苏地区'
},
{
isCheck: false,
name: '巴音郭楞州'
},
{
isCheck: false,
name: '喀什地区'
},
{
isCheck: false,
name: '塔城地区'
},
{
isCheck: false,
name: '克拉玛依市'
},
{
isCheck: false,
name: '和田地区'
},
{
isCheck: false,
name: '阿勒泰州'
},
{
isCheck: false,
name: '吐鲁番地区'
},
{
isCheck: false,
name: '阿拉尔市'
},
{
isCheck: false,
name: '博尔塔拉州'
},
{
isCheck: false,
name: '五家渠市'
},
{
isCheck: false,
name: '克孜勒苏州'
},
{
isCheck: false,
name: '图木舒克市'
},
]
},
{
isCheck: false,
name: '西藏区',
indeterminate: false,
children: [
{
isCheck: false,
name: '拉萨市'
},
{
isCheck: false,
name: '山南地区'
},
{
isCheck: false,
name: '林芝地区'
},
{
isCheck: false,
name: '日喀则地区'
},
{
isCheck: false,
name: '阿里地区'
},
{
isCheck: false,
name: '昌都地区'
},
{
isCheck: false,
name: '那曲地区'
},
]
},
{
isCheck: false,
name: '宁夏回族自治区',
indeterminate: false,
children: [
{
isCheck: false,
name: '银川市'
},
{
isCheck: false,
name: '吴忠市'
},
{
isCheck: false,
name: '中卫市'
},
{
isCheck: false,
name: '石嘴山市'
},
{
isCheck: false,
name: '固原市'
},
]
},
]
export default areaList

浙公网安备 33010602011771号