l<template>
  <div class="pd10">
    <el-row>
      <el-col>
        <el-tabs
          v-model.trim="activeName"
          @tab-click="handleClick"
          type="border-card"
           :style="'height:' + vh + ';'"
        >
          <el-tab-pane
            label="工单生成"
            name="first"
       
          >
            <MonitoringPoint />
          </el-tab-pane>
          <el-tab-pane
            label="工单统计"
            name="second"
           
          >
            <statistics />
          </el-tab-pane>
        </el-tabs>
      </el-col>
    </el-row>
  </div>
</template>
<script>
import { tableheight } from "@/assets/commjs/common";
import MonitoringPoint from "./components/Workorder/MonitoringPoint";
import statistics from "./components/Workorder/statistics";
export default {
  components: { MonitoringPoint, statistics },
  data() {
    return {
      vh: undefined,

      valueCompany: "",
      valuePlatformArea: "",
      valueLevel: "",
      date: "",
      date1: "",

      activeName: "first",

      isLoading2: false,
      //所属单位数据数据
      options: [
        {
          value: "选项1",
          label: "东城区"
        },
        {
          value: "选项2",
          label: "西城区"
        },
        {
          value: "选项3",
          label: "朝阳区"
        },
        {
          value: "选项4",
          label: "丰台区"
        },
        {
          value: "选项5",
          label: "石景山区"
        },
        {
          value: "选项6",
          label: "海淀区"
        },
        {
          value: "选项7",
          label: "门头沟区"
        },
        {
          value: "选项8",
          label: "房山区"
        },
        {
          value: "选项9",
          label: "通州区"
        },
        {
          value: "选项10",
          label: "顺义区"
        },

        {
          value: "选项11",
          label: "昌平区"
        },
        {
          value: "选项12",
          label: "大兴区"
        },
        {
          value: "选项13",
          label: "怀柔区"
        },
        {
          value: "选项14",
          label: "平谷区"
        },
        {
          value: "选项15",
          label: "密云区"
        },
        {
          value: "选项16",
          label: "延庆区"
        }
      ],

      //台区数据
      platformArea: [
        {
          value: "选项1",
          label: "10kV一台区"
        },
        {
          value: "选项2",
          label: "10kV二台区"
        },
        {
          value: "选项3",
          label: "10kV三台区"
        }
      ],
      //全网水平评价表头
      tableHeaderNetwork: [
        { prop: "company", label: "单位" },
        { prop: "station", label: "变电站" },
        { prop: "monitor", label: "监测点" },
        { prop: "team", label: "运维班组" },
        { prop: "describe", label: "问题描述", width: "150" },
        { prop: "time", label: "生成时间" },
        { prop: "state", label: "工单状态" }
      ],

      //台区水平评价表头
      tableHeaderAera: [
        { prop: "company", label: "单位" },
        { prop: "areaName", label: "台区名称" },
        {
          prop: "voltage",
          label: "电压",
          children: [
            { prop: "vmeanValue", label: "均值(kV)" },
            { prop: "vstandardDeviation", label: "标准差(V)" }
          ]
        },
        {
          prop: "harmonic ",
          label: "电压总谐波畸变率",
          children: [
            { prop: "hmeanValue", label: "均值" },
            { prop: "hstandardDeviation", label: "标准差" }
          ]
        },
        {
          prop: "longTime ",
          label: "长时间",
          children: [
            { prop: "lmeanValue", label: "均值" },
            { prop: "lstandardDeviation", label: "标准差" }
          ]
        },
        {
          prop: "longTime ",
          label: "分布式光伏台区渗透水平",
          children: [
            { prop: "zero", label: "(0~25%%)" },
            { prop: "quarter", label: "(25~50%)" },
            { prop: "ahalf", label: "(50~75%)" },
            { prop: "threeFourths", label: "(75~100%)" },
            { prop: "onehundredpercent", label: "(100%)" }
          ]
        }
      ],
      platformAreaData: [],
      device: "",
      currentPage: 1, // 当前页码
      total: 20, // 总条数
      pageSize: 20 // 每页的数据条数
    };
  },
  created() {},
  mounted() {
    this.device = window.devicePixelRatio;
     this.vh = document.getElementById("app-main-in").offsetHeight - 210;
  },
  computed: {
    //计算表格高度
    // height(){
    //   return '100vh'- this.$refs.form.offsetHeight +259;
    // }
  },
  methods: {
    handleClick(tab, event) {
      // console.log(tab, event);
    }
  }
};
</script>
<style lang="less" scoped>
@import url("../../styles/comStyle.less");
/deep/.el-table .cell {
  text-align: center;
}
/deep/.el-tabs--border-card > .el-tabs__content {
  padding: 10px;
}
.block {
  margin-top: 10px;
}
</style>
