SCRUM9
由于当天(29日)忙于对项目最后的测试与修补,所以草草地存储了笔记,中间一段时间几乎忘记,所以该草稿拖到了今天才发布。
当天的成就:
完成了项目里所需的各种功能模块,并且进行测试,修复可能会出现的漏洞。并且对我们的项目进行美化。
<style>
/* 添加以下样式到全局CSS */
.department-management {
background: #2d2d2d !important; /* 深灰近黑背景 */
border-radius: 12px;
padding: 2rem;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
}
.org-chart {
background: #3d3d3d; /* 次级深灰背景 */
border-radius: 8px;
padding: 2rem;
box-shadow: inset 0 0 12px rgba(0, 0, 0, 0.2);
}
.level {
background: rgba(240, 240, 240, 0.5); /* 层级间隔区域半透明灰 */
border-radius: 6px;
margin: 1.5rem 0;
padding: 1.5rem;
transition: background 0.3s ease;
}
.department-box {
background: linear-gradient(145deg, #ffffff, #f8f8f8) !important;
border: 2px solid #d1d1d1;
border-radius: 10px;
padding: 1.5rem 2rem;
font-size: 1.2rem;
color: #2c3e50;
font-weight: 600;
cursor: pointer;
transition: all 0.3s ease;
box-shadow: 0 2px 4px rgba(75, 155, 255, 0.2);
position: relative;
z-index: 2;
}
.department-box:hover {
transform: translateY(-3px);
box-shadow: 0 6px 12px rgba(75, 155, 255, 0.3);
}
#companyBox {
background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%); /* 调整为浅灰色渐变 */
color: #212529 !important; /* 强制文字为深灰色(接近黑) */
border: 2px solid #dee2e6; /* 添加浅灰色边框 */
padding: 2rem 3rem;
font-size: 1.5rem;
text-shadow: 0 2px 4px rgba(0, 0, 0, 0.05); /* 增加文字阴影提升可读性 */
}
.sub-department-box {
background: white;
border: 2px solid #6c757d;
border-radius: 8px;
padding: 1rem 1.5rem;
font-size: 1.1rem;
color: #495057;
cursor: move;
transition: all 0.2s ease;
position: relative;
z-index: 2;
box-shadow: 0 2px 4px rgba(108, 117, 125, 0.1);
}
.sub-department-box:hover {
background: #f8f9fa;
transform: translateY(-2px);
}
.connection {
position: absolute;
background: #c0c0c0 !important; /* 适配灰色主题 */
height: 2px !important;
transform-origin: 0 0;
z-index: 1;
border-radius: 2px;
}
/* 添加层级之间的连接线美化 */
.level::after {
content: '';
position: absolute;
width: 80%;
height: 2px;
background: repeating-linear-gradient(90deg, transparent, transparent 4px, #ced4da 4px, #ced4da 8px);
bottom: -20px;
left: 10%;
}
/* 移除最底层的装饰线 */
#subDepartmentLevel::after {
display: none;
}
</style>
/* 部门管理 */
<style>
/* 添加以下样式到全局或对应样式文件中 */
.organization-framework,
.organization-framework h3,
.organization-framework h4,
.organization-framework label,
.organization-framework button,
.organization-framework .sub-dept-name,
.organization-framework .belong-dept {
color: #000000 !important;
}
/* 输入框placeholder颜色 */
.organization-framework ::placeholder {
color: #000000 !important;
opacity: 0.7;
}
.organization-framework {
background: #f0f2f5 !important; /* 浅灰色背景 */
padding: 2rem;
border-radius: 12px;
box-shadow: 0 2px 12px rgba(0,0,0,0.08);
}
.org-header {
color: #2c3e50;
font-size: 1.8rem !important;
border-bottom: 2px solid #3498db;
padding-bottom: 0.5rem;
margin-bottom: 1.5rem;
}
.form-card {
background: white;
padding: 1.5rem;
border-radius: 8px;
margin-bottom: 2rem;
box-shadow: 0 1px 4px rgba(0,0,0,0.05);
}
.form-group {
margin-bottom: 1.2rem;
}
.form-control {
width: 100%;
padding: 0.8rem;
border: 1px solid #ddd;
border-radius: 6px;
transition: border-color 0.3s;
}
.form-control:focus {
border-color: #3498db;
outline: none;
box-shadow: 0 0 0 3px rgba(52,152,219,0.1);
}
.btn {
padding: 0.6rem 1.2rem;
border-radius: 6px;
font-weight: 500;
transition: all 0.2s;
cursor: pointer;
}
.btn-primary {
background: #3498db;
border: none;
color: white;
}
.btn-primary:hover {
background: #2980b9;
}
.sub-dept-list {
background: white;
padding: 1.5rem;
color: #000000 !important;
border-radius: 8px;
box-shadow: 0 1px 4px rgba(0,0,0,0.05);
}
.sub-dept-item {
display: flex;
align-items: center;
justify-content: space-between;
padding: 0.8rem;
border-bottom: 1px solid #eee;
}
.sub-dept-item:last-child {
border-bottom: none;
}
.error-message {
color: #e74c3c;
background: #fdecea;
padding: 1rem;
border-radius: 6px;
margin: 1rem 0;
}
</style>
<style>
/* 公共样式 */
.gold-btn {
background: #FFD700;
padding: 10px 20px;
border-radius: 4px;
margin: 10px;
cursor: pointer;
}
.form-container {
background: #f8f9fa;
padding: 20px;
margin-top: 20px;
border-radius: 5px;
display: none;
}
.mentee-list li {
padding: 10px;
border-bottom: 1px solid #eee;
}
.error {
color: #dc3545;
font-weight: bold;
}
</style>
遇到的困难:
在已经优化完成,打算彻底结束时,我遍历哥哥功能,发现我的项目里的一个关于对“新人选择导师”的功能出现了,问题,最开始只是无法显示学员表,咋排查后发现是优化时在前端多删除了显示表的那一段,而在能够显示学员表后无法选择并匹配导师花费了我至少三个小时的时间。究其原因是我制作这个功能时是在制作的早期,而我在编写的过程中在主活动类里未有效分类,早已臃肿不堪,所以当时我也不太修改或删除了哪些内容。最后重新编写完成了这个部分,使对应代码可以正常运行。
由于在30日已经对我组的项目进行了检查,所以暂时对这个项目不会有改动。