@vtx/modals2 2.10.39 → 2.10.41

package/lib/vtx-hz-facility-modal/components/PipePoint/style/index.css

@@ -0,0 +1,36 @@
+.rowContent {
+  max-height: 70vh;
+  overflow-y: auto;
+}
+.health {
+  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;
+  height: 160px;
+}
+.round {
+  border: 0 !important;
+  border-radius: 50%;
+  width: 100px;
+  height: 100px;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  font-size: 24px;
+  font-weight: 600;
+  cursor: pointer;
+  color: var(--head-bg);
+  background: var(--health-bg);
+}

package/lib/vtx-hz-facility-modal/components/PipePoint/style/index.js

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

package/lib/vtx-hz-facility-modal/components/PipePoint/style/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["require"],"sources":["vtx-hz-facility-modal/components/PipePoint/style/index.js"],"sourcesContent":["import './index.less';\n"],"mappings":";;AAAAA,OAAA"}

package/lib/vtx-hz-facility-modal/components/PipePoint/style/index.less

@@ -0,0 +1,26 @@
+.rowContent {
+    max-height: 70vh;
+    overflow-y: auto;
+}
+
+.health {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    height: 160px;
+}
+
+.round {
+    border: 0 !important;
+    border-radius: 50%;
+    width: 100px;
+    height: 100px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    font-size: 24px;
+    font-weight: 600;
+    cursor: pointer;
+    color: var(--head-bg);
+    background: var(--health-bg);
+}

package/lib/vtx-hz-facility-modal/components/PipelineHealthRating/CustomRatingChart/index.css

@@ -0,0 +1,72 @@
+.customRatingChartLegend {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-pack: distribute;
+      justify-content: space-around;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+}
+.customRatingChartLegend .legendContent {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  -ms-flex-wrap: wrap;
+      flex-wrap: wrap;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+}
+.customRatingChartLegend .legendContent .legendTop {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  width: 100%;
+}
+.customRatingChartLegend .legendContent .legendBottom {
+  font-size: 18px;
+  font-weight: 400;
+}
+.customRatingChart {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: start;
+      -ms-flex-pack: start;
+          justify-content: flex-start;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  margin: 5px 0;
+}
+.customRatingChart .label {
+  width: 20%;
+  font-size: 16px;
+  font-weight: 400;
+}
+.customRatingChart .bar {
+  background: rgba(255, 255, 255, 0);
+  position: relative;
+}
+.customRatingChart .bar .scaleVal {
+  width: 100%;
+  position: relative;
+  height: 15px;
+  line-height: 15px;
+}
+.customRatingChart .bar .content {
+  width: 100%;
+  position: relative;
+  height: 35px;
+  background: var(--health-content-bg);
+}

package/lib/vtx-hz-facility-modal/components/PipelineHealthRating/CustomRatingChart/index.js

