i18n: + vendor.json

public/locales/en/vendor.json

@@ -0,0 +1,5 @@
+{
+  "report": {
+    "GetReport": "Get Report"
+  }
+}

public/locales/zh/vendor.json

@@ -0,0 +1,5 @@
+{
+  "report": {
+    "GetReport": "获取报告"
+  }
+}

src/i18n/index.js

@@ -17,7 +17,7 @@ i18n
     backend: {
       loadPath: '/locales/{{lng}}/{{ns}}.json',
     },
-    ns: ['common', 'group'],
+    ns: ['common', 'group', 'vendor'],
     defaultNS: 'common',
     detection: {
       //   convertDetectedLanguage: 'Iso15897',

src/views/report/Index.jsx

@@ -5,8 +5,10 @@ import dayjs from 'dayjs';
 import SearchForm from '@/components/SearchForm';
 import useAuthStore from '@/stores/Auth';
 import useReportStore from '@/stores/Report';
+import { useTranslation } from 'react-i18next'
 
 function Index() {
+  const { t } = useTranslation();
 
   const [travelAgencyId, ] = useAuthStore((state) => [state.loginUser.travelAgencyId]);
   const [loading, vendorScoresData, getHWVendorScores] = useReportStore((state) => [state.loading, state.vendorScoresData, state.getHWVendorScores]);
@@ -288,7 +290,7 @@ function Index() {
               },
               fieldComProps: { dates: { picker: 'month', presets: false } },
             }}
-            confirmText={'Get Report'}
+            confirmText={t('vendor:report.GetReport')}
             onSubmit={(err, formVal, filedsVal) => {
               getHWVendorScores(travelAgencyId, formVal.startdate, formVal.enddate);
               getHWProductScores(travelAgencyId, formVal.startdate, formVal.enddate);