<!-- 关联关系 -->
<script setup lang="tsx">
import { PropType,ref,reactive, watch } from 'vue'
import { useValidator } from '@/hooks/web/useValidator'
import { ElForm,ElFormItem, ElRadioGroup,ElRadio } from 'element-plus'

const { required } = useValidator()

const props = defineProps({
  currentRow: {
    type: Object as PropType<any>,
    default: () => null
  }
})

const rules = reactive({

})

let structerRelation = reactive({
    parentTable: '',//主表
    relationship: 'LEFT',//关联关系
})

</script>

<template>
  <ElForm :model="structerRelation" label-width="auto" style="max-width: 600px">
    <ElFormItem label="主表">
      <ElInput v-model="structerRelation.parentTable" />
    </ElFormItem>
    <ElFormItem label="关联关系">
      <ElRadioGroup v-model="structerRelation.relationship">
        <ElRadio value="LEFT">左关联</ElRadio>
        <ElRadio value="INNER">等值关联</ElRadio>
      </ElRadioGroup>
    </ElFormItem>
  </ElForm>
</template>
<style scoped>

</style>