<template>
  <div class="page">
    <LayoutTable :data='tableData' :config='tableConfig' />

  </div>
</template>

<script>
import table from '@/assets/mixins/table';

export default {
  mixins: [table],
  data() {
    return {
      config: {
        search: [
          {
            name: 'name',
            type: 'text',
            label: '参数名称',
          },
        ],
        columns: [
          {
            type: 'selection',
            width: 60,
          },
          {
            prop: 'name',
            label: '参数名称',
          },
          {
            prop: 'firstOrganize',
            label: '一级组织',
          },
          {
            prop: 'secondOrganize',
            label: '二级组织',
          },
          {
            prop: 'paramKey',
            label: '参数键',
          },
          {
            prop: 'paramValue',
            label: '参数值',
            // formatter: this.util_short('paramValue', 20)
          },
          {
            prop: 'validStatus',
            label: '有效状态',
            width: 70,
            formatter: this.formatter
          },
          {
            prop: 'modStatus',
            label: '修改状态',
            width: 100,
            formatter: this.formatter
          },
          {
            prop: 'displayType',
            label: '展现类型',
            width: 100,
            formatter: this.formatter
          },
          {
            prop: 'remark',
            label: '备注',
          },
          {
            label: '操作',
            width: 180,
            formatter: (row)=> {
              return (
                 <table-buttons row={row} onEdit={this.toEdit} onView={this.toView} onDel={this.toDel} />
              )
            },
          },
        ],
      },
    }
  }
}
</script>
<style lang="css">
.el-tooltip__popper{
  display: inline-block;
  max-width: 80%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal ;
  line-height: 18px;
  cursor: pointer;
}
</style>


