@ued_fpi/data-visual 1.1.3 → 1.1.5

package/dist/lib/wgms/src/KeyRiverWaterQualityEvaluation/index.vue2.js

@@ -2,72 +2,6 @@
 
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
 
-const _1 = require('./images/1.svg.js');
-const _2 = require('./images/2.svg.js');
-const _3 = require('./images/3.svg.js');
-const _4 = require('./images/4.svg.js');
-const _5 = require('./images/5.svg.js');
-const _6 = require('./images/6.svg.js');
-const down = require('./images/down.svg.js');
-const right = require('./images/right.svg.js');
-const up = require('./images/up.svg.js');
-const vue = require('vue');
+/* unplugin-vue-components disabled */const index_vue_vue_type_style_index_0_lang = '';
 
-const _withScopeId = (n) => (vue.pushScopeId("data-v-82672bbb"), n = n(), vue.popScopeId(), n);
-const _hoisted_1 = { class: "key-river flex-around-center" };
-const _hoisted_2 = { class: "key-river-one-name" };
-const _hoisted_3 = { class: "key-river-one-content" };
-const _hoisted_4 = ["src"];
-const _hoisted_5 = { class: "key-river-one-compare flex-left-center" };
-const _hoisted_6 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode("span", null, "同比", -1));
-const _hoisted_7 = ["src"];
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  __name: "index",
-  setup(__props) {
-    const imgList = /* #__PURE__ */ Object.assign({"./images/1.svg": _1,"./images/2.svg": _2,"./images/3.svg": _3,"./images/4.svg": _4,"./images/5.svg": _5,"./images/6.svg": _6,"./images/down.svg": down,"./images/right.svg": right,"./images/up.svg": up});
-    const data = vue.reactive({
-      list: [
-        { name: "甬江", level: "优", compare: 1, grade: 1, color: "#5AB1EF" },
-        { name: "余姚江", level: "良好", compare: -1, grade: 3, color: "#42CC70" },
-        { name: "奉化江", level: "轻度", compare: 0, grade: 4, color: "#E8DD3E" }
-      ]
-    });
-    const getImg = (url) => {
-      return imgList[`./images/${url}`]?.default;
-    };
-    const {
-      list
-    } = vue.toRefs(data);
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(list), (item, index) => {
-          return vue.openBlock(), vue.createElementBlock("div", {
-            key: index,
-            class: "key-river-one flex-center-center"
-          }, [
-            vue.createElementVNode("div", _hoisted_2, vue.toDisplayString(item.name), 1),
-            vue.createElementVNode("div", _hoisted_3, [
-              vue.createElementVNode("div", {
-                class: "key-river-one-content-text",
-                style: vue.normalizeStyle({ color: item.color })
-              }, vue.toDisplayString(item.level), 5),
-              vue.createElementVNode("img", {
-                src: getImg(`${item.grade}.svg`),
-                alt: ""
-              }, null, 8, _hoisted_4)
-            ]),
-            vue.createElementVNode("div", _hoisted_5, [
-              _hoisted_6,
-              vue.createElementVNode("img", {
-                src: getImg(`${item.compare === 1 ? "up" : item.compare === -1 ? "down" : "right"}.svg`),
-                alt: ""
-              }, null, 8, _hoisted_7)
-            ])
-          ]);
-        }), 128))
-      ]);
-    };
-  }
-});
-
-exports.default = _sfc_main;
+exports.default = index_vue_vue_type_style_index_0_lang;

package/dist/lib/wgms/src/KeyRiverWaterQualityEvaluation/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_82672bbb_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_82672bbb_lang;
+
+
+exports.default = index_vue_vue_type_script_setup_true_lang.default;

package/dist/lib/wgms/src/LakeRiverIndex/index.js

