@vtx/modals2 5.0.59 → 6.0.0-beta.1

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

@@ -12,6 +12,7 @@ import { BaseService as facilityService } from "../vtx-default-modal/api";
 import { BaseService } from "./api";
 import { AlarmInfo, BaseInfo, ExeceptionInfo, SyInfo } from "./components";
 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_SY = 'sy';
@@ -32,16 +33,16 @@ var VtxCpModal = function VtxCpModal(props) {
     tabChose = props.tabChose;
   var tabs = [{
     key: TABS_BASE,
-    title: '总览信息'
+    title: translateLocaleText("t('vtxdefaultmodal.overviewInformation')")
   }, {
     key: TABS_SY,
-    title: '收运信息'
+    title: translateLocaleText("t('vtxcpmodal.collectionInformation')")
   }, {
     key: TABS_WARNNING,
-    title: '报警信息'
+    title: translateLocaleText("t('vtxqyrymodal.alarmInformation')")
   }, {
     key: TABS_EXECEPTION,
-    title: '异常信息'
+    title: translateLocaleText("t('vtxcpmodal.exceptionInformation')")
   }];
   var _BaseService$useBaseD = BaseService.useBaseDetail(id, 'wgs84'),
     info = _BaseService$useBaseD.info,

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

@@ -12,6 +12,7 @@ import useSettings from "../../../_hooks/useSettings";
 import { CommonService } from "../../../_service";
 import { getFieldRender } from "../../../_util";
 import "./index.less";
+import { translateLocaleText } from "./../../../hooks/useTranslation.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 var BaseInfo = function BaseInfo(props) {
   var _mapCenter, _info$geometryInfo3;
@@ -55,7 +56,7 @@ var BaseInfo = function BaseInfo(props) {
     children: [/*#__PURE__*/_jsx("div", {
       className: "default-baseContent-left",
       children: /*#__PURE__*/_jsxs(VmWrapper, {
-        title: "\u57FA\u672C\u4FE1\u606F",
+        title: translateLocaleText("t('vtxdefaultmodal.basicInformation')"),
         children: [photos && /*#__PURE__*/_jsx("div", {
           className: "default-base-img",
           children: photos.length ? /*#__PURE__*/_jsx(VtxImage.PreviewGroup, {

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

@@ -4,8 +4,9 @@ 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";
+/**
+ * 通用弹窗
  */
 import { useMemo } from 'react';
 import { VmCustom, VmRepairMaintain, VmVideo } from "../_components";
@@ -41,7 +42,7 @@ var VtxDefaultModal = function VtxDefaultModal(props) {
     showCollect = props.showCollect;
   var tabs = [{
     key: TABS_BASE,
-    title: '总览信息'
+    title: translateLocaleText("t('vtxdefaultmodal.overviewInformation')")
   }];
   var _CommonService$useBas = CommonService.useBaseInfo(id, (customMapInfo === null || customMapInfo === void 0 ? void 0 : customMapInfo.coordinate) || 'wgs84'),
     photos = _CommonService$useBas.photos,

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

@@ -1,4 +1,3 @@
-// import 'antd/es/modal/style/css';
 import "./index.less";
 // import './baseInfo.less';
 import "../components/BaseInfo/index.less";

package/lib/vtx-device-modal/components/BaseInfo/PreviewAndDownload.js

@@ -16,6 +16,7 @@ import { getVtxToken } from '@vtx/utils';
 import { useSetState } from 'ahooks';
 import { Button, Popover } from 'antd';
 import { useState } from 'react';
+import { translateLocaleText } from "./../../../hooks/useTranslation.js";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 var PreviewAndDownload = function PreviewAndDownload(_ref) {
   var key = _ref.key,
@@ -41,7 +42,7 @@ var PreviewAndDownload = function PreviewAndDownload(_ref) {
     var base64 = Buffer.from(url).toString('base64');
     setIframeModalInfo({
       src: "".concat(window.location.origin, "/cloud/kkPreview/onlinePreview?url=").concat(base64, "&token=").concat(token),
-      title: '文件预览',
+      title: translateLocaleText("t('vtxdevicemodal.filePreview')"),
       visible: true
     });
   };
@@ -55,14 +56,14 @@ var PreviewAndDownload = function PreviewAndDownload(_ref) {
       onClick: function onClick() {
         return onPreview(info);
       },
-      children: "\u9884\u89C8"
+      children: translateLocaleText("t('vtxdevicemodal.preview')")
     }), "\xA0\xA0", /*#__PURE__*/_jsx(Button, {
       type: "primary",
       size: "small",
       onClick: function onClick() {
         return download(info);
       },
-      children: "\u4E0B\u8F7D"
+      children: translateLocaleText("t('vtxdevicemodal.download')")
     })]
   });
   return /*#__PURE__*/_jsxs(_Fragment, {

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

@@ -22,6 +22,7 @@ import { useMemo } from 'react';
 import { VmInfoCollection, VmMap, VmWrapper } from "../../../_components";
 import useSettings from "../../../_hooks/useSettings";
 import KnowledgeBasesDetail from "./KnowledgeBasesDetail";
+import { translateLocaleText } from "./../../../hooks/useTranslation.js";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 var BaseInfo = function BaseInfo(_ref) {
   var info = _ref.info;
@@ -46,35 +47,35 @@ var BaseInfo = function BaseInfo(_ref) {
     modalInfo = _useSetState2[0],
     setModalInfo = _useSetState2[1];
   var data = [{
-    label: '设备编码',
+    label: translateLocaleText("t('vtxdevicemodal.deviceCode')"),
     key: 'code',
     value: info === null || info === void 0 ? void 0 : info.code
   }, {
-    label: '设备厂家',
+    label: translateLocaleText("t('vtxdevicemodal.deviceManufacturer')"),
     key: 'factoryName',
     value: info === null || info === void 0 ? void 0 : info.factoryName
   }, {
-    label: '设备型号',
+    label: translateLocaleText("t('vtxdevicemodal.deviceModel')"),
     key: 'modelName',
     value: info === null || info === void 0 ? void 0 : info.modelName
   }, {
-    label: '性能参数',
+    label: translateLocaleText("t('vtxdevicemodal.performanceParameter')"),
     key: 'performanceParameter',
     value: info === null || info === void 0 ? void 0 : info.performanceParameter
   }, {
-    label: '管理单位',
+    label: translateLocaleText("t('vtxkhmodal.managementUnit')"),
     key: 'manageUnitName',
     value: info === null || info === void 0 ? void 0 : info.manageUnitName
   }, {
-    label: '责任人',
+    label: translateLocaleText("t('vtxzgmodal.responsiblePerson')"),
     key: 'responsiblePersonName',
     value: info === null || info === void 0 ? void 0 : info.responsiblePersonName
   }, {
-    label: '联系方式',
+    label: translateLocaleText("t('vtxdevicemodal.contactInformation')"),
     key: 'phone',
     value: info === null || info === void 0 ? void 0 : info.phone
   }, {
-    label: '知识库',
+    label: translateLocaleText("t('vtxdevicemodal.knowledgeBase')"),
     key: 'knowledgeBases',
     render: function render() {
       if (isEmpty(knowledgeBasesList)) {
@@ -150,7 +151,7 @@ var BaseInfo = function BaseInfo(_ref) {
           height: '100%'
         },
         children: /*#__PURE__*/_jsxs(VmWrapper, {
-          title: '基本信息',
+          title: translateLocaleText("t('vtxdefaultmodal.basicInformation')"),
           children: [url && /*#__PURE__*/_jsx("img", {
             src: url,
             style: {
@@ -166,16 +167,16 @@ var BaseInfo = function BaseInfo(_ref) {
         })
       }), /*#__PURE__*/_jsx(Col, {
         flex: '1',
+        className: 'vtx-device-base-map-col',
         style: {
           minWidth: 0,
           height: '100%'
         },
         children: /*#__PURE__*/_jsx(VmWrapper, {
           showTitle: false,
+          className: 'vtx-device-base-map-wrapper',
           children: lng && lat ? /*#__PURE__*/_jsx("div", {
-            style: {
-              height: '100%'
-            },
+            className: 'vtx-device-base-map-inner',
             children: /*#__PURE__*/_jsx(VmMap, {
               mapPoints: mapPoints,
               mapType: 'wgs84',

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

@@ -21,18 +21,19 @@ import { VmTable, VmTag, VmWrapper } from "../../../_components";
 import useSettings from "../../../_hooks/useSettings";
 import { BaseService } from "../../api";
 import "./index.less";
+import { translateLocaleText } from "./../../../hooks/useTranslation.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 var tabList = [{
-  label: '日',
+  label: translateLocaleText("t('vtxdevicemodal.day')"),
   value: 'day'
 }, {
-  label: '月',
+  label: translateLocaleText("t('vtxdevicemodal.month')"),
   value: 'month'
 }, {
-  label: '年',
+  label: translateLocaleText("t('vtxdevicemodal.year')"),
   value: 'year'
 }, {
-  label: '自定义',
+  label: translateLocaleText("t('_components.custom')"),
   value: 'self'
 }];
 var filterTypeMap = {
@@ -138,37 +139,37 @@ var AlarmAnalysis = function AlarmAnalysis(_ref) {
     }
   };
   var columns = [{
-    title: '报警名称',
+    title: translateLocaleText("t('vtxdevicemodal.name')"),
     dataIndex: 'alarmName',
     key: 'alarmName'
   }, {
-    title: '报警等级',
+    title: translateLocaleText("t('vtxdevicemodal.alarmLevel')"),
     dataIndex: 'alarmLevelName',
     key: 'alarmLevelName'
   }, {
-    title: '报警状态',
+    title: translateLocaleText("t('vtxdevicemodal.status')"),
     dataIndex: 'alarmStatusName',
     key: 'alarmStatusName'
   }, {
-    title: '报警开始时间',
+    title: translateLocaleText("t('vtxdevicemodal.startTime')"),
     dataIndex: 'alarmStartTime',
     key: 'alarmStartTime'
   }, {
-    title: '报警处理状态',
+    title: translateLocaleText("t('vtxdevicemodal.status2')"),
     dataIndex: 'alarmHandleStatusName',
     key: 'alarmHandleStatusName'
   }];
   var summaryList = [{
-    label: '当前报警',
+    label: translateLocaleText("t('vtxdevicemodal.currentAlarm')"),
     value: (currentAlarmRecord === null || currentAlarmRecord === void 0 ? void 0 : currentAlarmRecord.total) || 0,
     key: 'current'
   }, {
-    label: '历史报警',
+    label: translateLocaleText("t('vtxdevicemodal.historyAlarm')"),
     value: (historyAlarmRecord === null || historyAlarmRecord === void 0 ? void 0 : historyAlarmRecord.total) || 0,
     key: 'history'
   }];
   return /*#__PURE__*/_jsx(VmWrapper, {
-    title: '报警分析',
+    title: translateLocaleText("t('vtxdevicemodal.analyze')"),
     filterType: filterTypeMap[dateType],
     filterChange: function filterChange(date) {
       setState({
@@ -188,7 +189,7 @@ var AlarmAnalysis = function AlarmAnalysis(_ref) {
             checkCurrent: e.target.checked
           });
         },
-        children: "\u4EC5\u770B\u5F53\u524D\u62A5\u8B66"
+        children: translateLocaleText("t('vtxdevicemodal.currentAlarm2')")
       }), /*#__PURE__*/_jsx(TabsList, {
         list: tabList,
         activeKey: dateType,
@@ -250,7 +251,7 @@ var AlarmAnalysis = function AlarmAnalysis(_ref) {
               return setMonitorItemId('');
             },
             children: /*#__PURE__*/_jsx(VmTag, {
-              title: "\u5168\u90E8(".concat(alarmRecord.total || 0, ")"),
+              title: "".concat(translateLocaleText("t('export.all')"), "(").concat(alarmRecord.total || 0, ")"),
               type: monitorItemId === '' ? 'blue' : 'black'
             })
           }), (info.monitorItems || []).map(function (item) {

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/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) {