feat: model

Author: wangdan-fit2cloud

ui/src/views/application/index.vue

@@ -144,7 +144,7 @@
           @load="getList"
           :loading="loading"
         >
-          <el-row v-if="applicationList.length > 0" :gutter="15">
+          <el-row v-if="applicationList.length > 0" :gutter="15" class="w-full">
             <template v-for="(item, index) in applicationList" :key="index">
               <el-col
                 v-if="item.resource_type === 'folder'"

ui/src/views/model/component/CreateModelDialog.vue

@@ -236,9 +236,9 @@
 </template>
 <script setup lang="ts">
 import { ref, computed } from 'vue'
+import { useRoute } from 'vue-router'
 import type { Provider, BaseModel } from '@/api/type/model'
 import type { Dict, KeyValue } from '@/api/type/common'
-import ModelApi from '@/api/model/model'
 import ProviderApi from '@/api/model/provider'
 import type { FormField } from '@/components/dynamics-form/type'
 import DynamicsForm from '@/components/dynamics-form/index.vue'
@@ -248,7 +248,19 @@ import { PermissionType, PermissionDesc } from '@/enums/model'
 import { input_type_list } from '@/components/dynamics-form/constructor/data'
 import AddParamDrawer from '@/views/model/component/AddParamDrawer.vue'
 import { t } from '@/locales'
+import { loadSharedApi } from '@/utils/dynamics-api/shared-api'
 
+const route = useRoute()
+
+const type = computed(() => {
+  if (route.path.includes('shared')) {
+    return 'systemShare'
+  } else if (route.path.includes('resource-management')) {
+    return 'systemManage'
+  } else {
+    return 'workspace'
+  }
+})
 const providerValue = ref<Provider>()
 const dynamicsFormRef = ref<InstanceType<typeof DynamicsForm>>()
 const emit = defineEmits(['change', 'submit'])
