chore: export table title

src/pages/dashboard/components/usage-inner/export-data.tsx

@@ -33,7 +33,7 @@ const ExportData: React.FC<{
 
   return (
     <ScrollerModal
-      title={'Export Data'}
+      title={intl.formatMessage({ id: 'dashboard.usage.export' })}
       open={open}
       centered={false}
       onCancel={onCancel}
@@ -66,9 +66,23 @@ const ExportData: React.FC<{
       }
     >
       <Space>
-        <DatePicker.RangePicker></DatePicker.RangePicker>
-        <Select placeholder="Select user"></Select>
-        <Select placeholder="Select model"></Select>
+        <DatePicker.RangePicker style={{ width: 240 }}></DatePicker.RangePicker>
+        <Select
+          mode="multiple"
+          maxTagCount={1}
+          placeholder={intl.formatMessage({
+            id: 'dashboard.usage.selectuser'
+          })}
+          style={{ width: 160 }}
+        ></Select>
+        <Select
+          mode="multiple"
+          maxTagCount={1}
+          placeholder={intl.formatMessage({
+            id: 'dashboard.usage.selectmodel'
+          })}
+          style={{ width: 160 }}
+        ></Select>
       </Space>
       <Table
         columns={exportTableColumns}

src/pages/dashboard/components/usage-inner/index.tsx

@@ -67,9 +67,25 @@ const UsageInner: FC<{ paddingRight: string }> = ({ paddingRight }) => {
           </TitleWrapper>
           <FilterWrapper>
             <div className="selection">
-              <DatePicker.RangePicker></DatePicker.RangePicker>
-              <Select placeholder="Select user"></Select>
-              <Select placeholder="Select model"></Select>
+              <DatePicker.RangePicker
+                style={{ width: 240 }}
+              ></DatePicker.RangePicker>
+              <Select
+                mode="multiple"
+                maxTagCount={1}
+                placeholder={intl.formatMessage({
+                  id: 'dashboard.usage.selectuser'
+                })}
+                style={{ width: 160 }}
+              ></Select>
+              <Select
+                mode="multiple"
+                maxTagCount={1}
+                placeholder={intl.formatMessage({
+                  id: 'dashboard.usage.selectmodel'
+                })}
+                style={{ width: 160 }}
+              ></Select>
             </div>
             <Button
               type="text"

src/pages/usage/components/dahboard-inner.tsx

@@ -33,7 +33,6 @@ const Page: React.FC<{ setLoading: (loading: boolean) => void }> = ({
   return (
     <DashboardContext.Provider value={{ ...data, fetchData: getDashboardData }}>
       <Overview></Overview>
-      {/* <SystemLoad></SystemLoad> */}
       <PageTools
         left={
           <Space>