From 8f95fee8a77bccd67b57f46df97e67d225b771e9 Mon Sep 17 00:00:00 2001
From: Viet An <tiktaktictac269@gmail.com>
Date: Thu, 21 May 2026 09:45:01 +0700
Subject: [PATCH] changes

---
 app/components/SearchBox.vue                  | 36 ++++++++-----------
 app/components/imports/addons/AddBattery.vue  |  4 ++-
 app/components/imports/addons/AddCPU.vue      |  4 ++-
 app/components/imports/addons/AddCamera.vue   |  4 ++-
 .../imports/addons/AddChargingTechnology.vue  |  4 ++-
 app/components/imports/addons/AddColor.vue    |  4 ++-
 app/components/imports/addons/AddDesign.vue   |  4 ++-
 .../imports/addons/AddExternalStorage.vue     |  4 ++-
 app/components/imports/addons/AddGPU.vue      |  4 ++-
 app/components/imports/addons/AddIPRating.vue |  4 ++-
 .../imports/addons/AddInternalStorage.vue     |  4 ++-
 .../imports/addons/AddManufacturer.vue        |  4 ++-
 .../imports/addons/AddNetworkTechnology.vue   |  4 ++-
 app/components/imports/addons/AddOS.vue       |  5 ++-
 app/components/imports/addons/AddRAM.vue      |  4 ++-
 app/components/imports/addons/AddSIM.vue      |  4 ++-
 app/components/imports/addons/AddScreen.vue   |  4 ++-
 app/plugins/02-connection.js                  | 14 ++++----
 18 files changed, 70 insertions(+), 45 deletions(-)

diff --git a/app/components/SearchBox.vue b/app/components/SearchBox.vue
index 0a54a43..6bae37e 100644
--- a/app/components/SearchBox.vue
+++ b/app/components/SearchBox.vue
@@ -26,7 +26,7 @@
               @blur="lostFocus"
               @keyup.enter="pressEnter"
               @keyup.esc="lostFocus"
-              @input="(e) => debouncedGetSuggestions(e.target.value)"
+              @input="debouncedGetSuggestions($event.target.value)"
               v-model="value"
               :placeholder="placeholder"
             />
@@ -96,7 +96,7 @@
       >
         <button
           class="button is-primary is-light"
-          @click="viewInfo()"
+          @click="viewInfo"
           style="height: 100%"
           type="button"
         >
@@ -167,9 +167,18 @@ const showmodal = ref();
 const params = ref(props.api && $findapi(props.api).params);
 const orgdata = ref();
 const focused = ref(false);
-const pos = ref();
-
-getPos();
+const pos = computed(() => {
+  switch (props.position) {
+    case "is-top-left":
+      return "is-up is-left";
+    case "is-top-right":
+      return "is-up is-right";
+    case "is-bottom-left":
+      return "is-right";
+    case "is-bottom-right":
+      return "is-right";
+  }
+});
 
 if (props.vdata) {
   orgdata.value = props.vdata;
@@ -357,23 +366,6 @@ function viewInfo() {
     vbind: { row: selected.value },
   };
 }
