<template>
  <CzrDialog
    :show="show"
    :title="titleCpt"
    @onClose="$emit('update:show', false)"
    width="62.5rem"
    height="auto"
    max-height="90%"
    :loading="state.loading"
    :show-close="false"
    :show-submit="false"
  >
    <div class="bm-form"></div>
  </CzrDialog>
</template>

<script setup lang="ts">
import {
  computed,
  getCurrentInstance,
  nextTick,
  reactive,
  ref,
  watch,
} from 'vue'
import { ElMessage, ElMessageBox } from 'element-plus'
import { useAppStore, useDialogStore, useDictionaryStore } from '@/stores'
import { useRouter } from 'vue-router'

const DialogStore = useDialogStore()
const emit = defineEmits(['update:show', 'refresh'])
const { proxy } = getCurrentInstance()
const props = defineProps({
  show: { default: false },
  transfer: <any>{},
})
const state: any = reactive({
  loading: false,
  form: {},
})
const ref_form = ref()
const titleCpt = computed(() => {
  let t = '关联用户'
  return t
})
watch(
  () => props.show,
  (n) => {
    if (n) {
      initDictionary()
      state.form = {}
      if (props.transfer.mode !== 'add') {
        initData()
      }
      nextTick(() => {
        ref_form.value.reset()
      })
    }
  },
)
const initDictionary = () => {}
const initData = () => {
  // state.loading = true
  // userDetail(props.transfer.id)
  //   .then(({ data }: any) => {
  //     state.form = data
  //   })
  //   .catch(() => {})
  //   .finally(() => {
  //     state.loading = false
  //   })
}
</script>

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