<template>
  <el-form :model="form" label-width="auto" size="large" label-position="top">
    <el-form-item label="租户ID" class="px-4">
      <el-input disabled v-model="form.tenantId"/>
    </el-form-item>
    <el-form-item label="手机号码" class="px-4">
      <el-input disabled v-model="form.mobile"/>
    </el-form-item>
    <el-form-item label="应用名称" class="px-4">
      <el-input v-model="form.tenantName"/>
    </el-form-item>
    <el-form-item label="昵称" class="px-4">
      <el-input v-model="form.nickname"/>
    </el-form-item>
    <el-form-item label="邮箱账号" class="px-4">
      <el-input v-model="form.email" placeholder="邮箱账号"/>
    </el-form-item>
    <el-form-item label="性别" class="px-4">
      <el-radio-group v-model="form.sex">
        <el-radio value="1">男</el-radio>
        <el-radio value="2">女</el-radio>
      </el-radio-group>
    </el-form-item>
    <el-form-item label="个人签名" class="px-4">
      <el-input v-model="form.comments" type="textarea" placeholder="个人签名" :rows="4"/>
    </el-form-item>
    <el-form-item class="px-4">
      <el-button type="primary" class="sm:w-auto w-full" size="large" @click="onSubmit">保存</el-button>
    </el-form-item>
  </el-form>
</template>
<script setup lang="ts">

withDefaults(
    defineProps<{
      form?: any;
      title?: string;
      desc?: string;
    }>(),
    {}
);

const emit = defineEmits<{
  (e: 'done', where: any): void
}>()

const onSubmit = () => {
  emit('done')
}

</script>

<style scoped lang="less">

</style>
