@ued_fpi/data-visual 1.1.1 → 1.1.3

package/dist/es/aims/src/AirQualityLevelYearRatio/index.vue2.mjs

@@ -0,0 +1,142 @@
+import { defineComponent, ref, onMounted, watch, openBlock, createElementBlock, normalizeClass, createElementVNode, createVNode, unref } from 'vue';
+import { FACTOR_LEVEL_TEXT } from 'fpi-tg-factor-tools';
+import dayjs from 'dayjs';
+import '../common/BasicEcharts/index.mjs';
+import { getAirQualityStatis } from './api/index.mjs';
+import _BasicEcharts from '../common/BasicEcharts/index.vue.mjs';
+
+const clsfix = "cieq-contributio-ratio";
+const noDataColor = "rgb(255, 255, 255, 0.5)";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  props: {
+    apiParams: { default: () => ({
+      time: dayjs().subtract(1, "h").valueOf(),
+      code: "0101000000",
+      codeType: "grid"
+    }) }
+  },
+  setup(__props) {
+    const props = __props;
+    const chartsFullOptions = ref({ options: null });
+    const generateOption = (list2) => {
+      return {
+        options: {
+          legend: {
+            show: true,
+            bottom: -4,
+            itemGap: 4,
+            textStyle: {
+              color: "#FFF",
+              fontSize: 12
+            },
+            icon: "circle",
+            itemWidth: 12,
+            itemHeight: 12
+          },
+          tooltip: {
+            trigger: "item",
+            padding: 8,
+            background: "rgba(1, 11, 18, 0.6)",
+            formatter: (params) => {
+              return `${params.marker} ${params.name}  ${params.data.value2}天 ${params.value}%`;
+            }
+          },
+          series: [
+            {
+              type: "pie",
+              radius: "60%",
+              center: ["50%", "44%"],
+              data: list2,
+              label: {
+                position: "outer",
+                color: "#fff",
+                overflow: "none",
+                formatter: (params) => {
+                  const { name, value, value2 } = params.data;
+                  return `${name}  ${value2}天  ${value}%`;
+                }
+              }
+            }
+          ]
+        }
+      };
+    };
+    const list = [
+      {
+        name: "优",
+        key: "veryGood",
+        value: 0
+      },
+      {
+        name: "良",
+        key: "good",
+        value: 0
+      },
+      {
+        name: "轻度污染",
+        key: "mild",
+        value: 0
+      },
+      {
+        name: "中度污染",
+        key: "medium",
+        value: 0
+      },
+      {
+        name: "重度污染",
+        key: "serious",
+        value: 0
+      },
+      {
+        name: "严重污染",
+        key: "verySerious",
+        value: 0
+      }
+    ];
+    const fetchData = () => {
+      getAirQualityStatis(props.apiParams).then((res) => {
+        if (res.data && res.data.airQualityLevel) {
+          const data1 = res.data.airQualityLevel.levelYearSumRate;
+          const data2 = res.data.airQualityLevel.levelYearSum;
+          chartsFullOptions.value = generateOption(list.map((item) => {
+            const obj = FACTOR_LEVEL_TEXT.find((c) => item.name.includes(c.label));
+            const value = data1[item.key];
+            const value2 = data2[item.key];
+            return {
+              ...item,
+              value,
+              value2,
+              itemStyle: {
+                color: obj ? obj.color : noDataColor
+              }
+            };
+          }));
+        }
+      });
+    };
+    onMounted(() => {
+      fetchData();
+    });
+    watch(() => props.apiParams, () => {
+      fetchData();
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(`${clsfix}-container`)
+      }, [
+        createElementVNode("div", {
+          class: normalizeClass(`${clsfix}-echarts`)
+        }, [
+          createVNode(unref(_BasicEcharts), {
+            height: "100%",
+            "full-options": chartsFullOptions.value,
+            loading: false
+          }, null, 8, ["full-options"])
+        ], 2)
+      ], 2);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/dist/es/aims/src/AirQualityLevelYearRatio/index.vue3.mjs

@@ -0,0 +1,3 @@
+/* unplugin-vue-components disabled */const index_vue_vue_type_style_index_0_scoped_dafec308_lang = '';
+
+export { index_vue_vue_type_style_index_0_scoped_dafec308_lang as default };

package/dist/es/aims/src/AirQualityPresentSituation/api/index.mjs

@@ -1,4 +1,4 @@
-import { r as requestControl } from '../../../service/request.mjs';
+import requestControl from '../../../service/request.mjs';
 
 const getCityDetail = (params) => {
   return requestControl({
@@ -8,4 +8,4 @@ const getCityDetail = (params) => {
   });
 };
 
-export { getCityDetail as g };
+export { getCityDetail };

package/dist/es/aims/src/AirQualityPresentSituation/index.d.ts

@@ -1,5 +1,5 @@
 import _AirQualityPresentSituation from './index.vue';
-export declare const AirQualityPresentSituation: {
+export declare const DvAimsAirQualityPresentSituation: {
     new (...args: any[]): {
         $: import("vue").ComponentInternalInstance;
         $data: {};

package/dist/es/aims/src/AirQualityPresentSituation/index.mjs

@@ -1,114 +1,7 @@
-import { i as install } from '../AirQualityCalendar/index.mjs';
-import { defineComponent, reactive, onMounted, watch, openBlock, createElementBlock, normalizeClass, createElementVNode, toDisplayString, normalizeStyle, Fragment, renderList } from 'vue';
-import { BASE_FACTOR, factorToColor } from 'fpi-tg-factor-tools';
-import dayjs from 'dayjs';
-import { g as getCityDetail } from './api/index.mjs';
+import { install } from '../../../utils.mjs';
+import _sfc_main from './index.vue.mjs';
+import './index.vue2.mjs';
 
-const _hoisted_1 = /* @__PURE__ */ createElementVNode("span", null, "综合指数", -1);
-const _hoisted_2 = /* @__PURE__ */ createElementVNode("span", { class: "text" }, "主要污染物", -1);
-const _hoisted_3 = { class: "name" };
-const clsfix = "air-quality-realtime";
-const noDataColor = "rgb(255, 255, 255, 0.5)";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "index",
-  props: {
-    apiParams: { default: () => ({
-      time: dayjs().subtract(1, "h").valueOf(),
-      gridCode: "0101000000",
-      timeType: "year"
-    }) }
-  },
-  setup(__props) {
-    const props = __props;
-    const realtimeData = reactive({
-      cieqVal: "--",
-      firstPollution: "--",
-      factorList: BASE_FACTOR.filter((item) => item.code !== "aqi").map(
-        (item) => {
-          return {
-            ...item,
-            name: item.name,
-            code: item.code,
-            value: "--",
-            color: noDataColor
-          };
-        }
-      )
-    });
-    const fetchData = () => {
-      getCityDetail(props.apiParams).then((res) => {
-        if (res.data) {
-          realtimeData.cieqVal = Number(res.data.cieq).toFixed(2);
-          realtimeData.firstPollution = res.data.mainPollutants;
-          realtimeData.factorList = realtimeData.factorList.map((item) => {
-            const obj = res.data?.commonFactorData.find((c) => c.code === item.code);
-            return {
-              ...item,
-              value: obj ? obj.value : "--",
-              color: obj ? factorToColor(item.code, obj.value, "day") : noDataColor
-            };
-          });
-        }
-      });
-    };
-    onMounted(() => {
-      fetchData();
-    });
-    watch(() => props.apiParams, () => {
-      fetchData();
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(`${clsfix}-container`)
-      }, [
-        createElementVNode("div", {
-          class: normalizeClass(`${clsfix}-top`)
-        }, [
-          createElementVNode("div", {
-            class: normalizeClass(`${clsfix}-top-left`)
-          }, [
-            _hoisted_1,
-            createElementVNode("span", null, toDisplayString(realtimeData.cieqVal), 1)
-          ], 2),
-          createElementVNode("div", {
-            class: normalizeClass(`${clsfix}-top-right`)
-          }, [
-            _hoisted_2,
-            createElementVNode("span", {
-              class: "value",
-              style: normalizeStyle({
-                color: realtimeData.firstPollution === "--" ? noDataColor : void 0
-              })
-            }, toDisplayString(realtimeData.firstPollution), 5)
-          ], 2)
-        ], 2),
-        createElementVNode("ul", {
-          class: normalizeClass(`${clsfix}-bottom`)
-        }, [
-          (openBlock(true), createElementBlock(Fragment, null, renderList(realtimeData.factorList, (item) => {
-            return openBlock(), createElementBlock("li", {
-              key: item.code,
-              class: normalizeClass(`${clsfix}-bottom-item`)
-            }, [
-              createElementVNode("span", {
-                class: "value",
-                style: normalizeStyle({ color: item.color })
-              }, toDisplayString(item.value), 5),
-              createElementVNode("span", {
-                class: "line",
-                style: normalizeStyle({ backgroundColor: item.color })
-              }, null, 4),
-              createElementVNode("span", _hoisted_3, toDisplayString(item.name), 1)
-            ], 2);
-          }), 128))
-        ], 2)
-      ], 2);
-    };
-  }
-});
+const DvAimsAirQualityPresentSituation = install(_sfc_main);
 
-/* unplugin-vue-components disabled */const index_vue_vue_type_style_index_0_lang = '';
-
-const AirQualityPresentSituation = install(_sfc_main);
-
-export { AirQualityPresentSituation as A };
+export { DvAimsAirQualityPresentSituation, _sfc_main as default };

package/dist/es/aims/src/AirQualityPresentSituation/index.vue.mjs

@@ -0,0 +1,109 @@
+import { defineComponent, reactive, onMounted, watch, openBlock, createElementBlock, normalizeClass, createElementVNode, toDisplayString, normalizeStyle, Fragment, renderList } from 'vue';
+import { BASE_FACTOR, factorToColor } from 'fpi-tg-factor-tools';
+import dayjs from 'dayjs';
+import { getCityDetail } from './api/index.mjs';
+
+const _hoisted_1 = /* @__PURE__ */ createElementVNode("span", null, "综合指数", -1);
+const _hoisted_2 = /* @__PURE__ */ createElementVNode("span", { class: "text" }, "主要污染物", -1);
+const _hoisted_3 = { class: "name" };
+const clsfix = "air-quality-realtime";
+const noDataColor = "rgb(255, 255, 255, 0.5)";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  props: {
+    apiParams: { default: () => ({
+      time: dayjs().subtract(1, "h").valueOf(),
+      gridCode: "0101000000",
+      timeType: "year"
+    }) }
+  },
+  setup(__props) {
+    const props = __props;
+    const realtimeData = reactive({
+      cieqVal: "--",
+      firstPollution: "--",
+      factorList: BASE_FACTOR.filter((item) => item.code !== "aqi").map(
+        (item) => {
+          return {
+            ...item,
+            name: item.name,
+            code: item.code,
+            value: "--",
+            color: noDataColor
+          };
+        }
+      )
+    });
+    const fetchData = () => {
+      getCityDetail(props.apiParams).then((res) => {
+        if (res.data) {
+          realtimeData.cieqVal = Number(res.data.cieq).toFixed(2);
+          realtimeData.firstPollution = res.data.mainPollutants;
+          realtimeData.factorList = realtimeData.factorList.map((item) => {
+            const obj = res.data?.commonFactorData.find((c) => c.code === item.code);
+            return {
+              ...item,
+              value: obj ? obj.value : "--",
+              color: obj ? factorToColor(item.code, obj.value, "day") : noDataColor
+            };
+          });
+        }
+      });
+    };
+    onMounted(() => {
+      fetchData();
+    });
+    watch(() => props.apiParams, () => {
+      fetchData();
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(`${clsfix}-container`)
+      }, [
+        createElementVNode("div", {
+          class: normalizeClass(`${clsfix}-top`)
+        }, [
+          createElementVNode("div", {
+            class: normalizeClass(`${clsfix}-top-left`)
+          }, [
+            _hoisted_1,
+            createElementVNode("span", null, toDisplayString(realtimeData.cieqVal), 1)
+          ], 2),
+          createElementVNode("div", {
+            class: normalizeClass(`${clsfix}-top-right`)
+          }, [
+            _hoisted_2,
+            createElementVNode("span", {
+              class: "value",
+              style: normalizeStyle({
+                color: realtimeData.firstPollution === "--" ? noDataColor : void 0
+              })
+            }, toDisplayString(realtimeData.firstPollution), 5)
+          ], 2)
+        ], 2),
+        createElementVNode("ul", {
+          class: normalizeClass(`${clsfix}-bottom`)
+        }, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(realtimeData.factorList, (item) => {
+            return openBlock(), createElementBlock("li", {
+              key: item.code,
+              class: normalizeClass(`${clsfix}-bottom-item`)
+            }, [
+              createElementVNode("span", {
+                class: "value",
+                style: normalizeStyle({ color: item.color })
+              }, toDisplayString(item.value), 5),
+              createElementVNode("span", {
+                class: "line",
+                style: normalizeStyle({ backgroundColor: item.color })
+              }, null, 4),
+              createElementVNode("span", _hoisted_3, toDisplayString(item.name), 1)
+            ], 2);
+          }), 128))
+        ], 2)
+      ], 2);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/dist/es/aims/src/AirQualityPresentSituation/index.vue2.mjs

