From c48aa77f2f3d7b95d7ae3d8d7003ca4bd2385264 Mon Sep 17 00:00:00 2001
From: zhangzhanwei <zhanwei.zhang@fit2cloud.com>
Date: Tue, 5 Aug 2025 15:57:14 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20Application=20workflow=20debug=20use=20-?=
 =?UTF-8?q?-bug=3D1059999=20--user=3D=E5=BC=A0=E5=B1=95=E7=8E=AE=20?=
 =?UTF-8?q?=E3=80=90=E8=B5=84=E6=BA=90=E7=AE=A1=E7=90=86=E3=80=91=E7=BB=A7?=
 =?UTF-8?q?=E6=89=BF=E7=B3=BB=E7=BB=9F=E7=AE=A1=E7=90=86=E5=91=98=E8=A7=92?=
 =?UTF-8?q?=E8=89=B2=E7=9A=84=E7=94=A8=E6=88=B7=EF=BC=8C=E5=9C=A8=E8=B5=84?=
 =?UTF-8?q?=E6=BA=90=E7=AE=A1=E7=90=86=E4=B8=AD=E8=B0=83=E8=AF=95=E5=BA=94?=
 =?UTF-8?q?=E7=94=A8=E6=97=A0=E6=9D=83=E9=99=90=20https://www.tapd.cn/6298?=
 =?UTF-8?q?0211/s/1749113?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ui/src/components/ai-chat/index.vue           | 106 ++++++------------
 .../permission/application/system-manage.ts   |   8 ++
 ui/src/permission/application/workspace.ts    |  10 ++
 ui/src/views/application-workflow/index.vue   |   7 +-
 4 files changed, 59 insertions(+), 72 deletions(-)

diff --git a/ui/src/components/ai-chat/index.vue b/ui/src/components/ai-chat/index.vue
index 8d6f8eced..450403aae 100644
--- a/ui/src/components/ai-chat/index.vue
+++ b/ui/src/components/ai-chat/index.vue
@@ -1,90 +1,43 @@
 <template>
-  <div
-    ref="aiChatRef"
-    class="ai-chat"
-    :class="type"
-    :style="{
-      height: firsUserInput ? '100%' : undefined,
-      paddingBottom: applicationDetails.disclaimer ? '20px' : 0,
-    }"
-  >
-    <div
-      v-show="showUserInputContent"
-      :class="firsUserInput ? 'firstUserInput' : 'popperUserInput'"
-    >
-      <UserForm
-        v-model:api_form_data="api_form_data"
-        v-model:form_data="form_data"
-        :application="applicationDetails"
-        :type="type"
-        :first="firsUserInput"
-        @confirm="UserFormConfirm"
-        @cancel="UserFormCancel"
-        ref="userFormRef"
-      ></UserForm>
+  <div ref="aiChatRef" class="ai-chat" :class="type" :style="{
+    height: firsUserInput ? '100%' : undefined,
+    paddingBottom: applicationDetails.disclaimer ? '20px' : 0,
+  }">
+    <div v-show="showUserInputContent" :class="firsUserInput ? 'firstUserInput' : 'popperUserInput'">
+      <UserForm v-model:api_form_data="api_form_data" v-model:form_data="form_data" :application="applicationDetails"
+        :type="type" :first="firsUserInput" @confirm="UserFormConfirm" @cancel="UserFormCancel" ref="userFormRef">
+      </UserForm>
     </div>
     <template v-if="!(isUserInput || isAPIInput) || !firsUserInput || type === 'log'">
       <el-scrollbar ref="scrollDiv" @scroll="handleScrollTop">
         <div ref="dialogScrollbar" class="ai-chat__content p-16">
-          <PrologueContent
-            :type="type"
-            :application="applicationDetails"
-            :available="available"
-            :send-message="sendMessage"
-          ></PrologueContent>
+          <PrologueContent :type="type" :application="applicationDetails" :available="available"
+            :send-message="sendMessage"></PrologueContent>
 
           <template v-for="(item, index) in chatList" :key="index">
             <!-- 问题 -->
