| | |
| | | const getTableList = () => { |
| | | const params = { |
| | | nickname: searchText.value, |
| | | current: pageParams.value.current, |
| | | current: 1, |
| | | size: pageParams.value.size, |
| | | } |
| | | selectDevicePage(params).then(res => { |
| | | if (res.data.code !== 0) return |
| | | if (res.data.data.records.length === 0) return (isMore.value = false) |
| | | pageParams.value.current += 1 |
| | | tableList.value = [...tableList.value, ...res.data.data.records] |
| | | // pageParams.value.current += 1 |
| | | pageParams.value.size += 8 |
| | | tableList.value = res.data.data.records;// [...tableList.value, ...res.data.data.records] |
| | | busy.value = false |
| | | }) |
| | | } |
| | |
| | | searchText.value = name |
| | | pageParams.value.current = 1 |
| | | tableList.value = [] |
| | | getTableList() |
| | | } |
| | | |
| | | // 分页方法 |
| | | const handleSizeChange = val => { |
| | | pageParams.value.size = val |
| | | pageParams.value.current = 1 |
| | | getTableList() |
| | | } |
| | | |
| | | const handleCurrentChange = val => { |
| | | pageParams.value.current = val |
| | | getTableList() |
| | | } |
| | | |
| | |
| | | } |
| | | // 空闲中 |
| | | .freetime { |
| | | color: #ffa768; |
| | | color: #04f020; |
| | | } |
| | | // 作业中 |
| | | .atcive { |
| | | color: #04f020; |
| | | color: #ffa768; |
| | | background: linear-gradient(90deg, rgba(12, 45, 92, 1) 0%, #154671 50%, rgba(12, 45, 92, 1) 100%), |
| | | linear-gradient(90deg, rgba(12, 45, 92, 1) 0%, rgba(12, 45, 92, 1) 50%, rgba(12, 45, 92, 1) 100%); |
| | | } |