@ecan-bi/datav 1.0.41 → 1.0.42

package/dist/index.es.js

@@ -36,7 +36,7 @@ import "ant-design-vue/es/select/style";
 import "ant-design-vue/es/button/style";
 import { CanvasRenderer } from "echarts/renderers";
 import { PieChart, LineChart, BarChart, ScatterChart, MapChart } from "echarts/charts";
-import { TitleComponent, TooltipComponent, LegendComponent, DatasetComponent, ToolboxComponent, VisualMapComponent, GraphicComponent } from "echarts/components";
+import { TitleComponent, ToolboxComponent, TooltipComponent, LegendComponent, DatasetComponent, VisualMapComponent, GraphicComponent } from "echarts/components";
 import * as echarts from "echarts";
 import "ant-design-vue/es/modal/style";
 import "ant-design-vue/es/table/style";
@@ -1396,10 +1396,10 @@ const _sfc_main$p = defineComponent({
     };
   }
 });
-const _hoisted_1$b = { class: "spin-wrapper" };
+const _hoisted_1$9 = { class: "spin-wrapper" };
 function _sfc_render$p(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_a_spin = resolveComponent("a-spin");
-  return openBlock(), createElementBlock("div", _hoisted_1$b, [
+  return openBlock(), createElementBlock("div", _hoisted_1$9, [
     _ctx.spinning ? (openBlock(), createBlock(_component_a_spin, {
       key: 0,
       class: "spin",
@@ -1522,9 +1522,10 @@ const EVENT_BUS = "EVENT_BUS";
 const GLOBAL_CONFIG = "GLOBAL_CONFIG";
 const GLOBAL_MODEL = "GLOBAL_MODEL";
 const REQUEST_MODEL = "REQUEST_MODEL";
-const UPLOAD_PATH = ((_a = window == null ? void 0 : window.config) == null ? void 0 : _a.uploadPath) || "/api";
-const BASE_URL = ((_b = window == null ? void 0 : window.config) == null ? void 0 : _b.routerBaseURL) || "./";
-const INDICATOR_URL = (_c = window == null ? void 0 : window.config) == null ? void 0 : _c.indicatorURL;
+const GLOBAL_TOKEN = "GLOBAL_TOKEN";
+const INDICATOR_URL = (_a = window == null ? void 0 : window.config) == null ? void 0 : _a.indicatorURL;
+const UPLOAD_PATH = ((_b = window == null ? void 0 : window.config) == null ? void 0 : _b.uploadPath) || "/api";
+const BASE_URL = ((_c = window == null ? void 0 : window.config) == null ? void 0 : _c.routerBaseURL) || "./";
 const useOnEvent = (props2, events) => {
   watch(() => props2.id, (id, oldId) => {
     const eventBus = inject(EVENT_BUS, {
@@ -1767,12 +1768,13 @@ const useImagePath = (path, isFormat = false) => {
 const usePageUrl = (pageMode, pageId) => {
   const envPageUrl = `/preview?pageId=${pageId}`;
   const proPageUrl = `${BASE_URL}${pageId}`;
+  console.log(pageMode);
   return pageMode === "preview" ? envPageUrl : proPageUrl;
 };
 const useVariablesInText = (text, data = {}) => {
   var _a2;
-  const config = (_a2 = window.config) != null ? _a2 : {};
-  data = __spreadValues(__spreadValues({}, config), data);
+  const config2 = (_a2 = window.config) != null ? _a2 : {};
+  data = __spreadValues(__spreadValues({}, config2), data);
   const variables = text.match(/\{.*?\}/g);
   if (variables == null || variables.length === 0)
     return text;
@@ -1791,20 +1793,20 @@ const useVariablesInText = (text, data = {}) => {
 const request = axios.create({
   timeout: 1e3 * 10
 });
-request.interceptors.request.use((config) => {
-  return config;
+request.interceptors.request.use((config2) => {
+  return config2;
 }, (error) => {
   return Promise.reject(error);
 });
-request.interceptors.response.use((config) => {
+request.interceptors.response.use((config2) => {
   var _a2, _b2, _c2;
-  if (+((_a2 = config == null ? void 0 : config.data) == null ? void 0 : _a2.code) === 500) {
+  if (+((_a2 = config2 == null ? void 0 : config2.data) == null ? void 0 : _a2.code) === 500) {
     message.error({
-      content: ((_b2 = config == null ? void 0 : config.data) == null ? void 0 : _b2.msg) || ((_c2 = config == null ? void 0 : config.data) == null ? void 0 : _c2.message) || "\u670D\u52A1\u5668\u5F02\u5E38",
+      content: ((_b2 = config2 == null ? void 0 : config2.data) == null ? void 0 : _b2.msg) || ((_c2 = config2 == null ? void 0 : config2.data) == null ? void 0 : _c2.message) || "\u670D\u52A1\u5668\u5F02\u5E38",
       key: "SERVER_ERROR"
     });
   }
-  return config;
+  return config2;
 }, (error) => {
   if (error.message.includes("timeout")) {
     message.error({
@@ -2178,6 +2180,207 @@ const useValueFormatter = (formatter = "", value) => {
   }
   return formatter;
 };
+const useIndicatorData = (props2 = {}) => {
+  const { requestToken } = inject(GLOBAL_TOKEN, {
+    requestToken: () => void 0
+  });
+  if (props2.dataType === "indicator") {
+    requestToken();
+  }
+  const handleQueryColumn = (queryColumn = {}) => {
+    const { label, name, location, show, indexCode } = queryColumn;
+    return {
+      label,
+      columnName: name,
+      location,
+      show,
+      calcType: "COLUMN",
+      hrpIndexCode: indexCode
+    };
+  };
+  const handleIndicator = (indicator = {}) => {
+    const {
+      label,
+      name,
+      location,
+      show,
+      indexCode,
+      calcType = "COLUMN",
+      builtInFormula,
+      builtInValueSource,
+      builtInCalcWay,
+      formula
+    } = indicator;
+    return {
+      label,
+      columnName: name,
+      location,
+      show,
+      calcType,
+      hrpIndexCode: indexCode,
+      aggregate: "SUM",
+      builtInFormula,
+      builtInValueSource,
+      builtInCalcWay,
+      formula
+    };
+  };
+  const { getGlobalModel } = inject(GLOBAL_MODEL, {
+    getGlobalModel: (key) => void 0
+  });
+  const handleSqlConditions = (controlList = []) => {
+    var _a2;
+    const len = controlList.length;
+    const sqlConditions = [];
+    for (let i = 0; i < len; i++) {
+      const control = controlList[i];
+      const {
+        id,
+        conditionLabel,
+        conditionKey,
+        conditionValueType
+      } = control;
+      const sqlCondition = {
+        rule: "NONE",
+        label: conditionLabel,
+        fieldName: conditionKey,
+        fieldValue: "",
+        valueType: conditionValueType
+      };
+      const model = getGlobalModel(id) || {};
+      if (lowerCaseIncludes(model.type, "date")) {
+        const { value, format } = model || {};
+        sqlCondition.fieldValue = (_a2 = unref(value)) == null ? void 0 : _a2.format(format);
+        sqlCondition.dateFormat = format;
+      }
+      sqlConditions.push(sqlCondition);
+    }
+    return sqlConditions;
+  };
+  return async () => {
+    var _a2, _b2;
+    const { graphicConfig } = props2;
+    const {
+      source,
+      dataViewId,
+      plugin,
+      layer,
+      chartType,
+      classificationList = [],
+      seriesList = [],
+      leftAxisList = [],
+      rightAxisList = [],
+      queryColumnList = [],
+      indicators = [],
+      controlList = [],
+      dataSourceId,
+      idxLibMode,
+      preview = false
+    } = graphicConfig || {};
+    console.log("classificationList", classificationList);
+    console.log("seriesList", seriesList);
+    console.log("leftAxisList", leftAxisList);
+    console.log("rightAxisList", rightAxisList);
+    console.log("indicators", indicators);
+    console.log("controlList", controlList);
+    let classification;
+    if (Array.isArray(classificationList) && classificationList.length > 0) {
+      const len = classificationList.length;
+      for (let i = 0; i < len; i++) {
+        const item = classificationList[i] || {};
+        const { label = "", name = "", show = false, sort, customGroup } = item;
+        if (show) {
+          classification = {
+            label,
+            columnName: name,
+            show,
+            sort,
+            customGroup
+          };
+          break;
+        }
+      }
+    }
+    let series;
+    if (Array.isArray(seriesList) && seriesList.length > 0) {
+      const len = seriesList.length;
+      for (let i = 0; i < len; i++) {
+        const item = seriesList[i] || {};
+        const { label = "", name = "", show = false, sort, customGroup } = item;
+        if (show) {
+          series = {
+            label,
+            columnName: name,
+            show,
+            sort,
+            customGroup
+          };
+          break;
+        }
+      }
+    }
+    const queryColumns = [];
+    queryColumnList == null ? void 0 : queryColumnList.forEach((queryColumn) => {
+      queryColumns.push(handleQueryColumn(queryColumn));
+    });
+    const indicatorList = [];
+    leftAxisList == null ? void 0 : leftAxisList.forEach((leftAxis) => {
+      leftAxis.location = "LEFT";
+      if (leftAxis.show) {
+        indicatorList.push(handleIndicator(leftAxis));
+      }
+    });
+    rightAxisList == null ? void 0 : rightAxisList.forEach((rightAxis) => {
+      rightAxis.location = "RIGHT";
+      if (rightAxis.show) {
+        indicatorList.push(handleIndicator(rightAxis));
+      }
+    });
+    indicators == null ? void 0 : indicators.forEach((indicator) => {
+      indicator.location = "LEFT";
+      if (indicator.show) {
+        indicatorList.push(handleIndicator(indicator));
+      }
+    });
+    if (layer === "1" && queryColumns.length === 0) {
+      return;
+    } else if (layer === "2" && indicatorList.length === 0) {
+      return;
+    }
+    let sqlConditions;
+    if ((graphicConfig == null ? void 0 : graphicConfig.pageMode) === "design") {
+      sqlConditions = (_a2 = graphicConfig.sqlConditions) != null ? _a2 : [];
+    } else {
+      sqlConditions = handleSqlConditions(controlList);
+    }
+    try {
+      const res = await request.post(`${INDICATOR_URL}/diagram`, {
+        source,
+        dataViewId,
+        plugin,
+        layer,
+        chartType,
+        classification,
+        series,
+        indicatorList,
+        queryColumns,
+        pageFlag: true,
+        sqlConditions,
+        dataSourceId,
+        idxLibMode,
+        preview
+      }, {
+        headers: {
+          Authentication: (_b2 = window == null ? void 0 : window.config) == null ? void 0 : _b2.indicatorToken,
+          operateContext: "ygt"
+        }
+      });
+      return res;
+    } catch (e) {
+      console.error(e);
+    }
+  };
+};
 var PageConfig_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => "#container[data-v-836b53bc] {\n  position: fixed;\n  top: 0;\n  left: 0;\n  overflow: hidden;\n  transform-origin: left top;\n  z-index: 999;\n}\n.page-config[data-v-836b53bc] {\n  position: relative;\n  overflow: hidden;\n  background-size: cover;\n}\n")();
 const _sfc_main$n = defineComponent({
   name: "EcanPageConfig",
@@ -2273,12 +2476,12 @@ const _sfc_main$n = defineComponent({
     };
   }
 });
-const _hoisted_1$a = {
+const _hoisted_1$8 = {
   id: "container",
   ref: "container"
 };
 function _sfc_render$n(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", _hoisted_1$a, [
+  return openBlock(), createElementBlock("div", _hoisted_1$8, [
     _ctx.ready ? (openBlock(), createElementBlock("div", {
       key: 0,
       class: "page-config",
@@ -2349,6 +2552,13 @@ const _sfc_main$m = defineComponent({
       offEvent,
       emitEvent
     });
+    const tokenNum = ref(0);
+    const requestToken = () => {
+      tokenNum.value = unref(tokenNum) + 1;
+    };
+    provide(GLOBAL_TOKEN, {
+      requestToken
+    });
     const requestModel = /* @__PURE__ */ new Map();
     const setRequest = (requestFn = () => {
     }, sortNum = 0) => {
@@ -2369,11 +2579,24 @@ const _sfc_main$m = defineComponent({
         });
       });
     };
+    const queryUserToken = async () => {
+      var _a2;
+      const res = await axios.get(`${INDICATOR_URL}/user/anonymous?username=admin`, {
+        headers: {
+          systemCode: "F72FC50A3D97372514A6AC33333D28FD",
+          current_context: "ygt"
+        }
+      });
+      config.indicatorToken = (_a2 = res.data.data) == null ? void 0 : _a2.token;
+    };
     const touchRequest = async () => {
       const requestModelArr = Array.from(requestModel);
       requestModelArr.sort((a, b) => b[0] - a[0]);
       const len = requestModelArr.length;
       try {
+        if (props2.pageMode !== "design" && unref(tokenNum) > 0) {
+          await queryUserToken();
+        }
         for (let i = 0; i < len; i++) {
           const requestFnList = requestModelArr[i][1];
           await handleRequestFnList(requestFnList);
@@ -2395,19 +2618,20 @@ const _sfc_main$m = defineComponent({
     };
   }
 });
-const _hoisted_1$9 = {
+const _hoisted_1$7 = {
   id: "ProviderConfig",
   ref: "providerConfig"
 };
 function _sfc_render$m(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", _hoisted_1$9, [
+  return openBlock(), createElementBlock("div", _hoisted_1$7, [
     renderSlot(_ctx.$slots, "default")
   ], 512);
 }
 var ProviderConfig = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["render", _sfc_render$m]]);
 const EcanProviderConfig = withInstall(ProviderConfig);
 const textProps = __spreadProps(__spreadValues({}, props), {
-  name: "\u57FA\u7840\u6587\u672C",
+  name: "\u6587\u672C",
+  keyName: "\u6587\u672C",
   type: "ecanText",
   width: "100px",
   height: "40px",
@@ -2425,7 +2649,7 @@ const textProps = __spreadProps(__spreadValues({}, props), {
 });
 const textComponentProps = transformToComponentProps(textProps);
 const textEvents = ["refreshData", "click"];
-var Text_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => ".skeleton-wrapper[data-v-04705f6f] {\n  overflow: hidden;\n}\n.ecan-text[data-v-04705f6f] {\n  overflow: hidden;\n  display: flex;\n}\n")();
+var Text_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => ".skeleton-wrapper[data-v-e7487804] {\n  overflow: hidden;\n}\n.ecan-text[data-v-e7487804] {\n  overflow: hidden;\n  display: flex;\n}\n")();
 const _sfc_main$l = defineComponent({
   name: "EcanText",
   components: { Skeleton },
@@ -2494,7 +2718,7 @@ const _sfc_main$l = defineComponent({
     };
   }
 });
-const _hoisted_1$8 = ["innerHTML"];
+const _hoisted_1$6 = ["innerHTML"];
 function _sfc_render$l(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_skeleton = resolveComponent("skeleton");
   return _ctx.loading ? (openBlock(), createElementBlock("div", {
@@ -2509,9 +2733,9 @@ function _sfc_render$l(_ctx, _cache, $props, $setup, $data, $options) {
     style: normalizeStyle(_ctx.style),
     innerHTML: _ctx.myText,
     onClick: _cache[0] || (_cache[0] = (...args) => _ctx.click && _ctx.click(...args))
-  }, null, 12, _hoisted_1$8));
+  }, null, 12, _hoisted_1$6));
 }
-var Text = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["render", _sfc_render$l], ["__scopeId", "data-v-04705f6f"]]);
+var Text = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["render", _sfc_render$l], ["__scopeId", "data-v-e7487804"]]);
 const EcanText = withInstall(Text);
 var ScrollText_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => ".red[data-v-0bb717eb] {\n  color: red;\n}\n")();
 const _sfc_main$k = defineComponent({
@@ -2523,9 +2747,9 @@ const _sfc_main$k = defineComponent({
     };
   }
 });
-const _hoisted_1$7 = { class: "red" };
+const _hoisted_1$5 = { class: "red" };
 function _sfc_render$k(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", _hoisted_1$7, toDisplayString(_ctx.text), 1);
+  return openBlock(), createElementBlock("div", _hoisted_1$5, toDisplayString(_ctx.text), 1);
 }
 var ScrollText = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["render", _sfc_render$k], ["__scopeId", "data-v-0bb717eb"]]);
 const EcanScrollText = withInstall(ScrollText);
@@ -2620,10 +2844,10 @@ const listProps = __spreadProps(__spreadValues({}, props), {
 });
 const listComponentProps = transformToComponentProps(listProps);
 const listEvents = ["refreshData", "click"];
-var List_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => `.ecan-list[data-v-766e4cb3] {
+var List_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => `.ecan-list[data-v-461dbe78] {
   overflow: hidden;
 }
-.ecan-list-content[data-v-766e4cb3] {
+.ecan-list-content[data-v-461dbe78] {
   width: 100%;
   height: 100%;
   overflow: auto;
@@ -2631,7 +2855,7 @@ var List_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => `.
   align-content: flex-start;
   flex-wrap: wrap;
 }
-.title[data-v-766e4cb3] {
+.title[data-v-461dbe78] {
   position: absolute;
   z-index: 9;
   display: flex;
@@ -2641,18 +2865,18 @@ var List_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => `.
   font-size: 16px;
   color: #ffffff;
 }
-.title-inner[data-v-766e4cb3] {
+.title-inner[data-v-461dbe78] {
   padding-left: 28px;
   padding-right: 20px;
   flex: 1;
   display: flex;
   height: 100%;
 }
-.title-placeholder[data-v-766e4cb3] {
+.title-placeholder[data-v-461dbe78] {
   width: 100%;
   height: 32px;
 }
-.item[data-v-766e4cb3] {
+.item[data-v-461dbe78] {
   display: flex;
   align-items: center;
   height: 32px;
@@ -2662,13 +2886,13 @@ var List_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => `.
   font-size: 16px;
   color: #ffffff;
 }
-.column[data-v-766e4cb3] {
+.column[data-v-461dbe78] {
   flex: 1;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-.ranking[data-v-766e4cb3] {
+.ranking[data-v-461dbe78] {
   flex: 1;
   display: flex;
   align-items: center;
@@ -2677,28 +2901,28 @@ var List_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => `.
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-.icon[data-v-766e4cb3] {
+.icon[data-v-461dbe78] {
   width: 12px;
   height: 8px;
   background: #21BEF7;
   margin-right: 17px;
   opacity: 0.6;
 }
-.item:nth-child(2) .icon[data-v-766e4cb3] {
+.item:nth-child(2) .icon[data-v-461dbe78] {
   opacity: 0.8;
 }
-.item:first-child .icon[data-v-766e4cb3] {
+.item:first-child .icon[data-v-461dbe78] {
   opacity: 1;
 }
-.sort[data-v-766e4cb3] {
+.sort[data-v-461dbe78] {
   font-weight: 600;
 }
-.goUp[data-v-766e4cb3] {
+.goUp[data-v-461dbe78] {
   color: #FF512E;
   display: flex;
   align-items: center;
 }
-.goUp[data-v-766e4cb3]:before {
+.goUp[data-v-461dbe78]:before {
   content: '';
   display: block;
   background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAV1BMVEUAAAD/WzT/WjP/WDD/WzT/WzP/WzT/WzT/WzT/WjT/WzT/WDT/YED/WzT/WzT/WjT/YED/WzT/WzT/WzT/XDT/WzT/WjX/WjP/XDT/XDT/WTL/Tif/WzReH8z5AAAAHHRSTlMA8RgS9W9YHbePZyME5sVjCP7bzcCxgndOQC4GFJJgKwAAAIJJREFUKM+Nkd0OgyAMRjvqcLA53fzXvv9zaokmxq8mnsue5ACFDjiy+XyjLZ7yyK35OxN5mSFZKa2QojEIKRhrZKM0QnsMQxirmJ0kBubTIZvAtUyiFAT4JFoUIYmIotZ5xjDPfyoCAV16nMPdFir8xZ16nM//tePtXw2ODOJY0V0WqQwM2rgKrU0AAAAASUVORK5CYII=");
@@ -2708,12 +2932,12 @@ var List_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => `.
   background-size: cover;
   margin-right: 2px;
 }
-.goDown[data-v-766e4cb3] {
+.goDown[data-v-461dbe78] {
   color: #00F7B4;
   display: flex;
   align-items: center;
 }
-.goDown[data-v-766e4cb3]:before {
+.goDown[data-v-461dbe78]:before {
   content: '';
   display: block;
   background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAaVBMVEUAAAAA+b0A+LwA+L0A/6AA+LwA+L0A+L0A+b0A+LwA/78A+LwA+L0A+LwA+LwA+b0A+LsA970A+LwA+r0A9boA/7YA+LwA+LwA+LwA+L0A97wA+bwA970A970A+bwA+bwA+LsA9rkA+LzcCa+5AAAAInRSTlMAd/uVAvjYxCsiDvPp37F7aWBMNBgK7s/NvKidh4NXUEcdp9A1SAAAAI5JREFUKM+l0UcOwzAMRFGqWZbcW3rl/Q8ZhUGKMN7lLedD4EKUi/3BEIrGsQu432pmPuF+1WnfRNjLipMz7HbHT3cIF9n3BLYSerzAooSgZNcWQiuhIdBI8JQblNISCqXU/BNG/mqzJ+az13MWluIdRspNmgV+Rvc6vkCwPu1uIhQq5o7WDOwtrToG+ssDeh4QPgfT2X0AAAAASUVORK5CYII=");
@@ -2723,7 +2947,7 @@ var List_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => `.
   background-size: cover;
   margin-right: 2px;
 }
-.empty[data-v-766e4cb3] {
+.empty[data-v-461dbe78] {
   text-align: center;
   margin-top: 15%;
 }
@@ -2812,8 +3036,8 @@ const _sfc_main$i = defineComponent({
     };
   }
 });
-const _withScopeId$1 = (n) => (pushScopeId("data-v-766e4cb3"), n = n(), popScopeId(), n);
-const _hoisted_1$6 = {
+const _withScopeId$1 = (n) => (pushScopeId("data-v-461dbe78"), n = n(), popScopeId(), n);
+const _hoisted_1$4 = {
   key: 0,
   class: "title"
 };
@@ -2843,7 +3067,7 @@ function _sfc_render$i(_ctx, _cache, $props, $setup, $data, $options) {
   }, [
     createVNode(_component_skeleton, { loading: _ctx.loading }, {
       default: withCtx(() => [
-        _ctx.useTitle ? (openBlock(), createElementBlock("div", _hoisted_1$6, [
+        _ctx.useTitle ? (openBlock(), createElementBlock("div", _hoisted_1$4, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.columnCount, (count) => {
             return openBlock(), createElementBlock("div", {
               class: "title-inner",
@@ -2912,7 +3136,7 @@ function _sfc_render$i(_ctx, _cache, $props, $setup, $data, $options) {
     }, 8, ["loading"])
   ], 4);
 }
-var List = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["render", _sfc_render$i], ["__scopeId", "data-v-766e4cb3"]]);
+var List = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["render", _sfc_render$i], ["__scopeId", "data-v-461dbe78"]]);
 const EcanList = withInstall(List);
 const proportionProps = __spreadProps(__spreadValues({}, props), {
   name: "\u5360\u6BD4\u56FE",
@@ -2937,7 +3161,7 @@ const proportionProps = __spreadProps(__spreadValues({}, props), {
 });
 const proportionComponentProps = transformToComponentProps(proportionProps);
 const proportionEvents = ["refreshData", "click"];
-var Proportion_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => ".ecan-proportion[data-v-1a10ace9] {\n  overflow: hidden;\n}\n.progress[data-v-1a10ace9] {\n  width: 100%;\n  height: 100%;\n}\n.format[data-v-1a10ace9] {\n  margin: 0 auto;\n}\n")();
+var Proportion_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => ".ecan-proportion[data-v-02b500fa] {\n  overflow: hidden;\n}\n.progress[data-v-02b500fa] {\n  width: 100%;\n  height: 100%;\n}\n.format[data-v-02b500fa] {\n  margin: 0 auto;\n}\n")();
 const _sfc_main$h = defineComponent({
   name: "EcanProportion",
   components: {
@@ -3070,7 +3294,7 @@ function _sfc_render$h(_ctx, _cache, $props, $setup, $data, $options) {
     }, 8, ["percent", "width", "type", "strokeColor", "strokeLinecap", "trailColor", "strokeWidth", "gapDegree", "onClick"])
   ], 4);
 }
-var Proportion = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["render", _sfc_render$h], ["__scopeId", "data-v-1a10ace9"]]);
+var Proportion = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["render", _sfc_render$h], ["__scopeId", "data-v-02b500fa"]]);
 const EcanProportion = withInstall(Proportion);
 const inputProps = __spreadProps(__spreadValues({}, props), {
   width: "200px",
@@ -3201,7 +3425,7 @@ const selectProps = __spreadProps(__spreadValues({}, props), {
 });
 const selectComponentProps = transformToComponentProps(selectProps);
 const selectEvents = ["selectChange"];
-var Select_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => ".ecan-select[data-v-2a771bb2] .ant-select-selector {\n  height: 100% !important;\n}\n.select[data-v-2a771bb2] {\n  width: 100%;\n  height: 100%;\n}\n")();
+var Select_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => ".ecan-select[data-v-d70a9a94] .ant-select-selector {\n  height: 100% !important;\n}\n.select[data-v-d70a9a94] {\n  width: 100%;\n  height: 100%;\n}\n")();
 var Select_vue_vue_type_style_index_1_lang = /* @__PURE__ */ (() => "[datav-theme='light'] .ant-select:not(.ant-select-customize-input) .ant-select-selector {\n  border: 1px solid #d9d9d9;\n}\n[datav-theme='light'] .ant-select-dropdown {\n  color: rgba(0, 0, 0, 0.85);\n  background: #ffffff;\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);\n}\n[datav-theme='light'] .ant-empty-img-simple-g {\n  stroke: #d9d9d9;\n}\n[datav-theme='light'] .ant-empty-img-simple-ellipse {\n  fill: #f5f5f5;\n}\n[datav-theme='light'] .ant-empty-img-simple-path {\n  fill: #f5f5f5;\n  stroke: #d9d9d9;\n}\n[datav-theme='light'] .ant-empty-description {\n  color: rgba(0, 0, 0, 0.25);\n}\n[datav-theme='light'] .anticon-down {\n  color: #333;\n}\n[datav-theme='darkBlue'] .ant-select:not(.ant-select-customize-input) .ant-select-selector {\n  border: 1px solid #1f63a3;\n  background-color: #05164c;\n  box-shadow: inset 0 0 10px #005efe;\n  color: #ffffff;\n}\n[datav-theme='darkBlue'] .ant-select-dropdown {\n  box-shadow: inset 0 0 10px #005efe;\n  color: #fff;\n  background-color: #05164c;\n}\n[datav-theme='darkBlue'] .ant-empty-img-simple-g {\n  stroke: #69befa;\n}\n[datav-theme='darkBlue'] .ant-empty-img-simple-ellipse {\n  fill-opacity: 0;\n}\n[datav-theme='darkBlue'] .ant-empty-img-simple-path {\n  fill: #69befa;\n  stroke: #69befa;\n}\n[datav-theme='darkBlue'] .ant-empty-description {\n  color: #69befa;\n}\n[datav-theme='darkBlue'] .anticon-down {\n  color: #ffffff;\n}\n[datav-theme='darkBlue'] .ant-select-item {\n  color: #ffffff;\n}\n[datav-theme='darkBlue'] .ant-select-item-option-active {\n  background: #1f63a3;\n}\n[datav-theme='darkBlue'] .ant-select-item-option-selected:not(.ant-select-item-option-disabled) {\n  background: #1f63a3;\n}\n")();
 const _sfc_main$e = defineComponent({
   name: "EcanSelect",
@@ -3272,7 +3496,7 @@ function _sfc_render$e(_ctx, _cache, $props, $setup, $data, $options) {
     }, null, 8, ["value", "options", "getPopupContainer", "field-names", "onChange"])
   ], 4);
 }
-var Select = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["render", _sfc_render$e], ["__scopeId", "data-v-2a771bb2"]]);
+var Select = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["render", _sfc_render$e], ["__scopeId", "data-v-d70a9a94"]]);
 const EcanSelect = withInstall(Select);
 const rangePickerProps = __spreadProps(__spreadValues({}, props), {
   name: "\u8303\u56F4\u9009\u62E9\u5668",
@@ -3287,7 +3511,7 @@ const rangePickerProps = __spreadProps(__spreadValues({}, props), {
 });
 const rangePickerComponentProps = transformToComponentProps(rangePickerProps);
 const rangePickerEvents = ["dateChange"];
-var RangePicker_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => ".range-picker[data-v-11b582ae] {\n  width: 100%;\n  height: 100%;\n}\n")();
+var RangePicker_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => ".range-picker[data-v-61322f3d] {\n  width: 100%;\n  height: 100%;\n}\n")();
 var RangePicker_vue_vue_type_style_index_1_lang = /* @__PURE__ */ (() => "[datav-theme='light'] .ecan-range-picker .ant-picker {\n  background-color: #ffffff;\n  color: rgba(0, 0, 0, 0.85);\n  border: 1px solid #d9d9d9;\n}\n[datav-theme='light'] .ecan-range-picker .ant-picker-input > input {\n  color: rgba(0, 0, 0, 0.85);\n}\n[datav-theme='light'] .ecan-range-picker .anticon-calendar {\n  color: #333;\n}\n[datav-theme='light'] .ecan-range-picker .anticon-close-circle {\n  color: #333;\n}\n[datav-theme='light'] .ecan-range-picker .ant-picker-input > input::placeholder {\n  color: #bfbfbf;\n}\n[datav-theme='light'] .ecan-range-picker .ant-picker-separator .anticon {\n  color: #333;\n}\n[datav-theme='darkBlue'] .ecan-range-picker .ant-picker {\n  background-color: #05164c;\n  border: 1px solid #1f63a3;\n  color: #fff;\n  box-shadow: inset 0 0 10px #005efe;\n}\n[datav-theme='darkBlue'] .ecan-range-picker .ant-picker-input > input {\n  color: #ffffff;\n}\n[datav-theme='darkBlue'] .ecan-range-picker .anticon-calendar {\n  color: #ffffff;\n}\n[datav-theme='darkBlue'] .ecan-range-picker .anticon-close-circle {\n  color: #333;\n}\n[datav-theme='darkBlue'] .ecan-range-picker .ant-picker-separator .anticon {\n  color: #fff;\n}\n[datav-theme='darkBlue'] .ecan-range-picker-dropdown .ant-picker-panel {\n  background: #05174e;\n  border-bottom: 1px solid #69befa;\n}\n[datav-theme='darkBlue'] .ecan-range-picker-dropdown .ant-picker-header {\n  color: #69befa;\n  border-bottom: 1px solid #69befa;\n}\n[datav-theme='darkBlue'] .ecan-range-picker-dropdown .ant-picker-panel .ant-picker-footer {\n  border-top: 1px solid #69befa;\n}\n[datav-theme='darkBlue'] .ecan-range-picker-dropdown .ant-picker-header button {\n  color: #69befa;\n}\n[datav-theme='darkBlue'] .ecan-range-picker-dropdown .ant-picker-content th {\n  color: #69befa;\n}\n[datav-theme='darkBlue'] .ecan-range-picker-dropdown .ant-picker-content td {\n  color: #69befa;\n}\n[datav-theme='darkBlue'] .ecan-range-picker-dropdown .ant-picker-today-btn {\n  color: #69befa;\n}\n[datav-theme='darkBlue'] .ecan-range-picker-dropdown .ant-picker-cell-disabled .ant-picker-cell-inner {\n  color: #999;\n}\n[datav-theme='darkBlue'] .ecan-range-picker-dropdown .ant-picker-cell-disabled::before {\n  background: #333;\n}\n")();
 const _sfc_main$d = defineComponent({
   name: "EcanRangePicker",
@@ -3352,17 +3576,21 @@ function _sfc_render$d(_ctx, _cache, $props, $setup, $data, $options) {
     }, null, 8, ["value", "format", "picker", "locale", "getPopupContainer", "onChange"])
   ], 4);
 }
-var RangePicker = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["render", _sfc_render$d], ["__scopeId", "data-v-11b582ae"]]);
+var RangePicker = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["render", _sfc_render$d], ["__scopeId", "data-v-61322f3d"]]);
 const EcanRangePicker = withInstall(RangePicker);
 const buttonProps = __spreadProps(__spreadValues({}, props), {
   width: "200px",
   name: "\u6309\u94AE",
   keyName: "\u6309\u94AE",
-  type: "ecanButton"
+  type: "ecanButton",
+  text: "\u6309\u94AE",
+  mode: "default",
+  danger: false,
+  shape: "default"
 });
 const buttonComponentProps = transformToComponentProps(buttonProps);
 const buttonEvents = ["click"];
-var Button_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => ".button[data-v-f60a3514] {\n  width: 100%;\n  height: 100%;\n}\n")();
+var Button_vue_vue_type_style_index_0_lang = /* @__PURE__ */ (() => ".ecan-button .ant-btn {\n  width: 100%;\n  height: 100%;\n}\n")();
 const _sfc_main$c = defineComponent({
   name: "EcanButton",
   components: {
@@ -3380,26 +3608,28 @@ const _sfc_main$c = defineComponent({
     };
   }
 });
-const _hoisted_1$5 = /* @__PURE__ */ createTextVNode(" \u6D4B\u8BD5 ");
 function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_a_button = resolveComponent("a-button");
   return openBlock(), createElementBlock("div", {
-    class: "ecan-input",
+    class: "ecan-button",
     style: normalizeStyle(_ctx.style)
   }, [
     createVNode(_component_a_button, {
-      class: "button",
       block: "",
-      onClick: _ctx.click
+      onClick: _ctx.click,
+      type: _ctx.mode,
+      danger: _ctx.danger,
+      ghost: _ctx.ghost,
+      shape: _ctx.shape
     }, {
       default: withCtx(() => [
-        _hoisted_1$5
+        createTextVNode(toDisplayString(_ctx.text), 1)
       ]),
       _: 1
-    }, 8, ["onClick"])
+    }, 8, ["onClick", "type", "danger", "ghost", "shape"])
   ], 4);
 }
-var Button = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["render", _sfc_render$c], ["__scopeId", "data-v-f60a3514"]]);
+var Button = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["render", _sfc_render$c]]);
 const EcanButton = withInstall(Button);
 const tabsProps = __spreadProps(__spreadValues({}, props), {
   type: "ecanTabs",
@@ -3428,7 +3658,7 @@ const tabsProps = __spreadProps(__spreadValues({}, props), {
 });
 const tabsComponentProps = transformToComponentProps(tabsProps);
 const tabsEvents = ["tabChange"];
-var Tabs_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => ".ecan-tabs[data-v-2e2bded0] {\n  box-sizing: border-box;\n  color: #333333;\n  display: flex;\n}\n.tab[data-v-2e2bded0] {\n  flex: 1;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  background-size: 100% 100%;\n  background-repeat: no-repeat;\n}\n.tab[data-v-2e2bded0]:last-child {\n  margin-right: 0 !important;\n}\n")();
+var Tabs_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => ".ecan-tabs[data-v-5aeec0ae] {\n  box-sizing: border-box;\n  color: #333333;\n  display: flex;\n}\n.tab[data-v-5aeec0ae] {\n  flex: 1;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  background-size: 100% 100%;\n  background-repeat: no-repeat;\n}\n.tab[data-v-5aeec0ae]:last-child {\n  margin-right: 0 !important;\n}\n")();
 const _sfc_main$b = defineComponent({
   name: "EcanTabs",
   props: __spreadValues({}, tabsComponentProps),
@@ -3464,7 +3694,7 @@ const _sfc_main$b = defineComponent({
     };
   }
 });
-const _hoisted_1$4 = ["onClick"];
+const _hoisted_1$3 = ["onClick"];
 function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     class: "ecan-tabs",
@@ -3481,11 +3711,11 @@ function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
         }),
         key: index2,
         onClick: ($event) => _ctx.tabChange(tab, index2)
-      }, toDisplayString(tab.title), 13, _hoisted_1$4);
+      }, toDisplayString(tab.title), 13, _hoisted_1$3);
     }), 128))
   ], 4);
 }
