@vtx/modals2 2.10.37 → 2.10.38

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

@@ -2,9 +2,8 @@
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
-  -webkit-box-pack: center;
-      -ms-flex-pack: center;
-          justify-content: center;
+  -ms-flex-pack: distribute;
+      justify-content: space-around;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;

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

@@ -1,6 +1,6 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+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
 });
@@ -15,13 +15,11 @@ function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArra
 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(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+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$colors = props.colors,
-    colors = _props$colors === void 0 ? [] : _props$colors,
     _props$legendPosition = props.legendPosition,
     legendPosition = _props$legendPosition === void 0 ? 'top' : _props$legendPosition,
     _props$isShowScore = props.isShowScore,
@@ -70,11 +68,7 @@ function CustomRatingChart(props) {
       style: Object.assign(Object.assign({}, legend.style || {}), {
         marginRight: 10
       })
-    }), /*#__PURE__*/_react["default"].createElement("div", {
-      style: {
-        marginRight: 15
-      }
-    }, legend.name)), list.length === 1 && isShowScore && /*#__PURE__*/_react["default"].createElement("div", {
+    }), /*#__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"));
   }));
@@ -126,16 +120,15 @@ function CustomRatingChart(props) {
         width: "".concat(scoreWidth > 100 ? 100 : scoreWidth, "%"),
         height: '100%',
         zIndex: 1,
-        background: "".concat(colors.length && colors[0] || '#dcf9fa')
+        background: "".concat(legendData.length && legendData[0].style.background || '#dcf9fa')
       }
     }), /*#__PURE__*/_react["default"].createElement("div", {
       style: {
         position: 'absolute',
         width: "".concat(allScoreWidth > 100 ? 100 : allScoreWidth, "%"),
-        height: '65%',
-        top: '17%',
+        height: '100%',
         zIndex: 2,
-        background: "".concat(colors.length && colors[1] || '#f5e288')
+        background: "".concat(legendData.length && legendData[1].style.background || '#f5e288')
       }
     }), /*#__PURE__*/_react["default"].createElement("div", {
       style: {
@@ -144,7 +137,7 @@ function CustomRatingChart(props) {
         height: '40%',
         top: '30%',
         zIndex: 3,
-        background: "".concat(colors.length && colors[2] || '#407fcd')
+        background: "".concat(legendData.length && legendData[2].style.background || '#407fcd')
       }
     }), /*#__PURE__*/_react["default"].createElement("div", {
       style: {
@@ -152,7 +145,7 @@ function CustomRatingChart(props) {
         width: "1%",
         height: '100%',
         zIndex: 4,
-        background: "".concat(colors.length && colors[3] || '#052a2b'),
+        background: "".concat(legendData.length && legendData[3].style.background || '#052a2b'),
         left: "".concat(classAverageLeft >= 100 ? 99 : classAverageLeft, "%")
       }
     })))));

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

@@ -1 +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","_i","Symbol","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","isArray","CustomRatingChart","props","_props$list","list","_props$colors","colors","_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 = [], colors = [], 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\", { style: { marginRight: 15 } }, 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: `${(colors.length && colors[0]) ||\n                                            '#dcf9fa'}`,\n                                    } }),\n                                React.createElement(\"div\", { style: {\n                                        position: 'absolute',\n                                        width: `${allScoreWidth > 100 ? 100 : allScoreWidth}%`,\n                                        height: '65%',\n                                        top: '17%',\n                                        zIndex: 2,\n                                        background: `${(colors.length && colors[1]) ||\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: `${(colors.length && colors[2]) ||\n                                            '#407fcd'}`,\n                                    } }),\n                                React.createElement(\"div\", { style: {\n                                        position: 'absolute',\n                                        width: `1%`,\n                                        height: '100%',\n                                        zIndex: 4,\n                                        background: `${(colors.length && colors[3]) ||\n                                            '#052a2b'}`,\n                                        left: `${classAverageLeft >= 100 ? 99 : classAverageLeft}%`,\n                                    } }))))));\n            }),\n        legendPosition === 'bottom' && legendHtml));\n}\nexport default CustomRatingChart;\n"],"mappings":"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"}
+{"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

@@ -1,48 +1,48 @@
-.customRatingChartLegend {
-    display: flex;
-    justify-content: center;
-    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);
-        }
-    }
-}
+.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

