<template>
    <div>
        <el-dialog title="人员选择" :visible.sync="treeDialog">
            <div class="treeDialog">
                <el-tree class="treeCss" :data="treeData" node-key="id" :props="defaultProps"
                    @node-click="handleNodeClick"></el-tree>
                <div class="treeCss" style="margin-left: 10px;">
                    <div style="margin-top: 3px;">
                        {{ cityOptions.length > 0 ? '请选择人员' : '请选择部门' }}
                    </div>
                    <!-- <el-checkbox v-show="cityOptions.length > 0" :indeterminate="isIndeterminate"
                                v-model="checkAll" @change="handleCheckAllChange">全选</el-checkbox> -->
                    <el-checkbox-group v-model="checkedCities">
                        <el-checkbox v-for="i in cityOptions" :label="i.staffId" :key="i">{{ i.staffName
                        }}</el-checkbox>
                    </el-checkbox-group>
                </div>
            </div>
            <div style="text-align: center;margin-top: 10px;">
                <el-button size="small" @click="checkedCities = []">重置</el-button>
                <el-button size="small" type="primary" @click="subUser">确定</el-button>
            </div>
        </el-dialog>
    </div>
</template>

<script>
export default {

}
</script>

<style lang="less" scoped></style>