@ued_fpi/data-visual 1.1.3 → 1.1.5

package/dist/lib/aims/src/FactorRealTimeRankChart/index.vue3.js

@@ -2,6 +2,9 @@
 
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
 
-/* unplugin-vue-components disabled */const index_vue_vue_type_style_index_0_scoped_ac33ff36_lang = '';
+const index_vue_vue_type_script_setup_true_lang = require('./index.vue.js');
+require('./index.vue2.js');
 
-exports.default = index_vue_vue_type_style_index_0_scoped_ac33ff36_lang;
+
+
+exports.default = index_vue_vue_type_script_setup_true_lang.default;

package/dist/lib/aims/src/FactorRealTimeRankList/index.js

@@ -3,9 +3,10 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
 
 const utils = require('../../../utils.js');
-const index = require('./index.vue.js');
+const index_vue_vue_type_script_setup_true_lang = require('./index.vue.js');
+require('./index.vue2.js');
 
-const DvAimsFactorRealTimeRankList = utils.install(index.default);
+const DvAimsFactorRealTimeRankList = utils.install(index_vue_vue_type_script_setup_true_lang.default);
 
-exports.default = index.default;
+exports.default = index_vue_vue_type_script_setup_true_lang.default;
 exports.DvAimsFactorRealTimeRankList = DvAimsFactorRealTimeRankList;

package/dist/lib/aims/src/FactorRealTimeRankList/index.vue.js

@@ -2,10 +2,149 @@
 
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
 
-const index_vue_vue_type_script_setup_true_lang = require('./index.vue2.js');
-require('./index.vue3.js');
-const _pluginVue_exportHelper = require('../../../_virtual/_plugin-vue_export-helper.js');
+const vue = require('vue');
+const elementPlusExpand = require('@ued_fpi/element-plus-expand');
+const fpiTgFactorTools = require('fpi-tg-factor-tools');
+const dayjs = require('dayjs');
+const index = require('./api/index.js');
 