@@ -38,13 +38,13 @@ var RadarCharts = function RadarCharts(_ref) {
       symbolSize: [2, 2],
       lineStyle: {
         //边缘颜色
-        width: 2,
+        width: 1,
         color: item.areaColor
       },
       areaStyle: {
         // color: 'rgba(116, 77, 254)',
         color: item.areaColor,
-        opacity: 0.4
+        opacity: 0.2
       }
     });
   });
@@ -69,8 +69,9 @@ var RadarCharts = function RadarCharts(_ref) {
       splitLine: {
         show: true,
         lineStyle: {
+          type: 'dashed',
           // 使用深浅的间隔色
-          color: ['rgba(123,90,251,0.3)']
+          color: ['#E9E9E9']
         }
       },
       axisLine: {
@@ -79,6 +80,14 @@ var RadarCharts = function RadarCharts(_ref) {
           // 使用深浅的间隔色
           color: ['rgba(123,90,251,0.3)']
         }
+      },
+      splitArea: {
+        // 坐标轴在 grid 区域中的分隔区域，默认不显示。
+        show: true,
+        areaStyle: {
+          // 分隔区域的样式设置。
+          color: ['transparent'] // 分隔区域颜色。分隔区域会按数组中颜色的顺序依次循环设置颜色。默认是一个深浅的间隔色。
+        }
       }
     }, radarConfig),
     series: [{

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

@@ -1 +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","axisLine","series","type","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: 2,\n                color: item.areaColor,\n            },\n            areaStyle: {\n                // color: 'rgba(116, 77, 254)',\n                color: item.areaColor,\n                opacity: 0.4,\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                    // 使用深浅的间隔色\n                    color: ['rgba(123,90,251,0.3)'],\n                },\n            }, axisLine: {\n                show: true,\n                lineStyle: {\n                    // 使用深浅的间隔色\n                    color: ['rgba(123,90,251,0.3)'],\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":";;;;;;AAQA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,gBAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,aAAA,GAAAH,sBAAA,CAAAC,OAAA;AAA2D,SAAAD,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,gBAAAA,GAAA;AAV3D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAIA,IAAME,WAAW,GAAG,SAAdA,WAAWA,CAAAC,IAAA,EAA0F;EAAA,IAAAC,SAAA,GAAAD,IAAA,CAApFE,IAAI;IAAJA,IAAI,GAAAD,SAAA,cAAG,EAAE,GAAAA,SAAA;IAAAE,WAAA,GAAAH,IAAA,CAAEI,MAAM;IAANA,MAAM,GAAAD,WAAA,cAAG,MAAM,GAAAA,WAAA;IAAAE,UAAA,GAAAL,IAAA,CAAEM,KAAK;IAALA,KAAK,GAAAD,UAAA,cAAG,MAAM,GAAAA,UAAA;IAAAE,cAAA,GAAAP,IAAA,CAAEQ,SAAS;IAATA,SAAS,GAAAD,cAAA,cAAG,EAAE,GAAAA,cAAA;IAAAE,gBAAA,GAAAT,IAAA,CAAEU,WAAW;IAAXA,WAAW,GAAAD,gBAAA,cAAG,CAAC,CAAC,GAAAA,gBAAA;EAC/F,IAAAE,YAAA,GAAkB,IAAAC,wBAAW,EAAC,CAAC;IAAvBC,KAAK,GAAAF,YAAA,CAALE,KAAK;EACb,IAAIC,MAAM,GAAG,EAAE;EACfZ,IAAI,CAACa,GAAG,CAAC,UAACC,IAAI,EAAK;IACfF,MAAM,CAACG,IAAI,CAAC;MACRC,KAAK,EAAEF,IAAI,CAACE,KAAK,IAAI,EAAE;MACvBC,IAAI,EAAEH,IAAI,CAACG,IAAI;MACfC,UAAU,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;MAClBC,SAAS,EAAE;QACP;QACAf,KAAK,EAAE,CAAC;QACRgB,KAAK,EAAEN,IAAI,CAACO;MAChB,CAAC;MACDC,SAAS,EAAE;QACP;QACAF,KAAK,EAAEN,IAAI,CAACO,SAAS;QACrBE,OAAO,EAAE;MACb;IACJ,CAAC,CAAC;EACN,CAAC,CAAC;EACF,IAAIC,MAAM,GAAG;IACTC,OAAO,EAAE;MACLC,OAAO,EAAE,MAAM;MACfC,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK;IAC3B,CAAC;IACDC,KAAK,EAAEC,MAAM,CAACC,MAAM,CAAC;MAAEC,MAAM,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC;MAAEC,MAAM,EAAE,KAAK;MAAEf,IAAI,EAAE;QAC5DgB,SAAS,EAAE;UACPb,KAAK,EAAET,KAAK,KAAK,MAAM,GAAG,SAAS,GAAG,SAAS;UAC/CuB,QAAQ,EAAE,EAAE;UACZC,OAAO,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAE;QACxB;MACJ,CAAC;;MAAEC,OAAO,EAAE,CAAC;MAAE9B,SAAS,EAAEA,SAAS;MAAE+B,SAAS,EAAE;QAC5CC,IAAI,EAAE,IAAI;QACVnB,SAAS,EAAE;UACP;UACAC,KAAK,EAAE,CAAC,sBAAsB;QAClC;MACJ,CAAC;MAAEmB,QAAQ,EAAE;QACTD,IAAI,EAAE,IAAI;QACVnB,SAAS,EAAE;UACP;UACAC,KAAK,EAAE,CAAC,sBAAsB;QAClC;MACJ;IAAE,CAAC,EAAEZ,WAAW,CAAC;IACrBgC,MAAM,EAAE,CACJ;MACIC,IAAI,EAAE,OAAO;MACbzC,IAAI,EAAEY;IACV,CAAC;EAET,CAAC;EACD,oBAAO8B,iBAAK,CAACC,aAAa,CAACC,2BAAK,EAAE;IAAEpB,MAAM,EAAEA,MAAM;IAAEqB,QAAQ,EAAE,IAAI;IAAEC,UAAU,EAAE,IAAI;IAAEC,KAAK,EAAE;MAAE7C,MAAM,EAANA,MAAM;MAAEE,KAAK,EAALA;IAAM;EAAE,CAAC,CAAC;AACrH,CAAC;AAAC,IAAA4C,QAAA,GACanD,WAAW;AAAAoD,OAAA,cAAAD,QAAA"}
+{"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

@@ -1,38 +1,59 @@
+.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;
-  padding: 100px 0;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-  text-align: center;
-}
-.healthContent .ratingRank .ratingRankLeft .ratingRankLeftTitle {
-  font-size: 18px;
-  font-weight: 400;
-  margin-bottom: 10px;
+  background: var(--rank-bg);
+  border-radius: 2px 2px 2px 2px;
+  margin-bottom: 20px;
 }
-.healthContent .ratingRank .ratingRankLeft .ratingRankLeftText {
-  color: #1f8184;
-  font-size: 16px;
-  margin-top: 10px;
-}
-.healthContent .ratingRank .ratingRankRight .ratingRankRightTitle {
-  font-size: 18px;
-  font-weight: 400;
-  margin-bottom: 10px;
-}
-.healthContent .ratingRank .ratingRankRight .ratingRankRightText {
-  color: #1f8184;
-  font-size: 16px;
-  margin-top: 10px;
+.healthContent .ratingRank .ratingRankLeft .rank,
+.healthContent .ratingRank .ratingRankRight .rank {
+  font-size: 30px;
+  font-weight: 500;
 }
 .healthContent .ratingRank .ratingRankText {
   color: var(--label-color);