-var Tabs = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["render", _sfc_render$b], ["__scopeId", "data-v-2e2bded0"]]);
+var Tabs = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["render", _sfc_render$b], ["__scopeId", "data-v-5aeec0ae"]]);
 const EcanTabs = withInstall(Tabs);
 const pieProps = __spreadProps(__spreadValues({}, props), {
   id: "",
@@ -3537,14 +3767,43 @@ const pieProps = __spreadProps(__spreadValues({}, props), {
   gridBottom: "10%",
   gridLeft: "2%",
   gridRight: "2%",
-  graphicConfig: {}
+  graphicConfig: {},
+  toolboxShow: false,
+  toolboxOrient: "horizontal",
+  toolboxItemSize: 16,
+  toolboxItemGap: 8,
+  toolboxLeft: "right",
+  toolboxTop: "top",
+  toolboxIconStyleBorderColor: "#666",
+  toolboxDownloadUrl: "",
+  toolboxInfoText: "\u5F53\u524D\u65E0\u8BF4\u660E\u4FE1\u606F"
 });
 const pieComponentProps = transformToComponentProps(pieProps);
 const pieEvents = ["click", "refreshData"];
+const useDownloadFile = async (downloadFileUrl) => {
+  var _a2;
+  const res = await request.post(downloadFileUrl, {}, {
+    responseType: "blob"
+  });
+  const { data, headers } = res;
+  const fileName = headers["content-disposition"].replace(/\w+;filename=(.*)/, "$1");
+  const blob = new Blob([data]);
+  const dom = document.createElement("a");
+  const url = window.URL.createObjectURL(blob);
+  dom.href = url;
+  dom.download = decodeURI(fileName);
+  dom.style.display = "none";
+  document.body.appendChild(dom);
+  dom.click();
+  (_a2 = dom.parentNode) == null ? void 0 : _a2.removeChild(dom);
+  window.URL.revokeObjectURL(url);
+};
+var Pie_vue_vue_type_style_index_0_lang = /* @__PURE__ */ (() => ".full-modal .ant-modal {\n  max-width: 100%;\n  top: 0;\n  padding-bottom: 0;\n  margin: 0;\n}\n.full-modal .ant-modal-content {\n  display: flex;\n  flex-direction: column;\n  height: calc(100vh);\n}\n.full-modal .ant-modal-body {\n  flex: 1;\n}\n.full-modal .ant-modal-body {\n  padding: 45px 30px 0;\n}\n")();
 use([
   CanvasRenderer,
   PieChart,
   TitleComponent,
+  ToolboxComponent,
   TooltipComponent,
   LegendComponent
 ]);
@@ -3553,11 +3812,16 @@ const _sfc_main$a = defineComponent({
   props: __spreadValues({}, pieComponentProps),
   components: {
     Spin,
-    Echarts
+    Echarts,
+    AModal: Modal$1
   },
   setup(props2) {
     const style2 = usePickComponentStyle(props2);
     const dataset = ref([]);
+    const visible = ref(false);
+    const hideModal = () => {
+      visible.value = false;
+    };
     const option = computed(() => {
       let { data = [] } = unref(dataset)[0] || {};
       if (Array.isArray(props2.colors)) {
@@ -3568,6 +3832,42 @@ const _sfc_main$a = defineComponent({
         }, item));
       }
       return {
+        toolbox: {
+          show: props2.toolboxShow,
+          left: props2.toolboxLeft,
+          top: props2.toolboxTop,
+          itemSize: props2.toolboxItemSize,
+          itemGap: props2.toolboxItemGap,
+          feature: {
+            myDownload: {
+              show: true,
+              title: "\u6570\u636E\u4E0B\u8F7D",
+              icon: "path://M502.010485 765.939573c3.773953 3.719718 8.686846 5.573949 13.596669 5.573949 0.075725 0 0.151449-0.010233 0.227174-0.011256 0.329505 0.016373 0.654916 0.050142 0.988514 0.050142 0.706081 0 1.400906-0.042979 2.087545-0.116657 4.352121-0.366344 8.607028-2.190899 11.961426-5.496178l335.053985-330.166675c7.619538-7.509021 7.709589-19.773346 0.200568-27.393907s-19.774369-7.711636-27.39493-0.201591L536.193005 706.304358 536.193005 50.019207c0-10.698666-8.67252-19.371186-19.371186-19.371186s-19.371186 8.67252-19.371186 19.371186l0 657.032164-306.881342-302.44838c-7.618515-7.509021-19.883863-7.419993-27.393907 0.199545-7.509021 7.619538-7.419993 19.884886 0.199545 27.393907L502.010485 765.939573z,             M867.170139 711.020776c-10.698666 0-19.371186 8.67252-19.371186 19.371186l0 165.419494c0 13.054317-10.620895 23.675212-23.676236 23.675212L205.182103 919.486668c-13.054317 0-23.676236-10.620895-23.676236-23.675212L181.505867 730.391962c0-10.698666-8.67252-19.371186-19.371186-19.371186s-19.371186 8.67252-19.371186 19.371186l0 165.419494c0 34.416857 28.000728 62.416562 62.417585 62.416562l618.941638 0c34.417881 0 62.417585-27.999704 62.417585-62.416562L886.540302 730.391962C886.541325 719.693296 877.868805 711.020776 867.170139 711.020776z",
+              onclick() {
+                useDownloadFile(props2.toolboxDownloadUrl);
+              }
+            },
+            myDataZoom: {
+              show: true,
+              title: "\u653E\u5927",
+              icon: "path://M932.42 902.246667L792 761.793333A403.84 403.84 0 0 0 896 490.666667c0-223.86-181.473333-405.333333-405.333333-405.333334S85.333333 266.806667 85.333333 490.666667s181.473333 405.333333 405.333334 405.333333a403.84 403.84 0 0 0 271.126666-104l140.453334 140.453333a21.333333 21.333333 0 0 0 30.173333-30.173333zM128 490.666667c0-200.293333 162.373333-362.666667 362.666667-362.666667s362.666667 162.373333 362.666666 362.666667-162.373333 362.666667-362.666666 362.666666-362.666667-162.373333-362.666667-362.666666z m512 0a21.333333 21.333333 0 0 1-21.333333 21.333333H512v106.666667a21.333333 21.333333 0 0 1-42.666667 0V512H362.666667a21.333333 21.333333 0 0 1 0-42.666667h106.666666V362.666667a21.333333 21.333333 0 0 1 42.666667 0v106.666666h106.666667a21.333333 21.333333 0 0 1 21.333333 21.333334z",
+              onclick() {
+                visible.value = true;
+              }
+            },
+            myInfo: {
+              show: true,
+              title: "\u8BF4\u660E\u4FE1\u606F",
+              icon: "path://M512.50142 958.397886c-119.320573 0-231.499491-46.465265-315.871087-130.837884C112.258737 743.188406 65.792449 631.010511 65.792449 511.688915c0-119.319549 46.466288-231.499491 130.837884-315.871087C281.002952 111.445208 393.180847 64.979944 512.50142 64.979944s231.499491 46.465265 315.871087 130.837884c84.372619 84.372619 130.837884 196.551538 130.837884 315.871087 0 119.321596-46.465265 231.499491-130.837884 315.871087C744.000911 911.932622 631.821993 958.397886 512.50142 958.397886zM512.50142 105.962334c-223.718271 0-405.726581 182.00831-405.726581 405.726581s182.00831 405.726581 405.726581 405.726581c223.718271 0 405.727605-182.00831 405.727605-405.726581S736.220714 105.962334 512.50142 105.962334z M510.150886 775.953647c-18.107403 0-32.745798-14.678304-32.745798-32.785707L477.405087 452.191846c0-18.108426 14.638395-32.785707 32.745798-32.785707 18.107403 0 32.745798 14.678304 32.745798 32.785707l0 290.976094C542.896684 761.275343 528.258289 775.953647 510.150886 775.953647z M511.357364 296.458969m-45.080731 0a44.054 44.054 0 1 0 90.161463 0 44.054 44.054 0 1 0-90.161463 0Z",
+              onclick() {
+                Modal$1.info({
+                  title: "\u8BF4\u660E\u4FE1\u606F",
+                  content: props2.toolboxInfoText
+                });
+              }
+            }
+          }
+        },
         title: {
           text: props2.titleText,
           subtext: props2.titleSubtext,
@@ -3722,13 +4022,16 @@ const _sfc_main$a = defineComponent({
       option,
       style: style2,
       click,
-      loading
+      loading,
+      visible,
+      hideModal
     };
   }
 });
 function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_echarts = resolveComponent("echarts");
   const _component_spin = resolveComponent("spin");
+  const _component_a_modal = resolveComponent("a-modal");
   return openBlock(), createElementBlock("div", {
     style: normalizeStyle(_ctx.style)
   }, [
@@ -3741,7 +4044,28 @@ function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
         }, null, 8, ["option", "onClick"])
       ]),
       _: 1
-    }, 8, ["spinning"])
+    }, 8, ["spinning"]),
+    createVNode(_component_a_modal, {
+      "wrap-class-name": "full-modal",
+      width: "100%",
+      visible: _ctx.visible,
+      footer: null,
+      onCancel: _ctx.hideModal
+    }, {
+      default: withCtx(() => [
+        createVNode(_component_spin, { spinning: _ctx.loading }, {
+          default: withCtx(() => [
+            createVNode(_component_echarts, {
+              option: _ctx.option,
+              "update-options": { notMerge: true },
+              autoresize: ""
+            }, null, 8, ["option"])
+          ]),
+          _: 1
+        }, 8, ["spinning"])
+      ]),
+      _: 1
+    }, 8, ["visible", "onCancel"])
   ], 4);
 }
 var Pie = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["render", _sfc_render$a]]);
