From 4cfe4d42eb5f36ff439413b7ceccd555c27b6a00 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=99=88=E6=98=B1=E8=BE=BE?= <chen.yuda@ebiz-digits.com>
Date: Thu, 8 May 2025 18:20:02 +0800
Subject: [PATCH] =?UTF-8?q?feat(component):=20=E6=B7=BB=E5=8A=A0=E5=90=8E?=
 =?UTF-8?q?=E9=80=80=E6=8C=89=E9=92=AE=E7=BB=84=E4=BB=B6=E5=B9=B6=E5=BA=94?=
 =?UTF-8?q?=E7=94=A8=E5=88=B0=E5=A4=9A=E4=B8=AA=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 新增 BackButton 组件，用于实现后退功能
- 在 agent、knowledge、intelligent-agent 等模块的多个页面中集成后退按钮
- 优化后退按钮的样式和交互效果
---
 src/components/BackButton/backButton.vue      | 38 +++++++++++++++++++
 src/main.js                                   |  3 ++
 src/views/agent/views/workflow/index.vue      | 22 +++++++----
 .../children/Logs&overview/index.vue          |  2 +-
 src/views/knowledge/detail/create.vue         | 16 +++++++-
 src/views/knowledge/detail/index.vue          | 16 ++++++++
 src/views/knowledge/index.vue                 | 14 +++----
 7 files changed, 94 insertions(+), 17 deletions(-)
 create mode 100644 src/components/BackButton/backButton.vue

diff --git a/src/components/BackButton/backButton.vue b/src/components/BackButton/backButton.vue
new file mode 100644
index 0000000..b44e84d
--- /dev/null
+++ b/src/components/BackButton/backButton.vue
@@ -0,0 +1,38 @@
+<template>
+  <el-button
+    size="medium"
+    class="hover-button mb10"
+    @click="$router.history.go(-1)"
+    icon="el-icon-arrow-left"
+    >返回</el-button
+  >
+</template>
+<script>
+export default {
+  name: 'backButton',
+  data() {
+    return {}
+  },
+  props: {},
+  watch: {},
+  components: {},
+  filters: {},
+  methods: {},
+  created() {},
+  mounted() {},
+  computed: {}
+}
+</script>
+<style scoped lang="scss">
+@import '@/assets/sass/renderSass/theme.scss';
+.hover-button {
+  border: none !important;
+  padding: 8px 2px;
+  &:hover {
+    background: $--color-primary-button-gradient;
+    color: #fff;
+    padding: 8px 15px;
+    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12);
+  }
+}
+</style>
diff --git a/src/main.js b/src/main.js
index 49361de..fc422b5 100644
--- a/src/main.js
+++ b/src/main.js
@@ -19,6 +19,8 @@ import generatedFormat from '@/assets/js/generatedFormat'
 import generatedComponents from './generatedComponents'
 import RenderDialog from '@/components/RenderDialog/index.vue'
 import RenderCropper from '@/components/RenderCropper/index.vue'
+import BackButton from '@/components/BackButton/backButton.vue'
+
 Vue.prototype.$generatedFormat = generatedFormat
 Vue.prototype.$utils = utils
 Vue.prototype.$generatedDictList = generatedFormat.formatList
@@ -62,6 +64,7 @@ Vue.prototype.$echarts = echarts
 Vue.use(ElementUI, { locale })
 //二次封装的el-table
 Vue.component('RTable', RenderTable)
+Vue.component('BackButton', BackButton)
 Vue.component('RCropper', RenderCropper)
 Vue.component('RDialog', RenderDialog)
 Vue.component('RSwiper', RenderSwiper)
