diff --git a/README-CN.md b/README-CN.md
index 4d7eabe..5529242 100644
--- a/README-CN.md
+++ b/README-CN.md
@@ -80,20 +80,12 @@ yarn build
 
 ## ⛺️ 环境变量
 
-> 本项目大多数配置项都通过环境变量来设置。
+> 如果是前后端分离模式部署项目则需要填以下配置
 
 #### `VITE_APP_REQUEST_HOST` 
 
 请求服务端的`Host`地址。
 
-#### `VITE_APP_TITLE` 
-
-Chat Web 标题名称。
-
-#### `VITE_APP_LOGO` 
-
-Chat Web Logo。
-
 ## 🚧 开发
 
 > 强烈不建议在本地进行开发或者部署，由于一些技术原因，很难在本地配置好 OpenAI API 代理，除非你能保证可以直连 OpenAI 服务器。
diff --git a/README.md b/README.md
index 2043bca..5b1a767 100644
--- a/README.md
+++ b/README.md
@@ -87,20 +87,12 @@ yarn build
 
 ## ⛺️ Environment Variable
 
-> Most configuration items in this project are set through environment variables.
+> If it is a front-end and back-end separation mode deployment project, the following configuration needs to be filled in
 
 #### `VITE_APP_REQUEST_HOST` 
 
 Request the `Host` address of the server.
 
-#### `VITE_APP_TITLE` 
-
-Chat Web title.
-
-#### `VITE_APP_LOGO` 
-
-Chat Web Logo.
-
 ## 🚧 Develop
 
 > It is strongly not recommended to develop or deploy locally. Due to technical reasons, it is difficult to configure OpenAI API proxies locally, unless you can guarantee direct connection to the OpenAI server.
diff --git a/src/components/ConfigModal/index.tsx b/src/components/ConfigModal/index.tsx
index 73e222a..50d2610 100644
--- a/src/components/ConfigModal/index.tsx
+++ b/src/components/ConfigModal/index.tsx
@@ -81,7 +81,7 @@ function ConfigModal(props: Props) {
         <ProFormSlider name="limit_message" max={10} min={0} step={1} />
       </FormItemCard> */}
       <FormItemCard title="随机性" describe="值越大，回复越随机，大于 1 的值可能会导致乱码">
-        <ProFormSlider name="temperature" max={2} min={-2} step={0.1} />
+        <ProFormSlider name="temperature" max={2} min={0} step={0.1} />
       </FormItemCard>
       <FormItemCard title="话题新鲜度" describe="值越大，越有可能扩展到新话题">
         <ProFormSlider name="presence_penalty" max={2} min={-2} step={0.1} />
diff --git a/src/components/FormItemCard/index.tsx b/src/components/FormItemCard/index.tsx
index a274f63..02c697b 100644
--- a/src/components/FormItemCard/index.tsx
+++ b/src/components/FormItemCard/index.tsx
@@ -1,26 +1,41 @@
 import useDocumentResize from '@/hooks/useDocumentResize'
 import styles from './index.module.less'
