@vtx/modals2 5.0.58 → 6.0.0-beta.0

package/lib/vtx-device-modal/components/DataAnalysis/MonitorAnalysis.js

@@ -22,6 +22,7 @@ import useSettings from "../../../_hooks/useSettings";
 import { BaseService } from "../../api";
 import "./index.less";
 import TabsList from "./TabsList";
+import { translateLocaleText } from "./../../../hooks/useTranslation.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 var MonitorAnalysis = function MonitorAnalysis(_ref) {
   var _newList$, _newList$2, _newList$3;
@@ -72,22 +73,22 @@ var MonitorAnalysis = function MonitorAnalysis(_ref) {
     danTimeType = state.danTimeType,
     showType = state.showType;
   var tabList = [{
-    label: '24小时',
+    label: translateLocaleText("t('vtxdevicemodal.24Hours')"),
     value: '24h'
   }, {
-    label: '3天',
+    label: translateLocaleText("t('vtxdevicemodal.3')"),
     value: '3days'
   }, {
-    label: '7天',
+    label: translateLocaleText("t('vtxdevicemodal.7')"),
     value: '7days'
   }].concat(_toConsumableArray(collectFrequency === 'day' ? [{
-    label: '月',
+    label: translateLocaleText("t('vtxdevicemodal.month')"),
     value: 'month'
   }] : []), _toConsumableArray(collectFrequency === 'month' ? [{
-    label: '年',
+    label: translateLocaleText("t('vtxdevicemodal.year')"),
     value: 'year'
   }] : []), [{
-    label: '自定义',
+    label: translateLocaleText("t('_components.custom')"),
     value: 'self'
   }]);
   useEffect(function () {
@@ -370,14 +371,14 @@ var MonitorAnalysis = function MonitorAnalysis(_ref) {
     };
   };
   var columns = [{
-    title: '监测项目',
+    title: translateLocaleText("t('vtxdevicemodal.monitoringItem')"),
     dataIndex: 'monitorItemName',
     width: 120,
     ellipsis: true,
     fixed: 'left'
   }, {
     width: 80,
-    title: '监测值',
+    title: translateLocaleText("t('vtxdevicemodal.value')"),
     dataIndex: 'value',
     align: 'right',
     render: function render(text, record) {
@@ -385,7 +386,7 @@ var MonitorAnalysis = function MonitorAnalysis(_ref) {
     }
   }, {
     width: 80,
-    title: '是否告警',
+    title: translateLocaleText("t('vtxdevicemodal.isAlarm')"),
     dataIndex: 'onAlarm',
     render: function render(text) {
       return /*#__PURE__*/_jsx(VmTag, {
@@ -395,7 +396,7 @@ var MonitorAnalysis = function MonitorAnalysis(_ref) {
               error: text
             })
           }), /*#__PURE__*/_jsx("span", {
-            children: text ? '是' : '否'
+            children: text ? translateLocaleText("t('common.yes')") : translateLocaleText("t('common.no')")
           })]
         }),
         type: text ? 'red' : 'green'
@@ -403,14 +404,14 @@ var MonitorAnalysis = function MonitorAnalysis(_ref) {
     }
   }, {
     width: 80,
-    title: '阈值',
+    title: translateLocaleText("t('vtxdevicemodal.value2')"),
     dataIndex: 'alarmDescription',
     ellipsis: true,
     render: function render(text) {
       return text ? text : '-';
     }
   }, {
-    title: '刷新时间',
+    title: translateLocaleText("t('vtxdevicemodal.hours')"),
     dataIndex: 'timeDesc',
     sorter: function sorter(a, b) {
       return a.time - b.time;
@@ -428,7 +429,7 @@ var MonitorAnalysis = function MonitorAnalysis(_ref) {
       height: 348
     },
     children: /*#__PURE__*/_jsx(VmWrapper, {
-      title: '指标分析',
+      title: translateLocaleText("t('vtxdevicemodal.indicatorAnalyze')"),
       contentStyle: {
         padding: '0 16px 16px'
       },
@@ -438,7 +439,7 @@ var MonitorAnalysis = function MonitorAnalysis(_ref) {
           return;
         }
         if (date[1].diff(date[0], 'd') > 7) {
-          message.warning('时间跨度不能超过7天');
+          message.warning(translateLocaleText("t('vtxdevicemodal.hours7')"));
           return;
         }
         setState({
@@ -459,7 +460,7 @@ var MonitorAnalysis = function MonitorAnalysis(_ref) {
             style: {
               fontSize: 14
             },
-            children: "\u6307\u6807\u5468\u671F\uFF1A"
+            children: translateLocaleText("t('vtxdevicemodal.indicator')")
           }), /*#__PURE__*/_jsx(VmFilter.VMSelect, {
             value: collectFrequency,
             options: collectList.map(function (item) {
@@ -512,7 +513,7 @@ var MonitorAnalysis = function MonitorAnalysis(_ref) {
             height: '100%'
           },
           children: [/*#__PURE__*/_jsx(VmTitle, {
-            title: '监测指标',
+            title: translateLocaleText("t('vtxdevicemodal.monitoringIndicator')"),
             border: false
           }), /*#__PURE__*/_jsx("div", {
             style: {
@@ -541,7 +542,7 @@ var MonitorAnalysis = function MonitorAnalysis(_ref) {
             height: '100%'
           },
           children: [/*#__PURE__*/_jsx(VmTitle, {
-            title: '监测趋势',
+            title: translateLocaleText("t('vtxdevicemodal.monitoringTrend')"),
             border: false,
             extra: /*#__PURE__*/_jsx(VmExtraTab, {
               value: showType,
@@ -557,7 +558,7 @@ var MonitorAnalysis = function MonitorAnalysis(_ref) {
                   height: 14,
                   fill: getActiveModeFill('chart')
                 }),
-                name: '图表'
+                name: translateLocaleText("t('vtxdevicemodal.chart')")
               }, {
                 key: 'list',
                 title: /*#__PURE__*/_jsx(ChartIcon, {
@@ -565,7 +566,7 @@ var MonitorAnalysis = function MonitorAnalysis(_ref) {
                   height: 14,
                   fill: getActiveModeFill('list')
                 }),
-                name: '列表'
+                name: translateLocaleText("t('_components.list')")
               }]
             })
           }), /*#__PURE__*/_jsx("div", {
@@ -591,7 +592,7 @@ var MonitorAnalysis = function MonitorAnalysis(_ref) {
               }
             }) : /*#__PURE__*/_jsx(VmTable, {
               columns: [{
-                title: '刷新时间',
+                title: translateLocaleText("t('vtxdevicemodal.hours')"),
                 dataIndex: 'date',
                 sorter: function sorter(a, b) {
                   return a.date > b.date ? 1 : -1;

package/lib/vtx-device-modal/components/DataAnalysis/index.js

@@ -7,13 +7,28 @@ var DataAnalysis = function DataAnalysis(_ref) {
     info = _ref.info;
   return /*#__PURE__*/_jsxs(Row, {
     gutter: [16, 16],
+    style: {
+      width: '100%',
+      minWidth: 0,
+      margin: 0
+    },
     children: [/*#__PURE__*/_jsx(Col, {
       span: 24,
+      style: {
+        minWidth: 0,
+        paddingLeft: 0,
+        paddingRight: 0
+      },
       children: /*#__PURE__*/_jsx(MonitorAnalysis, {
         id: id
       })
     }), /*#__PURE__*/_jsx(Col, {
       span: 24,
+      style: {
+        minWidth: 0,
+        paddingLeft: 0,
+        paddingRight: 0
+      },
       children: /*#__PURE__*/_jsx(AlarmAnalysis, {
         id: id,
         info: info

package/lib/vtx-device-modal/components/DataAnalysis/index.less

@@ -1,66 +1,66 @@
-.vtx-device-analysis-dot {
-  width: 6px;
-  height: 6px;
-  background: var(--green-color);
-  border-radius: 50%;
-  &.error {
-    background: var(--red-color);
-  }
-}
-
-.vtx-device-analysis-tabs {
-  display: flex;
-  gap: 16px;
-  color: var(--modal-title-color);
-  font-size: 14px;
-  &-item {
-    cursor: pointer;
-    &.active {
-      color: var(--blue-color);
-    }
-  }
-}
-
-.vtx-device-alarm-summary {
-  width: 368px;
-  height: 104px;
-  padding: 20px;
-  margin-bottom: 20px;
-  color: var(--modal-title-color);
-  display: flex;
-  justify-content: space-between;
-  flex-direction: column;
-  cursor: pointer;
-  background-image: url("../../imgs/current.png");
-  background-size: 100% 100%;
-  border-radius: 8px;
-  border: 1px solid transparent;
-  &-lable {
-    font-size: 16px;
-    font-weight: 600;
-  }
-  &-value {
-    font-weight: 600;
-    font-size: 24px;
-    color: var(--red-color);
-  }
-  &.dark {
-    background-image: url("../../imgs/current_dark.png");
-    &:last-child {
-      background-image: url("../../imgs/history_dark.png");
-    }
-  }
-  &.active {
-    border:1px solid var(--red-color);
-  }
-  &:last-child {
-    margin-bottom: 0;
-    background-image: url("../../imgs/history.png");
-    .vtx-device-alarm-summary-value {
-      color: var(--yellow-color);
-    }
-    &.active {
-      border:1px solid var(--yellow-color);
-    }
-  }
-}
+.vtx-device-analysis-dot {
+  width: 6px;
+  height: 6px;
+  background: var(--green-color);
+  border-radius: 50%;
+  &.error {
+    background: var(--red-color);
+  }
+}
+
+.vtx-device-analysis-tabs {
+  display: flex;
+  gap: 16px;
+  color: var(--modal-title-color);
+  font-size: 14px;
+  &-item {
+    cursor: pointer;
+    &.active {
+      color: var(--blue-color);
+    }
+  }
+}
+
+.vtx-device-alarm-summary {
+  width: 368px;
+  height: 104px;
+  padding: 20px;
+  margin-bottom: 20px;
+  color: var(--modal-title-color);
+  display: flex;
+  justify-content: space-between;
+  flex-direction: column;
+  cursor: pointer;
+  background-image: url("../../imgs/current.png");
+  background-size: 100% 100%;
+  border-radius: 8px;
+  border: 1px solid transparent;
+  &-lable {
+    font-size: 16px;
+    font-weight: 600;
+  }
+  &-value {
+    font-weight: 600;
+    font-size: 24px;
+    color: var(--red-color);
+  }
+  &.dark {
+    background-image: url("../../imgs/current_dark.png");
+    &:last-child {
+      background-image: url("../../imgs/history_dark.png");
+    }
+  }
+  &.active {
+    border:1px solid var(--red-color);
+  }
+  &:last-child {
+    margin-bottom: 0;
+    background-image: url("../../imgs/history.png");
+    .vtx-device-alarm-summary-value {
+      color: var(--yellow-color);
+    }
+    &.active {
+      border:1px solid var(--yellow-color);
+    }
+  }
+}

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

@@ -5,12 +5,15 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
 import useGetChannels from "../_hooks/useGetChannels";
 import useGetConfig from "../_hooks/useGetConfig";
 import { useMemo } from 'react';
+import "../_util/setupDayjs";
 import { VmCustom, VmVideo } from "../_components";
 import VtxBaseModal from "../vtx-base-modal";
 import { BaseService } from "./api";
 import { BaseInfo } from "./components";
 import DataAnalysis from "./components/DataAnalysis";
+import "../style/index.less";
 import "./style";
+import { translateLocaleText } from "./../hooks/useTranslation.js";
 import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 var TABS_BASE = 'base';
 var TABS_DATA = 'statistical';
@@ -26,13 +29,13 @@ var VtxDeviceModal = function VtxDeviceModal(props) {
     tabChose = _props$tabChose === void 0 ? '' : _props$tabChose;
   var tabs = [{
     key: TABS_BASE,
-    title: '总览信息'
+    title: translateLocaleText("t('vtxdefaultmodal.overviewInformation')")
   }, {
     key: TABS_DATA,
-    title: '数据分析'
+    title: translateLocaleText("t('vtxdevicemodal.analyze2')")
   }, {
     key: TABS_VIDEO,
-    title: '视频信息'
+    title: translateLocaleText("t('vtxdevicemodal.video')")
   }];
   var _useGetConfig = useGetConfig('device', tabs),
     tabsData = _useGetConfig.tabsData;

package/lib/vtx-device-modal/style/index.less

@@ -1 +1,33 @@
 
+.vtx-device-base-map-col {
+  min-width: 0;
+
+  .vtx-device-base-map-wrapper {
+    box-sizing: border-box;
+    overflow: hidden;
+
+    .div-wrapper-content {
+      box-sizing: border-box;
+      padding: 16px;
+      overflow: hidden;
+    }
+  }
+
+  .vtx-device-base-map-inner {
+    width: 100%;
+    height: 100%;
+    min-width: 0;
+    min-height: 0;
+    overflow: hidden;
+    border-radius: 8px;
+    background: #f5f7fa;
+  }
+}
+
+.vm-modal-dark {
+  .vtx-device-base-map-col {
+    .vtx-device-base-map-inner {
+      background: rgba(0, 155, 233, 10%);
+    }
+  }
+}

package/lib/vtx-df-modal/components/BaseInfo/Jcqsfx.js

@@ -2,6 +2,7 @@ import { flatten, max } from 'lodash';
 import { VmLineCharts, VmWrapper } from "../../../_components";
 import useSettings from "../../../_hooks/useSettings";
 import { BaseService } from "../../api";
+import { translateLocaleText } from "./../../../hooks/useTranslation.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 export default function Jcqsfx(props) {
   var _trendRes$values, _trendRes$values2;
@@ -20,17 +21,17 @@ export default function Jcqsfx(props) {
   return /*#__PURE__*/_jsx("div", {
     className: "base-top--jcqsfx",
     children: /*#__PURE__*/_jsx(VmWrapper, {
-      title: "\u8FDB\u573A\u8D8B\u52BF\u5206\u6790",
+      title: translateLocaleText("t('vtxdfmodal.analyze')"),
       needChange: false,
       children: /*#__PURE__*/_jsx(VmLineCharts, {
-        unit: "\u5428",
+        unit: translateLocaleText("t('vtxdefaultmodal.tonUnit')"),
         height: 240,
         showLegend: false,
         xAxis: (trendRes === null || trendRes === void 0 ? void 0 : trendRes.names) || [],
         yMax: maxNum,
         dataList: [{
           data: ((_trendRes$values2 = trendRes.values) === null || _trendRes$values2 === void 0 ? void 0 : _trendRes$values2[0]) || [],
-          name: '进场量',
+          name: translateLocaleText("t('vtxdefaultmodal.inboundAmount')"),
           markLine: {
             data: [{
               yAxis: trendRes !== null && trendRes !== void 0 && trendRes.values && trendRes.values[1] ? trendRes.values[1][0] : 0,
@@ -39,7 +40,7 @@ export default function Jcqsfx(props) {
                   color: '#FFE25D'
                 }
               },
-              name: '设计能力(吨/日)'
+              name: translateLocaleText("t('vtxdfmodal.tonsDay')")
             }],
             lineStyle: {
               color: '#52C41A'

package/lib/vtx-df-modal/components/BaseInfo/Jczbqs.js

@@ -4,8 +4,9 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-/**
- * 监测指标趋势分析
+import { translateLocaleText } from "./../../../hooks/useTranslation.js";
+/**
+ * 监测指标趋势分析
  */
 import { useSetState } from 'ahooks';
 import dayjs from 'dayjs';
@@ -41,7 +42,7 @@ function Jczbqs(props) {
   return /*#__PURE__*/_jsx("div", {
     className: "df-overview-trend",
     children: /*#__PURE__*/_jsx(VmWrapper, {
-      title: "\u76D1\u6D4B\u6307\u6807\u8D8B\u52BF\u5206\u6790\uFF0824\u5C0F\u65F6\uFF09",
+      title: translateLocaleText("t('vtxtfdmodal.monitoringIndicatorAnalyze24Hours')"),
       extra: /*#__PURE__*/_jsx(VmFilter.VMSelect, {
         value: value,
         onChange: function onChange(val) {
@@ -58,13 +59,13 @@ function Jczbqs(props) {
         style: {
           width: 150
         },
-        placeholder: "\u8BF7\u9009\u62E9",
+        placeholder: translateLocaleText("t('common.placeholder.select')"),
         allowClear: false
       }),
       children: /*#__PURE__*/_jsx("div", {
         className: "df-overview-trend-content",
         children: timeSumData ? /*#__PURE__*/_jsx(VmLineCharts, {
-          title: '总数',
+          title: translateLocaleText("t('vtxtfdmodal.totalCount')"),
           height: 191,
           unit: (timeSumData === null || timeSumData === void 0 || (_timeSumData$extraDat = timeSumData.extraData) === null || _timeSumData$extraDat === void 0 || (_timeSumData$extraDat = _timeSumData$extraDat[0]) === null || _timeSumData$extraDat === void 0 ? void 0 : _timeSumData$extraDat.unit) || '',
           xAxis: (timeSumData === null || timeSumData === void 0 ? void 0 : timeSumData.names) || [],

package/lib/vtx-df-modal/components/BaseInfo/Qyjcl.js

@@ -1,3 +1,4 @@
+import { translateLocaleText } from "./../../../hooks/useTranslation.js";
 /**
  * 区域进场量分析
  */
@@ -20,9 +21,9 @@ function Qyjcl(props) {
     children: areaSumData !== null && areaSumData !== void 0 && (_areaSumData$areaDeta = areaSumData.areaDetailList) !== null && _areaSumData$areaDeta !== void 0 && _areaSumData$areaDeta.length ? /*#__PURE__*/_jsx(VmPieCharts, {
       height: 216,
       total: total === null || total === void 0 ? void 0 : total.toFixed(2),
-      title: "\u5428",
-      unit: "\u5428",
-      name: "\u533A\u57DF\u8FDB\u573A\u91CF",
+      title: translateLocaleText("t('vtxtfdmodal.tons')"),
+      unit: translateLocaleText("t('vtxdefaultmodal.tonUnit')"),
+      name: translateLocaleText("t('vtxdfmodal.areaInboundAmount')"),
       innerRadius: ['50%', '65%'],
       outerRadius: ['65%', '70%'],
       dataList: (areaSumData === null || areaSumData === void 0 || (_areaSumData$areaDeta2 = areaSumData.areaDetailList) === null || _areaSumData$areaDeta2 === void 0 ? void 0 : _areaSumData$areaDeta2.map(function (ele) {

package/lib/vtx-df-modal/components/BaseInfo/RealtimeMonitor.js

@@ -10,6 +10,7 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import { translateLocaleText } from "./../../../hooks/useTranslation.js";
 /**
  * 实时监测情况
  */
@@ -44,18 +45,18 @@ export default function RealtimeMonitor(_ref) {
   var _BaseService$useRealt = BaseService.useRealtime(active),
     realtimeRes = _BaseService$useRealt.realtimeRes;
   var columns = [{
-    title: '监测项',
+    title: translateLocaleText("t('vtxdfmodal.monitorItem')"),
     dataIndex: 'monitorItemName',
     key: 'monitorItemName'
   }, {
-    title: '单位',
+    title: translateLocaleText("t('vtxdfmodal.unit')"),
     dataIndex: 'unit',
     key: 'unit',
     render: function render(text) {
       return text || '-';
     }
   }, {
-    title: '监测值',
+    title: translateLocaleText("t('vtxdevicemodal.value')"),
     dataIndex: 'value',
     key: 'value',
     render: function render(text, record) {
@@ -67,7 +68,7 @@ export default function RealtimeMonitor(_ref) {
       });
     }
   }, {
-    title: '更新时间',
+    title: translateLocaleText("t('vtxdfmodal.updateTime')"),
     dataIndex: 'time',
     key: 'time',
     render: function render(text) {
@@ -85,7 +86,7 @@ export default function RealtimeMonitor(_ref) {
     children: [/*#__PURE__*/_jsx("div", {
       className: "base-bottom--right",
       children: /*#__PURE__*/_jsx(VmWrapper, {
-        title: "\u5B9E\u65F6\u76D1\u6D4B\u60C5\u51B5",
+        title: translateLocaleText("t('vtxdfmodal.hours2')"),
         needChange: false,
         children: /*#__PURE__*/_jsx("div", {
           className: "base-bottom--right-content",
@@ -97,7 +98,11 @@ export default function RealtimeMonitor(_ref) {
                 moreIcon: /*#__PURE__*/_jsx("img", {
                   src: isDark ? more : moreLight
                 }),
-                popupClassName: "df-popup-className ".concat(isDark ? 'dark' : ''),
+                classNames: {
+                  popup: {
+                    root: "df-popup-className ".concat(isDark ? 'dark' : '')
+                  }
+                },
                 onChange: function onChange(key) {
                   setActive(key);
                 },
@@ -117,7 +122,7 @@ export default function RealtimeMonitor(_ref) {
                         }), /*#__PURE__*/_jsx("div", {
                           className: "df-monitor-head-item-right-".concat(flag ? 'valueNormal' : 'valueAlarm'),
                           children: /*#__PURE__*/_jsx("span", {
-                            children: flag ? '正常' : '异常'
+                            children: flag ? translateLocaleText("t('vtxdfmodal.normal')") : translateLocaleText("t('vtxdfmodal.abnormal')")
                           })
                         })]
                       })]

package/lib/vtx-df-modal/components/BaseInfo/Situation.js

@@ -4,6 +4,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { translateLocaleText } from "./../../../hooks/useTranslation.js";
 /**
  * 实时运行情况
  */
@@ -14,13 +15,13 @@ export default function Situation(_ref) {
   return /*#__PURE__*/_jsx("div", {
     className: "df-situation",
     children: [{
-      name: '进场量',
+      name: translateLocaleText("t('vtxdefaultmodal.inboundAmount')"),
       value: situationRes === null || situationRes === void 0 ? void 0 : situationRes.todayInWeight,
       rate: ((situationRes === null || situationRes === void 0 ? void 0 : situationRes.todayInWeight) || 0) / ((situationRes === null || situationRes === void 0 ? void 0 : situationRes.yesterdayInWeight) || 1) * 100,
-      unit: '吨',
+      unit: translateLocaleText("t('vtxdefaultmodal.tonUnit')"),
       img: 'jcl'
     }, {
-      name: '进场车次',
+      name: translateLocaleText("t('vtxdfmodal.times')"),
       value: situationRes === null || situationRes === void 0 ? void 0 : situationRes.todayInCar,
       rate: ((situationRes === null || situationRes === void 0 ? void 0 : situationRes.todayInCar) || 0) / ((situationRes === null || situationRes === void 0 ? void 0 : situationRes.yesterdayInCar) || 1) * 100,
       img: 'jccc'
@@ -31,7 +32,7 @@ export default function Situation(_ref) {
           img: require("../../imgs/".concat(item.img, ".png"))
         })), /*#__PURE__*/_jsxs("div", {
           className: "df-situation-item-compare",
-          children: ["\u4E0E\u6628\u65E5\u6BD4 ", /*#__PURE__*/_jsxs("span", {
+          children: [translateLocaleText("t('vtxdfmodal.day')"), /*#__PURE__*/_jsxs("span", {
             children: [(_item$rate = item.rate) === null || _item$rate === void 0 ? void 0 : _item$rate.toFixed(2), "%"]
           }), /*#__PURE__*/_jsx("img", {
             style: {

package/lib/vtx-df-modal/components/BaseInfo/index.js

@@ -19,6 +19,7 @@ import Jcqsfx from "./Jcqsfx";
 import Qyjcl from "./Qyjcl";
 import RealtimeMonitor from "./RealtimeMonitor";
 import Situation from "./Situation";
+import { translateLocaleText } from "./../../../hooks/useTranslation.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 var BaseInfo = function BaseInfo(props) {
   var info = props.info,
@@ -45,7 +46,7 @@ var BaseInfo = function BaseInfo(props) {
     children: [/*#__PURE__*/_jsx("div", {
       className: "df-base-content-left",
       children: /*#__PURE__*/_jsxs(VmWrapper, {
-        title: "\u57FA\u672C\u4FE1\u606F",
+        title: translateLocaleText("t('vtxdefaultmodal.basicInformation')"),
         children: [/*#__PURE__*/_jsx("div", {
           className: "base-top-img",
           ref: imgRef,
@@ -90,7 +91,7 @@ var BaseInfo = function BaseInfo(props) {
         children: [/*#__PURE__*/_jsx(Col, {
           span: 8,
           children: /*#__PURE__*/_jsx(VmWrapper, {
-            title: "\u5B9E\u65F6\u8FDB\u573A\u60C5\u51B5",
+            title: translateLocaleText("t('vtxdfmodal.hours')"),
             style: {
               height: 280
             },
@@ -104,7 +105,7 @@ var BaseInfo = function BaseInfo(props) {
             style: {
               height: 280
             },
-            title: "\u533A\u57DF\u8FDB\u573A\u91CF\u5206\u6790",
+            title: translateLocaleText("t('vtxdfmodal.areaAnalyze')"),
             filterType: "rangePicker",
             dateValue: [dayjs(startDate), dayjs(endDate)],
             filterChange: function filterChange(dates) {