-            <QuestionContent
-              :type="type"
-              :application="applicationDetails"
-              :chat-record="item"
-            ></QuestionContent>
+            <QuestionContent :type="type" :application="applicationDetails" :chat-record="item"></QuestionContent>
             <!-- 回答 -->
-            <AnswerContent
-              :application="applicationDetails"
-              :loading="loading"
-              v-model:chat-record="chatList[index]"
-              :type="type"
-              :send-message="sendMessage"
-              :chat-management="ChatManagement"
+            <AnswerContent :application="applicationDetails" :loading="loading" v-model:chat-record="chatList[index]"
+              :type="type" :send-message="sendMessage" :chat-management="ChatManagement"
               :executionIsRightPanel="props.executionIsRightPanel"
               @open-execution-detail="emit('openExecutionDetail', chatList[index])"
-              @openParagraph="emit('openParagraph', chatList[index])"
-              @openParagraphDocument="
+              @openParagraph="emit('openParagraph', chatList[index])" @openParagraphDocument="
                 (val: any) => emit('openParagraphDocument', chatList[index], val)
-              "
-            ></AnswerContent>
+              "></AnswerContent>
           </template>
-          <TransitionContent
-            v-if="transcribing"
-            :text="t('chat.transcribing')"
-            :type="type"
-            :application="applicationDetails"
-          ></TransitionContent>
+          <TransitionContent v-if="transcribing" :text="t('chat.transcribing')" :type="type"
+            :application="applicationDetails">
+          </TransitionContent>
         </div>
       </el-scrollbar>
 
-      <ChatInputOperate
-        :app-id="appId"
-        :application-details="applicationDetails"
-        :is-mobile="isMobile"
-        :type="type"
-        :send-message="sendMessage"
-        :open-chat-id="openChatId"
-        :validate="validate"
-        :chat-management="ChatManagement"
-        v-model:chat-id="chartOpenId"
-        v-model:loading="loading"
-        v-model:show-user-input="showUserInput"
-        v-if="type !== 'log'"
-      >
+      <ChatInputOperate :app-id="appId" :application-details="applicationDetails" :is-mobile="isMobile" :type="type"
+        :send-message="sendMessage" :open-chat-id="openChatId" :validate="validate" :chat-management="ChatManagement"
+        v-model:chat-id="chartOpenId" v-model:loading="loading" v-model:show-user-input="showUserInput"
+        v-if="type !== 'log'">
         <template #userInput>
-          <el-button
-            v-if="isUserInput || isAPIInput"
-            class="user-input-button mb-8"
-            @click="toggleUserInput"
-          >
+          <el-button v-if="isUserInput || isAPIInput" class="user-input-button mb-8" @click="toggleUserInput">
             <AppIcon iconName="app-edit" :size="16" class="mr-4"></AppIcon>
             <span class="ellipsis">
               {{ userInputTitle || $t('chat.userInput') }}
