vear:注释多选

components/new-filter-page/new-filter-page.vue

@@ -98,21 +98,22 @@
                 </radio-group>
             </view>
 
-            <!-- 地区（多选） -->
+            <!-- 地区 -->
             <view v-if="activeTab === 'area'" class="content-section">
-                <label
+                <radio-group @change="(e) => handleSelect('area', e)">
-                    v-for="option in areaOptions"
+                    <label
-                    :key="option.value"
+                        v-for="option in areaOptions"
-                    class="radio-item"
+                        :key="option.value"
-                    :class="{ checked: selectedAreaValues.includes(String(option.value)) }"
+                        class="radio-item"
-                    @click="toggleArea(String(option.value))"
+                        :class="{ checked: selectedValues['area'] === String(option.value) }"
-                >
+                    >
-                    <checkbox
+                        <radio
-                        :value="String(option.value)"
+                            :value="String(option.value)"
-                        :checked="selectedAreaValues.includes(String(option.value))"
+                            :checked="selectedValues['area'] === String(option.value)"
-                    />
+                        />
-                    <text class="option-label">{{ option.label }}</text>
+                        <text class="option-label">{{ option.label }}</text>
-                </label>
+                    </label>
+                </radio-group>
             </view>
             <!-- 底部按钮 -->
             <view class="filter-footer">
@@ -168,9 +169,6 @@ const selectedValues = reactive({
     area: ''
 });
 
-// 地区多选值（数组）
-const selectedAreaValues = ref([]);
-
 // 从字典获取的选项数据
 const educationOptions = ref([]);
 const experienceOptions = ref([]);
@@ -204,30 +202,17 @@ const handleSelect = (key, e) => {
     selectedValues[key] = e.detail.value;
 };
 
-// 切换地区多选
-const toggleArea = (value) => {
-    const index = selectedAreaValues.value.indexOf(value);
-    if (index === -1) {
-        selectedAreaValues.value.push(value);
-    } else {
-        selectedAreaValues.value.splice(index, 1);
-    }
-};
-
 // 清除所有选择
 const handleClear = () => {
     Object.keys(selectedValues).forEach((key) => {
         selectedValues[key] = '';
     });
-    selectedAreaValues.value = [];
 };
 
 // 确认筛选
 const handleConfirm = () => {
-    const result = { ...selectedValues };
+    console.log('selectedValues:', selectedValues);
-    result.area = selectedAreaValues.value.join(',');
+    emit('confirm', selectedValues);
-    console.log('selectedValues:', result);
-    emit('confirm', result);
     handleClose();
 };