From 443463d7789e64d277c9bdd45c8bd188d8f8a03d Mon Sep 17 00:00:00 2001
From: "xinxin.wu" <xinxin.wu@fit2cloud.com>
Date: Thu, 12 Nov 2026 17:24:32 +0800
Subject: [PATCH] fix: support click model card to edit

---
 ui/src/views/model/index.vue                  | 48 ++++++++++++++-----
 ui/src/views/model/model-card/ModelCard.vue   | 16 ++++++-
 .../system/shared-resources/model/index.vue   | 48 ++++++++++++++-----
 ui/src/views/tool/index.vue                   |  2 +-
 4 files changed, 88 insertions(+), 26 deletions(-)

diff --git a/ui/src/views/model/index.vue b/ui/src/views/model/index.vue
index 38721ec65be..985675d4c27 100644
--- a/ui/src/views/model/index.vue
+++ b/ui/src/views/model/index.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { computed, onMounted, ref } from 'vue'
+import { computed, nextTick, onMounted, ref, useTemplateRef } from 'vue'
 import type { Dict, ModelItem, ModelProviderItem, OptionItem } from '@/api/types'
 import { MODEL_TYPE_LABELS } from '@/constants'
 import CommonApi from '@/api/admin/workspace/common'
@@ -11,13 +11,8 @@ import RelatedResourcesApi from '@/api/admin/workspace/related-resources'
 import ModelCard from './model-card/ModelCard.vue'
 import ButtonAddModel from './create-model/ButtonAddModel.vue'
 import ModelProvider from './components/ModelProvider.vue'
-import {
-  AuthorizeModelAction,
-  DeleteModelAction,
-  EditModelAction,
-  ParamSettingAction,
-  RelatedResourcesModelAction,
-} from './model-card/action-dropdown'
+import EditModelDrawer from './model-card/action-dropdown/edit-model-action/EditModelDrawer.vue'
+import { AuthorizeModelAction, DeleteModelAction, ParamSettingAction, RelatedResourcesModelAction } from './model-card/action-dropdown'
 import perm from '@/permission/index.ts'
 
 const DEFAULT_MODEL_PROVIDER: ModelProviderItem = { icon: '', name: '全部模型', provider: 'all' }
@@ -84,6 +79,17 @@ function handleProviderSelect(provider: ModelProviderItem) {
   loadModels()
 }
 
+/* 卡片与菜单共用编辑抽屉，沿用模型编辑权限。 */
+const editDrawerMounted = ref(false)
+const editModelDrawerRef = useTemplateRef<InstanceType<typeof EditModelDrawer>>('editModelDrawerRef')
+
+async function handleOpenEditModel(model: ModelItem) {
+  if (isShared.value || !perm.model.workspace.modify(model.id) || editDrawerMounted.value) return
+  editDrawerMounted.value = true
+  await nextTick()
+  editModelDrawerRef.value?.open(getModelProvider(model), model)
+}
+
 onMounted(() => {
   Promise.all([loadModelProviders(), loadModels()])
 })