@@ -0,0 +1,3 @@
+/* unplugin-vue-components disabled */const index_vue_vue_type_style_index_0_lang = '';
+
+export { index_vue_vue_type_style_index_0_lang as default };

package/dist/es/aims/src/AirQualityPresentSituation/index.vue3.mjs

@@ -0,0 +1,6 @@
+import _sfc_main from './index.vue.mjs';
+import './index.vue2.mjs';
+
+
+
+export { _sfc_main as default };

package/dist/es/aims/src/AirQualityRealTime/api/index.mjs

@@ -1,4 +1,4 @@
-import { r as requestControl } from '../../../service/request.mjs';
+import requestControl from '../../../service/request.mjs';
 
 const getAirQuality = (params) => {
   return requestControl({
@@ -8,4 +8,4 @@ const getAirQuality = (params) => {
   });
 };
 
-export { getAirQuality as g };
+export { getAirQuality };

package/dist/es/aims/src/AirQualityRealTime/index.d.ts

@@ -1,5 +1,5 @@
 import _AirQualityRealTime from './index.vue';
-export declare const AirQualityRealTime: {
+export declare const DvAimsAirQualityRealTime: {
     new (...args: any[]): {
         $: import("vue").ComponentInternalInstance;
         $data: {};

package/dist/es/aims/src/AirQualityRealTime/index.mjs

@@ -1,129 +1,7 @@
-import { i as install } from '../AirQualityCalendar/index.mjs';
-import { defineComponent, reactive, onMounted, watch, openBlock, createElementBlock, normalizeClass, createElementVNode, normalizeStyle, toDisplayString, Fragment, renderList } from 'vue';
-import { BASE_FACTOR, factorToLevel, factorToColor, FACTOR_LEVEL_TEXT } from 'fpi-tg-factor-tools';
-import dayjs from 'dayjs';
-import { g as getAirQuality } from './api/index.mjs';
+import { install } from '../../../utils.mjs';
+import _sfc_main from './index.vue.mjs';
+import './index.vue2.mjs';
 
-const _hoisted_1 = { class: "aqiInfo" };
-const _hoisted_2 = /* @__PURE__ */ createElementVNode("span", null, "AQI", -1);
-const _hoisted_3 = /* @__PURE__ */ createElementVNode("span", { class: "text" }, "首要污染物", -1);
-const _hoisted_4 = { class: "name" };
-const clsfix = "air-quality-realtime";
-const noDataColor = "rgb(255, 255, 255, 0.5)";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "index",
-  props: {
-    apiParams: { default: () => ({
-      time: dayjs().subtract(1, "h").valueOf(),
-      gridCode: "0101000000",
-      timeType: "hour"
-    }) }
-  },
-  setup(__props) {
-    const props = __props;
-    const realtimeData = reactive({
-      aqiVal: "--",
-      aqiColor: noDataColor,
-      aqiPollutionZh: "--",
-      firstPollution: "--",
-      factorList: BASE_FACTOR.filter((item) => item.code !== "aqi").map(
-        (item) => {
-          return {
-            name: item.name,
-            code: item.code,
-            key: item.key,
-            value: "--",
-            color: noDataColor
-          };
-        }
-      )
-    });
-    const fetchData = () => {
-      getAirQuality(props.apiParams).then((res) => {
-        if (res.data) {
-          const data = res.data;
-          const level = factorToLevel("aqi", data.aqi, "hour");
-          realtimeData.aqiVal = data.aqi;
-          realtimeData.aqiColor = factorToColor("aqi", data.aqi, "hour");
-          realtimeData.aqiPollutionZh = level >= 0 ? FACTOR_LEVEL_TEXT[level].label : "--";
-          if (realtimeData.aqiPollutionZh !== "--" && realtimeData.aqiPollutionZh.length >= 2)
-            realtimeData.aqiPollutionZh = `${realtimeData.aqiPollutionZh}污染`;
-          realtimeData.firstPollution = data.mainPollutants;
-          realtimeData.factorList = realtimeData.factorList.map((item) => {
-            const obj = data.commonFactors.find((c) => c.key === item.key);
-            return {
-              ...item,
-              value: obj?.value ? obj.value : "--",
-              color: obj?.value ? factorToColor(item.code, obj?.value, "hour") : noDataColor
-            };
-          });
-        }
-      });
-    };
-    onMounted(() => {
-      fetchData();
-    });
-    watch(() => props.apiParams, () => {
-      fetchData();
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(`${clsfix}-container`)
-      }, [
-        createElementVNode("div", {
-          class: normalizeClass(`${clsfix}-top`)
-        }, [
-          createElementVNode("div", {
-            class: normalizeClass(`${clsfix}-top-left`)
-          }, [
-            createElementVNode("div", {
-              class: "aqiValue",
-              style: normalizeStyle({ color: realtimeData.aqiColor })
-            }, toDisplayString(realtimeData.aqiVal), 5),
-            createElementVNode("div", _hoisted_1, [
-              _hoisted_2,
-              createElementVNode("span", {
-                style: normalizeStyle({ color: realtimeData.aqiColor })
-              }, toDisplayString(realtimeData.aqiPollutionZh), 5)
-            ])
-          ], 2),
-          createElementVNode("div", {
-            class: normalizeClass(`${clsfix}-top-right`)
-          }, [
-            _hoisted_3,
-            createElementVNode("span", {
-              class: "value",
-              style: normalizeStyle({ color: realtimeData.firstPollution === "--" ? noDataColor : void 0 })
-            }, toDisplayString(realtimeData.firstPollution), 5)
-          ], 2)
-        ], 2),
-        createElementVNode("ul", {
-          class: normalizeClass(`${clsfix}-bottom`)
-        }, [
-          (openBlock(true), createElementBlock(Fragment, null, renderList(realtimeData.factorList, (item) => {
-            return openBlock(), createElementBlock("li", {
-              key: item.code,
-              class: normalizeClass(`${clsfix}-bottom-item`)
-            }, [
-              createElementVNode("span", {
-                class: "value",
-                style: normalizeStyle({ color: item.color })
-              }, toDisplayString(item.value), 5),
-              createElementVNode("span", {
-                class: "line",
-                style: normalizeStyle({ backgroundColor: item.color })
-              }, null, 4),
-              createElementVNode("span", _hoisted_4, toDisplayString(item.name), 1)
-            ], 2);
-          }), 128))
-        ], 2)
-      ], 2);
-    };
-  }
-});
+const DvAimsAirQualityRealTime = install(_sfc_main);
 
-/* unplugin-vue-components disabled */const index_vue_vue_type_style_index_0_lang = '';
-
-const AirQualityRealTime = install(_sfc_main);
-
-export { AirQualityRealTime as A };
+export { DvAimsAirQualityRealTime, _sfc_main as default };

package/dist/es/aims/src/AirQualityRealTime/index.vue.mjs

@@ -0,0 +1,124 @@
+import { defineComponent, reactive, onMounted, watch, openBlock, createElementBlock, normalizeClass, createElementVNode, normalizeStyle, toDisplayString, Fragment, renderList } from 'vue';
+import { BASE_FACTOR, factorToLevel, factorToColor, FACTOR_LEVEL_TEXT } from 'fpi-tg-factor-tools';
+import dayjs from 'dayjs';
+import { getAirQuality } from './api/index.mjs';
+
+const _hoisted_1 = { class: "aqiInfo" };
+const _hoisted_2 = /* @__PURE__ */ createElementVNode("span", null, "AQI", -1);
+const _hoisted_3 = /* @__PURE__ */ createElementVNode("span", { class: "text" }, "首要污染物", -1);
+const _hoisted_4 = { class: "name" };
+const clsfix = "air-quality-realtime";
+const noDataColor = "rgb(255, 255, 255, 0.5)";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  props: {
+    apiParams: { default: () => ({
+      time: dayjs().subtract(1, "h").valueOf(),
+      gridCode: "0101000000",
+      timeType: "hour"
+    }) }
+  },
+  setup(__props) {
+    const props = __props;
+    const realtimeData = reactive({
+      aqiVal: "--",
+      aqiColor: noDataColor,
+      aqiPollutionZh: "--",
+      firstPollution: "--",
+      factorList: BASE_FACTOR.filter((item) => item.code !== "aqi").map(
+        (item) => {
+          return {
+            name: item.name,
+            code: item.code,
+            key: item.key,
+            value: "--",
+            color: noDataColor
+          };
+        }
+      )
+    });
+    const fetchData = () => {
+      getAirQuality(props.apiParams).then((res) => {
+        if (res.data) {
+          const data = res.data;
+          const level = factorToLevel("aqi", data.aqi, "hour");
+          realtimeData.aqiVal = data.aqi;
+          realtimeData.aqiColor = factorToColor("aqi", data.aqi, "hour");
+          realtimeData.aqiPollutionZh = level >= 0 ? FACTOR_LEVEL_TEXT[level].label : "--";
+          if (realtimeData.aqiPollutionZh !== "--" && realtimeData.aqiPollutionZh.length >= 2)
+            realtimeData.aqiPollutionZh = `${realtimeData.aqiPollutionZh}污染`;
+          realtimeData.firstPollution = data.mainPollutants;
+          realtimeData.factorList = realtimeData.factorList.map((item) => {
+            const obj = data.commonFactors.find((c) => c.key === item.key);
+            return {
+              ...item,
+              value: obj?.value ? obj.value : "--",
+              color: obj?.value ? factorToColor(item.code, obj?.value, "hour") : noDataColor
+            };
+          });
+        }
+      });
+    };
+    onMounted(() => {
+      fetchData();
+    });
+    watch(() => props.apiParams, () => {
+      fetchData();
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(`${clsfix}-container`)
+      }, [
+        createElementVNode("div", {
+          class: normalizeClass(`${clsfix}-top`)
+        }, [
+          createElementVNode("div", {
+            class: normalizeClass(`${clsfix}-top-left`)
+          }, [
+            createElementVNode("div", {
+              class: "aqiValue",
+              style: normalizeStyle({ color: realtimeData.aqiColor })
+            }, toDisplayString(realtimeData.aqiVal), 5),
+            createElementVNode("div", _hoisted_1, [
+              _hoisted_2,
+              createElementVNode("span", {
+                style: normalizeStyle({ color: realtimeData.aqiColor })
+              }, toDisplayString(realtimeData.aqiPollutionZh), 5)
+            ])
+          ], 2),
+          createElementVNode("div", {
+            class: normalizeClass(`${clsfix}-top-right`)
+          }, [
+            _hoisted_3,
+            createElementVNode("span", {
+              class: "value",
+              style: normalizeStyle({ color: realtimeData.firstPollution === "--" ? noDataColor : void 0 })
+            }, toDisplayString(realtimeData.firstPollution), 5)
+          ], 2)
+        ], 2),
+        createElementVNode("ul", {
+          class: normalizeClass(`${clsfix}-bottom`)
+        }, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(realtimeData.factorList, (item) => {
+            return openBlock(), createElementBlock("li", {
+              key: item.code,
+              class: normalizeClass(`${clsfix}-bottom-item`)
+            }, [
+              createElementVNode("span", {
+                class: "value",
+                style: normalizeStyle({ color: item.color })
+              }, toDisplayString(item.value), 5),
+              createElementVNode("span", {
+                class: "line",
+                style: normalizeStyle({ backgroundColor: item.color })
+              }, null, 4),
+              createElementVNode("span", _hoisted_4, toDisplayString(item.name), 1)
+            ], 2);
+          }), 128))
+        ], 2)
+      ], 2);
+    };
+  }
+});
+
+export { _sfc_main as default };