@vtx/modals2 5.0.59 → 6.0.0-beta.1

package/lib/vtx-zf-modal/components/Process/index.js

@@ -5,11 +5,11 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 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 { VtxImage } from '@vtx/components';
-import '@vtx/components/lib/vtx-image/style/index';
 import { request } from '@vtx/utils';
 import { useEffect, useState } from 'react';
 import { VmEmpty, VmTabs } from "../../../_components";
 import Right from "../Right";
+import { translateLocaleText } from "./../../../hooks/useTranslation.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 var listTaskInfo = function listTaskInfo(params) {
   return request.get('/cloud/zhzf/api/v101/case/listTaskInfo', {
@@ -37,38 +37,38 @@ export default (function (props) {
     });
   }, [id]);
   var legendList = [{
-    name: '普通',
+    name: translateLocaleText("t('vtxzfmodal.normal')"),
     color: '#009DFF'
   }, {
-    name: '撤件',
+    name: translateLocaleText("t('vtxzfmodal.withdrawn')"),
     color: '#FF5861'
   }, {
-    name: '退件',
+    name: translateLocaleText("t('vtxzfmodal.returned')"),
     color: '#934BED'
   }, {
-    name: '超时',
+    name: translateLocaleText("t('vtxzfmodal.hours5')"),
     color: '#F89A37'
   }];
   var stepColumn = [{
-    name: '来件时间',
+    name: translateLocaleText("t('vtxzfmodal.hours6')"),
     key: 'startTime'
   }, {
-    name: '办理人',
+    name: translateLocaleText("t('vtxzfmodal.handler')"),
     key: 'assignUserName'
   }, {
-    name: '办理时间',
+    name: translateLocaleText("t('vtxzfmodal.hours7')"),
     key: 'endTime'
   }, {
-    name: '节点用时',
+    name: translateLocaleText("t('vtxzfmodal.pointHours')"),
     key: 'taskTimeCost'
   }, {
-    name: '节点时限',
+    name: translateLocaleText("t('vtxzfmodal.pointHours2')"),
     key: 'taskTimeLimitStr'
   }, {
-    name: '累计用时',
+    name: translateLocaleText("t('vtxzfmodal.hours8')"),
     key: 'caseTimeCost'
   }, {
-    name: '办理意见',
+    name: translateLocaleText("t('vtxzfmodal.opinion')"),
     key: 'comment',
     weights: 2
   }];
