@vtx/modals2 5.0.59 → 6.0.0-beta.1

package/lib/vtx-jzlj-gcxm-modal/components/Dispose/index.js

@@ -18,7 +18,7 @@ import { useAntdTable, useSetState } from 'ahooks';
 import { Button } from 'antd';
 import React from 'react';
 import { JzljGcxmContext } from "../..";
-import { VmFactorList, VmFilter, VmTable, VmTag, VmWrapper } from "../../../_components";
+import { VmFilter, VmTable, VmTag, VmWrapper } from "../../../_components";
 import useSettings from "../../../_hooks/useSettings";
 import { disposeApis, fetchJzljEnum, getByParamTypeCode, overviewApis, useCzzFields, useUnit } from "../../api";
 import FlowMap from "./FlowMap";
@@ -31,6 +31,8 @@ import dispose_zsbl_dark from "../../imgs/dispose_zsbl_dark.png";
 import dispose_zsbl_light from "../../imgs/dispose_zsbl_light.png";
 import dispose_zyyl_dark from "../../imgs/dispose_zyyl_dark.png";
 import dispose_zyyl_light from "../../imgs/dispose_zyyl_light.png";
+import VmFactorList from "../FactorList";
+import { translateLocaleText } from "./../../../hooks/useTranslation.js";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 export default function Dispose() {
   var _React$useContext = React.useContext(JzljGcxmContext),
@@ -87,23 +89,23 @@ export default function Dispose() {
       ellipsis: true,
       align: item.dataShowKey === 'transportWeight' ? 'right' : 'left'
     }];
