Duguay/teach_sys_Demo
3
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

完整的教务系统前端项目 - 包含所有修复和9月份数据

Browse Source
This commit is contained in:
KQL
2025-09-03 13:26:13 +08:00
commit 87b06d3176
270 changed files with 116169 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

378
src/pages/CompanyJobsPage/components/ResumeInfoModal/index.css Normal file
View File

@@ -0,0 +1,378 @@
.resume-info-modal {
width: 758px;
height: 720px;
border-radius: 8px;
position: relative;
background-color: #f2f3f5;
overflow: hidden;
box-sizing: border-box;
padding: 20px;
background-image: url("@/assets/images/Common/modal_bg.png");
background-size: 100% 100%;
.close-icon {
position: absolute;
right: 20px;
top: 20px;
width: 16px;
height: 16px;
background-image: url("@/assets/images/Common/close.png");
background-size: 100% 100%;
z-index: 10;
cursor: pointer;
}
.resume-info-modal-radio-group {
height: 30px;
display: flex;
align-items: center;
justify-content: flex-start;
margin-bottom: 10px;
}
.resume-info-modal-title {
width: 100%;
height: 30px;
line-height: 30px;
text-align: left;
color: #1d2129;
font-size: 20px;
font-weight: 600;
}
.resume-info-moda-list {
width: 100%;
max-height: 600px;
overflow-y: auto;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
margin-top: 10px;
box-sizing: border-box;
.resume-info-moda-item {
width: 100%;
margin-bottom: 20px;
border-radius: 8px;
box-sizing: border-box;
padding: 16px;
background-color: #fff;
.resume-info-moda-item-title {
width: 100%;
text-align: left;
line-height: 30px;
width: 100%;
height: 30px;
color: #0275f2;
font-size: 20px;
font-weight: 600;
margin-bottom: 10px;
position: relative;
&::after {
content: "";
position: absolute;
left: 0;
bottom: 3px;
width: 79px;
height: 5px;
opacity: 0.1;
border-radius: 5px;
background-color: #0275f2;
}
}
.educational-experience-list {
width: 100%;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
.educational-experience-list-item:last-child {
margin-bottom: 0;
}
.educational-experience-list-item {
width: 100%;
min-height: 24px;
height: auto;
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 10px;
> p {
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
word-wrap: break-word;
}
.school-name {
width: 70%;
height: 100%;
line-height: 24px;
text-align: left;
color: #4e5969;
font-size: 16px;
font-weight: 600;
}
.study-time {
width: 30%;
height: 100%;
line-height: 24px;
text-align: right;
color: #86909c;
font-size: 14px;
font-weight: 400;
}
}
}
.project-experience-list {
width: 100%;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
.project-experience-list-item {
width: 100%;
flex-direction: column;
justify-content: flex-start;
align-items: center;
margin-bottom: 10px;
.project-info-wrapper {
width: 100%;
min-height: 46px;
height: auto;
display: flex;
justify-content: space-between;
align-items: flex-start;
margin-bottom: 10px;
.project-info {
width: 80%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
> p {
text-align: left;
}
.project-name {
height: 24px;
line-height: 24px;
font-size: 16px;
font-weight: 600;
color: #4e5969;
}
.project-company {
height: 22px;
line-height: 22px;
font-size: 14px;
font-weight: 400;
color: #86909c;
}
}
.project-time {
text-align: right;
width: 30%;
height: 22px;
line-height: 22px;
font-size: 14px;
font-weight: 400;
color: #86909c;
}
}
.project-desc {
color: #1d2129;
font-size: 14px;
font-weight: 400;
text-align: left;
line-height: 1.5;
word-wrap: break-word;
margin-bottom: 10px;
}
.job-responsibilities-list {
width: 100%;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
> p {
width: 100%;
min-height: 24px;
height: auto;
line-height: 24px;
font-size: 16px;
font-weight: 600;
color: #4e5969;
text-align: left;
}
> li {
width: 100%;
min-height: 22px;
height: auto;
line-height: 1.5;
font-size: 14px;
font-weight: 400;
color: #1d2129;
text-align: left;
}
}
}
}
.professional-skills-list {
width: 100%;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
.professional-skills-list-item:last-child {
margin-bottom: 0;
}
.professional-skills-list-item {
width: 100%;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
margin-bottom: 5px;
.skill-name {
width: 100%;
min-height: 24px;
height: auto;
line-height: 1.5;
font-size: 16px;
font-weight: 600;
color: #4e5969;
text-align: left;
}
.core-capabilities-list {
width: 100%;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
margin-bottom: 10px;
.core-capabilities-list-item {
width: 100%;
min-height: 22px;
height: auto;
line-height: 1.5;
margin-bottom: 5px;
font-size: 14px;
font-weight: 400;
color: #1d2129;
text-align: left;
}
}
}
}
.personal-summary-list,
.personal-summary-content {
width: 100%;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
> li,
> p {
width: 100%;
min-height: 22px;
height: auto;
line-height: 1.6;
margin-bottom: 5px;
font-size: 14px;
font-weight: 400;
color: #1d2129;
text-align: left;
word-wrap: break-word;
white-space: pre-wrap;
}
}
.corresponding-course-units-list {
width: 100%;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
.corresponding-course-units-list-item:last-child {
margin-bottom: 0;
}
.corresponding-course-units-list-item {
width: 100%;
min-height: 72px;
height: auto;
box-sizing: border-box;
border: 1px solid #e5e6eb;
border-radius: 8px;
padding: 10px;
display: flex;
justify-content: flex-start;
align-items: flex-start;
flex-direction: column;
margin-bottom: 20px;
.tag {
width: 47px;
height: 20px;
background-color: #e5e6eb;
border-radius: 2px;
text-align: center;
line-height: 20px;
color: #4e5969;
font-size: 12px;
font-weight: 600;
margin-bottom: 10px;
}
.course-units-list {
width: 100%;
height: 20px;
display: flex;
justify-content: flex-start;
align-items: center;
overflow-x: auto;
flex-wrap: nowrap;
.course-units-list-item {
flex-shrink: 0;
cursor: pointer;
height: 20px;
line-height: 22px;
font-size: 14px;
font-weight: 400;
color: #2c7aff;
text-align: left;
border-bottom: 1px solid #2c7aff;
margin-right: 20px;
}
}
}
}
}
}
}