fix: trigger style

Author: wangdan-fit2cloud

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

@@ -2,7 +2,7 @@ export default {
   title: 'Trigger',
   tip: 'When triggered, the system will automatically call task execution based on the input parameters settings',
   task: 'Task',
-  next: 'Next Execution Time',
+  nextTime: 'Next Execution Time',
   triggerTask: 'Trigger Task',
   taskExecution: 'Task Execution',
   triggerSource: 'Trigger Source',

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

@@ -2,7 +2,7 @@ export default {
   title: '触发器',
   tip: '触发时系统将会根据入参设置自动调用任务执行',
   task: '任务',
-  next: '下次执行时间',
+  nextTime: '下次执行时间',
   triggerTask: '触发任务',
   taskExecution: '任务执行',
   triggerSource: '触发来源',

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

@@ -2,7 +2,7 @@ export default {
   title: '觸發器',
   tip: '觸發時系統將會根據入參設置自動調用任務執行',
   task: '任務',
-  next: '下次執行時間',
+  nextTime: '下次執行時間',
   triggerTask: '觸發任務',
   taskExecution: '任務執行',
   triggerSource: '觸發來源',

ui/src/views/trigger/TriggerDrawer.vue

@@ -105,29 +105,46 @@
           </div>
           <el-card v-if="form.trigger_type === 'EVENT'" shadow="never" class="card-never mt-16">
             <el-form-item :label="$t('views.trigger.from.event_url.label')">
-              <div class="complex-input flex align-center w-full" style="background-color: #ffffff">
+              <div
+                class="complex-input flex-between align-center w-full"
+                style="background-color: #ffffff"
+              >
                 <el-input
                   class="complex-input__left"
                   v-bind:modelValue="event_url"
                   readonly
                 ></el-input>
 
                 <el-tooltip :content="$t('common.copy')" placement="top">
-                  <el-button text @click="copy">
+                  <el-button text @click="copyClick(event_url)" class="mr-4">
                     <AppIcon iconName="app-copy" class="color-secondary"></AppIcon>
                   </el-button>
                 </el-tooltip>
               </div>
             </el-form-item>
             <el-form-item label="Bearer Token">
-              <el-input
-                type="password"
-                :placeholder="$t('common.inputPlaceholder')"
-                v-model="form.trigger_setting.token"
-                show-password
-                readonly
-              >
-              </el-input>
+              <div class="complex-input flex-between w-full" style="background-color: #ffffff">
+                <el-input
+                  class="complex-input__left"
+                  :placeholder="$t('common.inputPlaceholder')"
+                  v-model="form.trigger_setting.token"
+                  readonly
+                  style="width: 80%"
+                >
+                </el-input>
+                <div>
+                  <el-tooltip :content="$t('common.copy')" placement="top">
+                    <el-button text @click="copyClick(form.trigger_setting.token)">
+                      <AppIcon iconName="app-copy" class="color-secondary"></AppIcon>
+                    </el-button>
+                  </el-tooltip>
+                  <el-tooltip :content="$t('common.refresh')" placement="top">
+                    <el-button @click="refreshToken" text style="margin: 0 4px 0 0 !important">
+                      <AppIcon iconName="app-refresh" class="color-secondary"></AppIcon>
+                    </el-button>
+                  </el-tooltip>
+                </div>
+              </div>
             </el-form-item>
             <el-form-item>
               <template #label>
@@ -538,9 +555,7 @@ const editPermission = computed(() => {
 })
 
 const triggerFormRef = ref<FormInstance>()
-const copy = () => {
-  copyClick(event_url.value)
-}
+
 const addParameter = () => {
   form.value.trigger_setting.body.push({ field: '', type: '' })
 }
@@ -681,7 +696,7 @@ const getDefaultValue = () => {
     trigger_task: [],
     trigger_type: 'SCHEDULED',
     trigger_setting: {
-      token: uuidv4().replace('-', ''),
+      token: uuidv4().replace(/-/g, ''),
       body: [],
     },
   }
@@ -726,6 +741,10 @@ const init = (trigger_id: string) => {
     })
   }
 }
+
+function refreshToken() {
+  form.value.trigger_setting.token = uuidv4().replace(/-/g, '')
+}
 const current_trigger_id = ref<string>()
 const current_source_id = ref<string>()
 const current_source_type = ref<string>()

ui/src/views/trigger/index.vue

@@ -127,12 +127,12 @@
                 </div>
               </template>
             </el-table-column>
-            <el-table-column prop="trigger_type" :label="$t('common.type')" width="150">
+            <el-table-column prop="trigger_type" :label="$t('common.type')" width="120">
               <template #default="{ row }">
                 {{ $t(TriggerType[row.trigger_type as keyof typeof TriggerType]) }}
               </template>
             </el-table-column>
-            <el-table-column prop="is_active" :label="$t('common.status.label')" width="150">
+            <el-table-column prop="is_active" :label="$t('common.status.label')" width="120">
               <template #default="{ row }">
                 <div v-if="row.is_active" class="flex align-center">
                   <el-icon class="color-success mr-8" style="font-size: 16px">
@@ -150,19 +150,20 @@
                 </div>
               </template>
             </el-table-column>
+
             <el-table-column
-              prop="next_run_time"
-              :label="$t('views.trigger.next')"
+              prop="desc"
+              :label="$t('common.desc')"
               show-overflow-tooltip
+              min-width="170"
             >
+            </el-table-column>
+            <el-table-column prop="next_run_time" :label="$t('views.trigger.nextTime')" width="175">
               <template #default="{ row }">
                 {{ datetimeFormat(row.next_run_time) }}
               </template>
             </el-table-column>
-            <el-table-column prop="desc" :label="$t('common.desc')" show-overflow-tooltip>
-            </el-table-column>
-
-            <el-table-column prop="trigger_task" :label="$t('views.trigger.task')" width="180">
+            <el-table-column prop="trigger_task" :label="$t('views.trigger.task')" width="150">
               <template #default="{ row }">
                 <el-popover
                   placement="top-start"
@@ -254,7 +255,7 @@
                 </el-popover>
               </template>
             </el-table-column>
-            <el-table-column prop="create_user" :label="$t('common.creator')" width="150">
+            <el-table-column prop="create_user" :label="$t('common.creator')" width="130">
             </el-table-column>
             <el-table-column
               prop="create_time"