-  }) : [['运输单位', 'transportUnitName', {
+  }) : [[translateLocaleText("t('vtxjzljgcxmmodal.transportUnit')"), 'transportUnitName', {
     width: 160,
     ellipsis: true
-  }], ['运输终点', 'endingPointName', {
+  }], [translateLocaleText("t('vtxjzljgcxmmodal.endPoint')"), 'endingPointName', {
     width: 160,
     ellipsis: true
-  }], ['运输垃圾类型', 'garbageTypeName', {
+  }], [translateLocaleText("t('vtxjzljgcxmmodal.garbageType')"), 'garbageTypeName', {
     width: 100
-  }], ["\u8FD0\u8F93\u91CF(".concat(unitStr, ")"), 'transportWeight', {
+  }], ["".concat(translateLocaleText("t('vtxjzljgcxmmodal.transportWeight')"), "(").concat(unitStr, ")"), 'transportWeight', {
     width: 80,
     align: 'right'
-  }], ['申报有效期', 'effectiveDate', {
+  }], [translateLocaleText("t('vtxjzljgcxmmodal.effectiveDate')"), 'effectiveDate', {
     width: 150
-  }], ['运输车辆(辆)', 'effectiveCarCount', {
+  }], [translateLocaleText("t('vtxjzljgcxmmodal.transportVehicles')"), 'effectiveCarCount', {
     width: 100,
     align: 'right'
-  }], ['生效状态', 'effectiveStatusName', {
+  }], [translateLocaleText("t('vtxjzljgcxmmodal.status')"), 'effectiveStatusName', {
     width: 100,
     render: function render(text, record) {
       var colorMap = {
@@ -118,18 +120,18 @@ export default function Dispose() {
         type: color
       });
     }
-  }]]), [['操作', 'action', {
+  }]]), [[translateLocaleText("t('common.action')"), 'action', {
     width: 60,
     render: function render(_, record) {
       return /*#__PURE__*/_jsx("a", {
         onClick: function onClick() {
           setIframeModalInfo({
             visible: true,
-            title: '处置证信息',
+            title: translateLocaleText("t('vtxjzljgcxmmodal.disposalCertificateInfo')"),
             src: "/jzlj/#/disposalApprovalFill?id=".concat(record.id, "&effectiveStatusCode=").concat(record.effectiveStatusCode)
           });
         },
-        children: "\u67E5\u770B"
+        children: translateLocaleText("t('vtxjzljgcxmmodal.view')")
       });
     }
   }]]).map(function (item) {
@@ -202,8 +204,8 @@ export default function Dispose() {
   var _ctlData$totalWeight = ctlData.totalWeight,
     totalWeight = _ctlData$totalWeight === void 0 ? 0 : _ctlData$totalWeight;
   var totalList = [{
-    name: '处置证数量',
-    unit: '张',
+    name: translateLocaleText("t('vtxjzljgcxmmodal.disposalCertificateQuantity')"),
+    unit: translateLocaleText("t('vtxjzljgcxmmodal.sheetUnit')"),
     value: totalCzzCount,
     unitStyle: {
       fontSize: 14
@@ -216,7 +218,7 @@ export default function Dispose() {
     img: isDark ? dispose_czz_dark : dispose_czz_light,
     fontType: 'blue'
   }, {
-    name: '总申报量',
+    name: translateLocaleText("t('vtxjzljgcxmmodal.totalDeclaredAmount')"),
     unit: unitStr,
     value: totalWeight,
     unitStyle: {
@@ -230,7 +232,7 @@ export default function Dispose() {
     img: isDark ? dispose_zsbl_dark : dispose_zsbl_light,
     fontType: 'green'
   }, {
-    name: '总已运量',
+    name: translateLocaleText("t('vtxjzljgcxmmodal.totalTransportedAmount')"),
     unit: unitStr,
     value: yysWeight,
     unitStyle: {
@@ -244,7 +246,7 @@ export default function Dispose() {
     img: isDark ? dispose_zyyl_dark : dispose_zyyl_light,
     fontType: 'purple'
   }, {
-    name: '剩余量',
+    name: translateLocaleText("t('vtxjzljgcxmmodal.remainingAmount')"),
     unit: unitStr,
     value: syWeight,
     unitStyle: {
@@ -259,7 +261,7 @@ export default function Dispose() {
     fontType: 'yellow'
   }];
   var searchList = [{
-    title: '运输单位',
+    title: translateLocaleText("t('vtxjzljgcxmmodal.transportUnit')"),
     weight: 1,
     dom: /*#__PURE__*/_jsx(VmFilter.VMInput, {
       style: {
@@ -273,7 +275,7 @@ export default function Dispose() {
       }
     })
   }, {
-    title: '运输终点',
+    title: translateLocaleText("t('vtxjzljgcxmmodal.endPoint')"),
     weight: 1,
     dom: /*#__PURE__*/_jsx(VmFilter.VMInput, {
       style: {
@@ -287,7 +289,7 @@ export default function Dispose() {
       }
     })
   }, {
-    title: '生效状态',
+    title: translateLocaleText("t('vtxjzljgcxmmodal.status')"),
     weight: 1,
     dom: /*#__PURE__*/_jsx(VmFilter.VMSelect, {
       options: effectiveStatusList.map(function (item) {
@@ -299,7 +301,7 @@ export default function Dispose() {
       style: {
         width: 120
       },
-      placeholder: "\u8BF7\u9009\u62E9",
+      placeholder: translateLocaleText("t('common.placeholder.select')"),
       value: effectiveStatusCode,
       allowClear: true,
       onChange: function onChange(val) {
@@ -309,7 +311,7 @@ export default function Dispose() {
       }
     })
   }, {
-    title: '运输垃圾类型',
+    title: translateLocaleText("t('vtxjzljgcxmmodal.garbageType')"),
     weight: 1,
     dom: /*#__PURE__*/_jsx(VmFilter.VMSelect, {
       options: garbageTypeList.map(function (item) {
@@ -321,7 +323,7 @@ export default function Dispose() {
       style: {
         width: 120
       },
-      placeholder: "\u8BF7\u9009\u62E9",
+      placeholder: translateLocaleText("t('common.placeholder.select')"),
       value: garbageTypeCode,
       onChange: function onChange(val) {
         setState({
@@ -404,10 +406,10 @@ export default function Dispose() {
                 children: [/*#__PURE__*/_jsx(Button, {
                   type: "primary",
                   onClick: submit,
-                  children: "\u67E5\u8BE2"
+                  children: translateLocaleText("t('_components.search')")
                 }), /*#__PURE__*/_jsx(Button, {
                   onClick: myReset,
-                  children: "\u91CD\u7F6E"
+                  children: translateLocaleText("t('vtxjzljgcxmmodal.reset')")
                 })]
               })]
             })

package/lib/vtx-jzlj-gcxm-modal/components/FactorList.js

@@ -0,0 +1,41 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+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 classNames from 'classnames';
+import VmFactor from "../../_components/vm-factor";
+import useSettings from "../../_hooks/useSettings";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createElement as _createElement } from "react";
+export function EllipsisFactorName(_ref) {
+  var text = _ref.text;
+  return /*#__PURE__*/_jsx("div", {
+    title: text,
+    className: "jzlj-gcxm-factor-name",
+    children: text
+  });
+}
+export default function FactorList(_ref2) {
+  var _ref2$list = _ref2.list,
+    list = _ref2$list === void 0 ? [] : _ref2$list,
+    _ref2$style = _ref2.style,
+    style = _ref2$style === void 0 ? {} : _ref2$style;
+  var _useSettings = useSettings(),
+    isDark = _useSettings.isDark;
+  return /*#__PURE__*/_jsx("div", {
+    className: classNames('vm-factor-list-wrap', {
+      dark: isDark
+    }),
+    style: style,
+    children: list.map(function (item, index) {
+      return /*#__PURE__*/_createElement(VmFactor, _objectSpread(_objectSpread({}, item), {}, {
+        name: typeof item.name === 'string' ? /*#__PURE__*/_jsx(EllipsisFactorName, {
+          text: item.name
+        }) : item.name,
+        key: item.key || index
+      }));
+    })
+  });
+}

package/lib/vtx-jzlj-gcxm-modal/components/Overview/CTL.js

@@ -10,6 +10,7 @@ import { VmEmpty, VmPieCharts, VmWrapper } from "../../../_components";
 import useSettings from "../../../_hooks/useSettings";
 import { overviewApis } from "../../api";
 import "./index.less";
+import { translateLocaleText } from "./../../../hooks/useTranslation.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 export default function CZZ(_ref) {
   var unitStr = _ref.unitStr;
@@ -35,11 +36,11 @@ export default function CZZ(_ref) {
   return /*#__PURE__*/_jsx("div", {
     className: "overview-right-top-right ".concat(theme),
     children: /*#__PURE__*/_jsx(VmWrapper, {
-      title: "\u51FA\u571F\u91CF\u4FE1\u606F",
+      title: translateLocaleText("t('vtxjzljgcxmmodal.earthworkAmountInfo')"),
       children: (dataList === null || dataList === void 0 ? void 0 : dataList.length) > 0 ? /*#__PURE__*/_jsx(VmPieCharts, {
         dataList: dataList,
-        name: "\u7533\u62A5\u603B\u91CF",
-        title: "\u7533\u62A5\u603B\u91CF(".concat(unitStr, ")"),
+        name: translateLocaleText("t('vtxjzljgcxmmodal.declaredTotalAmount')"),
+        title: "".concat(translateLocaleText("t('vtxjzljgcxmmodal.declaredTotalAmount')"), "(").concat(unitStr, ")"),
         total: totalWeight,
         loading: loading,
         unit: unitStr,

package/lib/vtx-jzlj-gcxm-modal/components/Overview/CTYL.js

@@ -1,13 +1,15 @@
 import React from 'react';
 import { JzljGcxmContext } from "../..";
-import { VmBarCharts, VmEmpty, VmFactorList, VmWrapper } from "../../../_components";
+import { VmBarCharts, VmEmpty, VmWrapper } from "../../../_components";
 import useSettings from "../../../_hooks/useSettings";
 import { overviewApis } from "../../api";
+import VmFactorList from "../FactorList";
 import "./index.less";
 import overview_ctyl_pjrcc_dark from "../../imgs/overview_ctyl_pjrcc_dark.png";
 import overview_ctyl_pjrcc_light from "../../imgs/overview_ctyl_pjrcc_light.png";
 import overview_ctyl_pjryl_dark from "../../imgs/overview_ctyl_pjryl_dark.png";
 import overview_ctyl_pjryl_light from "../../imgs/overview_ctyl_pjryl_light.png";
+import { translateLocaleText } from "./../../../hooks/useTranslation.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export default function CZZ(_ref) {
   var unitStr = _ref.unitStr;
@@ -26,7 +28,7 @@ export default function CZZ(_ref) {
     _data$histogramList = data.histogramList,
     histogramList = _data$histogramList === void 0 ? [] : _data$histogramList;
   var dataList_top = [{
-    name: '平均日运量',
+    name: translateLocaleText("t('vtxjzljgcxmmodal.averageDailyTransportAmount')"),
     unit: unitStr,
     value: avgDayWeight,
     img: isDark ? overview_ctyl_pjryl_dark : overview_ctyl_pjryl_light,
@@ -39,8 +41,8 @@ export default function CZZ(_ref) {
       justifyContent: 'center'
     }
   }, {
-    name: '平均日车次',
-    unit: '次',
+    name: translateLocaleText("t('vtxjzljgcxmmodal.averageDailyTrips')"),
+    unit: translateLocaleText("t('vtxjzljgcxmmodal.timesUnit')"),
     value: avgDayCount,
     img: isDark ? overview_ctyl_pjrcc_dark : overview_ctyl_pjrcc_light,
     fontType: 'blue',
@@ -53,7 +55,7 @@ export default function CZZ(_ref) {
     }
   }];
   return /*#__PURE__*/_jsxs(VmWrapper, {
-    title: "7\u65E5\u5185\u51FA\u571F\u8FD0\u91CF\u4FE1\u606F",
+    title: translateLocaleText("t('vtxjzljgcxmmodal.7Day')"),
     children: [/*#__PURE__*/_jsx(VmFactorList, {
       list: dataList_top,
       style: {
@@ -65,7 +67,7 @@ export default function CZZ(_ref) {
       },
       children: histogramList !== null && histogramList !== void 0 && histogramList.length ? /*#__PURE__*/_jsx(VmBarCharts, {
         dataList: [{
-          name: '运量',
+          name: translateLocaleText("t('vtxjzljgcxmmodal.transportAmount')"),
           data: histogramList.map(function (item) {
             return "\u2000".concat(item.weight);
           }),
@@ -77,15 +79,15 @@ export default function CZZ(_ref) {
         }),
         yAxisList: [{
           key: "\u2001",
-          unit: '次',
-          name: '(次)'
+          unit: translateLocaleText("t('vtxjzljgcxmmodal.timesUnit')"),
+          name: translateLocaleText("t('vtxjzljgcxmmodal.timesUnitWithParentheses')")
         }, {
           key: "\u2000",
           unit: unitStr,
           name: "(".concat(unitStr, ")")
         }],
         lineList: [{
-          name: '车次',
+          name: translateLocaleText("t('vtxjzljgcxmmodal.trips')"),
           data: histogramList.map(function (item) {
             return "\u2001".concat(item.count);
           }),

package/lib/vtx-jzlj-gcxm-modal/components/Overview/CZZ.js

@@ -1,13 +1,15 @@
 import React from 'react';
 import { JzljGcxmContext } from "../..";
-import { VmFactorList, VmWrapper } from "../../../_components";
+import { VmWrapper } from "../../../_components";
 import useSettings from "../../../_hooks/useSettings";
 import { overviewApis } from "../../api";
+import VmFactorList from "../FactorList";
 import "./index.less";
 import overview_czz_zl_dark from "../../imgs/overview_czz_zl_dark.png";
 import overview_czz_zl_light from "../../imgs/overview_czz_zl_light.png";
 import overview_czz_zs_dark from "../../imgs/overview_czz_zs_dark.png";
 import overview_czz_zs_light from "../../imgs/overview_czz_zs_light.png";
+import { translateLocaleText } from "./../../../hooks/useTranslation.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export default function CZZ(_ref) {
   var unitStr = _ref.unitStr;
@@ -29,8 +31,8 @@ export default function CZZ(_ref) {
     _data$syWeight = data.syWeight,
     syWeight = _data$syWeight === void 0 ? 0 : _data$syWeight;
   var dataList_top = [{
-    name: '总数',
-    unit: '张',
+    name: translateLocaleText("t('vtxjzljgcxmmodal.totalCount')"),
+    unit: translateLocaleText("t('vtxjzljgcxmmodal.sheetUnit')"),
     value: totalCzzCount,
     img: isDark ? overview_czz_zl_dark : overview_czz_zs_light,
     fontType: 'blue',
@@ -41,7 +43,7 @@ export default function CZZ(_ref) {
       flex: 1
     }
   }, {
-    name: '总量',
+    name: translateLocaleText("t('vtxjzljgcxmmodal.totalAmount')"),
     unit: unitStr,
     value: yysWeight + syWeight,
     img: isDark ? overview_czz_zs_dark : overview_czz_zl_light,
@@ -54,7 +56,7 @@ export default function CZZ(_ref) {
     }
   }];
   var dataList_bahz = [{
-    name: '备案量',
+    name: translateLocaleText("t('vtxjzljgcxmmodal.recordAmount')"),
     unit: unitStr,
     value: baWeight,
     unitStyle: {
@@ -66,7 +68,7 @@ export default function CZZ(_ref) {
       textAlign: 'center'
     }
   }, {
-    name: '核准量',
+    name: translateLocaleText("t('vtxjzljgcxmmodal.approvedAmount')"),
     unit: unitStr,
     value: 0,
     unitStyle: {
@@ -79,7 +81,7 @@ export default function CZZ(_ref) {
     }
   }];
   var dataList_yssy = [{
-    name: '已运输量',
+    name: translateLocaleText("t('vtxjzljgcxmmodal.transportedAmount')"),
     unit: unitStr,
     value: yysWeight,
     unitStyle: {
@@ -91,7 +93,7 @@ export default function CZZ(_ref) {
       textAlign: 'center'
     }
   }, {
-    name: '剩余量',
+    name: translateLocaleText("t('vtxjzljgcxmmodal.remainingAmount')"),
     unit: unitStr,
     value: syWeight,
     unitStyle: {
@@ -106,7 +108,7 @@ export default function CZZ(_ref) {
   return /*#__PURE__*/_jsx("div", {
     className: "overview-right-top-left ".concat(theme),
     children: /*#__PURE__*/_jsx(VmWrapper, {
-      title: "\u5904\u7F6E\u8BC1\u4FE1\u606F",
+      title: translateLocaleText("t('vtxjzljgcxmmodal.disposalCertificateInfo')"),
       children: /*#__PURE__*/_jsxs("div", {
         className: "overview-right-top-left-czz",
         children: [/*#__PURE__*/_jsx("div", {

package/lib/vtx-jzlj-gcxm-modal/components/Overview/index.js

@@ -12,6 +12,7 @@ import CTL from "./CTL";
 import CTYL from "./CTYL";
 import CZZ from "./CZZ";
 import "./index.less";
+import { translateLocaleText } from "./../../../hooks/useTranslation.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export default function Overview() {
   var _React$useContext = React.useContext(JzljGcxmContext),
@@ -27,25 +28,25 @@ export default function Overview() {
     _info$dataJson = info.dataJson,
     dataJson = _info$dataJson === void 0 ? {} : _info$dataJson;
   var infoData = [{
-    label: '名称',
+    label: translateLocaleText("t('vtxjzljgcxmmodal.name')"),
     value: name
   }, {
-    label: '类别',
+    label: translateLocaleText("t('vtxjzljgcxmmodal.category')"),
     value: facilityClassName
   }, {
-    label: '地址',
+    label: translateLocaleText("t('vtxjzljgcxmmodal.address')"),
     value: address
   }, {
-    label: '行政区划',
+    label: translateLocaleText("t('vtxjzljgcxmmodal.administrativeDivision')"),
     value: divisionName
   }, {
-    label: '施工单位',
+    label: translateLocaleText("t('vtxjzljgcxmmodal.unit')"),
     value: dataJson === null || dataJson === void 0 ? void 0 : dataJson.buildingUnitName
   }, {
-    label: '施工许可证',
+    label: translateLocaleText("t('vtxjzljgcxmmodal.license')"),
     value: dataJson === null || dataJson === void 0 ? void 0 : dataJson.sgLicenseNumber
   }, {
-    label: '开竣工时间',
+    label: translateLocaleText("t('vtxjzljgcxmmodal.hours2')"),
     value: dataJson === null || dataJson === void 0 ? void 0 : dataJson.buildingDate
   }];
   var _ref = geometryInfo || {},
@@ -76,10 +77,11 @@ export default function Overview() {
     children: [/*#__PURE__*/_jsx("div", {
       className: "overview-left",
       children: /*#__PURE__*/_jsxs(VmWrapper, {
-        title: "\u57FA\u672C\u4FE1\u606F",
+        title: translateLocaleText("t('vtxdefaultmodal.basicInformation')"),
         children: [/*#__PURE__*/_jsx(VmInfoCollection, {
           width: '100%',
-          data: infoData
+          data: infoData,
+          ellipsis: true
         }), /*#__PURE__*/_jsx("div", {
           className: "overview-left-map ".concat(theme),
           children: /*#__PURE__*/_jsx(VmMap, _objectSpread({}, mapProps))

package/lib/vtx-jzlj-gcxm-modal/index.js

@@ -18,6 +18,8 @@ import useGetConfig from "../_hooks/useGetConfig";
 import VtxBaseModal from "../vtx-base-modal";
 import { overviewApis } from "./api";
 import { Alarm, Base, Collection, Dispose, Overview } from "./components";
+import "./style";
+import { translateLocaleText } from "./../hooks/useTranslation.js";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 export var JzljGcxmContext = /*#__PURE__*/React.createContext({
   id: ''
@@ -52,23 +54,23 @@ export default function VtxJzljGcxmModal(props) {
   };
   var tabs_init = [{
     key: 'jzlj-gcxm-base',
-    title: '总览信息',
+    title: translateLocaleText("t('vtxdefaultmodal.overviewInformation')"),
     dom: /*#__PURE__*/_jsx(Overview, {})
   }, {
     key: 'jzlj-gcxm-jbxx',
-    title: '基本信息',
+    title: translateLocaleText("t('vtxdefaultmodal.basicInformation')"),
     dom: /*#__PURE__*/_jsx(Base, {})
   }, {
     key: 'jzlj-gcxm-dispose',
-    title: '处置证信息',
+    title: translateLocaleText("t('vtxjzljgcxmmodal.disposalCertificateInfo')"),
     dom: /*#__PURE__*/_jsx(Dispose, {})
   }, {
     key: 'jzlj-gcxm-collection',
-    title: '联单信息',
+    title: translateLocaleText("t('vtxjzljgcxmmodal.jointOrderInfo')"),
     dom: /*#__PURE__*/_jsx(Collection, {})
   }, {
     key: 'jzlj-gcxm-alarm',
-    title: '报警信息',
+    title: translateLocaleText("t('vtxjzljgcxmmodal.alarmInformation')"),
     dom: /*#__PURE__*/_jsx(Alarm, {})
   }];
   var tabs = tabs_init.map(function (ele) {
@@ -79,7 +81,9 @@ export default function VtxJzljGcxmModal(props) {
   });
   var contents = {};
   tabs_init.forEach(function (ele) {
-    contents[ele.key] = (ele === null || ele === void 0 ? void 0 : ele.dom) || '';
+    var content = (ele === null || ele === void 0 ? void 0 : ele.dom) || '';
+    contents[ele.key] = content;
+    contents[ele.key.replace('jzlj-gcxm-', '')] = content;
   });
   var _useGetConfig = useGetConfig('jzlj-gcxm', tabs),
     tabsData = _useGetConfig.tabsData;

package/lib/vtx-jzlj-gcxm-modal/style/index.less

@@ -1 +1,46 @@
 @import '../../style/index';
+
+.jzlj-gcxm-factor-name {
+  display: block;
+  max-width: 100%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.overview,
+.dispose,
+.collection {
+  .vm-factor-lg,
+  .vm-factor-sm {
+    min-width: 0;
+
+    > div:last-child {
+      min-width: 0;
+      max-width: 100%;
+    }
+
+    &-name {
+      max-width: 100%;
+      overflow: hidden;
+    }
+  }
+}
+
+.overview {
+  .info-collection {
+    min-width: 0;
+  }
+
+  .info-line {
+    min-width: 0;
+  }
+
+  .info-label-b,
+  .value {
+    min-width: 0;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+}

package/lib/vtx-jzlj-xnc-modal/components/Collection/Chart.js

@@ -1,10 +1,12 @@
-import { VmBarCharts, VmEmpty, VmFactorList, VmWrapper } from "../../../_components";
+import { VmBarCharts, VmEmpty, VmWrapper } from "../../../_components";
 import useSettings from "../../../_hooks/useSettings";
 import "./index.less";
 import overview_ctyl_pjrcc_dark from "../../imgs/overview_ctyl_pjrcc_dark.png";
 import overview_ctyl_pjrcc_light from "../../imgs/overview_ctyl_pjrcc_light.png";
 import overview_ctyl_pjryl_dark from "../../imgs/overview_ctyl_pjryl_dark.png";
 import overview_ctyl_pjryl_light from "../../imgs/overview_ctyl_pjryl_light.png";
+import FactorList from "../FactorList";
+import { translateLocaleText } from "./../../../hooks/useTranslation.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export default function Chart(_ref) {
   var _ref$data = _ref.data,
@@ -19,7 +21,7 @@ export default function Chart(_ref) {
     _data$histogramList = data.histogramList,
     histogramList = _data$histogramList === void 0 ? [] : _data$histogramList;
   var dataList_top = [{
-    name: '平均日运量',
+    name: translateLocaleText("t('vtxjzljxncmodal.averageDailyReceivedAmount')"),
     unit: unitStr,
     value: avgDayWeight,
     img: isDark ? overview_ctyl_pjryl_dark : overview_ctyl_pjryl_light,
@@ -32,8 +34,8 @@ export default function Chart(_ref) {
       justifyContent: 'center'
     }
   }, {
-    name: '平均日车次',
-    unit: '次',
+    name: translateLocaleText("t('vtxjzljxncmodal.averageDailyTrips')"),
+    unit: translateLocaleText("t('vtxjzljxncmodal.timesUnit')"),
     value: avgDayCount,
     img: isDark ? overview_ctyl_pjrcc_dark : overview_ctyl_pjrcc_light,
     fontType: 'blue',
@@ -50,7 +52,7 @@ export default function Chart(_ref) {
     style: {
       border: 0
     },
-    children: [/*#__PURE__*/_jsx(VmFactorList, {
+    children: [/*#__PURE__*/_jsx(FactorList, {
       list: dataList_top,
       style: {
         background: 'unset'
@@ -61,7 +63,7 @@ export default function Chart(_ref) {
       },
       children: histogramList !== null && histogramList !== void 0 && histogramList.length ? /*#__PURE__*/_jsx(VmBarCharts, {
         dataList: [{
-          name: '运量',
+          name: translateLocaleText("t('vtxjzljxncmodal.transportAmount')"),
           data: histogramList.map(function (item) {
             return "\u2000".concat(item.weight);
           }),
@@ -73,15 +75,15 @@ export default function Chart(_ref) {
         }),
         yAxisList: [{
           key: "\u2001",
-          unit: '次',
-          name: '(次)'
+          unit: translateLocaleText("t('vtxjzljxncmodal.timesUnit')"),
+          name: translateLocaleText("t('vtxjzljxncmodal.timesUnitWithParentheses')")
         }, {
           key: "\u2000",
           unit: unitStr,
           name: "(".concat(unitStr, ")")
         }],
         lineList: [{
-          name: '车次',
+          name: translateLocaleText("t('vtxjzljxncmodal.trips')"),
           data: histogramList.map(function (item) {
             return "\u2001".concat(item.count);
           }),