+import { useMemo } from 'react'
 
 type Props = {
   title: string
-  describe: string
+  describe?: string
+  direction?: 'vertical' | 'horizontal'
   children?: React.ReactNode
 }
 
 function FormItemCard(props: Props) {
+
+  const { direction = 'horizontal' } = props;
+
   const { width } = useDocumentResize()
 
+  const style: React.CSSProperties = useMemo(()=>{
+    if(direction === 'vertical'){
+      return {
+        flexDirection: 'column',
+        alignItems: 'normal'
+      }
+    }
+    return {
+      flexDirection: width < 600 ? 'column' : 'row',
+      alignItems: width < 600 ? 'normal' : 'center'
+    }
+  }, [direction, width])
+
   return (
     <div
       className={styles.formItemCard}
-      style={{
-        flexDirection: width < 600 ? 'column' : 'row',
-        alignItems: width < 600 ? 'normal' : 'center'
-      }}
+      style={style}
     >
       <div className={styles.formItemCard_text}>
         <p>{props.title}</p>
-        <span>{props.describe}</span>
+        {props.describe && <span>{props.describe}</span>}
       </div>
       <div className={styles.formItemCard_field}>{props.children}</div>
     </div>
diff --git a/src/components/GoodsList/index.tsx b/src/components/GoodsList/index.tsx
index 70c45df..0280f72 100644
--- a/src/components/GoodsList/index.tsx
+++ b/src/components/GoodsList/index.tsx
@@ -1,6 +1,8 @@
 import { ProductInfo } from '@/types'
 import styles from './index.module.less'
 import { useEffect, useState } from 'react'
+import { QuestionCircleOutlined } from '@ant-design/icons';
+import { Popover } from 'antd';
 
 function GoodsList(props: { list: Array<ProductInfo>; onChange: (item: ProductInfo) => void }) {
   const [selectItem, setSelectItem] = useState<ProductInfo>()
@@ -26,7 +28,7 @@ function GoodsList(props: { list: Array<ProductInfo>; onChange: (item: ProductIn
               setSelectItem(item)
             }}
           >
-			<p className={styles.goodsList_item_level}>{ item.level === 1 ? '会员' : item.level === 2 ? '超级会员' : '超级特惠' }</p>
+			<p className={styles.goodsList_item_level}>{ item.level === 1 ? '会员' : item.level === 2 ? '超级会员' : '超级特惠' } {item?.describe && <Popover content={item.describe} title={item.title}><QuestionCircleOutlined /></Popover>}</p>
             {item.type === 'integral' ? <h3>{item.value}积分</h3> : <h3>{item.value}天</h3>}
 			<div className={styles.goodsList_item_price}>
 				<p className={styles.sales_price}>{(item.price / 100).toFixed(2)}<span>元</span></p>
diff --git a/src/components/Layout/index.tsx b/src/components/Layout/index.tsx
index 3694edd..a7568b3 100644
--- a/src/components/Layout/index.tsx
+++ b/src/components/Layout/index.tsx
@@ -1,68 +1,109 @@
-import { MenuDataItem, ProLayout } from '@ant-design/pro-components';
-import HeaderRender from '../HeaderRender';
-import { ChatsInfo } from '@/types';
-import React from 'react';
-import { MenuProps } from 'antd';
+import { MenuDataItem, ProLayout } from '@ant-design/pro-components'
+import HeaderRender from '../HeaderRender'
+import { ChatsInfo } from '@/types'
+import React, { useEffect } from 'react'
+import { MenuProps } from 'antd'
+import { configStore } from '@/store'
 
 type Props = {
-    menuExtraRender?: () => React.ReactNode,
-    route?: {
-        path: string,
-        routes: Array<ChatsInfo>
+  menuExtraRender?: () => React.ReactNode
+  route?: {
+    path: string
+    routes: Array<ChatsInfo>
+  }
+  menuItemRender?: (
+    item: MenuDataItem & {
+      isUrl: boolean
+      onClick: () => void
     },
-    menuItemRender?:(item: MenuDataItem & {
-        isUrl: boolean;
-        onClick: () => void;
-    }, defaultDom: React.ReactNode, menuProps: MenuProps | any) => React.ReactNode | undefined,
-    menuDataRender?: ((menuData: MenuDataItem[]) => MenuDataItem[]),
-    menuFooterRender?: (props?: any) => React.ReactNode,
-    menuProps?: MenuProps,
-    children?: React.ReactNode
+    defaultDom: React.ReactNode,
+    menuProps: MenuProps | any
+  ) => React.ReactNode | undefined
+  menuDataRender?: (menuData: MenuDataItem[]) => MenuDataItem[]
+  menuFooterRender?: (props?: any) => React.ReactNode
+  menuProps?: MenuProps
+  children?: React.ReactNode
 }
 
 function Layout(props: Props) {
-    const { menuExtraRender = () => <></>, menuItemRender = ()=> undefined } = props;
-    return (
-        <ProLayout
-            title={import.meta.env.VITE_APP_TITLE}
-            logo={import.meta.env.VITE_APP_LOGO}
-            layout="mix"
-            splitMenus={false}
-            contentWidth="Fluid"
-            fixedHeader
-            fixSiderbar
-            headerRender={HeaderRender}
-            contentStyle={{
-                height: 'calc(100vh - 56px)',
-                background: '#fff'
-            }}
-            siderMenuType="group"
-            style={{
-                background: '#fff'
-            }}
-            menu={{
-                hideMenuWhenCollapsed: true,
-                locale: false,
-                collapsedShowGroupTitle: false
-            }}
-            suppressSiderWhenMenuEmpty
-            siderWidth={300}
-            menuExtraRender={menuExtraRender}
-            menuItemRender={menuItemRender}
-            route={props.route}
-            menuDataRender={props.menuDataRender}
-            avatarProps={{
-                src: 'https://cdn.jsdelivr.net/gh/duogongneng/testuitc/1682426702646avatarf3db669b024fad66-1930929abe2847093.png',
-                size: 'small',
-                render: (props, dom) => <>{dom}</>
-            }}
-            menuFooterRender={props.menuFooterRender}
-            menuProps={props.menuProps}
-            breadcrumbRender={() => []}
-        >
-            {props.children}
-        </ProLayout>
-    )
+  const { menuExtraRender = () => <></>, menuItemRender = () => undefined } = props
+
+  const { website_logo, website_title, website_footer, website_description, website_keywords } =
+    configStore()
+
+  function createMetaElement(key: string, value: string) {
+    const isMeta = document.querySelector(`meta[name="${key}"]`)
+    if (!isMeta) {
+      const head = document.querySelector('head')
+      const meta = document.createElement('meta')
+      meta.name = key
+      meta.content = value
+      head?.appendChild(meta)
+    }
+  }
+
+  useEffect(() => {
+    createMetaElement('description', website_description)
+    createMetaElement('keywords', website_keywords)
+  }, [])
+
+  return (
+    <ProLayout
+      title={website_title}
+      logo={website_logo}
+      layout="mix"
+      splitMenus={false}
+      contentWidth="Fluid"
+      fixedHeader
+      fixSiderbar
+      headerRender={HeaderRender}
+      contentStyle={{
+        height: 'calc(100vh - 56px)',
+        background: '#fff'
+      }}
+      siderMenuType="group"
+      style={{
+        background: '#fff'
+      }}
+      menu={{
+        hideMenuWhenCollapsed: true,
+        locale: false,
+        collapsedShowGroupTitle: false
+      }}
+      suppressSiderWhenMenuEmpty
+      siderWidth={300}
+      menuExtraRender={menuExtraRender}
+      menuItemRender={menuItemRender}
+      route={props.route}
+      menuDataRender={props.menuDataRender}
+      avatarProps={{
+        src: 'https://u1.dl0.cn/icon/1682426702646avatarf3db669b024fad66-1930929abe2847093.png',
+        size: 'small',
+        render: (p, dom) => <>{dom}</>
+      }}
+      menuFooterRender={(p) => {
+        return (
+          <div>
+            {props.menuFooterRender?.(p)}
+            {website_footer && (
+              <div
+                style={{
+                  marginTop: 12
+                }}
+                dangerouslySetInnerHTML={{
+                  __html: website_footer
+                }}
+              />
+            )}
+          </div>
+        )
+      }}
+      menuProps={props.menuProps}
+      breadcrumbRender={() => []}
+    >
+      {props.children}
+    </ProLayout>
+  )
 }
 
-export default Layout;
\ No newline at end of file
+export default Layout
diff --git a/src/components/Reminder/index.module.less b/src/components/Reminder/index.module.less
index d3f16a5..af5e998 100644
--- a/src/components/Reminder/index.module.less
+++ b/src/components/Reminder/index.module.less
@@ -17,7 +17,8 @@
     &_message{
         font-size: 16px;
         color: #26334b;
-        margin-top: 4px;
+        margin-top: 8px;
+		line-height: 1.5;
         span{
             padding: 2px 8px;
             border: 1px solid #26334b;
diff --git a/src/components/Reminder/index.tsx b/src/components/Reminder/index.tsx
index 7f66e16..8c7b69b 100644
--- a/src/components/Reminder/index.tsx
+++ b/src/components/Reminder/index.tsx
@@ -1,54 +1,62 @@
-import styles from './index.module.less';
+import styles from './index.module.less'
 
-function Reminder(){
+function Reminder() {
+  const list = [
+    {
+      id: 'zhichangzhuli',
+      icon: 'https://p1.meituan.net/travelcube/ff6b82c66b420ca0867244eca69196a51213.png',
+      name: '职场助理',
+      desc: '作为手机斗地主游戏的产品经理，该如何做成国内爆款？'
+    },
+    {
+      id: 'dianyingjiaoben',
+      icon: 'https://p1.meituan.net/travelcube/114c7d1966a4c80a961ea2b51d45f30a1264.png',
+      name: '电影脚本',
+      desc: '写一段电影脚本，讲一个北漂草根创业逆袭的故事'
+    },
+    {
+      id: 'cuanxieduanwen',
+      icon: 'https://p0.meituan.net/travelcube/1d69e439c722baad87266e4d2f8de0f0428.png',
+      name: '撰写短文',
+      desc: '写一篇短文，用故事阐释幸福的意义'
+    },
+    {
+      id: 'daimabianxie',
+      icon: 'https://p0.meituan.net/travelcube/755ac03833e2f9e5dca8069ad1f437ff495.png',
+      name: '代码编写',
+      desc: '使用JavaScript写一个获取随机数的函数'
+    }
+  ]
 
-    const list = [
-        {
-            id: 'zhichangzhuli',
-            icon: 'https://www.imageoss.com/images/2023/04/23/Frame2x11dd9e54d8caafc4b2.png',
-            name: '职场助理',
-            desc: '作为手机斗地主游戏的产品经理，该如何做成国内爆款？'
-        },
-        {
-            id: 'dianyingjiaoben',
-            icon: 'https://www.imageoss.com/images/2023/04/23/Frame2x12ff8d52b031b85fbe.png',
-            name: '电影脚本',
-            desc: '写一段电影脚本，讲一个北漂草根创业逆袭的故事'
-        },
-        {
-            id: 'cuanxieduanwen',
-            icon: 'https://www.imageoss.com/images/2023/04/23/Frame2x132f6276a56cf44e81.png',
-            name: '撰写短文',
-            desc: '写一篇短文，用故事阐释幸福的意义'
-        },{
-            id: 'daimabianxie',
-            icon: 'https://www.imageoss.com/images/2023/04/23/Frame2x14a0f6c48d4355c6ea.png',
-            name: '代码编写',
-            desc: '使用JavaScript写一个获取随机数的函数'
-        }
-    ]
-
-    return (
-<div className={styles.reminder}>
-        <h2 className={styles.reminder_title}><img src="https://www.imageoss.com/images/2023/04/23/robot-logo4987eb2ca3f5ec85.png" alt="" />欢迎来到 {import.meta.env.VITE_APP_TITLE}</h2>
-        <p className={styles.reminder_message}>与AI智能聊天，畅想无限可能！基于先进的AI引擎，让你的交流更加智能、高效、便捷！</p>
-        <p className={styles.reminder_message}><span>Shift</span> + <span>Enter</span> 换行。开头输入 <span>/</span> 召唤 Prompt 角色预设。</p>
-        <div className={styles.reminder_question}>
-            {
-                list.map((item)=>{
-                    return (
-<div key={item.id} className={styles.reminder_question_item}>
-                        <img src={item.icon} alt="" />
-                        <h3>{item.name}</h3>
-                        <p>{item.desc}</p>
-</div>
-)
-                })
-            }
-
-        </div>
-</div>
-);
+  return (
+    <div className={styles.reminder}>
+      <h2 className={styles.reminder_title}>
+        <img
+          src="https://p0.meituan.net/travelcube/aa79b6289ebbc27e588c20944e58c5742303.png"
+          alt=""
+        />
+        欢迎来到 {document.title}
+      </h2>
+      <p className={styles.reminder_message}>
+        与AI智能聊天，畅想无限可能！基于先进的AI引擎，让你的交流更加智能、高效、便捷！
+      </p>
+      <p className={styles.reminder_message}>
+        <span>Shift</span> + <span>Enter</span> 换行。开头输入 <span>/</span> 召唤 Prompt
+        AI提示指令预设。
+      </p>
+      <div className={styles.reminder_question}>
+        {list.map((item) => {
+          return (
+            <div key={item.id} className={styles.reminder_question_item}>
+              <img src={item.icon} alt="" />
+              <h3>{item.name}</h3>
+              <p>{item.desc}</p>
+            </div>
+          )
+        })}
+      </div>
+    </div>
+  )
 }
 
-export default Reminder;
+export default Reminder
diff --git a/src/components/RichEdit/index.tsx b/src/components/RichEdit/index.tsx
index 581ae32..92df65b 100644
--- a/src/components/RichEdit/index.tsx
+++ b/src/components/RichEdit/index.tsx
@@ -2,14 +2,16 @@ import ReactQuill from 'react-quill'
 import 'react-quill/dist/quill.snow.css'
 
 type Props = {
-	value?: string,
-	onChange: (value: string) => void;
+  value?: string
+  defaultValue?: string
+  onChange: (value: string) => void
 }
 
 function RichEdit(props: Props) {
   return (
     <ReactQuill
       theme="snow"
+      defaultValue={props?.defaultValue}
       value={props?.value}
       onChange={props.onChange}
       formats={[
@@ -23,14 +25,30 @@ function RichEdit(props: Props) {
         'bullet',
         'indent',
         'link',
-        'image'
+        'image',
+        'color'
       ]}
       modules={{
         toolbar: [
-          [{ header: [1, 2, 3, 4, 5, false] }],
-          ['bold', 'italic', 'underline', 'strike', 'blockquote'],
-          [{ list: 'ordered' }, { list: 'bullet' }, { indent: '-1' }, { indent: '+1' }],
-          ['link', 'image']
+          //   [{ header: [1, 2, 3, 4, 5, false] }],
+          //   ['bold', 'italic', 'underline', 'strike', 'blockquote'],
+          //   [{ list: 'ordered' }, { list: 'bullet' }, { indent: '-1' }, { indent: '+1' }],
+		  [{ header: [1, 2, 3, 4, 5, 6, false] }],
+		  ['bold', 'italic', 'underline', 'strike'], // toggled buttons
+          ['blockquote', 'code-block'],
+
+          [{ header: 1 }, { header: 2 }], // custom button values
+          [{ list: 'ordered' }, { list: 'bullet' }],
+          [{ script: 'sub' }, { script: 'super' }], // superscript/subscript
+          [{ indent: '-1' }, { indent: '+1' }], // outdent/indent
+          [{ direction: 'rtl' }], // text direction
+
+        //   [{ size: ['small', false, 'large', 'huge'] }], // custom dropdown
+          [{ color: [] }, { background: [] }], // dropdown with defaults from theme
+        //   [{ font: [] }],
+          [{ align: [] }],
+		  ['link', 'image'],
+          ['clean']
         ]
       }}
     />
diff --git a/src/pages/404/index.tsx b/src/pages/404/index.tsx
index 3ae7a45..edec3d4 100644
--- a/src/pages/404/index.tsx
+++ b/src/pages/404/index.tsx
@@ -3,7 +3,7 @@ import styles from './index.module.less'
 function Page404 (){
     return (
         <div className={styles.page404}>
-            <img className={styles.page404_icon} src="https://files.catbox.moe/l2963j.png" alt="" srcSet="" />
+            <img className={styles.page404_icon} src="https://u1.dl0.cn/images/l2963j.png" alt="" srcSet="" />
             <div className={styles.page404_text}>
                 <h3>抱歉，您访问的页面不存在!</h3>
                 <p>请确认链接地址是否正确后重新尝试</p>
@@ -18,4 +18,4 @@ function Page404 (){
     )
 }
 
-export default Page404;
\ No newline at end of file
+export default Page404;
diff --git a/src/pages/admin/config/index.tsx b/src/pages/admin/config/index.tsx
index ad06256..6b87e4e 100644
--- a/src/pages/admin/config/index.tsx
+++ b/src/pages/admin/config/index.tsx
@@ -4,14 +4,16 @@ import {
   ProFormGroup,
   ProFormList,
   ProFormText,
+  ProFormTextArea,
   QueryFilter
 } from '@ant-design/pro-components'
-import { Button, Form, Space, message } from 'antd'
-import { useEffect, useState } from 'react'
+import { Button, Form, Space, Tabs, message } from 'antd'
+import { useEffect, useRef, useState } from 'react'
 import styles from './index.module.less'
 import { getAdminConfig, putAdminConfig } from '@/request/adminApi'
 import { ConfigInfo } from '@/types/admin'
 import { CloseCircleOutlined, SmileOutlined } from '@ant-design/icons'
+import RichEdit from '@/components/RichEdit'
 
 function ConfigPage() {
   const [configs, setConfigs] = useState<Array<ConfigInfo>>([])
@@ -29,13 +31,21 @@ function ConfigPage() {
     ai4_ratio: number | string
   }>()
 
-  const [drawUsePriceForm] = Form.useForm<{
-    draw_use_price: Array<{
-      size: string
-      integral: number
-    }>
+  const [drawPriceForm] = Form.useForm<{
+    draw_price: number | string
   }>()
 
+  const [webSiteForm] = Form.useForm<{
+    website_title: string
+    website_description: string
+    website_keywords: string
+    website_logo: string
+    website_footer: string
+  }>()
+
+  const shopIntroduce = useRef<string>()
+  const userIntroduce = useRef<string>()
+
   function getConfigValue(key: string, data: Array<ConfigInfo>) {
     const value = data.filter((c) => c.name === key)[0]
     return value
@@ -47,7 +57,7 @@ function ConfigPage() {
     const historyMessageCountInfo = getConfigValue('history_message_count', data)
     const ai3Ratio = getConfigValue('ai3_ratio', data)
     const ai4Ratio = getConfigValue('ai4_ratio', data)
-    const drawUsePrice = getConfigValue('draw_use_price', data)
+    const drawPrice = getConfigValue('draw_price', data)
     rewardForm.setFieldsValue({
       register_reward: registerRewardInfo.value,
       signin_reward: signinRewardInfo.value
@@ -59,33 +69,34 @@ function ConfigPage() {
       ai3_ratio: Number(ai3Ratio.value),
       ai4_ratio: Number(ai4Ratio.value)
     })
-    if (drawUsePrice && drawUsePrice.value) {
-      drawUsePriceForm.setFieldsValue({
-        draw_use_price: JSON.parse(drawUsePrice.value)
+    if (drawPrice && drawPrice.value) {
+      drawPriceForm.setFieldsValue({
+        draw_price: JSON.parse(drawPrice.value)
       })
     }
-    // else {
-    //   const drawUsePriceInitData = {
-    //     draw_use_price: [
-    //       {
-    //         size: '256x256',
-    //         integral: 80
-    //       },
-    //       {
-    //         size: '512x512',
-    //         integral: 90
-    //       },
-    //       {
-    //         size: '1024x1024',
-    //         integral: 100
-    //       }
-    //     ]
-    //   }
-    //   drawUsePriceForm.setFieldsValue(drawUsePriceInitData)
-    //   onSave({
-    //     draw_use_price: JSON.stringify(drawUsePriceInitData.draw_use_price)
-    //   })
-    // }
+
+    const website_title = getConfigValue('website_title', data)
+    const website_description = getConfigValue('website_description', data)
+    const website_keywords = getConfigValue('website_keywords', data)
+    const website_logo = getConfigValue('website_logo', data)
+    const website_footer = getConfigValue('website_footer', data)
+    webSiteForm.setFieldsValue({
+      website_title: website_title.value,
+      website_description: website_description.value,
+      website_keywords: website_keywords.value,
+      website_logo: website_logo.value,
+      website_footer: website_footer.value
+    })
+
+    const shop_introduce = getConfigValue('shop_introduce', data)
+    if (shop_introduce && shop_introduce.value) {
+      shopIntroduce.current = shop_introduce.value
+    }
+
+    const user_introduce = getConfigValue('user_introduce', data)
+    if (user_introduce && user_introduce.value) {
+      userIntroduce.current = user_introduce.value
+    }
   }
 
   function onGetConfig() {
@@ -114,8 +125,150 @@ function ConfigPage() {
     })
   }
 
-  return (
-    <div className={styles.config}>
+  function IntroduceSettings() {
+    return (
+      <Space
+        direction="vertical"
+        style={{
+          width: '100%'
+        }}
+      >
+        <div className={styles.config_form}>
+          <h3>商城页面公告设置</h3>
+          <div style={{ marginTop: 20, marginBottom: 20 }}>
+            <RichEdit
+              defaultValue={shopIntroduce.current}
+              value={shopIntroduce.current}
+              onChange={(value) => {
+                shopIntroduce.current = value
+              }}
+            />
+          </div>
+          <Button
+            size="large"
+            type="primary"
+            onClick={() => {
+              onSave({
+                shop_introduce: shopIntroduce.current
+              })
+            }}
+          >
+            保 存
+          </Button>
+        </div>
+        <div className={styles.config_form}>
+          <h3>个人中心页面公告设置</h3>
+          <div style={{ marginTop: 20, marginBottom: 20 }}>
+            <RichEdit
+              defaultValue={userIntroduce.current}
+              value={userIntroduce.current}
+              onChange={(value) => {
+                userIntroduce.current = value
+              }}
+            />
+          </div>
+          <Button
+            size="large"
+            type="primary"
+            onClick={() => {
+              onSave({
+                user_introduce: userIntroduce.current
+              })
+            }}
+          >
+            保 存
+          </Button>
+        </div>
+      </Space>
+    )
+  }
+
+  function WebSiteSettings() {
+    return (
+      <Space
+        direction="vertical"
+        style={{
+          width: '100%'
+        }}
+      >
+        <div className={styles.config_form}>
+          <h3>网站设置</h3>
+          <ProForm
+            autoFocus={false}
+            autoFocusFirstInput={false}
+            form={webSiteForm}
+            size="large"
+            initialValues={{}}
+            isKeyPressSubmit={false}
+            submitter={{
+              searchConfig: {
+                submitText: '保存',
+                resetText: '恢复'
+              }
+            }}
+            onFinish={onSave}
+            onReset={() => {
+              onRewardFormSet(configs)
+            }}
+          >
+            <ProForm.Group>
+              <ProFormText
+                width="xl"
+                name="website_title"
+                label="网站标题"
+                rules={[{ required: true, message: '请输入网站标题!' }]}
+              />
+              <ProFormText
+                width="xl"
+                name="website_logo"
+                label="网站LOGO"
+                rules={[{ required: true, message: '请输入网站LOGO URL!' }]}
+              />
+            </ProForm.Group>
+            <ProForm.Group>
+              <ProFormTextArea
+                width="xl"
+                name="website_description"
+                fieldProps={{
+                  autoSize: {
+                    minRows: 2,
+                    maxRows: 2
+                  }
+                }}
+                label="网站描述"
+                rules={[{ required: true, message: '请输入网站描述!' }]}
+              />
+              <ProFormTextArea
+                width="xl"
+                label="网站关键词"
+                name="website_keywords"
+                fieldProps={{
+                  autoSize: {
+                    minRows: 2,
+                    maxRows: 2
+                  }
+                }}
+                rules={[{ required: true, message: '请输入网站关键词!' }]}
+              />
+            </ProForm.Group>
+            <ProFormTextArea
+              name="website_footer"
+              label="网站页脚"
+              fieldProps={{
+                autoSize: {
+                  minRows: 2,
+                  maxRows: 6
+                }
+              }}
+            />
+          </ProForm>
+        </div>
+      </Space>
+    )
+  }
+
+  function RewardSettings() {
+    return (
       <Space
         direction="vertical"
         style={{
@@ -125,6 +278,8 @@ function ConfigPage() {
         <div className={styles.config_form}>
           <h3>奖励激励</h3>
           <QueryFilter
+			autoFocus={false}
+			autoFocusFirstInput={false}
             form={rewardForm}
             onFinish={async (values: any) => {
               putAdminConfig(values).then((res) => {
@@ -166,6 +321,8 @@ function ConfigPage() {
         <div className={styles.config_form}>
           <h3>历史记录</h3>
           <QueryFilter
+		  	autoFocus={false}
+			autoFocusFirstInput={false}
             form={historyMessageForm}
             onFinish={onSave}
             onReset={() => {
@@ -194,6 +351,8 @@ function ConfigPage() {
             设置1积分等于多少Token，比如：1积分=50Token，那么单次会话消耗100Token就需要扣除2积分。
           </p>
           <QueryFilter
+		  	autoFocus={false}
+			autoFocusFirstInput={false}
             form={aiRatioForm}
             onFinish={onSave}
             onReset={() => {
@@ -225,60 +384,62 @@ function ConfigPage() {
         </div>
         <div className={styles.config_form}>
           <h3>绘画积分扣除设置</h3>
-          <p>分为三个规格 256x256 512x512 1024x1024 请分别设置, 如为设置则不扣除积分。</p>
-          <ProForm
-            form={drawUsePriceForm}
-            onFinish={(values) => {
-              values.draw_use_price = JSON.stringify(values.draw_use_price) as any
-              return onSave(values)
-            }}
+          <p>
+            绘画计费规则为每秒消耗多少积分，比如设置10则生成一张512x512图片耗时为2秒则扣除20积分！
+          </p>
+          <QueryFilter
+		  	autoFocus={false}
+			autoFocusFirstInput={false}
+            form={drawPriceForm}
+            onFinish={onSave}
             onReset={() => {
               onRewardFormSet(configs)
             }}
             size="large"
+            collapsed={false}
+            defaultCollapsed={false}
             requiredMark={false}
-            isKeyPressSubmit={false}
-            submitter={{
-              searchConfig: {
-                submitText: '保存',
-                resetText: '恢复'
-              }
-            }}
+            defaultColsNumber={79}
+            searchText="保存"
+            resetText="恢复"
           >
-            <ProFormList
-              creatorButtonProps={{
-                creatorButtonText: '添加绘画规格扣除项'
-              }}
-              name="draw_use_price"
-              min={1}
-              max={3}
-            >
-              <ProFormGroup key="group">
-                <ProFormText
-                  name="size"
-                  label="规格大小"
-                  rules={[
-                    {
-                      required: true
-                    }
-                  ]}
-                />
-                <ProFormDigit
-                  name="integral"
-                  label="消耗积分"
-                  min={0}
-                  max={100000}
-                  rules={[
-                    {
-                      required: true
-                    }
-                  ]}
-                />
-              </ProFormGroup>
-            </ProFormList>
-          </ProForm>
+            <ProFormDigit
+              name="draw_price"
+              label="每秒扣除"
+              tooltip="每秒扣除积分数"
+              min={0}
+              max={100000}
+            />
+          </QueryFilter>
         </div>
       </Space>
+    )
+  }
+
+  return (
+    <div className={styles.config}>
+      <Tabs
+        defaultActiveKey="WebSiteSettings"
+        centered
+        type="card"
+        items={[
+          {
+            label: '网站设置',
+            key: 'WebSiteSettings',
+            children: <WebSiteSettings />
+          },
+          {
+            label: '奖励设置',
+            key: 'RewardSettings',
+            children: <RewardSettings />
+          },
+		  {
+            label: '页面说明设置',
+            key: 'IntroduceSettings',
+            children: <IntroduceSettings />
+          },
+        ]}
+      />
     </div>
   )
 }
diff --git a/src/pages/admin/notification/index.tsx b/src/pages/admin/notification/index.tsx
index 41d113e..e521a4b 100644
--- a/src/pages/admin/notification/index.tsx
+++ b/src/pages/admin/notification/index.tsx
@@ -38,21 +38,6 @@ function NotificationPage() {
     content: ''
   })
 
-  function getConfigValue(key: string, data: Array<ConfigInfo>) {
-    const value = data.filter((c) => c.name === key)[0]
-    return value
-  }
-
-  function onGetConfigs (){
-	getAdminConfig().then((res)=>{
-		if(res.code) return
-		setConfigs(res.data)
-	})
-  }
-
-  useEffect(() => {
-    onGetConfigs()
-  }, [])
 
   const columns: ProColumns<NotificationInfo>[] = [
     {
@@ -81,7 +66,7 @@ function NotificationPage() {
       dataIndex: 'status',
       width: 100,
       render: (_, data) => (
-        <Tag color={data.status ? 'green' : 'red'}>{data.status ? '正常' : '异常'}</Tag>
+        <Tag color={data.status ? 'green' : 'red'}>{data.status ? '上线' : '下线'}</Tag>
       )
     },
     {
@@ -178,44 +163,11 @@ function NotificationPage() {
             </Button>
           ]
         }}
-        headerTitle={(
-          <Space key="space">
-            <Button
-              key="shop"
-              type="default"
-              onClick={() => {
-				const shopIntroduce = getConfigValue('shop_introduce',configs)
-                setEdidContentModal({
-                  open: true,
-                  key: 'shop_introduce',
-                  content: shopIntroduce.value,
-                  title: '商城说明'
-                })
-              }}
-            >
-              修改商城说明
-            </Button>
-            <Button
-              key="user"
-              type="default"
-              onClick={() => {
-				const userIntroduce = getConfigValue('user_introduce',configs)
-                setEdidContentModal({
-                  open: true,
-                  key: 'user_introduce',
-                  content: userIntroduce.value,
-                  title: '用户中心说明'
-                })
-              }}
-            >
-              修改用户中心说明
-            </Button>
-          </Space>
-        )}
         rowKey="id"
         search={false}
         bordered
       />
+
       <Modal
         title="通知信息"
         destroyOnClose
@@ -321,7 +273,7 @@ function NotificationPage() {
                 value={edidInfoModal.info?.status}
               >
                 <Radio.Button value={1}>上线</Radio.Button>
-                <Radio.Button value={2}>下线</Radio.Button>
+                <Radio.Button value={0}>下线</Radio.Button>
               </Radio.Group>
             </FormCard>
           </Space>
@@ -341,48 +293,6 @@ function NotificationPage() {
           </FormCard>
         </Space>
       </Modal>
-      <Modal
-        width={600}
-        open={edidContentModal.open}
-        onOk={() => {
-			putAdminConfig({
-				[edidContentModal.key]: edidContentModal.content
-			}).then((res) => {
-				if (res.code) {
-				  message.error('保存失败')
-				  return
-				}
-				setEdidContentModal({
-					open: false,
-					title: '',
-					content: '',
-					key: ''
-				})
-				message.success('保存成功')
-				onGetConfigs()
-			})
-        }}
-        onCancel={() => {
-          setEdidContentModal({
-            open: false,
-            content: '',
-            key: ''
-          })
-        }}
-        title={edidContentModal.title}
-      >
-        <RichEdit
-          value={edidContentModal?.content}
-          onChange={(value) => {
-            setEdidContentModal((editInfo) => {
-              return {
-                ...editInfo,
-                content: value
-              }
-            })
-          }}
-        />
-      </Modal>
     </div>
   )
 }
diff --git a/src/pages/admin/product/index.tsx b/src/pages/admin/product/index.tsx
index 0f0e55e..9e161ca 100644
--- a/src/pages/admin/product/index.tsx
+++ b/src/pages/admin/product/index.tsx
@@ -15,7 +15,7 @@ import {
   ProFormText
 } from '@ant-design/pro-components'
 import { ProTable } from '@ant-design/pro-components'
-import { Button, Form, Tag, message } from 'antd'
+import { Button, Form, Tag, Tooltip, message } from 'antd'
 import { useRef, useState } from 'react'
 
 function ProductPage() {
@@ -72,6 +72,18 @@ function ProductPage() {
         return <Tag>暂无级别</Tag>
       }
     },
+    {
+      title: '商品描述',
+      dataIndex: 'describe',
+	  ellipsis: {
+		showTitle: false,
+	  },
+	  render: (_, data) => (
+		<Tooltip title={data.describe}>
+		  {data.describe}
+		</Tooltip>
+	  ),
+    },
     {
       title: '状态值',
       dataIndex: 'status',
@@ -237,7 +249,7 @@ function ProductPage() {
             rules={[{ required: true, message: '请输入角标' }]}
           />
         </ProFormGroup>
-
+        <ProFormText name="describe" label="描述" placeholder="商品描述" />
         <ProFormGroup>
           <ProFormDigit
             label="价格(分)"
@@ -300,7 +312,7 @@ function ProductPage() {
               {
                 label: '超级会员',
                 value: 2
-              },
+              }
             ]}
           />
         </ProFormGroup>
diff --git a/src/pages/chat/components/ChatMessage/index.module.less b/src/pages/chat/components/ChatMessage/index.module.less
index 9191a39..b80f483 100644
--- a/src/pages/chat/components/ChatMessage/index.module.less
+++ b/src/pages/chat/components/ChatMessage/index.module.less
@@ -1,10 +1,17 @@
 .chatMessage{
     display: flex;
     margin-top: 12px;
-    &_avatar{
-        width: 34px;
-        height: 34px;
-        border-radius: 4px;
+    &_avatarCard{
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        justify-content: space-between;
+        img {
+            width: 34px;
+            height: 34px;
+            border-radius: 4px;
+        }
+        
     }
     &_content{
         display: flex;
@@ -20,6 +27,22 @@
             max-width: calc(100% - 42px);
             display: inline-block;
             padding: 12px;
+            position: relative;
+        }
+        &_operate{
+            position: absolute;
+            bottom: 2px;
+            // left: -20px;
+            // right: -20px;
+            cursor: pointer;
+            &_icon{
+                width: 20px;
+                height: 20px;
+                display: flex;
+                align-items: center;
+                justify-content: center;
+                font-size: 20px;
+            }
         }
         .left{
             margin-right: auto;
diff --git a/src/pages/chat/components/ChatMessage/index.tsx b/src/pages/chat/components/ChatMessage/index.tsx
index 0e40bf4..4f915e5 100644
--- a/src/pages/chat/components/ChatMessage/index.tsx
+++ b/src/pages/chat/components/ChatMessage/index.tsx
@@ -2,13 +2,45 @@ import React, { useEffect, useMemo, useRef } from 'react'
 import { copyToClipboard, joinTrim } from '@/utils'
 import styles from './index.module.less'
 import OpenAiLogo from '@/components/OpenAiLogo'
-import { Space, Popconfirm, message } from 'antd'
+import { Space, Popconfirm, message, Dropdown } from 'antd'
 
 import MarkdownIt from 'markdown-it'
 import mdKatex from '@traptitech/markdown-it-katex'
 import mila from 'markdown-it-link-attributes'
 import hljs from 'highlight.js'
-import { DeleteOutlined } from '@ant-design/icons'
+import { CopyOutlined, DeleteOutlined, MoreOutlined, RedoOutlined } from '@ant-design/icons'
+
+const dropdownItems = [
+  {
+    icon: <CopyOutlined />,
+    label: '复制',
+    key: 'copyout',
+  },
+  {
+    icon: <RedoOutlined />,
+    label: '重试',
+    key: 'refurbish',
+  },
+  {
+    icon: <DeleteOutlined />,
+    label: '删除',
+    key: 'delete',
+  },
+]
+
+function screenDropdownItems(status: string, position: 'left' | 'right') {
+  const newList = dropdownItems.filter((item) => {
+    if (status !== 'error' && item.key === 'delete') {
+      return false
+    }
+    if (position !== 'left' && (item.key === 'redoOut' || item.key === 'delete')) {
+      return false
+    }
+    return true;
+  });
+
+  return [...newList]
+}
 
 function ChatMessage({
   position,
@@ -16,7 +48,8 @@ function ChatMessage({
   status,
   time,
   model,
-  onDelChatMessage
+  onDelChatMessage,
+  onRefurbishChatMessage
 }: {
   position: 'left' | 'right'
   content?: string
@@ -24,10 +57,30 @@ function ChatMessage({
   time: string
   model?: string
   onDelChatMessage?: () => void
+  onRefurbishChatMessage?: () => void
 }) {
   const copyMessageKey = 'copyMessageKey'
   const markdownBodyRef = useRef<HTMLDivElement>(null)
 
+  function onCopyOut(text: string) {
+    copyToClipboard(text)
+      .then(() => {
+        message.open({
+          key: copyMessageKey,
+          type: 'success',
+          content: '复制成功'
+        })
+      })
+      .catch(() => {
+        message.open({
+          key: copyMessageKey,
+          type: 'error',
+          content: '复制失败'
+        })
+      })
+  }
+
+
   function addCopyEvents() {
     if (markdownBodyRef.current) {
       const copyBtn = markdownBodyRef.current.querySelectorAll('.code-block-header__copy')
@@ -35,21 +88,7 @@ function ChatMessage({
         btn.addEventListener('click', () => {
           const code = btn.parentElement?.nextElementSibling?.textContent
           if (code) {
-            copyToClipboard(code)
-              .then(() => {
-                message.open({
-                  key: copyMessageKey,
-                  type: 'success',
-                  content: '复制成功'
-                })
-              })
-              .catch(() => {
-                message.open({
-                  key: copyMessageKey,
-                  type: 'error',
-                  content: '复制失败'
-                })
-              })
+            onCopyOut(code);
           }
         })
       })
@@ -101,25 +140,12 @@ function ChatMessage({
 
   function chatAvatar({ icon, style }: { icon: string; style?: React.CSSProperties }) {
     return (
-      <Space direction="vertical" style={{ textAlign: 'center', ...style }}>
-        <img className={styles.chatMessage_avatar} src={icon} alt="" />
-        {status === 'error' && (
-          <Popconfirm
-            title="删除此条消息"
-            description="此条消息为发送失败消息，是否要删除?"
-            onConfirm={() => {
-              onDelChatMessage?.()
-            }}
-            onCancel={() => {
-              // === 无操作 ===
-            }}
-            okText="Yes"
-            cancelText="No"
-          >
-            <DeleteOutlined style={{ color: 'red' }} />
-          </Popconfirm>
-        )}
-      </Space>
+      <div className={styles.chatMessage_avatarCard} style={{
+        ...style
+      }}
+      >
+        <img src={icon} alt="" />
+      </div>
     )
   }
 
@@ -130,10 +156,13 @@ function ChatMessage({
         justifyContent: position === 'right' ? 'flex-end' : 'flex-start'
       }}
     >
+      {/* https://u1.dl0.cn/icon/chat_gpt_3.png */}
+      {/* https://u1.dl0.cn/icon/chat_gpt_4.png */}
+      {/* https://u1.dl0.cn/icon/openailogo.svg */}
       {position === 'left' &&
         chatAvatar({
           style: { marginRight: 8 },
-          icon: model && model.indexOf('gpt-4') !== -1 ? 'https://files.catbox.moe/x5v8wq.png' : 'https://files.catbox.moe/lnulfa.png'
+          icon: model && model.indexOf('gpt-4') !== -1 ? 'https://u1.dl0.cn/icon/chat_gpt_4.png' : 'https://u1.dl0.cn/icon/openailogo.svg'
         })}
       <div className={styles.chatMessage_content}>
         <span
@@ -161,6 +190,43 @@ function ChatMessage({
               }}
             />
           )}
+
+          <div className={styles.chatMessage_content_operate}
+            style={{
+              left: position === 'right' ? -20 : 'none',
+              right: position === 'left' ? -20 : 'none',
+            }}
+          >
+            <Dropdown
+              placement="topRight"
+              arrow={{
+                pointAtCenter: true,
+              }}
+              destroyPopupOnHide
+              trigger={['click', 'hover']}
+              menu={{
+                items: [...screenDropdownItems(status, position)],
+                onClick: ({ key }) => {
+                  console.log(key)
+                  if (key === 'delete') {
+                    onDelChatMessage?.()
+                  }
+
+                  if(key === 'refurbish'){
+                    onRefurbishChatMessage?.()
+                  }
+
+                  if (key === 'copyout' && content) {
+                    onCopyOut(content);
+                  }
+                },
+              }}
+            >
+              <div className={styles.chatMessage_content_operate_icon}>
+                <MoreOutlined />
+              </div>
+            </Dropdown>
+          </div>
         </div>
       </div>
       {position === 'right' &&
diff --git a/src/pages/chat/components/RoleLocal/index.tsx b/src/pages/chat/components/RoleLocal/index.tsx
index 0714758..4559278 100644
--- a/src/pages/chat/components/RoleLocal/index.tsx
+++ b/src/pages/chat/components/RoleLocal/index.tsx
@@ -166,7 +166,7 @@ function RoleLocal() {
       </Space>
 
       <ModalForm<PromptInfo>
-        title="角色信息"
+        title="AI提示指令信息"
         open={promptInfoModal.open}
         form={promptInfoform}
         onOpenChange={(visible) => {
@@ -219,7 +219,7 @@ function RoleLocal() {
 
       {/* 导入数据 */}
       <ModalForm
-        title="批量新增角色信息"
+        title="批量新增AI提示指令"
         open={addPromptJson}
         onOpenChange={(visible) => {
           setAddPromptJson(visible)
@@ -262,7 +262,7 @@ function RoleLocal() {
         <ProFormTextArea
           width="lg"
           name="value"
-          label="角色数据"
+          label="AI提示指令"
           rules={[{ required: true, message: '请输入内容!' }]}
           placeholder="请输入要导入的JSON 格式为: [{key:'标题',value:'内容'}]"
           fieldProps={{
diff --git a/src/pages/chat/index.tsx b/src/pages/chat/index.tsx
index 9a556ab..ef0f7a5 100644
--- a/src/pages/chat/index.tsx
+++ b/src/pages/chat/index.tsx
@@ -8,7 +8,7 @@ import RoleNetwork from './components/RoleNetwork'
 import RoleLocal from './components/RoleLocal'
 import AllInput from './components/AllInput'
 import ChatMessage from './components/ChatMessage'
-import { RequestChatOptions } from '@/types'
+import { ChatGpt, RequestChatOptions } from '@/types'
 import { postChatCompletions } from '@/request/api'
 import Reminder from '@/components/Reminder'
 import { filterObjectNull, formatTime, generateUUID, handleChatData } from '@/utils'
@@ -36,7 +36,7 @@ function ChatPage() {
 
   const bodyResize = useDocumentResize()
 
-  // 角色预设
+  // 提示指令预设
   const [roleConfigModal, setRoleConfigModal] = useState({
     open: false
   })
@@ -89,7 +89,7 @@ function ChatPage() {
     userMessageId,
     assistantMessageId
   }: {
-    userMessageId: string
+    userMessageId?: string
     signal: AbortSignal
     requestOptions: RequestChatOptions
     assistantMessageId: string
@@ -109,15 +109,15 @@ function ChatPage() {
 
     if (!(response instanceof Response)) {
       // 这里返回是错误 ...
-      setChatDataInfo(selectChatId, userMessageId, {
-        status: 'error'
-      })
+      if(userMessageId){
+        setChatDataInfo(selectChatId, userMessageId, {
+          status: 'error'
+        })
+      }
+      
       setChatDataInfo(selectChatId, assistantMessageId, {
         status: 'error',
-		text: `\`\`\`json
-${JSON.stringify(response, null, 4)}
-\`\`\`
-`
+        text: response?.message || '❌ 请求异常，请稍后在尝试。'
       })
       fetchController?.abort()
       setFetchController(null)
@@ -141,9 +141,11 @@ ${JSON.stringify(response, null, 4)}
         allContent += content ? content : ''
         if (segment === 'stop') {
           setFetchController(null)
-          setChatDataInfo(selectChatId, userMessageId, {
-            status: 'pass'
-          })
+          if(userMessageId){
+            setChatDataInfo(selectChatId, userMessageId, {
+              status: 'pass'
+            })
+          }
           setChatDataInfo(selectChatId, assistantMessageId, {
             text: allContent,
             dateTime,
@@ -153,9 +155,11 @@ ${JSON.stringify(response, null, 4)}
         }
 
         if (segment === 'start') {
-          setChatDataInfo(selectChatId, userMessageId, {
-            status: 'pass'
-          })
+          if(userMessageId){
+            setChatDataInfo(selectChatId, userMessageId, {
+              status: 'pass'
+            })
+          }
           setChatDataInfo(selectChatId, assistantMessageId, {
             text: allContent,
             dateTime,
@@ -179,37 +183,50 @@ ${JSON.stringify(response, null, 4)}
   const [fetchController, setFetchController] = useState<AbortController | null>(null)
 
   // 对话
-  async function sendChatCompletions(vaule: string) {
+  async function sendChatCompletions(vaule: string, refurbishOptions?: ChatGpt) {
     if (!token) {
       setLoginModal(true)
       return
     }
-    const parentMessageId = chats.filter((c) => c.id === selectChatId)[0].id
-    const userMessageId = generateUUID()
+    const parentMessageId = refurbishOptions?.requestOptions.parentMessageId || chats.filter((c) => c.id === selectChatId)[0].id
+    let userMessageId = generateUUID()
     const requestOptions = {
       prompt: vaule,
       parentMessageId,
       options: filterObjectNull({
-        ...config
+        ...config,
+        ...refurbishOptions?.requestOptions.options
       })
     }
-    setChatInfo(selectChatId, {
-      id: userMessageId,
-      text: vaule,
-      dateTime: formatTime(),
-      status: 'pass',
-      role: 'user',
-      requestOptions
-    })
-    const assistantMessageId = generateUUID()
-    setChatInfo(selectChatId, {
-      id: assistantMessageId,
-      text: '',
-      dateTime: formatTime(),
-      status: 'loading',
-      role: 'assistant',
-      requestOptions
-    })
+    const assistantMessageId = refurbishOptions?.id || generateUUID()
+    if(refurbishOptions?.requestOptions.parentMessageId && refurbishOptions?.id){
+      userMessageId = ''
+      setChatDataInfo(selectChatId, assistantMessageId, {
+        status: 'loading',
+        role: 'assistant',
+        text: '',
+        dateTime: formatTime(),
+        requestOptions
+      })
+    } else {
+      setChatInfo(selectChatId, {
+        id: userMessageId,
+        text: vaule,
+        dateTime: formatTime(),
+        status: 'pass',
+        role: 'user',
+        requestOptions
+      })
+      setChatInfo(selectChatId, {
+        id: assistantMessageId,
+        text: '',
+        dateTime: formatTime(),
+        status: 'loading',
+        role: 'assistant',
+        requestOptions
+      })
+    }
+    
     const controller = new AbortController()
     const signal = controller.signal
     setFetchController(controller)
@@ -285,7 +302,7 @@ ${JSON.stringify(response, null, 4)}
                   setRoleConfigModal({ open: true })
                 }}
               >
-                角色预设
+                AI提示指令
               </Button>
               <Button
                 block
@@ -338,10 +355,14 @@ ${JSON.stringify(response, null, 4)}
                     status={item.status}
                     content={item.text}
                     time={item.dateTime}
-					model={item.requestOptions.options?.model}
+                    model={item.requestOptions.options?.model}
                     onDelChatMessage={() => {
                       delChatMessage(selectChatId, item.id)
                     }}
+                    onRefurbishChatMessage={()=>{
+                      console.log(item)
+                      sendChatCompletions(item.requestOptions.prompt, item);
+                    }}
                   />
                 )
               })}
@@ -371,9 +392,9 @@ ${JSON.stringify(response, null, 4)}
         </div>
       </Layout>
 
-      {/* AI角色预设 */}
+      {/* AI提示指令预设 */}
       <Modal
-        title="AI角色预设"
+        title="AI提示指令预设"
         open={roleConfigModal.open}
         footer={null}
         destroyOnClose
diff --git a/src/pages/draw/index.module.less b/src/pages/draw/index.module.less
index 96356bf..a6e0d7f 100644
--- a/src/pages/draw/index.module.less
+++ b/src/pages/draw/index.module.less
@@ -1,54 +1,179 @@
 .drawPage {
-    &_container{
-        display: flex;
+	&_container {
+		display: flex;
 		width: 100%;
 		max-width: 1000px;
 		margin: 0 auto;
-        flex-direction: column;
-        height: calc(100vh - 56px);
-
-        &_one{
-            flex: 1;
-            width: 100%;
-            max-width: 900px;
-            align-self: center;
-            overflow: auto;
-            &::-webkit-scrollbar {
-                display: none;
-            }
-        }
-        &_two{
-            padding: 12px 12px 20px;
-        }
-    }
-
-	&_config{
+		flex-direction: column;
+		height: calc(100vh - 56px);
+
+		&_one {
+			flex: 1;
+			width: 100%;
+			max-width: 900px;
+			align-self: center;
+			overflow: auto;
+			padding-bottom: 100px;
+
+			&::-webkit-scrollbar {
+				display: none;
+			}
+		}
+
+		&_two {
+			max-width: 1000px;
+			margin: auto;
+			position: fixed;
+			left: 0;
+			right: 0;
+			bottom: 0;
+			padding: 12px 12px 20px;
+			transition: bottom 0.4s ease-in-out;
+		}
+	}
+
+	&_config {
 		padding: 12px 20px 20px;
-		background-color: rgba(231,234,243,.5);
+		background-color: rgba(231, 234, 243, 1);
 		position: relative;
 		top: 8px;
 		border-top-right-radius: 12px;
 		border-top-left-radius: 12px;
-		p {
-			font-size: 12px;
-			color: #333;
+
+		&_group {
+			width: 100%;
+			display: flex;
+			align-items: center;
+			flex-wrap: wrap;
+			gap: 20px;
+			margin-top: 12px;
+		}
+
+		&_item {
+			display: flex;
+			flex: 1;
+			flex-direction: column;
+
+			p {
+				font-size: 14px;
+				color: #333;
+				white-space: nowrap;
+				margin-bottom: 8px;
+			}
+		}
+
+		&_stylePresets {
+			display: flex;
+			align-items: center;
+			flex-wrap: wrap;
+			// overflow-x: hidden;
+			gap: 8px;
+
+			&::-webkit-scrollbar {
+				display: none;
+			}
+
+			&_item {
+				user-select: none;
+				white-space: nowrap;
+				padding: 2px 0px 2px 4px;
+				border: 1px solid #555;
+				border-radius: 4px;
+
+				&:hover {
+					border-color: #1677ff;
+				}
+
+				&_text {
+					font-size: 12px;
+					color: #333;
+				}
+			}
+
+			&_select {
+				background-color: #fff;
+				border-color: #1677ff;
+
+				.drawPage_config_stylePresets_item_text {
+					color: #1677ff;
+				}
+			}
+		}
+
+		&_input {
+			margin-top: 20px;
+			display: flex;
+
+			&_image {
+				width: 80px;
+				height: 76px;
+				display: flex;
+				align-items: center;
+				justify-content: center;
+				background-color: #52c41a;
+				// background-image: url('https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png');
+				background-size: 100% auto;
+				background-repeat: no-repeat;
+				font-weight: 500;
+				color: #fff;
+				cursor: pointer;
+				border-top-left-radius: 8px;
+				border-bottom-left-radius: 8px;
+				position: relative;
+				&_close{
+					color: red;
+					position: absolute;
+					top: -5px;
+					left: -5px;
+				}
+			}
+
+			&_buttons {
+				div {
+					text-align: center;
+					line-height: 38px;
+					width: 90px;
+					height: 38px;
+					font-weight: 500;
+					color: #fff;
+					cursor: pointer;
+					opacity: 1;
+					transition: opacity 0.4s ease-in-out;
+					&:hover {
+						opacity: 0.8;
+					}
+				}
+
+				div:first-child {
+					background-color: #fa8c16;
+					border-top-right-radius: 8px;
+				}
+				div:last-child {
+					background-color: #1677ff;
+					border-bottom-right-radius: 8px;
+				}
+			}
 		}
 	}
 
-	&_mydraw{
+	&_mydraw {
 		width: 100%;
-		&_header{
+
+		&_header {
 			h4 {
 				color: #333;
 			}
-			p{
+
+			p {
 				color: #999;
 				font-size: 12px;
 			}
+
 			margin-bottom: 20px;
 			display: flex;
 			align-items: center;
 			justify-content: space-between;
+
 			&_icon {
 				cursor: pointer;
 				font-size: 20px;
@@ -57,49 +182,55 @@
 				background-color: transparent;
 				transition: background-color 0.3s ease-in-out;
 				border: 1px solid #d9d9d9;
-				&:hover{
+
+				&:hover {
 					background-color: #d9d9d9;
 				}
 			}
 		}
-		&_list{
+
+		&_list {
 			display: grid;
 			grid-template-columns: repeat(auto-fill, minmax(213px, 1fr));
 			grid-gap: 10px;
-			&_item{
-				p{
+
+			&_item {
+				p {
 					display: block;
 					font-size: 14px;
 					color: #333;
-					overflow:hidden;
-					text-overflow:ellipsis;
-					white-space:nowrap;
+					overflow: hidden;
+					text-overflow: ellipsis;
+					white-space: nowrap;
 				}
 			}
 		}
 	}
 
-	&_header{
+	&_header {
 		display: flex;
 		align-items: center;
 		justify-content: center;
 		flex-direction: column;
 		padding: 50px 0 32px 0;
-		img{
+
+		img {
 			width: 80px;
 			margin-bottom: 12px;
 		}
+
 		h2 {
 			color: #333;
 			font-size: 36px;
 		}
-		h4{
+
+		h4 {
 			color: #666;
 			font-size: 14px;
 		}
 	}
 
-	&_create{
+	&_create {
 		height: auto;
 		overflow: hidden;
 		min-height: 220px;
@@ -116,16 +247,17 @@
 		border-radius: 4px;
 	}
 
-	[class*='ant-image-mask']{
+	[class*='ant-image-mask'] {
 		border-radius: 4px;
 	}
 
-	[class*='ant-pro-layout-content']{
-        padding-block: 0;
-    }
-    @media (max-width: 600px) {
-        [class*='ant-pro-layout-content']{
-            padding-inline: 4px;
-        }
-    }
+	[class*='ant-pro-layout-content'] {
+		padding-block: 0;
+	}
+
+	@media (max-width: 600px) {
+		[class*='ant-pro-layout-content'] {
+			padding-inline: 4px;
+		}
+	}
 }
diff --git a/src/pages/draw/index.tsx b/src/pages/draw/index.tsx
index 8d8bf94..26d85db 100644
--- a/src/pages/draw/index.tsx
+++ b/src/pages/draw/index.tsx
@@ -9,28 +9,123 @@ import {
   Space,
   Popconfirm,
   notification,
-  message
+  message,
+  Segmented,
+  Select,
+  Upload
 } from 'antd'
-import { useState } from 'react'
+import { useLayoutEffect, useRef, useState } from 'react'
 import { drawStore, userStore } from '@/store'
 import OpenAiLogo from '@/components/OpenAiLogo'
-import { postImagesGenerations } from '@/request/api'
-import { ClearOutlined } from '@ant-design/icons'
-import { formatTime, generateUUID } from '@/utils'
+import { postChatCompletions, postImagesGenerations } from '@/request/api'
+import { ClearOutlined, CloseCircleOutlined, CloseOutlined, LoadingOutlined } from '@ant-design/icons'
+import { formatTime, generateUUID, handleChatData } from '@/utils'
 import { ResponseData } from '@/request'
 import Layout from '@/components/Layout'
 
+const drawSize = [
+  {
+    label: '256px',
+    value: 256,
+  },
+  {
+    label: '320px',
+    value: 320,
+  },
+  {
+    label: '356px',
+    value: 356,
+  },
+  {
+    label: '468px',
+    value: 468,
+  },
+  {
+    label: '512px',
+    value: 512,
+  },
+  {
+    label: '640px',
+    value: 640,
+  },
+  {
+    label: '704px',
+    value: 704,
+  },
+  {
+    label: '768px',
+    value: 768,
+  },
+  {
+    label: '832px',
+    value: 832,
+  },
+  {
+    label: '896px',
+    value: 896,
+  },
+  {
+    label: '960px',
+    value: 960,
+  },
+  {
+    label: '1024px',
+    value: 1024,
+  }
+]
+
+const stylePresets = [
+  { label: '无风格', value: '' },
+  { label: '3D模型', value: '3d-model' },
+  { label: '模拟胶片', value: 'analog-film' },
+  { label: '动漫', value: 'anime' },
+  { label: '电影', value: 'cinematic' },
+  { label: '漫画', value: 'comic-book' },
+  { label: '数字艺术', value: 'digital-art' },
+  { label: '增强现实', value: 'enhance' },
+  { label: '奇幻艺术', value: 'fantasy-art' },
+  { label: '等距投影', value: 'isometric' },
+  { label: '线条艺术', value: 'line-art' },
+  { label: '低多边形', value: 'low-poly' },
+  { label: '建模粘土', value: 'modeling-compound' },
+  { label: '霓虹朋克', value: 'neon-punk' },
+  { label: '折纸艺术', value: 'origami' },
+  { label: '摄影', value: 'photographic' },
+  { label: '像素艺术', value: 'pixel-art' },
+  { label: '瓷砖纹理', value: 'tile-texture' }
+]
+
 function DrawPage() {
   const { token, setLoginModal } = userStore()
   const { historyDrawImages, clearhistoryDrawImages, addDrawImage } = drawStore()
 
-  const [drawConfig, setDrawConfig] = useState({
+  const containerOneRef = useRef<HTMLDivElement>(null)
+  const containerTwoRef = useRef<HTMLDivElement>(null)
+  const [bottom, setBottom] = useState(0);
+
+  const [drawConfig, setDrawConfig] = useState<{
+    prompt: string,
+    quantity: number,
+    width: number,
+    height: number,
+    quality?: number,
+    steps?: number,
+    style?: string,
+    image?: File | string
+  }>({
     prompt: '',
-    n: 1,
-    size: '256x256',
-    response_format: 'url'
+    quantity: 1,
+    width: 512,
+    height: 512,
+    quality: 7,
+    steps: 50,
+    style: '',
+    image: ''
   })
 
+  const [showImage, setShowImage] = useState<string | ArrayBuffer | null>('');
+  const [drawType, setDrawType] = useState('openai');
+  const [gptLoading, setGptLoading] = useState(false);
   const [drawResultData, setDrawResultData] = useState<{
     loading: boolean
     list: Array<{ url: string }>
@@ -51,6 +146,7 @@ function DrawPage() {
       return {
         ...item,
         ...drawConfig,
+        draw_type: drawType,
         id: generateUUID(),
         dateTime: formatTime()
       }
@@ -59,6 +155,15 @@ function DrawPage() {
   }
 
   const onStartDraw = async () => {
+    console.log(drawConfig)
+    if(gptLoading){
+      message.warning('请等待提示词优化完毕')
+      return
+    }
+    if(!drawConfig.prompt){
+      message.warning('请输入提示词')
+      return
+    }
     if (!token) {
       setLoginModal(true)
       return
@@ -68,21 +173,129 @@ function DrawPage() {
       list: []
     })
 
-    await postImagesGenerations(drawConfig, {}, { timeout: 0 })
+    await postImagesGenerations({
+      ...drawConfig,
+      draw_type: drawType
+    }, {}, { timeout: 0 })
       .then(handleDraw)
       .finally(() => {
         setDrawResultData((dr) => ({ ...dr, loading: false }))
       })
   }
 
+  async function optimizePrompt() {
+    if (!drawConfig.prompt) {
+      message.warning('请输入提示词！')
+      return
+    }
+    const controller = new AbortController()
+    const signal = controller.signal
+    setGptLoading(true)
+    const p = `你需要为我生成AI绘画提示词，回答的形式是：
+    (image we're prompting), (7 descriptivekeywords), (time of day), (Hd degree).
+    这是一段段按照上述形式的示例问答：
+    问题：
+    参考以上midjoruney prompt formula写1个midjourney prompt内容，用英文回复，不要括号，内容：宫崎骏风格的春天小镇
+    回答：
+    英文：Miyazaki Hayao-style town,Green willow and red flowers, breeze coming, dreamy colors, fantastic elements, fairy-tale situation, warm breath, shooting in the evening, 4K ultra HD 
+    现在严格参考以上的示例回答形式和风格（这很重要），根据以下的内容生成提示词(直接以英文输出，需要补全):${drawConfig.prompt}`
+    const uuid = generateUUID()
+    const response = await postChatCompletions({
+      prompt: p,
+      parentMessageId: uuid
+    }, {
+      options: {
+        signal
+      }
+    })
+
+    if (!(response instanceof Response)) {
+      controller.abort()
+      setGptLoading(false)
+      return
+    }
+
+    const reader = response.body?.getReader?.()
+    let allContent = ''
+    while (true) {
+      const { done, value } = (await reader?.read()) || {}
+      if (done) {
+        controller?.abort()
+        break
+      }
+      // 将获取到的数据片段显示在屏幕上
+      const text = new TextDecoder('utf-8').decode(value)
+      const texts = handleChatData(text)
+      for (let i = 0; i < texts.length; i++) {
+        const {content, segment } = texts[i]
+        allContent += content ? content : ''
+        if (segment === 'stop') {
+          setDrawConfig((config)=>({...config, prompt: allContent}))
+          controller.abort()
+          setGptLoading(false)
+          break
+        }
+        if (segment === 'start') {
+          setDrawConfig((config)=>({...config, prompt: allContent}))
+        }
+        if (segment === 'text') {
+          setDrawConfig((config)=>({...config, prompt: allContent}))
+        }
+      }
+    }
+  }
+
+  const handleScroll = () => {
+    const twoClientHeight = containerTwoRef.current?.clientHeight || 0;
+    const oneScrollTop = containerOneRef.current?.scrollTop || 0;
+    if (oneScrollTop > 100) {
+      setBottom(-(twoClientHeight + 100));
+    } else {
+      setBottom(0);
+    }
+  }
+
+  useLayoutEffect(() => {
+    containerOneRef.current?.addEventListener('scroll', handleScroll);
+    return () => {
+      containerOneRef.current?.removeEventListener('scroll', handleScroll);
+    };
+  }, [])
+
+  function SegmentedLabel({ icon, title }: {
+    icon: string,
+    title: string
+  }) {
+    return (
+      <div style={{
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center'
+      }}
+      >
+        <img style={{ width: 24, marginRight: 4 }} src={icon} alt={title} />
+        <span style={{ fontWeight: 500 }}>{title}</span>
+      </div>
+    )
+  }
+
+
+  const showFile = async (file: any) => {
+    const reader = new FileReader();
+    reader.readAsDataURL(file);
+    reader.onload = () => {
+      setShowImage(reader.result)
+    };
+  };
+
   return (
     <div className={styles.drawPage}>
       <Layout>
         <div className={styles.drawPage_container}>
-          <div className={styles.drawPage_container_one}>
+          <div className={styles.drawPage_container_one} ref={containerOneRef}>
             <div className={styles.drawPage_header}>
               <img
-                src="https://www.imageoss.com/images/2023/05/05/Midjourneybf2f31b4a2ac2dc9.png"
+                src="https://u1.dl0.cn/icon/Midjourneybf2f31b4a2ac2dc9.png"
                 alt="Midjourney"
               />
               <h2>AI 一下，妙笔生画</h2>
@@ -143,60 +356,188 @@ function DrawPage() {
               </Image.PreviewGroup>
             </div>
           </div>
-          <div className={styles.drawPage_container_two}>
+          <div
+            className={styles.drawPage_container_two}
+            style={{
+              bottom: bottom
+            }}
+            ref={containerTwoRef}
+          >
             <div className={styles.drawPage_config}>
-              <Space direction="vertical">
-                <p>图片尺寸({drawConfig.size})</p>
-                <Radio.Group
-                  buttonStyle="solid"
-                  defaultValue={drawConfig.size}
-                  value={drawConfig.size}
-                  onChange={(e) => {
-                    setDrawConfig((c) => ({ ...c, size: e.target.value }))
-                  }}
-                >
-                  <Radio.Button value={'256x256'}>256x256</Radio.Button>
-                  <Radio.Button value={'512x512'}>512x512</Radio.Button>
-                  <Radio.Button value={'1024x1024'}>1024x1024</Radio.Button>
-                </Radio.Group>
-                <p>图片数量({drawConfig.n}张)</p>
-              </Space>
-              <Slider
-                defaultValue={drawConfig.n}
-                value={drawConfig.n}
-                min={1}
-                max={10}
-                onChange={(e) => {
-                  setDrawConfig((c) => ({ ...c, n: e }))
-                }}
-              />
-              {/* <Button
+              <Segmented
                 block
-                type="dashed"
+                value={drawType}
                 style={{
-                  background: 'transparent'
+                  backgroundImage: 'linear-gradient(120deg, #a6c0fe 0%, #f68084 100%)',
                 }}
-                onClick={() => {
-                  setConfigModal(true)
+                onChange={(e) => {
+                  setDrawType(e.toString())
                 }}
-              >
-                系统配置
-              </Button> */}
+                options={[
+                  {
+                    label: <SegmentedLabel icon="https://u1.dl0.cn/icon/openai_draw_icon.png" title="OpenAI" />,
+                    value: 'openai'
+                  },
+                  {
+                    label: <SegmentedLabel icon="https://u1.dl0.cn/icon/sd_draw_icon.png" title="StableDiffusion" />,
+                    value: 'stablediffusion'
+                  },
+                ]}
+              />
+              <div className={styles.drawPage_config_group}>
+                <div className={styles.drawPage_config_item}>
+                  <p>图片宽度：</p>
+                  <Select
+                    defaultValue={drawConfig.width}
+                    value={drawConfig.width}
+                    options={drawSize}
+                    onChange={(e) => {
+                      setDrawConfig((c) => ({ ...c, width: e }))
+                    }}
+                  />
+                </div>
+                <div className={styles.drawPage_config_item}>
+                  <p>图片高度：</p>
+                  <Select
+                    defaultValue={drawConfig.height}
+                    value={drawConfig.height}
+                    options={drawSize}
+                    onChange={(e) => {
+                      setDrawConfig((c) => ({ ...c, height: e }))
+                    }}
+                  />
+                </div>
+                <div className={styles.drawPage_config_item}>
+                  <p>生成数量({drawConfig.quantity}张)：</p>
+                  <Slider
+                    defaultValue={drawConfig.quantity}
+                    value={drawConfig.quantity}
+                    min={1}
+                    max={10}
+                    onChange={(e) => {
+                      setDrawConfig((c) => ({ ...c, quantity: e }))
+                    }}
+                  />
+                </div>
+              </div>
+              {
+                drawType === 'stablediffusion' && (
+                  <div className={styles.drawPage_config_group}>
+                    <div className={styles.drawPage_config_item}>
+                      <p>优化次数({drawConfig.steps})：</p>
+                      <Slider
+                        defaultValue={drawConfig.steps}
+                        value={drawConfig.steps}
+                        min={10}
+                        max={150}
+                        onChange={(e) => {
+                          setDrawConfig((c) => ({ ...c, steps: e }))
+                        }}
+                      />
+                    </div>
+                    <div className={styles.drawPage_config_item}>
+                      <p>图像质量({drawConfig.quality})：</p>
+                      <Slider
+                        defaultValue={drawConfig.quality}
+                        value={drawConfig.quality}
+                        min={1}
+                        max={37}
+                        onChange={(e) => {
+                          setDrawConfig((c) => ({ ...c, quality: e }))
+                        }}
+                      />
+                    </div>
+                    <div className={styles.drawPage_config_item}>
+                      <p>图像风格：</p>
+                      <Select
+                        defaultValue={drawConfig.style}
+                        value={drawConfig.style}
+                        options={stylePresets}
+                        clearIcon
+                        onChange={(e) => {
+                          setDrawConfig((c) => ({ ...c, style: e }))
+                        }}
+                      />
+                      {/* <Radio.Group onChange={(e) => {
+                      const { value } = e.target;
+                      if (value === drawConfig.style) {
+                        setDrawConfig((c) => ({ ...c, style: '' }))
+                        return
+                      }
+                      setDrawConfig((c) => ({ ...c, style: value }))
+                    }} defaultValue={drawConfig.style} value={drawConfig.style}
+                    >
+                      <div className={styles.drawPage_config_stylePresets}>
+                        {stylePresets.map((item) => {
+                          const stylePresetsClassName = drawConfig.style === item.value ?
+                            `${styles.drawPage_config_stylePresets_item} ${styles.drawPage_config_stylePresets_select}` : styles.drawPage_config_stylePresets_item
+                          return (
+                            <div className={stylePresetsClassName} key={item.value}>
+                              <Radio value={item.value}><span className={styles.drawPage_config_stylePresets_item_text}>{item.label}</span></Radio>
+                            </div>
+                          )
+                        })}
+                      </div>
+                    </Radio.Group> */}
+                    </div>
+                  </div>
+                )
+              }
+              <div className={styles.drawPage_config_input}>
+                <Upload maxCount={1} accept="image/*" disabled={drawType === 'openai'} 
+                showUploadList={false}
+                customRequest={(options)=>{
+                  showFile(options.file)
+                  setDrawConfig((config)=>({...config, image: options.file as File}))
+                }}
+                >
+                  <div className={styles.drawPage_config_input_image} style={{
+                    opacity: drawType === 'stablediffusion' ? 1 : 0.6,
+                    cursor: drawType === 'stablediffusion' ? 'pointer' : 'not-allowed',
+                    backgroundImage: (drawConfig.image && showImage) ? `url(${showImage})` : ''
+                  }}
+                  >
+                    上传图片
+                    {
+                      drawConfig.image && (
+                        <div className={styles.drawPage_config_input_image_close} onClick={(e) => {
+                          setDrawConfig((config) => ({ ...config, image: '' }))
+                          setShowImage('')
+                          e.stopPropagation()
+                        }}
+                        >
+                          <CloseCircleOutlined />
+                        </div>
+                      )
+                    }
+                  </div>
+                </Upload>
+                <Input.TextArea
+                  maxLength={100}
+                  autoSize={{
+                    minRows: 3,
+                    maxRows: 3
+                  }}
+                  defaultValue={drawConfig.prompt}
+                  value={drawConfig.prompt}
+                  onChange={(e) => {
+                    setDrawConfig((config) => ({ ...config, prompt: e.target.value }))
+                  }}
+                  style={{
+                    borderRadius: 0
+                  }}
+                  placeholder="请输入绘画提示次，可以使用优化功能对提示词进行优化效果会更好哦！"
+                />
+                <div className={styles.drawPage_config_input_buttons}>
+                  <div onClick={optimizePrompt}>
+                    {gptLoading && <LoadingOutlined />} 优化文案
+                  </div>
+                  <div onClick={onStartDraw}>
+                    {drawResultData.loading && <LoadingOutlined />} 生成图像
+                  </div>
+                </div>
+              </div>
             </div>
-            <Input.Search
-              value={drawConfig.prompt}
-              placeholder="请输入修饰词"
-              allowClear
-              enterButton={drawResultData.loading ? '绘制中...' : '开始绘制'}
-              size="large"
-              loading={drawResultData.loading}
-              onSearch={() => {
-                onStartDraw()
-              }}
-              onChange={(e) => {
-                setDrawConfig((c) => ({ ...c, prompt: e.target.value }))
-              }}
-            />
           </div>
         </div>
       </Layout>
diff --git a/src/pages/shop/index.tsx b/src/pages/shop/index.tsx
index 2dd1849..2ee18c1 100644
--- a/src/pages/shop/index.tsx
+++ b/src/pages/shop/index.tsx
@@ -28,17 +28,17 @@ function GoodsPay() {
     }
   } = {
     wxpay: {
-      icon: 'https://files.catbox.moe/b1joiq.png',
+      icon: 'https://u1.dl0.cn/icon/wxpay_icon.png',
       message: '请使用微信扫码支付',
       color: '#24aa39'
     },
     alipay: {
-      icon: 'https://files.catbox.moe/a8x6il.png',
+      icon: 'https://u1.dl0.cn/icon/alipay_icon.png',
       message: '请使用支付宝扫码支付',
       color: '#1678ff'
     },
     qqpay: {
-      icon: 'https://files.catbox.moe/rimuzz.png',
+      icon: 'https://u1.dl0.cn/icon/qqpay_icon.png',
       message: '请使用QQ扫码支付',
       color: '#10b8f6'
     }
diff --git a/src/request/api.ts b/src/request/api.ts
index eed721f..f685175 100644
--- a/src/request/api.ts
+++ b/src/request/api.ts
@@ -47,10 +47,17 @@ export function postImagesGenerations(
   headers?: { [key: string]: any },
   options?: { [key: string]: any }
 ) {
+  const formData = new FormData();
+  Object.keys(params).forEach((key)=>{
+    formData.append(key, params[key]);
+  })
   return request.post<Array<{ url: string }>>(
     '/api/images/generations',
-    { ...params },
-    headers,
+    formData,
+    {
+      'Content-Type': 'multipart/form-data',
+      ...headers, 
+    },
     options
   )
 }
diff --git a/src/request/index.ts b/src/request/index.ts
index 9bb6bb0..5d73d23 100644
--- a/src/request/index.ts
+++ b/src/request/index.ts
@@ -42,7 +42,7 @@ function correctHeaders(
 
 // 判断是否为Object
 const isPlainObject = (obj: any) => {
-  if (!obj || Object.prototype.toString.call(obj) !== '[object Object]') {
+  if (!obj || Object.prototype.toString.call(obj) !== '[object Object]' || obj instanceof FormData) {
     return false
   }
   const proto = Object.getPrototypeOf(obj)
diff --git a/src/store/config/slice.ts b/src/store/config/slice.ts
index 4c8b8cd..bf0043d 100644
--- a/src/store/config/slice.ts
+++ b/src/store/config/slice.ts
@@ -21,6 +21,11 @@ export interface ConfigState {
   shop_introduce: string
   user_introduce: string
   replaceData: (config: { [key: string]: any }) => void
+  website_title: string
+  website_description: string
+  website_keywords: string
+  website_logo: string
+  website_footer: string
 }
 
 const configStore = create<ConfigState>()(
@@ -30,6 +35,11 @@ const configStore = create<ConfigState>()(
       notifications: [],
       shop_introduce: '',
       user_introduce: '',
+      website_title: '',
+      website_description: '',
+      website_keywords: '',
+      website_logo: '',
+      website_footer: '',
       models: [
         {
           label: 'GPT-3.5',
@@ -62,7 +72,7 @@ const configStore = create<ConfigState>()(
       ],
       config: {
         model: 'gpt-3.5-turbo',
-        temperature: 0,
+        temperature: 0.8,
         presence_penalty: 0,
         frequency_penalty: 0,
         max_tokens: 1888
diff --git a/src/store/prompt/slice.ts b/src/store/prompt/slice.ts
index 9d80096..816bc84 100644
--- a/src/store/prompt/slice.ts
+++ b/src/store/prompt/slice.ts
@@ -4,15 +4,15 @@ import { PromptInfo } from '@/types';
 import promptszh from '@/assets/prompts-zh.json';
 
 export interface PromptState {
-  // 本地角色
+  // 本地AI提示指令
   localPrompt: Array<PromptInfo>;
-  // 新增角色
+  // 新增AI提示指令
   addPrompts: (list: Array<PromptInfo>) => void;
-  // 清除所有角色
+  // 清除所有AI提示指令
   clearPrompts: () => void;
-  // 删除单个角色
+  // 删除单个AI提示指令
   delPrompt: (info: PromptInfo) => void;
-  // 编辑角色信息
+  // 编辑AI提示指令信息
   editPrompt: (oldKey: string, info: PromptInfo) => void;
 }
 
diff --git a/src/store/shop/async.ts b/src/store/shop/async.ts
index 403bcad..4c06406 100644
--- a/src/store/shop/async.ts
+++ b/src/store/shop/async.ts
@@ -8,17 +8,17 @@ async function fetchProduct() {
 	const payTyps = res.data.pay_types.map((type) => {
 		const types: {[key: string]: any} = {
 			wxpay: {
-				icon: 'https://files.catbox.moe/b1joiq.png',
+				icon: 'https://u1.dl0.cn/icon/wxpay_icon.png',
 				title: '微信支付',
 				key: 'wxpay'
 			},
 			alipay: {
-				icon: 'https://files.catbox.moe/a8x6il.png',
+				icon: 'https://u1.dl0.cn/icon/alipay_icon.png',
 				title: '支付宝',
 				key: 'alipay'
 			},
 			qqpay: {
-				icon: 'https://files.catbox.moe/rimuzz.png',
+				icon: 'https://u1.dl0.cn/icon/qqpay_icon.png',
 				title: 'QQ支付',
 				key: 'qqpay'
 			},
diff --git a/src/types/admin.ts b/src/types/admin.ts
index 5539887..300f699 100644
--- a/src/types/admin.ts
+++ b/src/types/admin.ts
@@ -92,6 +92,7 @@ export interface ProductInfo {
   status: number
   type: string
   level: number
+  describe?: string
   create_time: string
   update_time: string
 }
diff --git a/src/types/index.ts b/src/types/index.ts
index f0338e1..04df1b8 100644
--- a/src/types/index.ts
+++ b/src/types/index.ts
@@ -97,7 +97,7 @@ export interface ChatResultInfo {
 
 // 对话记录
 export interface ChatGpt {
-  id: string | number
+  id: string
   text: string
   dateTime: string
   status: 'pass' | 'loading' | 'error'
@@ -107,12 +107,19 @@ export interface ChatGpt {
 
 export interface RequestImagesGenerations {
   prompt: string
-  n?: number
-  size?: string
-  response_format?: string
+  quantity: number,
+  width: number,
+  height: number,
+  draw_type: string,
+  quality?: number,
+  steps?: number,
+  style?: string,
+  image?: File | string
+  [key: string]: any
 }
 
 export interface ImagesInfo extends RequestImagesGenerations {
+  prompt: string,
   id: string
   dateTime: string
   url: string
@@ -140,6 +147,7 @@ export interface ProductInfo {
   status: number
   type: string
   level: number
+  describe?: string
   create_time: string
   update_time: string
 }