@vtx/modals2 5.0.58 → 6.0.0-beta.0

package/lib/vtx-road-modal/api.js

@@ -18,6 +18,7 @@ import dayjs from 'dayjs';
 import _, { keyBy } from 'lodash';
 import np from 'number-precision';
 import http from "../_util/http";
+import { translateLocaleText } from "./../hooks/useTranslation.js";
 var workTypeColors = ['blue', 'green', 'yellow', 'purple', 'orange'];
 export var BaseService = {
   useBaseInfo: function useBaseInfo(id, hasRule) {
@@ -45,27 +46,27 @@ export var BaseService = {
       return item.key === 'tenderId' && item.enabled === true;
     }) : true;
     var baseInfo = (_ref = [{
-      label: '管理单位',
+      label: translateLocaleText("t('vtxroadmodal.managementUnit')"),
       key: 'manageUnitName',
       value: info === null || info === void 0 ? void 0 : info.manageUnitName
     }, {
-      label: '路段长度',
+      label: translateLocaleText("t('vtxroadmodal.length')"),
       key: 'roadSpace',
       value: "".concat((info === null || info === void 0 ? void 0 : info.roadSpace) || '0', "m")
     }, {
-      label: '行政区划',
+      label: translateLocaleText("t('vtxroadmodal.administrativeDivision')"),
       key: 'divisionName',
       value: info === null || info === void 0 ? void 0 : info.divisionName
     }, {
-      label: '路段宽度(m)',
+      label: translateLocaleText("t('vtxroadmodal.m')"),
       key: 'roadWidth',
       value: "".concat((info === null || info === void 0 ? void 0 : info.roadWidth) || '0', "m")
     }, showbidSection && {
-      label: '所属标段',
+      label: translateLocaleText("t('vtxroadmodal.bidSection')"),
       key: 'bidSectionName',
       value: info === null || info === void 0 ? void 0 : info.bidSectionName
     }, {
-      label: '作业单位',
+      label: translateLocaleText("t('vtxroadmodal.unit')"),
       key: 'companyName',
       value: info === null || info === void 0 ? void 0 : info.companyName
     }]) === null || _ref === void 0 ? void 0 : _ref.filter(Boolean);
@@ -303,31 +304,31 @@ export var LaneService = {
       return item.key === 'tenderId' && item.enabled === true;
     }) : true;
     var baseInfo = (_ref4 = [{
-      label: '路段类型',
+      label: translateLocaleText("t('vtxroadmodal.type')"),
       key: 'roadTypeName',
       value: info === null || info === void 0 ? void 0 : info.roadTypeName
     }, {
-      label: '路段等级',
+      label: translateLocaleText("t('vtxroadmodal.level')"),
       key: 'levelName',
       value: info === null || info === void 0 ? void 0 : info.levelName
     }, showbidSection && {
-      label: '所属标段',
+      label: translateLocaleText("t('vtxroadmodal.bidSection')"),
       key: 'bidSectionName',
       value: info === null || info === void 0 ? void 0 : info.bidSectionName
     }, {
-      label: '作业单位',
+      label: translateLocaleText("t('vtxroadmodal.unit')"),
       key: 'companyName',
       value: info === null || info === void 0 ? void 0 : info.companyName
     }, {
-      label: '长度',
+      label: translateLocaleText("t('vtxroadmodal.length2')"),
       key: 'roadSpace',
       value: "".concat((info === null || info === void 0 ? void 0 : info.roadSpace) || '0', "m")
     }, {
-      label: '宽度(m)',
+      label: translateLocaleText("t('vtxroadmodal.m2')"),
       key: 'roadWidth',
       value: "".concat((info === null || info === void 0 ? void 0 : info.roadWidth) || '0', "m")
     }, {
-      label: '面积(m²)',
+      label: translateLocaleText("t('vtxroadmodal.areaM')"),
       key: 'roadArea',
       value: "".concat((info === null || info === void 0 ? void 0 : info.roadArea) || '0', "m\xB2")
     }]) === null || _ref4 === void 0 ? void 0 : _ref4.filter(Boolean);

package/lib/vtx-road-modal/components/BaseInfo/Rules.js