-const _FactorRealTimeRankList = /* @__PURE__ */ _pluginVue_exportHelper.default(index_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-0af05dfd"]]);
+const _hoisted_1 = /* @__PURE__ */ vue.createElementVNode("li", null, null, -1);
+const _hoisted_2 = { class: "rank" };
+const _hoisted_3 = { class: "progress-box" };
+const _hoisted_4 = { class: "name" };
+const _hoisted_5 = { class: "bar" };
+const clsfix = "factor-realtime-rank-list";
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "index",
+  props: {
+    isUseBuiltInApi: { type: Boolean, default: true },
+    apiParams: { default: () => ({
+      time: dayjs().subtract(1, "h").valueOf(),
+      gridCode: "0101000000",
+      timeType: "hour",
+      siteTypeCodes: "A91230101,A91230102,A91230103",
+      type: "site",
+      isAsc: false
+    }) },
+    factorCode: { default: "aqi" },
+    columnNames: { default: () => ["站点", "AQI"] },
+    list: { default: void 0 }
+  },
+  setup(__props) {
+    const props = __props;
+    const showList = vue.shallowRef([]);
+    const isLoaded = vue.ref(false);
+    const findMaxValue = (list) => {
+      let maxValue = 0;
+      list.forEach((item) => {
+        if (item.value > maxValue)
+          maxValue = item.value;
+      });
+      maxValue = maxValue / 0.8;
+      return maxValue;
+    };
+    const fetchData = () => {
+      index.getSiteRank({ ...props.apiParams, factorCode: props.factorCode }).then((res) => {
+        if (res.data && res.data.entries) {
+          const key = fpiTgFactorTools.BASE_FACTOR.find((c) => c.code === props.factorCode)?.name;
+          const list = res.data.entries.map((item) => {
+            let value = item[key];
+            value = Number(value) > 0 ? Number(value) : "--";
+            return {
+              rank: item.rank,
+              name: item.name,
+              value
+            };
+          });
+          const maxValue = findMaxValue(list);
+          showList.value = list.map((item) => {
+            return {
+              ...item,
+              progress: item.value / maxValue * 100,
+              color: fpiTgFactorTools.factorToColor(props.factorCode, item.value, "hour"),
+              showBar: Number(item.value) > 0
+            };
+          });
+          isLoaded.value = true;
+        }
+      });
+    };
+    vue.onMounted(() => {
+      if (props.isUseBuiltInApi)
+        fetchData();
+    });
+    vue.watch([() => props.apiParams, () => props.factorCode], () => {
+      if (props.isUseBuiltInApi)
+        fetchData();
+    });
+    vue.watch([() => props.list, () => props.factorCode], () => {
+      if (!props.isUseBuiltInApi && props.list) {
+        const maxValue = findMaxValue(props.list);
+        showList.value = props.list.map((item) => {
+          return {
+            ...item,
+            progress: item.value / maxValue * 100,
+            color: fpiTgFactorTools.factorToColor(props.factorCode, item.value, "hour"),
+            showBar: Number(item.value) > 0
+          };
+        });
+        isLoaded.value = true;
+      }
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", {
+        class: vue.normalizeClass(`${clsfix}-container`)
+      }, [
+        vue.createElementVNode("ul", {
+          class: vue.normalizeClass(`${clsfix}-header`)
+        }, [
+          _hoisted_1,
+          vue.createElementVNode("li", null, [
+            vue.createElementVNode("span", null, vue.toDisplayString(_ctx.columnNames[0]), 1)
+          ]),
+          vue.createElementVNode("li", null, vue.toDisplayString(_ctx.columnNames[1]), 1)
+        ], 2),
+        isLoaded.value ? (vue.openBlock(), vue.createBlock(vue.unref(elementPlusExpand.FpiElRolling), {
+          key: 0,
+          style: { "height": "calc(100% - 26px)" },
+          direction: "y",
+          "scroll-able": "",
+          time: 10
+        }, {
+          default: vue.withCtx(() => [
+            vue.createElementVNode("ul", {
+              class: vue.normalizeClass(`${clsfix}-list-wrap`)
+            }, [
+              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(showList.value, (item) => {
+                return vue.openBlock(), vue.createElementBlock("li", {
+                  key: item.name,
+                  class: vue.normalizeClass(`${clsfix}-list-item`)
+                }, [
+                  vue.createElementVNode("span", _hoisted_2, vue.toDisplayString(item.rank), 1),
+                  vue.createElementVNode("div", _hoisted_3, [
+                    vue.createElementVNode("span", _hoisted_4, vue.toDisplayString(item.name), 1),
+                    vue.createElementVNode("span", _hoisted_5, [
+                      vue.withDirectives(vue.createElementVNode("span", {
+                        class: "progress-bar",
+                        style: vue.normalizeStyle({ width: `${item.progress}%`, backgroundColor: item.color })
+                      }, null, 4), [
+                        [vue.vShow, item.showBar]
+                      ])
+                    ])
+                  ]),
+                  vue.createElementVNode("span", {
+                    class: "value",
+                    style: vue.normalizeStyle({ color: item.color })
+                  }, vue.toDisplayString(item.value), 5)
+                ], 2);
+              }), 128))
+            ], 2)
+          ]),
+          _: 1
+        })) : vue.createCommentVNode("", true)
+      ], 2);
+    };
+  }
+});
 
-exports.default = _FactorRealTimeRankList;
+exports.default = _sfc_main;

package/dist/lib/aims/src/FactorRealTimeRankList/index.vue2.js

@@ -2,150 +2,6 @@
 
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
 
-const vue = require('vue');
-const elementPlusExpand = require('@ued_fpi/element-plus-expand');
-const fpiTgFactorTools = require('fpi-tg-factor-tools');
-const dayjs = require('dayjs');
-const index = require('./api/index.js');
+/* unplugin-vue-components disabled */const index_vue_vue_type_style_index_0_lang = '';
 