-
-function getPos() {
-  switch (props.position) {
-    case "is-top-left":
-      pos.value = "is-up is-left";
-      break;
-    case "is-top-right":
-      pos.value = "is-up is-right";
-      break;
-    case "is-bottom-left":
-      pos.value = "is-right";
-      break;
-    case "is-bottom-right":
-      pos.value = "is-right";
-      break;
-  }
-}
 </script>
 <style scoped>
 .control.is-loading::after {
diff --git a/app/components/imports/addons/AddBattery.vue b/app/components/imports/addons/AddBattery.vue
index 5835524..d18b361 100644
--- a/app/components/imports/addons/AddBattery.vue
+++ b/app/components/imports/addons/AddBattery.vue
@@ -1,5 +1,6 @@
 <script setup>
 const { $empty, $insertapi } = useNuxtApp();
+const emit = defineEmits(["modalevent"]);
 
 const isLoading = ref(false);
 const body = ref({
@@ -10,7 +11,8 @@ const body = ref({
 
 async function submit() {
   isLoading.value = true;
-  await $insertapi("Battery", body.value);
+  const newRow = await $insertapi("Battery", body.value);
+  emit("modalevent", { name: "dataevent", data: newRow });
   isLoading.value = false;
 }
 </script>
diff --git a/app/components/imports/addons/AddCPU.vue b/app/components/imports/addons/AddCPU.vue
index 878c7c1..4419364 100644
--- a/app/components/imports/addons/AddCPU.vue
+++ b/app/components/imports/addons/AddCPU.vue
@@ -1,5 +1,6 @@
 <script setup>
 const { $empty, $insertapi } = useNuxtApp();
+const emit = defineEmits(["modalevent"]);
 
 const isLoading = ref(false);
 const body = ref({
@@ -10,7 +11,8 @@ const body = ref({
 
 async function submit() {
   isLoading.value = true;
-  await $insertapi("CPU", body.value);
+  const newRow = await $insertapi("CPU", body.value);
+  emit("modalevent", { name: "dataevent", data: newRow });
   isLoading.value = false;
 }
 </script>
diff --git a/app/components/imports/addons/AddCamera.vue b/app/components/imports/addons/AddCamera.vue
index 8092926..56428d2 100644
--- a/app/components/imports/addons/AddCamera.vue
+++ b/app/components/imports/addons/AddCamera.vue
@@ -1,5 +1,6 @@
 <script setup>
 const { $empty, $insertapi } = useNuxtApp();
+const emit = defineEmits(["modalevent"]);
 
 const isLoading = ref(false);
 const body = ref({
@@ -10,7 +11,8 @@ const body = ref({
 
 async function submit() {
   isLoading.value = true;
-  await $insertapi("Camera_System", body.value);
+  const newRow = await $insertapi("Camera_System", body.value);
+  emit("modalevent", { name: "dataevent", data: newRow });
   isLoading.value = false;
 }
 </script>
diff --git a/app/components/imports/addons/AddChargingTechnology.vue b/app/components/imports/addons/AddChargingTechnology.vue
index 1dad57b..64995fe 100644
--- a/app/components/imports/addons/AddChargingTechnology.vue
+++ b/app/components/imports/addons/AddChargingTechnology.vue
@@ -1,5 +1,6 @@
 <script setup>
 const { $empty, $insertapi } = useNuxtApp();
+const emit = defineEmits(["modalevent"]);
 
 const isLoading = ref(false);
 const body = ref({
@@ -10,7 +11,8 @@ const body = ref({
 
 async function submit() {
   isLoading.value = true;
-  await $insertapi("Charging_Technology", body.value);
+  const newRow = await $insertapi("Charging_Technology", body.value);
+  emit("modalevent", { name: "dataevent", data: newRow });
   isLoading.value = false;
 }
 </script>
diff --git a/app/components/imports/addons/AddColor.vue b/app/components/imports/addons/AddColor.vue
index 663e024..977a5c5 100644
--- a/app/components/imports/addons/AddColor.vue
+++ b/app/components/imports/addons/AddColor.vue
@@ -1,5 +1,6 @@
 <script setup>
 const { $empty, $insertapi } = useNuxtApp();
+const emit = defineEmits(["modalevent"]);
 
 const isLoading = ref(false);
 const body = ref({
@@ -10,7 +11,8 @@ const body = ref({
 
 async function submit() {
   isLoading.value = true;
-  await $insertapi("Color", body.value);
+  const newRow = await $insertapi("Color", body.value);
+  emit("modalevent", { name: "dataevent", data: newRow });
   isLoading.value = false;
 }
 </script>
diff --git a/app/components/imports/addons/AddDesign.vue b/app/components/imports/addons/AddDesign.vue
index 4653af5..ac82d4d 100644
--- a/app/components/imports/addons/AddDesign.vue
+++ b/app/components/imports/addons/AddDesign.vue
@@ -1,5 +1,6 @@
 <script setup>
 const { $empty, $insertapi } = useNuxtApp();
+const emit = defineEmits(["modalevent"]);
 
 const isLoading = ref(false);
 const body = ref({
@@ -10,7 +11,8 @@ const body = ref({
 
 async function submit() {
   isLoading.value = true;
-  await $insertapi("Design", body.value);
+  const newRow = await $insertapi("Design", body.value);
+  emit("modalevent", { name: "dataevent", data: newRow });
   isLoading.value = false;
 }
 </script>
diff --git a/app/components/imports/addons/AddExternalStorage.vue b/app/components/imports/addons/AddExternalStorage.vue
index b1c7ec2..98f5cf4 100644
--- a/app/components/imports/addons/AddExternalStorage.vue
+++ b/app/components/imports/addons/AddExternalStorage.vue
@@ -1,5 +1,6 @@
 <script setup>
 const { $empty, $insertapi } = useNuxtApp();
+const emit = defineEmits(["modalevent"]);
 
 const isLoading = ref(false);
 const body = ref({
@@ -9,7 +10,8 @@ const body = ref({
 
 async function submit() {
   isLoading.value = true;
-  await $insertapi("External_Storage", body.value);
+  const newRow = await $insertapi("External_Storage", body.value);
+  emit("modalevent", { name: "dataevent", data: newRow });
   isLoading.value = false;
 }
 </script>
diff --git a/app/components/imports/addons/AddGPU.vue b/app/components/imports/addons/AddGPU.vue
index dac541d..e953efd 100644
--- a/app/components/imports/addons/AddGPU.vue
+++ b/app/components/imports/addons/AddGPU.vue
@@ -1,5 +1,6 @@
 <script setup>
 const { $empty, $insertapi } = useNuxtApp();
+const emit = defineEmits(["modalevent"]);
 
 const isLoading = ref(false);
 const body = ref({
@@ -9,7 +10,8 @@ const body = ref({
 
 async function submit() {
   isLoading.value = true;
-  await $insertapi("GPU", body.value);
+  const newRow = await $insertapi("GPU", body.value);
+  emit("modalevent", { name: "dataevent", data: newRow });
   isLoading.value = false;
 }
 </script>
diff --git a/app/components/imports/addons/AddIPRating.vue b/app/components/imports/addons/AddIPRating.vue
index 49754dc..10e3850 100644
--- a/app/components/imports/addons/AddIPRating.vue
+++ b/app/components/imports/addons/AddIPRating.vue
@@ -1,5 +1,6 @@
 <script setup>
 const { $empty, $insertapi } = useNuxtApp();
+const emit = defineEmits(["modalevent"]);
 
 const isLoading = ref(false);
 const body = ref({
@@ -9,7 +10,8 @@ const body = ref({
 
 async function submit() {
   isLoading.value = true;
-  await $insertapi("IP_Rating", body.value);
+  const newRow = await $insertapi("IP_Rating", body.value);
+  emit("modalevent", { name: "dataevent", data: newRow });
   isLoading.value = false;
 }
 </script>
diff --git a/app/components/imports/addons/AddInternalStorage.vue b/app/components/imports/addons/AddInternalStorage.vue
index 4cde45c..dec88af 100644
--- a/app/components/imports/addons/AddInternalStorage.vue
+++ b/app/components/imports/addons/AddInternalStorage.vue
@@ -2,6 +2,7 @@
 import InputNumber from "@/components/common/InputNumber.vue";
 
 const { $empty, $insertapi } = useNuxtApp();
+const emit = defineEmits(["modalevent"]);
 
 const isLoading = ref(false);
 const body = ref({
@@ -11,7 +12,8 @@ const body = ref({
 
 async function submit() {
   isLoading.value = true;
-  await $insertapi("Internal_Storage", body.value);
+  const newRow = await $insertapi("Internal_Storage", body.value);
+  emit("modalevent", { name: "dataevent", data: newRow });
   isLoading.value = false;
 }
 </script>
diff --git a/app/components/imports/addons/AddManufacturer.vue b/app/components/imports/addons/AddManufacturer.vue
index d7d0fa6..43812f6 100644
--- a/app/components/imports/addons/AddManufacturer.vue
+++ b/app/components/imports/addons/AddManufacturer.vue
@@ -1,5 +1,6 @@
 <script setup>
 const { $empty, $insertapi } = useNuxtApp();
+const emit = defineEmits(["modalevent"]);
 
 const isLoading = ref(false);
 const body = ref({
@@ -9,7 +10,8 @@ const body = ref({
 
 async function submit() {
   isLoading.value = true;
-  await $insertapi("Manufacturer", body.value);
+  const newRow = await $insertapi("Manufacturer", body.value);
+  emit("modalevent", { name: "dataevent", data: newRow });
   isLoading.value = false;
 }
 </script>
diff --git a/app/components/imports/addons/AddNetworkTechnology.vue b/app/components/imports/addons/AddNetworkTechnology.vue
index b7620be..17c2ad7 100644
--- a/app/components/imports/addons/AddNetworkTechnology.vue
+++ b/app/components/imports/addons/AddNetworkTechnology.vue
@@ -1,5 +1,6 @@
 <script setup>
 const { $empty, $insertapi } = useNuxtApp();
+const emit = defineEmits(["modalevent"]);
 
 const isLoading = ref(false);
 const body = ref({
@@ -9,7 +10,8 @@ const body = ref({
 
 async function submit() {
   isLoading.value = true;
-  await $insertapi("Network_Technology", body.value);
+  const newRow = await $insertapi("Network_Technology", body.value);
+  emit("modalevent", { name: "dataevent", data: newRow });
   isLoading.value = false;
 }
 </script>
diff --git a/app/components/imports/addons/AddOS.vue b/app/components/imports/addons/AddOS.vue
index d7674c1..f13cd85 100644
--- a/app/components/imports/addons/AddOS.vue
+++ b/app/components/imports/addons/AddOS.vue
@@ -1,5 +1,6 @@
 <script setup>
 const { $empty, $insertapi } = useNuxtApp();
+const emit = defineEmits(["modalevent"]);
 
 const isLoading = ref(false);
 const body = ref({
@@ -10,7 +11,9 @@ const body = ref({
 
 async function submit() {
   isLoading.value = true;
-  await $insertapi("OS", body.value);
+  const newRow = await $insertapi("OS", body.value);
+  emit("modalevent", { name: "dataevent", data: newRow });
+
   isLoading.value = false;
 }
 </script>
diff --git a/app/components/imports/addons/AddRAM.vue b/app/components/imports/addons/AddRAM.vue
index e60c068..33663ce 100644
--- a/app/components/imports/addons/AddRAM.vue
+++ b/app/components/imports/addons/AddRAM.vue
@@ -2,6 +2,7 @@
 import InputNumber from "@/components/common/InputNumber.vue";
 
 const { $empty, $insertapi } = useNuxtApp();
+const emit = defineEmits(["modalevent"]);
 
 const isLoading = ref(false);
 const body = ref({
@@ -11,7 +12,8 @@ const body = ref({
 
 async function submit() {
   isLoading.value = true;
-  await $insertapi("RAM", body.value);
+  const newRow = await $insertapi("RAM", body.value);
+  emit("modalevent", { name: "dataevent", data: newRow });
   isLoading.value = false;
 }
 </script>
diff --git a/app/components/imports/addons/AddSIM.vue b/app/components/imports/addons/AddSIM.vue
index d2894ee..78a6801 100644
--- a/app/components/imports/addons/AddSIM.vue
+++ b/app/components/imports/addons/AddSIM.vue
@@ -2,6 +2,7 @@
 import InputNumber from "@/components/common/InputNumber.vue";
 
 const { $empty, $insertapi } = useNuxtApp();
+const emit = defineEmits(["modalevent"]);
 
 const isLoading = ref(false);
 const body = ref({
@@ -12,7 +13,8 @@ const body = ref({
 
 async function submit() {
   isLoading.value = true;
-  await $insertapi("SIM", body.value);
+  const newRow = await $insertapi("SIM", body.value);
+  emit("modalevent", { name: "dataevent", data: newRow });
   isLoading.value = false;
 }
 </script>
diff --git a/app/components/imports/addons/AddScreen.vue b/app/components/imports/addons/AddScreen.vue
index 8d33f61..d4b6e27 100644
--- a/app/components/imports/addons/AddScreen.vue
+++ b/app/components/imports/addons/AddScreen.vue
@@ -1,5 +1,6 @@
 <script setup>
 const { $empty, $insertapi } = useNuxtApp();
+const emit = defineEmits(["modalevent"]);
 
 const isLoading = ref(false);
 const body = ref({
@@ -15,7 +16,8 @@ const body = ref({
 
 async function submit() {
   isLoading.value = true;
-  await $insertapi("Screen", body.value);
+  const newRow = await $insertapi("Screen", body.value);
+  emit("modalevent", { name: "dataevent", data: newRow });
   isLoading.value = false;
 }
 </script>
diff --git a/app/plugins/02-connection.js b/app/plugins/02-connection.js
index 57d96ad..053603f 100644
--- a/app/plugins/02-connection.js
+++ b/app/plugins/02-connection.js
@@ -1197,18 +1197,18 @@ export default defineNuxtPlugin((nuxtApp) => {
       const found = findapi(name);
       const curpath = found.path ? paths.find((x) => x.name === found.path).url : path;
       let rs;
-      if (!Array.isArray(data)) {
-        rs = await $fetch(`${curpath}${found.url}`, {
-          method: "POST",
-          body: data,
-          params: { values },
-        });
-      } else {
+      if (Array.isArray(data)) {
         rs = await $fetch(`${curpath}import-data/${found.url.substring(5, found.url.length - 1)}/`, {
           method: "POST",
           body: data,
           params: { values, action: "import" },
         });
+      } else {
+        rs = await $fetch(`${curpath}${found.url}`, {
+          method: "POST",
+          body: data,
+          params: { values },
+        });
       }
       // update store
       if (found.commit) {