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

@@ -4,7 +4,7 @@ import { remove } from "es-toolkit";
const props = defineProps({
imei: Object,
});
const { $copyToClipboard, $numtoString, $snackbar } = useNuxtApp();
const { $numtoString, $snackbar } = useNuxtApp();
const store = useStore();
function removeFromCart() {
remove(store.selectedImeis, (imeiRec) => imeiRec.id === props.imei.id);
@@ -14,7 +14,7 @@ function removeFromCart() {
<template>
<div class="card m-0">
<div class="card-content p-4 is-flex is-gap-3 is-justify-content-space-between is-align-items-center">
<div class="card-content p-4 is-flex is-gap-2 is-justify-content-space-between is-align-items-center">
<div class="is-flex is-gap-4 is-justify-content-space-between is-align-items-center is-flex-grow-1">
<div class="media m-0">
<div class="media-left">
@@ -24,30 +24,16 @@ function removeFromCart() {
</div>
<div class="media-content">
<p class="font-bold fs-15">{{ imei.variant__product__name }}</p>
<p class="fs-13">
<p class="fs-13 has-text-grey">
<span>{{ imei.variant__ram__code }}</span>
<span> </span>
<span>{{ imei.variant__internal_storage__code }}</span>
<span> </span>
<span>{{ imei.variant__color__name }}</span>
</p>
<div class="fs-13 is-flex is-gap-0.5 is-align-items-center">
<span class="is-family-monospace">IMEI: {{ imei.imei }}</span>
<button
class="button is-small size-7 p-0 is-primary is-light is-rounded"
@click="$copyToClipboard(imei.imei)"
>
<span class="icon">
<Icon
name="material-symbols:content-copy-outline-rounded"
:size="14"
/>
</span>
</button>
</div>
</div>
</div>
<p class="has-text-primary-50 font-semibold">{{ $numtoString(imei.variant__price, { hasUnit: true }) }}</p>
<p class="has-text-primary-50 font-medium">{{ $numtoString(imei.variant__price, { hasUnit: true }) }}</p>
</div>
<div>
<button