1.新增商城参数配置菜单-管理兑换比例

2026-05-06 15:21:59 +08:00
parent c2c2baeaec
commit ec499dce0f
31 changed files with 577 additions and 34 deletions
--- a/web/src/views/backend/mall/address/index.vue
+++ b/web/src/views/backend/mall/address/index.vue
@@ -1,5 +1,6 @@
 <template>
    <div class="default-main ba-table-box">
+        <MallPageIntro page-key="address" />
        <el-alert class="ba-table-alert" v-if="baTable.table.remark" :title="baTable.table.remark" type="info" show-icon />

        <!-- 表格顶部菜单 -->
@@ -25,6 +26,7 @@ import { useI18n } from 'vue-i18n'
 import PopupForm from './popupForm.vue'
 import { baTableApi } from '/@/api/common'
 import { defaultOptButtons } from '/@/components/table'
+import MallPageIntro from '/@/components/mall/MallPageIntro.vue'
 import TableHeader from '/@/components/table/header/index.vue'
 import Table from '/@/components/table/index.vue'
 import baTableClass from '/@/utils/baTable'
--- a/web/src/views/backend/mall/claimLog/index.vue
+++ b/web/src/views/backend/mall/claimLog/index.vue
@@ -1,5 +1,6 @@
 <template>
    <div class="default-main ba-table-box">
+        <MallPageIntro page-key="claimLog" />
        <el-alert class="ba-table-alert" v-if="baTable.table.remark" :title="baTable.table.remark" type="info" show-icon />

        <TableHeader
@@ -15,6 +16,7 @@
 import { onMounted, provide, useTemplateRef } from 'vue'
 import { useI18n } from 'vue-i18n'
 import { baTableApi } from '/@/api/common'
+import MallPageIntro from '/@/components/mall/MallPageIntro.vue'
 import TableHeader from '/@/components/table/header/index.vue'
 import Table from '/@/components/table/index.vue'
 import baTableClass from '/@/utils/baTable'
--- a/web/src/views/backend/mall/dailyPush/index.vue
+++ b/web/src/views/backend/mall/dailyPush/index.vue
@@ -1,5 +1,6 @@
 <template>
    <div class="default-main ba-table-box">
+        <MallPageIntro page-key="dailyPush" />
        <el-alert class="ba-table-alert" v-if="baTable.table.remark" :title="baTable.table.remark" type="info" show-icon />

        <TableHeader
@@ -15,6 +16,7 @@
 import { onMounted, provide, useTemplateRef } from 'vue'
 import { useI18n } from 'vue-i18n'
 import { baTableApi } from '/@/api/common'
+import MallPageIntro from '/@/components/mall/MallPageIntro.vue'
 import TableHeader from '/@/components/table/header/index.vue'
 import Table from '/@/components/table/index.vue'
 import baTableClass from '/@/utils/baTable'
--- a/web/src/views/backend/mall/item/index.vue
+++ b/web/src/views/backend/mall/item/index.vue
@@ -1,5 +1,6 @@
 <template>
    <div class="default-main ba-table-box">
+        <MallPageIntro page-key="item" />
        <el-alert class="ba-table-alert" v-if="baTable.table.remark" :title="baTable.table.remark" type="info" show-icon />

        <!-- 表格顶部菜单 -->
@@ -25,6 +26,7 @@ import { useI18n } from 'vue-i18n'
 import PopupForm from './popupForm.vue'
 import { baTableApi } from '/@/api/common'
 import { defaultOptButtons } from '/@/components/table'
+import MallPageIntro from '/@/components/mall/MallPageIntro.vue'
 import TableHeader from '/@/components/table/header/index.vue'
 import Table from '/@/components/table/index.vue'
 import baTableClass from '/@/utils/baTable'
--- a/web/src/views/backend/mall/order/index.vue
+++ b/web/src/views/backend/mall/order/index.vue
@@ -1,5 +1,6 @@
 <template>
    <div class="default-main ba-table-box">
+        <MallPageIntro page-key="order" />
        <el-alert class="ba-table-alert" v-if="baTable.table.remark" :title="baTable.table.remark" type="info" show-icon />

        <TableHeader
@@ -18,6 +19,7 @@ import { onMounted, provide, useTemplateRef } from 'vue'
 import { useI18n } from 'vue-i18n'
 import { baTableApi } from '/@/api/common'
 import createAxios from '/@/utils/axios'
