From 186234cb3833e620aa0ae46212fe337eb2d6e77d Mon Sep 17 00:00:00 2001
From: wupengfei <834520024@qq.com>
Date: 星期四, 13 三月 2025 13:07:02 +0800
Subject: [PATCH] feat: 接口对接
---
apps/bMiniApp/src/pages/home/HomeQueryMenuView.vue | 54 ++++++++++++++++++++++++++++++++++++++++++++++++------
1 files changed, 48 insertions(+), 6 deletions(-)
diff --git a/apps/bMiniApp/src/pages/home/HomeQueryMenuView.vue b/apps/bMiniApp/src/pages/home/HomeQueryMenuView.vue
index 26a6979..9aebcf1 100644
--- a/apps/bMiniApp/src/pages/home/HomeQueryMenuView.vue
+++ b/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>
--
Gitblit v1.9.1