@@ -3792,13 +4116,24 @@ const lineProps = __spreadProps(__spreadValues({}, props), {
   valueTypeDataFieldNames: { name: "name", value: "value", type: "type" },
   keyTypeDataFieldNames: { name: "name", types: [] },
   dataFieldConfigType: "value",
-  graphicConfig: {}
+  graphicConfig: {},
+  toolboxShow: false,
+  toolboxOrient: "horizontal",
+  toolboxItemSize: 16,
+  toolboxItemGap: 8,
+  toolboxLeft: "right",
+  toolboxTop: "top",
+  toolboxIconStyleBorderColor: "#666",
+  toolboxDownloadUrl: "",
+  toolboxInfoText: "\u5F53\u524D\u65E0\u8BF4\u660E\u4FE1\u606F"
 });
 const lineComponentProps = transformToComponentProps(lineProps);
 const lineEvents = ["click", "refreshData"];
+var Line_vue_vue_type_style_index_0_lang = /* @__PURE__ */ (() => ".full-modal .ant-modal {\n  max-width: 100%;\n  top: 0;\n  padding-bottom: 0;\n  margin: 0;\n}\n.full-modal .ant-modal-content {\n  display: flex;\n  flex-direction: column;\n  height: calc(100vh);\n}\n.full-modal .ant-modal-body {\n  flex: 1;\n}\n.full-modal .ant-modal-body {\n  padding: 45px 30px 0;\n}\n")();
 use([
   CanvasRenderer,
   LineChart,
+  ToolboxComponent,
   TitleComponent,
   LegendComponent
 ]);