@@ -0,0 +1,156 @@
+"use strict";
+
+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); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _index = _interopRequireDefault(require("./index.less"));
+var _antd = require("antd");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+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; }
+function CustomRatingChart(props) {
+  var _props$list = props.list,
+    list = _props$list === void 0 ? [] : _props$list,
+    _props$legendPosition = props.legendPosition,
+    legendPosition = _props$legendPosition === void 0 ? 'top' : _props$legendPosition,
+    _props$isShowScore = props.isShowScore,
+    isShowScore = _props$isShowScore === void 0 ? false : _props$isShowScore,
+    _props$isShowLabel = props.isShowLabel,
+    isShowLabel = _props$isShowLabel === void 0 ? true : _props$isShowLabel,
+    _props$isShowScale = props.isShowScale,
+    isShowScale = _props$isShowScale === void 0 ? true : _props$isShowScale,
+    _props$legendData = props.legendData,
+    legendData = _props$legendData === void 0 ? [] : _props$legendData;
+  var _useState = (0, _react.useState)(100),
+    _useState2 = _slicedToArray(_useState, 2),
+    maxScore = _useState2[0],
+    setMaxScore = _useState2[1];
+  var _useState3 = (0, _react.useState)([]),
+    _useState4 = _slicedToArray(_useState3, 2),
+    scaleValList = _useState4[0],
+    setScaleValList = _useState4[1];
+  (0, _react.useEffect)(function () {
+    if ((list === null || list === void 0 ? void 0 : list.length) > 0) {
+      var max = 0;
+      list.map(function (item) {
+        if ((item.score || item.score === 0) && item.score > max) {
+          max = item.score;
+        }
+      });
+      var arr = [0, 1, 2, 3, 4, 5].map(function (val) {
+        return val * parseInt((max / 6).toString(), 10);
+      });
+      if ((arr === null || arr === void 0 ? void 0 : arr.length) && arr[arr.length - 1] !== max) {
+        arr[arr.length - 1] = max;
+      }
+      setScaleValList(arr);
+      setMaxScore(max);
+    }
+  }, [list]);
+  var legendHtml = /*#__PURE__*/_react["default"].createElement("div", {
+    className: _index["default"].customRatingChartLegend
+  }, legendData.map(function (legend, index) {
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      className: _index["default"].legendContent,
+      key: index
+    }, /*#__PURE__*/_react["default"].createElement("div", {
+      className: _index["default"].legendTop
+    }, /*#__PURE__*/_react["default"].createElement("div", {
+      style: Object.assign(Object.assign({}, legend.style || {}), {
+        marginRight: 10
+      })
+    }), /*#__PURE__*/_react["default"].createElement("div", null, legend.name)), list.length === 1 && isShowScore && /*#__PURE__*/_react["default"].createElement("div", {
+      className: _index["default"].legendBottom
+    }, list[0]["".concat(legend.key)], "\u5206"));
+  }));
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, legendPosition === 'top' && legendHtml, list.length > 0 && list.map(function (item, index) {
+    var nowScoreWidth = 0,
+      classAverageLeft = 0,
+      allScoreWidth = 0,
+      scoreWidth = 0;
+    nowScoreWidth = Number((item.nowScore / maxScore * 100).toFixed(2));
+    classAverageLeft = Number((item.classAverage / maxScore * 100).toFixed(2));
+    allScoreWidth = Number((item.allScore / maxScore * 100).toFixed(2));
+    scoreWidth = Number((item.score / maxScore * 100).toFixed(2));
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      className: _index["default"].customRatingChart,
+      key: index
+    }, isShowLabel && /*#__PURE__*/_react["default"].createElement("div", {
+      className: _index["default"].label
+    }, item.typeName), /*#__PURE__*/_react["default"].createElement("div", {
+      className: _index["default"].bar,
+      style: {
+        width: isShowLabel ? '80%' : '100%'
+      }
+    }, isShowScale && /*#__PURE__*/_react["default"].createElement("div", {
+      className: _index["default"].scaleVal
+    }, scaleValList.length > 0 && scaleValList.map(function (val, index) {
+      var num = (val / maxScore * 100).toFixed(2);
+      var obj = {
+        left: "".concat(num, "%"),
+        right: 'auto'
+      };
+      if (index === scaleValList.length - 1) {
+        obj = {
+          right: 0
+        };
+      }
+      return /*#__PURE__*/_react["default"].createElement("div", {
+        key: index,
+        style: Object.assign({
+          position: 'absolute'
+        }, obj)
+      }, val);
+    })), /*#__PURE__*/_react["default"].createElement(_antd.Tooltip, {
+      title: /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("p", null, "\u6EE1\u5206\uFF1A".concat(item.score || '-')), /*#__PURE__*/_react["default"].createElement("p", null, "\u6240\u6709\u5E73\u5747\u5206\uFF1A".concat(item.allScore || '-')), /*#__PURE__*/_react["default"].createElement("p", null, "\u5F53\u524D\u5206\u6570\uFF1A".concat(item.nowScore || '-')), /*#__PURE__*/_react["default"].createElement("p", null, "\u540C\u7C7B\u5E73\u5747\u5206\uFF1A".concat(item.classAverage || '-')))
+    }, /*#__PURE__*/_react["default"].createElement("div", {
+      className: _index["default"].content
+    }, /*#__PURE__*/_react["default"].createElement("div", {
+      style: {
+        position: 'absolute',
+        width: "".concat(scoreWidth > 100 ? 100 : scoreWidth, "%"),
+        height: '100%',
+        zIndex: 1,
+        background: "".concat(legendData.length && legendData[0].style.background || '#dcf9fa')
+      }
+    }), /*#__PURE__*/_react["default"].createElement("div", {
+      style: {
+        position: 'absolute',
+        width: "".concat(allScoreWidth > 100 ? 100 : allScoreWidth, "%"),
+        height: '100%',
+        zIndex: 2,
+        background: "".concat(legendData.length && legendData[1].style.background || '#f5e288')
+      }
+    }), /*#__PURE__*/_react["default"].createElement("div", {
+      style: {
+        position: 'absolute',
+        width: "".concat(nowScoreWidth > 100 ? 100 : nowScoreWidth, "%"),
+        height: '40%',
+        top: '30%',
+        zIndex: 3,
+        background: "".concat(legendData.length && legendData[2].style.background || '#407fcd')
+      }
+    }), /*#__PURE__*/_react["default"].createElement("div", {
+      style: {
+        position: 'absolute',
+        width: "1%",
+        height: '100%',
+        zIndex: 4,
+        background: "".concat(legendData.length && legendData[3].style.background || '#052a2b'),
+        left: "".concat(classAverageLeft >= 100 ? 99 : classAverageLeft, "%")
+      }
+    })))));
+  }), legendPosition === 'bottom' && legendHtml);
+}
+var _default = CustomRatingChart;
+exports["default"] = _default;
+//# sourceMappingURL=index.js.map

