From d88ad0e8d757049644ef72fb4b7374ca0790580d Mon Sep 17 00:00:00 2001
From: quzard <1191890118@qq.com>
Date: Wed, 21 Jun 2023 17:45:32 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E5=B7=B2=E4=BD=BF=E7=94=A8?=
 =?UTF-8?q?=E6=B8=A0=E9=81=93=E5=B7=B2=E4=BD=BF=E7=94=A8=E9=A2=9D=E5=BA=A6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web/src/components/ChannelsTable.js  |  9 +++++++++
 web/src/pages/Channel/EditChannel.js | 21 ++++++++++++++++++++-
 2 files changed, 29 insertions(+), 1 deletion(-)

diff --git a/web/src/components/ChannelsTable.js b/web/src/components/ChannelsTable.js
index 2a28fe85..2ec355b8 100644
--- a/web/src/components/ChannelsTable.js
+++ b/web/src/components/ChannelsTable.js
@@ -341,6 +341,14 @@ const ChannelsTable = () => {
             >
               余额
             </Table.HeaderCell>
+            <Table.HeaderCell
+                style={{ cursor: 'pointer' }}
+                onClick={() => {
+                  sortChannel('used_quota');
+                }}
+            >
+              已使用量
+            </Table.HeaderCell>
             <Table.HeaderCell>操作</Table.HeaderCell>
           </Table.Row>
         </Table.Header>
@@ -381,6 +389,7 @@ const ChannelsTable = () => {
                       basic
                     />
                   </Table.Cell>
+                  <Table.Cell>{channel.used_quota}</Table.Cell>
                   <Table.Cell>
                     <div>
                       <Button
diff --git a/web/src/pages/Channel/EditChannel.js b/web/src/pages/Channel/EditChannel.js
index 0e544d47..c05f3e46 100644
--- a/web/src/pages/Channel/EditChannel.js
+++ b/web/src/pages/Channel/EditChannel.js
@@ -16,7 +16,8 @@ const EditChannel = () => {
     base_url: '',
     other: '',
     models: [],
-    groups: ['default']
+    groups: ['default'],
+    used_quota: 0
   };
   const [batch, setBatch] = useState(false);
   const [inputs, setInputs] = useState(originInputs);
@@ -25,6 +26,9 @@ const EditChannel = () => {
   const [basicModels, setBasicModels] = useState([]);
   const [fullModels, setFullModels] = useState([]);
   const handleInputChange = (e, { name, value }) => {
+    if (name === "used_quota") {
+        value = parseInt(value)
+    }
     setInputs((inputs) => ({ ...inputs, [name]: value }));
   };
 
@@ -113,6 +117,11 @@ const EditChannel = () => {
         showSuccess('渠道创建成功！');
         setInputs(originInputs);
       }
+      if (isEdit) {
+        loadChannel().then();
+      }
+      fetchModels().then();
+      fetchGroups().then();
     } else {
       showError(message);
     }
@@ -201,6 +210,16 @@ const EditChannel = () => {
               autoComplete='new-password'
             />
           </Form.Field>
+          <Form.Field>
+            <Form.Input
+                label='已使用额度'
+                name='used_quota'
+                placeholder={'请输入已使用额度'}
+                onChange={handleInputChange}
+                value={inputs.used_quota}
+                type='number'
+            />
+          </Form.Field>
           <Form.Field>
             <Form.Dropdown
               label='分组'