From 4b692a3578a3e66ec35b5175de3ca538cf82f33b Mon Sep 17 00:00:00 2001
From: yehuangf <yehuangf@isoftstone.com>
Date: Mon, 29 Dec 2025 15:29:43 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20[=E6=B5=81=E7=A8=8B=E6=9F=A5=E8=AF=A2]?=
 =?UTF-8?q?=20=E6=9B=B4=E6=94=B9=E5=9F=BA=E7=A1=80=E4=BF=A1=E6=81=AF?=
 =?UTF-8?q?=E7=9A=84=E5=B1=95=E7=A4=BA=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../custom-page/approvalProgressDetail.vue    | 60 +++++++++++-------
 .../custom-page/engineCheck.vue               | 62 +++++++++++--------
 2 files changed, 72 insertions(+), 50 deletions(-)

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;
       }
     }
   }