<template>
    <q-dialog v-model="modelValue" persistent transition-show="scale" transition-hide="scale"  @hide ="hideDialog">
        <q-card style="width: 800px">
            <q-card-section class="row items-center q-pb-none">
                <div class="text-h6">选择部门/员工</div>
                <q-space />
                <q-btn icon="close" flat round dense v-close-popup />
            </q-card-section>

            <q-card-section class="q-pt-none">
                <div class="flex col">
                    <div class="col-6">1

                    </div>
                    <div class="col-6">2</div>
                </div>
            </q-card-section>

            <q-card-actions align="right" class="bg-white text-teal">
                <q-btn flat label="取消" v-close-popup />
                <q-btn color="primary" label="确定"  />
            </q-card-actions>
        </q-card>
    </q-dialog>
</template>
<script lang="ts">
import { reactive, ref,watch } from 'vue'
export default {
    props: {
        modelValue: {
            type: Boolean,
            default: false
        },
        //树形结构列表
        treeData: {
            type: Array,
            required: true
        },
        showType: {
            type: Number,//0:显示部门和员工，1：只显示部门
            default: 0
        }
    },
    // emits:["update:modelValue"],
    setup(props,ctx) {
        let hideDialog=()=>{
            ctx.emit("update:modelValue",false)
        }
        return {
            hideDialog
        }
    }
}
</script>