add:添加了岗位信息,实现了通过岗位查询到该岗位的角色的功能

This commit is contained in:
Maple 2025-08-05 15:40:37 +08:00
parent c47c8e48aa
commit 69ff1bba7d
1 changed files with 55 additions and 5 deletions

View File

@ -30,10 +30,48 @@
</div>
</div>
<div v-if="primaryInfo?.remark" class="detail-group">
<div v-if="primaryInfo?.statement" class="detail-group">
<div class="group-title">岗位说明</div>
<div class="remark-container">
<div class="remark-content">{{ primaryInfo.remark }}</div>
<div class="content-container">
<div class="content-text">{{ primaryInfo.statement }}</div>
</div>
</div>
<div v-if="primaryInfo?.remark" class="detail-group">
<div class="group-title">备注信息</div>
<div class="content-container">
<div class="content-text">{{ primaryInfo.remark }}</div>
</div>
</div>
<div v-if="primaryInfo?.responsibilitiesTask" class="detail-group">
<div class="group-title">岗位任务</div>
<div class="content-container">
<div class="content-text">{{ primaryInfo.responsibilitiesTask }}</div>
</div>
</div>
<div v-if="primaryInfo?.qualifications" class="detail-group">
<div class="group-title">任职资格</div>
<div class="content-container">
<div class="content-text">{{ primaryInfo.qualifications }}</div>
</div>
</div>
<div v-if="primaryInfo?.workingConditions" class="detail-group">
<div class="group-title">工作条件</div>
<div class="content-container">
<div class="content-text">{{ primaryInfo.workingConditions }}</div>
</div>
</div>
<div v-if="primaryInfo?.salary" class="detail-group">
<div class="group-title">薪资信息</div>
<div class="info-grid">
<div class="info-item">
<div class="info-label">岗位薪资</div>
<div class="info-value salary-value">{{ primaryInfo.salary }} </div>
</div>
</div>
</div>
@ -89,6 +127,11 @@ const getDetail = async (id: string) => {
sort: data.postSort,
status: data.status,
remark: data.remark,
statement: data.statement,
responsibilitiesTask: data.responsibilitiesTask,
qualifications: data.qualifications,
workingConditions: data.workingConditions,
salary: data.salary,
createTime: data.createTime,
updateTime: data.updateTime,
}
@ -256,17 +299,24 @@ defineExpose({
word-break: break-word;
}
.remark-container {
.salary-value {
color: #e74c3c;
font-weight: 600;
}
.content-container {
padding: 16px;
background: white;
border-radius: 6px;
border: 1px solid var(--border-color);
}
.remark-content {
.content-text {
color: var(--value-color);
line-height: 1.7;
font-size: 15px;
white-space: pre-wrap;
word-break: break-word;
}
.footer-actions {