<!-- 谐波放大表格详情 -->
<template>
  <el-dialog
    v-model="visible"
    :close-on-click-modal="false"
    title="详情"
    draggable
    width="1000px"
    @close="handleCloseDialog"
    style="height: 600px"
  >
    <MyEChart :options="[]" />
  </el-dialog>
</template>

<script lang="ts" setup>
import { ref } from "vue";
import MyEChart from "@/components/echarts/MyEchart.vue";

const visible = ref(false);
const options = ref<any>(null);

const open = () => {
  visible.value = true;
}

const handleCloseDialog = () => {
  visible.value = false;
  options.value = null;
};

// const showCharts = (row: any, valueType: number, name: string) => {
//   getHistoryLineData({
//     lineId: row.lineId,
//     number: row.number,
//     phaseType: row.phaseType,
//     searchTime: row.timeId,
//     targetCode: row.targetCode,
//     valueType,
//   }).then((res) => {
//     options.value = {
//       title: {
//         text:
//           row.subName +
//           " " +
//           row.lineName +
//           " " +
//           row.targetName +
//           " " +
//           row.phaseType +
//           "相" +
//           name,
//       },
//       legend: {
//         show: false,
//       },
//       xAxis: {
//         type: "category",
//         name: "时间",
//         data: res.data[0]?.value.map((item: any[]) => item[0]),
//       },
//       yAxis: {
//         name: "%",
//         type: "value",
//       },
//       series: [
//         {
//           name: name,
//           data: res.data[0]?.value.map((item: any[]) => item[1]),
//           type: "line",
//         },
//       ],
//       options: {
//         grid: {
//           top: "50px",
//           left: "40px",
//           right: "60px",
//           bottom: "10px",
//           containLabel: true,
//         },
//         dataZoom: null,
//       },
//     };
//   });
// };
defineExpose({
  open,
});
</script>
