perf(views/chart/ContentConfigurations/components/ChartData/external): 公共接口下拉框里新增接口类型

@@ -2,10 +2,10 @@
 import { getAllPublicInterface } from '@/api/external/dynamicRequest'
 import { getAllPublicInterface } from '@/api/external/dynamicRequest'
 import { ParamsItemType, PublicInterfaceRecord, PublicInterfaceRequestParams, PublicInterfaceStateEnum } from '@/api/external/dynamicRequest/model';
 import { ParamsItemType, PublicInterfaceRecord, PublicInterfaceRequestParams, PublicInterfaceStateEnum } from '@/api/external/dynamicRequest/model';
 import { SettingItem, SettingItemBox } from '@/components/Pages/ChartItemSetting';
 import { SettingItem, SettingItemBox } from '@/components/Pages/ChartItemSetting';
-import { RequestContentTypeEnum, RequestContentTypeNameEnum } from '@/enums/external/httpEnum';
+import { RequestContentTypeEnum, RequestContentTypeNameEnum, RequestEnum } from '@/enums/external/httpEnum';
 import { RequestBodyEnum, RequestHttpEnum, RequestHttpIntervalEnum, RequestParams, RequestParamsTypeEnum } from '@/enums/httpEnum';
 import { RequestBodyEnum, RequestHttpEnum, RequestHttpIntervalEnum, RequestParams, RequestParamsTypeEnum } from '@/enums/httpEnum';
-import { NCard, NEmpty, NInputGroup, NInputNumber, NScrollbar, NSelect, NTabPane, NTabs, SelectOption } from 'naive-ui';
-import { ref, computed, unref, nextTick } from 'vue'
+import { NCard, NEllipsis, NEmpty, NInputGroup, NInputNumber, NScrollbar, NSelect, NSpace, NTabPane, NTabs, SelectOption } from 'naive-ui';
+import { ref, computed, unref, nextTick, h } from 'vue'
 import { selectTimeOptions, selectTypeOptions } from '../../../index.d';
 import { selectTimeOptions, selectTypeOptions } from '../../../index.d';
 import ParamsTable from '../RequestModal/ParamsTable.vue';
 import ParamsTable from '../RequestModal/ParamsTable.vue';
 import BodyContent from './BodyContent.vue'
 import BodyContent from './BodyContent.vue'
@@ -141,6 +141,29 @@ const setConfigurationData = async (request: ExtraRequestConfigType) => {
   setDynamicFormValue(request)
   setDynamicFormValue(request)
 }
 }
 
 
+  /**
+   * ft 修改在公共接口下拉框里加上接口类型
+   * 修改后的代码在注释之间，并标注好源代码和修改后代码，方便回溯
+   * 源代码 属于新增代码，源代码无
+   * 修改后代码在//ft之间
+   */
+
+const getHttpType = (httpType:RequestEnum, contentType:number) => {
+  if(contentType===0){
+    if (httpType === RequestEnum[httpType]) return RequestEnum[httpType] 
+  }
+  else if (contentType===2) return 'WebSocket'
+}
+
+const renderOption = (option: SelectOption) => {
+  const httpType = getHttpType(option?.requestHttpType as RequestEnum, option?.requestContentType as number)
+  return h(NSpace, { justify: 'space-between', style: 'padding: 0 15px; height: 28px; line-height: 28px;' }, () => [
+    h(NEllipsis, null, () => httpType),
+    h(NEllipsis, null, () => option.interfaceName),
+  ])
+}
+//ft
+
 defineExpose({
 defineExpose({
   getConfigurationData,
   getConfigurationData,
   setConfigurationData,
   setConfigurationData,
@@ -154,10 +177,19 @@ defineExpose({
   <SettingItemBox name="公共接口" :alone="true" :item-right-style="{ gridTemplateColumns: '5fr 2fr 1fr' }">
   <SettingItemBox name="公共接口" :alone="true" :item-right-style="{ gridTemplateColumns: '5fr 2fr 1fr' }">
     <SettingItem name="请求方式 & URL地址">
     <SettingItem name="请求方式 & URL地址">
       <NInputGroup>
       <NInputGroup>
+    <!-- 
+      /**
+        * ft 修改在公共接口下拉框里加上接口类型
+        * 修改后的代码在注释之间，并标注好源代码和修改后代码，方便回溯
+        * 源代码 无
+        * 修改后代码 新增一句 :render-label="renderOption"
+        */
+      -->
         <NSelect v-model:value="selectedPublicInterface" label-field="interfaceName" value-field="id"
         <NSelect v-model:value="selectedPublicInterface" label-field="interfaceName" value-field="id"
           :options="publicInterfaceList" :filter="handleFilter" filterable :reset-menu-on-options-change="false"
           :options="publicInterfaceList" :filter="handleFilter" filterable :reset-menu-on-options-change="false"
-          @update-value="handleSelectedInterfaceChange" size="small">
+          @update-value="handleSelectedInterfaceChange" size="small" :render-label="renderOption">
         </NSelect>
         </NSelect>
+        <!-- ft -->
         <NSelect v-if="requestContentTypeRef !== RequestContentTypeEnum.WEB_SOCKET" v-model:value="requestHttpTypeRef"
         <NSelect v-if="requestContentTypeRef !== RequestContentTypeEnum.WEB_SOCKET" v-model:value="requestHttpTypeRef"
           style="width: 150px;" size="small" :options="(selectTypeOptions as SelectOption[])" :disabled="true" />
           style="width: 150px;" size="small" :options="(selectTypeOptions as SelectOption[])" :disabled="true" />
         <NSelect v-if="requestContentTypeRef === RequestContentTypeEnum.WEB_SOCKET" :disabled="true" style="width: 150px;"
         <NSelect v-if="requestContentTypeRef === RequestContentTypeEnum.WEB_SOCKET" :disabled="true" style="width: 150px;"
@@ -225,6 +257,7 @@ defineExpose({
       </NScrollbar>
       </NScrollbar>
     </NCard>
     </NCard>
   </SettingItemBox>
   </SettingItemBox>
+  <!-- ft -->
 </template>
 </template>
 
 
 <style scoped lang="scss">
 <style scoped lang="scss">