feat: 无可选分组时关闭令牌分组功能 #485

web/src/pages/Token/EditToken.js

@@ -273,7 +273,7 @@ const EditToken = (props) => {
       >
         <Spin spinning={loading}>
           <Input
-              style={{marginTop: 20}}
+            style={{ marginTop: 20 }}
             label='名称'
             name='name'
             placeholder={'请输入名称'}
@@ -282,7 +282,7 @@ const EditToken = (props) => {
             autoComplete='new-password'
             required={!isEdit}
           />
-          <Divider/>
+          <Divider />
           <DatePicker
             label='过期时间'
             name='expired_time'
@@ -292,7 +292,7 @@ const EditToken = (props) => {
             autoComplete='new-password'
             type='dateTime'
           />
-          <div style={{marginTop: 20}}>
+          <div style={{ marginTop: 20 }}>
             <Space>
               <Button
                 type={'tertiary'}
@@ -329,18 +329,18 @@ const EditToken = (props) => {
             </Space>
           </div>
 
-          <Divider/>
+          <Divider />
           <Banner
             type={'warning'}
             description={
               '注意，令牌的额度仅用于限制令牌本身的最大额度使用量，实际的使用受到账户的剩余额度限制。'
             }
           ></Banner>
-          <div style={{marginTop: 20}}>
+          <div style={{ marginTop: 20 }}>
             <Typography.Text>{`额度${renderQuotaWithPrompt(remain_quota)}`}</Typography.Text>
           </div>
           <AutoComplete
-              style={{marginTop: 8}}
+            style={{ marginTop: 8 }}
             name='remain_quota'
             placeholder={'请输入额度'}
             onChange={(value) => handleInputChange('remain_quota', value)}
@@ -349,23 +349,23 @@ const EditToken = (props) => {
             type='number'
             // position={'top'}
             data={[
-                {value: 500000, label: '1$'},
-                {value: 5000000, label: '10$'},
-                {value: 25000000, label: '50$'},
-                {value: 50000000, label: '100$'},
-                {value: 250000000, label: '500$'},
-                {value: 500000000, label: '1000$'},
+              { value: 500000, label: '1$' },
+              { value: 5000000, label: '10$' },
+              { value: 25000000, label: '50$' },
+              { value: 50000000, label: '100$' },
+              { value: 250000000, label: '500$' },
+              { value: 500000000, label: '1000$' },
             ]}
             disabled={unlimited_quota}
           />
 
           {!isEdit && (
             <>
-                <div style={{marginTop: 20}}>
+              <div style={{ marginTop: 20 }}>
                 <Typography.Text>新建数量</Typography.Text>
               </div>
               <AutoComplete
-                    style={{marginTop: 8}}
+                style={{ marginTop: 8 }}
                 label='数量'
                 placeholder={'请选择或输入创建令牌的数量'}
                 onChange={(value) => handleTokenCountChange(value)}
@@ -374,10 +374,10 @@ const EditToken = (props) => {
                 autoComplete='off'
                 type='number'
                 data={[
-                      {value: 10, label: '10个'},
-                      {value: 20, label: '20个'},
-                      {value: 30, label: '30个'},
-                      {value: 100, label: '100个'},
+                  { value: 10, label: '10个' },
+                  { value: 20, label: '20个' },
+                  { value: 30, label: '30个' },
+                  { value: 100, label: '100个' },
                 ]}
                 disabled={unlimited_quota}
               />
@@ -386,7 +386,7 @@ const EditToken = (props) => {
 
           <div>
             <Button
-                style={{marginTop: 8}}
+              style={{ marginTop: 8 }}
               type={'warning'}
               onClick={() => {
                 setUnlimitedQuota();
@@ -395,8 +395,8 @@ const EditToken = (props) => {
               {unlimited_quota ? '取消无限额度' : '设为无限额度'}
             </Button>
           </div>
-          <Divider/>
-          <div style={{marginTop: 10}}>
+          <Divider />
+          <div style={{ marginTop: 10 }}>
             <Typography.Text>IP白名单（请勿过度信任此功能）</Typography.Text>
           </div>
           <TextArea
@@ -407,9 +407,9 @@ const EditToken = (props) => {
               handleInputChange('allow_ips', value);
             }}
             value={inputs.allow_ips}
-              style={{fontFamily: 'JetBrains Mono, Consolas'}}
+            style={{ fontFamily: 'JetBrains Mono, Consolas' }}
           />
-          <div style={{marginTop: 10, display: 'flex'}}>
+          <div style={{ marginTop: 10, display: 'flex' }}>
             <Space>
               <Checkbox
                 name='model_limits_enabled'
@@ -425,7 +425,7 @@ const EditToken = (props) => {
           </div>
 
           <Select
-              style={{marginTop: 8}}
+            style={{ marginTop: 8 }}
             placeholder={'请选择该渠道所支持的模型'}
             name='models'
             required
@@ -439,12 +439,12 @@ const EditToken = (props) => {
             optionList={models}
             disabled={!model_limits_enabled}
           />
-
-          <div style={{marginTop: 10}}>
+          <div style={{ marginTop: 10 }}>
             <Typography.Text>令牌分组，默认为用户的分组</Typography.Text>
           </div>
+          {groups.length > 0 ?
             <Select
-              style={{marginTop: 8}}
+              style={{ marginTop: 8 }}
               placeholder={'令牌分组，默认为用户的分组'}
               name='gruop'
               required
@@ -455,7 +455,14 @@ const EditToken = (props) => {
               value={inputs.group}
               autoComplete='new-password'
               optionList={groups}
+            />:
+            <Select
+              style={{ marginTop: 8 }}
+              placeholder={'管理员未设置用户可选分组'}
+              name='gruop'
+              disabled={true}
             />
+          }
         </Spin>
       </SideSheet>
     </>