diff --git a/src/custom/apaas-custom-mydemo/custom-page/approvalProgressDetail.vue b/src/custom/apaas-custom-mydemo/custom-page/approvalProgressDetail.vue
index 1142705..75db610 100644
--- a/src/custom/apaas-custom-mydemo/custom-page/approvalProgressDetail.vue
+++ b/src/custom/apaas-custom-mydemo/custom-page/approvalProgressDetail.vue
@@ -39,17 +39,19 @@
               基础信息
             </div>
             <div class="info-grid">
-              <div class="info-item">
+              <div class="theme-info-item">
                 <span class="label">流程主题</span>
                 <span class="value">{{ progressDetail.progressTitle || '--' }}</span>
               </div>
-              <div class="info-item">
-                <span class="label">模板名称</span>
-                <span class="value">{{ progressDetail.contentName || '--' }}</span>
-              </div>
-              <div class="info-item">
-                <span class="label">版本</span>
-                <span class="value">{{ progressDetail.templateVersion || '--' }}</span>
+              <div class="remain-info">
+                <div class="info-item">
+                  <span class="label">模板名称</span>
+                  <span class="value">{{ progressDetail.contentName || '--' }}</span>
+                </div>
+                <div class="info-item">
+                  <span class="label">版本</span>
+                  <span class="value">{{ progressDetail.templateVersion || '--' }}</span>
+                </div>
               </div>
             </div>
           </section>
@@ -764,7 +766,7 @@ export default {
 
   .detail-panel {
     width: 100%;
-    max-width: 1200px;
+    // max-width: 1200px;
     background: #ffffff;
     border-radius: 12px;
     overflow: hidden;
@@ -842,24 +844,34 @@ export default {
   }
 
   .info-grid {
-    display: grid;
-    grid-template-columns: repeat(3, minmax(200px, 1fr));
-    gap: 16px 24px;
+    .label {
+      font-size: 15px;
+      color: #909399;
+    }
 
-    .info-item {
+    .value {
+      font-size: 15px;
+      color: #303133;
+      font-weight: 500;
+    }
+
+    .theme-info-item {
       display: flex;
-      flex-direction: column;
-      gap: 6px;
-
-      .label {
-        font-size: 13px;
-        color: #909399;
-      }
-
+      gap: 16px 24px;
+      margin-bottom: 16px;
       .value {
-        font-size: 15px;
-        color: #303133;
-        font-weight: 500;
+        flex: 1;
+      }
+    }
+
+    .remain-info {
+      display: flex;
+      gap: 16px 24px;
+
+      .info-item {
+        flex: 1;
+        display: flex;
+        gap: 16px 24px;
       }
     }
   }
diff --git a/src/custom/apaas-custom-mydemo/custom-page/engineCheck.vue b/src/custom/apaas-custom-mydemo/custom-page/engineCheck.vue
index d3e15e8..399d32f 100644
--- a/src/custom/apaas-custom-mydemo/custom-page/engineCheck.vue
+++ b/src/custom/apaas-custom-mydemo/custom-page/engineCheck.vue
@@ -37,17 +37,19 @@
                 基础信息
               </div>
               <div class="info-grid">
-                <div class="info-item">
+                <div class="theme-info-item">
                   <span class="label">流程主题</span>
                   <span class="value">{{ progressDetail.processTitle || '--' }}</span>
                 </div>
-                <div class="info-item">
-                  <span class="label">机型名称</span>
-                  <span class="value">{{ progressDetail.modelName || '--' }}</span>
-                </div>
-                <div class="info-item">
-                  <span class="label">发起人</span>
-                  <span class="value">{{ progressDetail.applicant || '--' }}</span>
+                <div class="remain-info">
+                  <div class="info-item">
+                    <span class="label">机型名称</span>
+                    <span class="value">{{ progressDetail.modelName || '--' }}</span>
+                  </div>
+                  <div class="info-item">
+                    <span class="label">发起人</span>
+                    <span class="value">{{ progressDetail.applicant || '--' }}</span>
+                  </div>
                 </div>
               </div>
             </section>
@@ -862,7 +864,7 @@ export default {
 
   .detail-panel {
     width: 100%;
-    max-width: 1200px;
+    // max-width: 1200px;
     background: #ffffff;
     border-radius: 12px;
     overflow: hidden;
@@ -939,26 +941,34 @@ export default {
   }
 
   .info-grid {
-    display: grid;
-    grid-template-columns: repeat(3, minmax(200px, 1fr));
-    gap: 16px 24px;
+    .label {
+      font-size: 15px;
+      color: #909399;
+    }
 
-    .info-item {
+    .value {
+      font-size: 15px;
+      color: #303133;
+      font-weight: 500;
+    }
+
+    .theme-info-item {
       display: flex;
-      flex-direction: row;
-      align-items: center;
-      gap: 8px;
-
-      .label {
-        font-size: 16px;
-        color: #909399;
-        white-space: nowrap;
-      }
-
+      gap: 16px 24px;
+      margin-bottom: 16px;
       .value {
-        font-size: 15px;
-        color: #303133;
-        font-weight: 500;
+        flex: 1;
+      }
+    }
+
+    .remain-info {
+      display: flex;
+      gap: 16px 24px;
+
+      .info-item {
+        flex: 1;
+        display: flex;
+        gap: 16px 24px;
       }
     }
   }