feat: 接口对接

wupengfei

2025-03-21 1bbd7061dac79cacf5513234a04cac8ba0be5c6f

 apps/cMiniApp/src/pages/home/HomeQueryMenuView.vue

@@ -2,13 +2,17 @@
  <QueryMenuView @close="handleReset" @confirm="emit('close')" cancelText="重置">
    <div class="home-query-menu-view">
      <QueryMenuItem title="结算方式">
        <ProRadio v-model="gender" :value-enum="GenderText" show-all-btn></ProRadio>
        <ProRadio
          v-model="query.gender"
          :value-enum="FlexTaskSettleTypeEnumText"
          show-all-btn
        ></ProRadio>
      </QueryMenuItem>
      <QueryMenuItem title="员工福利">
        <ProRadio v-model="gender" :value-enum="GenderText" show-all-btn></ProRadio>
        <ProRadio v-model="query.gender" :value-enum="WelfareList" show-all-btn></ProRadio>
      </QueryMenuItem>
      <QueryMenuItem title="性别要求">
        <ProRadio v-model="gender" :value-enum="GenderText" show-all-btn></ProRadio>
        <ProRadio v-model="query.gender" :value-enum="GenderText" show-all-btn></ProRadio>
      </QueryMenuItem>
    </div>
  </QueryMenuView>
@@ -16,7 +20,8 @@

<script setup lang="ts">
import { QueryMenuView, QueryMenuItem, ProRadio } from '@12333/components';
import { GenderText } from '@12333/constants';
import { GenderText, SearchType, FlexTaskSettleTypeEnumText } from '@12333/constants';
import { useSearchSettingType } from '@12333/hooks';

defineOptions({
  name: 'HomeQueryMenuView',
@@ -26,15 +31,27 @@

// const props = withDefaults(defineProps<Props>(), {});

const { searchSettingTypeList: WelfareList } = useSearchSettingType({
  searchType: SearchType.Welfare,
});

const emit = defineEmits<{
  (e: 'reset'): void;
  (e: 'close'): void;
}>();

const gender = defineModel<number | string>('gender');
const query = defineModel<{
  gender: number | string;
}>('query');

const DefaultQuery = {
  ...query.value,
};

function handleReset() {
  emit('reset');
  for (const key in DefaultQuery) {
    query.value[key] = DefaultQuery[key];
  }
}
</script>