下拉框控件适配规则

 <!--
 <!--
  * @Date: 2023-03-29 14:55:46
  * @Date: 2023-03-29 14:55:46
  * @LastEditors: hookehuyr hookehuyr@gmail.com
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2024-06-06 15:53:10
+ * @LastEditTime: 2024-07-01 11:53:37
  * @FilePath: /data-table/src/components/PickerField/MyComponent.vue
  * @FilePath: /data-table/src/components/PickerField/MyComponent.vue
  * @Description: 文件描述
  * @Description: 文件描述
 -->
 -->
@@ -34,6 +34,7 @@ import { useCustomFieldValue } from '@vant/use';
 
 
 // 获取父组件传值
 // 获取父组件传值
 const props = inject('props');
 const props = inject('props');
+const emit = defineEmits(["active"]);
 
 
 const showPicker = ref(false);
 const showPicker = ref(false);
 const picker_value = ref(props.component_props.default);
 const picker_value = ref(props.component_props.default);
@@ -45,11 +46,12 @@ const onClick = () => {
 };
 };
 
 
 const onConfirm = ({ selectedOptions }) => {
 const onConfirm = ({ selectedOptions }) => {
+  // console.warn(props);
   picker_value.value = selectedOptions[0]?.value;
   picker_value.value = selectedOptions[0]?.value;
   showPicker.value = false;
   showPicker.value = false;
   // 触发点自定义监听事件，配合规则显示隐藏其他字段
   // 触发点自定义监听事件，配合规则显示隐藏其他字段
-  // props.item.value = { key: props.item.key, value: picker_value.value, type: "picker" };
-  // emit("active", props.item.value);
+  props.value = { key: props.key, value: picker_value.value, type: "picker" };
+  emit("active", props.value);
   // if (add_info_key.value === props.item.value) {
   // if (add_info_key.value === props.item.value) {
   //   has_add_info.value = true;
   //   has_add_info.value = true;
   // }
   // }

 <!--
 <!--
  * @Date: 2022-08-30 13:46:51
  * @Date: 2022-08-30 13:46:51
  * @LastEditors: hookehuyr hookehuyr@gmail.com
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2023-03-29 15:07:12
+ * @LastEditTime: 2024-07-01 12:33:33
  * @FilePath: /data-table/src/components/PickerField/index.vue
  * @FilePath: /data-table/src/components/PickerField/index.vue
  * @Description: 单列选择器组件
  * @Description: 单列选择器组件
 -->
 -->
@@ -13,7 +13,7 @@
     </div>
     </div>
     <van-field :name="item.name" :rules="item.rules" style="padding: 0;">
     <van-field :name="item.name" :rules="item.rules" style="padding: 0;">
       <template #input>
       <template #input>
-        <my-component />
+        <my-component @active="onActive" />
       </template>
       </template>
     </van-field>
     </van-field>
   </div>
   </div>
@@ -25,6 +25,7 @@ import MyComponent from './MyComponent.vue';
 const props = defineProps({
 const props = defineProps({
   item: Object,
   item: Object,
 });
 });
+const emit = defineEmits(["active"]);
 
 
 // 注入子组件属性
 // 注入子组件属性
 provide('props', props.item);
 provide('props', props.item);
@@ -32,7 +33,12 @@ provide('props', props.item);
 // 隐藏显示
 // 隐藏显示
 const HideShow = computed(() => {
 const HideShow = computed(() => {
   return !props.item.component_props.disabled
   return !props.item.component_props.disabled
-})
+});
+
+// 子组件通信，适配规则触发
+const onActive = (val) => {
+  emit("active", val);
+};
 
 
 </script>
 </script>
 
 

 <!--
 <!--
  * @Date: 2022-07-18 10:22:22
  * @Date: 2022-07-18 10:22:22
  * @LastEditors: hookehuyr hookehuyr@gmail.com
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2024-06-28 17:07:28
+ * @LastEditTime: 2024-07-01 12:32:31
  * @FilePath: /data-table/src/views/index.vue
  * @FilePath: /data-table/src/views/index.vue
  * @Description: 首页
  * @Description: 首页
 -->
 -->
@@ -831,6 +831,9 @@ const onActive = (item) => {
   if (item?.type === "volunteer_group") { // 义工组别选择控件
   if (item?.type === "volunteer_group") { // 义工组别选择控件
     postData.value = _.assign(postData.value, { [item.key]: item.affix ? item.affix : item.value });
     postData.value = _.assign(postData.value, { [item.key]: item.affix ? item.affix : item.value });
   }
   }
+  if (item?.type === "picker") { // 下拉框控件
+    postData.value[item.key] = item.value;
+  }
   // 检查规则，会影响字段显示
   // 检查规则，会影响字段显示
   checkRules();
   checkRules();
 };
 };