Просмотр исходного кода

Merge pull request #1933 from visuddhinanda/agile

添加 搜索时间提示
visuddhinanda 2 лет назад
Родитель
Сommit
c7424f7fde

+ 25 - 3
dashboard/src/components/dict/DictContent.tsx

@@ -8,11 +8,14 @@ import WordCard from "./WordCard";
 import CaseList from "./CaseList";
 import CaseList from "./CaseList";
 import DictList from "./DictList";
 import DictList from "./DictList";
 import MyCreate from "./MyCreate";
 import MyCreate from "./MyCreate";
+import { useIntl } from "react-intl";
 
 
 export interface IDictContentData {
 export interface IDictContentData {
   dictlist: IAnchorData[];
   dictlist: IAnchorData[];
   words: IWidgetWordCardData[];
   words: IWidgetWordCardData[];
   caselist: ICaseListData[];
   caselist: ICaseListData[];
+  time?: number;
+  count?: number;
 }
 }
 export interface IApiDictContentData {
 export interface IApiDictContentData {
   ok: boolean;
   ok: boolean;
@@ -27,6 +30,7 @@ interface IWidget {
 }
 }
 
 
 const DictContentWidget = ({ word, data, compact }: IWidget) => {
 const DictContentWidget = ({ word, data, compact }: IWidget) => {
+  const intl = useIntl();
   return (
   return (
     <>
     <>
       <Row>
       <Row>
@@ -42,9 +46,27 @@ const DictContentWidget = ({ word, data, compact }: IWidget) => {
                 key: "result",
                 key: "result",
                 children: (
                 children: (
                   <div>
                   <div>
-                    {data.words.map((it, id) => {
-                      return <WordCard key={id} data={it} />;
-                    })}
+                    <div>
+                      {intl.formatMessage(
+                        {
+                          id: "message.result",
+                        },
+                        { count: data.count }
+                      )}
+                      {" ("}
+                      {intl.formatMessage(
+                        {
+                          id: "message.time",
+                        },
+                        { time: data.time?.toFixed(3) }
+                      )}
+                      {")"}
+                    </div>
+                    <div>
+                      {data.words.map((it, id) => {
+                        return <WordCard key={id} data={it} />;
+                      })}
+                    </div>
                   </div>
                   </div>
                 ),
                 ),
               },
               },

+ 2 - 0
dashboard/src/locales/en-US/message.ts

@@ -4,6 +4,8 @@ const items = {
   "message.delete.confirm": "confirm delete",
   "message.delete.confirm": "confirm delete",
   "message.auth.guest.alert": "guest read public resource only.",
   "message.auth.guest.alert": "guest read public resource only.",
   "message.channel.empty.alert": "channel is empty,only original text",
   "message.channel.empty.alert": "channel is empty,only original text",
+  "message.time": "{time} seconds",
+  "message.result": "{count} results",
 };
 };
 
 
 export default items;
 export default items;

+ 2 - 0
dashboard/src/locales/zh-Hans/message.ts

@@ -5,6 +5,8 @@ const items = {
   "message.auth.guest.alert":
   "message.auth.guest.alert":
     "您尚未登录,只能查看公开数据,其他功能无法使用。",
     "您尚未登录,只能查看公开数据,其他功能无法使用。",
   "message.channel.empty.alert": "没有版本风格被选择,仅显示原文。",
   "message.channel.empty.alert": "没有版本风格被选择,仅显示原文。",
+  "message.time": "用时 {time} 秒",
+  "message.result": "{count} 条结果",
 };
 };
 
 
 export default items;
 export default items;