feat(automations): add test run button and send log modal in admin

Expose run-now and sends APIs in the automations UI, show SMS hour and last run columns, and group advanced settings toolbar actions together. Co-authored-by: Cursor <cursoragent@cursor.com>
2026-08-24 21:46:13 +03:30
parent 71bf8dfc47
commit 3838d0a56c
6 changed files with 149 additions and 32 deletions
@@ -22,3 +22,15 @@ export const toggleAutomationActive = async (id: number) =>

 export const deleteAutomation = async (id: number) =>
  await useAxios.delete(`/admin/automations/${id}`)
+
+export const runAutomationNow = async (id: number, force = true) =>
+  await useAxios.post<{
+    message?: string
+    audience?: number
+    sent?: number
+    failed?: number
+    skipped?: number
+  }>(`/admin/automations/${id}/run-now`, { force })
+
+export const getAutomationSendsTable = async (id: number, params: TableInput) =>
+  await useAxios.post<Array<Record<string, unknown>>>(`/admin/automations/${id}/sends/table`, params)
@@ -24,6 +24,6 @@ export const refreshSuperAdminSettings = async () =>
        ok?: boolean
        message?: string
        count?: number
-        enable_automation?: string | null
+        items?: Record<string, string>
        source?: string
    }>(`/admin/settings/refresh-superadmin`)
@@ -50,6 +50,24 @@
        </template>
        <template #action="{ record }">
          <div class="flex justify-center gap-2">
+            <a-tooltip placement="bottom">
+              <template #title>اجرای آزمایشی</template>
+              <Icon
+                icon="vuesax-linear:play"
+                color="#16a34a"
+                class="cursor-pointer"
+                @click="emits('runNow', record)"
+              />
+            </a-tooltip>
+            <a-tooltip placement="bottom">
+              <template #title>لاگ ارسال</template>
+              <Icon
+                icon="vuesax-linear:document-text"
+                color="#64748b"
+                class="cursor-pointer"
+                @click="emits('sends', record)"
+              />
+            </a-tooltip>
            <a-tooltip placement="bottom">
              <template #title>ویرایش</template>
              <Icon
@@ -93,6 +111,8 @@ const emits = defineEmits<{
  edit: [record: Automation]
  toggle: [record: Automation]
  delete: [id: number]
+  runNow: [record: Automation]
+  sends: [record: Automation]
 }>()

 const tblProps = {
@@ -62,6 +62,19 @@ export const cols: BaseTableColumn[] = [
    key: 'channels',
    customRender: ({ record }) => channelText(record),
  },
+  {
+    title: 'ساعت پیامک',
+    dataIndex: 'sms_send_hour',
+    key: 'sms_send_hour',
+    customRender: ({ record }) =>
+      record.sms_send_hour == null ? '—' : `${String(record.sms_send_hour).padStart(2, '0')}:۰۰`,
+  },
+  {
+    title: 'آخرین اجرا',
+    dataIndex: 'last_sms_run_at',
+    key: 'last_sms_run_at',
+    customRender: ({ record }) => record.last_sms_run_at || '—',
+  },
  {
    title: 'فعال',
    dataIndex: 'is_active',
@@ -90,4 +103,4 @@ export const cols: BaseTableColumn[] = [
    filterable: false,
    width: 120,
  },
-]
+]
@@ -7,6 +7,8 @@
      @edit="openEdit"
      @toggle="toggleActive"
      @delete="deleteItem"
+      @run-now="runNow"
+      @sends="openSends"
    />

    <BasicActionSheet
@@ -27,19 +29,51 @@
      <div v-if="isMobile" class="mb-3 text-base font-bold">{{ sheetTitle }}</div>
      <AutomationEditorFormBody ref="editorRef" :form="form" />
    </BasicActionSheet>
+
+    <BasicModal
+      v-model:visible="sendsVisible"
+      :title="sendsTitle"
+      :show-footer="false"
+      width="48rem"
+    >
+      <a-spin :spinning="sendsLoading">
+        <div v-if="!sendsLoading && sendsRows.length === 0" class="py-6 text-center text-gray-500">
+          هنوز ارسالی ثبت نشده
+        </div>
+        <div v-else class="flex flex-col gap-2">
+          <div
+            v-for="row in sendsRows"
+            :key="row.id"
+            class="rounded-lg border border-gray-100 px-3 py-2 text-sm dark:border-slate-700"
+          >
+            <div class="flex items-center justify-between gap-2">
+              <span>{{ row.customer_name || '—' }} · {{ row.customer_mobile || '—' }}</span>
+              <span :class="row.status === 'sent' ? 'text-green-600' : 'text-red-600'">
+                {{ row.status === 'sent' ? 'موفق' : 'ناموفق' }}
+              </span>
+            </div>
+            <div class="text-xs text-gray-500">{{ row.created_at }}</div>
+            <div v-if="row.error" class="mt-1 text-xs text-red-600">{{ row.error }}</div>
+          </div>
+        </div>
+      </a-spin>
+    </BasicModal>
  </div>
 </template>

 <script setup lang="ts">
 import { computed, ref } from 'vue'
