change responsive]

2026-05-31 11:51:52 +03:30
parent 06568c5858
commit 023b8ee5be
124 changed files with 6296 additions and 4233 deletions
@@ -0,0 +1,39 @@
+<template>
+  <MobileCardList
+    v-model:search="search"
+    :loading="loading"
+    :has-more="hasMore"
+    :show-empty="!loading && items.length === 0"
+    empty-text="قیمتی یافت نشد"
+    search-placeholder="جستجو تاریخچه قیمت"
+    show-refresh
+    @search="reload"
+    @refresh="reload"
+    @load-more="loadMore"
+  >
+    <PriceMobileListItem v-for="item in items" :key="item.id" :item="item" @open="openSheet" />
+  </MobileCardList>
+
+  <PriceMobileDetailSheet v-model:visible="sheetVisible" :item="selectedItem" />
+</template>
+
+<script setup lang="ts">
+import { getPriceTable } from '@/api/price'
+import type { Price } from '@/model/price'
+import MobileCardList from '@/components/mobile/MobileCardList.vue'
+import { useMobileDetailSheet } from '@/components/mobile/composables/useMobileDetailSheet'
+import { useMobileTableList } from '@/components/mobile/composables/useMobileTableList'
+import PriceMobileDetailSheet from './PriceMobileDetailSheet.vue'
+import PriceMobileListItem from './PriceMobileListItem.vue'
+
+const { sheetVisible, selectedItem, openSheet, syncSelectedItem } = useMobileDetailSheet<Price>()
+
+const { loading, search, items, hasMore, reload, loadMore, fetch } = useMobileTableList<Price>({
+  fetchApi: getPriceTable,
+  onFetched: (rows) => syncSelectedItem(rows)
+})
+
+onMounted(() => reload())
+
+defineExpose({ fetch, openSheet })
+</script>
@@ -0,0 +1,63 @@
+<template>
+  <MobileDetailSheet v-model:visible="visibleProxy" :item="item" :title="sheetTitle">
+    <template #default="{ item: row }">
+      <MobileSheetHeader :title="sheetTitle" :subtitle="dateTimeLabel(row)" :show-title="isMobile" />
+
+      <div class="space-y-2">
+        <MobileStatCard bordered variant="success" label="قیمت هر گرم طلا برای مشتری (ریال)" :value="usePrice(row.price ?? 0, true, '')">
+          <template #prefix>
+            <BaseIcon icon="vuesax-linear:empty-wallet" size="18" color="#15803d" />
+          </template>
+        </MobileStatCard>
+      </div>
+
+      <MobileInfoGrid>
+        <MobileDetailRow label="کد قیمت" :value="row.id ?? '-'" />
+        <MobileDetailRow label="کد کاربری" :value="row.user_id ?? '-'" />
+        <MobileDetailRow label="نام و نام خانوادگی" full-width :value="row.user?.name || '-'" />
+        <MobileDetailRow label="تاریخ ثبت" :value="dateLabel(row)" />
+        <MobileDetailRow label="زمان ثبت" :value="row.time_at || '-'" />
+      </MobileInfoGrid>
+    </template>
+  </MobileDetailSheet>
+</template>
+
+<script setup lang="ts">
+import type { Price } from '@/model/price'
+import MobileDetailRow from '@/components/mobile/MobileDetailRow.vue'
+import MobileDetailSheet from '@/components/mobile/MobileDetailSheet.vue'
+import MobileInfoGrid from '@/components/mobile/MobileInfoGrid.vue'
+import MobileSheetHeader from '@/components/mobile/MobileSheetHeader.vue'
+import MobileStatCard from '@/components/mobile/MobileStatCard.vue'
+import { isMobile } from '@core/utils/is'
+import { toJalaliNoTime } from '@core/utils/useDataTime'
+import { usePrice } from '@core/utils/usePrice'
+
+const props = defineProps<{
+  visible: boolean
+  item: Price | null
+}>()
+
+const emit = defineEmits<{
+  (e: 'update:visible', value: boolean): void
+}>()
+
+const visibleProxy = computed({
+  get: () => props.visible,
+  set: (value: boolean) => emit('update:visible', value)
+})
+
+const sheetTitle = computed(() => props.item?.user?.name || `قیمت #${props.item?.id ?? '-'}`)
+
+function dateLabel(row: Price) {
+  return row.created_at ? toJalaliNoTime(row.created_at) : '-'
+}
+
+function dateTimeLabel(row: Price) {
+  const date = dateLabel(row)
+  const time = row.time_at
+  if (date === '-' && !time) return '-'
+  if (!time) return date
+  return `${date} · ${time}`
+}
+</script>
@@ -0,0 +1,34 @@
+<template>
+  <MobileCard clickable @click="$emit('open', item)">
+    <div class="space-y-1">
+      <div class="flex items-center justify-between gap-2">
+        <span class="truncate text-sm font-700 text-gray-900">{{ userName }}</span>
+        <span class="shrink-0 text-xs text-gray-400">{{ dateLabel }}</span>
+      </div>
+
+      <div class="flex items-center justify-between gap-2 text-xs">
+        <span class="truncate text-gray-600">#{{ item.id ?? '-' }}</span>
+        <span class="shrink-0 font-700 text-green-700">{{ priceLabel }}</span>
+      </div>
+    </div>
+  </MobileCard>
+</template>
+
+<script setup lang="ts">
+import type { Price } from '@/model/price'
+import MobileCard from '@/components/mobile/MobileCard.vue'
+import { toJalaliNoTime } from '@core/utils/useDataTime'
+import { usePrice } from '@core/utils/usePrice'
+
+const props = defineProps<{
+  item: Price
+}>()
+
+defineEmits<{
+  (e: 'open', item: Price): void
+}>()
+
+const userName = computed(() => props.item.user?.name || '-')
+const dateLabel = computed(() => (props.item.created_at ? toJalaliNoTime(props.item.created_at) : '-'))
+const priceLabel = computed(() => usePrice(props.item.price ?? 0, true, ''))
+</script>
@@ -1,7 +1,15 @@
 <template>
