feat(dashboard): 新增后台今日数据概况及仪表盘页面

- 新增 shopOrderTotalAll 和 shopOrderOverview 接口，支持含未支付口径数据统计
- 新增 ShopOrderOverview 类型定义，包含今日销售额、订单数、新增用户数和优惠券使用数
- 新增后台专用仪表盘页面，展示用户数、订单数、总营业额和系统运行天数等核心数据
- 仪表盘页面实现新订单提醒功能，支持声音和语音播报
- 提供待付款、待发货订单数和退款申请动态展示，带点击跳转功能
- 新增今日数据概况区域，显示销售额、订单数、新增用户和优惠券使用情况
- 集成订阅和续费功能，支持支付二维码扫码支付及状态轮询
- 基本信息展示系统版本、授权状态以及订阅到期提醒和续费入口
- 快速入口模块方便访问订单管理、商品管理、优惠券管理等功能页
- 实现数据自动刷新机制，包括统计数据和含未支付订单的特殊统计
- 优化了界面样式和交互体验，提升了后台管理的可用性和操作便捷性

src/api/shop/shopOrder/index.ts

@@ -173,3 +173,49 @@ export async function confirmOfflinePayment(
   }
   return Promise.reject(new Error(res.data.message));
 }
+
+/**
+ * 后台今日数据概况（含未支付口径）
+ * 字段对齐后端 ShopOrderOverviewVo：
+ *  - todaySales        今日销售额（元，含未支付，按 total_price 求和）
+ *  - todayOrders       今日订单数（含未支付）
+ *  - todayUsers        今日新增用户数
+ *  - couponUsedCount   今日使用优惠券的订单数
+ */
+export interface ShopOrderOverview {
+    /** 今日销售额（元），含未支付，按订单面额 total_price 求和 */
+    todaySales: number;
+    /** 今日订单数，含未支付 */
+    todayOrders: number;
+    /** 今日新增用户数 */
+    todayUsers: number;
+    /** 今日使用优惠券的订单数 */
+    couponUsedCount: number;
+}
+
+/**
+ * 统计订单总金额（含未支付，按订单面额 total_price 求和）
+ * 对标 /shop/shop-order/total，但不限制 pay_status，返回所有未删除订单的 total_price 之和
+ */
+export async function shopOrderTotalAll() {
+    const res = await request.get<ApiResult<number>>(
+        MODULES_API_URL + '/shop/shop-order/total-all'
+    );
+    if (res.data.code === 0) {
+        return res.data.data ?? 0;
+    }
+    return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 获取后台今日数据概况（含未支付口径）
+ */
+export async function shopOrderOverview() {
+    const res = await request.get<ApiResult<ShopOrderOverview>>(
+        MODULES_API_URL + '/shop/shop-order/overview'
+    );
+    if (res.data.code === 0 && res.data.data) {
+        return res.data.data;
+    }
+    return Promise.reject(new Error(res.data.message));
+}

src/views/shop/shopSetting/components/order.vue

@@ -20,12 +20,12 @@
       <a-form-item label="未付款自动关闭" name="orderAutoCloseMins">
         <a-input-number
           v-model:value="form.orderAutoCloseMins"
-          :min="1"
+          :min="0"
           :max="10080"
-          placeholder="请输入分钟数"
+          placeholder="0 表示不自动取消"
           style="width: 200px"
         />
-        <span style="margin-left: 8px; color: #888">分钟</span>
+        <span style="margin-left: 8px; color: #888">分钟（0 表示不自动取消）</span>
       </a-form-item>
       <a-form-item label="自动好评天数" name="orderAutoCommentDays">
         <a-input-number
@@ -54,6 +54,15 @@
           un-checked-children="否"
         />
       </a-form-item>
+      <a-form-item label="销量累加方式" name="salesAccumulateType">
+        <a-radio-group v-model:value="form.salesAccumulateType">
+          <a-radio :value="10">支付成功后累加（默认）</a-radio>
+          <a-radio :value="20">下单成功后累加</a-radio>
+        </a-radio-group>
+        <div style="color: #888; font-size: 12px; margin-top: 4px">
+          支付累加：用户付款后才计入销量；下单累加：生成订单即计入销量（取消订单会回滚）。
+        </div>
+      </a-form-item>
       <a-form-item label="保存">
         <a-button type="primary" :loading="loading" @click="save">保存</a-button>
       </a-form-item>
@@ -84,7 +93,8 @@ const { form, assignFields } = useFormData<ShopSetting>({
   orderAutoCloseMins: 30,
   orderAutoCommentDays: 15,
   orderFreightFreeAmount: 0,
-  orderRefundEnabled: true
+  orderRefundEnabled: true,
+  salesAccumulateType: 10
 });
 
 const rules = reactive({
@@ -99,7 +109,7 @@ const rules = reactive({
   orderAutoCloseMins: [
     {
       required: true,
-      message: '请输入未付款自动关闭分钟数',
+      message: '请输入未付款自动关闭分钟数（0 表示不自动取消）',
       type: 'number',
       trigger: 'blur'
     }
@@ -135,6 +145,9 @@ const load = async () => {
       if (values.orderFreightFreeAmount !== undefined) {
         form.orderFreightFreeAmount = Number(values.orderFreightFreeAmount);
       }
+      if (values.salesAccumulateType !== undefined) {
+        form.salesAccumulateType = Number(values.salesAccumulateType);
+      }
     }
   } catch (e: any) {
     // 未配置时忽略

src/views/special/dashboard/components/search.vue

@@ -0,0 +1,71 @@
+<!-- 搜索表单 -->
+<template>
+  <a-space style="flex-wrap: wrap">
+    <a-button type="text" @click="openUrl(`/website/field`)"
+      >字段扩展
+    </a-button>
+    <a-button type="text" @click="openUrl('/website/dict')">字典管理 </a-button>
+    <a-button type="text" @click="openUrl('/website/domain')"
+      >域名管理
+    </a-button>
+    <a-button type="text" @click="openUrl('/website/model')"
+      >模型管理
+    </a-button>
+    <a-button type="text" @click="openUrl('/website/form')">表单管理 </a-button>
+    <a-button type="text" @click="openUrl('/website/lang')">国际化 </a-button>
+    <a-button type="text" @click="openUrl('/website/setting')"
+      >网站设置
+    </a-button>
+    <a-button type="text" class="ele-btn-icon" @click="clearSiteInfoCache">
+      清除缓存
+    </a-button>
+  </a-space>
+</template>
+
+<script lang="ts" setup>
+  import { watch, nextTick } from 'vue';
+  import { CmsWebsite } from '@/api/cms/cmsWebsite/model';
+  import { openUrl } from '@/utils/common';
+  import { message } from 'ant-design-vue';
+  import { removeSiteInfoCache } from '@/api/cms/cmsWebsite';
+
+  const props = withDefaults(
+    defineProps<{
+      // 选中的角色
+      selection?: [];
+      website?: CmsWebsite;
+      count?: 0;
+    }>(),
+    {}
+  );
+
+  const emit = defineEmits<{
+    (e: 'add'): void;
+  }>();
+
+  const add = () => {
+    emit('add');
+  };
+
+  // 清除缓存
+  const clearSiteInfoCache = () => {
+    removeSiteInfoCache(
+      'SiteInfo:' + localStorage.getItem('TenantId') + '*'
+    ).then((msg) => {
+      if (msg) {
+        message.success(msg);
+      }
+    });
+  };
+
+  nextTick(() => {
+    if (localStorage.getItem('NotActive')) {
+      // IsActive.value = false
+    }
+  });
+
+  watch(
+    () => props.selection,
+    () => {}
+  );
+</script>

src/views/special/dashboard/components/websiteEdit.vue

@@ -0,0 +1,408 @@
+<!-- 编辑弹窗 -->
+<template>
+  <ele-modal
+    :width="800"
+    :visible="visible"
+    :maskClosable="false"
+    :maxable="maxable"
+    :title="isUpdate ? '编辑小程序' : '创建小程序'"
+    :body-style="{ paddingBottom: '28px' }"
+    @update:visible="updateVisible"
+    :confirm-loading="loading"
+    @ok="save"
+  >
+    <a-form
+      ref="formRef"
+      :model="form"
+      :rules="rules"
+      :label-col="styleResponsive ? { md: 4, sm: 5, xs: 24 } : { flex: '90px' }"
+      :wrapper-col="
+        styleResponsive ? { md: 19, sm: 19, xs: 24 } : { flex: '1' }
+      "
+    >
+      <a-form-item label="Logo" name="avatar">
+        <SelectFile
+          :placeholder="`请选择图片`"
+          :limit="1"
+          :data="images"
+          @done="chooseImage"
+          @del="onDeleteItem"
+        />
+      </a-form-item>
+      <a-form-item label="账号类型" name="type">
+        {{ form.type }}
+      </a-form-item>
+      <a-form-item label="小程序名称" name="websiteName">
+        <a-input
+          allow-clear
+          placeholder="请输入小程序名称"
+          v-model:value="form.websiteName"
+        />
+      </a-form-item>
+      <a-form-item label="网站域名" name="domain" v-if="form.type == 10">
+        <a-input v-model:value="form.domain" placeholder="huawei.com">
+          <template #addonBefore>
+            <a-select v-model:value="form.prefix" style="width: 90px">
+              <a-select-option value="http://">http://</a-select-option>
+              <a-select-option value="https://">https://</a-select-option>
+            </a-select>
+          </template>
+        </a-input>
+      </a-form-item>
+      <a-form-item label="AppId" name="websiteCode" v-if="form.type == 20">
+        <a-input
+          allow-clear
+          placeholder="请输入AppId"
+          v-model:value="form.websiteCode"
+        />
+      </a-form-item>
+      <a-form-item label="小程序描述" name="comments">
+        <a-textarea
+          :rows="4"
+          :maxlength="200"
+          placeholder="请输入小程序描述"
+          v-model:value="form.comments"
+        />
+      </a-form-item>
+      <a-form-item label="SEO关键词" name="keywords">
+        <a-textarea
+          :rows="4"
+          :maxlength="200"
+          placeholder="请输入SEO关键词"
+          v-model:value="form.keywords"
+        />
+      </a-form-item>
+      <!--      <a-form-item label="全局样式" name="style">-->
+      <!--        <a-textarea-->
+      <!--          :rows="4"-->
+      <!--          :maxlength="200"-->
+      <!--          placeholder="全局样式"-->
+      <!--          v-model:value="form.style"-->
+      <!--        />-->
+      <!--      </a-form-item>-->
+      <!--      <a-form-item label="小程序类型" name="websiteType">-->
+      <!--        <a-select-->
+      <!--          :options="websiteType"-->
+      <!--          :value="form.websiteType"-->
+      <!--          placeholder="请选择主体类型"-->
+      <!--          @change="onCmsWebsiteType"-->
+      <!--        />-->
+      <!--      </a-form-item>-->
+      <!--      <a-form-item label="当前版本" name="version">-->
+      <!--        <a-tag color="red" v-if="form.version === 10">标准版</a-tag>-->
+      <!--        <a-tag color="green" v-if="form.version === 20">专业版</a-tag>-->
+      <!--        <a-tag color="cyan" v-if="form.version === 30">永久授权</a-tag>-->
+      <!--      </a-form-item>-->
+      <a-form-item label="状态" name="running">
+        <a-radio-group
+          v-model:value="form.running"
+          :disabled="form.running == 4 || form.running == 5"
+        >
+          <a-radio :value="1">运行中</a-radio>
+          <a-radio :value="2">维护中</a-radio>
+          <a-radio :value="3">已关闭</a-radio>
+        </a-radio-group>
+      </a-form-item>
+      <a-form-item v-if="form.running == 2" label="维护说明" name="statusText">
+        <a-textarea
+          :rows="4"
+          :maxlength="200"
+          placeholder="状态说明"
+          v-model:value="form.statusText"
+        />
+      </a-form-item>
+      <!--      <a-divider style="margin-bottom: 24px" />-->
+    </a-form>
+  </ele-modal>
+</template>
+
+<script lang="ts" setup>
+  import { ref, reactive, watch } from 'vue';
+  import { Form, message } from 'ant-design-vue';
+  import { assignObject, uuid } from 'ele-admin-pro';
+  import { addCmsWebsite, updateCmsWebsite } from '@/api/cms/cmsWebsite';
+  import { CmsWebsite } from '@/api/cms/cmsWebsite/model';
+  import { useThemeStore } from '@/store/modules/theme';
+  import { storeToRefs } from 'pinia';
+  import { FormInstance, type Rule } from 'ant-design-vue/es/form';
+  import { ItemType } from 'ele-admin-pro/es/ele-image-upload/types';
+  import { FileRecord } from '@/api/system/file/model';
+  import { checkExistence } from '@/api/cms/cmsDomain';
+  import { updateCmsDomain } from '@/api/cms/cmsDomain';
+  import { updateTenant } from '@/api/system/tenant';
+
+  // 是否是修改
+  const isUpdate = ref(false);
+  const useForm = Form.useForm;
+  // 是否开启响应式布局
+  const themeStore = useThemeStore();
+  const { styleResponsive } = storeToRefs(themeStore);
+
+  const props = defineProps<{
+    // 弹窗是否打开
+    visible: boolean;
+    // 修改回显的数据
+    data?: CmsWebsite | null;
+  }>();
+
+  const emit = defineEmits<{
+    (e: 'done'): void;
+    (e: 'update:visible', visible: boolean): void;
+  }>();
+
+  // 提交状态
+  const loading = ref(false);
+  // 是否显示最大化切换按钮
+  const maxable = ref(true);
+  // 表格选中数据
+  const formRef = ref<FormInstance | null>(null);
+  const images = ref<ItemType[]>([]);
+  const websiteQrcode = ref<ItemType[]>([]);
+  const oldDomain = ref();
+  const files = ref<ItemType[]>([]);
+
+  // 用户信息
+  const form = reactive<CmsWebsite>({
+    websiteId: undefined,
+    websiteLogo: undefined,
+    websiteName: undefined,
+    websiteCode: undefined,
+    type: 20,
+    files: undefined,
+    keywords: '',
+    prefix: '',
+    domain: '',
+    adminUrl: '',
+    style: '',
+    icpNo: undefined,
+    email: undefined,
+    version: undefined,
+    websiteType: '',
+    running: 1,
+    expirationTime: undefined,
+    sortNumber: undefined,
+    comments: undefined,
+    status: undefined,
+    statusText: undefined
+  });
+
+  /* 更新visible */
+  const updateVisible = (value: boolean) => {
+    emit('update:visible', value);
+  };
+
+  // 表单验证规则
+  const rules = reactive({
+    // comments: [
+    //   {
+    //     required: true,
+    //     type: 'string',
+    //     message: '请填写小程序描述',
+    //     trigger: 'blur'
+    //   }
+    // ],
+    keywords: [
+      {
+        required: true,
+        type: 'string',
+        message: '请填写SEO关键词',
+        trigger: 'blur'
+      }
+    ],
+    running: [
+      {
+        required: true,
+        type: 'number',
+        message: '请选择小程序状态',
+        trigger: 'change'
+      }
+    ],
+    domain: [
+      {
+        required: true,
+        type: 'string',
+        message: '请填写小程序域名',
+        trigger: 'blur'
+      }
+    ],
+    websiteCode: [
+      {
+        required: true,
+        type: 'string',
+        message: '请填写小程序码',
+        trigger: 'blur'
+      }
+    ],
+    // websiteCode: [
+    //   {
+    //     required: true,
+    //     type: 'string',
+    //     message: '该域名已被使用',
+    //     validator: (_rule: Rule, value: string) => {
+    //       return new Promise<void>((resolve, reject) => {
+    //         if (!value) {
+    //           return reject('请输入二级域名');
+    //         }
+    //         checkExistence('domain', `${value}.wsdns.cn`)
+    //           .then(() => {
+    //             if (value === oldDomain.value) {
+    //               return resolve();
+    //             }
+    //             reject('已存在');
+    //           })
+    //           .catch(() => {
+    //             resolve();
+    //           });
+    //       });
+    //     },
+    //     trigger: 'blur'
+    //   }
+    // ],
+    adminUrl: [
+      {
+        required: true,
+        type: 'string',
+        message: '请填写小程序后台管理地址',
+        trigger: 'blur'
+      }
+    ],
+    icpNo: [
+      {
+        required: true,
+        type: 'string',
+        message: '请填写ICP备案号',
+        trigger: 'blur'
+      }
+    ],
+    appSecret: [
+      {
+        required: true,
+        type: 'string',
+        message: '请填写小程序秘钥',
+        trigger: 'blur'
+      }
+    ],
+    websiteName: [
+      {
+        required: true,
+        type: 'string',
+        message: '请填写小程序信息名称',
+        trigger: 'blur'
+      }
+    ]
+  });
+
+  const chooseImage = (data: FileRecord) => {
+    images.value.push({
+      uid: data.id,
+      url: data.path,
+      status: 'done'
+    });
+    form.websiteLogo = data.downloadUrl;
+  };
+
+  const onDeleteItem = (index: number) => {
+    images.value.splice(index, 1);
+    form.websiteLogo = '';
+  };
+
+  const chooseFile = (data: FileRecord) => {
+    form.websiteCode = data.url;
+    files.value.push({
+      uid: data.id,
+      url: data.url,
+      status: 'done'
+    });
+  };
+
+  const onDeleteFile = (index: number) => {
+    files.value.splice(index, 1);
+  };
+
+  // const onWebsiteType = (text: string) => {
+  //   form.websiteType = text;
+  // };
+
+  const { resetFields } = useForm(form, rules);
+
+  /* 保存编辑 */
+  const save = () => {
+    if (!formRef.value) {
+      return;
+    }
+    formRef.value
+      .validate()
+      .then(() => {
+        loading.value = true;
+        const saveOrUpdate = isUpdate.value ? updateCmsWebsite : addCmsWebsite;
+        if (!isUpdate.value) {
+          updateVisible(false);
+          message.loading('创建过程中请勿刷新页面！', 0);
+        }
+        const formData = {
+          ...form,
+          type: 20,
+          adminUrl: `mp.websoft.top`,
+          files: JSON.stringify(files.value)
+        };
+        saveOrUpdate(formData)
+          .then((msg) => {
+            loading.value = false;
+            updateVisible(false);
+            updateCmsDomain({
+              websiteId: form.websiteId,
+              domain: `${localStorage.getItem('TenantId')}.shoplnk.cn`
+            });
+            updateTenant({
+              tenantName: `${form.websiteName}`
+            }).then(() => {});
+            localStorage.setItem('Domain', `${form.websiteCode}.shoplnk.cn`);
+            localStorage.setItem('WebsiteId', `${form.websiteId}`);
+            localStorage.setItem('WebsiteName', `${form.websiteName}`);
+            message.destroy();
+            message.success(msg);
+            // window.location.reload();
+            emit('done');
+          })
+          .catch((e) => {
+            loading.value = false;
+            message.destroy();
+            message.error(e.message);
+          });
+      })
+      .catch(() => {});
+  };
+
+  watch(
+    () => props.visible,
+    (visible) => {
+      if (visible) {
+        images.value = [];
+        files.value = [];
+        websiteQrcode.value = [];
+        if (props.data?.websiteId) {
+          assignObject(form, props.data);
+          if (props.data.websiteLogo) {
+            images.value.push({
+              uid: uuid(),
+              url: props.data.websiteLogo,
+              status: 'done'
+            });
+          }
+          if (props.data.files) {
+            files.value = JSON.parse(props.data.files);
+          }
+          if (props.data.websiteCode) {
+            oldDomain.value = props.data.websiteCode;
+          }
+          isUpdate.value = true;
+        } else {
+          isUpdate.value = false;
+        }
+      } else {
+        resetFields();
+      }
+    },
+    { immediate: true }
+  );
+</script>