-import { message } from 'ant-design-vue'
+import { Modal, message } from 'ant-design-vue'
 import { cloneDeep } from 'lodash'
 import tbl from './components/table.vue'
 import AutomationEditorFormBody from './components/AutomationEditorFormBody.vue'
+import BasicModal from '@/components/BasicModal.vue'
 import { emptyAutomation, type Automation } from '@/model/automations'
 import {
  createAutomation,
  deleteAutomation,
+  getAutomationSendsTable,
+  runAutomationNow,
  toggleAutomationActive,
  updateAutomation,
 } from '@/api/automations'
@@ -56,6 +90,10 @@ const loading = ref(false)
 const editorVisible = ref(false)
 const editId = ref<number | undefined>()
 const form = ref<Automation>(emptyAutomation())
+const sendsVisible = ref(false)
+const sendsLoading = ref(false)
+const sendsTitle = ref('لاگ ارسال')
+const sendsRows = ref<Array<Record<string, unknown>>>([])

 const sheetTitle = computed(() => (editId.value ? 'ویرایش اتوماسیون' : 'افزودن اتوماسیون'))

@@ -129,4 +167,38 @@ async function toggleActive(record: Automation) {
 function deleteItem(id: number) {
  confirmDeleteItem('اتوماسیون', id, deleteAutomation, refreshTable)
 }
+
+function runNow(record: Automation) {
+  if (!record.id) return
+  Modal.confirm({
+    title: 'اجرای آزمایشی',
+    content: `پیام «${record.name}» همین الان برای مخاطبان واجد شرط ارسال شود؟ (بدون انتظار ساعت ${record.sms_send_hour ?? '—'})`,
+    okText: 'ارسال',
+    cancelText: 'انصراف',
+    async onOk() {
+      const res = await runAutomationNow(record.id!)
+      message.success(res?.message || 'اجرای آزمایشی انجام شد')
+      refreshTable()
+    },
+  })
+}
+
+async function openSends(record: Automation) {
+  if (!record.id) return
+  sendsTitle.value = `لاگ ارسال — ${record.name}`
+  sendsVisible.value = true
+  sendsLoading.value = true
+  try {
+    const res = await getAutomationSendsTable(record.id, { page: 1, limit: 30, select: [] })
+    const rows = (res as { rows?: Array<Record<string, unknown>> })?.rows
+      ?? (Array.isArray(res) ? res : [])
+    sendsRows.value = rows
+  } catch (e) {
+    console.error(e)
+    message.error('بارگذاری لاگ ناموفق بود')
+    sendsRows.value = []
+  } finally {
+    sendsLoading.value = false
+  }
+}
 </script>
@@ -26,27 +26,26 @@
          </label>
        </div>

-<!--        <a-button type="primary" :loading="loading" @click="add">افزودن تنظیم</a-button>-->
-        <a-button
-          v-if="isSystemMode"
-          type="primary"
-          class="settings-toolbar__action"
-          :loading="loading"
-          @click="add"
-        >
-          افزودن تنظیم
-        </a-button>
-        <a-button
-          v-if="isSystemMode"
-          class="settings-toolbar__action"
-          :loading="refreshingSuperAdmin"
-          @click="refreshFromSuperAdmin"
-        >
-          همگام‌سازی از سوپرادمین
-        </a-button>
-        <a-button class="settings-toolbar__action" :loading="loading" @click="initConfig">
-          بروزرسانی
-        </a-button>
+        <div class="settings-toolbar__actions">
+          <a-button
+            v-if="isSystemMode"
+            type="primary"
+            :loading="loading"
+            @click="add"
+          >
+            افزودن تنظیم
+          </a-button>
+          <a-button
+            v-if="isSystemMode"
+            :loading="refreshingSuperAdmin"
+            @click="refreshFromSuperAdmin"
+          >
+            همگام‌سازی از سوپرادمین
+          </a-button>
+          <a-button :loading="loading" @click="initConfig">
+            بروزرسانی
+          </a-button>
+        </div>
      </div>

      <a-spin :spinning="loading && !baseData.length">
@@ -210,7 +209,7 @@ import SettingValueField from './SettingValueField.vue'
 import SettingCard from './SettingCard.vue'
 import { refreshAppModeMenu } from '@/router'
 import { useUserStore } from '@/store/userStore'
-import { applyBannerEnabledFromRows, applyTrackingSystemsEnabledFromRows, applyConditionalOrderEnabledFromRows, applyAutomationEnabledFromRows, applyProductFundsEnabledFromRows, applyPriceTriggerEnabledFromRows, applyAppNotificationEnabledFromRows, applyPriceProviderFromRows, applyPriceChannelAccessFromRows, applySupportChatMenuEnabledFromRows, applyGroupSmsFromRows, applyCustomerSpecialPricingFromRows, setBannerEnabledFromSettings, setConditionalOrderEnabledFromSettings, setAutomationEnabledFromSettings, setProductFundsEnabledFromSettings, setPriceTriggerEnabledFromSettings, setAppNotificationEnabledFromSettings, setPriceProviderFromSettings, setPriceChannelAccessFromSettings, setStoreModeFromSettings, setTrackingSystemsEnabledFromSettings, setGroupSmsEnabledFromSettings, setCustomerSpecialPricingEnabledFromSettings } from '@/utils/config'
+import { applyBannerEnabledFromRows, applyTrackingSystemsEnabledFromRows, applyConditionalOrderEnabledFromRows, applyAutomationEnabledFromRows, applyProductFundsEnabledFromRows, applyPriceTriggerEnabledFromRows, applyAppNotificationEnabledFromRows, applyPriceProviderFromRows, applyPriceChannelAccessFromRows, applySupportChatMenuEnabledFromRows, applyGroupSmsFromRows, applyCustomerSpecialPricingFromRows, applyCustomerDirectSmsFromRows, applyCustomerLevelProfitEnabledFromRows, setBannerEnabledFromSettings, setConditionalOrderEnabledFromSettings, setAutomationEnabledFromSettings, setProductFundsEnabledFromSettings, setPriceTriggerEnabledFromSettings, setAppNotificationEnabledFromSettings, setPriceProviderFromSettings, setPriceChannelAccessFromSettings, setStoreModeFromSettings, setTrackingSystemsEnabledFromSettings, setGroupSmsEnabledFromSettings, setCustomerSpecialPricingEnabledFromSettings } from '@/utils/config'
 import {
  EDITABLE_SETTING_GROUPS,
  SYSTEM_SETTING_GROUPS,
@@ -493,14 +492,9 @@ async function refreshFromSuperAdmin() {
  refreshingSuperAdmin.value = true
  try {
    const res = await refreshSuperAdminSettings()
-    const auto = res?.enable_automation
-    message.success(
-      auto != null && auto !== ''
-        ? `همگام شد (${res?.count ?? 0} کلید) — اتوماسیون: ${isSwitchOn(auto) ? 'روشن' : 'خاموش'}`
-        : (res?.message || `همگام شد (${res?.count ?? 0} کلید)`)
-    )
    await initConfig()
    refreshMenuAfterStoreChange()
+    message.success(res?.message || `همگام شد (${res?.count ?? 0} کلید دسترسی از سوپرادمین)`)
  } catch (e: any) {
    console.error(e)
    const msg = e?.response?.data?.message || e?.message || 'همگام‌سازی از سوپرادمین ناموفق بود'
@@ -523,6 +517,8 @@ async function initConfig() {
    applyConditionalOrderEnabledFromRows(baseData.value)
    applyAutomationEnabledFromRows(baseData.value)
    applyProductFundsEnabledFromRows(baseData.value)
+    applyCustomerLevelProfitEnabledFromRows(baseData.value)
+    applyCustomerDirectSmsFromRows(baseData.value)
    applyPriceTriggerEnabledFromRows(baseData.value)
    applyAppNotificationEnabledFromRows(baseData.value)
    applyPriceProviderFromRows(baseData.value)
@@ -815,7 +811,11 @@ async function ok() {
    align-items: flex-end;
  }

-  &__action {
+  &__actions {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 8px;
+    align-items: center;
    margin-inline-start: auto;
  }
 }