-  <div>
+  <div class="h-full min-h-0 min-w-0 max-w-full overflow-hidden">
    <BasicShowContext title="تاریخچه قیمت">
-      <BaseTable v-bind="tblProps" @register="submit" ref="tbl">
+      <template #extra>
+        <BaseButton type="primary" size="small" class="flex shrink-0 md:hidden" @click="emits('add')">
+          <div>قیمت گذاری</div>
+          <BaseIcon icon="vuesax-linear:dollar-circle" Size="16px" />
+        </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>
@@ -19,6 +27,9 @@
          </div>
        </template>
      </BaseTable>
+
+      <PriceMobileCardList v-else ref="mobileListRef" class="min-h-0 flex-1" />
+      </div>
    </BasicShowContext>
  </div>
 </template>
@@ -27,63 +38,32 @@
 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, getCustomerTable } from '@/api/customer'
 import { cols } from '../hooks/priceColumns'
-import { useUserStore } from '@/store/userStore'
 import { usePrefix } from '@core/composable/usePrefix'
-import { message } from 'ant-design-vue'
-import { getOrderTable } from '@/api/order'
 import { getPriceTable } from '@/api/price'
+import PriceMobileCardList from './PriceMobileCardList.vue'
+import { isMobile } from '@core/utils/is'
+
 const [submit, reload] = useBaseTable()
-/*const select = (val) => {
-  val.sts === 1 ? return ['1'] : ['2']
-}*/
-//emits
+const mobileListRef = ref<null | { fetch: () => Promise<void> }>(null)
+
 const emits = defineEmits(['delete', 'edit', 'add', 'info'])

 const { prefixCls } = usePrefix('pophoverstatus')

-//permission
-function checkPermission(temp: string) {
-  const store = useUserStore()
-  return store.canAccess(temp)
-}
-
-//define table
-const table = ref(null)
-
 const tblProps = ref<any>({
  columns: cols,
  api: (params: TableInput) => {
    return getPriceTable(params)
  }
-  //bordered: true
 })
-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 fetch() {
+  await Promise.allSettled([reload(), mobileListRef.value?.fetch?.() as Promise<void>])
 }

-const fetch = () => {
-  // console.log('sss')
-  reload()
-}
-// const spinTable = (val: boolean) => {
-//   // console.log('sss')
-//   table?.value?.loading.value = val
-// }
 defineExpose({
  fetch
-  // spinTable
 })
 </script>

@@ -98,10 +78,5 @@ defineExpose({
  .ant-menu-item-only-child {
    border-radius: @border-radius-base;
  }
-  //bor
-  /*  .ant-input-group-addon:first-child {
-  !*    border: #d9d9d9 1px solid;
-  border-radius: 0 6px 6px 0;*!
-}*/
 }
 </style>