1

src/views/pms/maintenance/IotMaintenancePlanEdit.vue

@@ -5,7 +5,7 @@
       :model="formData"
       :rules="formRules"
       v-loading="formLoading"
-      style="margin-right: 4em; margin-left: 0.5em; margin-top: 1em"
+      style="margin-top: 1em; margin-right: 4em; margin-left: 0.5em"
       label-width="130px"
     >
       <div class="base-expandable-content">
@@ -316,7 +316,7 @@
           <template #default="scope">
             <div style="display: flex; justify-content: center; align-items: center; width: 100%">
               <div>
-                <Icon style="vertical-align: middle; color: #ea3434" icon="ep:zoom-out" />
+                <Icon style="color: #ea3434; vertical-align: middle" icon="ep:zoom-out" />
                 <el-button
                   style="vertical-align: middle"
                   link
@@ -1788,17 +1788,17 @@ const handleDelete = async (str: string) => {
 }
 
 :deep(.el-input-number .el-input__inner) {
-  text-align: left !important;
   padding-left: 10px; /* 保持左侧间距 */
+  text-align: left !important;
 }
 
 /* 分组容器样式 */
 .form-group {
   position: relative;
-  border: 1px solid #dcdfe6;
-  border-radius: 4px;
   padding: 20px 15px 10px;
   margin-bottom: 18px;
+  border: 1px solid #dcdfe6;
+  border-radius: 4px;
   transition: border-color 0.2s;
 }
 
@@ -1807,11 +1807,11 @@ const handleDelete = async (str: string) => {
   position: absolute;
   top: -10px;
   left: 20px;
-  background: white;
   padding: 0 8px;
-  color: #606266;
   font-size: 12px;
   font-weight: 500;
+  color: #606266;
+  background: white;
 }
 
 /* 确保分页组件右对齐 */
@@ -1822,14 +1822,14 @@ const handleDelete = async (str: string) => {
 }
 
 .full-content-cell {
-  white-space: nowrap; /* 禁止换行 */
   overflow: visible; /* 允许内容溢出单元格 */
+  white-space: nowrap; /* 禁止换行 */
 }
 
 /* 确保表格容器可滚动 */
 .table-container {
-  overflow-x: auto;
   width: 100%;
+  overflow-x: auto;
 
   /* 修复固定列错位 */
   :deep(.el-table__fixed-body-wrapper) {
@@ -1839,27 +1839,28 @@ const handleDelete = async (str: string) => {
 
 /* 滚动条调整 */
 :deep(.el-table__body-wrapper) {
-  overflow-x: auto;
   padding-bottom: 12px;
+  overflow-x: auto;
 }
 
 /* 固定表格布局 */
 el-table {
-  table-layout: fixed;
   min-width: 100%;
+  table-layout: fixed;
 }
 
 /* 全局禁止换行和省略号 */
 :deep(.el-table th > .cell),
 :deep(.el-table td > .cell) {
-  white-space: nowrap !important;
   overflow: visible !important;
   text-overflow: clip !important;
+  white-space: nowrap !important;
 }
 
 /* 表头特别处理 */
 :deep(.el-table__header) {
   border: 1px solid #dcdfe6 !important;
+
   /* .cell {
     display: inline-block;
     white-space: nowrap;
@@ -1877,10 +1878,10 @@ el-table {
 }
 
 :deep(.el-table__header .is-group th) {
+  position: relative;
+  font-weight: 600;
   background-color: #f5f7fa !important;
   border-bottom: 1px solid #dcdfe6 !important;
-  font-weight: 600;
-  position: relative;
 }
 
 :deep(.el-table__header .is-group th::after) {
@@ -1909,7 +1910,7 @@ el-table {
   box-shadow: none !important;
 }
 
-:deep(.el-table__fixed:before) {
+:deep(.el-table__fixed::before) {
   background-color: transparent !important;
 }
 
@@ -1932,6 +1933,18 @@ el-table {
   }
 }
 
+:deep(.el-table) {
+  .el-table__row--striped {
+    .el-table__cell {
+      background-color: var(--el-table-current-row-bg-color) !important;
+    }
+
+    .all-filled{
+      background-color: #67c23a !important;
+    }
+  }
+}
+
 /* 已完整填写行的背景色 */
 :deep(.el-table .all-filled) {
   background-color: #67c23a !important; /* 淡绿色背景 */