<!--
    regionData 是省市区三级联动数据（不带“全部”选项）
    CodeToText 是个大对象，属性是区域码，属性值是汉字 用法例如：CodeToText[‘110000’]输出北京市
    TextToCode  后台省市区显示再页面转code，
    TextToCode['广东省'].code， TextToCode['广东省']['深圳市'].code,
    TextToCode['广东省']['深圳市']['福田区'].code,分别是省市区code
-->


<template>
    <el-cascader :options="areaSelectData" @change="handleChange" class="city-select" :size="size" :props="props"
        :filterable="filterable" placeholder="请选择您所在的城市" />
</template>

<script>

// import { regionData, CodeToText } from "element-china-area-data"
const { regionData, CodeToText} = require('element-china-area-data/dist/app.commonjs')  //服务器端使用方法
export default {
    
    props: {
        size: {
            type: String,
            default: "small",
        },
        props: {
            type: Object,
        },
        filterable: {
            type: Boolean,
            default: false
        },
    },
    data() {
        return {
            //省市区三级联动数据
            areaSelectData: regionData,
        };
    },
    mounted() {
    },
    methods: {

        handleChange(value) {

            if (value) {
                //code转为省
                // let provinceCode = CodeToText[value[0]];
                // //市
                // let cityCode = CodeToText[value[1]];
                // //区
                // let orgion = CodeToText[value[2]];

                this.$emit('handleChange', value, CodeToText)
            }
        },

    },
}
</script>

<style>

</style>