交接班管理

src/pages/business_emergencyDuty/components/DutyHandover.js

@@ -73,7 +73,7 @@ const DutyHandover = () => {
             title: '时间',
             dataIndex: 'time',
             key: 'time',
-            width:220
+            width: 220
         },
         {
             title: '交班人',
@@ -262,28 +262,33 @@ const DutyHandover = () => {
                             <div className={styles.eventList}>
                                 <div className={styles.eventItem}>
                                     1. 10-23 接到火灾报警器误报，已进行本人员处理，11:45 修复完成。
+                                    2. 10-24 进行了一起巡检交给本人，间题已解决。
+                                </div>
                             </div>
-                                <div className={styles.eventItem}>
-                                    2. 14:05 邮箱火灾预警告警，已答复处理完成。
                         </div>
+
+
+                        <div className={styles.formFullRow}>
+                            <label className={styles.formLabel}>未完成工作任务</label>
+                            <div className={styles.eventList}>
                                 <div className={styles.eventItem}>
-                                    3. 16:30 进行了一起巡检交给本人，间题已解决。
+                                    请列出尚未完成需要接班人员需要处理的工作任务...
                                 </div>
                             </div>
                         </div>
 
-                        {/* 未完成工作任务 */}
+                
                         <div className={styles.formFullRow}>
-                            <label className={styles.formLabel}>未完成工作任务</label>
+                            <label className={styles.formLabel}>设备运行状态</label>
                             <div className={styles.taskList}>
                                 <Checkbox className={styles.taskCheckbox}>
-                                    递交系统表单-运行正常
+                                    监控系统-运行正常
                                 </Checkbox>
-                                <Checkbox className={styles.taskCheckbox} checked>
+                                <Checkbox className={styles.taskCheckbox} >
-                                    应急电话-运行正常
+                                    通讯设备-运行正常
                                 </Checkbox>
-                                <Checkbox className={styles.taskCheckbox} checked>
+                                <Checkbox className={styles.taskCheckbox} >
-                                    应急电话-运行正常
+                                    应急电源-运行正常
                                 </Checkbox>
                             </div>
                         </div>

src/pages/business_emergencyDuty/components/DutyHandover.less

@@ -232,10 +232,6 @@
                 }
 
                 :global {
-                    .ant-table-wrapper {
-                        // 表格自适应内容高度
-                    }
-
                     .ant-table-thead>tr>th {
                         background: #F5F5FA;
                         font-weight: 500;
@@ -308,12 +304,20 @@
                         gap: 8px;
 
                         .formLabel {
-                            font-size: 14px;
+                            font-size: 13px;
                             color: #333;
+                            font-weight: 450;
                         }
 
                         .formInput {
                             width: 100%;
+                            border-radius: 2px;
+
+                            :global {
+                                .ant-select-selector {
+                                    border-radius: 2px !important;
+                                }
+                            }
                         }
                     }
                 }
@@ -322,20 +326,22 @@
                     margin-bottom: 15px;
 
                     .formLabel {
-                        font-size: 14px;
+                        font-size: 13px;
                         color: #333;
+                        font-weight: 450;
                         display: block;
                         margin-bottom: 8px;
                     }
 
                     .eventList {
-                        background: #F5F7FA;
+                        // background: #F5F7FA; 
+                        border: 1px solid #DDDEE6;
                         padding: 12px;
-                        border-radius: 4px;
+                        border-radius: 2px;
 
                         .eventItem {
                             font-size: 13px;
-                            color: #666;
+                            color: #333;
                             line-height: 1.8;
                             margin-bottom: 5px;
 
@@ -349,10 +355,11 @@
                         display: flex;
                         flex-direction: column;
                         gap: 10px;
+                        margin-top: 15px;
 
                         .taskCheckbox {
                             font-size: 13px;
-                            color: #666;
+                            color: #333333;
                         }
                     }
                 }
@@ -365,14 +372,19 @@
 
                     .btnDefault {
                         border-radius: 4px;
-                        padding: 6px 20px;
+                        padding: 6px 15px;
+                        display: flex;
+                        align-items: center;
+                        border: 1px solid #B6BBD9;
                     }
 
                     .btnPrimary {
                         background-color: #2E4CD4;
                         border-color: #2E4CD4;
                         border-radius: 4px;
-                        padding: 6px 20px;
+                        padding: 6px 15px;
+                        display: flex;
+                        align-items: center;
 
                         &:hover {
                             background-color: #1e3bb8;