package/lib/vtx-hz-facility-modal/components/PipelineHealthRating/CustomRatingChart/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_index","_interopRequireDefault","_antd","obj","__esModule","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_slicedToArray","arr","i","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","n","toString","slice","constructor","name","Array","from","test","len","length","arr2","r","l","t","Symbol","iterator","e","u","a","f","next","done","push","value","isArray","CustomRatingChart","props","_props$list","list","_props$legendPosition","legendPosition","_props$isShowScore","isShowScore","_props$isShowLabel","isShowLabel","_props$isShowScale","isShowScale","_props$legendData","legendData","_useState","useState","_useState2","maxScore","setMaxScore","_useState3","_useState4","scaleValList","setScaleValList","useEffect","max","map","item","score","val","parseInt","legendHtml","React","createElement","className","styles","customRatingChartLegend","legend","index","legendContent","legendTop","style","assign","marginRight","legendBottom","concat","Fragment","nowScoreWidth","classAverageLeft","allScoreWidth","scoreWidth","Number","nowScore","toFixed","classAverage","allScore","customRatingChart","label","typeName","bar","width","scaleVal","num","left","right","position","Tooltip","title","content","height","zIndex","background","top","_default","exports"],"sources":["vtx-hz-facility-modal/components/PipelineHealthRating/CustomRatingChart/index.js"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport styles from './index.less';\nimport { Tooltip } from 'antd';\nfunction CustomRatingChart(props) {\n    const { list = [], legendPosition = 'top', // 图例位置\n    isShowScore = false, // 图例是否展示分数\n    isShowLabel = true, // 是否展示标签\n    isShowScale = true, // 是否展示刻度\n    legendData = [], // 图例数据\n     } = props;\n    const [maxScore, setMaxScore] = useState(100);\n    const [scaleValList, setScaleValList] = useState([]);\n    useEffect(() => {\n        if ((list === null || list === void 0 ? void 0 : list.length) > 0) {\n            let max = 0;\n            list.map((item) => {\n                if ((item.score || item.score === 0) && item.score > max) {\n                    max = item.score;\n                }\n            });\n            let arr = [0, 1, 2, 3, 4, 5].map(val => val * parseInt((max / 6).toString(), 10));\n            if ((arr === null || arr === void 0 ? void 0 : arr.length) && arr[arr.length - 1] !== max) {\n                arr[arr.length - 1] = max;\n            }\n            setScaleValList(arr);\n            setMaxScore(max);\n        }\n    }, [list]);\n    const legendHtml = (React.createElement(\"div\", { className: styles.customRatingChartLegend }, legendData.map((legend, index) => {\n        return (React.createElement(\"div\", { className: styles.legendContent, key: index },\n            React.createElement(\"div\", { className: styles.legendTop },\n                React.createElement(\"div\", { style: Object.assign(Object.assign({}, (legend.style || {})), { marginRight: 10 }) }),\n                React.createElement(\"div\", null, legend.name)),\n            list.length === 1 && isShowScore && (React.createElement(\"div\", { className: styles.legendBottom },\n                list[0][`${legend.key}`],\n                \"\\u5206\"))));\n    })));\n    return (React.createElement(React.Fragment, null,\n        legendPosition === 'top' && legendHtml,\n        list.length > 0 &&\n            list.map((item, index) => {\n                let nowScoreWidth = 0, classAverageLeft = 0, allScoreWidth = 0, scoreWidth = 0;\n                nowScoreWidth = Number(((item.nowScore / maxScore) * 100).toFixed(2));\n                classAverageLeft = Number(((item.classAverage / maxScore) * 100).toFixed(2));\n                allScoreWidth = Number(((item.allScore / maxScore) * 100).toFixed(2));\n                scoreWidth = Number(((item.score / maxScore) * 100).toFixed(2));\n                return (React.createElement(\"div\", { className: styles.customRatingChart, key: index },\n                    isShowLabel && React.createElement(\"div\", { className: styles.label }, item.typeName),\n                    React.createElement(\"div\", { className: styles.bar, style: { width: isShowLabel ? '80%' : '100%' } },\n                        isShowScale && (React.createElement(\"div\", { className: styles.scaleVal }, scaleValList.length > 0 &&\n                            scaleValList.map((val, index) => {\n                                let num = ((val / maxScore) * 100).toFixed(2);\n                                let obj = {\n                                    left: `${num}%`,\n                                    right: 'auto',\n                                };\n                                if (index === scaleValList.length - 1) {\n                                    obj = {\n                                        right: 0,\n                                    };\n                                }\n                                return (React.createElement(\"div\", { key: index, style: Object.assign({ position: 'absolute' }, obj) }, val));\n                            }))),\n                        React.createElement(Tooltip, { title: React.createElement(React.Fragment, null,\n                                React.createElement(\"p\", null, `满分：${item.score || '-'}`),\n                                React.createElement(\"p\", null, `所有平均分：${item.allScore || '-'}`),\n                                React.createElement(\"p\", null, `当前分数：${item.nowScore || '-'}`),\n                                React.createElement(\"p\", null, `同类平均分：${item.classAverage || '-'}`)) },\n                            React.createElement(\"div\", { className: styles.content },\n                                React.createElement(\"div\", { style: {\n                                        position: 'absolute',\n                                        width: `${scoreWidth > 100 ? 100 : scoreWidth}%`,\n                                        height: '100%',\n                                        zIndex: 1,\n                                        background: `${(legendData.length &&\n                                            legendData[0].style.background) ||\n                                            '#dcf9fa'}`,\n                                    } }),\n                                React.createElement(\"div\", { style: {\n                                        position: 'absolute',\n                                        width: `${allScoreWidth > 100 ? 100 : allScoreWidth}%`,\n                                        height: '100%',\n                                        zIndex: 2,\n                                        background: `${(legendData.length &&\n                                            legendData[1].style.background) ||\n                                            '#f5e288'}`,\n                                    } }),\n                                React.createElement(\"div\", { style: {\n                                        position: 'absolute',\n                                        width: `${nowScoreWidth > 100 ? 100 : nowScoreWidth}%`,\n                                        height: '40%',\n                                        top: '30%',\n                                        zIndex: 3,\n                                        background: `${(legendData.length &&\n                                            legendData[2].style.background) ||\n                                            '#407fcd'}`,\n                                    } }),\n                                React.createElement(\"div\", { style: {\n                                        position: 'absolute',\n                                        width: `1%`,\n                                        height: '100%',\n                                        zIndex: 4,\n                                        background: `${(legendData.length &&\n                                            legendData[3].style.background) ||\n                                            '#052a2b'}`,\n                                        left: `${classAverageLeft >= 100 ? 99 : classAverageLeft}%`,\n                                    } }))))));\n            }),\n        legendPosition === 'bottom' && legendHtml));\n}\nexport default CustomRatingChart;\n"],"mappings":"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"}

