<template>
  <div class="mod-config">
    <el-form :inline="true" label-position="top" label-width="100px" style="margin-top: -10px;">
      <el-button @click="getData()" type="primary" style="margin-left: 2px;margin-top: 33px">{{buttons.search}}</el-button>
    </el-form>

    <el-table
      :height="height"
      :data="dataList"
      border
      v-loading="dataListLoading"
      style="width: 100%;">
      <el-table-column
        header-align="center"
        align="center"
        width="150"
        label="操作">
        <template slot-scope="scope">
          <a type="text" size="small" @click="addOrUpdateHandle(scope.row.id)">修改</a>
          <a type="text" size="small" @click="deleteHandle(scope.row.id)">删除</a>
        </template>
      </el-table-column>
      <el-table-column
        v-for="(item,index) in columnList" :key="index"
        :sortable="item.columnSortable"
        :prop="item.columnProp"
        :header-align="item.headerAlign"
        :show-overflow-tooltip="item.showOverflowTooltip"
        :align="item.align"
        :fixed="item.fixed==''?false:item.fixed"
        min-width="20%"
        :label="item.columnLabel">
        <template slot-scope="scope">
          <span v-if="!item.columnHidden"> {{scope.row[item.columnProp]}}</span>
          <span v-if="item.columnImage"><img :src="scope.row[item.columnProp]"
                                             style="width: 100px; height: 80px"/></span>
        </template>
      </el-table-column>

    </el-table>
  </div>
</template>

<script>

  import {} from "@/api/sysLanguage.js"

  export default {
    name: "null",
    data() {
      return {
        height: 200,
        dataList:[],
        dataListLoading: false,
        buttons:{
          search:'查询',
        },
        columnList: [
          {
            userId: this.$store.state.user.name,
            functionId: 9002,
            serialNumber: '9002tBlbasedataId',
            tableId: "9002Blbasedata",
            tableName: "工厂信息表",
            columnProp: "id",
            headerAlign: "center",
            align: "left",
            columnLabel: "工厂id",
            columnHidden: false,
            columnImage: false,
            columnSortable: false,
            sortLv: 0,
            status: true,
            fixed: '',
            columnWidth: 50
          },
        ],
      }
    },
    mounted() {
      this.$nextTick(() => {
        this.height = window.innerHeight - 240;
      })
    },
    methods: {},
    created() {

    }
  }
</script>

<style scoped>

</style>
