Merge branch 'fix/public-interface' into 'main_dev'

fix: 修复大屏设计公共接口创建时根据当前角色设置默认接口类型 See merge request yunteng/thingskit-front!722

Merge branch 'fix/public-interface' into 'main_dev'
fix: 修复大屏设计公共接口创建时根据当前角色设置默认接口类型 See merge request yunteng/thingskit-front!722
xp.Huang
2 parents 1375f081 7642a85b
Showing 2 changed files with 174 additions and 181 deletions
src/views/dataview/publicApi/config/config.ts
src/views/dataview/publicApi/form.vue
--- a/src/views/dataview/publicApi/config/config.ts
View file @40c2907
+++ b/src/views/dataview/publicApi/config/config.ts
View file @40c2907
 import { BasicColumn, FormSchema } from '/@/components/Table';
-import { h } from 'vue';
+import { h, unref } from 'vue';
 import { Tag } from 'ant-design-vue';
 import { findDictItemByCode } from '/@/api/system/dict';
 import { USER_INFO_KEY } from '/@/enums/cacheEnum';
@@ -7,6 +7,7 @@ import { getAuthCache } from '/@/utils/auth';
 import { isAdmin } from '/@/enums/roleEnum';
 import { defaultField } from './constants';
 import { useUtils } from '../hooks/useUtils';
