From f5123ee0185a5bf1b3cc8dc382c4b872dfff5edf Mon Sep 17 00:00:00 2001
From: Viet An <tiktaktictac269@gmail.com>
Date: Tue, 5 May 2026 15:15:50 +0700
Subject: [PATCH] changes

---
 app/components/TopMenu.vue                  | 247 ++------------------
 app/components/exports/ExportsAssembled.vue |   3 +
 app/components/exports/ExportsDamaged.vue   |   3 +
 app/components/exports/ExportsInternal.vue  |   3 +
 app/components/imports/Returns.vue          |   3 +
 app/components/maintab/Configuration.vue    |  18 --
 app/components/receipts/CreateReceipts.vue  |   3 +
 app/components/receipts/Return.vue          |   3 +
 app/pages/index.vue                         |   3 +-
 app/plugins/02-connection.js                |   5 +-
 app/plugins/03-api-loader.js                |   1 +
 app/plugins/04-components.js                |  14 +-
 app/stores/index.js                         |   5 +-
 13 files changed, 54 insertions(+), 257 deletions(-)
 create mode 100644 app/components/exports/ExportsAssembled.vue
 create mode 100644 app/components/exports/ExportsDamaged.vue
 create mode 100644 app/components/exports/ExportsInternal.vue
 create mode 100644 app/components/imports/Returns.vue
 create mode 100644 app/components/receipts/CreateReceipts.vue
 create mode 100644 app/components/receipts/Return.vue

diff --git a/app/components/TopMenu.vue b/app/components/TopMenu.vue
index 5f1b060..bd590a2 100644
--- a/app/components/TopMenu.vue
+++ b/app/components/TopMenu.vue
@@ -126,243 +126,24 @@ import { watch } from "vue";
 const router = useRouter();
 const route = useRoute();
 const emit = defineEmits(["changetab", "langChanged"]);
-const { $find, $filter, $findIndex, $store } = useNuxtApp();
+const { $find, $filter, $store } = useNuxtApp();
 const lang = ref($store.lang);
