<template>
  <div style="padding: 0 20px;">
    <lx-header icon="md-apps" style="margin-bottom: 10px; border: 0px; margin-top: 15px" text="绩效指标">
      <div slot="content"></div>
      <slot>
        <div class="selects">

          <div>
            <span style="padding: 0 6px;word-break: keep-all;">
              关键字
            </span>
            <Input v-model="select.keyword" placeholder="请输入关键字" style="width: 180px"></Input>
          </div>

          <Button style="margin-left: 10px" type="primary"
                  @click="">重置
          </Button>
          <Button style="margin-left: 10px" type="primary" @click="">查询</Button>
        </div>
      </slot>
    </lx-header>

    <xy-table :list="list" :table-item="table" >
    </xy-table>

    <div style="display: flex;justify-content: flex-end;">
      <Page :total="total" @on-change="" show-elevator show-sizer @on-page-size-change="" />
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      select:{
        keyword: ""
      },
      total: 0,
      table: [
        {
          label: "一级指标名称"
        },
        {
          label: "二级指标名称"
        },
        {
          label: "三级指标名称"
        },
        {
          label: "计算符号"
        },
        {
          label: "半年（程）指标值"
        },
        {
          label: "全年（程）指标值"
        },
        {
          label: "单位"
        }
      ],
      list: []
    }
  },
  methods: {},
  computed: {}
}
</script>

<style scoped lang="scss">
.selects{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
</style>
