@vtx/modals2 5.0.58 → 6.0.0-beta.0

package/lib/vtx-car-modal/content/Ljzy/WorkRecord/index.js

@@ -12,6 +12,7 @@ import { VMRangePicker } from "../../../../_components/vm-filter";
 import useSettings from "../../../../_hooks/useSettings";
 import Detail from "./Detail";
 import Summary from "./Summary";
+import { translateLocaleText } from "./../../../../hooks/useTranslation.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 var WorkRecord = function WorkRecord() {
   var _useSettings = useSettings(),
@@ -42,7 +43,7 @@ var WorkRecord = function WorkRecord() {
         showTitle: false,
         children: /*#__PURE__*/_jsxs(Space, {
           children: [/*#__PURE__*/_jsx("span", {
-            children: "\u7EDF\u8BA1\u8303\u56F4"
+            children: translateLocaleText("t('common.statisticalRange')")
           }), /*#__PURE__*/_jsx(VMRangePicker, {
             value: [dayjs(startDate), dayjs(endDate)],
             onChange: function onChange(dates) {

package/lib/vtx-car-modal/content/Unmanned/Analysis/index.js

@@ -1,20 +1,21 @@
 import { VmBarCharts } from "../../../../_components";
+import { translateLocaleText } from "./../../../../hooks/useTranslation.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 export default function (props) {
   return /*#__PURE__*/_jsx(VmBarCharts, {
     dataList: [{
-      name: '规划里程',
+      name: translateLocaleText("t('vtxcarmodal.plannedMileage')"),
       data: [20, 50, 63, 51, 23],
       yAxisIndex: 0,
       color: 'geekblue'
     }, {
-      name: '核算作业里程',
+      name: translateLocaleText("t('vtxcarmodal.accountingWorkMileage')"),
       data: [20, 50, 63, 51, 23],
       yAxisIndex: 0,
       color: 'green'
     }],
     lineList: [{
-      name: '总电耗',
+      name: translateLocaleText("t('vtxcarmodal.totalPowerConsumption')"),
       data: [2, 2, 4, 1, 5],
       yAxisIndex: 1,
       color: '#FFAB0C'

package/lib/vtx-car-modal/content/Unmanned/Calendar/index.js

@@ -17,6 +17,7 @@ import dayjs from 'dayjs';
 import { keyBy } from 'lodash';
 import { VmBarCharts, VmCalendar, VmCalendarInner, VmCalendarPercent, VmTable } from "../../../../_components";
 import useSettings from "../../../../_hooks/useSettings";
+import { translateLocaleText } from "./../../../../hooks/useTranslation.js";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 var butter_dark = require("../../../imgs/butter_dark.png");
 var butter = require("../../../imgs/butter.png");
@@ -89,9 +90,9 @@ export default function (_ref) {
   var columns = [].concat(_toConsumableArray(baseColumns), [{
     title: /*#__PURE__*/_jsxs(Space, {
       children: [/*#__PURE__*/_jsx("span", {
-        children: "\u5B8C\u6210\u7387"
+        children: translateLocaleText("t('vtxroadmodal.complete')")
       }), /*#__PURE__*/_jsx(Tooltip, {
-        title: "\u6838\u7B97\u4F5C\u4E1A\u91CC\u7A0B/\u884C\u9A76\u91CC\u7A0B",
+        title: translateLocaleText("t('vtxcarmodal.accountingWorkMileageDrivingMileage')"),
         children: /*#__PURE__*/_jsx(QuestionCircleOutlined, {})
       })]
     }),
@@ -105,13 +106,13 @@ export default function (_ref) {
     align: 'right',
     width: 100
   }, {
-    title: '总电耗(kwh)',
+    title: translateLocaleText("t('vtxcarmodal.totalPowerConsumptionKwh')"),
     dataIndex: 'butter',
     key: 'butter',
     align: 'right',
     width: 100
   }, {
-    title: '总水耗(L)',
+    title: translateLocaleText("t('vtxcarmodal.l3')"),
     dataIndex: 'water',
     key: 'water',
     align: 'right',
@@ -122,15 +123,15 @@ export default function (_ref) {
       children: [/*#__PURE__*/_jsxs("div", {
         className: 'vtx-car-calendar-head',
         children: [[{
-          name: '总电耗（kwh）',
+          name: translateLocaleText("t('vtxcarmodal.totalPowerConsumptionKwh2')"),
           img: isDark ? butter_dark : butter,
           type: 'yellow'
         }, {
-          name: '总水耗（L）',
+          name: translateLocaleText("t('vtxcarmodal.l6')"),
           img: isDark ? water_dark : water,
           type: 'green'
         }, {
-          name: '核算作业里程/行驶里程（km）',
+          name: translateLocaleText("t('vtxcarmodal.km8')"),
           img: isDark ? track_dark : track,
           type: 'blue'
         }].map(function (item, index) {
@@ -158,23 +159,23 @@ export default function (_ref) {
         },
         children: /*#__PURE__*/_jsx(VmBarCharts, {
           dataList: [{
-            name: '规划里程',
+            name: translateLocaleText("t('vtxcarmodal.plannedMileage')"),
             data: [20, 50, 63, 51, 23],
             yAxisIndex: 0,
             color: 'geekblue'
           }, {
-            name: '核算作业里程',
+            name: translateLocaleText("t('vtxcarmodal.accountingWorkMileage')"),
             data: [20, 50, 63, 51, 23],
             yAxisIndex: 0,
             color: 'green'
           }, {
-            name: '行驶里程',
+            name: translateLocaleText("t('vtxcarmodal.drivingMileage')"),
             data: [20, 50, 63, 51, 23],
             yAxisIndex: 0,
             color: 'blue'
           }],
           lineList: [{
-            name: '完成率',
+            name: translateLocaleText("t('vtxroadmodal.complete')"),
             data: [2, 2, 4, 1, 5],
             yAxisIndex: 1,
             color: '#0FB964'
@@ -191,7 +192,7 @@ export default function (_ref) {
             title: {
               top: 0,
               left: 0,
-              text: '作业情况',
+              text: translateLocaleText("t('vtxcarmodal.workCondition')"),
               textStyle: {
                 fontSize: 14,
                 color: chartFontColor,
@@ -204,7 +205,7 @@ export default function (_ref) {
               var _params$;
               var html = '';
               params === null || params === void 0 || params.forEach(function (item) {
-                html += "".concat(item.marker, "<div style=\"min-width: 120px;display: inline-block;line-height: 26px;\">").concat(item.seriesName, "</div><span style=\"font-weight: 600;text-align: right;\">").concat(item.value).concat(item.seriesName === '完成率' ? '%' : 'km', "</span><br/>");
+                html += "".concat(item.marker, "<div style=\"min-width: 120px;display: inline-block;line-height: 26px;\">").concat(item.seriesName, "</div><span style=\"font-weight: 600;text-align: right;\">").concat(item.value).concat(item.seriesName === translateLocaleText("t('vtxroadmodal.complete')") ? '%' : 'km', "</span><br/>");
               });
               return html ? "".concat(params === null || params === void 0 || (_params$ = params[0]) === null || _params$ === void 0 ? void 0 : _params$.axisValue, "<br/>").concat(html) : '';
             }
@@ -216,12 +217,12 @@ export default function (_ref) {
         },
         children: /*#__PURE__*/_jsx(VmBarCharts, {
           lineList: [{
-            name: '平均电量消耗',
+            name: translateLocaleText("t('vtxcarmodal.averagePowerConsumption')"),
             data: [2, 2, 4, 1, 5],
             yAxisIndex: 0,
             color: '#FFAB0C'
           }, {
-            name: '平均水量消耗',
+            name: translateLocaleText("t('vtxcarmodal.averageWaterConsumption')"),
             data: [20, 50, 63, 51, 23],
             yAxisIndex: 1,
             color: '#0FB964'
@@ -238,7 +239,7 @@ export default function (_ref) {
             title: {
               top: 0,
               left: 0,
-              text: '能耗情况',
+              text: translateLocaleText("t('vtxcarmodal.energySituation')"),
               textStyle: {
                 fontSize: 14,
                 color: chartFontColor,
@@ -251,7 +252,7 @@ export default function (_ref) {
               var _params$2;
               var html = '';
               params === null || params === void 0 || params.forEach(function (item) {
-                html += "".concat(item.marker, "<div style=\"min-width: 120px;display: inline-block;line-height: 26px;\">").concat(item.seriesName, "</div><span style=\"font-weight: 600;text-align: right;\">").concat(item.value).concat(item.seriesName === '平均水量消耗' ? 'L' : 'kwh', "</span><br/>");
+                html += "".concat(item.marker, "<div style=\"min-width: 120px;display: inline-block;line-height: 26px;\">").concat(item.seriesName, "</div><span style=\"font-weight: 600;text-align: right;\">").concat(item.value).concat(item.seriesName === translateLocaleText("t('vtxcarmodal.averageWaterConsumption')") ? 'L' : 'kwh', "</span><br/>");
               });
               return html ? "".concat(params === null || params === void 0 || (_params$2 = params[0]) === null || _params$2 === void 0 ? void 0 : _params$2.axisValue, "<br/>").concat(html) : '';
             }

package/lib/vtx-car-modal/content/Unmanned/Monitor/index.js

@@ -14,6 +14,7 @@ import butter_dark from "../../../imgs/butter_dark.png";
 import water from "../../../imgs/water.png";
 import water_dark from "../../../imgs/water_dark.png";
 import "./index.less";
+import { translateLocaleText } from "./../../../../hooks/useTranslation.js";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 function Monitor(_ref) {
   var carId = _ref.carId;
@@ -53,7 +54,7 @@ function Monitor(_ref) {
             children: (detail === null || detail === void 0 ? void 0 : detail.mileage) || 0
           }), /*#__PURE__*/_jsx("div", {
             className: "unit",
-            children: '今日行驶(km)'
+            children: translateLocaleText("t('vtxcarmodal.todayDrivingKm')")
           })]
         })
       }), /*#__PURE__*/_jsx(Col, {

package/lib/vtx-car-modal/content/Unmanned/WorkInfo/index.js

@@ -9,6 +9,7 @@ import { Col, Row } from 'antd';
 import dayjs from 'dayjs';
 import { VmFactor, VmProgress } from "../../../../_components";
 import useSettings from "../../../../_hooks/useSettings";
+import { translateLocaleText } from "./../../../../hooks/useTranslation.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export default function (props) {
   var _useSettings = useSettings(),
@@ -17,37 +18,37 @@ export default function (props) {
     workSummaryJxhRes = _JxhService$useWorkSu.workSummaryJxhRes,
     loading = _JxhService$useWorkSu.loading;
   var data = [{
-    name: '规划里程',
+    name: translateLocaleText("t('vtxcarmodal.plannedMileage')"),
     unit: 'km',
     value: workSummaryJxhRes === null || workSummaryJxhRes === void 0 ? void 0 : workSummaryJxhRes.planMileage,
     img: isDark ? require("../../../imgs/track_dark.png") : require("../../../imgs/track.png"),
     fontType: 'blue'
   }, {
-    name: '运行时长',
+    name: translateLocaleText("t('vtxcarmodal.hours14')"),
     unit: '',
     value: workSummaryJxhRes === null || workSummaryJxhRes === void 0 ? void 0 : workSummaryJxhRes.runDuration,
     img: isDark ? require("../../../imgs/clock_dark.png") : require("../../../imgs/clock.png"),
     fontType: 'blue'
   }, {
-    name: '总电耗',
+    name: translateLocaleText("t('vtxcarmodal.totalPowerConsumption')"),
     unit: 'kwh',
     value: workSummaryJxhRes === null || workSummaryJxhRes === void 0 ? void 0 : workSummaryJxhRes.electricityExpendTotal,
     img: isDark ? require("../../../imgs/butter_dark.png") : require("../../../imgs/butter.png"),
     fontType: 'yellow'
   }, {
-    name: '核算作业里程',
+    name: translateLocaleText("t('vtxcarmodal.accountingWorkMileage')"),
     unit: 'km',
     value: workSummaryJxhRes === null || workSummaryJxhRes === void 0 ? void 0 : workSummaryJxhRes.workMileage,
     img: isDark ? require("../../../imgs/track_green_dark.png") : require("../../../imgs/track_green.png"),
     fontType: 'green'
   }, {
-    name: '作业时长',
+    name: translateLocaleText("t('vtxcarmodal.hours8')"),
     unit: '',
     value: workSummaryJxhRes === null || workSummaryJxhRes === void 0 ? void 0 : workSummaryJxhRes.workDuration,
     img: isDark ? require("../../../imgs/clock_green_dark.png") : require("../../../imgs/clock_green.png"),
     fontType: 'green'
   }, {
-    name: '总水耗',
+    name: translateLocaleText("t('vtxcarmodal.totalWaterConsumption')"),
     unit: 'L',
     value: workSummaryJxhRes === null || workSummaryJxhRes === void 0 ? void 0 : workSummaryJxhRes.waterExpendTotal,
     img: isDark ? require("../../../imgs/water_dark.png") : require("../../../imgs/water.png"),
@@ -64,7 +65,7 @@ export default function (props) {
       flex: '112px',
       children: /*#__PURE__*/_jsx(VmProgress.Circle, {
         rate: (workSummaryJxhRes === null || workSummaryJxhRes === void 0 ? void 0 : workSummaryJxhRes.workRate) || 0,
-        name: '完成率',
+        name: translateLocaleText("t('vtxcarmodal.completionRate')"),
         strokeColor: isDark ? {
           '0%': '#009DFF',
           '100%': '#44FF98'

package/lib/vtx-car-modal/index.js

@@ -20,6 +20,7 @@ import VtxBaseModal from "../vtx-base-modal";
 import { BaseService, OilService } from "./api";
 import { Cc, Common, JXH, Jzlj, Ljsy, Ljzy } from "./content";
 import "./style";
+import { translateLocaleText } from "./../hooks/useTranslation.js";
 // 总览信息
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 var TABS_BASE = 'base';
@@ -165,88 +166,88 @@ var VtxCarModal = function VtxCarModal(props) {
     if (actionType.includes('ACTION_LJSY')) {
       tabs = [{
         key: TABS_LJSY_BASE,
-        title: '总览信息'
+        title: translateLocaleText("t('vtxdefaultmodal.overviewInformation')")
       }, {
         key: TABS_LJSY_STATIC,
-        title: '运行日历'
+        title: translateLocaleText("t('vtxcarmodal.day4')")
       }, {
         key: TABS_LJSY_WORK,
-        title: '收运记录'
+        title: translateLocaleText("t('vtxcarmodal.collectionRecord')")
       }, {
         key: TABS_LJSY_ALARM,
-        title: '报警信息'
+        title: translateLocaleText("t('vtxqyrymodal.alarmInformation')")
       }];
     } else if (actionType.includes('ACTION_JXH')) {
       tabs = [{
         key: TABS_JXH_BASE,
-        title: '总览信息'
+        title: translateLocaleText("t('vtxdefaultmodal.overviewInformation')")
       }, {
         key: TABS_JXH_STATIC,
-        title: '作业日历'
+        title: translateLocaleText("t('vtxqyrymodal.day')")
       }, {
         key: TABS_JXH_WORK,
-        title: '作业记录'
+        title: translateLocaleText("t('vtxcarmodal.workRecord')")
       }, {
         key: TABS_JXH_ALARM,
-        title: '报警信息'
+        title: translateLocaleText("t('vtxqyrymodal.alarmInformation')")
       }];
     } else if (actionType.includes('ACTION_CC')) {
       tabs = [{
         key: TABS_CC_BASE,
-        title: '总览信息'
+        title: translateLocaleText("t('vtxdefaultmodal.overviewInformation')")
       }, {
         key: TABS_CC_STATIC,
-        title: '运行日历'
+        title: translateLocaleText("t('vtxcarmodal.day4')")
       }, {
         key: TABS_CC_WORK,
-        title: '收运记录'
+        title: translateLocaleText("t('vtxcarmodal.collectionRecord')")
       }, {
         key: TABS_CC_ALARM,
-        title: '报警信息'
+        title: translateLocaleText("t('vtxqyrymodal.alarmInformation')")
       }];
     } else if (actionType.includes('ACTION_LJZY')) {
       tabs = [{
         key: TABS_LJZY_BASE,
-        title: '总览信息'
+        title: translateLocaleText("t('vtxdefaultmodal.overviewInformation')")
       }, {
         key: TABS_LJZY_STATIC,
-        title: '统计信息'
+        title: translateLocaleText("t('vtxcarmodal.statisticsInformation')")
       }, {
         key: TABS_LJZY_WORK,
-        title: '进厂信息'
+        title: translateLocaleText("t('vtxcarmodal.factoryInformation')")
       }];
     } else if (actionType.includes('ACTION_ZT')) {
       tabs = [{
         key: TABS_JZLJ_CAR_BASE,
-        title: '总览信息'
+        title: translateLocaleText("t('vtxdefaultmodal.overviewInformation')")
       }, {
         key: TABS_JZLJ_CAR_DISPOSE,
-        title: '处置证信息'
+        title: translateLocaleText("t('vtxjzljdftpdmodal.disposalCertificateInfo')")
       }, {
         key: TABS_JZLJ_CAR_COLLECTION,
-        title: '联单信息'
+        title: translateLocaleText("t('vtxjzljdftpdmodal.jointOrderInfo')")
       }, {
         key: TABS_JZLJ_CAR_ALARM,
-        title: '报警信息'
+        title: translateLocaleText("t('vtxqyrymodal.alarmInformation')")
       }, {
         key: TABS_JZLJ_CAR_RUNNING_CALENDAR,
-        title: '运输日历'
+        title: translateLocaleText("t('vtxcarmodal.day5')")
       }];
     } else {
       tabs = [{
         key: TABS_BASE,
-        title: '总览信息'
+        title: translateLocaleText("t('vtxdefaultmodal.overviewInformation')")
       }, {
         key: TABS_STATIC,
-        title: '运行日历'
+        title: translateLocaleText("t('vtxcarmodal.day4')")
       }, {
         key: TABS_ALARM,
-        title: '报警信息'
+        title: translateLocaleText("t('vtxqyrymodal.alarmInformation')")
       }];
     }
     return tabs.concat([{
       key: TABS_VIDEO,
-      title: '视频信息'
+      title: translateLocaleText("t('vtxdevicemodal.video')")
     }]);
   }, [info === null || info === void 0 ? void 0 : info.actionType]);
   var contents = (_contents = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_contents, TABS_BASE, /*#__PURE__*/_jsx(Common.BaseInfo, {})), TABS_STATIC, /*#__PURE__*/_jsx(Common.StaticInfo, {})), TABS_ALARM, /*#__PURE__*/_jsx(Common.AlarmInfo, {})), TABS_VIDEO, /*#__PURE__*/_jsx(VmVideo, {

package/lib/vtx-car-modal/style/index.js

@@ -1,3 +1 @@
-import "./index.less";
-import 'antd/lib/row/style';
-import 'antd/lib/col/style';
+import "./index.less";

package/lib/vtx-cc-cp-modal/components/AlarmInfo/AlarmRecord.js

@@ -16,44 +16,53 @@ import { useContext, useState } from 'react';
 import { VmTable, VmWrapper } from "../../../_components";
 import { AlarmService } from "../../api";
 import { CcCpContext } from "../../index";
+import { translateLocaleText } from "./../../../hooks/useTranslation.js";
 import { jsx as _jsx } from "react/jsx-runtime";
+var TABLE_SCROLL_X = 980;
 var alarmTabs = [{
   key: 'SHLJLYC,SHJYYC',
-  label: '全部'
+  label: translateLocaleText("t('export.all')")
 }, {
   key: 'SHLJLYC',
-  label: '商户垃圾类异常'
+  label: translateLocaleText("t('vtxcccpmodal.restaurantWasteException')")
 }, {
   key: 'SHJYYC',
-  label: '商户经营异常'
+  label: translateLocaleText("t('vtxcccpmodal.restaurantOperationException')")
 }];
 var columns = [{
-  title: '商户名称',
+  title: translateLocaleText("t('vtxcccpmodal.name')"),
   dataIndex: 'alarmObjName',
   key: 'alarmObjName',
-  ellipsis: true
+  ellipsis: true,
+  width: 180
 }, {
-  title: '报警类型',
+  title: translateLocaleText("t('vtxcccpmodal.type')"),
   dataIndex: 'abnormalTypeName',
-  key: 'abnormalTypeName'
+  key: 'abnormalTypeName',
+  ellipsis: true,
+  width: 180
 }, {
-  title: '等级',
+  title: translateLocaleText("t('vtxcccpmodal.level')"),
   dataIndex: 'levelStr',
-  key: 'levelStr'
+  key: 'levelStr',
+  width: 120
 }, {
-  title: '报警开始时间',
+  title: translateLocaleText("t('vtxdevicemodal.startTime')"),
   dataIndex: 'alarmStartTime',
   key: 'alarmStartTime',
-  sorter: true
+  sorter: true,
+  width: 180
 }, {
-  title: '报警结束时间',
+  title: translateLocaleText("t('vtxcccpmodal.endTime')"),
   dataIndex: 'alarmEndTime',
   key: 'alarmEndTime',
-  sorter: true
+  sorter: true,
+  width: 180
 }, {
-  title: '处理状态',
+  title: translateLocaleText("t('vtxcccpmodal.status')"),
   dataIndex: 'dealStatusStr',
-  key: 'dealStatusStr'
+  key: 'dealStatusStr',
+  width: 120
 }];
 var AlarmRecord = function AlarmRecord(_ref) {
   var startDate = _ref.startDate,
@@ -106,7 +115,10 @@ var AlarmRecord = function AlarmRecord(_ref) {
       onChange: pageChange
     }),
     handleTableChange: handleTableChange,
-    dataSource: dataSource
+    dataSource: dataSource,
+    scroll: {
+      x: TABLE_SCROLL_X
+    }
   };
   return /*#__PURE__*/_jsx(VmWrapper, {
     tabList: alarmTabs,

package/lib/vtx-cc-cp-modal/components/AlarmInfo/AlarmTrend.js

@@ -3,6 +3,7 @@ import { useContext } from 'react';
 import { VmEmpty, VmLineCharts } from "../../../_components";
 import { AlarmService } from "../../api";
 import { CcCpContext } from "../../index";
+import { translateLocaleText } from "./../../../hooks/useTranslation.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 var AlarmTrend = function AlarmTrend(_ref) {
   var startDate = _ref.startDate,
@@ -14,8 +15,12 @@ var AlarmTrend = function AlarmTrend(_ref) {
     loading = _AlarmService$useGetS.loading;
   return !loading && isEmpty(data) ? /*#__PURE__*/_jsx(VmEmpty, {}) : /*#__PURE__*/_jsx(VmLineCharts, {
     xAxis: _.map(data, 'labelName'),
-    dataList: _.map(data, 'labelValue'),
-    unit: "\u6B21",
+    dataList: [{
+      name: translateLocaleText("t('vtxcccpmodal.alarmCount')"),
+      data: _.map(data, 'labelValue'),
+      smooth: true
+    }],
+    unit: translateLocaleText("t('common.timesUnit')"),
     legendOption: {
       width: '95%'
     },

package/lib/vtx-cc-cp-modal/components/AlarmInfo/AlarmTypeAnalysis.js

@@ -4,6 +4,7 @@ import { useContext } from 'react';
 import { VmEmpty, VmPieCharts } from "../../../_components";
 import { AlarmService } from "../../api";
 import { CcCpContext } from "../../index";
+import { translateLocaleText } from "./../../../hooks/useTranslation.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 var AlarmTypeAnalysis = function AlarmTypeAnalysis(_ref) {
   var startDate = _ref.startDate,
@@ -22,10 +23,10 @@ var AlarmTypeAnalysis = function AlarmTypeAnalysis(_ref) {
   });
   return !loading && isEmpty(data) ? /*#__PURE__*/_jsx(VmEmpty, {}) : /*#__PURE__*/_jsx(VmPieCharts, {
     dataList: alarmTabsValue,
-    name: '类型分析',
-    title: '总次数',
+    name: translateLocaleText("t('vtxcccpmodal.typeAnalyze')"),
+    title: translateLocaleText("t('vtxcccpmodal.times')"),
     total: totalCount,
-    unit: '次',
+    unit: translateLocaleText("t('common.timesUnit')"),
     loading: loading
   });
 };

package/lib/vtx-cc-cp-modal/components/AlarmInfo/StaticInfo.js

@@ -2,6 +2,7 @@ import { Col, Row } from 'antd';
 import { VmWrapper } from "../../../_components";
 import AlarmTrend from "./AlarmTrend";
 import AlarmTypeAnalysis from "./AlarmTypeAnalysis";
+import { translateLocaleText } from "./../../../hooks/useTranslation.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 var StaticInfo = function StaticInfo(_ref) {
   var startDate = _ref.startDate,
@@ -17,7 +18,7 @@ var StaticInfo = function StaticInfo(_ref) {
         height: '100%'
       },
       children: /*#__PURE__*/_jsx(VmWrapper, {
-        title: '类型分析',
+        title: translateLocaleText("t('vtxcccpmodal.typeAnalyze')"),
         children: /*#__PURE__*/_jsx(AlarmTypeAnalysis, {
           startDate: startDate,
           endDate: endDate
@@ -29,7 +30,7 @@ var StaticInfo = function StaticInfo(_ref) {
         height: '100%'
       },
       children: /*#__PURE__*/_jsx(VmWrapper, {
-        title: '月度趋势分析',
+        title: translateLocaleText("t('_components.monthAnalyze')"),
         children: /*#__PURE__*/_jsx(AlarmTrend, {
           startDate: startDate,
           endDate: endDate

package/lib/vtx-cc-cp-modal/components/AlarmInfo/index.js

@@ -12,6 +12,7 @@ import { VMRangePicker } from "../../../_components/vm-filter";
 import useSettings from "../../../_hooks/useSettings";
 import AlarmRecord from "./AlarmRecord";
 import StaticInfo from "./StaticInfo";
+import { translateLocaleText } from "./../../../hooks/useTranslation.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 var AlarmInfo = function AlarmInfo() {
   var _useSettings = useSettings(),
@@ -42,7 +43,7 @@ var AlarmInfo = function AlarmInfo() {
         showTitle: false,
         children: /*#__PURE__*/_jsxs(Space, {
           children: [/*#__PURE__*/_jsx("span", {
-            children: "\u7EDF\u8BA1\u8303\u56F4"
+            children: translateLocaleText("t('common.statisticalRange')")
           }), /*#__PURE__*/_jsx(VMRangePicker, {
             value: [dayjs(startDate), dayjs(endDate)],
             onChange: function onChange(dates) {