.

src/components/SettingRow/index.jsx

@@ -0,0 +1,48 @@
+import { Input, Button, Tooltip, message } from 'antd';
+import { useState } from 'react';
+import { CheckOutlined, UndoOutlined } from '@ant-design/icons';
+
+const SettingRow = (props) => {
+  const { value, onChange } = props;
+  const [val, setVal] = useState(value.settingValue);
+  const [isShow, setIsShow] = useState(false);
+  const handleInput = () => {
+    setIsShow(true);
+  };
+  const handleClick = () => {
+    if (val) {
+      onChange(value, val);
+    } else {
+      message.info(value.settingDesc + '不能为空');
+      setVal(value.settingValue);
+    }
+  };
+  const handleChange = (e) => {
+    setVal(e.target.value);
+  };
+  const handleReset = () => {
+    setVal(value.settingValue);
+    setIsShow(false);
+  };
+  return (
+    <div style={{ textAlign: 'center' }}>
+      {value.settingDesc}：
+      <Input style={{ width: '400px' }} value={val} onChange={handleChange} onInput={handleInput} />
+      <Button
+        type="text"
+        style={{ color: '#1890ff', visibility: isShow ? 'inherit' : 'hidden' }}
+        icon={<CheckOutlined />}
+        onClick={handleClick}
+      />
+      <Tooltip placement="top" title={'重置' + value.settingDesc}>
+        <Button
+          type="text"
+          style={{ color: 'green', visibility: isShow ? 'inherit' : 'hidden' }}
+          icon={<UndoOutlined />}
+          onClick={handleReset}
+        />
+      </Tooltip>
+    </div>
+  );
+};
+export default SettingRow;

src/pages/SystemManagement/Administrator/index.jsx

@@ -280,6 +280,7 @@ export default (props) => {
       title: '邮箱',
       dataIndex: 'email',
       key: 'email',
+      search: false,
     },
     {
       title: '注册时间',
@@ -293,14 +294,7 @@ export default (props) => {
       dataIndex: 'status',
       key: 'status',
       width: 80,
-      renderFormItem: () => {
-        return (
-          <Select placeholder="请选择">
-            <Option value={1}>启用</Option>
-            <Option value={0}>禁用</Option>
-          </Select>
-        );
-      },
+      search: false,
       render: (_, record) => {
         return record.status === 1 ? '启用' : '未启用';
       },

src/pages/SystemManagement/BasicParameters/index.jsx

@@ -1,15 +1,16 @@
-import { Input, Card, InputNumber, Button, message } from "antd"
-import { useEffect, useState } from 'react'
-import { Form } from "antd";
+import { Input, Card, InputNumber, Button, message } from 'antd';
+import { useEffect, useState } from 'react';
+import { Form } from 'antd';
 import { history } from 'umi';
-import ProCard from '@ant-design/pro-card'
+import ProCard from '@ant-design/pro-card';
+import { getSetting, updateSetting } from '@/services/setting';
+import SettingRow from '@/components/SettingRow';
 
-
-const FormItem = Form.Item
+const FormItem = Form.Item;
 export default (props) => {
-
-  const [form] = Form.useForm()
-  const [loading, setLoading] = useState(false)
+  const [form] = Form.useForm();
+  const [loading, setLoading] = useState(false);
+  const [data, setData] = useState([]);
 
   const formItemLayout = {
     //布局
@@ -17,25 +18,58 @@ export default (props) => {
     wrapperCol: { span: 14 },
   };
 
-  const Submit = values => {
-    console.log("🚀 ~ file: index.jsx ~ line 21 ~ values", values)
+  const Submit = (values) => {
+    console.log('🚀 ~ file: index.jsx ~ line 21 ~ values', values);
   };
-
+  const handleChange = (item, val) => {
+    updateSetting(item.settingId, { ...item, settingValue: val })
+      .then(() => {
+        message.success('修改' + item.settingDesc + '成功');
+      })
+      .catch((err) => {
+        setLoading(false);
+        message.error(err.message || err);
+      });
+  };
+  useEffect(() => {
+    getSetting().then((res) => {
+      setData(res.records);
+    });
+  }, []);
   return (
-    <Card >
+    <Card>
       <ProCard tabs={{ type: 'card' }} style={{ marginTop: '16px' }}>
         <ProCard.TabPane key={1} tab="基本参数">
-          <Form {...formItemLayout} onFinish={Submit} form={form} >
-            <FormItem label="平台联系电话" name="shopName" rules={[{ required: true, message: '请输入' }]}>
-              <Input placeholder="请输入" type={"number"} maxLength={11} style={{ width: '350px' }} />
+          {data.map((item) => {
+            return <SettingRow key={item.settingId} value={item} onChange={handleChange} />;
+          })}
+          {/* <Form {...formItemLayout} onFinish={Submit} form={form}>
+            <FormItem
+              label="平台联系电话"
+              name="shopName"
+              rules={[{ required: true, message: '请输入' }]}
+            >
+              <Input
+                placeholder="请输入"
+                type={'number'}
+                maxLength={11}
+                style={{ width: '350px' }}
+              />
             </FormItem>
 
-            <FormItem label=" " colon={false} >
-              <Button type='primary' loading={loading} htmlType="Submit" style={{ marginLeft: '4em' }}>保存</Button>
+            <FormItem label=" " colon={false}>
+              <Button
+                type="primary"
+                loading={loading}
+                htmlType="Submit"
+                style={{ marginLeft: '4em' }}
+              >
+                保存
+              </Button>
             </FormItem>
-          </Form>
+          </Form> */}
         </ProCard.TabPane>
       </ProCard>
     </Card>
-  )
-}
+  );
+};

src/services/setting.js

@@ -0,0 +1,14 @@
+import request from '@/utils/request';
+/**
+ * 系统基本数据更新
+ * @param {*} data
+ * @returns
+ */
+export const updateSetting = (id, data) => request(`/setting/${id}`, { method: 'put', data });
+
+/**
+ * 查询系统基本信息
+ * @param {*} params
+ * @returns
+ */
+export const getSetting = (params) => request('/setting', { params });