@@ -3807,13 +4142,54 @@ const _sfc_main$9 = defineComponent({
   props: __spreadValues({}, lineComponentProps),
   components: {
     Spin,
-    Echarts
+    Echarts,
+    AModal: Modal$1
   },
   setup(props2) {
     const style2 = usePickComponentStyle(props2);
     const series = ref([]);
     const dimensions = ref([]);
+    const visible = ref(false);
+    const hideModal = () => {
+      visible.value = false;
+    };
     const option = computed(() => ({
+      toolbox: {
+        show: props2.toolboxShow,
+        left: props2.toolboxLeft,
+        top: props2.toolboxTop,
+        itemSize: props2.toolboxItemSize,
+        itemGap: props2.toolboxItemGap,
+        feature: {
+          myDownload: {
+            show: true,
+            title: "\u6570\u636E\u4E0B\u8F7D",
+            icon: "path://M502.010485 765.939573c3.773953 3.719718 8.686846 5.573949 13.596669 5.573949 0.075725 0 0.151449-0.010233 0.227174-0.011256 0.329505 0.016373 0.654916 0.050142 0.988514 0.050142 0.706081 0 1.400906-0.042979 2.087545-0.116657 4.352121-0.366344 8.607028-2.190899 11.961426-5.496178l335.053985-330.166675c7.619538-7.509021 7.709589-19.773346 0.200568-27.393907s-19.774369-7.711636-27.39493-0.201591L536.193005 706.304358 536.193005 50.019207c0-10.698666-8.67252-19.371186-19.371186-19.371186s-19.371186 8.67252-19.371186 19.371186l0 657.032164-306.881342-302.44838c-7.618515-7.509021-19.883863-7.419993-27.393907 0.199545-7.509021 7.619538-7.419993 19.884886 0.199545 27.393907L502.010485 765.939573z,             M867.170139 711.020776c-10.698666 0-19.371186 8.67252-19.371186 19.371186l0 165.419494c0 13.054317-10.620895 23.675212-23.676236 23.675212L205.182103 919.486668c-13.054317 0-23.676236-10.620895-23.676236-23.675212L181.505867 730.391962c0-10.698666-8.67252-19.371186-19.371186-19.371186s-19.371186 8.67252-19.371186 19.371186l0 165.419494c0 34.416857 28.000728 62.416562 62.417585 62.416562l618.941638 0c34.417881 0 62.417585-27.999704 62.417585-62.416562L886.540302 730.391962C886.541325 719.693296 877.868805 711.020776 867.170139 711.020776z",
+            onclick() {
+              useDownloadFile(props2.toolboxDownloadUrl);
+            }
+          },
+          myDataZoom: {
+            show: true,
+            title: "\u653E\u5927",
+            icon: "path://M932.42 902.246667L792 761.793333A403.84 403.84 0 0 0 896 490.666667c0-223.86-181.473333-405.333333-405.333333-405.333334S85.333333 266.806667 85.333333 490.666667s181.473333 405.333333 405.333334 405.333333a403.84 403.84 0 0 0 271.126666-104l140.453334 140.453333a21.333333 21.333333 0 0 0 30.173333-30.173333zM128 490.666667c0-200.293333 162.373333-362.666667 362.666667-362.666667s362.666667 162.373333 362.666666 362.666667-162.373333 362.666667-362.666666 362.666666-362.666667-162.373333-362.666667-362.666666z m512 0a21.333333 21.333333 0 0 1-21.333333 21.333333H512v106.666667a21.333333 21.333333 0 0 1-42.666667 0V512H362.666667a21.333333 21.333333 0 0 1 0-42.666667h106.666666V362.666667a21.333333 21.333333 0 0 1 42.666667 0v106.666666h106.666667a21.333333 21.333333 0 0 1 21.333333 21.333334z",
+            onclick() {
+              visible.value = true;
+            }
+          },
+          myInfo: {
+            show: true,
+            title: "\u8BF4\u660E\u4FE1\u606F",
+            icon: "path://M512.50142 958.397886c-119.320573 0-231.499491-46.465265-315.871087-130.837884C112.258737 743.188406 65.792449 631.010511 65.792449 511.688915c0-119.319549 46.466288-231.499491 130.837884-315.871087C281.002952 111.445208 393.180847 64.979944 512.50142 64.979944s231.499491 46.465265 315.871087 130.837884c84.372619 84.372619 130.837884 196.551538 130.837884 315.871087 0 119.321596-46.465265 231.499491-130.837884 315.871087C744.000911 911.932622 631.821993 958.397886 512.50142 958.397886zM512.50142 105.962334c-223.718271 0-405.726581 182.00831-405.726581 405.726581s182.00831 405.726581 405.726581 405.726581c223.718271 0 405.727605-182.00831 405.727605-405.726581S736.220714 105.962334 512.50142 105.962334z M510.150886 775.953647c-18.107403 0-32.745798-14.678304-32.745798-32.785707L477.405087 452.191846c0-18.108426 14.638395-32.785707 32.745798-32.785707 18.107403 0 32.745798 14.678304 32.745798 32.785707l0 290.976094C542.896684 761.275343 528.258289 775.953647 510.150886 775.953647z M511.357364 296.458969m-45.080731 0a44.054 44.054 0 1 0 90.161463 0 44.054 44.054 0 1 0-90.161463 0Z",
+            onclick() {
+              Modal$1.info({
+                title: "\u8BF4\u660E\u4FE1\u606F",
+                content: props2.toolboxInfoText
+              });
+            }
+          }
+        }
+      },
       title: {
         text: props2.titleText,
         subText: props2.titleSubtext,
@@ -4007,13 +4383,16 @@ const _sfc_main$9 = defineComponent({
       option,
       style: style2,
       click,
-      loading
+      loading,
+      visible,
+      hideModal
     };
   }
 });
 function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_echarts = resolveComponent("echarts");
   const _component_spin = resolveComponent("spin");
+  const _component_a_modal = resolveComponent("a-modal");
   return openBlock(), createElementBlock("div", {
     style: normalizeStyle(_ctx.style)
   }, [
@@ -4026,7 +4405,28 @@ function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
         }, null, 8, ["option", "onClick"])
       ]),
       _: 1
-    }, 8, ["spinning"])
+    }, 8, ["spinning"]),
+    createVNode(_component_a_modal, {
+      "wrap-class-name": "full-modal",
+      width: "100%",
+      visible: _ctx.visible,
+      footer: null,
+      onCancel: _ctx.hideModal
+    }, {
+      default: withCtx(() => [
+        createVNode(_component_spin, { spinning: _ctx.loading }, {
+          default: withCtx(() => [
+            createVNode(_component_echarts, {
+              option: _ctx.option,
+              "update-options": { notMerge: true },
+              autoresize: ""
+            }, null, 8, ["option"])
+          ]),
+          _: 1
+        }, 8, ["spinning"])
+      ]),
+      _: 1
+    }, 8, ["visible", "onCancel"])
   ], 4);
 }
 var Line = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["render", _sfc_render$9]]);
