diff --git a/ui/src/views/tool/ToolFormDrawer.vue b/ui/src/views/tool/ToolFormDrawer.vue
index 5308ed9fa..bcae443a2 100644
--- a/ui/src/views/tool/ToolFormDrawer.vue
+++ b/ui/src/views/tool/ToolFormDrawer.vue
@@ -113,6 +113,9 @@
             <el-tag type="info" class="info-tag" v-if="row.input_type === 'DatePicker'"
               >{{ $t('dynamicsForm.input_type_list.DatePicker') }}
             </el-tag>
+            <el-tag type="info" class="info-tag" v-if="row.input_type === 'JsonInput'"
+              >{{ $t('dynamicsForm.input_type_list.JsonInput') }}
+            </el-tag>
           </template>
         </el-table-column>
         <el-table-column :label="$t('common.required')">
diff --git a/ui/src/views/tool/component/UserFieldFormDialog.vue b/ui/src/views/tool/component/UserFieldFormDialog.vue
index 1131fc625..1bdf8565d 100644
--- a/ui/src/views/tool/component/UserFieldFormDialog.vue
+++ b/ui/src/views/tool/component/UserFieldFormDialog.vue
@@ -124,12 +124,14 @@ const currentRow = computed(() => {
 const currentIndex = ref(null)
 const inputTypeList = ref([
   { label: t('dynamicsForm.input_type_list.TextInput'), value: 'TextInputConstructor' },
+  { label: t('dynamicsForm.input_type_list.Slider'), value: 'SliderConstructor' },
   { label: t('dynamicsForm.input_type_list.PasswordInput'), value: 'PasswordInputConstructor' },
   { label: t('dynamicsForm.input_type_list.SingleSelect'), value: 'SingleSelectConstructor' },
   { label: t('dynamicsForm.input_type_list.MultiSelect'), value: 'MultiSelectConstructor' },
   { label: t('dynamicsForm.input_type_list.RadioCard'), value: 'RadioCardConstructor' },
   { label: t('dynamicsForm.input_type_list.DatePicker'), value: 'DatePickerConstructor' },
   { label: t('dynamicsForm.input_type_list.SwitchInput'), value: 'SwitchInputConstructor' },
+  { label: t('dynamicsForm.input_type_list.JsonInput'), value: 'JsonInputConstructor' },
 ])
 
 const dialogVisible = ref<boolean>(false)