linkData.vue 1.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849
  1. <template>
  2. <hc-new-dialog v-model="linkModal" is-table title="关联构建编码" widths="72rem" @close="closeModal">
  3. <div class="h-full">
  4. <hc-page-split>
  5. <template #left>
  6. <hc-card>
  7. <el-radio-group v-model="leftRadio">
  8. <el-radio :value="3">Option A</el-radio>
  9. <el-radio :value="6">Option B</el-radio>
  10. <el-radio :value="9">Option C</el-radio>
  11. </el-radio-group>
  12. </hc-card>
  13. </template>
  14. <hc-card>
  15. 其它内容
  16. </hc-card>
  17. </hc-page-split>
  18. </div>
  19. </hc-new-dialog>
  20. </template>
  21. <script setup>
  22. import { ref, watch } from 'vue'
  23. // 接收父组件传入的属性
  24. const props = defineProps({
  25. })
  26. const emit = defineEmits(['close', 'save'])
  27. const linkModal = defineModel('modelValue', {
  28. default: false,
  29. })
  30. watch(() => linkModal.value, (val) => {
  31. })
  32. const closeModal = ()=>{
  33. linkModal.value = false
  34. emit('close')
  35. }
  36. const leftRadio = ref('3')
  37. </script>
  38. <style lang="scss" scoped>
  39. </style>