feat: 接口对接

wupengfei

2025-03-13 186234cb3833e620aa0ae46212fe337eb2d6e77d

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

@@ -1,14 +1,29 @@
<template>
  <QueryMenuView @close="handleReset" @confirm="emit('close')" cancelText="重置">
    <div class="home-query-menu-view">
      <QueryMenuItem title="结算方式">
      <QueryMenuItem title="性别">
        <ProRadio v-model="query.gender" :value-enum="GenderText" show-all-btn></ProRadio>
      </QueryMenuItem>
      <QueryMenuItem title="员工福利">
        <ProRadio v-model="query.gender" :value-enum="GenderText" show-all-btn></ProRadio>
      <QueryMenuItem title="身份">
        <ProRadio v-model="query.gender" :value-enum="IdentityList" show-all-btn></ProRadio>
      </QueryMenuItem>
      <QueryMenuItem title="性别要求">
        <ProRadio v-model="query.gender" :value-enum="GenderText" show-all-btn></ProRadio>
      <QueryMenuItem>
        <template #title>
          <div class="rang-title-wrapper">
            <div class="rang-title">年龄</div>
            <div class="rang-value">{{ query.age[0] }} - {{ query.age[1] }} 岁</div>
          </div>
        </template>
        <nut-range
          v-model="query.age"
          range
          :min="15"
          :max="65"
          class="home-query-menu-range"
        ></nut-range>
      </QueryMenuItem>
      <QueryMenuItem title="资格证书">
        <ProRadio v-model="query.gender" :value-enum="CertificateTypeList" show-all-btn></ProRadio>
      </QueryMenuItem>
    </div>
  </QueryMenuView>
@@ -16,7 +31,8 @@

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

defineOptions({
  name: 'HomeQueryMenuView',
@@ -26,6 +42,13 @@

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

const { searchSettingTypeList: CertificateTypeList } = useSearchSettingType({
  searchType: SearchType.CertificateType,
});
const { searchSettingTypeList: IdentityList } = useSearchSettingType({
  searchType: SearchType.Identity,
});

const emit = defineEmits<{
  (e: 'reset'): void;
  (e: 'close'): void;
@@ -33,12 +56,14 @@

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

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

console.log('query: ', query.value);
function handleReset() {
  for (const key in DefaultQuery) {
    query.value[key] = DefaultQuery[key];
@@ -53,5 +78,22 @@
  max-height: 400px;
  padding: 30px;
  overflow: auto;

  .home-query-menu-range {
    padding: 36px 0;
  }

  .rang-title-wrapper {
    display: flex;
    align-items: center;

    .rang-title {
      margin-right: 36px;
    }

    .rang-value {
      color: boleGetCssVar('color', 'primary');
    }
  }
}
</style>