@@ -4090,11 +4490,11 @@ const barProps = __spreadProps(__spreadValues({}, props), {
   gridLeft: "2%",
   gridRight: "2%",
   graphicConfig: {
-    chartType: "pie",
+    chartType: "bar",
     plugin: "1",
     layer: "2"
   },
-  toolboxShow: true,
+  toolboxShow: false,
   toolboxOrient: "horizontal",
   toolboxItemSize: 16,
   toolboxItemGap: 8,
@@ -4106,25 +4506,7 @@ const barProps = __spreadProps(__spreadValues({}, props), {
 });
 const barComponentProps = transformToComponentProps(barProps);
 const barEvents = ["refreshData", "click"];
-const useDownloadFile = async (downloadFileUrl) => {
-  var _a2;
-  const res = await request.post(downloadFileUrl, {}, {
-    responseType: "blob"
-  });
-  const { data, headers } = res;
-  const fileName = headers["content-disposition"].replace(/\w+;filename=(.*)/, "$1");
-  const blob = new Blob([data]);
-  const dom = document.createElement("a");
-  const url = window.URL.createObjectURL(blob);
-  dom.href = url;
-  dom.download = decodeURI(fileName);
-  dom.style.display = "none";
-  document.body.appendChild(dom);
-  dom.click();
-  (_a2 = dom.parentNode) == null ? void 0 : _a2.removeChild(dom);
-  window.URL.revokeObjectURL(url);
-};
-var Bar_vue_vue_type_style_index_0_lang = /* @__PURE__ */ (() => ".full-modal .ant-modal {\n  max-width: 100%;\n  top: 0;\n  padding-bottom: 0;\n  margin: 0;\n}\n.full-modal .ant-modal-content {\n  display: flex;\n  flex-direction: column;\n  height: calc(100vh);\n}\n.full-modal .ant-modal-body {\n  flex: 1;\n}\n.full-modal .modal-inner {\n  width: 100%;\n  height: 100%;\n  box-sizing: border-box;\n  padding: 20px;\n}\n")();
+var Bar_vue_vue_type_style_index_0_lang = /* @__PURE__ */ (() => ".full-modal .ant-modal {\n  max-width: 100%;\n  top: 0;\n  padding-bottom: 0;\n  margin: 0;\n}\n.full-modal .ant-modal-content {\n  display: flex;\n  flex-direction: column;\n  height: calc(100vh);\n}\n.full-modal .ant-modal-body {\n  flex: 1;\n}\n.full-modal .ant-modal-body {\n  padding: 45px 30px 0;\n}\n")();
 use([
   CanvasRenderer,
   BarChart,
@@ -4314,12 +4696,12 @@ const _sfc_main$8 = defineComponent({
         loading.value = false;
       }
     };
-    const requestDiagram = useRequestDiagramData(props2);
+    const indicatorData = useIndicatorData(props2);
     const handleIndicatorData = async () => {
       var _a2, _b2;
       try {
         loading.value = true;
-        const res = await requestDiagram();
+        const res = await indicatorData();
         const { columns = [], rows = [] } = (_b2 = (_a2 = res == null ? void 0 : res.data) == null ? void 0 : _a2.data) != null ? _b2 : {};
         let fieldNames;
         if (columns.length > 0) {
@@ -4383,7 +4765,6 @@ const _sfc_main$8 = defineComponent({
     };
   }
 });
-const _hoisted_1$3 = { class: "modal-inner" };
 function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_echarts = resolveComponent("echarts");
   const _component_spin = resolveComponent("spin");
@@ -4411,18 +4792,16 @@ function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
       onCancel: _ctx.hideModal
     }, {
       default: withCtx(() => [
-        createElementVNode("div", _hoisted_1$3, [
-          createVNode(_component_spin, { spinning: _ctx.loading }, {
-            default: withCtx(() => [
-              createVNode(_component_echarts, {
-                option: _ctx.option,
-                "update-options": { notMerge: true },
-                autoresize: ""
-              }, null, 8, ["option"])
-            ]),
-            _: 1
-          }, 8, ["spinning"])
-        ])
+        createVNode(_component_spin, { spinning: _ctx.loading }, {
+          default: withCtx(() => [
+            createVNode(_component_echarts, {
+              option: _ctx.option,
+              "update-options": { notMerge: true },
+              autoresize: ""
+            }, null, 8, ["option"])
+          ]),
+          _: 1
+        }, 8, ["spinning"])
       ]),
       _: 1
     }, 8, ["visible", "onCancel"])
@@ -4472,13 +4851,24 @@ const scatterProps = __spreadProps(__spreadValues({}, props), {
   gridBottom: "10%",
   gridLeft: "2%",
   gridRight: "2%",
-  graphicConfig: void 0
+  graphicConfig: void 0,
+  toolboxShow: false,
+  toolboxOrient: "horizontal",
+  toolboxItemSize: 16,
+  toolboxItemGap: 8,
+  toolboxLeft: "right",
+  toolboxTop: "top",
+  toolboxIconStyleBorderColor: "#666",
+  toolboxDownloadUrl: "",
+  toolboxInfoText: "\u5F53\u524D\u65E0\u8BF4\u660E\u4FE1\u606F"
 });
 const scatterComponentProps = transformToComponentProps(scatterProps);
 const scatterEvents = ["click", "refreshData"];
+var Scatter_vue_vue_type_style_index_0_lang = /* @__PURE__ */ (() => ".full-modal .ant-modal {\n  max-width: 100%;\n  top: 0;\n  padding-bottom: 0;\n  margin: 0;\n}\n.full-modal .ant-modal-content {\n  display: flex;\n  flex-direction: column;\n  height: calc(100vh);\n}\n.full-modal .ant-modal-body {\n  flex: 1;\n}\n.full-modal .ant-modal-body {\n  padding: 45px 30px 0;\n}\n")();
 use([
   CanvasRenderer,
   ScatterChart,
+  ToolboxComponent,
   TitleComponent,
   TooltipComponent,
   LegendComponent
@@ -4493,7 +4883,47 @@ const _sfc_main$7 = defineComponent({
   setup(props2) {
     const style2 = usePickComponentStyle(props2);
     const dataset = ref([]);
+    const visible = ref(false);
+    const hideModal = () => {
+      visible.value = false;
+    };
     const option = computed(() => ({
+      toolbox: {
+        show: props2.toolboxShow,
+        left: props2.toolboxLeft,
+        top: props2.toolboxTop,
+        itemSize: props2.toolboxItemSize,
+        itemGap: props2.toolboxItemGap,
+        feature: {
+          myDownload: {
+            show: true,
+            title: "\u6570\u636E\u4E0B\u8F7D",
+            icon: "path://M502.010485 765.939573c3.773953 3.719718 8.686846 5.573949 13.596669 5.573949 0.075725 0 0.151449-0.010233 0.227174-0.011256 0.329505 0.016373 0.654916 0.050142 0.988514 0.050142 0.706081 0 1.400906-0.042979 2.087545-0.116657 4.352121-0.366344 8.607028-2.190899 11.961426-5.496178l335.053985-330.166675c7.619538-7.509021 7.709589-19.773346 0.200568-27.393907s-19.774369-7.711636-27.39493-0.201591L536.193005 706.304358 536.193005 50.019207c0-10.698666-8.67252-19.371186-19.371186-19.371186s-19.371186 8.67252-19.371186 19.371186l0 657.032164-306.881342-302.44838c-7.618515-7.509021-19.883863-7.419993-27.393907 0.199545-7.509021 7.619538-7.419993 19.884886 0.199545 27.393907L502.010485 765.939573z,             M867.170139 711.020776c-10.698666 0-19.371186 8.67252-19.371186 19.371186l0 165.419494c0 13.054317-10.620895 23.675212-23.676236 23.675212L205.182103 919.486668c-13.054317 0-23.676236-10.620895-23.676236-23.675212L181.505867 730.391962c0-10.698666-8.67252-19.371186-19.371186-19.371186s-19.371186 8.67252-19.371186 19.371186l0 165.419494c0 34.416857 28.000728 62.416562 62.417585 62.416562l618.941638 0c34.417881 0 62.417585-27.999704 62.417585-62.416562L886.540302 730.391962C886.541325 719.693296 877.868805 711.020776 867.170139 711.020776z",
+            onclick() {
+              useDownloadFile(props2.toolboxDownloadUrl);
+            }
+          },
+          myDataZoom: {
+            show: true,
+            title: "\u653E\u5927",
+            icon: "path://M932.42 902.246667L792 761.793333A403.84 403.84 0 0 0 896 490.666667c0-223.86-181.473333-405.333333-405.333333-405.333334S85.333333 266.806667 85.333333 490.666667s181.473333 405.333333 405.333334 405.333333a403.84 403.84 0 0 0 271.126666-104l140.453334 140.453333a21.333333 21.333333 0 0 0 30.173333-30.173333zM128 490.666667c0-200.293333 162.373333-362.666667 362.666667-362.666667s362.666667 162.373333 362.666666 362.666667-162.373333 362.666667-362.666666 362.666666-362.666667-162.373333-362.666667-362.666666z m512 0a21.333333 21.333333 0 0 1-21.333333 21.333333H512v106.666667a21.333333 21.333333 0 0 1-42.666667 0V512H362.666667a21.333333 21.333333 0 0 1 0-42.666667h106.666666V362.666667a21.333333 21.333333 0 0 1 42.666667 0v106.666666h106.666667a21.333333 21.333333 0 0 1 21.333333 21.333334z",
+            onclick() {
+              visible.value = true;
+            }
+          },
+          myInfo: {
+            show: true,
+            title: "\u8BF4\u660E\u4FE1\u606F",
+            icon: "path://M512.50142 958.397886c-119.320573 0-231.499491-46.465265-315.871087-130.837884C112.258737 743.188406 65.792449 631.010511 65.792449 511.688915c0-119.319549 46.466288-231.499491 130.837884-315.871087C281.002952 111.445208 393.180847 64.979944 512.50142 64.979944s231.499491 46.465265 315.871087 130.837884c84.372619 84.372619 130.837884 196.551538 130.837884 315.871087 0 119.321596-46.465265 231.499491-130.837884 315.871087C744.000911 911.932622 631.821993 958.397886 512.50142 958.397886zM512.50142 105.962334c-223.718271 0-405.726581 182.00831-405.726581 405.726581s182.00831 405.726581 405.726581 405.726581c223.718271 0 405.727605-182.00831 405.727605-405.726581S736.220714 105.962334 512.50142 105.962334z M510.150886 775.953647c-18.107403 0-32.745798-14.678304-32.745798-32.785707L477.405087 452.191846c0-18.108426 14.638395-32.785707 32.745798-32.785707 18.107403 0 32.745798 14.678304 32.745798 32.785707l0 290.976094C542.896684 761.275343 528.258289 775.953647 510.150886 775.953647z M511.357364 296.458969m-45.080731 0a44.054 44.054 0 1 0 90.161463 0 44.054 44.054 0 1 0-90.161463 0Z",
+            onclick() {
+              Modal$1.info({
+                title: "\u8BF4\u660E\u4FE1\u606F",
+                content: props2.toolboxInfoText
+              });
+            }
+          }
+        }
+      },
       title: {
         text: props2.titleText,
         subtext: props2.titleSubtext,
@@ -4628,13 +5058,16 @@ const _sfc_main$7 = defineComponent({
       option,
       style: style2,
       click,
-      loading
+      loading,
+      visible,
+      hideModal
     };
   }
 });
 function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_echarts = resolveComponent("echarts");
   const _component_spin = resolveComponent("spin");
+  const _component_a_modal = resolveComponent("a-modal");
   return openBlock(), createElementBlock("div", {
     style: normalizeStyle(_ctx.style)
   }, [
@@ -4647,7 +5080,28 @@ function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
         }, null, 8, ["option", "onClick"])
       ]),
       _: 1
-    }, 8, ["spinning"])
+    }, 8, ["spinning"]),
+    createVNode(_component_a_modal, {
+      "wrap-class-name": "full-modal",
+      width: "100%",
+      visible: _ctx.visible,
+      footer: null,
+      onCancel: _ctx.hideModal
+    }, {
+      default: withCtx(() => [
+        createVNode(_component_spin, { spinning: _ctx.loading }, {
+          default: withCtx(() => [
+            createVNode(_component_echarts, {
+              option: _ctx.option,
+              "update-options": { notMerge: true },
+              autoresize: ""
+            }, null, 8, ["option"])
+          ]),
+          _: 1
+        }, 8, ["spinning"])
+      ]),
+      _: 1
+    }, 8, ["visible", "onCancel"])
   ], 4);
 }
 var Scatter = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render$7]]);
