0925

src/views/zhinengxunjian/baoxiujilu.vue

@@ -1244,11 +1244,69 @@ const handleInspection7 = () => {
     overflow-x: auto;
   }
 }
+
+/* 详情弹窗样式 */
 .custom-experiment-dialog .el-dialog__body {
   max-height: 60vh;
   overflow-y: auto;
   padding: 24px;
 }
+
+/* 详情卡片样式 */
+.detail-card {
+  background-color: #fff;
+  border-radius: 8px;
+  padding: 20px;
+  margin-bottom: 20px;
+  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05);
+  border: 1px solid #f0f2f5;
+}
+
+.card-title {
+  font-size: 16px;
+  font-weight: 600;
+  color: #1d2129;
+  margin-bottom: 16px;
+  padding-bottom: 12px;
+  border-bottom: 2px solid #409eff;
+}
+
+.card-content {
+  padding: 0 4px;
+}
+
+/* 信息行和信息项样式 */
+.info-row {
+  display: flex;
+  margin-bottom: 16px;
+  flex-wrap: wrap;
+}
+
+.info-item {
+  flex: 0 0 50%;
+  margin-bottom: 12px;
+  display: flex;
+  align-items: flex-start;
+}
+
+.info-item.full-width {
+  flex: 0 0 100%;
+}
+
+.info-label {
+  font-weight: 500;
+  color: #86909c;
+  margin-right: 8px;
+  min-width: 80px;
+  flex-shrink: 0;
+}
+
+.info-value {
+  color: #4e5969;
+  flex: 1;
+  word-break: break-all;
+  font-size: 14px;
+}
 /* 详情弹窗样式 */
 .custom-experiment-dialog {
   .detail-content {
@@ -1304,96 +1362,6 @@ const handleInspection7 = () => {
     white-space: pre-wrap;
   }
 
-  /* 任务详情容器 */
-  .task-detail-container {
-    padding: 0 10px;
-  }
-
-  /* 详情卡片样式 */
-  .detail-card {
-    margin-bottom: 20px;
-    border-radius: 8px;
-    background-color: #ffffff;
-    border: 1px solid #ebeef5;
-    overflow: hidden;
-  }
-
-  .card-title {
-    font-size: 16px;
-    font-weight: 500;
-    color: #303133;
-    padding: 16px;
-    border-bottom: 1px solid #f0f2f5;
-    margin: 0;
-  }
-
-  .card-content {
-    padding: 16px;
-  }
-
-  .info-row {
-    display: flex;
-    flex-wrap: wrap;
-    margin-bottom: 12px;
-  }
-
-  .info-row:last-child {
-    margin-bottom: 0;
-  }
-
-  .info-item {
-    flex: 0 0 50%;
-    margin-bottom: 8px;
-  }
-
-  .info-item.full-width {
-    flex: 0 0 100%;
-  }
-
-  .info-label {
-    font-size: 14px;
-    color: #909399;
-    margin-right: 8px;
-  }
-
-  .info-value {
-    font-size: 14px;
-    color: #303133;
-    word-break: break-word;
-  }
-
-  /* 骨架屏样式 */
-  .skeleton-loading {
-    padding: 20px;
-  }
-
-  .skeleton-card {
-    margin-bottom: 16px;
-    border-radius: 8px;
-    background-color: #f5f7fa;
-    padding: 16px;
-  }
-
-  .skeleton-header {
-    width: 100%;
-    height: 20px;
-    background-color: #e8e8e8;
-    border-radius: 4px;
-    margin-bottom: 12px;
-  }
-
-  .skeleton-content {
-    display: flex;
-    flex-direction: column;
-    gap: 8px;
-  }
-
-  .skeleton-row {
-    height: 16px;
-    background-color: #e8e8e8;
-    border-radius: 4px;
-  }
-
   /* 多图片展示容器样式 */
   .images-container {
     display: flex;
@@ -1443,20 +1411,7 @@ const handleInspection7 = () => {
     color: #909399;
     padding: 40px 0;
   }
-
-  /* 加载状态样式 */
-  .loading-state {
-    text-align: center;
-    padding: 60px 0;
-    color: #909399;
-  }
-
-  .loading-state .el-icon-loading {
-    font-size: 36px;
-    margin-bottom: 12px;
-  }
 }
-
 @media (max-width: 768px) {
   .custom-experiment-dialog {
     width: 90% !important;