From 84a4f8aed87f3e368cd3f8792cfd10f6fbdf8add Mon Sep 17 00:00:00 2001
From: "du.meimei" <du.meimei@ebiz-digits.com>
Date: Tue, 22 Apr 2025 11:25:01 +0800
Subject: [PATCH 1/3] =?UTF-8?q?refactor(track):=20=E4=BC=98=E5=8C=96?=
 =?UTF-8?q?=E4=B8=8A=E4=BC=A0=E4=BB=BB=E5=8A=A1=E8=AF=A6=E6=83=85=E7=95=8C?=
 =?UTF-8?q?=E9=9D=A2=E5=B8=83=E5=B1=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 将表单内容和知识内容放在左侧，原文内容放在右侧
- 使用 el-card 组件包裹各个部分内容，优化视觉效果
- 调整样式，增加适当的间距和样式类
- 在 KnowledgeInfo 组件中添加新的样式类和布局结构- 修改 Track 组件中详情对话框的宽度，以适应新的布局
---
 src/views/track/Index.vue                     |   2 +-
 .../track/views/knowledge-info/Index.vue      | 180 +++++++++++-------
 2 files changed, 107 insertions(+), 75 deletions(-)

diff --git a/src/views/track/Index.vue b/src/views/track/Index.vue
index 8be0c2e..cd81095 100644
--- a/src/views/track/Index.vue
+++ b/src/views/track/Index.vue
@@ -261,7 +261,7 @@ export default {
         />
 
         <!-- 弹出提示框， 里面是各种详情内容 -->
-        <el-drawer title="上传任务详情" :visible.sync="infoDialogVisible" size="60%" :before-close="() => (infoDialogVisible = false)">
+        <el-drawer title="上传任务详情" :visible.sync="infoDialogVisible" size="95%" :before-close="() => (infoDialogVisible = false)">
           <knowledge-info :form="activeForm" v-if="infoDialogVisible"></knowledge-info>
         </el-drawer>
       </div>
diff --git a/src/views/track/views/knowledge-info/Index.vue b/src/views/track/views/knowledge-info/Index.vue
index ac6fe3e..157caae 100644
--- a/src/views/track/views/knowledge-info/Index.vue
+++ b/src/views/track/views/knowledge-info/Index.vue
@@ -84,91 +84,123 @@ export default {
 <template>
   <div class="container upload-info-container">
     <div class="card-body">
-      <el-form ref="form" :model="newForm" label-width="80px">
-        <el-row>
-          <el-col :span="24">
-            <el-form-item label="知识库">
-              <el-input v-model="newForm.datasetName" placeholder="" disabled></el-input>
-            </el-form-item>
-          </el-col>
-          <el-col :span="24">
-            <el-form-item label="知识文件名称">
-              <el-input v-model="newForm.fileName" placeholder="" disabled></el-input>
-            </el-form-item>
-          </el-col>
-        </el-row>
+      <el-row :gutter="20">
+        <!-- 左侧：表单内容和知识内容 -->
+        <el-col :span="12">
+          <!-- 表单内容 -->
+          <el-card class="content-card">
+            <div slot="header" class="clearfix">
+              <span>基本信息</span>
+            </div>
+            <el-form ref="form" :model="newForm" label-width="120px">
+              <el-form-item label="知识库">
+                <el-input v-model="newForm.datasetName" placeholder="" disabled></el-input>
+              </el-form-item>
 
-        <el-row>
-          <el-col :span="12">
-            <el-form-item label="上传用户">
-              <el-input v-model="newForm.userName" placeholder="" disabled></el-input>
-            </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item label="上传时间">
-              <el-input v-model="newForm.createdDate" placeholder="" disabled></el-input>
-            </el-form-item>
-          </el-col>
-        </el-row>
+              <el-form-item label="知识文件名称">
+                <el-input v-model="newForm.fileName" placeholder="" disabled></el-input>
+              </el-form-item>
 
-        <el-row>
-          <el-col :span="12">
-            <el-form-item label="任务号">
-              <el-input v-model="newForm.id" placeholder="" disabled></el-input>
-            </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item label="分段模式">
-              <el-input v-model="newForm.segmentedMode" placeholder="null" disabled></el-input>
-            </el-form-item>
-          </el-col>
-        </el-row>
+              <el-row>
+                <el-col :span="12">
+                  <el-form-item label="上传用户">
+                    <el-input v-model="newForm.userName" placeholder="" disabled></el-input>
+                  </el-form-item>
+                </el-col>
+                <el-col :span="12">
+                  <el-form-item label="上传时间">
+                    <el-input v-model="newForm.createdDate" placeholder="" disabled></el-input>
+                  </el-form-item>
+                </el-col>
+              </el-row>
 
-        <el-row>
-          <el-col :span="12">
-            <el-form-item label="高级模式">
-              <el-input v-model="useMineru" placeholder="" disabled></el-input>
-            </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item label="任务状态">
-              <el-input v-model="documentStatus" placeholder="" disabled></el-input>
-            </el-form-item>
-          </el-col>
-        </el-row>
+              <el-row>
+                <el-col :span="12">
+                  <el-form-item label="任务号">
+                    <el-input v-model="newForm.id" placeholder="" disabled></el-input>
+                  </el-form-item>
+                </el-col>
+                <el-col :span="12">
+                  <el-form-item label="分段模式">
+                    <el-input v-model="newForm.segmentedMode" placeholder="null" disabled></el-input>
+                  </el-form-item>
+                </el-col>
+              </el-row>
 
-        <el-row>
-          <el-col :span="24" v-if="newForm.documentStatus === -1">
-            <el-form-item label="失败原因">
-              <el-input v-model="newForm.errMessage" placeholder=""></el-input>
-            </el-form-item>
-          </el-col>
-        </el-row>
+              <el-row>
+                <el-col :span="12">
+                  <el-form-item label="高级模式">
+                    <el-input v-model="useMineru" placeholder="" disabled></el-input>
+                  </el-form-item>
+                </el-col>
+                <el-col :span="12">
+                  <el-form-item label="任务状态">
+                    <el-input v-model="documentStatus" placeholder="" disabled></el-input>
+                  </el-form-item>
+                </el-col>
+              </el-row>
 
-        <el-row>
-          <el-col :span="24">
-            <el-form-item label="知识内容">
-              <div class="is-always-shadow" v-if="descriptions">
-                <text-model v-if="descriptions.doc_form === 'text_model'" :descriptions="descriptions" />
-                <q-a-model v-else-if="descriptions.doc_form === 'qa_model'" :descriptions="descriptions" />
-              </div>
-              <span v-else>-</span>
-            </el-form-item>
-          </el-col>
+              <el-form-item label="失败原因" v-if="newForm.documentStatus === -1">
+                <el-input v-model="newForm.errMessage" placeholder=""></el-input>
+              </el-form-item>
+            </el-form>
+          </el-card>
 
-          <el-col :span="24">
-            <el-form-item label="原文内容" />
+          <!-- 知识内容 -->
+          <el-card class="content-card mt20">
+            <div slot="header" class="clearfix">
+              <span>知识内容</span>
+            </div>
+            <div class="knowledge-content" v-if="descriptions">
+              <text-model v-if="descriptions.doc_form === 'text_model'" :descriptions="descriptions" />
+              <q-a-model v-else-if="descriptions.doc_form === 'qa_model'" :descriptions="descriptions" />
+            </div>
+            <span v-else>暂无知识内容</span>
+          </el-card>
+        </el-col>
+
+        <!-- 右侧：原文内容 -->
+        <el-col :span="12">
+          <el-card class="content-card full-height">
+            <div slot="header" class="clearfix">
+              <span>原文内容</span>
+            </div>
             <iframe
               id="iframe"
               :src="`${iframeSrc}/pdfjs-dist/web/viewer.html?file=${encodeURIComponent(getPdfUrl({ documentId: newForm.id }))}`"
-              class="miner-u el-card is-always-shadow ml20"
-              style="width: 98%; height: 800px;"
+              class="miner-u"
+              style="width: 100%; height: 800px;"
             ></iframe>
-          </el-col>
-        </el-row>
-      </el-form>
+          </el-card>
+        </el-col>
+      </el-row>
     </div>
   </div>
 </template>
 
-<style lang="scss" scoped></style>
+<style lang="scss" scoped>
+.content-card {
+  margin-bottom: 20px;
+
+  .knowledge-content {
+    min-height: 300px;
+  }
+}
+
+.full-height {
+  height: calc(100% - 20px);
+}
+
+.mt20 {
+  margin-top: 20px;
+}
+
+.clearfix:before,
+.clearfix:after {
+  display: table;
+  content: '';
+}
+.clearfix:after {
+  clear: both;
+}
+</style>

From 8ace7fff7a2c12016c1f7dc53a3e20df5d37743d Mon Sep 17 00:00:00 2001
From: Huangzhe <huang.ze@ebiz-digits.com>
Date: Tue, 22 Apr 2025 17:14:54 +0800
Subject: [PATCH 2/3] =?UTF-8?q?feat:=20=E5=A2=9E=E5=8A=A0dify=E5=8A=9F?=
 =?UTF-8?q?=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

1.  增加 dify 的 /app 和 /_next 代理，允许跨域请求
2. 增加 dify 的路由  /dify
3.  增加 dify 的可以隐藏侧边栏和导航栏
---
 src/router/generatedRouter/index.js     | 22 ++++++++
 src/views/dify/index.vue                | 21 ++++++++
 src/views/dify/views/workflow/index.vue | 72 +++++++++++++++++++++++++
 vue.config.js                           | 22 ++++++++
 4 files changed, 137 insertions(+)
 create mode 100644 src/views/dify/index.vue
 create mode 100644 src/views/dify/views/workflow/index.vue

diff --git a/src/router/generatedRouter/index.js b/src/router/generatedRouter/index.js
index 9138200..d2c98a4 100644
--- a/src/router/generatedRouter/index.js
+++ b/src/router/generatedRouter/index.js
@@ -135,6 +135,28 @@ export default [
             }
           }
         ]
