feat: 新增携带历史信息数量配置

79E · May 21, 2023 · 0b7e7c7 · 0b7e7c7
1 parent 27b1a8f
commit 0b7e7c7
Showing 1 changed file with 98 additions and 49 deletions.
diff --git a/src/pages/admin/config/index.tsx b/src/pages/admin/config/index.tsx
@@ -2,7 +2,7 @@ import {
     ProFormDigit,
     QueryFilter,
 } from '@ant-design/pro-components';
-import { Form, message } from 'antd';
+import { Form, Space, message } from 'antd';
 import { useEffect, useState } from 'react';
 import styles from './index.module.less'
 import { getAdminConfig, putAdminConfig } from '@/request/adminApi';
@@ -16,24 +16,32 @@ function ConfigPage() {
         signin_reward: number | string,
     }>();
 
-    function getConfigValue (key: string, data: Array<ConfigInfo>){
+    const [historyMessageForm] = Form.useForm<{
+        history_message_count: number | string,
+    }>();
+
+    function getConfigValue(key: string, data: Array<ConfigInfo>) {
         const value = data.filter(c => c.name === key)[0]
         return value
     }
 
-    function onRewardFormSet (data: Array<ConfigInfo>){
+    function onRewardFormSet(data: Array<ConfigInfo>) {
         const registerRewardInfo = getConfigValue('register_reward', data)
         const signinRewardInfo = getConfigValue('signin_reward', data)
+        const historyMessageCountInfo = getConfigValue('history_message_count', data)
         rewardForm.setFieldsValue({
             register_reward: registerRewardInfo.value,
             signin_reward: signinRewardInfo.value
         })
+        historyMessageForm.setFieldsValue({
+            history_message_count: Number(historyMessageCountInfo.value)
+        })
     }
 
 
-    function onGetConfig (){
-        getAdminConfig().then((res)=>{
-            if(res.code){
+    function onGetConfig() {
+        getAdminConfig().then((res) => {
+            if (res.code) {
                 message.error('获取配置错误')
                 return
             }
@@ -42,53 +50,94 @@ function ConfigPage() {
         })
     }
 
-    useEffect(()=>{
+    useEffect(() => {
         onGetConfig()
-    },[])
+    }, [])
+
+    async function onSave(values: any){
+        return putAdminConfig(values).then((res) => {
+            if (res.code) {
+                message.error('保存失败')
+                return
+            }
+            message.success('保存成功')
+            onGetConfig()
+        })
+    }
 
     return (
         <div className={styles.config}>
-            <div className={styles.config_form}>
-                <h3>奖励激励</h3>
-                <QueryFilter
-                    form={rewardForm}
-                    onFinish={async (values: any) => {
-                        putAdminConfig(values).then((res)=>{
-                            if(res.code) {
-                                message.error('保存失败')
-                                return
-                            }
-                            message.success('保存成功')
-                            onGetConfig()
-                        })
-                    }}
-                    onReset={()=>{
-                        onRewardFormSet(configs)
-                    }}
-                    size="large"
-                    collapsed={false}
-                    defaultCollapsed={false}
-                    requiredMark={false}
-                    defaultColsNumber={79}
-                    searchText="保存"
-                    resetText="恢复"
-                >
-                    <ProFormDigit
-                        name="register_reward"
-                        label="注册奖励"
-                        tooltip="新用户注册赠送积分数量"
-                        min={0}
-                        max={100000}
-                    />
-                    <ProFormDigit
-                        name="signin_reward"
-                        label="签到奖励"
-                        tooltip="每日签到赠送积分数量"
-                        min={0}
-                        max={100000}
-                    />
-                </QueryFilter>
-            </div>
+            <Space direction="vertical" style={{
+                width: '100%'
+            }}
+            >
+                <div className={styles.config_form}>
+                    <h3>奖励激励</h3>
+                    <QueryFilter
+                        form={rewardForm}
+                        onFinish={async (values: any) => {
+                            putAdminConfig(values).then((res) => {
+                                if (res.code) {
+                                    message.error('保存失败')
+                                    return
+                                }
+                                message.success('保存成功')
+                                onGetConfig()
+                            })
+                        }}
+                        onReset={() => {
+                            onRewardFormSet(configs)
+                        }}
+                        size="large"
+                        collapsed={false}
+                        defaultCollapsed={false}
+                        requiredMark={false}
+                        defaultColsNumber={79}
+                        searchText="保存"
+                        resetText="恢复"
+                    >
+                        <ProFormDigit
+                            name="register_reward"
+                            label="注册奖励"
+                            tooltip="新用户注册赠送积分数量"
+                            min={0}
+                            max={100000}
+                        />
+                        <ProFormDigit
+                            name="signin_reward"
+                            label="签到奖励"
+                            tooltip="每日签到赠送积分数量"
+                            min={0}
+                            max={100000}
+                        />
+                    </QueryFilter>
+                </div>
+                <div className={styles.config_form}>
+                    <h3>历史记录</h3>
+                    <QueryFilter
+                        form={historyMessageForm}
+                        onFinish={onSave}
+                        onReset={() => {
+                            onRewardFormSet(configs)
+                        }}
+                        size="large"
+                        collapsed={false}
+                        defaultCollapsed={false}
+                        requiredMark={false}
+                        defaultColsNumber={79}
+                        searchText="保存"
+                        resetText="恢复"
+                    >
+                        <ProFormDigit
+                            name="history_message_count"
+                            label="携带数量"
+                            tooltip="新用户注册赠送积分数量"
+                            min={1}
+                            max={100000}
+                        />
+                    </QueryFilter>
+                </div>
+            </Space>
         </div>
     )
 }