sis_zhfx/src/views/WindSite/pages/DraughtFanList.vue

<template>
  <div class="draught-fan-list">
    <div class="btn-group-tabs">
      <!-- <BtnGroup2 :btnGroups="btnGroups" :rowIndex="0" :index="1" @select="select"></BtnGroup2> -->
    </div>
    <div class="df-table">
      <ComTable :data="data"></ComTable>
    </div>
  </div>
</template>

<script>
import ComTable from "@com/coms/table/table.vue";
import BtnGroup2 from "@com/coms/btn/btn-group-double.vue";
export default {
  // 名称
  name: "DraughtFanList",
  // 使用组件
  components: {
    ComTable,
    BtnGroup2,
  },
  // 数据
  data () {
    return {
      btnGroups: [
        {
          icon: "fa fa-fire",
          btns: [
            {
              text: "某某风场",
              code: "mmfdc1",
            },
            {
              text: "某某风场",
              code: "mhsfc",
            },
            {
              text: "某某风场",
              code: "mmfdc2",
            },
            {
              text: "某某风场",
              code: "mmfdc3",
            },
            {
              text: "某某风场",
              code: "mmfdc4",
            },
          ],
        },
        {
          icon: "fa fa-fire-extinguisher",
          btns: [
            {
              text: "某某风场",
              code: "mmgf1",
            },
            {
              text: "某某风场",
              code: "mmgf2",
            },
            {
              text: "某某风场",
              code: "mmgf3",
            },
            {
              text: "某某风场",
              code: "mmgf4",
            },
          ],
        },
      ],
      data: {
        column: [
          {
            name: "风机名称",
            field: "code",
            is_num: false,
            is_light: false,
          },
          {
            name: "冷却风温度",
            field: "FDJLQFWD",
            is_num: true,
            is_light: false,
          },
          {
            name: "有功功率",
            field: "FJGL",
            is_num: true,
            is_light: false,
          },
          {
            name: "液压油温度",
            field: "YYYW",
            is_num: true,
            is_light: false,
          },
          {
            name: "Pcspp温度",
            field: "PCS_WD",
            is_num: true,
            is_light: false,
          },
          {
            name: "U1绕组温度",
            field: "U1YZWD",
            is_num: true,
            is_light: false,
          },
          {
            name: "U2绕组温度",
            field: "U2YZWD",
            is_num: true,
            is_light: false,
          },
          {
            name: "V1绕组温度",
            field: "V1YZWD",
            is_num: true,
            is_light: false,
          },
          {
            name: "V2绕组温度",
            field: "V2YZWD",
            is_num: true,
            is_light: false,
          },
          {
            name: "W1绕组温度",
            field: "W1YZWD",
            is_num: true,
            is_light: false,
          },
          {
            name: "W2绕组温度",
            field: "W2YZWD",
            is_num: true,
            is_light: false,
          },
          {
            name: "轴承A温度",
            field: "FDJZCAWD",
            is_num: true,
            is_light: false,
          },
          {
            name: "轴承B温度",
            field: "FDJZCBWD",
            is_num: true,
            is_light: false,
          },
          {
            name: "齿轮箱温度",
            field: "CLXWD",
            is_num: true,
            is_light: false,
          },
          {
            name: "齿轮箱轴1温度",
            field: "CLXSRZ1WD",
            is_num: true,
            is_light: false,
          },
          {
            name: "齿轮箱轴2温度",
            field: "CLXSRZ2WD",
            is_num: true,
            is_light: false,
          },
          {
            name: "机舱温度",
            field: "JCWD",
            is_num: true,
            is_light: false,
          },
          {
            name: "滑环温度",
            field: "FDJHHWD",
            is_num: true,
            is_light: false,
          },
          {
            name: "环境温度",
            field: "JCWWD",
            is_num: true,
            is_light: false,
          },
        ],
        data: [],
      },
    };
  },
  // 函数
  methods: {
    // 请求服务
    requestData (showLoading) {
      let that = this;
      that.API.requestData({
        showLoading,
        method: "POST",
        subUrl: "monitorwt/findWtInfoList",
        data: {
          wpId: "MHS_FDC"
        },
        success (res) {
          res.data.forEach(ele => {
            for (let key in ele) {
              if (key !== "code" && key !== "lnid" && key !== "model" && key !== "pjid" && key !== "wpid") {
                ele[key] = ele[key] || 0;
              }
            }
          });
          that.data.data = res.data;
        },
      });
    },
  },

  created () {
    let that = this;
    that.$nextTick(() => {
      that.requestData(false);
      that.timmer = setInterval(() => {
        that.requestData(false);
      }, that.$store.state.websocketTimeSec);
    });
  },

  mounted () {

  },

  unmounted () {
    clearInterval(this.timmer);
    this.timmer = null;
  },
}
</script>

<style lang="less" scoped>
.draught-fan-list {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;

  .btn-group-tabs {
    display: flex;
    flex-direction: row;

    .photovoltaic {
      margin-left: 1.481vh;
    }
  }

  .df-table {
    border: 0.093vh solid fade(@darkgray, 50%);
    position: relative;
    overflow: auto;
    flex-grow: 1;
    margin-top: 1.481vh;

    &:before {
      content: '';
      width: 0.37vh;
      height: 0.37vh;
      background: @write;
      position: absolute;
      left: 0.278vh;
      top: 0.278vh;
    }

    tbody {
      height: calc(100vh - 166px);
    }
  }
}
</style>