fix: trigger

Author: wangdan-fit2cloud

ui/src/locales/lang/en-US/views/trigger.ts

@@ -1,5 +1,6 @@
 export default {
   title: 'Trigger',
+  tip: 'When triggered, the system will automatically call task execution based on the input parameters settings',
   task: 'Task',
   type: {
     scheduled: 'Scheduled Trigger',

ui/src/locales/lang/zh-CN/views/trigger.ts

@@ -1,5 +1,6 @@
 export default {
   title: '触发器',
+  tip: '触发时系统将会根据入参设置自动调用任务执行',
   task: '任务',
   type: {
     scheduled: '定时触发',

ui/src/locales/lang/zh-Hant/views/trigger.ts

@@ -1,5 +1,6 @@
 export default {
   title: '觸發器',
+  tip: '觸發時系統將會根據入參設置自動調用任務執行',
   task: '任務',
   type: {
     scheduled: '定時觸發',

ui/src/views/application/ApplicationSetting.vue

@@ -738,10 +738,40 @@
                     </el-button>
                   </div>
                 </el-form-item>
+
+                <!-- 触发器 -->
+
+                <el-form-item>
+                  <template #label>
+                    <div class="flex-between">
+                      <div class="flex align-center">
+                        <span class="mr-4">{{ $t('views.trigger.title') }} </span>
+                        <el-tooltip
+                          effect="dark"
+                          :content="$t('views.trigger.tip')"
+                          placement="right"
+                        >
+                          <AppIcon iconName="app-warning" class="app-warning-icon"></AppIcon>
+                        </el-tooltip>
+                      </div>
+
+                      <el-button type="primary" link @click="openCreateTriggerDrawer">
+                        <AppIcon iconName="app-add-outlined" class="mr-4"></AppIcon>
+                      </el-button>
+                    </div>
+                  </template>
+                  <el-card shadow="never" class="card-never" style="--el-card-padding: 12px">
+                    <div class="w-full">
+                      <!-- TO DO -->
+                    </div>
+                  </el-card>
+                </el-form-item>
               </el-form>
             </el-scrollbar>
           </div>
         </el-col>
+
+        <!-- 预览 -->
         <el-col :span="14" class="p-24 border-l">
           <h4 class="title-decoration-1 mb-16">
             {{ $t('views.application.appTest') }}
@@ -773,6 +803,7 @@
     <McpServersDialog ref="mcpServersDialogRef" @refresh="submitMcpServersDialog" />
     <ToolDialog ref="toolDialogRef" @refresh="submitToolDialog" />
     <ApplicationDialog ref="applicationDialogRef" @refresh="submitApplicationDialog" />
+    <TriggerDrawer @refresh="refreshTrigger" ref="triggerDrawerRef"></TriggerDrawer>
   </div>
 </template>
 <script setup lang="ts">
@@ -799,6 +830,7 @@ import { resetUrl } from '@/utils/common.ts'
 import McpServersDialog from '@/views/application/component/McpServersDialog.vue'
 import ToolDialog from '@/views/application/component/ToolDialog.vue'
 import ApplicationDialog from '@/views/application/component/ApplicationDialog.vue'
+import TriggerDrawer from '@/views/trigger/component/TriggerDrawer.vue'
 import useStore from '@/stores'
 const route = useRoute()
 const router = useRouter()
@@ -912,6 +944,19 @@ const knowledgeList = ref<Array<any>>([])
 const sttModelOptions = ref<any>(null)
 const ttsModelOptions = ref<any>(null)
 
+const triggerDrawerRef = ref<InstanceType<typeof TriggerDrawer>>()
+
+const openCreateTriggerDrawer = () => {
+  triggerDrawerRef.value?.open()
+}
+const openEditTriggerDrawer = (trigger: any) => {
+  triggerDrawerRef.value?.open(trigger.id)
+}
+
+function refreshTrigger() {
+  // do nothing, just to refresh the trigger list in the drawer
+}
+
 function submitPrologueDialog(val: string) {
   applicationForm.value.prologue = val
 }

ui/src/views/tool/ToolFormDrawer.vue

@@ -193,6 +193,26 @@
           </template>
         </el-table-column>
       </el-table>
+
+      <!-- 触发器 -->
+      <div class="flex-between">
+        <h4 class="title-decoration-1 mb-16">
+          {{ $t('views.trigger.title') }}
+          <el-text type="info" class="color-secondary">
+            {{ $t('views.trigger.tip') }}
+          </el-text>
+        </h4>
+        <el-button link type="primary" @click="openCreateTriggerDrawer()">
+          <AppIcon iconName="app-add-outlined" class="mr-4"></AppIcon>
+          {{ $t('common.add') }}
+        </el-button>
+      </div>
+      <el-card shadow="never" class="card-never" style="--el-card-padding: 12px">
+        <div class="w-full">
+          <!-- TO DO -->
+        </div>
+      </el-card>
+
       <h4 class="title-decoration-1 mb-16">
         {{ $t('views.tool.form.param.code') }}
         <span class="color-danger" style="margin-left: -10px">*</span>
@@ -258,6 +278,7 @@ import { isAppIcon } from '@/utils/common'
 import { useRoute } from 'vue-router'
 import useStore from '@/stores'
 import permissionMap from '@/permission'
+import TriggerDrawer from '@/views/trigger/component/TriggerDrawer.vue'
 import { loadSharedApi } from '@/utils/dynamics-api/shared-api'
 
 const route = useRoute()
@@ -333,6 +354,20 @@ const rules = reactive({
   ],
 })
 
+
+const triggerDrawerRef = ref<InstanceType<typeof TriggerDrawer>>()
+
+const openCreateTriggerDrawer = () => {
+  triggerDrawerRef.value?.open()
+}
+const openEditTriggerDrawer = (trigger: any) => {
+  triggerDrawerRef.value?.open(trigger.id)
+}
+
+function refreshTrigger() {
+  // do nothing, just to refresh the trigger list in the drawer
+}
+
 function submitCodemirrorEditor(val: string) {
   form.value.code = val
 }

ui/src/workflow/nodes/base-node/index.vue

@@ -49,9 +49,7 @@
         <template #label>
           <div class="flex-between">
             <div class="flex align-center">
-              <span class="mr-4">{{
-                $t('workflow.nodes.baseNode.fileUpload.label')
-              }}</span>
+              <span class="mr-4">{{ $t('workflow.nodes.baseNode.fileUpload.label') }}</span>
               <el-tooltip
                 effect="dark"
                 :content="$t('workflow.nodes.baseNode.fileUpload.tooltip')"
@@ -156,13 +154,38 @@
           </el-button>
         </div>
       </el-form-item>
+
+      <!-- 触发器 -->
+
+      <el-form-item>
+        <template #label>
+          <div class="flex-between">
+            <div class="flex align-center">
+              <span class="mr-4">{{ $t('views.trigger.title') }} </span>
+              <el-tooltip effect="dark" :content="$t('views.trigger.tip')" placement="right">
+                <AppIcon iconName="app-warning" class="app-warning-icon"></AppIcon>
+              </el-tooltip>
+            </div>
+
+            <el-button type="primary" link @click="openCreateTriggerDrawer">
+              <AppIcon iconName="app-add-outlined" class="mr-4"></AppIcon>
+            </el-button>
+          </div>
+        </template>
+        <el-card shadow="never" class="card-never" style="--el-card-padding: 12px">
+          <div class="w-full">
+            <!-- TO DO -->
+          </div>
+        </el-card>
+      </el-form-item>
     </el-form>
     <TTSModeParamSettingDialog ref="TTSModeParamSettingDialogRef" @refresh="refreshTTSForm" />
     <FileUploadSettingDialog
       ref="FileUploadSettingDialogRef"
       :node-model="nodeModel"
       @refresh="refreshFileUploadForm"
     />
+    <TriggerDrawer @refresh="refreshTrigger" ref="triggerDrawerRef"></TriggerDrawer>
   </NodeContainer>
 </template>
 <script setup lang="ts">
@@ -177,6 +200,7 @@ import ApiInputFieldTable from './component/ApiInputFieldTable.vue'
 import UserInputFieldTable from './component/UserInputFieldTable.vue'
 import FileUploadSettingDialog from '@/workflow/nodes/base-node/component/FileUploadSettingDialog.vue'
 import ChatFieldTable from './component/ChatFieldTable.vue'
+import TriggerDrawer from '@/views/trigger/component/TriggerDrawer.vue'
 import { useRoute } from 'vue-router'
 import { loadSharedApi } from '@/utils/dynamics-api/shared-api'
 const getResourceDetail = inject('getResourceDetail') as any
@@ -262,6 +286,19 @@ const validate = () => {
 }
 
 const resource = getResourceDetail()
+
+const triggerDrawerRef = ref<InstanceType<typeof TriggerDrawer>>()
+
+const openCreateTriggerDrawer = () => {
+  triggerDrawerRef.value?.open()
+}
+const openEditTriggerDrawer = (trigger: any) => {
+  triggerDrawerRef.value?.open(trigger.id)
+}
+
+function refreshTrigger() {
+  // do nothing, just to refresh the trigger list in the drawer
+}
 function getSTTModel() {
   const obj =
     apiType.value === 'systemManage'
@@ -367,5 +404,4 @@ onMounted(() => {
   getSTTModel()
 })
 </script>
-<style lang="scss" scoped>
-</style>
+<style lang="scss" scoped></style>