From 7ad2d431210a86fff476aaf749b867ff2bf8a409 Mon Sep 17 00:00:00 2001
From: jason <2667446@qq.com>
Date: Thu, 28 May 2026 17:21:48 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20[bpm]=20web-ele=E7=89=88=E6=9C=AC=20?=
 =?UTF-8?q?=E6=B5=81=E7=A8=8B=E8=A1=A8=E5=8D=95=E5=AD=97=E5=85=B8=E9=80=89?=
 =?UTF-8?q?=E6=8B=A9=E5=99=A8=E4=B8=8B=E6=8B=89=E6=97=A0=E6=B3=95=E9=80=89?=
 =?UTF-8?q?=E4=B8=AD=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../form-create/components/dict-select.vue    | 50 ++++++++++++++++---
 .../src/components/form-create/typing.ts      |  1 +
 2 files changed, 43 insertions(+), 8 deletions(-)

diff --git a/apps/web-ele/src/components/form-create/components/dict-select.vue b/apps/web-ele/src/components/form-create/components/dict-select.vue
index 769369cd5..8521334df 100644
--- a/apps/web-ele/src/components/form-create/components/dict-select.vue
+++ b/apps/web-ele/src/components/form-create/components/dict-select.vue
@@ -2,7 +2,7 @@
 <script lang="ts" setup>
 import type { DictSelectProps } from '../typing';
 
-import { computed, useAttrs } from 'vue';
+import { computed, ref, useAttrs, watch } from 'vue';
 
 import { getDictOptions } from '@vben/hooks';
 
@@ -22,8 +22,24 @@ const props = withDefaults(defineProps<DictSelectProps>(), {
   selectType: 'select',
 });
 
+const emit = defineEmits<{
+  (e: 'update:modelValue', value: any): void;
+}>();
+
 const attrs = useAttrs();
 
+/** 内部选中值 */
+const selectedValue = ref<any>();
+
+/** 同步 modelValue 到内部选中值 */
+watch(
+  () => props.modelValue,
+  (newVal) => {
+    selectedValue.value = newVal;
+  },
+  { immediate: true },
+);
+
 /** 获得字典配置 */
 const getDictOption = computed(() => {
   switch (props.valueType) {
@@ -31,20 +47,30 @@ const getDictOption = computed(() => {
       return getDictOptions(props.dictType, 'boolean');
     }
     case 'int': {
-      return getDictOptions(props.dictType);
+      return getDictOptions(props.dictType, 'number');
     }
     case 'str': {
-      return getDictOptions(props.dictType);
+      return getDictOptions(props.dictType, 'string');
     }
     default: {
       return [];
     }
   }
 });
+
+function handleChange(value: any) {
+  emit('update:modelValue', value);
+}
 </script>
 
 <template>
-  <ElSelect v-if="selectType === 'select'" class="w-1/1" v-bind="attrs">
+  <ElSelect
+    v-if="selectType === 'select'"
+    v-model="selectedValue"
+    class="w-full"
+    v-bind="attrs"
+    @change="handleChange"
+  >
     <ElOption
       v-for="(dict, index) in getDictOption"
       :key="index"
@@ -52,24 +78,32 @@ const getDictOption = computed(() => {
       :label="dict.label"
     />
   </ElSelect>
-  <ElRadioGroup v-if="selectType === 'radio'" class="w-1/1" v-bind="attrs">
+  <ElRadioGroup
+    v-if="selectType === 'radio'"
+    v-model="selectedValue"
+    class="w-full"
+    v-bind="attrs"
+    @change="handleChange"
+  >
     <ElRadio
       v-for="(dict, index) in getDictOption"
       :key="index"
-      :label="dict.value"
+      :value="dict.value"
     >
       {{ dict.label }}
     </ElRadio>
   </ElRadioGroup>
   <ElCheckboxGroup
     v-if="selectType === 'checkbox'"
-    class="w-1/1"
+    v-model="selectedValue"
+    class="w-full"
     v-bind="attrs"
+    @change="handleChange"
   >
     <ElCheckbox
       v-for="(dict, index) in getDictOption"
       :key="index"
-      :label="dict.value"
+      :value="dict.value"
     >
       {{ dict.label }}
     </ElCheckbox>
diff --git a/apps/web-ele/src/components/form-create/typing.ts b/apps/web-ele/src/components/form-create/typing.ts
index 35c1a39fc..6831c95ff 100644
--- a/apps/web-ele/src/components/form-create/typing.ts
+++ b/apps/web-ele/src/components/form-create/typing.ts
@@ -3,6 +3,7 @@ export interface DictSelectProps {
   dictType: string; // 字典类型
   valueType?: 'bool' | 'int' | 'str'; // 字典值类型
   selectType?: 'checkbox' | 'radio' | 'select'; // 选择器类型，下拉框 select、多选框 checkbox、单选框 radio
+  modelValue?: any; // 选中值，由 form-create 通过 modelField 绑定
   formCreateInject?: any;
 }