@@ -4789,35 +5243,87 @@ const comboGraphProps = __spreadProps(__spreadValues({}, props), {
   gridBottom: "10%",
   gridLeft: "2%",
   gridRight: "2%",
-  graphicConfig: {}
+  graphicConfig: {},
+  toolboxShow: false,
+  toolboxOrient: "horizontal",
+  toolboxItemSize: 16,
+  toolboxItemGap: 8,
+  toolboxLeft: "right",
+  toolboxTop: "top",
+  toolboxIconStyleBorderColor: "#666",
+  toolboxDownloadUrl: "",
+  toolboxInfoText: "\u5F53\u524D\u65E0\u8BF4\u660E\u4FE1\u606F"
 });
 const comboGraphComponentProps = transformToComponentProps(comboGraphProps);
 const comboGraphEvents = ["refreshData", "click"];
+var ComboGraph_vue_vue_type_style_index_0_lang = /* @__PURE__ */ (() => ".full-modal .ant-modal {\n  max-width: 100%;\n  top: 0;\n  padding-bottom: 0;\n  margin: 0;\n}\n.full-modal .ant-modal-content {\n  display: flex;\n  flex-direction: column;\n  height: calc(100vh);\n}\n.full-modal .ant-modal-body {\n  flex: 1;\n}\n.full-modal .ant-modal-body {\n  padding: 45px 30px 0;\n}\n")();
 use([
   CanvasRenderer,
   BarChart,
   LineChart,
   TitleComponent,
   LegendComponent,
-  DatasetComponent
+  DatasetComponent,
+  ToolboxComponent
 ]);
 const _sfc_main$5 = defineComponent({
   name: "EcanComboGraph",
   props: __spreadValues({}, comboGraphComponentProps),
   components: {
     Spin,
-    Echarts
+    Echarts,
+    AModal: Modal$1
   },
   setup(props2) {
     const style2 = usePickComponentStyle(props2);
     const series = ref([]);
     const dimensions = ref([]);
+    const visible = ref(false);
+    const hideModal = () => {
+      visible.value = false;
+    };
     const option = computed(() => ({
       title: {
         text: props2.titleText,
         subtext: props2.titleSubtext,
         left: "center"
       },
+      toolbox: {
+        show: props2.toolboxShow,
+        left: props2.toolboxLeft,
+        top: props2.toolboxTop,
+        itemSize: props2.toolboxItemSize,
+        itemGap: props2.toolboxItemGap,
+        feature: {
+          myDownload: {
+            show: true,
+            title: "\u6570\u636E\u4E0B\u8F7D",
+            icon: "path://M502.010485 765.939573c3.773953 3.719718 8.686846 5.573949 13.596669 5.573949 0.075725 0 0.151449-0.010233 0.227174-0.011256 0.329505 0.016373 0.654916 0.050142 0.988514 0.050142 0.706081 0 1.400906-0.042979 2.087545-0.116657 4.352121-0.366344 8.607028-2.190899 11.961426-5.496178l335.053985-330.166675c7.619538-7.509021 7.709589-19.773346 0.200568-27.393907s-19.774369-7.711636-27.39493-0.201591L536.193005 706.304358 536.193005 50.019207c0-10.698666-8.67252-19.371186-19.371186-19.371186s-19.371186 8.67252-19.371186 19.371186l0 657.032164-306.881342-302.44838c-7.618515-7.509021-19.883863-7.419993-27.393907 0.199545-7.509021 7.619538-7.419993 19.884886 0.199545 27.393907L502.010485 765.939573z,             M867.170139 711.020776c-10.698666 0-19.371186 8.67252-19.371186 19.371186l0 165.419494c0 13.054317-10.620895 23.675212-23.676236 23.675212L205.182103 919.486668c-13.054317 0-23.676236-10.620895-23.676236-23.675212L181.505867 730.391962c0-10.698666-8.67252-19.371186-19.371186-19.371186s-19.371186 8.67252-19.371186 19.371186l0 165.419494c0 34.416857 28.000728 62.416562 62.417585 62.416562l618.941638 0c34.417881 0 62.417585-27.999704 62.417585-62.416562L886.540302 730.391962C886.541325 719.693296 877.868805 711.020776 867.170139 711.020776z",
+            onclick() {
+              useDownloadFile(props2.toolboxDownloadUrl);
+            }
+          },
+          myDataZoom: {
+            show: true,
+            title: "\u653E\u5927",
+            icon: "path://M932.42 902.246667L792 761.793333A403.84 403.84 0 0 0 896 490.666667c0-223.86-181.473333-405.333333-405.333333-405.333334S85.333333 266.806667 85.333333 490.666667s181.473333 405.333333 405.333334 405.333333a403.84 403.84 0 0 0 271.126666-104l140.453334 140.453333a21.333333 21.333333 0 0 0 30.173333-30.173333zM128 490.666667c0-200.293333 162.373333-362.666667 362.666667-362.666667s362.666667 162.373333 362.666666 362.666667-162.373333 362.666667-362.666666 362.666666-362.666667-162.373333-362.666667-362.666666z m512 0a21.333333 21.333333 0 0 1-21.333333 21.333333H512v106.666667a21.333333 21.333333 0 0 1-42.666667 0V512H362.666667a21.333333 21.333333 0 0 1 0-42.666667h106.666666V362.666667a21.333333 21.333333 0 0 1 42.666667 0v106.666666h106.666667a21.333333 21.333333 0 0 1 21.333333 21.333334z",
+            onclick() {
+              visible.value = true;
+            }
+          },
+          myInfo: {
+            show: true,
+            title: "\u8BF4\u660E\u4FE1\u606F",
+            icon: "path://M512.50142 958.397886c-119.320573 0-231.499491-46.465265-315.871087-130.837884C112.258737 743.188406 65.792449 631.010511 65.792449 511.688915c0-119.319549 46.466288-231.499491 130.837884-315.871087C281.002952 111.445208 393.180847 64.979944 512.50142 64.979944s231.499491 46.465265 315.871087 130.837884c84.372619 84.372619 130.837884 196.551538 130.837884 315.871087 0 119.321596-46.465265 231.499491-130.837884 315.871087C744.000911 911.932622 631.821993 958.397886 512.50142 958.397886zM512.50142 105.962334c-223.718271 0-405.726581 182.00831-405.726581 405.726581s182.00831 405.726581 405.726581 405.726581c223.718271 0 405.727605-182.00831 405.727605-405.726581S736.220714 105.962334 512.50142 105.962334z M510.150886 775.953647c-18.107403 0-32.745798-14.678304-32.745798-32.785707L477.405087 452.191846c0-18.108426 14.638395-32.785707 32.745798-32.785707 18.107403 0 32.745798 14.678304 32.745798 32.785707l0 290.976094C542.896684 761.275343 528.258289 775.953647 510.150886 775.953647z M511.357364 296.458969m-45.080731 0a44.054 44.054 0 1 0 90.161463 0 44.054 44.054 0 1 0-90.161463 0Z",
+            onclick() {
+              Modal$1.info({
+                title: "\u8BF4\u660E\u4FE1\u606F",
+                content: props2.toolboxInfoText
+              });
+            }
+          }
+        }
+      },
       grid: {
         top: props2.gridTop,
         bottom: props2.gridBottom,
@@ -5018,13 +5524,16 @@ const _sfc_main$5 = defineComponent({
       style: style2,
       option,
       click,
-      loading
+      loading,
+      visible,
+      hideModal
     };
   }
 });
 function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_echarts = resolveComponent("echarts");
   const _component_spin = resolveComponent("spin");
+  const _component_a_modal = resolveComponent("a-modal");
   return openBlock(), createElementBlock("div", {
     style: normalizeStyle(_ctx.style)
   }, [
@@ -5038,7 +5547,29 @@ function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
         }, null, 8, ["option", "onClick"])
       ]),
       _: 1
-    }, 8, ["spinning"])
+    }, 8, ["spinning"]),
+    createVNode(_component_a_modal, {
+      "wrap-class-name": "full-modal",
+      width: "100%",
+      visible: _ctx.visible,
+      footer: null,
+      onCancel: _ctx.hideModal
+    }, {
+      default: withCtx(() => [
+        createVNode(_component_spin, { spinning: _ctx.loading }, {
+          default: withCtx(() => [
+            createVNode(_component_echarts, {
+              option: _ctx.option,
+              "update-options": { notMerge: true },
+              autoresize: "",
+              onClick: _ctx.click
+            }, null, 8, ["option", "onClick"])
+          ]),
+          _: 1
+        }, 8, ["spinning"])
+      ]),
+      _: 1
+    }, 8, ["visible", "onCancel"])
   ], 4);
 }
 var ComboGraph = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["render", _sfc_render$5]]);
