added dark mode

src/pages/menuPages/configuration/SettingCard.vue

@@ -67,10 +67,10 @@ const help = computed(() => helpText(props.row))
 
 <style lang="less" scoped>
 .setting-card {
-  border: 1px solid #e8e8e8;
+  border: 1px solid var(--admin-border);
   border-radius: 10px;
   padding: 14px 16px;
-  background: #fff;
+  background: var(--admin-bg-elevated);
   min-height: 108px;
   transition: border-color 0.2s, box-shadow 0.2s;
   height: 100%;
@@ -83,7 +83,7 @@ const help = computed(() => helpText(props.row))
   }
 
   &--readonly {
-    background: #fafafa;
+    background: var(--admin-bg-muted);
   }
 
   &--saving {
@@ -109,14 +109,14 @@ const help = computed(() => helpText(props.row))
   &__title {
     font-weight: 600;
     font-size: 14px;
-    color: rgba(0, 0, 0, 0.88);
+    color: var(--admin-text);
     line-height: 1.45;
   }
 
   &__key {
     margin-top: 6px;
     font-size: 12px;
-    color: rgba(0, 0, 0, 0.45);
+    color: var(--admin-text-secondary);
     direction: ltr;
     text-align: right;
     word-break: break-all;
@@ -125,7 +125,7 @@ const help = computed(() => helpText(props.row))
   &__help {
     margin-top: 4px;
     font-size: 11px;
-    color: rgba(0, 0, 0, 0.45);
+    color: var(--admin-text-secondary);
     line-height: 1.35;
   }
 
@@ -143,7 +143,7 @@ const help = computed(() => helpText(props.row))
   &__status {
     margin-top: 8px;
     font-size: 11px;
-    color: rgba(0, 0, 0, 0.45);
+    color: var(--admin-text-secondary);
     display: flex;
     align-items: center;
     gap: 6px;

src/pages/menuPages/configuration/index.vue

@@ -589,8 +589,8 @@ async function ok() {
   align-items: flex-end;
   margin-bottom: 20px;
   padding: 14px 16px;
-  background: #fafafa;
-  border: 1px solid #f0f0f0;
+  background: var(--admin-bg-elevated);
+  border: 1px solid var(--admin-border);
   border-radius: 8px;
 
   &__search {
@@ -621,7 +621,7 @@ async function ok() {
   &__label {
     font-size: 12px;
     font-weight: 500;
-    color: rgba(0, 0, 0, 0.55);
+    color: var(--admin-text-secondary);
     line-height: 1;
   }
 
@@ -633,10 +633,10 @@ async function ok() {
 .settings-section-title {
   font-size: 13px;
   font-weight: 600;
-  color: rgba(0, 0, 0, 0.55);
+  color: var(--admin-text-secondary);
   margin-bottom: 12px;
   padding-bottom: 6px;
-  border-bottom: 1px solid #f0f0f0;
+  border-bottom: 1px solid var(--admin-border);
 
   &--spaced {
     margin-top: 28px;
@@ -659,11 +659,11 @@ async function ok() {
 
 .settings-collapse :deep(.ant-collapse-item) {
   margin-bottom: 12px;
-  background: #fff;
-  border: 1px solid #f0f0f0;
+  background: var(--admin-bg-elevated);
+  border: 1px solid var(--admin-border);
   border-radius: 10px;
   overflow: hidden;
-  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
+  box-shadow: 0 1px 3px var(--admin-shadow);
   transition: box-shadow 0.2s ease, border-color 0.2s ease;
 }
 
@@ -674,10 +674,10 @@ async function ok() {
 
 .settings-collapse :deep(.ant-collapse-header) {
   padding: 14px 18px !important;
-  background: linear-gradient(90deg, #fafafa 0%, #fff 100%);
+  background: var(--admin-bg-muted);
   font-weight: 600;
   font-size: 14px;
-  color: #333;
+  color: var(--admin-text);
 }
 
 .settings-collapse-header {
@@ -695,15 +695,15 @@ async function ok() {
 .settings-collapse-title {
   flex: 1;
   font-weight: 600;
-  color: #2c2c2c;
+  color: var(--admin-text);
 }
 
 .settings-empty-group {
   padding: 12px 16px;
   font-size: 12px;
-  color: #999;
+  color: var(--admin-text-secondary);
   text-align: center;
-  background: #fafafa;
+  background: var(--admin-bg-muted);
   border-radius: 6px;
   margin-top: 8px;
 }

src/pages/menuPages/customers/base/components/table.vue

@@ -2,17 +2,21 @@
   <div class="h-full min-h-0 min-w-0 max-w-full overflow-hidden">
     <BasicShowContext title="لیست مشتریان">
       <template #extra>
-        <BaseButton type="primary" size="small" class="flex shrink-0 md:hidden" @click="emits('add')">
-          <div>افزودن</div>
-          <BaseIcon icon="vuesax-linear:user-add" Size="16px" />
+        <BaseButton
+          v-if="isMobile"
+          type="primary"
+          size="small"
+          icon="vuesax-linear:user-add"
+          @click="emits('add')"
+        >
+          افزودن
         </BaseButton>
       </template>
       <div class="flex h-full min-h-0 flex-col">
         <BaseTable v-if="!isMobile" class="h-full min-h-0 min-w-0" v-bind="tblProps" @register="submit" ref="tbl">
         <template #extraHeader>
-          <BaseButton type="primary" size="small" class="flex" @click="emits('add')">
-            <div>افزودن مشتری</div>
-            <BaseIcon icon="vuesax-linear:user-add" Size="16px" />
+          <BaseButton type="primary" size="small" icon="vuesax-linear:user-add" @click="emits('add')">
+            افزودن مشتری
           </BaseButton>
         </template>
         <template #action="{ record }">

src/pages/menuPages/customers/base/index.vue

@@ -104,7 +104,7 @@
       <a-tabs v-if="userInfo" v-model:activeKey="activeKey">
         <a-tab-pane key="اطلاعات جامع" tab="اطلاعات جامع">
           <div class="space-y-2">
-            <div class="rounded-lg bg-gray-100 w-full flex flex-col gap-3 p-3 md:flex-row md:justify-between">
+            <div class="admin-stat-muted rounded-lg w-full flex flex-col gap-3 p-3 md:flex-row md:justify-between">
               <div>
                 <div class="font-bold">{{ userInfo.name }}</div>
                 <div class="mt-1">{{ userInfo?.mobile }}</div>
@@ -187,7 +187,7 @@
               <div
                 v-for="(item, index) in userInfo.wallet"
                 :key="index"
-                class="grid grid-cols-2 bg-orange-50 gap-2 rounded-lg p-2"
+                class="grid grid-cols-2 bg-orange-100 dark:bg-orange-500/15 gap-2 rounded-lg p-2"
               >
                 <BasicInfoItem
                   title="نام قلک"

src/pages/menuPages/giftCards/components/table.vue

@@ -1,10 +1,9 @@
 <template>
   <div class="h-full min-h-0 min-w-0 max-w-full overflow-hidden">
     <BasicShowContext title="لیست کارت های هدیه">
-      <template v-if="!customerId" #extra>
-        <BaseButton type="primary" size="small" class="flex shrink-0 md:hidden" @click="emits('add', 'gift')">
-          <div>افزودن</div>
-          <BaseIcon icon="vuesax-linear:receipt-add" Size="16px" />
+      <template v-if="!customerId && isMobile" #extra>
+        <BaseButton type="primary" size="small" icon="vuesax-linear:receipt-add" @click="emits('add', 'gift')">
+          افزودن
         </BaseButton>
       </template>
 
@@ -12,19 +11,17 @@
         <BaseTable v-if="!isMobile" class="h-full min-h-0 min-w-0" v-bind="tblProps" @register="submit" ref="tbl">
         <template #extraHeader>
           <div class="flex gap-2">
-            <BaseButton v-if="!customerId" type="primary" size="small" class="flex" @click="emits('add', 'gift')">
-              <div>افزودن کارت هدیه</div>
-              <BaseIcon icon="vuesax-linear:receipt-add" Size="16px" />
+            <BaseButton v-if="!customerId" type="primary" size="small" icon="vuesax-linear:receipt-add" @click="emits('add', 'gift')">
+              افزودن کارت هدیه
             </BaseButton>
             <BaseButton
               v-if="!customerId && isStoreApp()"
               type="primary"
               size="small"
-              class="flex"
+              icon="vuesax-linear:discount-circle"
               @click="emits('add', 'discount')"
             >
-              <div>افزودن کد تخفیف</div>
-              <BaseIcon icon="vuesax-linear:discount-circle" Size="16px" />
+              افزودن کد تخفیف
             </BaseButton>
           </div>
         </template>

src/pages/menuPages/orders/components/table.vue

@@ -1,18 +1,16 @@
 <template>
   <div class="h-full min-h-0 min-w-0 max-w-full overflow-hidden">
     <BasicShowContext title="لیست سفارشات">
-      <template v-if="!customerId" #extra>
-        <BaseButton type="primary" size="small" class="flex shrink-0 md:hidden" @click="emits('add')">
-          <div>افزودن</div>
-          <BaseIcon icon="vuesax-linear:receipt-add" Size="16px" />
+      <template v-if="!customerId && isMobile" #extra>
+        <BaseButton type="primary" size="small" icon="vuesax-linear:receipt-add" @click="emits('add')">
+          افزودن
         </BaseButton>
       </template>
       <div class="flex h-full min-h-0 flex-col">
         <BaseTable v-if="!isMobile" class="h-full min-h-0 min-w-0" v-bind="tblProps" @register="submit" ref="tbl">
           <template #extraHeader>
-            <BaseButton v-if="!customerId" type="primary" size="small" class="flex" @click="emits('add')">
-              <div>افزودن سفارش</div>
-              <BaseIcon icon="vuesax-linear:receipt-add" Size="16px" />
+            <BaseButton v-if="!customerId" type="primary" size="small" icon="vuesax-linear:receipt-add" @click="emits('add')">
+              افزودن سفارش
             </BaseButton>
           </template>
           <template #action="{ column, record }">

src/pages/menuPages/pricing/components/table.vue

@@ -3,14 +3,14 @@
     <BasicShowContext title="تاریخچه قیمت">
       <template #extra>
         <BaseButton
+          v-if="isMobile"
           type="primary"
           size="small"
-          class="flex shrink-0 md:hidden"
+          icon="vuesax-linear:refresh"
           :loading="syncing"
           @click="emits('sync')"
         >
-          <div>به‌روزرسانی قیمت</div>
-          <BaseIcon icon="vuesax-linear:refresh" Size="16px" />
+          به‌روزرسانی قیمت
         </BaseButton>
       </template>
 
@@ -20,12 +20,11 @@
             <BaseButton
               type="primary"
               size="small"
-              class="flex"
+              icon="vuesax-linear:refresh"
               :loading="syncing"
               @click="emits('sync')"
             >
-              <div>به‌روزرسانی قیمت</div>
-              <BaseIcon icon="vuesax-linear:refresh" Size="16px" />
+              به‌روزرسانی قیمت
             </BaseButton>
           </template>
           <template #action="{ record }">

src/pages/menuPages/products/archive/components/table.vue

@@ -63,13 +63,7 @@
 import type { TableInput } from '@core/type/baseTable'
 import useBaseTable from '@core/components/BaseTableOld/hooks/useBaseTable'
 import Icon from '@core/components/BaseIcon/src/Icon.vue'
-import {
-  changeCustomerActivation,
-  changeCustomerArchive,
-  changeCustomerOrderActivation,
-  getCustomerArchiveTable,
-  getCustomerTable
-} from '@/api/customer'
+import { changeProductArchive } from '@/api/product'
 import { cols } from '../hooks/archiveColumns'
 import { useUserStore } from '@/store/userStore'
 import { usePrefix } from '@core/composable/usePrefix'
@@ -105,37 +99,12 @@ const tblProps = ref<any>({
 })
 const loading = ref<boolean>(false)
 
-async function changeCustomerActivationFunction(id: number) {
-  try {
-    loading.value = true
-    await changeCustomerActivation(id)
-    reload()
-    message.success('تغییر وضعیت با موفقیت انجام شد')
-  } catch (e) {
-    console.error(e)
-  } finally {
-    loading.value = false
-  }
-}
-
-async function changeCustomerOrderActivationFunction(id: number) {
-  try {
-    loading.value = true
-    await changeCustomerOrderActivation(id)
-    reload()
-    message.success('تغییر وضعیت سفارش دهی با موفقیت انجام شد')
-  } catch (e) {
-    console.error(e)
-  } finally {
-    loading.value = false
-  }
-}
 async function archiveFunction(id: number) {
   try {
     loading.value = true
-    await changeCustomerArchive(id)
+    await changeProductArchive(id)
     await Promise.allSettled([reload(), mobileListRef.value?.fetch?.() as Promise<void>])
-    message.success('مشتری با موفقیت از بایگانی خارج شد.')
+    message.success('محصول با موفقیت از بایگانی خارج شد.')
   } catch (e) {
     console.error(e)
   } finally {

src/pages/menuPages/products/base/components/table.vue

@@ -36,17 +36,21 @@
 
     <BasicShowContext title="لیست محصولات" class="min-h-0 flex-1">
       <template #extra>
-        <BaseButton type="primary" size="small" class="flex shrink-0 md:hidden" @click="emits('add')">
-          <div>افزودن</div>
-          <BaseIcon icon="vuesax-linear:box" Size="16px" />
+        <BaseButton
+          v-if="isMobile"
+          type="primary"
+          size="small"
+          icon="vuesax-linear:box"
+          @click="emits('add')"
+        >
+          افزودن محصول
         </BaseButton>
       </template>
       <div class="flex h-full min-h-0 flex-col">
         <BaseTable v-if="!isMobile" class="h-full min-h-0 min-w-0" v-bind="tblProps" @register="submit" ref="tbl">
           <template #extraHeader>
-            <BaseButton type="primary" size="small" class="flex" @click="emits('add')">
-              <div>افزودن محصول</div>
-              <BaseIcon icon="vuesax-linear:box" Size="16px" />
+            <BaseButton type="primary" size="small" icon="vuesax-linear:box" @click="emits('add')">
+              افزودن محصول
             </BaseButton>
           </template>
           <template #action="{ record }">

src/pages/menuPages/products/base/hooks/productColumns.tsx

@@ -1,6 +1,11 @@
 import type { BaseTableColumn } from '@core/type/baseTable'
 import CustomTag from '@/components/CustomTag.vue'
 import { isStoreApp } from '@/utils/config'
+import { usePrice } from '@core/utils/usePrice'
+
+function formatMoney(value: number | null | undefined) {
+  return usePrice(value ?? 0, true, '').trim()
+}
 
 const inventoryColumn: BaseTableColumn = {
   title: 'موجودی',
@@ -47,7 +52,8 @@ export function getProductColumns(): BaseTableColumn[] {
     title: 'قیمت',
     dataIndex: 'price',
     key: 'price',
-    type: 'Text'
+    type: 'Text',
+    customRender: ({ record }) => formatMoney(record.price)
   },
   {
     title: 'تعدیل قیمت (٪)',
@@ -79,13 +85,15 @@ export function getProductColumns(): BaseTableColumn[] {
     title: 'هزینه نقدی موقع خرید',
     dataIndex: 'cash_fee_buy',
     key: 'cash_fee_buy',
-    type: 'Number'
+    type: 'Number',
+    customRender: ({ record }) => formatMoney(record.cash_fee_buy)
   },
   {
     title: 'هزینه نقدی موقع فروش',
     dataIndex: 'cash_fee_sell',
     key: 'cash_fee_sell',
-    type: 'Number'
+    type: 'Number',
+    customRender: ({ record }) => formatMoney(record.cash_fee_sell)
   },
   ...(isStoreApp() ? [inventoryColumn] : []),
   {

src/pages/menuPages/sms/components/table.vue

@@ -1,19 +1,17 @@
 <template>
   <div class="h-full min-h-0 min-w-0 max-w-full overflow-hidden">
     <BasicShowContext title="لیست پیامک ها">
-      <template v-if="!mobile" #extra>
-        <BaseButton type="primary" size="small" class="flex shrink-0 md:hidden" @click="emits('add')">
-          <div>ارسال پیامک</div>
-          <BaseIcon icon="vuesax-linear:sms" Size="16px" />
+      <template v-if="!mobile && isMobileScreen" #extra>
+        <BaseButton type="primary" size="small" icon="vuesax-linear:sms" @click="emits('add')">
+          ارسال پیامک
         </BaseButton>
       </template>
 
       <div class="flex h-full min-h-0 flex-col">
         <BaseTable v-if="!isMobileScreen" class="h-full min-h-0 min-w-0" v-bind="tblProps" @register="submit" ref="tbl">
         <template #extraHeader>
-          <BaseButton v-if="!mobile" type="primary" size="small" class="flex" @click="emits('add')">
-            <div>ارسال پیامک</div>
-            <BaseIcon icon="vuesax-linear:sms" Size="16px" />
+          <BaseButton v-if="!mobile" type="primary" size="small" icon="vuesax-linear:sms" @click="emits('add')">
+            ارسال پیامک
           </BaseButton>
         </template>
         <template #action="{ column, record }">

src/pages/menuPages/users/components/table.vue

@@ -2,18 +2,22 @@
   <div class="h-full min-h-0 min-w-0 max-w-full overflow-hidden">
     <BasicShowContext title="لیست مدیران">
       <template #extra>
-        <BaseButton type="primary" size="small" class="flex shrink-0 md:hidden" @click="emits('add')">
-          <div>افزودن مدیر</div>
-          <BaseIcon icon="vuesax-linear:user-add" Size="16px" />
+        <BaseButton
+          v-if="isMobile"
+          type="primary"
+          size="small"
+          icon="vuesax-linear:user-add"
+          @click="emits('add')"
+        >
+          افزودن مدیر
         </BaseButton>
       </template>
 
       <div class="flex h-full min-h-0 flex-col">
         <BaseTable v-if="!isMobile" class="h-full min-h-0 min-w-0" v-bind="tblProps" @register="submit" ref="tbl">
         <template #extraHeader>
-          <BaseButton type="primary" size="small" class="flex" @click="emits('add')">
-            <div>افزودن مدیر</div>
-            <BaseIcon icon="vuesax-linear:user-add" Size="16px" />
+          <BaseButton type="primary" size="small" icon="vuesax-linear:user-add" @click="emits('add')">
+            افزودن مدیر
           </BaseButton>
         </template>
         <template #action="{ column, record }">

src/pages/menuPages/wallet/components/table.vue

@@ -9,11 +9,11 @@
           >
             <div class="mb-2 font-medium">مجموع موجودی کیف پول</div>
             <div class="grid grid-cols-2 gap-2">
-              <div class="rounded-lg border border-gray-200 bg-white/70 px-2 py-1.5 text-center">
+              <div class="stat-inner rounded-lg px-2 py-1.5 text-center">
                 <div class="text-xs text-gray-500">ریال</div>
                 <div class="mt-1 font-bold break-all">{{ usePrice(sums?.cash ?? 0) }}</div>
               </div>
-              <div class="rounded-lg border border-gray-200 bg-white/70 px-2 py-1.5 text-center">
+              <div class="stat-inner rounded-lg px-2 py-1.5 text-center">
                 <div class="text-xs text-gray-500">گرم</div>
                 <div class="mt-1 font-bold">
                   {{ usePrice(Number(sums?.cashToGold ?? 0).toFixed(2), true, 'گرم') }}
@@ -28,13 +28,13 @@
           >
             <div class="mb-2 font-medium">مجموع موجودی کیف طلا</div>
             <div class="grid grid-cols-2 gap-2">
-              <div class="rounded-lg border border-gray-200 bg-white/70 px-2 py-1.5 text-center">
+              <div class="stat-inner rounded-lg px-2 py-1.5 text-center">
                 <div class="text-xs text-gray-500">گرم</div>
                 <div class="mt-1 font-bold">
                   {{ usePrice(sums?.gold ?? 0, true, 'گرم') }}
                 </div>
               </div>
-              <div class="rounded-lg border border-gray-200 bg-white/70 px-2 py-1.5 text-center">
+              <div class="stat-inner rounded-lg px-2 py-1.5 text-center">
                 <div class="text-xs text-gray-500">ریال</div>
                 <div class="mt-1 font-bold break-all">{{ usePrice(sums?.goldToCash ?? 0) }}</div>
               </div>

src/pages/menuPages/withdraw/index.vue

@@ -72,7 +72,7 @@
         @close="confirmWeightVisible = false"
     >
         <div v-for="(item, index) in weightTransactions" :key="index">
-          <div class="bg-gray-100 rounded-lg p-4 mt-2">
+          <div class="admin-stat-muted rounded-lg p-4 mt-2">
             <div class="mb-4">{{ item?.title }} ({{ weightCount(item) }} عدد)</div>
             <ADivider class="!my-0 "/>
             <div v-if="weightCount(item) > 0">

src/pages/menuPages/withdraw/information/components/WithdrawItems.vue

@@ -2,7 +2,7 @@
   <div>
     <div class="mx-3 relative">
       <div class="absolute z-10 w-full">
-        <div class="flex justify-between items-center bg-gray-50 rounded p-3 w-full">
+        <div class="flex justify-between items-center admin-stat-muted rounded p-3 w-full">
           <span class="text-base font-bold">اقلام سفارش</span>
           <Button type="primary" size="small" v-if="edit" @click="updateOrders"
             >ثبت اطلاعات