diff --git a/src/components/BasicNjBjSelect/demo.vue b/src/components/BasicNjBjSelect/demo.vue
index 6d2c3a2..b7af54c 100644
--- a/src/components/BasicNjBjSelect/demo.vue
+++ b/src/components/BasicNjBjSelect/demo.vue
@@ -153,3 +153,5 @@ const setDefaultValue = () => {
+
+
diff --git a/src/components/BasicNjBjSelect/index.vue b/src/components/BasicNjBjSelect/index.vue
index 7213c5b..17086dc 100644
--- a/src/components/BasicNjBjSelect/index.vue
+++ b/src/components/BasicNjBjSelect/index.vue
@@ -25,7 +25,7 @@
-
-
-
- {{ inspectionStatusText }}
-
-
+
+
+
+
+
+ 点名情况
+
+
+
+
+
+ {{ rollCallData.totalCount || 0 }}
+ 总人数
+
+
+ {{ rollCallData.presentCount || 0 }}
+ 实到
+
+
+ {{ rollCallData.leaveCount || 0 }}
+ 请假
+
+
+ {{ rollCallData.absentCount || 0 }}
+ 缺勤
+
+
+
+
+
+
+
+
+
+
+ 教学计划
+
+
+
+
+ {{ plan.jhjd }}
+
+
+ 时间:
+ {{ plan.jhsj }}
+
+
+ 地点:
+ {{ plan.jhdd }}
+
+
+ 内容:
+ {{ plan.jhnr }}
+
+
+
+
+
+
+
+ {{ teachingPlanExpanded ? '收起' : `更多(${parsedTeachingPlan.length - maxDisplayItems})` }}
+
+ {{ teachingPlanExpanded ? '▲' : '▼' }}
+
+
+
+ 暂无教学计划
+
+
+
+
@@ -207,11 +284,15 @@
-
-
+
+
@@ -220,6 +301,7 @@
@@ -824,6 +1052,13 @@ onMounted(async () => {
display: flex;
align-items: center;
justify-content: center;
+ transition: all 0.3s ease;
+}
+
+.submit-btn-disabled {
+ background-color: #d9d9d9 !important;
+ color: #999 !important;
+ cursor: not-allowed;
}
.cor-primary {
@@ -845,4 +1080,200 @@ onMounted(async () => {
.cor-999 {
color: #999;
}
+
+/* 点名情况卡片样式 */
+.roll-call-card {
+ background-color: white;
+ border-radius: 8px;
+ box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
+}
+
+.roll-call-header {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ margin-bottom: 15px;
+ padding-bottom: 10px;
+ border-bottom: 1px solid #f0f0f0;
+}
+
+.course-title {
+ font-size: 16px;
+ font-weight: bold;
+ color: #333;
+ flex: 1;
+}
+
+.roll-call-status {
+ font-size: 12px;
+ padding: 4px 12px;
+ border-radius: 12px;
+ font-weight: 500;
+ background-color: #fff2f0;
+ color: #ff4d4f;
+ border: 1px solid #ffccc7;
+
+ &.completed {
+ background-color: #f6ffed;
+ color: #52c41a;
+ border: 1px solid #b7eb8f;
+ }
+}
+
+.roll-call-stats {
+ display: grid;
+ grid-template-columns: repeat(4, 1fr);
+ gap: 10px;
+ margin-bottom: 15px;
+}
+
+.stat-item {
+ text-align: center;
+ padding: 12px 5px;
+ border-radius: 8px;
+ background: #f8f9fa;
+}
+
+.stat-value {
+ font-size: 20px;
+ font-weight: bold;
+ color: #333;
+ display: block;
+ margin-bottom: 4px;
+
+ &.present {
+ color: #2879ff;
+ }
+
+ &.leave {
+ color: #ff9900;
+ }
+
+ &.absent {
+ color: #ff4d4f;
+ }
+}
+
+.stat-label {
+ font-size: 12px;
+ color: #666;
+}
+
+.roll-call-footer {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ padding-top: 10px;
+ border-top: 1px solid #f0f0f0;
+ font-size: 12px;
+ color: #666;
+}
+
+.footer-label {
+ flex: 1;
+}
+
+.footer-time {
+ color: #999;
+ font-weight: 500;
+}
+
+/* 教学计划卡片样式 */
+.teaching-plan-card {
+ background-color: white;
+ border-radius: 8px;
+ box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
+}
+
+.plan-content {
+ background-color: #f8f9fa;
+ border-radius: 6px;
+ min-height: 60px;
+}
+
+.plan-text {
+ font-size: 14px;
+ color: #333;
+ line-height: 1.6;
+ display: block;
+ word-wrap: break-word;
+ white-space: pre-wrap;
+}
+
+.plan-item {
+ margin-bottom: 20px;
+ padding: 15px;
+ background-color: #fff;
+ border-radius: 8px;
+ border: 1px solid #e0e0e0;
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
+
+ &:last-child {
+ margin-bottom: 0;
+ }
+}
+
+.plan-stage {
+ font-size: 16px;
+ font-weight: bold;
+ color: #4080ff;
+ margin-bottom: 12px;
+ padding-bottom: 8px;
+ border-bottom: 2px solid #4080ff;
+ display: inline-block;
+}
+
+.plan-details {
+ display: flex;
+ flex-direction: column;
+ gap: 8px;
+}
+
+.plan-detail-item {
+ display: flex;
+ align-items: flex-start;
+ font-size: 14px;
+ line-height: 1.5;
+}
+
+.detail-label {
+ color: #666;
+ font-weight: 500;
+ min-width: 50px;
+ flex-shrink: 0;
+}
+
+.detail-value {
+ color: #333;
+ flex: 1;
+ word-wrap: break-word;
+}
+
+.plan-toggle-btn {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ margin-top: 12px;
+ padding: 8px 16px;
+ background-color: #f0f2f5;
+ border-radius: 4px;
+ cursor: pointer;
+ transition: all 0.3s ease;
+}
+
+.plan-toggle-btn:hover {
+ background-color: #e6f7ff;
+}
+
+.toggle-text {
+ font-size: 14px;
+ color: #1890ff;
+ margin-right: 4px;
+}
+
+.toggle-icon {
+ font-size: 12px;
+ color: #1890ff;
+ transition: transform 0.3s ease;
+}