diff --git a/src/views/agent/views/workflow/index.vue b/src/views/agent/views/workflow/index.vue
index 1a552b6..6739fbb 100644
--- a/src/views/agent/views/workflow/index.vue
+++ b/src/views/agent/views/workflow/index.vue
@@ -118,13 +118,19 @@ export default {
 </script>
 
 <template>
-  <div class="render-container" v-loading="isLoading">
-    <iframe
-      @load="handleAgentLoad"
-      ref="agent"
-      :src="agent.src"
-      frameborder="0"
-      style="width: 100%; height: 100%;border-radius: 50px"
-    />
+  <div class="render-container">
+    <BackButton></BackButton>
+    <div
+      v-loading="isLoading"
+      style="width: 100%; height: calc(100% - 42px);border-radius: 8px"
+    >
+      <iframe
+        @load="handleAgentLoad"
+        ref="agent"
+        :src="agent.src"
+        frameborder="0"
+        style="width: 100%; height:100%;"
+      />
+    </div>
   </div>
 </template>
diff --git a/src/views/intelligent-agent/children/Logs&overview/index.vue b/src/views/intelligent-agent/children/Logs&overview/index.vue
index ca1eb9a..5b305a7 100644
--- a/src/views/intelligent-agent/children/Logs&overview/index.vue
+++ b/src/views/intelligent-agent/children/Logs&overview/index.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="render-container">
-    <div class="title"></div>
+    <back-button style="margin:0 10px"></back-button>
     <div class="flex tabs">
       <div
         @click="chooseTab = item.name"
diff --git a/src/views/knowledge/detail/create.vue b/src/views/knowledge/detail/create.vue
index d6175db..b9d3e40 100644
--- a/src/views/knowledge/detail/create.vue
+++ b/src/views/knowledge/detail/create.vue
@@ -1,6 +1,13 @@
 <template>
   <div class="render-container">
-    <div slot="header" class="clearfix">
+    <div slot="header" class="clearfix flex">
+      <div class="hover-back  mr5">
+        <el-icon
+          class="el-icon-arrow-left"
+          style="font-size: 24px;cursor: pointer"
+          @click.native="$router.history.go(-1)"
+        ></el-icon>
+      </div>
       <h3>上传知识</h3>
     </div>
     <div class="card-body mt20">
@@ -271,4 +278,11 @@ export default {
     -webkit-transform: translateX(0);
   }
 }
+.hover-back {
+  padding: 1.5px 3px;
+  &:hover {
+    background: rgba(87, 104, 161, 0.2);
+    border-radius: 5px;
+  }
+}
 </style>
diff --git a/src/views/knowledge/detail/index.vue b/src/views/knowledge/detail/index.vue
index a848176..ce5b11c 100644
--- a/src/views/knowledge/detail/index.vue
+++ b/src/views/knowledge/detail/index.vue
@@ -1,6 +1,14 @@
 <template>
   <div class=" render-container">
     <div class="clearfix flex align-items-c justify-content-b ">
+      <div class="hover-back  mr5">
+        <el-icon
+          class="el-icon-arrow-left"
+          style="font-size: 24px;cursor: pointer"
+          @click.native="$router.history.go(-1)"
+        ></el-icon>
+      </div>
+
       <img
         :src="knowledgeImage ? knowledgeImage : knowledgePng_1"
         class="header-icon"
@@ -990,4 +998,12 @@ export default {
     font-style: normal;
   }
 }
+
+.hover-back {
+  padding: 10px 5px;
+  &:hover {
+    background: rgba(87, 104, 161, 0.2);
+    border-radius: 5px;
+  }
+}
 </style>
diff --git a/src/views/knowledge/index.vue b/src/views/knowledge/index.vue
index 6c056e0..ad5e603 100644
--- a/src/views/knowledge/index.vue
+++ b/src/views/knowledge/index.vue
@@ -38,13 +38,13 @@
         <p class="mt10 fs14 theme-primary-desc-text" style="line-height: 15px">
           同时也可以通过修改和删除操作，对系统内知识体系进行修正和优化。
         </p>
-        <el-button
-          type="primary"
-          class="mt20 render-button pv8 ph10"
-          plain
-          icon="el-icon-document-remove"
-          >操作文档</el-button
-        >
+        <!--        <el-button-->
+        <!--          type="primary"-->
+        <!--          class="mt20 render-button pv8 ph10"-->
+        <!--          plain-->
+        <!--          icon="el-icon-document-remove"-->
+        <!--          >操作文档</el-button-->
+        <!--        >-->
       </div>
     </div>