-const _withScopeId = (n) => (vue.pushScopeId("data-v-0af05dfd"), n = n(), vue.popScopeId(), n);
-const _hoisted_1 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode("li", null, null, -1));
-const _hoisted_2 = { class: "rank" };
-const _hoisted_3 = { class: "progress-box" };
-const _hoisted_4 = { class: "name" };
-const _hoisted_5 = { class: "bar" };
-const clsfix = "factor-realtime-rank-list";
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  __name: "index",
-  props: {
-    isUseBuiltInApi: { type: Boolean, default: true },
-    apiParams: { default: () => ({
-      time: dayjs().subtract(1, "h").valueOf(),
-      gridCode: "0101000000",
-      timeType: "hour",
-      siteTypeCodes: "A91230101,A91230102,A91230103",
-      type: "site",
-      isAsc: false
-    }) },
-    factorCode: { default: "aqi" },
-    columnNames: { default: () => ["站点", "AQI"] },
-    list: { default: void 0 }
-  },
-  setup(__props) {
-    const props = __props;
-    const showList = vue.shallowRef([]);
-    const isLoaded = vue.ref(false);
-    const findMaxValue = (list) => {
-      let maxValue = 0;
-      list.forEach((item) => {
-        if (item.value > maxValue)
-          maxValue = item.value;
-      });
-      maxValue = maxValue / 0.8;
-      return maxValue;
-    };
-    const fetchData = () => {
-      index.getSiteRank({ ...props.apiParams, factorCode: props.factorCode }).then((res) => {
-        if (res.data && res.data.entries) {
-          const key = fpiTgFactorTools.BASE_FACTOR.find((c) => c.code === props.factorCode)?.name;
-          const list = res.data.entries.map((item) => {
-            let value = item[key];
-            value = Number(value) > 0 ? Number(value) : "--";
-            return {
-              rank: item.rank,
-              name: item.name,
-              value
-            };
-          });
-          const maxValue = findMaxValue(list);
-          showList.value = list.map((item) => {
-            return {
-              ...item,
-              progress: item.value / maxValue * 100,
-              color: fpiTgFactorTools.factorToColor(props.factorCode, item.value, "hour"),
-              showBar: Number(item.value) > 0
-            };
-          });
-          isLoaded.value = true;
-        }
-      });
-    };
-    vue.onMounted(() => {
-      if (props.isUseBuiltInApi)
-        fetchData();
-    });
-    vue.watch([() => props.apiParams, () => props.factorCode], () => {
-      if (props.isUseBuiltInApi)
-        fetchData();
-    });
-    vue.watch([() => props.list, () => props.factorCode], () => {
-      if (!props.isUseBuiltInApi && props.list) {
-        const maxValue = findMaxValue(props.list);
-        showList.value = props.list.map((item) => {
-          return {
-            ...item,
-            progress: item.value / maxValue * 100,
-            color: fpiTgFactorTools.factorToColor(props.factorCode, item.value, "hour"),
-            showBar: Number(item.value) > 0
-          };
-        });
-        isLoaded.value = true;
-      }
-    });
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", {
-        class: vue.normalizeClass(`${clsfix}-container`)
-      }, [
-        vue.createElementVNode("ul", {
-          class: vue.normalizeClass(`${clsfix}-header`)
-        }, [
-          _hoisted_1,
-          vue.createElementVNode("li", null, [
-            vue.createElementVNode("span", null, vue.toDisplayString(_ctx.columnNames[0]), 1)
-          ]),
-          vue.createElementVNode("li", null, vue.toDisplayString(_ctx.columnNames[1]), 1)
-        ], 2),
-        isLoaded.value ? (vue.openBlock(), vue.createBlock(vue.unref(elementPlusExpand.FpiElRolling), {
-          key: 0,
-          style: { "height": "calc(100% - 26px)" },
-          direction: "y",
-          "scroll-able": "",
-          time: 10
-        }, {
-          default: vue.withCtx(() => [
-            vue.createElementVNode("ul", {
-              class: vue.normalizeClass(`${clsfix}-list-wrap`)
-            }, [
-              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(showList.value, (item) => {
-                return vue.openBlock(), vue.createElementBlock("li", {
-                  key: item.name,
-                  class: vue.normalizeClass(`${clsfix}-list-item`)
-                }, [
-                  vue.createElementVNode("span", _hoisted_2, vue.toDisplayString(item.rank), 1),
-                  vue.createElementVNode("div", _hoisted_3, [
-                    vue.createElementVNode("span", _hoisted_4, vue.toDisplayString(item.name), 1),
-                    vue.createElementVNode("span", _hoisted_5, [
-                      vue.withDirectives(vue.createElementVNode("span", {
-                        class: "progress-bar",
-                        style: vue.normalizeStyle({ width: `${item.progress}%`, backgroundColor: item.color })
-                      }, null, 4), [
-                        [vue.vShow, item.showBar]
-                      ])
-                    ])
-                  ]),
-                  vue.createElementVNode("span", {
-                    class: "value",
-                    style: vue.normalizeStyle({ color: item.color })
-                  }, vue.toDisplayString(item.value), 5)
-                ], 2);
-              }), 128))
-            ], 2)
-          ]),
-          _: 1
-        })) : vue.createCommentVNode("", true)
-      ], 2);
-    };
-  }
-});
-
-exports.default = _sfc_main;
+exports.default = index_vue_vue_type_style_index_0_lang;