+import MallPageIntro from '/@/components/mall/MallPageIntro.vue'
 import TableHeader from '/@/components/table/header/index.vue'
 import Table from '/@/components/table/index.vue'
 import baTableClass from '/@/utils/baTable'
--- a/web/src/views/backend/mall/pintsOrder/index.vue
+++ b/web/src/views/backend/mall/pintsOrder/index.vue
@@ -1,5 +1,6 @@
 <template>
    <div class="default-main ba-table-box">
+        <MallPageIntro page-key="pintsOrder" />
        <el-alert class="ba-table-alert" v-if="baTable.table.remark" :title="baTable.table.remark" type="info" show-icon />

        <!-- 表格顶部菜单 -->
@@ -25,6 +26,7 @@ import { useI18n } from 'vue-i18n'
 import PopupForm from './popupForm.vue'
 import { baTableApi } from '/@/api/common'
 import { defaultOptButtons } from '/@/components/table'
+import MallPageIntro from '/@/components/mall/MallPageIntro.vue'
 import TableHeader from '/@/components/table/header/index.vue'
 import Table from '/@/components/table/index.vue'
 import baTableClass from '/@/utils/baTable'
--- a/web/src/views/backend/mall/playxCenter/index.vue
+++ b/web/src/views/backend/mall/playxCenter/index.vue
@@ -2,12 +2,7 @@
    <div class="default-main">
        <!-- 语言包注入是异步的：把 t() 调用和子组件渲染都延后到注入完成后，避免 intlify Not found -->
        <template v-if="langReady">
-            <el-card shadow="never" class="mb-4">
-                <template #header>
-                    <div class="card-header">{{ t('mall.playxCenter.title') }}</div>
-                </template>
-                <div class="desc">{{ t('mall.playxCenter.desc') }}</div>
-            </el-card>
+            <MallPageIntro page-key="playxCenter" class="mb-4" />

            <el-tabs v-model="activeName" type="border-card">
                <el-tab-pane :label="t('mall.playxCenter.orders')" name="orders">
@@ -34,6 +29,7 @@ import PlayxOrderIndex from '/@/views/backend/mall/playxOrder/index.vue'
 import PlayxDailyPushIndex from '/@/views/backend/mall/playxDailyPush/index.vue'
 import PlayxClaimLogIndex from '/@/views/backend/mall/playxClaimLog/index.vue'
 import PlayxUserAssetIndex from '/@/views/backend/mall/playxUserAsset/index.vue'
+import MallPageIntro from '/@/components/mall/MallPageIntro.vue'
 import { useConfig } from '/@/stores/config'
 import { mergeMessage } from '/@/lang/index'

