Commit a162783ffb6ba487ecc55381e8acc0bd64ecaa27

Authored by fengtao
1 parent 577e9043

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

... ... @@ -9,6 +9,7 @@
9 9 :disabled="disabled"
10 10 mode="multiple"
11 11 labelInValue
  12 + :max-tag-count="selectDeviceMaxCount"
12 13 />
13 14 <template v-for="(item, index) in deviceList" :key="item.value">
14 15 <SelectAttributes
... ... @@ -25,6 +26,7 @@
25 26 import SelectAttributes from './SelectAttributes.vue';
26 27 import { TDeviceList, TSelectOption } from '../type';
27 28 import { createPickerSearch } from '/@/utils/pickerSearch';
  29 + import { useMessage } from '/@/hooks/web/useMessage';
28 30
29 31 const props = defineProps({
30 32 selectOptions: {
... ... @@ -37,6 +39,8 @@
37 39 },
38 40 });
39 41
  42 + const { createMessage } = useMessage();
  43 +
40 44 const selectValue = ref([]);
41 45
42 46 const bindDeviceRef = {
... ... @@ -52,7 +56,10 @@
52 56 };
53 57
54 58 const handleDeviceChange = (_, options) => {
55   - if (options.length > selectDeviceMaxCount.value) return;
  59 + if (options.length > selectDeviceMaxCount.value) {
  60 + createMessage.warn(`限制选择设备数为${selectDeviceMaxCount.value}`);
  61 + return;
  62 + }
56 63 deviceList.value = options;
57 64 };
58 65
... ...