@vtx/modals2 5.0.59 → 6.0.0-beta.1

package/lib/vtx-wr-modal/components/Base/index.js

@@ -19,7 +19,7 @@ import { VmLineCharts, VmTable } from "../../../_components";
 import { VMDatePicker, VMRangePicker, VMSelect } from "../../../_components/vm-filter";
 import Jbxx from "./Jbxx";
 import Ptss from "./Ptss";
-
+import { translateLocaleText } from "./../../../hooks/useTranslation.js";
 //公厕详情
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 var getDetail = function getDetail(params) {
@@ -134,22 +134,22 @@ export default (function (props) {
     fields: fields
   });
   var columns = [{
-    title: '监测指标',
+    title: translateLocaleText("t('vtxdevicemodal.monitoringIndicator')"),
     dataIndex: 'factorName',
     key: 'factorName',
     width: 100
   }, {
-    title: '报警等级',
+    title: translateLocaleText("t('vtxdevicemodal.alarmLevel')"),
     dataIndex: 'alarmLevelName',
     key: 'alarmLevelName',
     width: 100
   }, {
-    title: '监测开始时间',
+    title: translateLocaleText("t('vtxwrmodal.startTime')"),
     dataIndex: 'alarmStartTime',
     key: 'alarmStartTime',
     width: 100
   }, {
-    title: '监测结束时间',
+    title: translateLocaleText("t('vtxwrmodal.endTime')"),
     dataIndex: 'alarmEndTime',
     key: 'alarmEndTime',
     width: 100
@@ -162,7 +162,7 @@ export default (function (props) {
     dataSource: alarmList
   };
   var items = [{
-    label: '监测数据',
+    label: translateLocaleText("t('vtxwrmodal.monitoringData')"),
     key: 'data',
     children: /*#__PURE__*/_jsx(VmLineCharts, {
       height: 300,
@@ -181,7 +181,7 @@ export default (function (props) {
   },
   // 务必填写 key
   {
-    label: '报警列表',
+    label: translateLocaleText("t('vtxwrmodal.list')"),
     key: 'list',
     children: /*#__PURE__*/_jsx("div", {
       style: {
@@ -192,20 +192,20 @@ export default (function (props) {
     })
   }];
   var frequencyListA = [{
-    name: '日',
+    name: translateLocaleText("t('vtxtfdmodal.day')"),
     value: 'hour'
   }, {
-    name: '月',
+    name: translateLocaleText("t('vtxtfdmodal.month')"),
     value: 'month'
   }];
   var frequencyListB = [{
-    name: '日',
+    name: translateLocaleText("t('vtxtfdmodal.day')"),
     value: 'day'
   }, {
-    name: '昨日',
+    name: translateLocaleText("t('_components.day2')"),
     value: 'yesterday'
   }, {
-    name: '前日',
+    name: translateLocaleText("t('_components.day')"),
     value: 'yesterdayB'
   }];
   var getFrequency = function getFrequency() {
@@ -319,7 +319,7 @@ export default (function (props) {
       className: "wr-base-left",
       children: [/*#__PURE__*/_jsx("div", {
         className: "wr-base-title",
-        children: "\u57FA\u672C\u4FE1\u606F"
+        children: translateLocaleText("t('vtxdefaultmodal.basicInformation')")
       }), /*#__PURE__*/_jsx(Jbxx, _objectSpread({}, store))]
     }), /*#__PURE__*/_jsxs("div", {
       className: "wr-base-right",
@@ -330,7 +330,7 @@ export default (function (props) {
         },
         children: [/*#__PURE__*/_jsx("div", {
           className: "wr-base-title",
-          children: "\u914D\u5957\u8BBE\u65BD"
+          children: translateLocaleText("t('vtxwrmodal.supportingFacilities')")
         }), /*#__PURE__*/_jsx(Ptss, _objectSpread({}, store))]
       }), gcDetail.hasDevice && /*#__PURE__*/_jsxs("div", {
         className: "wr-base-jcbj",

package/lib/vtx-wr-modal/components/Build/index.js

@@ -10,6 +10,7 @@ import { Button, Space, Tooltip } from 'antd';
 import Base64 from 'base-64';
 import { useEffect, useState } from 'react';
 import { VmEmpty } from "../../../_components";
+import { translateLocaleText } from "./../../../hooks/useTranslation.js";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 var preview = function preview() {
   var item = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
@@ -29,12 +30,12 @@ export var renderFile = function renderFile(list) {
             onClick: function onClick() {
               return preview(item);
             },
-            children: "\u9884\u89C8"
+            children: translateLocaleText("t('vtxdevicemodal.preview')")
           }), /*#__PURE__*/_jsx(Button, {
             onClick: function onClick() {
               return window.open("/cloudFile/common/downloadFile?token=".concat(getVtxToken('token'), "&id=").concat(item.id));
             },
-            children: "\u4E0B\u8F7D"
+            children: translateLocaleText("t('vtxwrmodal.download')")
           })]
         }),
         children: /*#__PURE__*/_jsx("a", {
@@ -91,7 +92,7 @@ export default (function (props) {
       return;
     }
     var components;
-    for (var key in fileJson) {
+    Object.keys(fileJson).forEach(function (key) {
       var _fileJson$key;
       components = /*#__PURE__*/_jsxs(_Fragment, {
         children: [components, /*#__PURE__*/_jsxs("div", {
@@ -105,14 +106,14 @@ export default (function (props) {
           }), (_fileJson$key = fileJson[key]) !== null && _fileJson$key !== void 0 && _fileJson$key.length ? renderFile(fileJson[key]) : '--']
         })]
       });
-    }
+    });
     return components;
   };
   return /*#__PURE__*/_jsxs("div", {
     className: "wr-build-content",
     children: [/*#__PURE__*/_jsx("div", {
       className: "wr-build-title",
-      children: "\u5EFA\u8BBE\u4FE1\u606F"
+      children: translateLocaleText("t('vtxwrmodal.constructionInformation')")
     }), /*#__PURE__*/_jsx("div", {
       className: "wr-build-inner",
       children: list.length ? list.map(function (item) {

package/lib/vtx-wr-modal/components/File/index.js

@@ -17,7 +17,7 @@ import uniq from 'lodash/uniq';
 import { useEffect, useState } from 'react';
 import { VmTable } from "../../../_components";
 import { renderFile } from "../Build";
-
+import { translateLocaleText } from "./../../../hooks/useTranslation.js";
 //公厕配置字段
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 var changeFiles = function changeFiles(params) {
@@ -41,34 +41,33 @@ export default (function (props) {
     });
   }, [id]);
   var columns = [{
-    title: '序号',
+    title: translateLocaleText("t('common.serialNumber')"),
     dataIndex: 'orderIndex',
     key: 'orderIndex',
-    width: 20
+    width: 90
   }, {
-    title: '附件名称',
+    title: translateLocaleText("t('vtxwrmodal.attachmentName')"),
     dataIndex: 'typeName',
     key: 'typeName',
-    width: 50,
+    width: 220,
     ellipsis: true
   }, {
-    title: '文件名',
+    title: translateLocaleText("t('vtxwrmodal.fileName')"),
     dataIndex: 'files',
     key: 'files',
-    width: 100,
+    width: 360,
     render: function render(text) {
       return text !== null && text !== void 0 && text.length ? renderFile(text) : '--';
     },
     ellipsis: true
   }, {
-    title: '状态',
+    title: translateLocaleText("t('common.status')"),
     dataIndex: 'afterFacilityStatus',
     key: 'afterFacilityStatus',
-    width: 20
+    width: 140
   }];
   var tableProps = {
     columns: columns,
-    height: 240,
     isIndex: false,
     pagination: false,
     dataSource: list.map(function (item, index) {
@@ -87,7 +86,7 @@ export default (function (props) {
     children: [/*#__PURE__*/_jsxs("div", {
       className: "wr-file-title",
       children: [/*#__PURE__*/_jsx("div", {
-        children: "\u6587\u6863\u5217\u8868"
+        children: translateLocaleText("t('vtxwrmodal.documentList')")
       }), !!list.length && /*#__PURE__*/_jsx(Button, {
         type: "primary",
         shape: "round",
@@ -95,13 +94,11 @@ export default (function (props) {
         onClick: function onClick() {
           return downLoadFiles();
         },
-        children: "\u4E0B\u8F7D\u5168\u90E8"
+        children: translateLocaleText("t('vtxwrmodal.downloadAll')")
       })]
     }), /*#__PURE__*/_jsx("div", {
       className: "wr-file-inner",
-      children: /*#__PURE__*/_jsx(VmTable, _objectSpread(_objectSpread({}, tableProps), {}, {
-        height: "460px"
-      }))
+      children: /*#__PURE__*/_jsx(VmTable, _objectSpread({}, tableProps))
     })]
   });
 });

package/lib/vtx-wr-modal/components/File/index.less

@@ -2,20 +2,25 @@
   width: 100%;
   height: 100%;
   border-radius: 8px;
+  display: flex;
+  flex-direction: column;
+  min-height: 0;
   .wr-file-title {
+    flex: 0 0 auto;
     padding: 12px 16px;
     font-size: 16px;
     box-sizing: border-box;
     display: flex;
     justify-content: space-between;
     align-items: center;
-    margin-bottom: 25px;
   }
   .wr-file-inner {
     width: 100%;
-    height: calc(100% - 100px);
+    flex: 1;
+    min-height: 0;
+    padding: 16px;
+    box-sizing: border-box;
     overflow: hidden;
-    overflow-y: auto;
   }
 }
 

package/lib/vtx-wr-modal/components/Score/index.js

@@ -17,7 +17,7 @@ import { useEffect } from 'react';
 import { TagCloud } from 'react-tagcloud';
 import { VmEmpty, VmTable } from "../../../_components";
 import { VMRangePicker } from "../../../_components/vm-filter";
-
+import { translateLocaleText } from "./../../../hooks/useTranslation.js";
 //公厕详情
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 var getDetail = function getDetail(params) {
@@ -76,24 +76,23 @@ export default (function (props) {
     });
   }, [id, startDate, endDate]);
   var columns = [{
-    title: '序号',
+    title: translateLocaleText("t('common.serialNumber')"),
     dataIndex: 'orderIndex',
     key: 'orderIndex',
     width: 100
   }, {
-    title: '统计月份',
+    title: translateLocaleText("t('vtxwrmodal.month')"),
     dataIndex: 'month',
     key: 'month',
     width: 100
   }, {
-    title: '分数',
+    title: translateLocaleText("t('vtxwrmodal.score')"),
     dataIndex: 'score',
     key: 'score',
     width: 100
   }];
   var tableProps = {
     columns: columns,
-    height: 240,
     isIndex: false,
     pagination: false,
     dataSource: tableData.map(function (item, index) {
@@ -102,7 +101,7 @@ export default (function (props) {
       });
     })
   };
-  var data = (detail.evaluateLabelCountList || []).map(function (item) {
+  var data = ((detail === null || detail === void 0 ? void 0 : detail.evaluateLabelCountList) || []).map(function (item) {
     return {
       value: "".concat(item.name, " ").concat(item.count),
       count: item.count
@@ -111,17 +110,14 @@ export default (function (props) {
   return /*#__PURE__*/_jsxs("div", {
     className: "wr-score-content",
     children: [/*#__PURE__*/_jsxs("div", {
-      className: "wr-score-panel",
-      style: {
-        height: '290px'
-      },
+      className: "wr-score-panel wr-score-overview-panel",
       children: [/*#__PURE__*/_jsx("div", {
         className: "wr-score-title",
         children: /*#__PURE__*/_jsx("div", {
-          children: "\u5F97\u5206\u60C5\u51B5"
+          children: translateLocaleText("t('vtxwrmodal.scoreOverview')")
         })
       }), /*#__PURE__*/_jsxs("div", {
-        className: "wr-score-content",
+        className: "wr-score-overview-content",
         children: [/*#__PURE__*/_jsx("div", {
           className: "score-chart",
           children: /*#__PURE__*/_jsxs("div", {
@@ -133,14 +129,14 @@ export default (function (props) {
                 alt: "df"
               }), /*#__PURE__*/_jsxs("div", {
                 children: [/*#__PURE__*/_jsx("div", {
-                  children: "\u5E73\u5747\u5F97\u5206"
+                  children: translateLocaleText("t('vtxwrmodal.averageScore')")
                 }), /*#__PURE__*/_jsxs("div", {
                   children: [/*#__PURE__*/_jsx("span", {
                     style: {
                       fontSize: '20px'
                     },
-                    children: (_detail$score = detail.score) !== null && _detail$score !== void 0 ? _detail$score : 0
-                  }), "\xA0\u5206"]
+                    children: (_detail$score = detail === null || detail === void 0 ? void 0 : detail.score) !== null && _detail$score !== void 0 ? _detail$score : 0
+                  }), translateLocaleText("t('vtxwrmodal.nbsp')")]
                 })]
               })]
             }), /*#__PURE__*/_jsxs("div", {
@@ -150,14 +146,14 @@ export default (function (props) {
                 alt: "rs"
               }), /*#__PURE__*/_jsxs("div", {
                 children: [/*#__PURE__*/_jsx("div", {
-                  children: "\u8BC4\u4EF7\u4EBA\u6570"
+                  children: translateLocaleText("t('vtxwrmodal.evaluatorCount')")
                 }), /*#__PURE__*/_jsxs("div", {
                   children: [/*#__PURE__*/_jsx("span", {
                     style: {
                       fontSize: '20px'
                     },
-                    children: (_detail$evaluateCount = detail.evaluateCount) !== null && _detail$evaluateCount !== void 0 ? _detail$evaluateCount : 0
-                  }), "\xA0\u4EBA"]
+                    children: (_detail$evaluateCount = detail === null || detail === void 0 ? void 0 : detail.evaluateCount) !== null && _detail$evaluateCount !== void 0 ? _detail$evaluateCount : 0
+                  }), translateLocaleText("t('vtxwrmodal.nbsp2')")]
                 })]
               })]
             })]
@@ -175,15 +171,11 @@ export default (function (props) {
         })]
       })]
     }), /*#__PURE__*/_jsxs("div", {
-      className: "wr-score-panel",
-      style: {
-        height: '310px',
-        marginTop: '10px'
-      },
+      className: "wr-score-panel wr-score-table-panel",
       children: [/*#__PURE__*/_jsxs("div", {
         className: "wr-score-title",
         children: [/*#__PURE__*/_jsx("div", {
-          children: "\u8BC4\u4EF7\u8BB0\u5F55"
+          children: translateLocaleText("t('vtxwrmodal.evaluationRecords')")
         }), /*#__PURE__*/_jsx(VMRangePicker, {
           picker: "month",
           value: startDate ? [dayjs(startDate), dayjs(endDate)] : null,
@@ -197,9 +189,10 @@ export default (function (props) {
             });
           }
         })]
-      }), /*#__PURE__*/_jsx(VmTable, _objectSpread(_objectSpread({}, tableProps), {}, {
-        height: "200px"
-      }))]
+      }), /*#__PURE__*/_jsx("div", {
+        className: "wr-score-table-body",
+        children: /*#__PURE__*/_jsx(VmTable, _objectSpread({}, tableProps))
+      })]
     })]
   });
 });

package/lib/vtx-wr-modal/components/Score/index.less

@@ -1,7 +1,12 @@
 .wr-score-content {
   width: 100%;
-  height: calc(100% - 60px);
+  height: 100%;
+  min-height: 0;
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
   .wr-score-title {
+    flex: 0 0 auto;
     padding: 12px 16px;
     font-size: 16px;
     box-sizing: border-box;
@@ -12,38 +17,56 @@
   .wr-score-panel {
     width: 100%;
     border-radius: 8px;
-    .wr-score-content {
-      display: flex;
-      gap: 60px;
-      justify-content: center;
-      .score-chart {
-        width: 480px;
+    box-sizing: border-box;
+    overflow: hidden;
+  }
+  .wr-score-overview-panel {
+    flex: 0 0 290px;
+  }
+  .wr-score-table-panel {
+    flex: 1;
+    min-height: 0;
+    display: flex;
+    flex-direction: column;
+  }
+  .wr-score-overview-content {
+    height: calc(100% - 49px);
+    display: flex;
+    gap: 60px;
+    justify-content: center;
+    .score-chart {
+      width: 480px;
+      height: 100%;
+      box-sizing: border-box;
+      .score-summary {
         height: 100%;
-        box-sizing: border-box;
-        .score-summary {
-          height: 100%;
+        display: flex;
+        justify-content: center;
+        gap: 80px;
+        align-items: center;
+        .score-summary-item {
           display: flex;
-          justify-content: center;
-          gap: 80px;
           align-items: center;
-          .score-summary-item {
-            display: flex;
-            align-items: center;
-            img {
-              width: 44px;
-              height: 44px;
-              margin-right: 16px;
-            }
+          img {
+            width: 44px;
+            height: 44px;
+            margin-right: 16px;
           }
         }
       }
-      .score-text {
-        width: 480px;
-        display: flex;
-        justify-content: center;
-        align-items: center;
-      }
     }
+    .score-text {
+      width: 480px;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+    }
+  }
+  .wr-score-table-body {
+    flex: 1;
+    min-height: 0;
+    padding: 12px 16px 16px;
+    box-sizing: border-box;
   }
 }
 

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

@@ -17,6 +17,7 @@ import VtxBaseModal from "../vtx-base-modal";
 import VtxDefaultModal from "../vtx-default-modal";
 import { Appraise, Base, Build, File, Score } from "./components";
 import "./style";
+import { translateLocaleText } from "./../hooks/useTranslation.js";
 
 //弹窗配置
 import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
@@ -108,10 +109,12 @@ export default (function (props) {
         value: detail.facilityStatusName
       }, detail.withDevice && {
         color: 'green',
-        value: '已绑定设备'
+        value: translateLocaleText("t('vtxwrmodal.boundDevice')")
       }, !!detail.alarmNum && {
         color: 'red',
-        value: "\u6B63\u5728\u62A5\u8B66 ".concat(detail.alarmNum)
+        value: translateLocaleText("t('vtxwrmodal.alarmingWithCount')", {
+          count: detail.alarmNum
+        })
       }].filter(function (item) {
         return !!item;
       })

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

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