perf: 公共接口管理代码优化

@@ -38,7 +38,7 @@
 </template>
 </template>
 <script lang="ts" setup name="body">
 <script lang="ts" setup name="body">
   import { reactive, ref, nextTick } from 'vue';
   import { reactive, ref, nextTick } from 'vue';
-  import { RequestBodyTypeEnum } from '../../../enum/index';
+  import { RequestBodyTypeEnum } from '../../../config/enum';
   import BodyTable from './bodyTable.vue';
   import BodyTable from './bodyTable.vue';
   import { isEmpty } from '/@/utils/is';
   import { isEmpty } from '/@/utils/is';
   import { useUtils } from '../../../hooks/useUtils';
   import { useUtils } from '../../../hooks/useUtils';

@@ -59,8 +59,8 @@
   import { Select, Button } from 'ant-design-vue';
   import { Select, Button } from 'ant-design-vue';
   import { findDictItemByCode } from '/@/api/system/dict';
   import { findDictItemByCode } from '/@/api/system/dict';
   import { PlusOutlined, MinusOutlined } from '@ant-design/icons-vue';
   import { PlusOutlined, MinusOutlined } from '@ant-design/icons-vue';
-  import { editCellTableTHeadConfig } from '../../../config';
-  import { selectType, tableItems } from '../../../types';
+  import { editCellTableTHeadConfig } from '../../../config/config';
+  import { selectType, tableItems } from '../../../config/types';
 
 
   defineProps({
   defineProps({
     method: {
     method: {

@@ -40,9 +40,8 @@
   import { reactive, nextTick } from 'vue';
   import { reactive, nextTick } from 'vue';
   import { Button } from 'ant-design-vue';
   import { Button } from 'ant-design-vue';
   import { PlusOutlined, MinusOutlined } from '@ant-design/icons-vue';
   import { PlusOutlined, MinusOutlined } from '@ant-design/icons-vue';
-  import { editTestCellTableTHeaderConfig } from '../../../config';
-  import { tableItems } from '../../../types';
-
+  import { editTestCellTableTHeaderConfig } from '../../../config/config';
+  import { tableItems } from '../../../config/types';
   defineProps({
   defineProps({
     method: {
     method: {
       type: String,
       type: String,

@@ -78,8 +78,8 @@
   import { Select, Button } from 'ant-design-vue';
   import { Select, Button } from 'ant-design-vue';
   import { findDictItemByCode } from '/@/api/system/dict';
   import { findDictItemByCode } from '/@/api/system/dict';
   import { PlusOutlined, MinusOutlined } from '@ant-design/icons-vue';
   import { PlusOutlined, MinusOutlined } from '@ant-design/icons-vue';
-  import { editCellTableTHeadConfig } from '../../../config';
-  import { selectType, tableItems } from '../../../types';
+  import { editCellTableTHeadConfig } from '../../../config/config';
+  import { selectType, tableItems } from '../../../config/types';
   import { useModal, BasicModal } from '/@/components/Modal';
   import { useModal, BasicModal } from '/@/components/Modal';
   import DateRangeSelect from './DateRangeSelect/index.vue';
   import DateRangeSelect from './DateRangeSelect/index.vue';
 
 

@@ -58,7 +58,7 @@
   import JsonEditor from '../../SimpleRequest/components/jsonEditor.vue';
   import JsonEditor from '../../SimpleRequest/components/jsonEditor.vue';
   import { useMessage } from '/@/hooks/web/useMessage';
   import { useMessage } from '/@/hooks/web/useMessage';
   import { getTenantAllPageLists, getTenantPageList } from '/@/api/tenant/tenantApi';
   import { getTenantAllPageLists, getTenantPageList } from '/@/api/tenant/tenantApi';
-  import { selectType } from '../../../types';
+  import { selectType } from '../../../config/types';
   import { Select } from 'ant-design-vue';
   import { Select } from 'ant-design-vue';
   import { getUserToken } from '/@/api/sys/user';
   import { getUserToken } from '/@/api/sys/user';
   import { USER_INFO_KEY } from '/@/enums/cacheEnum';
   import { USER_INFO_KEY } from '/@/enums/cacheEnum';

@@ -133,8 +133,8 @@
   import { useApi } from '../../../hooks/useApi';
   import { useApi } from '../../../hooks/useApi';
   import { useUtils } from '../../../hooks/useUtils';
   import { useUtils } from '../../../hooks/useUtils';
   import { cloneDeep } from 'lodash-es';
   import { cloneDeep } from 'lodash-es';
-  import { tableItems, selectType } from '../../../types';
-  import { editTestCellTableTHeadConfig } from '../../../config';
+  import { tableItems, selectType } from '../../../config/types';
+  import { editTestCellTableTHeadConfig } from '../../../config/config';
   import { QuestionCircleOutlined } from '@ant-design/icons-vue';
   import { QuestionCircleOutlined } from '@ant-design/icons-vue';
 
 
   const props = defineProps({
   const props = defineProps({

@@ -46,7 +46,7 @@
   import { Button } from 'ant-design-vue';
   import { Button } from 'ant-design-vue';
   import TestHeaderEditCellTable from './testEditHeaderCellTable.vue';
   import TestHeaderEditCellTable from './testEditHeaderCellTable.vue';
   import { useMessage } from '/@/hooks/web/useMessage';
   import { useMessage } from '/@/hooks/web/useMessage';
-  import { selectType } from '../../../types';
+  import { selectType } from '../../../config/types';
   import { Select } from 'ant-design-vue';
   import { Select } from 'ant-design-vue';
   import { getUserToken } from '/@/api/sys/user';
   import { getUserToken } from '/@/api/sys/user';
   import { USER_INFO_KEY } from '/@/enums/cacheEnum';
   import { USER_INFO_KEY } from '/@/enums/cacheEnum';

@@ -24,8 +24,8 @@
 <script lang="ts" setup name="editCellTable">
 <script lang="ts" setup name="editCellTable">
   import { reactive } from 'vue';
   import { reactive } from 'vue';
   import { cloneDeep } from 'lodash-es';
   import { cloneDeep } from 'lodash-es';
-  import { tableItems } from '../../../types';
-  import { editTestCellTableTHeadConfig } from '../../../config';
+  import { tableItems } from '../../../config/types';
+  import { editTestCellTableTHeadConfig } from '../../../config/config';
 
 
   defineProps({
   defineProps({
     method: {
     method: {

@@ -49,7 +49,7 @@
   import { useUtils } from '../../../hooks/useUtils';
   import { useUtils } from '../../../hooks/useUtils';
   import { useMessage } from '/@/hooks/web/useMessage';
   import { useMessage } from '/@/hooks/web/useMessage';
   import { getTenantAllPageLists, getTenantPageList } from '/@/api/tenant/tenantApi';
   import { getTenantAllPageLists, getTenantPageList } from '/@/api/tenant/tenantApi';
-  import { selectType } from '../../../types';
+  import { selectType } from '../../../config/types';
   import { Select } from 'ant-design-vue';
   import { Select } from 'ant-design-vue';
   import { getUserToken } from '/@/api/sys/user';
   import { getUserToken } from '/@/api/sys/user';
   import { USER_INFO_KEY } from '/@/enums/cacheEnum';
   import { USER_INFO_KEY } from '/@/enums/cacheEnum';

@@ -174,8 +174,8 @@
   import { useApi } from '../../../hooks/useApi';
   import { useApi } from '../../../hooks/useApi';
   import { useUtils } from '../../../hooks/useUtils';
   import { useUtils } from '../../../hooks/useUtils';
   import { cloneDeep } from 'lodash-es';
   import { cloneDeep } from 'lodash-es';
-  import { tableItems, selectType } from '../../../types';
-  import { editTestCellTableTHeadConfig } from '../../../config';
+  import { tableItems, selectType } from '../../../config/types';
+  import { editTestCellTableTHeadConfig } from '../../../config/config';
   import { QuestionCircleOutlined } from '@ant-design/icons-vue';
   import { QuestionCircleOutlined } from '@ant-design/icons-vue';
   import moment from 'moment';
   import moment from 'moment';
   import { AggregateDataEnum } from '/@/views/report/config/timeConfig';
   import { AggregateDataEnum } from '/@/views/report/config/timeConfig';

@@ -5,6 +5,8 @@ import { findDictItemByCode } from '/@/api/system/dict';
 import { USER_INFO_KEY } from '/@/enums/cacheEnum';
 import { USER_INFO_KEY } from '/@/enums/cacheEnum';
 import { getAuthCache } from '/@/utils/auth';
 import { getAuthCache } from '/@/utils/auth';
 import { isAdmin } from '/@/enums/roleEnum';
 import { isAdmin } from '/@/enums/roleEnum';
+import { defaultField } from './constants';
+import { useUtils } from '../hooks/useUtils';
 
 
 // 表格配置
 // 表格配置
 export const columns: BasicColumn[] = [
 export const columns: BasicColumn[] = [
@@ -116,24 +118,6 @@ export const schemas: FormSchema[] = [
       placeholder: '请输入接口名称',
       placeholder: '请输入接口名称',
     },
     },
   },
   },
-  // {
-  //   field: 'interfaceType',
-  //   component: 'ApiRadioGroup',
-  //   label: '接口类型',
-  //   required: true,
-  //   colProps: {
-  //     span: 8,
-  //   },
-  //   defaultValue: 'SYSTEM',
-  //   componentProps: {
-  //     api: findDictItemByCode,
-  //     params: {
-  //       dictCode: 'interface_Type',
-  //     },
-  //     labelField: 'itemText',
-  //     valueField: 'itemValue',
-  //   },
-  // },
   {
   {
     field: 'interfaceType',
     field: 'interfaceType',
     component: 'ApiRadioGroup',
     component: 'ApiRadioGroup',
@@ -142,21 +126,17 @@ export const schemas: FormSchema[] = [
     colProps: {
     colProps: {
       span: 8,
       span: 8,
     },
     },
-    defaultValue: 'CUSTOM',
+    defaultValue: 'SYSTEM',
     componentProps: {
     componentProps: {
-      options: [
-        {
-          label: '系统默认',
-          value: 'SYSTEM',
-        },
-        {
-          label: '自定义',
-          value: 'CUSTOM',
-        },
-      ],
+      api: findDictItemByCode,
+      params: {
+        dictCode: 'interface_Type',
+      },
+      labelField: 'itemText',
+      valueField: 'itemValue',
     },
     },
     ifShow: ({}) => {
     ifShow: ({}) => {
-      const userInfo: any = getAuthCache(USER_INFO_KEY);
+      const userInfo = getAuthCache(USER_INFO_KEY) as any;
       const role: string = userInfo?.roles[0];
       const role: string = userInfo?.roles[0];
       if (isAdmin(role)) return true;
       if (isAdmin(role)) return true;
       else return false;
       else return false;
@@ -180,14 +160,11 @@ export const schemas: FormSchema[] = [
         labelField: 'itemText',
         labelField: 'itemText',
         valueField: 'itemValue',
         valueField: 'itemValue',
         getPopupContainer: () => document.body,
         getPopupContainer: () => document.body,
-        async onChange(e) {
-          setFieldsValue({
-            requestOriginUrl: '',
-            requestHttpTypeAndUrl: {
-              requestHttpType: undefined,
-              requestUrl: '',
-            },
-          });
+        onChange(e) {
+          if (!e) return;
+          const { usePlaceholder } = useUtils();
+          const setDefaultPlaceholder = usePlaceholder(e);
+          setFieldsValue(defaultField);
           updateSchema({
           updateSchema({
             field: 'requestHttpTypeAndUrl',
             field: 'requestHttpTypeAndUrl',
             componentProps: {
             componentProps: {
@@ -197,9 +174,7 @@ export const schemas: FormSchema[] = [
           updateSchema({
           updateSchema({
             field: 'requestOriginUrl',
             field: 'requestOriginUrl',
             componentProps: {
             componentProps: {
-              placeholder: `${
-                e === '0' ? '示例：http://127.0.0.1' : e === '2' ? '示例：ws://127.0.0.1' : ''
-              }`,
+              placeholder: setDefaultPlaceholder,
             },
             },
           });
           });
         },
         },
@@ -224,11 +199,10 @@ export const schemas: FormSchema[] = [
         labelField: 'itemText',
         labelField: 'itemText',
         valueField: 'itemValue',
         valueField: 'itemValue',
         onChange: (e) => {
         onChange: (e) => {
-          if (e) {
-            setFieldsValue({
-              requestOriginUrl: '',
-            });
-          }
+          if (!e) return;
+          setFieldsValue({
+            requestOriginUrl: '',
+          });
         },
         },
       };
       };
     },
     },
@@ -242,10 +216,9 @@ export const schemas: FormSchema[] = [
     componentProps: ({ formActionType }) => {
     componentProps: ({ formActionType }) => {
       const { getFieldsValue } = formActionType;
       const { getFieldsValue } = formActionType;
       const type = getFieldsValue()?.requestContentType;
       const type = getFieldsValue()?.requestContentType;
+      const { usePlaceholder } = useUtils();
       return {
       return {
-        placeholder: `${
-          type === '0' ? '示例：http://127.0.0.1' : type === '2' ? '示例：ws://127.0.0.1' : ''
-        }`,
+        placeholder: usePlaceholder(type),
       };
       };
     },
     },
     ifShow: ({ values }) => values['originUrlType'] === 'custom_url',
     ifShow: ({ values }) => values['originUrlType'] === 'custom_url',

+///公共接口管理所需常量值
+
+import { RequestOriginTypeEnum } from './enum';
+
+export const commonHttpPlaceHolder = '示例：http://127.0.0.1';
+
+export const websocketPlaceHolder = '示例：ws://127.0.0.1';
+
+export const defaultField = {
+  originUrlType: RequestOriginTypeEnum.SERVER_URL,
+  requestOriginUrl: '',
+  requestHttpTypeAndUrl: {
+    requestHttpType: undefined,
+    requestUrl: '',
+  },
+};

+///公共接口管理所需枚举值
+
 /**
 /**
  * @description: 请求体类型
  * @description: 请求体类型
  */
  */
@@ -8,3 +10,20 @@ export enum RequestBodyTypeEnum {
   JSON = 'json',
   JSON = 'json',
   XML = 'xml',
   XML = 'xml',
 }
 }
+
+/**
+ * @description: 请求方式
+ */
+export enum RequestMethodTypeEnum {
+  COMMOM = '0',
+  WEBSOCKET = '2',
+  SQL = '1',
+}
+
+/**
+ * @description: 源地址类型
+ */
+export enum RequestOriginTypeEnum {
+  CUSTOM_URL = 'custom_url',
+  SERVER_URL = 'server_url',
+}

@@ -69,7 +69,7 @@
   import { ref, nextTick, watch } from 'vue';
   import { ref, nextTick, watch } from 'vue';
   import { BasicDrawer, useDrawerInner } from '/@/components/Drawer';
   import { BasicDrawer, useDrawerInner } from '/@/components/Drawer';
   import { BasicForm, useForm } from '/@/components/Form';
   import { BasicForm, useForm } from '/@/components/Form';
-  import { schemas } from './config';
+  import { schemas } from './config/config';
   import SimpleRequest from './components/SimpleRequest/index.vue';
   import SimpleRequest from './components/SimpleRequest/index.vue';
   import { TestSql } from './components/TestSql/index';
   import { TestSql } from './components/TestSql/index';
   import {
   import {

+import { commonHttpPlaceHolder, websocketPlaceHolder } from '../config/constants';
+import { RequestMethodTypeEnum } from '../config/enum';
 import { otherHttp } from '/@/utils/http/axios';
 import { otherHttp } from '/@/utils/http/axios';
 
 
 export const useUtils = () => {
 export const useUtils = () => {
@@ -16,6 +18,7 @@ export const useUtils = () => {
     });
     });
     return temps;
     return temps;
   };
   };
+
   //默认push一个
   //默认push一个
   const pushObj = {
   const pushObj = {
     key: undefined,
     key: undefined,
@@ -25,6 +28,7 @@ export const useUtils = () => {
     date1: '',
     date1: '',
     date2: '',
     date2: '',
   };
   };
+
   //新增时置空特定数据
   //新增时置空特定数据
   const resetReqHttpType = {
   const resetReqHttpType = {
     requestHttpTypeAndUrl: {
     requestHttpTypeAndUrl: {
@@ -38,6 +42,7 @@ export const useUtils = () => {
       type: '0',
       type: '0',
     },
     },
   };
   };
+
   //对象转get params参数
   //对象转get params参数
   const convertObj = (data: object) => {
   const convertObj = (data: object) => {
     const _result: any = [];
     const _result: any = [];
@@ -53,6 +58,7 @@ export const useUtils = () => {
     }
     }
     return _result.join('&');
     return _result.join('&');
   };
   };
+
   //判断服务器地址是否为http/https ws/wss
   //判断服务器地址是否为http/https ws/wss
   const isServerUrl = (method, type) => {
   const isServerUrl = (method, type) => {
     const pathUrl = window.location.host;
     const pathUrl = window.location.host;
@@ -69,6 +75,7 @@ export const useUtils = () => {
     }
     }
     return url;
     return url;
   };
   };
+
   //TODO:待优化自定义请求
   //TODO:待优化自定义请求
   const isOtherHttp = async (url, token, params) => {
   const isOtherHttp = async (url, token, params) => {
     return await otherHttp.get(
     return await otherHttp.get(
@@ -84,6 +91,17 @@ export const useUtils = () => {
       }
       }
     );
     );
   };
   };
+
+  //请求方式切换动态更新源地址placeholder
+  const usePlaceholder = (type) =>
+    `${
+      type === RequestMethodTypeEnum.COMMOM
+        ? commonHttpPlaceHolder
+        : type === RequestMethodTypeEnum.WEBSOCKET
+        ? websocketPlaceHolder
+        : ''
+    }`;
+
   return {
   return {
     getMultipleKeys,
     getMultipleKeys,
     pushObj,
     pushObj,
@@ -92,5 +110,6 @@ export const useUtils = () => {
     isServerUrl,
     isServerUrl,
     convertObj,
     convertObj,
     isOtherHttp,
     isOtherHttp,
+    usePlaceholder,
   };
   };
 };
 };

@@ -85,7 +85,7 @@
   import { h, ref } from 'vue';
   import { h, ref } from 'vue';
   import { BasicTable, useTable, TableAction } from '/@/components/Table';
   import { BasicTable, useTable, TableAction } from '/@/components/Table';
   import { useDrawer } from '/@/components/Drawer';
   import { useDrawer } from '/@/components/Drawer';
-  import { columns, searchFormSchema } from './config';
+  import { columns, searchFormSchema } from './config/config';
   import { PublicApiForm } from './index';
   import { PublicApiForm } from './index';
   import {
   import {
     getDataViewInterfacePage,
     getDataViewInterfacePage,