<template>
  <div class="page-data">
    <!--搜素框-->
    <div class="page-filter">
      <page-filter
        :query.sync="factorFilterInfo.query"
        :filter-list="factorFilterInfo.list"
        @handleClick="handleClick"
      />
    </div>
    <div class="page-content">
      <!--表格-->
      <div class="h-100">
        <page-table
          tabIndex
          pagination
          :api-url="factorTableInfo.url"
          :refresh="factorTableInfo.refresh"
          :data.sync="factorTableInfo.data"
          :query="factorFilterInfo.query"
          :page-query="factorTableInfo.pageQuery"
          :init-curpage="factorTableInfo.initCurpage"
          :field-list="factorTableInfo.fieldList"
          @handleClick="handleClick"
        />
      </div>
    </div>
  </div>
</template>

<script>
import { message } from "./../../util/item";
export default {
  data() {
    return {
      //因子搜索相关
      factorFilterInfo: {
        query: {
          searchStr: ""
        },
        list: [
          {
            type: "input",
            label: "因子名称/ASCII码",
            value: "searchStr",
            hideLabel: true
          },
          {
            type: "button",
            label: "查询",
            btType: "primary",
            icon: "el-icon-search",
            event: "search",
            show: true
          }
        ]
      },
      //因子表格相关
      factorTableInfo: {
        url: this.nozzle.sysEquipConfigList, //接口地址
        refresh: 1,
        initCurpage: 1,
        data: [],
        fieldList: [
          { label: "因子名称", value: "codeProperty", minWidth: 150, tooltip: true },
          { label: "因子ASCII码", value: "codeAscll", minWidth: 100, tooltip: true },
          { label: "水文编号", value: "code", minWidth: 100, tooltip: true },
          { label: "因子最大值", value: "maxValue", minWidth: 100, tooltip: true },
          { label: "因子最小值", value: "minValue", minWidth: 100, tooltip: true },
          { label: "因子单位", value: "unit", minWidth: 100, tooltip: true },
        ]
      }
    };
  },
  mounted() {
    this.factorTableInfo.refresh = Math.random();
  },
  methods: {
    //点击事件
    handleClick(event, data) {
      switch (event) {
        //设备搜索
        case "search":
          this.factorTableInfo.initCurpage = Math.random();
          this.factorTableInfo.refresh = Math.random();
          break;
      }
    }
  }
};
</script>