问题分类取字典

src/pages/help/helpQuestion.tsx

@@ -6,6 +6,8 @@ import WangEditor from 'wangeditor';
 import { QUESTION_TYPES } from '@/dicts/help';
 import { addHelpCenterQuestion } from '@/servers/api/help';
 import styles from './helpQuestion.less';
+import { getDictList } from '@/servers/api/dict';
+import type { DictItem } from '@/servers/api/dict';
 
 const { Title } = Typography;
 const { Option } = Select;
@@ -28,9 +30,15 @@ const HelpQuestionPage: React.FC = () => {
   const [editor, setEditor] = useState<WangEditor | null>(null);
   const [content, setContent] = useState<string>('');
   const [submitting, setSubmitting] = useState<boolean>(false);
+  const [typeList, setTypeList] = useState<DictItem[]>([]);
 
   // 初始化编辑器
   useEffect(() => {
+    getDictList('help_center').then((res) => {
+      if (res.code === 200 && res.success) {
+        setTypeList(res.data);
+      }
+    });
     const editorInstance = new WangEditor('#editor');
 
     // 配置编辑器
@@ -138,9 +146,7 @@ const HelpQuestionPage: React.FC = () => {
       <div className={styles.contentWrapper}>
         <div className={styles.titleContainer}>
           <Title level={2}>{intl.formatMessage({ id: 'help.question.title' })}</Title>
-          <p className={styles.subtitle}>
+          <p className={styles.subtitle}>{intl.formatMessage({ id: 'help.question.subtitle' })}</p>
-            {intl.formatMessage({ id: 'help.question.subtitle' })}
-          </p>
         </div>
 
         <Divider className={styles.divider} />
@@ -157,12 +163,17 @@ const HelpQuestionPage: React.FC = () => {
               <Form.Item
                 name="type"
                 label={intl.formatMessage({ id: 'help.form.type' })}
-                rules={[{ required: true, message: intl.formatMessage({ id: 'help.form.type.required' }) }]}
+                rules={[
+                  {
+                    required: true,
+                    message: intl.formatMessage({ id: 'help.form.type.required' }),
+                  },
+                ]}
               >
                 <Select placeholder={intl.formatMessage({ id: 'help.form.type.placeholder' })}>
-                  {QUESTION_TYPES.map(type => (
+                  {typeList.map((type) => (
-                    <Option key={type.value} value={type.value}>
+                    <Option key={type.code} value={type.code}>
-                      {type.label}
+                      {type.dicName}
                     </Option>
                   ))}
                 </Select>
@@ -172,7 +183,12 @@ const HelpQuestionPage: React.FC = () => {
               <Form.Item
                 name="title"
                 label={intl.formatMessage({ id: 'help.form.title' })}
-                rules={[{ required: true, message: intl.formatMessage({ id: 'help.form.title.required' }) }]}
+                rules={[
+                  {
+                    required: true,
+                    message: intl.formatMessage({ id: 'help.form.title.required' }),
+                  },
+                ]}
               >
                 <Input placeholder={intl.formatMessage({ id: 'help.form.title.placeholder' })} />
               </Form.Item>
@@ -182,7 +198,9 @@ const HelpQuestionPage: React.FC = () => {
           <Form.Item
             name="content"
             label={intl.formatMessage({ id: 'help.form.content' })}
-            rules={[{ required: true, message: intl.formatMessage({ id: 'help.form.content.required' }) }]}
+            rules={[
+              { required: true, message: intl.formatMessage({ id: 'help.form.content.required' }) },
+            ]}
           >
             <div id="editor" className={styles.editor}></div>
           </Form.Item>
@@ -192,7 +210,12 @@ const HelpQuestionPage: React.FC = () => {
               <Form.Item
                 name="name"
                 label={intl.formatMessage({ id: 'help.form.name' })}
-                rules={[{ required: true, message: intl.formatMessage({ id: 'help.form.name.required' }) }]}
+                rules={[
+                  {
+                    required: true,
+                    message: intl.formatMessage({ id: 'help.form.name.required' }),
+                  },
+                ]}
               >
                 <Input placeholder={intl.formatMessage({ id: 'help.form.name.placeholder' })} />
               </Form.Item>
@@ -201,7 +224,12 @@ const HelpQuestionPage: React.FC = () => {
               <Form.Item
                 name="company"
                 label={intl.formatMessage({ id: 'help.form.company' })}
-                rules={[{ required: true, message: intl.formatMessage({ id: 'help.form.company.required' }) }]}
+                rules={[
+                  {
+                    required: true,
+                    message: intl.formatMessage({ id: 'help.form.company.required' }),
+                  },
+                ]}
               >
                 <Input placeholder={intl.formatMessage({ id: 'help.form.company.placeholder' })} />
               </Form.Item>
@@ -213,7 +241,12 @@ const HelpQuestionPage: React.FC = () => {
               <Form.Item
                 name="account"
                 label={intl.formatMessage({ id: 'help.form.account' })}
-                rules={[{ required: true, message: intl.formatMessage({ id: 'help.form.account.required' }) }]}
+                rules={[
+                  {
+                    required: true,
+                    message: intl.formatMessage({ id: 'help.form.account.required' }),
+                  },
+                ]}
               >
                 <Input placeholder={intl.formatMessage({ id: 'help.form.account.placeholder' })} />
               </Form.Item>
@@ -223,8 +256,11 @@ const HelpQuestionPage: React.FC = () => {
                 name="email"
                 label={intl.formatMessage({ id: 'help.form.email' })}
                 rules={[
-                  { required: true, message: intl.formatMessage({ id: 'help.form.email.required' }) },
+                  {
-                  { validator: emailValidator }
+                    required: true,
+                    message: intl.formatMessage({ id: 'help.form.email.required' }),
+                  },
+                  { validator: emailValidator },
                 ]}
               >
                 <Input placeholder={intl.formatMessage({ id: 'help.form.email.placeholder' })} />
@@ -245,7 +281,12 @@ const HelpQuestionPage: React.FC = () => {
           </Row>
 
           <Form.Item className={styles.buttonGroup}>
-            <Button type="primary" htmlType="submit" loading={submitting} className={styles.submitButton}>
+            <Button
+              type="primary"
+              htmlType="submit"
+              loading={submitting}
+              className={styles.submitButton}
+            >
               {intl.formatMessage({ id: 'help.submit' })}
             </Button>
             <Button onClick={handleCancel} className={styles.cancelButton}>