package/dist/lib/aims/src/FactorRealTimeRankList/index.vue3.js

@@ -2,6 +2,9 @@
 
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
 
-/* unplugin-vue-components disabled */const index_vue_vue_type_style_index_0_scoped_0af05dfd_lang = '';
+const index_vue_vue_type_script_setup_true_lang = require('./index.vue.js');
+require('./index.vue2.js');
 
-exports.default = index_vue_vue_type_style_index_0_scoped_0af05dfd_lang;
+
+
+exports.default = index_vue_vue_type_script_setup_true_lang.default;

package/dist/lib/aims/src/MainPollutionMonthRatio/index.js

@@ -3,9 +3,10 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
 
 const utils = require('../../../utils.js');
-const index = require('./index.vue.js');
+const index_vue_vue_type_script_setup_true_lang = require('./index.vue.js');
+require('./index.vue2.js');
 
-const DvAimsMainPollutionMonthRatio = utils.install(index.default);
+const DvAimsMainPollutionMonthRatio = utils.install(index_vue_vue_type_script_setup_true_lang.default);
 
-exports.default = index.default;
+exports.default = index_vue_vue_type_script_setup_true_lang.default;
 exports.DvAimsMainPollutionMonthRatio = DvAimsMainPollutionMonthRatio;

package/dist/lib/aims/src/MainPollutionMonthRatio/index.vue.js

@@ -2,10 +2,180 @@
 
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
 
-const index_vue_vue_type_script_setup_true_lang = require('./index.vue2.js');
-require('./index.vue3.js');
-const _pluginVue_exportHelper = require('../../../_virtual/_plugin-vue_export-helper.js');
+const vue = require('vue');
+const fpiTgFactorTools = require('fpi-tg-factor-tools');
+const dayjs = require('dayjs');
+require('../common/BasicEcharts/index.js');
+const index = require('./api/index.js');
+const index_vue_vue_type_script_setup_true_lang = require('../common/BasicEcharts/index.vue.js');
+require('../common/BasicEcharts/index.vue2.js');
 
