基于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

posted @ 2021-11-12 18:08  Life_countdown  阅读(1448)  评论(0)    收藏  举报