perf: 优化报表配置选择设备，超出数量提示信息

@@ -9,6 +9,7 @@
     :disabled="disabled"
     :disabled="disabled"
     mode="multiple"
     mode="multiple"
     labelInValue
     labelInValue
+    :max-tag-count="selectDeviceMaxCount"
   />
   />
   <template v-for="(item, index) in deviceList" :key="item.value">
   <template v-for="(item, index) in deviceList" :key="item.value">
     <SelectAttributes
     <SelectAttributes
@@ -25,6 +26,7 @@
   import SelectAttributes from './SelectAttributes.vue';
   import SelectAttributes from './SelectAttributes.vue';
   import { TDeviceList, TSelectOption } from '../type';
   import { TDeviceList, TSelectOption } from '../type';
   import { createPickerSearch } from '/@/utils/pickerSearch';
   import { createPickerSearch } from '/@/utils/pickerSearch';
+  import { useMessage } from '/@/hooks/web/useMessage';
 
 
   const props = defineProps({
   const props = defineProps({
     selectOptions: {
     selectOptions: {
@@ -37,6 +39,8 @@
     },
     },
   });
   });
 
 
+  const { createMessage } = useMessage();
+
   const selectValue = ref([]);
   const selectValue = ref([]);
 
 
   const bindDeviceRef = {
   const bindDeviceRef = {
@@ -52,7 +56,10 @@
   };
   };
 
 
   const handleDeviceChange = (_, options) => {
   const handleDeviceChange = (_, options) => {
-    if (options.length > selectDeviceMaxCount.value) return;
+    if (options.length > selectDeviceMaxCount.value) {
+      createMessage.warn(`限制选择设备数为${selectDeviceMaxCount.value}`);
+      return;
+    }
     deviceList.value = options;
     deviceList.value = options;
   };
   };