perf: 修改设备列表，网关子设备，批量修改组织禁用逻辑修改

@@ -210,6 +210,7 @@ export interface DeviceRecord {
   };
   customerName?: string;
   customerId?: string;
+  gatewayId?: string;
 }
 
 export interface DeviceModelOfMatterAttrs {

@@ -49,7 +49,7 @@
       watch(
         () => props.params,
         () => {
-          isFirstLoaded.value && fetch();
+          fetch();
         },
         { deep: true }
       );

@@ -413,13 +413,25 @@ export const customerForm: FormSchema[] = [
 
 export const orgForm: FormSchema[] = [
   {
+    field: 'sensorOrganizationId',
+    label: '依据网关设备请求的组织数组',
+    component: 'Input',
+    ifShow: false,
+  },
+  {
     field: 'organizationId',
     component: 'OrgTreeSelect',
     helpMessage: updateOrgHelpMessage,
     label: '选择组织',
     required: true,
-    componentProps: {
-      placeholder: '请选择',
+    componentProps: ({ formModel }) => {
+      return {
+        apiTreeSelectProps: {
+          params: {
+            organizationId: formModel?.sensorOrganizationId,
+          },
+        },
+      };
     },
   },
 ];

@@ -15,11 +15,11 @@
 </template>
 
 <script lang="ts">
-  import { defineComponent, ref } from 'vue';
+  import { defineComponent, ref, nextTick } from 'vue';
   import { BasicModal, useModalInner } from '/@/components/Modal';
   import { BasicForm, useForm } from '/@/components/Form';
   import { orgForm } from '../../config/detail.config';
-  import { doBatchUpdateDevice } from '/@/api/device/deviceManager';
+  import { doBatchUpdateDevice, getGATEWAY } from '/@/api/device/deviceManager';
   import { useMessage } from '/@/hooks/web/useMessage';
 
   export default defineComponent({
@@ -34,11 +34,28 @@
 
       const record = ref([]);
 
-      const [registerModal, { closeModal, setModalProps }] = useModalInner((data) => {
+      const [registerModal, { closeModal, setModalProps }] = useModalInner(async (data) => {
+        await nextTick();
         record.value = data;
+        // 如果是网关子设备
+        const deviceTypeFilterSensor = data
+          .filter((filterItem) => filterItem.deviceType === 'SENSOR')
+          .map((mapItem) => mapItem.tbDeviceId);
+        // 根据gatewayId获取网关所属组织
+        for (let item of deviceTypeFilterSensor) {
+          await getGATEWAYByTbDeviceId(item);
+        }
       });
 
-      const [registerForm, { validate, resetFields }] = useForm({
+      const getGATEWAYByTbDeviceId = async (tbDeviceId: string) => {
+        const result = await getGATEWAY(tbDeviceId);
+        if (!result) return;
+        setFieldsValue({
+          sensorOrganizationId: result.organizationId,
+        });
+      };
+
+      const [registerForm, { validate, resetFields, setFieldsValue }] = useForm({
         labelWidth: 100,
         showActionButtonGroup: false,
         schemas: orgForm,

@@ -70,7 +70,7 @@
                   text: '批量修改组织',
                   icon: 'ant-design:wallet-outlined',
                   event: '',
-                  disabled: !batchPrivateFlag,
+                  disabled: !batchPrivateFlag || batchSensorFlag || diffBatchSensorFlag,
                   onClick: handleBatchOrg.bind(null),
                 },
               ]"
@@ -360,6 +360,10 @@
 
   const batchPrivateFlag = ref(true);
 
+  const batchSensorFlag = ref(false);
+
+  const diffBatchSensorFlag = ref(false);
+
   const [
     registerTable,
     {
@@ -420,6 +424,14 @@
           !selectedRows.every((item) => (item as DeviceRecord).deviceType === deviceType);
 
         batchPrivateFlag.value = selectedRows.some((item: DeviceRecord) => !item?.customerId);
+        const filterSensor = selectedRows.map((filterItem: DeviceRecord) => filterItem.deviceType);
+        batchSensorFlag.value =
+          filterSensor.includes('SENSOR') &&
+          (filterSensor.includes('DIRECT_CONNECTION') || filterSensor.includes('GATEWAY')); // 网关子和直连设备或者网关设备，则禁用组织修改
+        const filterGatewayId = selectedRows
+          .filter((filterItem: DeviceRecord) => filterItem.deviceType === 'SENSOR')
+          .map((mapItem: DeviceRecord) => mapItem.gatewayId);
+        diffBatchSensorFlag.value = [...new Set(filterGatewayId)].length > 1; // 数组长度大于1，说明选择的网关子设备所属网关为多个，则禁用组织修改
         isPublicAndPrivateFlag.value =
           selectedRows.some((item: DeviceRecord) => !item?.customerId) &&
           selectedRows.some((item: DeviceRecord) => item?.customerAdditionalInfo?.isPublic);
@@ -432,6 +444,14 @@
           !selectedRows.every((item) => (item as DeviceRecord).deviceType === deviceType);
 
         batchPrivateFlag.value = selectedRows.some((item) => !item?.customerId);
+        const filterSensor = selectedRows.map((filterItem) => filterItem.deviceType);
+        batchSensorFlag.value =
+          filterSensor.includes('SENSOR') &&
+          (filterSensor.includes('DIRECT_CONNECTION') || filterSensor.includes('GATEWAY')); // 网关子和直连设备或者网关设备，则禁用组织修改
+        const filterGatewayId = selectedRows
+          .filter((filterItem: DeviceRecord) => filterItem.deviceType === 'SENSOR')
+          .map((mapItem: DeviceRecord) => mapItem.gatewayId);
+        diffBatchSensorFlag.value = [...new Set(filterGatewayId)].length > 1; // 数组长度大于1，说明选择的网关子设备所属网关为多个，则禁用组织修改
         isPublicAndPrivateFlag.value =
           selectedRows.some((item) => !item?.customerId) &&
           selectedRows.some((item) => item?.customerAdditionalInfo?.isPublic);

@@ -108,13 +108,20 @@ export const formSchema: FormSchema[] = [
     label: '消息类型',
     required: true,
     component: 'ApiSelect',
-    componentProps: {
-      api: findDictItemByCode,
-      params: {
-        dictCode: 'message_type',
-      },
-      labelField: 'itemText',
-      valueField: 'itemValue',
+    componentProps({ formActionType }) {
+      return {
+        api: findDictItemByCode,
+        params: {
+          dictCode: 'message_type',
+        },
+        labelField: 'itemText',
+        valueField: 'itemValue',
+        onChange() {
+          formActionType.setFieldsValue({
+            platformType: null,
+          });
+        },
+      };
     },
   },
   {
@@ -130,7 +137,10 @@ export const formSchema: FormSchema[] = [
             const messageType = Reflect.get(formModel, 'messageType');
             if (isMessage(messageType))
               return result.filter(
-                (item) => item.itemValue !== 'DING_TALK' && item.itemValue !== 'ALI_VOICE'
+                (item) =>
+                  item.itemValue !== 'DING_TALK' &&
+                  item.itemValue !== 'ALI_VOICE' &&
+                  item.itemValue !== 'ENTERPRISE_WECHAT'
               );
 
             if (isEnterpriseWechat(messageType)) {