-// var menu = $filter($store.common, { category: "topmenu" });
-const menu = [
-  {
-    id: 1,
-    category: "topmenu",
-    classify: "left",
-    code: "dashboard",
-    vi: "Dashboard",
-    link: null,
-    detail: {
-      base: "Dashboard",
-      component: "DashboardMaster",
-    },
-    index: 0,
-  },
-  {
-    id: 2,
-    category: "topmenu",
-    classify: "left",
-    code: "orders",
-    vi: "Đơn hàng",
-    link: null,
-    detail: {
-      base: "Orders",
-      component: "OrdersMaster",
-    },
-    index: 0,
-  },
-  {
-    id: 1,
-    category: "topmenu",
-    classify: "left",
-    code: "inventory",
-    vi: "Tồn kho",
-    link: null,
-    detail: {
-      base: "Inventory",
-      component: "InventoryMaster",
-    },
-    index: 0,
-  },
-  {
-    id: 1,
-    category: "topmenu",
-    classify: "left",
-    code: "rights",
-    vi: "Phân quyền",
-    link: null,
-    detail: {
-      base: "Rights",
-      component: "RightsMaster",
-    },
-    index: 0,
-  },
-  {
-    id: 1,
-    category: "topmenu",
-    classify: "left",
-    code: "POS",
-    vi: "POS",
-    link: null,
-    detail: {
-      base: "POS",
-      component: "POSMaster",
-    },
-    index: 0,
-  },
-  {
-    id: 1,
-    category: "topmenu",
-    classify: "left",
-    code: "receipts",
-    vi: "Hoá đơn",
-    link: null,
-    detail: {
-      base: "Receipts",
-      component: "ReceiptsMaster",
-    },
-    index: 0,
-  },
-  {
-    id: 1,
-    category: "topmenu",
-    classify: "left",
-    code: "imports",
-    vi: "Nhập hàng",
-    link: null,
-    detail: {
-      base: "Imports",
-      component: "ImportsMaster",
-    },
-    index: 0,
-  },
-  {
-    id: 1,
-    category: "topmenu",
-    classify: "left",
-    code: "exports",
-    vi: "Xuất hàng",
-    link: null,
-    detail: {
-      base: "Exports",
-      component: "ExportsMaster",
-    },
-    index: 0,
-  },
-  {
-    id: 1,
-    category: "topmenu",
-    classify: "left",
-    code: "inventory-transfer",
-    vi: "Chuyển kho",
-    link: null,
-    detail: {
-      base: "InventoryTransfer",
-      component: "InventoryTransferMaster",
-    },
-    index: 0,
-  },
-  {
-    id: 1,
-    category: "topmenu",
-    classify: "left",
-    code: "inventory-count",
-    vi: "Kiểm kho",
-    link: null,
-    detail: {
-      base: "InventoryCount",
-      component: "InventoryCountMaster",
-    },
-    index: 0,
-  },
-  {
-    id: 1,
-    category: "topmenu",
-    classify: "left",
-    code: "cash-book",
-    vi: "Sổ quỹ",
-    link: null,
-    detail: {
-      base: "CashBook",
-      component: "CashBookMaster",
-    },
-    index: 0,
-  },
-  {
-    id: 1,
-    category: "topmenu",
-    classify: "left",
-    code: "report",
-    vi: "Báo cáo",
-    link: null,
-    submenu: [
-      {
-        id: 1,
-        category: "submenu",
-        classify: "report",
-        code: "ncc",
-        vi: "NCC",
-        link: null,
-        detail: {
-          base: "NCC",
-          component: "NCCMaster",
-        },
-        index: 0,
-      },
-      {
-        id: 1,
-        category: "submenu",
-        classify: "report",
-        code: "customers",
-        vi: "Khách hàng",
-        link: null,
-        detail: {
-          base: "Customers",
-          component: "CustomersMaster",
-        },
-        index: 0,
-      },
-      {
-        id: 1,
-        category: "submenu",
-        classify: "report",
-        code: "goods",
-        vi: "Hàng hoá",
-        link: null,
-        detail: {
-          base: "Goods",
-          component: "GoodsMaster",
-        },
-        index: 0,
-      },
-      {
-        id: 1,
-        category: "submenu",
-        classify: "report",
-        code: "report-cash-book",
-        vi: "Sổ quỹ",
-        link: null,
-        detail: {
-          base: "ReportCashBook",
-          component: "ReportCashBookMaster",
-        },
-        index: 0,
-      },
-      {
-        id: 1,
-        category: "submenu",
-        classify: "report",
-        code: "finance",
-        vi: "Tài chính",
-        link: null,
-        detail: {
-          base: "Finance",
-          component: "FinanceMaster",
-        },
-        index: 0,
-      },
-    ],
-    index: 0,
-  },
-];
+const menu = $filter($store.common, { category: "topmenu" });
 // if($store.rights.length>0) {
 //   menu = menu.filter(v=>$findIndex($store.rights, {setting: v.id})>=0)
 // }
 if (menu.length === 0) {
   $snackbar($store.lang === "vi" ? "Bạn không có quyền truy cập" : "You do not have permission to access.");
 }
-// menu.map(v=>{
-//   let arr = $filter($store.common, {category: 'submenu', classify: v.code})
-//   if($store.rights.length>0) {
-//     arr = arr.filter(x=>$findIndex($store.rights, {setting: x.id})>=0)
-//   }
-//   v.submenu = arr.length>0? arr : null
-// })
+
+menu.forEach((topmenu) => {
+  let submenus = $filter($store.common, { category: "submenu", classify: topmenu.code });
+  if ($store.rights.length > 0) {
+    submenus = submenus.filter((x) => $findIndex($store.rights, { setting: x.id }) >= 0);
+  }
+  topmenu.submenu = submenus.length > 0 ? submenus : null;
+});
+
 var leftmenu = $filter(menu, { category: "topmenu", classify: "left" });
 var currentTab = ref(leftmenu.length > 0 ? leftmenu[0] : undefined);
 var subTab = ref();
