企业用户我的招聘会列表添加查看简历弹窗

packageB/jobFair/detailCom.vue

@@ -128,13 +128,13 @@
 				</view>
 				<view class="bottom">
 					<view class="tag">
-						<view class="tag-item">性别：{{ item.personInfo.sex == 0 ? "男" : "女" }}</view>
+						<view class="tag-item">性别：{{ item.personInfo.sex}}</view>
 						<view class="tag-item success">年龄：{{ item.personInfo.age }}</view>
 					</view>
 				</view>
 
 				<view class="btn">
-					<!-- <button type="primary" plain>查看</button> -->
+					<button type="primary" @click="getDetailPopup(item)" plain>查看</button>
 					<button type="primary" @click="interviewBtn(item)" v-if="item.status == 1">
 						面试邀请
 					</button>
@@ -150,7 +150,68 @@
 			<view v-if="loading" class="loading">加载中...</view>
 			<view v-if="!loading && detail.list.length >= detail.total" class="no-more">没有更多数据了</view>
 		</scroll-view>
-
+		<!-- 简历详情弹窗 -->
+		 <uni-popup ref="resumeDetailPopup" type="center" :maskClick="false">
+			<view class="popup-content job-dialog" :style="getItemBackgroundStyle('zphbm-k.png')">
+				<view class="title">
+					<image :src="`${imgBaseUrl}/jobfair/xb.png`" mode="aspectFit"></image>
+					简历
+				</view>
+				<view class="dialog-content">
+					<view class="flexBox detail-item1">
+						<view class="label">姓名：</view>
+						<view class="value">
+							{{detailObj.name}}
+						</view>
+					</view>
+					<view class="flexBox detail-item1">
+						<view class="label">性别：</view>
+						<view class="value">
+							{{detailObj.sex}}
+						</view>
+					</view>
+					<view class="flexBox detail-item1">
+						<view class="label">年龄：</view>
+						<view class="value">
+							{{detailObj.age}}
+						</view>
+					</view>
+					<view class="flexBox detail-item1">
+						<view class="label">联系方式：</view>
+						<view class="value">
+							{{detailObj.phone}}
+						</view>
+					</view>
+					<view class="flexBox detail-item1">
+						<view class="label">期望薪资：</view>
+						<view class="value">
+							{{detailObj.salaryMin}}-{{ detailObj.salaryMax }}
+						</view>
+					</view>
+					<view class="flexBox detail-item1">
+						<view class="label">学历：</view>
+						<view class="value">
+							{{detailObj.education}}
+						</view>
+					</view>
+					<view class="flexBox detail-item1">
+						<view class="label">期望岗位：</view>
+						<view class="value">
+							{{detailObj.jobTitleId}}
+						</view>
+					</view>
+					<view class="flexBox detail-item1">
+						<view class="label">政治面貌：</view>
+						<view class="value">
+							{{detailObj.politicalAffiliation}}
+						</view>
+					</view>
+				</view>
+				<view class="btn-box">
+					<button type="default" @click="closeResumeDetailPopup">关闭</button>
+				</view>
+			</view>
+		</uni-popup>
 		<!-- 面试邀请弹窗 -->
 		<uni-popup ref="interviewPopup" type="center" :maskClick="false">
 			<view class="popup-content job-dialog" :style="getItemBackgroundStyle('zphbm-k.png')">
@@ -373,7 +434,17 @@
 			loading.value = false;
 		}
 	};
-
+	const resumeDetailPopup = ref()
+	const detailObj = reactive({});
+	//简历详情
+	const getDetailPopup= (item)=>{
+		Object.assign(detailObj,item.personInfo);
+		resumeDetailPopup.value.open();
+	}
+	const closeResumeDetailPopup =()=>{
+		Object.assign(detailObj, {});
+		resumeDetailPopup.value.close();
+	}
 	// 面试邀请
 	const interviewBtn = (item) => {
 		Object.assign(openGw, item);
@@ -867,7 +938,9 @@
 		.dialog-content {
 			padding: 10rpx;
 			height: 80%;
-
+			.flexBox{
+				display: flex;
+			}
 			.detail-item1 {
 				// display: flex;
 				// align-items: center;