<template>
  <div>
    <div class="searchbox">
      <el-input v-for="(inputs, index) in column" :key="inputs.field_en_name" v-model="search[inputs.field_en_name]"
        :placeholder="'请输入' + inputs.field_cn_name" v-show="index + 1 <= 5" class="inputs" style="">
      </el-input>
      <el-button @click="searchrecord" v-if="true" class="search_button" style="margin-right: 20px">
        <img src="@/assets/icons/svg/search.png" class="search_icon" />
        搜索
      </el-button>
      <el-button type="success" @click="adddata" v-if="true" class="operation_button" style="">
        <img src="@/assets/icons/svg/add.png" class="operation_button_icon" />
        新增
      </el-button>
      <el-button type="success" @click="del_data" v-if="false" class="operation_button" style="">
        <img src="@/assets/icons/svg/del.png" class="operation_button_icon_del" />
        删除
      </el-button>
      <el-button type="success" @click="export_data" v-if="false" class="operation_button" style="">
        <img src="@/assets/icons/svg/export.png" class="operation_button_icon" />
        导出
      </el-button>
      <el-button type="success" @click="export_temp_data" v-if="false" class="operation_button" style="">
        <img src="@/assets/icons/svg/export_temp.png" class="operation_button_icon" />
        导出模版
      </el-button>
      <el-button type="success" @click="coustom_button_one" v-if="false" class="operation_button" style="">
        自定按钮1
      </el-button>
      <el-button type="success" @click="coustom_button_two" v-if="false" class="operation_button" style="">
        自定按钮2
      </el-button>
    </div>
    <el-table :data="tableData.slice((currentPage - 1) * PageSize, currentPage * PageSize)" style="max-width: 1560px"
      max-height="572px" @selection-change="handleSelectionChange"
      :header-cell-style="{ 'text-align': 'center', 'background-color': '#389F37', 'height': '60px', 'color': '#ffffff', 'font-size': '18px', 'font-weight': '400' }"
      :cell-style="{ 'text-align': 'center', 'font-size': '16px', 'height': '64px' }" :cell-class-name="cellStyle"
      @select="handleSelection" :row-class-name="tableRowClassName">
      <el-table-column fixed type="selection"></el-table-column>
      <el-table-column fixed label="OPERATIONS" width="300" class="table_operation" style="">
        <template #default="scope">
          <el-button @click="delrecord(scope.row)" v-if="true" class="table_operation_button">
            删除
          </el-button>
          <el-button @click="editrecord(scope.row)" v-if="true" class="table_operation_button">
            编辑
          </el-button>
          <el-button @click="coustomOne(scope.row)" v-if="scope.row.verify !== '1'" class="table_operation_button">
            审核
          </el-button>
          <el-button v-else class="table_operation_button_disable" disabled>
            已审核
          </el-button>
          <el-button @click="coustomTwo(scope.row)" v-if="false" class="table_operation_button">
            自定按键
          </el-button>
        </template>
      </el-table-column>
      <el-table-column v-for="(columns, index) in column" :prop="columns.name" :label="columns.cn_name" width="150"
        :key="index" style="" :show-overflow-tooltip="true">
        <template #default="scope">
          <span style="">
            {{ scope.row[columns.name] }}</span>
        </template>
      </el-table-column>
    </el-table>
    <el-pagination @size-change="handlePageSizeChange" @current-change="handlePageChange" :current-page="currentPage"
      :page-sizes="pageSizes" :page-size="PageSize" layout="total, sizes, prev, pager, next, jumper" :total="totalCount"
      class="page">
    </el-pagination>
  </div>
</template>

<script src="./stand_table.js"></script>
<style scoped src="./stand_table.css"></style>