首页卡片开发

packageA/pages/jobExpect/jobExpect.vue

@@ -31,7 +31,7 @@
                 <input
                     class="input-con triangle"
                     disabled
-                    v-if="!state.jobsText.length"
+                    v-if="!state.jobsText || !state.jobsText.length"
                     placeholder="请选择您的求职岗位"
                 />
                 <view class="input-nx" @click="changeJobs" v-else>
@@ -40,6 +40,7 @@
             </view>
         </view>
         <SelectJobs ref="selectJobsModel"></SelectJobs>
+        <SelectPopup ref="selectPopupRef"></SelectPopup>
     </AppLayout>
 </template>
 
@@ -47,16 +48,24 @@
 import { reactive, inject, watch, ref, onMounted, computed } from 'vue';
 import { onLoad, onShow } from '@dcloudio/uni-app';
 import SelectJobs from '@/components/selectJobs/selectJobs.vue';
+import SelectPopup from '@/components/selectPopup/selectPopup.vue';
 const { $api, navTo, navBack, config } = inject('globalFunction');
-const openSelectPopup = inject('openSelectPopup');
+
+// 创建本地的 openSelectPopup 函数
+const openSelectPopup = (config) => {
+    if (selectPopupRef.value) {
+        selectPopupRef.value.open(config);
+    }
+};
 import { storeToRefs } from 'pinia';
 import useUserStore from '@/stores/useUserStore';
 import useDictStore from '@/stores/useDictStore';
 const { userInfo } = storeToRefs(useUserStore());
 const { getUserResume } = useUserStore();
-const { dictLabel, oneDictData } = useDictStore();
+const { dictLabel, oneDictData, getDictData } = useDictStore();
 
 const selectJobsModel = ref();
+const selectPopupRef = ref();
 const percent = ref('0%');
 const salay = [2, 5, 10, 15, 20, 25, 30, 50, 80, 100];
 const state = reactive({
@@ -72,7 +81,9 @@ const fromValue = reactive({
     area: '',
     jobTitleId: [],
 });
-onLoad(() => {
+onLoad(async () => {
+    // 初始化字典数据
+    await getDictData();
     initLoad();
 });
 const confirm = () => {
@@ -99,8 +110,12 @@ function initLoad() {
     fromValue.jobTitleId = userInfo.value.jobTitleId;
     // 回显
     state.areaText = dictLabel('area', Number(userInfo.value.area));
-    state.salayText = `${userInfo.value.salaryMin}-${userInfo.value.salaryMax}`;
-    state.jobsText = userInfo.value.jobTitle;
+    if (userInfo.value.salaryMin && userInfo.value.salaryMax) {
+        state.salayText = `${userInfo.value.salaryMin}-${userInfo.value.salaryMax}`;
+    } else {
+        state.salayText = '';
+    }
+    state.jobsText = userInfo.value.jobTitle || [];
     const result = getFormCompletionPercent(fromValue);
     percent.value = result;
 }
@@ -123,7 +138,8 @@ const changeSalary = () => {
                 const copyri = JSON.parse(JSON.stringify(salay));
                 const [lf, ri] = e.detail.value;
                 const risalay = copyri.slice(lf, copyri.length);
-                this.setColunm(1, risalay);
+                // 更新右侧选项
+                state.risalay = risalay;
                 leftIndex = salayData[0];
             }
         },