This commit is contained in:
Viet An
2026-06-04 16:12:51 +07:00
parent 2a1f85c2af
commit 3cfa103306
19 changed files with 106 additions and 106 deletions

View File

@@ -37,7 +37,7 @@ async function fetchImeis() {
filter: { variant: props.variant.id },
});
imeis.value = imeisFetched;
imeis.value = imeisFetched.filter((imeiRec) => !store.selectedImeis.find((i) => i.imei === imeiRec.imei));
isLoading.value = false;
}
onMounted(fetchImeis);
@@ -84,27 +84,24 @@ onMounted(fetchImeis);
v-for="(imeiRec, i) in imeis"
:key="imeiRec.id"
class="is-clickable"
:class="
(store.selectedImeis.find((i) => i.imei === imeiRec.imei) ||
selectedImeis.find((i) => i.imei === imeiRec.imei)) &&
'is-selected'
"
:class="selectedImeis.find((i) => i.imei === imeiRec.imei) && 'is-selected'"
@click="toggleSelected(imeiRec)"
>
<td class="is-narrow">
<label class="checkbox">
<input
type="checkbox"
:checked="
store.selectedImeis.find((i) => i.imei === imeiRec.imei) ||
selectedImeis.find((i) => i.imei === imeiRec.imei)
"
:checked="selectedImeis.find((i) => i.imei === imeiRec.imei)"
/>
</label>
</td>
<td class="is-narrow">{{ i + 1 }}</td>
<td class="is-family-monospace">{{ imeiRec.imei }}</td>
<td>{{ imeiRec.deleted ? "Không có sẵn" : "Có sẵn" }}</td>
<td>
<span :class="['tag is-light', imeiRec.deleted ? 'is-danger' : 'is-success']">{{
imeiRec.deleted ? "Không có sẵn" : "Có sẵn"
}}</span>
</td>
</tr>
</tbody>
</table>