可信代码库-可信开源代码库AI助手跳转按钮及历史列表按钮添加

src/layouts/AILayout/index.vue

@@ -62,7 +62,15 @@
 
     <!-- 浮动工具栏（移动端不显示） -->
 <!--    <ToolsFloat v-if="showToolsFloat" />-->
-
+    <!-- 在 d-layout 结束前添加返回按钮 -->
+    <div class="back-in-btn">
+      <div class="back-in-time-btn" @click="handleBackInTime">
+        <i class="icon icon-history" title="查看历史"></i>
+      </div>
+      <div class="back-in-time-btn" @click="handleBackInTime">
+        <i class="icon icon-operation-log" title="查看文档"></i>
+      </div>
+    </div>
   </d-layout>
 </template>
 
@@ -209,4 +217,42 @@ onUnmounted(() => {
   }
 
 }
+
+.back-in-btn {
+  position: fixed;
+  left: 20px;
+  bottom: 20px;
+  display: flex;
+  gap: 12px;
+
+  .back-in-time-btn {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    padding: 8px;
+    background-color: var(--el-color-primary);
+    //color: white;
+    border-radius: 20px;
+    cursor: pointer;
+    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
+    z-index: 999;
+    transition: all 0.3s;
+    font-size: 18px;
+  }
+
+  .back-in-time-btn:hover {
+    background-color: var(--el-color-primary-light-3);
+    transform: translateY(-2px);
+  }
+
+  /* 响应式调整 - 移动端隐藏或调整位置 */
+  @media (max-width: 768px) {
+    .back-in-time-btn {
+      left: 10px;
+      bottom: 10px;
+      padding: 6px 12px;
+      font-size: 14px;
+    }
+  }
+}
 </style>