feat: tool

Author: wangdan-fit2cloud

ui/src/api/tool/tool.ts

@@ -1,20 +1,19 @@
-import {Result} from '@/request/Result'
-import {get, post, del, put} from '@/request/index'
-import {type Ref} from 'vue'
-import type {pageRequest} from '@/api/type/common'
-import type {toolData} from '@/api/type/tool'
+import { Result } from '@/request/Result'
+import { get, post, del, put, exportFile } from '@/request/index'
+import { type Ref } from 'vue'
+import type { pageRequest } from '@/api/type/common'
+import type { toolData } from '@/api/type/tool'
 
 const prefix = '/workspace/' + localStorage.getItem('workspace_id')
 
-
 /**
  * 获得工具文件夹列表
  * @params 参数 {folder_id: string}
  */
-const getToolByFolder: (
-  data?: any,
-  loading?: Ref<boolean>,
-) => Promise<Result<Array<any>>> = (data, loading) => {
+const getToolByFolder: (data?: any, loading?: Ref<boolean>) => Promise<Result<Array<any>>> = (
+  data,
+  loading,
+) => {
   return get(`${prefix}/tool`, data, loading)
 }
 
@@ -32,21 +31,17 @@ const getToolList: (
   param?: any,
   loading?: Ref<boolean>,
 ) => Promise<Result<any>> = (page, param, loading) => {
-  return get(
-    `${prefix}/tool/${page.current_page}/${page.page_size}`,
-    param,
-    loading,
-  )
+  return get(`${prefix}/tool/${page.current_page}/${page.page_size}`, param, loading)
 }
 
 /**
  * 创建工具
  * @param 参数
  */
-const postTool: (
-  data: toolData,
-  loading?: Ref<boolean>,
-) => Promise<Result<any>> = (data, loading) => {
+const postTool: (data: toolData, loading?: Ref<boolean>) => Promise<Result<any>> = (
+  data,
+  loading,
+) => {
   return post(`${prefix}/tool`, data, undefined, loading)
 }
 
@@ -55,11 +50,11 @@ const postTool: (
  * @param 参数
 
  */
-const putTool: (
-  tool_id: string,
-  data: toolData,
-  loading?: Ref<boolean>,
-) => Promise<Result<any>> = (tool_id, data, loading) => {
+const putTool: (tool_id: string, data: toolData, loading?: Ref<boolean>) => Promise<Result<any>> = (
+  tool_id,
+  data,
+  loading,
+) => {
   return put(`${prefix}/tool/${tool_id}`, data, undefined, loading)
 }
 
@@ -69,37 +64,72 @@ const putTool: (
  * @param loading 加载器
  * @returns 函数详情
  */
-const getToolById: (
-  tool_id: string,
-  loading?: Ref<boolean>,
-) => Promise<Result<any>> = (tool_id, loading) => {
+const getToolById: (tool_id: string, loading?: Ref<boolean>) => Promise<Result<any>> = (
+  tool_id,
+  loading,
+) => {
   return get(`${prefix}/tool/${tool_id}`, undefined, loading)
 }
 
-const postPylint: (
-  code: string,
-  loading?: Ref<boolean>,
-) => Promise<Result<any>> = (code, loading) => {
-  return post(`${prefix}/tool/pylint`, {code}, {}, loading)
+/**
+ * 删除工具
+ * @param 参数 tool_id
+ */
+const delTool: (
+  tool_id: String,
+  loading?: Ref<boolean>
+) => Promise<Result<boolean>> = (tool_id, loading) => {
+  return del(`${prefix}/${tool_id}`, undefined, {}, loading)
+}
+
+const putToolIcon: (
+    id: string,
+    data: any,
+    loading?: Ref<boolean>
+) => Promise<Result<any>> = (id, data, loading) => {
+  return put(`${prefix}/${id}/edit_icon`, data, undefined, loading)
+}
+
+const exportTool = (id: string, name: string, loading?: Ref<boolean>) => {
+  return exportFile(name + '.fx', `${prefix}/${id}/export`, undefined, loading)
 }
 
 /**
  * 调试工具
  * @param 参数
 
  */
-// const postToolDebug: (data: any, loading?: Ref<boolean>) => Promise<Result<any>> = (
-//   data: any,
-//   loading
-// ) => {
-//   return post(`${prefix}/debug`, data, undefined, loading)
-// }
+const postToolDebug: (data: any, loading?: Ref<boolean>) => Promise<Result<any>> = (
+  data: any,
+  loading,
+) => {
+  return post(`${prefix}/debug`, data, undefined, loading)
+}
+
+const postImportTool: (data: any, loading?: Ref<boolean>) => Promise<Result<any>> = (
+  data,
+  loading,
+) => {
+  return post(`${prefix}/import`, data, undefined, loading)
+}
+
+const postPylint: (code: string, loading?: Ref<boolean>) => Promise<Result<any>> = (
+  code,
+  loading,
+) => {
+  return post(`${prefix}/tool/pylint`, { code }, {}, loading)
+}
 
 export default {
   getToolByFolder,
   getToolList,
   putTool,
   getToolById,
   postTool,
-  postPylint
+  postToolDebug,
+  postImportTool,
+  postPylint,
+  exportTool,
+  putToolIcon,
+  delTool
 }

ui/src/locales/lang/zh-CN/views/tool.ts

@@ -2,14 +2,19 @@ export default {
   title: '工具',
   createTool: '创建工具',
   editTool: '编辑工具',
+  copyTool: '复制函数',
+  importTool: '导入函数',
   disabled: {
     confirmTitle: '是否禁用工具：',
     confirmMessage: '禁用后，引用了该工具的应用提问时会报错 ，请谨慎操作。',
   },
+  tip: {
+    saveMessage: '当前的更改尚未保存，确认退出吗?',
+  },
   form: {
     title: {
       copy: '副本',
-      baseInfo: '基础信息'
+      baseInfo: '基础信息',
     },
     toolName: {
       label: '名称',

ui/src/views/tool/ToolDebugDrawer.vue

@@ -148,7 +148,7 @@ watch(debugVisible, (bool) => {
 const submit = async (formEl: FormInstance | undefined) => {
   const validate = formEl ? formEl.validate() : Promise.resolve()
   Promise.all([dynamicsFormRef.value?.validate(), validate]).then(() => {
-    toolApi.postToolDebug(form.value, loading).then((res) => {
+    ToolApi.postToolDebug(form.value, loading).then((res) => {
       if (res.code === 500) {
         showResult.value = true
         isSuccess.value = false

ui/src/views/tool/ToolFormDrawer.vue

@@ -398,7 +398,7 @@ function refreshInitFieldList(data: any) {
   UserFieldFormDialogRef.value.close()
 }
 
-function refreshtool(data: any) {
+function refreshTool(data: any) {
   form.value.icon = data
 }
 

ui/src/views/tool/component/EditAvatarDialog.vue

@@ -9,14 +9,9 @@
     <el-radio-group v-model="radioType" class="radio-block mb-16">
       <el-radio value="default">
         <p>{{ $t('common.EditAvatarDialog.default') }}</p>
-        <el-avatar
-          v-if="detail?.name"
-          :name="detail?.name"
-          pinyinColor
-          class="mt-8 mb-8"
-          shape="square"
-          :size="32"
-        />
+        <el-avatar class="avatar-green" shape="square" :size="32">
+          <img src="@/assets/node/icon_tool.svg" style="width: 58%" alt="" />
+        </el-avatar>
       </el-radio>
 
       <el-radio value="custom">
@@ -122,6 +117,4 @@ function submit() {
 
 defineExpose({ open })
 </script>
-<style lang="scss" scoped>
-
-</style>
+<style lang="scss" scoped></style>