feat: add type search option and improve select input formatting

ui/src/views/system-resource-management/ApplicationResourceIndex.vue

@@ -18,6 +18,7 @@
             <el-option :label="$t('common.creator')" value="create_user"/>
 
             <el-option :label="$t('common.name')" value="name"/>
+            <el-option :label="$t('views.system.resource_management.type')" value="type"/>
           </el-select>
           <el-input
             v-if="search_type === 'name'"
@@ -37,6 +38,16 @@
           >
             <el-option v-for="u in user_options" :key="u.id" :value="u.id" :label="u.nick_name"/>
           </el-select>
+          <el-select
+            v-else-if="search_type === 'type'"
+            v-model="search_form.type"
+            @change="getList"
+            clearable
+            filterable
+            style="width: 220px"
+          >
+            <el-option v-for="u in type_options" :value="u.value" :label="u.label"/>
+          </el-select>
         </div>
       </div>
 
@@ -313,6 +324,7 @@ import UserApi from '@/api/user/user.ts'
 import permissionMap from '@/permission'
 import {MsgSuccess, MsgConfirm, MsgError} from '@/utils/message'
 import {SourceTypeEnum} from '@/enums/common'
+
 const router = useRouter()
 const route = useRoute()
 const {user, application} = useStore()
@@ -340,11 +352,13 @@ const MoreFilledPermission = () => {
 }
 
 const ResourceAuthorizationDrawerRef = ref()
+
 function openAuthorization(item: any) {
   ResourceAuthorizationDrawerRef.value.open(item.id)
 }
 
 const apiInputParams = ref([])
+
 function toChat(row: any) {
   row?.work_flow?.nodes
     ?.filter((v: any) => v.id === 'base-node')
@@ -402,7 +416,8 @@ function deleteApplication(row: any) {
         MsgSuccess(t('common.deleteSuccess'))
       })
     })
-    .catch(() => {})
+    .catch(() => {
+    })
 }
 
 const exportApplication = (application: any) => {
@@ -419,9 +434,19 @@ const search_type = ref('name')
 const search_form = ref<any>({
   name: '',
   create_user: '',
+  type: '',
 })
 const user_options = ref<any[]>([])
-
+const type_options = ref<any[]>([
+  {
+    label: t('views.application.workflow'),
+    value: 'WORK_FLOW',
+  },
+  {
+    label: t('views.application.simple'),
+    value: 'SIMPLE',
+  },
+])
 const loading = ref(false)
 const applicationList = ref<any[]>([])
 const paginationConfig = reactive({
@@ -490,7 +515,7 @@ async function getWorkspaceList() {
 }
 
 const search_type_change = () => {
-  search_form.value = { name: '', create_user: '' }
+  search_form.value = {name: '', create_user: '', type: ''}
 }
 
 function getList() {