@@ -3,9 +3,10 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
 
 const tools = require('../../utils/tools.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 DvWgmsLakeRiverIndex = tools.install(index.default);
+const DvWgmsLakeRiverIndex = tools.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.DvWgmsLakeRiverIndex = DvWgmsLakeRiverIndex;

package/dist/lib/wgms/src/LakeRiverIndex/index.vue.js

@@ -2,10 +2,164 @@
 
 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 dayjs = require('dayjs');
+const keyRiverQuality = require('./mock/keyRiverQuality.json.js');
+const waterKeyQuality = require('./mock/waterKeyQuality.json.js');
+const eutrophication = require('./mock/eutrophication.json.js');
 
-const _LakeRiverIndex = /* @__PURE__ */ _pluginVue_exportHelper.default(index_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-7343d93c"]]);
+const _hoisted_1 = { class: "dv-wgms-lake-river-index" };
+const _hoisted_2 = { class: "dv-wgms-lake-river-item" };
+const _hoisted_3 = /* @__PURE__ */ vue.createElementVNode("div", { class: "text-14 mgb8" }, " 重要流域水质 ", -1);
+const _hoisted_4 = { class: "dv-wgms-river-detail flex-bw-c" };
+const _hoisted_5 = { class: "top-river-name text-14 mgb12" };
+const _hoisted_6 = { class: "flex-c-c" };
+const _hoisted_7 = /* @__PURE__ */ vue.createElementVNode("div", { class: "text-14 white-60 mgr4" }, " 同比 ", -1);
+const _hoisted_8 = { class: "dv-wgms-lake-river-item" };
+const _hoisted_9 = /* @__PURE__ */ vue.createElementVNode("div", { class: "text-14 mgb8" }, " 重要水体水质 ", -1);
+const _hoisted_10 = { class: "dv-wgms-river-detail flex-bw-c" };
+const _hoisted_11 = { class: "top-river-name text-14 mgb12" };
+const _hoisted_12 = { class: "flex-c-c" };
+const _hoisted_13 = /* @__PURE__ */ vue.createElementVNode("div", { class: "text-14 white-60 mgr4" }, " 同比 ", -1);
+const _hoisted_14 = { class: "dv-wgms-lake-river-item" };
+const _hoisted_15 = /* @__PURE__ */ vue.createElementVNode("div", { class: "text-14 mgb8" }, " 重要湖库营养化指数 ", -1);
+const _hoisted_16 = { class: "dv-wgms-river-detail flex-bw-c" };
+const _hoisted_17 = { class: "top-river-name text-14 mgb12" };
+const _hoisted_18 = { class: "flex-c-c" };
+const _hoisted_19 = { class: "text-14 white-60 mgr4" };
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{
+    name: "DvWgmsLakeRiverIndex"
+  },
+  __name: "index",
+  props: {
+    riverId: {
+      type: String,
+      default: "70707052,70707077,70707051"
+    },
+    lakeId: {
+      type: String,
+      default: "70707030,70707050,70707043"
+    },
+    watershedIds: {
+      type: String,
+      default: "70707030,70707050,70707088"
+    },
+    beginTime: {
+      type: Number,
+      default: dayjs().startOf("year").valueOf()
+    },
+    endTime: {
+      type: Number,
+      default: dayjs().subtract(-1, "y").startOf("year").valueOf()
+    },
+    factorGroupId: {
+      type: [Number, String],
+      default: 27
+    },
+    isLazy: {
+      type: Boolean,
+      default: false
+    },
+    data: {
+      type: Array,
+      default: () => []
+    }
+  },
+  setup(__props, { expose: __expose }) {
+    const props = __props;
+    const getKeyRiverQualityJson = async () => {
+      await vue.nextTick();
+      return keyRiverQuality.default;
+    };
+    const getWaterKeyQualityJson = async () => {
+      await vue.nextTick();
+      return waterKeyQuality.default;
+    };
+    const getEutrophicationJson = async () => {
+      await vue.nextTick();
+      return eutrophication.default;
+    };
+    const keyRiverQuality$1 = vue.ref([]);
+    const waterKeyQuality$1 = vue.ref([]);
+    const eutrophication$1 = vue.ref([]);
+    vue.onMounted(() => {
+      !props.isLazy && getRankData();
+    });
+    const reload = () => {
+      getRankData();
+    };
+    const getRankData = async () => {
+      const allData = await Promise.all([getKeyRiverQualityJson(), getWaterKeyQualityJson(), getEutrophicationJson()]);
+      keyRiverQuality$1.value = Object.values(allData[0].data || {});
+      waterKeyQuality$1.value = Object.values(allData[1].data || {});
+      eutrophication$1.value = Object.values(allData[2] || {});
+    };
+    __expose({
+      reload
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        vue.createElementVNode("div", _hoisted_2, [
+          _hoisted_3,
+          vue.createElementVNode("div", _hoisted_4, [
+            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(keyRiverQuality$1.value, (item, index) => {
+              return vue.openBlock(), vue.createElementBlock("div", { key: index }, [
+                vue.createElementVNode("div", _hoisted_5, vue.toDisplayString(item.name), 1),
+                vue.createElementVNode("div", _hoisted_6, [
+                  vue.createElementVNode("div", {
+                    class: "dv-wgms-lake-level-box",
+                    style: vue.normalizeStyle({ background: item.color })
+                  }, vue.toDisplayString(item.grade), 5),
+                  _hoisted_7,
+                  vue.createElementVNode("div", {
+                    class: vue.normalizeClass(item.class)
+                  }, null, 2)
+                ])
+              ]);
+            }), 128))
+          ])
+        ]),
+        vue.createElementVNode("div", _hoisted_8, [
+          _hoisted_9,
+          vue.createElementVNode("div", _hoisted_10, [
+            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(waterKeyQuality$1.value, (item, index) => {
+              return vue.openBlock(), vue.createElementBlock("div", { key: index }, [
+                vue.createElementVNode("div", _hoisted_11, vue.toDisplayString(item.name), 1),
+                vue.createElementVNode("div", _hoisted_12, [
+                  vue.createElementVNode("div", {
+                    class: "dv-wgms-lake-level-box",
+                    style: vue.normalizeStyle({ background: item.color })
+                  }, vue.toDisplayString(item.grade), 5),
+                  _hoisted_13,
+                  vue.createElementVNode("div", {
+                    class: vue.normalizeClass(item.class)
+                  }, null, 2)
+                ])
+              ]);
+            }), 128))
+          ])
+        ]),
+        vue.createElementVNode("div", _hoisted_14, [
+          _hoisted_15,
+          vue.createElementVNode("div", _hoisted_16, [
+            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(eutrophication$1.value, (item, index) => {
+              return vue.openBlock(), vue.createElementBlock("div", { key: index }, [
+                vue.createElementVNode("div", _hoisted_17, vue.toDisplayString(item.name), 1),
+                vue.createElementVNode("div", _hoisted_18, [
+                  vue.createElementVNode("div", {
+                    class: "dv-wgms-lake-level-box",
+                    style: vue.normalizeStyle({ background: item.valueColor })
+                  }, vue.toDisplayString(item.tliValue), 5),
+                  vue.createElementVNode("div", _hoisted_19, vue.toDisplayString(item.tliLevel), 1)
+                ])
+              ]);
+            }), 128))
+          ])
+        ])
+      ]);
+    };
+  }
+});
 