+import { useRole } from '/@/hooks/business/useRole';
 // 表格配置
 export const columns: BasicColumn[] = [
@@ -106,189 +107,192 @@ export const searchFormSchema: FormSchema[] = [
 ];
 //表单配置
-export const schemas: FormSchema[] = [
-  {
-    field: 'interfaceName',
-    label: '接口名称',
-    colProps: { span: 24 },
-    required: true,
-    component: 'Input',
-    componentProps: {
-      maxLength: 255,
-      placeholder: '请输入接口名称',
-    },
-  },
-  {
-    field: 'interfaceType',
-    component: 'ApiRadioGroup',
-    label: '接口类型',
-    required: true,
-    colProps: {
-      span: 8,
-    },
-    defaultValue: 'SYSTEM',
-    componentProps: {
-      api: findDictItemByCode,
-      params: {
-        dictCode: 'interface_Type',
+export const schemas = (): FormSchema[] => {
+  const { isPlatformAdmin, isSysadmin } = useRole();
+  return [
+    {
+      field: 'interfaceName',
+      label: '接口名称',
+      colProps: { span: 24 },
+      required: true,
+      component: 'Input',
+      componentProps: {
+        maxLength: 255,
+        placeholder: '请输入接口名称',
       },
-      labelField: 'itemText',
-      valueField: 'itemValue',
-    },
-    ifShow: ({}) => {
-      const userInfo = getAuthCache(USER_INFO_KEY) as any;
-      const role: string = userInfo?.roles[0];
-      if (isAdmin(role)) return true;
-      else return false;
     },
-  },
-  {
-    field: 'requestContentType',
-    label: '请求方式',
-    component: 'ApiSelect',
-    required: true,
-    colProps: { span: 24 },
-    defaultValue: '0',
-    componentProps: ({ formActionType }) => {
-      const { updateSchema, setFieldsValue } = formActionType;
-      return {
+    {
+      field: 'interfaceType',
+      component: 'ApiRadioGroup',
+      label: '接口类型',
+      required: true,
+      colProps: {
+        span: 8,
+      },
+      defaultValue: unref(isPlatformAdmin) || unref(isSysadmin) ? 'SYSTEM' : null,
+      componentProps: {
         api: findDictItemByCode,
         params: {
-          dictCode: 'dataview_select_methods',
+          dictCode: 'interface_Type',
         },
-        placeholder: '请选择请求方式',
         labelField: 'itemText',
         valueField: 'itemValue',
-        getPopupContainer: () => document.body,
-        onChange(e) {
-          if (!e) return;
-          const { usePlaceholder } = useUtils();
-          const setDefaultPlaceholder = usePlaceholder(e);
-          setFieldsValue(defaultField);
-          updateSchema({
-            field: 'requestHttpTypeAndUrl',
-            componentProps: {
-              type: e,
-            },
-          });
-          updateSchema({
-            field: 'requestOriginUrl',
-            componentProps: {
-              placeholder: setDefaultPlaceholder,
-            },
-          });
-        },
-      };
+      },
+      ifShow: ({}) => {
+        const userInfo = getAuthCache(USER_INFO_KEY) as any;
+        const role: string = userInfo?.roles[0];
+        if (isAdmin(role)) return true;
+        else return false;
+      },
     },
-  },
-  {
-    field: 'originUrlType',
-    label: '地址类型',
-    component: 'ApiSelect',
-    required: true,
-    colProps: { span: 24 },
-    defaultValue: 'server_url',
-    componentProps: ({ formActionType }) => {
-      const { setFieldsValue } = formActionType;
-      return {
-        placeholder: '请选择地址类型',
-        api: findDictItemByCode,
-        params: {
-          dictCode: 'dataview_select_origin_type',
-        },
-        labelField: 'itemText',
-        valueField: 'itemValue',
-        onChange: (e) => {
-          if (!e) return;
-          setFieldsValue({
-            requestOriginUrl: '',
-          });
-        },
-      };
+    {
+      field: 'requestContentType',
+      label: '请求方式',
+      component: 'ApiSelect',
+      required: true,
+      colProps: { span: 24 },
+      defaultValue: '0',
+      componentProps: ({ formActionType }) => {
+        const { updateSchema, setFieldsValue } = formActionType;
+        return {
+          api: findDictItemByCode,
+          params: {
+            dictCode: 'dataview_select_methods',
+          },
+          placeholder: '请选择请求方式',
+          labelField: 'itemText',
+          valueField: 'itemValue',
+          getPopupContainer: () => document.body,
+          onChange(e) {
+            if (!e) return;
+            const { usePlaceholder } = useUtils();
+            const setDefaultPlaceholder = usePlaceholder(e);
+            setFieldsValue(defaultField);
+            updateSchema({
+              field: 'requestHttpTypeAndUrl',
+              componentProps: {
+                type: e,
+              },
+            });
+            updateSchema({
+              field: 'requestOriginUrl',
+              componentProps: {
+                placeholder: setDefaultPlaceholder,
+              },
+            });
+          },
+        };
+      },
     },
-  },
-  {
-    field: 'requestOriginUrl',
-    label: '源地址',
-    colProps: { span: 24 },
-    required: true,
-    component: 'Input',
-    componentProps: ({ formActionType }) => {
-      const { getFieldsValue } = formActionType;
-      const type = getFieldsValue()?.requestContentType;
-      const { usePlaceholder } = useUtils();
-      return {
-        placeholder: usePlaceholder(type),
-      };
+    {
+      field: 'originUrlType',
+      label: '地址类型',
+      component: 'ApiSelect',
+      required: true,
+      colProps: { span: 24 },
+      defaultValue: 'server_url',
+      componentProps: ({ formActionType }) => {
+        const { setFieldsValue } = formActionType;
+        return {
+          placeholder: '请选择地址类型',
+          api: findDictItemByCode,
+          params: {
+            dictCode: 'dataview_select_origin_type',
+          },
+          labelField: 'itemText',
+          valueField: 'itemValue',
+          onChange: (e) => {
+            if (!e) return;
+            setFieldsValue({
+              requestOriginUrl: '',
+            });
+          },
+        };
+      },
     },
-    ifShow: ({ values }) => values['originUrlType'] === 'custom_url',
-  },
-  {
-    field: 'requestHttpTypeAndUrl',
-    label: '请求类型&地址',
-    component: 'InputGroup',
-    required: true,
-    colProps: { span: 24 },
-    componentProps: ({ formActionType }) => {
-      const { getFieldsValue } = formActionType;
-      return {
-        type: getFieldsValue().requestContentType,
-      };
+    {
+      field: 'requestOriginUrl',
+      label: '源地址',
+      colProps: { span: 24 },
+      required: true,
+      component: 'Input',
+      componentProps: ({ formActionType }) => {
+        const { getFieldsValue } = formActionType;
+        const type = getFieldsValue()?.requestContentType;
+        const { usePlaceholder } = useUtils();
+        return {
+          placeholder: usePlaceholder(type),
+        };
+      },
+      ifShow: ({ values }) => values['originUrlType'] === 'custom_url',
     },
-  },
-  {
-    field: 'fillAddress',
-    label: '完整地址',
-    component: 'Input',
-    slot: 'slotFillAddress',
-    colProps: { span: 24 },
-    ifShow: ({ values }) => {
-      return values['originUrlType'] === 'custom_url' && values['requestOriginUrl'];
+    {
+      field: 'requestHttpTypeAndUrl',
+      label: '请求类型&地址',
+      component: 'InputGroup',
+      required: true,
+      colProps: { span: 24 },
+      componentProps: ({ formActionType }) => {
+        const { getFieldsValue } = formActionType;
+        return {
+          type: getFieldsValue().requestContentType,
+        };
+      },
     },
-  },
-  {
-    field: 'slotServerAddress',
-    label: '完整地址',
-    component: 'Input',
-    slot: 'slotServerAddress',
-    colProps: { span: 24 },
-    ifShow: ({ values }) => {
-      return values['originUrlType'] === 'server_url';
+    {
+      field: 'fillAddress',
+      label: '完整地址',
+      component: 'Input',
+      slot: 'slotFillAddress',
+      colProps: { span: 24 },
+      ifShow: ({ values }) => {
+        return values['originUrlType'] === 'custom_url' && values['requestOriginUrl'];
+      },
     },
-  },
-  {
-    field: 'requestSQLKey',
-    label: '键名',
-    colProps: { span: 6 },
-    component: 'Input',
-    defaultValue: 'sql',
-    componentProps: {
-      disabled: true,
+    {
+      field: 'slotServerAddress',
+      label: '完整地址',
+      component: 'Input',
+      slot: 'slotServerAddress',
+      colProps: { span: 24 },
+      ifShow: ({ values }) => {
+        return values['originUrlType'] === 'server_url';
+      },
     },
-    ifShow: ({ values }) => values['requestContentType'] === '1',
-  },
-  {
-    field: 'requestSQLContent',
-    label: '键值',
-    colProps: { span: 24 },
-    component: 'InputTextArea',
-    defaultValue: 'select * from  where',
-    componentProps: {
-      maxLength: 255,
-      placeholder: '请输入键值',
-      rows: 6,
+    {
+      field: 'requestSQLKey',
+      label: '键名',
+      colProps: { span: 6 },
+      component: 'Input',
+      defaultValue: 'sql',
+      componentProps: {
+        disabled: true,
+      },
+      ifShow: ({ values }) => values['requestContentType'] === '1',
     },
-    ifShow: ({ values }) => values['requestContentType'] === '1',
-  },
-  {
-    field: 'slot',
-    label: '参数设置',
-    component: 'Input',
-    slot: 'selectMethods',
-    colProps: { span: 24 },
-    ifShow: ({ values }) => values['requestContentType'] !== '1',
-  },
-];
+    {
+      field: 'requestSQLContent',
+      label: '键值',
+      colProps: { span: 24 },
+      component: 'InputTextArea',
+      defaultValue: 'select * from  where',
+      componentProps: {
+        maxLength: 255,
+        placeholder: '请输入键值',
+        rows: 6,
+      },
+      ifShow: ({ values }) => values['requestContentType'] === '1',
+    },
+    {
+      field: 'slot',
+      label: '参数设置',
+      component: 'Input',
+      slot: 'selectMethods',
+      colProps: { span: 24 },
+      ifShow: ({ values }) => values['requestContentType'] !== '1',
+    },
+  ];
+};
 //表格表头配置
 export const editCellTableTHeadConfig = ['序号', '内置参数', '参数名', '是否必须', '操作'];
--- a/src/views/dataview/publicApi/form.vue
View file @40c2907
+++ b/src/views/dataview/publicApi/form.vue
View file @40c2907
@@ -71,9 +71,6 @@
   import { useUtils } from './hooks/useUtils';
   import { Tag } from 'ant-design-vue';
   import { RequestMethodTypeEnum, RequestOriginTypeEnum } from './config/enum';
-  import { isAdmin } from '/@/enums/roleEnum';
-  import { USER_INFO_KEY } from '/@/enums/cacheEnum';
-  import { getAuthCache } from '/@/utils/auth';
   const {
     resetReqHttpType,
@@ -85,10 +82,6 @@
   const emits = defineEmits(['success', 'register']);
-  const userInfo: any = getAuthCache(USER_INFO_KEY);
-
-  const role: string = userInfo?.roles[0];
-
   const { createMessage } = useMessage();
   const isUpdate = ref(false);
@@ -130,7 +123,7 @@
   const [registerForm, { resetFields, validate, setFieldsValue, updateSchema }] = useForm({
     labelWidth: 120,
-    schemas,
+    schemas: schemas(),
     showActionButtonGroup: false,
   });
@@ -180,10 +173,6 @@
       const requestOriginUrl = getOriginUrlType(values);
       const params = (Objects as Recordable)?.Params?.filter((item) => item.key);
       (Objects as Recordable).Params = params;
-      //超级管理员或平台管理员接口类型为系统默认
-      if (isAdmin(role)) {
-        values.interfaceType = 'SYSTEM'; //系统默认
-      }
       const data = {
         ...values,
         id: !putId.value ? null : putId.value,