@@ -401,7 +182,7 @@ function openProfile() {
     component: "user/Profile",
     width: "1100px",
     height: "360px",
-    title: $store.lang === "vi" ? "Thông tin cá nhân" : '"User profile"',
+    title: $store.lang === "vi" ? "Thông tin cá nhân" : "User profile",
   };
   $store.commit("showmodal", modal);
 }
@@ -433,6 +214,10 @@ watch(
 );
 </script>
 <style scoped>
+a[class^="navbar"] {
+  padding: 0.4rem 0.6rem;
+}
+
 .navbar-dropdown {
   padding-block: 0.375rem;
   overflow: hidden;
diff --git a/app/components/exports/ExportsAssembled.vue b/app/components/exports/ExportsAssembled.vue
new file mode 100644
index 0000000..afa3e07
--- /dev/null
+++ b/app/components/exports/ExportsAssembled.vue
@@ -0,0 +1,3 @@
+<script lang="ts" setup></script>
+
+<template>ExportsAssembled</template>
diff --git a/app/components/exports/ExportsDamaged.vue b/app/components/exports/ExportsDamaged.vue
new file mode 100644
index 0000000..cd6fc16
--- /dev/null
+++ b/app/components/exports/ExportsDamaged.vue
@@ -0,0 +1,3 @@
+<script lang="ts" setup></script>
+
+<template>ExportsDamaged</template>
diff --git a/app/components/exports/ExportsInternal.vue b/app/components/exports/ExportsInternal.vue
new file mode 100644
index 0000000..1a8ce17
--- /dev/null
+++ b/app/components/exports/ExportsInternal.vue
@@ -0,0 +1,3 @@
+<script lang="ts" setup></script>
+
+<template>ExportsInternal</template>
diff --git a/app/components/imports/Returns.vue b/app/components/imports/Returns.vue
new file mode 100644
index 0000000..64634fe
--- /dev/null
+++ b/app/components/imports/Returns.vue
@@ -0,0 +1,3 @@
+<script lang="ts" setup></script>
+
+<template>Returns</template>
diff --git a/app/components/maintab/Configuration.vue b/app/components/maintab/Configuration.vue
index 4709251..39df420 100644
--- a/app/components/maintab/Configuration.vue
+++ b/app/components/maintab/Configuration.vue
@@ -166,24 +166,6 @@ var array = [
       },
     },
   },
