fix: improve code formatting and clean up whitespace in index.vue

Author: wxg0103

ui/src/components/resource_mapping/index.vue

@@ -22,7 +22,7 @@
         style="background: none"
         class="mr-12"
       >
-        <img :src="resetUrl(currentSource?.icon, resetUrl('./favicon.ico'))" alt="" />
+        <img :src="resetUrl(currentSource?.icon, resetUrl('./favicon.ico'))" alt=""/>
       </el-avatar>
       <ToolIcon
         v-else-if="currentSourceType === 'TOOL'"
@@ -45,9 +45,9 @@
     <div class="flex-between mb-16">
       <div class="flex-between complex-search">
         <el-select class="complex-search__left" v-model="searchType" style="width: 100px">
-          <el-option :label="$t('common.name')" value="resource_name" />
-          <el-option :label="$t('common.creator')" value="user_name" />
-          <el-option :label="$t('common.type')" value="source_type" />
+          <el-option :label="$t('common.name')" value="resource_name"/>
+          <el-option :label="$t('common.creator')" value="user_name"/>
+          <el-option :label="$t('common.type')" value="source_type"/>
         </el-select>
         <el-input
           v-if="searchType === 'resource_name'"
@@ -78,8 +78,9 @@
           style="width: 220px"
           :placeholder="$t('common.search')"
         >
-          <el-option :label="$t('views.application.title')" value="APPLICATION" />
-          <el-option :label="$t('views.knowledge.title')" value="KNOWLEDGE" />
+          <el-option :label="$t('views.application.title')" value="APPLICATION"/>
+          <el-option :label="$t('views.knowledge.title')" value="KNOWLEDGE"/>
+          <el-option :label="$t('views.tool.title')" value="TOOL"/>
         </el-select>
       </div>
     </div>
@@ -112,9 +113,18 @@
                 style="background: none"
                 class="mr-8"
               >
-                <img :src="resetUrl(row?.icon, resetUrl('./favicon.ico'))" alt="" />
+                <img :src="resetUrl(row?.icon, resetUrl('./favicon.ico'))" alt=""/>
               </el-avatar>
 
+              <el-avatar
+                v-else-if="row.source_type === 'TOOL' && isAppIcon(row?.icon)"
+                shape="square"
+                :size="22"
+                style="background: none"
+                class="mr-8"
+              >
+                <img :src="resetUrl(row?.icon, resetUrl('./favicon.ico'))" alt=""/>
+              </el-avatar>
               <span>{{ row.name }}</span>
             </div>
           </el-button>
@@ -132,11 +142,12 @@
         show-overflow-tooltip
         :label="$t('common.type')"
       >
-        <template #default="{ row }">
-          {{
+        <template #default="{ row }">{{
             row.source_type === 'APPLICATION'
               ? $t('views.application.title')
-              : $t('views.knowledge.title')
+              : row.source_type === 'TOOL'
+                ? $t('views.tool.title')
+                : $t('views.knowledge.title')
           }}
         </template>
       </el-table-column>
@@ -164,7 +175,7 @@
                   @click="workspaceVisible = !workspaceVisible"
                 >
                   <el-icon>
-                    <Filter />
+                    <Filter/>
                   </el-icon>
                 </el-button>
               </template>
@@ -190,16 +201,16 @@
                         />
                       </el-checkbox-group>
                     </el-scrollbar>
-                    <el-empty v-else :description="$t('common.noData')" />
+                    <el-empty v-else :description="$t('common.noData')"/>
                   </div>
                 </div>
               </div>
               <div class="text-right">
                 <el-button size="small" @click="filterWorkspaceChange('clear')"
-                  >{{ $t('common.clear') }}
+                >{{ $t('common.clear') }}
                 </el-button>
                 <el-button type="primary" @click="filterWorkspaceChange" size="small"
-                  >{{ $t('common.confirm') }}
+                >{{ $t('common.confirm') }}
                 </el-button>
               </div>
             </el-popover>
@@ -216,20 +227,20 @@
   </el-drawer>
 </template>
 <script setup lang="ts">
-import { ref, reactive, computed, onMounted, watch } from 'vue'
-import { useRoute, useRouter } from 'vue-router'
-import { loadSharedApi } from '@/utils/dynamics-api/shared-api'
-import { isAppIcon, resetUrl } from '@/utils/common'
+import {ref, reactive, computed, onMounted, watch} from 'vue'
+import {useRoute, useRouter} from 'vue-router'
+import {loadSharedApi} from '@/utils/dynamics-api/shared-api'
+import {isAppIcon, resetUrl} from '@/utils/common'
 import useStore from '@/stores'
-import { t } from '@/locales'
-import type { Provider } from '@/api/type/model'
-import { loadPermissionApi } from '@/utils/dynamics-api/permission-api.ts'
+import {t} from '@/locales'
+import type {Provider} from '@/api/type/model'
+import {loadPermissionApi} from '@/utils/dynamics-api/permission-api.ts'
 import permissionMap from '@/permission'
-import { MsgError } from '@/utils/message'
+import {MsgError} from '@/utils/message'
 
 const route = useRoute()
 const router = useRouter()
-const { model, user } = useStore()
+const {model, user} = useStore()
 const searchType = ref<string>('resource_name')
 const query = ref<any>({
   resource_name: '',
@@ -275,7 +286,7 @@ const pageResourceMapping = () => {
   if (workspaceArr.value.length > 0) {
     params.workspace_ids = JSON.stringify(workspaceArr.value)
   }
-  loadSharedApi({ type: 'resourceMapping', systemType: apiType.value })
+  loadSharedApi({type: 'resourceMapping', systemType: apiType.value})
     .getResourceMapping(
       workspaceId,
       currentSourceType.value,
@@ -357,13 +368,13 @@ async function getWorkspaceList() {
 const hasResourceWorkspacePermission = (row: any) => {
   return permissionMap[row.source_type.toLowerCase() as 'application' | 'knowledge'][
     'workspace'
-  ].jump_read(row.source_id)
+    ].jump_read(row.source_id)
 }
 
 const hasResourceSystemManagePermission = (row: any) => {
   return permissionMap[row.source_type.toLowerCase() as 'application' | 'knowledge'][
     'systemManage'
-  ].jump_read()
+    ].jump_read()
 }
 const hasResourceSharedPermission = () => {
   return permissionMap['knowledge']['systemShare'].jump_read()
@@ -449,7 +460,7 @@ watch(
       v.label.toLowerCase().includes(filterText.value.toLowerCase()),
     )
   },
-  { immediate: true },
+  {immediate: true},
 )
 
 defineExpose({