feat: enhance tool workflow management with new data handling and code formatting improvements

Author: wxg0103

ui/src/views/tool/WorkflowFormDialog.vue

@@ -30,10 +30,10 @@
               :size="32"
               style="background: none"
             >
-              <img :src="String(workflowForm.icon)" alt="" />
+              <img :src="String(workflowForm.icon)" alt=""/>
             </el-Avatar>
             <el-avatar v-else class="avatar-green" shape="square" :size="32">
-              <img src="@/assets/workflow/logo_workflow.svg" style="width: 58%" alt="" />
+              <img src="@/assets/workflow/logo_workflow.svg" style="width: 58%" alt=""/>
             </el-avatar>
             <el-Avatar
               v-if="showEditIcon"
@@ -47,7 +47,7 @@
             </el-Avatar>
           </div>
           <el-avatar v-else class="avatar-green mr-12" shape="square" :size="32">
-            <img src="@/assets/workflow/logo_workflow.svg" style="width: 58%" alt="" />
+            <img src="@/assets/workflow/logo_workflow.svg" style="width: 58%" alt=""/>
           </el-avatar>
           <el-input
             v-model="workflowForm.name"
@@ -80,21 +80,21 @@
         </el-button>
       </span>
     </template>
-    <EditAvatarDialog ref="EditAvatarDialogRef" @refresh="refreshTool" iconType="WORKFLOW" />
+    <EditAvatarDialog ref="EditAvatarDialogRef" @refresh="refreshTool" iconType="WORKFLOW"/>
   </el-dialog>
 </template>
 <script setup lang="ts">
-import { ref, watch, reactive, computed } from 'vue'
-import { useRouter, useRoute } from 'vue-router'
+import {ref, watch, reactive, computed} from 'vue'
+import {useRouter, useRoute} from 'vue-router'
 import EditAvatarDialog from '@/views/tool/component/EditAvatarDialog.vue'
-import { isAppIcon } from '@/utils/common'
-import { MsgSuccess } from '@/utils/message'
-import { t } from '@/locales'
+import {isAppIcon} from '@/utils/common'
+import {MsgSuccess} from '@/utils/message'
+import {t} from '@/locales'
 import useStore from '@/stores'
-import { loadSharedApi } from '@/utils/dynamics-api/shared-api'
+import {loadSharedApi} from '@/utils/dynamics-api/shared-api'
 
 const router = useRouter()
-const { user, folder } = useStore()
+const {user, folder} = useStore()
 const emit = defineEmits(['refresh'])
 
 const props = defineProps({
@@ -166,6 +166,7 @@ const open = (data?: any) => {
 }
 
 const EditAvatarDialogRef = ref()
+
 function openEditAvatar() {
   EditAvatarDialogRef.value.open(details.value)
 }
@@ -178,7 +179,7 @@ const submitHandle = async () => {
   await FolderFormRef.value.validate((valid: any) => {
     if (valid) {
       if (isEdit.value) {
-        loadSharedApi({ type: 'tool', systemType: apiType.value })
+        loadSharedApi({type: 'tool', systemType: apiType.value})
           .putTool(editId.value as string, workflowForm.value)
           .then((res: any) => {
             MsgSuccess(t('common.editSuccess'))
@@ -191,15 +192,16 @@ const submitHandle = async () => {
             loading.value = false
           })
       } else {
-        loadSharedApi({ type: 'tool', systemType: apiType.value })
-          .postTool({ ...workflowForm.value, folder_id: folder.currentFolder?.id, code: 'None' })
+        loadSharedApi({type: 'tool', systemType: apiType.value})
+          .postTool({...workflowForm.value, folder_id: folder.currentFolder?.id, code: 'None'})
           .then((res: any) => {
             MsgSuccess(t('common.createSuccess'))
             emit('refresh', res.data)
             return user.profile().then(() => {
+              const folderId = res.data.scope === 'SHARED' ? 'shared' : res.data.folder_id
               router.push({
                 name: 'ToolWorkflow',
-                params: { id: res.data.id, folderId: res.data.folder_id },
+                params: {id: res.data.id, folderId: folderId},
               })
               dialogVisible.value = false
             })
@@ -212,6 +214,6 @@ const submitHandle = async () => {
   })
 }
 
-defineExpose({ open })
+defineExpose({open})
 </script>
 <style lang="scss" scoped></style>

ui/src/views/tool/component/ToolListContainer.vue

@@ -861,6 +861,7 @@ const openCreateWorkflowDialog = (data?: any) => {
     loadSharedApi({ type: 'tool', systemType: apiType.value })
       .getToolById(data?.id, loading)
       .then((res: any) => {
+        toWorkflow( res.data)
         workflowFormDialogRef.value?.open(res.data)
       })
   } else {