@@ -378,18 +390,20 @@ const submit = () => {
     ?.validate()
     .then(() => {
       if (providerValue.value) {
-        ModelApi.createModel(
-          {
-            ...base_form_data.value,
-            credential: credential_form_data.value,
-            provider: providerValue.value.provider,
-          },
-          loading,
-        ).then((ok) => {
-          close()
-          MsgSuccess(t('views.model.tip.createSuccessMessage'))
-          emit('submit')
-        })
+        loadSharedApi({ type: 'model', systemType: type.value })
+          .createModel(
+            {
+              ...base_form_data.value,
+              credential: credential_form_data.value,
+              provider: providerValue.value.provider,
+            },
+            loading,
+          )
+          .then((ok: any) => {
+            close()
+            MsgSuccess(t('views.model.tip.createSuccessMessage'))
+            emit('submit')
+          })
       }
     })
     .catch(() => {

ui/src/views/model/component/EditModel.vue

@@ -10,7 +10,7 @@
     <template #header="{ close, titleId, titleClass }">
       <el-breadcrumb separator=">">
         <el-breadcrumb-item
-        ><span class="active-breadcrumb">{{
+          ><span class="active-breadcrumb">{{
             `${$t('common.edit')} ${providerValue?.name}`
           }}</span></el-breadcrumb-item
         >
@@ -74,8 +74,8 @@
               <div class="mr-4">
                 <span>{{ $t('views.model.modelForm.base_model.label') }} </span>
                 <span class="danger ml-4">{{
-                    $t('views.model.modelForm.base_model.tooltip')
-                  }}</span>
+                  $t('views.model.modelForm.base_model.tooltip')
+                }}</span>
               </div>
             </div>
           </template>
@@ -119,17 +119,30 @@
   </el-dialog>
 </template>
 <script setup lang="ts">
-import {ref, computed} from 'vue'
-import type {Provider, BaseModel, Model} from '@/api/type/model'
-import type {Dict, KeyValue} from '@/api/type/common'
-import ModelApi from '@/api/model/model'
+import { ref, computed } from 'vue'
+import { useRoute } from 'vue-router'
+import type { Provider, BaseModel, Model } from '@/api/type/model'
+import type { Dict, KeyValue } from '@/api/type/common'
 import ProviderApi from '@/api/model/provider'
-import type {FormField} from '@/components/dynamics-form/type'
+import type { FormField } from '@/components/dynamics-form/type'
 import DynamicsForm from '@/components/dynamics-form/index.vue'
-import type {FormRules} from 'element-plus'
-import {MsgSuccess} from '@/utils/message'
-import {PermissionType, PermissionDesc} from '@/enums/model'
-import {t} from '@/locales'
+import type { FormRules } from 'element-plus'
+import { MsgSuccess } from '@/utils/message'
+import { PermissionType, PermissionDesc } from '@/enums/model'
+import { t } from '@/locales'
+import { loadSharedApi } from '@/utils/dynamics-api/shared-api'
+
+const route = useRoute()
+
+const type = computed(() => {
+  if (route.path.includes('shared')) {
+    return 'systemShare'
+  } else if (route.path.includes('resource-management')) {
+    return 'systemManage'
+  } else {
+    return 'workspace'
+  }
+})
 
 const providerValue = ref<Provider>()
 const dynamicsFormRef = ref<InstanceType<typeof DynamicsForm>>()
@@ -167,13 +180,13 @@ const base_form_data = ref<{
   model_type: string
 
   model_name: string
-}>({name: '', model_type: '', model_name: ''})
+}>({ name: '', model_type: '', model_name: '' })
 
 const credential_form_data = ref<Dict<any>>({})
 
 const form_data = computed({
   get: () => {
-    return {...credential_form_data.value, ...base_form_data.value}
+    return { ...credential_form_data.value, ...base_form_data.value }
   },
   set: (event: any) => {
     credential_form_data.value = event
@@ -209,27 +222,29 @@ const list_base_model = (model_type: any, change?: boolean) => {
 }
 const open = (provider: Provider, model: Model) => {
   modelValue.value = model
-  ModelApi.getModelById(model.id, formLoading).then((ok) => {
-    modelValue.value = ok.data
-    ProviderApi.listModelType(model.provider, model_type_loading).then((ok) => {
-      model_type_list.value = ok.data
-      list_base_model(model.model_type)
-    })
-    providerValue.value = provider
+  loadSharedApi({ type: 'model', systemType: type.value })
+    .getModelById(model.id, formLoading)
+    .then((ok: any) => {
+      modelValue.value = ok.data
+      ProviderApi.listModelType(model.provider, model_type_loading).then((ok) => {
+        model_type_list.value = ok.data
+        list_base_model(model.model_type)
+      })
+      providerValue.value = provider
 
-    base_form_data.value = {
-      name: model.name,
-      model_type: model.model_type,
-      model_name: model.model_name,
-    }
-    form_data.value = model.credential
-    getModelForm(model.model_name)
-  })
+      base_form_data.value = {
+        name: model.name,
+        model_type: model.model_type,
+        model_name: model.model_name,
+      }
+      form_data.value = model.credential
+      getModelForm(model.model_name)
+    })
   dialogVisible.value = true
 }
 
 const close = () => {
-  base_form_data.value = {name: '', model_type: '', model_name: ''}
+  base_form_data.value = { name: '', model_type: '', model_name: '' }
   dynamicsFormRef.value?.ruleFormRef?.resetFields()
   credential_form_data.value = {}
   model_form_field.value = []
@@ -240,23 +255,25 @@ const close = () => {
 const submit = () => {
   dynamicsFormRef.value?.validate().then(() => {
     if (modelValue.value) {
-      ModelApi.updateModel(
-        modelValue.value.id,
-        {
-          ...base_form_data.value,
-          credential: credential_form_data.value,
-        },
-        loading,
-      ).then((ok) => {
-        MsgSuccess(t('views.model.tip.updateSuccessMessage'))
-        close()
-        emit('submit')
-      })
+      loadSharedApi({ type: 'model', systemType: type.value })
+        .updateModel(
+          modelValue.value.id,
+          {
+            ...base_form_data.value,
+            credential: credential_form_data.value,
+          },
+          loading,
+        )
+        .then((ok: any) => {
+          MsgSuccess(t('views.model.tip.updateSuccessMessage'))
+          close()
+          emit('submit')
+        })
     }
   })
 }
 
-defineExpose({open, close})
+defineExpose({ open, close })
 </script>
 <style lang="scss" scoped>
 .select-provider {

ui/src/views/model/component/ModelCard.vue

@@ -28,7 +28,7 @@
       </el-text>
     </template>
     <template #tag>
-      <el-tag v-if="isShared" type="info" class="info-tag">
+      <el-tag v-if="isShared || isSystemShare" type="info" class="info-tag">
         {{ t('views.system.shared.label') }}
       </el-tag>
     </template>
@@ -85,6 +85,12 @@
             >
               {{ $t('common.modify') }}
             </el-dropdown-item>
+            <el-dropdown-item
+              v-if="isSystemShare"
+              icon="Lock"
+              @click.stop="openAuthorizedWorkspaceDialog(model)"
+              >{{ $t('views.system.shared.authorized_workspace') }}</el-dropdown-item
+            >
 
             <el-dropdown-item
               v-if="
@@ -93,7 +99,6 @@
                 currentModel.model_type === 'IMAGE' ||
                 currentModel.model_type === 'TTI' ||
                 permissionPrecise.paramSetting()
-
               "
               :disabled="!is_permisstion"
               icon="Setting"
@@ -107,9 +112,7 @@
               :disabled="!is_permisstion"
               text
               @click.stop="deleteModel"
-              v-if="
-                permissionPrecise.delete()
-              "
+              v-if="permissionPrecise.delete()"
             >
               {{ $t('common.delete') }}
             </el-dropdown-item>
@@ -119,48 +122,43 @@
     </template>
     <EditModel ref="editModelRef" @submit="emit('change')"></EditModel>
     <ParamSettingDialog ref="paramSettingRef" :model="model" />
+    <AuthorizedWorkspace
+      ref="AuthorizedWorkspaceDialogRef"
+      v-if="isSystemShare"
+    ></AuthorizedWorkspace>
   </card-box>
 </template>
 <script setup lang="ts">
 import type { Provider, Model } from '@/api/type/model'
-import ModelApi from '@/api/model/model'
 import { computed, ref, onMounted, onBeforeUnmount } from 'vue'
 import EditModel from '@/views/model/component/EditModel.vue'
 // import DownloadLoading from '@/components/loading/DownloadLoading.vue'
 import { MsgConfirm } from '@/utils/message'
 import { modelType } from '@/enums/model'
 import useStore from '@/stores'
 import ParamSettingDialog from './ParamSettingDialog.vue'
+import AuthorizedWorkspace from '@/views/system-shared/AuthorizedWorkspaceDialog.vue'
 import { t } from '@/locales'
 import { PermissionConst, RoleConst } from '@/utils/permission/data'
 import { hasPermission } from '@/utils/permission'
-import { useRoute } from 'vue-router'
 import permissionMap from '@/permission'
-
-
-const route = useRoute()
-
-const type = computed(() => {
-  if (route.path.includes('shared')) {
-    return 'systemShare'
-  } else if (route.path.includes('resource-management')) {
-    return 'systemManage'
-  } else {
-    return 'workspace'
-  }
-})
-const permissionPrecise = computed(() => {
-  return permissionMap['model'][type.value]
-})
+import { loadSharedApi } from '@/utils/dynamics-api/shared-api'
 
 const props = defineProps<{
   model: Model
   provider_list: Array<Provider>
   updateModelById: (model_id: string, model: Model) => void
   isShared?: boolean | undefined
+  isSystemShare?: boolean | undefined
+  sharedType: 'systemShare' | 'workspace' | 'systemManage'
 }>()
 
 const { user } = useStore()
+
+const permissionPrecise = computed(() => {
+  return permissionMap['model'][props.sharedType]
+})
+
 const downModel = ref<Model>()
 
 const is_permisstion = computed(() => {
@@ -196,18 +194,22 @@ const deleteModel = () => {
     },
   )
     .then(() => {
-      ModelApi.deleteModel(props.model.id).then(() => {
-        emit('change')
-      })
+      loadSharedApi({ type: 'model', systemType: props.sharedType })
+        .deleteModel(props.model.id)
+        .then(() => {
+          emit('change')
+        })
     })
     .catch(() => {})
 }
 
 const cancelDownload = () => {
-  ModelApi.pauseDownload(props.model.id).then(() => {
-    downModel.value = undefined
-    emit('change')
-  })
+  loadSharedApi({ type: 'model', systemType: type.value })
+    .pauseDownload(props.model.id)
+    .then(() => {
+      downModel.value = undefined
+      emit('change')
+    })
 }
 const openEditModel = () => {
   const provider = props.provider_list.find((p) => p.provider === props.model.provider)
@@ -225,9 +227,11 @@ const icon = computed(() => {
 const initInterval = () => {
   interval = setInterval(() => {
     if (currentModel.value.status === 'DOWNLOAD') {
-      ModelApi.getModelMetaById(props.model.id).then((ok) => {
-        downModel.value = ok.data
-      })
+      loadSharedApi({ type: 'model', systemType: type.value })
+        .getModelMetaById(props.model.id)
+        .then((ok: any) => {
+          downModel.value = ok.data
+        })
     } else {
       if (downModel.value) {
         props.updateModelById(props.model.id, downModel.value)
@@ -251,6 +255,13 @@ const openParamSetting = () => {
   paramSettingRef.value?.open()
 }
 
+const AuthorizedWorkspaceDialogRef = ref()
+function openAuthorizedWorkspaceDialog(row: any) {
+  if (AuthorizedWorkspaceDialogRef.value) {
+    AuthorizedWorkspaceDialogRef.value.open(row, 'Model')
+  }
+}
+
 onMounted(() => {
   initInterval()
 })