+      },
+    ]
+  },
+  {
+    path: '/dify',
+    name: 'dify',
+    component: layout,
+    redirect: '/dify/workflow',
+    meta: {
+      title: 'Dify',
+      icon: 'el-icon-home',
+      affix: true
+    },
+    children: [
+      {
+        path: '/dify/workflow',
+        name: 'dify-workflow',
+        component: () => import('@/views/dify/views/workflow/index.vue'),
+        meta: {
+          title: 'Dify',
+          icon: 'el-icon-home'
+        }
       }
     ]
   }
diff --git a/src/views/dify/index.vue b/src/views/dify/index.vue
new file mode 100644
index 0000000..cc6d00f
--- /dev/null
+++ b/src/views/dify/index.vue
@@ -0,0 +1,21 @@
+<script>
+
+export default {
+  name: 'dify',
+  data() {
+    return {
+      dify: {
+        src: '/dify'
+      }
+    }
+  }
+}
+</script>
+
+<template>
+  <div class="container">
+
+  </div>
+</template>
+
+<style lang="scss" scoped></style>
\ No newline at end of file
diff --git a/src/views/dify/views/workflow/index.vue b/src/views/dify/views/workflow/index.vue
new file mode 100644
index 0000000..77471ae
--- /dev/null
+++ b/src/views/dify/views/workflow/index.vue
@@ -0,0 +1,72 @@
+<script>
+import { computed } from 'vue'
+
+export default {
+  name: 'workflow',
+  data() {
+    return {
+      dify: {
+        // 默认不展示 header 和 sidebar
+        params: {
+          sidebar: '0',
+          header: '0'
+        },
+        isVisible: false,
+        // dify 的 workflow 地址格式 http://localhost:3000/dify/app/235427ea-803b-482b-bdff-dd717801ca76/workflow
+        //  app 是展示所有的内容
+        src: `/`
+      }
+    }
+  },
+  computed: {
+    params() {
+      const _params = []
+      Object.keys(this.dify.params).forEach(key => {
+        _params.push(`${key}=${this.dify.params[key]}`)
+      })
+      return _params.join('&')
+    }
+  },
+  // http://192.168.3.229:3000/apps
+  created() {
+    // 检测是否存在 workflow id ， 如果不存在则不展示内容
+    const { id, header, sidebar } = this.$route.query
+    if (id) {
+      this.dify.src = `/app/${id}/workflow?${this.params}`
+      this.dify.isVisible = true
+    }
+
+    // 获取 header 和 sidebar 的内容, 重置参数状态
+    this.dify.params.header = header || '0'
+    this.dify.params.sidebar = sidebar || '0'
+  },
+  watch: {
+    '$route.query': {
+      handler() {
+        // 获取 header 和 sidebar 的内容, 重置参数状态
+        const { id, header, sidebar } = this.$route.query
+        this.dify.params.header = header || '0'
+        this.dify.params.sidebar = sidebar || '0'
+
+        // 当路由参数 id 变化时，更新 dify 的 src
+        if (id) {
+          this.dify.src = `/app/${id}/workflow?${this.params}`
+          this.dify.isVisible = true
+        } else {
+          this.dify.isVisible = false
+        }
+      },
+      deep: true
+    }
+  }
+}
+</script>
+
+<template>
+  <div class="container">
+    <el-card :body-style="{ padding: 0 }" shadow="hover">
+      <iframe v-if="dify.isVisible" ref="dify" :src="dify.src" frameborder="0" style="width: 100%; height: 85vh;" />
+      <el-empty v-else />
+    </el-card>
+  </div>
+</template>
\ No newline at end of file
diff --git a/vue.config.js b/vue.config.js
index d911891..e2880d6 100644
--- a/vue.config.js
+++ b/vue.config.js
@@ -34,6 +34,28 @@ module.exports = {
       errors: true
     },
     proxy: {
+      '/app': {
+        target: 'http://localhost:3000',
+        changeOrigin: true,
+        onProxyRes: (proxyRes, req, res) => {
+          delete proxyRes.headers['x-frame-options'];
+        },
+        pathRewrite: {
+          // '^/app': '/'
+        },
+        logLevel: 'debug'
+      },
+      '/_next': {
+        target: 'http://localhost:3000',
+        changeOrigin: true,
+        onProxyRes: (proxyRes, req, res) => {
+          delete proxyRes.headers['x-frame-options'];
+        },
+        pathRewrite: {
+          // '^/_next': '/'
+        },
+        logLevel: 'debug'
+      },
       '/api': {
         target: process.env.VUE_APP_ADMIN,
         changeOrigin: true,

From f0c22dbd4bd598e751fb8044cff0e6963a4b600d Mon Sep 17 00:00:00 2001
From: Huangzhe <huang.ze@ebiz-digits.com>
Date: Tue, 22 Apr 2025 17:29:39 +0800
Subject: [PATCH 3/3] =?UTF-8?q?feat:=20=E9=9A=90=E8=97=8F=20dify=20?=
 =?UTF-8?q?=E5=8A=9F=E8=83=BD=E6=8C=89=E9=92=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/dify/views/workflow/index.vue | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/src/views/dify/views/workflow/index.vue b/src/views/dify/views/workflow/index.vue
index 77471ae..42ba5f0 100644
--- a/src/views/dify/views/workflow/index.vue
+++ b/src/views/dify/views/workflow/index.vue
@@ -9,7 +9,8 @@ export default {
         // 默认不展示 header 和 sidebar
         params: {
           sidebar: '0',
-          header: '0'
+          header: '0',
+          publish: '0'
         },
         isVisible: false,
         // dify 的 workflow 地址格式 http://localhost:3000/dify/app/235427ea-803b-482b-bdff-dd717801ca76/workflow
@@ -30,7 +31,7 @@ export default {
   // http://192.168.3.229:3000/apps
   created() {
     // 检测是否存在 workflow id ， 如果不存在则不展示内容
-    const { id, header, sidebar } = this.$route.query
+    const { id, header, sidebar, publish } = this.$route.query
     if (id) {
       this.dify.src = `/app/${id}/workflow?${this.params}`
       this.dify.isVisible = true
@@ -39,17 +40,21 @@ export default {
     // 获取 header 和 sidebar 的内容, 重置参数状态
     this.dify.params.header = header || '0'
     this.dify.params.sidebar = sidebar || '0'
+    this.dify.params.publish = publish || '0'
   },
   watch: {
     '$route.query': {
       handler() {
         // 获取 header 和 sidebar 的内容, 重置参数状态
-        const { id, header, sidebar } = this.$route.query
+        const { id, header, sidebar, publish } = this.$route.query
         this.dify.params.header = header || '0'
         this.dify.params.sidebar = sidebar || '0'
+        this.dify.params.publish = publish || '0'
 
         // 当路由参数 id 变化时，更新 dify 的 src
         if (id) {
+          console.log(`current params:`, this.dify.params)
+
           this.dify.src = `/app/${id}/workflow?${this.params}`
           this.dify.isVisible = true
         } else {