修复筛选字典数据加载竞态

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

@@ -26,6 +26,24 @@
         <view class="filter-right">
             <!-- 内容区域 -->
             <view class="filter-content">
+                <!-- 薪资 -->
+                <view v-if="activeTab === 'salary'" class="content-section">
+                    <radio-group @change="(e) => handleSelect('salary', e)">
+                        <label
+                            v-for="option in salaryOptions"
+                            :key="option.value"
+                            class="radio-item"
+                            :class="{ checked: selectedValues['salary'] === String(option.value) }"
+                        >
+                            <radio
+                                :value="String(option.value)"
+                                :checked="selectedValues['salary'] === String(option.value)"
+                            />
+                            <text class="option-label">{{ option.label }}</text>
+                        </label>
+                    </radio-group>
+                </view>
+
                 <!-- 学历要求 -->
                 <view v-if="activeTab === 'education'" class="content-section">
                     <radio-group @change="(e) => handleSelect('education', e)">
@@ -62,24 +80,6 @@
                     </radio-group>
                 </view>
 
-                <!-- 薪资 -->
-                <view v-if="activeTab === 'salary'" class="content-section">
-                    <radio-group @change="(e) => handleSelect('salary', e)">
-                        <label
-                            v-for="option in salaryOptions"
-                            :key="option.value"
-                            class="radio-item"
-                            :class="{ checked: selectedValues['salary'] === String(option.value) }"
-                        >
-                            <radio
-                                :value="String(option.value)"
-                                :checked="selectedValues['salary'] === String(option.value)"
-                            />
-                            <text class="option-label">{{ option.label }}</text>
-                        </label>
-                    </radio-group>
-                </view>
-
                 <!-- 公司规模 -->
                 <view v-if="activeTab === 'scale'" class="content-section">
                     <radio-group @change="(e) => handleSelect('scale', e)">