package/lib/vtx-hz-facility-modal/components/PipelineHealthRating/CustomRatingChart/index.less

@@ -0,0 +1,48 @@
+.customRatingChartLegend {
+    display: flex;
+    justify-content: space-around;
+    align-items: center;
+    .legendContent {
+        display: flex;
+        justify-content: center;
+        flex-wrap: wrap;
+        align-items: center;
+        .legendTop {
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            width: 100%;
+        }
+        .legendBottom {
+            font-size: 18px;
+            font-weight: 400;
+        }
+    }
+}
+.customRatingChart {
+    display: flex;
+    justify-content: flex-start;
+    align-items: center;
+    margin: 5px 0;
+    .label {
+        width: 20%;
+        font-size: 16px;
+        font-weight: 400;
+    }
+    .bar {
+        background: rgba(255, 255, 255, 0);
+        position: relative;
+        .scaleVal {
+            width: 100%;
+            position: relative;
+            height: 15px;
+            line-height: 15px;
+        }
+        .content {
+            width: 100%;
+            position: relative;
+            height: 35px;
+            background: var(--health-content-bg);
+        }
+    }
+}

package/lib/vtx-hz-facility-modal/components/PipelineHealthRating/RadarCharts/index.js

@@ -0,0 +1,110 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _echartsForReact = _interopRequireDefault(require("echarts-for-react"));
+var _useSettings2 = _interopRequireDefault(require("../../../../vm-hooks/useSettings"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+/*
+ * @Author: limingxian limingxian@vortexinfo.cn
+ * @Date: 2023-09-02 22:08:12
+ * @LastEditors: limingxian limingxian@vortexinfo.cn
+ * @LastEditTime: 2023-09-07 11:37:11
+ * @FilePath: /zhsw-psfw-web/src/components/DetailModal/DetailContents/current-line-network-health-content/Components/PipelineHealthRating/RadarCharts/index.js
+ * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+ */
+
+var RadarCharts = function RadarCharts(_ref) {
+  var _ref$data = _ref.data,
+    data = _ref$data === void 0 ? [] : _ref$data,
+    _ref$height = _ref.height,
+    height = _ref$height === void 0 ? '100%' : _ref$height,
+    _ref$width = _ref.width,
+    width = _ref$width === void 0 ? '100%' : _ref$width,
+    _ref$indicator = _ref.indicator,
+    indicator = _ref$indicator === void 0 ? [] : _ref$indicator,
+    _ref$radarConfig = _ref.radarConfig,
+    radarConfig = _ref$radarConfig === void 0 ? {} : _ref$radarConfig;
+  var _useSettings = (0, _useSettings2["default"])(),
+    theme = _useSettings.theme;
+  var result = [];
+  data.map(function (item) {
+    result.push({
+      value: item.value || [],
+      name: item.name,
+      symbolSize: [2, 2],
+      lineStyle: {
+        //边缘颜色
+        width: 1,
+        color: item.areaColor
+      },
+      areaStyle: {
+        // color: 'rgba(116, 77, 254)',
+        color: item.areaColor,
+        opacity: 0.2
+      }
+    });
+  });
+  var option = {
+    tooltip: {
+      trigger: 'item',
+      position: ['50%', '50%']
+    },
+    radar: Object.assign({
+      center: ['45%', '60%'],
+      radius: '50%',
+      name: {
+        textStyle: {
+          color: theme === 'dark' ? '#FFFFFF' : '#000000',
+          fontSize: 14,
+          padding: [-2, -10] // 控制文字padding
+        }
+      },
+
+      nameGap: 5,
+      indicator: indicator,
+      splitLine: {
+        show: true,
+        lineStyle: {
+          type: 'dashed',
+          // 使用深浅的间隔色
+          color: ['#E9E9E9']
+        }
+      },
+      axisLine: {
+        show: true,
+        lineStyle: {
+          // 使用深浅的间隔色
+          color: ['rgba(123,90,251,0.3)']
+        }
+      },
+      splitArea: {
+        // 坐标轴在 grid 区域中的分隔区域，默认不显示。
+        show: true,
+        areaStyle: {
+          // 分隔区域的样式设置。
+          color: ['transparent'] // 分隔区域颜色。分隔区域会按数组中颜色的顺序依次循环设置颜色。默认是一个深浅的间隔色。
+        }
+      }
+    }, radarConfig),
+    series: [{
+      type: 'radar',
+      data: result
+    }]
+  };
+  return /*#__PURE__*/_react["default"].createElement(_echartsForReact["default"], {
+    option: option,
+    notMerge: true,
+    lazyUpdate: true,
+    style: {
+      height: height,
+      width: width
+    }
+  });
+};
+var _default = RadarCharts;
+exports["default"] = _default;
+//# sourceMappingURL=index.js.map

package/lib/vtx-hz-facility-modal/components/PipelineHealthRating/RadarCharts/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_echartsForReact","_useSettings2","obj","__esModule","RadarCharts","_ref","_ref$data","data","_ref$height","height","_ref$width","width","_ref$indicator","indicator","_ref$radarConfig","radarConfig","_useSettings","useSettings","theme","result","map","item","push","value","name","symbolSize","lineStyle","color","areaColor","areaStyle","opacity","option","tooltip","trigger","position","radar","Object","assign","center","radius","textStyle","fontSize","padding","nameGap","splitLine","show","type","axisLine","splitArea","series","React","createElement","Chart","notMerge","lazyUpdate","style","_default","exports"],"sources":["vtx-hz-facility-modal/components/PipelineHealthRating/RadarCharts/index.js"],"sourcesContent":["/*\n * @Author: limingxian limingxian@vortexinfo.cn\n * @Date: 2023-09-02 22:08:12\n * @LastEditors: limingxian limingxian@vortexinfo.cn\n * @LastEditTime: 2023-09-07 11:37:11\n * @FilePath: /zhsw-psfw-web/src/components/DetailModal/DetailContents/current-line-network-health-content/Components/PipelineHealthRating/RadarCharts/index.js\n * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE\n */\nimport React from 'react';\nimport Chart from 'echarts-for-react';\nimport useSettings from '../../../../vm-hooks/useSettings';\nconst RadarCharts = ({ data = [], height = '100%', width = '100%', indicator = [], radarConfig = {}, }) => {\n    const { theme } = useSettings();\n    let result = [];\n    data.map((item) => {\n        result.push({\n            value: item.value || [],\n            name: item.name,\n            symbolSize: [2, 2],\n            lineStyle: {\n                //边缘颜色\n                width: 1,\n                color: item.areaColor,\n            },\n            areaStyle: {\n                // color: 'rgba(116, 77, 254)',\n                color: item.areaColor,\n                opacity: 0.2,\n            },\n        });\n    });\n    let option = {\n        tooltip: {\n            trigger: 'item',\n            position: ['50%', '50%'],\n        },\n        radar: Object.assign({ center: ['45%', '60%'], radius: '50%', name: {\n                textStyle: {\n                    color: theme === 'dark' ? '#FFFFFF' : '#000000',\n                    fontSize: 14,\n                    padding: [-2, -10], // 控制文字padding\n                },\n            }, nameGap: 5, indicator: indicator, splitLine: {\n                show: true,\n                lineStyle: {\n                    type: 'dashed',\n                    // 使用深浅的间隔色\n                    color: ['#E9E9E9'],\n                },\n            }, axisLine: {\n                show: true,\n                lineStyle: {\n                    // 使用深浅的间隔色\n                    color: ['rgba(123,90,251,0.3)'],\n                },\n            }, splitArea: {\n                // 坐标轴在 grid 区域中的分隔区域，默认不显示。\n                show: true,\n                areaStyle: {\n                    // 分隔区域的样式设置。\n                    color: ['transparent'], // 分隔区域颜色。分隔区域会按数组中颜色的顺序依次循环设置颜色。默认是一个深浅的间隔色。\n                },\n            } }, radarConfig),\n        series: [\n            {\n                type: 'radar',\n                data: result,\n            },\n        ],\n    };\n    return React.createElement(Chart, { option: option, notMerge: true, lazyUpdate: true, style: { height, width } });\n};\nexport default RadarCharts;\n"],"mappings":"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"}

package/lib/vtx-hz-facility-modal/components/PipelineHealthRating/index.css

@@ -0,0 +1,77 @@
+.healthContent {
+  height: 70vh;
+  overflow-y: auto;
+}
+.healthContent.dark {
+  color: var(--label-color);
+}
+.healthContent .top {
+  width: 100%;
+  height: 50px;
+  line-height: 50px;
+  border: 1px solid #e8e8e8;
+  border-radius: 4px;
+  font-size: 16px;
+  font-weight: 400;
+  background: var(--wrap-bg);
+  padding: 0 20px;
+  margin-bottom: 5px;
+}
+.healthContent .ratingRank {
+  width: 100%;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  padding: 20px 0;
+  border-top: 1px solid #e8e8e8;
+  -webkit-box-pack: start;
+      -ms-flex-pack: start;
+          justify-content: flex-start;
+}
+.healthContent .ratingRank .ratingRankLeft,
+.healthContent .ratingRank .ratingRankRight {
+  width: 100%;
+  height: 100px;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  padding: 17px 20px;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  -ms-flex-pack: distribute;
+      justify-content: space-around;
+  background: var(--rank-bg);
+  border-radius: 2px 2px 2px 2px;
+  margin-bottom: 20px;
+}
+.healthContent .ratingRank .ratingRankLeft .rank,
+.healthContent .ratingRank .ratingRankRight .rank {
+  font-size: 30px;
+  font-weight: 500;
+}
+.healthContent .ratingRank .ratingRankText {
+  color: var(--label-color);
+}
+.healthContent .scoringSituationTop {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: start;
+      -ms-flex-pack: start;
+          justify-content: flex-start;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  width: 100%;
+  height: 300px;
+}
+.healthContent .scoringSituationBottom {
+  height: 234px;
+  padding-top: 20px;
+}