From e36aa065e9813c11212fc1ce13b5950dfd3474cd Mon Sep 17 00:00:00 2001
From: xiaojunnuo <xiaojunnuo@qq.com>
Date: Tue, 11 Mar 2025 18:05:36 +0800
Subject: [PATCH] chore:

---
 .../views/certd/pipeline/pipeline/index.vue   | 40 +++++++++++++++++--
 1 file changed, 37 insertions(+), 3 deletions(-)

diff --git a/packages/ui/certd-client/src/views/certd/pipeline/pipeline/index.vue b/packages/ui/certd-client/src/views/certd/pipeline/pipeline/index.vue
index 111c20b1..4b36d95d 100644
--- a/packages/ui/certd-client/src/views/certd/pipeline/pipeline/index.vue
+++ b/packages/ui/certd-client/src/views/certd/pipeline/pipeline/index.vue
@@ -222,7 +222,11 @@
       </div>
 
       <div class="layout-right">
-        <a-page-header title="运行历史" sub-title="点任务可查看日志" class="logs-block" :ghost="false">
+        <a-page-header title="运行历史" sub-title="点任务可查看日志" class="logs-block" :class="{ collapse: logsCollapse }" :ghost="false">
+          <div class="collapse-toggle" @click="toggleLogsCollapse">
+            1111
+            <fs-icon icon="ion:search"></fs-icon>
+          </div>
           <a-timeline class="mt-10">
             <template v-for="item of histories" :key="item.id">
               <pi-history-timeline-item
@@ -755,9 +759,15 @@ export default defineComponent({
         console.log("currentPipeline", pipeline);
       };
 
+      const logsCollapse = ref(false);
+      function toggleLogsCollapse() {
+        logsCollapse.value = !logsCollapse.value;
+      }
       return {
         historyView,
-        historyCancel
+        historyCancel,
+        logsCollapse,
+        toggleLogsCollapse
       };
     }
 
@@ -799,7 +809,9 @@ export default defineComponent({
   .pi-status-show {
     display: inline-flex;
   }
-
+  .fs-page-content {
+    overflow-x: auto;
+  }
   .layout {
     width: 100%;
     height: 100%;
@@ -1006,6 +1018,28 @@ export default defineComponent({
   .logs-block {
     height: 100%;
     overflow-y: auto;
+    max-width: 90vw;
+
+    .ant-page-header-content {
+      position: relative;
+    }
+
+    &.collapse{
+
+    }
+
+    .collapse-toggle {
+      position: absolute;
+      right: 10px;
+      top: 10px;
+      cursor: pointer;
+      font-size: 20px;
+      color: #1890ff;
+      width: 80px;
+      height: 80px;
+      border: 1px solid #1890ff;
+      z-index: 10000;
+    }
   }
 }
 </style>