fix(style): adjust ui

src/pages/model-routes/forms/basic.tsx

@@ -2,9 +2,11 @@ import CheckboxField from '@/components/seal-form/checkbox-field';
 import SealInput from '@/components/seal-form/seal-input';
 import useAppUtils from '@/hooks/use-app-utils';
 import CategorySelect from '@/pages/_components/category-select';
+import DocLink from '@/pages/_components/doc-link';
 import { categoryOptions } from '@/pages/llmodels/config';
 import { useIntl } from '@umijs/max';
 import { Form } from 'antd';
+import { genericReferLink } from '../config';
 import { FormData } from '../config/types';
 
 const Basic = () => {
@@ -61,9 +63,14 @@ const Basic = () => {
         style={{ marginBottom: 8 }}
       >
         <CheckboxField
-          description={intl.formatMessage({
-            id: 'models.form.generic_proxy.tips'
-          })}
+          description={
+            <DocLink
+              title={intl.formatMessage({
+                id: 'models.form.generic_proxy.tips'
+              })}
+              link={genericReferLink}
+            ></DocLink>
+          }
           label={intl.formatMessage({
             id: 'models.form.generic_proxy'
           })}

src/pages/model-routes/forms/index.tsx

@@ -4,8 +4,9 @@ import { PageActionType } from '@/config/types';
 import CollapsePanel from '@/pages/_components/collapse-panel';
 import { useWrapperContext } from '@/pages/_components/column-wrapper/use-wrapper-context';
 import ScrollSpyTabs from '@/pages/_components/scroll-spy-tabs';
+import { QuestionCircleOutlined } from '@ant-design/icons';
 import { useIntl } from '@umijs/max';
-import { Form } from 'antd';
+import { Flex, Form, Tooltip } from 'antd';
 import _ from 'lodash';
 import {
   forwardRef,
@@ -194,7 +195,18 @@ const AccessForm: React.FC<ProviderFormProps> = forwardRef((props, ref) => {
             items={[
               {
                 key: TABKeysMap.TARGETS,
-                label: intl.formatMessage({ id: 'routes.form.target.title' }),
+                label: (
+                  <Flex gap={4} align="center">
+                    {intl.formatMessage({ id: 'routes.form.target.title' })}
+                    <Tooltip
+                      title={intl.formatMessage({
+                        id: 'routes.form.weight.tips'
+                      })}
+                    >
+                      <QuestionCircleOutlined />
+                    </Tooltip>
+                  </Flex>
+                ),
                 forceRender: true,
                 children: <Targets ref={targetsRef}></Targets>
               }

src/pages/model-routes/forms/targets.tsx

@@ -216,22 +216,22 @@ const TargetsForm = forwardRef((props, ref) => {
 
     if (data.providerType === 'deployments') {
       return (
-        <AutoTooltip ghost maxWidth={140}>
-          <OptionWrapper>
-            <ProviderLogo provider={data.providerType as string} />
+        <OptionWrapper>
+          <ProviderLogo provider={data.providerType as string} />
+          <AutoTooltip ghost maxWidth={105}>
             {intl.formatMessage({ id: 'menu.models.deployment' })}
-          </OptionWrapper>
-        </AutoTooltip>
+          </AutoTooltip>
+        </OptionWrapper>
       );
     }
 
     return (
-      <AutoTooltip ghost maxWidth={140}>
-        <OptionWrapper>
-          <ProviderLogo provider={data.providerType as string} />
+      <OptionWrapper>
+        <ProviderLogo provider={data.providerType as string} />
+        <AutoTooltip ghost maxWidth={105}>
           <span>{data.label}</span>
-        </OptionWrapper>
-      </AutoTooltip>
+        </AutoTooltip>
+      </OptionWrapper>
     );
   };