首页卡片开发

2025-10-24 16:54:52 +08:00
parent 92ee5c5311
commit 2d6370b796
22 changed files with 896 additions and 205 deletions
--- a/packageA/pages/addWorkExperience/addWorkExperience.vue
+++ b/packageA/pages/addWorkExperience/addWorkExperience.vue
@@ -1,16 +1,5 @@
 <template>
-	<AppLayout
-	    title="添加工作经历"
-	    border
-	    back-gorund-color="#ffffff"
-	    :show-bg-image="false"
-	>
-	    <template #headerleft>
-	        <view class="btn mar_le20 button-click" @click="navBack">取消</view>
-	    </template>
-	    <template #headerright>
-	        <view class="btn mar_ri20 button-click" @click="handleConfirm">确认</view>
-	    </template>
+	<view class="page-container">
 		<view class="content">
 			<view class="content-input">
 			    <view class="input-titile">公司名称</view>
@@ -44,8 +33,12 @@
 				<textarea class="textarea-con" v-model="formData.description" placeholder-style="font-size: 16px" maxlength="500" placeholder="请输入工作描述"/>
 			</view>
 		</view>
-	</AppLayout>
-	
+		
+		<!-- 底部确认按钮 -->
+		<view class="bottom-confirm-btn">
+			<view class="confirm-btn" @click="handleConfirm">确认</view>
+		</view>
+	</view>
 </template>

 <script setup>
@@ -206,7 +199,6 @@
 			console.log('页面类型:', pageType.value);
 			
 			let resData;
-			alert(editData.value.id)
 			// 根据页面类型调用不同的接口
 			if (pageType.value === 'edit' && editData.value?.id) {
 				// 编辑模式：调用更新接口
@@ -234,12 +226,18 @@
 </script>

 <style lang="stylus" scoped>
+.page-container {
+    min-height: 100vh;
+    background-color: #ffffff;
+    position: relative;
+}
+
 .content{
    padding: 28rpx;
    display: flex;
    flex-direction: column;
-    justify-content: flex-start
-    height: calc(100% - 120rpx)
+    justify-content: flex-start;
+    padding-bottom: 120rpx;
 }
 .content-input
    margin-bottom: 52rpx
@@ -328,6 +326,30 @@
 			line-height: 20rpx
 			display: flex
 			align-items: center
+
+// 底部确认按钮样式
+.bottom-confirm-btn
+	position: fixed
+	bottom: 0
+	left: 0
+	right: 0
+	background-color: #ffffff
+	padding: 20rpx 28rpx
+	border-top: 2rpx solid #EBEBEB
+	z-index: 999
+	
+	.confirm-btn
+		width: 100%
+		height: 90rpx
+		background: #256BFA
+		border-radius: 12rpx
+		font-weight: 500
+		font-size: 32rpx
+		color: #FFFFFF
+		text-align: center
+		line-height: 90rpx
+		button-click: true
+
 // .content-sex
 //     height: 110rpx;
 //     display: flex
--- a/packageA/pages/jobExpect/jobExpect.vue
+++ b/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];
            }
        },
--- a/packageA/pages/myResume/myResume.vue
+++ b/packageA/pages/myResume/myResume.vue
@@ -122,28 +122,23 @@
        </view>

        <!-- 4. 新增：简历上传区域（固定在页面底部） -->
-        <view class="resume-upload-section">
-            <!-- 上传按钮 -->
+        <!-- <view class="resume-upload-section">
            <button class="upload-btn" @click="handleResumeUpload" :loading="isUploading" :disabled="isUploading">
                <uni-icons type="cloud-upload" size="20"></uni-icons>
-                <!-- <image class="upload-icon" src="/static/icons/upload-file.png" mode="widthFix"></image> -->
                <text class="upload-text">
                    {{ uploadedResumeName || '上传简历' }}
                </text>
-                <!-- 已上传时显示“重新上传”文字 -->
                <text class="reupload-text" v-if="uploadedResumeName">（重新上传）</text>
            </button>

-            <!-- 上传说明 -->
            <text class="upload-tip">支持 PDF、Word 格式，文件大小不超过 20MB</text>

-            <!-- 已上传文件信息（可选） -->
            <view class="uploaded-file-info" v-if="uploadedResumeName">
                <image class="file-icon" src="/static/icons/file-icon.png" mode="widthFix"></image>
                <text class="file-name">{{ uploadedResumeName }}</text>
                <button class="delete-file-btn" size="mini" @click.stop="handleDeleteResume">删除</button>
            </view>
-        </view>
+        </view> -->
    </view>
 </template>