<template>
  <div class="home" v-loading="loading">
    <dv-decoration-5 style="width:100%;height:40px;" />
    <div class="second">
      <div class="topPanel"></div>
      <div class="step">
        <div class="one">
          <div class="img oneBg even"  @click="handleDialogOpen">
            <div class="tag2">数据生成</div>
            <div class="tag">物理模型</div>
          </div>
        </div>
        <dv-decoration-6 style="width:200px;height:20px;" />
        <div class="two">
          <div class="img twoBg odd">
            <div class="tag">加噪</div>
          </div>
        </div>
        <dv-decoration-6 style="width:200px;height:20px;" />
        <div class="three">
          <div class="img fourBg odd">
            <div class="tag">特征提取</div>
            <div class="tag2">故障诊断</div>
          </div>
        </div>
        <dv-decoration-6 style="width:220px;height:20px;" />
        <div class="four">
          <div class="img fiveBg noAfter"
               style="content: none">
            <div class="tag">性能评估</div>
          </div>
        </div>

      </div>
      <div class="bottomPanel">
            <dv-active-ring-chart :config="imagedata" style="width:200px;height:200px" />
            <dv-capsule-chart :config="imagedata" style="width:300px;height:200px" />
        <dv-conical-column-chart :config="imagedata" style="width:400px;height:200px;margin-left: 100px" />
      </div>
    </div>
    <form-model-view v-model="dialogVisible"  @callback="handleRowData"/>
  </div>
</template>

<script>
import CountTo from "vue-count-to";
import RingChart from "@/views/homePage/ringChart";
import PreCharts from "@/views/homePage/preCharts";
import CurveCharts from "@/views/homePage/curveCharts";
import BarChart from "@/views/dashboard/BarChart";
import FormModelView from '../views/workflow/workflow/form.vue'
import FileTable from '@/views/fileTable.vue'

export default {
  name: "Index",
  dicts: ["biz_alg_type", "biz_process_status"],
  components: {
    FileTable,
    CountTo,
    RingChart,
    BarChart,
    PreCharts,
    CurveCharts,
    FormModelView
  },
  data() {
    return {
      imagedata:{
        data:[{
          name: 'Precision',
          value: 91
        },
          {
            name: 'Recall',
            value: 91
          },
          {
            name: 'F1 ',
            value: 91
          },
          {
            name: '准确率',
            value: 91
          },]
      },
      dialogVisible: false,
      loading: false, // 补充可能存在的loading状态
      initFileData:{}
      // 保留原有数据属性...
    };
  },
  mounted() {},
  created() {
  },
  watch: {
  },
  methods: {
    handleDialogOpen(rowData) {
      this.dialogVisible = true;
    },
    handleRowData(row){
      console.log('接收到文件管理的行数据:', row);
      this.initFileData= row;
    },

  }
};
</script>

<style scoped lang="scss">
@import "./index.scss";
</style>