@@ -169,16 +169,16 @@ const getJobTypeData = () => {
 
 // 标签页数据
 const tabs = [
+    { key: 'salary', label: '薪资' },
     { key: 'education', label: '学历要求' },
     { key: 'experience', label: '工作经验' },
-    { key: 'salary', label: '薪资' },
     { key: 'scale', label: '公司规模' },
     { key: 'jobType', label: '岗位类型' },
     { key: 'area', label: '地区' }
 ];
 
 // 当前激活的标签
-const activeTab = ref('education');
+const activeTab = ref('salary');
 
 // 存储已选中的值
 const selectedValues = reactive({

pages/index/components/index-one.vue

@@ -847,6 +847,28 @@ onUnmounted(() => {
     uni.$off('citySelected');
 });
 
+const isFourLevelLinkagePurview = ref(false);
+const getIsFourLevelLinkagePurview = () => {
+    let userInfo = uni.getStorageSync('userInfo');
+    if (userInfo) {
+        $api.myRequest(
+            '/auth/login2/ks',
+            { userid: userInfo.dwUserid, idcardno: userInfo.idCard },
+            'POST',
+            9100,
+            {}
+        ).then((res) => {
+            if (res.code == 200) {
+                uni.setStorageSync('fourLevelLinkage-token', res.data.access_token);
+                let roleIdList = ['103', '106', '107'];
+                if (res.data.roleIdList.some((item) => roleIdList.includes(item))) {
+                    isFourLevelLinkagePurview.value = true;
+                }
+            }
+        });
+    }
+};
+
 onShow(() => {
     // 页面显示时获取最新的企业信息
     getCompanyInfo();
@@ -1458,27 +1480,6 @@ const toggleJobStatus = (job) => {
             $api.msg(isCurrentlyUp ? '下架失败，请重试' : '上架失败，请重试');
         });
 };
-const isFourLevelLinkagePurview = ref(false);
-const getIsFourLevelLinkagePurview = () => {
-    let userInfo = uni.getStorageSync('userInfo');
-    if (userInfo) {
-        $api.myRequest(
-            '/auth/login2/ks',
-            { userid: userInfo.dwUserid, idcardno: userInfo.idCard },
-            'POST',
-            9100,
-            {}
-        ).then((res) => {
-            if (res.code == 200) {
-                uni.setStorageSync('fourLevelLinkage-token', res.data.access_token);
-                let roleIdList = ['103', '106', '107'];
-                if (res.data.roleIdList.some((item) => roleIdList.includes(item))) {
-                    isFourLevelLinkagePurview.value = true;
-                }
-            }
-        });
-    }
-};
 function dataToImg(data) {
     const result = data.map((item) => ({
         ...item,

stores/useDictStore.js

@@ -11,6 +11,8 @@ import {
 
 //  静态树 O(1) 超快查询！！！！！
 let IndustryMap = null
+// 复用同一批字典请求，避免 App 启动和页面组件同时初始化时产生竞态。
+let dictDataPromise = null
 //  构建索引
 function buildIndex(tree) {
     const map = new Map();
@@ -50,46 +52,54 @@ const useDictStore = defineStore("dict", () => {
                 return data
             })
         }
-        if (complete.value) return
-        if (dictLoading.value) return
-        dictLoading.value = true
-        try {
-            const [education, experience, area, scale, sex, affiliation, nature, noticeType] = 
-            await Promise.all([
-                getDictSelectOption('education'),
-                getDictSelectOption('experience'),
-                getDictSelectOption('area', true),
-                getDictSelectOption('scale'),
-                getDictSelectOption('app_sex'),
-                getDictSelectOption('political_affiliation'),
-                getDictSelectOption('company_nature'),
-                getDictSelectOption('sys_notice_type'),
-            ]);
+        if (complete.value) return Promise.resolve()
+        // App.vue 会在启动时加载字典，页面组件也可能同时加载。
+        // 不能在请求进行中直接 return，否则调用方会把当时的空 state 复制下来。
+        if (dictDataPromise) return dictDataPromise
 
-            state.education = education;
-            state.experience = experience;
-            state.area = area;
-            state.scale = scale;
-            state.sex = sex;
-            state.affiliation = affiliation;
-            state.nature = nature
-            state.noticeType = noticeType
-            complete.value = true
-            getIndustryDict() // 获取行业
-        } catch (error) {
-            console.error('Error fetching dictionary data:', error);
-            // 确保即使出错也能返回空数组
-            state.education = [];
-            state.experience = [];
-            state.area = [];
-            state.scale = [];
-            state.sex = [];
-            state.affiliation = [];
-            state.nature = [];
-            state.noticeType = [];
-        } finally {
-            dictLoading.value = false
-        }
+        dictLoading.value = true
+        dictDataPromise = (async () => {
+            try {
+                const [education, experience, area, scale, sex, affiliation, nature, noticeType] =
+                await Promise.all([
+                    getDictSelectOption('education'),
+                    getDictSelectOption('experience'),
+                    getDictSelectOption('area', true),
+                    getDictSelectOption('scale'),
+                    getDictSelectOption('app_sex'),
+                    getDictSelectOption('political_affiliation'),
+                    getDictSelectOption('company_nature'),
+                    getDictSelectOption('sys_notice_type'),
+                ]);
+
+                state.education = education;
+                state.experience = experience;
+                state.area = area;
+                state.scale = scale;
+                state.sex = sex;
+                state.affiliation = affiliation;
+                state.nature = nature
+                state.noticeType = noticeType
+                complete.value = true
+                getIndustryDict() // 获取行业
+            } catch (error) {
+                console.error('Error fetching dictionary data:', error);
+                // 确保即使出错也能返回空数组
+                state.education = [];
+                state.experience = [];
+                state.area = [];
+                state.scale = [];
+                state.sex = [];
+                state.affiliation = [];
+                state.nature = [];
+                state.noticeType = [];
+            } finally {
+                dictLoading.value = false
+                dictDataPromise = null
+            }
+        })()
+
+        return dictDataPromise
     };
 
     async function getIndustryDict() {