@@ -95,10 +95,10 @@ export default (function (props) {
         children: /*#__PURE__*/_jsx(VmTabs, {
           activeKey: activeKey,
           items: [{
-            label: '流程节点',
+            label: translateLocaleText("t('vtxzfmodal.point3')"),
             key: '1'
           }, {
-            label: '流程图',
+            label: translateLocaleText("t('vtxzfmodal.flowChart')"),
             key: '2'
           }],
           onChange: function onChange(key) {
@@ -131,14 +131,14 @@ export default (function (props) {
                     style: {
                       background: 'rgba(248,154,55,0.15)'
                     },
-                    children: "\u8D85\u65F6"
+                    children: translateLocaleText("t('vtxzfmodal.hours5')")
                   })]
                 })]
               }), index === 0 && /*#__PURE__*/_jsxs("div", {
                 className: "zf-process-legend",
                 children: [/*#__PURE__*/_jsx("div", {
                   className: "zf-legend-title",
-                  children: "\u989C\u8272\u6807\u8BC6\uFF1A"
+                  children: translateLocaleText("t('vtxzfmodal.color')")
                 }), legendList.map(function (item) {
                   return /*#__PURE__*/_jsxs("div", {
                     className: "zf-legend-item",
@@ -184,7 +184,7 @@ export default (function (props) {
           className: "zf-process-img",
           children: /*#__PURE__*/_jsx(VtxImage, {
             aspectFit: true,
-            alt: "\u6D41\u7A0B\u56FE",
+            alt: translateLocaleText("t('vtxzfmodal.flowChart')"),
             src: "/cloud/flowable/processInstance/generateDiagram?id=".concat(detail.processInstanceId)
           })
         })

package/lib/vtx-zf-modal/components/Record/index.js

@@ -14,6 +14,7 @@ import { request } from '@vtx/utils';
 import { useEffect, useState } from 'react';
 import { VmTable } from "../../../_components";
 import Right from "../Right";
+import { translateLocaleText } from "./../../../hooks/useTranslation.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 var getList = function getList(params) {
   return request.get('/cloud/zhzf/api/v101/case/change/log/page', {
@@ -40,30 +41,30 @@ export default (function (props) {
   }, [id]);
   var tableProps = {
     columns: [{
-      title: '序号',
+      title: translateLocaleText("t('common.serialNumber')"),
       dataIndex: 'orderIndex',
       key: 'orderIndex',
       width: 40
     }, {
-      title: '文书名称',
+      title: translateLocaleText("t('vtxzfmodal.name')"),
       dataIndex: 'instrumentTemplateName',
       key: 'instrumentTemplateName',
       width: 120,
       ellipsis: true
     }, {
-      title: '环节名称',
+      title: translateLocaleText("t('vtxzfmodal.name2')"),
       dataIndex: 'taskName',
       key: 'taskName',
       width: 120,
       ellipsis: true
     }, {
-      title: '修改字段',
+      title: translateLocaleText("t('vtxzfmodal.editField')"),
       dataIndex: 'fieldName',
       key: 'fieldName',
       width: 100,
       ellipsis: true
     }, {
-      title: '修改前的值',
+      title: translateLocaleText("t('vtxzfmodal.editValue')"),
       dataIndex: 'fromContent',
       key: 'fromContent',
       width: 110,
@@ -73,7 +74,7 @@ export default (function (props) {
         return value;
       }
     }, {
-      title: '修改后的值',
+      title: translateLocaleText("t('vtxzfmodal.editValue2')"),
       dataIndex: 'toContent',
       key: 'toContent',
       width: 110,
@@ -83,13 +84,13 @@ export default (function (props) {
         return value;
       }
     }, {
-      title: '修改人',
+      title: translateLocaleText("t('vtxzfmodal.edit2')"),
       dataIndex: 'changeStaffName',
       key: 'changeStaffName',
       width: 90,
       ellipsis: true
     }, {
-      title: '修改时间',
+      title: translateLocaleText("t('vtxzfmodal.editHours')"),
       dataIndex: 'changeTime',
       key: 'changeTime',
       width: 160,

package/lib/vtx-zf-modal/components/Right/index.js

@@ -1,26 +1,26 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { translateLocaleText } from "./../../../hooks/useTranslation.js";
 //样式定义在Base内
-
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export default (function (props) {
   var detail = props.detail;
   var jdxx = [{
-    name: '当前节点',
+    name: translateLocaleText("t('vtxzfmodal.currentPoint')"),
     key: 'currentTask'
   }, {
-    name: '当前节点耗时',
+    name: translateLocaleText("t('vtxzfmodal.currentPointHours')"),
     key: 'currentTaskUseTime'
   }, {
-    name: '开始时间',
+    name: translateLocaleText("t('common.startTime')"),
     key: 'currentTaskStartTime'
   }, {
-    name: '总耗时',
+    name: translateLocaleText("t('vtxzfmodal.hours9')"),
     key: 'caseUseTime'
   }];
   return /*#__PURE__*/_jsxs("div", {
     className: "zf-base-right",
     children: [/*#__PURE__*/_jsx("div", {
       className: "zf-base-title",
-      children: "\u8282\u70B9\u4FE1\u606F"
+      children: translateLocaleText("t('vtxzfmodal.point4')")
     }), /*#__PURE__*/_jsx("div", {
       className: "zf-base-info",
       children: /*#__PURE__*/_jsx("div", {

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

@@ -1,4 +1,3 @@
-import '@vtx/components/lib/vtx-image/style/index';
 import "../components/Base/index.less";
 import "../components/Document/index.less";
 import "../components/File/index.less";

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

@@ -1,6 +1,7 @@
 import { MapIcon } from '@vtx/map-icon';
 import { request } from '@vtx/utils';
 import { useRequest } from 'ahooks';
+import { translateLocaleText } from "./../hooks/useTranslation.js";
 var BaseService = {
   useBaseDetail: function useBaseDetail(id) {
     var _info$geometryInfo, _info$geometryInfo2, _lngLats$split, _lngLats$split2, _lngLats$split3, _info$geometryInfo3;
@@ -18,55 +19,55 @@ var BaseService = {
       loading = _useRequest.loading;
     var info = baseInfoRes === null || baseInfoRes === void 0 ? void 0 : baseInfoRes.data;
     var baseInfo = [{
-      label: '问题来源',
+      label: translateLocaleText("t('vtxzgmodal.problemSource')"),
       key: 'problemFromStr',
       value: info === null || info === void 0 ? void 0 : info.problemFromStr
     }, {
-      label: '大类',
+      label: translateLocaleText("t('vtxzgmodal.majorCategory')"),
       key: 'parentCategoryName',
       value: info === null || info === void 0 ? void 0 : info.parentCategoryName
     }, {
-      label: '问题分类',
+      label: translateLocaleText("t('vtxzgmodal.problemCategory')"),
       key: 'problemCategoryName',
       value: info === null || info === void 0 ? void 0 : info.problemCategoryName
     }, {
-      label: '考核对象',
+      label: translateLocaleText("t('vtxzgmodal.object')"),
       key: 'checkResourceName',
       value: info === null || info === void 0 ? void 0 : info.checkResourceName
     }, {
-      label: '上报人员',
+      label: translateLocaleText("t('vtxzgmodal.reporter')"),
       key: 'reportStaffName',
       value: info === null || info === void 0 ? void 0 : info.reportStaffName
     }, {
-      label: '上报时间',
+      label: translateLocaleText("t('vtxzgmodal.hours')"),
       key: 'reportDateTimeStr',
       value: info === null || info === void 0 ? void 0 : info.reportDateTimeStr
     }, {
-      label: '截止时间',
+      label: translateLocaleText("t('vtxzgmodal.hours2')"),
       key: 'endDateTimeStr',
       value: info === null || info === void 0 ? void 0 : info.endDateTimeStr
     }, {
-      label: '标段',
+      label: translateLocaleText("t('vtxzgmodal.tender')"),
       key: 'tenderName',
       value: info === null || info === void 0 ? void 0 : info.tenderName
     }, {
-      label: '行政区划',
+      label: translateLocaleText("t('vtxzgmodal.administrativeDivision')"),
       key: 'divisionName',
       value: info === null || info === void 0 ? void 0 : info.divisionName,
       width: '100%'
     }, {
-      label: '问题描述',
+      label: translateLocaleText("t('vtxzgmodal.problemDescription')"),
       key: 'memo',
       value: info === null || info === void 0 ? void 0 : info.memo,
       width: '100%'
     }, {
-      label: '问题照片',
+      label: translateLocaleText("t('vtxzgmodal.photo')"),
       key: 'photos',
       value: info === null || info === void 0 ? void 0 : info.photos,
       componentType: 'IMAGE',
       width: '100%'
     }, {
-      label: '问题位置',
+      label: translateLocaleText("t('vtxzgmodal.problemLocation')"),
       key: 'address',
       value: info === null || info === void 0 ? void 0 : info.address,
       width: '100%'

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

@@ -3,7 +3,18 @@ import { VmInfoCollection, VmMap, 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, Fragment as _Fragment } from "react/jsx-runtime";
+var EllipsisDiv = function EllipsisDiv(_ref) {
+  var children = _ref.children,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? '' : _ref$className;
+  return /*#__PURE__*/_jsx("div", {
+    className: className,
+    title: children,
+    children: children
+  });
+};
 var BaseInfo = function BaseInfo(props) {
   var _useSettings = useSettings(),
     isDark = _useSettings.isDark;
@@ -46,7 +57,7 @@ var BaseInfo = function BaseInfo(props) {
     }), /*#__PURE__*/_jsx("div", {
       className: "zg-base-left",
       children: /*#__PURE__*/_jsxs(VmWrapper, {
-        title: "\u4E8B\u4EF6\u63CF\u8FF0",
+        title: translateLocaleText("t('vtxzgmodal.eventDescription')"),
         children: [/*#__PURE__*/_jsx(VmInfoCollection, {
           data: baseInfo,
           horizontal: true,
@@ -65,17 +76,17 @@ var BaseInfo = function BaseInfo(props) {
     }), /*#__PURE__*/_jsx("div", {
       className: "zg-base-right",
       children: /*#__PURE__*/_jsxs(VmWrapper, {
-        title: "\u6574\u6539\u6D41\u7A0B",
+        title: translateLocaleText("t('vtxzgmodal.rectificationProcess')"),
         children: [/*#__PURE__*/_jsx("div", {
           className: "zg-base-process ".concat(isDark ? 'dark' : ''),
           children: [{
-            title: '派发',
+            title: translateLocaleText("t('vtxzgmodal.dispatch')"),
             key: '1'
           }, {
-            title: '处理',
+            title: translateLocaleText("t('vtxzgmodal.process')"),
             key: '2'
           }, {
-            title: '结束',
+            title: translateLocaleText("t('vtxzgmodal.finish')"),
             key: '3'
           }].map(function (ele, index) {
             var isDone = getStep() >= index;
@@ -84,7 +95,7 @@ var BaseInfo = function BaseInfo(props) {
               children: [/*#__PURE__*/_jsx("div", {
                 className: "zg-base-process-item-order ".concat(isDone ? 'active' : ''),
                 children: index + 1
-              }), /*#__PURE__*/_jsx("div", {
+              }), /*#__PURE__*/_jsx(EllipsisDiv, {
                 className: "zg-base-process-item-title ".concat(isDone ? 'active' : ''),
                 children: ele.title
               }), index < records.length && /*#__PURE__*/_jsx("div", {
@@ -105,10 +116,12 @@ var BaseInfo = function BaseInfo(props) {
                   className: "zg-p-list-item-head-title",
                   children: [/*#__PURE__*/_jsx("img", {
                     src: require("../../imgs/dot".concat(isDone ? '_done' : '', ".png"))
-                  }), /*#__PURE__*/_jsx("div", {
+                  }), /*#__PURE__*/_jsx(EllipsisDiv, {
+                    className: "zg-p-list-item-head-title-text",
                     children: ele.processTypeStr
                   })]
-                }), /*#__PURE__*/_jsx("div", {
+                }), /*#__PURE__*/_jsx(EllipsisDiv, {
+                  className: "zg-p-list-item-head-time",
                   children: ele.processTimeStr
                 })]
               }), /*#__PURE__*/_jsxs("div", {
@@ -119,7 +132,11 @@ var BaseInfo = function BaseInfo(props) {
                     background: 'unset'
                   } : {}
                 }), /*#__PURE__*/_jsxs("div", {
-                  children: [ele.processContent, /*#__PURE__*/_jsx("div", {
+                  className: "zg-p-list-item-content-main",
+                  children: [/*#__PURE__*/_jsx(EllipsisDiv, {
+                    className: "zg-p-list-item-content-text",
+                    children: ele.processContent
+                  }), /*#__PURE__*/_jsx("div", {
                     className: "zg-p-list-item-content-bg",
                     children: getBaseShow(ele.processType, detailObj)
                   })]
@@ -139,7 +156,7 @@ function getBaseShow(type, detailObj) {
     case 'Xj':
       return /*#__PURE__*/_jsx(VmInfoCollection, {
         data: [{
-          label: '问题照片',
+          label: translateLocaleText("t('vtxzgmodal.photo')"),
           key: 'photos',
           value: detailObj === null || detailObj === void 0 ? void 0 : detailObj.photos,
           componentType: 'IMAGE'
@@ -151,19 +168,19 @@ function getBaseShow(type, detailObj) {
     case 'Pf':
       return /*#__PURE__*/_jsx(VmInfoCollection, {
         data: [{
-          label: '责任单位',
+          label: translateLocaleText("t('vtxzgmodal.unit')"),
           key: 'responsibleUnitName',
           value: detailObj === null || detailObj === void 0 ? void 0 : detailObj.responsibleUnitName
         }, {
-          label: '责任人',
+          label: translateLocaleText("t('vtxzgmodal.responsiblePerson')"),
           key: 'responsibleStaffNames',
           value: detailObj === null || detailObj === void 0 ? void 0 : detailObj.responsibleStaffNames
         }, {
-          label: '整改时限',
+          label: translateLocaleText("t('vtxzgmodal.hours3')"),
           key: 'reformTimeDay',
-          value: "".concat(detailObj.reformTimeDay || 0, "\u5929").concat(detailObj.reformTimeHour || 0, "\u5C0F\u65F6").concat(detailObj.reformTimeMin || 0, "\u5206")
+          value: "".concat(detailObj.reformTimeDay || 0).concat(translateLocaleText("t('common.dayUnit')")).concat(detailObj.reformTimeHour || 0).concat(translateLocaleText("t('vtxzgmodal.hourUnit')")).concat(detailObj.reformTimeMin || 0).concat(translateLocaleText("t('vtxzgmodal.minuteUnit')"))
         }, {
-          label: '截止时间',
+          label: translateLocaleText("t('vtxzgmodal.hours2')"),
           key: 'endDateTime',
           value: detailObj === null || detailObj === void 0 ? void 0 : detailObj.endDateTime
         }],
@@ -174,15 +191,15 @@ function getBaseShow(type, detailObj) {
     case 'Sqyq':
       return /*#__PURE__*/_jsx(VmInfoCollection, {
         data: [{
-          label: '原截止时间',
+          label: translateLocaleText("t('vtxzgmodal.hours4')"),
           key: 'oldEndTime',
           value: detailObj === null || detailObj === void 0 ? void 0 : detailObj.oldEndTime
         }, {
-          label: '期望截止时间',
+          label: translateLocaleText("t('vtxzgmodal.hours5')"),
           key: 'newEndTime',
           value: detailObj === null || detailObj === void 0 ? void 0 : detailObj.newEndTime
         }, {
-          label: '申请理由',
+          label: translateLocaleText("t('vtxzgmodal.applyReason')"),
           key: 'applyReason',
           value: detailObj === null || detailObj === void 0 ? void 0 : detailObj.applyReason
         }],
@@ -193,11 +210,11 @@ function getBaseShow(type, detailObj) {
     case 'Cs':
       return /*#__PURE__*/_jsx(VmInfoCollection, {
         data: [{
-          label: '结果',
+          label: translateLocaleText("t('vtxzgmodal.result')"),
           key: 'processResult',
-          value: "".concat(detailObj.processResult === 'Accept' ? '接受整改' : detailObj.processResult === 'Reject' ? '拒绝整改' : detailObj.processResult)
+          value: "".concat(detailObj.processResult === 'Accept' ? translateLocaleText("t('vtxzgmodal.acceptRectification')") : detailObj.processResult === 'Reject' ? translateLocaleText("t('vtxzgmodal.rejectRectification')") : detailObj.processResult)
         }, {
-          label: '原因',
+          label: translateLocaleText("t('vtxzgmodal.reason')"),
           key: 'rejectReason',
           value: detailObj === null || detailObj === void 0 ? void 0 : detailObj.rejectReason
         }],
@@ -210,11 +227,11 @@ function getBaseShow(type, detailObj) {
     case 'Tjfk':
       return /*#__PURE__*/_jsx(VmInfoCollection, {
         data: [{
-          label: '反馈内容',
+          label: translateLocaleText("t('vtxzgmodal.feedbackContent')"),
           key: 'feedbackContent',
           value: detailObj === null || detailObj === void 0 ? void 0 : detailObj.feedbackContent
         }, {
-          label: '反馈附件',
+          label: translateLocaleText("t('vtxzgmodal.attachment')"),
           key: 'photos',
           value: detailObj === null || detailObj === void 0 ? void 0 : detailObj.photos,
           componentType: 'IMAGE'
@@ -227,11 +244,11 @@ function getBaseShow(type, detailObj) {
     case 'Yqsh':
       return /*#__PURE__*/_jsx(VmInfoCollection, {
         data: [{
-          label: '结果',
+          label: translateLocaleText("t('vtxzgmodal.result')"),
           key: 'processResult',
-          value: detailObj.processResult === 'Fail' ? '不通过' : '通过'
+          value: detailObj.processResult === 'Fail' ? translateLocaleText("t('vtxzgmodal.failed')") : translateLocaleText("t('vtxzgmodal.passed')")
         }, {
-          label: '审批意见',
+          label: translateLocaleText("t('vtxzgmodal.opinion')"),
           key: 'auditOpinion',
           value: detailObj === null || detailObj === void 0 ? void 0 : detailObj.auditOpinion
         }],
@@ -242,15 +259,15 @@ function getBaseShow(type, detailObj) {
     case 'Jgsh':
       return /*#__PURE__*/_jsx(VmInfoCollection, {
         data: [{
-          label: '结果',
+          label: translateLocaleText("t('vtxzgmodal.result')"),
           key: 'processResult',
-          value: detailObj.processResult === 'Fail' ? '不通过' : '通过'
+          value: detailObj.processResult === 'Fail' ? translateLocaleText("t('vtxzgmodal.failed')") : translateLocaleText("t('vtxzgmodal.passed')")
         }, {
-          label: '审批意见',
+          label: translateLocaleText("t('vtxzgmodal.opinion')"),
           key: 'auditOpinion',
           value: detailObj === null || detailObj === void 0 ? void 0 : detailObj.auditOpinion
         }, {
-          title: '附件',
+          title: translateLocaleText("t('vtxzgmodal.attachment2')"),
           key: 'photos',
           value: detailObj === null || detailObj === void 0 ? void 0 : detailObj.photos,
           componentType: 'IMAGE'
@@ -262,19 +279,19 @@ function getBaseShow(type, detailObj) {
     case 'Dzg':
       return /*#__PURE__*/_jsx(VmInfoCollection, {
         data: [{
-          label: '第三方单位',
+          label: translateLocaleText("t('vtxzgmodal.unit2')"),
           key: 'thirdResponsibleUnitName',
           value: detailObj === null || detailObj === void 0 ? void 0 : detailObj.thirdResponsibleUnitName
         }, {
-          label: '责任人',
+          label: translateLocaleText("t('vtxzgmodal.responsiblePerson')"),
           key: 'thirdResponsibleStaffNames',
           value: detailObj === null || detailObj === void 0 ? void 0 : detailObj.thirdResponsibleStaffNames
         }, {
-          label: '整改时限',
+          label: translateLocaleText("t('vtxzgmodal.hours3')"),
           key: 'reformTimeDay',
-          value: "".concat(detailObj.reformTimeDay || 0, "\u5929").concat(detailObj.reformTimeHour || 0, "\u5C0F\u65F6").concat(detailObj.reformTimeMin || 0, "\u5206")
+          value: "".concat(detailObj.reformTimeDay || 0).concat(translateLocaleText("t('common.dayUnit')")).concat(detailObj.reformTimeHour || 0).concat(translateLocaleText("t('vtxzgmodal.hourUnit')")).concat(detailObj.reformTimeMin || 0).concat(translateLocaleText("t('vtxzgmodal.minuteUnit')"))
         }, {
-          label: '截止时间',
+          label: translateLocaleText("t('vtxzgmodal.hours2')"),
           key: 'endDateTime',
           value: detailObj === null || detailObj === void 0 ? void 0 : detailObj.endDateTime
         }],

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

@@ -23,6 +23,7 @@
   &-process {
     display: flex;
     align-items: center;
+    min-width: 0;
 
     --order-bg: #ecf0f5;
     --order-active-bg: #1890ff;
@@ -42,7 +43,8 @@
       display: flex;
       align-items: center;
       gap: 8px;
-          white-space: nowrap;
+      min-width: 0;
+      white-space: nowrap;
       &-order {
         width: 32px;
         height: 32px;
@@ -64,6 +66,9 @@
         font-size: 16px;
         color: var(--title-color);
         line-height: 24px;
+        max-width: 104px;
+        overflow: hidden;
+        text-overflow: ellipsis;
         white-space: nowrap;
         &.active {
           color: var(--modal-title-color);
@@ -96,19 +101,46 @@
     color: var(--modal-title-color);
     &-head {
       display: flex;
+      gap: 12px;
       justify-content: space-between;
+      min-width: 0;
       &-title {
         display: flex;
         align-items: center;
         gap: 12px;
+        min-width: 0;
         color: var(--blue-color);
+
+        &-text {
+          min-width: 0;
+          overflow: hidden;
+          text-overflow: ellipsis;
+          white-space: nowrap;
+        }
+      }
+
+      &-time {
+        flex-shrink: 0;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
       }
     }
     &-content {
       display: flex;
       justify-content: start;
       gap: 16px;
+      min-width: 0;
       padding: 8px 0 8px 8px;
+      &-main {
+        min-width: 0;
+      }
+      &-text {
+        max-width: 338px;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+      }
       &-bg {
         width: 338px;
         padding: 8px 12px;
@@ -124,3 +156,18 @@
     }
   }
 }
+
+.zg-base {
+  .info-line,
+  .info-label-b,
+  .value {
+    min-width: 0;
+  }
+
+  .info-label-b,
+  .value {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+}

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

@@ -5,6 +5,7 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
 import VtxBaseModal from "../vtx-base-modal";
 import { BaseInfo } 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 VtxZgModal = function VtxZgModal(props) {
@@ -17,7 +18,7 @@ var VtxZgModal = function VtxZgModal(props) {
     tabChose = props.tabChose;
   var tabs = [{
     key: TABS_BASE,
-    title: '总览信息'
+    title: translateLocaleText("t('vtxdefaultmodal.overviewInformation')")
   }];
   var contents = _defineProperty({}, TABS_BASE, /*#__PURE__*/_jsx(BaseInfo, {
     id: id

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

@@ -7,6 +7,7 @@ import VmRepairMaintain from "../_components/vm-repair-maintain";
 import useGetChannels from "../_hooks/useGetChannels";
 import { BaseInfo as DefaultBaseInfo } from "../vtx-default-modal/components";
 import { BaseInfo, Calendar, Metering, WorkCondition } from "../vtx-df-modal/components";
+import { translateLocaleText } from "./../hooks/useTranslation.js";
 // import Appraisal from '../vm-appraisal-info';
 import VmCustom from "../_components/vm-custom";
 import VmVideo from "../_components/vm-video";
@@ -43,7 +44,7 @@ var VtxDfModal = function VtxDfModal(props) {
     photos = _CommonService$useBas.photos;
   var tabs = [{
     key: TABS_BASE,
-    title: '总览信息'
+    title: translateLocaleText("t('vtxdefaultmodal.overviewInformation')")
   }, {
     key: TABS_METERING,
     title: '计量信息'