-const _MainPollutionMonthRatio = /* @__PURE__ */ _pluginVue_exportHelper.default(index_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-8694d945"]]);
+const clsfix = "main-pollution-year-ratio";
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "index",
+  props: {
+    apiParams: { default: () => ({
+      time: dayjs().subtract(1, "h").valueOf(),
+      code: "0101000000",
+      codeType: "grid"
+    }) }
+  },
+  setup(__props) {
+    const props = __props;
+    const chartsFullOptions = vue.ref({ options: null });
+    const generateOption = (xData, series) => {
+      return {
+        options: {
+          grid: {
+            left: 10,
+            bottom: 30,
+            right: 10,
+            top: 30,
+            containLabel: true
+          },
+          tooltip: {
+            trigger: "axis",
+            padding: 8,
+            background: "rgba(1, 11, 18, 0.6)",
+            formatter: (params) => {
+              const title = params[0] ? params[0].name : "";
+              const totalArr = params.filter((item) => Number(item.value) > 0).map((item) => item.value);
+              const total = totalArr.reduce((a, b) => a + b, 0);
+              const strArr = params.map((item) => {
+                const rate = Number(item.value) > 0 ? (item.value / total * 100).toFixed(1) : "0.0";
+                return `<div>
+                            ${item.marker}
+                            <span style="display: inline-block;width: 40px;">${item.seriesName}</span>
+                            <span style="display: inline-block;text-align: right;width: 40px;">${typeof item.value === "number" ? `${item.value}天` : "--天"}</span>
+                            <span style="display: inline-block;text-align: right;width: 50px;">${rate}%</span>
+                        </div>`;
+              });
+              const str = strArr.join("");
+              return `<div>
+                        <div>${title}</div>
+                        <div><span style="display: inline-block;width: 80px;">统计总天数</span><span>${total}</span></div>
+                        ${str}
+                    </div>`;
+            }
+          },
+          xAxis: {
+            type: "category",
+            axisTick: {
+              show: false
+            },
+            axisLine: {
+              show: false
+            },
+            axisLabel: {
+              color: "#FFF",
+              fontSize: 12,
+              interval: 0,
+              formatter: (value) => value.substr(5)
+            },
+            data: xData
+          },
+          yAxis: {
+            type: "value",
+            name: "天",
+            nameTextStyle: {
+              color: "rgba(255, 255, 255, 0.5)",
+              padding: [0, 30, 0, 0]
+            },
+            splitNumber: 3,
+            axisTick: {
+              show: false
+            },
+            axisLine: {
+              show: false
+            },
+            axisLabel: {
+              show: true,
+              color: "rgba(255, 255, 255, 0.5)"
+            },
+            splitLine: {
+              show: true,
+              lineStyle: {
+                color: ["rgba(255, 255, 255, 0.3)"]
+              }
+            }
+          },
+          legend: {
+            show: true,
+            bottom: 0,
+            itemGap: 4,
+            textStyle: {
+              color: "#FFF",
+              fontSize: 12
+            },
+            itemWidth: 10,
+            itemHeight: 10,
+            itemStyle: {
+              borderWidth: 0
+            }
+          },
+          series
+        }
+      };
+    };
+    const fetchData = () => {
+      const colors = [
+        "#0062FF",
+        "#0AAEFF",
+        "#2AC94F",
+        "#FF792E",
+        "#F84439",
+        "#FFB443",
+        "rgb(154, 154, 154)"
+      ];
+      index.getAirQualityStatis(props.apiParams).then((res) => {
+        if (res.data && res.data.primaryPollutant.primaryMonthSum) {
+          const data = res.data.primaryPollutant.primaryMonthSum;
+          const xData = data.times;
+          const rawList = fpiTgFactorTools.BASE_FACTOR.filter((item) => item.code !== "aqi");
+          rawList.push({
+            name: "无首污",
+            key: "noMainPollutant",
+            code: "noMainPollutant",
+            unit: "",
+            key3: ""
+          });
+          const series = rawList.map((item, index) => {
+            const values = data[item.key];
+            return {
+              name: item.name,
+              type: "bar",
+              stack: "x",
+              data: values,
+              color: colors[index],
+              barWidth: 15
+            };
+          });
+          chartsFullOptions.value = generateOption(xData, series);
+        }
+      });
+    };
+    vue.onMounted(() => {
+      fetchData();
+    });
+    vue.watch(() => props.apiParams, () => {
+      fetchData();
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", {
+        class: vue.normalizeClass(`${clsfix}-container`)
+      }, [
+        vue.createElementVNode("div", {
+          class: vue.normalizeClass(`${clsfix}-echarts`)
+        }, [
+          vue.createVNode(vue.unref(index_vue_vue_type_script_setup_true_lang.default), {
+            height: "100%",
+            "full-options": chartsFullOptions.value,
+            loading: false
+          }, null, 8, ["full-options"])
+        ], 2)
+      ], 2);
+    };
+  }
+});
 
-exports.default = _MainPollutionMonthRatio;
+exports.default = _sfc_main;