-exports.default = _LakeRiverIndex;
+exports.default = _sfc_main;

package/dist/lib/wgms/src/LakeRiverIndex/index.vue2.js

@@ -2,165 +2,6 @@
 
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
 
-const vue = require('vue');
-const dayjs = require('dayjs');
-const keyRiverQuality = require('./mock/keyRiverQuality.json.js');
-const waterKeyQuality = require('./mock/waterKeyQuality.json.js');
-const eutrophication = require('./mock/eutrophication.json.js');
+/* unplugin-vue-components disabled */const index_vue_vue_type_style_index_0_lang = '';
 
-const _withScopeId = (n) => (vue.pushScopeId("data-v-7343d93c"), n = n(), vue.popScopeId(), n);
-const _hoisted_1 = { class: "dv-wgms-lake-river-index" };
-const _hoisted_2 = { class: "dv-wgms-lake-river-item" };
-const _hoisted_3 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode("div", { class: "text-14 mgb8" }, " 重要流域水质 ", -1));
-const _hoisted_4 = { class: "dv-wgms-river-detail flex-bw-c" };
-const _hoisted_5 = { class: "top-river-name text-14 mgb12" };
-const _hoisted_6 = { class: "flex-c-c" };
-const _hoisted_7 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode("div", { class: "text-14 white-60 mgr4" }, " 同比 ", -1));
-const _hoisted_8 = { class: "dv-wgms-lake-river-item" };
-const _hoisted_9 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode("div", { class: "text-14 mgb8" }, " 重要水体水质 ", -1));
-const _hoisted_10 = { class: "dv-wgms-river-detail flex-bw-c" };
-const _hoisted_11 = { class: "top-river-name text-14 mgb12" };
-const _hoisted_12 = { class: "flex-c-c" };
-const _hoisted_13 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode("div", { class: "text-14 white-60 mgr4" }, " 同比 ", -1));
-const _hoisted_14 = { class: "dv-wgms-lake-river-item" };
-const _hoisted_15 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode("div", { class: "text-14 mgb8" }, " 重要湖库营养化指数 ", -1));
-const _hoisted_16 = { class: "dv-wgms-river-detail flex-bw-c" };
-const _hoisted_17 = { class: "top-river-name text-14 mgb12" };
-const _hoisted_18 = { class: "flex-c-c" };
-const _hoisted_19 = { class: "text-14 white-60 mgr4" };
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  ...{
-    name: "DvWgmsLakeRiverIndex"
-  },
-  __name: "index",
-  props: {
-    riverId: {
-      type: String,
-      default: "70707052,70707077,70707051"
-    },
-    lakeId: {
-      type: String,
-      default: "70707030,70707050,70707043"
-    },
-    watershedIds: {
-      type: String,
-      default: "70707030,70707050,70707088"
-    },
-    beginTime: {
-      type: Number,
-      default: dayjs().startOf("year").valueOf()
-    },
-    endTime: {
-      type: Number,
-      default: dayjs().subtract(-1, "y").startOf("year").valueOf()
-    },
-    factorGroupId: {
-      type: [Number, String],
-      default: 27
-    },
-    isLazy: {
-      type: Boolean,
-      default: false
-    },
-    data: {
-      type: Array,
-      default: () => []
-    }
-  },
-  setup(__props, { expose: __expose }) {
-    const props = __props;
-    const getKeyRiverQualityJson = async () => {
-      await vue.nextTick();
-      return keyRiverQuality.default;
-    };
-    const getWaterKeyQualityJson = async () => {
-      await vue.nextTick();
-      return waterKeyQuality.default;
-    };
-    const getEutrophicationJson = async () => {
-      await vue.nextTick();
-      return eutrophication.default;
-    };
-    const keyRiverQuality$1 = vue.ref([]);
-    const waterKeyQuality$1 = vue.ref([]);
-    const eutrophication$1 = vue.ref([]);
-    vue.onMounted(() => {
-      !props.isLazy && getRankData();
-    });
-    const reload = () => {
-      getRankData();
-    };
-    const getRankData = async () => {
-      const allData = await Promise.all([getKeyRiverQualityJson(), getWaterKeyQualityJson(), getEutrophicationJson()]);
-      keyRiverQuality$1.value = Object.values(allData[0].data || {});
-      waterKeyQuality$1.value = Object.values(allData[1].data || {});
-      eutrophication$1.value = Object.values(allData[2] || {});
-    };
-    __expose({
-      reload
-    });
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-        vue.createElementVNode("div", _hoisted_2, [
-          _hoisted_3,
-          vue.createElementVNode("div", _hoisted_4, [
-            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(keyRiverQuality$1.value, (item, index) => {
-              return vue.openBlock(), vue.createElementBlock("div", { key: index }, [
-                vue.createElementVNode("div", _hoisted_5, vue.toDisplayString(item.name), 1),
-                vue.createElementVNode("div", _hoisted_6, [
-                  vue.createElementVNode("div", {
-                    class: "dv-wgms-lake-level-box",
-                    style: vue.normalizeStyle({ background: item.color })
-                  }, vue.toDisplayString(item.grade), 5),
-                  _hoisted_7,
-                  vue.createElementVNode("div", {
-                    class: vue.normalizeClass(item.class)
-                  }, null, 2)
-                ])
-              ]);
-            }), 128))
-          ])
-        ]),
-        vue.createElementVNode("div", _hoisted_8, [
-          _hoisted_9,
-          vue.createElementVNode("div", _hoisted_10, [
-            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(waterKeyQuality$1.value, (item, index) => {
-              return vue.openBlock(), vue.createElementBlock("div", { key: index }, [
-                vue.createElementVNode("div", _hoisted_11, vue.toDisplayString(item.name), 1),
-                vue.createElementVNode("div", _hoisted_12, [
-                  vue.createElementVNode("div", {
-                    class: "dv-wgms-lake-level-box",
-                    style: vue.normalizeStyle({ background: item.color })
-                  }, vue.toDisplayString(item.grade), 5),
-                  _hoisted_13,
-                  vue.createElementVNode("div", {
-                    class: vue.normalizeClass(item.class)
-                  }, null, 2)
-                ])
-              ]);
-            }), 128))
-          ])
-        ]),
-        vue.createElementVNode("div", _hoisted_14, [
-          _hoisted_15,
-          vue.createElementVNode("div", _hoisted_16, [
-            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(eutrophication$1.value, (item, index) => {
-              return vue.openBlock(), vue.createElementBlock("div", { key: index }, [
-                vue.createElementVNode("div", _hoisted_17, vue.toDisplayString(item.name), 1),
-                vue.createElementVNode("div", _hoisted_18, [
-                  vue.createElementVNode("div", {
-                    class: "dv-wgms-lake-level-box",
-                    style: vue.normalizeStyle({ background: item.valueColor })
-                  }, vue.toDisplayString(item.tliValue), 5),
-                  vue.createElementVNode("div", _hoisted_19, vue.toDisplayString(item.tliLevel), 1)
-                ])
-              ]);
-            }), 128))
-          ])
-        ])
-      ]);
-    };
-  }
-});
-
-exports.default = _sfc_main;
+exports.default = index_vue_vue_type_style_index_0_lang;