@@ -102,6 +55,7 @@ import { type Ref, ref, nextTick, computed, watch, reactive, onMounted, onBefore
 import { useRoute } from 'vue-router'
 import applicationApi from '@/api/application/application'
 import chatAPI from '@/api/chat/chat'
+import SystemResourceManagementApplicationAPI from "@/api/system-resource-management/application.ts"
 import chatLogApi from '@/api/application/chat-log'
 import { ChatManagement, type chatType } from '@/api/type/application'
 import { randomId } from '@/utils/common'
@@ -329,7 +283,11 @@ const getChatMessageAPI = () => {
 }
 const getOpenChatAPI = () => {
   if (props.type === 'debug-ai-chat') {
-    return applicationApi.open
+    if (route.path.includes('resource-management')) {
+      return SystemResourceManagementApplicationAPI.open
+    } else {
+      return applicationApi.open
+    }
   } else {
     return (a?: string, loading?: Ref<boolean>) => {
       return chatAPI.open(loading)
@@ -650,20 +608,24 @@ defineExpose({
 </script>
 <style lang="scss">
 @use './index.scss';
+
 .firstUserInput {
   height: 100%;
   display: flex;
   justify-content: center;
   overflow: auto;
+
   .user-form-container {
     max-width: 70%;
   }
 }
+
 .debug-ai-chat {
   .user-form-container {
     max-width: 100%;
   }
 }
+
 .popperUserInput {
   position: absolute;
   z-index: 999;
@@ -675,10 +637,12 @@ defineExpose({
 
 .video-stop-button {
   box-shadow: 0px 6px 24px 0px rgba(31, 35, 41, 0.08);
+
   &:hover {
     background: #ffffff;
   }
 }
+
 @media only screen and (max-width: 768px) {
   .firstUserInput {
     .user-form-container {
diff --git a/ui/src/permission/application/system-manage.ts b/ui/src/permission/application/system-manage.ts
index 0a4cf363f..dfacb96b8 100644
--- a/ui/src/permission/application/system-manage.ts
+++ b/ui/src/permission/application/system-manage.ts
@@ -29,6 +29,14 @@ const systemManage = {
             ],
             'OR'
     ),
+    debug: () =>
+        hasPermission(
+            [
+              RoleConst.ADMIN,
+              PermissionConst.RESOURCE_APPLICATION_DEBUG
+            ],
+            'OR'
+    ),
     folderDelete: () => false,
     overview_embed: () =>
         hasPermission(
diff --git a/ui/src/permission/application/workspace.ts b/ui/src/permission/application/workspace.ts
index 42744b26f..396ef53f9 100644
--- a/ui/src/permission/application/workspace.ts
+++ b/ui/src/permission/application/workspace.ts
@@ -33,6 +33,16 @@ const workspace = {
             ],
             'OR'
     ),
+    debug: (source_id:string) => 
+        hasPermission(
+            [
+              new ComplexPermission([RoleConst.USER],[PermissionConst.APPLICATION.getApplicationWorkspaceResourcePermission(source_id)],[],'AND'),
+              RoleConst.WORKSPACE_MANAGE.getWorkspaceRole,
+              PermissionConst.APPLICATION_DEBUG.getWorkspacePermissionWorkspaceManageRole,
+              PermissionConst.APPLICATION_DEBUG.getApplicationWorkspaceResourcePermission(source_id)  
+            ],
+            'OR'
+    ),
     folderEdit: () => 
         hasPermission(
             [
diff --git a/ui/src/views/application-workflow/index.vue b/ui/src/views/application-workflow/index.vue
index 803608b84..6bb30583d 100644
--- a/ui/src/views/application-workflow/index.vue
+++ b/ui/src/views/application-workflow/index.vue
@@ -30,7 +30,7 @@
         <el-button icon="Plus" @click="showPopover = !showPopover">
           {{ $t('views.applicationWorkflow.setting.addComponent') }}
         </el-button>
-        <el-button @click="clickShowDebug" :disabled="showDebug">
+        <el-button @click="clickShowDebug" :disabled="showDebug" v-if="permissionPrecise.debug(id)">
           <AppIcon iconName="app-debug-outlined" class="mr-4"></AppIcon>
           {{ $t('views.applicationWorkflow.setting.debug') }}
         </el-button>
@@ -156,6 +156,7 @@ import { hasPermission } from '@/utils/permission'
 import { t } from '@/locales'
 import { ComplexPermission } from '@/utils/permission/type'
 import { EditionConst, PermissionConst, RoleConst } from '@/utils/permission/data'
+import permissionMap from '@/permission'
 import { loadSharedApi } from '@/utils/dynamics-api/shared-api'
 provide('getApplicationDetail', () => detail)
 const { theme } = useStore()
@@ -172,6 +173,10 @@ const apiType = computed(() => {
   }
 })
 
+const permissionPrecise = computed(() => {
+  return permissionMap['application'][apiType.value]
+})
+
 const isDefaultTheme = computed(() => {
   return theme.isDefaultTheme()
 })