@@ -5060,7 +5591,7 @@ const borderComponentProps = transformToComponentProps(borderProps);
 const borderEvents = ["click"];
 var _imports_0 = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHQAAAAcCAMAAACH42siAAAAZlBMVEUAAABBltJCldJCldFEk89BltJCltFBldI/lMBKndtmb9pCltNDldFAkclAldNBldJBltM/lM5AltNCldJBldJBlNJBltVBldJBlNJBlNI/lNNBldJBldNAldJBldJBldJBldNBldIiNK7WAAAAInRSTlMAM4BNGmaz5gQGbiAPCV1WQxUpOCY9EmxQSC2jdoacqZK8uPo7tAAAAZ9JREFUSMe90NmOwjAMheGka0J3SulCy/L+Lzk4I+HYhckEKs7dr1x8kQVM5YJMZ7SLiXVHOw817Z72cSns3BmziY7EnGRGjDqUpKt4pEZQKruvyaJt85YmBUebKLJVNUlpq6oOQ1tVVRzbqu6DwFb1NUlsVd3SNL0UDM0jqkaSqoeQqjKmahtQNUzuC1AtU1sF9KHmnmrtrSK6idqBWqE6GFVxFdGvqDGoJ01Qt7rfTEV0e7V6qSK6VjNPtTaqoOq8Ugnqr7aeav+rAuqrTh+qZw3o1urAVcFVQD3U6ZnaYY9MLZk6G5WhDaDFI9UeUPyE7gCNsAdAD9gxoBJ7ARRPUVwALXdu8/h/s3xmjtwUu0/M0M/UJzBjAei3TUTdpmKmcpkBmOHKBNTPzJi59zYJys3DO2aL78YcmNkLgrrM9m9TucwzmoBy08xlju+bgL42G4c5OcxqZSLqbwqXOVNTGXMWFD0ak6KN1ZKaojYmbribndW9MXELNQEFFUyiNqQlmEQ1JqpgErUifUUTUVEIupx1wzpjvWfdsh4FQX8ANe4nnpsb9NEAAAAASUVORK5CYII=";
 var _imports_1 = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHQAAAAcCAMAAACH42siAAAAaVBMVEUAAABElM9BltJCldJCldFBltJBldJCltFNmrNCmNNFldNAldJBldNBldRBldNBldNBldJCoNFBldJBltNBldJBldJAldJAltJBldJBldJBldNAlNFAldJBlNJAldJBldNBldJBldJBldLfIVowAAAAI3RSTlMAGjJNgGbmswMSCScgDTs/ZAVRK0eYj2s3r3AWveHEhXjeXb5rzlgAAAFqSURBVEjH1dbJVsJAEIXhHjJ05tlEooK8/0NKsbDrFjmHiBD0Lvqcf9PfthRM7xvoZMQuLHZaOejGYLtcdEItzI9oaLg5xIHj5hgcG262oXXcrGzJ23Umg5717C7NKBrAjOMDM8YgCI5ghmEPprUTmMZkrBOtdbJgfpZovho0gwzNOkfTam9k5jSGkKlTMOezWT3VLH5qlg8wQzSbO5jJ28l8Z+YLmZMwuz9lupvNXpjlFTMTZv7vzFSatTDtGnNeYdpNzZTMSJhx5f84m8Y3mSEzJzTVolko3J7Qve+a0J3vntDWffdEaMUQQo1vTWjuuyA0UWvUUarqzuqLUMPt1MD3uKTaTdRwvdrdorpFtfZtH6eyK2F3RS23U3uhlr9VB1TdE1V2h7Vr1O4mdbdera6o+Wq1Vqi2rEktFapGoZopVLVCtVCXag19IBPUiiWpBrojE1QNXZAp1/TYbhKdKVwuWotORKfn9wu/DSc/X9T6qgAAAABJRU5ErkJggg==";
-var Border_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => '.top-title[data-v-f83231c0],\n.no-title[data-v-f83231c0] {\n  border: 1px solid rgba(55, 85, 218, 0.3);\n  background: rgba(7, 22, 85, 0.8);\n  position: relative;\n  box-sizing: border-box;\n  width: 100%;\n  height: 100%;\n}\n.top-title .border-item[data-v-f83231c0],\n.no-title .border-item[data-v-f83231c0] {\n  position: absolute;\n  z-index: 2;\n  border-color: #50FCFC;\n  border-style: solid;\n  width: 13px;\n  height: 11px;\n}\n.top-title .top-left[data-v-f83231c0],\n.no-title .top-left[data-v-f83231c0] {\n  top: 0;\n  left: 0;\n  border-top-width: 1px;\n  border-right-width: 0;\n  border-bottom-width: 0;\n  border-left-width: 1px;\n}\n.top-title .top-right[data-v-f83231c0],\n.no-title .top-right[data-v-f83231c0] {\n  top: 0;\n  right: -2px;\n  border-top-width: 1px;\n  border-right-width: 1px;\n  border-bottom-width: 0;\n  border-left-width: 0;\n}\n.top-title .bottom-left[data-v-f83231c0],\n.no-title .bottom-left[data-v-f83231c0] {\n  bottom: -2px;\n  left: 0;\n  border-top-width: 0;\n  border-right-width: 0;\n  border-bottom-width: 1px;\n  border-left-width: 1px;\n}\n.top-title .bottom-right[data-v-f83231c0],\n.no-title .bottom-right[data-v-f83231c0] {\n  bottom: -2px;\n  right: -2px;\n  border-top-width: 0;\n  border-right-width: 1px;\n  border-bottom-width: 1px;\n  border-left-width: 0;\n}\n.top-title .title-item-wrapper[data-v-f83231c0],\n.no-title .title-item-wrapper[data-v-f83231c0] {\n  width: 100%;\n  padding: 5px 0;\n  background-image: url("data:image/png;base64,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");\n  background-size: cover;\n  display: grid;\n  place-content: center;\n}\n.top-title .title-item[data-v-f83231c0],\n.no-title .title-item[data-v-f83231c0] {\n  display: flex;\n  align-items: center;\n}\n.top-title .title[data-v-f83231c0],\n.no-title .title[data-v-f83231c0] {\n  padding: 0 17px;\n  color: #d5fdfd;\n  background: linear-gradient(0deg, #01aaff, #00eaff);\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n}\n.top-title .title-decoration-left[data-v-f83231c0],\n.no-title .title-decoration-left[data-v-f83231c0] {\n  width: 58px;\n  height: 14px;\n}\n.top-title .title-decoration-right[data-v-f83231c0],\n.no-title .title-decoration-right[data-v-f83231c0] {\n  width: 58px;\n  height: 14px;\n}\n.only-border[data-v-f83231c0] {\n  border: 2px solid #375A8899;\n  border-radius: 8px;\n  width: 100%;\n  height: 100%;\n}\n.left-title[data-v-f83231c0] {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  border: 2px solid #375A8899;\n  border-radius: 8px;\n}\n.left-title .title[data-v-f83231c0] {\n  position: absolute;\n  left: -33px;\n  top: -14px;\n  width: 33px;\n  min-height: 194px;\n  padding-top: 33px;\n  padding-bottom: 31px;\n  background-image: url("data:image/png;base64,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");\n  background-repeat: no-repeat;\n  background-size: 100% 100%;\n  color: #fff;\n  font-weight: 500;\n  text-align: center;\n}\n.left-title .title span[data-v-f83231c0] {\n  writing-mode: vertical-lr;\n}\n')();
+var Border_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => '.top-title[data-v-3c3b861e],\n.no-title[data-v-3c3b861e] {\n  border: 1px solid rgba(55, 85, 218, 0.3);\n  background: rgba(7, 22, 85, 0.8);\n  position: relative;\n  box-sizing: border-box;\n  width: 100%;\n  height: 100%;\n}\n.top-title .border-item[data-v-3c3b861e],\n.no-title .border-item[data-v-3c3b861e] {\n  position: absolute;\n  z-index: 2;\n  border-color: #50FCFC;\n  border-style: solid;\n  width: 13px;\n  height: 11px;\n}\n.top-title .top-left[data-v-3c3b861e],\n.no-title .top-left[data-v-3c3b861e] {\n  top: 0;\n  left: 0;\n  border-top-width: 1px;\n  border-right-width: 0;\n  border-bottom-width: 0;\n  border-left-width: 1px;\n}\n.top-title .top-right[data-v-3c3b861e],\n.no-title .top-right[data-v-3c3b861e] {\n  top: 0;\n  right: -2px;\n  border-top-width: 1px;\n  border-right-width: 1px;\n  border-bottom-width: 0;\n  border-left-width: 0;\n}\n.top-title .bottom-left[data-v-3c3b861e],\n.no-title .bottom-left[data-v-3c3b861e] {\n  bottom: -2px;\n  left: 0;\n  border-top-width: 0;\n  border-right-width: 0;\n  border-bottom-width: 1px;\n  border-left-width: 1px;\n}\n.top-title .bottom-right[data-v-3c3b861e],\n.no-title .bottom-right[data-v-3c3b861e] {\n  bottom: -2px;\n  right: -2px;\n  border-top-width: 0;\n  border-right-width: 1px;\n  border-bottom-width: 1px;\n  border-left-width: 0;\n}\n.top-title .title-item-wrapper[data-v-3c3b861e],\n.no-title .title-item-wrapper[data-v-3c3b861e] {\n  width: 100%;\n  padding: 5px 0;\n  background-image: url("data:image/png;base64,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");\n  background-size: cover;\n  display: grid;\n  place-content: center;\n}\n.top-title .title-item[data-v-3c3b861e],\n.no-title .title-item[data-v-3c3b861e] {\n  display: flex;\n  align-items: center;\n}\n.top-title .title[data-v-3c3b861e],\n.no-title .title[data-v-3c3b861e] {\n  padding: 0 17px;\n  color: #d5fdfd;\n  background: linear-gradient(0deg, #01aaff, #00eaff);\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n}\n.top-title .title-decoration-left[data-v-3c3b861e],\n.no-title .title-decoration-left[data-v-3c3b861e] {\n  width: 58px;\n  height: 14px;\n}\n.top-title .title-decoration-right[data-v-3c3b861e],\n.no-title .title-decoration-right[data-v-3c3b861e] {\n  width: 58px;\n  height: 14px;\n}\n.only-border[data-v-3c3b861e] {\n  border: 2px solid #375A8899;\n  border-radius: 8px;\n  width: 100%;\n  height: 100%;\n}\n.left-title[data-v-3c3b861e] {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  border: 2px solid #375A8899;\n  border-radius: 8px;\n}\n.left-title .title[data-v-3c3b861e] {\n  position: absolute;\n  left: -33px;\n  top: -14px;\n  width: 33px;\n  min-height: 194px;\n  padding-top: 33px;\n  padding-bottom: 31px;\n  background-image: url("data:image/png;base64,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");\n  background-repeat: no-repeat;\n  background-size: 100% 100%;\n  color: #fff;\n  font-weight: 500;\n  text-align: center;\n}\n.left-title .title span[data-v-3c3b861e] {\n  writing-mode: vertical-lr;\n}\n')();
 const _sfc_main$4 = defineComponent({
   name: "EcanBorder",
   props: __spreadValues({}, borderComponentProps),
@@ -5078,7 +5609,7 @@ const _sfc_main$4 = defineComponent({
     };
   }
 });
-const _withScopeId = (n) => (pushScopeId("data-v-f83231c0"), n = n(), popScopeId(), n);
+const _withScopeId = (n) => (pushScopeId("data-v-3c3b861e"), n = n(), popScopeId(), n);
 const _hoisted_1$2 = {
   key: 0,
   class: "top-title"
@@ -5149,7 +5680,7 @@ function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
     ])) : createCommentVNode("", true)
   ], 4);
 }
-var Border = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["render", _sfc_render$4], ["__scopeId", "data-v-f83231c0"]]);
+var Border = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["render", _sfc_render$4], ["__scopeId", "data-v-3c3b861e"]]);
 const EcanBorder = withInstall(Border);
 const modalProps = {
   id: "",
@@ -5415,38 +5946,41 @@ const tableProps = __spreadProps(__spreadValues({}, props), {
       address: "\u798F\u5DDE\u8F6F\u4EF6\u56ED"
     }
   ],
-  graphicConfig: {}
+  graphicConfig: {
+    chartType: "table",
+    plugin: "1",
+    layer: "1"
+  }
 });
 const tableComponentProps = transformToComponentProps(tableProps);
 const tableEvents = ["click", "refreshData"];
-var Table_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => `.table[data-v-3c009dfc] {
+var Table_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => `.table[data-v-56b87792] {
   width: 100%;
-  height: 100%;
 }