package/dist/lib/wgms/src/LakeRiverIndex/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_7343d93c_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_7343d93c_lang;
+
+
+exports.default = index_vue_vue_type_script_setup_true_lang.default;

package/dist/lib/wgms/src/NPTrendChange/index.js

@@ -3,9 +3,10 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
 
 const tools = require('../../utils/tools.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 DvWgmsNPTrendChange = tools.install(index.default);
+const DvWgmsNPTrendChange = tools.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.DvWgmsNPTrendChange = DvWgmsNPTrendChange;

package/dist/lib/wgms/src/NPTrendChange/index.vue.js

@@ -2,10 +2,196 @@
 
 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 index$2 = require('../../utils/echarts/index.js');
+const index = require('../../api/FactorTrendComparison/index.js');
+const index$1 = require('../../api/NPTrendChange/index.js');
 
-const _NPTrendChange = /* @__PURE__ */ _pluginVue_exportHelper.default(index_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-0b0ae947"]]);
+const _hoisted_1 = { class: "n-p-trend-change" };
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "index",
+  props: {
+    isHandle: {
+      default: true,
+      type: Boolean
+    },
+    // 是否是手工数据
+    siteCode: {
+      default: "",
+      // 23239
+      type: String
+    },
+    beginTime: {
+      type: String,
+      required: true
+      // 1660752000000
+    },
+    endTime: {
+      type: String,
+      required: true
+      // 1663344000000
+    },
+    data: {
+      type: Array,
+      default: () => []
+    }
+    // 传入数据
+  },
+  setup(__props) {
+    const props = __props;
+    const state = {
+      factorMap: [],
+      seriesData: [],
+      chartRef: null
+      // 图表实例
+    };
+    const { chartRef } = vue.toRefs(state);
+    vue.watch([() => props.isHandle, () => props.siteCode, () => props.beginTime, () => props.endTime, () => props.data], async () => {
+      if (props.data.length) {
+        await vue.nextTick(() => {
+          initChart();
+        });
+        return;
+      }
+      const groupCode = props.isHandle ? "algae" : "algaeAutomatic";
+      const list = await index.getFactorGroupList({ code: groupCode });
+      state.factorMap = list[0]?.factors || [];
+      state.factorMap.forEach((item) => {
+        const obj = {
+          name: item.factorIndexName,
+          type: "line",
+          symbolSize: 0,
+          yAxisIndex: item.id === "75" ? 1 : item.id === "23" ? 2 : 0,
+          data: []
+        };
+        state.seriesData.push(obj);
+      });
+      await vue.nextTick(() => {
+        initChart();
+      });
+    }, { immediate: true });
+    async function initChart() {
+      const params = {
+        startTime: props.beginTime,
+        endTime: props.endTime,
+        siteCode: props.siteCode,
+        timeType: props.isHandle ? "day" : ""
+      };
+      const res = await index$1.getNPTrendChange(params);
+      console.log(res, "res");
+      const timeList = res?.data?.timeList ?? [];
+      const preList = res?.data?.preList ?? [];
+      const xData = timeList.map((item) => item && item.substr(5));
+      const NPList = preList.map((item) => item && item * 100);
+      const chart = index$2.default.init(chartRef.value);
+      const options = getChartOptions(xData, NPList, index$2.default);
+      chart.setOption(options);
+    }
+    const getChartOptions = (xData, data, echarts2) => {
+      return {
+        title: {
+          show: true,
+          text: "N/P（100%）",
+          textAlign: "left",
+          left: 10,
+          top: 14,
+          textStyle: {
+            color: "rgba(255,255,255,0.6)",
+            fontSize: 14,
+            fontFamily: "TRENDS"
+          }
+        },
+        tooltip: {
+          trigger: "axis",
+          axisPointer: {
+            type: "line"
+            // 默认为直线，可选为：'line' | 'shadow'
+          }
+        },
+        grid: {
+          top: 50,
+          left: 10,
+          right: "1%",
+          bottom: 10,
+          containLabel: true
+        },
+        xAxis: [
+          {
+            type: "category",
+            data: xData,
+            axisLine: {
+              show: false
+            },
+            axisLabel: {
+              textStyle: {
+                fontFamily: "TRENDS",
+                fontSize: "16",
+                color: "rgba(255,255,255,0.6)"
+              }
+            },
+            axisTick: {
+              show: false,
+              interval: 24
+            }
+          }
+        ],
+        yAxis: [
+          {
+            type: "value",
+            name: "",
+            axisLabel: {
+              textStyle: {
+                fontFamily: "TRENDS",
+                fontSize: 16,
+                color: "rgba(255,255,255,0.6)"
+              }
+            },
+            axisLine: {
+              show: false
+            },
+            splitArea: {
+              show: true,
+              areaStyle: {
+                color: ["rgba(255, 255, 255, 0.05)", "transparent"]
+              }
+            },
+            splitLine: { show: false },
+            axisTick: { show: false }
+          }
+        ],
+        series: [
+          {
+            name: "氮磷比趋势变化",
+            type: "line",
+            symbolSize: 0,
+            smooth: true,
+            lineStyle: {
+              color: "#47E5E5"
+            },
+            areaStyle: {
+              normal: {
+                color: new echarts2.graphic.LinearGradient(0, 0, 0, 1, [
+                  { offset: 0, color: "#47E5E5 " },
+                  { offset: 1, color: "rgba(71,229,229,0.06)" }
+                ])
+              }
+            },
+            data
+          }
+        ]
+      };
+    };
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        vue.createElementVNode("div", {
+          id: "chart",
+          ref_key: "chartRef",
+          ref: chartRef,
+          class: "chart"
+        }, null, 512)
+      ]);
+    };
+  }
+});
 
-exports.default = _NPTrendChange;
+exports.default = _sfc_main;