<script type="text/x-template" id="ms-role-employee">
    <el-cascader v-bind="$props"
                 @change="$emit('change',$event)"
                 :options="dataList"
                 :props="dataProps"
                 v-model="select">
    </el-cascader>
</script>
<script>
    (function () {
        Vue.component('ms-role-employee', {
            template: '#ms-role-employee',
            props: Object.assign({emitPath: {
                        type: Boolean,
                        default:function() {
                            return false;
                        }
                    },url:String},
                Vue.options.components.ElCascader.options.props
            ),
            data: function () {
                return {
                    dataList: [],
                    select: this.value,
                    dataProps:{"emitPath":this.emitPath,"checkStrictly":false,"value":"managerId","label":"managerNickName","expandTrigger":"hover","children":"employeeList"},
                }
            },
            watch: {
                select: function (n, o) {
                    this.$emit("input", n)
                },
                value: function (n, o) {
                    this.select = n
                },
                url: function (n, o) {
                    this.list(n)
                },
            },
            methods: {
                list: function (url) {
                    var that = this;
                    ms.http.get(url).then(function (res) {
                        if(res.result){
                            that.dataList =  res.data;
                        }else {
                            that.dataList = []
                        }
                    }).catch(function (err) {
                        console.log(err);
                    });
                },
            },
            created: function () {
                this.list(this.url?this.url:(ms.manager + "/organization/employee/getPostEmployeeBeans.do"))
            }
        });

    })()
</script>