@@ -2,6 +2,7 @@ import classnames from 'classnames';
 import { isEmpty } from 'lodash';
 import { VmEmpty } from "../../../_components";
 import useSettings from "../../../_hooks/useSettings";
+import { translateLocaleText } from "./../../../hooks/useTranslation.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 var Rules = function Rules(_ref) {
   var rules = _ref.rules,
@@ -19,7 +20,10 @@ var Rules = function Rules(_ref) {
         className: "vtx-road-rule-wrap-item-wrap",
         children: [/*#__PURE__*/_jsx("div", {
           className: classnames('vtx-road-rule-wrap-work', workTypeColorMap[item.workTypeName]),
-          children: item.workTypeName || '--'
+          children: /*#__PURE__*/_jsx("span", {
+            title: item.workTypeName,
+            children: item.workTypeName || '--'
+          })
         }), /*#__PURE__*/_jsxs("div", {
           children: [/*#__PURE__*/_jsx("span", {
             className: classnames('vtx-road-rule-wrap-number', workTypeColorMap[item.workTypeName], {
@@ -30,7 +34,7 @@ var Rules = function Rules(_ref) {
             className: classnames('vtx-road-rule-wrap-unit', workTypeColorMap[item.workTypeName], {
               dark: isDark
             }),
-            children: "\u8D9F"
+            children: translateLocaleText("t('vtxroadmodal.tripUnit')")
           })]
         }), /*#__PURE__*/_jsx("div", {
           className: 'vtx-road-rule-wrap-time',

package/lib/vtx-road-modal/components/BaseInfo/Work.js

@@ -19,6 +19,7 @@ import { useState } from 'react';
 import { VmEmpty, VmProgress, VmTable, VmTag, VmWrapper } from "../../../_components";
 import useSettings from "../../../_hooks/useSettings";
 import { BaseService } from "../../api";
+import { translateLocaleText } from "./../../../hooks/useTranslation.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 var Work = function Work(props) {
   var id = props.id,
@@ -54,7 +55,7 @@ var Work = function Work(props) {
     return item.workType !== 'ALL';
   });
   var columns = [{
-    title: '车牌号',
+    title: translateLocaleText("t('vtxroadmodal.plateNumber')"),
     dataIndex: 'carCode',
     key: 'carCode',
     ellipsis: true,
@@ -66,7 +67,7 @@ var Work = function Work(props) {
       };
     }
   }, {
-    title: '作业类型',
+    title: translateLocaleText("t('vtxroadmodal.type2')"),
     dataIndex: 'workTypeName',
     key: 'workTypeName',
     width: 80,
@@ -78,7 +79,7 @@ var Work = function Work(props) {
       });
     }
   }, {
-    title: '作业时段',
+    title: translateLocaleText("t('vtxroadmodal.hours')"),
     dataIndex: 'ruleStartTime',
     key: 'ruleStartTime',
     width: 140,
@@ -87,21 +88,23 @@ var Work = function Work(props) {
       return text ? "".concat(dayjs(text).format('HH:mm:ss'), "~").concat(dayjs(record.ruleEndTime).format('HH:mm:ss')) : '-';
     }
   }, {
-    title: '作业趟数',
+    title: translateLocaleText("t('vtxroadmodal.workTrips')"),
     dataIndex: 'workCount',
     key: 'workCount',
+    ellipsis: true,
     width: 80,
     align: 'right'
   }, {
-    title: '作业里程(km)',
+    title: translateLocaleText("t('vtxroadmodal.km')"),
     dataIndex: 'realWorkMileage',
     key: 'realWorkMileage',
     width: 110,
+    ellipsis: true,
     align: 'right'
   }, {
     title: /*#__PURE__*/_jsxs(Space, {
-      children: ["\u6838\u7B97\u4F5C\u4E1A\u91CC\u7A0B(km)", /*#__PURE__*/_jsx(Tooltip, {
-        title: "\u6838\u7B97\u4F5C\u4E1A\u91CC\u7A0B\uFF1A\u6839\u636E\u4F5C\u4E1A\u8DEF\u6BB5\u957F\u5EA6\u548C\u4F5C\u4E1A\u89C4\u5219\uFF0C\u540C\u4E00\u8DEF\u6BB5\u540C\u4E00\u65F6\u6BB5\u7684\u4F5C\u4E1A\u7C7B\u578B\u4E0B\uFF0C\u4E0D\u53EF\u8D85\u8FC7\u8BA1\u5212\u4F5C\u4E1A\u91CC\u7A0B\u3002",
+      children: [translateLocaleText("t('vtxroadmodal.km2')"), /*#__PURE__*/_jsx(Tooltip, {
+        title: translateLocaleText("t('vtxroadmodal.lengthRuleHoursType')"),
         children: /*#__PURE__*/_jsx(QuestionCircleOutlined, {})
       })]
     }),
@@ -110,7 +113,7 @@ var Work = function Work(props) {
     width: 160,
     align: 'right'
   }, {
-    title: '操作',
+    title: translateLocaleText("t('common.action')"),
     dataIndex: 'track',
     key: 'track',
     width: 80,
@@ -126,12 +129,12 @@ var Work = function Work(props) {
           }
           var src = "".concat(prefix, "/carHistory/#/zyqsHistory?carId=").concat(record.carId, "&theme=").concat(theme === 'blue' ? 'dark' : theme, "&startTime=").concat(dayjs(date).format('YYYY-MM-DD 00:00:00'), "&endTime=").concat(dayjs(date).format('YYYY-MM-DD 23:59:59'), "&").concat(location.href.split('?')[1], "&roadId=").concat(record.roadId);
           setIframeModalInfo({
-            title: '车辆轨迹',
+            title: translateLocaleText("t('vtxroadmodal.vehicleTrack')"),
             visible: true,
             src: src
           });
         },
-        children: "\u67E5\u770B\u8F68\u8FF9"
+        children: translateLocaleText("t('vtxroadmodal.view')")
       });
     }
   }];
@@ -157,7 +160,7 @@ var Work = function Work(props) {
       children: /*#__PURE__*/_jsx(VmWrapper, {
         filterType: "datePicker",
         dateValue: day,
-        title: "\u4F5C\u4E1A\u6C47\u603B",
+        title: translateLocaleText("t('vtxroadmodal.workSummary')"),
         filterChange: setDay,
         disabledDate: function disabledDate(current) {
           return current && current > dayjs().endOf('day');
@@ -184,7 +187,7 @@ var Work = function Work(props) {
               className: "all-rate-wrap",
               children: /*#__PURE__*/_jsx(VmProgress.Circle, {
                 rate: allWorkInfo.rate,
-                name: '完成率'
+                name: translateLocaleText("t('vtxroadmodal.complete')")
               })
             }), /*#__PURE__*/_jsxs("div", {
               children: [/*#__PURE__*/_jsxs("div", {
@@ -196,7 +199,8 @@ var Work = function Work(props) {
                 }), /*#__PURE__*/_jsxs("div", {
                   children: [/*#__PURE__*/_jsx("span", {
                     className: "left-info-label",
-                    children: "\u8BA1\u5212/\u6838\u7B97\u91CC\u7A0B\uFF1A"
+                    title: translateLocaleText("t('vtxroadmodal.planAccountingMileage')"),
+                    children: translateLocaleText("t('vtxroadmodal.planAccountingMileage')")
                   }), /*#__PURE__*/_jsxs("span", {
                     className: classnames('left-info-value', {
                       dark: isDark
@@ -206,7 +210,7 @@ var Work = function Work(props) {
                     className: classnames('left-info-unit', {
                       dark: isDark
                     }),
-                    children: "\u516C\u91CC"
+                    children: translateLocaleText("t('vtxroadmodal.kilometerUnit')")
                   })]
                 })]
               }), /*#__PURE__*/_jsxs("div", {
@@ -218,7 +222,7 @@ var Work = function Work(props) {
                 }), /*#__PURE__*/_jsxs("div", {
                   children: [/*#__PURE__*/_jsx("span", {
                     className: "left-info-label",
-                    children: "\u8BA1\u5212/\u6709\u6548\u8D9F\u6B21\uFF1A"
+                    children: translateLocaleText("t('vtxroadmodal.yesTimes')")
                   }), /*#__PURE__*/_jsxs("span", {
                     className: classnames('left-info-value', {
                       dark: isDark
@@ -228,7 +232,7 @@ var Work = function Work(props) {
                     className: classnames('left-info-unit', {
                       dark: isDark
                     }),
-                    children: "\u8D9F"
+                    children: translateLocaleText("t('vtxroadmodal.tripUnit')")
                   })]
                 })]
               })]
@@ -270,7 +274,8 @@ var Work = function Work(props) {
                     children: /*#__PURE__*/_jsxs("div", {
                       children: [/*#__PURE__*/_jsx("span", {
                         className: "left-info-label",
-                        children: "\u8BA1\u5212/\u6838\u7B97\u91CC\u7A0B\uFF1A"
+                        title: translateLocaleText("t('vtxroadmodal.planAccountingMileage')"),
+                        children: translateLocaleText("t('vtxroadmodal.planAccountingMileage')")
                       }), /*#__PURE__*/_jsxs("span", {
                         className: classnames('left-info-value', {
                           dark: isDark
@@ -280,7 +285,7 @@ var Work = function Work(props) {
                         className: classnames('left-info-unit', {
                           dark: isDark
                         }),
-                        children: "\u516C\u91CC"
+                        children: translateLocaleText("t('vtxroadmodal.kilometerUnit')")
                       })]
                     })
                   }), /*#__PURE__*/_jsx("div", {
@@ -288,7 +293,7 @@ var Work = function Work(props) {
                     children: /*#__PURE__*/_jsxs("div", {
                       children: [/*#__PURE__*/_jsx("span", {
                         className: "left-info-label",
-                        children: "\u8BA1\u5212/\u6709\u6548\u8D9F\u6B21\uFF1A"
+                        children: translateLocaleText("t('vtxroadmodal.yesTimes')")
                       }), /*#__PURE__*/_jsxs("span", {
                         className: classnames('left-info-value', {
                           dark: isDark
@@ -298,7 +303,7 @@ var Work = function Work(props) {
                         className: classnames('left-info-unit', {
                           dark: isDark
                         }),
-                        children: "\u8D9F"
+                        children: translateLocaleText("t('vtxroadmodal.tripUnit')")
                       })]
                     })
                   })]
@@ -314,7 +319,7 @@ var Work = function Work(props) {
         minHeight: 0
       },
       children: /*#__PURE__*/_jsx(VmWrapper, {
-        title: "\u4F5C\u4E1A\u660E\u7EC6",
+        title: translateLocaleText("t('vtxroadmodal.workDetails')"),
         children: /*#__PURE__*/_jsx("div", {
           style: {
             width: '100%',

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

@@ -13,6 +13,7 @@ import "./index.less";
 import Rules from "./Rules";
 import Work from "./Work";
 import { BaseService } from "../../api";
+import { translateLocaleText } from "./../../../hooks/useTranslation.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 var BaseInfo = function BaseInfo(_ref) {
   var _info$lngLats, _jcssInfo$geometryInf;
@@ -38,17 +39,18 @@ var BaseInfo = function BaseInfo(_ref) {
     children: [/*#__PURE__*/_jsx(Col, {
       flex: '400px',
       children: /*#__PURE__*/_jsxs(VmWrapper, {
-        title: '基本信息',
+        title: translateLocaleText("t('vtxdefaultmodal.basicInformation')"),
         children: [/*#__PURE__*/_jsx(VmInfoCollection, {
           data: [].concat(_toConsumableArray(baseInfo), [{
-            label: '路段等级',
+            label: translateLocaleText("t('vtxroadmodal.level')"),
             key: 'levelName',
             value: info === null || info === void 0 ? void 0 : info.levelName
           }, !getUrlParam('hideType') && {
-            label: '路段类型',
+            label: translateLocaleText("t('vtxroadmodal.type')"),
             key: 'roadTypeName',
             value: info === null || info === void 0 ? void 0 : info.roadTypeName
-          }])
+          }]),
+          ellipsis: true
         }), /*#__PURE__*/_jsx("div", {
           style: {
             height: 194
@@ -59,7 +61,7 @@ var BaseInfo = function BaseInfo(_ref) {
             geometryType: 'polyline'
           })
         }), /*#__PURE__*/_jsx(VmTitle, {
-          title: '作业规则',
+          title: translateLocaleText("t('vtxroadmodal.rule')"),
           border: false
         }), /*#__PURE__*/_jsx(Rules, {
           rules: rules,

package/lib/vtx-road-modal/components/BaseInfo/index.less

@@ -28,6 +28,7 @@
   &-time {
     color: var(--time-color);
     font-size: 12px;
+    flex-shrink: 0;
   }
   &-number,
   &-unit {
@@ -76,6 +77,16 @@
     padding: 0 8px;
     height: 24px;
     border: 1px solid;
+    min-width: 0;
+    max-width: 120px;
+
+    > span {
+      display: block;
+      max-width: 100%;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+    }
     &.blue {
       color: var(--blue-color);
       border-color: var(--blue-color);
@@ -124,6 +135,12 @@
     }
     .left-info-label {
       color: var(--vm-calendar-cell-font-color);
+      display: inline-block;
+      max-width: 128px;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      vertical-align: bottom;
+      white-space: nowrap;
     }
     .left-info-value,
     .left-info-unit {
@@ -175,6 +192,10 @@
         }
         .work-type {
           font-size: 14px;
+          max-width: 120px;
+          overflow: hidden;
+          text-overflow: ellipsis;
+          white-space: nowrap;
         }
         .work-rate {
           color: var(--vm-calendar-cell-font-color);
@@ -219,3 +240,19 @@
     }
   }
 }
+
+.vtx-road-info-right-wrap,
+.vtx-road-rule-wrap {
+  .info-line,
+  .info-label-b,
+  .value {
+    min-width: 0;
+  }
+
+  .info-label-b,
+  .value {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+}

package/lib/vtx-road-modal/components/Calendar/index.js

@@ -20,6 +20,7 @@ import darkWorkMileageIcon from "../../imgs/calendar/dark_green_mileage.png";
 import darkMileageIcon from "../../imgs/calendar/dark_mileage.png";
 import lightWorkMileageIcon from "../../imgs/calendar/green_mileage.png";
 import lightMileageIcon from "../../imgs/calendar/mileage.png";
+import { translateLocaleText } from "./../../../hooks/useTranslation.js";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 var Calendar = function Calendar(_ref) {
   var id = _ref.id;
@@ -79,7 +80,7 @@ var Calendar = function Calendar(_ref) {
     });
   };
   return /*#__PURE__*/_jsxs(VmWrapper, {
-    title: '作业分析',
+    title: translateLocaleText("t('vtxroadmodal.workCalendar')"),
     filterType: "monthPicker",
     dateValue: month,
     filterChange: setMonth,
@@ -89,11 +90,11 @@ var Calendar = function Calendar(_ref) {
     children: [/*#__PURE__*/_jsxs("div", {
       className: 'vtx-road-calendar-head',
       children: [[{
-        name: '计划作业里程（km）',
+        name: translateLocaleText("t('vtxroadmodal.km3')"),
         img: mileageIcon,
         type: 'blue'
       }, {
-        name: '核算作业里程（km）',
+        name: translateLocaleText("t('vtxroadmodal.km4')"),
         img: workMileageIcon,
         type: 'green'
       }].map(function (item, index) {
@@ -102,7 +103,7 @@ var Calendar = function Calendar(_ref) {
         }), index);
       }), /*#__PURE__*/_jsxs(Space, {
         children: [/*#__PURE__*/_jsx("div", {
-          children: "\u6709\u6548\u5B8C\u6210\u7387\uFF1A"
+          children: translateLocaleText("t('vtxroadmodal.yesComplete')")
         }), /*#__PURE__*/_jsx("div", {
           className: 'vtx-road-calendar-complete-legend',
           style: {

package/lib/vtx-road-modal/components/LaneBaseInfo/Rules.js

@@ -22,9 +22,8 @@ var Rules = function Rules(_ref) {
           children: [/*#__PURE__*/_jsxs("div", {
             className: "vtx-road-lane-rule-item-top",
             children: [/*#__PURE__*/_jsx("div", {
-              style: {
-                fontWeight: 600
-              },
+              className: "vtx-road-lane-rule-item-name",
+              title: item.facilityTypeName,
               children: item.facilityTypeName
             }), /*#__PURE__*/_jsx(VmTag, {
               color: workTypeColorMap[item.workTypeName],
@@ -38,6 +37,8 @@ var Rules = function Rules(_ref) {
               width: 16,
               height: 16
             }), /*#__PURE__*/_jsx("div", {
+              className: "vtx-road-lane-rule-item-text",
+              title: item.workCarCode,
               children: item.workCarCode
             }), /*#__PURE__*/_jsx("div", {
               className: "vtx-road-lane-rule-item-bottom-line"
@@ -47,6 +48,8 @@ var Rules = function Rules(_ref) {
               width: 16,
               height: 16
             }), /*#__PURE__*/_jsx("div", {
+              className: "vtx-road-lane-rule-item-text",
+              title: item.driverName,
               children: item.driverName
             })]
           })]

package/lib/vtx-road-modal/components/LaneBaseInfo/Work.js

@@ -18,6 +18,7 @@ import { useMemo, useState } from 'react';
 import { VmBarCharts, VmEmpty, VmProgress, VmTable, VmTag, VmWrapper } from "../../../_components";
 import useSettings from "../../../_hooks/useSettings";
 import { LaneService } from "../../api";
+import { translateLocaleText } from "./../../../hooks/useTranslation.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export var getPercentInfo = function getPercentInfo(percent) {
   var colorList = ['#D9D9D9', '#D9D9D9'];
@@ -99,32 +100,32 @@ var Work = function Work(props) {
     });
   };
   var columns = [{
-    title: '车牌号',
+    title: translateLocaleText("t('vtxroadmodal.plateNumber')"),
     dataIndex: 'workCarCode',
     key: 'workCarCode',
     ellipsis: true,
     width: 90,
     fixed: 'left'
   }, {
-    title: '车辆类型',
+    title: translateLocaleText("t('vtxroadmodal.type3')"),
     dataIndex: 'carClassesName',
     key: 'carClassesName',
     width: 80,
     ellipsis: true
   }, {
-    title: '车道类型',
+    title: translateLocaleText("t('vtxroadmodal.type4')"),
     dataIndex: 'facilityTypeName',
     key: 'facilityTypeName',
     width: 100,
     ellipsis: true
   }, {
-    title: '作业司机',
+    title: translateLocaleText("t('vtxroadmodal.workDriver')"),
     dataIndex: 'driverName',
     key: 'driverName',
     width: 100,
     ellipsis: true
   }, {
-    title: '作业时段',
+    title: translateLocaleText("t('vtxroadmodal.hours')"),
     dataIndex: 'startTime',
     key: 'startTime',
     width: 120,
@@ -133,7 +134,7 @@ var Work = function Work(props) {
       return "".concat(text.slice(0, 5), " ~ ").concat(record.endTime.slice(0, 5));
     }
   }, {
-    title: '作业类型',
+    title: translateLocaleText("t('vtxroadmodal.type2')"),
     dataIndex: 'workTypeName',
     key: 'workTypeName',
     width: 80,
@@ -145,21 +146,21 @@ var Work = function Work(props) {
       });
     }
   }, {
-    title: '作业趟数',
+    title: translateLocaleText("t('vtxroadmodal.workTrips')"),
     dataIndex: 'workCount',
     key: 'workCount',
     width: 90,
     ellipsis: true,
     align: 'right'
   }, {
-    title: '作业里程（km）',
+    title: translateLocaleText("t('vtxroadmodal.km5')"),
     dataIndex: 'workMileage',
     key: 'workMileage',
     width: 130,
     ellipsis: true,
     align: 'right'
   }, {
-    title: '完成率',
+    title: translateLocaleText("t('vtxroadmodal.complete')"),
     dataIndex: 'completeRate',
     key: 'completeRate',
     width: 90,
@@ -169,7 +170,7 @@ var Work = function Work(props) {
       return "".concat(text, "%");
     }
   }, {
-    title: '作业质量',
+    title: translateLocaleText("t('vtxroadmodal.workQuality')"),
     dataIndex: 'workQuality',
     key: 'workQuality',
     width: 90,
@@ -204,7 +205,7 @@ var Work = function Work(props) {
       }) : '-';
     }
   }, {
-    title: '操作',
+    title: translateLocaleText("t('common.action')"),
     dataIndex: 'track',
     key: 'track',
     width: 100,
@@ -221,12 +222,12 @@ var Work = function Work(props) {
           }
           var src = "".concat(prefix, "/carHistory/#/zyqsLaneHistory?carId=").concat(record.workCarId, "&theme=").concat(theme === 'blue' ? 'dark' : theme, "&startTime=").concat(dayjs(date).format('YYYY-MM-DD 00:00:00'), "&endTime=").concat(dayjs(date).format('YYYY-MM-DD 23:59:59'), "&").concat(location.href.split('?')[1]);
           setIframeModalInfo({
-            title: '车辆轨迹',
+            title: translateLocaleText("t('vtxroadmodal.vehicleTrack')"),
             visible: true,
             src: src
           });
         },
-        children: "\u67E5\u770B\u8F68\u8FF9"
+        children: translateLocaleText("t('vtxroadmodal.view')")
       });
     }
   }];
@@ -264,11 +265,11 @@ var Work = function Work(props) {
       });
       return {
         dataList: [{
-          name: '排班里程',
+          name: translateLocaleText("t('vtxroadmodal.scheduledMileage')"),
           data: planMileageList,
           color: 'geekblue'
         }, {
-          name: '作业里程',
+          name: translateLocaleText("t('vtxroadmodal.workMileage')"),
           data: workMileageList,
           color: 'green'
         }],
@@ -280,11 +281,11 @@ var Work = function Work(props) {
     xAxis = _useMemo.xAxis,
     completeRateList = _useMemo.completeRateList;
   var mileageList = [{
-    name: '排班里程',
+    name: translateLocaleText("t('vtxroadmodal.scheduledMileage')"),
     value: workInfo === null || workInfo === void 0 || (_workInfo$workInfo = workInfo.workInfo) === null || _workInfo$workInfo === void 0 ? void 0 : _workInfo$workInfo.planMileage,
     icon: require("../../imgs/schedule.png")
   }, {
-    name: '作业里程',
+    name: translateLocaleText("t('vtxroadmodal.workMileage')"),
     value: workInfo === null || workInfo === void 0 || (_workInfo$workInfo2 = workInfo.workInfo) === null || _workInfo$workInfo2 === void 0 ? void 0 : _workInfo$workInfo2.workMileage,
     icon: require("../../imgs/work.png")
   }];
@@ -295,7 +296,7 @@ var Work = function Work(props) {
       children: /*#__PURE__*/_jsx(VmWrapper, {
         filterType: "datePicker",
         dateValue: day,
-        title: "\u4F5C\u4E1A\u6C47\u603B",
+        title: translateLocaleText("t('vtxroadmodal.workSummary')"),
         filterChange: setDay,
         disabledDate: function disabledDate(current) {
           return current && current > dayjs().endOf('day');
@@ -329,7 +330,7 @@ var Work = function Work(props) {
                 align: "center",
                 children: [/*#__PURE__*/_jsx(VmProgress.Circle, {
                   rate: workInfo === null || workInfo === void 0 || (_workInfo$workInfo3 = workInfo.workInfo) === null || _workInfo$workInfo3 === void 0 ? void 0 : _workInfo$workInfo3.completeRate,
-                  name: '完成率',
+                  name: translateLocaleText("t('vtxroadmodal.complete')"),
                   width: 80
                 }), mileageList.map(function (item) {
                   return /*#__PURE__*/_jsxs("div", {
@@ -348,6 +349,8 @@ var Work = function Work(props) {
                         src: item.icon,
                         className: 'vtx-road-lane-mileage-item-img'
                       }), /*#__PURE__*/_jsx("span", {
+                        className: "vtx-road-lane-mileage-item-name",
+                        title: item.name,
                         children: item.name
                       })]
                     })]
@@ -360,6 +363,8 @@ var Work = function Work(props) {
                 return /*#__PURE__*/_jsxs("div", {
                   className: 'vtx-road-work-type-item',
                   children: [/*#__PURE__*/_jsx("div", {
+                    className: "vtx-road-work-type-item-name",
+                    title: item.name,
                     children: item.name
                   }), /*#__PURE__*/_jsx("div", {
                     style: {
@@ -419,7 +424,7 @@ var Work = function Work(props) {
         minHeight: 0
       },
       children: /*#__PURE__*/_jsx(VmWrapper, {
-        title: "\u4F5C\u4E1A\u660E\u7EC6",
+        title: translateLocaleText("t('vtxroadmodal.workDetails')"),
         children: /*#__PURE__*/_jsx("div", {
           style: {
             width: '100%',