@ued_fpi/data-visual 1.4.13 → 1.4.15

package/dist/es/ipes/src/RiskClassification/index.vue.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, ref, onMounted, openBlock, createElementBlock, createElementVNode, Fragment, renderList, normalizeStyle, unref, toDisplayString } from 'vue';
+import { defineComponent, computed, ref, onMounted, openBlock, createElementBlock, createElementVNode, Fragment, renderList, unref, normalizeStyle, toDisplayString } from 'vue';
 import requestControl from '../../service/request.mjs';
 import { useThemeHook } from '../../../utils.mjs';
 import '../../utils/highchartsPiePlugins.mjs';
@@ -24,18 +24,25 @@ const __default__ = {
 };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...__default__,
+  props: {
+    riskLevelList: {
+      type: Array,
+      default() {
+        return [
+          { title: "重大风险", key: "majorRiskCompany" },
+          { title: "较大风险", key: "largerRiskCompany" },
+          { title: "一般风险", key: "generalRiskCompany" },
+          { title: "低风险", key: "lowRiskCompany" }
+        ];
+      }
+    }
+  },
   setup(__props) {
+    const props = __props;
     const { isDark } = useThemeHook();
-    const colors = ["#F84439", "#FDBD00", "#15F3A3", "#00DEFF"];
-    const colors_light = ["#FF4D4F", "#FAAD14", "#52C41A", "#1677FF"];
-    const LinearGradientColor = [["#FF4A4A", "#FF7474"], ["#FDBD00", "#F4A93B"], ["#15F3A3", "#11D68F"], ["#59AEDE", "#338EC1"]];
-    const LinearGradientColor_light = [["#FF4A4A", "#FF7474"], ["#FDBD00", "#F4A93B"], ["#15F3A3", "#11D68F"], ["#1677FF", "#85B8FF"]];
-    const riskLevel = ref([
-      { title: "高风险", key: "majorRiskCompany" },
-      { title: "较大风险", key: "largerRiskCompany" },
-      { title: "一般风险", key: "generalRiskCompany" },
-      { title: "低风险", key: "lowRiskCompany" }
-    ]);
+    const colors = ["#F84439", "#FD7A00", "#FDBD00", "#00DEFF"];
+    const colors_light = ["#F84439", "#FD7A00", "#FDBD00", "#00DEFF"];
+    const riskLevel = computed(() => props.riskLevelList);
     const levelData = ref({
       majorRiskCompany: 0,
       largerRiskCompany: 0,
@@ -97,7 +104,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           });
         });
       }
-      const color = isDark ? LinearGradientColor : LinearGradientColor_light;
+      const color = isDark ? colors : colors_light;
       highcharts.chart("pieChart", {
         chart: {
           type: "pie",
@@ -119,12 +126,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         title: {
           text: null
         },
-        colors: [
-          { linearGradient: { x1: 0, y1: 1, x2: 1, y2: 0 }, stops: [[0, color[0][0]], [1, color[0][1]]] },
-          { linearGradient: { x1: 0, y1: 1, x2: 1, y2: 0 }, stops: [[0, color[1][0]], [1, color[1][1]]] },
-          { linearGradient: { x1: 0, y1: 1, x2: 1, y2: 0 }, stops: [[0, color[2][0]], [1, color[2][1]]] },
-          { linearGradient: { x1: 0, y1: 1, x2: 1, y2: 0 }, stops: [[0, color[3][0]], [1, color[3][1]]] }
-        ],
+        colors: color,
         tooltip: { enabled: false },
         plotOptions: {
           pie: {
@@ -157,7 +159,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         createElementVNode("div", _hoisted_2, [
           _hoisted_3,
           createElementVNode("div", _hoisted_4, [
-            (openBlock(true), createElementBlock(Fragment, null, renderList(riskLevel.value, (level, idx) => {
+            (openBlock(true), createElementBlock(Fragment, null, renderList(unref(riskLevel), (level, idx) => {
               return openBlock(), createElementBlock("div", {
                 key: level.key,
                 class: "legend-item"