@vtx/modals2 2.10.26 → 2.10.27

package/lib/vm-common-components/components/Portrait/style/css.js

@@ -0,0 +1,4 @@
+"use strict";
+
+require("./index.css");
+//# sourceMappingURL=css.js.map

package/lib/vm-common-components/components/Portrait/style/css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"css.js","names":[],"sources":["vm-common-components/components/Portrait/style/index.js"],"sourcesContent":["import './index.less';\n"],"mappings":";;AAAA"}

package/lib/vm-common-components/components/Portrait/style/index.css

@@ -0,0 +1,244 @@
+.profileInfo {
+  position: relative;
+  width: 100%;
+  color: #fff;
+  font-weight: bold;
+  font-size: 12px;
+  line-height: 20px;
+}
+.profileInfo .profileInfoWarp {
+  margin-bottom: 82px;
+  color: #fff;
+}
+.profileInfo .startdeep {
+  margin-bottom: 76px;
+  margin-left: 140px;
+}
+.profileInfo .endDeep {
+  position: absolute;
+  top: 144px;
+  right: 270px;
+}
+.profileInfo .profileInfoLeft {
+  position: absolute;
+  top: 40px;
+  left: 136px;
+}
+.profileInfo .profileInfoCenter {
+  position: absolute;
+  top: 292px;
+  left: 50%;
+  -webkit-transform: translateX(-50%);
+      -ms-transform: translateX(-50%);
+          transform: translateX(-50%);
+}
+.profileInfo .profileInfoCenter .profileInfoWarp {
+  margin-bottom: 24px;
+}
+.profileInfo .profileInfoRight {
+  position: absolute;
+  top: 40px;
+  right: 146px;
+}
+.profileInfo .sky {
+  position: absolute;
+  top: 24px;
+  left: 430px;
+  color: #666;
+  font-size: 24px;
+}
+.profileInfo .ground {
+  position: absolute;
+  top: 74px;
+  left: 430px;
+  color: #fff;
+  font-size: 24px;
+}
+.profileInfo .underground {
+  position: absolute;
+  top: 160px;
+  left: 430px;
+  color: #fff;
+  font-size: 24px;
+}
+.profileInfo .img_dx {
+  position: absolute;
+  top: 180px;
+  left: 254px;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+}
+.profileInfo .img_gj {
+  position: absolute;
+  top: 250px;
+  left: 374px;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  line-height: 1;
+}
+.profileInfo .img_ms {
+  position: absolute;
+  top: 150px;
+  left: 174px;
+  -webkit-transform: rotate(90deg);
+      -ms-transform: rotate(90deg);
+          transform: rotate(90deg);
+}
+.profileInfo .img_ms_right {
+  position: absolute;
+  top: 150px;
+  left: 638px;
+  -webkit-transform: rotate(90deg);
+      -ms-transform: rotate(90deg);
+          transform: rotate(90deg);
+}
+.profileInfo .startZ {
+  position: absolute;
+  top: 230px;
+  left: 280px;
+}
+.profileInfo .endZ {
+  position: absolute;
+  top: 230px;
+  right: 270px;
+}
+.profileInfo .point {
+  left: 700px;
+}
+.profileInfo .img_ms_point {
+  position: absolute;
+  top: 150px;
+  left: 264px;
+  -webkit-transform: rotate(90deg);
+      -ms-transform: rotate(90deg);
+          transform: rotate(90deg);
+}
+.profileInfo .wellDeep {
+  position: absolute;
+  top: 160px;
+  left: 370px;
+}
+.profileInfo .showThree {
+  position: absolute;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: reverse;
+      -ms-flex-direction: column-reverse;
+          flex-direction: column-reverse;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  width: 240px;
+  margin-top: -100px;
+  padding-bottom: 20px;
+  overflow: hidden;
+}
+.profileInfo .showThree.offsetRight {
+  margin-left: 400px;
+}
+.profileInfo .showThree .leftLines {
+  width: 85%;
+}
+.profileInfo .showThree .leftLines .linPic {
+  width: 173px;
+}
+.profileInfo .showThree .leftLines .linInfo {
+  position: absolute;
+  top: -3px;
+  z-index: 1;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-wrap: wrap;
+      flex-wrap: wrap;
+  background: -webkit-gradient(linear, left top, left bottom, from(#3f403f), color-stop(#a2a0a0), to(#3f403f));
+  background: linear-gradient(180deg, #3f403f, #a2a0a0, #3f403f);
+}
+.profileInfo .showThree .leftLines .linInfo span {
+  display: inline-block;
+  margin: 0 14px 0 4px;
+  color: #fff;
+}
+.profileInfo .showThree .rightLines {
+  width: 85%;
+}
+.profileInfo .showThree .rightLines .linPic {
+  width: 174px;
+}
+.profileInfo .showThree .rightLines .linInfo {
+  position: absolute;
+  top: -3px;
+  z-index: 1;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-wrap: wrap;
+      flex-wrap: wrap;
+  background: -webkit-gradient(linear, left top, left bottom, from(#3f403f), color-stop(#a2a0a0), to(#3f403f));
+  background: linear-gradient(180deg, #3f403f, #a2a0a0, #3f403f);
+}
+.profileInfo .showThree .rightLines .linInfo span {
+  display: inline-block;
+  margin: 0 14px 0 4px;
+  color: #fff;
+}
+.profileInfo .connect {
+  position: absolute;
+  top: 76%;
+  left: 17.4%;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  max-width: 60px;
+  padding: 2px 6px;
+  color: #fff;
+  font-size: 14px;
+  background: #9db9cf;
+  border: 2px solid #298bd8;
+  border-radius: 10px;
+}
+.profileInfo .connect1 {
+  left: 76.5%;
+}
+.profileInfo .connect3 {
+  left: 25%;
+}
+.profileInfo .startPoint {
+  position: absolute;
+  left: 6%;
+  bottom: 18%;
+}
+.profileInfo .endPoint {
+  position: absolute;
+  left: 84%;
+  bottom: 18%;
+}
+.profileInfo .line {
+  position: absolute;
+  left: 10%;
+  bottom: 0;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+}

package/lib/vm-common-components/components/Portrait/style/index.js

@@ -0,0 +1,4 @@
+"use strict";
+
+require("./index.less");
+//# sourceMappingURL=index.js.map

package/lib/vm-common-components/components/Portrait/style/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["vm-common-components/components/Portrait/style/index.js"],"sourcesContent":["import './index.less';\n"],"mappings":";;AAAA"}

package/lib/vm-common-components/components/Portrait/style/index.less

@@ -0,0 +1,226 @@
+.profileInfo {
+  position: relative;
+  width: 100%;
+  color: #fff;
+  font-weight: bold;
+  font-size: 12px;
+  line-height: 20px;
+
+  .profileInfoWarp {
+    margin-bottom: 82px;
+    color: #fff;
+  }
+
+  .startdeep {
+    margin-bottom: 76px;
+    margin-left: 140px;
+  }
+  .endDeep {
+    position: absolute;
+    top: 144px;
+    right: 270px;
+  }
+
+  .profileInfoLeft {
+    position: absolute;
+    top: 40px;
+    left: 136px;
+  }
+
+  .profileInfoCenter {
+    position: absolute;
+    top: 292px;
+    left: 50%;
+    transform: translateX(-50%);
+
+    .profileInfoWarp {
+      margin-bottom: 24px;
+    }
+  }
+
+  .profileInfoRight {
+    position: absolute;
+    top: 40px;
+    right: 146px;
+  }
+
+  .sky {
+    position: absolute;
+    top: 24px;
+    left: 430px;
+    color: #666;
+    font-size: 24px;
+  }
+  .ground {
+    position: absolute;
+    top: 74px;
+    left: 430px;
+    color: #fff;
+    font-size: 24px;
+  }
+  .underground {
+    position: absolute;
+    top: 160px;
+    left: 430px;
+    color: #fff;
+    font-size: 24px;
+  }
+
+  .img_dx {
+    position: absolute;
+    top: 180px;
+    left: 254px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+  }
+  .img_gj {
+    position: absolute;
+    top: 250px;
+    left: 374px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    line-height: 1;
+  }
+  .img_ms {
+    position: absolute;
+    top: 150px;
+    left: 174px;
+    transform: rotate(90deg);
+  }
+  .img_ms_right {
+    position: absolute;
+    top: 150px;
+    left: 638px;
+    transform: rotate(90deg);
+  }
+  .startZ {
+    position: absolute;
+    top: 230px;
+    left: 280px;
+  }
+  .endZ {
+    position: absolute;
+    top: 230px;
+    right: 270px;
+  }
+
+  .point {
+    left: 700px;
+  }
+
+  .img_ms_point {
+    position: absolute;
+    top: 150px;
+    left: 264px;
+    transform: rotate(90deg);
+  }
+  .wellDeep {
+    position: absolute;
+    top: 160px;
+    left: 370px;
+  }
+  .showThree {
+    position: absolute;
+    flex-direction: column-reverse;
+    align-items: center;
+    width: 240px;
+    margin-top: -100px;
+    padding-bottom: 20px;
+    overflow: hidden;
+
+    &.offsetRight {
+      margin-left: 400px;
+    }
+
+    .leftLines {
+      width: 85%;
+
+      .linPic {
+        // transform: rotateX(180deg);
+        width: 173px;
+      }
+
+      .linInfo {
+        position: absolute;
+        // padding-left: 14px;
+        top: -3px;
+        z-index: 1;
+        display: flex;
+        flex-wrap: wrap;
+        background: linear-gradient(180deg, #3f403f, #a2a0a0, #3f403f);
+
+        span {
+          display: inline-block;
+          margin: 0 14px 0 4px;
+          color: #fff;
+        }
+      }
+    }
+
+    .rightLines {
+      width: 85%;
+
+      // margin-right: 4px;
+      .linPic {
+        // transform: rotate(180deg);
+        width: 174px;
+      }
+
+      .linInfo {
+        position: absolute;
+        top: -3px;
+        z-index: 1;
+        display: flex;
+        flex-wrap: wrap;
+        background: linear-gradient(180deg, #3f403f, #a2a0a0, #3f403f);
+
+        span {
+          display: inline-block;
+          margin: 0 14px 0 4px;
+          color: #fff;
+        }
+      }
+    }
+  }
+
+  .connect {
+    position: absolute;
+    top: 76%;
+    left: 17.4%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    max-width: 60px;
+    padding: 2px 6px;
+    color: #fff;
+    font-size: 14px;
+    background: #9db9cf;
+    border: 2px solid #298bd8;
+    border-radius: 10px;
+  }
+  .connect1 {
+    left: 76.5%;
+  }
+  .connect3 {
+    left: 25%;
+  }
+
+  .startPoint {
+    position: absolute;
+    left: 6%;
+    bottom: 18%;
+  }
+  .endPoint {
+    position: absolute;
+    left: 84%;
+    bottom: 18%;
+  }
+  .line {
+    position: absolute;
+    left: 10%;
+    bottom: 0;
+    display: flex;
+  }
+}

package/lib/vm-common-components/components/Statistics/index.js

@@ -26,7 +26,7 @@ var Item_1 = function Item_1(_ref) {
     className: "statisticsInfo",
     style: style
   }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: "label"
+    className: "labelHZ"
   }, label, ":"), /*#__PURE__*/_react["default"].createElement("div", {
     className: "value",
     style: color ? gradualStyle(color) : null
@@ -50,7 +50,7 @@ var Item_2 = function Item_2(_ref2) {
   }), /*#__PURE__*/_react["default"].createElement("div", {
     className: "info"
   }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: "label"
+    className: "labelHZ"
   }, label), /*#__PURE__*/_react["default"].createElement("div", {
     className: "value",
     style: {
@@ -76,7 +76,7 @@ var Item_3 = function Item_3(_ref3) {
   }), /*#__PURE__*/_react["default"].createElement("div", {
     className: "info"
   }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: "label"
+    className: "labelHZ"
   }, label), /*#__PURE__*/_react["default"].createElement("div", {
     className: "value",
     style: {
@@ -103,7 +103,7 @@ var Item_4 = function Item_4(props) {
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: "info"
   }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: "label"
+    className: "labelHZ"
   }, label), /*#__PURE__*/_react["default"].createElement("div", {
     className: "value"
   }, /*#__PURE__*/_react["default"].createElement("span", {
@@ -121,7 +121,7 @@ var Item_5 = function Item_5(_ref4) {
     className: "statisticsInfo",
     style: style
   }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: "label"
+    className: "labelHZ"
   }, label), /*#__PURE__*/_react["default"].createElement("div", {
     className: "value"
   }, /*#__PURE__*/_react["default"].createElement("span", {

package/lib/vm-common-components/components/Statistics/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["gradualStyle","color","background","Item_1","label","value","unit","style","React","createElement","className","Item_2","img","imgStyle","Object","assign","src","alt","Item_3","Item_4","props","code","onClick","defaultCode","Item_5","Components","Statistics","list","gap","type","column","gutter","Component","Row","map","item","index","Col","key","span","marginBottom"],"sources":["vm-common-components/components/Statistics/index.js"],"sourcesContent":["import React from 'react';\nimport { Row, Col } from 'antd';\nimport './style/index.less';\nconst gradualStyle = (color) => {\n    return {\n        background: `linear-gradient(0deg, ${color} 0%, #FFFFFF 100%)`,\n        '-webkit-background-clip': 'text',\n        '-webkit-text-fill-color': 'transparent',\n    };\n};\n//检测数据检测合格率99%\nconst Item_1 = ({ label, value, unit, color, style }) => {\n    return (React.createElement(\"div\", { className: \"statisticsInfo\", style: style },\n        React.createElement(\"div\", { className: \"label\" },\n            label,\n            \":\"),\n        React.createElement(\"div\", { className: \"value\", style: color ? gradualStyle(color) : null },\n            value || '--',\n            unit && React.createElement(\"span\", null, unit))));\n};\n//检测数据当前水质等级\nconst Item_2 = ({ label, value, style, img, imgStyle, color }) => {\n    return (React.createElement(\"div\", { className: \"statisticsInfo2\", style: Object.assign(Object.assign({}, imgStyle), style) },\n        img && React.createElement(\"img\", { src: img, alt: \"\", style: imgStyle }),\n        React.createElement(\"div\", { className: \"info\" },\n            React.createElement(\"div\", { className: \"label\" }, label),\n            React.createElement(\"div\", { className: \"value\", style: { color } }, value || '--'))));\n};\n//最近检测时间\nconst Item_3 = ({ label, value, style, img, imgStyle, color }) => {\n    return (React.createElement(\"div\", { className: \"statisticsInfo3\", style: Object.assign(Object.assign({}, imgStyle), style) },\n        img && React.createElement(\"img\", { src: img, alt: \"\", style: imgStyle }),\n        React.createElement(\"div\", { className: \"info\" },\n            React.createElement(\"div\", { className: \"label\" }, label),\n            React.createElement(\"div\", { className: \"value\", style: { color } }, value || '--'))));\n};\n//运维记录列表\nconst Item_4 = (props) => {\n    const { label, value, code, style, unit, color, onClick, defaultCode } = props;\n    return (React.createElement(\"div\", { className: defaultCode == code ? \"statisticsInfo4 active\" : \"statisticsInfo4\", style: style, onClick: () => {\n            onClick && onClick(code);\n        } },\n        React.createElement(\"div\", { className: \"info\" },\n            React.createElement(\"div\", { className: \"label\" }, label),\n            React.createElement(\"div\", { className: \"value\" },\n                React.createElement(\"span\", { style: color ? gradualStyle(color) : null }, value !== null && value !== void 0 ? value : '--'),\n                unit))));\n};\n//报警总数\nconst Item_5 = ({ label, value, unit, color, style }) => {\n    return (React.createElement(\"div\", { className: \"statisticsInfo\", style: style },\n        React.createElement(\"div\", { className: \"label\" }, label),\n        React.createElement(\"div\", { className: \"value\" },\n            React.createElement(\"span\", { className: \"num\", style: color ? gradualStyle(color) : null }, value),\n            React.createElement(\"span\", null, unit))));\n};\nconst Components = {\n    '1': Item_1,\n    '2': Item_2,\n    '3': Item_3,\n    '4': Item_4,\n    '5': Item_5,\n};\nconst Statistics = (props) => {\n    const { list = [], gap, style, type = '1', img, imgStyle, onClick, column = 1, gutter = [6, 6], defaultCode } = props;\n    const Component = Components[type];\n    return (React.createElement(\"div\", { className: \"statistics\", style: style },\n        React.createElement(Row, { gutter: gutter }, list === null || list === void 0 ? void 0 : list.map((item, index) => {\n            return (React.createElement(Col, { key: index, span: item.span || 24 / column },\n                React.createElement(Component, Object.assign({}, item, { img: img, imgStyle: imgStyle, style: { marginBottom: gap }, onClick: onClick, defaultCode: defaultCode }))));\n        }))));\n};\nexport default Statistics;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["gradualStyle","color","background","Item_1","label","value","unit","style","React","createElement","className","Item_2","img","imgStyle","Object","assign","src","alt","Item_3","Item_4","props","code","onClick","defaultCode","Item_5","Components","Statistics","list","gap","type","column","gutter","Component","Row","map","item","index","Col","key","span","marginBottom"],"sources":["vm-common-components/components/Statistics/index.js"],"sourcesContent":["import React from 'react';\nimport { Row, Col } from 'antd';\nimport './style/index.less';\nconst gradualStyle = (color) => {\n    return {\n        background: `linear-gradient(0deg, ${color} 0%, #FFFFFF 100%)`,\n        '-webkit-background-clip': 'text',\n        '-webkit-text-fill-color': 'transparent',\n    };\n};\n//检测数据检测合格率99%\nconst Item_1 = ({ label, value, unit, color, style }) => {\n    return (React.createElement(\"div\", { className: \"statisticsInfo\", style: style },\n        React.createElement(\"div\", { className: \"labelHZ\" },\n            label,\n            \":\"),\n        React.createElement(\"div\", { className: \"value\", style: color ? gradualStyle(color) : null },\n            value || '--',\n            unit && React.createElement(\"span\", null, unit))));\n};\n//检测数据当前水质等级\nconst Item_2 = ({ label, value, style, img, imgStyle, color }) => {\n    return (React.createElement(\"div\", { className: \"statisticsInfo2\", style: Object.assign(Object.assign({}, imgStyle), style) },\n        img && React.createElement(\"img\", { src: img, alt: \"\", style: imgStyle }),\n        React.createElement(\"div\", { className: \"info\" },\n            React.createElement(\"div\", { className: \"labelHZ\" }, label),\n            React.createElement(\"div\", { className: \"value\", style: { color } }, value || '--'))));\n};\n//最近检测时间\nconst Item_3 = ({ label, value, style, img, imgStyle, color }) => {\n    return (React.createElement(\"div\", { className: \"statisticsInfo3\", style: Object.assign(Object.assign({}, imgStyle), style) },\n        img && React.createElement(\"img\", { src: img, alt: \"\", style: imgStyle }),\n        React.createElement(\"div\", { className: \"info\" },\n            React.createElement(\"div\", { className: \"labelHZ\" }, label),\n            React.createElement(\"div\", { className: \"value\", style: { color } }, value || '--'))));\n};\n//运维记录列表\nconst Item_4 = (props) => {\n    const { label, value, code, style, unit, color, onClick, defaultCode } = props;\n    return (React.createElement(\"div\", { className: defaultCode == code ? \"statisticsInfo4 active\" : \"statisticsInfo4\", style: style, onClick: () => {\n            onClick && onClick(code);\n        } },\n        React.createElement(\"div\", { className: \"info\" },\n            React.createElement(\"div\", { className: \"labelHZ\" }, label),\n            React.createElement(\"div\", { className: \"value\" },\n                React.createElement(\"span\", { style: color ? gradualStyle(color) : null }, value !== null && value !== void 0 ? value : '--'),\n                unit))));\n};\n//报警总数\nconst Item_5 = ({ label, value, unit, color, style }) => {\n    return (React.createElement(\"div\", { className: \"statisticsInfo\", style: style },\n        React.createElement(\"div\", { className: \"labelHZ\" }, label),\n        React.createElement(\"div\", { className: \"value\" },\n            React.createElement(\"span\", { className: \"num\", style: color ? gradualStyle(color) : null }, value),\n            React.createElement(\"span\", null, unit))));\n};\nconst Components = {\n    '1': Item_1,\n    '2': Item_2,\n    '3': Item_3,\n    '4': Item_4,\n    '5': Item_5,\n};\nconst Statistics = (props) => {\n    const { list = [], gap, style, type = '1', img, imgStyle, onClick, column = 1, gutter = [6, 6], defaultCode } = props;\n    const Component = Components[type];\n    return (React.createElement(\"div\", { className: \"statistics\", style: style },\n        React.createElement(Row, { gutter: gutter }, list === null || list === void 0 ? void 0 : list.map((item, index) => {\n            return (React.createElement(Col, { key: index, span: item.span || 24 / column },\n                React.createElement(Component, Object.assign({}, item, { img: img, imgStyle: imgStyle, style: { marginBottom: gap }, onClick: onClick, defaultCode: defaultCode }))));\n        }))));\n};\nexport default Statistics;\n"],"mappings":"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"}

package/lib/vm-common-components/components/Statistics/style/index.css

@@ -3,7 +3,7 @@
   display: -ms-flexbox;
   display: flex;
 }
-.label {
+.labelHZ {
   color: var(--title-color);
   white-space: nowrap;
 }
@@ -11,6 +11,7 @@
   color: var(--info-color);
   min-width: 98px;
   font-weight: 600;
+  word-wrap: break-word;
 }
 .num {
   font-size: 20px;
@@ -44,7 +45,7 @@
           transform: translate(-50%, -50%);
   text-align: center;
 }
-.statisticsInfo3 .label {
+.statisticsInfo3 .labelHZ {
   color: #fff;
   margin-bottom: 6px;
 }
@@ -59,13 +60,13 @@
   text-align: center;
   cursor: pointer;
 }
-.statisticsInfo4 .label {
+.statisticsInfo4 .labelHZ {
   color: #fff;
 }
 .statisticsInfo4.active {
   background-color: #fff;
 }
-.statisticsInfo4.active .label,
+.statisticsInfo4.active .labelHZ,
 .statisticsInfo4.active .value {
   color: #222;
 }

package/lib/vm-common-components/components/Statistics/style/index.less

@@ -1,7 +1,7 @@
 .statisticsInfo {
     display: flex;
 }
-.label{
+.labelHZ{
     color: var(--title-color);
     white-space: nowrap;
 }
@@ -10,6 +10,7 @@
     color: var(--info-color);
     min-width: 98px;
     font-weight: 600;
+    word-wrap: break-word;
 }
 .num{
     font-size: 20px;
@@ -38,7 +39,7 @@
         transform: translate(-50%, -50%);
         text-align: center;
     }
-    .label{
+    .labelHZ{
         color: #fff;
         margin-bottom: 6px;
     }
@@ -53,12 +54,12 @@
     border-radius: 10px;
     text-align: center;
     cursor: pointer;
-    .label{
+    .labelHZ{
         color: #fff;
     }
     &.active{
         background-color:#fff;
-        .label,.value{
+        .labelHZ,.value{
             color: #222;
         }