feat:告警配置 新增通过组织获取告警人

@@ -15,8 +15,16 @@ enum API {
   deleteAlarmConfig = '/alarm/profile',
   getAlarmConfig = '/alarm/profile',
   getAlarmConfigStatus = '/alarm/profile',
+  byOrgIdGetAlarmContactApi = '/alarmContact/',
 }
 
+//根据组织id获取对应告警联系人
+export const byOrgIdGetAlarmContact = (params) => {
+  return defHttp.get({
+    url: API.byOrgIdGetAlarmContactApi + params,
+  });
+};
+
 // 获取
 export const getAlarmContact = (params: ContactPageParams) => {
   return getPageData<ContactModal>(params, API.alarmContact);

@@ -15,7 +15,7 @@
   import { BasicForm, useForm } from '/@/components/Form';
   import { formSchema } from './config.data';
   import { BasicDrawer, useDrawerInner } from '/@/components/Drawer';
-  import { saveOrEditAlarmConfig } from '/@/api/alarm/config/alarmConfig';
+  import { saveOrEditAlarmConfig, byOrgIdGetAlarmContact } from '/@/api/alarm/config/alarmConfig';
   import { useMessage } from '/@/hooks/web/useMessage';
 
   export default defineComponent({
@@ -26,7 +26,7 @@
       const isUpdate = ref(true);
       let allData: any = reactive({});
       const editId = ref('');
-      const [registerForm, { validate, setFieldsValue, resetFields }] = useForm({
+      const [registerForm, { validate, setFieldsValue, resetFields, updateSchema }] = useForm({
         labelWidth: 120,
         schemas: formSchema,
         showActionButtonGroup: false,
@@ -40,16 +40,32 @@
           editId.value = data.record?.id;
         }
         if (unref(isUpdate)) {
-          if (data.record.organizationDTO) {
-            await setFieldsValue(data.record);
-          } else {
-            await setFieldsValue(data.record);
-            await setFieldsValue({
-              alarmContactId: data.record?.alarmContactId.split(','),
-              messageMode: data.record?.messageMode.split(','),
+          const res = await byOrgIdGetAlarmContact(data.record.organizationId);
+          if (res.length !== 0) {
+            const opts = res.map((m) => {
+              return { label: m.username, value: m.id };
+            });
+            updateSchema({
+              field: 'alarmContactId',
+              componentProps: {
+                mode: 'multiple',
+                options: opts,
+              },
             });
           }
+          await setFieldsValue(data.record);
+          await setFieldsValue({
+            alarmContactId: data.record?.alarmContactId.split(','),
+            messageMode: data.record?.messageMode.split(','),
+          });
         } else {
+          updateSchema({
+            field: 'alarmContactId',
+            componentProps: {
+              mode: 'multiple',
+              options: [],
+            },
+          });
         }
       });
 

@@ -2,7 +2,7 @@ import { BasicColumn, FormSchema } from '/@/components/Table';
 import { getOrganizationList } from '/@/api/system/system';
 import { copyTransFun } from '/@/utils/fnUtils';
 import { findDictItemByCode } from '/@/api/system/dict';
-import { alarmContactGetPage } from '/@/api/device/deviceConfigApi';
+import { byOrgIdGetAlarmContact } from '/@/api/alarm/config/alarmConfig';
 
 // 表格列数据
 export const columns: BasicColumn[] = [
@@ -101,27 +101,43 @@ export const formSchema: FormSchema[] = [
     label: '所属组织',
     component: 'ApiTreeSelect',
     required: true,
-    componentProps: {
-      api: async () => {
-        const data = await getOrganizationList();
-        copyTransFun(data as any as any[]);
-        return data;
-      },
+    componentProps: ({ formActionType }) => {
+      const { updateSchema, setFieldsValue } = formActionType;
+      return {
+        maxLength: 250,
+        placeholder: '请选择所属组织',
+        api: async () => {
+          const data = await getOrganizationList();
+          copyTransFun(data as any as any[]);
+          return data;
+        },
+        async onChange(e) {
+          setFieldsValue({
+            alarmContactId: [],
+          });
+          const res = await byOrgIdGetAlarmContact(e);
+          let opts = [];
+          if (res.length !== 0) {
+            opts = res.map((m) => {
+              return { label: m.username, value: m.id };
+            });
+            updateSchema({
+              field: 'alarmContactId',
+              componentProps: {
+                mode: 'multiple',
+                options: opts,
+              },
+            });
+          }
+        },
+      };
     },
   },
   {
     field: 'alarmContactId',
-    label: '告警通知联系人',
-    component: 'ApiSelect',
+    label: '告警联系人',
+    component: 'Select',
     required: true,
-    componentProps: {
-      mode: 'multiple',
-      placeholder: '请选择告警通知联系人',
-      api: alarmContactGetPage,
-      labelField: 'username',
-      valueField: 'id',
-      resultField: 'items',
-    },
   },
   {
     field: 'messageMode',