feat(views/chart): 新增过滤器交互

@@ -39,6 +39,7 @@ export interface PublicInterfaceRecord {
   requestParamsBodyType: string,
   requestParamsBodyType: string,
   requestUrl: string,
   requestUrl: string,
   requestParams: string,
   requestParams: string,
+  filter?:string//FT 新增一个字段filter
 }
 }
 
 
 
 

@@ -78,6 +78,8 @@ const handleClickPanel = () => {
 // TODO socket 请求时会触发
 // TODO socket 请求时会触发
 watchEffect(() => {
 watchEffect(() => {
   const filter = targetData.value?.filter
   const filter = targetData.value?.filter
+  //ft
+  if(!filter) return
   if (lastFilter !== filter && firstFocus) {
   if (lastFilter !== filter && firstFocus) {
     lastFilter = filter
     lastFilter = filter
     sendHandle()
     sendHandle()

@@ -13,6 +13,7 @@ import { ExtraRequestConfigType } from '@/store/external/modules/extraComponentI
 import { DynamicForm } from '../DynamicForm';
 import { DynamicForm } from '../DynamicForm';
 import { extraPublicInterfaceInfo } from '../DynamicForm/utils';
 import { extraPublicInterfaceInfo } from '../DynamicForm/utils';
 import { isArray } from '@/utils';
 import { isArray } from '@/utils';
+import { useTargetData } from '../../../../hooks/useTargetData.hook';
 
 
 const publicInterfaceList = ref<PublicInterfaceRecord[]>([])
 const publicInterfaceList = ref<PublicInterfaceRecord[]>([])
 
 
@@ -86,6 +87,31 @@ const handleSelectedInterfaceChange = async (_value: string, option: PublicInter
   headerRef.value = isArray(Header) ? (Header as ParamsItemType[]).reduce((prev, next) => ({ ...prev, [next.key]: next.value }), {}) : {}
   headerRef.value = isArray(Header) ? (Header as ParamsItemType[]).reduce((prev, next) => ({ ...prev, [next.key]: next.value }), {}) : {}
   unref(bodyContentEl)?.setConfigurationData(unref(getSelectedInterfaceBody), Body)
   unref(bodyContentEl)?.setConfigurationData(unref(getSelectedInterfaceBody), Body)
   await nextTick()
   await nextTick()
+  console.log(option)
+  /**
+   * FT 修改新增从接口取出filter
+   */
+  const { filter } = option
+  const { targetData } = useTargetData()
+  targetData.value.filter = filter?? `
+   const keys = Object.keys(res)
+    const dimensions = ['ts', ...keys]
+    const xAxis = [...new Set(keys.reduce((prev, next) => [...prev, ...res[next].map(item => item.ts)], []))]
+    const source = xAxis.map(ts => {
+      const record = keys.reduce((prev, next) => {
+        const value = res[next].find(item => item.ts === ts)
+        return { ...prev, [next]: value.value || null }
+      }, {})
+      return {
+        ts,
+        ...record
+      }
+    })
+    return {
+      dimensions,
+      source
+    }
+  `
   setDynamicFormValue(option as unknown as ExtraRequestConfigType)
   setDynamicFormValue(option as unknown as ExtraRequestConfigType)
 }
 }