Merge branch 'fix/alarm-list-device-query' into 'main_dev'

fix: 修复告警组件设备列表查询接口变更

See merge request yunteng/thingskit-scada!196

 <script setup lang="ts">
 import { Button, Divider } from 'ant-design-vue'
 import { onMounted, ref, unref } from 'vue'
-import { AlarmListFieldsEnum, formSchemas } from './form.config'
+import { AlarmListFieldsEnum, getFormSchemas } from './form.config'
 import { FormLayoutEnum } from '@/components/Form/src/enum'
 import { BasicForm, useForm } from '@/components/Form'
 import { useMessage } from '@/hooks/web/useMessage'
@@ -25,7 +25,7 @@ const nodeDataActinType = useNodeData({ cell: props.cell!, immediate: true })
 const { getNodeData, getNodeAllData, saveNodeAllData } = nodeDataActinType
 
 const [registerForm, formActionType] = useForm({
-  schemas: formSchemas,
+  schemas: getFormSchemas(),
   showActionButtonGroup: false,
   layout: FormLayoutEnum.VERTICAL,
   getPopupContainer: () => document.body,

 import { unref } from 'vue'
 import dayjs from 'dayjs'
 import { TableColumnFieldEnum } from './types'
-import { getListByDeviceProfileIds } from '@/api/device'
+import { getListByConfigurationId, getListByDeviceProfileIds } from '@/api/device'
 import type { DeviceItemType } from '@/api/device/model'
 import type { FormSchema } from '@/components/Form'
 import { ComponentEnum } from '@/components/Form/src/enum'
@@ -9,8 +9,7 @@ import { useContentDataStoreWithOut } from '@/store/modules/contentData'
 import { DateFormatEnum } from '@/enums/timeEnum'
 import type { BasicColumn } from '@/components/Table'
 import { AlarmStatusEnum, type CodeTypeEnum, type ContentDataFieldsEnum } from '@/enums/datasource'
-
-const contentDataStore = useContentDataStoreWithOut()
+import { useParseParams } from '@/core/LoadData'
 
 export const tableColumns: BasicColumn[] = [
   {
@@ -73,88 +72,94 @@ const rangePresets = [
   { label: '360天之前', value: [dayjs().add(-360, 'd'), dayjs()] },
 ]
 
-export const formSchemas: FormSchema[] = [
-  {
-    field: AlarmListFieldsEnum.DEVICE_PROFILE_ID,
-    label: AlarmListFieldsNameEnum.DEVICE_PROFILE_ID,
-    component: ComponentEnum.INPUT,
-    ifShow: false,
-  },
-  {
-    field: AlarmListFieldsEnum.DEVICE_ID,
-    label: AlarmListFieldsNameEnum.DEVICE_ID,
-    component: ComponentEnum.API_SELECT,
-    required: true,
-    componentProps: ({ formModel }) => {
-      const organizationId = window.useParseParams().organizationId
-      if (!organizationId) return
-      return {
-        mode: 'multiple',
-        showSearch: true,
-        api: getListByDeviceProfileIds,
-        params: {
-          deviceProfileIds: unref(contentDataStore.getProductIds),
-          organizationId,
-        },
-        aliasField: 'alias',
-        fieldNames: { label: 'name', value: 'id' },
-        maxTagCount: 4,
-        onSelect(value: string, option: DeviceItemType) {
-          formModel[AlarmListFieldsEnum.DEVICE_PROFILE_ID] = value ? option.deviceProfileId : null
-        },
-        filterOption: (inputValue: string, option: DeviceItemType) =>
-          option.alias?.includes?.(inputValue) || option.name?.includes?.(inputValue),
-      }
+export const getFormSchemas = (): FormSchema[] => {
+  const contentDataStore = useContentDataStoreWithOut()
+  const isTemplateLink = contentDataStore.getIsTemplateLink
+  return [
+    {
+      field: AlarmListFieldsEnum.DEVICE_PROFILE_ID,
+      label: AlarmListFieldsNameEnum.DEVICE_PROFILE_ID,
+      component: ComponentEnum.INPUT,
+      ifShow: false,
     },
-  },
-  {
-    field: AlarmListFieldsEnum.ALARM_LIST_QUERY_DATE,
-    label: AlarmListFieldsNameEnum.ALARM_LIST_QUERY_DATE,
-    component: ComponentEnum.RANGE_PICKER,
-    required: true,
-    componentProps: () => {
-      return {
-        showSearch: true,
-        format: DateFormatEnum.YYYY_MM_DD_HH_MM_SS,
-        presets: rangePresets,
-        placement: 'topRight',
-        showTime: true,
-      }
+    {
+      field: AlarmListFieldsEnum.DEVICE_ID,
+      label: AlarmListFieldsNameEnum.DEVICE_ID,
+      component: ComponentEnum.API_SELECT,
+      required: true,
+      componentProps: ({ formModel }) => {
+        const { organizationId, configurationId } = useParseParams()
+        if (!organizationId) return
+        return {
+          mode: 'multiple',
+          showSearch: true,
+          api: async (params: Recordable) => {
+            return isTemplateLink ? await getListByConfigurationId(configurationId!) : await getListByDeviceProfileIds(params)
+          },
+          params: {
+            deviceProfileIds: unref(contentDataStore.getProductIds),
+            organizationId,
+          },
+          aliasField: 'alias',
+          fieldNames: { label: 'name', value: 'id' },
+          maxTagCount: 4,
+          onSelect(value: string, option: DeviceItemType) {
+            formModel[AlarmListFieldsEnum.DEVICE_PROFILE_ID] = value ? option.deviceProfileId : null
+          },
+          filterOption: (inputValue: string, option: DeviceItemType) =>
+            option.alias?.includes?.(inputValue) || option.name?.includes?.(inputValue),
+        }
+      },
     },
-  },
-  {
-    field: AlarmListFieldsEnum.ALARM_LIST_AUTO_PLAY,
-    label: AlarmListFieldsNameEnum.ALARM_LIST_AUTO_PLAY,
-    component: ComponentEnum.SWITCH,
-    required: false,
-  },
-  {
-    field: AlarmListFieldsEnum.ALARM_LIST_INTERVAL,
-    label: AlarmListFieldsNameEnum.ALARM_LIST_INTERVAL,
-    component: ComponentEnum.INPUT_NUMBER,
-    required: false,
-    componentProps: {
-      min: 0,
+    {
+      field: AlarmListFieldsEnum.ALARM_LIST_QUERY_DATE,
+      label: AlarmListFieldsNameEnum.ALARM_LIST_QUERY_DATE,
+      component: ComponentEnum.RANGE_PICKER,
+      required: true,
+      componentProps: () => {
+        return {
+          showSearch: true,
+          format: DateFormatEnum.YYYY_MM_DD_HH_MM_SS,
+          presets: rangePresets,
+          placement: 'topRight',
+          showTime: true,
+        }
+      },
     },
-    renderComponentContent: () => {
-      return {
-        addonAfter: () => '秒',
-      }
+    {
+      field: AlarmListFieldsEnum.ALARM_LIST_AUTO_PLAY,
+      label: AlarmListFieldsNameEnum.ALARM_LIST_AUTO_PLAY,
+      component: ComponentEnum.SWITCH,
+      required: false,
     },
-  },
-  {
-    field: AlarmListFieldsEnum.ALARM_LIST_POLLING,
-    label: AlarmListFieldsNameEnum.ALARM_LIST_POLLING,
-    component: ComponentEnum.INPUT_NUMBER,
-    defaultValue: 30,
-    required: false,
-    componentProps: {
-      min: 1,
+    {
+      field: AlarmListFieldsEnum.ALARM_LIST_INTERVAL,
+      label: AlarmListFieldsNameEnum.ALARM_LIST_INTERVAL,
+      component: ComponentEnum.INPUT_NUMBER,
+      required: false,
+      componentProps: {
+        min: 0,
+      },
+      renderComponentContent: () => {
+        return {
+          addonAfter: () => '秒',
+        }
+      },
     },
-    renderComponentContent: () => {
-      return {
-        addonAfter: () => '秒',
-      }
+    {
+      field: AlarmListFieldsEnum.ALARM_LIST_POLLING,
+      label: AlarmListFieldsNameEnum.ALARM_LIST_POLLING,
+      component: ComponentEnum.INPUT_NUMBER,
+      defaultValue: 30,
+      required: false,
+      componentProps: {
+        min: 1,
+      },
+      renderComponentContent: () => {
+        return {
+          addonAfter: () => '秒',
+        }
+      },
     },
-  },
-]
+  ]
+}