@@ -92,11 +88,5 @@ onMounted(async () => {
 .mb-4 {
    margin-bottom: 16px;
 }
-.card-header {
-    font-weight: 600;
-}
-.desc {
-    color: var(--el-text-color-secondary);
-}
 </style>

--- a/web/src/views/backend/mall/playxClaimLog/index.vue
+++ b/web/src/views/backend/mall/playxClaimLog/index.vue
@@ -1,5 +1,6 @@
 <template>
    <div class="default-main ba-table-box">
+        <MallPageIntro page-key="playxClaimLog" />
        <el-alert class="ba-table-alert" v-if="baTable.table.remark" :title="baTable.table.remark" type="info" show-icon />

        <TableHeader
@@ -15,6 +16,7 @@
 import { onMounted, provide, useTemplateRef } from 'vue'
 import { useI18n } from 'vue-i18n'
 import { baTableApi } from '/@/api/common'
+import MallPageIntro from '/@/components/mall/MallPageIntro.vue'
 import TableHeader from '/@/components/table/header/index.vue'
 import Table from '/@/components/table/index.vue'
 import baTableClass from '/@/utils/baTable'
--- a/web/src/views/backend/mall/playxConfig/index.vue
+++ b/web/src/views/backend/mall/playxConfig/index.vue
@@ -0,0 +1,144 @@
+<template>
+    <div class="default-main ba-table-box">
+        <MallPageIntro page-key="playxConfig" />
+
+        <el-alert class="ba-table-alert" v-if="remark" :title="remark" type="info" show-icon />
+
+        <el-card shadow="never" v-loading="loading">
+            <el-form
+                v-if="!loading"
+                ref="formRef"
+                :model="form"
+                :rules="rules"
+                label-position="top"
+                @submit.prevent=""
+                @keyup.enter="onSubmit()"
+            >
+                <el-form-item :label="t('mall.playxConfig.return_ratio')" prop="return_ratio">
+                    <el-input-number
+                        v-model="form.return_ratio"
+                        :min="0"
+                        :max="100"
+                        :step="0.01"
+                        :precision="2"
+                        controls-position="right"
+                        class="w100"
+                    />
+                    <div class="form-tip">{{ t('mall.playxConfig.return_ratio_tip') }}</div>
+                </el-form-item>
+                <el-form-item :label="t('mall.playxConfig.unlock_ratio')" prop="unlock_ratio">
+                    <el-input-number
+                        v-model="form.unlock_ratio"
+                        :min="0"
+                        :max="100"
+                        :step="0.01"
+                        :precision="2"
+                        controls-position="right"
+                        class="w100"
+                    />
+                    <div class="form-tip">{{ t('mall.playxConfig.unlock_ratio_tip') }}</div>
+                </el-form-item>
+                <el-form-item :label="t('mall.playxConfig.points_to_cash_ratio')" prop="points_to_cash_ratio">
+                    <el-input-number
+                        v-model="form.points_to_cash_ratio"
+                        :min="0"
+                        :max="100"
+                        :step="0.01"
+                        :precision="2"
+                        controls-position="right"
+                        class="w100"
+                    />
+                    <div class="form-tip">{{ t('mall.playxConfig.points_to_cash_ratio_tip') }}</div>
+                </el-form-item>
+                <el-form-item>
+                    <el-button type="primary" :loading="submitting" @click="onSubmit()">{{ t('Save') }}</el-button>
+                </el-form-item>
+            </el-form>
+        </el-card>
+    </div>
+</template>
+
+<script setup lang="ts">
+import type { FormInstance, FormRules } from 'element-plus'
+import { onMounted, reactive, ref, useTemplateRef } from 'vue'
+import { useI18n } from 'vue-i18n'
+import { index, save } from '/@/api/backend/mall/playxConfig'
+import MallPageIntro from '/@/components/mall/MallPageIntro.vue'
+
+defineOptions({
+    name: 'mall/playxConfig',
+})
+
+const { t } = useI18n()
+const formRef = useTemplateRef<FormInstance>('formRef')
+const loading = ref(true)
+const submitting = ref(false)
+const remark = ref('')
+
+const form = reactive({
+    return_ratio: 0.1,
+    unlock_ratio: 0.1,
+    points_to_cash_ratio: 0.1,
+})
+
+const rules: FormRules = {
+    return_ratio: [{ required: true, message: t('Please input field', { field: t('mall.playxConfig.return_ratio') }) }],
+    unlock_ratio: [{ required: true, message: t('Please input field', { field: t('mall.playxConfig.unlock_ratio') }) }],
+    points_to_cash_ratio: [{ required: true, message: t('Please input field', { field: t('mall.playxConfig.points_to_cash_ratio') }) }],
+}
+
+const loadData = () => {
+    loading.value = true
+    index()
+        .then((res) => {
+            remark.value = res.data.remark ?? ''
+            const row = res.data.row ?? {}
+            if (row.return_ratio !== undefined && row.return_ratio !== null) {
+                form.return_ratio = parseFloat(String(row.return_ratio))
+            }
+            if (row.unlock_ratio !== undefined && row.unlock_ratio !== null) {
+                form.unlock_ratio = parseFloat(String(row.unlock_ratio))
+            }
+            if (row.points_to_cash_ratio !== undefined && row.points_to_cash_ratio !== null) {
+                form.points_to_cash_ratio = parseFloat(String(row.points_to_cash_ratio))
+            }
+        })
+        .finally(() => {
+            loading.value = false
+        })
+}
+
+const onSubmit = () => {
+    formRef.value?.validate((valid) => {
+        if (!valid) return
+        submitting.value = true
+        save({
+            return_ratio: form.return_ratio,
+            unlock_ratio: form.unlock_ratio,
+            points_to_cash_ratio: form.points_to_cash_ratio,
+        })
+            .then(() => {
+                loadData()
+            })
+            .finally(() => {
+                submitting.value = false
+            })
+    })
+}
+
+onMounted(() => {
+    loadData()
+})
+</script>
+
+<style scoped lang="scss">
+.w100 {
+    width: 100%;
+}
+.form-tip {
+    margin-top: 6px;
+    font-size: 12px;
+    color: var(--el-text-color-secondary);
+    line-height: 1.5;
+}
+</style>
--- a/web/src/views/backend/mall/playxDailyPush/index.vue
+++ b/web/src/views/backend/mall/playxDailyPush/index.vue
@@ -1,5 +1,6 @@
 <template>
    <div class="default-main ba-table-box">
+        <MallPageIntro page-key="playxDailyPush" />
        <el-alert class="ba-table-alert" v-if="baTable.table.remark" :title="baTable.table.remark" type="info" show-icon />

        <TableHeader
@@ -15,6 +16,7 @@
 import { onMounted, provide, useTemplateRef } from 'vue'
 import { useI18n } from 'vue-i18n'
 import { baTableApi } from '/@/api/common'
+import MallPageIntro from '/@/components/mall/MallPageIntro.vue'
 import TableHeader from '/@/components/table/header/index.vue'
 import Table from '/@/components/table/index.vue'
 import baTableClass from '/@/utils/baTable'
--- a/web/src/views/backend/mall/playxOrder/index.vue
+++ b/web/src/views/backend/mall/playxOrder/index.vue
@@ -1,5 +1,6 @@
 <template>
    <div class="default-main ba-table-box">
+        <MallPageIntro page-key="playxOrder" />
        <el-alert class="ba-table-alert" v-if="baTable.table.remark" :title="baTable.table.remark" type="info" show-icon />

        <TableHeader
@@ -15,6 +16,7 @@
 import { onMounted, provide, useTemplateRef } from 'vue'
 import { useI18n } from 'vue-i18n'
 import { baTableApi } from '/@/api/common'
+import MallPageIntro from '/@/components/mall/MallPageIntro.vue'
 import createAxios from '/@/utils/axios'
 import TableHeader from '/@/components/table/header/index.vue'
 import Table from '/@/components/table/index.vue'
--- a/web/src/views/backend/mall/playxUserAsset/index.vue
+++ b/web/src/views/backend/mall/playxUserAsset/index.vue
@@ -1,5 +1,6 @@
 <template>
    <div class="default-main ba-table-box">
+        <MallPageIntro page-key="playxUserAsset" />
        <el-alert class="ba-table-alert" v-if="baTable.table.remark" :title="baTable.table.remark" type="info" show-icon />

        <TableHeader
@@ -15,6 +16,7 @@
 import { onMounted, provide, useTemplateRef } from 'vue'
 import { useI18n } from 'vue-i18n'
 import { baTableApi } from '/@/api/common'
+import MallPageIntro from '/@/components/mall/MallPageIntro.vue'
 import TableHeader from '/@/components/table/header/index.vue'
 import Table from '/@/components/table/index.vue'
 import baTableClass from '/@/utils/baTable'
--- a/web/src/views/backend/mall/redemptionOrder/index.vue
+++ b/web/src/views/backend/mall/redemptionOrder/index.vue
@@ -1,5 +1,6 @@
 <template>
    <div class="default-main ba-table-box">
+        <MallPageIntro page-key="redemptionOrder" />
        <el-alert class="ba-table-alert" v-if="baTable.table.remark" :title="baTable.table.remark" type="info" show-icon />

        <!-- 表格顶部菜单 -->
@@ -25,6 +26,7 @@ import { useI18n } from 'vue-i18n'
 import PopupForm from './popupForm.vue'
 import { baTableApi } from '/@/api/common'
 import { defaultOptButtons } from '/@/components/table'
+import MallPageIntro from '/@/components/mall/MallPageIntro.vue'
 import TableHeader from '/@/components/table/header/index.vue'
 import Table from '/@/components/table/index.vue'
 import baTableClass from '/@/utils/baTable'
--- a/web/src/views/backend/mall/userAsset/index.vue
+++ b/web/src/views/backend/mall/userAsset/index.vue
@@ -1,5 +1,6 @@
 <template>
    <div class="default-main ba-table-box">
+        <MallPageIntro page-key="userAsset" />
        <el-alert class="ba-table-alert" v-if="baTable.table.remark" :title="baTable.table.remark" type="info" show-icon />

        <TableHeader
@@ -19,6 +20,7 @@ import { useI18n } from 'vue-i18n'
 import PopupForm from './popupForm.vue'
 import { baTableApi } from '/@/api/common'
 import { defaultOptButtons } from '/@/components/table'
+import MallPageIntro from '/@/components/mall/MallPageIntro.vue'
 import TableHeader from '/@/components/table/header/index.vue'
 import Table from '/@/components/table/index.vue'
 import baTableClass from '/@/utils/baTable'