-.goUp[data-v-3c009dfc] {
+.goUp[data-v-56b87792] {
   color: #FF512E;
   display: flex;
   align-items: center;
 }
-.goUp[data-v-3c009dfc]:before {
+.goUp[data-v-56b87792]:before {
   content: '';
   display: block;
-  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAV1BMVEUAAAD/WzT/WjP/WDD/WzT/WzP/WzT/WzT/WzT/WjT/WzT/WDT/YED/WzT/WzT/WjT/YED/WzT/WzT/WzT/XDT/WzT/WjX/WjP/XDT/XDT/WTL/Tif/WzReH8z5AAAAHHRSTlMA8RgS9W9YHbePZyME5sVjCP7bzcCxgndOQC4GFJJgKwAAAIJJREFUKM+Nkd0OgyAMRjvqcLA53fzXvv9zaokmxq8mnsue5ACFDjiy+XyjLZ7yyK35OxN5mSFZKa2QojEIKRhrZKM0QnsMQxirmJ0kBubTIZvAtUyiFAT4JFoUIYmIotZ5xjDPfyoCAV16nMPdFir8xZ16nM//tePtXw2ODOJY0V0WqQwM2rgKrU0AAAAASUVORK5CYII=");
+  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAV1BMVEUAAAD/WzT/WjP/WDD/WzT/WzP/WzT/WzT/WzT/WjT/WzT/WDT/YED/WzT/WzT/WjT/YED/WzT/WzT/WzT/XDT/WzT/WjX/WjP/XDT/XDT/WTL/Tif/WzReH8z5AAAAHHRSTlMA8RgS9W9YHbePZyME5sVjCP7bzcCxgndOQC4GFJJgKwAAAIJJREFUKM+Nkd0OgyAMRjvqcLA53fzXvv9zaokmxq8mnsue5ACFDjiy+XyjLZ7yyK35OxN5mSFZKa2QojEIKRhrZKM0QnsMQxirmJ0kBubTIZvAtUyiFAT4JFoUIYmIotZ5xjDPfyoCAV16nMPdFir8xZ16nM//tePtXw2ODOJY0V0WqQwM2rgKrU0AAAAASUVORK5CYII=");
   width: 12px;
   height: 12px;
   background-repeat: no-repeat;
   background-size: cover;
   margin-right: 2px;
 }
-.goDown[data-v-3c009dfc] {
+.goDown[data-v-56b87792] {
   color: #00F7B4;
   display: flex;
   align-items: center;
 }
-.goDown[data-v-3c009dfc]:before {
+.goDown[data-v-56b87792]:before {
   content: '';
   display: block;
-  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAaVBMVEUAAAAA+b0A+LwA+L0A/6AA+LwA+L0A+L0A+b0A+LwA/78A+LwA+L0A+LwA+LwA+b0A+LsA970A+LwA+r0A9boA/7YA+LwA+LwA+LwA+L0A97wA+bwA970A970A+bwA+bwA+LsA9rkA+LzcCa+5AAAAInRSTlMAd/uVAvjYxCsiDvPp37F7aWBMNBgK7s/NvKidh4NXUEcdp9A1SAAAAI5JREFUKM+l0UcOwzAMRFGqWZbcW3rl/Q8ZhUGKMN7lLedD4EKUi/3BEIrGsQu432pmPuF+1WnfRNjLipMz7HbHT3cIF9n3BLYSerzAooSgZNcWQiuhIdBI8JQblNISCqXU/BNG/mqzJ+az13MWluIdRspNmgV+Rvc6vkCwPu1uIhQq5o7WDOwtrToG+ssDeh4QPgfT2X0AAAAASUVORK5CYII=");
+  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAaVBMVEUAAAAA+b0A+LwA+L0A/6AA+LwA+L0A+L0A+b0A+LwA/78A+LwA+L0A+LwA+LwA+b0A+LsA970A+LwA+r0A9boA/7YA+LwA+LwA+LwA+L0A97wA+bwA970A970A+bwA+bwA+LsA9rkA+LzcCa+5AAAAInRSTlMAd/uVAvjYxCsiDvPp37F7aWBMNBgK7s/NvKidh4NXUEcdp9A1SAAAAI5JREFUKM+l0UcOwzAMRFGqWZbcW3rl/Q8ZhUGKMN7lLedD4EKUi/3BEIrGsQu432pmPuF+1WnfRNjLipMz7HbHT3cIF9n3BLYSerzAooSgZNcWQiuhIdBI8JQblNISCqXU/BNG/mqzJ+az13MWluIdRspNmgV+Rvc6vkCwPu1uIhQq5o7WDOwtrToG+ssDeh4QPgfT2X0AAAAASUVORK5CYII=");
   width: 12px;
   height: 12px;
   background-repeat: no-repeat;
@@ -5454,7 +5988,7 @@ var Table_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => `
   margin-right: 2px;
 }
 `)();
-var Table_vue_vue_type_style_index_1_lang = /* @__PURE__ */ (() => ".ecan-table *::-webkit-scrollbar {\n  width: 6px;\n  height: 6px;\n}\n.ecan-table *::-webkit-scrollbar-thumb {\n  border-radius: 3px;\n  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);\n  background-color: #c8c9ca !important;\n}\n.ecan-table *::-webkit-scrollbar-track {\n  background-color: #fff;\n}\n.ecan-table .ant-table-cell-scrollbar {\n  box-shadow: 0 1px 0 1px transparent;\n}\n.ecan-table .ant-table {\n  color: rgba(0, 0, 0, 0.65);\n  background: #ffffff;\n}\n.ecan-table .ant-table-thead > tr > th {\n  color: rgba(0, 0, 0, 0.85);\n  background: #fafafa;\n  border-bottom: 1px solid #f0f0f0;\n}\n.ecan-table .ant-table-tbody > tr > td {\n  border-bottom: 1px solid #f0f0f0;\n}\n.ecan-table .ant-table-bordered .ant-table-container {\n  border: 1px solid #f0f0f0 !important;\n}\n.ecan-table .ant-table-bordered .ant-table-cell {\n  border-right: 1px solid #f0f0f0 !important;\n}\n.ecan-table .ant-pagination-item-link {\n  border: 1px solid #d9d9d9 !important;\n}\n.ecan-table .anticon {\n  color: rgba(0, 0, 0, 0.65) !important;\n}\n[datav-theme='darkBlue'] .ecan-table *::-webkit-scrollbar-thumb {\n  background-color: #2f4dac !important;\n}\n[datav-theme='darkBlue'] .ecan-table *::-webkit-scrollbar-track {\n  background-color: #192c70;\n}\n[datav-theme='darkBlue'] .ecan-table *::-webkit-scrollbar-corner {\n  background-color: #192c70 !important;\n}\n[datav-theme='darkBlue'] .ecan-table .ant-table {\n  color: #e8e8e8;\n  background: #071655;\n}\n[datav-theme='darkBlue'] .ecan-table .ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table,\n[datav-theme='darkBlue'] .ecan-table .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table {\n  border-top: 1px solid #3e8ee3 !important;\n}\n[datav-theme='darkBlue'] .ecan-table .ant-table-thead > tr > th {\n  color: #cdd0f7;\n  background: #17338c;\n  border-bottom: 1px solid #3e8ee3;\n}\n[datav-theme='darkBlue'] .ecan-table .ant-table-tbody > tr > td {\n  border-bottom: 1px solid #3e8ee3;\n}\n[datav-theme='darkBlue'] .ecan-table .ant-table-bordered .ant-table-container {\n  border: 1px solid #3e8ee3 !important;\n}\n[datav-theme='darkBlue'] .ecan-table .ant-table-bordered .ant-table-cell {\n  border-right: 1px solid #3e8ee3 !important;\n}\n[datav-theme='darkBlue'] .ecan-table .ant-pagination-item-link {\n  background: #17338c !important;\n  border: 1px solid #243c8e !important;\n}\n[datav-theme='darkBlue'] .ecan-table .ant-pagination-item {\n  background: #17338c !important;\n}\n[datav-theme='darkBlue'] .ecan-table .anticon {\n  color: rgba(255, 255, 255, 0.65) !important;\n}\n[datav-theme='darkBlue'] .ecan-table .ant-table-tbody > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td {\n  background: #225b98;\n}\n")();
+var Table_vue_vue_type_style_index_1_lang = /* @__PURE__ */ (() => ".ecan-table *::-webkit-scrollbar {\n  width: 6px;\n  height: 6px;\n}\n.ecan-table *::-webkit-scrollbar-thumb {\n  border-radius: 3px;\n  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);\n  background-color: #c8c9ca !important;\n}\n.ecan-table *::-webkit-scrollbar-track {\n  background-color: #fff;\n}\n.ecan-table .ant-table-cell-scrollbar {\n  box-shadow: 0 1px 0 1px transparent;\n}\n.ecan-table .ant-table {\n  color: rgba(0, 0, 0, 0.65);\n  background: #ffffff;\n}\n.ecan-table .ant-table-thead > tr > th {\n  color: rgba(0, 0, 0, 0.85);\n  background: #fafafa;\n  border-bottom: 1px solid #f0f0f0;\n}\n.ecan-table .ant-table-tbody > tr > td {\n  border-bottom: 1px solid #f0f0f0;\n}\n.ecan-table .ant-table-bordered .ant-table-container {\n  border: 1px solid #f0f0f0 !important;\n}\n.ecan-table .ant-table-bordered .ant-table-cell {\n  border-right: 1px solid #f0f0f0 !important;\n}\n.ecan-table .anticon {\n  color: rgba(0, 0, 0, 0.65) !important;\n}\n[datav-theme='darkBlue'] .ecan-table *::-webkit-scrollbar-thumb {\n  background-color: #2f4dac !important;\n}\n[datav-theme='darkBlue'] .ecan-table *::-webkit-scrollbar-track {\n  background-color: #192c70;\n}\n[datav-theme='darkBlue'] .ecan-table *::-webkit-scrollbar-corner {\n  background-color: #192c70 !important;\n}\n[datav-theme='darkBlue'] .ecan-table .ant-table {\n  color: #e8e8e8;\n  background: #071655;\n}\n[datav-theme='darkBlue'] .ecan-table .ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table,\n[datav-theme='darkBlue'] .ecan-table .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table {\n  border-top: 1px solid #3e8ee3 !important;\n}\n[datav-theme='darkBlue'] .ecan-table .ant-table-thead > tr > th {\n  color: #cdd0f7;\n  background: #17338c;\n  border-bottom: 1px solid #3e8ee3;\n}\n[datav-theme='darkBlue'] .ecan-table .ant-table-tbody > tr > td {\n  border-bottom: 1px solid #3e8ee3;\n}\n[datav-theme='darkBlue'] .ecan-table .ant-table-bordered .ant-table-container {\n  border: 1px solid #3e8ee3 !important;\n}\n[datav-theme='darkBlue'] .ecan-table .ant-table-bordered .ant-table-cell {\n  border-right: 1px solid #3e8ee3 !important;\n}\n[datav-theme='darkBlue'] .ecan-table .ant-pagination-item-link {\n  background: #17338c !important;\n}\n[datav-theme='darkBlue'] .ecan-table .ant-pagination-item {\n  background: #17338c !important;\n}\n[datav-theme='darkBlue'] .ecan-table .anticon {\n  color: rgba(255, 255, 255, 0.65) !important;\n}\n[datav-theme='darkBlue'] .ecan-table .ant-table-tbody > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td {\n  background: #225b98;\n}\n")();
 const _sfc_main$1 = defineComponent({
   name: "EcanTable",
   components: {
@@ -5465,7 +5999,7 @@ const _sfc_main$1 = defineComponent({
     ATableSummaryCell: TableSummaryCell
   },
   props: __spreadValues({}, tableComponentProps),
-  setup(props2) {
+  setup(props2, { expose }) {
     const style2 = usePickComponentStyle(props2);
     const splitY = computed(() => {
       if (props2.paginationShow) {
@@ -5564,7 +6098,6 @@ const _sfc_main$1 = defineComponent({
     };
     const tableChange = ({ current }, _filters, _sorter) => {
       pageNum.value = current;
-      handleIndicatorData();
     };
     const pagination = computed(() => {
       const simple = props2.simple;
@@ -5622,12 +6155,12 @@ const _sfc_main$1 = defineComponent({
       });
       dataSource.value = rows;
     };
-    const requestDiagram = useRequestDiagramData(props2);
+    const indicatorData = useIndicatorData(props2);
     const handleIndicatorData = async () => {
       var _a2, _b2, _c2, _d;
       try {
         loading.value = true;
-        const res = await requestDiagram();
+        const res = await indicatorData();
         handleIndicatorDataset((_b2 = (_a2 = res == null ? void 0 : res.data) == null ? void 0 : _a2.data) == null ? void 0 : _b2.columns, (_d = (_c2 = res == null ? void 0 : res.data) == null ? void 0 : _c2.data) == null ? void 0 : _d.rows);
       } catch (e) {
         console.error(e);
@@ -5643,6 +6176,7 @@ const _sfc_main$1 = defineComponent({
       })
     });
     const refreshData = () => {
+      console.log(unref(pageMode));
       if (unref(pageMode) === "design")
         return;
       switch (props2.dataType) {
@@ -5696,6 +6230,9 @@ const _sfc_main$1 = defineComponent({
       setRequest: (requestFn, sortNum) => void 0
     });
     setRequest(refreshData, props2.requestSort);
+    expose({
+      refreshData
+    });
     return {
       x,
       y,
@@ -5727,6 +6264,9 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
       default: withCtx(() => [
         createVNode(_component_a_table, {
           class: "table",
+          style: {
+            height: "100%"
+          },
           columns: _ctx.dataColumns.length > 0 ? _ctx.dataColumns : _ctx.myColumns,
           "data-source": _ctx.dataSource,
           bordered: _ctx.bordered,
@@ -5782,7 +6322,7 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
     }, 8, ["loading"])
   ], 4);
 }
-var Table = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1], ["__scopeId", "data-v-3c009dfc"]]);
+var Table = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1], ["__scopeId", "data-v-56b87792"]]);
 const EcanTable = withInstall(Table);
 const mapProps = __spreadProps(__spreadValues({}, props), {
   mapJson: null,