import { defineComponent, toRefs, openBlock, createElementBlock, createElementVNode, toDisplayString, unref, createVNode, normalizeStyle, Fragment, renderList, pushScopeId, popScopeId } from "vue";
import _imports_0 from "./images/circle.mjs";
import _imports_1 from "./images/line.mjs";
import EchartsContainer from "../../../NComponents/echartsContainer/EchartsContainer.mjs";
import "./index.vue_vue_type_style_index_0_scoped_true_lang.mjs";
import _export_sfc from "../../../../_virtual/plugin-vue_export-helper.mjs";
const _withScopeId = (n) => (pushScopeId("data-v-4b36c77b"), n = n(), popScopeId(), n);
const _hoisted_1 = { class: "box" };
const _hoisted_2 = { class: "left" };
const _hoisted_3 = { class: "leftInner" };
const _hoisted_4 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("img", {
  src: _imports_0,
  class: "circlePng"
}, null, -1));
const _hoisted_5 = { class: "middle" };
const _hoisted_6 = { class: "key" };
const _hoisted_7 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("div", { class: "dianBox" }, [
  /* @__PURE__ */ createElementVNode("div", { class: "dian" }),
  /* @__PURE__ */ createElementVNode("div", { class: "line" })
], -1));
const _hoisted_8 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("img", {
  src: _imports_1,
  alt: ""
}, null, -1));
const _hoisted_9 = { class: "value" };
const _hoisted_10 = { class: "right" };
const _hoisted_11 = { class: "title" };
const _hoisted_12 = { class: "t2" };
const _hoisted_13 = { class: "unit" };
const __default__ = defineComponent({ name: "EComponent26" });
const _sfc_main = /* @__PURE__ */ defineComponent({
  ...__default__,
  props: {
    chartConfig: {
      type: Object,
      required: true,
      default: () => {
        return {
          option: {
            dataset: {
              style: {
                width: "235px",
                height: "235px"
              },
              option: {
                tooltip: {
                  show: true,
                  trigger: "item"
                },
                legend: {
                  show: true
                },
                series: [
                  {
                    type: "pie",
                    radius: ["82%", "88%"],
                    center: ["50%", "50%"],
                    hoverAnimation: true,
                    label: {
                      show: false
                    },
                    data: [
                      {
                        value: [25],
                        itemStyle: {
                          color: "#2CF6B6",
                          shadowBlur: 10,
                          shadowColor: "#97e2f5"
                        }
                      },
                      {
                        value: [75],
                        itemStyle: {
                          color: "transparent",
                          shadowBlur: 0
                        }
                      }
                    ]
                  }
                ]
              },
              innerData: {
                title: "\u6D88\u7EB3\u573A\u603B\u6570",
                num: 109
              },
              list: [
                {
                  key: "\u7EFC\u5408\u5229\u7528\u5382",
                  value: 22
                },
                {
                  key: "\u56FA\u5B9A\u6D88\u7EB3\u573A",
                  value: 50
                },
                {
                  key: "\u4E34\u65F6\u6D88\u7EB3\u573A(\u56DE\u586B)",
                  value: 22
                },
                {
                  key: "\u4E34\u65F6\u6D88\u7EB3\u573A(\u5806\u5761)",
                  value: 6
                },
                {
                  key: "\u5176\u4ED6\u5229\u7528",
                  value: 15
                }
              ],
              rightData: {
                title: "\u5904\u7F6E\u80FD\u529B",
                num: "282739",
                unit: "\u5428/\u6BCF\u5E74"
              }
            }
          }
        };
      }
    }
  },
  setup(__props) {
    const props = __props;
    const { style, option, innerData, list, rightData } = toRefs(
      props.chartConfig.option.dataset
    );
    return (_ctx, _cache) => {
      return openBlock(), createElementBlock("div", _hoisted_1, [
        createElementVNode("div", _hoisted_2, [
          createElementVNode("div", _hoisted_3, [
            createElementVNode("div", null, toDisplayString(unref(innerData).num), 1),
            createElementVNode("div", null, toDisplayString(unref(innerData).title), 1)
          ]),
          _hoisted_4,
          createVNode(EchartsContainer, {
            options: unref(option),
            style: normalizeStyle(unref(style))
          }, null, 8, ["options", "style"])
        ]),
        createElementVNode("div", _hoisted_5, [
          (openBlock(true), createElementBlock(Fragment, null, renderList(unref(list), (item, index) => {
            return openBlock(), createElementBlock("div", { key: index }, [
              createElementVNode("div", _hoisted_6, toDisplayString(item.key), 1),
              _hoisted_7,
              _hoisted_8,
              createElementVNode("div", _hoisted_9, toDisplayString(item.value), 1)
            ]);
          }), 128))
        ]),
        createElementVNode("div", _hoisted_10, [
          createElementVNode("div", _hoisted_11, toDisplayString(unref(rightData).title), 1),
          createElementVNode("div", _hoisted_12, [
            createElementVNode("span", null, toDisplayString(unref(rightData).num), 1),
            createElementVNode("span", _hoisted_13, toDisplayString(unref(rightData).unit), 1)
          ])
        ])
      ]);
    };
  }
});
var _EComponent26 = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-4b36c77b"]]);
export { _EComponent26 as default };
