Forráskód Böngészése

岗位详情页添加HR信息

wkw 6 hónapja
szülő
commit
d0c88e3b31
3 módosított fájl, 43 hozzáadás és 22 törlés
  1. 20 12
      src/views/post/postInfo.vue
  2. 1 1
      src/views/resume/addResume.vue
  3. 22 9
      src/views/search/index.vue

+ 20 - 12
src/views/post/postInfo.vue

@@ -35,9 +35,13 @@
 				<!-- 标签/操作 -->
 				<div class="postInfo-box-labels flex justify-between">
 					<div class="postInfo-box-labels-l flex align-center flex-wrap">
-						<div class="postInfo-box-labels-l-i" v-for="(item,index) in info.positionWelfare" :key="index">
-							{{item}}
+						<img :src="info.hr && info.hr.hrImg ? info.hr.hrImg : '/default.jpg'"
+							style="width: 40px;height: 40px;border-radius: 50%;" mode="">
+						</img>
+						<div class="company-info-text">
+							{{ info.user && info.user.userName || '未知' }}·{{ info.hr && info.hr.hrPosition || '未知' }}
 						</div>
+						<div class="reply-time">{{ info.respondTime || (info.user && (info.user.onlineMinutes == '从未在线' ? '不久前在线' : info.user.onlineMinutes)) }}</div>
 					</div>
 					<div class="postInfo-box-labels-r flex align-center">
 						<div @click.stop="setCollection()"
@@ -627,17 +631,21 @@
 
 		.postInfo-box-labels-l {
 			width: 70%;
-			// background-color: aqua;
-
-			.postInfo-box-labels-l-i {
-				padding: 6px 16px;
+			cursor: pointer;
+			.company-info-text {
+				margin: 0 10px;
+				color: rgba(156, 164, 171, 1);
+				font-size: 12px;
+				font-weight: 400;
+			}
+		
+			.reply-time {
 				border-radius: 4px;
-				background-color: #F5F5F5;
-				color: #666666;
-				font-size: 15px;
-				margin-right: 20px;
-				margin-bottom: 20px;
-				cursor: pointer;
+				background: rgba(236, 225, 253, 1);
+				padding: 4px;
+				color: rgba(106.94, 84.63, 214.02, 0.96);
+				font-size: 12px;
+				font-weight: 400;
 			}
 		}
 

+ 1 - 1
src/views/resume/addResume.vue

@@ -370,7 +370,7 @@
                                             <Finished />
                                         </el-icon>岗位:<template v-if="jobTypeList.length > 0">
                                             <template v-for="(item, index) in jobTypeList" :key="index">
-                                                {{ item.ruleClassifyName }}
+                                                {{ item.ruleClassifyName }}<span v-if="index < jobTypeList.length - 1">,</span>
                                             </template>
                                         </template>
                                         <template v-else>暂无岗位</template>

+ 22 - 9
src/views/search/index.vue

@@ -233,12 +233,14 @@
 									</div>
 								</div>
 								<div class="content-l-item-btn flex align-center">
-									<div class="content-l-item-btn-item"
-										v-for="(ite, ind) in item.industry.slice(0, 4)">
-										{{ ite }}<el-divider
-											v-if="ind < item.industry.slice(0, 4).length - 1 && item.industry.length > 1"
-											direction="vertical" />
-
+									<div class="content-l-item-btn-item flex align-center">
+										<img :src="item.hr && item.hr.hrImg ? item.hr.hrImg : '/default.jpg'"
+											style="width: 40px;height: 40px;border-radius: 50%;" mode="">
+										</img>
+										<div class="company-info-text">
+											{{ item.user && item.user.userName || '未知' }}·{{ item.hr &&item.hr.hrPosition || '未知' }}
+										</div>
+										<div v-if="item.respondTime" class="reply-time">{{ item.respondTime }}</div>
 									</div>
 								</div>
 							</div>
@@ -1404,9 +1406,20 @@ $marginTop-60: 120px;
 		border-radius: 0 0 0 13px;
 
 		.content-l-item-btn-item {
-			color: #666666;
-			font-size: 13px;
-
+			.company-info-text {
+				margin: 0 10px;
+				color: rgba(156, 164, 171, 1);
+				font-size: 12px;
+				font-weight: 400;
+			}
+			.reply-time {
+				border-radius: 4px;
+				background: rgba(236, 225, 253, 1);
+				padding: 4px;
+				color: rgba(106.94, 84.63, 214.02, 0.96);
+				font-size: 12px;
+				font-weight: 400;
+			}
 		}
 	}