-  // {
-  //   code: "allocationRules",
-  //   name: "Quy tắc phân bổ",
-  //   typeView: "component",
-  //   component: defineAsyncComponent(() => import("@/components/parameter/AllocationRules.vue")),
-  //   vbind: {
-  //     api: "common",
-  //     setting: "parameter-gift",
-  //     pagename: "tableDiscountType",
-  //     timeopt: 36000,
-  //     modal: {
-  //       component: "parameter/AllocationRules",
-  //       title: "Thông tin quà tặng",
-  //       height: "400px",
-  //       vbind: { api: "gift" },
-  //     },
-  //   },
-  // },
 ];
 var current = ref(array[0]);
 function changeTab(v) {
diff --git a/app/components/receipts/CreateReceipts.vue b/app/components/receipts/CreateReceipts.vue
new file mode 100644
index 0000000..7410723
--- /dev/null
+++ b/app/components/receipts/CreateReceipts.vue
@@ -0,0 +1,3 @@
+<script lang="ts" setup></script>
+
+<template>CreateReceipts</template>
diff --git a/app/components/receipts/Return.vue b/app/components/receipts/Return.vue
new file mode 100644
index 0000000..ff2a815
--- /dev/null
+++ b/app/components/receipts/Return.vue
@@ -0,0 +1,3 @@
+<script lang="ts" setup></script>
+
+<template>Return</template>
diff --git a/app/pages/index.vue b/app/pages/index.vue
index 74f29aa..35f7d44 100644
--- a/app/pages/index.vue
+++ b/app/pages/index.vue
@@ -10,12 +10,13 @@
           <div class="fs-17 font-semibold is-flex is-gap-1 is-align-items-center mb-1">
             <div
               v-if="subtab"
-              class="is-flex is-gap-0.5 is-align-items-center"
+              class="is-flex is-gap-1 is-align-items-center"
             >
               <span>{{ tab[$store.lang] }}</span>
               <Icon
                 name="material-symbols:arrow-forward-ios-rounded"
                 :size="16"
+                class="has-text-grey"
               />
               <span>{{ subtab[$store.lang] }}</span>
             </div>
diff --git a/app/plugins/02-connection.js b/app/plugins/02-connection.js
index eeda625..c94da63 100644
--- a/app/plugins/02-connection.js
+++ b/app/plugins/02-connection.js
@@ -1,7 +1,6 @@
 // nuxt 3 - plugins/my-plugin.ts
 import { useStore } from "~/stores/index";
 import axios from "axios";
-import { io } from "socket.io-client";
 
 export default defineNuxtPlugin(() => {
   const module = "application";
@@ -338,8 +337,8 @@ export default defineNuxtPlugin(() => {
     {
       name: "common",
       commit: "common",
-      url: "data/Biz_Setting/",
-      url_detail: "data-detail/Biz_Setting/",
+      url: "data/Common/",
+      url_detail: "data-detail/Common/",
       params: { sort: "index" },
     },
     { name: "upload", url: "upload/", params: {} },
diff --git a/app/plugins/03-api-loader.js b/app/plugins/03-api-loader.js
index 682d0c3..9a5576f 100644
--- a/app/plugins/03-api-loader.js
+++ b/app/plugins/03-api-loader.js
@@ -4,6 +4,7 @@ export default defineNuxtPlugin(async (nuxtApp) => {
     "datatype",
     "filterchoice",
     "colorchoice",
+    "common",
     "textalign",
     "placement",
     "colorscheme",
diff --git a/app/plugins/04-components.js b/app/plugins/04-components.js
index df05212..d29953e 100644
--- a/app/plugins/04-components.js
+++ b/app/plugins/04-components.js
@@ -4,9 +4,14 @@ import Orders from "@/components/orders/Orders.vue";
 import Inventory from "@/components/inventory/Inventory.vue";
 import Rights from "@/components/rights/Rights.vue";
 import POS from "@/components/pos/POS.vue";
-import Receipts from "@/components/receipts/Receipts.vue";
+import CreateReceipts from "@/components/receipts/CreateReceipts.vue";
+import Return from "@/components/receipts/Return.vue";
 import Imports from "@/components/imports/Imports.vue";
+import Returns from "@/components/imports/Returns.vue";
 import Exports from "@/components/exports/Exports.vue";
+import ExportsDamaged from "@/components/exports/ExportsDamaged.vue";
+import ExportsInternal from "@/components/exports/ExportsInternal.vue";
+import ExportsAssembled from "@/components/exports/ExportsAssembled.vue";
 import InventoryTransfer from "@/components/inventory-transfer/InventoryTransfer.vue";
 import InventoryCount from "@/components/inventory-count/InventoryCount.vue";
 import CashBook from "@/components/cash-book/CashBook.vue";
@@ -141,9 +146,14 @@ const components = {
   Inventory,
   Rights,
   POS,
-  Receipts,
+  CreateReceipts,
+  Return,
   Imports,
+  Returns,
   Exports,
+  ExportsDamaged,
+  ExportsInternal,
+  ExportsAssembled,
   InventoryTransfer,
   InventoryCount,
   CashBook,
diff --git a/app/stores/index.js b/app/stores/index.js
index 2ff0d55..ea912d0 100644
--- a/app/stores/index.js
+++ b/app/stores/index.js
@@ -13,8 +13,6 @@ export const useStore = defineStore("maindev", {
     productdocument: undefined,
     applicationstatus: undefined,
     applicationproduct: undefined,
-    lastlegendfiltertab: "Giỏ hàng",
-    layersetting: undefined,
     country: undefined,
     lang: "vi",
     branch: {},
@@ -24,6 +22,9 @@ export const useStore = defineStore("maindev", {
   }),
   actions: {
     commit(name, data) {
+      // if (name === "common") {
+      //   console.trace("commit", name, data);
+      // }
       this[name] = data;
     },
     removeSnackbar() {