no message

skyouc

2025-07-10 0009331f11ada9383506cc2c361b77a161a16e9d

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
import { formatMessage } from '@/utils/localeUtils.js'; 
import { ref } from 'vue'; 
 
export default function useTableSearch() { 
    const searchText = ref(''); 
    const searchedColumn = ref(''); 
     
    const handleSearch = (selectedKeys, confirm, dataIndex) => { 
      confirm(); 
      searchText.value = selectedKeys[0]; 
      searchedColumn.value = dataIndex; 
    }; 
     
    const handleReset = (clearFilters) => { 
      clearFilters({ 
        confirm: true, 
      }); 
      searchText.value = ''; 
    }; 
 
    function handleResizeColumn(w, col) { 
      col.width = w; 
    } 
     
    const getColumnSearchProps = (dataIndex) => ({ 
      filterDropdown: ({ setSelectedKeys, selectedKeys, confirm, clearFilters }) => ( 
        <div style="padding: 8px"> 
          <a-input 
            v-model:value={selectedKeys[0]} 
            placeholder={formatMessage('common.search.placeholder','请搜索')} 
            style="width: 188px; margin-bottom: 8px; display: block;" 
            onChange={(e) => setSelectedKeys(e.target.value ? [e.target.value] : [])} 
            onPressEnter={() => handleSearch(selectedKeys, confirm, dataIndex)} 
          /> 
          <a-button 
            type="primary" 
            onClick={() => handleSearch(selectedKeys, confirm, dataIndex)} 
            size="small" 
            style="width: 90px; margin-right: 8px" 
          > 
            {formatMessage('common.search','搜索')} 
          </a-button> 
          <a-button onClick={() => handleReset(clearFilters)} size="small" style="width: 90px"> 
            {formatMessage('common.reset','重置')} 
          </a-button> 
        </div> 
      ), 
      onFilter: (value, record) => 
        record[dataIndex] 
          ? record[dataIndex].toString().toLowerCase().includes(value.toLowerCase()) 
          : '', 
      resizable: true, 
    }); 
 
    return { 
        searchText, 
        searchedColumn, 
        getColumnSearchProps, 
        handleResizeColumn, 
      }; 
}