@@ -100,7 +106,13 @@ onMounted(() => {
         <h4>{{ currentProvider.name }}</h4>
         <div class="flex-align-center">
           <MkComplexSearch :fields="searchFields" @change="handleSearchChange" />
-          <ButtonAddModel v-if="!isShared && perm.model.workspace.create()" :current-provider="currentProvider" :providers="modelProviders" @refresh="loadModels" :api="ModelApi" />
+          <ButtonAddModel
+            v-if="!isShared && perm.model.workspace.create()"
+            :current-provider="currentProvider"
+            :providers="modelProviders"
+            @refresh="loadModels"
+            :api="ModelApi"
+          />
         </div>
       </component>
       <div v-loading="loading">
@@ -113,16 +125,27 @@ onMounted(() => {
               :refresh="loadModels"
               :shared="isShared"
               :disabled="isShared"
+              @click="handleOpenEditModel(model)"
             >
               <template #action-dropdown>
                 <!-- 编辑 -->
-                <EditModelAction v-if="perm.model.workspace.modify(model.id)" label="编辑" :api="ModelApi" :model="model" :provider="getModelProvider(model)" @refresh="loadModels" />
+                <MkAction v-if="perm.model.workspace.modify(model.id)" label="编辑" icon="icon_edit_outlined" @click="handleOpenEditModel(model)" />
                 <!-- 模型参数设置 -->
-                <ParamSettingAction v-if="model.model_type !== 'RERANKER' && perm.model.workspace.paramSetting(model.id)" label="模型参数设置" :api="ModelApi" :model="model" />
+                <ParamSettingAction
+                  v-if="model.model_type !== 'RERANKER' && perm.model.workspace.paramSetting(model.id)"
+                  label="模型参数设置"
+                  :api="ModelApi"
+                  :model="model"
+                />
                 <!-- 资源授权 -->
                 <AuthorizeModelAction v-if="perm.model.workspace.auth(model.id)" label="资源授权" :model="model" />
                 <!-- 查看关联资源 -->
-                <RelatedResourcesModelAction v-if="perm.model.workspace.relateMap(model.id)" label="查看关联资源" :api="RelatedResourcesApi" :model="model" />
+                <RelatedResourcesModelAction
+                  v-if="perm.model.workspace.relateMap(model.id)"
+                  label="查看关联资源"
+                  :api="RelatedResourcesApi"
+                  :model="model"
+                />
                 <!-- 删除 -->
                 <DeleteModelAction v-if="perm.model.workspace.delete(model.id)" label="删除" :api="ModelApi" :model="model" @refresh="loadModels" />
               </template>
@@ -133,6 +156,7 @@ onMounted(() => {
       </div>
     </template>
   </MkViewLayout>
+  <EditModelDrawer v-if="editDrawerMounted" ref="editModelDrawerRef" :api="ModelApi" @closed="editDrawerMounted = false" @refresh="loadModels" />
 </template>
 
 <style scoped lang="scss"></style>
diff --git a/ui/src/views/model/model-card/ModelCard.vue b/ui/src/views/model/model-card/ModelCard.vue
index af2e8946beb..638ff562986 100644
--- a/ui/src/views/model/model-card/ModelCard.vue
+++ b/ui/src/views/model/model-card/ModelCard.vue
@@ -19,6 +19,8 @@ const props = defineProps<{
   shared: boolean
 }>()
 
+const emit = defineEmits<{ click: [event: MouseEvent] }>()
+
 defineSlots<{ 'action-dropdown'?: () => unknown }>()
 
 const errMessage = computed(() => {
@@ -30,10 +32,22 @@ const errMessage = computed(() => {
   }
   return ''
 })
+
+function handleClick(event: MouseEvent) {
+  if (props.disabled) return
+  emit('click', event)
+}
 </script>
 
 <template>
-  <MkResourceCard class="relative overflow-hidden" :title="model.name" :nick_name="model.nick_name || '-'" :create_time="model.create_time">
+  <MkResourceCard
+    class="relative overflow-hidden"
+    :disabled="disabled"
+    :title="model.name"
+    :nick_name="model.nick_name || '-'"
+    :create_time="model.create_time"
+    @click="handleClick"
+  >
     <template #icon>
       <span class="block h-6 w-6" :innerHTML="provider.icon" />
     </template>
diff --git a/ui/src/views/system/shared-resources/model/index.vue b/ui/src/views/system/shared-resources/model/index.vue
index 9bd6f9ace3e..744edea37f5 100644
--- a/ui/src/views/system/shared-resources/model/index.vue
+++ b/ui/src/views/system/shared-resources/model/index.vue
@@ -1,6 +1,6 @@
 <script lang="ts" setup>
 import AuthorizedWorkspaceAction from '../authorized-workspace-action/index.vue'
-import { computed, onMounted, ref } from 'vue'
+import { computed, nextTick, onMounted, ref, useTemplateRef } from 'vue'
 import type { Dict, ModelItem, ModelProviderItem, OptionItem } from '@/api/types'
 import { MODEL_TYPE_LABELS } from '@/constants'
 import SystemSharedModelApi from '@/api/admin/system/shared-resources/model'
@@ -10,7 +10,8 @@ import ProviderApi from '@/api/admin/model-provider'
 import ModelCard from '@/views/model/model-card/ModelCard.vue'
 import ButtonAddModel from '@/views/model/create-model/ButtonAddModel.vue'
 import ModelProvider from '@/views/model/components/ModelProvider.vue'
-import { DeleteModelAction, EditModelAction, ParamSettingAction, RelatedResourcesModelAction } from '@/views/model/model-card/action-dropdown'
+import { DeleteModelAction, ParamSettingAction, RelatedResourcesModelAction } from '@/views/model/model-card/action-dropdown'
+import EditModelDrawer from '@/views/model/model-card/action-dropdown/edit-model-action/EditModelDrawer.vue'
 import perm from '@/permission'
 import { RESOURCE_TYPE } from '@/api/enums'
 
@@ -73,6 +74,17 @@ function handleProviderSelect(provider: ModelProviderItem) {
   loadModels()
 }
 
+/* 卡片与菜单共用编辑抽屉，沿用共享模型编辑权限。 */
+const editDrawerMounted = ref(false)
+const editModelDrawerRef = useTemplateRef<InstanceType<typeof EditModelDrawer>>('editModelDrawerRef')
+
+async function handleOpenEditModel(model: ModelItem) {
+  if (!perm.model.share.modify() || editDrawerMounted.value) return
+  editDrawerMounted.value = true
+  await nextTick()
+  editModelDrawerRef.value?.open(getModelProvider(model), model)
+}
+
 onMounted(() => {
   Promise.all([loadModelProviders(), loadModels()])
 })
@@ -102,17 +114,17 @@ onMounted(() => {
       <div v-loading="loading">
         <div v-if="ModelItems.length" class="mk-resource-card-grid">
           <template v-for="model in ModelItems" :key="model.id">
-            <ModelCard :api="SystemSharedModelApi" :model="model" :provider="getModelProvider(model)" :refresh="loadModels" :shared="true">
+            <ModelCard
+              :api="SystemSharedModelApi"
+              :model="model"
+              :provider="getModelProvider(model)"
+              :refresh="loadModels"
+              :shared="true"
+              @click="handleOpenEditModel(model)"
+            >
               <template #action-dropdown>
                 <!-- 编辑 -->
-                <EditModelAction
-                  v-if="perm.model.share.modify()"
-                  label="编辑"
-                  :api="SystemSharedModelApi"
-                  :model="model"
-                  :provider="getModelProvider(model)"
-                  @refresh="loadModels"
-                />
+                <MkAction v-if="perm.model.share.modify()" label="编辑" icon="icon_edit_outlined" @click="handleOpenEditModel(model)" />
                 <!-- 模型参数设置 -->
                 <ParamSettingAction
                   v-if="model.model_type !== 'RERANKER' && perm.model.share.paramSetting()"
@@ -121,7 +133,12 @@ onMounted(() => {
                   :model="model"
                 />
                 <!-- 授权工作空间 -->
-                <AuthorizedWorkspaceAction v-if="perm.model.share.authToWorkspace()" label="授权工作空间" :resource="model" :resource-type="RESOURCE_TYPE.MODEL" />
+                <AuthorizedWorkspaceAction
+                  v-if="perm.model.share.authToWorkspace()"
+                  label="授权工作空间"
+                  :resource="model"
+                  :resource-type="RESOURCE_TYPE.MODEL"
+                />
 
                 <!-- 查看关联资源 -->
                 <RelatedResourcesModelAction v-if="perm.model.share.relateMap()" label="查看关联资源" :api="RelatedResourcesApi" :model="model" />
@@ -136,4 +153,11 @@ onMounted(() => {
       </div>
     </template>
   </MkViewLayout>
+  <EditModelDrawer
+    v-if="editDrawerMounted"
+    ref="editModelDrawerRef"
+    :api="SystemSharedModelApi"
+    @closed="editDrawerMounted = false"
+    @refresh="loadModels"
+  />
 </template>
diff --git a/ui/src/views/tool/index.vue b/ui/src/views/tool/index.vue
index 7412266b30c..86c18195679 100644
--- a/ui/src/views/tool/index.vue
+++ b/ui/src/views/tool/index.vue
@@ -106,7 +106,7 @@ const router = useRouter()
 const editToolFormRef = useTemplateRef<InstanceType<typeof EditToolForm>>('editToolFormRef')
 
 function handleOpenEditTool(tool: ToolItem) {
-  if (!perm.tool.workspace.read()) return
+  if (!perm.tool.workspace.edit(tool.id)) return
 return editToolFormRef.value?.open(tool)
 }