更新

src/components/SearchForm/index.vue

@@ -4,7 +4,7 @@
       class="search-form bg-bg_color w-[99/100] pl-8 pt-[12px] overflow-auto">
       <el-form-item v-for="(item, index) in LabelList" :key="index" :label="item.label" :prop="item.prop">
         <el-input v-if="item.type === 'input'" v-model="form[item.prop]" :placeholder="`请输入${item.label}`" clearable
-          class="!w-[180px]" />
+          class="!w-[180px]" @change="changeValue" />
         <!-- 选择器 -->
         <el-select class="!w-[180px]" :placeholder="`请选择${item.label}`" v-if="item.type === 'select'" clearable
           v-model="form[item.prop]">
@@ -34,7 +34,7 @@ import { ref } from 'vue';
 import { useRenderIcon } from "@/components/ReIcon/src/hooks";
 import Refresh from "@iconify-icons/ep/refresh";
 const props = defineProps(['LabelList', 'formData', 'isSenior'])
-const emit = defineEmits(["handleSearch", "openSearch", 'resetFields']);
+const emit = defineEmits(["handleSearch", "openSearch", 'resetFields', 'changeValue']);
 const formRef = ref(null)
 const loading = ref(false)
 const form = ref({ ...props.formData })
@@ -48,6 +48,9 @@ const onSearch = () => {
 const openSeniorSearch = () => {
   emit('openSearch')
 }
+const changeValue = () => {
+  emit('changeValue', form.value)
+}
 const resetForm = () => {
   formRef.value.resetFields()
   emit('resetFields')

src/views/newuser/newuserList/hook.tsx

@@ -20,6 +20,7 @@ import {
   banUserData
 } from "@/api/modules/newuserList";
 import { addDialog } from "@/components/ReDialog";
+import { object } from "vue-types";
 export function useData() {
   const formRef = ref();
   const searchFormMore = ref({
@@ -345,6 +346,12 @@ export function useData() {
       }
     });
   }
+  const changeSearchValue = (form) => {
+    Object.keys(form).forEach(ele => {
+      searchForm.value[ele] = form[ele]
+    })
+    console.log(searchForm.value)
+  }
   const resetFieldsSearch = () => {
     searchFormMore.value = {
       user_code: '',
@@ -522,6 +529,7 @@ export function useData() {
     setUserFund,
     onSeniorSearch,
     resetFieldsSearch,
-    exportExcel
+    exportExcel,
+    changeSearchValue
   };
 }

src/views/newuser/newuserList/index.vue

@@ -24,7 +24,8 @@ const {
 	setUserFund,
 	onSeniorSearch,
 	resetFieldsSearch,
-	exportExcel
+	exportExcel,
+	changeSearchValue
 } = useData();
 defineOptions({
 	name: "newuserList"
@@ -47,7 +48,7 @@ onMounted(() => {
 <template>
 	<div class="main">
 		<SearchForm class="pb-2" :LabelList="searchLabel" :formData="searchForm" @handleSearch="onSearch"
-			@openSearch="onSeniorSearch" @resetFields="resetFieldsSearch" :isSenior="true" />
+			@openSearch="onSeniorSearch" @changeValue="changeSearchValue" @resetFields="resetFieldsSearch" :isSenior="true" />
 		<div ref="contentRef" :class="['flex', deviceDetection() ? 'flex-wrap' : '']">
 			<PureTableBar title="会员列表" :class="[isShow && !deviceDetection() ? '!w-[60vw]' : 'w-full']" :columns="tableLabel"
 				@refresh="onSearch">